body:not(.lockscreen) {
  background: #eef3f8;
}

body:not(.lockscreen) .wrapper,
body:not(.lockscreen) .content-wrapper,
body:not(.lockscreen) .right-side {
  background: #eef3f8;
}

body:not(.lockscreen) .main-header .logo,
body:not(.lockscreen) .main-header .navbar {
  background: #0f2742 !important;
  color: #ffffff !important;
  border: 0;
}

body:not(.lockscreen) .main-header .logo:hover,
body:not(.lockscreen) .main-header .navbar .sidebar-toggle:hover,
body:not(.lockscreen) .main-header .navbar .nav > li > a:hover,
body:not(.lockscreen) .main-header .navbar .nav > li > a:focus {
  background: #15395f !important;
  color: #ffffff !important;
}

body:not(.lockscreen) .main-header .navbar .nav > li > a,
body:not(.lockscreen) .main-header .navbar .sidebar-toggle,
body:not(.lockscreen) .main-header .logo {
  color: #ffffff !important;
}

body:not(.lockscreen) .main-sidebar,
body:not(.lockscreen) .left-side,
body:not(.lockscreen) .sidebar,
body:not(.lockscreen) .skin-blue .main-sidebar,
body:not(.lockscreen).skin-blue-light .main-sidebar {
  background: #0f2742 !important;
}

