/* here you can put your own css to customize and override the theme */
.page-header.navbar {
  background-color: #e2231b;
  /* Top notification menu/bar */
  /* Header seaech box */
  /* Toggler button for sidebar expand/collapse and responsive sidebar menu */
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
  color: #ffffff;
  background: #b51f24;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active .selected, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current .selected {
  border-top: 6px solid #b51f24;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {
  color: #ffffff;
}


/***********
Grey Colors
************/
/***
Grey Default
***/
/* Button */
.grey-cms.btn {
  color: #333333;
  background-color: #e5e5e5;
  border-color: "";
}
.grey-cms.btn:hover, .grey-cms.btn:focus, .grey-cms.btn:active, .grey-cms.btn.active {
  color: #333333;
  background-color: #d6d6d6;
}
.open .grey-cms.btn.dropdown-toggle {
  color: #333333;
  background-color: #d6d6d6;
}
.grey-cms.btn:active, .grey-cms.btn.active {
  background-image: none;
}
.open .grey-cms.btn.dropdown-toggle {
  background-image: none;
}
.grey-cms.btn.disabled, .grey-cms.btn.disabled:hover, .grey-cms.btn.disabled:focus, .grey-cms.btn.disabled:active, .grey-cms.btn.disabled.active, .grey-cms.btn[disabled], .grey-cms.btn[disabled]:hover, .grey-cms.btn[disabled]:focus, .grey-cms.btn[disabled]:active, .grey-cms.btn[disabled].active, fieldset[disabled] .grey-cms.btn, fieldset[disabled] .grey-cms.btn:hover, fieldset[disabled] .grey-cms.btn:focus, fieldset[disabled] .grey-cms.btn:active, fieldset[disabled] .grey-cms.btn.active {
  background-color: #e5e5e5;
}
.grey-cms.btn .badge {
  color: #e5e5e5;
  background-color: #333333;
}

/* Button Strip */
.btn.grey-cms-stripe {
  border-left: 3px solid #e5e5e5;
}

/* Portlet */
.portlet > .portlet-body.grey-cms,
.portlet.grey-cms {
  background-color: #e7e8e9;
}

.portlet.solid.grey-cms > .portlet-title,
.portlet.solid.grey-cms > .portlet-body {
  border: 0;
  color: #333333;
}
.portlet.solid.grey-cms > .portlet-title > .caption > i {
  color: #333333;
}

.portlet.box.grey-cms {
  border: 1px solid white;
  border-top: 0;
}
.portlet.box.grey-cms > .portlet-title {
  background-color: #d1d2d4;
  color: #86878a;
}
.portlet.box.grey-cms > .portlet-title > .caption > i {
  color: #86878a;
}
.portlet.box.grey-cms > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid white;
  color: #86878a;
}
.portlet.box.grey-cms > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-cms > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-cms > .portlet-title > .actions .btn-default:active, .portlet.box.grey-cms > .portlet-title > .actions .btn-default.active {
  border: 1px solid white;
  color: white;
}

/* Statistic Block */
.dashboard-stat.grey-cms {
  background-color: #e5e5e5;
}
.dashboard-stat.grey-cms .visual > i {
  color: #333333;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dashboard-stat.grey-cms .details .number {
  color: #333333;
}
.dashboard-stat.grey-cms .details .desc {
  color: #333333;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.dashboard-stat.grey-cms .more {
  color: #333333;
  background-color: #dbdbdb;
}

/* General Element */
.bg-grey {
  border-color: #e5e5e5 !important;
  background-image: none !important;
  background-color: #e5e5e5 !important;
  color: #333333 !important;
}

/* General Text & Icon Font Colors */
.font-grey {
  color: #e5e5e5 !important;
}
