/* Menu */
.validate-has-error {color: #cc2424;}
.layout.is-active .layout__header .header__top-left-logo{margin-left:5px}
.header__top-left-page{position:relative}
.header__top-left-page{position:relative}
.dropdown-wrapper{position:absolute;top:100%;left:0;margin-top:0;z-index:999}
._popper_2{display:none}
._popper_2_inner{background-color:#fff;border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,0.12);padding:8px 0;min-width:200px}
.site-dropdown-list{list-style:none;margin:0;padding:0}
.site-dropdown-list .dropdown-item{display:block;width:100%;padding:10px 16px;background-color:transparent;border:none;text-align:left;font-size:14px;color:#333;cursor:pointer;transition:background-color .2s ease}
.site-dropdown-list .dropdown-item:hover{background-color:#f0f0f0}
.sidebar__menu-link{display:flex;align-items:center}
.sidebar__menu-icon{display:flex;align-items:center}
.margin--left-s{margin-left:.5rem}
/* Tab  */
.tab-wrapper{font-family:sans-serif}
.tab-wrapper h2{margin-bottom:10px;font-size:20px;font-weight:600}
.tabs{display:flex;border-bottom:1px solid #ddd}
.tab{text-decoration:none;padding:10px 16px;font-size:14px;color:#444;position:relative;transition:color .3s}
.tab:hover{color:#000}
.tab.active{color:#0056ff;font-weight:500}
.tab.active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#0056ff;border-radius:2px 2px 0 0}

/* Stat page */
.gray,.gray td{color:#c4c4c4}
.black{color:#000}
.box-default table{width:100%}
th.right{text-align:right}
.stats th {font-size: 15px;}
.stats tr:nth-child(even){background-color:#f2f2f2}
.stats tr:hover{background-color:#d1d1d1}
.stats td{padding:5px}
.blue-0{color:#000}
.blue-1{background-color:#E1F5FE;color:#000}
.blue-2{background-color:#B3E5FC;color:#000}
.blue-3{background-color:#81D4FA;color:#000}
.blue-4{background-color:#4FC3F7;color:#000}
.blue-5{background-color:#29B6F6;color:#000}
.blue-6{background-color:#039BE5;color:#fff}
.blue-7{background-color:#0288D1;color:#fff}
.blue-8{background-color:#0277BD;color:#fff}
.blue-9{background-color:#01579B;color:#fff}
.green-0{color:#000}
.green-1{background-color:#FFFFE3;color:#000}
.green-2{background-color:#E3FFC7;color:#000}
.green-3{background-color:#C6FFAB;color:#000}
.green-4{background-color:#A8FF8F;color:#000}
.green-5{background-color:#8CEF74;color:#000}
.green-6{background-color:#6FD25A;color:#000}
.green-7{background-color:#52B640;color:#000}
.green-8{background-color:#329B24;color:#fff}
.green-9{background-color:green;color:#fff}
.green-10{background-color:green;color:#000}
.orange-0{color:#000}
.orange-1{background-color:#FFF0E6;color:#000}
.orange-2{background-color:#ffdfcb;color:#000}
.orange-3{background-color:#FFD1B3;color:#000}
.orange-4{background-color:#FFC299;color:#000}
.orange-5{background-color:#FFB380;color:#000}
.orange-6{background-color:#FFA366;color:#000}
.orange-7{background-color:#FF944D;color:#000}
.orange-8{background-color:#FF8533;color:#000}
.orange-9{background-color:#FF7519;color:#000}
.stats .num{text-align:right;padding:0 10px}
.box-header{color:#444;display:block;padding:10px;position:relative}
.box-header>.box-tools{position:absolute;right:10px;top:5px}
.pull-right{float:right!important}
.inline{display:inline}
.pagination{display:inline-block;padding-left:0;border-radius:4px}
.pagination>li{display:inline}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination>li>a{background:#fafafa;color:#666}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}
h4.title {font-size: 12px;margin-bottom: 10px;}

.export-btn{display:inline-flex;align-items:center;gap:8px;padding:4px 16px;background-color:#fff;color:#007bff;font-size:14px;font-weight:500;border:2px solid #007bff;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out}
.export-btn .icon{width:18px;height:18px;color:#007bff}
.export-btn:hover{background-color:#007bff;color:#fff}
.export-btn:hover .icon{color:#fff}
.box-tools{display:flex;align-items:center;gap:12px}
.box-tools .export-btn{}
.box-tools .pagination{margin:0}

.switch-wrapper{display:inline-flex;align-items:center;cursor:pointer;gap:8px;font-size:14px;font-weight:500;color:#007bff}
.switch-wrapper input[type="checkbox"]{display:none}
.switch-slider{width:41px;height:22px;background-color:#eee;border:2px solid #999;border-radius:20px;position:relative;transition:background-color .2s}
.switch-slider::before{content:"";position:absolute;top:1px;left:1px;width:17px;height:16px;background-color:#007bff;border-radius:49%;transition:transform .2s}
input[type="checkbox"]:checked + .switch-slider::before{transform:translateX(18px)}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-responsive table{width:100%;min-width:600px;border-collapse:collapse}
.mgt-15{margin-top:15px}