/* ==========================================================================
   Styles de base
   ========================================================================== */

html {
	margin: 0px;
   	font-family: 'Segoe UI', "Roboto",sans-serif;
	font-size: 14px;
}


body { 
	margin: 0; 
	/* background:url(/PortailDepotFactures/javax.faces.resource/design/bg-body.jpg.xhtml) no-repeat right 4px; padding:0 7px; */
}

img {
    border: 0; /* 1 */
	vertical-align: middle;
}

a:active,
a:hover { 
	outline: none !important; 
}

ul, li, span, a { 
	outline: none !important; 
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
   Styles Logo + Nom + version application
   ========================================================================== */

.header { width: 100%; min-width: 1003px; max-width: 1900px; margin: 0 0 0 0; background:#FFF;padding-bottom:75px; }
.logo { float:left; }
.slogan { float:left; color:#f55831; padding:17px 0 0 30px; font-size:30px; } 
.version { float: left; color:#bebeb6; font-size:13px; padding: 32px 0 0 10px; }
.version a:link,
.version a:visited { color:#bebeb6; text-decoration:none; }
.version a:hover { color:#bebeb6; text-decoration:underline; }
.mr05 { margin-right:5px; }

.header_info { float: right; padding-right:35px;  }

.header_info_above { clear:both; float: right; }


/* ==========================================================================
   Langues
   ========================================================================== */

ul.language { list-style:none; color:#333; font-size:12px;}
ul.language li { float:left; background:url(/PortailDepotFactures/javax.faces.resource/design/bandeau_divider_ico.png.xhtml) no-repeat right 4px; padding:0 7px; }
ul.language li.last { float:left; background:none; padding:0 30px 0 7px; }
ul.language li a { color:#333; text-decoration:underline; }
ul.language li a:hover { color:#666; text-decoration: underline; }


/* ==========================================================================
   Styles Top Menu
   ========================================================================== */

ul.top_menu { list-style: none; color:#333; font-size:12px; }
ul.top_menu li { float: left; background:url(/PortailDepotFactures/javax.faces.resource/design/bandeau_divider_ico.png.xhtml) no-repeat right 4px; padding:0 7px; }
ul.top_menu li.last { float:left; background:none; padding:0 0 0 7px; }
ul.top_menu li a { color:#333; text-decoration:underline; }
ul.top_menu li a:hover { color:#666; text-decoration:underline; }
	
.header_info_below { clear:both; text-align:right; padding-top:0px; }


/* ==========================================================================
   Styles Admin et connexion
   ========================================================================== */

ul.admin { list-style: none; color:#333; font-size:13px; float: right; padding-top:2px; }
ul.admin li { float:left; background:url(/PortailDepotFactures/javax.faces.resource/design/bandeau_divider_ico.png.xhtml) no-repeat right 4px; padding:0 7px; }
ul.admin li a { color:#333; text-decoration:underline; }
ul.admin li a:hover { color:#666; text-decoration:underline; }
ul.admin li.last { float:left; background:none; padding:0 0 0 7px; }

.power { color:#333; font-size:14px; float: right; padding-left:9px; }
.power a { padding-left:4px; margin-bottom: 1px; display:inline-block; } 
.logo_supplier { float:right; padding:15px 35px 0 0; }


/** MENU **/
#content-menu {
	background-color: #F1EEEC;
	background-image : none;
	background:url(/PortailDepotFactures/javax.faces.resource/design/bandeau_menu_bg.png.xhtml) repeat-x left top; height: 29px;
	border:0  !important;
	padding:0px !important;
	margin:0px !important;
}
#content-menu .menu-home {     
    font-weight:bold;
    background: url(/PortailDepotFactures/javax.faces.resource/design/bandeau_home_ico_h.png.xhtml) no-repeat !important;
    background-position:center !important;
    padding-left:15px  !important;
	padding-right:15px !important;
}
#content-menu li:hover .menu-home {
	background: url(/PortailDepotFactures/javax.faces.resource/design/bandeau_home_ico.png.xhtml) no-repeat !important;
    background-position:center !important;
}

#content-menu .ui-menubar,.ui-menu {
    border:0px;
    background:none;
}
#content-menu .ui-menu-child {
	background: #F1EEEC !important;
	padding: 0px;
}
#content-menu .ui-menubar {
	 border: 0px;
}
#content-menu .ui-menu {
	padding: 0px;
}
#content-menu .ui-widget-content ul {
	padding:0px !important;
}
#content-menu li:hover .one-level-item {
	background: #D0CCCB !important;
}
#content-menu  .ui-menu-parent .ui-state-hover {
	background: #D0CCCB !important;
}
#content-menu .ui-menuitem-link {
	padding-left:30px;
	padding-right:30px;
	
}
#content-menu ul li a{
	font-family:'Segoe UI', 'Roboto', sans-serif;
	font-size:13px; 
	color: #666666;
}
#content-menu ul li a.ui-menuitem-link { 
	border-left:1px solid #cccccc;
}

#content-menu ul li.parent-menu a.ui-menuitem-link{
	padding-right:10px  !important;
}

#content-menu ul li.parent-menu-last a.ui-menuitem-link { 
	border-right:1px solid #cccccc;
	padding-right:10px  !important;
}

#content-menu ul li a.sub-menu { 
	border-left:none !important;
	border-bottom:1px solid #cccccc !important;
	border-right:none !important;
	padding-left:6px !important;
} 

