/*@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap);body[data-layout-mode=dark]{background-color:#292731!important;color:#93929b}body[data-layout-mode=dark] .h1,body[data-layout-mode=dark] .h2,body[data-layout-mode=dark] .h3,body[data-layout-mode=dark] .h4,body[data-layout-mode=dark] .h5,body[data-layout-mode=dark] .h6,body[data-layout-mode=dark] h1,body[data-layout-mode=dark] h2,body[data-layout-mode=dark] h3,body[data-layout-mode=dark] h4,body[data-layout-mode=dark] h5,body[data-layout-mode=dark] h6{color:#eeeff1}.ishorizontal-topbar,.isvertical-topbar{position:fixed;top:0;right:0;left:260px;z-index:1005;background-color:#fff;-webkit-box-shadow:0 2px 3px #eae7f3;box-shadow:0 2px 3px #eae7f3;-webkit-transition:all .2s;transition:all .2s}@media (max-width:991.98px){.ishorizontal-topbar,.isvertical-topbar{background-color:#fff}}.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 calc(24px / 2) 0 0}.navbar-header .dropdown .header-item.show{color:#5052ba}.navbar-header .navbar-brand-box{display:none}body:not([data-sidebar-size=sm]) .navbar-header .vertical-menu-btn{display:none}body:not([data-sidebar-size=sm]) .app-search{margin-left:10px}.navbar-brand-box{padding:0 1.5rem;width:calc(260px - 2px);position:fixed;z-index:1;background-color:#fff;-webkit-transition:all .2s;transition:all .2s}.logo{line-height:70px}.logo .logo-sm{display:none}.logo-dark{display:block}.logo-light{display:none}.app-search{padding:calc(26px / 2) 0}.app-search .form-control{border:1px solid #eff0f2;height:44px;padding-left:40px;padding-right:20px;background-color:#fff;-webkit-box-shadow:0 0 6px #eae7f3;box-shadow:0 0 6px #eae7f3;border-radius:.6rem;width:320px}.app-search span{position:absolute;z-index:10;line-height:40px;left:13px;top:50%;font-size:16px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#7d8287}.megamenu-list li{position:relative;padding:5px 0}.megamenu-list li a{color:#545965}@media (max-width:991.98px){.navbar-brand-box{width:auto}.ishorizontal-topbar,.isvertical-topbar{left:0}.ishorizontal-topbar .navbar-header .navbar-brand-box,.isvertical-topbar .navbar-header .navbar-brand-box{display:inline-block;position:relative}.ishorizontal-topbar .navbar-header .vertical-menu-btn,.isvertical-topbar .navbar-header .vertical-menu-btn{display:inline-block!important}.logo span.logo-lg{display:none}.logo span.logo-sm{display:inline-block}[data-layout-mode=dark] .ishorizontal-topbar .navbar-header .navbar-brand-box,[data-layout-mode=dark] .isvertical-topbar .navbar-header .navbar-brand-box{background-color:#292731}}.page-content{padding:calc(70px + 24px) calc(24px / 2) 60px calc(24px / 2)}.header-item{height:70px;-webkit-box-shadow:none!important;box-shadow:none!important;fill:#555b6d;border:0;border-radius:0}.header-item:hover{fill:#555b6d}.header-profile-user{height:42px;width:42px;border:1px solid #e9ebed;padding:3px}.user .user-item-desc{line-height:1.2}.user .user-name{font-size:14.4px;font-weight:600;display:block;color:#545965}.user .user-sub-title{color:#80838b;font-size:11px;font-weight:600}.noti-icon{position:relative}.noti-icon i{font-size:24px;color:#555b6d}.noti-icon .noti-dot{position:absolute;top:20px;right:10px;height:14px;width:14px;color:#fff;line-height:14px;font-weight:500;font-size:10px}.noti-icon .badge{position:absolute;top:12px;right:6px;border:2px solid #f6f5fa}.notification-item .d-flex{padding:1rem;border-bottom:1px solid #eff0f2}.notification-item .d-flex:hover{background-color:#fbfafd}.dropdown-icon-item{display:block;border-radius:3px;line-height:34px;text-align:center;padding:15px 0 9px;display:block;border:1px solid transparent;color:#80838b}.dropdown-icon-item img{height:24px}.dropdown-icon-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-icon-item:hover{border-color:#f6f5fa}.fullscreen-enable [data-toggle=fullscreen] .uil-minus-path::before{content:'\eb8d'}body[data-topbar=dark] .ishorizontal-topbar,body[data-topbar=dark] .isvertical-topbar{background-color:#292731}body[data-topbar=dark] .navbar-header .dropdown.show .header-item{background-color:rgba(255,255,255,.05)}body[data-topbar=dark] .header-item{color:#c0c5cb}body[data-topbar=dark] .header-item i{color:#c0c5cb}body[data-topbar=dark] .header-item:hover{color:#c0c5cb}body[data-topbar=dark] .header-profile-user{border-color:rgba(255,255,255,.25)}body[data-topbar=dark] .user-name{color:#c0c5cb}body[data-topbar=dark] .user-sub-title{color:rgba(255,255,255,.5)}body[data-topbar=dark] .noti-icon i{color:#c0c5cb}body[data-topbar=dark] .app-search .form-control{background-color:#292731;color:#fff;border:1px solid #32303c;-webkit-box-shadow:0 2px 3px #1f1e26;box-shadow:0 2px 3px #1f1e26}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)}body[data-topbar=dark] .page-content{padding:calc(70px + 24px) calc(24px / 2) 60px calc(24px / 2)}@media (max-width:991.98px){body[data-topbar=dark] .ishorizontal-topbar .navbar-header .navbar-brand-box,body[data-topbar=dark] .isvertical-topbar .navbar-header .navbar-brand-box{background-color:#292731}body[data-topbar=dark] .ishorizontal-topbar .navbar-header .navbar-brand-box .logo-dark,body[data-topbar=dark] .isvertical-topbar .navbar-header .navbar-brand-box .logo-dark{display:none}body[data-topbar=dark] .ishorizontal-topbar .navbar-header .navbar-brand-box .logo-light,body[data-topbar=dark] .isvertical-topbar .navbar-header .navbar-brand-box .logo-light{display:block}body[data-topbar=dark] .logo span.logo-lg{display:none}body[data-topbar=dark] .logo span.logo-sm{display:inline-block}}body[data-sidebar=dark] .navbar-brand-box{background:#292731}body[data-sidebar=dark] .navbar-brand-box .logo-dark{display:none}body[data-sidebar=dark] .navbar-brand-box .logo-light{display:block}@media (max-width:600px){.navbar-header .dropdown{position:static}.navbar-header .dropdown .dropdown-menu{left:10px!important;right:10px!important;-webkit-transform:translate3d(0,70px,0)!important;transform:translate3d(0,70px,0)!important}}@media (max-width:380px){.navbar-brand-box{display:none}}@media (max-width:374.99px){.navbar-brand-box{padding:0 1rem}.language-switch{display:none!important}}body[data-layout-mode=dark] .ishorizontal-topbar,body[data-layout-mode=dark] .isvertical-topbar{background-color:#1d1c23}body[data-layout-mode=dark] .header-item{fill:#c0c5cb}body[data-layout-mode=dark] .header-item i{color:#c0c5cb}body[data-layout-mode=dark] .header-item:hover{fill:#c0c5cb}body[data-layout-mode=dark] .dropdown-icon-item{color:#d8dbdd}body[data-layout-mode=dark] .dropdown-icon-item:hover{border-color:#32303c}body[data-layout-mode=dark] .notification-item .d-flex{border-color:#373542}body[data-layout-mode=dark] .notification-item .d-flex:hover{background-color:#373542}body[data-layout-mode=dark][data-topbar=light] .page-content{padding:calc(70px + 24px) calc(24px / 2) 60px calc(24px / 2)}body[data-layout-mode=dark][data-topbar=light] .ishorizontal-topbar,body[data-layout-mode=dark][data-topbar=light] .isvertical-topbar{background-color:#fff!important}body[data-layout-mode=dark][data-topbar=light] .app-search{padding:calc(26px / 2) 0}body[data-layout-mode=dark][data-topbar=light] .app-search .form-control{border:2px solid #eff0f2;background-color:#fff}body[data-layout-mode=dark][data-topbar=light] .app-search span{color:#7d8287}body[data-layout-mode=dark][data-topbar=light] .noti-icon i{color:#555b6d}body[data-layout-mode=dark][data-topbar=light] .noti-icon .noti-dot{color:#fff;-webkit-box-shadow:0 0 0 3px #fff!important;box-shadow:0 0 0 3px #fff!important}body[data-layout-mode=dark][data-topbar=light] .noti-icon .badge{border:2px solid #f6f5fa}body[data-layout-mode=dark][data-topbar=light] .header-item{fill:#555b6d}body[data-layout-mode=dark][data-topbar=light] .header-item span{color:#555b6d}body[data-topbar=hidden] .isvertical-topbar{display:none!important}body[data-topbar=hidden] .page-content{-webkit-transition:all .3s;transition:all .3s;padding:24px calc(24px / 2) 60px calc(24px / 2)}.page-title-box{padding:0 .75rem;margin-left:12px}.page-title-box .breadcrumb{background-color:transparent;padding:0}.page-title-box h4{font-size:20px!important}@media (max-width:575.98px){.page-title-box .page-title-right{display:none}}.page-title{font-size:20px;margin:0}body[data-topbar=dark] .breadcrumb-item.active{color:#93929b}body[data-topbar=dark] .page-title{color:#eeeff1}body[data-layout-mode=dark] .page-title{color:#eeeff1}body[data-layout-mode=dark][data-topbar=light] .noti-icon .noti-dot{-webkit-box-shadow:0 0 0 3px #fff;box-shadow:0 0 0 3px #fff}body[data-layout-mode=dark][data-topbar=light] .page-title{color:#555b6d}.footer{bottom:0;padding:20px calc(24px / 2);position:absolute;right:0;color:#74788d;left:260px;height:60px;background-color:#fff;border-top:1px solid #eff0f2;-webkit-box-shadow:0 0 6px #eae7f3;box-shadow:0 0 6px #eae7f3}.footer .container-fluid{width:98%}@media (max-width:992px){.footer{left:0}}body[data-sidebar-size=sm] .footer{left:70px}body[data-layout=horizontal] .footer{left:0!important}body[data-layout-mode=dark] .footer{background-color:#292731;-webkit-box-shadow:0 0 4px rgba(238,239,241,.12);box-shadow:0 0 4px rgba(238,239,241,.12);color:#93929b;border-color:#33303c}.right-bar{background-color:#fff;-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:280px;z-index:9999;float:right!important;right:-290px;top:0;bottom:0}.right-bar .right-bar-toggle-close{background-color:#2a2738;height:24px;width:24px;line-height:24px;color:#f6f5fa;text-align:center;border-radius:50%}.right-bar .right-bar-toggle-close:hover{background-color:#302d41}.rightbar-overlay{background-color:rgba(26,24,35,.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:575.98px){.right-bar{overflow:auto}.right-bar .slimscroll-menu{height:auto!important}}body[data-layout-mode=dark] .right-bar{background-color:#292731}.metismenu{margin:0}.metismenu li{display:block;width:100%}.metismenu .disabled a{-webkit-filter:grayscale(80%);filter:grayscale(80%);opacity:.8;cursor:not-allowed}.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:260px;z-index:1005;background:#fff;bottom:0;margin-top:0;position:fixed;-webkit-box-shadow:0 -2px 5px rgba(52,58,64,.06);box-shadow:0 -2px 5px rgba(52,58,64,.06);top:0;-webkit-transition:all .2s;transition:all .2s}.vertical-menu .vertical-menu-btn{position:absolute;right:0;top:0;z-index:2}.main-content{margin-left:260px}.main-content .content{padding:0 15px 10px 15px;margin-top:70px}.sidebar-menu-scroll{height:calc(100% - calc(70px + 26px));margin-top:70px}#sidebar-menu{padding:0 0 30px 0}#sidebar-menu .has-arrow:after{content:"\F0142";font-family:'Material Design Icons';display:block;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;font-size:1.1rem;position:absolute;right:18px;top:11px}#sidebar-menu .has-arrow+ul .has-arrow:after{right:18px;top:10px}#sidebar-menu .metismenu .menu-title::after{display:none}#sidebar-menu .metismenu .menu-item{margin-left:12px}#sidebar-menu ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;padding:.6rem 1rem;color:#645e7a;position:relative;font-weight:500;-webkit-transition:all .4s;transition:all .4s;font-size:16px;font-family:'Poppins', sans-serif;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#sidebar-menu ul li a .nav-icon{width:17px;height:17px;display:inline-block;min-width:1.5rem;vertical-align:middle;color:#645e7a;-webkit-transition:all .3s;transition:all .3s;top:0;font-size:1.3rem;line-height:1.40625rem}#sidebar-menu ul li a:hover{color:#383c40}#sidebar-menu ul li a:hover .nav-icon{color:#383c40}#sidebar-menu ul li .badge{margin-left:auto}#sidebar-menu ul li ul.sub-menu{position:relative}#sidebar-menu ul li ul.sub-menu li a{padding:.5rem 1.5rem .5rem 1.25rem;font-size:15px}#sidebar-menu ul li ul.sub-menu li a:hover{color:#383c40}#sidebar-menu ul li ul.sub-menu li a:hover:before{border-color:transparent transparent #5052ba transparent}#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 2.7rem}#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a:before{left:25px;top:8px}#sidebar-menu ul li.mm-active{color:#5052ba}#sidebar-menu ul li.mm-active>a{color:#5052ba}#sidebar-menu ul li.mm-active>a .nav-icon{color:#5052ba!important}#sidebar-menu ul li.mm-active .mm-show .mm-active>a{color:#5052ba!important;background:0 0}#sidebar-menu ul li.mm-active .mm-show .mm-active>a:before{border-color:transparent transparent #5052ba transparent}.menu-title{padding:12px 25px!important;letter-spacing:.08em;pointer-events:none;cursor:default;font-size:10px;text-transform:uppercase;color:#645e7a;font-weight:600;opacity:.6}@media (max-width:991.98px){.vertical-menu{display:none;top:70px}.vertical-menu .sidebar-menu-scroll{height:100%;margin-top:0}.vertical-menu .navbar-brand-box,.vertical-menu .vertical-menu-btn{display:none}.main-content{margin-left:0!important}body.sidebar-enable .vertical-menu{display:block}}@media (min-width:769px){body[data-sidebar-size=sm]{min-height:1200px}}body[data-sidebar-size=sm] .main-content{margin-left:70px}body[data-sidebar-size=sm] .navbar-brand-box{width:70px!important;text-align:center}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] #page-topbar{left:70px}@media (max-width:991.98px){body[data-sidebar-size=sm] #page-topbar{left:0}}body[data-sidebar-size=sm] .vertical-menu{position:absolute;width:70px!important;z-index:1005}body[data-sidebar-size=sm] .vertical-menu::before{position:fixed;left:70px;top:0}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,body[data-sidebar-size=sm] .vertical-menu .vertical-menu-btn{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{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 23px;-webkit-transition:none;transition:none;display:block}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:#383c40}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>a i{font-size:1.3rem;text-align:center;min-width:50px;padding-bottom:0;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>a .nav-icon{top:-2px;width:20px;height:20px}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a{position:relative;width:calc(190px + 70px);color:#5052ba;background-color:#f3f5f9;-webkit-transition:none;transition:none;-webkit-box-shadow:inset 0 3px 10px 0 rgba(154,161,171,.1);box-shadow:inset 0 3px 10px 0 rgba(154,161,171,.1)}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a .nav-icon{color:#5052ba}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:3px 5px 10px 0 rgba(54,61,71,.1);box-shadow:3px 5px 10px 0 rgba(54,61,71,.1);border:1px solid #eff0f2}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>ul ul{-webkit-box-shadow:3px 5px 10px 0 rgba(54,61,71,.1);box-shadow:3px 5px 10px 0 rgba(54,61,71,.1);border:1px solid #eff0f2}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:180px;z-index:6;color:#645e7a}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>ul a:hover{color:#383c40}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul ul{padding:5px 0;z-index:9999;display:none;background-color:#fff}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul ul li:hover>ul{display:block;left:180px;height:auto!important;margin-top:-36px;position:absolute;width:180px}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:#fbfafd}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu:before{display:none}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li a:before{display:none}body[data-sidebar-size=sm] .vertical-menu .sidebar-footer{display:none}body[data-sidebar-size=sm] .help-box{display:none}.main-content{min-height:100vh;background-color:#f6f5fa}body[data-layout-mode=dark] #page-topbar{background-color:#292731;-webkit-box-shadow:none;box-shadow:none}body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li a{color:#afacbb}body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li a .nav-icon{color:#afacbb}body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li a:hover{color:#eeeff1}body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li a:hover .nav-icon{color:#eeeff1}body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu:before{background:#505356}body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a{color:#afacbb}body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:before{border-color:transparent transparent #505356 transparent}body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover{color:#eeeff1}body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover:before{border-color:transparent transparent #eeeff1 transparent}body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active{color:#eeeff1!important}body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active>a{color:#eeeff1!important}body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active>a::before{background-color:#eeeff1}body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active>a .nav-icon{color:#eeeff1!important}body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active .mm-show .mm-active>a{color:#eeeff1!important;background:0 0}body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active .mm-show .mm-active>a:before{border-color:transparent transparent #eeeff1 transparent}body[data-layout-mode=dark][data-sidebar=dark] .sidebar-footer{color:#afacbb}body[data-layout-mode=dark][data-sidebar=dark] .sidebar-footer .main-title{color:rgba(255,255,255,.6)}body[data-layout-mode=dark][data-sidebar=dark][data-sidebar-size=md][data-sidebar=dark] #sidebar-menu ul li.menu-title{background-color:#373542}body[data-layout-mode=dark][data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a{background:#302e3a;color:#eeeff1}body[data-layout-mode=dark][data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a .nav-icon{color:#eeeff1}body[data-layout-mode=dark][data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>ul a{color:#afacbb}body[data-layout-mode=dark][data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>ul a:hover{color:#eeeff1}body[data-layout-mode=dark][data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul ul{background-color:#292731;border-color:#33303c}body[data-layout-mode=dark][data-sidebar=dark] .menu-title{color:#afacbb}body[data-layout-mode=dark] .main-content{background-color:#1d1c23}body[data-sidebar=dark] .vertical-menu{background:#292731;border-color:#292731}body[data-sidebar=dark] .vertical-menu .vertical-menu-btn{color:#c0c5cb;color:#c0c5cb}body[data-sidebar=dark] .vertical-menu::before{background-color:#292731}body[data-sidebar=dark] #sidebar-menu ul li a{color:#afacbb}body[data-sidebar=dark] #sidebar-menu ul li a .nav-icon{color:#afacbb}body[data-sidebar=dark] #sidebar-menu ul li a:hover{color:#fff}body[data-sidebar=dark] #sidebar-menu ul li a:hover .nav-icon{color:#fff}body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu:before{background:#505356}body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a{color:#afacbb;background-color:transparent}body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:before{border-color:transparent transparent #505356 transparent}body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover{color:#eeeff1}body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover:before{border-color:transparent transparent #eeeff1 transparent}body[data-sidebar=dark] #sidebar-menu ul li.mm-active{color:#fff!important}body[data-sidebar=dark] #sidebar-menu ul li.mm-active>a{color:#fff!important}body[data-sidebar=dark] #sidebar-menu ul li.mm-active>a::before{background-color:#fff}body[data-sidebar=dark] #sidebar-menu ul li.mm-active>a .nav-icon{color:#fff!important}body[data-sidebar=dark] #sidebar-menu ul li.mm-active .mm-show .mm-active>a{color:#fff!important}body[data-sidebar=dark] #sidebar-menu ul li.mm-active .mm-show .mm-active>a:before{border-color:transparent transparent #eeeff1 transparent;background-color:transparent!important}body[data-sidebar=dark] .sidebar-footer{color:#afacbb}body[data-sidebar=dark] .sidebar-footer .main-title{color:rgba(255,255,255,.6)}body[data-sidebar=dark][data-sidebar-size=sm]{min-height:1570px}body[data-sidebar=dark][data-sidebar-size=sm] .main-content{min-height:1570px}body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a{background:#302e3a;color:#fff}body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a .nav-icon{color:#fff}body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>ul a{color:#afacbb}body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>ul a:hover{color:#fff}body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul ul{background-color:#292731;border-color:#33303c!important}body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu .sidebar-footer{display:none}body[data-sidebar=dark] .menu-title{color:#afacbb}body[data-layout-mode=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a{background:#302e3a}body[data-layout-mode=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul ul{background-color:#302e3a}body[data-layout-mode=dark] .navbar-brand-box{background:#292731}body[data-layout-mode=dark] .vertical-menu{background:#292731;border-color:#33303c}body[data-layout-mode=dark] .vertical-menu::before{background-color:#292731}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{display:none!important}body[data-sidebar-size=md] .vertical-menu .vertical-menu-btn{display:none}body[data-sidebar-size=md] .main-content{margin-left:160px}body[data-sidebar-size=md] #page-topbar,body[data-sidebar-size=md] .footer{left:160px}@media (max-width:991.98px){body[data-sidebar-size=md] #page-topbar,body[data-sidebar-size=md] .footer{left:0}}body[data-sidebar-size=md] #sidebar-menu ul li.menu-title{background-color:#fafafa}body[data-sidebar-size=md] #sidebar-menu ul li .menu-item{margin-left:0}body[data-sidebar-size=md] #sidebar-menu ul li a{padding:.75rem 1.1rem;display:block;margin:0 10px}body[data-sidebar-size=md] #sidebar-menu ul li a .nav-icon{width:20px;height:20px;display:block;margin:0 auto;padding-bottom:.2em;top:-2px}body[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu{padding:0}body[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu:before{display:none}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 a:before{display:none}body[data-sidebar-size=md] .help-box{display:none}body[data-sidebar-size=md][data-sidebar=dark] #sidebar-menu ul li.menu-title{background-color:#373542}body[data-sidebar-size=md]:not(.vertical-collpsed) .navbar-header .vertical-menu-btn{display:block}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 .nav-icon{display:inline-block}body[data-sidebar-size=md][data-sidebar-size=sm] #page-topbar,body[data-sidebar-size=md][data-sidebar-size=sm] .footer{left:70px}body[data-sidebar=light] .vertical-menu{background:#fff;border-right:1px solid #eff0f2}body[data-sidebar=light] .navbar-brand-box{background-color:#fff}body[data-sidebar=light] .logo{line-height:70px}body[data-sidebar=light] .logo .logo-sm{display:none}body[data-sidebar=light] .logo-dark{display:block}body[data-sidebar=light] .logo-light{display:none}body[data-sidebar=light] .logo-txt{color:#1a1823!important}body[data-sidebar=light][data-sidebar-size=sm] .logo span.logo-lg{display:none}body[data-sidebar=light][data-sidebar-size=sm] .logo span.logo-sm{display:block}body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>a:active,body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>a:focus,body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>a:hover{color:#383c40}body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a{color:#5052ba;background-color:#f3f5f9}body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a .nav-icon{color:#5052ba}body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>ul a{color:#645e7a}body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>ul a:hover{color:#383c40}body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul ul{background-color:#fff}body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul ul li.active a{color:#fbfafd}body[data-sidebar=light] .help-box{background-color:#f6f5fa}body[data-sidebar=brand] .vertical-menu{background-color:#5052ba;border-color:#5052ba}body[data-sidebar=brand] .vertical-menu .vertical-menu-btn{color:rgba(255,255,255,.8)}body[data-sidebar=brand][data-sidebar-size=md] #sidebar-menu ul li.menu-title{background-color:rgba(255,255,255,.1)}body[data-sidebar=brand] .navbar-brand-box{background-color:#5052ba}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] #sidebar-menu ul li.menu-title{color:rgba(255,255,255,.7)}body[data-sidebar=brand] #sidebar-menu ul li a{color:rgba(255,255,255,.7)}body[data-sidebar=brand] #sidebar-menu ul li a .nav-icon{color:rgba(255,255,255,.7)}body[data-sidebar=brand] #sidebar-menu ul li a:hover{color:#fff}body[data-sidebar=brand] #sidebar-menu ul li a:hover .nav-icon{color:#fff}body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu:before{background:rgba(255,255,255,.6)}body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a{color:rgba(255,255,255,.6)}body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:before{border-color:transparent transparent rgba(255,255,255,.6) transparent}body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:hover{color:#eeeff1}body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:hover:before{border-color:transparent transparent #fff transparent}body[data-sidebar=brand] #sidebar-menu ul li .badge{background-color:#fff}body[data-sidebar=brand] #sidebar-menu ul li.mm-active{color:#fff!important}body[data-sidebar=brand] #sidebar-menu ul li.mm-active>a{color:#fff!important}body[data-sidebar=brand] #sidebar-menu ul li.mm-active>a::before{background-color:#fff}body[data-sidebar=brand] #sidebar-menu ul li.mm-active>a .nav-icon{color:#fff!important}body[data-sidebar=brand] #sidebar-menu ul li.mm-active .mm-show .mm-active>a{color:#fff!important}body[data-sidebar=brand] #sidebar-menu ul li.mm-active .mm-show .mm-active>a:before{border-color:transparent transparent #fff transparent;background-color:transparent!important}body[data-sidebar=brand] .sidebar-footer .main-title{color:rgba(255,255,255,.8)}body[data-sidebar=brand] .sidebar-footer p{color:rgba(255,255,255,.5)}body[data-sidebar=brand][data-topbar=light] .navbar-brand-box{background-color:#5052ba}body[data-sidebar=brand][data-topbar=light] .navbar-brand-box .logo-dark{display:none}body[data-sidebar=brand][data-topbar=light] .navbar-brand-box .logo-light{display:block}body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a{background-color:#5759bd;color:#fff}body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a .nav-icon{color:#fff}body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li.mm-active .active{color:#5052ba!important}body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover{color:#5052ba}body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active{color:#5052ba!important}body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active>a{color:#5052ba!important}body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active>a i{color:#5052ba!important}body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu .sidebar-footer{display:none}body[data-sidebar=brand] .help-box{background-color:rgba(255,255,255,.1)}body[data-sidebar=brand] .help-box .text-muted{color:#fff!important}body[data-layout-mode=bordered] .app-search .form-control{-webkit-box-shadow:none;box-shadow:none}body[data-layout-mode=bordered] .vertical-menu{-webkit-box-shadow:none;box-shadow:none}.help-box{border-radius:.6rem;padding:20px;margin:40px 16px 16px;position:relative;background-color:#302e3a}.help-box img{position:relative;margin-top:-65px;height:100px}.ishorizontal-topbar{display:none}body[data-layout=horizontal] .ishorizontal-topbar{display:block}body[data-layout=horizontal] .vertical-menu{display:none}body[data-layout=horizontal] .ishorizontal-topbar{left:0;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;background-color:#fff}body[data-layout=horizontal] .navbar-brand-box{display:block;width:auto;border:0;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;position:relative}@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(64px + 24px) calc(24px / 2) 60px calc(24px / 2)}@media (max-width:991.98px){body[data-layout=horizontal] .page-content{padding:70px calc(24px / 2) 60px calc(24px / 2);margin-top:24px}}@media (min-width:992px){body[data-layout=horizontal] .navbar-header{padding-left:24px;padding-right:24px}}body[data-layout=horizontal] .logo{margin-top:0}body[data-layout=horizontal][data-sidebar-size=sm] .navbar-brand-box{width:auto!important}.topnav{background:#fff;padding:0 calc(24px / 2);z-index:100;border-top:1px solid #eff0f2;border-bottom:1px solid #eff0f2;-webkit-box-shadow:0 2px 3px #eae7f3;box-shadow:0 2px 3px #eae7f3}@media (min-width:992px){.topnav{background:#fff}}.topnav .topnav-menu{margin:0;padding:0}.topnav .navbar-nav .nav-link{font-size:16px;position:relative;padding:1.2rem 1.3rem;color:#645e7a;font-weight:500;font-family:'Poppins', sans-serif}.topnav .navbar-nav .nav-link i{font-size:1.2rem;margin-right:5px;vertical-align:middle}.topnav .navbar-nav .nav-link svg{height:17px;width:17px;margin-right:5px;margin-top:1px}.topnav .navbar-nav .nav-link:focus,.topnav .navbar-nav .nav-link:hover{color:#5052ba;background-color:transparent}.topnav .navbar-nav .dropdown-item{color:#645e7a;background:0 0;font-size:15px;-webkit-transition:all .4s;transition:all .4s;font-family:'Poppins', sans-serif}.topnav .navbar-nav .dropdown-item:hover{color:#5052ba}.topnav .navbar-nav .dropdown-item.active{color:#5052ba}.topnav .navbar-nav .nav-item .nav-link.active{color:#5052ba}.topnav .navbar-nav .nav-item .nav-link.active svg{color:#5052ba}.topnav .navbar-nav .dropdown.active>a{color:#5052ba;background-color:transparent}.topnav .navbar-nav .dropdown .dropdown.active>a{color:#5052ba}.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 .75rem .75rem}.topnav .dropdown .dropdown-menu .arrow-down::after{right:22px;-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:20px}.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:hover{margin-left:0}.topnav .dropdown .dropdown-item.active,.topnav .dropdown .dropdown-item:active{color:#5052ba;margin-left:0}.topnav .arrow-down::after{right:15px;position:absolute}}body[data-layout=horizontal][data-topbar=dark] .ishorizontal-topbar{background-color:#292731}body[data-layout=horizontal][data-topbar=dark] .navbar-brand-box .logo-dark{display:none}body[data-layout=horizontal][data-topbar=dark] .navbar-brand-box .logo-light{display:block}@media (max-width:991.98px){body[data-layout=horizontal][data-topbar=dark] .page-content{margin-top:24px}}body[data-layout=horizontal][data-topbar=colored] .ishorizontal-topbar{background-color:#5052ba;-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(255,255,255,.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:#c0c5cb}body[data-layout=horizontal][data-topbar=colored] .header-item:hover{color:#c0c5cb}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] .noti-icon i{color:#c0c5cb}@media (min-width:992px){body[data-layout=horizontal][data-topbar=colored] .topnav{background-color:#5052ba}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}}body[data-layout-mode=dark][data-layout=horizontal] .ishorizontal-topbar{background-color:#292731}body[data-layout-mode=dark][data-layout=horizontal][data-topbar=light] .page-content{padding:calc(60px + 24px) calc(24px / 2) 60px calc(24px / 2)}body[data-layout-mode=dark][data-layout=horizontal][data-topbar=light] .logo-dark{display:block}body[data-layout-mode=dark][data-layout=horizontal][data-topbar=light] .logo-light{display:none}body[data-layout-mode=dark] .topnav{background-color:#2e2c37;border-color:#32303c;-webkit-box-shadow:0 2px 3px #1f1e26;box-shadow:0 2px 3px #1f1e26}body[data-layout-mode=dark] .topnav .navbar-nav .nav-link{color:#afacbb}body[data-layout-mode=dark] .topnav .navbar-nav .nav-link svg{fill:#afacbb}body[data-layout-mode=dark] .topnav .navbar-nav .nav-link:focus,body[data-layout-mode=dark] .topnav .navbar-nav .nav-link:hover{color:#eeeff1;background-color:transparent}body[data-layout-mode=dark] .topnav .navbar-nav .nav-link:focus svg,body[data-layout-mode=dark] .topnav .navbar-nav .nav-link:hover svg{fill:#eeeff1}body[data-layout-mode=dark] .topnav .navbar-nav .dropdown-item{color:#afacbb;background-color:transparent}body[data-layout-mode=dark] .topnav .navbar-nav .dropdown-item.active,body[data-layout-mode=dark] .topnav .navbar-nav .dropdown-item:hover{color:#eeeff1}body[data-layout-mode=dark] .topnav .navbar-nav .nav-item .nav-link.active{color:#eeeff1}body[data-layout-mode=dark] .topnav .navbar-nav .nav-item .nav-link.active svg{color:#eeeff1}body[data-layout-mode=dark] .topnav .navbar-nav .dropdown.active>a{color:#eeeff1;background-color:transparent}body[data-layout-mode=dark] .topnav .navbar-nav .dropdown.active>a svg{fill:#eeeff1}body[data-layout-mode=dark] .topnav .menu-title{color:rgba(175,172,187,.6)}body[data-layout-mode=bordered] .topnav{-webkit-box-shadow:none;box-shadow:none}body[data-topbar=hidden][data-layout=horizontal] .ishorizontal-topbar .navbar-header{display:none!important}body[data-topbar=hidden][data-layout=horizontal] .page-content{-webkit-transition:all .3s;transition:all .3s;margin-top:calc(70px - 15px);padding:24px calc(24px / 2) 60px calc(24px / 2)}@media (max-width:991.98px){body[data-topbar=hidden][data-layout=horizontal] .page-content{margin-top:0;padding:24px calc(24px / 2) 60px calc(24px / 2)}}body[data-layout-size=boxed]{background-color:#eaedf2}body[data-layout-size=boxed] #layout-wrapper{background-color:#f6f5fa;max-width:1500px;margin:0 auto;-webkit-box-shadow:0 0 6px #eae7f3;box-shadow:0 0 6px #eae7f3}body[data-layout-size=boxed] #page-topbar{max-width:calc(1500px - 260px);margin:0 auto}body[data-layout-size=boxed] .footer{margin:0 auto;max-width:calc(1500px - 260px)}body[data-layout-size=boxed][data-sidebar-size=sm] #page-topbar{max-width:calc(1500px - 70px)}body[data-layout-size=boxed][data-sidebar-size=sm] .footer{max-width:calc(1500px - 70px)}@media (min-width:769px){body[data-layout-size=boxed][data-sidebar-size=sm] .main-content{min-height:1850px}}body[data-layout-size=boxed][data-sidebar-size=md] #page-topbar{max-width:calc(1500px - 160px)}body[data-layout-size=boxed][data-sidebar-size=md] .footer{max-width:calc(1500px - 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:1500px}@media (min-width:992px){body[data-layout-scrollable=true] #page-topbar,body[data-layout-scrollable=true] .vertical-menu{position:absolute}body[data-layout-scrollable=true] .navbar-brand-box{position:absolute}}@media (min-width:992px){body[data-layout-scrollable=true][data-layout=horizontal] #page-topbar{position:absolute}body[data-layout-scrollable=true][data-layout=horizontal] .navbar-brand-box{position:relative}}body[data-layout-mode=dark][data-layout-size=boxed]{background-color:#33303c}body[data-layout-mode=dark][data-layout-size=boxed] #layout-wrapper{background-color:#24222b}.avatar-xs{height:1rem;width:1rem}.avatar-sm{height:2.6rem;width:2.6rem}.avatar{height:3rem;width:3rem}.avatar-md{height:3.4rem;width:3.4rem}.avatar-lg{height:5rem;width:5rem}.avatar-xl{height:6rem;width:6rem}.avatar-xxl{height:7.5rem;width:7.5rem}.avatar-title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#5052ba;color:#fff;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{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:8px}.avatar-group .avatar-group-item{margin-left:-8px;border:2px solid #fff;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)}body[data-layout-mode=dark] .avatar-group .avatar-group-item{border-color:#292731}.alert-top-border{background-color:#fff;border-color:#f6f5fa;border-top:2px solid #f6f5fa}.alert-outline{background-color:#fff}.alert-label-icon{position:relative;padding-left:60px;border:0}.alert-label-icon .label-icon{position:absolute;width:45px;height:100%;left:0;top:0;background-color:rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.alert-label-icon.label-arrow{overflow:hidden}.alert-label-icon.label-arrow .label-icon{color:#fff}.alert-label-icon.label-arrow .label-icon:after{content:"";position:absolute;border:6px solid transparent;right:-12px}.alert-light{color:#80838b}.alert-top-border.alert-primary{border-top-color:#5052ba;color:#5052ba}.alert-outline.alert-primary{border:1px solid rgba(80,82,186,.8);color:#5052ba}.alert-border-left.alert-primary{border-left-color:#5052ba}.label-arrow.alert-primary .label-icon{background-color:#5052ba}.label-arrow.alert-primary .label-icon:after{border-left-color:#5052ba!important}.alert-top-border.alert-secondary{border-top-color:#80838b;color:#80838b}.alert-outline.alert-secondary{border:1px solid rgba(128,131,139,.8);color:#80838b}.alert-border-left.alert-secondary{border-left-color:#80838b}.label-arrow.alert-secondary .label-icon{background-color:#80838b}.label-arrow.alert-secondary .label-icon:after{border-left-color:#80838b!important}.alert-top-border.alert-success{border-top-color:#24ab5e;color:#24ab5e}.alert-outline.alert-success{border:1px solid rgba(36,171,94,.8);color:#24ab5e}.alert-border-left.alert-success{border-left-color:#24ab5e}.label-arrow.alert-success .label-icon{background-color:#24ab5e}.label-arrow.alert-success .label-icon:after{border-left-color:#24ab5e!important}.alert-top-border.alert-info{border-top-color:#4099f3;color:#4099f3}.alert-outline.alert-info{border:1px solid rgba(64,153,243,.8);color:#4099f3}.alert-border-left.alert-info{border-left-color:#4099f3}.label-arrow.alert-info .label-icon{background-color:#4099f3}.label-arrow.alert-info .label-icon:after{border-left-color:#4099f3!important}.alert-top-border.alert-warning{border-top-color:#f0c42b;color:#f0c42b}.alert-outline.alert-warning{border:1px solid rgba(240,196,43,.8);color:#f0c42b}.alert-border-left.alert-warning{border-left-color:#f0c42b}.label-arrow.alert-warning .label-icon{background-color:#f0c42b}.label-arrow.alert-warning .label-icon:after{border-left-color:#f0c42b!important}.alert-top-border.alert-danger{border-top-color:#ed4b42;color:#ed4b42}.alert-outline.alert-danger{border:1px solid rgba(237,75,66,.8);color:#ed4b42}.alert-border-left.alert-danger{border-left-color:#ed4b42}.label-arrow.alert-danger .label-icon{background-color:#ed4b42}.label-arrow.alert-danger .label-icon:after{border-left-color:#ed4b42!important}.alert-top-border.alert-pink{border-top-color:#e83e8c;color:#e83e8c}.alert-outline.alert-pink{border:1px solid rgba(232,62,140,.8);color:#e83e8c}.alert-border-left.alert-pink{border-left-color:#e83e8c}.label-arrow.alert-pink .label-icon{background-color:#e83e8c}.label-arrow.alert-pink .label-icon:after{border-left-color:#e83e8c!important}.alert-top-border.alert-light{border-top-color:#f6f5fa;color:#f6f5fa}.alert-outline.alert-light{border:1px solid rgba(246,245,250,.8);color:#f6f5fa}.alert-border-left.alert-light{border-left-color:#f6f5fa}.label-arrow.alert-light .label-icon{background-color:#f6f5fa}.label-arrow.alert-light .label-icon:after{border-left-color:#f6f5fa!important}.alert-top-border.alert-dark{border-top-color:#1a1823;color:#1a1823}.alert-outline.alert-dark{border:1px solid rgba(26,24,35,.8);color:#1a1823}.alert-border-left.alert-dark{border-left-color:#1a1823}.label-arrow.alert-dark .label-icon{background-color:#1a1823}.label-arrow.alert-dark .label-icon:after{border-left-color:#1a1823!important}.alert-top-border.alert-white{border-top-color:#fff;color:#fff}.alert-outline.alert-white{border:1px solid rgba(255,255,255,.8);color:#fff}.alert-border-left.alert-white{border-left-color:#fff}.label-arrow.alert-white .label-icon{background-color:#fff}.label-arrow.alert-white .label-icon:after{border-left-color:#fff!important}.alert-top-border.alert-purple{border-top-color:#5052ba;color:#5052ba}.alert-outline.alert-purple{border:1px solid rgba(80,82,186,.8);color:#5052ba}.alert-border-left.alert-purple{border-left-color:#5052ba}.label-arrow.alert-purple .label-icon{background-color:#5052ba}.label-arrow.alert-purple .label-icon:after{border-left-color:#5052ba!important}.alert-border-left{border-left:3px solid}.alert-outline.alert-light,.alert-top-border.alert-light{color:#80838b}body[data-layout-mode=dark] .alert .btn-close{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 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat}body[data-layout-mode=dark] .alert-top-border{background-color:#292731;border-top:2px solid #32303c;border-color:#32303c}body[data-layout-mode=dark] .alert-top-border .btn-close{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat}body[data-layout-mode=dark] .alert-top-border{background-color:#292731;border-top:2px solid #32303c;border-color:#32303c}body[data-layout-mode=dark] .alert-top-border .btn-close{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat}body[data-layout-mode=dark] .alert-outline{background-color:#292731}body[data-layout-mode=dark] .alert-outline .btn-close{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat}body[data-layout-mode=dark] .alert-outline.alert-light{color:#f6f5fa}body[data-layout-mode=dark] .alert-top-border.alert-primary{border-top-color:#5052ba;color:#5052ba}body[data-layout-mode=dark] .alert-top-border.alert-secondary{border-top-color:#80838b;color:#80838b}body[data-layout-mode=dark] .alert-top-border.alert-success{border-top-color:#24ab5e;color:#24ab5e}body[data-layout-mode=dark] .alert-top-border.alert-info{border-top-color:#4099f3;color:#4099f3}body[data-layout-mode=dark] .alert-top-border.alert-warning{border-top-color:#f0c42b;color:#f0c42b}body[data-layout-mode=dark] .alert-top-border.alert-danger{border-top-color:#ed4b42;color:#ed4b42}body[data-layout-mode=dark] .alert-top-border.alert-pink{border-top-color:#e83e8c;color:#e83e8c}body[data-layout-mode=dark] .alert-top-border.alert-light{border-top-color:#f6f5fa;color:#f6f5fa}body[data-layout-mode=dark] .alert-top-border.alert-dark{border-top-color:#1a1823;color:#1a1823}body[data-layout-mode=dark] .alert-top-border.alert-white{border-top-color:#fff;color:#fff}body[data-layout-mode=dark] .alert-top-border.alert-purple{border-top-color:#5052ba;color:#5052ba}body[data-layout-mode=dark] .alert-top-border.alert-dark{border-top-color:#32303c;border-color:#32303c;color:#f6f5fa}body[data-layout-mode=dark] .alert-outline.alert-dark{border-color:#32303c;color:#f6f5fa}.custom-accordion .accordion-list{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:7px;background-color:#eff0f2;padding:12px 20px;color:#545965;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.custom-accordion .accordion-list.collapsed i.accor-plus-icon:before{content:"\F0415"}.custom-accordion .accordion-list .accor-plus-icon{display:inline-block;font-size:16px;height:24px;width:24px;line-height:22px;background-color:#fff;text-align:center;border-radius:50%}.custom-accordion a.collapsed i.accor-down-icon:before{content:"\F0140"}.custom-accordion .card-body{color:#80838b}body[data-layout-mode=dark] .accordion-button{border-color:#32303c;color:#eeeff1}body[data-layout-mode=dark] .accordion-button:not(.collapsed){background-color:rgba(80,82,186,.2);color:#5052ba;-webkit-box-shadow:inset 0 -1px 0 #292731;box-shadow:inset 0 -1px 0 #292731}body[data-layout-mode=dark] .accordion-item{border-color:#32303c}body[data-layout-mode=dark] .accordion-collapse{border-color:#32303c}.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}.font-size-26{font-size:26px!important}.wh-14{width:14px;height:14px}.wh-15{width:15px;height:15px}.wh-16{width:16px;height:16px}.wh-18{width:18px;height:18px}.wh-20{width:20px;height:20px}.wh-22{width:22px;height:22px}.fw-medium{font-weight:500}.fw-semibold{font-weight:600}.bg-overlay{position:absolute;height:100%;width:100%;right:0;bottom:0;left:0;top:0;opacity:.7;background-color:#000}.bg-pattern{background:url(../images/pattern-bg.jpg);background-size:cover;background-position:center}.list-group-item{color:#545965}.social-list-item{height:2.4rem;width:2.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:calc(2.4rem - 2px);border:1px solid #fff;border-radius:50%;color:#80838b;fill:#80838b;text-align:center;-webkit-transition:all .4s;transition:all .4s}.social-list-item svg{width:16px;height:16px}.social-list-item:hover{color:#1a1823;fill:#1a1823}.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}.alert-dismissible .btn-close{font-size:10px;padding:1.05rem 1.25rem}body[data-layout-mode=dark] .btn-close{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat}body[data-layout-mode=dark] .border-bottom{border-bottom:1px solid #32303c!important}body[data-layout-mode=dark] .border,body[data-layout-mode=dark] .border-end,body[data-layout-mode=dark] .border-start,body[data-layout-mode=dark] .border-top,body[data-layout-mode=dark] .list-group-item{border-color:#32303c!important}body[data-layout-mode=dark] .border-primary{border-color:#5052ba!important}body[data-layout-mode=dark] .border-secondary{border-color:#80838b!important}body[data-layout-mode=dark] .border-success{border-color:#24ab5e!important}body[data-layout-mode=dark] .border-info{border-color:#4099f3!important}body[data-layout-mode=dark] .border-warning{border-color:#f0c42b!important}body[data-layout-mode=dark] .border-danger{border-color:#ed4b42!important}body[data-layout-mode=dark] .border-pink{border-color:#e83e8c!important}body[data-layout-mode=dark] .border-light{border-color:#f6f5fa!important}body[data-layout-mode=dark] .border-dark{border-color:#1a1823!important}body[data-layout-mode=dark] .border-white{border-color:#fff!important}body[data-layout-mode=dark] .border-purple{border-color:#5052ba!important}body[data-layout-mode=dark] .border-light{border-color:#32303c!important}body[data-layout-mode=dark] .text-dark{color:#eeeff1!important}body[data-layout-mode=dark] .text-muted{color:#93929b!important}body[data-layout-mode=dark] .text-body{color:#d8dbdd!important}body[data-layout-mode=dark] .list-group-item{background-color:#292731;color:#93929b}body[data-layout-mode=dark] .img-thumbnail{background-color:#2f2d38;border-color:#383643}body[data-layout-mode=dark] .popover-header{color:#292731}body[data-layout-mode=dark] .custom-blockpuote.blockquote.blockpuote-outline-dark{border-color:#32303c}body[data-layout-mode=dark] .custom-blockpuote.blockquote.blockpuote-outline-dark .blockquote-footer{color:#32303c}body[data-layout-mode=dark] .social-list-item{border:1px solid #292731;color:#93929b}body[data-layout-mode=dark] .social-list-item:hover{color:#d8dbdd}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:9999}#status{position:absolute;left:50%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:-20px 0 0 -20px}.spinner .spin-icon{font-size:48px;color:#5052ba;position:relative;display:inline-block;-webkit-animation:spin 1.6s infinite linear;animation:spin 1.6s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}body[data-layout-mode=dark] .modal-footer,body[data-layout-mode=dark] .modal-header{border-color:#32303c}[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:#fff}.form-checkbox-outline .form-check-input:active{-webkit-filter:none;filter:none}.form-checkbox-outline .form-check-input:checked{background-color:#fff!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:#1a1823}.form-radio-outline .form-check-input{border-width:2px;background-color:#fff}.form-radio-outline .form-check-input:active{-webkit-filter:none;filter:none}.form-radio-outline .form-check-input:checked{background-color:#fff!important}.form-radio-outline .form-check-input:checked[type=checkbox]{background-image:none}.form-radio-outline .form-check-input:checked:after{position:absolute;content:'\F0765';font-family:"Material Design Icons";top:6px!important;left:4px;font-size:6px}.form-check-primary .form-check-input:checked{background-color:#5052ba;border-color:#5052ba}.form-radio-primary .form-check-input:checked{border-color:#5052ba;background-color:#5052ba}.form-radio-primary .form-check-input:checked:after{color:#5052ba}.form-check-secondary .form-check-input:checked{background-color:#80838b;border-color:#80838b}.form-radio-secondary .form-check-input:checked{border-color:#80838b;background-color:#80838b}.form-radio-secondary .form-check-input:checked:after{color:#80838b}.form-check-success .form-check-input:checked{background-color:#24ab5e;border-color:#24ab5e}.form-radio-success .form-check-input:checked{border-color:#24ab5e;background-color:#24ab5e}.form-radio-success .form-check-input:checked:after{color:#24ab5e}.form-check-info .form-check-input:checked{background-color:#4099f3;border-color:#4099f3}.form-radio-info .form-check-input:checked{border-color:#4099f3;background-color:#4099f3}.form-radio-info .form-check-input:checked:after{color:#4099f3}.form-check-warning .form-check-input:checked{background-color:#f0c42b;border-color:#f0c42b}.form-radio-warning .form-check-input:checked{border-color:#f0c42b;background-color:#f0c42b}.form-radio-warning .form-check-input:checked:after{color:#f0c42b}.form-check-danger .form-check-input:checked{background-color:#ed4b42;border-color:#ed4b42}.form-radio-danger .form-check-input:checked{border-color:#ed4b42;background-color:#ed4b42}.form-radio-danger .form-check-input:checked:after{color:#ed4b42}.form-check-pink .form-check-input:checked{background-color:#e83e8c;border-color:#e83e8c}.form-radio-pink .form-check-input:checked{border-color:#e83e8c;background-color:#e83e8c}.form-radio-pink .form-check-input:checked:after{color:#e83e8c}.form-check-light .form-check-input:checked{background-color:#f6f5fa;border-color:#f6f5fa}.form-radio-light .form-check-input:checked{border-color:#f6f5fa;background-color:#f6f5fa}.form-radio-light .form-check-input:checked:after{color:#f6f5fa}.form-check-dark .form-check-input:checked{background-color:#1a1823;border-color:#1a1823}.form-radio-dark .form-check-input:checked{border-color:#1a1823;background-color:#1a1823}.form-radio-dark .form-check-input:checked:after{color:#1a1823}.form-check-white .form-check-input:checked{background-color:#fff;border-color:#fff}.form-radio-white .form-check-input:checked{border-color:#fff;background-color:#fff}.form-radio-white .form-check-input:checked:after{color:#fff}.form-check-purple .form-check-input:checked{background-color:#5052ba;border-color:#5052ba}.form-radio-purple .form-check-input:checked{border-color:#5052ba;background-color:#5052ba}.form-radio-purple .form-check-input:checked:after{color:#5052ba}.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:.9375rem;vertical-align:middle}.form-switch-lg{font-size:26px;min-height:36px;line-height:36px}.form-switch-lg .form-check-label{font-size:.9375rem;vertical-align:middle}.input-group-text{margin-bottom:0}.card-radio{background-color:#fff;border:2px solid #eff0f2;border-radius:.6rem;padding:4px;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:#5052ba!important}body[data-layout-mode=dark] .form-control{color:#d8dbdd;background-color:#302e3a;border:1px solid #32303c}body[data-layout-mode=dark] .form-select{color:#d8dbdd;background-color:#302e3a;border:1px solid #32303c;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='%23b7c1cf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")}body[data-layout-mode=dark] .form-check-input{background-color:#32303c;border-color:rgba(255,255,255,.25)}body[data-layout-mode=dark] .form-check-input:checked{background-color:#5052ba;border-color:#5052ba}body[data-layout-mode=dark] .form-switch .form-check-input{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='%23fff'/%3e%3c/svg%3e")}body[data-layout-mode=dark] .input-group-text{background-color:#393745;border-color:#32303c;color:#eeeff1}body[data-layout-mode=dark] .form-control::-webkit-file-upload-button{background-color:#32303c;color:#eeeff1}body[data-layout-mode=dark] .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#32303c}.popular-product-box{padding:12px 15px;background-color:#f6f5fa}.sales-weidget{padding:12px 0}.widget-box-1-icon{position:absolute;right:-20px;top:15px;opacity:.1;width:80px;height:80px}.transactions-contain{padding:14px 16px}.swiper-location-widget{height:276px}.swiper-location-widget .swiper-slide .card{margin:0;-webkit-box-shadow:none;box-shadow:none;height:100%}.swiper-location-widget .swiper-slide .card .card-body{padding:.5rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.grid-example{background-color:#f6f5fa;border-radius:5px;font-weight:500;padding:10px 20px;font-size:.8rem}.button-items{margin-left:-8px;margin-bottom:-12px}.button-items .btn{margin-bottom:12px;margin-left:8px}.search-box .form-control{border-radius:10px;padding-left:40px}.search-box .search-icon{position:absolute;left:13px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px;height:16px}.user-profile-img{position:relative}.user-profile-img .overlay-content{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(80,82,186,.8);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;color:rgba(255,255,255,.6);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.user-profile-img .profile-img{width:100%;height:250px;-o-object-fit:cover;object-fit:cover}@media (max-width:991px){.user-profile-img .profile-img{height:160px}}.user-profile-image{-o-object-fit:cover;object-fit:cover}.bs-example-modal{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;display:block}.icon-demo-content{text-align:center;color:#7d8287}.icon-demo-content i,.icon-demo-content svg{display:block;width:50px;height:50px;line-height:46px;font-size:24px;margin:0 auto 16px;border:2px solid #eff0f2;color:#80838b;border-radius:1rem;-webkit-transition:all .4s;transition:all .4s}.icon-demo-content svg{padding:10px}.icon-demo-content .col-lg-4{margin-top:24px}.icon-demo-content .col-lg-4:hover i,.icon-demo-content .col-lg-4:hover svg{color:#fff;background-color:#5052ba;border-color:#5052ba}.grid-structure .grid-container{background-color:#f6f5fa;margin-top:10px;font-size:.8rem;font-weight:500;padding:10px 20px}body[data-layout-mode=dark] .grid-structure .grid-container{background-color:#33303c}body[data-layout-mode=dark] .grid-example{background-color:#33303c}.toast:not(:last-child){margin-bottom:.75rem}body[data-layout-mode=dark] .icon-demo-content i,body[data-layout-mode=dark] .icon-demo-content svg{color:#eeeff1;border-color:#32303c}.ribbon{position:absolute;right:-26px;top:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg);color:#fff;font-size:13px;font-weight:500;padding:1px 22px;font-size:13px;font-weight:500}.card-radio{background-color:#fff;border:2px solid #eff0f2;border-radius:.6rem;padding:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.card-radio:hover{cursor:pointer}.card-radio-label{display:block}.edit-btn{width:35px;height:35px;line-height:40px;text-align:center;position:absolute;right:25px;margin-top:-50px}.card-radio-input{display:none}.card-radio-input:checked+.card-radio{border-color:#5052ba!important}.card-radio-input:checked+.card-radio:before{content:'\e9da';font-family:boxicons;position:absolute;top:10px;right:25px;font-size:22px;color:#5052ba}.navs-carousel .owl-nav{margin-top:16px}.navs-carousel .owl-nav button{width:30px;height:30px;line-height:28px!important;font-size:20px!important;border-radius:50%!important;background-color:rgba(80,82,186,.25)!important;color:#5052ba!important;margin:4px 8px!important}@media (min-width:576px){.currency-value{position:relative}.currency-value:after{content:"\F04E1";font-family:"Material Design Icons";font-size:24px;position:absolute;width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#5052ba;color:#fff;z-index:9;right:-30px}}.crypto-buy-sell-nav-content{border:2px solid #eff0f2;border-top:0}body[data-layout-mode=dark] .card-radio{background-color:#292731;border:2px solid #33303c}@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}}.carousel-control-next,.carousel-control-prev{height:30px;width:30px;margin:auto 0;background-color:#5052ba}.carousel-dark .carousel-caption{color:rgba(0,0,0,.8)}.carousel-dark .carousel-caption .h1,.carousel-dark .carousel-caption .h2,.carousel-dark .carousel-caption .h3,.carousel-dark .carousel-caption .h4,.carousel-dark .carousel-caption .h5,.carousel-dark .carousel-caption .h6,.carousel-dark .carousel-caption h1,.carousel-dark .carousel-caption h2,.carousel-dark .carousel-caption h3,.carousel-dark .carousel-caption h4,.carousel-dark .carousel-caption h5,.carousel-dark .carousel-caption h6{color:rgba(0,0,0,.8)}.auth-carousel .carousel-indicators{bottom:-50px}.auth-carousel [data-bs-target]{background-color:#5052ba}[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:1px solid #eff0f2}.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 .fc-col-header-cell{background-color:#f6f5fa}.fc .fc-col-header-cell-cushion{display:block;padding:8px 4px}.fc .fc-daygrid-day-number{width:24px;height:24px;border-radius:50%;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;font-weight:500;margin:2px}.fc .fc-daygrid-day.fc-day-today{background-color:rgba(80,82,186,.1)}.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{background-color:#5052ba;color:#fff}.fc .fc-list-event:hover td{background:0 0}.fc .fc-list-event-dot{border-color:#fff}.fc .fc-list-event-title a{color:#fff!important}.fc .fc-col-header,.fc .fc-daygrid-body,.fc .fc-scrollgrid-sync-table{width:100%!important}.fc-theme-bootstrap a:not([href]){color:#545965}.fc-event{color:#fff}.fc th.fc-widget-header{background:#eff0f2;color:#545965;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:#eff0f2}.fc-unthemed td.fc-today{background:#fcfcfd}.fc-button{background:#fff;border-color:#eff0f2;color:#545965;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:#5052ba;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:#5052ba}.fc-daygrid-dot-event.fc-event-mirror,.fc-daygrid-dot-event:hover{background-color:#5052ba}.fc-daygrid-dot-event{color:#fff!important}.fc-daygrid-dot-event .fc-event-title{font-weight:600}.fc-daygrid-event-dot{border-color:#fff!important;color:#fff!important}.fc-event .fc-content{color:#fff}#external-events .external-event{text-align:left;padding:8px 16px;margin:6px 0}.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark .fc-content{color:#f6f5fa}[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;gap:16px}}body[data-layout-mode=dark] .fc-daygrid-day{border-color:#32303c}body[data-layout-mode=dark] .fc td,body[data-layout-mode=dark] .fc th{border-color:#32303c}body[data-layout-mode=dark] .fc-col-header-cell{border-color:#32303c;background-color:#2f2d38}body[data-layout-mode=dark] .fc-theme-bootstrap a:not([href]){color:#93929b}.noUi-connect{background:#5052ba}.noUi-handle{background:#fff}.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-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-vertical .noUi-origin{top: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:#f6f5fa;border-color:#f6f5fa}.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 #eff0f2}#result{margin:60px 26px;height:100px;width:100px;display:inline-block;vertical-align:top;border:1px solid #eff0f2;-webkit-box-shadow:0 0 3px;box-shadow:0 0 3px;border-radius:7px}#red .noUi-connect{background:#ed4b42}#green .noUi-connect{background:#24ab5e}#blue .noUi-connect{background:#5052ba}.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:#80838b;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:#ed4b42}.c-2-color{background:#f0c42b}.c-3-color{background:#24ab5e}.c-4-color{background:#5052ba}.c-5-color{background:#5052ba}#slider-toggle{height:50px}#slider-toggle.off .noUi-handle{border-color:#ed4b42}body[data-layout-mode=dark] .noUi-target{background-color:#32303c;border-color:#32303c;-webkit-box-shadow:inset 0 1px 1px #32303c,0 3px 6px -5px #32303c;box-shadow:inset 0 1px 1px #32303c,0 3px 6px -5px #32303c}body[data-layout-mode=dark] .example-val{color:#93929b}.swal2-container .swal2-title{font-size:24px;font-weight:500}.swal2-content{font-size:16px}.swal2-icon.swal2-question{border-color:#4099f3;color:#4099f3}.swal2-icon.swal2-success [class^=swal2-success-line]{background-color:#24ab5e}.swal2-icon.swal2-success .swal2-success-ring{border-color:rgba(36,171,94,.3)}.swal2-icon.swal2-warning{border-color:#f0c42b;color:#f0c42b}.swal2-styled:focus{-webkit-box-shadow:none;box-shadow:none}.swal2-progress-steps .swal2-progress-step{background:#5052ba}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#5052ba}.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(80,82,186,.3)}.swal2-progress-steps .swal2-progress-step-line{background:#5052ba}.swal2-actions.swal2-loading .swal2-styled.swal2-confirm{border-left-color:#5052ba!important;border-right-color:#5052ba!important}.swal2-file,.swal2-input,.swal2-textarea{border:1px solid #e2e5e8}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{-webkit-box-shadow:none;box-shadow:none;border-color:#cbced1}body[data-layout-mode=dark] .swal2-popup{background-color:#32303c!important}body[data-layout-mode=dark] .swal2-content{color:#d8dbdd}body[data-layout-mode=dark] .swal2-html-container{color:#93929b}body[data-layout-mode=dark] .swal2-file,body[data-layout-mode=dark] .swal2-input,body[data-layout-mode=dark] .swal2-textarea{border:1px solid #3b3947!important}.alertify .ajs-header{font-weight:500;font-size:16px;position:relative;color:#545965}.alertify .ajs-dialog{-webkit-box-shadow:0 0 6px #eae7f3;box-shadow:0 0 6px #eae7f3;background-color:#fff;border-radius:.75rem;overflow:hidden}.alertify .ajs-dialog .ajs-footer,.alertify .ajs-dialog .ajs-header{background-color:#fff}.alertify .ajs-body{color:#545965}.alertify .ajs-footer .ajs-buttons .ajs-button{font-size:13px;color:#545965;font-weight:500}.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok{color:#5052ba}.alertify .ajs-footer .ajs-buttons.ajs-primary{text-align:right}.alertify .ajs-body .ajs-content{padding:16px 0}.alertify .ajs-body .ajs-content .ajs-input:focus-visible{outline:0}.alertify .ajs-body .ajs-content .ajs-input{display:block;width:100%;padding:.47rem .75rem;line-height:1.5;color:#545965;background-color:#fff;border:1px solid #e2e5e8;border-radius:.6rem}.alertify .ajs-commands{top:16px;right:16px;left:auto;margin:0}.alertify .ajs-commands button{width:1em;height:1em;padding:.25em .25em;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 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat!important;opacity:.5}.alertify-notifier .ajs-message{background-color:#5052ba;border-color:#5052ba;color:#fff;text-shadow:none!important;border-radius:4px}.alertify-notifier .ajs-message.ajs-success{background-color:#24ab5e;border-color:#24ab5e}.alertify-notifier .ajs-message.ajs-error{background-color:#ed4b42;border-color:#ed4b42}.alertify-notifier .ajs-message.ajs-warning{background-color:#f0c42b;border-color:#f0c42b}.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}body[data-layout-mode=dark] .alertify .ajs-dialog{background-color:#292731}body[data-layout-mode=dark] .alertify .ajs-footer,body[data-layout-mode=dark] .alertify .ajs-header{color:#eeeff1;background-color:#292731;border-color:#32303c}body[data-layout-mode=dark] .alertify .ajs-body{color:#d8dbdd}body[data-layout-mode=dark] .alertify .ajs-body .ajs-content .ajs-input{color:#d8dbdd;background-color:#2e2c37;border:1px solid #32303c}body[data-layout-mode=dark] .alertify .ajs-footer .ajs-buttons .ajs-button{color:#d8dbdd}body[data-layout-mode=dark] .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok{color:#5052ba}body[data-layout-mode=dark] .alertify .ajs-commands button{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat!important}.swiper-arrow .swiper-button-next,.swiper-arrow .swiper-button-prev{height:30px;width:30px;margin:auto 0;color:#fff!important;background-color:#6264c1}.swiper-arrow .swiper-button-next::after,.swiper-arrow .swiper-button-prev::after{font-size:18px}.swiper-arrow .swiper-button-prev{position:absolute;left:0}.swiper-arrow .swiper-button-next{position:absolute;right:0}.swiper-arrow.arrow-sm .swiper-button-next,.swiper-arrow.arrow-sm .swiper-button-prev{height:24px;width:24px}.swiper-arrow.arrow-sm .swiper-button-next::after,.swiper-arrow.arrow-sm .swiper-button-prev::after{font-size:12px}.swiper-pagination{-webkit-transform:translate3d(0,0,0) translateX(-50%);transform:translate3d(0,0,0) translateX(-50%);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto!important;padding:4px 4px;left:50%!important;background-color:#fff;border-radius:10px;right:auto!important}.swiper-pagination-bullet{background-color:#fff;opacity:1;border:1px solid #5052ba}.swiper-pagination-bullet-active{background-color:#5052ba;opacity:1;border:1px solid #5052ba}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:25px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:25px;left:auto}.progress-swiper .swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0;background-color:#f6f5fa}.progress-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#5052ba}.choices__inner{padding:.25rem 2.5rem .25rem .5rem;background-color:#fff;vertical-align:middle;border-radius:.6rem;border:1px solid #e2e5e8;min-height:38px}.choices[data-type*=select-one] .choices__inner{padding-bottom:.25rem}.choices[data-type*=select-one]:after{border:0;border-color:#1a1823 transparent transparent;right:11.5px;left:auto;content:"\F0140";font-family:'Material Design Icons';width:auto;height:auto;margin-top:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.choices[data-type*=select-one].is-open:after{margin-top:0;-webkit-transform:translateY(-50%) rotate(-180deg);transform:translateY(-50%) rotate(-180deg)}.choices[data-type*=select-one] .choices__button{right:0;left:auto;margin-right:25px;margin-left:0}.choices__input{background-color:#fff;margin-bottom:0}.choices__list--multiple{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px}.choices__list--multiple .choices__item{background-color:#5052ba;border-color:#5052ba;margin-bottom:0;margin-right:0;font-weight:400}.choices__list--multiple .choices__item.is-highlighted{background-color:#5052ba;border:1px solid #5052ba}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#f6f5fa}.is-focused .choices__inner,.is-open .choices__inner{border-color:#cbced1}.is-disabled .choices__list--multiple .choices__item{background-color:#80838b;border-color:#80838b}.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{border-color:#eff0f2;-webkit-box-shadow:0 0 6px #eae7f3;box-shadow:0 0 6px #eae7f3}.choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#fbfafd}.is-open .choices__list--dropdown{border-color:#eff0f2}body[data-layout-mode=dark] .choices__list--dropdown{border:1px solid #32303c!important}body[data-layout-mode=dark] .choices__heading{border:1px solid #32303c}body[data-layout-mode=dark] .choices__inner{color:#d8dbdd;background-color:#2e2c37;border:1px solid #32303c!important}body[data-layout-mode=dark] .choices__input{background-color:#2e2c37;color:#d8dbdd}body[data-layout-mode=dark] .choices__input::-webkit-input-placeholder{color:#93929b}body[data-layout-mode=dark] .choices__input::-moz-placeholder{color:#93929b}body[data-layout-mode=dark] .choices__input:-ms-input-placeholder{color:#93929b}body[data-layout-mode=dark] .choices__input::-ms-input-placeholder{color:#93929b}body[data-layout-mode=dark] .choices__input::placeholder{color:#93929b}body[data-layout-mode=dark] .choices[data-type*=select-one]:after{border-color:#d8dbdd transparent transparent}body[data-layout-mode=dark] .choices[data-type*=select-one].is-open:after{border-color:transparent transparent #d8dbdd}body[data-layout-mode=dark] .choices[data-type*=select-one] .choices__input{background-color:#2e2c37;border:1px solid #32303c;color:#d8dbdd}body[data-layout-mode=dark] .choices__list--dropdown{background-color:#2e2c37;border-color:#32303c}body[data-layout-mode=dark] .choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#32303c}body[data-layout-mode=dark] .choices.is-disabled .choices__inner,body[data-layout-mode=dark] .choices.is-disabled .choices__input{background-color:#2e2c37}input[switch]{display:none}input[switch]+label{font-size:1em;line-height:1;width:56px;height:24px;background-color:#e2e5e8;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:#1a1823;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:#f6f5fa;-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:#5052ba}input[switch]:checked+label{background-color:#5052ba}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:#f6f5fa}input[switch=bool]+label{background-color:#ed4b42}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:#24ab5e}input[switch=default]:checked+label{background-color:#a2a2a2}input[switch=primary]:checked+label{background-color:#5052ba}input[switch=success]:checked+label{background-color:#24ab5e}input[switch=info]:checked+label{background-color:#4099f3}input[switch=warning]:checked+label{background-color:#f0c42b}input[switch=danger]:checked+label{background-color:#ed4b42}input[switch=dark]:checked+label{background-color:#1a1823}.square-switch{margin-right:7px}.square-switch input[switch]+label,.square-switch input[switch]+label:after{border-radius:4px}.table-bordered{border:1px solid #eff0f2}.gridjs-container{color:#545965}.gridjs-head{margin-bottom:15px;position:relative;z-index:1}.gridjs-wrapper{-webkit-box-shadow:none;box-shadow:none;border:none}.gridjs-wrapper::-webkit-scrollbar{-webkit-appearance:none}.gridjs-wrapper::-webkit-scrollbar:vertical{width:12px}.gridjs-wrapper::-webkit-scrollbar:horizontal{height:12px}.gridjs-wrapper::-webkit-scrollbar-thumb{background-color:rgba(26,24,35,.075);border-radius:10px;border:2px solid #fff}.gridjs-wrapper::-webkit-scrollbar-track{border-radius:10px;background-color:#fff}.gridjs-table{width:100%}td.gridjs-td,th.gridjs-th{border:0 solid #eff0f2;border-bottom-width:1px;padding:.75rem .75rem}th.gridjs-th{border-top:0;color:#545965;background-color:#f8f9fa}th.gridjs-th-sort:focus,th.gridjs-th-sort:hover{background-color:#f2f4f6}.gridjs-footer{-webkit-box-shadow:none;box-shadow:none;border:none;border-top:0}.gridjs-pagination{color:#80838b}.gridjs-pagination .gridjs-pages button{border:none!important;border-radius:30px!important;margin:0 5px;border:none;min-width:32px;height:32px;padding:0;text-align:center;line-height:32px}.gridjs-pagination .gridjs-pages button:disabled,.gridjs-pagination .gridjs-pages button:hover:disabled,.gridjs-pagination .gridjs-pages button[disabled]{color:#7d8287}.gridjs-pagination .gridjs-pages button:hover{background-color:#f6f5fa;color:#363788}.gridjs-pagination .gridjs-pages button:focus{-webkit-box-shadow:none;box-shadow:none}.gridjs-pagination .gridjs-pages button:first-child:hover,.gridjs-pagination .gridjs-pages button:last-child:hover{background-color:transparent}.gridjs-pagination .gridjs-pages button.gridjs-currentPage{background-color:#5052ba;color:#fff;font-weight:500;border-color:#5052ba}input.gridjs-input{border-color:#e2e5e8;background-color:#fff;color:#545965;font-size:13px;border-radius:30px}input.gridjs-input:focus{-webkit-box-shadow:none;box-shadow:none;border-color:#cbced1;background-color:#fff}body[data-layout-mode=dark] .gridjs-container{color:#93929b}body[data-layout-mode=dark] .gridjs-wrapper{border-color:#32303c}body[data-layout-mode=dark] .gridjs-wrapper::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.075);border:2px solid #292731}body[data-layout-mode=dark] .gridjs-wrapper::-webkit-scrollbar-track{background-color:#292731}body[data-layout-mode=dark] input.gridjs-input{color:#d8dbdd;background-color:#2e2c37;border:1px solid #32303c}body[data-layout-mode=dark] input.gridjs-input::-webkit-input-placeholder{color:#93929b}body[data-layout-mode=dark] input.gridjs-input::-moz-placeholder{color:#93929b}body[data-layout-mode=dark] input.gridjs-input:-ms-input-placeholder{color:#93929b}body[data-layout-mode=dark] input.gridjs-input::-ms-input-placeholder{color:#93929b}body[data-layout-mode=dark] input.gridjs-input::placeholder{color:#93929b}body[data-layout-mode=dark] th.gridjs-th{background-color:#2e2c37;color:#d8dbdd}body[data-layout-mode=dark] td.gridjs-td,body[data-layout-mode=dark] th.gridjs-th{border-color:#32303c}body[data-layout-mode=dark] .gridjs-tbody,body[data-layout-mode=dark] td.gridjs-td{background-color:#292731}body[data-layout-mode=dark] .gridjs-footer{background-color:#292731;border-color:#32303c}body[data-layout-mode=dark] .gridjs-pagination{color:#93929b}body[data-layout-mode=dark] .gridjs-pagination .gridjs-pages button{background-color:#292731;color:#93929b}body[data-layout-mode=dark] .gridjs-pagination .gridjs-pages button.gridjs-currentPage{background-color:#5052ba;color:#fff;border-color:#5052ba}.pcr-app{background:#fff}.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:#fff}.input[readonly]{background-color:#fff}.flatpickr-months,.flatpickr-weekdays{background-color:#5052ba}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 #eff0f2}.flatpickr-day{color:#1a1823!important}.flatpickr-day:focus,.flatpickr-day:hover{background-color:rgba(246,245,250,.7)!important}.flatpickr-day.today{border-color:#5052ba!important;background-color:rgba(80,82,186,.1)}.flatpickr-day.today:focus,.flatpickr-day.today:hover{color:#1a1823!important;background-color:rgba(80,82,186,.15)!important}.flatpickr-day.selected{background-color:#5052ba!important;border-color:#5052ba!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:rgba(26,24,35,.3)!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:#f6f5fa;border-color:#f6f5fa}.flatpickr-day.inRange{-webkit-box-shadow:-5px 0 0 #f6f5fa,5px 0 0 #f6f5fa;box-shadow:-5px 0 0 #f6f5fa,5px 0 0 #f6f5fa}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{background-color:#5052ba!important;border-color:#5052ba!important;color:#fff!important}.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:#1a1823!important}.flatpickr-calendar{background-color:#fff!important;-webkit-box-shadow:1px 0 0 #eff0f2,-1px 0 0 #eff0f2,0 1px 0 #eff0f2,0 -1px 0 #eff0f2,0 3px 13px rgba(0,0,0,.08)!important;box-shadow:1px 0 0 #eff0f2,-1px 0 0 #eff0f2,0 1px 0 #eff0f2,0 -1px 0 #eff0f2,0 3px 13px rgba(0,0,0,.08)!important}.flatpickr-calendar.hasTime .flatpickr-time{border-top:1px solid #eff0f2!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}body[data-layout-mode=dark] .flatpickr-calendar{background-color:#2f2d38!important;-webkit-box-shadow:1px 0 0 #32303c,-1px 0 0 #32303c,0 1px 0 #32303c,0 -1px 0 #32303c,0 3px 13px rgba(0,0,0,.08)!important;box-shadow:1px 0 0 #32303c,-1px 0 0 #32303c,0 1px 0 #32303c,0 -1px 0 #32303c,0 3px 13px rgba(0,0,0,.08)!important}body[data-layout-mode=dark] .flatpickr-calendar.hasTime .flatpickr-time{border-top:1px solid #32303c!important}body[data-layout-mode=dark] .flatpickr-weekdays{border-color:#32303c}body[data-layout-mode=dark] .flatpickr-day{color:#d8dbdd!important}body[data-layout-mode=dark] .flatpickr-day:focus,body[data-layout-mode=dark] .flatpickr-day:hover{background-color:rgba(50,48,60,.7)!important}body[data-layout-mode=dark] .flatpickr-day.today{border-color:#5052ba!important;background-color:rgba(80,82,186,.1)}body[data-layout-mode=dark] .flatpickr-day.today:focus,body[data-layout-mode=dark] .flatpickr-day.today:hover{color:#1a1823!important;background-color:rgba(80,82,186,.15)!important}body[data-layout-mode=dark] .flatpickr-day.inRange,body[data-layout-mode=dark] .flatpickr-day.nextMonthDay.inRange,body[data-layout-mode=dark] .flatpickr-day.nextMonthDay.today.inRange,body[data-layout-mode=dark] .flatpickr-day.nextMonthDay:focus,body[data-layout-mode=dark] .flatpickr-day.nextMonthDay:hover,body[data-layout-mode=dark] .flatpickr-day.prevMonthDay.inRange,body[data-layout-mode=dark] .flatpickr-day.prevMonthDay.today.inRange,body[data-layout-mode=dark] .flatpickr-day.prevMonthDay:focus,body[data-layout-mode=dark] .flatpickr-day.prevMonthDay:hover,body[data-layout-mode=dark] .flatpickr-day.today.inRange,body[data-layout-mode=dark] .flatpickr-day:focus,body[data-layout-mode=dark] .flatpickr-day:hover{background-color:#32303c;border-color:#32303c}body[data-layout-mode=dark] .flatpickr-day.selected{background-color:#5052ba!important;border-color:#5052ba!important;color:#fff!important}body[data-layout-mode=dark] .flatpickr-day.flatpickr-disabled,body[data-layout-mode=dark] .flatpickr-day.flatpickr-disabled:hover,body[data-layout-mode=dark] .flatpickr-day.nextMonthDay,body[data-layout-mode=dark] .flatpickr-day.notAllowed,body[data-layout-mode=dark] .flatpickr-day.notAllowed.nextMonthDay,body[data-layout-mode=dark] .flatpickr-day.notAllowed.prevMonthDay,body[data-layout-mode=dark] .flatpickr-day.prevMonthDay{color:rgba(216,219,221,.3)!important}body[data-layout-mode=dark] .flatpickr-day.inRange{-webkit-box-shadow:-5px 0 0 #32303c,5px 0 0 #32303c;box-shadow:-5px 0 0 #32303c,5px 0 0 #32303c}body[data-layout-mode=dark] .flatpickr-day.endRange,body[data-layout-mode=dark] .flatpickr-day.endRange.inRange,body[data-layout-mode=dark] .flatpickr-day.endRange.nextMonthDay,body[data-layout-mode=dark] .flatpickr-day.endRange.prevMonthDay,body[data-layout-mode=dark] .flatpickr-day.endRange:focus,body[data-layout-mode=dark] .flatpickr-day.endRange:hover,body[data-layout-mode=dark] .flatpickr-day.selected,body[data-layout-mode=dark] .flatpickr-day.selected.inRange,body[data-layout-mode=dark] .flatpickr-day.selected.nextMonthDay,body[data-layout-mode=dark] .flatpickr-day.selected.prevMonthDay,body[data-layout-mode=dark] .flatpickr-day.selected:focus,body[data-layout-mode=dark] .flatpickr-day.selected:hover,body[data-layout-mode=dark] .flatpickr-day.startRange,body[data-layout-mode=dark] .flatpickr-day.startRange.inRange,body[data-layout-mode=dark] .flatpickr-day.startRange.nextMonthDay,body[data-layout-mode=dark] .flatpickr-day.startRange.prevMonthDay,body[data-layout-mode=dark] .flatpickr-day.startRange:focus,body[data-layout-mode=dark] .flatpickr-day.startRange:hover{background-color:#5052ba!important;border-color:#5052ba!important;color:#fff!important}body[data-layout-mode=dark] .flatpickr-time .flatpickr-am-pm,body[data-layout-mode=dark] .flatpickr-time .flatpickr-time-separator,body[data-layout-mode=dark] .flatpickr-time input{color:#d8dbdd!important}body[data-layout-mode=dark] .flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#d8dbdd}body[data-layout-mode=dark] .flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#d8dbdd}.ck.ck-toolbar{background-color:rgba(246,245,250,.75)!important;border:1px solid #e2e5e8!important}.ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.ck.ck-toolbar .ck.ck-toolbar__separator{background:0 0!important}.ck.ck-editor__main>.ck-editor__editable{border-top:0!important;background-color:#fff!important;border-color:#e2e5e8!important;-webkit-box-shadow:0 0 6px #eae7f3!important;box-shadow:0 0 6px #eae7f3!important}.ck.ck-dropdown__panel,.ck.ck-list{background:#fff!important;border:1px solid #eff0f2!important;-webkit-box-shadow:0 0 6px #eae7f3!important;box-shadow:0 0 6px #eae7f3!important}.ck.ck-reset_all,.ck.ck-reset_all *{color:#545965!important}.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se{left:0;right:auto!important}.ck.ck-editor__editable_inline[dir=rtl]{text-align:left!important}.ck-editor__editable{min-height:245px!important}.ck.ck-button.ck-on:not(.ck-disabled):active,.ck.ck-button.ck-on:not(.ck-disabled):hover,a.ck.ck-button.ck-on:not(.ck-disabled):active,a.ck.ck-button.ck-on:not(.ck-disabled):hover{background:#f6f5fa!important;-webkit-box-shadow:none!important;box-shadow:none!important}.ck.ck-button:active,.ck.ck-button:focus,a.ck.ck-button:active,a.ck.ck-button:focus{background:#f6f5fa!important;border-color:#f6f5fa!important}.ck.ck-tooltip .ck-tooltip__text{background:#1a1823!important;color:#f6f5fa!important}.ck.ck-button:not(.ck-disabled):hover,.ck.ck-toolbar .ck.ck-button.ck-on,a.ck.ck-button.ck-on,a.ck.ck-button:not(.ck-disabled):hover{background:rgba(246,245,250,.75)!important}.ck.ck-list__item .ck-button .ck-button__label{font-family:"Work Sans",sans-serif}body[data-layout-mode=dark] .ck.ck-toolbar{background-color:#32303c!important;border-color:#32303c!important}body[data-layout-mode=dark] .ck.ck-dropdown__panel,body[data-layout-mode=dark] .ck.ck-list{background-color:#2f2d38!important;border-color:#2f2d38!important;-webkit-box-shadow:0 0 6px #eae7f3!important;box-shadow:0 0 6px #eae7f3!important}body[data-layout-mode=dark] .ck.ck-editor__main>.ck-editor__editable{background-color:#292731!important;border-color:#32303c!important}body[data-layout-mode=dark] .ck.ck-icon :not([fill]){fill:#d8dbdd!important}body[data-layout-mode=dark] .ck.ck-reset_all,body[data-layout-mode=dark] .ck.ck-reset_all *{color:#93929b!important}body[data-layout-mode=dark] .ck .ck-input-text,body[data-layout-mode=dark] .ck .ck-label,body[data-layout-mode=dark] .ck .ck-link-form{background-color:#2f2d38!important}body[data-layout-mode=dark] .ck.ck-button:active,body[data-layout-mode=dark] .ck.ck-button:focus,body[data-layout-mode=dark] a.ck.ck-button:active,body[data-layout-mode=dark] a.ck.ck-button:focus{border-color:#32303c!important}body[data-layout-mode=dark] .ck.ck-button:not(.ck-disabled):hover,body[data-layout-mode=dark] .ck.ck-toolbar .ck.ck-button.ck-on,body[data-layout-mode=dark] a.ck.ck-button.ck-on,body[data-layout-mode=dark] a.ck.ck-button:not(.ck-disabled):hover{background:rgba(147,146,155,.2)!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}.ql-editor{text-align:left}.ql-editor ol,.ql-editor ul{padding-left:1.5em;padding-right:0}.ql-editor li:not(.ql-direction-rtl)::before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-container{font-family:'Poppins', sans-serif}.ql-container.ql-snow{border-color:#e2e5e8}.ql-bubble{border:1px solid #e2e5e8;border-radius:.6rem}.ql-toolbar{font-family:'Poppins', sans-serif!important}.ql-toolbar span{outline:0!important;color:#545965}.ql-toolbar span:hover{color:#5052ba!important}.ql-toolbar.ql-snow{border-color:#e2e5e8}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:transparent}.ql-toolbar.ql-snow .ql-picker-options{-webkit-box-shadow:0 0 6px #eae7f3;box-shadow:0 0 6px #eae7f3;border-radius:.75rem}.ql-snow .ql-script,.ql-snow .ql-strike svg,.ql-snow .ql-stroke{stroke:#545965}.ql-snow .ql-fill{fill:#545965}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{right:0;left:auto}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#545965}.ql-snow .ql-picker-options{background-color:#fff;border-color:#eff0f2!important}body[data-layout-mode=dark] .ql-container.ql-snow,body[data-layout-mode=dark] .ql-toolbar.ql-snow{border-color:#32303c}body[data-layout-mode=dark] .ql-toolbar span{color:#d8dbdd}body[data-layout-mode=dark] .ql-snow .ql-script,body[data-layout-mode=dark] .ql-snow .ql-strike svg,body[data-layout-mode=dark] .ql-snow .ql-stroke{stroke:#d8dbdd}body[data-layout-mode=dark] .ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#d8dbdd}body[data-layout-mode=dark] .ql-snow .ql-picker-options{background-color:#32303c;border-color:#32303c!important}body[data-layout-mode=dark] .ql-bubble{border-color:#32303c}body[data-layout-mode=dark] .ql-bubble .ql-tooltip{background-color:#32303c}.dropzone{min-height:230px;border:2px dashed #e2e5e8;background:#fff;border-radius:6px}.dropzone .dz-message{font-size:24px;width:100%}body[data-layout-mode=dark] .dropzone{background:#2b2934;border-color:#32303c}.wizard-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.wizard-nav .wizard-list-item{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.wizard-nav .wizard-list-item .list-item{width:100%;font-size:14px;position:relative}.wizard-nav .step-icon{display:inline-block;width:56px;height:56px;line-height:54px;border:1px solid rgba(80,82,186,.2);color:#5052ba;text-align:center;border-radius:50%;position:relative;z-index:1;font-size:20px}@media (max-width:575.98px){.wizard-nav .step-icon{width:40px;height:40px;line-height:38px}}.wizard-nav .step-title{margin-left:6px}.wizard-nav .wizard-list-item:last-child .list-item::after{display:none}.wizard-nav .wizard-list-item .list-item.done .step-icon{background-color:#5052ba;color:#fff}.wizard-nav .wizard-list-item .list-item.done .uil:before{content:"\e9c3"}.wizard-nav .list-item{font-size:14px;position:relative}@media (max-width:575.98px){.wizard-nav .list-item{padding:.5rem}}.wizard-nav .list-item::after{content:"";position:absolute;width:75%;height:2px;background-color:#eff0f2;left:62%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width:575.98px){.wizard-nav .list-item::after{display:none}}.wizard-nav .list-item.active{color:#545965;background-color:transparent}.wizard-nav .list-item.active .step-icon{background-color:rgba(80,82,186,.2);color:#5052ba;border-color:rgba(80,82,186,.2)}.wizard-tab{display:none}body[data-layout-mode=dark] .wizard-nav .list-item::after{background-color:#32303c}.apex-charts{min-height:10px!important}.apex-charts text{font-family:'Poppins', sans-serif!important}.apex-charts .apexcharts-canvas{margin:0 auto}.apexcharts-tooltip-text,.apexcharts-tooltip-title{font-family:'Poppins', sans-serif!important}.apexcharts-text tspan{font-family:'Poppins', sans-serif!important;font-size:11px}.apexcharts-tooltip *{font-family:'Poppins', sans-serif!important;color:#80838b!important}.apexcharts-tooltip.apexcharts-theme-dark *{color:#fff!important}.apexcharts-legend-series{font-weight:500}.apexcharts-gridline{pointer-events:none;stroke:#f8f9fa}.apexcharts-legend-text{color:#80838b!important;font-family:'Poppins', sans-serif!important;font-size:13px!important}.apexcharts-pie-label{fill:#fff!important}.apexcharts-subtitle-text,.apexcharts-title-text{fill:#7d8287}.apexcharts-xaxis text,.apexcharts-yaxis text{font-family:'Poppins', sans-serif!important;fill:#7d8287}.apexcharts-yaxis-title{font-weight:500}#dynamicloadedchart-wrap{margin:0 auto;max-width:800px;position:relative}.chart-box{padding-left:0}#chart-quarter,#chart-year{width:96%;max-width:48%;-webkit-box-shadow:none;box-shadow:none;padding-left:0;padding-top:20px;background:#fff;border:1px solid #eff0f2}#chart-year{float:left;position:relative;-webkit-transition:1s ease transform;transition:1s ease transform;z-index:3}#chart-year.chart-quarter-activated{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:1s ease transform;transition:1s ease transform}#chart-quarter{float:left;position:relative;z-index:-2;-webkit-transition:1s ease transform;transition:1s ease transform}#chart-quarter.active{-webkit-transition:1.1s ease-in-out transform;transition:1.1s ease-in-out transform;-webkit-transform:translateX(0);transform:translateX(0);z-index:1}@media screen and (min-width:480px){#chart-year{-webkit-transform:translateX(50%);transform:translateX(50%)}#chart-quarter{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}body[data-layout-mode=dark] .apex-charts text{fill:#7d8287}body[data-layout-mode=dark] .apexcharts-xaxis text,body[data-layout-mode=dark] .apexcharts-yaxis text{fill:#d8dbdd}body[data-layout-mode=dark] .apexcharts-xaxis .apexcharts-text,body[data-layout-mode=dark] .apexcharts-yaxis .apexcharts-text{fill:#e2e5e8}body[data-layout-mode=dark] .apexcharts-gridline{stroke:#2f2d38}body[data-layout-mode=dark] .apexcharts-tooltip.apexcharts-theme-light{background-color:#292731;border-color:#2f2d38}body[data-layout-mode=dark] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{background-color:#32303c;border-color:#383643}body[data-layout-mode=dark] .apexcharts-legend-text{color:#d8dbdd!important}body[data-layout-mode=dark] .apexcharts-grid-row+line,body[data-layout-mode=dark] .apexcharts-yaxis-texts-g.apexcharts-xaxis-inversed-texts-g+line{stroke:#383643}body[data-layout-mode=dark] .apexcharts-heatmap-rect,body[data-layout-mode=dark] .apexcharts-pie-area,body[data-layout-mode=dark] .apexcharts-treemap-rect,body[data-layout-mode=dark] .apexcharts-xaxis line{stroke:#383643}body[data-layout-mode=dark] .apexcharts-radialbar-track.apexcharts-track path{stroke:#383643}body[data-layout-mode=dark] .apexcharts-radar-series.apexcharts-plot-series line,body[data-layout-mode=dark] .apexcharts-radar-series.apexcharts-plot-series polygon{fill:#32303c;stroke:#383643}body[data-layout-mode=dark] .apexcharts-pie circle{stroke:#383643}body[data-layout-mode=dark] #chart-quarter,body[data-layout-mode=dark] #chart-year{background-color:#292731;border-color:#2f2d38}body[data-layout-mode=dark] .apexcharts-pie line{stroke:#32303c}.e-charts{height:350px}.chartjs-chart{max-height:350px}.glightbox-clean .gslide-title{font-family:'Poppins', sans-serif;margin-bottom:5px;font-weight:500;font-size:18px}.glightbox-clean .gslide-desc{font-family:'Poppins', sans-serif;font-size:14px}.glightbox-clean .gclose{border:2px solid #fff;border-radius:7px;right:10px;left:auto}@media (min-width:992px){.glightbox-clean .gclose{right:20px;left:auto}}.glightbox-clean .gclose svg{width:12px}.gmaps,.gmaps-panaroma{height:300px;background:#fbfafd;border-radius:3px}.gmaps-overlay{display:block;text-align:center;color:#fff;font-size:16px;line-height:40px;background:#5052ba;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 #5052ba}.gmaps-overlay_arrow.below{top:-15px;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:16px solid #5052ba}.jvm-tooltip{border-radius:3px;background-color:#5052ba;font-family:'Poppins', sans-serif;-webkit-box-shadow:0 5px 6px rgba(26,24,35,.1);box-shadow:0 5px 6px rgba(26,24,35,.1);padding:3px 5px}.leaflet-map{height:300px}.leaflet-map.leaflet-container{z-index:99}.pages-bg{background-position:center}.pages-bg .bg-overlay{opacity:.4}.auth-bg{background-image:url(../images/bg-auth.png);background-position:center;background-size:cover;background-repeat:no-repeat}.auth-bg .bg-overlay{opacity:.82;border-top-left-radius:40px;border-bottom-left-radius:40px}@media (min-width:768px){.auth-bg{border-top-left-radius:40px;border-bottom-left-radius:40px;height:100vh}}.input-custom-icon .form-control{padding-left:40px;padding-right:20px}.input-custom-icon svg{position:absolute;z-index:10;width:16px;height:16px;line-height:40px;left:13px;top:50%;font-size:16px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#7d8287}.auth-pass-inputgroup input[type=text]+.btn .mdi-eye-outline:before{content:"\F06D1"}.auth-pass-inputgroup button{line-height:22px}.form-floating-custom{position:relative}.form-floating-custom>label{left:48px;margin-top:2px}.form-floating-custom>.form-control,.form-floating-custom>.form-select{padding-left:60px}.form-floating-custom .form-floating-icon{position:absolute;top:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:56px;fill:#80838b}.form-floating-custom .form-floating-icon svg{width:22px;height:22px}.auth-full-page-content{background-color:#fff}.home-btn{position:fixed;top:30px;right:30px;z-index:1}.auth-logo .auth-logo-dark{display:block;margin:0 auto}.auth-logo .auth-logo-light{display:none;margin:0 auto}.authentication-bg{background-size:cover;background-repeat:no-repeat;background-position:bottom;background-image:url(../images/login-img.png);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.authentication-bg .auth-logo .logo{margin:0 auto}.authentication-bg .auth-logo .auth-logo-light{display:none;margin:0 auto}.authentication-bg .auth-logo .auth-logo-dark{margin:0 auto}.authentication-bg .bg-overlay{opacity:.8}.authentication-bg .auth-cover-card .authentication-bg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.authentication-bg .auth-cover-card .bg-overlay{opacity:.6}.authentication-bg .auth-cover-card .form-floating label{color:rgba(255,255,255,.5)}.authentication-bg .auth-cover-card .form-floating .form-control{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.1);color:#fff}.authentication-bg .auth-cover-card .form-floating .form-floating-icon{color:rgba(255,255,255,.5)}.form-floating-custom{position:relative}.form-floating-custom>label{left:48px}.form-floating-custom>.form-control,.form-floating-custom>.form-select{padding-left:60px}.form-floating-custom .form-floating-icon{position:absolute;left:0;top:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-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;width:56px;color:#80838b}.error-font{font-size:9rem;text-shadow:4px 4px 6px rgba(26,24,35,.26)}.mover-animation{-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite alternate}@-webkit-keyframes mover{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes mover{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.signin-other-title{position:relative}.signin-other-title:after{content:"";position:absolute;width:75%;height:1px;left:0;right:0;background-color:#e2e5e8;top:12px;margin:0 auto}.signin-other-title .title{display:inline-block;position:relative;z-index:9;background-color:#fff;padding:2px 16px}.auth-img{background-image:url(https://images.unsplash.com/photo-1593062096033-9a26b09da705?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80);background-size:cover;background-position:center;height:100%;width:100%}@media (max-width:991.98px){.auth-img{height:250px}}body[data-layout-mode=dark] .auth-full-page-content{background-color:#292731}body[data-layout-mode=dark] .auth-bg .bg-white{background-color:#292731!important}body[data-layout-mode=dark] .auth-logo .auth-logo-light{display:block;margin:0 auto}body[data-layout-mode=dark] .auth-logo .auth-logo-dark{display:none;margin:0 auto}.product-box{border:2px solid #f6f5fa;position:relative}.search-box .form-control{border-radius:30px;padding-left:40px}.search-box .search-icon{font-size:16px;position:absolute;left:13px}.product-list li a{display:block;padding:4px 0;color:#545965}.product-review-link .list-inline-item a{color:#80838b;padding:4px 8px;font-size:15px}.product-view-nav.nav-pills .nav-item{margin-left:4px}.product-view-nav.nav-pills .nav-link{width:36px;height:36px;font-size:16px;padding:0;line-height:36px;text-align:center;border-radius:50%}.product-ribbon{position:absolute;right:0;top:0}.product-content{position:relative}.product-content .product-buy-icon{width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;position:absolute;right:0}.product-detail .swiper-button-next,.product-detail .swiper-button-prev{color:#5052ba;width:35px;height:35px;background:rgba(80,82,186,.3);border-radius:50%}.product-detail .swiper-button-next:after,.product-detail .swiper-button-prev:after{font-size:20px}.product-detail .swiper-button-next{right:20px}.product-detail .swiper-button-prev{left:20px}.product-detail .nav-slide-item{padding:0 15px}.product-detail .nav-slide-item img{border:2px solid transparent}.product-detail .nav-slide-item:hover{cursor:pointer}.product-detail .swiper-slide-thumb-active .nav-slide-item img{border:2px solid #5052ba}.modal-button{position:absolute;right:0;z-index:2}@media (max-width:576px){.modal-button{position:inherit}}[dir=rtl] .modal-button{left:0;right:auto}.product-detail .nav .nav-link{margin:0 13px;padding:2px}.product-color a{display:inline-block;text-align:center;color:#545965}.product-color a .product-color-item{margin:7px}.product-color a.active,.product-color a:hover{color:#5052ba}.product-color a.active .product-color-item,.product-color a:hover .product-color-item{border-color:#5052ba!important}.visa-card .visa-logo{line-height:.5}.visa-card .visa-pattern{position:absolute;font-size:385px;color:rgba(255,255,255,.05);line-height:.4;right:0;bottom:0}.activity-checkout{list-style:none}.activity-checkout .checkout-icon{position:absolute;top:-4px;left:-24px}.activity-checkout .checkout-item{position:relative;padding-bottom:24px;padding-left:35px;border-left:2px solid #f6f5fa}.activity-checkout .checkout-item:first-child{border-color:#5052ba}.activity-checkout .checkout-item:first-child:after{background-color:#5052ba}.activity-checkout .checkout-item:last-child{border-color:transparent}.activity-checkout .checkout-item.crypto-activity{margin-left:50px}.activity-checkout .checkout-item .crypto-date{position:absolute;top:3px;left:-65px}.shipping-address{-webkit-box-shadow:none;box-shadow:none}.shipping-address.active{border-color:#5052ba!important}.product-tag{position:absolute;top:0;z-index:9;right:0;width:100%;display:block;font-size:15px;padding:0;overflow:hidden;height:100px}.product-tag .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:#5052ba;background:#fff}.checkout-tabs .nav-pills .nav-link{margin-bottom:24px;text-align:center;background-color:#fff;-webkit-box-shadow:0 0 6px #eae7f3;box-shadow:0 0 6px #eae7f3}.checkout-tabs .nav-pills .nav-link.active{background-color:#5052ba}.checkout-tabs .nav-pills .nav-link .check-nav-icon{font-size:36px}body[data-layout-mode=dark] .product-detai-imgs .nav .nav-link.active{background-color:#32303c}body[data-layout-mode=dark] .product-list li a{color:#b7c1cf}body[data-layout-mode=dark] .checkout-tabs .nav-pills .nav-link{background-color:#32303c}body[data-layout-mode=dark] .checkout-tabs .nav-pills .nav-link.active{background-color:#5052ba}.ecommerce-slied-bg{background-size:cover;background-position:center;background-repeat:no-repeat;height:auto}.swiper-button-next{width:40px;height:40px;margin-top:-22px;line-height:40px;background-color:#5052ba;text-align:center;font-size:30px;color:#fff;border-radius:50%}.swiper-button-prev{width:40px;height:40px;margin-top:-22px;line-height:40px;background-color:#5052ba;text-align:center;font-size:30px;color:#fff;border-radius:50%}.email-search .form-control{border:0;background-color:#eff0f2;padding:.6rem .75rem;border:1px solid #eff0f2}.email-search span{position:absolute;z-index:10;line-height:42px;right:13px;top:0;color:#80838b}.categories-list{padding:4px 0}.categories-list li a{display:block;padding:4px 12px;color:#545965}.categories-list li.active a{color:#5052ba}.email-link-name{width:40px;height:40px;display:inline-block;border-radius:50%;border:1px solid}.email-link-name h6{font-size:15px;line-height:38px}.email-leftbar{width:310px;float:left;border-radius:5px}.email-rightbar{margin-left:330px}@media (max-width:767px){.email-leftbar{float:none;width:100%}.email-rightbar{margin:0}}.mail-list a{display:block;color:#80838b;line-height:24px;padding:9px 12px}.mail-list a.active{color:#5052ba;font-weight:500;background:rgba(80,82,186,.1);border-radius:5px}.message-list{display:block;padding-left:0}.message-list li{position:relative;display:block;height:108px;cursor:default;-webkit-transition-duration:.3s;transition-duration:.3s;border-left:2px solid transparent;border-bottom:1px solid #eff0f2}.message-list li a{color:#80838b}.message-list li:hover{background:#f6f5fa;border-left:2px solid #5052ba;border-radius:5px}.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:23px 10px 0 20px}.message-list li .col-mail-1 .star-toggle{margin-top:25px;margin-left:5px}.message-list li .col-mail-1 .title{position:absolute;top:10px;left:110px;right:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:0}.message-list li .col-mail-1 .title .email-date{position:relative;margin-top:5px}.message-list li .col-mail-2{position:absolute;top:10px;left:320px;right:0;bottom:0}.message-list li .col-mail-2 .date,.message-list li .col-mail-2 .subject{position:absolute!important;top:0}.message-list li .col-mail-2 .email-desc,.message-list li .col-mail-2 .subject{position:relative;margin-top:5px}.message-list li .col-mail-2 .date{position:absolute;top:10px}.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:50px}.message-list li.active,.message-list li.active:hover{-webkit-box-shadow:inset 3px 0 0 #5052ba;box-shadow:inset 3px 0 0 #5052ba}.message-list li.unread{background:#f6f5fa;border-left:2px solid #5052ba;border-radius:5px;color:#0f0e14}.message-list .checkbox-wrapper-mail{cursor:pointer;height:20px;width:20px;position:relative;display:inline-block;-webkit-box-shadow:inset 0 0 0 1px #e2e5e8;box-shadow:inset 0 0 0 1px #e2e5e8;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:.05s;transition-duration:.05s;top:0}.message-list .checkbox-wrapper-mail label:before{content:"\F012C";font-family:"Material Design Icons";top:0;height:20px;color:#0f0e14;width:20px;position:absolute;margin-top:1px;left:4px;font-size:13px}@media (max-width:575.98px){.message-list li .col-mail-1{width:280px}.date{display:none}}@media (min-width:1200px){.chat-leftsidebar{min-width:360px}}@media (min-width:992px) and (max-width:1199.98px){.chat-leftsidebar{min-width:290px}}.chat-noti-dropdown{position:relative;z-index:2}.chat-noti-dropdown.active:before{content:"";position:absolute;width:8px;height:8px;background-color:#ed4b42;border-radius:50%;right:0}.chat-noti-dropdown .btn{padding:6px;-webkit-box-shadow:none;box-shadow:none;font-size:16px}.chat-message-list{height:calc(100vh - 346px)}@media (min-width:992px){.chat-message-list{height:calc(100vh - 520px)}}@media (min-width:992px){.chat-rightsidebar{height:calc(100vh - 785px)}}.chat-search-box .form-control{border:0}.chat-user-status{position:relative}.chat-user-status .status{width:12px;height:12px;background-color:#24ab5e;border-radius:50%;border:2px solid #fff;position:absolute;left:60px;right:0;margin:0 auto;bottom:5px}.chat-list{margin:0}.chat-list .active{background:rgba(80,82,186,.1);border-radius:.75rem!important}.chat-list .active h5{color:#5052ba}.chat-list li a{position:relative;display:block;padding:18px;color:#80838b;-webkit-transition:all .4s;transition:all .4s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list li .user-img{position:relative}.chat-list li .user-img .user-status{width:10px;height:10px;background-color:#7d8287;border-radius:50%;border:2px solid #fff;position:absolute;left:0;bottom:0}.chat-list li .user-img.online .user-status{background-color:#24ab5e}.chat-list li .user-img.away .user-status{background-color:#f0c42b}.chat-list li.unread a{font-weight:600;color:#1a1823}.chat-list li .unread-message{position:absolute;display:inline-block;right:16px;top:33px}.group-list li a{border:0}.user-chat-nav .dropdown .nav-btn{height:36px;width:36px;line-height:36px;-webkit-box-shadow:none;box-shadow:none;padding:0;font-size:16px;border-radius:50%}.contact-list{font-size:12px;text-transform:uppercase;color:#80838b;font-weight:600}.chat-conversation{height:calc(100vh - 300px)}@media (min-width:992px){.chat-conversation{height:calc(100vh - 335px)}}.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{display:inline-block;background-color:#fff;position:relative;z-index:1;padding:4px 16px;border-radius:7px}.chat-conversation .chat-day-title:before{content:"";position:absolute;width:100%;height:1px;left:0;right:0;background-color:#eff0f2;top:16px}.chat-conversation .chat-day-title .badge{font-size:12px}.chat-conversation .chat-avatar{text-align:center}.chat-conversation .chat-avatar img{width:32px;height:32px;border-radius:50%}.chat-conversation .chat-avatar .time{font-size:12px;color:#80838b;font-weight:500;margin-top:4px}.chat-conversation .conversation-list{margin-bottom:24px;position:relative}@media (min-width:992px){.chat-conversation .conversation-list{max-width:90%}}.chat-conversation .conversation-list .ctext-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px}.chat-conversation .conversation-list .ctext-wrap-content{padding:15px 20px;background-color:#f3f2f8;border-radius:0 8px 8px 8px;color:#80838b;position:relative;margin-left:10px}.chat-conversation .conversation-list .ctext-wrap-content:before{content:"";position:absolute;border:5px solid transparent;border-right-color:#f3f2f8;border-top-color:#f3f2f8;left:-10px;top:0}.chat-conversation .conversation-list .conversation-name{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:13px}.chat-conversation .conversation-list .conversation-name .time{font-size:12px;position:absolute;left:-50px;top:54px;bottom:0;color:#80838b;font-weight:400;-webkit-transition:all .4s;transition:all .4s}.chat-conversation .conversation-list .conversation-name .user-name{color:rgba(255,255,255,.5)}.chat-conversation .conversation-list:hover .time{opacity:1}.chat-conversation .conversation-list .dropdown .dropdown-toggle{font-size:18px;padding:4px;color:#80838b}@media (max-width:575.98px){.chat-conversation .conversation-list .dropdown .dropdown-toggle{display:none}}.chat-conversation .conversation-list .chat-time{font-size:12px;margin-top:4px;text-align:right;color:rgba(255,255,255,.5)}.chat-conversation .conversation-list .message-img{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.chat-conversation .conversation-list .message-img .message-img-list{position:relative}.chat-conversation .conversation-list .message-img img{max-width:80px}.chat-conversation .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.chat-conversation .right .conversation-list{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:#5052ba;text-align:right;border-radius:8px 0 8px 8px;color:#fff;margin-left:0;margin-right:10px}.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content:before{border:5px solid transparent;border-top-color:#5052ba;border-left-color:#5052ba;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{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-left:0;margin-right:8px;position:absolute;right:-58px;left:auto}.chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name{color:#1a1823;-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}.chat-conversation .right .conversation-list .chat-avatar{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.chat-input-section{border-top:1px solid #eff0f2}.chat-input{background-color:#f6f5fa!important;border-color:#f6f5fa!important}@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 - 475px)}}body[data-layout=horizontal] .chat-conversation{height:calc(100vh - 300px)}@media (min-width:992px){body[data-layout=horizontal] .chat-conversation{height:calc(100vh - 311px)}}body[data-layout-mode=dark] .chat-noti-dropdown .btn{color:#d8dbdd}body[data-layout-mode=dark] .chat-list li a{border-color:#32303c}body[data-layout-mode=dark] .chat-list li .user-img .user-status{border-color:#292731}body[data-layout-mode=dark] .chat-list li.unread a{color:#d8dbdd}body[data-layout-mode=dark] .chat-conversation .chat-day-title .title,body[data-layout-mode=dark] .chat-conversation .chat-day-title:before{background-color:#32303c}body[data-layout-mode=dark] .user-chat-nav .dropdown .nav-btn{color:#d8dbdd}body[data-layout-mode=dark] .chat-conversation .conversation-list .conversation-name .user-name{color:#d8dbdd}body[data-layout-mode=dark] .chat-conversation .conversation-list .ctext-wrap-content{background-color:#32303c!important}body[data-layout-mode=dark] .chat-conversation .conversation-list .ctext-wrap-content:before{border-right-color:#32303c;border-top-color:#32303c}body[data-layout-mode=dark] .chat-conversation .right .conversation-list .ctext-wrap-content{background-color:#5052ba!important}body[data-layout-mode=dark] .chat-conversation .right .conversation-list .ctext-wrap-content:before{border-left-color:#5052ba;border-top-color:#5052ba}body[data-layout-mode=dark] .chat-input{background-color:#292731!important;border-color:#32303c!important}body[data-layout-mode=dark] .chat-input-section{border-top:1px solid #32303c}@media (min-width:992px){.small-chat .conversation-list{max-width:90%}}.contact-links a{color:#545965}.profile-user-wid{margin-top:-26px}.profile-user{background-image:url(../images/profile-bg-1.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;margin:-24px -24px 23px -24px;padding:140px 0;position:relative}.profile-user:after{background:-webkit-gradient(linear,left top,left bottom,color-stop(30%,rgba(80,82,186,.9)),to(#5052ba));background:linear-gradient(to bottom,rgba(80,82,186,.9) 30%,#5052ba 100%);position:absolute;height:100%;width:100%;right:0;bottom:0;left:0;top:0;opacity:.5;content:""}.profile-content{position:relative;margin-top:-60px}.countdownlist{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px}.countdownlist .countdownlist-item{width:25%}.countdownlist .countdownlist-item:last-of-type .count-num::after{display:none}.countdownlist .count-title{font-size:13px;font-weight:500;display:block;margin-bottom:8px;color:rgba(26,24,35,.5);text-transform:uppercase}.countdownlist .count-num{background-color:rgba(80,82,186,.1);color:#5052ba;padding:16px 8px;position:relative;border-radius:.75rem;-webkit-box-shadow:0 0 6px #eae7f3;box-shadow:0 0 6px #eae7f3;font-weight:600;font-size:32px}@media (max-width:575.98px){.countdownlist .count-num{font-size:18px}}.countdownlist .count-num::after{content:":";font-size:20px;position:absolute;right:-16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#1a1823}.countdown-endtxt{font-size:24px;font-weight:600}.countdown-input-group{max-width:350px}body[data-layout-mode=dark] .countdownlist .count-title{color:#93929b}body[data-layout-mode=dark] .countdownlist .count-num{background-color:#32303c;color:#d8dbdd}body[data-layout-mode=dark] .countdownlist .count-num::after{color:#32303c}.wrapper{width:95%;margin:0 auto}.timeline-sec{padding:80px 0 10px 0}.timeline-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:100px;position:relative}.timeline-box{width:33.33%;position:relative}.timeline-row:nth-child(2n+2){-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.timeline-row:nth-child(2n+2)::after{right:auto;left:0;-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.timeline-row:nth-child(2n+2) .timeline-box{width:30%}.timeline-row:nth-child(2n+2) .timeline-box::after{-webkit-transform:translate(50%,-50%) rotate(180deg);transform:translate(50%,-50%) rotate(180deg);left:-50%}.timeline-row:nth-child(2n+2) .timeline-box:nth-child(3)::after{display:none}.timeline-row:nth-child(2n+2) .timeline-box .timeline-content{width:85%}.timeline-date .date{position:relative;padding-top:20px}.timeline-box .timeline-date{position:relative;border:2px solid #e5e5e5;width:90px;height:90px;border-radius:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;margin-top:-48px;z-index:1}.timeline-box .timeline-content{background-color:#f6f5fa;padding:25px;width:85%;margin-top:25px;position:relative}.timeline-box .timeline-content::before{width:0;height:0;border-bottom:15px solid #f6f5fa;border-right:17px solid transparent;position:absolute;top:-14px;left:0;content:""}.timeline-row:last-child{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;padding-bottom:70px}.timeline-row:last-child::after{position:absolute;top:0;left:3%;width:47%;height:0;content:"";background-color:transparent;background-image:none;-webkit-transform:none;transform:none;z-index:0;border-top:2px dotted #e5e5e5}.timeline-row:last-child .timeline-box{width:auto;z-index:1}.timeline-row:last-child .timeline-box::after{display:none}.timeline-row:last-child .timeline-box .timeline-date{color:#fff;border:0;margin-top:-46px}.timeline-row:nth-last-child(1):nth-child(even):after{right:3%;left:initial}.timeline-row .horizontal-line{border-top:2px dotted #e5e5e5;width:calc(100% - 100px);margin:0 auto;position:absolute;top:0;left:0;right:0}.timeline-row .verticle-line{margin:0;padding:0;width:2px;border-right:2px dotted #e5e5e5;height:calc(100% - 100px);position:absolute;top:0;right:0;margin:auto 0;bottom:0}.timeline-row:nth-child(2n+2){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.timeline-row:nth-child(2n+2) .verticle-line{left:0;right:inherit}.timeline-row:nth-child(2n+2) .corner{right:inherit;left:0;border-left:2px dotted #e5e5e5;border-right:0;border-radius:70px 0 0 0}.timeline-row:nth-child(2n+2) .corner.bottom{border-radius:0 0 0 70px}.timeline-sec .local-solutions-txt{font-size:24px}.corner{position:absolute;border-right:2px dotted #e5e5e5;width:50px;height:50px;right:0;border-top:2px dotted #e5e5e5;top:0;border-radius:0 70px 0 0}.corner.bottom{bottom:-2px;top:inherit;border-radius:0;border-top:0;border-bottom:2px dotted #e5e5e5;border-radius:0 0 70px 0;right:0}@media screen and (max-width:1024px){.timeline-row{padding-bottom:0}.timeline-row .horizontal-line{display:none}.timeline-row .verticle-line{display:none}.timeline-row::after{display:none;width:26px;height:26px}.timeline-row:nth-child(2n+2){padding-left:0;-webkit-box-orient:unset;-webkit-box-direction:unset;-ms-flex-direction:unset;flex-direction:unset}.timeline-row:nth-child(2n+2)::after{display:none;width:26px;height:26px}.timeline-row:nth-child(2n+2) .timeline-box{width:100%}.timeline-row:nth-child(2n+2) .timeline-box::after{-webkit-transform:translate(-50%,100%) rotate(90deg);transform:translate(-50%,100%) rotate(90deg);top:50%;left:50%}.timeline-row:nth-child(2n+2) .timeline-box .timeline-content{width:41%;margin:-40px 0 0 0}.timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+1){text-align:right}.timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+1) .timeline-content{display:inline-block;text-align:left}.timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+1) .timeline-content::before{left:-16px;right:auto;border-bottom:0 solid #f6f5fa;border-top:15px solid #f6f5fa;top:0;border-left:15px solid transparent}.timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+2){text-align:left}.timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+2) .timeline-content::before{left:auto;right:-16px;border-bottom:0 solid #f6f5fa;border-top:15px solid #f6f5fa;top:0}.timeline-row:nth-child(2n+2) .timeline-box:nth-child(3)::after{display:block}.timeline-row:nth-child(2n+2) .verticle-line{left:50%}.timeline-row:last-child{padding-bottom:20px}.timeline-row:last-child .timeline-box .timeline-date{margin-top:0;font-size:13px;width:66px;height:66px}.corner{display:none}.timeline-box{width:100%;padding-bottom:30px}.timeline-box::after{-webkit-transform:translate(-50%,100%) rotate(90deg);transform:translate(-50%,100%) rotate(90deg);top:50%;left:50%;width:26px;height:26px}.timeline-box .timeline-date{margin-top:0;margin:0 auto;width:70px;height:70px}.timeline-box .timeline-date .date{padding-top:10px}.timeline-box .timeline-content{width:41%;margin:-40px 0 0 0}.timeline-box .timeline-content::before{left:auto;right:-16px;border-bottom:0 solid #f6f5fa;border-top:15px solid #f6f5fa;top:0}.timeline-box:nth-child(2n+2){text-align:right}.timeline-box:nth-child(2n+2) .timeline-content{display:inline-block;text-align:left}.timeline-box:nth-child(2n+2) .timeline-content::before{left:-16px;right:auto;border-bottom:0 solid #f6f5fa;border-top:15px solid #f6f5fa;top:0;border-left:15px solid transparent}.verticle-line{display:block!important;left:50%;height:calc(100% - 0px)!important;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}}@media screen and (max-width:640px){.timeline-box{text-align:right;padding-bottom:20px}.timeline-box .timeline-date{margin:0;width:50px}.timeline-box .timeline-content{width:78%;margin:-38px 0 0 0;text-align:left;font-size:13px;display:inline-block}.timeline-box .timeline-content::before{left:-14px;right:0;border-bottom:0 solid #f6f5fa;border-top:15px solid #f6f5fa;top:0;border-top:15px solid #f6f5fa;border-left:15px solid transparent;border-right:0 solid transparent}.timeline-box:nth-child(2n+2) .timeline-content::before{left:-14px}.timeline-box::after{width:24px;height:24px;left:35px;left:25px}.verticle-line{left:25px}.timeline-row:nth-child(2n+2) .verticle-line{left:25px}.timeline-row:nth-child(2n+2) .timeline-box .timeline-content{width:78%;margin:-38px 0 0 0;text-align:left;font-size:13px;display:inline-block}.timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+2){text-align:right}.timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+2) .timeline-content::before{left:-14px;right:0;border-bottom:0 solid #f6f5fa;border-top:15px solid #f6f5fa;top:0;border-top:15px solid #f6f5fa;border-left:15px solid transparent;border-right:0 solid transparent}.timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+1) .timeline-content::before{left:-14px}.timeline-row:nth-child(2n+2) .timeline-box::after{left:25px}.timeline-row:nth-child(2n+2)::after{width:24px;height:24px;left:35px}.timeline-row:last-child{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.timeline-row:last-child .timeline-box{margin:0 0 0 6px}.timeline-row:last-child .timeline-box .timeline-date{width:50px}.timeline-row::after{width:24px;height:24px;left:35px}}.categories-filter .list-inline-item{position:relative;margin-right:0}.categories-filter .list-inline-item a{display:block;color:#545965;font-weight:600;padding:8px 15px;margin:7px;cursor:pointer;border-radius:4px}.categories-filter .list-inline-item a.active{color:#5052ba;font-weight:700}.categories-filter .list-inline-item:after{content:"";display:block;width:5px;height:5px;border-radius:50%;background-color:#80838b;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-2px}.categories-filter .list-inline-item:last-child:after{display:none}.gallery-box{position:relative;text-align:center;overflow:hidden;border:1px solid #eff0f2}.gallery-box .gallery-container{position:relative;overflow:hidden;border-radius:4px 4px 0 0}.gallery-box .gallery-container a{display:block}.gallery-box .gallery-container .gallery-overlay{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;background:rgba(80,82,186,.2);visibility:hidden;overflow:hidden;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s}.gallery-box .gallery-container .gallery-overlay .overlay-caption{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0}.gallery-box .gallery-img{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.gallery-box .box-content{position:absolute;left:0;right:0;bottom:-28px;background-color:#fff;-webkit-transition:all .2s;transition:all .2s}.gallery-box .box-content .title{font-size:16px;margin-bottom:4px}.gallery-box .box-content .post{margin:0;opacity:0;-webkit-transition:all .2s;transition:all .2s;color:#80838b}.gallery-box:hover .box-content{bottom:0}.gallery-box:hover .box-content .post{opacity:1}.gallery-box:hover .gallery-img{-webkit-transform:translateY(-28px);transform:translateY(-28px)}.gallery-box:hover .gallery-overlay{opacity:1;visibility:visible}.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:#fff;background:#5052ba}.faq-icon i{font-size:80px;position:absolute;margin-top:-30px;right:-20px;opacity:.2}.profile-bg{height:210px;background-image:url(../images/profile-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.pricing-box{border-top:2px solid #5052ba}.pricing-box .pricing-features{color:#80838b}.pricing-box .pricing-features li{padding:4px 0}.error-title{font-size:250px}@media (max-width:425px){.error-title{font-size:150px}}.error-subtitle{font-weight:400;background-color:#f5f5f8;max-width:600px;font-size:28px;letter-spacing:2px;position:absolute;top:50%;left:0;right:0;margin:0 auto;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap}@media (max-width:425px){.error-subtitle{font-size:20px}}body[data-layout-mode=dark] .categories-filter .list-inline-item a{color:#d8dbdd}body[data-layout-mode=dark] .categories-filter .list-inline-item a.active{color:#5052ba}body[data-layout-mode=dark] .gallery-box .box-content{background-color:#292731}*/
/*# sourceMappingURL=app.min.css.map */

