@charset "UTF-8";

/* CSS JEDI */



body, BODY{
	/*background-image:url(../img/background2.jpg);*/
	/*background-image:url(../img/jedi-lot1-fond2.jpg);*/
	background-position:top;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-color: #f5f5f5;
	font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	color: #454545;
	font-size: 1rem;
	/*text-transform: uppercase;*/
}
/*
.nav ul li a:hover {
    font-weight: bold;
    color: #009DCC;
    border-bottom: 0.3rem solid #009DCC;
}*/

.navbar-inner .container {
	width: 1400px;
    height: 70px;
    background-color: #fff;
    font-size: .875rem;
}

.navbar-inner{
	width:1400px;
}

.navbar .nav>li>a:active{
    padding: 9.5px 15px 28px;
    border-bottom: 3px solid #009dcc;
    color: #009dcc !important;
    font-weight: 600;
}

.navbar .nav>li>a {
	color: #454545;
}

.navbar .nav>li {
    margin-left: 10px;
}

.nav-menu >li>a:hover{
    padding: 9.5px 15px 28px;
    border-bottom: 3px solid #009dcc;
    color: #009dcc !important;
    font-weight: 600;
}

.nav-menu >li>a.active{
    padding: 9.5px 15px 28px;
    border-bottom: 3px solid #009dcc;
    color: #009dcc !important;
    font-weight: 600;
}

.dropdown-menu {
  display: relative;
  padding-right: 10px;
}

.dropdown-menu>li>a{
	padding:0.8rem;
	text-align: center;
}

.login-header{
	display: block;
  	margin-left: auto;
 	margin-right: auto;
    text-align: center;
    background: #fff;
    width: 80%;
    position: initial;
    padding: 5px 0px 5px 0px;
    opacity:5;
}

.login-title{
	text-align:center;
	color:#FFF;
	font-size:18px;
	margin-bottom:3px;
	color: #454545;
}
#loginForm{
	color: #454545;
	
}

.login-container input[type="text"], .login-container input[type="password"]{

    width: 100%;
    height: 40px;
    padding: 5px ;
    font-size: 16px;
    line-height: 16px;

}

.login-container-header{
	text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
}

/*
.login-container{
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.login-left-content{
	background-color: #CCC;
	padding:5px;
	height:140px;	
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.login-right-content{
	padding:5px;
}

.login-right-content i{
	opacity:0.3;
}
*/

.login-container label#jediVersion{
	text-align:center;
	color:#454545;
	line-height:30px;
}
label#jediVersion{
	text-align:right;
	color:#454545;
	line-height:30px;
}

.login-left-content{
	padding:5px;
	height:140px;	
}

.login-right-content{
	padding:48px 48px 100px 48px;
	width:auto;
	background-color: #FFF;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.login-btn{
    float: right;
}

.login-right-content i{
	opacity:0.3;
}

.back-link a {
	margin-left: 5px !important;
	font-size: 16px;
}

label{
	color:#666;
	white-space : normal;
}

li i{
	opacity:0.7;
}


.jedi-container{
	margin-top:80px;
	/*color: #F5F5F5;*/
}
.container {
	margin-left: 0px;
	margin-right: 0px;
}
.main{
	max-width: 144rem;
	min-width: 1200px;
    width: 80%;
    margin: auto;
}
.navbar{
	margin-left: 150px;
	margin-right: 150px;	
}

/* modify text size in all input */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
font-size: 15px;	
}

.fileupload .uneditable-input{
	height: 25px;
    width: 100%;
    max-width: 200px;
}



/* Sidenav for Docs Left Menu
-------------------------------------------------- */

.menu-left-container{
      z-index: 500;
	  margin-top:15px;
	  width:25%;
	  float:left;
	  /*
	  overflow-y:auto;
	  height:200px;
	  */
}

.content{
	float: right;
	width:73%;
}



.container{
width: 100%;	
}

/*Responsive scale*/
/*
@media (max-width:1020px){
	.menu-left-container{
	position: relative;
	z-index:-1000;
	left:10px;
	}
	.navbar-fixed-top {
	position: relative;
	margin-top:-10px;
	zoom: 90%;
	}
	.jedi-container{
	margin-top:25px;
	zoom: 90%;
	}
}

@media (max-width:900px){
	.menu-left-container{
	position: relative;
	z-index:-1000;
	left:10px;
	}
	.navbar-fixed-top {
	position: relative;
	margin-top:-10px;
	zoom: 80%;
	}
	.jedi-container{
	margin-top:25px;
	zoom: 80%;
	}
}

@media (max-width:800px){
	.menu-left-container{
	position: relative;
	z-index:-1000;
	left:10px;
	}
	.navbar-fixed-top {
	position: relative;
	margin-top:-10px;
	zoom: 70%;
	}
	.jedi-container{
	margin-top:25px;
	zoom: 70%;
	}
}
*/



