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

/* PrimeFaces icon reset */
.ui-widget .ui-icon.fa,
.ui-icon.fa {
	background-image: none;
	text-indent: 0px;
	background-repeat: no-repeat;
/* 	display: block;  */
	overflow: visible;
	text-indent: 0px;
}

/* Overrides font-awesome.css to fix issues when creating resources with "#" in url */
@font-face {
    font-family: 'FontAwesome';
    src: url("/javax.faces.resource/font-awesome/4.2.0/fonts/fontawesome-webfont.eot.jsf?ln=webjars&revision=b0d10569");
    src: url("/javax.faces.resource/font-awesome/4.2.0/fonts/fontawesome-webfont.eot.jsf?ln=webjars&revision=b0d10569?#iefix") format('embedded-opentype'),
      url("/javax.faces.resource/font-awesome/4.2.0/fonts/fontawesome-webfont.woff.jsf?ln=webjars&revision=b0d10569") format('woff'),
      url("/javax.faces.resource/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf.jsf?ln=webjars&revision=b0d10569") format('truetype'),
      url("/javax.faces.resource/font-awesome/4.2.0/fonts/fontawesome-webfont.svg.jsf?ln=webjars&revision=b0d10569#fontawesomeregular") format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
	height: 100%;
}


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

img {
	border: none;
}

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

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

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



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

.information_tooltip {
	font-size: 12px;
}

.longTooltip {
	width:250px;
}

.tooltip-clear .ui-tooltip-text {
	background: none;
	border: none;
	box-shadow: none;
}

.mailTo{
	text-decoration: underline;
}

.lightDataList,
.lightDataList .ui-widget-content {
	border:0 none !important;
	background: none;
	padding:0;
	margin:0;
	border:0 none !important;
	background: none;
}

.lightDataList ul {
	margin: 0;
	padding:0;
	list-style-type: none;
}

.readinessIssueDataList,
.readinessIssueDataList .ui-widget-content {
	border:0 none !important;
	background: none;
	padding:0;
	margin:0;
	border:0 none !important;
	background: none;
}

.readinessIssueDataList ul {
	margin: 0;
	padding:0;
	list-style-type: none;
}

.readinessIssueDataList li {
	margin-top: 5px;
	margin-bottom: 5px;
}


.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                    */
/* ================================================== */
.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;
}

/* ================================================== */
/*            Header - Logo & Information             */
/* ================================================== */
.information_wrapper {
	height: 50px;
	padding-top: 20px;
}

.information_wrapper .logo {
	float: left;
}

.information_wrapper p {
	color: #093a63;
	font-size: 14px;
	margin: 0 0 8px 0;
}

.information_wrapper span {
	font-weight: bold;
}

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

.information_wrapper div a {
	color: #093a63;
	font-size: 11px;
	text-decoration: none;
}

.information_wrapper div a.basket {
	background: url('/javax.faces.resource/images/icons/icon_basket.png.jsf?ln=ecc&revision=b0d10569') no-repeat right;
	padding: 4px 25px 4px 0;
}

.information_wrapper div a:hover {
	text-decoration: underline;
}


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

.ui-tooltip .ui-tooltip-text {
	background: rgba(76,76,76,0.9);
}

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

/* .ui-tooltip.ui-state-error .ui-tooltip-text { */
/* 	color: white; */
/* 	background-color: #D8000C; */
/* } */

/* .ui-tooltip.ui-state-error.ui-tooltip-top .ui-tooltip-arrow { */
/* 	border-top-color: #D8000C; */
/* } */

/* .ui-tooltip.ui-state-error.ui-tooltip-right .ui-tooltip-arrow { */
/* 	border-right-color: #D8000C; */
/* } */

/* .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; */
/* } */
/* .ui-tooltip-shadow{ */
/* 	-moz-box-shadow: none; */
/* 	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.8); */
/* 	box-shadow: 0px 5px 10px rgba(0,0,0,0.8); */
/* } */

/* .ui-tooltip-content{ */
/* 	border: none; */
/* } */

/* .ui-tooltip.qtip{ */
/* 	-webkit-border-radius: 4px; */
/* 	border-radius: 4px; */
/* 	-moz-box-shadow: none; */
/* 	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.8); */
/* 	box-shadow: 0px 5px 10px rgba(0,0,0,0.8); */
/* } */

/* .ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content { */
/* 	border-color: #CAD9EE; */
/* 	background-color: white; */
/* 	-webkit-border-radius: 4px; */
/* 	border-radius: 4px; */
/* } */

/* .ui-tooltip.qtip.ui-tooltip-red{ */
/* 	background: #FFBABA; */
/* 	border-color: #CD0A0A; */
/* 	border-radius: 4px; */
/* 	-moz-box-shadow: none; */
/* 	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.8); */
/* 	box-shadow: 0px 5px 10px rgba(0,0,0,0.8); */
/* } */

/* .ui-tooltip-red .ui-tooltip-content{ */
/* 	position: relative; */
/* 	top: 2px; */
/* 	background: #FFBABA; */
/* 	padding: 3px 4px 2px 5px; */
/* 	font-family: Arial,sans-serif; */
/* 	font-size:1.1em; */
/* 	border-radius:3px 3px 3px 3px; */
/* 	border-color: #CD0A0A; */
/* } */

/* .ui-tooltip-default .ui-tooltip-red .ui-tooltip-pos-tc{ */
/* 	background: #FFBABA; */
/* } */

/* .ui-tooltip{ */
/* 	background-color: white; */
/* 	border: 1px solid #CAD9EE; */
/* } */

/* .ui-tooltip .ui-tooltip-tip{ */
/* 	border-color: #CAD9EE; */
/* } */

/* .tooltipPanelGroup{ */
/* 	padding: 0px;  */
/* 	margin: 0px;  */
/* 	border-spacing: 0px; */
/* } */

/* .tooltipPanelGroupColumn{ */
/* 	padding: 0px;  */
/* 	margin: 0px;  */
/* 	border-spacing: 0px; */
/* } */

/* .ui-tooltip-red .ui-message-error-detail{ */
/* 	margin-top: 2px; */
/* 	margin-bottom: 7px; */
/* } */

/* ================================================== */
/*                    Impersonate                     */
/* ================================================== */
.ui-panel.impersonatePanel {
	border: none;
	border-bottom: 2px dotted;
	background-color: #CD0A0A;
	border-radius: 0;
}

.impersonatePanel .header {
	color: white;
	font-size: 14px;
	line-height: 34px;
}

.impersonatePanel .intense {
	color: white;
	font-weight: bold;
	font-size: 14px;
}

.impersonatePanel .ui-panel-content {
	background: none;
	padding: 0px 10px;
}

/* ================================================== */
/*                      Header                        */
/* ================================================== */
.header_sticky {
	width: 100% !important;
	position: fixed;
	top: 0;
	z-index: 1000;
	-moz-box-shadow: 0px 3px 8px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.1);
	box-shadow: 0px 3px 8px rgba(0,0,0,0.1);
}

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

/* ================================================== */
/*                    Main Menu                       */
/* ================================================== */
.mainMenuBar {
	background: #5b80ab;
	padding: 0px;
	border:none;
	border-radius: 0px;
}

.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: none;
	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,
.mainMenuBar.optionMenu .columnMenuLevel .applicationInfo {
	width: 260px;
}

.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;
	background: none;
}

.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("/javax.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-ecc");
}

.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 > 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: 4px 5px;
	border: none;
	height: 32px;
	background: none;
}

.mainMenuBar .homeMenuItem > a:after{
	content: url('/javax.faces.resource/images/logo_eccatalog_white.png.jsf?ln=ecc&revision=b0d10569');
}

.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;
}

.columnMenuLevel .customMenuHeader{
	font-weight: bold;
	padding: 5px;
	display: block;
	background-color: #f6f6f6;
	text-align: center;
	margin: 0 0 2px 0;
    -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.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 .organizationMenu > a{
	font-size: 14px;
}

.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: 0 0 2px 0;
/*     -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 > h3{
	float: none;
}

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

.mainMenuBar .userMenu > span {
	float: none;
}

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

.basket.ui-menuitem-link:hover {
	background: #5F91D0;
}

/* ================================================== */
/*              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(/javax.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;
}

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

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

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

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


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


/* ================================================== */
/*                   Site Search                      */
/* ================================================== */
form.site_search_wrapper {
/* 	background: white; */
	height: 28px;
	margin: 0;
	padding: 6px 0;
/* 	border-bottom: 1px solid lightgray; */
	border-top: none;
	border-radius: 0px;
}

.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%;
	padding: 2px 0;
}

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

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

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

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



