/*
  _____                _   _ _   _                       
 |  __ \              | | (_) | (_)                      
 | |__) | __ __ _  ___| |_ _| |_ _  ___  _ __   ___ _ __ 
 |  ___/ '__/ _` |/ __| __| | __| |/ _ \| '_ \ / _ \ '__|
 | |   | | | (_| | (__| |_| | |_| | (_) | | | |  __/ |   
 |_|___|_|  \__,_|\___|\__|_|\__|_|\___/|_| |_|\___|_|   
  / ____| |       | |                                    
 | (___ | |_ _   _| | ___                                
  \___ \| __| | | | |/ _ \                               
  ____) | |_| |_| | |  __/                               
 |_____/ \__|\__, |_|\___|                               
              __/ |                                      
             |___/                                       
*/

#secondaryNavigation {
    background-color: #003471; /*Light Blue*/
}

.plugin.buttons ul.list-inline .featured_link.fixed-width {
    display: inline-block;
}

/*
Panel CSS from UM-Template Ponderosa
*/

.panel-default {
    border-color: #ddd;
}

.panel {
    margin-bottom: 21px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.link-text-span {
    padding-top: 20px;
    padding-bottom: 30px;
    display: block;
    font-size: 1.2em;
}

a.image-link-text:hover, a.image-link-text:focus, a.image-link-text:active, a.image-link-text:after {
    border: 5px solid #669AD7 !important;
}

.nav-item>a:after {
    background: #003471;
}

.tabs li {
    background: #e6e6e6;
    color: #000000;
    border-bottom:none;
}

.tabs li a {
    color: #000000;
    border-bottom:1px solid #000000;
}

.tab-content {
    border:1px solid #000000;
    border-top:none;
}

.tabs li a.active {
    border-bottom:none;
}

.tabs li .active {
    background: #FFFFFF;
    border: 1px black solid;
    border-bottom: none;
}

.tabs li .active {
    background: #FFFFFF;
    border: 1px black solid;
    border-bottom: none;
}

.tabs {
    border-bottom: none; 
}

.tabs li a.nav-link:focus, button:focus, *:focus {
    outline: 2px solid  #003471 !important;
}

/*.content-detail-sec li, .content-detail-sec p {
    padding-bottom: 25px;
    padding-top: 25px;
}*/

.container.tab-pane.content-detail-sec.active {
    padding-top:25px;
    padding-right:25px;
}

.toggle-heading-sec.primary .toggle-heading, .toggle-heading-sec.primary span.fa {
    color: #7e320e;
}

.coronavirus-site-banner {
    background-color: #fff;
    padding: 15px;
    border-bottom: 1px solid #d5d5d5;
    color: #444;
}
.coronavirus-site-banner a {
    color: #444 !important;
    border-bottom-color: #8c8c8c;
}

.sec-w-sidebar .sec-left:before, .sec-w-sidebar .sec-left {
    background:inherit;
}

#mainContent {
    background-color:#FFFFFF;
}

.bg-white :focus, .bg-white a:focus, .bg-white button:focus, :focus, a:focus, button:focus {
    /*color: #FFFFFF;*/
    outline: 3px solid #d47f3e;
    outline-offset: 1px;
    outline-color: #d47f3e;
}

@media (min-width:768px) {
    #page-banner {
        padding-right:0px;
    }
}

/*
   _____          _                     _____ _                         
  / ____|        | |                   / ____| |                        
 | |    _   _ ___| |_ ___  _ __ ___   | |    | | __ _ ___ ___  ___  ___ 
 | |   | | | / __| __/ _ \| '_ ` _ \  | |    | |/ _` / __/ __|/ _ \/ __|
 | |___| |_| \__ \ || (_) | | | | | | | |____| | (_| \__ \__ \  __/\__ \
  \_____\__,_|___/\__\___/|_| |_| |_|  \_____|_|\__,_|___/___/\___||___/
*/

.site-footer {
    overflow:visible;
}

.icon-link-list-image.p-icon-list {
    max-width: 182px;
}

.multi-column {
	column-count:3;
}

@media (max-width: 726px){
	.multi-column {
		column-count:2;
	}
	.bws-font { /*bws -> Big When Small*/
		font-size:1.2em;
	}
}

@media (max-width: 495px){
	.multi-column {
		column-count:1;
	}
	.bws-font { /*bws -> Big When Small*/
		font-size:1.4em;
	}
}

