/***********************************
    GLOBALS
************************************/
* {
    font-family: 'Roboto', sans-serif;
}

footer .navbar-inverse{
    background-color:#fff;
}

td input[type='text'] {
    width: 100%;
    height: 100%;
    border: none;
}

td input[type='checkbox'] {
    margin: 0 auto;
    display: block;
}

td select {
    width: 100%;
    height: 100%;
    border: none;
}

a, a:hover, a:active, a:focus, input, .btn:focus, :focus {
    outline: none !important;
}

h1 {
    margin: 25px auto;
    font-size: 25px;
    text-transform: uppercase;
    color: #aaa;
    border-bottom: 1px solid #eee;
}

h1 em {
    line-height: 40px;
    font-size: 40%;
    float: right;
}

h2 {
    margin-top: 0;
    color: #456F99;
    font-size: 16px;
    text-transform: uppercase;
}

h3 {
    margin-top: 0;
    color: #456F99;
    font-weight: 700;
}

h3 em, h3 span {
    font-weight: bold;
    font-style: normal;
}

h5 {
    font-weight: bold;
}

.form-control[readonly] {
    background-color: #fff;
}

/***********************************
    TOOLS
************************************/
.r-txt {
    text-align: right !important;
    display: block;
}

.center {
    text-align: center;
}

.glyphicon {
    margin-right: 4px;
}

