/*tweak the colors available in the bootstrap a little */
.navbar-inverse,
.navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-toggle:hover 
{
    background-color: #003366;
    border:none;
}
.navbar-inverse .navbar-text {
  color: #ffffff;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a 
{
    color:#ffffff
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus{
  color: #ffffff;
  background-color: #06227d;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus{
  color: #ffffff;
  background-color: #007FFF;
}

.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    font-weight:bold;
}  
.navbar-inverse .navbar-nav > .disabled > a
{
    color: #ffffff;
}
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
    font-weight:bold;
} 


.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #003366;
}

    .navbar-inverse .navbar-nav .dropdown-menu > li > a,
    .navbar-inverse .navbar-nav > li > .dropdown-menu,
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        color: #ffffff;
        text-decoration: none;
        background-color: #587893;
    }

    .navbar-inverse .navbar-nav .dropdown-menu > li > a:focus,
    .navbar-inverse .navbar-nav .dropdown-menu > li > a:hover {
        color: #ffffff;
        text-decoration: none;
        background-color: #587893;
    }

/*experiment with putting a button on the navbar with an image*/
.navbar-default .navbar-nav>.active>a.notice:before,
.navbar-nav>li>a.notice:before {
    background-repeat: no-repeat;
    background-position: 0 top;
    content: "";
    display: inline-block;
    height: inherit;
    margin-right: 10px;
    vertical-align: middle;
    width: 28px;
    background: url('../images/warning-flat-icon.png'); 
    
}

#test
{background: url('../images/warning-flat-icon.png'); 
 width:28px;
}

.accessible-link {
    text-decoration: underline;
    color: #014f81;
}

.clickable{
    cursor: pointer;
}

.space-below {
    margin-bottom: 1.5rem !important;
}

.space-above {
    margin-top: 1.5rem !important;
}

.psc-ada-notice {
    background: #fff;
    border-top: 1px solid #dfdfdf;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    padding: 10px 0;
}

    .psc-ada-notice a {
        color: #014f81 !important;
        text-decoration: underline;
    }
/*Styles for ada footer*/
.red-ada-footer-border {
    border: 3px solid;
    border-color: darkred;
    border-radius: 3px;
}

.warning-ada-footer-border {
    border: 3px solid;
    border-color: gold;
    border-radius: 3px;
}

.green-ada-footer-border {
    border: 3px solid;
    border-color: forestgreen;
    border-radius: 3px;
}