/**
*Changing Primefaces UI 
*All styles below will be applied for
*/
/*html {background: none; background-color: #fff;}*/
.ui-widget-content {background: #efefef;}
/**
*General Changes on form items (input, button, select...)
*/
/* Input */
.ui-inputfield,
.ui-widget-header .ui-inputfield, 
.ui-widget-content .ui-inputfield {
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); /* W3C */
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #433f38;
	border: 1px solid #c6c6c6;
	width: 322px;
	height: 28px;
	line-height: 28px;
	padding: 4px;
	font-weight: normal;
}
.ie9 .ui-inputfield,
.ie9 .ui-widget-header .ui-inputfield,
.ie9 .ui-widget-content .ui-inputfield {
	background: url("/portal/javax.faces.resource/images/background-inputs.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") repeat 0 0 transparent;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ededed);
	zoom: 1;
}
.ui-inputfield.ui-state-focus,
.ui-widget-content .ui-inputfield.ui-state-focus,
.ui-widget-header .ui-inputfield.ui-state-focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #8b8b8b;
}
/* Error Messages */
.ui-inputfield.ui-state-error,
.errorEditor, 
.ui-selectonemenu.ui-state-error,
#wrapper-main .ui-selectonemenu.ui-state-error,
#wrapper-main .ui-selectonemenu.ui-state-error.ui-state-focus,
.ui-inputfield.ui-state-error.ui-state-focus,
#wrapper-main .ui-inputfield.ui-state-error.ui-state-focus,
#wrapper-main .ui-inputfield.ui-state-error,
.ui-selectonemenu.ui-state-error.ui-state-focus{border: 1px solid #ff3035;}

/* Datepicker */
.ui-datepicker.ui-widget-content {background: #fff;}
.ui-datepicker .ui-datepicker-header{
	background: #e08484;
	color: #fff;
}
.ui-datepicker .ui-state-default {
	background: #f0f0f0; /* Old browsers */
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #d4d4d4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f0f0f0 0%, #d4d4d4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f0f0f0 0%, #d4d4d4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f0f0f0 0%, #d4d4d4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f0f0f0 0%, #d4d4d4 100%); /* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */
	font-weight: bold;
}
button.ui-datepicker-trigger.ui-button-icon-only{
	border: 0;
	background: none;
}

.date-input-maintenance .ui-inputfield{
    width: 80px;
}

.date-input-maintenance .ui-icon-calendar{
    background: url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat  -208px -1px transparent;
    width: 25px;
    height: 25px;
    margin-left: -13px;
    margin-top: -12px;
}

.date-input .ui-icon-calendar {
	background: url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat  -208px -1px transparent;
	width: 30px;
	height: 30px;
	margin-left: -13px;
	margin-top: -12px;
}

.ui-state-error-calendar input.hasDatepicker {border: 1px solid #f00;} /* This datepicker appears on Cart List Page */

/*Pagination for table Lists*/
span.ui-paginator-next.ui-state-hover span.ui-icon,
span.ui-paginator-prev.ui-state-hover span.ui-icon {background-image: none;}
.chrome span.ui-paginator-next span.ui-icon,
.chrome span.ui-paginator-prev span.ui-icon,
.ff span.ui-paginator-next span.ui-icon,
.ff span.ui-paginator-prev span.ui-icon {margin-top: -2px;}

/**
*Modal /Overlay /Dialog 
*/
.ui-dialog {
	background: #f3f3f3;
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F3F3F3', endColorstr='#F3F3F3',GradientType=0 );
}
.ui-dialog .wrapper-blue-button button {
	border: 1px solid #7693aa;
	min-width: 80px;
}
.ui-dialog .wrapper-button {
	width: 100%;
	margin: 49px 0 0;
	text-align: center;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close {
	background: #8cadc7; /* Old browsers */
	background: -moz-linear-gradient(top,  #8cadc7 5%, #6592b5 6%, #67a0ce 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#8cadc7), color-stop(6%,#6592b5), color-stop(100%,#67a0ce)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8cadc7 5%,#6592b5 6%,#67a0ce 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8cadc7 5%,#6592b5 6%,#67a0ce 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8cadc7 5%,#6592b5 6%,#67a0ce 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8cadc7 5%,#6592b5 6%,#67a0ce 100%); /* W3C */
	width: 23px;
	height: 23px;
	padding: 0;
}
.ui-dialog .ui-dialog-title {
	font-size: 24px;
	color: #c90c0c;
	margin-top: -4px;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
	background-image: url("/portal/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3");
    margin-left: 3px;
    margin-top: 3px;
}
.ui-dialog .modal-wrapper-input {
	width: 100%;
	text-align: center;
	margin-top: 52px;
}
.ui-dialog .ui-inputfield {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #433f38;
	border: 1px solid #c6c6c6;
	height: 28px;
	line-height: 28px;
	padding: 4px;
	font-weight: normal;
}
.ui-dialog .ui-inputfield.ui-state-focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #8b8b8b;
}
.ui-dialog .modal-message-wrapper {
	height: 10px;
	position: relative;
	margin: 0 auto;
	padding: 0 0px;
	display: inline-table;
	width: 100%;
}
.ui-dialog .ui-state-error,
.ui-dialog .ui-state-error.ui-state-focus {border: 1px solid #ff3035;}
.ui-dialog .wrapper-blue-button .ui-button-text {margin: 0;}

/* Upload Modal */
.ui-dialog .fileupload-content.ui-widget-content.ui-corner-bottom{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #c6c6c6;
}

/* Upload Modal */
.upload-block .fileupload-content.ui-widget-content.ui-corner-bottom{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #c6c6c6;
}



/*Download Products Modal*/
.productsDownload .ui-dialog-buttonpane {
	padding-top: 20px;
	padding-bottom: 20px;
}
.productsDownload .ui-icon-alert {margin-top: 0;}
#productsDownloadForm .wrapper-radios {
	margin: 0 auto;
	width: 250px;
}
#productsDownloadForm .wrapper-radios .ui-selectonemenu { float: left;}
#productsDownloadForm .wrapper-radios .wrapper-button {
	float: right;
	margin: 0;
}
#productsDownloadForm .wrapper-radios .wrapper-button button {margin-top: 4px;}

/* Add to Cart Modal*/
.ui-dialog .productImage {
	float: left;
	margin-right: 10px;
	min-height: 120px;
	min-width: 120px;
}
.ui-dialog .productDetails {
	position: relative;
	font-size: 14px;
	color: #5d5d5d;
}
.ui-dialog .productDetails .productPrice {
    bottom: -36px;
    position: absolute;
    right: 0;
}
.ui-dialog .productDetails .boxProductPrice {
	color: #116f80;
	font-size: 24px;
	padding: 10px;
	background: #d1d1d1;
}
.ui-dialog .modal-line-group,
.ui-dialog .modal-line-group-bottom {margin-top: 30px;}
.ui-dialog .modal-wrapper-input{
    margin-top: 0px;
    max-width: 250px;
	text-align: left;
	float: left;
}
.ui-dialog .modal-wrapper-input .ui-datepicker-trigger {margin-left: -35px;}
.ie7 .ui-dialog .modal-wrapper-input .ui-datepicker-trigger{
	position: absolute;
	right: -28px;
	top: 5px;
}
.ui-dialog .inputOrder {
	margin-right: 20px;
	width: 230px;
}
.ui-dialog .inputItem {
	width: 230px;
}
.ui-dialog .modal-line-group-bottom .modal-wrapper-input {
	margin-right: 20px;
	width: 172px
}
.ui-dialog .modal-line-group-bottom .inputQty,
.ui-dialog .modal-line-group-bottom .hasDatepicker {width: 170px;}
.ui-dialog .modal-wrapper-input .cart-date-input button{
	border: none;
	background: none;
	-ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
	zoom: 1;
	margin: -30px 0 0 150px;
	width: 20px;
}

/* Only for IE 10 and 11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ui-dialog .modal-wrapper-input .cart-date-input button{
	border: none;
	background: none;
	-ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
	zoom: 1;
	margin: -30px 0 0 -35px;
	width: 20px;
	}
}	

.ie7 .ui-dialog .date-input .ui-icon-calendar {margin-top: 25px;} 
.ui-dialog .modal-wrapper-input .cart-date-input button span.ui-button-text {outline: none;}
.ff .ui-dialog .modal-wrapper-input.calendar {position: relative;}
.ff .ui-dialog .modal-wrapper-input.calendar .cart-date-input button{
	margin: 0;
	position: absolute;
	top: 7px;
	right: 0;
}
.ie .ui-dialog .modal-wrapper-input .cart-date-input button,
.ie .ui-dialog .modal-wrapper-input .cart-date-input button {
	position: absolute;
	left: 0;
	top: 15px;
}
.ie7 .ui-dialog .modal-wrapper-input .cart-date-input button {top: 0;}
.ie .ui-dialog .modal-wrapper-input .cart-date-input{
	width: 175px;
	position: relative;
}
.ui-dialog .wrapper-button{
	float: left;
	width: 105px;
	margin: 3px 0 0 0;
	padding: 0;
}
.ui-dialog .wrapper-button button {width: 105px;}
.ie9 .ui-overlay-hidden {display: none;}
.ie9 .cancelDetails .ui-dialog-content {overflow: hidden;}
.ie7 .cancelDetails .ui-datatable-tablewrapper {overflow:visible;}
.ie7 .cancelDetails .ui-datatable-tablewrapper table {position: relative;}
#dialogRecoveryPassword form {text-align: center;}
#dialogRecoveryPassword .modal-wrapper-input {margin: 30px 0 0 48px;}
#dialogRecoveryPassword .modal-wrapper-input input {width: 250px;}
#dialogRecoveryPassword .wrapper-button{
	margin: 50px 0 0 0;
	text-align: center;
	width: 100%;
}
/* Loading */
.loading-dialog .ui-widget-content {background: none;}

/* Loading CartList inside of Grid*/
#statusModal .ui-panel-content,
.ui-blockui-content {
	padding: 10px;
	width: 180px;
}
#listCart .ui-blockui-content {
	background: none;
	top: 60px !important;
} /*Only on Cart list Grid there is a special loading*/
#statusModal .ui-panel-content table,
.ui-blockui-content table{
	background-color: #fff;
	border: 0;	
	width: 178px;
}
table.block-loader {display: none;}
.ui-blockui-content table td {border-width: 0;}
#statusModal .ui-panel-content table img,
.ui-blockui-content table img{
	background-color: #fff;
	border: 0;
	padding: 0 10px;	
}

/*[End of] Modals*/

/* Login (/portal)*/
.wrapper-painel-login {position: relative;}
#formId .wrapper-fields {
	padding-left: 60px;
}
.wrapper-painel-login .robot-image {
	background: url("/portal/javax.faces.resource/login-robot.png.xhtml?ln=images&v=v2.33.0.b3") no-repeat 0 0;
	height: 240px;
	left: -145px;
	position: absolute;
	top: 160px;
	width: 199px;
}
.wrapper-painel-login {
	width: 305px;
	margin: 100px auto 18%;
}
.wrapper-painel-login img{
	display: block;
	margin: 0 auto 10px;
}
.wrapper-fields {padding: 0 20px 20px;}
.wrapper-fields,
.wrapper-fields-form-roles {
    background-color: #f4f4f4;
    margin-bottom: 20px;
}
.login-title {
	color: #c90c0c;
	font-family: Helvetica, sans-serif;
	font-size: 18px;
	margin-bottom: 20px;
    padding-top: 20px;
}
.wrapper-painel-login .ui-inputfield.login-input {
	width: 215px;
	margin-bottom: 15px;
}
.wrapper-painel-login .ui-inputfield.pwd-input {
	width: 215px;
	margin-bottom: 10px;
}
#wrapper-main #formId .bt-preto {width: 225px;}
.forgot-pwd {text-align: right;}
.forgot-pwd a{
	color: #5e5c5c;
	text-decoration: none;
}

/* Select (/portal/select-customer) and Header of portal*/
.wrapper-select-customer {position: relative;}
.wrapper-select-customer .image-robot-select {
	background: url("/portal/javax.faces.resource/select-robot.png.xhtml?ln=images&v=v2.33.0.b3") no-repeat 0 0;
	height: 243px;
	left: 200px;
	position: absolute;
	top: -210px;
	width: 271px;
	
}
.ui-selectonemenu-items-wrapper,
.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
	max-height:200px;
	overflow-x: hidden;
}
.ie9 .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
	min-height: 200px;
	height: 200px;
}
.ui-selectonemenu label {color:;}
.ui-selectonemenu-panel {background: #efefef;}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container {width: inherit;}
.ie .ui-selectonemenu-panel .ui-selectonemenu-filter-container input {background: #fff;}
.ui-selectonemenu-panel .ui-selectonemenu-filter{
	background: #fff;
	color: #000;
	height: 16px;
	line-height: 20px;
	width: 86%;
}
.ie .ui-selectonemenu-panel .ui-selectonemenu-filter {line-height: 18px;}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {right: 15%;}

/* Select */
.ui-selectonemenu-panel .ui-widget-content {background: #efefef;}
.ui-selectonemenu-panel .ui-widget-content .ui-state-hover{
	color: #000 ;
	font-weight: bold;
}
.ui-selectonemenu-panel .ui-state-highlight {
    background-color: #ccc;
	-ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc,endColorstr=#ffcccccc);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc,endColorstr=#ffcccccc);
    border: 1px solid #333333;
    color: #333333;
}
.ui-helper-reset {font-size: 12px;}

/**
* Form
*/
.wrapper-form {margin: 0 0 20px 0;}
.object-float-left {float: left;}
.wrapper-form form {
	background-color: #f3f3f3;
	float: left;
	width: 100%;
}
.wrapper-form .ui-widget-content {background-color: #f3f3f3;}
.wrapper-search{
    min-height: 62px;
    margin: 0 auto;
    padding-top: 15px;
    width: 550px;
}
.ie7 .wrapper-search {width: 580px;}
.wrapper-search table {margin-top:8px;}
.ie7 #wrapper-main .wrapper-search table {margin-right:8px;}
.wrapper-search button{
    margin-left: 10px;
    margin-top: 4px;
}
.ui-radiobutton .ui-radiobutton-box {
    background: none repeat 0 0 transparent;
    border: medium none;
    height: 16px;
    line-height: 16px;
    width: 16px;
}
.ie #wrapper-main .ui-radiobutton .ui-radiobutton-box {
	-ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
	zoom: 1;
}
#wrapper-main .ui-radiobutton .ui-radiobutton-box span.ui-radiobutton-icon {
    background: url("/portal/javax.faces.resource/images/sprites.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat 0 -20px transparent;
    display: block;
    height: 16px;
    line-height: 16px;
    width: 16px;
}
.ie #wrapper-main .ui-radiobutton .ui-radiobutton-box span.ui-radiobutton-icon {background-position: -1px -20px;}
#wrapper-main .ui-radiobutton .ui-radiobutton-box.ui-state-active span.ui-radiobutton-icon {background-position: 0 0;}
.ie #wrapper-main .ui-radiobutton .ui-radiobutton-box.ui-state-active span.ui-radiobutton-icon {background-position: -1px 0;}
#wrapper-main .ui-widget button.search span {
	background: url("/portal/javax.faces.resource/images/sprites.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat 6px -44px;	
	text-indent:-9999px;
	height: 16px;
}
#wrapper-main .ui-widget button.search span.ui-button-icon-left {display: none;}
#wrapper-main button.ok-btn,
#wrapper-main .ui-widget button.search,
#wrapper-main .ui-picklist .ui-picklist-button-add,
#wrapper-main .ui-picklist .ui-picklist-button-add-all,
#wrapper-main .ui-picklist .ui-picklist-button-remove,
#wrapper-main .ui-picklist .ui-picklist-button-remove-all,
#wrapper-main .ui-picklist .ui-picklist-button-add-all.span:after,
#wrapper-main .ui-picklist .ui-picklist-button-remove-all.span:after {
	background: #d2d2d2; /* Old browsers */
	background: -moz-linear-gradient(top,  #e4e4e4 0%, #d2d2d2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#d2d2d2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e4e4e4 0%,#d2d2d2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e4e4e4 0%,#d2d2d2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e4e4e4 0%,#d2d2d2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e4e4e4 0%,#d2d2d2 100%); /* W3C */
	border: 1px solid #a2a2a2;
	width: 38px;
	height: 38px;
}
.ie #wrapper-main button.ok-btn,
.ie #wrapper-main .ui-widget button.search,
.ie9 .ui-picklist .ui-picklist-button-add,
.ie9 #wrapper-main .ui-picklist .ui-picklist-button-add-all,
.ie9 #wrapper-main .ui-picklist .ui-picklist-button-remove,
.ie9 #wrapper-main .ui-picklist .ui-picklist-button-remove-all,
.ie9 #wrapper-main .ui-picklist .ui-picklist-button-add-all.span:after,
.ie9 #wrapper-main .ui-picklist .ui-picklist-button-remove-all.span:after {
	background-color: transparent;
	background: url("/portal/javax.faces.resource/images/background-button-ok.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") repeat 0 0 transparent;
	zoom: 1;
}
#wrapper-component-edit-roles table {width: 500px;}
.ie8 #wrapper-main button.ok-btn,
.ie8 #wrapper-main .ui-widget button.search,
.ie7 #wrapper-main button.ok-btn,
.ie7 #wrapper-main .ui-widget button.search {
	background-color: #d2d2d2;
	filter: none;
}
#wrapper-main .ui-picklist .ui-picklist-button-add,
#wrapper-main .ui-picklist .ui-picklist-button-add-all,
#wrapper-main .ui-picklist .ui-picklist-button-remove,
#wrapper-main .ui-picklist .ui-picklist-button-remove-all,
#wrapper-main .ui-picklist .ui-picklist-button-add-all.span:after,
#wrapper-main .ui-picklist .ui-picklist-button-remove-all.span:after{margin: 10px 21px;}
#wrapper-main button.ok-btn {width: 43px;}
#wrapper-main button.ok-btn span.ui-button-text {color: #7c7c7c;}
.ie7 .wrapper-form.clearfix {zoom: 0;}
.ie7 .wrapper-form > form {background: none;}
#wrapper-main .bt-preto{
	background: #808080; /* Old browsers */
	background: -moz-linear-gradient(top,  #808080 0%, #767676 50%, #6d6d6d 51%, #6d6d6d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(50%,#767676), color-stop(51%,#6d6d6d), color-stop(100%,#6d6d6d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #808080 0%,#767676 50%,#6d6d6d 51%,#6d6d6d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #808080 0%,#767676 50%,#6d6d6d 51%,#6d6d6d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #808080 0%,#767676 50%,#6d6d6d 51%,#6d6d6d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #808080 0%,#767676 50%,#6d6d6d 51%,#6d6d6d 100%); /* W3C */	
	height: 50px;
	width: 265px;
	font-size: 20px;
	color:#d3d3d3;
	margin-top: 17px;
	border: 1px solid #6D6D6D;
}
.ie9 #wrapper-main .bt-preto{
	background-color: transparent;
	background: url("/portal/javax.faces.resource/images/background-button.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") repeat 0 0 transparent;
	zoom: 1;
}
.ie8 #wrapper-main .bt-preto,
.ie7 #wrapper-main .bt-preto {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#6d6d6d',GradientType=0 ); /* IE6-9 */}
#wrapper-main .bt-preto.pequeno{
    font-size: 13px;
    height: 37px;
    line-height: 37px;
    margin: 23px 5px 40px;
    min-width: 87px;
	width: auto;
}
.wrapper-relative {position: relative;}
#wrapper-main .ui-picklist .ui-picklist-button-add-all,
#wrapper-main .ui-picklist .ui-picklist-button-remove-all{	
	bottom: 0;
	font-size: 14px; 
	line-height: 0; /*correction for picklist*/
	position: absolute;
	width: 153px;	
}
.ff #wrapper-main .ui-picklist .ui-picklist-button-add-all,
.ff #wrapper-main .ui-picklist .ui-picklist-button-remove-all,
.ie #wrapper-main .ui-picklist .ui-picklist-button-add-all,
.ie #wrapper-main .ui-picklist .ui-picklist-button-remove-all{line-height: 15px;}
#wrapper-main #wrapper-component-edit-roles #bt-add-all,
#wrapper-main #wrapper-component-edit-roles #bt-remove-all {display: none;}
#wrapper-main #wrapper-component-edit-roles {position: relative;}
.ie7 #wrapper-main #wrapper-component-edit-roles #bt-add-all,
.ie7 #wrapper-main #wrapper-component-edit-roles #bt-remove-all,
.ie8 #wrapper-main #wrapper-component-edit-roles #bt-add-all,
.ie8 #wrapper-main #wrapper-component-edit-roles #bt-remove-all {
	color: gray;
	cursor: pointer;
	display: block;
	font-size: 14px;
	position: absolute;
	bottom: 20px;
	left: 35px;
}
.ie8 #wrapper-main #wrapper-component-edit-roles #bt-add-all,
.ie8 #wrapper-main #wrapper-component-edit-roles #bt-remove-all {
	background: url("/portal/javax.faces.resource/images/picklist-ie8.gif.xhtml?ln=primefaces-portal&v=v2.33.0.b3") repeat-x 0 0 transparent;;
	bottom: -40px;	
	left: 26px;
	padding-left: 10px;
}
.ie7 #wrapper-main #wrapper-component-edit-roles #bt-remove-all {left: 385px;}
.ie8 #wrapper-main #wrapper-component-edit-roles #bt-remove-all {left: 380px;}
#wrapper-main .ui-picklist .ui-picklist-button-add-all {
	bottom: -55px;
	left: 20px; 
}
#wrapper-main .ui-picklist .ui-picklist-button-remove-all {
	bottom: -55px;
	right: 10px;
}
.ie7 #wrapper-main .ui-picklist .ui-picklist-button-add-all,
.ie8 #wrapper-main .ui-picklist .ui-picklist-button-add-all {
	left: -230px;
	top: 160px;
	position: relative;
}
.ie7 #wrapper-main .ui-picklist .ui-picklist-button-remove-all,
.ie8 #wrapper-main .ui-picklist .ui-picklist-button-remove-all {
	right: -120px;
	top: 64px;
	position: relative;
}
.ie7 #wrapper-main .ui-picklist .ui-picklist-target {
	position: relative;
	top: 0px;
	right: 113px;
	zoom: 1;
}
.ie7 #wrapper-main .ui-picklist .ui-picklist-button-add {margin-top: 50px;}
#wrapper-main .ui-picklist .ui-picklist-button-remove-all:before {
	display: block;
	margin: 10px 0 0 -35px;
	color: #7c7c7c;
}
.ie8 #wrapper-main .ui-picklist .ui-picklist-button-remove-all:before {margin: 10px 0 0 10px;}
.chrome #wrapper-main .ui-picklist .ui-picklist-button-remove-all:before {padding:10px;}
#wrapper-main .ui-picklist .ui-icon{
	background:url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat;
    height: 26px;
    margin-left: -13px;
    margin-top: -13px;
    width: 26px;
}
#wrapper-main .ui-picklist .ui-icon.ui-icon-arrowstop-1-e{
	background-position: -159px 0;
	margin-left: 38px;
}
#wrapper-main .ui-picklist .ui-icon.ui-icon-arrow-1-e{
	background-position: -159px 0;
	margin-left: -9px;
} 
#wrapper-main .ui-picklist .ui-icon.ui-icon-arrowstop-1-w{
	background-position: -183px 0;
	margin-left: 38px;
}
#wrapper-main .ui-picklist .ui-icon-arrow-1-w{
	background-position: -183px 0;
	margin-left: -12px;
} 
#wrapper-main .ui-picklist .ui-picklist-button-add-all:before{
	display: block;
	margin: 10px 0 0 -35px;
	color: #7c7c7c;
}
.ie8 #wrapper-main .ui-picklist .ui-picklist-button-add-all:before {margin: 10px 0 0 10px;}
.chrome #wrapper-main .ui-picklist .ui-picklist-button-add-all:before {padding:10px;}

