:root {
	--primary: #425499;
	--secondary: #313f62;
	--accent: #ffc000;
	--hover: #ffcd8a;
	/* var(--primary); */
}
* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-family:'Open Sans', sans-serif;
}
*[onclick], label[for], a, input[type=button], input[type=submit], input[type=reset], select, button  {
	cursor:pointer;
}
label[for=''] {
	cursor:default;
}
html {
	font-size: 100%;
}
html, body {
	height:100%;
}
body, form, h1, h2, h3 {
	margin:0px;
	padding:0px;
}
body, input, textarea, select, button {
	font-size:30px;
	font-size:3rem;
}
data {
	display:none;
}
h1   {
	font-size:5rem;
	margin-bottom:1rem;
}
h2 {
	font-size:4rem;
}
h3 {
	font-size:3rem;
}
h1, h2, h3 {
/*	font-family:'Jockey One', Arial, Verdana, Helvetica; font-weight:900; */
	font-family:'Open Sans', sans-serif; 
	font-weight:800;  
	margin-top:1rem;
}
a {
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
hr {
	border-width:0.5rem;
	border-style:solid;
	border-radius:1rem;
	margin-top:2rem;
	margin-bottom:3rem;
}
form fieldset label, filter span label  {
	display:block;
	font-weight:bold;
	font-size:3rem;
}
form fieldset label.TblLbl {
	display:inline-block;
}
form fieldset field {
	display:inline-block;
	width:100%;
}
form fieldset.Fld2 field {
	width:50%;
}
form fieldset.Fld2 field:first-child {
	padding-right:1rem;
}
form fieldset.Fld2 field:last-child {
	padding-left:1rem;
}
filter {
	display:block;
}
filter span {
	display:inline-block;
	width:100%;
}
filter h1 {
	display:block;
	font-size:1.5rem;
	margin-left:1rem;
	margin-right:1rem;
	padding:1rem;
	border-radius:1rem;
}
sort {
	display:none;
}
/*
form field dialog {
	display:block;
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
}
form field dialog:empty {
	display:none;
}
form field dialog div {
	width:250px;
	padding:20px;
	border-radius:10px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}
*/

.FieldPreview {
	min-height:10rem;
	padding:1rem;
	margin-top:1rem;
	border-style:dashed;
	border-radius:1rem;
	border-width:0.5rem;
	border-color:rgb(64,64,64);
	background-color:rgb(160,160,160);
	background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 512'><path fill='rgb(64,64,64)' d='M398.1,233.2c0-1.2,0.2-2.4,0.2-3.6c0-65-51.8-117.6-115.7-117.6c-46.1,0-85.7,27.4-104.3,67c-8.1-4.1-17.2-6.5-26.8-6.5  c-29.5,0-54.1,21.9-58.8,50.5C57.3,235.2,32,269.1,32,309c0,50.2,40.1,91,89.5,91H224v-80l-48.2,0l80.2-83.7l80.2,83.6l-48.2,0v80  h110.3c45.2,0,81.7-37.5,81.7-83.4C480,270.6,443.3,233.3,398.1,233.2z'/></svg>");
	background-position-x: center;
	background-position-y: 0rem;
	background-repeat: no-repeat;
	background-size: 9rem;
}
.DivSubForm {
    border-style: solid;
    border-radius: 1rem;
    border-width: 0rem;
    padding: 2rem;
}
.DivSubForm:empty {
	display:none;
}

input[type=text], input[type=date], input[type=datetime], input[type=file], input[type=number], input[type=email], input[type=url], input[type=password], input[type=phone], 
input[type=coordinates], input[type=address], input[type=city], input[type=state], input[type=zip], select, textarea, .FakeInput {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: inset 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.7);
	border-radius:1rem;
	border-style:solid;
	border-width:0px;
	padding:1rem;
	width:100%;
}
input[type=number].Half {
	width:40%;
}
span.Half, font.Half {
	display:inline-block;
	width:10%;
	padding-left:0.5rem;
	font-weight:bold;
}
input[type=button].Third {
	width:30%;
	min-width:30%;
	float: right;
	margin-right:0rem;
}
input[type=number].Third {
	width:20%;
}
span.Third, font.Third {
	display:inline-block;
	width:10%;
	padding-left:0.5rem;
	font-weight:bold;
}
input[type=text].Color-Toggle {
	width:15rem;
	margin-right:1rem;
}
input[type=date] {
	height:6rem;
	margin:0rem;
}
input[type=file] {
	margin-bottom:1rem;
}
select[data-transform], input.Combo-Text, select.Combo-Select  {
	border-top-right-radius:0rem;
	border-bottom-right-radius:0rem;
	margin:0rem;
	width:85%;
	vertical-align:middle;
}
select.Combo-Select.Search {
	width:70%;
}
input.Combo-Select-Filter {
	margin-top: 0.5rem;
}
select.Combo-Range {
	border-top-right-radius:0rem;
	border-bottom-right-radius:0rem;
	margin:0rem;
	width:20%;
}
input.Combo-Left, input.Combo-Rght {
	border-radius:0rem;
	margin:0rem;
	width:25%;
}
input.Combo-Midd {
	border-radius:0rem;
	margin:0rem;
	width:50%;
}
input.Combo-Hide {
	border-radius:0rem;
	width:0%;
	padding:0rem;
}
select.Search-Range {
	border-top-right-radius:0rem;
	border-bottom-right-radius:0rem;
	margin:0rem;
	width:36%;
}
input.Search-Left, input.Search-Rght {
	border-radius:0rem;
	margin:0rem;
	width:32%;
}
input.Search-Rght {
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
}
input.Search-Midd {
	border-radius:0rem;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	margin:0rem;
	width:64%;
}
input.Search-Hide {
	border-radius:0rem;
	width:0%;
	padding:0rem;
}
input.Combo-Filter.Mid {
	border-radius:0rem !important;
}
input[type=color] {
	margin-right:1rem;
}
input[type=checkbox] {
	display:none;
}
input[type=checkbox] + label  {
	display:inline-block;
}
input[type=checkbox] + label span {
	display:inline-block;
    width:4.5rem !important;
    height:4.5rem !important;
	border-radius:1rem;
	border-style:solid;
	border-width:0px;
	box-shadow: inset 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.7);
    cursor:pointer;
	vertical-align:middle;
	margin-right:1rem;
	background-position:center;
	background-repeat:no-repeat;
	background-size:80%;
}
input[type=checkbox]:checked + label span {
	background-position:center;
	background-repeat:no-repeat;
	background-size:80%;
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 24'><path clip-rule='evenodd' d='M21.652,3.211c-0.293-0.295-0.77-0.295-1.061,0L9.41,14.34  c-0.293,0.297-0.771,0.297-1.062,0L3.449,9.351C3.304,9.203,3.114,9.13,2.923,9.129C2.73,9.128,2.534,9.201,2.387,9.351  l-2.165,1.946C0.078,11.445,0,11.63,0,11.823c0,0.194,0.078,0.397,0.223,0.544l4.94,5.184c0.292,0.296,0.771,0.776,1.062,1.07  l2.124,2.141c0.292,0.293,0.769,0.293,1.062,0l14.366-14.34c0.293-0.294,0.293-0.777,0-1.071L21.652,3.211z' fill-rule='evenodd' style='fill:#000000;' /></svg>");
}
input[type=checkbox].FilterCheck + label span {
	box-shadow:none;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	background-color: transparent;
	background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 36 30'><polygon fill='rgb(0,0,0)' points='14,30 22,25 22,17 35.999,0 17.988,0 0,0 14,17 '/></svg>");
}
input[type=checkbox][disabled].FilterCheck + label span {
	background-image:none;
}
input[type=checkbox].FilterCheck:checked + label span {
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	background-color: transparent !important;
	background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 36 30'><polygon fill='rgb(255,255,255)' points='14,30 22,25 22,17 35.999,0 17.988,0 0,0 14,17 '/></svg>");
}
input[type=checkbox].TableCheck + label {
	margin-bottom:auto;
}
input[type=checkbox].TableCheck + label span {
	margin-right:auto;
	width: 2rem !important;
    height: 2rem !important;
    margin-top: -1.3rem;
	margin-bottom: -1rem;
	box-shadow:none;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	background-color: transparent !important;
	background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 32 32'><g><g id='Complete_x5F_Symbol_1_'><g id='Complete_x5F_Symbol'><circle cx='16' cy='16' id='BG' r='16' style='fill:rgb(120,120,120);'/><polygon id='Done_x5F_Symbol' points='14,17.9 14,17.9 14,17.9 10.1,14 8,16.1 14,22.1 24,12.1 21.9,10 ' style='fill:rgb(120,120,120);'/></g></g></g></svg>");
}
input[type=checkbox][disabled].TableCheck + label span {
	background-image:none;
}
input[type=checkbox].TableCheck:checked + label span {
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	background-color: transparent;
	background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 32 32'><g><g id='Complete_x5F_Symbol_1_'><g id='Complete_x5F_Symbol'><circle cx='16' cy='16' id='BG' r='16' style='fill:rgb(0,0,0);'/><polygon id='Done_x5F_Symbol' points='14,17.9 14,17.9 14,17.9 10.1,14 8,16.1 14,22.1 24,12.1 21.9,10 ' style='fill:rgb(230,230,230);'/></g></g></g></svg>");
}
table input[type=checkbox] + label {
	margin:0rem;
	padding:0rem;
}
table input[type=checkbox] + label span {
    width:3rem !important;
	height:3rem !important;
	margin-top:-2.3rem;
	margin-bottom:-2rem;
	border-radius:0.5rem;
	padding:0rem;
}
section.Tbl input[type=checkbox] + label span {
    width:3rem !important;
	height:3rem !important;
	margin-top:-2.3rem;
	margin-bottom:-2rem;
	border-radius:0.5rem;
	padding:0rem;
}
button {
	cursor:pointer;
}
input[type=button], input[type=submit], input[type=reset], a.button, button {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance: none;
	font-weight:bold;
	font-size:3rem;
	padding:1.5rem;
	margin-right:1.5rem;
	border-radius:1rem;
	border-style:solid;
	border-width:0rem;
	box-shadow: 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.7);
	min-width:25rem;
}
input[type=button][data-actionid], input[type=button].Combo-Button, input[type=button].Combo-Send, input[type=button].Combo-Detail, input[type=button].Combo-Upload, input[type=button].Combo-Search, input[type=button].Combo-Finder, input[type=button].Combo-Cancel, filter span input[type=button].Combo-Filter {
	border-style:solid;
	border-width:0rem;
	border-top-left-radius:0rem;
	border-bottom-left-radius:0rem;
	border-top-right-radius:1rem;
	border-bottom-right-radius:1rem;
	padding:1.1rem;
	margin:0px;
	box-shadow: none;
	min-width:15%;
	width:15%;
	float:right;
}
select.Combo-Select.Finder {
	width:70%;
	vertical-align: middle;
}
input[type=button].Combo-Detail.Finder {
	border-radius:0rem;
	float:none;
	vertical-align: middle;
}
input[type=button].Combo-Finder {
	float:none;
	vertical-align: middle;
	background-color: rgb(50,50,50);
}
input[type=button].Combo-Cancel {
	background-color: rgb(50,50,50);
}
input[type=button].Combo-Finder:hover, 
input[type=button].Combo-Cancel:hover {
	background-color: rgb(70,70,70);
}
input[type=button].Combo-Button {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
input[type=button].Combo-Button.Delete {
	background-size: auto 80%;
}
input[type=button].Combo-Detail, input[type=button][data-actionid] {
	background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 23'><g fill='none' fill-rule='evenodd' id='miu' stroke='none' stroke-width='1'><g id='Artboard-1' transform='translate(-251.000000, -479.000000)'><g id='slice' transform='translate(215.000000, 119.000000)'/><path d='M254.5,493 C255.880712,493 257,491.880712 257,490.5 C257,489.119288 255.880712,488 254.5,488 C253.119288,488 252,489.119288 252,490.5 C252,491.880712 253.119288,493 254.5,493 L254.5,493 Z M263,493 C264.380712,493 265.5,491.880712 265.5,490.5 C265.5,489.119288 264.380712,488 263,488 C261.619288,488 260.5,489.119288 260.5,490.5 C260.5,491.880712 261.619288,493 263,493 L263,493 Z M271.5,493 C272.880712,493 274,491.880712 274,490.5 C274,489.119288 272.880712,488 271.5,488 C270.119288,488 269,489.119288 269,490.5 C269,491.880712 270.119288,493 271.5,493 L271.5,493 Z' fill='rgb(255,255,255)' /></g></g></svg>");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
input[type=button].Combo-Upload {
	background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 512'><path fill='rgb(255,255,255)' d='M398.1,233.2c0-1.2,0.2-2.4,0.2-3.6c0-65-51.8-117.6-115.7-117.6c-46.1,0-85.7,27.4-104.3,67c-8.1-4.1-17.2-6.5-26.8-6.5  c-29.5,0-54.1,21.9-58.8,50.5C57.3,235.2,32,269.1,32,309c0,50.2,40.1,91,89.5,91H224v-80l-48.2,0l80.2-83.7l80.2,83.6l-48.2,0v80  h110.3c45.2,0,81.7-37.5,81.7-83.4C480,270.6,443.3,233.3,398.1,233.2z'/></svg>");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
input[type=button].Combo-Search {
	background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 24'><g><path fill='rgb(0,0,0)' d='M12,4c4.4,0,8,3.6,8,8s-3.6,8-8,8s-8-3.6-8-8S7.6,4,12,4 M12,2C6.5,2,2,6.5,2,12c0,5.5,4.5,10,10,10s10-4.5,10-10   C22,6.5,17.5,2,12,2L12,2z'/></g><line fill='none' stroke='rgb(0,0,0)' stroke-miterlimit='10' stroke-width='2' x1='18.2' x2='5.8' y1='18.2' y2='5.8'/></svg>");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
input[type=button].Combo-Finder {
	background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.0' viewBox='0 0 1024 1024'><path d='M960 832L710.875 582.875C746.438 524.812 768 457.156 768 384 768 171.96900000000005 596 0 384 0 171.969 0 0 171.96900000000005 0 384c0 212 171.969 384 384 384 73.156 0 140.812-21.562 198.875-57L832 960c17.5 17.5 46.5 17.375 64 0l64-64C977.5 878.5 977.5 849.5 960 832zM384 640c-141.375 0-256-114.625-256-256s114.625-256 256-256 256 114.625 256 256S525.375 640 384 640z' fill='rgb(255,255,255)' /></svg>"); 
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-origin: content-box;
}
input[type=button].Combo-Cancel {
	background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 24'><g><path fill='rgb(255,255,255)' d='M12,4c4.4,0,8,3.6,8,8s-3.6,8-8,8s-8-3.6-8-8S7.6,4,12,4 M12,2C6.5,2,2,6.5,2,12c0,5.5,4.5,10,10,10s10-4.5,10-10   C22,6.5,17.5,2,12,2L12,2z'/></g><line fill='none' stroke='rgb(255,255,255)' stroke-miterlimit='10' stroke-width='2' x1='18.2' x2='5.8' y1='18.2' y2='5.8'/></svg>");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-origin: content-box;
}
input[type=button].Combo-Filter {
	background-color:var(--accent);
	background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 36 40'><polygon fill='rgb(0,0,0)' points='14,30 22,25 22,17 35.999,0 17.988,0 0,0 14,17 ' transform='translate(0 5)'/></svg>");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
input[type=button].Combo-Filter:hover { 
	background-color:var(--hover);
}
input[type=button].Combo-Send {
	background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 32 32'><path d='M28,5H4C1.791,5,0,6.792,0,9v13c0,2.209,1.791,4,4,4h24c2.209,0,4-1.791,4-4V9  C32,6.792,30.209,5,28,5z M2,10.25l6.999,5.25L2,20.75V10.25z M30,22c0,1.104-0.898,2-2,2H4c-1.103,0-2-0.896-2-2l7.832-5.875  l4.368,3.277c0.533,0.398,1.166,0.6,1.8,0.6c0.633,0,1.266-0.201,1.799-0.6l4.369-3.277L30,22L30,22z M30,20.75l-7-5.25l7-5.25  V20.75z M17.199,18.602c-0.349,0.262-0.763,0.4-1.199,0.4c-0.436,0-0.851-0.139-1.2-0.4L10.665,15.5l-0.833-0.625L2,9.001V9  c0-1.103,0.897-2,2-2h24c1.102,0,2,0.897,2,2L17.199,18.602z' fill='rgb(255,255,255)' id='mail'/></svg>");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
input[type=button][data-actionid].DoubleComboF {
	border-radius:0rem;
	min-width:25%;
	width:25%;
} 
input[type=button][data-actionid].DoubleComboL {
	background-size:60%;
	background-repeat:no-repeat;
	background-position: center;
	min-width:5%;
	width:5%;
} 
input[type=button].Float-Right, input[type=submit].Float-Right , input[type=reset].Float-Right, div.JTblBelowRight input  {
	margin-right:0rem;
	margin-left:1.5rem;
}
cw-feed input[type=button].Btn-New, feed-display input[type=button].Btn-New, input[type=button].Tbl-Btn-Top, button.Btn-New {
	margin-right:0rem;
	margin-top:-0.5rem;
	margin-left:1rem;
	padding-top:0.6rem;
	padding-bottom:0.6rem;
	border-radius:0.5rem;
	box-shadow: none;
	float:right;
}
cw-feed input[type=button].Btn-Map, feed-display input[type=button].Btn-Map {
	margin:0rem;
	padding:1.1rem;
	border-radius:1rem;
	box-shadow: none;
	background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'><g><path d='M325.317,578.848c73.923,0,182.642-277.29,182.642-364.46c0-100.716-81.943-182.642-182.642-182.642   c-100.716,0-182.65,81.926-182.65,182.642C142.667,297.326,255.907,578.848,325.317,578.848z M179.027,214.388   c0-80.66,65.622-146.281,146.291-146.281c80.659,0,146.272,65.622,146.272,146.281c0,41.885-23.42,120.284-59.681,199.751   c-38.449,84.249-72.666,128.35-86.574,128.35c-6.782-0.471-39.362-31.794-84.304-128.559   C203.948,334.093,179.027,253.895,179.027,214.388z' fill='rgb(255,255,255)'/><path d='M437.012,217.417c0-61.589-50.114-111.703-111.694-111.703c-61.598,0-111.703,50.114-111.703,111.703   c0,61.598,50.104,111.703,111.703,111.703C386.897,329.12,437.012,279.015,437.012,217.417z M246.611,217.417   c0-43.404,35.302-78.715,78.707-78.715c43.396,0,78.706,35.311,78.706,78.715c0,43.396-35.311,78.707-78.706,78.707   C281.913,296.124,246.611,260.813,246.611,217.417z' fill='rgb(255,255,255)'/><path d='M755.526,746.316l-140.72-392.031c-1.646-4.584-5.219-8.184-9.785-9.856l-100.896-36.993l-1.32,4.431   c-4.503,15.038-9.639,30.654-15.281,46.46l-0.362,0.995L502.1,470.799l-75.253,23.936l-0.831,1.501   c-6.022,10.752-12.036,20.698-17.995,29.786l-0.325,0.479c-7.777,11.837-17.561,22.208-25.121,31.017l-3.11,1.221v163.615   L266.92,686.699l16.132-112.743l-1.085-1.528c-6.746-6.447-13.446-14.296-20.436-23.33l-6.239-8.229l-19.279,144.5L86.042,727.472   l66.797-186.015l81.799-32.716l-2.55-4.368c-4.033-6.89-7.976-13.943-11.8-21.06l-1.836-3.418l-50.792,20.319l25.69-71.555   l-0.732-1.609c-4.847-10.725-9.54-21.558-13.935-32.228l-4.304-10.417L44.474,746.316c-2.089,5.797-0.778,12.207,3.436,16.72   c3.092,3.319,7.469,5.218,12.008,5.218c1.483,0,2.966-0.208,4.413-0.605l186.322-52.312l137.718,42.853   c0.1,0.072,0.19,0.136,0.28,0.208c2.333,1.7,5.245,2.677,8.039,2.812c2.161,0.453,5.036,0.371,6.031,0.082   c3.382-0.217,6.284-1.193,8.608-2.885c0.1-0.072,0.199-0.145,0.299-0.217l137.718-42.853l186.341,52.312   c5.787,1.618,12.315-0.209,16.402-4.621C756.305,758.523,757.615,752.113,755.526,746.316z M416.502,722.354V532.487l90.064-28.683   l24.523,182.895L416.502,722.354z M518.701,347.711l67.82,24.867l45.104,125.656l-96.23-25.916L518.701,347.711z M563.933,685.369   l-23.818-177.813l105.012,28.268l68.805,191.647L563.933,685.369z' fill='rgb(255,255,255)'/></g></svg>"); 
	background-repeat:no-repeat;
	background-position:1.5rem;
	background-size:2.5rem;
}
feed-control, feed-sql {
	display:none; 
	background-color:rgb(160,160,160);
	color:rgb(0,0,0);
	padding:1rem;
	border-radius:1rem;
}
feed-display {
	display:block;
	position:relative;
}
div#RptFeedFilters {
	display:none;
}
div.Feed-SQL {
	background-color:rgb(160,160,160);
	color:rgb(0,0,0);
	padding:1rem;
	border-radius:1rem;
	margin-top:1rem;
}
a.button {
	text-decoration:none;
}
dialog.PgeMessage {
	position:fixed;
	top:10rem;
	border-radius:1rem;
	font-weight:bold;
	pointer-events: none;
	z-index: 99999999999999999999;
}
dialog[field-menu] {
	position:absolute;
	border-radius:0.5rem;
	width:20rem;
	top:105%;
	left:50%;
	margin-left:-10rem;
	padding:0.5rem;
	border:none;
	display:none;
	z-index: 999999999;
}
dialog[field-menu][open] {
	display:block;
}
dialog[field-menu] div {
	margin-bottom:0.5rem;
}
dialog[field-menu] div:last-child {
	margin-bottom:0rem;
}
dialog[field-menu] div, dialog[field-menu] select, dialog[field-menu] input {
	box-shadow: none;
	padding:0.5rem;
	font-weight:bold;
	border-radius:0.5rem;
}
dialog[field-menu] input[type=date] {
	padding:1rem;
}
visual-icon {
	display:inline-block;
	vertical-align:middle;
}
visual-icon div {
	display:none;
}
visual-icon:hover div {
	display:inline-block;
}
visual-icon.IconPaid {
	vertical-align:middle;
/*	float:left;	*/
}
visual-icon.IconPaidProj {
	vertical-align:middle;
	margin-left:10px;
}
icon.IconPaidBook {
	vertical-align:middle;
	margin-left:10px;
	height: 16px;
	width: 16px;
}
.SearchFind {
	max-height:64rem;
	overflow-y: scroll;
	background-color:rgb(160,160,160);
	position:absolute;
	width:100%;
	z-index: 99999999999999;
}
.SearchFind div {
	padding:0.70rem;
	cursor:pointer;
}
.SearchFind div:hover {
	background-color:rgb(30,154,245);
	color:white;
}
.SearchFind:empty {
	display:none;
}

form field {
	position:relative;
}
form field icon[type=info] {
	cursor: help;
	height:1.8rem;
	width:1.8rem;
	float:right;
	margin-top:1rem;
}
form field icon[type=info] info {
	display:none;
}
form field icon[type=info]:hover info {
	display:inline-block;
	background-color: rgba(0,0,0,0.7);
	border-radius:0.5rem;
	position:absolute;
	padding:0.5rem;
	padding-left:1rem;
	padding-right:1rem;
	font-weight:bold;
	color:rgb(255,255,255);
	top:-2.3rem;
	right:1rem;
}
form#UserSettings field icon[type=info] {
	margin-top:0rem;
}
form field icon[type=info]:hover info {
	top:-3.3rem;
}

.Float-Right {
	float:right;
}
.Text-Right {
	text-align:right;
}
input.Btn-Wide {
	width:100%;
}
.Thumbnail {
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	display:inline-block;
	border-radius:10px;
	margin:10px;
	height:170px;
	width:170px;
	cursor:pointer;
}
.FieldPreview .Thumbnail, .FieldDisplay .Thumbnail {
	margin:0rem;
	height:28rem;
	width:28rem;
	border-radius:0.5rem;
	position:relative;
	cursor: default;
}
.FieldDisplay .Thumbnail {
	border-radius:1rem;
}
.FieldPreview, .FieldDisplay {
	text-align: center;
}
.FieldPreview .Thumbnail icon.Delete {
	cursor:pointer;
	display:none;
	height:4rem;
	width:4rem;
	position:absolute;
	top:1rem;
	right:1rem;
	background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 500 500'><path clip-rule='evenodd' fill-rule='evenodd' d='M418.081,122.802h-59.057V68.29  c0-20.077-16.262-36.34-36.341-36.34H177.316c-20.078,0-36.342,16.264-36.342,36.34v54.513H81.918  c-12.536,0-22.713,10.177-22.713,22.715c0,12.536,10.177,22.713,22.713,22.713h13.629v263.48c0,20.078,16.262,36.34,36.341,36.34  h236.224c20.078,0,36.341-16.262,36.341-36.34v-263.48h13.629c12.535,0,22.715-10.177,22.715-22.713  C440.796,132.979,430.616,122.802,418.081,122.802z M313.598,122.802H186.4V97.367c0-11.083,8.909-19.991,19.991-19.991h87.216  c11.084,0,19.99,8.909,19.99,19.991V122.802z M186.4,186.401v218.051c0,9.992-8.181,18.172-18.17,18.172s-18.17-8.18-18.17-18.172  V186.401c0-9.989,8.18-18.17,18.17-18.17S186.4,176.412,186.4,186.401z M268.172,186.401v218.051  c0,9.992-8.181,18.172-18.172,18.172c-9.99,0-18.17-8.18-18.17-18.172V186.401c0-9.989,8.181-18.17,18.17-18.17  C259.991,168.231,268.172,176.412,268.172,186.401z M349.938,186.401v218.051c0,9.992-8.181,18.172-18.169,18.172  c-9.99,0-18.172-8.18-18.172-18.172V186.401c0-9.989,8.182-18.17,18.172-18.17C341.758,168.231,349.938,176.412,349.938,186.401z' fill='rgb(255,255,255)'></path></svg>"); 
	background-color:rgb(64,64,64);
	background-size:80%;
	background-position:center;
	border-radius:0.5rem;
}
.FieldPreview .Thumbnail:hover icon.Delete {
	display:inline-block;
}
.FieldPreview .Thumbnail + .Thumbnail, .FieldDisplay .Thumbnail {
	margin-top:1rem;
	margin-left:0.5rem;
	margin-right:0.5rem;
}

/* -- Tables -- */
div.JForms form {
	margin-bottom:1rem;
}
div.JForms form h1 {
	margin-top:-1rem;
}
table.TblFixed {
	table-layout: fixed;
}
table.JTbl {
	display:table;
	width:100%;
	border-spacing:0rem 0.3rem;
	margin-bottom:0rem;
}

table.JTbl thead tr th {
	font-weight:bold;
	position:relative;
}
table.JTbl tfoot tr th {
	position:static;
}
table.JTbl tr th icon {
	vertical-align:bottom;
	margin-left:0.5rem;
}
table.JTbl tr th, table.JTbl tr td {
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	padding:1rem;
	font-size:2rem;
	text-align:center;
}
table.JTbl tr th:first-child,
table.JTbl tr td:first-child {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
table.JTbl tr thtable.JTbl tr th:last-child,
table.JTbl tr th:last-child, 
table.JTbl tr td:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.JTblBelow {
	margin-top:1rem;
}
.JTblBelowRight {
	text-align:right;
	min-height:2.5rem;
}
.JTblBelowRight:empty {
	min-height:0rem;
}
.JTblExport {
	position:relative;
}
table.JTbl tr th.JActions {
	min-width:12rem;
	max-width:12rem;
	width:12rem;
}
table.JTbl tr th.JMenu {
	cursor:pointer;
}
table.JTbl tr th.JMenu:hover {
	background-color:var(--secondary);
}
table.JTbl tr th.JMenu icon {
	vertical-align: middle;
}
table.JTbl tr th.JGroup {
	text-align:left;
}
.MsgWarning {
	font-weight:bold;
}
.FakeInput {
	white-space: pre-wrap;
}
table.JTbl div.Row-Action, table.JTbl button.Row-Action {
	max-width:3.5rem;
	min-width:3.5rem;
	width:3.5rem;
	height:3rem;
	margin:0rem;
	margin-top:-1rem;
	margin-bottom:-1rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:50%;
}
table.JTbl button.Row-Action {
	border:none;
	vertical-align: middle;
    margin-top: -1.3rem;
	box-shadow:none;
}
table.JTbl div.Row-Action:first-of-type, table.JTbl button.Row-Action:first-of-type {
	margin-left:-1rem;
}
table.JTbl div.Row-Action:last-of-type, table.JTbl button.Row-Action:first-of-type {
	margin-right:-1rem;
}
table.JTbl div.Row-Action:only-of-type, table.JTbl button.Row-Action:first-of-type {
	margin-left:-1rem;
	margin-right:-1rem;
}
section.Tbl div.Row-Action, section.Tbl button.Row-Action {
	height:3rem;
	margin:0rem;
	margin-top:0rem;
	margin-bottom:-0.5rem;
	padding:0rem !important;
}
section.Tbl div.Row-Action icon {
	margin-top:0.5rem;
}
/*
table.JTbl div.Row-Action:first-child:nth-last-child(1) {
    width: 100%;
}
table.JTbl div.Row-Action:first-child:nth-last-child(2),
table.JTbl div.Row-Action:first-child:nth-last-child(2) ~ table.JTbl div.Row-Action {
    width: 50%;
}
table.JTbl div.Row-Action:first-child:nth-last-child(3),
table.JTbl div.Row-Action:first-child:nth-last-child(3) ~ table.JTbl div.Row-Action {
    width: 33.3333%;
}
table.JTbl div.Row-Action:first-child:nth-last-child(4),
table.JTbl div.Row-Action:first-child:nth-last-child(4) ~ table.JTbl div.Row-Action {
    width: 25%;
}
*/
table.JTbl span.Row-Expand {
	display:inline-block;
	min-width:75%;
	padding:0.5rem;
	margin-top:-1rem;
	margin-bottom:-1rem;
	background-color: rgb(150,150,150);
}
table.JTbl span.Row-Expand:hover {
	background-color: rgb(160,160,160);
}
table.JTbl span.Row-Expand:first-of-type {
	border-top-left-radius:0.5rem;
	border-bottom-left-radius:0.5rem;
	border-top-right-radius:0rem;
	border-bottom-right-radius:0rem;
}
table.JTbl span.Row-Expand:last-of-type {
	border-top-left-radius:0rem;
	border-bottom-left-radius:0rem;
	border-top-right-radius:0.5rem;
	border-bottom-right-radius:0.5rem;
}
table.JTbl span.Row-Expand:only-of-type {
	border-top-left-radius:0.5rem;
	border-bottom-left-radius:0.5rem;
	border-top-right-radius:0.5rem;
	border-bottom-right-radius:0.5rem;
}
table.JTbl td.Tbl-Action {
	cursor:pointer;
}
table.JTbl td.Tbl-Action:hover, .Table-Button:hover {
	background-color: rgb(180,180,180);
}
.FrmPaging {
	float:right;
	text-align:right;
	padding:1rem;
	border-radius:1rem;
}
.FrmPaging .PagePage {
	display:none;
}
.TblPaging {
	height:5rem;
}
.TblPaging:empty {
	height:0rem;
}
.PageFrst,
.PagePrev,
.PageNext,
.PageLast,
.PageFrstDisabled,
.PagePrevDisabled,
.PageNextDisabled,
.PageLastDisabled {
	display:inline-block;
	height:4rem;
	width:4rem;
	background-position:center;
	background-repeat:no-repeat;
/*	background-size:cover; */
	background-size:100%;
	vertical-align:middle;
}
.PageFrst {
	background-image:url(/themes/images/icon_rewind_white.png);
	cursor:pointer;
}
.PagePrev {
	background-image:url(/themes/images/icon_backward_white.png);
	cursor:pointer;
}
.PageNext {
	background-image:url(/themes/images/icon_forward_white.png);
	cursor:pointer;
}
.PageLast {
	background-image:url(/themes/images/icon_fastforward_white.png);
	cursor:pointer;
}
.PageFrstDisabled {
	background-image:url(/themes/images/icon_rewind_grey.png);
}
.PagePrevDisabled {
	background-image:url(/themes/images/icon_backward_grey.png);
}
.PageNextDisabled {
	background-image:url(/themes/images/icon_forward_grey.png);
}
.PageLastDisabled {
	background-image:url(/themes/images/icon_fastforward_grey.png);
}
.PageText, .PagePage, .PageDate {
	vertical-align:middle;
	display:inline-block;
	height:2rem;
	line-height:2rem;
	padding-left:0.8rem;
	padding-right:0.8rem;
	font-weight:bold;
/*	display:none;	*/
}
.PageText input[type=number], .PagePage input[type=number], .PagePage input[type=date] {
	width:7rem;
	box-shadow: none;
	padding:0.5rem;
	margin-top:-0.5rem;
	border-radius:0.5rem;
}
.PageDate input[type=date] {
	width:14rem;
	box-shadow: none;
	padding:0.5rem;
	margin-top:-0.5rem;
	border-radius:0.5rem;
}
.PageText label, .PagePage label, .PageDate label {
	display:inline;
}
.PageDate label {
	margin-right:1rem;
}
.PageText label, .PagePage label::after {
	content: " Records Per Page";
}
.PagePage {
	display:none;
}
.ViewEdit {
	height:3rem;
	width:3rem;
	float:right;
	cursor:pointer;
	margin-left:1rem;
	margin-top:-0.5rem;
}
.FormAbove, .FormBelow {
	background-color: var(--secondary);
	border-radius:1rem;
	padding:1rem;
	padding-top:1.4rem;
}
.FormAbove .TblPaging, .FormBelow .TblPaging {
	margin:0rem;
}
.FormOptions {
	margin-right:5.5rem;
}
.FormOptions .ViewEdit {
	margin-top:0.1rem;
	height:3.5rem;
	width:3.5rem;
}
select.ActionSelect {
	box-shadow: none;
	padding:0.5rem;
	width:30rem;
	border-radius:0.5rem;
	margin-top:-0.5rem;
	float:right;
	background:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 512'><path d='M98.9,184.7l1.8,2.1l136,156.5c4.6,5.3,11.5,8.6,19.2,8.6c7.7,0,14.6-3.4,19.2-8.6L411,187.1l2.3-2.6  c1.7-2.5,2.7-5.5,2.7-8.7c0-8.7-7.4-15.8-16.6-15.8v0H112.6v0c-9.2,0-16.6,7.1-16.6,15.8C96,179.1,97.1,182.2,98.9,184.7z'/></svg>");
	background-color:rgb(160,160,160);
	background-position:right 10px center;
	background-repeat:no-repeat;
	background-size:25px;
	display:none;
}
select.TypeSelect {
	box-shadow: none;
	padding:0.5rem;
	width:10rem;
	border-radius:0.5rem;
	margin-top:-0.5rem;
	float:right;
	background:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 512'><path d='M98.9,184.7l1.8,2.1l136,156.5c4.6,5.3,11.5,8.6,19.2,8.6c7.7,0,14.6-3.4,19.2-8.6L411,187.1l2.3-2.6  c1.7-2.5,2.7-5.5,2.7-8.7c0-8.7-7.4-15.8-16.6-15.8v0H112.6v0c-9.2,0-16.6,7.1-16.6,15.8C96,179.1,97.1,182.2,98.9,184.7z'/></svg>");
	background-color:rgb(160,160,160);
	background-position:right 10px center;
	background-repeat:no-repeat;
	background-size:25px;
	display:none;
}
input[type=button].Export {
	margin-right:0rem;
	margin-top:-0.25rem;
	float:right;
	padding:0.5rem;
	box-shadow: none;
	background-color:rgb(160,160,160);
	color:rgb(0,0,0);
	border-radius:0.5rem;
	font-weight:normal;
	display:none;
}
input[type=button].Export:hover {
	background-color:rgb(180,180,180);
	color:rgb(0,0,0);
}
a.Export {
	margin-right:0rem;
	margin-top:-0.25rem;
	float:right;
	padding:0.5rem;
	min-width:15rem;
	box-shadow: none;
	background-color:rgb(160,160,160);
	color:rgb(0,0,0) !important;
	border-radius:0.5rem;
	font-weight:normal;
	text-align:center;
}
a.Export:hover {
	background-color:rgb(180,180,180);
	color:rgb(0,0,0) !important;
	text-decoration: none;
}
section.Tbl {
	display:block;
}
section.Tbl header, section.Tbl footer {
	font-weight:bold;
}
section.Tbl header, section.Tbl content, section.Tbl footer {
	display:block;
	border-radius:0.5rem;
	margin-bottom:0.5rem;
}
section.Tbl header span, section.Tbl content span, section.Tbl footer span {
	vertical-align:middle;
	display:inline-block;
	border-radius:0.5rem;
	padding:1rem;
	text-align:center;
	font-size:2rem;
}
section.Tbl content span span {
	padding:0rem;
	width:100%;
}
section.Tbl header span.TxtLeft, section.Tbl content span.TxtLeft, section.Tbl footer span.TxtLeft {
	text-align:left;
}
section.Tbl header span.TxtRight, section.Tbl content span.TxtRight, section.Tbl footer span.TxtRight{
	text-align:right;
}
section.Tbl header span.TblRow, section.Tbl content span.TblRow, section.Tbl footer span.TblRow {
	display:block;
}

.Tbl1 header span, .Tbl1 content span, .Tbl1 footer span {
	width:100%;
}
.Tbl2 header span, .Tbl2 content span, .Tbl2 footer span {
	width:50%;
}
.Tbl3 header span, .Tbl3 content span, .Tbl3 footer span {
	width:33.33%;
}
.Tbl3.TblStretch content span:nth-child(4) {
	width:100%;
}
.Tbl4 header span, .Tbl4 content span, .Tbl4 footer span {
	width:25%;
}
.Tbl4 footer span:nth-child(5) {
	width:100%;
}
.Tbl5 header span, .Tbl5 content span, .Tbl5 footer span, .Tbl5 td, .Tbl5 th {
	width:20%;
}
.Tbl5 footer span:nth-child(6) {
	width:100%;
}
.Tbl5.Alrt1 header span, .Tbl5.Alrt1 content span, .Tbl5.Alrt1 footer span {
	width:23.75%;
}
.Tbl5.Alrt1 header span:nth-child(5), .Tbl5.Alrt1 content span:nth-child(5), .Tbl5.Alrt1 footer span:nth-child(5) {
	width:5%;
}
.Tbl6 header span, .Tbl6 content span, .Tbl6 footer span {
	width:16.66%;
}
.Tbl6.Alrt1 header span, .Tbl6.Alrt1 content span, .Tbl6.Alrt1 footer span {
	width:19%;
}
.Tbl6.Alrt1 header span:nth-child(6), .Tbl6.Alrt1 content span:nth-child(6), .Tbl6.Alrt1 footer span:nth-child(6) {
	width:5%;
}
.Tbl7 header span, .Tbl7 content span, .Tbl7 footer span, .Tbl7 td, .Tbl7 th {
	width:14.28%;
}
.Tbl8 header span, .Tbl8 content span, .Tbl8 footer span {
	width:12.5%;
}
.Tbl8.Alrt1 header span, .Tbl8.Alrt1 content span, .Tbl8.Alrt1 footer span {
	width:13.57%;
}
.Tbl8.Alrt1 header span:nth-child(8), .Tbl8.Alrt1 content span:nth-child(8), .Tbl8.Alrt1 footer span:nth-child(8) {
	width:5%;
}
.Tbl9 header span, .Tbl9 content span, .Tbl9 footer span {
	width:11.11%;
	font-size:2rem;
}
.Tbl10 header span, .Tbl10 content span, .Tbl10 footer span {
	width:10%;
	font-size:2rem;
}
.Tbl11 header span, .Tbl11 content span, .Tbl11 footer span {
	width:9.09%;
	font-size:2rem;
}
.Tbl12 header span, .Tbl12 content span, .Tbl12 footer span {
	width:8.33%;
	font-size:1.5rem;
}

.Tbl12 header span, .Tbl12 content span, .Tbl12 footer span {
	text-align:center;
	vertical-align:middle;
}
.TblSDMaps header span:nth-child(1), .TblSDMaps content span:nth-child(1), .TblSDMaps footer span:nth-child(1) {
	width:10%;
}
.TblSDMaps header span:nth-child(2), .TblSDMaps content span:nth-child(2), .TblSDMaps footer span:nth-child(2) {
	width:40%;
	text-align:left;
}
.TblSDMaps header span:nth-child(3), .TblSDMaps content span:nth-child(3), .TblSDMaps footer span:nth-child(3) {
	width:50%;
	text-align:left;
}
.TblPaymentReport header span:nth-child(1), .TblPaymentReport content span:nth-child(1), .TblPaymentReport footer span:nth-child(1) {
	text-align:left;
	vertical-align:middle;
	width:24%;
}
.TblPaymentReport header span:nth-child(2), .TblPaymentReport content span:nth-child(2), .TblPaymentReport footer span:nth-child(2) {
	text-align:left;
	vertical-align:middle;
	width:28%;
}
.TblPaymentReport header span:nth-child(3), .TblPaymentReport content span:nth-child(3), .TblPaymentReport footer span:nth-child(3),
.TblPaymentReport header span:nth-child(4), .TblPaymentReport content span:nth-child(4), .TblPaymentReport footer span:nth-child(4),
.TblPaymentReport header span:nth-child(5), .TblPaymentReport content span:nth-child(5), .TblPaymentReport footer span:nth-child(5),
.TblPaymentReport header span:nth-child(6), .TblPaymentReport content span:nth-child(6), .TblPaymentReport footer span:nth-child(6) {
	text-align:center;
	vertical-align:middle;
	width:12%;
}



.TblPaymentReportDomain header span:nth-child(1), .TblPaymentReportDomain content span:nth-child(1), .TblPaymentReportDomain footer span:nth-child(1) {
	text-align:left;
	vertical-align:middle;
	width:23%;
}
.TblPaymentReportDomain header span:nth-child(2), .TblPaymentReportDomain content span:nth-child(2), .TblPaymentReportDomain footer span:nth-child(2) {
	text-align:left;
	vertical-align:middle;
	width:14%;
}
.TblPaymentReportDomain header span:nth-child(3), .TblPaymentReportDomain content span:nth-child(3), .TblPaymentReportDomain footer span:nth-child(3) {
	text-align:left;
	vertical-align:middle;
	width:23%;
}
.TblPaymentReportDomain header span:nth-child(4), .TblPaymentReportDomain content span:nth-child(4), .TblPaymentReportDomain footer span:nth-child(4),
.TblPaymentReportDomain header span:nth-child(5), .TblPaymentReportDomain content span:nth-child(5), .TblPaymentReportDomain footer span:nth-child(5),
.TblPaymentReportDomain header span:nth-child(6), .TblPaymentReportDomain content span:nth-child(6), .TblPaymentReportDomain footer span:nth-child(6),
.TblPaymentReportDomain header span:nth-child(7), .TblPaymentReportDomain content span:nth-child(7), .TblPaymentReportDomain footer span:nth-child(7) {
	text-align:center;
	vertical-align:middle;
	width:10%;
}



.TblPaymentADHOC header span:nth-child(1), .TblPaymentADHOC content span:nth-child(1), .TblPaymentADHOC footer span:nth-child(1) {
	text-align:left;
	vertical-align:middle;
	padding-left:3rem;
	width:87.5%;
}
.TblPaymentADHOC header span:nth-child(2), .TblPaymentADHOC content span:nth-child(2), .TblPaymentADHOC footer span:nth-child(2) {
	text-align:center;
	vertical-align:middle;
	width:12.5%;
}
.TblTimeSlots th, .TblTimeSlots td {
	width:10%;
}
.TblTimeSlots th:nth-child(1), .TblTimeSlots td:nth-child(1) {
	width:30%;
}


.TblPastDue th:nth-child(8),.TblPastDue td:nth-child(8) {
	width:20%;
}
.TblPastDue th:nth-child(9),.TblPastDue td:nth-child(9) {
	width:15%;
}




.DivOptions {
	margin-top:1rem;
}
.DivWarning {
	margin-bottom:1rem;
	font-weight:bold;
	color:rgb(200,0,0);
}
.JTbl icon, .TblAssgn icon, .Tbl icon {
	color: transparent;
	overflow:hidden;
	/*	position:relative;	*/
	margin-top:-0.5rem;
	margin-bottom:-0.5rem;
}
/*
.JTbl icon[type=note] div.TblNote {
	background-color:rgba(0,0,0,0.8);
	position:absolute;
	left:-20rem;
	top:-1.8rem;
	padding:2rem;
	border-radius:0.5rem;
	display:none; 
	cursor:help;
	width:40rem;
	word-wrap: break-word;
}
.JTbl icon[type=note]:hover {
	color: #FFFFFF;
	overflow: visible;
}
.JTbl icon[type=note]:hover div.TblNote {
	display:block;
}
*/
.LblFilter icon, 
.Lbl-List icon {
	padding-left:2.5rem;
}
.FldFilter input[type=button] {
	margin-bottom:1rem;
}
input.FieldLeft, select.FieldLeft {
	border-top-right-radius: 0rem;
	border-bottom-right-radius: 0rem;
	margin-right:1%;
	width:79%;
}
input.FieldRght, select.FieldRght {
	border-top-left-radius: 0rem;
	border-bottom-left-radius: 0rem;
	margin-left:1%;
	width:19%;
}
.Tbl content dialog, .JTbl tr dialog[field-row] {
	display:none;
	pointer-events: none;
	border-radius:1rem;
	font-weight:bold;
}
.TblButtons, .ChartControls {
	margin-top:2rem;
	text-align:right;
}
.TblButtons a.button, .ChartControls a.button {
	margin-right:0rem;
}
.MultiButton {
	display:inline;
}
.MultiButton input[type=button] {
	max-width:30%;
	margin-right:1%;
	margin-bottom:1rem;
}


.Row-Action {
	display:inline-block;
	padding:0.5rem;
	padding-top:1rem;
}
/*
.Row-Action.BtnL, .Row-Action.BtnR {
	width:50%;
}
.Row-Action.BtnL {
	border-top-right-radius:0rem;
	border-bottom-right-radius:0rem;
}
.Row-Action.BtnR {
	border-top-left-radius:0rem;
	border-bottom-left-radius:0rem;
}
*/
.Row-Action:first-of-type {
	border-top-left-radius:0.5rem;
	border-bottom-left-radius:0.5rem;
	border-top-right-radius:0rem;
	border-bottom-right-radius:0rem;
}
.Row-Action:last-of-type {
	border-top-left-radius:0rem;
	border-bottom-left-radius:0rem;
	border-top-right-radius:0.5rem;
	border-bottom-right-radius:0.5rem;
}
.Row-Action:only-of-type {
	border-top-left-radius:0.5rem;
	border-bottom-left-radius:0.5rem;
	border-top-right-radius:0.5rem;
	border-bottom-right-radius:0.5rem;
}

/* one item */
.Row-Action:first-child:nth-last-child(1) {
    width: 100%;
}

/* two items */
.Row-Action:first-child:nth-last-child(2),
.Row-Action:first-child:nth-last-child(2) ~ .Row-Action {
    width: 50%;
}

/* three items */
.Row-Action:first-child:nth-last-child(3),
.Row-Action:first-child:nth-last-child(3) ~ .Row-Action {
    width: 33.3333%;
}

/* four items */
.Row-Action:first-child:nth-last-child(4),
.Row-Action:first-child:nth-last-child(4) ~ .Row-Action {
    width: 25%;
}



.DivAssign {
	margin-top:2rem;
}
.DivAction {
	margin-top:2rem;
}
.DivAction select {
	width:73%;
	margin-right:0rem;
	margin-left:0rem;
}
.DivAction input[type=button] {
	width:25%;
	float:right;
	margin-right:0rem;
	margin-left:0rem;
}
.TxtAssign {
	height:40rem;
}
.TxtAssignSmall {
	height:20rem;
}

.RuleNav {
	padding:1rem;
	border-radius:0.5rem;
	margin-bottom:1rem;
}
.RuleEditDlgButton {
	float:right;
	position:relative;
	right:5rem;
	top:0.8rem;
}
mod.positive:before {
	content:"+";
}


/*
.makeWYSIWYG_buttons_container {
    background-color: var(--secondary-deep);
    padding: 0.5rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    text-align: center;
}
.makeWYSIWYG_buttons_container {
    background-color: rgb(80,80,80);
}
.makeWYSIWYG_buttons_container button {
    color: rgb(0,0,0);
    background-color: rgb(127,127,127);
    font-size: 1.3rem;
    font-weight: bold;
    padding: 0.1rem;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    cursor: pointer;
    box-shadow: 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.7);
    border-width: 0rem;
    border-style: solid;
    border-radius: 0.3rem;
    height: 3rem;
    min-width: 3rem;
}
*/
.NoteHist {
	background-color: rgb(80,80,80);
	border-radius:1rem;
}
.NoteHist span {
	margin:1rem;
	color: rgb(255,255,255);
	font-weight:bold;
	display:inline-block;
}
.NoteHist .NoteWide {
	background-color:rgb(160,160,160);
	color:rgb(50,50,50);
	border-bottom-left-radius:1rem;
	border-style:solid;
	border-width:0px;
	padding:1rem;
	margin-bottom:1rem;
	max-height:20rem;
	overflow-y:scroll;
}
form.NewForm fieldset, .PgeDialog form.NewForm fieldset {
	padding:1.5rem;
}
form.NewForm fieldset field, .PgeDialog form.NewForm fieldset field {
	border-bottom:0.2rem solid rgb(160,160,160);
	margin:0rem;
	margin-bottom:0rem; 
	padding:0rem;
	padding-top:1rem;
	padding-bottom:1rem;
	display: flex;
	align-items:stretch;
}
form.NewForm fieldset field:first-of-type {
	padding-top:0rem;
}
form.NewForm fieldset field:last-of-type {
	border-bottom:none;
	padding-bottom:0rem;
}
form.NewForm fieldset field field-cell:first-of-type  {
	flex-basis:20%;

}
form.NewForm fieldset field field-cell:last-of-type {
	flex-basis:80%;
}
form.NewForm fieldset field field-cell label,
form.NewForm fieldset field field-cell p,
form.NewForm fieldset field field-cell input,
form.NewForm fieldset field field-cell textarea {
	margin:0rem;
}
form.NewForm fieldset field field-cell textarea {
	resize: none;
	height:1em;
}

/*
input[scroll-range] {
	display:none;
}
*/
/*
#dataProj-Field {
	position:relative;
}
#dataProj-Options {
	position:absolute;
	top:1.5rem;
	display:inline-block;
	max-height:20rem;
	overflow-y:scroll;
}
data-option {
	display:none;
	border:1px solid white;
	background-color:rgb(250,250,250);
	padding:0.1rem;
}
data-option:hover {
	background-color: cyan;
	color:white;
}		
data-option[current] {
	background-color: blue;
	color:white;
}
data-option[available] {
	display:block;
}
*/
/*
table.JTbl thead tr:first-child > th { 
	position: sticky;
	position: -webkit-sticky;
	top:0;
}
#PgeContent table.JTbl thead tr:first-child > th {
	top:7.5rem;	
} 
*/
div.scroll-header {
	line-height:initial;
	position:fixed;
	width:100%;
	padding-left:2rem;
	padding-right:2rem;
	text-shadow: none;
	z-index: -999999999;
}
div.scroll-header table.JTbl {
	border-spacing: 0rem 0rem;
	position:absolute;
}
div.scroll-header table.JTbl tr th:first-child, div.scroll-header table.JTbl tr td:first-child {
    border-top-left-radius: 0rem;
}
div.scroll-header table.JTbl tr th:last-child, div.scroll-header table.JTbl tr td:last-child {
    border-top-right-radius: 0rem;
}
div.scroll-inner {
	width:100%;
	overflow-x:hidden;
}
scrolling-container {
	display: block;
	width:100%; 
	padding:0rem;
	margin:0rem;
	overflow-x:hidden;
} 
input[scroll-range] {
	width:100%;
	-webkit-appearance: none;
	background-color:transparent;
	margin:0rem;
	margin-top:0.25rem;
	margin-bottom:0.25rem;
}
input[scroll-range]:focus {
	outline: none;
}



input[scroll-range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 2rem;
	cursor: pointer;
	background: rgb(120,120,120);
	-webkit-appearance: none;
	border-radius: 0.5rem;
}
input[scroll-range]::-webkit-slider-thumb {
	height: 2rem;
	width: 10rem;
	border-radius: 0.5rem;
	background: rgb(80,80,80);
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: 0px;
}


/*
input[scroll-range]::-moz-range-track {
	width: 100%;
	height: 2rem;
	cursor: pointer;
	background: rgb(120,120,120);
	border-radius: 0.5rem;
}
input[scroll-range]::-moz-range-thumb {
	height: 2rem;
	width: 10rem;
	border-radius: 0.5rem;
	background: rgb(80,80,80);
	cursor: pointer;
}
input[scroll-range]::-ms-track {
	width: 100%;
	height: 2rem;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	border-width: 10rem 0;
	color: transparent;
}
input[scroll-range]::-ms-fill-lower {
	background: rgb(120,120,120);
	border-radius: 0.5rem;
}
input[scroll-range]::-ms-fill-upper {
	background: rgb(120,120,120);
	border-radius: 0.5rem;
}
input[scroll-range]::-ms-thumb {
	height: 2rem;
	width: 10rem;
	border-radius: 0.5rem;
	background: rgb(80,80,80);
	cursor: pointer;
}
input[scroll-range]:focus::-ms-fill-lower {
	background: rgb(120,120,120);
}
input[scroll-range]:focus::-ms-fill-upper {
	background: rgb(120,120,120);
}
*/















/* -- Data Types -- */
.Capitalize {
	text-transform: capitalize;
}

/* -- Page Template -- */
#PgeWrapper {
	font-size:3rem;
	padding-top:7.5rem;
	padding-bottom:7rem;
}
#PgeHeader {
	position:fixed;
	width:100%;
	top:0rem;
	left:0rem;
	height:7.5rem;
	line-height:7.5rem;
	font-size:2rem;
	text-shadow:0.1rem 0.1rem rgba(0,0,0,0.5);
	z-index: 99999999999;	
/*	overflow: hidden;	*/
}
#PgeHeaderInner { 
	height:7.5rem;
	line-height:7.5rem;
	z-index: 9999999999999;	
}
#PgeContent {
	padding:0rem;
}
#PgeContent.Menu {
	display:none;
}
#PgeContent.Time,
#PgeContent.Notify {
	margin-right:27rem;
}
#PgeContent.Time.Notify {
	margin-right:52rem;
}
#PgeFooter {
	width:100%;
	position:fixed;
	bottom:0rem;
	left:0rem;
	font-weight:bold;
	padding:1.5rem;
	padding-left:3rem;
	padding-right:3rem;
}
#PgeFooter .DivDomains {
	display:none;
}
#PgeFooterConsole {
	padding:0.5rem;
	border-radius:0.5rem;
	margin-top:1rem;
	background-color: rgba(0,0,0,0.5);
}
#PgeLogo {
/*	font-family:'Jockey One', Arial, Verdana, Helvetica;	*/
	font-family:'Open Sans', sans-serif; 
	font-weight:bold;
	vertical-align:top;
	margin-top:0.7rem;
	margin-left:1rem;
	margin-right:1rem;
	height:6rem;
}
#PgeNavigation  {
	display:none;
}
#PgeNavigation ul {
	list-style:none;
	margin:0rem;
	padding:0rem;
	z-index: 9999999999999;
}
#PgeNavigation ul li {
	display:block;
	float:left;
	cursor:pointer;
	width:15rem;
	height:7.5rem;
	line-height:7.5rem;
	text-align:center;
	position:relative;
