/*.form-display td{
	border: 1px solid #666
}
*/
/* * {
	     border-radius: 0 !important;
} */

/* testing */


:root {
	--main-accent-color: 2, 91, 148;
	--main-accent-color-r: 2;
	--main-accent-color-g: 91;
	--main-accent-color-b: 148;


    --main-brand-color: #042b46;
    --main-brand-color--darker: #012239;
    --main-brand-color--lighter: #0f4d79;
    --main-brand-border-color: #114569;
}

html {
    height: 100%;
}

.dropdown-menu {
    min-width: 180px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.423);
}

.dropdown-menu .dropdown-menu {
    min-width: 250px;
}

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

body {
    font-family: "Barlow", sans-serif;
    font-size: 1rem;
    height:100%;
}

li a {
    color: rgb(0, 102, 153);
}

h1 {
    font-size: 2.2em;
    /* line-height: 30px;
    margin: 0em 0em 0.5em 0;
    text-transform: initial;
    font-family: Alegreya, serif;
    color: rgba(37, 37, 37, 0.623);
    background-color: #ece3ca;
    background: linear-gradient(90deg, rgba(236,227,202,1) 0%, rgba(0,212,255,0) 100%);
    padding: 0.25em;
    padding-left: .75em;
    margin-left:-25px;
    border-top-left-radius: 8px; */
}

h1:empty {
    display: none;
}

/* <!--h1 + h1 { */
/* display: none; */

/* forgot password */
h1+script+h1 {
    display: none;
}


h1 + h2 {
    margin-top: 0.5em;
}

h2 {
    background-color: transparent;
    font-size: 1.7em;
    text-transform: initial;
    margin: 1em 0 0 0;
    /* font-family: Alegreya,serif; */
    color: #00395f;

}

h3 {
    background-color: transparent;
    color: #666666;
    padding: 0;
		margin: 1em 0em .5em 0;
    text-transform: initial;
    /* font-family: Arial, Helvetica, sans-serif; */
    font-size: 1.5em;
}

h4 {
    background-color: transparent;
    padding: 0;
		margin: 1em 0em .5em 0;
    text-transform: initial;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    color: black;
}

h5 {
    background-color: transparent;
    color: black;
    padding: 0;
		margin: 1em 0em .5em 0;
    text-transform: initial;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
}

.form-display legend {
    margin-top: 0;
		margin-bottom: .5em;
}

h3:first-child {
    margin-top: 0;
}

#contentCol li {
    margin-bottom: 1em;
}

li:last-child {
    margin-bottom: 0;
}

p + p {
    margin-top: 1.5em;
}

#news #contentCol > h1 {
    display: none;
}

#articlelist h2 {
    display: none;
}



#body_new #contentCol > h1 {
	display: none; /* extra news headline we shouldn't display */
}

a {
    color: #1b5b83;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
    color: #0068a9;
}
a.btn, a.btn-primary {
    text-decoration: none;
}

main a.btn.btn-primary {
    color: white;
    text-decoration: none;
}

.btn-primary {
    background-color: var(--main-brand-color--lighter);
    border-color: #387eaf;
}

main a.btn {
    text-decoration: none;
    color: white;
}

.btn-group-xs>.btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-display a[href*="loadDebug"].btn-secondary {
	color: white;	
}

	.form-display a[href*="loadDebug"].btn-secondary:hover {
		color: black;	
	}

.cke_contents_ltr {
    padding: 1em;
}

/* body {
    background-image: url(/images/bg-flag.jpg);
    background-repeat: no-repeat;
    background-position-x: 40%;
} */


/* target every client but outlook/dumb email */
body:not(blah) {
    /*background-color: #001e63; */
    /* font-size: 14px; */
}



	body.content, body#content {
    background-image: none;
    background: none;
    font-family: sans-serif;
    background-color: #fff;
}

table td { padding: 1px; }

table {
    font-size: inherit;
}

table.error-empty td:empty {
    border-color: #8a6d1b !important;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
}

p, li {
    color: #000;
}

[data-form=ACC_RES] .widget label.top {

padding-top: 10px;

}

#divButtons {

clear: both;

}

.content p:first-of-type {
    /* font-size: larger;
	 padding: 1em;
	 background-color: #fefefe;*/
}

.wrapper {
    /*  border-right: 5px solid #2D4F66;
	border-left:  5px solid #2D4F66;
	background-color: #001e63;*/
}

#content-middle {
    /* background-color: #ffffff6e; */
    /* filter: drop-shadow(2px 1px 8px #00000044); */
    /* backdrop-filter: blur(2px); */
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 2em;
}

.footer-v2 {
	border-right: 5px solid #2D4F66;
	border-left:  5px solid #2D4F66;
}

.dev {
    color: #fff;
    background-color: #cc3333;
    padding: 10px;
    text-align: center;
}

.dev p {
    color: white;
    margin-bottom: 0px;
}

.dev p:before {
    font-family: fontawesome;
    content: "\f071";
    font-size: large;
		margin-right: .5em;
}

.dev a {
    text-decoration: underline;
    color: white;
}

.content .btn {
    /*	background-color:#D6D3B0;
	border:1px solid #c6c3a0*/
}

.content .btn:hover {
    /*		background-color:#c6c3a0;
		border-color:#a6a380;*/
}

.content .btn-primary {
    background-color: #086bb0;
    border-color: #00133d;
}

.content .btn-primary:hover {
    background-color: #0069d9;
    border-color: #0062cc;
}


.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: rgba(255, 255, 255, 0.8);
}

.ui-widget-content a.btn {
    color: #fff;
}

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: rgba(255, 255, 255, 0.5);
    color: #222222;
}


#body_new 	 .content .breadcrumbs { display:none; }

.breadcrumbs {
    border: none;
    display: none;
    margin-top: -10px;
}

    .breadcrumb {
        background-color: transparent;
    }

    .breadcrumbs .breadcrumb-item:first-child {
        display: none;
    }

    .breadcrumb-item:first-child +.breadcrumb-item::before {
        display: none;
    }

    .breadcrumb-item:last-child  {
        display: none;
    }

.nav a, .sidebar-nav a {
    text-decoration: none;
}

.sidebar-nav .headline {
    margin-bottom: 0;
}
.headline h3 {

    /* display: none; */
}
.headline h3:after {
    /* content: "In this section"; */
}

.headline + address {
    margin-top: 1em;
}

.clearfix {
    clear: both;
}

/* .container {
	width:95%;
} */

.wrapper {
    background: transparent;
}



