@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&display=swap);[data-bs-theme=dark] .bg-dark{background-color:var(--bs-sidebar-dark-bg)!important}#page-topbar{position:fixed;top:0;right:0;left:0;z-index:1054;background-color:var(--bs-header-bg);border-bottom:1px solid var(--bs-border-color)}.navbar-header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;height:70px;padding:0 1.5rem 0 0}.navbar-header .dropdown .show.header-item{background-color:var(--bs-gray-100)}.navbar-brand-box{padding:0 1.5rem;width:250px;background:var(--bs-sidebar-bg);border-right:1px solid var(--bs-sidebar-border-color);-webkit-box-shadow:0 2px 2px var(--bs-sidebar-bg);box-shadow:0 2px 2px var(--bs-sidebar-bg)}.logo{line-height:69px;color:inherit!important}.logo .logo-sm{display:none}.logo-txt{font-weight:700;font-size:18px;vertical-align:middle;margin-left:5px}.logo-light{display:none}body:not([data-sidebar-size=sm]) #vertical-menu-btn{margin-left:-52px;margin-right:20px}@media (max-width:991.98px){body:not([data-sidebar-size=sm]) #vertical-menu-btn{margin-left:0}}.app-search{padding:calc(30px / 2) 0;position:relative}.app-search .form-control{border:var(--bs-search-width) solid var(--bs-search-border-color);height:40px;padding-left:17px;padding-right:50px;background-color:var(--bs-topbar-search-bg);-webkit-box-shadow:none;box-shadow:none}.app-search .btn{position:absolute;right:3px;top:3px;height:34px;padding:0 10px}.layout-mode-light{display:none}body[data-bs-theme=dark] .layout-mode-dark{display:none}body[data-bs-theme=dark] .layout-mode-light{display:inline-block}[data-bs-theme=dark] [data-topbar=light] .logo-dark .logo-txt{color:#fff}[data-bs-theme=dark] [data-layout=horizontal][data-topbar=light] .logo-dark .logo-txt{color:#212529}.megamenu-list li{position:relative;padding:5px 0}.megamenu-list li a{color:var(--bs-body-color)}@media (max-width:992px){.navbar-brand-box{width:auto}.logo span.logo-lg{display:none}.logo span.logo-sm{display:inline-block}}.page-content{padding:calc(70px + 1.5rem) calc(1.5rem * .75) 60px calc(1.5rem * .75)}.header-item{height:70px;-webkit-box-shadow:none!important;box-shadow:none!important;color:var(--bs-header-item-color);border:0;border-radius:0}.header-item:hover{color:var(--bs-header-item-color)}.header-profile-user{height:36px;width:36px;background-color:var(--bs-gray-600);padding:3px}.noti-icon i{font-size:22px;color:var(--bs-header-item-color)}.noti-icon .badge{position:absolute;top:12px;right:4px}.notification-item .d-flex{padding:.75rem 1rem}.notification-item .d-flex:hover{background-color:var(--bs-tertiary-bg)}.dropdown-icon-item{display:block;border-radius:3px;line-height:34px;text-align:center;padding:15px 0 9px;display:block;color:#74788d}.dropdown-icon-item img{height:24px}.dropdown-icon-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-icon-item:hover{background-color:var(--bs-tertiary-bg);color:var(--bs-dark)}.fullscreen-enable [data-toggle=fullscreen] .bx-fullscreen::before{content:"\ea3f"}[data-topbar=light] .app-search .form-control,body[data-bs-theme=dark] .app-search .form-control{border:none!important}[data-topbar=light] .header-item,body[data-bs-theme=dark] .header-item{color:#74788d}[data-topbar=light] .header-item.bg-light-subtle,body[data-bs-theme=dark] .header-item.bg-light-subtle{background-color:#f6f6f9!important;border-color:#e9e9ef!important}[data-topbar=light] #page-topbar,body[data-bs-theme=dark] #page-topbar{background-color:var(--bs-white);color:#313533;border-color:#f8f9fa}body[data-topbar=dark] #page-topbar{background-color:var(--bs-header-bg);border-color:var(--bs-border-color)}body[data-topbar=dark] .navbar-brand-box{background-color:#313533;border-color:#313533;-webkit-box-shadow:0 0 2px var(--bs-header-bg);box-shadow:0 0 2px var(--bs-header-bg)}body[data-topbar=dark] .navbar-brand-box .logo{color:#fff!important}body[data-topbar=dark] .navbar-header .dropdown .show.header-item{background-color:rgba(255,255,255,.05)}body[data-topbar=dark] .navbar-header .waves-effect .waves-ripple{background:rgba(255,255,255,.4)}body[data-topbar=dark] .header-item{color:#e9ecef}body[data-topbar=dark] .header-item:hover{color:#e9ecef}body[data-topbar=dark] .header-item.border-end,body[data-topbar=dark] .header-item.border-start{border-color:rgba(255,255,255,.1)!important}body[data-topbar=dark] .header-item.bg-light-subtle{background-color:rgba(255,255,255,.04)!important}body[data-topbar=dark] .header-profile-user{background-color:rgba(255,255,255,.25)}body[data-topbar=dark] .noti-icon i{color:#e9ecef}body[data-topbar=dark] .logo-dark{display:none}body[data-topbar=dark] .logo-light{display:block}body[data-topbar=dark] .app-search .form-control{background-color:var(--bs-topbar-dark-search-bg);color:var(--bs-gray-500)}body[data-topbar=dark] .app-search input.form-control::-webkit-input-placeholder,body[data-topbar=dark] .app-search span{color:rgba(255,255,255,.5)}@media (max-width:600px){.navbar-header .dropdown{position:static}.navbar-header .dropdown .dropdown-menu{left:10px!important;right:10px!important}}@media (max-width:380px){.navbar-brand-box{display:none}}body[data-layout=horizontal] .navbar-brand-box{width:auto;border:0;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}@media (min-width:992px){body[data-layout=horizontal] .navbar-brand-box{padding-left:0;margin-right:10px}}body[data-layout=horizontal] .page-content{margin-top:70px;padding:calc(55px + 1.5rem) calc(1.5rem / 2) 60px calc(1.5rem / 2)}@media (min-width:992px){body[data-layout=horizontal] .navbar-header{padding-left:1.5rem;padding-right:1.5rem}}body[data-layout=horizontal][data-sidebar=dark] .navbar-brand-box{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}@media (max-width:992px){body[data-layout=horizontal] .page-content{margin-top:15px}}.page-title-box{padding-bottom:1.5rem}.page-title-box .breadcrumb{background-color:transparent;padding:0}.footer{bottom:0;padding:20px calc(1.5rem / 2);position:absolute;right:0;color:var(--bs-footer-color);left:250px;height:60px;background-color:var(--bs-footer-bg);border-top:1px solid var(--bs-border-color)}@media (max-width:991.98px){.footer{left:0}}body[data-sidebar-size=sm] .footer{left:70px}@media (max-width:991.98px){body[data-sidebar-size=sm] .footer{left:0}}body[data-layout=horizontal] .footer{left:0!important}.right-bar{background-color:var(--bs-sidebar-bg);-webkit-box-shadow:0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02);box-shadow:0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02);display:block;position:fixed;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;width:300px;z-index:9999;float:right!important;right:-310px;top:0;bottom:0}.right-bar .right-bar-toggle{background-color:#31373d;height:24px;width:24px;line-height:24px;display:block;color:#e9e9ef;text-align:center;border-radius:50%}.right-bar .right-bar-toggle:hover{background-color:#383f45}.rightbar-overlay{background-color:rgba(33,37,41,.55);position:absolute;left:0;right:0;top:0;bottom:0;display:none;z-index:9998;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.right-bar-enabled .right-bar{right:0}.right-bar-enabled .rightbar-overlay{display:block}@media (max-width:767.98px){.right-bar{overflow:auto}.right-bar .slimscroll-menu{height:auto!important}}.metismenu{margin:0}.metismenu li{display:block;width:100%}.metismenu .mm-collapse{display:none}.metismenu .mm-collapse:not(.mm-show){display:none}.metismenu .mm-collapse.mm-show{display:block}.metismenu .mm-collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;transition-property:height,visibility}.vertical-menu{width:250px;z-index:1001;background:var(--bs-sidebar-bg);bottom:0;margin-top:0;position:fixed;top:70px;border-right:1px solid var(--bs-border-color)}.main-content{margin-left:250px;overflow:hidden}.main-content .content{padding:0 15px 10px 15px;margin-top:70px}#sidebar-menu{padding:10px 0 30px 0}#sidebar-menu .mm-active>.has-arrow:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}#sidebar-menu .has-arrow:after{content:"\f0142";font-family:"Material Design Icons";display:block;float:right;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;font-size:1.1rem;margin-right:-5px;margin-top:-2px}#sidebar-menu ul li a{display:block;padding:.62rem 1.5rem;color:var(--bs-sidebar-menu-item-color);position:relative;font-size:.9rem;-webkit-transition:all .4s;transition:all .4s;font-weight:500}#sidebar-menu ul li a i{display:inline-block;min-width:1.75rem;padding-bottom:.125em;font-size:1.25rem;line-height:1.40625rem;vertical-align:middle;color:var(--bs-sidebar-menu-item-icon-color);-webkit-transition:all .4s;transition:all .4s}#sidebar-menu ul li a svg{height:16px;width:16px;color:var(--bs-sidebar-menu-item-icon-color);fill:var(--bs-sidebar-menu-item-icon-effact-color);margin-right:10px;margin-top:-3px}#sidebar-menu ul li a:hover{color:var(--bs-sidebar-menu-item-hover-color)}#sidebar-menu ul li a:hover i{color:var(--bs-sidebar-menu-item-hover-color)}#sidebar-menu ul li a:hover svg{color:var(--bs-sidebar-menu-item-hover-color);fill:var(--bs-sidebar-menu-item-hover-effact-color)}#sidebar-menu ul li .badge{margin-top:4px}#sidebar-menu ul li ul.sub-menu{padding:0}#sidebar-menu ul li ul.sub-menu li a{padding:.4rem 1.5rem .4rem 3.3rem;font-size:.85rem;color:var(--bs-sidebar-menu-sub-item-color)}#sidebar-menu ul li ul.sub-menu li a:hover{color:var(--bs-sidebar-menu-item-hover-color)}#sidebar-menu ul li ul.sub-menu li ul.sub-menu{padding:0}#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a{padding:.4rem 1.5rem .4rem 4.5rem;font-size:13px}.menu-title{padding:12px 20px!important;pointer-events:none;cursor:default;font-size:12px;color:var(--bs-sidebar-menu-item-icon-color);font-weight:500}.mm-active>a{color:var(--bs-sidebar-menu-item-active-color)!important}.mm-active>a i{color:var(--bs-sidebar-menu-item-active-color)!important}.mm-active>a svg{color:var(--bs-sidebar-menu-item-active-color)!important;fill:var(--bs-sidebar-menu-item-active-effact-color)}.mm-active .active{color:var(--bs-sidebar-menu-item-active-color)!important}.mm-active .active i{color:var(--bs-sidebar-menu-item-active-color)!important}.mm-active .active svg{color:var(--bs-sidebar-menu-item-active-color)!important;fill:var(--bs-sidebar-menu-item-active-effact-color)}.mm-active>i{color:var(--bs-sidebar-menu-item-active-color)!important}.sidebar-alert{background-color:var(--bs-sidebar-alert)}.sidebar-alert .alertcard-title{color:#5156be}@media (max-width:992px){.vertical-menu{display:none}.main-content{margin-left:0!important}body.sidebar-enable .vertical-menu{display:block}}body[data-sidebar-size=sm]{min-height:1000px}body[data-sidebar-size=sm] .main-content{margin-left:70px}body[data-sidebar-size=sm] .navbar-brand-box{width:70px!important}body[data-sidebar-size=sm] .logo span.logo-lg{display:none}body[data-sidebar-size=sm] .logo span.logo-sm{display:block}body[data-sidebar-size=sm] .vertical-menu{position:absolute;width:70px!important;z-index:5}body[data-sidebar-size=sm] .vertical-menu .simplebar-content-wrapper,body[data-sidebar-size=sm] .vertical-menu .simplebar-mask{overflow:visible!important}body[data-sidebar-size=sm] .vertical-menu .simplebar-scrollbar{display:none!important}body[data-sidebar-size=sm] .vertical-menu .simplebar-offset{bottom:0!important}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu .badge,body[data-sidebar-size=sm] .vertical-menu #sidebar-menu .menu-title,body[data-sidebar-size=sm] .vertical-menu #sidebar-menu .sidebar-alert{display:none!important}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu .nav.collapse{height:inherit!important}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li{position:relative;white-space:nowrap}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>a{padding:15px 20px;-webkit-transition:none;transition:none}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>a:active,body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>a:focus,body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>a:hover{color:var(--bs-sidebar-menu-item-hover-color)}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>a i{font-size:1.45rem;margin-left:4px}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>a svg{height:18px;width:18px;margin-left:6px}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>a span{display:none;padding-left:25px}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>a.has-arrow:after{display:none}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a{position:relative;width:calc(190px + 70px);color:#5156be;background-color:var(--bs-sidebar-bg);-webkit-transition:none;transition:none}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a i{color:#5156be}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a svg{color:var(--bs-sidebar-menu-item-active-color);fill:rgba(var(--bs-sidebar-menu-item-active-color),.2)}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a span{display:inline}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>ul{display:block;left:70px;position:absolute;width:190px;height:auto!important;-webkit-box-shadow:var(--bs-box-shadow);box-shadow:var(--bs-box-shadow)}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>ul ul{-webkit-box-shadow:var(--bs-box-shadow);box-shadow:var(--bs-box-shadow)}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>ul a{-webkit-box-shadow:none;box-shadow:none;padding:8px 20px;position:relative;width:190px;z-index:6;color:var(--bs-sidebar-menu-sub-item-color)}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>ul a:hover{color:var(--bs-sidebar-menu-item-hover-color)}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul ul{padding:5px 0;z-index:9999;display:none;background-color:var(--bs-body-bg)}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul ul li:hover>ul{display:block;left:190px;height:auto!important;margin-top:-36px;position:absolute;width:190px;padding:5px 0}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul ul li>a span.pull-right{position:absolute;right:20px;top:12px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul ul li.active a{color:var(--bs-gray-100)}body[data-sidebar-size=sm] #sidebar-menu .mm-active>.has-arrow:after{-webkit-transform:rotate(0);transform:rotate(0)}body[data-sidebar=dark] .navbar-brand-box{background:var(--bs-sidebar-dark-bg);-webkit-box-shadow:0 3px 1px var(--bs-sidebar-dark-bg);box-shadow:0 3px 1px var(--bs-sidebar-dark-bg);border-color:var(--bs-border-color)}body[data-sidebar=dark] .navbar-brand-box .logo-txt{color:#fff}body[data-sidebar=dark] .logo-dark{display:none}body[data-sidebar=dark] .logo-light{display:block}body[data-sidebar=dark] .vertical-menu{background:var(--bs-sidebar-dark-bg)}@media (min-width:992px){body[data-sidebar=dark] #vertical-menu-btn{color:#e9ecef}}body[data-sidebar=dark] #sidebar-menu ul li a{color:var(--bs-sidebar-dark-menu-item-color)}body[data-sidebar=dark] #sidebar-menu ul li a i{color:var(--bs-sidebar-dark-menu-item-icon-color)}body[data-sidebar=dark] #sidebar-menu ul li a svg{color:var(--bs-sidebar-dark-menu-item-icon-color);fill:var(--bs-sidebar-menu-item-icon-effact-color)}body[data-sidebar=dark] #sidebar-menu ul li a:hover{color:var(--bs-sidebar-dark-menu-item-hover-color)}body[data-sidebar=dark] #sidebar-menu ul li a:hover i{color:var(--bs-sidebar-dark-menu-item-hover-color)}body[data-sidebar=dark] #sidebar-menu ul li a:hover svg{color:var(--bs-sidebar-dark-menu-item-hover-color);fill:var(--bs-sidebar-menu-item-hover-effact-color)}body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a{color:var(--bs-sidebar-dark-menu-sub-item-color)}body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover{color:var(--bs-sidebar-dark-menu-item-hover-color)}body[data-sidebar=dark][data-sidebar-size=sm][data-topbar=dark] #vertical-menu-btn{color:#e9ecef}body[data-sidebar=dark][data-sidebar-size=sm] #vertical-menu-btn{color:var(--bs-header-item-color)}body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a{background:var(--bs-sidebar-dark-bg);color:var(--bs-sidebar-dark-menu-item-hover-color)}body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a i{color:var(--bs-sidebar-dark-menu-item-hover-color)}body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a svg{color:var(--bs-sidebar-dark-menu-item-hover-color);fill:rgba(var(--bs-sidebar-dark-menu-item-hover-color),.2)}body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>ul a{color:var(--bs-sidebar-dark-menu-sub-item-color)}body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>ul a:hover{color:var(--bs-sidebar-dark-menu-item-hover-color)}body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul ul{background-color:var(--bs-sidebar-dark-bg)}body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li.mm-active .active{color:var(--bs-sidebar-dark-menu-item-active-color)!important}body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li.mm-active .active i{color:var(--bs-sidebar-dark-menu-item-active-color)!important}body[data-sidebar=dark] .mm-active{color:var(--bs-sidebar-dark-menu-item-active-color)!important}body[data-sidebar=dark] .mm-active>a{color:var(--bs-sidebar-dark-menu-item-active-color)!important}body[data-sidebar=dark] .mm-active>a i{color:var(--bs-sidebar-dark-menu-item-active-color)!important}body[data-sidebar=dark] .mm-active>a svg{color:var(--bs-sidebar-dark-menu-item-active-color)!important;fill:var(--bs-sidebar-menu-item-active-effact-color)}body[data-sidebar=dark] .mm-active>i{color:var(--bs-sidebar-dark-menu-item-active-color)!important}body[data-sidebar=dark] .mm-active .active{color:var(--bs-sidebar-dark-menu-item-active-color)!important}body[data-sidebar=dark] .mm-active .active i{color:var(--bs-sidebar-dark-menu-item-active-color)!important}body[data-sidebar=dark] .mm-active .active svg{color:var(--bs-sidebar-dark-menu-item-active-color)!important;fill:var(--bs-sidebar-menu-item-active-effact-color)}body[data-sidebar=dark] .menu-title{color:var(--bs-sidebar-dark-menu-item-icon-color)}body[data-sidebar=dark][data-sidebar-size=md] #sidebar-menu ul li.menu-title{background-color:var(--bs-sidebar-dark-bg)}body[data-layout=horizontal] .main-content{margin-left:0!important}body[data-sidebar-size=md] .navbar-brand-box{width:160px}@media (max-width:991.98px){body[data-sidebar-size=md] .navbar-brand-box{width:auto}}body[data-sidebar-size=md] .vertical-menu{width:160px;text-align:center}body[data-sidebar-size=md] .vertical-menu .badge,body[data-sidebar-size=md] .vertical-menu .has-arrow:after,body[data-sidebar-size=md] .vertical-menu .sidebar-alert{display:none!important}body[data-sidebar-size=md] .main-content{margin-left:160px}body[data-sidebar-size=md] .footer{left:160px}@media (max-width:991.98px){body[data-sidebar-size=md] .footer{left:0}}body[data-sidebar-size=md] #sidebar-menu ul li a svg{display:block;margin:0 auto 4px}body[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu li a{padding-left:1.5rem}body[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a{padding-left:1.5rem}body[data-sidebar-size=md][data-sidebar-size=sm] .main-content{margin-left:70px}body[data-sidebar-size=md][data-sidebar-size=sm] .vertical-menu #sidebar-menu{text-align:left}body[data-sidebar-size=md][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>a svg{display:inline-block}body[data-sidebar-size=md][data-sidebar-size=sm] .footer{left:70px}body[data-sidebar=brand] .vertical-menu{background-color:#5156be}body[data-sidebar=brand] .navbar-brand-box{background-color:#5156be;-webkit-box-shadow:0 1px 0 #5156be;box-shadow:0 1px 0 #5156be}body[data-sidebar=brand] .navbar-brand-box .logo-dark{display:none}body[data-sidebar=brand] .navbar-brand-box .logo-light{display:block}body[data-sidebar=brand] .navbar-brand-box .logo{color:#fff!important}body[data-sidebar=brand] .mm-active{color:#fff!important}body[data-sidebar=brand] .mm-active>a{color:#fff!important}body[data-sidebar=brand] .mm-active>a i{color:#fff!important}body[data-sidebar=brand] .mm-active>a svg{color:#fff!important;fill:rgba(255,255,255,.1)!important}body[data-sidebar=brand] .mm-active .active{color:#fff!important}body[data-sidebar=brand] .mm-active .active svg{color:#fff!important;fill:rgba(255,255,255,.1)!important}@media (min-width:992px){body[data-sidebar=brand] #vertical-menu-btn{color:#e9ecef}}body[data-sidebar=brand] #sidebar-menu ul li.menu-title{color:rgba(255,255,255,.6)}body[data-sidebar=brand] #sidebar-menu ul li a{color:rgba(255,255,255,.6)}body[data-sidebar=brand] #sidebar-menu ul li a i{color:rgba(255,255,255,.6)}body[data-sidebar=brand] #sidebar-menu ul li a svg{color:rgba(255,255,255,.6);fill:rgba(255,255,255,.075)}body[data-sidebar=brand] #sidebar-menu ul li a.waves-effect .waves-ripple{background:rgba(255,255,255,.1)}body[data-sidebar=brand] #sidebar-menu ul li a:hover{color:#fff}body[data-sidebar=brand] #sidebar-menu ul li a:hover i{color:#fff}body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a{color:rgba(255,255,255,.5)}body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:hover{color:#fff}body[data-sidebar=brand] .sidebar-alert{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.5)}body[data-sidebar=brand] .sidebar-alert .alertcard-title{color:#fff}body[data-sidebar=brand][data-sidebar-size=sm][data-topbar=dark] #vertical-menu-btn{color:#e9ecef}body[data-sidebar=brand][data-sidebar-size=sm] #vertical-menu-btn{color:var(--bs-header-item-color)}body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a{background-color:#585dc1;color:#fff}body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a i,body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a svg{color:#fff}body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li.mm-active .active{color:#fff!important}body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover{color:var(--bs-sidebar-menu-item-active-color)}body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active{color:var(--bs-sidebar-menu-item-active-color)!important}body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active>a{color:var(--bs-sidebar-menu-item-active-color)!important}[data-bs-theme=dark][data-topbar=light] .navbar-brand-box .logo-dark .logo-txt{color:#fff}[dir=rtl] #sidebar-menu .has-arrow:after{content:"\f0141"}.topnav{background:#fff;padding:0 calc(1.5rem / 2);margin-top:70px;position:fixed;left:0;right:0;z-index:100;border-bottom:1px solid var(--bs-border-color)}@media (min-width:992px){.topnav{background:var(--bs-topnav-bg)}}.topnav .topnav-menu{margin:0;padding:0}.topnav .navbar-nav .nav-link{font-size:14.4px;position:relative;padding:1rem 1.3rem;color:var(--bs-menu-item-color);font-weight:500}.topnav .navbar-nav .nav-link i{font-size:15px}.topnav .navbar-nav .nav-link svg{height:16px;width:16px;color:var(--bs-menu-item-color);fill:var(--bs-sidebar-menu-item-icon-effact-color);margin-right:7px;margin-top:-3px}.topnav .navbar-nav .nav-link:focus,.topnav .navbar-nav .nav-link:hover{color:var(--bs-menu-item-active-color);background-color:transparent}.topnav .navbar-nav .nav-link:focus svg,.topnav .navbar-nav .nav-link:hover svg{color:var(--bs-menu-item-active-color);fill:var(--bs-sidebar-menu-item-active-effact-color)}.topnav .navbar-nav .dropdown-item{color:var(--bs-menu-item-color)}.topnav .navbar-nav .dropdown-item.active,.topnav .navbar-nav .dropdown-item:hover{color:var(--bs-menu-item-active-color)}.topnav .navbar-nav .nav-item .nav-link.active{color:var(--bs-menu-item-active-color)}.topnav .navbar-nav .nav-item .nav-link.active svg{color:var(--bs-menu-item-active-color);fill:var(--bs-sidebar-menu-item-active-effact-color)}.topnav .navbar-nav .dropdown.active>a{color:var(--bs-menu-item-active-color);background-color:transparent}.topnav .navbar-nav .dropdown.active>a svg{color:var(--bs-menu-item-active-color);fill:var(--bs-sidebar-menu-item-active-effact-color)}.topnav .menu-title{padding:12px 24px!important}@media (max-width:991.98px){.topnav .menu-title{padding:12px 16px!important}}@media (min-width:1200px){body[data-layout=horizontal] .container-fluid,body[data-layout=horizontal] .navbar-header{max-width:85%}}@media (min-width:992px){.topnav .navbar-nav .nav-item:first-of-type .nav-link{padding-left:0}.topnav .dropdown-item{padding:.5rem 1.5rem;min-width:180px}.topnav .dropdown.mega-dropdown .mega-dropdown-menu{left:0;right:auto}.topnav .dropdown .dropdown-menu{margin-top:0;border-radius:0 0 var(--bs-border-radius) var(--bs-border-radius)}.topnav .dropdown .dropdown-menu .arrow-down::after{right:15px;-webkit-transform:rotate(-135deg) translateY(-50%);transform:rotate(-135deg) translateY(-50%);position:absolute}.topnav .dropdown .dropdown-menu .dropdown .dropdown-menu{position:absolute;top:0!important;left:100%;display:none}.topnav .dropdown:hover>.dropdown-menu{display:block}.topnav .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu{display:block}.navbar-toggle{display:none}}.arrow-down{display:inline-block}.arrow-down:after{border-color:initial;border-style:solid;border-width:0 0 1px 1px;content:"";height:.4em;display:inline-block;right:5px;top:50%;margin-left:10px;-webkit-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;width:.4em}@media (max-width:1199.98px){.topnav-menu .navbar-nav li:last-of-type .dropdown .dropdown-menu{right:100%;left:auto}}@media (max-width:991.98px){.navbar-brand-box .logo-dark{display:block}.navbar-brand-box .logo-dark span.logo-sm{display:block}.navbar-brand-box .logo-light{display:none}.topnav{max-height:360px;overflow-y:auto;padding:0}.topnav .navbar-nav .nav-link{padding:.75rem 1.1rem}.topnav .dropdown .dropdown-menu{background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;padding-left:24px}.topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl{width:auto}.topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl .row{margin:0}.topnav .dropdown .dropdown-item{position:relative;background-color:transparent}.topnav .dropdown .dropdown-item.active,.topnav .dropdown .dropdown-item:active{color:#5156be}.topnav .arrow-down::after{right:15px;position:absolute}}body[data-layout=horizontal][data-topbar=colored] #page-topbar{background-color:#5156be;-webkit-box-shadow:none;box-shadow:none}body[data-layout=horizontal][data-topbar=colored] .logo-dark{display:none}body[data-layout=horizontal][data-topbar=colored] .logo-light{display:block}body[data-layout=horizontal][data-topbar=colored] .app-search .form-control{background-color:rgba(var(--bs-topbar-search-bg),.07);color:#fff}body[data-layout=horizontal][data-topbar=colored] .app-search input.form-control::-webkit-input-placeholder,body[data-layout=horizontal][data-topbar=colored] .app-search span{color:rgba(255,255,255,.5)}body[data-layout=horizontal][data-topbar=colored] .header-item{color:var(--bs-header-dark-item-color)}body[data-layout=horizontal][data-topbar=colored] .header-item:hover{color:var(--bs-header-dark-item-color)}body[data-layout=horizontal][data-topbar=colored] .navbar-header .dropdown .show.header-item{background-color:rgba(255,255,255,.1)}body[data-layout=horizontal][data-topbar=colored] .navbar-header .waves-effect .waves-ripple{background:rgba(255,255,255,.4)}body[data-layout=horizontal][data-topbar=colored] .noti-icon i{color:var(--bs-header-dark-item-color)}@media (min-width:992px){body[data-layout=horizontal][data-topbar=colored] .topnav{background-color:#5156be}body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link{color:rgba(255,255,255,.6)}body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link:focus,body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link:hover{color:rgba(255,255,255,.9)}body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav>.dropdown.active>a{color:rgba(255,255,255,.9)!important}}[data-bs-theme=dark][data-layout=horizontal][data-topbar=light] .navbar-brand-box .logo-txt{color:#000}body[data-layout-size=boxed]{background-color:var(--bs-boxed-body-bg)}body[data-layout-size=boxed] #layout-wrapper{background-color:var(--bs-body-bg);max-width:1300px;margin:0 auto;-webkit-box-shadow:rgba(116,120,141,.1) 0 5px 20px -6px;box-shadow:rgba(116,120,141,.1) 0 5px 20px -6px;min-height:100vh}body[data-layout-size=boxed] #page-topbar{max-width:1300px;margin:0 auto}body[data-layout-size=boxed] .footer{margin:0 auto;max-width:calc(1300px - 250px)}@media (min-width:992px){body[data-layout-size=boxed][data-sidebar-size=sm] #layout-wrapper{min-height:1200px}}body[data-layout-size=boxed][data-sidebar-size=sm] .footer{max-width:calc(1300px - 70px)}body[data-layout-size=boxed][data-sidebar-size=md] .footer{max-width:calc(1300px - 160px)}body[data-layout=horizontal][data-layout-size=boxed] #layout-wrapper,body[data-layout=horizontal][data-layout-size=boxed] #page-topbar,body[data-layout=horizontal][data-layout-size=boxed] .footer{max-width:100%}body[data-layout=horizontal][data-layout-size=boxed] .container-fluid,body[data-layout=horizontal][data-layout-size=boxed] .navbar-header{max-width:1300px}@media (min-width:992px){body[data-layout-scrollable=true] #page-topbar,body[data-layout-scrollable=true] .vertical-menu{position:absolute}}@media (min-width:992px){body[data-layout-scrollable=true][data-layout=horizontal] #page-topbar,body[data-layout-scrollable=true][data-layout=horizontal] .topnav{position:absolute}}:root,[data-bs-theme=light]{--bs-header-bg:#fff;--bs-header-item-color:var(--bs-header-item-color);--bs-header-item-sub-color:var(--bs-secondary-color);--bs-sidebar-bg:#fbfaff;--bs-sidebar-menu-item-color:#545a6d;--bs-sidebar-menu-sub-item-color:#545a6d;--bs-sidebar-menu-item-icon-color:#545a6d;--bs-sidebar-menu-item-icon-effact-color:rgba(84, 90, 109, 0.2);--bs-sidebar-menu-item-hover-color:#5156be;--bs-sidebar-menu-item-hover-effact-color:rgba(81, 86, 190, 0.2);--bs-sidebar-menu-item-active-color:#5156be;--bs-sidebar-menu-item-active-effact-color:rgba(81, 86, 190, 0.2);--bs-sidebar-border-color:#e9e9ef;--bs-sidebar-menu-item-active-bg-color:#f3f8fb;--bs-sidebar-menu-item-active-bg-color-dark:#293552;--bs-sidebar-alert:rgba(81, 86, 190, 0.1);--bs-topbar-search-bg:#f3f3f9;--bs-topbar-dark-search-bg:#363a38;--bs-search-width:0px;--bs-search-border-color:#e9e9ef;--bs-boxed-body-bg:whitesmoke;--bs-topbar-search-bg:#f8f9fa;--bs-topnav-bg:#fbfaff;--bs-topnav-item-color:#ced4da;--bs-topnav-item-color-active:#fff;--bs-menu-item-color:#7b8190;--bs-menu-item-active-color:#5b73e8;--bs-twocolumn-menu-iconview-bg:#fff;--bs-twocolumn-menu-bg:#fff;--bs-footer-bg:#fff;--bs-footer-color:#74788d}:root [data-sidebar=dark],[data-bs-theme=light] [data-sidebar=dark]{--bs-sidebar-dark-bg:#2C302E;--bs-sidebar-dark-menu-item-color:#99a4b1;--bs-sidebar-dark-menu-sub-item-color:#858d98;--bs-sidebar-dark-menu-item-icon-color:#858d98;--bs-sidebar-dark-menu-item-hover-color:#fff;--bs-sidebar-dark-menu-item-active-color:#fff}:root [data-topbar=light],[data-bs-theme=light] [data-topbar=light]{--bs-topbar-search-bg:#f8f9fa}:root [data-topbar=dark],[data-bs-theme=light] [data-topbar=dark]{--bs-header-bg:#2c302e;--bs-header-item-color:#f8f9fa;--bs-header-item-sub-color:#8795ab;--bs-topbar-search-bg:#363a38}:root[data-topbar=brand],[data-bs-theme=light][data-topbar=brand]{--bs-header-bg:#313472;--bs-header-item-color:#f8f9fa;--bs-header-item-sub-color:#e2e2f4}[data-bs-theme=dark]{--bs-light:#383d3b;--bs-light-rgb:56,61,59;--bs-dark:#e9e9ef;--bs-dark-rgb:233,233,239;--bs-header-bg:#2c302e;--bs-header-item-color:#e9ecef;--bs-header-item-sub-color:var(--bs-secondary-color);--bs-sidebar-bg:#313533;--bs-sidebar-menu-item-color:#898fa9;--bs-sidebar-menu-sub-item-color:#7b8198;--bs-sidebar-menu-item-icon-color:#666b7f;--bs-sidebar-menu-item-icon-effact-color:rgba(133, 141, 152, 0.2);--bs-sidebar-menu-item-hover-color:#5b73e8;--bs-sidebar-menu-item-hover-effact-color:rgba(255, 255, 255, 0.2);--bs-sidebar-menu-item-active-color:#5b73e8;--bs-sidebar-menu-item-active-effact-color:rgba(255, 255, 255, 0.2);--bs-sidebar-border-color:#373c39;--bs-sidebar-menu-item-active-bg-color:#34415d;--bs-sidebar-menu-item-active-bg-color-dark:#343747;--bs-sidebar-alert:#313533;--bs-sidebar-dark-bg:#2C302E;--bs-sidebar-dark-menu-item-color:#99a4b1;--bs-sidebar-dark-menu-sub-item-color:#858d98;--bs-sidebar-dark-menu-item-icon-color:#858d98;--bs-sidebar-dark-menu-item-hover-color:#ffffff;--bs-sidebar-dark-menu-item-active-color:#ffffff;--bs-search-width:1px;--bs-search-border-color:#3b403d;--bs-topbar-search-bg:#363a38;--bs-footer-bg:#313533;--bs-footer-color:#adb5bd;--bs-footer-border-color:#383d3b;--bs-topnav-bg:#373c39;--bs-topnav-item-color:#ced4da;--bs-topnav-item-color-active:#fff;--bs-menu-item-color:#99a4b1;--bs-menu-item-active-color:#ffffff;--bs-input-bg:#3b403d;--bs-accordion-button-active-bg:#3b403d;--bs-boxed-body-bg:#3b403d}[data-bs-theme=dark] .table-light{--bs-table-color:white;--bs-table-bg:var(--bs-tertiary-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-striped-bg:var(--bs-tertiary-bg);--bs-table-striped-color:white;--bs-table-active-bg:var(--bs-tertiary-bg);--bs-table-active-color:white;--bs-table-hover-bg:var(--bs-tertiary-bg);--bs-table-hover-color:white}[data-bs-theme=dark][data-topbar=light]{--bs-topbar-search-bg:#f8f9fa}[data-bs-theme=dark][data-sidebar=dark]{--bs-sidebar-dark-bg:#2C302E;--bs-sidebar-dark-menu-item-color:#99a4b1;--bs-sidebar-dark-menu-sub-item-color:#858d98;--bs-sidebar-dark-menu-item-icon-color:#858d98;--bs-sidebar-dark-menu-item-hover-color:#fff;--bs-sidebar-dark-menu-item-active-color:#fff}
/*!

 * Waves v0.7.6
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE */
 
 .waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px;opacity:0;background:rgba(0,0,0,.2);background:radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);-webkit-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transition-property:-webkit-transform,opacity;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform:scale(0) translate(0,0);transform:scale(0) translate(0,0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background:rgba(255,255,255,.4);background:radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%)}.waves-effect.waves-classic .waves-ripple{background:rgba(0,0,0,.2)}.waves-effect.waves-classic.waves-light .waves-ripple{background:rgba(255,255,255,.4)}.waves-notransition{-webkit-transition:none!important;transition:none!important}.waves-button,.waves-circle{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle,#fff 100%,#000 100%)}.waves-button,.waves-button-input,.waves-button:hover,.waves-button:visited{white-space:nowrap;vertical-align:middle;cursor:pointer;border:none;outline:0;color:inherit;background-color:rgba(0,0,0,0);font-size:1em;line-height:1em;text-align:center;text-decoration:none;z-index:1}.waves-button{padding:.85em 1.1em;border-radius:.2em}.waves-button-input{margin:0;padding:.85em 1.1em}.waves-input-wrapper{border-radius:.2em;vertical-align:bottom}.waves-input-wrapper.waves-button{padding:0}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%}.waves-float{-webkit-mask-image:none;-webkit-box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);-webkit-transition:all .3s;transition:all .3s}.waves-float:active{-webkit-box-shadow:0 8px 20px 1px rgba(0,0,0,.3);box-shadow:0 8px 20px 1px rgba(0,0,0,.3)}.waves-block{display:block}.waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,.4)}.waves-effect.waves-primary .waves-ripple{background-color:rgba(81,86,190,.4)}.waves-effect.waves-success .waves-ripple{background-color:rgba(42,181,125,.4)}.waves-effect.waves-info .waves-ripple{background-color:rgba(75,166,239,.4)}.waves-effect.waves-warning .waves-ripple{background-color:rgba(255,191,83,.4)}.waves-effect.waves-danger .waves-ripple{background-color:rgba(253,98,94,.4)}[data-bs-theme=dark] .accordion-button:after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23313533'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.avatar-xs{height:1rem;width:1rem}.avatar-sm{height:2rem;width:2rem}.avatar-md{height:3rem;width:3rem}.avatar-lg{height:4rem;width:4rem}.avatar-xl{height:5rem;width:5rem}.avatar-title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#5156be;color:var(--bs-white);display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:500;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.avatar-group{padding-left:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.avatar-group .avatar-group-item{margin-left:-12px;border:2px solid var(--bs-secondary-bg);border-radius:50%;-webkit-transition:all .2s;transition:all .2s}.avatar-group .avatar-group-item:hover{position:relative;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.font-size-10{font-size:10px!important}.font-size-11{font-size:11px!important}.font-size-12{font-size:12px!important}.font-size-13{font-size:13px!important}.font-size-14{font-size:14px!important}.font-size-15{font-size:15px!important}.font-size-16{font-size:16px!important}.font-size-17{font-size:17px!important}.font-size-18{font-size:18px!important}.font-size-20{font-size:20px!important}.font-size-22{font-size:22px!important}.font-size-24{font-size:24px!important}.fw-medium{font-weight:500}.fw-semibold{font-weight:600}.icon-xs{height:14px;width:14px}.icon-sm{height:16px;width:16px}.icon-md{height:18px;width:18px}.icon-lg{height:20px;width:20px}.icon-xl{height:22px;width:22px}.card-h-100{height:calc(100% - 1.5rem)}.social-list-item{height:2rem;width:2rem;line-height:calc(2rem - 4px);display:block;border:2px solid #adb5bd;border-radius:50%;color:#adb5bd;text-align:center;-webkit-transition:all .4s;transition:all .4s}.social-list-item:hover{color:#74788d;background-color:#e9e9ef}.w-xs{min-width:80px}.w-sm{min-width:95px}.w-md{min-width:110px}.w-lg{min-width:140px}.w-xl{min-width:160px}.bg-overlay{position:absolute;height:100%;width:100%;right:0;bottom:0;left:0;top:0;opacity:.7;background-color:#000}.alert-dismissible .btn-close{font-size:10px;padding:1.05rem 1.25rem;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat}.btn-group-vertical label{margin-bottom:0}.btn-group label{margin-bottom:0}[data-bs-theme=dark] .text-light{color:var(--bs-gray-400)!important}[data-bs-theme=dark] .text-body{color:var(--bs-gray-400)!important}[data-bs-theme=dark] .btn-close{-webkit-filter:invert(1) grayscale(100%) brightness(200%);filter:invert(1) grayscale(100%) brightness(200%)}[data-bs-theme=dark] .btn-close-white{-webkit-filter:invert(0) grayscale(100%) brightness(200%);filter:invert(0) grayscale(100%) brightness(200%)}[type=email]::-webkit-input-placeholder,[type=number]::-webkit-input-placeholder,[type=tel]::-webkit-input-placeholder,[type=url]::-webkit-input-placeholder{text-align:left}[type=email]::-moz-placeholder,[type=number]::-moz-placeholder,[type=tel]::-moz-placeholder,[type=url]::-moz-placeholder{text-align:left}[type=email]:-ms-input-placeholder,[type=number]:-ms-input-placeholder,[type=tel]:-ms-input-placeholder,[type=url]:-ms-input-placeholder{text-align:left}[type=email]::-ms-input-placeholder,[type=number]::-ms-input-placeholder,[type=tel]::-ms-input-placeholder,[type=url]::-ms-input-placeholder{text-align:left}[type=email]::placeholder,[type=number]::placeholder,[type=tel]::placeholder,[type=url]::placeholder{text-align:left}.form-check{position:relative;text-align:left}.form-check-right{padding-left:0;display:inline-block;padding-right:1.5em}.form-check-right .form-check-input{float:right;margin-left:0;margin-right:-1.5em}.form-check-right .form-check-label{display:block}.form-checkbox-outline .form-check-input{border-width:2px;background-color:var(--bs-secondary-bg)}.form-checkbox-outline .form-check-input:active{-webkit-filter:none;filter:none}.form-checkbox-outline .form-check-input:checked{background-color:var(--bs-secondary-bg)!important}.form-checkbox-outline .form-check-input:checked[type=checkbox]{background-image:none}.form-checkbox-outline .form-check-input:checked:after{position:absolute;content:"\f012c";font-family:"Material Design Icons";top:-4px!important;left:1px;font-size:16px;color:#212529}.form-radio-outline .form-check-input{background-color:var(--bs-secondary-bg);position:relative}.form-radio-outline .form-check-input:active{-webkit-filter:none;filter:none}.form-radio-outline .form-check-input:checked{background-color:var(--bs-secondary-bg)!important}.form-radio-outline .form-check-input:checked[type=checkbox]{background-image:none}.form-radio-outline .form-check-input:checked:after{position:absolute;content:"";top:3px!important;left:3px;width:5px;height:5px;border-radius:50%}.form-check-primary .form-check-input:checked{background-color:#5156be;border-color:#5156be}.form-radio-primary .form-check-input:checked{border-color:#5156be;background-color:#5156be}.form-radio-primary .form-check-input:checked:after{background-color:#5156be}.form-check-secondary .form-check-input:checked{background-color:#74788d;border-color:#74788d}.form-radio-secondary .form-check-input:checked{border-color:#74788d;background-color:#74788d}.form-radio-secondary .form-check-input:checked:after{background-color:#74788d}.form-check-success .form-check-input:checked{background-color:#2ab57d;border-color:#2ab57d}.form-radio-success .form-check-input:checked{border-color:#2ab57d;background-color:#2ab57d}.form-radio-success .form-check-input:checked:after{background-color:#2ab57d}.form-check-info .form-check-input:checked{background-color:#4ba6ef;border-color:#4ba6ef}.form-radio-info .form-check-input:checked{border-color:#4ba6ef;background-color:#4ba6ef}.form-radio-info .form-check-input:checked:after{background-color:#4ba6ef}.form-check-warning .form-check-input:checked{background-color:#ffbf53;border-color:#ffbf53}.form-radio-warning .form-check-input:checked{border-color:#ffbf53;background-color:#ffbf53}.form-radio-warning .form-check-input:checked:after{background-color:#ffbf53}.form-check-danger .form-check-input:checked{background-color:#fd625e;border-color:#fd625e}.form-radio-danger .form-check-input:checked{border-color:#fd625e;background-color:#fd625e}.form-radio-danger .form-check-input:checked:after{background-color:#fd625e}.form-check-light .form-check-input:checked{background-color:#e9e9ef;border-color:#e9e9ef}.form-radio-light .form-check-input:checked{border-color:#e9e9ef;background-color:#e9e9ef}.form-radio-light .form-check-input:checked:after{background-color:#e9e9ef}.form-check-dark .form-check-input:checked{background-color:#212529;border-color:#212529}.form-radio-dark .form-check-input:checked{border-color:#212529;background-color:#212529}.form-radio-dark .form-check-input:checked:after{background-color:#212529}.form-check,.form-check-input,.form-check-label{cursor:pointer;margin-bottom:0}.form-switch-md{font-size:20px;min-height:26px;line-height:26px}.form-switch-md .form-check-label{font-size:.875rem;vertical-align:middle}.form-switch-lg{font-size:26px;min-height:36px;line-height:36px}.form-switch-lg .form-check-label{font-size:.875rem;vertical-align:middle}.input-group-text{margin-bottom:0}.custom-control-label::before{background-color:var(--bs-tertiary-bg)}[data-bs-theme=dark] .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ced4da' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")}[data-bs-theme=dark] .form-switch .form-check-input,[data-bs-theme=dark] .form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ced4da'/%3e%3c/svg%3e")}[dir=rtl] input{text-align:end}.widget-box-1-icon{position:absolute;right:-15px;top:-25px;font-size:5rem;opacity:.1}.widget-carousel .carousel-indicators{margin:0 auto;position:relative}.activity-border:before{content:"";position:absolute;height:80px;border-left:2px dashed var(--bs-gray-400);top:40px;left:2px}.activity-wid{margin-left:16px}.activity-wid .activity-list{position:relative;padding:0 0 20px 45px}.activity-wid .activity-list .activity-icon{position:absolute;left:-20px;top:-3px;z-index:2;background:var(--bs-card-bg)}.activity-wid .activity-list .activity-icon img{border:5px solid var(--bs-secondary-bg)}.activity-wid .activity-list .activity-icon span{border:5px solid var(--bs-card-bg)}.activity-wid .activity-list:last-child{padding-bottom:0}.grid-example{background-color:rgba(81,86,190,.05);border-radius:5px;font-weight:500;padding:10px 20px;font-size:.8rem}.bs-example-modal{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;display:block}[dir=rtl] .modal-open{padding-left:0!important}.icon-demo-content{color:var(--bs-gray-500)}.icon-demo-content i{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:40px;height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px;color:var(--bs-tertiary-600);-webkit-transition:all .4s;transition:all .4s;border:1px solid var(--bs-border-color);border-radius:50%;margin-right:16px;vertical-align:middle}.icon-demo-content .col-lg-4{margin-top:24px}.icon-demo-content .col-lg-4:hover i{background-color:rgba(81,86,190,.2);color:#5156be}.grid-structure .grid-container{background-color:var(--bs-secondary-bg);margin-top:10px;font-size:.8rem;font-weight:500;padding:10px 20px}.card-radio{background-color:var(--bs-secondary-bg);border:2px solid var(--bs-border-color);border-radius:.25rem;padding:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-radio:hover{cursor:pointer}.card-radio-label{display:block}.card-radio-input{display:none}.card-radio-input:checked+.card-radio{border-color:#5156be!important}.spin-left:before{-webkit-animation:spin-left 2s infinite linear;animation:spin-left 2s infinite linear}.spin-right:before{-webkit-animation:spin-right 2s infinite linear;animation:spin-right 2s infinite linear}@-webkit-keyframes spin-left{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}@keyframes spin-left{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}@-webkit-keyframes spin-right{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin-right{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media print{.footer,.navbar-header,.page-title-box,.right-bar,.vertical-menu{display:none!important}.card-body,.main-content,.page-content,.right-bar,body{padding:0;margin:0}.card{border:0}}.z-index{position:relative}.z-index .box-2{top:13px;left:16px}.z-index .box-3{top:25px;left:31px}.z-index .box-4{top:39px;left:45px}.z-index .box-5{top:52px;left:59px}[data-simplebar]{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;-webkit-box-sizing:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0!important;bottom:0;right:0!important;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;visibility:visible;overflow:auto;max-width:100%;max-height:100%;scrollbar-width:none;padding:0!important}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{-webkit-box-sizing:inherit!important;box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;-webkit-box-flex:inherit;-ms-flex-positive:inherit;flex-grow:inherit;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:0;flex-basis:0}.simplebar-height-auto-observer{-webkit-box-sizing:inherit;box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;right:2px;width:6px;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#a2adb7;border-radius:7px;left:0;right:0;opacity:0;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;-webkit-transition:opacity 0s linear;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none}.custom-scroll{height:100%}.fc td,.fc th{border:var(--bs-border-width) solid var(--bs-border-color)}.fc .fc-toolbar h2{font-size:16px;line-height:30px;text-transform:uppercase}@media (max-width:767.98px){.fc .fc-toolbar .fc-center,.fc .fc-toolbar .fc-left,.fc .fc-toolbar .fc-right{float:none;display:block;text-align:center;clear:both;margin:10px 0}.fc .fc-toolbar>*>*{float:none}.fc .fc-toolbar .fc-today-button{display:none}}.fc .fc-toolbar .btn{text-transform:capitalize}.fc th.fc-widget-header{background:#f6f6f6;color:#313533;line-height:20px;padding:10px 0;text-transform:uppercase;font-weight:700}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#f6f6f6}.fc-unthemed td.fc-today{background:#efeff3}.fc-button{background:var(--bs-secondary-bg);border-color:var(--bs-border-color);color:#313533;text-transform:capitalize;-webkit-box-shadow:none;box-shadow:none;padding:6px 12px!important;height:auto!important}.fc-state-active,.fc-state-disabled,.fc-state-down{background-color:#5156be;color:#fff;text-shadow:none}.fc-event{border-radius:2px;border:none;cursor:move;font-size:.8125rem;margin:5px 7px;padding:5px 5px;text-align:center}.fc-event,.fc-event-dot{background-color:#5156be}.fc-event .fc-content{color:#fff}#external-events .external-event{text-align:left;padding:8px 16px}.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark .fc-content{color:var(--bs-light)}[dir=rtl] .fc-header-toolbar{direction:ltr!important}[dir=rtl] .fc-toolbar>*>:not(:first-child){margin-left:.75em}@media (max-width:575.98px){.fc-toolbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}[data-bs-theme=dark] .fc-event.bg-dark{background-color:#fff!important}#session-timeout-dialog .close{display:none}#session-timeout-dialog .countdown-holder{color:#fd625e;font-weight:500}#session-timeout-dialog .btn-default{background-color:#fff;color:#fd625e;-webkit-box-shadow:none;box-shadow:none}.noUi-connect{background:#4ba6ef}.noUi-handle{border-color:var(--bs-light);background:var(--bs-card-bg);-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px var(--bs-light),0 3px 6px -3px var(--bs-light)!important;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px var(--bs-light),0 3px 6px -3px var(--bs-light)!important}.noUi-horizontal{height:8px}.noUi-horizontal .noUi-handle{height:20px;width:20px;border-radius:50%;right:-10px;top:-7px}.noUi-horizontal .noUi-handle::after,.noUi-horizontal .noUi-handle::before{display:none}.noUi-horizontal .noUi-handle:focus{outline:0}.noUi-connects,.noUi-touch-area{cursor:pointer}.noUi-pips-horizontal{height:50px}.noUi-vertical{width:8px}.noUi-vertical .noUi-handle{height:20px;width:20px;right:-7px;top:-12px;border-radius:50%}.noUi-vertical .noUi-handle::after,.noUi-vertical .noUi-handle::before{display:none}.noUi-vertical .noUi-handle:focus{outline:0}.noUi-value{font-size:12px}.noUi-marker-horizontal.noUi-marker-large{height:6px}.noUi-marker-horizontal.noUi-marker{display:none}.noUi-target{background-color:var(--bs-light);border-color:var(--bs-light);-webkit-box-shadow:inset 0 1px 1px var(--bs-light),0 3px 6px -5px var(--bs-light);box-shadow:inset 0 1px 1px var(--bs-light),0 3px 6px -5px var(--bs-light)}.noUi-touch-area:focus{outline:0}#blue,#green,#red{margin:10px;display:inline-block;height:200px}#colorpicker{height:240px;width:310px;margin:0 auto;padding:10px;border:1px solid var(--bs-border-color)}#result{margin:60px 26px;height:100px;width:100px;display:inline-block;vertical-align:top;border:1px solid var(--bs-border-color);-webkit-box-shadow:0 0 3px;box-shadow:0 0 3px;border-radius:7px}#red .noUi-connect{background:#fd625e}#green .noUi-connect{background:#2ab57d}#blue .noUi-connect{background:#5156be}.form-control.keyboard{max-width:340px!important}#input-number,#input-select{padding:7px;margin:15px 5px 5px;width:70px}.example-val{font-size:12px;color:var(--bs-secondary-color);display:block;margin:15px 0}.example-val:before{content:"Value: ";font-size:12px;font-weight:600}.noUi-tooltip{display:none}.noUi-active .noUi-tooltip{display:block}.c-1-color{background:#fd625e}.c-2-color{background:#ffbf53}.c-3-color{background:#2ab57d}.c-4-color{background:#5156be}.c-5-color{background:#6f42c1}#slider-toggle{height:50px}#slider-toggle.off .noUi-handle{border-color:#fd625e}.swal2-container .swal2-title{font-size:22px;font-weight:500}.swal2-container .swal2-html-container{color:var(--bs-body-color)!important}.swal2-container .swal2-popup{background-color:var(--bs-secondary-bg)}.swal2-modal{font-size:13px}.swal2-icon.swal2-question{border-color:#4ba6ef;color:#4ba6ef}.swal2-icon.swal2-success [class^=swal2-success-line]{background-color:#2ab57d}.swal2-icon.swal2-success .swal2-success-ring{border-color:rgba(42,181,125,.3)}.swal2-icon.swal2-warning{border-color:#ffbf53;color:#ffbf53}.swal2-styled:focus{-webkit-box-shadow:none;box-shadow:none}.swal2-progress-steps .swal2-progress-step{background:#5156be}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#5156be}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step,.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:rgba(81,86,190,.3)}.swal2-progress-steps .swal2-progress-step-line{background:#5156be}.swal2-loader{border-color:#5156be transparent #5156be transparent}.alertify .ajs-body .ajs-content .ajs-input{color:var(--bs-gray-600);background-color:var(--bs-secondary-bg);border:1px solid var(--bs-gray-300)}.alertify .ajs-footer .ajs-buttons .ajs-button{color:var(--bs-gray-500)}.alertify .ajs-header{font-weight:500;background-color:var(--bs-secondary-bg)}.alertify .ajs-body{color:var(--bs-gary-600)}.alertify .ajs-dialog{-webkit-box-shadow:rgba(116,120,141,.1) 0 5px 20px -6px;box-shadow:rgba(116,120,141,.1) 0 5px 20px -6px;background-color:var(--bs-secondary-bg)}.alertify .ajs-dialog .ajs-footer,.alertify .ajs-dialog .ajs-header{background-color:var(--bs-secondary-bg);color:var(--bs-gary-600);border-bottom:var(--bs-border-color) 1px solid;border-top:var(--bs-border-color) 1px solid}.alertify .ajs-footer{background-color:var(--bs-secondary-bg)}.alertify .ajs-footer .ajs-buttons .ajs-button{font-weight:500}.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok{color:#5156be}.alertify .ajs-footer .ajs-buttons.ajs-primary{text-align:right}.alertify .ajs-body .ajs-content .ajs-input:focus-visible{outline:0}.alertify .ajs-commands{right:4px;left:auto;margin:-14px 0 0 24px}.alertify .ajs-commands .ajs-header{background-color:var(--bs-secondary-bg)}.alertify-notifier .ajs-message{background-color:#5156be;border-color:#5156be;color:#fff;text-shadow:none!important}.alertify-notifier .ajs-message.ajs-success{background-color:#2ab57d;border-color:#2ab57d}.alertify-notifier .ajs-message.ajs-error{background-color:#fd625e;border-color:#fd625e}.alertify-notifier .ajs-message.ajs-warning{background-color:#ffbf53;border-color:#ffbf53}.alertify-notifier.ajs-right{right:10px;left:auto}.alertify-notifier.ajs-right .ajs-message{right:-320px;left:auto}.alertify-notifier.ajs-right .ajs-message.ajs-visible{right:290px;left:auto}.alertify-notifier.ajs-left{left:10px;right:auto}.alertify-notifier.ajs-left .ajs-message{left:-300px;right:auto}.alertify-notifier.ajs-left .ajs-message.ajs-visible{left:0;right:auto}.pristine-error{margin-top:2px;color:#fd625e}.has-success .form-control{border-color:#2ab57d}.has-danger .form-control{border-color:#fd625e}.choices__inner{background-color:var(--bs-input-bg);padding:.25rem 3rem .25rem .5rem;background-color:var(--bs-tertiary-bg);vertical-align:middle;border-radius:var(--bs-border-radius);border:var(--bs-border-width) solid var(--bs-border-color);min-height:38px;border:1px solid var(--bs-border-color)}.choices__heading{border-bottom:1px solid var(--bs-border-color)}.is-focused .choices__inner,.is-open .choices__inner{border-color:var(--bs-border-color)}.choices__list--dropdown{border-color:var(--bs-border-color)!important}.choices[data-type*=select-one] .choices__input{background-color:var(--bs-input-bg)!important;border-color:var(--bs-border-color)}.choices[data-type*=select-one] .choices__inner{padding-bottom:.25rem;background-color:var(--bs-input-bg)!important}.choices[data-type*=select-one] .choices__button{right:0;left:auto;margin-right:25px;margin-left:0}.choices[data-type*=select-one]:after{border-color:var(--bs-dark) transparent transparent;right:11.5px;left:auto}.choices[data-type*=select-one].is-open:after{border-color:transparent transparent var(--bs-dark)}.choices__input{background-color:var(--bs-input-bg);margin-bottom:0;color:var(--bs-gray-600)}.choices__list--multiple{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.choices__list--multiple .choices__item{background-color:#5156be;border-color:#5156be;margin-bottom:0;font-weight:400}.choices__list--multiple .choices__item.is-highlighted{background-color:#5156be;border:1px solid #5156be}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:var(--bs-light)}.is-disabled .choices__list--multiple .choices__item{background-color:#74788d;border-color:#74788d}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{border-left:1px solid rgba(255,255,255,.5);margin:0 -4px 0 8px;border-right:0}.choices__list--dropdown{background-color:var(--bs-body-bg)!important;border:1px solid var(--bs-border-color)}.choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:var(--bs-gray-300)}input[switch]{display:none}input[switch]+label{font-size:1em;line-height:1;width:56px;height:24px;background-color:#ced4da;background-image:none;border-radius:2rem;padding:.16667rem;cursor:pointer;display:inline-block;text-align:center;position:relative;font-weight:500;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}input[switch]+label:before{color:#212529;content:attr(data-off-label);display:block;font-family:inherit;font-weight:500;font-size:12px;line-height:21px;position:absolute;right:1px;margin:3px;top:-2px;text-align:center;min-width:1.66667rem;overflow:hidden;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}input[switch]+label:after{content:"";position:absolute;left:3px;background-color:#e9e9ef;-webkit-box-shadow:none;box-shadow:none;border-radius:2rem;height:20px;width:20px;top:2px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}input[switch]:checked+label{background-color:#5156be}input[switch]:checked+label{background-color:#5156be}input[switch]:checked+label:before{color:#fff;content:attr(data-on-label);right:auto;left:3px}input[switch]:checked+label:after{left:33px;background-color:#e9e9ef}input[switch=bool]+label{background-color:#fd625e}input[switch=bool]+label:before,input[switch=bool]:checked+label:before,input[switch=default]:checked+label:before{color:#fff}input[switch=bool]:checked+label{background-color:#2ab57d}input[switch=default]:checked+label{background-color:#a2a2a2}input[switch=primary]:checked+label{background-color:#5156be}input[switch=success]:checked+label{background-color:#2ab57d}input[switch=info]:checked+label{background-color:#4ba6ef}input[switch=warning]:checked+label{background-color:#ffbf53}input[switch=danger]:checked+label{background-color:#fd625e}input[switch=dark]:checked+label{background-color:#212529}input[switch=dark]:checked+label:before{color:#e9e9ef}.square-switch{margin-right:7px}.square-switch input[switch]+label,.square-switch input[switch]+label:after{border-radius:4px}.pcr-app{background:var(--bs-card-bg)}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview{margin-right:.75em;margin-left:0}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity{margin-left:.75em;margin-right:0}.flatpickr-input[readonly]{background-color:var(--bs-tertiary-bg)}.flatpickr-months,.flatpickr-weekdays{background-color:#5156be}span.flatpickr-weekday{color:#fff;font-weight:500}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background-color:transparent!important}.flatpickr-am-pm:focus,.flatpickr-am-pm:hover,.numInput:focus,.numInput:hover,.numInputWrapper:focus,.numInputWrapper:hover{background-color:transparent!important}.flatpickr-weekdays{height:36px!important;border-bottom:1px solid var(--bs-border-color)}.flatpickr-day{color:var(--bs-dark)!important}.flatpickr-day:focus,.flatpickr-day:hover{background-color:rgba(233,233,239,.7)!important}.flatpickr-day.today{border-color:#5156be!important;background-color:rgba(81,86,190,.1)}.flatpickr-day.today:focus,.flatpickr-day.today:hover{color:var(--bs-dark)!important;background-color:rgba(81,86,190,.15)!important}.flatpickr-day.selected{background-color:#5156be!important;border-color:#5156be!important;color:#fff!important}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{color:var(--bs-gray-400)!important}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus,.flatpickr-day:hover{background-color:var(--bs-light)!important;border-color:var(--bs-light)!important}.flatpickr-day.inRange{-webkit-box-shadow:-5px 0 0 #e9e9ef,5px 0 0 #e9e9ef;box-shadow:-5px 0 0 #e9e9ef,5px 0 0 #e9e9ef}.flatpickr-months .flatpickr-month,.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{color:rgba(255,255,255,.9)!important;fill:rgba(255,255,255,.9)!important}.flatpickr-monthDropdown-month{color:rgba(0,0,0,.8)}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{color:rgba(255,255,255,.9)!important}.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator,.flatpickr-time input{color:var(--bs- #e9e9ef)!important}.flatpickr-calendar{background-color:var(--bs-body-bg)!important;-webkit-box-shadow:1px 0 0 var(--bs-border-color),-1px 0 0 var(--bs-border-color),0 1px 0 var(--bs-border-color),0 -1px 0 var(--bs-border-color),0 3px 13px rgba(0,0,0,.08)!important;box-shadow:1px 0 0 var(--bs-border-color),-1px 0 0 var(--bs-border-color),0 1px 0 var(--bs-border-color),0 -1px 0 var(--bs-border-color),0 3px 13px rgba(0,0,0,.08)!important}.flatpickr-calendar.hasTime .flatpickr-time{border-top:1px solid var(--bs-border-color)!important}.flatpickr-months{border-radius:5px 5px 0 0}.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg{fill:rgba(255,255,255,.9)!important}.ck-editor__editable{min-height:250px!important}.ck.ck-reset_all,.ck.ck-reset_all *{color:var(--bs-body-color)!important}.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused){border-color:var(--bs-border-color)!important}.ck.ck-toolbar{background-color:var(--bs-light)!important;border-color:var(--bs-border-color)!important}.ck.ck-toolbar .ck.ck-toolbar__separator{background-color:var(--bs-border-color)!important}.ck.ck-tooltip .ck-tooltip__text{background-color:#212529!important;color:#e9e9ef!important}.ck.ck-editor__main>.ck-editor__editable,.ck.ck-list{background-color:var(--bs-card-bg)!important}.ck.ck-dropdown__panel{border-color:var(--bs-border-color)!important}.ck.ck-responsive-form{background-color:var(--bs-card-bg)!important}.ck.ck-input-text{background-color:var(--bs-light)!important}.ck.ck-dropdown__panel{background-color:var(--bs-card-bg)!important}.ck.ck-button.ck-on,.ck.ck-button:not(.ck-disabled):hover,a.ck.ck-button.ck-on,a.ck.ck-button:not(.ck-disabled):hover{background-color:var(--bs-light)!important}[dir=rtl] .ck.ck-toolbar>.ck-toolbar__items{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[data-bs-theme=dark] .ck.ck-editor__main>.ck-editor__editable{background-color:var(--bs-body-bg)!important}.dropzone{min-height:230px;border:2px dashed var(--bs-border-color);background:var(--bs-card-bg);border-radius:6px}.dropzone .dz-message{font-size:24px;width:100%}.twitter-bs-wizard .twitter-bs-wizard-nav .step-icon{display:inline-block;width:56px;height:56px;line-height:54px;border:1px solid rgba(81,86,190,.2);color:#5156be;text-align:center;border-radius:50%;position:relative;z-index:1;font-size:20px}@media (max-width:575.98px){.twitter-bs-wizard .twitter-bs-wizard-nav .step-icon{width:40px;height:40px;line-height:38px}}.twitter-bs-wizard .twitter-bs-wizard-nav .step-title{margin-left:6px}.twitter-bs-wizard .twitter-bs-wizard-nav .nav-item:last-child .nav-link::after{display:none}.twitter-bs-wizard .twitter-bs-wizard-nav .nav-item .nav-link.done .step-icon{background-color:#5156be;color:#fff}.twitter-bs-wizard .twitter-bs-wizard-nav .nav-item .nav-link.done .uil:before{content:"\e9c3"}.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link{font-size:13px;position:relative}@media (max-width:575.98px){.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link{padding:.5rem}}.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link::after{content:"";position:absolute;width:75%;height:2px;background-color:var(--bs-border-color);left:62%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width:575.98px){.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link::after{display:none}}.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link.active{color:#313533;background-color:transparent}.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link.active .step-icon{background-color:rgba(81,86,190,.2);color:#5156be;border-color:rgba(81,86,190,.2)}.twitter-bs-wizard .twitter-bs-wizard-pager-link{padding-top:24px;padding-left:0;list-style:none;margin-bottom:0}.twitter-bs-wizard .twitter-bs-wizard-pager-link li{display:inline-block}.twitter-bs-wizard .twitter-bs-wizard-pager-link li.next{float:right}.twitter-bs-wizard-tab-content{padding-top:24px;min-height:262px}.gslide .gdesc-inner{background-color:var(--bs-secondary-bg)!important}.gslide .gdesc-inner .gslide-title{color:var(--bs-body-color)!important}div.dataTables_wrapper div.dataTables_filter{text-align:right}@media (max-width:767px){div.dataTables_wrapper div.dataTables_filter{text-align:center}}div.dataTables_wrapper div.dataTables_filter input{margin-left:.5em;margin-right:0}.table.dataTable.dtr-inline.collapsed>tbody>tr>td,table.dataTable.dtr-inline.collapsed>tbody>tr>td{position:relative}.table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control{padding-left:30px}.table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before{top:50%;left:5px;height:14px;width:14px;margin-top:-9px;display:block;position:absolute;color:#fff;border:2px solid #fff;border-radius:14px;-webkit-box-sizing:content-box;box-sizing:content-box;text-align:center;text-indent:0!important;line-height:14px;content:"+";background-color:#5156be}.table.dataTable>thead>tr>td:not(.sorting_disabled),.table.dataTable>thead>tr>th:not(.sorting_disabled),table.dataTable>thead>tr>td:not(.sorting_disabled),table.dataTable>thead>tr>th:not(.sorting_disabled){padding-right:30px;padding-left:12px}.table.dataTable>thead .sorting::before,.table.dataTable>thead .sorting_asc::before,.table.dataTable>thead .sorting_asc_disabled::before,.table.dataTable>thead .sorting_desc::before,.table.dataTable>thead .sorting_desc_disabled::before,table.dataTable>thead .sorting::before,table.dataTable>thead .sorting_asc::before,table.dataTable>thead .sorting_asc_disabled::before,table.dataTable>thead .sorting_desc::before,table.dataTable>thead .sorting_desc_disabled::before{right:1em;left:auto}.table.dataTable>thead .sorting::after,.table.dataTable>thead .sorting_asc::after,.table.dataTable>thead .sorting_asc_disabled::after,.table.dataTable>thead .sorting_desc::after,.table.dataTable>thead .sorting_desc_disabled::after,table.dataTable>thead .sorting::after,table.dataTable>thead .sorting_asc::after,table.dataTable>thead .sorting_asc_disabled::after,table.dataTable>thead .sorting_desc::after,table.dataTable>thead .sorting_desc_disabled::after{right:.5em;left:auto}div.dataTables_wrapper div.dataTables_info{padding-top:.85em;padding-bottom:.85em}.table-rep-plugin .btn-toolbar{display:block}.table-rep-plugin .table-responsive{border:none!important}.table-rep-plugin .btn-group .btn-default{background-color:#74788d;color:#e9e9ef;border:1px solid #74788d}.table-rep-plugin .btn-group .btn-default.btn-primary{background-color:#5156be;border-color:#5156be;color:#fff;-webkit-box-shadow:0 0 0 2px rgba(81,86,190,.5);box-shadow:0 0 0 2px rgba(81,86,190,.5)}.table-rep-plugin .btn-group.pull-right{float:right}.table-rep-plugin .btn-group.pull-right .dropdown-menu{right:0;-webkit-transform:none!important;transform:none!important;top:100%!important}.table-rep-plugin tbody th{font-size:13px;font-weight:400}.table-rep-plugin .checkbox-row{padding-left:40px;color:var(--bs-gray-400)!important}.table-rep-plugin .checkbox-row:hover{background-color:var(--bs-gray-200)!important}.table-rep-plugin .checkbox-row label{display:inline-block;padding-left:5px;position:relative}.table-rep-plugin .checkbox-row label::before{-o-transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;background-color:#f6f6f6;border-radius:3px;border:1px solid #ced4da;content:"";display:inline-block;height:17px;left:0;margin-left:-20px;position:absolute;transition:.3s ease-in-out;width:17px;outline:0!important}.table-rep-plugin .checkbox-row label::after{color:#e9e9ef;display:inline-block;font-size:11px;height:16px;left:0;margin-left:-20px;padding-left:3px;padding-top:1px;position:absolute;top:-1px;width:16px}.table-rep-plugin .checkbox-row input[type=checkbox]{cursor:pointer;opacity:0;z-index:1;outline:0!important}.table-rep-plugin .checkbox-row input[type=checkbox]:disabled+label{opacity:.65}.table-rep-plugin .checkbox-row input[type=checkbox]:focus+label::before{outline-offset:-2px;outline:0}.table-rep-plugin .checkbox-row input[type=checkbox]:checked+label::after{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900}.table-rep-plugin .checkbox-row input[type=checkbox]:disabled+label::before{background-color:#f8f9fa;cursor:not-allowed}.table-rep-plugin .checkbox-row input[type=checkbox]:checked+label::before{background-color:#5156be;border-color:#5156be}.table-rep-plugin .checkbox-row input[type=checkbox]:checked+label::after{color:#fff}.table-rep-plugin .fixed-solution .sticky-table-header{top:70px!important;background-color:#5156be}.table-rep-plugin .fixed-solution .sticky-table-header table{color:#fff}.table-rep-plugin .sticky-table-header,.table-rep-plugin table.focus-on tbody tr.focused td,.table-rep-plugin table.focus-on tbody tr.focused th{background:#5156be;border-color:#5156be;color:#fff}.table-rep-plugin .sticky-table-header table,.table-rep-plugin table.focus-on tbody tr.focused td table,.table-rep-plugin table.focus-on tbody tr.focused th table{color:#fff}@media (min-width:992px){body[data-layout=horizontal] .fixed-solution .sticky-table-header{top:120px!important}}.table-edits input,.table-edits select{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;border:1px solid var(--bs-border-color);background-color:var(--bs-tertiary-bg);color:var(--bs-body-color);border-radius:var(--bs-border-radius)}.table-edits input:focus,.table-edits select:focus{outline:0;border-color:#a8abdf}.apex-charts{min-height:10px!important}.apex-charts text{font-family:var(--bs-font-sans-serif)!important;fill:var(--bs-gray-500)}.apex-charts .apexcharts-canvas{margin:0 auto}.apexcharts-gridline line{stroke:var(--bs-gray-300)}.apexcharts-tooltip-text,.apexcharts-tooltip-title{font-family:var(--bs-font-sans-serif)!important}.apexcharts-tooltip{border:1px solid var(--bs-border-color)!important;background-color:var(--bs-secondary-bg)!important;-webkit-box-shadow:rgba(116,120,141,.1) 0 5px 20px -6px!important;box-shadow:rgba(116,120,141,.1) 0 5px 20px -6px!important}.apexcharts-tooltip *{font-family:var(--bs-font-sans-serif)!important;color:var(--bs-gray-600)!important}.apexcharts-tooltip .apexcharts-tooltip-title{background-color:rgba(var(--bs-light-rgb),.75)!important;border-bottom:1px solidvar(--bs-border-color)!important}.apexcharts-tooltip.apexcharts-theme-dark *{color:#fff!important}.apexcharts-legend-series{font-weight:500}.apexcharts-gridline{pointer-events:none;stroke:var(--bs-apex-grid-color)}.apexcharts-radialbar-track.apexcharts-track path{stroke:var(--bs-gray-300)}.apexcharts-legend-text{color:var(--bs-gray-500)!important;font-family:var(--bs-font-sans-serif)!important;font-size:13px!important}.apexcharts-pie-label{fill:#fff!important}.apexcharts-xaxis text,.apexcharts-yaxis text{font-family:var(--bs-font-sans-serif)!important;fill:var(--bs-gray-500)}.apexcharts-pie circle,.apexcharts-pie line{stroke:var(--bs-card-border-color)}[data-bs-theme=dark] .apexcharts-gridline{stroke:var(--bs-secondary-bg)}[data-bs-theme=dark] .apexcharts-radialbar-track.apexcharts-track path{stroke:var(--bs-secondary-bg)}[data-bs-theme=dark] .apexcharts-tooltip{background-color:var(--bs-body-bg)!important;border:1px solid var(--bs-border-color)!important}[data-bs-theme=dark] .apexcharts-tooltip .apexcharts-tooltip-title{background-color:var(--bs-tertiary-bg)!important;border-bottom:1px solid var(--bs-border-color)!important}[data-bs-theme=dark] .apexcharts-pie-area{stroke:var(--bs-gray-300)}[data-bs-theme=dark] .apexcharts-pie-label{fill:var(--bs-gray-600)!important}.e-charts{height:350px}.chartjs-chart{max-height:320px}.jqstooltip{-webkit-box-sizing:content-box;box-sizing:content-box;width:auto!important;height:auto!important;background-color:var(--bs-gray-800)!important;-webkit-box-shadow:0 1rem 3rem rgba(0,0,0,.175);box-shadow:0 1rem 3rem rgba(0,0,0,.175);padding:5px 10px!important;border-radius:3px;border-color:var(--bs-gray-900)!important}.jqsfield{color:var(--bs-gray-200)!important;font-size:12px!important;line-height:18px!important;font-family:var(--bs-font-sans-serif)!important;font-weight:500!important}.gmaps,.gmaps-panaroma{height:300px!important;background:#f8f9fa;border-radius:3px}.gmaps-overlay{display:block;text-align:center;color:#fff;font-size:16px;line-height:40px;background:#5156be;border-radius:4px;padding:10px 20px}.gmaps-overlay_arrow{left:50%;margin-left:-16px;width:0;height:0;position:absolute}.gmaps-overlay_arrow.above{bottom:-15px;border-left:16px solid transparent;border-right:16px solid transparent;border-top:16px solid #5156be}.gmaps-overlay_arrow.below{top:-15px;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:16px solid #5156be}.jvectormap-label{border:none;background:#2c302e;color:#f8f9fa;font-family:var(--bs-font-sans-serif);font-size:.875rem;padding:5px 8px}.leaflet-map{height:300px}.leaflet-map.leaflet-container{z-index:1}.auth-bg{background-image:url(../images/auth-bg.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.auth-bg .bg-overlay{opacity:.9}@media (min-width:768px){.auth-bg{height:100vh}}.auth-full-page-content{min-height:100vh}.auth-logo .logo-txt{color:var(--bs-dark);font-size:20px}.auth-pass-inputgroup input[type=input]+.btn .mdi-eye-outline:before{content:"\f06d1"}.bg-bubbles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.bg-bubbles li{position:absolute;list-style:none;display:block;width:40px;height:40px;border-radius:30px;background-color:rgba(255,255,255,.1);bottom:-50px;-webkit-animation:square 20s infinite;animation:square 20s infinite;-webkit-transition-timing-function:linear;transition-timing-function:linear}.bg-bubbles li:nth-child(1){left:10%}.bg-bubbles li:nth-child(2){left:20%;width:120px;height:120px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:17s;animation-duration:17s}.bg-bubbles li:nth-child(3){left:25%;-webkit-animation-delay:4s;animation-delay:4s}.bg-bubbles li:nth-child(4){left:40%;width:80px;height:80px;-webkit-animation-duration:22s;animation-duration:22s}.bg-bubbles li:nth-child(5){left:70%;width:90px;height:90px}.bg-bubbles li:nth-child(6){left:70%;width:120px;height:120px;-webkit-animation-delay:3s;animation-delay:3s}.bg-bubbles li:nth-child(7){left:32%;width:150px;height:150px;-webkit-animation-delay:7s;animation-delay:7s}.bg-bubbles li:nth-child(8){left:55%;width:80px;height:80px;-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:40s;animation-duration:40s}.bg-bubbles li:nth-child(9){left:25%;width:50px;height:50px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:40s;animation-duration:40s}.bg-bubbles li:nth-child(10){left:90%;width:140px;height:140px;-webkit-animation-delay:11s;animation-delay:11s}@-webkit-keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-1000px) rotate(600deg);transform:translateY(-1000px) rotate(600deg)}}@keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-1000px) rotate(600deg);transform:translateY(-1000px) rotate(600deg)}}.email-leftbar{width:236px;float:left;padding:20px;border-radius:5px}.email-rightbar{margin-left:260px}.chat-user-box p.user-title{color:var(--bs-dark);font-weight:500}.chat-user-box p{font-size:12px}@media (max-width:767px){.email-leftbar{float:none;width:100%}.email-rightbar{margin:0}}.mail-list a{display:block;color:var(--bs-gray-600);line-height:24px;padding:8px 5px}.mail-list a.active{color:#fd625e!important;font-weight:500}.message-list{display:block;padding-left:0}.message-list li{position:relative;display:block;height:50px;line-height:50px;cursor:default;-webkit-transition-duration:.3s;transition-duration:.3s}.message-list li a{color:var(--bs-body-color)}.message-list li:hover{background:var(--bs-tertiary-bg);-webkit-transition-duration:50ms;transition-duration:50ms}.message-list li .col-mail{float:left;position:relative}.message-list li .col-mail-1{width:320px}.message-list li .col-mail-1 .checkbox-wrapper-mail,.message-list li .col-mail-1 .dot,.message-list li .col-mail-1 .star-toggle{display:block;float:left}.message-list li .col-mail-1 .dot{border:4px solid transparent;border-radius:100px;margin:22px 26px 0;height:0;width:0;line-height:0;font-size:0}.message-list li .col-mail-1 .checkbox-wrapper-mail{margin:15px 10px 0 20px}.message-list li .col-mail-1 .star-toggle{margin-top:18px;margin-left:5px}.message-list li .col-mail-1 .title{position:absolute;top:0;left:110px;right:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:0}.message-list li .col-mail-2{position:absolute;top:0;left:320px;right:0;bottom:0}.message-list li .col-mail-2 .date,.message-list li .col-mail-2 .subject{position:absolute;top:0}.message-list li .col-mail-2 .subject{left:0;right:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.message-list li .col-mail-2 .date{right:0;width:170px;padding-left:80px}.message-list li.active,.message-list li.active:hover{-webkit-box-shadow:inset 3px 0 0 #5156be;box-shadow:inset 3px 0 0 #5156be}.message-list li.unread{background-color:var(--bs-tertiary-bg);font-weight:500;color:var(--bs-body-color)}.message-list li.unread a{color:var(--bs-body-color);font-weight:500}.message-list .checkbox-wrapper-mail{cursor:pointer;height:20px;width:20px;position:relative;display:inline-block;-webkit-box-shadow:inset 0 0 0 1px var(--bs-gray-400);box-shadow:inset 0 0 0 1px var(--bs-gray-400);border-radius:1px}.message-list .checkbox-wrapper-mail input{opacity:0;cursor:pointer}.message-list .checkbox-wrapper-mail input:checked~label{opacity:1}.message-list .checkbox-wrapper-mail label{position:absolute;height:20px;width:20px;left:0;cursor:pointer;opacity:0;margin-bottom:0;-webkit-transition-duration:50ms;transition-duration:50ms;top:0}.message-list .checkbox-wrapper-mail label:before{content:"\f012c";font-family:"Material Design Icons";top:0;height:20px;color:var(--bs-dark);width:20px;position:absolute;margin-top:-16px;left:4px;font-size:13px}@media (max-width:575.98px){.message-list li .col-mail-1{width:200px}}.email-editor .ck-editor__editable_inline{min-height:200px!important}@media (min-width:992px){.chat-leftsidebar{min-width:260px}}@media (min-width:1200px){.chat-leftsidebar{min-width:380px}}.chat-leftsidebar .chat-leftsidebar-nav .nav .nav-link.active{background-color:var(--bs-card-bg);color:#5156be}.search-box .form-control{padding-left:40px}.search-box .search-icon{font-size:16px;position:absolute;left:13px;top:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-noti-dropdown.active:before{content:"";position:absolute;width:8px;height:8px;background-color:#fd625e;border-radius:50%;right:0}.chat-noti-dropdown .btn{padding:6px;-webkit-box-shadow:none;box-shadow:none;font-size:20px;color:var(--bs-gray-600)}.chat-noti-dropdown .btn.show,.chat-noti-dropdown .btn:active,.chat-noti-dropdown .btn:focus,.chat-noti-dropdown .btn:hover{border-color:transparent}.chat-message-list{height:calc(100vh - 346px)}@media (min-width:992px){.chat-message-list{height:calc(100vh - 406px)}}.chat-list{margin:0}.chat-list li.active a{background-color:rgba(81,86,190,.075);border-color:transparent}.chat-list li a{display:block;padding:14px 16px;color:var(--bs-secondary-color);-webkit-transition:all .4s;transition:all .4s;border-top:1px solid var(--bs-border-color);position:relative}.chat-list li a:hover{background-color:rgba(81,86,190,.075);border-color:transparent}.chat-list li .user-img{position:relative}.chat-list li .user-img .user-status{width:10px;height:10px;background-color:#adb5bd;border-radius:50%;border:2px solid var(--bs-card-bg);position:absolute;left:0;bottom:0}.chat-list li .user-img.online .user-status{background-color:#2ab57d}.chat-list li .user-img.away .user-status{background-color:#ffbf53}.chat-list li.unread a{font-weight:600;color:var(--bs-dark)}.chat-list li .unread-message{position:absolute;display:inline-block;right:16px;top:33px}.contact-list{font-size:12px;text-transform:uppercase;color:var(--bs-secondary-color);font-weight:600;margin-bottom:7px}.user-chat-nav .dropdown .nav-btn{height:36px;width:36px;line-height:36px;-webkit-box-shadow:none;box-shadow:none;padding:0;font-size:18px;color:var(--bs-gray-600)}.user-chat-nav .dropdown .btn{border-color:transparent!important}.chat-conversation{height:calc(100vh - 300px)}@media (min-width:992px){.chat-conversation{height:calc(100vh - 360px)}}.chat-conversation li{clear:both}.chat-conversation .chat-day-title{position:relative;text-align:center;margin-bottom:24px;border:none}.chat-conversation .chat-day-title .title{background-color:var(--bs-card-bg);position:relative;z-index:1;padding:6px 24px}.chat-conversation .chat-day-title:before{content:"";position:absolute;width:100%;height:1px;left:0;right:0;background-color:var(--bs-border-color);top:10px}.chat-conversation .chat-day-title .badge{font-size:12px}.chat-conversation .conversation-list{margin-bottom:24px;position:relative}.chat-conversation .conversation-list .ctext-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}.chat-conversation .conversation-list .ctext-wrap-content{padding:12px 20px;background-color:#5156be;border-radius:0 8px 8px 8px;color:#fff;position:relative;margin-left:16px}.chat-conversation .conversation-list .ctext-wrap-content:before{content:"";position:absolute;border:5px solid transparent;border-right-color:#5156be;border-top-color:#5156be;left:-10px;top:0}.chat-conversation .conversation-list .conversation-name{margin-bottom:4px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:13px}.chat-conversation .conversation-list .conversation-name .time{font-size:12px;color:rgba(255,255,255,.5);margin-left:8px;font-weight:400}.chat-conversation .conversation-list .conversation-name .user-name{color:rgba(255,255,255,.5)}.chat-conversation .conversation-list .dropdown .dropdown-toggle{font-size:18px;padding:4px;color:#74788d}@media (max-width:575.98px){.chat-conversation .conversation-list .dropdown .dropdown-toggle{display:none}}.chat-conversation .conversation-list .message-img{border-radius:.2rem;position:relative}.chat-conversation .conversation-list .message-img .message-img-list{position:relative}.chat-conversation .conversation-list .message-img img{max-width:140px}.chat-conversation .right .conversation-list{float:right;text-align:right}.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;background-color:var(--bs-light);text-align:right;border-radius:8px 0 8px 8px;margin-left:0;margin-right:16px;color:var(--bs-dark)}.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content:before{border:5px solid transparent;border-top-color:var(--bs-light);border-left-color:var(--bs-light);left:auto;right:-10px}.chat-conversation .right .conversation-list .ctext-wrap .conversation-name{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.chat-conversation .right .conversation-list .ctext-wrap .conversation-name .time,.chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name{color:var(--bs-secondary-color)}.chat-conversation .right .conversation-list .ctext-wrap .conversation-name .time{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-left:0;margin-right:8px}.chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.chat-conversation .right .conversation-list .dropdown{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media (max-width:575.98px){.chat-send{min-width:auto}}body[data-layout=horizontal] .chat-message-list{height:calc(100vh - 346px)}@media (min-width:992px){body[data-layout=horizontal] .chat-message-list{height:calc(100vh - 476px)}}body[data-layout=horizontal] .chat-conversation{height:calc(100vh - 300px)}@media (min-width:992px){body[data-layout=horizontal] .chat-conversation{height:calc(100vh - 420px)}}.slide-bg{height:100vh;background-position:center;background-size:cover;background-repeat:no-repeat}.coming-content{position:absolute;top:0;z-index:1;left:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.coming-content .app-search{max-width:340px}.preview-thumbsnav{position:absolute;bottom:14px;z-index:9;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:120px}.preview-thumbsnav .nav-img{cursor:pointer;padding:3px;background-color:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1)}@media (max-width:575.98px){.preview-thumbsnav .nav-img{display:none}}.preview-thumbsnav .swiper-slide-thumb-active .nav-img{background-color:#fff;border:1px solid #fff}.coming-box{width:25%}.coming-box:last-of-type .count-num::after{display:none}.counter-number{font-size:32px;font-weight:600;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px}@media (max-width:575.98px){.counter-number{font-size:18px}}.counter-number .count-title{font-size:16px;font-weight:500;display:block;padding-bottom:6px;color:rgba(255,255,255,.5)}.count-num{background-color:var(--bs-secondary-bg);padding:16px 8px;position:relative;border-radius:4px}.count-num::after{content:":";font-size:20px;position:absolute;right:-16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff}.timeline{position:relative;width:100%;padding:30px 0}@media (max-width:767.98px){.timeline{padding:0}}.timeline .timeline-end,.timeline .timeline-start,.timeline .timeline-year{position:relative;width:100%;text-align:center;z-index:1}.timeline .timeline-end p,.timeline .timeline-start p,.timeline .timeline-year p{display:inline-block;width:80px;height:80px;margin:0;padding:30px 0;text-align:center;background-color:#5156be;border-radius:100px;color:#fff;text-transform:uppercase}.timeline .timeline-year{margin:30px 0}.timeline .timeline-continue{position:relative;width:100%;padding:60px 0}.timeline .timeline-continue:after{position:absolute;content:"";width:1px;height:100%;top:0;left:50%;margin-left:-1px;background:#5156be}.timeline .timeline-icon{margin:42px 10px 0 10px}.timeline .timeline-left{text-align:right}.timeline .timeline-left .timeline-icon{text-align:left}.timeline .timeline-right{text-align:left}.timeline .timeline-right .timeline-icon{text-align:right}.timeline .timeline-icon::after{content:"";display:block;position:absolute;width:14px;height:14px;top:45px;background:#5156be;border-radius:15px;z-index:1}@media (min-width:768px){.timeline .event-content{padding-right:24px}.timeline .timeline-text{margin-right:40px}}.timeline .timeline-left .timeline-icon::after{left:-7px}@media (min-width:768px){.timeline .timeline-left .event-content{padding-right:0;padding-left:24px}.timeline .timeline-left .timeline-text{margin-right:0;margin-left:40px}.timeline .timeline-left .event-img{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.timeline .timeline-right .timeline-icon::after{right:-7px}.timeline .timeline-box{position:relative;display:inline-block;margin:15px;padding:20px;border:1px solid var(--bs-border-color);border-radius:6px}.timeline .timeline-box::after{content:"";position:absolute;width:16px;height:16px;top:26px;background-color:var(--bs-card-bg);border:1px solid #e9e9ef;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin:0 auto}.timeline .timeline-launch{position:relative;display:inline-block;margin:15px;padding:20px;border:1px solid #e9e9ef;border-radius:6px;width:100%;margin:15px 0;padding:0;border:none;text-align:center;background:0 0}.timeline-date{right:20px}@media (max-width:767.98px){.timeline-date{left:-70px;right:auto}}.timeline-left .timeline-date{left:20px}@media (max-width:767.98px){.timeline-left .timeline-date{left:-70px;right:auto}}.timeline .timeline-date{width:54px;height:80px;display:inline-block;padding:8px;-webkit-clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);top:-10px;position:absolute;z-index:1}@media (max-width:767.98px){.timeline .timeline-date{top:0}}.timeline .timeline-right .timeline-box::after{border-color:transparent transparent var(--bs-light) var(--bs-light);left:-8px;right:100%}.timeline .timeline-left .timeline-box::after{border-color:var(--bs-light) var(--bs-light) transparent transparent;right:-8px}.timeline .timeline-launch .timeline-box::after{top:-8px;left:32px;border-color:var(--bs-light) transparent transparent var(--bs-light)}@media (min-width:768px){.timeline .timeline-launch .timeline-box::after{left:50%;-webkit-transform:rotate(45deg) translateX(-50%);transform:rotate(45deg) translateX(-50%);top:-2px}}.timeline .timeline-launch .timeline-text{width:100%}@media (max-width:767px){.timeline .timeline-continue::after{left:40px}.timeline .timeline-end,.timeline .timeline-start,.timeline .timeline-year{text-align:left}.timeline .row.timeline-left{text-align:left}.timeline .row.timeline-left .timeline-icon{text-align:left}.timeline .row.timeline-right{text-align:left}.timeline .row.timeline-right .timeline-icon{text-align:left}.timeline .timeline-launch{text-align:left;margin-bottom:0}.timeline .row.timeline-left .timeline-icon::after{left:43px}.timeline .row.timeline-right .timeline-icon::after{left:43px}.timeline .timeline-box{margin-left:82px;margin-right:0}.timeline .row.timeline-right .timeline-icon{margin-left:55px}.timeline .row.timeline-left .timeline-icon{margin-left:55px}.timeline .timeline-launch .timeline-box{margin-left:0;margin-bottom:0}.timeline .row.timeline-left .timeline-box::after{left:-8px;border-color:transparent transparent var(--bs-light) var(--bs-light);right:auto}}[data-bs-theme=dark] .timeline-right .timeline-box::after{border-color:transparent transparent var(--bs-border-color) var(--bs-border-color)}[data-bs-theme=dark] .timeline-left .timeline-box::after{border-color:var(--bs-border-color) var(--bs-border-color) transparent transparent}[data-bs-theme=dark] .timeline-box{border:1px solid var(--bs-border-color)}.maintenance-cog-icon .cog-icon{position:relative;bottom:24px;right:14px}.pricing-badge{position:absolute;top:0;z-index:9;right:0;width:100%;display:block;font-size:15px;padding:0;overflow:hidden;height:100px}.pricing-badge .badge{float:right;-webkit-transform:rotate(45deg);transform:rotate(45deg);right:-67px;top:17px;position:relative;text-align:center;width:200px;font-size:13px;margin:0;padding:7px 10px;font-weight:500;color:#5156be;background:#fff}.pricing-tab-box .nav-link{padding:16px 20px;border:1px solid var(--bs-border-color)}.pricing-tab-box .nav-link.active{border:1px solid #5156be!important;background:0 0;padding:16px 20px}.pricing-tab-box .nav-link.active i{color:#5156be!important}.pricing-tab-box .nav-link.active h1{color:#5156be!important}[data-bs-theme=dark] .pricing-tab-box .nav-link{border-color:var(--bs-border-color)}
/*# sourceMappingURL=app.min.css.map */


@font-face {
    font-family: 'Helvetica';
    src: url('Helvetica-Bold.eot');
    src: url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Bold.woff2') format('woff2'),
        url('../fonts/Helvetica-Bold.woff') format('woff'),
        url('../fonts/Helvetica-Bold.ttf') format('truetype'),
        url('../fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Light.eot');
    src: url('../fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Light.woff2') format('woff2'),
        url('../fonts/Helvetica-Light.woff') format('woff'),
        url('../fonts/Helvetica-Light.ttf') format('truetype'),
        url('../fonts/Helvetica-Light.svg#Helvetica-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff'),
        url('../fonts/Helvetica.ttf') format('truetype'),
        url('../fonts/Helvetica.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

::placeholder{
    opacity: 0.4!important;
}
:focus{
    box-shadow:none!important
}

:root{
    --bs-body-font-family: Helvetica;
    --primaryColor: #000000;
    --bg-primary:rgba(0,0,0,1);
    --bg-primary:rgba(0,0,0,1);
    --bg-lighter:#f9f9fb;
    --bg-body:#ffffff;
    --border-color:rgba(0,0,0,.12);
    --bs-border-color:rgba(0,0,0,.12);
    --bs-sidebar-menu-item-active-color:#000000;
    --lightGrey:#E8E8E8;
    --bs-dark:#000000;
    --accentColor:#da8734;
    --accentBtnColor:#da8734;
    --accentTextColor:#EBCBA9;
    --bs-primary-bg-subtle:#EBCBA9;
    --bs-sidebar-menu-item-hover-color:#000000; 
    --bs-dark-rgb:rgba(0,0,0,1);
    --primaryGredient:linear-gradient(-40deg, #CACACA 20%, #CBCBCB 30%, #F9EFE4 70.43%);
    --bs-success-rgb:124, 179, 66;
    --bs-text-success-rgb:63, 146, 47;
    --bs-secondary-rgb:116,120,141;
    --bs-input-bg:#f8f9fa;
    --bs-success:#7cb342;
    --bs-text-success-rgb:124, 179, 66;
}

.rotate-90{
    transform:rotate(90deg);
}
.rotate-180{
    transform:rotate(180deg);
}
.rotate-270{
    transform:rotate(270deg);
}
.rotate-360{
    transform:rotate(360deg);
}

.cursor{
    cursor:pointer;
}


.avatar-md{
    min-height:3rem;
    min-width:3rem;
}

i[data-bs-dismiss]{
    cursor:pointer
}

.container-sm{
    max-width:750px;
}

.btn-outline-secondary{
    border-color:var(--border-color)!important
}

.btn-outline-secondary:focus {
  border-color: inherit !important;
}


table.table-hover > tbody > tr:hover{
    --bs-table-hover-bg: rgba(0, 0, 0, 0.02);
}

a{
    color:var(--primaryColor);
}

.bg-success{

}

.fw-light{
    font-weight:400!important
}

.form-control{
    border-color:var(--border-color)!important
}

.border-dotted{
    border-style: dotted!important;
}
.border-dashed{
    border-style: dashed!important;
}


/* Bootstrap Table */
/* Custom width classes */
.col-w-80  { width: 80px; }
.col-w-150 { width: 150px; }
.col-w-200 { width: 200px; }
.col-w-300 { width: 300px; }


.table > :not(caption) > * > *{
    padding:.5rem .7rem;
}

.table.table-padding-lg > :not(caption) > * > *{
    padding:.5rem .7rem;
}


.table.table-padding-lg > thead > tr > th{
    padding:0.9rem .7rem
}

.table thead th{
    background:rgba(0,0,0,0.07);
    padding:1rem .7rem;
    color:var(--bs-secondary-rgb)
}
.table tbody tr td,
.table tbody tr th{
    line-height:normal;
    font-size:13px;
    background:inherit;   
}
.table thead th:last-child,
.table tbody tr td:last-child{
    text-align: end;
}

.table .stylists-list{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex
;
}
.table .stylists-list .stylist-item:not(:first-child){
    margin-left:-15px;
}
.table .stylists-list .stylist-Profile .avatar {
    position: relative;
    width: 2rem;
    background: var(--bs-primary-bg-subtle);
    border-radius: 100px;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    box-shadow:0px 0px 0px 3px white;
    --webkit-box-shadow:0px 0px 0px 3px white;
}
.table .stylists-list .stylist-Profile .avatar img{
    position: relative;
    z-index: 9;
}
.table .stylists-list .stylist-Profile .sNameLetter{
    position: absolute;
    display:flex;
    align-items: center;
    justify-content: center;
}

.table .stylists-list .stylist-Profile .sNameLetter span{
    font-size: 22px;
}

.table tr.available > td{
    color:var(--primaryColor)
}
.table tr.available > td:nth-child(2){
    font-weight:bold;
    color:var(--accentBtnColor)
}
.table tr.not-available > td:not(:last-child){
    opacity: 0.45;
}

table.tags-table .emmoji {
  font-size: 16px;
}


.btn.cst-disabled{
    opacity: 0.55;
    pointer-events: none;
}


.right-0{
    right:0!important
}
.left-0{
    left:0!important
}
.bottom-0{
    bottom:0!important;
}
.top{
    top:0!important;
}
.translate-center{
    transform:translate(-50%, -50%)!important;
    left:50%!important;
    top:50%!important;
}

.position-relative{
    position: relative; 
    /* z-index: 999; */
}
.translate-verticle-middle{
    transform:translateY(-50%)!important;
    top:50%!important;    
}

.translate-horizontal-middle{
    transform:translateX(-50%)!important;
    left:50%!important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    
}
textarea{
    min-height:100px!important;
    resize:none;
}

.flatpickr-calendar{
    box-shadow:none!important
}

form[data-check="enable-btn"] .form-control{
    line-height:normal
}

.dropdown-menu {
  padding: 0;
}
.dropdown-menu li {
  font-size: 12px;
  line-height:normal;
}
.dropdown-menu li i {
  font-size: 15px;
}

/* Modal Dialog */
.modal-dialog{
    /* overflow: auto; */
}

img{
    max-width:100%;
}
*[aria-label="Close"] {
  cursor: pointer;
}

.bg-dark{
    background-color:var(--primaryColor)!important
}
.bg-lighter{
    background:var(--bg-lighter);
}
.bg-light{
    background:var(--lightGrey);
}


.text-primary{
    color:var(--primaryColor)!important
}
.text-accent{
    color:var(--accentColor)!important
}
.text-dark{
    color:var(--primaryColor)!important
}

.text-success{
    color:rgba(var(--bs-text-success-rgb))!important;
}
.no-bg {
  background: none !important;
  --bs-table-bg: rgba(0,0,0,0)!important;
}
.bg-accent{
    background:var(--accentColor);
}

.border-light,
.btn-custom:focus{
    border-color:var(--border-color)!important;
}

.btn-custom{
    color:var(--primaryColor)!important
}
.btn-custom:hover,
.btn-custom.active,
.btn-custom.show{
    background:var(--bs-border-color)!important;
    border-color:var(--bs-border-color)!important;
}

.choices__list.choices__list--dropdown .choices__item {
  padding: 5px 10px !important;
  opacity: 1!important;
}

.choices__list--multiple .choices__item{
    line-height:normal;
    background:var(--primaryColor);
    border-color:var(--primaryColor);    
}

.choices[data-type*="select-one"]::after{
    top:19px;
}
.choices__list[aria-expanded] .choices__item--selectable.is-selected{
    opacity: 0.3!important;
    pointer-events: none!important;
}

body{
    font-family:var(--bs-body-font-family);
    font-size:13px;
    color:var(--primaryColor);
    background: var(--bg-lighter);    
    overflow-x: hidden;
}

/* Letter-spacing utilities */
.ls-05 { letter-spacing: 0.5px !important; }
.ls-1  { letter-spacing: 1px !important; }
.ls-15 { letter-spacing: 1.5px !important; }
.ls-2  { letter-spacing: 2px !important; }
.ls-25 { letter-spacing: 2.5px !important; }
.ls-3  { letter-spacing: 3px !important; }
.ls-35 { letter-spacing: 3.5px !important; }
.ls-4  { letter-spacing: 4px !important; }
.ls-45 { letter-spacing: 4.5px !important; }
.ls-5  { letter-spacing: 5px !important; }

.modal-body{
    background:var(--bg-lighter);
    overflow: auto;
}


.nav-tabs-custom{
    border-color:var(--lightGrey);
    background: rgba(0,0,0,0.07);
}
.nav-tabs-custom .nav-item {
  position: relative;
  color: var(--bs-light-dark);
  flex: inherit;
  font-size:11px;  
}
.nav-tabs-custom .nav-item a.nav-link{
    color:var(--primaryColor);
    padding: 13px 15px;
    opacity: 0.4;
}
.nav-tabs-custom .nav-item a.nav-link:hover{
    opacity: 1;
}
.nav-tabs-custom .nav-item .nav-link.active{
    color:var(--primaryColor);
    opacity: 1;
    background:transparent
}
.nav-tabs-custom .nav-item .nav-link::after{
    height:2px;
    background:var(--primaryColor);
}
.tab-content-custom .tab-pane{
    background:var(--bg-lighter);
    padding:0
}


.flatpickr-months,
.flatpickr-weekdays{
    background:var(--primaryColor)
}
.flatpickr-day.selected{
    background:var(--primaryColor)!important;
    border-color:var(--primaryColor)!important;
}


.btn-outline-primary{
    --bs-btn-color: var(--primaryColor);
    --bs-btn-border-color: var(--primaryColor);    
    --bs-btn-hover-bg: var(--primaryColor);
    --bs-btn-hover-border-color: var(--primaryColor);
    --bs-btn-focus-shadow-rgb: 81,86,190;    
    --bs-btn-active-bg: var(--primaryColor);
    --bs-btn-active-border-color: var(--primaryColor);
}

.btn-primary{
    --bs-btn-bg: #000000;
    --bs-btn-border-color: #000000;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #000000;
    --bs-btn-hover-border-color: #000000;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-accent{
    --bs-btn-bg: var(--accentBtnColor);
    --bs-btn-border-color: var(--accentBtnColor);
    --bs-btn-hover-color: var(--accentBtnColor);
    --bs-btn-hover-bg: var(--accentBtnColor);
    --bs-btn-hover-border-color: var(--accentBtnColor);
    -webkit-box-shadow: none;
    box-shadow: none;
    color:white!important;
    opacity: 0.9;
}
.btn-accent:hover,
.btn-accent:focus{
    opacity: 1;
}
.btn-primary:hover{
    color:white;    
}

.btn-outline-accent{
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--accentBtnColor);
    --bs-btn-hover-color: var(--accentBtnColor);
    --bs-btn-hover-bg: var(--accentBtnColor);
    --bs-btn-hover-border-color: var(--accentBtnColor);
    -webkit-box-shadow: none;
    box-shadow: none;
    color:var(--accentBtnColor)!important;
    opacity: 0.9;
}

.btn-outline-accent:hover{
    --bs-btn-bg: var(--accentBtnColor);
    color:white!important;
}



.btn-success{
    background:var(--bs-success);
    border-color:var(--bs-success);
    opacity: 0.9;
    box-shadow:0 2px 6px 0 rgba(var(--bs-success-rgb),.5);
}
.btn-success:hover{
    background:var(--bs-success);
    opacity: 1;
}

.button-group{
    display: flex;
}
.button-group .btn:not(:last-child) {
  border-right: 0;
}

.btn-check:checked, .btn.active, .btn.show{
    background-color: black;
}
.dropdown button.btn:active,
.dropdown button.btn.show{
    background-color:transparent!important;
}

.choices__list--dropdown .choices__item--selectable,
.choices__list[aria-expanded] .choices__item--selectable{
    padding:10px;
}

.choices__list--dropdown .choices__item--selectable:hover{
    background:var(--border-color);
}

.form-group .choices__inner{
    border-color:var(--border-color);
}
.form-group .choices{
    margin-bottom:0.5rem;
    background:transparent;
}
.form-group.multiple .choices{
    margin-bottom:0.5rem;
    background:var(--bs-input-bg);
    position: relative;
    z-index: 9;
}
.form-group.floating-group .choices{
    background:transparent
}
.form-group.multiple .choices__inner {
  padding: 0.3rem;
}
.form-group.multiple .choices__list--multiple {  
  display: inline;
}
.form-group.multiple .choices__list--multiple > div {
  margin: 2px;
}

.form-group.choice-bg-white .choices__inner{
    background:var(--bg-body)!important
}
.form-group.choice-no-bg .choices__inner{
    background:transparent!important
}


.form-choice .choices__inner {
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-radius: 0;
  border-bottom: 1px solid var(--border-color);
  padding-left: 0;
  padding-right: 0;
}
.form-choice .choices__inner .choices__list--single{
    padding-left: 0;
    padding-right: 0;
}
.form-choice .choices[data-type*="select-one"]::after{
    right:0
}

.form-choice .choices__list--dropdown, .choices__list{
    z-index: 99;
}

.form-choice .choices__inner,
.form-floating .choices[data-type*="select-one"] .choices__inner{
    border-color:var(--border-color);
    max-height:38px;
    background:transparent!important;
}
.form-choice .choices__list.choices__list--single .choices__item[aria-selected="true"]{
    color:var(--primaryColor);
    font-size:14px;
    opacity: 1!important;
}

.form-floating.input-filled .form-control{
    /* border-color:var(--primaryColor)!important */
}

.form-floating.form-choice > label {
  top: -22px;
}

.form-switch .form-check-input{
    --bs-form-switch-bg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='rgba(0, 0, 0, 1)'/></svg>");
}

.form-switch .form-check-input:focus{
    --bs-form-switch-bg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='rgba(0, 0, 0, 1)'/></svg>");
    border-color:var(--primaryColor);
}

.form-check-input:checked{
    background-color:var(--primaryColor);
}

.form-switch .form-check-input:checked:focus{
    --bs-form-switch-bg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='rgba(255, 255, 255, 1)'/></svg>");
    
}

.form-floating > label{
    padding:0;
    opacity: 0.6;
    font-weight:400;
    font-size:16px;
}
.form-floating input:focus ~ label{
    opacity: 1;
}
.form-floating input:focus{
    /* border-color:var(--primaryColor)!important */
}

.form-floating > .form-control{
    font-size:16px;
}

.form-floating.input-filled > label{
    opacity: 1;
}

.form-group > label{
    font-size:16px;
}
.form-group.input-filled > label{
    -webkit-transform: scale(0.75) ;
  transform: scale(0.75) ;
  transform-origin: left;
}

.form-group .form-control {
  min-height: 38px;
}


/* ===== Custom checkbox ====== */

.cst-form-check {
  display: flex;
  position: relative;
  align-items: center;
}
.cst-form-check > label{
    margin-bottom:0;
    margin-left:10px;
}
.cst-form-check > div {
  position: relative;
  display:flex;
  align-items: center;  
}

.cst-form-check input {
  border: none;
  width: 34px;
  height: 14px;
  border-radius: 100px !important;
  background: #cbcbcb;
  margin: 0;
  position: relative;
  top:0;
}
.cst-form-check input:checked {
  background: var(--accentTextColor);
}
.cst-form-check input::before {
  content: '';
  position: absolute;
  left: -2px;
  top: 50%;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 100%;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  --webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  transform: translateY(-50%);    
}
.cst-form-check input:checked::before {
  left: auto;
  right: -2px;
  background:var(--accentBtnColor);  
}

.cst-form-check.cst-form-check-sm > label{
    font-size:13px;
}

.cst-form-check.cst-form-check-sm input{
    width: 1.8rem;
  height: 0.8rem;  
}
.cst-form-check.cst-form-check-sm input::before{
    width: 1rem;
    height: 1rem;
}

.cst-form-check > input.checkbox-control{
    position: absolute;
    width: 100%;
    height: 100%;    
    top: 0;
    appearance: none;
    border: none;
    background: transparent;
    cursor: pointer;
}
.cst-form-check > input.checkbox-control ~ label{
    display: block;
    border: 1px solid var(--bs-secondary-bg-subtle);
    padding: 0.3rem 1.5rem;
    border-radius: 0.2rem;
    font-size: 14px;
    background: var(--border-color);
    color: var(--bs-dark);
    pointer-events: none;
    margin-left:0;
    
}
.cst-form-check > input.checkbox-control::before,
.cst-form-check > input.checkbox-control::after{
    display:none;
}



.disabled{
    opacity: 0.5!important;
    pointer-events: none!important;
    filter: grayscale(1);
    --webkit-filter: grayscale(1);
    
}


.form-check.form-check-lg{
    display:flex;
    align-items:center
}

.form-check.form-check-lg > label {
  font-size: 15px;
  line-height: normal;
  position: relative;
  top: 2px;
}
.form-check.form-check-lg input {
  width: 1.6em;
  height: 1.6em;
  margin-right: 10px;
}


.form-floating > .form-control:checked ~ label
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label{
    -webkit-transform: scale(0.75) translateY(-1.3rem) translateX(0rem);
    transform: scale(0.75) translateY(-1.3rem) translateX(0rem);    
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select{
    min-height:auto;
    height:38px;
}


.form-check > label{
    font-size:15px;
    color:var(--primaryColor)
}

.form-check-input{
    border-color:var(--primaryColor)
}

.form-check-input:checked{
    border-color:var(--primaryColor)
}

/* 

.p-left.form-floating{    
    padding-left:2rem!important
}
.p-left.form-floating > label{
    left:2rem
}

.p-left.form-floating i.mdi {
  font-size: 25px;
  left: 0;
  bottom: -8px;
} */

/* .form-check-input:checked {
  background-color: var(--primaryColor);
  border-color: var(--primaryColor);
}

.p-left.form-floating > .form-control-plaintext ~ label,
.p-left.form-floating > .form-control:focus ~ label,
.p-left.form-floating > .form-control:not(:placeholder-shown) ~ label,
.p-left.form-floating > .form-select ~ label{
    -webkit-transform: scale(.85) translateY(-1.3rem) translateX(0);
    transform: scale(.85) translateY(-1.3rem) translateX(0);
}
*/

.form-floating label::after{
    display:none!important
} 

.btn-primary{    
    box-shadow:none;
    --bs-btn-bg: #000000;
    --bs-btn-border-color: #000000;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #000000;
    --bs-btn-hover-border-color: #000000;
}

.tooltip{
    z-index: 99999;
}

.tooltip .tooltip-inner{
    font-size:11px;
    padding:1px 6px;
    background:rgba(0, 0, 0, 0.7);
}
.tooltip small{
    line-height:0.3rem;
}

.tooltip .tooltip-arrow{
    display:none;
}

/* 🔹 Custom height in dvh Utilities */


 /* 🔹 Custom Max-Width Utilities */
.mw-10  { max-width: 10% !important; }
.mw-20  { max-width: 20% !important; }
.mw-30  { max-width: 30% !important; }
.mw-40  { max-width: 40% !important; }
.mw-50  { max-width: 50% !important; }
.mw-60  { max-width: 60% !important; }
.mw-70  { max-width: 70% !important; }
.mw-80  { max-width: 80% !important; }
.mw-90  { max-width: 90% !important; }
.mw-100 { max-width: 100% !important; }

/* 🔹 Custom Width Utilities */
.w-10  { width: 10% !important; }
.w-20  { width: 20% !important; }
.w-30  { width: 30% !important; }
.w-40  { width: 40% !important; }
.w-50  { width: 50% !important; }
.w-60  { width: 60% !important; }
.w-70  { width: 70% !important; }
.w-80  { width: 80% !important; }
.w-90  { width: 90% !important; }
.w-100 { width: 100% !important; }

 /* 🔹 Custom Max-Width Utilities */
.mh-10  { max-height: 10% !important; }
.mh-20  { max-height: 20% !important; }
.mh-30  { max-height: 30% !important; }
.mh-40  { max-height: 40% !important; }
.mh-50  { max-height: 50% !important; }
.mh-60  { max-height: 60% !important; }
.mh-70  { max-height: 70% !important; }
.mh-80  { max-height: 80% !important; }
.mh-90  { max-height: 90% !important; }
.mh-100 { max-height: 100% !important; }

/* 🔹 Custom Max-Width Utilities */
.dvh-10  { height: 10dvh; }
.dvh-20  { height: 20dvh; }
.dvh-30  { height: 30dvh; }
.dvh-40  { height: 40dvh; }
.dvh-50  { height: 50dvh; }
.dvh-60  { height: 60dvh; }
.dvh-70  { height: 70dvh; }
.dvh-80  { height: 80dvh; }
.dvh-90  { height: 90dvh; }
.dvh-100 { height: 100dvh; }


.shadow-lg,
.shadow-sm{
    position: relative;
    z-index: 99;
}

/* Badge */
.badge.disabled{
    background:#ccc!important;
}


/* 🔹 Modal Animations */

.modal {
  z-index: 99999;
}
.modal.nested-modal{
    z-index: 999999;
}

.modal-content{
    height:100%;
    
}

.modal-backdrop {  
  z-index: 9999;
  opacity: 1 !important;
  background-color: rgba(0,0,0,0.4);
  --webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
.modal-backdrop.custom-backdrop{
    z-index: 99999;
}

/* Slide Right */
.modal.fade.slide-right .modal-dialog {
    transform: translateX(100%);
    transition: transform 0.4s ease-in-out;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}
.modal.fade.slide-right.show .modal-dialog {
    transform: translateX(0);
}

.modal.fade.slide-left .modal-dialog {
    transform: translateX(-100%);
    transition: transform 0.4s ease-in-out;
    margin: 0;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}
.modal.fade.slide-left.show .modal-dialog {
    transform: translateX(0);
} /* Slide Top */
.modal.fade.slide-top .modal-dialog {
    transform: translateY(-100%);
    transition: transform 0.4s ease-in-out;
    margin: 0 auto;
}
.modal.fade.slide-top.show .modal-dialog {
    transform: translateY(0);
} /* Slide Bottom */
.modal.fade.slide-bottom .modal-dialog {
    transform: translateY(100%);
    transition: transform 0.4s ease-in-out;
    margin: 0 auto;
}
.modal.fade.slide-bottom.show .modal-dialog {
    transform: translateY(0);
} /* Zoom Fullscreen */
.modal.fade.zoom-full .modal-dialog,
.modal.fade.zoom .modal-dialog {
    transform: scale(0.7);
    transition: transform 0.1s ease-in-out;
    margin: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Slide Bottom Left Corner */
.modal.fade.slide-bottom-left-corner .modal-dialog {
  transform: translate(0, 0);
  transition: transform 0.2s ease-in-out;
  margin: 0;
  position: fixed;
  left: 0; bottom: 0;
}
.modal.fade.slide-bottom-left-corner.show .modal-dialog {
  transform: translate(0, 0);
}

/* Slide Bottom Right Corner */
.modal.fade.slide-bottom-right-corner .modal-dialog {
transform: translate(100%, 100%);
transition: transform 0.2s ease-in-out;
margin: 0;
position: fixed;
right: 0; bottom: 0;
}
.modal.fade.slide-bottom-right-corner.show .modal-dialog {
  transform: translate(0, 0);
}

/* Slide Top Left Corner */
.modal.fade.slide-top-left-corner .modal-dialog {
  transform: translate(-100%, -100%);
  transition: transform 0.2s ease-in-out;
  margin: 0;
  position: fixed;
  left: 0; top: 0;
}
.modal.fade.slide-top-left-corner.show .modal-dialog {
  transform: translate(0, 0);
}

/* Slide Top Right Corner */
.modal.fade.slide-top-right-corner .modal-dialog {
  transform: translate(100%, -100%);
  transition: transform 0.2s ease-in-out;
  margin: 0;
  position: fixed;
  right: 0; top: 0;
}
.modal.fade.slide-top-right-corner.show .modal-dialog {
  transform: translate(0, 0);
}

.modal.fade.zoom-full.show .modal-dialog,
.modal.fade.zoom.show .modal-dialog {
  transform: scale(1);
}

.modal.fade.zoom-full .modal-content {  
  height:auto;
border-radius: 0; /* remove rounded corners for fullscreen */
}
.modal.fade.zoom .modal-content {  
  height:auto;
border-radius: 0;
max-width:750px; /* remove rounded corners for fullscreen */
}


/* Popup Custom classes */

.popup-header{
    background:var(--primaryGredient);    
}


/* End of popup custom classes */

.btn-primary:hover{
    color:white
}
img{
    max-width:100%;
}
.logo-txt{
    margin-left: 0;
    font-size:22px;
}
.navbar-header{
    padding-right:0
}

.auth-bg{
    background:url('../images/login-bg.jpg') no-repeat!important;
    background-size:cover!important;
    background-position: center center!important;
}
.auth-bg .bg-overlay{
   
    opacity: 1 !important;
  backdrop-filter: blur(30px);
  background: rgba(0,0,0,0.2);
}
.auth-content {
  width: 500px;
  margin: auto;  
  max-width: 100%;
  padding: 70px;
  background: white;
  border-radius: 20px;
}
.auth-logo .logo-txt{
    font-size:16px!important;    
}

.monAnuu-select .btn-check:checked + .btn,
.monAnuu-select .btn.show{
    background-color:var(--primaryColor);
    box-shadow:none!important
}

/* ======== Sign Up ======== */
.sign-up.container-fluid{
    max-width:950px
}
.bg-gredient{
    background:linear-gradient(110.79deg, #F5F5F5 1.66%, #F7F7F7 11.82%, #F9EFE4 95.43%);
}
.sign-up .form-group .form-control {
  border-color: var(--primaryColor) !important;
  background: transparent;
  border-radius: 0;
  border: 0;    
  border-bottom: 1px solid var(--primaryColor);
  padding: 0;
  min-height: 49px;
  font-size: 18px;
  font-weight:bold;
}
.sign-up .btn{
    border-radius:100px;
    min-width:180px;
    padding:12px 25px!important
}
.sign-up .form-group .form-control::placeholder{
    opacity: 1!important;
    color:var(--primaryColor);
    font-size:14px;
    font-weight:normal
}

.sign-upProcess h1{
    font-size:80px;
    color:var(--primaryColor);
    font-weight:bold;
}



/* ========= Verticle Menu ========= */
#page-topbar{   
    left:auto;
    right:0;
    width:100%
}
.vertical-menu,
.navbar-brand-box{
    background:var(--primaryColor);
    box-shadow:none;
    border:none;
}
.vertical-menu{
    top:0;
}


.formWrap{
    margin:auto;
}

.activity-wid .activity-list {
  padding: 15px 0 15px 45px !important;
}
.activity-wid .activity-list .activity-icon{
    top: 50%;
    transform: translateY(-50%);
}

.customerList .status.s-active svg{
    width:14px;
    height:14px;
    fill:var(--bs-success-bg-subtle);
    color:rgba(var(--bs-success-rgb))
}
.customerList .status.s-inactive svg{
    width:14px;
    height:14px;
    fill:var(--bs-danger-bg-subtle);
    color:rgba(var(--bs-danger-rgb))
}


.singleBusiness .card{
    overflow: hidden;
    height:100%;
}

.businessCover{
    position: relative;
}
.businessCover::after{
    opacity: 1 !important;
    backdrop-filter: blur(10px);
    --webkit-backdrop-filter: blur(15px);
    filter: grayscale(0.3);
    --webkit-filter: grayscale(0.3);
    background: #000000;
    background: linear-gradient(360deg,rgba(0, 0, 0, 0.8) 10%, rgba(254, 252, 244, 0) 88%);
    content: '';
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.businessCover > div{
    position: relative;
    z-index: 9;
}

.singleBusiness .card-body .card {
  background: transparent;
  border: none;
  color: white;
}

/* ========= Header Menu ======== */

.main-header{
    background:var(--primaryColor)!important;
}
.business-locations{    
    background:linear-gradient(110.79deg, #CACACA 1.66%, #CBCBCB 11.82%, #F9EFE4 95.43%)
}
.business-locations .dropdown-toggle{
      
}
.business-locations .dropdown-toggle:hover,
.business-locations .dropdown-toggle.show{
    opacity: 1;
}
.logotext h3{
    line-height:normal;
    font-weight:normal
}
.business-locations .logotext span{
    letter-spacing: 0.5px;
}
.main-header .business-logo img{
    max-height:35px;
    max-width:35px;
}

.locDropdowns{
    min-width:300px;
    border-radius:0;
    max-height: 365px;
    overflow: auto;
}
.locDropdowns .locationLogo{
    width:35px;
}
.locDropdowns h5{
    line-height:normal
}

/* ======= Search Box ========= */
.searchBox button{
    opacity: 0.85;
    position: relative;
}
.searchBox button:hover,
.searchBox button.active{
    
}
#searchToggle{
    position: relative;
    z-index: 99;
}
.search-box {
  display: none;
  position: absolute;
  width: 250px;
}
.search-box input.form-control {
  height: 36px;  
  background: rgba(255,255,255,0.15);
  border-color: rgba(255,255,255,0.3) !important;
  color: white;  
  font-size: 15px;
  font-weight: 300;  
  box-shadow:none!important
}
.search-box input.form-control::placeholder{
    color:rgba(255,255,255,0.6);
    opacity: 1!important;
}
.searchBox.active .search-box{
    display:block;
}

#mainNavBar.hide-menu{
    /* opacity: 0;
    pointer-events: none; */
}
.search-box .form-control{
    padding-left:30px;
}

/* =======  MainNavBar ======= */
.mainNavBar .navbar-nav li.nav-item{
    font-size:13px;
    margin:0 13px
}
.mainNavBar .navbar-nav li.nav-item a{
    color:white;
    font-weight:400;
    padding:10px;
    height:100%;
    display:flex;
    align-items: center;
    opacity: 0.85;
}
.mainNavBar .navbar-nav li.nav-item:hover a{
    opacity: 1;
}
.mainNavBar .navbar-nav li.nav-item a.active{
    opacity: 1;
    font-weight: 400;
    box-shadow:inset 0px -4px 0px 0px var(--accentColor);
    color:white;
}


header .header-item{
    height: 100%;;
}

header .header-profile-user{
    padding:0;
}


/* ========== Main Content ========= */
#main-content{
    margin-top:51px;
    margin-left:0;
}
.main-content{
    overflow: inherit;    
}
.titleBar{
    min-height:56px;
    position: sticky;
    z-index: 99;
    top:52px
}




/* ========= Dashboard ======== */


.mainBackground{
    position: relative;
    background-size:cover!important;
    background-position: center center!important;
}
.mainBackground::after{
    content:'';
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgba(255,255,255,0.3);
    backdrop-filter: blur(10px);
    --webkit-backdrop-filter: blur(10px);  
    
}
.currentDate {
  max-width: 300px;
  position: relative;
  width:100%;
}
.currentDate i{
    right:-10px;
    pointer-events: none;
    height:22px;
}
.currentDate input.form-control{
    padding:0;
    border:none;
    background:transparent;
    font-size:13px;
    margin-top:-3px;
    color:var(--primaryColor)
}
.currentDate input.form-control:focus{
    box-shadow:none;
}

.stateLayout .stateWrap{
    height:100dvh;
    max-height:calc(100dvh - 172px);
    padding:0.75rem;
    box-shadow:rgba(116,120,141,.5) 0 5px 20px -6px ;
    --webkit-box-shadow:rgba(116,120,141,.5) 0 5px 20px -6px ;
    background:linear-gradient(360deg, rgba(255,255,255,0.0) 10%, rgba(255,255,255,0.07) 30.82%, rgba(255,255,255,0.3) 80.43%);
}
.stateLayout .stateWrap.empty{
    background:linear-gradient(360deg, rgba(255,255,255,0.0) 10%, rgba(255,255,255,0.2) 30.82%, rgba(255,255,255,0.7) 80.43%);
}

.clientCard{
    cursor: pointer;
    box-shadow:1px 2px 5px -1px rgba(0,0,0,0.25)!important;
    --webkit-shadow:1px 2px 5px -1px rgba(0,0,0,0.25)!important;
    border:none;
    margin-bottom:0.25rem;
}

.clientCard .stylists-list {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  display: flex;
}
.clientCard .stylists-list .stylist-item{
    display: flex;
    align-items: center;
}
.clientCard .stylists-list li.stylist-item:hover {
  z-index: 99;
}
.clientCard .stylists-list .stylist-Profile .avatar-title{
    position: relative;
    border: 4px solid white;
}
.clientCard .stylists-list .stylist-item:not(:first-child) {
  margin-left: -30px;
  position: relative;
  z-index: 9;
}
.clientCard .stylists-list .sNameLetter{
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    height:18px;
    font-size:13px;
    font-weight:bold;    
}
.clientCard .stylists-list img.avatar{
    position: relative;
    z-index: 9;
}

/* ======== Appointment/Card Popup ======== */

#appointment{
    /* width:400px!important; */
}
.unconfirmed .unconfirmPart,
.confirmed .confirmPart,
.walkin .walkPart,
.arrived .arrivePart,
.completed .completePart{
    display:flex!important;
}

.appointment-stats {
  gap: 1px;
  justify-content: center;
  text-align: center;  
  padding: 1px;    
  padding-bottom: 0;  
}

.appointment-stats > div {
  background: rgba(0,0,0,0.35);  
  font-size: 18px ;
  color: white !important;
  --webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.appointment-stats strong{
    font-size:10px;
    text-transform: uppercase;
    font-weight:normal;
    letter-spacing: 0.5px;
}

.appointment-header {
  /* background: var(--primaryGredient) !important; */
  position: relative;  
}
.appointment-header > div{
    position: relative;
    z-index: 9;
}


.appointment-header::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(255,255,255,0.35);
  pointer-events: none;
  /* backdrop-filter: blur(2px); */
}
.appoitnment-action{
    background:var(--primaryColor)!important;
}
.card-popup{
    box-shadow: 1px 2px 5px -1px rgba(0,0,0,0.25) !important;
  --webkit-shadow: 1px 2px 5px -1px rgba(0,0,0,0.25) !important;
  min-height:400px;
}
.card-popup .userName{
    cursor: pointer;
    color:var(--primaryColor)!important
}
.colorReminder .colorReminder-item {
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 100px;
  width: 20px;
  height: 20px;
}
.colorReminder .colorMaterial{
    color:white;
    background:white;
    font-size:17px;
    box-shadow:inset 0px 0px 0px 1px transparent    
}
.colorReminder .colorMaterial.color-white{    
    color:var(--primaryColor)   

}
.colorReminder .colorReminder-item.reminder{
    background:var(--primaryColor);
    color:white;
}

.color-row {
  display: none;
  margin-top: 8px;
}
.color-row > div {
  gap: 0;
  padding: 0;
}
.color-box {  
  height: 26px;
  border-radius: 0;
  cursor: pointer;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}
/* .color-box.white{
    box-shadow:inset 0px 0px 0px 1px #000;
    --webkit-box-shadow:inset 0px 0px 0px 1px #000;
} */
.color-box.white span{
    color:var(--primaryColor)
}
.color-box .tick {
  display: none;
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  width: 100%;
  position: absolute;
}
.color-box.selected .tick {
  display: block;
}



.bookedServices table.services tr td{
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding:8px
}
.bookedServices table.services tr td:first-child{
    padding-left:0;
}
.bookedServices table.services tr td:nth-child(2){
    white-space: normal;
}

.bookedServices table.services tr td:nth-child(3){
    max-width:125px;
    text-align: right;
    padding-right:0
}

#tag-container{
    gap:4px;
}

.tags-dropdown .btn {
  padding: 2px 5px;
  font-size: 11px !important;
}

.tags-dropdown .tag-chip {      
      background: black;
        border: 1px solid #000;
        border-radius: 4px;
        padding: 1px 4px;
        margin: 0;
        font-size: 12px;
        color: white;
}
.tags-dropdown .tag-chip i {
      cursor: pointer;
      margin-left: 6px;
    }
.tags-dropdown .dropdown-menu {
      max-height: 280px;
      overflow-y: auto;
      width: 250px;
    }
.tags-dropdown .dropdown-item.disabled {
      opacity: 0.5;
      pointer-events: none;
}

/* Client Profile Edits */

.client-profile .popup-header{
    height:100%;
    max-height:122px
}

.popup-header .avatar {
  height: 122px;  
  width: 140px;
  
}
.popup-header .avatar img{
    height:100%;
    width: 100%;
    object-fit: cover;
  object-position: center center;
}
.popup-header .avatar img.position-relative {
  z-index: 9;
}
.client-profile .popup-body .card-header .teritary{
    width:2.5rem;
    height:2.5rem;
    border-radius:2px;
}

.teritary-area .btn.teritary{
    opacity: 0.35;
}
.teritary-area .btn.teritary:hover{
    opacity: 1;
}


.cp-tabs li.nav-item {
  flex: inherit;
  text-transform: uppercase;
}
.nav-tabs-custom.popup-sidebar-menu{
    background:#222;
    min-width:140px;
}
.nav-tabs-custom.popup-sidebar-menu li.nav-item{
    text-align: left;
}
.nav-tabs-custom.popup-sidebar-menu .nav-item .nav-link{
    padding:10px 15px;
    border-radius:0;
    margin:0;
    color:white;    
}
.nav-tabs-custom.popup-sidebar-menu .nav-item .nav-link:hover{
    background:#555;
    opacity: 0.7;
}
.nav-tabs-custom.popup-sidebar-menu .nav-item .nav-link::after{
    height:100%;
    width:2px;
    right:0;
    left:auto;
    background:var(--accentColor);
    top:0;
    display:none;
}
.nav-tabs-custom.popup-sidebar-menu .nav-item .nav-link.active{
    /* background:rgba(0,0,0,1); */
    background: var(--primaryGredient);
    color:var(--primaryColor);
}
.column-layout .column{
    flex:1 1 100%;
    padding:1.5rem
}
.client-profile .column.right-column{
    max-width:360px;    
}

/* ======= New Appointment ======= */

#new-service-row{
    display:none
}

#new-Appointment .modal-content{   
    max-height:70dvh;
    height:100%;
}
#new-Appointment .modal-dialog{
    max-width:550px;
    height:100%;
    display:flex;
    align-items:end;
    transition: max-width 400ms ease;
}

