/*#region */
/* Developer: Michael Wood */
/*#endregion */
/*#region Root */
:root {
	/*#region Official Colors */
	--Bosque-Green: #285952;
	--Bosque-Green-Hover: #479e91;
	--Cypress: #013942;
	--Cypress-Hover: #028397;
	--Sage: #96aa94;
	--Sage-Hover: #c7d2c6;
	--Teracotta: #e47756;
	--Teracotta-Hover: #f1b8a7;
	--Teracotta-Lighter: #d48888;
	--Mist: #e8f1ee;
	--Mist-Hover: #b0cfc4;
	/*#endregion Official Colors */
	/*#region Assign Names to Variables */
	--Text-Body: var(--Cypress);
	--Header_Background: var(--Mist);
	--Footer_Background: var(--Mist);
	/**/
	--Menu-Bar: var(--Cypress);
	--Menu-Bar-Border: var(--Sage);
	--Menu-Bar-Hover: var(--Cypress-Hover);
	--Menu-Bar-Hover-Text: var(--Mist-Hover);
	--Menu-Bar-Text: var(--Mist);
	--Bar-Item: var(--Cypress);
	--Bar-Item-hover: var(--Cypress-Hover);
	--Bar-Item-Text: var(--Mist);
	/**/
	--Pnl-Bar-Background: var(--Cypress);
	--Pnl-Bar-Text: var(--Mist);
	--Pnl-Help: var(--Sage);
	--Pnl-Body: var(--Mist);
	--Pnl-Body-Text: var(--Cypress);
	--Pnl-Border: var(--Sage);
	--Pnl-Dirty: #fb6e8c;
	/**/
	--Cal-Background-Color: var(--Mist);
	--Cal-Border-Color: var(--Cypress);
	--Cal-Color: var(--Sage);
	--Cal-SelectedDayStyle-BackColor: Yellow;
	--Cal-SelectedDayStyle-ForeColor: Red;
	--Cal-SelectorStyle-ForeColor: var(--Teracotta);
	--Cal-SelectorStyle-BackColor: var(--Teracotta);
	--Cal-TodayDayStyle-ForeColor: var(--Teracotta);
	--Cal-TodayDayStyle-BackColor: var(--Mist);
	--Cal-TodayDayStyle: {
		background-color: Red;
		color: white;
		};
	/**/
	--Go: var(--Cypress);
	--Go-hover: var(--Cypress-Hover);
	--Safe: var(--Bosque-Green);
	--Safe-hover: var(--Bosque-Green-Hover);
	--Caution: var(--Teracotta);
	--Caution-hover: var(--Teracotta-Hover);
	--Danger: #CB2525;
	--Danger-hover: #F78383;
	--Highlite-Yellow: #fced09;
	--Highlite-Yellow-hover: #F1F7B5;
	--light-green: #b3dc7b;
	--light-red: #f3a08f;
	--lbtn-selector-color: #479e91;
	/*#endregion Assign Names to Variables */
}
/*#endregion root*/

/*#region Basic Action Colors*/
.Go {
	background-color: var(--Go);
	color: white;
}

	.Go:hover {
		background-color: var(--Go-hover);
		color: black;
	}

.Safe {
	background-color: var(--Safe);
	color: white;
}

	.Safe:hover {
		background-color: var(--Safe-hover);
		color: black;
	}

.Caution {
	background-color: var(--Danger-hover);
	color: black;
}

	.Caution:hover {
		background-color: var(--Caution-hover);
		color: black;
	}

.Danger {
	background-color: var(--Danger);
	color: black;
}

	.Danger:hover {
		background-color: var(--Danger-hover);
		color: black;
	}

.Danger_Text {
	color: var(--Danger);
	background-color: var(--Highlite-Yellow);
}

.Caution_Text {
	color: white;
	background-color: var(--Caution);
}

.Safe_Text {
	color: white;
	background-color: var(--Safe);
}