/* ================================================== */
/*                   Footer Area                      */
/* ================================================== */
.footer {
	clear: both;
	color: black;
	text-align: center;
}

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

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

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

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






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

.ui-menu .ui-menu-list .ui-widget-header,
.ui-menu .ui-menu-list .menuActionSectionTitle {
	font-weight: bold;
	width: 100%;
	float: none;
	border-radius: 0px;
	border: none;
	background: #f6f6f6;
	text-align: center;
	margin: 0 0 2px 0;
/* 	-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-menu .ui-menu-list .menuActionSectionTitle span,
.ui-menu .ui-menu-list .ui-widget-header h3 {
	float: none;
	display: block;
	padding: 5px;
}

.ui-menu.ui-menu-dynamic .ui-menuitem-link {
    padding: 0px;
    border: none;
    color: #4f4f4f;
    width: 100%;
}

.ui-menu.ui-menu-dynamic .ui-menuitem-link span {
    margin: 5px;
}


/* ================================================== */
/*                GS1 US Registration                 */
/* ================================================== */
#gs1Registration li {
	margin-top: 5px;
}


/* ================================================== */
/*                GS1 US Color Table                  */
/* ================================================== */
table.gs1Table {
	padding: 5px;
}

table.gs1Table TD.innertTableTd {
	position: relative;
	background: none;
	height: 20px;
	padding: 1px; margin: 0;
}

table.gs1Table TR.hoverable TD.innertTableTd,
table.gs1Table TR.hoverable,
table.gs1Table {
	z-index: 1000;
}

table.gs1Table TR.hoverable TD.innertTableTd table {
	position: absolute;
	display: none;
	z-index: 1500;
	padding: 0;
	border: 1px solid #cad9ee;
	margin-left: 10px;
}

table.gs1Table TR.hoverable TD.innertTableTd table {
	margin: -10px 0 0 10px;
}

table.gs1Table TR.hoverable TD.innertTableTd table { /*SPECIAL FOR IE7*/
	margin:0 0 0 10px;
}

table.gs1Table TBODY.locked TR.hoverable TD.innertTableTd table {
	display: none;
}

table.gs1Table TBODY.unlocked TR.hoverable:hover TD.innertTableTd table,
table.gs1Table TBODY.locked TR.selected TD.innertTableTd table {
	display: block;
	z-index: 1500;
}

table.gs1Table TBODY.unlocked TR.hoverable TD.innertTableTd:hover table {
	display: none;
}

table.gs1Table TR.hoverable:hover TD.innertTableTd TABLE TD,
table.gs1Table TD.innertTableTd TABLE TD {
	background: #ebf2fd;
	height: 20px;
}

table.gs1Table th.chapterHeader {
	background-color: #ebf2fd;
}

table.gs1Table TD.mainTableTd:hover {
	background-color: #cad9ee;
	font-weight: bold;
}

.gs1_overlay_data_table table {
	width: 250px;
}

.gs1_overlay_data_table .ui-datatable-data td.color div.ui-dt-c {
	padding: 0;
}

.gs1_overlay_data_table thead tr th {
	display:none;
}

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

.gs1DataList,
.gs1DataList .ui-widget-content {
	border:0 none !important;
	background: none;
}

.gs1DataList ul {
	margin: 0;
	padding-left: 0;
}

.gs1_size_red_row {
	color: red;
}

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

.small_field {
    width: 100px;
}

.medium_field {
    width: 150px;
}

.medium_plus_field {
    width: 175px;
}

.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{
	vertical-align: top;
	height: 100%;
}

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

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

.horizontalFieldEditColumnMiddle{
	vertical-align: middle;
	height: 100%;
}

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

.horizontalFieldEditColumn div span.WrapText{
	display:inline-block;
	word-wrap:break-word;
	width:350px;
}

.horizontalFieldEditGrid{
	border-spacing: 0;
}

.horizontalFieldEditPanel{
	padding-top: 5px;
	padding-bottom: 5px;
}

.horizontalFieldEditPanel td{
	padding: 0 2px;
}

.horizontalFieldEditPanel > table{
	border-spacing: 0;
}

.horizontalFieldLabelColumn{
	width: 200px;
	color: #707070;
}

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

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

.ui-icon.horizontalFieldEditInfoIcon{
	background-image: url("/javax.faces.resource/images/ui-icons_cad9ee_256x240.png.jsf?ln=primefaces-ecc&v=10.0.0");
}
/* ================================================== */
/*                    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;
}

/* ================================================== */
/*                    Breadcrumbs                     */
/* ================================================== */
.breadcrumbs {
	margin-top: 10px;
	display: inline-block;
	width: 100%;
}

.breadcrumbs ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.breadcrumbs li {
	float: left;
	margin-right: 5px;
}

.breadcrumbs span {
	margin-left: 5px;
}

.breadcrumbs .return {
	float: right;
	font-size: 12px;
	font-weight: bold;
}

.breadcrumbs a {
    text-decoration: underline;
}

.breadcrumbs a.selected {
	background: url('/javax.faces.resource/images/icons/icon_remove_filter.png.jsf?ln=ecc&revision=b0d10569') no-repeat right 50%;
	padding-right: 16px;
}

/* ================================================== */
/*       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;}

/* ================================================== */
/*            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 {
	width: 200px;
	color: #707070;
}

.simple_table .info {
	width: 350px;
}

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

.data_table .ui-datatable-data tr:last-of-type {
	border-bottom-color: transparent;
}

.data_table.filter th {
	vertical-align: top;
}

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

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

.data_table .smallNotice {
	float: right;
}

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

.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.ui-selection-column {
	vertical-align: middle;
}

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

/* .ui-widget-content .data_table th { */
/* 	background-color: #CAD9EE; */
/* } */

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

.data_table .last_update {
	width: 100px;
}

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

.data_table .user_status_filter {
	width: 75px;
}

.data_table .auto_update {
	width: 70px;
}

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

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

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

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

.ghost_data_table .smallNotice {
	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;
}


/* ================================================== */
/*                Letters Pagination                  */
/* ================================================== */
#letters.letters_pagination button {
	margin-left: 0px;
	margin-right: 1px;
}

#letters.letters_pagination span {
 	padding-left: 2px;
 	padding-right: 2px;
 	min-width: 11px;
}



/* ================================================== */
/*                      Buttons                       */
/* ================================================== */
a.orange_btn, a.red_btn {
	color: white;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
	padding-left: 3px;
	text-decoration: none;
}

a.orange_btn span, a.red_btn span {
	cursor: pointer;
	display: block;
	height: 25px;
	line-height: 22px;
	padding: 0 13px 0 10px;
}

a.orange_btn img, a.red_btn img {
	margin-left: 5px;
}

a.orange_btn {
	background: url('/javax.faces.resource/images/orange_btn_left_side.png.jsf?ln=ecc&revision=b0d10569') no-repeat left top;
}

a.orange_btn span {
	background: url('/javax.faces.resource/images/orange_btn_exp_side.png.jsf?ln=ecc&revision=b0d10569') no-repeat right top;
}

a.orange_btn:hover {
	background-position: left bottom;
}


a.orange_btn:hover span {
	background-position: right bottom;
}

.red_btn {
	background: none;
    background-color: red;
}

.action_buttons {
	margin-bottom: 3px;
}

.action_buttons span {
	display: inline-block;
}

.catalog_refresh_btn {
	width:360px;
	height: 50px;
	margin: 5px !important;
}

.ui-button.ui-widget.catalog_refresh_btn .ui-button-text {
	white-space:normal !important;
}

/* ================================================== */
/*                      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;
	color: #707070;
}

.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;
	background: white;
}

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

.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 ADMIN SSO */
.login .ssoLogin {
	margin: auto;
	text-align: center;
}

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