body:not(.lockscreen) .sidebar .logo {
  display: block;
  min-height: 58px;
  padding: 18px 20px;
  background: #0b1f35;
  color: #ffffff !important;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}

body:not(.lockscreen) .sidebar-menu > li.header {
  background: #0b1f35 !important;
  color: #9ec5f1 !important;
  text-transform: uppercase;
  letter-spacing: .05em;
}

body:not(.lockscreen) .sidebar a,
body:not(.lockscreen) .sidebar-menu > li > a,
body:not(.lockscreen) .sidebar-menu .treeview-menu > li > a {
  color: #ffffff !important;
}

body:not(.lockscreen) .sidebar-menu > li > a {
  border-left: 4px solid transparent !important;
  font-weight: 600;
}

body:not(.lockscreen) .sidebar-menu > li:hover > a,
body:not(.lockscreen) .sidebar-menu > li.active > a,
body:not(.lockscreen) .sidebar-menu > li.menu-open > a {
  background: #15395f !important;
  color: #ffffff !important;
  border-left-color: #38bdf8 !important;
}

body:not(.lockscreen) .sidebar-menu > li > .treeview-menu {
  background: #102d4b !important;
}

body:not(.lockscreen) .sidebar-menu .treeview-menu > li.active > a,
body:not(.lockscreen) .sidebar-menu .treeview-menu > li > a:hover {
  background: #1b4773 !important;
  color: #ffffff !important;
}

body:not(.lockscreen) .content-header {
  background: #0f2742 !important;
  color: #ffffff;
  padding: 18px 20px;
  border-bottom: 4px solid #1d75b9;
}

body:not(.lockscreen) .content-header h1,
body:not(.lockscreen) .content-header h1 small {
  color: #ffffff;
}

body:not(.lockscreen) .box,
body:not(.lockscreen) .nav-tabs-custom,
body:not(.lockscreen) .info-box,
body:not(.lockscreen) .small-box,
body:not(.lockscreen) .card,
body:not(.lockscreen) .widget-user,
body:not(.lockscreen) .box.box-solid {
  background: #ffffff !important;
  border: 1px solid #d8e4f0;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(15, 39, 66, .08);
  overflow: hidden;
}

body:not(.lockscreen) .box > .box-header,
body:not(.lockscreen) .nav-tabs-custom > .nav-tabs,
body:not(.lockscreen) .modal-header {
  background: #0f2742 !important;
  color: #ffffff !important;
  border-bottom: 4px solid #1d75b9 !important;
}

body:not(.lockscreen) .box > .box-header .box-title,
body:not(.lockscreen) .box > .box-header h1,
body:not(.lockscreen) .box > .box-header h2,
body:not(.lockscreen) .box > .box-header h3,
body:not(.lockscreen) .box > .box-header h4,
body:not(.lockscreen) .modal-header .modal-title,
body:not(.lockscreen) .nav-tabs-custom > .nav-tabs > li > a {
  color: #ffffff !important;
}

body:not(.lockscreen) .nav-tabs-custom > .nav-tabs > li.active > a,
body:not(.lockscreen) .nav-tabs-custom > .nav-tabs > li.active:hover > a {
  background: #1d75b9 !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

body:not(.lockscreen) .box > .box-body,
body:not(.lockscreen) .box > .box-footer,
body:not(.lockscreen) .nav-tabs-custom > .tab-content {
  background: #ffffff !important;
}

body:not(.lockscreen) .btn-primary,
body:not(.lockscreen) .btn-info,
body:not(.lockscreen) .btn-success {
  border-color: #1d75b9;
  background: #1d75b9;
  color: #ffffff;
}

body:not(.lockscreen) .btn-primary:hover,
body:not(.lockscreen) .btn-info:hover,
body:not(.lockscreen) .btn-success:hover {
  border-color: #0f2742;
  background: #0f2742;
  color: #ffffff;
}

body:not(.lockscreen) .btn-default {
  background: #e8f2fb;
  border-color: #cfe1f3;
  color: #0f2742;
}

body:not(.lockscreen) .table > thead > tr > th {
  background: #0f2742;
  color: #ffffff;
  border-color: #1d75b9;
}

body:not(.lockscreen) .form-control {
  border-color: #b9cde3;
  border-radius: 6px;
}

body:not(.lockscreen) .form-control:focus {
  border-color: #1d75b9;
  box-shadow: 0 0 0 3px rgba(29, 117, 185, .16);
}

body:not(.lockscreen) .content-custom {
  background: #eef3f8;
}

body:not(.lockscreen) .content-custom .btn-group .btn-info {
  background: #1d75b9;
  border-color: #17639d;
  color: #ffffff;
  box-shadow: none;
}

body:not(.lockscreen) .content-custom .btn-group .btn-info.active,
body:not(.lockscreen) .content-custom .btn-group .btn-info:hover {
  background: #0f2742;
  border-color: #0f2742;
}

body:not(.lockscreen) .info-box.info-box-new-style {
  min-height: 104px;
  border: 1px solid #d8e4f0;
  border-radius: 8px;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(15, 39, 66, .08);
}

body:not(.lockscreen) .info-box.info-box-new-style .info-box-icon {
  width: 80px;
  height: 88px;
  margin: 8px 0 8px 8px;
  border-radius: 6px;
  line-height: 88px;
  background: #1d75b9 !important;
  color: #ffffff !important;
}

body:not(.lockscreen) .info-box.info-box-new-style .info-box-icon.bg-yellow,
body:not(.lockscreen) .info-box.info-box-new-style .info-box-icon.bg-red,
body:not(.lockscreen) .info-box.info-box-new-style .info-box-icon.bg-aqua {
  background: #1d75b9 !important;
}

body:not(.lockscreen) .info-box.info-box-new-style .info-box-content {
  padding: 18px 16px 12px 104px;
}

body:not(.lockscreen) .info-box.info-box-new-style .info-box-text {
  color: #64748b;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .02em;
}

body:not(.lockscreen) .info-box.info-box-new-style .info-box-number {
  color: #0f2742;
  font-size: 22px;
  font-weight: 800;
}

body:not(.lockscreen) .box.box-primary {
  border-top: 0;
}

body:not(.lockscreen) .box.box-primary > .box-header,
body:not(.lockscreen) .box.box-warning > .box-header,
body:not(.lockscreen) .box.box-success > .box-header,
body:not(.lockscreen) .box.box-info > .box-header {
  background: #0f2742 !important;
  border-bottom: 4px solid #1d75b9 !important;
}

body:not(.lockscreen) .box.box-warning,
body:not(.lockscreen) .box.box-success,
body:not(.lockscreen) .box.box-info,
body:not(.lockscreen) .box.box-primary {
  border-top: 0;
}