body {
	margin: 0px;
	background-color: #fff;
	font-family: Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: 14px
}

h1 {
	font-size: unset;
	display: unset
}

div {
	box-sizing: border-box;
}

/** Page Margin color **/
.panel-parent {
	width: 100%;
	height: 100%;
	position: relative;
	overflow-x: hidden;
	background-color: var(--color-margin);
}

.panel-float {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
}

.bOpt {
	background: transparent;
	border-color: transparent;
	padding: 0px;
	cursor: pointer;
}

/** Page Header **/
.page-head {
	height: 80px;
	background-color: var(--color-primary);
	background-repeat: no-repeat;
	background-position-x: center;
	position: relative;
}

	.page-head > div:first-child {
		padding-top: 15px;
		padding-left: 25px;
		padding-right: 25px;
	}

	.page-head .button {
		color: white;
	}

.bOpt svg {
	stroke: var(--color-secondary);
	stroke-width: 2px;
	stroke-linecap: round;
	fill: none;
	padding: 0px;
}

.site-title {
	white-space: nowrap;
	width: fit-content;
	margin: auto;
	font-size: 32px;
	color: #FFF
}

.logo-image {
	position: absolute;
}

.search-box {
	padding-top: 15px;
	overflow: hidden;
	float: right;
	position: relative;
}

.page-subhead {
	height: 45px;
	position: relative;
	background-color: var(--color-secondary);
}

	.page-subhead a.landscape-only {
		color: white;
		cursor: pointer;
	}

/** Main Section Background Color **/
.divMain {
	width: 100%;
	padding: 6px 20px;
	clear: left;
	background-color: #fff;
	border-radius: 10px;
	margin: 20px 4px
}

.feather-user {
	color: #fff
}
/** Search **/
#plcSearch2 {
	float: right;
}

#Search2::placeholder {
	color: #999;
	font-size: 16px
}

.drpdwnSEARCH, .drpdwnSEARCHFull {
	height: 36px;
	width: 275px;
	border: 2px solid var(--color-accent);
	border-radius: 0px;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	background-image: none;
	background-color: #f0f0f0;
	outline: none;
	font: 16px Roboto, Arial, sans-serif;
}

	.drpdwnSEARCH:focus, .drpdwnSEARCHFull:focus {
		background: white;
		border: 2px solid var(--color-accent);
		outline: none;
		font: 16px Roboto, Arial, sans-serif;
	}

.searchIMG {
	height: 40px;
	width: 36px;
	background-color: var(--color-accent);
	padding: 9px 6px;
	border: 1px solid var(--color-accent);
	background-image: none;
	color: #444;
	margin-right: 4px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px
}

a:active, a:link, a:visited, a:hover, a:link:hover, a:link:visited:hover {
	color: var(--color-links);
	text-decoration: none;
}

.table {
	width: 100%;
	display: table;
	background: var(--color-table-bg)
}

.row {
	width: 100%;
	display: table-row;
	flex-wrap: wrap
}

	.row.hidden {
		display: none
	}

	.row.empty.hidden {
		display: none
	}

.cell {
	display: table-cell;
	padding: 10px;
	color: var(--color-table);
	vertical-align: middle
}

	.cell.first {
		width: 300px
	}

.cell-left {
	text-align: left
}

.cell-center {
	text-align: center
}

.cell-justify {
	text-align: center
}

.cell-right {
	text-align: right
}

.cell.cell-left > a:link, a:visited, a:active {
	text-decoration: none;
	color: var(--color-links)
}

.cell.cell-left > a:hover {
	text-decoration: underline;
}

.header .cell {
	color: var(--color-table-header);
	border: none
}

	.header .cell.sortable {
		cursor: pointer;
	}

.table ul {
	list-style: none;
	padding-left: 0px;
}

content-head {
	text-align: left;
	padding: 8px;
}


/**  Table Background Color **/
.container-table100 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	min-width: 150px;
	background-color: #fff
}

	.container-table100 .row.header {
		background-color: var(--color-table-header-bg)
	}

	.container-table100 > .table > ul {
		padding-left: 0px;
	}

.portrait-only {
	display: none
}

.right-container {
	margin-left: auto;
	display: flex
}