/***********************************
    HEADER & TOP NAV
************************************/
.top-nav {
    width: 100%;
    min-height: 100px;
    padding: 0 5px 0 0;
    text-align: right;
    background: #76afe9;
    background: -moz-linear-gradient(top, #76afe9 0%, #e3fffe 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #76afe9), color-stop(100%, #e3fffe));
    background: -webkit-linear-gradient(top, #76afe9 0%, #e3fffe 100%);
    background: -o-linear-gradient(top, #76afe9 0%, #e3fffe 100%);
    background: -ms-linear-gradient(top, #76afe9 0%, #e3fffe 100%);
    background: linear-gradient(to bottom, #76afe9 0%, #e3fffe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76afe9', endColorstr='#e3fffe', GradientType=0 );
}

/*Support for submenu*/
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

.top-bkgd {
    height: 100px;
    background: url(../img/bkgd.png) no-repeat right 0px;
}

.top-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.top-nav ul li {
    display: inline-block;
    margin: 5px;
}

.top-nav ul li a {
    margin: 10px 3px 0 3px;
    padding: 2px 5px;
    background: #fff;
    opacity: 0.5;
    border-radius: 4px;
    font-size: small;
    color: #23346F;
    text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
}

.top-nav ul li a:hover {
    opacity: 1;
    color: #23346F;
    text-decoration: none;
}

.top-nav .branding {
    float: left;
    width: 65%;
    height: 100px;
    text-align: left;
}

.top-nav .branding a.branding-txt h3 {
    margin: 15px 0 0 0;
    font-weight: normal;
    text-transform: uppercase;
    color: #23346F;
}

.top-nav .branding a.branding-txt h4 {
    margin: 5px 0 2px 0;
    font-size: 20px;
    color: #23346F;
}

.top-nav .branding a.branding-txt h5 {
    margin: 0;
    font-size: 16px;
    color: #23346F;
}

.top-nav .branding a.branding-txt:hover {
    text-decoration: none;
}

.top-nav .branding img {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    text-align: left;
}

.top-nav .welcome {
    float: right;
    width: 35%;
    height: 100px;
    color: #23346F;
}

.top-nav .welcome ul.auth-links {
    position: absolute;
    top: 55px;
    right: 30px;
}

.project-count {
    color: crimson;
    margin-left: 8px;
}

/**********************************
    Title Bar
***********************************/
.title-bar > h2 {
    display: inline-block;
    
}
.title-bar {
    margin-top: 10px;
    margin-bottom: 10px;
}

/*Mobile Menu*/
.navbar-header {
    float: none;
}

.navbar-header ul.auth-links {
    display: none;
}

/*Top Menu*/
.navbar-default {
    background: #23346F;
    border-bottom-color: #fff;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.navbar-right {
    margin-right: 0;
}

.navbar-default .navbar-nav > li {
    padding: 0;
    margin: 0;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > button {
    border: none; /*Needed for buttons in nav that we want to display as links*/
    padding: 5px 15px;
    color: #ddd;
    font-size:1.2em;
    font-weight:bold;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > button:hover, .navbar-default .navbar-nav > li > button:focus {
    color: #fff;
    text-decoration: none;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: #456F99;
    color: #fff;
}

/***********************************
    MAIN
************************************/
.wrapper {
    padding: 150px 15px 150px 15px;
}

.partial-wrapper{
    padding:0 1em;
}
/***********************************
    Aerial Buttons
************************************/
.aerial-btn-info, .aerial-btn-info:focus {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.aerial-btn-info-selected {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

/***********************************
    LEGEND (Map Button)
************************************/

.noHover{
    pointer-events: none;
}

.legend-display {
    width: 100% !important;
    list-style-type: none;
}

ul.public-lands li span {
    height: 20px !important;
}

.map-legend {
    cursor:default;

}
.map-legend-list {
    margin: 0 .5em;
    padding: .5em .5em;
    float: none;
}

.map-legend-list li  {
    text-align: left;
    white-space: pre-wrap;
}

.legend-display {
    display: table;
    font-size: 85%;
}

.legend-display li {
    padding: 5px 0;
}

.legend-display li span{
    display: inline-block;
    width: 20px;
    vertical-align: middle;
}

.file-well {
    text-align: center;
}

.file-well input {
    /*visibility: hidden;*/
    height: 120px;
}

.mapLeftBottom
{
    overflow: initial;
}

.dropzone .dz-preview .dz-progress {
    background: none;
}

.dz-size {
    display: none;
}

.dropzone .dz-preview .dz-image {
    width: 160px;
    height: 60px;
}

dz-progress {
    display: none;
}

.dropzone .dz-preview .dz-details {
    padding: 1em;
}
    
ul .public-lands > li:nth-child(1) span {
    background: white !important;
    border: 1px solid #dad6c6 !important;
}

ul.public-lands > li:nth-child(2) span {
    background: #ffe482 !important;
    border: 1px solid #dad6c6 !important;
}

ul.public-lands > li:nth-child(3) span {
    background: #fff8ad !important;
    border: 1px solid #d1d0c7 !important;
}

ul.public-lands > li:nth-child(4) span {
    background: #009db8 !important;
    border: 1px solid #b0c4c9 !important;
}

ul.public-lands > li:nth-child(5) span {
    background: #b1acd5 !important;
    border: 1px solid #cbcad3 !important;
}

ul.public-lands > li:nth-child(6) span {
    background: #b2caba;
    border: 1px solid #c1c7c3;
}

ul.public-lands > li:nth-child(7) span {
    background: #bbdda6;
    border: 1px solid #c8d6c0;
}

ul.public-lands > li:nth-child(8) span {
    background: #eecaca;
    border: 1px solid #d9d3d4;
}

ul.public-lands > li:nth-child(9) span {
    background: #bed2ff;
    border: 1px solid #c8cedb;
}

ul.public-lands > li:nth-child(10) span {
    background: #a0cbed;
    border: 1px solid #bdccd8;
}

ul.public-lands > li:nth-child(11) span {
    background: #b2bbbf;
    border: 1px solid #dfe2e4;
}

ul.public-lands > li:nth-child(12) span {
    background: #e69900;
    border: 1px solid #d5c5b6;
}

ul.public-lands > li:nth-child(13) span {
    background: #a86f00;
    border: 1px solid #d5c5b6;
}

ul.public-lands > li:nth-child(14) span {
    background-color: white;
    border: 1px solid #d5c5b6;
    background: url('../img/main-sprite.png') no-repeat -181.5px -1.5px;
}
/*Buttons*/
.controls {
    margin: 20px 0;
}

.controls .btn-group ul.dropdown-menu a {
    cursor: pointer;
}

ul.dropdown-menu li a{
    font-size:1.2em;
}

.table button {
    display: block;
    margin: 0 auto;
    padding: 4px 6px;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-primary, .table .btn, .btn-primary:focus {
    background-color: #23346F;
    border-color: #000;
    color: #fff;
}

button.btn-primary, .table button, button.btn-primary:active, button.btn-primary.active, .open > .dropdown-togglebutton.btn-primary {
    transition: all 0.3s ease 0s;
}

button.btn-primary:hover, .table .btn:hover {
    background-color: #456F99;
    border-color: #23346F;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    text-decoration: none;
    color: #fff;
}

button.btn-primary:focus, .table button:focus {
    color: #66AFE9;
}

.searchRow {
    font-size: 90%;
    margin: 0 0 0 0;
}

.trs-span{
    margin: 0 auto;
    background-color: transparent;
}

/*Button Hide*/
.btn-hide {
    float: right;
}

/*Info icons*/
.shpo-info-sign{
    color: darkblue;
}

/*Messages*/
.validation-status-message span:empty, span.message:empty {
    display: none;
}

.validation-status-message span:not(:empty), span.message:not(:empty) {
    display: block;
}

.validation-status-message span, span.message {
    margin-bottom: 10px;
    padding: .5em;
    color: #8a6d3b;
    background: #fcf8e3;
    border: 1px solid #faebcc;
    border-radius: 4px;
}

/*Date Picker Jquery UI Overide to Fix Bootstrap Banner from covering it up*/
#ui-datepicker-div {
    z-index: 1035 !important;
}

/***********************************
    PAGE SPECIFIC
************************************/
/*Home Page*/
.product .box {
    margin: 20px 0 10px 0;
    padding: 25px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    text-align: center;
    min-height: 200px;
}

.product .box p {
    padding: 0 15% 10px 15%;
    color: #555;
    font-size: 15px;
    line-height: 21px;
}
/*Document Submission*/
#document-submission .validating-list div{
    height: 150px !important;
}

/*Required Okta Login*/
#okta-login a {
    color: #0090cb;
}

#okta-login a:hover {
    color: #0077B2;
}

#okta-login.login-wrapper {
    width: 300px;
    margin: 30px auto;
    text-align: center;
    padding: 0.5rem;
}

#okta-login .logo {
    width: 150px;
    margin-bottom: 0.5rem;
}

#okta-login {
    background-color: #3A5C81;
    border: solid 1px #14365B;
}

#okta-login .btn-danger {
    background: #7b1212;
    border: 1px solid #620000;
    color: #fff;
}

#okta-login .btn-danger:hover {
    background: #620000;
}

#okta-login .login-container {
    background-color: #fff;
    padding: 1.5rem;
}

