:root {
    --oms-console-navy: #071f4d;
    --oms-console-navy-soft: #0b3775;
    --oms-console-blue: #1677ff;
    --oms-console-cyan: #43c5ff;
    --oms-console-bg: #f1f7ff;
    --oms-console-border: #d9e8fb;
    --oms-console-text: #173a70;
}

body {
    color: var(--oms-console-text);
    background-color: var(--oms-console-bg);
}

.layuimini-container {
    border-color: var(--oms-console-border);
    border-radius: 9px;
    box-shadow: 0 8px 24px rgba(31, 91, 166, .07);
}

.layui-form-pane .layui-form-label,
.layui-input,
.layui-select,
.layui-textarea,
.layui-table,
.layui-table td,
.layui-table th,
.layui-table-view,
.layui-table-header {
    border-color: var(--oms-console-border);
}

.layui-table thead tr,
.layui-table-header,
.layui-table-tool,
.layui-table-total {
    background-color: #f6faff;
}

.layui-table tbody tr:hover,
.layui-table-hover {
    background-color: #eef6ff !important;
}

.layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-warm):not(.layui-btn-disabled) {
    color: #fff;
    background-color: var(--oms-theme-color, var(--oms-console-blue));
    border-color: var(--oms-theme-color, var(--oms-console-blue));
}

.layui-btn-primary:not(.layui-btn-danger):not(.layui-btn-warm) {
    color: #0b5fc7;
    background-color: #fff;
    border-color: #bdd8f8;
}

.layui-btn-primary:not(.layui-btn-danger):not(.layui-btn-warm):hover,
.layui-btn-primary:not(.layui-btn-danger):not(.layui-btn-warm):focus {
    color: #064da9;
    background-color: #eef6ff;
    border-color: #82b8f5;
    opacity: 1;
}

