/* The below css was added just to see overflows. Don't need it now, but could come in hand in future. Commenting out until then.
* {
	outline: 1px solid #f00 !important;
	}
*/


:root {/* Color variables */
	--lightest-blue: #e6ffff;
	--light-blue: #b3e5fc;
	--medium-light-blue: #4f83cc;
	--medium-blue: #0288d1;
	--medium-dark-blue: #005b9f;
	--dark-blue: #01579b;
	--darkest-blue: #152C53;
	--light-red: #f05545;
	--medium-red: #b71c1c;
	--dark-red: #7f0000;
	}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
	
/* -- Table Classes */
table { background-color: none; background-image: none; }
.reporttable, .divblock { width: 100%; background-color: #fff; border-spacing:0px; padding-top:10px; border-radius: 0px 0px 0px 0px; }
.ff-block-container { display:table; width:100%; }
.editbuttons { width: 100%; background-color: #fff; border-spacing:0px; padding:0px; border-radius: 0px 10px 10px 10px; margin:5px; }
.list_table { width:100%; border:0px; border-spacing:0px; padding:3px; margin:0px; } 
.calendar_table { width:100%; border:0px; border-spacing:0px; padding:3px; margin:0px; background-color:#ffffff; font-size:.95em; } 
.reporttable ul { padding-left: 15px; }
.reporttable li { list-style:inherit; }
.hdrInfo { width:100%; border:0px; padding:2px; border-spacing:0px; /*background-color:#e6eef5;*/ font-size:0.9em; }
.subTable { width:100%; border:0px; padding:2px; border-spacing:0px; background-color:none; font-size:.75em; }
.NoticeInfo { width:100%; padding:10px; border-radius:10px; background-color:#b4d7e0; letter-spacing: 1px; }

tr.instructionrow td, tr.instructionrow th { padding: 5px; background-color: #586e81; color: #ffffff; }

tr.sAdmin td, tr.sAdmin th { font-weight:bolder; color: #CC0000; }
.pagetitlerow { padding: 5px; /* background-color: #152C53; */
	/* DV removing 2/6/2020 - background-color: var(--dark-blue); background-image:linear-gradient(to bottom right, var(--darkest-blue), var(--medium-light-blue)); */
	color: #152C53; font-size: 1.75em; font-weight: bold; text-indent: 0; font-family:'Open Sans', sans-serif; }
.pagetitlerow td:first-of-type { padding: 15px 0 15px; }
.pagetitlerow a { color:#ffffff; text-decoration: underline; }
.pagetitlerow a:hover { color:#ffffff; text-decoration: none; }


.bigtitlerow { height: 30px; padding: 4px; background-color: #1e4b89;
	color: #ffffff; font-size:1.05em; font-weight: bolder; text-indent: 10px; }
.fe_vbig_row { height:30px; padding:10px; color: #000; font-size:2em; font-weight:bolder; }
.fe_big_row { height:25px; padding:10px; color: #000; font-size:1em; }


li.titlerow { display: inline-block; width: 100%; height: auto; margin: 0; box-sizing: border-box; 
	text-align: center; }
.titlerow { height: 24px; background-color: transparent; color:#152C53; font-weight: normal; text-transform:uppercase; font-family: 'Montserrat', 'Open Sans', sans-serif; margin-bottom:5px; }
.titlerow td:first-of-type { font-size:1.7em;  }
.reporttable tbody > .titlerow td { border-bottom: 1px solid #bdccd9; padding: 15px 10px 5px 10px; margin-bottom:5px; }
.list_table tbody > .titlerow td { border-bottom: 1px solid #bdccd9; padding: 15px 10px 5px 10px; margin-bottom:5px; font-size:1em; }
.titlerow .SearchTextBox { color: #565656; }
.titlerow a { color: #0288d1; color:var(--medium-blue); }

.sectiontitlerow { height: 20px; background-color: transparent; color:#152C53; font-weight: normal; text-transform:uppercase; font-family: 'Montserrat', 'Open Sans', sans-serif; margin-bottom:5px; }
.sectiontitlerow td:first-of-type { font-size:1.4em;  }


.subtitlerow { height: 20px; color:#152C53; background-color: transparent; font-family: 'Montserrat', 'Open Sans', sans-serif;font-weight: bold; }
.subtitlerow td { padding:8px; text-align:center; }
.subtitlerow.normal-letter-space { letter-spacing:0; text-transform:none; }
.normal-letter-space { letter-spacing:0; text-transform:none; }

.sm_hdrrow { padding: 3px; background-color: #669bc7;
	color: #ffffff; font-size: 1em; font-weight: bolder; }
.headerrow { height: 33px; padding: 3px; background-color: #bdccd9;
	color: #152C53; font-size: 1em; font-weight: bolder; }
	
.srch_table { width:100%; border:0px; border-spacing:0px; padding:3px; margin:0px; font-size:.95em; background-color:#fff; color:#01212d; }
.srch_table input.inputbox, .srch_table select.selectbox { border:solid 1px #999; }
.srch_table .headerrow { color:#01579b; color:var(--dark-blue); background-color:#fff; font-size:1.2em; text-transform:uppercase; font-weight:normal; }
.srch_table .headerrow td { border-bottom: 1px solid #0288d1;; border-bottom: 1px solid var(--medium-blue);}

.alphanavrow { background-color: #8399B1; 
	color: #333333; font-size: .875em; }


.rowon { width:100%; background-color: #e6eef5; }
.rowoff { background-color: #ffffff !important;}
.rowon .tinybutton, .rowoff .tinybutton, .rowon .tinybutton_searchable, .rowoff .tinybutton_searchable {background-color: hsla(0, 100%, 0%, 9%); white-space:normal; display:inline-block;}
.rowon .tinybutton:hover, .rowoff .tinybutton:hover, .rowon .tinybutton_searchable:hover, .rowoff .tinybutton_searchable:hover  {background-color: hsla(0, 100%, 0%, 15%); white-space:normal; display:inline-block;}
.footerrow { height: 30px; }
th { font-weight: bold; text-align: center; }

td.pgtitlenav { float: right; display: inline; padding: 15px 26px 15px 15px; font-size: 0.45em; text-indent: 0; }
.pgtitlenav a { text-decoration:none; padding:4px; }
td.pgtitlenavNew { float: right; display: inline; padding: 8px 26px 15px 15px; text-indent: 0; }
.pgtitlenavNew a { text-decoration:none; padding:4px; }
.col_data { display: table-cell; padding: 5px; font-size: .95em; }

#nav-pills .nav-link.active {
	background-color: #152C53;
	color: #ffffff;
}

#nav-pills .dropdown-toggle.active, #nav-pills .dropdown-item.active {
	background-color: #152C53;
	color: #ffffff;
}

#nav-pills .nav-link{
	color: #152C53;
}

/*bootstrap-table pagination element color overrides*/
li.page-item.active a.page-link {
    background-color: #152C53;
	color: #ffffff;
	border-color: #152C53;
}

li.page-item:not(.active) a.page-link {
    background-color: #ffffff;
	color: #152C53;
}

#wp-alert-h4 {
	font-size: 1rem;
}

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

#active-pagination-color {
	background-color: #152C53;
	color: #ffffff;
	border-color: #152C53;
}
#pagination-color {
	background-color: #ffffff;
	color: #152C53;
}
#disabled-pagination-color {
	background-color: #F5F5F5;
	color: #D3D3D3;
	border-color: #D3D3D3;
}

.dropdown-item:active, .dropdown-item.active {
	background-color: #152C53;
	color: #ffffff;
}

.custom-popover {
	--bs-popover-max-width: 200px;
	--bs-popover-border-color: #152C53;
	--bs-popover-header-bg: #152C53;
	--bs-popover-header-color: var(--bs-white);
	--bs-popover-body-padding-x: 1rem;
	--bs-popover-body-padding-y: .5rem;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	}

#info-circle-wp {
	color: #152C53;
	border-color: #152C53;
}

a {
	color: rgb(29, 155, 240);
	/* text-decoration: none; */
}

/* PDF Creator Styles */
#pdf { background-color:#fff;}
/*#pdf div, #pdf li, #pdf ol, #pdf p {background-color:#fff !important;}*/



/*Alert classes for AlertRow Function*/
.alert {padding: 8px 16px;  color: #fff; font-family: 'Open Sans', sans-serif; letter-spacing: 0px; text-align:center;  font-size: 1em; border-radius:3px; }
.alert-danger{
	background-color: #c62741;
}
.alert-danger a,.alert-information a,.alert-warning a,.alert-success a {text-decoration:underline !important ;color:white !important;}
.alert-danger a.hover,.alert-information a.hover,.alert-warning a.hover,.alert-success a.hover {text-decoration:underline !important;color:white !important;}


/* Latest classes that go with ShowAlert */
.alert-wp-primary {
	background-color: #586e81;
	color: #ffffff;
}
.alert a {text-decoration:underline !important; /*color:#152C53 !important;*/ }
.alert-information{ background-color: #586e81; /*#152C53;*/ }
.alert-instruction{ background-color: #ffffff; padding: 2px; border: 1px solid #cb3d3d; border-radius: 6px; color: #cb3d3d; letter-spacing: 0px; text-align:center; font-size: 1em; }
.alert-instruction a{ color: #cb3d3d !important; }
.alert-warning{background-color: #e2a248;  }
.alert-success{background-color: #5cb85c}
.alert-error{ background-color: #d9534f; background-color:var(--medium-red); }

.alert .btn-outline-wp { /* Making sure the wp-buttons show correctly when inside of an alert */
    color: #152C53 !important;
    background-color: #ffffff !important;
}

/* ul & li classes */
/* 11/12/2024 DV - Removing this as it's throwing off bootstrap list components */
/* li { margin-left:10px; } */
ul.select-mbr-container, ul.icon-list { padding:0; margin:0; }
ul.select-mbr-container ul.addbutton:active, ul.datacontainer ul.addbutton.active { transform: translateY(2px); 
	-webkit-box-shadow: 0px 2px #800000; -moz-box-shadow: 0px 2px #800000; box-shadow: 0px 2px #800000; }  
div.title-lg { font-size: 1em; }
li.datarow { float: left; display: table; table-layout: fixed; width: 100%;
	padding:0; margin:0; color: #333; }
li.datarow > div { display: table-cell; table-layout: fixed; vertical-align: middle; }

li.hdr_row { position:relative; height:24px; padding:3px; background-color: #669bc7;
	color: #ffffff; font-size:.8em; font-weight: bolder; }
li.nav-icon { position: relative; padding:0; margin:0; }
.dropdown-menu > li {
	margin-left:unset;
}



/* Div classes */
div { background-color: none; background-image: none; }
div.divTable { display: table; padding: 3px; font-size: .8em; }
div.divTableRow {display: table-row; }
div.divTableCell {display: table-cell; font-size: 150%; }
div.label { display: table-cell; padding: 3px; font-weight: bolder; }
div.element { display: table-cell; padding: 3px; }
div.title { display: table-caption; height: 24px; padding: 4px; background-color: #1e4b89;   
	color: #ffffff; font-size: .95em; font-weight: bolder; text-indent: 10px; }
div.hdr, tr.hdr { display: table-row; height: 24px; padding: 3px; background-color: #669bc7; 
	color: #ffffff; font-size: .8em; font-weight: bolder; }
div.rowoff2 { float:left; display: table-row; width: 100%; background-color: #ffffff; }
div.cell { display: table-cell; padding: 3px; }
div.ctr { padding: 3px; text-align: center; }
div.newtab { display: inline; padding: 2px 4px 3px 4px; border-radius: 3px; background-color: #00cc00;
	color: #302f2f; font-size: .7em; font-weight: bolder; }
div.improved { display: inline; padding: 2px; border: 1px solid #998100; border-radius: 8px; background-color: #ffd700;
	color: #000000; font-size: .625em; }
div.newinfodiv { padding: 2px; border: 1px solid #00cc00; border-radius: 10px; background-color: #4cff4c;
	color: #000000; font-size: .7em; font-weight: bolder; text-align: center; }
div.instrdiv { padding: 2px; border: 1px solid #CC0000; border-radius: 10px; background-color: #ffffff; 
	color: #CC0000; font-style: bold; text-align: center; }
div.noticediv { position:fixed; z-index: 8000; top:100px; left:300px; padding:25px;
	border: 0; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; 
	/*box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) inset; */
	background-color: #5bc0de; 
	/*background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size: 40px 40px;*/
	color: black; text-shadow: 0 0px 0 rgba(0, 0, 0, 0.5);
}
div.newinfo { position: fixed; z-index: 8000; top: auto; bottom: auto; left: 400px; right: auto;
	overflow: hidden; padding: 20px;
	border: 1px solid #00cc00; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto;
	background-color: #4cff4c; opacity: 0.9; 	
	color: #000000;
	animation: fade_in 1.5s linear 0s 1; }
div.AlertNotice { position: fixed; z-index: 90000; top: 10px; left:50%; right: 50%;
    -webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	min-width: 320px;
	max-width: 400px; 
	overflow: hidden; padding: 20px;
	border: 1px solid #cb3d3d; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: auto;
	background-color: #fff; color: #000000; }
div.welcomenotice { position: absolute; z-index: 9991; top: 100px; bottom: auto; left: 5%; right: 5%;
	max-height: calc(100vh - 210px); overflow: hidden;
    overflow-y: auto; padding: 4% 2%; max-width: 1100px;
	border: 3px solid #0288d1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto;
	background-color:#fff; opacity: 0.97; 	
	color: #000000;
}
	div.modal-div { 
		position: absolute; z-index: 9999; top: 100px; bottom: auto; left: 5%; right: 5%;
		overflow: hidden; padding: 4% 2%; max-width: 1100px;
		border: 3px solid #0288d1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
		margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto;
		background-color:#fff; opacity: 0.97; 	
		color: #000000;
		animation: fade_in 1.0s linear 0s 1; 
	}
.formdiv-wrapper { position:fixed; display:none; left:0; top:0; width:100%; height:100%; overflow:auto;
	background-color: rgb(0,0,0); background-color: rgb(0,0,0,0.4);}
.formdiv-content { display:table; top:10%; margin-left: auto; margin-right: auto; background-color:white;
	 border:3px solid #CC0000; border-radius:10px; padding:10px; position:relative; }

div.welcomenotice ul li { list-style-type:disc; }
div.notice-big-icon { float:right; font-size:2em; padding:1em 2em; background-color:lightgrey; border-radius:10px; }
div.welcomeimage { width:80%; height:100%; position: absolute; z-index: 8000; top: 0; bottom: 0; left: 10%; right:10%;
	overflow: hidden; padding: 0;
	border: 0 solid #CC0000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0;
	background-color:#fff; opacity: 0.95; 	
	color: #000000;
	animation: fade_in 1.0s linear 0s 1; }
div.square { display:inline; height:82px; width:82px; 
	border:1px solid #000000; border-color:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }

@keyframes fade_in { 0% { opacity: 0; } 100% { opacity: 0.9; } } 
@keyframes fade_in_out { 0% {opacity:0;} 35% {opacity:0.9;} 80% {opacity:0.9;} 100% {opacity: 0;} } 
.subinfo { font-size: .9em; font-style: italic; }
.smallinfo { font-size:0.9em; }
.lrginfo { font-size:1.3em; }
.fldinfo { color: #CC0000; font-size:.7em; font-style: italic; }
.lrginfo a { color:#fff; font-weight:bold; }
.lrginfo a:hover { color:#fff; font-weight:bold; text-decoration:underline !important; }

/* Calendar div classes */
div.cal_div1p { padding: 2px; border: 1px solid #000000; border-radius: 10px; background-color: #ffffb3; }
div.cal_div1a { padding: 2px; border: 1px solid #000000; border-radius: 10px; background-color: #ffff66; }
div.cal_div1c { padding: 2px; border: 1px solid #000000; border-radius: 10px; background-color: #e6e600; }
div.cal_div2p { padding: 2px; border: 1px solid #000000; border-radius: 10px; background-color: #99e6ff; }
div.cal_div2a { padding: 2px; border: 1px solid #000000; border-radius: 10px; background-color: #33ccff; }
div.cal_div2c { padding: 2px; border: 1px solid #000000; border-radius: 10px; background-color: #00ace6; }
div.cal_div3p { padding: 2px; border: 1px solid #000000; border-radius: 10px; background-color: #ffeecc; }
div.cal_div3a { padding: 2px; border: 1px solid #000000; border-radius: 10px; background-color: #ffd480; }
div.cal_div3c { padding: 2px; border: 1px solid #000000; border-radius: 10px; background-color: #ffbb33; }
div.cal_div4a { padding: 2px; border: 1px solid #000000; border-radius: 10px; background-color: #85e085; }
div.cal_div4p { padding: 2px; border: 1px solid #000000; border-radius: 10px; background-color: #aeeaae; }
div.cal_div4c { padding: 2px; border: 1px solid #000000; border-radius: 10px; background-color: #2aa22a; }
div.cal_div5 { padding: 2px; border: 1px solid #000000; border-radius: 10px; background-color: #e6ccff; }
div.cal_div6 { padding: 2px; border: 1px solid #000000; border-radius: 10px; background-color: #e6ccb3; }



/* Tab & Sub-Tab classes */
div.tabs { margin-top:7px; }
div.tabs a.tab {
	position:relative;
	top:0px;
	bottom:0px;
	vertical-align:baseline;
	display:inline-block;
	font-size:0.9em;
	font-weight:600;
	letter-spacing:0.8px;
	padding:3px 7px 2px;
	margin-right:4px;
	border-top:1px solid;
	border-left:2px solid;
	border-right:2px solid;
	border-color:rgba(22,22,22,0.2);
	border-radius:5px 5px 0px 0px;
	color:rgba(34,85,166,1);
	/*text-shadow: 0px 0px 4px rgba(245,245,245,0.2), 0px 0px 4px rgba(245,245,245,0.2), 0px 0px 4px rgba(245,245,245,0.2), 0px 0px 1px rgba(245,245,245,0.2), 0px 0px 1px rgba(245,245,245,0.2), 0px 0px 4px rgba(245,245,245,0.2), 0px 0px 4px rgba(245,245,245,0.2), 0px 0px 4px rgba(245,245,245,0.2);*/
transition: top 1.75s, padding-bottom 1.75s, margin-bottom 1.75s, background-color 1.75s;
-webkit-transition: top 0.25s, padding-bottom 0.25s, margin-bottom 0.25s, background-color 0.25s;
cursor:pointer;
text-decoration:none;
}
div.tabs a.tab:hover, div.tabs a.on_tab {
    top: -4px;
    padding-bottom: 6px;
    margin-bottom: -4px;
}

.tabtable { margin: 6px 0; }
.tabtable > tbody > tr > td { padding: 0px 3px; }
.tabtable tr td:first-child { padding-left: 0px; }
.tabrow { height: 20px; background-color: #fff; background: transparent; font-size: 1em; } 
.tab_on, .ui-tabs-tab.ui-tabs-active a { padding: 3px 6px; border:none; border-radius: 3px 3px 0px 0px; background-color: #152C53; border: 2px solid #152C53;
			letter-spacing: 1px; text-decoration: none; font-weight: initial; font-size:.875em; color:#fff !important; }
.tab_off, .ui-tabs-tab, .ui-tabs-tab a { padding: 3px 6px; border: 2px solid #586e81; border-radius: 3px 3px 0px 0px; background-color: #fff;   
			letter-spacing: 1px; font-weight: initial; font-size:.875em; color:#586e81 !important;
			transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -webkit-transition: background-color 0.3s ease-in-out;
			-o-transition: background-color 0.3 ease-in-out; -ms-transition: background-color 0.3s ease-in-out; }
.tab_off:hover, .ui-tabs-tab a:hover { background-color: #152C53; color:white !important; border: 2px solid #152C53; }
.tab_off:hover a { color:white; }
.ui-tabs .ui-tabs-nav { background: none; border:none; }
.ui-tabs .ui-tabs-panel { background:#e6eef5; }
a.tablink { color:#152C53; text-decoration: none; }
a.tablink:hover { color: #fff; text-decoration: none; }

.subtabrow { height: 20px; background-color: #fff; font-size: .875em; }
.subtabrow td:nth-child(2) { padding-left: 0px; }
.subtabrow td:last-child { padding: 0px; }
.subtab_on { padding: 5px 8px; border-radius: 2px 2px 0px 0px; background-color: #950000; 
			color: #fff; letter-spacing: 1px; text-decoration: none; }
.subtab_off { 
	padding: 5px 8px; 
	border-radius: 2px 2px 0px 0px; 
	background-color: #C90000; 
	color: #fff;   
	-moz-transition: all 0.6s ease-in-out; 
	transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out; 
	-o-transition: all 0.6 ease-in-out; 
	-ms-transition: all 0.6s ease-in-out; 
}
.subtab_off:hover { background-color: #950000; }
.subtablink:link { color: #333333; text-decoration: none; }
.subtablink:visited { color: #333333; text-decoration: none; }
.subtablink:active { color: #333333; text-decoration: none; }
.subtablink:hover { color: #7C133A; text-decoration: none; }

/* Button classes */
.adminlink { color:#a02613; font-weight:bold; }
a.tabhdr { padding: 1px 2px; border-style: none; border-radius: 0px 4px 4 px 0 px; background-color: #a1d7ed; 
	color: #000; font-weight: bold; font-size: .875em; text-decoration: none;text-align: center; }
a.smtabhdr { padding: 1px 2px; border-style: none; border-radius: 8px 8px 0px 0px; background-color: #a1d7ed; 
	color: #000; font-weight: bold; font-size: .875em; text-decoration: none;text-align: center; }
a.smtabhdr:hover { border-radius: 8px 8px 0px 0px; background-color: #669bc7; 
	color: #fff; font-weight: bold; text-decoration: none; }

	.button, .sm_submit { outline:none; display:inline-block; padding: 10px 16px; border-style: none; 	
	font-weight: normal; color: #152C53 !important; font-size: 1em;text-align: center; text-decoration:none !important; 	
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 	
	/* DV 2/6/2020 - box-shadow: 0px 0px 2px rgba(155, 100, 100, 0.5), 0px 1px 4px rgba(155,100,100,0.5); */	
	border: 0.2rem solid #152C53; background-color:#ffffff; 	
	/* DV 2/6/2020 - background-color:#b71c1c; */	
	/* DV 2/6/2020 - background-color:var(--medium-red);*/	
	    transition: all 0.3s ease-in-out;	
    -moz-transition: all 0.3s ease-in-out;	
    -webkit-transition: all 0.3s ease-in-out;	
    -o-transition: all 0.3s ease-in-out;	
	-ms-transition: all 0.3s ease-in-out;	
}	

a.button:hover, input.button:hover, button.button:hover { color:#FFF !important; background-color:#152C53; text-decoration:none; box-shadow: 0px 0px 10px grey; }	
.button a {color:#152C53; }	
.sm_submit { font-size: 11px; margin: 0px auto; padding: 2px 3px; }	
.tinybutton {
    padding: 2px 4px;
    border-radius: 4px;
    background-color: #ffffff; 
    color: #000;
    font-size: 13px;
    text-decoration: none !important;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    white-space: normal;
    display: inline-block; /* Ensures it behaves like a button */
}

.tinybutton:hover {
    background-color: #0d1a32;
    color: #ffffff;
    text-decoration: none !important;
}

a.infobutton { padding:1px 3px; border-style:solid; border-width:thin; border-radius:10px; background-color: #a1d7ed; 
	color:#000; font-weight:bold; font-size:.875em;  text-decoration: none !important; text-align:center; }

a.button2 { padding: 2px 3px; border-style: none; border-radius: 4px; background-color: #a1d7ed; 
	color: #000; font-weight: bold; font-size: 1em; text-decoration: none !important; letter-spacing: 1px; text-align: center; }
a.button2:hover { border-radius: 3px; background-color: #669bc7; 
	color: #fff; font-weight: bold; text-decoration: none !important; }

a.big_button { padding: 5px 8px; border-style: none; border-radius: 4px; background-color: #032c67; 
	color: #fff; font-size: 1.125em; font-weight: bolder; text-align: center; letter-spacing: 1px;  text-decoration: none !important; }
a.big_button:hover { background-color: #669bc7;
	color: #fff; font-size: 1.125em; font-weight: bolder; letter-spacing: 1px;  text-decoration: none !important; }
a.big_button.logo { padding: 10px 10px 10px 40px; background: url(/media/clientlogo_btn.png) no-repeat; background-color: #032c67; }
a.big_button.logo:hover { background-color: #669bc7; }
span.powered-by { color:#152C53; font-weight:bold; font-style: oblique; }

a.help_button { padding: 2px 4px; border-style: none; border-radius: 5px; background-color: #ffffff; 	
	color: #000; font-size: .875em; font-weight: bolder; text-align: center; letter-spacing: 1px;  text-decoration: none !important; }	
a.help_button:hover { background-color: lightgrey; color:#000; }

a.sm_button { padding: 2px 4px; border-style: none; border-radius: 4px; background-color: #ffffff; border: 0.2rem solid #152C53;
	color: #152C53; font-size: .75em; font-weight: lighter; text-align: center; letter-spacing: 1px;  text-decoration: none !important; }
a.sm_button:hover { border-radius: 3px; background-color: #ffffff; color: #152C53; font-weight: normal; text-decoration: none !important;}

	/* temp for USAV */	
.sm_button_red { padding: 2px 3px; border-style: none; border-radius: 4px; background-color: #ffffff; border: 0.2rem solid #E84855;	
	color: #E84855; font-size: .75em; font-weight: lighter; text-align: center; letter-spacing: 1px;  text-decoration: none !important; }	
.sm_button_red:hover { border-radius: 3px; background-color: #ffffff; color: #E84855; font-weight: normal; text-decoration: none !important;}

a.addbutton, a.srchbutton, a.editbutton { background-position: middle left; padding-left: 18px; padding-right: 5px;
	background-color: #CCCCCC; background-repeat: no-repeat;  
	border-style: outset; border-color:#999999; border-width: 2px;  
	color: #000000; font-size: .75em; text-decoration: none !important; }
a.addbutton { background-image:url(/wp_Media/images/icons/btn_add.gif); }
a.srchbutton { background-image:url(/wp_Media/images/icons/btn_srch.gif); }
a.editbutton { background-image:url(/wp_Media/images/icons/btn_edit.gif); }

a.no_button { text-decoration:none; color:black; color:var(--dark-blue); }
a.no_button:hover { color:#0288d1; color:var(--medium-blue); }

a.exportbutton_txt, a.exportbutton_xls { height: 35px; min-width: 54px; padding: 5px 5px 5px 5px; margin-right: 16px; 
	border: 1px solid transparent; border-radius: 2px 2px 2px 2px; outline: 0 none;
	background-color: transparent; background-image: -moz-linear-gradient(center top , rgba(68, 68, 68, 0.75), rgba(60, 60, 60, 0.75)); background-color: #444444;
	color: #CCCCCC; font-size: .75em; font-weight: bold; text-decoration: none; text-align: center; }
a:hover.exportbutton_txt, a:hover.exportbutton_xls { background-image: -moz-linear-gradient(center top , rgba(68, 68, 68, 0.90), rgba(60, 60, 60, 0.90));
	box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset; color: #FFFFFF; text-decoration: none;}

/* isTesting()  - New style for rotating ShowHidDiv icon */
i.btnRotate {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-size-adjust: none;
    font-stretch: normal;
    -moz-font-feature-settings: normal;
	font-feature-settings: normal;
    -moz-font-language-override: normal;
	font-language-override: normal;
    font-size: 2em;
    text-rendering: auto;
    transition: all .15s linear 0s;
	text-align: right;
	color: #c62828;
	color: var(--medium-red);
}
i.btnRotate.clicked { font-family: FontAwesome; transform: rotate(180deg); }

.show-hide-div { text-decoration: none !important; }
	
img.btn_icon { position: relative; left: -5px; top: 6px; border:none; }

.hdrInfo a { font-size:1em; }

.loginlink { color: #CC0000; }
.loginlink:hover { color: #000000;  text-decoration: none !important; }
.headerlink:link { color: #ffffff;  text-decoration: none !important; }
.headerlink:hover { color: #CC0000; text-decoration: none !important; }
.navlink:link { color: #ffffff; text-decoration: none !important; }
.navlink:visited { color: #ffffff; text-decoration: none !important; }
.navlink:hover { color: #CC0000; text-decoration: none !important; }
/*.columnlink { color: #E2E2E2; }*/
.columnlink:hover { filter: brightness(200%); }



/*Other Buttons*/
.big_button { padding: 5px 8px; border-style: none; border-radius: 4px; background-color: #032c67; 
	color: #fff; font-size: 1.125em; font-weight: bolder; text-align: center; letter-spacing: 1px;  text-decoration: none !important; }
.big_button:hover { background-color: #669bc7;
	color: #fff; font-size: 1.125em; font-weight: bolder; letter-spacing: 1px; text-decoration: none !important; }
/* image classes */
.mbrPhoto { border-radius:3px; }
img.rndPhoto { height:80px; width:80px; border:1px solid #000; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; }
img.rndPhoto_sm { height:40px; width:40px; margin-bottom:-5px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; }
img.rndPhoto_vsm { height:30px; width:30px; border:1px solid #000; border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px; }
.product-img-lrg { max-width:100%; }


.dataForm { width:100%; margin: 2% auto; color:#000; }
.dataForm h1 { vertical-align: baseline; margin:0; padding: 20px 26px; text-align: center;
	/*-webkit-border-radius: 20px 20px 0px 0px; -moz-border-radius: 20px 20px 0px 0px; */
	border-radius: 3px 3px 3px 3px;
	background-color: #fff; color: #152C53; font-size: 2.4em; }
.dataForm form { vertical-align: baseline; padding: 0px; border-top: 0px;
	-webkit-border-radius: 0px 0px 20px 20px; -moz-border-radius: 0px 0px 20px 20px; border-radius: 0px 0px 20px 20px; }
.dataForm fieldset { padding: 20px 18px; border: 0px; }
.dataForm fieldset label:before, .dataForm fieldset label:after { content:"\a"; white-space:pre; }
.dataForm fieldset input[type="password"], .dataForm fieldset input[type="text"] { margin-bottom: 0.5em; width: 100%; max-width: none; color: #777; box-sizing: border-box; }

#login_help2 { float:right; padding-top: 2px; border: 1px solid #ccc;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:inherit;}
#login_help2 h4 { padding: 2px; margin: 0; color:inherit; }
#login_help2 ul { margin:0; list-style: none; color:inherit; }
#login_help2 a { margin:0; color:inherit;}

#forgotpwd_help { padding-top: 2px;
				-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:black; }
#forgotpwd_help a { color: #094B87 !important; }
#forgotpwd_help:after { content:"\a"; white-space: pre; }
#forgotpwd_help ul { padding: 5px; margin: 0; list-style: none; }

/* Font Awesome Hacks/Changes */
.border-square {border: 2px solid #fff; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px;
    display: inline; vertical-align: 20%; padding: 3px; text-align: center; min-width:40%; min-height:40%; text-indent:1px;}
.border-circle {border: 2px solid #fff; border-radius: 50px; -moz-border-radius:50px; -webkit-border-radius:50px;
    display: inline; vertical-align: 40%; padding: 6px; text-align: center; min-width:40%; min-height:40%; text-indent:1px;}

/* Standard listing page ul,li,headers (Mobile/device friendly) */
/* isTesting -> This is now being used for non-mobile as well, will need to change the name of this class */
.mobilelist ul { list-style:none; margin:0; padding:0 5px; }
.mobilelist li { display:table; padding:5px 5px; margin:0; width:calc(95% + 6px); border-bottom:1px solid #ccc;}
.mobilelist li:first-of-type { border-top:1px solid #ccc; }
.mobilelist ul.bullets { list-style-type:disc; margin:0; padding:0 5px; }
.mobilelist li.bullets { display:table; padding:5px 0; margin:0; width:calc(100% + 6px);border:none;}
.mobilelist h1, .mobilesrch h1 { border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
	color: #fff; font-size: 1.5em; background-color:#005b9f; background-color: var(--medium-dark-blue); text-decoration: none;
    margin: 0; padding: 10px;}
.mobilelist h2 { border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size: 1.3em; background-color: #f7fafb; margin: 0; padding: 10px;}
.mobilelist h3 { font-size: 1.2em; margin: 0;  color:#152C53;}
.mobilelist h4 { font-size: 1em; margin: 0; color:#152C53; }
.mobilelist p { margin: 0; font-size:.875em;}
.mobilelist .headerrow span {width:25%; display:inline-block; text-align:center;}
.mobilelist li .list_span {width: calc(24% - 9px);display: inline-block;text-align: center;}

.h2-wp {
	color:#152C53;
	text-transform: uppercase;
	break-inside: avoid;
}

.h3-wp {
	color:#152C53;
	text-transform: uppercase;
	break-inside: avoid;
}

.h4-wp {
	color:#152C53;
	text-transform: uppercase;
	break-inside: avoid;
}

.h5-wp {
	color:#152C53;
	text-transform: uppercase;
	break-inside: avoid;
}

.h6-wp {
	color:#152C53;
	text-transform: uppercase;
	break-inside: avoid;
}

/* Custom background color "wp blue" for containers, divs, etc. */
.bg-wp {
    background-color: #152C53 !important;
    color: #fff !important;
    font-weight: bold !important;
}

.bg-wp-blue-faded {
    background-color: #586E81 !important;
    color: #fff !important;
    font-weight: bold !important;
}

/* Ensure table cells inside .bg-wp also have the same background & text color */
.bg-wp th,
.bg-wp td {
    background-color: #152C53 !important;
    color: #fff !important;
    font-weight: bold !important;
}

/* Ensure links inside .bg-wp (including th and td) stay white */
.bg-wp a,
.bg-wp th a,
.bg-wp td a {
    color: #ffffff !important;
    text-decoration: underline;
}

/* Adjust hover color for better contrast */
.bg-wp a:hover,
.bg-wp th a:hover,
.bg-wp td a:hover {
    color: #bad4fd !important;
    text-decoration: underline;
}

 /* A custom font color in "wp blue", for use in containers, divs, etc. */
.text-wp {
	color: #152C53;
}

.btn-wp, .btn-primary {
    background-color: #152C53 !important; /* Custom button background color */
    border-color: #152C53 !important; /* Custom button border color */
	color: white;
}

.btn-wp:hover, .btn-primary:hover {
    background-color: #0d1a32 !important; /* Darker shade for hover effect */
    border-color: #0d1a32 !important;
	color: #d8dbf0;
}

.btn-wp:focus, .btn-wp.focus,.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(21, 44, 83, .5) !important; /* Custom focus shadow color */
}

.btn-wp.disabled, .btn-wp:disabled {
    opacity: .8;
}

.btn-wp-trans {
	/* background-color: #152C53; */
	color:#ffffff;
	padding:7px;
	text-decoration: none !important;
}

.btn-wp-trans:hover, .btn-wp-trans:focus, .btn-wp-trans:active, .btn-wp-trans.active {
    color: #ffffff;
    /* background-color: #29497f;
    border-color: #29497f; set the color you want here */
}



/* ----- Series of Custom Table and Div Header Sytlings ------ */
/* Custom table header styling in WP blue with white font. For clarity, links are also white, but underlined */

/* Common styling for elements with .table-head-primary-wp */
.table-head-primary-wp {
    background-color: #152C53 !important;
    color: #ffffff !important;
    text-align: left;
    font-weight: bold;
}

/* Specific styles for div elements with the .table-head-primary-wp class */
div.table-head-primary-wp {
    padding: 5px;
    padding-left: 6px; /* Adds more space at the start */
    border-radius: 4px;
}

/* Ensure both th and td within tr.table-head-primary-wp have proper styling */
tr.table-head-primary-wp th,
tr.table-head-primary-wp td {
    background-color: #152C53 !important;
    color: #ffffff !important;
    text-align: left;
    font-weight: bold;
    padding: 5px;
    border-radius: 4px;
}

/* Link styles within any element having the .table-head-primary-wp class */
.table-head-primary-wp a:link,
.table-head-primary-wp a:visited {
    color: #ffffff !important;
    text-decoration: underline;
}

.table-head-primary-wp a:hover {
    color: #bad4fd !important;
    text-decoration: underline;
}

/* Existing styles for #wp-showcontactinfo-table */
#wp-showcontactinfo-table tr td {
    font-size: 14px;
    padding: 2px;
}

/* Existing styles for #wp-showcontactinfo-table */
#wp-showcontactinfo-table tr td {
    font-size: 14px;
    padding: 2px;
}

/* Existing styles for #wp-showcontactinfo-table */
#wp-showcontactinfo-table tr td {
    font-size: 14px;
    padding: 2px;
}

/* Add overflow scroll to large tables, but only on mobile */
@media only screen and (max-width: 450px) {
	.wp-mobile-scroll {
		overflow-y: auto;
	}
}

/* Standard small search page selectbox and submit buttons (Mobile/device friendly) */
/* isTesting -> This is now being used for non-mobile as well, will need to change the name of this class */
.mobilesrch .select_box {background-color: rgba(245,245,245,1); padding-left: 8px; border: 1px solid #CCC; border-radius: 5px;}
.mobilesrch .select_box label{border-right: 1px solid #999; padding-right: 5px;}
.mobilesrch .select_box select{border: 0px; background-color: rgba(0,0,0,0);}
.mobilesrch .select_box select:focus{outline:none;}
/*.mobilesrch input[type="submit"]{position:relative; top:-2px; font-size: 12px; font-weight: 500; padding: 4px 10px 4px; margin-left: 5px; box-shadow:-1px -1px 2px #AAA; -webkit-transition:box-shadow 0.15s, background-color 0.15s; transition:box-shadow 0.15s, background-color 0.15s; background-color:#ffffff;cursor:pointer;}
.mobilesrch input[type="submit"]:focus{outline:none;}
.mobilesrch input[type="submit"]:hover{background-color:rgba(222,22,22,1); box-shadow: -1px 1px 2px #858585;}*/
.mobilesrch_inputs{margin-bottom:10px;}
.ui-datepicker { z-index: 9999 !important; }
.ui-datepicker-trigger{position:absolute;display:inline-block;}
.ui-datepicker-trigger i{position: absolute;right: 18px;top:5px;}
.selectcalander {background-color:rgba(245,245,245,1);}
.selectcalander input{background-color:rgba(0,0,0,0);border-radius: 5px;}
.evt_date_span{text-align:left;}
.evt_date_span p{text-align:center;line-height:0.5em;}
.lightbox {display:none;}
span.ui-slider-handle.ui-corner-all.ui-state-default { background-color:#0288d1; background-color: var(--medium-blue); }

/* Used when displaying FB and Twitter logos in the page title row for an organization */
.facebook_org { width: 25px; height: 25px;
	background: url(/wp_Media/FE_NavImages/fbookicon.png) no-repeat; background-size: cover; }
.twitter_org { width: 25px; height: 25px;
	background: url(/wp_Media/FE_NavImages/twittericon.png) no-repeat; background-size: cover; }

/* MobileTab styles - temp - should be in Mobile.css */
.MenuTabRow { background-color:#fff; font-size: .875em; border-radius:4px; } 
.MenuTab { display:inline-block; }
.MenuTabBtn { background-color:green; color:white; padding:10px; border:none; }
.MenuTab-content { display:none; position:absolute; background-color:pink; z-index:10; }
.MenuTab-content a { color:black; padding:12px 12px; display:block; }
.MenuTab-content a:hover { background-color:red; }
.MenuTab:hover .MenuTab-content { display:block; }
.MenuTabBtn:hover, .MenuTab:hover .MenuTabBtn { background-color:blue; }
i.MenuArrow {
    display: inline-block;
    font-family: FontAwesome;
    line-height: 1;
    font-size-adjust: none;
    font-stretch: normal;
    -moz-font-feature-settings: normal;
	font-feature-settings: normal;
    -moz-font-language-override: normal;
	font-language-override: normal;
    text-rendering: auto;
    transition: all .65s linear 0s;
    text-align: center;
}
i.MenuArrow.clicked { color:#009FFF; font-family:FontAwesome; transform:rotate(540deg) scale(1.3); }
i.MenuArrow:hover { color:#fff200; }

/* Display css */
.right { float: right; text-align:right; }
.left { float: left; text-align:left; }
.center { text-align:center; }
.push-100 {width:95%;}
.push-80 {width:75%;}
.push-70 {width:65%;}
.push-60 {width:55%;}
.push-50 {width:45%;}
.push-40 {width:35%;}
.push-30 {width:25%;}
.push-20 {width:15%;}
.pad-5 {padding:5px;}
.pad-10 {padding:10px;}	
.pad-10-side {padding:0px 10px;}

.green {color:green;}
.b {font-weight:bold;}
.red {color:red !important;}
.orange {color:orange;}
.blue {color:blue;}
.bgwhite {background-color:white;}
.ui-datepicker-trigger{ border:none; background:none; }

.inline { display:inline; }
.ilb {display:inline-block;}
.mt10{margin-top:10px}
.margin-auto { margin: 0 auto; }

/* New Page Props */
.pageprops { text-decoration: none; background: #FCFCFC; float: left; color: #666;
	font-size: 14px; line-height: 24px; font-weight: normal; text-align: center;
	border: 2px solid #586e81; min-width: 14px;
	padding: 0 7px; margin: 0 5px 0 0; border-radius: 3px;
	background-color:white;
	color: #586e81;
}
.pageprops a, pageprops span { float: left; color: #666; font-size: 14px; line-height: 24px; font-weight: normal; text-align: center;
    border: 1px solid #BBB; border-top-color: rgb(187, 187, 187); border-right-color: rgb(187, 187, 187); 
		border-bottom-color: rgb(187, 187, 187); border-left-color: rgb(187, 187, 187);
    min-width: 14px; padding: 0 7px; margin: 0 5px 0 0; border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    background: #efefef;
    background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); 
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); background: linear-gradient(top, #ffffff 0%,#efefef 100%);
}
.pageprops-current { background-color: #586e81; color: #FFF; border-color: #586e81;  cursor: default; }
a.pageprops:hover { text-decoration: none; color:white; background-color: #586e81 !important; border-color: #586e81; }
div.paging { display:inline-block; overflow: hidden; padding: 5px; margin: 0; }
	
@media print { 
	.noprint { display: none !important; } 
	.pgbreak { page-break-before: always; } 
	.pgbreakafter {page-break-after: always;} 
	.ui-multiselect-menu {display:none;} 
	#be-footer-menu-container {display:none;} 
	/* code to avoid page breaks when preinting */
	table { break-inside:auto }
	tr    { break-inside:avoid; break-after:auto }
	td    { break-inside:avoid; break-after:auto }

}

/*Flexbox Stuff*/
.flex-container { display: flex;}
.flex-wrap { flex-wrap: wrap;}
.col { flex:1}


.mobile-only { display: none; }
.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.row-stack tr td, .row-stack label:first-of-type { display:table; }
.row-stack { margin-top:5px; }
.margin-adjust-3-18 { margin-left: -3px; margin-right: -3px; }
.no-wrap { white-space:nowrap; }

div.notice-container, div.modal-container{ text-align: left; max-width:700px; margin: 0 auto; }
h1.notice-headline { font-size:2.5em; display:inline-block; color:#8e0000; color:var(--dark-red); text-align:center; vertical-align:top; }

.email-header {  background-color: #01579b; background-color: var(--dark-blue); background-image:linear-gradient(to bottom right, var(--darkest-blue), var(--medium-light-blue));
	color: #ffffff; font-size: 1.7em; font-weight: bolder; font-family:'Open Sans', sans-serif; }
	
.display-card { padding:10px 10px 15px 10px; box-sizing:border-box; border-radius: 4px; margin-top: 10px; background-color:white; filter:brightness(99%); box-shadow: 0 0 6px hsla(0, 0%, 0%, 0.5); overflow-wrap:break-word;}
.display-card:hover { box-shadow: 0 0 8px hsla(0, 0%, 0%, 0.5); filter:brightness(100%); }tit

.instruction-div { text-align:center; }
.waiver-box, .instruction-div { padding: 5px; border: 1px solid #b71c1c; border-radius:3px; }
.instruction-div .instruction-header { margin:5px; }
.waiver-inner-box { width: fit-content; margin: 0 auto; }
.waiver-box-text { display:inline; }
.task_info_table { max-width:1350px; border-radius: 0 0 4px 4px; border-top:5px solid #152C53; margin-bottom: 10px; margin-top: 10px; box-shadow: 0 0 8px hsla(0, 0%, 0%, 0.3);
    padding: 14px 20px; }
table.contact-nav-btn-table { font-size: 1.5em; padding-right:12px; }
div.right-hdr-icons { font-size: 0.75em; }
table.contact-nav-btn-table td { padding: 0 5px; }

.lrgrfnt {
	font-size: 1.0em !important;
}

.bold-link { font-weight:bold; color: #0288d1; }

.template-container { max-width:660px; margin: 0 auto; }

.step { display:inline-block; color:#586e81; height:0; padding-top:5px; padding-left:20px; }
.selected-step { color: white; background-color:#586e81; padding-top:16px; padding-left:0; }
.prev-step-container { background-color: #bdccd9; }
.selected-step-container { background-color:#586e81; }
.step-container {white-space:nowrap; flex-grow:1; text-align:center; display:inline-block; }
.step-container-wrapper { display:flex;justify-content:space-around; border-bottom:1px solid #bdccd9; border-top:1px solid #bdccd9; }
.triangle { display:inline-block; width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; vertical-align:middle; }
.right-triangle { float:right; border-left: 10px solid #586e81; position:relative; left:10px; z-index:5; }
.left-triangle { float:left; border-left: 10px solid #bdccd9; margin-right:10px; }
.membership-product-row:hover { background-color:#fafafa; }

span.highlight { background: yellow; color:black; }

.card-filter { border: 2px solid lightgray; padding: 4px 12px; border-radius: 24px; }
.card-filter:focus { box-shadow: 0 0 3px #ddd; outline:none; }

.absolute-center { 
	position:absolute; top:50%; left:50%;   
	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%); 
}
.absolute-centerX {
	position:absolute; left:50%;
	-ms-transform: translate(-50%);
	transform: translateX(-50%);
}

/* Global Small Screen */
@media (max-width: 805px) {
}
/* Global Large Screen */
@media (min-width: 805px) {
}

#wp-user-current-certs {
	margin-bottom: 0;
}
#wp-user-current-certs td {
	padding: 0.0rem 0.5rem;
}

.swal2-styled.swal2-confirm {
	background-color: #152C53 !important;
}

#swal2-title{
	font-weight: unset !important;
	font-size: 1.0em !important;
}

/* .form-outline-invalid .form-control:focus~.form-notch .form-notch-leading {
    border-top: .125rem solid red;
    border-bottom: .125rem solid red;
    border-left: .125rem solid red;
  	box-shadow:-1px 0px 0px 0px red, 0px 1px 0px 0px red, 0px -1px 0px 0px red;
}
.form-outline-invalid .form-control:focus~.form-notch .form-notch-middle {
    border-bottom: .125rem solid;
    border-color: red;
   	border-top:none;
    box-shadow: 0 1px 0 0 red;
}

.form-outline-invalid .form-control:focus~.form-notch .form-notch-trailing {
    border-color: currentcolor currentcolor currentcolor #E4A11B;
    border-bottom: .125rem solid red;
    border-right: .125rem solid red;
    border-top: .125rem solid red;
  	box-shadow: 1px 0 0 0 red, 0 -1px 0 0 red, 0 1px 0 0 #DC4C64;
}

.form-outline-invalid .form-control:focus~.form-label {
    color: red;
}		

.form-outline-invalid .form-control.active~.form-notch .form-notch-middle, .form-outline-invalid .form-control:focus~.form-notch .form-notch-middle {
  border-top: 1px transparent;
} */

div.swal2-container{
	z-index: 9992;
}
/* this is for ckeditor4 content - it utilizes a depricated type=disc paramater - this should enable that to render as expected */
ul[type="disc"] li{
	list-style-type: disc;
}

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

/* Creating the below class specifically for boxing's member card and those blue lines around the logo */
.usab-mbrcard-blue-line {
	border-top:10px solid #284da8; 
	width: 100%; 
	margin-top: 7px;
}

.usab-mbrcard-red-line {
	border-top:10px solid #b51212; 
	width: 100%;
}

.usamt-mbrcard-blue-line {
	border-top:10px solid #1d3559;
	width: 100%;
	margin-top: 7px;
}

.usamt-mbrcard-red-line {
	border-top:10px solid #c62226;
	width: 100%;
}

.wp-bs-tooltip {
	--bs-tooltip-bg: var(--bs-primary);
	--bs-tooltip-opacity: 1;
}

.wp-bg-primary {
	background-color: #152C53;
}

.wp-border-primary {
	background-color: #152C53;
}

.wp-disabled {
	opacity: .8;
	cursor: not-allowed;
	user-select: none;
}

.wp-blue {
    color: #152C53 !important; /* Forces your color to take precedence */
}

.wp-blue-faded {
	color: #586E81 !important; /* Forces your color to take precedence */
}

/* Outline button using the WP Blue border color and text color */
.btn-outline-wp {
    color: #152C53 !important; /* Set text color */
    border-color: #152C53 !important; /* Set border color */
	background-color: #ffffff !important; /* Set border color */
}

.btn-outline-wp:hover,
.btn-outline-wp:focus,
.btn-outline-wp:active,
.btn-outline-wp.active,
.show > .btn-outline-wp.dropdown-toggle {
    color: #fff !important; /* Set text color to white on hover */
    background-color: #152C53 !important; /* Set background color on hover */
    border-color: #152C53 !important; /* Maintain border color on hover */
	text-decoration: none !important;
}

.modal {
    margin-top: 55px; /* Adjust based on your header's height */
	max-height: calc(100% - 55px);
	padding-right: 0 !important; /* padding-right is getting added in android chrome and shrinking modal. This overrides it. Per chatgpt this is a common bootstrap issue? */
}

/* hide the line between steps when we shrink below bootstrap screen size lg */
@media (max-width: 991.98px) {
	.stepper-step .stepper-head::after {
	    opacity: 0; /* Hides the line smoothly */
	}
	.stepper-step .stepper-head::before {
	    opacity: 0; /* Hides the line smoothly */
	}
}

@media (max-width: 768px) {
    .tinybutton,
    .btn-wp
}