#okta-login p {
    margin-bottom: 0;
}

/*All Forms*/
.shpo-form {
    margin: 0 0 5px 0px;
    padding: 5px;
    background: #dfe8f1;
    border: 1px solid #CCC;
}

.form-control {
    padding:3px 6px;
    height:100%;

}

/*Placeholders*/
.form-control::-webkit-input-placeholder, .form-control:-moz-placeholder, .form-control::-moz-placeholder, .form-control:-ms-input-placeholder {
    color: #689ACA;
    vertical-align: middle;
}

.placeholder {
    color: #689ACA;
}

::-webkit-input-placeholder {
    color: #689ACA !important;
}

:-moz-placeholder {
    color: #689ACA !important;
}

::-moz-placeholder {
    color: #689ACA !important;
}

:-ms-input-placeholder {
    color: #689ACA !important;
}

select option:first-child {
    color: #689ACA;
}

select option {
    color: #555;
}

/*All Tables*/
.table-responsive {
    margin: 20px 0;
}

/*All Validating Text Boxes*/
.validating-list div {
    overflow: auto;
    padding: 5px;
    border: 1px solid #aaa;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0,0,0,.15);
}

.validating-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.validating-list ul li a {
    display: block;
    width: 98%;
    padding: 1%;
    cursor: pointer;
    color: #555;
}

.validating-list ul li a:hover {
    text-decoration: none;
    background-color: #3875d7;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));
    background-image: -webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);
    background-image: -moz-linear-gradient(#3875d7 20%,#2a62bc 90%);
    background-image: -o-linear-gradient(#3875d7 20%,#2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%,#2a62bc 90%);
    color: #fff;
}

/*Eligibility Pages*/
.criterion {
    text-align: center;
}
.eligibility{
    width:100%
}

.eligibility .checkbox-inline {
    width: 20%;
    padding: 0;
    text-align: center;
}

/*Chosen Controls*/
.chosen-container {
    height: 100%;
    width: 100%;
}

.chosen-container .chosen-single {
    width: 100%;
    height: 100%;
}

.chosen-container-multi .chosen-choices {
    background-image:none!important;
    border:none!important;
    box-shadow:none!important;
}

.chosen-container-multi .chosen-choices 
li.search-field input[type=text],.placeholder{
    color:#689ACA!important;
}

/*Effect Page*/
table .chosen-container .chosen-single {
    background: transparent !important;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background: #fff !important;
}

.chosen-container-single .chosen-single {
    display: block !important;
    width: 100% !important;
    height: 34px !important;
    padding: 6px 8px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
}

.chosen-container-active .chosen-single, input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    border-color: #66afe9 !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
}