#new-Appointment.timeViews .modal-content{
    min-height:60dvh;
    max-height:80dvh; 
       
}
#new-Appointment.timeViews .modal-dialog{
    max-width:750px;
}
#new-Appointment.timeViews #appointment-area{
    display:none;
}

#new-Appointment.minimize .modal-dialog {
  transform: translateY(calc(100% - 50px))!important;
}
 #new-Appointment.fullScreen .modal-dialog{
    /* max-width:100%; */
}

#new-Appointment.minimize .modal-dialog .modal-content{
    max-height:100dvh
}
/* #new-Appointment.fullScreen .modal-content{
    min-height:auto;
    height:100dvh;
    max-height:none;
} */
/* #new-Appointment.fullScreen .modal-body{
    display:flex;
    width:100%;
} */
/*#new-Appointment.fullScreen .modal-body > div:first-child{
    max-width:500px;
    border-right:1px solid var(--border-color)!important;
}
#new-Appointment.fullScreen .modal-body > div{
    flex:1
}
#new-Appointment.fullScreen #services-container.card-body{
    flex:unset;
}
#new-Appointment.fullScreen .card{
    padding:0.9rem;
}
#new-Appointment.fullScreen .card > .card-header{
    background:transparent!important;
    border:none!important;
}
#new-Appointment.fullScreen .card > .card-header > *{
    font-size:16px!important;
}
 */

