body,html{margin:0;padding:0;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px}.pointer{cursor:pointer}.flex-column{flex-direction:column}.bold{font-weight:700}.public-DraftStyleDefault-ltr{line-height:normal;margin:0}.color-link{color:#8f73e6;transition:all .25s ease-in-out}.color-link:hover{opacity:.8}.test-template-upload .ant-upload-list{display:none}.print-component-patientInfo .content-data{display:inline-block;min-width:100px}.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field{min-width:3px!important}.patient-print-teeth-status{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}.ant-tooltip{max-width:300px!important}.ant-tooltip.show-info-event{max-width:400px!important}.d-flex{display:flex}.ml-10{margin-left:10px!important}.flex-grow-1{flex-grow:1}.btn.btn--wait{background:#f1a4ae;border:none;color:#000}.btn.btn--healing{background:#fac989;border:none;color:#000}.btn.btn--finish{background:#22932d;border:none}.header-tool{justify-content:flex-end}.header-tool>.icon{margin-left:10px;font-size:20px;cursor:pointer;padding:0 5px}.w-50{width:50%}.fl{float:left}.clear:after{content:" ";visibility:hidden;display:block;height:0;clear:both}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.text-area{resize:none}.ant-modal-title{text-align:center;font-size:20px!important}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.zalo-chat-widget{right:15px!important;bottom:20px!important}.icon.icon-disabled{color:rgba(0,0,0,.25)!important;-webkit-user-select:none;user-select:none;cursor:not-allowed}.icon-arrowLeft svg,.icon-arrowRight svg{width:10px;height:18px}.icon-arrowBottom svg{width:18px;height:10px}.icon-circlePlus svg,.icon-question svg{width:16px;height:16px}.icon-calendarAdd svg{width:14px;height:16px}.icon-avatarFemale svg,.icon-avatarMale svg{width:40px;height:40px}button.button-icon{background:transparent;outline:0;border:0;cursor:pointer}.tooltip-custom .ant-tooltip-inner p{margin:0}.wrap-content{display:flex}.main-menu-inner{max-height:87vh;overflow:auto;overflow-x:hidden}.right-content{max-height:93vh;overflow:auto;overflow-x:hidden}.left-menu .ant-menu-item,.left-menu .ant-menu-submenu-title{margin-top:0;margin-bottom:0!important}.submenu-title-left-menu .ant-menu-submenu-title{padding-right:0}.title-left-menu{width:100%;min-height:50px;font-weight:600;font-size:18px;padding-left:22px;padding-top:10px;cursor:pointer;border-bottom:1px solid #d5d9de}.main-menu-inner .ant-menu,.main-menu-inner .ant-menu-submenu>.ant-menu{background:#f0f4f8}.ant-tabs-nav .ant-tabs-tab{margin:0;padding:6px 10px}.tab-main .ant-tabs-bar,.tab-main .ant-tabs-top-bar{margin-left:35px;border-bottom:none;background:#042443}.exam-left-menu>.ant-menu-sub.ant-menu-inline{background:#1c4368}.ant-fullcalendar-table{height:100%!important}.bodyMenuItemDescription{font-size:13px}.ant-menu-item-group-title{padding:0}.ant-menu-vertical .ant-menu-item:not(:last-child){margin:0}.ant-menu-root.ant-menu-vertical,.ant-menu-submenu-popup.ant-menu-submenu>.ant-menu{background:#fff}.ant-menu-item>a,.ant-menu-submenu-title,.ant-menu-vertical>ant-menu-item,.color-black{color:#000}.ant-menu-sub.ant-menu-inline>.ant-menu-item{height:20px;line-height:20px}.tab-main .ant-tabs-nav .ant-tabs-tab,.tab-main .ant-tabs-nav .ant-tabs-tab-active{color:#fff}.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:before{background:#00c981}.ant-tabs-tabpane>.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title{border-bottom:1px solid #153655}.ant-fullcalendar-last-month-cell .ant-fullcalendar-value,.ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value{color:#fff}.ant-fullcalendar-value{border-radius:50%;color:#fff}.ant-fullcalendar-selected-day .ant-fullcalendar-value,.ant-fullcalendar-value:active,.ant-fullcalendar-value:hover{background:#00c980}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:none!important}.toolbar-pick-time .ant-calendar-picker-icon,.toolbar-type-view .ant-select-arrow .ant-select-arrow-icon{color:#00c981}.ant-pagination-item-active{border-color:#00c981}.ant-tabs-ink-bar{background-color:#fff}.examination-tab .ant-tabs-bar,.examination-tab .ant-tabs-top-bar{margin-bottom:0}.customer-search-form .ant-row.ant-form-item{display:inline-block;box-sizing:border-box;width:calc(100% - 47px)}.customer-search-form div#layout_patientName{width:100%!important;margin:0 15px 0 0!important}.customer-search-form{padding:0 10px}.customer-search-form button.ant-btn{right:0!important}.customer-search-form .ant-col.ant-form-item-control-wrapper{padding-right:10px}.sidebar-calendar{height:240px!important}.menu-opener{position:fixed;top:50%;font-size:24px;margin-left:5px;z-index:999;cursor:pointer;left:0;transition:left .3s}.has-sidebar .menu-opener{left:calc(100vw - 35px)}.sidebar-mobile .left-sidebar{left:-100vw;position:relative;transition:left .3s;background:#153655}.content-hidden{visibility:hidden}.sidebar-mobile{width:100vw;display:block;z-index:102;top:0}.sidebar-show.left-sidebar{display:block;right:0;left:0}.isMobile .tab-sidebar{height:calc(100vh - 228px)!important}.isMobile .icon-navs{width:25px;height:25px}.isMobile.has-sidebar .ant-tabs-bar.ant-tabs-top-bar{position:-webkit-sticky;position:sticky;z-index:99;margin-right:103px}.isMobile.has-sidebar span.icon.menu-navs{display:block;height:40px;position:fixed;width:100%;z-index:3;background:#042443}.isMobile.has-sidebar .ant-tabs-nav-wrap{height:41px}.mobile-layout .ant-modal{top:0}.tab-sidebar .ant-tabs-bar.ant-tabs-top-bar{position:-webkit-sticky;position:sticky;top:0;z-index:999}.tab-sidebar .ant-tabs.ant-tabs-top.tab-main.ant-tabs-line{height:calc(100vh - 240px)!important;overflow-y:auto}.btn-header-treatment .btn-section .ant-btn{position:relative;top:4px}.btn-header-treatment .date-range .ant-col{padding:0 3px}.btn-header-treatment .date-range{min-width:408px}.ant-row.f-right.btn-section{float:right;position:relative;top:3px}.main-menu li:hover span{color:#1890ff!important}.main-menu li.menu-profile:hover a span{color:#000!important}.main-menu .menu-profile a{cursor:default;color:#000!important}.button-component{height:38px;border-radius:3px;color:#fff;border:0;padding:0 15px;font-size:1rem;font-weight:500;transition:all .25s ease-in-out}.button-component:hover{opacity:.8;color:#fff}.button-component[disabled]{color:rgba(0,0,0,.25);background-color:#f5f5f5!important;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.button-main,.button-main:active,.button-main:focus,.button-main:hover{background:#8f73e5;color:#fff}.button-normal,.button-normal:active,.button-normal:focus,.button-normal:hover{background:#fff;color:rgba(0,0,0,.65);border:1px solid #d9d9d9!important}.button-green,.button-green:active,.button-green:focus,.button-green:hover{background:#27ae60;color:#fff}.button-gray,.button-gray:active,.button-gray:focus,.button-gray:hover{background:#e4e6eb;color:#828282;border:none!important}.button-red,.button-red:active,.button-red:focus,.button-red:hover{background:#e64645;color:#fff}.button-green-outline,.button-green-outline:active,.button-green-outline:focus,.button-green-outline:hover,.button-red-outline,.button-red-outline:active,.button-red-outline:focus,.button-red-outline:hover{background:transparent;color:#219653}.button-component.ant-btn-link{color:#8f73e5;background:transparent}.icon-prefix.icon{margin-right:10px}.suffix.icon{margin-left:10px}.button-with-icon{display:flex;align-items:center}.button-secondary,.button-secondary:active,.button-secondary:focus,.button-secondary:hover{background:rgba(143,115,229,.06274509803921569);color:#8f73e5;border:1px solid #8f73e5!important}.auto-complete{background:#fff;border-radius:8px;width:100%;z-index:1}.input-with-icon input{position:relative;padding-right:30px}span.input-icon.icon{position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#ccc;z-index:2}.input-with-icon{position:relative}.ant-select-auto-complete.ant-select .ant-input{border-radius:8px}.input-complete{width:100%;z-index:0}.auto-complete-notFoundContent{font-weight:700;font-size:14px;line-height:18px;color:#333}.select-component{width:100%;flex:1 1;height:35px!important}.select-component.hidden{display:none}.rangePicker-calendar .ant-calendar-footer-extra{display:flex;flex-wrap:wrap;margin:5px 0}.rangePicker-calendar .ant-calendar-footer-extra .ant-tag{margin:5px}.popover-custom.has-error .ant-popover-inner-content{font-size:12px;padding:7px;color:#f5222d}.popover-custom.calendar-month-show-more{top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ant-table table{border-radius:10px 10px 0 0}.ant-table table tr:nth-child(2n) td{background:#f2f2f2}.ant-table table td{line-height:20px;color:#333;padding-right:10px}.ant-table-tbody>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,.ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,.ant-table-thead>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,.ant-table-thead>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td{background:#dfd9ff!important}.fl-scrolls{overflow:auto;position:fixed;bottom:5px;z-index:99}.fl-scrolls-hidden .fl-scrolls{visibility:hidden}.ant-table table tr:nth-child(odd) td{background:#fff}.ant-pagination{position:relative;display:flex;justify-content:flex-end}.header-table-drawer .ant-row-flex{flex-flow:unset!important;flex-direction:column!important}.header-table-drawer .ant-select,.header-table-drawer .filter-table .filter-table-item{width:100%!important}.import-export-data-container{display:flex}.item-data{flex:1 1}.import-export-data-container .ant-upload-list{display:none}.input-component input:focus{box-shadow:none}.input-component{flex:1 1}.field-error input{border-color:#f5222d}.has-error .ant-input,.has-error .ant-input:hover{background:transparent}.confirm-modal .title{color:#e64645;font-size:14px;line-height:20px;width:100%;text-align:center;margin:0}.confirm-modal{align-self:baseline}.confirm-modal .popup-header{padding-right:0;margin-bottom:25px}.confirm-modal .popup-header .icon-close{cursor:pointer}.confirm-modal .container-confirm-content{margin-top:0}.confirm-modal .ant-modal-content{padding:20px;color:#000;font-size:14px;line-height:20px;border-radius:10px;text-align:center}.confirm-modal .ant-modal-body{padding:0}.confirm-modal .buttons-confirm{margin-top:20px;justify-content:center}.confirm-modal .buttons-confirm button:first-child{margin-right:10px}.label-patient-required:after{content:" *";color:red}.uppercase{text-transform:uppercase}.capitalize,.capitalize-first-line:first-line{text-transform:capitalize}.btn-create-event{margin-left:10px}.line{color:#797979;margin:0 -24px 20px}.exam-content{position:relative}.input-exam-content{top:-5px;position:absolute;z-index:100}.row-exam-content{margin-bottom:24px}.dropdown-exam-content{top:-5px;position:absolute;z-index:10}.ant-row.ant-form-item.dropdown-exam-content{position:absolute;width:calc(100% - 24px)!important;top:29px}.ant-row.ant-form-item.input-exam-content{width:calc(100% - 35px);position:relative;top:0;margin-bottom:0}.label-section{color:#676767;font-size:10px;line-height:12px;height:30px;text-transform:uppercase;border-bottom:1px solid #f29130;width:130px;margin-bottom:20px}.label-patient{color:#333;font-size:14px;line-height:20px;flex:0 0 90px;margin-top:9px;z-index:9}.auto-complete-patient{position:relative}.remove-auto-suggest-patient.icon{position:absolute;right:17px;top:36px;z-index:9}.autosuggest-patient-popup .icon-search{display:none!important}.remove-auto-suggest-patient:hover{opacity:.6}.button-component.add-patient{height:30px}#form-create-appointment .col{line-height:40px}.col.flex.appointment-content{position:relative}.time-appointment .select-component{flex:0 1 120px}.time-appointment .ant-calendar-picker-icon{color:#c8c8c8}.appointment-select-time .ant-time-picker-clear{right:20px;font-size:12px;margin-top:-6px}.appointment-select-time .ant-form-explain{padding-left:10px}.auto-complete-patient .input-icon{display:none!important}form#form-create-appointment .ant-form-item-children{position:static}.content-input-text{position:absolute;width:100%;left:0}.submit-buttons .col{align-items:center;justify-content:center}.submit-buttons button{height:40px;padding:10px 20px}.submit-buttons button+button{margin-left:20px}.buttons-confirm{margin-top:30px;text-align:center}.buttons-confirm button{height:40px;padding:10px 20px}.dnd-component{position:relative;padding:8px;height:100%;display:flex;align-items:center}.dnd-component.dragging{border:1px dashed #1890ff}.upload-dnd .ant-upload.ant-upload-select-picture-card>.ant-upload{padding:0!important}.ant-checkbox-checked .ant-checkbox-inner,.ant-checkbox-checked:after{border:transparent}.ant-checkbox-checked .ant-checkbox-inner,.ant-checkbox-indeterminate .ant-checkbox-inner:after{background:#8f73e5}.ant-checkbox-inner:after{left:25%}.ant-select-tree-dropdown .ant-select-tree-node-content-wrapper{position:relative;top:5px}.ant-select-tree-dropdown .ant-select-tree-title .info-title{margin:0;width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.ant-select-tree-child-tree .deactive .info-title,.ant-select-tree .deactive .info-title{color:rgba(0,0,0,.25)}.avatar-patient{max-width:40px;margin-right:10px;max-height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;flex:0 0 40px}.avatar-patient img{width:40px!important;height:40px!important;border-radius:50%}.info-patient{white-space:break-spaces}.item-autocomplete-patient{display:flex;font-size:14px}.ant-radio-checked .ant-radio-inner{border-color:#e6e6e6}.ant-radio-inner{width:20px;height:20px}.ant-radio-inner:after{background-color:#8f73e6;width:10px;height:10px;top:4px;left:4px}.ant-radio-input:focus+.ant-radio-inner,.ant-radio-wrapper:hover .ant-radio,.ant-radio:hover .ant-radio-inner{border-color:#8f73e6}.ant-radio-input:focus+.ant-radio-inner{background:#fff}.popup-vn-pay-payment .popup-header{display:none}.popup-vn-pay-payment .popup-content{margin-top:20px}.mobile-table-responsive colgroup,.mobile-table-responsive thead{display:none}.mobile-table-responsive table{border:none!important}.mobile-table-responsive tr{display:grid;grid-template-columns:1fr 1fr -webkit-max-content;grid-template-columns:1fr 1fr max-content;grid-gap:2px;gap:2px;padding:8px;border-bottom:1px solid #d3d3d3}.mobile-table-responsive td{background:none!important;border:none!important;padding:unset!important}.mobile-table-responsive tr:hover{background:#ebebeb}.mobile-table-responsive .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td{background:none!important}.mobile-table-responsive .table-header{align-items:center!important}.mobile-table-responsive .table-header .header-selection-all{padding-left:8px}.mobile-table-responsive .table-reminder tr .patient-name{grid-column:1/span 2}.mobile-table-responsive .table-reminder tr .patient-name a{color:#5f47a7;font-weight:500}.mobile-table-responsive .table-reminder tr .appointment-startTime{grid-column:2;grid-row:2}.mobile-table-responsive .table-reminder tr .appointment-doctor-firstName{grid-column:1;grid-row:2}.mobile-table-responsive .table-reminder tr .appointment-status{grid-column:2;grid-row:3}.mobile-table-responsive .table-reminder tr .appointment-status div{width:-webkit-max-content;width:max-content;padding:2px 8px;background:#f2f2f2;border-radius:4px}.mobile-table-responsive .table-reminder tr .status{width:-webkit-max-content;width:max-content;grid-column:1;grid-row:3}.mobile-table-responsive .table-reminder tr .action{display:flex;justify-content:flex-end;grid-column:3!important;grid-row:1/span 3}.mobile-table-responsive .table-synthetic tr{grid-template-columns:-webkit-max-content 1fr 1fr -webkit-max-content!important;grid-template-columns:max-content 1fr 1fr max-content!important}.mobile-table-responsive .table-synthetic tr .ant-table-selection-column{grid-column:1;grid-row:1/span 2;display:flex;align-items:center;width:30px}.mobile-table-responsive .table-synthetic tr .name{grid-column:2;grid-row:1}.mobile-table-responsive .table-synthetic tr .name a{color:#5f47a7;font-weight:500}.mobile-table-responsive .table-synthetic tr .phone{grid-column:2;grid-row:2}.mobile-table-responsive .table-synthetic tr .patientGroup-name{grid-column:3;grid-row:1}.mobile-table-responsive .table-synthetic tr .patientSource-name{grid-column:3;grid-row:2}.mobile-table-responsive .table-synthetic tr .action{display:flex;justify-content:flex-end;grid-column:4!important;grid-row:1/span 2}.mobile-table-responsive .table-customer-care-total tr .patient-name{grid-column:1/span 2}.mobile-table-responsive .table-customer-care-total tr .patient-name a{color:#5f47a7;font-weight:500}.mobile-table-responsive .table-customer-care-total tr .patient-phone{grid-column:1;grid-row:2}.mobile-table-responsive .table-customer-care-total tr .status{width:-webkit-max-content;width:max-content;grid-column:1;grid-row:3}.mobile-table-responsive .table-customer-care-total tr .sent-date{grid-column:2;grid-row:3}.mobile-table-responsive .table-customer-care-total tr .sent-status{width:-webkit-max-content;width:max-content;grid-column:1;grid-row:3}.mobile-table-responsive .table-customer-care-total tr .sent-status div{width:-webkit-max-content;width:max-content;padding:2px 8px;background:#f2f2f2;border-radius:4px}.mobile-table-responsive .table-customer-care-total tr .action{display:flex;justify-content:flex-end;grid-column:3!important;grid-row:1/span 3}.tag-care-status-detail{padding:4px 8px;width:-webkit-max-content;width:max-content}@media (max-width:575.98px){.modal-detail-customer-care .label{min-width:150px!important}}.sidebar{transition:width .2s ease-out;transition:max-width .2s ease-out}li.btn-nav{list-style:none}.section-sidebar{display:flex;flex-direction:column}.section-sidebar span.icon{color:#fff;background:#483973;mix-blend-mode:normal;border-radius:5px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.section-sidebar span.icon+span.icon{margin-top:10px}.section-sidebar .btn-nav.active .icon,.section-sidebar span.icon:hover{box-shadow:0 5px 5px rgba(0,0,0,.1);background:#fff;color:#8f73e6}.section-sidebar .icon-calendar.icon{height:60px}.section-middle li{list-style:none}.section-sidebar span.icon.icon-logo{background:transparent;margin-bottom:10px}.content-nav{display:flex;align-items:center}li.single-nav:hover{background:#fff;box-shadow:0 5px 5px rgba(0,0,0,.1);border-radius:5px;min-width:150px;padding-right:5px;z-index:9}li.single-nav:hover .label-menu{display:inline-block;color:#8f73e6}li.single-nav:hover a{display:flex;align-items:center}li.single-nav:hover .icon{background:#fff;color:#8f73e6}.section-sidebar li.single-nav:hover span.icon:hover{background:transparent;box-shadow:none}li.btn-create-patient-appointment:hover{min-width:60px;padding:0}li.btn-create-patient-appointment .label-menu{position:absolute;left:50px;top:inherit;padding:10px;background:#fff;border-radius:5px;width:180px;box-shadow:0 5px 5px rgba(0,0,0,.1)}.btn-create-patient-appointment{position:relative}.sub-item-content-nav{display:flex;align-items:center;cursor:pointer;color:#352861;border:1px solid #352861;border-radius:5px;padding:0 5px}.sub-item-content-nav:hover{background:#352861;border-radius:5px;color:#fff}.sub-item-content-nav:hover .icon{background:transparent!important;color:#fff!important}.sub-item-content-nav+.sub-item-content-nav{margin-top:10px}.sub-item-content-nav .icon{color:#352861!important}ul.import-data-menu li{display:block;width:100%;height:100%;padding:0 10px}ul.import-data-menu li,ul.import-data-menu span.ant-upload{line-height:32px;color:#8d79f2}ul.import-data-menu .ant-menu-item{height:32px;line-height:32px;padding-left:10px}ul.import-data-menu .ant-menu-item:hover{background:#403366}ul.import-data-menu .ant-menu-item:hover span.ant-upload{color:#fff}@media screen and (max-width:768px){ul.import-data-menu .ant-menu-item{padding-left:20px}.display-item{display:block!important}}header#header .user-section{display:flex;cursor:pointer}header#header .username{color:#333;text-align:right;font-size:12px;line-height:20px;font-weight:600}header#header .user-role{color:#333;opacity:.5;font-size:11px;line-height:12px}header#header .avatar-header{display:flex;align-items:center;margin-left:15px;margin-right:10px;justify-content:center}.avatar-header img{width:40px!important;height:40px!important;border-radius:50%}header#header .avatar-header img{width:40px;height:40px;border-radius:50%}header#header .avatar-header .icon-arrow{margin-left:5px}header#header span.icon-avatar.icon{width:40px}header#header .info-user{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.rebook-section-notify{display:flex;align-items:center;margin-right:10px;cursor:pointer}.num-of-customer{border:1px solid #e64645;box-sizing:border-box;border-radius:5px;padding:5px;margin-right:5px;color:#e64645;font-size:1rem;width:30px;height:30px;text-align:center;position:relative}.num-of-customer .dot{background-color:#e64645;width:7px;height:7px;border-radius:50%;position:absolute;top:1.5px;right:1px}div#header-layout{display:flex;align-items:center}.text-rebook{color:#818181;width:70px;text-transform:uppercase;font-size:10px;line-height:12px}.patient-icon-mobile{margin-right:10px;opacity:0;transition:opacity .5s;margin-top:3px}.show-patient-icon{opacity:1}.task-icon-header{display:flex;align-items:center;margin-right:10px;width:30px;height:30px;justify-content:center}.task-icon-header .icon-task{line-height:16px;display:block;height:16px}.icon-quick-search-mobile{display:flex;margin-right:10px;align-items:center}.icon-quick-search-mobile .icon-search{display:block;height:16px}.task-header-due-date{padding:0 5px}#lstNotification li:hover{background-color:rgba(143,115,229,.15)}#lstNotification li.ant-menu-item:hover,#lstNotification li.ant-menu-item:hover p:not(.primary-color){color:rgba(0,0,0,.65)}.select-language{color:#172645!important}.select-language .ant-select{border:0;display:flex;align-items:center}.select-language .ant-select-selection--single{border:0;box-shadow:none}.select-language .ant-select-selection--single .ant-select-selection__rendered{margin:0;line-height:normal}.select-language .ant-select-arrow{display:none}.dropdown-select-language{width:54px!important}.dropdown-select-language-label{width:auto!important}.dropdown-select-language li.ant-select-dropdown-menu-item.ant-select-dropdown-menu-item-selected{color:#fff;background:#a995e6}.select-language .ant-select-selection--single{height:auto;line-height:inherit}.lang-opts{display:flex;align-items:center;padding-left:7px;font-weight:500}.flag-wrapper{border-radius:50%}.pop-confirm-custom .ant-popover-buttons .ant-btn:first-child{background:#e4e6eb;color:#828282;border:none!important}.pop-confirm-custom .ant-popover-buttons .ant-btn:last-child{background:#8f73e5;color:#fff;border:none!important}.pop-confirm-custom .ant-popover-message-title p{margin:0;width:300px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.App{text-align:center}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.image-responsive{max-width:100%;height:auto}.anticon-download{display:none!important}.text-validate-note{font-weight:100!important;font-size:14px!important}i.anticon.anticon-close.ant-modal-close-icon{color:#fff}span.ant-upload-list-item-actions a i.anticon.anticon-eye-o{background-image:url(/edit-icon.png);background-size:cover;display:inline-block;height:16px;width:18px}.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete{font-size:18px!important}.col{flex:1 1;padding-left:10px;padding-right:10px;align-items:end}.row{margin-left:-10px;margin-right:-10px}.flex,.row{display:flex}.flex-start{align-items:flex-start}.d-contents{display:contents}.ant-input,.ant-time-picker-input{box-sizing:border-box;flex:1 1}.item-center{align-items:center}.col-50{flex:0 0 50%}.color-green{color:#27ae60}.color-black{color:#333}.color-red{color:#e64645}.ant-checkbox-input:focus+.ant-checkbox-inner,.ant-checkbox-wrapper:hover .ant-checkbox-inner,.ant-checkbox:hover .ant-checkbox-inner{border-color:#8f73e5}td.ant-calendar-cell.ant-calendar-today.ant-calendar-disabled-cell .ant-calendar-date{width:36px;height:36px;line-height:36px;border-radius:50%!important;color:#818181;font-size:14px}.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date:before{display:none}ul.ant-pagination.ant-table-pagination{margin-top:10px;margin-bottom:0;height:40px;background:#f2f2f2;display:flex;border-radius:5px;align-items:center;padding:0 10px;width:100%}.ant-input-number-input{border:1px solid #bdbdbd;box-sizing:border-box;border-radius:3px;height:35px;background:#fff}.ant-input-number{border:0!important;width:100%;height:35px;background:transparent;box-shadow:none!important}.rdw-editor-wrapper{background:#fff;border-radius:5px}.ant-layout{height:100vh;min-height:600px}.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field{width:2px}.ant-form-item .anticon svg{color:#ccc}.ant-menu-item:after{border-right:none!important}.ant-popover{z-index:1080}.title-welcome{text-align:center;margin-top:100px;font-size:50px;color:#212529}.btn-direct{background:#212529!important;color:#fff!important;border-radius:20px!important}.loading{opacity:1}#root{z-index:1}#screen-loading{z-index:0;height:100vh;width:100vw;color:#000;font-size:20px}.show-loading{position:absolute;display:flex;align-items:center;justify-items:center;justify-content:center;z-index:2000!important}.App-loading{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;pointer-events:none;margin-right:10px}ul.ant-dropdown-menu.ant-dropdown-menu-light.ant-dropdown-menu-root.ant-dropdown-menu-vertical.dropdown-consent{width:auto;right:0}@-webkit-keyframes App-loading-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-loading-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.label-appointment{margin-top:5px}.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after{border-color:#fff}@media screen and (max-width:967px){#screen-loading img{width:100px}}.mt-0{margin-top:0!important}.main-color{color:#8f73e6}.disabled{cursor:not-allowed!important;opacity:.6}.header-notification-content{box-shadow:0 2px 8px rgba(0,0,0,.15);padding:10px;background:#fff;border-radius:8px}.notification-active.icon,.task-icon-header:hover{color:#fff;background:#8f73e5;border-radius:5px}.icon-common{padding-right:2px;margin-right:5px}table .input-money .ant-form-item{width:100%!important}table .ant-form-item{line-height:32px}table .ant-form-item-control{line-height:32px;min-height:32px}table textarea.ant-input{margin-bottom:0}.link{color:#2f80ed!important;cursor:pointer}.link:hover{opacity:.6}.checkbox-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.time-table{display:flex}.treatment-detail .ant-table-wrapper .ant-table table tr.row-odd td{background:#fff!important}.treatment-detail .ant-table-wrapper .ant-table table tr.row-even td{background:#f2f2f2!important}.expanded-row-info h4{display:inline-block;font-weight:700}.row-treatment .ant-table-row-expand-icon-cell .anticon{visibility:hidden}.row-treatment .ant-table-row-expand-icon-cell{border-bottom:0!important}.row-treatment.treatment-last .ant-table-row-expand-icon-cell{border-bottom:1px solid #bdbdbd!important}.btn-select-trick-treatment{text-align:right;padding-top:25px}.row-treatment.treatment-last .ant-table-row-expand-icon-cell .anticon{visibility:visible}.editable-cell{position:relative}.ant-form-explain{font-size:10px;min-height:11px;line-height:17px}.ant-dropdown-menu.ant-dropdown-menu-light.ant-dropdown-menu-root.ant-dropdown-menu-vertical{position:absolute;top:0;right:0}.ant-table-thead>tr>th .ant-table-header-column,.ant-table-thead>tr>th .anticon-filter{color:#fff}.required:after{content:" *";color:red}.break-page{-webkit-column-break-before:page;page-break-before:always;break-before:page}.treatment-detail .ant-table table .row-odd td{background:#fff!important}.treatment-detail .ant-table table tr.row-even td{background:#f2f2f2!important}.end-of-patient-print{position:relative;min-height:150mm}.footer-end-page{display:flex;position:absolute;justify-content:space-between;bottom:0;width:100%}.label-register{display:inline-block;padding-top:7px}.pagination{margin-top:20px;text-align:center}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.fl-left{float:left}.fl-right{float:right}.btn-confirm{margin-right:10px}.pr-45{padding-right:45px}.position-relative{position:relative}.w-100{width:100%}.w-60{width:60%}.w-40{width:40%}.w-30{width:30%}.w-70{width:70%}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}.mt-80{margin-top:80px}.mt-100{margin-top:100px}.mb-50{margin-bottom:50px!important}.mb-150{margin-bottom:150px!important}.mb-120{margin-bottom:120px!important}.pr-120{padding-right:120px}.pr-10{padding-right:10px}.pr-20{padding-right:20px}.pl-20{padding-left:20px}.font-weight-700{font-weight:700}.font-weight-600{font-weight:600}.font-weight-500{font-weight:500!important}.font-weight-400{font-weight:400}.fr{float:right}.info-clinic-header{display:flex}.info-clinic-header .clinic-logo{margin-right:20px}ul.ant-dropdown-menu.ant-dropdown-menu-light.ant-dropdown-menu-root.ant-dropdown-menu-vertical{background:#fff;box-shadow:0 5px 5px rgba(0,0,0,.1);border-radius:5px}.ant-calendar-selected-day .ant-calendar-date{background:#dfd9ff;color:#818181}.ant-calendar-date{width:36px;height:36px;line-height:36px;border-radius:50%!important;color:#818181;font-size:14px}.ant-calendar-last-month-cell .ant-calendar-date,.ant-calendar-last-month-cell .ant-calendar-date:hover,.ant-calendar-next-month-btn-day .ant-calendar-date,.ant-calendar-next-month-btn-day .ant-calendar-date:hover{color:#ccc}.ant-calendar-date:hover{background:#dfd9ff}.ant-calendar-today .ant-calendar-date{border-color:#818181;color:#403366}.ant-btn>i,.ant-btn>span{display:inherit}.ant-select-selection__rendered{line-height:35px!important}a.ant-calendar-month-panel-month{height:55px;width:55px;font-size:12px;line-height:55px;border-radius:50%}.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month{background:#8f73e5}.ant-calendar-header a:hover{background:#8f73e5!important;color:#fff}.ant-form{color:#333}.title-hide{display:none!important}.text-dt{color:#00ce97}.popup-content-right a{text-transform:none;font-weight:400;font-size:14px;display:flex;align-items:center}.pswp__caption{background:#fff!important}.pswp__caption__center{max-width:1200px!important;color:#000!important}.caption-title{font-weight:700}.caption-title h2{display:inline;font-size:16px;color:#fff}.none{display:none!important}.cursor-pointer{cursor:pointer}.cursor-no-drop{cursor:no-drop}.font-style-italic{font-style:italic!important}.font-size-12{font-size:12px!important}.font-size-14{font-size:14px!important}.font-size-16{font-size:16px!important}.font-size-18{font-size:18px!important}.font-size-24{font-size:24px!important}.d-inline{display:inline}.text-transform-none{text-transform:none!important}.d-none-note img{display:none!important}.btn-only-icon .icon-prefix.icon{margin-right:unset!important}@media screen and (max-width:1424px){.datepicker-header-dashboard,.select-month{font-size:18px}.datepicker-header-dashboard svg{width:8px}span.pointer.previous-date.icon{margin-right:10px;margin-top:5px}span.arrow-right-custom,span.pointer.next-date.icon{margin-left:10px;margin-top:5px}.datepicker-header-dashboard{min-width:240px}div#header-gateway,div#select-type-calendar{margin-right:10px}}@media screen and (max-width:890px){div#filter-by-doctor{width:200px}div#select-type-calendar .select-item{line-height:35px;padding:0 10px}}@media screen and (max-width:810px){.datepicker-header-dashboard{min-width:auto}div#filter-by-doctor{width:170px}}@media screen and (max-width:1350px){.text-rebook{display:none}}@media screen and (max-width:1024px){.wrapper-bill .ant-row-flex{flex-flow:unset}.wrapper-bill .ant-col.summary-item{padding:10px!important}.wrapper-bill .number-summary{font-size:1rem}}@media screen and (max-width:768px){.main-content{max-width:100vw!important;width:100vw!important}.prescription-patient-modal .patient-info-label{min-width:100px;margin-top:10px}.prescription-patient-modal .ant-form-item{margin-bottom:15px}.ant-calendar-range{width:100%}.item-collapsible-header{padding:0 10px}.item-collapsible .icon-toggle-collapsible.icon{margin-left:5px;top:2px}.add-item-title-form{display:block}.mobile-layout .ant-modal{top:100px;overflow-x:hidden}div#nav-bar{position:fixed;top:59px;max-width:255px;justify-content:flex-start;z-index:9999;left:-280px;transition:left .3s}div#nav-bar.nav-mobile{display:flex!important}div#nav-bar.nav-mobile-show{left:0}.sidebar-mobile{display:none;z-index:8}.content .header-calendar-mobile{margin-left:0;margin-right:0}.content .header-page-text{line-height:30px;margin-bottom:5px;display:flex}.ant-tabs .ant-tabs-tab-arrow-show,.ant-tabs .ant-tabs-tab-prev{width:20px}.ant-tabs-nav-container-scrolling{padding-right:20px;padding-left:20px}.ant-tabs-nav .ant-tabs-tab{margin-left:10px;padding:12px 10px!important}.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:5px}.ant-tabs-nav-scroll{margin:0 -5px}.ant-tabs-bar{border-bottom:none}.header-treatment .header-page,.header-treatment .header-page .left-header,.header-treatment .header-page .title-header-treatment{display:block}.header-treatment .header-page .title-header-treatment .date-range-component{margin-left:0}.header-treatment span.header-page-icon.icon{display:inline-block}.header-treatment .header-page .date-range-component .ant-form-item:first-child{padding-left:0}.date-range-component .ant-form-item{margin-bottom:5px}#working-time_type,.add-treatment-date,.modal-treatment{width:100%!important}.register-working-time .ant-table-wrapper{overflow:hidden}.register-working-time{overflow-x:hidden}.header-status .btn{margin-bottom:5px}.register-working-role{width:210px}.total-title{min-width:100px}.total-money{padding-right:0!important}.tooth-status{padding:15px 20px}.tooth-status-wrap .tooth-status-label{width:100%!important}.tooth-status-wrap .tooth{padding-left:1px;width:calc(6.25% - 1px);margin-right:1px}.tooth-status-wrap .number-tooth .number-tooth-no{display:none}.tooth-status-wrap .number-tooth .ant-col-1{width:calc(6.25% - 2px)!important}.tooth-status-wrap .tooth span{font-size:10px}.factories-modal .ant-col-4{width:95px}.factories-modal .ant-col-20,.factories-modal .ant-col-xs-20{width:calc(100% - 95px)}.popup-content{padding:25px}.popup-header .title{padding:10px 15px}.image-gallery .right-header button+button{margin-left:0}.image-gallery .item-collapsible .icon-toggle-collapsible.icon{margin-left:15px}.display-add-orthodontic-image-first-row,.display-add-orthodontic-image-second-row,.display-add-orthodontic-image-third-row{width:auto}.add-normal-image .ant-upload{width:auto!important}.content .consent-form-patient .header-page{display:flex}.btn-print{padding-left:10px}.billing-header-left,.billing-header-right{float:none!important}.billing-header-left{margin-top:10px}.treatment-select{margin-top:2px}.rbc-calendar{height:calc(100vh - 40px)}.wrap-content.isMobile.left-space-show .sidebar-mobile{display:block;position:fixed;top:40px;background:rgba(0,0,0,.3)}div#logo-left-space{display:none}li.btn-nav.active:hover a{display:flex;align-items:center}.rbc-time-content>.rbc-day-slot{min-width:150px}.rbc-time-view-resources .rbc-time-header-content{flex-basis:150px}.num-of-customer{border:1px solid #fff;color:#fff}.num-of-customer .dot{background-color:#fff}#nav-bar{display:none!important}.show-nav-mobile #nav-bar{display:block!important}.nav-mask-hidden{display:none}.nav-mask-show{display:block}}.mobile-header{display:flex;align-items:center}.logo-mobile img{width:auto;height:18px}#header .logo-mobile{margin-left:10px}body.mobile-layout #nav-bar .label-menu{display:inline-block}body.mobile-layout #nav-bar .section-sidebar span.icon{background:transparent}body.mobile-layout #nav-bar li.btn-nav{border-radius:5px;min-width:150px;padding-right:5px}body.mobile-layout #nav-bar li.btn-nav>a{display:flex;align-items:center;color:#fff}body.mobile-layout #nav-bar .section-sidebar .btn-nav.active{background:#fff}body.mobile-layout #nav-bar li.btn-nav:hover{min-width:50px;border-radius:5px 0 0 5px}body.mobile-layout #nav-bar .btn-nav.active .label-menu{color:#8f73e6}body.mobile-layout #nav-bar .icon-logo,body.mobile-layout #nav-bar .section-sidebar .btn-nav.has-menu-children:hover .label-menu,body.mobile-layout #nav-bar li.btn-nav.single-nav.btn-create-patient-appointment{display:none}.icon-close-left-space .icon{color:#fff;margin-left:auto;cursor:pointer}body.mobile-layout #nav-bar .has-menu-children:hover{background:#fff}body.mobile-layout #nav-bar .section-bottom{display:none}.icon-close-left-space{display:flex;margin-bottom:5px}.nav-mask{position:fixed;top:59px;right:0;bottom:0;left:0;z-index:1000;overflow:auto;outline:0;background-color:rgba(0,0,0,.45)}.header-calendar-mobile{margin-left:-50px;margin-right:-50px;padding:10px 0}@media screen and (max-width:580px){.select-language .ant-select-selection--single{background:transparent}.datepicker-header-dashboard,.select-month{font-size:14px}.calendar-week .rbc-header{flex:1 0 150px}.item-collapsible-header h3{font-size:14px}.item-collapsible .icon-toggle-collapsible.icon svg{width:14px;height:14px}.calendar-week .rbc-time-header{overflow:hidden}.rbc-event.rbc-selected{z-index:4}.calendar-week .rbc-time-gutter,.calendar-week .rbc-time-header-gutter{position:-webkit-sticky;position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:2;margin-right:-1px}.rbc-day-slot .rbc-event:hover{z-index:4}.calendar-week .rbc-time-content>.rbc-day-slot{min-width:150px}body.mobile-layout #nav-bar li.btn-nav:active{background:#fff}body.mobile-layout #nav-bar li.btn-nav:active .icon,body.mobile-layout #nav-bar li.btn-nav:active .label-menu{color:#8f73e6}.calendar-week .rbc-time-view{overflow:auto}.datepicker-header-dashboard svg{width:6px}div#select-type-calendar .select-item{font-size:14px;line-height:25px;padding:0 5px}div#filter-by-doctor{width:127px}div#filter-by-doctor input{height:30px}span.arrow-right-custom,span.pointer.next-date.icon{margin-left:5px}.header-calendar-mobile span.pointer.previous-date.icon{margin-right:5px}.header-calendar-mobile span.arrow-right-custom{display:none}#form-create-appointment .row{display:block}#form-create-appointment .add-patient{position:relative;left:90px}#form-create-appointment .time-appointment .ant-form-item{flex-wrap:wrap}#form-create-appointment .time-appointment>div{display:inline-block}#form-create-appointment .time-appointment{display:block}#form-create-appointment .time-appointment .label-patient.required{margin-right:25px}#form-create-appointment .appointment-select-time{margin-left:77px!important;flex:unset}input#create-event_time{line-height:normal}.content-sidebar{overflow:auto;max-height:calc(100vh - 520px);min-height:80px}#form-create-appointment .time-appointment .ant-form-item:last-child{margin-left:87px!important;flex:unset}}@media screen and (max-width:415px){.image-gallery .right-header{display:block}}@media screen and (max-width:1440px){.content .filter-page .filter-left{margin-right:0}.content .container-employee .filter-page .filter-left,.content .container-patient-records-management .filter-page .filter-left,.content .drug-management .filter-page .filter-left{margin-right:15px}.content .drug-management .filter-page .filter-item{margin-bottom:0}.content .container-employee.list-workshops .filter-page .filter-left,.content .filter-page.filter-revenue .filter-left{margin-right:0}.content .filter-page.filter-revenue .select-component,.content .filter-page .select-type-search .select-component{width:100%}.content .filter-page .filter-item{display:block}.content .filter-page .filter-right{margin-left:0}.content .ant-calendar-picker{width:100%}.content .trick-table .filter-page .filter-right{padding-left:15px}}@media screen and (max-width:992px){.content .filter-page .label-date{min-width:45px}.content .filter-page{display:flex;padding:5px 0}.content .container-employee .filter-page .filter-left,.content .container-employee.list-workshops .filter-page .filter-left,.content .container-patient-records-management .filter-page .filter-left,.content .drug-management .filter-page .filter-left,.content .filter-page.filter-revenue .filter-left{margin-right:10px}.content .container-employee .filter-page .filter-right .filter-item,.content .container-patient-records-management .filter-page .filter-right .filter-item,.content .drug-management .filter-page .filter-right .filter-item{margin-left:10px}.content .filter-page .filter-left{margin-right:10px}.content .filter-page .filter-right{display:flex;justify-content:space-between}.content .filter-page.no-filter-left .filter-right .filter-item{margin-left:0}.content .filter-page.no-filter-left .filter-center h2{margin-bottom:5px}}.ant-time-picker-clear,.time-appointment .ant-time-picker-icon{right:10px}.time-appointment .ant-calendar-picker,.time-appointment .ant-time-picker{width:100%}@media (max-width:575.98px){body{overflow:auto!important}#content,#root{overflow:unset!important}}