/* ================================================== */
/*                  Main Site Layout                  */
/* ================================================== */
/*                     Base HTML                      */
/* ================================================== */

html {
	height: 100%;
}

body {
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0;
	height: 100%;
}

img {
	border: none;
}
input, select {
	font-size: 12px;
}

a {
	color: #093A63;
	text-decoration: none;
}

h1 {
	color: #093A63;
	font-size: 22px;
	margin: 10px 0;
}

/* Maybe move to ACS section or replicate in EHC*/
h2 {
	color: #4f4f4f;
	font-size: 20px;
}

h3 {
	color: #4f4f4f;
	font-size: 16px;
}


/* ================================================== */
/*                   Generic Styles                   */
/* ================================================== */
.clear {
	clear: both;
}

.mainTemplatePageTitle{
	float: left;
}

.small_notice {
	border: 1px solid #CC0000;	
	color: #CC0000;
	cursor: default;
	font-family: Times New Roman, Times New Roman, Times, serif;
	font-size: 12px;
	font-weight: bold;
	height: 14px;
	line-height: 14px;
	margin: 1px;
	padding: 0 2px;
}

.information_tooltip {
	font-size: 12px;
}

.mailTo{
	text-decoration: underline;
}

.preformatted {
    white-space: pre-wrap;
}

.ui-sticky {
	width: 100% !important;
	-moz-box-shadow: 0px 5px 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 5px 6px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 6px rgba(0,0,0,0.3);
}

.ui-shadow {
    -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
}

/* ================================================== */
/*                     Base Layout                    */
/* ================================================== */
.header_wrapper {
	min-width:960px;
}

.main_wrapper {
	padding: 0 18px;
	border-left: 2px none;
	border-right: 2px none;
	border-bottom: 2px none;
	min-width:960px;
}

.clear {
	clear: both;
	height: 0;
}

.dialog_wrapper {
	padding: 0 18px;  /* 10px in EHC */
	border-left: 2px none;
	border-right: 2px none;
	border-bottom: 2px none;
}

/* ================================================== */
/*            Header - Logo & Information             */
/*  Section maybe need to be move in ACS section      */
/* ================================================== */
.information_wrapper {
	height: 50px;
	padding-top: 5px; 
}

.information_wrapper .logo {
	float: left;
}

.information_wrapper .user:hover{
	background-color: #E3EBF4;
	border: 1 solid #CAD9EE;
	cursor: pointer;
}

.information_wrapper .user {
	padding: .3em 0.3em;
	color: white;
	font-size: 14px;
	margin: 0;
	font-weight: bold;
	float: left;
}


.information_wrapper #loggedOnUser{
	float: none;
}

.information_wrapper .ui-overlaypanel-content{
	padding: 0px;
}

.information_wrapper .loggedOnUserMenu{
	width: 100% !important;
}

.information_wrapper div {
	float: right;
	text-align: right;
}

.header_wrapper {
	width: 100% !important;
}

/* ================================================== */
/*                    Main Menu                       */
/* ================================================== */
.mainMenuBar {
	background: #5b80ab; 
/* 	height: 36px;  */
	padding: 0px; 
	border:none;
	border-radius: 0px;
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.2); /* Commented in EHC */
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.2); /* Commented in EHC */
	box-shadow: 0px 3px 6px rgba(0,0,0,0.2); /* Commented in EHC */
}

.mainMenuBar .icon-only > a .ui-menuitem-icon.ui-icon.fa {
	margin-right: 0;
}

.mainMenuBar .ui-menu .ui-separator {
	width: 75%;
	margin: 0 auto !important;
	border: none;
	border-top: 1px dotted lightgray;
	float: none;
}

.mainMenuBar .ui-menu-parent .ui-menu-child {
	background: white; 
	border: 1px solid lightgray;
	border-radius: 0px;
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
	padding: 0px;
}

.mainMenuBar.optionMenu {
	background: transparent; 
}

.mainMenuBar .ui-menu-parent .ui-menu-child,
.mainMenuBar.optionMenu .columnMenuLevel > ul.ui-menu-list{
	width: 220px;
}

.mainMenuBar .ui-menu-parent .ui-menu-child > li,
.mainMenuBar .ui-menu-parent .ui-menu-child .columnMenuLevel > ul > li {
	margin: 0px;
}

.mainMenuBar .ui-menu-parent .ui-menu-child > li > a,
.mainMenuBar .ui-menu-parent .ui-menu-child .columnMenuLevel > ul > li > a {
	padding: 0px;
	border: none;
	color: #4f4f4f;
	width: 100%;
}

.mainMenuBar .ui-menu-parent .ui-menu-child > li > a > .ui-menuitem-text,
.mainMenuBar .ui-menu-parent .ui-menu-child .columnMenuLevel > ul > li > a > .ui-menuitem-text {
	float: left;
	padding: 10px 10px 10px 0px;
}

.mainMenuBar .ui-menu-parent .ui-menu-child > li.ui-separator{
	width: 75%;
	float: none;
	margin: 0px auto;
	border: none;
	border-top: 1px dotted white;
	background-color: #5b80ab;
}

.mainMenuBar .ui-menu-parent .ui-menu-child > li > a > .ui-menuitem-icon,
.mainMenuBar .ui-menu-parent .ui-menu-child .columnMenuLevel > ul > li > a > .ui-menuitem-icon{
	float: left;
	padding: 10px 0px 10px 10px;
}

.mainMenuBar > ul > li.ui-menuitem{
	margin: 0px;
}

.mainMenuBar > ul > li.firstLevelMenu > a {
	color: white;
	padding: 12px 10px;
	border: none;
	border-radius: 0px;
}

/* languageMenu */
.mainMenuBar .ui-menu-parent.firstLevelMenu.languageMenu .ui-menu-child { 
	width: auto;
}

.mainMenuBar.optionMenu .ui-menu-parent.firstLevelMenu.languageMenu  .ui-menu-child td.columnMenuLevel > ul  {
/* 	width: auto; */
}

.mainMenuBar .ui-menu-parent.firstLevelMenu.languageMenu .ui-menu-child .columnMenuLevel > ul > li > a > .ui-menuitem-icon{
/* 	float: none; */
}
.mainMenuBar .ui-menu-parent.firstLevelMenu.languageMenu .ui-menu-child .columnMenuLevel > ul > li > a > .ui-menuitem-text {
/* 	float: none; */
}

/* accountMenu */
.mainMenuBar .ui-menu-parent.firstLevelMenu.accountMenu .ui-menu-child { 
/* 	width: auto; */
}

.mainMenuBar .ui-menu-parent.firstLevelMenu.accountMenu .ui-menu-child td.columnMenuLevel > ul  {
/* 	width: auto; */
}
.mainMenuBar .ui-menu-parent.firstLevelMenu.accountMenu .ui-menu-child .columnMenuLevel > ul > li > a > .ui-menuitem-icon{
/* 	float: none; */
}
.mainMenuBar .ui-menu-parent.firstLevelMenu.accountMenu .ui-menu-child .columnMenuLevel > ul > li > a > .ui-menuitem-text {
/* 	float: none; */
}

/* applicationInformation */
.mainMenuBar .ui-menu-parent.firstLevelMenu.applicationInformation .ui-menu-child {
	width: auto;
}
.mainMenuBar .ui-menu-parent.firstLevelMenu.applicationInformation td.columnMenuLevel > ul {
	width: auto;
}
.mainMenuBar .ui-menu-parent.firstLevelMenu.applicationInformation .ui-menu-child .columnMenuLevel > ul > li > a > .ui-menuitem-icon{
	float: none;
}
.mainMenuBar .ui-menu-parent.firstLevelMenu.applicationInformation .ui-menu-child .columnMenuLevel > ul > li > a > .ui-menuitem-text {
	float: none;
}


.mainMenuBar .ui-menu-parent.firstLevelMenu .ui-menu-child { 
/* 	width: 150px; */
}

.mainMenuBar.optionMenu .columnMenuLevel > ul.ui-menu-list{
/* 	width: 150px; */
}

.mainMenuBar > ul > li.firstLevelMenu .ui-menuitem-text{
	font-weight: bold;
	display: inline-block;
}

.mainMenuBar > ul > li.firstLevelMenu .ui-menuitem-icon.ui-icon.fa{
	background-image: none;
}

.mainMenuBar > ul > li.firstLevelMenu .ui-icon{
	background-image: url("/jakarta.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-ecc");
}

.mainMenuBar > ul > li.firstLevelMenu > ul > li.secondLevelMenu .ui-icon{
	background-image: url("/jakarta.faces.resource/images/ui-icons_4f4f4f_256x240.png.jsf?ln=primefaces-ecc");
}

.thirdLevelMenu > a > .ui-icon-triangle-1-e{
	margin-top: 10px;
}

.mainMenuBar > ul > li .ui-state-hover{
	background: #5F91D0;
	border-radius: 0px;
}

.mainMenuBar > ul > li > ul >li .ui-state-hover,
.mainMenuBar.optionMenu .columnMenuLevel > ul > li .ui-state-hover{
	background: #EDEDED;
	border-radius: 0px;
}

.mainMenuBar .homeMenuItem > a{
	border-radius: 0px;
	padding: 0px 5px;
	border: none;
	height: 40px;
}

.mainMenuBar .homeMenuItem > a:after{
	content: url("/jakarta.faces.resource/images/logo_accountServices_white.png.jsf?ln=ecc&revision=cb67abbf");
}