.nav-tabs.nav-stacked>li>a {
	border: 0px;
}
.nav{
	margin:1px;
}

.nav-stacked {
    background-color: white;
    margin-bottom: 15px;
}

.nav-stacked li a{
	/*background-color: #f5f5f5;*/
	background-color: #fff;
	color:#454545;
	font-size: 1rem ;
	padding: 16px;
}


.nav-stacked li a:focus {
	/*outline: 0;*/
}

.nav-stacked li a.success{
	/*background-color: #dff0d8;
	color:#666;*/
}

.nav-stacked li a.active{
	/*background-color: #49afcd;*/
	color:#009dcc;
	
}


.nav-stacked li a.disabled, 
.nav-stacked li a:hover.disabled {
	background-color: #transparent;
	color:black;
}

/*.nav-stacked li a:hover, */
.nav-stacked li a:hover{
	color: #009dcc !important;
	background-color: #fff;
}
.nav-stacked li a:focus {
	text-decoration: none;
	color: #fff;
	
	/*background-color: #0081c2;*/
	background-color: #fff;
	/*
	background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
	background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
	background-image: -o-linear-gradient(top, #0088cc, #0077b3);
	background-image: linear-gradient(to bottom, #0088cc, #0077b3);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
	*/
}


.nav-stacked li{
	/*border:1px #f5f5f5 solid;*/
}


.nav-stacked li.disabled a{
	color:#f5f5f5;
}

.actions{
	background-color: #FFF;
	display: block;
	width: 300px;
	padding: 16px;
	margin: 16px 0px 16px;
}

.actions h2{
	font-size: 1.2rem;
    font-weight: 12px;
    background-color: #FFF;
    color: #454545;
    padding: 5px;
}

.actions-button{
	text-align: center;
    list-style-type: none;
    background-color: #009DCC !important;
   	width: 90% !important;
    margin: 15px 10px 15px 15px;
    color: #FFF;
    padding: 15px;
    font-size: 15px;
    border-radius: 6px;
    font-weight: normal;
    cursor: pointer;
    background: none;
    /*text-transform: uppercase;*/
}

.export,
.export:hover,
.export:focus,
.export:active,
.export.disabled {
    background: url(../img/download.svg) no-repeat ;
    background-position: 10% 50%;
    color: #C8007B !important;
    background-color: #FFF !important;
    
}
.actions-title{
	font-size: 1.2rem;
    font-weight: bold;
    background-color: #FFF;
    color: #454545;
    padding: 5px;
    margin: 10px;
}


/* icon menu */
.icon-chevron-right {
	float: right;
	margin-top: 2px;
	margin-right: -6px;
	opacity: .5;
}

.icon-chevron-left {
	float: left;
	margin-top: 2px;
	margin-left: -6px;
	opacity: .5;
}

.icon-remove{
	display: inline-block;
    float: right;
}

.nav-title{
	font-size: 1.2rem;
    font-weight: bold;
    background-color: #FFF;
    color: #454545;
    padding: 16px;
    margin: 10px 10px 10px 0px;
}

.btn-left {
	width:155px; 
	margin-bottom:10px;
	text-align:left;
}

.btn:hover{
	color: #FFF;
}

.spacer{
	width :167px;
	height:10px;
	border-top:1px solid #fff;
	margin-left:5px;
}

a.btn-link-expand{
	color:#009DCC;
}

a.btn-link-expand:hover{
	color:#009DCC;
}

