@font-face {
    font-family: "LG Smart Bold Italic";
    src: url("../fonts/LG Smart Bold Italic.ttf");
}
@font-face {
    font-family: "LG Smart Bold";
    src: url("../fonts/LG Smart Bold.ttf");
}
@font-face {
    font-family: "LG Smart Light";
    src: url("../fonts/LG Smart Light.ttf");
}
@font-face {
    font-family: "LG Smart Regular Italic";
    src: url("../fonts/LG Smart Regular Italic.ttf");
}
@font-face {
    font-family: "LG Smart Regular";
    src: url("../fonts/LG Smart Regular.ttf");
}
@font-face {
    font-family: "LG Smart SemiBold";
    src: url("../fonts/LG Smart SemiBold.ttf");
}



.bgFixe{
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  object-fit: cover;
}





.footer{
	/*background: url(../imagesRANDA/sep_d.png) repeat-x 0 0, url(../imagesRANDA/sep_d.png) repeat-x 0 96%*/;
	min-height: 35px;
	margin-left: 0;
	margin-right: 0;
	/*margin-top: 30px;*/
	/*background-color: #404952 ;*/
	background-color: rgba(255, 255, 255, 0.9);
	height: 30px;
	color: #808184;
	width: 100%;
	  border-bottom: 1px solid #808184;
	  display: none;
}

#logo img {
	margin-left: 35px;
	display: none;
}

.footer span {
font-weight: normal;
font-size: 14px;
line-height: 35px;
display: block;
color: #808184;
width: 347px;
margin-left: auto;
margin-right: auto;

}



/*-------------------------datatable----------------------*/


.tableContainerSelectPos {
margin-top: 50px!important;
height: auto!important;
}

.tableContainer table {
	font-size: 11px;
}

.dataTables_wrapper .dataTables_length {
	margin-bottom: 15px;
}

.tableContainer .editBtn {
	background: url('../imagesRANDA/edit.png') no-repeat;
	width: 16px;
	height: 16px;
	opacity: 0.4;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	border: none;
	display: inline;
	margin-right: -1px;
}
.tableContainer .cameraBtn {
  background: url('../imagesRANDA/camera.png') no-repeat;
  width: 16px;
  height: 16px;
  opacity: 0.4;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  border: none;
  display: inline;
  background-size: contain;
}
.tableContainer .editBtn:hover{
	opacity: 0.8;
}.tableContainer .consultBtn:hover{
	opacity: 0.8;
}

.tableContainer .deleteBtn {
	background: url('../imagesRANDA/delete.png') no-repeat;
	width: 16px;
	height: 16px;
	opacity: 0.4;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	border: none;
	display: inline;
}
.tableContainer .consultBtn {
	background: url('../imagesRANDA/consult.png') no-repeat;
	background-size:cover;
	width: 16px;
	height: 17px;
	opacity: 0.4;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	border: none;
	display: inline;
}

.tableContainer .galleryBtn {
    background: url('../imagesRANDA/consult.png') no-repeat;
    background-size: cover;
    width: 16px;
    height: 17px;
    opacity: 0.4;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    border: none;
    display: inline;
}
.tableContainer .galleryBtn:hover{
	opacity: 0.8;
}
.tableContainer .deleteBtn:hover{
	opacity: 0.8;
}
.tableContainer td{
	/*text-align: left;*/
	text-align: left;
	font-size: 11px;
}

.tableContainer td:last-child {
border-right-width: 0!important;
}
.tableContainer th{
	font-size: 11px;
	border-left-width: 0!important;

}




.tableContainer td{
border-left-width: 0!important;
border-bottom-width: 0!important;
}


.tableContainer .btnTd {
	text-align: center;
	min-width:	50px; 
}
.tableContainer td a{
	text-decoration: none;
	color:black;
}
.hrefChoosePos{
	display: block;
}
.tableContainer .addBtn {
	background-image: url('../imagesRANDA/add.png');
	background-color: black;
	opacity: 0.4;
	height: 16px;
	width: 16px;
	left: 0;
	margin-right: auto;
	margin-left:auto;
	display: block;
}
.tableContainer .listRequestProduct {
background-image: url('../imagesRANDA/warning.png');
/* background-color: black; */
opacity: 0.4;
background-size: contain;
height: 27px;
width: 28px;
left: 15px;
margin-right: auto;
margin-left: auto;
display: block;
background-repeat: no-repeat;
margin-top: 0px!important;
}

.tableContainer .listRequestProduct:hover {
opacity: 1;
}

.tableContainer .addBtnInTr
{
	padding-right: 5px;
}


.tableContainer .addBtn:hover {
	opacity: 0.8;
}

.tableContainer .addHref {
	cursor: pointer;
}

.tableContainer thead th {

border:none;
}

.tableContainer tfoot th {

/* border: 1px solid #ddd;
border-top: 2px solid #ddd!important; */
}

.tableContainer th,.tableContainer td {
    border: 1px solid #eee;
}

.tableContainer table  {
margin-top: 6px !important;
margin-bottom: 6px !important;
}

.tableContainer .dataTables_paginate a {
position: relative;
float: left;
padding: 6px 12px!important;
margin-left: -1px;
line-height: 1.42857143;
text-decoration: none;
background-color: #fff!important;
border: 1px solid #e0e0e0!important;
color:#616161;
}

.tableContainer .dataTables_paginate .previous  {
cursor: pointer!important;
}

.tableContainer .dataTables_paginate .next {
cursor: pointer;
}


.tableContainer .paginate_button {
margin-left: -1px!important;
}
.tableContainer .paginate_button:hover:not(.disabled) {
color:white!important;
background: #404952!important;
}

.tableContainer .paginate_button.disabled {
cursor: default!important;
}

.tableContainer .paginate_button.current {
color: white!important;
  /* border-radius: 6px; */
  /* border: 1px solid #ab0032; */
  background: #616161!important;
}

.tableContainer .dataTables_filter input {
    border: 1px solid #e0e0e0;
    padding: 6px 8px;
    height: 32px;
    color: #616161;
    background: #fff;
    box-shadow: none !important;
	color: #616161;
}
.tableContainer select {
 border: 1px solid #e0e0e0;
    /* padding: 6px 8px; */
    height: 32px;
    color: #616161;
    background: #fff;
    box-shadow: none !important;
	color: #616161;
	width: 100%;
	    font-size: 11px;
}

.dataTables_wrapper .dataTables_length {
    float: right;
}



table.dataTable thead th:last-child,table.dataTable tfoot th:last-child{
border-right:none!important;
}

.tableContainer .dataTables_paginate>span>span {
float: left!important;
}

table.dataTable, table.dataTable th, table.dataTable td {
    /*box-sizing:border-box!important;*/
}
/*------------------------/datatable----------------------*/
.addContainer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	max-width: 700px;
	width:calc(100% - 20px);
	margin-bottom: 50px;
	/*border: 7px solid rgba(220,220,220,0.5);*/
	box-shadow: 2px 2px 10px #555;
	/* border-radius: 10px; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	background-color: #fff;
	min-width: 252px;
}

.containerLightBox
{
display: none;
position: absolute;
z-index: 9999999999;
top: 50px;
left: 0;
right: 0;
}
.addContainer .border{
	border: 1px solid #eee;
}
.addContainer .addHeader  {
	height: 50px;
	border-bottom: 1px solid #eee;
	padding: 16px 10px 2px 16px;
	font-size: 1.3em;
	box-sizing: border-box;
	    background: #fafafa!important;
    color: #616161!important;
	

}

.addContainer .addBody {
	padding-bottom: 20px;
	padding-top: 20px;
	overflow: hidden;
	position: relative;
}

.addContainer .addFooter {
	height: 50px;
	width: 100%;
	background-color: #f3f3f3;
	border-top: 1px solid #ddd;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
		background: #ab0032;
	color:white;
	background: #fafafa!important;
    color: #616161!important;
}
.addBody .ligne{
	    padding: 24px;
    padding-bottom: 0;
    position: relative;
}
.addBody form:not(.empAdd):not(.voitAdd) .input{
	    border: 1px solid #e0e0e0;
    padding: 6px 8px;
    height: 32px;
    color: #616161;
    background: #fff;
    box-shadow: none !important;
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.addBody form .input_file {
margin-left: auto;
margin-right: auto;
display: block;
overflow: hidden;
margin-bottom: 30px;
margin-top: 30px;
}
.addBody form #route {
    border: 1px solid #e0e0e0;
    padding: 6px 8px;
    height: 32px;
    color: #616161;
    background: #fff;
    box-shadow: none !important;
    padding: 6px 6px;
    display: block;
    width: 100%;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.addBody form .ligne .label {
    display: inline-block;
    float: left;
    vertical-align: top;
    font-weight: 400;
    padding-bottom: 6px;

}
.addBody form .label {
	float: left;
	width: 100%;
	padding-top: 6px;
}
.addBody  .submit,.addBody .returnBtn {
	/* position: relative;
	text-align: center;
	display: block;
	margin-top: 0;
	padding: 5px 15px;
	cursor: pointer;
	float: right;
	font-size: 14px;
	text-shadow: 0 1px 0 white;
	border: 1px solid #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 3px #cccccc;
	-moz-box-shadow: 1px 1px 3px #cccccc;
	box-shadow: 1px 1px 3px #cccccc;
	background-color: #f9f9f9 100%;
	background-image: -webkit-linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
	background-image: -moz-linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
	background-image: -ms-linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
	background-image: linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#f9f9f9');
	margin-top: 32px;
	margin-right: 20px;
	clear: both; */
	  text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	    background: #757575;
		display:block;
		color:#fff;
		min-width:80px;
		border:1px solid #eee;
		    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
.addBody .submit:hover,.returnBtn:hover {
	background:#263238;
	/* -webkit-box-shadow: 1px 1px 3px #999999;
	-moz-box-shadow: 1px 1px 3px #999999;
	box-shadow: 1px 1px 3px #999999;
	background-color: #f4f4f4 100%;
	background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #dbdbdb 65%, #f4f4f4 100%);
	background-image: -moz-linear-gradient(top, #f3f3f3 0%, #dbdbdb 65%, #f4f4f4 100%);
	background-image: -ms-linear-gradient(top, #f3f3f3 0%, #dbdbdb 65%, #f4f4f4 100%);
	background-image: -o-linear-gradient(top, #f3f3f3 0%, #dbdbdb 65%, #f4f4f4 100%);
	background-image: linear-gradient(top, #f3f3f3 0%, #dbdbdb 65%, #f4f4f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#f4f4f4'); */
}
.addBody  form:not(.empAdd) select{
	border-left: 2.5px solid darkgray;
	border-top: 2.5px darkgray solid;
	/* padding-left: 0!important; */
}
.addBody .error {
line-height: 1em;
    color: red;
    margin-top: 5px;
}



.messageBar {
/*
max-width: 350px;
border-radius: 3px;
margin: 0px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
color: white;
position: relative;
padding-left: 5px;
padding-right: 5px;*/
max-width: 350px;
border-radius: 3px;
margin: 0px;
overflow: auto;
margin-left: auto;
margin-right: auto;
/* margin-top: 25px; */
color: white;
/* position: relative; */
padding-left: 5px;
padding-right: 5px;
}

.messageBar.green {
	/*background: url(../imagesRANDA/submit.png) 0 -502px repeat-x;*/
	/* background-image: linear-gradient(to bottom, #62c462, #51a351); */
	    color: #7cb342;
    background-color: #f1f8e9;
    border: 1px solid #9ccc65;
}
.messageBar.red {
	/*background: url(../imagesRANDA/submit.png) 0 -452px repeat-x;*/
	/* background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); */
	color: #dd191d;
    background-color: #fde0dc;
    border: 1px solid #e84e40;
}

.messageBar p {
	/*font-weight: normal;
	font-size: 15px;
	line-height: 0.2;
	text-align: center;
	font-family: sans-serif;*/
	display: block;
font-weight: normal;
font-size: 15px;
line-height: 20px;
text-align: center;
font-family: sans-serif;
}
#dialog-confirm {
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 12px!important;
}
.ui-dialog .ui-dialog-title{
	font-size: 14px;
}
.ui-button-text-only .ui-button-text {
	font-size: 13px;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
	color: #333333;
	font-size: 13px!important;
}

h2.title {
	
  color: #404952;
  display: block;
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.5;
  /* width: 95%; */
  text-align: center;
  margin-top: 50px;
  margin-bottom: 20px;
  /* background: url(../imagesRANDA/sep_d.png) repeat-x 0 100%; */
  margin-left: 25px;
  margin-right: 25px;
  line-height: 35px;
  padding: 0 20px;
  text-transform: uppercase;
  /* font-size: 14px; */

  color: #616161;
  font-weight: normal;
}
.notificationUl{
	/*float: right;
	list-style: none;
	margin-right: 40px;*/
list-style: none;
/* margin-right: 40px; */
float: right;
z-index: 6000;
position: relative;
font-size: 14px;
margin-right: 214px;

/*border-left: 1px solid #39454f;
border-right: 1px solid #39454f;*/
margin-right: -1px;
margin: 0;
padding: 0;
display:none;
}
.notificationUl li {
	/*line-height: 10px;
	width: auto;
	color: rgb(28, 28, 28);
	display: inline-block;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	border-top: 1px solid white;
	margin-left: 20px;
	font-weight: bold;
	font-size: 15px;*/
	display: inline;
	float: left;
	position: relative;
	cursor: pointer;
	/*border-left: 1px solid #1c262b;
	border-right: 1px solid #1c262b;*/
	margin-left: -1px;
}


.notificationUl li:hover{
/*	border-top: 3px solid white;
	line-height: 6px;*/
}
.notificationUl li a {
color: #808184;
text-decoration: none;
display: block;
float: left;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.notificationUl li img {
float: left;
display: block;
margin: 13px 2px 0px 14px;
}

.notificationUl li span {
display: block;
padding: 10px 15px 8px 8px;
float: left;
}

.notificationUl li a:hover {
/*border-left: 1px solid #293138;
border-right: 1px solid #293138;*/
background-color: #fff;
}

.notificationUl li a:hover {
border-right: none;
border-left: none;
}
/*sous menu */

.notificationUl {
position: absolute;
left: -194px;
display: none;
top: 49px;
    /* background: url(../imagesRANDA/topnav/subArrow.png) no-repeat 90% 0; */
padding: 0 0px 0px 0px;
z-index: 100;
border: none;
width: 250px!important;
border: 1px solid rgb(230, 230, 230);
    overflow: hidden;

}

.notificationUl{

}
.notificationUl li a{
width: 250px!important;
}

#navigation .red{
	color: red!important;
}

.notificationUl li {
  display: block;
  float: none;
  /* border-bottom: 1px solid #1c252b; */
  border-top: 1px solid #ccc;
  background: #fff;

}

.notificationUl li:first-child {
/* margin-top: 6px; */
border-top: none;
-webkit-border-top-right-radius: 2px;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-topleft: 2px;
}

.notificationUl li a {
width: 100px;
padding: 6px 0px 7px 6px;
font-size: 14px;
text-transform: none;
font-weight: normal;
float: none;
border: none;
}
.notificationUl i {
float: left;
padding-top: 13px;
padding-left: 10px;
font-size: 10px;
}
.graph{
padding: 0;
overflow: hidden;
/*width: 90%;*/
margin-left: auto;
margin-right: auto;
margin-top: 20px;
border: 1px solid #e6e6e6;

}

.graph .table {
 font-family: 'Helvetica Neue', Helvetica, Arial;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #3b3b3b;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
   margin: 0 0 40px 0;
/*  width: 100%;*/
margin-right: auto;
margin-left: auto;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  display: table;
}


.graph.table .row{
 display: table-row;
 background: #f6f6f6;	
  
   
}
.graph.table .row:nth-of-type(odd){           
 background: #e9e9e9;
}

.graph.table .row.header{
font-weight: 900;
color: white;
background: #ea6153;
height: 32px;
}

.graph.table .cell {
padding: 6px 12px;
display: table-cell;
}
.graph.table .titre {
color: #333333;
font-size: 18px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
margin-left: auto;
margin-right: auto;
display: table;
margin-bottom: 15px;
margin-top: 8px;

}

.tabs {
margin-left: auto;
margin-right: auto;
width: 90%;
margin-top: 15px;
margin-bottom: 90px;
}
.tabs ul {
margin: 0;
padding: 0;
display: table;
width: 100%;
list-style: none;	
border-left: 1px solid #e6e6e6;
}
.tabs li {
float: left;
line-height: 32px;
margin: 0 0 20px;
padding: 0;
position: relative;
text-align: center;
width: auto;
}

.tabs li a {
border: 1px solid #e6e6e6;
border-left: none;
color: #959595;
display: block;
font-weight: 800;
padding: 0 20px;
text-transform: uppercase;
cursor: pointer;
text-decoration: none;
}

.tabs li a:hover {
border-top: 1px solid #000000;
color: black;

}
.tabs .tabs-content {
border: 1px solid #e6e6e6;
display: block;
margin-top: -21px;
padding: 20px 20px;
}
.tabs .selected{
cursor: default;
color: #333;
border-bottom: 1px solid #fff;
border-top: 1px solid #000000;

}

.tabs .visible {
display: block!important;
}
.visible {
display: block!important;
}
.invisible {
display: none;
}

.tabs .visible {
display: block!important;
}

.tabs .tabn {
display: none;
}

.pos_graph {
font-size: 20px;
color: #959595;
margin-bottom: 0;
border: 1px solid #959595;
width: 200px;
margin-left: auto;
margin-right: auto;
text-transform: uppercase;
}
.upload_loading {
background: url(../imagesDNGRPKH/loading.gif) no-repeat;
margin-left: auto;
margin-right: auto;
width: 100px;
margin-bottom: 48px;
height: 100px;
display: none;
}
#groupBtnCell {
max-width: 30px!important;
padding-right: 14px;
min-width: 30px;
}

.toUpperCase {
text-transform: uppercase;
}

/*auto complet*/

.ui-autocomplete {
    background: #f0f0f0!important;
    font-size: 12px!important;
    font-weight: normal!important;
    max-height: 240px!important;
    overflow-y: auto!important;
    overflow-x: hidden; 
    z-index: 999999999999999999999999999999!important;
}
.ui-state-focus
{
   max-width: 248px!important;
}

.ajaxLoading
{
   background:
     url('../imagesRANDA/ajax-loader.gif')
     no-repeat
     right center;
}

.selectAjaxLoading
{
   background:
     url('../imagesRANDA/ajax-loader.gif')
     no-repeat
     center center;
}


form input:read-only{
cursor: not-allowed;
background-color: #fafafa!important;
}
form input:-moz-read-only{
cursor: not-allowed;
background-color: #eee;
}

#ajaxMsg {
	display: none;
	position: absolute;
left: 0;
right: 0;
top: 40px;
z-index: 1;
}


table .red {
	color: red;
} 
table .orange {
	color: orange;
} 
table .green {
	color:green;
}
table .status
{
	text-align: center;
	font-weight: bold;
	font-size: 10px;
}
#lightBox{
display: none;
z-index: 9999999999;
opacity: 0.3;
width: 100%;
height: 100%;
background-color: black;
position: fixed;
top: 0;
left: 0;
}
.close {
background: url('../imagesRANDA/close.png') no-repeat;
position: absolute;
right: 5px;
top: 3px;
    width: 25px;
    height: 25px;
background-size: 100%;
cursor: pointer;
}
#ajaxUpdateMsg{
display: none;
width: 400PX;
border-radius: 3px;
margin: 0px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
margin-top: 48px;
color: white;
position: absolute;
left: 0;
right: 0;
top: -100px;
padding-left: 5px;
padding-right: 5px;

}
#ajaxUpdateMsg p{
display: block;
font-weight: normal;
font-size: 15px;
line-height: 1em;
text-align: center;
font-family: sans-serif;
}

#ajaxAddMsg{
display: none;
width: inherit;
border-radius: 3px;
margin: 0px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
/*margin-top: 25px;*/
margin-top: 43px;
color: white;
position: absolute;
left: 0;
right: 0;
top: -100px;
padding-left: 5px;
padding-right: 5px;

}
#ajaxAddMsg p{
display: block;
font-weight: normal;
font-size: 15px;
line-height: 1em;
text-align: center;
font-family: sans-serif;
}

.containerLightBox .green {
	color: #7cb342!important;
    background-color: #f1f8e9;
    border: 1px solid #9ccc65;
	border-radius:0!important;
}
.containerLightBox .red {
	    color: #dd191d!important;
    background-color: #fde0dc;
    border: 1px solid #e84e40;
	border-radius:0!important;
}

#refresh{
display: none;
background: red;
width: 350px;
z-index: 999999999999999999;
position: fixed;
top: 0;
left: 0;
right: 0;
/* display: block; */
margin-left: auto;
margin-right: auto;
box-shadow: 2px 2px 10px #555;
border: 1px solid #444;
border-top: none;
background-color: #eee;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
}

#refresh p {
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 0px;
text-align: center;

}

#refresh .refreshBtn {
position: relative;
text-align: center;
display: block;
margin-top: 0;
padding: 5px 15px;
cursor: pointer;
float: left;
font-size: 14px;
text-shadow: 0 1px 0 white;
border: 1px solid #999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 3px #cccccc;
-moz-box-shadow: 1px 1px 3px #cccccc;
box-shadow: 1px 1px 3px #cccccc;
background-color: #f9f9f9 100%;
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
background-image: -moz-linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
background-image: -ms-linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
background-image: linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#f9f9f9');
margin-top: 0;
margin-left: 95px;
margin-bottom: 13px;
width: 78px;
}

#refresh .cancelBtn {
position: relative;
text-align: center;
display: block;
margin-top: 0;
padding: 5px 15px;
cursor: pointer;
float: right;
font-size: 14px;
text-shadow: 0 1px 0 white;
border: 1px solid #999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 3px #cccccc;
-moz-box-shadow: 1px 1px 3px #cccccc;
box-shadow: 1px 1px 3px #cccccc;
background-color: #f9f9f9 100%;
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
background-image: -moz-linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
background-image: -ms-linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
background-image: linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#f9f9f9');
margin-top: 0;
margin-right: 95px;
width: 78px;
}
.acceptBtn{
background: url('../imagesRANDA/accept.png') no-repeat;
width: 20px;
height: 16px;
opacity: 0.4;
margin: 0px;
padding: 0px;
cursor: pointer;
border: none;
display: inline;
margin-left: 8px;
}
.refuseBtn{
background: url('../imagesRANDA/refuse.png') no-repeat;
width: 20px;
height: 16px;
opacity: 0.4;
margin: 0px;
padding: 0px;
cursor: pointer;
border: none;
display: inline;
}

.selectBtn {
    background: url('../imagesRANDA/accept.png') no-repeat;
    width: 20px;
    height: 16px;
    opacity: 0.4;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    border: none;
    display: inline;
    margin-left: 8px;
}

th.selectBtnTh {
width: 45px;
}

.tableContainer .refuseBtn:hover {
opacity: 0.8;
}
.tableContainer .acceptBtn:hover {
opacity: 0.8;
}

.tdCheckbox{
max-width: 12px!important;
}

.underTableBtn{
margin-right: 10px;
float: right;
margin-bottom: 15px;
}

.underTableBtn input {
    text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #757575!important;
    display: block;
    color: #fff;
    min-width: 80px;
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    height: auto!important;
	float:left;
}

.underTableBtn input:hover {
  background: #263238!important;
}
.acceptRefuseTable {
margin-bottom: 25px!important;
}