/* ================================================== */
/*               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;
}



/* ================================================== */
/*                   Search Panel                     */
/* ================================================== */
div.search_panel {
	padding: 0;
	border: none;
}

div.search_panel.ui-corner-all,
.search_panel .ui-panel-titlebar.ui-corner-all {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.search_panel .ui-panel-titlebar {
/* 	border: none; */
/* 	background: none; */
}

.search_panel_title {
	display: inline-block;
	width: 95%;
}

.search_panel_filter_actions {
	width: 1px;
	white-space: nowrap;
	text-align: right;
}

.search_panel_actions {
	text-align: right;
	padding: 10px 5px 0px 5px;
}



.left_action_buttons {
	text-align: left;
}

.right_action_buttons {
	text-align: right;
}

.center_action_buttons {
	text-align: center;
}


/* ================================================== */
/*                  Search Results                    */
/* ================================================== */
.search_result {
    float: right;
    margin: 10px 0;
}

.search_result .result_numbers {
	margin-right: 10px;
}



/* ================================================== */
/*                   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 .ui-panelgrid-cell {
	border:0 none;
	padding:4px;
}

.listFilterPanelGrid td div {
	margin:0;
}



/* ================================================== */
/*                    Gtin Detail                     */
/* ================================================== */
.gtinDetailTable.ui-datatable th {
	height: 0;
	padding: 4px 5px;
	border: none;
	text-align: left;
}

.gtinDetailTable.ui-datatable table,
.gtinDetailTable.ui-datatable tbody{
	border: none;
}

.gtinDetailTable.ui-datatable .ui-datatable-data tr,
.gtinDetailTable.ui-datatable .ui-datatable-data td {
	border: none;
}

.gtinDetailTable.ui-datatable table,
.gtinDetailTable.ui-datatable .ui-datatable-data tr,
.gtinDetailTable.ui-datatable .ui-datatable-data th,
.gtinDetailTable.ui-datatable .ui-datatable-data td {
	border-collapse: collapse;
	border-spacing: 0;
}

.gtinDetailTable.ui-datatable td:first-child {
	width: 250px;
}

.gtinDetailTable.ui-datatable .ui-datatable-odd,
.gtinDetailTable.ui-datatable .ui-datatable-even {
	background: none;
}

.gtinDetailTable .label {
	color: #707070;
}

.gtinDetailGs1CompliancyButton {
	float:right;
}

/* ================================================== */
/*            Company Contact Information              */
/* ================================================== */
.company_info {
	width: 100%;
	background-color: white;
}

.company_info .label{
	width: 100px;
	color: #707070;
}

.company_info,
.company_info tr,
.company_info td {
	border: 0px none;
	border-collapse: collapse;
}

.company_info td {
	padding: 4px 5px;
}



/* ================================================== */
/*                jCarousel - jQuery                  */
/* ================================================== */
.ecc_carousel.ui-carousel {
	background: none;
	border: none;
/* 	max-width: 1200px;  */
	margin: 20px auto 0 auto
}

.ecc_carousel.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
	margin: 5px;
}

.ecc_carousel.ui-carousel .carouselItem {
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin: 5px;
}

.ecc_carousel .ui-carousel-header {
	background: none;
	border: none;
}



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

}

div.action_menu.ui-menu .ui-menu-list .ui-menuitem {
	padding-right: 10px;
}

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

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

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

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

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



/* ================================================== */
/*                Auto Update Sub Menu                */
/* ================================================== */
div.auto_update_menu {
	width: 160px !important;
}

.auto_update_menu .ui-icon.start {
	background-image: url('/javax.faces.resource/images/icons/icon_green_circle.png.jsf?ln=ecc&revision=b0d10569');
}

.auto_update_menu .ui-icon.stop {
	background-image: url('/javax.faces.resource/images/icons/icon_gray_circle.png.jsf?ln=ecc&revision=b0d10569');
}

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


div.auto_update_menu_large {
	width: 240px !important;
}

.auto_update_menu_large .ui-icon.start {
	background-image: url('/javax.faces.resource/images/icons/icon_green_circle.png.jsf?ln=ecc&revision=b0d10569');
}

.auto_update_menu_large .ui-icon.stop {
	background-image: url('/javax.faces.resource/images/icons/icon_gray_circle.png.jsf?ln=ecc&revision=b0d10569');
}

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


/* ================================================== */
/*                    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('/javax.faces.resource/images/icons/icon_green_circle.png.jsf?ln=ecc&revision=b0d10569');
}

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

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

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



/* ================================================== */
/*                  Announcement Bar                  */
/* ================================================== */
.announcement_bar .ui-panel-content {
	background-color: #FFFEA8;
}

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

.ui-panel.announcement_bar {
	border: 0px;
	background-color: #FFFEA8;
/* 	margin-top: 5px; */
}

.announcement_bar .ui-panel-content > div > span {
	font-weight: bold;
}

.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;
}

/* ================================================== */
/*                  Message Bar                  */
/* ================================================== */
.message_bar .ui-panel-titlebar {
	border: none;
	background-color: #FFA8A8;
	height: 20px;
	padding-right: 0;
	border-radius: 0;
}

.ui-panel.message_bar {
	border: 0px;
	background-color: #FFDDDD;
/* 	margin-top: 5px; */
}

.message_bar .ui-panel-content > div > span {
	font-weight: bold;
}

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

/* ================================================== */
/*                  Compliance Bar                  */
/* ================================================== */
.compliance_bar {
	border-radius: 0;
	background-color: transparent;
}

.compliance_bar .compliance_settings {
	display: none;
}

.compliance_active .compliance_bar .compliance_settings {
	display: block;
}

.compliance_bar.ui-panel.ui-widget {
	border: none;
	border-radius: 0 !important;
	height: 40px;
}

.ui-panel.compliance_bar,
.ui-panel.compliance_bar .ui-panel-content {
	padding: 0;
}

.compliance_button.ui-button {
	background: transparent;
	border: 1px solid transparent;
	color: white !important;
}

.big_icon_button.ui-button .ui-icon {
	font-size: 18px;
/* 	line-height: 18px; */
/* 	margin-top: -9px; */
}

.big_icon_button.ui-button .ui-button-text {
	margin-left: 10px;
}

.search_bar_wrapper {
	padding: 0;
	width: 100%;
	border-bottom: 1px solid lightgray;
	background-color: white;
}

.compliance_active .search_bar_wrapper {
/* 	background: #42B27C; */
}

.compliance_indicator {
    /* color: white !important; */
    /* margin-right: 10px !important; */
    padding: 9px 4px;
    height: 40px;
    box-sizing: border-box;
    border: none !important;
    border-left: 1px solid lightgrey !important;
    border-radius: 0 !important;
    /* -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: 0px 0px 2px 0 rgba(0, 0, 0, 0.75) !important; */
    color: gray !important;
/*     background-color: white !important; */
}

.compliance_indicator:hover {
	color: green !important;
}

.compliance_active .compliance_indicator {
	background-color: #f6f6f6 !important;
	color: green !important;
}

.compliance_active .compliance_bar {
	background: #00a800;
}

.compliance_active .compliance_bar {
	background: #00a800;
}

.compliance_running.compliance_bar {
	background: orange;
}

.compliance_indicator .ui-button-text {
	margin-left: 0 !important;
/* 	padding: 0; */
}

.compliance_indicator .ui-button-icon-left {
	font-size: 24px !important;
/* 	left: 2px; */
}

#complianceBar {
/* 	background-color: #bdbdbd; */
}

#complianceBar td {
	padding: 0;
}

.compliance_label {
/* 	color: white; */
/* 	font-weight: bold; */
/* 	padding: 0 10px 0 5px; */
}

.compliance_info {
	color: gray;
	font-size: 14px;
	padding: 0 10px;
}

.compliance_active .compliance_info {
	color: white;
}

.complianceRuleDetailStatsCard table:first-of-type {
	display: inline;
}

.complianceRuleDetailStatsCard table:first-of-type .valueColumn, .complianceRuleDetailStatsCard table:first-of-type .labelColumn{
	vertical-align: baseline;
}

