/** ---------------------------theme-self主题start----------------------------------- */
/* logo */
.theme-colorful .layui-layout-admin .layui-header .layui-logo {
  color: #ffffff;
  background-color: #7c5a23;
}

/* header */

.theme-colorful .layui-layout-admin .layui-header {
  background-color: #7c5a23;
}

.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: #eee transparent transparent;
  background-color: transparent !important;
}

.theme-colorful .layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
  border-color: transparent transparent #008c95;
  background-color: transparent !important;
}

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

/* header height */
/*.theme-colorful .layui-header {
    height: 60px;
}

    .theme-colorful .layui-header .layui-logo,
    .theme-colorful .layui-header .layui-nav .layui-nav-item {
        line-height: 60px;
    }

.theme-colorful .layui-body,
.theme-colorful .layui-side {
    top: 60px;
}*/

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

.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 {
  background: #008c95;
  color: #333;
}
.theme-colorful .layui-side .layui-nav .layui-nav-item a:hover {
  color: #008c95;
}
.theme-colorful .layui-nav-tree > .layui-nav-item > a:before {
  background: #008c95;
}

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

/* body tab */

.theme-colorful
  .layui-layout-admin
  .layui-body
  > .layui-tab
  > .layui-tab-title {
  top: 8px;
  right: 8px;
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
  background-color: transparent;
  box-shadow: -4px 4px 0 #f5f7f9;
  padding-right: 70px;
}

.theme-colorful
  .layui-layout-admin
  .layui-body
  > .layui-tab
  > .layui-tab-content {
  top: 40px;
}

.theme-colorful
  .layui-layout-admin
  .layui-body
  > .layui-tab
  > .layui-tab-title
  li {
  border: none;
  margin-right: 6px;
  border-radius: 4px;
  background-color: #fff;
  line-height: 32px;
  height: 32px;
}

.theme-colorful
  .layui-layout-admin
  .layui-body
  > .layui-tab
  > .layui-tab-title
  li.layui-this {
  color: #008c95;
  background-color: #fff;
}

.theme-colorful
  .layui-layout-admin
  .layui-body
  > .layui-tab
  > .layui-tab-title
  li:hover {
  background-color: #fff;
}

.theme-colorful
  .layui-layout-admin
  .layui-body
  > .layui-tab
  > .layui-tab-title
  li.layui-this:after {
  display: none;
}

.theme-colorful
  .layui-layout-admin
  .layui-body
  > .layui-tab
  > .layui-tab-title
  li
  .layui-tab-close,
.theme-colorful
  .layui-layout-admin
  .layui-body
  > .layui-tab
  > .layui-tab-title
  li
  .layui-tab-close:hover {
  top: 8px;
  color: #8c8c8c;
  background-color: transparent;
}

.theme-colorful .layui-layout-admin .layui-body .admin-tabs-control,
.theme-colorful .layui-layout-admin .layui-body .admin-tabs-control:hover {
  top: 8px;
  height: 32px;
  line-height: 32px;
  background-color: #f5f7f9;
  border: none;
}

.theme-colorful
  .layui-layout-admin
  .layui-body
  .admin-tabs-control.layui-icon-down {
  border-radius: 4px;
  background-color: #fff;
  width: 32px;
  right: 8px;
}

.theme-colorful .admin-tabs-control > .layui-nav .layui-nav-item {
  line-height: 32px;
}

.theme-colorful .admin-tabs-control > .layui-nav .layui-nav-item > a {
  height: 32px;
  width: 32px;
  padding: 0;
}

