/**
* #######################################
* # FILE: 'structure.css'               #
* # MODIFIED: Thu May 23 09:53:32 2024  #
* #######################################
*/

/**
* START - ELEMENTS
* Thu Feb  2 11:59:54 2017
*/
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body {
	color: rgba(0,0,0,0.8);
	text-align: center;
	font: 64.5%/1.5 "LiberationSans","OpenSans";
	font-weight: normal; font-style: normal;
	margin: 0; padding: 0;
	overflow: auto;
	background-image: url('/img/paper-bkg/matte-cool-paper.png');
	background-attachment: fixed;
	background-repeat: repeat;
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
}
h1 {
	font-style: normal;
	font-size: 2.2rem;
}
h2 {
	font-style: normal;
	font-size: 2.0rem;
}
h3 {
	font-style: normal;
	font-size: 1.8rem;
}
h4 {
	font-style: normal;
	font-size: 1.6rem;
}
h5 {
	font-style: normal;
	font-size: 1.4rem;
}
p {
	font-style: normal;
	font-size: 1.2rem; line-height: 1.2rem;
}
ul, ol {
	padding-left: 2rem;
}
a, a:link, a:visited {
	color: #0A5499;
	font-size: inherit;
	text-decoration: none;
	vertical-align: baseline;
	position: relative;
	margin: 0; padding: 0;
	border: 0px solid transparent;
	/* Outline Fix */
	outline: 0;
}
a:hover {
	color: #007e19;
}
a:focus-within {
	color: #007e19;
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
button, div.mod-button {
	cursor: pointer;
	color: #FFFFFF;
	text-align: center; vertical-align: baseline;
	font-size: inherit; font-weight: inherit; line-height: 1.2rem;
	width: auto;
	margin: 0; padding: 3px 6px 3px 6px;
	display: inline-block;
	background-color: rgba(10,84,153,1);
	border: 1px solid rgba(54,54,54,0.2);
	border-top: 2px solid rgba(255,255,255,0.6);
	border-right: 1px solid rgba(255,255,255,0.6);
	border-bottom: 2px solid rgba(0,0,0,0.3);
	border-left: 1px solid rgba(255,255,255,0.6);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
button:hover, button:focus-within,
div.mod-button:hover, div.mod-button:focus-within {
	background-color: #007e19;
	border: 1px solid rgba(54,54,54,0.2);
	border-top: 2px solid rgba(255,255,255,0.6);
	border-right: 1px solid rgba(255,255,255,0.6);
	border-bottom: 2px solid rgba(0,0,0,0.3);
	border-left: 1px solid rgba(255,255,255,0.6);
}
input, select, textarea {
	font-size: inherit; line-height: inherit;
	vertical-align: baseline;
	margin: 0; padding: 0;
	display: inline-block;
}
textarea {
	resize: none !important;
}

/**
 * Super Form Elements
 * Sat May 13 11:44:58 2017
 */
div.super-form-element, label.super-form-element {
	vertical-align: baseline;
	position: relative;
	margin: 0; padding: 0;
	display: inline-block;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 5px;
}
div.super-form-element span.super-form-icon-tag-right {
	color: rgba(0,0,0,0.5);
	font-size: inherit; line-height: inherit;
	position: absolute; top: 0; bottom: 0; left: 0;
	width: 1.7rem;
	margin: 0; padding: 3px;
	display: inline-block; float: left;
	background-color: transparent;
}
.super-form-focus {
	background-color: rgba(0,126,25,0.2) !important;
	border: 1px solid rgba(0,126,25,1.0) !important;
}

/* INPUT: Password */
input[type="password"], .pwd-input {
	vertical-align: baseline;
	font-size: inherit; line-height: inherit;
	position: relative;
	width: 100%; height: auto;
	margin: 0 !important; padding: 0;
	display: inline;
	background-color: transparent !important;
	border: none !important;
	border-radius: 0 !important;
}
input[type="password"]:focus-within, .pwd-input:focus-within {
	background-color: transparent !important;
	border: none !important;
}
div.pwd-input-wrap, .pwd-input-wrap {
	position: relative;
	margin: 0; padding: 0;
	display: flex; flex-grow: 1;
	background-color: rgba(255,255,255,0.5);
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 5px;
}
div.pwd-input-wrap > span, .pwd-input-wrap > span {
	color: rgba(0,0,0,0.5);
	text-align: center;
	padding: 0 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
div.pwd-input-wrap:focus-within, .pwd-input-wrap:focus-within
{
	background-color: rgba(0,126,5,0.1) !important;
	border: 1px solid #007e19 !important;
}

/* Checkbox Styling */
input[type="checkbox"] {
	vertical-align: baseline;
	font-size: inherit; line-height: inherit;
	position: absolute !important; top: 0 !important; left: 0 !important;
	margin: 0; padding: 0;
	display: inline-block !important; opacity: 0 !important;
}
input[type="checkbox"] + label {
	vertical-align: baseline;
	font-size: inherit; line-height: 1rem;
	font-family: 'LiberationSans';
	position: relative !important; top: 0 !important;
	margin: 0; padding: 5px;
	display: inline-block !important;
	background-color: rgba(255,255,255,0.5) !important;
	border: 1px solid rgba(0,0,0,0.2) !important;
	border-radius: 5px !important;
}
input[type="checkbox"] + label dfn:before {
	vertical-align: baseline;
	vertical-align: baseline !important;
	font-size: inherit; line-height: inherit;
	font-family: 'FontAwesome_4_7_0' !important;
	font-weight: normal !important;
	font-style: normal !important;
	text-decoration: none !important;
	-webkit-font-smoothing: antialiased;
 	content: "\f096";
}
input[type="checkbox"] + label dfn {
	vertical-align: baseline;
	color: #0A5499 !important;
	text-align: left !important; vertical-align: baseline !important;
	font-size: inherit; line-height: inherit;
	position: relative !important;
	margin: 0; padding: 0;
	display: inline-block !important; cursor: pointer !important;
}
input[type="checkbox"]:checked + label dfn:before {
	vertical-align: baseline;
	content: "\f046" !important;
}
input[type="checkbox"]:checked + label {
	color: rgba(0,126,25,1.0);
	vertical-align: baseline;
	background-color: rgba(0,126,5,0.1);
}
input[type="checkbox"]:checked + label {
	color: rgba(0,126,25,1.0);
	vertical-align: baseline;
}
input[type="checkbox"]:focus-within + label {
	background-color: rgba(0,126,5,0.1) !important;
	border: 1px solid #007e19 !important;
}
input[type="checkbox"]:checked + label dfn {
	color: rgba(0,126,25,1.0) !important;
	vertical-align: baseline;
}
label:has(input[type="checkbox"]:checked) {
	background-color: rgba(0,126,5,0.1) !important;
}


/* Radio Button Styling */
input[type="radio"] {
	font-size: inherit; line-height: inherit;
	position: absolute !important; top: 0 !important; left: 0 !important;
	margin: 0 !important; padding: 0 !important;
	display: inline-block !important; opacity: 0 !important;
}
input[type="radio"] + label {
	font-size: inherit; line-height: inherit;
	font-family: 'LiberationSans';
	position: relative !important; top: 0 !important;
	margin: 0; padding: 3px;
	display: inline-block !important;
	background-color: rgba(255,255,255,0.5);
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 5px !important;
}
input[type="radio"] + label dfn:before {
	vertical-align: baseline !important;
	font-size: inherit; line-height: inherit;
	font-family: 'FontAwesome_4_7_0' !important;
	font-weight: normal !important;
	font-style: normal !important;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	content: "\f10c" !important;
}
input[type="radio"] + label dfn {
	color: #0A5499;
	text-align: left !important; vertical-align: baseline !important;
	font-size: inherit; line-height: inherit;
	position: relative !important;
	margin: 0; padding: 0;
	display: inline-block !important; cursor: pointer !important;
}
input[type="radio"]:checked + label dfn:before {
	content: "\f058" !important;
}
input[type="radio"]:checked + label {
	color: rgba(0,126,25,1.0);
	vertical-align: baseline;
	background-color: rgba(0,126,5,0.1);
	border: 1px solid #007e19;
}
input[type="radio"]:checked + label dfn {
	color: rgba(0,126,25,1.0);
	vertical-align: baseline;
}
label:has(input[type="radio"]:checked) {
	color: rgba(0,126,25,1.0);
	vertical-align: baseline;
	background-color: rgba(0,126,5,0.1) !important;
}
.input-auto-width {
	width: auto;
}
.logo-shape:focus-within {
	color: 1px solid #FFFFFF !important;
}
.logo-shape:focus-within dfn {
	color: #FFFFFF !important;
}
div.input-margin-left {
	position: relative; top: 0; left: 0; bottom: 0;
	width: 1.3em; height: 100%;
	margin: 0; padding: 0 0 0 3px;
	display: inline; float:left;
}
/**
* END - ELEMENTS
*/


/**
* START - COMMON CLASSES
* Thu Feb  2 12:00:32 2017
*/
#closePage-iconWrap {
	color: rgba(10,84,153,0.70);
	text-align: right;
	font-size: 1.8rem; line-height: 1.4rem;
	position: absolute;
	top: 0; right: 0;
	width: auto; height: auto;
	margin: 0; padding: 0.5rem;
	z-index: 9999;
}
#closePage-iconWrap:hover {
	color: #0059FE;
	font-size: 2.2rem;
}
.tool-tipster {
	cursor: pointer;
}
.tooltip-templates {
	display: none;
}
.alt-line-item-bkg {
	background-color: rgba(10,84,153,0.08);
}
.round-corners {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.black-50 {
	color: rgba(0,0,0,0.5) !important;
}
.black-solid {
	color: #000000; /* rgba(0,0,0,1.0) */
}
.black-solid-important {
	color: #000000 !important; /* rgba(0,0,0,1.0) */
}
.blue-solid {
	color: #0A5499; /* rgba(10,84,153,1.0) */
}
.blue-solid-important {
	color: #0A5499 !important; /* rgba(10,84,153,1.0) */
}
.green-solid {
	color: #007e19; /* rgba(0,126,25,1.0) */
}
.green-solid-important {
	color: #007e19 !important; /* rgba(0,126,25,1.0) */
}
.orange-solid {
	color: #FF7800; /* #FF7800 */
}
.orange-solid-important {
	color: #FF7800 !important; /* #FF7800 */
}
.boxIt, .boxIT {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
.bold {
	font-weight: bold;
}
.clear {
	clear: both;
}
.block {
	display: block;
}
.inline-block {
	display: inline-block;
}
.right {
	float: right;
}
.left {
	float: left;
}
.fixIt {
	position: fixed;
}
.full-width {
	width: 100% !important;
}
.offScreen {
	position: absolute; top: -9999px; left: -9999px;
	width: 1px; height: 1px;
	overflow: hidden;
}
.label-desc {
	font-size: 0.85rem;
	opacity: 0.7;
}
.hiLite:hover {
	background-color: rgba(85,170,255,0.2);
}
.manage-list-icon {
	color: #7e0001;
}
.id-anchor {
	font-size: 0px !important; line-height: 0px !important;
	position: relative; top: -50px;
	width: 0px !important; height: 0px !important;
	margin: 0 !important; padding: 0 !important; z-index: -1 !important;
	display: block; clear: both;
}
.id-anchor:target + div {
	padding-left: 5px;
	background-color: rgba(0,126,25,0.075); /* #007e19 */
	border-left: 5px solid #007e19;
	animation: targetFocusPulse 2s linear infinite;
	-webkit-animation: targetFocusPulse 2s linear infinite;
	-moz-animation: targetFocusPulse 2s linear infinite;
	-ms-animation: targetFocusPulse 2s linear infinite;
}
@keyframes "targetFocusPulse" {
	0%		{ background-color: rgba(174,242,174,0.3); }
	50%		{ background-color: rgba(174,242,174,0.6); }
	100%	{ background-color: rgba(174,242,174,0.9); }
}

.bottomAnchor {
	width: 100%; height: 75px;
	clear:both; display: block !important;
}
.profile-pic-thumbnail {
	background-image: url('/img/icon/anonymousUserPicture.png');
	background-size: cover;
	-moz-background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 8.5rem; height: 8.5rem;
	margin: auto; padding: auto;
	display: block;
}
.profile-picture {
	background-image: url('/img/icon/anonymousUserPicture.png');
	background-size: auto;
	-moz-background-size: auto;
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%; min-height: 100px; height: auto;
	margin: auto; padding: auto;
	display: block;
}
.image-icon {
	position: absolute;
	right:10px; bottom:10px;
	display: block;
	background-color: rgba(255,255,255,0.5);
}
.signatureImage {
	background-image: url('/img/icon/anonymousUserSignature.png');
	background-size: cover;
	-moz-background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 90% auto;
	width: 200px !important;
	height: 75px !important;
	display: block;
}
.companyLogoImage {
	background-image: url('/img/company/anonymousCompanyLogo.png');
	background-size: cover;
	-moz-background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 300px !important;
	height: 300px !important;
	display: block;
}
.status-stamp {
	color: #960303 !important;
	text-align: center;
	font-weight: bold;
	font-size: 2rem; line-height: 1rem;
	position: absolute; top: 10px; right: 20px;
	width: auto; height: auto;
	display: block; opacity: 0.3; z-index: 99;
    -ms-transform: rotate(-8deg); /* IE 9 */
    -moz-transform: rotate(-8deg); /* FireFox */
    -webkit-transform: rotate(-8deg); /* Safari 3-8 */
    transform: rotate(-8deg);
	margin: 0; padding: 1rem;
	border: 3px solid #960303 !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.paid-stamp {
	color: #0A5499 !important;
	text-align: center;
	font-weight: bold;
	font-size: 2rem; line-height: 1rem;
	position: absolute; top: 10px; right: 20px;
	width: auto; height: auto;
	display: block; opacity: 0.3; z-index: 0;
    -ms-transform: rotate(-8deg); /* IE 9 */
    -moz-transform: rotate(-8deg); /* FireFox */
    -webkit-transform: rotate(-8deg); /* Safari 3-8 */
    transform: rotate(-8deg);
	margin: 0; padding: 1rem;
	border: 3px solid #0A5499 !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.open-stamp {
	color: #0A5499 !important;
	text-align: center;
	font-weight: bold;
	font-size: 2rem; line-height: 1rem;
	position: absolute; top: 10px; right: 20px;
	width: auto; height: auto;
	display: block; opacity: 0.3; z-index: 0;
    -ms-transform: rotate(-8deg); /* IE 9 */
    -moz-transform: rotate(-8deg); /* FireFox */
    -webkit-transform: rotate(-8deg); /* Safari 3-8 */
    transform: rotate(-8deg);
	margin: 0; padding: 1rem;
	border: 3px solid #0A5499 !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.closed-stamp {
	color: #000000 !important;
	text-align: center;
	font-weight: bold;
	font-size: 2rem; line-height: 1rem;
	position: absolute; top: 10px; right: 20px;
	width: auto; height: auto;
	display: block; opacity: 0.3; z-index: 0;
    -ms-transform: rotate(-8deg); /* IE 9 */
    -moz-transform: rotate(-8deg); /* FireFox */
    -webkit-transform: rotate(-8deg); /* Safari 3-8 */
    transform: rotate(-8deg);
	margin: 0; padding: 1rem;
	border: 3px solid #000000 !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.status-stamp, .paid-stamp, .open-stamp, .closed-stamp {
	pointer-events: none;
}
.email-confirmation {
	position: absolute; right: -5px; bottom: -13px;
	width: auto; height: auto;
	margin: 0; padding: 0;
	display: inline-block; z-index: 0;
}
.email-confirmation i.fa-envelope {
	color: rgba(0,126,25,0.1); /* Green: #007e19 */
	font-size: 1.8rem !important;
    -ms-transform: rotate(-13deg); /* IE 9 */
    -moz-transform: rotate(-13deg); /* FireFox */
    -webkit-transform: rotate(-13deg); /* Safari 3-8 */
    transform: rotate(-13deg);
}
.record-tag-icon-bkgd {
	text-align: center;
	position: absolute; right: 2rem; bottom: 0.5rem;
	width: auto; height: auto;
	margin: 0; padding: 0;
	display: block; z-index: 0;
	pointer-events: none;
}
.record-tag-icon-bkgd i.fa {
	color: rgba(0,126,25,0.1); /* Green: #007e19 */
	font-size: 4rem !important;
    -ms-transform: rotate(-13deg); /* IE 9 */
    -moz-transform: rotate(-13deg); /* FireFox */
    -webkit-transform: rotate(-13deg); /* Safari 3-8 */
    transform: rotate(-13deg);
}
.display-paperwork-icon-bkgd {
	text-align: right;
	position: absolute; right: 1.5rem; bottom: 0.5rem;
	width: auto; height: auto;
	margin: 0; padding: 0;
	display: inline-block; z-index: 0;
}
.display-paperwork-icon-bkgd i.fa-file-text {
	color: rgba(0,126,25,0.1); /* Green: #007e19 */
	font-size: 4rem !important;
    -ms-transform: rotate(-13deg); /* IE 9 */
    -moz-transform: rotate(-13deg); /* FireFox */
    -webkit-transform: rotate(-13deg); /* Safari 3-8 */
    transform: rotate(-13deg);
}
.entry-rule, div.entry-rule {
	color: rgba(255,18,0,0.8);
	text-align: left; vertical-align: baseline;
	font-size: inherit; line-height: inherit;
	position: relative; top: -4px; right: 0; left: 0;
	margin: 0 auto; padding: 14px 7px 7px 7px;
	width: inherit; height: auto;
	display: block; z-index: 0;
	border-right: 1px solid rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(0,0,0,0.2);
	border-left: 1px solid rgba(0,0,0,0.2);
	border-radius: 0px 0px 5px 5px;
	background-color: rgba(255,18,0,0.2);
	background: linear-gradient(-90deg,transparent,rgba(255,18,0,0.2)); /* Standard syntax */
	background: -webkit-linear-gradient(-90deg,transparent,rgba(255,18,0,0.2));; /* For Safari */
	background: -o-linear-gradient(-90deg,transparent,rgba(255,18,0,0.2));; /* For Opera */
	background: -moz-linear-gradient(-90deg,transparent,rgba(255,18,0,0.2));; /* For Firefox */
}
.entry-rule em, div.entry-rule em {
	color: rgba(255,18,0,0.8) !important;
	font-size: 1.15rem !important; line-height: 1;
}
.pg-msg {
	text-align: left; vertical-align: baseline;
	font-size: 1rem !important; line-height: 1.3rem !important;
	margin: 0 !important; padding: 20px !important;
}
/**
* END - COMMON CLASSES
*/


/**
* START - COMMON IDs
* Mon Jul 31 11:07:05 2017
*/
#contact-focus-info {
	text-align: center;
	font-size: inherit; line-height: inherit;
	position: relative; display: block; clear: both;
	width: 100%; height: inherit;
	margin: auto; padding: 0;
	border: none;
	background-color: rgba(255,255,255,0.9);
	z-index: 999;
}
.text--redAlert {
	color: rgba(224,27,36,1.0);
	animation: text--redAlertPulse 1s linear infinite;
	-webkit-animation: text--redAlertPulse 1s linear infinite;
	-moz-animation: text--redAlertPulse 1s linear infinite;
	-ms-animation: text--redAlertPulse 1s linear infinite;
}
@keyframes "text--redAlertPulse" {
	0%		{ color: rgba(224,27,36,0.7); }
	30%		{ color: rgba(224,27,36,1.0); }
	70%		{ color: rgba(224,27,36,1.0); }
	100%	{ color: rgba(224,27,36,0.7); }
}
.calendarFocusPulse, .recordFocusPulse {
	font-size: inherit; line-height: inherit;
	position: relative; display: block; clear: both;
	width: 100%; height: inherit;
	margin: 0; padding: 10px 20px;
	border-bottom: solid 1px rgba(0,0,0,0.1);
	-webkit-animation: calendarFocusPulse 2s linear infinite;
	-moz-animation: calendarFocusPulse 2s linear infinite;
	-ms-animation: calendarFocusPulse 2s linear infinite;
	animation: calendarFocusPulse 2s linear infinite;
}
@keyframes "calendarFocusPulse" {
	0%		{ background-color: rgba(174,242,174,0.3); }
	50%		{ background-color: rgba(174,242,174,0.6); }
	100%	{ background-color: rgba(174,242,174,0.9); }
}
#alphaSearch, #pwTotals {
	color: #0A5499;
	text-align: center;
	font-size: 1rem !important; line-height: 1.2rem !important;
	position: relative;
	padding: 5px 15px 2px 15px;
	z-index: 99;
	background-color: #c5eccd;
	border: 1px solid rgba(54,54,54,0.1);
}
#alphaSearch a, #alphaSearch span, #alphaSearch strong {
	font-size: 1.1rem;
	font-family: RajdhaniMedium !important;
	margin: 0px 5px; padding: 0px;
	z-index: 99;
}
#top-page-anchor {
	width: 0px; height: 0px;
	position: absolute; top: 0;
	display: block; z-index: -999;
}
#pageTop {
	position: absolute; top: 0; left: 0;
	width: 0px; height: 0px;
	margin: 0; padding: 0;
	z-index: -1;
}
div#post-data-processing {
	color: #0A5499;
	text-align: center;
	font-size: 1.2rem; line-height: 1.2rem;
	position: absolute; top: 30px; right: 0; bottom: 0; left: 0;
	margin: 0; padding: 0;
	display: none; clear: both; overflow: auto; z-index: 9999;
	background-color: rgba(255,255,255,0.9);
}
div#post-data-processing p {
	position: absolute; right: 0; bottom: 0;
	margin: 0; padding: 15px;
	width: auto; height: auto;
	display: block;
}
div#post-data-processing p span, div#post-data-processing p i {
	margin: 0; padding: 0;
}
div#post-data-processing i {
	font-size:1.8rem !important;
}
div#post-data-processing article {
	text-align: center;
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	width: 175px; height: 250px;
	margin: auto; padding: 0;
	display: inline-block; opacity: 0.2;
	background-image: url('/img/logo/ghizmo-clr-logo-web.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}


/**
* START - SYSTEM MENU, CONTAINER AND COMMON ELEMENTS
* Thu Feb  2 12:01:01 2017
*/
#splash-logo-container {
	text-align: left;
	position: fixed;
	top: 30px; right: 0; bottom: 0; left: 0;
	display: block; opacity: 1.0; overflow: hidden; clear: both;
	filter: drop-shadow(0px 0px 10px #003188);
	background-image: url('/img/logo/ghizmo-ko-web.svg');
	background-attachment: fixed;
	background-position: center center;
	background-size: 200px auto;
	background-repeat: no-repeat;
	box-shadow: inset 0px 0px 70px 70px rgba(0,0,0,0.95);
	-moz-box-shadow: inset 0px 0px 70px 70px rgba(0,0,0,0.95);
	-webkit-box-shadow: inset 0px 0px 70px 70px rgba(0,0,0,0.95);
}
div#content-container, form#content-container, div#multi-window-alert {
	color: rgba(0,0,0,0.5);
	text-align: left;
	font-size: 1.2rem; line-height: 1.2rem;
	position: absolute;
	top: 30px; right: 0; bottom: 0; left: 0;
	margin: 0; padding: 0;
	display: block; clear: both; overflow-y: auto; overflow-x: hidden;
	background-color: rgba(255,255,255,0.75);
	background-image: url('/img/paper-bkg/matte-cool-paper.png');
	box-shadow: inset 0 0 10px #2c2c2c;
	-moz-box-shadow: inset 0 0 10px #2c2c2c;
	-webkit-box-shadow: inset 0 0 10px #2c2c2c;
}
/* Alert: Msg: NO Multiple window/tab open for Ghizmo */
#multi-window-alert-p.multiWindowAlert {
	border-color: #7e0001;
	-webkit-box-shadow: inset 0 0 10px #7e0001;
	-moz-box-shadow: inset 0 0 10px #7e0001;
	box-shadow: inset 0 0 10px #7e0001;
}
div#multi-window-alert {
	z-index: 9999;
}
div#multi-window-alert p {
	margin: 20px; padding: 20px;
	border: 2px solid #7e0001;
}
nav#sysAppMenuBar-container {
	color: #FFFFFF;
	text-align: left;
	font-size: 20px; line-height: 20px;
	position: fixed; top: 0; right: 0; left: 0;
	height: 30px;
	margin: 0; padding: 0;
	display: block; overflow: hidden;
	background-color: #0A5499;
}
nav#sysAppMenuBar-container span:first-child {
	margin-left: 13px !important;
}
nav#sysAppMenuBar-container span {
	color: #FFFFFF;
	vertical-align: middle;
	font-size: inherit; line-height: 20px;
	margin: 5px 5px; padding: 0;
	display: inline-block; cursor: pointer;
}
nav#sysAppMenuBar-container span:first-child {
	margin-left: 15px !important;
}
div#sysAppMenu-clr-overlay {
	position: fixed;
	top: 30px; right: 0; bottom: 0; left: 0;
	display: block; z-index: -5;
	background-color: rgba(10,84,153,0.75);
}
div#sysAppMenu-container, div#sysUserMenu-container {
	text-align: left;
	font-size: inherit; line-height: inherit;
	position: absolute;
	top: 30px; right: 0; bottom: 0; left: 0;
	display: none; clear: both; z-index: 99999999999; overflow: auto;
	background-color: #FFFFFF;
	background-image: url('/img/design/main-pic-23.jpg');
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: inset 0 0 10px #2c2c2c;
	-moz-box-shadow: inset 0 0 10px #2c2c2c;
	-webkit-box-shadow: inset 0 0 10px #2c2c2c;
}
div#sysAppMenu-container fieldset, div#sysUserMenu-container fieldset {
	color: rgba(10,84,153,0.7); /* #0A5499 */
	font-size: inherit; line-height: inherit;
	position: relative; right: 0; left: 0;
	margin: 0; padding: 0 10px 20px 10px;
	display: block; clear: both; opacity: 0.8;
	border: none;
}
div#sysAppMenu-container fieldset:first-child, div#sysUserMenu-container fieldset:first-child {
	margin-top: 20px;
}
div#sysAppMenu-container fieldset legend, div#sysUserMenu-container fieldset legend {
	color: #FFFFFF;
	font-family: 'ExoSemiBold'; font-size: 1.2rem; line-height: 1.2rem;
	position: relative; top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: auto;
	margin: 0; padding: 5px 5px 5px 15px;
	opacity: 1.0;
	background-color: rgba(10,84,153,1); /* #0A5499 */
	border-top: 1px solid rgba(54,54,54,0.2);
	border-right: 1px solid rgba(54,54,54,0.2);
	border-left: 1px solid rgba(54,54,54,0.2);
}
div#sysAppMenu-container fieldset p, div#sysUserMenu-container fieldset p {
	font-size: inherit; line-height: inherit;
	position: relative; top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: auto;
	margin: 0; padding: 5px;
	background-color: rgba(255,255,255,1);
	border-right: 1px solid rgba(54,54,54,0.2);
	border-bottom: 1px solid rgba(54,54,54,0.2);
	border-left: 1px solid rgba(54,54,54,0.2);
}
div#sysAppMenu-container fieldset span,
div#sysUserMenu-container fieldset span,
div#overlayMenu-container span {
	font-size: 1.2rem; line-height: 1rem;
	margin: 5px; padding: 0;
	display: inline-block;
	background-color: rgba(0,0,0,0.05) ;
	border-top: 2px solid rgba(255,255,255,1.0);
	border-right: 1px solid rgba(255,255,255,1.0);
	border-bottom: 2px solid rgba(0,0,0,0.3);
	border-left: 1px solid rgba(255,255,255,1.0);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div#sysAppMenu-container fieldset span:hover,