/* ================================================== */
/*                  Announcement Edit                 */
/* ================================================== */
.announcement_textarea {
	float: right;
	width:300px;
	height:100px;
}



/* ================================================== */
/*                     Access Report                  */
/* ================================================== */
.accessProfileReportCalendar img {
	padding: 0 3px;
	vertical-align: middle;
	margin-top: -3px;
	cursor: pointer;
}

#accessProfileReportForm .label {
	width: 150px;
}



/* ================================================== */
/*                        Basket                      */
/* ================================================== */
.basket .basket_icon {
	border: none;
	color: white;
	background-color: #5A7FAA;
	padding: 0 2px;
	margin-right: 5px;
	display: inline-block;
	font-family: Times New Roman, Times New Roman, Times, serif;
	font-size: 10px;
	font-weight: bold;
	box-shadow: none;
	width: 8px;
	text-align: center;
}

.basket .gtin_count_col {
	width: 50px;
	text-align: right;
}

.basket .exclude_col {
	width: 50px;
}

.basket .exclude {
	background: url('/javax.faces.resource/images/icons/icon_remove_filter.png.jsf?ln=ecc&revision=b0d10569') no-repeat;
	display: block;
	margin: 0 auto;
	width: 14px;
}

.basket .ui-treetable-footer {
	text-align: right;
}


/* ================================================== */
/*                  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;
}


/* ================================================== */
/*                        FAQ                         */
/* ================================================== */
#faq .window {
	margin: 3px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    border: none;
}

#faq .window .content {
	background: white;
}

#faq .categories a {
	border: 1px solid transparent;
	display: block;
	padding: 5px;
}

#faq .categories a:hover {
	background-color: #ebf2fd;
	border: 1px solid #5487b1;
}

#faq .categories .selected {
	background-color: #EFEFEF;
	border: 1px solid #CCCCCC;
	font-weight: bold;
}

#faq .categories {
	float: left;
	margin-right: 10px;
	width: 300px;
}

#faq .categories ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

#faq .categories li {
	margin-top: 5px;
}

#faq .categories li:first-child {
	margin-top: 0;
}

#faq .qa {
	overflow: hidden;
}

#faq .qa .number {
	background-color: orange;
	border-radius: 12px;
	color: white;
	float: left;
	margin: 5px 0 0 5px;
	padding: 5px 8px;
}

#faq .qa h3 {
	cursor: pointer;
	font-size: 14px;
	margin: 3px;
	overflow: auto;

	padding: inherit;
}

#faq .qa h3 a {
	float: left;
	padding: 10px;
}

#faq .qa h3 .ui-icon-triangle-1-s,
#faq .qa h3 .ui-icon-triangle-1-e {
	display: block;
	float: right;
	height: 12px;
	margin: 12px;
	width: 16px;

	position: inherit;
	left: inherit;
	top: inherit;
}

#faq .qa h3 .ui-icon-triangle-1-s {
	background: url('/cms-portals/eccatalogue.intertrade.com/cms/images/icons/icon_orange_arrow_down.png') no-repeat;
}

#faq .qa h3 .ui-icon-triangle-1-e {
	background: url('/cms-portals/eccatalogue.intertrade.com/cms/images/icons/icon_orange_arrow_up.png') no-repeat;
}

#faq .qa > div {
	margin: -3px 3px 3px 3px;
}

#faq .qa .ui-state-active {
	background-color: #ebf2fd;
	border: 1px solid #5487b1;
}

#faq .content {
	min-height: inherit;
    margin-bottom: inherit;
}

.ui-accordion-content-active {
	border: none;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}


/* ================================================== */
/*            Company Activities - Tables             */
/* ================================================== */
#company_activities .ui-datatable .ui-expanded-row-content table,
#company_activities .ui-datatable .ui-expanded-row-content tbody,
#company_activities .ui-datatable .ui-expanded-row-content tr,
#company_activities .ui-datatable .ui-expanded-row-content td {
	border: none;
}

#company_activities .ui-datatable .ui-expanded-row-content thead tr {
	display:none;
}

#company_activities .ui-datatable .ui-expanded-row {
/* 	border-bottom: 1px solid #CAD9EE; */
}



/* ================================================== */
/*         Company Activities - Fix Filters           */
/* ================================================== */
#company_activities .ui-datatable-header .ui-panel-titlebar {
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

#company_activities .ui-datatable-header.ui-widget-header {
	padding: 0;
}

#company_activities .ui-datatable-header .ui-panel {
	padding: 0;
	border: none;
}



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

/* ================================================== */
/*                       Reports                      */
/* ================================================== */
.preformattedReportLine {
	white-space:pre;
	font-family:"Courier New", Courier, monospace;
}

/* ================================================== */
/*                  Impersonate page                  */
/* ================================================== */
.columnCompanyName {
	width:200px;
}

.columnCompanyType {
	width:120px;
	text-align:center;
}

.columnFirstname {
	width:140px;
}

.columnLastname{
	width:140px;
}

.columnLastLogin{
	width:100px;
}

.columnVersion {
	width:80px;
	text-align:center;
}

.columnActive{
	width:40px;
}

.columnAction{
	width:40px;
}

/* ================================================== */
/*                     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;
}



/* ================================================== */
/*             Dialog box - Reset Password            */
/* ================================================== */

.dialogBoxResetPasswordMessage{
	font-weight: bold;
	text-align: center;
}

/* ================================================== */
/*                   Dialog box                       */
/* ================================================== */
.confirmDialogLayout .ui-dialog-content{
	padding-top: 10px;
}

.confirmDialogLayout .ui-dialog-content p{
	float: left;
	margin: 0px;
}

/* ================================================== */
/*                     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;
}

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

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

.panelGridLayout tr,
.panelGridLayout td,
.panelGridLayout .ui-panelgrid td{
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	border: 0px;
}

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




/* ================================================== */
/*                    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;
    top: 0;
    left: 0;
    position: absolute;
}

.data_table .paginatorCenterSection{
	margin: 0 170px;
}

.data_table .paginatorRightSection{
	width: 170px;
	top: 0;
	right: 0;
	position: absolute;
}

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


/* ================================================== */
/*           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;
/* 	border-bottom: 1px solid #CAD9EE; */
	padding: 0.5em 1em 0.5em;
}

.ui-panel.ui-widget > div.ui-panel-content {
	border: none;
/* 	border-top: 1px solid #CAD9EE; */
}

/* ================================================== */
/*             Gtin Detail - Edit UpcSln              */
/* ================================================== */
.newUpcSln{
	background-color: #C6FFAA;
}

.warningUpcSlnWarningMessage{
	color: red;
}

.ui-datatable .ui-datatable-data .ui-widget-content .ui-dt-c .warningUpcSlnValue{
	width : 1px;
	white-space : nowrap;
	border: 0 none;
}

.ui-datatable .ui-datatable-data .ui-widget-content .ui-dt-c .warningUpcSlnValue tr,
.ui-datatable .ui-datatable-data .ui-widget-content .ui-dt-c .warningUpcSlnValueColumn{
	border: 0 none;
}

.ui-datatable .ui-datatable-data .ui-dialog-content .detailUpcSlnLabelColumn{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	width : 120px;
	white-space : nowrap;
	border: 0 none;
	text-align: left;
}

.ui-datatable .ui-datatable-data .ui-dialog-content .detailUpcSlnWarningColumn{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:2px;
	width : 20px;
	white-space : nowrap;
	border: 0 none;
	text-align: right;
}

.ui-datatable .ui-datatable-data .ui-dialog-content .detailUpcSlnValueColumn{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:2px;
	width : 200px;
	white-space : nowrap;
	border: 0 none;
	text-align: left;
}

.ui-datatable .ui-datatable-data .ui-dialog-content .detailWarningGlobalMessageIcon{
	border-width: 0px;
	border-style: none;
	text-align: left;
	width: 10px;
}

.ui-datatable .ui-datatable-data .ui-dialog-content .detailWarningGlobalMessage{
	border-width: 0px;
	border-style: none;
	text-align: left;
}

.ui-datatable .ui-datatable-data .ui-dialog-content .detailUpcSlnButton{
	text-align:right;
	width:100%
}

