/**re layui css color*/
/* 自定义紫色主题样式 */
.layui-btn {
    background-color: var(--color-primary);
}

.layui-btn:hover {
    background-color: var(--color-primary-light);
}

.layui-form-label {
    color: var(--color-primary);
}
.layui-progress-bar{
    background-color: var(--color-primary);
}
.layui-input:focus,
.layui-textarea:focus {
    border-color: var(--color-primary) !important;
}
.layui-form-checkbox[lay-skin=primary]:hover>i{
    border-color: var(--color-primary)!important;
}
.layui-form-checked[lay-skin=primary]>i{
    background-color: var(--color-primary)!important;
    border-color: var(--color-primary)!important;
}
.layui-form-select dl dd.layui-this{
    color:var(--color-primary)!important;
}
.layui-bg-gray{
    background-color: var(--color-primary) !important;
    color:#fff !important;
}
.layui-nav-tree.layui-bg-gray a, .layui-nav.layui-bg-gray .layui-nav-item a{
    color: #ddd;
    font-weight: bold;
}
.layui-nav .layui-nav-child a{
    color: #333 !important;
}

.layui-laydate .layui-this, .layui-laydate .layui-this>div{background-color: var(--color-primary) !important;}
.laydate-day-mark::after{background-color: var(--color-primary);}
.laydate-set-ym span:hover{color: var(--color-primary);}
.layui-laydate-header>i:hover{color: var(--color-primary);}
.layui-layer-loading-2:after{border-left-color: var(--color-primary);}
.layui-tab-brief>.layui-tab-title .layui-this{color: var(--color-primary);}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
        border-bottom:2px solid #fff;
}
.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i{
        color: var(--color-primary);
}
.layui-form-select dl dd.layui-this{
    color:var(--color-primary);
}
.layui-tabs-header .layui-this, .layui-tabs-header li:hover{
    color: var(--color-primary);
}
.layui-tabs-header .layui-this:after{
    border-bottom: 3px solid var(--color-primary);
}

.layui-table-box .layui-table-header>table{
    background-color: #eee;
}
.layui-table-total>table{
    background-color: #eee;
}
.layui-table-box .layui-table-header .layui-table[lay-skin=row] td,.layui-table-box .layui-table-header .layui-table[lay-skin=row] th{
    border-right-color: #e2e2e2;
}
.layui-table-hover{
    background-color: var(--color-hover) !important;
}
.layui-table-select{
    /*background-color: var(--color-hover) !important;*/    
}
.layui-form-checked[lay-skin=primary]>i{
    border-color:var(--color-primary);
    background-color:var(--color-primary);
}
.layui-timeline-axis{
    color: var(--color-primary);
}
.layui-table-checked.layui-table-click, .layui-table-checked.layui-table-hover{
    background-color: #dcd0ff;
}
.layui-form-checked[lay-skin=primary]>i{
    border-color:#dcd0ff !important;
}
.layui-table-checked{background-color: #eee;}
.layui-table-checked:hover{background-color: #eee;}
.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate:before{background-color:var(--color-primary);}
.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate{border-color: var(--color-primary);}
/**滚动条*/
.layui-table-body::-webkit-scrollbar {
    width: 16px; /* 设置垂直滚动条的宽度 */
    height: 16px; /* 设置水平滚动条的高度 */
}

.layui-table-body::-webkit-scrollbar-thumb {
    background-color: var(--color-secondary); /* 设置滚动条滑块的背景颜色 */
    border-radius: 5px; /* 设置滚动条滑块的圆角 */
}

.layui-table-body::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-primary-light); /* 设置滚动条滑块悬停时的背景颜色 */
}

/* 适用于 Firefox 浏览器 */
.layui-table-body {
    scrollbar-width: thin; /* 设置滚动条的粗细为细 */
    scrollbar-color: var(--color-secondary) #f1f1f1; /* 设置滚动条滑块和轨道的颜色 */
}

.layui-btn-primary{
    background-color: var(--color-primary)!important;
    color: #fff!important;
}
.layui-btn-primary:hover{
    background-color: var(--color-primary-light)!important;
    border-color:var(--color-primary)!important;
}

.layui-form-onswitch{
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}