/** loader */
.pear-admin-dark .loader-wrapper,
.pear-admin-dark .loader-wrapper .loader {
    background-color: #141414;
}

/** layout */
.pear-admin-dark .layui-layout {
    background-color: #141414;
}

/** header */
.pear-admin-dark .layui-header,
.pear-admin-dark .layui-header .layui-logo {
    background-color: #141414 !important;
    box-shadow: none !important;
    border: none !important;
}
.pear-admin-dark .layui-header.auto-theme,
.pear-admin-dark .layui-header.auto-theme .layui-logo {
    background-color: var(--global-primary-color) !important;
}

.pear-admin-dark .layui-header.auto-theme .layui-logo .title {
    color: #ffffff !important;
}

.pear-admin-dark .layui-header {
    border: 1px solid rgba(0, 0, 0, .40) !important;
}

.pear-admin-dark .layui-header .layui-nav * {
    color: #ffffff !important;
}

.pear-admin-dark .layui-header .layui-nav .layui-nav-child {
    box-shadow: 0 3px 4px rgba(0, 0, 0, .6) !important;
    background-color: #141414;
    border-color: #141414;
}

.pear-admin-dark .layui-header .layui-nav .layui-nav-child dd > a:hover {
    background-color: #141414 !important;
}

.pear-admin-dark .layui-header .pear-nav-control .layui-this a{
    background-color: #0c0c0c !important;
}

.pear-admin-dark .auto-theme .layui-logo .title{
    color: var(--global-primary-color) !important;
}

/** side */
.pear-admin-dark .layui-side {
    box-shadow: 0 3px 4px rgba(0, 0, 0, .6) !important;
    --nav-top-text: rgba(255, 255, 255, 0.82);
    --nav-top-hover-text: #ffffff;
    --nav-top-hover-bg: rgba(255, 255, 255, 0.05);
    --nav-top-hover-border: transparent;
    --nav-top-expanded-bg: rgba(255, 255, 255, 0.07);
    --nav-top-expanded-border: transparent;
    --nav-sub-panel-bg: transparent;
    --nav-sub-panel-border: transparent;
    --nav-guide-line: rgba(255, 255, 255, 0.16);
    --nav-guide-line-soft: rgba(255, 255, 255, 0.10);
    --nav-sub-text: rgba(255, 255, 255, 0.72);
    --nav-sub-hover-text: #ffffff;
    --nav-sub-hover-bg: rgba(255, 255, 255, 0.07);
    --nav-sub-hover-border: transparent;
    --nav-selected-bg: rgba(255, 255, 255, 0.08);
    --nav-selected-overlay: none;
    --nav-selected-shadow: none;
    --nav-expanded-shadow: none;
    --nav-panel-shadow: none;
    --nav-dot-color: rgba(255, 255, 255, 0.28);
    --nav-dot-selected: var(--global-primary-color);
    --nav-dot-ring: transparent;
    --nav-arrow-color: rgba(255, 255, 255, 0.54);
}

.pear-admin-dark .layui-logo {
    border-color: rgba(0, 0, 0, .30) !important;
}

.pear-admin-dark .layui-side .layui-logo,
.pear-admin-dark .layui-side .layui-side-scroll, 
.pear-admin-dark .layui-side .layui-side-scroll .layui-nav-tree{
    background-color: #141414 !important;
}

.pear-admin-dark .layui-side .layui-side-scroll .layui-nav-tree .layui-nav-child {
    background: var(--nav-sub-panel-bg) !important;
}

.pear-admin-dark .layui-side .pear-nav-tree > .layui-nav-item > a {
    color: var(--nav-top-text) !important;
}

.pear-admin-dark .layui-side .pear-nav-tree > .layui-nav-item > a:hover,
.pear-admin-dark .layui-side .pear-nav-tree > .layui-nav-item.layui-nav-itemed > a {
    color: var(--nav-top-hover-text) !important;
}

.pear-admin-dark .layui-side .pear-nav-tree > .layui-nav-item > .layui-nav-child {
    background: var(--nav-sub-panel-bg) !important;
    border-color: var(--nav-sub-panel-border) !important;
    box-shadow: none;
}

.pear-admin-dark .layui-side .pear-nav-tree .layui-nav-child dd > a {
    color: var(--nav-sub-text) !important;
}