.mainMenuBar.optionMenu {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.mainMenuBar.optionMenu > ul > li.firstLevelMenu > a{
	padding: 12px 10px;
}

.mainMenuBar.optionMenu > ul > li.firstLevelMenu .columnMenuLevel .subMenuPanel{
	padding: 2px;
}

.subMenuPanel .applicationInfo{
	padding: 12px 10px;
}

.columnMenuLevel .customMenuHeader{
	font-weight: bold; 
	padding: 5px;
	display: block;
	background-color: #EDEDED;
	text-align: center;
	border: 1px solid lightgray;
	text-align: center;
}

.mainMenuBar.optionMenu > ul > li.firstLevelMenu > ul > table,
.mainMenuBar.optionMenu > ul > li.firstLevelMenu > ul > table > tbody > tr,
.mainMenuBar.optionMenu > ul > li.firstLevelMenu > ul > table > tbody > tr > td{
	border-spacing: 0px;
	border: none;
	padding: 0px;
}

.mainMenuBar.optionMenu > ul > li.firstLevelMenu > ul {
	/* Dropdowns in the optionMenu will be aligned to the right of the button */
	right: 0px !important;
	left: auto !important;
}


.mainMenuBar.optionMenu .columnMenuLevel > ul > li.ui-menuitem {
	margin: 0px;
}

.mainMenuBar.optionMenu .columnMenuLevel > ul > li.emptyHeader {
	display: none;
	margin: 0px;
}

.mainMenuBar.optionMenu .languageMenu > a > .ui-menuitem-text{
	font-size: 14px;
}

.mainMenuBar.optionMenu .accountMenu > a{
	font-size: 14px;
}

.mainMenuBar > ul > li.firstLevelMenu.ui-menuitem-active{
	background: #5F91D0;
	border-radius: 0px;
    -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    -moz-transition: background-color, box-shadow 2s;
    -o-transition: background-color, box-shadow 0.3s;
    transition: background-color 0.3s, box-shadow 0.3s;
}

.mainMenuBar .ui-menu-parent .ui-menu-child .ui-menu-list .ui-widget-header{
	font-weight: bold;
	width: auto;
	float: none;
	border-radius: 0px;
	border: none;
	background: #f6f6f6;
	text-align: center;
	margin-bottom: 2px;
    -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
}

.mainMenuBar .ui-menu-parent .ui-menu-child .ui-menu-list .ui-widget-header > span,
.mainMenuBar .ui-menu-parent .ui-menu-child .ui-menu-list .ui-widget-header > h3{
	float: none;
}


.mainMenuBar > ul > li.firstLevelMenu .thirdLevelMenu > .ui-menuitem-link .ui-icon.ui-icon-triangle-1-e {
    background-image: url("/jakarta.faces.resource/images/ui-icons_4f4f4f_256x240.png.jsf?ln=primefaces-ecc");
}

.thirdLevelMenu > a > .ui-icon-triangle-1-e{
	margin-top: 10px;
}

/* ================================================== */
/*              Main Menu Session Report              */
/* ================================================== */
.menuOptionsPanelGrid .menuSessionReportProgressBar.ui-progressbar.ui-widget-content{
	border: 1px solid #CAD9EE;
	-moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 20px;
    height: 6px;
}

.ui-menu .ui-menu-list .menuSessionReportProgressBar.ui-progressbar .ui-widget-header{
	clear: none;
	float: none;
	margin: -1px;
	width: 0;
	-moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: green;
}

.ui-menu .ui-menu-list .menuSessionReportProgressBar.ui-progressbar.orange .ui-widget-header {
	background-color: orange !important;
}

.ui-menu .ui-menu-list .menuSessionReportProgressBar.ui-progressbar.red .ui-widget-header {
	background-color: red !important;
}

.menuOptionsPanelGrid .outputPanelSessionProgressBarStyleClass .outputPanelSessionProgressBarLink .outputPanelSessionProgressBarLinkDiv{
	width: 24px; 
	height: 28px; 
	padding: 6px 10px;
	display:block;
}

.menuOptionsPanelGrid .outputPanelSessionProgressBarStyleClass .outputPanelSessionProgressBarLink .outputPanelSessionProgressBarLinkDiv .outputPanelSessionProgressBarProgressBarDiv{
	float:left; 
	padding-top:2px;
    -ms-transform: rotate(270deg); 
    -webkit-transform: rotate(270deg); 
    transform: rotate(270deg);
}

.menuOptionsPanelGrid .outputPanelSessionProgressBarStyleClass .outputPanelSessionProgressBarLink .outputPanelSessionProgressBarLinkDiv .outputPanelSessionProgressBarTriangleDiv{
	float:left; 
	background-image: url(/jakarta.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-ecc);
	margin: 6px 0px 0px 4px;
}

.menuOptionsPanelGrid .outputPanelSessionProgressBarStyleClass .outputPanelSessionProgressBarLink .outputPanelSessionProgressBarLinkDiv:hover{
	background-color: #5F91D0;
	cursor: pointer;
}

.menuOptionsPanelGrid .ui-panelgrid-cell .sessionReportPanelGrid{
	width: 100%;
}

.menuOptionsPanelGrid .ui-panelgrid-cell .sessionReportPanelGrid .sessionReportPanelGridTitle{
	font-weight: bold;
	color: #909090;
}

.menuOptionsPanelGrid .ui-panelgrid-cell .sessionReportPanelGrid .sessionReportPanelGridValue{
	text-align: right;
	width: 200px;
	color: #4f4f4f;
}

.menuOptionsPanelGrid .ui-panelgrid-cell .sessionReportPanelGrid .ui-panelgrid-cell{
	background-color: white;
}

/* ================================================== */
/*              Button Actions Sub Menus              */
/* ================================================== */
.ui-menuitem-icon.ui-icon.fa {
	margin-right: 5px;
}

.menuOptionsPanelGrid{
	background-color: #5b80ab;
}

.menuOptionsPanelGrid .ui-widget-content { 
	border: 0 none;
}

.menuOptionsPanelGrid .ui-panelgrid-cell {
	background-color: #5b80ab;
	padding: 0px;
	border: none;
}

/* ================================================== */
/*                   Site Search                      */
/* ================================================== */
form.site_search_wrapper {
	background: url("/jakarta.faces.resource/images/bg_site_search.png.jsf?ln=ecc&revision=cb67abbf") repeat-x;
	height: 30px;
	margin: 0;
	padding: 6px 0 3px 0;
	border: 1px solid #CAD9EE;
	border-top: none;
}

.site_search_wrapper label {
	color: #5a7faa;
	font-weight: bold;
}

.site_search_wrapper > table {
	margin-left: 10px;
}

.site_search_wrapper td {
	padding-right: 5px;
}

.site_search_wrapper input,
.site_search_wrapper .ui-inputfield {
	color: #666;
	font-weight: bold;
}

.site_search_wrapper input{
	width: 250px;
}



/* ================================================== */
/*                  Button Panel                      */
/* ================================================== */

.buttonPanel {
	display: inline-block;
	width: 100%;
}

.buttonPanel .buttonPanelLeft {
	float: left;
	white-space: nowrap;
}

.buttonPanel .buttonPanelRight {
	float: right;
	white-space: nowrap;
}

.buttonPanel .buttonPanelLeft button {
	margin: 4px 2px 4px 0 !important;
}

.buttonPanel .buttonPanelRight button {
	margin: 4px 0 4px 2px !important;
}



/* ================================================== */
/*                   Footer Area                      */
/* ================================================== */
.footer {
	clear: both;
	color: #000000;
	margin-top: 10px;
	text-align: center;
}

.spacer, 
.footer { 
	height: 100px; 
}

.content { 
	min-height: 100%; 
	margin-bottom: -165px;
}

.dialogContent { 
	min-height: 100%; 
	background-color: #fff;
}
.spacer.vr, 
.footer.vr { 
	height: 40px; 
}

.content.vr { 
	min-height: 100%; 
	margin-bottom: -50px;
	background-color: #fff;
}


/* ================================================== */
/*                     UI Styles                      */
/* ================================================== */
span.ui-menubutton {
	display: inline-block
}

/* ================================================== */
/*                Input fields length                 */
/* ================================================== */
.tiny_field {
    width: 25px;
}

.small_field {
    width: 100px;
}

.medium_field {
    width: 150px;
}

.medium_plus_field {
    width: 175px;
}

.medium_plus_field_contract {
	width: 185px;
}

.large_field {
    width: 300px;
}

.very_large_field {
    width: 400px;
}

.extra_large_field {
    width: 600px;
}

.max_width_field,
.data_table_max_width_field input[type=text],
.data_table_max_width_field select {
	width: 100%;
}

.data_table_max_width_field {
	padding-right: 15px;
}

.horizontalFieldEditColumnMessage{
	padding-top: 2px;
	vertical-align: top;
	height: 100%;
}

.horizontalFieldEditColumnLabel{
	padding-top: 5px;
	vertical-align: top;
	height: 100%;
}

.horizontalFieldEditColumn{
	vertical-align: top;
	height: 100%;
}

.horizontalFieldEditColumnTop{
	vertical-align: top;
	height: 100%;
}

.horizontalFieldEditGrid{
	border-spacing: 0;
}

.horizontalFieldEditPanel{
	padding-top: 2px;
	padding-bottom: 2px;
	min-height: 30px; /* because we want outputText to have the same height as inputText */
}

.horizontalFieldEditPanelLight{
	padding-top: 2px;
	padding-bottom: 2px;
}

.horizontalFieldLabelColumn{
	width: 200px;
}

.horizontalMultiFieldEditColumn{
	vertical-align: top;
	height: 100%;
	padding-left: 0px;
	padding-right: 2px;
}

.horizontalMultiFieldEditColumnMiddle{
	height: 100%;
	padding-left: 0px;
	padding-right: 2px;
}

.horizontalFieldEditMandatoryColumn{
	vertical-align: top;
	height: 100%;
	width: 7px;
}

.field{
	color: #333333;
}

.horizontalFieldEditGrid,
.horizontalFieldEditGrid > table{
	border-spacing: 0;
	border: none;
}

.horizontalFieldEditGrid td{
	padding: 0px;
	margin: 0px;
}

.horizontalFieldEditGrid .whatsThis {
	font-size: 10px;
	color: blue;
	cursor: help;
}


/* ================================================== */
/*            Section Title & Pagination              */
/* ================================================== */
.section {
	display: inline-block;
	margin-top: 20px;
	width: 100%;
}

.section h2 {
	color: #093A63;
	float: left;
	font-size: 20px;
	margin: 0;
}

/* ================================================== */
/*                     Tabloids                       */
/* ================================================== */
.simple_table {
	border-collapse: collapse;
	clear: both;
}

.simple_table td {
	padding: 5px;
	vertical-align: top;
}

.simple_table .label {
	font-weight: bold;
	width: 200px;
	color: #4F4F4F;
}

.simple_table .info {
	width: 350px;
}

.data_table {
	border-collapse: collapse;
	clear: both;
}

.tree_table {
	border-collapse: collapse;
	clear: both;
}

.ui-datatable table {
   table-layout: auto !important;
}

.ui-treetable table {
   table-layout: auto !important;
}

.ui-datatable.data_table th div.ui-dt-c {
	padding-left: 12px;
	padding-right: 12px;
}

.ui-datatable.data_table .ui-selection-column .ui-chkbox-all{
	margin: 0;
}

.ui-selection-column .select .ui-chkbox-box {
	margin: 0;
}

.data_table.ui-datatable thead > tr > th {
	white-space: nowrap;
}

.tree_table.ui-treetable thead > tr > th {
	white-space: nowrap;
}

.data_table.ui-datatable thead > tr > th.ui-selection-column {
	vertical-align: middle;
}

.tree_table.ui-treetable thead > tr > th.ui-selection-column {
	vertical-align: middle;
}

.data_table.ui-datatable .ui-datatable-header {
	padding: 0;
}

.data_table .ui-column-customfilter {
	height: 24px;
}

.data_table .filterLinksTopPanel {
	margin: 2px 10px;
}

.data_table .small_notice {
	float: right;
}

.data_table .select {
	width: 12px;
	text-align : center; /* Removed in EHC Trunk */
	padding: 3px 5px 0;
}

.data_table .code,
.data_table .gtins{
	width: 75px;
}

.data_table .last_update {
	width: 100px;
}

.tree_table .last_update {
	width: 100px;
}

.data_table .action {
	width: 15px;
}

.tree_table .action {
	width: 15px;
}

.data_table td.action {
	padding-top: 2px;
	padding-bottom: 0;
}

.tree_table td.action {
	padding-top: 2px;
	padding-bottom: 0;
}

.data_table.ui-datatable > div > table > thead > tr > th.header_group {
	border-left: 1px solid #CAD9EE;
	border-right: 1px solid #CAD9EE;
	text-align: center;
}

.data_table .user_status,
.data_table .iconStatus {
	width: 60px;
}

.tree_table .user_status,
.tree_table .iconStatus {
	width: 60px;
}

.data_table .auto_update div,
.data_table .action div,
.data_table .user_status div {
	width: auto;
	text-align: center;
}

.data_table .status_indicator {
	text-align: center;
}


.data_table .roleAccessStatus {
	width: 100px;
}

.data_table td a:hover {
	text-decoration: underline;
}

.tree_table td a:hover {
	text-decoration: underline;
}

.ghost_data_table .small_notice {
	float: right;
}

.ghost_data_table .select {
	width: 1px;
}

.ghost_data_table td a {
	font-weight: bold;
}

.ghost_data_table td a:hover {
	text-decoration: underline;
}

.ghost_data_table thead tr {
	display:none;
}

.ghost_data_table,
.ghost_data_table .ui-datatable-data, 
.ghost_data_table .ui-datatable-odd, 
.ghost_data_table .ui-datatable-even,
.ghost_data_table .ui-datatable-data td, 
.ghost_data_table .ui-datatable-data-empty td {
	border:0 none;
	background:none;
}

.reportsFilter { 
	width: 250px !important; 
}


/* ================================================== */
/*                Lean Data Table                     */
/* ================================================== */
.lean_data_table.data_table th {
	background-color: white;
}

.lean_data_table.data_table th.ui-state-hover  {
	background: white;
}

.lean_data_table.data_table th.auto_update,
.lean_data_table.data_table th.action,
.lean_data_table.data_table th.user_status {
	background-color: white;
}

.lean_data_table.data_table .ui-paginator  {
	background-color: white;
	/*border: 0px;*/
}

/* ================================================== */
/*                      Forms                         */
/* ================================================== */
/*                 fieldEdit.xhtml                    */
/* ================================================== */
.field_inline,
.field_block {
	margin: 10px 0;
}
	
.field_inline label {
	display: inline-block;
	vertical-align: top;
	width: 200px;
}
	
.field_block label {
	display: inline-block;
	font-weight: bold;
}

.mandatory {
	vertical-align: top;
	color: red;
}

.not_mandatory {
	vertical-align: top;
	color: white;
	opacity: 0;
}

.edit_panel td {
	vertical-align: top;
}

.minWidthNoWrap {
	width: 1px;
	white-space: nowrap;
}

.horizontalFieldEditColumn .labelToReplaceField {
	display:block;
	padding:4px;
}

/* ================================================== */
/*                      Login &                       */
/*                 Password Recovery                  */
/* ================================================== */

.login.box_wrapper {
	padding: 200px 0;
}

.login h1 {
	color: #093A63;
	font-size: 18px;
	text-align: center;
	margin: 10px 0;
}

.login form {
	font-size: 14px;
}

.login .ui-button {
	height: 30px;
}

.login .ui-panel {
	margin: 0 auto;
	padding: 40px 0 10px 0;
	width: 465px;
	border-radius: 4px;
	background-color: #F9F9F9;
	border: 1px solid #E0E0E0;
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 6px rgba(0,0,0,0.3);
}

.login .ui-panel-titlebar {
	background-color: #F0F0F0;
	color: #093A63;
	font-size: 18px;
	text-align: center;
}

.login .ui-panel-content {
	padding: 40px 0 20px 0;
}

.login .wrapper {
	margin: 0 auto;
	width: 350px;
}

.login .recovery {
	background-color: #F9F9F9;
	height: 30px;
	margin-top: -40px;
	margin-bottom: 30px;
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
}

.login .recovery div {
	color: #093A63;
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	padding: 0 10px;
	width: 130px;
	text-align: center;
}

.login .recovery .step {
	background-color: #ffa;
}

.login .ssoLogin {
	margin: auto;
	padding: 15px;
	text-align: center;
}

.login .ssoLogin span.loginFailed {
	display: block;
	color: red;
	font-weight: bold;
	margin-top: 15px;
}

/* ================================================== */
/*               Lost Username Page                   */
/* ================================================== */

.login .lostUsername .ui-panel-content {
	padding: 20px 0 20px 0;
}

/* ================================================== */
/*             Security Question Page                 */
/* ================================================== */

.securityQuestions.box_wrapper {
	margin: 50px;
}

.securityQuestions h1 {
	color: #093A63;
	font-size: 18px;
	text-align: center;
}

.securityQuestions form {
	border: 1px solid #CAD9EE;
	margin: 0 auto;
	padding: 30px 0;
	width: 768px;
}

.securityQuestions .field_inline {
	color: #093A63;
	margin: 10px 0;
}

.securityQuestions .continue_buttons {
	margin: 30px auto 0;
	width: 180px;
}

.securityQuestions a.orange_btn {
	margin: 0 5px;
}

.securityQuestions .wrapper{
	padding: 0px 50px;
}

/* ================================================== */
/*            Choose Account Page                */
/* ================================================== */
.chooseAccount.box_wrapper {
	margin: 50px;
}

.chooseAccount h1 {
	color: #093A63;
	font-size: 18px;
	text-align: center;
}

.chooseAccount form {
	margin: 0 auto;
	padding: 10px 100px;
	width: 400px; 
}

.chooseAccount .chooseAccountRadioButtonList > tbody > tr > td {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	padding-left: 4px;
}

.chooseAccount .chooseAccountRadioButtonList > tbody > tr > td > label {
	margin-top: 2px;
}



/* ================================================== */
/*               Change Password Form                 */
/* ================================================== */
.form_change_password {
	width: 300px;
	margin: 0px auto;
}

.form_change_password_raw {
	width: 100%;
	margin: 10px 0px;
}

.form_change_password .field_inline label {
	width: 150px;
}

.form_change_password button {
	width: 100px;
	margin: 0px 25px;
}



/* ================================================== */
/*                   List Filters                    */
/* ================================================== */
.list_filter_button {
	padding: 10px;
}

.insert_list_filter{
	text-align: left;
}

.title_list_filter{
	font-weight: bold;
	text-align: center;
	display: inline-block;
	width: 95%;
}

.listFilterPanelGrid {
	width:930px;
}

.listFilterPanelGrid tr {
	border:0 none;
}

.listFilterPanelGrid td {
	border:0 none;
	padding:4px;
}

.listFilterPanelGrid td div {
	margin:0;
}


/* ================================================== */
/*                 Actions Sub Menus                  */
/* ================================================== */
div.action_menu {
	width: 160px !important;
}

.action_menu .ui-menuitem-icon {
	margin-right: 5px;
}

.action_menu .ui-icon.start {
	background-image: url("/jakarta.faces.resource/images/icons/icon_green_circle.png.jsf?ln=ecc&revision=cb67abbf");
}

.action_menu .ui-icon.stop {
	background-image: url("/jakarta.faces.resource/images/icons/icon_gray_circle.png.jsf?ln=ecc&revision=cb67abbf");
}

/* ================================================== */
/*              Button Actions Sub Menus              */
/* ================================================== */
.ui-menuitem-icon.ui-icon.fa {
	margin-right: 5px;
}


/* ================================================== */
/*               Status Indicator Menu                */
/* ================================================== */
div.status_menu {
	width: 160px !important;
}

.status_menu .ui-menuitem-icon {
	margin-right: 5px;
}

.status_menu .ui-icon.start {
	background-image: url("/jakarta.faces.resource/images/icons/icon_green_circle.png.jsf?ln=ecc&revision=cb67abbf");
}

.status_menu .ui-icon.stop {
	background-image: url("/jakarta.faces.resource/images/icons/icon_gray_circle.png.jsf?ln=ecc&revision=cb67abbf");
}

/* ================================================== */
/*                  Window Box Model                  */
/* ================================================== */
.window {
	border: 1px solid #cad9ee;
	margin-top: 20px;
}

.window .header {
	background-color: #ebf2fd;
	height: 25px;
	line-height: 25px;
	padding: 5px 0 5px 5px;
}

.window .header h3 {
	color: #093A63;
	float: left;
	font-size: 16px;
	margin: 0 5px 0 0;
}

.window .content {
	border-top: 1px solid #CAD9EE;
	padding: 10px;
}

/* ================================================== */
/*                  Inplace Editor                    */
/* ================================================== */
.ui-inplace.show_edit .ui-inplace-display {
	color: #093A63;
	background-image: url("/jakarta.faces.resource/images/icons/pencil.gif.jsf?ln=ecc&revision=cb67abbf");
	background-repeat: no-repeat;
	background-position: right;
	padding: 1px 20px 1px 0;
}

/* ================================================== */
/*                     Inplace                        */
/* ================================================== */
.ui-inplace .ui-inplace-editor {
	vertical-align: top;
	margin-left: 0.1em;
	display: inline-block;
}

.ui-inplace-save{
	height: 25px;
}

.ui-inplace-cancel{
	height: 25px;
}


/* ================================================== */
/*             Horizontal Button Panel                */
/* ================================================== */
.horizontalButtonMainPanel{
	padding-bottom: 10px;
}

.horizontalButtonPanelAlign-right{
	text-align: right;
}

.horizontalButtonPanelAlign-left{
	text-align: left;
}

.horizontalButtonPanelAlign-center{
	text-align: center;
}


/* ================================================== */
/*                     ui-datatable                   */
/* ================================================== */
.ui-datatable.no-header thead th {
	display: none;
}

.cellFieldSpacer {
	padding-right:10px;
}

.cellField {
	width:100%;
}

/* ================================================== */
/*                     Notes                          */
/* ================================================== */
.notes {
	color:red; 
	font-weight:bold;
}

.notesPanel {
	padding-bottom:15px;
}

/* ================================================== */
/*                     Panel Group                    */
/* ================================================== */
.panelGroupDataGrid{
	margin-top: 5px;
	margin-bottom: 5px;
}

/* ================================================== */
/*                     Panel Grid                    */
/* ================================================== */
.panelGridColumnTop{
	vertical-align: top;
}

.panelGridColumnWithoutSpacing{
	border: none;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
}

.panelGridTableWithoutSpacing,
.panelGridTableWithoutSpacing table{
	border: none;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
}

/* ================================================== */
/*                     Label                          */
/* ================================================== */
.labelOnTop{
	font-weight: bold;
}




/* ================================================== */
/*                    Paginator                       */
/* ================================================== */
.data_table {
	position: relative;
}

.data_table .ui-paginator .ui-paginator-current {
	float: right;
	margin: 2px 5px;
}

.data_table .ui-paginator .ui-paginator-rpp-options {
	left: 80px;
	margin: 2px 5px;
}

.data_table .ui-paginator .leftSection {
	width: 80px;
	left: 0;
	margin: 2px 5px;
	padding: 2px 0px;
}

.data_table .paginatorLeftSection{
    text-align: left;
    width: 170px;  /* 150px in EHC */
    top: 0;
    left: 0;
    position: absolute;
}

.data_table .paginatorCenterSection{
	margin: 0 170px;  /* 150px in EHC */
}

.data_table .paginatorRightSection{
	width: 170px;  /* 150px in EHC */
	top: 0;
	right: 0;
	position: absolute;
}

.data_table .paginatorSection{
	width: 100%;
	position: relative;
}

.data_table .ui-paginator .ui-paginator-jtp-select {
    margin: 0 1px;
    padding: 1px 2px;
    font-size: 11px;
    font-size: 1.1em;
}

.data_table .ui-paginator .ui-paginator-rpp-options {
    margin: 0 6px;
    padding: 1px 2px;
    font-size: 11px;
    font-size: 1.1em;
}

.data_table .ui-paginator .ui-paginator-next .ui-icon, .ui-paginator .ui-paginator-prev .ui-icon, .ui-paginator .ui-paginator-first .ui-icon, .ui-paginator .ui-paginator-last .ui-icon {
    font-size: 11px;
    font-size: 1.1em;
}

/* ================================================== */
/*           Primefaces themes override               */
/* ================================================== */
.ui-menu {
	width: auto !important;
	white-space: nowrap;
}

.ui-panel.ui-widget {
	padding: 0;
}

.ui-panel.ui-widget div.ui-panel-titlebar {
	border: none;
	padding: 0.5em 1em 0.5em;
}

.ui-panel.ui-widget > div.ui-panel-content {
	border: none;
}

/* ================================================== */
/*                Header - Page Title                 */
/* ================================================== */
.headerPageTitleTable{
	border-spacing: 0;
}

td.headerTitleColumn{
	vertical-align: top;
	height: 100%;
	padding-left: 0px;
	padding-right: 2px;
	width: 100%; 
}

td.headerButtonColumn{
	vertical-align: bottom;
	height: 100%;
}

/* ================================================== */
/*                      Summary                       */
/* ================================================== */
.panelShowMore{
	margin-top:10px;
}

.columnInfo {
	color: #333333;
	width: 350px;
	vertical-align: top;
}

.columnLabel {
	width: 200px; /* min-width in EHC */
	color: #707070;
	vertical-align: top;
}

.columnLabelLarge {
	width: 300px;
	color: #707070;
	vertical-align: top;
}

.viewColumn {
	vertical-align: top;
}

/* ================================================== */
/*                Header Details Button               */
/* ================================================== */
.detailsButtonTable{
	border-spacing: 0;
}

.header_small_notice {
	margin: 5px 0 0 5px;
}


/* ================================================== */
/*                        Growl                       */
/* ================================================== */
.ecc.ui-growl {
	left: auto;
	right: auto;
	margin: 0 auto;
	width: auto;
	max-width: 800px;
}

.ecc .ui-growl-item-container {
 	padding: 0;
	float: left;
	clear: both;
	opacity: 1; 
}

.ecc .ui-growl-item {
	padding: 5px 10px;
}

.ecc .ui-state-highlight .ui-icon {
	width: 16px;
	height: 16px;
	background-image: url("/jakarta.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-ecc&v=11.0.0");
	-webkit-border-radius: 0;
	border-radius: 0;
}

.ecc .ui-growl-item .ui-growl-icon-close {
	display: block;
	padding: 0px;
	top: 0px;
	right: 0px;
}

.ecc .ui-growl-message {
	padding: 8px 0px 8px 10px;
	margin-right: 20px;
	float: left;
	width: auto;
	word-break: break-all;
	word-wrap: break-word;
	max-width: 630px;
}

.ecc .ui-growl-image {
	float:left;
}

.ecc .ui-growl-title {
 	padding: 0; 
}

/* ================================================== */
/*                  Datatable Filters                 */
/* ================================================== */
.data_table.ui-datatable .ui-filter-column > .ui-widget , .data_table.ui-datatable .ui-column-customfilter > .ui-widget  {
	box-sizing: border-box;
	width: 100%; 
}

/* ================================================== */
/*            		Details Header        		      */
/* ================================================== */
.showMoreButton {
	width: 100px;
}


.newResult {
	background-color: #C6FFAA;
}


/* ================================================== */
/*            	    	App Info         		      */
/* ================================================== */
.appInfo .label {
	padding: 5px 2px;
}

.appInfo .value {
	font-weight: bold;
	padding: 5px 2px;
}

/* ================================================== */
/*                  DataTable Row                     */
/* ================================================== */
.data_table .datatableRowGreen{
	background-color: #C6FFAA !important; /* not !important in EHC */
}

.data_table .datatableRowRed{
	background-color: #FF7C7C !important; /* not !important in EHC */
}

.data_table .datatableRowYellow{
	background-color: #FFE575 !important; /* not !important in EHC */
}

.data_table .datatableRowGray{
	background-color: #B8B8B8 !important; /* not !important in EHC and class not defined*/
}

/* ================================================== */
/*            	    	Commons         		      */
/* ================================================== */
.nowrap{
	white-space: nowrap;
}

/* ================================================== */
/*                 Menu Action - Title                */
/* ================================================== */
.action_menu .menuActionSectionTitle{
	font-weight: bold;
	color: #093A63;
	opacity: 1;
	border: 1px solid #CAD9EE;
	background-color: #E3EBF4;
}

/* ================================================== */
/*               Datatable Loading Icon               */
/* ================================================== */
.dataTableLoadingIcon{
	min-width: 200px;
}

.dataTableLoadingIconColumn{
	background-color:#CAD9EE;
}

/* ================================================== */
/*                      Audit                         */
/* ================================================== */
.audit{
	font-size: 9px;
}

/* ================================================== */
/*                  See All Link                      */
/* ================================================== */
.seeAllLink{
	text-decoration: underline;
}

/* ================================================== */
/*                      Link                          */
/* ================================================== */
.link{
	text-decoration: underline;
}

/* ================================================== */
/*                    Panel Grid                      */
/* ================================================== */
.ui-panelgrid td{ /* td.ui-panelgrid-cell in EHC */
	border: 0px;
}

.ui-panelgrid .ui-widget-content{ /* tr.ui-widget-content in EHC */
	border: 0px;
}

/* ================================================== */
/*             Trading Entity Context                 */
/* ================================================== */
.currentTradingEntity{
	font-weight: bold;
}

/* ================================================== */
/*                    Breadcrumb                      */
/* ================================================== */
#breadcrumbForm {
/* 	background: #f5f5f5; */
/* 	border: 1px solid #ccc; */
}