/*	font-family:'Jockey One', Arial, Verdana, Helvetica;	*/
	font-family:'Open Sans', sans-serif; 
	font-weight:bold;
	font-size:2rem;
}
#PgeNavigation ul li div {
	display:none;
	position:absolute;
	top:7.5rem;
	left:-5rem;
	width:25rem;
	padding-bottom:1rem;
	border:0px solid;
	border-top:1rem solid;
	border-bottom-left-radius:1rem;
	border-bottom-right-radius:1rem;
}

#PgeNavigation ul li.NavOpen div {
	display:block;
}
/*
#PgeNavigation ul li:hover div {
	display:block;
}
*/
#PgeNavigation ul li div ul li {
	font-size:1.3rem;
	height:4rem;
	width:25rem;
	line-height:4rem;
	transition: 0.3s;
}
#PgeNavigation input[type=button], #MblMenuBtn {
	font-size:2rem;
	position:absolute;
	margin-right:0rem;
	right:1rem;
	top:1.4rem;
}
#PgeNavigation input[type=button] {
	min-width:15rem;
}
#PgeTimeTrackerBG,
#PgeNotificationsBG {
	width:25rem;
	height:100%;
	position:fixed;
	right:0rem;
	top:0rem;
	z-index:-99999999;
}
#PgeNotificationsBG.SideVisible + #PgeTimeTrackerBG.SideVisible {
	right:25rem;
}
#PgeTimeTracker,
#PgeNotifications {
	width:25rem;
	float:right;
	color:rgb(255,255,255);
	padding:1rem;
	font-size:1.3rem;
}
#TblNotifyView table thead {
	display:none;
}
#MblMenuBtn {
	height:5.5rem;
	width:5.5rem;
}
#MblNavigation {
	font-weight:bold;
	padding:3rem;
}
#MblNavigation ul {
	list-style: none;
	margin:0rem;
	padding:0rem;
	margin-bottom:3rem;
}
#MblNavigation ul li {
	font-size:4rem;
	margin-top:1.5rem;
}
#MblNavigation ul li div ul li {
	font-size:4rem;
	border-radius:1rem;
	padding:1.5rem;
	box-shadow: 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.7);
}
.DivMap {
	height:50rem;
	border-radius:1rem;
}
.DivMap:empty {
	height:0rem;
}
#PgeContent:not(:empty) {
    border:none;
    border-radius:0rem;
	padding:2rem;
}
#PgeContent:not(:empty) form, filter {
    border-radius:1.5rem;
	padding:3rem;
}
#PgeContent:not(:empty) .Rounded {
	border-radius:1.5rem;
}
#PgeContent:not(:empty) form input, #PgeContent:not(:empty) form select {
    font-size:3rem;
}
#PgeContent:not(:empty) form fieldset, .PgeDialog form fieldset, #PgeDialog form fieldset, #PgeDialogLrg form fieldset, #PgeDialogRoot form fieldset {
	border:1rem solid;
    border-radius:1.5rem;
	padding:2rem;
	margin-bottom:3rem;
}
#PgeContent:not(:empty) form fieldset field, .PgeDialog form fieldset field, #PgeDialog form fieldset field, #PgeDialogLrg form fieldset field, #PgeDialogRoot form fieldset field, filter, filter span {
	margin-bottom:1rem;
}
#PgeContent:not(:empty) form fieldset label, .PgeDialog form fieldset label, #PgeDialog form fieldset label, #PgeDialogLrg form fieldset label, #PgeDialogRoot form fieldset label, filter span label {
	font-size:2.5rem;
	margin-bottom:0.5rem;
}
#PgeContent:not(:empty) form fieldset legend, .PgeDialog form legend, #PgeDialog form legend, #PgeDialogLrg form legend, #PgeDialogRoot form legend {
    font-weight:bold;
	font-size:2.5rem;
	padding:1rem;
	border-radius:1.5rem;
}
#IconUTimes {
	height:4rem;
	width:4rem;
	float:right;
	margin-top:2rem;
	margin-right:3rem;
	text-align:center;
}
#IconUSttng {
	height:4rem;
	width:4rem;
	float:right;
	margin-top:2rem;
	margin-right:3rem;
	text-align:center;
}
#IconNotify {
	height:4rem;
	width:4rem;
	float:right;
	margin-top:2rem;
	margin-right:3rem;
	text-align:center;
}
#IconNotify span {
	background-color:rgb(150,0,0);
	border-radius:2rem;
	padding:0.25rem;
	padding-left:0.8rem;
	padding-right:0.8rem;
	font-size:1.5rem;
	font-weight:bold;
	position:relative;
	top:-1.5rem;
	left:0.4rem;
}
.Icon-Logout {
	height:4rem;
	width:4rem;
	float:right;
	margin-top:2rem;
	margin-right:3rem;
	text-align:center;
}
.DrivingDirections, .BookingInvoice {
	float:right;
	cursor:pointer;
	padding:1rem;
	padding-bottom:0.5rem;
	border-radius:1rem;
	border-style:solid;
	border-width:0rem;
	font-weight:bold;
	box-shadow: 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.7);
	margin-top: -1.5rem;
	margin-left:2rem;
}
#PgeDialogLrg .DrivingDirections {
	margin-right:6rem;
	margin-top:-0.5rem;
}
#PgeDialogLrg .BookingInvoice {
	margin-top:-0.5rem;
}
.DrivingDirections icon, .BookingInvoice icon {
	height:30px;
	width:30px;
}
.Tabbed form {
	margin-top:2rem;
}
div.Tabs {
	padding:1rem;
	border-radius:1rem;
	margin-bottom:1rem;
}
div.Tabs ul {
	text-align:center;
	list-style:none;
	margin:0rem;
	padding:0rem;
}
div.Tabs ul li {
	display:inline-block;
	cursor:pointer;
	width:50%;
	text-align:center;
	font-size:3rem;
	font-weight:bold;
	font-family:'Open Sans', sans-serif;
	border-radius:1rem;
	border-width:0rem;
	height:6rem;
	line-height:6rem;
}

