/** ---------------------------theme-colorful主题start----------------------------------- */ /* logo */
.theme-colorful .layui-layout-admin .layui-header .layui-logo {
    color: #ffffff;
    background-color: #ec6c44;
    box-shadow: none;
}

/* header */
.theme-colorful .layui-layout-admin .layui-header {
    background-color: #ec6c44;
}

.theme-colorful .layui-layout-admin .layui-header a {
    color: #ffffff;
}

.theme-colorful .layui-layout-admin .layui-header a:hover {
    color: #ffffff;
}

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

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

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

.theme-colorful .layui-layout-admin .layui-header .layui-nav .layui-this:after, .theme-colorful .layui-layout-admin .layui-header .layui-nav-bar {
    background-color: #ffffff;
}

.theme-colorful .layui-nav-tree .layui-nav-bar,
.theme-colorful .layui-nav-tree .layui-nav-item > a:before {
    background-color: #ec6c44;
    top: 5px;
    width: 5px;
    box-shadow: 2px 0px 10px rgba(45, 140, 240, .9);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* side */
.theme-colorful .layui-layout-admin .layui-side {
    background-color: #ffffff;
}

.theme-colorful .layui-side .layui-nav .layui-nav-item a {
    color: #595959;
}

.theme-colorful .layui-side .layui-nav .layui-nav-item a:hover {
    color: #ec6c44;
}

.theme-colorful .layui-side .layui-nav-itemed > a, .theme-colorful .layui-side .layui-nav-tree .layui-nav-title a, .theme-colorful .layui-side .layui-nav-tree .layui-nav-title a:hover {
    color: #595959 !important;
}

.theme-colorful .layui-side .layui-nav-itemed > a:hover {
    color: #ec6c44 !important;
}

.theme-colorful .layui-side .layui-nav-tree .layui-nav-child dd.layui-this a, .theme-colorful .layui-side .layui-nav-tree .layui-this > a, .theme-colorful .layui-side .layui-nav-tree .layui-this > a:hover {
    color: #ec6c44;
    background: rgba(51, 204, 153, .07);
    border-right: 2px solid #ec6c44;
}

.theme-colorful .layui-side .layui-nav-tree .layui-nav-item .layui-nav-child {
    background-color: transparent !important;
}

@media screen and (min-width: 769px) {
    .theme-colorful .layui-layout-admin.admin-nav-mini .layui-side .layui-nav li.layui-nav-itemed > a {
        background: rgba(51, 204, 153, .07);
        color: #ec6c44 !important;
    }
}

.theme-colorful .layui-nav-tree > .layui-nav-item > a:before {
    display: none;
}

/* side arrow */
.theme-colorful .layui-side .layui-nav .layui-nav-more {
    border-color: rgba(89, 89, 89, .7) transparent transparent;
}

.theme-colorful .layui-side .layui-nav .layui-nav-mored, .theme-colorful .layui-side .layui-nav-itemed > a .layui-nav-more {
    border-color: transparent transparent rgba(89, 89, 89, .7);
}

.theme-colorful .layui-side .layui-nav-tree.arrow3 .layui-nav-itemed > a > .layui-nav-more:before {
    background-color: rgba(89, 89, 89, .7);
}

@media screen and (min-width: 769px) {
    .theme-colorful .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child > dd > a .layui-nav-more {
        border-color: transparent transparent transparent rgba(89, 89, 89, .7);
    }
}

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

/* side icon */
.theme-colorful .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-colorful .layui-side .layui-nav-item:nth-child(even) > a > .layui-icon {
    background-color: #7DD733;
}

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

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

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

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

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

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

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

.theme-colorful .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-colorful .layui-side .layui-nav .layui-nav-item a cite {
    vertical-align: middle;
}

/* body tab */
.theme-colorful .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    background-color: #ec6c44;
    top: 38px;
}

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

/* admin dialog */
.theme-colorful .layui-layer.layui-layer-prompt .layui-layer-title,
.theme-colorful .layui-layer.layui-layer-admin .layui-layer-title {
    color: #ffffff;
    background-color: #ec6c44;
    border-bottom: none;
}