.ui-sticky #breadcrumbForm {
	border-top: none;
	background: #fff; /*#f5f5f5; */
	border-bottom: 1px solid #ccc;
}

.breadcrumb{
	border:none; 
	background:none; 
	vertical-align: middle;
	padding: 4px 5px;
}

#header.ui-shadow,
#breadcrumb.ui-shadow {
	box-shadow: none;
	-webkit-box-shadow: none;
}

.breadcrumb .last_item {
	color: #4f4f4f;
	opacity: 1;
	filter: Alpha(Opacity = 100);
	font-weight: normal;
}

.breadcrumb.ui-breadcrumb ul li,
.breadcrumb.ui-breadcrumb ul li .ui-menuitem-link {
	position: static;
}


/* ================================================== */
/*       Primefaces 10 Breadcrumb Chevron             */
/* ================================================== */
body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before {
	content: "\e901";
	height: 10px;
	width: 10px;
	font-family: 'primeicons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-indent: 0 !important;
	background-image: none !important;
	margin: 0 0.5rem 0 0.5rem;
	color: #495057; }

/* ================================================== */
/*       Primefaces 10 Breadcrumb Before Home         */
/* ================================================== */
body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before {
	display: none;}



/* ================================================== */
/*                      Dashboard                     */
/*  Section different in EHC but maybe OK cause site  */
/*  differt.                                          */
/* ================================================== */
#dashboardForm {
	min-width: 960px;
/* 	max-width: 1600px; */
/* 	margin: 0 auto; */
}