@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap);

body[data-layout-mode=dark] {
    background-color: #292731 !important;
    color: #93929b
}

    body[data-layout-mode=dark] .h1, body[data-layout-mode=dark] .h2, body[data-layout-mode=dark] .h3, body[data-layout-mode=dark] .h4, body[data-layout-mode=dark] .h5, body[data-layout-mode=dark] .h6, body[data-layout-mode=dark] h1, body[data-layout-mode=dark] h2, body[data-layout-mode=dark] h3, body[data-layout-mode=dark] h4, body[data-layout-mode=dark] h5, body[data-layout-mode=dark] h6 {
        color: #eeeff1
    }

.ishorizontal-topbar, .isvertical-topbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 260px;
    z-index: 1005;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 3px #eae7f3;
    box-shadow: 0 2px 3px #eae7f3;
    -webkit-transition: all .2s;
    transition: all .2s
}

@media (max-width:991.98px) {
    .ishorizontal-topbar, .isvertical-topbar {
        background-color: #fff
    }
}

.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 calc(24px / 2) 0 0
}

    .navbar-header .dropdown .header-item.show {
        color: #5052ba
    }

    .navbar-header .navbar-brand-box {
        display: none
    }

body:not([data-sidebar-size=sm]) .navbar-header .vertical-menu-btn {
    display: none
}

