/** ---------------------------theme-my主题start----------------------------------- */
/* logo */
.theme-my .layui-layout-admin .layui-header .layui-logo {
    color: #dddddd;
    background-color: #191a23;
    
}

/* header */


.theme-my .layui-layout-admin .layui-header {
    background-color: #ffffff;
}

.theme-my .layui-layout-admin .layui-header a {
    color: #595959;
}

.theme-my .layui-layout-admin .layui-header a:hover {
    color: #595959;
}

.theme-my .layui-layout-admin .layui-header .layui-nav-child a {
    color: #595959;
}

.theme-my .layui-layout-admin .layui-header .layui-nav .layui-nav-more {
    border-color: #595959 transparent transparent;
}

.theme-my .layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
    border-color: transparent transparent #595959;
}

.theme-my .layui-layout-admin .layui-header .layui-nav .layui-this:after,
.theme-my .layui-layout-admin .layui-header .layui-nav-bar {
    background-color: #191a23;
}



/* side */
.theme-my .layui-layout-admin .layui-side {
    background-color: #191a23;
    
}


.theme-my .layui-nav-tree .layui-nav-child dd.layui-this a,
.theme-my .layui-nav-tree .layui-this > a,
.theme-my .layui-nav-tree .layui-this > a:hover {
    background-color: #009688;
}

.theme-my .layui-nav-tree > .layui-nav-item > a:before {
    background-color: #009688;
}


.theme-my .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before {
    background: #191a23 !important;
}




/* side icon */
.theme-my .layui-side .layui-nav-item > a > .layui-icon {
    color: #fff;
    width: 28px;
    height: 28px;
    font-size: 12px !important;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background-color: #61B2FC;
}

.theme-my .layui-side .layui-nav-item:nth-child(even) > a > .layui-icon {
    background-color: #7DD733;
}

.theme-my .layui-side .layui-nav-item:nth-child(3) > a > .layui-icon {
    background-color: #32A2D4;
}

.theme-my .layui-side .layui-nav-item:nth-child(4) > a > .layui-icon {
    background-color: #2BCCCE;
}

.theme-my .layui-side .layui-nav-item:nth-child(5) > a > .layui-icon {
    background-color: #7383CF;
}

@media screen and (min-width: 768px) {
    .theme-my .admin-nav-mini .layui-side .layui-nav-item > a {
        padding-left: 16px;
    }
}

.theme-my .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child a {
    padding-left: 63px;
}

.theme-my .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child .layui-nav-child a {
    padding-left: 83px;
}

.theme-my .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child a {
    padding-left: 103px;
}

.theme-my .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a {
    padding-left: 123px;
}

.theme-my .layui-side .layui-nav .layui-nav-item a cite {
    vertical-align: middle;
}


/* body tab */

.theme-my .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    background-color: #191a23;
    
}


/* body title */
.theme-my .layui-body-header-title {
    border-left-color: #009688;
}



/* admin dialog */
.theme-my .layui-layer.layui-layer-admin .layui-layer-title {
    color: #ffffff;
    background-color: #191a23;
    
    
}



.theme-my .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
    border-color: #009688;
    background-color: #009688;
}





/* other */
.theme-my .more-theme-item:hover,
.theme-my .more-theme-item.active {
    border-color: #009688;
}

.theme-my .btn-circle {
    background: #009688;
}

.theme-my .ball-loader > span,
.theme-my .signal-loader > span {
    background-color: #009688;
}

.theme-my .text-primary,
.theme-my .layui-link {
    color: #009688 !important;;
}



/* button */
.theme-my .layui-btn {
    background-color: #009688;
    
}





/* switch */
.theme-my .layui-form-onswitch {
    border-color: #009688;
    background-color: #009688;
}

/* radio */
.theme-my .layui-form-radio > i:hover,
.theme-my .layui-form-radioed > i,
.theme-my .layui-form-checked i,
.theme-my .layui-form-checked:hover i {
    color: #009688;
}

