body {
  font-family: 'Open Sans', 'sans-serif';
 
}
.mega-dropdown {
  position: static !important;

}
.mega-dropdown-menu {
    /*padding: 20px 0px;*/
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  /*padding: 3px 5px;*/
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  /*height: 38px !important;*/
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ffffff;
  /*padding: 5px 60px 5px 5px;*/
  line-height: 30px;
}
.carousel-control {
  width: 30px;
  height: 30px;
  top: -35px;

}
.left.carousel-control {
  right: 30px;
  left: inherit;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
  font-size: 12px;
  background-color: #fff;
  line-height: 30px;
  text-shadow: none;
  color: #333;
  border: 1px solid #ddd;
}
.megaMenuWidth{
    width:100vw;
}
.navbar-custom {
   background-color:#DAE9F5;
   color:#2640a4 !important;
  
}
.smallWidth {
     width:50vw;margin:0px !important;
    }
.navbar {
        border-radius: 4px;
        padding-left:26vw;
         min-height: 42px  !important;
    }
    .smallWidthLeft {
     width:46vw;margin:0px !important;
      text-align:left;
      padding-left:4vw;
      padding-top:1vw;
      padding-bottom:1vw;
      color: #2640a4 !important;
    font-size: 15px;
    }
     .smallWidthRight {
     width:46vw;margin-top:20px !important;
     text-align:right;
     padding-right:4vw !important;
      padding-top:0vw;
      padding-bottom:1vw;
          font-size: 15px;
    }

.quickLinks{
    visibility:hidden;
}

.midNightBlue{
    color:#191970 !important
}

.dropdown-li {
    display:inline-block !important;
}
.dropdown-link {
    display:inline-block !important; 
    padding-right:15px !important;
    height : 33px !important;
}

.dropdown-caret {
    display:inline-block !important; 
margin-left:-4px;
   height : 33px !important;
}
.nav > li>a:hover {
    background-color:#337AB7 !important; /*hover background color*/
   
  color:  #FFFFFF; /*hover text color*/
}
.navbar > li:hover > a {
    color:  #FFFFFF; /*hover text color*/
   
}
 .nav > li:hover > ul > a {
        color: #990000; /*dropdown item text color*/
    }
   #dropdownpopulationDomain
   {
        width: 200px;
        height: 200px;
   }
   .populationdropdown ,
    #measureTypeSelector
   {
        width: 300px !important;
        
   }
   #navbarCollapse > ul{
       text-align:center;
        min-height :40px !important;
          font-family:'sans-serif' 'Open Sans';
          font-size:15px;
         
   }
   #nav , #menuRow {
       min-height :38px !important;
   }
   .navbar-nav > li > a {
    padding-top:9px !important; 
    padding-bottom:0 !important;
   color:#2640a4;
    vertical-align:middle !important;
}

   .navbar{
       min-height :25px !important;
       
   }
  
 .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
         
    }
  .divider-vertical {
  height: 38px;
    margin: 0px;
  border-right: 1px solid #F5F5F5;
    border-left: 1px solid #f2f2f2;
    top:0px ;
}
@media (min-width: 200px) and (max-width:768px) {
    .navbar {
        border-radius: 4px;
        padding-left: 1vw;
        text-align:left;
        width: 100vw;
    }

    .smallWidthLeft {
        width: 100vw;
        margin: 0px !important;
        text-align: left;
        visibility: hidden;
        height: 0px;
    }

    .smallWidthRight {
        width: 100vw;
        margin: 0px !important;
        text-align: left;
    }
    .divider-vertical {
 visibility:hidden;
 height:0px !important;
}
    .quickLinks {
        visibility: visible;
    }
}