
/*logo背景色 e5e7ea*/
/*侧边菜单 rgba(69, 94, 126, 0.14)，背景色 2F4056， 233040*/
/*主颜色 605ca8，表格选择行 e8f5ff，日期范围 e9d9eb*/

/************************* 头部 OK start *******************/
/*头部背景色 OK*/
.header-bg-color {background-color: #605ca8 !important;}
/*logo字体颜色 OK*/
.layui-layout-admin .layui-logo {color: #FFF;}
/************************* 头部 end *******************/


/************************* 顶部菜单 OK start *******************/
/*  顶部菜单选中背景色  */
.topMenu.layui-nav .layui-nav-item.layui-this {background: #a884c13b !important;}
/************************* 顶部菜单 end *******************/


/************************* 侧边菜单 OK start *****************/

/*菜单鼠标悬浮字体颜色 OK*/
.side-menu.layui-nav .layui-nav-item a:hover {color: #605ca8 !important;}
/*菜单选中的背景色、字体颜色及右边蓝色色块 OK*/
.side-menu.layui-nav .layui-nav-child dd.layui-this, .side-menu.layui-nav .layui-nav-child dd.layui-this a, .side-menu.layui-nav .layui-this, .side-menu.layui-nav .layui-this>a, .side-menu.layui-nav .layui-this>a:hover {background-color: #5f5ca30f !important;color: #605ca8 !important;border-right: 2px solid #605ca8;}

/*收缩箭头 OK*/
.kit-side-fold:hover {color: #605ca8;}
/************************* 侧边菜单 end *****************/



/************************* layui样式 OK start *****************/
/*按钮 OK*/
.layui-btn-default {background-color: #605ca8 !important;}
/*layer确认框按钮颜色*/
.layui-layer-btn .layui-layer-btn0 {background-color: #605ca8 !important;}
/*primary按钮边框颜色 OK*/
.layui-btn-primary:hover {border-color: #605ca8;}
/*按钮组primary按钮字体颜色 OK*/
.layui-btn-group .layui-btn-primary:hover {color: #605ca8 !important;}

/*面包屑 OK*/
.layui-breadcrumb a:hover {color: #605ca8 !important;}

/*简约风格选项卡 OK*/
.layui-tab-brief>.layui-tab-title .layui-this {color: #605ca8;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {border-bottom: 2px solid #605ca8;}

/*表格单元格收缩按钮边框颜色 OK*/
.layui-table-cell-c:hover {border-color: #605ca8;}
/*表格行选中背景色 OK*/
.layui-table-checked {background-color: #e8f5ff !important;}
/*表格单元格展开悬浮边框线 OK*/
.layui-table-view .layui-table td[data-edit]:hover:after {border: 1px solid #605ca8;}

/*checkbox边框颜色 OK*/
.layui-form-checkbox[lay-skin=primary]:hover i {border-color: #605ca8;}
/*checkbox选中背景色 OK*/
.layui-form-checked[lay-skin=primary]>i {border-color: #605ca8 !important;background-color: #605ca8;}
/*checkbox半选边框和背景色 OK*/
.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate {border-color: #605ca8 !important;}
.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate:before {background-color: #605ca8;}
/*checkbox标签式图标和背景色 OK*/
.layui-form-checked[lay-skin=tag]:hover>div, .layui-form-checked>div {background-color: #605ca8;}
.layui-form-checked[lay-skin=tag] i, .layui-form-checked[lay-skin=tag]:hover i {color: #605ca8;}
.layui-form-checked[lay-skin=tag]>div i, .layui-form-checked[lay-skin=tag]:hover>div i {color: #FFF;}
/*checkbox开关风格 OK*/
.layui-form-onswitch {background-color: #605ca8;border-color: #605ca8;}

/*单选按钮 OK*/
.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i {color: #605ca8;}

/*下拉选择 OK*/
.layui-form-select dl dd.layui-this {color: #605ca8;}

/*分页 OK*/
.layui-laypage .layui-laypage-curr .layui-laypage-em {background-color: #605ca8;}
.layui-laypage a:hover {color: #605ca8;}
.layui-laypage input:focus, .layui-laypage select:focus {border-color: #605ca8 !important;}

/*日期选择器 OK*/
.layui-laydate .layui-this, .layui-laydate .layui-this > div {background-color:#605ca8 !important;}
.layui-laydate .laydate-selected {background-color: #e9d9eb !important;}
.layui-laydate-content td>div:hover {background-color: #605ca8;color: #FFF;}
.layui-laydate-header i:hover, .layui-laydate-header span:hover {color: #605ca8; !important;}
.layui-laydate-footer span:hover {color: #605ca8; !important;}
.layui-laydate-footer span[lay-type=date] {color: #605ca8; !important;}
.layui-laydate-linkage .layui-laydate-content td.laydate-selected>div {background-color: #e9d9eb;}
.layui-laydate-content td.laydate-day-now {color: #605ca8;}
.layui-laydate-content td.laydate-day-now:after {border: 1px solid #605ca8;}
.laydate-day-mark::after {background-color: #605ca8;}

/*穿梭框 OK*/
.layui-transfer-active .layui-btn {background-color: #605ca8;border-color: #605ca8;}

/*颜色选择器 OK*/
.layui-colorpicker-main-input .layui-btn[colorpicker-events="confirm"] {background-color: #605ca8;}

/************************* layui样式 end *****************/



/*********************** 第三方组件：layCascader样式 OK start ********************/
.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path {color: #605ca8 !important;}
.el-radio__input.is-checked .el-radio__inner {border-color: #605ca8 !important;background: #605ca8 !important;}
.el-checkbox__input.is-checked .el-checkbox__inner {background-color: #605ca8 !important;border-color: #605ca8 !important;}
.el-checkbox__inner:hover {border-color: #605ca8 !important;}
/*********************** 第三方组件：layCascader样式 end ********************/

/*********************** 第三方组件：xmSelect样式 OK start ********************/
xm-select > .xm-body.cascader .xm-option-content {color: #605ca8 !important;}
xm-select > .xm-body .xm-option.selected.hide-icon .xm-option-content {color: #605ca8 !important;}
xm-select .xm-body .xm-option .xm-option-icon {border-color: #605ca8 !important;}
xm-select .xm-body .xm-option.selected .xm-option-icon {color: #605ca8 !important;}
xm-select .xm-label .xm-label-block {background-color: #605ca8 !important;}
/*********************** 第三方组件：xmSelect样式 end ********************/