@CHARSET "UTF-8";

/*B
Polices de caractères
*/
@font-face {
	font-family: "Ubuntu Light";
	src: url("/extranet/font/Roboto-Light.ttf");
}
@font-face {
	font-family: "Ubuntu Regular";
	src: url("/extranet/font/Roboto-Regular.ttf");
}
@font-face {
	font-family: "Ubuntu Medium";
	src: url("/extranet/font/Roboto-Medium.ttf");
}

@font-face {
	font-family: "Ubuntu Bold";
	src: url("/extranet/font/Ubuntu-Bold.ttf");
}

/*
Eléments globaux
*/
* {
	padding: 0;
	margin: 0;
}

*:focus {
	outline: 0;
}


.ui-widget-header {
	background: none;
	background-color: #ffffff;
	border:1px solid #ffffff;
}


#body .ui-shadow {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

/*
Liens
*/
#body .ui-widget-content a{
	text-decoration: none;
	color:#607D8B ;  
/*	margin-right: 0.8em;*/
}

#body .ui-menu .ui-separator{
	float: none;
	border-bottom:1px #ddd solid;
	}
#body .ui-widget-content a:hover{
	text-decoration: none;
}
#parent {
	/*min-height: 100%;*/
	position: relative;
}

/*
Indicateur de chargement Ajax
*/

.loader {
	position: fixed;
	top: 68px;
	right: 40px;
	color: rgba(48, 48, 48, 0.2);
}


.loader2 {
	position:fixed;
	top:50%;
	left:50%;
	display:inline-block;
	color: rgba(48, 48, 48, 0.6);
	width:36px;
	z-index: 500;
}

/* 
Pied de page 
*/
#footer {
	position: absolute;
	margin-top: 50px;
	text-align: center;
	background-color: #ffffff;
	padding-top: 12px;
	height: 30px;
	width: 100%;
	bottom: 0px;
	color: #3c3c3f;
}
/* 
Barre de navigation 
*/

#header ul li ul.ui-widget-content li a {
	color: #7D8287;
	font-size: 1em;
}

#header .ui-menu .ui-menu-parent .ui-menu-child {
	width: auto;
}
#body .ui-menu .ui-menu-parent .ui-icon-triangle-1-e{
margin-top:0.7em;
}



#body .ui-state-hover {
	background: none;
}

#content .loginPanel input.ui-state-hover {
	background: white;
}

#header .ui-icon {
	width: auto;
	height: auto;
}

#header .ui-button span.ui-button-icon-left:AFTER {
	font-family: 'FontAwesome';
	/*content : '\f0d7';
	width: 20px;	*/
	padding-left: 6px;
	font-size: 0.8em;
}
#body .simpleDataScroller a:hover {
	text-decoration: none;
}



#body .simpleDataScroller .ui-datascroller-item {
	background: none;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

#body .simpleDataScroller .ui-datascroller-item>a>div {
	padding: 0.8em;
}

#body .simpleDataScroller .ui-datascroller-item div.notificationUnreadMessage
	{
	background-color: #d5ebe9;
}

#body .simpleDataScroller .ui-datascroller-item div.notificationMessage {
	min-height: 40px;
}

#body .simpleDataScroller .ui-datascroller-item:hover {
	background-color: rgba(58, 68, 78, 0.1);
}

/* 
Barre de titre
 */
#mainTitle {
	height: 150px;
	background-color: #ffffff;
}

#mainTitle .title {
	font-size: 2.5em;
	color: white;
	z-index: 2;
	position: absolute;
	left: 138px;
	top: 90px;
}

#mainTitle .logo { 
	padding-left: 138px; 
	padding-top: 40px;
	font-size: 3em;
	color: #f3f3f3;
	position: absolute;
	z-index: 1;
	left: 88px;
	top: 90px;
}

/*
Contenu de la barre de titre
*/

#mainTitle .headerContent {
	/*margin-left: 40px;
	margin-right: 40px;*/ 
}

#mainTitle .headerContent .switch {
	border: 0px solid #ddd;
	height: 110px;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
}

#mainTitle .headerContent .switch > div >div {
	text-align: center;
	height: 110px;
}
#mainTitle .headerContent .switch > div {
	background:none;
	background-color: #3a444e;
	width:100%;
	height:110px;
}

#mainTitle .headerContent .switch > div div.ui-grid-row div.ui-panelgrid-cell {
	height: 110px;
	padding-top: 30px;
	display: table;
}

#mainTitle .headerContent .switch > div div.ui-grid-row div.ui-panelgrid-cell:first-child {
	padding-top: 0px;
	background-color: #263240;
}

#mainTitle .headerContent .switch > div>tbody>tr>td:first-child {
	background-color: #263240;
}
/* 
Titre de page 
*/
#pageTitle {
	font-family: 'Ubuntu Medium', sans-serif;
	text-transform: uppercase;
	color: #000;
	font-size: 2.1em;
	margin-left: 40px;
	margin-top: 20px;
}