.simple-ol {
	list-style-type:none;	
	
}

.simple-li {
	margin-bottom:20px;
}

/*Site Specific CSS*/
/*

   _____                   _         ____                      _     _           
  / ____|                 | |       / __ \                    (_)   | |          
 | |  __  ___   ___   __ _| | ___  | |  | |_   _____ _ __ _ __ _  __| | ___  ___ 
 | | |_ |/ _ \ / _ \ / _` | |/ _ \ | |  | \ \ / / _ \ '__| '__| |/ _` |/ _ \/ __|
 | |__| | (_) | (_) | (_| | |  __/ | |__| |\ V /  __/ |  | |  | | (_| |  __/\__ \
  \_____|\___/ \___/ \__, |_|\___|  \____/  \_/ \___|_|  |_|  |_|\__,_|\___||___/
                      __/ |                                                      
                     |___/                                                       
Overrides specific to the Google Custom Search Engine (Google CSE)
*/
 a.gs-title {
     color: #003471 !important;
 }
 
 .gsc-input-box {
     border: none !important;
 }
 
 #gsc-i-id1 {
     height: 40px !important;
     border: 1px solid #CCC !important;
     border-radius: 4px !important;
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
     padding: 0 6px 0 6px !important;
     margin-left: 2px !important;
     min-width:120px;
 }
 
 .gcsc-find-more-on-google-query, .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b, a.gs-title b {
     color: #003471 !important;
 }
 
 .gcsc-find-more-on-google-text {
     color: #666 !important;
 }
 
 .gcsc-find-more-on-google-magnifier {
     fill: #003471 !important;
 }
 
 .cse input.gsc-input, input.gsc-input {
     background-image:none !important;
 }
 
.gsc-control-cse table, .gsc-control-cse table>tbody, .gsc-control-cse table>tbody>tr, .gsc-control-cse table>tbody>tr>td, .gsc-control-cse table>tbody>tr>th {
    border: none;
}

.gsc-control-cse table tbody>tr:nth-child(odd)>td, .gsc-control-cse table tbody>tr:nth-child(odd)>th {
    background: 0 0;
}

.site_container table>tbody>tr:nth-child(odd)>td, .site_container table>tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9;
}

.gsc-control-cse {
    display: block;
}

.gsc-control-cse .gsc-webResult.gsc-result {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
}

.content-detail-sec table tr td.gsc-input {
    padding: 0;
}

.content-detail-sec table.gsc-search-box thead th, .content-detail-sec table.gsc-search-box tr td {
    padding: 0;
}

.content-detail-sec table.gsc-above-wrapper-area-container thead th, .content-detail-sec table.gsc-above-wrapper-area-container tr td {
    padding: 0;
}

.content-detail-sec table.gsc-above-wrapper-area-container {
    margin: 0;
}

.gsc-search-button-v2 {
    padding: 6px 17px;
}

/*
   ____                      _     _           
  / __ \                    (_)   | |          
 | |  | |_   _____ _ __ _ __ _  __| | ___  ___ 
 | |  | \ \ / / _ \ '__| '__| |/ _` |/ _ \/ __|
 | |__| |\ V /  __/ |  | |  | | (_| |  __/\__ \
  \____/  \_/ \___|_|  |_|  |_|\__,_|\___||___/

override the um-template (non-media)
The NavBar has it's own section under NavBar*/

/*Warning: only override this values if the default color schemes (browser based) need to be changed*/
/*:link:focus, :visited:focus, :focus {
}*/

.umbutton-link, .umbutton-link:hover {
	color: white !important;
    text-decoration: none !important;
}

.padded-row {
    padding: 5px !important;
}

a.brand.site_name {
	color: #69676F;
}

input.search-query.search_input {
	color:#757575 !important;
}

#site_navigation.site-top-nav-dropdown.form-control {
    /* The selection box navigation on small screen widths is cutting off the bottom part of text without this adjustment. */
    height:auto;
}

/*@media (min-width: 992px) {
    .social_container.display_inline.facebook_widget_container, .plugin.social-media .social_container {
        float:none !important;
    }
}*/

@media (min-width: 768px) {
    .special-20-margin-768 {
        margin-bottom:20px;
    }
}
.wrapper {
    padding: 0px !important;    
}

/*.dept_leftnav.span3.sidebar-offcanvas {
    height: auto !important;
}*/