div#sysUserMenu-container fieldset span:hover,
div#overlayMenu-container span:hover {
	background-color: rgba(10,84,153,0.7) !important;
}
div#sysAppMenu-container fieldset span a:hover,
div#sysUserMenu-container fieldset span a:hover,
div#overlayMenu-container span a:hover {
	color: #FFFFFF !important;
	border: 0px solid !important;
}
div#sysAppMenu-container fieldset span a:focus-within,
div#sysUserMenu-container fieldset span a:focus-within,
div#overlayMenu-container span a:focus-within {
	color: #FFFFFF !important;
	background-color: #007e19 !important; /* rgba(0,126,25,1.0) */
}
div#sysAppMenu-container fieldset span a,
div#sysUserMenu-container fieldset span a,
div#overlayMenu-container span a {
	color: rgba(0,0,0,0.7);
	vertical-align: baseline;
	position: relative; top: 0; right: 0; bottom: 0; left: 0;
	margin: 0; padding: 5px 10px;
	display: inline-block; text-decoration: none;
	border: 0px solid !important;
}
div.data-entry-container {
	font-size: 1rem; line-height: 1.4rem;
	position: relative;
	width: auto; height: auto;
	margin: 0 0 5px 0; padding: 0;
	display: none; clear: both;
	break-inside: avoid;
	/* border-bottom: 1px solid #0A5499; */
	background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.4) 100%), url('/img/calendar/overlapBkgd.png') !important;
}

