/* color */
.color-list {
    color: #fff;
    background-color: #001427;
    border: 1px solid #001427;

    color: #fff;
    background-color: #409eff;
    border: 1px solid #409eff;

    /* 灰 */
    background-color: #42403f;
    /* 深黑 */
    background-color: #351600;
    background-color: #291100; 

    background-color: #fef1a7;
    background-color: #ffd900;
    border: 1px solid #fef1a7;

    color: #ff6200;
    background-color: #ffe8da;
    border: 1px solid #ffb587;

    /* 灰 */
    color: #6e6a67;
    color: #0e06008e;
    background-color: #0e060009;
    border: 1px solid #0e060015;
}



/* header button */
/* #region */
.queryBtn {
    color: #fff !important;
    background-color: #333 !important;
    border: 1px solid #333 !important;
    background-color: #302e2d !important;
    border: 1px solid #302e2d !important;

    /* background: radial-gradient(circle, #302e2d, #4e4c4b) !important; */
    /* background: linear-gradient(to right, #008154 30%, #00422b) !important; */
    /* background: linear-gradient(to bottom, #008154 30%, #00422b) !important; */
}

.queryBtn:hover {
    background-color: #181615 !important;
    background-color: #42403f !important;
    border: 1px solid #302e2d !important;
}

.addBtn {
    color: #fff !important;
    background-color: #df0000 !important;
    border: 1px solid #df0000 !important;
}

.addBtn:hover {
    background-color: #cf0000 !important;
    border-color: #cf0000 !important;
}




/* 浅色按钮 */
/* .plain {
    color: #409eff !important;
    background-color: #fff !important;
    border: 1px solid #409eff !important;
} */

/* .plain:hover {
    color: #ff6200 !important;
    background-color: #ff620011 !important;
    border-color: #ffad7a !important;
} */

/* 深色按钮 */
.pattern, .dark {
    color: #fff !important;
    background-color: #df0000 !important;
    border: 1px solid #df0000 !important;
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); */
}
/* #endregion */


/* 实心按钮 */
/* button */




/* btn1 btn2 btn3 */
/* #region */
/* 第1个btn悬浮效果颜色 */
.btn-b .el-button:first-child:hover, .upload-layout .el-button:hover {
    color: #272727;
    background-color: #fff;
    border-color: #babdc4;
}

/* 第1个btn点击后的颜色 */
.btn-b .el-button:focus {
    color: #df0000 !important;
    background-color: #df000011 !important;
    border-color: #da4848 !important;
}

/* 第2个btn颜色 */
.btn-b .el-button:nth-child(2) {
    color: #fff;
    background-color: #333;
    border: 1px solid #333;
}

/* 第2个btn悬浮效果颜色 */
.btn-b .el-button:nth-child(2):hover {
    background-color: #181615;
    background-color: #42403f;
    border: 1px solid #302e2d;
}

/* 最后1个btn颜色 */
.btn-b .el-button:last-child {
    color: #fff;
    background-color: #df0000;
    border-color: #df0000;
}

/* 最后1个btn悬浮效果颜色 */
.btn-b .el-button:last-child:hover {
    background-color: #cf0000;
    border-color: #cf0000;
}
/* #endregion */

/* 对话框A/B */ /* 应修改为对按钮唯一命名 */ /* 下个版本去除以下对话框样式 */
/* #region */
/* 修改关闭x悬浮效果颜色 */
.el-dialog__close:hover {
    color: #df0000 !important;
}



/* 修改btn1悬浮效果颜色 */
/* .dialogA .btn-b .el-button:nth-child(1):hover, .dialogB .btn-b .el-button:nth-child(1):hover {
    color: #ff6200;
    background-color: #ff620011;
    border-color: #ffad7a;
} */

/* 修改btn1点击后的颜色 */
/* .dialogA .btn-b .el-button:focus, .dialogB .btn-b .el-button:focus {
    color: #ff6200;
    background-color: #ff620011;
    border-color: #ffad7a;
} */

/* 修改btn2颜色 */
/* .dialogA .btn-b .el-button:nth-child(2) {
    color: #fff;
    background-color: #333;
    border: 1px solid #333;
} */

/* 修改btn3颜色 */
/* .dialogA .btn-b .el-button:last-child, .dialogB .btn-b .el-button:last-child {
    color: #fff;
    background-color: #ff6200;
    border-color: #ff6200;
} */

/* .dialogA .btn-b .el-button:last-child:hover, .dialogB .btn-b .el-button:last-child:hover {
    background-color: #f35d00;
    border-color: #ff62004f;
} */


/* #endregion */

/* 表单组件 */
/* #region */
/* 修改标签字体颜色 */
.el-form-item__label {
    color: #333 !important;
}