.button {
	display: block;
	padding: 6px;
	margin: 6px 25px;
	cursor: pointer;
	border: 1px solid #fff;
	border-radius: 4px
}

	.button:hover {
		background-color: #888;
		color: #fff
	}

.panel {
	display: inline-block;
	width: 100%;
	min-width: 250px;
	border-radius: 7px;
	background-color: var(--color-table-bg);
	border: 1px solid var(--color-secondary);
	padding: 10px;
	margin-bottom: 15px;
	position: relative;
}

	.panel ul {
		list-style: none;
		line-height: 38px;
		white-space: nowrap
	}

	.panel header {
		font-size: 18px;
		padding-bottom: 8px
	}

	.panel.portrait-only {
		display: none
	}


.card-filter {
	margin-right: 16px;
	margin-bottom: 6px;
	height: 42px;
	white-space: nowrap;
}

	.card-filter ul {
		line-height: 22px;
		margin: 0px;
		padding: 0px
	}

	.card-filter li {
		padding: 0 6px 0 6px
	}

	.card-filter .c-box-placeholder {
		width: 100%;
		height: 23px;
		border: 1px solid var(--color-filter-border);
		margin-top: 4px;
		border-radius: 4px;
		min-width: 200px
	}

	.card-filter .text {
		margin-top: 4px;
		padding: 0 4px;
		min-width: 260px;
		border-radius: 7px;
		border: 1px solid var(--color-filter-border);
		background: var(--color-filter-bg);
		outline: none;
		font: 16px Roboto, Arial, sans-serif
	}

		.card-filter .text:hover, .card-filter .text:focus {
			margin-top: 4px;
			padding: 0 4px;
			border-radius: 7px;
			border: 1px solid var(--color-accent);
			background: white;
			font: 16px Roboto, Arial, sans-serif
		}

	.card-filter.one-line * {
		float: left
	}

.panel .text {
	height: 21px;
	font-size: 14px
}

table .c-box.c-box-hidden div:first-child:not(.cell)::before {
	content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' style='stroke:black;fill:black'%3E%3Cpolygon points='1 1, 1 11, 8 6' /%3E%3C/svg%3E");
	position: relative;
	top: 1px;
	margin-right: 4px;
}

table .c-box div:first-child:not(.cell)::before {
	content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' style='stroke:black;fill:black'%3E%3Cpolygon points='1 1, 11 1, 6 8' /%3E%3C/svg%3E");
	position: relative;
	top: 1px;
	margin-right: 4px;
}

table .c-box {
	cursor: pointer;
}

.c-box-title {
	font-weight: bold
}

.dropdown {
	background: var(--color-filter-bg);
	border: 1px solid #767676;
	z-index: 1;
	width: 100%;
	border-radius: 6px;
	min-width: 100px;
	margin-top: 4px;
	height: 23px;
	line-height: 35px;
}

	.dropdown option {
		min-height: 30px;
	}

	.dropdown button {
		margin: 2px;
		float: right;
	}

div.dropdown {
	padding-left: 3px;
	line-height: 22px;
}

.dropdown.c-box-content {
	background: var(--color-filter-bg);
	border: 1px solid #767676;
	height: fit-content;
	border-radius: 0px;
	width: fit-content;
	position: absolute;
}

.c-box-content div div {
	padding-left: 10px;
	padding-right: 2px;
}


.selector {
	line-height: 22px;
}

.c-box-trigger {
	display: none;
	position: absolute;
	top: 6px;
	right: 0;
	cursor: pointer
}

.c-box-placeholder {
	display: none;
	cursor: pointer;
}

	.c-box-placeholder.dropdown {
		display: inline-block
	}

.c-box-placeholder {
	display: none;
	cursor: pointer;
	padding-right: 18px
}

.c-box-content {
	z-index: 3;
	background: #fff
}

.table ul .c-box-content {
	z-index: 3;
	background: #fff;
	padding-left: 20px !important;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px
}

.c-box-hidden .c-box-content {
	display: none;
	/*height: 0px;*/
	overflow: hidden;
}

.c-box-arrow::after {
	content: "\02c5";
	position: absolute;
	right: 6px;
	bottom: 0px;
	font-size: 18px
}