#timeView-area{
    display:none;
}
#new-Appointment.timeViews #timeView-area{
    display:flex;
    flex-direction: column;
}
#new-Appointment .timeView-area{
    opacity: 0;
    pointer-events: none;
    position: absolute;
}
#new-Appointment.timeViews .timeView-area{
    opacity: 1;
    pointer-events: inherit;
    position:static
}
#new-Appointment.timeViews .mini-window,
#new-Appointment.timeViews .full-window{
    opacity: 0;
    pointer-events: none;
    position: absolute;
}
#service_list .form-group .choices{
    margin-bottom:0;    
}

#serviceAddOn{
    position: relative;
    z-index: 1;
}
.BigWindo-selectedAddOnsWrap {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

#serviceAddOn .selectedService {
  margin-bottom: 4rem;
}

#serviceAddOn .selectedService .form-group.input-filled p{
    font-size:14px;
    padding:4px 0;
    margin:0;
}

.additionOptionsWrap .card {
  right: 0;
  z-index: 9999;
  box-shadow: 1px 2px 5px -1px rgba(0,0,0,0.25) !important;
  --webkit-shadow: 1px 2px 5px -1px rgba(0,0,0,0.25) !important;
  position: absolute;
  width:100%;
  max-width:350px;
  top:0;
  margin-bottom:0
}

 /* #serviceAddOn .selectedService
#serviceAddOn .selectedService:hover {
  z-index: 99999;
  position: relative;
}

#serviceAddOn .selectedService:hover .row:hover {
  position: relative;
  z-index: 99999;
} */