#dashboardForm .ui-dashboard-column {
	width: 50%;
}

#dashboardForm .ui-panel, 
#dashboardForm div.ui-state-hover {
	margin: 5px;
}

/* ================================================== */
/*                   More Info Toggler                */
/* ================================================== */

.ui-datatable .ui-datatable-data .ui-expanded-row-content .togglerLabelColumn{
	width: 200px;
	border: 0 none;
	font-weight: bold;
}

.ui-datatable .ui-datatable-data .ui-expanded-row-content .togglerValueColumn{
	border: 0 none;
}

.ui-datatable .ui-expanded-row {
	border-bottom: inherit;
}

/*****************/

.horizontalFieldEditColumn div span.WrapText{
	display:inline-block;
	word-wrap:break-word;
	width:350px;
}
.userSessionColumn {
	vertical-align: top;
	padding: 5px;
}
.userSessionColumn .wrapContent{
	display:block;
}

/* ================================================== */
/*                    Status Sub Menu                 */
/* ================================================== */
div.user_status_menu,
div.job_status_menu {
	width: 160px !important;
}

.user_status_menu .ui-icon.start,
.job_status_menu .ui-icon.start {
	background-image: url("/jakarta.faces.resource/images/icons/icon_green_circle.png.jsf?ln=ecc&revision=cb67abbf");
}

.user_status_menu .ui-icon.stop,
.job_status_menu .ui-icon.stop {
	background-image: url("/jakarta.faces.resource/images/icons/icon_gray_circle.png.jsf?ln=ecc&revision=cb67abbf");
}

.job_status_menu .ui-icon.pause {
	background-image: url("/jakarta.faces.resource/images/icons/icon_yellow_pause_circle.png.jsf?ln=ecc&revision=cb67abbf");
}

.user_status_menu .ui-menuitem-icon,
.job_status_menu .ui-menuitem-icon {
	margin-right: 5px;
}

/* ================================================== */
/*                    Status Sub Menu                 */
/* ================================================== */
div.status_menu {
	width: 160px !important;
}

.status_menu .ui-icon.green {
	background-image: url("/jakarta.faces.resource/images/icons/icon_green_circle.png.jsf?ln=ecc&revision=cb67abbf");
}

.status_menu .ui-icon.red {
	background-image: url("/jakarta.faces.resource/images/icons/icon_red_circle.png.jsf?ln=ecc&revision=cb67abbf");
}

.status_menu .ui-menuitem-icon {
	margin-right: 5px;
}

/* ================================================== */
/*                      No Cursor                     */
/* ================================================== */
.default_cursor{
	cursor: default;
}

.ui-confirm-dialog-severity{
	margin-top: 0px;
}

/* ================================================== */
/*               Business Rules Errors                */
/* ================================================== */
.businessRulesErrors.ui-state-error .ui-widget-header {
	color: #D8000C;
	border-color: #D8000C;
	background-color: #FFBABA;
}

/* ================================================== */
/*                  Tooltip                           */
/* ================================================== */
.ui-tooltip .ui-tooltip-arrow {
	display: none;
}

.ui-tooltip.ui-state-error{
	background: none;
	border: none;
}

.ui-tooltip .ui-tooltip-text.ui-state-error {
	color: white;
	background-color: #EF5350;
	border: #EF5350;
	background-image: none;
}

.ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
	border-top-color: #CD0A0A;
}

.ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
	border-right-color: #CD0A0A;
}

.ui-tooltip.ui-state-error.ui-tooltip-bottom .ui-tooltip-arrow {
	border-bottom-color: #D8000C;
}

.ui-tooltip.ui-state-error.ui-tooltip-left .ui-tooltip-arrow {
	border-left-color: #D8000C;
}

/* ================================================== */
/*                  Force Wrapping                    */
/* ================================================== */
.forceWrapping{
	word-break: break-all; 
	word-wrap: break-word;
}

/* ================================================== */
/*                AdvancedOutputText                  */
/* ================================================== */
.aotToolTip{
	max-width:400px;
}

/* ================================================== */
/*              Possibly Empty Tabs                   */
/* ================================================== */
.possiblyEmptyTabs li.tabEmpty a {
	font-weight: normal;
	font-style: italic;
}