body:not([data-sidebar-size=sm]) .app-search {
    margin-left: 10px
}

.navbar-brand-box {
    padding: 0 1.5rem;
    width: calc(260px - 2px);
    position: fixed;
    z-index: 1;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s
}

.logo {
    line-height: 70px
}

    .logo .logo-sm {
        display: none
    }

.logo-dark {
    display: block
}

.logo-light {
    display: none
}

.app-search {
    padding: calc(26px / 2) 0
}

    .app-search .form-control {
        border: 1px solid #eff0f2;
        height: 44px;
        padding-left: 40px;
        padding-right: 20px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 6px #eae7f3;
        box-shadow: 0 0 6px #eae7f3;
        border-radius: .6rem;
        width: 320px
    }

    .app-search span {
        position: absolute;
        z-index: 10;
        line-height: 40px;
        left: 13px;
        top: 50%;
        font-size: 16px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #7d8287
    }

.megamenu-list li {
    position: relative;
    padding: 5px 0
}

    .megamenu-list li a {
        color: #545965
    }

@media (max-width:991.98px) {
    .navbar-brand-box {
        width: auto
    }

    .ishorizontal-topbar, .isvertical-topbar {
        left: 0
    }

        .ishorizontal-topbar .navbar-header .navbar-brand-box, .isvertical-topbar .navbar-header .navbar-brand-box {
            display: inline-block;
            position: relative
        }

        .ishorizontal-topbar .navbar-header .vertical-menu-btn, .isvertical-topbar .navbar-header .vertical-menu-btn {
            display: inline-block !important
        }

    .logo span.logo-lg {
        display: none
    }

    .logo span.logo-sm {
        display: inline-block
    }

    [data-layout-mode=dark] .ishorizontal-topbar .navbar-header .navbar-brand-box, [data-layout-mode=dark] .isvertical-topbar .navbar-header .navbar-brand-box {
        background-color: #292731
    }
}