/* TO TOP LINK & FORM BUTTON */
#content-container-submit {
	color: #FFFFFF;
	position: fixed; right: 25px; bottom: 20px;
	z-index: 9999;
	background: #0A5499;
}
#action-menu, #post-data-submit, #ghizmo-system-owner-tag, #ghizmo-super-user-tag {
	border-color: transparent;
	border: 0px solid transparent !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px transparent;
	-moz-box-shadow: 0 0 5px transparent;
	box-shadow: 0 0 5px transparent;
}
#action-menu, #post-data-submit, #ghizmo-system-owner-tag, #ghizmo-super-user-tag {
	border-color: rgba(11,84,153,1.0);
	-webkit-box-shadow: 0 0 5px rgba(11,84,153,1.0);
	-moz-box-shadow: 0 0 5px rgba(11,84,153,1.0);
	box-shadow: 0 0 5px rgba(11,84,153,1.0);
	-webkit-animation: actionNotice 1.5s linear infinite;
	-moz-animation: actionNotice 1.5s linear infinite;
	-ms-animation: actionNotice 1.5s linear infinite;
	animation: actionNotice 1.5s linear infinite;
}
#action-menu > span {
	margin: 0 !important;
	background-color: rgba(136,255,170,0.5);
}
@keyframes "actionNotice" {
	0%		{ box-shadow: 0 0 5px rgba(11,84,153,0.4); }
	30%		{ box-shadow: 0 0 5px rgba(11,84,153,1.0); }
	70%		{ box-shadow: 0 0 5px rgba(11,84,153,1.0); }
	100%	{ box-shadow: 0 0 5px rgba(11,84,153,0.4); }
}
#post-data-submit:hover {
	background-color: #007e19;
}
#content-container-submit button {
	color: #FFFFFF !important;
	font-weight: bold;
	z-index: 999; cursor: pointer;
}
#toTop {
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	position: fixed; right: 20px; bottom: 150px;
	background: rgba(10,84,153,0.8);
	border: 1px solid rgba(0,0,0,0.2);
}
#toTop:hover {
	background-color: #007e1995;
}
#toTop, #content-container-submit {
	font-size: 0.9rem; line-height: 1rem;
	width: auto; height: auto;
	margin: 0; padding: 0;
	display: none; z-index: 9999999; cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
