/* CSS Document */

@charset "UTF-8";
@import url("pretendard-gov.css");

/*******  Base  ********/
:root{
    --aside-w:180px;
    --aside-w-min:56px;
    --rail-w:296px;
    --header-h:48px;
    --footer-h:48px;
    --gap:16px;
    --grid-height:calc(100vh - 400px);
}
html,body{width:100%;height:100%;margin:0;padding:0;}
body{font-size:14px;overflow:hidden;background:var(--bs-bg);min-width:1580px;}
body.dark{font-size:14px;background:var(--bs-primary)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wrap{max-width:100%;min-height:100vh;margin:0 auto;background:var(--bs-white);color:var(--bs-dark);display:flex;flex-direction:column;overflow:auto;min-width:1580px;}

/*******  Login  ********/
.dark .wrap{background:var(--bs-primary);color:var(--bs-white)}
.login-section{display:flex;align-items:center;flex-direction:column;justify-content:center;margin:auto;width:300px;}
.login-section .logo{width:230px;height:91px;background:url("../img/plex.svg") no-repeat center center/contain;margin:0 auto;}
.login-section .slogan{width:219px;height:30px;background:url("../img/slogan.svg") no-repeat center center/contain;margin:5px auto;}
.login-section .login-container{width:100%;margin-top:24px;}
.login-section .form-control{height:54px;line-height:54px;font-size:18px;font-weight:600;border-radius:8px;width:100%;background:var(--bs-white-200);margin-bottom:12px;color:var(--bs-white)}
.login-section .form-control::placeholder{color:var(--bs-white-400)}
.login-section .btn{height:54px;line-height:54px;font-size:18px;font-weight:600;border-radius:8px;padding:0;width:100%}
.login-section .btn-primary{color:var(--bs-primary);background:var(--bs-white);transition:var(--bs-transition)}
.login-section .btn-primary[disabled]{color:var(--bs-white);background:var(--bs-white-400);transition:var(--bs-transition)}
#loginErrorModal .modal-body{padding:32px 48px;}
#loginErrorModal .modal-body p{font-size:17px;text-align:center;color:var(--bs-danger)}

/*******  Dashboard  ********/
.app{position:relative;width:100%;height:100%;padding-top:var(--header-h);padding-bottom:var(--footer-h)}
.app-header{position:fixed;inset:0 0 auto 0;height:var(--header-h);display:flex;align-items:center;gap:12px;padding:0 16px;background:#fff;border-bottom:var(--bs-border);z-index:1020}
.header-start,.header-start ul{display:flex;align-items:center;}
.header-start ul{list-style:none;padding:0;gap:24px;margin:0 24px;}
.header-start li{display:flex;align-items:center}
.header-start li a{line-height:48px;font-size:18px;color:var(--bs-gray-500);text-decoration:none;font-weight:600;transition:var(--bs-transition)}
.header-start li a:hover,.header-start li a.active{color:var(--bs-primary);transition:var(--bs-transition)}
.brand{display:flex;align-items:center;gap:8px;height:var(--header-h);border-right:var(--bs-border);width:calc(var(--aside-w) - var(--gap));opacity:1;transition:var(--bs-transition);white-space:nowrap}
.brand-logo{display:inline-block;width:61px;height:24px;background:url("../img/logo-plex.svg") no-repeat 0 0;}
.brand-sm{display:flex;align-items:center;transition:var(--bs-transition);opacity:0;width:1px;height:var(--header-h);margin-left:-1px}
.brand-logo-sm{width:24px;height:24px;background:url("../img/logo-plex-sm.svg") no-repeat 0 0;}
.brand-name{font-weight:700;font-size:15px;margin-top:6px;color:var(--bs-primary)}
.aside-toggle.btn{width:var(--header-h);height:var(--header-h);border-right:var(--bs-border);border-radius:0;transition:var(--bs-transition)}
.aside-toggle.btn:hover{color:var(--bs-primary);transition:var(--bs-transition)}
.header-end{margin-left:auto;display:flex;align-items:center;gap:12px}
.header-end .today-time{font-weight:600;font-size:18px}
.header-end .condition{line-height:36px;border-radius:4px;border:var(--bs-border);display:flex;align-items:center;}
.header-end .condition .label{font-weight:500;font-size:13px;margin-left:12px;width:25px;display:inline-block;}
.header-end .condition .value{font-weight:700;font-size:17px;display:inline-block;padding-right:12px;width:30px;text-align:right;}
.header-end .condition .value:not(:last-child){border-right:var(--bs-border);}
.header-end .btn{height:36px;line-height:34px;padding:0 16px 0 12px;}
.header-end .btn-outline-primary{border:1px solid var(--bs-primary);color:var(--bs-primary);font-weight:600;}
.header-end .btn-outline-primary:hover{background-color:var(--bs-primary);color:var(--bs-white);}
.header-end .btn .mi{font-size:20px;margin-top:-2px;}
.user-dropdown .btn{display:flex;align-items:center;gap:6px;padding:0!important;background:transparent!important;border:none!important}
.dropdown-toggle::after{display:none!important}
.dropdown-toggle .dropdown-chevron{font-size:20px;margin-left:4px;vertical-align:middle;transition:transform .25s ease}
.dropdown-toggle.show .dropdown-chevron{transform:rotate(180deg)}
.dropdown-menu{padding:0;}
.dropdown-menu li:first-child .dropdown-item{border-radius:var(--bs-dropdown-border-radius) var(--bs-dropdown-border-radius) 0 0}
.dropdown-menu li:last-child .dropdown-item{border-radius:0 0 var(--bs-dropdown-border-radius) var(--bs-dropdown-border-radius)}
.dropdown-menu .dropdown-item{font-size:13px;line-height:36px;height:36px;padding:0 12px;font-weight:600}
.dropdown-menu .dropdown-item .mi{color:var(--bs-gray-500);}
.aside{position:fixed;inset:var(--header-h) auto 0 0;width:var(--aside-w);background:#fff;border-right:var(--bs-border);display:flex;flex-direction:column;z-index:1020;transition:var(--bs-transition);overflow:hidden}
.aside ul{list-style:none;padding:0;margin:0;}
.aside-head{display:flex;align-items:center;padding:12px;gap:8px;}
.header-end .avatar,.aside-head .avatar{display:inline-block;flex-basis:32px;min-width:32px;height:32px;line-height:32px;text-align:center;border-radius:var(--gap);background:var(--bs-gray-300);color:var(--bs-white)}
.aside-head .label{font-weight:700;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.nav-primary{display:flex;flex-direction:column}
.nav-primary .item{display:flex;align-items:center;gap:12px;padding:6px 16px;color:var(--bs-dark);text-decoration:none;transition:var(--bs-transition)}
.nav-primary .item:hover{background:#f2f2ff;transition:var(--bs-transition)}
.nav-primary .item .mi{font-weight:300;color:var(--bs-gray-500);transition:var(--bs-transition)}
.nav-primary .item .label{white-space:nowrap;color:var(--bs-gray-600);font-weight:600;transition:var(--bs-transition)}
.nav-primary .item.active .mi,.nav-primary .item.active .label,.nav-primary .item:hover .mi,.nav-primary .item:hover .label{color:var(--bs-primary);transition:var(--bs-transition)}
.aside-tail{margin-top:auto;padding:8px 12px 12px;color:var(--bs-gray-600);font-size:12px;}
.aside-tail *{white-space:nowrap;text-decoration:none}
.aside-tail .rounded{border:var(--bs-border)}
.aside-tail .fw-bold{font-size:24px;color:var(--bs-primary)}
.aside-tail .rounded a{color:var(--bs-gray-600);transition:var(--bs-transition)}
.aside-tail .rounded a:hover{color:var(--bs-primary);transition:var(--bs-transition)}
.content-rail{position:fixed;inset:var(--header-h) 0 0 auto;width:var(--rail-w);background:#fff;border-left:var(--bs-border);z-index:1010;display:flex;flex-direction:column;overflow:auto}
.content-rail .ss-wrapper{position:relative;overflow:hidden;height:100%;width:100%;}
.content-rail .ss-content{box-sizing:border-box;width:100%;height:100%;overflow:auto;padding:0;-ms-overflow-style:none;scrollbar-width:none}
.content-rail:hover .ss-scroll{opacity:1;}
.ss-content::-webkit-scrollbar{width:0;height:0}
.ss-scroll{position:absolute;top:0;right:2px;width:6px;height:100%;background:rgba(0, 0, 0, .1);border-radius:3px;cursor:pointer;opacity:0;transition:var(--bs-transition);z-index:2}
.ss-containerr:hover .ss-scroll{opacity:1;transition:var(--bs-transition)}
.ss-grabbed .ss-scroll{background:#0003;transition:var(--bs-transition)}
.content-wrap{padding:24px;border-bottom:var(--bs-border);}
.content-head{font-weight:700;display:flex;justify-content:space-between}
.content-head h3{font-size:15px;}
.content-head a{color:var(--bs-gray-400);transition:var(--bs-transition)}
.content-head a:hover{color:var(--bs-primary);transition:var(--bs-transition)}
.content-body .value{font-size:30px;font-weight:700;color:var(--bs-primary)}
.content-body .content-group{display:flex;justify-content:space-between;margin-top:12px}
.content-body .content-data{display:flex;flex-direction:column;align-items:center}
.content-body .content-data .material-symbols-outlined{color:var(--bs-gray-600)}
.content-body .content-data .title{font-size:13px;font-weight:600;color:var(--bs-gray-500);margin-top:4px}
.content-body .content-data .unit{font-size:13px;font-weight:600;color:var(--bs-gray-500);margin-top:4px;margin-left:4px;}
.content-body .content-data .value{font-size:18px;font-weight:700;color:var(--bs-dark)}
.ranking-nav{list-style:none;gap:12px;display:flex;padding:0;margin:0;margin-left:24px;}
.ranking-nav a{text-decoration:none;color:var(--bs-dark);font-size:13px;font-weight:700}
.ranking-nav a:hover,.ranking-nav a.active{color:var(--bs-primary)}
.ranking{list-style:none;gap:12px;display:flex;flex-direction:column;padding:0;margin:0;margin-top:12px;}
.ranking-header{font-size:12px;font-weight:400;color:var(--bs-gray-400);display:flex;}
.ranking-row{display:flex;}
.ranking-header .rank,.ranking-row .rank{width:32px;text-align:center;}
.ranking-header .player,.ranking-row .player{width:calc(100% - 72px);}
.ranking-header .score,.ranking-row .score{width:40px;text-align:center;}
.ranking-row .rank{font-size:12px;line-height:38px;}
.ranking-row .player{display:flex;align-items:center}
.ranking-row .player .avatar{width:38px;height:38px;border-radius:19px;display:inline-block;background:var(--bs-gray-100) url("../img/avatar.png") no-repeat center center/cover;}
.ranking-row .player .nickname{font-size:15px;font-weight:700;margin-left:12px;}
.ranking-row .score{font-size:20px;font-weight:700;color:var(--bs-primary);line-height:38px;}
.content-wrap .btn-group{width:100%;margin-top:12px;}
.content-wrap .btn-outline{border:var(--bs-border);background:var(--bs-white);color:var(--bs-dark);font-size:13px;font-weight:700;line-height:36px;border-radius:4px;display:block;transition:var(--bs-transition);padding:0}
.content-wrap .btn-outline:hover{border-color:var(--bs-primary);color:var(--bs-primary);transition:var(--bs-transition)}
.app-main{position:relative;margin-left:var(--aside-w);margin-right:var(--rail-w);transition:var(--bs-transition);background:var(--bs-bg)}
.app-main .ss-wrapper{position:relative;overflow:hidden;height:calc(100vh - var(--header-h) - var(--footer-h))}
.app-main .ss-content{box-sizing:border-box;width:100%;height:100%;overflow:auto;padding:24px 12px;-ms-overflow-style:none;scrollbar-width:none}
.app-main .ss-scroll{width:6px;background:#0000002b;border-radius:3px;opacity:0;transition:opacity .2s ease}
.app-main:hover .ss-scroll{opacity:1;}
.app-footer{position:fixed;inset:auto 0 0 0;height:var(--footer-h);background:#fff;border-top:var(--bs-border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:1010;margin-left:var(--aside-w);margin-right:var(--rail-w);transition:var(--bs-transition)}
#roomCardRow .card{position:relative;}
.card{background:var(--bs-white);border:var(--bs-border);border-radius:12px;padding:0;min-height:270px;min-width:260px;transition:var(--bs-transition)}
.card:hover{box-shadow:rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;transition:var(--bs-transition)}
.card .card-header,.card .card-footer{background:var(--bs-white);padding:0 12px;display:flex;justify-content:space-between;align-items:center;white-space:nowrap}
.card .card-header.alert-danger{background:var(--bs-danger-light)}
.card .card-header{border-radius:12px 12px 0 0}
.card .card-footer{border-radius:0 0 12px 12px}
.card .card-header-start,.card .card-header-end{display:flex;gap:12px;height:var(--header-h);line-height:var(--header-h);align-items:center;}
.card .card-header-start h3{font-size:17px;font-weight:700;color:var(--bs-dark);margin-bottom:0;line-height:var(--header-h)}
.card .card-header.alert-danger h3,.card .card-header.alert-danger .card-header-start span{color:var(--bs-danger);}
.card .card-header-start span{margin-top:2px;color:var(--bs-gray-500);}
.card .card-header-end span{align-self:center}
.card .card-body{padding:0;display:flex;justify-content:space-between;align-items:stretch}
.card .card-body .split{padding:8px 12px;width:calc(100% - 65px);display:flex;flex-direction:column;}
.card .card-body .split:last-child{width:64px;border-left:var(--bs-border);gap:8px;}
.card .card-body .split .iot{width:100%;font-size:12px;font-weight:600;background:var(--bs-gray-300);color:var(--bs-gray-600);line-height:20px;border-radius:10px;text-align:center;}
.card .card-body .split .iot.active{background:var(--bs-primary);color:var(--bs-white)}
.card .card-body .info{text-align:center;margin:0 auto 12px;display:flex;flex-direction:column;margin-bottom:auto !important;height:120px;}
.card .card-body .info .btn-outline{border:var(--bs-border);background:var(--bs-white);color:var(--bs-dark);width:100%;font-size:17px;font-weight:700;line-height:44px;border-radius:4px;display:block;transition:var(--bs-transition);padding:0}
.card .card-body .info .btn-outline:hover{border-color:var(--bs-primary);color:var(--bs-primary);transition:var(--bs-transition)}
.card .card-body .info:has(.btn-outline){width:100%}
.card .card-body .info .btn-outline:first-child{margin-bottom:8px}
.card .card-body .time{font-size:15px;font-weight:600;color:var(--bs-dark);margin-bottom:-5px}
.card .card-body .remain{font-size:32px;font-weight:700;color:var(--bs-primary)}
.card .card-body .game{font-size:15px;font-weight:600;color:var(--bs-dark)}
.card .card-body .cc{font-size:13px;font-weight:600;color:var(--bs-success)}
.card .entry-info,.card .fee-info{display:flex;justify-content:space-between;align-items:stretch}
.card .value{font-size:18px;font-weight:600;color:var(--bs-dark)}
.card .label{padding-top:6px;}
.card .label,.card .unit{font-size:13px;font-weight:600;color:var(--bs-gray-500)}
.card .card-footer{align-items:flex-start;padding:8px 12px}
.card .card-footer-start span{display:block}
.card .card-footer-start .note{font-size:11px;}
#roomCardRow .room-menu{position:absolute;right:4px;top:40px!important;}

/*******  Scheduler  ********/
:root{--timecol-width:88px;--room-width:200px;--px-per-minute:2;--row-height:64px;--head-height:44px;--line-color:#e7e7ee;--line-strong:#e7e7ee;--now-color:#ff2a55}
.scheduler{padding:24px;}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 0 12px}
.toolbar .toolbar-start,.toolbar .toolbar-end{display:flex;align-items:center;gap:12px;}
.toolbar .date{font-size:17px;font-weight:700;display:flex;align-items:center;gap:12px;}
.toolbar .btn{padding:6px 10px;border:var(--bs-border);border-radius:8px;background:#fafafa;cursor:pointer}
.toolbar .btn-icon-only,.toolbar .btn-text-only{border:none;padding:0;background:none!important;color:var(--bs-gray-600)}
.toolbar .btn-icon-only:hover{color:var(--bs-primary)}
.toolbar .btn-text-only{font-size:13px;font-weight:600;color:var(--bs-primary);text-align:center;}
.toolbar .date:has(.disabled) .btn-text-only{font-weight:400;color:var(--bs-gray-600)}
.toolbar .date a{color:var(--bs-gray-600)}
.toolbar .date a:hover{color:var(--bs-primary)}
.toolbar .time-guide{border:var(--bs-border);border-radius:8px;display:flex;align-items:center;background:var(--bs-white);line-height:36px;height:36px;padding:0 0 0 12px;}
.toolbar .time-guide .form-label{padding-right:12px;color:var(--bs-gray-600);line-height:36px;margin-bottom:0}
.toolbar .time-guide input{border:none;border-radius:0;background:transparent;font-weight:600;line-height:34px;}
.toolbar .time-guide input:focus,.toolbar .time-guide select:focus{outline:0;}
.toolbar .time-guide input+.form-label{padding-left:12px;}
.toolbar .time-guide select{line-height:34px;height:34px;border:none;}
.toolbar .time-guide #applyConfig{margin-left:12px;border:none;border-radius:0 8px 8px 0;border-left:var(--bs-border);line-height:34px;padding:0 12px;font-size:14px;font-weight:600;}
.toolbar .btn-group .form-label{padding:0 12px;color:var(--bs-gray-600);line-height:34px;border:var(--bs-border);margin-bottom:0;background:var(--bs-white);border-radius:8px 0 0 8px}
.toolbar .btn-group .btn{line-height:34px;height:36px;padding:0;width:36px;background:var(--bs-white)}
.grid-wrap{border:var(--bs-border);border-radius:12px 12px 0 0;overflow:hidden;background:var(--bs-white);box-shadow:0 4px 16px #0000000a}
.grid-head{display:flex;position:sticky;top:0;z-index:10;background:var(--bs-white);border-bottom:1px solid #eee;height:var(--head-height)}
.timecol-head{width:var(--timecol-width);flex:0 0 var(--timecol-width);display:flex;align-items:center;justify-content:center;font-weight:600;border-right:1px solid #eee}
.rooms-head{position:relative;flex:1 1 auto;overflow:hidden}
.rooms-head .rooms-track{position:relative;height:100%;white-space:nowrap}
.rooms-head .room-cell{display:inline-flex;align-items:center;justify-content:space-between;width:var(--room-width);height:100%;border-right:1px solid #f0f0f3;font-weight:600}
.rooms-head .room-cell:last-child{border-right:none;}
.grid-body{position:relative;height:calc(100vh - 353px)}
.timecol{position:absolute;left:0;top:0;bottom:0;width:var(--timecol-width);border-right:1px solid #eee;background:var(--bs-white);overflow:hidden;z-index:3}
.timecol-track{position:relative;will-change:transform}
.timecol .time-tick{position:absolute;z-index:1;left:0;width:100%;height:0;border-top:1px solid var(--line-color);padding-left:8px;font-size:12px;color:#555;transform:translateY(-.5px);display:flex;align-items:center;margin-top:-.5px;}
.timecol .time-tick:nth-child(2),.timecol .timecol-track .time-tick:not(:has(+ .time-tick)){border-top:0}
.timecol .time-tick strong{font-size:12px;font-weight:600;margin-top:24px;}
.grid-body .scroll-area{position:absolute;left:var(--timecol-width);right:0;top:0;bottom:0;overflow:auto;z-index:1} /*edit*/
.grid-lines{background:var(--bs-white);margin:-1px 0 0 -1px;position:absolute;inset:0;left:0;top:0;pointer-events:none;z-index:10} /*edit*/
.grid-lines .hline{position:absolute;left:0;right:0;height:0;border-top:1px solid var(--line-color)}
.grid-lines .hline.hour{border-color:var(--line-strong)}
.now-line{position:absolute;left:calc(var(--timecol-width) - 5px);right:0;height:0;border-top:1px solid var(--now-color);z-index:9;pointer-events:none;}
.now-marker{position:absolute;right:4px;padding:2px 10px;background:var(--now-color,#ff2a55);color:var(--bs-white);font-size:12px;font-weight:700;border-radius:999px;white-space:nowrap;pointer-events:none;z-index:10;margin-top:-11px;}
.after-hours{position:absolute;left:0;right:0;pointer-events:none;background:#00000006}
.timecol .after-hours-tc{position:absolute;left:0;right:0;background:#00000006;pointer-events:none;z-index:0}
.grid-wrap.has-hscroll .rooms-head .room-cell:last-child{border-right-color:transparent!important}
.grid-wrap.no-hscroll .rooms-head .room-cell:last-child{border-right:1px solid var(--line-color)!important}
.grid-wrap.no-vscroll .grid-lines{border-bottom:1px solid var(--line-color)}
.grid-wrap.has-vscroll .grid-lines{border-bottom:none}
.rooms-head .room-cell{position:relative;padding:0 8px;text-align:center}
.net-signal{width:12px;height:12px;border-radius:50%;}
.net-green{background:#22c55e}
.net-orange{background:#f59e0b}
.net-red{background:#ef4444}
.room-more{width:26px;height:26px;border:1px solid #e5e7eb;border-radius:8px;background:var(--bs-white);text-align:center;padding:0;}
.room-more:hover{background:#f8fafc}
.rooms-head .room-cell.fault{background:repeating-linear-gradient(-45deg,#ef44441f 0,#ef44441f 8px,#ef44442e 8px,#ef44442e 16px)}
.fault-layer{position:absolute;inset:0;left:0;top:0;pointer-events:none;z-index:5} /*edit*/
.fault-col{position:absolute;top:0;background:repeating-linear-gradient(-45deg,#ef44441f 0,#ef44441f 8px,#ef44442e 8px,#ef44442e 16px);opacity:.5}
.grid-lines{position:relative;z-index:1}
.book-layer{position:absolute;inset:0;z-index:15;pointer-events:auto;}
.room-menu{position:fixed;min-width:150px;background:var(--bs-white);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #00000014;padding:10px 12px 6px;z-index:9999}
.room-menu .title{font-weight:700;margin:4px 6px 8px;font-size:13px}
.room-menu .row{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-radius:8px}
.room-menu .row > span{width:auto;padding:0}
.room-menu .row > .switch{padding:0}
.room-menu .row:last-child{border-top:var(--bs-border);border-radius:0;padding-top:12px;}
.switch{position:relative;width:36px;height:20px;border-radius:999px;background:#e5e7eb;transition:.2s}
.switch input{appearance:none;-webkit-appearance:none;width:0;height:0;opacity:0}
.switch .knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--bs-white);transition:.2s}
.switch:has(input:checked){background:#22c55e}
.switch:has(input:checked) .knob{left:18px}
.booking-wrap{height:164px;padding:8px;gap:16px;border:var(--bs-border);margin-top:-1px;border-radius:0 0 12px 12px;background:var(--bs-white);display:flex;overflow:auto}
.booking{width:100%;max-width:184px;min-width:184px;min-height:146px;border-radius:8px}
.booking .card-header,.booking .card-footer{line-height:36px;height:36px;display:flex;justify-content:space-between;background:var(--bs-bg);padding:0 12px;}
.booking .card-body{gap:1px;display:flex;flex-direction:column;padding:6px 12px 10px}
.booking .card-body>*{font-size:13px!important;font-weight:600!important;color:var(--bs-dark);}
.booking .book-no{font-size:15px;font-weight:700;color:var(--bs-primary)}
.booking .type{font-size:13px;font-weight:600;color:var(--bs-primary)}
.booking .payment{font-size:13px;font-weight:600;color:var(--bs-gray-500)}
.time-pop{position:fixed;min-width:140px;background:var(--bs-white);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 28px #0000001f;padding:10px 12px;z-index:10000;display:flex;margin-top:24px;margin-left:-88px;}
.time-pop .row-times{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:6px 2px 0;font-weight:600}
.time-pop .base{color:var(--bs-primary);display:flex;align-items:flex-start;gap:6px;margin-right:12px;padding-top:6px;font-weight:700}
.time-pop .row-times .text-center{width:36px;}
.time-pop .row-times .muted{opacity:.5;font-weight:700}
.time-pop .row-nums{display:flex;flex-wrap:wrap;gap:16px;padding:6px 0 2px}
.time-pop .num{min-width:36px;line-height:36px;text-align:center;border:var(--bs-border);border-radius:4px;font-weight:700;color:var(--bs-primary);background:var(--bs-bg);margin:auto;font-size:20px;}
.book-card{cursor:pointer;position:absolute;background:var(--bs-white);border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;min-height:104px;min-width:184px;box-shadow:rgba(0, 0, 0, 0.2) 0px 6px 20px -10px;pointer-events:auto;}
.book-card:hover{box-shadow:rgba(0, 0, 0, 0.2) 0px 18px 50px -10px!important;border:1px solid var(--bs-primary)}
.book-card .card-header{padding:8px 12px 6px;font-weight:700;font-size:15px;border-bottom:var(--bs-border);color:var(--bs-dark);background:var(--bs-bg)}
.book-card .card-body{padding:8px 12px;font-size:13px;line-height:1.35;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}
.book-card .nickname{font-weight:600;margin-bottom:2px;font-size:14px;}
.book-card .card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;background:var(--bs-bg);border-top:var(--bs-border)}
.badge-using{color:#10b981}
.badge-waiting{color:#10b981}
.badge-done{color:#9ca3af}s
.badge-paid{color:#9ca3af}
.badge-unpaid{color:#ef4444}
.book-card.using .card-header{color:var(--bs-primary)}
.timer-lg{font-size:28px;font-weight:800;text-align:center;color:var(--bs-primary);letter-spacing:1px;padding:12px 0 0;margin:12px -12px 0;border-top:var(--bs-border)}
.timer-sub{text-align:center;font-size:13px;opacity:.7}
.game-course{text-align:center;font-size:14px;color:#059669;font-weight:700;margin-top:4px}
.after-hours,.after-hours-tc,.fault-layer,.fault-layer * {pointer-events:none;}
.time-input{width:56px;height:34px;padding:0 6px;border:1px solid #e5e7eb;border-radius:8px;text-align:center;letter-spacing:1px;font-size:15px;font-weight:700;margin-left:0;}
.time-input:first-child{margin-left:-6px;}
.time-input:focus{outline:0;}
.min-timepkr{position:fixed;z-index:99999;background:var(--bs-white);border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 12px 30px #00000024;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-weight:600;font-size:14px;user-select:none}
.min-timepkr .col{width:48px;font-size:15px;max-height:220px;overflow:auto;-webkit-overflow-scrolling:touch}
.min-timepkr .title{font-size:12px;color:#6b7280;margin:2px 4px 6px;font-weight:700;text-align:center}
.min-timepkr .opt{padding:8px 0;margin:2px;border-radius:4px;text-align:center;cursor:pointer}
.min-timepkr .opt:hover{background:#f3f4f6}
.min-timepkr .opt.active{background:var(--bs-primary);color:var(--bs-white)}
.min-timepkr .opt.disabled{opacity:.35;pointer-events:none}
:root{--reserve-width:324px;--history-width:344px;--offcanavas-width:400px;}
.offcanvas.offcanvas-end{z-index:1060;box-shadow:rgba(0, 0, 0, 0.1) -10px 0px 50px;border-radius:12px 0 0 12px;width:var(--offcanavas-width)}
#ocReserve.offcanvas-end{--bs-offcanvas-width:var(--reserve-width);width:var(--bs-offcanvas-width);}
.offcanvas-header{justify-content:space-between;border-bottom:var(--bs-border);padding:12px 16px 12px 24px;border-radius:12px 0 0 0}
.offcanvas-header .offcanvas-title{font-size:18px;font-weight:700;color:var(--bs-primary);}
#ocHistory{--bs-offcanvas-width:var(--history-width);z-index:1055;box-shadow:rgba(0, 0, 0, 0.1) -10px 0px 50px;border-radius:12px 0 0 12px;padding:0 20px 0 0;margin-right:-20px;}
#ocHistory.offcanvas-end{right:var(--reserve-width)!important;}
.oc-wrap,.oc-form{height:calc(100vh - 56px);position:relative;}
#ocReserve .offcanvas-body{overflow-x:hidden!important;}
.oc-body{padding:12px;width:calc(var(--reserve-width) - 24px);position:relative;overflow-y:auto!important;overflow-x:hidden!important;height:calc(100vh - 118px);}
.oc-footer{background:var(--bs-white);padding:12px 24px;display:flex;justify-content:space-between;border-top:var(--bs-border);position:fixed;bottom:0;width:var(--reserve-width);border-radius:0 0 0 12px;margin-left:-12px;}
.oc-footer .btn{line-height:36px;height:36px;padding:0;width:100px;}
.oc-grid-7{grid-template-columns:repeat(7,1fr)}
.offcanvas-header .btn-icon-only,.card-header .btn-icon-only{padding:0;position:static;}
.offcanvas-body .form-control,.offcanvas-body .form-control+.btn{border:var(--bs-border);background:var(--bs-white);}
.offcanvas-body .form-control+.btn{width:36px;padding:0;color:var(--bs-dark)}
.offcanvas-body .form-control+.btn:hover{color:var(--bs-primary)}
.offcanvas-body .form-check{white-space:nowrap}
.offcanvas-footer{padding:12px 24px;display:flex;justify-content:flex-end;border-top:var(--bs-border);position:fixed;bottom:0;border-radius:0 0 0 12px;width:var(--offcanavas-width)}
#ocReserve .form-label{font-weight:700;font-size:14px;}
.open-history{margin-right:-6px;color:var(--bs-primary);font-size:12.5px;}
.open-history .icon-xs{margin-top:-1px!important;}
#ocPhoneWrap{position:relative}
#ocPhoneWrap .input-group{padding-right:12px;}
#ocPhoneLayer{position:absolute;top:100%;left:0;right:0;z-index:1061;overflow:auto;border-radius:4px;margin-top:2px;max-height:280px;width:276px;}
#ocPhoneLayer .list-group-item span:not(.badge),#ocPhoneLayer .list-group-item small{font-size:13px!important;font-weight:700;color:var(--bs-dark)}
.offcanvas .badge{padding:0 4px;line-height:18px;height:18px;font-size:11px;border:none;font-weight:500;border-radius:4px;}
#ocGuestLayer{position:absolute;top:100%;left:0;right:0;z-index:1062;border-radius:4px;width:276px;}
#ocGuestLayer.show-inline{display:flex!important}
#ocGuestLayer.card{min-height:auto!important;}
#ocGuestLayer .card-header{padding:8px 8px 8px 12px}
#ocGuestLayer .card-body{flex-direction:column;padding:12px;gap:12px;}
#ocGuestLayer .card-footer{display:flex;justify-content:space-between;}
#ocGuestLayer .card-footer .btn{width:60px!important;}
#ocGuestLayer .card-body .guest-item .form-label{font-weight:500;font-size:12px;margin-bottom:4px;color:var(--bs-gray-600)}
.form-check-input{background-color:var(--bs-white);border-color:var(--bs-gray-300);width:18px;height:18px;margin-top:1px;}
.form-check-input:checked{background-color:var(--bs-primary);border-color:var(--bs-primary)}
#ocReserve .btn{font-size:13px;font-weight:600;}
#ocReserve .btn-outline-secondary:hover{background:var(--bs-white);color:var(--bs-primary);border-color:var(--bs-primary)}
#ocMemo{height:76px;border:var(--bs-border);border-radius:4px;}
.oc-scroll-x{overflow-x:auto;overflow-y:hidden}
#ocSummary.card{min-width:100%;min-height:72px;border:none;border-radius:4px;padding:10px 12px;margin-bottom:12px;background-color:var(--bs-primary);color:var(--bs-white);}
#ocResultCard.card{min-width:100%;min-height:108px;border:none;border-radius:4px;padding:10px 12px;margin-bottom:12px;background-color:var(--bs-primary);color:var(--bs-white);}
#ocResultCard.card.bg-danger{background-color:var(--bs-danger);}
#ocSummary .card-body,#ocResultCard .card-body{display:flex;flex-direction:column;gap:8px}
#ocSummary .item-row,#ocResultCard .item-row{display:flex;justify-content:space-between}
#ocSummary .item-title,#ocResultCard .item-title{opacity:.5}
#ocHourRow,#ocMinRow{display:flex;overflow-x:auto!important;overscroll-behavior-x:contain;overflow-y:hidden!important;gap:4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;white-space:normal}
#ocHourRow{margin-bottom:12px;}
#ocRoomRow{display:flex;gap:4px;flex-wrap:wrap}
.oc-item{position:relative;margin-bottom:12px;}
.oc-item .item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}
.list-group-item{display:flex;align-items:center;justify-content:space-between;padding:12px;}
.list-group-item .badge{margin-left:4px;}
#histTabs{display:flex;gap:4px;}
#histTabs .btn{text-align:left;flex:1 1 auto !important;border:var(--bs-border);font-weight:500;height:70px;}
#histTabs .btn span{width:100%;text-align:right;font-weight:700;font-size:20px;margin-top:4px;padding:0;color:var(--bs-dark)}
#histList .list-group-item{display:flex;padding:12px 0;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px;padding:12px 0;border:0;border-bottom:var(--bs-border)}
#histList .list-group-item .list-item{display:flex;align-items:center;}
#histList .list-group-item .badge{margin-left:0;margin-right:8px;border-radius:4px;width:28px;padding:0;line-height:18px;height:18px;}
#histList .list-item:first-child .badge:first-child{background-color:var(--bs-primary)!important;color:var(--bs-white)!important}
#histList .item-no{font-size:20px;font-weight:700;margin-right:8px;color:var(--bs-dark)}
#histList .item-store,#histList .item-use{font-size:13px;font-weight:500;color:var(--bs-gray-500);padding-top:5px;}
#histList .item-booking{font-size:15px;font-weight:600;color:var(--bs-dark);}
#histList .item-pay{font-size:20px;font-weight:700;margin-right:8px;color:var(--bs-primary);margin-left:36px;}
#histList .item-date{font-size:13px;font-weight:500;margin-left:36px;}
.personnel,.holes{height:36px;padding:0;gap:4px;display:flex;margin-bottom:12px;}
.oc-hour-item{display:flex;scroll-snap-align:start;width:36px;height:36px;padding:0;gap:4px;scroll-margin-inline:0;}
.oc-hour-item .btn,.personnel .btn,.holes .btn,.oc-day .btn,.oc-hour-item .btn,.oc-min-item .btn,.rooms .btn{width:36px;height:36px;line-height:36px;padding:0;border:var(--bs-border);border-radius:4px;font-weight:700;font-size:14px;background:var(--bs-white);color:var(--bs-dark)}
.oc-hour-item .btn.disabled,.personnel .btn.disabled,.holes .btn.disabled,.oc-day.disabled .btn,.oc-hour-item .btn.disabled,.oc-min-item .btn.disabled,.rooms .btn.disabled{color:var(--bs-gray-300)}
.btn-check:checked + .btn,:not(.btn-check) + .btn:active,.btn.active, .btn.show{border-color:var(--bs-primary)!important;color:var(--bs-primary)!important;background:var(--bs-white)!important}
.customer-info{display:flex;align-items:center;justify-content:space-between;border:var(--bs-border);border-radius:4px;height:36px;line-height:36px;padding:0 12px;}
.customer-info span:not(.badge){font-size:13px;}
.customer-info>div{display:flex;align-items:center;gap:4px;}
.oc-grid-7{display:flex;margin-bottom:12px;position:relative;padding:0;gap:4px;}
.oc-day{position:relative}
.oc-day .badge-dot{position:absolute;width:6px;height:6px;border-radius:50%;right:6px;top:6px;background:currentColor}
.oc-day.sun > label{color:#e03131}
.oc-day.sat > label{color:#1c7ed6}
.oc-day.holiday > label{color:#845ef7}
.oc-day.disabled > label,.btn.disabled{opacity:.45;pointer-events:none}
#ocHistory:not(.show) .offcanvas-header .btn-icon-only{display:none!important;}
#ocHistory.show .offcanvas-header .btn-icon-only{display:inline-flex;}
#ocCustTag.badge{font-weight:600}
#ocHistoryOpen.disabled{pointer-events:none;opacity:.5}
.badge-vip{background:#FFD700;color:#111;border:1px solid #0000001a}
.badge-excellent{background:var(--bs-success);color:#fff}
.badge-black{background:#000;color:#fff}
.modal-header{display:flex;justify-content:space-between;padding:12px 8px 12px 12px;align-items:center;}
.modal-header h3{font-size:17px;color:var(--bs-primary);font-weight:700;margin:0;line-height:26px;}
.modal-header .btn{padding:0;}
.add-time{display:flex;gap:4px;}
.add-time .btn{min-width:48px;height:48px;line-height:48px;padding:0;font-weight:700;font-size:20px;color:var(--bs-dark);border:var(--bs-border)}
.add-time .btn:hover{color:var(--bs-primary);border-color:var(--bs-primary)}
.ocflex{display:flex;justify-content:space-between;align-items:center;line-height:28px;font-size:15px;padding-bottom:8px;}
.table-responsive .table tbody tr:last-child td,.border .table tbody tr:last-child td{border-bottom:none;}
#pmPlanned,#cardPayAmount,#cashPayAmount,#simplePayAmount{line-height:50px;height:50px;font-size:30px!important;font-weight:700}
#pmAmount{padding:0 32px 0 12px;line-height:50px;height:50px;font-size:30px!important;color:var(--bs-primary);background-color:var(--bs-gray-100);border-color:var(--bs-primary);outline:0;border-radius:8px;}
.ocunit{position:absolute;right:8px;top:44px;}
.add-pay{margin-top:12px;display:flex;justify-content:flex-end}
#pmAmount+.small,#cashRecv+.small,#pmPlanned .small,#cardPayAmount .small,#cashPayAmount .small,#simplePayAmount .small,#cashChange .small{font-size:18px!important;font-weight:500!important;}
#paymentModal .col-6{min-height:568px;}
#paymentModal .btn-outline-secondary,.modal-footer .btn-outline-secondary{font-size:15px;min-width:80px;font-weight:700;border:var(--bs-border);}
#paymentModal .btn-primary,.modal-footer .btn-primary{font-size:15px;min-width:80px;font-weight:700;}
#paymentModal .btn-outline-secondary:hover,.modal-footer .btn-outline-secondary:hover{background:var(--bs-white);color:var(--bs-primary);border-color:var(--bs-primary);}
#paymentModal .payment-type{display:flex;align-items:center;gap:4px;margin-bottom:24px;}
.table .btn-icon-only{padding:0;}
.pay-panel{position:absolute;padding-right:12px;margin-top:-20px;}
.pay-panel .card{border-radius:8px;width:545px!important;}
.pay-panel .card-header{padding:12px;font-size;15px;color:var(--bs-primary);font-weight:700;}
.pay-panel .card-body{flex-direction:column;padding:12px;}
.pay-panel .input-group-text{font-size:13px;}
.pay-panel .input-group input{border:var(--bs-border);font-size:15px;}
#cashRecv,#cashChange{color:var(--bs-primary);font-size:24px;font-weight:700;padding-right:32px;}
#cashRecv+.small,#cashChange+.small{position:absolute;top:8px;right:20px;font-size:13px!important;}
.modal .text-body-secondary{font-weight:600;font-size:13px!important;color:var(--bs-gray-500)!important}
#cashRecv:disabled{background:var(--bs-white);opacity:1;}
#cashRcptNumber:disabled{background:var(--bs-gray-100);}

/**** Off Canvas *****/
.item-detail{padding:12px;}
.item-row label{font-size:13px;font-weight:600;color:var(--bs-gray-500)}
.item-row p{font-size:17px;font-weight:700;color:var(--bs-dark);margin-bottom:12px;}

/*******  Grid Table  ********/
:root{--panel-bottom-gap:24px;--row-height:44px;--empty-bg:#fff;--header-bg:#fff;--header-shadow:0 1px 0 #0000000f;--border-color:#e5e7eb}
.grid-wrapper{padding:24px;}
.grid-header{margin-bottom:12px;display:flex;align-items:flex-end;justify-content:space-between;padding:12px;border:var(--bs-border);background:var(--bs-white);border-radius:8px;}
.grid-header .grid-header-start,.grid-header .grid-header-end{display:flex;align-items:center;}
.grid-header, .grid-header-start{overflow:visible;gap:18px;white-space:nowrap;}
.grid-header .item{position:relative;overflow:visible;}
.grid-header .item label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--bs-gray-500)}
.grid-header .item .item-inline{display:flex;align-items:center;gap:4px;}
.grid-header .item .form-control{background:var(--bs-white)}
.grid-header .item .datepicker{width:124px;}
.gridjs-container{padding:0;}
.gridjs-wrapper{border:1px solid #e5e7eb;box-shadow:none;}
.gridjs-footer{border-top:none;padding:6px 12px;}
th.gridjs-th,td.gridjs-td{padding:8px 12px;text-align:center;white-space:nowrap;}
tr:hover td.gridjs-td{background:var(--bs-primary-bg-subtle)}
.gridjs-pagination .gridjs-pages button{padding:9px 0px;width:36px;white-space:nowrap;border-color:var(--bs-border-color);}
.gridjs-pagination .gridjs-pages button:first-child,.gridjs-pagination .gridjs-pages button:last-child{padding:9px 14px;width:auto;}
.gridjs-pagination{display:flex;align-items:center;justify-content:flex-end;}
.gridjs-pagination .gridjs-summary{display:none;}
button.gridjs-sort-neutral{background-image:url('../img/icon-sort.svg');background-size:cover;}
button.gridjs-sort-desc{background-image:url('../img/icon-desc.svg');background-position-y:0%;background-size:cover;ransform:rotateX(0deg);transition:var(--bs-transition);}
button.gridjs-sort-asc {background-image:url('../img/icon-desc.svg');background-position-y:0%;transform:rotateX(180deg);background-size:cover;transition:var(--bs-transition);}
.grid-wrapper .btn-outline-secondary:not(label),.offcanvas .btn-outline-secondary:not(label){font-size:14px;padding:0 16px 0 12px;font-weight:600;background:var(--bs-white);border:var(--bs-border);height:36px;line-height:36px;}
.grid-wrapper .btn-outline-secondary .material-symbols-outlined,.offcanvas .btn-outline-secondary .material-symbols-outlined{margin-top:-4px;margin-right:2px;}
.grid-wrapper .btn-outline-secondary:hover,.offcanvas .btn-outline-secondary:hover{color:var(--bs-primary);border-color:var(--bs-primary);}
.grid-panel{position:relative;display:flex;flex-direction:column;min-height:320px;border:1px solid var(--border-color);background:var(--bs-white);border-radius:12px}
.grid-host{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;border-radius:12px}
.grid-host > .gridjs-container{height:100%;display:flex;flex-direction:column;min-height:0;border-radius:12px;}
.grid-host .gridjs-wrapper{flex:1 1 auto;min-height:0;overflow:auto;background:var(--empty-bg);max-height:none!important;border:none;border-radius:12px 12px 0 0}
.grid-host .gridjs-footer{margin-top:auto;border-top:1px solid var(--border-color);background:var(--bs-white)}
.grid-host thead th{position:sticky;top:0;z-index:2;background:var(--header-bg);box-shadow:var(--header-shadow)}
.grid-host .gridjs-tr{height:var(--row-height)}
.grid-host .gridjs-td,.grid-host .gridjs-th{vertical-align:middle;white-space:nowrap}
.grid-host .gridjs-tr{cursor:pointer}
.grid-host .gridjs-tbody .gridjs-tr:last-child .gridjs-td{border-bottom:none !important;}
.grid-host .gridjs-container.is-last-page .gridjs-tbody .gridjs-tr:last-child .gridjs-td{border-bottom: 1px solid var(--grid-border-color, var(--bs-border-color, #dee2e6)) !important;}

/*******  Layout Toggle  ********/
body:not(.has-content-rail) .app-main{margin-right:0;}
body:not(.has-content-rail) .app-main .scheduler,body:not(.has-content-rail) .app-main .grid-wrapper{height:calc(100vh - var(--header-h))}
body.is-collapsed .brand{opacity:0;width:1px;height:var(--header-h);transition:var(--bs-transition);}
body.is-collapsed .brand-sm{opacity:1;width:40px;display:flex;align-items:center;gap:8px;height:var(--header-h);border-right:var(--bs-border);transition:var(--bs-transition);}
body.is-collapsed .aside{width:var(--aside-w-min);transition:var(--bs-transition)}
body.is-collapsed .app-main,body.is-collapsed .app-footer{margin-left:var(--aside-w-min);transition:var(--bs-transition)}
body.is-collapsed .aside-head .label,body.is-collapsed .nav-primary .label,body.is-collapsed .aside-tail{display:none;opacity:0;width:1px;transition:var(--bs-transition)}
body.is-collapsed .aside:hover{width:var(--aside-w);box-shadow:0 6px 24px #00000014}
body.is-collapsed .aside:hover .label,body.is-collapsed .aside:hover .nav-primary .label,body.is-collapsed .aside:hover .aside-tail{display:block;opacity:1;width:auto;transition:var(--bs-transition)}
html.fonts-ready .mi,html.fonts-ready .material-symbols-outlined{visibility:visible}

/*******  Icon Font  ********/
.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24;display:inline-block; width:1em; line-height:1em; font-size:24px; vertical-align:middle;}
.icons-ready .material-symbols-outlined{ visibility:visible; }
.icon-xs{font-size:20px!important;width:20px!important;line-height:20px!important;}
.icon-sm{font-size:24px!important;width:24px!important;line-height:24px!important;}
.icon-md{font-size:36px!important;width:36px!important;line-height:36px!important;}
.icon-lg{font-size:72px!important;width:72px!important;line-height:72px!important;}
.icon-xl{font-size:96px!important;width:96px!important;line-height:96px!important;}

/******* Scrollbars  ********/
.scroll-area,.col,#ocHourRow,.oc-body{overflow:auto;scrollbar-width:none!important;-ms-overflow-style:none!important;scrollbar-gutter:stable both-edges;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.scroll-area::-webkit-scrollbar,.col::-webkit-scrollbar,#ocHourRow::-webkit-scrollbar,.oc-body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
.scroll-area::-webkit-scrollbar-thumb,.scroll-area::-webkit-scrollbar-track,.col::-webkit-scrollbar-thumb,.col::-webkit-scrollbar-track,.oc-body::-webkit-scrollbar-thumb,.oc-body::-webkit-scrollbar-track,#ocHourRow::-webkit-scrollbar-thumb,#ocHourRow::-webkit-scrollbar-track{background:transparent!important}
.grid-hostt .gridjs-wrapper{position:relative;-webkit-overflow-scrolling:auto!important}
.grid-host .gridjs-wrapper::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
.nicescroll-rails-vr{width:6px!important;border-radius:6px}
.nicescroll-rails-vr .nicescroll-cursors{width:6px!important;border-radius:6px}

/******* Width/Height Class  ********/
.w80{width:80px}
.w100{width:100px}
.w110{width:110px}
.w120{width:120px}
.w130{width:130px}
.w140{width:140px}
.w150{width:150px}
.w160{width:160px}
.w170{width:170px}
.w180{width:180px}
.w190{width:190px}
.w200{width:200px}

/******* SELECT  ********/
select.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:14px;line-height:1.5;color:var(--bs-dark);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-bg);background:url('../img/icon-select-down.svg') no-repeat center right;background-size:32px 24px;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:all .15s ease-in-out;height:36px;font-family:var(--bs-font-family);font-weight:500;}
select.form-select:disabled{border:1px solid var(--bs-border-color-disabled);color:rgba(30,33,3,.5);background-color:var(--bs-disabled-bg);}
select.form-select:focus{color:var(--bs-body-color);background-color:var(--bs-bg);border-color:var(--bs-primary);outline:0;box-shadow:0 0 0 var(--bs-border-radius) rgba(var(--bs-primary-rgb),.25);outline:0;}
select.form-select:read-only:focus{background-color:var(--bs-disabled-bg);outline:0;}
select.form-select.error{border:1px solid var(--bs-danger);}
select.form-select.error:focus{border:1px solid var(--bs-danger);box-shadow:0 0 0 var(--bs-border-radius) rgba(var(--bs-danger-rgb),.25);outline:0;}
/* Custom Select */
.custom-container{display:block!important;position:relative;width:100%!important;vertical-align:middle;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.custom-container.input-group{display:flex!important;}
.custom-container *{-webkit-box-sizing:border-box;box-sizing:border-box}
.custom-container .custom-search-input{font-weight:500;font-size:14px!important;color:rgba(30,33,3,.5)!important;}
.custom-container .custom-drop{position:absolute;top:100%;z-index:1010;width:100%;border:0;border-radius:4px;background:#fff;-webkit-box-shadow:0 4px 5px #00000026;box-shadow:0 4px 5px #00000026;opacity:0;height:1px;transition:var(--bs-transition);overflow:hidden;margin-top:-4px;z-index:1056;}
.custom-container.custom-up .custom-drop{top:auto;bottom:100%;margin-top:0;margin-bottom:4px;}
.custom-container.custom-with-drop .custom-drop{opacity:1;height:auto;margin-top:4px;border:var(--bs-border);transition:var(--bs-transition);}
.custom-container a,.custom-container a:hover{cursor:pointer;color:var(--bs-dark);}
.custom-container .search-choice .group-name,.custom-container .custom-single .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}
.custom-container .search-choice .group-name:after,.custom-container .custom-single .group-name:after{content:":";padding-left:2px;vertical-align:top}
.custom-container-single .custom-single{position:relative;display:block;overflow:hidden;padding:0 0 0 10px;height:36px;border:var(--bs-border);border-radius:4px;background-color:#fff;text-decoration:none;white-space:nowrap;line-height:34px;font-size:14px;transition:var(--bs-transition);}/*edit*/
.custom-container-single .custom-default{color:var(--bs-dark)}/*edit*/
.custom-container-single .custom-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}
.custom-container-single .custom-single-with-deselect span{margin-right:38px}
.custom-container-single .custom-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(custom-sprite.png) -42px 1px no-repeat;font-size:1px}
.custom-container-single .custom-single abbr:hover{background-position:-42px -10px}
.custom-container-single.custom-disabled .custom-single abbr:hover{background-position:-42px -10px}
.custom-container-single .custom-single div{position:absolute;top:0;right:0;display:block;width:32px;height:100%}
.custom-container-single .custom-single div b{display:block;width:100%;height:100%;background:url('../img/icon-select-down.svg') no-repeat center center;transition:var(--bs-transition);}
.custom-container-single.custom-up .custom-single div b{background:url('../img/icon-select-down.svg') no-repeat center center;margin-top:1px;transition:var(--bs-transition);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.custom-container-single .custom-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}
.custom-container-single .custom-search input[type="text"]{margin:1px 0;padding:0 20px 0 5px;width:100%;height:auto;outline:0;border:1px solid #dee2e6;background:url('../img/icon-search.svg') no-repeat calc(100% - 5px) center;font-size:1rem;line-height:32px;border-radius:4px}
.custom-container-single .custom-drop{margin-top:4px;border-radius:4px;background-clip:padding-box}
.custom-container-single.custom-container-single-nosearch .custom-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}
.custom-container .custom-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:200px;-webkit-overflow-scrolling:touch;}
.custom-container .custom-results li{display:none;margin:0;padding:0 6px;list-style:none;line-height:36px;word-wrap:break-word;-webkit-touch-callout:none}
.custom-container .custom-results li.active-result{display:list-item;cursor:pointer}
.custom-container .custom-results li.disabled-result{display:list-item;color:#ccc;cursor:default}
.custom-container .custom-results li.highlighted{background-color:#e9ecef;color:var(--bs-dark);border-radius:4px;}
.custom-container .custom-results li.no-results{color:#6D7882;display:list-item;background:#e9ecef;border-radius:4px;}
.custom-container .custom-results li.group-result{display:list-item;font-weight:700;cursor:default}
.custom-container .custom-results li.group-option{padding-left:15px}
.custom-container .custom-results li em{font-style:normal;text-decoration:underline}
.custom-container-single.custom-container-single-nosearch .custom-results{margin-top:4px;}
.custom-container-multi .custom-choices{position:relative;overflow:hidden;margin:0;padding:0 3px 1px;width:100%;height:auto;line-height:33px;border:var(--bs-border);background-color:#fff;cursor:text;border-radius:4px;}
.custom-container-multi.input-group .custom-choices{width:1%;}
.custom-container-multi .custom-choices li{float:left;list-style:none}
.custom-container-multi .custom-choices li.search-field{margin:0;padding:0;white-space:nowrap}
.custom-container-multi .custom-choices li.search-field input[type="text"]{margin:1px 0;padding:0 0 0 7px;height:25px;outline:0;border:0!important;background:transparent!important;-webkit-box-shadow:none;box-shadow:none;color:var(--bs-dark);font-size:1rem;line-height:36px;border-radius:0;width:25px}
.custom-container-multi .custom-choices li.search-choice{position:relative;margin:3px 3px 0 0;padding:0 20px 0 5px;border:1px solid #dee2e6;max-width:100%;border-radius:3px;background-color:#f8f9fa;color:var(--bs-dark);line-height:26px;cursor:default}
.custom-container-multi.input-group .custom-choices li.search-choice,.custom-container-multi .custom-choices.readonly li.search-choice{margin:3px 3px 2px 0;}
.custom-container-multi .custom-choices.readonly{background-color: var(--bs-disabled-bg);}
.custom-container-multi .custom-choices.readonly li.search-choice{padding:0 5px;}
.custom-container-multi .custom-choices li.search-choice span{word-wrap:break-word}
.custom-container-multi .custom-choices li.search-choice .search-choice-close{position:absolute;top:5px;right:3px;display:block;width:16px;height:16px;background:url('../img/icon-cancel-sm.svg') no-repeat center center;transition:var(--bs-transition);}
.custom-container-multi .custom-choices li.search-choice .search-choice-close:hover{background:url('../img/icon-cancel-sm-hover.svg');transition:var(--bs-transition);}
.custom-container-multi .custom-choices li.search-choice-disabled{padding-right:5px;border:var(--bs-border);background-color:#e4e4e4;olor:#666}
.custom-container-multi .custom-choices li.search-choice-focus{background:#d4d4d4;outline:0;}
.custom-container-multi .custom-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}
.custom-container-multi .custom-results{margin:0;padding:0}
.custom-container-multi .custom-drop{margin-top:4px;border-radius:4px;background-clip:padding-box}
.custom-container-multi .custom-drop .result-selected{display:list-item;color:#ccc;cursor:default}
.custom-container-multi .custom-results{margin:4px;}
.custom-container-active .custom-single{border-color:var(--bs-primary);}
.custom-container-active.custom-with-drop .custom-single{border-color:var(--bs-primary);color:var(--bs-dark);background-color:#FFF;outline:0;transition:var(--bs-transition);}
.custom-container-active.custom-with-drop .custom-single div{border-left:none;background:transparent}
.custom-container-active.custom-with-drop .custom-single div b{margin-top:1px;transition:var(--bs-transition);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.custom-container-active.custom-with-drop.custom-up .custom-single div b{margin:0;transition:var(--bs-transition);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}
.custom-container-active .custom-choices{border-color:var(--bs-primary);}
.custom-container-active.custom-with-drop .custom-choices{border-color:var(--bs-primary);color:var(--bs-dark);background-color:#FFF;outline:0;transition:var(--bs-transition);}
.custom-container-active .custom-choices li.search-field input[type="text"]{color:#222!important}
.custom-disabled{cursor:default}
.custom-disabled .custom-single,.custom-disabled .custom-choices{cursor:default;border:1px solid var(--bs-border-color-disabled);color:rgba(30,33,3,.5);background-color:var(--bs-disabled-bg);}
.custom-disabled .custom-choices .search-choice{cursor:default;opacity:.5;}
.custom-disabled .custom-choices .search-choice .search-choice-close{cursor:default;}
.custom-disabled .custom-choices .search-choice .search-choice-close:hover{cursor:default;background:url('../img/icon-cancel-sm.svg') no-repeat center center!important;}
select.readonly+.custom-container a+.custom-drop{display:none}
select.readonly+.custom-container-active.custom-with-drop .custom-single div b{transform:rotate(0deg)!important;margin-top:0;}
.nicescroll-rails-vr{width:5px!important;border-left:0;border-radius:var(--bs-border-radius);}
.nicescroll-rails-hr{height:5px!important;border-top:0;border-radius:var(--bs-border-radius);}
.nicescroll-rails-vr .nicescroll-cursors{width:5px!important;border-radius:var(--bs-border-radius);background:#ced4da!important;}
.nicescroll-rails-hr .nicescroll-cursors{height:5px!important;border-radius:var(--bs-border-radius);background:#ced4da!important;}
.custom-results+.nicescroll-rails-vr{left:calc(100% - 8px)!important;}
.mini-layer+.nicescroll-rails-vr{left:calc(100% - 8px)!important;}
.disable-search+.custom-container .custom-search{display:none;}