.page-content {
    padding: calc(70px + 24px) calc(24px / 2) 60px calc(24px / 2)
}

.header-item {
    height: 70px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    fill: #555b6d;
    border: 0;
    border-radius: 0
}

    .header-item:hover {
        fill: #555b6d
    }

.header-profile-user {
    height: 42px;
    width: 42px;
    border: 1px solid #e9ebed;
    padding: 3px
}

.user .user-item-desc {
    line-height: 1.2
}

.user .user-name {
    font-size: 14.4px;
    font-weight: 600;
    display: block;
    color: #545965
}

.user .user-sub-title {
    color: #80838b;
    font-size: 11px;
    font-weight: 600
}

.noti-icon {
    position: relative
}

    .noti-icon i {
        font-size: 24px;
        color: #555b6d
    }

    .noti-icon .noti-dot {
        position: absolute;
        top: 20px;
        right: 10px;
        height: 14px;
        width: 14px;
        color: #fff;
        line-height: 14px;
        font-weight: 500;
        font-size: 10px
    }

    .noti-icon .badge {
        position: absolute;
        top: 12px;
        right: 6px;
        border: 2px solid #f6f5fa
    }

.notification-item .d-flex {
    padding: 1rem;
    border-bottom: 1px solid #eff0f2
}

    .notification-item .d-flex:hover {
        background-color: #fbfafd
    }

.dropdown-icon-item {
    display: block;
    border-radius: 3px;
    line-height: 34px;
    text-align: center;
    padding: 15px 0 9px;
    display: block;
    border: 1px solid transparent;
    color: #80838b
}

    .dropdown-icon-item img {
        height: 24px
    }

    .dropdown-icon-item span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dropdown-icon-item:hover {
        border-color: #f6f5fa
    }

.fullscreen-enable [data-toggle=fullscreen] .uil-minus-path::before {
    content: '\eb8d'
}

body[data-topbar=dark] .ishorizontal-topbar, body[data-topbar=dark] .isvertical-topbar {
    background-color: #292731
}

body[data-topbar=dark] .navbar-header .dropdown.show .header-item {
    background-color: rgba(255,255,255,.05)
}

body[data-topbar=dark] .header-item {
    color: #c0c5cb
}

    body[data-topbar=dark] .header-item i {
        color: #c0c5cb
    }

    body[data-topbar=dark] .header-item:hover {
        color: #c0c5cb
    }

body[data-topbar=dark] .header-profile-user {
    border-color: rgba(255,255,255,.25)
}

body[data-topbar=dark] .user-name {
    color: #c0c5cb
}

body[data-topbar=dark] .user-sub-title {
    color: rgba(255,255,255,.5)
}

body[data-topbar=dark] .noti-icon i {
    color: #c0c5cb
}

body[data-topbar=dark] .app-search .form-control {
    background-color: #292731;
    color: #fff;
    border: 1px solid #32303c;
    -webkit-box-shadow: 0 2px 3px #1f1e26;
    box-shadow: 0 2px 3px #1f1e26
}

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)
}

body[data-topbar=dark] .page-content {
    padding: calc(70px + 24px) calc(24px / 2) 60px calc(24px / 2)
}

@media (max-width:991.98px) {
    body[data-topbar=dark] .ishorizontal-topbar .navbar-header .navbar-brand-box, body[data-topbar=dark] .isvertical-topbar .navbar-header .navbar-brand-box {
        background-color: #292731
    }

        body[data-topbar=dark] .ishorizontal-topbar .navbar-header .navbar-brand-box .logo-dark, body[data-topbar=dark] .isvertical-topbar .navbar-header .navbar-brand-box .logo-dark {
            display: none
        }

        body[data-topbar=dark] .ishorizontal-topbar .navbar-header .navbar-brand-box .logo-light, body[data-topbar=dark] .isvertical-topbar .navbar-header .navbar-brand-box .logo-light {
            display: block
        }

    body[data-topbar=dark] .logo span.logo-lg {
        display: none
    }

    body[data-topbar=dark] .logo span.logo-sm {
        display: inline-block
    }
}

body[data-sidebar=dark] .navbar-brand-box {
    background: #292731
}

    body[data-sidebar=dark] .navbar-brand-box .logo-dark {
        display: none
    }

    body[data-sidebar=dark] .navbar-brand-box .logo-light {
        display: block
    }

@media (max-width:600px) {
    .navbar-header .dropdown {
        position: static
    }

        .navbar-header .dropdown .dropdown-menu {
            left: 10px !important;
            right: 10px !important;
            -webkit-transform: translate3d(0,70px,0) !important;
            transform: translate3d(0,70px,0) !important
        }
}

@media (max-width:380px) {
    .navbar-brand-box {
        display: none
    }
}

@media (max-width:374.99px) {
    .navbar-brand-box {
        padding: 0 1rem
    }

    .language-switch {
        display: none !important
    }
}

body[data-layout-mode=dark] .ishorizontal-topbar, body[data-layout-mode=dark] .isvertical-topbar {
    background-color: #1d1c23
}

body[data-layout-mode=dark] .header-item {
    fill: #c0c5cb
}

    body[data-layout-mode=dark] .header-item i {
        color: #c0c5cb
    }

    body[data-layout-mode=dark] .header-item:hover {
        fill: #c0c5cb
    }

body[data-layout-mode=dark] .dropdown-icon-item {
    color: #d8dbdd
}

    body[data-layout-mode=dark] .dropdown-icon-item:hover {
        border-color: #32303c
    }

body[data-layout-mode=dark] .notification-item .d-flex {
    border-color: #373542
}

    body[data-layout-mode=dark] .notification-item .d-flex:hover {
        background-color: #373542
    }

body[data-layout-mode=dark][data-topbar=light] .page-content {
    padding: calc(70px + 24px) calc(24px / 2) 60px calc(24px / 2)
}

body[data-layout-mode=dark][data-topbar=light] .ishorizontal-topbar, body[data-layout-mode=dark][data-topbar=light] .isvertical-topbar {
    background-color: #fff !important
}

body[data-layout-mode=dark][data-topbar=light] .app-search {
    padding: calc(26px / 2) 0
}

    body[data-layout-mode=dark][data-topbar=light] .app-search .form-control {
        border: 2px solid #eff0f2;
        background-color: #fff
    }

    body[data-layout-mode=dark][data-topbar=light] .app-search span {
        color: #7d8287
    }

body[data-layout-mode=dark][data-topbar=light] .noti-icon i {
    color: #555b6d
}

body[data-layout-mode=dark][data-topbar=light] .noti-icon .noti-dot {
    color: #fff;
    -webkit-box-shadow: 0 0 0 3px #fff !important;
    box-shadow: 0 0 0 3px #fff !important
}

body[data-layout-mode=dark][data-topbar=light] .noti-icon .badge {
    border: 2px solid #f6f5fa
}

body[data-layout-mode=dark][data-topbar=light] .header-item {
    fill: #555b6d
}

    body[data-layout-mode=dark][data-topbar=light] .header-item span {
        color: #555b6d
    }

body[data-topbar=hidden] .isvertical-topbar {
    display: none !important
}

body[data-topbar=hidden] .page-content {
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 24px calc(24px / 2) 60px calc(24px / 2)
}

.page-title-box {
    padding: 0 .75rem;
    margin-left: 12px
}

    .page-title-box .breadcrumb {
        background-color: transparent;
        padding: 0
    }

    .page-title-box h4 {
        font-size: 20px !important
    }

@media (max-width:575.98px) {
    .page-title-box .page-title-right {
        display: none
    }
}

.page-title {
    font-size: 20px;
    margin: 0
}

body[data-topbar=dark] .breadcrumb-item.active {
    color: #93929b
}

body[data-topbar=dark] .page-title {
    color: #eeeff1
}