#subTitle {
	text-transform: none;
	font-size: 1.64em;
	margin-left: 0px;
	color: #999;
}

#subTitle button {
	margin:0px 3px;
}

#pageTitle div.separator {
	display: inline-block;
	height: 34px;
	border-left: 2px solid #afb8c1;
	margin-left: 14px;
	margin-right: 14px;
	vertical-align: middle;
}

#pageTitle div.title {
	display: inline-block;
	vertical-align: middle;
}

#pageTitle div.title i {
	color: #ffffff;
	font-size: 1.5em;
}
/* 
Contenu de la page 
*/
#content {
	padding-top: 0px;
}
#subcontent {
	margin: 0px ;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 90px;
}


/* 
Menu contextuel 
*/
#subMenu {
		padding: 0px 40px;
}
#subMenu .ui-menu {
	padding: 0px;
	margin-bottom: 0px;
	text-transform: uppercase;
	border: 0 none white;
	border-bottom: 2px solid #ffffff;
}

#subMenu .ui-menu .ui-menuitem {
	margin: 0px;
}

#subMenu .ui-menubar .ui-menu-child {
	margin-top: 2px;
	border-top: 2px solid #ffffff;
}

#subMenu .ui-menubar .ui-menu-child .ui-menuitem-link {
	width: 100%;
}

#subMenu  ul li {
	margin-right: 10px;
}

#subMenu div>ul>li>a {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
#subMenu div>ul>li.ui-menu-parent>a>span:after{  
	content : '\f0d7';
	font-family: 'FontAwesome';
	width: 30px;	
	padding-left: 6px;
}	
#subMenu div>ul>li>a>span+span{  
	display:none;
}	
#subMenu>div>ul>li>a {
	padding: 0.5em 1em;
}

#subMenu .ui-menu .ui-menu-parent .ui-menu-child {
	border: 0px solid #ffffff;
	padding: 0px;
}

#subMenu  ul li a {
	background: none;
	background-color: #e3000b;
	color: #ffffff;
	border: 0 none white;
	margin-right: 3px;
	/*padding: 0.5em 1em;*/
}

#subMenu  ul li a.selected, 
#subMenu div>ul>li.selected>a, 
#subMenu  ul li a.selected:hover
	{
	border: 0 none white;
	background: none;
	background-color: #ffffff;
	color: #8f8f8f;
}

#subMenu  ul li a:hover, #subMenu  ul li ul li:hover {
	background: none;
	background-color: #11cadb;
	color: #ffffff;
	margin: 0px;
	margin-right: 3px;
}
/*
#content .ui-state-active {
	background: none;
	background-color: #ffffff;
}*/

#content .ui-widget-content {
	color: #181c27;
}

#content .CodeMirror-scroll {
	height: auto;
	font-size: 1.5em;
}
/*
DataScroller
*/
#body .ui-datascroller-content{
border: 0 white none;
}
/* 
Datatable 
*/

	#body .noborder tr {
	border: 0 white none;
}
	#body .noheader thead {
		display: none;
	}


.flowTable tr td,
.flowTable tr td a { 
	/*padding: 0;
	height: 100%;
	color: white;
	height: 63px;
	transition:all .3s;*/
}
/*
.flowTable tr td.stepFlow {
	text-align: center;
}

.flowTable tr td.blueFlow {
	background-color: #e0f7fa;
}

.flowTable tr td.greyFlow {
	background-color: #fafafa;
}

.flowTable tr td.greenFlow {
	background-color: #e0f7fa;
}

.flowTable tr td.greenFlow.stepRunning {
	background-color: #4db6ac;
}

.flowTable tr td.yellowFlow {
	background-color: #fff3e0;
}

.flowTable tr td.yellowFlow.stepRunning {
	background-color: #ffb74d;
}

.flowTable tr td.redFlow {
	background-color: #fce4ec;
}*/

#body .oldbadge.blueFlow {
	background-color: rgba(42,177,225, 0.7);
}

#body .oldbadge.greyFlow {
	background-color: #fafafa;
}

#body .oldbadge.greenFlow {
	background-color: rgba(38, 188, 172, 0.7);
}

#body .oldbadge.yellowFlow {
	background-color: rgba(255, 186, 39, 0.7);
}

#body .oldbadge.redFlow {
	background-color: rgba(255, 76, 109, 0.7);
}

#content .simplePanelGrid .column-actions{
	width:200px;
}
#body .ui-paginator .ui-state-default{
	background: none;
	background-color: transparent;
	border : 0 white none; 
	color: #ddd;
	font-weight: normal;
	padding:0px;
}
#body .ui-paginator .ui-paginator-current,
#body .ui-paginator .ui-paginator-rpp-label,
#body .ui-paginator .ui-paginator-rpp-options
{
	text-transform:none;	
	color:rgba(0,0,0,0.54);
	font-family: 'Ubuntu Regular';
}
#body .ui-paginator-pages .ui-state-default:hover{
	text-decoration: underline;
}
#body .ui-paginator-pages .ui-state-active{
	color: #000;
	
}