/**
* Pagination
**/
.ui-icon-seek-prev,
.ui-icon-seek-next {text-indent:-9999px !important; }
span.ui-paginator-next:before{
    color: #5E5C5C;
    position: relative;
    top: 13px;
}
span.ui-paginator-prev:before{
    color: #5E5C5C;
    position: relative;
    top: 13px;
}
.red-belt {
	background-color: #c90c0c;
	height: 10px;
}
.msg ul {
    background-color: #FFD6D6;
    border: 1px solid #990000;
    color: #990000;
    margin: 10px;
    padding: 10px;
}
.msg li {list-style-type: none;}
#productsDownloadForm .ui-selectonemenu-trigger,
#wrapper-main .ui-selectonemenu-trigger {
	background: #f0f0f0; /* Old browsers */
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #d4d4d4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f0f0f0 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f0f0f0 0%,#d4d4d4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f0f0f0 0%,#d4d4d4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f0f0f0 0%,#d4d4d4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */
	border: 1px solid #c6c6c6;
	border-top: none;
	border-right: none;
	border-bottom: none;
}
#productsDownloadForm .ui-selectonemenu,
#wrapper-main .ui-selectonemenu {border:1px solid #c6c6c6;}
#productsDownloadForm .ui-selectonemenu .ui-input-field,
#wrapper-main .ui-selectonemenu .ui-inputfield {border:0;}
#productsDownloadForm .ui-selectonemenu-trigger .ui-icon,
#wrapper-main .ui-selectonemenu-trigger .ui-icon {background:url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat; }
#productsDownloadForm .ui-selectonemenu-trigger .ui-icon-triangle-1-s ,
#wrapper-main .ui-selectonemenu-trigger .ui-icon-triangle-1-s {
    background-position: -31px 0;
    height: 16px;
    margin-top: 8px;
    width: 16px;
}
.logo-customer {
    left: 0;
    position: relative;
    top: 0;	
}
.wrapper-select-customer {
	width: 660px;
	margin: 0 auto;
}
.red-belt.wrapper-select-customer {
	padding: 0 20px;
	margin-top: 18%;
}
.wrapper-fields.wrapper-select-customer {
	min-height: 150px;
	margin-bottom: 71px;
}
.wrapper-input,
.wrapper-checkbox,
.wrapper-select {
	float: left;
	margin-right: 15px;
}
.wrapper-input {margin-top: 3px;}
.wrapper-checkbox {margin-top: 14px;}
.wrapper-checkbox-text, 
.wrapper-checkbox-label{
    float: right;
    margin: 2px 0 0 3px;
}
.chrome .wrapper-checkbox-label {margin: -14px 0 0 3px;}
.wrapper-button {float: left;}
#wrapper-main .ui-chkbox-box.ui-state-default {
	border: none;
	background: none;
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
	zoom: 1;
}
#wrapper-main .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
	background: url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") -82px -5px no-repeat;
	display: block;
	height: 16px;
    width: 16px;
}
#wrapper-main .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check {
	background:url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") -56px -5px no-repeat;
}
.wrapper-red-button,
.wrapper-blue-button {margin-bottom:20px;	}
.ui-dialog .wrapper-blue-button button,
.wrapper-blue-button button,
.ui-widget-content .wrapper-blue-button button{
	background: #6697BE; /* Old browsers */
	background: -moz-linear-gradient(top,  #8cadc7 5%, #6592b5 6%, #67a0ce 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#8cadc7), color-stop(6%,#6592b5), color-stop(100%,#67a0ce)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8cadc7 5%,#6592b5 6%,#67a0ce 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8cadc7 5%,#6592b5 6%,#67a0ce 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8cadc7 5%,#6592b5 6%,#67a0ce 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8cadc7 5%,#6592b5 6%,#67a0ce 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cadc7', endColorstr='#67a0ce',GradientType=0 ); /* IE6-9 */
	height: 32px;
	color: #fff;
	font-weight: bold;
	border: 1px solid #c6c6c6;
}
.ie9 .ui-dialog .wrapper-blue-button button,
.ie9 .wrapper-blue-button button {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
	zoom: 1;
}
.wrapper-red-button button {
	background: #f4786e; /* Old browsers */
	background: -moz-linear-gradient(top,  #f4786e 5%, #f04b3e 6%, #e24c3e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#f4786e), color-stop(6%,#f04b3e), color-stop(100%,#e24c3e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f4786e 5%,#f04b3e 6%,#e24c3e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f4786e 5%,#f04b3e 6%,#e24c3e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f4786e 5%,#f04b3e 6%,#e24c3e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f4786e 5%,#f04b3e 6%,#e24c3e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4786e', endColorstr='#e24c3e',GradientType=0 ); /* IE6-9 */
	height:32px;
	color: #fff;
	font-weight: bold;
}
.ie9 .wrapper-red-button button {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
	zoom: 1;
}
.wrapper-button-right {
    margin-bottom: 15px;
    text-align: right;
    width: 100%;
}
.wrapper-button-left {
    margin-bottom: 15px;
    text-align: left;
    width: 100%;
}
.wrapper-button-center {
    text-align: center;
    width: 103%;
}
.wrapper-button-float-left {
	float: left;
	margin-bottom: 15px;
}
.wrapper-button-float-right {
	float: right;
	margin-bottom: 15px;
}

.wrapper-blue-button .ui-button-text,
.wrapper-red-button .ui-button-text {margin-right: 5px;}
.wrapper-blue-button .ui-icon-check {
	background: url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat  -96px -4px;
	width: 26px;
	height: 26px;
}
.wrapper-blue-button.surplus .ui-icon-check {
	background: url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat  -96px -4px;
	width: 26px;
	height: 26px;
	top: 7px;
	left: -3px;
}


.wrapper-blue-button .icon-load-availability {
	background: url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat  -232px -4px;
	width: 26px;
	height: 26px;
}
.wrapper-blue-button button span.icon-load-table {
	display: block;
	position: absolute;
	top: 8px;
	left: -1px;
}
#listItems .wrapper-blue-button button {position: relative;}
.wrapper-blue-button .ui-icon-person {
	background:url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat  -284px -4px;
	width: 26px;
	height: 26px;
}
.wrapper-blue-button .icon-cart {
	background:url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat  0px -32px;
	width: 26px;
	height: 26px;
}
.wrapper-blue-button .icon-download {
	background:url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat  -258px -4px;
	width: 26px;
	height: 26px;
}
.wrapper-blue-button .icon-pdf {
    background:url("/portal/javax.faces.resource/images/pdf-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat  0px 0px;
    width: 21px;
    height: 20px;
}
.wrapper-blue-button .icon-xml {
    background:url("/portal/javax.faces.resource/images/xml-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat  0px 0px;
    width: 21px;
    height: 20px;
}
.wrapper-blue-button .icon-cart-orders-tab {
	background:url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat  0px -32px;
	width: 26px;
	height: 26px;
	top:25%;
}
.wrapper-blue-button .icon-cart-readd-all {
	background:url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat  0px -32px;
	width: 26px;
	height: 26px;
	margin-left: 20px;
}
.wrapper-blue-button .icon-trash {
	background:url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat  -22px -32px;
	width: 26px;
	height: 26px;
}

.wrapper-red-button .ui-icon-cancel {
	background: url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat  -125px -4px;
	width: 26px;
	height: 26px;
}
.wrapper-checkbox-buttons .wrapper-buttons {
    float: left;
    text-align: center;
    width: 100%;
}
.wrapper-checkbox-buttons .wrapper-checkbox {
    float: left;
    text-align: center;
    width: 100%;
}
.ie7 .wrapper-checkbox-buttons .wrapper-checkbox .ui-chkbox {
	width: 20px;
	height: 20px;
	float: left;
}
.ie7 .term-label {float: left;}
.ie7 .wrapper-checkbox-float {width: 250px;}

/**
 * Pick List
 */
#customers-pick-list .ui-picklist-filter-container .ui-icon {
    background: url("/portal/javax.faces.resource/images/sprites.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat 0px -42px;
    height: 24px;
    width: 24px;
    padding: 5px;
    margin-top: 0px;
}

#wrapper-main #customers-pick-list #bt-add-all,
#wrapper-main #customers-pick-list #bt-remove-all {display: none;}
#wrapper-main #customers-pick-list {position: relative;}
.ie7 #wrapper-main #customers-pick-list #bt-add-all,
.ie7 #wrapper-main #customers-pick-list #bt-remove-all,
.ie8 #wrapper-main #customers-pick-list #bt-add-all,
.ie8 #wrapper-main #customers-pick-list #bt-remove-all {
    color: gray;
    cursor: pointer;
    display: block;
    font-size: 14px;
    position: absolute;
    bottom: 20px;
    left: 35px;
}

.ie8 #wrapper-main #customers-pick-list #bt-add-all,
.ie8 #wrapper-main #customers-pick-list #bt-remove-all {
    background: url("/portal/javax.faces.resource/images/picklist-ie8.gif.xhtml?ln=primefaces-portal&v=v2.33.0.b3") repeat-x 0 0 transparent;;
    bottom: -40px;
    left: 26px;
    padding-left: 10px;
}

.ie7 #wrapper-main #customers-pick-list #bt-remove-all {left: 385px;}
.ie8 #wrapper-main #customers-pick-list #bt-remove-all {left: 380px;}

#customers-pick-list {
    margin: 0 auto 50px;
    margin-left: -150px;
}

.ie7 #customers-pick-list {
    margin-bottom: -10px;
    padding-bottom: 60px;
}