/* ================================================== */
/*      Gtin Detail - Additional Measurements         */
/* ================================================== */
 .ui-datatable .ui-datatable-data .ui-datatable-even .ui-dt-c .selectOneMenuAdditionalMeasurements{
 	width: 200px;
 }

/* ================================================== */
/*                  GS1 US colors                     */
/* ================================================== */
.gs1ColorCodesImg{
	padding:0 0 0 3px;
}
.overlay_table .ui-datatable-data td {
	overflow:visible;
}
.overlay_table .ui-datatable-data .ui-widget-content .ui-dt-c {
	overflow:visible;
}

/* ================================================== */
/*            Price and Terms and Origins             */
/* ================================================== */
.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-datatable-data .ui-expanded-row-content .togglerMoreInfo tr{
 	border: 0 none;
 }

.ui-datatable .ui-datatable-data .ui-expanded-row-content .togglerMoreInfo{
 	margin: 10px 50px 10px 50px;
}

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

.ui-datatable .ui-datatable-data .ui-expanded-row-content .togglerMoreInfoSmallMargin{
 	margin: 0px 10px 10px 10px;
}

/* ================================================== */
/*                   Ingredient                       */
/* ================================================== */
.gtinDetailTable.ui-datatable .ui-datatable-data .ingredientNumberColumn{
	width: 50px;
}

/* ================================================== */
/*             Additional Descriptions                */
/* ================================================== */
.panelGridColumnAdditionalDescription{
	vertical-align: top;
	padding-right:40px;
	padding-bottom:20px;
}

/* ================================================== */
/*                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 {
	width: 350px;
}

.columnInfo30 {
	width: 30%;
}

.columnInfo80 {
	width: 80%;
}

.columnLabel {
	width: 200px;
	color: #707070;
}

.columnLabel20 {
	width: 20%;
	color: #707070;
}


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

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

.header_small_notice {
	margin: 5px 0 0 5px;
	font-size: 1em;
}



/* ================================================== */
/*                      Dashboard                     */
/* ================================================== */
#dashboardForm {
	width: 960px;
	margin: 0 auto;
}

#dashboardForm .group {
	width:50%;
	float: left;
}

#dashboardForm .group .panel {
	margin: 10px;
}

#dashboardForm .group table {
	width: 100%;
	padding: 10px 30px;
}

#dashboardForm .group button {
	width: 100%;
	padding: 5px;
}

#dashboardForm .group button .ui-button-text {
	float: left;
}


/* ================================================== */
/*                        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-growl-item .ui-growl-icon-close {
	display: block;
	padding: 0px;
	top: 0px;
	right: 0px;
	width: 16px;
	height: 16px;
	background-image: url("/javax.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-ecc&v=10.0.0");
	-webkit-border-radius: 0;
	border-radius: 0;
}

.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-message a {
	color: white;
	text-decoration: underline;
}

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

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


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

.ui-datatable .ui-filter-column.smaller .ui-column-filter  {
	width: 50%;
	margin: auto;
}

/* ================================================== */
/*           Other languages Description              */
/* ================================================== */
.otherDescriptionLinkPanel {
	margin-top:10px;
	padding-left:15px
}


/* ================================================== */
/*            		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;
}

.data_table .datatableRowRed{
	background-color: #FF7C7C;
}

.data_table .datatableRowYellow{
	background-color: #FFE575;
}

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

/* ================================================== */
/*            	   Company Management     		      */
/* ================================================== */
.ui-datatable .ui-datatable-data .ui-expanded-row-content .rowTogglerFieldSet{
	margin: 0px 20px 10px 20px;
}

/* ================================================== */
/*                 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: 25px 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('/javax.faces.resource/images/icon_check.gif.jsf?ln=ecc&revision=b0d10569') no-repeat left center;
}

.vr_main_wrapper .content .instruction {
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	background-color: #EEE;
}

.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('/javax.faces.resource/images/icon_acrobat.png.jsf?ln=ecc&revision=b0d10569') no-repeat left center;
	color: #1D86B6;
	padding: 1px 0 1px 20px;
}

.vr_main_wrapper .content .form_wrapper {
	width:100%;
	float: right;
}

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

.vr_main_wrapper .content .horizontalFieldLabelColumn {
	font-size: 12px;
	width: 140px;
}

.serviceLevelOptions {
	font-size: 12px;
}

.registrationCompleteText {
	font-size: 14px;
}

.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;
	padding-top: 20px;
}

.vendorRegistrationLandingPage {
	float:right;
}

.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;
}


/* ================================================== */
/*                 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;
}

/* ================================================== */
/*            GS1 US Admin Only Message               */
/* ================================================== */
.columnsGs1AdminOnlyMessage{
	text-align: right;
}

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

/* ================================================== */
/*               Image Hosting Service Message               */
/* ================================================== */
.columnsImageHostingServiceAdminOnlyMessage{
	text-align: right;
}

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

.deleteImageFilesList {
	min-height:40px;
	max-height:300px;
	overflow:auto;
	width:100%;
}

.deleteImageFilesListLabel {
	color:#999;
}

.deleteImageFilesListCurrentProductLabel {
	color:#39f;
}

/* ================================================== */
/*                  Batch requests                    */
/* ================================================== */
.stackTraceText{
	width:100%;
	height:400px;
}

.stackTracePre{
	padding:0 0 0 10px;
}

.adminBreadcrumbs {
	border:none;
	background:none;
	padding: 0;

}

.adminBatchRequestPending  {
	color:#000;
}

.adminBatchRequestDeleted {
	color:#004E9E;
}

.adminBatchRequestSuccess {
	color:#15AF18;
}

.adminBatchRequestSuccessWarning {
	color:#15AF18;
	background-color:#F8F8AA;
}

.adminBatchRequestError,
.adminBatchRequestError a {
	color:#DF1B1B;
}

/* ================================================== */
/*                  Datafiles                    	  */
/* ================================================== */
.datafileProcessed {
	color:#15AF18;
}

.datafileUnprocessed {
	color:#DF1B1B;
}

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


/* ================================================== */
/*         Vendor Registration (Activation)           */
/* ================================================== */
.vendorRegistrationEditColumn {
	vertical-align: top;
	padding: 5px;
}

.regPortalLinkTc {
	text-decoration: underline;
}

/* ================================================== */
/*         User Session Logs                          */
/* ================================================== */
.userSessionColumn {
	vertical-align: top;
	padding: 5px;
}
.userSessionColumn .wrapContent{
	display:block;
}
/* ================================================== */
/*                  See All Link                      */
/* ================================================== */
.seeAllLink{
	text-decoration: underline;
}

/* ================================================== */
/*                 Important Text                     */
/* ================================================== */
.importantText{
	color: red;
}

/* ================================================== */
/*                    File upload                     */
/* ================================================== */
.fuQuickTip {
	font-weight :bold;
}

.fuFixIe10 .fileupload-buttonbar .ui-button input{
    top: -1px !important;
    right: -1px !important;
    font-size:400px;
}

/* ================================================== */
/*                 Batch Management                   */
/* ================================================== */
.batchManagementStatusPanel {
	 margin-bottom: 10px;
}
.batchManagementEnabledLabel {
	font-weight:bold;
	color:#0F0;
}
.batchManagementDisabledLabel {
	font-weight:bold;
	color:#F00;
}
.batchManagementBigButtonPanel {
	width: 360px;
	margin: 0 auto;
}
/* ================================================== */
/*                 Retailer Profile                   */
/* ================================================== */
.invisibleDataList .ui-datalist-content {
	border:0 none;
}

/* ================================================== */
/*                 Batch Monitoring                   */
/* ================================================== */
.batchMonitoringUnhealthy .ui-panel-titlebar {
	background: url('/javax.faces.resource/images/icons/icon_red_circle.png.jsf?ln=ecc&revision=b0d10569') no-repeat top 6px left 8px #E3EBF4;
	padding-left:30px !important;
}

.batchMonitoringHealthy .ui-panel-titlebar {
	background: url('/javax.faces.resource/images/icons/icon_green_circle.png.jsf?ln=ecc&revision=b0d10569') no-repeat top 6px left 8px #E3EBF4;
	padding-left:30px !important;
}