/*.nav-tabs > li > a {
    border-radius: 8px !important;
}*//*Default UM Template has only top two edges rounded, this makes all 4 rounded.*/

@media print {
	a.quietstyle-white:link, a.quietstyle.parent-child-toggle-link:link {
		color: #000000 !important;
		text-decoration: none !important;
	}
	.parent-toggle-child, .parent-no-child-no-toggle {
		border: 2px solid #000000 !important;
		background-color: #FFFFFF;
		color: #000000 !important;
	}
	.no-show, .hidden-child, .print-show {
		display:block !important;
	}
	
	.parent-no-child-no-toggle {
		background-color: #FFFFFF;
	}
	
	.select-formatting {
		display:none !important;
	}
	.sec-w-sidebar .sec-left {
		display: none !important;
	}
	.col-md-9 {
		flex: none !important;
		max-width: max-content !important;
	}
}

@media (max-width: 568px) {
    .nav-tabs > li > a {
        border-radius: 4px !important;        
    }
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
        border-bottom: 1px solid !important;
    }
}

.content-area.remainder-box.normal_page a {
    border-bottom: inherit !important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	border-color: #427E7F;
    background-color: #FFFFFF;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    padding-bottom:0;
}

.nav>li, .nav>li>a {
    display: block;
    position: relative;
}

.content-area ul {
    padding-left: 30px;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.content-area.remainder-box .normal_page a {
    text-decoration: underline;
    border-bottom: 0;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 1px solid #ddd;
    cursor: default;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.57142857;
    border-radius: 4px 4px 0 0;
}

.nav>li>a {
    padding: 10px 15px;
}

.tab-pane {
    background: inherit;
    padding: 0;
}

#maincontent {
    height:inherit !important;
}

.site_container table {
    margin-top: 0px;    
}

.panel-no-bottom-margin {
    margin-bottom: 0px !important;
}

.site_container table>tbody>tr:nth-child(odd)>td, .site_container table>tbody>tr:nth-child(odd)>th {
    background-color: inherit;    
}

.site_container table>thead>tr>th {
    vertical-align: top;
}

.umbutton.paginate_button {
    background: #FFFFFF !important;
    color: #003471 !important; /*Dark Blue*/
    text-shadow: none;
    box-shadow: none;
    font-size: 1.4em;
}

.umbutton.paginate-active {
    background: linear-gradient(to bottom,  #427E7F 0%, #003471 100%) !important;
    color: white;
    text-shadow: none;
    box-shadow: none;
}

.umbutton {
    background: #0080A3 !important; /*Light Blue*/
}

.umbutton:hover, input.umbutton:focus, .umbutton:focus {    
    outline 0px;
    box-shadow: 0 0 3pt 2pt #F5FFFF !important; /*Main Page Background #427E7F (lightened 70%)*/
    z-index: 2;
}

/*
   _____          _                     _____ _                         
  / ____|        | |                   / ____| |                        
 | |    _   _ ___| |_ ___  _ __ ___   | |    | | __ _ ___ ___  ___  ___ 
 | |   | | | / __| __/ _ \| '_ ` _ \  | |    | |/ _` / __/ __|/ _ \/ __|
 | |___| |_| \__ \ || (_) | | | | | | | |____| | (_| \__ \__ \  __/\__ \
  \_____\__,_|___/\__\___/|_| |_| |_|  \_____|_|\__,_|___/___/\___||___/
*/
.bottom-spacer-md {
    padding-bottom: 20px;
}

/*
   _____ _____  _      _    _        _____                 _ _       
  / ____|  __ \| |    | |  | |      |  __ \               | | |      
 | (___ | |__) | |    | |__| |______| |__) |___  ___ _   _| | |_ ___ 
  \___ \|  ___/| |    |  __  |______|  _  // _ \/ __| | | | | __/ __|
  ____) | |    | |____| |  | |      | | \ \  __/\__ \ |_| | | |_\__ \
 |_____/|_|    |______|_|  |_|      |_|  \_\___||___/\__,_|_|\__|___/
*/
.citation-border, .record-border {
	border-style: solid;
	border-color: grey;
	border-width: 0 1px 1px 1px; /*Doesn't include the top border*/
}

.citation-border-topper, .record-border-topper {
	border-style: solid;
	border-color: grey;
	border-width: 1px 1px 1px 1px; /*Includes the top border*/
}

.citation-header, .record-header {
	margin-top: 10px !important;
	margin-left: 10px !important;
	padding-top: 10px;
	border-bottom: none !important;
}

.citation-segment, .record-segment {
	padding-left:20px;
	padding-right:20px;
	margin-left: 5px;
	margin-right: 5px;
}

.citation-starter, .record-starter {
	padding-left:20px;
}

.citation-padding, .record-padding {
	padding:3px;
}


.even-citation, .even-record {
	background-color:#F0F0F0; /*One level up from HTML WhiteSmoke (grayscale)*/
}

.odd-citation, .odd-record {
	background-color:#FFFFFF; /*White*/
}

.even-law {
	background-color:#F2EDE0; /*Monochromatic color of E2D8BD (tan)*/
}

.odd-law {
	background-color:#CCE8F0; /*Tint of 008FB6 (light blue from Wilderness Connect Logo)*/
}

.law-segment {
	padding: 0 10px 10px 10px; 
}

/*
   _____              _        _____            __ _ _      
  / ____|            | |      |  __ \          / _(_) |     
 | |     __ _ _ __ __| |______| |__) | __ ___ | |_ _| | ___ 
 | |    / _` | '__/ _` |______|  ___/ '__/ _ \|  _| | |/ _ \
 | |___| (_| | | | (_| |      | |   | | | (_) | | | | |  __/
  \_____\__,_|_|  \__,_|      |_|   |_|  \___/|_| |_|_|\___|
*/

div.card-text > strong {
    font-size: 1.3em;
}

h3.card-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    line-height: 1.3em;
    height: 50px;
    text-align: center;
    font-size:1.3em;
    margin-top: 10px;
}