.Go_Text {
	color: var(--Mist);
	background-color: var(--Go);
}

.light-red {
	background-color: var(--light-red);
}

.light-green {
	background-color: var(--light-green);
}
/*#endregion */

/*#region Html */
html {
	font-size: 62.5%;
	padding: 20px;
}
/*#region Lines *** */
h1, h2, h3, h4, h5, h6 {
	line-height: 90%;
}

hr {
	margin-left: 20px;
	margin-right: 20px;
	background-color: cadetblue;
	height: 1px;
	padding: 0px;
	margin-block-start: 5px;
	margin-block-end: 5px;
}

label {
	display: inline !important;
}

p {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
/*#endregion Lines */
/*#endregion Html */

/*#region Body */
/* Move down content because we have a fixed navbar that is 50px tall */
.container {
	max-width: 4800px;
	margin: 0 auto;
	padding: 10px;
}

.flexContainer {
	display: flex;
	width: 100%;
}

body {
	margin: 0 auto;
	padding-bottom: 5rem;
	padding-left: 10px;
	padding-right: 10px;
	max-width: 4800px;
	width: 100%;
}

.body-content {
	padding-left: 10px;
	padding-right: 10px;
}
/*#endregion Body */

/*#region Formating */
.header_background {
	background-color: var(--Header_Background);
	border-top: 2px;
	border-block-style: solid;
	border-block-end-style: none;
	max-width: 100%;
	width: 100%;
}

.footer_background {
	background-color: var(--Footer_Background);
	border: thin;
	border-block-style: solid;
}

.no_borders {
	border: 0;
}

.no_underline {
	text-decoration: none;
}

.lbl_bold {
	font-weight: 700;
}

.border_period {
	border-style: solid;
	border-width: 2px;
	border-color: darkgray;
}

.require {
	color: red;
	font-weight: 700;
	width: 60%;
	font-size: 1.25rem;
}

.maybe {
	color: orange;
	font-weight: 700;
	width: 60%;
	font-size: 1.25rem;
}
/*#endregion Formating */

/*#region Menu Bar */
.w3-bar {
	background-color: var(--Menu-Bar);
	color: var(--Menu-Bar-Text);
	line-height: .625rem;
	width: 100%;
}

	.w3-bar:hover {
		background-color: var(--Menu-Bar);
	}

.w3-bar-item {
	background-color: var(--Menu-Bar);
	color: var(--Bar-Item-Text);
}

	.w3-bar-item:hover {
		background-color: var(--Bar-Item-hover);
	}

.w3-bar-block {
	background-color: var(--Menu-Bar);
	color: var(--Menu-Bar-Text);
}

	.w3-bar-block:hover {
		background-color: var(--Menu-Bar-Hover);
	}
/*#endregion */

/*#region Inputs Globals */
/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
	max-width: 2000px;
	line-height: 20px;
}

	input:focus,
	select:focus,
	textarea:focus {
		background-color: var(--Sage-Hover);
	}

	input.input-validation-error,
	select.select-validation-error,
	textarea.input-validation-error {
		border: 3px solid red;
		background-color: lightcoral;
	}

	input [type="checkbox"] :checked:disabled:after {
		content: 'X';
		background-color: var(--Bar-Item-hover);
		color: var(--Header_Background);
	}

	input[type="radio"] {
		border: 3px solid grey;
		width: 100%;
		height: 2.5rem;
		font-size: 2.5rem;
		resize: none;
	}
/*#endregion Inputs */

/*#region Text Box */
.success_box {
	width: 1000px;
	max-width: 100%;
	height: 140px;
	max-height: 100%;
	z-index: 20;
	position: absolute;
	top: 60px;
	left: 60px;
	font-weight: 700;
	background-color: var(--Sage-Hover);
	color: var(--Cypress);
	padding: 20px;
	box-sizing: content-box;
	border-radius: 25px;
	border: inset;
	border-color: var(--Cypress);
}