.title{
	font-size:1.5rem;
	color:#f5f5f5;
	width:100%;
	text-align:left;
	margin-top: 15px;
	margin-bottom:15px;
	color: #454545;	
}
.page-title{
    display: inline-block;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.page-top-menu{
	font-weight: 600;
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.panel-comments{
	background-color: #f5f5f5 !important;
	border:0px !important;
}

.panel-container{
	/*background-color: #f5f5f5;*/
	/*background-color: #f5f5f5;*/
	margin-top:15px;
	margin-bottom:15px;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	padding-bottom:10px;
	background-color: #fff;
}


.panel-container i {
	opacity: 0.5;
}

.panel-container {
/* 	width: 100%; */
}

.panel-container .step-form-separate {
    border: dashed 1px #E5E5E5;
    border-bottom: none;
    border-right: none;
    border-left: none;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
}
.panel-container .panel-container-title {
	color: #454545;
    font-size: 1.2rem;
    margin-top: 0;
    margin-bottom: 1.5rem;
    padding-left: 30px;
    font-weight: bold;
}
.panel-container .step-form-separate legend {
	border-bottom: 0px;
	width: auto;
	margin-bottom: 0px;
}
.panel-container .step-form-separate legend h3{
	font-size: 1rem;
    color: #0055A4;
    padding-left: 30px;
    font-weight: 600;
}



.panel-title{
	font-size:13px;
	font-style:oblique;
	color:#666;
	background-color: #f5f5f5;
	text-align:right;
	line-height:22px;
	padding-left:5px;
	padding-right:5px;
  	/*
	border: 1px solid #ddd;
  	border-top:0px;
  	border-left:0px;  
	border-right:0px; 
  	-webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
	*/
}
.fit-panel .panel-container{
	border:0px;
}
.fit-panel .content-title{
	color : #0055A4;
	font-style: normal;
	text-align:left;
	font-size: 1rem;
	margin-left: 2rem;
	padding: 0.2rem 0.2rem 0.2rem 0rem;
	border-bottom: 1px dashed #ddd;
	font-weight: 600;
	
}


.fit-panel .panel-title{
	font-size: 1rem;
	font-style: normal; 
    color: #0055A4;
	text-align:right;
	background-color: #f5f5f5;
	line-height:22px;
	padding-left:5px;
	padding-right:5px;
	font-weight: bold;
	padding-top: 10px;
	text-transform: uppercase;
}

.alert-message{
	color:red;
	margin-top:-15px;
	margin-bottom:5px;
}

.no-title{
	padding-top:22px;
}

form.form-inline label {
    display: block;
    color: #454545;
    margin-top: 5px;
    vertical-align: central;
    font-size: 1rem;
}

form.form-inline input{
/* 	margin-left: 20px; */
}
form.form-inline a{
	margin-left: 20px; 
}

.idColumn a , .idAndCriticityColumn a{
	margin-left: 0px !important;
}

.ui-datatable-tablewrapper input{
	margin-left: 0px !important;
	margin-top: 0px !important;
}

form.form-inline select  {
/* margin-left: 20px;	*/
}

form.form-inline div.row {
	margin-bottom:15px;
	margin-left: 15px;
}


.panel-container input[type="text"], .panel-container input[type="password"]{
	height: 25px;
	/*
	width: 100%;
	max-width: 270px; */
}
.panel-container select{
	/*height: 32px;
	width: 100%;
	max-width: 285px;*/
	
	height: 35px;
	/*
	width: 100%;
	max-width: 285px;
	*/
}


/*legend {
  display: block;
  width:100%;
  text-align:right;
  float:right;
  font-size: 13px;
  line-height: 18px;
  color: #009bba;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
}*/

.content-title{
	font-size:13px;
	font-style:oblique;
	color:#FFF;
	line-height:20px;
	text-align:right;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;	
  	border-bottom: 1px solid #ddd;
	width:auto;
	/*modif workshop ergonomie*/
	margin-top:-5px;
}

/* aligner le libelle avec l'input quand il s'agit d'un checkBox  */
input[type="checkbox"]{
	margin-top:7px;
	height: 1rem;
	width: 1rem;
}

.check-box-block label{
	width: 80%;
	display: inline-block !important;
}
.check-box-block input[type="checkbox"]{
	float: left;
	margin-right: 1rem;
}
/*******************/


/*select[multiple], 
select[size] {
	height: 26px;
}*/

.required {
	color: #454545;
	font-weight: bold;
	margin-right:3px;
}

.required-star {
	color: #ff3d3d;
	font-weight: bold;
	margin-right:3px;
}

.button-container{
	width:100%;
	margin-bottom:15px;
	margin-top: 15px;
	margin-left: 30px;
}

.input-value{
	padding: 4px 6px;
	font-size: 1rem;
	/*modif workshop ergonomie*/
	/*border:1px #CCC solid;*/
	/*color: black;*/
	font-weight:500;
	background-color:transparent;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
	margin-left: 20px;
	margin-bottom:0px;
	height:1.2rem;
	/*Min width value for input value, could be remove*/
	/*min-width:166px;*/
}

/*
.panel-container input[type="password"]{
	width:166px;
}*/

table .ui-icon {
	 background-image: url("../javax.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-aristo") !important;
}

.fit-panel .panel-container {
	margin-left:0px;
	margin-top: 0px;
	margin-top: 10px;
}
.fit-panel .no-title{
	padding-top: 0px;
}

.input-value-fit{
	display: inline-block;
	padding: 4px 6px;
	font-size: 12px;
	color: #666;
	border:1px #CCC solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
	background-color:#AAA;
	margin-left: 0px;
	margin-bottom:0px;
}

.fitMessage{
	color:#111;
	height:auto;
}

.fit014Message{
	color:#111;
	height:105px;
}

/* Table */
.table-container{
	margin:15px 15px 0px 15px;
	padding-bottom:5px;
}

.table-container .ui-paginator-current {
    color: #454545;
    font-size: 1.2rem;
    font-weight: normal;
    float: left;
    margin-left: 0rem;
    padding-left: 0rem;
    font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

.btn-table{
	padding: 1px 10px 1px;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#FFF !important;
} 

table th{
	color:#FFF;
	background-color:#006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	opacity:0.77;
}

table tr{
	color:#333;
	background-color:#f5f5f5;
}

td a{
	color:#0086a1;
}

td a:hover{
	text-decoration:none;
	color:#0086a1;
}

table th .icon-chevron-down {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .5;
}

.confirmation-message{
	text-align:left;
	color:#0F0;
	font-size:14px;
	margin-left:200Px;
}

.criticity-hight{
	background-color: red;
	border: 1px solid #ddd;
  	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	width:10px;
	height:10px;
	float:left;
}

.criticity-medium{
	background-color: orange;
	border: 1px solid #ddd;
  	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	width:10px;
	height:10px;
	float:left;
}

.criticity-low{
	background-color:#FF0;
	border: 1px solid #ddd;
  	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	width:10px;
	height:10px;
	float:left;
}

.criticity-text{
	color: black;
	padding: 10px;
}

/* CSS to bullet Status */
.statusColumn i.error{
	background-color: red;
	border: 1px solid #ddd;
  	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	width:10px;
	height:10px;
	float:left;
}

.statusColumn i.processing{
	background-color: orange;
	border: 1px solid #ddd;
  	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	width:10px;
	height:10px;
	float:left;
}

.statusColumn i.success{
	background-color:#05d0a6;
	border: 1px solid #ddd;
  	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	width:10px;
	height:10px;
	float:left;
}

.statusColumn i.warning{
	background-color: #807e7efa;
	border: 1px solid #807e7efa;
  	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	width:10px;
	height:10px;
	float:left;
}

.statusColumn i.notsubmit{
	background-color: red;
	border: 1px solid #ddd;
  	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	width:10px;
	height:10px;
	float:left;
}

.statusColumn i.info{
	background-color: blue;
	border: 1px solid #ddd;
  	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	width:10px;
	height:10px;
	float:left;
}

.status-text{
	padding: 10px;
}

.created-date{
	font-size: 12px;
	opacity:0.8;
}



/***************** primefaces customizations **********************/
.ui-widget-content {
	background:url("");
	
}

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

tr.ui-widget-content{
	border: 0px !important;
	border-bottom: 1px solid #a8a8a8 !important;
}

.ui-panel .ui-panel-content {
	color: #fff;
	background-color: transparent;
}
/* end primefaces customizations */

.ui-paginator {
	color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
    background-color: rgb(0, 109, 204);
    background-image: linear-gradient(rgb(255, 255, 255),rgb(255, 255, 255)) !important;
    background-repeat: repeat-x;
    border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(255, 255, 255);
    text-align: right;
}
/*.ui-widget-header{
	border: 0px;
    background: rgb(255, 255, 255);
    background: rgb(255, 255, 255) linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
    background: rgb(255, 255, 255) -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
    background: rgb(255, 255, 255) -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
    color: #333;
    font-weight: bold;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
}*/

.calendarStyle input {
	width: 270px;
}
/* modify calendar icon size */
.input-append .add-on, .input-prepend .add-on{
	padding: 8.5px 5px;
}

.ui-datepicker-calendar td a {
	color:black !important;
	font-weight: normal !important;
	font-size: 16px !important;
}
.ui-datepicker-calendar th{
	color: rgb(255, 255, 255);
    background-color: rgb(0, 109, 204);
    background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 68, 204));
    opacity: 0.77;
    background-repeat: repeat-x;
}


tr.success > td {
  background-color: #dff0d8;
}
tr.error > td {
  background-color: #f2dede;
}
tr.notsubmit > td {
	/*background-color: rgb(254, 152, 152);*/
	background-color: #fe9898;
}
tr.warning > td {
  background-color: #fcf8e3;
}
tr.info > td {
  background-color: #d9edf7;
}
tr.processing > td {
  background-color: #f5f5ff;
}

td.success  {
  color: #05d0a6;
}
td.error {
  color: red;
}
td.notsubmit {
	/*background-color: rgb(254, 152, 152);*/
	color: #fe9898;
}
td.warning  {
  color: #807e7efa;
}
td.info {
  color: blue;
}
td.processing {
  color: orange;
}



#content {
    margin: 20px;
}

