@font-face{font-family:CHULALONGKORN;src:url(/font/CHULALONGKORN-Bold.eot);src:url(/font/CHULALONGKORN-Bold.eot?#iefix) format("embedded-opentype"),url(/font/CHULALONGKORN-Bold.woff) format("woff"),url(/font/CHULALONGKORN-Bold.ttf) format("truetype"),url(/font/CHULALONGKORN-Bold.svg#CHULALONGKORN-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CHULALONGKORN;src:url(/font/CHULALONGKORN-Regular.eot);src:url(/font/CHULALONGKORN-Regular.eot?#iefix) format("embedded-opentype"),url(/font/CHULALONGKORN-Regular.woff) format("woff"),url(/font/CHULALONGKORN-Regular.ttf) format("truetype"),url(/font/CHULALONGKORN-Regular.svg#CHULALONGKORN-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ChulaCharasNew;src:url(/font/ChulaCharasNew-BoldItalic.eot);src:url(/font/ChulaCharasNew-BoldItalic.eot?#iefix) format("embedded-opentype"),url(/font/ChulaCharasNew-BoldItalic.woff2) format("woff2"),url(/font/ChulaCharasNew-BoldItalic.woff) format("woff"),url(/font/ChulaCharasNew-BoldItalic.ttf) format("truetype"),url(/font/ChulaCharasNew-BoldItalic.svg#ChulaCharasNew-BoldItalic) format("svg");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:ChulaCharasNew;src:url(/font/ChulaCharasNew-Italic.eot);src:url(/font/ChulaCharasNew-Italic.eot?#iefix) format("embedded-opentype"),url(/font/ChulaCharasNew-Italic.woff2) format("woff2"),url(/font/ChulaCharasNew-Italic.woff) format("woff"),url(/font/ChulaCharasNew-Italic.ttf) format("truetype"),url(/font/ChulaCharasNew-Italic.svg#ChulaCharasNew-Italic) format("svg");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:ChulaCharasNew;src:url(/font/ChulaCharasNew.eot);src:url(/font/ChulaCharasNew.eot?#iefix) format("embedded-opentype"),url(/font/ChulaCharasNew.woff2) format("woff2"),url(/font/ChulaCharasNew.woff) format("woff"),url(/font/ChulaCharasNew.ttf) format("truetype"),url(/font/ChulaCharasNew.svg#ChulaCharasNew) format("svg");font-weight:400;font-style:normal;font-display:swap}:root{--color-navbar: #BD1354;--color-primary: #df5c8e;--fc-event-text-color: #df5c8e;--color-text: #18A096;--color-border:#0ecdbd;--color-bg: #DEFFFD;--color-white: #fff;--color-black: #000;--color-red: #ff0000;--fc-highlight-color: rgb(223 92 142 / 27%);--bs-border-width: 1px;--cu-pink: #d85a8a;--cu-soft: #f7ebff;--cu-soft2: #fff5fb;--cu-purple: #5d1c71;--cu-pink: #d6588c;--cu-border: rgba(93, 28, 113, .18);--cu-shadow: 0 10px 28px rgba(0, 0, 0, .1);--cu-radius: 18px}html,body{font-family:ChulaCharasNew,sans-serif!important;padding-top:65px;padding-bottom:0;margin-bottom:0;background:#fff;font-size:17px;height:100%}.main-body{position:relative;top:-48px;background:linear-gradient(180deg,#fff 21%,#ede8e8 76%)}.main-admin-body{position:relative;top:-19px}p,h1,h2,h3,h4,h5,h6{margin-bottom:10px}p{line-height:1.8em}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:700}ul.ul-nonestyle{list-style:none;margin:0;padding:0}a{text-decoration:none;transition:all ease .3s;color:#646464}a:hover{text-decoration:none}.img-icon{height:28px}.logo{height:45px}.btn{border-radius:21px!important}.btn-toggle-nav a{margin:3px}.navbar-secondary{font-family:CHULALONGKORN;padding:0 15px;box-shadow:0 4px 8px #928b8b59;background:#fff;background:linear-gradient(106deg,#fff 65%,#ececec 90%);z-index:889;top:80px;border-radius:0 0 20px 20px}.spinner-wrapper{background-color:#ffffffb3;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center;transition:all .5s}.loader{width:50px;aspect-ratio:1;--_c:no-repeat radial-gradient(farthest-side,#DF5C8E 92%,#0000);background:var(--_c) top,var(--_c) left,var(--_c) right,var(--_c) bottom;background-size:12px 12px;animation:l7 1s infinite}@keyframes l7{to{transform:rotate(.5turn)}}.navbar-toggler{position:relative;width:52px;height:60px;margin:0;padding:0;border:none;border-radius:0;background-color:transparent}.navbar-toggler span.hamburger,.navbar-toggler span.hamburger:after,.navbar-toggler span.hamburger:before{content:"";display:block;position:absolute;top:50%;right:16px;left:auto;width:10px;height:3px;margin-top:-1px;border-radius:2px;background-color:#000;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);-webkit-transition:all .4s cubic-bezier(.6,0,.2,1);-moz-transition:all .4s cubic-bezier(.6,0,.2,1);-o-transition:all .4s cubic-bezier(.6,0,.2,1);transition:all .4s cubic-bezier(.6,0,.2,1);-webkit-transition-timing-function:cubic-bezier(.6,0,.2,1);-moz-transition-timing-function:cubic-bezier(.6,0,.2,1);-o-transition-timing-function:cubic-bezier(.6,0,.2,1);transition-timing-function:cubic-bezier(.6,0,.2,1);transition-delay:0s}.navbar-toggler span.hamburger:before{top:0;right:0;margin-top:-8px;width:20px}.navbar-toggler span.hamburger:after{top:0;right:0;margin-top:8px;width:20px}.navbar-toggler:not(.collapsed) span.hamburger{background:transparent!important;transition-delay:.1s;transition-duration:.2s}.navbar-toggler:not(.collapsed) span.hamburger:before{background-color:#000;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);margin-top:0}.navbar-toggler:not(.collapsed) span.hamburger:after{background-color:#000;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);margin-top:0}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:none}.btn-toggle-nav .nav-link-inner.active,.btn-toggle-nav .show>.nav-link-inner{color:var(--color-navbar);border-bottom:4px solid;box-shadow:inset #00000014 -2px 0 7px 4px}.nav-item .nav-link-inner{padding:12px;font-size:18px;position:relative;display:block;z-index:2;cursor:pointer}.nav-item .nav-link-inner:hover{background-color:#ffddea91;color:#b43b6b!important}.nav-item .nav-link-name{padding:12px;font-size:18px;position:relative;display:block;z-index:2}.bg-white{--bs-bg-opacity: 1;background-color:#ffffff1a!important;background:linear-gradient(94deg,#ffffff42,#ffd8e7e3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(5px)}.logo-nav{height:52px}.bg-navbar{background:#01011354;box-shadow:0 0 1px #000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.navbar-light .navbar-toggler{color:#0000008c;border-color:#fff}.navbar-res{position:sticky}nav .navbar-nav .nav-item .btn-login{padding:5px 12px;font-size:1.125rem;font-weight:300;color:#594a4f;position:relative;display:block;z-index:2;cursor:pointer;background-color:transparent;border:.5px solid;border-radius:8px}nav .navbar-nav .nav-item .btn-login:hover{padding:5px 12px;font-size:1.125rem;font-weight:300;color:var(--color-navbar);position:relative;display:block;z-index:2;cursor:pointer;background-color:#ffe5ef;border:.5px solid;border-radius:8px}nav .navbar-nav .nav-item .nav-link{padding:12px;font-size:18px;font-weight:300;color:var(--theme-banner-bg);position:relative;display:block;z-index:2;cursor:pointer}.navbar-light .navbar-nav .nav-link:hover{background-color:#ffddea91;color:#b43b6b;border-radius:.25rem}.navbar-expand-lg .navbar-nav .nav-link{padding-right:1.5rem;padding-left:1.5rem}nav .navbar-nav .nav-item.active>a{color:var(--color-navbar)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:var(--color-navbar)}.nav-link.btn-login{padding:5px 10px;color:var(--theme-banner-bg);background-color:transparent;border:1px solid;border-radius:8px}nav .navbar-nav .nav-item .nav-bt:hover,.btn-login:hover{color:var(--color-navbar)}nav .menu-right{font-weight:300}nav .menu-right .language{color:var(--theme-banner-bg)}nav .menu-right .language:hover{color:var(--color-white)}nav .menu-right .profile{cursor:pointer;color:#594a4f;padding:2px 5px;padding-right:1.5rem;padding-left:1.5rem}nav .menu-right .profile span{font-size:15px;max-width:100px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;float:left;margin-right:10px;line-height:30px}nav .menu-right .profile>img{height:34px;width:34px;border-radius:30px;border:1px solid var(--color-navbar);display:inline-block}nav .menu-right .nav-item .dropdown-menu{left:auto;right:0;min-width:130px}nav .menu-right .nav-item .dropdown-menu li{display:block;font-size:15px}.navbar .nav-item .dropdown-menu{display:none;margin-top:0;padding:0;box-shadow:0 6px 18px #00000036}.navbar .nav-item:hover .dropdown-menu{display:block}.dropdown-bg{background:#fff}.menu-link{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;margin:0;position:relative}.navbar .nav-item .dropdown-menu .menu-icon{flex-grow:0;flex-shrink:0;margin-right:.5rem;display:none}.navbar .nav-item .dropdown-menu .dropdown-item{padding:10px;font-size:18px;color:#212529;background:transparent;font-weight:300;margin:3px 0}.navbar .nav-item .dropdown-menu .dropdown-item:hover{color:var(--color-navbar);background:#feeaf2;border-radius:3px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);margin:3px 0}.navbar .nav-item .dropdown-menu .dropdown-item.active{font-weight:300;background-color:transparent;color:#bd1354}.nav-item-p,.menu-icon{padding:5px 7px;display:block}.header-text-nav-inner{padding:0 9px;color:#631f72;background:#fef1ff;border-bottom:1px dashed;border-left:6px solid #6d2574}.dropdown-menu-login[data-bs-popper]{position:absolute;top:100%;left:unset;right:5px;margin-top:10px;background-color:#fff;box-shadow:0 0 10px #00000029;border:0;border-radius:8px}.dropdown-item-profile{display:block;width:200px;padding:10px;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.dropdown-item-profile:hover{color:#000;background:#e9ecef}.dropdown-divider{height:2px;margin:.5rem 0;overflow:hidden;border-top:1px solid #d9dee3}.dropdown-item:active{background-color:var(--color-navbar);color:#000}.avatar img{height:60px;width:60px}.text-cut-noti{overflow:hidden;text-overflow:ellipsis;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:19px;margin-left:25px}.text-name-noti{font-size:18px;font-weight:700;color:var(--color-navbar);line-height:1.76}.text-topic-noti{font-size:18px;color:#212529;line-height:1.76}.noti-detail{max-height:34px;overflow:hidden}.icon-noti{color:var(--theme-banner-bg);float:left;line-height:1.76!important}.nav-wrapper-noti{overflow-y:scroll;max-height:220px;margin:4px;border-radius:5px;padding-bottom:0;padding-top:0}.selectize-dropdown-content{padding:0!important}.dropdown-menu{padding:0}.nav-wrapper-noti li:not(:last-child){border-bottom:1px solid #f8f8f8;width:100%}.dropdown-item-noti{display:block;width:300px;padding:10px;clear:both;font-weight:300;color:var(--color-navbar);text-align:inherit;text-decoration:none;background-color:transparent;border:0}.dropdown-item-noti p{margin-bottom:0}.dropdown-item-noti:hover{color:var(--color-navbar);background:#fff2f7}.menu-right .dropdown-toggle:after{display:none}.text-nav{padding:12px;border-left:1px solid #ccc;font-family:CHULALONGKORN;font-size:20px;background:-webkit-linear-gradient(45deg,#e06494,#9c0f49 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-banner{background-image:url(/image/bg-main.png);background-color:#fff;padding:41px 15px 86px;background-size:cover;background-position:center;background-repeat:no-repeat}.section-banner h2{font-family:CHULALONGKORN;font-size:36px;font-weight:bolder;line-height:1.8;color:#101010}.section-banner h4{font-weight:500;font-size:28px;font-family:CHULALONGKORN}.section-banner-home{background:linear-gradient(94deg,#ffffff91,#ffb3908f 45%,#ff136dd1),url(/image/bg-car-2.svg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:41px 15px 80px}.section-banner-car{background:linear-gradient(94deg,#ffffff91,#ffb39045 45%,#ff136d91),url(/image/bg-car-1.png);min-height:210px;padding:101px 15px 80px;background-size:cover;background-position:center;background-repeat:no-repeat}.section-banner-cardetail,.section-banner-roomdetail{background:linear-gradient(94deg,#ffffff91,#ffb3908f 45%,#ff136dd1),url(/image/bg-car-2.svg);background-color:#fff;min-height:210px;padding:101px 15px 80px;background-size:cover;background-position:center;background-repeat:no-repeat}.section-banner-room{background:linear-gradient(94deg,#ffffff91,#ffb39045 45%,#ff136d91),url(/image/bg-room-1.png);min-height:210px;padding:101px 15px 80px;background-size:cover;background-position:center;background-repeat:no-repeat}.section-banner-sport{background:linear-gradient(94deg,#ffffff91,#ffb39045 45%,#ff136d91),url(/image/bg-sport-1.png);min-height:210px;padding:101px 15px 80px;background-size:cover;background-position:center;background-repeat:no-repeat}.section-banner-finance{background:linear-gradient(94deg,#ffffff91,#ffb3908f 45%,#ff136dd1),url(/image/bg-finance.png);min-height:210px;padding:101px 15px 80px;background-size:cover;background-position:center;background-repeat:no-repeat}.section-banner-lease{background:linear-gradient(94deg,#ffffff91,#ffb39045 45%,#ff136d91),url(/image/bg-lease.png);min-height:210px;padding:101px 15px 80px;background-size:cover;background-position:center;background-repeat:no-repeat}.section-banner-approve{background:linear-gradient(94deg,#ffffff91,#ffb39045 45%,#ff136d91),url(/image/bg-approve.png);min-height:210px;padding:101px 15px 80px;background-size:cover;background-position:center;background-repeat:no-repeat}.section-banner-downloadfile{background:linear-gradient(94deg,#ffffff91,#ffb39045 45%,#ff136d91),url(/image/bg-downloadfile.png);min-height:210px;padding:41px 15px 80px;background-size:cover;background-position:center;background-repeat:no-repeat}.section-banner-imagebooking{background:linear-gradient(94deg,#ffffff91,#ffb39045 45%,#ff136d91),url(/image/bg-building.png);min-height:210px;padding:41px 15px 80px;background-size:cover;background-position:center;background-repeat:no-repeat}.section-content{padding:0 15px 40px;background-color:transparent;position:relative;margin-top:-55px}.section-content:before{content:"";background:#fff;position:absolute;left:0;top:36px;height:calc(100% - 36px);width:100%;z-index:0;border-radius:30px}.section-report:before{background:linear-gradient(0deg,#fff 22%,#feebf4)}.section-report .text-sub-head-search{border-bottom:1px dashed #df5c8e}.card-home,.card-home-1,.card-home-2{padding:10px 3% 35px;display:table;margin:8px auto;max-width:100%;position:relative;z-index:1;text-align:center;background:#e8b0c512;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.card{border-radius:16px;background-color:#fff}.image-content,.card-content{display:flex;flex-direction:column;align-items:center;padding:10px 14px}.image-content{position:relative;row-gap:5px;padding:25px 0}.overlay{position:absolute;left:0;top:0;height:46%;width:100%;background-image:linear-gradient(94deg,#fff0,#ffb39000 45%,#ff136d00),url(/image/img-card-admin.png);background-color:#fcd8e7;border-radius:35px 35px 0 0;background-size:cover;background-position:center;background-repeat:no-repeat}.overlay:before,.overlay:after{content:"";position:absolute;right:0;bottom:-40px;height:40px;width:40px}.overlay:after{border-radius:0 25px 0 0}.card-image{position:relative;height:150px;width:150px;border-radius:50%;background:#fff;padding:3px}.card-image .card-img{height:100%;width:100%;object-fit:cover;border-radius:50%;border:4px solid #4070F4}ul.ul-cards{width:min(100%,80rem);margin-inline:auto;display:flex;flex-wrap:wrap;gap:3rem;list-style:none;justify-content:center}ul.ul-cards>li>a{--text-color: #333;--padding: 1rem;--circle-size: 3rem;--circle-expand: 1rem;--flap-height: 1.25rem;--flap-offset: .5rem;transform:translateY(20px);transition:.5s;width:340px;margin-top:calc(var(--circle-size) / 2 + var(--circle-expand));margin-bottom:var(--flap-offset);background:linear-gradient(104deg,#ffebf2 21%,#f0e1f2 76%);border-radius:35px;padding:var(--padding);--bs-rim: inset -.1rem .1rem .1rem rgb(255 255 255 / .5);--bs-card-spread: .25rem;--bs-card-color: rgb(144 142 142 / 2%);--bs-card: -.1rem .1rem var(--bs-card-spread) var(--bs-card-color), -.2rem .2rem var(--bs-card-spread) var(--bs-card-color), -.3rem .3rem var(--bs-card-spread) var(--bs-card-color), -.4rem .4rem var(--bs-card-spread) var(--bs-card-color), -.5rem .5rem var(--bs-card-spread) var(--bs-card-color), -.6rem .6rem var(--bs-card-spread) var(--bs-card-color), -.7rem .7rem var(--bs-card-spread) var(--bs-card-color), -.8rem .8rem var(--bs-card-spread) var(--bs-card-color), -.9rem .9rem var(--bs-card-spread) var(--bs-card-color), -1rem 1rem var(--bs-card-spread) var(--bs-card-color), -1.1rem 1.1rem var(--bs-card-spread) var(--bs-card-color), -1.2rem 1.2rem var(--bs-card-spread) var(--bs-card-color), -1.3rem 1.3rem var(--bs-card-spread) var(--bs-card-color), -1.4rem 1.4rem var(--bs-card-spread) var(--bs-card-color), -1.5rem 1.5rem var(--bs-card-spread) var(--bs-card-color), -1.6rem 1.6rem var(--bs-card-spread) var(--bs-card-color), -1.7rem 1.7rem var(--bs-card-spread) var(--bs-card-color), -1.8rem 1.8rem var(--bs-card-spread) var(--bs-card-color), -1.9rem 1.9rem var(--bs-card-spread) var(--bs-card-color);box-shadow:var(--bs-rim),var(--bs-card);display:grid;grid-template-rows:max-content max-content auto;justify-items:center;text-align:center;gap:.75rem;position:relative}ul.ul-cards>li>a:hover{transform:translateY(0);box-shadow:0 4px 8px #fbd9e8;color:#6e1a69}ul.ul-cards>li>a>.icon{width:var(--circle-size);margin-top:calc(var(--circle-size) / -2 - var(--padding));justify-self:center;display:grid;place-items:center;z-index:1}ul.ul-cards>li>a>.icon>i{font-size:calc(var(--circle-size) / 3);color:var(--accent-color)}ul.ul-cards>li>a>.title{margin-top:4rem;color:#000;font-weight:400;font-size:28px}ul.ul-cards>li>a>.content{font-size:.8rem;margin-bottom:1rem;color:var(--text-color)}ul.ul-cards>li>a>:before,ul>li>a>:after{content:"";position:absolute}ul{padding-left:0rem}.logo-homeadmin{height:41px;position:absolute;right:14px;top:25px}.logo-room{height:112px;position:absolute;right:11px;top:-55px}.logo-sport{height:130px;position:absolute;right:0;top:-61px}.logo-contract{height:172px;top:-89px;right:-18px;position:absolute}.logo-image{height:113px;top:-52px;right:-14px;position:absolute}.logo-setting{height:113px;top:-56px;right:14px;position:absolute}.logo-finance{height:124px;top:-62px;right:18px;position:absolute}.logo-approve{height:124px;top:-66px;right:16px;position:absolute}.logo-downloadfile{height:128px;top:-65px;right:8px;position:absolute}ul.ul-cards>li>a:hover>.icon>i{background:-moz-linear-gradient(top,rgb(89,89,89) 0%,#c65088 45%,#49045c 100%);background:-webkit-linear-gradient(top,rgb(89,89,89) 0%,#c65088 45%,#49045c 100%);background:linear-gradient(to bottom,#595959,#c65088 45%,#49045c);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}ul.ul-cards>li>a:hover>.icon>i:before{display:initial}.section-setting .logo-car{font-size:69px!important;position:absolute;left:0;top:-26px}.section-setting ul.ul-cards{width:min(100%,80rem);margin-inline:auto;display:flex;flex-wrap:wrap;gap:1rem;list-style:none;justify-content:center}.section-setting .card-home{width:90%}.section-setting ul.ul-cards>li>a>.title{margin-top:2rem;font-size:23px;position:relative;top:10px}.section-setting ul.ul-cards>li>a{--padding: .2rem;width:500px}.section-setting .overlay{height:36%}.card-fuel{border-bottom:1px dashed;padding:0;color:#bd1354}.section-schedulecar .nav-pills .nav-link,.section-paymentlist .nav-pills .nav-link,.section-savemeter .scrolling-wrapper .nav-pills .nav-link{background:#df5c8e;color:#fff;margin:0 3px;box-shadow:#5555554f 0 4px 12px}.section-schedulecar .nav-pills .nav-link.active,.section-schedulecar .nav-pills .show>.nav-link,.section-paymentlist .nav-pills .nav-link.active,.section-paymentlist .nav-pills .show>.nav-link,.section-savemeter .scrolling-wrapper .nav-pills .nav-link.active,.section-savemeter .scrolling-wrapper .nav-pills .show>.nav-link{color:#df5c8e;background-color:#fff}.section-search .card-home{padding:10px 3%;width:100%;background:linear-gradient(90deg,#fff,#ffebf4);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:2}.section-calendar .card-home{padding:20px 3%}.section-ldap .card-home{width:950px}.section-report .card-home{width:700px;background-color:#fff;border:1px solid #f5f5f5;box-shadow:10px 10px #d7567e}.section-search .card-home .text-search p,.section-room .card-home .text-search p{color:#bd1354;font-size:18px;font-weight:700;margin-bottom:.15rem}.section-search .card-home .text-search .form-label,.section-room .card-home .text-search .form-label{color:#bd1354;font-weight:700}.section-search .card-home .text-search .form-select{width:66%;font-size:18px}.section-search .card-home .btn-search{align-self:end;text-align:end}.text-sub-head-search{z-index:1}.text-sub-head-search h4{font-family:CHULALONGKORN;color:#000;font-size:22px;font-weight:400;margin-bottom:4px}.section-detail .card-home{padding:20px 3%;margin:8px auto 50px;width:100%;background:#fff;z-index:2}.section-room-2 .card-home,.sectionsport-room-3 .card-home,.section-sport-3 .card-home,.section-sport-4 .card-home,.section-sport-5 .card-home,.section-sport-6 .card-home,.section-sport-1 .card-home-1,.sectionsport-room-1 .card-home-1,.section-sport-2 .card-home-1{padding:20px 3%!important;margin:8px auto 50px!important}.section-room-2 .bs-stepper .bs-stepper-header .bs-stepper-circle{background-color:#df5c8e!important;color:#fff!important}.section-room-2 .bs-stepper .bs-stepper-header .bs-stepper-label .bs-stepper-title{color:#df5c8e!important}.section-room-2 .bs-stepper .bs-stepper-header .line{border-top:1px solid rgb(216 89 138)!important}.section-detail .card-home .card .card-header h5{margin-bottom:0}.section-detail .card-home .card .card-header:first-child{border-radius:16px 16px 0 0}.section-detail .card-home .card .card-header{background:#4f4f4f;color:#fff;padding:10px 15px}.section-detail .card-home .card .card-body p,.section-detail .card-home .accordion-body .card-body-collapse p{margin-bottom:.1rem;font-size:18px}.section-detail .card-home .card .card-body .bootstrap-select{width:100%}.section-receiptdailyreport-detail .card-home .card .card-body .bootstrap-select{width:150px}.section-room .card-home{display:block;padding:20px 3% 10px;margin:8px auto 21px;width:100%;background:#fff;z-index:2}.section-room .card-room .card-home{margin:8px auto 10px}.section-detail .card-home-2{display:block;padding:10px 3% 20px;margin:8px auto 50px;width:100%;background:#fff;z-index:2}.section-room .card-day,.section-room .card-month{padding:15px;background:#fffbfc;border-radius:8px;border:1px solid #df5c8e}.section-room .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title{line-height:1.8;font-size:20px}.section-room .bs-stepper .bs-stepper-header .step .bs-stepper-circle{border-radius:100px;font-size:20px;height:3.5rem;width:3.5rem;background-color:#43597129;color:#697a8d}.section-sport-2 .status-active{color:#090909;background-color:#b2ff59;border:1px solid #B2FF59;font-size:18px;padding:15px 17px;box-shadow:#5555554f 0 4px 12px;border-radius:8px}.section-sport-2 .status-select{color:#fff;background-color:#df5c8e;border:1px solid #DF5C8E;font-size:18px;padding:15px 17px;box-shadow:#5555554f 0 4px 12px;border-radius:8px;text-align:center;margin:auto 0}.section-sport-2 .status-select:hover{color:#fff;background-color:#d15383;border-color:1px solid #d15383;font-size:18px;padding:15px 17px;box-shadow:#f382ada3 0 4px 12px;border-radius:8px;text-align:center;margin:auto 0}.section-sport-2 .card-day{padding:2px 10px 12px;background:#fffbfc;border-radius:8px;border:1px solid #df5c8e}.section-sport-2 .btn-outline-primary{color:#090909;background-color:#b2ff59;border:1px solid #B2FF59;font-size:18px;box-shadow:#5555554f 0 4px 12px;border-radius:8px}.section-sport-2 .demo-inline-spacing>*{margin:.5rem 0rem 0!important}.section-sport-2 .card-text{margin:10px 15px}.section-sport-2 .btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;background:#939393;filter:none;border:none;opacity:.75}.section-sport-3 .card-img-top{object-fit:cover;object-position:top;height:auto;max-height:none;border-radius:10px}.text-head-sport{font-weight:400;font-size:22px;padding:0;border-bottom:1px dashed;color:#bd1354}.account-selection__option{display:flex;align-items:center;gap:.5em;padding:.875em;border:2px solid #cacaca;border-radius:8px;width:100%;height:100%;cursor:pointer}.account-selection__input{accent-color:#df5c8e;height:22px;width:22px}.account-selection__text{flex-grow:1;color:var(--neutral-500)}.account-selection__icon{color:var(--neutral-400)}.account-selection__input:checked~.account-selection__text{color:var(--primary-800)}.account-selection__input:checked~.account-selection__icon{color:var(--primary-500)}.account-selection__option:has(.account-selection__input:checked){border-color:#df5c8e}.card-qr{margin:0 auto;width:200px;height:200px;border-radius:0}.card-payment{margin:0 auto;width:100px;align-self:center}.sectionsport-room-2 .bs-stepper .bs-stepper-header .step-1 .bs-stepper-circle,.section-sport-2 .bs-stepper .bs-stepper-header .step-1 .bs-stepper-circle,.section-sport-3 .bs-stepper .bs-stepper-header .step-1 .bs-stepper-circle,.section-sport-3 .bs-stepper .bs-stepper-header .step-2 .bs-stepper-circle,.section-sport-4 .bs-stepper .bs-stepper-header .step-1 .bs-stepper-circle,.section-sport-4 .bs-stepper .bs-stepper-header .step-2 .bs-stepper-circle,.section-sport-4 .bs-stepper .bs-stepper-header .step-3 .bs-stepper-circle,.section-sport-5 .bs-stepper .bs-stepper-header .step-1 .bs-stepper-circle,.section-sport-5 .bs-stepper .bs-stepper-header .step-2 .bs-stepper-circle,.section-sport-5 .bs-stepper .bs-stepper-header .step-3 .bs-stepper-circle,.section-sport-5 .bs-stepper .bs-stepper-header .step-4 .bs-stepper-circle,.section-sport-6 .bs-stepper .bs-stepper-header .step-1 .bs-stepper-circle,.section-sport-6 .bs-stepper .bs-stepper-header .step-2 .bs-stepper-circle,.section-sport-6 .bs-stepper .bs-stepper-header .step-3 .bs-stepper-circle,.section-sport-6 .bs-stepper .bs-stepper-header .step-4 .bs-stepper-circle,.section-sport-6 .bs-stepper .bs-stepper-header .step-5 .bs-stepper-circle{background-color:#df5c8e;color:#fff}.sectionsport-room-2 .bs-stepper .bs-stepper-header .step-1 .step-trigger .bs-stepper-label .bs-stepper-title,.section-sport-2 .bs-stepper .bs-stepper-header .step-1 .step-trigger .bs-stepper-label .bs-stepper-title,.section-sport-3 .bs-stepper .bs-stepper-header .step-1 .step-trigger .bs-stepper-label .bs-stepper-title,.section-sport-3 .bs-stepper .bs-stepper-header .step-2 .step-trigger .bs-stepper-label .bs-stepper-title,.section-sport-4 .bs-stepper .bs-stepper-header .step-1 .step-trigger .bs-stepper-label .bs-stepper-title,.section-sport-4 .bs-stepper .bs-stepper-header .step-2 .step-trigger .bs-stepper-label .bs-stepper-title,.section-sport-4 .bs-stepper .bs-stepper-header .step-3 .step-trigger .bs-stepper-label .bs-stepper-title,.section-sport-4 .bs-stepper .bs-stepper-header .step-4 .step-trigger .bs-stepper-label .bs-stepper-title,.section-sport-5 .bs-stepper .bs-stepper-header .step-1 .step-trigger .bs-stepper-label .bs-stepper-title,.section-sport-5 .bs-stepper .bs-stepper-header .step-2 .step-trigger .bs-stepper-label .bs-stepper-title,.section-sport-5 .bs-stepper .bs-stepper-header .step-3 .step-trigger .bs-stepper-label .bs-stepper-title,.section-sport-5 .bs-stepper .bs-stepper-header .step-4 .step-trigger .bs-stepper-label .bs-stepper-title,.section-sport-6 .bs-stepper .bs-stepper-header .step-1 .step-trigger .bs-stepper-label .bs-stepper-title,.section-sport-6 .bs-stepper .bs-stepper-header .step-2 .step-trigger .bs-stepper-label .bs-stepper-title,.section-sport-6 .bs-stepper .bs-stepper-header .step-3 .step-trigger .bs-stepper-label .bs-stepper-title,.section-sport-6 .bs-stepper .bs-stepper-header .step-4 .step-trigger .bs-stepper-label .bs-stepper-title,.section-sport-6 .bs-stepper .bs-stepper-header .step-5 .step-trigger .bs-stepper-label .bs-stepper-title{color:#df5c8e}.sectionsport-room-2 .bs-stepper .line-1,.section-sport-2 .bs-stepper .line-1,.section-sport-3 .bs-stepper .line-1,.section-sport-3 .bs-stepper .line-2,.section-sport-4 .bs-stepper .line-1,.section-sport-4 .bs-stepper .line-2,.section-sport-4 .bs-stepper .line-3,.section-sport-5 .bs-stepper .line-1,.section-sport-5 .bs-stepper .line-2,.section-sport-5 .bs-stepper .line-3,.section-sport-5 .bs-stepper .line-4,.section-sport-6 .bs-stepper .line-1,.section-sport-6 .bs-stepper .line-2,.section-sport-6 .bs-stepper .line-3,.section-sport-6 .bs-stepper .line-4,.section-sport-6 .bs-stepper .line-5{border-top:1px solid rgb(216 89 138)!important}.card-sammary-payment{padding:20px 3%;display:table;margin:8px auto;width:450px;max-width:100%;position:relative;z-index:1;text-align:center;background:#e8b0c512;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.txt-field{position:relative;border-bottom:1px solid #DB5F8E}.card-sammary-payment .text-head{border-bottom:1px dashed var(--color-navbar)}.card-sammary-payment .text-head h4{color:var(--color-navbar)}.card-sammary-payment .text-number{font-size:20px}.sectionsport-room-3 .bs-stepper .bs-stepper-header .step .bs-stepper-circle{background-color:#df5c8e;color:#fff}.sectionsport-room-3 .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title{color:#df5c8e}.sectionsport-room-3 .bs-stepper .line{border-top:1px solid rgb(216 89 138)!important}.sectionsport-room-3 .card-day .table-cardbody table{min-width:0px}.sectionsport-room-3 .card-day .table-wrapper{max-height:460px}.bs-stepper .bs-stepper-header .step .step-trigger{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;flex-direction:column!important;padding:0 .2rem!important;width:263px;border:1px solid #ff88a759;border-radius:20px;background:#ffd7dc26}.wizard-numbered{overflow-x:scroll!important;overflow-y:hidden!important;white-space:nowrap!important}.section-sport-1 .bs-stepper .bs-stepper-header,.section-sport-2 .bs-stepper .bs-stepper-header,.section-sport-3 .bs-stepper .bs-stepper-header,.section-sport-4 .bs-stepper .bs-stepper-header,.section-sport-5 .bs-stepper .bs-stepper-header,.section-sport-6 .bs-stepper .bs-stepper-header{justify-content:start!important}.bs-stepper .step-trigger:focus,.active .bs-stepper-title{color:#df5c8e!important}.active .bs-stepper-circle{background-color:#df5c8e!important;color:#fff!important}.text-red{color:var(--color-red)}.form-control:focus{color:#212529;border-color:#df5c8e;box-shadow:0 0 0 .25rem #ffe8f0}.form-check-input:focus{border:1px solid rgba(0,0,0,.25);box-shadow:0 0 0 .15rem #ffe8f045}.form-check-input:checked{background-color:#df5c8e;border:1px solid rgba(0,0,0,.25)}.form-check-input:active{filter:brightness(100%)}.form-label{font-size:18px;font-weight:700}.form-check{font-size:18px}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#d0d0d0!important}.dropdown-toggle:after{color:#343a40!important}.btn-primary{color:#fff;background:linear-gradient(90deg,#df5c8e,#53186e);border-color:transparent;font-size:18px;box-shadow:#5555554f 0 4px 12px;transition:.25s;box-shadow:0 4px 12px #a3003e4d}.btn-primary:hover{color:#fff;border-color:transparent;filter:brightness(1.1);box-shadow:0 6px 16px #a3003e66}.btn-second,.btn-second:hover{color:#df5c8e;background-color:#f0f2f4;border-color:#f0f2f4;font-size:18px;box-shadow:#5555554f 0 4px 12px;border-radius:8px}.btn-third{color:#999;background-color:#fff;border-color:#999;font-size:18px;box-shadow:#5555554f 0 4px 12px;border-radius:8px}.btn-third:hover{color:#999;background-color:#fff;border-color:#999;font-size:18px;box-shadow:#e2e2e24f 0 4px 12px;border-radius:8px}.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem #ffffff40}.btn-check:focus+.btn-primary,.btn-primary:focus{color:#fff;background-color:#df5c8e;border-color:#df5c8e;box-shadow:#f382ada3 0 4px 12px}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:#f382ada3 0 4px 12px}.btn-delete{color:var(--color-black);background-color:var(--color-white);border:1px solid var(--color-black);font-size:18px;padding:6px 10px;border-radius:5px;text-align:center}.btn-delete:hover{color:var(--color-black);box-shadow:0 4px 9px -4px #00000059}.btn-four{color:#4b0052;background-color:#fef3ff;border:1px solid #4B0052;font-size:18px;border-radius:8px;text-align:center;box-shadow:#5555554f 0 4px 12px}.btn-four:hover{color:#4b0052;background-color:#fef3ff;box-shadow:0 4px 9px -4px #00000059}.btn-five{color:#ee9706;background-color:#fff;border:1px solid #EE9706;font-size:18px;border-radius:8px;text-align:center;box-shadow:#5555554f 0 4px 12px}.btn-five:hover{color:#ee9706;background-color:#fff;box-shadow:0 4px 9px -4px #00000059}.btn-excel{color:#15774a;background-color:#fff;border:1px solid #15774a;font-size:18px;border-radius:8px;text-align:center;box-shadow:#5555554f 0 4px 12px}.btn-excel:hover{color:#15774a;background-color:#fff;box-shadow:0 4px 9px -4px #00000059}.btn-check:focus+.btn-excel,.btn-excel:focus,.btn-check:focus+.btn-second,.btn-second:focus{box-shadow:0 4px 9px -4px #00000059}.btn-green{color:#fff;background-color:#18a096;border-color:#18a096;font-size:18px;box-shadow:#5555554f 0 4px 12px;border-radius:8px}.btn-green:hover{color:#fff;background-color:#308a84;border-color:#308a84;font-size:18px;box-shadow:#98c1be 0 4px 12px;border-radius:8px}.btn-red{color:#fff;background-color:#fa3c48;border-color:#fa3c48;font-size:18px;box-shadow:#5555554f 0 4px 12px;border-radius:8px}.btn-red:hover{color:#fff;background-color:#e13640;border-color:#e13640;font-size:18px;box-shadow:#e89ba0 0 4px 12px;border-radius:8px}.btn-red-2{color:#fa3c48;background-color:#fff;border-color:#fa3c48;box-shadow:#5555554f 0 4px 12px}.btn-red-2:hover{color:#fa3c48;background-color:#fff;border-color:#fa3c48;box-shadow:#e89ba0 0 4px 12px}.btn-cancel{color:#8592a3!important;border-color:transparent;background:#ebeef0;font-size:18px;border-radius:8px;text-align:center}.btn-cancel:hover{background-color:#6e7881;color:#fff!important;box-shadow:0 4px 9px -4px #00000059}.btn-head{position:unset}.btn-tag-close{padding:0 7px;color:#7a838b}.btn-tag-close:hover{padding:0 7px;color:#ff2804}.alert{border-radius:8px}.alert-warning{color:#c0660b;background-color:#ffe5b9;border-color:#c0660b}.alert-warning h5{font-family:CHULALONGKORN;font-weight:400;font-size:18px}.alert-warning p{font-size:18px}.alert-danger{color:#ff4242;background-color:#ffe9eb;border-color:#ff4242}.alert-danger h5{font-family:CHULALONGKORN;font-weight:400;font-size:18px}.alert-danger p{font-size:20px}.alert-noti{padding:.1rem .4rem!important;top:-4px!important;font-size:13px!important;line-height:16px!important;color:#fff;display:inline-block;transform:translate(-29%,-43%)!important}.card-nodata{z-index:1;padding:100px 0}.card-nodata img{height:55px}.card-nodata-doc img{height:111px}.card-nodata h4{color:#bd1354;font-size:22px}.card-home .bootstrap-select .dropdown-toggle:focus,.card-home .bootstrap-select>select.mobile-device:focus+.dropdown-toggle,.modal-user .bootstrap-select .dropdown-toggle:focus,.modal-user .bootstrap-select>select.mobile-device:focus+.dropdown-toggle,.modal .bootstrap-select .dropdown-toggle:focus,.modal .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:none!important;outline-offset:-2px}.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{display:unset!important}.cu-section-card .bootstrap-select .dropdown-toggle:focus,.cu-section-card .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:none!important;outline-offset:-2px!important}.card-home .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:100%}.btn-check:focus+.btn-light,.btn-light:focus{color:#000;background-color:#fff;border-color:#f8f9fa;box-shadow:0 0 0 .25rem #ffe8f0;border:1px solid #df5c8e}.btn-light{color:#212529;background-color:#fff;border:1px solid #ced4da;border-radius:8px}.btn-light:hover{color:#212529;background-color:#fff;border:1px solid #ced4da}.dropdown-item.active{color:#fff;text-decoration:none;background-color:#df5c8e}.selectize-input input::placeholder{color:#d0d0d0!important}.selectize-control .selectize-input.disabled,.btn-light.disabled,.btn-light:disabled{opacity:1!important;background-color:#eaecef!important;border:1px solid #ced4da!important}.card-home .input-group .selectize-input,.cu-section-card-sub .input-group .selectize-input{overflow:unset;border-radius:30px}.card-home .selectize-input.focus,.cu-section-card-sub .selectize-input.focus{border:1px solid #df5c8e;outline:0;box-shadow:0 0 0 .25rem #ffe8f0}.selectize-dropdown [data-selectable] .highlight{background:#fbaecb8a;border-radius:1px}.modal-user p{line-height:1.5em}.bootstrap-select .dropdown-menu li a span.text{font-size:18px}.bootstrap-select .dropdown-toggle .filter-option-inner-inner{font-size:18px;line-height:1.8}.card-home .form-control,.modal .form-control,.cu-section-card .form-control{font-size:18px;border-radius:30px;line-height:1.8}.bs-searchbox .form-control{border-radius:30px}.cu-section-card .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:100%}.cu-section-card .bootstrap-select:not(.input-group-btn),.cu-section-card .bootstrap-select[class*=col-]{display:block!important}.selectize-dropdown,.selectize-dropdown.form-control{box-shadow:none!important}.form-control label{font-size:18px}.timepicker{text-align:center}::placeholder{overflow:visible;line-height:1.8!important;padding-top:4px!important}.selectize-input input::placeholder{overflow:visible;line-height:1.8!important;padding-top:4px!important}.selectize-input>input[placeholder]{vertical-align:middle}.selectize-input>input{display:inline-block!important;padding:0!important;min-height:0!important;max-height:none!important;max-width:100%!important;margin:0!important;text-indent:0!important;border:0 none!important;background:none!important;line-height:1.8!important;user-select:auto!important;box-shadow:none!important}.selectize-input{border:1px solid #ced4da;padding:.375rem .75rem;line-height:1.8!important;display:inline-block;width:100%;overflow:hidden;position:relative;z-index:1;box-sizing:border-box;box-shadow:none;border-radius:.25rem}.card-sort{font-size:18px}.card-sort label,.card-sort span,.btn-select{z-index:1}.card-sort .bootstrap-select .dropdown-toggle:focus,.card-sort .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:none!important;outline-offset:-2px}.card-sort .dropdown-item{text-align:center}.card-sort .dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#df5c8e}.card-sort .selectize-input.focus{border:1px solid #df5c8e;outline:0;box-shadow:0 0 0 .25rem #ffe8f0}.card-sort .selectize-dropdown [data-selectable] .highlight{background:#fbaecb8a;border-radius:1px}.card-sort .bootstrap-select .dropdown-toggle .filter-option,.card-sort .bootstrap-select .dropdown-menu li a span.text{font-size:18px}.text-year{width:130px}.card-small-detail{padding:8px;border:.5px solid #ff8db8;background:#fff1f663;border-radius:8px}.table-wrapper{overflow-x:scroll;margin:4px;border-radius:12px 12px 0 0;padding-bottom:0}.table-cardbody{position:relative;overflow:auto;margin-bottom:.75rem}.table-cardbody table{min-width:1024px;border-collapse:separate;border-spacing:0px;vertical-align:middle!important;margin:0}.table-two-row .table th:last-child{position:sticky;right:0;background-color:#f2e7ff}.t-width{width:5%}.t-input{width:200px}.table td:last-child{position:sticky;padding:.45rem 1.25rem;right:0;background-color:#fff}.table th:last-child{position:sticky;right:0}.section-room-summarize .card-summarize .table td:last-child{position:sticky;padding:.45rem 1.25rem;right:0}.section-room-summarize .card-summarize .table td:last-child{position:sticky;right:0}.section-room-summarize .card-summarize .table th:first-child,.section-room-summarize .card-summarize .table td:first-child{position:unset}.tag-w{width:100%}.section-schedulecar .table-two-row .table th:last-child,.section-schedulecar .table-two-row .table td:last-child{position:unset}.section-room .table th:first-child,.section-room .table td:first-child,.section-schedulecar .tab-2 .table-two-row .table td:last-child,.section-schedulecar .tab-2 .table-two-row .table th:last-child{position:sticky;left:0;padding:5px 10px}.section-room .table tr:nth-child(odd) td:first-child{background-color:#fff}.section-room .table tr:nth-child(2n) td:first-child{background-color:#fcf5f8}.table-activity .table th:last-child,.table-activity .table td:last-child{position:unset}.table-user .table th:nth-last-child(2),.table-user .table td:nth-last-child(2){padding:11px 10px}.section-receiptreport .table-lock-3 .table th:nth-last-child(2),.section-receiptreport .table-lock-3 .table td:nth-last-child(2){position:sticky;right:404px}.section-receiptreport .table-lock-3 .table th:nth-last-child(2),.section-leaselist .table-lock-3 .table th:nth-last-child(2){background-color:#df5c8e}.section-paymentlist .table-lock-3 .table th:nth-last-child(2),.section-paymentlist .table-lock-3 .table td:nth-last-child(2){position:sticky;right:0}.section-leaselist .table-lock-3 .table th:nth-last-child(2),.section-leaselist .table-lock-3 .table td:nth-last-child(2){position:sticky;right:136px}.table-lock-3 .table td:nth-last-child(2){background-color:#fff}.table-user .table tr:nth-child(2n) td:nth-last-child(2){background-color:#fcf5f8}.table-none-fixed th:last-child,.table-none-fixed td:last-child{position:relative;background-color:#fff;color:#000}tr.sticky{position:sticky;top:0;z-index:1;background:#f2e7ff;box-shadow:0 0 6px #00000040}.head-border{border-left:1px solid #fff;border-right:1px solid #fff}.head-border-r{border-right:1px solid #fff}.head-border-l{border-left:1px solid #fff}.text-head-first{color:var(--color-bg)}.table td,.table th{white-space:nowrap}.table-import .table td,.table-import .table th{white-space:nowrap;text-align:center}.table>:not(caption)>*>*{padding:.425rem 1.25rem}.table-activity .table>:not(caption)>*>*{padding:14px 1.25rem}.table-activity .text-wrap{white-space:normal}.table>:not(:last-child)>:last-child>*{border-bottom-color:transparent;font-size:18px;text-transform:uppercase}thead{color:#1c1c1c;font-weight:300;font-size:16px;background-color:var(--color-primary)}tbody,td,tfoot,th,thead,tr{border:.1px solid #f6e0ea;border-width:0;font-weight:300;font-size:18px}.table>thead{vertical-align:middle}.table-fix{background-color:#212529}.table td .b{white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.text-p-flex{text-align:center}.status-active{color:#090909;background-color:#b2ff59;border:1px solid #B2FF59;font-size:18px;padding:3px 17px;border-radius:5px;text-align:center;margin:auto 0}.status-car-id,.status-sport-id,.status-downloadfile{color:#df5c8e;background-color:#fff6fa;border:1px solid #df5c8e;font-size:18px;padding:3px 17px;margin:0 3px;border-radius:5px;text-align:center}.status-downloadfile img{width:28px}.status-driver,.status-sport{color:#ea9712;background-color:#fffcf4;border:1px solid #ea9712;font-size:18px;padding:3px 17px;margin:0 3px;border-radius:5px;text-align:center}.status-inactive{color:#fff;background-color:#898989;border:1px solid #898989;font-size:18px;padding:3px 17px;border-radius:5px;text-align:center}.status-red{color:#fff;background-color:#f44336;border:1px solid #F44336;font-size:18px;padding:3px 17px;border-radius:5px;text-align:center;margin:auto 0}.status-yellow{color:#000;background-color:#ffd600;border:1px solid #FFD600;font-size:18px;padding:3px 17px;border-radius:5px;text-align:center;margin:auto 0}.status-blue{color:#085555;background-color:#18ffff;border:1px solid #18FFFF;font-size:18px;padding:3px 17px;border-radius:5px;text-align:center}.status-orange{color:#090909;background-color:#ffaa1d;border:1px solid #ffaa1d;font-size:18px;padding:3px 17px;border-radius:5px;text-align:center}.status-tag-green{color:var(--color-text);background-color:var(--color-bg);font-size:14px;padding:5px;border-radius:5px;text-align:center}.status-tag-view{color:#42a5f5;background-color:#e3f2fd;border:1px solid #42A5F5;font-size:16px;padding:8px;border-radius:5px;text-align:center}.status-tag-view:hover{box-shadow:0 4px 9px -4px #00000059;color:#42a5f5}.status-tag-edit{color:#df5c8e;background-color:#fceef4;border:1px solid #df5c8e;font-size:16px;width:40px;height:40px;border-radius:5px;text-align:center;line-height:2.3;cursor:pointer}.status-tag-edit:hover{color:#df5c8e;box-shadow:0 4px 9px -4px #00000059}.status-tag-delete{color:var(--color-black);background-color:var(--color-white);border:1px solid var(--color-black);font-size:16px;width:40px;height:40px;border-radius:5px;text-align:center}.status-tag-delete:hover{color:var(--color-black);box-shadow:0 4px 9px -4px #00000059}.status-tag-file{color:#df5c8e;background-color:#fceef4;border:1px solid #df5c8e;font-size:20px;padding:5px 10px;border-radius:8px;text-align:center;box-shadow:#5555554f 0 4px 12px}.status-tag-file:hover,.btn-file:hover{color:#df5c8e;box-shadow:0 4px 9px -4px #00000059}.tag-label-primary{color:#df5c8e;background-color:#fceef4;border:1px solid #df5c8e;font-size:18px;padding:5px 10px;border-radius:8px;text-align:center}.demo-inline-spacing>*{margin:.3005rem .375rem 0 0!important}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{color:#fff;background-color:#5c127b;border-color:#5c127b}.btn-outline-primary{color:#5c127b;border-color:#5c127b;font-size:18px;box-shadow:#5555554f 0 4px 12px;border-radius:8px}.btn-outline-primary:hover{color:#fff;background-color:#5c127b;border-color:#5c127b}.btn-file{color:#5c127b;background-color:#fceef4;border:1px solid #5c127b;font-size:18px;padding:5px 10px;border-radius:8px;text-align:center;box-shadow:#5555554f 0 4px 12px}.b-check{padding:6px;border:1px solid #8ddd31;background:#8ddd31;border-radius:50rem;color:#fff}.b-check-x{padding:6px 9px;border:1px solid #dc3545;background:#dc3545;border-radius:50rem;color:#fff}.card-code span{font-size:18px}.text-color{color:var(--color-navbar)}.text-action{text-align:end}.required:after{content:" *";color:red}.text-all{color:#defffd}.text-alert{font-weight:700;color:#820000}.data-entries{font-size:18px;font-weight:300;padding-top:.5rem}tr:nth-child(2n){background-color:#f5f5f5;border-bottom-width:1px;border:.1px solid #f6e0ea}.table-hover>tbody>:hover{--bs-table-accent-bg: rgb(229 99 99 / 8%);color:var(--bs-table-hover-color)}.table tr:nth-child(2n) td:last-child{background-color:#f5f5f5}.table-two-row .table td,.table-two-row .table th{white-space:nowrap;border:.5px solid #d0cdd1;border-collapse:collapse}.ldap-group tr td:first-child,.smtp-group tr td:first-child,.viewlog-detail tr td:first-child,.table-detail tr td:first-child{background:#df5c8e;color:#fff}.table-cardbody .table-detail,.table-cardbody .table-body-detail{min-width:0px;border-collapse:separate;border-spacing:0px;vertical-align:middle!important;margin:0}.table-detail tbody,.table-detail td,.table-detail tfoot,.table-detail th,.table-detail thead,.table-detail tr{border:none;border-width:0;font-weight:300;font-size:18px;padding:15px}.section-ldap .table-detail tbody,.section-ldap .table-detail td,.section-ldap .table-detail tfoot,.section-ldap .table-detail th,.section-ldap .table-detail thead,.section-ldap .table-detail tr{border:.5px solid #e5e5e5;border-width:.5px;padding:6px}.section-ldap .card-home{display:block}.section-ldap .table-cardbody .table-detail,.section-ldap .table-cardbody .table-body-detail{min-width:800px}.section-ldap .table th:last-child,.section-ldap .table td:last-child{position:unset}.section-ldap .table td:first-child{position:sticky;left:0;color:#fff;padding:11px 10px}.table-body-detail tbody,.table-body-detail td,.table-body-detail tfoot,.table-body-detail thead{border:none;border-width:0;font-weight:300;font-size:18px;padding:.425rem 1.25rem}.table-body-detail th{font-size:20px!important}.table-body-detail .card-user th{font-size:20px!important;color:#fff;background-color:var(--color-primary)}.table-body-detail .card-user th:last-child{background-color:var(--color-primary)!important;color:unset}.table-body-detail .card-user a:hover{color:#416e0d}.table-role{border:1px solid #ffb7d2;border-radius:12px}.form-check-input:checked[type=radio]{font-family:"Font Awesome 6 Free";content:""}.radio{display:table;margin:0 auto;line-height:20px}.radio input[type=radio]{position:absolute;opacity:0}.radio label span.img-circle{width:30px;height:30px;background:#fff;border:1px solid #ccc;border-radius:50%;margin-top:3px;display:inline-block;position:relative}.radio label{margin-bottom:0;cursor:pointer}.radio label span.img-circle:before{position:absolute;font-family:"Font Awesome 6 Free";content:"";color:#416e0d;color:#fff;background-size:14px;background-repeat:no-repeat;background-position:center;display:none;width:30px;height:30px;left:-1px;top:4px;z-index:1}.radio label span.img-circle:after{content:"";position:absolute;height:30px;width:30px;left:-1px;top:-1px;border-radius:50%}.radio input[type=radio]:checked~label span.img-circle:after,.radio input[type=radio]:checked~label span.img-circle:before{display:block}.radio input[type=radio]:checked~label span.img-circle:after{border:1px solid #8ddd31;background:#8ddd31;color:#fff}.radio label p.show-m{margin-bottom:0;display:none}.text-detail-setting h5{color:#df5c8e;font-family:CHULALONGKORN;margin-bottom:0;font-weight:400}.card-role .table th:last-child,.card-role .table td:last-child{position:unset;right:0;background-color:unset;color:unset}.card-role{display:inline-block}.card-entries{z-index:1}.pagination-p{display:flex;justify-content:end}.page-link{position:relative;display:block;font-size:18px;color:#df5c8e;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.page-link:focus{z-index:3;color:#df5c8e;background-color:#ffeef4;border:1px solid;outline:0;box-shadow:0 0 0 .25rem #ffe8f0}.page-link:hover{z-index:2;color:#df5c8e;background-color:#ffeef4;border-color:#df5c8e}.page-item.active .page-link{z-index:3;color:#fff;background-color:#df5c8e;border-color:#df5c8e}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{background-color:#df5c8e!important;font-size:18px!important;border-radius:25px!important}.swal2-popup{box-shadow:0 8px 24px #0003;border:2px solid #DDD}div:where(.swal2-container) div:where(.swal2-popup){width:27em!important}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus{box-shadow:0 0 0 .25rem #ffe8f0!important}div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel{font-size:18px!important;border-radius:25px!important;color:#8592a3!important;border-color:transparent!important;background:#ebeef0!important}div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:hover{background-color:#6e7881!important;color:#fff!important;box-shadow:0 4px 9px -4px #00000059!important}div:where(.swal2-container) button:where(.swal2-styled){transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out!important}div:where(.swal2-container) .swal2-html-container{line-height:1.8!important}.border-img{border:1px dashed var(--color-primary);border-radius:20px;color:#df5c8e7d;font-size:130px;min-height:180px;background:#ffe9f1;position:relative}.card-scale-image{margin:0 auto;width:230px}.card-add-img .btn-search-admin{background:var(--color-white);color:var(--color-text);box-shadow:0 .125rem .25rem #18a09600}.content-boximg{margin:0;border:none;border-radius:0}.content-boximg .content-imgcard{width:auto;display:block;object-fit:fill;object-position:center;height:195px;border-radius:20px;position:absolute;top:0}.card-importfile .table-cardbody{margin-bottom:.3rem;padding:0 16px}.card-dropzone{margin:20px auto 10px;width:100%}.card-home .dropzone{min-height:150px;border:1px dashed #e16d98;border-radius:20px;background:#fff6f9;padding:20px}.card-dropzone .card-nodata,.card-importfile .card-nodata{padding:0}.card-importfile .card-nodata img{height:100px}.text-sub{font-size:18px;margin:4px 0;line-height:1.8;color:#9c9c9c;font-weight:300}.text-head{font-weight:400;font-size:18px}.card-importfile .card-nodata .btn-search-admin{background:var(--color-white);color:var(--color-text);box-shadow:none}.card-home .dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px 20px 0 0;background:linear-gradient(to bottom,#df5c8e,#ddd)}.card-home .dropzone .dz-preview .dz-remove{background:#fff;font-size:18px;padding:3px;border-radius:0 0 20px 20px;border-bottom:1px solid #e0e0e0}.card-home .dropzone .dz-preview .dz-remove:hover{text-decoration:none;color:#ff0b0b}.card-home .dropzone .dz-preview.dz-image-preview{background:#fff;border-radius:20px}.card-home .dropzone .dz-preview{margin:15px 25px}.card-home .dropzone .dz-message{margin:0}.card-home .dropzone .dz-preview .dz-error-message{top:190px;left:5px}.card-home .dropzone .dz-preview .dz-progress{z-index:100;display:none}.card-home .dropzone .dz-preview .dz-image{width:180px;height:150px;border-radius:20px 20px 0 0}.card-home .dropzone .dz-preview .dz-image img{width:100%}.card-home .dropzone .dz-preview .dz-details{top:30px;padding:26px 0 0}.dropzone .dz-preview .dz-details .dz-filename{background:#fff;padding:4px}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:#fff6;border-radius:10px}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:#fffc}.dz-size span{background:#fff;padding:5px}.card-footer{--bs-bg-opacity: 1;background-color:#ffffff1a!important;background:linear-gradient(94deg,#ffffff42,#ffd8e7e3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(5px);border-radius:20px 20px 0 0!important}.fixed-bottom{z-index:1028}.card-footer .btn{margin:5px}.card-add{border:1px solid #ffd8e7}.section-detail .card-home .card-add .card-header{background:#ffdbe8;color:#000}.section-detail .card-role .accordion-button:not(.collapsed){background:#ffdbe8;color:#000}.text-head-add{font-size:22px;border-bottom:1px dashed;color:#bd1354}.selectize-dropdown .selected{background-color:#df5c8e;color:#fff}.selectize-dropdown .active{background-color:#df5c8e!important;color:#fff!important}.selectize-dropdown .active:not(.selected){background-color:#e9ecef!important;color:#495c68!important}.upload-files-container{padding:10px;border-radius:40px}.drag-file-area{margin:0 auto;border:2px dashed #DF5C8E;border-radius:40px;padding:30px 50px;text-align:center}.drag-file-area .upload-icon{font-size:50px}.file-icon-upload,.file-icon-upload2{font-size:20px}.drag-file-area h3{font-size:20px;margin:5px 0}.drag-file-area label{font-size:19px}.drag-file-area label .browse-files-text{color:#df5c8e;font-weight:bolder;font-size:18px;cursor:pointer;border:1px solid;padding:10px;border-radius:8px}.browse-files span{position:relative;top:-25px}.default-file-input{opacity:0}.cannot-upload-message{background-color:#ffc6c4;font-size:17px;display:flex;align-items:center;justify-content:space-between;margin:5px auto;width:30%;padding:5px 10px 5px 30px;border-radius:5px;color:#b00;display:none}.cannot-upload-message span,.upload-button-icon{padding-right:10px}.cannot-upload-message span:last-child{padding-left:20px;cursor:pointer}.file-block{color:#f7fff7;background-color:var(--primary-color-admin);transition:all 1s;position:relative;display:none;padding:10px 20px;border-radius:25px;cursor:pointer}.file-info{display:flex;align-items:center;font-size:15px}.file-icon{margin-right:10px}.file-name,.file-size{padding:0 3px}.remove-file-icon{cursor:pointer}.progress-bar{display:flex;position:absolute;bottom:0;left:4.5%;width:0;height:5px;border-radius:25px;background-color:#4bb543}.upload-button{background-color:var(--primary-color-admin);border-color:var(--primary-color-admin);box-shadow:0 .125rem .25rem #696cff66;color:var(--text-white)}.upload-button:hover{background-color:var(--primary-color-admin);border-color:var(--primary-color-admin);color:var(--text-white)}.formbold-file-list{border-radius:6px;background:#fee5ef;padding:16px 32px}.formbold-file-item{display:flex;align-items:center;justify-content:space-between;color:#07074d}.formbold-file-item a:hover{color:#df5c8e}.formbold-file-item button{color:#07074d;border:none;background:transparent;cursor:pointer}.formbold-file-name{font-weight:500;font-size:18px;color:#07074d;padding-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.formbold-progress-bar{margin-top:20px;position:relative;height:6px;border-radius:8px;background:#e2e5ef}.formbold-progress{position:absolute;width:100%;height:100%;left:0;top:0;background:var(--primary-color-admin);border-radius:8px}.table-wrapper-file{overflow-x:scroll;max-height:295px;margin:4px;border-radius:5px;padding-bottom:0}.drag-file-area2{margin:0 auto;border:2px dashed #DF5C8E;border-radius:40px;padding:30px 50px;text-align:center}.drag-file-area2 .upload-icon2{font-size:50px}.upload-icon-success{font-size:60px;color:var(--btn-success-footer)}.after-icon-success{font-size:20px;color:var(--btn-success-footer)}.upload-icon-remove,.remove-file-icon2{font-size:20px;color:#ff3e1d}.drag-file-area2 h3{font-size:20px;margin:5px 0}.drag-file-area2 label{font-size:19px}.drag-file-area2 label .browse-files-text{color:#df5c8e;font-weight:bolder;font-size:18px;cursor:pointer;border:1px solid;padding:10px;border-radius:8px}.browse-files2 span{position:relative;top:-25px}.default-file-input2{opacity:0}.cannot-upload-message2{background-color:#ffc6c4;font-size:17px;display:flex;align-items:center;justify-content:space-between;margin:5px auto;width:30%;padding:5px 10px 5px 30px;border-radius:5px;color:#b00;display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cannot-upload-message2 span,.upload-button-icon2{padding-right:10px}.cannot-upload-message2 span:last-child{padding-left:20px;cursor:pointer}.file-block2{border-radius:6px;background:#fee5ef;padding:16px 32px;color:#f7fff7;transition:all 1s;position:relative;display:none;cursor:pointer}.file-name2,.file-size2{padding:0 3px}.remove-file-icon2{cursor:pointer}.upload-button2{background-color:var(--primary-color-admin);border-color:var(--primary-color-admin);box-shadow:0 .125rem .25rem #696cff66;color:var(--text-white)}.upload-button2:hover{background-color:var(--primary-color-admin);border-color:var(--primary-color-admin);color:var(--text-white)}.text-head-second{padding:10px 0;border-bottom:1px dashed;color:#bd1354}.text-head-form{font-family:CHULALONGKORN;font-weight:400;font-size:22px;padding:10px 0;border-bottom:1px dashed;color:#bd1354}.modal-header{border-radius:14px 14px 0 0;background:#4b0052;color:#fff}.modal-content{border-radius:16px}.model-history .table th:last-child,.model-history .table td:last-child,.model-history .table td:first-child,.section-masterroom-detail table th:last-child,.section-masterroom-detail table td:last-child{position:unset;right:0}.modal-car .table th:first-child,.modal-car .table td:first-child{position:sticky;left:0;color:#030303;padding:11px 10px}.section-masterroom-detail table th:first-child,.section-masterroom-detail table td:first-child{position:sticky;left:0;padding:11px 10px}div:where(.swal2-container) div:where(.swal2-popup){border-radius:16px!important}.card-text{margin:30px 15px!important}.card-text span{font-size:18px}.section-body .card:hover,.section-imagebooking .card:hover{box-shadow:#ffd4e3 0 3px 8px}.section-body .card-list a:hover,.section-imagebooking .card-list a:hover{color:#646464}.section-body .card,.section-imagebooking .card{border-radius:20px;height:100%;background-color:#fff;border:1px solid #df5c8e1c;box-shadow:#00000012 0 3px 8px}.text-f{color:#7f1e46}.ui-timepicker-container{z-index:2!important}.ui-timepicker-standard a{transition:none}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:30px;border-bottom-right-radius:30px}.ui-timepicker-standard{font-family:ChulaCharasNew,sans-serif!important;font-size:18px!important;background-color:#fff;border:1px solid rgba(0,0,0,.15)!important;border-radius:.25rem!important;color:#222;margin:0;padding:2px}.ui-timepicker-standard .ui-state-hover{background-color:#df5c8e!important;border:1px solid #df5c8e!important;color:#fff!important}.navbar .dropdown-toggle:focus,.navbar .dropdown:focus{outline:0}#profileImage{width:35px;height:35px;border-radius:50%;background:#df5c8e;font-size:16px;color:#fff;text-align:center;line-height:35px;margin:0 10px}.dropdown-menu-profile[data-bs-popper]{top:100%;left:unset;right:5px;margin-top:10px;box-shadow:0 0 10px #00000029;border:0;border-radius:8px}.profile-name .dropdown-menu{min-width:14rem;font-size:18px}.profile-name .profile-text{padding:6px 15px 0}.profile-name a:hover{color:#b43b6b}.profile-name a:focus{color:#b43b6b;box-shadow:none}.nav-setting-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 10px;border-radius:8px;color:#594a4f;text-decoration:none;transition:color .2s,background .2s;white-space:nowrap;line-height:1}.nav-setting-btn i{font-size:18px}.nav-setting-btn span{font-size:10px;font-weight:500;letter-spacing:.02em}.nav-setting-btn:hover{color:#a3003e;background:#a3003e12}@media(max-width:991px){.nav-setting-btn span{display:none}.nav-setting-btn{padding:4px 8px}.nav-setting-btn i{font-size:20px}}.nav-lang-box{display:flex;align-items:center;margin-right:8px;list-style:none}.nav-lang-box .lang-box{background:#df5c8e1a}.nav-lang-box .lang-box .item{color:#594a4f}.nav-lang-box .lang-box .item.active{background:linear-gradient(90deg,#df5c8e,#53186e);color:#fff}@media(max-width:991px){.nav-lang-box .lang-box .item{padding:6px 10px;font-size:12px}}.table-sortable th{cursor:pointer}.table-sortable .th-sort-asc:after{font-family:"Font Awesome 6 Free";content:""}.table-sortable .th-sort-desc:after{font-family:"Font Awesome 6 Free";content:""}.table-sortable .th-sort-asc:after,.table-sortable .th-sort-desc:after{margin-left:5px}.table-sortable .th-sort-asc,.table-sortable .th-sort-desc{background:#0000001a}.card-body-collapse .my-select .collapse:not(.show){display:contents}.section-detail .accordion>.card-collapse:not(:last-of-type){border-radius:16px!important;margin-bottom:.9875rem;box-shadow:#00000012 0 3px 8px}.section-detail .accordion-button.collapsed{border-radius:16px;font-size:20px;color:#a0124d;background:#fff;background:linear-gradient(180deg,#fff,#ee983017 51%,#ffcee473)}.section-detail .accordion-item:not(:first-of-type){border:1px solid rgba(0,0,0,.125);box-shadow:#00000012 0 3px 8px}.section-detail .accordion-item:last-of-type,.section-detail .accordion-item:last-of-type .accordion-button.collapsed{border-radius:16px;box-shadow:#00000012 0 3px 8px}.section-detail .accordion-button:not(.collapsed){color:#fff;background-color:#4f4f4f;font-size:20px;padding:10px 15px;box-shadow:inset 0 -1px #00000020;border-top-left-radius:16px;border-top-right-radius:16px}.section-detail .accordion-button:focus{z-index:3;border-color:#fff;outline:0;box-shadow:0 0 0 .25rem #ffe8f000}.section-detail .accordion-button:not(.collapsed):after{font-family:"Font Awesome 6 Free";content:"";align-self:end;background-image:none;transform:rotate(-180deg)}.section-detail .accordion-button:after{font-family:"Font Awesome 6 Free";content:"";align-self:center;background-image:none;transition:transform .2s ease-in-out}.section-detail .card-returncar .accordion-button:not(.collapsed){background:#ffdbe8;color:#000}.section-detail .card-returncar .accordion-item{background-color:#fff;border:1px solid #ffd8e7}.w-form-bus .form-control{width:63%!important}.w-form-bus-1 .form-control{width:76%!important}.form-horizon .form-control{width:85%}.form-horizon span,.form-horizon{align-self:center}.card-sum .form-control{width:90%}.section-detail .card-home .bootstrap-select .dropdown-menu{min-width:100%;max-height:209px}.text-action i{transition:transform .2s}.text-action i:hover{transform:scale(1.1)}.t-hover{transition:transform .2s}.t-hover:hover{transform:scale(1.2);color:#4f172c}.fc .fc-col-header-cell-cushion{display:inline-block;padding:10px 4px;color:#fff}.fc .fc-toolbar-title{font-size:22px}.fc-daygrid-event-dot{border:calc(var(--fc-daygrid-event-dot-width) / 2) solid #df5c8e}.fc-h-event{background-color:#ffdbe9;border:1px solid #df5c8e}.fc .fc-view-harness .fc-event{border-radius:3px;font-size:18px;font-weight:500;padding:.25rem .5rem;background-color:#fff6f9;border:1px solid #df5c8e}.fc .fc-view-harness a:hover{color:#e05f91}.fc-scroller-harness .fc-scrollgrid-sync-inner a:hover{color:#fff}.fc .fc-daygrid-day-bottom a:hover,.fc .fc-daygrid-event-harness a:hover,.fc .fc-daygrid-day-top a:hover{color:#e05f91}.fc .fc-daygrid-more-link{padding:7px}.fc{font-size:18px}.fc-theme-standard .fc-popover-header{background:#76818d;color:#fff;border-radius:9px 9px 0 0}.fc-popover-body{max-height:300px;overflow:scroll}.fc-theme-standard .fc-popover{border-radius:9px}.modal-body .has-mobile-cards .table td:first-child{position:unset;left:0}.modal-body .has-mobile-cards .table th:last-child,.modal-body .has-mobile-cards .table td:last-child{position:sticky;right:0}.tagify__dropdown__item--active{color:#1e2125!important;background-color:#e9ecef!important}.tagify[disabled]{opacity:1!important;filter:saturate(1)!important;background-color:#eaecef!important;border:1px solid #ced4da!important}.card-small-room .nav-pills .nav-link.active,.card-small-room .nav-pills .show>.nav-link,.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#df5c8e;font-size:18px}.card-small-room .nav-link,.nav-pills .nav-link{color:#df5c8e;font-size:18px;border:1px solid;border-radius:8px}.card-small-room .demo-inline-spacing>*{margin:.3005rem 0 0!important}.card-small-room{height:500px;overflow:scroll}.card-month .card-small-room{height:auto}.card-facilities,.card-total{padding:0 15px;background:#fff;border-radius:8px;border:1px solid #df5c8e}.card-facilities-sport .form-horizon .form-control{width:45%}.card-number-room .sticky-top{top:139px}.scrolling-wrapper{overflow-x:scroll;overflow-y:hidden;white-space:nowrap;.card{display:inline-block}}.section-receiptdailyreport .card-total,.section-receiptdailyreport-detail .card-total{padding:15px;position:relative;font-size:18px;font-weight:700;background:#fff;border-radius:8px;border:1px solid #df5c8e}.section-receiptdailyreport-detail .card-home{display:inline-block}.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label{overflow:unset!important}.section-sport-1 .card-img-top,.sectionsport-room-1 .card-img-top{object-fit:cover;object-position:top;height:27vh;max-height:none;border-radius:10px}.section-imagebooking .card-img-top{object-fit:cover;object-position:top;height:27vh;max-height:none;border-radius:20px}.checkbox-all .form-check-input{width:2em;height:2em}.sectionsport-room-2 .card-home,.sectionsport-room-2 .card-home-2{padding:20px 3% 29px}.section-roomsport-2 .form-horizon .form-control{width:73%}.sectionsport-room-2 .card-home-2 .text-head-main-2,.section-savemeter .text-head-main-2{border-left:5px solid #bd1354;padding-left:9px;border-bottom:1px solid #bd1354}.sectionsport-room-2 .card-home-2 .text-head-main-2 i,.section-savemeter .text-head-main-2 i{font-size:23px;margin-bottom:4px;color:#bd1354}.sectionsport-room-2 .table tr th,.modal-body .table tr th,.section-schedulecar .table tr th,.table-two-row .table tr th{color:#000;background-color:#f2e7ff}.section-masterbuildingsport-detail .card-home{display:block}.section-masterbuildingsport-detail .card-home .table td:last-child,.section-masterbuildingsport-detail .card-home .table th:last-child{position:unset;right:0}.section-masterbuildingsport-detail .t-input{width:166px}.section-masterbuildingsport-detail .accordion-button:not(.collapsed){color:#fff;background:#ffdbe8;color:#000;font-size:20px;padding:10px 15px;box-shadow:inset 0 -1px #00000020;border-top-left-radius:16px;border-top-right-radius:16px}.section-masterbuildingsport-detail .card-accordion-sub .accordion-button:not(.collapsed){background:#fff7fa}.section-masterbuildingsport-detail .accordion-header{position:sticky;top:130px;z-index:1050}.section-timetable .table>:not(:last-child)>:last-child>*{border-bottom-color:transparent;font-size:18px;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);text-align:left}.section-timetable .table td:last-child{position:unset;background-color:#fff}.section-timetable .table th:last-child{position:unset;right:0}.section-timetable .table td:first-child{padding:14px 10px}.time-d{writing-mode:vertical-rl!important;transform:rotate(-90deg)!important;padding:33px!important;width:93px;background:#df5c8e!important;z-index:2000}.time-center{text-align:center;white-space:pre-line!important;text-transform:uppercase}.special{background:#b9eafd!important}.section-savemeter .table-cardbody table{min-width:800px}.section-savemeter .sticky-top{z-index:0}.section-savemeter .card-day{padding:15px;background:#fffbfc;border-radius:8px;border:1px solid #df5c8e}.section-savemeter .table-two-row .table th{white-space:nowrap;border:.5px solid #fee5ee;border-collapse:collapse}.section-savemeter .card-home{display:inherit}.section-savemeter .table th:last-child,.section-savemeter .table td:last-child,.section-savemeter .table td:first-child,.section-savemeter table th:last-child,.section-savemeter table td:last-child{position:unset;right:0}.section-savemeter .card-small-room{height:252px}.card-car-list .text-sub-head-search{margin-top:60px!important}.section-confirmbooking .card-home{max-width:450px}.section-confirmbooking .text-head h4,.section-cancelbooking .text-head h4{color:var(--color-navbar)}.section-confirmbooking .text-head,.section-cancelbooking .text-head{border-bottom:1px dashed var(--color-navbar)}.section-cancelbooking .card-home{max-width:600px}.section-cancelbooking p{line-height:1.5em}.section-room .card-day .table-cardbody table{min-width:0px}.section-room .card-day .table th:last-child,.section-room .card-day .table td:last-child,.section-room .card-day .table th:first-child,.section-room .card-day .table td:first-child{position:unset}.section-savemeter .card-month .selectize-input,.section-savemeter .card-month .selectize-dropdown-content{text-align:center!important}.table-adminrights .card-scale-image{width:157px}.table-adminrights .border-img{font-size:97px;min-height:140px}.table-adminrights .border-img i,.section-adminrights-detail .border-img i{opacity:.5}.table-adminrights .content-boximg .content-imgcard{object-fit:contain;object-position:center;height:146px}.section-adminrights-detail .content-boximg .content-imgcard{object-fit:contain;object-position:center}.text-with-btn{border-bottom:1px dashed;color:#bd1354}.text-with-btn h5{font-family:CHULALONGKORN;font-weight:400;font-size:22px;align-self:end}.modal-imagebooking .mySlides{display:none}.modal-imagebooking .mySlides img{margin:0 auto;object-fit:fill;width:100%}.modal-imagebooking .cursor{cursor:pointer}.modal-imagebooking .prev,.modal-imagebooking .next{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-79px;background:#f2f2f2;color:#3b1010;font-weight:700;font-size:20px;transition:.6s ease;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none}.modal-imagebooking .next{right:0;border-radius:3px 0 0 3px}.modal-imagebooking .prev:hover,.modal-imagebooking .next:hover{background-color:#000c}.modal-imagebooking .numbertext{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0}.modal-imagebooking img{margin-bottom:-4px}.modal-imagebooking .caption-container{text-align:center;background-color:#000;padding:2px 16px;color:#fff}.modal-imagebooking .demo{opacity:.6}.modal-imagebooking .active,.modal-imagebooking .demo:hover{opacity:1}.modal-imagebooking img.hover-shadow{transition:.3s}.modal-imagebooking .hover-shadow:hover{box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.view-imgcard{border-radius:20px;height:153px;object-fit:cover;object-position:center}.section-downloadfilehome .table .icon-hit{background:linear-gradient(to bottom,#595959,#f84949 45%,#b3003d);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:35px}.section-downloadfilehome .table .file-name{text-wrap:inherit}.section-imagebooking .card-home{width:100%}input[type=file]::file-selector-button{background-color:#df5c8e;color:#fff;border:0px;border-right:1px solid #e5e5e5;padding:10px 15px;margin-right:20px;transition:.5s}input[type=file]::file-selector-button:hover{background-color:#eee;border:0px;border-right:1px solid #e5e5e5}.section-approve .table-user .table .table-sub tr:nth-child(2n),.section-approve .table-user .table .table-sub tr:nth-child(2n) td:last-child,.section-approve .table-user .table .table-sub tr:nth-child(2n) td:nth-last-child(2){background-color:#fff!important}.table-body-sub table td,.table-body-sub table th{padding:10px!important}.section-calendar-color-red{background-color:#f44336!important;color:#fff!important;position:absolute!important;top:-35px!important;text-align:center;left:12px;width:23%;font-size:15px!important;padding:2px!important;border:1px solid #c2190d!important;border-radius:8px!important;white-space:nowrap!important}.section-calendar-color-green{background-color:#b2ff59!important;position:absolute!important;top:-35px!important;text-align:center;left:12px;width:23%;font-size:15px!important;padding:2px!important;border:1px solid #5a9d0a!important;border-radius:8px!important;white-space:nowrap!important}.section-calendar-room .fc .fc-more-popover .fc-popover-body{padding-top:10px!important}.fc .fc-more-popover .fc-popover-body{padding-top:38px!important}.section-imagebooking-detail .card-text:last-child{margin-bottom:30px}.section-approve .table-body-sub thead{color:#fff;font-weight:300;font-size:16px;background-color:#4f4f4f}.modal-sticky-right .table th:last-child,.modal-sticky-right .table td:last-child{position:sticky;right:0}.modal-sticky-left .table th:first-child,.modal-sticky-left .table td:last-child{position:sticky;left:0}.section-paymentlist .approve-style-tab .nav-pills .nav-link.active,.section-paymentlist .nav-pills .show>.nav-link{font-family:CHULALONGKORN;background:#df5c8e;color:#fff;font-size:18px;font-weight:400;margin-bottom:4px;box-shadow:#5555554f 0 4px 12px}.section-paymentlist .approve-style-tab .nav-pills .nav-link{font-family:CHULALONGKORN;color:var(--color-navbar);background:#fff;font-size:18px;font-weight:400;margin-bottom:4px;border:none;box-shadow:none}.section-paymentlist .approve-style-tab .nav-pills .nav-link:hover{font-family:CHULALONGKORN;color:#bd1354;border-radius:8px;background:#ffddea91;font-size:18px;font-weight:400;margin-bottom:4px;border:none;box-shadow:none}.section-paymentlist .approve-style-tab .nav-pills{border:1px solid;padding:5px;border-radius:8px}.copy-button{height:25px;display:flex;justify-content:center;align-items:center;position:relative}.tip{background-color:#263646;padding:0 14px;line-height:27px;position:absolute;border-radius:4px;z-index:100;color:#fff;font-size:12px;animation-name:tip;animation-duration:.6s;animation-fill-mode:both}.tip:before{content:"";background-color:#263646;height:10px;width:10px;display:block;position:absolute;transform:rotate(45deg);top:-4px;left:17px}#copied_tip{animation-name:come_and_leave;animation-duration:1s;animation-fill-mode:both;bottom:-35px;left:2px}.text-line{font-size:14px}.section-sport-4 .btn-primary{color:#fff;background-color:#df5c8e!important;border-color:#df5c8e!important;font-size:18px;box-shadow:#5555554f 0 4px 12px;border-radius:8px}.section-sport-4 .btn-primary:hover{color:#fff;background-color:#d15383!important;border-color:#d15383!important;font-size:18px;box-shadow:#f382ada3 0 4px 12px;border-radius:8px}.card-scale-imageview .card-scale-image{margin:0 auto;width:90%}.card-scale-imageview .border-img{font-size:182px}.card-scale-imageview .content-boximg .content-imgcard{height:273px}.section-roomusageschedule .table-responsive{overflow-x:auto;position:relative}.section-roomusageschedule .table .sticky-col{position:-webkit-sticky;position:sticky;left:0;background:#fff;white-space:nowrap!important}.section-roomusageschedule .table thead .sticky-col{z-index:11;color:var(--color-white);background-color:var(--color-primary)}.section-roomusageschedule .table-two-row .table th:last-child,.section-roomusageschedule .table td:last-child{position:unset}.section-roomusageschedule tbody:hover td{--bs-table-accent-bg: var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.section-uploadmeter .has-sticky-cols{white-space:nowrap;table-layout:auto}.section-uploadmeter .minw-90{min-width:90px}.section-uploadmeter .minw-100{min-width:100px}.section-uploadmeter .minw-140{min-width:140px}.section-uploadmeter .minw-160{min-width:160px}.section-uploadmeter .minw-200{min-width:200px}.section-uploadmeter .sticky-col-left,.section-uploadmeter .sticky-col-right{position:sticky;background:#fff;z-index:5}.section-uploadmeter .sticky-col-left{left:0}.section-uploadmeter .sticky-col-right{right:0}.section-uploadmeter .sticky-z{z-index:6}.section-uploadmeter .sticky-col-left:after,.section-uploadmeter .sticky-col-right:before{content:"";position:absolute;top:0;bottom:0;width:10px;pointer-events:none;opacity:.75}.section-uploadmeter .sticky-col-left:after{right:-10px;box-shadow:10px 0 10px -10px #00000040}.section-uploadmeter .sticky-col-right:before{left:-10px;box-shadow:-10px 0 10px -10px #00000040}.section-uploadmeter .table>:not(caption)>*>.sticky-col-left,.section-uploadmeter .table>:not(caption)>*>.sticky-col-right{background-clip:padding-box}.section-uploadmeter .table th:last-child{position:sticky;padding:.45rem 1.25rem;right:0;background-color:var(--color-primary)}.section-uploadmeter .table th:first-child{position:sticky;padding:.45rem 1.25rem;left:0;background-color:var(--color-primary)}.section-uploadmeter .table td:first-child{position:sticky;padding:.45rem 1.25rem;left:0}.section-uploadmeter .table tr:nth-child(2n) td:first-child{background-color:#fcf5f8}.section-uploadmeter .group-btn{display:flex}.section-uploadmeter .group-btn .card-sort{align-self:end}.section-uploadmeter .group-btn-sub{z-index:4;align-self:center;display:flex;padding:7px 15px;border-radius:8px;justify-content:end}.section-uploadmeter .card-upload{margin:8px auto 50px}.section-uploadmeter .card-month .selectize-input,.section-uploadmeter .card-month .selectize-dropdown-content{text-align:center!important}.modal-preview .table td:first-child{color:#000}.footer-uploadmeter .btn-delete{color:var(--color-black);background-color:var(--color-white);border:1px solid var(--color-black);font-size:16px;padding:10px;border-radius:5px;text-align:center}.cu-footer{margin-top:50px;overflow:hidden;font-size:15px;flex-shrink:0;position:relative;z-index:1}.footer-curve{width:100%;height:106px;background:url(/image/bg-head-footer.svg) center/cover no-repeat}.footer-columns{background:#f3ddfd;background:linear-gradient(0deg,#f3ddfd,#fcfbfc 90%)}.footer-col{padding:45px 50px}.col-left{background:linear-gradient(to bottom right,#f2d8fd,#f9f9f9);border-radius:0 0 118px}.col-right{background:linear-gradient(to bottom,#fbeafa,#fff)}.footer-title,.header-title{font-weight:700;font-size:28px;margin-bottom:15px;color:#a3003e;font-family:CHULALONGKORN}.footer-col ul{list-style:none;padding-left:0;margin-bottom:0}.footer-col ul li{margin-bottom:10px;font-size:18px}.footer-col ul li a:hover{color:#e05b8e}.footer-col p{line-height:1.5em;font-size:18px;color:#646464}.footer-col b{line-height:1.5em;font-size:20px;color:#000}.footer-bottom{text-align:center;padding:15px;background:#e02e73;background:linear-gradient(90deg,#e02e73,#f8b5ce 90%);color:#fff;font-size:14px}.footer-col .underline{border-bottom:3px solid #DF5C8E;margin-bottom:15px;font-size:22px;font-family:CHULALONGKORN;font-weight:600}.cookies-pop{position:fixed;left:0;bottom:0;width:100%;z-index:999}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#7c1072!important}@media(max-width:991.98px){.footer-columns{flex-direction:column}.footer-title,.header-title{font-size:20px}}@media(max-width:575.98px){.cu-footer{border-top-left-radius:30px;border-top-right-radius:30px}.footer-curve{height:60px}.footer-col{padding:24px 36px;font-size:14px}.footer-title,.header-title,.footer-col .underline{font-size:18px}.footer-bottom{font-size:12px;padding:10px}}.section-2-card-text{background:url(/image/bg-main.png) center / cover no-repeat;height:152px}.section-3 .header-curve{position:relative;top:-101px;height:162px;background:url(/image/bg-head-1.png) center / cover no-repeat}.section-5{height:40px}.section-5 .header-curve{position:relative;top:-150px;height:165px;background:url(/image/bg-head-2.png) center / cover no-repeat}.section-5 .text-header-container{position:relative;top:77px}.section-5 .page-tab-after{font-weight:700;font-family:CHULALONGKORN;color:#a3013e;font-size:27px;background:#fff;background:linear-gradient(94deg,#fff 31%,#ffc5db)}.section-5 .page-tab-before{padding:30px;width:442px;position:absolute;background:#eec9ff;background:linear-gradient(94deg,#eec9ff 73%,#53186e 78%,#df5c8e)}.main-solid-bg{height:194px;background-color:#ffdbe9;border-radius:1.5rem;margin-top:1.5rem;margin-bottom:1.5rem;position:relative;background:url(/image/card-home-1.png) center / cover no-repeat}.top-right-cutout-no-bg-pic{width:8rem;height:4rem;background-color:#ed6096;border-bottom-left-radius:1.5rem;position:absolute;inset:0% 0% auto auto}.bottom-right-of-cutout-radius{width:1rem;height:1rem;background-color:#eb6699;position:absolute;top:4rem;bottom:0%;left:auto;right:0%}.bottom-right-of-cutout-radius .top-right-radius{width:100%;height:100%;background-color:#c283bc;border-top-right-radius:1.5rem}.top-left-of-cutout-radius{width:.6rem;height:1rem;background-color:#eb6699;position:absolute;top:0%;bottom:auto;left:auto;right:8rem}.top-left-of-cutout-radius .top-right-radius{width:100%;height:100%;background-color:#ac5f9c;border-top-right-radius:1.5rem}.mySwiper{background:linear-gradient(213deg,#ed6096 61%,#fbc6db 90%);border-radius:20px}.swiper-button-next,.swiper-button-prev{color:#fff!important;background:#a3003e;border-radius:20px;height:37px!important;width:37px!important;svg{height:64%!important}}.section-4{margin:0 3px;position:relative;top:-149px}.hero-logo-card{position:absolute;right:8px;top:63%;transform:translateY(-50%);width:96px;height:96px;background:#fff;border-radius:19px;box-shadow:0 12px 32px #00000024;display:flex;align-items:center;justify-content:center;z-index:6}.hero-logo-card img{max-width:80%;max-height:80%}.cu-hero-card{position:relative;overflow:hidden;box-shadow:-13px 20px 20px #0000002e;padding:56px;display:flex;align-items:center}.hero-text{position:relative;z-index:5;max-width:60%;top:50px;right:30px}.hero-text h1{font-size:20px;line-height:1.3;margin:0;color:#a0143b;background:linear-gradient(90deg,#7a003c,#a3003e 40% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0px 2px 2px rgba(0,0,0,.1));font-weight:700;font-family:CHULALONGKORN}.section-7{height:35px;background:#f4f3f3}.section-7 .header-curve{position:relative;top:-51px;height:155px;background:url(/image/bg-head-1.png) center / cover no-repeat}.section-8 .card-layout{position:relative}.section-8 .page-tab-before{padding:27px;width:249px;background:#eec9ff;background:linear-gradient(94deg,#eec9ff 73%,#53186e 78%,#df5c8e)}.section-8 .page-tab-after{position:absolute;left:-5px;font-weight:700;font-family:CHULALONGKORN;color:#a3013e;font-size:23px;background:#fff;background:linear-gradient(94deg,#fff 31%,#ffc5db)}.section-8 .page-tab-line{position:absolute;right:-6px;width:80%;top:24px;background:linear-gradient(94deg,#772a75 73%,#53186e 78%,#df5c8e);padding:1px 32px}.section-8 .card-grid{display:grid;gap:24px}.section-8 .card-grid>a{display:block;height:100%}.section-8 .course-card{display:flex;flex-direction:column;height:100%;background:#faf4f8;border-radius:18px;overflow:hidden}.section-8 .course-thumb img{width:100%;height:260px;object-fit:cover;display:block;padding:10px;border-radius:18px}.section-8 .course-body{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}.section-8 .course-desc{flex:1;margin-top:6px}.section-8 .detail-button{margin-top:auto}.faculty-badge{display:inline-flex;align-items:center;gap:6px}.faculty-badge .badge-icon{width:20px;height:20px;object-fit:contain}.page-wrapper{margin:0 auto;padding:20px 16px 40px;background:#fff}.page-tab{display:inline-flex;align-items:center;padding:10px 32px;border-radius:999px;background:#fff;box-shadow:0 8px 18px #0000002e;font-size:18px;font-weight:600;color:#b0133b;position:relative;margin-bottom:18px}.page-tab:after{content:"";position:absolute;bottom:-3px;left:16px;right:16px;height:4px;border-radius:999px}.search-row{margin:14px 0 20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;background:#f9e0e9;padding:20px;border-radius:20px}.search-wrapper{flex:1 1 320px;display:flex;align-items:center;background:#fff;border-radius:999px;padding:8px 18px;box-shadow:0 10px 20px #00000029}.search-wrapper input{border:none;outline:none;flex:1;font-size:16px;padding:6px 4px;font-family:inherit;background:transparent}.search-icon,.filter-icon{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(to right,#b0133b,#e56aa7);color:#fff;font-size:16px;flex-shrink:0}.filter-icon{margin-left:6px}.layout{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:flex-start}@media(max-width:900px){.layout{grid-template-columns:1fr}}.filter-panel:before{content:"";position:absolute;left:0;top:0;width:10px;height:100%;background:linear-gradient(to bottom,#b0133b,#731032)}.filter-header{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:600;color:#3a0020;margin-bottom:8px}.filter-header .reset{border:0;background:none;color:#b0133b;font-size:18px;font-weight:500;cursor:pointer}.filter-divider{border:none;border-top:2px dashed #e1b4c4;margin:8px 0 14px}.filter-section-header{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600;color:#a01339;margin-bottom:8px}.filter-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.filter-chip{display:flex;align-items:center;gap:12px;background:#fff;border-radius:0 999px 999px 0/0px 999px 999px 0px;box-shadow:0 6px 16px #0000001a;padding:8px 18px 8px 10px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.filter-chip:hover{transform:translate(10px);box-shadow:0 10px 20px #00000029}.logo-badge{width:42px;height:42px;border-radius:14px;background:#fff;box-shadow:0 4px 10px #0000001f;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.logo-badge img{width:80%;height:auto}.faculty-name{font-size:20px;font-weight:500;color:#a01339;font-family:CHULALONGKORN}.content-header{font-size:18px;font-weight:600;color:#b0133b;margin-bottom:12px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:1100px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.card-grid{grid-template-columns:1fr}}.course-card{background:#fff;border-radius:26px;box-shadow:0 10px 20px #0000002e;overflow:hidden;display:flex;flex-direction:column}.course-thumb{width:100%;background-size:cover;background-position:center}.course-body{padding:12px 16px 16px;flex:1;display:flex;flex-direction:column;gap:6px}.course-title{font-size:20px;font-weight:600;color:#3a0020;height:100%}.course-desc{font-size:13px;color:#4d4d4d;line-height:1.4;flex:1}.badge-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px;gap:6px;flex-wrap:wrap}.faculty-badge{height:50px;position:relative;display:inline-flex;align-items:center;padding:4px 10px;background:#ffe3f1;font-size:16px;color:#b0133b;width:100%;font-weight:500;background:linear-gradient(94deg,#fff 31%,#ffc5db);--f: 4px;--r: 19px;left:calc(-5 * var(--f));clip-path:polygon(100% 0,0 0,0 calc(100% - var(--f)),var(--f) 100%,var(--f) calc(100% - var(--f)),100% calc(100% - var(--f)),calc(100% - var(--r)) calc(50% - var(--f) / 2))}.detail-button{margin-top:10px;align-self:center;padding:6px 22px;border-radius:999px;border:none;font-size:18px;font-weight:500;color:#fff;background:linear-gradient(to right,#b0133b,#e56aa7);cursor:pointer;box-shadow:0 6px 14px #0000002e}.detail-button:hover{filter:brightness(1.03)}.pagination{margin-top:18px;display:flex;justify-content:center;gap:8px}.page-dot{width:30px;height:30px;border-radius:50%;border:none;background:#fff;color:#a01339;font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 4px 10px #0000002e}.page-dot.active{background:#b0133b;color:#fff}.capsule-tab{width:100%;max-width:900px;margin:auto;padding:22px 40px;border-radius:100px;font-size:38px;font-weight:600;text-align:center;color:#8e003d;background:linear-gradient(to right,#fff,#ffeaf4 30%,#f8d1e5 55%,#ce8ab9 75%,#8a3f79);box-shadow:0 6px 10px #0000000d,0 12px 20px #00000014;border:1px solid rgba(255,255,255,.5)}.layout{display:grid;grid-template-columns:362px minmax(0,1fr);gap:24px}.filter-panel{background:#fff;border-radius:24px;box-shadow:0 8px 20px #0000000f;padding:18px 16px;position:relative;overflow:hidden}.filter-inner{height:100%}.filter-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.filter-header .reset{border:none;background:transparent;color:#c3004a;font-size:14px;cursor:pointer}.filter-close{border:none;background:transparent;font-size:22px;line-height:1;cursor:pointer;margin-left:auto;display:none}.filter-overlay{display:none}.filter-icon{cursor:pointer}.content-page-bg{background:radial-gradient(circle at top,#ffe6f2,#fdf7ff 40%,#fff);min-height:100vh;margin-bottom:60px;margin-top:-55px}.content-main-card{background:#fff;border-radius:24px;box-shadow:0 12px 35px #0000000f;padding:24px 28px 28px;position:relative;top:-41px}.cu-section-card{background:#fdf9ff;border-radius:20px;padding:16px 18px;border:1px solid rgba(255,255,255,.8)}.cu-tab-bar{display:inline-flex;background:#f7e7ff;border-radius:999px;padding:3px}.cu-tab{border:0;background:transparent;padding:8px 18px;border-radius:999px;font-size:18px;font-weight:600;color:#8c4a84}.cu-tab.active{background:#fff;color:#a3003e;box-shadow:0 3px 8px #a3003e40}@media(max-width:992px){.layout{display:block}.filter-panel{position:fixed;top:0;left:-320px;width:80%;max-width:320px;height:100vh;z-index:1050;border-radius:0 24px 24px 0;padding:20px 18px;box-shadow:4px 0 16px #0000002e;transition:left .3s ease;background:#fff}.filter-panel.is-open{left:0}.filter-close{display:inline-block}.filter-overlay{position:fixed;inset:0;background:#00000059;opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:1040;display:block}.filter-overlay.is-show{opacity:1;visibility:visible}.filter-panel+section{margin-top:16px}}.filter-section-header{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#a3013e;margin-top:8px;margin-bottom:6px;cursor:pointer}.filter-section-header .chevron{font-size:14px}.filter-section-body{max-height:774px;overflow-y:auto;padding-right:13px;padding-bottom:8px;transition:max-height .25s ease}.filter-section-body.is-collapsed{max-height:0;overflow:hidden}.filter-list{list-style:none;margin:0;padding:0}.filter-section-body::-webkit-scrollbar{width:6px}.filter-section-body::-webkit-scrollbar-track{background:transparent}.filter-section-body::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}@media(max-width:992px){.filter-section-body{max-height:calc(100vh - 150px)}}.head-new-release{border-bottom:2px solid #efb3ca}.head-new-release .ribbon{position:relative;display:inline-block;padding:14px 48px;background:#f98ab4;background:linear-gradient(86deg,#f98ab4 9%,#560469 51%);color:#fff;font-family:CHULALONGKORN;font-size:23px;font-weight:600;box-shadow:0 8px 14px #0000002e;z-index:1;top:calc(100% - 100px);--f: 5px;--r: 20px;left:calc(-1 * var(--f));clip-path:polygon(100% 0,0 0,0 calc(100% - var(--f)),var(--f) 100%,var(--f) calc(100% - var(--f)),100% calc(100% - var(--f)),calc(100% - var(--r)) calc(50% - var(--f) / 2))}.section-2 .card-header-title{padding:18px 57px}.section-2 .header-title{font-size:49px;background:linear-gradient(90deg,#7a003c,#b04aa2 40%,#2c0d6e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0px 2px 2px rgba(0,0,0,.1))}.section-6 .owl-carousel .owl-stage-outer{height:413px}.section-6 .owl-item .item{padding-right:1rem!important;padding-left:1rem!important}.section-6 .course-card{display:flex;flex-direction:column;height:100%!important;background:#fff;border-radius:18px;overflow:hidden;margin-top:1.5rem;box-shadow:-6px 5px 8px #00000014}.section-6 .course-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;min-height:calc(1.4em * 3)}.section-6 .detail-button{position:absolute;right:14px;top:5px;background:#f25b95;background:linear-gradient(90deg,#f25b95 14%,#860ea3 91%)}.section-6 .course-thumb{border-radius:20px}.section-6 .owl-carousel .owl-item img{height:100%;object-fit:cover;width:100%;height:200px;object-position:center;border-radius:20px}.section-6 .owl-carousel .owl-item .faculty-badge .badge-icon{width:20px;height:20px;object-fit:contain}.section-6 .head-new-release .left-before{background:#53186e;background:linear-gradient(86deg,#53186e 78%,#df5c8e);padding:34px;width:257px}.section-6 .head-new-release .left-after{position:absolute;top:0;left:-26px}.section-6 .top-right-cutout-no-bg-pic{top:5%;right:2%}.section-6 .top-right-cutout-no-bg-pic{width:8rem;height:2.5rem;background-color:#fdfdfd;box-shadow:-13px 20px 28px #0000000f}.section-6 .bottom-right-of-cutout-radius .top-right-radius,.section-6 .top-left-of-cutout-radius .top-right-radius{background-color:#fbfbfb}.section-6 .bottom-right-of-cutout-radius,.section-6 .top-left-of-cutout-radius{background-color:#fdfdfd}.section-6 .faculty-badge{top:58px;width:100%}.section-6 .course-title{margin-top:57px!important}.card-new-release{background:linear-gradient(180deg,#fff 14%,#f4e9f3 72%,#f4f2f2 83% 91%)}.lang-box{background:#cacaca;border-radius:30px;padding:4px;width:fit-content;display:flex}.lang-box .item{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;color:#555;text-decoration:none}.lang-box .item.active{background:#a3003e;color:#fff}.btn-login-grad{display:inline-block;padding:8px 20px;border-radius:30px;background:linear-gradient(90deg,#df5c8e,#53186e);color:#fff;font-weight:600;font-size:16px;text-decoration:none;transition:.25s;box-shadow:0 4px 12px #a3003e4d}.btn-login-grad:hover{filter:brightness(1.1);box-shadow:0 6px 16px #a3003e66;color:#fff}.layout-picker-card{min-height:360px}.layout-list{display:flex;flex-direction:column;gap:10px;margin-bottom:15px;padding:0 20px}.layout-item{border-radius:16px;padding:10px 12px;background:#f7f1ff;border:1px solid transparent;display:flex;gap:10px;cursor:pointer;transition:.2s}.layout-item:hover{background:#fce4f2}.layout-item.active{border-color:#df5c8e;background:linear-gradient(135deg,#ffe6f2,#f1ddff);box-shadow:0 4px 14px #a3003e2e}.layout-thumb{width:80px;height:60px;border-radius:10px;background:#fff;padding:4px;flex-shrink:0}.layout-name{font-size:18px;font-weight:600;color:#7a003c;align-self:center}.layout-thumb .box{border-radius:6px;background:#e4f2ff}.layout-thumb .box.img{background:linear-gradient(135deg,#fb96c9,#7b2c78);height:18px}.layout-thumb .box.text{background:#f3c8dd;height:10px}.thumb-html{background:#231942;color:#fff}.code-tag{font-family:Fira Code,monospace;font-size:13px}.layout-preview-box{min-height:260px;box-shadow:#00000014 0 3px 4px 3px}.header-layout-preview-box{background:#f2e7ff;color:#4b0052;padding:10px;border-radius:20px}.preview-img{width:100%;height:120px;border-radius:16px;background:linear-gradient(135deg,#d3568b,#652173)}.preview-img-wide{height:180px}.layout-section{position:relative;background:#fff;border-radius:18px;border:1px dashed #e3c6df;padding:16px 18px 18px;margin-bottom:16px}.layout-section .section-header{font-size:13px;font-weight:600;color:#7a003c}.section-remove{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;border:1px solid #fa3c47;background:#fa3c47;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;cursor:pointer}.img-placeholder{border-radius:12px;border:1px solid #e0e0e0;background:#fff;padding:32px 10px;font-size:14px;color:#b0b0b0}.image-dropzone{border-radius:18px;border:1px dashed #c2c2c2;background:#f8f8f8;padding:16px;text-align:center}.img-placeholder{border-radius:12px;border:1px solid #e0e0e0;background:#fff;aspect-ratio:4 / 3;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#b0b0b0;font-size:14px}.img-placeholder img.img-preview{width:100%;height:100%;object-fit:cover;display:block}.layout-picker-card{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;padding:0;box-shadow:#00000014 0 3px 4px 3px}.layout-picker-card h5{padding:15px;background:#f2e7ff;color:#4b0052}.layout-sidebar{position:sticky;top:100px;align-self:flex-start;z-index:20}@media(max-width:991.98px){.layout-sidebar{position:static}}.custom-title-box{background:#4a0a61;color:#fff;font-size:20px;border-radius:20px;font-weight:600}.custom-title-box:hover{color:#fff}.custom-radio-box{border:1px solid #D2789F;border-radius:10px;background:#fff}.custom-radio{display:flex;align-items:center;cursor:pointer;gap:8px;font-size:20px}.custom-radio input[type=radio]{display:none}.custom-radio .radio-circle{width:22px;height:22px;border-radius:50%;border:3px solid #D2789F;display:inline-block;position:relative}.custom-radio input[type=radio]:checked+.radio-circle:after{content:"";width:12px;height:12px;background-color:#d2789f;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-radio .label-text,.cu-radio-pill .label-text{font-size:18px;color:#333}.cu-text-head{font-family:CHULALONGKORN;color:#a3003e}.cu-text-sub{color:#4b0052;border-bottom:1px dashed #BB86FC}.cu-text-sub-small{border-left:7px solid;padding:0 10px;color:#4b0052;border-bottom:1px dashed #BB86FC}.fee-rate-table tbody td{border-top:0;padding-top:.75rem;padding-bottom:.75rem}.fee-input-pill{border-radius:999px;border:1px solid #E9B2CF;padding:.35rem .85rem;font-size:.9rem;background-color:#fff;width:100%}.border-purple{border-color:#6c1b8f!important}.cu-section-card-sub{background:#fff;box-shadow:#00000014 0 3px 4px 3px;position:relative}.cu-section-card-sub .table-responsive{border-radius:12px 12px 0 0}.cu-section-card-sub .btn-primary{position:relative}.cu-upload-pill{width:100%;background-color:#cfcfcf;border-radius:999px;padding:16px 24px;display:flex;align-items:center}.cu-upload-text{color:#777;font-size:1rem}.cu-btn-gradient-pill{border-radius:999px;background-image:linear-gradient(90deg,#7a0f6e,#e14b92);border:none;color:#fff;padding:12px 32px;font-weight:600;box-shadow:0 4px 10px #00000026}.cu-btn-gradient-pill:hover{filter:brightness(1.05);color:#fff}.cu-total-wrapper{background-color:#f6ecff;border-radius:32px;padding:8px 24px}.cu-total-label{color:#5c127b;font-weight:600;margin-bottom:6px;font-size:1rem}.cu-total-value{font-size:28px;font-weight:600;color:#5c127b}.cu-btn-eye-circle{width:40px;height:40px;border-radius:50%;border:2px solid #5c127b;display:flex;align-items:center;justify-content:center;background-color:#fff;color:#5c127b;padding:0}.cu-btn-eye-circle i{font-size:1.4rem}.cu-btn-eye-circle:hover{background-color:#5c127b;color:#fff}.cu-card-option{border:1px solid #e05b8e;padding:7px;border-radius:10px}.cover-fake-input{background:#d7d7d7;border-radius:999px;padding:12px 24px;color:#777;font-size:1rem;cursor:pointer;border:1px solid transparent;transition:.15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-fake-input:hover{border-color:silver}.btn-cover-upload{border-radius:999px;padding:10px 32px;border:none;color:#fff;font-weight:600;background:linear-gradient(90deg,#4b0055,#e56ba6);box-shadow:0 4px 6px #00000014}.btn-cover-upload:hover{opacity:.9}.cover-preview{max-width:260px;max-height:260px;border-radius:16px;object-fit:cover;border:1px solid #eee}.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .25rem #ffebf3!important}.qr-ui-box{width:220px;height:220px;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #00000014}.qr-img-ui{width:200px;height:200px;object-fit:contain;border-radius:10px}.edu-rate-table{min-width:1540px}:root{--sticky-1: 261px}.cu-status-tabs{display:flex;gap:10px;padding:8px;background:#f7ebff;border-radius:12px;width:fit-content;position:relative;top:-24px}.cu-status-tab{border:1px solid #ffff;background:transparent;padding:10px 14px;border-radius:10px;font-weight:600;color:#5b3b72}.cu-status-tab.active{background:#fff;box-shadow:0 2px 6px #00000014;color:#3a1a55}.cu-table{position:relative;border-radius:12px 12px 0 0}.cu-table thead tr{background:#f2e7ff;box-shadow:0 0 6px #00000040}.project-name{max-width:360px;white-space:normal!important;word-break:break-word;line-height:1.4}.col-project{width:380px;min-width:320px}.cu-table .sticky-col{position:sticky;background:#fff;z-index:3}.cu-table .sticky-col-1{right:0;width:var(--sticky-1);min-width:var(--sticky-1);max-width:var(--sticky-1);z-index:5}.cu-table .sticky-col-2{right:var(--sticky-1);width:var(--sticky-2);min-width:var(--sticky-2);max-width:var(--sticky-2);z-index:4}.section-bookingroompaymentcheck .cu-table .sticky-col-2{right:170px}.cu-table .sticky-col-2{box-shadow:-8px 0 12px #0000000f}.cu-table thead .sticky-col{background:#f2e7ff;z-index:6}.table tr:nth-child(2n) td:nth-last-child(2){background-color:#f5f5f5}.text-yellow{background:#ffec3e;padding:6px 10px;text-align:center;border-radius:20px;color:#000}.text-green{background:#b4ff6c;padding:6px 10px;text-align:center;border-radius:20px;color:#000}.text-grey{background:#8c8c8c;padding:6px 10px;text-align:center;border-radius:20px;color:#fff}.text-orange{background:#fed7aa;padding:6px 10px;text-align:center;border-radius:20px;color:#9a3412}.text-blue{background:#bae6fd;padding:6px 10px;text-align:center;border-radius:20px;color:#0369a1}.btn-outline-secondary{border:1px solid #5c127b;background-color:#f9f5ff;color:#5c127b;box-shadow:#5555554f 0 4px 12px}.btn-outline-secondary:hover{background-color:#5c127b;color:#fff}.modal-body .input-group .selectize-input{overflow:unset;border-radius:30px}.modal-body .selectize-input.focus{border:1px solid #df5c8e;outline:0;box-shadow:0 0 0 .25rem #ffe8f0}.course-card{background:#fff;border-radius:22px;transition:transform .35s ease,box-shadow .35s ease;box-shadow:0 6px 18px #00000014;position:relative;top:3}.course-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px #0000002e}.section-4 .cu-hero-card{position:relative;border-radius:28px;transition:transform .35s ease,box-shadow .35s ease;box-shadow:0 10px 24px #0000001f;overflow:hidden}.section-4 .cu-hero-card:hover{transform:translateY(-10px);box-shadow:0 22px 48px #00000038}.section-4 .cu-hero-card .hero-text h1{transition:transform .35s ease,text-shadow .35s ease}.section-4 .cu-hero-card:hover .hero-text h1{transform:translateY(-4px);text-shadow:0 6px 18px rgba(0,0,0,.25)}.section-4 .hero-logo-card{transition:transform .35s ease,box-shadow .35s ease}.section-4 .top-right-cutout-no-bg-pic,.section-4 .bottom-right-of-cutout-radius,.section-4 .top-left-of-cutout-radius{pointer-events:none}.section-4 .cu-hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1f,#fff0 60%);opacity:0;transition:opacity .35s ease;pointer-events:none}.section-4 .cu-hero-card:hover:after{opacity:1}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;margin-top:10px}.role-item{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid rgba(163,1,62,.18);box-shadow:0 6px 16px #0000000f}.role-item span{line-height:1.2;word-break:break-word}.role-item .form-check-input,.chip .form-check-input{margin-top:0}.fee-rate-table td,.fee-rate-table th{border-color:#e9e9e9}.fee-rate-table tbody tr td{padding:16px 12px}.fee-rate-table thead th{font-weight:700;color:#3c1653}.field-name-input{width:420px;max-width:100%;border:1px solid #ececec;border-radius:999px;padding:10px 18px;outline:none;background:#fff;box-shadow:inset 0 0 0 1px #00000005}.field-name-text{color:#2b2b2b;font-weight:500}.req-wrap{display:inline-flex;align-items:center;gap:10px;color:#4b1467;font-weight:600}.req-check{width:18px;height:18px;accent-color:#d65c89;cursor:pointer}.row-actions{display:flex;justify-content:center;gap:12px}.icon-action{width:34px;height:34px;border-radius:10px;border:1px solid #e8e8e8;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s ease}.icon-action:hover{transform:translateY(-1px);box-shadow:0 10px 18px #00000014}.icon-action.edit i{color:#2c2c2c}.icon-action.del i{color:#ff3b30}.section-disabled .js-disable-scope{opacity:.55;filter:grayscale(.05);pointer-events:none}.cu-toggle{display:inline-flex;align-items:center;gap:14px;cursor:pointer;user-select:none;margin-bottom:8px}.cu-toggle__input{position:absolute;opacity:0;width:0;height:0}.cu-toggle__switch{width:85px;height:37px;border-radius:999px;background:#d86a90;position:relative;box-shadow:0 10px 18px #0000002e;transition:.2s ease}.cu-toggle__switch:after{content:"";width:31px;height:31px;border-radius:50%;background:#fff;position:absolute;top:3px;left:4px;box-shadow:0 8px 14px #0000002e;transition:.2s ease}.cu-toggle__text{font-weight:700;color:#3c1653;font-size:22px}.cu-toggle__input:checked+.cu-toggle__switch{background:#d86a90}.cu-toggle__input:checked+.cu-toggle__switch:after{transform:translate(44px)}.cu-toggle__input:not(:checked)+.cu-toggle__switch{background:#e7e7e7}.cu-toggle__input:not(:checked)+.cu-toggle__switch:after{transform:translate(0)}.section-masterfielddetail .form-check-input{margin-top:0}.bootstrap-select .dropdown-menu.inner{max-height:286px}.btn-outline-danger{background:#fff;box-shadow:#5555554f 0 4px 12px}.ui-timepicker-wrapper,.ui-timepicker-container,.bootstrap-timepicker-widget,.timepicker-dropdown,div.timepicker{z-index:999999!important}.cu-toggle{display:flex;align-items:center;gap:10px;user-select:none}.cu-toggle input{width:46px;height:26px;appearance:none;background:#ddd;border-radius:999px;position:relative;outline:none;cursor:pointer;transition:.2s}.cu-toggle input:after{content:"";position:absolute;width:20px;height:20px;top:3px;left:3px;border-radius:999px;background:#fff;transition:.2s;box-shadow:0 4px 10px #0000002e}.cu-toggle input:checked{background:linear-gradient(90deg,var(--cu-pink),#b44f9e)}.cu-toggle input:checked:after{left:23px}.cu-toggle span{font-weight:800;color:#5a2c6b}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#00000008;border:1px solid rgba(0,0,0,.06);font-weight:700;color:#5a2c6b;cursor:pointer;user-select:none}.chip input{transform:scale(1.1)}.booking-sec-title{font-weight:900;color:#4b0c63}.booking-hr{border-top:2px dotted rgba(109,40,217,.25);opacity:1}.booking-month-box{border:1px solid rgba(216,90,138,.55);background:#fff3f8;border-radius:20px;padding:14px}.booking-month-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 14px}@media(max-width:992px){.booking-month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.booking-month-item{display:flex;align-items:center;gap:10px;font-weight:800;color:#4b0c63;padding:6px 8px;border-radius:12px;white-space:nowrap}.booking-month-item input{width:18px;height:18px;accent-color:#d85a8a}.exclude-layout{border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:12px}.exclude-grid{display:grid;grid-template-columns:220px 1fr;gap:14px}@media(max-width:992px){.exclude-grid{grid-template-columns:1fr}}.exclude-side{border-radius:18px;background:linear-gradient(180deg,#d85a8a2e,#f7ebffa6);border:1px solid rgba(0,0,0,.05);padding:12px;min-height:240px}.month-pill-btn{width:100%;border:0;border-radius:999px;padding:10px 14px;font-weight:900;color:#fff;background:linear-gradient(90deg,#4b0c63f2,#d85a8af2);box-shadow:0 10px 18px #d85a8a2e;margin-bottom:10px;display:flex;justify-content:center}.month-chip{width:100%;border:1px solid rgba(0,0,0,.06);background:#ffffffbf;border-radius:14px;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:900;color:#4b0c63}.month-chip.active{outline:3px solid rgba(216,90,138,.2);border-color:#d85a8a8c;background:#fff}.exclude-table-card{border-radius:18px;overflow:hidden;border:1px solid rgba(0,0,0,.06);background:#fff}.exclude-table-card thead th{background:#f3e8ff;font-weight:900;color:#4b0c63;border-bottom:0;white-space:nowrap}.sw{position:relative;display:inline-block;width:56px;height:28px}.sw input{opacity:0;width:0;height:0}.sl{position:absolute;cursor:pointer;inset:0;background:#c9c9c9;transition:.2s;border-radius:999px;box-shadow:inset 0 0 0 1px #00000014}.sl:before{content:"";position:absolute;height:22px;width:22px;left:3px;top:3px;background:#fff;transition:.2s;border-radius:999px;box-shadow:0 6px 14px #0000002e}.sw input:checked+.sl{background:linear-gradient(90deg,#d85a8a,#b44f9ef2)}.sw input:checked+.sl:before{transform:translate(28px)}.sum-wrap{background:#fff3f8;border-radius:18px;padding:12px}.sum-pill{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:999px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 18px #0000000a;font-weight:900}.hint{font-size:12px;color:#777}:root{--cu-purple:#4b0c63;--cu-soft:#F7EBFF;--card-radius:18px}.rate-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.rate-card{grid-column:span 12;background:#fff;border-radius:var(--card-radius);overflow:hidden;box-shadow:0 10px 22px #00000014;border:1px solid rgba(0,0,0,.05)}.rate-card__head{background:var(--cu-soft);padding:14px 18px;font-weight:900;color:var(--cu-purple);font-size:22px;line-height:1.2}.rate-card__body{padding:16px 18px 20px}.rate-field{display:flex;flex-direction:column;gap:10px}.rate-label{font-weight:800;color:#1f1f1f;font-size:16px}.pill-input{position:relative;width:100%}.pill-input input{width:100%;height:54px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#fff;padding:0 78px 0 22px;font-size:18px;outline:none;box-shadow:0 8px 14px #00000014}.pill-input input:focus{border-color:#4b0c6359;box-shadow:0 0 0 4px #4b0c631a,0 10px 16px #0000001a}.pill-input .suffix{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-weight:900;color:var(--cu-purple);font-size:18px;pointer-events:none}.term-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.term-grid .term-col{grid-column:span 12}@media(min-width:992px){.rate-card.col-6{grid-column:span 6}.rate-card.col-12{grid-column:span 12}.term-grid .term-col{grid-column:span 4}}.section-masterbanner .banner-frame{border-radius:14px;overflow:hidden;border:1px solid rgba(0,0,0,.08);background:#fff}.section-masterbanner .owl-banner .item{position:relative;overflow:hidden;background:#f3f6ff}.section-masterbanner .owl-desktop .item{aspect-ratio:16 / 5}.section-masterbanner .owl-banner .item:before{content:"";position:absolute;inset:0;background-image:var(--bg);background-repeat:no-repeat;background-position:center;background-size:cover}.section-masterbanner .owl-banner .item a.banner-click{position:absolute;inset:0;z-index:2;display:block}.section-masterbanner .slide-item{border:1px solid rgba(0,0,0,.08);border-radius:14px;background:#fff;overflow:hidden;padding:12px}.section-masterbanner .slide-thumb{width:160px;height:64px;object-fit:cover;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#f3f6ff}.section-masterbanner .drag-handle{cursor:grab;user-select:none;opacity:.7;font-size:18px;padding:0 8px}.section-masterbanner [data-id] .slide-item{cursor:grab}.section-masterbanner [data-id].sortable-chosen .slide-item{cursor:grabbing}.section-masterhealthservice .table tr:nth-child(2n) td:last-child{background-color:#fcf5f8}.form-check-input[type=checkbox]:indeterminate{background-color:#df5c8e!important;border:1px solid rgba(0,0,0,.25)!important}.upload-preview{border:1px dashed #ff5aa5;border-radius:18px;background:#fff2f8;height:170px;width:100%;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.upload-preview:hover{transform:translateY(-1px);background:#fcf0f6}.upload-placeholder{text-align:center;color:#df5c8e57;opacity:.85;padding:10px}.upload-placeholder i{font-size:109px;display:block;margin-bottom:8px}.upload-text{font-size:18px;color:#b14b7a}.upload-img{width:100%;height:100%;object-fit:contain;background:#fff}.upload-preview.has-image .upload-placeholder{display:none}.upload-preview.has-image .upload-img{display:block!important}.bage-sumexcludeddates .text-danger{background:#fff;padding:9px;font-size:18px;border:1px solid;border-radius:21px}.section-bookingroomdetail .hint{font-size:18px;color:#777}.sum-form{display:flex;justify-content:space-between}.pay-wrap{background:#ffffffe0;border:1px solid rgba(0,0,0,.06);border-radius:var(--cu-radius);box-shadow:var(--cu-shadow);overflow:hidden}.pay-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:0}.pay-col{padding:22px;min-width:0}.pay-col.left{border-right:1px solid rgba(0,0,0,.06)}.pay-title{font-weight:900;color:var(--cu-purple);font-size:22px;margin:4px 0 14px}.mini-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;box-shadow:0 6px 18px #00000014;padding:16px;margin-bottom:16px}.mini-head{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--cu-purple);margin-bottom:10px}.mini-head:before{content:"";width:6px;height:18px;border-radius:99px;background:var(--cu-purple)}.mini-divider{border-top:1px dashed rgba(93,28,113,.25);margin:10px 0 12px}.info-row{display:grid;grid-template-columns:140px 1fr;gap:10px;padding:6px 0;font-size:14px}.info-row .k{color:#666;font-weight:700;font-size:18px}.info-row .v{color:var(--cu-purple);font-weight:900;word-break:break-word;font-size:18px}.total-pill{background:var(--cu-soft);border:1px solid rgba(93,28,113,.22);border-radius:14px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:900;margin-top:6px}.total-pill .label{color:#333;font-size:20px}.total-pill .amt{color:var(--cu-purple);font-size:26px}.qr-topbar{display:flex;justify-content:center;margin:8px 0 10px}.btn-outline-pill{border:2px solid var(--cu-purple);color:var(--cu-purple);background:#fff;border-radius:999px;padding:9px 18px;font-weight:900;font-size:14px;display:inline-flex;align-items:center;gap:8px}.btn-outline-pill:hover{filter:brightness(.98)}.qr-box{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;box-shadow:0 8px 20px #0000001f;padding:18px;display:flex;justify-content:center;align-items:center;margin:10px auto 14px;max-width:420px}.qr-img{width:280px;max-width:100%;height:auto;display:block}.btn-grad{border:0;border-radius:999px;padding:12px 18px;color:#fff;font-weight:900;background:linear-gradient(90deg,var(--cu-purple),var(--cu-pink));box-shadow:0 10px 22px #5d1c7138;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:260px;max-width:100%}.btn-grad:hover{filter:brightness(.98)}.link-pill{margin:12px auto 10px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:999px;padding:10px 14px;font-size:13px;color:#333;max-width:520px;display:flex;align-items:center;gap:10px;overflow:hidden}.link-pill code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;color:#444}.actions-center{display:flex;flex-direction:column;gap:10px;align-items:center}#excludedDatesBox{display:flex;flex-wrap:wrap;gap:6px}.badge-ex{background:#ffe4ec;color:#c2185b;padding:4px 10px;border-radius:999px;font-size:18px;font-weight:700}.bed-preview-box{min-height:96px;border:1px solid #eadcf7;border-radius:16px;background:linear-gradient(180deg,#fcf8ff,#f7f1fc)}.bed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.bed-card{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:14px;background:#fff;border:1px solid #eadcf7;box-shadow:0 4px 12px #7e57c214;transition:all .2s ease;min-height:96px}.bed-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px #7e57c21f}.bed-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#f4ebff;color:#7c4dff;flex-shrink:0;font-size:16px}.bed-title{font-weight:700;color:#4b3b63;line-height:1.2}.bed-subtitle{font-size:12px;color:#8b7ca6;line-height:1.2;margin-top:2px}.bed-position-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;border-radius:999px;background:#faf4ff;color:#7c4dff;font-size:12px;font-weight:600}.bed-empty{color:#8b7ca6;font-size:14px}.bed-counter{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#f3ebff;color:#6f42c1;font-size:13px;font-weight:600;margin-bottom:12px}.capacity-cell{min-width:88px}.capacity-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:68px;padding:6px 12px;border-radius:999px;background:#f5edff;color:#6f42c1;font-weight:700;font-size:14px}.capacity-badge i{font-size:13px}.table-bed-icons{display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap;margin-top:6px}.table-bed-icons i{font-size:11px;color:#a16eff}.table-bed-more{font-size:11px;color:#8b7ca6;font-weight:600}.modal-content{border-radius:18px;overflow:hidden}.section-masterroom-list .chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #e7d7fb;border-radius:999px;background:#fff;cursor:pointer;transition:.2s ease;font-size:18px}.section-masterroom-list .chip:hover{background:#faf6ff;border-color:#cfaef8}.section-masterroom-list .chip input{margin:0}.cu-table thead th{white-space:nowrap}.actions .btn{min-width:38px}@media(min-width:2350px){.container-md{max-width:95%}.section-sport-5 .bs-stepper .bs-stepper-header,.section-sport-6 .bs-stepper .bs-stepper-header{justify-content:center!important}.top-left-of-cutout-radius .top-right-radius{background-color:#b773ad}.top-left-of-cutout-radius{width:1rem;height:1.7rem}}@media(min-width:1920px){.top-left-of-cutout-radius .top-right-radius{background-color:#b36aa5}.top-left-of-cutout-radius{width:.7rem;height:1.7rem}}@media(min-width:1500px){.container-md{max-width:95%}.section-sport-5 .bs-stepper .bs-stepper-header,.section-sport-6 .bs-stepper .bs-stepper-header{justify-content:start}.section-sport-4 .bs-stepper .bs-stepper-header,.section-sport-1 .bs-stepper .bs-stepper-header,.section-sport-2 .bs-stepper .bs-stepper-header,.section-sport-3 .bs-stepper .bs-stepper-header{justify-content:center!important}}@media(min-width:1450px){.container-md{max-width:95%}}@media(min-width:1200px){.navbar-toggler{height:70px}.section-6 .owl-carousel .owl-stage-outer{height:520px}}@media(max-width:1199px){.navbar-brand{margin-left:0}nav .navbar-nav .nav-item .nav-link{padding:10px 5px}.nav-item .nav-link-inner{padding:10px 5px}.nav-item .nav-link-name{padding:10px 5px;margin:3px}.nav-item .nav-link-logout{padding:10px;color:#413d3d;font-size:18px;position:relative;display:block;border:.5px solid;border-radius:8px;z-index:2}.nav-item .nav-link-logout:hover{padding:10px;color:var(--color-navbar);font-size:18px;position:relative;display:block;border:.5px solid;border-radius:8px;z-index:2}.navbar-collapse{z-index:-1}.section-savemeter .card-small-room{height:184px}.wizard-numbered{overflow-x:scroll!important;overflow-y:hidden!important;white-space:nowrap!important}.section-sport-1 .bs-stepper .bs-stepper-header,.section-sport-2 .bs-stepper .bs-stepper-header,.section-sport-3 .bs-stepper .bs-stepper-header,.section-sport-4 .bs-stepper .bs-stepper-header,.sectionsport-room-1 .bs-stepper .bs-stepper-header,.sectionsport-room-2 .bs-stepper .bs-stepper-header,.sectionsport-room-3 .bs-stepper .bs-stepper-header{justify-content:start!important}.card-small-room{height:184px}.section-6 .owl-carousel .owl-stage-outer{height:520px}.section-8 .page-tab-line{width:71%}}@media(max-width:992px){.pay-grid{grid-template-columns:1fr}.pay-col.left{border-right:0;border-bottom:1px solid rgba(0,0,0,.06)}.info-row{grid-template-columns:120px 1fr}}@media(max-width:991px){.navbar-brand{margin-left:0}.navbar-toggler{position:unset}nav .menu-right{position:fixed;right:48px}nav.nav-no-hamburger .menu-right{right:8px}.navbar-home .menu-right{position:fixed;right:10px}.navbar .nav-item .dropdown-menu.show{display:block!important;margin:3px}.navbar .nav-item .dropdown-menu{display:none!important}.sort-item-page{width:100%}.nav{padding-right:0}.search-career-admin{width:40%}.navbar-secondary{top:74px;padding:0 15px 10px}.section-banner,.section-banner-car{min-height:110px}.card-home .card-frofile{margin:0 auto}.profile-name .dropdown-menu{position:absolute}.navbar-nav .dropdown-toggle:after{position:absolute;top:21px;left:auto;right:15px}.text-sub-head-search .btn{margin:10px 0}.bs-stepper .bs-stepper-header{-ms-flex-align:center!important;align-items:center!important;-ms-flex-direction:unset!important;flex-direction:unset!important}.bs-stepper .bs-stepper-header .step:first-child .step-trigger,.bs-stepper .bs-stepper-header .step .step-trigger{padding:0 1rem!important}.main-body{top:-57px}.main-admin-body{top:-65px}body{padding-top:65px}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.drag-file-area{width:80%}ul.ul-cards{gap:3rem}.section-search .card-home .text-search .form-select{width:100%}.top-left-of-cutout-radius{width:.9rem;height:1rem}.top-left-of-cutout-radius .top-right-radius{background-color:#f6a6c8}.section-4{margin:0 10px}.section-8 .page-tab-line{width:65%}}@media(max-width:767.98px){.bed-grid{grid-template-columns:1fr}}@media(max-width:767px){.card-home .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:100%}.section-ldap .table th:last-child,.section-ldap .table td:last-child{border-bottom:1px;border-radius:0}}@media(max-width:576px){.section-masterbanner .slide-thumb{height:56px;width:100%;margin:0 auto}.section-masterbanner .group-edit{justify-content:end}}@media(max-width:569px){.section-1-content{padding:100px 30px}.card-content-sec1{max-width:100%;margin:0 auto}.card-content{max-width:100%}.modal-footer{justify-content:center}.menu-right{display:flex}.nav-lang-box{display:none}nav .menu-right .vr{display:none}.nav-setting-btn span{display:none}.sort-item-page,.search-career-admin{width:100%}.navbar-sm{padding-left:0;padding-right:0;padding-top:.5rem;padding-bottom:.5rem}.cannot-upload-message{width:90%}.upload-files-container{padding:30px 10px}.drag-file-area{width:100%}.navbar{display:flow}.text-nav{display:none}.navbar-secondary{top:75px}.dropdown-menu-login[data-bs-popper]{right:-59px}.data-entries{text-align:center;padding-bottom:10px}.pagination-p{display:flex;justify-content:center}.text-sub-head-search h4{margin-bottom:20px}.section-room .text-sub-head-search h4{margin-bottom:4px}.section-timetable .text-sub-head-search h4{margin-bottom:20px!important}.text-icon{display:none}.btn-head{position:relative;z-index:0}.fc .fc-daygrid-day-top{display:flex;flex-direction:row-reverse;padding:15px}.fc .fc-toolbar{text-align:center;display:flex}.fc .fc-toolbar-title{font-size:1.75em;position:absolute;margin:8px 0;font-size:22px;left:81px;right:77px;top:44px}.fc .fc-toolbar.fc-header-toolbar{margin:23px 0;font-size:17px}.fc .fc-daygrid-more-link{top:-26px}.fc .fc-view-harness{height:445px!important}.t-card-code{margin-bottom:9px}.card-btn{margin-bottom:10px}.table-wrapper.has-mobile-cards tr{box-shadow:0 2px 3px #0a0a0a1a,0 0 0 1px #0a0a0a1a;max-width:100%;position:relative;display:block;border-radius:9px}.section-balancecheckreport .table-wrapper.has-mobile-cards tr{margin-bottom:1rem}.has-mobile-cards{border-radius:0}.has-mobile-cards table{min-width:0px;border-spacing:1px}.has-mobile-cards thead{display:none}.modal-body .has-mobile-cards .table td:first-child,.section-bookingcar .has-mobile-cards .table td:first-child,.section-room .has-mobile-cards .table td:first-child{border-radius:9px 9px 0 0}.table-wrapper.has-mobile-cards tr:not(:last-child){margin-bottom:1rem}.table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td:before{content:attr(data-label);font-weight:700;color:#000;padding-right:.5rem;align-self:center;text-align:left;white-space:nowrap}.has-mobile-cards .table tr td{white-space:normal}.table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td{display:flex;width:auto;justify-content:space-between;text-align:right}.section-balancecheckreport .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty) th,.section-balancecheckreport .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td{display:flex;width:auto;justify-content:space-between;text-align:right;border-bottom:1px solid #f6e0ea;border-radius:9px}.section-calendar .table th:last-child,.section-calendar .table td:last-child,.section-bookingcar .table th:last-child,.section-bookingcar .table td:last-child,.section-bookingroom .table th:last-child,.section-bookingroom .table td:last-child{border-bottom:0px;border-radius:0 0 9px 9px}.section-schedulecar .tab-2 .table th:last-child,.section-schedulecar .tab-2 .table td:last-child,.section-room .card-home-1 .table th:last-child,.section-room .card-home-2 .table td:last-child{border-bottom:0px;border-radius:0}.table-user .table th:nth-last-child(2),.table-user .table td:nth-last-child(2){padding:.425rem 1.25rem}.status-car-id,.status-driver,.status-sport{margin-bottom:.2rem;margin-top:.2rem}.tag-car-id,.tag-sport-id{display:flex;flex-direction:column}.btn-four{margin:2px}.section-paymentlist .tap-wrapper .nav{flex-wrap:nowrap}.text-sub-head-search .btn{margin:3px 0}.section-approve .table th:last-child{border-bottom:0px;border-radius:0}.swiper-wrapper{display:contents!important}.swiper-button-next,.swiper-button-prev{display:none!important}.top-left-of-cutout-radius .top-right-radius{background-color:#af649f}.section-6 .faculty-badge{top:58px;width:100%}.section-6 .course-title{margin-top:57px!important}.section-setting ul.ul-cards>li>a{width:407px}.role-grid{grid-template-columns:1fr}}@media(max-width:481px){.navbar-toggler{left:unset}.navbar-brand{margin-left:0}.logo{padding:10px 0}.text-copyright{text-align:center}.upload-files-container{padding:30px 10px}.navbar-secondary{top:75px}.file-block,.file-block2{width:309px}.section-detail .card-home{margin:8px auto 90px}.section-masterroom-detail .card-home{margin:8px auto 50px!important}.section-room .card-home{margin:8px auto 21px}.modal-body .has-mobile-cards .table th:last-child,.modal-body .has-mobile-cards .table td:last-child{border-radius:0 0 9px 9px}.btnGoTop{bottom:112px!important}.bs-stepper .bs-stepper-header{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.section-uploadmeter .group-btn{display:grid}.bottom-right-of-cutout-radius{width:1.4rem;height:1rem;background-color:#eb6699;position:absolute;top:4rem;bottom:0%;left:auto;right:0%}.bottom-right-of-cutout-radius .top-right-radius{background-color:#c284bd}.top-left-of-cutout-radius{width:.6rem;height:1.2rem;background-color:#eb6699;position:absolute;top:0%;bottom:auto;left:auto;right:8rem}.top-left-of-cutout-radius .top-right-radius{background-color:#aa5e99}.section-4{margin:0 5px}.section-5 .page-tab-before{padding:27px;width:375px}.section-5 .page-tab-after{font-size:22px}.section-8 .page-tab-line{width:30%}.logo-nav{height:35px}.section-setting ul.ul-cards>li>a{width:262px}}@media(max-width:414px){ul.ul-cards>li>a{width:298px}.file-block,.file-block2{width:290px}.logo-nav{height:30px}}@media(max-width:376px){.dropdown-menu-login[data-bs-popper]{right:-57px}.file-block,.file-block2{width:240px}.section-detail .card-home{margin:8px auto 150px}.section-room .card-home{margin:8px auto 21px}.fc-direction-ltr .fc-button-group>.fc-button:not(:first-child){margin-left:-11px!important}.logo-approve{right:-37px}.section-5 .page-tab-after{font-size:20px}.section-5 .page-tab-before{padding:25px;width:342px}.section-8 .page-tab-line{width:21%}.logo-nav{height:27px}}@media(max-width:321px){.logo-nav{height:24px}}html{scroll-behavior:smooth}::-webkit-input-placeholder{color:#d1d1d1!important}:-ms-input-placeholder{color:#d1d1d1!important}::placeholder{color:#d1d1d1!important}#page-loader{position:fixed;inset:0;background:radial-gradient(circle at top,#ffe6f2,#fdf7ff 40%,#fff);display:flex;align-items:center;justify-content:center;z-index:9999}#page-loader .loader-circle{width:60px;height:60px;border-radius:50%;border:4px solid #f7c7e2;border-top-color:#a3003e;animation:spin .9s linear infinite}#page-loader .loader-text{margin-top:12px;color:#a3003e;font-family:CHULALONGKORN;font-size:16px}@keyframes spin{to{transform:rotate(360deg)}}#page-loader.hide{opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.bg-row{background-color:#fceee3}.btnGoTop{border-radius:30px;padding:4px 7px 10px;border-color:transparent;opacity:.5;background:var(--color-navbar);color:#fff;margin-bottom:12px;position:fixed;bottom:60px;right:15px;z-index:99;border:none;outline:none;cursor:pointer;height:34px;width:34px;box-shadow:5px 5px 10px #0003;transition:all ease .3s;text-align:center;overflow:hidden}.btnGoTop img{position:absolute;left:7px;top:6px;height:18px}.btnGoTop:before{content:"";position:absolute;background:var(--btn-bg);height:0;width:100%;left:0;top:100px;transition:all ease .3;opacity:0}.btnGoTop:hover{opacity:.95;color:#fff}.btnGoTop:hover:before{top:0;height:100%;opacity:1}