body
{
	font-size: 20px;

	color: #FFF;
	background: #D6EFD3;
	/*font-family: verdana, arial, helvetica, sans-serif;*/
	font-size: 20px;
	margin: 2px;
}

h1, h2, h3, h4, h5, h6
{
}

div, span, form
{
	margin: 0px;
	padding: 0px;
}

form input, form select
{
	font-size: 1em;
}

img
{
	border: 0;
}

a, a:visited, a:link
{
	color: #050;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

@media screen and (max-width: 1080px)
{
	div.page-title span.small { display: none; }

	table.grid.responsive { font-size: 12px !important; }

	.menu-container nav { display: none; }

	.menu-container .openmenu div { width: 35px; height: 5px; background-color: black; margin: 6px 0; }

	div.menu-container ul, div.menu-container li { display: block !important; }

	.menu-container li a { display: block !important; }

	.menu-container ul ul li a, .menu-container ul li a { border-bottom: #6C0 1px solid; }

	.menu-container ul ul { border: none !important; }

	.menu-container ul ul li a
	{
		padding-left: 50px;
		display: block !important;
	}

	.menu-container ul ul 
	{
		display: block !important;
		position: static !important;
	}

	.menu-container ul li
	{
		float: none !important;
		display: block !important;
		position: static !important;
	}

	.menu-container ul ul li
	{
		float: none !important;
		display: block !important;
		position: static !important;
	}

	.flex-element .h4.title
	{
		font-size: .9em !important;
	}
}



div.h3.title
{
	font-size: 2em;
	font-weight: bold;
	margin: 0;
	padding: 20px 10px;
	vertical-align: middle;
	background: lightgreen;
}

div.h4.title
{
	font-size: 2em;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
	align-self: stretch;
	background: #CEC;
}

div.h3.title span.small
{
	text-align: right;
	float: right;
	font-size: 0.5em;
	bottom: 0;
}

div.page-title
{
	font-weight: bold;
	position: relative;
	background: lightgreen;
	transition: all 0.5s linear;
}

div.page-title div.title
{
	display: inline-block;
	font-size: 2em;
	margin: 0;
	padding: 20px 10px;
	transition: all 0.5s linear;
}

div.page-title span.small
{
	text-align: right;
	float: right;
	font-size: 0.8em;
	margin: 1em 5px 10px;
}


div.menu-container
{
	display: block;
	z-index: 4000;
	background: #CEC;;
}

div.main-container
{
	padding: 15px 10px;
	background: lightblue;
	min-height: calc(100vh - 240px);
}

div.footer-container
{
	margin: 0;
	background: #222;
	min-height: 70px;
	height: 70px;
	position: relative;
	font-size: 0.8em;
	margin: 0;
	padding: 0px 15px;
	display: flex;
	gap: 2px;
	align-items: center;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	transition: all 0.5s linear;
}

/*
div.footer-container span.copyright
{	
	position: absolute;
	left: 20px;
	top: 25px;
}

div.footer-container span.credit
{	
	position: absolute;
	right: 20px;
	top: 25px;
}
*/

div.footer-container .center {
	flex-grow: 1;
	text-align: center;
}

.flex-container
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.flex-container .flex-element
{
	min-width: 30%;
	max-width: 70%;
	margin: 5px 5px;
    flex: 1;
	flex-basis: 1;
	flex-grow: 1;
	margin: 10px 10px;
	padding: 0;
	background: #DFF;
	border: #69C 1px solid;
}

.flex-element .h4.title
{
	font-size: 1.2em;
	background: #CCF;
}

.flex-element label
{
	white-space: nowrap;
	font-weight: bold;
}

div.main-flex-container
{
	font-size: 18px;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	padding: 0px;
	padding: 5px;
	background: lightblue;
}

div.flex-element-container
{
    -webkit-flex: 1;
    flex: 1;
	min-width: 400px;
	/*flex-basis: auto;*/
	flex-basis: 1;
	flex-grow: 1;

	margin: 5px 5px;
	padding: 0;
	background: #666;
	border: #999 1px solid;
}

div.flex-element-container.inactive
{
	background: #999;
}

div.flex-element-container div.h4.title
{
	font-size: 1.5em;
	background: #333;
}

div.flex-element-container div.h4.title a, div.flex-element-container div.h4.title.nohref
{
	color: #FFF;
	margin: 0;
	padding: 5px;
	display: block;
	text-decoration: none;
}

div.flex-element-container div.content
{
	font-size: 1em;
	min-height: 50px;
	padding: 5px;
}

div.flex-element-container div.content.middle
{
	height: 50px;
	display: table-cell;
	vertical-align: middle;
}

div.backbutton
{
	flex: 0 0 100%;
}

div.backbutton a
{
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	margin: 5px 5px 0;
	padding: 5px;
	display: block;
	text-decoration: none;
	background: #CCF;
}

div.flex-element-container div.backbutton a
{
	margin: 0;
}



ul.items, ul.items li, ul.items li a
{
	font-size: 1.1em;
}

ul.nomargins, ul.quickaccess
{
	margin: 0;
}

ul.quickaccess
{
	font-size: 1.1em;
}

ul.quickaccess li a
{
	display: inline-block;
	margin: 5px 0 3px;
}

div.menu-container ul, div.menu-container li
{
	text-align: left;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu-container li a
{
	font-size: 1.1em;
	font-weight: bold;
	display: inline-block;
	white-space: nowrap;
	margin: 0;
	padding: 10px 14px;
	border-left: #F73 1px solid;
	border-left: #8D0 1px solid;
}

.menu-container li:first-child a
{
	border-left: none;
}

.menu-container li a, .menu-container li a:link, .menu-container li a:visited, .menu-container li a:hover
{
	color: #FFF;
	background-color: #FF944D;
	background-color: #9E4;
}

.menu-container li.active li a, .menu-container li li.active li a, .menu-container li li li.active li a
{
	color: #FFF;
	background-color: #FF944D;
	background-color: #9E4;
}

.menu-container li a:hover
{
	color: #FFF;
	background-color: #FF7519;
	background-color: #8E3;
}

.menu-container li.active a, .menu-container li li.active a, .menu-container li li li.active a, .menu-container li li li li.active a
{
	color: #FFF;
	background-color: #FF5519;
	background-color: #7D2;
}

.menu-container ul ul
{
	display: none;
	position: absolute;
	z-index: 5000;
	border: #6C0 1px solid;
	border-color: #6C0 #6C0 #6C0 #6C0;
	border-bottom: none;
}

.menu-container ul ul li
{
	float: none;
	display: block;
	position: relative;
}

.menu-container ul ul li a
{
	display: block;
	border: none;
	border-bottom: #6C0 1px solid;
}

.menu-container ul li:hover > ul
{
	display: block;
}

.menu-container ul ul ul
{
	display: none;
	position: absolute;
	left: 100%;
	top: -1px;
	z-index: 5000;
}



a, a:visited, a:hover { text-decoration: none; }

.msgBox
{
	margin: 5px 0px 10px;
	padding: 12px;
	padding-left: 45px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	font-weight: bold;
	text-align: left;
}

.msgBox.success
{
	color: #063;
	background: #6F9 url('../../../includes/images/message-tick.png') no-repeat scroll 6px 50%;
	border: #009900 1px solid;
}

.msgBox.info
{
	color: #40F;
	background: #9BF url('../../../includes/images/message-info.png') no-repeat scroll 6px 50%;
	border: #00F 1px solid;
}

.msgBox.notice
{
	color: #630;
	background: #FC9 url('../../../includes/images/message-notice.png') no-repeat scroll 6px 50%;
	border: #960 1px solid;
}

.msgBox.warning
{
	color: #904;
	background: #F99 url('../../../includes/images/message-warning.png') no-repeat scroll 6px 50%;
	border: #900 1px solid;
}

.msgBox.error
{
	color: #C04;
	color: #904;
	background: #F99 url('../../../includes/images/message-error.png') no-repeat scroll 6px 50%;
	border: #600 1px solid;
}

.msgBox.general
{
	color: #630;
	background: #FDC url('../../../includes/images/message-general.png') no-repeat scroll 6px 50%;
	border: #A96 1px solid;
}


div.window
{
	color: #FFF;
	display: block;
	text-align: auto;
	margin: 0px 0px 10px;
	padding: 0px 15px 10px;
	background-color: #CCAA77;
	background-color: #EFE;
	border: solid 1px #9D9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.window h3
{
	color: #03C;
	margin: 0px -15px 10px;
	padding: 5px 12px;
	background-color: #CCF;
	border-bottom: 1px solid #9D9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.window h3.exp, div.window h4.exp
{
	
	background: none;
	margin: 10px 0 2px;
	padding: 0;
	border-bottom: none;
}

div.window h4
{
	color: #FFF;
	margin: 15px 0px 10px;
	padding: 5px 12px;
	background-color: #EF4A00;
	background-color: #D40;
	background-color: #4A0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.slimwindow
{
	color: #FFF;
	display: block;
	text-align: auto;
	margin: 0px 0px 2px;
	padding: 0px 5px 2px;
	background-color: #CCAA77;
	background-color: #FEE;
	border: solid 1px #9D9;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

div.slimwindow h3
{
	color: #FFF;
	margin: 0px -5px 2px;
	padding: 2px 4px;
	background-color: #EF4A00;
	background-color: #4D0;
	border-bottom: 1px solid #9D9;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

div.slimwindow h3.exp, div.slimwindow h4.exp
{
	
	background: none;
	margin: 10px 0 2px;
	padding: 0;
	border-bottom: none;
}

div.slimwindow h4
{
	color: #FFF;
	margin: 5px 0px 2px;
	padding: 2px 4px;
	background-color: #EF4A00;
	background-color: #4C0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


fieldset.box, fieldset.showhide
{
	border: #6C3 1px solid;
	margin: 5px 0 10px;
	padding: 3px 8px 9px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

fieldset.box legend, fieldset.showhide legend
{
	padding: 2px 19px 2px 10px;
	border: #6C3 1px solid;
	font-size: 90%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

fieldset.showhide legend
{
	cursor: pointer;
	background: url('../../../includes/images/minus.png') no-repeat right center;
}

fieldset.showhide legend.show
{
	background: url('../../../includes/images/plus.png') no-repeat right center;
}

fieldset.showhide legend.noHide
{
	padding-right: 10px;
	cursor: default;
	background: none;
}

fieldset.box .content, fieldset.showhide .content
{
	padding: 7px 0 0 0;
}

table.grid
{
	width: 100%;
	border-collapse: collapse;
}

table.grid.medium, table.grid.mediumfont, .mediumfont
{
	font-size: 12px;
}

table.grid.round, table.grid.round-top, table.grid.round-bottom, table.grid.round-left, table.grid.round-right
{
	border-collapse: separate;
	border-spacing: 1px;
}

.ie table.grid.round, .ie table.grid.round-top, .ie table.grid.round-bottom, .ie table.grid.round-left, .ie table.grid.round-right
{
	border-collapse: collapse;
}

table.grid.auto
{
	width: auto;
}

table.grid.small, table.grid.smallfont, .smallfont
{
	font-size: 10px;
}

table.grid th, table.grid td
{
	text-align: left;
	border: #9C6 1px solid;
	padding: 3px 5px;
}

table.grid.noborder th, table.grid.noborder td,
table.grid tr.noborder th, table.grid tr.noborder td,
table.grid th.noborder, table.grid td.noborder
{
	border: none;
}

table.grid.nopadding th, table.grid.nopadding td,
table.grid tr.nopadding th, table.grid tr.nopadding td,
table.grid th.nopadding, table.grid td.nopadding
{
	padding: 0;
}


table.grid th
{
	background: #96F066;
}

table.grid th.left, table.grid td.left
{
	text-align: left;
}

table.grid th.right, table.grid td.right
{
	text-align: right;
}

table.grid th.c, table.grid td.c, table.grid th.center, table.grid td.center
{
	text-align: center;
}

table.grid th.b, table.grid td.b, table.grid th.bold, table.grid td.bold
{
	font-weight: bold;
}

table.grid.autostrong tr td:first-child
{
	font-weight: bold;
}

table.grid a
{
	font-weight: bold;
}

.round-top,
table.grid.round tr:first-child th:first-child, table.grid.round tr:first-child td:first-child,
table.grid.round-top tr:first-child th:first-child, table.grid.round-top tr:first-child td:first-child
{
	-webkit-border-radius: 5px 0 0;
	-moz-border-radius: 5px 0 0;
	border-radius: 5px 0 0;
}

.round-right,
table.grid.round tr:first-child th:last-child, table.grid.round tr:first-child td:last-child,
table.grid.round-right tr:first-child th:last-child, table.grid.round-right tr:first-child td:last-child
{
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
}

.round-bottom,
table.grid.round tr:last-child th:last-child, table.grid.round tr:last-child td:last-child,
table.grid.round-bottom tr:last-child th:last-child, table.grid.round-bottom tr:last-child td:last-child
{
	-webkit-border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;
}

.round-left,
table.grid.round tr:last-child th:first-child, table.grid.round tr:last-child td:first-child,
table.grid.round-left tr:last-child th:first-child, table.grid.round-left tr:last-child td:first-child
{
	-webkit-border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}

table.grid.noround tr:first-child th:first-child, table.grid.noround tr:first-child td:first-child,
table.grid.noround tr:first-child th:last-child, table.grid.noround tr:first-child td:last-child,
table.grid.noround tr:last-child th:first-child, table.grid.noround tr:last-child td:first-child,
table.grid.noround tr:last-child th:last-child, table.grid.noround tr:last-child td:last-child
{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.round
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

a.button {  }

.button
{
	cursor: pointer;
	margin: 5px 0;
	padding: 5px 10px;
	border: #690 1px solid;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	background-color: #FFF;
}

.button:hover
{
	text-decoration: none;
	background-color: #BFB;
}

.button.input
{
	min-width: 160px;
	*width: 160px;
}



.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.floatleft { float: left; }
.floatright { float: right; }
.block { display: block; }
.inline { display: inline; }
.bold, .strong { font-weight: bold }
.em, .italic { font-style: italic; }

.pointer { cursor: pointer; }

.wrap { white-space: normal; word-wrap: break-word; word-break: break-all; }
.nowrap { white-space: nowrap; }



@-moz-document url-prefix()
{
	#topMenu { height: 36px; }
	#footerMenu { height: 36px; }
}

.simpletabelement
{
	background: #FFF;
	padding: 20px;
	border: solid 1px #D99 !important;
	border-top: none !important;
	-webkit-border-radius-bottom-left: 5px;
	-webkit-border-radius-bottom-right: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}



.paginationCounter
{
	display: block;
	margin: 2px 0 3px;
}

div.pagination
{
	margin: 20px 0 15px;
	margin: 8px 0 12px;
	text-align: center;
}

div.pagination span.pagenav a
{
	font-weight: bold;
	padding: 2px 6px;
	margin: 0 2px;
	border: #8B6 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.pagination span.pagenav a:hover, div.pagination span.pagenav a.active:hover
{
	text-decoration: none;
	background: #CF9;
}

div.pagination span.pagenav a.active
{
	background: #9F6;
}

div.pagination span.pagenav a.inactive
{
	color: #999;
}

ol.vInputForm { padding: 0px; margin: 0px; }
ol.vInputForm li { list-style: none; padding: 2px 0 8px; }
ol.vInputForm li label { display: block; padding: 2px 0; font-weight: bold; }
ol.vInputForm li input { width: 200px; }
ol.vInputForm li span { display: auto; }

ol.vInputForm li.exp label { float: none; display: inline; font-weight: normal; }
ol.vInputForm li.exp input { width: auto; }
ol.vInputForm li.exp span { display: auto; }

ol.hInputForm { padding: 0px; margin: 0px; }
ol.hInputForm li { list-style: none; padding: 2px 0; }
ol.hInputForm li label { float: left; display: block; min-width: 100px; min-width: 180px; _width: 180px; font-weight: bold; }
ol.hInputForm li label.nofloat { float: none; display: inline-block; }
ol.hInputForm li input, ol.hInputForm li textarea { width: 430px; width: 320px; }
ol.hInputForm li select { width: 430px; width: 320px; }
ol.hInputForm li input.exp, ol.hInputForm li textarea.exp { width: auto; }
ol.hInputForm li span.whyisthisnecessary { display: none; }
ol.hInputForm li button span { display: auto; }

ol.hInputForm.small li label { min-width: 120px; _width: 120px; }
ol.hInputForm.small li input, ol.hInputForm.small li textarea { width: 380px; }
ol.hInputForm.small li select { width: 220px; }
ol.hInputForm.small li div.exp { margin-left: 120px; padding: 0 0 5px 0; }
ol.hInputForm.verysmall li label { min-width: 80px; _width: 80px; }
ol.hInputForm.ultrasmall li label { min-width: 60px; _width: 60px; }
ol.hInputForm.veryultrasmall li label { min-width: 40px; _width: 40px; }
ol.hInputForm.large li label { min-width: 140px; _width: 160px; }
ol.hInputForm.verylarge li label { min-width: 160px; _width: 160px; }
ol.hInputForm.ultralarge li label { min-width: 180px; _width: 160px; }
ol.hInputForm.veryultralarge li label { min-width: 200px; _width: 160px; }

ol.hInputForm li.exp label, ol.hInputForm li label.exp { float: none; display: inline; font-weight: normal; }
ol.hInputForm li.exp input, ol.hInputForm li input.exp { width: auto; margin-left: 0px; }
ol.hInputForm li.exp textarea, ol.hInputForm li textarea.exp { width: auto; margin-left: 0px; }
ol.hInputForm li.exp select, ol.hInputForm li select.exp { width: auto; margin-left: 0px; }
ol.hInputForm li.exp span, ol.hInputForm li span.exp { display: inline; }
ol.hInputForm li div.exp { margin-left: 150px; padding: 0 0 5px 0; }

ol.hInputForm li.exp label.bold, ol.hInputForm li label.exp.bold,
ol.hInputForm li.exp input.bold, ol.hInputForm li input.exp.bold { font-weight: bold; }

ol.gInputForm { padding: 0px; margin: 0px; }
ol.gInputForm li { list-style: none; float: left; padding: 2px 0 8px; margin-right: 8px; }
ol.gInputForm li label { float: none; padding: 2px 0; font-weight: bold; }
ol.gInputForm li input { width: 120px; }
ol.gInputForm li select { width: 126px; }
ol.gInputForm li input.large { width: 160px; }
ol.gInputForm li select.large { width: 166px; }
ol.gInputForm li span { display: auto; }

ol.gInputForm li.exp label { float: none; display: inline; font-weight: normal; }
ol.gInputForm li.exp input {  }
ol.gInputForm li.exp span { display: auto; }

.gInputForm input, .gInputForm select, .gInputForm input.button, .gInputForm .ui-multiselect { margin: 4px 2px; }

.gInputForm input { width: 125px; }
.gInputForm input.exp { width: auto; }
.gInputForm select { width: 131px; }
.gInputForm input.button { width: 131px; }
.gInputForm input.button.exp { width: auto; padding-left: 10px; padding-right: 10px; }
.gInputForm input.large { width: 180px; }
.gInputForm select.large { width: 186px; }
.gInputForm input.button.large { width: 181px; }

ul.htab
{
	margin: 0 0 10px;
	padding: 0px;
	text-align: center;
	font-size: 11px;
	list-style: none;
}

ul.htab li
{
	display: inline;
}

ul.htab li a
{
	color: #300;
	margin: 0px;
	padding: 5px 15px;
	margin: 2px;
	border: #D99 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

ul.htab li.active a
{
	background: #FCC;
	background: #DD4400;
	background: #BEB;
}

ul.htab li a:hover
{
	text-decoration: none;
	color: #900;
	background: #DFC;
}

ul.filter li a
{
	display: inline-block;
}

tr.row0 td { background-color: #F5E5F5; }
tr.row1 td { background-color: #FFE5E5; }

.debug
{
	font-size: 14px;
	font-family: lucida console;
	text-align: left;
	border: #633 1px solid;
	padding: 5px 20px;
	background: #C3C3B3;
}
.debug .query
{
	color: #444;
	font-style: italic;
}
.debugelement
{
	padding: 10px 0;
}

.debugelement.border
{
	margin: 6px -6px;
	border: #A66 1px solid;
	padding: 4px 4px;
}

div.scroll
{
	overflow: scroll;
}

div.scroll-x
{
	overflow-x: scroll;
}

div.scroll-y
{
	overflow-y: scroll;
}

.ie select.ie-expand:focus, .ie ol.gInputForm li select.ie-expand:focus, .ie .gInputForm select.ie-expand:focus
{
	width: auto;
}

.ie .ie-expand-select-container
{
	display: block;
	overflow: hidden;
	width: 150px;
}

.ie-expand-select
{
	width: 150px;
}

.ie select.ie-expand-select
{
	width: 148px;
	float: left;
}

.ie select.ie-expand-select:focus
{
	width: auto;
}

.ui-widget
{
	font-family: auto !important;
}

select.center
{
	text-align-last: center;
}


.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}



body
{
	font-size: 20px;
	color: #CCC;
	background: #000;
	font-family: Poppins, Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 2px;
	overflow-anchor: none;
}

.helvetica
{
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
}

.text-upright
{
	writing-mode: vertical-lr;
	text-orientation: upright;
}

body.smallview .uprightonsmall, body.smallview .uprighton1600, body.smallview .uprighton1400, body.smallview .uprighton1200,
body.smallview1200 .uprighton1600, body.smallview1600 .uprighton1400, body.smallview1600 .uprighton1200,
body.smallview1400 .uprighton1600, body.smallview1600 .uprighton1400,
body.smallview1600 .uprighton1600
{
	writing-mode: vertical-lr;
	text-orientation: upright;
}


body.smallview .hideonsmall, body.smallview .hideon1600, body.smallview .hideon1400, body.smallview .hideon1200,
body.smallview1200 .hideon1600, body.smallview1600 .hideon1400, body.smallview1600 .hideon1200,
body.smallview1400 .hideon1600, body.smallview1600 .hideon1400,
body.smallview1600 .hideon1600
{
	display: none !important;
}

h1, h2, h3, h4, h5, h6
{
}

div, span, form
{
	margin: 0px;
	padding: 0px;
}

form:not(.exp) input, form:not(.exp) select
{
	font-size: 1em;
}

img
{
	border: 0;
}

a, a:visited, a:link
{
	color: #CDCDCD;
	cursor: pointer;
	text-decoration: none;
}

#parentContainer
{
	position: relative;
	min-height: calc(100vh - 5px);
}

#mainContainer.login
{
	min-height: 660px;
}

a:hover
{
	text-decoration: underline;
}

.multiSelectContainer label
{
	color: #000;
}


@media screen and (max-width: 1080px)
{
	div.page-title span.small .userinfo.cancelled { display: none; }

	table.grid.responsive { font-size: 12px !important; }

	.menu-container nav { display: none; }

	.menu-container .openmenu div { width: 35px; height: 5px; background-color: #FFF; margin: 6px 12px; }

	div.menu-container ul, div.menu-container li { display: block !important; }

	.menu-container li a { display: block !important; }

	.menu-container ul ul li a, .menu-container ul li a { border-bottom: #6C0 1px solid; }

	.menu-container ul ul { border: none !important; }

	.menu-container ul ul li a
	{
		padding-left: 50px;
		display: block !important;
	}

	.menu-container ul ul 
	{
		display: block !important;
		position: static !important;
	}

	.menu-container ul li
	{
		float: none !important;
		display: block !important;
		position: static !important;
	}

	.menu-container ul ul li
	{
		float: none !important;
		display: block !important;
		position: static !important;
	}

	.flex-element .h4.title
	{
		font-size: .9em !important;
	}

	/*.window { min-width: 600px; }*/
}


div.h3.title
{
	font-size: 2em;
	font-weight: bold;
	margin: 0;
	padding: 20px 10px;
	vertical-align: middle;
	background: #ed302c;
}

div.h4.title
{
	font-size: 2em;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
	align-self: stretch;
	background: #ECC;
}

div.h3.title span.small
{
	text-align: right;
	float: right;
	font-size: 0.5em;
	bottom: 0;
}

body > div
{
}

div.page-title
{
	font-family: Helvetica;
	font-weight: normal;
	/*position: relative;*/
	background: #333;
	position: sticky;
	top: 0;
	z-index: 200;
	height: 70px;
	transition: height 0.5s;
}

div.page-title.shrink
{
	height: 40px;
	transition: height 0.5s;
}

div.page-title div.title
{
	display: inline-block;
	font-size: 2em;
	margin: 0;
}

div.page-title div.title img
{
	height: 50px;
	margin-top: 10px;
	margin-left: 10px;
	transition: height 0.5s;
}

div.page-title.shrink div.title img
{
	height: 30px;
	margin-top: 0px;
	transition: height 0.5s;
}


div.page-title span.small
{
	position: relative;
	display: inline-block;
	text-align: right;
	float: right;
	font-size: 0.8em;
	margin: 1em 10px 10px;
	transition: margin 0.5s;
}

div.page-title.shrink span.small
{
	margin: 0em 10px 10px;
	transition: margin 0.5s;
}

div.page-title span.small .usericon
{
	float: right;
	margin: 0px 10px 0 10px;
	vertical-align: middle;
}

div.page-title span.small .usericon img
{
	transition: height 0.5s, margin 0.5s;
	margin-top: 0px;
	height: 40px;
}

div.page-title.shrink span.small .usericon img
{
	transition: height 0.5s, margin 0.5s;
	margin-top: 4px;
	height: 30px;
}

div.page-title span.small .userinfo
{
	cursor: pointer;
	float: right;
	margin-top: 10px;
}

div.page-title span.small .userinfo::after
{
	font-family: 'FontAwesome';
	content: "\f107";
	border: none !important;
	position: relative;
	top: 2px;
	right: 0px;
	padding: 0 2px 0 6px;
	margin: 0 0.3em 0 0;
}

div.page-title span.small .theme
{
	display: inline-block;
	color: #666;
	cursor: pointer;
	float: right;
	margin: 8px 8px 0 0px;
	font-size: 20px;
}

div.page-title span.small .theme:hover
{
	color: #999;
}

div.page-title span.small .theme-settings, div.page-title span.small .usermenu-dropdown
{
	position: absolute;
	text-align: left;
	background: #444;
	border: #555 1px solid;
	padding: 5px 10px;
	right: 5px; top: 45px;
	border-radius: 0 0 5px 5px;
	box-shadow: 2px 3px 4px #666;
	z-index: 1000;
}

div.page-title span.small .usermenu-dropdown
{
	padding: 0;
}

div.page-title span.small .usermenu-dropdown hr
{
	border: 0;
	border-top: 1px solid #666;
}

div.page-title span.small .usermenu-dropdown a
{
	display: block;
	padding: 10px 20px;
}

div.page-title span.small .usermenu-dropdown a:hover
{
	background: #666;
	text-decoration: none;
}

div.page-title span.small .usermenu-dropdown a i
{
	margin-right: 7px;
}

div.page-title span.small .usermenu-dropdown fieldset.box
{
	border-color: #666;
	padding: 0;
	margin-top: 0;
}

div.page-title span.small .usermenu-dropdown fieldset.box legend
{
	border: none;
	padding: 0px 5px;
}

div.page-title span.small .theme-settings h3
{
	background: #333;
	white-space: nowrap;
	margin: -5px -10px 5px;
	padding: 10px 15px;
}

div.page-title span.small .theme-settings label
{
	display: block;
	margin: 10px;
}



div.menu-container
{
	margin-top: 20px;
	display: block;
	z-index: 4000;
	background: #d32;
	background: #E09040;
	background: none;
}

div.main-container
{
	font-size: 0.8em;
	/*padding: 15px 10px;*/
	background: #FF7B1D;
	background: #000;
}

div.flexMain
{
	background: #151515;
	width: 100%;
	display: table;
	/**/
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;

	/**/
}

div.flexMain div.flexItem
{
	/**/
	/*
	display: table-cell;
	/**/
	flex: 1;
}

div.flexMain div.rightItem
{
	padding: 0 20px;
}

div.left-menu-container
{
	vertical-align: top;
	background: #111;
	width: 250px;
	max-width: 250px;
	min-height: calc(100vh - 150px); /**/
	padding-bottom: 20px;
	margin-bottom: 50px;
	transition: max-width 0.2s linear;
}

div.left-menu-container.closed
{
	width: 52px;
	max-width: 53px;
	transition: max-width 0.2s linear;
}

div.left-menu-container a.openclose
{
	padding: 10px 0 5px 18px;
	display: block;
	font-size: 1.5em;
	line-height: 35px;
	transition: font-size 0.2s linear;
	animation-name: opencloseblur;
	animation-duration: .2s;
}

div.left-menu-container a.openclose:hover
{
	animation-name: openclosehover;
	animation-duration: .2s;
}


@keyframes openclosehover
{
  0%   { font-size: 1.5em; }
  50%  { font-size: 1.0em; }
  100% { font-size: 1.5em; }
}

@keyframes opencloseblur
{
  0%   { font-size: 1.5em; }
  50%  { font-size: 1.0em; }
  100% { font-size: 1.5em; }
}

div.left-menu-container.closed ul li a span.text
{
	display: none;
}

div.rightItem
{

}

div.left-menu-container div.left-menu-content
{

}
/* 
div.footer-container
{
	clear: both;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background: #222;
	min-height: 70px;
	height: 70px;
	position: absolute;
	bottom: 0;
	width: 100%;
}

div.footer-container span.copyright
{
	color: #999;
	position: absolute;
	left: 20px;
	top: 25px;
}

div.footer-container span.credit
{
	color: #999;
	position: absolute;
	right: 20px;
	top: 25px;
}

div.footer-container span.credit a
{
	color: #AAA;
}

div.footer-container span.credit a:hover
{
	text-decoration: underline;
}
 */

.menu-shadow
{
    box-shadow: 1px 0px 20px rgba(128, 128, 128, 0.1);
}

ul.navigation, ul.navigation ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: 300;
	padding-bottom: 20px;
}

ul.navigation a { outline: none; }
ul.navigation a:hover, ul.navigation a:focus, a.openclose:hover 
{
	text-decoration: none;
}

ul.navigation > li > a:hover i
{
	animation-name: menuitemhover;
	animation-duration: 1s;
	transition: transform .6s;
}

@keyframes menuitemhover
{
  0%   { transform: rotate(0); }
  50% { transform: rotate(420deg); }
  100% { transform: rotate(360deg); }
}


ul.navigation li
{
	position: relative;
	white-space: nowrap;
	z-index: 100;
}

ul.navigation > li.open
{
	border-left: 4px solid #00B5B8;
}

ul.navigation > li.open > a
{
	color: #00B5B8;
	background: #222;
}

div.left-menu-container.closed ul.navigation > li.parent::after
{
	display: none;
	border: none;
}

div.left-menu-container.closed ul.navigation > li:not(.open) > ul
{
	transition: none;
}

div.left-menu-container.closed ul.navigation > li.open > ul
{
	left: 100%;
	top: 0;
	position: absolute;
	z-index: 300;
	border: #333 1px solid;
}

div.left-menu-container.closed ul.navigation > li ul li > a
{
	padding: 6px 15px;
}

div.left-menu-container.closed ul.navigation > li > a i
{
	margin-right: 0px;
}


ul.navigation li a
{
	display: block;
	/* white-space: nowrap; */
	text-overflow: ellipsis;
	overflow: hidden;
	border-left: 4px solid transparent;
}


ul.navigation li a { color: #FFF; }

ul.navigation > li
{
	padding: 0;
	border-left: 4px solid transparent;
}

ul.navigation > li > a
{
	padding: 10px;
}

ul.navigation > li > a i
{
	position: relative;
	top: 0px;
	min-width: 18px;
	text-align: center;
	margin-right: 10px;
	padding: 5px 0;
	transition: transform .6s;
}

ul.navigation > li.parent::after
{
    content: '';
    position: absolute;
    right: 15px;
    top: 20px;
    width: 0;
    height: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid #e8e8e8;
    clear: both;
	transition: border 0.3s linear;
}

ul.navigation > li.parent.open::after
{
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #e8e8e8;
	transition: border 0.3s linear;
}


ul.navigation > li:not(.open) > ul
{
	visibility: hidden;
	opacity: 0;
	transition: visibility .3s, opacity .3s linear, max-height .4s;
	max-height: 0;
}

ul.navigation > li.open > ul
{
	transition: visibility .3s, opacity .3s linear, max-height .4s;
	visibility: visible;
	opacity: 1;
	max-height: 1024px;
}

ul.navigation > li.active > a 
{
	color: #FFF;
	background-color: #333;
}

ul.navigation > li:hover > a, ul.navigation li a:hover
{
	background-color: #444;
}

ul.navigation > li.active > a
{
	color: #00B5B8;
	font-weight: 400;
}

ul.navigation > li .active
{
	background: #f0f0f0;
}

ul.navigation > li .active > a
{
	color: #00B5B8;
	font-weight: 500;
}

ul.navigation > li ul
{
	padding: 0;
	margin: 0;
}

ul.navigation > li ul li
{
	color: #404E67;
	background: transparent;
}

ul.navigation > li ul li > a
{
	padding: 6px 10px 6px 50px;
}


ul.navigation > li ul .open > a
{
	color: #FFF;
}

ul.navigation > li ul .open > ul
{

	display: block;
}

ul.navigation > li ul .open > ul li > a
{
	padding: 6px 10px 6px 60px;
}

ul.navigation > li ul .open > ul .open > ul
{
	display: block;
}

ul.navigation > li ul .open > ul .open > ul li > a
{
	padding: 6px 10px 6px 70px;
}

ul.navigation > li ul:hover > a
{
	color: #FCC;
	background-color: #DDD;
}

ul.navigation > li ul .active
{
	background: transparent;
}

ul.navigation > li ul .active > a
{
	color: #00B5B8;
	font-weight: 500;
}

ul.navigation > li > ul
{
	background: #222;
}


.flexContainer
{
	text-align: center;
}

.flexContainer > div:not(.flex-home)
{
	text-align: left;
}

.flex-home
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	margin: 0;
}

.flex-home > div {
  color: white;
  width: 100px;
  text-align: center;
  border: #333 1px solid;
}

.flex-container
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.flex-container .flex-element
{
	min-width: 30%;
	max-width: 90%;
	margin: 5px 5px;
    flex: 1;
	flex-basis: 300px;
	flex-grow: 1;
	margin: 10px 10px;
	padding: 0;
	background: #DFF;
	background: #FFF;
	background: #222;
	border: #C96 1px solid;
	border: #666 1px solid;
}

.flex-container .flex-element-single
{
	min-width: 70%;
	max-width: 100%;
}

.flex-element h3, .flex-element .h4.title
{
	font-size: 1.2em;
	background: #CCF;
	background: #FFF;
	background: #000;
}

.flex-element label
{
	white-space: nowrap;
	font-weight: bold;
}

div.backbutton
{
	flex: 0 0 100%;
}

div.backbutton a
{
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	margin: 5px 5px 0;
	padding: 5px;
	display: block;
	text-decoration: none;
	background: #CCF;
}

div.flex-element-container div.backbutton a
{
	margin: 0;
}



ul.items, ul.items li, ul.items li a
{
	font-size: 1.1em;
}

ul.nomargins, ul.quickaccess
{
	margin: 0;
}

ul.quickaccess
{
	font-size: 1.1em;
}

ul.quickaccess li a
{
	display: inline-block;
	margin: 5px 0 3px;
}

div.menu-container ul, div.menu-container li
{
	text-align: left;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}

thead.sticky
{
	position: sticky;
	top: 40px;
}

table.sticky
{
	border-collapse: separate !important;
	border-spacing: 0;
}

table.sticky thead
{
	position: sticky;
	top: 40px;
}

.menu-container li a
{
	font-size: 1.0em;
	font-weight: bold;
	display: inline-block;
	white-space: nowrap;
	margin: 0;
	padding: 10px 14px;
	border-left: #888 1px solid;
	border-left: none;
}

.menu-container li a:hover
{
	text-decoration: none;
}

.menu-container li:first-child a
{
	border-left: none;
}

.menu-container li a, .menu-container li a:link, .menu-container li a:visited
{
	background-color: #000;
}

.menu-container li.active li a, .menu-container li li.active li a, .menu-container li li li.active li a
{
	color: #FFF;
	background-color: #000;
	/*border-radius: 3px;*/
}

.menu-container li li a
{
	font-size: .9em;
}

.menu-container li a:hover, .menu-container li.active a:hover, .menu-container li.active li a:hover
{
	color: #FFF;
	background-color: #888;
	/*border-radius: 3px;*/
}

.menu-container li.active a
{
	border-radius: 3px;
}

.menu-container li.active a, .menu-container li li.active a, .menu-container li li li.active a, .menu-container li li li li.active a
{
	color: #FFF;
	background-color: #999;
	/*border-radius: 3px;*/
}

.menu-container li li.active a, .menu-container li li li.active a, .menu-container li li li li.active a,
.menu-container li.active li a, .menu-container li.active li li a, .menu-container li li li li.active a,
.menu-container li.active li.active a, .menu-container li.active li.active li.active a, .menu-container li.active li.active li.active li.active a
{
	border-radius: 0;
}

.menu-container ul ul
{
	display: none;
	position: absolute;
	z-index: 5000;
	border: #6C0 1px solid;
	border-color: #C60 #C60 #C60 #C60;
	border-color: #666 #666 #666 #666;
	/*border-bottom: none;*/
	/*border-radius: 3px;*/
}



.menu-container ul ul li
{
	float: none;
	display: block;
	position: relative;
}

.menu-container ul ul li a
{
	display: block;
	border: none;
	border-bottom: #C70 1px solid;
	border-bottom: #666 1px solid;
}

.menu-container ul li:hover > ul
{
	display: block;
}

.menu-container ul ul ul
{
	display: none;
	position: absolute;
	left: 100%;
	top: -1px;
	z-index: 5000;
}


.window .msgBox
{
	margin-bottom: 20px;
}

.window .msgBox.success, .window .msgBox.success a
{
	color: #6C9;
}

.window .msgBox.info, .window .msgBox.info a
{
	color: #69F;
}

.window .msgBox.notice, .window .msgBox.notice a
{
	color: #C96;
}

.window .msgBox.warning, .window .msgBox.warning a
{
	color: #C00;
}

.window .msgBox.error, .window .msgBox.error a
{
	color: #C00;
}


.window .msgBox.success
{
	background: #010 url('../../../includes/images/message-tick.png') no-repeat scroll 6px 50%;
	border: #232 1px solid;
}

.window .msgBox.info
{
	background: #001 url('../../../includes/images/message-info.png') no-repeat scroll 6px 50%;
	border: #223 1px solid;
}

.window .msgBox.notice
{
	color: #C96;
	background: #110A04 url('../../../includes/images/message-notice.png') no-repeat scroll 6px 50%;
	border: #322 1px solid;
}

.window .msgBox.warning
{
	color: #C00;
	background: #100 url('../../../includes/images/message-warning.png') no-repeat scroll 6px 50%;
	border: #522 1px solid;
}

.window .msgBox.error
{
	color: #C00;
	background: #100 url('../../../includes/images/message-error.png') no-repeat scroll 6px 50%;
	border: #522 1px solid;
}

.window .msgBox.general
{
	color: #CA9;
	background: #060000 url('../../../includes/images/message-general.png') no-repeat scroll 6px 50%;
	border: #543 1px solid;
}

.msgBox
{
	margin: 5px 0px 10px;
	padding: 12px;
	padding-left: 45px;

	border-radius: 5px;
	overflow: hidden;
	font-weight: bold;
	text-align: left;
}

.msgBox.success
{
	color: #063;
	background: #6F9 url('../../../includes/images/message-tick.png') no-repeat scroll 6px 50%;
	border: #090 1px solid;
}

.msgBox.info
{
	color: #40F;
	background: #9BF url('../../../includes/images/message-info.png') no-repeat scroll 6px 50%;
	border: #00F 1px solid;
}

.msgBox.notice
{
	color: #630;
	background: #FC9 url('../../../includes/images/message-notice.png') no-repeat scroll 6px 50%;
	border: #960 1px solid;
}

.msgBox.warning
{
	color: #904;
	background: #F99 url('../../../includes/images/message-warning.png') no-repeat scroll 6px 50%;
	border: #900 1px solid;
}

.msgBox.error
{
	color: #C04;
	color: #904;
	background: #F99 url('../../../includes/images/message-error.png') no-repeat scroll 6px 50%;
	border: #600 1px solid;
}

.msgBox.general
{
	color: #630;
	background: #FDC url('../../../includes/images/message-general.png') no-repeat scroll 6px 50%;
	border: #A96 1px solid;
}

.msgBox.grey
{
	color: #FFF;
	background: #333 url('../../../includes/images/message-grey.png') no-repeat scroll 6px 50%;
	border: #444 1px solid;
}



div.window
{
	text-align: auto;
	margin: 20px 0px 100px;
	padding: 20px 20px 20px;
	background-color: #CCAA77;
	background-color: #EFE;
	background-color: #FFF;
	background-color: #111;
	border: solid 1px #A99;
	border: solid 1px #333;
	border-radius: 5px;
	border-radius: 0px;
}

div.window div.window
{
	margin-bottom: 20px;
}

div.window div.window.last
{
	margin-bottom: 0;
}

div.window.round
{
	border-radius: 10px;
}

div.window h3
{
	color: #03C;
	color: #000;
	color: #F33;
	color: #FFF;
	font-size: 1.5em;
	margin: -20px -20px 20px;
	padding: 12px 20px;
	background-color: #000;
	border-bottom: 1px solid #222;
}

div.window h3.exp, div.window h4.exp
{
	background: none;
	margin: 10px 0 2px;
	padding: 0;
	border-bottom: none;
}

div.window h4
{
	color: #FFF;
	margin: 15px 0px 10px;
	padding: 5px 12px;
	background-color: #EF4A00;
	background-color: #D40;
	background-color: #222;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.slimwindow
{
	color: #FFF;
	display: block;
	text-align: auto;
	font-size: 1em;
	font-weight: normal;
	margin: 0px 0px 2px;
	padding: 0px 5px 2px;
	background-color: #111;
	border: solid 1px #333;
}

div.slimwindow h3
{
	color: #FFF;
	font-size: 1.2em;
	margin: 0px -5px 2px;
	padding: 2px 5px 4px;
	background-color: #000;
	border-bottom: 1px solid #222;
}

div.slimwindow h3.exp, div.slimwindow h4.exp
{
	background: none;
	margin: 10px 0 2px;
	padding: 0;
	border-bottom: none;
}

div.slimwindow h4
{
	color: #FFF;
	margin: 5px 0px 2px;
	padding: 2px 4px;
	background-color: #EF4A00;
	background-color: #222;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


fieldset.box, fieldset.showhide
{
	border: #6C3 1px solid;
	border: #544 1px solid;
	border: #444 1px solid;
	margin: 5px 0 10px;
	padding: 3px 8px 9px 8px;
	border-radius: 5px;
}

fieldset.box legend, fieldset.showhide legend
{
	margin-left: 10px;
	padding: 2px 10px;
	border: #6C3 1px solid;
	border: #544 1px solid;
	border: #444 1px solid;
	font-size: 90%;
	border-radius: 5px;
}

fieldset.box legend.noborder
{
	padding: 2px 4px ;
	border: none;
}

fieldset.showhide legend
{
	cursor: pointer;
	/*background: url('../../../includes/images/minus.png') no-repeat right center;*/
}

fieldset.showhide legend:after
{
	content: '-';
	font-weight: bold;
	margin-left: 8px;
	font-size: 1.2em;
	line-height: 1em;
	width: 2em;
}

fieldset.showhide legend.show
{
	/*background: url('../../../includes/images/plus.png') no-repeat right center;*/
}

fieldset.showhide legend.show:after
{
	content: '+';

}


fieldset.showhide legend.noHide
{
	padding-right: 10px;
	cursor: default;
	background: none;
}

fieldset.box .content, fieldset.showhide .content
{
	padding: 7px 0 0 0;
}

table.grid
{
	width: 100%;
	border-collapse: collapse;
}

table.grid.medium, table.grid.mediumfont, .mediumfont
{
	font-size: 12px;
}

table.grid.round, table.grid.round-top, table.grid.round-bottom, table.grid.round-left, table.grid.round-right
{
	border-collapse: separate;
	border-spacing: 1px;
}

.ie table.grid.round, .ie table.grid.round-top, .ie table.grid.round-bottom, .ie table.grid.round-left, .ie table.grid.round-right
{
	border-collapse: collapse;
}

table.grid.auto
{
	width: auto;
}

table.grid.small, table.grid.smallfont, .smallfont
{
	font-size: 10px;
}

table.grid th, table.grid td
{
	text-align: left;
	border: #444 1px solid;
	padding: 3px 5px;
	padding: 5px 8px;
}

table.grid.noborder th, table.grid.noborder td,
table.grid tr.noborder th, table.grid tr.noborder td,
table.grid th.noborder, table.grid td.noborder
{
	border: none;
}

table.grid.nopadding th, table.grid.nopadding td,
table.grid tr.nopadding th, table.grid tr.nopadding td,
table.grid th.nopadding, table.grid td.nopadding
{
	padding: 0;
}


table.grid th
{
	background: #96F066;
	background: #F09666;
	background: #4B291E;
	background: #333;
}

table.grid th.left, table.grid td.left
{
	text-align: left;
}

table.grid th.right, table.grid td.right
{
	text-align: right;
}

table.grid th.c, table.grid td.c, table.grid th.center, table.grid td.center
{
	text-align: center;
}

table.grid th.b, table.grid td.b, table.grid th.bold, table.grid td.bold
{
	font-weight: bold;
}

table.grid.autostrong tr td:first-child
{
	font-weight: bold;
}

table.grid a
{
	/*font-weight: bold;*/
}

.round-top,
table.grid.round tr:first-child th:first-child, table.grid.round tr:first-child td:first-child,
table.grid.round-top tr:first-child th:first-child, table.grid.round-top tr:first-child td:first-child
{
	-webkit-border-radius: 5px 0 0;
	-moz-border-radius: 5px 0 0;
	border-radius: 5px 0 0;
}

.round-right,
table.grid.round tr:first-child th:last-child, table.grid.round tr:first-child td:last-child,
table.grid.round-right tr:first-child th:last-child, table.grid.round-right tr:first-child td:last-child
{
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
}

.round-bottom,
table.grid.round tr:last-child th:last-child, table.grid.round tr:last-child td:last-child,
table.grid.round-bottom tr:last-child th:last-child, table.grid.round-bottom tr:last-child td:last-child
{
	-webkit-border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;
}

.round-left,
table.grid.round tr:last-child th:first-child, table.grid.round tr:last-child td:first-child,
table.grid.round-left tr:last-child th:first-child, table.grid.round-left tr:last-child td:first-child
{
	-webkit-border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}

table.grid.noround tr:first-child th:first-child, table.grid.noround tr:first-child td:first-child,
table.grid.noround tr:first-child th:last-child, table.grid.noround tr:first-child td:last-child,
table.grid.noround tr:last-child th:first-child, table.grid.noround tr:last-child td:first-child,
table.grid.noround tr:last-child th:last-child, table.grid.noround tr:last-child td:last-child
{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.round
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

a.button { color: #FFF; }
a.button:hover { text-decoration: none; }

.button
{
	cursor: pointer;
	margin: 5px 5px;
	padding: 6px 12px;
	padding: 8px 15px;
	border: #666 1px solid;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	background-color: #333;
	font-family: Helvetica;
}

.button.slim
{
	font-size: .65em;
	padding: 0px 6px;
}

.button:hover
{
	text-decoration: none;
	background-color: #444;
	border-color: #999;
}

.button.input
{
	min-width: 160px;
	*width: 160px;
}



.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.floatleft { float: left; }
.floatright { float: right; }
.block { display: block; }
.inline { display: inline; }
.bold, .strong { font-weight: bold }
.em, .italic { font-style: italic; }

.pointer { cursor: pointer; }

.wrap { white-space: normal; word-wrap: break-word; word-break: break-all; }
.nowrap { white-space: nowrap; }



@-moz-document url-prefix()
{
	#topMenu { height: 36px; }
	#footerMenu { height: 36px; }
}

.simpletabelement
{
	background: #FFF;
	padding: 20px;
	border: solid 1px #D99 !important;
	border-top: none !important;
	-webkit-border-radius-bottom-left: 5px;
	-webkit-border-radius-bottom-right: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}



.paginationCounter
{
	display: block;
	margin: 2px 0 3px;
}

div.pagination
{
	margin: 20px 0 15px;
	margin: 8px 0 12px;
	text-align: center;
}

div.pagination span.pagenav a
{
	font-weight: bold;
	padding: 2px 6px;
	margin: 0 2px;
	border: #8B6 1px solid;
	border: #999 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.pagination span.pagenav a:hover, div.pagination span.pagenav a.active:hover
{
	text-decoration: none;
	background: #CF9;
	background: #333;
}

div.pagination span.pagenav a.active
{
	background: #9F6;
	background: #666;
}

div.pagination span.pagenav a.inactive
{
	color: #999;
}

div.pagination span.pagenav a.inactive:hover
{
	background: #000;
}

ol.vInputForm { padding: 0px; margin: 0px; }
ol.vInputForm li { list-style: none; padding: 2px 0 8px; }
ol.vInputForm li label { display: block; padding: 2px 0; font-weight: bold; }
ol.vInputForm li input { width: 200px; }
ol.vInputForm li span { display: auto; }

ol.vInputForm li.exp label { float: none; display: inline; font-weight: normal; }
ol.vInputForm li.exp input { width: auto; }
ol.vInputForm li.exp span { display: auto; }

ol.hInputForm { padding: 0px; margin: 0px; }
ol.hInputForm li { list-style: none; padding: 2px 0; }
ol.hInputForm li label { float: left; display: block; min-width: 100px; min-width: 200px; _width: 200px; }
ol.hInputForm li label.nofloat { float: none; display: inline-block; }
ol.hInputForm li input, ol.hInputForm li textarea { width: 430px; width: 320px; }
ol.hInputForm li select { width: 430px; width: 350px; }
ol.hInputForm li input.exp, ol.hInputForm li textarea.exp { width: auto; }
ol.hInputForm li span.whyisthisnecessary { display: none; }
ol.hInputForm li button span { display: auto; }

ol.hInputForm.small li label { min-width: 120px; _width: 120px; }
ol.hInputForm.small li input, ol.hInputForm.small li textarea { width: 380px; }
ol.hInputForm.small li select { width: 220px; }
ol.hInputForm.small li div.exp { margin-left: 120px; padding: 0 0 5px 0; }
ol.hInputForm.verysmall li label { min-width: 80px; _width: 80px; }
ol.hInputForm.ultrasmall li label { min-width: 60px; _width: 60px; }
ol.hInputForm.veryultrasmall li label { min-width: 40px; _width: 40px; }
ol.hInputForm.large li label { min-width: 140px; _width: 160px; }
ol.hInputForm.verylarge li label { min-width: 160px; _width: 160px; }
ol.hInputForm.ultralarge li label { min-width: 180px; _width: 160px; }
ol.hInputForm.veryultralarge li label { min-width: 200px; _width: 160px; }

ol.hInputForm li.exp label, ol.hInputForm li label.exp { float: none; display: inline; font-weight: normal; }
ol.hInputForm li.exp input, ol.hInputForm li input.exp { width: auto; margin-left: 0px; }
ol.hInputForm li.exp textarea, ol.hInputForm li textarea.exp { width: auto; margin-left: 0px; }
ol.hInputForm li.exp select, ol.hInputForm li select.exp { width: auto; margin-left: 0px; }
ol.hInputForm li.exp span, ol.hInputForm li span.exp { display: inline; }
ol.hInputForm li div.exp { margin-left: 150px; padding: 0 0 5px 0; }

ol.hInputForm li.exp label.bold, ol.hInputForm li label.exp.bold,
ol.hInputForm li.exp input.bold, ol.hInputForm li input.exp.bold { font-weight: bold; }

ol.gInputForm { padding: 0px; margin: 0px; }
ol.gInputForm li { list-style: none; float: left; padding: 2px 0 8px; margin-right: 8px; }
ol.gInputForm li label { float: none; padding: 2px 0; font-weight: bold; }
ol.gInputForm li input { width: 120px; }
ol.gInputForm li select { width: 126px; }
ol.gInputForm li input.large { width: 160px; }
ol.gInputForm li select.large { width: 166px; }
ol.gInputForm li span { display: auto; }

ol.gInputForm li.exp label { float: none; display: inline; font-weight: normal; }
ol.gInputForm li.exp input {  }
ol.gInputForm li.exp span { display: auto; }

.gInputForm input, .gInputForm select, .gInputForm input.button, .gInputForm .ui-multiselect { margin: 4px 2px; }

.gInputForm input { width: 85px; }
.gInputForm input.exp { width: auto; }
.gInputForm select { width: 131px; }
.gInputForm input.button { width: 131px; }
.gInputForm input.button.exp { width: auto; padding-left: 10px; padding-right: 10px; }
.gInputForm input.large { width: 180px; }
.gInputForm select.large { width: 186px; }
.gInputForm input.button.large { width: 181px; }

select
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAh0lEQVQ4T93TMQrCUAzG8V9x8QziiYSuXdzFC7h4AcELOPQAdXYovZCHEATlgQV5GFTe1ozJlz/kS1IpjKqw3wQBVyy++JI0y1GTe7DCBbMAckeNIQKk/BanALBB+16LtnDELoMcsM/BESDlz2heDR3WePwKSLo5eoxz3z6NNcFD+vu3ij14Aqz/DxGbKB7CAAAAAElFTkSuQmCC');
	background-repeat: no-repeat;
	background-position: right center;
}

select, input, textarea
{
	color: white;
	background-color: #222;
	border-color: #555 #777 #777 #555;
	padding: 5px;
	padding: 8px 10px;
	border: #333 1px solid;
	border-radius: 5px;
	outline: none;
	margin: 2px 0;
}

input[type=radio]
{
	accent-color: #333;
}

select:focus, input:focus, textarea:focus
{
	border-color: #000;
	outline: #333 1px solid;
	background-color: #333;
}


ol.hInputForm label
{
	color: #FFF;
}

ol.hInputForm li input.time { width: 128px; }
ol.hInputForm li select, ol.hInputForm li input, ol.hInputForm li textarea
{
	color: #FFF;
	background-color: #222;
	border-color: #555 #777 #777 #555;
	padding: 5px;
	padding: 8px 15px;
	border: #333 1px solid;
	border-radius: 5px;
	outline: none;
	margin: 2px 0;
}

ol.hInputForm li select:focus, ol.hInputForm li input:focus, ol.hInputForm li textarea:focus
{
	border-color: #000;
	outline: #333 1px solid;
}


ol.hInputForm li select.inputError, ol.hInputForm li input.inputError, ol.hInputForm li textarea.inputError
{
	border-color: #C55 #C77 #C77 #C55;
}


ul.htab
{
	margin: 0 0 10px;
	padding: 0px;
	text-align: center;
	font-size: 11px;
	list-style: none;
}

ul.htab li
{
	display: inline;
}

ul.htab li a
{
	color: #300;
	margin: 0px;
	padding: 5px 15px;
	margin: 2px;
	border: #D99 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

ul.htab li.active a
{
	background: #FFFCFC;
	background: #DD4400;
	background: #BEB;
}

ul.htab li a:hover
{
	text-decoration: none;
	color: #900;
	background: #DFC;
}

ul.filter li a
{
	display: inline-block;
}

table.grid td.selected { background-color: #0C0C0C; }
table.grid th.selected { background-color: #222; }

.lightdim, .lightdim a, div.window.lightdim { color: #CCC; }
.dim, .dim a, div.window.dim { color: #999; }
.dimmer, .dimmer a, div.window.dimmer { color: #666; }
.dimmest, .dimmest a, div.window.dimmest { color: #333; }

.red, .red a, div.window.red { color: #C76; }
.green, .green a, div.window.green { color: #9C9; }
.navy, .navy a, div.window.navy { color: #00C; }
.blue, .blue a, div.window.blue { color: #66C; }
.sky, .sky a, div.window.sky { color: #00F; }
.orange, .orange a, div.window.orange { color: #F60; }
.lgreen, .lgreen a, div.window.lgreen { color: #0F0; }
.dark, .dark a, div.window.dark { color: #333; }
.ash, .ash a, div.window.ash { color: #666; }
.grey, .grey a, div.window.grey { color: #999; }
.yellow, .yellow a, div.window.yellow { color: #CC9; }
.black, .black a, div.window.black { color: #000; }
.white, .white a, div.window.white { color: #FFF; }

.red-shade { background-color: #F00; }
.green-shade { background-color: #0F0; }
.blue-shade { background-color: #00F; }
.grey-shade { background-color: #999; }
.dim-shade { background-color: #CCC; }
.window-shade { background-color: #222; }
.yellow-shade { background-color: #FF0; }
.orange-shade { background-color: #F60; }
.sky-shade { background-color: #CCF; }
.dark-shade { background-color: #666; }
.very-dark-shade { background-color: #333; }
.black-shade { background-color: #000; }
.white-shade { background-color: #FFF; }
.selected { background-color: #FCC; }

tr.row0 td { background-color: #F5E5F5; }
tr.row1 td { background-color: #FFE5E5; }

.window.tooltip
{
	margin: -4px -5px -3px;
	padding: 0;
}

.window.tooltip img.left
{
	float: left;

}

.window.tooltip div.content
{
	margin: 0;
	padding: 10px;
	margin-left: 80px;
	width: auto;
}

.window.tooltip div h3.exp
{
	margin: 0;
	padding: 0 0 8px;
}


.debug
{
	font-size: 0.8em;
	font-family: lucida console;
	text-align: left;
	border: #633 1px solid;
	padding: 5px 20px;
	background: #C3C3B3;
}
.debug .query
{
	color: #444;
	font-style: italic;
}
.debugelement
{
	font-size: 0.8em;
	padding: 10px 0;
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-all;
}

.debugelement.border
{
	margin: 6px -6px;
	border: #666 1px solid;
	padding: 4px 4px;
}

div.scroll
{
	overflow: scroll;
}

div.scroll-x
{
	overflow-x: scroll;
}

div.scroll-y
{
	overflow-y: scroll;
}

.ie select.ie-expand:focus, .ie ol.gInputForm li select.ie-expand:focus, .ie .gInputForm select.ie-expand:focus
{
	width: auto;
}

.ie .ie-expand-select-container
{
	display: block;
	overflow: hidden;
	width: 150px;
}

.ie-expand-select
{
	width: 150px;
}

.ie select.ie-expand-select
{
	width: 148px;
	float: left;
}

.ie select.ie-expand-select:focus
{
	width: auto;
}

.ui-widget
{
	font-family: auto !important;
}

select.center
{
	text-align-last: center;
}


.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.orderchangecontainer
{
	float: right;
	margin-left: 5px;
}

.orderchange
{
	display: inline-block;
	width: 15px;
}

.ui-widget-content
{
	background: #000 !important;
}

.ui-widget.ui-widget-content
{
	border-color: #999 !important;
	z-index: 300;
}

.ui-widget-header
{
	border-color: #333 !important;
	background: #666 !important;
}

.small { font-size: .9em; }
.verysmall { font-size: .8em; }
.veryverysmall { font-size: .7em; }

.showmore, a.showmore
{
	color: #99F;
	font-size: .8em;
}

.filterElementContainer
{
}

.filterElementContainer span
{
	margin: 5px 10px;
}

.filterElementContainer span label
{
	font-weight: 550;
	margin-right: 8px;
}

.buttonset a
{
	font-size: 1.2em;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 28px;
	border-radius: 4px;
	transition: color .3s;
}

.buttonset a:hover
{
	color: #99F;
	background: #333;
	transition: color .3s, background .3s;
}

.ui-widget-content a {
	color: #FFF !important;
}

div.window .clear {
	background: #333;
}


@media screen and (max-width: 950px) {
	div.page-title, div.footer-container {
		font-size: 0.8em;
	}
}

@media screen and (max-width: 850px) {
	div.page-title, div.footer-container {
		font-size: 0.75em;
	}
	div.footer-container {
		flex-direction: column;
	}

	div.footer-container .center {
		flex-grow: 0;
	}
}

@media screen and (max-width: 600px) {
	div.page-title, div.footer-container {
		font-size: 0.65em;
	}
}

@media screen and (max-width: 500px) {
	div.page-title, div.footer-container {
		font-size: 0.6em;
	}
}

@media screen and (max-width: 450px) {
	div.page-title {
		font-size: 0.5em;
	}
}