#customers-pick-list .ui-inputfield {width:352px;}

#customers-pick-list .ui-picklist-target {
    width:360px;
    font-size: 9pt;
}

#customers-pick-list .ui-picklist-source {
    width:360px;
    font-size: 9pt;
}

#wrapper-main #customers-pick-list .ui-picklist .ui-picklist-button-add-all {
    bottom: -55px;
    margin-left: 88px;
}

#wrapper-main #customers-pick-list .ui-picklist .ui-picklist-button-remove-all {
    bottom: -55px;
    right: -182px;
}

.ui-picklist ul.ui-picklist-list {
	background: #fff;
	width: 225px;
	font-size: 14px;
}
#wrapper-component-edit-roles {
    margin: 0 auto 50px;
    width: 536px;
}

.ie7 #wrapper-component-edit-roles {
	margin-bottom: -10px;
	padding-bottom: 60px;
}
.ie7 #wrapper-component-edit-roles table {
	zoom: 1;
	position: relative;
}
#wrapper-component-edit-roles .ui-inputfield {width:536px;}
#wrapper-component-change-password {
    margin: 0 auto;
    width: 536px;
    text-align: center;
}
#wrapper-component-change-password .ui-inputfield {
	width: 270px;
	margin: 5px 0px;
}

/**
 * Data Table
 */

