body {
	border: 1px solid 		#2A2A2A /*{a-body-border}*/;
	background: 			#222222 /*{a-body-background-color}*/;
	color: 					#fff /*{a-body-color}*/;
	 text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #000 /*{a-body-shadow-color}*/;
	font-weight: normal;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #666 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);	
}
li.gray {
	background-color:  rgba(156,158,160,0.5);
	background-image: linear-gradient(bottom, rgba(156,158,160,0.5) 12%, rgb(255,255,255) 78%);
	background-image: -o-linear-gradient(bottom, rgba(156,158,160,0.5) 12%, rgb(255,255,255) 78%);
	background-image: -moz-linear-gradient(bottom, rgba(156,158,160,0.5) 12%, rgb(255,255,255) 78%);
	background-image: -webkit-linear-gradient(bottom, rgba(156,158,160,0.5) 12%, rgb(255,255,255) 78%);
	background-image: -ms-linear-gradient(bottom, rgba(156,158,160,0.5) 12%, rgb(255,255,255) 78%);
}
li.black {
	background-color:  rgba(156,158,160,0.5);
	background-image: linear-gradient(bottom, rgba(156,158,160,0.5) 12%, rgb(255,255,255) 78%);
	background-image: -o-linear-gradient(bottom, rgba(156,158,160,0.5) 12%, rgb(255,255,255) 78%);
	background-image: -moz-linear-gradient(bottom, rgba(156,158,160,0.5) 12%, rgb(255,255,255) 78%);
	background-image: -webkit-linear-gradient(bottom, rgba(156,158,160,0.5) 12%, rgb(255,255,255) 78%);
	background-image: -ms-linear-gradient(bottom, rgba(156,158,160,0.5) 12%, rgb(255,255,255) 78%);
}
li.green {
	background-color:  rgba(174,245,182,0.5);
	background-image: -o-linear-gradient(bottom, rgba(174,245,182,0.5) 12%, rgb(255,255,255) 78%);
	background-image: -moz-linear-gradient(bottom, rgba(174,245,182,0.5) 12%, rgb(255,255,255) 78%);
	background-image: -webkit-linear-gradient(bottom, rgba(174,245,182,0.5) 12%, rgb(255,255,255) 78%);
	background-image: -ms-linear-gradient(bottom, rgba(174,245,182,0.5) 12%, rgb(255,255,255) 78%);
	background-image: linear-gradient(bottom, rgba(174,245,182,0.5) 12%, rgb(255,255,255) 78%);
}
li div.ui-btn-text > a {
    padding: 0 0 0 15px !important;
}
a[data-role=button] > span.ui-btn-inner {
    padding: 15px 7px 15px 7px !important;
}
li.orange {
	background-color:  #F7E3B0;
	background-image: linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #F7E3B0 78%);
	background-image: -o-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #F7E3B0 78%);
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #F7E3B0 78%);
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #F7E3B0 78%);
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #F7E3B0 78%);
}
li.red {
	background-color:  #FAC3C3;
	background-image: linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #FAC3C3 78%);
	background-image: -o-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #FAC3C3 78%);
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #FAC3C3 78%);
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #FAC3C3 78%);
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #FAC3C3 78%);
}
li.yellow {
	background-color:  #FFFF88;
	background-image: linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #FFFF88 78%);
	background-image: -o-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #FFFF88 78%);
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #FFFF88 78%);
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #FFFF88 78%);
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #FFFF88 78%);
}
li.blue {
	background-color:  #99BBFF;
	background-image: linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #99BBFF 78%);
	background-image: -o-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #99BBFF 78%);
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #99BBFF 78%);
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #99BBFF 78%);
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #99BBFF 78%);
}

li.yellowContrainte {
	background-color:  #ffff87;
	background-image: linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #ffff87 78%);
	background-image: -o-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #ffff87 78%);
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #ffff87 78%);
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #ffff87 78%);
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #ffff87 78%);
}
li.redContrainte {
	background-color:  #ffc479;
	background-image: linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #ffc479 78%);
	background-image: -o-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #ffc479 78%);
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #ffc479 78%);
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #ffc479 78%);
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #ffc479 78%);
}
li.blueContrainte {
	background-color:  #cd9bff;
	background-image: linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #cd9bff 78%);
	background-image: -o-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #cd9bff 78%);
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #cd9bff 78%);
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #cd9bff 78%);
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255, 0.5) 12%, #cd9bff 78%);
}
canvas.jSignature {
	border-style: solid !important;
}
/* AUTOCOMPLETE */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	color: black;
	text-shadow: none;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}