.emailDialogLabelColumn{
	vertical-align:top;
	width : 125px;
	border: 0 none;
	font-weight: bold;
}

.emailDialogValueColumn{
	vertical-align:top;
	border: 0 none;
}

.emailDialogGrid {
	width: 100%;
}

.emailDialogGrid tr{
 	border: 0 none;
}

.emailDialogBtns{
 	position:absolute;
 	bottom:5px;
 	right:10px;
}

/* ================================================== */
/*                    Image Hosting                   */
/* ================================================== */
.imageHostingPanelGrid{
	border:0 none;
}

.imageHostingPanelGrid tr, .imageHostingPanelGrid td {
	border:0 none;
}

.jqplot-meterGauge-label {
	color:#FFF !important;
}

.meterGaugeLegend td{
	border: 1px solid #cad9ee;
}

/* ================================================== */
/*                 Feature                  		  */
/* ================================================== */
.featuresTable td {
	vertical-align: top;
}

.featureDataList,
.featureDataList .ui-widget-content {
	border:0 none !important;
	background: none;
}

.featureDataList ul {
	margin: 0;
}

.gtinDetailTable.ui-datatable .ui-datatable-data .multiValueDescriptionNumberColumn {
	width: 50px;
}

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

/* ================================================== */
/*                ProductDescription           		  */
/* ================================================== */
.furDataList,
.furDataList .ui-widget-content {
	border:0 none !important;
	background: none;
}

.furDataList ul {
	margin: 0;
}

.furDataList.singleEntry ul {
	margin: 0;
	padding:0;
}

.productDescriptionTable td {
	vertical-align: top;
}
.productDescriptionPanelGridColumn {
	width: 250px;
}

.rowExpandAccordeon {
	padding-left:50px;
}

/* ================================================== */
/*                  Button Link             		  */
/* ================================================== */
.buttonLinkOrange{
	height: 25px;
	background-color: #ff7c00;
	border-color: #ff7c00 !important;
	background: #ff7c00 url("/javax.faces.resource/images/ui-bg_highlight-soft_50_ff7c00_1x100.png.jsf?ln=primefaces-ecc&v=10.0.0") 50% 50% repeat-x !important;
}

.buttonLinkOrange .ui-panel-content{
	padding:4px 12px 3px 12px;
}

.buttonLinkOrangeLabel{
	display:block;
	padding:0px 0px 0px 0px;
	font-weight: bold;
	color: #fff !important;
}

.buttonLinkOrange:hover{
	background: #ff7c00 url("/javax.faces.resource/images/ui-bg_highlight-hard_75_ff7c00_1x100.png.jsf?ln=primefaces-ecc&v=10.0.0") 50% 50% repeat-x !important;
}

.buttonLinkStandard{
	margin: 2px;
	height: 23px;
	background-color: #f0f4f8;
	border-color: #cad9ee !important;
	background: #f0f4f8 url("/javax.faces.resource/images/ui-bg_highlight-soft_50_f0f4f8_1x100.png.jsf?ln=primefaces-ecc") 50% 50% repeat-x !important;
}

.buttonLinkStandard .ui-panel-content{
	padding:4px 12px 3px 12px;
}

.buttonLinkStandardLabel{
	display:block;
	padding:0px 0px 0px 0px;
	font-weight: bold;
	color: #4f4f4f !important;
}

.buttonLinkStandardLabel:hover{
	color: #313131 !important;
}

.buttonLinkStandard:hover{
	background: #cad9ee url("/javax.faces.resource/images/ui-bg_highlight-hard_75_cad9ee_1x100.png.jsf?ln=primefaces-ecc") 50% 50% repeat-x !important;
}

/* ================================================== */
/*                   Seach 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;
}

.buttonPanelWithSearch .searchPanel {
	position: relative;
	border-bottom: none;
	background-color: #CAD9EE;
 	background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) );
 	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0) ), to(rgba(255, 255, 255, 0.3) ) );
 	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) );
	padding: 4px;
	display: inline-block;
	margin-bottom: -1px;
	z-index: 1000;
}

.buttonPanelWithSearch .searchPanel input {
	padding: 2px;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container{
	width: 97%;
}


/* ================================================== */
/*                   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-medium{
	font-size: 14px !important;
}

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

.icon-yellow{
	color: #FF8C00 !important;
}

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

.icon-red-dark{
	color: #8F1F31 !important;
}


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

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

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

.icon-tertiary-blue{
	color: #0046DE !important;
}

.icon-orange{
	color: #AB430B !important;
}

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

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

.icon-hidden{
	visibility: hidden;
}

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


/* ================================================== */
/*   Patch to remove red highlight for tabs in error  */
/* ================================================== */
.noErrorHighlighting .ui-tab-error {
	background-color: #E3EBF4 !important;
	border: 1px solid #cad9ee !important;
}

.noErrorHighlighting .ui-tab-error a {
	color: #4f4f4f !important;
}

.noErrorHighlighting .ui-state-active.ui-tab-error {
	background-color: white !important;
	border-bottom: 1px solid white !important;
}


/* ================================================== */
/*             Export Excel Pick List                 */
/* ================================================== */
.exportExcelPicklist.ui-picklist {
	margin: 0 auto;
}

.exportExcelPicklist.ui-picklist .ui-picklist-list {
	height: 500px;
	width: 400px;
}

.exportExcelPicklist.ui-picklist .ui-picklist-filter {
	box-sizing: border-box;
	margin-bottom: 5px;
	width: 100%;
}


/* ================================================== */
/*             Custom RowToggler Icon                 */
/* ================================================== */
.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";
}



/* ================================================== */
/*          Data Export Settings Picklist             */
/* ================================================== */
.exportExcelPicklist .ui-picklist-caption.ui-widget-header {
	padding: 0;
}

.exportExcelPicklist.ui-picklist.VENDOR .ui-picklist-list.ui-picklist-target {
	height: 291px;
	border-top: none;
	margin-top: -1px;
}


/* ================================================== */
/*              Data Export Datatable                 */
/* ================================================== */
.dataExport.ui-datatable tr.highlight {
	background-color: yellow !important;
}



/* ================================================== */
/*                   Seach 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;
}





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

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


.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); */

	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);

}

.card.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}

.card.ui-tabs .ui-tabs-panels {
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}