#body .ui-paginator span.ui-icon{
	text-indent: 0px;
	background-image: none;
	background-color: transparent;
	border : 0 white none;
	position:relative;
	color:white;
}
#body .ui-paginator span.ui-icon:before{
     position:absolute;
     font-size:20px;
	font-family: 'FontAwesome';   
	color: #000;
}
#body .ui-paginator span.ui-icon-seek-next:before{
content: '\f105';
}
#body .ui-paginator span.ui-icon-seek-end:before{
content: '\f050';
}
#body .ui-paginator span.ui-icon-seek-first:before{
content: '\f049';
}
#body .ui-paginator span.ui-icon-seek-prev:before{
content: '\f104';
}

#content .ui-row-toggler{
text-indent: 0px;
background: none;
background-image: none;
color:white;
}
#content .ui-expanded-row .ui-row-toggler{
color:#000;
}
#content .ui-row-toggler:before{
	font-family: 'FontAwesome';
	font-size: 1.1em;
}
#content .ui-icon-circle-triangle-e:before{
	content : '\f055';
	color: #000;
}
#content .ui-icon-circle-triangle-s:before{
	content : '\f056';
}

.column-cell-content {
	white-space: pre-wrap;
	display: inline-block;
	max-height: 8em;
	overflow: auto;
}


/* 
Icones 
*/
.ui-icon.fa {
	text-indent: 0px;
	background-image: none;
}
#body .ui-panelgrid .ui-panelgrid-cell{
	/*background: white;*/
	border:0 white none;
}
#body .ui-panelgrid .ui-grid-row > .ui-panelgrid-cell:first-child{
	padding-left: 0px;
}
#body .ui-panelgrid .ui-grid-row > .ui-panelgrid-cell:last-child{
	padding-right: 0px;
}/*
#body .dragItem .ui-panelgrid .ui-widget-content {
    background: white;
}*/
.ui-panelgrid-align-top tr{
	vertical-align: top;
}
.ui-panelgrid tr.ui-widget-content{
	border: 0 white none;
	}


#content .cv-panel > .ui-panelgrid-header {
	background: none;
	border: 0 white none;
	border-bottom: 2px solid #01363c;
	font-family: 'Ubuntu Bold', sans-serif;
	font-size: 1.3em;
	color: black;
	text-align: left;
	padding: 16px 0px;
	margin-top: 34px;
}

#content .cv-panel > .ui-panelgrid-content > .ui-grid-row  {
	border-bottom: 1px solid #ddd;
}

#content .cv-panel > .ui-panelgrid-content > .ui-grid-row >  .ui-panelgrid-cell {
	padding: 14px 0px;
}

#content .cv-panel > .ui-panelgrid-content > .ui-grid-row > .ui-panelgrid-cell:FIRST-CHILD {
	font-size: 1.1em;
	width: 50%;
}

.simplePanelGrid {
	width: 100%;
}
#body .simplePanelGrid tr {
	border: 0 white none;
	vertical-align: top;
}
.simplePanelGrid tr td {
	padding: 10px;
	vertical-align: top;
}

.simplePanelGrid tr td:FIRST-CHILD {
	text-align: right;
	width: 50%;
}
.simplePanelGrid-25p tr td:FIRST-CHILD {
	width: 25%;
}
#body .simplePanelGrid .ui-grid-row{
	height:36px;
	line-height: 36px;
}
#body .simplePanelGrid .ui-grid-row .ui-panelgrid-cell:FIRST-CHILD {
	text-align: right;
}
#body .ui-panelgrid-content {
	border: 0 white none;
}

/*
Bloc d'aide
*/

.starterItems>div {
	font-size: 1.6em;
	padding: 1em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.starterItems>div>a, .starterItems>div>a:visited {
	text-decoration: none;
	color: #181c27;
}

.starterItems>div:hover {
	background-color: #ffffff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.starterItems>div:hover>i, .starterItems>div:hover>a {
	color: white;
}

.starterItems>div>i {
	color: #e3000b;
	font-size: 2em;
	padding-right: 0.5em;
}

/*
Treetable
*/
/*#content .ui-treetable .ui-widget-content .ui-icon-triangle-1-e,
	#content .ui-treetable .ui-widget-content .ui-icon-triangle-1-s {
	background-image: none;
	text-indent: 0px;
	color: black;
	font-family: 'FontAwesome';
	font-size: 2em;
	width: 35px;
	height: 100%;
}

#content .ui-treetable .ui-widget-content .ui-icon-triangle-1-e:hover:before
	{
	content: "\f07c";
	color: #ffffff;
}

#content .ui-treetable .ui-widget-content .ui-icon-triangle-1-s:hover:before
	{
	content: "\f07b";
	color: #ffffff;
}

#content .ui-treetable .ui-widget-content .ui-icon-triangle-1-e:before {
	content: "\f114";
}

#content .ui-treetable .ui-widget-content .ui-icon-triangle-1-s:before {
	content: "\f115";
}*/
/*
#body .bold {
	font-family: "Ubuntu Medium", sans-serif;
}

#body .bolder {
	font-family: "Ubuntu Medium", sans-serif;
	font-size: 1.1em;
}*/

#content .docTable thead th {
	display: none;
}