.footer-notice {
	position: fixed;
	width: 100%;
	bottom: 0px;
	border-top: 1px solid #888;
	padding: 20px;
	background-color: #000;
	color: #fff
}

	.footer-notice div {
		display: table-cell;
		padding: 4px;
		vertical-align: middle
	}

	.footer-notice a, .footer-notice a:hover {
		white-space: nowrap;
		color: #fff
	}

	.footer-notice.hidden {
		display: none
	}

.dismiss {
	border: 1px solid #FFF;
	border-radius: 4px;
	padding: 2px 4px;
	float: right
}

	.dismiss:hover {
		background: #fff;
		color: #000
	}

	.dismiss a {
		text-decoration: none
	}

	.dismiss:hover a, .dismiss:hover a:hover {
		text-decoration: underline;
		background: #fff;
		color: #000 !important
	}


.sortedAsc::before {
	content: "\2193";
	font-size: 14px;
	padding: 2px
}

.sortedDesc::before {
	content: "\2191";
	font-size: 14px;
	padding: 2px
}

.effective-filter {
	border-radius: 2px;
	border: 1px solid var(--color-accent);
	background-color: #f0f0f0;
	padding: 4px;
	float: left;
	margin-top: 4px;
	margin-right: 2px
}

	.effective-filter a {
		margin-left: 8px;
		margin-right: 2px
	}

.effective-filter-clear {
	padding: 4px;
	float: left;
	margin-top: 4px;
	margin-left: 12px
}

	.effective-filter-clear a {
		color: #444
	}

li > a {
	text-decoration: none
}

li.selected {
	text-decoration: underline
}

/** Filter Clear All Link **/
a.landscape-only {
	color: #444
}

#rowCountL {
	margin-top: 15px
}

.section-head {
	font-size: 20px;
	font-weight: 600;
	border-bottom: 1px solid black;
	padding-bottom: 5px;
	margin: 10px 0
}

select.drpdwn, input[type=text], input[type=date].drpdwn {
	height: 36px
}

ul.submenu-list {
	margin: 0px;
	padding: 10px 0px 10px 25px;
	color: white;
}

	ul.submenu-list li {
		display: inline;
		list-style-type: none;
		padding: 2px;
		margin: 0px;
	}

		ul.submenu-list li a {
			color: white;
		}

			ul.submenu-list li a:hover {
				color: white;
			}

.group-head {
	padding: 10px 0;
	background: var(--color-table-header-bg);
	color: var(--color-table-header)
}

tr ul {
	background: #fff
}

li.hierarchy-parent {
	cursor: pointer;
	background-color: #fff;
	padding-bottom: 5px;
}

	li.hierarchy-parent div {
		padding: 10px 15px;
		background: initial;
		border-bottom: 4px solid #f7f7f7
	}

		li.hierarchy-parent div.cell {
			display: table-cell;
			border: none;
			padding: 4px;
		}

	li.hierarchy-parent .row {
		width: auto;
		background-color: #FFF;
	}

		li.hierarchy-parent .row.alt {
			background-color: var(--color-table-bg);
		}

		li.hierarchy-parent .row.hidden {
			display: none;
		}

	li.hierarchy-parent.hidden {
		display: none;
	}

	li.hierarchy-parent.alt {
		background-color: #fff;
	}

	li.hierarchy-parent:hover {
		background-color: #f2f2f2;
	}

		li.hierarchy-parent:hover .row:hover {
			background: #f7f7f7
		}
/** Group Page Sub-Table **/
.table ul ul th {
	background: #fff;
	color: var(--color-subtable-header-text) !important;
	padding: 3px;
	border-bottom: 2px solid var(--color-table-header-bg) !important;
	font-weight: normal;
}

.table ul ul ul th {
	background: #fff;
	color: var(--color-subtable-header-text) !important;
	padding: 3px;
	border-bottom: 2px solid var(--color-table-header-bg) !important;
	font-weight: normal;
}

.table ul ul tr:nth-child(even) {
	background-color: #fff;
}

.table ul ul ul tr:nth-child(even) {
	background-color: #fff;
}
/****/


.panel-canvas {
	display: flex;
	flex-wrap: wrap;
}

.focusable {
	position: absolute;
	top: -20px
}

	.focusable:focus {
		position: revert;
		color: black;
		margin: 3px;
	}