.possiblyEmptyTabs li.tabNotEmpty a {
	/*font-weight: bold;*/
}

/* ================================================== */
/*                    Block UI                        */
/* ================================================== */
.ui-blockui.ui-widget-overlay {
	background: none;
}

/* ================================================== */
/*                   Search Panel                      */
/* ================================================== */
.buttonPanelWithSearch {
	width: 100%;
	border-collapse: collapse;
}

.buttonPanelWithSearch td {
	padding: 0;
}

.buttonPanelWithSearch .left {
	width: 100%;
}

.buttonPanelWithSearch .right {
	width: 0%;
	padding-left: 5px;
	vertical-align: bottom;
}

.searchPanel {
	position: relative; 
	border: none; 
	display: inline-block;
	vertical-align: top;
/* 	margin: 4px 0 4px 4px !important; */
}

.searchPanel input {
	padding: 4px;
	height: 14px;
}

.grid-toolbar.ui-toolbar {
/* 	border-bottom: none; */
/* 	padding: 4px; */
	padding: 0 0 4px 0;
	border: none;
	background: none;
	font-weight: normal;
}

.grid-toolbar.ui-toolbar .ui-toolbar-group-right > * {
	margin-left: 4px !important;	
}

.grid-toolbar.ui-toolbar .ui-toolbar-group-left .grid_linked_actions > *
.grid-toolbar.ui-toolbar .ui-toolbar-group-left > * {
	margin-right: 4px !important;	
}

.big-icon-button .ui-icon {
	font-size: 15px;
	margin-top: -11px;
	margin-left: -11px;
	font-weight: normal;
	width: 24px !important;
	height: 24px !important;
/* 	line-height: 24px !important; */
}

/* ================================================== */
/*              Icon Panel                            */
/*  Section not in EHC                                */
/* ================================================== */
.iconPanel {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid transparent;
}

.iconPanel:hover {
	border: 1px solid #CAD9EE;
	background-color: #F0F4F8;
}

.iconPanel.ui-state-disabled:hover {
	border: 1px solid transparent;
	background-color: transparent;
}

/* ================================================== */
/*                  Quick Action                      */
/*  Section not in EHC                                */
/* ================================================== */
.quickAction{
	width: 20px !important;
	margin: 0 auto;
}

/* ================================================== */
/*                    DataList                        */
/* ================================================== */
.ui-datalist-content.ui-widget-content{
	border-style: none;
}

/* ================================================== */
/*                    PickList                        */
/* ================================================== */
.ui-picklist{
	border-spacing: 0px;
}

.ui-picklist .ui-picklist-filter-container {
	margin-bottom: -1px;
}

.big-picklist .ui-picklist-list {
	width: 350px;
	height: 500px;
}

/* ================================================== */
/*                   FileUpload                       */
/* ================================================== */
.ui-fileupload.singleFileUpload {
	border-style: none;
}

.ui-fileupload.singleFileUpload .ui-fileupload-buttonbar{
	border-style: none;
	background-color: white;
	padding-left: 0px;
}

.ui-fileupload.singleFileUpload .ui-fileupload-content{
	border-style: none;
}

/* ================================================== */
/*                  Menu Button                       */
/* ================================================== */
.ui-menu.ui-menu-dynamic.ui-widget.ui-widget-content {
	width:200px !important;
}

/* ================================================== */
/*                    Icon Grid                       */
/* ================================================== */
.iconPanelGrid {
	border-style: none;
}

.iconPanelGrid tr {
	background-color: transparent;
}

.iconPanelGridIconColumn,
.ui-datatable td.iconPanelGridIconColumn  {
	text-align: left;
	width: 40px;
	padding-right:2px;
	border-style: none;
}

.iconPanelGridTextColumn,
.ui-datatable td.iconPanelGridTextColumn  {
	text-align: left;
	border-style: none;
}

/* ================================================== */
/*               Datatable Header Grid                */
/* ================================================== */
.ui-datatable .datatableHeaderPanelGrid, 
.ui-datatable .datatableHeaderPanelGrid td {
	border-style: none;
	white-space:nowrap;
}

.datatableHeaderPanelGridRight  {
	text-align: right;
	border-style: none;
}

.datatableHeaderPanelLeft  {
	text-align: left;
	border-style: none;
}

/* ================================================== */
/*                Inner Cell Datagrid                 */
/* ================================================== */
/* not in EHC */
.ui-datatable-data .datatableInnerCellPanelGrid tr {
	border-style: none;
}

.ui-datatable-data .datatableInnerCellPanelGrid td {
	border-style: none;
	padding: 0; /* Not in EHC */
}

.ui-datatable-data td.datatableInnerCellPanelGridRight {
	/* padding-left: 10px; in EHC */
	border-style: none;
}

.ui-datatable-data td.datatableInnerCellPanelLeft {
	border-style: none;
}

/* in EHC
.ui-datatable-data .datatableInnerCellPanelGrid td.datatableInnerCellPanelGrid_Fieldset{
	vertical-align: top;
}
*/

/* not in EHC */
.ui-datatable-data .datatableInnerCellPanelGridPhoneType td {
	border-style: none;
	width: 30px;
}

/* ================================================== */
/*                Inner Cell Datagrid                 */
/* ================================================== */
.ui-datatable a.ui-commandlink.linkInDataTableHeader{
	text-decoration:underline; 
	color:#093A63;
}

/* ================================================== */
/*                       Generic                      */
/* ================================================== */
.basicPanelGrid,
.ui-panelgrid .ui-panelgrid-cell.basicPanelGrid {
	border: none;
}

/* ================================================== */
/*           Inner Cell List of element               */
/* Section not defined in EHC                         */
/* ================================================== */
.ui-datatable .datatableElementListInnerCellPanelGrid {
	border-spacing: 0px;
}

.ui-datatable .datatableElementListInnerCellPanelGrid td {
	padding: 2px;
}

.ui-datatable .datatableInnerCellRightAlignPanelGrid {
	text-align: right;
	width: 50px;
	color: #707070;
}

/* ================================================== */
/*                       Generic                      */
/* ================================================== */
.no-padding{
	padding: 0px;
}

/* ================================================== */
/*                   Font-Awesome                     */
/* ================================================== */
a.fa, a .fa {
	text-decoration: none !important;
/* 	color: #4f4f4f; */
}

.ui-widget-content a.fa {
	color: #4f4f4f;
}

.ui-widget .fa, .fa {
/* 	font:normal normal normal 14px/1 FontAwesome; */
/* 	font-size: 14px; */
}

.ui-widget .ui-widget {
/* 	font-size: 14px; */
}

.itt-fa-icon-small{
	font-size: 12px !important;
}


.icon-green{
	color: green !important;
}

.icon-yellow{
	color: #FF8C00 !important; /* #D87300 !important in EHC */
}

.icon-red{
	color: red !important;
}

.icon-black{
	color: black !important;
}

.icon-white{
	color: white !important;
}

.icon-blue{
	color: #093A63 !important;
}

.icon-grey{
	color: #4f4f4f !important;
}

.icon-bold{
	font-weight: bold !important;
}

.icon-hidden{
	visibility: hidden;
}

/* in EHC
.ui-icon.fa {
	line-height: 16px; /* added to correctly support font-awesome */
/*	font-size: 14px;
}


.ui-button-icon-only .ui-icon.fa, 
.ui-button-text-icon-left .ui-icon.fa, 
.ui-button-text-icon-right .ui-icon.fa {
    margin-top: -8px;
}
*/


/* ================================================== */
/*            Fix some Font Awesome icons             */
/* Section in EHC                                     */ 
/* ================================================== */
/*
.ui-button-icon-only .ui-icon.fa.fa-comment-o, 
.ui-button-text-icon-left .ui-icon.fa.fa-comment-o, 
.ui-button-text-icon-right .ui-icon.fa.fa-comment-o {
	margin-top: -9px;
}
*/

/* ================================================== */
/*             Inner DataTable Panel Grid             */
/* ================================================== */
.ui-datatable .innerDataTablePanelGrid td,
.innerDataTablePanelGrid,
.innerDataTablePanelGrid td{
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	overflow: initial;
}

.ui-treetable .innerDataTablePanelGrid td,
.innerDataTablePanelGrid,
.innerDataTablePanelGrid td{
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	overflow: initial;
}

/* ================================================== */
/*               SelectOneMenu Panel                  */
/* ================================================== */
.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item td:empty {
	height: 16px;
}

.ui-selectonemenu-items-wrapper{
	padding: 4px;
}

.ui-selectonemenu-panel .ui-selectonemenu-table td{
	border: none;
}

.ui-selectonemenu-panel .ui-selectonemenu-table tr{
	border: none;
}

.ui-selectonemenu-panel .ui-selectonemenu-table tr:hover td{
	background-color: #E3EBF4;
	cursor: pointer;
}

/* ================================================== */
/*                   List Actions                     */
/* Section defined in EHC                             */
/* ================================================== */

.action .ui-menu.ui-menubar {
	border: none;
	background: transparent;
	padding: 0;
	float: left;
}

.action .ui-menu.ui-menubar .ui-menuitem-link {
	padding: 0;
	margin: 0 1px;
	color: #4F4F4F;
}

.action .ui-menu.ui-menubar .ui-menu-list {
	white-space: nowrap;
	line-height: 1;
}

.action .ui-menu.ui-menubar .ui-menuitem {
	display: inline-block;
	float: none;
	margin: 0;
	border: 1px solid transparent;
}

.action .ui-menu.ui-menubar .ui-menuitem:hover.ui-menuitem-active {
	border-color: #CAD9EE !important;
}

.action .ui-menu.ui-menubar .ui-menuitem-link {
	margin: 0;
}

.action .ui-menu.ui-menubar .ui-menuitem-icon.ui-icon.fa {
	margin: 0;
}


/* ================================================== */
/*                     Steps                          */
/* ================================================== */
.ui-steps .ui-steps-item {
    width: 200px;
    box-sizing: border-box;
}
 
.ui-state-highlight {
    text-shadow: none !important;
}
 
.ui-steps.custom {
    margin-bottom: 50px;
}
 
.ui-steps.custom .ui-steps-item .ui-menuitem-link {
    height: 10px;
    padding: 0 1em;
}
 
.ui-steps.custom .ui-steps-item .ui-steps-number {
    background-color: #5b80ab;
    color: #FFFFFF;
    display: inline-block;
    width: 30px;
    border-radius: 10px;
    margin-top: -10px;
    margin-bottom: 10px;
}

.ui-steps.custom .ui-steps-item.ui-state-highlight .ui-steps-number,
.ui-steps.custom .ui-steps-item.ui-state-highlight .ui-steps-title{
	font-weight: bold;
}

.ui-steps.custom .ui-steps-item.ui-state-highlight .ui-steps-title{
	color: #4f4f4f;
}

.ui-steps.custom .ui-steps-item.ui-state-default .ui-steps-number,
.ui-steps.custom .ui-steps-item.ui-state-default .ui-steps-title{
	font-weight: normal;
}

/* ================================================== */
/*                    Cell Notice                     */
/* ================================================== */
.datatableCellNotice,
.ui-datatable .innerDataTablePanelGrid td.datatableCellNotice {
	text-align: right;
	padding-left: 2px;
}