/* .full-window{    
    
}
.fullScreen .full-window{
    
}
.fullScreen #BothWindowWrap{
    
}
.full-window{
    display:none!important;
}
#BothWindowWrap{
    
} */



.full-window{    
    transform:scale(0);
    width:0!important;
    height:0!important;
    opacity: 0;
    transform-origin: right bottom;    
}
.fullScreen .full-window{
    transform:scale(1);
    width:100%!important;
    height:100%!important;
    opacity: 1;
}
#new-Appointment.fullScreen .full-window .modal-content{
    max-height:none
}
#BothWindowWrap{
    transform-origin: right bottom;
}
#new-Appointment.fullScreen .mini-window{
    transform: translate(100%, 100%) scale(0);
    opacity: 0;
    position:absolute;
    pointer-events: none;
}
#new-Appointment.fullScreen .modal-dialog {
  max-width: 100%;
}

#new-Appointment .modal-content{
    transition: max-height 400ms ease;
}

#new-Appointment.fullScreen .modal-content{
    max-height:100dvh;  
}


#BothWindowWrap{
    opacity:1;
    transform-origin: right bottom;
}

.full-window .column-layout {
  width: 100%;
}
.full-window .column-layout .left-column{

}
.full-window .column-layout .left-column {
  max-width: 30%;
  background: var(--bg-lighter);
  border-right: 1px solid var(--border-color);
}