body[data-layout-mode=dark] .page-title {
    color: #eeeff1
}

body[data-layout-mode=dark][data-topbar=light] .noti-icon .noti-dot {
    -webkit-box-shadow: 0 0 0 3px #fff;
    box-shadow: 0 0 0 3px #fff
}

body[data-layout-mode=dark][data-topbar=light] .page-title {
    color: #555b6d
}

.footer {
    bottom: 0;
    padding: 20px calc(24px / 2);
    position: absolute;
    right: 0;
    color: #74788d;
    left: 260px;
    height: 60px;
    background-color: #fff;
    border-top: 1px solid #eff0f2;
    -webkit-box-shadow: 0 0 6px #eae7f3;
    box-shadow: 0 0 6px #eae7f3
}

    .footer .container-fluid {
        width: 98%
    }

@media (max-width:992px) {
    .footer {
        left: 0
    }
}

body[data-sidebar-size=sm] .footer {
    left: 70px
}

body[data-layout=horizontal] .footer {
    left: 0 !important
}

body[data-layout-mode=dark] .footer {
    background-color: #292731;
    -webkit-box-shadow: 0 0 4px rgba(238,239,241,.12);
    box-shadow: 0 0 4px rgba(238,239,241,.12);
    color: #93929b;
    border-color: #33303c
}

.right-bar {
    background-color: #fff;
    -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: 280px;
    z-index: 9999;
    float: right !important;
    right: -290px;
    top: 0;
    bottom: 0
}

    .right-bar .right-bar-toggle-close {
        background-color: #2a2738;
        height: 24px;
        width: 24px;
        line-height: 24px;
        color: #f6f5fa;
        text-align: center;
        border-radius: 50%
    }

        .right-bar .right-bar-toggle-close:hover {
            background-color: #302d41
        }

.rightbar-overlay {
    background-color: rgba(26,24,35,.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:575.98px) {
    .right-bar {
        overflow: auto
    }

        .right-bar .slimscroll-menu {
            height: auto !important
        }
}

body[data-layout-mode=dark] .right-bar {
    background-color: #292731
}

.metismenu {
    margin: 0
}

    .metismenu li {
        display: block;
        width: 100%
    }

    .metismenu .disabled a {
        -webkit-filter: grayscale(80%);
        filter: grayscale(80%);
        opacity: .8;
        cursor: not-allowed
    }

    .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: 260px;
    z-index: 1005;
    background: #fff;
    bottom: 0;
    margin-top: 0;
    position: fixed;
    -webkit-box-shadow: 0 -2px 5px rgba(52,58,64,.06);
    box-shadow: 0 -2px 5px rgba(52,58,64,.06);
    top: 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

    .vertical-menu .vertical-menu-btn {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2
    }

.main-content {
    margin-left: 260px
}

    .main-content .content {
        padding: 0 15px 10px 15px;
        margin-top: 70px
    }

.sidebar-menu-scroll {
    height: calc(100% - calc(70px + 26px));
    margin-top: 70px
}

#sidebar-menu {
    padding: 0 0 30px 0
}

    #sidebar-menu .has-arrow:after {
        content: "\F0142";
        font-family: 'Material Design Icons';
        display: block;
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s,-webkit-transform .2s;
        font-size: 1.1rem;
        position: absolute;
        right: 18px;
        top: 11px
    }

    #sidebar-menu .has-arrow + ul .has-arrow:after {
        right: 18px;
        top: 10px
    }

    #sidebar-menu .metismenu .menu-title::after {
        display: none
    }

    #sidebar-menu .metismenu .menu-item {
        margin-left: 12px
    }

    #sidebar-menu ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: .6rem 1rem;
        color: #645e7a;
        position: relative;
        font-weight: 500;
        -webkit-transition: all .4s;
        transition: all .4s;
        font-size: 16px;
        font-family: 'Poppins', sans-serif;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        #sidebar-menu ul li a .nav-icon {
            width: 17px;
            height: 17px;
            display: inline-block;
            min-width: 1.5rem;
            vertical-align: middle;
            color: #645e7a;
            -webkit-transition: all .3s;
            transition: all .3s;
            top: 0;
            font-size: 1.3rem;
            line-height: 1.40625rem
        }

        #sidebar-menu ul li a:hover {
            color: #383c40
        }

            #sidebar-menu ul li a:hover .nav-icon {
                color: #383c40
            }

    #sidebar-menu ul li .badge {
        margin-left: auto
    }

    #sidebar-menu ul li ul.sub-menu {
        position: relative
    }

        #sidebar-menu ul li ul.sub-menu li a {
            padding: .5rem 1.5rem .5rem 1.25rem;
            font-size: 15px
        }

            #sidebar-menu ul li ul.sub-menu li a:hover {
                color: #383c40
            }

                #sidebar-menu ul li ul.sub-menu li a:hover:before {
                    border-color: transparent transparent #5052ba transparent
                }

        #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 2.7rem
            }

                #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a:before {
                    left: 25px;
                    top: 8px
                }

    #sidebar-menu ul li.mm-active {
        color: #5052ba
    }

        #sidebar-menu ul li.mm-active > a {
            color: #5052ba
        }

            #sidebar-menu ul li.mm-active > a .nav-icon {
                color: #5052ba !important
            }

        #sidebar-menu ul li.mm-active .mm-show .mm-active > a {
            color: #5052ba !important;
            background: 0 0
        }

            #sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {
                border-color: transparent transparent #5052ba transparent
            }

.menu-title {
    padding: 12px 25px !important;
    letter-spacing: .08em;
    pointer-events: none;
    cursor: default;
    font-size: 10px;
    text-transform: uppercase;
    color: #645e7a;
    font-weight: 600;
    opacity: .6
}

@media (max-width:991.98px) {
    .vertical-menu {
        display: none;
        top: 70px
    }

        .vertical-menu .sidebar-menu-scroll {
            height: 100%;
            margin-top: 0
        }

        .vertical-menu .navbar-brand-box, .vertical-menu .vertical-menu-btn {
            display: none
        }

    .main-content {
        margin-left: 0 !important
    }

    body.sidebar-enable .vertical-menu {
        display: block
    }
}

@media (min-width:769px) {
    body[data-sidebar-size=sm] {
        min-height: 1200px
    }
}

body[data-sidebar-size=sm] .main-content {
    margin-left: 70px
}

body[data-sidebar-size=sm] .navbar-brand-box {
    width: 70px !important;
    text-align: center
}

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] #page-topbar {
    left: 70px
}

@media (max-width:991.98px) {
    body[data-sidebar-size=sm] #page-topbar {
        left: 0
    }
}

body[data-sidebar-size=sm] .vertical-menu {
    position: absolute;
    width: 70px !important;
    z-index: 1005
}

    body[data-sidebar-size=sm] .vertical-menu::before {
        position: fixed;
        left: 70px;
        top: 0
    }

    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, body[data-sidebar-size=sm] .vertical-menu .vertical-menu-btn {
        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 {
        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 23px;
            -webkit-transition: none;
            transition: none;
            display: block
        }

            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: #383c40
            }

            body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a i {
                font-size: 1.3rem;
                text-align: center;
                min-width: 50px;
                padding-bottom: 0;
                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 > a .nav-icon {
                top: -2px;
                width: 20px;
                height: 20px
            }

        body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {
            position: relative;
            width: calc(190px + 70px);
            color: #5052ba;
            background-color: #f3f5f9;
            -webkit-transition: none;
            transition: none;
            -webkit-box-shadow: inset 0 3px 10px 0 rgba(154,161,171,.1);
            box-shadow: inset 0 3px 10px 0 rgba(154,161,171,.1)
        }

            body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {
                color: #5052ba
            }

            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: 3px 5px 10px 0 rgba(54,61,71,.1);
            box-shadow: 3px 5px 10px 0 rgba(54,61,71,.1);
            border: 1px solid #eff0f2
        }

            body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul ul {
                -webkit-box-shadow: 3px 5px 10px 0 rgba(54,61,71,.1);
                box-shadow: 3px 5px 10px 0 rgba(54,61,71,.1);
                border: 1px solid #eff0f2
            }

            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: 180px;
                z-index: 6;
                color: #645e7a
            }

                body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {
                    color: #383c40
                }

    body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {
        padding: 5px 0;
        z-index: 9999;
        display: none;
        background-color: #fff
    }

        body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul li:hover > ul {
            display: block;
            left: 180px;
            height: auto !important;
            margin-top: -36px;
            position: absolute;
            width: 180px
        }

        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: #fbfafd
        }

    body[data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu:before {
        display: none
    }

    body[data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li a:before {
        display: none
    }

    body[data-sidebar-size=sm] .vertical-menu .sidebar-footer {
        display: none
    }

body[data-sidebar-size=sm] .help-box {
    display: none
}

.main-content {
    min-height: 100vh;
    background-color: #f6f5fa
}

body[data-layout-mode=dark] #page-topbar {
    background-color: #292731;
    -webkit-box-shadow: none;
    box-shadow: none
}

body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li a {
    color: #afacbb
}

    body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li a .nav-icon {
        color: #afacbb
    }

    body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li a:hover {
        color: #eeeff1
    }

        body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li a:hover .nav-icon {
            color: #eeeff1
        }

body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu:before {
    background: #505356
}

body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a {
    color: #afacbb
}

    body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:before {
        border-color: transparent transparent #505356 transparent
    }

    body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover {
        color: #eeeff1
    }

        body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover:before {
            border-color: transparent transparent #eeeff1 transparent
        }

body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active {
    color: #eeeff1 !important
}

    body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active > a {
        color: #eeeff1 !important
    }

        body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active > a::before {
            background-color: #eeeff1
        }

        body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active > a .nav-icon {
            color: #eeeff1 !important
        }

    body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active .mm-show .mm-active > a {
        color: #eeeff1 !important;
        background: 0 0
    }

        body[data-layout-mode=dark][data-sidebar=dark] #sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {
            border-color: transparent transparent #eeeff1 transparent
        }

body[data-layout-mode=dark][data-sidebar=dark] .sidebar-footer {
    color: #afacbb
}

    body[data-layout-mode=dark][data-sidebar=dark] .sidebar-footer .main-title {
        color: rgba(255,255,255,.6)
    }

body[data-layout-mode=dark][data-sidebar=dark][data-sidebar-size=md][data-sidebar=dark] #sidebar-menu ul li.menu-title {
    background-color: #373542
}

body[data-layout-mode=dark][data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {
    background: #302e3a;
    color: #eeeff1
}

    body[data-layout-mode=dark][data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {
        color: #eeeff1
    }

body[data-layout-mode=dark][data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a {
    color: #afacbb
}

    body[data-layout-mode=dark][data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {
        color: #eeeff1
    }

body[data-layout-mode=dark][data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {
    background-color: #292731;
    border-color: #33303c
}

body[data-layout-mode=dark][data-sidebar=dark] .menu-title {
    color: #afacbb
}

body[data-layout-mode=dark] .main-content {
    background-color: #1d1c23
}

body[data-sidebar=dark] .vertical-menu {
    background: #292731;
    border-color: #292731
}

    body[data-sidebar=dark] .vertical-menu .vertical-menu-btn {
        color: #c0c5cb;
        color: #c0c5cb
    }

    body[data-sidebar=dark] .vertical-menu::before {
        background-color: #292731
    }

body[data-sidebar=dark] #sidebar-menu ul li a {
    color: #afacbb
}

    body[data-sidebar=dark] #sidebar-menu ul li a .nav-icon {
        color: #afacbb
    }

    body[data-sidebar=dark] #sidebar-menu ul li a:hover {
        color: #fff
    }

        body[data-sidebar=dark] #sidebar-menu ul li a:hover .nav-icon {
            color: #fff
        }

body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu:before {
    background: #505356
}

body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a {
    color: #afacbb;
    background-color: transparent
}

    body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:before {
        border-color: transparent transparent #505356 transparent
    }

    body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover {
        color: #eeeff1
    }

        body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover:before {
            border-color: transparent transparent #eeeff1 transparent
        }

body[data-sidebar=dark] #sidebar-menu ul li.mm-active {
    color: #fff !important
}

    body[data-sidebar=dark] #sidebar-menu ul li.mm-active > a {
        color: #fff !important
    }

        body[data-sidebar=dark] #sidebar-menu ul li.mm-active > a::before {
            background-color: #fff
        }

        body[data-sidebar=dark] #sidebar-menu ul li.mm-active > a .nav-icon {
            color: #fff !important
        }

    body[data-sidebar=dark] #sidebar-menu ul li.mm-active .mm-show .mm-active > a {
        color: #fff !important
    }

        body[data-sidebar=dark] #sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {
            border-color: transparent transparent #eeeff1 transparent;
            background-color: transparent !important
        }

body[data-sidebar=dark] .sidebar-footer {
    color: #afacbb
}

    body[data-sidebar=dark] .sidebar-footer .main-title {
        color: rgba(255,255,255,.6)
    }

body[data-sidebar=dark][data-sidebar-size=sm] {
    min-height: 1570px
}

    body[data-sidebar=dark][data-sidebar-size=sm] .main-content {
        min-height: 1570px
    }

    body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {
        background: #302e3a;
        color: #fff
    }

        body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {
            color: #fff
        }

    body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a {
        color: #afacbb
    }

        body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {
            color: #fff
        }

    body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {
        background-color: #292731;
        border-color: #33303c !important
    }

    body[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu .sidebar-footer {
        display: none
    }

body[data-sidebar=dark] .menu-title {
    color: #afacbb
}

body[data-layout-mode=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {
    background: #302e3a
}

body[data-layout-mode=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {
    background-color: #302e3a
}

body[data-layout-mode=dark] .navbar-brand-box {
    background: #292731
}

body[data-layout-mode=dark] .vertical-menu {
    background: #292731;
    border-color: #33303c
}

    body[data-layout-mode=dark] .vertical-menu::before {
        background-color: #292731
    }

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 {
        display: none !important
    }

    body[data-sidebar-size=md] .vertical-menu .vertical-menu-btn {
        display: none
    }

body[data-sidebar-size=md] .main-content {
    margin-left: 160px
}

body[data-sidebar-size=md] #page-topbar, body[data-sidebar-size=md] .footer {
    left: 160px
}

@media (max-width:991.98px) {
    body[data-sidebar-size=md] #page-topbar, body[data-sidebar-size=md] .footer {
        left: 0
    }
}

body[data-sidebar-size=md] #sidebar-menu ul li.menu-title {
    background-color: #fafafa
}

body[data-sidebar-size=md] #sidebar-menu ul li .menu-item {
    margin-left: 0
}

body[data-sidebar-size=md] #sidebar-menu ul li a {
    padding: .75rem 1.1rem;
    display: block;
    margin: 0 10px
}

    body[data-sidebar-size=md] #sidebar-menu ul li a .nav-icon {
        width: 20px;
        height: 20px;
        display: block;
        margin: 0 auto;
        padding-bottom: .2em;
        top: -2px
    }

body[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu {
    padding: 0
}

    body[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu:before {
        display: none
    }

    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 a:before {
            display: none
        }

body[data-sidebar-size=md] .help-box {
    display: none
}

body[data-sidebar-size=md][data-sidebar=dark] #sidebar-menu ul li.menu-title {
    background-color: #373542
}

body[data-sidebar-size=md]:not(.vertical-collpsed) .navbar-header .vertical-menu-btn {
    display: block
}

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 .nav-icon {
        display: inline-block
    }

body[data-sidebar-size=md][data-sidebar-size=sm] #page-topbar, body[data-sidebar-size=md][data-sidebar-size=sm] .footer {
    left: 70px
}

body[data-sidebar=light] .vertical-menu {
    background: #fff;
    border-right: 1px solid #eff0f2
}

body[data-sidebar=light] .navbar-brand-box {
    background-color: #fff
}

body[data-sidebar=light] .logo {
    line-height: 70px
}

    body[data-sidebar=light] .logo .logo-sm {
        display: none
    }

body[data-sidebar=light] .logo-dark {
    display: block
}

body[data-sidebar=light] .logo-light {
    display: none
}

body[data-sidebar=light] .logo-txt {
    color: #1a1823 !important
}

body[data-sidebar=light][data-sidebar-size=sm] .logo span.logo-lg {
    display: none
}

body[data-sidebar=light][data-sidebar-size=sm] .logo span.logo-sm {
    display: block
}

body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:active, body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:focus, body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:hover {
    color: #383c40
}

body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {
    color: #5052ba;
    background-color: #f3f5f9
}

    body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {
        color: #5052ba
    }

body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a {
    color: #645e7a
}

    body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {
        color: #383c40
    }

body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {
    background-color: #fff
}

    body[data-sidebar=light][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul li.active a {
        color: #fbfafd
    }

body[data-sidebar=light] .help-box {
    background-color: #f6f5fa
}

body[data-sidebar=brand] .vertical-menu {
    background-color: #5052ba;
    border-color: #5052ba
}

    body[data-sidebar=brand] .vertical-menu .vertical-menu-btn {
        color: rgba(255,255,255,.8)
    }

body[data-sidebar=brand][data-sidebar-size=md] #sidebar-menu ul li.menu-title {
    background-color: rgba(255,255,255,.1)
}

body[data-sidebar=brand] .navbar-brand-box {
    background-color: #5052ba
}

    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] #sidebar-menu ul li.menu-title {
    color: rgba(255,255,255,.7)
}

body[data-sidebar=brand] #sidebar-menu ul li a {
    color: rgba(255,255,255,.7)
}

    body[data-sidebar=brand] #sidebar-menu ul li a .nav-icon {
        color: rgba(255,255,255,.7)
    }

    body[data-sidebar=brand] #sidebar-menu ul li a:hover {
        color: #fff
    }

        body[data-sidebar=brand] #sidebar-menu ul li a:hover .nav-icon {
            color: #fff
        }

body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu:before {
    background: rgba(255,255,255,.6)
}

body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a {
    color: rgba(255,255,255,.6)
}

    body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:before {
        border-color: transparent transparent rgba(255,255,255,.6) transparent
    }

    body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:hover {
        color: #eeeff1
    }

        body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:hover:before {
            border-color: transparent transparent #fff transparent
        }

body[data-sidebar=brand] #sidebar-menu ul li .badge {
    background-color: #fff
}

body[data-sidebar=brand] #sidebar-menu ul li.mm-active {
    color: #fff !important
}

    body[data-sidebar=brand] #sidebar-menu ul li.mm-active > a {
        color: #fff !important
    }

        body[data-sidebar=brand] #sidebar-menu ul li.mm-active > a::before {
            background-color: #fff
        }

        body[data-sidebar=brand] #sidebar-menu ul li.mm-active > a .nav-icon {
            color: #fff !important
        }

    body[data-sidebar=brand] #sidebar-menu ul li.mm-active .mm-show .mm-active > a {
        color: #fff !important
    }

        body[data-sidebar=brand] #sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {
            border-color: transparent transparent #fff transparent;
            background-color: transparent !important
        }

body[data-sidebar=brand] .sidebar-footer .main-title {
    color: rgba(255,255,255,.8)
}

body[data-sidebar=brand] .sidebar-footer p {
    color: rgba(255,255,255,.5)
}

body[data-sidebar=brand][data-topbar=light] .navbar-brand-box {
    background-color: #5052ba
}

    body[data-sidebar=brand][data-topbar=light] .navbar-brand-box .logo-dark {
        display: none
    }

    body[data-sidebar=brand][data-topbar=light] .navbar-brand-box .logo-light {
        display: block
    }

body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {
    background-color: #5759bd;
    color: #fff
}

    body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {
        color: #fff
    }

body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li.mm-active .active {
    color: #5052ba !important
}

body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover {
    color: #5052ba
}

body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active {
    color: #5052ba !important
}

    body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a {
        color: #5052ba !important
    }

        body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a i {
            color: #5052ba !important
        }

body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu .sidebar-footer {
    display: none
}

body[data-sidebar=brand] .help-box {
    background-color: rgba(255,255,255,.1)
}

    body[data-sidebar=brand] .help-box .text-muted {
        color: #fff !important
    }

body[data-layout-mode=bordered] .app-search .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

body[data-layout-mode=bordered] .vertical-menu {
    -webkit-box-shadow: none;
    box-shadow: none
}

.help-box {
    border-radius: .6rem;
    padding: 20px;
    margin: 40px 16px 16px;
    position: relative;
    background-color: #302e3a
}

    .help-box img {
        position: relative;
        margin-top: -65px;
        height: 100px
    }

.ishorizontal-topbar {
    display: none
}

body[data-layout=horizontal] .ishorizontal-topbar {
    display: block
}

body[data-layout=horizontal] .vertical-menu {
    display: none
}

body[data-layout=horizontal] .ishorizontal-topbar {
    left: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    background-color: #fff
}

body[data-layout=horizontal] .navbar-brand-box {
    display: block;
    width: auto;
    border: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative
}

@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(64px + 24px) calc(24px / 2) 60px calc(24px / 2)
}

@media (max-width:991.98px) {
    body[data-layout=horizontal] .page-content {
        padding: 70px calc(24px / 2) 60px calc(24px / 2);
        margin-top: 24px
    }
}

@media (min-width:992px) {
    body[data-layout=horizontal] .navbar-header {
        padding-left: 24px;
        padding-right: 24px
    }
}

body[data-layout=horizontal] .logo {
    margin-top: 0
}

body[data-layout=horizontal][data-sidebar-size=sm] .navbar-brand-box {
    width: auto !important
}

.topnav {
    background: #fff;
    padding: 0 calc(24px / 2);
    z-index: 100;
    border-top: 1px solid #eff0f2;
    border-bottom: 1px solid #eff0f2;
    -webkit-box-shadow: 0 2px 3px #eae7f3;
    box-shadow: 0 2px 3px #eae7f3
}

@media (min-width:992px) {
    .topnav {
        background: #fff
    }
}

.topnav .topnav-menu {
    margin: 0;
    padding: 0
}

.topnav .navbar-nav .nav-link {
    font-size: 16px;
    position: relative;
    padding: 1.2rem 1.3rem;
    color: #645e7a;
    font-weight: 500;
    font-family: 'Poppins', sans-serif
}

    .topnav .navbar-nav .nav-link i {
        font-size: 1.2rem;
        margin-right: 5px;
        vertical-align: middle
    }

    .topnav .navbar-nav .nav-link svg {
        height: 17px;
        width: 17px;
        margin-right: 5px;
        margin-top: 1px
    }

    .topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {
        color: #5052ba;
        background-color: transparent
    }

.topnav .navbar-nav .dropdown-item {
    color: #645e7a;
    background: 0 0;
    font-size: 15px;
    -webkit-transition: all .4s;
    transition: all .4s;
    font-family: 'Poppins', sans-serif
}

    .topnav .navbar-nav .dropdown-item:hover {
        color: #5052ba
    }

    .topnav .navbar-nav .dropdown-item.active {
        color: #5052ba
    }

.topnav .navbar-nav .nav-item .nav-link.active {
    color: #5052ba
}

    .topnav .navbar-nav .nav-item .nav-link.active svg {
        color: #5052ba
    }

.topnav .navbar-nav .dropdown.active > a {
    color: #5052ba;
    background-color: transparent
}

.topnav .navbar-nav .dropdown .dropdown.active > a {
    color: #5052ba
}

.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 .75rem .75rem
    }

        .topnav .dropdown .dropdown-menu .arrow-down::after {
            right: 22px;
            -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: 20px
        }

            .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:hover {
                margin-left: 0
            }

            .topnav .dropdown .dropdown-item.active, .topnav .dropdown .dropdown-item:active {
                color: #5052ba;
                margin-left: 0
            }

        .topnav .arrow-down::after {
            right: 15px;
            position: absolute
        }
}

body[data-layout=horizontal][data-topbar=dark] .ishorizontal-topbar {
    background-color: #292731
}

body[data-layout=horizontal][data-topbar=dark] .navbar-brand-box .logo-dark {
    display: none
}

body[data-layout=horizontal][data-topbar=dark] .navbar-brand-box .logo-light {
    display: block
}

@media (max-width:991.98px) {
    body[data-layout=horizontal][data-topbar=dark] .page-content {
        margin-top: 24px
    }
}

body[data-layout=horizontal][data-topbar=colored] .ishorizontal-topbar {
    background-color: #5052ba;
    -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(255,255,255,.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: #c0c5cb
}

    body[data-layout=horizontal][data-topbar=colored] .header-item:hover {
        color: #c0c5cb
    }

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] .noti-icon i {
    color: #c0c5cb
}

@media (min-width:992px) {
    body[data-layout=horizontal][data-topbar=colored] .topnav {
        background-color: #5052ba
    }

        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
        }
}

body[data-layout-mode=dark][data-layout=horizontal] .ishorizontal-topbar {
    background-color: #FFF
}

body[data-layout-mode=dark][data-layout=horizontal][data-topbar=light] .page-content {
    padding: calc(60px + 24px) calc(24px / 2) 60px calc(24px / 2)
}

body[data-layout-mode=dark][data-layout=horizontal][data-topbar=light] .logo-dark {
    display: block
}

body[data-layout-mode=dark][data-layout=horizontal][data-topbar=light] .logo-light {
    display: none
}

body[data-layout-mode=dark] .topnav {
    background-color: #2e2c37;
    border-color: #32303c;
    -webkit-box-shadow: 0 2px 3px #1f1e26;
    box-shadow: 0 2px 3px #1f1e26
}

    body[data-layout-mode=dark] .topnav .navbar-nav .nav-link {
        color: #afacbb
    }

        body[data-layout-mode=dark] .topnav .navbar-nav .nav-link svg {
            fill: #afacbb
        }

        body[data-layout-mode=dark] .topnav .navbar-nav .nav-link:focus, body[data-layout-mode=dark] .topnav .navbar-nav .nav-link:hover {
            color: #eeeff1;
            background-color: transparent
        }

            body[data-layout-mode=dark] .topnav .navbar-nav .nav-link:focus svg, body[data-layout-mode=dark] .topnav .navbar-nav .nav-link:hover svg {
                fill: #eeeff1
            }

    body[data-layout-mode=dark] .topnav .navbar-nav .dropdown-item {
        color: #afacbb;
        background-color: transparent
    }

        body[data-layout-mode=dark] .topnav .navbar-nav .dropdown-item.active, body[data-layout-mode=dark] .topnav .navbar-nav .dropdown-item:hover {
            color: #eeeff1
        }

    body[data-layout-mode=dark] .topnav .navbar-nav .nav-item .nav-link.active {
        color: #eeeff1
    }

        body[data-layout-mode=dark] .topnav .navbar-nav .nav-item .nav-link.active svg {
            color: #eeeff1
        }

    body[data-layout-mode=dark] .topnav .navbar-nav .dropdown.active > a {
        color: #eeeff1;
        background-color: transparent
    }

        body[data-layout-mode=dark] .topnav .navbar-nav .dropdown.active > a svg {
            fill: #eeeff1
        }

    body[data-layout-mode=dark] .topnav .menu-title {
        color: rgba(175,172,187,.6)
    }

body[data-layout-mode=bordered] .topnav {
    -webkit-box-shadow: none;
    box-shadow: none
}

body[data-topbar=hidden][data-layout=horizontal] .ishorizontal-topbar .navbar-header {
    display: none !important
}

body[data-topbar=hidden][data-layout=horizontal] .page-content {
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-top: calc(70px - 15px);
    padding: 24px calc(24px / 2) 60px calc(24px / 2)
}

@media (max-width:991.98px) {
    body[data-topbar=hidden][data-layout=horizontal] .page-content {
        margin-top: 0;
        padding: 24px calc(24px / 2) 60px calc(24px / 2)
    }
}

body[data-layout-size=boxed] {
    background-color: #eaedf2
}

    body[data-layout-size=boxed] #layout-wrapper {
        background-color: #f6f5fa;
        max-width: 1500px;
        margin: 0 auto;
        -webkit-box-shadow: 0 0 6px #eae7f3;
        box-shadow: 0 0 6px #eae7f3
    }

    body[data-layout-size=boxed] #page-topbar {
        max-width: calc(1500px - 260px);
        margin: 0 auto
    }

    body[data-layout-size=boxed] .footer {
        margin: 0 auto;
        max-width: calc(1500px - 260px)
    }

    body[data-layout-size=boxed][data-sidebar-size=sm] #page-topbar {
        max-width: calc(1500px - 70px)
    }

    body[data-layout-size=boxed][data-sidebar-size=sm] .footer {
        max-width: calc(1500px - 70px)
    }

@media (min-width:769px) {
    body[data-layout-size=boxed][data-sidebar-size=sm] .main-content {
        min-height: 1850px
    }
}

body[data-layout-size=boxed][data-sidebar-size=md] #page-topbar {
    max-width: calc(1500px - 160px)
}

body[data-layout-size=boxed][data-sidebar-size=md] .footer {
    max-width: calc(1500px - 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: 1500px
}

@media (min-width:992px) {
    body[data-layout-scrollable=true] #page-topbar, body[data-layout-scrollable=true] .vertical-menu {
        position: absolute
    }

    body[data-layout-scrollable=true] .navbar-brand-box {
        position: absolute
    }
}

@media (min-width:992px) {
    body[data-layout-scrollable=true][data-layout=horizontal] #page-topbar {
        position: absolute
    }

    body[data-layout-scrollable=true][data-layout=horizontal] .navbar-brand-box {
        position: relative
    }
}

body[data-layout-mode=dark][data-layout-size=boxed] {
    background-color: #33303c
}

    body[data-layout-mode=dark][data-layout-size=boxed] #layout-wrapper {
        background-color: #24222b
    }

.avatar-xs {
    height: 1rem;
    width: 1rem
}

.avatar-sm {
    height: 2.6rem;
    width: 2.6rem
}

.avatar {
    height: 3rem;
    width: 3rem
}

.avatar-md {
    height: 3.4rem;
    width: 3.4rem
}

.avatar-lg {
    height: 5rem;
    width: 5rem
}

.avatar-xl {
    height: 6rem;
    width: 6rem
}

.avatar-xxl {
    height: 7.5rem;
    width: 7.5rem
}

.avatar-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #5052ba;
    color: #fff;
    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 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 8px
}

    .avatar-group .avatar-group-item {
        margin-left: -8px;
        border: 2px solid #fff;
        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)
        }

body[data-layout-mode=dark] .avatar-group .avatar-group-item {
    border-color: #292731
}

.alert-top-border {
    background-color: #fff;
    border-color: #f6f5fa;
    border-top: 2px solid #f6f5fa
}

.alert-outline {
    background-color: #fff
}