.online {
			color: green;
		}

.offline {
	color: red;
}

.ac_over {
	background-color: #0A246A;
	color: white !important;
}
/* FIN AUTOCOMPLETE */
.detailListText{
    margin: 0 0 0 20px;
}

.checkBoxLeft{
    position: absolute; 
    left: 10px; 
    top: 28%;
    width: 18px;
    height: 18px;
    background: #d9d9d9;
    border-radius: 3px;  
}
.checkBoxUL>li:not(.ui-li-divider), #logi_return_new li:not(.ui-li-divider), #logi_return_new2 li:not(.ui-li-divider){
    background: #d9d9d9 linear-gradient(#f9f9f9, #d9d9d9) repeat scroll 0% 0%;
}
/*.not-checked, .checked {
    background-image: url("http://www.dragan-gaic.info/elements.png");
    background-repeat: no-repeat;
}*/

div.not-checked {
    background-position: 18px 0;   
    border: 1px solid #a9a9a9;
    /*background-color:#d9d9d9;*/
    background: #d9d9d9 linear-gradient(#f9f9f9, #d9d9d9) repeat scroll 0% 0%;
}

div.checked {
    background-position: 0 0;   
    /*background-color:#6496bc;  */
    border: 1px solid #044062;
    background: #396B9E linear-gradient(#5F9CC5, #396B9E) repeat scroll 0% 0%;
}

li.not-checked:not(.ui-li-divider) {
    background-position: 18px 0;   
    border: 1px solid #a9a9a9;
    /*background-color:#d9d9d9;*/
    background: #d9d9d9 linear-gradient(#f9f9f9, #d9d9d9) repeat scroll 0% 0%;
}

li.checked:not(.ui-li-divider) {
    background-position: 0 0;   
    /*background-color:#6496bc;  */
    border: 1px solid #044062;
    background: #F9FF00 linear-gradient(#FFF291, #FFF9D1) repeat scroll 0% 0%;
}

th, td{
	
    border-bottom: 1px solid #5F9CC5;
    text-align: center;
    padding: 15px;
}

th{
	background-color: #2E9AFE;
    
}

tr:nth-child(even) {
    background: #e9e9e9;
   
   
}

.recorder_audio {
  padding: 0;
  margin-top: 30px;
}

.li_recorder
{
    list-style: none;
    margin-bottom: 1rem;     
}

.a_recorder
{
    color: #337ab7!important;
    font-size:15px;
}

.audio_width
{
    width:100%;
}

/* popup */