/* -- Login Page -- */
#PgeLogin {
	padding:4rem;
	height:100%;
}
#PgeLogin form fieldset {
	padding:0rem;
	margin:0rem;
	margin-bottom:3rem;
	border:none;
}
#PgeLogin .DivLogo img {
	height:15rem;
}
#PgeLogin .DivFooter {
	font-size:3rem;
	font-weight:bold;
	margin-top:3rem;
	margin-bottom:3rem;
	padding:1.5rem;
	padding-left:3rem;
	padding-right:3rem;
	border-radius:1rem;
	border-style:solid;
	border-width:0px;
}
#PgeLogin .User-Password, #PgeLogin .User-Remember {
	font-size:3rem;
}
#PgeLogin .User-Password {
	float:right;
	padding-top:0.9rem;
}
visual-icon#RemHelp {
	display:none;
}
.TxtCenter {
	text-align:center;
}
.TxtRight {
	text-align:right;
}
.Table-Button {
	padding:1rem;
	margin:-1rem;
	min-width:50%;
	display:inline-block;
}
.Dollars-Negative {
	padding:1rem;
	margin:-1rem;
	min-width:50%;
	display:inline-block;
	background-color:rgb(255, 199, 206) !important;
	color:rgb(150, 0, 0) !important;
}
.Dollars:before {
	content: "$ ";
}
.Dollars-Negative:before {
	content: "$ (";
}
.Dollars-Negative:after {
	content: ")";
}
.Percent:after {
	content: "%";
}
.Capitalize {
    text-transform: capitalize;
}
.TxtRed {
	color:rgb(255,0,0) !important;
	font-weight:bold;
}
.TxtGreen {
	color:rgb(0,255,0) !important;
	font-weight:bold;
}
.TxtPink {
	color:rgb(172, 0, 165) !important;
	font-weight:bold;
}
.TxtYellow {
	color:rgb(255,192,0) !important;
	font-weight:bold;
}
td.FormHTML {
	
}
#dataFilesDisplay {
	width:100%;
	margin:0rem;
	margin-top:1rem;
	padding:0rem;
}
#dataFilesDisplay:empty {
	margin-top:0rem;
}
#dataFilesPreview {
	margin-top: 1rem;
	border-radius:0.5rem;
	background-color:rgb(160,160,160);
}
.BtnUplodImg {
	margin-left:1rem;
}
.FileContainer {
	width:100%;
}
.EnginePageIMG {
	background-size:cover;
	background-position:center;
	display:inline-block;
	height:40rem;
	width:24.8%;
	margin:0.1%;
	border-radius:1rem;
	border-width:0rem;
}
.EnginePagePDF {
	width:98%;
	height:40rem;
	border:0rem;
	margin-left: auto;
    margin-right: auto;
}
.EnginePagePDFContainer {
	display:inline-block;
	width:24.6%;
	margin:0.05%;
	padding-top:2rem;
	padding-bottom:0rem;
	border-radius:1rem;
	background-color:rgb(50,54,57);
	text-align: center;
}
.EnginePagePDFContainer icon {
	height:3rem;
	width:3rem;
	border-radius:0.5rem;
	background-size:80%;
	background-position:center;
	margin:1rem;
	margin-left:0.5rem;
	margin-right:0.5rem;
}
.DivPDFContainer {
	width:100%;
	text-align:center;
}
.DivPDFFull {
	margin-left:auto;
	margin-right:auto;
	width:100rem;
	height:120rem;
}
.PgeDialog .DivInvoice {
	background-color:rgb(192,192,192);
	border-radius:0.5rem;
	padding:2rem;
	color:rgb(0,0,0);
}
.DivImgPreview {
	background-size:cover;
	background-position:center;
	display:inline-block;
	height:30rem;
	width:49%;
	margin-bottom:1.5rem;
	border-radius:1rem;
	border-width:0rem;
}
.DivImgLightbox {
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	width:980px;
	margin-bottom:10px;
	border-radius:10px;
	border-width:0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.DivNavLightbox {
	margin-bottom:10px;
	border-radius:10px;
	border-width:0px;
/*	font-family:'Jockey One', Arial, Verdana, Helvetica;	*/
	font-family:'Open Sans', sans-serif; 
	font-size:1.8em;
	padding:10px;
}
.DlgPage {
    background-color: rgb(192,192,192);
    color: rgb(0,0,0);
    margin-top: 2rem;
    margin-left: -2rem;
    margin-right: -2rem;
    padding: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
#PgeContent:not(:empty) form.Search-Form {
	margin:0rem;
	padding:0rem; 
}
.Filter-Search {
	margin-top:1rem;
	margin-left:1rem;
	margin-bottom:1rem;
}

/* -- Dialog Boxes -- */
body.Dialog, body.DialogLrg, body.DialogRoot {
	overflow:hidden;
}
body.Dialog #PgeWrapper, body.DialogLrg #PgeWrapper, body.DialogRoot #PgeWrapper {
	display:none;
}
.DlgWrapper, #DlgWrapper, #DlgWrapperLrg, #DlgWrapperRoot {
	display:none;
	height:100%;
	width:100%;
	position:fixed;
	top:0rem;
	left:0rem;
	overflow-y:scroll;
	overflow-x:auto;
	z-index: 9999999999999;