.pear-admin-dark .layui-side .pear-nav-tree > .layui-nav-item > .layui-nav-child > dd > dl {
    border-left-color: transparent !important;
}

.pear-admin-dark .layui-side .pear-nav-tree .layui-nav-child dd > a:hover {
    color: var(--nav-sub-hover-text) !important;
}

.pear-admin-dark .layui-side .layui-side-scroll .layui-nav .layui-nav-item a,
.pear-admin-dark .layui-side .layui-side-scroll .layui-nav .layui-nav-item a > .layui-nav-more {
    color: rgba(255,255,255,.7) !important;
}

.pear-admin-dark .layui-side .layui-side-scroll .layui-nav .layui-nav-child dd.layui-this a,
.pear-admin-dark .layui-side .layui-side-scroll .layui-nav .layui-nav-itemed > a,
.pear-admin-dark .layui-side .layui-side-scroll .layui-nav .layui-nav-itemed > a > .layui-nav-more,
.pear-admin-dark .layui-side .layui-side-scroll .layui-nav .layui-nav-item > a:hover {
    color: #ffffff !important;
}

.pear-admin-dark .layui-side .pear-nav-tree .layui-nav-child dd.layui-this > a,
.pear-admin-dark .layui-side .pear-nav-tree .layui-this > a {
    box-shadow: none;
}

/** body */
.pear-admin-dark .layui-body,
.pear-admin-dark .layui-body .pear-tab-page-loading,
.pear-admin-dark .layui-body .pear-page-loading {
    background-color: #0a0a0a !important;
}

.pear-admin-dark .layui-body .layui-tab .layui-tab-title,
.pear-admin-dark .layui-body .layui-tab .layui-tab-title li,
.pear-admin-dark .layui-body .layui-tab .layui-tab-control li {
    background-color: #141414 !important;
    border-color:rgba(0, 0, 0, .30) !important;
    color: #ffffff;
}

.pear-admin-dark .layui-body .layui-tab .layui-tab-title li > span:first-child {
    background-color: #434343;
}

.pear-admin-dark .layui-body .layui-tab .layui-nav-child.layui-anim {
    border-color: #141414;
    background-color: #141414 !important;
}

.pear-admin-dark .layui-body .layui-tab .layui-nav-child.layui-anim a {
    color: #ffffff;
}

.pear-admin-dark .layui-body .layui-tab .layui-nav-child.layui-anim a:hover {
    background-color: #0a0a0a;
}

.pear-admin-dark .layui-body .layui-tab .layui-tab-close:hover {
    border-radius: 50%;
    background-color: #0a0a0a !important;
}

.pear-admin-dark .pear-tab-page-menu ul li {
    color: #ffffff !important;
}

.pear-admin-dark .layui-footer {
    background-color: #141414;
    border-top: 1px solid #141414;
}

/** theme */
.pear-admin-dark .set-text,
.pear-admin-dark .select-color-title,
.pear-admin-dark .color-title {
    color: #ffffff;
}

/** search */
.pear-admin-dark .menu-search-no-data {
    color: #ffffff;
}

.pear-admin-dark .menu-search-tips * {
    color: #ffffff;
}

.pear-admin-dark .menu-search-tips kbd {
    border-color: rgba(0, 0, 0, .30) !important;
}

.pear-admin-dark .menu-search-list li{
    background-color:#141414;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .6) !important;
    color: #ffffff;
}

.pear-admin-dark .menu-search-list li:hover{
    background-color:var(--global-primary-color) !important;
}


/** message center */
.pear-admin-dark .pear-message-center .layui-tab-title,
.pear-admin-dark .pear-message-center .message-item {
    border-color: rgba(0, 0, 0, .30) !important;
    color: #ffffff;
}

/** button */
.pear-admin-dark .layui-btn {
    color: #ffffff;
    border-color: #4C4D4F;
}

/** layer */
.pear-admin-dark .layui-layer {
    background-color: #141414;
}

.pear-admin-dark .layui-layer-msg {
    border-color: #141414;
}

.pear-admin-dark .layui-layer-msg .layui-layer-content {
    color: #E5EAF3;
}

.pear-admin-dark .layui-layer .layui-layer-setwin > span,
.pear-admin-dark .layui-layer .layui-layer-title {
    color: #ffffff;
}

/** card */
.pear-admin-dark .layui-card {
    background-color: #1d1e1f !important;
}