/* Relevant to the plugin. */
.listTree {
    margin-bottom: 18px;
	color:#333;
}

.listTree ul {
    margin: 0;
}

.listTree li {
    list-style-type: none;
}

.listTree > ul > li {
    background-color: #eee;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #ddd;
}

.listTree > ul > li:first-child {
    border-width: 1px 1px 0 1px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.listTree > ul > li:last-child {
    border-width: 1px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.listTree > ul > li:last-child > ul > li:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.listTree span {
    display: inline-block;
    width: 100%;
    padding: 5px;
}

.listTree > ul > li > span {
    font-weight: bold;
}

.listTree > ul > li > ul > li {
    background-color: #fff;
/*     border-width: 1px 0 0 0; */
/*     border-style: solid; */
/*     border-color: #ddd; */
    padding-left: 10px;
}

.listTree > ul > li > ul > li:first-child {
    border-width: 1px 0 0 0;
}

.listTree > ul > li > ul > li:last-child {
    border-width: 1px 0 0 0;
}

.listTree i {
    float: right;
    margin-right: 15px;
}

.link{
	color: #009DCC;
    text-decoration: underline;
    text-decoration-color: #009DCC;
    margin-right: 1rem;
    font-weight: 300;
    font-size: 14px;
}

.ui-datepicker {
	background-color:#f5f5f5;
}

.ui-dialog {
	background-color:#fff;
}

.listTree > ul > li > span > input[type="checkbox"]{
	margin-right:10px;
	margin-top:-3px;
}

.listTree > ul > li > ul > li> span > input[type="checkbox"]{
	margin-right:10px;
	margin-top:-3px;
}

/* Begin  to modify css of paginator and dataTableList */

.ui-state-default{
	opacity:1;
}

.ui-datatable-tablewrapper .ui-state-default {
    border: 0px solid #a8a8a8;
    background: #c4c4c4 url(/jedi/javax.faces.resource/images/ui-bg_highlight-hard_80_c4c4c4_1x100.png.jsf?ln=primefaces-aristo) 50% 50% repeat-x;
    background: #0055a4;
    font-weight: normal;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
    color: white;
}

div#datatable_paginator_top select, div#datatable_paginator_bottom select {
    background-color: #FFF;
    width: 65px;
    height: 35px;
    margin-bottom: 2px;
    font-size: 18px;
    font-weight: normal;
}

div#datatable_paginator_top, div#datatable_paginator_bottom {
	font-size:11px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	/*margin: 5px;*/
    font-size: 18px;
    border: 0px;
    padding: 8px;
    background: #FFF;
    /*background: #0055a4 -webkit-gradient(linear, left top, left bottom, from(#0055a4), to(#0055a4));*/
	/*text-indent: 100%;*/
}