/*** Welcome Message Area ***/
/** Page Images **/
.PPImage_home, .PPImage_title, .PPImage_category, .PPImage_files {
	object-position: 50% 40%;
	object-fit: cover;
	height: 250px;
	width: 100%;
	border-radius: 5px
}

.PublicPage_CalloutSection {
	width: 250px;
	margin-left: 30px;
}

	.PublicPage_CalloutSection div {
		border: 1px solid #999;
		margin: 5px 0px;
		border-radius: 5px;
	}

	.PublicPage_CalloutSection ul {
		margin: 10px 0px;
	}

.PublicPage_CalloutTitle {
	background: var(--color-callout-bg);
	display: block;
	text-align: center;
	color: var(--color-callout-text);
	padding: 10px;
	border-radius: 3px 3px 0 0
}

.PublicPage_Welcome {
	display: flex;
	margin-bottom: 20px
}

.PublicPage_Title {
	font-size: 36px;
	line-height: 36px;
	font-weight: 600;
	padding: 15px 0 30px 0;
	margin-block-start: 0px;
	margin-block-end: 0px;
	margin-inline-start: 0px;
	margin-inline-end: 0px
}
/*
a:link:hover, a:link:visited:hover {
   text-decoration: none;
}
*/
li.current a {
	font-weight: 600;
	text-decoration: none;
}

ul .nothing-item {
	margin-left: -40px;
}

li.nothing-item {
	list-style: none;
	text-align: center;
	padding: 10px 0;
}

/*Alternating row styles*/
.table tr:nth-child(even) {
	background-color: #f7f7f7;
}

.table table {
	background-color: #FFFFFF;
}