.card-profile {
    border: 1px solid #ccc;
    /*border-radius: 8px;*/
    /*box-shadow: 2px 2px 1px 1px #ccc;*/
    padding: 10px;
    text-align: center;
    height: 100%;
    /*background: url("/wilderness/practitioners/images/backgrounds/card-background-2.jpg");*/
    /*background: #f0fcfc;*/ /*Based on main color*/
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); /*Same as leopold.wilderness.net*/
}

.card-image {
    float:left;
    /*max-width: 200px;*/
    max-height:200px;
    min-width:75px;
    min-height:75px;
}

.card-image img {
    max-width: 100%;
    max-height: 100%;
}

@media(max-width: 991px) {
    .card-profile {
        min-width: 337.5px;
        /*max-width:337.5px;*/
    }
    
    .card-image {
        float: none;
    }
    
    .card-image img {
        display: block;
        margin: auto;
    }
}

@media(max-width: 767px) {
    .card-profile {
        min-width: 277px;
        /*max-width:249px;*/
    }
}

div.card-profile div.card-text {
    float: none;
    min-width: 60px;
} 

/* _______                _      
 |__   __|              | |     
    | | ___   __ _  __ _| | ___ 
    | |/ _ \ / _` |/ _` | |/ _ \
    | | (_) | (_| | (_| | |  __/
    |_|\___/ \__, |\__, |_|\___|
              __/ | __/ |       
             |___/ |___/        
*/

.parent-toggle-child, .parent-no-child-no-toggle {
    /*margin-bottom:22px;*/
    padding:10px;
    border-radius:8px;
    border-bottom: 2px solid #FFFFFF;
    background-color: #007798;/*#F5FFFF; #0080A3;*/
    color: #FFFFFF;
    font-size: 1.2em;
    height:auto;
}

/*
.parent-toggle-child {
    outline: 1px groove #FFFFFF;
    outline-offset: -5px;
}*/

.parent-no-child-no-toggle {
    background-color: #557c8a;/*#88aab6;  Original color didn't pass accessibility contrast for AA rating*/
}

.parent-toggle-child:hover {
    cursor: pointer;
    /*
    border-bottom: 2px solid #003471;
    background-color:#003471;
    box-shadow:0px 1px 1px 2px #0080A3;
    */
    filter: alpha(opacity=80);
    opacity: 0.80;
    /*border: 3px solid #003471;/*
}

.parent-toggle-child.toggle-open-state:hover {    
    filter: alpha(opacity=100);
    opacity:1.0;
    /*border:none;
    border-bottom: 2px solid #FFFFFF;*/
}

.hidden-child {
    background-color:#FFFFFF;
    padding: 10px;
    border: solid 1px #003471;
    border-radius:8px;
    margin-top: 15px;
}
.hidden-child > ul li {
    color: #000000;
}

