:root{
  --primary:#E60012; --primary-dark: #B21212;--secondary:#FFFF00;
}

.layui-layout-admin .layui-logo {
  color: var(--primary);
}

.layui-elem-quote {
  border-left: 5px solid var(--primary-dark);
}

.layui-progress-bar {
  background-color: var(--primary-dark);
}

.layui-btn {
  border: 1px solid transparent;
  background-color: var(--primary);
  color: #ffffff;
}

.layui-btn-primary {
  border-color: #d2d2d2;
  background: 0 0;
  color: #5f5f5f;
}

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

[disabled].layui-btn-primary:hover {
  border-color: #d2d2d2;
  background: 0 0;
  color: #5f5f5f;
  user-select: none;
  cursor: not-allowed;
  opacity: 1;
}

.layui-btn-checked {
  background-color: var(--primary-dark)
}

.layui-btn-group .layui-btn-primary:hover {
  color: var(--primary)
}

.layui-input:focus,
.layui-textarea:focus {
  border-color: var(--primary-dark) !important;
}

.layui-input-wrap .layui-input:focus+.layui-input-split {
  border-color: var(--primary-dark)
}

.layui-form-select dl dd.layui-this {
  color: var(--primary-dark);
}

.layui-form-checked,
.layui-form-checked:hover {
  border-color: var(--primary-dark)
}

.layui-form-checked:hover>div,
.layui-form-checked>div {
  background-color: var(--primary-dark)
}

.layui-form-checked:hover>i,
.layui-form-checked>i {
  color: var(--primary-dark)
}

.layui-form-checkbox[lay-skin=primary]:hover>i {
  border-color: var(--primary-dark);
}

.layui-form-checked[lay-skin=primary]>i {
  border-color: var(--primary-dark) !important;
  background-color: var(--primary-dark);
}


.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate {
  border-color: var(--primary-dark)
}

.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate:before {
  background-color: var(--primary-dark)
}

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

.layui-form-radio:hover>*,
.layui-form-radioed,
.layui-form-radioed>i {
  color: var(--primary-dark)
}

.layui-laypage a:hover {
  color: var(--primary)
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: var(--primary)
}


.layui-laypage input:focus,
.layui-laypage select:focus {
  border-color: var(--primary) !important
}

.layui-table-view .layui-table td[data-edit]:hover:after {
  box-sizing: border-box;
  border: 1px solid var(--primary-dark);
}


.layui-table-edit:focus {
  border-color: var(--primary-dark) !important
}

.layui-table-cell-c:hover {
  border-color: var(--primary-dark)
}

.layui-upload-drag .layui-icon {
  color: var(--primary)
}

.layui-upload-drag[lay-over] {
  border-color: var(--primary)
}

.layui-menu .layui-menu-item-checked,
.layui-menu .layui-menu-item-checked2 {
  color: var(--primary-dark)
}

.layui-menu .layui-menu-item-checked a,
.layui-menu .layui-menu-item-checked2 a {
  color: var(--primary-dark)
}

.layui-menu .layui-menu-item-checked:after {
  border-right: 3px solid var(--primary-dark);
}

.layui-menu-lg .layui-menu-body-title a:hover,
.layui-menu-lg li:hover {
  color: var(--primary-dark)
}

.layui-nav .layui-this:after {
  background-color: var(--primary);
}

.layui-nav .layui-nav-bar {
  background-color: var(--primary-dark);

}

.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this>a,
.layui-nav-tree .layui-this>a:hover {
  background-color: var(--primary);
}

.layui-nav-tree a {
  box-sizing: content-box;
}

.layui-nav-tree .layui-nav-bar {
  background-color: var(--primary)
}


.layui-nav.layui-bg-gray .layui-this a {
  color: var(--primary-dark)
}

.layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this,
.layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this a,
.layui-nav-tree.layui-bg-gray .layui-this,
.layui-nav-tree.layui-bg-gray .layui-this>a {
  color: var(--primary-dark) !important;
}

.layui-nav-tree.layui-bg-gray .layui-nav-bar {
  background-color: var(--primary-dark)
}

.layui-breadcrumb a:hover {
  color: var(--primary-dark) !important
}


.layui-tab-brief>.layui-tab-title .layui-this {
  color: var(--primary)
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
  border-bottom: 2px solid var(--primary-dark)
}

.layui-tab-card>.layui-tab-more .layui-this {
  color: var(--primary-dark)
}

.layui-timeline-axis {
  color: var(--primary-dark);
}

.layui-transfer-active .layui-btn {
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
}

.layui-slider-input-btn i:hover {
  color: var(--primary)
}

.layui-code-fixbar>span:hover {
  color: var(--primary-dark)
}

.layui-code-tools>i:hover {
  color: var(--primary-dark)
}

.layui-laydate-footer span:hover {
  color: var(--primary-dark)
}

.layui-laydate-header i:hover,
.layui-laydate-header span:hover {
  color: var(--primary-dark)
}

.layui-laydate-content td.laydate-day-now {
  color: var(--primary-dark)
}

.layui-laydate-content td.laydate-day-now:after {
  border: 1px solid var(--primary-dark);
}

.layui-laydate-linkage .layui-laydate-content td.laydate-selected>div {
  background-color: #bed5f3
}

.layui-laydate-linkage .laydate-selected:hover>div {
  background-color: #bed5f3 !important
}

.laydate-day-mark::after {
  background-color: var(--primary-dark)
}


.layui-laydate-footer span[lay-type=date] {
  color: var(--primary-dark)
}

.layui-laydate .layui-this,
.layui-laydate .layui-this>div {
  background-color: var(--primary) !important;
}

.laydate-theme-molv .layui-laydate-header {
  background-color: var(--primary)
}

.layui-laydate-linkage.laydate-theme-grid .laydate-selected,
.layui-laydate-linkage.laydate-theme-grid .laydate-selected:hover {
  color: var(--primary) !important
}

.layui-layer-dialog .layui-layer-content .layui-icon-success {
  color: var(--primary-dark)
}

.layui-layer-dialog .layui-layer-content .layui-icon-face-smile {
  color: var(--primary-dark)
}