.header {
    background-color: var(--main-brand-color);
    border-bottom: 2px solid var(--main-brand-border-color);
    padding: 9px;
}

    .header-brand {
        padding-top: 10px;
        padding-left: 50px;
    }

.top {
}

.header .rand {
    padding: 0 10px 0px 10px;
}

.banner-brand {
    /* border-bottom: 2px solid #ccc; */
}

/* logo */
.navbar-brand {
    max-height: 150px;
    text-decoration: none;

    /* tempoary positioning desktop */
    position: absolute;
    top: 0px;
    z-index: 1000;
    padding-top: 0;
}

.navbar-brand__logo {
     width: 270px;
     padding-top: 0;
     padding-bottom:.5em;
     filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.486));
}

.navbar-inverse {
    background-color: #f8f8f8 !important;
}

#navbarNavTop a {
    color: #ffffffae;
    text-transform:uppercase;
    text-decoration: none;
}

#title {
    color: #858585;
    font-size: 2.6em;
    font-family: Alegreya, serif;
    margin-top: 0.1em;
    line-height: 1;
    display: inline-block;
    margin-bottom: -1em;
    /* fix above neg margin to receive clicks */
    z-index: 1000;
    position: relative;
}

.brand-title__title1 {
    display: inline-block;
    color: #f7be00;
    padding: 10px;
    border-right: 2px solid #ffffff52;
    font-size: larger;
}

.brand-title__title2 {
    display: inline-block;
    color: #ffffffc7;
    padding: 0;
    font-size: larger;
    border-right: none;
}


/* contains other buttons above main menu */
.topbar {
    /* margin-top: -2em; */
}

.header .navbar-default .navbar-toggle {
    background: #3498db;
    border-color: #0a4c7d;
    color: black;
    padding-bottom: 10px;
    padding-top: 10px;
}

.header .navbar-default .navbar-toggle:hover,
.header .navbar-default .navbar-toggle:focus {
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #0a4c7d;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.bp-nav-main {
    background-color: #eee;
    padding-top: 86px;
    padding-left: 0;
    padding-right: 0;
        
}


#menuMain > li {
    margin-bottom: 0;
    display: inline-block;
    float: none;
    text-align: left;
}

#menuMain .dropdown-menu {
    padding: 0;
}

/* TODO copy to sectionmenu.scss! */
/* flyout to left on last 3 items */
li.nav-item.nav-item:nth-last-child(-n+3) .dropdown-submenu .dropdown-menu {
    left: auto;
    right: 100%;
    margin-right: 0;
}
/* end TODO */

#menuMain .dropdown.show > .dropdown-menu {
    padding: 0;
    min-width: 250px;
}


#menuMain .nav-item > a {
    color: black;
    /*font-weight: bold;*/
    text-transform: uppercase;
    border: none;
    padding: 15px 15px 10px 15px;
    border-radius: 0;
}

#menuMain > .nav-item > a {
    color: black;
    font-size: 14pt;
}

#menuMain > .dropdown.show > a {
    color: #0a4c7d;
    /* font-size: larger; */
}





#menuMain .nav-item > a:hover {
    border: none;
    cursor: pointer;
    /* border-radius: 0; */
}

#menuMain > .nav-item > a:hover,
#menuMain > .nav-item > a:focus
{
    background-color: var(--main-brand-color--darker);
    color: white;
}


#menuMain .dropdown-menu.show {
    background-color: var(--main-brand-color);

}

#menuMain .dropdown-menu.show a {
    /* color: white; */
}

#menuMain .dropdown .dropdown-menu a {
    color: white;
    transition: background-color .3s;
}

#menuMain .dropdown .dropdown-menu a:hover {
    /* color: #fff; */
}

.header .navbar-default .navbar-nav > li > a {
    min-height: 40px;
}

.header .navbar-nav#menuMain > .dropdown.active > a {
    background-color: rgba(0, 0, 0, 0.1);
}

.header .navbar-nav#menuMain > .active > a:hover {
    color: rgba(255, 255, 255, 0.7);
}

.logo {
}

#title a {
    padding-top: 1em;
    letter-spacing: -1px;
    line-height: 100%;
    display: block;
    padding-top: 1em;

    margin-left: 1em;
    margin-top: -1em;
    color: rgba(255, 255, 255, 0.8);
}

#title .line1 {
    font-size: larger;
}

#title .line1 i {
    font-size: smaller;
}

#title .line2 {
}

.logo:hover {
		opacity:.5;
}

#seal-header {
    height: 84px;
}

#featureNews a {
    color: white;
}

.row.borders {
    border: 1px solid gray;
}

.row.borders div {
    border-collapse: collapse;
    box-sizing: border-box;
}

/* image gallery */
.img-container {
    margin-top: 0;
    position: relative;
    overflow: hidden;
    height: 330px;
    border-radius: 0;
}

/* end image gallery */

ul.nobullets {
    list-style: none;
}

[class^="icon"] {
    -webkit-font-smoothing: antialiased;
}

.alert {
    margin-bottom: 1em;
    margin-top: 2em;
}

.alert-danger {
    border-color: #900;
    color: #900;
}

.alert-warning {
    color: #8a6d1b;
    border-color: #8a5d1b;
}

.alert-success {
    color: #4f8a10;
    border-color: #4f8a10;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #31708f;
}

.footer .list-unstyled li a {
    line-height: 2em;
}

.footer .list-group-item {
    background-color: rgb(0 0 0 / 32%);
}

.footer a.list-group-item:hover {
    background-color: rgb(0 0 0 / 52%);
}

/*
 * Callouts
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */

/* Common styles for all types */
.callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #dadada;
    border-left-width: 5px;
    border-radius: 3px;
}

.callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.callout p:last-child {
    margin-bottom: 0;
}

.callout code {
    border-radius: 3px;
}

/* Tighten up space between multiple callouts */
.callout + .callout {
    margin-top: -5px;
}

/* Variations */
.callout-danger {
    border-left-color: #ce4844;
}

.callout-danger h4 {
    color: #ce4844;
}

.callout-warning {
    border-left-color: #aa6708;
}

.callout-warning h4 {
    color: #aa6708;
}

.callout-info {
    border-left-color: #1b809e;
}

.callout-info h4 {
    color: #1b809e;
}



.bodyAlert, .bodyAlertItalic {
    color: red;
}

.bodyAlertItalic {
    font-style: italic;
}

.nav-list {
    padding: 10px;
    text-shadow: none;
}

.nav-list a {
    color: #fff;
    text-shadow: none;
}