.ui-datatable-scrollable-header .ui-state-default{
	/*margin: 5px;*/
    font-size: 15px;
    font-weight:normal;
    border: 0px;
    padding: 8px;
    background: #0055a4;
    color: #FFF
	/*text-indent: 100%;*/
}



.ui-icon-seek-prev, .ui-icon-seek-next{
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #7096ab;
    background: #c4c4c4 url(/jedi/javax.faces.resource/images/ui-bg_highlight-hard_80_c4c4c4_1x100.png.jsf?ln=primefaces-aristo) 50% 50% repeat-x;
    background: #0055a4;
    font-weight: bold;
    color: #FFF;
    /* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); */
}

/*.ui-widget-header  {
    border: 1px solid #7096ab;
    background: #c4c4c4 url(/jedi/javax.faces.resource/images/ui-bg_highlight-hard_80_c4c4c4_1x100.png.jsf?ln=primefaces-aristo) 50% 50% repeat-x;
    background: #0055a4 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
    background: #0055a4 -webkit-gradient(linear, left top, left bottom, from(#0055a4), to(#0055a4));
    background: #c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
    font-weight: bold;
    color: #FFF;
    /* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); */
}*/

/* End  to modify css of paginator and dataTableList */


a.btn-table{
	color:#FFF;
}

td a {
	color:#0086a1 !important;
}

td a:hover {
	text-decoration:none !important;
	color:#0086a1 !important;
}

.fit-field {
	max-width:32rem;
	white-space:pre-wrap;
	/* overflow to hide big entry comment without spaces */
	overflow:hidden;
	min-height:16px;
	word-wrap: break-word;
}

.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
border: 1px solid;
margin: 15px 0px;
padding: 8px 10px 8px 10px;
font-size: 1rem;
font-weight: normal;
}

.ui-dialog-content .ui-widget-content {
	background-color:#f5f5f5 !important;
}


.ui-datatable-empty-message {
	color:#f5f5f5;
}


.ui-tooltip {
	background-color:#f5f5f5 !important;
	font-size:12px;
	width: 250px;
}

/*
.ui-datatable {
	max-width:800px;
	overflow-x:hidden;
}
*/

.ui-datatable thead th, .ui-datatable tbody td {
	white-space: normal;
	border-width: 0px;
}

.ui-datatable thead th{
	font-size:15px;
	border-style: none;
	padding:15px 5px 15px 5px;
	text-align: left;
}

/* hard : column size with table layout fixed */
.ui-datatable tbody td {
	font-size:15px;
	padding:15px 5px 15px 5px;
	white-space:nowrap !important;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align: left;
}

.ui-datatable tbody td.statusColumn{
	white-space: normal !important;
}