@media(max-width: 992px) {
    .hidden-child > ul li {
        padding-bottom:10px;
    }
}

.toggle-arrow {
    float: left;
    width: 0px;
    height: 0px;    
    margin-left: 23px;
    border: 10px solid transparent;
    margin-left: 21px;
    border-left-color: #F3F3F3;
    position: absolute;
    top: 30%;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: auto;
}

.open-arrow.toggle-arrow {
    margin-left: 11px;
    border-top-color: #F3F3F3;
    border-left-color: transparent;
}

/*
  _______    _     _           
 |__   __|  | |   | |          
    | | __ _| |__ | | ___  ___ 
    | |/ _` | '_ \| |/ _ \/ __|
    | | (_| | |_) | |  __/\__ \
    |_|\__,_|_.__/|_|\___||___/
*/

.collapse-td {
    padding-top: 1.2em !important;
}

.collapse-td > p {
    line-height: 1.2; /*Type-less to mimic the um-template*/
    padding-bottom: 1.2em !important;
}

/*For displaying identical columns (one is always hidden) that should toggle from small screens to large*/
.small-screens-table {
    display: none;
}
.large-screens-table {
    display: block;
}
@media(max-width: 767px) {
    .small-screens-table {
        display: block;
    }
    .large-screens-table {
        display: none;
    }
    .collapse-td {
        border-left: solid windowtext 1.0pt !important;
    }
    #rows-per-page {
        width:auto;
    }
    #table-print-excel, #table-row-select {
        text-align:left !important;
        float:left;
    }
    #table-print-excel {
        padding-top:0px !important;
        padding-bottom:0px;
    }
    #summarySection, #pagination-left-div, #pagination-right-div {
        margin-left:5px;
    }
    #pagination-right-div {
        text-align:left !important;
        float:left !important;
    }
    #pagination-left-div {
        padding-bottom:5px;
    }
    
    /*UM template overrides section*/
    
    .table-responsive {
        border: none;
    }
    
    /*Prevents UM-template from making data table not wrap correctly on smaller screens*/
    .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
        white-space: inherit;
    }
}

.headRow {
    padding: 1px;
}

.headRow th {
    background-color: #427E7F !important; /*Main Page Background*/
    color: #FFFFFF;
    /*min-width: 200px !important;*/ /*Moved to each generated th to customize for small screens without overlapping toggle arrows*/
    position: relative;
    /*min-height: 100px;*/
    /*border: solid 3px #FFFFFF !important; Not needed in Chrome and doesn't work in FireFox or Edge*/
    outline: thin solid #FFFFFF;
      /*outline-offset: 2px;*/
}

/*The following custom width (minimized CSS) is based on maxpx (in Python CSS generator for custom width) min-width adjusted to compensate for the wording length of the table header with footnote to prevent visual collision*/
.headRow th.customWidth7{min-width:75px;}.headRow th.customWidth8{min-width:85px;}.headRow th.customWidth9{min-width:96px;}.headRow th.customWidth10{min-width:106px;}.headRow th.customWidth11{min-width:117px;}.headRow th.customWidth12{min-width:128px;}.headRow th.customWidth13{min-width:138px;}.headRow th.customWidth14{min-width:149px;}.headRow th.customWidth15{min-width:159px;}.headRow th.customWidth16{min-width:170px;}.headRow th.customWidth17{min-width:180px;}.headRow th.customWidth20{min-width:212px;}@media(max-width:991px){.headRow th.customWidth13{min-width:85px;}.headRow th.customWidth17{min-width:117px;}.headRow th.customWidth14{min-width:149px;}.headRow th.customWidth12{min-width:75px;}.headRow th.customWidth16{min-width:117px;}.headRow th.customWidth20{min-width:138px;}}

/*
th.results {
    border-left: 1px solid #FFFFFF !important;
    border-right: 1px solid #FFFFFF !important;
    padding: 0px !important;
}
*/
/*
.table-head-container {
   position: relative;
  color: white;
}

.site_container table > tbody > tr > td, .site_container table > tbody > tr > th, .site_container table > tfoot > tr > td, .site_container table > tfoot > tr > th, .site_container table > thead > tr > td, .site_container table > thead > tr > t h{
    border: 3px solid #ddd !important;
}
*/
.Col-header {
  text-align: left;
}

.table-head-background {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: 1;
   width: auto;
}

