/* ========================================================================
   Component: layout13558b
 ========================================================================== */
body,
.wrapper > section {
  /*background-color: #f5f7fa;*/
  background-color: #fff;
}
.textColorTopNavbar:hover{
    color:#0e2d52!important;
}
.textColorTopNavbar{
    color:#0e2d52!important;
}
.wrapper > .aside {
  background-color: #fff;
}
/* ========================================================================
   Component: top-navbar
 ========================================================================== */
.topnavbar {
  background-color: #fff;
}
.topnavbar .navbar-header {
  /*background-color: transparent;
  background-image: -webkit-linear-gradient(left, #0f3661 0%, #0f3661 100%);
  background-image: -o-linear-gradient(left, #0f3661 0%, #0f3661 100%);
  background-image: linear-gradient(to right, #0f3661 0%, #0f3661 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f3661ff', endColorstr='#0f3661ff', GradientType=1);*/
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 100%);
  background-image: -o-linear-gradient(left, #ffffff 0%, #ffffff 100%);
  background-image: linear-gradient(to right, #ffffff 0%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=1);
}
@media only screen and (min-width: 768px) {
  .topnavbar .navbar-header {
    background-image: none;
  }
  .textColorTopNavbar{
    color:#fff!important;
    }
  .textColorTopNavbar:hover{
    color:#fff!important;
    }
}
.topnavbar .navbar-nav > li > .navbar-text {
  color: #0f3661;
}
.topnavbar .navbar-nav > li > a,
.topnavbar .navbar-nav > .open > a {
  color: #0f3661;
}
.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: #d0d6e2;
}
.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: #fff;
}
.topnavbar .nav-wrapper {
  /*background-color: #0f3661;
  background-image: -webkit-linear-gradient(left, #0f3661 0%, #0f3661 100%);
  background-image: -o-linear-gradient(left, #0f3661 0%, #0f3661 100%);
  background-image: linear-gradient(to right, #0f3661 0%, #0f3661 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f3661ff', endColorstr='#0f3661ff', GradientType=1);*/
  background-color: #ffffff;
  background-image: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 100%);
  background-image: -o-linear-gradient(left, #ffffff 0%, #ffffff 100%);
  background-image: linear-gradient(to right, #ffffff 0%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=1);
}
@media only screen and (min-width: 768px) {
  .topnavbar {
    /*background-color: #0f3661;
    background-image: -webkit-linear-gradient(left, #0f3661 0%, #51c6ea 100%);
    background-image: -o-linear-gradient(left, #0f3661 0%, #51c6ea 100%);
    background-image: linear-gradient(to right, #0f3661 0%, #51c6ea 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f3661ff', endColorstr='#ff51c6ea', GradientType=1);*/
    background-color: #ffffff;
    background-image: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 100%);
    background-image: -o-linear-gradient(left, #ffffff 0%, #ffffff 100%);
    background-image: linear-gradient(to right, #ffffff 0%, #ffffff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=1);
  }
  .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, 0.5) inset;
  }
  .topnavbar .navbar-nav > li > .navbar-text {
    color: #fff;
  }
  .topnavbar .navbar-nav > li > a,
  .topnavbar .navbar-nav > .open > a {
    /*color: #fff;*/
    /*color: #0f3661;*/
    color: #666666;
    font-weight: 500;
  }
  .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: #7283a7;*/
    /*color:#f2c21a;*/
    color: #0f3661;
  }
}
/* ========================================================================
   Component: sidebar
 ========================================================================== */
.sidebar {
  background-color: #fff;
}
.sidebar .nav-heading {
  color: #919DA8;
}
.sidebar .nav > li > a,
.sidebar .nav > li > .nav-item {
  /*color: #333;*/
  color: #666;
  font-weight: 500;
  /*font-size: 15px*/
}
.sidebar .nav > li > a:focus,
.sidebar .nav > li > .nav-item:focus,
.sidebar .nav > li > a:hover,
.sidebar .nav > li > .nav-item:hover {
  color: #0f3661;
  /*background-color: rgba(15, 54, 97,0.3)!important;*/
  /*background-color: rgb(243, 243, 243)!important;*/
  background-color: rgb(227, 227, 227)!important;
}
.sidebar .nav > li > a > em,
.sidebar .nav > li > .nav-item > em {
  color: inherits;
}
.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: #f5f7fa;*/
  /*background-color: rgb(243, 243, 243)!important;*/
  background-color: rgb(227, 227, 227);
  color: #0f3661;
}
.sidebar .nav > li.active .nav.nav.sidebar-subnav {
    background-color: #ffffff!important;
    padding-left: 20px;
    margin: 0;
}
.sidebar .nav > li.active > a {

}
.dashboardSidebarListSettings.active > a  {
    background-color: #ffffff!important;
}
.sidebar .nav > li.active > a > em,
.sidebar .nav > li.open > a > em,
.sidebar .nav > li.active > a > span,
.sidebar .nav > li.open > a > span {
  color: #0f3661;
}
.sidebar .nav > li.active {
  border-left-color: #0f3661;
}
.sidebar-subnav {
  background-color: #fff;
}
.sidebar-subnav > .sidebar-subnav-header {
  color: #0f3661;
  font-weight: 600;
}
.sidebar-subnav > li > a,
.sidebar-subnav > li > .nav-item {
  color: #0f3661;
}
.sidebar-subnav > li > a:focus,
.sidebar-subnav > li > .nav-item:focus,
.sidebar-subnav > li > a:hover,
.sidebar-subnav > li > .nav-item:hover {
  color: #0f3661;
}
.sidebar-subnav > li.active > a,
.sidebar-subnav > li.active > .nav-item {
  color: #0f3661;
}
.sidebar-subnav > li.active > a:after,
.sidebar-subnav > li.active > .nav-item:after {
  border-color: #0f3661;
  background-color: #0f3661;
}
/* ========================================================================
   Component: offsidebar
 ========================================================================== */
.offsidebar {
  border-left: 1px solid #cccccc;
  background-color: #fff;
  color: #0f3661;
}

.dashboardSidebarList{
    background-color:white!important;
    border-left-color: #0f3661;
    border-bottom:1px solid #DCDCDC;
}
.dashboardSidebarList.active > a{
    background-color: #f5f7fa;
    color: #0f3661;
}
.dashboardSidebarList a:hover {
    color: #0f3661;
  background-color: rgba(15, 54, 97,0.3)!important;
}

.logOutSidebarList{
    margin-top:15px;
    background-color:white!important;
    border-left-color: #0f3661;
}
.logOutSidebarList.active > a{
    background-color: #f5f7fa;
    color: #0f3661;
}
.logOutSidebarList a:hover {
    color: #0f3661;
  background-color: rgba(15, 54, 97,0.3)!important;
}
.survaySaleSidebarList{
    background-color:rgba(15, 54, 97,0.8)!important;
}
.survaySaleSidebarList a{
    color:#fff!important;
}
.survaySaleSidebarList > a > em, .survaySaleSidebarList.open > a > em{
    color:#fff!important;
}

.survaySaleSidebarList.active > a{
    background-color:#0f3661!important;
}
.survaySaleSidebarList .extraName{
    padding-left: 28px;
}

.searchForSaleSidebarList a{
    font-weight: 700!important;
}

.survaySaleSidebarList a:hover {
    background-color:#0f3661!important;
}