div.ui-datatable table thead tr th.idColumn{
	width:100px;
}

div.ui-datatable table thead tr th.criticityColumn{
	width:70px;
}

div.ui-datatable table thead tr th.dateColumn{
	width:100px;
}

div.ui-datatable table thead tr th.dateCreatedColumn{
	width:80px;
}

div.ui-datatable table thead tr th.statusColumn{
	width:80px;

}

div.ui-datatable table thead tr th.titleColumn{
	width:90px;
}

div.ui-datatable table thead tr th.serviceColumn{
	width:73px;
}

div.ui-datatable table thead tr th.userColumn{
	width:125px;
}

div.ui-datatable table thead tr th.typeColumn{
	width:60px;
}

div.ui-datatable table thead tr th.delayColumn{
	width:60px;
}

div.ui-datatable table thead tr th.technoColumn{
	width:40px;
}

div.ui-datatable table thead tr th.scopeColumn{
	width:80px;
}

div.ui-datatable-tablewrapper table{
	table-layout:fixed !important;
}

div.ui-datatable-tablewrapper table thead tr th.idColumn{
	width:80px;
}

div.ui-datatable-tablewrapper table thead tr th.idAndCriticityColumn{
	width:80px;
}

div.ui-datatable-tablewrapper table thead tr th.dateColumn{
	width:110px;
}

div.ui-datatable-tablewrapper table thead tr th.dateCreatedColumn{
	width:55px;
}

div.ui-datatable-tablewrapper table thead tr th.criticityColumn{
	width:70px;
}

div.ui-datatable-tablewrapper table thead tr th.statusColumn{
	width:80px;
}

div.ui-datatable-tablewrapper table thead tr th.titleColumn{
	width:90px;
}

div.ui-datatable-tablewrapper table thead tr th.scopeColumn{
	width:80px;
}

div.ui-datatable-tablewrapper table thead tr th.serviceColumn{
	width:73px;
}

div.ui-datatable-tablewrapper table thead tr th.attachmentTitleColumn{
	width:100px;
}

div.ui-datatable-tablewrapper table thead tr th.fileColumn{
	width:100px;
}

div.ui-datatable-tablewrapper table thead tr th.userColumn{
	width:90px;
}

div.ui-datatable-tablewrapper table thead tr th.actionColumn{
	width:80px;
}

div.ui-datatable-tablewrapper table thead tr th.actionDateColumn{
	width:65px;
}

div.ui-datatable-tablewrapper table thead tr th.notificationDateColumn{
	width:93px;
}

div.ui-datatable-tablewrapper table thead tr th.beginDateColumn{
	width:120px;
}

div.ui-datatable-tablewrapper table thead tr th.endDateColumn{
	width:120px;
}
div.ui-datatable-tablewrapper table thead tr th.timeSlotStartColumn{
	width:150px;
}

/*
.idColumn{
	min-width:80px;
	max-width:80px;
	white-space:nowrap !important;
	overflow:hidden;
	text-overflow:ellipsis;
}

.dateColumn {
	min-width:95px;
	max-width:95px;
}

.criticityColumn {
	min-width:15px !important;
	max-width:15px !important;
}

.statusColumn{
	min-width:80px;
	max-width:80px;
	white-space:nowrap !important;
	overflow:hidden;
	text-overflow:ellipsis;
}

.titleColumn{
	min-width:100px !important;
	max-width:100px !important;
	white-space:nowrap !important;
	overflow:hidden !important;
	text-overflow:ellipsis !important;
}

.scopeColumn{
	min-width:80px;
	max-width:80px;
	white-space:nowrap !important;
	overflow:hidden;
	text-overflow:ellipsis;
}

.serviceColumn{
	min-width:80px;
	max-width:80px;
	white-space:nowrap !important;
	overflow:hidden;
	text-overflow:ellipsis;
}
*/

tr.ui-datatable-empty-message{
	border-bottom-color: rgb(168, 168, 168);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color:#f5f5f5;
	color:rgb(0, 109, 204);
	font-weight: bold;
}


/** workaround for jsf */
select option[disabled] { 
	display: none; 
}
select option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    /*font-size: 15px;*/
}

.emptyListMessage{
	padding-left:10px;
}

/*Modification workshop ergonomie */
/*
.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #993366;
  background-image: -moz-linear-gradient(top, #993366, #993366);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#993366), to(#993366));
  background-image: -webkit-linear-gradient(top, #993366, #993366);
  background-image: -o-linear-gradient(top, #993366, #993366);
  background-image: linear-gradient(to bottom, #993366, #993366);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#993366', endColorstr='#993366', GradientType=0);
  border-color: #993366 #993366 #993366;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #993366;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
*/