#toTop span, #content-container-submit button {
	font-size: inherit; line-height: inherit;
	position: relative; top: 0; right: 0; bottom: 0; left: 0;
	width: inherit; height: inherit;
	margin: 0 auto; padding: 10px;
	display: block; cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
/**
* END - SYSTEM MENU, CONTAINER AND COMMON ELEMENTS
*/


/**
 * START - Login, Register, Reset Password Page
 * Thu Feb  2 12:01:12 2017
 */
div.loginBox {
	color: inherit;
	text-align: center;
	font-size: 1.2rem;
	vertical-align: middle;
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	width: 325px; height: 520px;
	margin: auto; padding: 0;
	display: inline-block; z-index: 99;
	border: 10px solid rgba(10,84,153,0.2);
	border-radius: 10px;
	background-color: rgba(255,255,255,0.8);
}
form.loginForm, div.loginForm, form.registerForm, div.registerForm, form.resetPassForm, div.resetPassForm {
	color: inherit;
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	height: 100%;
	margin: 0; padding: 0;
	display: block;
	background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.4) 100%), url('/img/calendar/overlapBkgd.png') !important;
}
form.loginForm label, div.loginForm label, form.registerForm label, div.registerForm label, form.resetPassForm label, div.resetPassForm label {
	text-align: left;
	position: relative; top: 0; right: 0; bottom: 0; left: 0;
	width: auto !important; height: auto !important;
	margin: 0 !important; padding: 3px 10px !important;
	display: block;
}
form.loginForm label input, div.loginForm label input, form.registerForm label input, div.registerForm label input, form.resetPassForm label input, div.resetPassForm label input {
	text-align: left;
	font-size: 1.2rem !important;
	width: 100%;
	margin: 0; padding: 3px;
}
form.loginForm a, div.loginForm a, form.registerForm a, div.registerForm a, form.resetPassForm a, div.resetPassForm a {
	font-size: 0.9rem;
	margin: 0;
	float: left; display: block;
}
form.loginForm button, div.loginForm button, form.registerForm button, div.registerForm button, form.resetPassForm button, div.resetPassForm button {
	color: inherit;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	background-color: transparent;
	background: none;
	border: none;
	position: absolute;
	right: 0px; bottom: 0px;
	width: auto;
	margin: 0; padding: 5px;
	display: block; clear: both;
}
form.loginForm button:hover, div.loginForm button:hover, form.registerForm button:hover, div.registerForm button:hover, form.resetPassForm button:hover, div.resetPassForm button:hover {
	color: #007e19;
}
form.loginForm button:focus-within, div.loginForm button:focus-within, form.registerForm button:focus-within, div.registerForm button:focus-within, form.resetPassForm button:focus-within, div.resetPassForm button:focus-within {
	color: #007e19 !important;
	background-color: rgba(0,126,5,0.1);
	border-bottom: 1px solid #007e19;
}
/**
 * END - Login, Register, Reset Password Page
 */



/**
 * START - ControlPanel
 * Thu Feb  2 12:01:20 2017
 */
/* Close Window */
div#close-window {
	font-size: 1.4rem; line-height: 1.4rem;
	position: relative; top: 0; right: 0;
	margin: 0 10px; padding: 0;
	display: inline-block; z-index: 99;
}
div#close-window a {
	font-size: 1.2rem; line-height: 0.8rem;
	padding: 0;
}
#controlPanel {
	color: #0A5499;
	text-align: left;
	font-size: 1rem; line-height: 1rem;
	position: relative; left: 0; right: 0;
	height: auto;
	margin: 0; padding: 5px 30px 5px 5px;
	display: block; clear: both;
	background-color: rgba(0,195,255,0.25); /* color= #00C2FF */
}
#controlPanel form, #controlPanel fieldset form {
	position: relative;
	margin: 0; padding: 0;
	width: 100%; height: auto;
}
#controlPanel fieldset {
	text-align: left;
	font-size: 1rem; line-height: 1.4rem;
	vertical-align: text-top;
	position: relative;
	height: auto; width: auto;
	margin: 3px 5px; padding: 0;
	display: inline-block;
	/*background-color: rgba(85,170,255,0.1); /*color= #ff9500*/
	border-top: 1px dotted rgba(54,54,54,0.3);
}
#controlPanel fieldset:first-child {
	margin-left: 0 !important;
}
#controlPanel fieldset label, #controlPanel fieldset div.super-form-element {
	color: #0A5499 !important;
	vertical-align: baseline;
}
#controlPanel fieldset legend {
	cursor: pointer;
	color: rgba(54,54,54,0.6);
	font-size: 0.8rem; line-height: 1rem;
	/*font-weight: bold;*/
	position: relative; top: 0; left: 0;
	margin: 0;
	display: block;
}
#controlPanel fieldset > span, #controlPanel fieldset label {
	line-height: 1.4rem;
}
#controlPanel fieldset span, {
	vertical-align: text-bottom;
	font-size: 1.2rem; line-height: 1.2rem;
	margin: 0 3px; padding: 0;
}
#controlPanel fieldset > legend > span {
	color: #0A5499;
	vertical-align: top;
}
#controlPanelLabel {
	vertical-align: baseline;
	font-weight: bold;
	font-size: 1.8rem; line-height: inherit;
	position: absolute; right: 15px; bottom: 0;
	margin: 0; padding: 0 5px 5px 0;
	display: block; clear: left; opacity: 0.1; z-index: 0;
}
#controlPanel fieldset button {
	cursor: pointer;
	color: #FFFFFF;
	text-align: center; vertical-align: bottom;
	font-weight: inherit;
	font-size: inherit; line-height: inherit;
	position: relative;
	width: auto; height: auto;
	margin: 0; padding: 0px 5px;
	display: inline-block;
	background-color: rgba(10,84,153,0.7);
	border: 1px solid rgba(54,54,54,0.2);
	border-top: 1px solid rgba(255,255,255,0.6);
	border-right: 1px solid rgba(255,255,255,0.6);
	border-bottom: 1px solid rgba(0,0,0,0.3);
	border-left: 1px solid rgba(255,255,255,0.6);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#controlPanel fieldset button > span {
	position: relative;
	font-size: 1rem; line-height: 1.4rem;
	padding: 5px;
	display: block;
}
#controlPanel fieldset button:focus-within,
#controlPanel fieldset button:hover {
	color: #FFFFFF !important;
	background-color: #007e19 !important;
	border: 1px solid rgba(54,54,54,0.2) !important;
	border-top: 1px solid rgba(255,255,255,0.6) !important;
	border-right: 1px solid rgba(255,255,255,0.6) !important;
	border-bottom: 1px solid rgba(0,0,0,0.3) !important;
	border-left: 1px solid rgba(255,255,255,0.6) !important;
}