/* checkbox */
.theme-my .layui-form-checked[lay-skin=primary] i,
.theme-my .layui-form-checked span,
.theme-my .layui-form-checked:hover span {
    border-color: #009688 !important;
    background-color: #009688;
}

.theme-my .layui-form-checkbox[lay-skin=primary] i:hover,
.theme-my .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #009688;
}

/* select */
.theme-my .layui-form-select dl dd.layui-this {
    background-color: #009688;
}

/* laypage */
.theme-my .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #009688;
}

.theme-my .layui-laypage input:focus,
.theme-my select:focus {
    border-color: #009688 !important;
}

.theme-my .layui-laypage a:hover {
    color: #009688;
}

/* tab */
.theme-my .layui-tab-brief > .layui-tab-title .layui-this {
    color: #009688;
}

.theme-my .layui-tab-brief > .layui-tab-more li.layui-this:after,
.theme-my .layui-tab-brief > .layui-tab-title .layui-this:after {
    border-color: #009688 !important;
}

.theme-my .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this {
    border-color: #009688;
    color: #009688;
}

/* breadcrumb */
.theme-my .layui-breadcrumb a:hover {
    color: #009688 !important;
}

/* laydate */
.theme-my .layui-laydate-footer span:hover,
.theme-my .layui-laydate-header i:hover,
.theme-my .layui-laydate-header span:hover {
    color: #009688;
}

.theme-my .layui-laydate .layui-this {
    background-color: #009688 !important;
}

.theme-my .layui-laydate-content td.laydate-selected {
    background-color: rgba(0,150,136,.1);
}

.theme-my .laydate-selected:hover {
    background-color: rgba(0,150,136,.1) !important;
}

/* timeline */
.theme-my .layui-timeline-axis {
    color: #009688;
}

/* transfer */
.theme-my .layui-transfer-active .layui-btn {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

/* progress-bar */
.theme-my .layui-progress-bar {
    background-color: #009688;
}

/* slider */
.theme-my .layui-slider-bar {
    background-color: #009688 !important;
}

.theme-colorful .layui-slider-wrap-btn {
    border-color: #009688 !important;
}

/* steps */
.theme-my .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon {
    color: #009688;
}

.theme-my .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok,
.theme-my .layui-elem-quote {
    border-color: #009688;
}

.theme-my .layui-tab.layui-steps > .layui-tab-title > li:before,
.theme-my .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok {
    background-color: #009688;
}

.theme-my .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li {
    background-color: rgba(0,150,136,.5);
}

.theme-my .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this {
    background-color: #009688;
}

.theme-my .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after {
    border-left-color: rgba(0,150,136,.5) !important;
}

.theme-my .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after {
    border-left-color: #009688 !important;
}

/* xmSelect */
.theme-my xm-select .xm-body .xm-option .xm-option-icon {
    border-color: #009688 !important;
}

.theme-my xm-select .xm-body .xm-option.selected .xm-option-icon,
.theme-my xm-select > .xm-body .xm-toolbar .toolbar-tag:hover,
.theme-my .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content {
    color: #009688 !important;
}

.theme-my xm-select .xm-label .xm-label-block,
.theme-my xm-select > .xm-body .xm-option.hide-icon.selected {
    background-color: #009688 !important;
}

/* tagsinput */
.theme-my div.tagsinput span.tag {
    background: #009688;
}

/* cascader */
.theme-my .ew-cascader-dropdown-list-item.active,
.theme-my .ew-cascader-dropdown-list-item.active .ew-icon-right {
    color: #009688;
}

/* city-select */
.theme-my .city-select a.active {
    color: #fff !important;
    background-color: #009688 !important;
}

.theme-my .city-select a:hover,
.theme-my .city-select a:focus {
    background-color: rgba(0,150,136,.07);
    color: #009688;
}

.theme-my .city-picker-span > .title > span:hover {
    background-color: rgba(0,150,136,.07);
}

.theme-my .city-select-tab > a.active {
    color: #009688;
}


/** ---------------------------theme-my主题end----------------------------------- */
