.page-logo a {
  color: #fff !important;
  font-size: 18px;
  font-weight: bold;
  margin-left: -2px;
  padding-top: 20px;
  display: block;
}
.page-header.navbar {
  background: #fff;
}

/* here you can put your own css to customize and override the theme */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar, .page-header.navbar .page-logo, body {
  background: #022f65;
}
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a, .page-header.navbar .menu-toggler.sidebar-toggler {
  color: #fff;
}
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
  background: #000;
  color: #fff;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
  background: #022f65;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, .page-sidebar .page-sidebar-menu > li:hover > a > i, .page-sidebar .page-sidebar-menu > li.open > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i, .page-sidebar .page-sidebar-menu > li > a > i {
  color: #fff;
}

/* hover side menu */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
  background: #ce111b !important;
}

/* active side menu */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
  background: #de222c !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a {
  border-top: 0px !important;
}

.page-sidebar .page-sidebar-menu .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu {
  background: #bd000a;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
  background: #fff;
}

@media (max-width: 991px) {
  .page-header.navbar, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    background: #022f65;
  }
}
@media (min-width: 992px) {
  .page-sidebar {
    position: fixed;
  }
  body {
    /* background: #fff; */
    background: none;
  }
  .page-header-fixed .page-container {
    margin-top: 0px;
  }
  .page-sidebar.navbar-collapse {
    background: #bd000a;
    height: 1200px !important;
  }
}

/* PORTLET MODIFICATION */
.portlet > .portlet-title {
  color: #333;
  padding: 10px 0;
  border-bottom: 2px solid #dedede;
}
.portlet.card {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.portlet.card.full {
  width: 100%;
  max-width: 1400px;
}
.portlet.card .portlet-title {
  border-bottom: 0px;
  margin-bottom: 0px;
}
.portlet.card .portlet-title .caption {
  font-size: 30px;
  letter-spacing: -1px;
  color: #666;
  font-weight: 300;
  margin-bottom: 15px;
}
.portlet.card .portlet-body {
   border-radius: 10px !important;
   box-shadow: 0 1px 3px 0 rgba(21,27,38,0.15);
   border: 1px solid #dedede;
}
.portlet.card .portlet-body .section {
  padding: 12px 25px;
  border-bottom: 1px solid #dedede;
}
.portlet.card .portlet-body .section:last-child {
  border-bottom: 0px;
}
.portlet.card .btn {
  border-radius: 5px !important;
}
.portlet.card .grey-gallery.btn, .btn.btn-success, .btn.green {
  color: #fff;
  background: #bd000a;
  border: 1px solid #bd000a;
}
.portlet.card .grey-gallery.btn:hover, .btn.btn-success:hover, .btn.green:hover {
  background: #15a389;
  border: 1px solid #15a389;
}

.portlet.card input {
  border-radius: 5px !important;
}

.portlet-crumb {
  font-size: 14px !important;
  color: #ccc;
  letter-spacing: 0px;
  margin-bottom: 8px;
}
.portlet-crumb a {
  color: #aaa;
  text-transform: uppercase;
}
.gray {
  color: #999 !important;
}

.portlet.card .portlet-body .section.error {
  color: #ff0000;
  font-weight: bold;

}

.btn.outline {
  color: #999;
  border: 1px solid #999;
}
.btn.outline:hover {
  color: #022f65;
  background: #fff;
  border: 1px solid #022f65;
}

.top-map {
    position: relative; height: 300px !important; width: 100%; background: #efefef; margin-bottom: 20px;
}
.top-map #map { width: 100%; height: 100%; }



.portlet.card input.form-field, .portlet.card textarea.form-field {
  min-width: 250px;
  border:0;
  border-bottom: 1px solid transparent;
  border-radius: 0 !important;
  box-shadow: none;
  padding-left: 0px;
  outline: none;
  margin-bottom: 5px;
}

.form-field:focus {
  border-bottom: 2px solid #022f65 !important;
}

.portlet.card input.form-field.prefix {
  margin-left: 10px;
  width: 200px;
}

.form-input-row {
  margin-top: 15px;
}

.form-input-row:focus-within {
  border: 4px solid #022f65;
  padding: 10px 0;
}

.form-input-row:focus-within .display-on-focus {
  display: block;
}

.form-input-row:focus-within .btn.display-on-focus {
  display: inline-block;
}

.form-input-row:focus-within .fa-times.display-on-focus {
  display: inline-block;
}

.form-input-row .display-on-focus {
  display: none;
}

.form-input-row .form-question {
  font-weight: bold;
}
.form-input-row:focus-within .form-question {
  font-weight: normal;
}

.form-input-row:focus-within .form-field {
  border-bottom: 1px solid #ccc !important;
}


.field-value .form-inline {
  margin-bottom: 0px;
}
.field-value .btn {
  margin-top: 10px;
}


.dashboard-card {
  padding: 20px;
  background: #fff;
  min-height: 150px !important;
  margin-bottom: 10px;
}

.dashboard-card .title {
  font-size: 14px;
  color: #022f65;
  font-weight: bold;
}

.dashboard-card .content {
  font-size: 24px;
  font-weight: bold;
  margin-top: 10px;
}

.dashboard-card .content span {
  font-size: 12px;
  font-weight: normal;
  margin-top: 10px;
}

.dashboard-card .subtitle {
  font-size: 12px;
  font-weight: normal;
  color: #666;
  margin-top: 10px;
}

.dashboard-card .progress, .dashboard-card .btn {
  margin-top: 10px;
}

.dashboard-card .details {
  margin-top: 10px;
}

.dashboard-card  .list-group-item {
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
}

.dashboard-card .list-group-item .type {
  font-size: 14px;
  margin-bottom: 5px;
  color: #022f65;
}

.dashboard-card .list-group-item .company_name, .dashboard-card .list-group-item .name {
  font-size: 12px;
  color: #333;
  margin-bottom: 3px;
}

.dashboard-card .list-group-item .date {
  font-size: 12px;
  color: #999;
  margin-bottom: 2px;
}

.label-xs-block {
  font-size: 11px;
  margin: 2px 0;
  display: inline-block;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a, .page-sidebar .page-sidebar-menu .sub-menu > li > a
{
  color: #ffffff !important;
}