body {
    padding: 0px;
    box-sizing: border-box;
    margin: 0px;
    height: 100vh;
    font-size: 15px;
    font-family: "SF Pro Display";
    overflow: hidden;
}
/* custome highchart */
.highcharts-label.highcharts-tooltip.highcharts-color-0,
.highcharts-axis-labels.highcharts-yaxis-labels {
    font-family: "SF Pro Display";
}
*::-webkit-scrollbar {
    width: 8px;
    height: 10px;
}
*::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}
*::-webkit-scrollbar-track {
    background: transparent;
}

/* customscroll */
.zl-scrollBarBox {
    height: 100%;
    position: absolute;
    background: #f3f3f3;
}
.zl-scrollBar {
    position: absolute;
    left: 0;
    top: 0;
    background: #848484;
    transition: background 0.3s;
}
.zl-scrollBar.zl-verticalBar {
    min-height: 10px;
}

.zl-scrollBar.zl-horizontalBar {
    min-width: 10px;
}
.zl-scrollBar:hover {
    background: #000;
}
.zl-scrollContentDiv {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    top: 0;
    left: 0;
}
.up{
    color: #33A42E;
}
.down{
    color: #C32022;
}

.down-floor{
    color: #1F9FFC;
}

.up-ceiling{
    color: #EA33F7;
}
.no-change{
    color: #F0C21C;
}