.bootstrap .schedule-overview .overview-content .right-panel .control-panel,.bootstrap-dark .schedule-overview .overview-content .right-panel .control-panel,.bootstrap5 .schedule-overview .overview-content .right-panel .control-panel,.bootstrap5-dark .schedule-overview .overview-content .right-panel .control-panel,.fabric .schedule-overview .overview-content .right-panel .control-panel,.fabric-dark .schedule-overview .overview-content .right-panel .control-panel,.fluent .schedule-overview .overview-content .right-panel .control-panel,.fluent-dark .schedule-overview .overview-content .right-panel .control-panel,.highcontrast .schedule-overview .overview-content .right-panel .control-panel,.material .schedule-overview .overview-content .right-panel .control-panel,.material-dark .schedule-overview .overview-content .right-panel .control-panel,.material3 .schedule-overview .overview-content .right-panel .control-panel,.material3-dark .schedule-overview .overview-content .right-panel .control-panel,.tailwind .schedule-overview .overview-content .right-panel .control-panel,.tailwind-dark .schedule-overview .overview-content .right-panel .control-panel{background-color:#f3f4f6!important;color:inherit!important}.bootstrap .schedule-overview .overview-content .right-panel .control-panel.bootstrap-dark,.bootstrap .schedule-overview .overview-content .right-panel .control-panel.bootstrap5-dark,.bootstrap .schedule-overview .overview-content .right-panel .control-panel.fabric-dark,.bootstrap .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.bootstrap .schedule-overview .overview-content .right-panel .control-panel.material-dark,.bootstrap .schedule-overview .overview-content .right-panel .control-panel.material3-dark,.bootstrap .schedule-overview .overview-content .right-panel .control-panel.tailwind-dark,.bootstrap-dark .schedule-overview .overview-content .right-panel .control-panel.bootstrap-dark,.bootstrap-dark .schedule-overview .overview-content .right-panel .control-panel.bootstrap5-dark,.bootstrap-dark .schedule-overview .overview-content .right-panel .control-panel.fabric-dark,.bootstrap-dark .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.bootstrap-dark .schedule-overview .overview-content .right-panel .control-panel.material-dark,.bootstrap-dark .schedule-overview .overview-content .right-panel .control-panel.material3-dark,.bootstrap-dark .schedule-overview .overview-content .right-panel .control-panel.tailwind-dark,.bootstrap5 .schedule-overview .overview-content .right-panel .control-panel.bootstrap-dark,.bootstrap5 .schedule-overview .overview-content .right-panel .control-panel.bootstrap5-dark,.bootstrap5 .schedule-overview .overview-content .right-panel .control-panel.fabric-dark,.bootstrap5 .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.bootstrap5 .schedule-overview .overview-content .right-panel .control-panel.material-dark,.bootstrap5 .schedule-overview .overview-content .right-panel .control-panel.material3-dark,.bootstrap5 .schedule-overview .overview-content .right-panel .control-panel.tailwind-dark,.bootstrap5-dark .schedule-overview .overview-content .right-panel .control-panel.bootstrap-dark,.bootstrap5-dark .schedule-overview .overview-content .right-panel .control-panel.bootstrap5-dark,.bootstrap5-dark .schedule-overview .overview-content .right-panel .control-panel.fabric-dark,.bootstrap5-dark .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.bootstrap5-dark .schedule-overview .overview-content .right-panel .control-panel.material-dark,.bootstrap5-dark .schedule-overview .overview-content .right-panel .control-panel.material3-dark,.bootstrap5-dark .schedule-overview .overview-content .right-panel .control-panel.tailwind-dark,.fabric .schedule-overview .overview-content .right-panel .control-panel.bootstrap-dark,.fabric .schedule-overview .overview-content .right-panel .control-panel.bootstrap5-dark,.fabric .schedule-overview .overview-content .right-panel .control-panel.fabric-dark,.fabric .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.fabric .schedule-overview .overview-content .right-panel .control-panel.material-dark,.fabric .schedule-overview .overview-content .right-panel .control-panel.material3-dark,.fabric .schedule-overview .overview-content .right-panel .control-panel.tailwind-dark,.fabric-dark .schedule-overview .overview-content .right-panel .control-panel.bootstrap-dark,.fabric-dark .schedule-overview .overview-content .right-panel .control-panel.bootstrap5-dark,.fabric-dark .schedule-overview .overview-content .right-panel .control-panel.fabric-dark,.fabric-dark .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.fabric-dark .schedule-overview .overview-content .right-panel .control-panel.material-dark,.fabric-dark .schedule-overview .overview-content .right-panel .control-panel.material3-dark,.fabric-dark .schedule-overview .overview-content .right-panel .control-panel.tailwind-dark,.fluent .schedule-overview .overview-content .right-panel .control-panel.bootstrap-dark,.fluent .schedule-overview .overview-content .right-panel .control-panel.bootstrap5-dark,.fluent .schedule-overview .overview-content .right-panel .control-panel.fabric-dark,.fluent .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.fluent .schedule-overview .overview-content .right-panel .control-panel.material-dark,.fluent .schedule-overview .overview-content .right-panel .control-panel.material3-dark,.fluent .schedule-overview .overview-content .right-panel .control-panel.tailwind-dark,.fluent-dark .schedule-overview .overview-content .right-panel .control-panel.bootstrap-dark,.fluent-dark .schedule-overview .overview-content .right-panel .control-panel.bootstrap5-dark,.fluent-dark .schedule-overview .overview-content .right-panel .control-panel.fabric-dark,.fluent-dark .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.fluent-dark .schedule-overview .overview-content .right-panel .control-panel.material-dark,.fluent-dark .schedule-overview .overview-content .right-panel .control-panel.material3-dark,.fluent-dark .schedule-overview .overview-content .right-panel .control-panel.tailwind-dark,.highcontrast .schedule-overview .overview-content .right-panel .control-panel.bootstrap-dark,.highcontrast .schedule-overview .overview-content .right-panel .control-panel.bootstrap5-dark,.highcontrast .schedule-overview .overview-content .right-panel .control-panel.fabric-dark,.highcontrast .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.highcontrast .schedule-overview .overview-content .right-panel .control-panel.material-dark,.highcontrast .schedule-overview .overview-content .right-panel .control-panel.material3-dark,.highcontrast .schedule-overview .overview-content .right-panel .control-panel.tailwind-dark,.material .schedule-overview .overview-content .right-panel .control-panel.bootstrap-dark,.material .schedule-overview .overview-content .right-panel .control-panel.bootstrap5-dark,.material .schedule-overview .overview-content .right-panel .control-panel.fabric-dark,.material .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.material .schedule-overview .overview-content .right-panel .control-panel.material-dark,.material .schedule-overview .overview-content .right-panel .control-panel.material3-dark,.material .schedule-overview .overview-content .right-panel .control-panel.tailwind-dark,.material-dark .schedule-overview .overview-content .right-panel .control-panel.bootstrap-dark,.material-dark .schedule-overview .overview-content .right-panel .control-panel.bootstrap5-dark,.material-dark .schedule-overview .overview-content .right-panel .control-panel.fabric-dark,.material-dark .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.material-dark .schedule-overview .overview-content .right-panel .control-panel.material-dark,.material-dark .schedule-overview .overview-content .right-panel .control-panel.material3-dark,.material-dark .schedule-overview .overview-content .right-panel .control-panel.tailwind-dark,.material3 .schedule-overview .overview-content .right-panel .control-panel.bootstrap-dark,.material3 .schedule-overview .overview-content .right-panel .control-panel.bootstrap5-dark,.material3 .schedule-overview .overview-content .right-panel .control-panel.fabric-dark,.material3 .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.material3 .schedule-overview .overview-content .right-panel .control-panel.material-dark,.material3 .schedule-overview .overview-content .right-panel .control-panel.material3-dark,.material3 .schedule-overview .overview-content .right-panel .control-panel.tailwind-dark,.material3-dark .schedule-overview .overview-content .right-panel .control-panel.bootstrap-dark,.material3-dark .schedule-overview .overview-content .right-panel .control-panel.bootstrap5-dark,.material3-dark .schedule-overview .overview-content .right-panel .control-panel.fabric-dark,.material3-dark .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.material3-dark .schedule-overview .overview-content .right-panel .control-panel.material-dark,.material3-dark .schedule-overview .overview-content .right-panel .control-panel.material3-dark,.material3-dark .schedule-overview .overview-content .right-panel .control-panel.tailwind-dark,.tailwind .schedule-overview .overview-content .right-panel .control-panel.bootstrap-dark,.tailwind .schedule-overview .overview-content .right-panel .control-panel.bootstrap5-dark,.tailwind .schedule-overview .overview-content .right-panel .control-panel.fabric-dark,.tailwind .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.tailwind .schedule-overview .overview-content .right-panel .control-panel.material-dark,.tailwind .schedule-overview .overview-content .right-panel .control-panel.material3-dark,.tailwind .schedule-overview .overview-content .right-panel .control-panel.tailwind-dark,.tailwind-dark .schedule-overview .overview-content .right-panel .control-panel.bootstrap-dark,.tailwind-dark .schedule-overview .overview-content .right-panel .control-panel.bootstrap5-dark,.tailwind-dark .schedule-overview .overview-content .right-panel .control-panel.fabric-dark,.tailwind-dark .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.tailwind-dark .schedule-overview .overview-content .right-panel .control-panel.material-dark,.tailwind-dark .schedule-overview .overview-content .right-panel .control-panel.material3-dark,.tailwind-dark .schedule-overview .overview-content .right-panel .control-panel.tailwind-dark{background-color:#374151!important;color:#fff!important}.bootstrap .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.bootstrap-dark .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.bootstrap5 .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.bootstrap5-dark .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.fabric .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.fabric-dark .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.fluent .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.fluent-dark .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.highcontrast .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.material .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.material-dark .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.material3 .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.material3-dark .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.tailwind .schedule-overview .overview-content .right-panel .control-panel.fluent-dark,.tailwind-dark .schedule-overview .overview-content .right-panel .control-panel.fluent-dark{border-color:#c1c1c1}.bootstrap .schedule-overview .overview-content .right-panel .control-panel.highcontrast,.bootstrap-dark .schedule-overview .overview-content .right-panel .control-panel.highcontrast,.bootstrap5 .schedule-overview .overview-content .right-panel .control-panel.highcontrast,.bootstrap5-dark .schedule-overview .overview-content .right-panel .control-panel.highcontrast,.fabric .schedule-overview .overview-content .right-panel .control-panel.highcontrast,.fabric-dark .schedule-overview .overview-content .right-panel .control-panel.highcontrast,.fluent .schedule-overview .overview-content .right-panel .control-panel.highcontrast,.fluent-dark .schedule-overview .overview-content .right-panel .control-panel.highcontrast,.highcontrast .schedule-overview .overview-content .right-panel .control-panel.highcontrast,.material .schedule-overview .overview-content .right-panel .control-panel.highcontrast,.material-dark .schedule-overview .overview-content .right-panel .control-panel.highcontrast,.material3 .schedule-overview .overview-content .right-panel .control-panel.highcontrast,.material3-dark .schedule-overview .overview-content .right-panel .control-panel.highcontrast,.tailwind .schedule-overview .overview-content .right-panel .control-panel.highcontrast,.tailwind-dark .schedule-overview .overview-content .right-panel .control-panel.highcontrast{background-color:#000;color:#fff}.schedule-overview .overview-toolbar.e-rtl+*{flex-direction:row-reverse}.schedule-overview .overview-toolbar.e-toolbar{border-radius:0}.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-tbtn-txt{display:inline-grid}.schedule-overview .overview-toolbar.e-toolbar.material{border-style:solid}.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item:not(.e-separator){padding:3.5px}.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon,.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-tbar-btn-text{line-height:23px!important;min-height:23px!important;padding:0!important}.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item.e-template{margin:0 5px}.schedule-overview .overview-content{display:flex}.schedule-overview .overview-content .left-panel{height:calc(100vh - 180px);height:calc(100vh - 192px);width:100%}.schedule-overview .overview-scheduler{height:100%;width:100%}.schedule-overview .e-timeline-month-view .e-resource-left-td,.schedule-overview .e-timeline-view .e-resource-left-td{width:120px}.schedule-resource.e-multi-select-list-wrapper.e-checkbox .e-list-parent:first-child li:first-child{background-image:none;opacity:.5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.schedule-overview .calendar-import.e-upload{border:0;padding-left:0!important}.schedule-overview .calendar-import.e-upload .e-btn-icon{margin-left:0}.schedule-overview .calendar-import.e-upload .e-file-select-wrap{padding:0}.e-bigger .schedule-context-menu ul .e-menu-item .e-menu-icon{font-size:14px}.schedule-context-menu ul .e-menu-item .e-menu-icon{font-size:12px}.schedule-overview.e-schedule .e-timeline-month-view .e-header-cells,.schedule-overview.e-schedule .e-vertical-view .e-header-cells{padding:0;text-align:center!important}.schedule-overview.e-schedule .date-text{font-size:14px}.schedule-overview.e-schedule.e-device .date-text{font-size:12px}.schedule-overview.e-schedule .weather-image{width:20px;height:20px;background-position:50%;background-repeat:no-repeat;background-size:cover}.e-schedule .e-month-view .e-appointment{height:35px!important}.e-schedule .e-month-view .e-appointment .e-appointment-details{line-height:25px!important}.schedule-overview.e-schedule .e-month-view .weather-image{float:right;margin:-20px 2px 0 0;width:20px;height:20px}.e-appbar{height:60px!important;border:unset!important;box-shadow:unset!important;padding:0!important}.e-appbar>div:first-child{align-items:start}.fluent .e-toolbar-item .e-checkbox-wrapper .e-icons.e-frame,.fluent-dark .e-toolbar-item .e-checkbox-wrapper .e-icons.e-frame{height:17px;line-height:17px;width:17px}.fluent .e-toolbar-item .e-checkbox-wrapper .e-icons.e-frame.e-check,.fluent-dark .e-toolbar-item .e-checkbox-wrapper .e-icons.e-frame.e-check{font-size:15px;line-height:16px}.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn{padding-top:2px;padding-bottom:2px}#exportBtn{white-space:nowrap}.time{display:flex;gap:5px;align-items:center;padding:0 5px;flex-wrap:wrap;justify-content:flex-end}.time p{margin:0;display:inline-block}.template{height:46px;line-height:23px}.template .icon-child{text-align:center;height:23px!important}.template .text-child{font-size:14px;line-height:23px!important}.header-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px;background-color:#f4f4f4}.date-range{font-size:16px;font-weight:700}.custom-toolbar-items{display:flex;align-items:center}.custom-toolbar-items .e-dropdownlist{margin-left:10px}.e-schedule .e-vertical-view .e-resource-cells{padding:0!important}.header-schedule{justify-content:center;gap:10px}.header-cover,.header-schedule{display:flex;align-items:center}.header-cover{padding:5px}.header-cover .header-avatar{width:35px;height:35px;border-radius:50%;margin-right:10px}.header-cover .header-title{font-size:16px;word-wrap:break-word;text-overflow:ellipsis;overflow:hidden}.e-disable-cell{background-color:#ffb6c1!important;color:#ccc}.slot-layout{padding:5px}.slot-layout .group-appt{width:14px;min-width:14px;height:9999px;margin:-5px 5px 0 -10px}.slot-layout .event-details{display:flex;flex:1 1;flex-direction:column}.slot-layout .event-details .event-cellTime{display:flex;align-items:center;gap:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-layout .event-details .event-title{text-overflow:ellipsis;white-space:break-spaces;word-wrap:break-word}.btn-header svg path{fill:var(--color-white)!important}.btn-header.Mui-disabled svg path{fill:#a1c9ef!important}.service-package-title{display:flex;align-items:center;width:100%;overflow:hidden;gap:2px;margin-bottom:3px}.service-package-title span{flex-shrink:0;padding-right:5px}.package-line{flex-shrink:1;width:100%;border:1px solid!important}.schedule-overview.e-schedule .e-month-view .e-date-header-wrap table col,.schedule-overview.e-schedule .e-month-view .e-work-cells,.schedule-overview.e-schedule .e-vertical-view .e-content-wrap table col,.schedule-overview.e-schedule .e-vertical-view .e-date-header-wrap table col{width:200px!important}.e-schedule .e-vertical-view .e-header-cells{height:30px!important}.e-schedule .e-vertical-view .e-work-cells{height:42px!important;background-color:#fff!important}.e-schedule .e-vertical-view .e-work-cells:hover{background-color:#f5f5f5!important;cursor:pointer}.e-schedule .e-vertical-view .e-time-cells-wrap table td,.schedule-cells.e-schedule .e-vertical-view .e-work-cells{height:42px!important}.e-schedule .e-appointment-wrapper{display:flex;flex-wrap:wrap}.e-schedule .e-appointment-wrapper .e-appointment{cursor:pointer!important}.e-schedule .e-schedule-table>tbody>tr>td{overflow:unset!important}.e-schedule .e-header-calendar{background:#fff!important;box-shadow:0 1px 3px 0 rgba(0,0,0,.3),0 4px 8px 3px rgba(0,0,0,.15)!important}.e-schedule .e-timeline-view .e-appointment{height:45px!important}.e-menu-item{height:50px!important;display:flex!important;align-items:center!important}.e-menu-item.e-menu-hide{display:none!important}.text-title{font-weight:700;font-size:16px}.box-item{display:flex;justify-content:space-between;flex-direction:row;padding:5px}.box-item:hover{background-color:rgba(135,206,250,.274);cursor:pointer}.input-custom-click .MuiInputBase-root:hover,.input-custom-click input:hover{cursor:pointer}.employee-grid-layout{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:7px;gap:7px}.box-employee{border:1px solid;border-radius:5px}.box-employee .box-employee-content{display:flex;align-items:center;gap:10px}.box-employee .box-employee-content .avatar-img{box-shadow:0 4px 5px 0 rgba(0,0,0,.3),0 4px 8px 3px rgba(0,0,0,.15)!important}.box-employee .box-employee-content .employee-info{display:flex;flex-direction:column}.box-employee:hover{background-color:rgba(135,206,250,.274);cursor:pointer}.box-customer-info{border:1px solid #fff;margin:0 5px}.cover-list-customer{overflow-y:auto;max-height:370px}.cover-list-customer .loading-list{height:70px;display:flex;justify-content:center;align-items:center}.cover-list-customer .item-list-customer{padding:5px 0 5px 5px}.cover-list-customer .item-list-customer:hover{background-color:rgba(135,206,250,.274);cursor:pointer}.e-control.e-appbar.e-lib.e-inherit{overflow:unset}.e-control.e-appbar.e-lib.e-inherit .MuiFormLabel-root{top:-6px}.e-control.e-appbar.e-lib.e-inherit .MuiFormLabel-root.Mui-focused,.e-control.e-appbar.e-lib.e-inherit .MuiFormLabel-root.MuiInputLabel-shrink{top:0}.e-control.e-appbar.e-lib.e-inherit input{position:relative;top:-8px}.e-control.e-appbar.e-lib.e-inherit .select-interval input{position:absolute}.e-schedule .e-timeline-month .e-content-wrap table tr:last-child td,.e-schedule .e-timeline-view .e-content-wrap table tr:last-child td{border-bottom-width:1px!important}.schedule-overview .e-timeline-view .e-content-wrap table col,.schedule-overview .e-timeline-view .e-date-header-wrap table col{min-width:80px!important}.active-drag{border:2px solid #d3d3d3!important;animation:popUp 1s infinite;z-index:99}.active-drag,.active-drag .slot-layout{background-color:#dbdbdb!important}.e-appointment:focus{z-index:99;animation:popUp 1s infinite;border:2px solid #d3d3d3!important}@keyframes popUp{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.e-control{font-family:unset!important}.e-time-slots{font-weight:600!important}.e-header-cells,.e-tbar-btn-text{font-weight:500!important}.e-current-time{display:none!important}.change-status-wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.change-status-wrapper .box-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-width:100px;height:80px;padding-top:20px;border-radius:0}.change-status-wrapper .box-item span{font-size:14px}.change-status-wrapper .box-item svg{height:30px;width:50px}.change-status-wrapper .box-item svg path{fill:var(--color-main-color)!important}@media(max-width:481px){.schedule-overview .overview-content .right-panel{position:absolute;width:90%}#exportBtn,#printBtn,.import-button{display:none}}@media(max-width:1024px){.schedule-overview .overview-content .right-panel .control-panel .col-row{display:initial}.schedule-overview .overview-content .right-panel .control-panel .col-left{flex:initial;max-width:none;margin-bottom:0}.schedule-overview .overview-content .right-panel .control-panel .col-right{flex:initial;max-width:none}}@media(max-width:1536px){.btn-header span{font-size:16px}.btn-header svg{width:22px;height:22px}}.scrollbar-container{position:relative;height:100%}.ps{overflow:hidden;touch-action:auto}.ps__rail-x{height:15px;bottom:0}.ps__rail-x,.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;position:absolute}.ps__rail-y{width:15px;right:0}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps__thumb-x{transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px}.ps__thumb-x,.ps__thumb-y{background-color:#aaa;border-radius:6px;position:absolute}.ps__thumb-y{transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px}body{margin:0}.primary-grid{height:calc(100vh - 310px)!important}@media(min-width:1500px){.primary-grid{height:calc(100vh - 385px)!important}}.second-grid{height:calc(100vh - 150px)!important}.e-rte-content{background-color:#1b2635!important}.e-pane{padding:10px}.mainDashboard{position:relative}@media(min-width:960px){.mainDashboard{max-width:calc(100% - 258px)!important}}.mainDashboard .MuiPaper-root{width:100%}.primaryGrid{height:100%}.primaryGrid__box{display:flex!important;flex-direction:column!important}.primaryGrid .MuiDataGrid-virtualScrollerContent{max-height:40vh}.primaryGrid .MuiDataGrid-cell{width:auto!important}.primaryGrid .MuiDataGrid-scrollbar::-webkit-scrollbar,.primaryGrid .MuiDataGrid-scrollbar::-webkit-scrollbar-track{background-color:var(--DataGrid-containerBackground)}.primaryGrid .MuiDataGrid-scrollbar::-webkit-scrollbar-thumb{background-color:#fff;border-radius:4px;cursor:pointer}.primaryGrid .MuiDataGrid-scrollbar--horizontal{height:10px}.MuiDataGrid-overlayWrapper{min-height:auto}.MuiOutlinedInput-root{height:100%}.xFlex-select .MuiSelect-select{display:flex;align-items:center}.xFlex-select .MuiListItemIcon-root{min-width:auto;margin-right:.5em}.avatar-select{width:25px!important;height:25px!important;border-radius:50%;margin-right:10px;box-shadow:0 1px 3px 0 rgba(0,0,0,.3),0 1px 8px 2px rgba(0,0,0,.15)}.Mui-disabledCheckbox .Mui-disabled{display:flex!important}.xForm__item{position:relative;display:flex;align-items:center;--w:150px}.xForm__item--dt{position:relative;width:var(--w);font-size:16px}.xForm__item--dd{position:relative;width:calc(100% - var(--w))}.xForm__item--dd.--img{width:200px;height:150px}.xForm__item--dd.--img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.Resizer [data-type=Resizer]{background:#acacac;width:4px;border-width:0 2px;margin-left:3px;margin-right:3px}.ql-editor{min-height:150px!important}.xNote__desc p{text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important}.xNote__desc p:first-child{margin-top:0!important}.xNote__desc p:last-child{margin-bottom:0!important}.xLink__img{position:relative;border-radius:5px;display:block;line-height:0!important;transition:all .3s ease-in-out}.xLink__img:before{position:absolute;content:"";width:100%;height:100%;background-image:url(/images/viewImg.svg);background-size:40px;background-repeat:no-repeat;background-position:50%;z-index:100;left:0;top:0;opacity:0;background-color:rgba(0,0,0,.553);transition:all .3s ease-in-out;border-radius:inherit}.xLink__img:hover:before{opacity:1}.xLink__img:hover img{opacity:.7}.xLink__img img{border-radius:inherit}.titleDialog{align-items:center}.titleDialog .xHeaderDashboard__heading{font-size:1.15rem!important}.xHeaderDashboard__heading{position:relative;font-size:2rem!important}.xSoft__fileUpload{display:flex;align-items:center;gap:10px;border-radius:5px}.xSoft__fileUpload [type=file]{display:none}.xSoft__fileUpload--label{position:relative;padding:5px 10px;border-radius:4px;background-color:#fff;color:#233044;font-weight:700;cursor:pointer;width:100px;display:flex;align-items:center;justify-content:center;height:30px}.xSoft__fileUpload--label:hover{opacity:.7}.xSoft__fileUpload--type{width:calc(100% - 100px);max-width:400px;gap:5px}.xSoft__fileUpload--type,.xSoft__fileUpload--type .icon{position:relative;display:flex;align-items:center;justify-content:center}.xSoft__fileUpload--type .icon{width:30px;height:30px;border-radius:4px}.xSoft__fileUpload--type .content{display:flex;align-items:center;width:calc(100% - 40px)}.xSoft__fileUpload--type .fileName{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-clamp:1}.xSoft__pdf{position:relative}.xSoft__pdf canvas{width:100%!important;height:100%!important}.MuiDataGrid-detailPanelToggleCell.Mui-disabled,.hiddenHeader .MuiDataGrid-container--top,.hiddenHeader .react-grid-header{display:none}.xAccordionSummary .MuiAccordionSummary-content,.xPrivilegeItem{align-items:center}.xPrivilegeItem{position:relative;display:flex;justify-content:space-between;border-bottom:1px dotted #797979;margin:0;cursor:pointer;padding:0 12px}.xPrivilegeItem__active{background-color:#59749b}.xPrivilegeItem__active label{font-weight:700;font-size:1.2em}.xPrivilegeItem__noAction{background-color:#797979}.xPrivilegeItem__noAction label{font-weight:700;font-size:1.05em}.xPrivilegeItem dt{display:block;width:calc(100% - 50px);cursor:pointer}.xPrivilegeItem dd{display:flex;align-items:center;gap:10px}.xPrivilegeItem dd .MuiCheckbox-root{width:50px}.xPrivilegeItem label{cursor:pointer;width:100%;display:block;padding:15px 0}.xPrivilegeItem ul{display:flex;list-style:none;gap:10px}.xPrivilegeItem ul li{width:50px;font-weight:700;text-align:center;position:relative}.xPrivilegeItem:hover{background-color:#474747}.xPrivilegeItem:last-child{border-bottom:0}.xPrivilegeItem:last-child label{padding-bottom:10px}.iconType{display:flex;align-items:center;gap:10px}.xSoft__wrapFile{position:relative}.xSoft__wrapFile--progress{margin-top:10px}.xSoft__wrapFile--row{display:flex}.xListBtn{position:relative;overflow-x:scroll;scroll-behavior:smooth}.xListBtn::-webkit-scrollbar{display:none}.xListBtn__scroll{min-width:500px}.xListBtn button{flex-shrink:0}.MuiMultiSectionDigitalClock-root::-webkit-scrollbar{display:none}.xCardCheckbox__item{position:relative;padding:0!important}.Ticket__mainService{display:flex;align-items:center;width:100%;gap:10px;margin-bottom:5px}.Ticket__mainService--position{min-width:30px;height:30px;position:relative;border-radius:6px;border:1px solid;display:flex;align-items:center;justify-content:center;font-weight:700;white-space:nowrap;padding:5px}.Ticket__mainService--service{position:relative;flex:1 1;display:flex;flex-direction:column}.Ticket__mainService--service>span{display:block}.Ticket__mainService--service .name{position:relative;font-size:18px;font-weight:700}.Ticket__mainService--service .employees{font-style:italic}.Ticket__mainService--size{flex:.3 1;text-align:center}.Ticket__mainService--size>span{display:block}.Ticket__mainService--price{flex:.4 1;text-align:right}.Ticket__discount{display:flex;justify-content:space-between;width:100%;gap:10px}.Ticket__discount>span{display:block}.Ticket__actionList{position:absolute;width:100px;top:0;height:100%;background-color:#000;transition:all .3s ease-in-out;z-index:10}.Ticket__item{position:relative;display:flex;cursor:pointer}.Ticket__mainContent{display:flex;flex-direction:column;width:100%}.SelectXsf__small .MuiInputLabel-root:not(.MuiFormLabel-filled){top:-8px}.SelectXsf__small .MuiListItemText-root>span{line-height:1}.SelectXsf__small .MuiOutlinedInput-input{padding-top:7px!important;padding-bottom:7px!important}.DropdownMenuList .MuiMenu-list{padding:0}.DropdownMenuList .MuiMenu-list>li{padding-left:10px}.DropdownMenuList .MuiMenu-list .text{display:block;margin-left:6px}.ItemEmployee__active{position:absolute;z-index:10;top:-5px;right:-5px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.ItemEmployee__active svg path:first-of-type{opacity:1;fill:#fff}.ItemEmployee__time{margin-top:-5px;width:100%;text-align:right}.ListItemEmployee__wrap{width:100%;display:flex;flex-wrap:wrap;padding:0}.ListItemEmployee__wrap::-webkit-scrollbar{display:none}.ListItemEmployee__wrap.hasActiveEmployee{opacity:1}.ListItemEmployee__wrap.hasActiveEmployee>li{opacity:.5}.ListItemEmployee__wrap.hasActiveEmployee>li.isActiveEmployee{opacity:1}.OptionCash{position:relative;margin-left:auto;margin-right:auto}.OptionCash:not(.--nobg){border-radius:10px;padding:20px}.OptionCash dl{position:relative;display:flex;align-items:flex-end;justify-content:space-between;width:100%;font-size:15px;font-weight:700;line-height:1em;margin:0;z-index:1}.OptionCash dl:last-child:not(:first-child){margin-bottom:0;padding:10px 0;border-radius:5px;align-items:center}.OptionCash dl:last-child:not(:first-child) dt{line-height:1;color:#fff!important}.OptionCash dl:last-child:not(:first-child) dd{font-size:2em;color:#fff!important}.OptionCash dl:last-child:not(:first-child):before{position:absolute;content:"";width:calc(100% + 20px);height:100%;background-color:inherit;top:0;left:50%;transform:translateX(-50%);z-index:-1;border-radius:inherit}.OptionCash dl dt{font-size:2em}.OptionCash dl dd{font-size:3em;line-height:1em}.OptionCash__tender{display:flex;gap:10px;margin-bottom:20px}.OptionCash__return{flex-direction:column;align-items:center!important;gap:20px;padding:30px 0!important}.OptionCash__return dd{margin-left:0}.ServicesList__search{position:absolute;right:10px;bottom:10px;z-index:10;display:flex;align-items:center;gap:10px;transition:all .3s ease-in-out}.ServicesList__search .MuiButtonBase-root{background:var(--color-pri-300)!important;--s:44px;width:var(--s);height:var(--s)}.ServicesList__search .MuiButtonBase-root:hover{background:var(--color-main-color)!important}.ServicesList__search .MuiButtonBase-root.Mui-error{background:var(--color-red-800)!important}.ServicesList__search .MuiFormControl-root{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);width:300px}main{max-width:100vw}.status-waitinglist{display:flex;justify-content:center;align-items:center;width:100%}.status-waitinglist .icon{display:flex}.TicketDiscount{position:absolute;z-index:10;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px;border-top:1px solid #686161;margin:0;font-style:italic}.TicketDiscount .actions{width:1em;height:1em;margin-right:1em}.TicketDiscount .actions svg{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);z-index:10}.TicketDiscount dd,.TicketDiscount dt{line-height:1}.itemNumber{position:relative}.itemNumber__price{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.itemNumber__price .MuiFormControl-root{width:-moz-fit-content;width:fit-content;flex:auto;text-align:center;min-width:none}.itemNumber__price .MuiInputBase-input{font-size:50px!important;padding:0}.itemNumber__price label{display:none}.itemNumber__price input{text-align:center;width:auto}.itemNumber__price .MuiInputAdornment-root{font-size:50px!important}.itemNumber__price .MuiInputAdornment-root .MuiTypography-root{font-size:1em}.itemNumber__price fieldset{border:none!important;display:none!important}.progressPackage{position:relative;display:flex;list-style:none;gap:2px}.progressPackage li{position:relative;padding:0;width:12px;height:8px;border:1px solid;border-radius:2px}.ItemService__progress{margin:auto 0;display:flex;align-items:center;gap:5px}.MainPOS__right{position:relative;display:flex;flex-direction:column!important;flex-wrap:wrap}.ListTicket{position:relative;height:100%;flex:1 1;overflow:hidden auto}.ListTicket[data-theme=CLASSIC]{--gap:16px}.ListTicket[data-theme=CLASSIC] .ListTicket__scroll{width:calc(100% - var(--gap)*2);left:var(--gap)}.ListTicket::-webkit-scrollbar{display:none!important}.ListTicket__scroll{position:absolute;width:100%;top:0;left:0;padding:unset;background:unset;border-radius:unset}.contentScrolling{position:absolute;display:flex;flex-direction:column;height:calc(100% - 200px)}.contentScrolling__box{position:relative;height:100%;flex:1 1;overflow:hidden auto}.contentScrolling__box::-webkit-scrollbar{display:none!important}.ItemCommission__mutiple button{font-size:17px!important}.nonPadding{position:relative;padding:0;overflow:auto hidden}.nonPadding::-webkit-scrollbar{display:none!important}.nonPadding>li{padding:0}.nonPadding>li button{width:100%;white-space:nowrap}.deadline{position:relative;text-shadow:0 0 20px red,0 0 30px red,0 0 40px red,0 0 50px red,0 0 60px red,0 0 70px red,0 0 80px red;animation:blinker 1s cubic-bezier(.5,0,1,1) infinite alternate}@keyframes blinker{0%{opacity:1}to{opacity:0}}.cardList{gap:10px;flex-wrap:wrap}.cardList,.cardList__item{position:relative;display:flex}.cardList__item{font-size:16px;line-height:1;flex-direction:column;min-width:200px;margin:0;cursor:pointer}.cardList__item dt{position:relative;background-color:#1b2635;color:#fff;padding:10px;border-radius:5px 5px 0 0;display:flex;justify-content:space-between;gap:20px}.cardList__item dd{position:relative;padding:6px;width:100%;margin:0;border-radius:0 0 5px 5px;border:1px solid;border-top:none}.cardList__item dd span{display:block;line-height:1.5em}.cardList__item .totalSale{text-align:right;font-weight:700;font-size:1.125em}.cardList__item .time{font-size:.75em;font-style:italic;text-align:right;color:#737373}.listDiscount{gap:10px;width:100%;height:460px}.listDiscount,.listDiscount__point{position:relative;display:flex;flex-direction:column}.listDiscount__point{flex-wrap:nowrap!important}.listDiscount .active p{color:var(--color-white)!important}.listDiscount__item{flex:1 1;position:relative;overflow:hidden scroll}.listDiscount__item ul{display:flex;flex-direction:column;position:absolute;top:0;padding:0 10px 10px 0}.listDiscount__item .MuiListItem-root{border-radius:0;background-color:var(--color-white);font-weight:400}.listDiscount__item .MuiListItem-root.active{background-color:var(--color-text-pri)}.listDiscount__item p{color:var(--color-blue-900)}.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPickersPopper-paper{box-shadow:0 0 .5rem #111}.CombineTicket{position:relative;height:400px}.CombineTicket .ListTicket{height:100%}.mulContainer{position:relative;height:435px;overflow:hidden auto;border-radius:12px;border-radius:0}.mulContainer::-webkit-scrollbar{display:none!important}.mulContainer>ul{position:absolute}.wrapScroll{position:relative;height:375px;overflow:hidden auto}.wrapScroll::-webkit-scrollbar{display:none!important}.wrapScroll ul{position:absolute}.refund__emp{margin-bottom:10px}.refund__emp .refund__wrap{display:flex;flex-wrap:nowrap;gap:10px;width:100%;align-items:center}.refund__emp .refund__wrap .avatar{width:48px;height:48px}.refund__emp .refund__wrap .refund__content{width:calc(100% - 220px)}.refund__emp .refund__wrap .refund__content .refund__name{font-size:18px;margin:0 0 5px;font-weight:600;font-family:inherit}.refund__emp .refund__wrap .refund__content .refund__list{display:flex;gap:4px;flex-wrap:wrap;width:100%}.refund__numpad{position:relative;padding-top:32px}.refund__actions{width:60%;margin:auto}.refund__actions .refund__button{display:flex;justify-content:center;width:100%;gap:16px;padding-top:40px}.refund__actions .refund__button button{width:100%;padding:16px;height:62px}.refund__numpad .row .key,.refund__numpad .row .key-action{--s:74px;width:var(--s)!important;height:var(--s)!important}.refund__customer{position:relative;padding:8px 12px;background-color:var(--color-blue-200);border-radius:var(--radius-section);background-color:#fff;border-radius:0;border:1px solid #e4e4e4}.refund__clockedin button{background-color:#fff;border-radius:10px;border-radius:0}.refund__clockedin button:hover{background-color:#d3d3d3}.split-container{position:relative}.split-container .split__emp{display:flex;flex-direction:column;gap:5px;height:520px;overflow:auto}.split-container .split__emp::-webkit-scrollbar{display:none}.split-container .split__emp .split__card{border:1px solid #fff;padding:8px;border-radius:5px}.split-container .split__emp .split__card .split__wrap{display:flex;flex-wrap:nowrap;gap:10px;width:100%;align-items:center;gap:5px}.split-container .split__numpad{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.split-container .split__numpad .split__actions{width:100%;margin-top:20px}.split-container .split__numpad .split__actions .split__button{margin:auto;width:100%;display:flex;gap:20px}.split-container .split__numpad .split__actions .split__button button{min-height:50px;text-transform:uppercase;width:100%}.content-edit-payroll{display:flex;flex-direction:column;gap:10px;padding-top:15px;padding-bottom:10px;flex-wrap:wrap}@media(max-width:1536px){.content-edit-payroll{flex-direction:row}.content-edit-payroll .MuiTextField-root{flex-basis:45%}}.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiMenu-paper.MuiMenu-paper{max-height:calc(100% - 100px)!important}.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded .MuiAlert-icon{padding:0}.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded .MuiAlert-icon svg{width:40px!important;height:40px!important}.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded .MuiPickersToolbar-root.MuiPickersLayout-toolbar{font-size:18px!important}.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded .MuiPickersToolbar-root.MuiPickersLayout-toolbar .MuiPickersToolbar-content h4{font-size:36px!important}.hide-bill-close-out .wrapper-btn{display:none;transition:all .5s ease-in-out}.hide-bill-close-out .box-bill{width:0!important;max-width:0!important;transition:all .3s ease-in-out}.hide-bill-close-out .box-list-close-out{max-width:100%!important;width:100%!important;flex-basis:100%!important;transition:all .3s ease-in-out}.view-bill-close-out .wrapper-btn{display:flex;transition:all .5s ease-in-out}.view-bill-close-out .box-bill{width:auto!important;max-width:auto!important;transition:all .3s ease-in-out}.view-bill-close-out .box-list-close-out{transition:all .3s ease-in-out}.MuiTab-root{font-size:16px!important;display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;padding:4px}.MuiTab-root .count-num{color:var(--color-gray-400)!important;font-weight:300;font-size:13px}.MuiTab-root .active{color:var(--color-gray-800)!important}@media(min-width:768px){.MuiTab-root{font-size:20px!important;min-width:25%!important;padding:12px 16px}.MuiTab-root .count-num{color:var(--color-gray-400)!important;font-weight:300;font-size:18px}}.MuiDataGrid-main .MuiDataGrid-columnHeader{height:30px!important}.MuiDataGrid-main .MuiDataGrid-columnHeader .MuiDataGrid-columnHeaderTitle{font-size:16px!important}.MuiDataGrid-main .MuiDataGrid-virtualScrollerRenderZone .MuiDataGrid-row .MuiDataGrid-cell{font-size:16px}.MuiDataGrid-main .MuiDataGrid-scrollbar{display:none}@media(min-width:1500px){.MuiDataGrid-main .MuiDataGrid-scrollbar{display:initial}.MuiDataGrid-main .MuiDataGrid-scrollbar--vertical{top:30px;height:100%}}:root{--color-orange-700:#ae4b2a;--color-background-menu:#eaeaea;--theme-default:"DEFAULT";--theme-dark:"DARK";--theme-light:"LIGHT";--theme-blue:"BLUE";--theme-green:"GREEN";--theme-indigo:"INDIGO";--theme-peach:"PEACH";--theme-violet:"VIOLET";--theme-newui:"NEWUI";--theme-classic:"CLASSIC";--gradient-test-1:linear-gradient(133.59069124504606deg,#34b1fd,#cb88f8);--gradient-default:linear-gradient(133.59069124504606deg,#2196f3,#5ce4ff);--gradient-test-2:linear-gradient(133.59069124504606deg,#34b1fd,#4ed0a7);--color-neutral-950:#31343a;--color-neutral-900:#4c525c;--color-neutral-800:#5b6572;--color-neutral-700:#6c7889;--color-neutral-600:#798797;--color-neutral-500:#8a99a7;--color-neutral-400:#a1b0b9;--color-neutral-300:#c1cbd1;--color-neutral-200:#dadfe3;--color-neutral-100:#e7eaed;--color-neutral-50:#f6f7f8;--color-violet-950:#440a61;--color-violet-900:#622083;--color-violet-800:#7726a3;--color-violet-700:#8e28c8;--color-violet-600:#a43ae3;--color-violet-500:#c070f3;--color-violet-400:#cb88f8;--color-violet-300:#dfb7fb;--color-violet-200:#edd6fe;--color-violet-100:#f5e9fe;--color-violet-50:#fbf5ff;--color-pink-950:#570020;--color-pink-900:#8d0e3c;--color-pink-800:#aa0a45;--color-pink-700:#ce0853;--color-pink-600:#ec166d;--color-pink-500:#fc499b;--color-pink-400:#ff66b2;--color-pink-300:#ffa0d2;--color-pink-200:#ffcbe7;--color-pink-100:#fee5f2;--color-pink-50:#fef1f8;--color-seagull-950:#12323a;--color-seagull-900:#27606b;--color-seagull-800:#337d8c;--color-seagull-700:#41a2b5;--color-seagull-600:#54cfe8;--color-seagull-500:#5ce4ff;--color-seagull-400:#7de9ff;--color-seagull-300:#92edff;--color-seagull-200:#b4f3ff;--color-seagull-100:#ccf7ff;--color-seagull-50:#effcff;--color-blue-950:#153456;--color-blue-900:#1a548e;--color-blue-800:#1863b5;--color-blue-700:#167bdf;--color-blue-600:#2196f3;--color-blue-500:#34b1fd;--color-blue-400:#5accff;--color-blue-300:#8fe0ff;--color-blue-200:#bdebff;--color-blue-100:#daf3ff;--color-blue-50:#eefaff;--color-red-950:#420e08;--color-red-900:#651d10;--color-red-800:#842615;--color-red-700:#aa311b;--color-red-600:#da3f23;--color-red-500:#f04526;--color-red-400:#f36a51;--color-red-300:#f5826e;--color-red-200:#f8a99b;--color-red-100:#fac5bc;--color-red-50:#feece9;--color-yellow-950:#362b12;--color-yellow-900:#6b5710;--color-yellow-800:#8c7214;--color-yellow-700:#b5941a;--color-yellow-600:#e8bd22;--color-yellow-500:#ffd025;--color-yellow-400:#ffd951;--color-yellow-300:#ffe06d;--color-yellow-200:#ffe99b;--color-yellow-100:#fff0bb;--color-yellow-50:#fffae9;--color-orange-950:#3e170c;--color-orange-900:#642b18;--color-orange-800:#83391f;--color-orange-700:#a94928;--color-orange-600:#d95e34;--color-orange-500:#ee6739;--color-orange-400:#f18561;--color-orange-300:#f4997a;--color-orange-200:#f7b9a4;--color-orange-100:#fad0c2;--color-orange-50:#fdf0eb;--color-green-950:#042a23;--color-green-900:#0a4a3c;--color-green-800:#0a5b48;--color-green-700:#0a725a;--color-green-600:#0c8f6c;--color-green-500:#18b186;--color-green-400:#4ed0a7;--color-green-300:#74e1bb;--color-green-200:#abefd3;--color-green-100:#d3f8e7;--color-green-50:#edfcf6;--color-white:#fff;--color-black:#272a2e;--color-background-section:#eefaff80;--color-background-header:#eefaffcc;--color-background-checkinapp:#eaf8ff;--radius-section:20px;--radius-card:8px;--radius-label-1:8px;--radius-label-2:4px;--radius-button:12px;--radius-tabs-2:16px;--radius-tabs-1:20px;--radius-text-field:8px;--spacing-left-rigt:12px;--spacing-top-bottom:12px;--spacing-section-2:20px;--spacing-element-1:16px;--spacing-element-2:8px;--spacing-booking-section-1:48px;--spacing-section-1:40px;--spacing-booking-section-2:40px;--color-pri-300:#0071d2;--color-pri-200:#0090ff;--color-pri-100:#7fd3ff;--color-gray-800:#222;--color-gray-700:#464646;--color-gray-600:#6c6c6c;--color-gray-500:#848484;--color-gray-400:#9f9f9f;--color-gray-300:#c7c7c7;--color-gray-200:#e4e4e4;--color-gray-100:#ebebeb;--color-gray-50:#fdfdfd;--color-mint-500:#01885f;--color-mint-300:#58dbb1;--color-text-sec:#009cef;--color-text-pri:#013a7a;--color-main-color:#0a2082;--color-sec-500:#38c9dc;--color-sec-400:#1cd7e9;--color-sec-300:#1ae5ff;--color-sec-200:#49e5fe;--color-sec-100:#b0f4ff;--color-pri-500:#0061bc;--color-pri-400:#006cd1;--color-pri-new:#064acb}@font-face{font-family:Gladies;src:url(/font/Gladies-Regular.woff2) format("woff2"),url(/font/Gladies-Regular.woff) format("woff"),url(/font/Gladies-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gladies;src:url(/font/Gladies-Regular_1.woff2) format("woff2"),url(/font/Gladies-Regular_1.woff) format("woff"),url(/font/Gladies-Regular_1.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.xGridContent{position:relative;z-index:1}.xGridContent.loading{filter:grayscale(1)}.xGridContent:before{position:absolute;content:"";width:100%;height:100%;border:1px solid var(--color-gray-200);z-index:-1;top:0;left:0}.xHeader .header-includes-page{display:flex;justify-content:space-between;align-items:center;background:var(--color-white);padding:12px 16px;box-shadow:0 .9px 2.69px 0 rgba(36,38,43,.369)}.xHeader .header-includes-page .box-btn-back{color:var(--color-black);width:24px;height:24px}.xHeader .header-includes-page .title-box{color:var(--color-black)}.xMainHeader .header-main-page{display:flex;align-items:center;justify-content:space-between;padding:28px 16px 0;background:var(--color-white)}.xMainHeader .header-main-page .box-logo{display:none}.xMainHeader .header-main-page .content-right{display:flex;align-items:center;justify-content:space-between;width:100%}.xMainHeader .header-main-page .content-right .wrapper-info{display:flex;align-items:center;gap:12px}.xMainHeader .header-main-page .content-right .wrapper-info .box-avatar{width:52px;height:52px;border:2px solid var(--color-gray-300);border-radius:100%;position:relative}.xMainHeader .header-main-page .content-right .wrapper-info .box-avatar img{width:100%;height:100%;border-radius:100%;-o-object-fit:cover;object-fit:cover}.xMainHeader .header-main-page .content-right .wrapper-info .box-avatar:hover{cursor:pointer}.xMainHeader .header-main-page .content-right .wrapper-info .box-avatar .box-common-load{background:rgba(0,0,0,.7);width:100%;height:100%;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xMainHeader .header-main-page .content-right .wrapper-info .box-avatar .box-common-load .common-load{position:absolute;top:20%;left:20%;transform:translate(-50%,-50%)}.xMainHeader .header-main-page .content-right .wrapper-info .box-avatar .box-common-load:hover{cursor:pointer}.xMainHeader .header-main-page .content-right .wrapper-info .box-name{color:var(--color-pri-new);display:flex;flex-direction:column}.xMainHeader .header-main-page .content-right .wrapper-info .box-name .text-welcome{font-size:14px;font-weight:300}.xMainHeader .header-main-page .content-right .wrapper-info .box-name .text-name{font-size:18px;font-weight:400}.xMainHeader .header-main-page .content-right .wrapper-icon svg{width:24px;height:24px}@media(min-width:768px){.xMainHeader{display:flex!important;flex-direction:row!important;width:100%!important;justify-content:center;background:var(--color-white)!important;padding:12px 0;box-shadow:0 .9px 3.69px 0 rgba(49,52,58,.102)!important}.xMainHeader .header-main-page{gap:12px;justify-content:space-between;padding:0 16px;width:100%}.xMainHeader .header-main-page .box-logo{display:flex;background:var(--color-white);align-items:center;gap:10px;width:100%}.xMainHeader .header-main-page .box-logo .box-img{width:64px;height:64px}.xMainHeader .header-main-page .box-logo .box-img img{width:100%;height:100%}.xMainHeader .header-main-page .box-logo .box-name{color:#97999c;font-size:28px;letter-spacing:2px}.xMainHeader .header-main-page .box-logo:hover{cursor:pointer}.xMainHeader .header-main-page .content-right{display:flex;align-items:center;justify-content:flex-end;gap:16px}.xMainHeader .header-main-page .content-right .wrapper-info{flex-direction:row-reverse;gap:16px}.xMainHeader .header-main-page .content-right .wrapper-info .box-avatar{width:48px;height:48px}.xMainHeader .header-main-page .content-right .wrapper-info .box-name{align-items:end}.xMainHeader .header-main-page .content-right .wrapper-info .box-name .text-welcome{font-size:18px}.xMainHeader .header-main-page .content-right .wrapper-info .box-name .text-name{font-size:20px}.xMainHeader .header-main-page .content-right .wrapper-icon svg{width:28px;height:28px}.xMainHeader .header-main-page .content-right .wrapper-icon:hover{cursor:pointer}}@media(min-width:1280px){.xMainHeader .header-main-page{padding:0;width:800px}}@media(min-width:1500px){.xMainHeader .header-main-page{width:1280px}.xMainHeader .header-main-page .box-logo .box-img{width:72px;height:72px}.xMainHeader .header-main-page .box-logo .box-name{font-size:32px}.xMainHeader .header-main-page .content-right .wrapper-info .box-avatar{width:64px;height:64px}.xMainHeader .header-main-page .content-right .wrapper-info .box-name .text-welcome{font-size:22px}.xMainHeader .header-main-page .content-right .wrapper-info .box-name .text-name{font-size:24px}.xMainHeader .header-main-page .content-right .wrapper-icon svg{width:32px;height:32px}}.MuiList-root{background:var(--color-white)}.MuiList-root .box-notification-deskstop{width:300px;height:400px;position:relative}.MuiList-root .box-notification-deskstop .box-header{display:flex;justify-content:space-between;padding:0 12px 6px;position:absolute;top:0;background:var(--color-white);width:100%;border-bottom:1px solid var(--color-gray-200)}.MuiList-root .box-notification-deskstop .box-content{height:100%;overflow-y:auto;padding-top:36px}.MuiList-root .box-profile-deskstop{width:400px;max-height:600px;height:500px!important;position:relative;overflow:auto}.MuiList-root .box-profile-deskstop .box-header{display:flex;justify-content:space-between;align-items:center;padding:0 12px 6px;position:absolute;top:0;background:var(--color-white);width:100%;border-bottom:1px solid var(--color-gray-200)}.MuiList-root .box-profile-deskstop .box-header .box-avatar-profile{position:relative;width:52px;height:52px;border:2px solid var(--color-white);border-radius:100%}.MuiList-root .box-profile-deskstop .box-header .box-avatar-profile:hover{cursor:pointer}.MuiList-root .box-profile-deskstop .box-header .box-avatar-profile img{width:100%;height:100%;border-radius:100%;-o-object-fit:cover;object-fit:cover}.MuiList-root .box-profile-deskstop .box-header .box-avatar-profile img:hover{cursor:pointer}.MuiList-root .box-profile-deskstop .box-header .box-avatar-profile .icon-camera{position:absolute;background:var(--color-white);color:var(--color-pri-new);padding:4px 3.5px;border-radius:100%;width:30px;height:28px;bottom:-5px;right:-5px;z-index:99}.MuiList-root .box-profile-deskstop .box-header .box-avatar-profile .icon-camera:hover{cursor:pointer}.MuiList-root .box-profile-deskstop .box-header .box-avatar-profile input{opacity:0;position:absolute;width:100%;height:100%;left:0;z-index:100}.MuiList-root .box-profile-deskstop .box-header .box-avatar-profile input:hover{cursor:pointer}.MuiList-root .box-profile-deskstop .box-header .box-avatar-profile .box-common-load{background:rgba(0,0,0,.7);width:100%;height:100%;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.MuiList-root .box-profile-deskstop .box-header .box-avatar-profile .box-common-load .common-load{position:absolute;top:20%;left:20%;transform:translate(-50%,-50%)}.MuiList-root .box-profile-deskstop .box-header .box-avatar-profile .box-common-load:hover{cursor:pointer}.MuiList-root .box-profile-deskstop .box-header .box-name-profile{color:var(--color-gray-700);display:flex;flex-direction:column}.MuiList-root .box-profile-deskstop .box-header .box-name-profile .text-name{font-size:18px;font-weight:500}.MuiList-root .box-profile-deskstop .box-header .box-name-profile .text-store{font-size:14px;font-weight:300}.MuiList-root .box-profile-deskstop .box-content{height:100%;overflow-y:auto;padding-top:55px}.MuiList-root .box-profile-deskstop .box-content .container-profile{height:100%}.MuiList-root .box-profile-deskstop .box-content .container-profile .box-wrapper-profile{padding:16px}.xProfileHeader .header-profile-page .wrapper-info-profile{background:var(--color-pri-new);width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:16px}.xProfileHeader .header-profile-page .wrapper-info-profile .box-avatar-profile{position:relative;width:72px;height:72px;border:2px solid var(--color-white);border-radius:100%}.xProfileHeader .header-profile-page .wrapper-info-profile .box-avatar-profile img{width:100%;height:100%;border-radius:100%;-o-object-fit:cover;object-fit:cover}.xProfileHeader .header-profile-page .wrapper-info-profile .box-avatar-profile .icon-camera{position:absolute;background:var(--color-white);color:var(--color-pri-new);padding:4px 3.5px;border-radius:100%;width:30px;height:28px;bottom:-5px;right:-5px;z-index:999}.xProfileHeader .header-profile-page .wrapper-info-profile .box-avatar-profile input{opacity:0;position:absolute;width:100%;height:100%;left:0}.xProfileHeader .header-profile-page .wrapper-info-profile .box-avatar-profile .box-common-load{background:rgba(0,0,0,.7);width:100%;height:100%;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xProfileHeader .header-profile-page .wrapper-info-profile .box-avatar-profile .box-common-load .common-load{position:absolute;top:20%;left:20%;transform:translate(-50%,-50%)}.xProfileHeader .header-profile-page .wrapper-info-profile .box-name-profile .text-name{font-size:20px;font-weight:500}.xLogo{position:relative;width:56px}.xLogo .img{width:100%;height:56px;-o-object-fit:contain;object-fit:contain}.xCompanyProfile{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer}.xCompanyProfile__img{--img:52px;width:var(--img)!important;height:var(--img)!important}.xCompanyProfile__content{position:relative;display:flex;align-items:center;gap:20px}.xCompanyProfile__content .xHeader__info{max-width:350px;width:100%}.xCompanyProfile__content .xHeader__info .merchantInfo__dbaName .label{color:var(--color-white)!important;font-size:20px;font-weight:400}.xCompanyProfile__content .xHeader__info .merchantInfo__address{flex-direction:column;gap:2px}.xCompanyProfile__content .xHeader__info .merchantInfo__address .label{line-height:1.1em;font-size:14px;font-weight:200;color:var(--color-sec-300)}@media screen and (max-width:1240px){.xCompanyProfile__content .xHeader__info .merchantInfo__address .label{font-size:10px}}.xCompanyProfile__content .xHeader__info .merchantInfo__address .label-name{display:flex;-moz-column-gap:10px;column-gap:10px}.xCompanyProfile__content .xHeader__info .merchantInfo__address .label-name p{margin:0}.xCompanyProfile__content .xHeader__info .merchantInfo__address .label-name p:first-child{padding-right:10px;border-right:1px solid var(--color-sec-300)}.xNavbar{justify-content:flex-start;gap:22px;height:100%}.xNavbar,.xNavbar__item{padding:0!important;display:flex}.xNavbar__item{position:relative;flex-direction:column;width:auto!important;cursor:pointer;color:var(--color-blue-900)}.xNavbar__item .icon{position:relative;--s:36px;width:var(--s);height:var(--s);--s:32px}@media screen and (max-width:1240px){.xNavbar__item .icon{--s:24px}}.xNavbar__item .icon svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.xNavbar__item .label{font-size:16px;font-weight:600;line-height:1.21875em;letter-spacing:.025em;text-align:center;white-space:nowrap;position:relative;top:4px}.xNavbar__item--sub{position:absolute;top:100%;padding:10px;background-color:var(--color-white);z-index:2}.xNavbar__item--sub ul{display:flex;flex-direction:column;padding:0}.xNavbar__item--sub ul li{padding:6px!important}.xNavbar__item.Mui-disabled{cursor:default}::-webkit-scrollbar,::-webkit-scrollbar-track{background-color:var(--color-background-header)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{width:4px;height:4px;background-color:var(--color-blue-800);border-radius:20px;min-height:100px}.spinner-container{width:150px;height:150px;position:relative;margin:30px auto;overflow:hidden}.spinner{position:absolute;width:calc(100% - 9.9px);height:calc(100% - 9.9px);border-radius:50%;border:5px solid transparent;border-top:5px solid var(--color-blue-900);animation:spin 5s cubic-bezier(.17,.49,.96,.79) infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.MuiDialogActions-root:empty{display:none}.sub-header{font-weight:400!important;font-size:24px!important;background-color:var(--color-gray-200);padding:12px 16px;margin-bottom:0!important}.render-bill{background-color:#fff!important;height:100%;width:100%;color:#000!important;padding-left:5%;padding-right:5%;padding-top:15px;overflow-y:auto!important;border:1px solid var(--color-gray-300);border-radius:0!important}.render-bill::-webkit-scrollbar{display:none}.x-login-classic{background-size:cover;background-image:url(/_next/static/media/background-galaxy-login.884fb77f.png);width:100%;height:100%;background-repeat:no-repeat;position:relative;display:flex;justify-content:center;align-items:center}.x-login-classic .image-login{width:120px;height:120px;position:absolute;top:50px}.x-login-classic .image-login img{width:100%;height:100%}.x-login-classic .content-login-classic{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:38px;width:100%;padding:0 48px}.x-login-classic .content-login-classic .app-name-login{font-size:22px;letter-spacing:1px;color:var(--color-white);text-transform:uppercase;font-weight:400}.x-login-classic .content-login-classic .login-classic-input{width:100%}.x-login-classic .content-login-classic .login-classic-input form{display:flex;flex-direction:column;gap:15px;font-size:16px!important}.x-login-classic .content-login-classic .login-classic-input form input:-webkit-autofill,.x-login-classic .content-login-classic .login-classic-input form input:-webkit-autofill:focus,.x-login-classic .content-login-classic .login-classic-input form input:-webkit-autofill:hover,.x-login-classic .content-login-classic .login-classic-input form select:-webkit-autofill,.x-login-classic .content-login-classic .login-classic-input form select:-webkit-autofill:focus,.x-login-classic .content-login-classic .login-classic-input form select:-webkit-autofill:hover,.x-login-classic .content-login-classic .login-classic-input form textarea:-webkit-autofill,.x-login-classic .content-login-classic .login-classic-input form textarea:-webkit-autofill:focus,.x-login-classic .content-login-classic .login-classic-input form textarea:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-neutral-200);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;background-color:inherit!important;color:var(--color-neutral-200)!important}.x-login-classic .content-login-classic .login-classic-input form input::-ms-clear,.x-login-classic .content-login-classic .login-classic-input form input::-ms-reveal{display:none}.x-login-classic .content-login-classic .login-classic-input form .MuiOutlinedInput-root{color:var(--color-neutral-200);font-weight:400;height:44px;font-size:16px}.x-login-classic .content-login-classic .login-classic-input form .MuiOutlinedInput-root svg{width:16px;height:16px}.x-login-classic .content-login-classic .login-classic-input form .MuiOutlinedInput-notchedOutline{border-color:var(--color-sec-300)!important;font-size:16px}.x-login-classic .content-login-classic .login-classic-input form .MuiInputLabel-root{color:var(--color-neutral-200);font-weight:400;font-size:16px}.x-login-classic .content-login-classic .login-classic-button{min-width:160px;margin:auto}.x-login-classic .content-login-classic .login-classic-button button{width:100%;background-color:var(--color-gray-200);color:var(--color-text-pri);height:45px;font-size:17px}.x-login-classic .content-login-classic .forget-pass-text{text-align:center;color:var(--color-white);font-weight:300;font-size:14px}@media(min-width:768px){.x-login-classic .image-login{width:200px;height:200px;top:150px}.x-login-classic .content-login-classic{width:450px!important}}@media(min-width:1024px){.x-login-classic .image-login{top:50px}}@media(min-width:1280px){.x-login-classic{background-image:url(/_next/static/media/background-galaxy-login-pc.7f91b152.jpg);background-position:50%}.x-login-classic .image-login{display:none}.x-login-classic .app-name-login{font-size:28px!important}.x-login-classic .content-login-classic{position:absolute;left:50%;top:85%;transform:translate(-50%,-85%);width:450px!important;gap:16px;padding:20px 0 0}.x-login-classic .content-login-classic .login-classic-input form .MuiOutlinedInput-root{height:100%!important;font-size:20px}.x-login-classic .content-login-classic .login-classic-input form .MuiOutlinedInput-root svg{width:28px!important;height:28px!important}.x-login-classic .content-login-classic .login-classic-input form .MuiOutlinedInput-notchedOutline{font-size:20px}.x-login-classic .content-login-classic .login-classic-input form .MuiInputLabel-root{font-size:20px;top:0}.x-login-classic .content-login-classic .login-classic-button{min-width:55%;width:55%}.x-login-classic .content-login-classic .login-classic-button button{width:100%;height:54px;font-size:20px}}.xTable table{border:none!important}.xTable tr,.xTable.MuiTableContainer-root{box-shadow:none}.xTable tr{background:var(--color-white);border:solid var(--color-gray-200);border-width:1px 0}.xCard__offline{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:10;display:flex;align-items:center;justify-content:center}.xCard__offline .MuiButtonBase-root{padding:11px 30px 14px;line-height:1em}.xCard__wrap{margin-top:5px}.xCard__wrap,.xSkeleton__wrap{position:relative;display:flex;gap:10px}.xSkeleton__wrap{flex-wrap:wrap;padding:16px}.xSkeleton__wrap .MuiSkeleton-root{width:calc(50% - 5px);height:100px;background-color:var(--color-gray-300)}.loadingDot{position:relative;margin-left:10px;bottom:11px;height:10px}.loading{width:8px;height:8px;background:#fff;border-radius:100%;float:left;margin-right:10px}.loading.loading-0{animation:bounce 1s infinite;animation-delay:.1s;background:var(--color-blue-700)}.loading.loading-1{animation:bounce 1s infinite;animation-delay:.3s;background:var(--color-blue-800)}.loading.loading-2{animation:bounce 1s ease infinite;animation-delay:.5s;background:var(--color-blue-900)}@keyframes bounce{0%,to{opacity:1}60%{opacity:0}}.MuiDataGrid-filler--pinnedRight{border-left:none!important}.MuiDataGrid-columnHeader--pinnedRight{background:var(--color-blue-100)!important}.MuiDialogContent-root{padding:20px 12px!important}.MuiDialogContent-root>.MuiBox-root{position:relative}.container-form{padding:28px 16px;width:100%}.container-form .title-box{display:none}.container-form form,.container-form form .box-btn-action{width:100%}.container-form form .box-btn-action .cancel{display:none}@media(min-width:768px){.container-form{display:flex;flex-direction:column;justify-content:center;align-items:center}.container-form .title-box{display:block;margin-bottom:30px;font-size:24px;color:var(--color-gray-800)}.container-form form{flex-direction:column}.container-form form .box-btn-action{display:flex;justify-content:center;gap:20px}.container-form form .box-btn-action .btn-action{width:200px!important}.container-form form .box-btn-action .cancel{display:inline;background:var(--color-gray-100)!important;color:var(--color-pri-new)}}@media(min-width:1024px){.container-form{width:800px;margin-top:54px;box-shadow:0 8.97px 13.45px -2.69px rgba(49,52,58,.102);background:var(--color-gray-50)}.container-form form{width:100%}.container-form form .box-btn-action{display:flex;justify-content:center;gap:20px}.container-form form .box-btn-action .btn-action{width:200px!important}.container-form form .box-btn-action .cancel{display:inline;background:var(--color-gray-100)!important;color:var(--color-pri-new)}}@media(min-width:1280px){.container-form{width:1280px}.container-form form{width:800px}}form{display:flex;flex-direction:column;gap:15px;font-size:16px!important}form input:-webkit-autofill,form input:-webkit-autofill:focus,form input:-webkit-autofill:hover,form select:-webkit-autofill,form select:-webkit-autofill:focus,form select:-webkit-autofill:hover,form textarea:-webkit-autofill,form textarea:-webkit-autofill:focus,form textarea:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-gray-700);background-color:inherit!important;color:var(--color-gray-700)!important;border-color:var(--color-pri-new)!important}form input::-ms-clear,form input::-ms-reveal{display:none}form .MuiOutlinedInput-root{color:var(--color-gray-700);font-weight:400;height:44px;font-size:16px;border-color:var(--color-pri-new)!important}form .MuiOutlinedInput-root .MuiInputBase-input{text-overflow:ellipsis}form .MuiOutlinedInput-root svg{width:16px;height:16px}form .MuiInputLabel-root,form .MuiOutlinedInput-notchedOutline{border-color:var(--color-pri-new)!important;font-size:16px}form .MuiInputLabel-root{color:var(--color-gray-500);font-weight:400;top:-6px}form .active-error .MuiOutlinedInput-notchedOutline,form .active-error .MuiOutlinedInput-root{border-color:red!important}@media(min-width:768px){form{flex-direction:row;align-items:flex-end}form .btn-action{width:200px!important}}.mainPOS{height:100%!important}.xMainContent{max-height:calc(100% - 165px)!important;box-shadow:unset!important;display:flex;justify-content:center}.xMainContentFeature{max-height:calc(100% - 158px)!important;box-shadow:unset!important;display:block}@media(min-width:1280px){.xMainContentFeature{display:flex;justify-content:center}}.btn-action{width:100%}.btn-action,.btn-action-report{border-radius:4px!important;background-color:var(--color-pri-new)!important;height:45px;font-size:17px!important}.btn-action-report{width:50px;min-width:50px;color:var(--color-white)!important}.container-main{color:var(--color-pri-new)!important;display:flex;flex-direction:column;gap:28px;height:calc(100vh - 162px);overflow:hidden;width:100%}.container-main .box-wrapper-scroll{height:calc(100% - 62px);overflow:scroll}.container-main .box-wrapper-scroll::-webkit-scrollbar{display:none}@media(min-width:1024px){.container-main{width:800px;height:100%}}@media(min-width:1500px){.container-main{width:1280px}}.container-main-feature{color:var(--color-pri-new)!important;display:flex;flex-direction:column;gap:28px;height:calc(100vh - 130px);overflow:hidden}.container-main-feature .box-wrapper-feature-scroll{height:100%;overflow:scroll;margin-bottom:20px}.container-main-feature .box-wrapper-feature-scroll::-webkit-scrollbar{display:none}@media(min-width:1024px){.container-main-feature{height:calc(100vh - 130px)}}.container-profile{color:var(--color-pri-new)!important;display:flex;flex-direction:column;gap:28px;height:calc(100vh - 230px);width:100%;overflow:hidden}.container-profile .box-wrapper-scroll{height:100%;overflow:scroll}.container-profile .box-wrapper-scroll::-webkit-scrollbar{display:none}@media(min-width:1280px){.container-profile{height:100%}}.footer-main-page{display:flex;width:100%;align-items:center;padding:12px 0;position:absolute;z-index:99;bottom:0;background:var(--color-white);box-shadow:0 .9px 2.69px 0 rgba(36,38,43,.624)}.footer-main-page .box-item{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--color-gray-800)}.footer-main-page .box-item span{font-size:14px;font-weight:300}.footer-main-page .box-item svg{width:18px;height:18px}.footer-main-page .active span{color:var(--color-pri-new)}.hide-footer{display:none!important}.box-wrapper-main{display:flex;flex-direction:column;gap:28px;padding:28px 16px 40px}.box-wrapper-main .earnings-text{font-size:28px;font-weight:400}.box-wrapper-main .box-main-total{width:100%;display:flex;gap:12px}.box-wrapper-main .box-main-total .item-total{display:flex;width:100%;flex-direction:column;padding:8px 12px;border-radius:8px}.box-wrapper-main .box-main-total .item-total .label{color:var(--color-gray-700)!important;font-size:14px;font-weight:300}.box-wrapper-main .box-main-total .item-total .value{font-size:16px;font-weight:500}.box-wrapper-main .box-feature-card .box-scroll{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.box-wrapper-main .box-feature-card .box-scroll .item-feature{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:160px;border:1px solid var(--color-pri-new);border-radius:4px;box-shadow:0 .9px 2.69px 0 rgba(49,52,58,.102)}.box-wrapper-main .box-feature-card .box-scroll .item-feature .icon{padding:20px;border-radius:100%;background:rgba(201,229,255,.2);display:flex;align-items:center;justify-content:center}.box-wrapper-main .box-feature-card .box-scroll .item-feature .icon svg{width:50px;height:50px}.box-wrapper-main .box-feature-card .box-scroll .item-feature .text{font-size:18px}.box-wrapper-main .box-wrapper-chart .cover-chart{height:100%;width:100%;max-width:100%}.box-wrapper-main .box-wrapper-chart .box-option{text-align:center;margin-top:10px}.box-wrapper-main .box-wrapper-chart .box-option .active{background:rgba(201,229,255,.365);padding:6px;border-radius:4px}.box-wrapper-main .box-wrapper-chart .box-option button{gap:4px;justify-content:center}.box-wrapper-main .box-wrapper-chart .box-option button:hover{background:none}.box-wrapper-main .box-wrapper-chart .box-option button svg{width:22px;height:22px}.box-wrapper-main .box-wrapper-chart .box-option button span{color:var(--color-gray-800);font-size:18px}@media(min-width:768px){.box-wrapper-main .box-wrapper-chart .cover-chart{height:250px;width:100%;max-width:100%}}@media(min-width:1280px){.box-wrapper-main .earnings-text{font-size:28px}.box-wrapper-main .box-main-total .item-total .label{font-size:16px}.box-wrapper-main .box-main-total .item-total .value{font-size:18px}.box-wrapper-main .box-feature-card .box-scroll{grid-template-columns:repeat(4,1fr)}.box-wrapper-main .box-feature-card .box-scroll .item-feature{transition:all .3s ease-in-out}.box-wrapper-main .box-feature-card .box-scroll .item-feature .text{font-size:18px}.box-wrapper-main .box-feature-card .box-scroll .item-feature:hover{cursor:pointer;background:rgba(49,52,58,.102);transition:all .3s ease-in-out}.box-wrapper-main .box-wrapper-chart .cover-chart{height:300px;width:100%;max-width:100%}.box-wrapper-main .box-wrapper-chart .box-option button{justify-content:center}.box-wrapper-main .box-wrapper-chart .box-option button svg{width:24px;height:24px}.box-wrapper-main .box-wrapper-chart .box-option button span{font-size:18px}}@media(min-width:1500px){.box-wrapper-main .earnings-text{font-size:36px}.box-wrapper-main .box-main-total .item-total .label{font-size:18px}.box-wrapper-main .box-feature-card .box-scroll .item-feature .text,.box-wrapper-main .box-main-total .item-total .value{font-size:20px}.box-wrapper-main .box-wrapper-chart .box-option{margin-top:20px}.box-wrapper-main .box-wrapper-chart .box-option button svg{width:30px;height:30px}.box-wrapper-main .box-wrapper-chart .box-option button span{font-size:20px}}.wrapper-no-data{height:100%}.wrapper-no-data,.wrapper-no-data .box-center{display:flex;justify-content:center;align-items:center}.wrapper-no-data .box-center{flex-direction:column;gap:10px}.wrapper-no-data .box-center span{color:var(--color-gray-600);font-weight:300;font-size:16px}.wrapper-no-data .box-center svg{width:52px;height:52px}@media(min-width:1280px){.wrapper-no-data{min-height:500px;background-color:var(--color-gray-50);box-shadow:0 .9px 2.69px 0 rgba(49,52,58,.102)}}.height-popup{min-height:100%!important}.box-wrapper-notification-page{display:flex;flex-direction:column;height:100%}.box-wrapper-notification-page .box-item{padding:16px;display:flex;flex-direction:column;color:var(--color-gray-800);border-bottom:1px solid var(--color-gray-300)}.box-wrapper-notification-page .box-item .row-title{display:flex;justify-content:space-between}.box-wrapper-notification-page .box-item .row-title .text-title{color:var(--color-gray-800);font-size:18px;font-weight:500}.box-wrapper-notification-page .box-item .row-title .text-date{color:var(--color-gray-600);font-weight:300;font-size:14px;display:flex;align-items:center;gap:5px}.box-wrapper-notification-page .box-item .row-title .text-date .dot-read{background:#da3f23;width:8px;height:8px;border-radius:100%}.box-wrapper-notification-page .box-item .row-content{font-size:17px;font-weight:300}.box-wrapper-notification-page .active{background:#eef4ff}.box-wrapper-page{padding:12px;height:100%;width:100%}.box-wrapper-page .box-form-search{display:flex;flex-direction:row!important;align-items:flex-end;width:100%;gap:10px}.box-wrapper-page .box-form-search .box-date-input{display:flex;align-items:flex-start;flex-direction:column}.box-wrapper-page .box-form-search .box-date-input .MuiFormLabel-root{font-size:17px;color:var(--color-gray-800);width:50px}.box-wrapper-page .label-text{color:var(--color-gray-800)!important;font-size:17px}.box-wrapper-page .MuiTextField-root{width:100%!important}@media(min-width:768px){.box-wrapper-page form .box-date-input{width:100%}.box-wrapper-page form .technician-box{display:flex;flex-direction:column}}@media(min-width:1280px){.box-wrapper-page{width:800px}.box-wrapper-page form{align-items:flex-end;flex-direction:row}.box-wrapper-page form .box-date-input{gap:8px!important}.box-wrapper-page form .box-date-input .MuiFormControl-root{width:100%}.box-wrapper-page form .box-date-input .MuiOutlinedInput-root svg{width:24px;height:24px}.box-wrapper-page form .box-date-input .MuiInputBase-root{font-size:18px!important}.box-wrapper-page form .btn-action{width:160px}}.box-wrapper-bill{display:flex;flex-direction:column;gap:12px;padding-top:10px}.box-wrapper-bill .modal-title{width:100%;height:20px;display:flex;justify-content:space-between;align-items:center}.box-wrapper-bill .modal-title span{color:var(--color-gray-800);font-size:18px}.box-wrapper-bill .modal-title svg{color:rgba(34,34,34,.502);width:25px;height:25px}.box-wrapper-bill .modal-bill{height:450px}@media(min-width:1280px){.box-wrapper-bill{padding-top:20px}.box-wrapper-bill .modal-title{height:30px}.box-wrapper-bill .modal-title span{font-size:24px}.box-wrapper-bill .modal-title svg{color:rgba(34,34,34,.502);width:30px;height:30px}.box-wrapper-bill .modal-bill{height:600px}}@media(min-width:1600px){.box-wrapper-bill .modal-bill{height:650px}}.box-wrapper-appt{display:flex;flex-direction:column;gap:16px}.box-wrapper-appt .box-wrapper-item-appt{border:1px solid var(--color-gray-300);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:4px}.box-wrapper-appt .box-wrapper-item-appt .row-status{display:flex;align-items:center;justify-content:space-between}.box-wrapper-appt .box-wrapper-item-appt .row-status span{color:var(--color-gray-600);font-size:14px;font-weight:300}.box-wrapper-appt .box-wrapper-item-appt .row-title{display:flex;align-items:center;justify-content:space-between}.box-wrapper-appt .box-wrapper-item-appt .row-info{color:var(--color-gray-700);display:flex;flex-direction:column;gap:4px}.box-wrapper-appt .box-wrapper-item-appt .row-info .item{display:flex;align-items:center;gap:4px;font-size:16px;font-weight:300}.box-wrapper-appt .box-wrapper-item-appt .row-info .item svg{width:16px;height:16px}.box-wrapper-appt .box-wrapper-item-appt .row-info .note{color:#0071da}.box-wrapper-profile{padding:20px 16px 40px;display:flex;flex-direction:column;gap:12px;height:calc(100vh - 330px)}.box-wrapper-profile .box-info{border:1px solid var(--color-pri-new);border-radius:4px;padding:12px}.box-wrapper-profile .box-info div{display:flex;align-items:center;justify-content:space-between}.box-wrapper-profile .box-info .row-title .label{font-weight:500;font-size:17px}.box-wrapper-profile .box-info .row-title .text{font-weight:300;font-size:14px;display:flex;align-items:center;gap:4px}.box-wrapper-profile .box-info .row-title .text svg{width:16px;height:16px}.box-wrapper-profile .box-info .row-title .icon-btn:hover{cursor:pointer}.box-wrapper-profile .box-info .row-detail{color:var(--color-gray-700);font-size:14px}.box-wrapper-profile .box-info .row-detail .label{font-weight:300}.box-wrapper-profile .box-info .row-detail .text{font-weight:400}.box-wrapper-profile .box-info .row-detail .address{text-align:end!important}@media(min-width:768px){.box-wrapper-profile{height:100%}}@media(min-width:1280px){.box-wrapper-profile .box-info .row-detail .label{width:100px}.box-wrapper-profile .box-info .row-detail .text{width:100%}.box-wrapper-profile .box-info .row-detail .address{text-align:start!important}}.title-box-deskstop{display:none}@media(min-width:768px){.title-box-deskstop{font-size:24px;padding-bottom:28px;display:block}}.box-title .title{font-size:22px;color:var(--color-gray-800)}.box-title .box-search{margin-top:10px}.box-title .box-search .text-search{height:40px;width:100%}.box-title .box-search .text-search .MuiInputBase-root input{font-weight:300!important}.box-wrapper-list-emp{height:400px;overflow:auto;margin-top:10px}.box-wrapper-list-emp .box-scroll .box-item{display:flex;align-items:center;border-bottom:1px solid var(--color-gray-100);margin:10px 0;color:var(--color-gray-700);font-size:16px;font-weight:300}.box-wrapper-list-emp .box-scroll .active{color:var(--color-pri-new)}.close-out-owner .MuiTabs-flexContainer{background:var(--color-gray-200);overflow:auto}.close-out-owner .MuiTabs-flexContainer::-webkit-scrollbar{display:none}.close-out-owner .MuiTabs-flexContainer .MuiTab-root{color:#272a2e!important;min-width:25%!important;justify-content:center!important;align-items:center!important;position:relative}.close-out-owner .MuiTabs-flexContainer .MuiTab-root:not(:last-child):after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:60%;background-color:var(--color-gray-400)}.close-out-owner .MuiTabs-flexContainer .MuiTab-root .content-tab{z-index:999}.close-out-owner .MuiTabs-flexContainer .active{color:var(--color-white)!important;transition:all .3s ease-in-out}.close-out-owner .MuiTabs-flexContainer .active:before{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:100%;height:100%;border:4px solid var(--color-gray-200);border-radius:8px;background:var(--color-pri-new)}.close-out-owner .MuiTabs-indicator{display:none}.close-out-owner .box-timeSheet-wrapper{display:flex;flex-direction:column;gap:12px;padding-top:12px}.close-out-owner .box-timeSheet-wrapper .timeSheet-item{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--color-gray-300);box-shadow:0 .9px 2.69px 0 rgba(201,229,255,.282);border-radius:8px;padding:8px;transition:all .3s ease-in-out}.close-out-owner .box-timeSheet-wrapper .timeSheet-item:hover{cursor:pointer;background:rgba(49,52,58,.102);transition:all .3s ease-in-out}.close-out-owner .box-timeSheet-wrapper .timeSheet-item .box-img{width:40px;height:40px;border-radius:100%;overflow:hidden;border:2px solid var(--color-gray-300)}.close-out-owner .box-timeSheet-wrapper .timeSheet-item .box-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.close-out-owner .box-timeSheet-wrapper .timeSheet-item .text-name{font-size:18px}.close-out-owner .box-timeSheet-wrapper .timeSheet-item .box-time{display:flex;align-items:center;gap:6px;color:var(--color-gray-700)}.close-out-owner .box-timeSheet-wrapper .timeSheet-item .box-time span{width:100%;font-weight:300;font-size:16px}.close-out-owner .box-timeSheet-wrapper .timeSheet-item .box-time svg{width:19px;height:19px;margin-top:3px}@media(min-width:768px){.close-out-owner .box-timeSheet-wrapper{display:grid;grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.close-out-owner .box-timeSheet-wrapper{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.close-out-owner .box-timeSheet-wrapper{grid-template-columns:repeat(2,1fr)}}@font-face{font-family:__Outfit_ed3508;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Outfit_ed3508;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Outfit_Fallback_ed3508;src:local("Arial");ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}.__className_ed3508{font-family:__Outfit_ed3508,__Outfit_Fallback_ed3508;font-style:normal}@font-face{font-family:__Montserrat_069ab3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b1f344208eb4edfe-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Montserrat_069ab3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/48e2044251ef3125-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Montserrat_069ab3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/bf24a9759715e608-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Montserrat_069ab3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/1f173e5e25f3efee-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Montserrat_069ab3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/904be59b21bd51cb-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Montserrat_Fallback_069ab3;src:local("Arial");ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.00%;size-adjust:112.83%}.__className_069ab3{font-family:__Montserrat_069ab3,__Montserrat_Fallback_069ab3;font-style:normal}@font-face{font-family:__Orbitron_e087fb;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/9a4ee768fed045da-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Orbitron_Fallback_e087fb;src:local("Arial");ascent-override:81.50%;descent-override:19.59%;line-gap-override:0.00%;size-adjust:124.05%}.__className_e087fb{font-family:__Orbitron_e087fb,__Orbitron_Fallback_e087fb;font-style:normal}@font-face{font-family:__Bilbo_01827d;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4f2c28d5100760d8-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Bilbo_01827d;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c1c3aea4a9599829-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Bilbo_01827d;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/04101c8157d188d1-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Bilbo_Fallback_01827d;src:local("Arial");ascent-override:135.33%;descent-override:63.69%;line-gap-override:0.00%;size-adjust:62.81%}.__className_01827d{font-family:__Bilbo_01827d,__Bilbo_Fallback_01827d;font-weight:400;font-style:normal}