.posFilter{
    padding: 10px 20px;
    /* margin-bottom: 8px; */
    width: auto;
    overflow: hidden;
    position: relative;
    padding-left: 12px;
    /* margin-top: 10px; */
    padding-right: 3px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    background-color: #fff !important;
    border-color: #e1e1e1 !important;
    border: 1px solid;
    color: #616161;
    border-radius: 1px;
    display: table;
    flex-flow: row wrap;
    margin-bottom: 5px;
	clear:both;
	    margin-left: auto;
    margin-right: auto;
}
.posFilter .ligne{
float: left;
}

.posFilter input:read-only{
cursor: pointer;
/*background-color: #eee;*/
background-color: white;
}
.posFilter input:-moz-read-only{
cursor: pointer;
/*background-color: #eee;*/
background-color: white;
}

.posFilter input[type=text] {
/*border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 6px 4px;
width: 60%;
max-width: 267px;
border: 1px solid #ccc;
font-size: 11px;
margin-left: 5px;*/


    border-radius: 0!important;
    padding: 6px 3px;
    border: 1px solid #ccc;
    font-size: 11px;
    max-width: 100px;
    height: 23px;
    margin-right: 11px;
}

.posFilter label {
    border-bottom: none;
    font-size: 12px;
    padding: 0 5px;
    line-height: 25px;
    text-align: center;
    float: left;
    padding-left: 0;
    /* line-height: 0px; */
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    /* text-shadow: 0 1px 1px rgba(0,0,0,0.4); */
    min-width: 50px;
}

.posFilter .submit:hover{
background-color: #293138!important;
}
.posFilter .submit{
/*position: relative;
text-align: center;
display: block;
margin-top: 0;
padding: 5px 15px;
cursor: pointer;
float: left;
font-size: 9px;
text-shadow: 0 1px 0 white;
border: 1px solid #999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 3px #cccccc;
-moz-box-shadow: 1px 1px 3px #cccccc;
box-shadow: 1px 1px 3px #cccccc;
background-color: #f9f9f9 100%;
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
background-image: -moz-linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
background-image: -ms-linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
background-image: linear-gradient(top, #fff 0%, #eee 65%, #f9f9f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#f9f9f9');
margin-top: 2px;*/
font-size: 11px;
color: #686868;
font-weight: bold;
display: inline-block;
margin: 0px 0;
line-height: 9px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding: 8px 13px 7px 13px;
border: 1px solid #d5d5d5;
box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
-moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);


color: #ffffff;
border: 1px solid #4e4e4e;
background: #404952!important;
height: 26px;
cursor: pointer;

  border-radius: 6px;
  border: 1px solid #ab0032;
  background: url(../imagesRANDA/btnBg.png) no-repeat!important;
}

#autoSetShelfBtn{
display: none;
text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    background-color: #fff !important;
    border-color: #e1e1e1 !important;
    color: #616161;
    margin-top: 10px;
    /* display: inline-block; */
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 5px;
    float: right;
    margin-top: 0;
	    margin-top: 5px;
    margin-bottom: 5px;
}
.selectPosContainerLightBox,.selectBrandContainerLightBox {
      border-radius: 0;
    max-width: 700px;
    border: none;
    /* box-shadow: none; */
    /* background-size: 100% 100%; */
    overflow: auto;
    position: absolute;
    z-index: 9999999999;
    top: 10px;
    left: 0;
    right: 0;
    overflow: visible;
    background: #fafafa;
    border: 1px solid #eee;
    padding: 50px;
    padding-bottom: 0px;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 0px;
    margin-right: auto;
    margin-left: auto;
    width: calc(100% - 20px);
}



#loadingLightBox {
z-index: 99999999999999;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;	
display: none;
}
#loadingLightBox #imgLoding {
	background: url(../imagesRANDA/loading.gif);
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 100px;
height: 100px;
position: absolute;
top: 50%;
margin-top: -50px;
}

.displayContainer {
margin-left: auto;
margin-right: auto;
margin-top: 50px;
margin-bottom: 50px;
max-width: 700px;
width:calc(100% - 20px);
/* border: 7px solid rgba(220,220,220,0.5); */
box-shadow: 2px 2px 10px #555;
border-radius: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Helvetica, Verdana, Arial, sans-serif;
padding: 0;
color: #333;
background-color: #fff;
min-width: 252px;
min-height: 100px;
opacity: 0.9;
}

#displayCategory {
padding: 10px 20px;
    /* margin-bottom: 8px; */
    width: auto;
    overflow: hidden;
    position: relative;
    padding-left: 12px;
    /* margin-top: 10px; */
    padding-right: 3px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    background-color: #fff !important;
    border-color: #e1e1e1 !important;
    border: 1px solid;
    color: #616161;
    border-radius: 1px;
    /* display: table; */
    flex-flow: row wrap;
    margin-bottom: 5px;
    clear: both;
    margin-left: auto;
    margin-right: auto;
margin-left: auto;
margin-right: auto;
display: table;
}

#displayCategory select {
    border-radius: 0!important;
    padding: 4px 3px;
    border: 1px solid #ccc;
    font-size: 11px;
    max-width: 200px;
    height: 23px;
    margin-right: 11px;
	float: left;
    margin-bottom: 2px;
}
#displayCategory label {
    border-bottom: none;
    font-size: 12px;
    padding: 0 5px;
    line-height: 25px;
    text-align: center;
    float: left;
    padding-left: 0;
    /* line-height: 0px; */
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    /* text-shadow: 0 1px 1px rgba(0,0,0,0.4); */
    min-width: 50px;
}

.updateShelfContainerLightBox {
width:700px!important;
}
#cameraChoose {
margin-left: auto;
margin-right: auto;
margin-top: 20px;
display: table;
}

#cameraChoose select {
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 6px 4px;
width: 190px;
max-width: 267px;
border: 1px solid #ccc;
font-size: 11px;
margin-right: 30px;

}

#cameraChoose label {
font-size: 12px;
display: inline-block;
margin-left: 20px;
margin-right: 10px;
}

#video {
margin-left: auto;
margin-right: auto;
display: block;
}

.displayContainer form input[type=submit] {
text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #757575!important;
    display: block;
    color: #fff;
    min-width: 80px;
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    height: auto!important;
}

.displayContainer form input[type=submit]:hover {
background-color: #293138;
}

.displayContainer .customfile {
position: relative;
cursor: pointer;
overflow: hidden;
margin: 1px;
margin-left: 15px;
}
.displayContainer .customfile input {
position: absolute;
opacity: 0;
z-index: 999;
height: 31px;
width: 234px;
cursor: pointer;
}
.displayContainer .customfile-input {
padding: 4px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.22);
border-radius: 3px;
border: 1px solid #a0a0a0;
background: #fff;
width: 225px;
}

.displayContainer .customfile-button {
padding: 5px 10px;
margin-top: -5px;
margin-right: -5px;
position: relative;
float: right;
border: 1px solid #a0a0a0;
border-radius: 0 3px 3px 0;
background: #404952;
color: white ;
font-size: 11px;
font-weight: bold;
}

.displayContainer .customfile-feedback {
display: block;
padding: 1px;
padding-right: 60px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 12px;
color: #969696;
}
.displayContainer {
}

.canvasThunbnail {
width: 300px;
background: #FAFAFA;
padding: 4px;
border: 1px solid #DDD;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/*margin-left: 30px;
margin-top: 20px;*/
min-height: 204px;
float: left;
display: block;
}

.canvasGlobalContainer {
background: #fff;

position: relative;

overflow: hidden;
display: block;
float: left;

/* margin-left: 20px; */
margin-top: 20px;
width: 320px;
margin-bottom: 30px;
}

.canvasMid {
	margin-right: auto;
	margin-left: auto;
	float: none;
}

.canvasGlobalContainer .canvasBorder {
border: 1px solid #ddd;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 1px 1px #ececec;
-webkit-box-shadow: 0 1px 1px #ececec;
-moz-box-shadow: 0 1px 1px #ececec;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
padding: 9px;
overflow: hidden;
}
/*.canvasGlobalContainer.displayImage .canvasIcons i { 
	border: 1px solid black	;
}
.canvasGlobalContainer.displayImage .canvasBorder {
	border: 1px solid black	;
}*/

.canvasGlobalContainer textarea {
width: 300px;
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 1px 1px #ececec;
-webkit-box-shadow: 0 1px 1px #ececec;
-moz-box-shadow: 0 1px 1px #ececec;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
resize: none;
margin-top: 9px;	
font-size: 11px;
padding: 9px;
}

.canvasGlobalContainer img {
width: 300px;
  background: #FAFAFA;
  padding: 4px;
  border: 1px solid #DDD;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 204px;
  float: left;
  display: block;
}
.canvasIcons {
display: table;
margin-left: auto;
margin-right: auto;
margin-bottom: 1px;
}

.canvasIcons i {
margin-bottom: 9px;
}

/*.canvasIcons i:hover {
border-color: #404952;
}*/

.canvasIcons input[type=file] {
position: absolute;
opacity: 0;
z-index: 99999;
height: 43px;
width: 47px;
overflow: hidden;

}

.canvasIcons #removeImg {
display: none;
}

#addDisplaySubmit {

}

#LgVsConcurent h3,#NewProductAndPromotion h3,#AnomalyBeforeAfter h3,#AnomalyIrreparable h3,#EVENT h3 {
text-align: center;
color: #404952;
}

.displayContainer .LG,.displayContainer .CONCURENT,.displayContainer .BEFORE,.displayContainer .AFTER {
position: relative;
overflow: hidden;
}

.displayContainer hr {
width: 660px;
margin-bottom: 30px;
/* color: #404952; */
color: #DDD;
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), #DDD, rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), #DDD, rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), #DDD, rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), #DDD, rgba(0,0,0,0));
}

.ligneConcurent {
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
display: table;
font-weight: bold; 
}

.ligneConcurent input[type=text] {
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 6px 4px;
width: 160px;
max-width: 267px;
border: 1px solid #ccc;
font-size: 11px;
margin-left: 5px;
margin-right: 15px;
display: inline;
    border-radius: 0!important;
    padding: 6px 3px;
    border: 1px solid #ccc;
    font-size: 11px;
}

.ligneConcurent label {
font-size: 12px;
display: block;
margin-left: 20px;
margin-right: 10px;
width: 75px!important;
}

.ui-progressbar .ui-progressbar-value {
display: block!important;
text-align: center!important;
font-size: 13px!important;
}

.ui-progressbar-value p {
display: block;
position: absolute;
width: 100%;
top: -8px;
color: burlywood;
}

.ui-widget-header {
    border: 1px solid #eee!important;
    background: #616161!important;
color: white!important;
font-weight: bold!important;
}

#loadingLightBox .ui-widget-header {
margin:0!important;
border:none!important;
}
.loadingLightBoxUpload {
background-color: rgba(0,0,0,0.1);
}

.ui-widget-content {
    background: #fafafa!important;
}

#ajaxFixeMsg {
display: none;
position: fixed;
left: 0;
right: 0;
top: 25px;
z-index: 9999999999;
}

#tableContainerForDisplayGenerator {
width: 700px!important;
min-height: 300px;
margin-left: auto!important;
margin-right: auto!important;
}

.tableContainer .regenerateBtn {
background: url('../imagesRANDA/regenerate.png') no-repeat;
width: 16px;
height: 16px;
opacity: 0.4;
margin: 0px;
padding: 0px;
cursor: pointer;
border: none;
display: inline;
}

.tableContainer .regenerateBtn:hover {
opacity: 0.8;
}

.tableContainer .downloadBtn {
background: url('../imagesRANDA/download.png') no-repeat;
width: 16px;
height: 16px;
opacity: 0.4;
margin: 0px;
padding: 0px;
cursor: pointer;
border: none;
display: inline;
margin-right: 4px;
}

.tableContainer .downloadBtn:hover {
opacity: 0.8;
}

.imageBtnBlock {
display: inline-block;
float: left;
}

.imageBtnBlock input{
text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #757575!important;
    display: block;
    color: #fff;
    min-width: 80px;
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    height: auto!important;
	float:left;
}

.imageBtnBlock input:hover{
background-color: #293138;
}

.ligneConcurent select {
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 4px;
  width: 160px;
  max-width: 267px;
  border: 1px solid #ccc;
  font-size: 11px;
  margin-left: 5px;
  margin-right: 15px;
  display: inline;	
  border-left: 1px solid #ccc!important;
  border-top: 1px solid #ccc!important;
      border-radius: 0!important;
    padding: 6px 3px;
    border: 1px solid #ccc;
    font-size: 11px;
}


.containerLightBox .canvasGlobalContainer{
margin-left: auto;
margin-right: auto;
float:none;
}
@media (max-width: 1330px ){
	.tableContainer th {
		font-size: 10px;
	}
}

.homeMenuUl {
margin-left: auto;
margin-right: auto;
max-width: 696px;
width: 100%;
list-style: none;

  padding-left: 38px;
overflow: hidden;


}




#UpdatePrice table th .addBtnUpdatePrice{
    background-image: url('../imagesRANDA/add.png');
  background-color: #616161;
  opacity: 1;
  height: 16px;
  width: 16px;
  /* content: ""; */
  display: block;
  /* right: -18px; */
  /* position: absolute; */
  /* bottom: 8px; */
  cursor: pointer;
  display: block;
}
.displayContainer#UpdatePrice {
width:700px;
}

#UpdatePrice table td .delBtnUpdatePrice{
  background-image: url('../imagesRANDA/refuse.png');
  opacity: 0.4;
  height: 16px;
  width: 16px;
  content: "";
  display: block;
  right: -18px;
 
  bottom: 8px;
  cursor: pointer;
  display: block;
}

#UpdatePrice table .invisibleCell {
	  background: transparent;
  padding: 0;
  padding-left: 5px;
}


#UpdatePrice table {
	margin-right: auto;
	margin-left: auto;
	  width: 556px;
	  position: relative;
}
#UpdatePrice thead th {
	  background: #616161;
  color: white;
}

#UpdatePrice thead th {
	padding: 2px 18px;
}

#UpdatePrice tbody td input {
	  width: 150px;
}
.homeMenuUl li:first-child
{
	margin-left: 0px;
}
/*.homeMenuUl li{
width: 200px;
height: 100px;
float: left;
margin: 10px 30px 10px 0px;
padding: 16px 0px 0px 0px;
border-radius: 10px;
color: black;
font-size: 14px;
background-color: #404952;
border: 1px solid #ccc;
display: block !important;
color: white;
text-align: center;
cursor: pointer;
position: relative;
-webkit-transition: all 0.3s ease !important;
-moz-transition: all 0.3s ease !important;
-ms-transition: all 0.3s ease !important;
-o-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;

}*/

.homeMenuUl li {
width: 120px;
  height: 50px;
  float: left;
  margin: 10px 30px 10px 0px;
  padding: 16px 0px 0px 0px;
  /* border-radius: 50%; */
  color: black;
  font-size: 11px;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #ccc;
  display: block !important;
  color: #ab0032;
  text-align: center;
  cursor: pointer;
  position: relative;
  border-radius: 0;
    box-shadow: 2px 2px 10px #555;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;

}

.homeMenuUl li:hover i {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}

.homeMenuUl a {
text-decoration: none;
}
.homeMenuUl li span {
margin-top: 10px;
display: block;
}

.homeMenuUl li i {
display: block;
margin-top: -6px;
font-size: 25px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
}

#priceMappingCat {
float: left;
margin-left: 15px;
margin-right: 15px;
}

#priceMappingCat  select {
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 6px 4px;
  width: 96px;
border: 1px solid #ccc;
font-size: 11px;
margin-right: 30px;
}

#priceMappingCat label {
font-size: 12px;
display: inline-block;
margin-left: 20px;
margin-right: 10px;
}

.facters {
	margin-bottom: 20px;
overflow-x: hidden;
overflow-y: hidden;
display: table;
padding-left: 10px;
margin-left: auto;
margin-right: auto;
font-size: 9px;
}

.facters .ligne {
float: left;
}

.facters label {
font-size: 12px;
display: inline-block;
background: rgba(255, 255, 255, 0.9);
  padding: 3px;
  border: 1px solid #ccc;
  color: #ab0032;
  border-radius: 6px;
}

.facters input[type=text] {
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 6px 4px;
width: 130px;
max-width: 267px;
border: 1px solid #ccc;
font-size: 11px;
margin-left: 5px;
margin-right: 15px;
}

.facters #week,.facters #year {
width: 35px;
}
.YLabel {
overflow: hidden;
float: left;

}


.facters #min,.facters #max {
width: 35px;
}



.facters #max {
margin-right: 40px!important;
}

#priceMappingFacters [type=submit]{
font-size: 11px;
color: #686868;
font-weight: bold;
display: block;
margin: 2px 0;
line-height: 9px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding: 8px 13px 7px 13px;
border: 1px solid #d5d5d5;
box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
-moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
color: #ffffff;
border: 1px solid #4e4e4e;
background: #404952!important;
height: 26px;
cursor: pointer;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
border-radius: 6px;
  border: 1px solid #ab0032;
  background: url(../imagesRANDA/btnBg.png) no-repeat!important;
}

#priceMappingFacters [type=submit]:hover{
background-color: #293138!important;
}

.outPutGraph {
padding: 0;
overflow: hidden;
    max-width: 1000px;
    width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
margin-bottom: 25px;
border: 1px solid #e6e6e6;
background: white;
}

#container:fullscreen {
    background-color: rgba(255,255,255,0);
}
#container:-webkit-full-screen {
    background-color: rgba(255,255,255,0);
}
#container:-moz-full-screen {
    background-color: rgba(255,255,255,0);
}

#filter-tab {
margin-left: auto;
margin-right: auto;
width: 230px;
margin-top: 15px;
margin-bottom: 25px;
    clear: both;
}

#filter-tab ul {
margin: 0;
padding: 0;
display: table;
width: 100%;
list-style: none;
/*border-left: 1px solid #e6e6e6;*/
}
#filter-tab ul li {
	float: left;
line-height: 32px;
margin: 0 0 20px;
padding: 0;
position: relative;
text-align: center;
width: auto;
border: 1px solid #ccc;
border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
#filter-tab ul li a{
	/*border: 1px solid #e6e6e6;*/
border-left: none;
color: #757575;
display: block;
font-size: 13px;
padding: 0 20px;
text-transform: uppercase;
cursor: pointer;
text-decoration: none;
/* font-family: 'Open Sans', Helvetica, Arial, sans-serif; */
background: #757575;
color: white;
}

.tableContainerSalesAndShelfShares{
display:none;
}

#filter-tab .tabn {
display: none;
}
#filter-tab #filter-tab-content {
	display: block;
margin-top: -22px;
padding: 25px 20px;
    background: #fff;
border: 1px solid #ccc;
padding-bottom:10px;
}

#filter-tab .selected {
    background: #fff;
color: #404952;
cursor: default;
}

#filter-tab .ligne{
	margin-left: auto;
	margin-right: auto;
	width: 170px;
	margin-bottom: 10px;
}

#filter-tab .ligne label{
min-width: 50px;
display: inline-block;
}

#filter-tab .ligne input[type=text]{
	    border-radius: 4px;
    padding: 6px 4px;
    border: 1px solid #ccc;
    width: 100px;
    border-radius: 0!important;
    padding: 6px 6px;
    border: 1px solid #ccc;
    font-size: 11px;
    /* max-width: 38px; */
    height: 23px;
}
#filter-tab .ligne select {
	    border-radius: 4px;
    padding: 6px 4px;
    border: 1px solid #ccc;
    width: 100px;
    border-radius: 0!important;
    padding: 4px 3px;
    border: 1px solid #ccc;
    font-size: 11px;
    /* max-width: 38px; */
    height: 23px;
}

#filter-tab  input[type=submit] {
text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #757575!important;
    display: block;
    color: #fff;
    min-width: 60px;
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    height: auto!important;
}

#filter-tab  input[type=submit]:hover {
background-color: #293138!important;
}

#outPutSalesFacters #categoryContainer {
margin-left: auto;
margin-right: auto;
display: table;
float: left;
margin-top: 40px;
}

#outPutSalesFacters #categoryContainer select {
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 6px 4px;
width: 60px;
border: 1px solid #ccc;
font-size: 11px;
margin-right: 30px;
}

#outPutSalesFacters #categoryContainer label {
font-size: 12px;
display: inline-block;
margin-left: 20px;
margin-right: 10px;
}

#outPutSalesFacters .forContainer,#adminVoitureContainer .forContainer {
  padding: 10px 20px;
  width: auto;
  float: left;
  position: relative;
  margin-right: 20px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  /* margin-right: 30px; */
  /* box-shadow: 2px 2px 10px #555; */
  padding-right: 3px;
  background: rgba(255, 255, 255, 0.9);
      background-color: #fff !important;
    border-color: #e1e1e1 !important;
	border:1px solid;
    color: #616161;
	border-radius:1px;
	    min-width: 230px;
}

#outPutSalesFacters .forContainer span:first-child,#adminVoitureContainer .forContainer span:first-child{
	display: block;
position: relative;
background: white;
/* border: 1px solid #404952; */
border-bottom: none;
font-size: 13px;
padding: 0 20px;
text-transform: uppercase;
top: -7px;
left: 50%;
margin-left: -35px;
line-height: 25px;
text-align: center;
width: 30px;

}

#outPutSalesFacters .forContainer .ligne,#adminVoitureContainer .forContainer .ligne{
margin-left: auto;
margin-right: auto;
width: 100px;
display: inline-block;
margin-bottom: 0px;
float: left;
}
#outPutSalesFacters .forContainer label,#adminVoitureContainer .forContainer label{
min-width: 50px;
  display: inline-block;
  font-size: 12px;
  line-height: 0px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  /* text-shadow: 0 1px 1px rgba(0,0,0,0.4); */
}

#outPutSalesFacters .forContainer input,#adminVoitureContainer .forContainer input{
/* border-radius: 4px; */
  padding: 6px 4px;
  border: 1px solid #ccc;
  width: 90px;
  font-size: 12px;
  max-width: 40px;
  height: 5px;
  margin-right: 11px;

}

#outPutSalesFacters .dateContainer {
overflow-x: hidden;
overflow-y: hidden;
display: table;
padding-left: 0;
margin-left: auto;
margin-right: auto;
}

#outPutSalesFacters input[type=submit]:hover,#adminVoitureContainer input[type=submit]:hover {
background: #263238!important;
}
#outPutSalesFacters input[type=submit],#adminVoitureContainer input[type=submit] {
text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #757575!important;
    display: block;
    color: #fff;
    min-width: 80px;
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
	height:auto!important;
  /*float: left;
    margin-right: 00010px;*/
}

#outPutSalesFacters {
    margin-bottom: 10px;
    margin-top: 20px;
    position: relative;
    clear: both;
	    margin-left: auto;
    margin-right: auto;
    display: table;
}
form#outPutSalesFacters > input[type=submit]{
clear:both;
}
.tableContainerOutputSales {
width: 40%;
margin-right: 20px;
display:none;
float: left;
}

#wrapperAllOutPutSales.thirdPlan .tableContainerOutputSales {
max-width: 1200px;
width: 100%;
margin-left: auto;
margin-right: auto;
float: none;
}

#outPutSalesGraphContainer {

}

#wrapperAllOutPutSales {
margin-right: auto;
margin-left: auto;
max-width: 1200px;
width: 100%;
overflow: hidden;
}