.ui-datatable td table th.ui-state-default.global-availability {
    background: #f0f8ff; /* Old browsers */
    background: -moz-linear-gradient(top,  #f0f8ff 0%, #e2e6e9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f8ff), color-stop(100%,#e2e6e9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f0f8ff 0%,#e2e6e9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f0f8ff 0%,#e2e6e9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f0f8ff 0%,#e2e6e9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f0f8ff 0%,#e2e6e9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f8ff', endColorstr='#e2e6e9',GradientType=0 ); /* IE6-9 */
    border: none;
    color: #6c6c6c;
}
.ui-datatable td table tr.ui-datatable-even .global-availability {
    background: none;
    background-color: #f0f8ff;
    border: 1px solid #f0f8ff;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    color: #6c6c6c;
    height: 40px;
}
.ui-datatable td table tr.ui-datatable-odd .global-availability {
    background: none;
    background-color: #e2e6e9;
    border: 1px solid #e2e6e9;
    border-bottom: 1px solid #eeeeee;
    color: #6c6c6c;
    height: 40px;
}

.ui-datatable > .ui-datatable-tablewrapper {overflow:auto;}
.ui-datatable .buttons {width: 83px;}
.ui-tabs li,
.ui-tabs .ui-tabs-nav li,
.ui-tabs-panels .ui-datatable thead th,
.ui-datatable thead th {
	border: none;
	background: #b6b9b4; /* Old browsers */
	background: -moz-linear-gradient(top,  #b6b9b4 0%, #797a7b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6b9b4), color-stop(100%,#797a7b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b6b9b4 0%,#797a7b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b6b9b4 0%,#797a7b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b6b9b4 0%,#797a7b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b6b9b4 0%,#797a7b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6b9b4', endColorstr='#797a7b',GradientType=0 ); /* IE6-9 */
	height:43px;
	font: Arial, sans-serif;
	font-size: 14px;
	color: #fff;
}

.ie .ui-datatable thead th {
	border: none;
	background: #b6b9b4; /* Old browsers */
	background: -moz-linear-gradient(top,  #b6b9b4 0%, #797a7b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6b9b4), color-stop(100%,#797a7b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b6b9b4 0%,#797a7b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b6b9b4 0%,#797a7b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b6b9b4 0%,#797a7b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b6b9b4 0%,#797a7b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6b9b4', endColorstr='#797a7b',GradientType=0 ); /* IE6-9 */
	height:43px;
	width:160px;
	font: Arial, sans-serif;
	font-size: 14px;
	color: #fff;
}

.ui-datatable .header-group  {
	border: none;
	background: #CED1CD; /* Old browsers */
	background: -moz-linear-gradient(top, #CED1CD  0%, #797a7b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CED1CD), color-stop(100%,#797a7b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,#CED1CD 0%,#797a7b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #CED1CD 0%, #797a7b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,#CED1CD 0%,#797a7b 100%); /* IE10+ */
	background: linear-gradient(to bottom,#CED1CD 0%,#797a7b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CED1CD', endColorstr='#797a7b',GradientType=0 ); /* IE6-9 */
	height:43px;
	font: Arial, sans-serif;
	font-size: 14px;
	color: #fff;
}

.ui-datatable tr.ui-datatable-even {
	background: #dedede;
	border: 1px solid #dedede;
}

.ui-datatable tr.ui-datatable-odd {
	background: #e7e7e7;
	border: 1px solid #e7e7e7;
}
.ie7 .ui-datatable tr.ui-datatable-even,
.ie7 .ui-datatable,
.ie7 .ui-datatable tr.ui-datatable-even,
.ie7 .ui-datatable tr.ui-datatable-odd {
	position: relative;
	overflow: auto;
	zoom: 1;
}
.ui-datatable .ui-row-toggler {display:none;}
.ui-datatable .ui-button {
	background: none;
	border: none;
	margin: 0 5px;
	-ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
	zoom: 1;
}
.ui-datatable .ui-button.data-button-delete span {
	background: url("/portal/javax.faces.resource/images/sprites-table.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat 0 0;
	height: 16px;
	width: 0;
}
.ui-datatable .ui-button.data-button-info span {
    background: url("/portal/javax.faces.resource/images/ui-icons_847e71_256x240.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat -14px -144px;
    height: 11px;
    width: 0;
}
.ui-datatable .ui-button.data-button-view span {
	background: url("/portal/javax.faces.resource/images/sprites-table.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat -45px 0;
	height: 16px;
	width: 0;
}
.ui-datatable .ui-button.data-button-edit span {
	background: url("/portal/javax.faces.resource/images/sprites-table.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat -130px 0;
	height: 16px;
	width: 0;
}

.ui-datatable .ui-button.data-button-plus span {
	background: url("/portal/javax.faces.resource/images/plus-and-minus.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat 5px 0;
	height: 10px;
	width: 7px;
	background-size: 43px 16px;
	padding-left: 5px;
}

.ui-datatable .ui-button.data-button-minus span {
	background: url("/portal/javax.faces.resource/images/plus-and-minus.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat -27px 0;
	height: 10px;
	width: 7px;
	background-size: 43px 16px;
	padding-left: 5px;
}

.ui-datatable .ui-button.data-button-edit-detalhes span {
	background: url("/portal/javax.faces.resource/images/sprites-table.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat -87px 0;
	height: 16px;
	width: 0;	
}
.ui-datat.ui-datatable .ui-button.data-button-edit span{
	background: url("/portal/javax.faces.resource/images/sprites-table.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat  -125px 0;
	height: 16px;
	width: 0;
}
.ui-datatable .ui-button.data-button-restore span{
	background:url("/portal/javax.faces.resource/images/sprites-table.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat -220px 0;
	height: 16px;
	width: 16px;
}
.ui-datatable .ui-button.data-button-trash span{
	background: url("/portal/javax.faces.resource/images/sprites-table.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat -175px 0;
	height: 16px;
	width: 16px;
	padding: 5px;
}
.ui-datatable .ui-button.data-button-cancel span{
	background: url("/portal/javax.faces.resource/images/sprites-table.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat -261px 0;
	height: 16px;
	width: 16px;
	padding: 5px;
}
.ui-datatable .ui-button.data-button-copy span{
    background: url("/portal/javax.faces.resource/images/sprites-table.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat -300px 0;
    height: 16px;
    width: 16px;
    padding: 5px;
}
.ui-datatable .ui-button.data-button-restore span.ui-button-icon-left,
.ui-datatable .ui-button.data-button-trash span.ui-button-icon-left,
.ui-datatable .ui-button.data-button-cancel span.ui-button-icon-left {display:none;}
.ui-datatable td table{
	background: none;
	border: none;
}
.ui-datatable .ui-expanded-row-content > td {padding: 0;}

.ui-datatable .ui-expanded-row-content > td > .ui-datatable table {
	float: right;
	position: relative;
	width: inherit;
}

.ui-datatable td table th.ui-state-default {
	background: #c8d8db; /* Old browsers */
	background: -moz-linear-gradient(top,  #c8d8db 0%, #9db5b7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8d8db), color-stop(100%,#9db5b7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c8d8db 0%,#9db5b7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c8d8db 0%,#9db5b7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c8d8db 0%,#9db5b7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c8d8db 0%,#9db5b7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8d8db', endColorstr='#9db5b7',GradientType=0 ); /* IE6-9 */
	border: none;
	color: #6c6c6c;
}
.ui-datatable td table tr.ui-datatable-even {
	background: none;
	background-color: #c8d8db;
	border: 1px solid #c8d8db;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	color: #6c6c6c;
	height: 40px;
}
.ui-datatable td table tr.ui-datatable-odd {
	background: none;
	background-color: #a8c0c2;
	border: 1px solid #a8c0c2;
	border-bottom: 1px solid #eeeeee;
	color: #6c6c6c;
	height: 40px;
}
.ui-datatable table {width: 99.999%;}
.ie9 .ui-datatable table {overflow:hidden;}
.ie .ui-datatable table {width:98.2%;}
.ie .column-date-input {width: 60px;}
.column-date-input {text-align: center;}
.column-date {text-align: center;}
.column-center {text-align:center;}
.column-right {text-align:right;}
.orders-tab>tbody>tr>td{vertical-align:top;}

/**
 * Pagination
	*/
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-prev{
	background: none;
	border: none;
	-ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
	zoom: 1;
}
.ui-paginator .ui-paginator-next span,
.ui-paginator .ui-paginator-prev span{
	text-indent: inherit;
	width: auto;
	color: #000;
}
.ui-paginator .ui-paginator-pages .ui-paginator-page{
	background: none;
	border: none;
	color: #5e5c5c;
	font: Arial;
	font-size: 14px;
	-ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
	zoom: 1;
}
.ui-paginator .ui-paginator-pages .ui-state-active{
	background: none;
	border: none;
	font: Arial;
	font-size: 18px;
	color: #be0000;
}

/**
 * Texto da Pagina
 */
.wrapper-content-text {
	font-family: Helvetica, sans-serif;
	color: #444444;
}
.page-title {
    color: #C90C0C;
    font-size: 24px;
    text-align: left;
}
.page-sub-title {
    color: black;
    font-size: 19px;
    text-align: left;
}
.title-select-customer {
    font-size: 18px;
    margin-bottom: -10px;
    padding-top: 15px;
}
.wrapper-content-text p {
	font-size: 14px;
}
.wrapper-content-text p.terms {
	font-size: 12px;
	min-height: 312px;
}

.text-select-customer {
	text-align: left;
	color: #444444;
}
.term-label {
	font-size: 12px;
	color: #444444;
}

/**
 * Page Maintenance
 */
.ie8 #listMaintenance .wrapper-form {margin-bottom: 20px;}
.ie #listMaintenance .ui-datatable table {width:99.999%;}
#listMaintenance tbody {border: 0;}	
#listMaintenance tbody .ui-widget-content,
#listMaintenance tbody .ui-widget-content.ui-expanded-row-content td,
#listMaintenance tbody .ui-widget-content.maintenance_row_expansion_detail,
#listMaintenance tbody .ui-widget-content.maintenance_row_expansion_detail div {
	border: 0; 
	color: transparent;
}
#listMaintenance tbody .ui-datatable-even,
#listMaintenance tbody .ui-datatable-odd, 
#listMaintenance tbody .ui-datatable-even td,
#listMaintenance tbody .ui-datatable-odd td,
#listMaintenance tbody .ui-datatable-even td.month,
#listMaintenance tbody .ui-datatable-odd td.month {
	border: 0;
	color: #312e25;
}
#listMaintenance tbody .ui-datatable-even td.ui-leadtime-green-bold,
#listMaintenance tbody .ui-datatable-odd td.ui-leadtime-green-bold {
	font-weight: bold;
	color: rgb(30, 110, 30);
}
#listMaintenance tbody .ui-datatable-even td {font-size: 13px;}
#listMaintenance tbody .ui-datatable-odd td {font-size: 13px;}
#listMaintenance tbody .ui-datatable-even td.monospace {font-size: 13px;}
#listMaintenance tbody .ui-datatable-odd.ui-expanded-row td {border-width: 0;}
#listMaintenance tr.ui-datatable-empty-message td {
	color: #312e25;
	text-align: center;
}

#listMaintenance #listMaintenance\:fromSearch_input,
#listMaintenance #listMaintenance\:toSearch_input{width: 130px;}
.maintenance-form{width: 850px !important;}
.ie7 .maintenance-form {width: 855px !important;}
.maintenance-form .wrapper-line-group {margin-bottom: 15px;}
.maintenance-form .wrapper-input {position: relative;}
.maintenance-form button.ui-button-icon-onl{
	background: none;
	border: none;
}

#listMaintenance .wrapper-blue-button { 	margin-bottom: 0px; }


.maintenance-form input + button {
    position: absolute;
    right: 5px;
    top: 2px;
}
#wrapper-main .date-input input {width: 148px;}
#wrapper-main .date-input input {width: 60px;}
.maintenance-form .wrapper-radios {float:left;}
.ie7 #wrapper-main .wrapper-line-group .wrapper-input {margin-right: 8px;}
.ie7 #wrapper-main .wrapper-line-group .wrapper-checkbox {
	width: 140px;
	clear: both;
}
.ie7 #wrapper-main .wrapper-line-group .wrapper-checkbox .wrapper-checkbox-label {margin-top: -12px;}

/**
*Maintenace Page
**/
.ie7 .maintenance-form .wrapper-line-group .wrapper-button {width: 20px;}/* to correct search button*/ 
/*General Table*/
#wrapper-main .maintenance-table .inputtext { width: auto; height: 18px; }

.ie #wrapper-main .maintenance-table table {table-layout: fixed;}
.ie #wrapper-main .maintenance-table .delay-column {width: 100px;}
.ie #wrapper-main .maintenance-table tr td.delay-column {text-align: center;}
.ie #wrapper-main .maintenance-table .monospace {width: 360px;}
.ie #wrapper-main .maintenance-table .column-center{
    padding: 0 4px; 
    width: 120px;    
    min-width: 120px;
} 
#wrapper-main .maintenance-table tr td {text-align: center;}
#wrapper-main .maintenance-table tr td.delay-column {text-align: right;}
#wrapper-main .maintenance-table tr td.month-header{text-align: right;}
#wrapper-main .maintenance-table .month,
#wrapper-main .maintenance-table .column-center,
#wrapper-main .maintenance-table .month-header {
	padding: 0 4px;	
	width: 60px;
	min-width: 60px;	
}
.ie8 #wrapper-main .maintenance-table .month,
.ie8 #wrapper-main .maintenance-table .month-header{min-width: 60px;}
.ie7 #wrapper-main .maintenance-table .month,
.ie7 #wrapper-main .maintenance-table .month-header{
	min-width: 60px; 
	max-width: 60px;
}
/* Availability Table Green/Blue*/
#wrapper-main .table-availability table{
	clear: both;
    float: right;
    width: auto;		
}
.ie #wrapper-main .table-availability table {table-layout: fixed;}
#wrapper-main .table-availability table .month {
	color: #312e25;
	padding: 0 4px;
	text-align: right;
	width: 60px;
}
.ie8 #wrapper-main .table-availability table .month,
.ie7 #wrapper-main .table-availability table .month {
	min-width: 60px; 
	max-width: 60px;
}
/* Details table - Cust Order*/
#wrapper-main div.maintenance_detalhes {
	overflow: hidden;
	width: 1350px;
	float:right;
}
.ie #wrapper-main div.maintenance_detalhes {
	overflow: hidden;
	width: 1500px;
	float:right;
}
.ie div.ui-tooltip.tool-tip {background-color: #fff;}
#wrapper-main .maintenance_detalhes table {
	float: right;
	width: 950px;
}
#wrapper-main .maintenance_detalhes.surplus table {
	float: right;
	width: 1150px;
}
.ie #wrapper-main .maintenance_detalhes.surplus table {
	float: right;
	width: 1200px;
}
.ie8 #wrapper-main .maintenance_detalhes table {table-layout: fixed;}
.ie7 #wrapper-main .maintenance_detalhes table {table-layout: fixed;}
#wrapper-main .maintenance_detalhes table th.month {
	padding: 0 4px;
	min-width: 60px; /* some th can be null */
}
#wrapper-main .maintenance_detalhes table .month{	
	padding: 0 4px;
	text-align: right;
	width: 60px;	
}
.ie8 #wrapper-main .maintenance_detalhes table .month {min-width: 60px;}
.ie7 #wrapper-main .maintenance_detalhes table .month {min-width: 58px; max-width: 58px;}
#wrapper-main .month input {font-size: 13px;}
#wrapper-main .maintenance_detalhes .month {text-align: right;}
#wrapper-main .month .ui-inputfield{
    max-height: 18px;
    max-width: 38px;
    text-align: right;
}
#wrapper-main .maintenance_detalhes table div.item-pedido-cliente-update {background: none;}
#wrapper-main .maintenance_detalhes table div.item-pedido-cliente-update span {color: #000;}
.ie7 #wrapper-main tr {
	position: relative;
	zoom: 1;
}



#wrapper-main #listMaintenance .pedidoNSK-maintenance {
    overflow: hidden;
    padding: 0;
    width: 75px;
    color: #312e25;
}

.date-input-maintenance .ui-inputfield{
    width: 60px;
}