#content-menu ul li a.sub-menu-last { 
	border-left:none !important;
	border-bottom:none !important;
	border-right:none !important;
	padding-left:6px !important;
} 

#content-menu ul li ul.ui-widget-content { 
	width:183px;
}

#content-menu .ui-icon-triangle-1-s  {
	margin-left: 10px;
	background:url(/PortailDepotFactures/javax.faces.resource/design/bandeau_arrow_ico.png.xhtml) no-repeat right;
	background-position:95% 5px;
}

#content-menu .ui-selectonemenu-item.ui-selectonemenu-list-item.ui-state-highlight {
    background: #a9c6c9;
}

#content-menu a.ui-state-selected {
	background-color:#f66108 !important;
}

#content-menu li.ui-state-selected  a.ui-submenu-link {
	background-color:#f66108 !important;
}
/** PAGE **/
#content-wrapper {
	margin-top: 15px;
}


#content-page {
	width: auto;
	padding-top: 10px;
}

#content-page-right {
	margin-left: 270px;
	width: auto;
}

label {
	display: block;
	width: 150px;
	float: left;
}

#header {
	height: 50px;
	width: 100%;
}

#left {
	position: absolute;
	left: 0px;
	width: 220px;
	margin: 0px;
	padding: 0px;
}

#content {
	margin: 25px 190px 0px 220px;
	padding: 0px;
	background-color: #ffffff;
}

#left .switchcontent_G {
	background: #F7F7F7;
	padding-bottom: 2px;
	border-left: 1px #CBCBCB solid;
	border-right: 1px #CBCBCB solid;
}

#logout {
	
}

.appreciationC {
	background: #FFC0CB;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.paddingLeft2 {
	padding-right: 10px;
}

.displayNone {
	display: none;
}

.boldItalic {
	font-style: italic;
	font-weight: bold;
}

.button .ui-button-text {
	background-color: rgb(0, 160, 186);
	background: rgb(0, 160, 186);
	color: #FFFFFF;
}

table tr td {
	height: 10px;
}

table tr td {
	height: 10px;
}

table tr td {
	height: 10px;
}

.top_column1 {
	width: 200px;
}

.top_column2 {
	width: 400px;
}

.ui-commandlink {
	color: black;
}

.grey {
	color: grey;
}



.ui-filter-column,.custom-ui-state-active,.ui-paginator,.ui-datagrid-footer
	{ /*background: rgb(147, 152, 132) !important;*/
	/*color: #ffffff !important;*/
	
}

.icon-home {   
    width: 10px;   
    height: 10px;   
    background-image: url(/PortailDepotFactures/javax.faces.resource/icones/home.png.xhtml) !important;
}

.ui-breadcrumb {
	margin-bottom: 5px;
	font-family: sans-serif;
	color: #666666;
}
 
/*BACKGROUND COLOR FOR REQUIRED FIELDS*/
.menu .ui-selectonemenu-label { 
    background: #FEC8C8;
}
.calendar .ui-inputfield{
	background-color: #FEC8C8;
}

/**********************************/
/* Tableaux  */
/**********************************/

#entete-dataTable {
	background-color: #767362;
}

.selectRadio {
	width: 100%;
}