#content .docTable .ui-widget-content {
	border: 0 white none;
	background: none;
}

#content .docTable .ui-datatable-odd:hover, #content .docTable .ui-datatable-even:hover
	{
	background: none;
	background-color: #d5ebe9;
}

#content .docTable tbody td {
	border: 0 white none;
}

#content .docTable .cv-align-right {
	text-align: right;
}
/*
Listes
*/
ul {
	list-style-type: none;
}

.ui-datalist>.ui-widget-content {
	border: 0 black none;
}

#body .cv-orderlist {
	border: 1px solid #ddd;
}
#body .cv-orderlist .ui-widget-content{
	border: 0 white none;
}
#body .cv-orderlist tbody td,
#body .cv-orderlist tbody > tr.ui-datatable-rowordering > td
{
	border : 0 white none;
}
#body .cv-orderlist .ui-datatable-footer {
	background-color: white;
	border: 0 white none;
	border-top: 1px solid #ddd;
}
 
#body .cv-orderlist thead {
	display: none;
}

#content .cv-orderable table >  tbody > tr:hover
{
	cursor: move;
	background: none;
	background-color: #ffffff;
	color:#e1000b;
		-o-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#body .ui-sortable-helper tr,
#body .ui-sortable-helper td
{
	background: none;
	background-color: #fafafa;
	border: 0 white none;
	
}
#body .ui-datalist-empty-message{
	padding: 0;
}
/*
Dashboard
*/
.dashboard1-2 div.ui-dashboard-column:first-child {
	width: 33.33%;
}

.dashboard1-2 div.ui-dashboard-column:last-child {
	width: 66.66%;
}

.dashboard2 div.ui-dashboard-column {
	width: 50%; 
}

.dashboard2-1 div.ui-dashboard-column:first-child {
	width: 66.66%;
}

.dashboard2-1 div.ui-dashboard-column:last-child {
	width: 33.33%;
}

.dashboard3 div.ui-dashboard-column {
	width: 33.33%;
}
/*#content .ui-dashboard .ui-panel{
	border : 0px white none;
}*/


#content .ui-dashboard > .ui-dashboard-column > .ui-panel > .ui-panel-footer{
	text-align: right;
	background: none;
	background-color: #f1f1f1;	
}

/*
Fieldset
*/
#content .ui-fieldset {
	border: 0px white none;
	border-top: 1px solid #afb8c0;
	margin: 24px;
	margin-left: 0px;
	margin-right: 44px;
	padding: 0px;
}
#content .fieldsetMenu {
	margin: 0px;
}

#content .ui-fieldset .ui-fieldset-legend {
  border: 0px white none;
  background: none;
  background-color: #f1f1f1;
  text-transform: uppercase;
  font-weight: normal;
  font-family: 'Ubuntu Light', sans-serif;
  font-size: 1.3em;
  color: #999;
  border-radius: 5px;
  margin-bottom: 16px;
  padding: 0.4em 1em;
}

#content .ui-fieldset .ui-fieldset-content {
	background: none;
	background-color: white;
}
#content .ui-fieldset:hover > legend{
	background-color: #ffffff;
	color:white;
	transition:all .2s;
}
#body .ui-growl .ui-state-highlight {
	background: none;
	background-color: #2ab0e1;
	color: white;
	border: 0px none white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#body div.ui-growl[id*=Error] .ui-state-highlight {
	background-color: #ed5565;
}

#body .ui-growl-title {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.2em;
	font-family: 'Ubuntu Medium', sans-serif;
}

#body .ui-growl-image {
	background: none;
}

#body .ui-growl-image-info:before {
	content: '\f05d';
	font-family: 'FontAwesome';
	font-size: 3em;
}

#body div.ui-growl[id*=Error] .ui-growl-image-error:before {
	content: '\f071';
	font-family: 'FontAwesome';
	font-size: 3em;
}

#body div.ui-growl[id*=Warn] .ui-state-highlight {
	background-color: #ffba27;
}

#body div.ui-growl[id*=Warn] .ui-growl-image-warn:before {
	content: '\f071';
	font-family: 'FontAwesome';
	font-size: 3em;
}

