.chart{border:0px solid #ccc;width:100%;margin:5px;border-radius:5px;}
.chart table{width:100%;border:1px solid #ccc;}
.chart table td{border:1px solid #ccc;padding:5px 10px; vertical-align: text-top}
.layui-layer-page {border-radius:25px;padding:1rem}

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

.dark{background-color:#100C2A;padding-right:1rem}
.dark .chart-small{border:1px solid #333;padding:3px}
.dark .chart-small:hover{border:1px solid #015295;}
.dark .layui-layer-page {background-color:#100C2A;border:1px solid #CCC}
.dark label{color:#fff !important}

.chart-right{
    max-height: calc(100% - 2rem);
    overflow-y: auto;
}
.chart-filter{padding:1rem}
.chart-filter li{
    width:100%;
}
.chart-filter a.has-arrow{
    width:100%;
    font-size: 16px;
    font-weight: bold;
}

.chart-right .chart-filter label{
    margin-bottom: 0.1rem;
}
.chart-right a.has-arrow span{
   margin-left: 1rem;
}
.chart-right a.has-arrow:after{
    left: 0.1rem;
}
.ck-filter{margin-left:1rem}
#layerBigChart {width:calc(100% - 1rem);height:calc(100% - 1rem)}
#search{
    height:30px;
    padding:0.2rem 0;
    background: #015295 var(--sitemunu-bg) no-repeat;
    color: #fff;
    border-radius:5px;
}
.btn{
    color: #fff;
}
.btn:hover{
    color:var(--yellow);
}
.float_target_box {
    max-height: 500px;
    overflow-y: auto;
}