/*	-webkit-overflow-scrolling: touch;*/
}
.DlgButtons, #DlgButtons, #DlgButtonsLrg, #DlgButtonsRoot {
	position:relative;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:0rem;
}
.DlgClose, #DlgClose, #DlgCloseLrg, #DlgCloseRoot {
	position:absolute;
	right:2rem;
	bottom:-10rem;
	cursor:pointer;
	height:8rem;
	width:8rem;
	background-position:center;
	background-repeat:no-repeat;
/*	background-size:cover; */
	background-size:80%;
	z-index:1000000;
}
.DlgButtons.Large #DlgClose, #DlgButtons.Large #DlgClose, #DlgButtonsLrg #DlgCloseLrg, #DlgButtonsRoot #DlgCloseRoot {
	right:2rem;
	bottom:-10rem;
}
.PgeDialog, #PgeDialog, #PgeDialogLrg, #PgeDialogRoot {
	width:100%;
	margin:0rem;
	border-style:solid;
	border-radius:0rem;
	border-width:0rem;
	padding:2rem;
}
.PgeDialog aside, #PgeDialog aside, #PgeDialogLrg aside, #PgeDialogRoot aside {
	float:right;
}
.PgeDialog label, #PgeDialog label, #PgeDialogLrg label, #PgeDialogRoot label {
	margin-top:1rem;
}
.PgeDialog.Small form fieldset field, .PgeDialog.Medium form fieldset field, .PgeDialog.undefined form fieldset field, #PgeDialog form fieldset field {
	width:100%;
}
.DlgWrapper.Multi {
	width:50%;
}
.DlgWrapper.Multi:nth-child(2) {
	left:50%;
}