.tb {
	width: 1200px;
	max-width: 100%;
	padding: 4px;
	padding-right: .5rem;
}

.tb_60 {
	max-width: 60px;
	width: 100%;
}

.tb_80 {
	width: 80px;
	max-width: 100%;
}

.tb_100 {
	width: 100px;
	max-width: 100%;
}

.tb_120 {
	width: 120px;
	max-width: 100%;
}

.tb_180 {
	width: 180px;
	max-width: 100%;
}

.tb_200 {
	width: 200px;
	max-width: 100%;
}

.tb_220 {
	width: 220px;
	max-width: 100%;
}

.tb_240 {
	width: 240px;
	max-width: 100%;
}

.tb_280 {
	width: 280px;
	max-width: 100%;
}

.tb_320 {
	width: 320px;
	max-width: 100%;
}

.tb_340 {
	width: 340px;
	max-width: 100%;
}

.tb_360 {
	width: 360px;
	max-width: 100%;
}

.tb_480 {
	width: 480px;
	max-width: 100%;
}

.tb_600 {
	width: 600px;
	max-width: 100%;
}

.tb_auto {
	width: 100%;
	max-width: 100%;
	height: 480px;
	padding: 12px;
	border-color: darkgreen;
}

.tb_max {
	width: 100%;
	max-width: 100%;
	height: 200px;
	max-height: 80%;
	margin: 5px;
	padding: 2%;
	/*overflow: auto;
	*/
}

.tb_search {
	width: 120px;
	max-width: 100%;
	height: 1rem;
	max-height: 100%;
	position: relative;
	top: 3px;
	border: 2px solid black;
	background-color: greenyellow;
	color: indigo;
	line-height: .6rem;
	padding: 4px;
	vertical-align: middle;
}

	.tb_search:hover {
		background-color: springgreen;
	}
/*#endregion Text Box */

/*#region ListBox */
.lbx {
	width: max-content;
	overflow: auto;
}

select {
	font-size: 1.35rem;
}
/*#endregion ListBox */

/*#region Check Box & Check Box List */

.cb input[type="checkbox"] {
	width: 30px;
	height: 30px;
	margin-right: 8px;
	vertical-align: middle;
}

	.cb input[type="checkbox"] + label {
		font-size: 1.45rem;
		vertical-align: middle;
	}

/*#endregion Check Box & Check Box List */

/*#region Widths */
.w_60 {
	max-width: 100%;
	width: 60px;
}

.w_80 {
	max-width: 100%;
	width: 80px;
}

.w_100 {
	max-width: 100px;
	width: 100%;
}

.w_120 {
	max-width: 120px;
	width: 100%;
}

.w_140 {
	max-width: 140px;
	width: 100%;
}

.w_160 {
	max-width: 160px;
	width: 100%;
}

.w_180 {
	max-width: 180px;
	width: 100%;
}

.w_200 {
	max-width: 200px;
	width: 100%;
}

.w_220 {
	max-width: 220px;
	width: 100%;
}

.w_240 {
	max-width: 240px;
	width: 100%;
}

.w_260 {
	max-width: 260px;
	width: 100%;
}

.w_280 {
	max-width: 280px;
	width: 100%;
}

.w_300 {
	max-width: 100%;
	width: 300px;
}

.w_400 {
	max-width: auto;
	width: 400px;
}

.w_600 {
	max-width: 600px;
	width: 100%;
}

.w_800 {
	max-width: 800px;
	width: 100%;
}

.w_1000 {
	max-width: 1000px;
	width: 100%;
}

.w_1200 {
	max-width: 1200px;
	width: 100%;
}

.w_2400 {
	width: 2400px;
	max-width: 100%;
}
/*#endregion Widths */

/*#region Cells */
.cell_max {
	width: 3200px;
}

.cell_40 {
	width: 40px;
}

.cell_60 {
	width: 60px;
}

.cell_80 {
	width: 80px;
}

.cell_100 {
	width: 100px;
}

