a, a:visited {
   color:#0093ff;
}

    a:hover {
        color: #0093ff;
        cursor: pointer;
    }

    a.headerlink, a.headerlink:visited, span.headerlink, span.header {
        color: #ffffff;
        text-decoration: none;
    }

    a.headerlink:hover, span.headerlink:hover {
        color: #ffffff;
        text-decoration: underline;
        cursor: pointer;
    }

    hr {
    margin-top: 0px;
    margin-bottom: 0px;
}

    h1 {
    margin: 0px;
        color: #067d94;
}

h3 {
    font-size: 18pt;
    line-height: 1.3;
    /*color: #767676;in*/
    /* color: #656565; */
	        color: #067d94;
    margin: 0px;
}

h4 {
    font-size: 14pt;
    line-height: 1.5;
    /*color: #767676;in*/
    /* color: #656565; */
	        color: #067d94;
    margin: 0px;    
}

p {
    margin-bottom: 0px;
}

td {
    padding: 8px;
}

th {
    padding: 8px;
}

.essa-font-size-small {
    font-size: 14pt;
}

.essa-font-size-smaller {
    font-size: 12pt;
}

.essa-font-size-smallest {
    font-size: 11pt;        
}

.essa-font-report-card {
    font-size: 10pt;
}

.essa-graph-link {
    text-decoration: underline;
    color: #0099ff;
    cursor: pointer;
}

.essa-font-weight-medium {
    font-weight: 400;
}

.essa-font-weight-strong {
    font-weight: 600;
}
.essa-font-weight-strongest {
    font-weight: 700;
}

.essa-page-heading {
    font-size: 24pt;
}

.essa-page-heading-icon {
    font-size: 48px;
    margin-right: 16px;
    margin-left: -8px;
    line-height: initial;
}

.essa-card-icon {
    font-size: 24px;   
}

.essa-card-icon:hover {
    cursor: pointer;
    color: #0093ff;
}

.essa-sub-heading-icon {
    margin-right: 16px;
    margin-left: -2px;
}

.essa-circle-outline {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}




#downarrow {
    position: fixed;
    left: 50px;
            padding: 10px;
    top: 605px;
            z-index: 1000;
    cursor: pointer;
}

#downarrow img {
    width: 50px;
    height: 50px;
}

body {
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12pt;
    line-height: 1.428571429;
    color: #6b6b6b;
    background-color: #ffffff;
}

.essa-formheading {
    text-transform: uppercase;
    margin-bottom: 0px;
}

.essa-subheading {
    font-style: italic;
}

h1 {

    font-weight: 300;
    font-size: 30pt;
    line-height: 1.3;
    color: #453136;
}


h2 {
    font-weight: 300;
    font-size: 20pt;
    line-height: 1.3;
    color: #9da0a2;
}

h3 {
    font-weight: 300;
    font-size: 18pt;
    line-height: 1.3;
    /*color: #767676;in*/
    color: #656565;
}

h4 {
    color: #453136;
    font-weight: 300;
    line-height: 1.3;
    font-size: 13.5pt;
}

p {
    font-weight: normal;
    font-size: 12pt;
    line-height: 1.6;
    color: #85888b;
}

em {
    font-weight:400;
    font-style:italic;

}

strong{
    font-weight:700;
    font-style:normal;
}

.navbar-toggle {
display: block;
}

.icon-bar {
    background-color:#0093ff;
}

.btn-primary.waves-button {
    background-color: #0099cc;
    color: #ffffff;
    text-transform: uppercase;
}

.btn-primary.waves-button.disabled {
  background-color: #b0b2b4;
  color: #ffffff;
  text-transform: uppercase;
}

.btn-primary.waves-button:disabled {
  background-color: #b0b2b4;
  color: #ffffff;
  text-transform: uppercase;
}


.btn-alternate.waves-button {
    background-color: #006666;
    color: #ffffff;
    text-transform: uppercase;
}

.btn-alternate.waves-button:disabled {
  background-color: #b0b2b4;
  color: #ffffff;
  text-transform: uppercase;
}

.wateryear-sunny, .wateryear-normal, .wateryear-rainy {
    transition: color 1s;
    border-color: #ffffff;
    border-width: 2px;
    border-radius: 5px;
}

/* Highlight animations. */
.wateryear-sunny:hover {
    color: #cccc00;
    border-color: white;
}

.wateryear-normal:hover {
    color: #0099cc;
}

.wateryear-rainy:hover {
    color: #0099ff;
}