/*
Boites de dialogue
*/
#content .ui-dialog .ui-dialog-content {
	padding: 10px 5px;
}
/* 
Layout 
*/
#content .ui-layout-unit {
	border: 0 white none;
	padding: 0px;
}
/*
Titres
*/
#dashboardTitle{
	font-family: 'Ubuntu Regular', sans-serif;
	text-transform: none;
	font-size: 2em;
	margin-left: 10px;
	text-transform:uppercase;
	color: #000;
}
#dashboardSubTitle{
	padding-left:16px;
	display:inline;
	font-family: 'Ubuntu Light', sans-serif;
	text-transform: uppercase;
	font-size: 1.3em;
	margin-left: 0px;
	color: #999;
   }
#pageTitle{
	font-family: 'Ubuntu Regular', sans-serif;
	text-transform: none;
	font-size: 1.8em;
	margin-left: 10px;
	text-transform:uppercase;
	color: #8f8f8f;
}
#pageSubTitle{
	padding-left:16px;
	display:inline;
	font-family: 'Ubuntu Light', sans-serif;
	text-transform: uppercase;
	font-size: 1.1em;
	margin-left: 0px;
	color: #8f8f8f;
}
#body .title{
	padding-top: 14px;
	padding-bottom: 14px;
}
#content h1.numBadge {
	font-family: 'Ubuntu Light', sans-serif;
	font-weight: normal;
	color: #000;
	padding: 10px;
}

#content h1.numBadge i {
	width: 50px;
	text-align: center;
	position: relative;
}

#content h1.numBadge i:after {
	content: attr(title);
	position: absolute;
	width: 50px;
	text-align: center;
	top: 0.5em;
	left: -4px;
	font-size: 0.5em;
	font-family: 'Ubuntu Bold', sans-serif;
	color: white;
}

#content h1.numBadge span {
	padding-left: 15px;
}

#content .ui-fileupload-content {
	min-height: 100px;
	position: relative;
}

#content .ui-fileupload-content:before {
	display: block;
	width: 100%;
	content: 'DRAG\'N DROP ZONE';
	left: 0;
	top: 0;
	position: absolute;
	color: rgba(175, 184, 192, 0.30);
	text-align: center;
	padding-top: 30px;
	font-family: 'Ubuntu Medium', sans-serif;
	font-size: 2.5em;
}
/*
Masterdetail
*/
#content .pe-master-detail .ui-breadcrumb {
	
	margin-bottom: 30px; border : 0 white none;
	font-family: 'Ubuntu Medium', sans-serif;
	border: 0 white none;
}

#content .pe-master-detail .ui-toolbar {
	margin-bottom: 20px;
}
/*
PanelGrid
*/
#content .ui-panelgrid {
	width: 100%;
}

#content .cv-panelgrid-no-border  .ui-panelgrid-even, 
#content .cv-panelgrid-no-border  .ui-panelgrid-odd,
#content .cv-panelgrid-no-border .ui-panelgrid-cell {
	border: 0 white none;
}

#content .cv-panelgrid-spaced tr td {
	padding: 3px;
	padding-top: 0px;
}
#body input[type=text].ui-state-error,
#body .ui-selectonemenu.ui-state-error{
	border-bottom: 1px solid #d7265e;
	
}

#body .ui-state-error, .ui-widget-content .ui-state-error {
	border: initial;
 	background: initial;
 	input {
		border-bottom: 1px red solid;
	}
}


#body label.ui-state-error
{
	color: #d7265e;
	background:none;
}
/*
Fix qui permet au composant fileupolad multiple de marcher sous FF
*/
#body input[multiple="multiple"],
#body .ui-fileupload-simple input[type=file],
#body .ui-fileupload input[type=file] {
	width: auto;
}
/*
* Format champ Date
*/
#body input.hasDatepicker {
	width:90px;
} 
#body .extraSmallInput input{
    width:50px;
 } 
#body .smallInput input{
    width:120px;
 } 
#body .mediumInput input{
   width:300px;
} 
#body .pe-inputNumber{
	text-align: right;
}

/*
Formulaires - checkbox
*/
/*
#body .ui-chkbox-box {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

#body .ui-chkbox-box .ui-chkbox-icon {
	position: relative;
}

#body .ui-chkbox .ui-state-default {
	background: none;
	background-color: white;
	border: 1px solid #c9cacb;
}

#body .ui-chkbox .ui-state-default:hover {
	background: none;
	background-color: white;
	border: 1px solid #ffffff;
	cursor: pointer;
}

#body .ui-chkbox .ui-state-default .ui-icon:hover:after {
	position: absolute;
	content: '\f00c';
	text-indent: 0px;
	left: 0px;
	top: 1px;
	font-family: 'FontAwesome', sans-serif;
	color: #ffffff;
	width: 16px;
	height: 16px;
	text-align: center;
}

#body .ui-chkbox-box .ui-icon-check {
	background-image: none;
	background: none;
}

#body .ui-chkbox-box .ui-icon-check:after {
	position: absolute;
	font-family: 'FontAwesome', sans-serif;
	content: '\f00c';
	text-indent: 0px;
	left: 0px;
	top: 1px;
	color: white;
	width: 16px;
	height: 16px;
	text-align: center;
}

#body .ui-chkbox .ui-state-active {
	color: white;
	background-color: #ffffff;
	border: 1px solid #ffffff;
}*/
/*
#content .ui-slider .ui-state-default {
	background: none;
	background-color: #ffffff;
	border: 1px solid #ffffff;
}

#content .ui-slider .ui-state-default:hover, 
#content .ui-slider .ui-state-active{
	background: none;
	background-color: white;
	border: 1px solid #ffffff;
	cursor: pointer;
}*/
/*
picklist
*/
#content .ui-picklist-buttons button {
	position: relative;
	background: none;
	background-color: white;
	padding: 0px;
}