.cell_120 {
	width: 120px;
}

.cell_160 {
	width: 160px;
}

.cell_180 {
	width: 180px;
}

.cell_200 {
	width: 200px;
}

.cell_240 {
	width: 240px;
}

.cell_260 {
	width: 260px;
}

.cell_280 {
	width: 280px;
}

.cell_300 {
	width: 300px;
}

.cell_320 {
	width: 320px;
}

.cell_340 {
	width: 340px;
}

.cell_360 {
	width: 360px;
}

.cell_380 {
	width: 380px;
}

.cell_400 {
	width: 400px;
}

.cell_420 {
	width: 420px;
}
/*#endregion Cells */

/*#region W3 Cells */
.w3-cell {
	padding: .2rem;
}

.w3-cell-row {
	padding: .2rem;
}
/*#endregion W3 Cells */

/*#region Images */
.email_image {
	max-width: 600px;
	width: 100%;
	height: auto;
}

.img_logo {
	max-width: 120px;
	width: 100%;
	/*
	display: inline-block;
	*/
}

.full_size_image {
	max-width: 3200px;
	width: 100%;
}

.img_5 {
	max-width: 5px;
	width: 100%;
}

.img_10 {
	max-width: 10px;
	width: 100%;
}

.img_20 {
	max-width: 20px;
	width: 100%;
}

.img_30 {
	max-width: 30px;
	width: 100%;
}

.img_40 {
	max-width: 40px;
	width: 100%;
}

.img_50 {
	max-width: 50px;
	width: 100%;
}

.img_60 {
	max-width: 60px;
	width: 100%;
}

.img_70 {
	max-width: 70px;
	width: 100%;
}

.img_80 {
	max-width: 80px;
	width: 100%;
}

.img_90 {
	max-width: 90px;
	width: 100%;
}

.img_100 {
	max-width: 100px;
	width: 100%;
}

.img_120 {
	max-width: 120px;
	width: 100%;
}

.img_140 {
	max-width: 140px;
	width: 100%;
}

.img_160 {
	max-width: 160px;
	width: 100%;
}

.img_180 {
	max-width: 180px;
	width: 100%;
}

.img_200 {
	max-width: 200px;
	width: 100%;
}

.img_400 {
	max-width: 400px;
	width: 100%;
}

.img_600 {
	max-width: 600px;
	width: 100%;
}
/*#endregion Images */

/*#region Div */
.div_maincontent {
	margin: 0 auto;
}

.div_middle {
	margin: auto;
	width: 100%;
	padding: 10px;
	text-align: left;
}

.div_content_header {
	background-color: var(--Pnl-Bar-Background);
	color: var(--Pnl-Bar-Text);
	border-radius: 25px;
	margin: 0px auto;
}

.div_content_header_warn {
	background-color: var(--Teracotta);
	color: var(--Pnl-Bar-Text);
	border-radius: 25px;
	margin: 0px auto;
}

.div_content_header_required {
	background-color: var(--Pnl-Bar-Background);
	color: var(--Pnl-Bar-Text);
	border-radius: 25px;
	margin: 0px auto;
}

.div_content_body {
	background-color: var(--Pnl-Body);
	color: var(--Pnl-Text)
}

.div_content_footer {
	background-color: var(--Pnl-Bar-Background);
	color: var(--Pnl-Bar-Text)
}

.div_display_none {
	display: none;
}

.div_display_block {
	display: block;
}

.div_hide {
	visibility: hidden;
}

.div_block {
	display: none;
}

.div_show {
	visibility: visible;
}
/*#endregion Divs */

/*#region Text & Labels */
.lbl {
	max-width: 2000px;
	width: 98%;
	/* color: var(--Text-Body); */
	font-size: 1.15rem;
}

.lbl_safe {
	max-width: 2000px;
	width: 98%;
	color: darkgreen;
	font-size: 1.05rem;
}