.chosen-container-single .chosen-drop {
    margin-top: 0 !important;
}

.chosen-container .chosen-widget-invalid-input {
    color: #a94442 !important;
    background-color: #f2dede !important;
    font-weight: bold;
}

.chosen-container-single .chosen-single div b {
    background-position: 2px 7px !important;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -16px 7px !important;
}

/*Manage Users*/
.user-icons {
    display: block;
    width: 30px;
    margin: 0 auto;
    font-size: 30px;
}

.icon-good {
    color: #5CB85C;
}

.icon-bad {
    color: #D9534F;
}

/*Crab Page*/
.site-names-input{
    min-width:160px;
}

/*Site Page*/
.checkbox-label label{
    font-weight:normal;
    cursor:pointer;
}

/*Memo Field Heights - To Make Everything Lineup*/
.project-memo textarea, .elig-memo textarea {
    min-height: 107px;
}

/***********************************
    BOOTSTRAP OVERIDES FOR FOOTABLE
************************************/
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #eee;
}

.footable .pagination {
    display: block;
    margin: 0 auto;
}

.footable tbody select, .footable tbody input {
    background: transparent;
}

/*dGrid errors*/
.footable tbody input.input-invalid, .footable tbody textarea.input-invalid {
    color: #a94442;
    background: #f2dede;
    border: #ebccd1;
}

.footable tbody select:focus, .footable tbody input:focus {
    background: #fff;
    border-color: #29aae2;
}

/***********************************
    FOOTABLE OVERIDES
************************************/
.footable {
    font-family: 'Catamaran', sans-serif !important;
    color: initial !important;
    border-radius: inherit !important;
}

.footable th {
    padding: .1em .2em !important;
}

.footable th, .footable td {
    padding: .1em .2em !important;
    margin:0 !important;
    vertical-align: middle !important;
}

.footable > tbody > tr:hover {
    background: #dfe8f1 !important;
}

.footable > thead > tr > th, .footable > thead > tr > td, .footable > tfoot > tr > th, .footable > tfoot > tr > td {
    background-color: #ddd !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/*********************
    MISC PAGES
*********************/
/*Instruction Accordian*/
.panel-heading > a {
    color: inherit;
}

.panel-heading > a:hover, .panel-heading > a:hover, .panel-heading > a:active, .panel-heading > a:focus {
    text-decoration: none;
}

/*Feedback Form*/
#feedback p {
    margin: 0 0 40px 0;
}

#feedback form label {
    margin: 10px 0;
}

/*Legal form partial view*/
.legal-location-table {
    
}

.legal-location-table  input.width-two {
    width:30px;
    padding:1px;
    display:inline-block!important;
}

.legal-location-table td {
    padding:2px!important
}

.legal-location-table  select.width-two {
    width:60px;
}

.w3-table {
    background: #FFF; border: 1px solid #AAA;
    position:absolute;
    z-index:999;
}

.w3-table td {
    padding-left : 5px!important;
    padding-right : 5px!important;
}

.w3-table button{
    display:inline-block;
    margin-left:5px;
    margin-right:5px;
}

.section-selected {
    background-color : #76afe9;
}