#content .ui-picklist-buttons button .ui-icon {
	width: 24px;
	text-align: center;
	margin-left: -12px;
}

#content .ui-picklist-buttons button .ui-icon:after {
	position: absolute;
	top: 0px;
	left: 0px;
	background: none;
	background-color: white;
	font-family: 'FontAwesome', sans-serif;
	text-indent: 0px;
	width: 24px;
	height: 24px;
	color: #ffffff;
}

#content .ui-picklist-buttons button .ui-icon-arrow-1-e:after {
	content: '\f105';
}

#content .ui-picklist-buttons button .ui-icon-arrowstop-1-e:after {
	content: '\f101';
}

#content .ui-picklist-buttons button .ui-icon-arrow-1-w:after {
	content: '\f104';
}

#content .ui-picklist-buttons button .ui-icon-arrowstop-1-w:after {
	content: '\f100';
}


/*
Calendrier
*/
#body .ui-datepicker-calendar .ui-state-default {
	background: none;
	font-weight: normal;
}

#body .ui-datepicker-calendar .ui-state-hover {
	border: 1px solid #ffffff;
	color: #ffffff
}

#body .ui-datepicker-calendar .ui-state-active {
	border: 1px solid #ffffff;
	color: white;
	background-color: #ffffff;
}
/*
Barre de progression
*/
#content .ui-progressbar .ui-progressbar-value {
	background: none;
	background-color: #f0f1f3;
	border: 0px white none;
	margin: 0px;
}
#content .ui-progressbar .ui-progressbar-label {
	font-weight: normal;
}

#content .ui-progressbar-done .ui-progressbar-value {
	background-color: #ffffff;
}
#content .ui-progressbar-done .ui-progressbar-label {
	color:#8f8f8f;
}

/*
formulaire dynamique
*/

/*
#content .pe-dynaform-grid, #content .pe-dynaform-grid-2col {
	width: 100%;
}

*/

#content .pe-dynaform-grid > tbody >  tr > td {
	width: 50%;
	padding: 10px 10px;
}

#content .pe-dynaform-grid-2col > tbody >  tr > td:FIRST-CHILD {
	width: 50%;
}
#content .pe-dynaform-grid-2col > tbody >  tr > td {
	width: 50%;
}
#content .pe-dynaform-grid .pe-dynaform-cell{
	padding: 0px;
}
#content .pe-dynaform-grid .pe-dynaform-cell{
	text-align: left;
	white-space: normal;
	vertical-align: top;
}/*
#content  .pe-dynaform-grid .pe-dynaform-label {
	padding-bottom: 0px;*/
	/*font-family: 'Ubuntu Medium';*/
/*}*/
#content .pe-dynaform-grid .pe-dynaform-cell label{
	/*font-size: 1em;*/
}

#body .pe-dynaform-label{
	white-space: normal;
}
#body .pe-dynaform-label .pe-dynaform-label-rfi{
	display:none;
}

/*
Panel
*/

#body .logoPanel,
#body .loginlogoPanel,
#body .faviconPanel
{
	padding:0px;
	border : 0 white none;
}
#body .logoPanel div,
#body .loginlogoPanel div
{
	background-image: url("/extranet/image/logo/transparent.png");
	height: 100%;
	line-height: 50px;
	padding:0px;
}
#body .loginlogoPanel div{
	line-height: 250px;
}
#body .faviconPanel div{
	line-height: 32px;
}
#body .logoPanel div img,
#body .loginlogoPanel div img,
#body .faviconPanel div img{
vertical-align: middle
}
/*
Breadcrumb
*/