#outPutGraphsConainer {
padding: 0;
overflow: hidden;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
border: 1px solid #e1e1e1;
background: rgba(255, 255, 255, 1);
width: calc(60% - 20px);
float: left;
margin-top: 52px;
}

#outPutGraphsConainer ul {
margin: 0;
padding: 0;
display: block;
width: auto;
list-style: none;
margin-top: -33px;
position: absolute;
margin-left: auto;
margin-right: auto;
/*margin-left: 240px;*/

}
#outPutGraphsConainer ul li {
	float: left;
line-height: 32px;
margin: 0 0 20px;
padding: 0;
position: relative;
text-align: center;
width: auto;

border: 1px solid #404952;
border: 1px solid #e1e1e1;
/* border-bottom: none; */
}
#outPutGraphsConainer ul li a{
	/*border: 1px solid #e6e6e6;*/
border-left: none;
color: #959595;
display: block;
    font-size: 9px;
    padding: 0 5px;
text-transform: uppercase;
cursor: pointer;
text-decoration: none;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    background: #fafafa;
    color: #616161;
}

#outPutGraphsConainer .tabn {
display: none;
}



#outPutGraphsConainer .selectedLi {
border-bottom:none;
}
#outPutGraphsConainer .selected {
	background: rgba(255, 255, 255, 1);
	color: #404952;
	cursor: default;
}

table tr.cursorPointer {
	cursor: pointer;
}

#wrapperAllOutPutSales.thirdPlan {
display: none;
position: absolute;
z-index: 9999999999;
top: 0px;
left: 0;
right: 0;
overflow: visible;
background: #fafafa;
padding: 50px;
padding-bottom: 0px;
padding-top: 45px;
padding-left: 10px;
padding-right: 10px;
box-shadow: 2px 2px 10px #555;
    width: calc(100% - 20px);
}

#wrapperAllOutPutSales.secondPlan {
display: none;
position: absolute;
z-index: 9999999999;
top: 0px;
left: 0;
right: 0;
overflow: visible;
background: #fafafa;
padding: 50px;
padding-bottom: 0px;
padding-top: 45px;
padding-left: 10px;
padding-right: 10px;
width: calc(100% - 20px);
box-shadow: 2px 2px 10px #555;
}

#wrapperAllOutPutSales.secondPlan h2.title {
	margin-top: 0;
}
#wrapperAllOutPutSales.thirdPlan h2.title {
	margin-top: 0;
}


#wrapperAllOutPutSales.secondPlan img#brandHeader {
width: 220px;
clear: both;
display: table;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
margin-top: -25px;
}


.DelArchiveAjax {
font-size: 11px;
color: #686868;
font-weight: bold;
display: block;
margin: 2px 0;
line-height: 9px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding: 8px 13px 7px 13px;
border: 1px solid #d5d5d5;
box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
-moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
color: #ffffff;
border: 1px solid #4e4e4e;
background: #404952!important;
height: 12px;
cursor: pointer;
float:right;
margin-top: 20px;
width: 94px;
margin-bottom: 14px;
  border-radius: 6px;
  border: 1px solid #ab0032;
  background: url(../imagesRANDA/btnBg.png) no-repeat!important;
}

.DelArchiveAjax:hover {
	background-color: #293138!important;
}

.imgProfile {
border-radius: 50%;
height: 80px;
width: 80px;
object-fit: cover;
  background: #FAFAFA;
  padding: 4px;
  border: 1px solid #DDD;
}

table tbody td img.imgDisplay {
  /* border-radius: 50%; */
  height: 160px;
  width: 160px;
  object-fit: cover;
}


#empInfoLightBox .line, #addEmpLightBox .line, #updateEmpLightBox .line,#voitureInfoLightBox .line, #addVoitLightBox .line, #updateVoitLightBox .line, #addObjLightBox .line, #updateObjLightBox .line, #addMissionLightBox .line {
/*font: normal 14px RobotoDraft,Roboto,'Helvetica Neue',arial,sans-serif;*/
padding: 24px;
padding-bottom: 0;
position: relative;
}

#empInfoLightBox .line .value, #addEmpLightBox .line .value, #updateEmpLightBox .line .value,#voitureInfoLightBox .line .value, #addVoitLightBox .line .value, #updateVoitLightBox .line .value, #addObjLightBox .line .value, #updateObjLightBox .line .value, #addMissionLightBox .line .value {
display: inline-block;
width: 100%;
color: rgba(0,0,0,0.54);
font-weight: 400;
font-size: 14px;
}
#addEmpLightBox .line input[type='text'], #updateEmpLightBox .line input[type='text'],#addVoitLightBox .line input[type='text'], #updateVoitLightBox .line input[type='text'], #addObjLightBox .line input[type='text'], #updateObjLightBox .line input[type='text'], #addMissionLightBox .line input[type='text'] {
/* display: inline-block;
width: 50%;
float:left;
color: rgba(0,0,0,0.54);
font-weight: 400;
font-size: 15px;
padding-left: 5px;
border: 1px rgba(0,0,0,0.54) solid;
margin-top: 3px; */
border: 1px solid #e0e0e0;
    padding: 6px 8px;
    height: 32px;
    color: #616161;
    background: #fff;
    box-shadow: none !important;
	    display: block;
    width: 100%;
	font-size: 13px;
    line-height: 1.54;
	    border-radius: 1px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#addObjLightBox .line textarea{
  resize: none;
  width: 220px;
  /* margin-left: auto; */
  /* margin-right: auto; */
  margin-top: 11px;
  display: block;
  height: 50px;
  width: 235px;
  color: rgba(0,0,0,0.54);
  font-weight: 400;
  font-size: 15px;
  /*border-radius: 5px;*/
  padding-left: 5px;
  border: 1px rgba(0,0,0,0.54) solid;
  margin-top: 3px;	
}
#addEmpLightBox .line select, #updateEmpLightBox .line select ,#addVoitLightBox .line select, #updateVoitLightBox .line select , #addObjLightBox .line select, #updateObjLightBox .line select, #addMissionLightBox .line select {
    border: 1px solid #e0e0e0;
    padding: 6px 8px;
    height: 32px;
    color: #616161;
    background: #fff;
    box-shadow: none !important;
    padding: 6px 6px;
	    display: block;
    width: 100%;
	    border-radius: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#addEmpLightBox .canvasIcons i, #updateEmpLightBox .canvasIcons i,#addVoitLightBox .canvasIcons i, #updateVoitLightBox .canvasIcons i {
margin-bottom: 4px;
font-size: 23px;
}

#addEmpLightBox  input[type=file], #updateEmpLightBox  input[type=file],#addVoitLightBox  input[type=file], #updateVoitLightBox  input[type=file] {
width: 37px;
}

#addEmpLightBox .submit, #updateEmpLightBox .submit,#addVoitLightBox .submit, #updateVoitLightBox .submit, #addObjLightBox .submit, #updateObjLightBox .submit, #addMissionLightBox .submit {
margin-left: auto;
margin-right: auto;
float: none;
margin-top: 20px;
}
.ui-datepicker {
 width: 235px!important;
 }

#empInfoLightBox .line .label, #addEmpLightBox .line .label, #updateEmpLightBox .line .label,#voitureInfoLightBox .line .label, #addVoitLightBox .line .label, #updateVoitLightBox .line .label,#addObjLightBox .line .label, #updateObjLightBox .line .label {
display: inline-block;
float:left;
vertical-align: top;
font-weight: 400;
    padding-bottom: 6px;
}

#empInfoLightBox .line:not(:last-child):after, #addEmpLightBox .line:not(:last-child):after, #updateEmpLightBox .line:not(:last-child):after ,#voitureInfoLightBox .line:not(:last-child):after, #addVoitLightBox .line:not(:last-child):after, #updateVoitLightBox .line:not(:last-child):after , #addObjLightBox .line:not(:last-child):after, #updateObjLightBox .line:not(:last-child):after, #addMissionLightBox .line:not(:last-child):after {

}

#empInfoLightBox .profileImg, #addEmpLightBox .profileImg, #updateEmpLightBox .profileImg,#voitureInfoLightBox .voitureImg, #addVoitLightBox .voitureImg, #updateVoitLightBox .voitureImg , #addObjLightBox .popImg, #updateObjLightBox .popImg {
	/*border: 1px solid #ddd*/;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
/* box-shadow: 0 1px 1px #ececec;
-webkit-box-shadow: 0 1px 1px #ececec;
-moz-box-shadow: 0 1px 1px #ececec; */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
padding: 4px;
overflow: hidden;
margin-right: auto;
margin-left: auto;
width: 210px;
margin-bottom: 20px;

}

#empInfoLightBox .profileImg img, #addEmpLightBox .profileImg img, #updateEmpLightBox .profileImg img,#voitureInfoLightBox .voitureImg img, #addVoitLightBox .voitureImg img, #updateVoitLightBox .voitureImg img, #addObjLightBox .popImg img, #updateObjLightBox .popImg img {
width: 200px;
background: #FAFAFA;
padding: 4px;
border: 1px solid #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-height: 150px;
float: left;
display: block;
object-fit: cover;
}

#empInfoLightBox .cinRectoImg, #addEmpLightBox .cinRectoImg, #updateEmpLightBox .cinRectoImg,#voitureInfoLightBox .carteGriseRectoImg, #addVoitLightBox .carteGriseRectoImg, #updateVoitLightBox .carteGriseRectoImg {
    /* border: 1px solid #ddd; */
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 4px;
    overflow: hidden;
    /* padding-left: 25px; */
    margin-top: 20px;
    width: 100%;
    margin-bottom: 20px;
    float: left;
}

#empInfoLightBox .cinRectoImg img, #addEmpLightBox .cinRectoImg img, #updateEmpLightBox .cinRectoImg img,#voitureInfoLightBox .carteGriseRectoImg img, #addVoitLightBox .carteGriseRectoImg img, #updateVoitLightBox .carteGriseRectoImg img {
    width: 300px;
    background: #FAFAFA;
    padding: 4px;
    border: 1px solid #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 180px;
    /* float: left; */
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#empInfoLightBox .cinVersoImg, #addEmpLightBox .cinVersoImg, #updateEmpLightBox .cinVersoImg,#voitureInfoLightBox .carteGriseVersoImg, #addVoitLightBox .carteGriseVersoImg, #updateVoitLightBox .carteGriseVersoImg {
border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 4px;
    overflow: hidden;
    /* margin-right: 25px; */
    margin-top: 20px;
    width: 310px;
    margin-bottom: 20px;
    float: left;
    width: 100%;

}

#empInfoLightBox .cinVersoImg img, #addEmpLightBox .cinVersoImg img, #updateEmpLightBox .cinVersoImg img,#voitureInfoLightBox .carteGriseVersoImg img, #addVoitLightBox .carteGriseVersoImg img, #updateVoitLightBox .carteGriseVersoImg img {
width: 300px;
background: #FAFAFA;
padding: 4px;
border: 1px solid #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-height: 180px;
    /* float: left; */
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#empInfoLightBox .cinVersoImg span, #addEmpLightBox .cinVersoImg span, #updateEmpLightBox .cinVersoImg span,#voitureInfoLightBox .carteGriseVersoImg span, #addVoitLightBox .carteGriseVersoImg span, #updateVoitLightBox .carteGriseVersoImg span {
vertical-align: top;
    padding: 10px;
    text-align: center;
    display: block;
}


#empInfoLightBox .cinRectoImg span, #addEmpLightBox .cinRectoImg span, #updateEmpLightBox .cinRectoImg span,#voitureInfoLightBox .carteGriseRectoImg span, #addVoitLightBox .carteGriseRectoImg span, #updateVoitLightBox .carteGriseRectoImg span {
    vertical-align: top;
    padding: 10px;
    text-align: center;
    display: block;
}
#empInfoLightBox .extraitNaissanceImg span, #addEmpLightBox .extraitNaissanceImg span, #updateEmpLightBox .extraitNaissanceImg span,#voitureInfoLightBox .assuranceImg span, #addVoitLightBox .assuranceImg span, #updateVoitLightBox .assuranceImg span,#voitureInfoLightBox .vignetteImg span, #addVoitLightBox .vignetteImg span, #updateVoitLightBox .vignetteImg span {
vertical-align: top;
    padding: 10px;
    text-align: center;
    display: block;
}

#empInfoLightBox .extraitNaissanceImg, #addEmpLightBox .extraitNaissanceImg, #updateEmpLightBox .extraitNaissanceImg,#voitureInfoLightBox .assuranceImg, #addVoitLightBox .assuranceImg, #updateVoitLightBox .assuranceImg,#voitureInfoLightBox .vignetteImg, #addVoitLightBox .vignetteImg, #updateVoitLightBox .vignetteImg {
	/*border: 1px solid #ddd*/;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
padding: 4px;
overflow: hidden;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
width: 100%;
margin-bottom: 20px;

}

#empInfoLightBox .extraitNaissanceImg img, #addEmpLightBox .extraitNaissanceImg img, #updateEmpLightBox .extraitNaissanceImg img,#voitureInfoLightBox .assuranceImg img, #addVoitLightBox .assuranceImg img, #updateVoitLightBox .assuranceImg img,#voitureInfoLightBox .vignetteImg img, #addVoitLightBox .vignetteImg img, #updateVoitLightBox .vignetteImg img {
max-width: 600px;
width: 90%;
background: #FAFAFA;
padding: 4px;
border: 1px solid #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-height: 370px;
    margin-left: auto;
    margin-right: auto;
display: block;
    object-fit: cover;
}

#empInfoLightBox .addBody, #addEmpLightBox .addBody,#voitureInfoLightBox .addBody, #addVoitLightBox .addBody{
	display: none;
}

.pagination_btn {
margin-left: auto;
margin-right: auto;
overflow: hidden;
width: 68px;
margin-bottom: 20px;
}
.pagination_btn span:first-child{
margin-left: 0px;
}
.pagination_btn span:hover{
color: white!important;
background: #616161!important;
}
.pagination_btn span{
position: relative;
float: left;
padding: 6px 12px!important;
margin-left: -1px;
line-height: 1.42857143;
text-decoration: none;
background-color: #fff!important;
border: 1px solid #eee!important;
cursor: pointer;
}

.pagination_btn span.current{
color: white!important;
background: #616161!important;
}

#addEmpForm .error, #updateEmpForm .error,#addVoitForm .error, #updateVoitForm .error {

}

.merchListPromoterFirst {
margin-left: auto;
margin-right: auto;
float: none!important;
min-height: 42px!important;	
}
.merchListPromoterFirst {
width: 100%!important;
min-height: 42px!important;	
position: relative;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Helvetica, Verdana, Arial, sans-serif;
padding: 3px;
color: #333;
background-color: #fff;
min-height: 100px;
border: 1px solid #eee;
/* margin-left: 30px; */
margin-bottom: 30px;
/* margin-right: 30px; */
margin-top: 50px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.merchListPromoterFirst li {
margin-top: 15px!important;
margin-bottom: 15px!important;
display: inline-block;
width: 126px!important;
}
.tableContainerSaleManager {
display:none;
}

.merchListPromoterFirst .ui-sortable-placeholder {
	display: none:!important;
	height: 0px!important;
	margin: 0px!important;
}
.merchListPromoter {
position: relative;
float: left;
/* box-shadow: 2px 2px 10px #555; */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Helvetica, Verdana, Arial, sans-serif;
padding: 0;
color: #333;
background-color: #fff;
min-height: 100px;
border: 1px solid #eee;
margin-left: 30px;
margin-bottom: 30px;
margin-right: 30px;
margin-top: 50px;
-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.merchListPromoter .merchNameZone {
background-image: url(../imagesRANDA/top_list.PNG);
background-repeat: no-repeat;
width: 217px;
height: 50px;
position: absolute;
top: -46px;
left: -24px;
background-size: contain;
filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);

}

.merchListPromoter .merchNameZone i {
background-image: url('../imagesRANDA/merch.PNG');
background-size: contain;
position: absolute;
/* left: 0; */
top: 12px;
background-repeat: no-repeat;
width: 17px;
height: 80px;
margin-left: -20px;
}

.merchListPromoter .merchNameZone .merchNameContainer {
margin-left: auto;
margin-right: auto;
display: table;
color: white;
font-weight: bold;
font-size: 17px;
margin-top: 12px;
}
 .merchListPromoter ul {
       width: 170px;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 10px 0px 0px;
    float: left;
    min-height: 100px;
    border: none;
  }
.merchListPromoter li,.merchListPromoterFirst li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 10px;
    width: 100%;
    padding-left: 25px;
    cursor: pointer;
    position: relative;
  }



  .merchListPromoter li:before, .merchListPromoterFirst li:before {
 /* content: url('../imagesRANDA/merch.PNG'); */
background-image: url('../imagesRANDA/promoter_icone.PNG');
background-size: contain;
content: "";
position: absolute;
left: -2px;
top: 0px;
background-repeat: no-repeat;
width: 32px;
height: 80px;
  }

 .promoterAffectationMerchContainer {
 margin-right: auto;
 margin-left: auto;
 margin-top: 30px;
 margin-bottom: 30px;
position: relative;
overflow: hidden;
/*box-shadow: 2px 2px 10px #555;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;*/
box-sizing: border-box;
/*background-color: #fff;*/
padding: 15px;
/* min-width: 500px; */
/* max-width: 970px; */
 }

.dataTablePromoterAffectationPos{
	/* max-width: 970px; */
	/* margin-left: auto; */
	/* margin-right: auto; */
	margin-top: 15px;
}

.page-heading  select {
border: 1px solid #e0e0e0;
 padding: 6px 8px; 
    height: 32px;
    color: #616161;
    background: #fafafa;
    box-shadow: none !important;
    color: #616161;
    /* width: 100%; */
    /* font-size: 11px; */
    float: left;
    margin-top: 10px;
    min-width: 100px;
	    margin-left: -8px;
}
#menuHorizGTM {
max-width: 970px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
display: table;
margin-top: 40px;
}

#menuHorizGTM #menuHref {
  font-size: 11px;
  color: #686868;
  font-weight: bold;
  text-align: center;
  display: block;
  margin: 2px 0;
  line-height: 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 8px 13px 7px 13px;
  border: 1px solid #d5d5d5;
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
  -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
  -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
  color: #808184;
  border: 1px solid #4e4e4e;
  background: rgba(255, 255, 255, 0.9) !important;
  height: 12px;
  cursor: pointer;
  /* margin-bottom: 30px; */
  width: 94px;
  text-decoration: none;
  float: left;
  border: 1px solid #ccc;
  border-radius: 5px;

}

#menuHorizGTM #menuHref:not(:first-child) {
margin-left: 15px;
}

#menuHorizGTM #menuHref.activated { 
color: #ab0032!important;
  /* background-color: #fff!important; */
  cursor: default;
  background: #ab0032!important;
  color: white!important;
}

.dataTableStructure{
    width: 100%;
}

.dataTablePerfermence{
    width: 100%;
}

.dataTableMerchPerfermence {
    max-width: 1200px;
    width: 100%;
}

#dataTableStructure td #presence{
	position: relative;
	text-align: left;

} 
.tableContainer td.tdPresence { 
text-align: left;
}
#dataTableStructure #presence label {
	display: block;
	width: 100%;
	    white-space: nowrap;
}
#dataTableStructure #presence input[type="radio"] {
    opacity: 0;
	position: absolute;
	width: 100%;
	height: 25px;
	margin-top: -5px;
	padding-right: 380px;
	cursor: pointer;
}
#dataTableStructure #presence input[type="radio"] + label span:first-child {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;

    background:url(../imagesRANDA/check_radio_sheet.png) left top no-repeat;
    background-position: -38px;
    cursor:pointer;
}
#dataTableStructure #presence input[type="radio"] + label span:not(:first-child) {
	margin-left: -3px;
	margin-right: 7px;
	/* font-weight: bold; */
}
#dataTableStructure #presence input[type="radio"]:checked + label span:first-child {
    background:url(../imagesRANDA/check_radio_sheet.png) -57px top no-repeat;
}


#dataTableStructure #evaluation {
	text-align: left;
	padding: 3px;
}
#dataTableStructure #evaluation input[type="checkbox"] {
    opacity: 0;
	position: absolute;
	width: 113px;
	height: 25px;
	margin-top: -5px;
	padding-right: 380px;
	cursor: pointer;
	display: block;
}

#dataTableStructure #evaluation label {

	display: block;
	    white-space: nowrap;
}
#dataTableStructure #evaluation input[type="checkbox"] + label span:first-child {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;

    background:url(../imagesRANDA/check_radio_sheet.png) left top no-repeat;
   
    cursor:pointer;
}
#dataTableStructure #evaluation input[type="checkbox"] + label span:not(:first-child) {
	margin-left: -3px;
	margin-right: 7px;
	/* font-weight: bold; */
}
#dataTableStructure #evaluation input[type="checkbox"]:checked + label span:first-child {
    background:url(../imagesRANDA/check_radio_sheet.png) -19px top no-repeat;
}

.linearOutputContainer table td:first-child span{
font-weight:bold;
}
.linearOutputContainer table td{
display: table-cell;
    text-align: center;
   
    vertical-align: middle;
}
.linearOutputContainer table {
width: 100%;
    display: table;
   /* table-layout: fixed; */
}

.linearOutputContainer .progress-stats {
    margin-bottom: 40px!important;
}
.linearOutputContainer .progress-stats .keyElement i{
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    display: block;
    float: left;
	margin-right: 3px;
    margin-top: 2px;
} 
.linearOutputContainer .progress-stats .keyElement{
margin-right:20px;
 }
.linearOutputContainer .progress-stats .keyElement{ 
float:left;
margin-top:10px;
}
.linearOutputContainer .progress-stats .progress{
    display: inline-block;
	float:left;
}
#dataTablePerfermence .progress-stats h6,#dataTableMerchPerfermence .progress-stats h6,#dataTablePlanningDisplay .progress-stats h6,.linearOutputContainer .progress-stats h6{
margin: 0;
font-size: 12px;
margin-bottom: 11px;
margin-top: -7px;
text-align:center;
}
#dataTablePerfermence .progress-stats,#dataTableMerchPerfermence .progress-stats,#dataTablePlanningDisplay .progress-stats,.linearOutputContainer .progress-stats{ 
margin-bottom: 10px;
/*border: 1px solid #ddd;*/
padding: 15px;
/*background: white;*/
}
#dataTablePerfermence .progressTotal,#dataTableMerchPerfermence .progressTotal,#dataTablePlanningDisplay .progressTotal,.linearOutputContainer .progressTotal{
background-color: white;
/*border-radius: 12px;*/
height: 10px;
overflow: hidden;
border: 1px solid black;
}

#dataTablePerfermence .progress.green,#dataTableMerchPerfermence .progress.green,#dataTablePlanningDisplay .progress.green,.linearOutputContainer .progress.green{
/*background-color: #AEE113;*/
background-color: green;
/*border-radius: 12px;*/
height: 10px;
}#dataTablePerfermence .progress.red,#dataTableMerchPerfermence .progress.red,#dataTablePlanningDisplay .progress.red,.linearOutputContainer .progress.red{
background-color: #cc3333;
/*border-radius: 12px;*/
height: 10px;
}