#cpDivide {
	color: rgba(255,255,255,0.2);
	text-align: center;
	font-size: 1rem;
	position: relative; top: 0; right: 0; left: 0;
	width: 100% !important; height: 5px !important;
	margin: 0 !important; padding: 0 !important;
	display: block !important; overflow: visible !important;
	background-color: #0A5499;
}
/* Paperwork Title */
.pwTitle, .pageTitle {
	color: #0A5499;
	vertical-align: text-bottom;
	font-size: 1.4rem; line-height: inherit;
	margin: 0;
}
.cpTitle {
	vertical-align: text-bottom;
	font-size: 1.4rem; line-height: inherit;
	margin: 3px;
}
.recordCount {
	color: #007e19;
	vertical-align: text-bottom;
	font-size: 1.4rem; line-height: inherit;
	margin: 0 0.5rem;
}
/* cpAction */
button.cpAction, select.cpAction {
	text-align: center;
	font-size: 0.7rem;
	width: auto;
	margin: 0; padding: 3px;
	float: right; display: block; clear: left;
	background-color: rgba(255,150,0,0.3);
	border-top: 1px solid rgba(54,54,54,0.2);
	border-bottom: none;
	border-right: none;
	border-left: 1px solid rgba(54,54,54,0.2);
}
/**
 * END - ControlPanel
 */



/**
 * START - Calendar
 * Thu Feb  2 12:01:34 2017
 */
.calTargetMarker {
	color: rgba(0,0,0,0.2) !important;
	font-size: 12rem !important;
	position: absolute !important;
	right: -100px !important;
	top: -25px !important;
	margin: 0; padding: 0;
	width: auto; height: auto;
	display: block;
	opacity: 0.3 !important;
}

/* Calendar Legend (Mon-Sun) */
ul.calRow_weekLegend {
	color: rgba(0,0,0,0.2);
	text-align: center;
	font-weight: bold;
	font-size: 1rem; line-height: 1.5rem;
	position: relative; right: 0; left: 0;
	width: inherit; height: 1.5rem;
	margin: 0 auto 0 auto; padding: 0;
	display: block; clear: both;
	background-color: rgba(0,195,255,0.25);
}
ul.calRow_weekLegend li {
	vertical-align: middle;
	line-height: inherit;
	width: 14.283%;
	margin: 0; padding: 0;
	float: left; display: inline-block;
}
ul.calRow_weekLegend li span {
	vertical-align: middle;
	line-height: inherit;
	margin: 0; padding: 5px 0 5px 0 !important;
}


/* Month Calendar */
.calRow_month {
	font-size: 0.8rem; line-height: 0.95rem;
	text-align: center;
	position: relative;
	height: 20%;
	margin: 0 auto 0 auto; padding: 0;
	display: block; clear: both;
}
.calRow_month article {
	text-align: left;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid rgba(0,0,0,0.4);
	border-left: 1px solid rgba(0,0,0,0.4);
	position: relative;
	width: 14.283%; height: 100%;
	float: left; display: block; overflow: hidden;
}
.calRow_month article:first-child {
	border-left: none;
}
.calRow_month article a {
	color: rgba(0,0,0,0.8);
	position: absolute; top: 27px; right: 0; left: 0; bottom: 0;
	width: 100%;
	margin: auto; padding: 0;
	display: block;
}
.calRow_month article a:hover {
	color: #007e19;
}
.calRow_month article a:focus-within {
	color: #007e19 !important;
	background-color: rgba(87,227,137,0.25) !important;
}
.calRow_month article ul {
	font-size: 0.8rem;
	width: 100%; height: auto;
	margin: 0; padding: 0;
	display: block;
}
.calRow_month article ul li {
	border-top: 1px dotted rgba(0,0,0,0.3);
	width: inherit;
	margin: 0; padding: 3px;
	display: block; clear: both; overflow: hidden;
}
.calRow_month article ul li:first-child {
	border-top: 0px;
}
.calRow_month h2 {
	color: rgba(0,0,0,0.7);
	text-align: left;
	font-weight: normal;
	font-size: 1rem; line-height: 1.7rem;
	position: relative;
	width: 100%; height: 1.7rem;
	margin: auto; padding: auto;
	display: block; overflow: hidden; z-index: 10;
	background-color: rgba(33,73,116,0.1);
	border-bottom: 1px solid rgba(33,73,116,0.1);
}
.calRow_month h2 aside {
	color: #FFFFFF;
	text-align: center; vertical-align: top;
	font-style: normal; font-weight: bold;
	font-size: 1.2rem; line-height: 1.7rem;
	position: relative; top: 0; right: 0px; bottom: 0;
	width: 1.8em; height: inherit;
	margin: 0 0 0 5px; padding: 0 3px;
	float: right; display: block;
	background-color: #0A5499;
}
.calRow_month h2 em {
	vertical-align: baseline;
	font-size: 0.9rem; line-height: inherit;
	position: relative;
	margin: auto 1px auto 3px; padding: 0;
}
.calRow_month h2 span {
	vertical-align: baseline;
	font-size: 0.9rem; line-height: inherit;
	position: relative;
	margin: auto 1px; padding: 0;
}


/* Week Calendar */
.calWeek {
	font-size: 1rem; line-height: 1rem;
	text-align: center;
	position: relative; top: 0; bottom: 0; right: 0; left: 0;
	width: 100%; height: 100%;
	display: table !important; overflow: visible;
}
.calWeek div#calendar-lines-container {
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: inherit;
	margin: 0; padding: 0;
	display: block; z-index: 1;
}
.calWeek div#calendar-lines {
	text-align: left;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid rgba(0,0,0,0.4);
	position: relative !important;
	top: 0 !important; bottom: 0 !important;
	width: 14.283%; height: inherit !important;
	margin: 0; padding: 0;
	float: left; display: block !important;
}
.calWeek article {
	text-align: left;
	border-top: none;
	border-right: none;
	border-bottom: none;
	/* border-left: 1px solid rgba(0,0,0,0.4); */
	position: relative !important;
	top: 0 !important; bottom: 0 !important;
	width: 14.283%; height: inherit !important;
	margin: 0; padding: 0 0 100px 0;
	float: left; display: block !important; overflow: hidden; cursor:pointer; z-index: 2;
}
.calWeek article:first-child {
	border-left: none;
}
.calWeek article ul {
	font-size: 0.8rem;
	width: 100%;
	margin: 0; padding: 0;
	display: block; overflow: hidden;
}
.calWeek article ul li {
	border-top: 1px dotted rgba(0,0,0,0.3);
	margin: 0; padding: 0;
	display: block; clear: both;
}
.calWeek article ul li:first-child {
	border-top: none;
}
.calWeek article a {
	color: rgba(0,0,0,0.8) !important;
	width: 100%; height: 100%;
	margin: 0; padding: 3px;
	display: block;
}
.calWeek article a:hover, .calWeek article a:focus-within {
	color: #007e19 !important;
}
.calWeek h2 {
	color: rgba(0,0,0,0.7);
	text-align: left;
	font-weight: normal;
	font-size: 1rem; line-height: 1.7rem;
	position: relative;
	width: 100%; height: 1.7rem;
	margin: auto; padding: auto;
	display: block; overflow: hidden;
	background-color: rgba(33,73,116,0.1);
	border-bottom: 1px solid rgba(33,73,116,0.1);
}
.calWeek h2 aside {
	color: #FFFFFF;
	text-align: center; vertical-align: baseline;
	font-style: normal; font-weight: bold;
	font-size: 1.2rem; line-height: 1rem;
	position: relative; top: 0; right: 0px; bottom: 0;
	width: 1.7em; height: inherit;
	margin: 0 0 0 5px; padding: 3px;
	float: right; display: block;
	background-color: #0A5499;
}
.calWeek h2 span, .calWeek h2 em {
	vertical-align: baseline;
	font-size: 0.9rem; line-height: inherit;
	position: relative;
	margin: auto 5px; padding: 0;
}


/* Day Calendar */
.calRow_day {
	text-align: center;
	font-size: 1rem; line-height: 1rem;
	position: relative;
	width: 100%; height: auto;
	display: block; clear: both;
}
.calRow_day article {
	text-align: left;
	position: relative;
	width: 100%; height: 45px;
	display: table; overflow: auto;
	border-top: 1px solid rgba(0,0,0,0.4);
}
.calRow_day article:first-child {
	border-top: none;
}
.calRow_day article ul li a {
	color: rgba(0,0,0,0.8) !important;
	margin: 0; padding: 3px 5px;
	display: block;
}
.calRow_day article ul li a:hover, .calRow_day article ul li a:focus-within {
	color: #007e19 !important;
}
.calRow_day article ul {
	font-style: normal;
	font-size: 1rem; line-height: 1.3rem;
	margin: 0 0 0 5em; padding: 0;
	display: block; clear: both;
}
.calRow_day article ul li {
	width: auto;
	margin: 0; padding: 0;
	display: block;
	border-top: 1px dotted rgba(0,0,0,0.3);
}
.calRow_day article ul li:first-child {
	border-top: none;
}
.calRow_day h1 {
	text-align: center;
	font-style: normal;
	font-size: 1rem; line-height: 1rem;
	position: absolute;
	width: 5em; height: inherit;
	margin: 0 !important; padding: 0 !important;
	display: inline-block; overflow: hidden;
}
.calRow_day h1 span {
	vertical-align: baseline;
	color: rgba(0,0,0,0.5);
	font-style: normal;
	font-size: 0.95rem; line-height: 1.2rem;
	position: relative;
	width: auto !important; height: auto;
	margin: auto !important; padding: 0 !important;
	display: inline-block;
}
.calRow_day h1 span i {
	cursor: pointer;
}
.calRow_day p {
	text-align: center;
	font-style: normal;
	font-size: 1rem; line-height: 0.7rem;
	position: absolute; top: 0;
	width: 5rem; height: 100%;
	margin: 0 !important; padding: 0 !important;
	display: block;
	border-right: 1px solid rgba(0,0,0,0.4);
}