/* 修改input焦点轮廓颜色 */
.el-input__inner:focus {
    border-color: #000 !important;
    border-color: #c0c4cc !important;
}

/* 修改radio选中悬浮状态颜色 */
.el-radio__inner:hover {
    border-color: #df0000 !important;
}

/* radio被选中状态颜色 */
.el-radio__input.is-checked .el-radio__inner {
    border-color: #df0000 !important;
    background-color: #df0000 !important;
}

/* radio被选中字体颜色 */
.el-radio__input.is-checked+.el-radio__label {
    color: #333 !important;
}


/* 修改多选框选中颜色 */
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #fff !important;
    border-color: #df0000 !important;
}

/* 修改多选框勾的颜色 */
.el-checkbox__inner::after {
    border-color: #df0000 !important;
}

/* 修改多选框悬浮边框的颜色 */
.el-checkbox__inner:hover {
    border-color: #df0000 !important;
}

/* 修改多选框取消勾选后的颜色 */
.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #df0000 !important;
}


/* 修改图片上传框悬浮状态颜色 */
.el-upload-dragger:hover {
    border-color: #c0c4cc !important;
}


/* 修改计数器默认样式 */
/* 修改计数器+-号颜色 */
.el-input-number__decrease:hover, .el-input-number__increase:hover {
    color: #df0000 !important;
}
    
/* 修改鼠标悬浮状态颜色 */
/* .el-input__inner:hover {
    border: 1px solid #ffc200 !important;
} */

/* 修改计数器焦点轮廓颜色 */
.el-input-number__decrease:hover:not(.is-disabled)~ .el-input .el-input__inner:not(.is-disabled), 
.el-input-number__increase:hover:not(.is-disabled)~ .el-input .el-input__inner:not(.is-disabled) {
    border-color: #df0000 !important;
}


/* 修改文本域鼠标悬浮颜色 */
.el-textarea__inner:hover {
    border-color: #df0000 !important;
}

/* 修改文本域焦点轮廓颜色 */
.el-textarea__inner:focus {
    border-color: #df0000 !important;
}
/* #endregion */

/* 表格 */
/* #region */
/* 修改表格排序按钮颜色 */
.el-table .ascending .sort-caret.ascending {
    border-bottom-color: #df0000 !important;
}

.el-table .descending .sort-caret.descending {
    border-top-color: #df0000 !important;
}

/* 修改表格按钮悬浮颜色 */
.el-table__row .el-button:hover {
    color: #fff;
    border-color: #dcdfe6;
    background-color: #333;
}
/* #endregion */

/* 分页器 */
/* #region */
/* 修改Element分页器默认样式 */
/* 修改total的默认字体颜色 */
.el-pagination__total {
    color: #333 !important;
}

/* 修改选中的页码默认样式 */
.el-pager li.active {
    font-weight: normal !important; /* 清除默认粗体*/
    /* 未使用 */
}

/* 清除页码默认粗体 */
.el-pagination {
    font-weight: normal !important; /* 清除默认粗体*/
}

/* 修改按钮默认背景色颜色 */
.el-pagination.is-background .el-pager li {
    background-color: initial !important;
    border: 1px solid rgb(229, 229, 229);
    border-radius: 5px !important;
}

/* 修改选中按钮默认背景色颜色 */
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #df0000 !important;
    border: 1px solid #df0000 !important;
}

/* 选中按钮悬浮字体颜色 */
.el-pagination.is-background .el-pager li:not(.disabled).active:hover {
    color: #fff !important;
}

/* 修改按钮悬浮字体颜色 */
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #ff8f4a !important;
}

/* 左箭头 */
.el-pagination.is-background .btn-prev {
    background-color: initial !important;
    border: 1px solid rgb(229, 229, 229);
    border-radius: 5px !important;
}

/* 右箭头 */
.el-pagination.is-background .btn-next {
    background-color: initial !important;
    border: 1px solid rgb(229, 229, 229);
    border-radius: 5px !important;
}

/* 修改jumper的默认字体颜色 */
.el-pagination__jump {
    color: #333 !important;
    /* 未使用 */
}

/* 修改select框悬浮颜色 */
.el-pagination__sizes .el-input .el-input__inner:hover {
    border-color: #df0000 !important;
}

/* 修改select框焦点轮廓颜色 */
.page .el-select .el-input.is-focus .el-input__inner {
    border-color: #df0000 !important;
}

/* 修改选择器框内的字体颜色 */
.el-input__inner {
    color: #333 !important;
}

/* 修改选项字体颜色 */
.el-select-dropdown__item.selected {
    color: #df0000 !important;
    font-weight: normal !important; /* 清除默认粗体*/
}
/* #endregion */