.card.ui-tabs {
	background: none;
	border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.data_table > .ui-widget-header {
	background: white;
	border: none;
}



.ui-dialog .ui-dialog-titlebar h1 {
	margin: 0;
}

.ui-dialog .ui-dialog-content.ui-df-content {
	display: flex;
}

.dialog_wrapper {
	padding: 10px;
	background: white;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus, .ui-dialog .ui-dialog-titlebar-minimize:hover, .ui-dialog .ui-dialog-titlebar-minimize:focus, .ui-dialog .ui-dialog-titlebar-maximize:hover, .ui-dialog .ui-dialog-titlebar-maximize:focus {
	padding: 1px;
}

.dialogContent h1 {
	margin: 0 0 10px 0;
}

/* ================================================== */
/*            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;

}



.gtinDetailTabSection {
	margin-bottom: 10px;
	border: none;
}

.gtinDetailTabSection > .ui-panel-titlebar {
	background: none;
}

.gtinDetailTabSection > .ui-panel-titlebar .ui-panel-title {
	font-size: 1.2em;
}


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

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



.grid-toolbar.ui-toolbar {
	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;
}

/* Primefaces 10 DIRTY HACK */
/*Dirty hack to change the display the grid toolbar for the new layout on primefaces 10 (Left or right) */
.ui-toolbar{display:block; align-items:center;justify-content:space-between;flex-wrap:wrap}
.ui-toolbar-group-left{
	float: left !important;
}
.ui-toolbar-group-right{
	float: right !important;
}

/*For reference only, Primefaces 10 components.css */
/*.ui-toolbar{padding:.2em}.ui-toolbar .ui-separator{display:inline-block;vertical-align:middle}.ui-toolbar-group-left{float:left}.ui-toolbar-group-right{float:right}*/

/*For reference only, Primefaces 8 components.css */
/*.ui-toolbar{padding:.2em}.ui-toolbar .ui-separator{display:inline-block;vertical-align:middle}.ui-toolbar-group-left{float:left}.ui-toolbar-group-right{float:right}*/

.cronExpressions td {
	padding: 4px 10px;
}

.cronExpressions .cronExpressionsTableHeader {
	font-weight: bold;
}




.error_tooltip .ui-tooltip-text {
	padding: 0;
}

.error_tooltip .error_message {
	margin: 0;
}


/* ================================================== */
/*                    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;
}


.card.info {
	background-color: #ffffbf;
}


.ui-tabs .ui-tabs-nav li.complianceTab {
/* 	background: #00a800; */
}

.ui-tabs .ui-tabs-nav li.complianceTab a {
/* 	color: white; */
/* 	padding: 0.3em 1em; */
}

.ui-datatable tr.disabled {
	color: lightgray;
}





/* ================================================== */
/*                    Compliance                      */
/* ================================================== */
.small_stat {
	float: left;
	width: 200px;
	position: relative;
}

.small_stat .ui-panel {
	text-align: center;
	margin-bottom: 20px;
}

.small_stat .ui-panel .ui-panel-content {
	padding: 10px;
}

.small_stat .ui-panel h3 {
	position: absolute;
	margin: 10px;
	left: 0;
	right: 0;
}

.small_stat .stat_wrapper {
	display: block;
	text-align: center;
	height: 103px;
	vertical-align: middle;
	margin-top: 36px;
}

.small_stat .stat_text {
	line-height: 103px;
	font-weight: bold;
	font-size: 30px;
/* 	font-family: Arial;  */
	color: black;
}

.small_stat .stat_wrapper .small_stat_compliance_bar {
	padding-top: 5px;
	padding-left: 25%;
	padding-right: 25%;
}

.small_stat .legend_box_compliant {
	height: 10px;
	width: 10px;
	background: #ADEBAD;
	border: 1px solid #f6f6f6;
}

.small_stat .legend_box_non_compliant {
	height: 10px;
	width: 10px;
	background : #FF9999;
	border: 1px solid #f6f6f6;
}

.small_stat .legend_label {
	width: 60%;
	text-align: right;
}

.small_stat .legend_value {
	line-height: 20px;
	font-weight: bold;
	font-size: 13px;
	width: 40%;
	text-align: right;
}

.small_stats_container_left {
	float: left;
	width: 200px;
}


.compliance.GOOD .ui-progressbar-value {
	background-color: limegreen;
}

.compliance.NEUTRAL .ui-progressbar-value {
	background-color: orange;
}

.compliance.BAD .ui-progressbar-value {
	background-color: red;
}

.data_table.ui-datatable .filter_inline .ui-column-filter,
.data_table.ui-datatable .filter_inline .ui-column-customfilter,
.data_table.ui-datatable .ui-filter-column .filter_inline .ui-column-filter {
	display: inline;
}



/* ================================================== */
/*                  Contact Cards                     */
/* ================================================== */
.contact_card {
	margin: 10px;
	float: left;
	min-width: 350px;
}

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

.contact_card table {
	border-collapse: collapse;
}

.contact_card .contact_image {
	background-color: #f6f6f6;
	border-right: 1px solid #e5e5e5;
	padding: 0 15px;
	height: 130px;
}

.contact_card .contact_info {
	padding: 10px;
	vertical-align: top;
}

.contact_card .contact_info .fa {
	color: gray;
	width: 15px;
}



.productCategoryDialog.ui-dialog .ui-dialog-content {
	overflow: inherit;
}

.productCategoryDialog.ui-dialog .ui-tree .ui-treenode-label {
	padding: 3px;
}

.productCategoryDialog.ui-dialog .ui-tree .ui-treenode-label.ui-state-highlight {
	background: blue;
	color: white;
}

.productCategoryDialog .ui-treetable.ui-treetable-scrollable table {
    table-layout: fixed !important;
}

#productCategoryDialogForm .popular .ui-treenode-icon {
	color: orange;
}

/* ================================================== */
/*                   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;
}

/* ================================================== */
/*             Product Image File Upload              */
/* ================================================== */
#imageFileUploadDiv .ui-widget-header {
	background:#f2f2f2 !important;
}

#imageFileUploadDiv .ui-fileupload {
	border: 1px dashed #CCCCCC;
	height: 355px;
	font-family: roboto;
	color: #333333;
	font-weight: 600;
	font-size: 14px;
	padding: 190px 0 0 0;
	box-sizing: border-box;
	background:#f2f2f2 url('/javax.faces.resource/images/camera_drop.png.jsf?ln=ecc&revision=b0d10569') no-repeat center 100px;
	text-align: center;
	border-radius: 3px;
	position: relative;
	color: red !important;
}

#imageFileUploadDiv .ui-fileupload-buttonbar{
	border-style: none;
	padding-left: 9px;
}

#imageFileUploadDiv .ui-fileupload-content{
	border-style: none;
	position: absolute;
	top: 1px;
	left: 1px;
	padding: 0 !important;
	margin: 0;
	width: 497px;
	background: #f2f2f2 !important;
}

#imageFileUploadDiv .ui-fileupload-row>div {
	display: block;
	font-family: Arial, sans-serif;
	width: 497px;
	padding: 15px 0 0 0 !important;
	margin: 0 !important;
}

#imageFileUploadDiv .ui-fileupload-progress {
	position: relative;
	display: none !important;
}

#imageFileUploadDiv .ui-progressbar {
	position: absolute;
	left: 50%;
	margin-left: -100px;
}

#imageFileUploadDiv .ui-fileupload-progress {
	height: 30px;
}

/* ================================================== */
/*             Image File Upload Page                 */
/* ================================================== */
#imageFileUploadPageDiv .ui-widget-header {
	background:#f2f2f2 !important;
}

#imageFileUploadPageDiv .ui-fileupload {
	border: 1px dashed #CCCCCC;
	height: 160px;
	font-family: roboto;
	color: #333333;
	font-weight: 600;
	font-size: 14px;
	padding: 110px 0 0 0;
	box-sizing: border-box;
	background:#f2f2f2 url('/javax.faces.resource/images/camera_drop_image_file_upload_page.png.jsf?ln=ecc&revision=b0d10569') no-repeat center 20px;
	text-align: center;
	border-radius: 3px;
	position: relative;
	color: red !important;
}

#imageFileUploadPageDiv .ui-fileupload-buttonbar{
	border-style: none;
	padding-left: 9px;
}

#imageFileUploadPageDiv .ui-fileupload-content{
	border-style: none;
	position: absolute;
	top: 1px;
	left: 1px;
	padding: 0 !important;
	margin: 0;
	background: #f2f2f2 !important;
}

/* ================================================== */
/*                  Rules Subscription                */
/* ================================================== */

.rules-subscription.data_table.ui-datatable > div > table > tbody > tr > td {
    vertical-align: middle;
}

.rules-subscription .ui-selectonemenu.severity {
	color: white;
	background: white;
	box-sizing: content-box;
}

.rules-subscription .ui-selectonemenu.severity .ui-selectonemenu-label,
.rules-subscription .ui-selectonemenu.severity .ui-selectonemenu-trigger {
	color: gray;
	background: transparent;
}

.rules-subscription .ui-selectonemenu.severity.PREVIEW {
	border-color: rgb(94, 48, 232);
	background: rgb(94, 48, 232);
}

.rules-subscription .ui-selectonemenu.severity.PREVIEW .ui-selectonemenu-label {
	color: white;
}

.rules-subscription .ui-selectonemenu.severity.PREVIEW .ui-selectonemenu-trigger .ui-icon {
	background-image: url(/javax.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-ecc);
}

.rules-subscription .ui-selectonemenu.severity.WARNING {
	border-color: orange;
	background: rgba(255, 165, 0, 1);
}

.rules-subscription .ui-selectonemenu.severity.WARNING .ui-selectonemenu-label {
	color: white;
}

.rules-subscription .ui-selectonemenu.severity.WARNING .ui-selectonemenu-trigger .ui-icon {
	background-image: url(/javax.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-ecc);
}

.rules-subscription .ui-selectonemenu.severity.ERROR {
	border-color: red;
	background: rgba(255, 0, 0, 1);
}