/* Calendar Variable Styling */
a.calHiLite {
	color: rgba(33,73,116,0.8);
}
.calMonth_overlap {
	background-image: url('/img/calendar/overlapBkgd.png') !important;
}
.calMonth_weekendBkgd {
	background-color: rgba(33,73,116,0.1) !important;
}
.calMonth_todayHiLite {
	background-color: rgba(0,237,25,0.1) !important;
}
.calWeek_weekendBkgd {
	background-color: rgba(33,73,116,0.1) !important;
}
.calWeek_todayHiLite {
	background-color: rgba(0,237,25,0.1) !important;
}
.calDay_nowHiLite {
	background-color: rgba(0,237,25,0.1) !important;
}
.calDay_hourHiLite {
	background-color: rgba(85,170,255,0.2); /* color= #ff9500 */
}
.calTarget_hiLite {
	background-color: rgba(255,150,0,0.1) !important;
}
.calWeek_dayClose {
	color: rgba(0,0,0,0.2);
	text-align: center;
	font-weight: bold;
	background-image: url('/img/layout/botDropShade_25px.png');
	background-repeat: repeat-x;
	border-top: 1px dotted rgba(0,0,0,0.2);
	height: 75px;
	margin: auto !important;
	padding: 5px 0 0 0 !important;
	display: block !important;
	cursor: pointer;
}
form#calTargetForm {
	vertical-align: baseline;
	font-size: inherit; line-height: inherit;
	position: relative;
	width: auto; height: auto;
	margin: 0; padding: 0;
	display: inline-block;
}
form#calTargetForm label {
	vertical-align: baseline;
	font-size: inherit; line-height: 1.4rem;
	position: relative; top: 0; right: 0; bottom: 0; left: 0;
	margin: 0; padding: 0;
	width: 100%;
	display: inline-block;
}
form#calTargetForm label strong {
	vertical-align: baseline;
}
form#calTargetForm label input {
	font-size: inherit; line-height: 1.4rem;
	vertical-align: baseline;
	margin: auto; padding: 3px;
	width: 100%;
}
/**
 * END - Calendar
 */

/**
 * START - Line Data
 * Sat Feb 18 15:43:01 2017
 */