.datatableCellNotice,
.ui-treetable .innerDataTablePanelGrid td.datatableCellNotice {
	text-align: right;
	padding-left: 2px;
}

/* ================================================== */
/*                    Toggler                     */
/* ================================================== */
.datatableCellToggler,
.ui-datatable .innerDataTablePanelGrid td.datatableCellToggler {
	width: 10px;
}

.datatableCellToggler,
.ui-treetable .innerDataTablePanelGrid td.datatableCellToggler {
	width: 10px;
}

.ui-row-toggler.ui-icon.ui-icon-circle-triangle-e,
.ui-row-toggler.ui-icon.ui-icon-circle-triangle-s {
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	display: block;
	background-image: none;
	text-indent: inherit;
	border-radius: 0px;
	text-align: center;
	line-height: 16px;
}

.ui-row-toggler.ui-icon.ui-icon-circle-triangle-e:before {
	content: "\f196";
}

.ui-row-toggler.ui-icon.ui-icon-circle-triangle-s:before {
	content: "\f147";
}


/* ================================================== */
/*                   Error Message                    */
/* ================================================== */
.errorMessage{
	color: red;
}

/* ================================================== */
/*                    Small Menu                      */
/* ================================================== */

.ui-menu-list > .ui-menuitem > a {
	color: #4f4f4f;
}

/* ================================================== */
/*            More Actions Overlay Panel              */
/* ================================================== */

.ui-overlaypanel.moreActionOverlayPanel .ui-overlaypanel-content{
	padding: 0px 0px 0px 0px;
}

.ui-overlaypanel.moreActionOverlayPanel .ui-overlaypanel-content .ui-button.ui-widget .ui-button-text{
	text-align: left;
	padding: 0;
    margin-left: 22px;
}

.ui-overlaypanel.moreActionOverlayPanel .ui-overlaypanel-content .ui-button.ui-widget .ui-icon{
	margin-top: -8px;
}

.action .ui-overlaypanel.moreActionOverlayPanel .ui-overlaypanel-content .ui-button.ui-widget {
	width: 100%;
	min-width: 150px;
}

.ui-overlaypanel.moreActionOverlayPanel .ui-overlaypanel-content .ui-button{
	border: 0px;
	background: none;
	padding: 10px;
	font-weight: normal;
	margin: 0;
}

.ui-overlaypanel.moreActionOverlayPanel .ui-overlaypanel-content .ui-button.ui-state-hover{
	background-color: #F0F0F0;
	
}


/* ================================================== */
/*                Dialog FrameWork                    */
/* Section defined in EHC                             */
/* ================================================== */
/* .dialogContent{ */
/* 	padding: 0px 10px; */
/* } */

/* .ui-panel.dialogMessagePanel{ */
/* 	padding: 10px; */
/* } */

.dialogContent { 
	min-height: 100%; 
}

