{"version":3,"file":"static/css/1553.2d521189.chunk.css","mappings":"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","sources":["components/Pagination/style.scss","scss/_variables.scss","components/TableGridView/style.scss","containers/Payments/style.scss","components/PaymentStatisticsCard/PaymentStatisticsCard.scss","components/PaymentsStatisticsWrapper/PaymentsStatisticsWrapper.scss","components/ConfirmDialog/style.scss"],"sourcesContent":["@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}",".tableBtn {\n    width: 110px;\n    padding: 8px 0;\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: 1px solid #6a2a53;\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-left: 0;\n        margin-right: 8px;\n    }\n\n    &.rtl svg {\n        margin-left: 8px;\n        margin-right: 0;\n    }\n\n    &.cancel {\n        border: 1px solid #6a2a53;\n        background-color: #fff;\n        color: #6a2a53;\n        padding: 7px 14px;\n\n        &:hover {\n            background-color: #eee;\n        }\n    }\n}\n\n.new-program {\n    display: flex;\n    align-items: center;\n}\nbody[dir=\"rtl\"] .new-program {\n    flex-direction: row-reverse;\n    justify-content: flex-end;\n}\n\n.myInput {\n    width: 80%;\n    padding: 10px 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: 0 5px;\n    direction: ltr;\n    text-align: left;\n\n    &.ar {\n        direction: rtl;\n        text-align: right;\n    }\n}\n\n.myBtn {\n    width: 200px;\n    padding: 8px 15px;\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\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\n.actions-icons {\n    & > svg {\n        color: #999;\n        margin: 0 8px;\n        font-size: 1.1rem;\n        cursor: pointer;\n        transition: all 0.5s;\n        box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;\n\n        &:hover {\n            transform: scale(1.1);\n        }\n\n        &:first-of-type:hover {\n            color: #a1d896;\n        }\n        &:last-of-type:hover {\n            color: #cf726f;\n        }\n    }\n}\n\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\n.payments_filter {\n    .col-md-6.selection {\n        padding-left: 0;\n        padding-right: 0 ;\n    }\n    .dates-container {\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    \n        &>div {\n          width: 33%;\n          .MuiInputAdornment-positionEnd {\n            top: 35px;\n            right: 0;\n            z-index: 1;\n            user-select: all;\n          }\n          .MuiInputBase-input {\n            height: 18px;\n            font-size: 13px;\n            font-weight: bold;\n            border: 1px solid rgba(0, 0, 0, 0.23);\n            border-radius: 4px;\n            padding: 10px;\n            color: #888;\n            background-color: #fafafc;\n            margin-top: 1rem;\n            margin-bottom: 1rem;\n          }\n          .MuiIconButton-root {\n            padding: 8px;\n\n            &:focus {\n              outline: none;\n            }\n          }\n        }\n\n        .date-label {\n            width: 8%;\n        }\n\n        .date-input-container>div {\n            width: 100%;\n          }\n    \n        .icon-container {\n          width: 16%;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          z-index: 1;\n          user-select: all;\n          \n          svg {\n            width: 30px;\n            height: 30px;\n            margin: 0 auto;\n            color: #666;\n            cursor: pointer;\n            transition: all 0.8s;\n            \n            &:hover {\n              transform: scale(1.2);\n              color: #6a2a53;\n            }\n          }\n        }\n    }\n}\n\n\nbody[dir='rtl'] .payments_filter .dates-container > div .MuiInputAdornment-positionEnd {\n    right: auto;\n    left: 0;\n}\n\n.patient_link {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    transition: all 0.5s;\n    text-align: left;\n}\n\nbody[dir='rtl'] .patient_link {\n    text-align: right;\n}\n\n.patient_link:hover {\n    color: #14afb4;\n}\n\n.bank_transfert {\n    width: 25px;\n    height: auto;\n    cursor: pointer;\n    transition: all 0.5s;\n}\n\n.bank_transfert:hover {\n    transform: scale(1.15);\n}\n\n.image_container {\n    width: 100vw;\n    height: 100vh;\n    position: fixed;\n    top: 0;\n    left: 0;\n    background-color: rgba(0, 0, 0, 0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    opacity: 0;\n    z-index: -1;\n    pointer-events: none;\n    transition: all 0.5s;\n}\n\n.image_container_content {\n    min-width: 200px;\n    width: auto;\n    height: 90%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: rgba(0, 0, 0, 0.5);\n    position: relative;\n    transition: all 0.8s;\n    transform: scale(0);\n}\n\n.image_container.show {\n    opacity: 1;\n    z-index: 9999;\n    pointer-events: all;\n\n    .image_container_content {\n        transform: scale(1);\n    }\n}\n\n.image_container img {\n    width: auto;\n    height: 100%;\n    object-fit: contain;\n}\n\n.image_container_content svg {\n    font-size: 50px;\n    color: #6a2a53;\n    position: absolute;\n    top: 0px;\n    right: 0px;\n    cursor: pointer;\n}\n\n.payment-modal_container_content_number {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: 20px;\n    padding: 80px 0;\n    font-size: 20px;\n    font-weight: bold;\n    color: #6a2a53;\n}\n\n.status_name {\n    font-weight: bold;\n    font-size: 14px;\n}\n\n.payment-modal {\n    &_container {\n        position: fixed;\n        top: 0;\n        left: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        transition: all 0.5s ease-in-out;\n        opacity: 0;\n        pointer-events: none;\n        z-index: 1300;\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        }\n\n        & h4 {\n            margin: 15px;\n        }\n\n        &_content {\n            background-color: #FFF;\n            border-radius: 20px;\n            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\n            padding: 25px 1.2rem;\n            width: 40%;\n            min-height: 55vh;\n            max-height: 80vh;\n            max-width: 1900px;\n            min-width: 350px;\n            overflow-x: hidden;\n            overflow-y: auto;\n            position: relative;\n            z-index: 999;\n\n            h3 {\n                margin: 20px auto 30px;\n                text-align: center;\n            }\n\n            &_close {\n                position: absolute;\n                right: 10px;\n                top: 10px;\n                font-size: 2.2rem;\n                font-weight: bold;\n                color: #AAA;\n                cursor: pointer;\n                transition: all 0.5s;\n                box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\n                border-radius: 50%;\n\n                &:hover {\n                    color: #999;\n                }\n            }\n\n            &_img {\n                margin: 15px auto;\n                padding: 20px;\n                width: 80%;\n                height: 340px;\n                border: 1px solid #EEE;\n                border-radius: 10px;\n                transition: all 0.5s;\n\n                &.confirm {\n                    height: 340px;\n                    padding: 15px 20px 70px;\n                    \n                    &.reject {\n                        padding: 15px 20px 150px;\n                    }\n                }\n\n                &>img {\n                    display: block;\n                    margin: auto;\n                    height: 100%;\n                    width: auto;\n                    object-fit: contain;\n                    margin-bottom: 15px;\n                }\n               \n            }\n\n            .actions {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n\n                input[type=file] {\n                    display: none;\n                }\n\n                svg {\n                    margin: 0 15px;\n                    color: #C73F3F;\n                    cursor: pointer;\n                    font-size: 1.8rem;\n                }\n            \n                &>button {\n                    width: 150px;\n                    padding: 7px 15px;\n                    text-align: center;\n                    border-radius: 40px;\n                    font-size: 14px;\n                    margin: 0 10px;\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                        color: #FFF;\n                    }\n            \n                    &.link {\n                        border: 1px solid #2eaaa8;\n                        background-color: #2eaaa8;\n                        color: #fff;\n                        padding: 6px 10px;\n                        width: 250px;\n            \n                        &:hover {\n                            background-color: #208685;\n                        }\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    }\n}\n\n.payment_confirmation .actions.confirm button.link {\n    padding: 8px 10px;\n    width: 140px !important;\n\n    svg {\n        font-size: 1.2rem;\n    }\n}\n\n\n.payment_rejection_reason {\n    label {\n        display: block;\n        font-size: 13px;\n        font-weight: 500;\n        color: #74619b;\n        margin-bottom: 5px;\n\n        &.required:after {\n          content: '*';\n          color: #f00;\n          font-size: 1.2rem;\n          margin-left: 5px;\n        }\n      }\n\n      textarea,\n      select,\n      input {\n        display: block;\n        width: 100%;\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        resize: none;\n\n        &::placeholder {\n          font-weight: 400;\n          font-size: 14px;\n          color: #888;\n        }\n      }\n}\n\n.new_reason_input {\n    position: relative;\n  \n    svg {\n      color: rgb(179, 103, 103);\n      cursor: pointer;\n      position: absolute;\n      top: 10px;\n      right: 10px;\n    }\n  \n    svg:first-of-type {\n      right: 35px;\n      color: rgb(114, 199, 114);\n    }\n  }\n  \n  body[dir=\"rtl\"] .new_reason_input {\n    svg {\n      right: auto;\n      left: 10px;\n    }\n    svg:first-of-type {\n      left: 35px;\n    }\n  }\n  \n  .actions.confirm {\n    margin-bottom: 8px;\n  }\n\n  .error {\n    text-align: center;\n    width: 100%;\n    color: #f00;\n    margin-top: 15px;\n  }\n\n  body[dir=\"rtl\"] .payment-modal_container_content_close {\n    right: auto;\n    left: 10px;\n  }\n\n  .notification_bullet {\n    display: inline-block;\n    width: 8px;\n    height: 8px;\n    background-color: #24d7d3;\n    border-radius: 50%;\n    margin: 0 5px;\n  }\n\n  .online_img {\n    width: 40px;\n  }\n",".paymentStatistics-box {\n  .card-wrapper {\n    display: flex;\n    padding: 0.7rem;\n    align-items: center;\n    margin: 0.35rem;\n    border-radius: 0.5rem;\n    background-color: #fff;\n    justify-content: space-around;\n    max-width: 100%;\n    flex-direction: column;\n    width: unset;\n    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 12px;\n    transition: all 0.5s;\n\n    &:hover {\n      background-color: #f5f5f5;\n    }\n\n    @media (max-width: 768px) {\n      padding: 0.6rem;\n    }\n    &_content {\n      &_number {\n        font-size: 1.7rem;\n        font-weight: bold;\n        color: #4d4f5c;\n        margin-bottom: 0;\n        @media(max-width: 821px) {\n          display: flex;\n          flex-wrap: nowrap;\n          align-items: center;\n          font-size: 1.2rem;\n        }\n      }\n      &_price {\n        font-size: 0.9rem;\n        font-weight: bold;\n        color: #999;\n        margin-bottom: 0.7rem;\n        margin-top: 0.5rem;\n\n        @media(max-width: 821px) {\n          display: flex;\n          flex-wrap: nowrap;\n          align-items: center;\n          font-size: 0.8rem;\n        }\n\n        .currency {\n          font-size: 0.8rem;\n          color: #999;\n          margin-bottom: 0;\n        }\n      }\n      &_title {\n        font-size: 0.8rem;\n        margin: 0;\n        font-weight: bold;\n        width: 100%;\n        color: #666;\n        white-space: nowrap;\n\n        @media(max-width: 821px) {\n          font-size: 10px;\n        }\n      }\n    }\n    .icon-wrapper, .icon-space {\n      width: 2.75rem;\n      height: 2.75rem;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-radius: 50%;\n      @media (max-width: 768px) {\n        width: 2rem;\n        min-width: 2rem;\n        height: 2rem;\n      }\n      &_icon {\n        font-size: 1.6rem;\n      }\n      &_img {\n        width: 48px;\n        height: 48px;\n        background: none;\n        opacity: 1;\n        border-radius: 50%;\n\n        @media(max-width: 821px) {\n          width: 25px;\n          height: 25px;\n        }\n      }\n    }\n    .new {\n      background-color: #e1e5fa;\n      .icon-wrapper_icon {\n        color: #4874d1;\n      }\n    }\n    .active {\n      background-color: #E5F9FF;\n      .icon-wrapper_icon {\n        color: #6fca9d;\n      }\n    }\n    .completed {\n      background-color: #E8FBFB;\n      .icon-wrapper_icon {\n        color: #47cfe7;\n      }\n    }\n    .rejected {\n      background-color: #FFF7F1;\n      .icon-wrapper_icon {\n        color: #c49e73;\n      }\n    }\n    .canceled {\n      background-color: #FFF1F1;\n      .icon-wrapper_icon {\n        color: #d16464;\n      }\n    }\n  }\n}\n\n.icon-space {\n  visibility: hidden;\n}\n\n.percentage {\n  font-size: 15px;\n  font-weight: bold;\n  margin: 0 0.5rem;\n\n  @media(max-width: 821px) {\n    font-size: 11px;\n    white-space: nowrap;\n  }\n\n  &.equal {\n    color: #eda628;\n  }\n\n  &.minus {\n    color: #e12323;\n  }\n\n  &.great {\n    color: #889c3d;\n  }\n}\n",".paymentStatistics-box {\n  width: 20%;\n}\n",".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"],"names":[],"sourceRoot":""}