.nav-list a:hover {
    color: #036;
}

.nav-list > li > a {
    text-shadow: none;
}

.nav-list .nav-header {
    font-size: 1.3em;
    text-shadow: none;
    text-shadow: 0px;
}

/* override default to make main menu smaller */
.navbar .nav > li > a {
    padding: 23px 24px 23px;
	color:#000; /* dh */
}

.header .navbar,
.navbar-inner,
.nav,
.navbar-inverse {
    /* background-color:#D6D3B0 !important;
    background: none repeat scroll 0 0 #D6D3B0 !important; */
    background-size: 100%;
    width: 100%;
    /* 	margin-bottom:20px; DH removed because it added too much space*/
}

.navbar-collapse .navbar-brand img {
    width: 50px;
}

.navbar-header #title a {
    text-decoration: none;
    font-size: 17pt;
    /*text-shadow: 0px 0px 4px white;*/
}

.header .navbar .nav > li {
    /*border-color:#536343;*/
    margin-left: 1%;
    margin-right: 1%;
}

/* footer secondary menu */
#home #home a,
#news #news a,
#calendar #calendar a,
#about #about a,
#contact #contact a {
    color: #fff;
    text-decoration: none;
}

.header .navbar-default .navbar-nav > li > a {
    color: #000;
}

/*
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
	background:#314121 !important;
}
*/

#related {
    margin-left: -1em;
    background-color: rgba(136, 153, 85, 0.19);
}

#related .panel-heading {
    padding-bottom: 0px;
}

#related h3 {
    margin-bottom: 0px;
}

#related .panel-body {
    padding-top: 0px;
}

#related .list-group-item {
    background-color: #fcfff3;
}

.panel-grey > .panel-heading {
    background-color: #0e6aad;
}

/* for accessibility fixes overrides */
.footenote {
    background-color: #0e6aadb3;
}

.resources__last-updated {
    color: #666;
}





/* start left section nav */

.section-sub {
    display: inline-block;
    position: absolute;
    right: 10px;
}

.sectionMenu a {
    display: block; /*todo move to global */
    border-radius: 0;
}

.nav-pills .nav-link {
    border-radius: 0;
}

.nav.sectionMenu > li > a:hover {
    background-color: #eee;
}

.active-section .panel-default > .panel-heading {
    /*
	background-color:#895;
	font-weight:normal;*/
}

.active-section .panel-heading h4 a {
    font-weight: normal;
}

.active-section li a {
    background-color: #b3cad9;
}

.active-section .sectionMenu {
    /* background-color: rgb(41, 84, 111) !important; */
}

.sidebar-nav .panel-heading {
    padding: 0px;
    background-color: #b3b3b3;
}

.sidebar-nav .panel-heading h4 a {
    /* if it's not collapsed (expanded) and we're not ON that section (inspecting another section)*/
    padding: 10px;
    display: inline-block;
    width: 100%;
    position: relative;
    background-color: #ccc;
}

.sidebar-nav .panel-heading h4 a.collapsed-not {
    /* if it's not collapsed (expanded) */
    padding: 10px;
    display: inline-block;
    width: 100%;
    position: relative;
    background-color: #889955;
}

.sidebar-nav .panel-heading h4 a.collapsed {
    /* if it's collapsed */
    background-color: #fff;
}

.active-section .sidebar-nav .panel-heading h4 a.collapsed-not {
    /* if it's not collapsed but ACTIVE */
    background-color: inherit;
}

a:focus {
    color: #000;
}

.sidebar-nav .panel-heading h4 a:hover {
    background-color: #ddd;
}

#accordian .panel :hover {
    background-color: #000;
}

#sidebarPrimary {
    margin-top: 8em;
}

#sidebarPrimary .panel-title {
    font-size: 13px;
    margin-left: 5px;
}

#sidebarPrimary .headline {
    display: none;
}

.sectionMenu li a {
    font-size: 12px;
}

.navbar .nav > li > a {
    font-size: 12px;
}

.navbar .nav > li > a:focus {
    /* dh */
    /* background: #216698 !important; */
}

.navbar .nav > li > a:hover {
    /* background: #0d2c42 !important; */
    color: white;
}

.navbar #menuMain  > .active > a,
.navbar #menuMain  > .active > a:focus {
    background-color: var(--main-brand-color--lighter) !important;
    color: white;
    border-bottom: none !important;
    filter: drop-shadow(0px -2px 2px #0000006e);
}

.sectionMenu {
    background-color: rgba(223, 230, 230, 0.7);
    color: #000;
    padding: 0px;
}

/*.in  ul{  the body that's expanded
	background-color:#555 !important;
}*/

.sectionMenu a {
    color: #fff;
}

/* indent children of a section */
#accordian .sectionMenu li a {
    padding-left: 25px;
}

.sidebar-nav > .sectionMenu li.active a {
    /* color: #fff !important; */
    color: #000 !important;
    background-color: #0e6bad7a;
}

/* .sectionMenu a.active {

	} */

.sidebar-nav .panel-body {
    padding: 0px !important;
}

.sidebar-nav .panel {
    border-top: none;
    border-bottom: 2px solid #ddd;
}

.sidebar-nav > .sectionMenu li a {
    /* background-color: rgba(255, 255, 255, 0.76); */
    border-bottom: 2px solid #ddd;
    color: #000;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
}

div .panel-collapse.in ul li a {
    padding-left: 20px;
}

/* Carousel *****************/
.mh330 .carousel-inner {
    overflow: hidden;
    max-height: 330px;
}

.mh330 .carousel-inner > .item > img {
    /* max-height: 330px; */
    margin-top: -132px;
}

.carousel-caption {
    right: 0;
    left: 60%;
    top: 408px;
    padding-bottom: 30px;
    background-color: rgba(0, 0, 0, 0.66);
    backdrop-filter: blur(6px);
    box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.5);
    opacity: 0.4;
    transition: opacity 0.3s;
    /* display: none; */
}

.carousel-caption h3 {
    color: white;
    text-shadow: 2px 2px 3px #000;
}

.carousel-caption:hover {
    opacity: 1;
}

/**********************************
  Meetings
 **********************************/
.meetings-wrapper {
    padding-left: 0.5em;
}

.meetings-wrapper h2 {
    margin-top: 0.25em;
}

.meetings-wrapper h3 {
    margin: 0;
}

/**********************************
  Top Bar Buttons
 **********************************/
.header .topbar ul.loginbar > li > a,
.header .topbar ul.loginbar > li > a:hover {
    color: #0e6aad;
    font-size: 11px;
    text-transform: capitalize;
}


