:root {
	--background: #111;
	--border-color: #555;
	--highlight: #964;
	--highlight-light: #C95;
	--highlight-dark: #632;
}

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.smallview600 .uprighton1600, body.smallview600 .uprighton1400, body.smallview600 .uprighton1200, body.smallview600 .uprighton1000, body.smallview600 .uprighton800, body.smallview600 .uprighton600,
body.smallview800 .uprighton1600, body.smallview800 .uprighton1400, body.smallview800 .uprighton1200, body.smallview800 .uprighton1000, body.smallview800 .uprighton800,
body.smallview1000 .uprighton1600, body.smallview1000 .uprighton1400, body.smallview1000 .uprighton1200, body.smallview1000 .uprighton1000,
body.smallview1200 .uprighton1600, body.smallview1200 .uprighton1400, body.smallview1200 .uprighton1200,
body.smallview1400 .uprighton1600, body.smallview1400 .uprighton1400,
body.smallview1600 .uprighton1600
{
	writing-mode: vertical-lr;
	text-orientation: upright;
}


body.smallview .hideonsmall, body.smallview .hideon1600, body.smallview .hideon1400, body.smallview .hideon1200,
body.smallview600 .hideon1600, body.smallview600 .hideon1400, body.smallview600 .hideon1200, body.smallview600 .hideon1000, body.smallview600 .hideon800, body.smallview600 .hideon600,
body.smallview800 .hideon1600, body.smallview800 .hideon1400, body.smallview800 .hideon1200, body.smallview800 .hideon1000, body.smallview800 .hideon800,
body.smallview1000 .hideon1600, body.smallview1000 .hideon1400, body.smallview1000 .hideon1200, body.smallview1000 .hideon1000,
body.smallview1200 .hideon1600, body.smallview1200 .hideon1400, body.smallview1200 .hideon1200,
body.smallview1400 .hideon1600, body.smallview1400 .hideon1400,
body.smallview1600 .hideon1600
{
	display: none !important;
}

.displayon600, .displayon800, .displayon1000, .displayon1200, .displayon1400, .displayon1600 {
	display: none;
}

body.smallview600 .displayon600,
body.smallview800 .displayon800, body.smallview600 .displayon800,
body.smallview1000 .displayon1000, body.smallview800 .displayon1000, body.smallview600 .displayon1000,
body.smallview1200 .displayon1200, body.smallview1000 .displayon1200, body.smallview800 .displayon1200, body.smallview600 .displayon1200,
body.smallview1400 .displayon1400, body.smallview1200 .displayon1400, body.smallview1000 .displayon1400, body.smallview800 .displayon1400, body.smallview600 .displayon1400,
body.smallview1600 .displayon1600, body.smallview1400 .displayon1600, body.smallview1200 .displayon1600, body.smallview1000 .displayon1600, body.smallview800 .displayon1600, body.smallview600 .displayon1600
{
	display: block !important;
}

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: #ABC;
	color: var(--highlight);
	cursor: pointer;
	text-decoration: none;
}

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

#mainContainer {
	/* padding-bottom: 100px; */
	min-height: calc(100vh - 160px);
	transition: 0.8s;
}

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


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.header {
	position: absolute;
	text-align: center;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

div.page-title div.header .subtitle {
	font-size: 0.6em;
	color: #FFF3;
	margin: 0;
	padding: 0;
}

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;
	min-width: 180px;
}

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

.usermenu-dropdown a {
	color: var(--highlight-light);
}

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


.fullwindowContainer {
	margin: 0 auto;
	max-width: 1024px;
}

.paddedContent {
	padding: 20px 0 60px;
}


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


footer {
	font-size: 0.8em;
	margin: 0;
	padding: 20px 20px;
	background: #222;
	/* height: 100px; */
	position: sticky;
	bottom: 0;
	/* width: 100%; */
	transition: 0.8s;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

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

.smallview1200 footer { font-size: 0.7em;
}

.smallview1000 footer { font-size: 0.6em;
}

.smallview800 footer, .smallview600 footer { font-size: 0.5em;
}

.smallview800 footer, .smallview600 footer { padding: 5px 20px;
	display: block;
	text-align: center;
}
.smallview800 footer > div, .smallview600 footer > div { margin: 10px 0;
}


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

footer 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: 70%;
	margin: 5px 5px;
    flex: 1;
	flex-basis: 1;
	flex-grow: 1;
	margin: 10px 10px;
	padding: 0;
	background: #DFF;
	background: #FFF;
	background: #000;
	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.main-flex-container
{
	font-size: 18px;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	padding: 0px;
	padding: 5px;
	background: #FFF;
}

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: #DFF;
	background: #FFF;
	border: #999 1px solid;
}

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

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

div.flex-element-container div.h4.title a, div.flex-element-container div.h4.title.nohref
{
	color: #C03;
	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;
}

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: #000000;
	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: #000000;
	background-color: #EEE;
	/*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
{
	color: #000;
	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: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;
}


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



.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 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: #FEE; }
.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 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;
}



fieldset.input-group {
    /* font-family: 'Segoe UI', Arial, sans-serif; */
    font-size: 16px;
    font-weight: normal;
    position: relative;
    padding: 2px;
    margin: 30px 0;
    /* border: var(--border-color) 1px solid; */
    border-radius: 8px;
    transition: all 0.3s ease;
    border: none;

    label {
        position: absolute;
        top: calc(-50% + 10px);
        left: 10px;
        font-weight: bold;
        padding: 0px 5px;
        /* border: var(--border-color) 1px solid; */
        border-radius: 8px;
        z-index: 10;
        background-color: var(--background);
    }

    &.total {
        margin: 5px 0 10px;
        padding: 15px 12px 13px;
        color: #C00;
        border: var(--border-color) 1px solid ;
        font-weight: bold;
        font-size: 1.1em;
        text-align: left;
    }

    input, select, textarea  {
        width: 100%;
        margin: -2px 0 -2px -2px;
        border: 0;
        z-index: 5;
        outline-style: none;
        padding: 12px 12px;
        width: calc(100% - 20px);
        border-radius: 5px;
        border: var(--border-color) 1px solid;
        background-color: transparent;
        /* font-family: 'Segoe UI', Arial, sans-serif; */
        font-size: 16px;
        font-weight: normal;
        transition: all 0.3s ease;
    }

	select {
		width: calc(100% + 4px);
		background-color: var(--background);
	}

    input:hover,
    select:hover,
    textarea:hover {
        border-color: var(--highlight);
        box-shadow: 0 0 2px var(--highlight);
        outline: none;
    }

    input:focus,
    select:focus,
    textarea:focus {
        border-color: var(--highlight);
        box-shadow: 0 0 8px var(--highlight), inset 0 0 4px var(--highlight);
        outline: none;
    }

    span.startAdornment {
        position: absolute;
        left: 10px;
        top: 13px;
    }

    input[type="tel"] {
        padding-left: 70px;
        width: calc(100% - 78px);
    }

    .input_total {
        font-weight: bold;
    }
}