@-webkit-keyframes wateryear-sunny-activity {
    0% { color: #cccc00;border-color:#ffffff}
	100% { color: #ffffff;background-color: #cccc00;border-color:#003333;border-radius: 5px; }
	}  

@-moz-keyframes wateryear-sunny-activity {
    0% { color: #cccc00;border: solid 2px #ffffff;}
	100% { color: #ffffff;background-color: #cccc00;border: solid 2px #003333;border-radius: 5px; }
	}  

@keyframes wateryear-sunny-activity {
    0% { color: #cccc00;border: solid 2px #ffffff;}
	100% { color: #ffffff;background-color: #cccc00;border: solid 2px #003333;border-radius: 5px; }
}

@-webkit-keyframes wateryear-normal-activity {
    0% { color: #0099cc;border: solid 2px #ffffff;}
	100% { color: #ffffff;background-color: #0099cc;border: solid 2px #003333;border-radius: 5px; }
	}  

@-moz-keyframes wateryear-normal-activity {
    0% { color: #0099cc;border: solid 2px #ffffff;}
	100% { color: #ffffff;background-color: #0099cc;border: solid 2px #003333;border-radius: 5px; }
	}  

@keyframes wateryear-normal-activity {
    0% { color: #0099cc;border: solid 2px #ffffff;}
	100% { color: #ffffff;background-color: #0099cc;border: solid 2px #003333;border-radius: 5px; }
}

@-webkit-keyframes wateryear-rainy-activity {
    0% { color: #0099ff;border: solid 2px #ffffff;}
	100% { color: #ffffff;background-color: #0099ff;border: solid 2px #003333;border-radius: 5px; }
	}  

@-moz-keyframes wateryear-rainy-activity {
    0% { color: #0099ff;border: solid 2px #ffffff;}
	100% { color: #ffffff;background-color: #0099ff;border: solid 2px #003333;border-radius: 5px; }
	}  

@keyframes wateryear-rainy-activity {
    0% { color: #0099ff;border: solid 2px #ffffff;}
	100% { color: #ffffff;background-color: #0099ff;border: solid 2px #003333;border-radius: 5px; }
}

.wateryear-sunny-active {
    -webkit-animation: wateryear-sunny-activity 1s;
    -moz-animation: wateryear-sunny-activity 1s;
    animation: wateryear-sunny-activity 1s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    /*color: yellow;
    background-color: #b0b2b4;
    border: solid 2px #003333;
    border-radius: 5px;*/
}



.wateryear-normal-active {
        -webkit-animation: wateryear-normal-activity 1s;
    -moz-animation: wateryear-normal-activity 1s;
    animation: wateryear-normal-activity 1s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}



.wateryear-rainy-active {
            -webkit-animation: wateryear-rainy-activity 1s;
    -moz-animation: wateryear-rainy-activity 1s;
    animation: wateryear-rainy-activity 1s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    /*background-color: #0099ff;
    color: white;
    border: solid 2px #003333;
    border-radius: 5px;*/
}


     [ng\:cloak], [ng-cloak], .ng-cloak {
            display: none !important;
        }
        /* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */


        .table-filter-controls label {
  font-weight: normal;
}

.table-filter-controls label#water-year-filter {
  float: left;
  width: 275px;
}

.table-filter-controls label#water-year-filter .group {
  float: right;
}

.table-filter-controls label#water-year-filter select {
  width: 150px;
}

.table-filter-controls label#all-owners-filter {
  float: right;
  width: 140px;
  text-align: right;
}

.table-filter-controls label#all-owners-filter input {
  float: left;
}

/*!
   angular-block-ui v0.2.1
   (c) 2015 (null) McNull https://github.com/McNull/angular-block-ui
   License: MIT
*/
.block-ui {
  position: relative;
}

body.block-ui {
  /* IE8 doesn't support .block-ui:not(body) */
  position: static;
}

body.block-ui > .block-ui-container,
.block-ui-main > .block-ui-container {
  position: fixed;
}

.block-ui-container {
  position: absolute;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=00);
}

.block-ui-active > .block-ui-container {
  height: 100%;
  cursor: wait;
}

.block-ui-active .block-ui-active > .block-ui-container {
  height: 0;
}

.block-ui-visible > .block-ui-container {
  opacity: 1;
  filter: alpha(opacity=100);
}

.block-ui-overlay {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: white;
}

.block-ui-message-container {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  height: 0;
  text-align: center;
  z-index: 10001;
}

.block-ui-message {
  display: inline-block;
  text-align: left;
  background-color: #333;
  color: #f5f5f5;
  padding: 20px;
  border-radius: 4px;
  font-size: 20px;
  font-weight: bold;
  /* needed for IE */
  filter: alpha(opacity=100);
}

/* - - - - - - 8-< - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.block-ui-anim-fade > .block-ui-container {
  transition: height 0s linear 200ms, opacity 200ms ease 0s;
}

.block-ui-anim-fade.block-ui-active > .block-ui-container {
  /*this resets the initial delay of the height */
  /*and sizes the block to full height at once at the start of the block. */
  transition-delay: 0s;
}

/* - - - - - - 8-< - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*# sourceMappingURL=angular-block-ui.css.map */

.dam-release-column {
    min-width: 60px;
    max-width: 60px;
}

.extractions-column {
        min-width: 60px;
}

.extractions-header {
    min-width: 120px;
    max-width: 120px;    
}

.essa-login-form input {
    font-size: 1.5em;
}

.inflow-measurement-label {
    width: 50px;
    display: inline-block;
}

.inflow-measurement-field {
    width: 45px;
    display: inline-block;
}

.scenario-manager-entry:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #0099cc;
}

div.chart-control-div {
    margin-top: -7px;  /* Pull the range slider up towards the chart a little. */
}

div.chart-axis-control-div {
    margin-top: 15px;
    margin-left: 95px;  /* align with the left edge of the range slider */
}

i.chart-axis-control-icon {
    cursor: pointer;
    /* Stop double-clicking from selecting the surrounding text: */
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

/* Give radio buttons a little more white space.
   Where should this live? essa.material-design.csss? */
input[type="radio"] {
    margin-right: 7px;
}

div#welcome p {
    margin-bottom: 15px;
}
/* Leaflet map overrides - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.leaflet-popup-content {
    line-height: 1.8; /* Add some lineheight to the typography */
}

#essa-header-NWMT-logo {
    height: 88px;
    width: auto;
    padding: 5px 10px 5px 0;
}


/* Make the box around the "dismiss all alerts" button invisible, so the text is just floating. */
div#model-run-warnings-dismiss-all.alert-warning {
    background-color: transparent;
    border-color: transparent;
    color: #8a6d3b;
    padding-top: 0;
    padding-bottom: 30px;
}

div#model-run-warnings-dismiss-all span.dismiss-all-text {
    font-size: smaller;
}

.display-none {
	display: none;
}