.lbl_warn {
	max-width: 2000px;
	width: 98%;
	color: #e47756;
	font-size: 1.05rem;
}

.lbl_danger {
	max-width: 2000px;
	width: 98%;
	color: Red;
	font-size: 1.05rem;
}

.lbl_bold {
	max-width: 2000px;
	width: 98%;
	/* color: var(--Text-Body); */
	font-weight: 700;
	font-size: 1.1rem;
	font-stretch: expanded;
}

.lbl_bold_large {
	max-width: 2000px;
	width: 98%;
	/* color: var(--Text-Body); */
	font-weight: 700;
	font-size: 1.5rem;
	font-stretch: expanded;
}

.lbl_title {
	max-width: 2000px;
	padding: 3px;
	width: 135%;
	color: black;
	font-weight: 500;
	font-size: 1.625rem;
	font-stretch: expanded;
}

.lbl_error_title {
	max-width: 2000px;
	width: 98%;
	color: slategrey;
	font-weight: 700;
	font-size: 1.625rem;
	font-stretch: expanded;
}

.lbl_left {
	color: var(--Text-Body);
	font-size: .9rem;
	float: left;
	width: 120px;
}

.lbl_alert {
	max-width: 2000px;
	width: 100%;
	text-align: center;
	font-weight: 700;
	font-size: 1.15rem;
	color: var(--Danger);
	background-color: Yellow;
}

.lbl_help {
	font-size: .8rem;
	font-style: italic;
}

lbl_header_bolder {
	font-size: 1.2rem;
	font-weight: 700;
}

.dash_key {
	font-style: italic;
	font-size: .90rem;
	text-decoration: none;
	font-weight: 400;
}

.dash_value {
	font-weight: 600;
	font-size: 1.25rem;
	line-height: .96rem;
	color: var(--Text-Body);
	border-color: Black;
	padding: .2rem;
}

.dash_hilite {
	background-color: yellow;
	border-color: yellow;
	color: red;
}

.dash_alert {
	background-color: red;
	border-color: red;
}

.dash_value_x_2 {
	font-weight: 700;
	font-size: 1.0rem;
}

.dash_new {
	color: red;
}
/*#endregion Text & Labels */

/*#region Buttons */
.btn {
	max-width: 200px;
	width: 100%;
	border-radius: 20px;
	background-color: var(--Menu-Bar);
	color: var(--Menu-Bar-Text);
}

.btn_sm {
	max-width: 120px;
	width: 100%;
	border-radius: 20px;
	background-color: var(--Menu-Bar);
	color: var(--Menu-Bar-Text);
	line-height: 20px;
	font-size: small;
}

.btn_sub_menu {
	background-color: var(--Btn-Sub-Menu);
}

	.btn_sub_menu:hover {
		background-color: var(--Btn-Sub-Menu-hover);
	}

.btn_block_switch {
	width: 100%;
	border: none;
	padding: 6px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1.25rem;
}

	.btn_block_switch:hover {
		width: 94%;
		border: none;
		padding: 6px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 1.25rem;
		background-color: darkseagreen;
	}

.btn_wide {
	min-width: 100%;
	width: 100%;
}

.btn_set {
	display: block;
	margin: auto;
	text-align: center;
	width: 50%;
}

.btn_menu_search {
	position: relative;
	top: 3px;
	width: 80px;
	max-height: 2rem;
	height: 1.6rem;
	vertical-align: middle;
}

.btn_email_menu {
	background-color: var(--Btn-Sub-Menu);
}

.btn_400 {
	max-width: 400px;
	width: 100%;
}

.btn_tall {
	color: black;
	font-family: 'Arial Rounded MT';
	font-weight: 900;
	font-size: larger;
	height: 40px;
}

.rb {
	width: 400px;
	height: 15px;
	border: 3px solid green;
}
/*#endregion Buttons */