#body .breadcrumb{
	margin: 10px 40px;
	background: none;
	background-color: #f1f1f1;
	border : 0 white none;
	height : 24px;
	padding: 8px;
	padding-left:14px;
}
#body .breadcrumb > ul > li{
	margin-right: 10px;
}
#body .breadcrumb > ul > li:FIRST-CHILD:before{
	content : ' ';
	width: 15px;	
	position:absolute;
	top:3px;
	left:10px; 
}
#body .breadcrumb > ul > li+li{
	position: relative;
}
#body .breadcrumb > ul > li+li:before{
	content : '\f054';
	font-family: 'FontAwesome';
	width: 24px;	
	color:#e3000b;
	position:absolute;
	left:-20px;
	line-height: 24px;
}
#body .breadcrumb > ul > li,
#body .breadcrumb > ul > li:hover,
#body .breadcrumb > ul > li > a,
#body .breadcrumb > ul > li > a:hover
{
	border: 0 white none;
	height : 24px;
	background: none;
	background-color: #f1f1f1;
	padding: 0px;
	margin: 0px;
	padding-right:20px;
}
#body .breadcrumb > ul > li > a
{
	text-transform:uppercase;
	color:#999;
}
#body .breadcrumb > ul > li > a:hover
{
	color:#607D8B;
}
#body .breadcrumb > ul > li > a > span{
	line-height: 24px;
}
#body .breadcrumb > ul > li > a > span+span{
	background-image: none;
	text-indent: 0px;
}
#body .breadcrumb > ul > li > a > span+span:after{
	content : '\f0d7';
	font-family: 'FontAwesome';
	width: 15px;	
	right:30px;
	position:absolute;
	line-height: 30px;
	color:#000;
}

#body .breadcrumb .ui-menu-parent .ui-menu-child{
	width: 100%;  
	height: 180px;
	overflow-y:scroll;
}
#body .breadcrumb > ul > li > ul > li > a{
	border: 0 white none;
	color:#000;
}
#body .breadcrumb > ul > li > ul > li > a:hover{
	background: none;
	background-color: #d5ebe9;
}

#body .breadcrumbBar{
padding: 0px 40px; 
height:48px;
background-color: #607D8B; 
transition:all .3s;
}
#body .breadcrumbBar .icon{
color:rgba(0,0,0,0.15);
font-size: 3em; 
line-height: 48px;
}
#body .breadcrumbBar:hover .icon{
color:rgba(239,239,239,1);
transition:all .3s;
}

#divactionbar .ui-sticky,
#toolbarForm:stickyPanel .ui-sticky
{
	-moz-box-shadow: 0px 2px 20px 0px #cfcfcf;
	-webkit-box-shadow: 0px 2px 20px 0px #cfcfcf;
	-o-box-shadow: 0px 2px 20px 0px #cfcfcf;
	box-shadow: 0px 2px 20px 0px #cfcfcf;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=20);
}

/*
* Fix pour menu latéral
*/
#body .ui-sticky-ghost{
	
}

#body div.ui-menu.ui-menu-dynamic ul li.ui-menuitem a.lang span.ui-menuitem-text{ 
	background-repeat: no-repeat;
	background-position: 6px 50%;
	padding-left: 26px;
}
#body .ui-menu-dynamic li.ui-menuitem a.fr span{  
	background-image: url("/extranet/image/flag/fr.png");

}	 
#body .ui-menu-dynamic li.ui-menuitem a.en span{  
	background-image: url("/extranet/image/flag/gb.png");
}	
/*
Charts
*/	
#content .jqplot-highlighter-tooltip{
font-family:'Ubuntu Light', sans-serif;
font-size:11px;
padding:0.5em;
background-color:white;
color:black;
}

/*
Sticker
*/
#content .cv-sticker tr{
		border:0 white none;
}
#content .cv-sticker tr.ui-panelgrid-odd{
		font-weight: bold;
}


/*
Barre de lien
*/
#content .linksBar div > div {
	padding-top:1em;
	padding-bottom:1em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
 }
#content .linksBar div > div:hover {
	background-color:#ffffff;
	color:#8f8f8f;
}
#content .linksBar div > div:hover a{
	color:#8f8f8f;
}
#content .linksBar div > div a:hover{
	text-decoration: none;
}
/*
DataGrid
*/
#content .ui-datagrid-content{
	border : 0 white none;
}
#content .ui-datagrid-content > .ui-grid-row{
	/*border-bottom: 1px solid #ddd;*/
}
#content .newsPanel{
	border : 0 white none;
	padding: 10px;
}
#content .newsPanel .ui-panel-titlebar{
	border : 0 white none;
	background: none;
	color:#000;
	font-size: 1.8em;
	font-family: 'Ubuntu Medium';
	border-bottom: 2px solid #01363c;
	padding-left: 0px;
	padding-right: 0px;
	padding-top:1em;
}
#content .newsPanel .ui-panel-content{
	text-align: justify;
	padding-left: 0px;
	padding-right: 0px;
	/*padding-top: 2em;*/
}

/**
Tooltip
*/
#content .cv-icon-help{
	margin-left:15px;
	display: inline;
	cursor:help;
}
#content .cv-icon-help i{
	color:#afb8c1;
}
#content .cv-icon-help i:hover{
	color:#000;
}


/**
Badges
**/

#body .oldbadge {
	font-size: 0.95em; padding : 0.25em 0.4em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #bbb;
	color: white;
	margin-left: 3px;
	margin-bottom:3px;
	padding: 0.25em 0.4em;
	display: inline-block;
}

