/* Start - font-face definitions **************************************/
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url("/portal-100/javax.faces.resource/css/fonts/mem8YaGs126MiZpBA-UFWJ0bbck.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url("/portal-100/javax.faces.resource/css/fonts/mem8YaGs126MiZpBA-UFUZ0bbck.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url("/portal-100/javax.faces.resource/css/fonts/mem8YaGs126MiZpBA-UFWZ0bbck.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url("/portal-100/javax.faces.resource/css/fonts/mem8YaGs126MiZpBA-UFVp0bbck.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url("/portal-100/javax.faces.resource/css/fonts/mem8YaGs126MiZpBA-UFWp0bbck.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url("/portal-100/javax.faces.resource/css/fonts/mem8YaGs126MiZpBA-UFW50bbck.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url("/portal-100/javax.faces.resource/css/fonts/mem8YaGs126MiZpBA-UFVZ0b.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url("/portal-100/javax.faces.resource/css/fonts/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url("/portal-100/javax.faces.resource/css/fonts/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url("/portal-100/javax.faces.resource/css/fonts/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url("/portal-100/javax.faces.resource/css/fonts/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url("/portal-100/javax.faces.resource/css/fonts/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url("/portal-100/javax.faces.resource/css/fonts/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url("/portal-100/javax.faces.resource/css/fonts/mem5YaGs126MiZpBA-UNirkOUuhp.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url("/portal-100/javax.faces.resource/css/fonts/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url("/portal-100/javax.faces.resource/css/fonts/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url("/portal-100/javax.faces.resource/css/fonts/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url("/portal-100/javax.faces.resource/css/fonts/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url("/portal-100/javax.faces.resource/css/fonts/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url("/portal-100/javax.faces.resource/css/fonts/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url("/portal-100/javax.faces.resource/css/fonts/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2.xhtml?ln=default&v=1_24") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* End - font-face definitions **************************************/


/* COMMON BODY STYLES *****************************************/
/*html {width: 1000px;}*/
body {background:#FFFFFF; color:#000000; margin:0px 0px 0px 0px; font-size:11px; font-family:'Open Sans', verdana, arial, sans-serif;}

/* HEADER & FOOTER STYLES ***************************************/
.headNorm {background-image:url('/images/header.jpg'); background-repeat:no-repeat; background-color: #ABCDD9; background-position:left top; height:80px; width:100%;}
.headClean {height:80px; width:100%;}
#foot {text-align:center; padding:0 0 15px 0; font-weight:normal; font-size:10px; color:#336699; text-decoration:none;}
#footRight {float:right; padding:0 0 15px 0; font-weight:normal; font-size:10px; color:#336699; text-decoration:none;}


/* LOGIN PAGE STYLES - BEGIN */
BODY.loginBody { background: #F5F7F3 url("/images/bg_login.jpg");   background-position: top center; background-repeat: no-repeat; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#loginForm { padding: 100px 0 0 0;}
#loginForm fieldset { display: block; width: 12em; margin: 0 0 0 0; padding: 1em 1em 1em 1em; border: none;}
div#oceanView{
    position:relative;
    top:25px;
    left:324px;
    z-index:100;
    width: 20px;
}
.oceanLink {
    border:0px;
}
#loginForm .ui-button-text {
	font-size: 14px !important;
	font-family: Arial;
	font-weight: normal !important;
}
#loginForm .ui-inputgroup .ui-password:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0 none;
}
#loginForm .ui-inputfield,#loginForm .ui-inputgroup-addon {
	font-size: 17px !important;
} 
/* LOGIN PAGE STYLES - END */

/* GDPR Notice - BEGIN */
.ui-notificationbar.gdprNotice {
	background-color: #d9d8d6;
	height: 30px;
}
.ui-tabs.gdprNoticeTabs {
	width: 700px;
}
.ui-tabs-left.gdprNoticeTabs>.ui-tabs-nav {
	width: 35%;
}
.ui-tabs-left.gdprNoticeTabs>.ui-tabs-panels {
	width: 64%;
	border: 1px solid #c8c8c8;
    border-top-color: rgb(200, 200, 200);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(200, 200, 200);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(200, 200, 200);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(200, 200, 200);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}
.ui-tabs-left.gdprNoticeTabs>.ui-tabs-panels tr {
	vertical-align: top;
}
/* GDPR Notice - BEGIN */

/*Menu and Search - BEGIN */

.ui-widget.labelMenuHeader {
	font-size: 12px !important;
	font-weight: bold;
	color: #186ba0;
	font-family: verdana, arial, sans-serif !important;
}

span.labelMenuHeader {
	font-size: 12px !important;
	font-weight: bold;
	color: #186ba0;
	font-family: verdana, arial, sans-serif !important;
}

.valueMenuHeader {
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
}

.menuHeaderContainer {
	border: 1px solid #d9d9d9;
	background: -webkit-linear-gradient(top,#f6f7f9 0,#ebedf0 100%);
}

.menuHeaderLogo {
	max-height: 32px;
	width: auto;
	width: auto\9; /* IE8 */
}

.menuHeaderClientLogoColumn {
	padding-left: 2px;
	width: 6%;
}

.menuHeaderMenuColumn {
	width:90%;
}

.menuHeaderApplicationLogoColumn {
	padding-right: 2px;
	width: 2%;
}

.menuBarHorizontalSeparator {
	margin-top: .2em;
	margin-bottom: .2em;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.ui-menubar.noBorder {
	border: none;
}

.ui-widget-header.transparent {
	background: rgba(0, 0, 0, 0.0);
}

#mainMenu\:menuBar\:mainMenuBar > ul {
	display: flex;
}

#mainMenu\:menuBar\:mainMenuBar > ul > li.ui-menuitem.ui-menubar-options.ui-widget.ui-corner-all {
	flex-grow: 1;
}

#mainMenu\:menuBar\:testEnvironmentMessagePanel {
	margin-left: 10%;
}
/*Menu and Search - END */

#container-content {text-align:left; padding: 5px 20px 2em 20px; margin:0 30px 0 30px;} 
.emRed {font-weight:bold; font-style:normal; color:#ff0000 !important;}
.help {position:absolute; border: 2px solid black; font-size:10px; background-color: yellow; width: 300px; padding: 5px; display:none;}


.dashAnchor {text-transform:uppercase; font-weight:bold; color:#616D7E; padding-bottom:2px; margin:0;}
._prog-border { height: 15px; width: 730px; background: #fff; border: 1px solid silver; margin: 0; padding: 0;} 
._prog-bar{height: 11px; margin: 2px; padding: 0; background: #336699;}
._prog-text{color:#ffffff; font-size:11px; padding-left:10px;}
p {line-height:140%;} 
h1 {text-transform:uppercase; font-weight:bold; font-size:11px; color:#336699; padding-bottom:0px; margin:0;}
h2 {text-transform:uppercase; font-weight:bold; font-size:10px; color:#336699; padding-bottom:2px; margin:0;}
h3 {text-transform:uppercase; font-weight:bold; font-size:10px; color:#616D7E; padding-bottom:2px; margin:0;}
h4 {text-transform:uppercase; font-weight:bold; font-size:10px; color:#0e7b32; padding-bottom:2px; margin:0;}

.box {font-weight: bold; font-size:11px; color:#336699; border:solid 1px #336699; background:#ffffff; padding:10px 10px 10px 10px;}
.blackbox {text-transform:uppercase; text-align:left; border:solid 1px #000; font-size:10px; color: #000; font-weight:bold; background:#fff; padding:10px 10px 10px 10px;}
.bluebox {text-transform:uppercase; text-align:left; border:solid 1px #797d7e; font-size:10px; color: #fff; font-weight:bold; background:#336699; padding:3px 10px 3px 10px; }
.gbox {text-transform:uppercase; text-align:left; border:solid 1px #797d7e; font-size:12px; color: #000000; font-weight:bold; background:#d9d8d6; padding:3px 10px 3px 10px; 
	display: flex;
    align-items: center;}
.gbox .title{
	display: flex;
    align-items: center;
    padding-bottom: 2px;
    padding-top: 2px;
}
.gbox button{font-size: 11px;}
.gbox_left {float:left; width:300px;text-transform: uppercase;text-align:left; border:solid 1px #797d7e; font-size:10px; color: #336699; font-weight:bold; background:#d9d8d6; padding:3px 0 3px 10px;}
.gbox_right {float:right; width:300px;text-transform: uppercase;text-align:left; border:solid 1px #797d7e; font-size:10px; color: #336699; font-weight:bold; background:#d9d8d6; padding:3px 0 3px 10px;}
.bbox {text-transform:uppercase; text-align:center; border:solid 1px #797d7e; font-size:10px; color: #336699; font-weight:bold; background:#d9d8d6; padding:3px 0 3px 10px;}
.gboxsm {text-transform:uppercase; text-align:center; border:solid 1px #797d7e; font-size:9px; color: #336699; font-weight:bold; background:#d9d8d6; padding:3px 10px 3px 10px;}
.gboxfin {text-transform:uppercase; text-align:left; border:solid 1px #797d7e; font-size:12px; color: #000000; font-weight:bold; background:#d9d8d6; padding:3px 0px 0px 0px; }

.expand {padding:0 0 5px 0; margin:0; text-transform:uppercase; font-weight:bold; font-size:10px; color:#336699;}
a.expand {text-transform:uppercase; font-weight:bold; font-size:10px; color:#336699; text-decoration: underline;}
a.expand:hover {color:#a00000;}
div.expand {padding-right: 8px; overflow: auto;}
a.note, a.note:hover {text-transform:uppercase; font-weight:bold;font-size:8px; color:#336699; text-decoration: underline;}


.edit {text-transform:lowercase; font-weight:normal; font-size:10px; color:#336699;} 
a.edit {color:#616D7E;} 
a.edit:hover {color:#a00000;}
.editKeepCase {font-weight:normal; font-size:10px; color:#336699; text-transform: none;} 

.dropcontent{display:block; font-weight:normal; font-size:11px; color:#336699;}
.content{float:left; display:block; text-transform:uppercase; text-align:left; font-size:10px; width:250px; height:100px; overflow:inherit; padding:0 1em 1em 1em; margin:0 1em 1em 0;}

.underline{text-decoration: underline;}
.uppercased{text-transform: uppercase;}

#mainarea {
	border-top: 0px;
	border-left: 1px solid lightgray;	
	border-right: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	padding: 1em
} 


/* TAB STYLES ***************************************************/
#main {border: 1px solid #000;	clear: both; background: #FFFFFF; padding: 0.5em; display:inline-block; min-width:100%;} 
#header {position: relative; width: 100%; height: 3em;width: auto;}
#header ul#primary {margin: 0;	padding: 0;	position: absolute; bottom: -1px;width: 100%;}
#header ul#primary li {display: inline;list-style: none;}
#header ul#primary a,#header ul#primary span,#header ul#primary a.current {width: auto;	display: block;	float: left;padding: 4px 7px 4px 7px;	margin: 1px 2px 0 0;	text-align: center;	font-size: 85%;	font-weight: bold;	text-decoration: none;	color: #336699;}
#header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {border: 1px solid #000;	border-bottom: none;	background:  #FFFFFF;	padding-bottom: 6px;	margin-top: 0;}
#header ul#primary a {background: #d0d0d0;	border: 1px solid #000;	border-bottom: none;}
#header ul#primary a:hover {margin-top: 0;	border-color: #000;	background: #488AA0; padding-bottom: 5px; color: #F4F4F3;}
#header ul#secondary {position: absolute;	margin: 0;	padding: 0;	bottom: -1.4em;	left: 1px;	width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */}
#header ul#secondary li a,#header ul#secondary li span {width: auto;display: block;float: left;padding: 0 10px;margin: 0;border: none;border-right: 1px dotted #AAA;background: none;}
#header ul#secondary li a {color: #06C;text-decoration: underline;}
#header ul#secondary li a:hover {color: #333; background: transparent; padding: 0 10px;	border: none;	border-right: 1px dotted #AAA;}
#header ul#secondary li a:active {color: #000;background: transparent;}
#header ul#secondary li:last-child a {border: none;}
.positionFix {
  position: relative;
  top: 1px;
}

/* FORM STYLES ***************************************************/
.flat { font-size : 11px; border: 1px solid #a2a7b4;	background: #FFFFFF; padding-left: 3px;} 
select { border-right: #336699 1px solid; border-top: #336699 1px solid; font-size: 10px; border-left: #336699 1px solid; color: #336699; border-bottom: #336699 1px solid; background: #ffffff;}

.customIconPosition{top: 1em !important;}
.redLabelBold {color: red; font-weight: bold}
.labelBold, ._labelBoldExpandHeader  {font-size: 12px; font-weight: bold; }
.labelBoldW {font-size: 11px; font-weight: bold; color: #FFFFFF;}
._labelBoldExpandHeader {margin-left: 20px; color: black}
.highlight {display:block; background-color: #fdfcc3;}
.highlightInline {background-color: #fdfcc3;}
.detailmessage {font-size: 15px; font-weight: bold; }
.instruction {font-size:14px; color:green; font-weight: bold; }
._reportWithData {font-size: 12px; font-weight: bold; font-family : arial,tahoma,verdana,sans-serif;}

.errorMessage {FONT-SIZE: 8pt; COLOR: #990000; white-space: pre;}
.errorMessageII {FONT-SIZE: 12px; COLOR: #990000;}
.errorMessageBold {FONT-SIZE: 8pt; COLOR: #990000; FONT-WEIGHT:bold;}
.detailHeaderLink {FONT-WEIGHT: bold; FONT-SIZE: 8pt; TEXT-ALIGN: left; TEXT-DECORATION: none;}
._detailHeaderLinkCenter {FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #ffffff; TEXT-ALIGN: center; TEXT-DECORATION: none;}
.detailHeaderLinkTiny {FONT-SIZE: 6pt; COLOR: #ffffff; TEXT-ALIGN: left; TEXT-DECORATION: none; }
._subTableRow1 {background-color:lightyellow; border:3px;}
._subTableRow2 {background-color:lightyellow; border:3px;} 
._subSubTableRow1 {background-color:#8987a9; border:6px;}
._subSubTableRow2 {background-color:#c6c1dd; border:6px;}
.dataTableRowDisabled {padding:3px; background-color:#eeeeee;}
.dataTableRowDisabled td {border:1px solid #ccc;}
._dataTableRow1WithComment {border:1px; padding:3px; background-color:#E0E0E0; overflow: auto;}
._dataTableRow2WithComment {border:1px ; padding:3px; background-color:#FFFFFF; overflow: hidden;}
._dataTableFooter {text-align:right; background-color:#ccc; font-weight:bold;}
.detailLine1 {font-size: 8pt; BACKGROUND-COLOR: #e0e0e0}
.detailLine2 {font-size: 8pt; BACKGROUND-COLOR: #ffffff}
._detailLineCenter1 {font-size: 8pt; BACKGROUND-COLOR: #e0e0e0; text-align: center;}
._detailLineCenter2 {font-size: 8pt; BACKGROUND-COLOR: #ffffff; text-align: center;}
._detailLineTop1 {font-size: 8pt; BACKGROUND-COLOR: #e0e0e0; VERTICAL-ALIGN:top}
._detailLineTop2 {font-size: 8pt; BACKGROUND-COLOR: #ffffff; VERTICAL-ALIGN:top}
.subData {border-width:0px;}
.doNothing{}

._treeTableRow1 .ui-treetable tbody>tr.ui-widget-content {background-color:#8987a9; border:6px;}
._treeTableRow2 .ui-treetable tbody>tr.ui-widget-content {background-color:#c6c1dd; border:6px;}

.plainTable { background:#ffffff; vertical-align:top; border:0px; width:50%;}
.plainColumn1 .ui-panelgrid-cell { border: none}
.plainColumn1 .ui-widget-content { border: none}
.plainTable1 table { border: 0px;}
.plainTable1 table tr {border: none;}
.plainTable1 table tbody {border: none;}
.plainTable1 table tbody tr {border: none;}
.plainTable1 table tbody tr td {border: none;}
.plainTable1 table tr td {border: none;background-color: #FFFFFF;}

.warningMessageBold {FONT-SIZE: 14px; COLOR: #990000; FONT-WEIGHT:bold;}


.autoWidth table {
    table-layout: auto;
    width: initial;
}

.ui-accordion .ui-accordion-header {
    margin-top: 10px;
}

.ui-datatable .ui-datatable-blank *{
	border: 0px;
	background: white;
}
.ui-datatable .ui-datatable-blank-specific 

.columnTop{text-align:top;}
.columnLeft{text-align:left;}
.columnLeftNoWrap{text-align:left; white-space: nowrap}
.columnLeftNoWrapWidth25{text-align:left; white-space: nowrap; width: 25%}
.columnCenter, .webtop-ui-processing-text{text-align:center;}
.columnRight{text-align:right;}
.columnRightNoWrap{text-align:right; white-space: nowrap}
.columnTopNoBorder{text-align:top;border:0px;}
.columnLeftNoBorder{text-align:left;border:0px;}
.columnCenterNoBorder{text-align:center;border:0px;}
.columnRightNoBorder{text-align:right;border:0px;}
.total{text-align:right; background-color:#c0c0c0; font-weight:bold; font-size:12px;}
.height26{height:26px;}
.height30{height:30px;}
.heightFull{height:100%;}

.columnIcon{text-align:center;border:0px; width:20px}

/*
td.columnLeftJustify{width:75%; float:left;}
td.columnRightJustify{float:right; text-align:right; width:20%}
*/
.widthOverride {
    margin: 0 30px 0 30px;
    /* padding: 5px 20px 3em 20px; */
    text-align: left;}
#popup {/* Necessary: */ position: absolute; display: none; z-index: 10; /* Additional styling: */ width: 400px; font-size: xx-small; background-color: #eee; border: 1px dotted #ece; opacity: .85;  }

td.noWrap {white-space: nowrap}

._addAtCustomerLevel {font-size: 12px; font-weight: bold;}
._summaryText {font-size: 10px;}
.summaryLabel {font-size: 10px; font-weight: bold;}

.fieldDisplay { font-size: 10px; border-style: none; background-color: #F6F5F2; color: #000066;}
.sectionBox{border:solid 1px #797d7e; padding:3px 10px 3px 10px;}
.subSectionHeader{background-color: #ABCDD9;}

.itemText { font-size : 11px; }
.itemTextBold { font-size : 11px; font-weight : bold; }
.itemTextSmall { font-size : 10px; }
.itemTextSmallBold { font-size : 10px; font-weight : bold; }
.itemTextLarge { font-size : 13px; }
.itemTextLargeBold { font-size : 13px; font-weight : bold; }

.itemTextHighlight	{ color:#336699 !important;}

.inputTextLeft { text-align:left;}
.inputTextRight { text-align:right;}
.inputTextDisabled { }

._itemTextlight {font-size: 11px; font-weight:normal;}

.inputReadOnly { border:1px solid rgba(0,0,0,.25); padding-left:3px; padding-top:2px; padding-bottom:2px }
.inputReadOnly:disabled { background: white; }


.ui-selectonemenu label.ui-selectonemenu-label { padding-right: 15px; text-align: left; }

.normalButtonWithSpecialDisabledStyle:disabled {color:grey;}

.width10 { width:10px; min-width:10px; }
.width20 { width:20px; min-width:20px; }
.width40 { width:40px; min-width:40px; }
.width60 { width:60px; min-width:60px; }
.width80 { width:80px; min-width:80px; }
.width100 { width:100px; min-width:100px; }
.width120 { width:120px; min-width:120px; }
.width140 { width:140px; min-width:140px; }
.width160 { width:160px; min-width:160px; }
.width200 { width:200px; min-width:200px; }
.width300 { width:300px; min-width:300px; }
.width400 { width:400px; min-width:400px; }
.widthFull { width:100%;}
.widthHalf { width:50%;}
.widthQuarter { width:25%;}
.widthThird { width:33%;}
.widthTwoThird {width:67%;}
.width90Percent {width:90%;}
.width10Per { width:10%;}
.width20Per { width:20%;}
.width80Per { width:80%;}
.widthBlank {}
.hideIt{display:block;}
.widthAuto {width:100%; box-sizing: border-box;}
.width10Auto {width:10%; box-sizing: border-box;}
.noWidthAuto {box-sizing: border-box;}

.minwidth20 { min-width:20px !important; }
.minwidth80 { min-width:80px !important; }
.minwidth100 { min-width:100px !important; }
.minwidth120 { min-width:120px !important; }
.minwidth140 { min-width:140px !important; }
.minwidth160 { min-width:160px !important; }
.minwidth200 { min-width:200px !important; }

.maxwidth80 { width:80px; min-width:80px; max-width:80px; }
.maxwidth100 { width:100px; min-width:100px; max-width:100px; }



.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}

.printDetail {white-space: nowrap; text-transform: uppercase; text-align: center; background:#3f637d; padding:4px; font-size: 10px; font-weight: bold; color: #ffffff; border-color: #7E9DB9; border-width: 1px; border-style: solid; padding: 4px;}

.calendarInput { font-size : 11px; border: 1px solid #a2a7b4; background-color: #FFFFFF; padding-left: 3px; font-weight:normal;}
.hide-column-names table thead tr{
	/*display: none;*/  /*display=none causes datatable columns to lose specified widths */
	visibility: hidden;
}
.show-column-names table thead tr{
    display: table-row;
}
.hide-footer table tfoot tr{
	display: none;
}

.CustomeNameTitle {text-transform:uppercase; font-weight:300; font-size:24px; color:#4f4f4f; padding-bottom:2px; margin:0;}
.dashboardTitle {text-transform:uppercase; font-weight:bold; font-size:12px; color:#336699; padding-bottom:2px; margin:0;}
.dashboardValue {font-weight:normal; font-size:12px; color:#000000; padding-bottom:2px; margin:0;}
.noPadding{padding: 0px; margin:0;}
.noPadding .ui-panelgrid-cell{padding: 0px; margin:0;}
.smallPadding .ui-panelgrid-cell{padding: 2px 10px; margin:0;}
.paddingTop4{padding-top: 4px;}
.paddingTop12{padding-top: 12px;}
.paddingRight2 {padding-right: 2px;}
.paddingLeft2 {padding-left: 2px;}

.showstate{
    background-repeat:inherit ;
    display: flex;
    align-items: center;
}
.iconMin{
	height: 13px;
	background-image: url("/images/min.gif");
	background-repeat: no-repeat;
}
.iconMax{
	height: 13px;
	background-image: url("/images/max.gif");	
	background-repeat: no-repeat;
}
.tooltip{
    background-color: #D9D8D6;
    border: 1px solid;
    border-color: #000000;
    font-size: 11px;
    float: left;
    padding: 0px;
}


.fontwhite {color:white;}
.fontblack {color:black;}
.fontdarkred   {color: #990000;}
.fontdarkblue  {color: #000099;}
.fontBold {font-weight: bold;}
.fontred {color:red;}

.statusStyle {color:#990000; text-decoration:blink;}

.noborder, .noborder tr td {border-style:none;}

.greyback { background-color: #D5D5D5;}

.bottomborder { border-bottom: 1px solid #FFFFFF; }

.captioningbox {text-align:left; font-weight:bold; font-size:13px; }

.fidinPanel {background-color: #F6F5F2; border-color: #F6F5F2}

.noWrap {white-space: nowrap}
.noWrap2 {display:inline-block; white-space: nowrap}

.fixRadioButtonAlignment {padding-bottom: 4px;}

.receiptText {font-size:9.5pt; font-family:consolas,verdana,arial;}
.height20{height:20px;}
.height30{height:30px;}


.modalHR {color: #BBBBBB}
.dialogHR {
	margin-top:20px;
	margin-bottom: 20px;
	width: 100%;
	border: 0;
    border-top: 1px solid #bbbbbb;
    height: 1px;
}

.demo {background: url("/images/demo.png");}


/* Cash Management Picture Buttons */
.cmButton {
	display: inline-block;
	background-color: #ececec;	/* Old browsers */    
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(48%,#ebebeb), color-stop(49%,#dddddd), color-stop(100%,#cfcfcf));	/* Chrome,Safari */
	background-image: -moz-linear-gradient(center top, #f2f2f2 0%, #ebebeb 48%, #dddddd 49%, #cfcfcf 100%);	/* FF */
	background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #ebebeb 48%, #dddddd 49%, #cfcfcf 100%);	/* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #f2f2f2 0%, #ebebeb 48%, #dddddd 49%, #cfcfcf 100%);	/* Opera11.10+ */
	background-image: -ms-linear-gradient(top, #f2f2f2 0%, #ebebeb 48%, #dddddd 49%, #cfcfcf 100%);	/* IE10+ */
	background-image: linear-gradient(to bottom, #f2f2f2 0%, #ebebeb 48%, #dddddd 49%, #cfcfcf 100%);	/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0);	/* IE 6-9*/
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
	text-shadow: 1px 1px 0px #FFFFFF; padding: 3px 12px; border-color: #707070; border-width: 1px; border-style: solid; font-family: verdana, sans serif; font-size: 13px; color: #111111;
}
.cmButton:hover {
	background-color: #f2f8fc;	/* Old browsers */    
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf6fd), color-stop(46%,#d9f0fc), color-stop(47%,#bee6fd), color-stop(100%,#a7d9f5));	/* Chrome,Safari */
	background-image: -moz-linear-gradient(center top, #eaf6fd 0%, #d9f0fc 46%, #bee6fd 47%, #a7d9f5 100%);	/* FF */
	background-image: -webkit-linear-gradient(top, #eaf6fd 0%, #d9f0fc 46%, #bee6fd 47%, #a7d9f5 100%);	/* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #eaf6fd 0%, #d9f0fc 46%, #bee6fd 47%, #a7d9f5 100%);	/* Opera11.10+ */
	background-image: -ms-linear-gradient(top, #eaf6fd 0%, #d9f0fc 46%, #bee6fd 47%, #a7d9f5 100%);	/* IE10+ */
	background-image: linear-gradient(to bottom, #eaf6fd 0%, #d9f0fc 46%, #bee6fd 47%, #a7d9f5 100%);	/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaf6fd', endColorstr='#eaf6fd',GradientType=0);
	border-color: #3c7fb1; color: #111111;
}
.cmButton:active {
	background-color: #cee5f4;	/* Old browsers */    
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5f4fc), color-stop(52%,#c4e5f6), color-stop(53%,#98d1ef), color-stop(100%,#68b3db));	/* Chrome,Safari */
	background-image: -moz-linear-gradient(center top, #e5f4fc 0%, #c4e5f6 52%, #98d1ef 53%, #68b3db 100%);	/* FF */
	background-image: -webkit-linear-gradient(top, #e5f4fc 0%, #c4e5f6 52%, #98d1ef 53%, #68b3db 100%);	/* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #e5f4fc 0%, #c4e5f6 52%, #98d1ef 53%, #68b3db 100%);	/* Opera11.10+ */
	background-image: -ms-linear-gradient(top, #e5f4fc 0%, #c4e5f6 52%, #98d1ef 53%, #68b3db 100%);	/* IE10+ */
	background-image: linear-gradient(to bottom, #e5f4fc 0%, #c4e5f6 52%, #98d1ef 53%, #68b3db 100%);	/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5f4fc', endColorstr='#a7d9f5',GradientType=0);	/* IE 6-9*/
	text-shadow: 1px 1px 0px #e5f0f7; border-color: #2c628b; color: #111111; padding: 2px 9px 2px 11px;
}


.ui-widget {
	font-size: 12px !important;
	font-family: "Open Sans",verdana,Arial,sans-serif !important;
}

.ui-state-focus {
    border-color: #66afe9 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6) !important;
    outline: 0 none !important;
}

.ui-datatable-odd {
	background:#f5f5f5;
}

.ui-button-text, .ui-icon {
	font-size: 13px !important;
	font-weight: normal !important;
}

.ui-button {
 	min-width:80px;
 }

.ui-menuitem-text {
	font-size: 12px;
	font-family: "Open Sans",verdana,Arial,sans-serif;
	color: black;
}

.ui-menuitem-active {
	background-color:#dddddd;
}

.ui-menuitem-active:active {
	background: #66afe9 !important;
}
 
.ui-menubar .ui-state-hover {
	background-color:#dddddd;
}

.ui-menu-child {
	width:23em;
}


.ui-dialog-buttonpane {
	text-align: center !important;
}

.ui-dialog-footer {
	text-align: center !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	margin: 0px 20px 0px 20px !important;
	border-color: #e5e5e5 !important;;
}

.ui-dialog-titlebar-icon.ui-dialog-titlebar-close {
	padding: 5px !important;
}
.ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-state-hover {
	padding: 4px !important;
}

.ui-dialog .ui-selectonemenu {
	line-height: normal !important;
}

.ui-dialog-titlebar.ui-widget-header .ui-icon.ui-icon-closethick {
	background-image: url("/portal-100/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-omega");
	margin: 6px 10px 0px 0px;
}

.ui-dialog-titlebar.ui-widget-header .ui-state-hover {
	background-color: inherit !important;
	padding: 5px 5px 0px 0px !important;
	border: 0px !important;
}
.ui-dialog-titlebar.ui-widget-header .ui-state-hover .ui-icon.ui-icon-closethick  {
	background-image: url("/portal-100/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-omega");
}  

.ui-dialog-titlebar.ui-widget-header .ui-state-focus  {
	box-shadow: none !important;
	outline: none !important;
}  
.ui-dialog-titlebar .ui-dialog-title {
	color: white !important;
	font-weight: normal !important;
}    

.ui-dialog-titlebar.ui-widget-header  {
	abackground-color : #1F89CE !important;
	padding: 0px 0px 4px 16px;
	margin: 0px;
    background: #1F89CE 0 0 repeat-x !important;
    background: -moz-linear-gradient(top,#1F89CE 0,#4a9cca 66%) !important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1F89CE),color-stop(66%,#4a9cca)) !important;
    background: -o-linear-gradient(top,#1F89CE 0,#4a9cca 66%) !important;
    background: -ms-linear-gradient(top,#1F89CE 0,#4a9cca 66%) !important;
    background: linear-gradient(top,#1F89CE 0,#4a9cca 66%) !important;
}  

.ui-dialog-content {
	margin: 8px 0px;
}
.ui-dialog .ui-inputfield {
	font-size: 12px !important;
}
.ui-dialog .ui-outputpanel  {
    font-size: 12px !important;
}
.ui-column-title {
    font-size: 13px !important;
    font-weight: bold !important;
}

.ui-selectonemenu-list-item, .ui-selectonemenu-list .ui-state-hover {
	padding: 5px 0px 6px 5px !important;
}

.ui-selectonemenu-trigger  {
	overflow: hidden !important;
	border: 0px !important;
	box-shadow: none !important;
}

.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.ui-state-hover,
.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.ui-state-focus {
	background-color: white !important;
}

.selectableTableClass .ui-datatable-data .ui-state-hover {
	border: 1px solid #156090;
	background: #186ba0;
	color: #ffffff;
}
.selectableTableClass .ui-datatable-data .ui-state-hover .ui-commandlink {
	color: white !important;
}

.ui-menu-child {
	width: 200px !important;
}

.ui-autocomplete-dropdown.ui-button {
	min-width: inherit !important;
}


#panelWOCform\:myWOComments.ui-datatable .ui-column-title  {
	font-size:12px !important;
}
#panelWOCform\:myWOComments .ui-datatable-data .ui-widget-content  {
	font-size:11px !important;
}



.ui-accordion-header {
    font-weight: bold !important;
}

.ui-tooltip-text {
	background-color: #66afe9 !important;
}
.ui-tooltip-text .ui-widget-content {
	acolor:white;
	abackground-color: transparent ;
}
.ui-tooltip-arrow {
	border-left-color: #66afe9 !important;
}

.ui-widget-overlay {
    opacity: 0.2 !important;
}
#mainMenu\:quickSearchForm  {
	font-size: 12px !important;
	font-weight: bold;
	color: #186ba0;
	font-family: verdana, arial, sans-serif;
	margin-right: 20px;
}
#mainMenu\:quickSearchForm .ui-widget {
	font-size: 12px !important;
	font-family: verdana, arial, sans-serif !important;
}

.ui-messages {
	display:table;
}

.ui-messages-error, .ui-messages-warn, .ui-messages-info {
	font-size: 14px;
	text-align: left;
}

.ui-messages-info-summary, .ui-messages-warn-summary, .ui-messages-error-summary, .ui-messages-fatal-summary {
	font-weight: normal;
}

.ui-messages-error-icon, .ui-messages-fatal-icon, .ui-messages-warn-icon {
	height: 24px;
	width: 24px;
	background: url(/images/white-error-24.png) no-repeat;
}

.ui-messages-info-icon {
	height: 24px;
	width: 24px;
	background: url(/images/info-24.png) no-repeat;
}

.fieldLabel { 
	font-weight: bold;
	color: #222; 
}
.fieldLabelWithHeight { 
	font-weight: bold; 
	height: 33px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	color: #222;
}

.fieldLabelWithHeightSmall { 
	font-weight: bold; 
	height: 29px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	color: #222;
}


.ui-tabs-nav {
	font-size: 13px;
}
.ui-tabs-nav .ui-tabs-selected.ui-state-active a {
	font-weight: bold;
	color: #186ba0;
}

.ui-tabmenu-nav.ui-widget-header {
	background: white !important;
	afont-size: 13px;
}
.ui-tabmenu.ui-widget-content {
	border: 0px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
}

.ui-panelgrid td, .ui-panelgrid tr {
    border-style: none !important
}

.transparentBackground tr, .transparentBackground td {background: transparent !important} 

#mainMenu\:quickSearchForm\:startPageA_panel .ui-selectonemenu-item.ui-selectonemenu-list-item {
	font-size: 12px !important;
}
#mainMenu\:quickSearchForm\:searchCat_panel .ui-selectonemenu-item.ui-selectonemenu-list-item {
	font-size: 12px !important;
}

.ui-fieldset-legend {
	font-weight: bold !important;
	text-transform: uppercase; 
}

a.imageLink 	{ text-decoration: none;}
.basicLink		{ text-decoration: underline; font-size:12px; color:#336699; text-transform: uppercase;}
.basicLinkBold	{ text-decoration: underline; font-size:12px; color:#336699; text-transform: uppercase; font-weight: bold;}
.highlightLink	{ text-decoration: underline; font-size:11px; color:#aa0000 !important; text-transform: uppercase;}
.highlightLinkBold	{ text-decoration: underline; font-size:11px; color:#aa0000 !important; text-transform: uppercase; font-weight: bold;}
.colorLink		{ text-decoration: underline; font-size:12px; color:#0000ff !important; }
.hyperlinkStandard .ui-commandlink { text-decoration: underline; color: #0000EE; }
.hyperlinkVisited .ui-commandlink { text-decoration: underline; color: #551A8B; }
.hyperlinkActive .ui-commandlink{ text-decoration: underline; color: #EE0000; }

.smallerFont 	{ font-size: 10px !important; }
.smallFont 		{ font-size: 12px !important; }
.mediumFont 	{ font-size: 14px !important; }
.bigFont 		{ font-size: 16px !important; }
.biggerFont, .webtop-ui-processing-text	{ font-size: 18px !important; }
.hugeFont 		{ font-size: 26px !important; }


.overrideDisabledClass.ui-state-disabled {
	opacity: 1.0 !important;
}

.ui-state-disabled.showTooltip{
    pointer-events: all;
}

.datatable-flat .ui-datatable-data, .datatable-flat .ui-datatable-odd, .datatable-flat .ui-datatable-even {
    border: none !important; 
    background: none !important; 
}

.datatable-flat thead th, .datatable-flat td, .datatable-flat tfoot { 
	border: none !important; 
	background: none !important; 
	padding: 5px 1px 5px 1px !important;
}

.ui-menuitem .ui-corner-all.ui-state-hover {
    background-color: #66afe9;
}
.ui-menuitem .ui-corner-all.ui-state-hover, .ui-menuitem .ui-corner-all.ui-state-hover .ui-menuitem-text {
    color: #ffffff; 
}
.ui-menuitem .ui-corner-all .ui-menuitem-active {
	background-color: #66afe9;
}
.ui-menuitem .ui-corner-all .ui-state-hover .ui-menuitem-text {
	color: #ffffff; 
}
.ui-menuitem .ui-corner-all .ui-state-hover .ui-icon-triangle-1-e {
	background-image: url("/portal-100/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-omega");
}
.ui-menuitem .ui-corner-all.ui-state-hover .ui-icon-triangle-1-s {
	background-image: url("/portal-100/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-omega");
}

.ui-datatable-empty-message {
	text-align: center;
}

.popupWindowButtonSection {
	margin:auto;   /* center aligned */
	/* margin-left:auto=right aligned, margin-right:auto=left aligned, margin:auto=center aligned */
}

.buttonNoWidth {
	min-width: inherit !important;
}
.buttonNoWidth button {
	min-width: inherit;
}
.buttonWidth60 {
	width: 60px;
}

.thinDataTableClass tbody td {
	font-size: 11px;
	padding: 3px 8px;
}

.thinDataTableClass {
	display: block;
}

.thinDataTableClass .ui-inputfield {
	font-size: 11px !important;
	padding: 3px 8px 3px 4px;
}

.thinDataTableClass .primeFacesDropDown {
	padding: 2px 4px;
}

.thinDataTableClass .ui-calendar .ui-inputfield {
	padding: 5px 8px;
}

/* Styling for Item Availability Overrides Tree Table */
.thinTreeTableClass tbody td {
	font-size: 11px;
	padding: 3px 8px;
}

.thinTreeTableClass {
	table-layout: fixed;
	display: block;
	overflow: hidden;
	white-space: break-word;
	text-overflow: ellipsis;
}

.ui-treetable thead th.iaOverridesItemType {width: 1%; max-width: 90px; text-align: center; white-space: nowrap;}
.ui-treetable tbody td.iaOverridesItemType {width: 1%; max-width: 90px; text-align: left; white-space: nowrap;}
.ui-treetable thead th.iaOverridesItemCode {width: 4%; max-width: 110px; text-align: center; white-space: nowrap;}
.ui-treetable tbody td.iaOverridesItemCode {width: 4%; max-width: 110px; text-align: center; white-space: nowrap;}
.ui-treetable thead th.iaOverridesName {width: 12%; text-align: center; white-space: nowrap;}
.ui-treetable tbody td.iaOverridesName {width: 12%; text-align: center; white-space: pre-line;}
.ui-treetable thead th.iaOverridesAmount {width: 1%; max-width: 100px; text-align: center; white-space: nowrap;}
.ui-treetable tbody td.iaOverridesAmount {width: 1%; max-width: 100px; text-align: right; white-space: nowrap;}
.ui-treetable thead th.iaOverridesOverrideAmount {width: 4%; max-width: 100px; text-align: center; white-space: pre-line;}
.ui-treetable tbody td.iaOverridesOverrideAmount {width: 4%; max-width: 100px; text-align: right; white-space: nowrap;}
.ui-treetable thead th.iaOverridesBillDesc {width: 15%; text-align: center; white-space: nowrap;}
.ui-treetable tbody td.iaOverridesBillDesc {width: 15%; text-align: center; white-space: pre-line;}
.ui-treetable thead th.iaOverridesOverrideBillDesc {width: 15%; text-align: center; white-space: nowrap;}
.ui-treetable tbody td.iaOverridesOverrideBillDesc {width: 15%; text-align: center; white-space: nowrap;}
.ui-treetable thead th.iaOverridesWholesaleAmount {width: 1%; max-width: 100px; text-align: center; white-space: pre-line;}
.ui-treetable tbody td.iaOverridesWholesaleAmount {width: 1%; max-width: 100px; text-align: right; white-space: nowrap;}
.ui-treetable thead th.iaOverridesRatePlan {width: 1%; max-width: 90px; text-align: center; white-space: nowrap;}
.ui-treetable tbody td.iaOverridesRatePlan {width: 1%; max-width: 90px; text-align: center; white-space: nowrap;}
.ui-treetable thead th.iaOverridesOverrideRatePlan {width: 4%; text-align: center; white-space: nowrap;}
.ui-treetable tbody td.iaOverridesOverrideRatePlan {width: 4%; text-align: center; white-space: nowrap;}

.noBorderGrid .ui-datagrid-content, .noBorderGrid table td, .noBorderGrid .ui-panelgrid-content  {
	border: none !important;
}

.menuItem td {
	padding: 3px 8px;
}
.menuItem a{
	text-decoration: none !important;
	padding-top: 2px;
}
.menuItem:hover {
	background: #66afe9;
}
.menuItem:hover a {
	color: white;
}

.nopaddingtable, .nopaddingtable td  {
	border: 0px !important;
	padding: 0px !important;
}

.headerbox {
	text-align:left; 
	border:solid 1px rgb(217, 217, 217); 
	font-size:12px; 
	color: #555; 
	height: 27px; 
	font-weight:bold; 
	background:#f6f7f9;
	padding:3px 10px 3px 10px; 
	display: flex;
    align-items: center;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}	

.headerboxsm {
	text-align:center; 
	border:solid 1px rgb(217, 217, 217); 
	font-size:11px; 
	color: #555; 
	height: 27px; 
	font-weight:bold; 
	background:#f6f7f9;
	padding:2px 8px 2px 8px; 
    align-items: center;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}	

.headerboxbuttons {
	float: right;
	text-align: right;
	width: 100%;
}

.headerboxtitle {
 	white-space: nowrap
}

.ui-selectoneradio label {
	padding-left:4px;
	padding-right:10px;
}

/* Speciically, when editing customer corp settings, multiple radio components should be horizontally aligned using below css */
#editCorpForm .ui-selectoneradio.ui-widget td {min-width: 90px;}

.basicTabPage {
	margin: 10px 20px;
}
    
.buttonWithSpace {
	margin-left:5px;
}

.ui-datagrid-row {
	vertical-align: top;
}

.ui-accordion-header.ui-state-active {
    background: #f6f7f9 !important;
}

.ui-button-icon-left.ui-icon {
	margin-top:-6px !important
}

.requiredIcon {
	vertical-align: middle;
	padding-right: 5px;
	margin-top: -3px;
	color: rgba(255,0,0,.6); 
	font-size: .75em;
}

.floatright {
	float: right;
}

.centerPanelHeader .ui-panel-titlebar {text-align: center;}
.centerPanelHeader .ui-panel-title {margin:0px 0px 0px 0px;}

.ui-menuitem .logoutbutton.ui-corner-all.ui-state-hover {
	border: 1px solid #156090;
    background: #1f89ce;
}

.qtip {
	max-width: none;
}
.qtip-content {
	border: 1px solid #f1d031;
	background-color: #ffffa3;
	color: #555;
	line-height: 2em;
	font-size:12px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15);
}


/* Start - Inventory View Styles */

/* Remove border from TreeTable so it looks like a Tree*/
.ui-treetable table, .ui-treetable thead th, .ui-treetable tbody td, .ui-treetable tfoot td, .ui-treetable tbody>tr.ui-widget-content {
	border: none;
}

/* Inventory TreeTable column styles */
th.inventoryDisplayBillDescription {width: 64%; text-align: center; white-space: nowrap;}
td.inventoryDisplayBillDescription {width: 64%; text-align: left; white-space: nowrap;}
th.inventoryDisplayQuantity {width: 4%; text-align: center; white-space: nowrap;}
td.inventoryDisplayQuantity {width: 4%; text-align: center; white-space: nowrap;}
th.inventoryDisplayAmount {width: 4%; text-align: right; white-space: nowrap;}
td.inventoryDisplayAmount {width: 4%; text-align: right; white-space: nowrap;}
th.inventoryDisplayNumFree {width: 5%; text-align: right; white-space: nowrap;}
td.inventoryDisplayNumFree {width: 5%; text-align: right; white-space: nowrap;}
th.inventoryDisplayDate {width: 7%; text-align: center; white-space: nowrap;}
td.inventoryDisplayDate {width: 7%; text-align: center; white-space: nowrap;}
th.inventoryDisplayOrderNumber {width: 4%; text-align: center; white-space: nowrap;}
td.inventoryDisplayOrderNumber {width: 4%; text-align: center; white-space: nowrap;}
th.inventoryDisplayActions {width: 4%; text-align: center; white-space: nowrap;}
td.inventoryDisplayActions {width: 4%; text-align: center; white-space: nowrap;}

.inventoryViewFilterAccordian {
	border-left: 1px solid gainsboro;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	border-right: 1px solid gainsboro;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom: 1px solid gainsboro;
	min-width:800px;
}

.inventoryActionsPanelBorder {
	-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);
	box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);
}

/* End - Inventory View Styles */


/* Discount Tree Styles */
th.discountCheckBox {width:86px;}
td.discountCheckBox {width:86px; background-color:#fbfbfb; display: flex;}


.hoverLink {
	text-decoration: none;
}
.hoverLink:hover {
	text-decoration: underline;
}

.orderWizardStepTitle {
	font-size: 30px;
	margin: 6px;
	color: #1f89ce;
	font-weight: bold;
}


/* Start - Add Customer Item Styles */
.item-type-filter .ui-button {
 	min-width:30px !important;
 }
 
.fid-legend tr, .fid-legend td {
	background: transparent;
}

th.available-item-selection-column {width: 1%; text-align: center;}
td.available-item-selection-column {width: 1%; text-align: center; white-space: nowrap;}
th.available-item-code-column {width: 1%; text-align: center;}
td.available-item-code-column {width: 1%; text-align: left; white-space: nowrap;}
th.available-item-type-column {width: 1%; text-align: center;}
td.available-item-type-column {width: 1%; text-align: left; white-space: nowrap;}
th.available-item-name-column {width: 1%; text-align: center;}
td.available-item-name-column {width: 1%; text-align: left; }
th.available-item-billDescription-column {width: 1%; text-align: center;}
td.available-item-billDescription-column {width: 1%; text-align: left; white-space: nowrap;}
th.available-item-amount-column {width: 1%; text-align: center; }
td.available-item-amount-column {width: 1%; text-align: center; white-space: nowrap;}
th.available-item-rateplan-column {width: 1%; text-align: center;}
td.available-item-rateplan-column {width: 1%; text-align: center; white-space: nowrap;}
th.available-item-quantity-column {width: 1%; text-align: center;}
td.available-item-quantity-column {width: 1%; text-align: center; white-space: nowrap;}
th.available-item-effectiveDate-column {width: 1%;text-align: center;}
td.available-item-effectiveDate-column {width: 1%;text-align: center; white-space: nowrap;}
th.available-item-edit-column {width: 1%; text-align: center;}
td.available-item-edit-column {width: 1%; text-align: center; white-space: nowrap;}
th.cart-item-quantity-column {width: 1%; text-align: right; white-space: nowrap;}
td.cart-item-quantity-column {width: 1%; text-align: right; white-space: nowrap;}

td.fids-exist {background-color: yellow;}
td.fids-required {background-color: red;}
td.fids-populated {background-color: green;}

td.cartItemDisplayAmount {text-align: right; white-space: nowrap;}

/* End - Add Customer Item Styles */

.ui-datepicker-trigger.ui-button.ui-button-icon-only {
	min-width: initial !important;
	margin-left:3px;
}

.ui-selectonemenu-label.ui-inputfield {
    font-size: 13px;
    font-family: 'Open Sans';
}

.white-button.ui-button.ui-state-default {
	background-color: #ffffff;
	color: #222222;
	border-color: #d6d6d6;
}
.white-button.ui-button.ui-state-default:enabled:hover,.white-button.ui-button.ui-state-default:focus {
	background-color: #f2f2f2;
	border-color: #ccc;
	color: #373a3c;
}

.green-button.ui-button.ui-state-default {
	background-color: #5cb85c;
	border-color: #5cb85c;
	color: #fff;
}
.green-button.ui-button.ui-state-default:enabled:hover,.green-button.ui-button.ui-state-default:focus {
	background-color: #4cae4c;
	border-color: #5cb85c;
}

.red-button.ui-button.ui-state-default {
	background-color: #d9534f;
	border-color: #d9534f;
	color: #fff;
}
.red-button.ui-button.ui-state-default:enabled:hover,.red-button.ui-button.ui-state-default:focus {
	background-color: #d43f3a;
	border-color: #d9534f;
}


.yellow-button.ui-button.ui-state-default {
	background-color: #FFD700;
	border-color: #ffd720;
	color: #fff;
}
.yellow-button.ui-button.ui-state-default:enabled:hover,.yellow-button.ui-button.ui-state-default:focus {
	background-color: #FFD700;
	border-color: #ffd720;
}


.add-button.ui-button.ui-state-default {
	background-color: #5cb85c;
	border-color: #5cb85c;
	color: #fff;
}
.add-button.ui-button.ui-state-default:enabled:hover,.green-button.ui-button.ui-state-default:focus {
	background-color: #4cae4c;
	border-color: #5cb85c;
}


.wotray-result-button {
	white-space: nowrap;
	overflow: hidden;
}

.uifixiconpos .ui-button-icon-left.ui-icon { margin-top: -8px !important;}

.ui-fileupload:hover {
    box-shadow: 0px 0px 1px 0.75px rgba(255,0,0,0.5);
}

.ui-tabmenuitem-hiddentrue {
	display: none !important;
}

.modalhighlightText	{ color:#aa0000 !important; }

.ui-icon-calendar {
	background: url('/images/calendarIcon.png') -2px -4px no-repeat !important;
}

.ui-datepicker-trigger.ui-button.ui-button-icon-only {
	margin-left: 1px;
}

.noScrollDataTable {
	display: table !important;
	width: 100%;
}
.noScrollDataTable .ui-datatable-tablewrapper table {
	table-layout: auto !important;
}

.fixColumnSizing table {
	table-layout: auto !important;
}

.overrideFilterWidth {
	min-width: initial !important
}

.widthPartial {
	width: initial;
}

.toolBarLeftHeader {padding:0 0 5px 0; margin:0; text-transform:uppercase; font-weight:bold; font-size:20px; color:#336699;}

.dataTableExpansion {background-color:#000000; border:3px;}

.onlyTopBorderFieldSet {border-left-width: 0px;border-right-width: 0px; border-bottom-width: 0px}

.panelColumnsTop td {vertical-align: top;}
.panelColumnsTop tr {background-color:initial;}

.headerlegend {
	height:100%;
	box-sizing: border-box;
}

.hide-column-header thead {
    display:none;
} 

.primeFacesButton {
	border: 1px solid #1f89ce;
    color: #fff;
    background: #2399e5;
    min-width: 80px;
    font-family: "Open Sans",verdana,Arial,sans-serif;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: .3em 1em;
    font-size: 13px;
}
.primeFacesButton:hover,.primeFacesButton:focus {
	border: 1px solid #156090;
    background: #1f89ce;
}

.primeFacesDropDown {
	color: rgb(34,34,34) !important;
	font-family: 'Open Sans';	
}
.primeFacesDropDown:focus {
    border-color: #66afe9 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6) !important;
    outline: 0 none !important;		
}
.primeFacesDropDown.modal {
	height:28px;
	font-size: 13px !important;
}

.primeFacesDropDown.modalfid {
	height:23px; 
	font-size: 11px !important;
}

select[disabled].primeFacesDropDown { 
	opacity: .35;
}

.secondaryTabs.ui-tabmenu .ui-tabmenuitem.ui-state-default.ui-state-active {
    border: 1px solid green;
    border-bottom-style: none;
    background: green;
}
.secondaryTabs.ui-tabmenu .ui-tabmenuitem.ui-state-default {
    border: 1px solid #dedede;
    border-bottom-style: none;
    background: #fcfcfc;
}
.secondaryTabs.ui-tabmenu .ui-tabmenuitem.ui-state-default.ui-state-hover {
    border: 1px solid #c0c0c0;
    border-bottom-style: none;
    background: #eee;
}

.secondaryTabView ul.ui-tabs-nav {
	border-bottom: 1px #eaeaea solid;
}


.borderForm {
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	background-color: #fcfcfc;
}

.basicTabPageNoTopSpace {
	margin: 0px 20px;
}

.checkBoxMenuCSS {
	padding: 1px 0px;
	font-size: 13px !important;
	color: #222 !important;
}

.paddingleft10 {
	padding-left: 10px;
}

.proxylink {
	color:darkred !important;
	font-weight: bold;
}

.fullWidthAutoComplete .ui-autocomplete-multiple-container.ui-inputfield{
	width: 100%;
}

.greenSelectOneButton .ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-active {
	background-color: #4cae4c;
	border-color: #5cb85c;
}

.selectOneButton60 .ui-button.ui-widget.ui-state-default.ui-button-text-only {
	min-width: 60px !important;
	width: 60px;
}

.ui-picklist .ui-picklist-filter-container .ui-inputfield {margin-bottom:3px}
.ui-picklist .ui-chkbox {margin-right: 10px; margin-left:5px;}

.ui-picklist-buttons .ui-icon-arrow-1-w {background-image: url('/images/fas-arrow-right-16.png') !important;background-position: 0px 0px;}
.ui-picklist-buttons .ui-icon-arrow-1-e {background-image: url('/images/fas-arrow-left-16.png') !important;background-position: 0px 0px;}
.ui-picklist-buttons .ui-icon-arrowstop-1-e {background-image: url('/images/fas-arrow-to-right-16.png') !important;background-position: 0px 0px;}
.ui-picklist-buttons .ui-icon-arrowstop-1-w {background-image: url('/images/fas-arrow-to-left-16.png') !important;background-position: 0px 0px;}

.ui-picklist-buttons .ui-icon-arrow-1-n {background-image: url('/images/fas-arrow-up-16.png') !important;background-position: 0px 0px;}
.ui-picklist-buttons .ui-icon-arrow-1-s {background-image: url('/images/fas-arrow-down-16.png') !important;background-position: 0px 0px;}
.ui-picklist-buttons .ui-icon-arrowstop-1-n {background-image: url('/images/fas-arrow-to-top-16.png') !important;background-position: 0px 0px; margin-left:-7px!important;}
.ui-picklist-buttons .ui-icon-arrowstop-1-s {background-image: url('/images/fas-arrow-to-bottom-16.png') !important;background-position: 0px 0px; margin-left:-7px!important;}


.dialogFlexFix .ui-dialog-content.ui-widget-content {
	display: flex;	
}


.ccdsStandardBadge {
	background-color: #807878;
    border-radius: 2px;
    color: white;
    padding: 1px 3px;
    font-size: 10px;
    position: absolute;
    top: -7px;
    right: 3px;
}

.ccdsDashboardBadge_green {
	background-color: #4CAF50;
    border-radius: 12px;
    color: white;
    padding: 0px 5px 0px 4px;
    font-size: 12px;

}
.ccdsDashboardBadge_red {
	background-color: #f44336;
    border-radius: 12px;
    color: white;
    padding: 0px 5px 0px 4px;
    font-size: 12px;
}


.ui-spinner-button.ui-button {
	min-width: initial;
}

.verticalAlignTop {
    vertical-align: top;
}

.disable-scroll .ui-dialog-content {
  overflow: hidden;
}

.ui-datatable-scrollable-body {
    outline: 0px !important;
}


.ui-tabs.secondaryTabView>.ui-tabs-nav .ui-widget-header {
	background: white;
	font-size: 13px;
} 

.ui-tabs.secondaryTabView>.ui-tabs-nav li {
	border: 1px solid #dedede;
    border-bottom-style: none;
    background: #fcfcfc;
}


.ui-tabs.secondaryTabView>.ui-tabs-nav>li.ui-state-default.ui-state-active {
	border: 1px solid green;
    border-bottom-style: none;
    background: green;
    color: white;
}


 .ui-tabs.secondaryTabView>.ui-tabs-nav li a {
    color: black;
}

.secondaryTabView .ui-tabs-nav .ui-tabs-selected.ui-state-active a {
	color: white;
	font-weight: normal;
}

.headerVerticalAlign table thead tr{
    vertical-align: bottom
}

.widthMaxContent {
	width:max-content;
	box-sizing:border-box;
}

.fc-event-container .tickets {
	background-color: red;
	color: white;
}

.fc-event-container .inventoryOrders {
	background-color: #3a87ad;
	color: white;
}

.fc-event-container .collections {
	background-color: green;
	color: white;
}

.fc-event-container .changeOrders {
	background-color: yellow;
	color: black;
}

.fc-event-container .userTasks {
	background-color: #800080;
	color: white;
}

.fc-event-container .myWork {
	font-weight: bold;
    height: 20px;
    text-align: center;
    font-size: 15px;
}

.fc td.fc-today {
	border-style: double;
    border: 1px solid #d5d5d5;
    background: #d5d5d5;

}

.ui-notificationbar.warningNotice {
	background-color: #ffe399;
	height: 30px;
}

/* PrimeFaces Data List Styles */
.dataListNoBorder .ui-widget-content {
	border: none;
}

.queryLoadColumnClass {
	vertical-align: top;
}

.queryDataColumnClass {
	vertical-align: top;
}
/* trouble ticket severity styleclasses */
.ttfontred {background-color:#FF0000; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontblue {background-color:#B8FBFF; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontyellow {background-color:#F4DB06; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontgreen {background-color:#00FF00; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontorange {background-color:#FBB307; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontperiwinkle {background-color:#CCCCFF; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontfuschia {background-color:#FF00FF; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontgrey {background-color:#C0C0C0; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontwhite {background-color:#F4F4F4; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontemerald {background-color:#54C571; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontsolidgray {background-color:#808080; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontportage {background-color:#9172EC; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontpirategold {background-color:#AB6F00; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontguardsmanred {background-color:#B70000; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontonahau {background-color:#BDEDFF; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontpirategoldlite {background-color:#D08801; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontmonza {background-color:#D80202; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontorangepeel {background-color:#F09C00; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontredaprox {background-color:#FF0606; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfonttourchred {background-color:#FF1E1E; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontredorange {background-color:#FF3737; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontsunsetorange {background-color:#FF5050; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontbittersweet {background-color:#FF7070; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontmonalisa {background-color:#FF9393; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontweborange {background-color:#FFA600; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontmysin {background-color:#FFAF1A; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontyelloworange {background-color:#FFBA39; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontgoldentainoi {background-color:#FFC455; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontgoldenrod {background-color:#FFCE72; padding-left:10px; padding-right:10px; font-weight: bold;}
.ttfontsolidyellow {background-color:#FFFF00; padding-left:10px; padding-right:10px; font-weight: bold;}

/* Separator using Flexbox, where text will get centered on the separator
   Example: <div id="alternateLoginSeparator" style="width: 20vw; height: 3vh; color: gray;" class="separator">OR</div>
 */
.webtopSeparator {
  display: flex;
  align-items: center;
  text-align: center;
}

.webtopSeparator::before,
.webtopSeparator::after {
  content: '';
  flex: 1;
  border-bottom: .15vh solid gray;
}

.webtopSeparator:not(:empty)::before {
  margin-right: .25em;
}

.webtopSeparator:not(:empty)::after {
  margin-left: .25em;
}
/* End of Separator */

/* woComment internal only switch override color for No (off) to red with white text
Selector explanation:
 div with id attribute ending in 'internalOnlySwitch' with a class of ui-inputswitch
 containing a child div with class ui-inputswitch-off
 */
div[id$="internalOnlySwitch"].ui-inputswitch > div.ui-inputswitch-off {
  background: red;
  color: #fff;
}

.relatedTicketsCountSuperscript {
	color: green; 
	position: relative; 
	top: -0.75em;
	font-size: 1.00em;
}

.webtop-ui-processing-text {
	color: green;
}

/* Style for PrimeFaces BlockUI - processingBlockUI */
.blockForProcessing {border: none;}
.blockForProcessing .ui-panel-content {padding: unset;}