#wrapper-main #listMaintenance .itemPedidoCliente-maintenance {color: #312e25;}
#wrapper-main #listMaintenance td.itemPedidoCliente-maintenance span {
    width: 82px;
    overflow: hidden;
    display: inline-block;
    padding: 0;
}


#wrapper-main #listMaintenance .pedidoCliente,
#wrapper-main #listMaintenance .itemPedidoCliente,
#wrapper-main #listMaintenance .pedidoNSK,
#wrapper-main #listMaintenance .pedidoData {color: #312e25;}
#wrapper-main #listMaintenance .pedidoCarrier {color: #312e25;}
#wrapper-main #listMaintenance td.pedidoCliente span,
#wrapper-main #listMaintenance td.itemPedidoCliente span{
	display: inline-block;
	overflow: hidden;
	padding: 0;
	width: 90px;
}

.ie8 #wrapper-main #listMaintenance .pedidoCliente {width: 50px;}
.ie8 #wrapper-main #listMaintenance .itemPedidoCliente {width: 50px;}
.ie8 #wrapper-main #listMaintenance .itemPedidoCliente-maintenance {width: 70px;}
.ie8 #wrapper-main #listMaintenance .pedidoNSK {width: 70px;}
.ie8 #wrapper-main #listMaintenance .pedidoNSK-maintenance {width: 90px;}
.ie8 #wrapper-main #listMaintenance .pedidoCarrier {width: 90px;}
.ie8 #wrapper-main #listMaintenance .pedidoData {width: 55px;}
.ie9 #wrapper-main #listMaintenance .pedidoCliente {width: 80px;}
.ie9 #wrapper-main #listMaintenance .itemPedidoCliente {width: 90px;}
.ie9 #wrapper-main #listMaintenance .itemPedidoCliente-maintenance {width: 84px;}
.ie9 #wrapper-main #listMaintenance .pedidoNSK {width: 95px;}
.ie9 #wrapper-main #listMaintenance .pedidoNSK-maintenance {width: 80px;}
.ie9 #wrapper-main #listMaintenance .pedidoCarrier {width: 220px;}
.ie9 #wrapper-main #listMaintenance .pedidoData {width: 115px;}
.ie10 #wrapper-main #listMaintenance .pedidoCliente {width: 80px;}
.ie10 #wrapper-main #listMaintenance .itemPedidoCliente {width: 90px;}
.ie10 #wrapper-main #listMaintenance .itemPedidoCliente-maintenance {width: 84px;}
.ie10 #wrapper-main #listMaintenance .pedidoNSK {width: 95px;}
.ie10 #wrapper-main #listMaintenance .pedidoNSK-maintenance {width: 85px;}
.ie10 #wrapper-main #listMaintenance .pedidoCarrier {width: 220px;}
.ie10 #wrapper-main #listMaintenance .pedidoData {width: 115px;}

#wrapper-main #listMaintenance td.pedidoCliente span.ui-icon-check {
	width: 26px;
}
#wrapper-main .maintenance_detalhes .pedidoCliente .ui-inputfield,
#wrapper-main .maintenance_detalhes .itemPedidoCliente .ui-inputfield{	
	max-height: 18px;
	width: 80px;
}
.ie #wrapper-main .maintenance_detalhes .pedidoCliente .ui-inputfield,
.ie #wrapper-main .maintenance_detalhes .itemPedidoCliente .ui-inputfield {line-height: 18px;}
#wrapper-main #listMaintenance th.pedidoCliente,
#wrapper-main #listMaintenance th.itemPedidoCliente,
#wrapper-main .maintenance_detalhes .pedidoCliente,
#wrapper-main .maintenance_detalhes .itemPedidoCliente {	
	padding: 0 3px 0 3px;
	min-width: 70px;
	white-space: normal;
}
.ie7 #wrapper-main .maintenance_detalhes table {width: 850px;}
.ie7 .maintenance-table td.monospace {padding: 0;}
.ie7 .maintenance-table td.monospace pre {padding-top: 18px;}
#wrapper-main tbody .monospace{
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	white-space: nowrap;
}
.ie7 #wrapper-main .maintenance_detalhes .month{
	overflow: hidden;
	zoom: 1;
	position: relative;
	clear: both;
}
.ie7 #wrapper-main .maintenance_detalhes .month .ui-inputfield {width: 40px !important;}
.ie #wrapper-main .month .ui-inputfield {
	background-attachment: inherit !important;
	height: 18px;
	min-height: 18px;
	line-height: 18px;
}
#wrapper-main .table-availability .title-avl {
	background: #cfd7e4; /* Old browsers */
	background: -moz-linear-gradient(top,  #cfd7e4 0%, #bec5d3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfd7e4), color-stop(100%,#bec5d3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cfd7e4 0%,#bec5d3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cfd7e4 0%,#bec5d3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cfd7e4 0%,#bec5d3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cfd7e4 0%,#bec5d3 100%); /* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cfd7e4', endColorstr='#bec5d3',GradientType=0 ); /* IE6-9 */
}
.ie #wrapper-main .maintenance_detalhes table {
	table-layout: fixed;
}
.ie8 #wrapper-main .maintenance_detalhes table {width: 950px;}
.ie #wrapper-main .table-availability table {table-layout: fixed;}
.ie #wrapper-main .maintenance_row_expansion {width: 100%;}
.ie7 #wrapper-main .maintenance_row_expansion_detail,
.ie7 #wrapper-main .maintenance_row_expansion_detail .ui-widget-content,
.ie7 #wrapper-main .maintenance_row_expansion_detail .ui-widget-content div.maintenance_detalhes,
.ie7 #wrapper-main .maintenance_row_expansion_detail div.maintenance_detalhes div.ui-datatable-tablewrapper {clear: both;}
.ie #wrapper-main .maintenance_row_expansion .table-availability {float: right;}
.ie7 #wrapper-main .table-availability.table-columns-12 {width:816px;}
.ie7 #wrapper-main .table-availability.table-columns-11 {width:748px;}
.ie7 #wrapper-main .table-availability.table-columns-10 {width:680px;}
.ie7 #wrapper-main .table-availability.table-columns-9 {width:612px;}
.ie7 #wrapper-main .table-availability.table-columns-8 {width:544px;}
.ie7 #wrapper-main .table-availability.table-columns-7 {width:476px;}
.ie7 #wrapper-main .table-availability.table-columns-6 {width:408px;}
.ie7 #wrapper-main .table-availability.table-columns-5 {width:340px;}
.ie7 #wrapper-main .table-availability.table-columns-4 {width:272px;}
.ie7 #wrapper-main .table-availability.table-columns-3 {width:204px;}
.ie7 #wrapper-main .table-availability.table-columns-2 {width:136px;}
.ie7 #wrapper-main .table-availability.table-columns-1 {width:68px;}

/* [End of] Maintenace Page */

/**
 * Page Postponed
 */
.ie8 #listPostponed .wrapper-form {margin-bottom: 20px;}
.ie #listPostponed .ui-datatable table {width:auto;}
#listPostponed tbody {border: 0;} 
#listPostponed tbody .ui-widget-content,
#listPostponed tbody .ui-widget-content.ui-expanded-row-content td,
#listPostponed tbody .ui-widget-content.maintenance_row_expansion_detail,
#listPostponed tbody .ui-widget-content.maintenance_row_expansion_detail div {
    border: 0; 
    color: transparent;
}
#listPostponed tbody .ui-datatable-even,
#listPostponed tbody .ui-datatable-odd, 
#listPostponed tbody .ui-datatable-even td,
#listPostponed tbody .ui-datatable-odd td,
#listPostponed tbody .ui-datatable-even td.month,
#listPostponed tbody .ui-datatable-odd td.month {
    border: 0;
    color: #312e25;
}
#listPostponed tbody .ui-datatable-even td.ui-leadtime-green-bold,
#listPostponed tbody .ui-datatable-odd td.ui-leadtime-green-bold {
    font-weight: bold;
    color: rgb(30, 110, 30);
}
#listPostponed tbody .ui-datatable-even td {font-size: 13px;}
#listPostponed tbody .ui-datatable-even td.monospace {font-size: 14px;}
#listPostponed tbody .ui-datatable-odd.ui-expanded-row td {border-width: 0;}
#listPostponed tr.ui-datatable-empty-message td {
    color: #312e25;
    text-align: center;
}
#listPostponed #listPostponed\:fromSearch_input,
#listPostponed #listPostponed\:toSearch_input{width: 130px;}
.maintenance-form{width: 850px !important;}
.ie7 .maintenance-form {width: 855px !important;}
.maintenance-form .wrapper-line-group {margin-bottom: 15px;}
.maintenance-form .wrapper-input {position: relative;}
.maintenance-form button.ui-button-icon-onl{
    background: none;
    border: none;
}
.maintenance-form input + button {
    position: absolute;
    right: 5px;
    top: 2px;
}
.maintenance-form .wrapper-radios {float:left;}
.ie7 #wrapper-main .wrapper-line-group .wrapper-input {margin-right: 8px;}
.ie7 #wrapper-main .wrapper-line-group .wrapper-checkbox {
    width: 140px;
    clear: both;
}
.ie7 #wrapper-main .wrapper-line-group .wrapper-checkbox .wrapper-checkbox-text,
.ie7 #wrapper-main .wrapper-line-group .wrapper-checkbox .wrapper-checkbox-label {margin-top: -12px;}

/**
*Maintenace Page
**/
.ie7 .maintenance-form .wrapper-line-group .wrapper-button {width: 20px;}/* to correct search button*/ 
/*General Table*/
.ie #wrapper-main .maintenance-table table {table-layout: fixed;}
.ie #wrapper-main .maintenance-table .delay-column {width: 100px;}
.ie #wrapper-main .maintenance-table tr td.delay-column {text-align: center;}
.ie #wrapper-main .maintenance-table .reserved-column {width: 60px;}
.ie #wrapper-main .maintenance-table .monospace {width: 360px;}
#wrapper-main .maintenance-table tr td {text-align: center;}
#wrapper-main .maintenance-table tr td.column-left{text-align: left;}
#wrapper-main .maintenance-table tr td.delay-column {text-align: right;}
#wrapper-main .maintenance-table tr td.reserved-column {text-align: right;}
#wrapper-main .maintenance-table tr td.month-header{text-align: right;}
#wrapper-main .maintenance-table .month,
#wrapper-main .maintenance-table .month-header {
    padding: 0 4px; 
    width: 60px;    
}
.ie8 #wrapper-main .maintenance-table .month,
.ie8 #wrapper-main .maintenance-table .month-header{min-width: 60px;}
.ie7 #wrapper-main .maintenance-table .month,
.ie7 #wrapper-main .maintenance-table .month-header{
    min-width: 60px; 
    max-width: 60px;
}
/* Availability Table Green/Blue*/
#wrapper-main .table-availability table{
    clear: both;
    float: right;
    width: auto;        
}
.ie #wrapper-main .table-availability table {table-layout: fixed;}
#wrapper-main .table-availability table .month {
    color: #312e25;
    padding: 0 4px;
    text-align: right;
    width: 60px;
}
.ie8 #wrapper-main .table-availability table .month,
.ie7 #wrapper-main .table-availability table .month {
    min-width: 60px; 
    max-width: 60px;
}

.ie div.ui-tooltip.tool-tip {background-color: #fff;}
#wrapper-main .maintenance_detalhes table {
    float: right;
    width: 950px;
}
.ie8 #wrapper-main .maintenance_detalhes table {table-layout: fixed;}
.ie7 #wrapper-main .maintenance_detalhes table {table-layout: fixed;}
#wrapper-main .maintenance_detalhes table th.month {
    padding: 0 4px;
    min-width: 60px; /* some th can be null */
}
#wrapper-main .maintenance_detalhes table .month{   
    padding: 0 4px;
    text-align: right;
    width: 60px;    
}
.ie8 #wrapper-main .maintenance_detalhes table .month {min-width: 60px;}
.ie7 #wrapper-main .maintenance_detalhes table .month {min-width: 58px; max-width: 58px;}
#wrapper-main .month input {font-size: 13px;}
#wrapper-main .maintenance_detalhes .month {text-align: right;}
#wrapper-main .month .ui-inputfield{
    max-height: 18px;
    max-width: 38px;
    text-align: right;
}
#wrapper-main .maintenance_detalhes table div.item-pedido-cliente-update {background: none;}
#wrapper-main .maintenance_detalhes table div.item-pedido-cliente-update span {color: #000;}
.ie7 #wrapper-main tr {
    position: relative;
    zoom: 1;
}
#wrapper-main #listPostponed .pedidoCliente,
#wrapper-main #listPostponed .itemPedidoCliente,
#wrapper-main #listPostponed .pedidoNSK,
#wrapper-main #listPostponed .pedidoData {color: #312e25;}
#wrapper-main #listPostponed td.pedidoCliente span,
#wrapper-main #listPostponed td.itemPedidoCliente span{
    display: inline-block;
    overflow: hidden;
    padding: 0;
    width: 90px;
}
#wrapper-main .maintenance_detalhes .pedidoCliente .ui-inputfield,


