:root {
	--theme-color: #0088ff;
}
.layui-layout-admin .layui-logo {
	color: #fff
}

.layui-elem-quote {
	border-left-color: var(--theme-color)
}

.layui-btn {
	background-color: var(--theme-color)
}

.layui-btn-primary {
	background-color: #fff
}

.layui-layer-btn .layui-layer-btn0 {
	border-color: transparent !important;
	background-color: var(--theme-color) !important
}
.layui-layer-btn a{
	width: auto;
	height: 30px !important;
	line-height: 30px !important;
	border-radius: 2px !important;
}
.layui-layer-btn a:active {
    opacity: .8;
}

.layui-layer-btn a:hover {
    opacity: .9;
    text-decoration: none;
}

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

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

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

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

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

.layui-upload-drag .layui-icon {
    font-size: 50px;
    color: var(--theme-color)
}

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

.layui-nav-tree .layui-nav-child dd.layui-this a {
    background-color: var(--theme-color)
}

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

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

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

.layui-slider-wrap-btn {
    border-color: var(--theme-color) !important
}

.layui-slider-bar {
    background: var(--theme-color) !important
}

html .layui-laydate .layui-this {
    background-color: var(--theme-color) !important
}

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

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

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

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

.layui-laydate-content td.laydate-day-now {
    color: var(--theme-color);
}

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

.layui-progress-bar {
    background-color: var(--theme-color)
}

.layui-form-select dl dd.layui-this {
    background-color: var(--theme-color);
    color: #dfc8b2;
    /* background: -moz-linear-gradient(left, #4685e3 0%, #3ab9de 100%);
    background: -webkit-linear-gradient(left, #4685e3 0%, #3ab9de 100%);
    background: linear-gradient(to right, #4685e3 0%, #3ab9de 100%); */
}


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

.layui-form-checked span,
.layui-form-checked:hover span {
	/*background-color: var(--theme-color)*/
}

.layui-form-checked i,
.layui-form-checked:hover i {
	color: var(--theme-color)
}

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

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

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

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

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

.layui-nav-tree .layui-nav-itemed:after {
	background-color: var(--theme-color)
}

.layui-nav-child dd.layui-this {
	background-color: var(--theme-color)
}

.layui-nav .layui-nav-child dd.layui-this a {
	background-color: var(--theme-color)
}

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

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

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

.layui-timeline-axis {
	color: var(--theme-color)
}

.laydate-day-mark::after {
	background-color: var(--theme-color) !important
}

.layui-laydate-header i:hover,
.layui-laydate-header span:hover {
	color: var(--theme-color) !important
}

.layui-laydate-footer span:hover {
	color: var(--theme-color) !important
}

.layui-nav .layui-this:after,
.layui-nav-bar,
.layui-nav-tree .layui-nav-itemed:after {
	background-color: var(--theme-color) !important
}

.layui-input:focus,
.layui-textarea:focus {
	border-color: var(--theme-color) !important;
	box-shadow: 0 0 0 3px rgba(207, 216, 239, .08);
}

.layui-form-radio:hover>*,
.layui-form-radioed,
.layui-form-radioed>i {
	color: var(--theme-color) !important
}

.layui-form-select dl dd.layui-this {
	color: #fff !important
}

.layui-tab-title .layui-this::after {
	border-bottom-color: #2f363c;
}

.layui-tab-title li .layui-tab-close:hover {
	background-color: #b4283c;
}

.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(--theme-color);
	color: #fff;
}

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

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