{"version":3,"file":"static/css/6918.3c50c307.chunk.css","mappings":"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","sources":["components/ConfirmDialog/style.scss","components/PatientPreviewForm/style.scss","components/Pagination/style.scss","scss/_variables.scss","components/TableGridView/style.scss"],"sourcesContent":[".confirm-modal-container {\n    position: fixed;\n    top: 0;\n    left: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow-y: auto;\n    overflow-x: hidden;\n    transition: all 0.5s ease-in-out;\n    opacity: 0;\n    pointer-events: none;\n    z-index: -1;\n    background-color: rgba(0,0,0,0.5);\n    width: 100vw;\n    height: 100vh;\n\n    &.show {\n    opacity: 1;\n    pointer-events: all;\n    z-index: 9999;\n    }\n\n    & .confirm-modal {\n        width: 420px;\n        height: auto;\n        background-color: #FFF;\n        border-radius: 20px;\n        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\n        padding: 30px 20px 20px;\n        overflow: hidden;\n        position: relative;\n        z-index: 1;\n\n        &_icon {\n            display: block;\n            margin: 0 auto 20px;\n            width: 70px;\n            height: 70px;\n            border-radius: 50%;\n            opacity: 0.8;\n            box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px\n        }\n    \n        &>h4 {\n            margin-bottom: 15px;\n            font-weight: 400;\n            font-size: 1rem;\n            text-align: center;\n        }\n    \n        &_buttons {\n            display: flex;\n            justify-content: center;\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 5px 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: 139px;\n\n                    &:hover {\n                        background-color: #eee;\n                    }\n                }\n            }\n        }\n    }\n}\n\n",".userform_container {\n    margin-bottom: 20px;\n    background-color: #F8F9FD;\n\n    h3 {\n        font-size: 1.1rem;\n        font-weight: 400;\n        color: #6A2A53;\n        margin-bottom: 20px;\n        margin-top: 20px;\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    .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    textarea, 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    textarea {\n        height: 80px;\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    .acc_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: 0 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            &.link {\n                border: 1px solid #2eaaa8;\n                background-color: #2eaaa8;\n                color: #fff;\n                padding: 7px 14px;\n                width: 180px;\n\n                &:hover {\n                    background-color: #208685;\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}\n\n.MuiDialog-paper.MuiPickersModal-dialogRoot {\n    width: auto;\n    height: auto;\n}\n\n#mydate-picker, #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    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.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\nbutton:focus {\n    outline: none !important;\n}\n\n.message-item {\n    display: flex;\n    align-items: center;\n    position: relative;\n    padding: 10px;\n    background-color: #fff;\n    margin-bottom: 15px;\n    height: 95px;\n    padding-right: 40px;\n}\n\nbody[dir=\"rtl\"] .message-item {\n    padding-right: 0;\n    padding-left: 40px;\n}\n\n.message-content {\n    padding: 5px 10px;\n    width: calc(100% - 100px);\n\n    & > span {\n        font-size: 0.9rem;\n        color: #666;\n        font-weight: bold;\n    }\n\n    & > p {\n        font-size: 1rem;\n        color: #222;\n        margin-top: 5px;\n    }\n}\n\n.message-types {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    position: absolute;\n    top: 5px;\n    right: 10px;\n\n    & > svg {\n        font-size: 1.5rem;\n        margin: 4px;\n        width: 1.2rem;\n\n        path {\n            fill: #BBB;\n        }\n\n        &.active {\n            path {\n                fill: #6A2A53;\n            }\n        }\n    }\n}\n\nbody[dir=\"rtl\"] .message-types {\n    right: auto;\n    left: 10px;\n}\n\n.avatar-container {\n    width: 50px;\n    height: 50px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: #531f40;\n    border-radius: 50%;\n    margin: 5px 10px;\n\n    & > svg {\n        font-size: 2rem;\n        color: #FFF;\n    }\n\n    & > img {\n        width: 20px;\n        object-fit: contain;\n    }\n}\n\n.scrollbar-custom {\n    background-color: #F8F9FD;\n    padding: 20px;\n    border-radius: 25px;\n    overflow-y: auto;\n}\n\n#style-4::-webkit-scrollbar-track {\n    box-shadow: inset 0 0 6px #6a2a5365;\n    border-radius   : 20px;\n}\n\n.padding-10 {\n    padding: 10px\n}\n\n#style-4::-webkit-scrollbar-thumb {\n    background-color: #6a2a536c;\n    border          : 2px solid #6a2a537c;\n    border-radius   : 40px;\n}\n\n.divider {\n    width: 100%;\n    height: 10px;\n}\n\n.myscrollbar-container .scrollbar {\n    height: 50vh;\n}\n\n.MuiAccordionSummary-content.Mui-expanded {\n    margin: 25px 0 0;\n}\n\n.table-actions {\n    a {\n        color: #777;\n    }\n    & > svg {\n        font-size: 1.4rem;\n        color: #777;\n        margin: 0 4px;\n        cursor: pointer;\n        transition: all 0.5s;\n\n        &:first-of-type:hover {\n            color: rgb(199, 118, 118);\n        }\n\n        &:last-of-type:hover {\n            color: rgb(118, 199, 118);\n        }\n    }\n}\n\n#pdf-input {\n    display: none;\n}\n\n.name-container {\n    \n    & > svg {\n        margin: 10px 15px;\n        font-size: 1.2rem;\n        opacity: 0;\n        transition: all 0.5s;\n        color: rgb(37, 160, 37);\n        cursor: pointer;\n    }\n\n    &:hover {\n        & > svg {\n            opacity: 1;\n        }\n    }\n}\n\n.name-edit {\n    position: relative;\n    width: fit-content;\n\n    input {\n        width: 300px;\n        height: 35px;\n        margin-bottom: 0;\n        padding-right: 70px;\n    }\n\n    svg {\n        position: absolute;\n        top: 5px;\n        right: 10px;\n        color: rgb(201, 84, 84);\n        cursor: pointer;\n    }\n\n    .check-icon {\n        position: absolute;\n        top: 5px;\n        right: 35px;\n        color: rgb(37, 160, 37);\n        cursor: pointer;\n    }\n}\n\nbody[dir=\"rtl\"] .name-edit {\n    svg {\n        right: auto;\n        left: 10px;\n    }\n    .check-icon {\n        right: auto;\n        left: 35px;\n    }\n    input {\n        padding-right: 0;\n        padding-left: 70px;\n    }\n}\n\n.delete-icon {\n    cursor: pointer;\n    transition: all 0.5s;\n    &:hover {\n        color: rgb(201, 84, 84);\n    }\n}\n.download-icon {\n    cursor: pointer;\n    transition: all 0.5s;\n    &:hover {\n        color: rgb(65, 110, 179);\n    }\n}\n\n.file-link {\n    visibility: hidden;\n    user-select: none;\n}\n\n.attachment_name {\n    user-select: none;\n}\n\n#feedback {\n    color: rgba(190, 77, 62, 0.877);\n    font-size: 15px;\n    width: 100%;\n    text-align: center;\n    padding: 0;\n    white-space: nowrap;\n    margin: 0 auto;\n}\n\n#feedback0 {\n    color: rgba(190, 77, 62, 0.877);\n    font-size: 15px;\n    width: 100%;\n    text-align: left;\n    padding: 0;\n    white-space: nowrap;\n    position: absolute;\n    bottom: 10px;\n    padding: 0 20px;\n}\n\nbody[dir=\"rtl\"] #feedback0 {\n    text-align: right;\n    padding-right: 0;\n    padding-left: 20px;\n}\n\n.link_span {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    transition: all 0.8s;\n\n    &:hover {\n        color: #5ec3e2;\n    }\n}\n\n.MuiAccordionDetails-root {\n    padding: 8px 16px 0;\n}\n\n.MuiAccordionActions-root {\n    padding: 5px 8px 16px;\n}\n\n.no-data-block {\n    display: flex;\n    width: 100%;\n    justify-content: center;\n    align-items: center;\n    font-size: 1.2rem;\n    color: #777;\n    padding-bottom: 10px;\n}\n\n.MuiAccordionSummary-content.Mui-expanded {\n    margin: 0 !important;\n}\n\n.MuiAccordionSummary-content {\n    margin: 0 !important;\n}\n\n.MuiAccordionSummary-content h3 svg {\n    margin: 0 5px;\n    transition: all 0.5s;\n}\n.MuiAccordionSummary-content.Mui-expanded h3 svg {\n    transform: rotate(180deg);\n}\n\n.patient-labtests-container {\n    h3 {\n        font-size: 1rem;\n        font-weight: 500;\n        color: #333;\n        margin: 0;\n        padding: 0;\n    }\n\n    .myaccordion_header {\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        .myaccordion_header_left {\n            span {\n                color: #c5523e;\n                font-weight: bold;\n                font-size: 0.9rem;\n\n                &.accepted, &.paid {\n                    color: #313633;\n                }\n            }\n        }\n    }\n\n    .labtest-stages {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 15px 0 40px;\n    \n        .labtest-stage {\n            width: calc(100% / 10);\n            position: relative;\n\n            &::before, &::after {\n                content: \"\";\n                display: block;\n                width: 18%;\n                height: 5px;\n                position: absolute;\n                top: 35%;\n                border-bottom: 2px dashed #999;\n                z-index: 0;\n            }\n\n            &::before {\n                left: 1px;\n                right: auto;\n            }\n\n\n            &::after {\n                right: 1px;\n                left: auto;\n            }\n\n            &:first-of-type {\n                &::before {\n                    display: none;\n                }\n            }\n\n            &:last-of-type {\n                &::after {\n                    display: none;\n                }\n            }\n\n            &.done {\n                &::before, &::after {\n                    border-bottom: 2px solid #6A2A53;\n                }\n                &::before {\n                    right: auto;\n                    left: 0px;\n                }\n                &::after {\n                    left: auto;\n                    right: 0px;\n                }\n            }\n    \n            &>img {\n                display: block;\n                width: 65%;\n                height: auto;\n                margin: 0 auto 10px;\n                z-index: 10;\n            }\n    \n            &>span {\n                display: block;\n                text-align: center;\n                font-size: 10px;\n                font-weight: bold;\n                color: #000;\n                white-space: nowrap;\n            }\n        }\n    }\n}\n\nbody[dir=\"rtl\"] .patient-labtests-container .labtest-stages .labtest-stage {\n    &::before {\n        right: 1px;\n        left: auto;\n    }\n    &::after {\n        left: 1px;\n        right: auto;\n    }\n    &.done {\n        &::before, &::after {\n            border-bottom: 2px solid #6A2A53;\n        }\n        &::before {\n            right: 0;\n            left: auto;\n        }\n        &::after {\n            left: 0;\n            right: auto;\n        }\n    }\n}\n\n@media(min-width: 1900px) {\n    .patient-labtests-container .labtest-stages .labtest-stage > img {\n        width: 60%;\n    }\n    .patient-labtests-container .labtest-stages .labtest-stage > span {\n        font-size: 13px;\n    }\n    .patient-labtests-container .labtest-stages .labtest-stage::before, .patient-labtests-container .labtest-stages .labtest-stage::after {\n        width: 18%;\n    }\n}\n\n.requests_actions {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.requests_actions button {\n    width: 120px;\n    padding: 8px 15px;\n    text-align: center;\n    border-radius: 40px;\n    font-size: 14px;\n    margin: 0 20px 0;\n    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\n    outline: none;\n    border: 1px solid #2eaaa8;\n    background-color: #2eaaa8;\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: #208685;\n    }\n\n    & svg {\n        margin: 0 6px;\n    }\n}\n\n.requests_actions span {\n    color: #c5523e;\n    cursor: pointer;\n    transition: all 0.5s;\n}\n\n.requests_actions span:hover {\n    color: #e52c2c;\n}\n\n.auto_complete {\n    width: 95%;\n\n    input {\n        width: 100% !important;\n    }\n}\n\n.payment-form-container, .sampling-form-container {\n    width: 100%;\n    padding: 0 10px;\n\n    .form-group {\n        width: 65%;\n    }\n\n    .checkbox-container .checkmark {\n        border-radius: 50%;\n    }\n\n    .checkbox-container .checkmark:after {\n        left: 3px;\n        top: 3px;\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background-color: #531f40;\n    }\n}\n\n.bank_transfert_container {\n    margin-top: 20px;\n    margin-bottom: 20px;\n    width: 40%;\n    \n    .bank_transfert_image_container {\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 20px;\n        border: 1px solid #EEE;\n        border-radius: 20px;\n\n        &>img {\n            height: 80px;\n            width: auto;\n            object-fit: contain;\n            display: block;\n            margin: 0 10px;\n        }\n\n        &>span {\n            font-size: 15px;\n            font-weight: bold;\n            color: #333;\n            margin: 0;\n            padding: 0;\n        }\n\n        &>svg {\n            font-size: 1.6rem;\n            color: #c5523e;\n            cursor: pointer;\n        }\n    }\n\n    .bank_transfert_input_container {\n       \n        .image_inputs {\n            position: relative;\n            &>input[type=file] {\n                display: none;\n            }\n    \n            &>input[type=text] {\n                cursor: pointer;\n            }\n            &>svg {\n                position: absolute;\n                top: 4px;\n                right: 30px;\n                cursor: pointer;\n                color: #999;\n                font-size: 2.2rem;\n            }\n        }\n    }\n}\n\nbody[dir=\"rtl\"] {\n    .bank_transfert_container .bank_transfert_input_container .image_inputs > svg {\n        right: auto;\n        left: 30px;\n    }\n}\n\n.payments_actions {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    margin-top: 20px;\n    margin-bottom: 20px;\n\n    &>button {\n        width: 130px;\n        padding: 8px 15px;\n        text-align: center;\n        border-radius: 40px;\n        font-size: 14px;\n        margin: 0 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: 129px;\n\n            &:hover {\n                background-color: #eee;\n            }\n        }\n\n        &.link {\n            border: 1px solid #2eaaa8;\n            background-color: #2eaaa8;\n            color: #fff;\n            padding: 7px 14px;\n            width: 150px;\n\n            &:hover {\n                background-color: #208685;\n            }\n        }\n    }\n}\n\n.error {\n    padding: 0 10px 10px;\n    color: #c5523e;\n    display: flex;\n    justify-content: flex-end;\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: -4px;\n    font-size: 12px;\n}\n\n.new_reason_input.payment {\n    svg {\n        right: 7%;\n        &:first-of-type {\n            right: 15%;\n        }\n    }\n}\n\nbody[dir=\"rtl\"] .new_reason_input.payment {\n    svg {\n        right: auto;\n        left: 7%;\n        &:first-of-type {\n            left: 15%;\n        }\n    }\n}\n\n.shipping_row .new_reason_input.payment {\n    svg {\n        right: 7%;\n        &:first-of-type {\n            right: 18%;\n        }\n    }\n}\n\nbody[dir=\"rtl\"] .shipping_row .new_reason_input.payment {\n    svg {\n        right: auto;\n        left: 7%;\n        &:first-of-type {\n            left: 18%;\n        }\n    }\n}\n\nlabel.big_title {\n    font-size: 14px;\n    font-weight: bold;\n    color: #6A2A53;\n    margin: 0 0 10px;\n    padding: 0;\n}\n.date-input-container {\n    .MuiFormControl-root {\n        width: 95%;\n\n        input {\n            height: 27.5px;\n        }\n\n        .MuiFormHelperText-root.Mui-error {\n            display: none;\n        }\n    }\n}\n\n.sampling_label {\n    font-size: 14px !important;\n    font-weight: bold !important;\n    color: #6A2A53 !important;\n    margin: 0 0 10px !important;\n    padding: 0;\n}\n\n.sampling_container {\n    .row {\n        padding-left: 10px;\n        padding-right: 0;\n    }\n}\n\nbody[dir=\"rtl\"] .sampling_container {\n    .row {\n        padding-left: 0;\n        padding-right: 10px;\n    }\n}\n\n\n.online_payments_data {\n    display: flex;\n    align-items: center;\n}\n\n.online_payments_img {\n    border: 1px solid #eee;\n    border-radius: 5px;\n    padding: 10px 8px;\n    margin: 0 10px;\n\n    & img {\n        width: 80px;\n    }\n}\n\n.online_payments_infos {\n    p {\n        margin-bottom: 2px;\n    }\n}\n\n.userform_container .shipping_label {\n    font-size: 18px;\n    margin-bottom: 20px;\n}\n\n\n.shipping_location_add {\n    margin-top: 35px;\n    width: 35px;\n    height: 35px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: #6ac3df;\n    cursor: pointer;\n    transition: all 0.5s;\n\n    &:hover {\n        background-color: #5495a8;\n    }\n\n    & svg {\n        color: #fff;\n    }\n}\n\n.shipping_location_remove {\n    color: rgb(216, 100, 91);\n    cursor: pointer;\n    transition: all 0.5s;\n    margin: 40px 7px 0;\n\n    &:hover {\n        color: rgb(218, 45, 45);\n    }\n}\n","@import \"../../scss/variables\";\n.pag {\n    background-color: transparent;\n\n    li button,\n    li button svg {\n        color           : rgba(128, 132, 149, 1);\n        background-color: #fff;\n    }\n\n    li button.MuiPaginationItem-page.Mui-selected {\n        background-color: $primaryColor;\n        color           : #fff;\n    }\n}\n\nhtml[dir=rtl] {\n    .pag li button svg {\n        transform: scaleX(-1);\n    }\n}","$secondaryColor : rgba(62, 62, 62, 1);\n$darkText: #2d2d2d;\n$cyan: #24d7d3;\n$primaryColor: #6a2a53;","@import \"../../scss/variables\";\n\n.noData {\n    text-align    : center;\n    vertical-align: middle;\n    top           : 40%;\n    position      : relative;\n    -ms-transform : translateY(-50%);\n    transform     : translateY(-50%);\n}\n\n.table-head {\n    th {\n        font-weight: bold;\n        color      : $primaryColor;\n    }\n}\n\n.grid-col {\n    text-align      : center;\n    padding         : 20px;\n    margin-bottom   : 25px;\n    background-color: rgba(255, 255, 255, 1);\n    border-radius   : 10px;\n    box-shadow      : 0 2px 6px 0 rgba(0, 0, 0, 0.04);\n}\n\n.programs {\n    th:first-of-type, td:first-of-type, th:nth-child(2), td:nth-child(2) {\n        width: 37.5%;\n        text-align: left !important;\n    }\n}\n\nbody[dir='rtl'] {\n    .programs {\n        th:first-of-type, td:first-of-type, th:nth-child(2), td:nth-child(2)  {\n            text-align: right !important;\n        }\n    }\n}\n\n\n@media(max-width: 821px) {\n    .view-wrapper .row .col-md-4 {\n        flex: 0 0 50% !important;\n        max-width: 50% !important;\n    }\n    .view-wrapper .status-label {\n        position: absolute;\n        top: 7px;\n        left: 75%;\n        border-radius: 40px;\n        color: #FFF;\n        padding: 4px 8px;\n        font-size: 8px;\n        white-space: nowrap;\n    }\n}\n\n.MuiFormGroup-root.flex-row {\n    flex-wrap: nowrap !important;\n}"],"names":[],"sourceRoot":""}