{"version":3,"file":"static/css/771.1e9df49d.chunk.css","mappings":"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","sources":["components/PatientProfileForm/style.scss","components/Controls/PhoneInput/style.scss","containers/Patients/style.scss"],"sourcesContent":[".userform_container {\n    padding: 2rem;\n    margin-bottom: 20px;\n    background-color: #FFF;\n    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;\n    border-radius: 15px;\n\n    h3 {\n        font-size: 1.3rem;\n        font-weight: 400;\n        color: #6A2A53;\n        margin-bottom: 40px;\n        @media (max-width: 768px) {\n            font-size: 1.2rem;\n        }\n    }\n\n    .avatar_input {\n        width: 6rem;\n        height: 6rem;\n        border-radius: 50%;\n        border: 1px dashed #6A2A53;\n        padding: 5px;\n        margin-bottom: 20px;\n\n        &>img {\n            width: 100%;\n            height: 100%;\n            border-radius: 50%;\n        }\n    }\n\n    .step {\n        display: none\n    }\n\n    .step.show {\n        display: block;\n    }\n\n    form {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        min-height: 40vh;\n    }\n\n    .steps_titles {\n        display: flex;\n        justify-content: center;\n        margin-bottom: 40px;\n\n        .step_title {\n            font-weight: 400;\n            color: #333;\n            padding: 5px 20px 10px;            \n            cursor: pointer;\n            border-bottom: 2px solid #eee;\n\n            &.active {\n                border-bottom: 2px solid #6A2A53;\n            }\n        }\n    }\n\n    label {\n        display: block;\n        font-size: 13px;\n        font-weight: 500;\n        color: #74619b;\n        margin-bottom: 10px;\n        position: relative;\n\n        &.required:after {\n            content: '*';\n            color: #f00;\n            font-size: 1.2rem;\n            margin-left: 5px;\n            position: absolute;\n        }\n    }\n\n    input, select {\n        width: 95%;\n        height: 45px;\n        padding: 8px 15px;\n        border: none;\n        background-color: #fafafc;\n        color: #888;\n        font-size: 15px;\n        font-weight: bold;\n        outline: none;\n        border-radius: 0;\n        border: 1px solid #eee;\n        margin-bottom: 15px;\n        transition: all 0.5s;\n\n        &::placeholder {\n            font-weight: 400;\n            font-size: 14px;\n            color: #888;\n        }\n    }\n\n    select {\n        font-weight: 400;\n        font-size: 14px;\n        color: #888;\n    }\n\n    .form-footer {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding-top: 25px;\n\n        &>p {\n            transition: all 0.5s;\n            margin: 0;\n            color: #c73232;\n            font-size: 15px;\n            white-space: nowrap;\n        }\n    }\n\n    .actions {\n        display: flex;\n        justify-content: flex-end;\n        align-items: center;\n\n        &>button {\n            width: 150px;\n            padding: 8px 15px;\n            text-align: center;\n            border-radius: 40px;\n            font-size: 14px;\n            margin: 15px 10px 0;\n            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\n            outline: none;\n            border: 1px solid transparent;\n            background-color: #6a2a53;\n            color: #FFF;\n            transition: all 0.5s;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        \n            &:focus {\n                outline: none;\n            }\n\n            &:hover {\n                background-color: #531f40;\n            }\n\n            & svg {\n                margin: 0 6px;\n            }\n\n            &.cancel {\n                border: 1px solid #6a2a53;\n                background-color: #fff;\n                color: #6a2a53;\n                padding: 7px 14px;\n                width: 149px;\n\n                &:hover {\n                    background-color: #eee;\n                }\n            }\n        }\n    }\n}\n\n.step span {\n    display: block;\n    margin-bottom: 5px;\n}\n\n#avatarContainer {\n    display: none;\n}\n\nbody[dir=\"rtl\"] {\n    input[type=tel] {\n        unicode-bidi: plaintext;    \n        text-align: left;\n    }\n}\n\nbody[dir=\"ltr\"] {\n    input[type=tel] {\n        margin-left: 15px;\n    }\n}\n\n.col-md-6:first-of-type {\n    padding-right: 30px;\n    padding-left: 0;\n}\n\n.col-md-6:last-of-type {\n    padding-left: 30px;\n    padding-right: 0;\n}\n\nbody[dir=\"rtl\"] .col-md-6:first-of-type {\n    padding-right: 0;\n    padding-left: 30px;\n}\n\nbody[dir=\"rtl\"] .col-md-6:last-of-type {\n    padding-left: 0;\n    padding-right: 30px;\n}\n\n\n.day_name {\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 17px;\n    color: #333 !important;\n    padding-top: 30px;\n}\n\n.apps_actions {\n    display: flex;\n    align-items: center;\n    margin-top: 27px;\n\n    button {\n        border: none;\n        padding: 10px;\n        outline: none;\n        transition: all 0.5s;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n\n        &:focus {\n            outline: none;\n        }\n\n        &.add_btn {\n            background-color: #6ac3df;\n            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\n\n            &:hover {\n                background-color: #5495a8;\n            }\n\n            & svg {\n                color: #fff;\n                font-size: 20px;\n            }\n        }\n\n        &.close_btn {\n            background-color: transparent;\n            box-shadow: none;\n\n            &:hover {\n                background-color: transparent;\n            }\n\n            & svg {\n                color: rgb(185, 83, 83);\n                font-size: 20px;\n            }\n        }\n    }\n}\n\n.col-md-4 {\n    padding-left: 10px !important;\n    padding-right: 10px !important;\n}\n\n.col-md-1 {\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n}\n\n.form-group {\n    display: flex;\n    align-items: center;\n}\n\n.form-group .checkbox-container {\n    width: 33%;\n    white-space: nowrap;\n}\n\n.MuiDialog-paper.MuiPickersModal-dialogRoot {\n    width: auto;\n    height: auto;\n}\n\n#date-picker-dialog, .datetime-picker {\n    width: 95%;\n    input {\n        height: 28px;\n        font-weight: 400;\n    }\n}\n\n.MuiInput-underline:hover:not(.Mui-disabled):before, .MuiInput-underline:hover:not(.Mui-disabled):after {\n    border-bottom: none;\n}\n\n.MuiInput-underline:before, .MuiInput-underline:after {\n    border-bottom: none;\n}\n\n.add_new_person {\n    display: flex;\n    align-items: center;\n    color: #24d7d3;\n    font-size: 17px;\n    margin-top: 20px;\n    cursor: pointer;\n    transition: all 0.5s;\n\n    &>svg {\n        color: #24d7d3;\n        margin: 0 5px;\n        transition: all 0.5s;\n    }\n}\n\n.add_new_person:hover {\n    color: #2eaaa8;\n    &>svg {\n        color: #2eaaa8;\n    }\n}\n\n.hr-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    & > svg {\n        color: #e0b2aca2;\n        font-size: 16px;\n        margin: 0 10px;\n        cursor: pointer;\n        transition: all 0.5s;\n\n        &:hover {\n            transform: scale(1.2);\n        }\n    }\n}\n\n.myHr {\n    display: block;\n    width: 80%;\n    height: 1px;\n    background-color: #e6e6e6;\n    margin-top: 20px !important;\n    margin-bottom: 20px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n\n}\n\n.timepicker-container {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    margin-bottom: 20px;\n\n    .timepicker-item {\n        width: 23.5%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 12px 5px;\n        border: 1px solid #ddd;\n        background-color: #FAFAFC;\n        color: #666;\n        cursor: pointer;\n        transition: all 0.5s;\n        margin-bottom: 6px;\n        font-size: 14px;\n        white-space: nowrap;\n\n        &:hover {\n            background-color: rgba(36, 215, 211, 0.3);;\n        }\n\n        &.active {\n            background-color: rgba(36, 215, 211, 0.3);\n            border: 1px solid #24d7d3;\n        }\n    }\n}\n\nbutton:focus {\n    outline: none !important;\n}\n\n.custom-option {\n    color: #24d7d3;\n    font-weight: bold;\n}\n\n.family-input {\n    position: relative;\n}\n\n.family-icon {\n    position: absolute;\n    color: rgba(223, 105, 94, 0.678);\n    font-size: 1.3rem;\n    right: 22px;\n    top: 10px;\n    transition: all 0.5s;\n    cursor: pointer;\n    &:hover {\n        color: rgb(223, 105, 94);\n    }\n\n    &.add {\n        color: #63cf6386;\n        right: 45px;\n\n        &:hover {\n            color: #2d9e2d;\n        }\n    }\n}\n\nbody[dir=\"rtl\"] .family-icon {\n    right: auto;\n    left: 22px;\n\n    &.add {\n        right: auto;\n        left: 45px;\n    }\n}\n\n.hr-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    & > svg {\n        color: #e0b2aca2;\n        font-size: 16px;\n        margin: 0 10px;\n        cursor: pointer;\n        transition: all 0.5s;\n\n        &:hover {\n            transform: scale(1.2);\n        }\n    }\n}\n\n.myHr {\n    display: block;\n    width: 80%;\n    height: 1px;\n    background-color: #e6e6e6;\n    margin-top: 20px !important;\n    margin-bottom: 20px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n\n}\n\n.timepicker-container {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    flex-wrap: wrap;\n    margin-bottom: 20px;\n\n    .timepicker-item {\n        width: 22.8%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 15px 5px;\n        border: 1px solid #ddd;\n        background-color: #FAFAFC;\n        color: #666;\n        cursor: pointer;\n        transition: all 0.5s;\n        margin: 0 3px 6px;\n        font-size: 13px;\n\n        &:hover {\n            background-color: rgba(36, 215, 211, 0.3);;\n        }\n\n        &.active {\n            background-color: rgba(36, 215, 211, 0.3);\n            border: 1px solid #24d7d3\n        }\n    }\n}\n\nbutton:focus {\n    outline: none !important;\n}\n\n.auto_complete {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 20px;\n    width: 95%;\n\n    input {\n        margin-bottom: 0;\n        width: 100% !important;\n    }\n  }\n\n  .patientID_error {\n    width: 100%;\n    padding: 0;\n    color: #c5523e;\n    display: flex;\n    justify-content: flex-start;\n    position: absolute;\n    bottom: -6px;\n    font-size: 12px;\n}",".form-control:focus {\n    outline: none;\n    box-shadow: none !important;\n}\n\n.react-tel-input .country-list .country {\n    display: flex;\n    align-items: center;\n}\n\nspan.country-name {\n    margin-bottom: 0;\n}\n\n.react-tel-input .flag-dropdown {\n    border: 1px solid transparent !important;\n    top: 1px;\n    left: 1px;\n    height: calc(100% - 2px);\n}\n\nbody[dir=\"rtl\"] .react-tel-input .country-list {\n    left: 0;\n}\n\nbody[dir=\"rtl\"] .react-tel-input .flag-dropdown {\n        left: 17px;\n}\n\nbody[dir=\"rtl\"] .react-tel-input .selected-flag .flag {\n        left: 8px;\n}\n\nbody[dir=\"rtl\"] .react-tel-input .selected-flag .arrow {\n        left: 12px;\n}",".phone-direction {\n    direction   : ltr;\n    unicode-bidi: embed;\n    text-align  : end;\n}\n\n.patient_name {\n    font-size    : 20px;\n    font-weight  : 600;\n    margin-bottom: 0.4rem;\n}\n\n.disbale-input-text-color {\n\n    input,\n    textarea {\n        color: gray;\n    }\n}\n\n.MuiDialog-paper {\n    width        : 600px;\n    min-height   : 40%;\n    overflow     : hidden;\n    // max-height: 60%;\n}\n.loader{\nheight: 100%;\n}\nbody[dir='rtl'] {\n    .phone_number input{\n        unicode-bidi: plaintext;\n        text-align: right;\n    }\n}\n\nbody[dir='ltr'] {\n    .phone_number input{\n        unicode-bidi: plaintext;\n        text-align: left;\n    }\n}\n.text-last-start{\n    text-align-last: start;\n}\n\n\n.myform-group {\n\n    &>label {\n        display: block;\n        width: 100%;\n        font-size: 13px;\n        font-weight: 500;\n        color: #74619b;\n        margin-bottom: 10px;\n    }\n\n    & input, select {\n        display: block;\n        width: 100%;\n        padding: 12px 15px;\n        border: none;\n        background-color: #fafafc;\n        color: #888;\n        font-size: 15px;\n        font-weight: bold;\n        outline: none;\n        border-radius: 0;\n        border: 1px solid #eee;\n        margin-bottom: 15px;\n    }\n    \n    & textarea {\n        display: block;\n        width: 100%;\n        padding: 12px 15px;\n        border: none;\n        background-color: #fafafc;\n        color: #888;\n        font-size: 14px;\n        font-weight: bold;\n        outline: none;\n        border-radius: 0;\n        border: 1px solid #eee;\n        resize: none;\n        letter-spacing: 1.1;\n        margin-bottom: 10px;\n    }\n}\n\n.actions {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n\n    &>button {\n        width: 160px;\n        padding: 8px 15px;\n        text-align: center;\n        border-radius: 40px;\n        font-size: 14px;\n        margin: 15px 10px 0;\n        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\n        outline: none;\n        border: 1px solid transparent;\n        background-color: #6a2a53;\n        color: #FFF;\n        transition: all 0.5s;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    \n        &:focus {\n            outline: none;\n        }\n\n        &:hover {\n            background-color: #531f40;\n        }\n\n        & svg {\n            margin: 0 6px;\n        }\n\n        &.cancel_btn {\n            border: 1px solid #6a2a53;\n            background-color: #fff;\n            color: #6a2a53;\n            padding: 7px 14px;\n            width: 159px;\n\n            &:hover {\n                background-color: #eee;\n            }\n        }\n    }\n}\n\n.input-label.rtl-label {\n    direction: rtl;\n    text-align: right;\n}\n\n.mt-10 {\n    margin-top: 20px;\n}\n\n.mb-10 {\n    margin-top: 10px;\n    margin-bottom: 60px;\n}\n\n.hold {\n    position: absolute;\n    top: 15px;\n    left: 25px;\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n    background-color: #FAEBEB;\n    box-shadow: rgba(149, 157, 165, 0.04) 0px 8px 24px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: #333;\n    font-size: 13px;\n    font-weight: bold;\n}\n\n.myBtn {\n    width: 20%;\n    padding: 8px 10px;\n    text-align: center;\n    border-radius: 40px;\n    font-size: 14px;\n    margin: 0;\n    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\n    outline: none;\n    border: none;\n    background-color: #6a2a53;\n    color: #FFF;\n    transition: all 0.5s;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: 12px;\n\n    &:focus {\n        outline: none;\n    }\n\n    &:hover {\n        background-color: #531f40;\n    }\n\n    & svg {\n        margin-left: 0;\n        margin-right: 8px;\n    }\n\n    &.rtl svg {\n        margin-left: 8px;\n        margin-right: 0;\n    }\n\n    @media(max-width: 821px) {\n        width: 30%;\n    }\n}\n\n.grid-col-img {\n    position: relative;\n    margin-bottom: 20px !important;\n    border-radius: 50%;\n    width: fit-content;\n    height: fit-content;\n    margin: auto;\n\n    img {\n        margin: 0;\n        padding: 0;\n        width: 135px;\n    }\n}\n\n.justify-content-end {\n    flex-wrap: nowrap;\n}"],"names":[],"sourceRoot":""}