.el-tooltip__popper{
    max-width: 50%;
}
.font-size-tools{
.set-font-size{
    cursor: pointer;
    position: relative;
    
    &.active{
        color: aqua;
        .svg-icon{
            *{
                fill: aqua;
            }
        }
    }
    .svg-icon{
        width: 40px !important;
        height: 40px !important;
    }
    &.font-size2{
        &::after{
            content: "+";
            font-style: normal;
            right: 0px;
            font-weight: bold;
            position: absolute;
            font-size: 16px !important;
        }
        margin-right:4px;
    }
    &.font-size0{
        &::after{
            content: "-";
            font-style: normal;
            right: 0px;
            font-weight: bold;
            position: absolute;
            font-size: 16px !important;
        }
    }
}
}
.finish-0{
    color: #e6a23c;
}
.finish-1{
    color: red;
}
.finish-2{
    color: #01A9FF;
}
.finish-3{
    color: green;
}
.finish-4{
    color: #a2c8f9;
}
.hide-scroll{
    overflow: hidden;
}
.bg-date-picker{
    border:none;
    background: transparent;
    .el-range-input{
        background: transparent;
    }
    .el-range-separator{
        color: #fff;
    }
}
.bg-date-picker-pop{
    color: #eee;
.el-picker-panel__sidebar{
    background: transparent;
    border-right-color: rgb(1, 169, 255);
}
.el-date-range-picker__content{
    .el-date-table {
        th{
        border-bottom-color: rgb(1, 169, 255);
    }
    td.in-range{
        div{
            background-color: #01A9FF;
        }
    }
}
    &.is-left{
        border-right-color: rgb(1, 169, 255);        
    }
}
.popper__arrow{
    border-bottom-color:#01A9FF !important;
    &::after{
        border-bottom-color:#01A9FF !important;
        top:0px !important;
    }
}
}
.el-loading-mask{
    background-color: rgba(255,255,255,.4);
    .el-loading-spinner{
        height: 100px;
        .circular{
            right:unset;
            width: 100px;
            height: 100px;
        }
    }
}
.el-pagination.bg-pagination{
    text-align: center;
    .btn-next,.btn-prev{
        background-color: rgba(1, 169, 255,0.4);
        color: #fff;    
    }
    .btn-next{
        margin-left:20px;
    }
    .el-pager {
        li{
            background-color: rgba(1, 169, 255,0.4);    
            margin-left:20px;
            color: #fff;
            &.active{
                background-color: rgba(1, 169, 255,1);                    
            }
        }
    }
}