.selectRadio td {
	width: 10%;
	text-align: center;
	padding-left: 43px;
}

.selectRadio td label {
  	width: 10px;
}

.selectRadioAgreement td label {
	width: 80px;
}

.classHalf {
	width: 50%;
}

.classAlmostHalf {
	width: 48%;
	position: absolute;
}

.classAllWidth {
	width: 100%;
}

div#content-wrapper legend {
	border:0;
	background:white;
}

/*.ui-datatable .ui-paginator {
	text-align: left;
	
}*/

.pageHeader {
    border-bottom: 1px solid black;
    margin-bottom: 10px;
    color: #333333;
    font-weight: bold;
    font-size: 13px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    border-radius: 0px;
}

.filtercssClass {
	height: 10px;
}
/* Data Table */
thead[id*="NoHeaderTable"] {
	display: none;
}

.site-icon {
	height: 16px;
	width: 16px;
	text-indent: 1000px;
	border: none !important;
	background-position: bottom !important;
	background-color: #FFFFFF !important;
	background-repeat: none !important;
}

.site-icon-delete {
	background-image: url(/PortailDepotFactures/javax.faces.resource/icones/delete_4.png.xhtml)!important;
}

.site-icon-gotodetail {
	background-image: url(/PortailDepotFactures/javax.faces.resource/icones/gotodetail_5.png.xhtml)!important;
}
.site-icon-add
{
	background-image: url(/PortailDepotFactures/javax.faces.resource/icones/validate.png.xhtml) !important;
}
#div_header_buttons {
	position: absolute;
	right: 0px;
	width: 300px;
	float: right;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 10px;
}
.button-cancel {
	padding-left: 10px;
	padding-right: 10px;
}

.button-save {
	padding-left: 10px;
	padding-right: 10px;
}
#container {
	float: right;
	width: 30px;
	padding: 0;
	display: table;
	border: 1px solid black;
}

#row {
	display: table-row;
}

#left {
	position: static !important;
	padding: 0;
	background: #EEF;
	display: table-cell;
}

#right {
	width: 30px;
	background: #FEE;
	display: table-cell;
	background: #FEE url("blue.gif") top right repeat-y;
}

.column-in {
	margin: 0;
	padding: 0.5em 1em;
}


body,
input,
select,
textarea,
button,
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
.ui-widget-header,
.ui-widget-content,
.ui-widget-header .ui-widget-header,
.ui-widget-content .ui-widget-content {
	font-family: 'Segoe UI', "Roboto", sans-serif;
	font-size: 14px !important;
}

#growlMessageInfo_container {
	left:20px !important;
}

.pf .ui-fileupload-content {
	display: block;
	position: absolute;
	border: 0;
	background: transparent;
}

.pf .ui-fileupload-content .ui-messages-error {
	position: fixed;
    z-index: 10;
    left: 50%;
    top: 50%;
    border-radius: 0;
    margin-left: -120px;
    max-width: 250px;
}

.pf .ui-fileupload-content .ui-messages-error .ui-messages-error-icon {
	display: none;
}
.pf .ui-fileupload-content .ui-messages-error ul {
	margin-left: 0;
}
.pf .ui-fileupload-content .ui-messages-error ul .ui-messages-error-detail, .pf .ui-fileupload-content .ui-messages-error ul .ui-messages-error-summary {
	margin-left: 0;
	display: block;
}

.pf table.ui-fileupload-files {
    position: fixed;
    background: white;
    top: 50%;
    left: 50%;
    margin-left: -170px;
    margin-top: -50px;
    border: 1px solid #c0c0c0;
    box-shadow: 0 2px 2px #f3dede;
    z-index: 1001;
    background: #fbfbfb;
}
.pf table.ui-fileupload-files tr {
	display: block;
	width: 505px;
	font-size: 11px;
	padding: 3px 5px;
}
.pf table.ui-fileupload-files tr td {
	min-height: 22px!important;
}
.pf table.ui-fileupload-files td:nth-child(1) {
	display: none;
}
.pf table.ui-fileupload-files td:nth-child(2) {
	width: 180px;
	padding: 2px;
	display: inline-block;
	overflow: hidden;
	line-height: 24px;
	word-wrap: break-word;
}
.pf table.ui-fileupload-files td:nth-child(4) {
	width: 205px;
	padding: 2px;
	display: inline-block;
}
.pf table.ui-fileupload-files td:nth-child(3) {
	width: 60px;
	display: inline-block;
	color: #0184e0;
	line-height: 24px;
    text-align: center;
}
.pf table.ui-fileupload-files td:nth-child(5) {
	width: 18px;
	display: inline-block;
	padding: 0;
	text-align: right;
	line-height: 24px;
}
.pf table.ui-fileupload-files .ui-progressbar {
	background: #e0ebf3;
	border-radius: 0;
}
.pf table.ui-fileupload-files .ui-progressbar-value {
    border-radius: 0;
    background: #4bb3fc;
    border: 1px solid #9f9fe8;
}