#dataTablePerfermence .progress.blue,#dataTableMerchPerfermence .progress.blue,#dataTablePlanningDisplay .progress.blue,.linearOutputContainer .progress.blue{
background-color: orange;
/*border-radius: 12px;*/
height: 10px;
}
#dataTablePerfermence .progress-stats .title>span,#dataTableMerchPerfermence .progress-stats .title>span,#dataTablePlanningDisplay .progress-stats .title>span,#dataTableMerchPerfermence .progress-stats .title>span,.linearOutputContainer .progress-stats .title>span{
white-space:nowrap;
}
#dataTablePerfermence .progress-stats .title,#dataTableMerchPerfermence .progress-stats .title,#dataTablePlanningDisplay .progress-stats .title,.linearOutputContainer .progress-stats .title{
display: block;
margin-bottom: 4px;
text-align:center;
}

#perfermenceFacters,#planningFacters, #incentiveParamFacters, #structureFacters {
    margin-bottom: 5px;
    /* margin-top: 10px; */
    /* padding-left: 50px; */
    clear: both;
    float: left;
    width: 100%;
}

#perfermenceFacters .ligne:first-child,#planningFacters .ligne:first-child,#incentiveParamFacters .ligne:first-child,#structureFacters .ligne:first-child {
display: inline;
margin-right: 5px;
}

#perfermenceFacters .ligne,#planningFacters .ligne,#incentiveParamFacters .ligne,#structureFacters .ligne {
display: inline;
float:left;
    margin-right: 10px;
	    margin-bottom: 5px;
}
#planningFacters .submit{
float:left!important;
}
#planningFacters .ligne.merch,#incentiveParamFacters .ligne.merch { 
/* margin-left: 20px; */
}
#perfermenceFacters .ligne label,#planningFacters .ligne label,#incentiveParamFacters .ligne label,#structureFacters .ligne label {
    min-width: 50px;
    display: inline-block;
    color: inherit;
    /* line-height: 32px; */
    font-weight: 300;
    font-size: 17px;
    color: #616161;
}

#perfermenceFacters .ligne select,#planningFacters .ligne select,#incentiveParamFacters .ligne select {
    border: 1px solid #e0e0e0;
    padding: 6px 8px;
    height: 30px;
    color: #616161;
    background: #fff;
    box-shadow: none !important;
    color: #616161;
    width: 100px;
}

 #perfermenceFacters .ligne input[type='text'],#planningFacters .ligne input[type='text'],#incentiveParamFacters .ligne input[type='text'],#structureFacters .ligne input[type='text'] {
/* padding: 3px 4px;
border: 1px solid #ccc;
width: 90px; */
    border: 1px solid #e0e0e0;
    padding: 6px 8px;
    height: 28px;
    color: #616161;
    background: #fff;
    box-shadow: none !important;
    color: #616161;
	width:100px;
} 

 #perfermenceFacters .submit:hover,#planningFacters .submit:hover,#incentiveParamFacters .submit:hover,#structureFacters .submit:hover {
     background-color: #293138!important;
 }
 #perfermenceFacters .submit,#planningFacters .submit,#incentiveParamFacters .submit,#structureFacters .submit {
    text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #757575!important;
    display: block;
    color: #fff;
    min-width: 60px;
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    height: auto!important;
	    display: inline-block;
} 

#structureFactersForm {
    display: block;
    float: left;
}
#structureFacters .detailsBtn:hover {
background: #fafafa!important;
}

#structureFacters .detailsBtn {
    text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    background-color: #fff !important;
    border-color: #e1e1e1 !important;
    color: #616161;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;

    user-select: none;
	margin-left:5px;
	float:left;
	margin-top:0;
	} 
#structureFacters .reposDayBtn:hover {
background: #fafafa!important;
}
#structureFacters .structureAdvRepContainer {
float:right;
}
#structureFacters .reposDayBtn {
    text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    background-color: #fff !important;
    border-color: #e1e1e1 !important;
    color: #616161;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	margin-left: 5px;
	float:right;
	margin-top:0;
} 


#calendarContainer {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	
}
#incentiveParamContainer {
	    position: relative;
    width: 100%;
    /* max-width: 1200px; */
    /* min-width: 700px; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* padding: 15px; */
    overflow: hidden;
	    margin-bottom: -20px;
	
}
#calendarContainer table {
	
	/*border-collapse: collapse;*/
	border-radius: 20px 20px 0 0;
	
}

#calendarContainer table thead{
	
	
height: 40px;
line-height: 40px;
padding: 0 20px;

font-weight: 300;
text-transform: uppercase;
font-size: 13px;
text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

#calendarContainer table thead th{
	
width: 15%;
border: 1px solid #e1e1e1;
color: white;
  background: #757575;
}

#calendarContainer table tbody td p{
line-height: 0px;
text-align: center;
font-size: 13px;
font-weight: bold;
text-shadow: 0 1px 1px rgba(0,0,0,0.4);
margin-top: 8px;
color: #757575;
}

#calendarContainer table tbody td span{
font-weight: 300;
text-transform: uppercase;
font-size: 9px;
margin-top: 4px;
border: 1px solid rgba(64, 73, 82, 0.5);
display: block;
padding: 2px;
position: relative;
font-family: cursive;
-webkit-transition: all 0.3s ease !important;
-moz-transition: all 0.3s ease !important;
-ms-transition: all 0.3s ease !important;
-o-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
}

#calendarContainer table tbody td section {
font-weight: 300;
text-transform: uppercase;
font-size: 9px;
margin-top: 4px;
border: 1px solid rgba(64, 73, 82, 0.5);
display: block;
padding: 2px;
position: relative;
font-family: cursive;
-webkit-transition: all 0.3s ease !important;
-moz-transition: all 0.3s ease !important;
-ms-transition: all 0.3s ease !important;
-o-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
background: blanchedalmond;
}

#calendarContainer table tbody td i.addPos{
margin-right: 5px;
float: right;
font-size: 18px;
position: absolute;
right: 0;
cursor: pointer;
color:inherit;
}
#calendarContainer table tbody td span i, #calendarContainer table tbody td section i{
margin-left: 3px;
float: right;
cursor: pointer;
}

#calendarContainer table tbody td{
	
padding: 3px;
width: 16%;
height: 100px;
background: #fff;	
border: 1px solid rgba(64, 73, 82, 0.2);
color: #404952	;
vertical-align: top;
position: relative;
color: #404952;
}

#calendarContainer table thead th.weekTH i{
color: #404952;
font-size: 28px;
vertical-align: inherit;
cursor: pointer;
}

#calendarContainer table thead th.weekTH{
background: none;
border: none;
width: 0px!important;
}

#calendarContainer table tbody th.weekNbr{
border: 1px solid #e1e1e1;
color: white;
  background: #757575;
 
}

#calendarContainer table tbody th.weekNbr p{
    -moz-transform: rotate(-90deg);  /* FF3.5+ */
       -o-transform: rotate(-90deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=-90);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=-90)"; /* IE8 */
        
 font-weight: 300;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 3px;
text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

#adminPlaningTable {
	display: none;
}

.planningOnOff {
margin-right: 45px;
display: inline;
float:left;
}

.planningOnOff .onoffswitch {
	vertical-align: bottom;
}



.dataTableIncentiveParam #groupBtnCell {
min-width: 0px!important;
}
	.dataTableIncentiveParam, .dataTableKiloAdmin {
}

#wrapperPresenceSecondPlan {
display: none;
position: absolute;
z-index: 9999999999;
top: 0px;
left: 0;
right: 0;
overflow: visible;
/* background: url(../imagesRANDA/bg_1.png); */
/* padding: 50px; */
padding-bottom: 0px;
/* padding-top: 45px; */
/* padding-left: 1px; */
/* padding-right: 10px; */
border-radius: 0px;
margin-right: auto;
margin-left: auto;
max-width: 1200px;
width:calc(100% - 20px);
}

#wrapperPresenceSecondPlan #courbePresenceDiv {
	margin-right: auto;
	margin-left: auto;
	background-color: white;
	width:100%;
	margin-bottom: 35px;
}

#wrapperPresenceSecondPlan #courbeEvaluationDiv {
	margin-right: auto;
	margin-left: auto;
	background-color: white;
	width:100%;
	margin-bottom: 35px;
}

#wrapperPresenceSecondPlan  .prmoterContainer {
margin-left: auto;
margin-right: auto;
}

#wrapperPresenceSecondPlan .prmoterContainer span{
display: block;
color: #404951;
font-size: 15px;
text-align: center;
/* float: left; */
margin-top: 20px;
}
#wrapperPresenceSecondPlan .prmoterContainer img{
border-radius: 50%;
height: 100px;
width: 100px;
object-fit: cover;
box-shadow: 2px 2px 10px black;
margin-left: auto;
margin-right: auto;
display: block;
}

#dataTableStructure .tdGreenColor .sorting_1,#dataTableStructure .tdGreenColor .sorting_2,#dataTableStructure .tdGreenColor .sorting_3 {
		background-color: #DFFFDA;
}
#dataTableStructure .tdGreenColor, #dataTablePos .tdGreenColor {
	background-color: #DFFFDA;
}

#evaluationDescriptionContainer .submit {
    text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-block;
    margin-top: 20px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #757575!important;
    display: block;
    color: #fff;
    min-width: 60px;
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    height: auto!important;
    float: left;
}
#evaluationDescriptionContainer textarea{
 resize: none;
 width: 220px;
margin-left: auto;
margin-right: auto;
margin-top: 11px;
display: block;
height: 50px;
}
#evaluationDescriptionContainer label{
color: inherit;
font-size: 17px;
font-weight: bold;
display: block;
text-align: center;
/* margin-right: auto; */
line-height: 1.5;
vertical-align: middle;

}
#evaluationDescriptionContainer .btnWrapper {
margin-left: auto;
margin-right: auto;
width: 130px;
margin-bottom: 61px;
}
#evaluationDescriptionContainer {
padding: 10px;
position: absolute;
z-index: 9999999999;
top: 50%;
margin-top: -81px;
left: 0;
right: 0;
overflow: visible;
background: white;
/* background: url(../imagesRANDA/bg_1.png); */
/* padding: 50px; */
padding-bottom: 0px;
/* padding-top: 45px; */
/* padding-left: 1px; */
/* padding-right: 10px; */
border-radius: 0px;
margin-right: auto;
margin-left: auto;
width: 250px;
box-shadow: 2px 2px 10px #555;
}

#evaluationDescriptionLightBox{
display: none;
z-index: 999999999;
/* opacity: 0.3; */
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.15);
position: fixed;
top: 0;
left: 0;
}

#structureDetailsForm .error { 
color: red;
display: block;
padding-top: 5px;

}


#structureDetailsForm a.submit{ 
	  height: 7px;
  margin-left: 20px;
}
#structureDetailsForm {
display: table;
  margin-left: auto;
  overflow: hidden;
  margin-right: auto;
}

#structureDetailsForm .line{
display: inline-block;
float: left;
margin-right: 30px;
    padding-bottom: 4px;
}

#structureDetailsForm label {
min-width: 35px;
display: inline-block;
font-size: 12px;
}

#structureDetailsForm input[type="text"] {
    border: 1px solid #e0e0e0;
    padding: 6px 8px;
    height: 28px;
    color: #616161;
    background: #fff;
    box-shadow: none !important;
    color: #616161;
    width: 100px;
}

#wrapperDetailsSecondPlan {
display: none;
    position: absolute;
    z-index: 9999999999;
    top: 0;
    left: 0;
    right: 0;
    overflow: visible;
    background: #fafafa;
    padding: 50px;
    padding-bottom: 0px;
    padding-top: 45px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0px;
    margin-right: auto;
    margin-left: auto;
    width: calc(100% - 20px);
    margin-bottom: 10px;
}

#wrapperReposListSecondPlan {
display: none;
    position: absolute;
    z-index: 9999999999;
    top: 0;
    left: 0;
    right: 0;
    overflow: visible;
    background: #fafafa;
    padding: 10px;
    padding-bottom: 0px;
    /* padding-top: 45px; */
    /* padding-left: 1px; */
    /* padding-right: 10px; */
    border-radius: 0px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
    width: calc(100% - 20px);
}

#wrapperAdvanceListSecondPlan {
display: none;
    position: absolute;
    z-index: 9999999999;
    top: 85px;
    left: 0;
    right: 0;
    overflow: visible;
    background: #fafafa;
    border: 1px solid #eee;
    padding: 50px;
    padding-bottom: 0px;
    padding-top: 45px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 0px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
        width: calc(100% - 20px);
}

#structureDetailsForm .submit {
    text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #757575!important;
    display: block;
    color: #fff;
    min-width: 60px;
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    height: auto!important;
	    display: inline-block;
}

#lightBoxAllDescByDate, #lightBoxDisplayPlanningDetails{
display: none;
z-index: 9999999999;
opacity: 0.3;
width: 100%;
height: 100%;
background-color: black;
position: fixed;
top: 0;
left: 0;
}

#wrapperAllDescByDateSecondPlan,#wrapperDisplayPlanningDetailsSecondPlan{
display: none;
    position: absolute;
    z-index: 9999999999;
    top: 0;
    left: 0;
    right: 0;
    overflow: visible;
    background: url(../imagesRANDA/bg_1.png);
    padding: 50px;
    padding-bottom: 0px;
    padding-top: 45px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0px;
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
    width: calc(100% - 20px);
    box-shadow: 2px 2px 10px #555;
    background: #fafafa;
}

#wrapperAllDescByDateSecondPlan .title, #wrapperDisplayPlanningDetailsSecondPlan .title {
color: #404952;
font-size: 17px;
/* font-weight: bold; */
display: block;
text-align: center;
/* margin-right: auto; */
line-height: 1.5;
margin-top: -20px;

}

#incentiveParamFactersForm {
display: inline-block;
}

#incentiveParamFacters .setObjBtn:hover {
background:#fafafa!important;
}
#incentiveParamFacters .setObjBtn {
    text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    background-color: #fff !important;
    border-color: #e1e1e1 !important;
    color: #616161;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 5px;
    float: right;
    margin-top: 0;
	

}

#incentiveParamFacters .displayPlanningBtn:hover {
background:#fafafa!important;
}
#incentiveParamFacters .displayPlanningBtn {
    text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    background-color: #fff !important;
    border-color: #e1e1e1 !important;
    color: #616161;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 5px;
    float: right;
    margin-top: 0;

}

#incentiveParamFacters .duplicatedImageDisplayBtn:hover {
background:#fafafa!important;
}
#incentiveParamFacters .duplicatedImageDisplayBtn {
    text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    background-color: #fff !important;
    border-color: #e1e1e1 !important;
    color: #616161;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 5px;
    float: right;
    margin-top: 0;
}

#wrapperincentiveParamSecondPlan,#wrapperKiloAdminSecondPlan {
	display: none;
    position: absolute;
    z-index: 9999999999;
    top: 0;
    left: 0;
    right: 0;
    overflow: visible;
    background: #fafafa;
    padding: 50px;
    padding-bottom: 0px;
    padding-top: 45px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0px;
    margin-right: auto;
    margin-left: auto;
    width: calc( 100% - 20px);
}

#wrapperChargeSecondPlan .title:first-child, #wrapperDevisSecondPlan .title:first-child{
color: #ab0032;
  font-size: 17px;
  /* font-weight: bold; */
  display: block;
  text-align: center;
  /* margin-right: auto; */
  line-height: 1.5;
  margin-top: -30px;
  margin-left: auto;
  margin-right: auto;
  line-height: 35px;
  padding: 0 20px;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 3px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.4);
  /* color: #eeeeee; */
  text-shadow: 0 1px 1px #ab0032;
  font-weight: normal;
}

#wrapperChargeSecondPlan,#wrapperDevisSecondPlan {
	display: none;
position: absolute;
z-index: 9999999999;
top: 85px;
left: 0;
right: 0;
overflow: visible;
background: url(../imagesRANDA/bg_1.png);
padding: 50px;
padding-bottom: 0px;
padding-top: 45px;
padding-left: 1px;
padding-right: 10px;
border-radius: 0px;
margin-right: auto;
margin-left: auto;
width: 1100px;
}

#lightBoxAdd,#lightBoxForThirdPlan{
display: none;
z-index: 9999999999;
opacity: 0.3;
width: 100%;
height: 100%;
background-color: black;
position: fixed;
top: 0;
left: 0;
}

#lightBoxPos {
display: none;
z-index: 9999999999;
opacity: 0.3;
width: 100%;
height: 100%;
background-color: black;
position: fixed;
top: 0;
left: 0;
}

.ui-dialog {
	z-index: 999999999999999999999999!important;
}

#outputTrendsFilter {
margin-right: auto;
margin-left: auto;
max-width: 1200px;
width:100%;
/*box-shadow: 2px 2px 10px #555;
background: white;*/
overflow: hidden;
min-height: 150px;
margin-top: 5px;
padding-bottom: 20px;
    clear: both;
}


#outputTrendsFilter input[type="radio"] {
opacity: 0;
position: absolute;
width: 65px;
height: 25px;
margin-top: -5px;
padding-right: 380px;
cursor: pointer;
}
#outputTrendsFilter  input[type="radio"]:checked + label span:first-child {
background: url(../imagesRANDA/check_radio_sheet.png) -57px top no-repeat;
}
#outputTrendsFilter  input[type="radio"] + label span:not(:first-child) {
margin-left: -3px;
margin-right: 7px;
font-weight: bold;
}
#outputTrendsFilter input[type="radio"] + label span:first-child {
display: inline-block;
width: 19px;
height: 19px;
margin: -1px 4px 0 0;
vertical-align: middle;
background: url(../imagesRANDA/check_radio_sheet.png) left top no-repeat;
background-position: -38px;
cursor: pointer;
}

#outputTrendsFilter input[type="radio"] + label span:not(:first-child) {
margin-left: -3px;
margin-right: 7px;
font-weight: normal;
font-size: 11px;
font-weight: bold;
}

#outputTrendsFilter input[type="radio"] + label {
margin-right: 20px;
}

#outputTrendsFilter .line {
padding: 10px 20px;
    /* margin-bottom: 8px; */
    width: auto;
    overflow: hidden;
    position: relative;
    padding-left: 12px;
    /* margin-top: 10px; */
    padding-right: 3px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    background-color: #fff !important;
    border-color: #e1e1e1 !important;
    border: 1px solid;
    color: #616161;
    border-radius: 1px;
    display: flex;
    flex-flow: row wrap;
      margin-left: auto;
    margin-right: auto;
    display: table;
}

#outputTrendsFilter .monthOrWeek {
padding: 3px 20px; /* 10 20*/
width: auto;
float: left;
height: 20px;
position: relative;
margin-right: 20px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
/* margin-right: 30px; */
padding-left: 10px;
    margin-bottom: 10px;
}

#outputTrendsFilter .forContainer {
padding: 3px 0px; /* 10 20*/
width: auto;
float: left;
position: relative;
/* margin-right: 20px; */
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
/* margin-right: 30px; */

}

#outputTrendsFilter .forContainer span:first-child {
display: block;
position: relative;
background: white;
/* border: 1px solid #404952; */
border-bottom: none;
font-size: 13px;
padding: 0 20px;
text-transform: uppercase;
top: -7px;
left: 50%;
margin-left: -35px;
line-height: 25px;
text-align: center;
width: 30px;
font-size: 11px;
font-weight: bold;
text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

#outputTrendsFilter .forContainer label {
    border-bottom: none;
    font-size: 12px;
    padding: 0 5px;
    line-height: 25px;
    text-align: center;
    padding-left: 0;
    /* line-height: 0px; */
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    /* text-shadow: 0 1px 1px rgba(0,0,0,0.4); */
    min-width: 70px;
	float:left;
}

#outputTrendsFilter .forContainer input#toWeek {
/* margin-right:10px; */
}
#outputTrendsFilter .forContainer input#forWeek {
/* margin-right:10px; */
}

#outputTrendsFilter .forContainer input {
    border-radius: 0!important;
    padding: 6px 3px;
    border: 1px solid #ccc;
    font-size: 11px;
    max-width: 38px;
    height: 23px;
	    margin-right: 20px;
		float:left;
}

#outputTrendsFilter .forContainer #forMonth,#outputTrendsFilter .forContainer #toMonth {
        border-radius: 0!important;
    padding: 4px 3px;
    border: 1px solid #ccc;
    font-size: 11px;
    max-width: 80px;
    height: 23px;
	    margin-right: 20px;
		float:left;
}

#outputTrendsFilter .variableFactersWrapper {
width: auto;
display: table;
margin-left: auto;
margin-right: auto;
padding-left: 3px;
padding-right: 3px;
clear:both;
}

#outputTrendsFilter .variableFactersContainer {
padding: 5px 20px; /*kén 10 20*/
margin-top: 7px;
width: auto;
overflow: hidden;
position: relative;
/* margin-right: 20px; */
border:1px solid #e1e1e1;
background: #fff;
/*float: left;*/
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
padding-right: 10px;
    padding-bottom: 8px;
}

#outputTrendsFilter .variableFactersWrapper .ligne{
	overflow: hidden;
}
#outputTrendsFilter .variableFactersWrapper input{
margin-right: 11px;
margin-left: 0px;
margin-top: 4px;
border-radius: 0!important;
    padding: 6px 3px;
    border: 1px solid #ccc;
    font-size: 11px;
    max-width: 65px;
    height: 23px;
    margin-right: 11px;
	

}
#outputTrendsFilter .variableFactersWrapper label{
    border-bottom: none;
    font-size: 12px;
    padding: 0 5px;
    line-height: 25px;
    text-align: center;
    float: left;
    padding-left: 0;
    /* line-height: 0px; */
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    /* text-shadow: 0 1px 1px rgba(0,0,0,0.4); */
    min-width: 70px;
}

#outputTrendsFilter .variableFactersWrapper .categoryContainer i.addCat,.ligneConcurent .categoryContainer i.addCat {
cursor: pointer;
/* vertical-align: text-bottom; */
font-size: 12px;
margin-left: auto;
margin-right: auto;
/* float: right; */
display: table;
padding-top: 1px;
}
#outputTrendsFilter .variableFactersWrapper .categoryContainer,.ligneConcurent .categoryContainer {
    background: white;
    border: 1px solid #ccc;
    min-width: 38px;
    max-width: 80px;
    min-height: 23px;
    float: left;
    margin-top: 4px;
    margin-right: 11px;
}

#outputTrendsFilter .variableFactersWrapper .ligne {
overflow: hidden;
display: inline-block;
float: left;
}

#outputTrendsFilter .variableFactersWrapper .categoryContainer span i,.ligneConcurent .categoryContainer span i {
margin-left: 3px;
margin-top: 2px;
float: right;
cursor: pointer;

}

#outputTrendsFilter .variableFactersWrapper .categoryContainer span,.ligneConcurent .categoryContainer span {
font-weight: 300;
text-transform: uppercase;
font-size: 9px;
margin-top: 4px;
border: 1px solid rgba(64, 73, 82, 0.5);
padding: 2px;
position: relative;
/* float: left; */
margin: 2px;
font-family: cursive;
-webkit-transition: all 0.3s ease !important;
-moz-transition: all 0.3s ease !important;
-ms-transition: all 0.3s ease !important;
-o-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
display: block;
margin-left: 4px;
margin-right: 4px;
}