.newAppointment .full-window .card-header{
    background:transparent
}

.newAppointment > div{
    -webkit-transition: all 0.4s ease-in-out!important;
    -moz-transition: all 0.4s ease-in-out!important;
    -ms-transition: all 0.4s ease-in-out!important;
    -o-transition: all 0.4s ease-in-out!important;
    transition: all 0.4s ease-in-out!important;
    /* transform-origin: right bottom!important; */
}



.finalPayment .selectedPlan .card{
    border-radius:1rem;
    overflow: hidden;
}
.daysRow {
  display: flex !important;
}

.daysRow .date-btn small {
  font-size: 9px;
}

.daysWrap .daysArrow {
  position: absolute;
  z-index: 9;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  padding: 0;
  font-size: 20px;
}
.daysWrap .daysArrow.next {
  right: 1.25rem;
}
.daysWrap .daysArrow.prev {
  left: 1.25rem;
}

.daysRow .date-btn {
  background: no-repeat;
  border: none;
  line-height: normal;
  font-size: 12px;
  flex: 1 1;  
  padding: 0.7rem 0.5rem;
  border-radius:0!important
}
.timeSlots{
    text-align: center;
}

.timeSlots .time-slot{
    padding:0.25rem;
    border-radius:5px;
    border:1px solid var(--border-color);
    color:var(--bs-secondary-color);
    background:var(--bg-lighter);
    font-size:12px;
    text-align: center;
    margin:0.5rem 0;  
    cursor:pointer  
}
.timeSlots .time-slot:first-child{
    margin-top:0;
}
.timeSlots .time-slot:last-child{
    margin-bottom:0;
}

