html,body,#sidebar,#container {
    height: 100%;
    margin: 0;
}
body {
    padding-top: 50px;
  /*  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
  font-family:"Open Sans", sans-serif;
    overflow: auto;
}
p {
      /*  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
  font-family:"Open Sans", sans-serif;
    font-size:13px;
}
h1 {
    font-size: 24px;
}
h1,h2,h3,h4,h5,h6 {
/*  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
    font-family:"Open Sans", sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: #434343;
}
h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 5px 0;
    color: #333;
}
.home-headers {
    font-size: 20px;
    font-weight: bold;
    margin: 0px;
    color: rgb(88,34,103);
}
label {
    font-weight: 400;
}
.logo-title{
    font-weight: 700;
    font-size: 22px;
    color: #FFF !important;
}
 .feedback{
    text-align: center;
    padding-right: 15px;
    padding-left: 15px
}
/*--------------------------------------------------------*/
/*--------  UI Element Color Styles  ---------------------*/
/*------- Change to alter color theme  -------------------*/
/*--------------------------------------------------------*/
body, .landing, #sidebar {
  /*  background-color: #bca6c2 !important; */
    background-color: #efefef !important;
}
.infowrap, .ofooter, .oheader {
 /*    background-color: #582267 !important; */
   background-color: #434343 !important; 
}
.infowrap {
   background-color: #f5f5f5 !important;
}
.infowrap, #infoheader, .footer_btn, .footernav, .ofooter, .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form, .navbar-inverse {
    border-color: #ddd;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-nav>li>a:hover, .footer_btn:hover {
    background-color: #DDD;
    border-color:#DDD;
}
.navbar-nav.navbar-right:last-child{
margin-right: 5px;
}
.footer_btn, #infoheader, .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus, .navbar-nav>li>a, .navbar-nav>li>.dropdown  {
  background-color: #E9E9E9;  
}
.navbar-inverse .navbar-toggle, .navbar-nav > li > .dropdown-menu {
    border-color:#E9E9E9;
}
#indactorInfo .nav-tabs>li.active>a{
  /*  border-bottom-color: #6689BC !important; */
    border-bottom-color: #008d92 !important;
}
.hp-link {
    color:white !important;
}
.navbar-inverse .navbar-nav>li>a, .footer_btn, .chkicon, .legend-check i {
    color: #434343 !important;
}
/*a, .navbar-inverse .navbar-nav>li>a, .footer_btn, .chkicon, .legend-check i {
    color: #434343 !important;
} */
.navbar-inverse .navbar-toggle .icon-bar{
  /*  background-color: #6689BC !important; */
    background-color: #008d92 !important;  
}
a:hover, .navbar-inverse .navbar-nav>li>a:hover, .footer_btn:hover , .legend-check i:hover{
  /*  color: #5876A2 !important; */
    color: #434343 !important; 
}

.navbar-brand{
    height: 60px;
}

.landingLink>a{
  color: #FFFFFF !important;
}
.landingUI>a {
  color: #FFFFFF !important;
}
.landingUI {
  margin-right:50px;
}
/* .landingLink>a:hover, .landingUI>a:hover {
    border-bottom: 3px solid #312867;
    color: #BBE6FA;
} */
.navbar-inverse .navbar-toggle, .navbar-nav > li > .dropdown-menu {
    border-color:#E9E9E9;
}
#indactorInfo .nav-tabs>li.active>a{
    border-bottom-color: #6689BC !important;
}
.navbar-inverse .navbar-toggle .icon-bar{
    background-color: #6689BC !important;
}
.footer_btn, .chkicon, .legend-check i {
    color: #6689BC !important;
}
.leaflet-bar a, .leaflet-bar a:hover {
 color: #6689BC !important;
}
.input-group #searchbox.form-control {
    float: right;
}
.content-footer {
    color: #efefef;
    padding: 30px 0;
    min-height: 200px;
    background-color: #312867;
    margin-top: 50px;
    font-size: 12px;
}
.tooltip {
    position: absolute;
    background: rgba(200, 200, 200, 0.95);
    border: 1px solid #ddd;
    padding: 5px 12px; 
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(120, 120, 120, 0.55);
    text-shadow: 0 1px 0 #eee;
}
.ttL {
    position: absolute;
    background: rgba(68, 68, 68, 1);
    border: 1px solid #ddd;
    padding: 5px 12px; 
    border-radius: 5px;
    color: white;
    box-shadow: 2px 2px 2px rgba(120, 120, 120, 0.55);
}
.name {
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
    fill: rgb(65, 65, 65);
    font-weight: bold;
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}