#outputTrendsFilter .variableFactersWrapper .posContainer i.addPos,#outputTrendsFilter .variableFactersWrapper .stateContainer i.addState,#outputTrendsFilter .variableFactersWrapper .chaineContainer i.addChaine,#outputTrendsFilter .variableFactersWrapper .prActivityContainer i.addPrAct,#outputTrendsFilter .variableFactersWrapper .prProductContainer i.addPrProd,#outputTrendsFilter .variableFactersWrapper .typeContainer i.addType,#outputTrendsFilter .variableFactersWrapper .brandContainer i.addBrand,#outputTrendsFilter .variableFactersWrapper .colorContainer i.addColor,#outputTrendsFilter .variableFactersWrapper .gradeContainer i.addGrade {
cursor: pointer;
/* vertical-align: text-bottom; */
font-size: 12px;
margin-left: auto;
margin-right: auto;
/* float: right; */
display: table;
padding-top: 1px;
/*	color: #404952;*/

}
#outputTrendsFilter .variableFactersWrapper .posContainer,#outputTrendsFilter .variableFactersWrapper .stateContainer,#outputTrendsFilter .variableFactersWrapper .chaineContainer,#outputTrendsFilter .variableFactersWrapper .prActivityContainer,#outputTrendsFilter .variableFactersWrapper .prProductContainer,#outputTrendsFilter .variableFactersWrapper .typeContainer,#outputTrendsFilter .variableFactersWrapper .brandContainer,#outputTrendsFilter .variableFactersWrapper .colorContainer,#outputTrendsFilter .variableFactersWrapper .gradeContainer {
    background: white;
    border: 1px solid #ccc;
    min-width: 38px;
    max-width: 80px;
    min-height: 23px;
    float: left;
    margin-top: 4px;
    margin-right: 11px;
}



#outputTrendsFilter .variableFactersWrapper .posContainer span i,#outputTrendsFilter .variableFactersWrapper .stateContainer span i,#outputTrendsFilter .variableFactersWrapper .chaineContainer span i,#outputTrendsFilter .variableFactersWrapper .prActivityContainer span i,#outputTrendsFilter .variableFactersWrapper .prProductContainer span i,#outputTrendsFilter .variableFactersWrapper .typeContainer span i,#outputTrendsFilter .variableFactersWrapper .brandContainer span i,#outputTrendsFilter .variableFactersWrapper .colorContainer span i,#outputTrendsFilter .variableFactersWrapper .gradeContainer span i {
margin-left: 3px;
margin-top: 2px;
float: right;
cursor: pointer;

}

#outputTrendsFilter .variableFactersWrapper .posContainer span,#outputTrendsFilter .variableFactersWrapper .stateContainer span,#outputTrendsFilter .variableFactersWrapper .chaineContainer span,#outputTrendsFilter .variableFactersWrapper .prActivityContainer span,#outputTrendsFilter .variableFactersWrapper .prProductContainer span,#outputTrendsFilter .variableFactersWrapper .typeContainer span,#outputTrendsFilter .variableFactersWrapper .brandContainer span,#outputTrendsFilter .variableFactersWrapper .colorContainer span,#outputTrendsFilter .variableFactersWrapper .gradeContainer span {
font-weight: 300;
text-transform: uppercase;
font-size: 7px;
margin-top: 4px;
border: 1px solid rgba(64, 73, 82, 0.5);
padding: 2px;
position: relative;
/* float: left; */
margin: 2px;
font-family: cursive;
-webkit-transition: all 0.3s ease !important;
-moz-transition: all 0.3s ease !important;
-ms-transition: all 0.3s ease !important;
-o-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
display: block;
margin-left: 4px;
margin-right: 4px;
}

#outputsChooseCategoryContainer, #outputsChooseStateContainer , #outputsChooseVoitureContainer, .outputsChooseFactContainer{
display: none;
padding: 10px;
position: absolute;
z-index: 9999999999;
top: 100px;
left: 0;
right: 0;
overflow: visible;
background: white;
/* background: url(../imagesRANDA/bg_1.png); */
/* padding: 50px; */
padding-bottom: 0px;
/* padding-top: 45px; */
/* padding-left: 1px; */
/* padding-right: 10px; */
border-radius: 0px;
margin-right: auto;
margin-left: auto;
width: 300px;
box-shadow: 2px 2px 10px #555;
background: #fafafa;
padding-right: 14px;
}

#outputsChooseCategoryContainer .outputsChooseBorder,#outputsChooseStateContainer .outputsChooseBorder,#outputsChooseVoitureContainer .outputsChooseBorder,.outputsChooseFactContainer .outputsChooseBorder {
  border: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 100%;
  float: left;
  margin-right: 15px;
  overflow: hidden;
  background: white;
}


#outputsChooseCategoryContainer label:first-child, #outputsChooseStateContainer label:first-child, #outputsChooseVoitureContainer label:first-child, .outputsChooseFactContainer label:first-child {
  background: #fafafa;
  color: #616161;
  font-size: 17px;
  font-weight: bold;
  display: block;
  text-align: center;
  /* margin-right: auto; */
  line-height: 1.5;
  vertical-align: middle;
  border: 1px solid #eee;
  border-left:none;
  border-right:none;
}

#outputsChooseCategoryContainer .btnWrapper,#outputsChooseStateContainer .btnWrapper,#outputsChooseVoitureContainer .btnWrapper,.outputsChooseFactContainer .btnWrapper {
margin-left: auto;
margin-right: auto;
display: table;
margin-bottom: 10px;
}

#outputsChooseCategoryContainer .submit:hover, #outputsChooseStateContainer .submit:hover, #outputsChooseVoitureContainer .submit:hover, .outputsChooseFactContainer .submit:hover {
background:#263238;
}
#outputsChooseCategoryContainer .submit, #outputsChooseStateContainer .submit, #outputsChooseVoitureContainer .submit, .outputsChooseFactContainer .submit {
float:left;
text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #757575!important;
    display: block;
    color: #fff;
    min-width: 80px;
    border: 1px solid #eee;
}

#outputsChooseCategoryContainer input[type="checkbox"],#outputsChooseStateContainer input[type="checkbox"],#outputsChooseVoitureContainer input[type="checkbox"],.outputsChooseFactContainer input[type="checkbox"] {
    opacity: 0;
	position: absolute;
	width: 90%;
	height: 25px;
	margin-top: -5px;
	padding-right: 380px;
	cursor: pointer;
	display: block;
}


#outputsChooseCategoryContainer label:not(first-child),#outputsChooseStateContainer label:not(first-child),#outputsChooseVoitureContainer label:not(first-child),.outputsChooseFactContainer label:not(first-child) {

	display: block;
	    white-space: nowrap;
}
#outputsChooseCategoryContainer input[type="checkbox"] + label span:first-child, #outputsChooseStateContainer input[type="checkbox"] + label span:first-child, #outputsChooseVoitureContainer input[type="checkbox"] + label span:first-child, .outputsChooseFactContainer input[type="checkbox"] + label span:first-child {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;

    background:url(../imagesRANDA/check_radio_sheet.png) left top no-repeat;
   
    cursor:pointer;
}
#outputsChooseCategoryContainer input[type="checkbox"] + label span:not(:first-child), #outputsChooseStateContainer input[type="checkbox"] + label span:not(:first-child), #outputsChooseVoitureContainer input[type="checkbox"] + label span:not(:first-child), .outputsChooseFactContainer input[type="checkbox"] + label span:not(:first-child) {
	margin-left: -3px;
	margin-right: 7px;
	  font-size: 12px;
}
#outputsChooseCategoryContainer input[type="checkbox"]:checked + label span:first-child, #outputsChooseStateContainer input[type="checkbox"]:checked + label span:first-child, #outputsChooseVoitureContainer input[type="checkbox"]:checked + label span:first-child, .outputsChooseFactContainer input[type="checkbox"]:checked + label span:first-child {
    background:url(../imagesRANDA/check_radio_sheet.png) -19px top no-repeat;
}

#outputsChooseCategoryContainer .listCategoryWrraper, #outputsChooseStateContainer .listStateWrraper, #outputsChooseVoitureContainer .listVoitureWrraper, .outputsChooseFactContainer .listFactWrraper {
display: table;
width: auto;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  max-height: 400px;
  display: block;
  position: relative;
}

#outputTrendsFilter .btnWrapper {
 display: table;
 margin-left: auto;
 margin-right: auto;
    margin-top: 10px; 
}

#outputTrendsFilter .submit:hover {
    background: #263238!important;
}
#outputTrendsFilter .submit {
text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #757575!important;
    display: block;
    color: #fff;
    min-width: 80px;
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    height: auto!important;
	float:left;
}

#outputTrendsFilter #removeVariableFacter {
position: absolute;
top: 0;
right: 3px;
cursor: pointer;
color: #404952;
font-size: 11px;
}

.outPutTrendsGraphsConainer  ul {
margin-left: -1px!important;
}
.outPutTrendsGraphsConainer {
    width: 100%!important;
  float: none!important;
  position: relative;
  overflow: visible!important;
}

.merchMissionBtn:hover {
background:#fafafa!important;
}
.merchMissionBtn {
text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    background-color: #fff !important;
    border-color: #e1e1e1 !important;
    color: #616161;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 5px;
    float: right;
    margin-top: 0;
}

#addMissionLightBox textarea {
resize: none;
height: 50px;
border: 1px solid #e0e0e0;
padding: 6px 8px;
color: #616161;
background: #fff;
box-shadow: none !important;
display: block;
width: 100%;
font-size: 13px;
line-height: 1.54;
border-radius: 1px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#wrapperDisplayPLanningSecondPlan {
display: none;
    position: absolute;
    z-index: 9999999999;
    top: 0;
    left: 0;
    right: 0;
    overflow: visible;
    background: #fafafa;
    padding: 50px;
    padding-bottom: 0px;
    padding-top: 45px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0px;
    margin-right: auto;
    margin-left: auto;
    max-width: 850px;
    width: calc(100% - 20px);
}

#wrapperDuplicatedImageDisplayPSecondPlan {
display: none;
    position: absolute;
    z-index: 9999999999;
    top: 15px;
    left: 0;
    right: 0;
    overflow: visible;
    background: #fafafa;
    padding: 50px;
    padding-bottom: 0px;
    padding-top: 45px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0px;
    margin-right: auto;
    margin-left: auto;
    width: calc(100% - 20px);
}

#wrapperDisplayPLanningSecondPlan #displayPlanningForm {
display: table;
margin-left: auto;
overflow: hidden;
margin-right: auto;

}

#wrapperDuplicatedImageDisplayPSecondPlan #duplicatedImagedisplayForm {
display: table;
margin-left: auto;
overflow: hidden;
margin-right: auto;

}

#wrapperDisplayPLanningSecondPlan #displayPlanningForm .line {
display: inline-block;
float: left;
margin-right: 30px;
}

#wrapperDuplicatedImageDisplayPSecondPlan #duplicatedImagedisplayForm .line {
display: inline-block;
float: left;
margin-right: 30px;
}

#wrapperDisplayPLanningSecondPlan #displayPlanningForm .label {
min-width: 35px;
display: inline-block;
font-size: 12px;
}

#wrapperDuplicatedImageDisplayPSecondPlan #duplicatedImagedisplayForm .label {
min-width: 35px;
display: inline-block;
font-size: 12px;
}

#wrapperDisplayPLanningSecondPlan #displayPlanningForm input[type="text"] {
    border: 1px solid #e0e0e0;
    padding: 6px 8px;
    height: 28px;
    color: #616161;
    background: #fff;
    box-shadow: none !important;
    color: #616161;
    width: 50px;
}

#wrapperDuplicatedImageDisplayPSecondPlan #duplicatedImagedisplayForm input[type="text"] {
    border: 1px solid #e0e0e0;
    padding: 6px 8px;
    height: 28px;
    color: #616161;
    background: #fff;
    box-shadow: none !important;
    color: #616161;
    width: 50px;
}

#wrapperDisplayPLanningSecondPlan #displayPlanningForm .submit {
    text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #757575!important;
    display: block;
    color: #fff;
    min-width: 60px;
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    height: auto!important;
    display: inline-block;
}

#wrapperDuplicatedImageDisplayPSecondPlan #duplicatedImagedisplayForm .submit {
    text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #757575!important;
    display: block;
    color: #fff;
    min-width: 60px;
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    height: auto!important;
    display: inline-block;
}

#wrapperDisplayPLanningSecondPlan .error {
color: red;
display: block!important
padding-top: 5px;
display: table;
font-size: 12px;
}

#wrapperDuplicatedImageDisplayPSecondPlan .error {
color: red;
display: block!important
padding-top: 5px;
display: table;
font-size: 12px;
}

#wrapperDisplayPlanningDetailsSecondPlan {
/* width: 1220px ; */
}

#wrapperDisplayPlanningDetailsSecondPlan .title {
color: #404952;
font-size: 17px;
/* font-weight: bold; */
display: block;
text-align: center;
/* margin-right: auto; */
line-height: 1.5;
margin-top: -20px;
margin-left: auto;
margin-right: auto;
line-height: 35px;
padding: 0 20px;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 3px;
text-shadow: 0 1px 1px rgba(0,0,0,0.4);
/* color: #eeeeee; */
font-weight: normal;
}

.visitedPosSpan {
background: green;
color: white;
}

.notVisitedPosSpan {
	background: #cc3333;
color: white;
}

.trendsSecondPlan {
display: none;
    position: absolute;
    z-index: 9999999999;
    top: 0;
    left: 0;
    right: 0;
    overflow: visible;
    max-width: 1220px!important;
    margin-right: auto;
    margin-left: auto;
    width: calc(100% - 20px)!important;
    overflow: visible!important;
}
.trendsSecondPlan ul {
margin-left: -1px!important;
}
#trendsSecondPlan #trendGraphsConainerSecondPLan{
padding: 0;
overflow: hidden;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
border: 1px solid #e6e6e6;
background: white;
width: 1200px;
margin-top: 0;
}

.outPutTrendsGraphsConainer #getModelName {

position: absolute;
      top: -45px;
    right: -1px;
       text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    background-color: #fff !important;
    border-color: #e1e1e1 !important;
    color: #616161;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#trendShooseReferenceContainer{
display: none;
padding: 10px;
position: absolute;
z-index: 9999999999;
top: 0px;
left: 0;
right: 0;
overflow: visible;
background: white;
/* background: url(../imagesRANDA/bg_1.png); */
/* padding: 50px; */
padding-bottom: 0px;
/* padding-top: 45px; */
/* padding-left: 1px; */
/* padding-right: 10px; */
border-radius: 0px;
margin-right: auto;
margin-left: auto;
box-shadow: 2px 2px 10px #555;
padding-left: 14px;
padding-right: 0px;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
max-width: 1100px;
background: #fafafa;
    margin-bottom: 20px;
}



#trendShooseReferenceContainer  label:first-child {
    background: #fafafa;
    color: #616161;
        font-size: 13px;
    padding: 5px;
    font-weight: bold;
    display: block;
    text-align: center;
    /* margin-right: auto; */
    line-height: 1.5;
    vertical-align: middle;
    border: 1px solid #eee;
    border-left: none;
    border-right: none;
}

#trendShooseReferenceContainer .listReferenceWrraper {
display: block;
width: auto;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
max-height: 400px;
min-height: 150px;
padding-left: 25px;
font-size: 14px;
position: relative;
}
#trendShooseReferenceContainer .listReferenceWrraper input[type="checkbox"] {
opacity: 0;
position: absolute;
width: 180px;
height: 25px;
margin-top: -5px;
padding-right: 380px;
cursor: pointer;
display: block; 
}

#trendShooseReferenceContainer .listReferenceWrraper label:not(first-child) {
display: block;
}

#trendShooseReferenceContainer input[type="checkbox"]:checked + label span:first-child {
background: url(../imagesRANDA/check_radio_sheet.png) -19px top no-repeat;
}

#trendShooseReferenceContainer input[type="checkbox"] + label span:first-child {
display: inline-block;
width: 19px;
height: 19px;
margin: -1px 4px 0 0;
vertical-align: middle;
background: url(../imagesRANDA/check_radio_sheet.png) left top no-repeat;
cursor: pointer;
}

#trendShooseReferenceContainer .trendsShooseReferenceSingleBlock {
border: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: calc(100% - 15px);
    float: left;
    margin-right: 15px;
    overflow: hidden;
    background: white;
}


#trendShooseReferenceContainer input[type="checkbox"] + label span:not(:first-child) {
    margin-left: -3px;
    margin-right: 7px;
    /* font-weight: bold; */
    font-size: 12px;
}

#trendShooseReferenceContainer #modelNameGoBtn{
    text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #757575!important;
    display: block;
    color: #fff;
    min-width: 80px;
    border: 1px solid #eee;
margin-left: auto;
margin-right: 3px;
margin-bottom: 10px;
margin-top: 15px;
display: block;
clear: both;
margin-left: auto;
margin-right: auto;

}

#outPutGraphsConainer #changeModelsName {
font-size: 11px;
color: #686868;
font-weight: bold;
display: inline-block;
margin: 2px 0;
line-height: 9px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding: 8px 13px 7px 13px;
border: 1px solid #d5d5d5;
box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
-moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
color: #ffffff;
border: 1px solid #4e4e4e;
background: #404952!important;
height: 26px;
cursor: pointer;
margin-left: auto;
margin-right: 3px;
margin-bottom: 10px;
margin-top: 15px;
position: absolute;
top: -46px;
right: -4px;
background: white!important;
color: #4e4e4e;
}

#lightBoxShooseRef {
display: none;
z-index: 9999999999;
opacity: 0.3;
width: 100%;
height: 100%;
background-color: black;
position: fixed;
top: 0;
left: 0;
}
#startPageLoadingContainer{
z-index: 99999999999999;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0,0,0, 0.3);
}
#startPageLoadingContainer #imgLoding {
background: url(../imagesRANDA/loading.gif);
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 100px;
height: 100px;
position: absolute;
top: 50%;
margin-top: -50px;

}

#outPutSalesFacters .variableFactersContainer input{
border-radius: 4px;
padding: 6px 4px;
border: 1px solid #ccc;
width: 90px;
font-size: 12px;
max-width: 70px;
height: 5px;
margin-right: 11px;
margin-left: 0px;
margin-top: 4px;

}
#outPutSalesFacters .variableFactersContainer label{
border-bottom: none;
font-size: 12px;
padding: 0 5px;
line-height: 25px;
text-align: center;
float: left;
padding-left: 0;
/* line-height: 0px; */
text-align: center;
font-size: 11px;
font-weight: bold;
/* text-shadow: 0 1px 1px rgba(0,0,0,0.4); */
    min-width: 70px;
}

#outPutSalesFacters .variableFactersContainer .categoryContainer i.addCat,.ligneConcurent .categoryContainer i.addCat {
cursor: pointer;
/* vertical-align: text-bottom; */
font-size: 12px;
margin-left: auto;
margin-right: auto;
/* float: right; */
display: table;
padding-top: 1px;
}
#outPutSalesFacters .variableFactersContainer .chaineContainer, #outPutSalesFacters .variableFactersContainer .stateContainer, #outPutSalesFacters .variableFactersContainer .voitureContainer, #outPutSalesFacters .variableFactersContainer .addRectangleContainer {
  background: white;
  border: 1px solid #ccc;
  min-width: 38px;
  max-width: 80px;
  min-height: 23px;
  float: left;
  margin-top: 4px;
  max-width: 140px;
  margin-right: 11px;
}

#outPutSalesFacters .variableFactersContainer .chaineContainer span,#outPutSalesFacters .variableFactersContainer .stateContainer span,#outPutSalesFacters .variableFactersContainer .voitureContainer span,#outPutSalesFacters .variableFactersContainer .addRectangleContainer span {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 7px;
  margin-top: 4px;
  border: 1px solid rgba(64, 73, 82, 0.5);
  padding: 2px;
  position: relative;
  /* float: left; */
  margin: 2px;
  font-family: cursive;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  display: block;
  margin-left: 4px;
  margin-right: 4px;
}
#outPutSalesFacters .variableFactersContainer .chaineContainer span i,#outPutSalesFacters .variableFactersContainer .stateContainer span i,#outPutSalesFacters .variableFactersContainer .chaineContainer span i,#outPutSalesFacters .variableFactersContainer .voitureContainer span i,#outPutSalesFacters .variableFactersContainer .addRectangleContainer span i {
  margin-left: 3px;
  margin-top: 2px;
  float: right;
  cursor: pointer;
}
#outPutSalesFacters .variableFactersContainer .chaineContainer i.addChaine,#outPutSalesFacters .variableFactersContainer .stateContainer i.addState,#outPutSalesFacters .variableFactersContainer .voitureContainer i.addVoiture,#outPutSalesFacters .variableFactersContainer .addRectangleContainer i.addItemBtn {
  cursor: pointer;
  /* vertical-align: text-bottom; */
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  /* float: right; */
  display: table;
  padding-top: 1px;
  /* color: #404952; */
}
#outPutSalesFacters .variableFactersContainer .categoryContainer,.ligneConcurent .categoryContainer {
background: white;
border: 1px solid #ccc;
min-width: 38px;
max-width: 80px;
min-height: 23px;
float: left;
margin-top: 4px;
margin-right: 11px;
}

#outPutSalesFacters .variableFactersContainer .ligne {
overflow: hidden;
display: inline-block;
float: left;
    margin-bottom: 10px;
}

#outPutSalesFacters .variableFactersContainer .categoryContainer span i {
margin-left: 3px;
margin-top: 2px;
float: right;
cursor: pointer;

}

#outPutSalesFacters .variableFactersContainer .categoryContainer span {
font-weight: 300;
text-transform: uppercase;
font-size: 9px;
margin-top: 4px;
border: 1px solid rgba(64, 73, 82, 0.5);
padding: 2px;
position: relative;
/* float: left; */
margin: 2px;
font-family: cursive;
-webkit-transition: all 0.3s ease !important;
-moz-transition: all 0.3s ease !important;
-ms-transition: all 0.3s ease !important;
-o-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
display: block;
margin-left: 4px;
margin-right: 4px;
}

#outPutSalesFacters .variableFactersContainer .posContainer i.addPos,#outPutSalesFacters .variableFactersContainer .prActivityContainer i.addPrAct,#outPutSalesFacters .variableFactersContainer .prProductContainer i.addPrProd,#outPutSalesFacters .variableFactersContainer .typeContainer i.addType {
cursor: pointer;
/* vertical-align: text-bottom; */
font-size: 12px;
margin-left: auto;
margin-right: auto;
/* float: right; */
display: table;
padding-top: 1px;
/* color: #404952; */

}
#outPutSalesFacters .variableFactersContainer .posContainer,#outPutSalesFacters .variableFactersContainer .prActivityContainer,#outPutSalesFacters .variableFactersContainer .prProductContainer,#outPutSalesFacters .variableFactersContainer .typeContainer {
background: white;
border: 1px solid #ccc;
min-width: 38px;
max-width: 80px;
min-height: 23px;
float: left;
margin-top: 4px;
max-width: 140px;
margin-right: 11px;
}

#outPutSalesFacters .variableFactersContainer .posContainer span i,#outPutSalesFacters .variableFactersContainer .prActivityContainer span i,#outPutSalesFacters .variableFactersContainer .prProductContainer span i,#outPutSalesFacters .variableFactersContainer .typeContainer span i {
margin-left: 3px;
margin-top: 2px;
float: right;
cursor: pointer;

}