#wrapper-main .maintenance_detalhes .itemPedidoCliente-maintenance .ui-inputfield{  
    max-height: 18px;
    width: 70px;
}


#wrapper-main .maintenance_detalhes .itemPedidoCliente .ui-inputfield{  
    max-height: 18px;
    width: 80px;
}
.ie #wrapper-main .maintenance_detalhes .pedidoCliente .ui-inputfield,
.ie #wrapper-main .maintenance_detalhes .itemPedidoCliente .ui-inputfield {line-height: 18px;}
#wrapper-main #listPostponed th.pedidoCliente,
#wrapper-main #listPostponed th.itemPedidoCliente,
#wrapper-main .maintenance_detalhes .pedidoCliente,
#wrapper-main .maintenance_detalhes .itemPedidoCliente {    
    padding: 0 3px 0 3px;
    min-width: 70px;
    white-space: normal;
}
.ie7 #wrapper-main .maintenance_detalhes table {width: 850px;}
.ie7 .maintenance-table td.monospace {padding: 0;}
.ie7 .maintenance-table td.monospace pre {padding-top: 18px;}
#wrapper-main tbody .monospace{
    font-family: "Courier New", Courier, monospace;
    font-weight: bold;
    white-space: nowrap;
}
.ie7 #wrapper-main .maintenance_detalhes .month{
    overflow: hidden;
    zoom: 1;
    position: relative;
    clear: both;
}
.ie7 #wrapper-main .maintenance_detalhes .month .ui-inputfield {width: 40px !important;}
.ie #wrapper-main .month .ui-inputfield {
    background-attachment: inherit !important;
    height: 18px;
    min-height: 18px;
    line-height: 18px;
}
#wrapper-main .table-availability .title-avl {
    background: #cfd7e4; /* Old browsers */
    background: -moz-linear-gradient(top,  #cfd7e4 0%, #bec5d3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfd7e4), color-stop(100%,#bec5d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cfd7e4 0%,#bec5d3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cfd7e4 0%,#bec5d3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cfd7e4 0%,#bec5d3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cfd7e4 0%,#bec5d3 100%); /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cfd7e4', endColorstr='#bec5d3',GradientType=0 ); /* IE6-9 */
}
.ie8 #wrapper-main .maintenance_detalhes table {width: 950px;}
.ie #wrapper-main .table-availability table {table-layout: fixed;}
.ie #wrapper-main .maintenance_row_expansion {width: 100%;}
.ie7 #wrapper-main .maintenance_row_expansion_detail,
.ie7 #wrapper-main .maintenance_row_expansion_detail .ui-widget-content,
.ie7 #wrapper-main .maintenance_row_expansion_detail .ui-widget-content div.maintenance_detalhes,
.ie7 #wrapper-main .maintenance_row_expansion_detail div.maintenance_detalhes div.ui-datatable-tablewrapper {clear: both;}
.ie #wrapper-main .maintenance_row_expansion .table-availability {float: right;}
.ie7 #wrapper-main .table-availability.table-columns-12 {width:816px;}
.ie7 #wrapper-main .table-availability.table-columns-11 {width:748px;}
.ie7 #wrapper-main .table-availability.table-columns-10 {width:680px;}
.ie7 #wrapper-main .table-availability.table-columns-9 {width:612px;}
.ie7 #wrapper-main .table-availability.table-columns-8 {width:544px;}
.ie7 #wrapper-main .table-availability.table-columns-7 {width:476px;}
.ie7 #wrapper-main .table-availability.table-columns-6 {width:408px;}
.ie7 #wrapper-main .table-availability.table-columns-5 {width:340px;}
.ie7 #wrapper-main .table-availability.table-columns-4 {width:272px;}
.ie7 #wrapper-main .table-availability.table-columns-3 {width:204px;}
.ie7 #wrapper-main .table-availability.table-columns-2 {width:136px;}
.ie7 #wrapper-main .table-availability.table-columns-1 {width:68px;}

/* [End of] Maintenace Page */


/**
 * Itens
 */
#wrapper-main #listItems .date-input-item-list input {
    text-align: left;
    width: 95px;
}
#wrapper-main .table-list-items .colATS .ui-inputfield {
    height: 18px;
    text-align: center;
    width: 50px;
	line-height: 18px;
}
#wrapper-main .table-list-items {padding: 4px 6px;}
#wrapper-main .table-list-items .colIcons {
	width: 150px;
    padding: 4px 1px 4px 10px;
    text-align: left;
    border: 0;
}
.chrome #wrapper-main .table-list-items .th-code-item,
.ff #wrapper-main .table-list-items .th-code-item {
	max-width: 220px;
	min-width: 220px;
	width: 220px;
}
#wrapper-main .table-list-items table div.colPrice {min-width: 60px;}
.ff #wrapper-main .table-list-items .prod-price {
	max-width: 80px;
	min-width: 80px;
	width: 80px;
}
#wrapper-main .table-list-items .prod-price .value-yellow-icon{
	margin: -21px auto 0;
}
.ie8 #wrapper-main .table-list-items table {width: 100%;}
#wrapper-main .table-list-items th.th-code-item {width: 250px;}
#wrapper-main .table-list-items tr.ui-expanded-row-content {
	border-left-color: #eaeaea;
	border-right-color: #eaeaea;
}
#wrapper-main .orders-tab .table-list-items,
#wrapper-main .orders-tab .table-list-items .ui-datatable-tablewrapper {overflow: inherit;}
#wrapper-main .table-list-items tr.ui-expanded-row-content td,
#wrapper-main .table-list-items tr.ui-expanded-row-content td div,
#wrapper-main .table-list-items tr.ui-expanded-row-content td div div {border: 0;}
#wrapper-main .table-list-items,
#wrapper-main .table-list-items .ui-datatable-tablewrapper {overflow: hidden;}
#wrapper-main .table-list-items th,
#wrapper-main .table-list-items tbody td {
	border: 0;
	text-align: center;
}
#wrapper-main .table-list-items tbody tr.ui-datatable-even td,
#wrapper-main .table-list-items tbody tr.ui-datatable-odd td {
	border: 0;
	font-size: 13px;
}
#wrapper-main .table-list-items tbody tr td.stock-price {padding-top: 0;}
#wrapper-main .table-list-items tbody tr td.prod-price {text-align: right;}
#wrapper-main .table-list-items span.currency-code {float: left;}
#wrapper-main .table-list-items span.currency-value {text-align: right;}
#wrapper-main .table-list-items td.monospace {font-size: 14px;}
.ie7 #wrapper-main .table-list-items td pre {margin: 0;}
#wrapper-main .table-list-items .information-icon-yellow {background-color: transparent;}
#wrapper-main .table-items-details .ui-inputfield {
    height: 18px;
    text-align: center;
    width: 38px;
	line-height: 18px;
}
.ie #wrapper-main .table-list-items table .table-items-details table,
#wrapper-main .table-items-details table {width: 890px;}
.ie7 #wrapper-main #listItems tr {
	overflow: hidden; 
	height: 40px;
}
.ie7 #wrapper-main #listItems .stock-price {width: 50px;}
.ie7 #wrapper-main #listItems td.prod-price div.colPrice {width: 70px;}
/**
 * Roles
 */ 
.ie7 .panel-list-roles .wrapper-checkbox {
	width: 140px;
	clear: both;
	margin-top: -5px;	
}
.ie7 .panel-list-roles .wrapper-checkbox .wrapper-checkbox-text,
.ie7 .panel-list-roles .wrapper-checkbox .wrapper-checkbox-label {margin-top: -13px;}
.ui-datatable .ui-datatable-empty-message td {text-align: center;}
.first-login {margin-top: 20px;}

/**
 * Autocomplete
 */
li.ui-autocomplete-item {
	white-space: pre;
	font-family: monospace;
}
.ie8 li.ui-autocomplete-item,
.ie7 li.ui-autocomplete-item {
	white-space: pre-wrap;
	_white-space: pre;
}
div[id^=searchItems].ui-widget-content {background: #efefef;}
div[id^=searchItems] .ui-state-highlight {
    background-color: #ccc;
	-ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc,endColorstr=#ffcccccc);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc,endColorstr=#ffcccccc);
    border: 1px solid #333333;
    color: #333333;
}
div[id^=listItems].ui-widget-content {background: #efefef;}
#listItems table .ui-widget-content.information-icon-yellow {
	background: transparent;
	background-image: url("/portal/javax.faces.resource/images/ui-icons_cd0a0a_256x240.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3");
	background-position: -16px -144px;
	width: 10px;
	border: none;
	height: 16px;
	margin: 0 auto;
}
.ie7 #listItems table .ui-widget-content.information-icon-yellow {margin-top: 3px;}
#listItems table .ui-widget-content.information-icon-yellow div {background: transparent;}
div[id^=listItems] .ui-state-highlight {
    background-color: #ccc;
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc,endColorstr=#ffcccccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc,endColorstr=#ffcccccc);
    border: 1px solid #333333;
    color: #333333;
}

/**
 * Growl
 */
body > .ui-growl .ui-state-highlight {
	background: #F3F3F3;
	border: 1px solid #C6C6C6;
}
body > .ui-growl .ui-growl-message{
	color: #312E25;
}
body > .ui-growl .ui-state-highlight .ui-icon {
	background: url("/portal/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat -96px -128px #67a0ce;
    margin-left: 3px;
    margin-top: -2px;
	padding: 0;
}

/**
 * Messages
 */
#wrapper-messages {
	width: 100%;
	float: left;
	position: relative;
}
.wrapper-messages-list {
	float: left;
	width: 100%;
	margin: 0;
}
ul.messages {
	display: block;
	padding: 0px;
	margin: 0 auto 0 auto;
	text-decoration: none;
	font-size: 14px;
	font-family: Helvetica, sans-serif;
}
ul.messages li {
	display: block;
	list-style-type: none;
	text-align: center;
	padding: 5px;
}
li.infoMessage {
	color: #006600;
	font-weight: bold;
	background-color: #cce0cc;
}
li.errorMessage {
	color: #660000;
	font-weight: bold;
	background-color: rgb(230, 180, 180);
}
.errorPickList .ui-picklist-target {border: 1px solid #f00;}
.wrapper-restriction{
	float: left;
	color: #777;
	margin-left: 350px;
	margin-top: 8px;
}
.wrapper-restriction-maintenance{
	float: right;
	color: #777;
	margin-right: 215px;
	margin-top: 8px;
}
.wrapper-restriction-follow-up {
	float:left;
	color: #777;
	margin-left: 460px;
	margin-top: -5px;
}
.ui-datepicker .ui-state-default {color: #333;}
.ui-datepicker td.ui-datepicker-today {
	border: 2px solid #333333;
	background-color: #f0f0f0;;
}
.ui-datepicker td.ui-datepicker-today a.ui-state-highlight {
	background-color: #f0f0f0;;
	border: #333333;
}
.ui-tooltip-error {
	max-width: 400px;
	background: white !important;
	color: red !important;
	font-weight: bold !important;
}
#wrapper-main .auto-width {width: auto;}
.date-input .ui-datepicker-trigger {margin-left: -35px;}
.date-input .ui-datepicker-trigger {margin-left: -35px;}

/**
* Cart Page 
**/
#wrapper-main .data-total {
	text-align: right;
	background: #C1C0BF;
    padding: 10px;
    margin: 5px;
    font-size: 14px;
    font-weight: bold;
    border: none;
	background: #b6b9b4; /* Old browsers */
	background: -moz-linear-gradient(top,  #C1C0BF 0%, #B5B3B2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6b9b4), color-stop(100%,#B5B3B2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #C1C0BF 0%,#B5B3B2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #C1C0BF 0%,#B5B3B2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #C1C0BF 0%,#B5B3B2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #C1C0BF 0%,#B5B3B2 100%); /* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#C1C0BF', endColorstr='#B5B3B2',GradientType=0 ); /* IE6-9 */
}
#wrapper-main .data-total-data {
	color: #58929f;
	margin: 0 5px;
}
#wrapper-main .data-total-separator {margin: 0 15px;}
#wrapper-main .data-total-label {color: #686868;}
#wrapper-main #listCart .date-input input{
	height: 18px;
	text-align: left;
	width: 100px;
}
#wrapper-main #listCart .date-input-cart-list input{
	height: 18px;
	text-align: left;
	width: 60px;
}
#wrapper-main #listCart .part-type-options-label .ui-inputfield {
    text-align: left;
    line-height: 21px;
}
#wrapper-main #listCart .part-type-options-triangle .ui-selectonemenu-trigger .ui-icon-triangle-1-s {
    background-position: -31px 0;
    height: 16px;
    margin-top: 4px;
    width: 16px;
}
.wrapper-blue-button .fileupload-content {
	position: absolute;
	height: 30px;
	width: 300px;
}
.announcement .fileupload-content {
    position: absolute;
    height: 30px;
    width: 150px;
}
.wrapper-blue-button .fileupload-content .files {
	margin-top: 0;
	position: relative;
}
.fileupload-content .files .template-upload .name,
.fileupload-content .files .template-upload .size,
.fileupload-content .files .template-upload .preview {display: none;}
.fileupload-content .ui-progressbar {width: 290px;}
.announcement .fileupload-content .ui-progressbar {width: 140px;}
.wrapper-blue-button .fileupload-buttonbar {margin-top: 15px;}
.wrapper-blue-button .fileinput-button {
	background: #67a0ce; /* Old browsers */
	background: -moz-linear-gradient(top,  #8cadc7 5%, #6592b5 6%, #67a0ce 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#8cadc7), color-stop(6%,#6592b5), color-stop(100%,#67a0ce)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8cadc7 5%,#6592b5 6%,#67a0ce 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8cadc7 5%,#6592b5 6%,#67a0ce 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8cadc7 5%,#6592b5 6%,#67a0ce 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8cadc7 5%,#6592b5 6%,#67a0ce 100%); /* W3C */
	height: 32px;
	color: #fff;
}
.wrapper-blue-button .fileinput-button span.ui-button-text {padding: 11px 20px 0 20px;}
.wrapper-blue-button .ui-icon-plusthick {display: none;}
.ui-fileupload .fileinput-button {
	height: 38px;
	position: absolute;
	right: 10px;
}

.fileupload-content {
	float: left;
}

.ie8 .ui-fileupload .fileinput-button {filter:none;}
.ie7 .ui-fileupload .fileinput-button {
	filter:none;
	margin-top: 11px;
}
.template-upload button {display: none;}
#wrapper-main #listCart .ui-inputfield{
	text-align: center;
	height: 18px;
}
.ie #wrapper-main #listCart .ui-inputfield,
.ie #wrapper-main #listCart .date-input input{
	background-attachment: inherit !important;
	line-height: 18px;
	overflow: hidden;
	zoom: 0;
	position: relative;
	padding: 4px 3px 4px 3px;
}
#wrapper-main #listCart td.column-price {text-align: right;}
#wrapper-main #listCart td.column-price span.currency-code {float: left;}
#wrapper-main #listCart td.column-price div.wrapper-button-center {margin-top: -6px;}
.ie7 #wrapper-main #listCart td div.wrapper-button-center {margin-top: -14px;}
.ie7 #wrapper-main #listCart td span.date-input {position: relative;}
.ie7 #wrapper-main #listCart td span.date-input button {
	position: absolute;
	right: -35px;
}
.ie7 #wrapper-main #listCart table tr {overflow: hidden;}
.ie7 #listCart .cart-status-icon {
	padding: 0 0 0 0;
}
#listCart td.icon-column {border: 0;}
#listCart td.icon-column div.ui-widget-content {
	background-color: transparent;
	border: 0;
	padding: 0 5px 0 7px;
}
#listCart .ui-datatable .row-partial-success {background: #fdf7c9;}
#listCart .ui-datatable .row-error {background: #e6b4b4;}
.value-yellow-icon{
	height: 1px;
	margin: 0 auto;
	margin-top: -8px;
	width: 80px;
}
.ie7 .value-yellow-icon {margin-top: -14px;}
#wrapper-main #listCart .ui-inputfield.input-left,
#wrapper-main .table-list-items td .input-left {text-align: left;}
.ie #wrapper-main .table-list-items table {width: 100%;}
.ie9 .ui-tooltip.ui-widget-content{
    background: none;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
	zoom: 1;
}
.ui-div-padding {padding-left: 5px;}
.modal-table {height: 200px;}
.checkbox-border {
    border-color: #848585;
    border-style: solid;
    border-width: medium;
    height: 15px;
    background-color: #848585;
    color: white;
    font-weight: bold;
}
.checkbox-border .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
    background: url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") -82px -5px no-repeat;
    display: block;
    height: 16px;
    width: 16px;
    margin-top: 0px;
}