.input-group #login_user {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    width: 120px;
}

.input-group #login_pass {
    width: 180px;
    transition: all .3s;
}

/* .input-group #login_user:focus,
.input-group #login_user:focus + label + input,
.input-group #login_user:has(+label+input:focus), */
.input-group #login_pass:focus,
.input-group #lohin_pass:-internal-light-dark
{
    background-color: white;
}

#dash-login-help-btn {
    /* border-bottom-right-radius: 20px;
    border-top-right-radius: 20px; */
}

#dash_login_passtoggle {
    margin-left: -35px;
    z-index: 100;
    box-shadow: none;


}

    #dash_login_passtoggle i {
        font-size: larger;
    }

#dash-login-btn {
    transition: all 1s;
}

#dash-login-btn.btn-primary {
    background-color: #0d609b;
}

    #dash-login-btn.btn-primary:disabled {
        background-color: #b2c9da;
        opacity: 1;
        color: #113752;
    }

/* End of Topbar Buttons */
[action="/www/forms/forgotpassword/"] [aria-role=radiogroup] {
    font-weight: bold;
}

[action="/www/forms/forgotpassword/"] p {
    font-weight: normal;
    display: inline;
}


/* forgot password */







.table tr th {
    background-color: #0e6aad;
    color: white;
}

.table-hover > tbody > tr:hover {
    background-color: rgba(0, 30, 99, 0.11);
}

.header .topbar ul.loginbar > li > a,
.header .topbar ul.loginbar > li > a:hover {
    color: #0867aa;
    font-size: 1.1em;
    text-transform: uppercase;
    font-family: barlow;
}

.header .topbar ul.loginbar li i.fa {
    color: #0867aa;
}

.header .topbar ul.loginbar li i.fa-search {
    /* color: white; */
}


.table#verify-results > tbody > tr > td {
    border-width: 2px;
    border-color: #aaa;
}

#verify-results td {
    border-size: 2px;
    border-color: #aaa;
}

/* forms */
label.top {
    width: 100%;
}

/* events (not used on nvot home) */

#eventHome {
    width: 100%;
    background-color: #fcfcfc;

    margin-bottom: 1em;
}

#eventHome tr:last-child td {
    border-bottom: 1px solid rgb(221, 221, 221);
    padding-bottom: 1em;
}

#eventHome:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

/*diagnostic to see table borders */
/*	.formMgr td {
		border: 1px dashed #eee;
	}*/
/*
	.eventDate {
		text-align:right;
		padding-top:5px;
		padding-right:5px;
		width: 30px;
	}*/

.dateCard {
    background-color: #0e6aad;
    border-radius: 4px !important;
    color: #fff;
    padding: 2px;
    text-align: center;
    font-weight: bold;
    width: 30px;
    margin-left: 5px;
    margin-bottom: 5px;
}

/*
			.dateCard .abrvMonth {
				text-transform:uppercase;
				border-bottom:1px solid #888;
				font-size:.7em;
			}

			.dateCard .twoDigitDay {
				font-size:1.35em;
			}

	.eventDesc {
		font-variant:normal;
		width:80%;
	}

		.eventDesc a.subject { font-variant:normal; font-weight:bold; }
		.eventDesc p {
			margin:0px 0px 0px 5px;
			font-size:90%;
		}

#eventHome_more {
	margin-top: 1em;
}

*/
/*   */

.content {
    border-radius: 10px;
    padding-left: 20px;
    padding-top: 2em;
}

.accordion-inner {
    padding-left: 0px;
    padding-right: 0px;
}

.breadcrumb {
    text-align: right;
   /* display: none; /* /* disable */
}

.breadcrumb a {
    color: rgb(27, 91, 131);
}

.breadcrumb li.active {
    color: #333;
}

#sidebarPrimary {
    margin-right: 0px;
}

.sidebar-nav {
}

td {
    vertical-align: top;
}

.webformsrequired {
    border: 1px solid red;
    background-image: url(/images/icons/red_asterisk_t.png);
    background-repeat: no-repeat;
    background-position: 98% center;
}

/* PAGE-SPECIFIC */

.grid_people td:first-child {
    width: 25%;
    padding-right: 2%;
    padding-top: 48px;
}

.grid_people td:first-child img {
    max-width: 235px !important;
    width: 100% !important;
    height: auto !important;
}

/* location */
.grid_people td:first-child  p:first-child {
    float: right;
}

/* sometimes img container */
.grid_people td:first-child  p:first-child + p {
    margin-top: 0;
}








/* END PAGE_SPECIFIC */







/* *********** collapsible in page content *************/

/* the heading and collapsible contents container */
.accordion-list .collapsible-item {
    background-color: #ffffff87;
    padding: 0;
    margin-bottom: 1em;
}

/* the thing to click on to make collapse/expand */
.collapsible-item .collapsible-item-heading {
    padding: 5px 5px 0px 10px;
    padding-bottom: 0.5em;
    margin-bottom: 0;
    border-bottom: none;
    background-color: #0e6aad;
    color: white;
}

.collapsible-item-heading:hover {
    background-color: #0f5f99;
}

/* contents that collapse */
.collapsible-item-collapse {
    padding: 0 10px 10px 10px;
    background-color: #eee;
}

.collapsible-item-title-link-icon {
    display: none;
}

.collapsible-item-title-link {
    display: block;
    text-decoration: none;
}

.collapsible-item-title-link:focus {
    color: #fff;
}

.collapsible-item-title-link:hover {
    color: #fff;
}

.accordion-toggle {
    margin-bottom: 0;
    border-bottom: 1px solid #b9bbc0;
    padding-left: 0.5em;
    margin-top: 0.5em;
    background-color: #00395f;
    transition: background-color, 0.5s;
    color: white;
}

.accordion-toggle.collapsed::after,
.collapsible-item-title-link::after {
    font-family: FontAwesome;
    margin-left: 1em;
    /* content: "\f0da"; */  /* filled caret */
    position: absolute;
    right: 20px;
}

/* hover over toggle */
.resource__list-container-heading.collapsed:after {
    padding-right: 0;

}

.accordion-toggle:not(.collapsed) {
    background-color: #00395f;
}

.accordion-toggle::after {
    font-family: FontAwesome;
    margin-left: 1em;
    float: right;
    padding-right: 0;
    right: 20px;
    position: absolute;
    /* content: "\f0d7"; */
}

.accordion-toggle:hover {
    background-color: #555;
    cursor: pointer;
}