.pf .ss-file-uploaded {
	margin-top: 10px;
	margin-left: 110px;
}
.pf .ss-file-uploaded .ui-panel-content {
	padding: 0;
}
.pf .ss-file-uploaded .ss-file-list {
	display: block;
    padding: 4px;
    border: 1px solid #e7dfe8;
    margin-bottom: 1px;
    font-size: 12px;
    border-radius: 2px;
    color: #31205e;
}
.pf .ss-file-uploaded .ss-file-list:nth-child(odd) {
	background: #def1f8;
}
.pf .ss-file-uploaded .ss-file-list:nth-child(even) {
	background: #fefdf3;
}
.pf .ss-file-uploaded .ss-file-list .ss-file-list-text {
	margin-right: 40px;
}
.pf .ss-file-uploaded .ss-file-list button {
	position: absolute;
    top: 4px;
    right: 2px;
}

/* Custom upload button */


.ui-fileupload-buttonbar .ui-fileupload-choose .ui-button-text {
	padding-left: 2em !important;
}

.ui-fileupload-buttonbar {
	background: transparent none;
	border: none;
	padding: .2em .0em !important;; 
}

.ui-fileupload-content {
	display: none;
}

#pfContainer {
	text-align:center;
	border:0px !important;
}


#pfContainer .ui-widget-content {
	border:0px !important;
}


.pf .btn-main {
	background: transparent;
	color: #ffffff;
	background-color: #ff7e30;
	border: 1px solid #e3745b;
	border-radius: 2px;
	cursor:pointer !important;
}

.pf .btn-main:focus {
	color: #ffffff;
	background-color: #ff7e30;
	border-color: #ff9c61;
}

.pf .btn-main:hover {
	color: #ffffff;
	background-color: #ff9c5f;
	border-color: #ff9c61;
}


.pf .btn-main {
	background: transparent;
	color: #ffffff !important;
	background-color: #ff7e30;
	border: 1px solid #e3745b;
	border-radius: 2px;
	cursor: pointer;
}

.pf .btn-main:focus {
	color: #ffffff;
	background-color: #ff7e30;
	border-color: #ff9c61;
}

.pf .btn-main:hover {
	color: #ffffff;
	background-color: #ff9c5f;
	border-color: #ff9c61;
	
}	

.pf .btn-md,.btn-group-md>.btn,.ui-widget button.btn-md {
	padding: 3px 8px;
	font-size: 14px;
	line-height: 1.4;
	border-radius: 2px;
}

.pf .btn-md .ui-button-text {
	line-height: 1.4;
	font-size: 14px;
}


.pf .round-block {
	border-radius: 25px;
	border: 1px solid;
    padding: 10px; 
}

.pf .round-block {
	border-radius: 25px;
	border: 1px solid;
    padding: 10px; 
}

.pfRadio .ui-grid-col-6 {
	width: 200px;
}
.pfRadio .ui-radiobutton {
	float: left;
}

.pfRadio label {
	width: 140px;
	margin-left:5px !important;
}

.datatable {
	width:90%;
	margin:auto;
}

.errorLog .ui-widget-header .ui-inputfield {
	max-width:80px;
}

.ui-paginator.ui-paginator-bottom {
	text-align:center;
}

.ui-widget-header {
	text-transform: none;
}

.pf #pfContainer{
	background-color: transparent;
	background-image: none;
}

.pf #pfContainer .ui-widget-content {
	background-color: transparent;
	background-image: none;
}

.ui-datatable .ui-datatable-header {
    text-align: left!important;
}

#historyForm:logList:resend-selected .ui-button-text {
    background-color: orange;
}

.page-header {
    height: 65px!important;
}