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

/**
 * tooltipster
 */
.tooltipster-sidetip .tooltipster-content {
	color: #0163BE;
	text-align:left;
	font-size: 1.2em; line-height: 1.4em;
	padding: 6px 14px;
}
.tooltipster-sidetip .tooltipster-box {
	background-color: #D3ECF8;
	border: 1px solid #0163BE;
	border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #D3ECF8;
	left: 0px;
	top: 1px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #D3ECF8;
	left: -1px;
	top: 0px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #D3ECF8;
	left: 1px;
	top: 0px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #D3ECF8;
	left: 0px;
	top: -1px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: #0163BE;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color: #0163BE;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color: #0163BE;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: #0163BE;
}

/**
* START - Font Style
*/
.sizeUp1 {
	font-size: 1.2rem !important;
}
.sizeUp2 {
	font-size: 1.4rem !important;
}
.sizeUp3 {
	font-size: 1.6rem !important;
}
.sizeUp4 {
	font-size: 1.8rem !important;
}
.sizeUp5 {
	font-size: 2rem !important;
}
.sizeDown1 {
	font-size: 0.8rem !important;
}
.sizeDown2 {
	font-size: 0.6rem !important;
}
.sizeDown3 {
	font-size: 0.4rem !important;
}

/**
 * START - Class Styling
*/
.legendTitle {
	text-align:left !important;
	border: 1px dotted rgba(0,0,0,0.5) !important;
}
.grayOut, button.grayOut {
	color: rgba(0,0,0,0.5) !important;
	background-color: rgba(0,0,0,0.1) !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.grayOut:hover, button.grayOut:hover {
	background-color: rgba(0,126,5,0.2) !important;
}
.hideCP_submitBtn {
	display: none;
}
.showCP_submitBtn {
	display: inline-block;
}
.hideDisplay {
	display: none !important;
}
.showDisplay {
	display: block !important;
}
/* Hover HiLite */
.hovHiLite {
	border-bottom: 1px solid #0163BE;
}
.hovHiLite, .hovHiLiteActive, .hovHiLiteAlt-active {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
}
.hovHiLite:hover, .hovHiLiteActive {
	padding-left: 5px;
	background-color: rgba(1,99,190,0.075) !important; /* #0163BE */
	border-left: 5px solid #0163BE !important;
}
.hovHiLiteAlt:hover, .hovHiLiteAlt-active {
	background-color: rgba(217,255,0,0.1) !important;
}
/* lineData Width */
.width30pct {
	width: 30% !important;
}
.width25pct {
	width: 25% !important;
}
.width10pct {
	width: 10% !important;
}
.userIDTag, .caseIDTag, .affiliateIDTag {
	color: rgba(0,0,0,0.6) !important;
	font-size: 0.7em !important; line-height: inherit;
}
.pointerCursor {
	cursor: pointer;
}
.dottedBottomDivide {
	border-bottom: 1px dotted rgba(0,0,0,0.3);
}
.left-data-clr {
	color: rgba(29,54,124,1); /* #1D367C */
}
.left-data-bkg {
	vertical-align: top;
	background-color: rgba(29,54,124,0.1);
	margin: 0 auto; padding: 5px 15px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
}
.right-data-clr {
	color: rgba(98,24,123,1); /* #62187B */
}
.right-data-bkg {
	vertical-align: top;
	background-color: rgba(98,24,123,0.1);
	margin: 0 auto; padding: 5px 15px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
}
.extra-data-clr {
	color: rgba(98,24,50,1); /* #62187B */
}
.extra-data-bkg {
	vertical-align: top;
	background-color: rgba(255,194,102,0.1);
	margin: 0 auto; padding: 5px 15px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
}
.lowOpacity {
	opacity: 0.3;
}
.midOpacity {
	opacity: 0.6;
}

/**
 * START - Status Notice
*/

.error, .alert, .notice, .success, .info, .mod-menu, .page-tip, .sec-hilite {
	color: rgba(0,0,0,0.6);
	text-align: left; vertical-align: baseline;
	font-size: 1rem; line-height: inherit;
	position: relative; top: 0; right: 0; left: 0;
	width: 100%; height: auto;
	margin: 0 auto 0 auto; padding: 5px 10px;
	display: table; clear: both ; z-index: 1;
	box-sizing: border-box ;
	-moz-box-sizing: border-box ;
	-webkit-box-sizing: border-box ;
}
.mod-menu {
	text-align: center;
	font-family: RajdhaniMedium;
	font-size: 1.1rem;
}
.error, .alert {
	background-color: rgba(242,149,146,0.2); /* color: #F29592 */
}
.notice {
	background-color: rgba(174,242,174,0.2); /* color: #AEF2AE */
	border-bottom: solid 1px rgba(0,0,0,0.1);
}
.success {
	background-color: rgba(149,191,242,0.2); /* color: #95BFF2 */
}
.info {
	background-color: transparent;
}
.mod-menu, .page-tip, .sec-hilite {
	color: #00507e; /* color: #00507e */
	background-color: #99C1F145; /* color: #99C1F1FF */
}

/* Text Colors */
.color-error, .missing-data, .expired-data, .alert-data, select.alert-data + span.ui-selectmenu-button {
	color: #7e0001 !important;
}
.color-notice, .good-data {
	color: #007e19;
}
.color-success {
	color: #00507e;
}
.suClr, .ownerClr, .adminClr { color: #007e19; }

/* Borders top or bottom*/
.border-top {
	border-top: 1px solid rgba(0,0,0,0.2);
}
.border-bottom {
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

/**
 * START - Body/Page Specific (menu, enteryOverlay, etc)
*/
/* pageControlPanel BG Colors */
.home_hiLite {
	background-color: rgba(70,39,33,0.1) !important;
}
.contact_hiLite {
	background-color: rgba(27,116,15,0.1) !important;
}
.calendar_hiLite {
	background-color: rgba(33,73,116,0.1) !important;
}
.affiliate_hiLite {
	background-color: rgba(40,116,116,0.1) !important;
}
.proposal_hiLite {
	background-color: rgba(203,171,2,0.1) !important;
}
.wo_hiLite {
	background-color: rgba(171,80,0,0.1) !important;
}
.invoice_hiLite {
	background-color: rgba(203,36,0,0.1) !important;
}
.po_hiLite {
	background-color: rgba(116,102,60,0.1) !important;
}

/* Buttons */
button.selectBtn {
	cursor: pointer;
	color: rgba(70,39,33,0.9); /*color= #462721*/
	text-align: center;
	font-size: inherit;
	font-weight: inherit;
	background-color: rgba(255,150,0,0.2);
	border: 1px solid rgba(54,54,54,0.2);
	width: auto;
	margin: 0 0 7px 0;
	padding: 3px 6px 3px 6px;
	display: inline-block;
}
button.selectBtn:hover {
	color: #ffffff;
	font-weight: bold;
	background-color: rgba(255,150,0,0.9);
}

/**
 * START - Animation
*/
.alert-duplicate {
  -webkit-animation: ALERT-DUP 2s infinite;  /* Safari 4+ */
  -moz-animation: ALERT-DUP 2s infinite;  /* Fx 5+ */
  -o-animation: ALERT-DUP 2s infinite;  /* Opera 12+ */
  animation: ALERT-DUP 2s infinite;  /* IE 10+, Fx 29+ */
}
@-webkit-keyframes ALERT-DUP {
  0%, 49% {
  	backround-color: transparent;
  }
  50%, 100% {
    background-color: rgba(255,217,0,0.3);
  }
}

/**
 * START - @MEDIA PRINT
 * This is here because 'style.css' is the last css listed in the html head.
*/
@media print {
	#splash-logo-container {
		text-align: left;
		position: relative;
		display: block;
	}
	#closePage-iconWrap {
		display: none;
	}
	nav#sysAppMenuBar-container {
	color: #FFFFFF;
	text-align: left;
	font-size: 20px; line-height: 20px;
	position: relative; top: 0; right: 0; left: 0;
	width: 0px !important; height: 0px !important;
	margin: 0; padding: 0;
	display: none !important;
	background-color: #FFFFFF;
	}
	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: relative;
	margin: 0; padding: 0;
	height: auto;
	display: block !important;
	background-color: #FFFFFF;
	}
	div#content-container legend, form#content-container legend {
		vertical-align: middle;
		padding-top: 0.3rem;
	}
	#pageFrameTop, #pageFrameRight, #pageFrameBottom, #pageFrameLeft, .recActLinks-topRt,
	a.xOut, .reportTitle, .reportSubTitle {
		display: none !important;
	}
	#contentFrame {
		position: relative !important;
		width: inherit !important; height: auto !important;
		display: block !important;
		box-shadow: none !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
	}
	#controlPanel, #cpDivide, .modTitle dfn, .modOptTitle dfn {
		display: none !important;
	}
	nav#sysAppMenuBar-container {
		display: none !important;
	}
	div#content-container, form#content-container {
		box-shadow: none !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
	}
	.pec-title-container, div.do-not-print, .do-not-print {
		display: none !important;
	}
	.sizeUp1 {
		font-size: 2em !important;
	}
	.pwTitle {
		font-size: 2.2em; line-height: 2em;
	}
}
/**
 * END - Media print
*/