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

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

@media (min-width: 768px) {
  .login-body {} }
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; }

.navbar {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04);
  line-height: 52px;
  height: 52px;
  width: 220px; }
.site_title {
  text-align: center;
  font-weight: 600;
  font-size: 24px;
  line-height: 52px;
  padding-left: 0;
  color: #4ab900 !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: #4ab900;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(74, 108, 0, 0.4);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(74, 108, 0, 0.4); }

#nprogress .bar {
  background: #4ab900; }

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

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

a {
  color: #4ab900; }

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

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

.login-backstage-title {
  background: #7ecb4a; }

.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: #4ab900; }

.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: #4ab900; }

.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: #4ab900;
  background-color: #4ab900; }

.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: #44ab00;
  background-color: #44ab00; }