/** Dialog */
.modal-table th.ui-state-default {
	border: none;
	background: #b6b9b4; /* Old browsers */
	background: -moz-linear-gradient(top,  #b6b9b4 0%, #797a7b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6b9b4), color-stop(100%,#797a7b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b6b9b4 0%,#797a7b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b6b9b4 0%,#797a7b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b6b9b4 0%,#797a7b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b6b9b4 0%,#797a7b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6b9b4', endColorstr='#797a7b',GradientType=0 ); /* IE6-9 */
	height: 43px;
	font: Arial, sans-serif;
	font-size: 14px;
}
.modal-table .month {
	text-align: center;
	border: none;
}
/**
 * Modal Status
 */
#processing-block {margin: 0 auto;}
body > #statusModal,
#processing-block .ui-widget-content {background: none;}
body > #statusModal .ui-dialog-titlebar {padding: 0;}
body > #statusModal .ui-dialog-content {padding: 0;}
.ie7 body > #statusModal .ui-dialog-content {margin-top: -25px;}
.ui-datatable .wrapper-blue-button button {
	background: #6697BE; /* Old browsers */
	background: -moz-linear-gradient(top,  #8cadc7 5%, #6592b5 6%, #67a0ce 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#8cadc7), color-stop(6%,#6592b5), color-stop(100%,#67a0ce)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8cadc7 5%,#6592b5 6%,#67a0ce 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8cadc7 5%,#6592b5 6%,#67a0ce 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8cadc7 5%,#6592b5 6%,#67a0ce 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8cadc7 5%,#6592b5 6%,#67a0ce 100%); /* W3C */	
	height: 32px;
	color: #fff;
}
.ui-datatable .wrapper-blue-button button span {margin: 0 auto;}
.ui-datatable tbody td {
	padding: 4px 7px;
	overflow: hidden;
	white-space: nowrap;
	border-width: 1px;
	border-style: solid;
}
.ui-leadtime-green-bold {
	font-weight: bold;
	color: rgb(30, 110, 30);
}
.ui-leadtime-black {color: black;}
#wrapper-main .table-availability .ui-leadtime-green-black.title-avl,
#wrapper-main .month.ui-leadtime-green-black {
	background-image: -ms-linear-gradient(top, #b9e894 0%, #94b879 100%);/* IE10 */ 	
	background-image: -moz-linear-gradient(top, #b9e894 0%, #94b879 100%);/* Mozilla Firefox */ 	 
	background-image: -o-linear-gradient(top, #b9e894 0%, #94b879 100%);/* Opera */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b9e894), color-stop(1, #94b879));/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-linear-gradient(top, #b9e894 0%, #94b879 100%); /* Webkit (Chrome 11+) */
	background-image: linear-gradient(top, #b9e894 0%, #94b879 100%);/* Proposed W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9e894', endColorstr='#94b879',GradientType=0 ); /* IE6-9 */
	font-weight: bold;
	color: #000;
	border: 0;
} 
.ui-bold {font-weight: bold;}
.ui-font-14 {font-size: 14px;}
.maintenance_row_expansion,
.pending_row_expansion {
	border: none;
	padding: 0;
}
.maintenance_row_expansion_detail .ui-panel-content {padding: 0;}
.maintenance_row_expansion_detail {
	border: none;
	padding: 0;
}
.maintenance_row_expansion .ui-panel-content,
.pending_row_expansion .ui-panel-content{padding: 0;}
.hide-column-names table thead tr {display: none;}

/**
* Order list (/order/followup)
**/
.orders-list table td {padding: 0 5px 0 6px;}
.orders-list .wrapper-input {margin-right: 12px;}
.orders-list td.search-button,
.wrapper-search.orders-list button{
	margin-left: 0;
	padding: 0;
}
.orders-list .wrapper-button-search {
	float: right;
	padding-right: 49px;
}
.ie7 .orders-list .wrapper-button-search {padding-right: 60px;}
#wrapper-main div.general-table-view table th,
#wrapper-main div.general-table-view table td{	
	padding: 0 7px;
	text-align: center;
}
#wrapper-main div.general-table-view table td.column-price {text-align: right;}
#wrapper-main div.general-table-view table td.column-price span.currency-code {float: left;}
#wrapper-main th.row-group-date {/*border-right: 1px solid red;*/ }
.ie #wrapper-main th.row-group-date {
	background-image: none;
	background: url("/portal/javax.faces.resource/images/bg-th.gif.xhtml?ln=primefaces-portal&v=v2.33.0.b3") top right repeat-x;
	filter: none;
}
.ie7 #wrapper-main div.general-table-view table th.row-group{position:relative;}
.ie7 #wrapper-main div.general-table-view table th.row-group span{
	display: block;
}
#wrapper-main div.general-table-view pre{
	font-size: 13px;
	font-weight: bold;
}
/*Roles*/
#listRoles .wrapper-checkbox {clear: both;}

/*Invoice*/
.icon-cancel {
    background: url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat  -130px 0px transparent;
    width: 21px;
    height: 21px;
    background-color: #CC0A0C;
}
#listInvoice div.eletronic-field input {width: 384px;}
.ie7 #listInvoice div.eletronic-field input {width: 360px;}
#listInvoice .ui-datatable .ui-button span {
	background: url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat;
	height: 16px;
	width: 0;
}
#listInvoice .ui-datatable .ui-button.data-button-download span {
	background-position: -257px 0;
	width: 10px;
}
#listInvoice .ui-datatable .ui-button.icon-pdf-file span {
    background: url("/portal/javax.faces.resource/images/file-extension-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") -32px 0 no-repeat;
    height: 16px;
    width: 10px;
}
#listInvoice .ui-datatable .ui-button.icon-xml-file span {
    background: url("/portal/javax.faces.resource/images/file-extension-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") 0px 0 no-repeat;
    height: 16px;
    width: 10px;
}
#listInvoice span.wrapper-blue-button {display: block;}
#listInvoice table span.wrapper-blue-button {margin: 0 auto;}
#listInvoice table span.wrapper-blue-button button {margin: 5px;}
#listInvoice th.icon-column {width: 8%;}
#listInvoice th.invoice-column, 
#listInvoice th.duns-column {width: 17%;}
#listInvoice th.key-column {width: 40%;}
#listInvoice #listInvoice\:fromSearch_input,
#listInvoice #listInvoice\:toSearch_input{width: 130px;}
#wrapper-main #listInvoice td {text-align: left;}
#wrapper-main #listInvoice td.column-date,
#wrapper-main #listInvoice tr.ui-datatable-empty-message td {text-align: center;}
/*
** Pending Page
*/
#wrapper-main .month-header .ui-inputfield {	
	max-height: 18px;
	max-width: 30px;
	text-align: center;
}
.ie #wrapper-main .month-header .ui-inputfield {
	line-height: 20px;
}
#wrapper-main div.pending-table table td span.pedidoCliente,
#wrapper-main div.pending-table table td span.itemPedidoCliente {
	display: inline-block;
	margin-rigth: 10px;
	overflow: hidden;
	padding: 0;
	width: 80px;
}
.ie9 #wrapper-main .ui-datatable.pending-table > .ui-datatable-tablewrapper{
	overflow: hidden;
	overflow-x: auto;
	height: 465px;
}
.ie9 #wrapper-main .ui-datatable.lines-.pending-table > .ui-datatable-tablewrapper {
	height: 70px;
	overflow: hidden;
}
.ie9 #wrapper-main .ui-datatable.lines-1.pending-table > .ui-datatable-tablewrapper{height: 141px;}
.ie9 #wrapper-main .ui-datatable.lines-2.pending-table > .ui-datatable-tablewrapper{height: 222px;}
.ie9 #wrapper-main .ui-datatable.lines-3.pending-table > .ui-datatable-tablewrapper{height: 303px;}
.ie9 #wrapper-main .ui-datatable.lines-4.pending-table > .ui-datatable-tablewrapper{height: 384px;}
.ie7 #wrapper-main .ui-datatable.pending-table .ui-datatable-tablewrapper{
	overflow: hidden;
	height: 450px;
}
.ie7 #wrapper-main .ui-datatable.lines-.pending-table {
	height: 70px;
	overflow: hidden
}
.ie7 #wrapper-main .ui-datatable.lines-1.pending-table {height: 141px;}
.ie7 #wrapper-main .ui-datatable.lines-2.pending-table {height: 222px;}
.ie7 #wrapper-main .ui-datatable.lines-3.pending-table {height: 303px;}
.ie7 #wrapper-main .ui-datatable.lines-4.pending-table {height: 384px;}
.ie7 #wrapper-main .ui-datatable.pending-table td.monospace pre {
	display: block;
	position: relative;
	top: 11px;
	padding: 3px 0;
}
.ie #wrapper-main .ui-datatable.table-availability-pending div.ui-datatable-tablewrapper {margin-right: -10px;}
.ie9 #wrapper-main .ui-datatable > .ui-datatable-tablewrapper .ui-datatable-tablewrapper,
.ie7 #wrapper-main .ui-datatable.table-availability-pending .ui-datatable-tablewrapper {height: auto;}
#wrapper-main div.pending-table table td {padding: 0;}
#wrapper-main div.pending-table table td.ped-cli,
#wrapper-main div.pending-table table th {padding: 0 7px 0 8px;}
#wrapper-main .pending-table table .month-header {max-width: 56px; width: 56px; min-width: 56px;}
.ie7 #wrapper-main .pending-table {
	overflow-y: hidden;
	height: 500px;
}
div.table-availability-pending,
#wrapper-main div.pending-table div,
#wrapper-main div.pending-table table,
#wrapper-main div.pending-table table tbody,
#wrapper-main div.pending-table table tr,
#wrapper-main div.pending-table table tr td {border: 0 none transparent;}
#wrapper-main div.pending-table div.pending_row_expansion {font-size: 13px;}
.ie7 #wrapper-main div.pending-table div {overflow: hidden;}
/*Pending Availability*/
div.table-availability-pending {float: right;}