.alert-label-icon {
    position: relative;
    padding-left: 60px;
    border: 0
}

    .alert-label-icon .label-icon {
        position: absolute;
        width: 45px;
        height: 100%;
        left: 0;
        top: 0;
        background-color: rgba(255,255,255,.1);
        border-right: 1px solid rgba(255,255,255,.1);
        font-size: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .alert-label-icon.label-arrow {
        overflow: hidden
    }

        .alert-label-icon.label-arrow .label-icon {
            color: #fff
        }

            .alert-label-icon.label-arrow .label-icon:after {
                content: "";
                position: absolute;
                border: 6px solid transparent;
                right: -12px
            }

.alert-light {
    color: #80838b
}

.alert-top-border.alert-primary {
    border-top-color: #5052ba;
    color: #5052ba
}

.alert-outline.alert-primary {
    border: 1px solid rgba(80,82,186,.8);
    color: #5052ba
}

.alert-border-left.alert-primary {
    border-left-color: #5052ba
}

.label-arrow.alert-primary .label-icon {
    background-color: #5052ba
}

    .label-arrow.alert-primary .label-icon:after {
        border-left-color: #5052ba !important
    }

.alert-top-border.alert-secondary {
    border-top-color: #80838b;
    color: #80838b
}

.alert-outline.alert-secondary {
    border: 1px solid rgba(128,131,139,.8);
    color: #80838b
}

.alert-border-left.alert-secondary {
    border-left-color: #80838b
}

.label-arrow.alert-secondary .label-icon {
    background-color: #80838b
}

    .label-arrow.alert-secondary .label-icon:after {
        border-left-color: #80838b !important
    }

.alert-top-border.alert-success {
    border-top-color: #24ab5e;
    color: #24ab5e
}

.alert-outline.alert-success {
    border: 1px solid rgba(36,171,94,.8);
    color: #24ab5e
}

.alert-border-left.alert-success {
    border-left-color: #24ab5e
}

.label-arrow.alert-success .label-icon {
    background-color: #24ab5e
}

    .label-arrow.alert-success .label-icon:after {
        border-left-color: #24ab5e !important
    }

.alert-top-border.alert-info {
    border-top-color: #4099f3;
    color: #4099f3
}

.alert-outline.alert-info {
    border: 1px solid rgba(64,153,243,.8);
    color: #4099f3
}

.alert-border-left.alert-info {
    border-left-color: #4099f3
}

.label-arrow.alert-info .label-icon {
    background-color: #4099f3
}

    .label-arrow.alert-info .label-icon:after {
        border-left-color: #4099f3 !important
    }

.alert-top-border.alert-warning {
    border-top-color: #f0c42b;
    color: #f0c42b
}

.alert-outline.alert-warning {
    border: 1px solid rgba(240,196,43,.8);
    color: #f0c42b
}

.alert-border-left.alert-warning {
    border-left-color: #f0c42b
}

.label-arrow.alert-warning .label-icon {
    background-color: #f0c42b
}

    .label-arrow.alert-warning .label-icon:after {
        border-left-color: #f0c42b !important
    }

.alert-top-border.alert-danger {
    border-top-color: #ed4b42;
    color: #ed4b42
}

.alert-outline.alert-danger {
    border: 1px solid rgba(237,75,66,.8);
    color: #ed4b42
}

.alert-border-left.alert-danger {
    border-left-color: #ed4b42
}

.label-arrow.alert-danger .label-icon {
    background-color: #ed4b42
}

    .label-arrow.alert-danger .label-icon:after {
        border-left-color: #ed4b42 !important
    }

.alert-top-border.alert-pink {
    border-top-color: #e83e8c;
    color: #e83e8c
}

.alert-outline.alert-pink {
    border: 1px solid rgba(232,62,140,.8);
    color: #e83e8c
}

.alert-border-left.alert-pink {
    border-left-color: #e83e8c
}

.label-arrow.alert-pink .label-icon {
    background-color: #e83e8c
}

    .label-arrow.alert-pink .label-icon:after {
        border-left-color: #e83e8c !important
    }

.alert-top-border.alert-light {
    border-top-color: #f6f5fa;
    color: #f6f5fa
}

.alert-outline.alert-light {
    border: 1px solid rgba(246,245,250,.8);
    color: #f6f5fa
}

.alert-border-left.alert-light {
    border-left-color: #f6f5fa
}

.label-arrow.alert-light .label-icon {
    background-color: #f6f5fa
}

    .label-arrow.alert-light .label-icon:after {
        border-left-color: #f6f5fa !important
    }

.alert-top-border.alert-dark {
    border-top-color: #1a1823;
    color: #1a1823
}

.alert-outline.alert-dark {
    border: 1px solid rgba(26,24,35,.8);
    color: #1a1823
}

.alert-border-left.alert-dark {
    border-left-color: #1a1823
}

.label-arrow.alert-dark .label-icon {
    background-color: #1a1823
}

    .label-arrow.alert-dark .label-icon:after {
        border-left-color: #1a1823 !important
    }

.alert-top-border.alert-white {
    border-top-color: #fff;
    color: #fff
}

.alert-outline.alert-white {
    border: 1px solid rgba(255,255,255,.8);
    color: #fff
}

.alert-border-left.alert-white {
    border-left-color: #fff
}

.label-arrow.alert-white .label-icon {
    background-color: #fff
}

    .label-arrow.alert-white .label-icon:after {
        border-left-color: #fff !important
    }

.alert-top-border.alert-purple {
    border-top-color: #5052ba;
    color: #5052ba
}

.alert-outline.alert-purple {
    border: 1px solid rgba(80,82,186,.8);
    color: #5052ba
}

.alert-border-left.alert-purple {
    border-left-color: #5052ba
}

.label-arrow.alert-purple .label-icon {
    background-color: #5052ba
}

    .label-arrow.alert-purple .label-icon:after {
        border-left-color: #5052ba !important
    }

.alert-border-left {
    border-left: 3px solid
}

.alert-outline.alert-light, .alert-top-border.alert-light {
    color: #80838b
}

body[data-layout-mode=dark] .alert .btn-close {
    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 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
}

body[data-layout-mode=dark] .alert-top-border {
    background-color: #292731;
    border-top: 2px solid #32303c;
    border-color: #32303c
}

    body[data-layout-mode=dark] .alert-top-border .btn-close {
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
    }

body[data-layout-mode=dark] .alert-top-border {
    background-color: #292731;
    border-top: 2px solid #32303c;
    border-color: #32303c
}

    body[data-layout-mode=dark] .alert-top-border .btn-close {
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
    }

body[data-layout-mode=dark] .alert-outline {
    background-color: #292731
}

    body[data-layout-mode=dark] .alert-outline .btn-close {
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
    }

    body[data-layout-mode=dark] .alert-outline.alert-light {
        color: #f6f5fa
    }

body[data-layout-mode=dark] .alert-top-border.alert-primary {
    border-top-color: #5052ba;
    color: #5052ba
}

body[data-layout-mode=dark] .alert-top-border.alert-secondary {
    border-top-color: #80838b;
    color: #80838b
}

body[data-layout-mode=dark] .alert-top-border.alert-success {
    border-top-color: #24ab5e;
    color: #24ab5e
}

body[data-layout-mode=dark] .alert-top-border.alert-info {
    border-top-color: #4099f3;
    color: #4099f3
}

body[data-layout-mode=dark] .alert-top-border.alert-warning {
    border-top-color: #f0c42b;
    color: #f0c42b
}

body[data-layout-mode=dark] .alert-top-border.alert-danger {
    border-top-color: #ed4b42;
    color: #ed4b42
}

body[data-layout-mode=dark] .alert-top-border.alert-pink {
    border-top-color: #e83e8c;
    color: #e83e8c
}

body[data-layout-mode=dark] .alert-top-border.alert-light {
    border-top-color: #f6f5fa;
    color: #f6f5fa
}

body[data-layout-mode=dark] .alert-top-border.alert-dark {
    border-top-color: #1a1823;
    color: #1a1823
}

body[data-layout-mode=dark] .alert-top-border.alert-white {
    border-top-color: #fff;
    color: #fff
}

body[data-layout-mode=dark] .alert-top-border.alert-purple {
    border-top-color: #5052ba;
    color: #5052ba
}

body[data-layout-mode=dark] .alert-top-border.alert-dark {
    border-top-color: #32303c;
    border-color: #32303c;
    color: #f6f5fa
}

body[data-layout-mode=dark] .alert-outline.alert-dark {
    border-color: #32303c;
    color: #f6f5fa
}

.custom-accordion .accordion-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 7px;
    background-color: #eff0f2;
    padding: 12px 20px;
    color: #545965;
    font-weight: 600;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .custom-accordion .accordion-list.collapsed i.accor-plus-icon:before {
        content: "\F0415"
    }

    .custom-accordion .accordion-list .accor-plus-icon {
        display: inline-block;
        font-size: 16px;
        height: 24px;
        width: 24px;
        line-height: 22px;
        background-color: #fff;
        text-align: center;
        border-radius: 50%
    }

.custom-accordion a.collapsed i.accor-down-icon:before {
    content: "\F0140"
}

.custom-accordion .card-body {
    color: #80838b
}

body[data-layout-mode=dark] .accordion-button {
    border-color: #32303c;
    color: #eeeff1
}

    body[data-layout-mode=dark] .accordion-button:not(.collapsed) {
        background-color: rgba(80,82,186,.2);
        color: #5052ba;
        -webkit-box-shadow: inset 0 -1px 0 #292731;
        box-shadow: inset 0 -1px 0 #292731
    }

body[data-layout-mode=dark] .accordion-item {
    border-color: #32303c
}

body[data-layout-mode=dark] .accordion-collapse {
    border-color: #32303c
}

.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
}

.font-size-26 {
    font-size: 26px !important
}

.wh-14 {
    width: 14px;
    height: 14px
}

.wh-15 {
    width: 15px;
    height: 15px
}

.wh-16 {
    width: 16px;
    height: 16px
}

.wh-18 {
    width: 18px;
    height: 18px
}

.wh-20 {
    width: 20px;
    height: 20px
}

.wh-22 {
    width: 22px;
    height: 22px
}

.fw-medium {
    font-weight: 500
}

.fw-semibold {
    font-weight: 600
}

.bg-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    opacity: .7;
    background-color: #000
}

.bg-pattern {
    background: url(../images/pattern-bg.jpg);
    background-size: cover;
    background-position: center
}

.list-group-item {
    color: #545965
}

.social-list-item {
    height: 2.4rem;
    width: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: calc(2.4rem - 2px);
    border: 1px solid #fff;
    border-radius: 50%;
    color: #80838b;
    fill: #80838b;
    text-align: center;
    -webkit-transition: all .4s;
    transition: all .4s
}

    .social-list-item svg {
        width: 16px;
        height: 16px
    }

    .social-list-item:hover {
        color: #1a1823;
        fill: #1a1823
    }

.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
}

.alert-dismissible .btn-close {
    font-size: 10px;
    padding: 1.05rem 1.25rem
}

body[data-layout-mode=dark] .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
}

body[data-layout-mode=dark] .border-bottom {
    border-bottom: 1px solid #32303c !important
}

body[data-layout-mode=dark] .border, body[data-layout-mode=dark] .border-end, body[data-layout-mode=dark] .border-start, body[data-layout-mode=dark] .border-top, body[data-layout-mode=dark] .list-group-item {
    border-color: #32303c !important
}

body[data-layout-mode=dark] .border-primary {
    border-color: #5052ba !important
}

body[data-layout-mode=dark] .border-secondary {
    border-color: #80838b !important
}

body[data-layout-mode=dark] .border-success {
    border-color: #24ab5e !important
}

body[data-layout-mode=dark] .border-info {
    border-color: #4099f3 !important
}

body[data-layout-mode=dark] .border-warning {
    border-color: #f0c42b !important
}

body[data-layout-mode=dark] .border-danger {
    border-color: #ed4b42 !important
}

body[data-layout-mode=dark] .border-pink {
    border-color: #e83e8c !important
}

body[data-layout-mode=dark] .border-light {
    border-color: #f6f5fa !important
}

body[data-layout-mode=dark] .border-dark {
    border-color: #1a1823 !important
}

body[data-layout-mode=dark] .border-white {
    border-color: #fff !important
}

body[data-layout-mode=dark] .border-purple {
    border-color: #5052ba !important
}

body[data-layout-mode=dark] .border-light {
    border-color: #32303c !important
}

body[data-layout-mode=dark] .text-dark {
    color: #eeeff1 !important
}

body[data-layout-mode=dark] .text-muted {
    color: #93929b !important
}

body[data-layout-mode=dark] .text-body {
    color: #d8dbdd !important
}

body[data-layout-mode=dark] .list-group-item {
    background-color: #292731;
    color: #93929b
}

body[data-layout-mode=dark] .img-thumbnail {
    background-color: #2f2d38;
    border-color: #383643
}

body[data-layout-mode=dark] .popover-header {
    color: #292731
}

body[data-layout-mode=dark] .custom-blockpuote.blockquote.blockpuote-outline-dark {
    border-color: #32303c
}

    body[data-layout-mode=dark] .custom-blockpuote.blockquote.blockpuote-outline-dark .blockquote-footer {
        color: #32303c
    }

body[data-layout-mode=dark] .social-list-item {
    border: 1px solid #292731;
    color: #93929b
}

    body[data-layout-mode=dark] .social-list-item:hover {
        color: #d8dbdd
    }

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999
}

#status {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: -20px 0 0 -20px
}

.spinner .spin-icon {
    font-size: 48px;
    color: #5052ba;
    position: relative;
    display: inline-block;
    -webkit-animation: spin 1.6s infinite linear;
    animation: spin 1.6s infinite linear
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

body[data-layout-mode=dark] .modal-footer, body[data-layout-mode=dark] .modal-header {
    border-color: #32303c
}

[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: #fff
}

    .form-checkbox-outline .form-check-input:active {
        -webkit-filter: none;
        filter: none
    }

    .form-checkbox-outline .form-check-input:checked {
        background-color: #fff !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: #1a1823
        }

.form-radio-outline .form-check-input {
    border-width: 2px;
    background-color: #fff
}

    .form-radio-outline .form-check-input:active {
        -webkit-filter: none;
        filter: none
    }

    .form-radio-outline .form-check-input:checked {
        background-color: #fff !important
    }

        .form-radio-outline .form-check-input:checked[type=checkbox] {
            background-image: none
        }

        .form-radio-outline .form-check-input:checked:after {
            position: absolute;
            content: '\F0765';
            font-family: "Material Design Icons";
            top: 6px !important;
            left: 4px;
            font-size: 6px
        }

.form-check-primary .form-check-input:checked {
    background-color: #5052ba;
    border-color: #5052ba
}

.form-radio-primary .form-check-input:checked {
    border-color: #5052ba;
    background-color: #5052ba
}

    .form-radio-primary .form-check-input:checked:after {
        color: #5052ba
    }

.form-check-secondary .form-check-input:checked {
    background-color: #80838b;
    border-color: #80838b
}

.form-radio-secondary .form-check-input:checked {
    border-color: #80838b;
    background-color: #80838b
}

    .form-radio-secondary .form-check-input:checked:after {
        color: #80838b
    }

.form-check-success .form-check-input:checked {
    background-color: #24ab5e;
    border-color: #24ab5e
}

.form-radio-success .form-check-input:checked {
    border-color: #24ab5e;
    background-color: #24ab5e
}

    .form-radio-success .form-check-input:checked:after {
        color: #24ab5e
    }

.form-check-info .form-check-input:checked {
    background-color: #4099f3;
    border-color: #4099f3
}

.form-radio-info .form-check-input:checked {
    border-color: #4099f3;
    background-color: #4099f3
}

    .form-radio-info .form-check-input:checked:after {
        color: #4099f3
    }

.form-check-warning .form-check-input:checked {
    background-color: #f0c42b;
    border-color: #f0c42b
}

.form-radio-warning .form-check-input:checked {
    border-color: #f0c42b;
    background-color: #f0c42b
}

    .form-radio-warning .form-check-input:checked:after {
        color: #f0c42b
    }

.form-check-danger .form-check-input:checked {
    background-color: #ed4b42;
    border-color: #ed4b42
}

.form-radio-danger .form-check-input:checked {
    border-color: #ed4b42;
    background-color: #ed4b42
}

    .form-radio-danger .form-check-input:checked:after {
        color: #ed4b42
    }

.form-check-pink .form-check-input:checked {
    background-color: #e83e8c;
    border-color: #e83e8c
}

.form-radio-pink .form-check-input:checked {
    border-color: #e83e8c;
    background-color: #e83e8c
}

    .form-radio-pink .form-check-input:checked:after {
        color: #e83e8c
    }

.form-check-light .form-check-input:checked {
    background-color: #f6f5fa;
    border-color: #f6f5fa
}

.form-radio-light .form-check-input:checked {
    border-color: #f6f5fa;
    background-color: #f6f5fa
}

    .form-radio-light .form-check-input:checked:after {
        color: #f6f5fa
    }

.form-check-dark .form-check-input:checked {
    background-color: #1a1823;
    border-color: #1a1823
}

.form-radio-dark .form-check-input:checked {
    border-color: #1a1823;
    background-color: #1a1823
}

    .form-radio-dark .form-check-input:checked:after {
        color: #1a1823
    }

.form-check-white .form-check-input:checked {
    background-color: #fff;
    border-color: #fff
}

.form-radio-white .form-check-input:checked {
    border-color: #fff;
    background-color: #fff
}

    .form-radio-white .form-check-input:checked:after {
        color: #fff
    }

.form-check-purple .form-check-input:checked {
    background-color: #5052ba;
    border-color: #5052ba
}

.form-radio-purple .form-check-input:checked {
    border-color: #5052ba;
    background-color: #5052ba
}

    .form-radio-purple .form-check-input:checked:after {
        color: #5052ba
    }

.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: .9375rem;
        vertical-align: middle
    }

.form-switch-lg {
    font-size: 26px;
    min-height: 36px;
    line-height: 36px
}

    .form-switch-lg .form-check-label {
        font-size: .9375rem;
        vertical-align: middle
    }

.input-group-text {
    margin-bottom: 0
}

.card-radio {
    background-color: #fff;
    border: 2px solid #eff0f2;
    border-radius: .6rem;
    padding: 4px;
    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: #5052ba !important
    }

body[data-layout-mode=dark] .form-control {
    color: #d8dbdd;
    background-color: #302e3a;
    border: 1px solid #32303c
}

body[data-layout-mode=dark] .form-select {
    color: #d8dbdd;
    background-color: #302e3a;
    border: 1px solid #32303c;
    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='%23b7c1cf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
}

body[data-layout-mode=dark] .form-check-input {
    background-color: #32303c;
    border-color: rgba(255,255,255,.25)
}

    body[data-layout-mode=dark] .form-check-input:checked {
        background-color: #5052ba;
        border-color: #5052ba
    }

body[data-layout-mode=dark] .form-switch .form-check-input {
    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='%23fff'/%3e%3c/svg%3e")
}

body[data-layout-mode=dark] .input-group-text {
    background-color: #393745;
    border-color: #32303c;
    color: #eeeff1
}

body[data-layout-mode=dark] .form-control::-webkit-file-upload-button {
    background-color: #32303c;
    color: #eeeff1
}

body[data-layout-mode=dark] .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #32303c
}

.popular-product-box {
    padding: 12px 15px;
    background-color: #f6f5fa
}

.sales-weidget {
    padding: 12px 0
}

.widget-box-1-icon {
    position: absolute;
    right: -20px;
    top: 15px;
    opacity: .1;
    width: 80px;
    height: 80px
}

.transactions-contain {
    padding: 14px 16px
}

.swiper-location-widget {
    height: 276px
}

    .swiper-location-widget .swiper-slide .card {
        margin: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 100%
    }

        .swiper-location-widget .swiper-slide .card .card-body {
            padding: .5rem 1rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

.grid-example {
    background-color: #f6f5fa;
    border-radius: 5px;
    font-weight: 500;
    padding: 10px 20px;
    font-size: .8rem
}

.button-items {
    margin-left: -8px;
    margin-bottom: -12px
}

    .button-items .btn {
        margin-bottom: 12px;
        margin-left: 8px
    }

.search-box .form-control {
    border-radius: 10px;
    padding-left: 40px
}

.search-box .search-icon {
    position: absolute;
    left: 13px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px
}

.user-profile-img {
    position: relative
}

    .user-profile-img .overlay-content {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: rgba(80,82,186,.8);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        color: rgba(255,255,255,.6);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .user-profile-img .profile-img {
        width: 100%;
        height: 250px;
        -o-object-fit: cover;
        object-fit: cover
    }

@media (max-width:991px) {
    .user-profile-img .profile-img {
        height: 160px
    }
}

.user-profile-image {
    -o-object-fit: cover;
    object-fit: cover
}

.bs-example-modal {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;
    display: block
}

.icon-demo-content {
    text-align: center;
    color: #7d8287
}

    .icon-demo-content i, .icon-demo-content svg {
        display: block;
        width: 50px;
        height: 50px;
        line-height: 46px;
        font-size: 24px;
        margin: 0 auto 16px;
        border: 2px solid #eff0f2;
        color: #80838b;
        border-radius: 1rem;
        -webkit-transition: all .4s;
        transition: all .4s
    }

    .icon-demo-content svg {
        padding: 10px
    }

    .icon-demo-content .col-lg-4 {
        margin-top: 24px
    }

        .icon-demo-content .col-lg-4:hover i, .icon-demo-content .col-lg-4:hover svg {
            color: #fff;
            background-color: #5052ba;
            border-color: #5052ba
        }

.grid-structure .grid-container {
    background-color: #f6f5fa;
    margin-top: 10px;
    font-size: .8rem;
    font-weight: 500;
    padding: 10px 20px
}

body[data-layout-mode=dark] .grid-structure .grid-container {
    background-color: #33303c
}

body[data-layout-mode=dark] .grid-example {
    background-color: #33303c
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

body[data-layout-mode=dark] .icon-demo-content i, body[data-layout-mode=dark] .icon-demo-content svg {
    color: #eeeff1;
    border-color: #32303c
}

.ribbon {
    position: absolute;
    right: -26px;
    top: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 1px 22px;
    font-size: 13px;
    font-weight: 500
}

.card-radio {
    background-color: #fff;
    border: 2px solid #eff0f2;
    border-radius: .6rem;
    padding: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

    .card-radio:hover {
        cursor: pointer
    }

.card-radio-label {
    display: block
}

.edit-btn {
    width: 35px;
    height: 35px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    right: 25px;
    margin-top: -50px
}

.card-radio-input {
    display: none
}

    .card-radio-input:checked + .card-radio {
        border-color: #5052ba !important
    }

        .card-radio-input:checked + .card-radio:before {
            content: '\e9da';
            font-family: boxicons;
            position: absolute;
            top: 10px;
            right: 25px;
            font-size: 22px;
            color: #5052ba
        }

.navs-carousel .owl-nav {
    margin-top: 16px
}

    .navs-carousel .owl-nav button {
        width: 30px;
        height: 30px;
        line-height: 28px !important;
        font-size: 20px !important;
        border-radius: 50% !important;
        background-color: rgba(80,82,186,.25) !important;
        color: #5052ba !important;
        margin: 4px 8px !important
    }

@media (min-width:576px) {
    .currency-value {
        position: relative
    }

        .currency-value:after {
            content: "\F04E1";
            font-family: "Material Design Icons";
            font-size: 24px;
            position: absolute;
            width: 40px;
            height: 40px;
            line-height: 40px;
            border-radius: 50%;
            text-align: center;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            background-color: #5052ba;
            color: #fff;
            z-index: 9;
            right: -30px
        }
}

.crypto-buy-sell-nav-content {
    border: 2px solid #eff0f2;
    border-top: 0
}

body[data-layout-mode=dark] .card-radio {
    background-color: #292731;
    border: 2px solid #33303c
}

@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
    }
}

.carousel-control-next, .carousel-control-prev {
    height: 30px;
    width: 30px;
    margin: auto 0;
    background-color: #5052ba
}

.carousel-dark .carousel-caption {
    color: rgba(0,0,0,.8)
}

    .carousel-dark .carousel-caption .h1, .carousel-dark .carousel-caption .h2, .carousel-dark .carousel-caption .h3, .carousel-dark .carousel-caption .h4, .carousel-dark .carousel-caption .h5, .carousel-dark .carousel-caption .h6, .carousel-dark .carousel-caption h1, .carousel-dark .carousel-caption h2, .carousel-dark .carousel-caption h3, .carousel-dark .carousel-caption h4, .carousel-dark .carousel-caption h5, .carousel-dark .carousel-caption h6 {
        color: rgba(0,0,0,.8)
    }

.auth-carousel .carousel-indicators {
    bottom: -50px
}

.auth-carousel [data-bs-target] {
    background-color: #5052ba
}

[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: 1px solid #eff0f2
}

.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 .fc-col-header-cell {
    background-color: #f6f5fa
}

.fc .fc-col-header-cell-cushion {
    display: block;
    padding: 8px 4px
}

.fc .fc-daygrid-day-number {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    margin: 2px
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: rgba(80,82,186,.1)
}

    .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
        background-color: #5052ba;
        color: #fff
    }

.fc .fc-list-event:hover td {
    background: 0 0
}

.fc .fc-list-event-dot {
    border-color: #fff
}

.fc .fc-list-event-title a {
    color: #fff !important
}

.fc .fc-col-header, .fc .fc-daygrid-body, .fc .fc-scrollgrid-sync-table {
    width: 100% !important
}

.fc-theme-bootstrap a:not([href]) {
    color: #545965
}

.fc-event {
    color: #fff
}

.fc th.fc-widget-header {
    background: #eff0f2;
    color: #545965;
    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: #eff0f2
}

    .fc-unthemed td.fc-today {
        background: #fcfcfd
    }

.fc-button {
    background: #fff;
    border-color: #eff0f2;
    color: #545965;
    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: #5052ba;
    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: #5052ba
}

.fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event:hover {
    background-color: #5052ba
}

.fc-daygrid-dot-event {
    color: #fff !important
}

    .fc-daygrid-dot-event .fc-event-title {
        font-weight: 600
    }

.fc-daygrid-event-dot {
    border-color: #fff !important;
    color: #fff !important
}

.fc-event .fc-content {
    color: #fff
}

#external-events .external-event {
    text-align: left;
    padding: 8px 16px;
    margin: 6px 0
}

.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark .fc-content {
    color: #f6f5fa
}

[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;
        gap: 16px
    }
}

body[data-layout-mode=dark] .fc-daygrid-day {
    border-color: #32303c
}

body[data-layout-mode=dark] .fc td, body[data-layout-mode=dark] .fc th {
    border-color: #32303c
}

body[data-layout-mode=dark] .fc-col-header-cell {
    border-color: #32303c;
    background-color: #2f2d38
}

body[data-layout-mode=dark] .fc-theme-bootstrap a:not([href]) {
    color: #93929b
}

.noUi-connect {
    background: #5052ba !important
}

.noUi-handle {
    background: #fff
}

.noUi-horizontal {
    height: 8px !important;
}

    .noUi-horizontal .noUi-handle {
        height: 20px !important;
        width: 20px !important;
        border-radius: 50%;
        right: -10px !important;
        top: -7px !important;
    }

        .noUi-horizontal .noUi-handle::after, .noUi-horizontal .noUi-handle::before {
            display: none
        }

        .noUi-horizontal .noUi-handle:focus {
            outline: 0
        }

.noUi-pips-horizontal {
    height: 50px
}

.noUi-vertical {
    width: 8px !important;
}

    .noUi-vertical .noUi-handle {
        height: 20px !important;
        width: 20px !important;
        right: -7px !important;
        top: -12px !important;
        border-radius: 50% !important;
    }

        .noUi-vertical .noUi-handle::after, .noUi-vertical .noUi-handle::before {
            display: none
        }

        .noUi-vertical .noUi-handle:focus {
            outline: 0
        }

    .noUi-vertical .noUi-origin {
        top: 0 !important;
    }

.noUi-value {
    font-size: 12px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 6px
}

.noUi-marker-horizontal.noUi-marker {
    display: none
}

.noUi-target {
    background-color: #f6f5fa !important;
    border-color: #f6f5fa !important;
}

.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 #eff0f2
}

#result {
    margin: 60px 26px;
    height: 100px;
    width: 100px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #eff0f2;
    -webkit-box-shadow: 0 0 3px;
    box-shadow: 0 0 3px;
    border-radius: 7px
}

#red .noUi-connect {
    background: #ed4b42
}

#green .noUi-connect {
    background: #24ab5e
}

#blue .noUi-connect {
    background: #5052ba !important
}

.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: #80838b;
    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: #ed4b42 !important;
}

.c-2-color {
    background: #f0c42b !important;
}

.c-3-color {
    background: #24ab5e !important;
}

.c-4-color {
    background: #5052ba !important;
}

.c-5-color {
    background: #5052ba !important;
}

#slider-toggle {
    height: 50px
}

    #slider-toggle.off .noUi-handle {
        border-color: #ed4b42
    }

body[data-layout-mode=dark] .noUi-target {
    background-color: #32303c;
    border-color: #32303c;
    -webkit-box-shadow: inset 0 1px 1px #32303c,0 3px 6px -5px #32303c;
    box-shadow: inset 0 1px 1px #32303c,0 3px 6px -5px #32303c
}

body[data-layout-mode=dark] .example-val {
    color: #93929b
}

.swal2-container .swal2-title {
    font-size: 24px;
    font-weight: 500
}

.swal2-content {
    font-size: 16px
}

.swal2-icon.swal2-question {
    border-color: #4099f3;
    color: #4099f3
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: #24ab5e
}

.swal2-icon.swal2-success .swal2-success-ring {
    border-color: rgba(36,171,94,.3)
}

.swal2-icon.swal2-warning {
    border-color: #f0c42b;
    color: #f0c42b
}

.swal2-styled:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.swal2-progress-steps .swal2-progress-step {
    background: #5052ba
}

    .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
        background: #5052ba
    }

        .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(80,82,186,.3)
        }

.swal2-progress-steps .swal2-progress-step-line {
    background: #5052ba
}

.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
    border-left-color: #5052ba !important;
    border-right-color: #5052ba !important
}

.swal2-file, .swal2-input, .swal2-textarea {
    border: 1px solid #e2e5e8
}

    .swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #cbced1
    }

body[data-layout-mode=dark] .swal2-popup {
    background-color: #32303c !important
}

body[data-layout-mode=dark] .swal2-content {
    color: #d8dbdd
}

body[data-layout-mode=dark] .swal2-html-container {
    color: #93929b
}

body[data-layout-mode=dark] .swal2-file, body[data-layout-mode=dark] .swal2-input, body[data-layout-mode=dark] .swal2-textarea {
    border: 1px solid #3b3947 !important
}

.alertify .ajs-header {
    font-weight: 500;
    font-size: 16px;
    position: relative;
    color: #545965
}

.alertify .ajs-dialog {
    -webkit-box-shadow: 0 0 6px #eae7f3;
    box-shadow: 0 0 6px #eae7f3;
    background-color: #fff;
    border-radius: .75rem;
    overflow: hidden
}

    .alertify .ajs-dialog .ajs-footer, .alertify .ajs-dialog .ajs-header {
        background-color: #fff
    }

.alertify .ajs-body {
    color: #545965
}

.alertify .ajs-footer .ajs-buttons .ajs-button {
    font-size: 13px;
    color: #545965;
    font-weight: 500
}

    .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
        color: #5052ba
    }

.alertify .ajs-footer .ajs-buttons.ajs-primary {
    text-align: right
}

.alertify .ajs-body .ajs-content {
    padding: 16px 0
}

    .alertify .ajs-body .ajs-content .ajs-input:focus-visible {
        outline: 0
    }

    .alertify .ajs-body .ajs-content .ajs-input {
        display: block;
        width: 100%;
        padding: .47rem .75rem;
        line-height: 1.5;
        color: #545965;
        background-color: #fff;
        border: 1px solid #e2e5e8;
        border-radius: .6rem
    }

.alertify .ajs-commands {
    top: 16px;
    right: 16px;
    left: auto;
    margin: 0
}

    .alertify .ajs-commands button {
        width: 1em;
        height: 1em;
        padding: .25em .25em;
        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 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
        opacity: .5
    }

.alertify-notifier .ajs-message {
    background-color: #5052ba;
    border-color: #5052ba;
    color: #fff;
    text-shadow: none !important;
    border-radius: 4px
}

    .alertify-notifier .ajs-message.ajs-success {
        background-color: #24ab5e;
        border-color: #24ab5e
    }

    .alertify-notifier .ajs-message.ajs-error {
        background-color: #ed4b42;
        border-color: #ed4b42
    }

    .alertify-notifier .ajs-message.ajs-warning {
        background-color: #f0c42b;
        border-color: #f0c42b
    }

.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
        }

body[data-layout-mode=dark] .alertify .ajs-dialog {
    background-color: #292731
}

body[data-layout-mode=dark] .alertify .ajs-footer, body[data-layout-mode=dark] .alertify .ajs-header {
    color: #eeeff1;
    background-color: #292731;
    border-color: #32303c
}

body[data-layout-mode=dark] .alertify .ajs-body {
    color: #d8dbdd
}

    body[data-layout-mode=dark] .alertify .ajs-body .ajs-content .ajs-input {
        color: #d8dbdd;
        background-color: #2e2c37;
        border: 1px solid #32303c
    }

body[data-layout-mode=dark] .alertify .ajs-footer .ajs-buttons .ajs-button {
    color: #d8dbdd
}

    body[data-layout-mode=dark] .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
        color: #5052ba
    }

body[data-layout-mode=dark] .alertify .ajs-commands button {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important
}

.swiper-arrow .swiper-button-next, .swiper-arrow .swiper-button-prev {
    height: 30px;
    width: 30px;
    margin: auto 0;
    color: #fff !important;
    background-color: #6264c1
}

    .swiper-arrow .swiper-button-next::after, .swiper-arrow .swiper-button-prev::after {
        font-size: 18px
    }

.swiper-arrow .swiper-button-prev {
    position: absolute;
    left: 0
}

.swiper-arrow .swiper-button-next {
    position: absolute;
    right: 0
}

.swiper-arrow.arrow-sm .swiper-button-next, .swiper-arrow.arrow-sm .swiper-button-prev {
    height: 24px;
    width: 24px
}

    .swiper-arrow.arrow-sm .swiper-button-next::after, .swiper-arrow.arrow-sm .swiper-button-prev::after {
        font-size: 12px
    }

.swiper-pagination {
    -webkit-transform: translate3d(0,0,0) translateX(-50%);
    transform: translate3d(0,0,0) translateX(-50%);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto !important;
    padding: 4px 4px;
    left: 50% !important;
    background-color: #fff;
    border-radius: 10px;
    right: auto !important
}

.swiper-pagination-bullet {
    background-color: #fff;
    opacity: 1;
    border: 1px solid #5052ba
}

.swiper-pagination-bullet-active {
    background-color: #5052ba;
    opacity: 1;
    border: 1px solid #5052ba
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 25px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 25px;
    left: auto
}

.progress-swiper .swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
    background-color: #f6f5fa
}

    .progress-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background-color: #5052ba
    }