.theme-colorful .admin-tabs-control > .layui-nav .layui-nav-child {
  top: 36px;
  border: none;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

.theme-colorful
  .layui-layout-admin
  .layui-body
  .admin-tabs-control.layui-icon-prev:before {
  content: '\e603';
}

.theme-colorful
  .layui-layout-admin
  .layui-body
  .admin-tabs-control.layui-icon-next:before {
  content: '\e602';
}

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

/* admin dialog */
.theme-colorful .layui-layer.layui-layer-admin .layui-layer-title {
  color: #ffffff;
  background-color: #008c95;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.theme-colorful
  .layui-layer.layui-layer-admin
  .layui-layer-btn
  .layui-layer-btn0 {
  border-color: #008c95;
  background-color: #008c95;
}

.theme-colorful .layui-layer.layui-layer-admin .layui-layer-btn a {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
}

.theme-colorful .layui-layer.layui-layer-admin {
  border-radius: 4px;
}

.theme-colorful .layui-layer.layui-layer-admin .layui-layer-title {
  height: 45px;
  line-height: 45px;
}

.theme-colorful .layui-layer.layui-layer-admin .layui-layer-setwin {
  top: 14px;
}

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

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

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

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

.theme-colorful .layui-card {
  border-radius: 4px;
  box-shadow: none;
}

.theme-colorful .layui-fluid {
  padding-top: 10px;
}

/* button */
.theme-colorful .layui-btn {
  background-color: #008c95;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
}

/* input */
.theme-colorful .layui-input:focus,
.theme-colorful .layui-textarea:focus,
.theme-colorful xm-select:hover {
  border-color: #008c95 !important;
}

.theme-colorful .layui-input:focus,
.theme-colorful .layui-textarea:focus,
.theme-colorful .layui-btn:active,
.theme-colorful .layui-layer.layui-layer-admin .layui-layer-btn a:focus,
.theme-colorful .layui-layer.layui-layer-admin .layui-layer-btn a:active,
.theme-colorful xm-select:active {
  box-shadow: 0 0 0 2px rgba(255, 153, 0, 0.2);
}

.theme-colorful .layui-form-danger:focus,
.theme-colorful .layui-form-danger + .layui-form-select .layui-input {
  box-shadow: 0 0 0 2px rgba(237, 64, 20, 0.2);
}

.theme-colorful .layui-btn.layui-btn-normal:focus,
.theme-colorful .layui-btn.layui-btn-normal:active {
  box-shadow-color: rgba(20, 159, 255, 0.2);
}

.theme-colorful .layui-btn.layui-btn-warm:active {
  box-shadow: 0 0 0 2px rgba(255, 184, 0, 0.2);
}

.theme-colorful .layui-btn.layui-btn-danger:active {
  box-shadow: 0 0 0 2px rgba(255, 87, 34, 0.2);
}

/* input、button height */
/* button */
.theme-colorful .layui-btn {
  /*height: 32px;
    line-height: 32px;
    border-radius: 4px;*/
}

.theme-colorful .layui-layer.layui-layer-admin .layui-layer-btn a {
  /*height: 30px;
    line-height: 30px;
    border-radius: 4px;*/
}

/* input */
.theme-colorful .layui-input,
.theme-colorful .layui-select,
.theme-colorful .layui-textarea,
.theme-colorful xm-select {
  /*height: 32px;
    border-radius: 4px;*/
}

/* form */
.theme-colorful .layui-form-label,
.theme-colorful .layui-form-mid {
  /* padding-top: 6px;
    padding-bottom: 6px;*/
}

.theme-colorful .layui-input-block {
  /*min-height: 32px;*/
}

.theme-colorful .layui-form-radio {
  /*margin-top: 2px;*/
}

/* button lg sm */
.theme-colorful .layui-btn-lg {
  /*height: 42px;
    line-height: 42px;*/
}

.theme-colorful .layui-btn.layui-btn-sm {
  /*height: 28px;
    line-height: 28px;*/
}

.theme-colorful .layui-btn.layui-btn-xs {
  /* height: 22px;
    line-height: 22px;*/
}

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

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

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

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

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

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

.theme-colorful .layui-laypage input:focus,
.theme-colorful select:focus {
  border-color: #008c95 !important;
}

.theme-colorful .layui-laypage a:hover {
  color: #008c95;
}

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

.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: #008c95 !important;
}

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

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

/* laydate */
.theme-colorful .layui-laydate-footer span:hover,
.theme-colorful .layui-laydate-header i:hover,
.theme-colorful .layui-laydate-header span:hover {
  color: #008c95;
}

.theme-colorful .layui-laydate .layui-this {
  background-color: #008c95 !important;
}

.theme-colorful .layui-laydate-content td.laydate-selected {
  background-color: rgba(255, 153, 0, 0.1);
}

.theme-colorful .laydate-selected:hover {
  background-color: rgba(255, 153, 0, 0.1) !important;
}

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

/* transfer */
.theme-colorful .layui-transfer-active .layui-btn {
  background-color: #008c95 !important;
  border-color: #008c95 !important;
}

/* progress-bar */
.theme-colorful .layui-progress-bar {
  background-color: #008c95;
}

/* slider */
.theme-colorful .layui-slider-bar {
  background-color: #008c95 !important;
}

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

/* steps */
.theme-colorful .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon {
  color: #008c95;
}

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

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

.theme-colorful
  .layui-tab.layui-steps.layui-steps-simple
  > .layui-tab-title
  > li {
  background-color: rgba(255, 153, 0, 0.5);
}

.theme-colorful
  .layui-tab.layui-steps.layui-steps-simple
  > .layui-tab-title
  > li.layui-this {
  background-color: #008c95;
}

.theme-colorful
  .layui-tab.layui-steps.layui-steps-simple
  > .layui-tab-title
  > li:after {
  border-left-color: rgba(255, 153, 0, 0.5) !important;
}

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

/* xmSelect */
.theme-colorful xm-select .xm-body .xm-option .xm-option-icon {
  border-color: #008c95 !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: #008c95 !important;
}

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

/* tagsinput */
.theme-colorful div.tagsinput span.tag {
  background: #008c95;
}

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

/* city-select */
.theme-colorful .city-select a.active {
  color: #fff !important;
  background-color: #008c95 !important;
}

.theme-colorful .city-select a:hover,
.theme-colorful .city-select a:focus {
  background-color: rgba(255, 153, 0, 0.07);
  color: #008c95;
}

.theme-colorful .city-picker-span > .title > span:hover {
  background-color: rgba(255, 153, 0, 0.07);
}

.theme-colorful .city-select-tab > a.active {
  color: #008c95;
}

.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 {
  border-right: 2px solid #ff5722;
}
/** ---------------------------theme-self主题end----------------------------------- */