.collapsible-item-title-link::after {
    float: right;
    margin-right: 10px;
}

.collapsible-item-title-link[aria-expanded="true"]::after {
    /* content: "\f0d7"; */
    float: right;
    margin-right: 10px;
}

.collapsible-item-heading span {
    /* font-family: "Alegreya", serif; */
}

.collapsible-item-heading h3 span {
    font-size: 24px;
}

.collapsible-item-heading h4 span {
    font-size: 20px;
}

.collapsible-item-heading h5 span {
    font-size: 16px;
}

.accordion-content {
    padding-left: 1em;
    margin-bottom: 3em;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 1em;
    background-color: #eee;
}

/* divide the items in the collapsible content */
.accordion h3:not(:first-of-type) {
    padding-top: 1em;
    border-top: 2px solid white;
    margin-left: -14px;
    padding-left: 0.5em;
}


.resource__list .badge {
    color: white;
}

/*  end collapseible in page content */

/* home */
div#menu-side {
    background-color: #f4f4f4;

    /* margin-right: .1em; */
}

#menu-side ul {
    list-style: none;
    font-size: larger;
    margin-bottom: 0px;
}

#menu-side li:hover {
    background-color: white;
}

#menu-side a,
#panel-resources a,
#articlelist a {
    /* color: #1b5b83;
	display: block; */
    margin-top: 1em;
}

#sidebarPrimary #menu-side {
    margin-top: 2em;
}

#menu-side .list-group {
    border-radius: 0px;
}

#menu-side .list-group-item {
    /*background-color:transparent;*/
}

#menu-side .list-group-item.active {
    background-color: white;
    border-color: #eee;
}

#articlelist {
}

#articlelist h2 {
    font-weight: 500;
    line-height: 22px;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 0;
}

#articlelist li {
    /*	border: none;
			padding-bottom: 2em;*/
}

/* #articlelist li a {
				font-size: 15.6px;
			} */

/* #panel-resources a {
	font-size: 15.6px;
} */
/* ICONS */

/* external */
a[href^="http://"]:after,
a[href^="https://"]:after {
    /* content: "\f08e";
    font-family: fontawesome;
    margin-left: 4px;
    text-decoration: none;
    display: inline-block; */
}

a[href^="http://www.ndbom.org"]:after,
a[href^="https://www.ndbom.org"]:after,
a[href^="http://dev.ndbom.org"]:after,
a[href^="https://dev.ndbom.org"]:after,
a[href^="http://services.ndbom.org"]:after,
a[href^="https://services.ndbom.org"]:after {
    /* show an icon to right of link when it's external */
    display: none;
}

a[href$=".doc"],
a[href$=".rtf"] {
    background: transparent url(icon_doc.gif) no-repeat center right;
}

/*a[href$=".pdf"], a.pdf {
	background: url(/images/icons/icon_pdf.gif) no-repeat center right;
	padding-right: 23px;
}

	a[href$=".pdf"].icon-no {
		background:none;
		padding-right:0px;
	}*/

a.pdf:after,
a[href*="pdf"]:after,
a[href*="resource"]:after,
a[href*="download"]:after
{
    /* font-family: fontawesome;
    content: "\f1c1";
    padding-left: 0.25em;
    padding-right: 0.25em; */
}

.infolink::before {
    font-family: fontawesome;
    content: "\f05a";
    padding-right: 0.5em;
}

.formlink::before {
    font-family: fontawesome;
    content: "\f046";
    padding-right: 0.5em;
}

.downloadlink::before {
    font-family: fontawesome;
    content: "\f019";
    padding-right: 0.5em;
}

.emaillink::before {
    font-family: fontawesome;
    content: "\f003";
    padding-right: .5em;
}



a.icon-no:after {
    content: none;
    padding-right: inherit;
    padding-left: inherit;
}

.loginbar a {
    text-decoration: none;
}

/* bootstrap 3 to support Sub-Menu */

.dropdown-menu {
    border-radius: 0px;
}

.dropdown-submenu {
    position: relative;
    border-radius: 0px;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: -1px;
}


/* show submenus on hover. Bad for mobile, don't use. */
/* .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;*/

    /* disable the built-in BS caret */
    vertical-align: baseline;
    border: none;
    font-family: 'FontAwesome';
    content: "\f0d7"; /* caret-down */
    transition:transform .3s;
    display: inline;

}

/* clicked on submenu item to show children, inverts colors */
.dropdown .dropdown-menu .dropdown-item:focus, .dropdown-item:hover {
    background-color: var(--main-brand-border-color);
    /* color: #3498db !important; */
}



.dropdown-submenu:hover > a:after
 {
    /* border-left-color: #ffffff; */
    border-top:  .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-right: .3em solid transparent;
    border-left: .3em solid #0867aa;
    margin-bottom: -5px;

    /* disable the built-in BS caret */
    margin-bottom: 0;
    border: none;
    /* font-family: 'FontAwesome'; */
    content: "\f0da";
    padding-right: 2px;
    /* caret-right */
    /* transform:rotate(-90deg); */

}

.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;
}

a.more {
    display: block;
    padding: 3px;
    text-align: right;
    font-size: smaller;
    font-weight: bold;
    margin-top: 5px;
}

.top ul.loginbar {
    z-index: 100;
}

/* Resources */
/* home */
#panel-resources .resource {
    border: none;
}

#panel-resources h3 {
    /* font-size: 1.5em; */
}

.resource {
    font-size: 80%;
}

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

.resource li {
    padding: 2px 2px 2px 8px;
    /* background-color: #fff; */
    border-bottom:1px solid #ddd;
}

.resource li:hover {
    background-color: #eee;
}

.resource li h3 {
    font-weight: normal;
}

.resource a {
    display: inline-block;
    width: 80%;
}

.resource img {
}

.resource .fileDetails {
    font-size: 90%;
}

.resource .fileBytes {
    width: 10%;
    display: inline-block;
    text-align: right;
}

.resource .fileBytesLabel {
}

/* end Resources */





/* sdbod splash news slider  */
.img-container img {
    object-fit: cover;
    object-position: 50% 00%;
    height: 330px;
    width: 100%;
}

