/* ========================================================================
   Component: layout
 ========================================================================== */
 body,
 .wrapper > section {
   background-color: #fafafa;
 }
 .user-block {
    display:block;
  position: relative;
  padding: 20px 10px 0;
  cursor: pointer;

}
.user-block .user-block-info {
  float: left;
  padding-top: 10px;
}

.bg-dark {

  background-color: #5a6f80;
  color: #fff !important;

}
 /* ========================================================================
    Component: top-navbar
  ========================================================================== */
 .navbar-top .navbar-header {
   background-color: #1e97d3;
 }
 .navbar-top .navbar-nav > li > a,
 .navbar-top .navbar-nav > .open > a {
   color: #888;
 }
 .navbar-top .navbar-nav > li > a:hover,
 .navbar-top .navbar-nav > .open > a:hover,
 .navbar-top .navbar-nav > li > a:focus,
 .navbar-top .navbar-nav > .open > a:focus {
   color: #666;
 }
 .navbar-top .navbar-nav > .active > a,
 .navbar-top .navbar-nav > .open > a,
 .navbar-top .navbar-nav > .active > a:hover,
 .navbar-top .navbar-nav > .open > a:hover,
 .navbar-top .navbar-nav > .active > a:focus,
 .navbar-top .navbar-nav > .open > a:focus {
   background-color: transparent;
 }
 .navbar-top .navbar-nav > li > [data-toggle='navbar-search'] {
   color: #fff;
 }
 .navbar-top .navbar-nav > li > [data-toggle='navbar-search']:hover,
 .navbar-top .navbar-nav > li > [data-toggle='navbar-search']:focus {
   color: #fff;
 }

 .brand-logo { 
     text-align:center; 
     padding: 7px 15px !important;
}
 .brand-logo img {
    max-width:100px;
    margin: 0 auto;
 }
 .brand-logo-collapsed {
     padding:5px 2px !important;
 }
 .brand-logo-collapsed img {
   max-height:45px;
   margin:0 auto;
 }
 @media only screen and (min-width: 768px) {
   .navbar-top {
     background-color: #1e97d3;
   }
   .navbar-top .navbar-nav > .open > a,
   .navbar-top .navbar-nav > .open > a:hover,
   .navbar-top .navbar-nav > .open > a:focus {
     box-shadow: 0 -3px 0 rgba(255, 255, 255, 0.5) inset;
   }
   .navbar-top .navbar-nav > li > a,
   .navbar-top .navbar-nav > .open > a {
     color: #ccc;
   }
   .navbar-top .navbar-nav > li > a:hover,
   .navbar-top .navbar-nav > .open > a:hover,
   .navbar-top .navbar-nav > li > a:focus,
   .navbar-top .navbar-nav > .open > a:focus {
     color: #fff;
   }
   .navbar-top .navbar-nav > li > [data-toggle='navbar-search'] {
     color: #ccc;
   }
   .navbar-top .navbar-nav > li > [data-toggle='navbar-search']:hover,
   .navbar-top .navbar-nav > li > [data-toggle='navbar-search']:focus {
     color: #fff;
   }
   .nav-wrapper {
     background-color: #1e97d3;
   }
 }
 /* ========================================================================
    Component: sidebar
  ========================================================================== */
 .sidebar {
   background-color: #fff;
   border-right-color: #cccccc;
 }
 .sidebar .nav-heading {
   color: #909090;
 }
 .sidebar .nav-labels > .nav-labels-item > a {
   color: #909090;
 }
 .sidebar .nav > li > a,
 .sidebar .nav > li > .nav-item {
   color: #909090;
 }
 .sidebar .nav > li > a:focus,
 .sidebar .nav > li > .nav-item:focus {
   color: #1e97d3;
 }
 .sidebar .nav > li > a > em,
 .sidebar .nav > li > .nav-item > em {
   color: #909090;
 }
 .sidebar .nav > li.active,
 .sidebar .nav > li:hover,
 .sidebar .nav > li.active > a,
 .sidebar .nav > li:hover > a,
 .sidebar .nav > li.active > a > .item-text,
 .sidebar .nav > li:hover > a > .item-text,
 .sidebar .nav > li.active .nav,
 .sidebar .nav > li:hover .nav {
   background-color: #fafafa;
   color: #1e97d3;
 }
 .sidebar .nav > li.active > a > em,
 .sidebar .nav > li:hover > a > em {
   color: #1e97d3;
 }
 .sidebar .nav > li.active {
   border-left-color: #1e97d3;
 }
 .sidebar .nav .nav {
   background-color: #fff;
 }
 .sidebar .nav .nav > li > a:focus,
 .sidebar .nav .nav > li > .nav-item:focus,
 .sidebar .nav .nav > li > a:hover,
 .sidebar .nav .nav > li > .nav-item:hover {
   color: #1e97d3;
 }
 .sidebar .nav .nav > li > a:after,
 .sidebar .nav .nav > li > .nav-item:after {
   border-color: #909090;
 }
 .sidebar .nav .nav > li.active > a,
 .sidebar .nav .nav > li.active > .nav-item {
   color: #1e97d3;
 }
 .sidebar .nav .nav > li.active > a:after,
 .sidebar .nav .nav > li.active > .nav-item:after {
   border-color: #1e97d3;
   background-color: #1e97d3;
 }
 /* ========================================================================
    Component: offsidebar
  ========================================================================== */
 .offsidebar {
   border-left: 1px solid #000000;
   background-color: #292524;
   color: #f1f2f3;
 }
 .offsidebar a {
   color: #f1f2f3;
 }
 .offsidebar .text-muted {
   color: #d1d2d3;
 }


 
 .panel-dark > .panel-heading {
  color: #fff;
  background-color: #1e97d3;
  border-color: #1e97d3;
}

.radio-box-float {
  float:left;
  height:12px;
  display:block;
  margin-left:10px;
}
.form-grou-question {
  margin-bottom:0px !important;
  margin-top:0px !important;
  padding-top:5px !important;
}
.clearit {
  clear:both;
}

.breadcrumb-active {
  color:#1e97d3;
}