.theme-colorful .layui-layer.layui-layer-prompt .layui-layer-btn .layui-layer-btn0,
.theme-colorful .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
    border-color: #ec6c44;
    background-color: #ec6c44;
}

.theme-colorful .layui-layer.layui-layer-prompt .layui-layer-setwin,
.theme-colorful .layui-layer.layui-layer-admin .layui-layer-setwin {
    top: 17px;
}

.theme-colorful .layui-layer.layui-layer-prompt .layui-layer-setwin a,
.theme-colorful .layui-layer.layui-layer-admin .layui-layer-setwin a {
    color: #ffffff;
}

.theme-colorful .layui-layer.layui-layer-prompt .layui-layer-setwin .layui-layer-close1,
.theme-colorful .layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-close1 {
    background: 0;
}

.theme-colorful .layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-close1:before {
    content: "\1006";
}

.theme-colorful .layui-layer-btn .layui-layer-btn0 {
    border-color: #ec6c44;
    background-color: #ec6c44;
    color: #fff;
}

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

.theme-colorful .btn-circle {
    background: #ec6c44;
}

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

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

/* button */
.theme-colorful .layui-btn-group .layui-btn {
    border-radius: 0;
}

.theme-colorful .layui-btn-group .layui-btn:first-child {
    border-left: none;
    border-radius: 2px 0 0 2px;
}

.theme-colorful .layui-btn-group .layui-btn:last-child {
    border-radius: 0 2px 2px 0;
}

.theme-colorful .layui-btn {
    border-radius: 2px;
    background-color: #ec6c44;
}

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

.theme-colorful .layui-btn.layui-btn-normal {
    background-color: #1E9FFF;
}

.theme-colorful .layui-btn.layui-btn-warm {
    background-color: #FFB800;
}

.theme-colorful .layui-btn.layui-btn-danger {
    background-color: #FF5722;
}

.theme-colorful .layui-btn-disabled, .theme-colorful .layui-btn-disabled:hover, .theme-colorful .layui-btn-disabled:active {
    background-color: #FBFBFB;
}

/* input */

.theme-colorful .layui-form-item .layui-input-inline {
    float: left;
    width: 290px;
    margin-right: 10px;
}

.theme-colorful .layui-form-item .layui-input-block {
    margin-left: 110px;
}

.theme-colorful .layui-input:focus,
.theme-colorful .layui-textarea:focus {
    border-color: #ec6c44 !important;
}

.theme-colorful .layui-form-danger + .layui-form-select .layui-input,
.theme-colorful .layui-form-danger:focus {
    border-color: #FF5722 !important;
}

@media screen and (max-width: 450px) {
    .theme-colorful .layui-form-item .w-auto + .layui-input-inline {
        margin-left: 100px;
    }
}

@media screen and (max-width: 450px) {
    .theme-colorful .layui-form-item .layui-input-inline {
        display: block;
        float: none;
        left: -3px;
        width: auto;
        margin: 0 0 10px 112px;
    }
}

/* xm-select*/
.theme-colorful xm-select:hover {
    border-color: #ec6c44 !important
}

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

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

.theme-colorful xm-select .xm-body .xm-option .xm-option-icon {
    border-color: #ec6c44 !important;
}

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

/* radio */
.theme-colorful .layui-form-radio > i:hover, .theme-colorful .layui-form-radioed > i {
    color: #ec6c44;
}

/* checkbox */
.theme-colorful .layui-form-checked[lay-skin=primary] i {
    border-color: #ec6c44 !important;
    background-color: #ec6c44;
}

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

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

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

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

.theme-colorful .layui-table-page .layui-laypage input:focus {
    border-color: #ec6c44 !important;
}

.theme-colorful .layui-table-page .layui-laypage a:hover {
    color: #ec6c44;
}

.theme-colorful .layui-tab-title {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.theme-colorful .layui-table-view select:focus {
    border-color: #ec6c44 !important;
}

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

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

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

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

/* laydate */
.theme-colorful .laydate-footer-btns span:hover {
    color: #ec6c44 !important;
}

/* timeline */
.theme-colorful .layui-timeline-axis {
    color: #ec6c44;
}