#outPutSalesFacters .variableFactersContainer .posContainer span,#outPutSalesFacters .variableFactersContainer .prActivityContainer span,#outPutSalesFacters .variableFactersContainer .prProductContainer span,#outPutSalesFacters .variableFactersContainer .typeContainer span {
font-weight: 300;
text-transform: uppercase;
font-size: 7px;
margin-top: 4px;
border: 1px solid rgba(64, 73, 82, 0.5);
padding: 2px;
position: relative;
/* float: left; */
margin: 2px;
font-family: cursive;
-webkit-transition: all 0.3s ease !important;
-moz-transition: all 0.3s ease !important;
-ms-transition: all 0.3s ease !important;
-o-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
display: block;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 8px;
}
#outPutSalesFacters .variableFactersContainer {
  padding: 10px 20px;
  /* margin-bottom: 8px; */
  width: auto;
  overflow: hidden;
  position: relative;
  float: left;
  padding-left: 12px;
  /* margin-top: 10px; */
    padding-right: 3px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
    background-color: #fff !important;
    border-color: #e1e1e1 !important;
	border:1px solid;
    color: #616161;
	border-radius:1px;
	    display: flex;
    flex-flow: row wrap;
	margin-bottom:15px;
}

.selectChaineContainerLightBox {
  border-radius: 0;
  max-width: 700px;
  border: none;
  /* box-shadow: none; */
  /* background-size: 100% 100%; */
  overflow: auto;
     position: absolute;
    z-index: 9999999999;
    top: 10px;
    left: 0;
    right: 0;
    overflow: visible;
    background: #fafafa;
    border: 1px solid #eee;
    padding: 50px;
    padding-bottom: 0px;
    padding-top: 45px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 0px;
    margin-right: auto;
    margin-left: auto;
    width: calc(100% - 20px);
}

.merchSetKilomettrageBtn {
text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    background-color: #fff !important;
    border-color: #e1e1e1 !important;
    color: #616161;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 5px;
    float: right;
    margin-top: 0;
}
.merchSendNoteBtn {
text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    background-color: #fff !important;
    border-color: #e1e1e1 !important;
    color: #616161;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 5px;
    float: right;
    margin-top: 0;
}
.merchGtmVoitureContainer {
clear:both;
}
#setKilomettrageContainer #add{
  text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #757575!important;
    display: block;
    color: #fff;
    min-width: 60px;
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    height: auto!important;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;

}
#setKilomettrageContainer input[type="text"] {
    border: 1px solid #e0e0e0;
    padding: 6px 8px;
    height: 28px;
    color: #616161;
    background: #fff;
    box-shadow: none !important;
    color: #616161;
    width: 100px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
#setKilomettrageContainer label{
  color: #404952;
    color: inherit;
  font-size: 15px;
  font-weight: bold;
  display: block;
  text-align: center;
  /* margin-right: auto; */
  line-height: 1.5;
  vertical-align: middle;
}
#setKilomettrageContainer {
display: none;
padding: 10px;
  position: absolute;
  z-index: 9999999999;
  top: 50%;
  margin-top: -81px;
  left: 0;
  right: 0;
  overflow: visible;
  background: white;
  /* background: url(../imagesRANDA/bg_1.png); */
  /* padding: 50px; */
  padding-bottom: 0px;
  /* padding-top: 45px; */
  /* padding-left: 1px; */
  /* padding-right: 10px; */
  border-radius: 0px;
  margin-right: auto;
  margin-left: auto;
  width: 250px;
  box-shadow: 2px 2px 10px #555;
}

.merchGtmVoitureContainer #dataTableVoiture{
  /* width: 1000px!important;
  border-bottom: 2px solid #ddd; */
}
.merchGtmVoitureContainer div:first-child{
 /*  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -8px;
  width: 1000px; */
      overflow: hidden;
    margin-bottom: -15px;
}
.merchGtmVoitureContainer #merchSendNoteContainer #send {
 text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #757575!important;
    display: block;
    color: #fff;
    min-width: 60px;
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    height: auto!important;
  margin-top: 20px;

  margin-bottom: 8px;

}
.merchGtmVoitureContainer #merchSendNoteContainer textarea {
  resize: none;
  width: 220px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 11px;
  display: block;
  height: 50px;
}
.merchGtmVoitureContainer #merchSendNoteContainer label {
  color: inherit;
  font-size: 17px;
  font-weight: bold;
  display: block;
  text-align: center;
  /* margin-right: auto; */
  line-height: 1.5;
  vertical-align: middle;
    color: inherit;
}
.merchGtmVoitureContainer #merchSendNoteContainer{
	display: none;
  padding: 10px;
  position: absolute;
  z-index: 9999999999;
  top: 50%;
  margin-top: -81px;
  left: 0;
  right: 0;
  overflow: visible;
  background: white;
  /* background: url(../imagesRANDA/bg_1.png); */
  /* padding: 50px; */
  padding-bottom: 0px;
  /* padding-top: 45px; */
  /* padding-left: 1px; */
  /* padding-right: 10px; */
  border-radius: 0px;
  margin-right: auto;
  margin-left: auto;
  width: 250px;
  box-shadow: 2px 2px 10px #555;
}

.adminSetKilomettrageBtn {
  font-size: 11px;
  color: #686868;
  font-weight: bold;
  display: block;
  margin: 2px 0;
  line-height: 5px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 8px 13px 7px 13px;
  border: 1px solid #d5d5d5;
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
  -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
  -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
  color: #ffffff;
  border: 1px solid #4e4e4e;
  background: #404952!important;
  height: 24px;
  cursor: pointer;
  margin-right: auto;
  margin-left: auto;
}

#adminVoitureContainer {
  display: table;
  margin-left: auto;
  margin-right: auto;
    margin-top: 30px;
	    clear: both;
}

#adminVoitureContainer .go{
clear: both;
}

#voitureTrendKiloCHartContainer {
	display: none;
padding: 0;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  border: 1px solid #e6e6e6;
  background: white;
  /* width: 1200px; */
  margin-top: 0;
}

.canvasFloatLeft {
	  overflow: hidden;
}

.canvasFloatLeft {
float: left!important;
  margin-left: 20px!important;
}
.addBody #imagesZone hr {
border-top: 1px solid rgba(0,0,0,0.14);
  content: '';
  height: 0;
  /* position: absolute; */
  right: 0;
  /* bottom: 0; */
  margin-top: 41px;
  width: 500px;

}

.addBody #imagesZone h3 {
  margin-left: auto;
  margin-right: auto;
  /* line-height: 35px; */
  /* padding: 0 20px; */
  text-transform: uppercase;
  /* font-size: 14px; */
  letter-spacing: 3px; 
  /* text-shadow: 0 1px 1px rgba(0,0,0,0.4); */
  /* color: #404952; */
  font-weight: normal;
  text-align: center;
  /* margin-bottom: -15px; */
}

.addBody #imagesZone .addImageFieldIcone { 
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    font-size: 13px;
    line-height: 35px;
    /* padding: 0 20px; */
    text-transform: uppercase;
    /* font-size: 14px; */
    letter-spacing: 3px;
    /* text-shadow: 0 1px 1px rgba(0,0,0,0.4); */
    color: #404952;
    font-weight: normal;
    text-align: center;
    border: solid 1px rgba(0,0,0,0.4);
    cursor: pointer;
    padding-left: 7px;
}
.addBody #imagesZone .canvasGlobalContainer:not(.displayImage) #removeImg { 
  display: inline-block!important;
}

.galleryContainer {
display: none;
position: absolute;
  z-index: 9999999999;
  top: 40px;
  left: 0;
  right: 0;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}


.galleryContainer .thumbnailsContainer ul li.selected a {
  border-color: #fff;
  opacity: 1.0;
  border-width: 2px;
}
.galleryContainer .thumbnailsContainer ul li a img {
  display: block;
  border: none;
  max-height: 100%;
  max-width: 100%;
  width: 69px;
  height: 69px;
    object-fit: cover;
      background: #000 url(../imagesRANDA/ajax-loader2.gif) no-repeat center center;
}
.galleryContainer .thumbnailsContainer ul li a {
  display: block;
  border-style: solid;
  border-color: #222;
  opacity: 0.8;
  -webkit-touch-callout: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.galleryContainer .thumbnailsContainer ul li {
	height: 100%;
  float: left;
  display: block;
    margin-right: 3px;
  width: 69px;
  height: 69px;
}
.galleryContainer .thumbnailsContainer ul {
	list-style: none;
	width: 3898px;
  display: block;
  margin-left: 0px;
  overflow: hidden;
  height: 73px;
  padding: 0;
}
.galleryContainer .thumbnailsContainer{
  overflow: hidden;
  overflow: hidden;
  background: #000;
  background: #101010;

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9);
  position: relative;
  margin-bottom: 20px;
}

.galleryContainer .thumbnailsContainer .es-nav span {
  position: absolute;
  top: 50%;
  left: 8px;
  background: transparent url(../imagesRANDA/nav_thumbs.png) no-repeat top left;
  width: 14px;
  height: 26px;
  margin-top: -13px;
  text-indent: -9000px;
  cursor: pointer;
  opacity: 0.8;
}

.galleryContainer .thumbnailsContainer .es-nav span {
  position: absolute;
  top: 50%;
  left: 8px;
  background: transparent url(../imagesRANDA/nav_thumbs.png) no-repeat top left;
  width: 14px;
  height: 26px;
  margin-top: -13px;
  text-indent: -9000px;
  cursor: pointer;
  opacity: 0.8;
    z-index: 9;
}

.galleryContainer .thumbnailsContainer .es-nav span.es-nav-next {
  right: 8px;
  left: auto;
  background-position: top right;
}

.galleryContainer .thumbnailsContainer .es-nav span:hover {
  opacity: 1.0;
}

.galleryContainer .image-wrapper {
	  position: relative;
  padding: 20px 30px;
  background: transparent url(../imagesRANDA/black.png) repeat top left;
    background: black;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  min-height: 20px;
    margin-bottom: 10px;
}
.galleryContainer .image-wrapper .image-nav a {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #000 url(../imagesRANDA/nav.png) no-repeat -20% 50%;
  width: 28px;
  height: 100%;
  text-indent: -9000px;
  cursor: pointer;
  opacity: 0.3;
  outline: none;
  -moz-border-radius: 10px 0px 0px 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
}
.galleryContainer .image-wrapper .image-nav a.image-nav-next {
  right: 0px;
  left: auto;
  background-position: 115% 50%;
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
  border-radius: 0px 10px 10px 0px;
}
.galleryContainer .image-wrapper .image img {
  max-height: 100%!important;
  max-width: 100%!important;
  border: 0;
  background: #000 url(../imagesRANDA/ajax-loader2.gif) no-repeat center center;
}
.galleryContainer .image-wrapper .image {
  position: relative;
  text-align: center;
  line-height: 0px;
    /*width: 55%;*/
    /* height: 476px; */
  margin-left: auto;
  margin-right: auto;
}
.galleryContainer .image-wrapper .image-nav a:hover {
  opacity: 0.8;
}
.galleryContainer .es-carousel {
  overflow: hidden;
  background: #000;
margin-right: 31px;
margin-left: 31px;
    overflow: hidden;
}

.variableFactersPriceCompareContainer {
/* float: none!important;
clear: both!important;
margin-left: auto!important;
margin-right: auto!important;
 margin-top: 10px!important; */
}

#outPutSalesFacters .forToPriceCompareContainer {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.displayedTableCentred {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.weekYearContainer {
  padding: 10px 20px;
  width: auto;
  float: left;
  position: relative;
  margin-right: 20px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  /* margin-right: 30px; */
  box-shadow: 2px 2px 10px #555;
  padding-right: 3px;
  background: rgba(255, 255, 255, 0.9);
}

.weekYearContainer label {
  min-width: 35px;
  display: inline-block;
  font-size: 12px;
  line-height: 0px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}
.weekYearContainer input {
  border-radius: 4px;
  padding: 6px 4px;
  border: 1px solid #ccc;
  width: 90px;
  font-size: 12px;
  max-width: 40px;
  height: 5px;
  margin-right: 11px;
}

.weekYearContainer input#concurent {
	  max-width: 65px;
 }
#priceMappingFacters{
	  margin-bottom: 20px;
  overflow-x: hidden;
  overflow-y: hidden;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

#priceMappingFacters input[type=submit] {
	margin-top: 0px!important;
}
table .inputInsideTd {
width : 50px;
padding-left:4px;
padding-right:4px;
}
table  tr.blueText{
color: blue;
}
table  tr .redText{
color: red;
font-weight:bold;
}


.containerLightBox.addContainer .addHeader { 
    background: #fafafa!important;
    color: #616161!important;
}
.containerLightBox.addContainer .addFooter { 
    background: #fafafa!important;
    color: #616161!important;
}

.addContainer:not(.containerLightBox) {
	      clear: both;
    position: relative;
	    box-shadow: none;
	}

.addContainer:not(.containerLightBox) .addBody .submit,.addContainer:not(.containerLightBox) .addBody .returnBtn {
	    float: right;
    margin-top: 25px;
    margin-right: 22px;
}
.addContainer:not(.containerLightBox) .addBody .returnBtn {
margin-right:1px;
}

#setReposDayContainer {
display: none;
  padding: 10px;
  position: fixed;
  z-index: 9999999999;
  top: 50%;
  margin-top: -81px;
  left: 0;
  right: 0;
  overflow: visible;
  background: white;
  /* background: url(../imagesRANDA/bg_1.png); */
  /* padding: 50px; */
  padding-bottom: 0px;
  /* padding-top: 45px; */
  /* padding-left: 1px; */
  /* padding-right: 10px; */
  border-radius: 0px;
  margin-right: auto;
  margin-left: auto;
  width: 250px;
  box-shadow: 2px 2px 10px #555;
}

#setReposDayContainer label {
  color: inherit;
  font-size: 15px;
  font-weight: bold;
  display: block;
  text-align: center;
  /* margin-right: auto; */
  line-height: 1.5;
  vertical-align: middle;
}

#setReposDayContainer select {
  padding: 4px 4px;
  border: 1px solid #404952;
  width: 130px;
  font-size: 12px;

  text-align: center;
  margin-left: 0px;
  display: inline;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

#setReposDayContainer #submitReposDay {
  text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #757575!important;
    display: block;
    color: #fff;
    min-width: 60px;
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    height: auto!important;
  margin-top: 20px;
  margin-bottom: 8px;
}

.employeeFirstPlanBtnWraper {
	display: table;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	float:right;
	margin-bottom:10px;
}


.actionFirstPlanBtnWraper {
	display: table;
	margin-right: auto;
	margin-left: auto;
}

#advanceManagerBtn:hover,#devisManagerBtn:hover {
background:#fafafa!important;
}
#advanceManagerBtn,#devisManagerBtn {
     text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
	    background-color: #fff !important;
		border-color: #e1e1e1 !important;
		    color: #616161;
			margin-top:10px;
			display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  table tbody tr.group td {
    font-weight: bold;
  	color: #ab0032;
  }

  .dataTableAction {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.btnTd4 .chargeBtn {
    opacity: 0.4;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  border: none;
  display: inline-block;
  margin-left: 8px;
  font-size: 18px;
  vertical-align: top;
}

.btnTd4 .factureBtn {
    opacity: 0.4;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  border: none;
  display: inline-block;
  margin-right: 4px;
  margin-left: 3px;
  font-size: 16.5px;
  vertical-align: top;
}
table .btnTd4{
	  text-align: center;
  min-width: 75px;
}

#tableDevisLigne thead th {
  /*background: #ab0032;
  color: white;*/
   padding: 2px 18px;
     background: #f3f3f3;
  color: #404952;
  border: 1px solid #404952;
}

#tableDevisLigne .invisibleCell {
  background: transparent;
  padding: 0;
  padding-left: 5px;
  border: none;
}


#tableDevisLigne tbody td input {
  width: 150px;
}

#tableDevisLigne td .delBtnDevisLigne {
  background-image: url('../imagesRANDA/refuse.png');
  opacity: 0.4;
  height: 16px;
  width: 16px;
  content: "";
  display: block;
  right: -18px;
  bottom: 8px;
  cursor: pointer;
  display: block;
}
#tableDevisLigne th .addBtnDevisLigne {
  background-image: url('../imagesRANDA/add.png');
  background-color: black;
  /* border: none; */
  opacity: 0.5;
  height: 16px;
  width: 16px;
  /* content: ""; */
  display: block;
  /* right: -18px; */
  /* position: absolute; */
  /* bottom: 8px; */
  cursor: pointer;
  display: block;
}

#tableDevisLigne{
  margin-right: auto;
  margin-left: auto;
  width: 556px;
  position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  #wrapperChargeSecondPlan .progress-stats {
  margin-bottom: 10px;
  /* border: 1px solid #ddd; */
  padding: 15px;
  /* background: white; */
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  /* border: 1px solid black; */
  /* border-bottom: none; */
  /* background-color: #ddd; */
  position: absolute;
  top: -76px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  right: 0;
  left: 0;
  background: url(../imagesRANDA/bg_1.png);
    border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

  #wrapperChargeSecondPlan .progress-stats h6 {
  margin: 0;
  font-size: 12px;
  margin-bottom: 11px;
  margin-top: -7px;
    text-align: center;
}

 #wrapperChargeSecondPlan .progress-stats .title span{
 	  margin-left: auto;
  margin-right: auto;
  display: block;
    text-align: center;
  font-size: 11px;

 }
 #wrapperChargeSecondPlan .progress-stats .title {
  display: block;
  margin-bottom: 4px;
}

 #wrapperChargeSecondPlan  .progressTotal {
  background-color: white;
  /* border-radius: 12px; */
  height: 10px;
  overflow: hidden;
  border: 1px solid black;
}

#wrapperChargeSecondPlan .progress.green {
  /* background-color: #AEE113; */
  background-color: green;
  /* border-radius: 12px; */
  height: 10px;
}

#wrapperChargeSecondPlan .progress.red {
  background-color: #cc3333;
  /* border-radius: 12px; */
  height: 10px;
}

#wrapperChargeSecondPlan .progress.blue {
  background-color: orange;
  /* border-radius: 12px; */
  height: 10px;
}


.addContainer #google-maps-canvas{
    min-height: 280px;
    max-width: 417px;
    width: calc(100% - 20px);
    margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #000;
    margin-top: 25px;
}



 td .markerBtn {
  width: 16px;
  height: 16px;
  opacity: 0.4;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  border: none;
  display: inline;
  font-size: 22px;
  vertical-align: 3px;
}

.posFirstPlanBtnWraper {
    display: table;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    float: right;
    margin-bottom: 10px;
}

.posFirstPlanBtnWraper #posMapBtn:hover {
    background: #fafafa!important;
}
.posFirstPlanBtnWraper #posMapBtn {
    text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    background-color: #fff !important;
    border-color: #e1e1e1 !important;
    color: #616161;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#allPosMapContainerSecondePlan {
  display: none;
  position: absolute;
  z-index: 9999999999;
  top: 45px;
  left: 0;
  right: 0;
  overflow: visible;
  padding: 0;
  border-radius: 0px;
  margin-right: auto;
  margin-left: auto;
      width: calc(100% - 20px);
    min-height: 600px;
	box-shadow: 2px 2px 10px #555;

}

#outputAllPosMapContainerSecondePlan {
  display: none;
  position: absolute;
  z-index: 9999999999;
  top: 45px;
  left: 0;
  right: 0;
  overflow: visible;
  padding: 0;
  border-radius: 0px;
  margin-right: auto;
  margin-left: auto;
      max-width: 1200px;
    width: calc(100% - 20px);
  height: 600px;
  border: 1px solid #e1e1e1;
  box-shadow: 2px 2px 10px #555;
}

/*.labels {
   color: red;
   background-color: white;
   font-family: "Lucida Grande", "Arial", sans-serif;
   font-size: 10px;
   font-weight: bold;
   text-align: center;
   width: 60px;     
   border: 2px solid black;
   white-space: nowrap;
 }*/

 .map-marker-label-red{
    /* position: absolute;*/
    color: rgb(247, 92, 80);
    font-size: 11px;
    font-weight: bold;
    }

 .map-marker-label-blue{
    /* position: absolute;*/
    color: #002fb6;
    font-size: 11px;
    font-weight: bold;
    }

  .map-marker-label-orange{
    /* position: absolute;*/
    color: orange;
    font-size: 11px;
    font-weight: bold;
    }

 #outPutSalesFacters .variableFactersContainer  input {
  border-radius: 0!important;
  padding: 6px 3px;
  border: 1px solid #ccc;
  font-size: 11px;
  max-width: 38px;
  height: 23px;
  margin-right: 11px;
}

#outPutSalesFacters .variableFactersContainer input#concurent {
  max-width: 65px;
}

#dynamicMsFacters {
  margin-bottom: 20px;
  overflow-x: hidden;
  overflow-y: hidden;
  display: table;
  padding-left: 10px;
  margin-left: auto;
  margin-right: auto;
}

#dynamicMsFacters input[type=submit] {
  margin-top: 10px!important;
      clear: both;
}

.dynamicMsSecondPlan {
  display: none;
  position: absolute;
  z-index: 9999999999;
  top: 60px;
  left: 0;
  right: 0;
  overflow: visible;
  /* background: url(../imagesRANDA/bg_1.png); */
  /* padding: 50px; */
  /* padding-bottom: 0px; */
  /* padding-top: 45px; */
  /* padding-left: 1px; */
  /* padding-right: 1px; */
  width: 1220px!important;
  margin-right: auto;
  margin-left: auto;
  /* width: 1220px; */
  overflow: visible!important;
}

.dynamicMsSecondPlan .moreInfoContainer table tr td:first-child {
	  padding-right: 10px;
	  font-weight: bold;
}
.dynamicMsSecondPlan .moreInfoContainer table tr.concurentBrandTd {
	color:#10218B;
}

.dynamicMsSecondPlan .moreInfoContainer table tr.mainBrandTd {
	color:#ab0022;
}
.dynamicMsSecondPlan .moreInfoContainer table tr td {

  padding-bottom: 3px;
}
.dynamicMsSecondPlan .moreInfoContainer table {
display: block;
  font-family: lg-smart-bold;
  font-size: 13px;
  margin-bottom: 2px;

}
.dynamicMsSecondPlan .moreInfoContainer {
	background-color: #fff;
	position: absolute;
	min-width: 10px;
	min-height: 50px;
	overflow: hidden;
	opacity: 0;
	border: 1px solid #444;
	box-shadow: 2px 2px 10px #555;
	padding: 7px;
	/*transform:translate(30px, 45px);*/
}

.dynamicMsSecondPlan .tableContainerOutputDynamicMs{
margin-left: 0;
margin-right: 0;
}

.dynamicMsSecondPlan .dynamicMsContainerGroupBtnWrapper{
	position: absolute;
	display: table;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	margin-left: 50%;
	transform: translate(-50%,0);
	top:-40px;
}

.dynamicMsSecondPlan .dynamicMsContainerGroupBtnWrapper .tableBtn.selected,.dynamicMsSecondPlan .dynamicMsContainerGroupBtnWrapper .tableBtn:hover,.dynamicMsSecondPlan .dynamicMsContainerGroupBtnWrapper .chartBtn.selected,.dynamicMsSecondPlan .dynamicMsContainerGroupBtnWrapper .chartBtn:hover {
	  color: #ab0032;
}
.dynamicMsSecondPlan .dynamicMsContainerGroupBtnWrapper .tableBtn {
	  color: white;
  font-size: 28px;

  cursor: pointer;
}
.dynamicMsSecondPlan .dynamicMsContainerGroupBtnWrapper .chartBtn  {
	  color: white;
	    margin-right: 10px;
  font-size: 28px;
  cursor: pointer;
}

#dynamicMsContainer .dynamicMsContainerTable{
	display: none;
	  padding: 10px;
  background-color: white;
  padding-bottom: 1px;
  padding-top: 20px;
}


#allPosMapContainerSecondePlan .moreInfoContainer .imagePosConainer img.imgToLoad{
	position: absolute;
	width: 25px;
	height: 25px;
	top:50%;
	left:50%;
	margin-top: -12.5px;
	margin-left: -12.5px;
}

