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

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

a.headerlink, a.headerlink:visited, span.headerlink, span.header {
    color: #0093ff;
    font-weight: 600;
    text-transform: uppercase;
}

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

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

h1 {
    margin: 0;
}

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

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

p {
    margin-bottom: 0;
}

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-font-larger {
    font-size: larger;
}

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

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



.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: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12pt;
    line-height: 1.428571429;
    color: #595959;
    background-color: #ffffff;
}

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

.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: #595959;
}

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.  
 */

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

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

/* Redefinition to fix up the A override.*/
a.scenario-manager-tab-link {
    text-transform: uppercase;
    color: #fff;
}

a.scenario-manager-tab-link:hover {
    cursor: pointer;
    color: #0099cc;
}

/* Shared by charts on various tabs. */

.essa-chart-action-link {
    font-size: small;
    padding-left: 13px;
}

div.chart-control-div {
    margin-top: 23px;  /* Push the range slider down a little. */
}

div.chart-axis-control-div {
    margin-top: 12px;
    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;
    padding-left: 3px;
}

/* Reduce the white space around the title of the Help page. */
div#help-page-top-row {
    padding-top: 0;
    padding-bottom: 0;
}

/* Tweak checkbox labels in the Accounts Manager and Narratives tab. */
label#label-show-disabled-accounts, label#label-show-system-alerts {
    font-weight: normal;
    margin-bottom: 0;
    margin-left: 2px;
}

form[name=loginForm] div.alert {
    margin-top: 10px;
}


/* Switches in the notification subscription editing modal: */

.subscriptions-modal-input-text {
    margin-left: 44px;
    width: 100%;
}

label.switch {
    margin-bottom: 14px;
    font-weight: normal;
}

.switch {
    display: inline-block;
    height: 23px;
    position: relative;
    width: 100%;
}

.switch input {
    display:none;
}

.slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .2s;
}

.slider:before {
    background-color: #fff;
    bottom: 3px;
    content: "";
    height: 18px;
    left: 2px;
    position: absolute;
    transition: .4s;
    width: 18px;
}

input + .slider {
    width: 36px;
}

input:checked + .slider {
    background-color: #66bb6a;
}

/* In theory this should never be used:
label.switch.switch-disabled input:not(:checked) + .slider {
    background-color: hsl(0, 0%, 30%);
    cursor: not-allowed;
}
*/

/*
label.switch.switch-disabled input:checked + .slider {
    background-color: hsla(123, 38%, 30%, 1);
    cursor: not-allowed;
}
*/

label.switch.switch-disabled input + .slider {
    background-color: hsla(123, 38%, 30%, 1);
    cursor: not-allowed;
}

input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

.slider.round {
    border-radius: 20px;
}

.slider.round:before {
    border-radius: 50%;
}

.display-none {
	display: none;
}

ul.nav-tabs {
    margin-left: -32px;
    margin-right: -32px;
    padding-left: 32px;
    padding-right: 32px;
}

#image-footer-logo-row {
    padding: 80px 0 40px 0;
}


.essa-image-footer-image {
    padding: 0;
    margin: 0 0 15px 0;
    height: 100px;
}

#image-footer-logo-dfo {
    padding: 28px 0
}