.Tbl-Color {
	display:inline-block;
	padding: 0.5rem;
    margin: -0.5rem;
	min-width: 50%;
	border-radius:0.5rem;
}
.Div-List {
	display:inline-block;
	width: 49%;
    background-color: rgb(150,150,150);
    color: rgb(0,0,0);
	padding: 0.75rem;
	border-radius: 1rem;
	margin: 0rem;
	margin-left:0.5%;
	margin-right:0.5%;
	margin-top:0.3rem;
	margin-bottom:0.3rem;
}
.Div-List.Long { 
	width:100%;
}
.PgeDialog.Large .Div-List {
	width: 23%;
}
.Div-List label.Lbl-List {
	display:block;
	margin:0rem;
	padding:0rem;
	font-weight: normal;
    background-repeat: no-repeat;
	background-position: left 0rem center;
}
.Div-List input[type=checkbox] + label.Lbl-List span,
.Div-List input[type=checkbox]:checked + label.Lbl-List span,
filter span.FltrLong label.LblRptSm .Div-List input[type=checkbox] + label.Lbl-List span,  
filter span.FltrLong label.LblRptSm .Div-List input[type=checkbox]:checked + label.Lbl-List span {
	background-color:transparent;
	box-shadow:none;
	display:inline-block;
	margin:0rem;
	margin-right:0.3rem;
	padding:0rem;
	height:2rem !important;
	width:2rem !important;
}
.Div-List input[type=checkbox]:checked + label.Lbl-List {
	/*font-weight: bold;*/
}
.Rpt-Type {
	float:right;
	text-transform: capitalize;
}
.Rpt-List {

}
.Rpt-List .Div-List {
	width:32%;
	margin: 0.5%;
	padding: 0rem;
}
.Rpt-List .Div-List.Disabled {
	background-color:transparent;
}
.Rpt-List .Div-List label.Lbl-List {
	padding: 0.75rem;
}
.Tbl-List {
	display:inline-block;
	background-color: rgb(150,150,150);
	height:2rem;
	width:2rem;
    margin-top: -0.5rem;
	margin-bottom: -0.5rem;
	margin-left:0rem;
	margin-right:0.5rem;
	border-radius:1rem;
}
Label.LblRptHd {
	background: rgba(0,0,0,0.8);
}