/*#region Link Buttons */
.lbtn {
	width: 2000px;
	max-width: 120%;
	padding: 1rem;
	padding-left: 2rem;
	padding-right: 2rem;
	font-size: 1.5rem;
	font-stretch: ultra-expanded;
	font-weight: 500;
	line-height: 4rem;
	border-radius: 20px;
	background-color: var(--Menu-Bar);
	color: var(--Menu-Bar-Text);
	vertical-align: middle;
	text-decoration: none;
}

	.lbtn:hover {
		background-color: var(--Bosque-Green-Hover);
		color: black;
	}

.lbtn_60 {
	width: 60px;
	padding: .2rem;
	line-height: .86rem;
	font-size: .85rem;
	font-stretch: condensed;
}

	.lbtn_60:hover {
		background-color: var(--Bosque-Green-Hover);
		color: black;
	}

.lbtn_100 {
	width: 100px;
	padding: .2rem;
	line-height: .9rem;
	font-size: .85rem;
	font-stretch: condensed;
}

	.lbtn_100:hover {
		background-color: var(--Bosque-Green-Hover);
		color: black;
	}

.lbtn_180 {
	width: 180px;
	font-stretch: expanded;
}

	.lbtn_180:hover {
		background-color: var(--Bosque-Green-Hover);
		color: black;
	}

.lbtn_480 {
	max-width: 480px;
}

	.lbtn_480:hover {
		background-color: var(--Bosque-Green);
		color: var(--Mist-Hover);
	}

.lbtn_600 {
	width: 600px;
	height: 2rem;
	font-size: 2rem;
}

	.lbtn_600:hover {
		background-color: var(--Bosque-Green-Hover);
		color: black;
	}

.lbtn_800 {
	width: 800px;
	height: 2rem;
	font-size: 2rem;
}

	.lbtn_800:hover {
		background-color: var(--Bosque-Green-Hover);
		color: black;
	}

.lbtn_light {
	background-color: var(--Bosque-Green);
	color: var(--Menu-Bar-Text);
}

	.lbtn_light:hover {
		background-color: var(--Bosque-Green-Hover);
		color: black;
	}

.lbtn_caution {
	background-color: var(--Danger-hover);
	color: black;
}

	.lbtn_caution:hover {
		background-color: var(--Caution-hover);
		color: black;
	}

.lbtn_danger {
	background-color: var(--Danger);
	color: black;
}

	.lbtn_danger:hover {
		background-color: var(--Danger-hover);
		color: black;
	}
/*#endregion Link Buttons */

/*#region Calendar*/
.cal {
	max-width: 200px;
	width: 100%;
	margin: 0 auto;
	background-color: var(--Cal-Background-Color);
	border: 3px,solid,var(--Cal-Border-Color);
	color: var(--Cal-Color);
}

.selected_day_style {
	color: var(--Cal-SelectedDayStyle-ForeColor);
	background-color: var(--Cal-SelectedDayStyle-BackColor);
}

.selector_style {
	color: var(--Cal-SelectorStyle-ForeColor);
	background-color: var(--Cal-SelectorStyle-BackColor);
}

.day_header_style {
	color: var(--Menu-Bar-Text);
	background-color: var(--Menu-Bar);
}

.title_style {
	color: var(--Menu-Bar-Border);
	background-color: var(--Menu-Bar-Text);
}

.cal-background-color {
	background-color: var(--Cal-Background-Color);
}

.cal_border_color {
	border-color: var(--Cal-Border-Color);
}

.cal_color {
	color: var(--Cal-Color);
}

.selected_backcolor {
	background-color: var(--Cal-SelectedDayStyle-BackColor);
}

.selected_forecolor {
	color: var(--Cal-SelectedDayStyle-ForeColor);
}

.today_day_style {
	color: white;
	background-color: var(--Cal-Background-Color);
}
/*#endregion Calendar*/

/*#region Lists */
ul {
	list-style-position: inside;
}