.daysRow .date-btn.active,
.daysRow .date-btn:hover {
  background:var(--primaryColor);
  color:white;
  opacity: 1;
}
.price-adjust-popup {
    background: #fff;
}

.price-adjust-popup .input-group {
    border-color: #4f46e5; /* purple/blue underline */
}

.price-adjust-popup .price-input:focus {
    outline: none;
    box-shadow: none;
}
/*.newAppointment .selectedService{
    margin-bottom:0.3rem;
    background:var(--bg-body);

}*/

.newAppointment .service-row.service-stylist-row{
    position: relative;
    display: flex;
    width: 100%;
    gap: 25px;
    padding-right: 40px!important;           
}
.newAppointment .service-row{
}
.newAppointment .service-row.service-stylist-row .choices{
    margin-bottom:0;
}
.newAppointment .service-row.service-stylist-row > div{
    flex:1
}
.newAppointment .service-row.service-stylist-row .action-dropdown {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}

.newAppointment .card-header{
    position:sticky;
    top:0;
    z-index: 9;
    background:var(--border-color);
    border-radius:0;    
}

.select-stylists.dropdown-menu{
    padding:0!important;
    box-shadow: 1px 2px 5px -1px rgba(0,0,0,0.25);
    --webkit-box-shadow: 1px 2px 5px -1px rgba(0,0,0,0.25);
}
.select-stylists .card-header{
    padding:0;
}
.select-stylists .card-body{
    padding:0;
}
.select-stylists .nav-tabs-custom.card-header-tabs {
  border-bottom: none;
  margin: 0;
  background: var(--bg-lighter);
  border-radius: 10px;
}