.Div-Subscribe {
	width: 100%;
    background-color: rgb(160,160,160);
    color: rgb(0,0,0);
	padding: 1rem;
	border-radius: 0.5rem;
    font-weight: normal;
	margin: 0rem;
	margin-bottom:0.2rem;
}
.Div-Subscribe label.LblFilter {
	display:block;
	margin:0rem;
	padding:0rem;
	padding-left:2.5rem;
	background-size: 1.8rem;
    background-repeat: no-repeat;
	background-position: left 0rem center;
}
.Div-Subscribe input[type=checkbox] + label.LblFilter span {
	display:none;
}
.Div-Subscribe div {
	display:none;
	margin-top:1rem;
}
.Div-Subscribe input[type=checkbox]:checked + label.LblFilter + div {
	display:block;
}
.Div-Subscribe .Combo-Left {
	width:40%;
	height:4rem;
	border-radius:0.5rem;
	border-top-right-radius:0rem;
	border-bottom-right-radius:0rem;
	vertical-align:middle;
}
.Div-Subscribe .Combo-Rght {
	width:60%;
	height:4rem;
	border-radius:0.5rem;
	border-top-left-radius:0rem;
	border-bottom-left-radius:0rem;
	vertical-align:middle;
}
.Div-Subscribe .Combo-RMin {
	width:30%;
	height:4rem;
	border-radius:0rem;
	vertical-align:middle;
}
.Div-Subscribe .Combo-RMax {
	width:30%;
	height:4rem;
	border-radius:0.5rem;
	border-top-left-radius:0rem;
	border-bottom-left-radius:0rem;
	vertical-align:middle;
}
.Chk-Trans {
	display:inline-block;
	width:33.3%;
}
.Chk-Trans span {
	border-radius:0.5rem !important;
}
form fieldset field.FldFilter label.LblFilter, 
form fieldset field.FldFilter label.Lbl-List {
	width: 100%;
    background-color: rgb(160,160,160);
    color: rgb(0,0,0);
	padding: 0.5rem;
	padding-left: 3rem;
	padding-right: 0rem;
	border-radius: 0.5rem;
    font-weight: normal;
	margin: 0rem;
	margin-bottom:0.2rem;
    background-size: 1.8rem;
    background-repeat: no-repeat;
	background-position: left 0.5rem center;
}
form fieldset field.FldFilter input.Btn-Delete {
	width: 100%;
	padding: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border-radius: 0.5rem;
	font-weight: bold;
	text-align:left;
	margin: 0rem;
	margin-bottom:0.2rem;
	box-shadow:none;
}
form fieldset field.FldFilter label.LblFilter icon, 
form fieldset field.FldFilter label.Lbl-List icon {
	color: transparent;
	overflow: hidden;
	float:right;
}
form fieldset field.FldFilter input[type=checkbox] + label.LblFilter span, 
form fieldset field.FldFilter input[type=checkbox] + label.Lbl-List span {
	display:none;
}
form fieldset field.TimeSlots input[type=checkbox] + label,
form fieldset field.Multiple input[type=checkbox] + label {
	width:100%;
}
#PgeContent:not(:empty) form fieldset field.Status input[type=checkbox] + label {
	width:50%;
	padding-left:1rem;
}
.PgeDialog form fieldset field.DateTime input[type="date"],
#PgeDialog form fieldset field.DateTime input[type="date"],
#PgeDialogLrg form fieldset field.DateTime input[type="date"],
#PgeDialogRoot form fieldset field.DateTime input[type="date"] {
	width:49%;
	margin-right:1%;
}
.PgeDialog form fieldset field.DateTime input[type="number"],
#PgeDialog form fieldset field.DateTime input[type="number"],
#PgeDialogLrg form fieldset field.DateTime input[type="number"],
#PgeDialogRoot form fieldset field.DateTime input[type="number"] {
	width:14%;
	margin-left:1%;
	margin-right:1%;
}
.PgeDialog form fieldset field.TimeOnly input[type="number"].Hour,
#PgeDialog form fieldset field.TimeOnly input[type="number"].Hour,
#PgeDialogLrg form fieldset field.TimeOnly input[type="number"].Hour,
#PgeDialogRoot form fieldset field.TimeOnly input[type="number"].Hour {
	width:31%;
	margin-left:0%;
	margin-right:1%;
}
.PgeDialog form fieldset field.TimeOnly input[type="number"].Mins,
#PgeDialog form fieldset field.TimeOnly input[type="number"].Mins,
#PgeDialogLrg form fieldset field.TimeOnly input[type="number"].Mins,
#PgeDialogRoot form fieldset field.TimeOnly input[type="number"].Mins {
	width:31%;
	margin-left:1%;
	margin-right:1%;
}
.PgeDialog form fieldset field.TimeOnly input[type="number"].Secs,
#PgeDialog form fieldset field.TimeOnly input[type="number"].Secs,
#PgeDialogLrg form fieldset field.TimeOnly input[type="number"].Secs,
#PgeDialogRoot form fieldset field.TimeOnly input[type="number"].Secs {
	width:31%;
	margin-left:1%;
	margin-right:0%;
}

.PgeDialog form fieldset field.TypeChecks input[type=checkbox] + label,
#PgeDialog form fieldset field.TypeChecks input[type=checkbox] + label,
#PgeDialogLrg form fieldset field.TypeChecks input[type=checkbox] + label,
#PgeDialogRoot form fieldset field.TypeChecks input[type=checkbox] + label {
	width:100%;
}
#PgeContent:not(:empty) form fieldset field.TypeChecks input[type=checkbox] + label {
	width:25%;
	padding-left:1rem;
}

/** Loading **/
.spinner {
	margin: 10rem auto 10rem;
	width: 10em;
	text-align: center;
}
.spinner > div {
	width: 3rem;
	height: 3rem;
	background-color: #000000;  
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}  
.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
	0%, 80%, 100% { 
		-webkit-transform: scale(0);
		transform: scale(0);
	} 
	40% { 
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}
.PgeDialog .spinner > div, .Feed-Loader .spinner > div, .Export-Loader .spinner > div { 
	background-color: #FFFFFF; 
}


/* -- Editor --*/
section[contenteditable=true] {
    height: 50rem;
    overflow-y: scroll;
    border-radius: 0rem;
    border-bottom-left-radius: 1rem;
    box-shadow: inset 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.7);
}
section[contenteditable=true] {
    background-color: rgb(160,160,160);
    color: rgb(0,0,0);
    width: 100%;
    padding: 1rem;
    border-width: 0rem;
    border-style: solid;
    box-shadow: inset 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.7);
    font-size: 1em;
}

.makeWYSIWYG_buttons_container {
    background-color: var(--secondary-deep);
    padding: 0.5rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    text-align: center;
}
.makeWYSIWYG_buttons_container {
    background-color: rgb(80,80,80);
}
.makeWYSIWYG_buttons_container button {
    color: rgb(0,0,0);
    background-color: rgb(127,127,127);
    font-size: 1.3rem;
    font-weight: bold;
    padding: 0.1rem;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    cursor: pointer;
    box-shadow: 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.7);
    border-width: 0rem;
    border-style: solid;
    border-radius: 0.3rem;
    height: 3rem;
    min-width: 3rem;
}
icon.unordered, button.unordered {
    background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'><g><circle id='svg_1' r='50' cy='109.5' cx='107.5' stroke-width='5' stroke='rgb(0,0,0)' fill='rgb(0,0,0)'/><circle id='svg_3' r='50' cy='250.5' cx='108.5' stroke-width='5' stroke='rgb(0,0,0)' fill='rgb(0,0,0)'/><circle id='svg_4' r='50' cy='392.5' cx='107.5' stroke-width='5' stroke='rgb(0,0,0)' fill='rgb(0,0,0)'/><rect id='svg_6' height='21' width='249' y='99' x='191.75' stroke-linecap='null' stroke-linejoin='null' stroke-width='5' stroke='rgb(0,0,0)' fill='rgb(0,0,0)'/><rect id='svg_8' height='21' width='249' y='240' x='191.75' stroke-linecap='null' stroke-linejoin='null' stroke-width='5' stroke='rgb(0,0,0)' fill='rgb(0,0,0)'/><rect id='svg_9' height='21' width='249' y='382' x='191.75' stroke-linecap='null' stroke-linejoin='null' stroke-width='5' stroke='rgb(0,0,0)' fill='rgb(0,0,0)'/></g></svg>");
	background-size:80%;
	background-repeat:no-repeat;
	background-position: center;
	background-size:80%;
}
icon.ordered, button.ordered {
	background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'><g><rect height='21' width='249' y='99' x='191.75' stroke-linecap='null' stroke-linejoin='null' stroke-width='5' stroke='rgb(0,0,0)' fill='rgb(0,0,0)'/><rect height='21' width='249' y='240' x='191.75' stroke-linecap='null' stroke-linejoin='null' stroke-width='5' stroke='rgb(0,0,0)' fill='rgb(0,0,0)'/><rect height='21' width='249' y='382' x='191.75' stroke-linecap='null' stroke-linejoin='null' stroke-width='5' stroke='rgb(0,0,0)' fill='rgb(0,0,0)'/><text font-weight='bold' xml:space='preserve' text-anchor='middle' font-family='Sans-serif' font-size='130' y='154' x='108' stroke-linecap='null' stroke-linejoin='null' stroke-width='0' stroke='rgb(0,0,0)' fill='rgb(0,0,0)'>1</text><text font-weight='bold' xml:space='preserve' text-anchor='middle' font-family='Sans-serif' font-size='130' y='295' x='108' stroke-linecap='null' stroke-linejoin='null' stroke-width='0' stroke='rgb(0,0,0)' fill='rgb(0,0,0)'>2</text><text font-weight='bold' xml:space='preserve' text-anchor='middle' font-family='Sans-serif' font-size='130' y='436' x='108' stroke-linecap='null' stroke-linejoin='null' stroke-width='0' stroke='rgb(0,0,0)' fill='rgb(0,0,0)'>3</text></g></svg>");
	background-repeat:no-repeat;
	background-position: center;
	background-size:80%;
}
div.Form-Warnings {
	background:rgba(0,0,0,0.8);
	border-radius:1rem;
	padding:1rem;
	color:rgb(255,255,255);
	margin-bottom:1rem;
}
div.Form-Warnings:empty {
	display:none;
}
div.Form-Warnings ul {
	padding:0rem;
	margin:0rem;
}
div.Form-Warnings ul li, div.Form-Warnings span {
	padding:0rem;
	margin:0rem;
	margin-top:0.5rem;
	margin-bottom:0.5rem;
	list-style-type:none;
	list-style-position:inside;
	min-height:2rem;
}
div.Form-Warnings ul li icon {
	vertical-align:middle;
	margin-right:0.5rem;
}

/* -- Calendar -- */
calendar {
	display:none;
}
.calendar-table {
	width:100%;
}
.calendar-month {
	font-size:2rem;
}
.calendar-month img {
	vertical-align:middle;
}
.calendar-day {
	width:14.28%;
	height:10rem;
	vertical-align:top;
	background-color:rgb(160,160,160);
}
.calendar-date {
	font-weight:bold;
	font-size:2rem;
	padding:3px;
}
.calendar-date-click {
	float:right;
	font-size:1rem;
	color:rgb(120,120,120);
}
.calendar-julian {
	float:right;
	color:rgb(120,120,120);
}
.calendar-header-day {
	font-weight:bold;
	text-align:center;
	font-size:1.8rem;
	height:3rem;
}
.calendar-item {
	border-radius:1rem;
	margin:0.5rem;
	padding:0.5rem;
	font-size:1.8rem;
}
.calendar-item label {
	display:inline-block;
	min-width:10rem;
	font-weight:bold;
}
.calendar-item label:after {
	content:": ";
}
.calendar-item icon { 
	height:1.5rem;
	width:1.5rem;
	padding-left:2rem;
}
.assign-text {
	display:inline-block;
	text-align:center;
	width:80%;
	vertical-align:middle;
}
.assign-item {
	display:inline-block;
	border-radius:0.5rem;
	width:100%;
	height:100%;
	margin:0.5rem;
	padding:0.5rem;
	font-weight:bold;
	margin-top: -0.5rem;
    margin-bottom: -0.5rem;
}
/*
.assign-item.closed {
}
*/
/* Remove Soonish */
.calendar-item.item-W0, .assign-item.item-0 {
	background-color:rgb(192,0,0);
	color:rgb(0,0,0);
}
.calendar-item.item-W1, .assign-item.item-1 {
	background-color:rgb(255,0,0);
	color:rgb(0,0,0);
}
.calendar-item.item-W2, .assign-item.item-2 {
	background-color:rgb(255,192,0);
	color:rgb(0,0,0);
}
.calendar-item.item-W3, .assign-item.item-3 {
	background-color:rgb(255,255,0);
	color:rgb(0,0,0);
}
.calendar-item.item-W4, .assign-item.item-4 {
	background-color:rgb(49,185,51);
	color:rgb(0,0,0);
}
.calendar-item.item-W5, .assign-item.item-5 {
	background-color:rgb(17,149,75);
	color:rgb(0,0,0);
}
.calendar-item.item-W6, .assign-item.item-6 {
	background-color:rgb(0,181,147);
	color:rgb(0,0,0);
}
.calendar-item.item-W7, .assign-item.item-7 {
	background-color:rgb(0,176,240);
	color:rgb(0,0,0);
}
.calendar-item.item-W8, .assign-item.item-8 {
	background-color:rgb(0,112,192);
}
.calendar-item.item-W9, .assign-item.item-9 {
	background-color:rgb(112,48,160);
	color:rgb(0,0,0);
}
.calendar-item.item-W10, .assign-item.item-10 {
	background-color:rgb(192,0,192);
	color:rgb(0,0,0);
}

