/*@preloader-color:   @nav-top-bg;*/
/* ========================================================================
   Component: layout
 ========================================================================== */
body {
  background-color: #ededed;
}
.wrapper > section.main {
  background: transparent;
}
.wrapper > .aside {
  background-color: transparent !important;
}
/* ========================================================================
   Component: top-navbar
 ========================================================================== */
.topnavbar {
  background-color: #fff !important;
  background-image: none !important;
  color: #000 !important;
}
.topnavbar .navbar-header {
  background-color: rgba(255, 255, 255, 0.95) !important;
}
.topnavbar .navbar-nav > li > a,
.topnavbar .navbar-nav > .open > a {
  color: #545252 !important;
}
.topnavbar .navbar-nav > li > a:hover,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > li > a:focus,
.topnavbar .navbar-nav > .open > a:focus {
  color: #3a3939 !important;
}
.topnavbar .navbar-nav > .active > a,
.topnavbar .navbar-nav > .open > a,
.topnavbar .navbar-nav > .active > a:hover,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > .active > a:focus,
.topnavbar .navbar-nav > .open > a:focus {
  background-color: transparent;
}
.topnavbar .navbar-nav > li > [data-toggle='navbar-search'] {
  color: #545252;
}
.topnavbar li.user-info-header-item > a:hover,
.topnavbar li.user-info-header-item > a:focus {
  color: #545252 !important;
  background-color: transparent !important;
  cursor: default !important;
}
@media only screen and (min-width: 768px) {
  .topnavbar .navbar-nav > .open > a,
  .topnavbar .navbar-nav > .open > a:hover,
  .topnavbar .navbar-nav > .open > a:focus {
    /*box-shadow: 0 -3px 0 rgba(255,255,255,.5) inset !important;*/
    /*box-shadow: 0 -3px 0 @nav-top-item-mobile-active inset !important;*/
    box-shadow: none !important;
    background-color: #5996bb;
    color: #fff !important;
  }
  .topnavbar .navbar-nav > li > a,
  .topnavbar .navbar-nav > .open > a {
    color: #545252 !important;
  }
  .topnavbar .navbar-nav > li > a:hover,
  .topnavbar .navbar-nav > .open > a:hover,
  .topnavbar .navbar-nav > li > a:focus,
  .topnavbar .navbar-nav > .open > a:focus {
    color: #fff !important;
    background-color: #5996bb;
    /*box-shadow: 0 -3px 0 @nav-top-item-mobile-active inset !important;*/
    /*color: @nav-top-item-mobile-active !important;*/
  }
  .topnavbar li.user-info-header-item > a:hover,
  .topnavbar li.user-info-header-item > a:focus {
    color: #545252 !important;
    background-color: transparent !important;
    cursor: default !important;
  }
}
/* ========================================================================
   Component: sidebar
 ========================================================================== */
.sidebar .filler {
  width: 100%;
  height: 100%;
  background-color: #91a1c0;
}
.sidebar .nav-heading {
  color: #919DA8;
}
.sidebar .nav > li > a,
.sidebar .nav > li > .nav-item {
  color: #fff;
}
.sidebar .nav > li > a:focus,
.sidebar .nav > li > .nav-item:focus,
.sidebar .nav > li > a:hover,
.sidebar .nav > li > .nav-item:hover {
  color: #467d9e !important;
}
.sidebar .nav > li > a > em,
.sidebar .nav > li > .nav-item > em {
  color: #fff;
}
.sidebar .nav > li.active,
.sidebar .nav > li.open,
.sidebar .nav > li.active > a,
.sidebar .nav > li.open > a,
.sidebar .nav > li.active .nav,
.sidebar .nav > li.open .nav {
  background-color: #467d9e;
  color: #5996bb !important;
}
.sidebar .nav > li.active > a > em,
.sidebar .nav > li.open > a > em {
  color: #fff !important;
}
.sidebar .nav > li.active {
  border-left-color: #5996bb !important;
}
.sidebar-subnav {
  background-color: #467d9e;
}
.sidebar-subnav > .sidebar-subnav-header {
  color: #fff;
}
.sidebar-subnav > li > a,
.sidebar-subnav > li > .nav-item {
  color: #fff;
}
.sidebar-subnav > li > a:focus,
.sidebar-subnav > li > .nav-item:focus,
.sidebar-subnav > li > a:hover,
.sidebar-subnav > li > .nav-item:hover {
  color: #fff !important;
}
.sidebar-subnav > li.active > a,
.sidebar-subnav > li.active > .nav-item {
  color: #fff !important;
}
.sidebar-subnav > li.active > a:after,
.sidebar-subnav > li.active > .nav-item:after {
  background-color: #5996bb;
}
/* ========================================================================
   Component: offsidebar
 ========================================================================== */
.offsidebar {
  border-left: 1px solid #cccccc;
  background-color: #fff;
  color: #515253;
}
/* ========================================================================
   Custom Components
 ========================================================================== */