.select-stylists .stylist-item{
    padding:0;
}

.select-stylists .stylist-item .stylist-Profile{
    display:flex;
    align-items: center;
    gap:10px;
}
.select-stylists .stylist-Profile .avatar{
    width:35px;
    height:35px;
}

.newAppointment .clientSelection .selected-client{
    opacity: 0.5;
}
.newAppointment .clientSelection .selected-client-active .selected-client{
    opacity: 1;
}

.newAppointment .clientSelection .icon{
    display:none;
    font-size:20px;
    margin-right:1rem;
    color:var(--accentColor);
}
.newAppointment .clientSelection .selected-client-active{
    display:flex;
    justify-content: space-between;
    align-items:center;
}
.newAppointment .clientSelection .selected-client-active .icon{
    display:block;
}

.newAppointment .client-detail .client-name{
    font-size:14px;
}
.newAppointment .client-detail .client-info{
    font-size:12px;
}





/* =========== Edit Appintment =========== */
.modal.editAppointment.zoom-full .modal-content{
    height:100%
}

.editAppointment .left-column{
    max-width:30%;
    background:var(--bg-lighter);
    border-right: 1px solid var(--border-color);
}

.edit-services .service-row{
    display:flex;
    position: relative;
    gap:1.5rem;
}
.edit-services .service-row > div {
  flex: 1;
}
.edit-services .service-row.service-stylist-row{
    padding-right:1.5rem;
}
.edit-services .service-row > div:nth-child(2) {
  max-width: 110px;
}
.edit-services .action-dropdown{
    position: absolute;
    right: 0;
    top:50%;
    transform:translateY(-50%);
    z-index: 9;
}