.btn-primary {
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #007bff;
  background-image: -moz-linear-gradient(top, #0055a4, #0055a4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0055a4), to(#0055a4));
  background-image: -webkit-linear-gradient(top, #0055a4, #0055a4);
  background-image: -o-linear-gradient(top, #0055a4, #0055a4);
  background-image: linear-gradient(to bottom, #0055a4, #0055a4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0055a4', endColorstr='#0055a4', GradientType=0);
  border-color: #0055a4 #0055a4 #0055a4;
  border-color: rgba(0, 85, 164) rgba(0, 85, 164) rgba(0, 85, 164);
  *background-color: #0055a4;;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #fff;
  background-color: #0055a4;
  *background-color: #0055a4;
}

.btn-pull-right{
	float: right;
}

div#loader {
    position:absolute; top:0; left:0;
    width:100%; height:100%;
    z-index:9999;
    background: url('../img/loader.gif') no-repeat center center;
    margin:0; padding:0;
    opacity:0.3;
}

 .navbar-fixed-top{
  position: absolute;
  width:80%;
  min-width:1200px;
  height:70px;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
 }


div.ui-datatable-scrollable-body {
    overflow-x: hidden;
}
.span-origin {
  width: 335px;
}

.div-span-origin{
	width: 440px;
}

form.form-inline div.div-span-origin label {
	width: 50px;
}

.longText{
    overflow:auto;
    height: 75px;
    max-height:100px;
}

/* comments */

.comment-content{
	max-width:28rem;
	height:auto;
	white-space:pre-wrap;
	/* overflow to hide big entry comment without spaces */
	overflow:hidden;
	min-height:16px;
	overflow-wrap: break-word;
}
.comments-timeline-box-text-box p.input-field{
	max-width: 15rem;
}

.comment-buttons{
   width: 100%;
   margin-right: 2rem;
}

.comment-private{
	text-align:right;
	text-align: -webkit-right;
    padding: 0rem 0.5rem 0.5rem 0.5rem;
    margin: 0.5rem 0.5rem 1rem 0.5rem;
    position: relative;
    left: -15rem;
}

.comment-private-my-comment{
	text-align: right;
	text-align: -webkit-right;
    padding: 0rem 0.5rem 0.5rem 0.5rem;
    margin: 0.5rem 0.5rem 1rem 0.5rem;
}


.comment-with-private-marker{
	display:-webkit-box;-webkit-box-orient: vertical;
}


.comments {
  max-width: 85rem;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
  .comments-showAll {
    background-color: #009DCC;
    border-radius: 4px;
    font-size: 1.2rem;
    color: #FFF;
    padding: 1rem 3rem;
    place-self: self-start;
    margin-left: 20rem;
    cursor: pointer; }
  .comments-line {
    height: 100%;
    width: 0.1rem;
    background-color: #009DCC;
    position: absolute;
    left: 100px;
    top: 0px;
    margin-bottom: 10rem; }
    .comments-line::before, .comments-line::after {
      content: '';
      height: 15px;
      width: 15px;
      position: absolute;
      border-radius: 50%;
      background-color: #009DCC;
      left: -0.4rem; }
    .comments-line::before {
      top: 0; }
    .comments-line::after {
      bottom: 0; }
  .comments-form {
    max-width: 65rem;
    width: 83%; }
    .comments-form label {
      font-size: 1.4rem;
      color: #454545; }
    .comments-form textarea {
      margin-right: 0px !important;
      max-width: 65rem;
      width: 97%;
      height: 8rem;
      border: 0.1rem solid #B5B5B5;
      border-radius: 0.4rem;
      padding: 1rem;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-family: 'Open Sans', sans-serif; }
    .comments-form-valid {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 2rem; }
      .comments-form-valid input {
        color: #FFF;
        border-radius: 0.4rem;
        width: 21rem;
        padding: 1.3rem 1rem;
        background-color: #0055A4;
        font-size: 1.2rem;
        border: none;
        margin-left: 3rem;
        cursor: pointer; }
    .comments-form-private {
      margin-top: 1.5rem; }
      .comments-form-private input {
        position: relative;
        margin-right: 1rem;
        margin-left: 0; }
        .comments-form-private input::before {
          content: '';
          display: block;
          border: 0.1rem solid #B5B5B5;
          border-radius: 0.4rem;
          background-color: #FFF;
          height: 1.5rem;
          width: 1.5rem; }
        .comments-form-private input:checked::before {
          background-color: #009DCC;
          border: 0.1rem solid #009DCC; }
  .comments-timeline {
    width: 100%;
    margin-top: 5rem; }
    .comments-timeline-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;}
       .comments-timeline-box-date{
       	margin-left: 10px;
       }
      .comments-timeline-box-date div:last-child {
        font-size: 1.2rem;
        color: #7D7D7D;
        text-align: right;
       }
      .comments-timeline-box-marker {
        width: 15px;
        height: 15px;
        background-color: #FFF;
        border: 0.1rem solid #009DCC;
        border-radius: 50%;
        z-index: 2;
        margin-left: 0.2rem; }
      .comments-timeline-box-text {
        background-color: #FFF;
        border-radius: 0.4rem;
        max-width: 65rem;
        width: 100%;
        margin-left: 4rem;
        margin-right: 11rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 1.5rem;
        font-size: 14px;
        position: relative; }
      .comments-timeline-box-text-my-comment {
  		position: relative;
  		left: 15rem;
        background-color: rgb(127,203,216);
        border-radius: 0.4rem;
        max-width: 65rem;
        width: 100%;
        margin-right: 15rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 1.5rem;
        font-size: 14px;
        position: relative; }      
        .comments-timeline-box-text::before {
          content: '';
          width: 1rem;
          height: 2rem;
          background-color: #FFF;
          position: absolute;
          border-radius: 1rem 0rem 0rem 1rem;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          left: -1rem; }
        .comments-timeline-box-text-my-comment::before {
          content: '';
          width: 1rem;
          height: 2rem;
          background-color: rgb(127,203,216);
          position: absolute;
          border-radius: 1rem 0rem 0rem 1rem;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          left: -1rem }
        .comments-timeline-box-text-box {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .comments-timeline-box-text-box:first-child {
            margin-bottom: 1rem; }
          .comments-timeline-box-text-box div:first-child {
            color: #7D7D7D;
            width: 10rem; }
 
/*css to pickList*/

.ui-picklist{
	margin-left: 20px;
}

.ui-picklist select{
	margin-left: 0px !important;
}

.ui-picklist .ui-icon{
	background-image: url(/jedi/javax.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-aristo) !important;
}

.ui-picklist-button-add, .ui-picklist-button-add-all, .ui-picklist-button-remove, .ui-picklist-button-remove-all{
	background: #0055a4 -webkit-gradient(linear, left top, left bottom, from(#0055a4), to(#0055a4));
}

.ui-picklist.ui-widget{
	font-size: 0.875rem;
}

.ui-picklist .ui-picklist-list{
	width: auto;
}

/* CSS to timeoutDialog */
.btn-timeoutDialog{
	background: #0055a4 -webkit-gradient(linear, left top, left bottom, from(#0055a4), to(#0055a4)) !important;
	color: #FFF !important;
	width: 200px;
}
.timeoutDialog .ui-widget-header{
	background: #0055a4 -webkit-gradient(linear, left top, left bottom, from(#0055a4), to(#0055a4)) !important;
	color: #fff !important;	
}

.timeoutDialog{
	left: 40% !important;
    top: 40% !important;
}

/* CSS to incident details Page*/
.incident-details .input-value{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

 form.form-inline .incident-details label{
	color: #454545;
    font-weight: bold;
}

.weather-link{
	margin: 5px;
    padding: 5px;
    padding-top: 5px;
    display: block;
}




/* Media Queries */

/* Sur les écrans, quand la largeur de la fenêtre fait au maximum 1950px */
@media all and (max-width: 1900px){
	 html{
	 zoom: 100%;
	 }
}

/* Sur les écrans, quand la largeur de la fenêtre fait au maximum 1600px */
@media all and (max-width: 1800px){
	 html{
	 zoom: 95%;
	 }
}

/* Sur les écrans, quand la largeur de la fenêtre fait au maximum 1600px */
@media all and (max-width: 1700px){
	 html{
	 zoom: 90%;
	 }
}

/* Sur les écrans, quand la largeur de la fenêtre fait au maximum 1600px */
@media all and (max-width: 1600px){
	 html{
	 zoom: 85%;
	 }
}

/* Sur les écrans, quand la largeur de la fenêtre fait au maximum 1400px */
@media all and (max-width: 1400px){
	 html{
	 	zoom: 80%;
	 }
	 .main{
	 	width: 85%;
	 	min-width: 1400px;
	 }
	 .navbar-fixed-top{
	 	width: 100%;
	 	min-width: 1400px;
	 }
}



@-moz-document url-prefix(){
	/* Sur les écrans, quand la largeur de la fenêtre fait au maximum 1400px */
	@media all and (max-width: 1400px){
		 html{
		 }
		.main{
		 	width: 98%;
		 	min-width: 1200px;
		 }
		.menu-left-container{
			  width:22%;
		}
		
		.content{
			float: right;
			width:77%;
		}
		
		.navbar-fixed-top{
	 		width: 100%;
	 		min-width: 1200px;
	 }
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1400px){ 
      html{
	 }
	.main{
	 	width: 98%;
	 	min-width: 1200px;
	 }
	.menu-left-container{
		  width:22%;
	}
	
	.content{
		float: right;
		width:77%;
	} 
	.navbar-fixed-top{
	 	width: 100%;
	 	min-width: 1200px;
	 }
}