.list-group-item {
    text-decoration: none;
}


    .c-splash-container {
        /* margin-top: -52px; */
        object-fit: contain;
        max-height: 368px;
        overflow: hidden;
        height: 50%;
        width: 100%;
    }

        .c-splash-container img {
            width: 138%;
            object-fit: cover;
            height: 140%;
            object-position: 50% 50%;
        }

    article {
        margin-top: 0;
        }

    .over {
        overflow: hidden;
    }

    .service-block .heading-md {
        margin-bottom: 0;
    }

      .da-slide h2 {
        background-color: rgba(0,0,0,.5);
        backdrop-filter: blur(5px);
        pointer-events: all;

          }

          .da-slide .head {
                padding: .6em;
                display: block;
              }

      .da-slide .subhead {
          display: block;
          font-size: large;
          background-color: rgba(0,0,0,.5);
          padding: 1em;
          line-height: 1.8;
          }

          .da-img img {
              /* width: 100%; */
              max-width: 400px;
              max-height: 400px;
              margin-top: -20px;
          }

          [href*="16"] img {
              filter: drop-shadow(2px 4px 6px black);
          }

/**
    PARALAX SLIDER
*/
/* line 900, A:/sdbod/www/html/new/assets/include/scss/custom.scss */
.slider-inner {
  pointer-events: none;
  z-index: 0;
  position: relative;

}

.da-slider {
      box-shadow: none;
}

/* line 906, A:/sdbod/www/html/new/assets/include/scss/custom.scss */
.da-slide {
  pointer-events: none;
}

/* line 910, A:/sdbod/www/html/new/assets/include/scss/custom.scss */
.da-slide h2 {
  max-width: 500px;
  border-radius: 0;
  background: none;
  text-align: left;
  pointer-events: none;
}

/* line 922, A:/sdbod/www/html/new/assets/include/scss/custom.scss */
.da-slide h2 i {
  background-color: rgba(0, 0, 0, 0.7);
  background-image: none;
  pointer-events: all;
}

/* line 928, A:/sdbod/www/html/new/assets/include/scss/custom.scss */
.da-slide p {
  text-shadow: 0 0 6px #000;
  max-width: 500px;
  pointer-events: all;
}



.slider-inner {
  pointer-events: none;
  z-index: 0;
  position: relative;
}

/* line 906, A:/sdbod/www/html/new/assets/include/scss/custom.scss */
.da-slide {
  pointer-events: none;
}

/* line 910, A:/sdbod/www/html/new/assets/include/scss/custom.scss */
.da-slide h2 {
  max-width: 500px;
  border-radius: 0;
  background: none;
  text-align: left;
  pointer-events: none;
}

/* line 922, A:/sdbod/www/html/new/assets/include/scss/custom.scss */
.da-slide h2 i {
  background-color: rgba(0, 0, 0, 0.7);
  background-image: none;
  pointer-events: all;
}

/* line 928, A:/sdbod/www/html/new/assets/include/scss/custom.scss */
.da-slide p {
  text-shadow: 0 0 6px #000;
  max-width: 500px;
  pointer-events: all;
}

/* line 934, A:/sdbod/www/html/new/assets/include/scss/custom.scss */
.da-arrows, .da-dots {
  pointer-events: all;
}

/* line 938, A:/sdbod/www/html/new/assets/include/scss/custom.scss */
.da-arrows span {
  height: 51px;
  opacity: .3;
}


      .da-slide h2 {
        background-color: rgba(0,0,0,.5);
        backdrop-filter: blur(5px);
        pointer-events: all;

          }

          .da-slide .head {
                padding: .6em;
                display: block;
              }

      .da-slide .subhead {
          display: block;
          font-size: large;
          background-color: rgba(0,0,0,.5);
          padding: 1em;
          line-height: 1.8;
          }

/* end sdbod splash news slider */



#contentCol p {
    line-height: 170%;
}

.footer-v2 .footer {
    background-color: #eee;
    margin-bottom: 0em;
    margin-top: 0em;
    background-color: white;
}

.footer-v1 {
    background: #091822;
    height:100%;
}

footer .data-value {
    color: #333;
}

.footer-v1 .data-value {
    color: white;
}

.footer-v1 .footer {
    background: #3a4044;
}

.footer-v1 .copyright {
    background: #091822;
}

footer .navbar li {
    display: inline-block;
    list-style: none;
    padding-right: 1em;
    color: rgba(255, 255, 255, 0.7);
}

footer {
    color: rgba(255, 255, 255, 0.7);
}

.footer a:not(.btn),
.latest-list li a {
    /* color: #f7ff00 */
}

.latest-list li {
    border-color: rgba(255, 255, 255, 0.2);
}

.portal-expand {
    border: none !important;
}

.portal-expand h3 {
    border: none !important;
    background: none !important;
    color: #72c02c;
    text-decoration: underline;
}

.portal-expand .ui-accordion-content {
    border: none;
    border-bottom: 1px solid black;
    overflow: scroll;
    height: 200px;
    width: 300px;
}

.portal-expand .ui-widget-content {
    background: none;
    border: none;
    border-bottom: 1px solid black;
    text-transform: capitalize;
}

.portal-expand .stats,
.portal-expand .stats td {
    font-size: 0.8em;
    text-transform: capitalize;
}

/* calendar */
#eventHome a.subject {
    font-family: "open sans";
    font-weight: normal;
    font-size: 15.6px;
}

/* home page quick links */
body#home main {
	padding-bottom: 0;
}

body#home .content__wrapper {
	padding-bottom: 0;
}

.c-quicklinks__container {
	background-color: #eeeeee;
    border-bottom: 1px solid #000;
    padding-top: 2em;
    padding-bottom: 2em;

}


.c-quicklinks .list-group {
	flex-direction: row;
}

.c-quicklinks--home {
    clear: both;
    border-radius: 0;
    background: transparent;
    border: 0;
    margin: 0;
}

.c-quicklinks--home .list-group {
    border: 0;
    border-radius: 0;
    overflow: hidden;
}


.c-quicklinks .list-group-item {
    color: white;
    text-decoration: none;
}

.c-quicklinks--home .list-group-item,
.c-quicklinks--home .list-group-item:last-child {
    width: 20%;
    float: left;
    height: 150px;
    border-radius: 0 !important;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
    background-color: transparent;
    text-align: center;
    margin-bottom: 2em;
    transition: background-color 0.3s;
	font-weight: bold;
}

.c-quicklinks--everyone .list-group-item {
    margin-bottom: 0 !important;
}

.c-quicklinks--home .list-group-item:last-child {
    border-right: none !important;
}

.c-quicklinks--home .list-group-item:hover,
.c-quicklinks--home .list-group-item:last-child:hover {
    /* background-color: #f5f5f581; */
	backdrop-filter: brightness(3);
	color: var(--main-accent-color);
	/* text-shadow:0 0 15px white; */
}