.rblist {
	margin: 4px;
	column-width: auto;
	border: none;
	resize: none;
	text-align: center;
}

	.rblist tr {
		border: none;
		resize: none;
		margin: auto 0;
	}

		.rblist tr td {
			border: none;
			resize: none;
		}

			.rblist tr td input {
				border: none;
				resize: none;
			}

			.rblist tr td label {
				font-size: 2.5rem;
			}

/*#endregion Lists */

/*#region Panels & Update Panels */
.pnl {
	border: solid 3px var(--Pnl-Border);
	border-radius: 20px;
	padding: 1.2rem;
	margin: 0px auto;
	margin-bottom: 12px;
	background-color: var(--Pnl-Body);
	color: var(--Pnl-Body-Text);
	max-width: 2000px;
	width: 100%;
}

.pnl_light {
	border: solid 1px var(--Pnl-Border);
	border-radius: 20px;
	padding: 1.2rem;
	margin: 0px auto;
	margin-bottom: 12px;
	background-color: var(--Pnl-Body);
	color: var(--Pnl-Body-Text);
	max-width: 2000px;
	width: 100%;
}

.pnl_light_warn {
	border: solid 1px var(--Danger-hover);
	border-radius: 20px;
	padding: 1.2rem;
	margin: 0px auto;
	margin-bottom: 12px;
	background-color: var(--Pnl-Body);
	color: var(--Pnl-Body-Text);
	max-width: 2000px;
	width: 100%;
}

.pnl_tab {
	border: solid 1px var(--Pnl-Body);
	background-color: var(--Pnl-Help);
	color: var(--Pnl-Bar-Text);
	border-radius: 10px;
	font-weight: 600;
	padding-left: 5px;
	max-width: 160px;
	width: 100%;
}

.pnl_warn {
	border: solid 3px var(--Danger-hover);
	border-radius: 20px;
	padding: 1.2rem;
	margin: 0px auto;
	margin-bottom: 12px;
	background-color: var(--Pnl-Body);
	color: var(--Pnl-Body-Text);
	max-width: 2000px;
	width: 100%;
}

.pnl_required {
	border: solid 3px var(--Danger);
	border-radius: 20px;
	padding: 1.2rem;
	margin: 0px auto;
	margin-bottom: 12px;
	background-color: var(--Pnl-Body);
	color: var(--Pnl-Body-Text);
	max-width: 2000px;
	width: 100%;
}

.pnl_off {
	visibility: hidden;
}

.pnl_preview {
	visibility: visible;
	opacity: 0.45;
}

.pnl_available {
	visibility: visible;
	opacity: 1.0;
}

/*#endregion Panels & Update Panels */

/*#region Repeaters */
.rptr {
}
/*#endregion Repeaters */

/*#region Tables */
.formTable tr td {
	border: 0;
}

table {
	border: solid;
	table-layout: fixed;
	width: 100%;
	border-spacing: inherit;
	empty-cells: show;
}

th {
	font-weight: 600;
	font-size: 1.25rem;
	overflow: hidden;
	width: 100%;
	background-color: var(--Pnl-Body);
}

td {
	overflow: hidden;
	width: 100%;
}

td_rport_num {
}

td_report_pct {
}

tr {
	font-size: .86rem;
}

.tbl {
	table-layout: fixed;
	margin: auto 0 0;
	width: 100%;
	background-color: var(--Pnl-Body);
	color: aliceblue;
	border-color: var(--Pnl-Bar-Text);
	border-width: 0px;
	border: solid;
	padding: 5px;
	border-spacing: 5px;
}

.tbl_th {
	background-color: var(--Pnl-Body);
	color: Black;
	font-weight: 600;
	font-size: 1.25rem;
	overflow: hidden;
	width: 100%;
	border: solid;
	padding: 5px;
	border-spacing: 3px;
	border-color: var(--Pnl-Body);
}

.tbl_tr {
	overflow: hidden;
	background-color: var(--Pnl-Body);
	color: var(--Pnl-Body-Text);
	padding: 5px;
	border-spacing: 5px;
}

