/* --------------------------------------------- Scheme Color Variables */
/* --------------------------------------------- Logo and Banners */
@media (max-width: 767px) {
  .SchemeLogo {
    background-image: url("images/Hydro_HeaderImage_Small.png");	
  }
}
@media (min-width: 768px) {
  .HeaderImage {
    background-image: url("images/Hydro_HeaderImage_Large.png");	
  }
  .FooterImage {
    background-image: none;
    height: 10px;
  }
}
/* ---------------------------------------------  (Optional) Banner Area Customisation */
body > header {
  background-color: #fff;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a
{
    color: #fff;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus 
{
    background-color: #e1e1e1;
	color: #666666;	
} 
.navbar-inverse {
    border-bottom-width: 0;
}
 .navbar {
    margin-bottom: 0;
} 


/* ------------------------------------------------------ Scheme Primary Colour */
.HeaderNavBox .glyphicon,
.WhitePanel .glyphicon-sim-circle-up,
.WhitePanel .glyphicon-sim-circle-down,
.GreyPanel .glyphicon-sim-circle-up,
.GreyPanel .glyphicon-sim-circle-down,
.Cookie a {
  color: #444D55;
}
.navbar-inverse,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
.SchemePanel2 .PanelHeading,
.LinkPanel,
.btn2 {
  background-color: #444D55;
}
.SchemePanel2 {
  border-color: #444D55;
}
/* ------------------------------------------------------ Scheme Secondary Colour */
h4,
section .DocumentIcon,
.NestedPanelHeadingVariation .glyphicon-sim-circle-up,
.NestedPanelHeadingVariation .glyphicon-sim-circle-down,
.SchemedList > li {
  color: #768692;
}
.HomePageImageBox,
.IconDiv,
.TourIconDiv,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:focus, 
.btn-primary.active:focus, 
.btn-primary:active.focus, 
.btn-primary.active.focus, 
.btn-primary,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-default,
.btn,
.GridTable th,
.ReducedGridTable th,
.SchemeCollapsingPanelHeader,
.SchemePanel1 .PanelHeading,
.HeaderRow,
.InfoSection header,
.GridHeader,
.GridFooter,
.AccordionPanel,
.SchemeMsgs,
.NestedPanelHeading,
.k-calendar .k-state-focused,
.LinkButton {
  background-color: #768692;
  border: none;
}
.GridTable th,
.ReducedGridTable th,
.SchemePanel1,
.GridTable > thead,
.SchemeMsgs,
.Main,
.NestedAccordionPanel,
.NestedPanelContent hr,
.ProjectionNote,
.OptionOfRetirement {
  border-color: #768692;
}
/* ------------------------------------------------------ Scheme Third Colour */
h1,
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active,
h3,
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:active {
  color: #8C8C8C;
}


/* Hide bootstrap default button borders & default styling on btn hover*/
.btn.disabled,
.btn[disabled] {
	border:none;
	color:#333;
	background-color:#e1e1e1;	
}
.btn.disabled:hover,
.btn[disabled]:hover,
.btn.disabled:focus,
.btn[disabled]:focus {
	color:#fff;
	background-color:#e1e1e1;
}

/*--------------------------- Password meter styling updated*/

    meter[value="1"]::-webkit-meter-optimum-value {
        background: red;
    }

    meter[value="2"]::-webkit-meter-optimum-value {
        background: yellow;
    }

    meter[value="3"]::-webkit-meter-optimum-value {
        background: orange;
    }

    meter[value="4"]::-webkit-meter-optimum-value {
        background: green;
    }

    meter[value="1"]::-moz-meter-bar {
        background: red;
    }

    meter[value="2"]::-moz-meter-bar {
        background: yellow;
    }

    meter[value="3"]::-moz-meter-bar {
        background: orange;
    }

    meter[value="4"]::-moz-meter-bar {
        background: green;
    }

    .alert {
        margin-bottom: 0;
    }

    meter {
        width: 100%;
        display: inline-block;
        background: #eeeeee;
        appearance: none;
        -moz-appearance: meter;
        -webkit-appearance: meter;
        height: 0.5em;
        margin: 0 auto 1em;
    }
  /*---------------------------- meter styling for Chrome */
        meter::-webkit-meter-bar {
            background: #eeeeee;
            box-shadow: none;
            border-radius: 0;
            border-width: 0;
            height: 0.5em;
        }
 
/* ----------------------------- IE11 meter fix */
@media all and (-ms-high-contrast:none) {
meter {display: none!important;}
}