.table-head-background > a:link {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.table-head-background > a:active {
    color: #FFFFFF !important;
}

.table-head-background > a:hover > .small-frame {
    color: blue !important;
}
.table-head-background > a:focus > .small-frame {
    color: blue !important;
}

.table-head-background > a:visited {
    color: #FFFFFF !important;
}

.table-head-background > a > .small-frame {
  position: absolute;
  right: 15px;
  padding: 3px 0px 5px 0px;
  width: 5px !important;
  word-wrap: break-word;
  line-height: 15px; /*Reduces the gap between the arrows*/
}

.table-foot-background {
    background-color: #427E7F;
    color: #FFFFFF;
}

/*
.table-head-background > .right-text > .small-frame > .up-arrow, .table-head-background > .right-text > .small-frame > .down-arrow {
    padding: 2px 4px 2px 0px;
}
*/

/*.table-head-background > a > .small-frame > .up-arrow:hover, .table-head-background > a > .small-frame > .down-arrow:hover {
.table-head-background > .small-frame:hover {
    color: blue !important;
}
*/

.resultRow {
     padding: 10px 4px 10px 4px;  
}

/* 
  _      _       _        
 | |    (_)     | |       
 | |     _ _ __ | | _____ 
 | |    | | '_ \| |/ / __|
 | |____| | | | |   <\__ \
 |______|_|_| |_|_|\_\___/
This section changes the color of the links in the top navigation bar and side navigation.
Note: quietstyle and quietstyle-white links CSS is in the Footnote section*/

/*For changing the primary link coloring for WildernessNow*/

a:link {
    color: #003471; /*Dark Blue*/
}

a:active {
    color: #003471 !important; /*Dark Blue*/
}

a:hover {
    color: #669AD7 !important; /*Dark Blue #003471 (lightened 40%)*/
    border-bottom-color: #669AD7 !important;
}

.dept_leftnav > ul > a:link, .dept_leftnav > ul > ul  li > a:link {
    color: #003471 !important; /*Dark Blue*/
}

.dept_leftnav > ul > a:active, .dept_leftnav > ul > ul  li > a:active {
    color: #003471 !important; /*Dark Blue*/
}

.dept_leftnav > ul > a:hover, .dept_leftnav > ul > ul  li > a:hover{
    color: #669AD7 !important; /*Dark Blue #003471 (lightened 40%)*/
    border-bottom-color: #669AD7 !important;
}

.dept_leftnav > ul > a:visited, .dept_leftnav > ul > ul  li > a:visited {
    color: #003471 !important; /*Dark Blue*/
}

a:visited {
    color: #003471; /*Dark Blue*/
}

.active, .active > a {
    color: #003471 !important; /*Dark Blue*/
}

.navbar > .site-top-nav.navbar-inner.site-nav > ul.nav > li > a:link {
    color: #FFFFFF; /*White*/
}

.navbar > .site-top-nav.navbar-inner.site-nav > ul.nav > li > a:active {
    background-color: #FFFFFF; /*White*/
    color: #003471; /*Dark Blue*/
}

.navbar > .site-top-nav.navbar-inner.site-nav > ul.nav > li > a:hover, .navbar > .site-top-nav.navbar-inner.site-nav > ul.nav > li > a:focus {
    background-color: #0080A3 !important; /*Light Blue*/
    color: #FFFFFF !important; /*White*/
    border-radius:4px;  
}

.navbar > .site-top-nav.navbar-inner.site-nav > ul.nav > li > a:visited {
    color: #FFFFFF; /*White*/
}

.navbar > .site-top-nav.navbar-inner.site-nav > ul.nav > li.active > a.activepage {
    background-color: #FFFFFF; /*White*/
    color: #003471; /*Dark Blue*/
}

/*
  _   _             ____             
 | \ | |           |  _ \            
 |  \| | __ ___   _| |_) | __ _ _ __ 
 | . ` |/ _` \ \ / /  _ < / _` | '__|
 | |\  | (_| |\ V /| |_) | (_| | |   
 |_| \_|\__,_| \_/ |____/ \__,_|_|   
Changes the background color of the navigation bar - Note: The text inside the navigation bar are links so color here will not change them.
NavBar links are in the above Links section*/

.navbar > .site-top-nav.navbar-inner.site-nav > ul.nav {
    background-color: #003471; /*Dark Blue*/
}

.navbar > .site-top-nav.navbar-inner.site-nav {
    background-color: #003471; /*Dark Blue*/
    background-image: none !important;
}


/*Changes the background color of the end (button area) of the navigation bar*/
.navbar {
    background-color: #003471 !important; /*Dark Blue*/
}

/*Changes the background color of the end (button area) of the navigation bar*/
.navbar > .site-top-nav.navbar-inner.site-nav > .below_block {
    background-color: #003471 !important; /*Dark Blue*/
}

/*
  _____                                 _             _______    _         
 |  __ \                               (_)           |__   __|  | |        
 | |__) |___  ___ _ __   ___  _ __  ___ ___   _____     | | __ _| |__  ___ 
 |  _  // _ \/ __| '_ \ / _ \| '_ \/ __| \ \ / / _ \    | |/ _` | '_ \/ __|
 | | \ \  __/\__ \ |_) | (_) | | | \__ \ |\ V /  __/    | | (_| | |_) \__ \
 |_|  \_\___||___/ .__/ \___/|_| |_|___/_| \_/ \___|    |_|\__,_|_.__/|___/
                 | |                                                       
                 |_|                                                       
 The following CSS section is for bootstrap responsive tabs */

/**
 * Responsive Bootstrap Tabs by @hayatbiralem
 * 15 May 2015
 */

@mixin ellipsis(){
    max-width: 100%;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
    word-wrap: normal;
    width: 100%;
}

@mixin icon-styles(){
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@mixin transform($transform){
  -webkit-transform: $transform;
  -moz-transform: $transform;
  -ms-transform: $transform;
  -o-transform: $transform;
  transform: $transform;
}

@media screen and (max-width: 479px) {
  .nav-tabs-responsive {
    > li {
      display: none;
      width: 23%;
      > a {
        @include ellipsis();
        width: 100%;
        text-align: center;
        vertical-align: top;
      }
      &.active {
        width: 54%;
        &:first-child {
          margin-left: 23%;
        }
      }
      &.active,
      &.prev,
      &.next {
        display: block;
      }
      &.prev,
      &.next {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
      }
      &.next > a,
      &.prev > a {
        -webkit-transition: none;
        transition: none;
        .text {
          display: none;
        }
        &:after,
        &:after {
          @include icon-styles();
        }
      }
      &.prev > a:after {
        content: "\e079";
      }
      &.next > a:after {
        content: "\e080";
      }
      &.dropdown {
        > a > .caret {
          display: none;
        }
        > a:after {
          content: "\e114";
        }
        &.active > a {
          &:after {
            display: none;
          }
          > .caret {
            display: inline-block;
          }
        }

        .dropdown-menu {
          &.pull-xs-left {
            left: 0;
            right: auto;
          }
          &.pull-xs-center {
            right: auto;
            left: 50%;
            @include transform(translateX(-50%));
          }
          &.pull-xs-right {
            left: auto;
            right: 0;
          }
        }
      }
    }
  }
}



/**
 * Demo Styles
 */

.wrapper {
  padding: 15px 0;
}

/*.bs-example-tabs .nav-tabs {
  margin-bottom: 15px;
}*/

@media (max-width: 479px) {
  #narrow-browser-alert {
    display: none;
  }
}

/* Toolbox css */ 
.toolbox a:visited {
	color: #003471; /*Dark Blue*/
}
.toolbox a:link {
	 color: #003471; /*Dark Blue*/
}
.toolbox a:active {
    color: #003471 !important; /*Dark Blue*/
}

.toolbox-links li {
  background-color: #013473 !important; /* WC Midnight Navy */
}

.toolbox-links li a {
  color: #FFFFFF !important; /* Base white link color */
  text-decoration: underline !important;
  /*font-weight: bold !important;*/
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out !important;
}

.toolbox-links li a:visited {
  text-decoration-color: #D0E2FF !important; /*Colors just the underline slightly different.*/
}

.toolbox-links li a:hover,
.toolbox-links li a:focus {
  color: #FFCC00 !important; /* Gold/yellow for hover/focus */
  background-color: rgba(255, 255, 255, 0.15) !important;
  outline: 2px solid #FFCC00 !important;
  outline-offset: 2px !important;
  text-decoration: none !important;
}

.toolbox-links li a:active {
  color: #FFA500 !important; /* Orange on click */
  background-color: rgba(255, 255, 255, 0.2) !important;
}


/* End toolbox css */