.pear-admin-dark .layui-card .layui-card-header {
    border-bottom-color: #414243;
    color: #ffffff;
}

.pear-admin-dark .layui-card .layui-card-body {
    color: #ffffff;
}

/** input */
.pear-admin-dark .layui-input {
    background-color: transparent;
    color: #ffffff;
    border-color: rgba(0, 0, 0, .30) !important;
}

/** switch */
.pear-admin-dark .layui-form-switch {
    border-color: #484849;
    background-color: rgba(255,255,255,.08);
}

/** table */
.pear-admin-dark .layui-table {
    background-color: transparent;
}

.pear-admin-dark .layui-table-body::-webkit-scrollbar,
.pear-admin-dark .layui-table-view::-webkit-scrollbar,
.pear-admin-dark .layui-table-box::-webkit-scrollbar,
.pear-admin-dark .layui-table-fixed .layui-table-body::-webkit-scrollbar,
.pear-admin-dark .layui-table-fixed-l .layui-table-body::-webkit-scrollbar,
.pear-admin-dark .layui-table-fixed-r .layui-table-body::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
}

.pear-admin-dark .layui-table-view:hover::-webkit-scrollbar,
.pear-admin-dark .layui-table-view:hover .layui-table-body::-webkit-scrollbar,
.pear-admin-dark .layui-table-view:hover .layui-table-box::-webkit-scrollbar,
.pear-admin-dark .layui-table-body:hover::-webkit-scrollbar,
.pear-admin-dark .layui-table-fixed .layui-table-body:hover::-webkit-scrollbar,
.pear-admin-dark .layui-table-fixed-l .layui-table-body:hover::-webkit-scrollbar,
.pear-admin-dark .layui-table-fixed-r .layui-table-body:hover::-webkit-scrollbar {
    width: 16px !important;
    height: 16px !important;
}

.pear-admin-dark .layui-table-body::-webkit-scrollbar-track,
.pear-admin-dark .layui-table-view::-webkit-scrollbar-track,
.pear-admin-dark .layui-table-box::-webkit-scrollbar-track,
.pear-admin-dark .layui-table-fixed .layui-table-body::-webkit-scrollbar-track,
.pear-admin-dark .layui-table-fixed-l .layui-table-body::-webkit-scrollbar-track,
.pear-admin-dark .layui-table-fixed-r .layui-table-body::-webkit-scrollbar-track {
    background: #1a1a1a;
    border-radius: 999px;
}

.pear-admin-dark .layui-table-body::-webkit-scrollbar-thumb,
.pear-admin-dark .layui-table-view::-webkit-scrollbar-thumb,
.pear-admin-dark .layui-table-box::-webkit-scrollbar-thumb,
.pear-admin-dark .layui-table-fixed .layui-table-body::-webkit-scrollbar-thumb,
.pear-admin-dark .layui-table-fixed-l .layui-table-body::-webkit-scrollbar-thumb,
.pear-admin-dark .layui-table-fixed-r .layui-table-body::-webkit-scrollbar-thumb {
    background: #3b4149;
    border-radius: 999px;
    border: 1px solid #1a1a1a;
}

.pear-admin-dark .layui-table-view:hover::-webkit-scrollbar-thumb,
.pear-admin-dark .layui-table-view:hover .layui-table-body::-webkit-scrollbar-thumb,
.pear-admin-dark .layui-table-view:hover .layui-table-box::-webkit-scrollbar-thumb,
.pear-admin-dark .layui-table-body:hover::-webkit-scrollbar-thumb,
.pear-admin-dark .layui-table-fixed .layui-table-body:hover::-webkit-scrollbar-thumb,
.pear-admin-dark .layui-table-fixed-l .layui-table-body:hover::-webkit-scrollbar-thumb,
.pear-admin-dark .layui-table-fixed-r .layui-table-body:hover::-webkit-scrollbar-thumb {
    background: #566170;
}

.pear-admin-dark .layui-table-body::-webkit-scrollbar-thumb:hover,
.pear-admin-dark .layui-table-view::-webkit-scrollbar-thumb:hover,
.pear-admin-dark .layui-table-box::-webkit-scrollbar-thumb:hover,
.pear-admin-dark .layui-table-fixed .layui-table-body::-webkit-scrollbar-thumb:hover,
.pear-admin-dark .layui-table-fixed-l .layui-table-body::-webkit-scrollbar-thumb:hover,
.pear-admin-dark .layui-table-fixed-r .layui-table-body::-webkit-scrollbar-thumb:hover {
    background: #667383;
}