.calendar-item.item-W0[onclick]:hover, .assign-item.item-0[onclick]:hover {
	background-color:rgb(146,0,0);
	color:rgb(0,0,0);
}
.calendar-item.item-W1[onclick]:hover, .assign-item.item-1[onclick]:hover {
	background-color:rgb(176,0,0);
	color:rgb(0,0,0);
}
.calendar-item.item-W2[onclick]:hover, .assign-item.item-2[onclick]:hover {
	background-color:rgb(202,147,0);
	color:rgb(0,0,0);
}
.calendar-item.item-W3[onclick]:hover, .assign-item.item-3[onclick]:hover {
	background-color:rgb(202,195,0);
	color:rgb(0,0,0);
}
.calendar-item.item-W4[onclick]:hover, .assign-item.item-4[onclick]:hover {
	background-color:rgb(38,154,42);
	color:rgb(0,0,0);
}
.calendar-item.item-W5[onclick]:hover, .assign-item.item-5[onclick]:hover {
	background-color:rgb(0,120,52);
	color:rgb(0,0,0);
}
.calendar-item.item-W6[onclick]:hover, .assign-item.item-6[onclick]:hover {
	background-color:rgb(0,140,114);
	color:rgb(0,0,0);
}
.calendar-item.item-W7[onclick]:hover, .assign-item.item-7[onclick]:hover {
	background-color:rgb(0,119,156);
	color:rgb(0,0,0);
}
.calendar-item.item-W8[onclick]:hover, .assign-item.item-8[onclick]:hover {
	background-color:rgb(0,78,136);
	color:rgb(0,0,0);
}
.calendar-item.item-W9[onclick]:hover, .assign-item.item-9[onclick]:hover {
	background-color:rgb(89,39,127);
	color:rgb(0,0,0);
}
.calendar-item.item-W10[onclick]:hover, .assign-item.item-10[onclick]:hover {
	background-color:rgb(128,0,128);
	color:rgb(0,0,0);
}
.calendar-icon {
	float:right;
	clear:both;
	margin-bottom:5px;
	margin-left:5px;
}
.calendar-legend {
	text-align:center;
	font-weight:bold;
	margin-top:1.5rem;
}
.calendar-legend .calendar-item  {
	padding:0.5rem;
	margin:0.5rem;
	padding-left:1rem;
	padding-right:1rem;
	display:inline-block;
	font-size:1.8rem;
}

.catalog-table {
	width:100%;
	border-spacing:0.5rem 0rem;
}
.catalog-table tbody tr td {
	vertical-align: top;
}
.catalog-table thead tr th {
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	padding:1rem;
	text-align:center;
	border-radius:0.5rem;
}
table.catalog-list {
	border-spacing:0rem 0.5rem;
	width:100%;
}
table.catalog-list tr { 
	background-color:rgb(160,160,160);
}
table.catalog-list td { 
	padding:0.5rem;
}
table.catalog-list tr th:first-child,
table.catalog-list tr td:first-child {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
table.catalog-list tr th:last-child, 
table.catalog-list tr td:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
table.catalog-list div.ItemLabel {
	font-weight:bold;
}
table.catalog-list div label:after {
	content:": ";
}
table.catalog-list div.ItemLabel label {
	display:none;
}
table.catalog-list td.ItemImage {
	height:10rem;
	width:10rem;
}
table.catalog-list td.ItemImage .FieldDisplay:empty {
    border-style: dashed;
    border-radius: 1rem;
    border-width: 0.3rem;
	border-color: rgb(64,64,64);
	background-size:50%;
	background-repeat: no-repeat;
	background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.0' viewBox='0 0 32 32'><g><path d='M28.713,2.422H3.287c-0.57,0-1.037,0.468-1.037,1.038v25.079c0,0.57,0.467,1.038,1.037,1.038h25.426   c0.57,0,1.037-0.468,1.037-1.038V3.46C29.75,2.89,29.283,2.422,28.713,2.422z M26.822,22.971H4.875V5.221h21.947V22.971z' fill='rgb(64,64,64)'/><circle cx='9.104' cy='9.75' fill='rgb(64,64,64)' r='3.048'/><path d='M20.002,11.301c-0.536-0.96-1.453-0.983-2.037-0.05l-2.871,4.587c-0.584,0.933-1.747,1.229-2.585,0.658   c-0.839-0.571-2.106-0.352-2.818,0.486l-2.86,3.371c-0.712,0.84-0.394,1.525,0.706,1.525h16.378c1.1,0,1.561-0.785,1.024-1.746   L20.002,11.301z' fill='rgb(64,64,64)'/></g></svg>"); 
}
table.catalog-list td.ItemImage .FieldDisplay, 
table.catalog-list td.ItemImage .FieldDisplay .Thumbnail { 
	height:10rem;
	width:10rem;
	margin:0rem;
}

#fltrEmpl {
	width:30rem;
	font-size:3rem;
}
#fltrClrs {
	width:30rem;
	font-size:3rem;
}
.LblCheck {
	font-weight:bold;
}

div.TimeFields { 
	margin-bottom:2rem;
}
div.TimeFields label { 
	display:block;
	margin-bottom:0.5rem;
	font-weight:bold;
}
div.TimeButtons {
	text-align:center;
}
div.TimeButtons input[type=button] {

}
div.TimeButtons input[type=button].Strt {
	background-color:rgb(28,166,28);
}
div.TimeButtons input[type=button].Endg {
	background-color:rgb(166,28,28);
}
div.TimeToday {
	margin-top:2rem;
	padding:1rem;
	padding-bottom:0rem;
	border:0.25rem solid;
	background-color: rgb(192,192,192);
	border-color: rgb(166,28,28);
	border-radius: 1rem;
}
div.TimeToday label {
	display:block;
	font-weight:bold;
	color:rgb(0,0,0);
	margin-top:0.25rem;
	margin-bottom:0.5rem;
}

/* -- Color Scheme -- */
body {
	background-color:rgb(192,192,192);
	color:rgb(255,255,255);
}
#MblNavigation {
	background-color:rgb(64,64,64);
	color:rgb(255,255,255);
}
#PgeTimeTrackerBG {
	background-color:#707070;
}
#PgeNotificationsBG {
	background-color:#575757;
}
section.Tbl content, input, select, textarea, div.Tabs.Btns, table.JTbl tr, .FakeInput, form fieldset field input[type=checkbox] + label span,
.JTbl input[type=checkbox] + label span, .Tbl input[type=checkbox] + label span, input[type=checkbox] + label.LblCheck span,
.PgeDialog form fieldset field input[type=checkbox] + label span,
#PgeDialog form fieldset field input[type=checkbox] + label span,
#PgeDialogLrg form fieldset field input[type=checkbox] + label span,
#PgeDialogRoot form fieldset field input[type=checkbox] + label span {
	background-color:rgb(160,160,160);
	color:rgb(0,0,0);
}
textarea[disabled] {
	color:rgb(0,0,0);
}
section.Tbl content, input, select, div.Tabs.Btns, table.JTbl tr, .FakeInput, table.JTbl th, section.Tbl content, section.Tbl header span {
	transition: 0.3s;
}
.MsgWarning {
	color:rgb(160,0,0);
}
.Map-Info-Box h1 { 
	font-size:1.5rem;
	font-family:'Open Sans', sans-serif;
}
.Map-Info-Box label {
	font-weight: bold;
	display:block;
}
.Map-Info-Box a {
	padding:0.5rem;
	border-radius:0.5rem;
}
.Map-Info-Box a:hover {
	text-decoration: none;
}
.Map-Info-Box a span {
	margin-right:0.5rem;
}
.Map-Info-Box a img {
	vertical-align:top;
}
.MapOutside {
	height:100%;
	color:rgb(0,0,0);
	padding-bottom:5rem;
}
.MapOutside .MapHeader {
	height:5rem;
	background-color:#575757;
}
.MapOutside .MapHeader span {
	display:block;
	font-weight:bold;
	font-size:2.5rem;
	height:5rem;
	padding:0.8rem;
	color:#ffffff;
}
.MapOutside .DivMap {
	height:100%;
	border-radius:0rem;
}
.MapOutside .MapLegend {
	background-color:#ffffff;
	float:left;
	width:40rem;
	height:100%;
	overflow-y:scroll;
	overflow-x:hidden;
}
.MapOutside .MapLegend .BuilderList {
	padding:0rem;
	margin:2rem;
	border-radius:0.7rem;
}
.MapOutside .MapLegend .BuilderList li {
	padding:0rem;
	margin:0rem;
	list-style-type:none;
	list-style-position:inside;
}
.MapOutside .MapLegend .BuilderList li label {
	color:#FFFFFF;
	display:inline-block;
	padding:0.7rem;
	padding-left:2.3rem;
	font-weight:bold;
	font-size:1.5rem;
	cursor:pointer;
}
.MapOutside .MapLegend .BuilderList .SubdivisionList {
	margin:0rem;
	padding:0rem;
	background-color:rgba(255,255,255,0.8);
	padding-top:0.5rem;
	padding-bottom:0.5rem;
}
.MapOutside .MapLegend .BuilderList .SubdivisionList li {
	list-style-type: none;
	margin:0em;
	padding:0.5rem;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
}
.MapOutside .MapLegend .BuilderList .SubdivisionList li label {
	display:inline-block;
	padding:0rem;
	padding-left:2rem;
	color:#555555;
	font-weight:normal;
}
.SubFields {
	margin:0rem;
	margin-top:2rem;
	padding:1rem;
	border:0.5rem solid;
	border-radius:1rem;
	border-color: rgb(160,160,160);
}
div.TblActions {
	width:40rem;
	float:right;
	margin-top: -0.28rem;
	margin-left:1.5rem;
}
div.TblActions select.Combo-Select {
	width:28rem;
	min-width:28rem;
	padding:0.5rem;
	height:3rem;
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}
div.TblActions input.Combo-Button {
	width:12rem;
	min-width:12rem;
	padding:0.5rem;
	height:3rem;
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

input[required]:invalid, select[required]:invalid, textarea[required]:invalid  {
	background-color:rgb(255,150,150) !important;
}

hr {
	border-color:rgb(160,160,160);
}
input[readonly], textarea[readonly], select[readonly], .FakeInput {
	color:rgb(50,50,50);
}
filter input[readonly].Combo-Text {
	color:rgb(255,255,255);
	cursor:pointer
}
section.Tbl content[onclick]:hover, section.Tbl content.Hover:hover,
table.JTbl tr[onclick]:hover {
	background-color:rgb(180,180,180);
}
#PgeContent:not(:empty) form fieldset, .PgeDialog form fieldset,#PgeDialog form fieldset, #PgeDialogLrg form fieldset, #PgeDialogRoot form fieldset  {
	background-color:rgb(192,192,192);
	color:rgb(0,0,0);
}
#PgeContent:not(:empty) {
	background-color:rgb(192,192,192);
	border-color:rgb(255,255,255);
	color:rgb(0,0,0);
}
a, a:visited, a:hover,
section.Tbl header,
#PgeContent:not(:empty) form fieldset legend,
.PgeDialog form fieldset legend,
#PgeDialog form fieldset legend,
#PgeDialogLrg form fieldset legend,
#PgeDialogRoot form fieldset legend,
table.JTbl tr th,
section.Tbl footer, filter span label, .DivSubForm label  {
	color:rgb(255,255,255) !important;
}
field[data-field-sort], 
field[data-field-group] {
	padding:0.5rem;
	border-radius: 0.5rem;
	font-weight:bold;
	margin-bottom:0.5rem !important;
	background-size:1.8rem;
	background-repeat: no-repeat;
	background-position: right 0.5rem center;
}

/* -- Permissions -- */
table.PermTbl thead tr:first-child > th {
	position: sticky;
	position: -webkit-sticky;
	top:0;
}
table.PermTbl tr.PermMain {
	background-color:#fe4e55;
}
table.PermTbl tr.PermMain td {
	font-weight:bold;
}



/* Main Color */
#PgeHeader,
.PgeDialog,
#PgeDialog,
#PgeDialogLrg,
#PgeDialogRoot,
#PgeLogin,
#MblNavigation ul li div ul li,
.BGP,
.RuleNav,
filter,
#PgeContent:not(:empty) form,
.calendar-header-day,
.calendar-item,
.Tabbed form
.Tabbed form input[type=button].BGS:hover,
.Tabbed form fieldset input[type=button]:hover,
body.BdyLogin,
form field dialog div,
a.button:hover,
input[type=button]:hover,
table.JTbl tr th.JGroup, 
table.JTbl tr th[onclick]:hover,
table.JTbl tr th.JMenu:hover,
section.Tbl header span[onclick]:hover,
section.Tbl footer span[onclick]:hover,
.DivSubForm,
.Row-Action, 
field[data-field-sort]
field[data-field-group] { 
	background-color:var(--primary);
}

/* Secondary Color */
#PgeFooter,
.PgeDialog form fieldset legend,
#PgeDialog form fieldset legend,
#PgeDialogLrg form fieldset legend,
#PgeDialogRoot form fieldset legend,
#PgeLogin .DivFooter,
#PgeLogin input,
#PgeFooter select,
#MblNavigation ul li div ul li:hover,
.BGS,
filter span input, 
filter span select,
#PgeContent:not(:empty) form fieldset legend,
.calendar-item[onclick]:hover,
.Tabbed form input[type=button].BGS,
.Tabbed form fieldset input[type=button],
.Tabbed form fieldset legend,
a.button,
input[type=button],
input[type=reset],
#FormUser input[type=checkbox] + label span,
input[type=checkbox] + label span,
table.JTbl tr th,
table.catalog-table tr th,
section.Tbl header,
section.Tbl footer,
visual-options,
.Row-Action:hover,
.DivSubForm input,
.DivSubForm select, 
filter span.FltrLong label.LblRptHdx, 
.Rpt-List .Div-List, 
field[data-field-sort].DropTarget {
	background-color:var(--secondary);
	color:rgb(255,255,255);
}
.PgeDialog, #PgeDialog, #PgeDialogLrg, #PgeDialogRoot {
	border-color:var(--primary);
}



#PgeNavigation ul li div ul li:hover {
	background-color:rgb(100,100,100);
}
/*
#PgeNavigation ul li:hover,
#PgeNavigation ul li:hover div {
	background-color:rgb(80,80,80);
}
*/
#PgeNavigation ul li.NavOpen,
#PgeNavigation ul li.NavOpen div {
	background-color:rgb(80,80,80);
}
#PgeNavigation ul li div {
	border-color:rgb(80,80,80);
}