.popup{  width: 100%;  height: 100vh;  display: none;  position: fixed;  top: 0;  right: 0;  z-index: 99999;}
#redirect_smartfix:target{  display: block;}
.popup__block{  height: calc(100vh - 40px);  padding: 5% 15%;  box-sizing: border-box;    margin-top: 20px;  overflow: auto;  -webkit-animation: fade .5s ease-out 1.3s both;   animation: fade .5s ease-out 1.3s both;}
.popup:before{  content: "";  box-sizing: border-box;  width: 100%;    box-shadow: inset 0 0 0 20px #f0f0f0;  background: #fff;  position: fixed;  top: 50%;  will-change: height, top;  -webkit-animation: open-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) .65s both;          animation: open-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) .65s both;}
.popup:after{  content: "";  width: 0;  height: 2px;  background-color: #f0f0f0;  will-change: width, opacity;  -webkit-animation: line-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) both; animation: line-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) both;  position: absolute;  top: 50%;  left: 0;  margin-top: -1px;}

@-webkit-keyframes line-animation{
  0%{
    width: 0;
    opacity: 1;
  }
  99%{
    width: 100%;
    opacity: 1;
  }
  100%{
    width: 100%;
    opacity: 0;
  }  
}

@keyframes line-animation{
  0%{
    width: 0;
    opacity: 1;
  }
  99%{
    width: 100%;
    opacity: 1;
  }
  100%{
    width: 100%;
    opacity: 0;
  }  
}

@-webkit-keyframes open-animation{
  0%{
    height: 0;
    top: 50%;
  }
  100%{
    height: 100vh;
    top: 0;
  }
}

@keyframes open-animation{
  0%{
    height: 0;
    top: 50%;
  }
  100%{
    height: 100vh;
    top: 0;
  }
}

@-webkit-keyframes fade{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

@keyframes fade{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

.popup__title{  margin: 0 0 1em;  text-align: center;}
.popup__media{  margin-bottom: 2rem;}
@media screen and (min-width: 641px){  .popup__title{    font-size: 1.6rem;  }  .popup__close{    top: 40px;    right: 40px;  }  .popup__media{    max-width: 35%;  }  .popup__media_left{    float: left;    margin-right: 3rem;  }  .popup__media_right{    float: right;    margin-left: 3rem;  }  }
@media screen and (max-width: 640px){  .popup__title{    font-size: 1.8rem;  }  .popup__close{    top: 20px;    right: 20px;  }}
.label_green{
    color:green !important;
}
.label_red{
    color:red !important;
}
.mapping_dekra_v858_24 {
    text-align: right;
}
.add_btn_style,.delete_btn_ligne{
   text-decoration: none;
   width:24px;
   height:24px;
   line-height:24px;
   border-radius:50%;
  -webkit-border-radius:50%;
   -moz-border-radius:50%;
   text-align:center;
}

.rating>.stars>i{
    background: transparent !important;
    cursor: pointer !important;
}

.rating>.stars>i:hover:before{
    color:yellow !important;
}

.rating>.stars>i.hover:before{
    color:yellow !important;
}
.rating>.stars>i.selected:before{
    color:yellow !important;
}
#clear_note_technecien{
    display:none;
    font-size: 12px;
    color:blue;
}
.mapping_cgm_7,.mapping_cgm_8{
    width:32%;
    margin-right:1%;
    float:left;
}
.mapping_cgm_9{
    width:34%;
    float:left;
}
.mapping_cgm_10{
    width:100%;
}
.mapping_cgm_11{
     width:49%;
     margin-right:1%;
     float:left;
}
.mapping_cgm_12{
     width:50%;
     float:left;
}
.mapping_cgm_52{
    text-align:right;
}
.add_btn_style,.delete_btn_ligne{
   text-decoration: none;
   width:24px;
   height:24px;
   line-height:24px;
   border-radius:50%;
  -webkit-border-radius:50%;
   -moz-border-radius:50%;
   text-align:center;
}
.container_sig_impossible{
    display:none;
}
.container_sig_impossible > .ui-select{
    width:100% !important;
}
.jconfirm.black .jconfirm-box {
    width: 30%;
    margin: 0 auto;
    margin-top:7% !important;
}
.checklisr_class{
    padding:15px 5px;    
    max-height: 350px;
    overflow-y: scroll;    
    background-color: #545454;
    margin-top:5px;
    line-height: 24px;
    height: 350px;
    text-align: justify;
}
.checklist_title{
    color:red;
    font-size: 24px;
    margin-top:25px;
    margin-bottom: 0;
}

.jconfirm-box .buttons{
    margin-top: 15px;
    margin-bottom: 10px;
}

.jconfirm-box .buttons button{
    padding: 5px 15px;
    background-color: #545454 !important;
    display: inline-block;
    cursor: pointer;
    
}
    
@media screen and (max-width: 780px){
    .jconfirm.black .jconfirm-box {
        width: 100%;
        margin-top:15% !important;
    }
}
#list_matriel_used_1261{
    margin:10px 0 !important;
}
#add_matriel_1261{
    padding:10px !important;
}
#temp-table{
    width:100%;
}
#temp-table thead tr th{
    width:20%;
    background-color: #ffffff;
}
#temp-table tbody tr td{
    width:20%;
    background-color: #ffffff;
}
.rep_config{
    font-weight:700;
    font-size:16px;
}