body,
html {
    background-color: #fafafa;
}

.ax-admin {
    height: calc(100% - 50px);
}

.ax-admin header2 {
    /*0070f0*/
    background-color: #004e8e;
}

.ax-admin nav {
    background-color: #263238;
}

.ax-admin header2 .ax-breadcrumb {
    height: 50px;
    line-height: 50px;
    padding-left: 1.4rem;
}

.ax-admin header2 a {
    color: #e5eaec;
}

.ax-admin header2 .ax-header-icons a {
    color: #e5eaec;
    font-size: 1.6rem;
    float: left;
    width: 3.6rem;
    line-height: 50px;
    text-align: center;
    position: relative;
    transition: all 0.2s linear;
}

.ax-admin header2 .ax-header-icons a:hover {
    /*738892 96a8b1*/
    color: #96a8b1;
}

.ax-admin header2 .ax-header-icons a .ax-dot {
    position: absolute;
    right: 0.4rem;
    top: 1rem;
}

.ax-header-icons a .ax-badge {
    position: absolute;
    right: 0px;
    top: 0.6rem;
}

.ax-admin header2 .ax-header-search {
    position: relative;
    margin: calc((50px - 2.8rem)/2);
}

.ax-admin header2 .ax-header-search input[type="text"] {
    height: 2.8rem;
    line-height: 2.8rem;
}

.ax-admin header2 .ax-header-search *[class*="font"] {
    font-size: 1.2rem;
    color: #ccc;
    width: 2.8rem;
    height: 2.8rem;
    line-height: 2.8rem;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.ax-admin header2 .ax-header-search *[class*="font"]:hover {
    color: #198cff;
    font-size: 1.4rem;
}

.ax-admin header2 .ax-header-user {
    margin: calc((50px - 2.8rem)/2);
}

.ax-admin nav .ax-nav-header .ax-logo {
    line-height: 45px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    margin-left: 21px;
}

.layui-layer-title {
    background-color: #F1F1F1;
}

.inner {
    padding: 15px 25px 15px 25px;
}

.layui-laydate-content td,
.layui-laydate-content th {
    padding: 0px !important;
}

.ax-form-label {
    width: 20rem;
}

.ax-table td {
    padding: 1rem 0.5rem;
}

.ax-btn.ax-primary,
.ax-btn.ax-reverse.ax-primary {
    background-color: #00a0e9;
}

.ax-menu.ax-menu-dark a[aria-expanded="childless"] {
    color: #00a0e9;
}

.ax-menu li:hover>a[aria-expanded="childless"] .ax-name,
.ax-menu li:hover>a[aria-expanded="childless"] .ax-legend {
    color: #00a0e9;
}

.ax-menu>li:before {
    background-color: #00a0e9;
}

.ax-pagination a:not(.ax-total)[class*='active'],
.ax-pagination [class*='selected'] a:not(.ax-total),
.ax-pagination [class*='active'] a:not(.ax-total) {
    background-color: #00a0e9;
    border-color: #00a0e9;
}

input:not([readonly]):not([disabled]):not([class*="ax-check"]):not([class*="ax-btn"]):hover,
textarea:not([readonly]):not([disabled]):not([class*="ax-check"]):hover {
    border-color: rgba(0, 160, 233, 0.5);
}

.ax-pagination a:not(.ax-total):hover {
    color: #00a0e9;
    border-color: #00a0e9;
}

.ax-btn:hover {
    color: #00a0e9;
}

.ax-btn:hover:after {
    border-color: #00a0e9;
}

.ax-btn.ax-primary:hover,
.ax-btn.ax-reverse.ax-primary:hover {
    background-color: #00a0e9;
}

input.ax-btn:hover,
button.ax-btn:hover {
    border-color: #00a0e9;
    color: #00a0e9;
}

.ax-radio span:after {
    background-color: #00a0e9;
}

.ax-radio input[type="radio"]:checked+span:after {
    border-color: #00a0e9;
}

.ax-radio input[type="radio"]:checked+span:before {
    border-color: #00a0e9;
}

.ax-checkbox input[type="checkbox"]:checked+span:before {
    border-color: #00a0e9;
    background-color: #00a0e9;
}

.ax-tree li a.curSelectedNode .node_name {
    background: #00a0e9;
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: #00a0e9 !important;
    background-color: #00a0e9 !important;
}

.ax-btn.ax-primary,
.ax-btn.ax-reverse.ax-primary {
    background-color: #00a0e9;
}

.ax-btn.ax-primary:hover,
.ax-btn.ax-reverse.ax-primary:hover {
    background-color: #00a0e9;
}

@media screen and (max-width: 900px) {
    .ax-form-label {
        width: 10rem;
    }
}

@media screen and (max-width: 900px) {
    .ax-form-input {
        width: 100% !important;
    }
}

.ax-panel-header {
    background-color: #f5f8fa;
}

.ke-input-text {
    font-size: 13px !important;
    line-height: 24px !important;
    height: 24px !important;
    width: 140px !important;
    padding: 0px 4px !important;
}

.ke-dialog-body select {
    line-height: 24px !important;
    height: 24px !important;
}

.ke-inline-block .ke-upload-area {
    width: 70px !important;
}

.ax-active:hover{
    color: white !important;
}