@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_9edc4f9a-module__h4ISCa__className{font-family:Outfit,Outfit Fallback;font-style:normal}
:root{--background:#fff;--white:#fff;--main-color-light:#f2f4f8;--main-color:#0a2082;--main-color-opacity:#0a2082cc;--background-input:#ebebeb;--sub-color:#b0f4ff;--gray-100:#f8f8f8;--gray-200:#e6e6e6;--gray-300:#d5d5d5;--gray-400:#b1b1b1;--gray-500:#909090;--gray-600:#6c6c6c;--gray-700:#464646;--gray-800:#3d3d3d;--gray-900:#222;--bg-section:#f3f3f3;--error:#d32f2f;--success:#05d327;--header:#0a2082;--pattern:#0000001a;--text:#0a2082;--text-opacity:#0a2082cc;--hint:#0a2082;--outline:#848fc0}[data-theme=blush]{--background:#fff;--white:#fff;--main-color-light:#faedf0;--main-color:#dd8799;--main-color-opacity:#dd8799cc;--background-input:#ededed;--sub-color:#cee7ff;--gray-100:#f8f8f8;--gray-200:#e6e6e6;--gray-300:#d5d5d5;--gray-400:#b1b1b1;--gray-500:#909090;--gray-600:#6c6c6c;--gray-700:#464646;--gray-800:#3d3d3d;--gray-900:#222;--bg-section:#f3f3f3;--error:#d32f2f;--success:#05d327;--header:#cf7d8e;--pattern:#ffffff1a;--text:#383838;--text-opacity:#383838cc;--hint:#aa311b;--outline:#eec3cc}[data-theme=fresh]{--background:#fff;--white:#fff;--main-color-light:#edf3f1;--main-color:#579687;--main-color-opacity:#579687cc;--background-input:#ebebeb;--sub-color:#a4edef;--gray-100:#f8f8f8;--gray-200:#e6e6e6;--gray-300:#d5d5d5;--gray-400:#b1b1b1;--gray-500:#909090;--gray-600:#6c6c6c;--gray-700:#464646;--gray-800:#3d3d3d;--gray-900:#222;--bg-section:#f3f3f3;--error:#d32f2f;--success:#05d327;--header:#589486;--pattern:#ffffff1a;--text:#383838;--text-opacity:#383838cc;--hint:#aa311b;--outline:#9ebfb7}[data-theme=golden]{--background:#faf8f3;--white:#fff;--main-color-light:#f2e8da;--main-color:#29292c;--main-color-opacity:#29292ccc;--background-input:#ebc17c;--sub-color:#ebc17c;--gray-100:#efede8;--gray-200:#dddbd7;--gray-300:#c3c3c3;--gray-400:#b1b1b1;--gray-500:#909090;--gray-600:#6c6c6c;--gray-700:#464646;--gray-800:#3d3d3d;--gray-900:#222;--bg-section:#f8f8f8;--error:#ad3434;--success:#34ad80;--header:#29292c;--pattern:#efc37d33;--text:#2f2f2f;--text-opacity:#2f2f2fcc;--hint:#ad3434;--outline:#e0d1b9}[data-theme=matcha]{--background:#fff;--white:#fff;--main-color-light:#eef5ee;--main-color:#93b786;--main-color-opacity:#93b7864f;--background-input:#f9f6f1;--sub-color:#e4d3b6;--gray-100:#f8f8f8;--gray-200:#e6e6e6;--gray-300:#d5d5d5;--gray-400:#b1b1b1;--gray-500:#909090;--gray-600:#6c6c6c;--gray-700:#464646;--gray-800:#3d3d3d;--gray-900:#222;--bg-section:#f3f3f3;--error:#d32f2f;--success:#05d327;--header:#4d6d51;--pattern:#ffffff1a;--text:#383838;--text-opacity:#383838cc;--hint:#aa311b;--outline:#b3ccaa}body{margin:0}.root{background:var(--background);width:100%;min-height:100vh;display:flex}.mainDashboard{position:relative}@media (min-width:960px){.mainDashboard{max-width:calc(100% - 258px)!important}}.mainDashboard .MuiPaper-root{width:100%}.MuiInputBase-root,.MuiInputBase-multiline{border-radius:0!important}.MuiOutlinedInput-root{height:100%}.xFlex-select .MuiSelect-select{align-items:center;display:flex}.xFlex-select .MuiListItemIcon-root{min-width:auto;margin-right:.5em}.avatar-select{border-radius:50%;margin-right:10px;width:25px!important;height:25px!important}.Resizer [data-type=Resizer]{background:#acacac;border-width:0 2px;width:4px;margin-left:3px;margin-right:3px}@media (max-width:1440px){.ItemService{flex-basis:100%}}.DropdownMenuList .MuiMenu-list{padding:0}.DropdownMenuList .MuiMenu-list>li{padding-left:10px}.DropdownMenuList .MuiMenu-list .text{margin-left:6px;display:block}main{max-width:100vw}.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPickersPopper-paper{box-shadow:0 0 .5rem #111}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#eefaff;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--main-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--main-color)}::placeholder{color:var(--text-opacity)!important;font-weight:400!important}::-webkit-input-placeholder{color:var(--text-opacity)!important}:-moz-placeholder-shown{color:var(--text-opacity)!important}:placeholder-shown{color:var(--text-opacity)!important}.MuiOutlinedInput-notchedOutline{border-color:var(--outline)!important}.Mui-error .MuiOutlinedInput-notchedOutline{border-color:var(--error)!important}.MuiFormControl-root .MuiInputBase-input{color:var(--text)}.MuiFormControl-root .MuiInputAdornment-root .MuiSvgIcon-root{color:var(--main-color)}.MuiPickersLayout-root .Mui-selected{background-color:var(--main-color)!important}.Mui-active span{color:#1a548e!important}.MuiInputBase-root:hover,input:hover{cursor:pointer}.MuiStepConnector-line.MuiStepConnector-lineHorizontal{border-color:#bdebff!important}.MuiDialogActions-root.MuiDialogActions-spacing{display:flex}@media (max-width:992px){.MuiDialogActions-root.MuiDialogActions-spacing{display:none}}.MuiDialogContent-root{background-image:url(../media/background-modal.1jy7le56g8y1m.png);background-repeat:no-repeat;background-size:100% 110%;padding:10px 12px!important}@media (max-width:768px){.MuiDialogContent-root{background-image:none}}.container{width:1280px}@media (max-width:1280px){.container{width:800px}}@media (max-width:992px){.container{width:700px;padding:28px 40px}}@media (max-width:744px){.container{width:100%;padding:28px 12px}}.input-out-form ::placeholder{font-weight:600;color:#f3f4f6!important}.input-out-form ::-webkit-input-placeholder{color:#f3f4f6!important}.input-out-form :-moz-placeholder-shown{color:#f3f4f6!important}.input-out-form :placeholder-shown{color:#f3f4f6!important}.input-out-form .MuiOutlinedInput-notchedOutline,.input-out-form .Mui-error .MuiOutlinedInput-notchedOutline,.input-out-form .MuiStepConnector-line.MuiStepConnector-lineHorizontal{border-color:#f3f4f6!important}.app-header{background:var(--header);z-index:10;justify-content:center;width:100%;min-height:200px;padding-top:40px;display:flex;position:relative;overflow:hidden}.app-header .container-nav{flex-direction:row;justify-content:space-between;height:100%;padding-top:20px;display:flex}.app-header .container-nav .img-logo-company{z-index:0;width:486px;height:486px;position:absolute;top:-140px;left:125px}.app-header .container-nav .img-logo-company svg{width:100%;height:100%}.app-header .container-nav .img-connect{z-index:0;width:202px;height:auto;position:absolute;top:0;right:0}.app-header .container-nav .img-connect img{width:100%;height:100%}.app-header .container-nav .empty-box-logo{width:auto;height:90px}.app-header .container-nav .wrapper-navbar{z-index:7;flex-direction:column;align-items:center;gap:12px;display:flex}.app-header .container-nav .wrapper-navbar .row-box{justify-content:flex-end;gap:32px;width:100%;display:flex}.app-header .container-nav .wrapper-navbar .row-box span{letter-spacing:.005em;color:var(--white)}.app-header .container-nav .wrapper-navbar .row-box .title-nav{font-size:52px;font-weight:600;line-height:65.52px}.app-header .container-nav .wrapper-navbar .row-box .wrapper-info-store,.app-header .container-nav .wrapper-navbar .row-box .wrapper-info-store .wrapper-sub-title-nav{gap:40px;display:flex}.app-header .container-nav .wrapper-navbar .row-box .wrapper-info-store .wrapper-sub-title-nav .sub-title-nav{align-items:center;gap:8px;font-size:16px;font-weight:400;line-height:29.26px;display:flex}.app-header .container-nav .wrapper-navbar .row-box .wrapper-info-store .wrapper-sub-title-nav .sub-title-nav svg{width:20px;height:20px}.app-header .container-nav .wrapper-navbar .row-box .wrapper-info-store .sub-store-name-nav{font-size:20px;font-weight:500}@media (min-width:2000px){.app-header .container-nav .img-logo-company{left:442px}}@media (max-width:1800px){.app-header .container-nav .img-logo-company{left:-12px}}@media (max-width:1600px){.app-header .container-nav .img-logo-company{left:-70px}}@media (max-width:1440px){.app-header .container-nav .img-logo-company{left:-115px}}@media (max-width:1280px){.app-header .container-nav{padding:0}.app-header .container-nav .img-logo-company{width:277px;height:277px;top:-40px;left:130px}.app-header .container-nav .img-connect{width:164px;height:100%;top:0;right:-10px}.app-header .container-nav .wrapper-navbar{z-index:10;gap:8px}.app-header .container-nav .wrapper-navbar .row-box .wrapper-info-store{flex-direction:column;gap:4px}.app-header .container-nav .wrapper-navbar .row-box .wrapper-info-store .wrapper-sub-title-nav{gap:16px}.app-header .container-nav .wrapper-navbar .row-box .wrapper-info-store .sub-store-name-nav{justify-content:flex-end;font-size:18px;display:flex}.app-header .container-nav .wrapper-navbar .row-box .title-nav{font-size:28px;line-height:35px}.app-header .container-nav .wrapper-navbar .row-box .empty-box-logo{display:none}.app-header .container-nav .wrapper-navbar .row-box .sub-title-nav{font-size:16px;display:flex}}@media (max-width:1024px){.app-header .container-nav .img-logo-company{left:0}}@media (max-width:992px){.app-header .container-nav .img-logo-company{left:35px}}@media (max-width:768px){.app-header .container-nav .img-logo-company{left:-70px}}@media (max-width:744px){.app-header .container-nav{padding:24px 16px 0}.app-header .container-nav .img-logo-company{justify-content:center;width:100%;display:flex;top:-110px;left:0}.app-header .container-nav .img-logo-company img{width:314px;height:314px}.app-header .container-nav .img-connect{display:none}.app-header .container-nav .wrapper-navbar{gap:12px;width:100%;position:relative;bottom:-20px}.app-header .container-nav .wrapper-navbar .row-box{justify-content:center}.app-header .container-nav .wrapper-navbar .row-box .title-nav{font-size:24px;line-height:30px}.app-header .container-nav .wrapper-navbar .row-box .wrapper-info-store .wrapper-sub-title-nav{flex-direction:column;align-items:center;gap:0}.app-header .container-nav .wrapper-navbar .row-box .wrapper-info-store .wrapper-sub-title-nav .sub-title-nav{font-size:12px;font-weight:300;line-height:15px}.app-header .container-nav .wrapper-navbar .row-box .wrapper-info-store .wrapper-sub-title-nav .sub-title-nav svg{width:12px;height:12px}.app-header .container-nav .wrapper-navbar .row-box .wrapper-info-store .sub-store-name-nav{justify-content:center;font-size:14px;font-weight:500}}@media (max-width:400px){.app-header .container-nav .wrapper-navbar{gap:12px;width:100%}.app-header .container-nav .wrapper-navbar .row-box .title-nav{font-size:20px}.app-header .container-nav .wrapper-navbar .row-box .sub-title-nav{font-size:14px}}.header-modal{border-top:4px solid #fff;justify-content:space-between;width:100%;padding:10px;position:absolute;top:0;left:0;background-color:var(--header)!important}.header-modal .box-wrapper{align-items:center;gap:20px;width:100%;padding:0 40px;display:flex}.header-modal .box-wrapper .box-title{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.header-modal .box-wrapper .box-title span{color:var(--white);font-size:24px;font-weight:400;line-height:30px}.header-modal .box-wrapper .box-title .icon-close{padding:0;color:var(--white)!important;display:none!important}.header-modal .box-wrapper .box-title .icon-close svg{color:var(--white)!important}.header-modal .box-wrapper .box-option{justify-content:space-between;align-items:center;gap:36px;width:100%;display:flex}.header-modal .box-wrapper .box-option .text-search{width:100%;height:40px}.header-modal .box-wrapper .box-option .text-search .MuiInputBase-root{border-radius:28px!important}.header-modal .box-wrapper .box-option .text-search .MuiInputBase-root input{color:#f3f4f6!important;font-weight:300!important}.header-modal .box-wrapper .box-option .icon-close{color:#f3f4f6;padding:0}.header-modal .box-wrapper .box-option .icon-close svg{width:35px;height:35px}.header-modal .box-wrapper .close-service{margin-right:-20px}@media (max-width:768px){.header-modal .box-wrapper{padding:0 20px}.header-modal .box-wrapper .box-option .icon-close svg{width:30px;height:30px}}@media (max-width:600px){.header-modal .box-wrapper{flex-direction:column;align-items:center;gap:10px;width:100%;padding:0 5px!important}.header-modal .box-wrapper .box-title{justify-content:space-between;width:100%}.header-modal .box-wrapper .box-title .icon-close{display:flex!important}.header-modal .box-wrapper .box-title .icon-close svg{width:30px;height:30px}.header-modal .box-wrapper .box-option{justify-content:space-between;align-items:center;gap:36px;width:100%;display:flex}.header-modal .box-wrapper .box-option .text-search{width:100%;height:40px}.header-modal .box-wrapper .box-option .text-search .MuiInputBase-root{border-radius:28px}.header-modal .box-wrapper .box-option .input-service{margin-left:-10px}.header-modal .box-wrapper .box-option .icon-close{display:none!important}.header-modal .box-wrapper .text-search{width:100%}}@media (max-width:350px){.header-modal .box-wrapper .box-title span{font-size:20px}}.content-booking-details{flex-direction:column;gap:20px;padding-top:50px;display:flex}.content-booking-details .background-wrapper{background-color:var(--gray-100);padding:9px}.content-booking-details .box-info-service{height:calc(100vh - 375px);max-height:calc(100vh - 375px);overflow:auto}.content-booking-details .box-info-service .title-row{justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.content-booking-details .box-info-service .title-row .link-back{color:var(--main-color);font-size:14px;font-weight:300;text-decoration:underline}.box-slot-time-conflict{flex-direction:column;align-items:center;gap:20px;display:flex}.box-slot-time-conflict .content-slot-time-conflict{flex-direction:column;justify-content:center;align-items:center;height:90%;display:flex}.box-slot-time-conflict .content-slot-time-conflict .des-text{text-align:center;width:100%;font-size:20px;font-weight:600}.box-slot-time-conflict .content-slot-time-conflict .list-conflict{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}.box-slot-time-conflict .content-slot-time-conflict .list-conflict .time-conflict{gap:5px;max-height:290px;display:grid;overflow:auto}.box-slot-time-conflict .content-slot-time-conflict .list-conflict .employee-text{text-align:center;width:100%;font-size:24px;font-weight:600}@media (max-width:600px){.box-slot-time-conflict .content-slot-time-conflict .des-text{font-size:16px}.box-slot-time-conflict .content-slot-time-conflict .employee-text{font-size:18px;font-weight:600}}.container-content{flex-direction:row;justify-content:space-between;height:100%;padding-top:20px;display:flex}.container-content .box-shadow{border-radius:20px;width:100%}.container-content .box-shadow .row-field-title{flex-wrap:wrap;align-items:flex-start;gap:10px;width:100%;margin:0;padding-bottom:0;display:flex;input-min-height:auto!important}.container-content .box-shadow .row-field-title .wrapper-option-date{flex-direction:column;display:flex}.container-content .box-shadow .row-field-title .wrapper-option-date .box-date{align-items:center;gap:10px;padding-bottom:6px;display:flex}.container-content .box-shadow .row-field-title .wrapper-option-date .box-date span{color:var(--text);font-size:20px;font-weight:500;line-height:25px}.container-content .box-shadow .row-field-title .wrapper-option-date .box-date .icon-calender{color:var(--main-color);display:none}.container-content .box-shadow .row-field-title .wrapper-option-date .box-date .icon-calender-default{width:25px;height:25px}.container-content .box-shadow .row-field-title .wrapper-option-date .box-date .icon-calender-default path{fill:var(--main-color)}.container-content .box-shadow .row-field-title .wrapper-option-date .box-group-appt{align-items:center;width:100%;display:flex}.container-content .box-shadow .row-field-title .wrapper-option-date .box-group-appt .MuiFormControlLabel-root{margin-right:0}.container-content .box-shadow .row-field-title .wrapper-option-date .box-group-appt .MuiFormControlLabel-root svg{width:1.2em;height:1.2em}.container-content .box-shadow .row-field-title .wrapper-step{margin-top:5px}.container-content .box-shadow .row-field-title .hide-header{margin-top:45px}@media (max-width:1280px){.container-content .box-shadow .row-field-title .wrapper-option-date{flex-direction:row;width:100%}.container-content .box-shadow .row-field-title .wrapper-option-date .box-date{width:100%;position:relative}.container-content .box-shadow .row-field-title .wrapper-option-date .box-date .icon-calender{display:initial;width:25px;height:25px;margin-top:7px;position:absolute;right:10px}.container-content .box-shadow .row-field-title .wrapper-option-date .box-date .MuiFormControl-root{width:100%}.container-content .box-shadow .row-field-title .wrapper-option-date .box-group-appt{justify-content:end;width:100%}}@media (max-width:992px){.container-content{padding:24px 0 0}}@media (max-width:744px){.container-content{padding:20px 16px 0;height:fit-content!important}.container-content .box-shadow .row-field-title .wrapper-option-date{flex-direction:column}.container-content .box-shadow .row-field-title .wrapper-option-date .box-date span{font-size:18px}.container-content .box-shadow .row-field-title .wrapper-option-date .box-group-appt{justify-content:start}.container-content .box-shadow .row-field-title .wrapper-option-date .box-group-appt span{font-size:18px}.container-content .box-shadow .row-field-title .hide-date-mobile{display:none!important}}@media (max-width:320px){.container-content .box-shadow .row-field-title .wrapper-option-date .box-date .icon-calender{display:none}}.box-wrapper-click{grid-template-columns:repeat(4,1fr);row-gap:40px;display:grid}.box-wrapper-click .box-item-click-employee{background:var(--background);flex-direction:column;justify-content:center;align-items:center;width:250px;height:180px;padding:8px;transition:all .3s ease-in-out;display:flex;box-shadow:0 1.79px 3.59px -.9px #0000000f,0 3.59px 5.38px -.9px #31343a1a}.box-wrapper-click .box-item-click-employee .box-img-wrapper{border:2px solid #f3f3f3;border-radius:100%;width:100px;height:100px;position:relative}.box-wrapper-click .box-item-click-employee .box-img-wrapper img{object-fit:cover;border-radius:100%;width:100%;height:100%;box-shadow:0 1.79px 3.59px -.9px #0000000f,0 3.59px 5.38px -.9px #31343a1a}.box-wrapper-click .box-item-click-employee .box-img-wrapper .icon-active{position:absolute;bottom:-10px;right:0}.box-wrapper-click .box-item-click-employee .employee-info{align-items:center;width:100%;display:flex}.box-wrapper-click .box-item-click-employee .employee-info span{color:var(--text);padding-top:12px;font-size:20px;font-weight:300}.box-wrapper-click .box-item-click-employee:hover{cursor:pointer;background-color:var(--main-color-light);transition:all .3s ease-in-out}.box-wrapper-click .active{background-color:var(--main-color-light);transition:all .3s ease-in-out}.box-wrapper-click .active .employee-info span{color:var(--main-color)}@media (max-width:1280px){.box-wrapper-click{grid-template-columns:repeat(3,1fr)}.box-wrapper-click .box-item-click-employee .employee-info span{padding-top:8px}}@media (max-width:992px){.box-wrapper-click .box-item-click-employee{width:180px;height:150px}.box-wrapper-click .box-item-click-employee .box-img-wrapper{width:80px;height:80px}.box-wrapper-click .box-item-click-employee .employee-info span{font-size:18px}}@media (max-width:744px){.box-wrapper-click{grid-template-columns:repeat(1,1fr);row-gap:12px}.box-wrapper-click .box-item-click-employee{flex-direction:row;width:100%;height:48px;position:relative}.box-wrapper-click .box-item-click-employee .box-img-wrapper{width:40px;height:40px;position:initial}.box-wrapper-click .box-item-click-employee .box-img-wrapper .icon-active{position:absolute;bottom:2px;right:10px}.box-wrapper-click .box-item-click-employee .box-img-wrapper .icon-active svg{width:28px;height:28px}.box-wrapper-click .box-item-click-employee .employee-info{align-items:start;padding-left:15px}.box-wrapper-click .box-item-click-employee .employee-info span{padding:0;font-size:16px}}.hide-header .card-time,.hide-header .card-detail-service{max-height:calc(100vh - 155px)!important}.hide-header .card-time{width:60%;position:relative}.hide-header .card-time .box-loading{height:calc(100vh - 140px)!important}.hide-header .card-detail-service .content-service{min-height:calc(100vh - 315px)!important;max-height:calc(100vh - 315px)!important}@media (max-width:1280px){.hide-header .card-time{min-height:calc(100vh - 565px)!important;max-height:calc(100vh - 565px)!important}.hide-header .card-time .box-loading{height:calc(100vh - 550px)!important}.hide-header .card-detail-service .content-service{min-height:calc(100vh - 660px)!important;max-height:calc(100vh - 660px)!important}}@media (max-width:744px){.hide-header .card-time{min-height:calc(100vh - 225px)!important;max-height:calc(100vh - 225px)!important}.hide-header .card-time .box-loading{height:calc(100vh - 220px)!important}}.box-time-booking{justify-content:space-between;width:100%;display:flex}.box-time-booking .card-time,.box-time-booking .card-detail-service{border:1px solid #e6e6e6;max-height:calc(100vh - 370px);padding:16px;overflow:auto}.box-time-booking .card-time{width:60%;position:relative}.box-time-booking .card-time .box-loading{justify-content:center;align-items:center;height:calc(100vh - 354px);margin-top:-50px;display:flex}.box-time-booking .card-time .box-conflict{flex-direction:column;justify-content:center;align-items:center;gap:32px;display:flex}.box-time-booking .card-time .box-conflict .wrapper-btn-option{flex-direction:column;gap:20px;display:flex}.box-time-booking .center-mobile{justify-content:center;align-items:center;display:flex}.box-time-booking .header-time-slot{background:var(--gray-100);justify-content:center;width:100%;padding:8px;display:flex}.box-time-booking .header-time-slot .box-date-booking{display:none}.box-time-booking .card-detail-service{overflow:initial;width:37%}.box-time-booking .card-detail-service .content-service{min-height:calc(100vh - 525px);max-height:calc(100vh - 525px);margin:15px 0;overflow:auto}.box-time-booking .card-detail-service .box-btn-action{justify-content:center;gap:12px;display:flex}@media (max-width:480px){.box-time-booking .card-detail-service .box-btn-action .btn-back-mobile,.box-time-booking .card-detail-service .box-btn-action .btn-continue-mobile{width:215px;height:50px}}@media (max-width:1280px){.box-time-booking{flex-direction:column;gap:12px}.box-time-booking .card-time,.box-time-booking .card-detail-service{width:100%}.box-time-booking .card-time{min-height:calc(100vh - 635px);max-height:calc(100vh - 635px)}.box-time-booking .card-time .box-loading{height:calc(100vh - 736px)}.box-time-booking .card-detail-service{overflow:initial}.box-time-booking .card-detail-service .content-service{min-height:calc(100vh - 745px);max-height:calc(100vh - 745px)}}@media (max-width:744px){.box-time-booking{flex-direction:column;display:flex}.box-time-booking .header-time-slot{background:0 0;flex-shrink:0;justify-content:space-between;width:100%;margin-bottom:12px;padding:0;display:flex}.box-time-booking .header-time-slot .box-date-booking{align-items:center;gap:4px;display:flex}.box-time-booking .card-time{min-height:calc(100vh - 340px);max-height:calc(100vh - 340px);display:none}.box-time-booking .card-time .box-loading{height:calc(100vh - 350px)}.box-time-booking .card-detail-service{border:none;flex-direction:column;flex:1;width:100%;min-height:calc(100vh - 310px);max-height:none;padding:0;display:flex;position:relative;overflow:visible}.box-time-booking .card-detail-service>div{flex-direction:column;flex:1;min-height:100%;display:flex}.box-time-booking .card-detail-service .content-service{flex:1;overflow:visible;min-height:0!important;max-height:none!important;margin:0!important}.box-time-booking .card-detail-service .box-btn-action{background:#fff;flex-shrink:0;margin-top:auto;padding:16px 0 12px}.box-time-booking .box-conflict-mobile{background:#fff;border:1px solid #e6e6e6;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:20px;margin-bottom:16px;padding:16px;display:flex}.box-time-booking .box-conflict-mobile .wrapper-btn-option{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.box-time-booking .box-conflict-mobile .wrapper-btn-option .MuiButtonBase-root{width:200px;height:40px}.box-time-booking.hide-header .card-detail-service{min-height:calc(100vh - 160px)}}.box-time-slot-mobile{background:var(--main-color-opacity);border-top:1px solid #e6e6e6;margin:8px;padding:8px}.box-time-slot-mobile .time-slot-section-mobile:not(:last-child){margin-bottom:8px}.box-time-slot-mobile .header-time-slot-mobile{background:var(--gray-100);justify-content:center;width:100%;margin-bottom:8px;display:flex}.box-time-slot-mobile .grid-time-slot-mobile{grid-template-columns:repeat(3,1fr);gap:8px}.box-client-booking{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.box-client-booking .header-form{background:var(--main-color);justify-content:center;width:800px;padding:8px;display:flex}.box-client-booking .box-form{width:800px}@media (max-width:1024px){.box-client-booking .header-form,.box-client-booking .box-form{width:100%}}.box-client-register{flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;display:flex}.box-client-register .box-form{width:800px}.box-client-register .box-form .header-form{background:var(--sub-color);align-items:center;width:100%;height:40px;padding:8px;display:flex}.box-client-register .box-form .header-form span{padding:8px;font-size:20px;font-weight:500;line-height:25px}.box-client-register .box-form .box-row{align-items:center;display:flex}.box-client-register .box-form .box-row .label-text{flex:1;justify-content:flex-start;width:100%;display:flex}.box-client-register .box-form .box-row .wrapper-option-date{flex:4;width:100%;display:flex}.box-client-register .box-form .box-row .wrapper-option-date .box-date{align-items:center;gap:10px;width:100%;display:flex}.box-client-register .box-form .box-row .wrapper-option-date .box-date span{color:var(--text);font-size:20px;font-weight:500;line-height:25px}.box-client-register .box-form .box-row .wrapper-option-date .box-date .icon-calender{color:var(--main-color);display:none}.box-client-register .box-form .box-row .wrapper-option-date .box-date .icon-calender-default{width:25px;height:25px}.box-client-register .box-form .box-row .wrapper-option-date .box-date .icon-calender-default path{fill:var(--main-color)}.box-client-register .box-form .box-row .MuiFormControl-root{width:100%}.box-client-register .box-form .box-row .wrapper-slot-time{flex:4;width:100%;display:flex}.box-client-register .box-form .box-row .wrapper-slot-time .box-grid-template{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.box-client-register .box-form .box-row .box-contact{gap:16px;width:100%;display:flex}@media (max-width:1280px){.box-client-register .box-form .box-row .wrapper-option-date .box-date{width:100%;position:relative}.box-client-register .box-form .box-row .wrapper-option-date .box-date .icon-calender{display:initial;width:25px;height:25px;margin-top:7px;position:absolute;right:10px}.box-client-register .box-form .box-row .wrapper-option-date .box-date .MuiFormControl-root{width:100%}}@media (max-width:1024px){.box-client-register .header-form,.box-client-register .box-form{width:100%}}@media (max-width:768px){.box-client-register .box-form .header-form span{font-size:16px}.box-client-register .box-form .box-row .wrapper-option-date .box-date span{font-size:18px}.box-client-register .box-form .box-row .wrapper-slot-time .box-grid-template{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.box-client-register{gap:10px}.box-client-register .box-form .header-form span{line-height:18px}.box-client-register .box-form .box-row{flex-direction:column;margin:0}.box-client-register .box-form .box-row .box-contact{flex-direction:column;gap:10px}.box-client-register .box-form .box-row-date{gap:0}}.register-info{background:var(--main-color-light);flex-direction:column;gap:10px;width:100%;padding:16px;display:flex}.register-info .register-info-item{gap:20px;display:flex}.register-info .register-info-item .title{text-align:start;flex:1}.register-info .register-info-item .content{text-align:start;flex:4;font-weight:300}.register-info .register-info-item .content .content-store{flex-direction:column;display:flex}@media (min-width:600px){.register-info .responsive-icon{width:43px;height:43px}}.chaotic-orbit{--uib-size:35px;--uib-speed:1.5s;height:var(--uib-size);width:var(--uib-size);animation:rotate936 calc(var(--uib-speed)*1.667) infinite linear;justify-content:center;align-items:center;display:flex;position:relative;--uib-color:var(--main-color)!important}.wrapper-service-modal{gap:20px;width:100%;height:calc(100vh - 160px);margin-top:60px;display:flex}.wrapper-service-modal .box-package-name{width:40%;height:100%;padding-left:24px;overflow:auto}.wrapper-service-modal .box-package-name li{height:40px;color:var(--gray-300);margin-top:12px;position:relative}.wrapper-service-modal .box-package-name li span{color:var(--text);font-size:20px;font-weight:300;transition:all .1s ease-in-out}.wrapper-service-modal .box-package-name li svg{width:25px;height:25px;position:absolute;right:0}.wrapper-service-modal .box-package-name li svg path{fill:var(--main-color)}.wrapper-service-modal .box-package-name li:hover{color:var(--main-color);cursor:pointer}.wrapper-service-modal .box-package-name li:hover span{color:var(--main-color);font-weight:500;transition:all .1s ease-in-out}.wrapper-service-modal .box-package-name .box-item-click{display:none!important}.wrapper-service-modal .box-package-name .active{color:var(--main-color)}.wrapper-service-modal .box-package-name .active span{color:var(--main-color);font-weight:500}.wrapper-service-modal .box-package-name .active hr{border-color:var(--main-color)!important}.wrapper-service-modal .box-service-name{background-color:var(--bg-section);width:60%;height:100%;padding:20px;overflow:auto}.wrapper-service-modal .box-service-name .box-item-click{flex-direction:column;justify-content:center;width:100%;margin-bottom:12px;padding:12px 16px 0 8px;display:flex;position:relative}.wrapper-service-modal .box-service-name .box-item-click svg{width:26px;height:26px;position:absolute;right:16px}.wrapper-service-modal .box-service-name .wrapper-box-item-click{background-color:var(--gray-100);border:1px solid var(--gray-200);justify-content:center;margin-bottom:12px;padding-left:8px;display:flex}.wrapper-service-modal .box-service-name .wrapper-box-item-click:hover{background-color:var(--gray-200);cursor:pointer}.wrapper-service-modal .box-service-name .active{background-color:#fff}@media (max-width:992px){.wrapper-service-modal .box-package-name{padding-left:20px}.wrapper-service-modal .box-package-name li span{font-size:16px}.wrapper-service-modal .box-package-name li svg{width:20px;height:20px;top:3px}.wrapper-service-modal .box-service-name{padding:10px}.wrapper-service-modal .box-service-name .box-item-click{padding:6px 12px}.wrapper-service-modal .box-service-name .box-item-click svg{width:20px;height:20px}}@media (max-width:744px){.wrapper-service-modal{height:calc(100vh - 260px);max-height:calc(100vh - 260px);margin-top:45px;padding-top:0}.wrapper-service-modal .box-package-name{width:100%;padding-right:10px;overflow:auto}.wrapper-service-modal .box-package-name .box-item-click{background-color:#f8f8f8;border:1px solid #e6e6e6;flex-direction:column;justify-content:center;margin-bottom:12px;padding:8px;position:relative;display:flex!important}.wrapper-service-modal .box-package-name .box-item-click svg{width:26px;height:26px;position:absolute;right:16px}.wrapper-service-modal .box-package-name .box-item-click:hover{cursor:pointer;background-color:#e6e6e6}.wrapper-service-modal .box-package-name .active{background-color:#fff}.wrapper-service-modal .hide-mobile{display:none!important}}@media (max-width:600px){.wrapper-service-modal{margin-top:80px}}@media (max-width:400px){.wrapper-service-modal .box-item-click svg{width:20px!important;height:20px!important}}.chaotic-orbit:before,.chaotic-orbit:after{content:"";background-color:var(--uib-color);will-change:transform;border-radius:50%;flex-shrink:0;width:60%;height:60%;position:absolute}.chaotic-orbit:before{animation:orbit var(--uib-speed) linear infinite}.chaotic-orbit:after{animation:orbit var(--uib-speed) linear calc(var(--uib-speed)/-2) infinite}@keyframes rotate936{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit{0%{transform:translate(calc(var(--uib-size) * .5)) scale(.73684);opacity:.65}5%{transform:translate(calc(var(--uib-size) * .4)) scale(.684208);opacity:.58}10%{transform:translate(calc(var(--uib-size) * .3)) scale(.631576);opacity:.51}15%{transform:translate(calc(var(--uib-size) * .2)) scale(.578944);opacity:.44}20%{transform:translate(calc(var(--uib-size) * .1)) scale(.526312);opacity:.37}25%{opacity:.3;transform:translate(0%)scale(.47368)}30%{transform:translate(calc(var(--uib-size) * -.1)) scale(.526312);opacity:.37}35%{transform:translate(calc(var(--uib-size) * -.2)) scale(.578944);opacity:.44}40%{transform:translate(calc(var(--uib-size) * -.3)) scale(.631576);opacity:.51}45%{transform:translate(calc(var(--uib-size) * -.4)) scale(.684208);opacity:.58}50%{transform:translate(calc(var(--uib-size) * -.5)) scale(.73684);opacity:.65}55%{transform:translate(calc(var(--uib-size) * -.4)) scale(.789472);opacity:.72}60%{transform:translate(calc(var(--uib-size) * -.3)) scale(.842104);opacity:.79}65%{transform:translate(calc(var(--uib-size) * -.2)) scale(.894736);opacity:.86}70%{transform:translate(calc(var(--uib-size) * -.1)) scale(.947368);opacity:.93}75%{opacity:1;transform:translate(0%)scale(1)}80%{transform:translate(calc(var(--uib-size) * .1)) scale(.947368);opacity:.93}85%{transform:translate(calc(var(--uib-size) * .2)) scale(.894736);opacity:.86}90%{transform:translate(calc(var(--uib-size) * .3)) scale(.842104);opacity:.79}95%{transform:translate(calc(var(--uib-size) * .4)) scale(.789472);opacity:.72}to{transform:translate(calc(var(--uib-size) * .5)) scale(.73684);opacity:.65}}.box-close{border-radius:20px;width:100%;height:100%;padding:20px 40px}.box-close .wrapper{flex-direction:column;align-items:center;gap:40px;height:100%;padding:80px 0;display:flex}.box-close .wrapper .icon-close svg{width:200px!important;height:200px!important}.box-close .wrapper .content{flex-direction:column;align-items:center;gap:10px;display:flex}.box-close .wrapper .content span{font-size:32px;font-weight:600}@media (max-width:1024px){.box-close .wrapper{padding:40px 0}}@media (max-width:768px){.box-close .wrapper .icon-close svg{width:150px!important;height:150px!important}.box-close .wrapper .content span{text-align:center;font-size:24px}}@media (max-width:600px){.box-close .wrapper{padding:60px 0}.box-close .wrapper .content{gap:0}.box-close .wrapper .content span{font-size:16px}}@media (max-width:350px){.box-close .wrapper .content span{font-size:14px}}.wrapper-btn-option{gap:10px;display:flex}@media (max-width:600px){.wrapper-btn-option{flex-direction:column}.wrapper-btn-option span{font-size:16px!important}}.grecaptcha-badge{z-index:999}.box-content-modal-outtime{flex-direction:column;align-items:center;gap:10px;height:100%;display:flex}.box-content-modal-outtime .box-title{flex-direction:column;align-items:center;display:flex}.box-content-modal-outtime .box-title span{font-size:20px;font-weight:500}.box-content-modal-outtime .box-content{display:flex;overflow:auto;height:calc(100% - 120px)!important}.box-content-modal-outtime .box-content span{height:100%;font-size:18px;font-weight:400}.box-content-modal-outtime .box-wrapper{width:90%;height:calc(100% - 62px)}.box-content-modal-outtime .box-wrapper .box-scroll{flex-direction:column;gap:10px;width:100%;height:calc(100% - 86px);display:flex;overflow:auto}.box-content-modal-outtime .box-wrapper .row-item{justify-content:space-between;display:flex}.box-content-modal-outtime .box-wrapper .row-item .span-time{justify-content:space-between;min-width:95px;display:flex}.box-content-modal-outtime .box-wrapper .row-item{padding-right:5px}@media (max-width:600px){.box-content-modal-outtime .box-title span{font-size:18px}.box-content-modal-outtime .box-content span{font-size:16px}.box-content-modal-outtime .box-wrapper .row-item{flex-direction:column}.box-content-modal-outtime .box-wrapper .row-item .span-time{justify-content:flex-start;gap:5px}}@media (max-width:400px){.box-content-modal-outtime .box-title span,.box-content-modal-outtime .box-content span{font-size:14px}}.box-event-block{background:var(--main-color-light);flex-direction:column;padding:12px;display:flex;gap:4px!important}@media (max-width:768px){.box-event-block .text-title-note{font-size:16px}.note-area{margin:10px 0 0!important}}.policy-desc p{text-overflow:ellipsis;overflow:hidden}@media (max-width:768px){.policy-desc p{font-size:16px}}.content-desc p{text-overflow:ellipsis;margin-top:0;margin-bottom:0;overflow:hidden}@media (max-width:768px){.content-desc p{font-size:18px}}.MuiDialogContent-root-custom .MuiPaper-rounded{border-radius:4px!important}.MuiDialogContent-root-custom .MuiDialogContent-root{background-image:none!important}.MuiDialogContent-root-custom .box-wrapper-verify{flex-direction:column;justify-content:center;align-items:center;padding:28px 40px;display:flex;position:relative}.MuiDialogContent-root-custom .box-wrapper-verify .icon-close{position:absolute;top:0;right:10px}.MuiDialogContent-root-custom .box-wrapper-verify .icon-close svg{width:25px;height:25px}.MuiDialogContent-root-custom .box-wrapper-verify .icon-close svg path{fill:var(--gray-200)}.MuiDialogContent-root-custom .box-wrapper-verify .box-title{flex-direction:column;align-items:center;display:flex}.MuiDialogContent-root-custom .box-wrapper-verify .box-title .title{color:var(--gray-800);font-size:28px;font-weight:300}.MuiDialogContent-root-custom .box-wrapper-verify .box-title .phone-number{color:var(--text);font-size:22px;font-weight:500}.MuiDialogContent-root-custom .box-wrapper-verify .phone-icon{width:120px;height:120px}.MuiDialogContent-root-custom .box-wrapper-verify .row{gap:20px;margin-top:16px;display:flex;position:relative}.MuiDialogContent-root-custom .box-wrapper-verify .row .input-box{border:2px solid var(--main-color);text-align:center;width:55px;height:75px;color:var(--text);background:var(--background);border-radius:4px;justify-content:center;align-items:center;font-size:2em;display:flex;position:relative}.MuiDialogContent-root-custom .box-wrapper-verify .row .input-box.active:after{content:"";background:var(--text);border-radius:2px;height:2px;animation:1s step-end infinite otpBlink;position:absolute;bottom:10px;left:18%;right:18%}.MuiDialogContent-root-custom .box-wrapper-verify .row .filled{background:var(--main-color-light)}.MuiDialogContent-root-custom .box-wrapper-verify .row .errored{border:2px solid var(--error)}.MuiDialogContent-root-custom .box-wrapper-verify .row .otp-hidden-input{opacity:0;caret-color:#0000;background:0 0;border:0;outline:none;width:100%;height:100%;position:absolute;inset:0}.MuiDialogContent-root-custom .box-wrapper-verify .text-error{color:var(--error);font-size:18px}.MuiDialogContent-root-custom .box-wrapper-verify .label-time{color:var(--error)}.MuiDialogContent-root-custom .box-wrapper-verify .label-time span{font-size:20px;font-weight:500}.MuiDialogContent-root-custom .box-wrapper-verify .des-text{color:var(--gray-800);font-size:20px}.MuiDialogContent-root-custom .box-wrapper-verify .des-text .re-send{color:#1d3bff;text-decoration:underline}.MuiDialogContent-root-custom .box-wrapper-verify .des-text .re-send:hover{cursor:pointer}.MuiDialogContent-root-custom .box-wrapper-verify .des-text .disable{opacity:.4}@media (max-width:768px){.MuiDialogContent-root-custom{height:540px}.MuiDialogContent-root-custom .MuiDialog-container{align-items:flex-start}.MuiDialogContent-root-custom .box-wrapper-verify{padding:14px}.MuiDialogContent-root-custom .box-wrapper-verify .box-title .title{font-size:18px}.MuiDialogContent-root-custom .box-wrapper-verify .box-title .phone-number{font-size:16px}.MuiDialogContent-root-custom .box-wrapper-verify .phone-icon{width:80px;height:80px}.MuiDialogContent-root-custom .box-wrapper-verify .label-time span{font-size:18px}.MuiDialogContent-root-custom .box-wrapper-verify .row{gap:7px;margin-top:16px;display:flex}.MuiDialogContent-root-custom .box-wrapper-verify .row .input-box{width:44px;height:60px;font-size:1.5em}.MuiDialogContent-root-custom .box-wrapper-verify .des-text{font-size:16px}}@keyframes otpBlink{50%{opacity:0}}.box-wrapper-techician{grid-template-columns:repeat(5,1fr);gap:20px;height:calc(100vh - 360px);display:grid}@media (max-width:1280px){.box-wrapper-techician{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.box-wrapper-techician{grid-template-columns:repeat(3,1fr)}.box-wrapper-techician .box-item-click-employee{width:216px!important;height:196px!important}}@media (max-width:744px){.box-wrapper-techician{grid-template-columns:repeat(1,1fr);row-gap:12px}.box-wrapper-techician .box-item-click-employee{flex-direction:row;position:relative;width:100%!important;height:48px!important}.box-wrapper-techician .box-item-click-employee .box-img-wrapper{width:40px;height:40px;position:initial}.box-wrapper-techician .box-item-click-employee .box-img-wrapper .icon-active{position:absolute;bottom:2px;right:10px}.box-wrapper-techician .box-item-click-employee .box-img-wrapper .icon-active svg{width:28px;height:28px}.box-wrapper-techician .box-item-click-employee .employee-info{align-items:start;padding-left:15px}.box-wrapper-techician .box-item-click-employee .employee-info span{padding:0;font-size:16px}}.box-wrapper-techician .box-item-click-employee{width:224px;height:196px}.center-position{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signature-modal .body-modal{padding:0!important}.signature-modal .MuiPaper-root{height:auto!important;max-height:100%!important}.signature-modal .MuiDialogTitle-root{width:100%;margin-top:8px}.signature-modal .MuiDialogContent-root{padding:20px!important}.signature-modal .signature-modal-header{justify-content:space-between;align-items:center;width:100%;height:36px;display:flex}.signature-modal .signature-modal-header .signature-modal-title span{font-size:24px}.signature-modal .signature-modal-header .icon-close{color:#fff!important;padding:0!important}.signature-modal .signature-modal-header .icon-close .MuiSvgIcon-root{width:35px;height:35px}.signature-modal .body-modal .box-info{margin-bottom:12px}.signature-modal .body-modal .box-info .info-text{color:var(--text);font-size:18px;font-weight:500}.signature-modal .body-modal .box-info .service-name,.signature-modal .body-modal .signature-text{color:var(--text);font-size:18px;font-weight:300}.signature-modal .body-modal .box-signature{position:relative}.signature-modal .body-modal .box-signature .clear-signature{cursor:pointer;height:24px;margin:0;font-size:18px;font-weight:300;text-decoration:underline;position:absolute;top:12px;bottom:0;right:12px}.signature-modal .footer-modal{justify-content:center;gap:12px;margin-top:32px;margin-bottom:16px;display:flex}.signature-modal .footer-modal .MuiButtonBase-root{width:150px;height:49px}.signature-modal .footer-modal .MuiButtonBase-root span{font-size:20px;font-weight:400}@media (max-width:768px){.signature-modal .MuiPaper-root{margin:12px}.signature-modal .MuiPaper-root .MuiTypography-root{padding:12px}.signature-modal .signature-modal-header .signature-modal-title span{font-size:20px;font-weight:400}.signature-modal .signature-modal-header .icon-close .MuiSvgIcon-root{width:20px;height:20px}.signature-modal .body-modal .box-info .info-text,.signature-modal .body-modal .box-info .service-name,.signature-modal .body-modal .signature-text{font-size:17px}.signature-modal .body-modal .box-signature .clear-signature{font-size:14px;top:15px}.signature-modal .footer-modal{margin-top:12px;margin-bottom:8px}.signature-modal .footer-modal .MuiButtonBase-root{width:150px;height:36px}.signature-modal .footer-modal .MuiButtonBase-root span{font-size:16px}.signature-modal .signature{background:var(--gray-200);width:100%;height:270px}}.signature{border:1px solid var(--gray-200);background:var(--gray-100);border-radius:4px;width:100%;height:270px;margin-top:12px}.signature .e-canvas{width:100%;height:100%}.modal-policy .MuiPaper-root{border-radius:12px!important}.modal-policy .MuiPaper-root .MuiTypography-root{margin:0;padding:0}.modal-policy .MuiPaper-root .MuiDialogTitle-root{flex-shrink:0;padding:20px 20px 12px;background-color:#0000!important}.modal-policy .MuiPaper-root .MuiDialogTitle-root .box-policy-header{background-color:var(--main-color-light);border-radius:10px;justify-content:center;align-items:center;width:100%;padding:12px 0;display:flex}.modal-policy .MuiPaper-root .MuiDialogTitle-root .box-policy-header .MuiTypography-root{color:var(--text);font-size:24px;font-weight:400}.modal-policy .MuiDialogContent-root{padding:0 20px 20px;display:flex;overflow:hidden}.modal-policy .box-policy{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.modal-policy .box-policy .box-policy-content{min-height:0;color:var(--gray-600);flex:1;padding-right:8px;font-size:15px;line-height:1.6;overflow-y:auto}.modal-policy .box-policy .box-policy-content::-webkit-scrollbar{width:6px}.modal-policy .box-policy .box-policy-content::-webkit-scrollbar-thumb{background-color:var(--gray-300);border-radius:8px}.modal-policy .box-policy .box-policy-btn{flex-shrink:0;justify-content:center;align-items:center;margin-top:16px;display:flex}.modal-policy .box-policy .box-policy-btn .MuiButton-root{background-color:var(--main-color);text-transform:uppercase;letter-spacing:.5px;width:190px;height:54px;color:var(--white);border-radius:999px;font-weight:600}.modal-policy .box-policy .box-policy-btn .MuiButton-root span{color:var(--white)}.modal-policy .box-policy .box-policy-btn .MuiButton-root:hover{background-color:var(--main-color-opacity)!important;color:var(--white)!important}button,input,textarea,select{font-family:inherit}input,textarea,select{font-size:16px}.btn-custom,.btn-book-another,.btn-back,.btn-option{text-transform:uppercase}.step-container{align-items:center;gap:8px;width:800px;display:flex}@media (max-width:992px){.step-container{width:700px}}@media (max-width:744px){.step-container{gap:0;width:calc(100vw - 24px)}}@media (max-width:400px){.step-container{width:calc(100vw - 24px)}}.step-item{background-color:var(--background-input);color:var(--text);text-align:center;opacity:.5;justify-content:center;align-items:center;gap:5px;width:33%;height:52px;padding:16px 32px;font-weight:700;display:flex}.step-item.active{opacity:1}.step-item.first{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,0 100%)}.step-item.middle{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,0 100%,20px 50%)}.step-item.last{clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 20px) 100%,0 100%,20px 50%)}.step-item .number-step{background-color:var(--main-color);width:25px;height:25px;color:var(--white);border-radius:100%;justify-content:center;align-items:center;margin-right:5px;display:flex}.step-item .label{font-size:20px;font-weight:500}@media (max-width:744px){.step-item{flex-direction:column;gap:0;padding:5px 0 0;font-size:16px;font-weight:500}.step-item.first{padding-right:10px}.step-item.last{padding-left:10px}.step-item .number-step{width:18px;height:18px;margin-right:0;font-size:14px}.step-item .label{font-size:16px;font-weight:400}}@media (max-width:480px){.step-item{font-size:14px}.step-item .number-step{width:16px;height:16px;font-size:12px}.step-item .label{font-size:14px;font-weight:400}}@media (max-width:400px){.step-item{font-size:11px}}.box-item-click,.btn-add,.btn-option,.btn-back,.btn-custom,.btn-book-another{box-shadow:0 1.79px 3.59px -.9px #0000000f,0 3.59px 5.38px -.9px #31343a1a}.btn-custom,.btn-book-another{background-color:var(--main-color);width:150px;height:50px;color:var(--white);cursor:pointer;border:none;border-radius:28px;font-size:20px}.btn-custom:hover:not(:disabled),.btn-book-another:hover:not(:disabled){background-color:var(--main-color-opacity)}.btn-custom:disabled,.btn-book-another:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.btn-custom,.btn-book-another{width:100%}}.btn-book-another{width:300px}@media (max-width:480px){.btn-book-another{width:100%}}.btn-back{background:var(--background);border:1px solid var(--main-color);width:150px;height:50px;color:var(--gray-700);cursor:pointer;border-radius:28px;font-size:20px}.btn-back:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.btn-back{width:100%}}.btn-option{background:var(--background);border:1px solid var(--main-color);width:250px;height:50px;color:var(--gray-700);cursor:pointer;border-radius:32px;justify-content:center;align-items:center;gap:8px;font-size:20px;font-weight:400;display:flex}.btn-add{color:#34b1fd;cursor:pointer;background:#fff;border:1px solid #34b1fd;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:200px;height:50px;font-size:18px;display:flex}@media (max-width:600px){.btn-add{width:160px;font-size:14px}}.box-wrapper-btn{justify-content:center;align-items:center;gap:12px;margin-bottom:40px;padding-top:16px;display:flex}@media (max-width:744px){.box-wrapper-btn{margin-bottom:0}}.grid-template{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}@media (max-width:1024px){.grid-template{grid-template-columns:repeat(5,1fr)}}@media (max-width:600px){.grid-template{grid-template-columns:repeat(3,1fr)}}.grid-time-slot{border:1px solid var(--main-color);color:#464646;text-align:center;cursor:pointer;border-radius:4px;padding:10px 5px;position:relative}.grid-time-slot:hover{background:#eaedef}.grid-time-slot.active{background:var(--main-color);color:var(--white)}.grid-time-slot .box-disable{z-index:999;opacity:.5;background:#ccc;position:absolute;inset:0}.grid-time-slot .box-disable:hover{cursor:not-allowed}.box-item-click{cursor:pointer;background:#eefaff;border-radius:20px;flex-direction:column;justify-content:center;min-height:95px;padding:16px;transition:all .1s ease-in-out;display:flex}.box-item-click:hover{transform:translateY(-1px)}.box-item-click.active{outline:2px solid var(--main-color)}.box-wrapper-click{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:600px){.box-wrapper-click{grid-template-columns:repeat(1,1fr)}}.span-title{color:var(--main-color);letter-spacing:.005em;font-size:24px;font-weight:700;line-height:29.26px}.span-group-appt{color:var(--text);font-size:18px;font-weight:300}.span-book-others{color:var(--text);font-size:16px;font-style:italic;font-weight:300}.span-duration{color:#464646;font-size:18px;font-weight:300}@media (max-width:600px){.span-duration{display:none}}.span-tile-detail{color:var(--main-color);font-size:18px;font-weight:400}.detail{color:var(--main-color);align-items:center;gap:4px;display:inline-flex}.customer-info{border:1px solid #e6e6e6;border-radius:8px;width:100%;padding:16px}.row-field-card{gap:10px;width:100%;display:flex}@media (max-width:992px){.row-field-card{flex-direction:column}}.otp-overlay{z-index:1300;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.otp-overlay .box-wrapper-verify{background:#fff;border-radius:20px;width:calc(100% - 32px);max-width:600px}.ai-assist-toggle{color:var(--main-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:8px;padding:4px 0;font-size:15px;display:inline-flex}.ai-panel{border:1px solid var(--border-color,#e3e6ea);background:var(--card-bg,#fff);border-radius:14px;flex-direction:column;height:560px;max-height:72vh;display:flex;overflow:hidden;box-shadow:0 6px 24px #00000014}.ai-head{border-bottom:1px solid var(--border-color,#ececec);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.ai-title{align-items:center;gap:6px;font-size:15px;font-weight:600;display:inline-flex}.ai-head-actions{align-items:center;gap:6px;display:flex}.ai-autopilot{border:1px solid var(--main-color);color:var(--main-color);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.ai-autopilot.on{background:var(--main-color);color:#fff}.ai-icon-btn{cursor:pointer;color:var(--text-muted,#8a8f98);background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:15px;line-height:1}.ai-icon-btn:hover{color:var(--text,#333);background:#0000000f}.ai-thread{flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px;display:flex;overflow-y:auto}.ai-empty{color:var(--text-muted,#8a8f98);font-size:14px}.ai-empty p{margin:4px 0 12px}.ai-chips{flex-direction:column;gap:8px;display:flex}.ai-chip{text-align:left;border:1px solid var(--border-color,#e3e6ea);background:var(--chip-bg,#f6f7f9);color:var(--text,#333);cursor:pointer;border-radius:10px;padding:8px 12px;font-size:13px}.ai-chip:hover{border-color:var(--main-color);color:var(--main-color)}.ai-bubble{white-space:pre-wrap;word-break:break-word;border-radius:14px;max-width:85%;padding:8px 12px;font-size:14px;line-height:1.45}.ai-bubble.user{background:var(--main-color);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.ai-bubble.assistant{background:var(--chip-bg,#f1f2f4);color:var(--text,#222);border-bottom-left-radius:4px;align-self:flex-start}.ai-typing{align-items:center;gap:4px;display:inline-flex}.ai-typing span{opacity:.5;background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite ai-blink}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes ai-blink{0%,80%,to{opacity:.25}40%{opacity:1}}.ai-input{border-top:1px solid var(--border-color,#ececec);align-items:flex-end;gap:8px;padding:10px;display:flex}.ai-input textarea{resize:none;border:1px solid var(--border-color,#e3e6ea);border-radius:10px;flex:1;min-height:40px;max-height:120px;padding:9px 12px;font-family:inherit;font-size:14px}.ai-input .ai-send{background:var(--main-color);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;display:inline-flex}.ai-input .ai-send:disabled{opacity:.5;cursor:not-allowed}.ai-toggle-row{justify-content:flex-end;margin-bottom:8px;display:flex}.service-ai-layout.ai-open{align-items:flex-start;gap:20px;display:flex}.service-ai-layout.ai-open .service-main{flex:1;min-width:0}.service-ai-layout.ai-open .ai-panel{flex-shrink:0;width:360px;position:sticky;top:16px}@media (max-width:992px){.service-ai-layout.ai-open{flex-direction:column}.service-ai-layout.ai-open .ai-panel{width:100%;position:static}}.store-header{text-align:center;margin-bottom:16px}.store-header .store-name{color:var(--main-color);font-size:26px;font-weight:700}.store-header .store-meta{color:var(--text);margin-top:4px;font-size:15px}.select-field{flex:1;position:relative}.select-field .select-input{width:100%;height:48px;color:var(--text);cursor:pointer;text-align:left;background:#fff;border:1px solid #d5dbe0;border-radius:8px;padding:0 40px 0 14px;font-size:16px}.select-field .select-input:hover{border-color:var(--main-color)}.select-field .select-input.placeholder{color:#9aa4ae}.select-field .select-arrow{color:var(--main-color);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.note-textarea{resize:vertical;border:1px solid #d5dbe0;border-radius:8px;width:100%;min-height:56px;margin-top:12px;padding:10px 14px;font-family:inherit;font-size:16px}.picker-overlay{z-index:1300;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.picker-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:720px;max-height:85vh;display:flex;overflow:hidden}.picker-modal .picker-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.picker-modal .picker-header .picker-title{color:var(--main-color);font-size:20px;font-weight:600}.picker-modal .picker-header .picker-close{cursor:pointer;color:#888;background:0 0;border:none;font-size:22px;line-height:1}.picker-modal .picker-search{border:1px solid #d5dbe0;border-radius:8px;height:42px;margin:12px 20px 0;padding:0 12px;font-size:15px}.picker-modal .picker-body{padding:12px 20px 20px;overflow-y:auto}.booking-modal-overlay{z-index:1300;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.booking-modal{background:#fff;border-radius:8px;width:100%;max-width:1200px;height:82vh;max-height:720px;position:relative;overflow:hidden}.booking-modal .header-modal{background-color:var(--header);border-top:4px solid #fff;align-items:center;width:100%;height:60px;display:flex;position:absolute;top:0;left:0}.booking-modal .header-modal .box-wrapper{align-items:center;gap:20px;width:100%;padding:0 40px;display:flex}.booking-modal .header-modal .box-wrapper .box-title span{color:var(--white);text-transform:uppercase;white-space:nowrap;font-size:24px;font-weight:400;line-height:30px}.booking-modal .header-modal .box-wrapper .box-option{flex:1;align-items:center;gap:20px;display:flex}.booking-modal .header-modal .box-wrapper .box-option .text-search{height:40px;color:var(--text);background:#fff;border:none;border-radius:28px;outline:none;flex:1;padding:0 20px;font-weight:300}.booking-modal .header-modal .box-wrapper .box-option .text-search::placeholder{color:#9aa0a6}.booking-modal .header-modal .box-wrapper .box-option .icon-close{cursor:pointer;color:var(--white);background:0 0;border:none;padding:0;display:flex}.booking-modal .wrapper-service-modal{gap:20px;width:100%;height:calc(100% - 60px);margin-top:60px;display:flex}.booking-modal .wrapper-service-modal .box-package-name{width:40%;height:100%;margin:0;padding:12px 0 12px 24px;list-style:none;overflow:auto}.booking-modal .wrapper-service-modal .box-package-name li{color:var(--gray-300);cursor:pointer;margin-top:12px;position:relative}.booking-modal .wrapper-service-modal .box-package-name li .cat-row{justify-content:space-between;align-items:center;height:40px;padding-right:12px;display:flex}.booking-modal .wrapper-service-modal .box-package-name li span{color:var(--text);font-size:20px;font-weight:300;transition:all .1s ease-in-out}.booking-modal .wrapper-service-modal .box-package-name li .svc-arrow{color:var(--main-color);flex-shrink:0}.booking-modal .wrapper-service-modal .box-package-name li .cat-divider{border:none;border-top:1px solid var(--gray-200);margin:8px 12px 0 0}.booking-modal .wrapper-service-modal .box-package-name li:hover span,.booking-modal .wrapper-service-modal .box-package-name li.active span{color:var(--main-color);font-weight:500}.booking-modal .wrapper-service-modal .box-package-name li.active .cat-divider{border-top-color:var(--main-color)}.booking-modal .wrapper-service-modal .box-package-name li.no-result{cursor:default}.booking-modal .wrapper-service-modal .box-package-name li.no-result span{color:var(--gray-500);font-size:16px}.booking-modal .wrapper-service-modal .box-package-name li .mobile-services{display:none}.booking-modal .wrapper-service-modal .box-service-name{background-color:var(--bg-section);width:60%;height:100%;padding:20px;overflow:auto}.booking-modal .wrapper-service-modal .box-service-name .wrapper-box-item-click{background-color:var(--gray-100);border:1px solid var(--gray-200);cursor:pointer;margin-bottom:12px}.booking-modal .wrapper-service-modal .box-service-name .wrapper-box-item-click:hover{background-color:var(--gray-200)}.booking-modal .wrapper-service-modal .box-service-name .wrapper-box-item-click.active{background-color:#fff}.booking-modal .wrapper-service-modal .box-item-click{flex-direction:column;justify-content:center;width:100%;padding:12px 48px 12px 16px;display:flex;position:relative}.booking-modal .wrapper-service-modal .box-item-click .svc-name{color:var(--main-color);flex-wrap:wrap;align-items:center;gap:8px;font-size:20px;font-weight:400;display:inline-flex}.booking-modal .wrapper-service-modal .box-item-click .svc-name .svc-info{align-items:center;display:inline-flex}.booking-modal .wrapper-service-modal .box-item-click .svc-name .svc-info-btn{align-items:center;line-height:0;display:inline-flex}.booking-modal .wrapper-service-modal .box-item-click .svc-name .svc-info svg{width:18px;height:18px;display:block}.booking-modal .wrapper-service-modal .box-item-click .svc-meta{margin-top:2px;display:flex}.booking-modal .wrapper-service-modal .box-item-click .svc-meta span{color:var(--text);font-size:18px;font-weight:300}.booking-modal .wrapper-service-modal .box-item-click .svc-meta .svc-sep{padding:0 5px}.booking-modal .wrapper-service-modal .box-item-click .svc-icon{color:var(--main-color);display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.booking-modal .emp-scroll{height:calc(100% - 60px);margin-top:60px;padding:28px 24px 32px;overflow-y:auto}.booking-modal .box-wrapper-click{grid-template-columns:repeat(4,1fr);gap:40px 20px;display:grid}.booking-modal .box-wrapper-click .box-item-click-employee{background:var(--background);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:250px;height:180px;margin:0 auto;padding:8px;transition:all .3s ease-in-out;display:flex;box-shadow:0 1.79px 3.59px -.9px #0000000f,0 3.59px 5.38px -.9px #31343a1a}.booking-modal .box-wrapper-click .box-item-click-employee .box-img-wrapper{border:2px solid #f3f3f3;border-radius:100%;width:100px;height:100px;position:relative}.booking-modal .box-wrapper-click .box-item-click-employee .box-img-wrapper img{object-fit:cover;border-radius:100%;width:100%;height:100%;box-shadow:0 1.79px 3.59px -.9px #0000000f,0 3.59px 5.38px -.9px #31343a1a}.booking-modal .box-wrapper-click .box-item-click-employee .box-img-wrapper .emp-initials{background:var(--main-color);color:#fff;border-radius:100%;justify-content:center;align-items:center;width:100%;height:100%;font-size:30px;font-weight:400;display:flex}.booking-modal .box-wrapper-click .box-item-click-employee .box-img-wrapper .icon-active{color:var(--main-color);display:flex;position:absolute;bottom:-10px;right:0}.booking-modal .box-wrapper-click .box-item-click-employee .employee-info{justify-content:center;align-items:center;width:100%;display:flex}.booking-modal .box-wrapper-click .box-item-click-employee .employee-info span{color:var(--text);text-align:center;padding-top:12px;font-size:20px;font-weight:300}.booking-modal .box-wrapper-click .box-item-click-employee:hover,.booking-modal .box-wrapper-click .box-item-click-employee.active{background-color:var(--main-color-light)}.booking-modal .box-wrapper-click .box-item-click-employee.active .employee-info span{color:var(--main-color)}@media (max-width:1280px){.booking-modal .box-wrapper-click{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.booking-modal .box-wrapper-click .box-item-click-employee{height:150px}.booking-modal .box-wrapper-click .box-item-click-employee .box-img-wrapper{width:80px;height:80px}.booking-modal .box-wrapper-click .box-item-click-employee .employee-info span{font-size:18px}}@media (max-width:600px){.booking-modal .box-wrapper-click{grid-template-columns:repeat(2,1fr)}}@media (max-width:744px){.booking-modal{height:88vh;max-height:none}.booking-modal .wrapper-service-modal .box-package-name{width:100%;padding-right:10px}.booking-modal .wrapper-service-modal .box-package-name li .mobile-services{margin-top:8px;display:block}.booking-modal .wrapper-service-modal .box-package-name .box-item-click{background-color:#f8f8f8;border:1px solid #e6e6e6;margin-bottom:12px}.booking-modal .wrapper-service-modal .box-package-name .box-item-click.active{background-color:#fff}.booking-modal .wrapper-service-modal .box-package-name .box-item-click:hover{background-color:#e6e6e6}.booking-modal .wrapper-service-modal .hide-mobile{display:none}.booking-modal .header-modal .box-wrapper{gap:12px;padding:0 16px}.booking-modal .header-modal .box-wrapper .box-title span{font-size:20px}}.booking-date-field{width:240px}@media (max-width:1280px){.booking-date-field{width:100%}}.booking-date-field .MuiOutlinedInput-root{color:var(--text);cursor:pointer;background:#fff;border-radius:8px;font-family:inherit;font-size:16px}.booking-date-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:var(--outline)}.booking-date-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--main-color)}.booking-date-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--main-color);border-width:1px}.booking-date-field .MuiInputBase-input{color:var(--text);cursor:pointer;padding:12px 8px 12px 14px;font-family:inherit;font-weight:400}.booking-date-field .MuiSvgIcon-root,.booking-date-field .MuiIconButton-root{color:var(--main-color)}.booking-date-popper .MuiPaper-root,.MuiPickersPopper-root .MuiPaper-root{border-radius:10px}.booking-date-popper .MuiPickersCalendarHeader-label,.MuiPickersPopper-root .MuiPickersCalendarHeader-label{color:var(--text);font-family:inherit;font-weight:500}.booking-date-popper .MuiDayCalendar-weekDayLabel,.MuiPickersPopper-root .MuiDayCalendar-weekDayLabel{color:var(--gray-600);font-family:inherit}.booking-date-popper .MuiPickersArrowSwitcher-button,.booking-date-popper .MuiPickersCalendarHeader-switchViewButton,.MuiPickersPopper-root .MuiPickersArrowSwitcher-button,.MuiPickersPopper-root .MuiPickersCalendarHeader-switchViewButton{color:var(--text)}.booking-date-popper .MuiPickersDay-root,.MuiPickersPopper-root .MuiPickersDay-root{color:var(--text);font-family:inherit}.booking-date-popper .MuiPickersDay-root.Mui-selected,.MuiPickersPopper-root .MuiPickersDay-root.Mui-selected{background-color:var(--main-color)!important;color:#fff!important}.booking-date-popper .MuiPickersDay-root.Mui-selected:hover,.booking-date-popper .MuiPickersDay-root.Mui-selected:focus,.MuiPickersPopper-root .MuiPickersDay-root.Mui-selected:hover,.MuiPickersPopper-root .MuiPickersDay-root.Mui-selected:focus{background-color:var(--main-color)!important}.booking-date-popper .MuiPickersDay-root.MuiPickersDay-today:not(.Mui-selected),.MuiPickersPopper-root .MuiPickersDay-root.MuiPickersDay-today:not(.Mui-selected){border-color:#0000008c}.booking-date-popper .MuiPickersDay-root.Mui-disabled,.MuiPickersPopper-root .MuiPickersDay-root.Mui-disabled{color:var(--gray-400)}.box-event-block{background:var(--main-color-light);border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.box-event-block .text-title-note{font-size:18px}.box-event-block .text-title-note .title{color:var(--main-color)}@media (max-width:768px){.box-event-block .text-title-note{font-size:16px}}.policy-desc p{margin-top:0;font-size:18px}.policy-desc p:last-child{margin-bottom:0}@media (max-width:768px){.policy-desc p{font-size:16px}}.box-client-booking .box-form{flex-direction:column;gap:10px;display:flex}.box-client-booking input,.box-client-booking textarea{box-sizing:border-box;border:1px solid var(--outline);width:100%;min-width:0;height:48px;color:var(--text);background:#fff;border-radius:0;flex:1;padding:0 14px;font-family:inherit;font-size:16px}.box-client-booking input:focus,.box-client-booking textarea:focus{border-color:var(--main-color);outline:none}.box-client-booking input::placeholder,.box-client-booking textarea::placeholder{color:var(--gray-500)}.box-client-booking input:disabled,.box-client-booking textarea:disabled{background:var(--main-color-light)}.box-client-booking textarea{resize:vertical;height:auto;min-height:80px;padding:10px 14px}.box-time-booking .active-tech{color:var(--gray-700,#555);margin-bottom:10px;font-size:14px;font-weight:400}.box-time-booking .time-bucket{margin-bottom:16px}.box-time-booking .no-slots{color:#888;text-align:center;padding:20px 0}.box-time-booking .detail-group{margin-bottom:8px}.box-time-booking .detail-pkg-head{color:var(--main-color);border-bottom:1px solid var(--gray-200,#e6e6e6);justify-content:space-between;padding:6px 4px;font-weight:600;display:flex}.box-time-booking .detail-row{cursor:pointer;border-bottom:1px solid #dadfe3;border-radius:6px;padding:12px 10px;transition:background .1s}.box-time-booking .detail-row:hover{background:var(--gray-100,#f5f7f9)}.box-time-booking .detail-row.active{background:var(--gray-100,#f5f7f9);border:1px solid var(--main-color)}.box-time-booking .detail-row-top{justify-content:space-between;gap:8px;display:flex}.box-time-booking .detail-name{color:var(--text);font-weight:500}.box-time-booking .detail-price{color:var(--text);white-space:nowrap}.box-time-booking .detail-row-bottom{color:var(--gray-700,#555);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:6px;font-size:15px;display:flex}.box-time-booking .detail-tech,.box-time-booking .detail-time{align-items:center;gap:5px;display:inline-flex}.box-time-booking .detail-time.past{color:var(--error,#f04526)}.box-time-booking .detail-time.please{color:var(--error,#f04526);font-weight:500}.box-time-booking .detail-proxy{color:var(--gray-700,#555);margin-top:4px;font-size:14px;font-style:italic}.box-time-booking .icon-user,.box-time-booking .icon-clock{color:var(--main-color);flex-shrink:0}.box-time-booking .box-conflict .conflict-msg{text-align:center;color:var(--text);max-width:460px;font-size:18px;line-height:1.5}.box-time-booking .btn-option{border:1px solid var(--main-color);min-width:240px;color:var(--main-color);cursor:pointer;background:#fff;border-radius:8px;padding:12px 20px;font-size:16px;transition:all .1s}.box-time-booking .btn-option:hover{background:var(--main-color);color:#fff}.tag-service-wrap{vertical-align:middle;flex-wrap:wrap;gap:4px;margin-left:8px;display:inline-flex}.tag-service{border-radius:8px;align-items:center;padding:2px 8px;font-size:13px;font-weight:400;line-height:1.6;display:inline-flex}.svc-info-slot{align-items:center;margin-left:6px;display:inline-flex}.svc-info-btn{cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.card-information{z-index:20;text-align:left;background:#fff;border-radius:8px;width:320px;padding:12px;position:absolute;top:28px;left:0;box-shadow:0 22px 44px -10px #31343a40}.card-information .ci-title{color:var(--gray-900,#1a1a1a);font-size:17px;font-weight:400}.card-information .ci-divider{border:none;border-top:1px solid var(--gray-200,#e6e6e6);margin:4px 0}.card-information .ci-text{color:var(--gray-700,#555);word-break:break-word;font-size:16px;font-weight:300}@media (max-width:744px){.card-information{width:248px;left:-220px}}