.trsTable { background: none;}
.trsTable td { width: auto; padding: 4px 2px 0 0;}
.trsTable td .w3-btn, .pPanel .w3-btn { padding: 3px 6px; }
.trsTable td input { width: auto; background: #FFF; }
.trsTable td .sectionLabel { margin: 0 0 4px 0; vertical-align: middle; padding: 1px; font-size: 16px; width: auto; cursor: pointer; background: #FFF; border: 1px solid #A9A9A9;; display: inline-block;}
.trsTable td #sectionChoice {z-index: 999; position: absolute; width: 300px;}
.trsTable td #sectionChoice td { width: 16.666%; text-align: center; }

/***********************************
    FOOTER
************************************/
.footer {
    position: relative;
    margin: 25px 0 0 0;
    width: 100%;
}

.footer .logo-l {
    position: absolute;
    top: 0;
    left: 5px;
    display: block;
    height: 50px;
}

.footer .logo-r {
    position: absolute;
    top: 10px;
    right: 5px;
    display: block;
    height: 35px;
}

footer .nav {
    width: 100%;
    text-align: center;
}

footer .navbar-inverse {
    
    border-radius: 0;
    border-top: 1px solid #bbb;
}

footer .nav > li {
    float: none;
    display: inline-block;
}

footer .nav > li a , footer .navbar-inverse .navbar-nav>li>a  {
    margin: 10px 3px 0 3px;
    padding: 5px;
    font-size: smaller;
    color: #6e9699;
}



.footer .nav > li > a:hover, .footer .nav > li > a:active, .footer .nav > li > a:focus {
    background: #eee;
}

footer .navbar-inverse .navbar-nav > li > a:hover, a:focus, a:active {
    background: #eee;
}

.footer-container{
        min-height:60px;
}



.btn { padding: 6px; }
.form-group { margin-bottom: 5px; }
.controls { margin: 5px 0; }
.label { margin-bottom: 5px; }  

/***********************************
    RESPONSIVE
************************************/
@media print {
    html, body {
        height: auto !important;
        page-break-after: avoid !important;
        overflow: auto;
    }

    .panel-heading, .panel, .panel h3, .panel-title {
        border: none !important;
    }
}

@media screen and (max-width:1180px) {
    .eligibility .checkbox-inline {
        width: 18%;
    }
}

@media screen and (max-width:1010px) {
    .top-nav .branding a.branding-txt h3 {
        margin: 10px 0 0 0;
        font-size: 150%;
        line-height: 1;
    }

    .top-nav .branding a.branding-txt h4 {
        font-size: 125%;
        line-height: 1;
    }

    .top-nav .branding a.branding-txt h5 {
        font-size: 100%;
        line-height: 1;
    }

    .top-nav .welcome span {
        font-size: 85%;
    }
}

@media screen and (max-width:980px) {
    .footer .logo-l, .footer .logo-r {
        position: relative;
        left:0;
        right:0;
        margin: 0 auto 5px auto;
    }
}

@media screen and (max-width:768px) {

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #66AFE9;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #eee;
    }
    h1 {
        margin: 45px auto;
    }
    .show-hide-btn {
        right: 0;
        left:80%!important;
    }

    .show-hide-btn .row {
        margin-left: 0;
        margin-right: 0;
    } 

    .navbar-header ul.auth-links {
        display: block;
        list-style: none;
        margin: 0 0 0 5px;
        padding: 0;
    }

    .navbar-header ul.auth-links li {
        padding: 2px 0;
    }

    .navbar-header ul.auth-links li a {
        color: #eee;
        font-size: 90%;
    }

    .navbar-header ul.auth-links li a:hover {
        text-decoration: none;
        color: #66AFE9;
    }

    .top-bkgd {
        background-position: right 20px;
    }

    .top-nav .welcome ul {
        display: none;
    }
}

@media screen and (max-width:660px) {

    .top-nav {
        max-height: 70px;
        min-height: 0;
    }

    .top-nav .branding {
        float:none;
        width: 100%;
        height:auto;
    }

    

    .top-nav .branding img {
        height: 70px;
        padding: 7px 0 18px 5px;
    }

    .top-nav .branding a.branding-txt h3 {
        margin: 0 0 0 0;
        padding: 5px 0 0 0;
        font-size: 100%;
    }

    .top-nav .branding a.branding-txt h4 {
        font-size: 90%;
        padding-left: 0px;
        display: block;
    }

    .top-nav .branding a.branding-txt h5 {
        font-size: 90%;
        display: block;
        padding-top: 3px;
    }

    .top-bkgd {
        background-position: 300px 0px;
        background-image: none;
    }

    .top-nav .welcome {
        float: none;
        width: 100%;
        height:auto;
        display: none;
    }

    .top-nav .welcome span{
        display:block;
        clear:left;
        text-align:left;
    }
}


@media screen and (max-width:768px) {    
    .navbar-inverse .navbar-toggle .icon-bar {
     background-color: #333; 
    }  
    .navbar-inverse .navbar-toggle:hover .icon-bar,
    .navbar-inverse .navbar-toggle:focus .icon-bar {
     background-color: #FFF; 
    }
	.footer .logo-r { top: 0;}
}