#body .badge-red {
	background-color: #ff4c6d;
}

#body .badge-yellow {
	background-color: #ffba27;
}

#body .badge-green {
	background-color: #26bcac;
}

#body .badge-blue {
	background-color: #2ab1e1;
}

#body .badge-violet {
	background-color: #8080ff;
}

#body .badge-turquoise {
	background-color: #607D8B;
}

#body .selectOneButtonHeader{
background-color: #f1f1f1;
	margin-left:40px;
	margin-right:40px;
}
#body .selectOneButtonHeader .ui-selectonebutton{
	display:block;
	background-color: #f1f1f1;
	margin: 10px auto;                        
	text-align: center;
	padding: 0.5em;
}
#body #content .selectOneButtonHeader .ui-selectonebutton .ui-button{
background-color: inherit;
color: #999;
}
#body #content .selectOneButtonHeader .ui-selectonebutton .ui-state-hover,
#body #content .selectOneButtonHeader .ui-selectonebutton .ui-state-active{
color: #607D8B;
font-family: 'Ubuntu Bold';
}
#content .selectOneButtonHeader .ui-buttonset > div.ui-state-default{
	 border : 0 white none;
}


#stampableContainer {
	max-width:1600px;
	margin: 0 auto;
}
#stampableContainer .ui-panel {
	background: transparent;
	border: 1px transparent none;
}

#stampableContainer .ui-panel.imageItem {
	background: rgba(38,188, 172,0.2);
}

#stampableContainer .ui-panel .ui-panel-titlebar-icon {
	display: none;
}

#stampableContainer .ui-panel .ui-panel-titlebar {
	font-family: Courier;
	line-height: 26px;
}

#stampableContainer .ui-panel .ui-panel-content {
	display: none !important;
}
  

#stampableContainer .ui-panel:hover .ui-panel-content {
	display: block !important;
}

#stampableContainer .ui-panel:hover .ui-panel-titlebar {
	cursor: move;
}

#stampableContainer .ui-panel:hover .ui-panel-titlebar-icon {
	display: inherit;
}

#stampableContainer .ui-panel:hover {
	display: block;
	background: rgba(0, 0, 0, 0.2);
	z-index: 9999;
}

#stampableContainer .ui-widget-header {
	background: transparent;
	border: 0px white none;
	color: black;
}
#stampableContainer .stampablePageContainer{
	position:relative;
	margin: 0 auto;
	background-repeat:no-repeat; 
	background-position:50% 0%;
}
#body .ui-blockui{
	position:fixed;
}
#body .datePickerTime input {
	width: 130px;
}

#body .pe-timepicker-input {
	width: 70px;
}

#body .inline-list {
	display: inline-block;
}

#body .inline-list ul li {
	display: inline-block;
	margin-right: 5px;
}

#body .inline-list ul li:not(:last-child ):after {
	content: ',';
}
#body .ui-timepicker-table a:hover{
	color: #607D8B;
}
#body .ui-timepicker-table .ui-timepicker-hour-cell .ui-state-default,
#body .ui-timepicker-table .ui-timepicker-minute-cell .ui-state-default
{
	font-weight: normal;
	background: none;
}
#body .ui-timepicker-table .ui-timepicker-hour-cell .ui-state-active,
#body .ui-timepicker-table .ui-timepicker-minute-cell .ui-state-active
{
	background-color: #607D8B;
}
.square-img {
	border-radius:50%;
	height:32px;
	width:32px;
	margin: 0 2px;
}


.ui-menu.ui-tieredmenu.cv-no-icon .ui-icon {
	display:none;
}

/*Rotation infinie*/
@keyframes rotation {
    0% {transform: translate(-100%, -50%) rotate(0deg)}
    70% {transform: translate(-100%, -50%) rotate(360deg)}
    100% {transform: translate(-100%, -50%) rotate(340deg)}
}

.cv-load-icon {
	position: absolute;
	animation-name: rotation;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

#body .material-icons.bg-icon {
	width: 44px;
	height: 44px;
	position: absolute;
	opacity: 0.2;
	font-size: 44px;    
	top: 50%;
    transform: translate(0, -50%);
}
.relative-datatable td {
	position:relative;
}

/* ERREURS */

.error-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top : 128px;
}

.error-icon {
	font-size:128px !important;
}

.error-description {
	text-align: center !important;
	color: grey !important;
	font-size: 1.2em !important;
}

.valuation-card .simpleTable .ui-datatable-summaryrow td:first-child {
	padding-left: 24px !important;
}

.valuation-card .simpleTable .ui-datatable-summaryrow td:last-child {
	padding-right: 24px !important;
}


.ui-datepicker {
	min-width: 250px !important;
	max-width: 300px !important;
}

.ui-datepicker-panel {
	width: auto !important;
}

.cv-datepicker .ui-datepicker-trigger{
	bottom: 1px !important;
	padding-bottom: 0px !important;
	top: 12px !important;
}