div.page-menu {
	color: rgba(0,0,0,0.7);
	font-size: 1.8rem; line-height: 1.8rem;
	position: relative;
	margin: 0 auto 0 auto; padding: 3px 20px;
	display: block; clear: both;
	break-inside: avoid;
}
div.log-data-container, form.log-data-container {
	color: rgba(0,0,0,0.7);
	font-size: 0.9rem; line-height: 1.1rem;
	position: relative;
	margin: 0; padding: 10px;
	display: block; clear: both;
}
div.log-data-container fieldset,
form.log-data-container fieldset {
	color: rgba(0,0,0,0.7);
	text-align: left; vertical-align: baseline;
	font-size: inherit; line-height: inherit;
	position: relative; right: 0; left: 0;
	margin: 0 auto !important; padding: 5px !important;
	width: auto; height: auto;
	display: block;
	background-image: linear-gradient(to top,rgba(10,84,153,0.2),transparent);
	border-bottom: 1px solid rgba(54,54,54,0.3);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
}
div.log-data-container fieldset legend,
form.log-data-container fieldset legend {
	color: rgba(0,0,0,0.7);
	font-weight: bold;
	font-size: inherit; line-height: inherit;
	position: relative; top: 0; right: 0; left: 0 ;
	width: 100%; height: auto; min-height: 2.7rem;
	margin: 0; padding: 3px 7px;
	display: block; cursor: pointer;
	background-color: rgba(0,126,25,0.2); /* Green: #007e19; */
	background: -webkit-linear-gradient(-90deg,rgba(0,126,25,0.2),rgba(0,126,25,0.05)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(-90deg,rgba(0,126,25,0.2),rgba(0,126,25,0.05)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(-90deg,rgba(0,126,25,0.2),rgba(0,126,25,0.05)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(-90deg,rgba(0,126,25,0.2),rgba(0,126,25,0.05)); /* Standard syntax */
	border: 2px solid #0A549940;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
}
div.log-data-container fieldset legend div.log-data-footer {
	margin: 3px -7px 0 -7px;
}
div.log-data-container fieldset legend > span, div.log-data-container fieldset legend i,
form.log-data-container fieldset legend > span, form.log-data-container fieldset legend i {
	color: #0A5499;
	vertical-align: baseline;
	font-size: 1.25rem; line-height: 1.55rem;
	display: inline-block;
}
div.log-data-container fieldset legend em,
form.log-data-container fieldset legend em {
	color: rgba(0,0,0,0.7);
	vertical-align: baseline;
	position: relative;
}
div.log-data-container em, div.log-data-container em a,
form.log-data-container em, form.log-data-container em a {
	vertical-align: baseline;
	position: relative;
	margin: 0; padding: 0 ;
	font-size: 0.8rem; line-height: inherit;
	font-weight: normal;
}
div.log-data-container fieldset legend:hover div.log-data-action,
form.log-data-container fieldset legend:hover div.log-data-action {
	display: inline-block;
}
div.log-data-container fieldset article,
form.log-data-container fieldset article {
	text-align: left; vertical-align: baseline;
	font-size: 1rem; line-height: 1.2rem;
	position: relative;
	width: auto; height: auto;
	margin: 3px; padding: 0px;
	display: inline-block;
}
div.log-data-container fieldset label,
form.log-data-container fieldset label {
	vertical-align: baseline;
	font-size: inherit; line-height: inherit;
	position: relative;
	width: inherit; height: inherit;
	margin: 0 auto; padding: 0 5px;
	display: inline-block;
}
div.log-data-container p,
form.log-data-container p {
	text-align: left !important;
	vertical-align: baseline;
	font-size: inherit; line-height: inherit;
	position: relative;
	margin: 0px; padding: 0;
	display: inline-block;
}
div.log-data-container img,
form.log-data-container img {
	margin: 3px;
	display: block;
}
div.log-data-menu-container {
	color: inherit;
	text-align: center;
	font-size: 1.1rem; line-height: 1.2rem;
	position: relative;
	margin: 0 auto 0 auto; padding: 0;
	display: block; clear: both;
	break-inside: avoid;
}
div.log-data-menu-container span {
	font-size: inherit; line-height: 1.3rem;
	margin: 0; padding: 3px;
	display: inline-block;
}

.subLineItem, div.subLineItem, label.subLineItem {
	color: #363636;
	font-size: 1.05rem; line-height: 1.25;
	position: relative;
	width: 100% !important; min-height: auto;
	margin: auto; padding: 3px 7px;
	display: inline-block; clear: both;
	border-top: 1px solid rgba(0,0,0,0.2);
}
.subLineItem > div.log-data-action {
	margin: 5px;
	display: none; z-index: 999;
}
.subLineItem > div.log-data-action:hover {
	display: inline-block;
}
.subLineItem:hover {
	background-color: rgba(0,126,25,0.1);
}
div.subLineItem:hover > div.log-data-action,
label.subLineItem:hover > div.log-data-action {
	display: inline-block;
}
div.subLineItem:hover > div.log-data-footer,
label.subLineItem:hover > div.log-data-footer {
	display: block;
}
div.data-pack, .data-pack {
	font-size: inherit; line-height: 1.3rem;
	vertical-align: baseline;
	vertical-align: top;
	position: relative; top: 0;
	width: auto; height: auto;
	margin: 0; padding: 5px;
	display: inline-block;
	break-inside: avoid;
}
div.data-pack input, .data-pack input {
	font-size: inherit; line-height: inherit;
	margin: 0 6px 0 0px; padding: 5px;
}
div.data-pack label, .data-pack label {
	margin: 0px 6px 3px 0px !important; padding: 4px 10px !important;
}
div.data-pack textarea, .data-pack textarea {
	margin: 3px 6px 3px 0px;
}
div.data-pack-inline, .data-pack-inline {
	font-size: inherit; line-height: 1.3rem;
	vertical-align: baseline;
	position: relative; top: 0;
	width: auto; height: auto;
	margin: 0; padding: 0 5px 0 0;
	display: inline;
}
div.data-pack em:first-child, .data-pack em:first-child
div.data-pack em:first-child, .data-pack em:first-child {
	color: rgba(0,0,0,0.65);
	font-size: 0.8rem; line-height: 1rem;
}
.data-pack > article {
	margin: 0 5px 5px 0 !important;
}
.data-pack > article > label {
	margin: 0 !important;
}
/**
 * Background Clr & Frame
 * example: visualy group .data-pack info
*/
div.data-pack--frame, .data-pack--frame {
	background-color: rgba(70,39,33,0.1);
	border: 1px solid rgba(54,54,54,0.15);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* Data Action/Link - right */
div.log-data-action {
	vertical-align: baseline;
	font-size: 1.4rem; line-height: 1.4rem;
	position: relative; top: 0px; right: 0;
	margin: 0; padding: 0;
	display: none; float: right;
}
div.log-data-action a {
	vertical-align: baseline;
	font-size: inherit; line-height: inherit;
	position: relative; top: 0; right: 0;
	margin: 0 3px; padding: 0;
	display: inline-block;
}
div.log-data-action a:hover,
div.log-data-action a:focus-within {
	font-size: 130%;
}
div.log-data-action a i {
	vertical-align: baseline;
	margin: 0; padding: 0;
}
div.log-data-action a:hover, div.log-data-action a:hover i,
div.log-data-action a:focus-within, div.log-data-action a:focus-within i {
	color: #007e19 !important;
}
/* Data Footer Information - Bottom Right */
div.log-data-footer {
	color: rgba(0,0,0,0.7);
	text-align: right;
	font-size: 1rem; line-height: 1;
	position: relative;
	width: auto; height: auto; min-height: 1rem;
	margin: 3px 0; padding: 0 5px;
	display: none;
	border-top: solid 1px rgba(0,126,25,0.2);
	/* background-color: rgba(0,0,0,0.02); */
	background: -webkit-linear-gradient(0deg,transparent,rgba(0,126,25,0.1));	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(0deg,transparent,rgba(0,126,25,0.1));		/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(0deg,transparent,rgba(0,126,25,0.1));		/* For Firefox 3.6 to 15 */
	background: linear-gradient(0deg,transparent,rgba(0,126,25,0.1));			/* Standard syntax */
}
div.log-data-footer em {
	vertical-align: baseline;
	font-size: 0.8rem; line-height: 1;
}
/* DASHBOARD: sample management data */
div.dashboard-sm-data {
	--dashboard-black-bg-clr: #000000;
	--dashboard-green-bg-clr: #007e19;
	--dashboard-black-txt-clr: #000000;
	--dashboard-green-txt-clr: #007e19;
	color: rgba(0,0,0,0.8);
	text-align: left;
	font-size: 0.7rem; line-height: 1rem;
	position: relative;
	width: 100%; height: auto;
	margin: 0; padding: 0;
	display: block; clear: both;
}
div.dashboard-sm-data article {
	text-align: center !important;
	font-size: inherit; line-height: inherit;
	vertical-align: top;
	position: relative; top: 0;
	width: auto; height: auto;
	margin: 5px; padding: 5px;
	display: inline-block;
	break-inside: avoid;
	border-radius: 5px;
}
div.dashboard-sm-data article h5 {
	color: #FFFFFF;
	text-shadow: 0 0 15px #00000095;
	font-size: inherit; line-height: inherit;
	font-weight: normal;
	position: relative;
	width: 100%; height: auto;
	margin: 0; padding: 5px;
	display: inline-block; clear: both;
	background-color: #0A5499;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
div.dashboard-sm-data article.black-clr-scheme h5 {
	background-color: var(--dashboard-black-bg-clr);
}
div.dashboard-sm-data article.green-clr-scheme h5 {
	background-color: var(--dashboard-green-bg-clr);
}
div.dashboard-sm-data article p {
	color: #0A5499;
	text-align: center !important;
	position: relative;
	width: auto; height: auto;
	margin: 0; padding: 0 5px 5px 5px;
	display: block; clear: both;
	background-color: #8FF0A4FF;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
div.dashboard-sm-data article p span {
	font-family: "Enigmatic","Exo","LiberationSans","OpenSans";
	font-weight: normal;
	font-style: normal;
}
div.dashboard-sm-data article.black-clr-scheme p span {
	color: var(--dashboard-black-txt-clr);
}
div.dashboard-sm-data article.green-clr-scheme p span {
	color: var(--dashboard-green-txt-clr);
}
/* PillBox Data: data points within a record */
div.pillbox-data, .pillbox-data {
	text-align: left; vertical-align: baseline;
	font-size: 1rem; line-height: 1.25rem;
	width: inherit; min-height: 2rem;
	display: flex; gap: 0.5rem;
	background-color: rgba(70,39,33,0.15);
	border: 1px solid rgba(54,54,54,0.15);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/* Force Child Padding */
.pillbox-data em, .pillbox-data cite, .pillbox-data aside {
	vertical-align: baseline;
	padding: 3px 5px !important;
	min-width: 1.85rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* Force Child wrap and break on data display */
.pillbox-data em, .pillbox-data cite {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	/* Instead use this non-standard one: */
	word-break: break-word;
}
div.pillbox-data em, .pillbox-data em {
	white-space: nowrap !important;
	color: rgba(0,0,0,0.6);
	vertical-align: middle;
	font-size: inherit; line-height: inherit;
	background-color: rgba(27,116,15,0.1);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
}
div.pillbox-data aside, form.pillbox-data aside {
	color: rgba(0,0,0,0.5);
	vertical-align: baseline;
	font-size: 1.3rem; line-height: inherit;
	margin-left: auto;
	background-color: rgba(85,170,255,0.2);
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
}
/**
 * START - Line Data
 */


/**
 * START - Post Entry Container
 */
div.pec-title-container {
	color: #0A5499;
	text-align: center;
	font-size: 1.4rem; line-height: 1.4rem;
	position: relative; top: 0;
	margin: 0 auto 0 auto; padding: 10px 40px 5px 10px;
	display: block; clear: both; z-index: 99;
	break-inside: avoid;
	background-color: rgba(10,84,153,0.2);
	border-bottom: 1px solid rgba(0,0,0,0.1)
}
div.pec-title-container strong,
div.pec-title-container span,
div.pec-title-container a {
	vertical-align: baseline;
	font-size: inherit; line-height: inherit;
	margin: 0; padding: 0 5px;
	display: inline-block;
}
div.pec-title-container a {
	font-size: 1.2rem; line-height: 0.8rem;
	padding: 3px;
	border: 1px solid transparent;
}
/**
 * END - Post Entry Container
 */


/**
 * START - Alert Center
 * Sat Jul  8 17:37:54 2017
 */
#alertCenter {
	color: #FFFFFF;
	text-align: left;
	font-size: 1rem; line-height: 1rem;
	background-color: #0A5499; /* rgba(10,84,153,1.0) */
	box-shadow: 0px 0px 5px #000000;
	-moz-box-shadow: 0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	height: auto;
	position: fixed; right: 0; bottom: 0; left: 0;
	margin: 0 auto 0 auto; padding: 10px 20px 50px 20px;
	display: block; z-index: 9999 !important; visibility: visible;
}

 /**
  * SVC MOD: 'Legal'
  */
 /* Priority Banner */
.priority-banner {
	color: rgba(0,0,0,0.7);
	font-size: 1.2rem; line-height: 1.2rem;
	position: relative;
	margin: 0 0 5px 0; padding: 0;
	display: flex; gap: 0.5rem;
	clear: both;
}
.priority-banner__backdrop {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: inherit; height: inherit;
	opacity: 0.2;
	background-color: transparent;
}
.priority-banner__tag {
	color: #FFFFFF;
	font-size: inherit; line-height: inherit;
	position: relative;
	width: auto; height: inherit;
	margin: 0; padding: 5px 15px 5px 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	break-inside: avoid;
	background-color: transparent;
}
.priority-banner__label {
	color: rgba(0,0,0,0.5);
	vertical-align: baseline;
	font-size: 1rem; line-height: inherit;
	position: relative;
	width: auto; height: inherit;
	margin: 0; padding: 5px;
	display: inline-block;
	break-inside: avoid;
}
 /* Court Banner */
.court-banner {
	color: rgba(0,0,0,0.7);
	font-size: 1.2rem; line-height: 1.2rem;
	position: relative;
	margin: 0; padding: 0;
	display: flex; gap: 0.5rem;
	clear: both;
}
.court-banner__backdrop {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: inherit; height: inherit;
	opacity: 0.2;
	background-color: #007e19;
}
.court-banner__backdrop--alert {
	background-color: #7e0001;
}
.court-banner__tag {
	color: #FFFFFF;
	text-align: center;
	font-size: inherit; line-height: inherit;
	position: relative;
	width: auto; height: inherit;
	margin: 0; padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #007e19;
}
.court-banner__tag > span i {
	vertical-align: bottom;
	position: relative; top: 0.2rem;
}
.court-banner__tag--alert {
	background-color: #7e0001;
}
.court-banner__label {
	color: rgba(0,0,0,0.75);
	text-align: left;
	font-size: inherit; line-height: inherit;
	position: relative; top: 0; flex: 1;
	width: auto; height: inherit;
	margin: 0; padding: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	break-inside: avoid;
}
.court-banner__label--alert {
	color: #7e0001;
}
.court-banner__label span {
	vertical-align: baseline;
	font-size: 1.2rem; line-height: 1.25rem;
	position: relative;
	width: auto; height: auto;
	margin: 0; padding: 0 3px;
	display: inline-block;
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	/* Instead use this non-standard one: */
	word-break: break-word;
}
/* Used within FLEX Child */
.court-banner__action-link {
	font-size: inherit; line-height: inherit;
	position: absolute; top: 5px; right: 5px;
	width: auto; height: inherit;
	margin: 0 10px; padding: 0;
	display: inline-block;
}
.court-banner__action-link span {
	font-size: 1.35rem; line-height: inherit;
	margin: 0; padding: 0;
}

/**
 * Ghizmo Mod:
 * accounts, server-service, support-ticket
 */
/* Server/Service Banner */
div.serv-bnr, div.svc-bnr, div.alert-bnr, div.notice-bnr, div.client-bnr {
	color: rgba(0,0,0,0.7);
	font-size: 1rem; line-height: 1.5rem;
	position: relative;
	width: 100%; height: auto;
	margin: auto; padding: 0;
	display: flex; flex-direction: row; gap: 0.5rem;
	clear: both;
	background-color: #0A549930;
	z-index: 1;
}
div.serv-bnr { background-color: #0A549930; }
div.svc-bnr, div.notice-bnr { background-color: #007e1930; }
div.alert-bnr { background-color: #A51D2D30; }
div.client-bnr { background-color: #F9F06B70; }
/* Common Child Attributes */
div.serv-bnr > div, div.svc-bnr > div, div.notice-bnr > div, div.alert-bnr > div, div.client-bnr > div {
	font-size: inherit; line-height: inherit;
	margin: 0; padding: 0;
}
/* Server Banner: Label */
div.serv-bnr__tag, div.svc-bnr__tag, div.notice-bnr__tag, div.alert-bnr__tag, div.client-bnr__tag {
	color: #FFFFFF;
	text-align: center;
	text-shadow: 0 0 15px #00000095;
	white-space: nowrap;
	font-size: inherit; line-height: inherit;
	position: relative;
	width: auto; min-width: 3rem; height: inherit;
	padding-left: 10px !important;
	padding-right: 10px !important;
	display: flex; flex-grow: 0;
	align-items: center;
	justify-content: center;
	background-color: #0A549950;
}
div.serv-bnr__tag { background-color: #0A549990; }
div.svc-bnr__tag, div.notice-bnr__tag { background-color: #007e1990; }
div.alert-bnr__tag { background-color: #A51D2D90; }
div.client-bnr__tag { background-color: #F6D32D; }
/* Server Banner: Label */
div.serv-bnr__label, div.svc-bnr__label, div.notice-bnr__label, div.alert-bnr__label, div.client-bnr__label {
	text-align: left;
	font-size: inherit; line-height: inherit;
	position: relative; top: 0; flex-grow: 1;
	width: auto; height: auto;
	margin: 0;
	display: block;
	break-inside: avoid;
	align-items: center;
	justify-content: center;
}
div.serv-bnr__label > span,
div.svc-bnr__label > span,
div.notice-bnr__label > span, div.notice-bnr__label > div.data-pack > span,
div.alert-bnr__label > span,
div.client-bnr__label > span {
	vertical-align: middle;
	font-size: inherit; line-height: 1rem;
	position: relative;
	width: auto; height: auto;
	margin-right: 0.7rem;
}
div.serv-bnr__label > span > em,
div.svc-bnr__label > span > em,
div.notice-bnr__label > span > em,
div.alert-bnr__label > span > em,
div.client-bnr__label > span > em {
	font-size: 0.7rem !important;
}
div.serv-bnr__tag a,
div.svc-bnr__tag a,
div.notice-bnr__tag a,
div.alert-bnr__tag a,
div.client-bnr__tag a {
	color: #FFFFFF;
}

/**
 * START - jQuery UI Alterations & Form Elements
 * Mon May 22 14:01:15 2017
 */
/* Current/Today Date Background */
.datepicker {
	text-align: center;
}
div#ui-datepicker-div a.ui-state-highlight {
	background-color: #C5FCD0;
}
div#ui-datepicker-div {
	border-color: #0A5499;
}
.ui-datepicker {
	font-size: 1rem; line-height: 1.4rem;
	z-index: 9999 !important;
}
.ui-selectmenu-button, .ui-selectmenu-menu, .ui-menu-item {
	font-family: 'RajdhaniSemiBold' !important;
}
.ui-selectmenu-button,
input,
textarea
{
	color: rgba(0,0,0,0.7);
	font-family: inherit;
	font-size: inherit; line-height: inherit;
	vertical-align: baseline;
	margin: 0; padding: 5px;
	background-color: rgba(255,255,255,0.5);
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 5px;
}
.ui-selectmenu-button:focus-within, .ui-selectmenu-button:hover,
input:focus-within,
textarea:focus-within, .trumbowyg-editor:focus-within
{
	background-color: rgba(0,126,5,0.1) !important;
	border: 1px solid #007e19 !important;
}
.ui-button {
	margin: 0; padding: 5px !important;
}
.ui-menu {
	text-align: left;
	height: auto;
	max-height: 250px;
}
li.ui-selectmenu-optgroup {
	font-size: 0.7rem !important; line-height: inherit;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.ui-menu, .ui-datepicker {
	background-color: #CAEFFF;
}
.ui-widget-content {
	border: 1px solid #0A5499;
}
.ui-widget-header {
	background-color: rgba(0,0,0,0.1);
	border: 1px solid  rgba(0,0,0,0.1);
}
li.ui-menu-item {
	font-size: 0.95rem !important; line-height: inherit;
}
.ui-selectmenu-button {
	color: #0A5499; /* rgba(10,84,153,1.0) */
	line-height: 1.3rem;
}
div#controlPanel fieldset span.ui-selectmenu-button,
div#controlPanel fieldset span.ui-selectmenu-text
{
/*	color: #0A5499; /* rgba(10,84,153,1.0) */
	vertical-align: bottom;
	font-size: 1rem; line-height: 1.4rem;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	color: #FFFFFF !important;
	background-color: #0A5499 !important; /* rgba(10,84,153,1.0) */
}
/**
 * END - jQuery UI Alterations & Form Elements
 */


/**
 * START - trombowyg Alterations
 * Thu Mar  8 13:00:48 2018
 */
div.trumbowyg-box {
	margin: 0;
}
div.trumbowyg-editor-box {
	width:auto; min-height: 10rem;
	overflow: hidden;
}
button.trumbowyg-viewHTML-button {
	color: rgba(0,0,0,0.7);
}
div.trumbowyg-editor {
	text-align: left;
	font-size: 1.2rem;
	position: relative;
	top: 0; right: 0; bottom: 0; left: 0;
	height: auto;
	overflow: hidden;
}
div.trumbowyg-editor p {
	text-align: left;
	line-height: 1.4rem;
	width: 100%; height: auto;
	margin: auto; padding: 0;
	display: block;
	break-inside: avoid;
}
div.trumbowyg-editor p,
div[contenteditable="true"] p * {
	font-size: 1.2rem !important;
}
div.trumbowyg-editor {
	padding: 10px;
}
div.trumbowyg-editor h1 {
	font-size: 1.6rem; line-height: 1.8rem;
	margin: auto; padding: 0 10px;
}
div.trumbowyg-editor h2 {
	text-align: center;
	font-size: 1.6rem; line-height: 1.8rem;
	margin: auto; padding: 0 10px;
}
div.trumbowyg-editor h3 {
	font-size: 1.4rem; line-height: 1.6rem;
	margin: auto; padding: 0 10px;
}
div.trumbowyg-editor h4 {
	text-align: center;
	font-size: 1.4rem; line-height: 1.6rem;
	margin: auto; padding: 0 10px;
}
div.trumbowyg-editor h5 {
	font-size: 1.4rem; line-height: 1.6rem;
	margin: auto; padding: 0 10px;
}
div.trumbowyg-editor h6 {
	font-size: 1.35rem; line-height: 1.55rem;
	margin: auto; padding: 0 10px;
}
div.trumbowyg-editor a {
	font-size: inherit; line-height: inherit;
	position: relative; top: 0; right: 0; bottom: 0; left: 0;
	margin: 0 !important; padding: 0 !important;
	border: none;
}
div.trumbowyg-editor ol,
div.trumbowyg-editor ul {
	font-size: 1.2rem; line-height: 1.4rem;
	margin: auto; padding: 0 3.5rem 2rem 3.5rem;
}
div.trumbowyg-editor ol li,
div.trumbowyg-editor ul li {
	padding: 10px 0;
}
.trumbowyg-button-pane {
	margin-bottom: 0;
}
/**
 * END - trombowyg Alterations
 */

/**
 * jQuery Finder: Search On Page
 */
.finder {
	position: relative;
	top: 50px;
	right: 0;
	left: 0;
	z-index: 999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: auto;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	padding: 5px;
	transition: top 0.15s ease-out;
}
	.finder.active {
	top: 0;
}
.finder-input {
	flex-grow: 1;
	width: 0;
	height: 40px;
	border: none;
	padding: 8px;
	outline: none !important;
}
.finder-input.not-found {
	color: #e7353f;
}
.btn-finder {
	width: 40px;
	height: 40px;
	text-align: center;
	padding: 0;
}
.finder-input,
.btn-finder:not(:last-child) {
	margin-right: 5px;
}
.finder-count {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #888;
	border-right: 1px solid #e5e5e5;
	margin-right: 5px;
	padding-right: 20px;
	white-space: nowrap;
}
.btn-finder,
.finder-count {
	flex-shrink: 0;
	flex-grow: 0;
}
.highlight {
	background: #ff8;
}
.highlight.active {
	background: #ffd71b;
}
/**
 * MEDIA
 */
@media screen and (max-width: 800px) {
  .input-auto-width, #case-priority-id-button {
  	width: 100% !important;
  }
}
@media screen and (max-height: 650px) {
  #splash-logo-container {
	background-size: 125px auto;
	box-shadow: inset 0px 0px 30px 30px rgba(0,0,0,0.95);
	-moz-box-shadow: inset 0px 0px 30px 30px rgba(0,0,0,0.95);
	-webkit-box-shadow: inset 0px 0px 30px 30px rgba(0,0,0,0.95);
	}
}