#allPosMapContainerSecondePlan .moreInfoContainer .imagePosConainer img.imgLoaded{
	display: none;
	width: 250px;
	height: 187.5px;
	object-fit: cover;

}

#allPosMapContainerSecondePlan .moreInfoContainer span.posAdress{
	  font-size: 12px;
  font-family: monospace;
  padding: 2px;
}
#allPosMapContainerSecondePlan .moreInfoContainer span.posName{
	text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: bold;
  /* text-shadow: 0 1px 1px rgba(0,0,0,0.4); */
  /* text-shadow: 0 1px 1px #000; */
  color: #ab0032;
  font-weight: normal;
  display: block;
  text-align: center;
  /* font-family: 'RobotoLight', 'Helvetica Neue', Helvetica, sans-serif; */
  /* font-family: tahoma; */
  color: #000;
  font-family: monospace;
}
#allPosMapContainerSecondePlan .moreInfoContainer .imagePosConainer{
	position: relative;
	border: 1px solid black;
	background: #F2F2F2;
	width: 250px;
	height: 187.5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
	margin-top: 10px;
}
#allPosMapContainerSecondePlan .moreInfoContainer {
	background-color: #fff;
	display: none;
	position: absolute;
	width: 255px;
	min-height: 50px;
	overflow: hidden;
	opacity: 0.9;
	border: 1px solid #444;
	box-shadow: 2px 2px 10px #555;
	padding: 5px;
	z-index: 9;
	cursor: none;
	/*transform:translate(30px, 45px);*/
}


#allPosMapContainerSecondePlan .moreInfoContainer #moreInfoContainerGraphContainer {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}
#allPosMapContainerSecondePlan .moreInfoContainer .msLib{
		text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: bold;
  /* text-shadow: 0 1px 1px rgba(0,0,0,0.4); */
  /* text-shadow: 0 1px 1px #000; */
  color: #ab0032;
  font-weight: normal;
  display: block;
  text-align: center;
  /* font-family: 'RobotoLight', 'Helvetica Neue', Helvetica, sans-serif; */
  /* font-family: tahoma; */
  color: #000;
  font-family: monospace;
}

#allPosMapContainerSecondePlan .allPosMapFacterContainer {
	position: absolute;
}

#allPosMapContainerSecondePlan #allPosMapCanvas {
	height: 100%;
	min-height:600px;
}



#outputAllPosMapContainerSecondePlan .moreInfoContainer .imagePosConainer img.imgToLoad{
	position: absolute;
	width: 25px;
	height: 25px;
	top:50%;
	left:50%;
	margin-top: -12.5px;
	margin-left: -12.5px;
}

#outputAllPosMapContainerSecondePlan .moreInfoContainer .imagePosConainer img.imgLoaded{
	display: none;
	width: 300px;
	height: 187.5px;
	object-fit: cover;

}

#outputAllPosMapContainerSecondePlan .moreInfoContainer span.posAdress{
	  font-size: 12px;
  font-family: monospace;
  padding: 2px;
}
#outputAllPosMapContainerSecondePlan .moreInfoContainer span.posName{
	text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: bold;
  /* text-shadow: 0 1px 1px rgba(0,0,0,0.4); */
  /* text-shadow: 0 1px 1px #000; */
  color: #ab0032;
  font-weight: normal;
  display: block;
  text-align: center;
  /* font-family: 'RobotoLight', 'Helvetica Neue', Helvetica, sans-serif; */
  /* font-family: tahoma; */
  color: #000;
  font-family: monospace;
}
#outputAllPosMapContainerSecondePlan .moreInfoContainer .imagePosConainer{
	position: relative;
	border: 1px solid black;
	background: #F2F2F2;
	width: 300px;
	height: 187.5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
	margin-top: 10px;
}
#outputAllPosMapContainerSecondePlan .moreInfoContainer {
	background-color: #fff;
	position: absolute;
	width: 305px;
	min-height: 50px;
	overflow: hidden;
	opacity: 0.9;
	border: 1px solid #444;
	box-shadow: 2px 2px 10px #555;
	padding: 5px;
	z-index: 999999999;
	display: none;
	/*cursor: none;*/
	/*transform:translate(30px, 45px);*/
}



#outputAllPosMapContainerSecondePlan .moreInfoContainer #graphSelector{
	text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: bold;
  /* text-shadow: 0 1px 1px rgba(0,0,0,0.4); */
  /* text-shadow: 0 1px 1px #000; */
  color: #ab0032;
  font-weight: normal;
  display: block;
  text-align: center;
  /* font-family: 'RobotoLight', 'Helvetica Neue', Helvetica, sans-serif; */
  /* font-family: tahoma; */
  color: #000;
  font-family: monospace;
  display: block;
  margin-left: auto;
  margin-right: auto;
}



#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchInputSuggestionContainer ul,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchStateInputSuggestionContainer ul,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchDelegationInputSuggestionContainer ul,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchAreaInputSuggestionContainer ul,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchRepresentantInputSuggestionContainer ul{
	margin: 0;
  padding: 2px;
  max-height: 400px;
  overflow: auto;
}

#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchInputSuggestionContainer li:hover,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchStateInputSuggestionContainer li:hover,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchDelegationInputSuggestionContainer li:hover,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchAreaInputSuggestionContainer li:hover,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchRepresentantInputSuggestionContainer li:hover{
	background-color: #f5f5f5; 
}
#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchInputSuggestionContainer li label input,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchStateInputSuggestionContainer li label input,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchDelegationInputSuggestionContainer li label input,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchAreaInputSuggestionContainer li label input,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchRepresentantInputSuggestionContainer li label input{
    vertical-align: sub;
}
#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchInputSuggestionContainer li label,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchStateInputSuggestionContainer li label,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchDelegationInputSuggestionContainer li label,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchAreaInputSuggestionContainer li label,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchRepresentantInputSuggestionContainer li label{
display:block;
cursor:pointer;
color:#A9A9A9;
font-size:11px;

-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchInputSuggestionContainer li,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchStateInputSuggestionContainer li,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchDelegationInputSuggestionContainer li,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchAreaInputSuggestionContainer li,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchRepresentantInputSuggestionContainer li{
    list-style: none;
    padding: 0;
    cursor: pointer;
    /*color: #525252;*/
    color:#A9A9A9;
	font-size:11px;
    padding: 2px;
    margin-top: 5px;
    margin-right: 5px;
    width: 32%;
    float: left;
    white-space: nowrap;
	overflow: hidden;
}

#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchInputSuggestionContainer li{
width:100%;
}
#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchInputSuggestionContainer li i,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchStateInputSuggestionContainer li i,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchDelegationInputSuggestionContainer li i,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchAreaInputSuggestionContainer li i,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchRepresentantInputSuggestionContainer li i{
padding-right: 2px;
}
#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchInputSuggestionContainer,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchStateInputSuggestionContainer,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchDelegationInputSuggestionContainer,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchAreaInputSuggestionContainer,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchRepresentantInputSuggestionContainer{
position: absolute;
    width: 400px;
    z-index: 9;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.5);
	
    /*border-top: none;*/
    margin: 0;
    padding: 0;
    margin-top: 10px;
    left: 0%;
    margin-left: 0px;
  display:none;
}
#outputAllPosMapContainerSecondePlan  .countLabelContainer{
	position: absolute;
    top: -30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    /* left: 0; */
    left: 0;
    display: table;
    font-size: 11px;
    padding: 4px;
    border: 1px solid #e1e1e1;
    color: #A9A9A9;
    box-shadow: 2px 2px 10px #555;
    background: white;
}
#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchInputContainer,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchStateInputContainer,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchDelegationInputContainer,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchAreaInputContainer,#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .outputPosMapSearchRepresentantInputContainer{
	position: relative;
  display: table;
  margin-left: auto;
  margin-right: auto;
  float:left;
      margin-right: 5px;
}

#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer .searchIcone{
  margin-top: -18px;
  /* padding-left: 146px; */
  /* margin-left: 0; */
  /* margin-left: auto; */
  /* margin-right: auto; */
  display: table;
  color: #A9A9A9;
  right: 4px;
  position: absolute;
  font-size: 14px;
}
#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer input[type="text"]{
  display: table;
  margin-left: auto;
  margin-right: auto;
  width: 185px;
  min-height: 26px;
  font-size: 11px;
  padding: 4px;
  border: 1px solid #e1e1e1;
  color: #A9A9A9;
  box-shadow: 2px 2px 10px #555;
      padding-right: 18px;
}
#outputAllPosMapContainerSecondePlan .allPosMapFacterContainer {
position: absolute;
    top: -30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    /* left: 0; */
    right: 0;
    display: table;
}

#outputAllPosMapContainerSecondePlan .infoContainerClose {
  background: url('../imagesDNGRPKH/close.png') no-repeat;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  background-size: 100%;
  cursor: pointer;
 }
#outputAllPosMapContainerSecondePlan #allPosMapCanvas {
	height: 100%;
}

/*#allPosMapContainerSecondePlan .moreInfoContainer #moreInfoContainerGraphContainer {
  width: 250px;
  margin-left: auto;
  margin-right: auto;
}*/

#outputAllPosMapContainerSecondePlan .moreInfoContainer .moreInfoContainerGraphContainer {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#outputAllPosMapContainerSecondePlan .moreInfoContainer .moreInfoContainerGraphContainer#graphLoad {
	position: relative;
	height: 250px;
}
#outputAllPosMapContainerSecondePlan .moreInfoContainer .moreInfoContainerGraphContainer .imgToLoad {
	position: absolute;
	width: 25px;
	height: 25px;
	top:40%;
	left:50%;
	margin-top: -12.5px;
	margin-left: -12.5px;
}

#dataTableChargesFixes .btnTd4 .chargeBtn {
	margin-right: 4px;
}

#wrapperChargesFixesDetailsSecondPlan{
    display: none;
    position: absolute;
    z-index: 9999999999;
    top: 85px;
    left: 0;
    right: 0;
    overflow: visible;
    /*background: url(../imagesRANDA/bg_1.png);*/
    background: white;
    padding: 50px;
    padding-bottom: 0px;
    padding-top: 45px;
    padding-left: 1px;
    padding-right: 10px;
    border-radius: 0px;
    margin-right: auto;
    margin-left: auto;
    width: 600px;
}

#wrapperChargesFixesDetailsSecondPlan .title:first-child {
    color: #ab0032;
    font-size: 17px;
    /* font-weight: bold; */
    display: block;
    text-align: center;
    /* margin-right: auto; */
    line-height: 1.5;
    margin-top: -30px;
    margin-left: auto;
    margin-right: auto;
    line-height: 35px;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 3px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    /* color: #eeeeee; */
    text-shadow: 0 1px 1px #ab0032;
    font-weight: normal;
}

#tableChargesFixesDetails {
    margin-right: auto;
    margin-left: auto;
    width: 318px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
}
#tableChargesFixesDetails thead th {
    padding: 2px 18px;
    background: #f3f3f3;
    color: #404952;
    border: 1px solid #404952;
    font-size: 12px;
}

#tableChargesFixesDetails tbody td .infoChargesFixesDetails:hover{
	opacity: 1;
}
#tableChargesFixesDetails tbody td .infoChargesFixesDetails{
	    color: black;
    opacity: 0.5;
    font-size: 17px;
    position: absolute;
    right: -25px;
    top: 2px;
    cursor: pointer;
}
#tableChargesFixesDetails tbody td {
	        border: 1px solid #AEAEAE;
    width: 155px;
    font-size: 13px;
    text-align: left;
    font-family: monospace;
        padding-left: 10px;
        padding-right: 10px;
            padding-top: 2px;
    padding-bottom: 2px;
    position: relative;
}

#tableChargesFixesDetails tbody td input {
    width: 98%;
}
#wrapperChargesFixesDetailsSecondPlan #chargesFixesDetailsForm {
display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;

}

#wrapperChargesFixesDetailsSecondPlan #chargesFixesDetailsForm .line {
    display: inline-block;
    float: left;
    margin-right: 12px;
}

#wrapperChargesFixesDetailsSecondPlan #chargesFixesDetailsForm .label {
        min-width: 35px;
    display: inline-block;
    font-size: 12px;
}

#wrapperChargesFixesDetailsSecondPlan #chargesFixesDetailsForm input[type="text"] {
    border-radius: 4px;
    padding: 6px 4px;
    border: 1px solid #ccc;
    width: 70px;
    font-size: 12px;
    height: 8px;
    text-align: center;
    margin-left: 0px;
    display: inline;
}

#wrapperChargesFixesDetailsSecondPlan #chargesFixesDetailsForm .submit {
    font-size: 11px;
    color: #686868;
    font-weight: bold;
    display: block;
    /* margin: 2px 0; */
    line-height: 5px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 8px 13px 7px 13px;
    border: 1px solid #d5d5d5;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
    color: #ffffff;
    border: 1px solid #4e4e4e;
    background: #404952!important;
    height: 22px;
    cursor: pointer;
    float: left;
    /* margin-top: 20px; */
    /* margin-left: 1px; */
    border-radius: 6px;
    border: 1px solid #ab0032;
    background: url(../imagesRANDA/btnBg.png) no-repeat!important;
}
#wrapperChargesFixesDetailsSecondPlan .error {
    color: red;
    /*display: block!important;*/
 padding-top: 5px;
    display: table;
    font-size: 12px;
    max-width: 110px;
}

.dataTableChargesFixes {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.updateShelfContainerLightBox  #updateShelfForm table {
    margin-right: auto;
    margin-left: auto;
    width: 650px;
    position: relative;
        margin-top: 40px;
    margin-bottom: 10px;
}
.updateShelfContainerLightBox  #updateShelfForm thead th {
        padding: 2px 18px;
    background: #ab0032;
    color: white;
    background: #f3f3f3;
    border: 1px solid #404952;
    color: #404952;
        width: 231px;
}
.updateShelfContainerLightBox  #updateShelfForm table .invisibleCell {
    background: transparent;
    padding: 0;
    padding-left: 5px;
    border: none;
    width: 21px;
}
.updateShelfContainerLightBox  #updateShelfForm tbody td input {
    width: 150px;
}
.updateShelfContainerLightBox  #updateShelfForm tbody td select {
    width: 150px;
       border: 1px solid rgba(0, 0, 0, 0.29)!important;
}

.updateShelfContainerLightBox #updateShelfForm table th .addBtnUpdateShelf {
    background-image: url('../imagesRANDA/add.png');
    /*background-color: #ab0032;*/
    opacity: 1;
    height: 16px;
    width: 16px;
    /* content: ""; */
    display: block;
    /* right: -18px; */
    /* position: absolute; */
    /* bottom: 8px; */
    cursor: pointer;
    display: block;
        background-color: black;
    opacity: 0.4;
}

.updateShelfContainerLightBox #updateShelfForm table td .delBtnUpdateShelf {
    background-image: url('../imagesRANDA/refuse.png');
    opacity: 0.4;
    height: 16px;
    width: 16px;
    content: "";
    display: block;
    right: -18px;
    bottom: 8px;
    cursor: pointer;
    display: block;
}

#updateShelfExcelExportBtn {
	font-size: 11px;
    color: #686868;
    font-weight: bold;
    display: block;
    /* margin: 2px 0; */
    line-height: 5px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 8px 13px 7px 13px;
    border: 1px solid #d5d5d5;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
    color: #ffffff;
    border: 1px solid #4e4e4e;
    background: #404952!important;
    height: 22px;
    cursor: pointer;
    float: left;
    /* margin-top: 20px; */
    /* margin-left: 1px; */
    border-radius: 6px;
    border: 1px solid #ab0032;
    background: url(../imagesRANDA/btnBg.png) no-repeat!important;
}

.outputPosMapSearchStateLoadingContainer img,.outputPosMapSearchDelegationLoadingContainer img,.outputPosMapSearchAreaLoadingContainer img,.outputPosMapSearchRepresentantLoadingContainer img{
    width: 18px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 4px;
}
.outputPosMapSearchStateLoadingContainer,.outputPosMapSearchDelegationLoadingContainer,.outputPosMapSearchAreaLoadingContainer,.outputPosMapSearchRepresentantLoadingContainer{
	position: absolute;
    background: white;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.hoverPosSeachElement{
    background-color: #f5f5f5;
}
.displayTableDiv{
display: table;
margin-right: auto;
margin-left: auto;
}

.posParentFilter {
	display:none;
	    padding: 10px 20px;
    /* margin-bottom: 8px; */
    width: auto;
    overflow: hidden;
    position: relative;
    padding-left: 12px;
    /* margin-top: 10px; */
    padding-right: 3px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    background-color: #fff !important;
    border-color: #e1e1e1 !important;
    border: 1px solid;
    color: #616161;
    border-radius: 1px;
    /* display: table; */
    flex-flow: row wrap;
    margin-bottom: 5px;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

.posParentFilter .ligne > label {
	
	border-bottom: none;
    font-size: 12px;
    padding: 0 5px;
    line-height: 25px;
    text-align: center;
    float: left;
    padding-left: 0;
    /* line-height: 0px; */
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    /* text-shadow: 0 1px 1px rgba(0,0,0,0.4); */
    min-width: 50px;
}

.posParentFilter input:read-only {
    cursor: pointer;
    /* background-color: #eee; */
    background-color: white;
}

.posParentFilter input[type=text] {
        border-radius: 0!important;
    padding: 6px 3px;
    border: 1px solid #ccc;
    font-size: 11px;
    max-width: 200px;
    height: 23px;
    margin-right: 11px;
	display:none;
}

.onOffPosParentContainer{
    display: inline-block;
    /* width: 100px; */
    overflow: hidden;
    zoom: 0.7;
    vertical-align: bottom;
    margin-left: 20px;
    margin-right: 15px;
}

.selectPosParentContainerLightBox {
    border-radius: 0;
    max-width: 700px;
    border: none;
    /* box-shadow: none; */
    /* background-size: 100% 100%; */
    overflow: auto;
    position: absolute;
    z-index: 9999999999;
    top: 10px;
    left: 0;
    right: 0;
    overflow: visible;
    background: #fafafa;
    border: 1px solid #eee;
    padding: 50px;
    padding-bottom: 0px;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 0px;
    margin-right: auto;
    margin-left: auto;
    width: calc(100% - 20px);
}

/* ------------------------ START RESPOSIVE-------------------------------------- */

a {
text-decoration:none;
}
.btn-midnightblue:hover {
    color: #ffffff;
    background-color: #2d3940 !important;
    border-color: #2d3940 !important;
}
.btn-midnightblue {
    background-color: #37474f !important;
    border-color: #37474f !important;
    color: #ffffff;
    background-color: #37474f;
    border-color: #37474f;
}
.btn {
    text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#startPageLoadingContainer {
    z-index: 99999999999999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0, 0.3);
    background: white;
    background: #f6f6f6;
}


#startPageLoadingContainer .logoFlip {
    /* -webkit-animation-name: spinnerRotate; */
    -webkit-animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    /* -moz-animation-name: spinnerRotate; */
    -moz-animation-duration: 2.5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    /* -ms-animation-name: spinnerRotate; */
    -ms-animation-duration: 2.5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    height: 60px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    position: absolute;
    top: 50%;
    margin-top: -30px;
}

#startPageLoadingContainer .logoFlip {
    height: 100px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    position: absolute;
    top: 50%;
    margin-top: -50px;
}

.annim_pulse {
    -webkit-animation: pulsate 3s;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(1,1); }
    50% {-webkit-transform: scale(0.7,0.7);}
	100% {-webkit-transform: scale(1,1); }
}

#container {
    width: 100%;
    min-height: 100%;
    position: relative;
    max-width: 1920px;
    background: #fafafa;
}

html {
    position: relative;
	/* height:100%; */
    min-height: 300px;
    min-width: 350px;
    max-width: 1920px;
	    margin-left: auto;
    margin-right: auto;
	    background: #fafafa;
}

body {
    font-family: 'Open Sans', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.54;
    color: #616161;
    background-color: #fafafa;
    min-height: 100%;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
	
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.body {
    position: relative;
    width: 100%;
    min-height: 100%;
}

#login-page-header  .loginFormContainer {
    float: left;
    margin-left: 20px;
    background-color: #FAFAFA;
    padding: 10px;
    border: 1px solid #eee;
    width: calc(100% - 447px - 194px - 143px);
    border-color: #eeeeee;
    border-style: solid;
    border-width: 1px;
    border-radius: 1px;
    background-color: #fff;
    margin-top: 10px;
    margin-right: 10px;
    padding: 16px;
    border-radius: 5px;
	
}
#login-page-header  .bannerContainer img{
width:auto;
height:165px;
}
#login-page-header  .bannerContainer {
	    float: left;
		border-color: #eeeeee;
	    border-style: solid;
    border-width: 1px;
	    border-radius: 1px;
    background-color: #fff;
	margin-top:10px;
	margin-right:10px;
	margin-left:20px;    
	padding:10px;
	border-radius:5px;
}
/* #login-page-header .bannerPlusLoginFormContainer {
    border-color: #eeeeee;
	    border-style: solid;
    border-width: 1px;
	    border-radius: 1px;
    background-color: #fff;
	float: right;
	margin-top:10px;
	margin-right:10px;
	padding:10px;
	border-radius:5px;
	width: 75%;
	} */
#login-page-header .gtmLogoContainer img{
width:auto;
height:100%;
}
#login-page-header .gtmLogoContainer{
    height: 100px;
    margin: 30px;
	float: left;
	    margin-top: 50px;
}


#login-page-header {
    width: 100%;
    position: relative;
    overflow: hidden;
	    padding-left: 20px;
    padding-right: 20px;
	margin-bottom:20px;

}

#login-page-body .textContainer  p{
text-align: justify;
}
#login-page-body .textContainer  h3{
text-align:center;
display:block;
}
#login-page-body .textContainer  .blockImg img{
width:100%;
}
#login-page-body .textContainer   .seperator4{
width:4%;
float:left;
}
#login-page-body .textContainer  .blockImg .blockImgTextContainer{
    background: #AA0032;
    color: #fff;
    padding: 0 5px 0 5px;
}
#login-page-body .textContainer  .blockImg h4{
margin-bottom:0;
letter-spacing: 2px;
}
#login-page-body .textContainer  .blockImg p{
margin:0;
    line-height: 13px;
    padding-bottom: 5px;
	    font-size: 11px;
}
#login-page-body .textContainer  .blockImg{
    width: 48%;
    float: left;
	    margin-bottom: 20px;
}
#login-page-body .textContainer .loginCarousel  .ti-arrow-left{
position: absolute;
    cursor: pointer;
    font-size: 15px;
    padding: 4px;
    color: #616161;
    top: 50%;
    left: 0;
    margin-top: -11.5px;
}
#login-page-body .textContainer .loginCarousel  .ti-arrow-right{
position: absolute;
    cursor: pointer;
    font-size: 15px;
    padding: 4px;
    color: #616161;
    top: 50%;
    right: 0;
    margin-top: -11.5px;
}
#login-page-body .textContainer .loginCarousel div{
width:100%;
position:relative;
}
#login-page-body .textContainer .loginCarousel div > img{
width:100%; 
padding:5px;
}
#login-page-body .textContainer .loginCarousel{
width:100%;
overflow:hidden;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}
#login-page-body .textContainer {
position:relative;
width:49%;
float:left;
    border-color: #eeeeee;
    border-style: solid;
    border-width: 1px;
    border-radius: 1px;
    background-color: #fff;
	border-radius:5px;
	    padding-left: 10px;
    padding-right: 10px;
	margin-bottom: 20px;
}
#login-page-body .seperator { 
position:relative;
width:2%;
display:block;
float:left;
}
#login-page-body .videoContainer iframe,#login-page-body .videoContainer .videoContainerImage {
       position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}

