/* BEGIN NEW COLOR SCHEME */
#topbar .topbar-main {
  background: #18333f;
}
a#logo.navbar-brand {
  background-color: #18333f;
}
#wrapper {
  background-color: #fff;
}
nav#sidebar.navbar-default.navbar-static-side {
  -webkit-box-shadow: 3px 3px 12px -3px rgb(168, 165, 168) !important;
  -moz-box-shadow: 3px 3px 12px -3px rgb(168, 165, 168) !important;
  box-shadow: 3px 3px 12px -3px rgb(168, 165, 168) !important;
}
nav#sidebar {
  background: #fff;
}
.navbar-static-side ul li {
  border-bottom: none;
}
.navbar-static-side ul li a {
  color: #6A6A6A;
}
.navbar-static-side ul li.active a {
  background: #fff;
  outline: none;
  color: #18333f;
}
#topbar .navbar-header {
  background: #18333f;
}
#footer {
  background-color: #fff;
  color: #18333f;
}
body.sidebar-collapsed .navbar-static-side ul#side-menu li a span.menu-title {
  background: #18333f;
  color: #fff;
}
ul#side-menu ul.nav.nav-second-level.collapse {
  -webkit-box-shadow: 3px 3px 15px -3px rgb(168, 165, 168) !important;
  -moz-box-shadow: 3px 3px 15px -3px rgb(168, 165, 168) !important;
  box-shadow: 3px 3px 15px -3px rgb(168, 165, 168) !important;
}
.navbar-static-side ul li .nav-second-level li {
  border-bottom: none;
}
.navbar-static-side ul li .nav-second-level li a {
  background: #fff;
  color: #18333f;
}
.navbar-static-side ul li a:hover,
.navbar-static-side ul li a:focus {
  background: #18333f;
  color: #fff;
}
#topbar .navbar-top-links li.open > a {
  background: #18333f !important;
  color: #ffffff !important;
}
#topbar .navbar-top-links li > a:hover, #topbar .navbar-top-links li > a:focus,
#topbar .navbar-top-links li.open > a:hover, #topbar .navbar-top-links li.open > a:focus {
  background: #18333f !important;
}
#topbar .navbar-top-links li .dropdown-menu li a {
  color: #18333f;
}
#topbar .navbar-top-links .dropdown-user li a:hover,
#topbar .navbar-top-links .dropdown-user li a:focus {
  background: #fff !important;
  color: #bf4346 !important;
}
#topbar .navbar-top-links .dropdown-user li a i {
  color: unset;
}
#topbar .navbar-top-links li > a:hover > i.fa-cogs,
#topbar .navbar-top-links li > a:focus > i.fa-cogs,
#topbar .navbar-top-links li.open > a:hover > i.fa-cogs,
#topbar .navbar-top-links li.open > a:focus > i.fa-cogs {
  font-weight: bolder;
}
#sum_box .db:hover {
  background: #18333f;
  color: #fff;
}
.modal .modal-dialog .modal-content .modal-header.modal-header-primary {
  background: #fff;
}
.modal .modal-dialog .modal-content .modal-header.modal-header-primary .modal-title {
  color: #18333f;
}
.comments_chat > .portlet.box.prolet-primary, .alerts_standalone > .portlet.box.prolet-primary {
  -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),
                      0 3px 14px 2px rgba(0,0,0,0.12),
                      0 5px 5px -3px rgba(0,0,0,0.2);
  box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),
              0 3px 14px 2px rgba(0,0,0,0.12),
              0 5px 5px -3px rgba(0,0,0,0.2);
}

.pagination li a {
  color: #18333f;
}
.pagination li.active a {
  color: #18333f;
  background: #ffffff;
  z-index: 2;
  cursor: default;
}
.pagination li.active a {
  border-color: #18333f;
}
.pagination li.active a:hover, .pagination li.active a:focus {
  color: #ffffff;
  background: #18333f;
  z-index: 2;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #ffffff;
  background-color: #18333f;
  border-color: transparent;
}

.dataTables_filter button.btn.btn-success.dropdown-toggle {
  color: #18333f;
  background-color: white;
  border-color: #cccccc !important;
}
.dataTables_filter button.btn.btn-success.dropdown-toggle:hover,
.dataTables_filter button.btn.btn-success.dropdown-toggle:focus,
.dataTables_filter button.btn.btn-success.dropdown-toggle.active {
  color: #fff;
  background-color: #18333f;
  border-color: transparent !important;
}

button.btn.btn-red#index_equipment_history {
  color: #18333f;
  background-color: white;
  border-color: #e5e5e5 !important;
  height: 34px;
  border-radius: 0 5px 5px 0;
}
button.btn.btn-red#index_equipment_history:hover,
button.btn.btn-red#index_equipment_history:focus,
button.btn.btn-red#index_equipment_history.active {
  color: #fff;
  background-color: #18333f;
  border-color: transparent !important;
}
#title-breadcrumb-option-demo #s2id_equipment-history-search > a.select2-choice {
  height: 34px;
  line-height: 34px;
  border-color: #e5e5e5;
  border-radius: 5px 0 0 5px;
}
#title-breadcrumb-option-demo #s2id_equipment-history-search > a.select2-choice .select2-arrow {
  border-left-color: #e5e5e5;
}
.select2-results .select2-highlighted {
  background: #16303d;
  color: #fff;
}
.badge.badge-white {
  border: 1px solid #18333f;
  background-color: #ffffff00;
  color: #18333f;
  margin: 2px 0;
}
.badge.badge-white:hover,
.badge.badge-white.filtered {
  background-color: #18333f;
  color: #fff;
  cursor: pointer;
}
/* END NEW COLOR SCHEME */

/* REACH BUTTONS - BEGIN */
.btn-reach-white {
  color: #18333f;
  background-color: #ffffff;
  border-color: #18333f;
  font-weight: 500;
  border-width: 0.13em;
  box-shadow: 3px 4px 12px -3px rgb(168, 165, 168) !important;
}

.btn-reach-white:hover, .btn-reach-white:focus, .btn-reach-white:active, .btn-reach-white.active {
  color: #ffffff;
  background-color: #18333f;
}
/* REACH BUTTONS - END */

/* Equipment Detail/history Modal*/
.equipment-tabs.nav-justified > li > a, .equipment-tabs > li.active > a:hover, .equipment-tabs > li.active > a:focus{
  color: #18333f;
}
ul.nav.equipment-tabs > li.active > a{
  border: 1px solid #fff !important;
  border-right-color: #7777772b !important;
  border-left-color: #7777772b !important;
}
/* End Equipment Detail/history Modal*/

/* PRELOADER */
#reach_page_loader {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000;
  margin: 0;
  padding: 0;
  background: #191f27;
}
#reach_page_loader > .container {
  margin: -45px -85px;
  width: auto;
  height: auto;
  position: absolute;
  top: 35%;
  left: 50%;
}
/* PRELOADER */