body {
  padding-top: 80px;
  background: url('../img/bg2.jpg') no-repeat center fixed;
  background-size: cover;
  background-color: rgba(35, 35, 35, 0.3) !important;
  background-blend-mode: color;
}

.active>a{
    background-color: inherit;
}

.starter-template {
  padding: 40px 15px;
  text-align: center;
    color: white;
}

.opacifyme {
  background-color: rgba(34, 34, 34, 1);
  font-size: 1em;
  padding: 5px;
}

.panel-default .panel-heading {
    /*background-color: rgba(116, 82, 136, 0.6);*/
    background-color: #0c6cac;
    color: white;
}

.handy {
    cursor: pointer;
}

.nobullet {
    list-style: none;
}

.datasets_menu li{
    list-style: none;
    cursor: pointer;
}

.sided > li {
    float: left;
}

.table-wide {
    min-width: 100%;
}

th button{
    float: right;
}

td input{
    text-align: right;
    width: 100%;
}

td.blinput input {
    text-align: left;
}

.tooltip-inner ul {
    padding-left: 10px;
    text-align: left;
}

h1 a, h1 a:hover {
    color: white;
    text-decoration: none;
}

.notselected {
    opacity: 0.3;
}

#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

.overlay-content {
    position: relative;
    top: 25%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

.overlay-content h1{
    color: white;
}

.baselineinput {
    color: green;
}

.chart-legend {
    text-align: center;
}

.topicon {
    color: #50909b;
    font-size: 1.5em;
    font-weight: 300;
    margin-top: 2px;
}

.orange {
    color: orange;
}

.dt-right {
    text-align: right;
}


#customfilters select {
    display: inline-block;
}

.panel-heading h4 a {
    color: white;
    cursor: pointer;
}

.graphcontainer {
    background-color: white;
}

.red{
    background-color: red;
}

.tmpselection{
    background-color: white;
}

.modulemenu {
    background-color: white;
}

.modulemenu .starter-template {
    padding: 0px;
    border-bottom: 1px solid #0c6cac;
}

.speciemenu {
    background-color: white;
    margin-bottom: 5px;
}



.modulemenuimg {
    width: 125px;
}


.navbar-inverse {
    background-color: #116aab;
    border-color: #116aab;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
    background-color: #116aab;
}

.navbar-fixed-top {
    min-height: 80px;
}

.navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 80px;
}

@media (max-width: 767px) {
    .navbar-nav > li > a {
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;}
}

ul.errorlist li {
    color: red;
}

#results-display-options {
    background-color: white;
    border: 1px solid transparent;;
    border-radius: 4px;
    margin-bottom: 5px;

}

.form-check-label {
    font-weight: 100;
}

#disclaimer-splash {
    display: none;
    background-color: #5b80b2;
    color: white;
    width: 100%;
    height: 100%;
    overflow: scroll;
    position: fixed;
    z-index: 1000000;
    padding: 60px;
    padding-bottom: 160px;
    margin: 0;
}