.tbl_td {
	overflow: hidden;
	color: var(--Pnl-Body-Text);
	padding: 5px;
	border-spacing: 5px;
}

.tr_notselectible {
	color: lightgray;
}

/*#endregion Tables */

/*#region DatePicker */
.datepicker {
	max-width: 200px;
	width: 100%;
}
/*#endregion DatePicker */

/*#region Drop Down Lists */
.ddl {
	max-width: 600px;
	width: 100%;
}

.ddl_100 {
	margin: 0 auto;
	max-width: 100px;
	width: 100%;
	padding: 4px;
}

.ddl_200 {
	margin: 0 auto;
	max-width: 200px;
	width: 100%;
	padding: 4px;
}

.ddl_300 {
	margin: 0 auto;
	max-width: 300px;
	width: 100%;
	padding: 4px;
}

.ddl_400 {
	margin: 0 auto;
	max-width: 400px;
	width: 100%;
	padding: 4px;
}
/*#endregion Drop Down Lists */

/*#region Page Loading Message */
.Page_Loading {
	top: 0px;
	/*
left: 0px;
*/
	display: block;
	z-index: 90;
	width: 600px;
	opacity: 0.8;
	margin: 0 auto;
}

.Page_Loading_Message {
	margin: auto;
	width: 50%;
	text-align: center;
	border: 3px solid green;
	background-color: cornflowerblue;
	padding: 10px;
	z-index: 99;
}
/*#endregion Page Loading Message */

/*#region Accordion */
.accordion-header {
	background-color: var(--Mist-Hover);
	cursor: pointer;
	padding: 10px;
	border: 1px solid var(--Bosque-Green);
	margin-bottom: 5px;
}

.accordion-content {
	display: none; /* Hidden by default */
	padding: 10px;
	border: 1px solid var(--Bosque-Green);
	border-top: none;
}

.accordion-item.active .accordion-content {
	display: block; /* Shown when active */
	background-color: var(--Mist);
}
/*#endregion Accordion */
/*#region Error Message Summary */
.v_message {
	font-size: larger;
	font-style: italic;
	color: Red;
	background-color: Yellow;
}

.v_summary {
	border: 2px solid red;
	color: var(--Mist);
	background-color: var(--Cypress-Hover );
	padding: 12px 0px 13px 30px;
	font-size: large;
	font-weight: 400;
	width: 90%;
	margin: 0 auto;
	-moz-box-shadow: 5px 5px 5px 1px #808080;
	-webkit-box-shadow: 5px 5px 5px 1px #808080;
	box-shadow: 5px 5px 5px 1px #808080;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.v_header {
	left: 12px;
	position: relative;
	font-size: 1.25rem;
	font-weight: bold;
	background-color: var(--Bosque-Green-Hover );
	color: var(--Mist);
	height: 20px;
	border-bottom: 1px solid var(--Cypress);
	padding-top: 3px;
}

.v_summary ul {
	padding-top: 5px;
	padding-left: 45px;
	list-style: square;
	color: var(--Mist);
	font-style: italic;
}

	.v_summary ul li {
		padding: 2px 0px 0px 15px;
		background-image: url('images/caution.png');
		background-position: 0px 3px;
		background-repeat: no-repeat;
	}

/*#endregion Error Message Summary */

/*#region Resolution Message */
.bad_resolution {
	display: none;
	position: fixed;
	margin: auto 0;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	background-color: red;
	opacity: 0.9;
	z-index: 99;
	text-align: center;
	vertical-align: middle;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/*#endregion Resolution Message */

/*#region  Media Queries */
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
	.jumbotron {
		margin-top: 20px;
	}

	.body-content {
		padding: 0;
	}

	.align_left {
		float: left;
	}

	.align_right {
		float: right;
	}
}

@media screen and (max-width:815px) {
	.bad_resolution {
		display: block;
	}
}
/*#endregion  Media Queries */