.choices__inner {
    padding: .25rem 2.5rem .25rem .5rem;
    background-color: #fff;
    vertical-align: middle;
    border-radius: .6rem;
    border: 1px solid #e2e5e8;
    min-height: 38px
}

.choices[data-type*=select-one] .choices__inner {
    padding-bottom: .25rem
}

.choices[data-type*=select-one]:after {
    border: 0;
    border-color: #1a1823 transparent transparent;
    right: 11.5px;
    left: auto;
    content: "\F0140";
    font-family: 'Material Design Icons';
    width: auto;
    height: auto;
    margin-top: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.choices[data-type*=select-one].is-open:after {
    margin-top: 0;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.choices[data-type*=select-one] .choices__button {
    right: 0;
    left: auto;
    margin-right: 25px;
    margin-left: 0
}

.choices__input {
    background-color: #fff;
    margin-bottom: 0
}

.choices__list--multiple {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px
}

    .choices__list--multiple .choices__item {
        background-color: #5052ba;
        border-color: #5052ba;
        margin-bottom: 0;
        margin-right: 0;
        font-weight: 400
    }

        .choices__list--multiple .choices__item.is-highlighted {
            background-color: #5052ba;
            border: 1px solid #5052ba
        }

.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
    background-color: #f6f5fa
}

.is-focused .choices__inner, .is-open .choices__inner {
    border-color: #cbced1
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #80838b;
    border-color: #80838b
}

.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 {
    border-color: #eff0f2;
    -webkit-box-shadow: 0 0 6px #eae7f3;
    box-shadow: 0 0 6px #eae7f3
}

    .choices__list--dropdown .choices__item--selectable.is-highlighted {
        background-color: #fbfafd
    }

.is-open .choices__list--dropdown {
    border-color: #eff0f2
}

body[data-layout-mode=dark] .choices__list--dropdown {
    border: 1px solid #32303c !important
}

body[data-layout-mode=dark] .choices__heading {
    border: 1px solid #32303c
}

body[data-layout-mode=dark] .choices__inner {
    color: #d8dbdd;
    background-color: #2e2c37;
    border: 1px solid #32303c !important
}

body[data-layout-mode=dark] .choices__input {
    background-color: #2e2c37;
    color: #d8dbdd
}

    body[data-layout-mode=dark] .choices__input::-webkit-input-placeholder {
        color: #93929b
    }

    body[data-layout-mode=dark] .choices__input::-moz-placeholder {
        color: #93929b
    }

    body[data-layout-mode=dark] .choices__input:-ms-input-placeholder {
        color: #93929b
    }

    body[data-layout-mode=dark] .choices__input::-ms-input-placeholder {
        color: #93929b
    }

    body[data-layout-mode=dark] .choices__input::placeholder {
        color: #93929b
    }

body[data-layout-mode=dark] .choices[data-type*=select-one]:after {
    border-color: #d8dbdd transparent transparent
}

body[data-layout-mode=dark] .choices[data-type*=select-one].is-open:after {
    border-color: transparent transparent #d8dbdd
}

body[data-layout-mode=dark] .choices[data-type*=select-one] .choices__input {
    background-color: #2e2c37;
    border: 1px solid #32303c;
    color: #d8dbdd
}

body[data-layout-mode=dark] .choices__list--dropdown {
    background-color: #2e2c37;
    border-color: #32303c
}

    body[data-layout-mode=dark] .choices__list--dropdown .choices__item--selectable.is-highlighted {
        background-color: #32303c
    }

body[data-layout-mode=dark] .choices.is-disabled .choices__inner, body[data-layout-mode=dark] .choices.is-disabled .choices__input {
    background-color: #2e2c37
}

input[switch] {
    display: none
}

    input[switch] + label {
        font-size: 1em;
        line-height: 1;
        width: 56px;
        height: 24px;
        background-color: #e2e5e8;
        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: #1a1823;
            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: #f6f5fa;
            -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: #5052ba
    }

    input[switch]:checked + label {
        background-color: #5052ba
    }

        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: #f6f5fa
        }

input[switch=bool] + label {
    background-color: #ed4b42
}

    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: #24ab5e
}

input[switch=default]:checked + label {
    background-color: #a2a2a2
}

input[switch=primary]:checked + label {
    background-color: #5052ba
}

input[switch=success]:checked + label {
    background-color: #24ab5e
}

input[switch=info]:checked + label {
    background-color: #4099f3
}

input[switch=warning]:checked + label {
    background-color: #f0c42b
}

input[switch=danger]:checked + label {
    background-color: #ed4b42
}

input[switch=dark]:checked + label {
    background-color: #1a1823
}

.square-switch {
    margin-right: 7px
}

    .square-switch input[switch] + label, .square-switch input[switch] + label:after {
        border-radius: 4px
    }

.table-bordered {
    border: 1px solid #eff0f2
}

.gridjs-container {
    color: #545965
}

.gridjs-head {
    margin-bottom: 15px;
    position: relative;
    z-index: 1
}

.gridjs-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

    .gridjs-wrapper::-webkit-scrollbar {
        -webkit-appearance: none
    }

        .gridjs-wrapper::-webkit-scrollbar:vertical {
            width: 12px
        }

        .gridjs-wrapper::-webkit-scrollbar:horizontal {
            height: 12px
        }

    .gridjs-wrapper::-webkit-scrollbar-thumb {
        background-color: rgba(26,24,35,.075);
        border-radius: 10px;
        border: 2px solid #fff
    }

    .gridjs-wrapper::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #fff
    }

.gridjs-table {
    width: 100%
}

td.gridjs-td, th.gridjs-th {
    border: 0 solid #eff0f2;
    border-bottom-width: 1px;
    padding: .75rem .75rem
}

th.gridjs-th {
    border-top: 0;
    color: #545965;
    background-color: #f8f9fa
}

th.gridjs-th-sort:focus, th.gridjs-th-sort:hover {
    background-color: #f2f4f6
}

.gridjs-footer {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-top: 0
}

.gridjs-pagination {
    color: #80838b
}

    .gridjs-pagination .gridjs-pages button {
        border: none !important;
        border-radius: 30px !important;
        margin: 0 5px;
        border: none;
        min-width: 32px;
        height: 32px;
        padding: 0;
        text-align: center;
        line-height: 32px
    }

        .gridjs-pagination .gridjs-pages button:disabled, .gridjs-pagination .gridjs-pages button:hover:disabled, .gridjs-pagination .gridjs-pages button[disabled] {
            color: #7d8287
        }

        .gridjs-pagination .gridjs-pages button:hover {
            background-color: #f6f5fa;
            color: #363788
        }

        .gridjs-pagination .gridjs-pages button:focus {
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .gridjs-pagination .gridjs-pages button:first-child:hover, .gridjs-pagination .gridjs-pages button:last-child:hover {
            background-color: transparent
        }

        .gridjs-pagination .gridjs-pages button.gridjs-currentPage {
            background-color: #5052ba;
            color: #fff;
            font-weight: 500;
            border-color: #5052ba
        }

input.gridjs-input {
    border-color: #e2e5e8;
    background-color: #fff;
    color: #545965;
    font-size: 13px;
    border-radius: 30px
}

    input.gridjs-input:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #cbced1;
        background-color: #fff
    }

body[data-layout-mode=dark] .gridjs-container {
    color: #93929b
}

body[data-layout-mode=dark] .gridjs-wrapper {
    border-color: #32303c
}

    body[data-layout-mode=dark] .gridjs-wrapper::-webkit-scrollbar-thumb {
        background-color: rgba(255,255,255,.075);
        border: 2px solid #292731
    }

    body[data-layout-mode=dark] .gridjs-wrapper::-webkit-scrollbar-track {
        background-color: #292731
    }

body[data-layout-mode=dark] input.gridjs-input {
    color: #d8dbdd;
    background-color: #2e2c37;
    border: 1px solid #32303c
}

    body[data-layout-mode=dark] input.gridjs-input::-webkit-input-placeholder {
        color: #93929b
    }

    body[data-layout-mode=dark] input.gridjs-input::-moz-placeholder {
        color: #93929b
    }

    body[data-layout-mode=dark] input.gridjs-input:-ms-input-placeholder {
        color: #93929b
    }

    body[data-layout-mode=dark] input.gridjs-input::-ms-input-placeholder {
        color: #93929b
    }

    body[data-layout-mode=dark] input.gridjs-input::placeholder {
        color: #93929b
    }

body[data-layout-mode=dark] th.gridjs-th {
    background-color: #2e2c37;
    color: #d8dbdd
}

body[data-layout-mode=dark] td.gridjs-td, body[data-layout-mode=dark] th.gridjs-th {
    border-color: #32303c
}

body[data-layout-mode=dark] .gridjs-tbody, body[data-layout-mode=dark] td.gridjs-td {
    background-color: #292731
}

body[data-layout-mode=dark] .gridjs-footer {
    background-color: #292731;
    border-color: #32303c
}

body[data-layout-mode=dark] .gridjs-pagination {
    color: #93929b
}

    body[data-layout-mode=dark] .gridjs-pagination .gridjs-pages button {
        background-color: #292731;
        color: #93929b
    }

        body[data-layout-mode=dark] .gridjs-pagination .gridjs-pages button.gridjs-currentPage {
            background-color: #5052ba;
            color: #fff;
            border-color: #5052ba
        }

.pcr-app {
    background: #fff
}

    .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: #fff
}

.input[readonly] {
    background-color: #fff
}

.flatpickr-months, .flatpickr-weekdays {
    background-color: #5052ba
}

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 #eff0f2
}

.flatpickr-day {
    color: #1a1823 !important
}

    .flatpickr-day:focus, .flatpickr-day:hover {
        background-color: rgba(246,245,250,.7) !important
    }

    .flatpickr-day.today {
        border-color: #5052ba !important;
        background-color: rgba(80,82,186,.1)
    }

        .flatpickr-day.today:focus, .flatpickr-day.today:hover {
            color: #1a1823 !important;
            background-color: rgba(80,82,186,.15) !important
        }

    .flatpickr-day.selected {
        background-color: #5052ba !important;
        border-color: #5052ba !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: rgba(26,24,35,.3) !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: #f6f5fa;
            border-color: #f6f5fa
        }

    .flatpickr-day.inRange {
        -webkit-box-shadow: -5px 0 0 #f6f5fa,5px 0 0 #f6f5fa;
        box-shadow: -5px 0 0 #f6f5fa,5px 0 0 #f6f5fa
    }

    .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
        background-color: #5052ba !important;
        border-color: #5052ba !important;
        color: #fff !important
    }

.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: #1a1823 !important
}

.flatpickr-calendar {
    background-color: #fff !important;
    -webkit-box-shadow: 1px 0 0 #eff0f2,-1px 0 0 #eff0f2,0 1px 0 #eff0f2,0 -1px 0 #eff0f2,0 3px 13px rgba(0,0,0,.08) !important;
    box-shadow: 1px 0 0 #eff0f2,-1px 0 0 #eff0f2,0 1px 0 #eff0f2,0 -1px 0 #eff0f2,0 3px 13px rgba(0,0,0,.08) !important
}

    .flatpickr-calendar.hasTime .flatpickr-time {
        border-top: 1px solid #eff0f2 !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
    }

body[data-layout-mode=dark] .flatpickr-calendar {
    background-color: #2f2d38 !important;
    -webkit-box-shadow: 1px 0 0 #32303c,-1px 0 0 #32303c,0 1px 0 #32303c,0 -1px 0 #32303c,0 3px 13px rgba(0,0,0,.08) !important;
    box-shadow: 1px 0 0 #32303c,-1px 0 0 #32303c,0 1px 0 #32303c,0 -1px 0 #32303c,0 3px 13px rgba(0,0,0,.08) !important
}

    body[data-layout-mode=dark] .flatpickr-calendar.hasTime .flatpickr-time {
        border-top: 1px solid #32303c !important
    }

body[data-layout-mode=dark] .flatpickr-weekdays {
    border-color: #32303c
}

body[data-layout-mode=dark] .flatpickr-day {
    color: #d8dbdd !important
}

    body[data-layout-mode=dark] .flatpickr-day:focus, body[data-layout-mode=dark] .flatpickr-day:hover {
        background-color: rgba(50,48,60,.7) !important
    }

    body[data-layout-mode=dark] .flatpickr-day.today {
        border-color: #5052ba !important;
        background-color: rgba(80,82,186,.1)
    }

        body[data-layout-mode=dark] .flatpickr-day.today:focus, body[data-layout-mode=dark] .flatpickr-day.today:hover {
            color: #1a1823 !important;
            background-color: rgba(80,82,186,.15) !important
        }

        body[data-layout-mode=dark] .flatpickr-day.inRange, body[data-layout-mode=dark] .flatpickr-day.nextMonthDay.inRange, body[data-layout-mode=dark] .flatpickr-day.nextMonthDay.today.inRange, body[data-layout-mode=dark] .flatpickr-day.nextMonthDay:focus, body[data-layout-mode=dark] .flatpickr-day.nextMonthDay:hover, body[data-layout-mode=dark] .flatpickr-day.prevMonthDay.inRange, body[data-layout-mode=dark] .flatpickr-day.prevMonthDay.today.inRange, body[data-layout-mode=dark] .flatpickr-day.prevMonthDay:focus, body[data-layout-mode=dark] .flatpickr-day.prevMonthDay:hover, body[data-layout-mode=dark] .flatpickr-day.today.inRange, body[data-layout-mode=dark] .flatpickr-day:focus, body[data-layout-mode=dark] .flatpickr-day:hover {
            background-color: #32303c;
            border-color: #32303c
        }

    body[data-layout-mode=dark] .flatpickr-day.selected {
        background-color: #5052ba !important;
        border-color: #5052ba !important;
        color: #fff !important
    }

    body[data-layout-mode=dark] .flatpickr-day.flatpickr-disabled, body[data-layout-mode=dark] .flatpickr-day.flatpickr-disabled:hover, body[data-layout-mode=dark] .flatpickr-day.nextMonthDay, body[data-layout-mode=dark] .flatpickr-day.notAllowed, body[data-layout-mode=dark] .flatpickr-day.notAllowed.nextMonthDay, body[data-layout-mode=dark] .flatpickr-day.notAllowed.prevMonthDay, body[data-layout-mode=dark] .flatpickr-day.prevMonthDay {
        color: rgba(216,219,221,.3) !important
    }

    body[data-layout-mode=dark] .flatpickr-day.inRange {
        -webkit-box-shadow: -5px 0 0 #32303c,5px 0 0 #32303c;
        box-shadow: -5px 0 0 #32303c,5px 0 0 #32303c
    }

    body[data-layout-mode=dark] .flatpickr-day.endRange, body[data-layout-mode=dark] .flatpickr-day.endRange.inRange, body[data-layout-mode=dark] .flatpickr-day.endRange.nextMonthDay, body[data-layout-mode=dark] .flatpickr-day.endRange.prevMonthDay, body[data-layout-mode=dark] .flatpickr-day.endRange:focus, body[data-layout-mode=dark] .flatpickr-day.endRange:hover, body[data-layout-mode=dark] .flatpickr-day.selected, body[data-layout-mode=dark] .flatpickr-day.selected.inRange, body[data-layout-mode=dark] .flatpickr-day.selected.nextMonthDay, body[data-layout-mode=dark] .flatpickr-day.selected.prevMonthDay, body[data-layout-mode=dark] .flatpickr-day.selected:focus, body[data-layout-mode=dark] .flatpickr-day.selected:hover, body[data-layout-mode=dark] .flatpickr-day.startRange, body[data-layout-mode=dark] .flatpickr-day.startRange.inRange, body[data-layout-mode=dark] .flatpickr-day.startRange.nextMonthDay, body[data-layout-mode=dark] .flatpickr-day.startRange.prevMonthDay, body[data-layout-mode=dark] .flatpickr-day.startRange:focus, body[data-layout-mode=dark] .flatpickr-day.startRange:hover {
        background-color: #5052ba !important;
        border-color: #5052ba !important;
        color: #fff !important
    }

body[data-layout-mode=dark] .flatpickr-time .flatpickr-am-pm, body[data-layout-mode=dark] .flatpickr-time .flatpickr-time-separator, body[data-layout-mode=dark] .flatpickr-time input {
    color: #d8dbdd !important
}

body[data-layout-mode=dark] .flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #d8dbdd
}

body[data-layout-mode=dark] .flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #d8dbdd
}

.ck.ck-toolbar {
    background-color: rgba(246,245,250,.75) !important;
    border: 1px solid #e2e5e8 !important
}

    .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .ck.ck-toolbar .ck.ck-toolbar__separator {
        background: 0 0 !important
    }

.ck.ck-editor__main > .ck-editor__editable {
    border-top: 0 !important;
    background-color: #fff !important;
    border-color: #e2e5e8 !important;
    -webkit-box-shadow: 0 0 6px #eae7f3 !important;
    box-shadow: 0 0 6px #eae7f3 !important
}

.ck.ck-dropdown__panel, .ck.ck-list {
    background: #fff !important;
    border: 1px solid #eff0f2 !important;
    -webkit-box-shadow: 0 0 6px #eae7f3 !important;
    box-shadow: 0 0 6px #eae7f3 !important
}

.ck.ck-reset_all, .ck.ck-reset_all * {
    color: #545965 !important
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
    left: 0;
    right: auto !important
}

.ck.ck-editor__editable_inline[dir=rtl] {
    text-align: left !important
}

.ck-editor__editable {
    min-height: 245px !important
}

.ck.ck-button.ck-on:not(.ck-disabled):active, .ck.ck-button.ck-on:not(.ck-disabled):hover, a.ck.ck-button.ck-on:not(.ck-disabled):active, a.ck.ck-button.ck-on:not(.ck-disabled):hover {
    background: #f6f5fa !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ck.ck-button:active, .ck.ck-button:focus, a.ck.ck-button:active, a.ck.ck-button:focus {
    background: #f6f5fa !important;
    border-color: #f6f5fa !important
}

.ck.ck-tooltip .ck-tooltip__text {
    background: #1a1823 !important;
    color: #f6f5fa !important
}

.ck.ck-button:not(.ck-disabled):hover, .ck.ck-toolbar .ck.ck-button.ck-on, a.ck.ck-button.ck-on, a.ck.ck-button:not(.ck-disabled):hover {
    background: rgba(246,245,250,.75) !important
}

.ck.ck-list__item .ck-button .ck-button__label {
    font-family: "Work Sans",sans-serif
}

body[data-layout-mode=dark] .ck.ck-toolbar {
    background-color: #32303c !important;
    border-color: #32303c !important
}

body[data-layout-mode=dark] .ck.ck-dropdown__panel, body[data-layout-mode=dark] .ck.ck-list {
    background-color: #2f2d38 !important;
    border-color: #2f2d38 !important;
    -webkit-box-shadow: 0 0 6px #eae7f3 !important;
    box-shadow: 0 0 6px #eae7f3 !important
}

body[data-layout-mode=dark] .ck.ck-editor__main > .ck-editor__editable {
    background-color: #292731 !important;
    border-color: #32303c !important
}

body[data-layout-mode=dark] .ck.ck-icon :not([fill]) {
    fill: #d8dbdd !important
}

body[data-layout-mode=dark] .ck.ck-reset_all, body[data-layout-mode=dark] .ck.ck-reset_all * {
    color: #93929b !important
}

body[data-layout-mode=dark] .ck .ck-input-text, body[data-layout-mode=dark] .ck .ck-label, body[data-layout-mode=dark] .ck .ck-link-form {
    background-color: #2f2d38 !important
}

body[data-layout-mode=dark] .ck.ck-button:active, body[data-layout-mode=dark] .ck.ck-button:focus, body[data-layout-mode=dark] a.ck.ck-button:active, body[data-layout-mode=dark] a.ck.ck-button:focus {
    border-color: #32303c !important
}

body[data-layout-mode=dark] .ck.ck-button:not(.ck-disabled):hover, body[data-layout-mode=dark] .ck.ck-toolbar .ck.ck-button.ck-on, body[data-layout-mode=dark] a.ck.ck-button.ck-on, body[data-layout-mode=dark] a.ck.ck-button:not(.ck-disabled):hover {
    background: rgba(147,146,155,.2) !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
}

.ql-editor {
    text-align: left
}

    .ql-editor ol, .ql-editor ul {
        padding-left: 1.5em;
        padding-right: 0
    }

    .ql-editor li:not(.ql-direction-rtl)::before {
        margin-left: -1.5em;
        margin-right: .3em;
        text-align: right
    }

.ql-container {
    font-family: 'Poppins', sans-serif
}

    .ql-container.ql-snow {
        border-color: #e2e5e8
    }

.ql-bubble {
    border: 1px solid #e2e5e8;
    border-radius: .6rem
}

.ql-toolbar {
    font-family: 'Poppins', sans-serif !important
}

    .ql-toolbar span {
        outline: 0 !important;
        color: #545965
    }

        .ql-toolbar span:hover {
            color: #5052ba !important
        }

    .ql-toolbar.ql-snow {
        border-color: #e2e5e8
    }

        .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
            border-color: transparent
        }

        .ql-toolbar.ql-snow .ql-picker-options {
            -webkit-box-shadow: 0 0 6px #eae7f3;
            box-shadow: 0 0 6px #eae7f3;
            border-radius: .75rem
        }

.ql-snow .ql-script, .ql-snow .ql-strike svg, .ql-snow .ql-stroke {
    stroke: #545965
}

.ql-snow .ql-fill {
    fill: #545965
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    right: 0;
    left: auto
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #545965
}

.ql-snow .ql-picker-options {
    background-color: #fff;
    border-color: #eff0f2 !important
}

body[data-layout-mode=dark] .ql-container.ql-snow, body[data-layout-mode=dark] .ql-toolbar.ql-snow {
    border-color: #32303c
}

body[data-layout-mode=dark] .ql-toolbar span {
    color: #d8dbdd
}

body[data-layout-mode=dark] .ql-snow .ql-script, body[data-layout-mode=dark] .ql-snow .ql-strike svg, body[data-layout-mode=dark] .ql-snow .ql-stroke {
    stroke: #d8dbdd
}

body[data-layout-mode=dark] .ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #d8dbdd
}

body[data-layout-mode=dark] .ql-snow .ql-picker-options {
    background-color: #32303c;
    border-color: #32303c !important
}

body[data-layout-mode=dark] .ql-bubble {
    border-color: #32303c
}

    body[data-layout-mode=dark] .ql-bubble .ql-tooltip {
        background-color: #32303c
    }

.dropzone {
    min-height: 230px;
    border: 2px dashed #e2e5e8;
    background: #fff;
    border-radius: 6px
}

    .dropzone .dz-message {
        font-size: 24px;
        width: 100%
    }

body[data-layout-mode=dark] .dropzone {
    background: #2b2934;
    border-color: #32303c
}

.wizard-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .wizard-nav .wizard-list-item {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center
    }

        .wizard-nav .wizard-list-item .list-item {
            width: 100%;
            font-size: 14px;
            position: relative
        }

    .wizard-nav .step-icon {
        display: inline-block;
        width: 56px;
        height: 56px;
        line-height: 54px;
        border: 1px solid rgba(80,82,186,.2);
        color: #5052ba;
        text-align: center;
        border-radius: 50%;
        position: relative;
        z-index: 1;
        font-size: 20px
    }

@media (max-width:575.98px) {
    .wizard-nav .step-icon {
        width: 40px;
        height: 40px;
        line-height: 38px
    }
}

.wizard-nav .step-title {
    margin-left: 6px
}

.wizard-nav .wizard-list-item:last-child .list-item::after {
    display: none
}

.wizard-nav .wizard-list-item .list-item.done .step-icon {
    background-color: #5052ba;
    color: #fff
}

.wizard-nav .wizard-list-item .list-item.done .uil:before {
    content: "\e9c3"
}

.wizard-nav .list-item {
    font-size: 14px;
    position: relative
}

@media (max-width:575.98px) {
    .wizard-nav .list-item {
        padding: .5rem
    }
}

.wizard-nav .list-item::after {
    content: "";
    position: absolute;
    width: 75%;
    height: 2px;
    background-color: #eff0f2;
    left: 62%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:575.98px) {
    .wizard-nav .list-item::after {
        display: none
    }
}

.wizard-nav .list-item.active {
    color: #545965;
    background-color: transparent
}

    .wizard-nav .list-item.active .step-icon {
        background-color: rgba(80,82,186,.2);
        color: #5052ba;
        border-color: rgba(80,82,186,.2)
    }

.wizard-tab {
    display: none
}

body[data-layout-mode=dark] .wizard-nav .list-item::after {
    background-color: #32303c
}

.apex-charts {
    min-height: 10px !important
}

    .apex-charts text {
        font-family: 'Poppins', sans-serif !important
    }

    .apex-charts .apexcharts-canvas {
        margin: 0 auto
    }

.apexcharts-tooltip-text, .apexcharts-tooltip-title {
    font-family: 'Poppins', sans-serif !important
}

.apexcharts-text tspan {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px
}

.apexcharts-tooltip * {
    font-family: 'Poppins', sans-serif !important;
    color: #80838b !important
}

.apexcharts-tooltip.apexcharts-theme-dark * {
    color: #fff !important
}

.apexcharts-legend-series {
    font-weight: 500
}

.apexcharts-gridline {
    pointer-events: none;
    stroke: #f8f9fa
}

.apexcharts-legend-text {
    color: #80838b !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important
}

.apexcharts-pie-label {
    fill: #fff !important
}

.apexcharts-subtitle-text, .apexcharts-title-text {
    fill: #7d8287
}

.apexcharts-xaxis text, .apexcharts-yaxis text {
    font-family: 'Poppins', sans-serif !important;
    fill: #7d8287
}

.apexcharts-yaxis-title {
    font-weight: 500
}

#dynamicloadedchart-wrap {
    margin: 0 auto;
    max-width: 800px;
    position: relative
}

.chart-box {
    padding-left: 0
}

#chart-quarter, #chart-year {
    width: 96%;
    max-width: 48%;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 0;
    padding-top: 20px;
    background: #fff;
    border: 1px solid #eff0f2
}

#chart-year {
    float: left;
    position: relative;
    -webkit-transition: 1s ease transform;
    transition: 1s ease transform;
    z-index: 3
}

    #chart-year.chart-quarter-activated {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: 1s ease transform;
        transition: 1s ease transform
    }

#chart-quarter {
    float: left;
    position: relative;
    z-index: -2;
    -webkit-transition: 1s ease transform;
    transition: 1s ease transform
}

    #chart-quarter.active {
        -webkit-transition: 1.1s ease-in-out transform;
        transition: 1.1s ease-in-out transform;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        z-index: 1
    }

@media screen and (min-width:480px) {
    #chart-year {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    #chart-quarter {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

body[data-layout-mode=dark] .apex-charts text {
    fill: #7d8287
}

body[data-layout-mode=dark] .apexcharts-xaxis text, body[data-layout-mode=dark] .apexcharts-yaxis text {
    fill: #d8dbdd
}

body[data-layout-mode=dark] .apexcharts-xaxis .apexcharts-text, body[data-layout-mode=dark] .apexcharts-yaxis .apexcharts-text {
    fill: #e2e5e8
}

body[data-layout-mode=dark] .apexcharts-gridline {
    stroke: #2f2d38
}

body[data-layout-mode=dark] .apexcharts-tooltip.apexcharts-theme-light {
    background-color: #292731;
    border-color: #2f2d38
}

    body[data-layout-mode=dark] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
        background-color: #32303c;
        border-color: #383643
    }

body[data-layout-mode=dark] .apexcharts-legend-text {
    color: #d8dbdd !important
}

body[data-layout-mode=dark] .apexcharts-grid-row + line, body[data-layout-mode=dark] .apexcharts-yaxis-texts-g.apexcharts-xaxis-inversed-texts-g + line {
    stroke: #383643
}

body[data-layout-mode=dark] .apexcharts-heatmap-rect, body[data-layout-mode=dark] .apexcharts-pie-area, body[data-layout-mode=dark] .apexcharts-treemap-rect, body[data-layout-mode=dark] .apexcharts-xaxis line {
    stroke: #383643
}

body[data-layout-mode=dark] .apexcharts-radialbar-track.apexcharts-track path {
    stroke: #383643
}

body[data-layout-mode=dark] .apexcharts-radar-series.apexcharts-plot-series line, body[data-layout-mode=dark] .apexcharts-radar-series.apexcharts-plot-series polygon {
    fill: #32303c;
    stroke: #383643
}

body[data-layout-mode=dark] .apexcharts-pie circle {
    stroke: #383643
}

body[data-layout-mode=dark] #chart-quarter, body[data-layout-mode=dark] #chart-year {
    background-color: #292731;
    border-color: #2f2d38
}

body[data-layout-mode=dark] .apexcharts-pie line {
    stroke: #32303c
}

.e-charts {
    height: 350px
}

.chartjs-chart {
    max-height: 350px
}

.glightbox-clean .gslide-title {
    font-family: 'Poppins', sans-serif;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 18px
}

.glightbox-clean .gslide-desc {
    font-family: 'Poppins', sans-serif;
    font-size: 14px
}

.glightbox-clean .gclose {
    border: 2px solid #fff;
    border-radius: 7px;
    right: 10px;
    left: auto
}

@media (min-width:992px) {
    .glightbox-clean .gclose {
        right: 20px;
        left: auto
    }
}

.glightbox-clean .gclose svg {
    width: 12px
}

.gmaps, .gmaps-panaroma {
    height: 300px;
    background: #fbfafd;
    border-radius: 3px
}

.gmaps-overlay {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    background: #5052ba;
    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 #5052ba
    }

    .gmaps-overlay_arrow.below {
        top: -15px;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        border-bottom: 16px solid #5052ba
    }

.jvm-tooltip {
    border-radius: 3px;
    background-color: #5052ba;
    font-family: 'Poppins', sans-serif;
    -webkit-box-shadow: 0 5px 6px rgba(26,24,35,.1);
    box-shadow: 0 5px 6px rgba(26,24,35,.1);
    padding: 3px 5px
}

.leaflet-map {
    height: 300px
}

    .leaflet-map.leaflet-container {
        z-index: 99
    }

.pages-bg {
    background-position: center
}

    .pages-bg .bg-overlay {
        opacity: .4
    }

