@font-face {
	font-family:OpenSansSemiBold;
	src: url('fonts/open-sans.semibold.ttf');
}

@font-face {
	font-family:OpenSans;
	src: url('fonts/open-sans.regular.ttf');
}
 @font-face {
	font-family:OpenSansLight;
	src: url('fonts/open-sans.light.ttf');
}

p,tr,td,ul,li,div,span,pre { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color: #000;color:var(--text);vertical-align:top; }
h1,h2,h3,h4,h5,h5,.h {font-family: 'OpenSans', Verdana,sans-serif;font-weight: normal;}
.h div,.h span,.h td, .h *, .toolbar-button-title { font-family: 'OpenSans', Verdana, sans-serif!important;}
.sr-h,.st-h,.rg-h,.gv-h,.gvl-h,.np-i,.np-p,.np-p div,.np-p span { font-family: 'OpenSans', Verdana, sans-serif; }
.np-i-s { font-family: 'OpenSansSemiBold','OpenSans', Verdana, sans-serif; }

/* ================================================================= */
/* Set default styles that apply to the entire page */
html,body,form,#IFrameContent{min-height:100%;margin:0;padding:0;background:#EFEFEF;background:var(--body-bg);}
h6{color:#333;margin:5px 5px 0 5px;font-size:10px;}
input,select,textarea{font-family:Verdana,Sans-Serif;font-size:10px;}
	input[type=button], input[type=submit], button {
		text-align: center;
		font-family: Verdana,Sans-Serif;
		font-weight: normal;
		padding: 0.75em 1em;
		border: none;
		border-radius: 4px 4px;
		background: var(--button-bg, #CCC);
		color: var(--text-alt, #333);
		box-shadow: 0 1px 0 var(--shadow, #777);
	}
		input[type=button]:hover, input[type=submit]:hover, button:hover {
			background: var(--button-hover-bg, #BBB);
		}
		input[type=button]:active, input[type=submit]:active, button:active {
			box-shadow: none;
			transform: translateY(1px);
			outline:none;
		}
		input[type=button]:disabled, input[type=submit]:disabled,button:disabled {
			color: #666;
			color: var(--disabled-inpt);
			cursor: not-allowed;
			box-shadow: 0 1px 0 var(--shadow-disabled, #999);
		}
input:focus,textarea:focus,select:focus { outline: 0; }
.Label pre.sql { color: #069;color:var(--label); }
a:link,a:visited {color:#069;color:var(--link);font-weight:bold;}
a:hover {color:#F60;color:var(--secondary);}
a img { border:none; }
.strong,.strong td { font-weight:bold; }
.muted,.muted td { color:#666;color:var(--muted); }
span.error{color:#C00;color:var(--error);font-weight:bold;}
span.needsreview {color:#F60;color:var(--needs-review);font-weight:bold;}
span.success {color: #090;color:var(--success);font-weight: bold;}
.status-needsreview span span {
	color: #F60;
	color: var(--needs-review);
}

#mainTable { height:100%;min-height:100%;width:100%; }
.center {text-align:center;}
.fright { float:right; }
.clear{clear:both;height:0;width:0;padding: 100px;}
/* Form */
/* Code for IE11 clear button */
::-ms-clear { display: none;height: 0;width: 0;padding: 0;margin: 0;}
table.fields{width: 98%;margin:4px 1%;}
table.fields>tbody>tr>td{padding: 2px;vertical-align:middle;}
table.fields .Form,table.fields .fl{padding:2px;color: #333;color:var(--text-alt);}
table.fields input[type="text"],table.fields input[type="password"],table.fields select,table.fields textarea,.inpt,.DropDownList,.YNDropDownList  {
	width:98%;
	border:solid 1px #ccc;
	border-color:var(--input-border);
	color:#000;
	color:var(--text);
	box-sizing: border-box;
	padding: 3px;
	font-size: 11px;
	background: var(--input-bg);
}
/*table.fields tr.focus,table.fields tr.focus>td{ background: #069;color: #ffffff;}*/
table.fields tr.focus>td.Form { color: #069;color:var(--input-focus, #069); }
table.fields tr.focus input,table.fields tr.focus select,table.fields tr.focus textarea{
	border:solid 1px #069;
	border-color:var(--input-focus, #069);
	color:#000;
	color:var(--text);
}
table.fields tr.invalid,table.fields tr.invalid>td{background:#FCC;background:var(--error-bg, #FCC);}
	table.fields tr.invalid input, table.fields tr.invalid select {
		border: solid 1px #C00;
		border-color: var(--error-text, #C00);
		color: #C00;
		color: var(--error-text, #C00);
}
table.fields .fcb{white-space:nowrap;width:1%;vertical-align:middle;padding:2px;}
table.fields .half,table.fields input[type="text"].half { width: 48%; }
table.mergeSearch {width: 100%;}
.sub-text { color: var(--sub-text, #666); }
/* Parent Table */
.pt {width: 100%;}
.pt-content {padding:0;margin:0;width:100%;}
.pt-f {width:100%;text-align:center;color:#666;}
.pt-f a {color:#666;text-decoration:none;font-weight:normal;}.pt-f a:hover {color:#333;text-decoration:underline;}
.pt .message div {margin:0;color:#039;}
.pt .error div {color:#C00;color:var(--error-text, #C00);margin:0;}
.pt .message,.pt div.error,.pt .instruction,.cp-message,.cp-error{margin:5px 2%;text-align:center;padding:4px 1%;}
.pt .message {border:solid 1px #09F;background:LightSteelBlue;}
.pt div.error {border:solid 1px #C00;border-color:var(--error-border, #C00);background:#FCC;background:var(--error-bg, #FCC);}
.pt .instruction {border:solid 1px #666;border-color:var(--instructions-border);background:#CDCDCD;background:var(--instructions-bg, #CDCDCD);color:var(--text-alt, #333);}
.pt .instruction span,.pt .instruction div{color:#333;margin:0;}
/* Sub Table */
.st {width:96%;margin:5px 2%;border: 1px solid #999;border-color:var(--content-group-border, #999); padding: 0px;}
.st-h {background:#EAEAEA;background:var(--content-group-title-bg, #EAEAEA);color:#333;color:var(--text-alt, #333);font-weight:normal;font-size: 12px;text-align:left;margin:0;padding:0 0 0 4px;line-height:25px;border-bottom:solid 1px #999;border-bottom-color:var(--content-group-border, #999);}
.st-h span {color:var(--text-alt,#333);font-weight:normal;font-size: 12px;font-family:'OpenSans',Verdana,sans-serif;}
.st>table {width:100%;}
.st>table>tbody>tr>td>textarea{width:98%;margin:5px 1%;font-size: 11px;}
.st textarea:focus { border: solid 1px #069;border-color:var(--input-focus, #069); }
.st>table>tbody>tr>td>select, .st>table>tbody>tr>td>input{width:30%;}
.sr-h { color:var(--sub-text, #666);font-size:14px;font-weight:normal;line-height:18px;border-bottom:solid 1px var(--sub-text, #666);text-align:left;width:96%;margin:5px 2%; }
.sr-h a:link,sr-h a:visited,sr-h a:hover,sr-h a:active,.sr-h a { text-decoration:none; }
/* Nav Panel */
.np-p { color:var(--menu-text, #EFEFEF);background:var(--menu, #666);font-size: 10pt;height:30px;line-height:30px;padding: 0 10px;cursor:default;margin-left:10px; }
.np-p-t { -webkit-border-radius:4px 4px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0; }
.np-p-h { background:#777; }
.np-i { background:var(--menu-alt, #CCC);min-width:150px;border-left:solid 1px #4E4E4E;border-right:solid 1px #4E4E4E;height:25px;line-height:25px;font-size:9pt;padding: 0 0 0 15px;margin-left:10px; }
.np-i-h {background:#F3BF73;}
.np-i-s { background:var(--body-bg, #EFEFEF);border:solid 1px #4E4E4E;border-color:var(--menu, #4E4E4E);border-right:none;font-weight:normal;}
.np-i-b { background:#4E4E4E;height:1px;margin-left:10px; }
.np-provider-top {
	line-height: 16px;
	height: 50px;
}
.np-prov-group { padding: 10px 0; }
.np-prov-name { color: #fff;font-size: 14px;max-width: 160px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.np-prov-sub { color: #fff;font-size: 11px;max-width: 160px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
a.np { text-decoration:none;font-weight:normal; }
a.np:hover .np-i { background:var(--menu-hover, #F3BF73); }
/* Quick Panel */
.qp {background:#CCC;background:var(--toolbar, #CCC);border-bottom:solid 1px var(--primary, #069);width:100%;margin:0;padding:0;z-index:99990;position:absolute;display:none;clear:both;border-bottom-left-radius:4px 4px;border-bottom-right-radius:4px 4px;}
.qp>div {width:96%;padding:4px 2%;}
/* Confirm Panel */
.cp-bg {background:#000;opacity:.70;filter:alpha(opacity=70);top:0;left:0;width:100%;height:100%;position:fixed;z-index:99998;}
.cp-group {
	position: absolute;
	background: var(--content-bg, #DCDCDC);
	display: none;
	top: 5%;
	left: 15%;
	width: 70%;
	border: solid 2px #333;
	border-color: var(--content-group-border, #333);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px;
	z-index: 99999;
}
.cp-heading {
	background: var(--content-group-title-bg, #333);
	border-bottom: solid 1px var(--content-group-border, #333);
	/*background-image: -moz-linear-gradient(90deg, #000, #333);
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#333),to(#000));
	background-image: linear-gradient(0deg,#000,#333);*/
	font-weight: normal;
	color: var(--text-alt, #333);
	width: 100%;
	font-size: 1.2em;
	padding: 1% 0;
	text-align: center;
}
.cp-br {text-align:center;margin:2% 0;}
.cp-message {background:LightSteelBlue;border:solid 1px #039;color:#039;}
.cp-error {background:#FCC;border:solid 1px #C00;color:#C00;}
.cp-content {width: 80%;text-align:left;margin:0 10%;}
.cp-group input, .cp-group select, .cp-group textarea {
	background: var(--input-bg, #FFF);
	border: solid 1px var(--input-border, #CCC);
	border-color: var(--input-border, #CCC);
	color: var(--text, #000);
	padding:3px;
	font-size:11px;
}

.cp-group input:focus, .cp-group select:focus, .cp-group textarea:focus {
	border-color: var(--input-focus, #069);
}

.cp-group input[type=button], .cp-group input[type=submit], .cp-br input[type=button], .cp-br input[type=submit] {
	border: none;
	color: var(--text, #EFEFEF);
	background: var(--button-bg, #333);
	font-weight:normal;
	padding: .5em 1em;
	/*background-image: -moz-linear-gradient(90deg, #000, #333);
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#333),to(#000));
	background-image: linear-gradient(0deg,#000,#333);*/
}
	.cp-group input[type=button]:hover, .cp-br input[type=button]:hover {
		background: var(--button-hover-bg, #bbb);
	}

	.cp-group input[type=button]:disabled, .cp-br input[type=button]:disabled {
		color: var(--disabled-inpt, #666);
	}

/* GridView */
.gv {
	width: 96%;
	padding: 0 0 0 1px;
	margin: 5px 2%;
	vertical-align: middle;
	border: solid 1px #999;
	text-align: left;
	border-color: var(--grid-border, #999);
}
.gvl-h {
	background: #EAEAEA;
	background: var(--grid-header-bg, #EAEAEA);
	color: #333;
	color: var(--grid-header-text, #333);
	border-bottom:solid 1px #999;
	border-color: var(--grid-border, #999);
}
.gvl-h th,.gvl-h td {padding:5px;border:none;text-align:left;font-weight:normal;font-size: 12px;}
.gvl-h a:link,.gvl-h a:visited {color:#333;text-decoration:none;}.gvl-h a:hover {text-decoration:underline;}
.dgl,.dgl-a {margin:0;}
tr.dgl-a:nth-child(odd) {background-color:#FFF;background-color:var(--grid-row-bg, #FFF);}
tr.dgl:nth-child(even) {background-color:#F2F2F2;background-color:var(--grid-row-alt-bg, #F2F2F2);}
.dgl {background-color: #FFF;background-color: var(--grid-row-bg, #FFF);}
.dgl-a {background-color:#F2F2F2;background-color:var(--grid-row-alt-bg, #F2F2F2);}
.dgl td,.dgl-a td{padding:5px;vertical-align:middle;}
.dgl a:link,.dgl-a a:link {color:var(--label,#339);text-decoration:underline;font-weight:bold;}
.dgl a:visited,.dgl-a a:visited {color:#228;text-decoration:underline;font-weight:bold;}
.dgl a:hover,.dgl-a a:hover {color:#F60;text-decoration:underline;font-weight:bold;}
.dgl-er,.dgl-er td {background-color:#FCC;}
.rg-s a:link,.rg-s a:visited { color: #ddd; }
.gv-footer {background:#EFEFEF;background:var(--grid-header-bg);color:#666;color:var(--grid-header-text);}
.gv-footer td {padding:3px;border-top:solid 1px #CCC;border-color:var(--input-border);}
.gv-footer a:link,.gv-footer a:visited,a.b:link,a.b:visited {color:#666;color:var(--grid-header-text);text-decoration:none;font-weight:normal; }
.gv-footer a:hover,a.b:hover {color:#333;color:var(--text-alt, #333);font-weight:normal;text-decoration:underline;}
.gv-c-scroll{overflow:auto;height:500px;}
.gv-tb,.priv-tb { height:15px;border-top:dotted 1px #CCC;margin-top:.1em; }
.gv-tb a,.priv-tb a { float:left;margin:.1em .2em; }
/* RadGrid */
.rg-c { width:96%;margin:10px auto 10px 2%; }
.rg-i { font-family:Verdana; }
.rg-h { background: #EAEAEA;background:var(--rg-header-bg, #EAEAEA);background-image:none;font-weight: normal;font-size: 12px; }
.rg-h>a { font-weight: normal; }
.rgHeader,.RadGrid_Default .rgHeader { background-image: none!important;background: #eaeaea;background:var(--grid-header-bg, #EAEAEA)!important;color:var(--grid-header-text, #333)!important; }
.rgHeader,.RadGrid_Default .rgHeader a { color:var(--grid-header-text, #333)!important; }
.rgHoveredRow,.RadGrid_Default .rgHoveredRow,.RadGrid_Default .rgHoveredRow td { background-image: none !important; background:var(--grid-row-hover-bg, #c5c5c5);background-color:var(--grid-row-hover-bg, #c5c5c5); }
.rg-s,.rg-s td { background:#069;background:var(--grid-row-selected-bg, #069);color: #FFF;color:var(--grid-row-selected-text,#FFF); }
.rg-s.rgHoveredRow,.rg-s.rgHoveredRow td { background:#069;background:var(--grid-row-selected-bg, #069);color: #FFF;color:var(--grid-row-selected-text,#FFF); }
.rg-s span { background:none;color: #ffffff;color:var(--grid-row-selected-text,#FFF); }
.rg-s a:link,.rg-s a:visited {color:#ddd;color:var(--grid-link, #ddd);}
.rgRow .error { display: inline-block;padding: 0 8px 0 0;}
.rg-s .error,.rg-s td .error { color: #fff;color:var(--text-dark-bg, #FFF);background: #900;background:var(--error-bg-alt, #900);padding: 0 4px;border-radius: 4px 4px; }
.rg-s .needsreview,.rg-s td .needsreview { color: #fff;color:var(--text-dark-bg, #FFF);background: #F60;background:var(--needs-review, #F60);padding: 0 4px;border-radius: 4px 4px; }
.rg-s .Label,.rg-s td .Label { color: #ccc;color:var(--grid-label, #CCC); }
.rg-s .archived { color: #AAA;color:var(--archived, #AAA);}
.rg-s .roi { padding:1px;border-radius:3px;background:#efefef;display:block;}
.rg-s-dark,.rg-s-dark td {background: #036;color:#FFF; }
.rgFilterBox { font-family:Verdana,Sans-Serif!important;font-size:8pt!important;width:80%;padding:2px!important;margin:0; }
.GridContainer,.rg-c { width:96%;margin: 10px auto 10px 2%; }
.rg-i { font-family:Verdana; }
.rgRow,.RadGrid_Default .rgRow { background:#FFF;background:var(--grid-row-bg, #FFF)!important;color:var(--grid-text, var(--text, #000))!important; }
.rgAltRow,.RadGrid_Default .rgAltRow { background: #f2f2f2;background:var(--grid-row-alt-bg, #f2f2f2)!important;color:var(--grid-text, var(--text, #000))!important; }
.RadGrid_Default .rgRow td,.RadGrid_Default .rgAltRow td { border-color: var(--grid-row-border, #FFF)!important; }
.RadGrid_Default .rgPager { background:var(--grid-header-bg, #EEE)!important; }
.RadGrid_Default .rgInfoPart strong { color:var(--text-alt, #4c4e54)!important; }
.RadGrid_Default td.rgPagerCell { border:none!important; }
.RadGrid_Default {
	border-color: var(--grid-border, #828282)!important;
}
.RadGrid_Default .rgRow .rgSorted, .RadGrid_Default .rgAltRow .rgSorted {
	background: var(--grid-row-hover-bg) !important;
}
.RadGrid_Default .rg-s .rgSorted {
	background: var(--grid-row-selected-bg) !important;
}
.rgNoRecords {
	background: var(--content-bg, #FFF);
}
.rgNoRecords div {
	color: var(--muted) !important;
}
/*.rgRow.rgSelectedRow.no-selection { background: none !important; }
.rgRow.rgSelectedRow.no-selection td { border-bottom: transparent solid 1px !important; }
.rgAltRow.rgSelectedRow.no-selection td { border-bottom: none !important; }*/
/* TabStrip */
.RadTabStrip x {
}
.tab-p { padding:1% 2% 0 2%; }
.tab-c { border:solid 1px var(--border-color, #999);padding:1%; }
.rtsLink { height:25px;line-height:25px;border:solid 1px var(--border-color, #999);border-bottom:none;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-top-left-radius:5px 5px;border-top-right-radius:5px 5px;background:var(--grid-row-alt-bg, #FAFAFA);cursor:default; }
.rtsLink span { font-size:11px;font-weight:normal; }
.rtsFirst { border-right:none; }
.rtsLast { border-left:none; }
.rtsHovered { background:var(--menu-alt, #CCC); }
.rtsSelected { background:var(--border-color, #ABABAB); }
.rtsDisabled { text-decoration:line-through!important;cursor:not-allowed!important; }
.rtsDisabled span { text-decoration:line-through;font-style:italic; }
/* Date */
.date{width:80px!important;}
/* Date Picker */
.date-c,#ui-datepicker-div {background:var(--body-bg, #EFEFEF);border: solid 1px var(--border-color, #CCC);-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;border-bottom-left-radius:4px 4px;border-bottom-right-radius:4px 4px;border-top-left-radius:4px 4px;border-top-right-radius:4px 4px;}
.ui-datepicker-calendar th { font-weight:normal;}
.ui-datepicker-calendar td a {display: block;padding: .5em;border: solid 1px var(--border-color, #CCC);-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;border-bottom-left-radius:4px 4px;border-bottom-right-radius:4px 4px;border-top-left-radius:4px 4px;border-top-right-radius:4px 4px;background:var(--content-bg, #FFF);text-align:center;color:var(--text-alt, #333);text-decoration:none;font-weight:normal;}
.ui-datepicker-calendar td a:hover {border: solid 1px var(--border-color, #CCC);background:var(--row-hover, #C5C5C5);color:var(--text-alt, #333);}
.ui-datepicker-calendar td a.ui-state-active {background:var(--grid-row-selected-bg, #B0C4DE);color:var(----grid-row-selected-text, #FFF);font-weight:bold;}
.ui-datepicker-today a { border: solid 1px #666!important; }
.ui-datepicker-prev,.ui-datepicker-next {font-weight:bold;cursor:pointer;padding:.3em;font-size:1.2em;}
.ui-datepicker-prev:hover,.ui-datepicker-next:hover {background:var(--row-hover, #C5C5C5);}
.ui-datepicker-prev { float:left;padding-left:.5em; }
.ui-datepicker-next { float:right;padding-right:.5em }
.ui-datepicker-title { text-align: center;padding:.3em; }
.ui-datepicker-year { background:var(--body-bg, #EFEFEF);color:var(--input-text);border:0; }
/* SearchBox */
.sb-l {
	width: 100%;
	font-size: 12px;
	height: 200px;
	line-height: 18px;
	vertical-align: middle;
	overflow: auto;
	background-color: #FFF;
	background-color: var(--input-bg, #FFF);
	display: none;
	z-index: 91000;
	position: absolute;
	border-left: solid 1px var(--input-border, #666);
	border-right: solid 1px var(--input-border, #666);
}
.sb-r {width:100%!important;padding:0!important;padding-left:2px;font-size:12px; }
.sb-r span,.sb-r div {font-size:9px;line-height:12px;vertical-align:middle;}
.sb-r-hover {
	background: var(--row-hover, #CCC);
	cursor:pointer;
}
.sbr-archived,.sbr-archived *,span.archived,del.archived {color:#666;color:var(--muted, #666);font-style:italic;}
.sbr-is-alias, .sbr-is-alias * {color:#000!important;color:var(--is-alias, #000)!important;font-style: italic;}
.sb-tb {
	margin-top: 200px;
	font-size: 12px;
	background: #DEDEDE;
	background: var(--grid-header-bg, #DEDEDE);
	display: none;
	z-index: 91000;
	position: absolute;
	border: solid 1px #666;
	border-color: var(--input-border, #666);
	line-height: 20px;
	vertical-align: middle;
}
	.sb-tb div {
		cursor: pointer;
		color: #000;
		color: var(--text, #000);
		line-height: 20px;
		height: 20px;
		width: 15%;
		min-width: 40px;
		text-align: center;
		white-space: nowrap;
		float: right;
	}
	.sb-tb div:hover {
		color: #EFEFEF !important;
		color: var(--text, #EFEFEF)!important;
		background-color: #999;
		background-color: var(--row-hover, #999);
	}
.sbr-pending, .sbr-pending * { color: #069!important;color:var(--input-focus, #069)!important; }
/* Uploader */
.fu-drop { width:100%;height:50px;cursor:pointer; }
.fu-drop div { line-height:50px;padding:0 1%;width:98%;vertical-align:middle;font-size:1.5em;border:solid 1px #333; }
.fu-dtgt { font-size:1em;background:LightSteelBlue; }
.fu-inpt { position:absolute;z-index:99999;height:50px;opacity:0.0;width:80%;cursor:pointer; }
/* Global Warning */
.gw { position:fixed;width:100%;z-index:99999;text-align:center;font-size:.8em;background:#FCC;color:#C00;height:30px;line-height:30px;vertical-align:middle;border-bottom:solid 1px #C00;font-size:12px;z-index: 2; }
.gw span { font-size:.9em;color:#C00; }
.gw a { color:#900; }.gw a:hover { color:#F00; }
#gw-test { position:relative;z-index: 1; }
.modal-open #gw-test { position:relative;z-index: 0; }
/* Drag/Drop */
.drag, .drag td { opacity:0.6;filter:alpha(opacity=60);font-weight:bold; }
.drag td { padding-top:3px;padding-bottom:3px;border-top:solid 2px #333;border-bottom:solid 2px #333; }
.drop, .drop td { background:LightSteelBlue!important;font-weight:bold; }
.ph { width:100%;background:LightSteelBlue!important;border:solid 1px #09F;height:30px; }
/* Preview */
.previewContainer {display:inline-block;padding:10px;}
.img-preview {text-align:right;border:solid 1px #CCC!important;margin: 2px 10px 10px 2px;
	-moz-box-shadow: 2px 2px 5px #999;
	-webkit-box-shadow: 2px 2px 5px #999;
	box-shadow: 2px 2px 5px #999;
}
			
.img-preview:hover { cursor:pointer;border:solid 1px #999!important;
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
	box-shadow: 2px 2px 5px #666;
}
.editor,.mobile-editor { width:96%;padding:1%;margin:0 1%;background:#DFDFDF;border:solid 1px #999;border-top:none; }
.photo { margin: 5px;border-radius: 6px 6px;height: 150px;}

.list { background: var(--grid-row-bg, #FFF); }
.list-alt {	background: var(--grid-row-alt-bg, #F2F2F2); }
.list-nomargin { margin: 0 !important;width: 100% !important;padding: 4px 1%; }

#gutter-right {
	position: absolute;
	left: 97%;
	background: #666666 url('../Images/GUI/gutter-right.gif') repeat-y left center;
	height: 100%;
	width: 7px;
}

.MainPageContent {
	background-color: #EFEFEF;
	background-image: url(../Images/GUI/page-gutter.gif);
	background-repeat: repeat-y;
	background-position: right center;
	margin: 0;
	padding: 0 10px 0 0;
	/*width: 97%;
	padding-left: 7px;
	width: 780px;*/
	height: 100%;
}

.IFrameContent {
	background-color: #CCC;
	margin: 5px;
	padding: 0;
	/*width: 770px;
	/*width: 99%;*/
}

.IFrameBody {
	background-color: var(--body-bg, #EFEFEF);
}

.IFrameContainer {
	width:100%;
	border:solid 1px #333;
	margin:0;
	padding:0;
	border:0;
}

/* Sub-Navigation */
.SubNavigation {
	vertical-align: top;
	width: 100px;
	padding: 13px 0 0 0;
	/*margin-top: 10px;*/
}

/* Form Row */
.Form,.form,.fl {
	white-space: nowrap;
	width: 10%;
	vertical-align: middle;
}

.FormRight {
	white-space: nowrap;
	vertical-align: middle;
}

.r { text-align: right; }
.t { vertical-align: top; }
.bold { font-weight: bold; }

.CheckBoxCell {
	line-height: 20px;
	vertical-align: middle;
}

/* TextBox */
.TextBox, #FieldFilter /* for un-styled adhoc input */ {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #fff;
	width: 100%;
	padding: 1px;
	border: solid 1px #ccc;
	border-color: var(--input-border);
	color: var(--text);
	background: var(--input-bg);
}

.TextBoxFocus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #DEDEDE;
	width: 100%;
	padding: 1px;
	border: solid 1px #069;
	border-color: var(--input-focus, #069);
	color: var(--text);
}

.TextBoxInvalid {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
	color: #CC3333;
	padding:3px;
	border: solid 1px #CC0000;
}

.DateTextBox, .TimeTextBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	width: 50%;
	padding: 1px;
	border: solid 1px #666666;
}

/* Date */
.Date, .Time {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	/*width: 50%;*/
	padding: 1px;
	/*background-color: #EFEFEF;*/
	border: solid 1px #666666;
}

.DateFocus, .TimeFocus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	width: 50%;
	padding: 1px;
	background-color: #DEDEDE;
	border: solid 1px #003399;
}

.ValidDate, .ValidTime {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	width: 50%;
	color: #99cc99;
	padding: 1px;
	border: solid 1px #999999;
}

.InvalidDate, .InvalidTime {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	width: 50%;
	color: #CC3333;
	padding: 1px;
	border: solid 1px #CC0000;
}

/* Label */
.Label {
	color: #006699;
	color: var(--label, #069);
}

/* Drop Down Lists */

.YNDropDownList {
	width: 30%;
}

/* ListBox */
.ListBox {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #000000;
	
	border: solid 0px #999999;
	
	width: 100%;
}

.ListBox option {
	padding: 1px;
	margin: 0px 0px 0px 0px;
}

/* Button */
.Button {
	font-family:Verdana;
	color: #000000;
	font-size: 10px;
	Width: 50px;
}

.WideButton {
	font-family:Verdana;
	color: #000000;
	font-size: 10px;
	padding-left: 2px;
	padding-right: 2px;
}

/* General Form Fields */
.FormField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	width: 200px;
}

.Hidden {
	display: none;
	font-size: 1px;
	height: 1px;
}

.Clickable {
	cursor: pointer;	
}

/* SubTable *//*

*/
/* ================================================================= */
/* CSS Classes used by user interface */
.Header {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background: #003366 url(../Images/GUI/header-background.gif) repeat-x;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	/* width: Layout.css/Layout-Small.css */
}

td.heading-search {
	background: #003366 url(../Images/GUI/header-background.gif) repeat-x;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	margin: 0;
	padding: 0 10px 0 10px;
	/* width: Layout.css/Layout-Small.css */
}

td.heading-search input {
	width: 200px;
	margin: 0;
	padding: 0;
}

.MenuRow {
	background-color: #666666;
	background-repeat: repeat-x;
	height: 25px;
	width: 100%;
}

.page-gutter {
	background-image: url(../Images/GUI/page-gutter.gif);
}

.Footer {
	color: #FFFFFF;
	background-color: #003366;
	text-align: center;
	height: 10px;
}

.form-frame-title  {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background-image: url("../Images/GUI/FormFrame/FormFrameTitle.gif");
	background-repeat: repeat-x;
	height: 30px;
	padding: 5px;
}

.form-frame-text {
	padding: 5px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	height: 100%;
}

.FormFrameBody {
	background-color: #FFFFFF;
	background-color: var(--content-bg, #FFFFFF);
	padding: 0px;
}

.form-frame-bottom {
	background-image: url(../Images/GUI/FormFrame/bottom.gif);
}
.form-frame-right {
	background-image: url(../Images/GUI/FormFrame/right.gif);
}

/* ================================================================= */

.FormButtonBackground {
	width: 100%;
	height: 35px;
	background: #CCCCCC url(../images/gui/toolbar/x/bg.gif) repeat-x top left;
}

/* ============================================================ */
/* Links */
A.link-button:link, A.link-button:visited {
	color: var(--link, #069);
	font-weight: bold;
	text-decoration: underline;
}

A.link-button:hover {
	color: #FF4400;
}

A.ErrorMessage:link, A.ErrorMessage:visited {
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}

A.ErrorMessage:hover {
	color: #0000FF;
	text-decoration: none;
	font-weight: bold;
}

a.removeImg 
{
	float: left;
}

/* ============================================================ */
/* Floating Div */
.FloatingDiv
{
	background-color: #EFEFEF;
	
	position: absolute;
	width: 500px;
	top: 120px;
	left: 45px;
	z-index: 90300;
	overflow: auto;
	
	padding: 0px;
}

.BlankMiddle {
	width: 100%;
	height: 1000px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	display: inline;
}

/* ========================================================= */
/* Login/Error Page */

.LoginFormFrameTitle {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background-image: url("../Images/GUI/LoginFrame/Main.gif");
	background-repeat: repeat-x;
	height: 30px;
	padding: 5px;
}

.ErrorPageDefault {
	height: 75px;
	padding: 5px;
	width: 100%;
	/*background-color: #FF0000;*/
}

.ErrorMessageShort {
	font-size: 10px;
	color: #660000;
}

#ErrorDetails {
	font-family: Lucida Console;
	background-color: #CCCCCC;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 100%;
}

#StackTrace {
	font-family: Lucida Console;
	padding-left: 5px;
	font-size: 9px;
	width: 100%;
}

.ErrorDate {
	font-size: 7pt;
	background-color: #FFFFFF;
	color: #FF0000;
	font-family: Verdana;
	border: 0px none #FFFFFF;
	padding-left: 1px;
}

/* ============================== */
/* Loading Panel */
.LoadingPanel {
	position: absolute;
	font-size: 10pt;
	font-weight: bold;
	background: #FFFFFF;
	display: none;
	z-index: 90300;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

.LoadingClear {
	position: absolute;
	font-size: 10pt;
	font-weight: bold;
	background-color: var(--content-bg, #FFF);
	opacity: .50;
	filter: alpha(opacity=50);
	display: none;
	z-index: 90300;
	width: 100px;
	height: 10px;
	text-align: center;
	vertical-align: middle;
}

/* =================== */
/* CONFIRM PANEL */


.cp-group div.cp-body {
	padding: 10px;
}

.cp-toolbar { width: 100%;margin: 0; padding: 0;left: 0; top: 0;height: 30px;clear:both; }
.cp-toolbar span, .cp-toolbar img, .cp-toolbar a { margin: 0; padding: 0; }

.upld-prog { position: absolute;z-index:100000;background:#DCDCDC;text-align:center;vertical-align:middle; }

/* SQL Entry */
pre.sql,textarea.sql { font-family: Consolas, "Lucida Console", "Courier New";font-size: 10pt;padding: .5em 1%;width: 96%!important; }

/* FILTER */


/* ======================= */
/* ROLL OVERS */

/* Grid RollOvers */
a.ro--grid-add {
	display:block;height:15px;width:17px;
	background: transparent url("../Images/skins/default/toolbar/grid.png") no-repeat 0 0;
}
a.ro--grid-add:hover { background-position:-19px 0; }
a.ro--grid-edit {
	display:block;height:15px;width:15px;
	background: transparent url("../Images/skins/default/toolbar/grid.png") no-repeat -39px 0;
}
a.ro--grid-edit:hover { background-position:-56px 0; }
a.ro--grid-delete {
	display:block;height:15px;width:15px;
	background: transparent url("../Images/skins/default/toolbar/grid.png") no-repeat -73px 0;
}
a.ro--grid-delete:hover { background-position:-90px 0; }
a.ro--grid-view {
	display:block;height:15px;width:15px;
	background: transparent url("../Images/skins/default/toolbar/grid.png") no-repeat 0 -18px;
}
a.ro--grid-view:hover { background-position:-17px -18px; }
a.ro--grid-done {
	display:block;height:15px;width:15px;
	background: transparent url("../Images/skins/default/toolbar/grid.png") no-repeat -34px -18px;
}
a.ro--grid-done:hover { background-position:-51px -18px; }
a.ro--grid-cancel {
	display:block;height:15px;width:15px;
	background: transparent url("../Images/skins/default/toolbar/grid.png") no-repeat -68px -18px;
}
a.ro--grid-cancel:hover { background-position:-85px -18px; }
a.ro--grid-email {
	display:block;height:10px;width:18px;
	background: transparent url("../Images/skins/default/toolbar/grid.png") no-repeat 0 -35px; }
a.ro--grid-email:hover { background-position:-21px -35px; }

/* Privilege RollOvers */
a.ro--priv-edit {
	display:block;height:15px;width:15px;
	background: transparent url("../Images/skins/default/toolbar/priv.png") no-repeat -30px 0;
}
a.ro--priv-edit:hover { background-position:-45px 0; }
a.ro--priv-delete {
	display:block;height:15px;width:15px;
	background: transparent url("../Images/skins/default/toolbar/priv.png") no-repeat -60px 0;
}
a.ro--priv-delete:hover { background-position:-75px 0; }
a.ro--priv-drop {
	display:block;height:15px;width:15px;
	background: transparent url("../Images/skins/default/toolbar/priv.png") no-repeat 0 -15px!important;
}
a.ro--priv-drop:hover { background-position:-15px -15px!important; }
a.ro--priv-apply {
	display:block;height:15px;width:15px;
	background: transparent url("../Images/skins/default/toolbar/priv.png") no-repeat -30px -15px;
}
a.ro--priv-apply:hover { background-position:-45px -15px; }
a.ro--priv-cancel {
	display:block;height:15px;width:15px;
	background: transparent url("../Images/skins/default/toolbar/priv.png") no-repeat -60px -15px!important;
}
a.ro--priv-cancel:hover { background-position:-75px -15px!important; }
a.ro--priv-move {
	display:block;height:15px;width:15px;
	background: transparent url("../Images/skins/default/toolbar/priv.png") no-repeat 0 -30px;
}
a.ro--priv-move:hover { background-position:-15px -30px; }
a.ro--priv-makechild {
	display:block;height:15px;width:15px;
	background: transparent url("../Images/skins/default/toolbar/priv.png") no-repeat -30px -30px;
}
a.ro--priv-makechild:hover { background-position:-45px -30px; }
a.ro--priv-ungroup {
	display:block;height:15px;width:15px;
	background: transparent url("../Images/skins/default/toolbar/priv.png") no-repeat -60px -30px!important;
}
a.ro--priv-ungroup:hover { background-position:-75px -30px!important; }
a.ro--priv-history {
	display:block;height:15px;width:15px;
	background: transparent url("../Images/skins/default/toolbar/priv.png") no-repeat 0 -45px;
}
a.ro--priv-history:hover { background-position:-15px -45px; }
a.ro--priv-comments {
	display:block;height:15px;width:21px;
	background: transparent url("../Images/skins/default/toolbar/priv.png") no-repeat -32px -45px;
}
a.ro--priv-comments:hover { background-position:-55px -45px; }
a.ro--priv-settings {
	display:block;height:20px;width:20px;text-decoration:none;
	background: transparent url("../Images/skins/default/toolbar/priv.png") no-repeat -1px -62px;
}
a.ro--priv-settings:hover { background-position:-23px -61px; }

.secure-field,.secure-field:link,.secure-field:visited { display: block;color: var(--text,#000);font-weight: normal;text-decoration: none;width: 98%; }
.secure-field:hover { background: var(--body-bg,#efefef);color: var(--text-alt,#333); }
.secure-prefix { color: #060; }
.inpt .secure-prefix { font-size: 11px; }
.secure-field:hover .secure-prefix { color: #090; }
.secure-label,.secure-label:link,.secure-label:visited { color: var(--primary-text,#069);border: solid 1px var(--content-bg,#fff);font-weight: normal;text-decoration: none; }
.secure-label .secure-prefix,.secure-label:link .secure-prefix,.secure-label:visited .secure-prefix { color: var(--primary-text,#069); }
.secure-label:hover { background: var(--body-bg,#efefef);border: solid 1px var(--border-color,#666);color: var(--text-alt,#333); }
.secure-label:hover .secure-prefix { color:#060; }

/* Frame.css (start) */
/* TODO: Move this back into it's own file once there is more SCSS or bundling...'*/
.frame {width: 90%;text-align:left;clear:both;margin-bottom:130px;}
.frame .ft {clear:both;background:#069;background:var(--primary-bg, #069);height:32px;line-height:32px;vertical-align:middle;white-space:nowrap;padding:0;margin:0;width:100%;min-width:550px;-ms-border-radius: 6px 6px;border-radius: 6px 6px 0 0;}
.frame .ft .ftext {
	width:90%;color:#FFF;font-size:14px;font-weight:normal;margin:auto 40px auto 15px;
	font-family: 'OpenSans', Verdana, Sans-Serif;
}

.frame .ft .ftext span{color:#FFF;color:var(--text-inverse,#FFF);font-size:12px;}
.frame .ft .ftl, .frame .ft .ftr {width:10px;height:32px;}
.frame .ft .ftl {float:left;width:5px;background:#069 url("../../Images/GUI/Frame/x/ttl.gif") no-repeat top left;}
.frame .ft .ftr {float:right;background:#069 url("../../Images/GUI/Frame/x/ttr.gif") no-repeat top right;}
.frame .ft .ficons {float:right;width:30px;height:30px;}
.frame .fb {background: #FFF;background:var(--content-bg, #FFF);border:solid 1px #069;border-color:var(--primary,#069);border-top: none;margin: 0;padding:0;min-width: 550px;padding-bottom: 5px;}
.frame img {display:inline;}
.frame .ficons #fload { padding-top:5px;display:none; }
.frame .ficons #ficons { display:block; }.frame .ficons #ficons a { color:#FFF;text-decoration:none;font-size:14px;letter-spacing:2px; }.frame .ficons #ficons a:hover { color:#f3bf73; }
.frame .ff {background:#FFF url("../../Images/GUI/Frame/x/f.gif") repeat-x bottom left;height:11px;white-space:nowrap;padding:0;margin:0;min-width: 550px;}
.frame .ff .fbl, .frame .ff .fbr {width:11px;height:11px;}
.frame .ff .fbr {float: right;background:url("../../Images/GUI/Frame/x/fbr.gif") no-repeat bottom right;}
.frame .ff .fbl {float: left;background:url("../../Images/GUI/Frame/x/fbl.gif") no-repeat bottom left;}
.ftb {background:#CCC;background:var(--toolbar, #CCC);width:100%;
	/*height:35px;*/
	padding:0 0 0 5px;margin:0;}

.frame .ft .menu {cursor:pointer;}.frame .ft .menu-h {background:#069;}.frame .ft .menu-d {background:#CCC;color:#000 !important;}
.frame .menu-list { background:#CCC;border:solid 1px #069;border-top:none;position:absolute;z-index:5;display:none;padding:10px 0 0 0;}
.frame .menu-list div { line-height:20px;width:96%;padding:0 2% 0 2%;cursor:pointer;font-weight:normal;font-size:12px;}.frame .menu-list div.h {background:#999;}
.frame .menu-list div.close{border-top:solid 1px #666;text-align:right;line-height:16px;color:#666;font-size:10px;}.frame .menu-list div.close-h {color:#EFEFEF!important;background:#999;}
/* Frame.css (end) */


.svg-icon {
	display: inline-block;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}

.svg-icon path {
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}

.svg-icon.icon-footer, .fields .svg-icon-checkbox-checked, .fields .svg-icon-checkbox-unchecked {
	width: 12px;
	height: 12px;
}

#heading .svg-icon { color:#FFF;fill:#FFF; }

.future-value-label {
	color: var(--sub-text, #666);
	font-style: italic;
}

.future-value-label-changed {
	font-weight: bold
}

.future-value-label-warning {
	color: #a94442;
}

.record-latest-vers {
	/*width: 96%;*/
	margin:1em;
	display: flex;
	align-items: flex-start;
	flex-wrap: nowrap;
}

.record-latest-ver {
	width: 50%;
	display:flex;
}

.record-latest-ver-preview {
	padding-right:2%;
}

.record-latest-ver-preview img {
	height:112px;
}

.record-latest-ver .ver-pending {
	background: #069;
}

.record-latest-ver .ver-negative {
	background: #C00;
}

.record-latest-ver .ver-review {
	background: #F60;
}

.record-latest-ver .ver-complete {
	background: #090;
}

.record-latest-ver .badge {
	padding:4px 8px;
	border-radius: 5px 5px;
	display:table-cell;
	color:#FFF;
}

.record-latest-ver a:link, .record-latest-ver a:visited {
	font-weight:normal;
	text-decoration: none;
	border: solid 1px #fff;
	border-color: var(--content-bg);
	display:block;
	padding: 8px;
	border-radius: 6px 6px;
}

.record-latest-ver-text a:hover {
	background-color:#efefef;
	background-color: var(--clickable-hover-bg, #EFEFEF);
	border: solid 1px #ccc;
	border-color: var(--clickalbe-hover-border, #CCC);
	display:block;
	padding: 8px;
	border-radius: 6px 6px;
}

.record-latest-ver-text div {
	padding: 2px 4px;
}

.record-latest-ver-preview a:hover {
	border: solid 1px #ccc;
}

.latest-ver-st .gv-footer {
	padding: 3px 1em;
	border-top:solid 1px #CCC;
	border-color:var(--input-border);
}

.name-no-match {
	background-color: lightcoral;
	color: white;
}
.hidden {
	display: none !important;
}

.rgSelectedRow .group-ver-log-comments, .rgSelectedRow .group-ver-log-comments * {
	color: white;
}

.rgSelectedRow .group-ver-log-comments .name-no-match {
	background-color: lightcoral;
	color: white;
}


.toolbar-button, .toolbar-button-title, .toolbar-button-icon, .toolbar-button-icon:hover {
	color: var(--tb-btn, #069);
}

.toolbar-button:hover {
	background-color: var(--tb-btn-hover, #f3bf73);
}


.toolbar-button {
	padding: 6px 6px;
	background-color: transparent;
	border: none;
	border-radius: 0;
	white-space: nowrap;
	text-decoration: none;
	display: block;
	border: 1px solid rgba(0,0,0,0); /** set border with 0 opacity */
}
.toolbar-button-menu.toolbar-button-menu {
	font-weight: bold;
	cursor: default;
}

.toolbar-button-icon {
	vertical-align: middle;
}

svg.toolbar-button-icon {
	width: 12px;
	height: 12px;
}

.toolbar-button-title {
	display: inline-block;
	font-size: 10px;
	text-transform: capitalize;
	margin-left: 5px;

}

svg.grid-icon {
	width: 12px;
	height: 12px;
	display: inline-block;
	padding-top: 2px;
}

svg.grid-icon.grid-icon-complete {
	color: #0c0;
}


.alarms {
	width: 96%;
	border: solid 1px var(--error-border, #C00);
	background: var(--error-bg, #FCC);
	margin: 5px 2% 5px 2%;
	padding: 2px 0 2px 0;
}

	.alarms .t {
		color: var(--error-text, #c00);
		font-weight: bold;
	}

	.alarms td {
		width: 50%;
		white-space: nowrap;
	}

	.alarms .c {
		text-align: center;
		font-weight: bold;
		color: #CC0000;
	}

	.alarms .co {
		cursor: pointer;
		text-align: center;
		background-color: #FF6666;
		font-weight: bold;
		color: #660000;
	}

	.alarms .o {
		cursor: pointer;
		background: #F66;
		color: #600;
	}

.AlarmCountContainer {
	width: 96%;
	border: solid 1px #CC0000;
	background: #FFCCCC;
	margin: 5px 2% 5px 2%;
	text-align: center;
	cursor: pointer;
	padding: 2px 0 2px 0;
	display: none;
}

.NoAlarmsContainer {
	margin: 5px 2% 5px 2%;
	text-align: center;
	border: solid 1px #006600;
	border-color: var(--success-border, #060);
	background-color: #99CC99;
	background-color: var(--success-bg, #9C9);
	color: var(--success-text, #060);
	padding: 2px 0 2px 0;
	width: 96%;
	text-align: center;
}

/* ------------------------- */
/* Phone/iPad */
/* Hide when in regular mode*/
.np-popout, #np-popout-link, #main-menu-icon {
	display: none;
}

@media only screen and (max-width: 1024px) {
	.SubNavigation {
		display: block;
		visibility: collapsed;
		width:0;
		padding-top:0;
	}
		.SubNavigation .np-container {
			display: none;
			position: absolute;
			left: 20px;
			z-index: 99999;
			margin-left: .25em;
			filter: drop-shadow(30px 30px 30px var(--shadow, #000));
			height: 100%;
			background: var(--menu, #666);
		}

	form > table > tbody > tr >td:nth-child(2) {
		display:block;
	}

	#np-popout-link {
		display: block;
	}

	.np-popout {
		display: block;
		visibility: visible;
		position: fixed;
		font-size: 15px;
		background: var(--menu, #666);
		color: var(--menu-text, #EFEFEF);
		padding: 0 .25em;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index:99999;
	}

		.np-popout:hover {
			background: #777;
			cursor:pointer;
		}

		.np-popout.out svg {
			transform: rotate(180deg);
		}

	#main-menu-icon {
		display: block;
	}

	#main-menu-search {
		display: none;
	}

	#main-menu-sheet {
		position: absolute;
		margin: 2%;
		width:96%;
		min-height:96%;
		z-index:999998;
		background-color: var(--menu);
		top: 0;
		border-radius: 10px 10px;
	}
		#main-menu-sheet .loading {
			text-align:center;
		}

	#main-menu-bg {
		position: fixed;
		margin: 0;
		width: 100%;
		height: 100%;
		z-index: 999997;
		background-color: var(--shadow);
		opacity: 0.7;
		top: 0;
	}

	#main-menu-close {
		position: absolute;
		right: 20px;
		top: 20px;
		z-index: 999999;
		color: var(--menu-text);
		font-size:16px;
		cursor:pointer;
	}

	a.main-menu-top-link:hover {
		cursor: pointer;
		color: var(--menu-text);
	}

	.main-menu-top-link h2 {
		margin: 0;
		padding: .5em;
		color: var(--menu-text);
		border-radius: 10px;
	}

	.main-menu-top-link.at h2 {
		background: var(--menu-divider);
	}

	a.main-menu-top-link h2:hover {
		background: var(--main-menu-hover);
		cursor: pointer;
	}

	.main-menu-wrapper {
		display: grid;
		grid-template-columns: 1fr 2fr;
		padding: 1em;
		grid-gap: 1em;
	}

	.menu-item-0 {
		display: none;
	}

	#main-menu-sheet h3 {
		margin-bottom: 0;
		color: var(--menu-sub-heading-text);
	}

	.mm-text {
	}

		.mm-text a:link, mm-text a:visited, .mm-text a {
			color: #FFF;
			color: var(--menu-text, #FFF);
			font-weight: normal;
			font-size: 12px;
			text-decoration: none;
			padding: .25em;
			display:block;
		}

		.mm-text a:hover {
			color: var(--main-menu-hover);
			text-decoration:underline;
		}

	.menu-item-1 .mm-text.no-link {
		color: var(--menu-sub-heading-text, #C9C9C9);
		font-size: 14px;
		font-variant: small-caps;
		cursor: default;
		font-family: Verdana, Tahoma, Sans-Serif;
		text-transform: lowercase;
	}

	.menu-item {
		padding-left: 1em;
	}

		.menu-item.menu-item-1 {
			padding-left: .25em;
		}
}


/*Overlay*/
.overlay {
	position: fixed; /* Sit on top of the page content */
	display: block;
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5); /* Black background with opacity */
	z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
	cursor: pointer; /* Add a pointer on hover */
}

.overlay-text {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 25px;
	color: black;
	background-color: white;
	padding: 10px;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}

/* Migrated from FilterBuilder.css */
.FilterButton {
	width: 25px;
	height: 20px;
}

.Default {
	font-size: 9pt;
	color: var(--text, #000);
}

.Operator {
	font-size: 9pt;
	color: var(--primary-text, #00F);
}

.KeyWord, .Keyword {
	font-size: 9pt;
	color: var(--primary-text, #00F);
	text-transform: uppercase;
}

.String {
	font-size: 9pt;
	color: var(--secondary, #F00);
}

.SQLStringFrame {
	padding: 2px 0px 2px 1px;
	background: var(--body-bg, #EFEFEF);
	border: solid 1px var(--border-color, #666);
}

a.SQLEdit:link, a.SQLEdit:visited, a.SQLEdit:active, a.SQLEdit:hover, a.SQLEdit {
	text-decoration: none;
	font-weight: normal;
}

	a.SQLEdit:hover {
		background: var(--menu-alt, #CCC);
	}

a.SQLEdit, a.SQLEdit span {
	font-family: Consolas, Menlo, Monaco, "Lucida Console", monospace;
}

.newNote {
	width: 96%;
	padding: 0 2% 2px 2%;
}

.note-Complete {
	color: var(--success-text, #090);
}

.note-Incomplete {
	color: var(--text, #000);
}

	.note-Incomplete a:link {
		color: var(--text, #000);
	}

	.note-Incomplete a:visited {
		color: var(--text, #000);
	}

	.note-Incomplete a:hover {
		color: var(--text, #000);
	}

.note-OverDue {
	color: var(--error, #C00);
	font-weight: bold;
}

	.note-OverDue a:link {
		color: var(--error, #C00);
	}

	.note-OverDue a:visited {
		color: var(--error, #C00);
	}

	.note-OverDue a:hover {
		color: var(--error, #C00);
	}