.pear-admin-dark .layui-table-body::-webkit-scrollbar-corner,
.pear-admin-dark .layui-table-view::-webkit-scrollbar-corner,
.pear-admin-dark .layui-table-box::-webkit-scrollbar-corner,
.pear-admin-dark .layui-table-fixed .layui-table-body::-webkit-scrollbar-corner,
.pear-admin-dark .layui-table-fixed-l .layui-table-body::-webkit-scrollbar-corner,
.pear-admin-dark .layui-table-fixed-r .layui-table-body::-webkit-scrollbar-corner {
    background: #1a1a1a;
}

.pear-admin-dark .layui-table tr:hover {
    background-color: #141414 !important;
}

.pear-admin-dark .layui-table td, 
.pear-admin-dark .layui-table th,
.pear-admin-dark .layui-table-view,
.pear-admin-dark .layui-table-page,
.pear-admin-dark .layui-table-tool,
.pear-admin-dark .layui-table-header {
    border-color: rgba(0, 0, 0, .40) !important;
}

.pear-admin-dark .layui-table-tool-self > div {
    border-color: rgba(0, 0, 0, .40) !important;
    color: #ffffff !important;
    background-color: transparent; 
}

.pear-admin-dark .layui-laypage select,
.pear-admin-dark .layui-laypage button {
    border-color: rgba(0, 0, 0, .40) !important;
    color: #ffffff !important;
    background-color: transparent; 
}

.pear-admin-dark .layui-laypage a,
.pear-admin-dark .layui-laypage-spr,
.pear-admin-dark .layui-laypage-skip,
.pear-admin-dark .layui-laypage-count {
    color: #ffffff;
}

.pear-admin-dark .layui-laypage-limits option {
    background-color: #141414 !important;
    color: #ffffff;
}

/** panel */
.pear-admin-dark .layui-panel {
    background-color: #1d1e1f !important;
    border-color: #1d1e1f !important;
}

/** menu */
.pear-admin-dark .layui-menu {
    background-color: #1d1e1f !important;
}

.pear-admin-dark .layui-menu .layui-menu-body-title,
.pear-admin-dark .layui-menu .layui-menu-body-title:hover  {
    color: #ffffff;
    background-color: #1d1e1f !important;
}

/** timeline */
.pear-admin-dark .layui-timeline-axis {
    background-color: rgb(29, 30, 31) !important;
}

.pear-admin-dark .layui-timeline-item:before {
    background-color: #414243 !important;
}


/** toast */
.pear-admin-dark .iziToast {
    background-color: #1f1f1f !important;
}

/** console */

.pear-admin-dark .deputy,
.pear-admin-dark .shortcut-menu {
    background-color: #141414 !important;
}

.pear-admin-dark .deputy:hover,
.pear-admin-dark .shortcut-menu:hover {
    box-shadow: 0 3px 4px rgba(0, 0, 0, .6) !important;
}

.pear-admin-dark .message-board li {
    border-bottom: 1px solid rgba(0, 0, 0, .40) !important;
}

/** analysis */
.pear-admin-dark .top-panel-number {
    color: #ffffff !important;
    border-color: #414243;
}


.pear-admin-dark .dynamic-status dd {
    border-color: #414243;
}

/** success failure */
.pear-admin-dark .pear-result .content {
    background-color: rgba(153, 153, 153, 0.12);
    color: #E5EAF3;
}

.pear-admin-dark .pear-result .title{
    color: #ffffff;
}

.pear-admin-dark .pear-result .description{
    color: #8D9095;
}

/** 403 404 500*/
.pear-admin-dark .pear-exception .title p{
    color: #E5EAF3 !important;
}

/** scroll */
.pear-admin-dark *::-webkit-scrollbar-thumb {
	background: #141414;
	border-radius: 4px;
}

.pear-admin-dark *::-webkit-scrollbar-thumb:hover {
	background: #0a0a0a;
}

/** profile */
.pear-admin-dark .user-name,
.pear-admin-dark .user-desc {
    color: whitesmoke;
}

.pear-admin-dark .user-desc {
    border-top: 1px solid #141414;
}