/* ================================================== */
/*                    Data List                       */
/* ================================================== */
.ui-datalist.data_list .ui-datalist-data{
	-webkit-padding-start: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* ================================================== */
/*                LeftRightPanelGrid                  */
/* ================================================== */
.leftRightPanelGrid{
	border: none;
	width: 100%;
}

.leftRightPanelGridColumn{
	vertical-align: top;
	border: none;
	width: 50%
}

.ui-panelgrid .ui-panelgrid-cell.leftRightPanelGridColumn{
	vertical-align: top;
	border: none;
}

/* ================================================== */
/*                mdf_progressbar                     */
/* ================================================== */
.mdf_progressbar {
	margin-top: 4px;
	height: 8px;
}

.mdf_progressbar .ui-progressbar-label {
	display: block;
	left: 65px;
	margin-top: -4px;
	text-align: left;
}


/* ================================================== */
/*                 Audit Info Icon                    */
/* ================================================== */
button.auditInfoIcon {
	margin: 0 !important;
	width: 20px;
	float: right;
}

.auditInfoIcon .ui-button-text,
.auditInfoIcon .ui-icon {
	padding: 0 !important;
}


/* ================================================== */
/*                     Dialogs                        */
/* ================================================== */
.ui-dialog {
	min-width: 300px;
}

.ui-dialog .ui-dialog-titlebar {
	background-color: #fff;
	font-size: 16px;
}

.ui-dialog .ui-dialog-footer {
	border-top: none;
}
  
.ui-confirm-dialog .ui-dialog-content {
	padding: 20px; 
}

.ui-confirm-dialog .ui-confirm-dialog-message {
	padding: 0 10px;
}

.ui-confirm-dialog .ui-icon.ui-confirm-dialog-severity {
	display: none;
}

.ui-confirm-dialog .ui-dialog-buttonpane .ui-button {
	min-width: 70px;
}

.ui-dialog .ui-dialog-content.ui-df-content{
    overflow: auto;
    padding: .5em 1em;
    background-color: #fff;
}

/* ================================================== */
/*                No Padding PanelGrid                */
/* ================================================== */
.simplePanelGrid,
.ui-panelgrid .simplePanelGrid,
.simplePanelGrid td{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 4px;
	margin: 0px;
	border-spacing: 0px;
	border: 0px;
}

.rightLinkPanelGrid{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px !important;
	padding-right: 0px;
	margin: 0px;
	border-spacing: 0px;
}


/* ================================================== */
/*                  Outcome Button                    */
/* ================================================== */
.outcome-button {
	box-sizing: border-box;
}

/* ================================================== */
/*                   Radio Button                     */
/* ================================================== */
.horizontalFieldEditGrid .innerHorizontalEditRadio td{
	padding: 0 .5em .2em 0;
}

/* ================================================== */
/*       ACCOUNT SERVICES SPECIFIC                    */
/*                                                    */
/*  Note: This section contain classes and style only */
/*        used by account services. All definitions   */
/*        impacted Primefaces, template and commons   */
/*        component MUST be defined before this       */
/*        section to simplify maintenance of other    */
/*        sites.                                      */
/* ================================================== */

.action_menu.ui-menubutton .ui-state-default .ui-icon {
    background: url("/jakarta.faces.resource/images/icons/icon_orange_gear.png.jsf?ln=ecc&revision=cb67abbf") no-repeat right;
    width: 28px;
    height: 16px;
    border: none;
}

.action_menu.ui-menubutton .ui-button {
	border: none;
	background: none;
}

.smallNotice.email {
	background: white;
	color: #093A63;
	padding: 1px;
}

.smallNotice.email.email_to {
	border-color: #CAD9EE;
/* 	color: #14892c; */
/* 	border-color: #b2d8b9; */
}

.smallNotice.email.email_cc {
	color: gray;
	border-color: lightgray;
}



/* ================================================== */	
/*              Overlay Search Panel                  */	
/* ================================================== */
.overlaySearchPanel .ui-overlaypanel-content{
	padding: 0px;
}

.horizontalFieldEditColumn .ui-selectoneradio{
	border-spacing: 0px;
}

.horizontalFieldEditColumn .ui-selectoneradio td{
	padding: 0px 4px 2px 1px;
}

.horizontalFieldEditColumn .ui-selectoneradio td label{
	padding-bottom: 1px;
}




/* ================================================== */
/*                 Vendor Registration                */
/* ================================================== */


.vr_main_wrapper {
	margin: 0 auto;
	width: 900px;
	font-size: 12px;
}

.vr_main_wrapper h3 {
	font-size: 14px;
}

.vr_main_wrapper .header {
	height: 110px;
}

.vr_main_wrapper .header .logo {
	margin: 20px 0 0 20px;
	float: left;
}

.vr_main_wrapper .header .intertrade_logo {
	float: right;
	margin: 10px 30px 0 0;
}

.vr_main_wrapper .banner {
	position: relative;
}

.vr_main_wrapper .banner div {
	left: 25px;
	position: absolute;
	top: 40px;
}


.vr_main_wrapper .content {
	border: 1px solid #EEE;
	border-top: none;
	padding: 20px;
}

.vr_main_wrapper .content .description {
	float: left;
}

.vr_main_wrapper .content .description ul {
	padding-left: 15px;
}

.vr_main_wrapper .content .description ul li {
	list-style: none;
	margin-bottom: 10px;
	padding-left: 20px;
	background: url("/jakarta.faces.resource/images/icon_check.gif.jsf?ln=ecc&revision=cb67abbf") no-repeat left center;
}

.vr_main_wrapper .content .instruction {
	/*float: left;*/
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0;
	/*background-color: #EEE;*/
	display: inline-block;
	vertical-align: top;
}

.vr_main_wrapper .readTcPanel{
	float: left;
	font-size:12px;
	font-weight: bold;
	padding: 40px 0px 0px 0px;	
	vertical-align: top;
}

.vr_main_wrapper .readTcPanelTerms{
	float: right;
	font-size:12px;
	font-weight: bold;
	padding: 0 216px 10px 0;	
}

.vr_main_wrapper .content .instruction a {
	background: url("/jakarta.faces.resource/images/icon_acrobat.png.jsf?ln=ecc&revision=cb67abbf") no-repeat left center;
	color: #1D86B6;
	padding: 1px 0 1px 20px;
}

.vr_main_wrapper .content .form_wrapper {
	/*width:100%;*/
}

.vr_main_wrapper .content .ui-message-error-detail {
	font-size: 10px;
}

.vr_main_wrapper .content .horizontalFieldLabelColumn {
	width: 185px;
}

.serviceLevelOptions {
	font-size: 12px;
}

.registrationComplete {
	text-align: left;
}

.registrationComplete h2 {
	text-align: center;
}

.registrationComplete p,
.registrationComplete ol {
	font-size: 14px;
}

.registrationComplete p.firstLine {
	font-weight: bold;
	margin-top: 50px;
}

.vr_main_wrapper .content .ui-widget {
	font-size: 12px;
}

.vr_main_wrapper .vr_footer {
	font-size: 12px;
	color: black;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 50px;
	clear: both;
}

.vr_main_wrapper .clear {
	clear: both;
}

.vr_main_wrapper .continue_buttons {
	clear: both;
}

.vr_main_wrapper form {
	margin-bottom : 0;
}

.vr_main_wrapper .leftSection,
.vr_main_wrapper .rightSection {
	float: left; 
	width: 50%;
}

.vr_main_wrapper .leftSection fieldset {
	margin-right: 10px;
}

.vr_main_wrapper .rightSection fieldset {
	margin-left: 10px;
}

.vr_main_wrapper .creditCardField {
	width: 150px;
}

.vr_main_wrapper .vendorRegistrationLandingPage {
	float: right;
}

.servicesColumn{
	vertical-align: top;
}

.serviceEcCatalogueInfoColumn{
	vertical-align: top;
}

/* ================================================== */	
/*              View / Edit Template                  */	
/* ================================================== */
.noPanelTemplate{
	border: 0px;
}

.noPanelTemplate .ui-panel-content{
	padding: 0px;
}

.noPanelTemplate .informationPanel{
	margin-bottom: 15px;
}

.noPanelTemplate .noFieldsetPanel .ui-panel-content{
	padding: 12px;
}



/* ================================================== */	
/*                	  View Panel     	              */	
/* ================================================== */
.panelGridViewPanel{
	width: 100%;
	border-spacing: 8px;
}

.panelGridViewPanelColumn{
	width: 50%;
	vertical-align: top;
}

/* ================================================== */	
/*                        Label                       */	
/* ================================================== */	
.label{	
	color: #707070;	
}

/* ================================================== */	
/*              Inner Cell Panel Grid                 */	
/* ================================================== */
.ui-datatable .innerCellPanelGrid td{
	border: 0;
	padding: 0;
}

.ui-datatable .innerCellPanelGrid tr{
	background: none;
}

/* ================================================== */	
/*               Billing Contact Icon                 */	
/* ================================================== */
.billingContactIconColumn{
	width:20px;	
}

/* ================================================== */	
/*               Inner datatable <ul>                 */	
/* ================================================== */
.innerDataTableUl{
	padding: 0px;
}

.innerDataTableUl .functionContactPanelGroup{
	white-space:nowrap;
	vertical-align: top;
	padding: 0px;
}

/* ================================================== */	
/*              Select Many Check Box                 */	
/* ================================================== */
.ui-selectmanycheckbox td{
	padding-left: 2px;
}

/* ================================================== */	
/*                 Uppercase field                    */	
/* ================================================== */
.uppercaseField{
	text-transform: uppercase;
}

/* ================================================== */	
/*                  TextArea field                    */	
/* ================================================== */
.textAreaCounterText{
	font-size: 10px;
}


/* ================================================== */
/*                  Invoice Summary                   */
/* ================================================== */
.invoicing-current-balance-label{
	width: 100px;
}

.invoicing-current-balance-amount{
	text-align: center;
}

.invoicing-current-balance-currency{
	width: 40px;
}

.invoicing-last-payment-label{
	width: 100px;
}

.invoicing-last-payment-info{
	text-align: center;
}


/* ================================================== */
/*            Mac Document Pdf Dialog                 */
/* ================================================== */
.macPdfDocumentDialog .ui-dialog-content{
	padding: 0px;
}

/* ================================================== */
/*            Mac Document Pdf Dialog                 */
/* ================================================== */
.makePaymentCreditCardColumn{
	width: 50%;
	vertical-align: top;
}

.makePaymentInvoicesColumn{
	vertical-align: top;
	padding-top: 4px;
}

.makePaymentTotalAmount .valueColumn{
	font-size: 12pt;
	font-weight: bold;
	vertical-align: middle;
}

.makePaymentTotalAmount .labelColumn{
	font-weight: bold;
	vertical-align: middle;
	width: 100px;
}

.makePaymentTotalAmountColumn{
	text-align: right;
	padding-top: 10px;
}

.makePaymentPaymentAmountColumn,
.ui-datatable .makePaymentPaymentAmountColumn{
	text-align: right;
	padding: 0px;
	border: none;
}

.makePaymentInplace .ui-state-highlight{
	color: #4f4f4f; 
	
}

.makePaymentPaymentAmountIconColumn,
.ui-datatable .makePaymentPaymentAmountIconColumn{
	text-align: left;
	width: 16px;
	padding: 0px 0px 0px 2px;
	border: none;
}

.makePaymentInplace .ui-state-highlight .makePaymentPaymentAmountColumn{
	background-color: #CAD9EE;
}

.makePaymentInplace .ui-state-highlight .makePaymentPaymentAmountIconColumn{
	background-color: #CAD9EE;
}


.action .ui-button.ui-widget,
.iconStatus .ui-button.ui-widget {
	width: 20px;
}

.action .ui-button.ui-widget .ui-button-text,
.iconStatus .ui-button.ui-widget .ui-button-text {
	padding: 1px;
}


/* ================================================== */
/*               Payment Method Field                 */
/* ================================================== */
.paymentMethodField .labelColumn{
	vertical-align: middle;
}

.paymentMethodField .valueColumn{
	vertical-align: middle;
}

.ui-sticky {
	width: 100% !important;
	-moz-box-shadow: 0px 5px 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 5px 6px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 6px rgba(0,0,0,0.3);
}


.boolean_indicator {
	border: none;
	float: left;
}

.ui-icon.fa {
	line-height: 16px; /* added to correctly support font-awesome */
	font-size: 14px;
}

.overlayLink .ui-button.ui-widget {
	width: 14px;
	height: 14px;
	vertical-align: middle;
}

.overlayLink .ui-button.ui-widget .ui-button-text {
	padding: 1px;
	line-height: 12px;
}


/* ================================================== */
/*               Client Billing Info                  */
/* ================================================== */
.clientBillingInfo .labelColumn{
	width: 230px;
}

/* ================================================== */
/*            Account Billing Info               */
/* ================================================== */
.accountBillingStatus .labelColumn,
.accountBillingInfo .labelColumn,
.accountPayment .labelColumn,
.accountBillingAddress .labelColumn{
	width: 230px;
}

/* ================================================== */
/*                   UI-INPUTSWITCH                   */
/* ================================================== */
.ui-inputswitch{
	height: 22px;
}

.itt-ui-overlayLink-panel .ui-datalist-data {
	padding-left: 10px;
}

/* ================================================== */
/*                   DataList Field                   */
/* ================================================== */
.ui-datalist.ui-widget.datalist-field > .ui-datalist-content > .ui-datalist-data {
	margin: 0px;
}

/* ================================================== */
/*                  Announcement Bar                  */
/* ================================================== */

.announcement_bar .ui-panel-titlebar {
	border: none;
	background-color: #FFFD85;
	height: 20px;
}

.announcement_bar .ui-panel-content > div {
	padding: 5px;
}

.announcement_bar .ui-panel-title > span {
	float: left;
	line-height: 20px;
	margin-right: 10px;
	font-weight: bold;
}

.announcement_bar_critical .ui-panel-titlebar {
	border: none;
	background-color: #ff0000;
	height: 20px;
	color: white;
}

.announcement_critical {
	color: red;
	font-weight: bold;
}


.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label{
	padding: 4px 27px 4px 4px;
}

.ui-menu .ui-menuitem-link{
	color: #4f4f4f;
}

textarea { 
    resize: none; 
}

/* ================================================== */
/*                     Timeline       	              */
/* ================================================== */
.timeline-frame {
	border: none;
}

.timeline-event {
	width: auto !important;
	height: auto !important;
	
	background: none !important;
	border: none !important;
	
	top: 7px !important;
}

.timeline-event-now {
	/*)background-color: #b2ffb2 !important;*/
	background: none !important;
	font-size: 127% !important; 
	border: none !important;
	top: -5px !important;
}

.timeline-event-alert {
	/*)background-color: #b2ffb2 !important;*/
	background: none !important;
	border: none !important;
	top: 4px !important;
}

.timeline-event-now-text {
	color: green;
}

.timeline-event-icon {
	background: white !important;
	border: 1px solid #CAD9EE !important;
	
	padding:10px;
	
	font-size: 150% !important;
	border-radius: 200px !important;
}

.timeline-event-icon-now {
	
	background: none !important;
	border: none !important;
	
	padding:0px !important;
	
	font-size: 150% !important;
	border-radius: none !important;
}

.timeline-event-no-border {
	border: none !important;
	background: none !important;
}

.timeline-hr-bar { 
	
	width:100%; 
	height:1px; 
	background: #939090;
	
	/* SOME MAGIC TRICK TO CENTER VERTICALLY THE TIMELINE BLACK BAR */
	position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}

.redText{
	 color: red;
}

.timeline-event-icon:hover:not(.timeline-event-now) {
	border: solid 1px #757E8B !important;	
}

/* ================================================== */
/*                   FileUpload                       */
/* ================================================== */
.ui-fileupload.singleFileUpload {
       border-style: none;
}

.ui-fileupload.singleFileUpload .ui-fileupload-buttonbar{
       border-style: none;
       background-color: white;
       padding-left: 0px;
}

.ui-fileupload.singleFileUpload .ui-fileupload-content{
       border-style: none;
}

.acsMacItemListColumn{
	width: 50%;
	vertical-align: top;
} 

.acsMacItemListColumnlist1{
	width: 80%;
	vertical-align: top;
}
.acsMacItemListColumnlist2{
	width: 20%;
	vertical-align: top;
}
.acsMacItemListColumn td{
	padding-right: 20px !important;
}

/* ================================================== */
/*         Autocomplete                               */
/* ================================================== */
.ui-autocomplete-panel .ui-autocomplete-table th,
.ui-autocomplete-panel .ui-autocomplete-table tr, 
.ui-autocomplete-panel .ui-autocomplete-table td {
	border: none;
}

/* ================================================== */
/*                  Required Star                     */
/* ================================================== */
.requiredStar{
	color: red;
	font-size: 6px !important;
	vertical-align: top;
	display: inline-table;
}

/* ================================================== */
/*           View Page - Top Button Panel             */
/* ================================================== */
.leftRightPanel.buttonPanel .leftOutputPanel button {
	margin: 4px 2px 4px 0 !important;
}

.leftRightPanel.buttonPanel .rightOutputPanel button {
	margin: 4px 0 4px 2px !important;
}

.leftRightPanel.buttonPanel .leftOutputPanel .ui-button {
	margin: 4px 2px 4px 0 !important;
}

.leftRightPanel.buttonPanel .rightOutputPanel .ui-button {
	margin: 4px 0 4px 2px !important;
}

/* ================================================== */
/*                Ring the Bell Icon                  */
/* ================================================== */
.fa.fa-bell.ring{
	-webkit-animation-name: bellring;
	-webkit-animation-duration: 4.5s; 
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 1s;
	-webkit-animation-direction: alternate;
	-webkit-transform-origin: 50%;
	animation-name: bellring;
	animation-duration: 4.5s; 
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-delay: 1s;
	animation-direction: alternate;
}

@-webkit-keyframes bellring { 
	0%, 4%, 8%, 12%, 16%, 20% { -webkit-transform: rotateZ(27deg); }
	2%, 6%, 10%, 14%, 18%, 22% { -webkit-transform: rotateZ(-27deg); }
	23% { -webkit-transform: rotateZ(0); }
}

@keyframes bellring { 
	0%, 4%, 8%, 12%, 16%, 20% { transform: rotateZ(27deg); }
	2%, 6%, 10%, 14%, 18%, 22% { transform: rotateZ(-27deg); }
	23% { transform: rotateZ(0); }
}

/* ================================================== */
/*               CARD	 			                  */
/* ================================================== */
.card {
	background: white;
	border: none;
    -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
}

.ui-tabs-panel .card {
	background: none;
	border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
  
/* ================================================== */
/*                  Outcome Button                    */
/* ================================================== */
.outcome-button {
	box-sizing: border-box;
	vertical-align: top;
}

.ui-widget-content.ui-expanded-row {
	border-bottom: 1px solid transparent !important;
}

.ui-inputswitch-on.ui-state-active{ 
	background:#5b80ab !important;
	color:white;
}

.action-buttons > .ui-button-icon-only.ui-state-disabled {
    visibility: hidden;
}

.registrationContactCard p{
	margin: 2px 0px 2px 0px;
}

div.ui-treetable span.ui-treetable-toggler {
	/* To fix: https://github.com/primefaces/primefaces/issues/1988 */
	float: left
}

/* ================================================== */
/*                    Error Page                      */
/* ================================================== */
.errorPage{
	position: relative;
}

.errorPage .errorCode{
	font-size:400pt; 
	font-weight:bold; 
	position: absolute; 
	top: -50px; 
	left:20px; 
	color:lightgray;
}

.errorPage .errorPanel .errorIcon{
	font-size:80pt;
	vertical-align: top;
	text-align: right;
	padding-right: 15px;
	color: lightgray;
}

.errorPage .errorPanel .errorParagraph{
	margin: 20px 0;
}

.mckISAGSsegments .horizontalFieldEditPanel{
	min-height: 15px !important;
}

/*
*
*	 NEXT 2 LINES ARE A PATCH 
*
*/
.leftRightPanel .leftOutputPanel button {
	margin: 4px 2px 4px 0 !important;
}

.leftRightPanel .rightOutputPanel button {
	margin: 4px 0 4px 2px !important;
}

.ui-growl-message a {
	color: #ffffff;
	text-decoration: underline;
}




/* ================================================== */
/*              NMG Registration Page                 */
/* ================================================== */
.vr_main_wrapper.webedi_registration,
.vr_main_wrapper.nmg {
	font-family: 'Open sans', sans-serif;
	width: 1300px;
}

.vr_main_wrapper .webedi_registrationHeader,
.vr_main_wrapper .nmgHeader {
	align-items: center;
	display: flex;
	height: 80px;
	justify-content: space-between;
	padding: 0 10px;
}


.vr_main_wrapper .webedi_registrationHeader .logo,
.vr_main_wrapper .webedi_registrationHeader .intertrade_logo,
.vr_main_wrapper .nmgHeader .logo,
.vr_main_wrapper .nmgHeader .intertrade_logo {
	margin: 0;
}

.vr_main_wrapper .webedi_registrationHeader p,
.vr_main_wrapper .nmgHeader p {
	color: #506271;
	margin: 0 20px 0 auto;
}

.vr_main_wrapper.webedi_registration .panelGridColumnTop:first-child,
.vr_main_wrapper.nmg .panelGridColumnTop:first-child {
	width: 385px;
}

/** For credit card consent we want to put checkbox close to text label */
.vr_main_wrapper.webedi_registration .creditCardInfoConsent .panelGridColumnTop:first-child,
.vr_main_wrapper.nmg .creditCardInfoConsent .panelGridColumnTop:first-child {
	width: auto;
}

.vr_main_wrapper.webedi_registration .step1 .panelGridColumnTop:last-child,
.vr_main_wrapper.nmg .step1 .panelGridColumnTop:last-child {
	align-items: center;
	display: flex;
	height: 572px;
	justify-content: center;
}

.transactionCalculation .label,
.webedi_registration .horizontalFieldEditGrid .label,
.vr_main_wrapper.webedi_registration .horizontalFieldEditGrid .label,
.vr_main_wrapper.nmg .horizontalFieldEditGrid .label {
	font: 14px/28px 'Open sans', sans-serif;
}

.webedi_registration .ui-button.orange,
.webedi_registration .ui-button.blue,
.webedi_registration .orange.ui-button,
.webedi_registration .orange .ui-button,
.vr_main_wrapper.webedi_registration .ui-button,
.vr_main_wrapper.nmg .ui-button {
	border-radius: 0;
	font: 400 16px 'Open sans', sans-serif;
	height: 44px;
}

.webedi_registration .ui-button.orange,
.webedi_registration .ui-button.blue,
.webedi_registration .orange.ui-button,
.webedi_registration .orange .ui-button,
.vr_main_wrapper.webedi_registration .ui-button.orange,
.vr_main_wrapper.webedi_registration .ui-button.blue,
.vr_main_wrapper.nmg .ui-button.orange,
.vr_main_wrapper.nmg .ui-button.blue {
	background-color: #167CCB !important;
	border: 1px solid #167CCB !important;
}

.vr_main_wrapper.webedi_registration .ui-button.chooseEdiBtn,
.vr_main_wrapper.nmg .ui-button.chooseEdiBtn {
	background-color: #167CCB !important;
	border: 1px solid #167CCB !important;
	color: white;
	height: auto;
	padding: 15px 25px;
	transition: 0.2s box-shadow;
}

.vr_main_wrapper.webedi_registration .ui-button.chooseEdiBtn:hover,
.vr_main_wrapper.nmg .ui-button.chooseEdiBtn:hover {
	box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
}

.vr_main_wrapper.webedi_registration .ui-button.orange span,
.vr_main_wrapper.nmg .ui-button.orange span {
	color: white;
}

.vr_main_wrapper.webedi_registration #btnContinue .fa,
.vr_main_wrapper.nmg #btnContinue .fa {
	display: none;
}

.vr_main_wrapper.webedi_registration #btnContinue .fa,
.vr_main_wrapper.nmg #btnContinue .fa {
	padding: 0 25px !important;
}

