/*
html {
    background-color: #2A2B38;
}

body {
    color: #EDECEA;
    background-color: #2A2B38;
}

.layui-fluid {
    background-color: #2A2B38;
}

.layui-card-body {
    background-color: #3A3C49;
}

div {
    color: #EDECEA;
    background-color: #3A3C49;
}

.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
    border-width: 1px;
    border-style: solid;
    border-color: #4B495C;
}

input {
    color: #ACACAC;
    background-color: #2E2F3A;
    border: 1px solid #565465;
}

.layui-input {
    background-color: #2E2F3A;
    border-color: #565465;
}
.layui-input:focus {
    border-color: #f0f0f0;
}

.layui-laypage input {
    color: #ACACAC;
    background-color: #2E2F3A;
    border-color: #565465;
}

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

.layui-laypage button {
    background-color: #009688;
    border: 1px solid #009688;
    color: #ffffff;
}

.layui-laypage .layui-laypage-skip {
    color: #EDECEA;
}
.layui-laypage span {
    color: #EDECEA;
}
.layui-select {
    border-color: #565465;
    color: #ACACAC;
    background-color: #2E2F3A;
}

.layui-laypage select {
    border-color: #565465;
}

select {
    border: 1px solid #565465;
    color: #ACACAC;
    background-color: #2E2F3A;
}

input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #2E2F3A inset !important;
}
input:-webkit-autofill:focus {
    box-shadow: 0 0 0px 1000px #2E2F3A inset !important;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #ACACAC !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

thead {
    color: #EDECEA;
    background-color: #444552;
}
thead tr{
    color: #EDECEA;
    background-color: #444552;
}
.layui-table thead tr {
    color: #EDECEA;
    background-color: #444552;
}

.layui-table thead tr div {
    color: #EDECEA;
    background-color: #444552;
}

.layui-table-header {
    color: #EDECEA;
    background-color: #444552;
}

.layui-table tbody tr {
    color: #ACACAC;
    background-color: #3a3c49;
}

.layui-table tbody tr div {
    color: #ACACAC;
    background-color: #3a3c49;
}

.layui-table tbody tr:hover {
    color: #ACACAC;
    background-color: #2a2a2a;
}
.layui-table tbody tr:hover div {
    color: #ACACAC;
    background-color: #2a2a2a;
}

.layui-table tbody tr:hover .layui-form-switch {
    background-color: #5FB878;
}
.layui-btn-primary {
    border: 1px solid #444552;
    background-color: #6495ED;
    color: #ffffff;
}

.layui-btn-primary:hover {
    border-color: #444552;
    color: #ffffff;
    background-color: #6495ED;
}

.layui-table tbody tr .layui-form-switch {
   background-color: #5FB878;
}

.layui-layer.layui-layer-admin {
    border: 1px solid #8E8E8E !important;
    background-color: #3a3d49;

}

.layui-table-page {
    margin-bottom: 0;
}

.login-wrapper {
    background-color: transparent;
}

.login-body {
    padding: 0;
    background-color: transparent;
    position: fixed;
    width: 320px;
    margin-left: calc(50% - 160px);
    top: 50%;
    transform: translateY(-50%);
}

.login-body .layui-card-header {
    color: #fbfbfb;
    background-color: #626569;
    border-color: #626569;
}
.login-body .layui-card-body {
    padding: 8px 20px 12px 20px;
    background-color: #626569;
}

.login-footer {
    background-color: transparent;
}

.login-header {
    color: #eeeeee !important;
    background-color: transparent;
}

.layui-form-pane .layui-form-label {
    border: 1px solid #565465;
    background-color: #2e2f3a;
}

.layui-form-pane .layui-input-block {
    left: 0;
}

.login-body .layui-card-body .layui-btn:hover {
    color: #000000;
}

.login-body .layui-card-body .layui-btn {
    color: #000000;
    background-color: #b1b1b1;
}

.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    background-color: #2a2b38;
    top: 38px;
}

.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    background-color: #2a2b38;
    top: 38px;
}

.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title {
    background-color: #3a3d49;
}

.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this {
    background-color: #2a2b38;
}

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

.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title .layui-this {
    border-radius: 8px 8px 0 0;
    background-color: #2a2b38;
    color: #ffffff;
}

.layui-layout-admin .layui-body .layui-icon-prev {
    background-color: #3a3d49;
}

.layui-layout-admin .layui-body .layui-icon-next {
    background-color: #3a3d49;
}

#user-click-btn {
    background-color: #3a3d49;
}

#dashboard-div {
    background-color: #2A2B38;
}


.xm-select-parent .xm-form-select dl {
    background-color: #3a3d49;

}
.xm-select-parent .xm-form-select dl dd {
    background-color: #3a3d49 !important;
}

.xm-select-tips[style]:hover{
    background-color: #3a3d49 !important;
}

.xm-form-checkbox > span {
    color: whitesmoke !important;
}

.ztree li a {
    color: white !important;
}

div[xm-select-skin=default] .xm-select-title div.xm-select-label>span {
    background-color: #3a3d49;
    color: white;
    border: 1px solid #F0F2F5;
}

.layui-input, .layui-select, .layui-textarea {
    background-color: #2e2f3a;
    border-color: #565465;
    color: #edecea;
}


.layui-input-block .layui-form-select dl {
    background-color: #3a3d49;

}

.ztree li a.curSelectedNode {
    background-color: #000000 !important;
}

.layui-form-item .layui-input-block .layui-form-select dl dd:hover {
    background-color: #5FB878;
}

.laydate-footer-btns span {
    background-color: #3a3c49;
}

.dropdown-menu-nav {
    background: #3a3d49 !important;
}

.dropdown-menu-nav > li > a {
    color: #ffffff !important;
    background-color: #3a3d49 !important;
}

.dropdown-menu-nav > li > a:hover {
    background-color: #393939 !important;
}

.layui-nav-child {
    background-color: #393939;
}

.layui-layout-admin .layui-header .layui-nav-child a {
    color: #f2f2f2 !important;
}

.layui-layout-admin .layui-header .layui-nav-child a:hover {
    background-color: #393939 !important;
}

.bg-white {
    background-color: #3a3d49 !important;
}

.layui-form.model-form {
    background-color: #3a3d49;
}

.ctxMenu, .ctxMenu-sub {
    background: #3a3c49 !important;
}

.ctxMenu-item > a {
    color: #ffffff !important;
}

.ctxMenu-item > a:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

.ctxMenu-item > a > .ctx-icon {
    color: #ffffff !important;
}

.ECalendarBox ul.day {
    border: 10px solid #2d3e50;
}
*/