.rules-subscription .ui-selectonemenu.severity.ERROR .ui-selectonemenu-label {
	color: white;
}

.rules-subscription .ui-selectonemenu.severity.ERROR .ui-selectonemenu-trigger .ui-icon {
	background-image: url(/javax.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-ecc);
}


.no-schema,
.no-schema a {
	text-decoration: line-through !important;
	color: lightgray;
}

.message_panel_info {
	padding: 5px;
	background-color: #3192e1;
	color: white;
	font-size: 12px;
}

.rules-subscription-eval-from-date-panel {
    float: left;
}

.rules-subscription-eval-from-date-refr-freq-panel {
    float: left;
    padding-left: 90px;
}

.rules-subscription-eval-from-date-refr-nb-month-panel {
    float: left;
}

.circle_no_product {
	display: block;
	width: 220px;
	height: 220px;
	margin: 40px auto 16px auto;
	background: #F2F2F2 url('/javax.faces.resource/images/icons/icon_product.png.jsf?ln=ecc&revision=b0d10569') center center no-repeat;
	border-radius: 150px;
}

.circle_no_gtin {
	display: block;
	width: 220px;
	height: 220px;
	margin: 40px auto 16px auto;
	background: #F2F2F2 url('/javax.faces.resource/images/icons/icon_gtin.png.jsf?ln=ecc&revision=b0d10569') center center no-repeat;
	border-radius: 150px;
}

.no_product_image {
	display: block;
	width: 160px;
	height: 160px;
	margin: 20px auto 16px auto;
	background: #F2F2F2 url('/javax.faces.resource/images/no_image_large.png.jsf?ln=ecc&revision=b0d10569') center center no-repeat;
}

.no_product_image_add {
	display: block;
	width: 160px;
	height: 160px;
	margin: 20px auto 16px auto;
	background: #F2F2F2 url('/javax.faces.resource/images/no_image_large_add.png.jsf?ln=ecc&revision=b0d10569') center center no-repeat;
}

.image_library_no_image_add {
	display: block;
	width: 160px;
	height: 160px;
	margin: 20px auto 16px auto;
	background: #F2F2F2 url('/javax.faces.resource/images/image_library_no_image_add.png.jsf?ln=ecc&revision=b0d10569') center center no-repeat;
}

.image_library_no_image {
	display: block;
	width: 160px;
	height: 160px;
	margin: 20px auto 16px auto;
	background: #F2F2F2 url('/javax.faces.resource/images/image_library_no_image.png.jsf?ln=ecc&revision=b0d10569') center center no-repeat;
}

.ui-lightbox-nav-right {
    visibility: hidden !important;
}
.ui-lightbox-nav-left {
    visibility: hidden !important;
}

.product-image-galleria .ui-galleria-frame-image {
    width: auto !important;
}

.ui-lightbox {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.ui-lightbox .ui-widget-header {
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    height: 25px !important;
}

.ui-lightbox-content img {
    position: absolute !important;
    top: 25px !important;
	max-width: 80vw !important;
	max-height: 80vh !important;
	background-color: white;
}

.ui-lightbox-close .ui-state-hover {
    border: 0 !important;
    font-weight: normal !important;
    color: #ededed !important;
}

.top-alignment {
	vertical-align: top;
}

.vendorPrefix_list_status {
	text-transform: uppercase;
	padding: 3px 6px;
	color: white;
}

/* ================================================== */
/*                  CHANNEL LIST                      */
/* ================================================== */
.channel-list-box-parent {
	display: flex;
	flex-wrap: wrap;
}

.channel-list-box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 10px 10px 10px;
	padding: 16px;
	height: 244px;
	width: 360px;

	background: #FFFFFF;

	box-shadow: 0px 4px 8px rgba(162, 162, 162, 0.44);
	border-radius: 8px;
}

.channel-box-top-row-info {
	margin-top: 5px;
	display: flex;
}

.channel-box-column-logo {
	padding-top: 5px;
	flex: 15%;
}
.channel-box-column-name-info {
	flex: 85%;
}

.channel-box-title {
	padding-top: 5px;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	color: #041032;
}

.channel-box-sub-title {
	padding-top: 5px;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: #717077;
}

.channel-box-logo {
	width: 40px;
}

.channel-box-inner-box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding: 16px;

	position: static;
	width: 360px;
	height: 161px;
	left: 16px;
	top: 72px;

	border: 1px solid #DADADA;
	box-sizing: border-box;
	border-radius: 4px;
	margin: 10px 0px;
}

.channel-box-inner-box-not-fully-connected {
	/* Salmon color for "Not Connected" and "Requires Action" tiles */
	background: #FEF0E9;
}

.channel-box-inner-box-connected-no-product {
	/* Light Blue for "Add Products" tile */
	background: #F9FAFF;
}

.channel-box-inner-box-syndicating {
	/* Light Blue for "Syndicating" tile */
	background: #F9FAFF;
}

 /* Add Products / Connect Channel / Awaiting Authorization */
.channel-box-inner-box-content {
	margin-top: 55px;
	height: 16px;

	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;

	display: flex;
	align-items: center;
	text-align: center;

	color: #041032;
}

/* Syndicating */
.channel-box-inner-box-content-syndicating {
	margin-top: 55px;
	height: 16px;

	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;

	display: flex;
	align-items: center;
	text-align: left;

	color: #041032;
}

.channel-box-inner-box-image {
	width: 70px;
}

.channel-box-inner-box-image-syndicating {
	width: 70px;
	padding-right: 10px;
}

.channel-box-inner-box-connected-with-products {
	height: 125px;
	/* White for "Connected with products" tile */
	background: #FFFFFF;
}

.channel-box-connected-with-products-row-info {
	padding-top: 15px;
	display: flex;
}

.channel-box-connected-with-products-column-product {
	width: 140px;
}

.channel-box-connected-with-products-column-tag {
	width: 50px;
	padding-top: 12px;
	padding-right: 5px;
}

.channel-box-connected-with-products-column-product-status {
	width: 150px;
	padding-top: 0px;
}

.channel-box-connected-with-products-product-count {
	font-size: 35px;
	font-weight: bold;
	text-align: center;
}

.channel-box-connected-with-products-product-text {
	padding-top: 5px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.channel-box-connected-with-products-status-section {
	padding-top: 5px;
}

.channel-box-connected-with-products-count-text {
	font-size: 14px;
	font-weight: bold;
}

.channel-box-connected-with-products-link {
	font-size: 12px;
	/*color: #0046DE;*/
	padding-left: 3px;
}

.channel-box-syndication-top-row-info {
	margin-top: 5px;
	display: flex;
}

.channel-box-syndication-column-date {
	padding-top: 5px;
	flex: 70%;
}

.channel-box-syndication-column-errors-stopped {
	display: flex;
	justify-content: flex-end;
	flex: 30%;
}

/* Syndication */
.channel-box-connected-with-products-syndication {
	color: #717077;
}

.channel-box-connected-with-products-syndication-text-label {
	background-color: #FDEBEE;
	padding: 3px;
	border: 1px solid #8F1F31;
	border-radius: 2px;
}

.channel-box-connected-with-products-syndication-date-link {
	color: #0046DE;
}

.channel-box-connected-with-products-syndication-errors-stopped {
	padding-right: 5px;
}

.channel-box-connected-with-products-syndication-text-label-errors {
	color: #8F1F31;
}

.channel-box-connected-with-products-syndication-text-label-stopped {
	color: #8F1F31;
}

.channels-attribute-list-box {
	display: flex;
	flex-direction: column;

	padding-top: 5px;
	padding-bottom: 10px;
	margin-top: 10px;
	width: 100%;

	background: #FFFFFF;

	box-shadow: 0px 4px 8px rgba(162, 162, 162, 0.44);
	border-radius: 8px;
}

/* Syndication Request Errors */
.syndication-request-errors-error-box {
	display: flex;
	flex-direction: column;
	padding: 10px;

	position: static;
	width: 200px;
	height: 60px;

	border: 1px solid #DADADA;
	box-sizing: border-box;
	border-radius: 4px;
	margin: 10px 0px;
}

.syndication-request-errors-error-box-error {
	/* Light Blue */
	background: #F9FAFF;
}