body,
.card,
.table,
.form-control,
.btn,
.navbar,
.nav-drawer,
.dropdown-menu,
.modal-content {
    font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
}

body,
.lyear-layout-web,
.lyear-layout-container,
.lyear-layout-content {
    background: #120c22 !important;
    color: #efe8f8;
}

.lyear-layout-sidebar,
.lyear-layout-sidebar .sidebar-main {
    background: #1a1030 !important;
}

.lyear-layout-sidebar .logo,
.lyear-layout-sidebar .sidebar-header {
    background: #140a24 !important;
    border-bottom: 1px solid rgba(243, 212, 138, .22);
}

.nav-drawer > li > a,
.nav-drawer .nav-item > a,
.nav-sub > li > a,
.nav-drawer li a {
    color: #efe8f8 !important;
}

.nav-drawer > li.active > a,
.nav-drawer > li > a:hover,
.nav-drawer .nav-item.active > a,
.nav-drawer .nav-item > a:hover,
.nav-sub > li.active > a,
.nav-sub > li > a:hover,
.nav-drawer li.active > a {
    background: rgba(243, 212, 138, .16) !important;
    color: #f6d98a !important;
}

.lyear-layout-header,
.navbar,
.navbar-default,
.navbar-default .topbar,
.navbar-default .navbar-collapse {
    background: #1a1030 !important;
    border-color: rgba(243, 212, 138, .2) !important;
    color: #efe8f8 !important;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-brand,
.navbar-default .navbar-text,
.lyear-layout-header a,
.topbar,
.topbar a,
.topbar span {
    color: #efe8f8 !important;
}

.card {
    background: #1c1433;
    color: #efe8f8;
    border: 1px solid rgba(243, 212, 138, .2);
    border-radius: 12px;
    box-shadow: none;
}

.card-header,
.card-footer {
    background: rgba(243, 212, 138, .08);
    border-color: rgba(243, 212, 138, .16);
    color: #f6d98a;
}

.card-header h4,
.card-title,
.card-header .card-actions a,
.card-header .card-actions button {
    color: #f6d98a;
}

.card.bg-primary {
    background: linear-gradient(135deg, #4a3488, #24144a) !important;
    border-color: transparent;
}

.card.bg-danger {
    background: linear-gradient(135deg, #8d3d62, #4a1d36) !important;
    border-color: transparent;
}

.card.bg-success {
    background: linear-gradient(135deg, #1c7c78, #12384a) !important;
    border-color: transparent;
}

.card.bg-purple {
    background: linear-gradient(135deg, #6d3d9e, #35185c) !important;
    border-color: transparent;
}

.card.bg-info,
.card.bg-warning,
.card.bg-cyan {
    border-color: transparent;
}

.table,
.table > thead > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    background: transparent;
    color: #efe8f8;
    border-color: rgba(243, 212, 138, .14) !important;
}

.table > thead > tr > th {
    background: rgba(243, 212, 138, .1);
    color: #f6d98a;
    font-weight: 600;
}

.table-striped > tbody > tr:nth-of-type(odd),
.table-hover > tbody > tr:hover {
    background: rgba(255, 255, 255, .04);
}

.form-control,
select.form-control,
textarea.form-control,
.input-group-addon,
.input-group-text,
.select2-container--default .select2-selection--single,
.select2-dropdown,
.select2-search__field {
    background: #241836 !important;
    color: #efe8f8 !important;
    border-color: rgba(243, 212, 138, .28) !important;
}

.form-control:focus {
    box-shadow: 0 0 0 2px rgba(243, 212, 138, .18);
}

label,
.control-label,
.help-block,
.text-muted,
.checkbox label,
.radio label {
    color: #d9d0e6;
}

a {
    color: #f3d48a;
}

a:hover,
a:focus {
    color: #ffe7a8;
}

.btn-primary,
.btn-info {
    background: linear-gradient(180deg, #ffe7a3, #d7a441);
    border-color: #c4923a;
    color: #3a2508;
}

.btn-primary:hover,
.btn-info:hover,
.btn-primary:focus,
.btn-info:focus {
    background: #c4923a;
    border-color: #a87a2e;
    color: #3a2508;
}

.btn-default,
.btn-secondary {
    background: #2a1848;
    border-color: rgba(243, 212, 138, .28);
    color: #efe8f8;
}

.btn-default:hover,
.btn-secondary:hover {
    background: #3a2460;
    color: #fff8e8;
}

.dropdown-menu,
.modal-content,
.popover,
.panel,
.panel-default,
.panel-heading,
.panel-body,
.list-group-item,
.well,
.breadcrumb,
.nav-tabs,
.nav-tabs > li > a {
    background: #1c1433;
    color: #efe8f8;
    border-color: rgba(243, 212, 138, .2);
}

.dropdown-menu > li > a,
.nav-tabs > li > a {
    color: #efe8f8;
}

.dropdown-menu > li > a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li > a:hover {
    background: rgba(243, 212, 138, .14);
    color: #f6d98a;
}

.pagination > li > a,
.pagination > li > span {
    background: #241836;
    border-color: rgba(243, 212, 138, .22);
    color: #efe8f8;
}

.pagination > .active > a,
.pagination > .active > span {
    background: #d7a441;
    border-color: #d7a441;
    color: #3a2508;
}

.modal-header,
.modal-footer {
    border-color: rgba(243, 212, 138, .18);
}

.close,
.modal-title {
    color: #f6d98a;
    text-shadow: none;
}

.alert {
    border: 0;
}

hr {
    border-color: rgba(243, 212, 138, .16);
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background: #4a3488;
    border-radius: 8px;
}

.lyear-layout-sidebar,
.lyear-layout-sidebar-scroll,
.sidebar-header,
.sidebar-main,
.sidebar-footer,
.nav-drawer,
.nav-subnav {
    background-color: #1a1030;
    color: #efe8f8;
    box-shadow: none;
}

.sidebar-header {
    background-color: #140a24;
    border-bottom: 1px solid rgba(243, 212, 138, .22);
}

.sidebar-header img,
[data-logobg*='color_'] .sidebar-header img,
[data-logobg='color_9'] .sidebar-header img {
    position: static !important;
    left: auto !important;
    top: auto !important;
    filter: none !important;
    -webkit-filter: none !important;
    background: transparent !important;
    height: 46px !important;
    width: auto !important;
    max-width: 200px !important;
    margin: 10px auto !important;
    display: inline-block !important;
}

.admin-brand {
    display: inline-flex;
    align-items: center;
    height: 60px;
    padding: 0 12px;
}
.admin-brand img {
    height: 36px;
    width: auto;
    max-width: 180px;
    object-fit: contain;
}

.lyear-layout-header,
.lyear-layout-header .navbar,
.lyear-layout-header .navbar-default,
.topbar {
    background-color: #140a24;
    color: #efe8f8;
    border-color: rgba(243, 212, 138, .22);
    box-shadow: none;
}

.mt-nav-bar,
.mt-nav-bar .mt-nav,
.mt-nav-bar .nav-tabs,
.mt-wrapper {
    background: #140a24 !important;
    color: #efe8f8 !important;
    border-color: rgba(243, 212, 138, .22) !important;
    box-shadow: none !important;
}

.lyear-layout-content,
#iframe-content,
.mt-tab-content,
.container-fluid {
    background: #120c22 !important;
    color: #efe8f8;
}

.lyear-aside-toggler .lyear-toggler-bar {
    background: #f3d48a;
}

[data-headerbg^='color_'] .lyear-aside-toggler .lyear-toggler-bar {
    background: #fff !important;
}

[data-headerbg='default'] .lyear-layout-header,
[data-headerbg='default'] .lyear-layout-header .navbar,
[data-headerbg='default'] .topbar {
    background: #fff !important;
    color: #2a2418 !important;
}

[data-headerbg='default'] .topbar a,
[data-headerbg='default'] .topbar span,
[data-headerbg='default'] .topbar-right > li > a {
    color: #2a2418 !important;
}

[data-headerbg='default'] .lyear-aside-toggler .lyear-toggler-bar {
    background: #4d5259 !important;
}

[data-logobg='default'] .sidebar-header {
    background: #fff !important;
    color: #2a2418 !important;
}

[data-sidebarbg='default'] .lyear-layout-sidebar,
[data-sidebarbg='default'] .lyear-layout-sidebar-scroll,
[data-sidebarbg='default'] .sidebar-main,
[data-sidebarbg='default'] .nav-drawer,
[data-sidebarbg='default'] .nav-subnav {
    background: #fff !important;
    color: #2a2418 !important;
}

[data-sidebarbg='default'] .nav-drawer li a,
[data-sidebarbg='default'] .nav-drawer > li > a,
[data-sidebarbg='default'] .nav-subnav > li > a,
[data-sidebarbg='default'] .nav-drawer > li.active > a,
[data-sidebarbg='default'] .nav-drawer > .active > a {
    color: #2a2418 !important;
    background: transparent !important;
    border-color: #d7a441 !important;
}

[data-sidebarbg^='color_'] .nav-drawer > li.active > a,
[data-sidebarbg^='color_'] .nav-drawer > .active > a,
[data-sidebarbg^='color_'] .nav-drawer > li > a:hover,
[data-sidebarbg^='color_'] .nav-subnav > li > a:hover {
    background: rgba(255, 255, 255, .14) !important;
    color: #fff !important;
    border-color: #fff !important;
}

.nav-drawer li a,
.nav-drawer > li > a,
.nav-subnav > li > a,
.topbar a,
.topbar span,
.topbar-right > li > a,
.mt-nav-bar a,
.nav-tabs > li > a {
    color: #efe8f8 !important;
}

.nav-drawer > li.active > a,
.nav-drawer > .active > a,
.nav-drawer > li > a:hover,
.nav-drawer > .active > a:hover,
.nav-subnav > li > a:hover,
.nav-subnav > li.active > a,
[data-sidebarbg*='color_'] .nav-drawer > .active > a,
[data-sidebarbg*='color_'] .nav > li > a:hover {
    background: rgba(243, 212, 138, .16) !important;
    color: #f6d98a !important;
    border-color: #f3d48a !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.mt-dragging-tab > a {
    background: #2a1848 !important;
    color: #f6d98a !important;
    border-color: rgba(243, 212, 138, .35) !important;
}

.mt-close-tab {
    color: #f3d48a;
}

.notice-area,
.notice-layer {
    background: #1c1433 !important;
    color: #efe8f8 !important;
}

.notice-area p,
.notice-area a {
    color: #efe8f8 !important;
    background: transparent !important;
}

.notice-area p:hover,
.notice-area a:hover {
    background: rgba(243, 212, 138, .14) !important;
    color: #f6d98a !important;
}

.login-center,
.lyear-login,
.lyear-wrapper {
    background: #1c1433 !important;
    color: #efe8f8 !important;
}

body .login-center {
    border: 1px solid rgba(243, 212, 138, .28);
}

img {
    background: transparent !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-dropdown,
.select2-search--dropdown,
.select2-results__option {
    background: #241836 !important;
    color: #efe8f8 !important;
    border-color: rgba(243, 212, 138, .28) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"] {
    background: rgba(243, 212, 138, .22) !important;
    color: #f6d98a !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #efe8f8 !important;
}

.layui-layer,
.layui-layer-title,
.layui-layer-content,
.layui-layer-btn {
    background: #1c1433 !important;
    color: #efe8f8 !important;
    border-color: rgba(243, 212, 138, .22) !important;
}

.layui-layer-btn a {
    background: linear-gradient(180deg, #ffe7a3, #d7a441) !important;
    color: #3a2508 !important;
    border: 0 !important;
}

.dropdown-menu,
.dropdown-menu > li > a {
    background: #1c1433 !important;
    color: #efe8f8 !important;
}

.dropdown-menu > li > a:hover {
    background: rgba(243, 212, 138, .16) !important;
    color: #f6d98a !important;
}

.card-header .card-actions button,
div.card-header > ul.card-actions > li > button {
    color: #f6d98a !important;
}

.bg-white,
.bg-light {
    background: #1c1433 !important;
    color: #efe8f8 !important;
}

.drop-title,
.drop-title p,
.dropdown-skin .drop-title {
    color: #f6d98a !important;
}

.form-control::placeholder,
textarea.form-control::placeholder,
.select2-selection__placeholder {
    color: #cbbfe0 !important;
    opacity: 1;
}

select.form-control,
.form-control option,
select option {
    background: #241836;
    color: #efe8f8;
}

.table td,
.table th,
.card,
.card-body,
.panel-body,
.help-block,
.text-muted,
small,
.control-label,
.checkbox label,
.radio label {
    color: #efe8f8;
}

.card.bg-primary,
.card.bg-primary .h6,
.card.bg-primary .h3,
.card.bg-danger,
.card.bg-danger .h6,
.card.bg-danger .h3,
.card.bg-success,
.card.bg-success .h6,
.card.bg-success .h3,
.card.bg-purple,
.card.bg-purple .h6,
.card.bg-purple .h3,
.card .text-white {
    color: #fff !important;
}

.label,
.badge {
    color: #fff8e8;
}

.label-default,
.label-secondary {
    background-color: #3d335c !important;
    color: #fff8e8 !important;
}
.label-warning,
.label-yellow {
    color: #3a2508 !important;
}
.label-primary,
.label-success,
.label-info,
.label-danger,
.label-dark,
.label-purple,
.label-pink,
.label-cyan,
.label-brown {
    color: #fff !important;
}

.table > thead > tr > th {
    color: #f6d98a !important;
}
.table > tbody > tr > td,
.table > tfoot > tr > td {
    color: #efe8f8 !important;
}
.table > tbody > tr > td > a {
    color: #f6d98a !important;
}
.table input,
.table select,
.table textarea,
.table .form-control,
.bootstrap-table .form-control {
    background: #241836 !important;
    color: #efe8f8 !important;
    border: 1px solid rgba(243, 212, 138, .35) !important;
}
.pagination > li > a,
.pagination > li > span {
    background: #241836 !important;
    color: #efe8f8 !important;
    border-color: rgba(243, 212, 138, .25) !important;
}
.text-muted,
.help-block {
    color: #cbbfe0 !important;
}

.topbar .img-avatar.img-avatar-48 {
    width: 48px !important;
    height: 48px !important;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    border: 0;
    background: transparent !important;
    box-shadow: none;
    vertical-align: middle;
}


#logo_bg_9 + label,
#header_bg_9 + label,
#sidebar_bg_9 + label {
    background: #1a1030 !important;
    border: 2px solid #f3d48a !important;
    box-shadow: inset 0 0 0 3px #6b4aa8;
}
.dropdown-skin .dropdown-menu {
    width: 300px;
}
[data-logobg='color_9'] .sidebar-header {
    background: #1a1030;
}
[data-headerbg='color_9'] .lyear-layout-header,
[data-headerbg='color_9'] .topbar {
    background: #140a24;
}
[data-sidebarbg='color_9'] .lyear-layout-sidebar,
[data-sidebarbg='color_9'] .lyear-layout-sidebar-scroll {
    background: #1a1030;
}

.table > thead > tr > td {
    color: #f6d98a !important;
}

.select2-container--default .select2-selection--multiple {
    background: #241836 !important;
    color: #efe8f8 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #3d335c !important;
    border: 1px solid rgba(243, 212, 138, .55) !important;
    color: #fff8e8 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #f6d98a !important;
}

.btn-primary label,
.btn-info label,
.btn-success label,
.btn-warning label,
.btn-danger label,
.btn-default label,
.btn-secondary label {
    color: inherit !important;
}

.daterangepicker,
.bootstrap-datetimepicker-widget,
.datetimepicker,
.datepicker-dropdown,
.layui-laydate {
    background: #fff !important;
    color: #2a2418 !important;
}

.daterangepicker td,
.daterangepicker th,
.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th,
.datetimepicker td,
.datetimepicker th,
.datepicker-dropdown td,
.datepicker-dropdown th,
.layui-laydate-content td,
.layui-laydate-content th {
    color: #2a2418 !important;
}

html.theme-day body,
html.theme-day .lyear-layout-web,
html.theme-day .lyear-layout-container,
html.theme-day .lyear-layout-content,
body.theme-day,
body.theme-day .lyear-layout-web,
body.theme-day .lyear-layout-container,
body.theme-day .lyear-layout-content {
    background: #f4f0fa !important;
    color: #241838 !important;
}

html.theme-day .lyear-layout-sidebar,
html.theme-day .lyear-layout-sidebar .sidebar-main,
body.theme-day .lyear-layout-sidebar,
body.theme-day .lyear-layout-sidebar .sidebar-main {
    background: #ffffff !important;
}

html.theme-day .lyear-layout-sidebar .sidebar-header,
html.theme-day .lyear-layout-header,
html.theme-day .navbar,
html.theme-day .navbar-default,
html.theme-day .navbar-default .topbar,
body.theme-day .lyear-layout-sidebar .sidebar-header,
body.theme-day .lyear-layout-header,
body.theme-day .navbar,
body.theme-day .navbar-default,
body.theme-day .navbar-default .topbar {
    background: #ffffff !important;
    color: #241838 !important;
    border-color: rgba(90, 60, 140, .16) !important;
}

html.theme-day .nav-drawer > li > a,
html.theme-day .nav-drawer .nav-item > a,
html.theme-day .nav-sub > li > a,
html.theme-day .nav-drawer li a,
html.theme-day .navbar-default .navbar-nav > li > a,
html.theme-day .lyear-layout-header a,
html.theme-day .topbar,
html.theme-day .topbar a,
html.theme-day .topbar span,
body.theme-day .nav-drawer > li > a,
body.theme-day .nav-drawer .nav-item > a,
body.theme-day .nav-sub > li > a,
body.theme-day .nav-drawer li a,
body.theme-day .topbar,
body.theme-day .topbar a,
body.theme-day .topbar span {
    color: #241838 !important;
}

html.theme-day .nav-drawer > li.active > a,
html.theme-day .nav-drawer > li > a:hover,
html.theme-day .nav-drawer .nav-item.active > a,
html.theme-day .nav-sub > li.active > a,
html.theme-day .nav-sub > li > a:hover,
body.theme-day .nav-drawer > li.active > a,
body.theme-day .nav-drawer > li > a:hover,
body.theme-day .nav-sub > li.active > a,
body.theme-day .nav-sub > li > a:hover {
    background: rgba(90, 60, 140, .1) !important;
    color: #5b3d91 !important;
}

html.theme-day .card:not(.bg-primary):not(.bg-danger):not(.bg-success):not(.bg-info):not(.bg-warning):not(.bg-purple):not(.bg-dark),
body.theme-day .card:not(.bg-primary):not(.bg-danger):not(.bg-success):not(.bg-info):not(.bg-warning):not(.bg-purple):not(.bg-dark) {
    background: #ffffff !important;
    color: #241838 !important;
    border-color: rgba(90, 60, 140, .16) !important;
}

html.theme-day .card-header,
html.theme-day .card-footer,
body.theme-day .card-header,
body.theme-day .card-footer {
    background: #f7f3fb !important;
    color: #241838 !important;
}

html.theme-day .table,
html.theme-day .table th,
html.theme-day .table td,
body.theme-day .table,
body.theme-day .table th,
body.theme-day .table td {
    background: #ffffff !important;
    color: #241838 !important;
    border-color: #eadff5 !important;
}

html.theme-day .form-control,
html.theme-day .dropdown-menu,
html.theme-day .modal-content,
body.theme-day .form-control,
body.theme-day .dropdown-menu,
body.theme-day .modal-content {
    background: #ffffff !important;
    color: #241838 !important;
    border-color: #eadff5 !important;
}

html.theme-day .dropdown-menu > li > a,
body.theme-day .dropdown-menu > li > a {
    color: #241838 !important;
}

.zs-theme-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin: 0 6px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}

.zs-theme-btn img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: block;
}