@font-face{font-family:Mulish;font-style:italic;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/mulish/v18/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSqeOvHg.ttf) format("truetype")}@font-face{font-family:Mulish;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/mulish/v18/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSd-OvHg.ttf) format("truetype")}@font-face{font-family:Mulish;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/mulish/v18/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSKeOvHg.ttf) format("truetype")}@font-face{font-family:Mulish;font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/mulish/v18/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSG-OvHg.ttf) format("truetype")}@font-face{font-family:Mulish;font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/mulish/v18/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsS9-SvHg.ttf) format("truetype")}@font-face{font-family:Mulish;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/mulish/v18/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSzuSvHg.ttf) format("truetype")}@font-face{font-family:Mulish;font-style:italic;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/mulish/v18/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSqeSvHg.ttf) format("truetype")}@font-face{font-family:Mulish;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/mulish/v18/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSgOSvHg.ttf) format("truetype")}@font-face{font-family:Mulish;font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/mulish/v18/1Ptyg83HX_SGhgqO0yLcmjzUAuWexRNRwaA.ttf) format("truetype")}@font-face{font-family:Mulish;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/mulish/v18/1Ptyg83HX_SGhgqO0yLcmjzUAuWexc1RwaA.ttf) format("truetype")}@font-face{font-family:Mulish;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/mulish/v18/1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNRwaA.ttf) format("truetype")}@font-face{font-family:Mulish;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/mulish/v18/1Ptyg83HX_SGhgqO0yLcmjzUAuWexaFRwaA.ttf) format("truetype")}@font-face{font-family:Mulish;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/mulish/v18/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1WwaA.ttf) format("truetype")}@font-face{font-family:Mulish;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/mulish/v18/1Ptyg83HX_SGhgqO0yLcmjzUAuWexXRWwaA.ttf) format("truetype")}@font-face{font-family:Mulish;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/mulish/v18/1Ptyg83HX_SGhgqO0yLcmjzUAuWexRNWwaA.ttf) format("truetype")}@font-face{font-family:Mulish;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/mulish/v18/1Ptyg83HX_SGhgqO0yLcmjzUAuWexTpWwaA.ttf) format("truetype")}.elra-appointments{background-color:#f8f9fa;min-height:calc(100vh - 64px)}.elra-appointments .elra-appointments-header-menu{display:flex;background-color:#fff;align-items:center}.elra-appointments .elra-appointments-header-menu .elra-appointments-header-menu-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;padding:12px 32px;justify-content:center;align-items:center;gap:10px}.elra-appointments .elra-appointments-header-menu .elra-appointments-header-menu-item.active{padding-bottom:10px;border-bottom:2px solid #f87c56}.elra-appointments .elra-appointments-content{padding:24px 32px;display:flex;flex-direction:column;gap:24px}@media screen and (max-width:768px){.elra-appointments .elra-appointments-content{padding:16px}.elra-appointments .elra-appointments-content .check-appointment-container{padding:0}}.elra-appointments .elra-appointments-content .elra-appointment-content-header{color:#212529;font-size:24px;font-style:normal;font-weight:700;line-height:40px}.elra-appointments .elra-appointments-content .elra-appointment-content-header-filter{display:flex;gap:16px}.elra-appointments .elra-appointments-content .elra-appointment-content-grid-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width:768px){.elra-appointments .elra-appointments-content .elra-appointment-content-grid-list{grid-template-columns:repeat(1,1fr)}}.appointment-detail-drawer .el-drawer__body{background-color:#f8f9fa}.appointment-detail-drawer .add-header{padding:24px;display:flex;flex-direction:row;justify-content:space-between;height:64px}.appointment-detail-drawer .add-header .add-header-title{font-size:16px;font-weight:600;color:#212529}.appointment-detail-drawer .add-header .elra-icon-close{background-color:#212529!important;cursor:pointer}.appointment-detail-drawer .add-menu{display:flex;flex-direction:row}.appointment-detail-drawer .add-menu .add-menu-item{width:100%;cursor:pointer;text-align:center;display:flex;justify-content:center;align-items:center;padding:12px 14px;position:relative}.appointment-detail-drawer .add-menu .add-menu-item:after{content:" ";position:absolute;bottom:0;left:0;right:0;width:100%;height:1px;background-color:#e9ecef}.appointment-detail-drawer .add-menu .add-menu-item.active{color:#f87c56}.appointment-detail-drawer .add-menu .add-menu-item.active:after{width:100%;height:3px;background-color:#f87c56}.appointment-detail-drawer .add-menu .add-menu-item.psy.active{color:#f87c56}.appointment-detail-drawer .add-menu .add-menu-item.psy.active:after{background-color:#f87c56}.appointment-detail-drawer .add-menu .add-menu-item.doctor.active{color:#2b3e8c}.appointment-detail-drawer .add-menu .add-menu-item.doctor.active:after{background-color:#2b3e8c}.appointment-detail-drawer .add-menu .add-menu-item.dietician.active{color:#00a991}.appointment-detail-drawer .add-menu .add-menu-item.dietician.active:after{background-color:#00a991}.appointment-detail-drawer .add-content{padding:16px;display:flex;height:calc(100vh - 108px);flex-direction:column;gap:16px}.appointment-detail-drawer .add-content .add-content-item{display:flex;flex-direction:column;gap:8px;padding:0 16px;background-color:#fff;border-radius:12px}.appointment-detail-drawer .add-content .add-content-item.doctornotes{flex-direction:column}.appointment-detail-drawer .add-content .add-content-item.doctornotes .add-content-value{align-items:center}.appointment-detail-drawer .add-content .add-content-item.doctornotes .add-content-value .add-content-value-title{font-weight:700;font-size:14px;line-height:20px}.appointment-detail-drawer .add-content .add-content-item.doctornotes .add-content-content{display:flex;flex-direction:column;gap:8px;padding:0 16px 16px 0}.appointment-detail-drawer .add-content .add-content-item.doctornotes .add-content-value-value i.icon-checked,.appointment-detail-drawer .add-content .add-content-item.doctornotes .add-content-value-value i.icon-edit-code{width:20px;height:20px}.appointment-detail-drawer .add-content .add-content-item .add-content-value{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:16px 0}.appointment-detail-drawer .add-content .add-content-item .add-content-value .add-content-value-title{color:#6c757d;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.appointment-detail-drawer .add-content .add-content-item .add-content-value .add-content-value-value{color:#212529;font-size:14px;font-style:normal;font-weight:700;line-height:20px}.appointment-detail-drawer .add-content .add-content-messages{display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 108px);overflow-y:auto}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item{display:flex;width:100%}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content{width:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me{align-items:flex-end}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me .add-content-messages-item-content-area{background-color:#f87c56;border-radius:8px 8px 0 8px}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.psy .add-content-messages-item-content-area{background-color:#f87c56}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.psy .add-content-messages-item-content-user{color:#fff!important}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.psy .add-content-messages-item-content-date{color:#000!important}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.psy .add-content-messages-item-content-area-text{color:#fff!important}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.psy .add-content-messages-item-content-area-attachments-item .icon-document{background-color:#fff!important}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.psy .info .kb,.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.psy .info .name{color:#fff!important}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.doctor .add-content-messages-item-content-area{background-color:#2b3e8c}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.doctor .add-content-messages-item-content-user{color:#fff!important}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.doctor .add-content-messages-item-content-date{color:#000!important}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.doctor .add-content-messages-item-content-area-text{color:#fff!important}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.doctor .add-content-messages-item-content-area-attachments-item .icon-document{background-color:#fff!important}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.doctor .info .kb,.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.doctor .info .name{color:#fff!important}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.dietician .add-content-messages-item-content-area{background-color:#00a991}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.dietician .add-content-messages-item-content-user{color:#fff!important}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.dietician .add-content-messages-item-content-date{color:#000!important}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.dietician .add-content-messages-item-content-area-text{color:#fff!important}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.dietician .add-content-messages-item-content-area-attachments-item .icon-document{background-color:#fff!important}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.dietician .info .kb,.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content.me.dietician .info .name{color:#fff!important}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content .add-content-messages-item-content-user{color:#212529;font-size:14px;font-style:normal;font-weight:700;line-height:20px;width:-moz-max-content;width:max-content}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content .add-content-messages-item-content-area{width:-moz-max-content;width:max-content;padding:10px;background-color:#fff;border-radius:8px 8px 8px 0;display:flex;flex-direction:column;gap:8px;max-width:100%}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content .add-content-messages-item-content-area .add-content-messages-item-content-area-text{color:#212529;font-size:14px;font-style:normal;white-space:break-spaces}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content .add-content-messages-item-content-area .add-content-messages-item-content-area-attachments{display:flex;flex-direction:row;gap:10px}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content .add-content-messages-item-content-area .add-content-messages-item-content-area-attachments .add-content-messages-item-content-area-attachments-item{display:flex;flex-direction:row;align-items:center;gap:10px;border:1px solid #e9ecef;padding:10px;border-radius:4px;cursor:pointer}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content .add-content-messages-item-content-area .add-content-messages-item-content-area-attachments .add-content-messages-item-content-area-attachments-item .document i.icon-document{background-color:#ced4da;padding:10px;border-radius:4px}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content .add-content-messages-item-content-area .add-content-messages-item-content-area-attachments .add-content-messages-item-content-area-attachments-item .info{display:flex;flex-direction:column;font-size:12px;color:#212529}.appointment-detail-drawer .add-content .add-content-messages .add-content-messages-item .add-content-messages-item-content .add-content-messages-item-content-date{color:#212529;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.appointment-cancel-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;font-size:14px;font-style:normal;font-weight:700;line-height:20px;gap:8px;padding:14px;border-radius:8px;background-color:#fce9e9;outline:none;border:none;cursor:pointer;color:#e02020}.appointment-cancel-btn i{background-color:#e02020!important}.appointment-rate-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;font-size:14px;font-style:normal;font-weight:700;line-height:20px;gap:8px;padding:14px;border-radius:8px;background-color:#2b3e8c;outline:none;border:none;cursor:pointer;color:#fff}.appointment-rate-btn.psy{background-color:#f87c56}.appointment-rate-btn.doctor{background-color:#2b3e8c}.appointment-rate-btn.dietician{background-color:#00a991}.appointment-rate-btn i{background-color:#fff!important}.cancel-dialog-custom{margin:0!important}.cancel-dialog-custom .el-dialog__header{display:none}.cancel-dialog-custom .el-dialog__body{padding:0!important}.cancel-dialog{display:flex;align-items:center;justify-content:center}.cancel-dialog .cancel-dialog-content{padding:24px;background-color:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.cancel-dialog .cancel-dialog-content .cancel-dialog-content-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.cancel-dialog .cancel-dialog-content .cancel-dialog-content-header .cdc-icon-box{padding:10px;border-radius:50%;background-color:#fce9e9;display:flex;align-items:center;justify-content:center}.cancel-dialog .cancel-dialog-content .cancel-dialog-content-header .cdc-icon-box i{width:32px!important;height:32px!important}.cancel-dialog .cancel-dialog-content .cancel-dialog-content-header .cdc-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.cancel-dialog .cancel-dialog-content .cancel-dialog-content-header .cdc-info .cdc-info-title{color:#212529;font-size:18px;font-style:normal;font-weight:700;line-height:28px;text-align:center}.cancel-dialog .cancel-dialog-content .cancel-dialog-content-header .cdc-info .cdc-info-sub{color:#6c757d;font-size:14px;font-style:normal;font-weight:400;line-height:20px;text-align:center}.cancel-dialog .cancel-dialog-content .cancel-dialog-content-header .cdc-alert{padding:12px;background-color:#e8f6f8;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;border-radius:8px;gap:12px}.cancel-dialog .cancel-dialog-content .cancel-dialog-content-header .cdc-alert i{background-color:#17a2b8!important}.cancel-dialog .cancel-dialog-content .cancel-dialog-content-header .cdc-alert .cdc-alert-text{color:#0a444d;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.cancel-dialog .cancel-dialog-content .cancel-dialog-content-footer{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;width:100%}.cancel-dialog .cancel-dialog-content .cancel-dialog-content-footer .cancel-dialog-content-footer-btn{overflow:hidden;width:50%;outline:none;border:none;padding:12px;border-radius:8px;cursor:pointer;background-color:#fff;border:1px solid #dee2e6}.cancel-dialog .cancel-dialog-content .cancel-dialog-content-footer .cancel-dialog-content-footer-btn.cancel{border:1px solid #e02020;background-color:#e02020;color:#fff}.cancel-dialog .cancel-dialog-content .cancel-dialog-content-footer .cancel-dialog-content-footer-btn.el-loading-parent--relative{cursor:not-allowed;background-color:#dee2e6!important;border:1px solid #dee2e6!important;color:#e9ecef!important}.appointment-table-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.appointments-data-table{box-shadow:unset!important}.appointments-data-table thead tr th{background-color:#e9ecef!important;border-bottom:1px solid #dee2e6!important;color:#6c757d!important;font-family:Mulish!important;font-size:14px;font-style:normal;font-weight:700;line-height:20px}.appointments-data-table thead tr th .cell{text-transform:capitalize!important}.appointments-data-table tbody tr td{background-color:#fff}.appointments-data-table tbody tr td .appointment-table-user-info{display:flex;flex-direction:row;gap:8px}.appointments-data-table tbody tr td .appointment-table-user-info .appointment-table-user-gender{width:32px;height:32px;border-radius:50%;background-color:#e9ecef;display:flex;align-items:center;justify-content:center;font-size:14px;font-style:normal;font-weight:700;line-height:20px;text-transform:uppercase;color:#2b3e8c}.appointments-data-table tbody tr td .appointment-table-user-info .appointment-table-user-name{color:#212529!important;font-size:14px;font-style:normal;font-weight:700;line-height:32px}.appointments-data-table tbody tr td .appointment-table-interviewtype{background-color:#f87c56;width:-moz-max-content;width:max-content;font-size:12px;font-style:normal;font-weight:700;line-height:16px;color:#fff;padding:4px 12px 4px 4px;display:flex;align-items:center;gap:4px;border-radius:6px}.appointments-data-table tbody tr td .appointment-table-interviewtype i{background:#fff!important}.appointments-data-table tbody tr td .appointment-table-interviewtype.psy{background-color:#f87c56}.appointments-data-table tbody tr td .appointment-table-interviewtype.doctor{background-color:#2b3e8c}.appointments-data-table tbody tr td .appointment-table-interviewtype.dietician{background-color:#00a991}.appointments-data-table tbody tr td .appointment-table-status{display:flex;padding:4px 12px 4px 4px;justify-content:center;align-items:center;gap:4px;width:-moz-max-content;width:max-content;border-radius:6px;background-color:#c7f2df;color:#297554;font-size:12px;font-style:normal;font-weight:700;line-height:16px}.appointments-data-table tbody tr td .appointment-table-status.4,.appointments-data-table tbody tr td .appointment-table-status.6{background-color:#fce9e9!important;color:#7b1212!important}.appointments-data-table tbody tr td .appointment-table-btns{display:flex;justify-content:flex-end}.appointments-data-table tbody tr td .appointment-table-btns .details-btn{width:32px;height:32px;padding:6px;background-color:#e9ecef;border-radius:6px;cursor:pointer}.appointments-data-table tbody tr td .appointment-table-btns .details-btn i{background:#2b3e8c!important}.appointments-data-table tbody tr td .appointment-table-btns .el-button{background-color:#2b3e8c;padding:10px!important;border-radius:6px!important}.appointments-data-table tbody tr td .appointment-table-btns .el-button span{text-transform:capitalize!important;display:flex;align-items:center;gap:4px;font-size:14px;font-style:normal;font-weight:700;line-height:20px;color:#fff}.appointments-data-table tbody tr td .appointment-table-btns .el-button span i{background:#fff!important}.appointments-data-table tbody tr td .appointment-table-btns .el-button.is-disabled{background-color:#dee2e6!important}.appointments-data-table tbody tr td .appointment-table-btns .el-button.is-disabled span{color:#6c757d}.appointments-data-table tbody tr td .appointment-table-btns .el-button.is-disabled span i{background:#6c757d!important}.elra-appointments-table .pagination.psy .number.active{background-color:#f87c56!important}.elra-appointments-table .pagination .el-pager{padding:0!important}.elra-appointments-table .pagination button{border:none!important;min-width:unset!important;width:30px;height:28px!important;border-radius:6px!important}.elra-appointments-table .pagination button:hover{background-color:#fff!important}.elra-appointments-table .pagination button i{font-size:12px!important;color:#212529!important;font-weight:700}.elra-appointments-table .pagination.dietician .number.active{background-color:#00a991!important}.elra-appointments-table .pagination.doctor .number.active{background-color:#2b3e8c!important}.elra-appointments-table .pagination .el-pagination{box-shadow:unset!important;background-color:unset!important}.elra-appointments-table .pagination .el-pagination .more,.elra-appointments-table .pagination .el-pagination .number{background-color:#fff!important}.elra-apptype-select{display:flex;flex-direction:row;align-items:center;gap:16px;padding:16px;background-color:#fff}.elra-apptype-select .elra-apptype-select-container{display:flex;flex-direction:row;align-items:center;gap:16px;width:100%;background-color:#e9ecef;border-radius:12px}.elra-apptype-select .elra-apptype-select-container .elra-apptype-select-container-item{cursor:pointer;padding:12px 16px;border-radius:8px;width:100%;text-align:center;font-weight:700;color:#6c757d}@media screen and (max-width:768px){.elra-apptype-select .elra-apptype-select-container .elra-apptype-select-container-item{font-size:14px}}.elra-apptype-select .elra-apptype-select-container .elra-apptype-select-container-item.active{color:#fff}.elra-apptype-select .elra-apptype-select-container .elra-apptype-select-container-item.active.doctor{background-color:#2b3e8c}.elra-apptype-select .elra-apptype-select-container .elra-apptype-select-container-item.active.psychologist{background-color:#f87c56}.elra-apptype-select .elra-apptype-select-container .elra-apptype-select-container-item.active.dietician{background-color:#00a991}