div.table-availability-pending.table-columns-12 {width: 852px;}
div.table-availability-pending.table-columns-12 table td {width: 7.5%;}
div.table-availability-pending.table-columns-11 {width: 781px;}
div.table-availability-pending.table-columns-11 table td {width: 8.5%;}
div.table-availability-pending.table-columns-10 {width: 710px;}
div.table-availability-pending.table-columns-10 table td {width: 9.5%;}
div.table-availability-pending.table-columns-9 {width: 639px;}
div.table-availability-pending.table-columns-9 table td {width: 10.5%;}
div.table-availability-pending.table-columns-8 {width: 568px;}
div.table-availability-pending.table-columns-8 table td {width: 12.5%;}
div.table-availability-pending.table-columns-7 {width: 497px;}
div.table-availability-pending.table-columns-7 table td {width: 14.3%;}
div.table-availability-pending.table-columns-6 {width: 426px;}
div.table-availability-pending.table-columns-6 table td {width: 16.7%;}
div.table-availability-pending.table-columns-5 {width: 355px;}
div.table-availability-pending.table-columns-5 table td {width: 20%;}
div.table-availability-pending.table-columns-4 {width: 284px;}
div.table-availability-pending.table-columns-4 table td {width: 25%;}
div.table-availability-pending.table-columns-3 {width: 213px;}
div.table-availability-pending.table-columns-3 table td {width: 33.3%;}
div.table-availability-pending.table-columns-2 {width: 142px;}
div.table-availability-pending.table-columns-2 table td {width: 50%;}
div.table-availability-pending.table-columns-1 {width: 76px;}
/*Internet Explorer 7*/
.ie7 #wrapper-main .pending-table th.month-header,
.ie7 #wrapper-main .pending-table td.month-header,
.ie7 #wrapper-main .pending-table .ui-widget-content .ui-inputfield {width: 61px !important;}
#listLos .ui-datatable .row-error {background: #e6b4b4;}
#wrapper-main .pending-table td.icon-column div.ui-panel {background-color: transparent;}
#wrapper-main .pending-table td.icon-column div.ui-panel .information-icon-yellow {
	background-color: transparent;
	margin: 5px 0 0 0;
}
#listLos #listLos\:fromSearch_input,
#listLos #listLos\:toSearch_input{width: 130px;}
/*
** Download Availability
*/
div.showAvailability .modal-line-group-bottom {
	margin-top: 10px;
}
.showAvailability .wrapper-radios {
	display: table;
    margin: 0 auto;
}
.availableStock .wrapper-radios {padding: 10px 0 0 50px;}
.availableStock .wrapper-button,
.showAvailability .wrapper-button {
	padding: 0 0 0 30px;
	margin-top: -6px;
}
.ie .availableStock span.ui-radiobutton-icon,
.ie .showAvailability span.ui-radiobutton-icon {margin: 0;}
.availableStock .ui-radiobutton .ui-radiobutton-box
.showAvailability .ui-radiobutton .ui-radiobutton-box {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
	filter: none;
}

.availableStock .ui-dialog-content {
    padding: 0 ! important;
    overflow: hidden ! important;
}
.availableStock .ui-confirm-dialog-severity,
.showAvailability .ui-confirm-dialog-severity {display: none;}
.availableStock .ui-dialog-buttonpane,
.showAvailability .ui-dialog-buttonpane {
	background-color: #f3f3f3;
	border: 0;
	padding: 0 0 20px 0;
}
div.showAvailability .ui-dialog-buttonpane {
	padding: 0 10px 10px;
}
div.showAvailability div.date-from {
	margin: 0;
}
div.showAvailability div.date-from input {
	margin: 0;
	width: 172px;
}
div.showAvailability div.date-to {
	float: right;
    margin: 0 8px 0 0;
}
div.showAvailability div.wrapper-button {
	clear: both;
    float: right;
    margin-top: 15px;
}
div.showAvailability div.wrapper-button button {
	margin: 0;
}
/*
** Notifications Page
*/
#wrapper-main .wrapper-search.notifications-form {width: 760px;}
#wrapper-main .notifications-form .wrapper-line-group {margin: 0 0 15px 0;}
#wrapper-main .notifications-form .cust-input { float: left;}
#wrapper-main .notifications-form .wrapper-radios {
	float: left;
	margin: 0 15px 0 -5px;
}
#wrapper-main .notifications-form .wrapper-restriction {
	float: right; 
	margin: 5px 260px 0 0;
}
#availableStockForm,
#availableNskForm {padding: 0 10px;}
#wrapper-main .notification-table {padding: 20px 0 0 0;}
#wrapper-main .notification-table .column-icon {width: 18%;}
#wrapper-main .notification-table .icon-column .ui-button.data-button-download {margin: 5px 0;}
#wrapper-main .notification-table .icon-column .ui-button.data-button-download span {
	background: url("/portal/javax.faces.resource/images/sprites-links-icon.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") -257px 0 no-repeat;
	height: 16px;
	width: 10px;
}
#wrapper-main .notification-table .not-read-style {font-weight: bold;}
.ie7 #wrapper-main .date-notifications{position: relative;}
.ie7 #wrapper-main .date-notifications .ui-button-icon-only {position: absolute;}
.ie7 #wrapper-main .notification-table tbody tr {
	overflow-x: hidden;
	overflow-y: hidden;
}
/**
* Contact us
**/
.h2-nsk {font-size: 14px;}
.contact-box {padding: 20px;}
.contact-datalist .ui-datalist-content{
	border-color: transparent;
}
.contact-block {
	position: relative;
}
.contact-block .contact-icon {
	background: url("/portal/javax.faces.resource/images/sprite-contactus.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") 0 -2px no-repeat;
	display: block;
	font-size: 13px;
	height: 50px;
}
.contact-block .contact-phone,
.contact-block .contact-email {	
	clear: both;
	width: 50%;	
}
.ie7 .contact-block .contact-phone {width: 420px;}
.contact-block .contact-email {
	position: absolute;
	right: 0;	
	top: 0;
}
.contact-block .contact-email .contact-icon{
	background-position: 0 -60px;
	padding: 0 0 0 80px;
}
.contact-block .contact-phone .contact-icon {padding: 0 0 0 80px;}
.contact-block h3,
.contact-block p {display: block;}
.ie7 .contact-block h2 {font-size: 18px;}
.ie7 .contact-block h3 {padding-top:15px; font-size: 13px;}
.ie7 .contact-block p {font-size: 11px;}
.contact-block ul {padding: 0;}
.contact-block ul li {
	font-weight: bold;
	list-style-type: none;
}
.contact-block ul li span{
	font-weight: normal; 
	float: right;
}
.contact-name-column {
	text-align: right;
}
.ie7 .contact-block ul li span {margin-top: -17px;}
.contact-us-table table thead tr {
	display:none;
}
.ie7 .contact-us-table table th,
.contact-us-table table th,
.ie7.contact-us-table table td,
.contact-us-table table td {
	width:50%;
	border-color: black;
}
.ie7 .contact-us-table table,
.contact-us-table table {
	table-layout: fixed;
	width: 94%;
	border-collapse: inherit;
	border-spacing: 0px 0px;
}
/*Correcting select height*/
#listMaintenance\:selectOneMenu_panel ,
#listFollowUp\:disCodeSelectMenu_panel { height: 75px;}
#listNotification\:selectOneMenu_panel {height: 75px;}
#searchItems\:selectOneMenu_panel {height: 75px;}
#productsDownloadForm\:productsDownloadItemFilter_panel {height: 75px;}
.ie #productsDownloadForm\:productsDownloadItemFilter_panel {width: 150px !important;}
.ie8 #productsDownloadForm\:productsDownloadItemFilter_panel {width: 120px !important;}

/* Place Page */
#listItems .wrapper-search {width: 700px;}
#listItems .wrapper-select {margin: 4px 0 0 20px;}

/* Status Page */
#listFollowUp #listFollowUp\:fromSearch_input,
#listFollowUp #listFollowUp\:toSearch_input{width: 130px;}
.ie7 #listFollowUp .ui-datatable {height: 1450px;}
.placeholder {position: relative;}
.placeholder .placeholder-text {
	color: #a9a9a9;
	position: absolute;
	top: 12px;
	left: 5px;
}
.ff .placeholder .placeholder-text {color: gray;}
.ie .placeholder .placeholder-text {
	color: #999;
	top: 13px;
}
.placeholder-hide .placeholder-text {display: none;}
.ie7 #confirmDialog .ui-dialog-buttonpane {
	margin-left: 30px;
	border: 0;
	background: none;
}
/* To solve a problem in IE10, on Modal upload */
.fileinput-button input {
    -moz-transform : none !important;
    border : none !important;
    border-width : 0 !important;
    transform : translate(-300px, 0) scale(4) !important;
    font-size : 23px !important;
}
* + html .fileinput-button {
    line-height : none !important;
    padding : 2px 15px !important;
}

/**
Data Grid
*/
.ui-datagrid-header, .ui-datalist-header {
    border: none;
    background: #b6b9b4; /* Old browsers */
    background: -moz-linear-gradient(top,  #b6b9b4 0%, #797a7b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6b9b4), color-stop(100%,#797a7b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b6b9b4 0%,#797a7b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b6b9b4 0%,#797a7b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b6b9b4 0%,#797a7b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b6b9b4 0%,#797a7b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6b9b4', endColorstr='#797a7b',GradientType=0 ); /* IE6-9 */
    font: Arial, sans-serif;
    font-size: 14px;
    color: #fff;
}

.ui-datalist-data {
	list-style-type: none;
}

.announcementModal {
	width: 90%;
	height: 90%;
}

div.ic-attach {
    background:url("/portal/javax.faces.resource/images/paperclip.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") no-repeat;
    width: 32px;
    height: 32px;
}

.row-announcement {
	height: 41px;
}

.row-announcement.ui-state-hover.ui-bold {
    font-type: bold;
}

/** Cart Orders tab */
.cart-selectonelistbox li {
	height: 30px;
}
.cart-tabs div.ui-tabs-panels {
	background-color:lightgray;
}
.ui-tabs .cart-tab-cart.ui-state-active,
.ui-tabs .cart-tab-orders.ui-state-active {
	background: #f64341; /* Old browsers */
	background: -moz-linear-gradient(top,  #f64341 0%, #bb0305 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f64341), color-stop(100%,#bb0305)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f64341 0%,#bb0305 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f64341 0%,#bb0305 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f64341 0%,#bb0305 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f64341 0%,#bb0305 100%); /* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f64341', endColorstr='#bb0305',GradientType=0 ); /* IE6-9 */
}
.ie9 .ui-tabs .cart-tab-cart.ui-state-active,
.ie9 .ui-tabs .cart-tab-orders.ui-state-active {
	background: url("/portal/javax.faces.resource/images/background-menu-active.png.xhtml?ln=primefaces-portal&v=v2.33.0.b3") repeat  0 0  transparent;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
	zoom: 1;
}
.cart-checkbox-column {
	overflow: inherit !important;
}

.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    white-space:pre-wrap;
    font-family: monospace;
}

.ui-autocomplete {
    max-height: 200px;	
    overflow-y: auto;   /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index:1000 !important;
}

.ui-menu-item .ui-menu-item-wrapper:hover {
    border-radius:6px;
    background: #ccc;
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc,endColorstr=#ffcccccc);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc,endColorstr=#ffcccccc);
    border: 1px solid #333333;
    color: #333333;   
}
.ui-selectonemenu.placeholder .ui-selectonemenu-label {
    color: #c6c6c6;
}
.ui-selectonemenu-panel.hide-disabled .ui-selectonemenu-list-item.ui-state-disabled {
    display: none;
}