.nav-tabs {
  border: none !important;
}
.page footer,
.page footer a {
  color: #000 !important;
}
.panel > .list-group .list-group-item {
  border-color: #e4eaec !important;
}
.beneficiary-header .nav-tabs > li > a,
.record-info-header .nav-tabs > li > a {
  background-color: #5996bb !important;
  border: none !important;
  color: #fff !important;
}
.beneficiary-header .nav-tabs > li > a:focus,
.record-info-header .nav-tabs > li > a:focus,
.beneficiary-header .nav-tabs > li > a:hover > span,
.record-info-header .nav-tabs > li > a:hover > span {
  border-bottom: 1px solid;
}
.beneficiary-header .nav-tabs > li.active > a,
.record-info-header .nav-tabs > li.active > a {
  color: #000 !important;
  border-bottom-color: #fff !important;
  background-color: #fbfbfb !important;
}
.beneficiary-header .nav-tabs > li.active > a:focus,
.record-info-header .nav-tabs > li.active > a:focus,
.beneficiary-header .nav-tabs > li.active > a:hover > span,
.record-info-header .nav-tabs > li.active > a:hover > span {
  border-bottom: none;
}
.beneficiary-header .nav-tabs > li.active:focus,
.record-info-header .nav-tabs > li.active:focus,
.beneficiary-header .nav-tabs > li.active:hover,
.record-info-header .nav-tabs > li.active:hover {
  background-color: #fff !important;
  color: #000 !important;
}
.service-wizard .summary-panel a.disabled {
  color: #b3b8bb !important;
}
.service-wizard .summary-panel a.disabled:hover,
.service-wizard .summary-panel a.disabled:focus {
  color: #b3b8bb !important;
}
.input-group-search .input-group-addon {
  background-color: #fff;
}
.user-avatar i {
  border-color: #fff;
}
i.active-role {
  border-color: #e1e2e3;
}
.border-primary {
  border-color: #5996bb !important;
}
@media only screen and (min-width: 768px) {
  .lead {
    font-size: 18px !important;
  }
}
/* ========================================================================
   Modify resize animation
 ========================================================================== */
@media only screen and (min-width: 768px) {
  .aside-collapsed .topnavbar .navbar-header .brand-logo {
    display: block !important;
  }
  .aside-collapsed .topnavbar .navbar-header {
    width: 220px !important;
  }
}
@media only screen and (min-width: 768px) {
  .aside-float.aside-collapsed .topnavbar .navbar-header {
    width: 220px !important;
  }
}
.topnavbar .navbar-header .brand-logo {
  padding: 2px 10px !important;
}
@media only screen and (min-width: 768px) {
  .topnavbar .navbar-header .brand-logo {
    padding: 2px 0px !important;
  }
}
/* ========================================================================
   eServices
 ========================================================================== */
.eservice-header {
  border-bottom-color: #23b7e5;
}
.quick-filters .badge,
.health-indicator-filters .badge {
  background-color: #5996bb !important;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  background-color: #fff !important;
}
.highlight-icon-primary {
  color: #65878F;
}
/* ========================================================================
   Search Results
 ========================================================================== */
.search-result-main-data {
  font-size: 18px;
  font-weight: bold;
  color: #2f6282 !important;
}
.search-result-main-icon {
  color: rgba(99, 98, 98, 0.93);
}
.health-indicator-selected {
  color: #fff !important;
  background-color: #65878F;
  border-radius: 2px;
  padding: 2px 4px;
}
/* ========================================================================
   Home Page
 ========================================================================== */
.my-pulse {
  background-color: #5996bb !important;
  color: #fff;
}
.red-badge {
  background-color: #d66969 !important;
  font-size: 16px;
  vertical-align: middle;
  margin-top: -0.5em;
}
.green-badge {
  background-color: #69ad79 !important;
  font-size: 16px;
  vertical-align: middle;
  margin-top: -0.5em;
}
.blue-badge {
  background-color: #5996bb !important;
  font-size: 16px;
  vertical-align: middle;
  margin-top: -0.5em;
}
.admitted-census {
  color: #5996bb !important;
}
.text-danger,
.readmitted-census,
.red-star {
  color: #d66969 !important;
}
.text-success,
.discharged-census,
.green-star {
  color: #69ad79 !important;
}
.text-warning {
  color: #d4853d !important;
}
.star-badge {
  font-size: 18px !important;
}
.beneficiary-center-widget {
  background-color: #5996bb !important;
}
.widget-container-header {
  background-color: #467d9e;
}
.blue-widget {
  background-color: #5996bb;
  color: #fff;
}
/* ========================================================================
  sweet alert
 ========================================================================== */
.swal2-cancel {
  background-color: #d66969 !important;
}
.swal2-confirm {
  background-color: #5996bb !important;
}
/* ========================================================================
  Page
 ========================================================================== */
.bg-primary {
  background-color: #467d9e !important;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #467d9e !important;
}
.btn-success {
  background-color: #69ad79 !important;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.btn-primary {
  --btn-background: #5996bb !important;
  background-color: var(--btn-background);
}
.text-primary {
  color: #5996bb !important;
}
.btn-info {
  background-color: #5996bb !important;
}
.btn-danger {
  background-color: #d66969;
}
select option:hover {
  background-color: #5996bb !important;
}
.label-success,
.alert-success {
  background-color: #69ad79 !important;
}
iframe {
  border: 1px solid #d3d3d3;
}
.close-tab a.fa-stack {
  width: 1em !important;
}
.text-muted {
  color: #b3b8bb !important;
}
.softWhite {
  background-color: rgba(255, 255, 255, 0.78) !important;
}
.table-striped > tbody > tr > td {
  border: none !important;
}
.table-striped > tbody > tr {
  /*background-color: #fff !important;*/
  padding: 12px;
}
.panel-footer {
  background-color: #fff !important;
}
/* ========================================================================
  Quality Statement
 ========================================================================== */
.blue-star {
  color: #467D9E;
}
.orange-star {
  color: #f5994e;
}
.pink-star {
  color: #DE95BA;
}
.red-text {
  color: #ff0000;
}
/* ========================================================================
  MOOP
 ========================================================================== */
.red-moop-color {
  color: #f05050;
}
.orange-moop-color {
  color: #ff820e;
}
.green-moop-color {
  color: #27c24c;
}
.moop-badge {
  border-radius: 4px;
}