.vr_main_wrapper.webedi_registration .continue_buttons,
.vr_main_wrapper.nmg .continue_buttons {
	margin-top: 35px;
}

.vr_main_wrapper.webedi_registration .ui-widget-header,
.vr_main_wrapper.nmg .ui-widget-header {
	background: white;
}

.vr_main_wrapper.webedi_registration .ui-widget-content,
.vr_main_wrapper.nmg .ui-widget-content {
	border: none;
}

/* Banner */

.nmgBanner {
	align-items: center;
	background-color: #082A4C;
	display: flex;
	height: 300px;
	justify-content: flex-start;
	position: relative;
}

	.nmgBannerImg {
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}

	.nmgBanner h1 {
		color: #F59F20;
		font: 300 35px/47px 'Open Sans', sans-serif;
		margin-left: 80px;
		z-index: 2;
	}


/* Left Side */

.webedi_registrationBenefitsList,
.nmgBenefitsList {
	color: #231F20;
	font-size: 14px;
	margin-top: 18px;
	padding-left: 22px;
}

	.webedi_registrationBenefitsList li,
	.nmgBenefitsList li {
		font-family: 'Open sans', sans-serif;
		list-style-image: url('/cms-portals/accountservices.intertrade.com/cms/registration_ecCatalogue/nmg/images/check.svg');
		margin-bottom: 8px;
	}

	.webedi_registrationDescription,
	.nmgDescription {
		background-color: #F0F5F6;
		margin-top: 35px;
		padding: 40px 0 15px;
	}

	/** No video for webEdi so no padding bottom required */
	.webedi_registrationDescription {
		padding-bottom: 0;
	}

.webedi_registrationDescription p,
	.nmgDescription p {
		font: 14px/1.4em 'Open sans', sans-serif;
		margin: 0 0 30px;
	}

	.webedi_registrationDescription h3,
	.nmgDescription h3 {
		font: 600 14px 'Open sans', sans-serif;
	}

	.webedi_registrationBenefitsBlock,
	.nmgBenefitsBlock {
		border-bottom: 4px solid #fff;
		padding: 0 30px 15px;
	}

.nmgInstructionBlock a {
		padding-left: 30px;
		position: relative;
		font: 14px 'Open sans', sans-serif;
		line-height: 25px;
	}

.nmgInstructionBlock {
	border-top: 1px solid #95A7B7;
	padding: 10px 30px 0;
}

	.nmgInstructionBlock img {
		left: 0;
		position: absolute;
	}

.nmgTutorialLink {
	align-items: center;
	display: flex;
	justify-content: flex-start;
}

.helpRegisteringBlock {
	padding: 15px 30px;
}

	.helpRegisteringBlock img {
		margin-right: 25px;
	}

	.helpRegisteringBlock a {
		color: #231F20;
		font: 600 14px 'Open sans', sans-serif;
	}

/* Step 2 */

.horizontalFieldEditGrid .whatsThis {
	color: #3b73af;
}

.vr_main_wrapper.webedi_registration .ui-fieldset,
.vr_main_wrapper.nmg .ui-fieldset {
	border: none;
	font: 14px 'Open Sans', sans-serif;
	margin: 40px 0 0;
	padding: 0;
}

.vr_main_wrapper.webedi_registration .step2 .panelGridColumnTop:last-child,
.vr_main_wrapper.nmg .step2 .panelGridColumnTop:last-child {
	padding-left: 40px;
}

.vr_main_wrapper.webedi_registration .ui-button-icon-only .ui-icon.fa,
.vr_main_wrapper.nmg .ui-button-icon-only .ui-icon.fa {
	color: white;
}

.vr_main_wrapper.webedi_registration .ui-datatable .action .ui-button,
.vr_main_wrapper.nmg .ui-datatable .action .ui-button {
	background: none !important;
	border: none !important;
	height: auto;
}

.vr_main_wrapper.webedi_registration .ui-datatable .action .ui-button span,
.vr_main_wrapper.nmg .ui-datatable .action .ui-button span {
	color: inherit;
}

/* Success */
.vr_main_wrapper.webedi_registration header, .vr_main_wrapper.webedi_registration section,
.vr_main_wrapper.nmg header, .vr_main_wrapper.nmg section {
	max-width: 100%;
	padding: 20px;
}

.vr_main_wrapper.nmg #nmgRegistrationComplete {
	align-items: center;
	background-color: #F0F5F6;
	display: flex;
	justify-content: space-between;
	margin-top: 25px;
}

.vr_main_wrapper.nmg #nmgRegistrationComplete .roundCheck {
	height: 28px;
	width: 28px;
}

.vr_main_wrapper.nmg #nmgRegistrationComplete h1 {
	color: #167CCB;
	font-size: 14px;
	margin: 0;
}

.vr_main_wrapper.nmg #nmgRegistrationComplete p {
	margin: 0;
}

.vr_main_wrapper.nmg #nmgRegistrationComplete div {
   margin-left: 20px;
   margin-right: auto;
}

.vr_main_wrapper.nmg #nmgRegistrationComplete .outline {
	color: #167CCB;
	border: 1px solid #167CCB;
	font-size: 12px;
	height: auto;
	padding: 8px 20px;
	transition: 0.3s all;
}

.vr_main_wrapper.nmg #nmgRegistrationComplete .outline:hover {
	border: 1px solid #093a63;
	color: #093A63;
}

.vr_main_wrapper.nmg #congratulations {
	text-align: center;
}

.vr_main_wrapper.nmg #congratulations h2 {
	color: #167CCB;
	font: 300 35px/47px 'Open sans', sans-serif;
	margin: 80px 0 40px;
}


_:-ms-lang(x), .vr_main_wrapper.webedi_registration .step1 .panelGridColumnTop:last-child,
_:-ms-lang(x), .vr_main_wrapper.nmg .step1 .panelGridColumnTop:last-child {
	position: relative;
}

_:-ms-lang(x), .vr_main_wrapper.webedi_registration .vendorRegistrationLandingPage,
_:-ms-lang(x), .vr_main_wrapper.nmg .vendorRegistrationLandingPage {
	float: none;
	height: 374px;
	left: 50%;
	position: absolute;
	top: 140px;
	transform: translateX(-50%);
	width: 530px;
}

/* ================================================== */
/*                    Responsive                      */
/* ================================================== */

@media only screen and (max-width: 1300px) {

	.vr_main_wrapper.nmg {
		width: 1000px;
	}

}

.transactionCalculation {
	display: block;
	text-align: left;
}

.transactionCalculation img {
	display: block;
	margin: 0 auto;
}

/* ==================================================== */
/*      Billing Info                                    */
/* ==================================================== */
.billingInfo .pushedToBc {
	margin-bottom: 10px;
	font-weight: bold;
}

.billingInfo .pushedToBc label,
.billingInfo .pushedToBc span {
	color: black;
}