.login-header {
  background: url(../images/login/agent/login_header.png) no-repeat left top;
}

.checkbox-icon {
  background: url(../images/login/agent/checkbox_icon.png) no-repeat;
}

@media (min-width: 768px) {
  .login-body {
    background-image: url(../images/login/agent/login_bg_zh_cn.jpg);
  }
}
body {
  background: #f0f2f5;
}

.sidebar-footer,
.nav.child_menu,
.nav-sm ul.nav.child_menu,
.nav_title,
.left_col {
  background: #fff;
}

.mCSB_container {
  border-right: 1px solid #f2f2f2;
}

.site_title {
  color: #333 !important;
}

.nav.side-menu > li.active > a,
.main_menu span.fa,
.nav.side-menu > li > a,
.nav.child_menu > li > a {
  color: #444;
}

.nav.side-menu > li > a:hover,
.nav.child_menu > li > a:hover {
  color: #000 !important;
  /*background: #e8e8e8;*/
}

.nav.side-menu > li.current-page > a,
.nav.child_menu > li.current-page > a,
.nav.side-menu > li.current-page > a:hover,
.nav.child_menu > li.current-page > a:hover {
  color: #fff !important;
}

.form-control:focus {
  border-color: #f56722;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(245, 103, 34, 0.4);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(245, 103, 34, 0.4);
}

#nprogress .bar {
  background: #f56722;
}

#nprogress .peg {
  box-shadow: 0 0 10px #f56722, 0 0 5px #f56722;
}

#nprogress .spinner-icon {
  border-top-color: #f56722;
  border-left-color: #f56722;
}

a {
  color: #f56722;
}

.mx-tabs-nav-wrap .tab-item:hover,
a:hover,
a:focus {
  color: #e85811;
  text-decoration: none;
}

.login-form-control:focus {
  border-color: #f56722;
}

.login-backstage-title {
  background: #f69261;
}

.nav li.current-page a,
.nav.side-menu > li.current-page > a:hover,
.nav > li.current-page > a:focus,
.mx-tabs-nav-wrap .tab-item::after {
  background: #f56722;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover,
.color-blue,
.login-form-remember.ticked,
.mx-tabs-nav-wrap .active {
  color: #f56722;
}

.brand-pagination > .active > a,
.brand-pagination > .active > a:focus,
.brand-pagination > .active > a:hover,
.brand-pagination > .active > span,
.brand-pagination > .active > span:focus,
.brand-pagination > .active > span:hover,
.btn-primary,
.layui-layer .layui-layer-btn .layui-layer-btn0 {
  border-color: #f56722;
  background-color: #f56722;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  border-color: #e85811;
  background-color: #e85811;
}

.lb-primary {
  color: #f56722;
}