.auth-bg {
    background-image: url(../images/bg-auth.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

    .auth-bg .bg-overlay {
        opacity: .82;
        border-top-left-radius: 40px;
        border-bottom-left-radius: 40px
    }

@media (min-width:768px) {
    .auth-bg {
        border-top-left-radius: 40px;
        border-bottom-left-radius: 40px;
        height: 100vh
    }
}

.input-custom-icon .form-control {
    padding-left: 40px;
    padding-right: 20px
}

.input-custom-icon svg {
    position: absolute;
    z-index: 10;
    width: 16px;
    height: 16px;
    line-height: 40px;
    left: 13px;
    top: 50%;
    font-size: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #7d8287
}

.auth-pass-inputgroup input[type=text] + .btn .mdi-eye-outline:before {
    content: "\F06D1"
}

.auth-pass-inputgroup button {
    line-height: 22px
}

.form-floating-custom {
    position: relative
}

    .form-floating-custom > label {
        left: 48px;
        margin-top: 2px
    }

    .form-floating-custom > .form-control, .form-floating-custom > .form-select {
        padding-left: 60px
    }

    .form-floating-custom .form-floating-icon {
        position: absolute;
        top: 0;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 56px;
        fill: #80838b
    }

        .form-floating-custom .form-floating-icon svg {
            width: 22px;
            height: 22px
        }

.auth-full-page-content {
    background-color: #fff
}

.home-btn {
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 1
}

.auth-logo .auth-logo-dark {
    display: block;
    margin: 0 auto
}

.auth-logo .auth-logo-light {
    display: none;
    margin: 0 auto
}

.authentication-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url(../images/login-img.png);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .authentication-bg .auth-logo .logo {
        margin: 0 auto
    }

    .authentication-bg .auth-logo .auth-logo-light {
        display: none;
        margin: 0 auto
    }

    .authentication-bg .auth-logo .auth-logo-dark {
        margin: 0 auto
    }

    .authentication-bg .bg-overlay {
        opacity: .8
    }

    .authentication-bg .auth-cover-card .authentication-bg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .authentication-bg .auth-cover-card .bg-overlay {
        opacity: .6
    }

    .authentication-bg .auth-cover-card .form-floating label {
        color: rgba(255,255,255,.5)
    }

    .authentication-bg .auth-cover-card .form-floating .form-control {
        background-color: rgba(255,255,255,.1);
        border-color: rgba(255,255,255,.1);
        color: #fff
    }

    .authentication-bg .auth-cover-card .form-floating .form-floating-icon {
        color: rgba(255,255,255,.5)
    }

.form-floating-custom {
    position: relative
}

    .form-floating-custom > label {
        left: 48px
    }

    .form-floating-custom > .form-control, .form-floating-custom > .form-select {
        padding-left: 60px
    }

    .form-floating-custom .form-floating-icon {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -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;
        width: 56px;
        color: #80838b
    }

.error-font {
    font-size: 9rem;
    text-shadow: 4px 4px 6px rgba(26,24,35,.26)
}

.mover-animation {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate
}

@-webkit-keyframes mover {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@keyframes mover {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

.signin-other-title {
    position: relative
}

    .signin-other-title:after {
        content: "";
        position: absolute;
        width: 75%;
        height: 1px;
        left: 0;
        right: 0;
        background-color: #e2e5e8;
        top: 12px;
        margin: 0 auto
    }

    .signin-other-title .title {
        display: inline-block;
        position: relative;
        z-index: 9;
        background-color: #fff;
        padding: 2px 16px
    }

.auth-img {
    background-image: url(https://images.unsplash.com/photo-1593062096033-9a26b09da705?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80);
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%
}

@media (max-width:991.98px) {
    .auth-img {
        height: 250px
    }
}

body[data-layout-mode=dark] .auth-full-page-content {
    background-color: #292731
}

body[data-layout-mode=dark] .auth-bg .bg-white {
    background-color: #292731 !important
}

body[data-layout-mode=dark] .auth-logo .auth-logo-light {
    display: block;
    margin: 0 auto
}

body[data-layout-mode=dark] .auth-logo .auth-logo-dark {
    display: none;
    margin: 0 auto
}

.product-box {
    border: 2px solid #f6f5fa;
    position: relative
}

.search-box .form-control {
    border-radius: 30px;
    padding-left: 40px
}

.search-box .search-icon {
    font-size: 16px;
    position: absolute;
    left: 13px
}

.product-list li a {
    display: block;
    padding: 4px 0;
    color: #545965
}

.product-review-link .list-inline-item a {
    color: #80838b;
    padding: 4px 8px;
    font-size: 15px
}

.product-view-nav.nav-pills .nav-item {
    margin-left: 4px
}

.product-view-nav.nav-pills .nav-link {
    width: 36px;
    height: 36px;
    font-size: 16px;
    padding: 0;
    line-height: 36px;
    text-align: center;
    border-radius: 50%
}

.product-ribbon {
    position: absolute;
    right: 0;
    top: 0
}

.product-content {
    position: relative
}

    .product-content .product-buy-icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        right: 0
    }

.product-detail .swiper-button-next, .product-detail .swiper-button-prev {
    color: #5052ba;
    width: 35px;
    height: 35px;
    background: rgba(80,82,186,.3);
    border-radius: 50%
}

    .product-detail .swiper-button-next:after, .product-detail .swiper-button-prev:after {
        font-size: 20px
    }

.product-detail .swiper-button-next {
    right: 20px
}

.product-detail .swiper-button-prev {
    left: 20px
}

.product-detail .nav-slide-item {
    padding: 0 15px
}

    .product-detail .nav-slide-item img {
        border: 2px solid transparent
    }

    .product-detail .nav-slide-item:hover {
        cursor: pointer
    }

.product-detail .swiper-slide-thumb-active .nav-slide-item img {
    border: 2px solid #5052ba
}

.modal-button {
    position: absolute;
    right: 0;
    z-index: 2
}

@media (max-width:576px) {
    .modal-button {
        position: inherit
    }
}

[dir=rtl] .modal-button {
    left: 0;
    right: auto
}

.product-detail .nav .nav-link {
    margin: 0 13px;
    padding: 2px
}

.product-color a {
    display: inline-block;
    text-align: center;
    color: #545965
}

    .product-color a .product-color-item {
        margin: 7px
    }

    .product-color a.active, .product-color a:hover {
        color: #5052ba
    }

        .product-color a.active .product-color-item, .product-color a:hover .product-color-item {
            border-color: #5052ba !important
        }

.visa-card .visa-logo {
    line-height: .5
}

.visa-card .visa-pattern {
    position: absolute;
    font-size: 385px;
    color: rgba(255,255,255,.05);
    line-height: .4;
    right: 0;
    bottom: 0
}

.activity-checkout {
    list-style: none
}

    .activity-checkout .checkout-icon {
        position: absolute;
        top: -4px;
        left: -24px
    }

    .activity-checkout .checkout-item {
        position: relative;
        padding-bottom: 24px;
        padding-left: 35px;
        border-left: 2px solid #f6f5fa
    }

        .activity-checkout .checkout-item:first-child {
            border-color: #5052ba
        }

            .activity-checkout .checkout-item:first-child:after {
                background-color: #5052ba
            }

        .activity-checkout .checkout-item:last-child {
            border-color: transparent
        }

        .activity-checkout .checkout-item.crypto-activity {
            margin-left: 50px
        }

        .activity-checkout .checkout-item .crypto-date {
            position: absolute;
            top: 3px;
            left: -65px
        }

.shipping-address {
    -webkit-box-shadow: none;
    box-shadow: none
}

    .shipping-address.active {
        border-color: #5052ba !important
    }

.product-tag {
    position: absolute;
    top: 0;
    z-index: 9;
    right: 0;
    width: 100%;
    display: block;
    font-size: 15px;
    padding: 0;
    overflow: hidden;
    height: 100px
}

    .product-tag .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: #5052ba;
        background: #fff
    }

.checkout-tabs .nav-pills .nav-link {
    margin-bottom: 24px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px #eae7f3;
    box-shadow: 0 0 6px #eae7f3
}

    .checkout-tabs .nav-pills .nav-link.active {
        background-color: #5052ba
    }

    .checkout-tabs .nav-pills .nav-link .check-nav-icon {
        font-size: 36px
    }

body[data-layout-mode=dark] .product-detai-imgs .nav .nav-link.active {
    background-color: #32303c
}

body[data-layout-mode=dark] .product-list li a {
    color: #b7c1cf
}

body[data-layout-mode=dark] .checkout-tabs .nav-pills .nav-link {
    background-color: #32303c
}

    body[data-layout-mode=dark] .checkout-tabs .nav-pills .nav-link.active {
        background-color: #5052ba
    }

.ecommerce-slied-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto
}

.swiper-button-next {
    width: 40px;
    height: 40px;
    margin-top: -22px;
    line-height: 40px;
    background-color: #5052ba;
    text-align: center;
    font-size: 30px;
    color: #fff;
    border-radius: 50%
}

.swiper-button-prev {
    width: 40px;
    height: 40px;
    margin-top: -22px;
    line-height: 40px;
    background-color: #5052ba;
    text-align: center;
    font-size: 30px;
    color: #fff;
    border-radius: 50%
}

.email-search .form-control {
    border: 0;
    background-color: #eff0f2;
    padding: .6rem .75rem;
    border: 1px solid #eff0f2
}

.email-search span {
    position: absolute;
    z-index: 10;
    line-height: 42px;
    right: 13px;
    top: 0;
    color: #80838b
}

.categories-list {
    padding: 4px 0
}

    .categories-list li a {
        display: block;
        padding: 4px 12px;
        color: #545965
    }

    .categories-list li.active a {
        color: #5052ba
    }

.email-link-name {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid
}

    .email-link-name h6 {
        font-size: 15px;
        line-height: 38px
    }

.email-leftbar {
    width: 310px;
    float: left;
    border-radius: 5px
}

.email-rightbar {
    margin-left: 330px
}

@media (max-width:767px) {
    .email-leftbar {
        float: none;
        width: 100%
    }

    .email-rightbar {
        margin: 0
    }
}

.mail-list a {
    display: block;
    color: #80838b;
    line-height: 24px;
    padding: 9px 12px
}

    .mail-list a.active {
        color: #5052ba;
        font-weight: 500;
        background: rgba(80,82,186,.1);
        border-radius: 5px
    }

.message-list {
    display: block;
    padding-left: 0
}

    .message-list li {
        position: relative;
        display: block;
        height: 108px;
        cursor: default;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        border-left: 2px solid transparent;
        border-bottom: 1px solid #eff0f2
    }

        .message-list li a {
            color: #80838b
        }

        .message-list li:hover {
            background: #f6f5fa;
            border-left: 2px solid #5052ba;
            border-radius: 5px
        }

        .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: 23px 10px 0 20px
            }

            .message-list li .col-mail-1 .star-toggle {
                margin-top: 25px;
                margin-left: 5px
            }

            .message-list li .col-mail-1 .title {
                position: absolute;
                top: 10px;
                left: 110px;
                right: 0;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                margin-bottom: 0
            }

                .message-list li .col-mail-1 .title .email-date {
                    position: relative;
                    margin-top: 5px
                }

        .message-list li .col-mail-2 {
            position: absolute;
            top: 10px;
            left: 320px;
            right: 0;
            bottom: 0
        }

            .message-list li .col-mail-2 .date, .message-list li .col-mail-2 .subject {
                position: absolute !important;
                top: 0
            }

            .message-list li .col-mail-2 .email-desc, .message-list li .col-mail-2 .subject {
                position: relative;
                margin-top: 5px
            }

            .message-list li .col-mail-2 .date {
                position: absolute;
                top: 10px
            }

            .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: 50px
            }

        .message-list li.active, .message-list li.active:hover {
            -webkit-box-shadow: inset 3px 0 0 #5052ba;
            box-shadow: inset 3px 0 0 #5052ba
        }

        .message-list li.unread {
            background: #f6f5fa;
            border-left: 2px solid #5052ba;
            border-radius: 5px;
            color: #0f0e14
        }

    .message-list .checkbox-wrapper-mail {
        cursor: pointer;
        height: 20px;
        width: 20px;
        position: relative;
        display: inline-block;
        -webkit-box-shadow: inset 0 0 0 1px #e2e5e8;
        box-shadow: inset 0 0 0 1px #e2e5e8;
        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: .05s;
            transition-duration: .05s;
            top: 0
        }

            .message-list .checkbox-wrapper-mail label:before {
                content: "\F012C";
                font-family: "Material Design Icons";
                top: 0;
                height: 20px;
                color: #0f0e14;
                width: 20px;
                position: absolute;
                margin-top: 1px;
                left: 4px;
                font-size: 13px
            }

@media (max-width:575.98px) {
    .message-list li .col-mail-1 {
        width: 280px
    }

    .date {
        display: none
    }
}

@media (min-width:1200px) {
    .chat-leftsidebar {
        min-width: 360px
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .chat-leftsidebar {
        min-width: 290px
    }
}

.chat-noti-dropdown {
    position: relative;
    z-index: 2
}

    .chat-noti-dropdown.active:before {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        background-color: #ed4b42;
        border-radius: 50%;
        right: 0
    }

    .chat-noti-dropdown .btn {
        padding: 6px;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 16px
    }

.chat-message-list {
    height: calc(100vh - 346px)
}

@media (min-width:992px) {
    .chat-message-list {
        height: calc(100vh - 520px)
    }
}

@media (min-width:992px) {
    .chat-rightsidebar {
        height: calc(100vh - 785px)
    }
}

.chat-search-box .form-control {
    border: 0
}

.chat-user-status {
    position: relative
}

    .chat-user-status .status {
        width: 12px;
        height: 12px;
        background-color: #24ab5e;
        border-radius: 50%;
        border: 2px solid #fff;
        position: absolute;
        left: 60px;
        right: 0;
        margin: 0 auto;
        bottom: 5px
    }

.chat-list {
    margin: 0
}

    .chat-list .active {
        background: rgba(80,82,186,.1);
        border-radius: .75rem !important
    }

        .chat-list .active h5 {
            color: #5052ba
        }

    .chat-list li a {
        position: relative;
        display: block;
        padding: 18px;
        color: #80838b;
        -webkit-transition: all .4s;
        transition: all .4s;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .chat-list li .user-img {
        position: relative
    }

        .chat-list li .user-img .user-status {
            width: 10px;
            height: 10px;
            background-color: #7d8287;
            border-radius: 50%;
            border: 2px solid #fff;
            position: absolute;
            left: 0;
            bottom: 0
        }

        .chat-list li .user-img.online .user-status {
            background-color: #24ab5e
        }

        .chat-list li .user-img.away .user-status {
            background-color: #f0c42b
        }

    .chat-list li.unread a {
        font-weight: 600;
        color: #1a1823
    }

    .chat-list li .unread-message {
        position: absolute;
        display: inline-block;
        right: 16px;
        top: 33px
    }

.group-list li a {
    border: 0
}

.user-chat-nav .dropdown .nav-btn {
    height: 36px;
    width: 36px;
    line-height: 36px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    font-size: 16px;
    border-radius: 50%
}

.contact-list {
    font-size: 12px;
    text-transform: uppercase;
    color: #80838b;
    font-weight: 600
}

.chat-conversation {
    height: calc(100vh - 300px)
}

@media (min-width:992px) {
    .chat-conversation {
        height: calc(100vh - 335px)
    }
}

.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 {
        display: inline-block;
        background-color: #fff;
        position: relative;
        z-index: 1;
        padding: 4px 16px;
        border-radius: 7px
    }

    .chat-conversation .chat-day-title:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        right: 0;
        background-color: #eff0f2;
        top: 16px
    }

    .chat-conversation .chat-day-title .badge {
        font-size: 12px
    }

.chat-conversation .chat-avatar {
    text-align: center
}

    .chat-conversation .chat-avatar img {
        width: 32px;
        height: 32px;
        border-radius: 50%
    }

    .chat-conversation .chat-avatar .time {
        font-size: 12px;
        color: #80838b;
        font-weight: 500;
        margin-top: 4px
    }

.chat-conversation .conversation-list {
    margin-bottom: 24px;
    position: relative
}

@media (min-width:992px) {
    .chat-conversation .conversation-list {
        max-width: 90%
    }
}

.chat-conversation .conversation-list .ctext-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.chat-conversation .conversation-list .ctext-wrap-content {
    padding: 15px 20px;
    background-color: #f3f2f8;
    border-radius: 0 8px 8px 8px;
    color: #80838b;
    position: relative;
    margin-left: 10px
}

    .chat-conversation .conversation-list .ctext-wrap-content:before {
        content: "";
        position: absolute;
        border: 5px solid transparent;
        border-right-color: #f3f2f8;
        border-top-color: #f3f2f8;
        left: -10px;
        top: 0
    }

.chat-conversation .conversation-list .conversation-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px
}

    .chat-conversation .conversation-list .conversation-name .time {
        font-size: 12px;
        position: absolute;
        left: -50px;
        top: 54px;
        bottom: 0;
        color: #80838b;
        font-weight: 400;
        -webkit-transition: all .4s;
        transition: all .4s
    }

    .chat-conversation .conversation-list .conversation-name .user-name {
        color: rgba(255,255,255,.5)
    }

.chat-conversation .conversation-list:hover .time {
    opacity: 1
}

.chat-conversation .conversation-list .dropdown .dropdown-toggle {
    font-size: 18px;
    padding: 4px;
    color: #80838b
}

@media (max-width:575.98px) {
    .chat-conversation .conversation-list .dropdown .dropdown-toggle {
        display: none
    }
}

.chat-conversation .conversation-list .chat-time {
    font-size: 12px;
    margin-top: 4px;
    text-align: right;
    color: rgba(255,255,255,.5)
}

.chat-conversation .conversation-list .message-img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

    .chat-conversation .conversation-list .message-img .message-img-list {
        position: relative
    }

    .chat-conversation .conversation-list .message-img img {
        max-width: 80px
    }

.chat-conversation .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .chat-conversation .right .conversation-list {
        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: #5052ba;
            text-align: right;
            border-radius: 8px 0 8px 8px;
            color: #fff;
            margin-left: 0;
            margin-right: 10px
        }

            .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content:before {
                border: 5px solid transparent;
                border-top-color: #5052ba;
                border-left-color: #5052ba;
                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 {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
                margin-left: 0;
                margin-right: 8px;
                position: absolute;
                right: -58px;
                left: auto
            }

            .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name {
                color: #1a1823;
                -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
        }

        .chat-conversation .right .conversation-list .chat-avatar {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3
        }

.chat-input-section {
    border-top: 1px solid #eff0f2
}

.chat-input {
    background-color: #f6f5fa !important;
    border-color: #f6f5fa !important
}

@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 - 475px)
    }
}

body[data-layout=horizontal] .chat-conversation {
    height: calc(100vh - 300px)
}

@media (min-width:992px) {
    body[data-layout=horizontal] .chat-conversation {
        height: calc(100vh - 311px)
    }
}

body[data-layout-mode=dark] .chat-noti-dropdown .btn {
    color: #d8dbdd
}

body[data-layout-mode=dark] .chat-list li a {
    border-color: #32303c
}

body[data-layout-mode=dark] .chat-list li .user-img .user-status {
    border-color: #292731
}

body[data-layout-mode=dark] .chat-list li.unread a {
    color: #d8dbdd
}

body[data-layout-mode=dark] .chat-conversation .chat-day-title .title, body[data-layout-mode=dark] .chat-conversation .chat-day-title:before {
    background-color: #32303c
}

body[data-layout-mode=dark] .user-chat-nav .dropdown .nav-btn {
    color: #d8dbdd
}

body[data-layout-mode=dark] .chat-conversation .conversation-list .conversation-name .user-name {
    color: #d8dbdd
}

body[data-layout-mode=dark] .chat-conversation .conversation-list .ctext-wrap-content {
    background-color: #32303c !important
}

    body[data-layout-mode=dark] .chat-conversation .conversation-list .ctext-wrap-content:before {
        border-right-color: #32303c;
        border-top-color: #32303c
    }

body[data-layout-mode=dark] .chat-conversation .right .conversation-list .ctext-wrap-content {
    background-color: #5052ba !important
}

    body[data-layout-mode=dark] .chat-conversation .right .conversation-list .ctext-wrap-content:before {
        border-left-color: #5052ba;
        border-top-color: #5052ba
    }

body[data-layout-mode=dark] .chat-input {
    background-color: #292731 !important;
    border-color: #32303c !important
}

body[data-layout-mode=dark] .chat-input-section {
    border-top: 1px solid #32303c
}

@media (min-width:992px) {
    .small-chat .conversation-list {
        max-width: 90%
    }
}

.contact-links a {
    color: #545965
}

.profile-user-wid {
    margin-top: -26px
}

.profile-user {
    background-image: url(../images/profile-bg-1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: -24px -24px 23px -24px;
    padding: 140px 0;
    position: relative
}

    .profile-user:after {
        background: -webkit-gradient(linear,left top,left bottom,color-stop(30%,rgba(80,82,186,.9)),to(#5052ba));
        background: linear-gradient(to bottom,rgba(80,82,186,.9) 30%,#5052ba 100%);
        position: absolute;
        height: 100%;
        width: 100%;
        right: 0;
        bottom: 0;
        left: 0;
        top: 0;
        opacity: .5;
        content: ""
    }

.profile-content {
    position: relative;
    margin-top: -60px
}

.countdownlist {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

    .countdownlist .countdownlist-item {
        width: 25%
    }

        .countdownlist .countdownlist-item:last-of-type .count-num::after {
            display: none
        }

    .countdownlist .count-title {
        font-size: 13px;
        font-weight: 500;
        display: block;
        margin-bottom: 8px;
        color: rgba(26,24,35,.5);
        text-transform: uppercase
    }

    .countdownlist .count-num {
        background-color: rgba(80,82,186,.1);
        color: #5052ba;
        padding: 16px 8px;
        position: relative;
        border-radius: .75rem;
        -webkit-box-shadow: 0 0 6px #eae7f3;
        box-shadow: 0 0 6px #eae7f3;
        font-weight: 600;
        font-size: 32px
    }

@media (max-width:575.98px) {
    .countdownlist .count-num {
        font-size: 18px
    }
}

.countdownlist .count-num::after {
    content: ":";
    font-size: 20px;
    position: absolute;
    right: -16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #1a1823
}

.countdown-endtxt {
    font-size: 24px;
    font-weight: 600
}

.countdown-input-group {
    max-width: 350px
}

body[data-layout-mode=dark] .countdownlist .count-title {
    color: #93929b
}

body[data-layout-mode=dark] .countdownlist .count-num {
    background-color: #32303c;
    color: #d8dbdd
}

    body[data-layout-mode=dark] .countdownlist .count-num::after {
        color: #32303c
    }

.wrapper {
    width: 95%;
    margin: 0 auto
}

.timeline-sec {
    padding: 80px 0 10px 0
}

.timeline-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 100px;
    position: relative
}

.timeline-box {
    width: 33.33%;
    position: relative
}

.timeline-row:nth-child(2n+2) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .timeline-row:nth-child(2n+2)::after {
        right: auto;
        left: 0;
        -webkit-transform: translate(-50%,-50%) rotate(90deg);
        transform: translate(-50%,-50%) rotate(90deg)
    }

    .timeline-row:nth-child(2n+2) .timeline-box {
        width: 30%
    }

        .timeline-row:nth-child(2n+2) .timeline-box::after {
            -webkit-transform: translate(50%,-50%) rotate(180deg);
            transform: translate(50%,-50%) rotate(180deg);
            left: -50%
        }

        .timeline-row:nth-child(2n+2) .timeline-box:nth-child(3)::after {
            display: none
        }

        .timeline-row:nth-child(2n+2) .timeline-box .timeline-content {
            width: 85%
        }

.timeline-date .date {
    position: relative;
    padding-top: 20px
}

.timeline-box .timeline-date {
    position: relative;
    border: 2px solid #e5e5e5;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    margin-top: -48px;
    z-index: 1
}

.timeline-box .timeline-content {
    background-color: #f6f5fa;
    padding: 25px;
    width: 85%;
    margin-top: 25px;
    position: relative
}

    .timeline-box .timeline-content::before {
        width: 0;
        height: 0;
        border-bottom: 15px solid #f6f5fa;
        border-right: 17px solid transparent;
        position: absolute;
        top: -14px;
        left: 0;
        content: ""
    }

.timeline-row:last-child {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding-bottom: 70px
}

    .timeline-row:last-child::after {
        position: absolute;
        top: 0;
        left: 3%;
        width: 47%;
        height: 0;
        content: "";
        background-color: transparent;
        background-image: none;
        -webkit-transform: none;
        transform: none;
        z-index: 0;
        border-top: 2px dotted #e5e5e5
    }

    .timeline-row:last-child .timeline-box {
        width: auto;
        z-index: 1
    }

        .timeline-row:last-child .timeline-box::after {
            display: none
        }

        .timeline-row:last-child .timeline-box .timeline-date {
            color: #fff;
            border: 0;
            margin-top: -46px
        }

.timeline-row:nth-last-child(1):nth-child(even):after {
    right: 3%;
    left: initial
}

.timeline-row .horizontal-line {
    border-top: 2px dotted #e5e5e5;
    width: calc(100% - 100px);
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.timeline-row .verticle-line {
    margin: 0;
    padding: 0;
    width: 2px;
    border-right: 2px dotted #e5e5e5;
    height: calc(100% - 100px);
    position: absolute;
    top: 0;
    right: 0;
    margin: auto 0;
    bottom: 0
}

.timeline-row:nth-child(2n+2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

    .timeline-row:nth-child(2n+2) .verticle-line {
        left: 0;
        right: inherit
    }

    .timeline-row:nth-child(2n+2) .corner {
        right: inherit;
        left: 0;
        border-left: 2px dotted #e5e5e5;
        border-right: 0;
        border-radius: 70px 0 0 0
    }

        .timeline-row:nth-child(2n+2) .corner.bottom {
            border-radius: 0 0 0 70px
        }

.timeline-sec .local-solutions-txt {
    font-size: 24px
}

.corner {
    position: absolute;
    border-right: 2px dotted #e5e5e5;
    width: 50px;
    height: 50px;
    right: 0;
    border-top: 2px dotted #e5e5e5;
    top: 0;
    border-radius: 0 70px 0 0
}

    .corner.bottom {
        bottom: -2px;
        top: inherit;
        border-radius: 0;
        border-top: 0;
        border-bottom: 2px dotted #e5e5e5;
        border-radius: 0 0 70px 0;
        right: 0
    }

@media screen and (max-width:1024px) {
    .timeline-row {
        padding-bottom: 0
    }

        .timeline-row .horizontal-line {
            display: none
        }

        .timeline-row .verticle-line {
            display: none
        }

        .timeline-row::after {
            display: none;
            width: 26px;
            height: 26px
        }

        .timeline-row:nth-child(2n+2) {
            padding-left: 0;
            -webkit-box-orient: unset;
            -webkit-box-direction: unset;
            -ms-flex-direction: unset;
            flex-direction: unset
        }

            .timeline-row:nth-child(2n+2)::after {
                display: none;
                width: 26px;
                height: 26px
            }

            .timeline-row:nth-child(2n+2) .timeline-box {
                width: 100%
            }

                .timeline-row:nth-child(2n+2) .timeline-box::after {
                    -webkit-transform: translate(-50%,100%) rotate(90deg);
                    transform: translate(-50%,100%) rotate(90deg);
                    top: 50%;
                    left: 50%
                }

                .timeline-row:nth-child(2n+2) .timeline-box .timeline-content {
                    width: 41%;
                    margin: -40px 0 0 0
                }

                .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+1) {
                    text-align: right
                }

                    .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+1) .timeline-content {
                        display: inline-block;
                        text-align: left
                    }

                        .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+1) .timeline-content::before {
                            left: -16px;
                            right: auto;
                            border-bottom: 0 solid #f6f5fa;
                            border-top: 15px solid #f6f5fa;
                            top: 0;
                            border-left: 15px solid transparent
                        }

                .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+2) {
                    text-align: left
                }

                    .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+2) .timeline-content::before {
                        left: auto;
                        right: -16px;
                        border-bottom: 0 solid #f6f5fa;
                        border-top: 15px solid #f6f5fa;
                        top: 0
                    }

                .timeline-row:nth-child(2n+2) .timeline-box:nth-child(3)::after {
                    display: block
                }

            .timeline-row:nth-child(2n+2) .verticle-line {
                left: 50%
            }

        .timeline-row:last-child {
            padding-bottom: 20px
        }

            .timeline-row:last-child .timeline-box .timeline-date {
                margin-top: 0;
                font-size: 13px;
                width: 66px;
                height: 66px
            }

    .corner {
        display: none
    }

    .timeline-box {
        width: 100%;
        padding-bottom: 30px
    }

        .timeline-box::after {
            -webkit-transform: translate(-50%,100%) rotate(90deg);
            transform: translate(-50%,100%) rotate(90deg);
            top: 50%;
            left: 50%;
            width: 26px;
            height: 26px
        }

        .timeline-box .timeline-date {
            margin-top: 0;
            margin: 0 auto;
            width: 70px;
            height: 70px
        }

            .timeline-box .timeline-date .date {
                padding-top: 10px
            }

        .timeline-box .timeline-content {
            width: 41%;
            margin: -40px 0 0 0
        }

            .timeline-box .timeline-content::before {
                left: auto;
                right: -16px;
                border-bottom: 0 solid #f6f5fa;
                border-top: 15px solid #f6f5fa;
                top: 0
            }

        .timeline-box:nth-child(2n+2) {
            text-align: right
        }

            .timeline-box:nth-child(2n+2) .timeline-content {
                display: inline-block;
                text-align: left
            }

                .timeline-box:nth-child(2n+2) .timeline-content::before {
                    left: -16px;
                    right: auto;
                    border-bottom: 0 solid #f6f5fa;
                    border-top: 15px solid #f6f5fa;
                    top: 0;
                    border-left: 15px solid transparent
                }

    .verticle-line {
        display: block !important;
        left: 50%;
        height: calc(100% - 0px) !important;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }
}

@media screen and (max-width:640px) {
    .timeline-box {
        text-align: right;
        padding-bottom: 20px
    }

        .timeline-box .timeline-date {
            margin: 0;
            width: 50px
        }

        .timeline-box .timeline-content {
            width: 78%;
            margin: -38px 0 0 0;
            text-align: left;
            font-size: 13px;
            display: inline-block
        }

            .timeline-box .timeline-content::before {
                left: -14px;
                right: 0;
                border-bottom: 0 solid #f6f5fa;
                border-top: 15px solid #f6f5fa;
                top: 0;
                border-top: 15px solid #f6f5fa;
                border-left: 15px solid transparent;
                border-right: 0 solid transparent
            }

        .timeline-box:nth-child(2n+2) .timeline-content::before {
            left: -14px
        }

        .timeline-box::after {
            width: 24px;
            height: 24px;
            left: 35px;
            left: 25px
        }

    .verticle-line {
        left: 25px
    }

    .timeline-row:nth-child(2n+2) .verticle-line {
        left: 25px
    }

    .timeline-row:nth-child(2n+2) .timeline-box .timeline-content {
        width: 78%;
        margin: -38px 0 0 0;
        text-align: left;
        font-size: 13px;
        display: inline-block
    }

    .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+2) {
        text-align: right
    }

        .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+2) .timeline-content::before {
            left: -14px;
            right: 0;
            border-bottom: 0 solid #f6f5fa;
            border-top: 15px solid #f6f5fa;
            top: 0;
            border-top: 15px solid #f6f5fa;
            border-left: 15px solid transparent;
            border-right: 0 solid transparent
        }

    .timeline-row:nth-child(2n+2) .timeline-box:nth-child(2n+1) .timeline-content::before {
        left: -14px
    }

    .timeline-row:nth-child(2n+2) .timeline-box::after {
        left: 25px
    }

    .timeline-row:nth-child(2n+2)::after {
        width: 24px;
        height: 24px;
        left: 35px
    }

    .timeline-row:last-child {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .timeline-row:last-child .timeline-box {
            margin: 0 0 0 6px
        }

            .timeline-row:last-child .timeline-box .timeline-date {
                width: 50px
            }

    .timeline-row::after {
        width: 24px;
        height: 24px;
        left: 35px
    }
}

.categories-filter .list-inline-item {
    position: relative;
    margin-right: 0
}

    .categories-filter .list-inline-item a {
        display: block;
        color: #545965;
        font-weight: 600;
        padding: 8px 15px;
        margin: 7px;
        cursor: pointer;
        border-radius: 4px
    }

        .categories-filter .list-inline-item a.active {
            color: #5052ba;
            font-weight: 700
        }

    .categories-filter .list-inline-item:after {
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: #80838b;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: -2px
    }

    .categories-filter .list-inline-item:last-child:after {
        display: none
    }

.gallery-box {
    position: relative;
    text-align: center;
    overflow: hidden;
    border: 1px solid #eff0f2
}

    .gallery-box .gallery-container {
        position: relative;
        overflow: hidden;
        border-radius: 4px 4px 0 0
    }

        .gallery-box .gallery-container a {
            display: block
        }

        .gallery-box .gallery-container .gallery-overlay {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            opacity: 0;
            background: rgba(80,82,186,.2);
            visibility: hidden;
            overflow: hidden;
            -webkit-transition: all .4s ease-in-out 0s;
            transition: all .4s ease-in-out 0s
        }

            .gallery-box .gallery-container .gallery-overlay .overlay-caption {
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                left: 0;
                right: 0
            }

    .gallery-box .gallery-img {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .gallery-box .box-content {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -28px;
        background-color: #fff;
        -webkit-transition: all .2s;
        transition: all .2s
    }

        .gallery-box .box-content .title {
            font-size: 16px;
            margin-bottom: 4px
        }

        .gallery-box .box-content .post {
            margin: 0;
            opacity: 0;
            -webkit-transition: all .2s;
            transition: all .2s;
            color: #80838b
        }

    .gallery-box:hover .box-content {
        bottom: 0
    }

        .gallery-box:hover .box-content .post {
            opacity: 1
        }

    .gallery-box:hover .gallery-img {
        -webkit-transform: translateY(-28px);
        transform: translateY(-28px)
    }

    .gallery-box:hover .gallery-overlay {
        opacity: 1;
        visibility: visible
    }

.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: #fff;
        background: #5052ba
    }

.faq-icon i {
    font-size: 80px;
    position: absolute;
    margin-top: -30px;
    right: -20px;
    opacity: .2
}

.profile-bg {
    height: 210px;
    background-image: url(../images/profile-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.pricing-box {
    border-top: 2px solid #5052ba
}

    .pricing-box .pricing-features {
        color: #80838b
    }

        .pricing-box .pricing-features li {
            padding: 4px 0
        }

.error-title {
    font-size: 250px
}

@media (max-width:425px) {
    .error-title {
        font-size: 150px
    }
}

.error-subtitle {
    font-weight: 400;
    background-color: #f5f5f8;
    max-width: 600px;
    font-size: 28px;
    letter-spacing: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap
}

@media (max-width:425px) {
    .error-subtitle {
        font-size: 20px
    }
}

body[data-layout-mode=dark] .categories-filter .list-inline-item a {
    color: #d8dbdd
}

    body[data-layout-mode=dark] .categories-filter .list-inline-item a.active {
        color: #5052ba
    }

body[data-layout-mode=dark] .gallery-box .box-content {
    background-color: #292731
}
/*# sourceMappingURL=app.min.css.map */