a.TCS, a.TCS:visited, a.TCS:hover {
	color:var(--secondary) !important;
}
#PgeContent:not(:empty) form fieldset, .PgeDialog form fieldset, #PgeDialog form fieldset, #PgeDialogLrg form fieldset, #PgeDialogRoot form fieldset {
	border-color:var(--secondary);
}
#PgeContent:not(:empty) form fieldset label, .PgeDialog form fieldset label, #PgeDialog form fieldset label, #PgeDialogLrg form fieldset label, #PgeDialogRoot form fieldset label {
	color:rgb(0,0,0);
}
.DlgWrapper, #DlgWrapper, #DlgWrapperLrg, #DlgWrapperRoot, form field dialog {
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.8);
}
.DlgClose, #DlgClose, #DlgCloseLrg, #DlgCloseRoot {
	color:rgb(255,255,255);
	background-image:url(/themes/images/icon_close_white.png);
}
input, textarea, select, .Tabbed form fieldset input[type=button], a.button, .Tabbed form input[type=button].BGS, #PgeContent:not(:empty) form fieldset	{
	border-color:var(--secondary);
}
.Tabbed form fieldset, .PgeDialog form fieldset, #PgeDialog form fieldset, #PgeDialogLrg form fieldset, #PgeDialogRoot form fieldset {
	background-color:rgb(192,192,192);
	border-color:var(--secondary);
}


#PgeLogin input[type=submit],
input[type=submit],
input[type=button].Btn-Action,
a.Btn-Action,
a.Btn-Action span,
.DrivingDirections,
.BookingInvoice,
filter span input[type=button].Combo-Button,
filter span input[type=button].Combo-Send,
filter span input[type=button].Combo-Detail,
filter span input[type=button].Combo-Upload,
filter span input[type=button].Combo-Search,
filter span input[type=button].Combo-Finder,
filter span input[type=button].Combo-Cancel {
	background-color:var(--accent);
	color:rgb(0,0,0);
}
#PgeLogin input[type=submit]:hover,
input[type=submit]:hover, 
input[type=button].Btn-Action:hover, 
a.Btn-Action:hover, 
a.Btn-Action:hover span, 
.DrivingDirections:hover, 
.BookingInvoice:hover, 
filter span input[type=button].Combo-Button:hover, 
filter span input[type=button].Combo-Send:hover, 
filter span input[type=button].Combo-Detail:hover, 
filter span input[type=button].Combo-Upload:hover, 
filter span input[type=button].Combo-Search:hover, 
filter span input[type=button].Combo-Finder:hover, 
filter span input[type=button].Combo-Cancel:hover {
	background-color:var(--hover);
	color:rgb(0,0,0);
}
.Rpt-List .Div-List.Disabled label.Lbl-List {
	color:var(--secondary) !important;
}
input[type=button].Btn-Delete, input[type=submit].Btn-Delete {
	background-color:rgb(185,55,55) !important;
	border-color:rgb(185,55,55) !important;
}
input[type=button].Btn-Delete:hover, input[type=submit].Btn-Delete:hover {
	background-color:rgb(194,102,102) !important;
}
input[type=submit].Btn-Disable, input[type=button].Btn-Disable, input[type=button][disabled] {
	background-color:rgb(160,160,160) !important;
	color:rgb(100,100,100);
}
input[type=submit].Btn-Disable:hover, input[type=button].Btn-Disable:hover, input[type=button][disabled]:hover {
	background-color:rgb(160,160,160) !important;
	color:rgb(100,100,100);
}
dialog.PgeMessage {
	background-color:rgb(0,0,0);
	border-color:rgb(0,0,0);
	color:rgb(255,255,255);
}
.Tbl content dialog, .JTbl tr dialog[field-row] {
	background-color:rgba(0,0,0,0.8);
	border-color:rgb(0,0,0);
	color:rgb(255,255,255);
}
/*
dialog[field-menu] div, dialog[field-menu] select  {
	background-color:rgb(60,60,60);
	color:rgb(255,255,255);
}
*/
.RuleNav, .RuleNav a, .RuleNav a:hover, th a.TCS, th a.TCS:hover {
	color:rgb(255,255,255) !important;
}
.TxtPlus:before {
	content:"+";
}

select {
	background-image:url(/themes/images/icon_downarrow_white.png);
	background-position:right 10px center;
	background-repeat:no-repeat;
	background-size:25px;
}
select[disabled] {
	background-image:none;
	cursor: auto;
}
input.Btn-Delete {
	background-color:rgb(250,0,0);
}
#PgeContent:not(:empty) section.Tbl content[onclick].HoverRed:hover {
	background-color:rgb(255,180,180);
	color:rgb(0,0,0);
}
#PgeContent:not(:empty) section.Tbl content.RowRed {
	background-color:rgb(255,180,180);
	color:rgb(0,0,0);
}
cw-view {
	display:none;
}

/* Narrow Branding	*/
#PgeContentOuter.Narrow, 
#PgeHeaderInner.Narrow,
#PgeFooterInner.Narrow {
	max-width:120rem;
	margin-left:auto;
	margin-right:auto;
}
#PgeHeaderInner.Narrow {
	position:relative;
	padding-left:2rem;
	padding-right:2rem;
}
#PgeFooterInner.Narrow {
	padding-left:2rem;
	padding-right:2rem;
}
#DlgContent.Narrow .Large {
	max-width:120rem;
	margin-left:auto;
	margin-right:auto;
}
pagecontent,
pagegroup,
pagerecord {
	display:block;
}
pagerecord {
	padding:1.5rem;
	background-color: rgb(220,220,220);
	border-radius:0.5rem;
	margin-bottom:1.5rem;
}
pagerecord pagefield {
	border-bottom:0.2rem solid rgb(160,160,160);
	margin:0rem;
	margin-bottom:0rem; 
	padding:0rem;
	padding-top:1rem;
	padding-bottom:1rem;
	display: flex;
	align-items:stretch;
}
pagerecord pagefield:first-of-type {
	padding-top:0rem;
}
pagerecord pagefield:last-of-type {
	border-bottom:none;
	padding-bottom:0rem;
}
pagerecord pagefield pagecell:first-of-type  {
	flex-basis:20%;
}
pagerecord pagefield pagecell:last-of-type {
	flex-basis:80%;
}
pagerecord pagefield pagecell label,
pagerecord pagefield pagecell p,
pagerecord pagefield pagecell input,
pagerecord pagefield pagecell textarea {
	margin:0rem;
}
textarea {
	resize: none;
	height:1em;
}
pagefield.ItemLabel {
	font-weight: bold;
}
pagefield.ItemHidden {
	display:none;
}
pageactions {
	display: block;
    margin-bottom: -3rem;
}
pageactions div.BtnWrap {
    width: fit-content;
	padding: 1rem;
    background-color: rgb(220, 220, 220);
	margin-left: auto; 
	margin-right: 0;
	border-radius: 0.5rem;
}
pageactions div.Row-Action {
	max-width:3.5rem;
	min-width:3.5rem;
	width:3.5rem;
	height:3rem;
	margin:0rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:50%;
	padding:0rem !important;
}
.content-link {
	font-weight: bold;
}
.content-link:hover {
	color:var(--primary);
}

option[disabled] {
	display:none;
}





.PgeDialog pagerecord {
	background-color: rgb(192,192,192);
	color:rgb(0,0,0);
	margin-top: 1.5rem;
}
.PgeDialog pagecontent .JTblAbove {
	margin-right:5.5rem;
	margin-top: 1rem;
}
.PgeDialog pagecontent .JTblAbove .ViewEdit {
	margin-top:0.1rem;
	height:3.5rem;
	width:3.5rem;
}
.PgeDialog pagecontent .JTblAbove h1 {
	display:inline;
}


/* Mobile Orientation */
@media screen and (max-width: 1000px) {
	html {
		font-size: 50%; 
	}
	.DlgWrapper, #DlgWrapper, #DlgWrapperLrg, #DlgWrapperRoot {
		position:fixed;
		-webkit-overflow-scrolling: touch;
	}
	.Dollars-Negative, .Table-Button {
		min-width:100%;
	}
	#IconUTimes {
		height:7.5rem;
		width:7.5rem;
		margin-top:1.5rem;
		margin-right:3rem;
	}
	#IconUSttng {
		height:7.5rem;
		width:7.5rem;
		margin-top:1.5rem;
		margin-right:3rem;
	}
	#IconNotify {
		height:7.5rem;
		width:7.5rem;
		margin-top:1.5rem;
		margin-right:3rem;
	}
	#IconNotify span {
		font-size:2rem;
	}
	#IconLogout {
		height:7.5rem;
		width:7.5rem;
		margin-top:1.5rem;
		margin-right:11rem;
	}
	#PgeTimeTrackerBG,
	#PgeNotificationsBG {
		width:100%;
	}
	#PgeTimeTracker,  
	#PgeNotifications {
		width:100%;
		float:right;
		color:rgb(255,255,255);
		background-color:#575757;
	}
	#PgeContent.Time,
	#PgeContent.Notify {
		margin-right:0rem;
	}
	#PgeContent.Time.Notify {
		margin-right:0rem;
	}
	filter h1 {
		font-size:2.5rem;
		margin-left:0rem;
		margin-right:0rem;
	}
	.ViewEdit {
		height: 8rem;
   		width: 8rem;
	}
	.FormOptions .ViewEdit {
		height:6rem;
		width:6rem;
	
	}
	.FormOptions .ViewEdit:first-of-type {
		margin-right:3rem;
	}
	.Btn-New {
		height:8rem;
	}
	.JTblAbove {
		height:8rem;
	}
	pageactions {
		margin-bottom: -6rem;
	}
	pageactions div.Row-Action {
		height:8rem;
		min-width:8rem;
	}
	#MblNavigation icon.Icon-Logout {
		/*
		position:static;
		display:block;
		background-color:rgb(0,0,0);
		border-radius:1rem;
		font-size:4rem;
		padding:1.5rem;
		margin-top:1rem;
		margin-bottom:1rem;
		width:100%;
		height:auto;
		box-shadow: 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.7);
		text-align:left;
		background-size:5rem;
		background-position: right;
		*/
	}

}
@media screen and (max-width: 1000px) and (orientation:portrait) {
	#PgeHeader {
		height:10rem;
		line-height:10rem;
	}
	#PgeWrapper {
		padding-top:10rem;
	}
	#PgeLogo {
		margin-left:2rem;
		height:9rem;
	}
	#MblMenuBtn {
		height:7.5rem;
		width:7.5rem;
	}
	#MblNavigation select {
		font-size:5rem;
	}
}
@media screen and (max-width: 1000px) and (orientation:landscape) {
	#PgeWrapper {
		padding-bottom:1rem;
	}
	/*
	#PgeFooter {
		display:none;
	}
	*/
	#IconUTimes {
		height:5.5rem;
		width:5.5rem;
		margin-top:1rem;
		margin-right:3rem;
	}
	#IconUSttng {
		height:5.5rem;
		width:5.5rem;
		margin-top:1rem;
		margin-right:3rem;
	}
	#IconNotify {
		height:5.5rem;
		width:5.5rem;
		margin-top:1rem;
		margin-right:3rem;
	}
	#IconLogout {
		height:5.5rem;
		width:5.5rem;
		margin-top:1rem;
		margin-right:8rem;
	}
	#MblNavigation ul li, #MblNavigation label {
		font-size:1.6rem;
	}
	#MblNavigation ul li div ul li {
		font-size:1.6rem;
		padding:1rem;
		padding-left:1.5rem;
		margin-top:0.7rem;
		margin-bottom:0.7rem;
	}
	#MblNavigation icon.Icon-Logout {
		font-size:1.6rem;
	}
}

/* Tablet Orientation */
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) {
	html {
		font-size: 30%; 
	}
	/*
	.DivAssignMass #DivTabs li {
		font-size:5rem;
	}
	.DivAssignMass section.Tbl span {
		font-size:4rem;
	}
	*/
	#IconUTimes,
	#IconUSttng,
	#IconNotify {
		height:7.5rem;
		width:7.5rem;
		margin-top:1.5rem;
		margin-right:10rem;
	}
	#IconNotify span {
		font-size:2rem;
	}
	#PgeTimeTrackerBG,
	#PgeNotificationsBG {
		width:100%;
	}
	#PgeTimeTracker,
	#PgeNotifications {
		width:100%;
		float:right;
		color:rgb(255,255,255);
		background-color:#575757;
	}
	#PgeContent.Time,
	#PgeContent.Notify {
		margin-right:0rem;
	}
	#PgeContent.Time.Notify {
		margin-right:0rem;
	}
	filter h1 {
		font-size:2.5rem;
		margin-left:0rem;
		margin-right:0rem;
	}
	.TblPaging {
		height:3rem;
	}
	.ViewEdit {
		height: 3rem;
		width: 3rem;
		margin-top:-0.3rem;
	}
	.PageFrst,
	.PagePrev,
	.PageNext,
	.PageLast,
	.PageFrstDisabled,
	.PagePrevDisabled,
	.PageNextDisabled,
	.PageLastDisabled {
		height:3rem;
		width:3rem;
	}
	#MblNavigation icon.Icon-Logout {
		/*
		position:static;
		display:block;
		background-color:rgb(0,0,0);
		border-radius:1rem;
		font-size:4rem;
		padding:1.5rem;
		margin-top:1rem;
		margin-bottom:1rem;
		width:100%;
		height:auto;
		box-shadow: 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.7);
		text-align:left;
		background-size:5rem;
		background-position: right;
		*/
	}
	cw-feed input[type=button].Btn-New, feed-display input[type=button].Btn-New, input[type=button].Tbl-Btn-Top, button.Btn-New {
		min-width:15rem;
	}
	.DlgClose, #DlgClose, #DlgCloseLrg, #DlgCloseRoot {
		height:4rem;
		width:4rem;
		bottom:-6.9rem;
	}
}
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	#PgeWrapper {
		padding-bottom:1rem;
	}
	#PgeFooter {
		display:none;
	}
	#IconUTimes,
	#IconUSttng,
	#IconNotify {
		height:5.5rem;
		width:5.5rem;
		margin-top:1rem;
		margin-right:8rem;
	}
	/*
	#MblNavigation ul li, #MblNavigation label {
		font-size:1.6rem;
	}
	#MblNavigation ul li div ul li {
		font-size:1.6rem;
		padding:1rem;
		padding-left:1.5rem;
		margin-top:0.7rem;
		margin-bottom:0.7rem;
	}
	#MblNavigation icon.Icon-Logout {
		font-size:1.6rem;
	}
	*/
	div.Tabs ul li {
		width:33.33%;
		height:4rem;
		line-height:4rem;
	}
	.DivAssignMass #DivTabs li {
		width:50%;
		height:5rem;
		line-height:5rem;
	}
} 
@supports (-webkit-overflow-scrolling: touch) {
/* Detects Mobile Safari - Not iPad OS in Desktop Mode */	
}