.layui-btn > .layui-icon {
    color: inherit;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em,
.layui-form-select dl dd.layui-this,
.layui-form-checked[lay-skin=primary] i,
.layui-form-onswitch {
    background-color: var(--oms-theme-color, var(--oms-console-blue));
}

.layui-laypage a:hover,
.layui-tab-brief > .layui-tab-title .layui-this,
.card .header h3,
.card .body .em {
    color: var(--oms-theme-color, var(--oms-console-blue));
}

body.layui-layout-body {
    margin: 0;
    background: var(--oms-console-bg);
}

.layui-layout.layui-layout-admin .layui-header.header {
    background-color: var(--oms-console-navy) !important;
    background-image: linear-gradient(90deg, rgba(5, 28, 71, .98), rgba(10, 63, 132, .9)), url('/index.bng.png') !important;
    background-position: center 42% !important;
    background-size: cover !important;
    box-shadow: 0 2px 14px rgba(1, 24, 65, .28);
}

.layui-layout.layui-layout-admin .layui-logo {
    background: rgba(4, 25, 62, .96) !important;
    box-shadow: inset -1px 0 rgba(90, 164, 255, .16) !important;
}

.layui-layout.layui-layout-admin .layui-logo img {
    width: 38px;
    height: 38px;
}

.layui-layout.layui-layout-admin .layui-logo h1 {
    color: #f4f9ff;
    letter-spacing: .3px;
}

.layui-layout.layui-layout-admin .layuimini-tool i {
    color: #8bd2ff;
    font-size: 18px;
}

.layui-layout.layui-layout-admin .layuimini-tool i:hover {
    color: #fff;
    background: rgba(45, 140, 255, .28) !important;
}

.layui-layout.layui-layout-admin .layui-header .layui-nav-item > a,
.layui-layout.layui-layout-admin .layui-header .layui-nav-item > a i {
    color: #e7f3ff !important;
}

.layui-layout.layui-layout-admin .layui-header .layui-nav-item > a:hover {
    background: rgba(45, 140, 255, .18);
}

.layui-layout.layui-layout-admin .layui-side.layui-bg-black,
.layui-layout.layui-layout-admin .layui-side.layui-bg-black > .layui-left-menu > ul {
    background-color: var(--oms-console-navy) !important;
    background-image: linear-gradient(180deg, rgba(5, 31, 76, .97), rgba(6, 41, 92, .92)), url('/index.bng.png') !important;
    background-position: left bottom !important;
    background-size: auto 100% !important;
}

.layui-layout.layui-layout-admin .layui-side .layui-nav-tree .layui-nav-item > a {
    color: #d5e9ff;
}

.layui-layout.layui-layout-admin .layui-side .layui-nav-tree .layui-nav-item > a i {
    width: 25px;
    color: #69baff;
    font-size: 18px;
    text-align: center;
}

.layui-layout.layui-layout-admin .layui-side .layui-nav-tree .layui-nav-child a {
    color: #bddaff;
    background: rgba(3, 26, 66, .35);
}

.layui-layout.layui-layout-admin .layui-side .layui-nav-tree a:hover {
    color: #fff;
    background: rgba(28, 107, 218, .28) !important;
}

.layui-layout.layui-layout-admin .layui-side .layui-nav-tree .layui-this,
.layui-layout.layui-layout-admin .layui-side .layui-nav-tree .layui-this > a,
.layui-layout.layui-layout-admin .layui-side .layui-nav-tree .layui-nav-child dd.layui-this,
.layui-layout.layui-layout-admin .layui-side .layui-nav-tree .layui-nav-child dd.layui-this > a {
    color: #fff !important;
    background: linear-gradient(90deg, #1888ff, #0c56c5) !important;
    box-shadow: inset 4px 0 0 var(--oms-console-cyan);
}

.layui-layout.layui-layout-admin .layui-side .layui-nav-tree .layui-this i,
.layui-layout.layui-layout-admin .layui-side .layui-nav-tree .layui-nav-itemed > a i {
    color: #fff;
}

.layui-layout.layui-layout-admin .layui-side .layui-nav-more {
    border-top-color: #79c7ff;
}

.layui-layout.layui-layout-admin .layui-side .layui-nav-mored,
.layui-layout.layui-layout-admin .layui-side .layui-nav-itemed > a .layui-nav-more {
    border-color: transparent transparent #79c7ff;
}

.layui-layout.layui-layout-admin .layui-body {
    background: var(--oms-console-bg);
}

.layui-layout.layui-layout-admin #top_tabs_box {
    height: 44px;
    border-color: var(--oms-console-border);
    background: #f5f9ff;
    box-shadow: 0 3px 12px rgba(34, 91, 163, .06);
}

.layui-layout.layui-layout-admin #top_tabs_box > .layui-tab-title,
.layui-layout.layui-layout-admin #top_tabs_box > .closeBox {
    height: 44px !important;
}

.layui-layout.layui-layout-admin #top_tabs_box > .layui-tab-title > li,
.layui-layout.layui-layout-admin #top_tabs_box > .closeBox > li {
    line-height: 44px !important;
}

.layui-layout.layui-layout-admin #top_tabs_box > .layui-tab-title > li {
    margin: 4px 2px 0;
    height: 36px;
    line-height: 36px !important;
    color: #5d7fa8;
    border: 1px solid #d9e8fb;
    border-radius: 6px 6px 0 0;
    background: rgba(255, 255, 255, .64);
}

.layui-layout.layui-layout-admin #top_tabs_box > .layui-tab-title > li.layui-this {
    color: #0d56be;
    background: #fff;
    box-shadow: 0 -2px 10px rgba(22, 119, 255, .08);
}

.layui-layout.layui-layout-admin #top_tabs_box > .layui-tab-title > .layui-this:after {
    margin-top: 34px;
    height: 3px;
    background: var(--oms-console-blue);
}

.layui-layout.layui-layout-admin #top_tabs_box > .closeBox {
    color: #25558c;
    border-color: var(--oms-console-border);
    background: #f7fbff !important;
}

.layui-layout.layui-layout-admin .clildFrame.layui-tab-content {
    top: 44px;
}