@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}.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-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}.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 .add-content-messages-item-content-area .add-content-messages-item-content-area-text{color:#fff}.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}.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}.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:#e9ecef;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:#e9ecef}.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 i{background-color:#fff}.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}