#search{
    height:30px;
    padding:0.2rem 0;
    background: #015295 var(--sitemunu-bg) no-repeat;
    color: #fff;
    border-radius:5px;
}
#search .btn{
    color: #fff;
}
#search .btn:hover{
    color:var(--yellow);
}
#search .total-qty{color:var(--warning);font-weight:bold}

.float_target_box {
    max-height: 500px;
    overflow-y: auto;
}
.ui-datepicker-calendar{display:none}

.light{background-color:#fafafa;padding-right:1rem}
.light .chart-small{border:1px solid #ccc;padding:2px;border-radius:5px;}
.light .chart-small:hover{border:1px solid #015295;border-radius:5px;}

.dark{background-color:#002;padding-right:1rem}
.dark .chart-small{border:1px solid #555;padding:2px;border-radius:5px;}
.dark .chart-small:hover{border:1px solid #999;border-radius:5px;}
.dark label{color:#fff !important}
.dark .layui-layer-iframe{border:1px solid #ccc;}
.dark .chart-filter a:hover{color:#FAA63F}

.layui-layer-page, .layui-layer-iframe{border-radius:5px;padding:5px}
html{height:100%;margin:0;padding:0}
body{height:100%;margin:0;padding:0}

.layerBigChart{height:100%;margin:0;padding:0}

table.chart-table{
    width: 100%;
}
table.chart-layer{
    height: 100%;
    margin:0;padding:0
}
table.chart-layer td{
    vertical-align: top;
    height: 100%;
}


#filter{
    width:200px;
    height: 100%;
    padding-left: 10px;
    overflow-x: auto;
    overflow-y: scroll;
}
.chart-filter a.has-arrow{
    width:100%;
    font-size: 14px;
    font-weight: bold;
}
.chart-filter .chart-filter label{
    margin-bottom: 0.1rem;
}
.chart-filter a.has-arrow span{
   margin-left: 1rem;
}
.chart-filter a.has-arrow:after{
    left: 0.1rem;
}


.ck-count{
    margin:5px 0;
}
.ck-count label{
    border: 1px solid #cccccc;
    padding: 4px 12px 3px 10px;
    margin: 0.1rem;
}
.ck-filter{margin-left:1rem}