.c-quicklinks .list-group-item:hover {
    color: var(--main-accent-color);
}


.c-quicklinks--home .fa-fw {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.2em;
    font-size: 3em !important;
    margin-bottom: 0.5em;
    transition: margin 0.4s;
}

.c-quicklinks--home .list-group-item:hover .fa-fw {
    margin-bottom: 0.25em;
    margin-top: 0.3em;
}

.c-quicklinks .list-group-item {
    /* padding-top: 6.9px; */
    /* padding-bottom: 7.4px; */
    /* background-color: var(--main-bg-color); */
}



.c-quicklinks .list-group-item a {
    color: white;
    text-decoration: none;
}

.c-quicklinks .panel-heading {
    margin: 0;
    padding-bottom: 0;
    padding-top: 0.7em;
    text-align: center;
}

.c-quicklinks--home__heading {
    /* background-color: rgba(247, 247, 247, 0.76); */

    border-radius: 0;
    color: #004471;
    /* display: none; */
}

.firstrow .c-quicklinks .list-group-item {
	border-bottom-right-radius: 8px !important;
}

.secondrow .c-quicklinks .list-group-item {
	border-top-right-radius: 8px !important;
}

/* end quicklinks */

.article__heading {
    /* font-weight: bold; */
    /* color: white; */
}

.article__intro {
    color: rgba(255, 255, 255, 0.8);
}

.list-group-item:hover .article__intro {
    color: rgba(0, 0, 0, 0.8);
}


#boardOrders {
    border: none;
}

/***************************************** BS form styles */
body .form-display {
    background-color: #fff;
    padding: 1em;
}

form .row {
    margin-bottom: 20px;
}

.form-control {
    color: #000;
}

.form-inline .form-group {
    vertical-align: top;
}

.form-group label, .form-check label {
    /* margin-bottom: 2px; */
    font-size: 1rem; /* restore what's in bs4, override theme-concat */
    cursor: pointer;
}

.required label {
    color: #600;
    font-weight: bold;
}

.bodyItalic {
    font-style: italic;
}


#CARD_CVV {
    max-width: 60px;
}

#CARD_NUM {
    max-width: 200px;
}


/*	input:invalid, textarea:invalid select:invalid;  {
		border:1px solid #966;
	}

	input:required:valid, textarea:required:valid , select:required:valid  {
		border:1px solid #696;
	}


	.required select:invalid {
		border: 1px solid #600;
	}

	input[type="checkbox"]:invalid, input[type="radio"]:invalid {
		outline: 1px solid #600;
	}
*/
/* used for webforms */
div#fullPageOverlay {
    overflow-x: hidden !important;
    overflow-y: auto !important;

    opacity: 1 !important;

    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 2000 !important;

    overflow: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    outline: 0 !important;
}

#spnWebformsBody .fieldgroup td {
    padding-right: inherit;
}

#WEBFORMS textarea {
    width: 100%;
}

.textarea600x100 textarea {
    width: 600px;
    height: 100px;
}

#spnWebformsBody input[type="text"].date {
    width: inherit;
}

#spnWebformsBody td input[type="text"] {
    border: none;
    width: 100%;
}

#spnWebformsBody td input[type="text"]:required {
    padding-right: 15px;
}

#spnWebformsBody td input.adminButton {
    width: auto;
}

.reqCheckbox {
    display: inline-block;
    width: 13px;
    height: 10px;

    background-image: url(/images/icons/red_asterisk_t.png);
    background-repeat: no-repeat;
    background-position: 98% center;
}

#iframeNewWindow {
    left: 0 !important;
    z-index: 3000;
}

/* new osteo redesign stuff */


.header .navbar-default .navbar-toggle {
    background: #3498db;
    border-color: #0a4c7d;
    color: white;
    padding-bottom: 10px;
    padding-top: 10px;

}

.header .navbar-default .navbar-toggle:hover,
.header .navbar-default .navbar-toggle:focus
{
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #0a4c7d;
}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: white;
    }


.menu-main {
    margin-bottom: -1px;
    width: 100%;
}

#menuMain {
	/* background-color:#0867aa; */
	display: flex;
    flex-direction: row;
    justify-content: right;
	text-align: center;
    padding-top: 4px;
    padding-right: 3px;
    z-index: 1000;
}

#menuMain > li {
	margin-bottom: 0;
	display: inline-block;
    float: none;
    text-align: left;
}

#menuMain>li.active {
    margin-bottom: -1px;

}

#menuMain .dropdown-menu > a {
	color: white;
	font-weight: bold;
	font-family: open sans;
	text-transform: inherit;
	border:none;

}

.menu-main .nav-item.dropdown.show, 
.menu-main .nav-tabs .nav-item.show .nav-link {
    background-color: var(--main-brand-color);
    color: white;
}

#menuMain>.dropdown.show>a {
    color: white;
}

.dropdown-menu {
    /* background-color: #0867aa; */
}

#menuMain .dropdown .dropdown-menu a {
	color: white;
    border-bottom: 1px solid rgba(255,255,255,.1);
    white-space: normal;
}

#menuMain .dropdown .dropdown-menu a:hover {
	/* color: black; */
}

#menuMain .dropdown .dropdown-menu  .dropdown-submenu a {
	color: white;
}

    #menuMain .dropdown .dropdown-menu  .dropdown-submenu a:hover {
        /* color: #0867aa; */
        cursor: pointer;
    }


.header .navbar-default .navbar-nav > li > a {
	min-height: 40px;
}

.header .navbar-nav#menuMain > .dropdown.active > a {
	background-color: #00000047;
}

.header .navbar-nav#menuMain > .active > a:hover
{
	color: rgba(255,255,255,.7);
}


/*------------------------------Licensee Dashboard----------------------------------------*/


legend:empty {
	display: none;
}

.form-display .widget td[id^=ctrl] {
	vertical-align: initial;
}

.form-display .widget,
.form-display .widget-part {
	background: #f7f7f7;
}

.form-display .widget-part legend {
	background-color: transparent;
}

.form-display .widget legend {
    color: rgb(0 0 0 / 58%);
	background-color: #d1c794;
    /* border-bottom: 1px solid #002e5f; */
}

.form-display .widget__part legend {
    color: #3d3d3dc2;
    /* background: linear-gradient(180deg, rgba(201,189,129,1) 0%, rgba(0,212,255,0) 100%); */
    padding-bottom: 5px;
}

.form-display label:not([class]) {
    min-width: 15em;
   }

