/* 主按钮*/
.btn-primary.f-state-default {
    background-color: rgba(0 116 101/80%);
    color: #fff;
}

.btn-primary .f-icon,
.btn-primary .f-icon:hover {
    color: #fff;
}
/* 灰色按钮*/
.btn-info.f-state-default {
    background-color: #909399;
    color: #fff;
}

.btn-info .f-icon,
.btn-info .f-icon:hover {
    color: #fff;
}

.btn-info.f-state-hover,
.btn-info.f-state-focus {
    border-color: #909399;
}
/* 蓝色按钮*/
.btn-blue.f-state-default {
    background-color: rgb(64, 158, 255);
    color: #fff;
}

.btn-blue .f-icon,
.btn-blue .f-icon:hover {
    color: #fff;
}

.btn-blue.f-state-hover,
.btn-blue.f-state-focus {
    border-color: rgb(64, 158, 255);
}
/* lime*/
.btn-lime.f-state-default {
    background-color: #2b8a3e;
    color: #fff;
}

.btn-lime .f-icon,
.btn-lime .f-icon:hover {
    color: #fff;
}

.btn-lime.f-state-hover,
.btn-lime.f-state-focus {
    border-color: #2b8a3e;
}

/* 绿色*/
.btn-gree.f-state-default {
    background-color: #27ae60;
    color: #fff;
}

.btn-gree .f-icon,
.btn-gree .f-icon:hover {
    color: #fff;
}

.btn-gree.f-state-hover,
.btn-gree.f-state-focus {
    border-color: #27ae60;
}

/* 青色*/
.btn-cyan.f-state-default {
    background-color: #00b894;
    color: #fff;
}

.btn-cyan .f-icon,
.btn-cyan .f-icon:hover {
    color: #fff;
}

.btn-cyan.f-state-hover,
.btn-cyan.f-state-focus {
    border-color: #00b894;
}
/* 葡萄色*/
.btn-grape.f-state-default {
    background-color: #be4bdb;
    color: #fff;
}

.btn-grape .f-icon,
.btn-grape .f-icon:hover {
    color: #fff;
}

.btn-grape.f-state-hover,
.btn-grape.f-state-focus {
    border-color: #be4bdb;
}

/* 紫罗兰色*/
.btn-violet.f-state-default {
    background-color: #7950f2;
    color: #fff;
}

.btn-violet .f-icon,
.btn-violet .f-icon:hover {
    color: #fff;
}

.btn-violet.f-state-hover,
.btn-violet.f-state-focus {
    border-color: #7950f2;
}

/*当grid开启列分割线时，最后一列取消右边框**/
.f-grid-row-lines .f-last {
    border-right-width: 0px;
}



/* Custom scrollbar */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
    background-color: #efefef;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .2);
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 0, 0, .25);
    }

    ::-webkit-scrollbar-thumb:active {
        background-color: rgba(0, 0, 0, .3);
    }