#login-page-body .videoContainer .videoContainerImage {
    background: rgba(0, 0, 0, 0.5);
}
#login-page-body .videoContainer .videoContainerImage .video-popup-play {
    width: 80px;
    height: 80px;
    -webkit-transition-property: background-color,color;
    -moz-transition-property: background-color,color;
    -o-transition-property: background-color,color;
    transition-property: background-color,color;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    position: relative;
    display: inline-block;
    margin: 0 auto 26px;
    border-radius: 50%;
    text-align: center;
    padding: 14px;
    color: #fff;
	text-decoration: none;
	    margin-left: auto;
    margin-right: auto;
    display: block;
	top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    position: absolute;
	background:#000;
}

#login-page-body .videoContainer .videoContainerImage .video-popup-play:after, #login-page-body .videoContainer .videoContainerImage .video-popup-play:before {
    width: 80px;
    height: 80px;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: box-shadow .4s ease;
    -webkit-transition: -webkit-box-shadow .4s ease;
    -moz-transition: -moz-box-shadow .4s ease;
    -o-transition: box-shadow .4s ease;
    transition: box-shadow .4s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    border-radius: 50%;
    content: '';
    pointer-events: none;
    box-shadow: 0 0 0 2px rgba(255,255,255,.5);
	
}

#login-page-body .videoContainer .videoContainerImage  .video-popup-play i.fa {
    display: block;
    margin-left: 6px;
    line-height: 52px;
	font-size:30px;
}

#login-page-body .videoContainer .videoContainerImage  .video-popup-play:hover {
    color: #616161;
    background-color: #fff;
    text-decoration: none;
}

#login-page-body .videoContainer .videoContainerImage   .video-popup-play:hover:after, #login-page-body .videoContainer .videoContainerImage  .video-popup-play:hover:before {
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    box-shadow: none;
}



#login-page-body .videoContainer .videoContainerImage .video-popup-play:before {
    -webkit-animation: anim-effect-ivana-1 2s infinite;
    -moz-animation: anim-effect-ivana-1 2s infinite;
    -o-animation: anim-effect-ivana-1 2s infinite;
    animation: anim-effect-ivana-1 2s infinite;
}

#login-page-body .videoContainer .videoContainerImage .video-popup-play:after {
    -webkit-animation: anim-effect-ivana-2 2s infinite;
    -moz-animation: anim-effect-ivana-2 2s infinite;
    -o-animation: anim-effect-ivana-2 2s infinite;
    animation: anim-effect-ivana-2 2s infinite;
}



@-webkit-keyframes anim-effect-ivana-1{0%{opacity:0;-webkit-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1)}80%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}100%{opacity:0;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@-moz-keyframes anim-effect-ivana-1{0%{opacity:0;-moz-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1)}80%{opacity:1;-moz-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}100%{opacity:0;-moz-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@-ms-keyframes anim-effect-ivana-1{0%,100%{opacity:0}0%{-ms-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1)}80%{opacity:1;transform:scale3d(1.1,1.1,1)}100%,80%{-ms-transform:scale3d(1.1,1.1,1)}100%{transform:scale3d(1.1,1.1,1)}}@keyframes anim-effect-ivana-1{0%{opacity:0;transform:scale3d(.8,.8,1)}80%{opacity:1;transform:scale3d(1.1,1.1,1)}100%{opacity:0;transform:scale3d(1.1,1.1,1)}}
@-webkit-keyframes anim-effect-ivana-2{0%{opacity:0;-webkit-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1)}70%{opacity:1;-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}100%{opacity:0;-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}}@-moz-keyframes anim-effect-ivana-2{0%{opacity:0;-moz-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1)}70%{opacity:1;-moz-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}100%{opacity:0;-moz-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}}@-ms-keyframes anim-effect-ivana-2{0%,100%{opacity:0}0%{-ms-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1)}70%{opacity:1;transform:scale3d(1.2,1.2,1)}100%,70%{-ms-transform:scale3d(1.2,1.2,1)}100%{transform:scale3d(1.2,1.2,1)}}@keyframes anim-effect-ivana-2{0%{opacity:0;transform:scale3d(.8,.8,1)}70%{opacity:1;transform:scale3d(1.2,1.2,1)}100%{opacity:0;transform:scale3d(1.2,1.2,1)}}
#login-page-body .videoContainer {
position:relative;
width:49%;
float:left;
  border-color: #eeeeee;
    border-style: solid;
    border-width: 1px;
    border-radius: 1px;
    background-color: #fff;
	border-radius:5px;
	padding:10px;
	    position: relative;
    padding-bottom: 30%;
     padding-top: 65px;
	     margin-bottom: 20px;
	
}

.login_form span {
    color: #616161;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    line-height: 20px;
    text-transform: uppercase;
    height: 100%;
    width: auto;
    float: left;
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 11px;
}
.login_form .input {
	    background-image: url(../imagesRANDA/icons.png);
    background-position: 1px,3px;
    background-repeat: no-repeat;
    border-radius: 5px;
    height: 30px;
    width: 100%;
    color: #787878;
    font-weight: bold;
    padding-left: 33px;
    margin-top: 10px!important;
    background-color: white;
    margin-left: 0px;
    border: 1px solid #ddd;
}
.login_form .btn {
width:100%;
margin-top:10px;
    background-color: #AA0032!important;
    border-color: transparent!important;
}
.login_form .submit {
	height: 32px;
width: 125px;
	padding: 0 14px;
	color: #fff;
	text-align: center;
	/*background-image: url(../imagesRANDA/submit.png);*/
	background-color: #404952;
	background-position: 190px;
	border: 1px solid #4e4e4e;
	/*background-repeat: repeat;
	background-position: 0 0px;*/
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	display: block;
	cursor: pointer;
	margin-top: 30px!important;
	border: 1px solid white;
	  border-radius: 6px;
	border: 1px solid #ab0032;
  background: url(../imagesRANDA/btnBg.png) no-repeat;
}
.login_form .submit:hover{
	background-color: #293138;
}
.login_form .login {
	background-position: 5px 3px;
}

.login_form .password {
	background-position: 5px -54px;
}


/*.login_form span {
	color: #404952;
font-size: 25px;
font-weight: bold;
display: block;
margin: 15px;
line-height: 1.5;
font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}*/

.login_form .error_msg {
	border-radius: 3px;
	background: url(../imagesRANDA/submit.png) 0 -452px repeat-x;
	margin: 0px;
	overflow: hidden;
	height: 33px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	color: white;
}
.login_form .error_msg p {
	font-weight: normal;
	font-size: 15px;
	line-height: 0.2;
	text-align: center;
	font-family: sans-serif;
}


#login-page-body {
    width: 100%;
    position: relative;
    overflow: hidden;
	    padding-left: 30px;
    padding-right: 30px;
}

@media (min-width:600px) and (max-width: 1050px ){
	#login-page-header .loginFormContainer {
		width: calc(100% - 194px - 90px);
	}
	
	#login-page-header .bannerContainer {
		display:none;
	}
}

@media (min-width:200px) and (max-width: 599px ){
	#login-page-header {
		padding-left: 30px;
		padding-right: 30px;
	}
	#login-page-header .gtmLogoContainer {
		width: 100%;
			    margin-right: 10px;
    margin-left: 0;
	}
	#login-page-header .gtmLogoContainer img{
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
	
	#login-page-header .loginFormContainer {
		width: calc(100%);
		margin-left:0;
		}
	
	#login-page-header .bannerContainer {
		display:none;
	}
}

@media (min-width:200px) and (max-width: 800px ){
	#login-page-body .seperator{
		display:none;
	}
	#login-page-body .textContainer,#login-page-body .videoContainer {
		width:100%;
	}
}

#top-nav {
    margin: 0;
    border: none;
    padding-left: 0;
    padding-right: 0;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
    background: url("../imagesAAMc/bo-top-nav-bg.png") center 50%;
	background-color: #90a4ae;
	top: 0;
	    border-radius: 0;
		    right: 0;
    left: 0;
    z-index: 1200;
	position:fixed;
	display:block;
	width:100%;
	    min-width: 350px;
	-webkit-transition: background-color 0.5s cubic-bezier(.78,.13,.15,.86), box-shadow 0.5s cubic-bezier(.78,.13,.15,.86), top 0.5s;
    transition: background-color 0.5s cubic-bezier(.78,.13,.15,.86), box-shadow 0.5s cubic-bezier(.78,.13,.15,.86), top 0.5s;
    background: #f6f6f6;
    background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #f6f6f6 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #f6f6f6 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #f6f6f6 0%,#ffffff 100%);
    /* border-bottom: 1px solid #585858; */
}

#top-nav   .toolbar > ul {
    padding-left: 0;
    list-style: none;
	/* overflow:hidden; */
	margin:0px;
}
#top-nav   .toolbar {
    margin: 0;
	float:right;
	}
#top-nav   .logo-area{
    display: inline-block;
	}
#top-nav   .logo-area>i {
    float: left;
    text-align: center;
    font-size: 17px;
    line-height: 49px;
    width: 40px;
	border-right: 1px solid rgb(230, 230, 230);
    margin-right: 10px;
	cursor:pointer;
	    color: #263238;
		    width: 56px;
}
#top-nav   .logo-area>a img {
    
    height: inherit;
    max-width: none;
    border: 0;
    height: 40px;
    padding: 2px;
	margin-top: 3px;
}

#top-nav   .toolbar > ul >li >a{
text-decoration:none;
}
#top-nav   .toolbar > ul >li:first-child >a>i{border-left: 1px solid rgb(230, 230, 230);}
#top-nav   .toolbar > ul >li:last-child >a>i{border-right:none!important}
#top-nav   .toolbar > ul >li >a>i:hover,#top-nav .logo-area>i:hover{
	    background: rgba(38, 50, 56, 0.06);
}
#top-nav   .toolbar > ul >li >a>i{
    color: #263238;
    font-size: 17px;
    display: block;
    border-radius: 0;
    padding: 0;
    line-height: 49px;
    text-align: center;
    /* height: 56px; */
    width: 56px;
    border-right: 1px solid rgb(230, 230, 230);
}
#top-nav   .toolbar > ul  li{
    padding-left: 0;
  position: relative;
    display: block;
	float:left;
}

#top-nav .badge {
    text-align: center;
    text-shadow: none !important;
    top: 6px;
    right: 8px;
    position: absolute;
	    background-color: #ff5722;
		display:none;
}

.badge {
    display: inline-block;
    min-width: 10px;
    font-size: 11px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.45;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #bdbdbd;
    border-radius: 8px;
}

.badge {
    padding: 0px 5px;
    padding-bottom: 1px;
    font-size: 11px;
    font-family: 'Open Sans', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
}

.img-circle {
    border-radius: 50%;
}

img {
    vertical-align: middle;
	border:0;
}

#wrapper {
   /*  display: table;
    width: 100%;
    table-layout: fixed;
    overflow: auto;
    height: 100%;
    position: relative;
    transition: transform 0.3s;
	    padding-top: 42px !important; */
		    display: block;
    width: 100%;
    /* overflow: hidden; */
    min-height: 100%; 
    position: relative;
    transition: transform 0.3s;
    padding-top: 42px;
}

#layout-static {
    /* display: table-row;
    height: 100%; */
	    display: block;
    min-height: 100%;
}

#left-nav {
   /*  background-color: #263238;
	border-right: 0 solid #eeeeee;
	vertical-align: top;
	display: table-cell;
    overflow: hidden;
	    width: 256px; */
		    background-color: #263238;
    border-right: 0 solid #eeeeee;
    vertical-align: top;
    display: block;
    overflow: hidden;
    width: 256px;
    position: fixed;
    z-index: 1;
    height: 100%;
	 overflow-y: auto;
	   -webkit-transition: width .55s ease;
    -moz-transition: width .55s ease;
    -ms-transition: width .55s ease;
    -o-transition: width .55s ease;
    transition: width .55s ease;
}

#right-content{
/* margin-bottom: 32px;
    padding: 0 0px;
	    display: table-cell;
    width: 100%;
	    vertical-align: top;
		position:relative;
		    background: #fafafa;
			    transition: all 0.55s linear; */
    padding: 0 0px;
    display: block;
    width: 100%;
    vertical-align: top;
    position: relative;
    background: #fafafa;
    /* transition: all 0.55s linear; */
	    padding-left: 256px;
}

#left-nav  #user-widget {
    padding: 16px;
    position: relative;
	    background-color: #37474f;
}

#left-nav  #user-widget .avatar img{
		    display: block;
    max-width: 100%;
    height: auto
}
#left-nav  #user-widget .avatar {
    position: absolute;
    height: 64px;
    width: 64px;
	    border-radius: 50%;

}

#left-nav  #user-widget .info {
    padding: 10px 0 10px 80px;
}

#left-nav  #user-widget .info .username {
    font-size: 18px;
    line-height: 24px;
	    color: #eceff1;
		display:block;
		    text-transform: capitalize;
}

#left-nav  #user-widget  .info .useremail {
    font-size: 11px;
    line-height: 1.45;
	    color: #b0bec5;
		display:block;
}

#left-nav  .widget-body {display:block;}
#left-nav nav.widget-body > ul.acc-menu {
    white-space: normal;
    margin: 0;
    padding-left: 0 !important;
    list-style-type: none;
}

#left-nav nav.widget-body> ul.acc-menu li.nav-separator {
    border-style: solid;
    border-width: 0 0 1px 0;
	    color: #607d8b;
    border-color: #2f3c43;
}

#left-nav nav.widget-body > ul.acc-menu li, .#left-nav nav.widget-body > ul.acc-menu li a {
    white-space: nowrap;
}

#left-nav  nav.widget-body > ul.acc-menu li a {
    display: block;
    padding: 16px 16px;
    position: relative;
    font-weight: 400;
    text-transform: uppercase;
    border-style: solid;
    border-width: 0 0 1px 0;
}

#left-nav   nav.widget-body > ul.acc-menu li a {
    color: #b0bec5;
    background-color: #263238;
    border-color: #2f3c43;
}

#left-nav  nav.widget-body > ul.acc-menu a {
    text-decoration: none;
}

#left-nav  nav.widget-body > ul.acc-menu > li > a > i {
    margin-left: 0px;
    font-size: 17px;
    margin-right: 16px;
    min-width: 24px;
    text-align: center;
    display: inline-block;
}

#left-nav   nav.widget-body > ul.acc-menu > li > a > i {
    color: #b0bec5;
}

#left-nav  nav.widget-body > ul.acc-menu .badge.badge-info {
    background-color: #00bcd4;
}

#left-nav  nav.widget-body > ul.acc-menu .badge, #left-nav nav.widget-body > ul.acc-menu .label {
    position: absolute;
    right: inherit;
    left: 28px;
    top: 12px;
}

#left-nav nav.widget-body > ul.acc-menu .badge, #left-nav nav.widget-body > ul.acc-menu .label {
    position: absolute;
    right: inherit;
    left: 28px;
    top: 12px;
}
#left-nav nav.widget-body > ul.acc-menu .badge.badge-info {
    background-color: #00bcd4;
}

#left-nav  nav.widget-body > ul.acc-menu li.hasChild > a {
    position: relative;
}

#left-nav  nav.widget-body > ul.acc-menu li > ul.acc-menu {
    border-style: solid;
    border-width: 0;
}
#left-nav   nav.widget-body > ul.acc-menu li > ul.acc-menu {
    border-color: #2f3c43;
}
#left-nav  nav.widget-body > ul.acc-menu li ul {
    display: none;
}
#left-nav  nav.widget-body > ul.acc-menu ul li a {
    padding: 10px 16px 10px 56px;
    font-weight: 400;
    text-transform: none;
    border: none;
}
#left-nav nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #2f3c43;
    color: #eceff1;
    border-color: #2f3c43;
}

#left-nav nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #ffffff;
}

#left-nav  nav.widget-body > ul.acc-menu li.hasChild > a:before, #left-nav  nav.widget-body > ul.acc-menu li.hasChild.open > a:before, #left-nav  nav.widget-body > ul.acc-menu li.hasChild.open > a:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-size: 17px;
    padding-right: 0px;
    min-width: 16px;
    float: right;
}

#left-nav nav.widget-body > ul.acc-menu li.hasChild > a:before {
    content: "\f105";
}
#left-nav nav.widget-body > ul.acc-menu li.hasChild > a:before {
    opacity: 0.25;
    filter: alpha(opacity=25);
}

#left-nav nav.widget-body > ul.acc-menu ul {
    padding: 0;
    padding-left: 0 !important;
    list-style: none;
}

#left-nav nav.widget-body > ul.acc-menu ul, #left-nav nav.widget-body > ul.acc-menu ul li a {
    background-color: #1c2429;
    color: #b0bec5;
}
#left-nav nav.widget-body  ul.acc-menu li.hasChild.open > a:before {
    content: "\f107";
}

#left-nav nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #171e21;
    color: #eceff1;
}

@media (max-width: 900px ){
	#left-nav {
		display: none;
		width:100%;
	}
	#right-content{
		    padding-left: 0px;
			}
	#outPutGraphsConainer{
		width:100%;
	}
	
	.tableContainerOutputSales{
		width:100%;
		margin-right:0px;
	}
	
	#wrapperAllOutPutSales {
		display: flex;
		flex-direction: column-reverse;
	}
	
}

.paddingLeft0 {
padding-left: 0px!important;
}
.paddingTop0 {
padding-top: 0px!important;
}

#right-content  .page-content{
    padding: 0 16px;
	color: #616161;
}

#right-content  .page-content .page-heading {
    background: #fafafa;
	    float: left;
    padding: 8px;
    /* margin-bottom: 24px; */
	overflow:hidden;
}

#right-content  .page-content .page-heading h1 {
    float: left;
    margin: 0;
    line-height: 32px;
    font-weight: 300;
    font-size: 17px;
    color: #616161;
	padding-top: 10px;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 16px;
    margin-bottom: 16px;
    font-family: 'Open Sans', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
}

.homeMenuBoxWrapper .homeMenuBox  .homeMenuBoxBody .homeMenuBoxItem a{
text-decoration:none;
color: #616161;
    display: block;
    text-align: center;
	   -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -ms-transition: all .55s ease;
    -o-transition: all .55s ease;
    transition: all .55s ease;
}
.homeMenuBoxWrapper .homeMenuBox  .homeMenuBoxBody .homeMenuBoxItem img{
    width: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -ms-transition: all .55s ease;
    -o-transition: all .55s ease;
    transition: all .55s ease;
}
.homeMenuBoxWrapper .homeMenuBox  .homeMenuBoxBody .homeMenuBoxItem:hover a{
color:#fff;
}
.homeMenuBoxWrapper .homeMenuBox  .homeMenuBoxBody .homeMenuBoxItem:hover{
	background:#263238;
}

.homeMenuBoxWrapper .homeMenuBox  .homeMenuBoxBody .homeMenuBoxItem{
	float:left;
    width: 16.66%;
    padding-bottom: 20px;
    padding-top: 20px;
	   -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -ms-transition: all .55s ease;
    -o-transition: all .55s ease;
    transition: all .55s ease;
}
@media (min-width:200px) and (max-width: 900px ){
	.homeMenuBoxWrapper .homeMenuBox  .homeMenuBoxBody .homeMenuBoxItem{
		width: 33.33%;
	}
}



.homeMenuBoxWrapper .homeMenuBox  .homeMenuBoxBody{
	overflow: hidden;
    width: 100%;
}
.homeMenuBoxWrapper .homeMenuBox .homeMenuBoxHeader>i{
    margin-right: 4px;
}
.homeMenuBoxWrapper .homeMenuBox .homeMenuBoxHeader{
background: #263238;
    padding: 10px;
    color: #fff;
}
.homeMenuBoxWrapper .homeMenuBox{
width: 100%;
    border: 1px solid #263238;
    margin-bottom: 20px;
    background: #fff;
	   -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -ms-transition: all .55s ease;
    -o-transition: all .55s ease;
    transition: all .55s ease;
}
.homeMenuBoxWrapper {
    /* margin-top: 32px; */
    position: relative;
    overflow: hidden;
	    padding-top: 20px;
}

.tableContainer  tbody .btnTd a{
    display: table-cell;
}
.tableContainer tbody .btnTd {
  /*  display: table;
    padding-top: 50%;
	width:100%;*/
}

.tableContainer 
{
    /* margin-left: 10px; */
    /* margin-right: 10px; */
    /* margin-top: 50px; */
    margin-bottom: 50px;
    overflow: hidden;
    /* display: none; */
    margin-top: 20px;
    /* border: 1px solid #A9A9A9; */
    opacity: 1;
    background: #fff;
    border: 1px solid #eee;
	clear:both;
}

.shelfShareOutPutGraphContainer {
margin-top:20px!important;
}

.AutoSetShelfActivationAdmin{
clear:both;
}

#androidAppSalesFactersForm {
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    margin-top: 10px;
    padding-left: 50px;
}

#androidAppSalesFactersForm .ligne {
    display: inline;
    margin-right: 25px;
}

#androidAppSalesFactersForm .ligne label {
   min-width: 50px;
    display: inline-block;
    color: inherit;
    /* line-height: 32px; */
    font-weight: 300;
    font-size: 13px;
    color: #616161;
}

#androidAppSalesFactersForm  .submit{
    text-transform: uppercase;
    border-radius: 1px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: bottom;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.54;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #757575!important;
    display: block;
    color: #fff;
    min-width: 60px;
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    height: auto!important;
    display: inline-block;
}
#androidAppSalesFactersForm {
    clear: both;
}
#androidAppSalesFactersForm .ligne input {
    border: 1px solid #e0e0e0;
    padding: 6px 8px;
    height: 28px;
    color: #616161;
    background: #fff;
    box-shadow: none !important;
    color: #616161;
    width: 100px;
}

.dailySalesTable {
    display: none; 
}


.outputFacterSelectSpec {
        border-radius: 0!important;
    padding: 4px 0px;
    border: 1px solid #ccc;
    font-size: 11px;
    max-width: 85px;
    height: 23px;
    margin-right: 11px;
    vertical-align: -webkit-baseline-middle;
}

#empInfoLightBox .contratImg span, #addEmpLightBox .contratImg span, #updateEmpLightBox .contratImg span {
vertical-align: top;
color: rgba(0,0,0,0.87);
font-weight: 400;
padding: 10px;
text-align: center;
display: block;
font: normal 14px RobotoDraft,Roboto,'Helvetica Neue',arial,sans-serif;
}

#empInfoLightBox .contratImg, #addEmpLightBox .contratImg, #updateEmpLightBox .contratImg {
	/*border: 1px solid #ddd*/;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 1px 1px #ececec;
-webkit-box-shadow: 0 1px 1px #ececec;
-moz-box-shadow: 0 1px 1px #ececec;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
padding: 4px;
overflow: hidden;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
width: 610px;
margin-bottom: 20px;

}

#empInfoLightBox .contratImg img, #addEmpLightBox .contratImg img, #updateEmpLightBox .contratImg img {
width: 600px;
background: #FAFAFA;
padding: 4px;
border: 1px solid #DDD;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-height: 370px;
float: left;
display: block;
}

table td.fixedBtnWidth {
min-width:70px!important;
}