.widget legend .btn-trans {
	/* border: 1px solid #7f9fc1e6; */
    color: #f6f6f6;
    background-color: #086bb0
}

	.widget legend .btn-trans:hover {
		border: 1px solid #fff;
		color: #000;
		background-color: #ffffff3f;
	}

.list-group i {
	padding-right: 1em;
}


/* because formmgr span in td first child kills left padding :( TODO: fix   */
.form-display fieldset td:first-child span.label {
	padding-left: 7px;
}


fieldset + fieldset {
    margin-top: 2em;
}

/*----------------------------- /Licensee Dashboard----------------------------------------*/
.form-display fieldset {
    clear: initial;
}


div .form-display td span.badge {
    line-height: 100%;
}

/* end new osteo redesign stuff */


/* renew form */
/* override hiding in email (we point to receipt.asp page for renewals) */
/* [data-form=DR_RENEW] .content #awaitTxt {
    display: block !important;
}

[data-form=DR_RENEW] .content #pdmpTxt {
    display: block !important;
} */
[data-form=DR_RENEW] .error {
   /* display: none; */
}




/*                 */
@media print {
    html,
    body {
        height: 99%;
    }

    a[href]:after {
        content: "";
    }

    .header {
        min-height: inherit;
    }

    .wrapper {
        border-left: none;
        border-right: none;
    }

    .copyright,
    .footnote {
        display: none;
    }

    .footer-v1 {
        background: #ffffff;
        height:auto;
    }

}

a:not(.btn)[href^="http://"],
a:not(.btn)[href^="https://"] {
    padding-right: 0px;
    margin-right: 0px;
}

/* mobile media queries */


/* mobile stuff */
@media (max-width: 1115px) {


    .navbar-brand__logo {
        width: 259px;

    }
}



@media (max-width: 991px) {
    .navbar-toggler {
        background-color: var(--main-brand-color);
        color: white;
        margin-top: -20px;
        margin-bottom: 10px;
        position: absolute;
            right: 20px;
            top: 40px;
    }

    .navbar-toggler:hover {
        background-color: var(--main-brand-border-color);
    }

    .header {
        /* height: 110px; */
    }

    .loginbar {
        /* margin-top: 35px; */
    }

    .banner .navbar {
        /* flex-wrap: inherit; */
    }

    .navbar-brand {
        max-height: initial;
    }

        .navbar-brand__logo {
            width: 164px;
            padding-top: 0;
            /* display: none; */
        }

        .brand-title {
            display: inline-block; margin-top: .75em;
        }

        .brand-title__title1 {
            font-size: 5.6vw;
            padding: 0;
            padding-right: 5px;
        }

        .brand-title__title2 {
            font-size: 5.6vw;
            padding: 0;
            margin-left: -5px;
        }

        #menuMain .nav-item>a {
            padding: 6px;
        }

	#menuMain {
		background-color: var(--main-brand-color);

    }

    #menuMain.navbar-nav {
        display: block;
    }

    #menuMain > li {
        display: block;
    }

    #menuMain a {
        color: white !important;
        /* todo make theme-concat #4643 not be color important */
    }

    #menuMain .dropdown .dropdown-menu a {
        color: white ;
        /* todo make theme-concat #4643 not be color important */
    }

    #menuMain > .dropdown > a:hover,
    #menuMain > .dropdown > a:focus
    {
        color: #0867aa;
        background-color: rgba(255, 255, 255, 0.5);
    }


    /* don't constrain width of submenus */
    .dropdown-menu li {
        max-width: 100%;
    }


    /* indent submenus */
    .dropdown-submenu .dropdown-menu.show > li > a {
       padding-left: 3em;
    }

        .dropdown-submenu .dropdown-submenu .dropdown-menu.show > li > a {
           padding-left: 6em;
        }


    .header .navbar-default .navbar-nav > li a {
        border-color: rgba(255, 255, 255, 0.5);
    }

    #textsizer {
        position: static;
        float: none;
    }

    #title {
        margin-top: 0;
        line-height: 1;
    }

    .loginbar {
        padding-left: 0;
    }

    /* keep submenus on */
    /* #menuMain > .dropdown.show > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
        display: block;
        margin-left: 1em;
        font-size: 10pt;
    } */


}


@media (max-width: 576px) {
    .header {
            /* height: 160px; */
        }

        .loginbar {
            /* margin-top: 25px; */
            float: none;
        }

        .loginbar #login_user,
        .loginbar #login_pass
        {
            width: auto;
        }

    ol.breadcrumb {
        display: none;
    }

    .container {
        /* padding-left: 0px;
        padding-right: 0px;
        width: 97%; */
    }

    .header .topbar {
        /* padding: 0 15px 0 15px; */
    }

    #sidebarPrimary {
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar-brand {
        max-height: initial;
        width: 80%;
        margin-right: 0;
    }


    .navbar-brand__logo {
        width: 164px;
        padding-top: 0;
        /* margin-top: -47px; */
    }


       .brand-title {
            display: inline-block; margin-top: .75em;
        }

        .brand-title__title1 {
            font-size: 15vw;
            padding: 0;
            padding-right: 5px;
            border-right: none;
        }

        .brand-title__title2 {
            font-size: 8.7vw;
            padding: 0;
            display: block;
            white-space: normal;
            margin-left: 0;
        }

    .toplink__home {
        display: none;
    }

    .loginbar li {
        white-space: nowrap;
    }
}

/* narrow phone */
@media (max-width: 510px) {
    .header {
        /* height: 200px; */
    }

    .loginbar {
        /* margin-top: 15px; */
        float: none;
    }

    .loginbar #login_user,
    .loginbar #login_pass
    {
        width: 100%;
        border-radius: 0;
    }

    #dash-login-help-btn {
        border-radius: 0;
    }

    #login_welcome {
        padding-top: 20px;
    }

    .home__splash {
        display: none;
    }

    .bp-nav-main {
        padding-top: 77px;
    }

}

@media (min-width: 992px) {
    .header .dropdown-menu {
        border-top: solid 2px #552981;
        border-bottom: solid 2px #687074;
    }

    .header .navbar-default .navbar-nav > li > a:hover,
    .header .navbar-default .navbar-nav > .active > a {
        border-bottom: none;
        border-color: white;
    }
}

@media (max-width: 992px) {
    header.banner {
        max-width: 100%;
    }

    body {
        background: none;
    }

}


.sidebar-nav > .active-section li a {
    color: white !important;
}


.sidebar-nav>.sectionMenu li.active a:hover {
    background-color: #0c4366;
        color: #fff !important;
}

span.btn:hover {
    cursor: pointer;
}