/*--------------------------------------------------------*/
/*--------  TOD Home Page  Color Styles  ---------------------*/
/*--------------------------------------------------------*/
#home {
    margin-top:20px;
}
.homepage-data-overlay {
    position: absolute;
    right: 0;
    bottom: 0;
    height: auto;
    max-width: 100%;
    display: block; 
    background-size: cover; /* or contain depending on what you want */
    background-position: center center;
    background-repeat: no-repeat;
}
.homepage-title {
    float: none;
    padding-top: 38px;
  /*  margin-bottom: 30px; */
 /*   border-bottom: 1px solid #ddd; */
   /* background: url(images/header_bg.png) center 60% no-repeat no-repeat #dcdcdc; */
    background-color:#efefef;
 /*   background-size: cover; */
 /*   height: 470px; */
    height: 560px;
}
.homepage-title h3, .hp-block-text, #page1 h3 {
  /*  background-color: rgba(255,255,255,.75); */
    color: #24abe2;
    font-size: 20px;
    margin-top: 10px;
}
.hp-tool-links h3{
    color: #24abe2;
}
.page-title {
    float: none;
    padding-top: 5px;
    margin-bottom: 20px;
    min-height: 57px;
    border-bottom: 1px solid #ddd;
    background-color: #efefef;
}
.disclaimer-tab-header{
    text-align: center;
    color: #582267;
}

.disclaimer-tab-emphasis{
    color: #582267;
    text-shadow: 0 0.025em #582267, 0 -0.025em #582267, 0.02em 0 #333, -0.02em 0 #582267;
}
.ipd-info {
    color: black;
    font-size: 14px;
    overflow-y: auto;
}

.bottom-row{
    margin-top: 25px;
    height: 350px;
}
.title-vi-info{
background-color: #fff;
color: #434343;
font-size: 14px;
overflow-y: hidden;
border-left: 2px solid #fff;
padding: 10px 25px 25px;
margin: 0px;
box-shadow: 0 0 10px #b7b7b7;
}

.home-headers-2{
    font-weight: 700;
    color: rgb(88,34,103);
    text-align: center;
    margin: 10px 0 5px;
}

.ipd-factor-list{
    font-size: .9em;
    padding: 0;
    margin: auto;
}

.ipd-card-box{
 /*   max-width: 50%; */
    margin: 20px auto;
    bottom: 50px;
    left: 0;
    right: 0;
}
@media screen and (max-width: 1200px){
    .ipd-card-box{
        width: 100%;
        bottom: 0;
    }
}
.ipd-method h3 {
  /*  background-color: rgba(36,171,226,.85); */
    color: white;
}
.ipd-method {
background-color: #fff;
color: #434343;
font-size: 14px;
overflow-y: auto;
border-left: 2px solid #fff;
padding: 10px 25px 5px;
margin: 0px;
}
.hp-tool-links {
    background-color: rgb(88,34,103);
    border: 1px solid #B7B7B7;
    text-align: center;
    padding: 10px 20px 20px;
    transition: all .3s ease-in-out;
    color: #fff;
}
.hp-tool-links, .stat-block {
    box-shadow: 0 0 10px #b7b7b7;
}
.hp-tool-btn {
    background-color: #312867;
    color: #fff;
    padding: 15px;
    width: 100%;
    font-size: 1.2em;
    border: none;
}
.hp-btn-upper {
    margin-bottom: 10px;
}
.btn-primary a{
    color: #fff;
}
.hpbanner {
    box-shadow: 0 0 10px #27233C;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #24abe2;
}
.hpbanner h2, .hpbanner h3, .hpbanner h4 {
    color: #fff !important;
}
.recentProjs > li > a {
    color: #BBE6FA !important;
}
#mi-export-overlay {
    background: url(images/mapicon.png) no-repeat;
    float: left;
    top: 10px;
    left: 15px;
    width: 195px;
    height: 87px;
}
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: left;        /* adjust as needed */
    color: #24abe2;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

#acorn {
    margin-left: 10px;
    color: #24abe2;
}
.panel-acorn {
    border: none;
    background: none;
}

.tab-image{
    text-align: center;
}
.tab-image>img{
    display: inline-block;
    margin: 0 5px
}
.tab-image>figcaption{
    text-align: left;
    margin: 20px 0;

}
/* INDICATOR MODALS - DOWNLOAD LINKS (Robert Beatty: 3/5/2018) */
    .download-block{
        display: inline-block;
        float: right;
        width: 80%;
        margin: auto;
    }
    .download-block>p{
        display: inline;
    }
    .download-link{
        display: inline-block;
        margin: 0 5px;
    }
    table.ave_table {
      border: 1px solid #1C6EA4;
      background-color: #EEEEEE;
      width: 100%;
      text-align: center;
      border-collapse: collapse;
    }
    table.ave_table td, table.ave_table th {
      border: 1px solid #AAAAAA;
      padding: 3px 2px;
    }
    table.ave_table tbody td tr {
      font-size: 11px;
    }
    table.ave_table tr:nth-child(even) {
      background-color: #fff;
    }
    table.ave_table thead {
      background-color: #434343 !important;;
      border-bottom: 2px solid #444444;
    }
    table.ave_table thead th {
      font-size: 15px;
      font-weight: bold;
      color: #FFFFFF;
      border-left: 2px solid #D0E4F5;
      text-align: center;
    }
    table.ave_table thead th:first-child {
       border-left: none;  
    }