.dataService-cst.modal.fade.zoom .modal-content{
    max-width:550px;
}

/* ========== Manage -> Location ========== */
.column-left.manage-sidebar{
    max-width:250px;    
    height:100dvh;
    max-height:calc(100dvh - 108px);
    position: sticky;
    top:108px;
    /* box-shadow: rgba(116, 120, 141, 0.5) 0px 5px 20px -6px;
  --webkit-box-shadow: rgba(116,120,141,.5) 0 5px 20px -6px;   */
}

#location-manage .titleBar .dropdown button.btn-accent:active, #location-manage .titleBar .dropdown button.btn-accent.show {
  background-color: var(--primaryColor) !important;
}

.sidebar-nav.navbar-nav li.nav-item a{
    padding:0.4rem 0.6rem;    
    --bs-text-opacity: 1;
    color: rgba(0,0,0,0.5) !important;
    font-size:13px;
    border-left:3px solid transparent
}
.sidebar-nav.navbar-nav li.nav-item a:hover{
    background:rgba(0,0,0,0.05);
    color:var(--primaryColor)!important
}
.sidebar-nav.navbar-nav li.nav-item.active a{
    /* background:rgba(255,255,255,0.6); */
    background:linear-gradient(270.79deg, #CACACA 1.66%, #CBCBCB 11.82%, #F9EFE4 95.43%);
    color:var(--primaryColor)!important;
    border-color: var(--primaryColor);
}

.location-features .timeReason-list {
  padding: 0;
}
.location-features .timeReason-list li.reson-item {
  display: flex;  
  align-items: center;
  padding: 10px 12px;
  line-height: normal;    
  border: 1px solid var(--border-color);
  position: relative;
  border-radius: 0.2rem;
  margin-bottom: 5px;
  font-size: 13px;
  justify-content: space-between;
}
.location-features .timeReason-list li.reson-item .default-text{
    font-size:11px;
    opacity: 0.6;
}
.location-features .timeReason-list li.reson-item .dropdown {
  position: absolute;
  right: 3px;
  top: 6px;
  z-index: 9;
}
.location-features .timeReason-list li.reson-item .dropdown button{
    color:var(--bs-secondary-rgb);
}
.location-features .timeReason-list li.reson-item.add-newReason {
  flex: stretch;
  display: block;  
  padding: 0;
}
.location-features .timeReason-list li.reson-item.add-newReason a {
  padding: 10px 12px;
  display: block;
  text-align: center;
  background: var(--bg-lighter);
  color: rgba(var(--bs-secondary-rgb));  
  border-radius: 0.2rem;
}

/* ========== Manage -> Staff ========== */
.color-options {
    display: flex;
    gap: 3px;
    align-items: center;
}

.color-radio {
    position: relative;
}

.color-radio input[type="radio"] {
    display: none!important; /* hide default radio */
    height:auto!important
}

.color-radio label {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    border: 2px solid transparent;
    transition: 0.2s;
    margin-bottom: 0;
}

/* When selected, show a border */
.color-radio input[type="radio"]:checked + label {
    border: 3px solid #000; /* black border */
    box-shadow: 0 0 0 2px #fff inset; /* inner ring for contrast */
}

.table.table-spacing > thead > tr > th,
.table.table-spacing > tbody > tr > th,
.table.table-spacing > tbody > tr > td {
  padding: .7rem .7rem;
}
.table.table-spacing > tbody > tr > td,
.table.table-spacing > thead > tr > th{
    line-height:1.5rem;
}


.table.staff-services > tbody > tr > td{
    font-size:13px;
}


/* ======== Clients Page ======== */
.clientsTabs li.nav-item{
    margin-right:10px;
}
.clientsTabs li.nav-item a.nav-link{
    font-size:14px;
    padding:17px 10px;
}

/* ========= Choose Business ======== */
.businessChoose .form-group{

}
.businessChoose .form-check-input {
  position: absolute;
  width: 64px;
  height: 64px;
  border-radius: 5px;
  margin: 0;
  opacity: 0;
  left: 50%;
  transform: translateX(-50%);
}


.businessChoose .svg-inline rect{
    fill:transparent!important
}
.businessChoose .form-check-input:checked ~ label .svg-inline rect{
    fill:var(--primaryColor)!important;
}
.businessChoose .form-check-input:checked ~ label .svg-inline path{
    fill:white!important;
}



.stylist-dropdown .dropdown-menu > .dropdown-item{
    padding:0;
}

.stylist-dropdown .tab-content{
    max-height:150px;
    overflow:auto;
}


.stylist-dropdown .dropdown-menu{    
    border:none;
    --webkit-box-shadow: 1px 2px 5px -1px rgba(0,0,0,0.25);
    box-shadow: 1px 2px 5px -1px rgba(0,0,0,0.25);
    overflow: hidden;
    width:100%;
    min-width:250px;
}

.stylist-dropdown .stylist-toggle{
    text-align: left;
    padding-left:0;
    padding-right:0;
    border-bottom:1px solid var(--border-color)!important;
    border-radius:0;
    display:flex;
    gap:10px;
    align-items: center;
    padding-top:0;
    padding-bottom:0;
    min-height: 38px;
}
.stylist-dropdown .stylist-toggle 
.stylist-dropdown .dropdown-menu{
    border:none;
    border-radius:3px!important;
    background:var(--bg-lighter);
    overflow: hidden;
}

.stylist-dropdown .stylist-list{
    padding:10px 0;
}
.stylist-dropdown .stylist-list .stylist-item{
    display:flex;
    padding:10px 15px;     
    gap:5px 10px;
}
.stylist-dropdown .stylist-list .stylist-item:hover{
    background:var(--bg-lighter);
}
.stylist-dropdown .stylist-list .stylist-item.disabled{
    background:var(--bg-lighter);
    pointer-events: inherit;
    opacity: 1;    
}
.stylist-dropdown .stylist-info{
    display:flex;
    align-items: center;
}
.stylist-dropdown .stylist-list .stylist-item{
    cursor:pointer;
}
.stylist-dropdown .stylist-list .stylist-item .stylist-avatar{
    width:30px;
    height:30px;
}
.stylist-dropdown .stylist-info .stylist-name{
    font-size:13px;
    margin-bottom:0;
}
.stylist-dropdown .stylist-info .stylist-name small{
    font-size:11px;
    display:block;
    color:rgba(var(--bs-secondary-rgb));
    opacity: 0.6;
    font-weight:bold;
}
.stylist-dropdown .dropdown-menu .nav-tabs-custom {
    padding:0;       
    background:var(--bg-lighter); 
}
.stylist-dropdown .dropdown-item .nav-tabs-custom li.nav-item a.nav-link{
    padding:10px 15px;
    font-weight:normal;
    font-size:12px;
}
.stylist-dropdown .stylist-avatar{
    position: relative;
    width:25px;
    height:25px;
    border-radius:100px;
    background:var(--accentTextColor);
}
.stylist-dropdown .stylist-avatar img{
    position: relative;
    z-index: 9;
}
.stylist-dropdown .stylist-avatar .sNameLetter{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.stylist-dropdown .info small{
    font-size:11px;
    color:rgba(var(--bs-secondary-rgb));
    opacity:0.8;
}

/* ========= Client New Sale ========= */
.client-newSale > .modal-dialog {
  min-width: 780px;
}
.checkout-order-details{
    max-width:280px;
    border-right:1px solid var(--border-color);
    overflow: auto;
    height: 700px;
    max-height:100%;
}
.prebookDetails.accordion .accordion-item{
    border-radius:0;
    border:none;
}
.prebookDetails.accordion .accordion-item:not(:last-child){
    border-bottom:1px solid var(--border-color);
}
.prebookDetails.accordion .accordion-item .accordion-button{
    border-radius: 0;
    padding:0.8rem 1rem;
    border: none;
    display: block;
    font-size: 15px;
    position: relative;
}
.prebookDetails.accordion .accordion-item .accordion-button .mdi{
    position: absolute;
    right:1rem;
    top:50%;
    transform:translateY(-50%);
    font-size:20px;
}
.prebookDetails.accordion .accordion-item .accordion-button:hover,
.accordion-button:not(.collapsed){
    background:var(--border-color);
}
.prebookDetails.accordion .accordion-item .accordion-button.collapsed .mdi::before{
    content:"\f0140";
}

.prebookDetails.accordion .accordion-collapse{
    padding:0.8rem 1rem;
}
.prebookDetails.accordion .accordion-collapse .upcoming-item{
    display:flex;    
    gap:5px;
    margin-bottom:15px;
}
.prebookDetails.accordion .accordion-collapse .upcoming-item .mdi{
    font-size:14px;
    line-height:1;
}

.checkout-right-column .card-header{
    background:var(--border-color);
}

.gratuity .gratuity-row{
    gap:20px;
}
.gratuity .gratuity-row > div{
    flex:1
}
.gratuity .gratuity-row .form-group{
    display:flex;
    gap:20px;
}
.gratuity .gratuity-row .form-group .form-control {
  border: 0;
  border-radius: 0;
  border-color: var(--border-color) !important;
}
.gratuity .gratuity-row .form-group button.btn {
  padding: 0;
}
.gratuity .gratuity-row .input-group-text{
    border-radius:0;
    border:none;
    border-bottom:1px solid var(--border-color);
    font-size: 20px;
    padding-top: 0;
    padding-bottom: 0;
}

/* ============= Services ============ */
.table-services.table .cst-form-check{
 gap:1.6rem
}
.category-popup.modal.fade.zoom .modal-content{
    max-width:550px;
}

.service-customize.modal.fade.zoom .modal-content{
    max-width:650px;
}

.table.service-detail tr.not-available td:first-child{
    opacity: 1;
}
.table.service-detail thead tr th,
.table.service-detail tbody tr td,
.table.service-detail tbody tr th{
  line-height: 4rem;
  color:var(--bs-secondary-color);
  vertical-align: middle;
}
.table.service-detail tr.stylist-row{
    background:#f3f4f5
}
.table.service-detail tr.location-row{
    background:#f0f0f0
}
.table.service-detail td.stylist-name{
    text-indent: 20px;
}

.addService table.table-services thead tr th,
.addService table.table-services tbody tr td{
    padding:1.5rem
}

/* ========= Manage > Security ========= */
.add-IPaddress .modal-content{
    width:450px;
    max-width:100%;
}

/* ========= Resources ========= */
.color-picker-unique {
      display: flex;
      flex-wrap: wrap;
      gap: 8px!important;
      margin: 0;
    }

    .color-picker-unique .cp-color-box {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      cursor: pointer;
      position: relative;
      border: 2px solid transparent;
      transition: transform 0.2s ease;
    }

    .color-picker-unique .cp-color-box:hover {
      transform: scale(1.1);
    }

    .color-picker-unique .cp-tick {
      display: none;
      position: absolute;
      color: #fff;
      font-size: 18px;
      font-weight: bold;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      pointer-events: none;
    }

    .color-picker-unique .cp-color-box.white .cp-tick {
      color: #000;
    }

    .color-picker-unique .cp-color-box.cp-selected {
      border-color: #fff;
      box-shadow: 0 0 0 2px #000;
    }

    .color-picker-unique .cp-color-box.cp-selected .cp-tick {
      display: block;
    }

    /* ======== Customer Ratings ======== */
    
    .reviewFilter .modal-content,
    .reviewSetting .modal-content,
    .reviewExport .modal-content{
        width:450px;
        max-width:100%;
    }
    .reviewReply .modal-content{
        width:550px;
        max-width:100%;
    }

    /* ======= Products Management ======== */    
    .proSearchBox .proSearch-box .form-control{
        background:var(--border-color);
    }
    .proSearchBox button{
        position: relative;
        z-index: 999;
    }
    .proSearchBox button:active{
        background:transparent!important
    }

     .proFilter.active .proFilterOption{
        opacity: 0;
        position: relative;
        z-index: -1;
        pointer-events: none;
     }
    .proFilter .proSearch-box{
        width:100%;
        opacity: 0;
        display:block;
        right:0;
        z-index: 9;
        pointer-events: none;
        height:100%;
        position: absolute;       
    }
    .proFilter.active .proSearch-box{
        opacity:1;
        pointer-events: inherit;
    }
    /* .productEdit .modal-dialog,
    .proCustomize .modal-dialog{

    } */

    .add-newProduct{
        
    }

    .productEdit .flex-column[data-show-field-on-check="true"] .hiddenField{
        display:none;
    }
    .productEdit .flex-column[data-show-field-on-check="true"].showField .hiddenField{
        display:block;
    }

    /* ============ Setting > Suppliers =========== */
    .supplier-popup .modal-dialog{
        width:380px;
        max-width:100%
    }

     /* ============ Setting > Staff Roles =========== */
    .new-staffRoles .modal-dialog .modal-content{
        width:480px!important;
        max-width:100%
    }

    /* ========== Payment Failed ========== */
    .payment-status-header .mdi{
       font-size:80px;
       line-height:normal; 
    }