@media (max-width: 1024px) {
	.search-box {
		float: none;
		padding: 10px 20px;
	}

	.panel-canvas {
		display: block;
	}

		.panel-canvas a {
			color: #fff
		}

	a.landscape-only {
		color: #fff;
	}

	.card-filter.portrait-only a {
		color: #fff
	}

	.button {
		margin: 0px;
		border: none
	}

	.page-head {
		height: 75px;
		background-color: var(--color-primary);
	}

		.page-head.portrait-only {
			display: block;
			color: white;
			font-size: 20px;
			overflow-y: hidden;
		}

	.bOpt svg {
		stroke: var(--color-primary);
	}

	.page-subhead {
		height: inherit;
	}

	.SubMenuText {
		font-size: 18px;
		font-weight: normal
	}

	.row {
		border-top: 2px solid var(--color-secondary);
		margin-bottom: 4px
	}

	.header {
		display: block;
		position: fixed;
		left: 100%;
	}

		.header .cell {
			display: table-cell;
		}

	.cell {
		width: 100%;
		display: block;
		padding-left: 6px;
		padding-top: 5px;
		padding-bottom: 0px;
		border: none
	}

		.cell:before {
			color: #888;
			content: attr(data-title);
			display: block;
			padding-bottom: 2px
		}

		.cell.nomobile {
			display: none
		}

		.cell.cell-left > a:link, a:visited, a:active {
			font-size: 16px;
			text-decoration: none;
		}

		.cell.cell-left > a:hover {
			font-size: 16px;
			text-decoration: underline
		}

	.cell-center {
		text-align: left
	}

	.cell-justify {
		text-align: left;
		width: auto;
		float: left;
	}

	.cell-right {
		text-align: left
	}

	.landscape-only {
		display: none !important;
	}

	.portrait-only {
		display: flex
	}

	.panel {
		top: 0px;
		left: 100%;
		width: 100%;
		height: 100%;
		position: fixed;
		background-color: rgba(0,0,0,0.6);
		font-size: 18px;
		transition-delay: 0.3s;
		z-index: 2;
	}

		.panel.panel-open {
			left: 0%;
			transition-delay: 0s
		}

		.panel a {
			font-size: 18px;
			display: none;
		}

		.panel.panel-open a {
			font-size: 18px;
			display: block;
		}

		.panel span {
			display: none;
		}

		.panel.panel-open span {
			display: block;
		}

		.panel.portrait-only {
			display: flex
		}

		.panel.right .panel-canvas {
			margin-left: auto
		}

	.panel-canvas {
		width: 0%;
		background-color: #000;
		color: #fff;
		height: 100%;
		overflow-x: hidden;
		position: relative;
		transition: all 0.3s;
	}
	/**
		.panel-canvas a {
		color: #ffffff;
	}
**/
	.panel header {
		display: none;
	}

	.panel-open .panel-canvas {
		width: 94%;
	}

	.card-filter {
		float: none;
		padding: 8px;
		height: unset
	}

		.card-filter ul {
			line-height: 30px;
		}

		.card-filter.one-line {
			padding: 0px;
		}

			.card-filter.one-line input {
				display: flex;
			}

	.c-box.card-filter span::after {
		display: inline-block;
		content: "\002D";
		position: absolute;
		right: 12px;
		top: 6px
	}

	.c-box.card-filter.one-line span::after {
		display: none;
	}

	.c-box.card-filter.c-box-hidden span::after {
		display: inline-block;
		content: "\002B";
		position: absolute;
		right: 10px;
		top: 6px
	}

	.c-box.card-filter.c-box-hidden.one-line span::after {
		display: none
	}

	.c-box-trigger {
		display: inline-block
	}

	.c-box-hidden .c-box-trigger.toggle {
		display: none;
	}

	.c-box .c-box-placeholder {
		display: none
	}

	.c-box-hidden .c-box-placeholder.toggle {
		display: inline-block
	}

	.c-box-hidden .c-box-placeholder.dropdown {
		display: none
	}

	.c-box-content.dropdown {
		display: inline-block;
		width: 96%;
	}

	.c-box-hidden .c-box-content.dropdown {
		display: none
	}

	.dropdown {
		color: var(--color-table);
		font-size: 16px;
	}

	.drpdwnSEARCH, .drpdwnSEARCHFull {
		height: 32px;
		width: calc(100% - 70px);
		background: #f0f0f0;
		border: 2px solid var(--color-accent);
		outline: none;
		background-image: none;
		font: 16px Roboto, Arial, sans-serif
	}

		.drpdwnSEARCH:hover, .drpdwnSEARCH:focus, .drpdwnSEARCH:selection, .drpdwnSEARCHFull:hover, .drpdwnSEARCHFull:focus, .drpdwnSEARCH:selection {
			border: 2px solid var(--color-accent);
			background: #ffffff;
			outline: none;
			font: 16px Roboto, Arial, sans-serif
		}

	.searchIMG {
		height: 36px;
		background-color: var(--color-accent);
		padding-top: 6px;
		border: 1px solid var(--color-accent);
		color: #212121
	}

	.filter-line {
		background-color: var(--color-filter-bg);
		border: 1px solid var(--color-filter-border);
		border-radius: 4px;
		color: var(--color-filter)
	}

	.feather.feather-filter {
		color: var(--color-accent)
	}

	.card-filter .text {
		margin-top: 6px;
		margin-left: 3px;
		padding: 0 4px;
		min-width: 130px;
		max-width: 140px;
		border-radius: 4px;
		border: 1px solid var(--color-filter-border);
		background: var(--color-filter-bg);
		outline: none;
		font: 16px Roboto, Arial, sans-serif
	}

		.card-filter .text:hover, .card-filter .text:focus {
			margin-top: 6px;
			margin-left: 3px;
			padding: 0 4px;
			min-width: 130px;
			max-width: 140px;
			border-radius: 4px;
			border: 1px solid var(--color-accent);
			background: white;
			font: 16px Roboto, Arial, sans-serif
		}

	.divMain {
		margin: 0px;
		border-radius: 0px
	}

	#plcSearch2 {
		float: none
	}

	select.drpdwn, input[type=text], input[type=date].drpdwn {
		height: 32px
	}

	.PublicPage_Welcome {
		display: block;
	}

	.PublicPage_CalloutSection div {
		border: 1px solid #999;
		margin: 5px 0px;
		border-radius: 5px;
		width: 335px;
	}
}

.divFooter {
	background: #666;
	color: white;
	padding-top: 5px;
	min-height: 30px;
	text-align: center;
}

.btnLogin {
	float: right;
	margin-top: 10px;
	border-radius: 5px;
	height: 24px;
	width: 90px
}