@font-face {
  font-family: ClanPro-Regular;
  src: url(../../fonts/ClanPro-Regular.woff); }

@font-face {
  font-family: Lato-Regular;
  src: url(../../fonts/Lato-Regular.woff); }

body, html, * {
  padding: 0px;
  margin: 0px;
  font-family:Lato-Regular;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;/*table-layout: fixed;*/ }
 .infos-capt{

  width: 100%;
  text-align: center;
  padding:25px 0;
  font-size:25px;
  color:#000;
 }
 


.data h2{
	font-size: 16px;text-align: center;text-transform: uppercase;font-weight: bold;margin: 0;padding: 25px 0;background: #1d2e4e;color: #fff;
}
div.dt-buttons {
  display:block;
}

.pac-container {
  z-index: 999999999999999999 !important;
}
.btBigAdd img{
	margin-top: 35px !important;
	height: auto !important;
	background: #f8cc6a !important;
	padding: 20px !important;
	border-radius: 50% !important;
}

#datatab-air-tab th,#datatab-meteo-tab th,.tab-meteo table th,.dataTable th{
  white-space: nowrap;
  font-size: 12px;
  text-align: center;
}


 .infos-capt label{
  font-size: 12px;
  display: inline-block;
  width: 180px;
  background: #1c2d4f;
  color: #fff;
  padding: 5px 10px;
  clear: both;
  margin-top: 70px;
 }
.row.collab-row {
  margin: 0 15px 0 0px;
}
.item-clignote  {
   animation-duration: 2s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   
   
   transition: none;
}
.tab-switch-map,#tab-switch-iotView{
    background: #5c77a3;
    color: #fff;
    top: auto !important;
	bottom: -82px;
	border-radius 10px;
}
.tab-switch-map li,#tab-switch-iotView li{width:95px !important;color:#fff;border-bottom: 0.5px solid rgba(255,255,255,0.2);line-height: 20px;}
.tab-switch-map li:last-child,#tab-switch-iotView li:last-child,.tab-switch-map li.lastVisible,#tab-switch-iotView li.lastVisible{border:none;}

.meteonav3 #tab-switch-iotView{display:none;}

#tab-switch-iotView .after,#tab-switch-iotView .before {
  background-image: url("/img/bottom-11.png");
  background-size: auto 15px;
  display: inline-block;
  width: 100%;
  height: 20px;
  content: "";
  position: relative;
  left: 0;
  top: 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-color:#1d2e4e;
}
#tab-switch-iotView .after {
	border-top: 1px solid rgba(255,255,255,0.2);
}
#tab-switch-iotView .before {
  background-image: url("/img/top-11.png");
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

button.gm-ui-hover-effect {
	background: url("/img/lightbox/close.svg") !important;
	background-size: 20px 20px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	rotate: 45deg;
	top: 0px !important;
	right: 0px !important;
	opacity: 1;
	filter-opacity : 100;
	z-index: 2;
}

button.gm-ui-hover-effect span {
	display: none !important;
}
#bodyContent .container-adress{
  align-items: center;
  display: flex;
}
#bodyContent{
  padding-bottom: 0 !important;
}
.container-actions .button{
	float:right;
}
.datatable .button,.container-actions .button{
	padding: 10px 10px;
	text-align: center;
	display: inline-block;
	background: #19aedd;
	color: #fff;
	text-decoration: none;
	border-radius:5px;
	height:auto;
	width:auto;
}
.iot-data{
	display:block;
	min-width: 450px;
}
.iot-data .infos-line{
	float:left;width:100%;display:flex;border-bottom:1px solid #000;
}
.iot-data .infos-line:last-child{
	border-bottom: none;	
}
.iot-data .infos-line .infos-capt{
	border-right: 1px solid #000;
	position:relative;
}
.iot-data .infos-line .infos-capt:last-child{
	border-right: none;
}
.aircircle {
  display: flex;
border-radius: 10px;
font-size: 12px;
position: absolute;
left: 10%;
top: 8px;
color: #fff;
font-weight: bold;
width: 80%;
height: 80px;
align-items: center;
align-content: center;
}
.size30{
	font-size:30px !important;
}
.aircircle i {
  display: block;
padding: 0px;
border-radius: 0;
font-weight: bold;
font-style: normal;
width: 100%;
text-align: center;
text-transform: uppercase;
}
.aircircle i em{
  display: block;
  font-size: 8px;
  line-height: 10px;
}
.infos-capt-data {
  display: block;
  position: absolute;
  width: 100%;
  padding: 15px 0;
  font-size: 42px;
}
.infos-capt-data sup{font-size:50%;}
@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0; }
  100% { opacity:1; }
}
#firstHeading img.indisp{
	background: #fe4949 !important;
}
#firstHeading img.disp{
	background: #78da8a !important;
}
 #mask {
		animation: mask 975ms ease infinite;
	}
	@keyframes mask {
		from {transform: translateX(0)}
		to {transform: translateX(280px)}
	}
.wrapper-tab-profil form .input.error label{
	color:red !important;
}
.wrapper-tab-profil form .input.error input{
	border: 1px solid red !important;
}
.box-config-alertes .line .title i {
  text-transform: none;
}
.form-prod .description .donnees ul {
  width: 100%;
  float: none;
  list-style: disc;
  padding: 0;
  margin: 0 0 0 15px;
}
.form-prod .description .donnees ul li{
	display: list-item;
	float: none;
}
.ctImagesProd img,.ctImages img {
  width: calc(50% - 20px);
  border: 1px solid #C2C2C2;
  padding: 5px;
  margin: 10px;
  border-radius: 5px;
}

.box-config-alertes .line {
  display: flex;
  width: 100% !important;
  height: auto !important;
  background: none !important;
  margin-bottom: 0px !important;
}
.box-malertes{
	width:calc(50% - 40px);
	padding:20px;
	margin:20px;
	border:2px solid #1c2d4f; 
	border-radius: 10px;
	min-height: 200px;
	position: relative;
}
.box-malertes .title {
  text-align: left;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}
.box-malertes .title label {
  display: inline-block;
  padding: 10px 0px;
  background: #1c2d4f;
  color: #fff;
  border-radius: 8px;
  width: 150px;
  text-align: center;
}
.box-malertes .configEdit,.box-malertes .configSave {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 15px;
  height: 15px;
}
.box-malertes .title .inconfiguserset.label input,.box-malertes .title .inconfiguserset input.no-tcheck{
	border:none;
}
.box-malertes .title .inconfiguserset{
	float:right;
	display: flex;
	color:#000;
}
.box-malertes .title .inconfiguserset input{width:70px;margin:0 5px;font-size:35px;text-align: center;}
.box-malertes .configset .type {
  float: left;
}
.box-malertes .configset .type i{
  float: left;
  display: block;
  height:25px;
  width:25px;
  margin-right: 10px;
  background-repeat: no-repeat;
	background-size: contain;
	background-color: transparent;
	border-radius: 12px;
	cursor:pointer;
}
[disabled="disabled"] {
    opacity: 0.3;
    cursor:not-allowed !important;
}
.box-malertes .configset .type i{border-radius: 2px;border: 1px solid #1c2d4f;}
.box-malertes .configset .type i.enabled{background-color:#1c2d4f;}
.box-malertes .configset .type i.mail{
	background-image: url(/assets/img/icon_mail_alerte.png);	
}
.box-malertes .configset .type i.sms{
	background-image: url(/assets/img/icon_sms_alerte.png);
}
.box-malertes .configset .type i.push{
	background-image: url(/assets/img/icon-push.png);
}
.box-malertes .configset .type i.mail.enabled{
	background-image: url(/assets/img/icon_mail_alerte-w.png);	
}
.box-malertes .configset .type i.sms.enabled{
	background-image: url(/assets/img/icon_sms_alerte-w.png);	
	border-radius: 2px;
}
.box-malertes .configset .type i.push.enabled{
	background-image: url(/assets/img/icon-push-w.png);	
	
}
.box-malertes .configset .enabledDisabled i,.enabledDisabled i{
	position: absolute;
	width: 19px;
	height: 19px;
	top: 1px;
	left: 1px;
	border-radius: 50%;
	background:#1c2d4f;
	cursor:pointer;
}
.box-malertes .configset .enabledDisabled.enabled i,.enabledDisabled.enabled i{
	right:1px;
	left:auto;
	background: #fff;
}
.box-malertes .configset .enabledDisabled.enabled ,.enabledDisabled.enabled{
	background: #1c2d4f;
}
.box-malertes .configset .enabledDisabled,.enabledDisabled {
  display: inline-block;
  float: right;
  width: 50px;
  height: 25px;
  border: 2px solid #1c2d4f;
  border-radius: 15px;
  position: relative;
  cursor:pointer;
}
.box-malertes .content{
	/*background:#f8cc6a;*/
	border:2px solid #1c2d4f;
	border-radius: 10px;
	height:100px;
	margin-top:10px;
	float: left;
	width: 100%;
	background-repeat: no-repeat;
	background-size: auto 50px;
	background-position: center center;	
}
.box-malertes .content.vent{
	background-image: url(/assets/img/icon-vent.png);
}
.box-malertes .content.hum{
	background-image: url(/assets/img/icon-hum.png);
}
.box-malertes .content.ens{
	background-image: url(/assets/img/icon-ens.png);
}
.box-malertes .content.pluv{
	background-image: url(/assets/img/icon-pluv.png);
}
.box-malertes .content.temp{
	background-image: url(/assets/img/icon-temp.png);
}

.box-malertes .configset {
  float: left;
  width: 100%;
}
/* Chrome, Safari, Edge, Opera */
.box-malertes input::-webkit-outer-spin-button,
.box-malertes input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.data-list ul {
  float: left;
  display: block;
  list-style: none;
  padding: 20px;
  margin-right: 30px;
  background: #F2F2F2;
  margin-top: 20px;
}
.data-list ul li {
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
  padding-top: 10px;
  line-height: normal;
}
.data-list ul li:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}
.data-list ul li:first-child {
  padding-top: 0px;
}
/* Firefox */
.box-malertes input[type=number] {
  -moz-appearance: textfield;
}
.tab-switch {
	    position: absolute;
	    right: 0px;
	    top: 0px;
	    margin: 0;
	    border: 3px solid #1d2e4e;
	    text-align: center;
	    text-transform: uppercase;
	    font-size: 12px;
	    border-radius: 10px;
	    color: #1d2e4e;
	    z-index: 999;
	}
	.tab-switch li{
		padding: 10px 5px;
		display:block;	
		float:left;
		width:80px;
		cursor:pointer;
	}
	.tab-switch li.act{
		color: #ffffff;;
		background: #1d2e4e;
	}
	.tab-switch li:first-child{
		border-bottom-left-radius: 0px;
		border-top-left-radius: 0px;
	}
	.tab-switch li:last-child,.tab-switch li.lastVisible{
		border-bottom-right-radius: 0px;
		border-top-right-radius: 0px;
	}
	
		
.mapBIR .loading,.mapVCCE .loading {
    display: block;
    background: #1c2d4f;
    position: absolute;
    z-index: 99;
    width: 100%;
    text-align: center;
    height: calc(100% - 235px);
    top: 235px;
}
.buttons {
    float: left;
    display: block;
    list-style: none;
} 
.buttons li {
    display: block;
    float: left;
    margin-right: 10px;
    background: #000;
    color: #fff;
    padding: 5px 10px;
    min-width: 100px;
    text-align: center;
    border-radius: 5px;
    cursor:pointer;
}
.buttons li.act {
	background: #1c2d4f;
}
.switch {
    display: inline-block;
    background: #C2C2C2;
    height: 20px;
    width: 40px;
    border-radius: 20px;
    position: relative;
    top: 5px;
    cursor:pointer;
    transition: all 1s ease;
}
.switch i {
    position: absolute;
    display: block;
    height: 16px;
    width: 16px;
    background: #fff;
    border-radius: 50%;
    left: 2px;
    top: 2px;
}
.switch.act {
    background: #1c2d4f;
    color:#35C850;
}
.switch.act i {
	left: calc(100% - 18px);
}
#formbircalendar label{
	display: block;
}
.footer .clock {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    padding: 5px 0;
    border-top: 1px solid #fff;
}
.footer .clock.firstchild{
	border-top:none;	
	padding-top: 0;
}
.footer .clock .fa-trash{position: absolute;right:0;font-size: 12px;cursor:pointer;}
.footer .clock.no-trash .fa-trash{display: none}
.footer .clock i,.footer .clock em{display: block;float:left;font-style: normal;}
.footer .clock i{margin-top:3px;}
.footer .clock em{width:calc(100% - 22px);margin-left:5px;}
#formbircalendar button {
    margin: 20px 0;
    float: left;
    border: none;
    width: 150px;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    border-radius: 5px;
}
#formbircalendar .encart {
    background: #F2F2F2;
    float: left;
    padding: 20px;
    border-radius: 5px;
}
#formbircalendar .select {
    float: left;
    width: 100px;
    margin-right: 10px;
    text-align: center;
}
#formbircalendar span {
	display: block;
	float:left;
	margin-right: 10px;
}
#formbircalendar .days,#formbircalendar .horaires  {
    float: left;
    width: 100%;
    margin: 30px 0 10px 0;
}
#formbircalendar .horaires  {
    margin: 0px 0;
}
#formbircalendar .days .formfield {
    float: left;
    margin-right: 10px;
}
#formbircalendar .hourfroms,#formbircalendar .hourtos {
    float: left;
    /*width: 50%;*/
    margin-right: 20px;
}
#descbir,#descvcce{
	display: block;
	margin: 50px 0;
}
.clock {
  display: block;
  margin-top: 5px;
}
#descbir .bir p.entete,#descvcce .vcce p.entete  {
    background: #1c2d4f;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
    width: calc(100% - 0px);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#descbir .bir,#descvcce .vcce{
	width:100%;
	padding:35px 10px 10px;
	border-radius:10px;
	margin-right: 10px;
	position:relative;
	padding-bottom: 0px;
	float:left;
}	
#descbir .bir .corps ,#descvcce .vcce .corps{
    display: block;
    float: left;
    width: calc(100% + 20px);
    background: #F2F2F2;
    position: relative;
    left: -10px;
    padding: 10px;
    top: -5px;
}
#descbir .bir .footer,#descvcce .vcce .footer {
    background: #7079bc;
    color: #fff;
    width: calc(100% + 20px);
    position: relative;
    left: -10px;
    bottom: 5px;
    padding: 5px 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    float: left;
}
#descbir .bir .iconview {
    position: absolute;
    right: 10px;
    top: 8px;
    color: #fff;
    z-index: 9;
    cursor: pointer;
}
#descbir .bir .iconcalendar {
    position: absolute;
    right: 32px;
    top: 8px;
    color: #fff;
    z-index: 9;
    cursor: pointer;
}
#descbir .bir:last-child,#descvcce .vcce:last-child{margin-right: 0px;}
#descbir .bir p,#descvcce .vcce p{
	margin:0;
}

#descbir .bir.alert p.entete, #descvcce .vcce.alert p.entete {
	background:#a21010;
}
#descbir .bir.alert .footer, #descvcce .vcce.alert .footer {
	background:#ea8383;
}
.el .custom-box {
  /*grid-column: 2;*/
  margin: 0 10px;
  
}
.el .custom-box {
  margin: 0 10px;
  display: block;
  float: left;
  width: calc(50% - 20px);
}	
.form-prod{
	float:left;
	width:100%;
}
.form-prod .dimension {
    float: left;
    width: 100%;
}
.form-prod .dimension b {display:block;}
.form-prod .dimension img {max-height:400px;max-width: 100%;width:auto;height:auto;}

.form-prod .main_desc {
    margin-top: 20px;
    text-align: justify;
    float: left;
}
.form-prod .description ul li{
	display: block;
	width: 100%;
	float: left;
}
.form-prod .ctForm{
	padding:20px;
	border-radius: 10px;
	background: #F2F2F2;
}
.form-prod .ctForm .input {
    margin-bottom: 10px !important;
}
.form-prod .price {
    background: #1c2d4f;
    color: #fff;
    padding: 20px;
    margin-top: -10px;
    margin-bottom: 20px;
    border-radius: 10px;
}
.form-prod .title {
	text-align: center;
    display: block;
}
.form-prod .defprice {
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 30px;
}
.form-prod .description ul li span{}
.form-prod .description ul {
    float: left;
    width: calc(50% - 10px);
    list-style: none;
    padding: 0;
    margin-right: 10px;
}
.form-prod .box3D,.form-prod .boxReal  {
    float: left;
    width: 50%;
}
.form-prod .box3D img,.form-prod .boxReal img{
	width: 100%;
	height:auto;
}
.form-prod .desc_prod{
	float:left;
	width:60%;
	margin-right:20px;
	min-height: 200px;
	margin-top: 30px;
}
.form-prod .container-form{
	float:left;
	width:calc(40% - 20px) !important;
}
.form-prod .container-action {
    width: 100% !important;
}
.meteo-value {
    text-align: center;
    font-size: 100px;
}
.mdtkinfos-wrapper{
	width: calc(100% - 0px);
}
#mElevageList,#mCultureList{
    float: left;
    width: 100%;
}
.mElevage,.mCulture{
	display: block;
	float:left;
	width: 100%;
	border: 1px solid #000;
	margin-bottom: 20px;
	border-radius: 12px;
}
#detailElevageItem,#detailCultureItem {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 20px;
    background: #f8cc6a;
    z-index: 999;
    border-radius: 10px;
    display: none;
    max-width: 400px;
}
#detailElevageItem ul,#detailCultureItem ul{
	list-style: none;	
}
#detailElevageItem ul li,#detailCultureItem ul li{display:block;}
#detailElevageItem ul li b,#detailCultureItem ul li b {
    display: block;
    float: left;
    text-align: right;
    width: 200px;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 2px;
}
#detailElavageItem ul li span,#detailCultureItem ul li span{display: block;float:left;}

.viewSexe .semidonut .highcharts-title span{
	display:inline-block !important;
	width:10px;
	height: 10px;
	background: #7798bf;
	margin: 0 5px;
}
.viewSexe .semidonut .highcharts-title span.lfemale{
	background: #aaeeee;
}
.viewSexe .semidonut .highcharts-title em {
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
    display:inline-block !important;
}
.mElevage .mrow,.mCulture .mrow{
	display: flex;
}
.mElevage .mrow .item,.mCulture .mrow .item{
	width: 100%;
	color:#ffffff;
}
.mElevage .mrow .item span,.mCulture .mrow .item span{display: block;}
.mElevage .mrow .item.viewTextes,.mCulture .mrow .item.viewTextes  {
    text-align: center;
    font-size: 70px;
}
.mElevage .mrow .item.viewTextes  .viewLibelle,.mCulture .mrow .item.viewTextes  .viewLibelle{
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: bold;
}
.mElevage .mrow .item .viewDetail,.mCulture .mrow .item .viewDetail {
    width: 100%;
    height: 100%;
    text-align: center;
}
.mElevage .mrow .item .viewChart,.mCulture .mrow .item .viewChart{
	height:150px;
}
.mElevage h2,.mCulture h2{
    background: #000;
    color: #fff;
    padding: 10px 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin:0;
}
.container-pourcent .container-action {
    position: absolute;
    right: 0;
    top: -10px;
}
 .container-pourcent .container-action i{cursor:pointer;}
.iconList{
    height: 20px;
    background: #000;
    position: absolute;
    bottom: 0px;
    padding: 0px;
    right: 30px;
    border-radius: 10px;
     cursor:pointer;
}
.iconAdd {
    background: #f8cc6a;
    padding: 5px;
    border-radius: 5px;
    display: block;
    float: left;
    margin-right: 5px;
    bottom: 0px;
    right: 0px;
    position: absolute;
    cursor:pointer;
}
.nodata .iconAdd,.nodata .iconList{display: none;}
.tabElevage table tr td {padding:5px 10px !important;}
.tabElevage table tr td .input{
	position: relative;
}
.tabElevage table tr td .input td{
	padding:0 !important;
}
#datatab-elevage_length {
    margin-top: 5px;
    margin-left: 20px;
}
#search-result {
    position: absolute;
    background: #fff;
    width: calc(100% - 0px);
    padding: 20px;
    z-index: 999;
    margin: 0px 0px;
    list-style: none;
    border-radius: 10px;
    box-shadow: 5px 5px 5px #666;
}
.tab-navigation.normal {
    float: left;
    width: calc(100% - 0px);
    position: relative;
    margin: 0 0 30px 0px;
    padding: 0;
    border-bottom: 1px solid #1d2e4e;
}
.tab-navigation li.act {
		background: #1d2e4e;
		color: #fff;
	}
.tab-navigation li {
    	min-width: 105px !important;
    }
    .tab-navigation li {
	    display: block;
	    float: left;
	    padding: 12px 15px;
	    text-align: center;
	    min-width: 150px;
	    background: #fff;
	    cursor:pointer;
	    color:#1d2e4e;
	    border-top:1px solid #1d2e4e;
	    border-right:1px solid #1d2e4e;
	    border-left:1px solid #1d2e4e;
	    margin-right:5px;
	    border-top-left-radius: 5px;
	    border-top-right-radius: 5px;
	}
#search-result li{
	padding:8px 0;
	border-bottom:1px solid #E2E2E2;
}
#search-result li:last-child{border:none;}
body, html {
  width: 100%;
  height: 100%;
  position: relative; }
  body.lightbox, html.lightbox {
    overflow: hidden; }
.chartdiv .meteo-value{
	display:none;
}

#lastlogtime {
    position: absolute;
    font-size: 15px;
    bottom: 0;
    right: 0;
}
#iconmeteo {
  position: absolute;
  width: 80px;
  height: 80px;
  right: -35px;
  top: -70px;
}
.mdtk-views,.mdtk-views .graph-views {
    display: block;
    width: 100%;
    position:relative;
}
#globals-views .cta-common{
    display: block !important;
    position: absolute;
    right: 10px;
    top: -110px;
}
.mdtk-views .boxMeteo,.mdtk-views .tabView {
    width: calc(100% - 20px);
    float: left;
    display: block;
    background: #fff;
    margin: 0 10px 0px 10px;
}
.cta-common .container-el {
    width: auto !important;
}
.cta-common .container-el .el{
	margin-bottom:0 !important;
}
.mdtk-views .graph-meteo ,.mdtk-views .tab-meteo {
    min-height:350px;
}
.boxMeteo td ul{
	list-style: none;
    cursor: pointer;
    position: relative;
    width: 25px;
}
.boxMeteo td ul li{
	width:25px;
	height:25px;
	margin:5px 0;
}
.boxMeteo td ul .w1h {
	background: url("/assets/images/icon-1h.png") no-repeat;
    background-size: auto 100%;
    background-position: center 0px;
}
.boxMeteo td ul .w24h{
	background: url("/assets/images/icon-24h.png") no-repeat;
    background-size: auto 100%;
    background-position: center 0px;
}
.boxMeteo td ul .w30j {
	background: url("/assets/images/icon-30j.png") no-repeat;
    background-size: auto 100%;
    background-position: center 0px;
}
#box-meteo.nodata .container-btn,#box-meteo.nodata .chartdiv{
	display: none;
}
#box-rdv.nodata .drone,#box-rdv.nodata .coord{
	display: none;
}
#box-cartographie.nodata .drone,#box-cartographie.nodata .coord{
	display: none;
}
#box-meteo.nodata{min-height: 247px}
#box-elevages,#box-meteo{/*margin-top:14px;*/}

.form-paiement .row {
    border: 0.5px solid #000;
    border-radius: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-color: #F1F1F1;
}
.form-paiement .input.top  {
    border: 0.5px solid #000;
    border-radius: 4px;
    border-bottom-color: transparent;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-paiement .input.left,.form-paiement .input.right {
    margin-bottom: 13px;
}
.form-paiement .mdtk-card-number{
    margin-top: 12px;
    margin-left: 35px;
    margin-bottom: 10px;
}

.form-paiement .mdtk-card-expiry{
    margin-top: 14px;
    margin-bottom: 0;
    margin-left: 35px;
}

.form-paiement .mdtk-card-cvc{
    margin-top: 14px;
    margin-bottom: 0;
    margin-left: 35px;
}

.abo-choice {
    padding: 10px;
    float: left;
    width: calc(50% - 22px);
    padding-bottom: 10px;
    border: 1px solid #000;
    border-radius: 4px;
}
.abo-choice label {
    display: block;
    background: #000;
    color: #fff;
    padding: 10px;
    width: calc(100% + 21px);
    position: relative;
    top: -10px;
    left: -10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.pp-page{
	float:left;
	width: 100%;
	text-align:center;
}
.pp-page .container{display:flex;list-style:none;padding:0;margin:30px 0;}
.pp-choice li {
    border: 1px solid #1c2d4f;
    width: calc(33.3333333% - 14px);
    padding: 10px;
    margin: 0 10px;
    border-radius:10px;
    position: relative;
	padding-bottom: 150px;
}
.pp-choice li:first-child{margin-left:0;}
.pp-choice li:last-child{margin-right:0;}
.pp-choice ul li h3 {
    background: #1c2d4f;
    color: #fff;
    text-align: center;
    padding: 10px;
    width: calc(100% + 21px);
    left: -10px;
    position: relative;
    top: -10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin:0;
}
.pp-choice .pricing {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 120px;
    text-align: center;
}
/*#meteo-choice .pricing .data-price{display:block;text-align:center;}*/
.pp-choice .pricing .save{display:block;text-align:center;margin-top:5px;}
.pp-choice .pricing sup {
    top: -10px;
    left: 5px;
    font-size: 12px;
}
.pp-choice .pricing table{padding:0 !important}
.pp-choice .pricing table td{padding:0 !important;text-align:center;}


.pp-choice .pricing .sep {
    display: inline-block;
    height: 1px;
    background: #1c2d4f;
    width: 100px;
}

.pp-choice .pricing .data-price {
    font-size: 25px;
    font-style: normal;
    font-weight: bold;
}

.pp-choice ul li p{
	padding-left:25px;
	padding-bottom:0px;
	padding-top:5px;
	background-position: 0px 8px;
	background-size: 20px auto;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	text-align:left;
}

#platform-choice .container::before, #platform-choice .container::after {
	display:none;
}
#platform-choice ul.container{display:block;text-align: center;width:100%;}
#platform-choice ul.container li{display:inline-block;width:100%;max-width:300px;}


#icongraph {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
.pp-choice ul li.selected h3{
	background:#35C850;
}
.pp-choice ul li.selected{
	border-color:#35C850;
}

.icon_stations{
	background-image:url(../../assets/img/icon_stations.png);
	
}
.icon_5min{
	background-image:url(../../assets/img/icon_5min.png);
}
.icon_30j{
	background-image:url(../../assets/img/icon_30j.png);
}
.icon_download	{
	background-image:url(../../assets/img/icon_download.png);
}	  
.icon_graphOAD{
	background-image:url(../../assets/img/icon_graphOAD.png);
}
.icon_12  {
	background-image:url(../../assets/img/icon_12.png);
}




.selected .icon_stations{
	background-image:url(../../assets/img/icon_stations_v.png);
	
}
.selected .icon_5min{
	background-image:url(../../assets/img/icon_5min_v.png);
}
.selected .icon_30j{
	background-image:url(../../assets/img/icon_30j_v.png);
}
.selected .icon_download	{
	background-image:url(../../assets/img/icon_download_v.png);
}	  
.selected .icon_graphOAD{
	background-image:url(../../assets/img/icon_graphOAD_v.png);
}
.selected .icon_12  {
	background-image:url(../../assets/img/icon_12_v.png);
}

.tabView .value,.boxMeteo .value{font-size:18px;display:flex;width:70%;float:left;line-height: 65px;}
.tabView .value sup,.boxMeteo .value sup{font-size:14px;padding:0 5px;}
.tabView .label,.boxMeteo .label {
    font-size: 14px;
    display: block;
    margin: 5px 0;
    float: left;
    width: 100%;
    color: #fff;
    font-family: 'Lato', sans-serif;
    display:none;
}
.tabView .value .real,.tabView .value .cumul ,.boxMeteo .value .real,.boxMeteo .value .cumul {
  display: block;
  width: 100%;
}
.tabView .value i,.boxMeteo .value i {
  display: block;
  height: auto;
  line-height: 20px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  text-indent: -20px;
}
.tabView .icon, .boxMeteo .icon{
	display:block;
	width:30%;
	height:60px;
	margin-top:10px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	float:left;
	display: none;
}
#meteo-sol01 .icon,#meteo-sol02 .icon,#meteo-sol03 .icon,#meteo-sol04 .icon{background-image: url(../../assets/images/ic_sol.png)}
#meteo-temperature .icon{background-image: url(../../assets/images/ic_temperature.png)}
#meteo-pression .icon{background-image: url(../../assets/images/ic_pression.png)}
#meteo-humidite .icon{background-image: url(../../assets/images/ic_humidite.png)}
#meteo-vvitesse .icon,#meteo-vvitesse1 .icon,#meteo-vvitesse5 .icon{background-image: url(../../assets/images/ic_vvitesse.png)}
#meteo-vdirection .icon{background-image: url(../../assets/images/ic_vdirection.png)}
#meteo-air .icon,#meteo-h2snh3 .icon{background-image: url(../../assets/images/ic_air.png)}
#meteo-pluviometrie .icon,#meteo-pluviometrie01 .icon,#meteo-pluviometrie1 .icon,#meteo-pluviometrie24 .icon{background-image: url(../../assets/images/ic_pluviometrie.png)}
#meteo-ensoleillement .icon{background-image: url(../../assets/images/ic_ensoleillement.png)}


.ctbutton{
	float:left;
	width:100%;
	margin-top:30px;
}
.ctbutton .validate{
	float:right;
}
.ctbutton .cancel{
	float:left;
}

.encart-borne {
    border: 1px solid #1c2d4f;
    padding: 10px;
    border-radius: 10px;
}

.encart-borne .title{
    background: #1c2d4f;
    color: #fff;
    padding: 10px;
    width: calc(100% + 22px);
    position: relative;
    top: -10px;
    left: -11px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.selected .encart-borne .title{
    background: #35C850;
}
.selected .encart-borne {border-color: #35C850;}

#meteo-selected .ctbutton{
	margin-top:0;
}
.meteo-page .container li{
	margin:0 10px;
	cursor:pointer;
}
.meteo-page .container li.disabled{
	opacity:0.5;
	background: url(../../assets/img/bientot-disponible.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:80% auto;
}
.container-ist.coming-soon{
	background: url(../../assets/img/bientot-disponible.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:50% auto;
}
.container-ist.coming-soon{
	min-height: 86px;
}
.container-ist.coming-soon .btBigAdd{
	display:none;
}

#meteo-selected.meteo-page .container li{
	width:33.333333%;	
}
.meteo-page .container li:first-child{
	margin-left:0px;
}
.meteo-page .container li:last-child{
	margin-right:0px;
}


.container-rslt {
    display: none !important;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6, i ,em{
  font-weight: normal;
  font-style: normal; }

body {
  background-color: #E2E2E2;/*#F2F5FA; */
 }

body.block {
  overflow: hidden; }


.login .cta-common{
	display:none !important;
}


.btBigAdd{display: none;cursor:pointer;}
.nodata{text-align: center !important;}
.nodata .btBigAdd{
	display: block;
	text-align: center;
	margin:auto;
	cursor: pointer;
	background: rgba(255,255,255,0.7);
	min-height: 122px;
	width: 100%;
	border-radius: unset;
}
.nodata .container-pourcent{display:none !important;}


.wrapper-tab-login .col{
	float: left;
    display: block;
    width: 50%;
	border-radius: 10px;
	padding:30px;
	background: #ffffff;
	margin-top:-45px;
	margin-bottom: 30px;
}
.wrapper-tab-login .col:first-child{width:calc(45% - 10px);margin-right:0px;}
.wrapper-tab-login .col:last-child{width:calc(45% - 10px);margin-left:0px;}

.wrapper-tab-login .container-el {
    float:left;
    width:100%;
}

.wrapper-tab-login h2 {
    font-family: ClanPro-Regular;
    margin-bottom:20px;
}

.form-group{
	margin-bottom:10px;
}
.container-btn .btn{
	background-color: #ffffff;
}

.btn {
    font-family: Lato-regular;
    cursor: pointer;
    border-radius: 4px;
    background-color: #E3667A;
    color: #fff;
    outline: none;
    border: none;
    font-weight: 500;
    font-size: 13px;
    padding:20px 15px;
    display:block;
    float:right;
    margin:20px 0;
    line-height: 10px;
}

/* ------------------------------------------------------------- */
/* ********************* CONTAINER GENERAL ********************* */
/* ------------------------------------------------------------- */
main {
  position: relative;
  width: 100%;
  /*overflow: auto;*/ }

/* ----------------------------------------------------------------- */
/* ********************* END CONTAINER GENERAL ********************* */
/* ----------------------------------------------------------------- */
/* ----------------------------------------------------- */
/* ********************* VARIABLES ********************* */
/* ----------------------------------------------------- */
/*==============================
=            COLORS            =
==============================*/
/*----------  MAIN COLORS  ----------*/
/*=====  End of COLORS  ======*/
/*=============================
=            FONTS            =
=============================*/
/*=====  End of FONTS  ======*/
/*=================================
=            TEXT SIZE            =
=================================*/
/*----------  H1  ----------*/
/*----------  DESKTOP  ----------*/
/*----------  H2  ----------*/
/*----------  DESKTOP  ----------*/
/*----------  H3  ----------*/
/*----------  DESKTOP  ----------*/
/*----------  H4  ----------*/
/*----------  DESKTOP  ----------*/
/*----------  H5  ----------*/
/*----------  DESKTOP  ----------*/
/*----------  PARAGRAPH BIG  ----------*/
/*----------  DESKTOP  ----------*/
/*----------  PARAGRAPH MDIUM  ----------*/
/*----------  DESKTOP  ----------*/
/*----------  PARAGRAPH SMALL  ----------*/
/*----------  DESKTOP  ----------*/
/*----------  LINK  ----------*/
/*=====  End of TEXT SIZE  ======*/
/*============================
=            GRID            =
============================*/
/*=====  End of GRID  ======*/
/*===================================
=            BREAK POINT            =
===================================*/
/*=====  End of BREAK POINT  ======*/
/* --------------------------------------------------------- */
/* ********************* END VARIABLES ********************* */
/* --------------------------------------------------------- */
/* ------------------------------------------------- */
/* ********************* MIXIN ********************* */
/* ------------------------------------------------- */
/*----------  FUNCTION  ----------*/
/*
	@mixin rgba-background($hexcolor, $opacity) {
	  background-color: rgba($hexcolor, $opacity); 
	}*/
/*----------  HEADING  ----------*/
/*----------  H1  ----------*/
/*----------  H2  ----------*/
/*----------  H3  ----------*/
/*----------  H4  ----------*/
/*----------  H5  ----------*/
/*----------  PARAGRAPH BIG  ----------*/
/*----------  PARAGRAPH MEDIUM  ----------*/
/*----------  PARAGRAPH SMALL  ----------*/
/*----------  BUTTON  ----------*/
/*----------  GRID  ----------*/
/*----------  SIZE 1  ----------*/
/*----------  SIZE 2  ----------*/
/*----------  SIZE 3  ----------*/
/*----------  SIZE 4  ----------*/
/* ----------------------------------------------------- */
/* ********************* END MIXIN ********************* */
/* ----------------------------------------------------- */
/* -------------------------------------------------------- */
/* ********************* START SELECT ********************* */
/* -------------------------------------------------------- */
.s-hidden {
  visibility: hidden;
  padding-right: 10px; 
  height: 0 !important;
  }

.select {
	width: 100%;
	border: 1px solid #000;
	display: block;
	height: 50px;
	line-height: 45px;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	position: relative; 
}

.styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  padding: 0 10px; 
  border-radius: 5px;
}
.btOffer {
    cursor: pointer;
    border: 2px solid #f8cc6a;
    border-radius: 15px;
    margin: 0px 10px;
    padding: 3px 15px;
    font-style: normal;
    text-transform: uppercase;
    font-size: 10px;
    background: #f8cc6a;
    color: #000;
}
.styledSelect:after {
  content: " ";
  position: absolute;
  width: 5px;
  height: 5px;
  margin: 8px 0px 8px 8px;
  border-right: 1.4px solid #0B1D4C;
  border-bottom: 1.4px solid #0B1D4C;
  right: 5%;
  top:15px;
  transform: translateY(-50%) rotate(45deg); }
  
  /*.styledSelect::after {
    content: " ";
    position: absolute;
    width: 5px;
    height: 5px;
    margin: 8px 0px 8px 8px;
    border-right: 1.4px solid #0B1D4C;
    border-bottom: 1.4px solid #0B1D4C;
    right: 5%;
    top: 0px;
  }*/
/*.select-top .styledSelect:after {margin: 22px 0px 8px 8px;}*/

.options {
  display: none;
  width:calc(100% + 2px);
  position: absolute;
  top: 100%;
  right: 0;
  left: -1px;
  z-index: 999;
  list-style: none;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  max-height: 200px;
overflow: auto;
   }

.options li {
  padding: 10px 15px;
  border-bottom: 0.5px solid #ccc;
  line-height: 25px;
}

.options li:hover {
  background-color: #E9E5FD; }


#activities .form-group {
    width: 100%;
    float: left;
    margin: 0 !important;
}
#activities .form-group > label{display:block;padding:10px 0;border-bottom:1px solid #333;margin-bottom:10px;}

#activities .form-group .group-check {
    float: left;
    width: 33.333333%;
}
#activities .group-check input {
    width: auto;
    margin-right: 10px;
}
#activities .group-check label {
    color: #333;
    width:auto;
}
#activities .group-field {
    float: left;
    width: 100%;
    border: 1px solid #333;
    border-radius: 5px;
    padding: 20px;
}

.steps{
	float:left;
	width:100%;
	margin-bottom:30px;
}
.steps ul{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	/*border:1px solid #ffffff;*/
}

.steps ul li {
    display: block;
    margin: 0px;
    padding: 0;
    float: left;
}
.steps ul li.sep {
    width: calc(50% - 45px);
    height: 2px;
    background: #fff;
    margin-top: 15px;
}
.steps ul li.sep {
	background: #1c2d4f;
	 width: calc(50% - 51px);
}
.steps ul li.num {
    width: 30px;
    border: none;
    border-radius: 50%;
    background: #ffffff;
    color: #1c2d4f;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 7px 0;
    height: 30px;
	line-height: 13px;
}

.steps ul li.num {
	border: 1px solid #1c2d4f;
}
.steps ul li.actif {
    background: #1c2d4f;
    color: #fff;
}
p.error {
    display: block;
    width: 100%;
    float: left;
    margin: 20px 0 0px 0;
    text-align: left;
    color: #ea4335;
    font-weight: normal;
    font-size: 15px;
}
.add-exp-header{
	float:left;
	width:100%;
	margin-bottom:15px;
}

.bullets {
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    text-align: center;
    position: absolute;
    top: -5px;
    left: 0;
}
.bullets li {
    display: inline-block;
    margin: 0 2px;
    height: 5px;
    width: 5px;
    border: 1px solid #000;
    border-radius: 50%;
}
.bullets li.act{
    background: #000;
}
.export-content{
	display:inline-block;width:80%;max-width:350px;background: #ffff;border-radius: 0;padding:20px;left: -350px;position: absolute;height: 100%;
	transition: all 1s ease;
}
.tab-switch li span{
	vertical-align: middle;
	margin-left: 5px;
}
.export-content.deploy{
	left: 0px;
}
.btAlerte {
  margin-left: 10px;
  color: red;
  display: none;
}
div.ctbt {
  display: block;
  float: left;
  margin-right: 10px;
  margin-left:0px;
  margin-bottom:0px;
}
span.bt{
  margin: 0;
  border: 3px solid #1d2e4e;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  border-radius: 20px;
  color: #fff;
  z-index: 999;
  padding:10px 15px;
  cursor:pointer;
  background: #5c77a3;
  display: inline-block;
}
span.bt:hover{
	background: #1d2e4e;
	color:#fff;
}
.list-unstyled li::marker{display:none}
/* ------------------------------------------------------ */
/* ********************* END SELECT ********************* */
/* ------------------------------------------------------ */
/* ---------------------------------------------------- */
/* ********************* LIGTHBOX ********************* */
/* ---------------------------------------------------- */
lightbox {
  position: fixed;
  display: none;
  flex-direction: column;
  align-items: center;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  background-color: rgba(32, 54, 96, 0.8); }
  #partners-liste-tab-views_wrapper{
	  overflow: auto;
	  height: calc(100% - 40px);
  }
  lightbox.active {
    display: flex; }
  lightbox .close {
    cursor: pointer;
    padding: 50px 0; 
    opacity:1;
    filter: alpha(opacity=100);
    }
    lightbox .close img {
      height: 28px;
      width: 28px;
      transform: rotate(45deg); }
    lightbox .close:hover {
      opacity: 0.9; }
  lightbox .box {
    position: absolute;
    top: 125px;
    left: 50%;
    transform: translateX(-50%);
    padding: 30px;
    flex-direction: column;
    align-items: center;
    display: none;
    width: 360px;
    border-radius: 4px;
    background-color: #FFFFFF;
    margin-bottom: 75px; }
    lightbox .box.active {
      display: flex; }
    lightbox .box .container-title {
      font-family: Lato-Regular;
      color: #1C2D4F;
      font-size: 18px;
      line-height: 28px; }
      lightbox .box .container-title.under {
        width: 100%;
        text-align: center;
        margin-top: 25px;
        padding-bottom: 30px;
        border-bottom: 1px solid #E9E9F4; }
        lightbox .box .container-title.under span {
          display: block;
          color: #9495A0; }
    lightbox .box .container-picto {
      margin-top: 25px;
      height: 69px;
      width: 69px; }
      lightbox .box .container-picto img {
        border-radius: 4px;
        width: 100%;
        height: 100%; }
    lightbox .box .infos-message {
      margin-top: 30px;
      width: 100%;
      display: flex;
      flex-direction: column; }
      lightbox .box .infos-message .container-name {
        font-family: ClanPro-Regular;
        color: #1C2D4F;
        font-size: 18px;
        line-height: 22px; }
      lightbox .box .infos-message .container-infos {
        display: flex;
        justify-content: space-between;
        font-family: Lato-Regular;
        font-size: 14px;
        color: #0B1D4C; }
        lightbox .box .infos-message .container-infos span {
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          font-size: 13px; }
    lightbox .box .container-form {
      width: 100%;
      margin-top: 30px; }
      lightbox .box .container-form .input,.container-form .input {
        margin-bottom: 25px; }
        lightbox .box .container-form .input label , .container-form .input label {
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          width: 100%;
          line-height: 24px; }
        lightbox .box .container-form .input input, lightbox .box .container-form .input .select, lightbox .box .container-form .input .styledSelect,.container-form .input input,.container-form .input .select, .container-form .input .styledSelect {
          padding: 15px;
          padding-right: 0;
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          width: 100%;
          border: 0.5px solid #0B1D4C;
          border-radius: 4px;
          background-color: #FFFFFF;
          outline: none;
          opacity: 1;
          color: #1C2D4F; }
          lightbox .box .container-form .input input:focus, lightbox .box .container-form .input input.active, lightbox .box .container-form .input .select:focus, lightbox .box .container-form .input .select.active, lightbox .box .container-form .input .styledSelect:focus, lightbox .box .container-form .input .styledSelect.active {
            transition-duration: 0.2s;
            background-color: #E9E5FD;
            border: 0.5px solid #E9E5FD; }
            lightbox .box .container-form .input input:focus option, lightbox .box .container-form .input input.active option, lightbox .box .container-form .input .select:focus option, lightbox .box .container-form .input .select.active option, lightbox .box .container-form .input .styledSelect:focus option, lightbox .box .container-form .input .styledSelect.active option {
              background-color: #fff; }
        lightbox .box .container-form .input .select {
          padding: 14px; }
        lightbox .box .container-form .input input:read-only {
          color: #9495A0; }
        lightbox .box .container-form .input .styledSelect {
          line-height: 18px; }
        lightbox .box .container-form .input .select {
          border: none; }
      lightbox .box .container-form .date input {
        width: 20%; }
        lightbox .box .container-form .date input:nth-child(3) {
          width: 30%; }
        lightbox .box .container-form .date input::placeholder {
          color: #C2C6CF; }
      lightbox .box .container-form .time {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        lightbox .box .container-form .time .input .hour input {
          width: 55px; }
        lightbox .box .container-form .time .point {
          height: 4px;
          width: 4px;
          background-color: #D8D8D8; }
      lightbox .box .container-form .container-action {
        margin-top: 30px;
        display: flex;
        justify-content: space-between;
        height: 50px; }
        button, .button {
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          height: 50px;
          width: 45%;
          border-radius: 4px;
          outline: none;
          font-family: Lato-Regular;
          font-size: 13px;
          font-weight: 500; }
          button.cancel,.button.cancel {
            border: 0.5px solid #0B1D4C;
            background-color: #fff;
            color: #0B1D4C; }
          button.delete, .button.delete {
            border: 0.5px solid #E3667A;
            background-color: #E3667A;
            color: #fff; }
          button.validate,.button.validate {
            border: 0.5px solid #35C850;
            background-color: #35C850;
            color: #fff; }
          button:hover, .button:hover {
            opacity: 0.8; }
    lightbox .box.delFacture .container-infos {
      flex-direction: column; }
    lightbox .box.delDrone .container-picto, lightbox .box.modifDrone .container-picto, lightbox .box.delCapteur .container-picto, lightbox .box.modifCapteur .container-picto {
      width: 100px; }
    lightbox .box.delDrone .container-title.under, lightbox .box.modifDrone .container-title.under, lightbox .box.delCapteur .container-title.under, lightbox .box.modifCapteur .container-title.under {
      margin-top: 10px; }
    lightbox .box.delDrone .container-infos, lightbox .box.modifDrone .container-infos, lightbox .box.delCapteur .container-infos, lightbox .box.modifCapteur .container-infos {
      flex-wrap: wrap;
      justify-content: space-between; }
      lightbox .box.delDrone .container-infos .numero, lightbox .box.modifDrone .container-infos .numero, lightbox .box.delCapteur .container-infos .numero, lightbox .box.modifCapteur .container-infos .numero {
        width: 100%; }
        lightbox .box.delDrone .container-infos .numero.neg .color, lightbox .box.modifDrone .container-infos .numero.neg .color, lightbox .box.delCapteur .container-infos .numero.neg .color, lightbox .box.modifCapteur .container-infos .numero.neg .color {
          display: inline;
          color: #E3667A; }
      lightbox .box.delDrone .container-infos .by, lightbox .box.delDrone .container-infos .date, lightbox .box.modifDrone .container-infos .by, lightbox .box.modifDrone .container-infos .date, lightbox .box.delCapteur .container-infos .by, lightbox .box.delCapteur .container-infos .date, lightbox .box.modifCapteur .container-infos .by, lightbox .box.modifCapteur .container-infos .date {
        width: 50%;
        margin-top: 15px; }
        lightbox .box.delDrone .container-infos .by .color, lightbox .box.delDrone .container-infos .date .color, lightbox .box.modifDrone .container-infos .by .color, lightbox .box.modifDrone .container-infos .date .color, lightbox .box.delCapteur .container-infos .by .color, lightbox .box.delCapteur .container-infos .date .color, lightbox .box.modifCapteur .container-infos .by .color, lightbox .box.modifCapteur .container-infos .date .color {
          color: #35C850; }
        lightbox .box.delDrone .container-infos .by img, lightbox .box.delDrone .container-infos .date img, lightbox .box.modifDrone .container-infos .by img, lightbox .box.modifDrone .container-infos .date img, lightbox .box.delCapteur .container-infos .by img, lightbox .box.delCapteur .container-infos .date img, lightbox .box.modifCapteur .container-infos .by img, lightbox .box.modifCapteur .container-infos .date img {
          opacity: 0.4;
          margin-left: 5px; }
    lightbox .box.addDrone .container-picto {
      width: 100px; }
    lightbox .box.big {
      width: 1024px;
max-width: 96%; }
.ctBtIotFilter {
  display: block;
  /*width: 580px;
  height: 50px;*/
  margin-left: -710px;
  margin-top: 64px;
}
.btIotFilter.actif {
  background: #1f345c;
  color: #fff;
}
.btIotFilter.btParcelles.actif {
  background: #00000;
  color: #fff;
}
.btIotFilter.btParcelles {
  background: #D2D2D2;
}
.btIotFilter{
	border-radius:3px;
    font-size: 16px;
    cursor: pointer;
    padding: 10px 10px;
    margin-right: 5px;
    background-color: #fff;
    float: left;
    text-align: center;
    font-weight: bold;
    border: 1px solid #C2C2C2;
}
.gm-style-cc{
	display:none;
}
      lightbox .box.big .container-title.under {
        width: 350px; }
        lightbox .box.big .container-title.under .purple {
          color: #937BF3; }
      lightbox .box.big .first {
        width: 100%;
        display: none; }
        lightbox .box.big .first.show {
          display: block; }
      lightbox .box.big .last {
        width: 100%;
        display: none; }
        lightbox .box.big .last.show {
          display: block; }
      lightbox .box.big table:not(.table-condensed) {
        padding: 30px 0; }
        lightbox .box.big table:not(.table-condensed) tr td {
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          padding: 10px 50px 10px 0;
          opacity: 1; }
          lightbox .box.big table:not(.table-condensed) tr td:last-child {
            padding-left: 110px;
            padding-right: 0; }
        lightbox .box.big table:not(.table-condensed) tbody tr td, lightbox .box.big table:not(.table-condensed) tfoot tr td {
          font-size: 13px; }
          lightbox .box.big table:not(.table-condensed) tbody tr td img, lightbox .box.big table:not(.table-condensed) tfoot tr td img {
            cursor: pointer;
            height: 12px;
            width: 10px; }
        lightbox .box.big table:not(.table-condensed) tbody tr td:first-child {
          color: #1C2D4F; }
      lightbox .box.big .line {
        width: 350px;
        margin: auto;
        height: 1px;
        background-color: #E9E9F4;
        margin-bottom: 40px; }
      lightbox .box.big form .container-action {
        margin: auto;
        margin-top: 10px;
        width: 350px; }
      lightbox .box.big form .row {
        display: flex;
        justify-content: space-between; }
        lightbox .box.big form .row .col {
          width: 300px; }
          lightbox .box.big form .row .col .row .input label {
            font-size: 13px; }
          lightbox .box.big form .row .col .row .input input, lightbox .box.big form .row .col .row .input select {
            width: 85px; }
          lightbox .box.big form .row .col .row .input .select {
            padding: 14px; }
          lightbox .box.big form .row .col .row .input:first-child {
            width: 100px;
            margin-right: 16px; }
    lightbox .box.delClient .container-picto img, lightbox .box.modifClient .container-picto img {
      border-radius: 22px; }
    lightbox .box.delClient .container-infos .numero, lightbox .box.modifClient .container-infos .numero {
      font-size: 13px;
      color: #9495A0; }
    lightbox .box.modifClient .container-title.under {
      border-bottom: 0;
      padding-bottom: 0; }
    lightbox .box.addFacture .container-title.under span {
      display: inline; }
    lightbox .box.addClient .container-picto {
      position: relative; }
      lightbox .box.addClient .container-picto .parcourir {
        cursor: pointer;
        position: absolute;
        transform: translateX(30%) translateY(30%);
        right: 0;
        bottom: 0;
        height: 35px;
        width: 35px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #1C2D4F; }
        lightbox .box.addClient .container-picto .parcourir:after {
          content: " ";
          position: absolute;
          top: -4px;
          left: -4px;
          width: 39px;
          height: 39px;
          border-radius: 14px;
          border: 2px solid #E3667A; }
        lightbox .box.addClient .container-picto .parcourir img {
          border-radius: 0;
          height: 13px;
          width: 15px; }
    lightbox .payerFacture .container-title {
      z-index: 1; }
      lightbox .payerFacture .container-title:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 140px;
        border-radius: 4px 4px 0 0;
        background-color: #E9E9F4;
        z-index: -1; }
    lightbox .payerFacture ul {
      z-index: 1;
      margin-top: 10px; }
      lightbox .payerFacture ul li {
        text-align: center;
        list-style: none;
        font-family: Lato-Regular;
        color: #9495A0;
        opacity: 0.8;
        font-size: 13px;
        line-height: 16px;
        opacity: 1; }
        lightbox .payerFacture ul li span {
          color: #1C2D4F; }
    lightbox .payerFacture .container-form {
      margin-top: 70px; }
      lightbox .payerFacture .container-form .input {
        position: relative; }
        lightbox .payerFacture .container-form .input input {
          padding-left: 40px; }
        lightbox .payerFacture .container-form .input img {
          position: absolute;
          top: 20px;
          left: 10px;
          transform: translateY(-50%); }
        lightbox .payerFacture .container-form .input.top {
          margin: 0; }
          lightbox .payerFacture .container-form .input.top input {
            border-radius: 4px 4px 0 0;
            border-bottom: none; }
            lightbox .payerFacture .container-form .input.top input:focus {
              border-radius: 4px 4px 0 0;
              border: 0.5px solid #0B1D4C;
              border-bottom: none; }
        lightbox .payerFacture .container-form .input.check {
          position: relative;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          font-size: 14px;
          font-family: Lato-regular;
          color: #1C2D4F; }
          lightbox .payerFacture .container-form .input.check input {
            position: relative;
            height: 10px;
            width: 10px;
            margin-right: 20px;
            padding: 0; }
            lightbox .payerFacture .container-form .input.check input[type="checkbox"]:checked + span {
              background-color: #E9E9F4; }
          lightbox .payerFacture .container-form .input.check span {
            position: absolute;
            top: 0;
            left: 0;
            height: 15px;
            width: 15px;
            border: 0.5px solid #152654;
            border-radius: 4px;
            background-color: #fff; }
      lightbox .payerFacture .container-form .row {
        position: relative;
        display: flex; }
        lightbox .payerFacture .container-form .row .input {
          width: 50%; }
          lightbox .payerFacture .container-form .row .input input {
            border-top: 0.5px solid #E9E9F4; }
            lightbox .payerFacture .container-form .row .input input:focus {
              border-top: 0.5px solid #E9E9F4; }
          lightbox .payerFacture .container-form .row .input.left input {
            border-radius: 0 0 0 4px;
            border-right: none; }
            lightbox .payerFacture .container-form .row .input.left input:focus {
              border: 0.5px solid #0B1D4C;
              border-radius: 0 0 0 4px;
              border-top: 0.5px solid #E9E9F4;
              border-right: none; }
          lightbox .payerFacture .container-form .row .input.right input {
            border-radius: 0 0 4px 0;
            border-left: none; }
            lightbox .payerFacture .container-form .row .input.right input:focus {
              border: 0.5px solid #0B1D4C;
              border-radius: 0 0 4px 0;
              border-top: 0.5px solid #E9E9F4;
              border-left: none; }
        lightbox .payerFacture .container-form .row:after {
          content: " ";
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          bottom: 0px;
          width: 1px;
          height: 45px;
          background-color: #E9E9F4; }
      lightbox .payerFacture .container-form .container-action button {
        width: 100%; }
    lightbox .box.infoClient .container-infos {
      display: flex;
      align-items: flex-start;
      width: 100%; }
      lightbox .box.infoClient .container-infos .container-img {
        height: 70px;
        width: 70px;
        margin-right: 20px; }
        lightbox .box.infoClient .container-infos .container-img img {
          width: 100%;
          border-radius: 20px; }
      lightbox .box.infoClient .container-infos .row-n-col {
        display: flex;
        flex-direction: column; }
      lightbox .box.infoClient .container-infos .container-base {
        margin-right: 70px; }
        lightbox .box.infoClient .container-infos .container-base .name {
          font-family: Lato-Regular;
          color: #1C2D4F;
          font-size: 18px;
          line-height: 28px;
          line-height: 15px; }
        lightbox .box.infoClient .container-infos .container-base .row {
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          font-size: 13px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 350px; }
          lightbox .box.infoClient .container-infos .container-base .row .point {
            height: 4px;
            width: 4px;
            background-color: #D8D8D8;
            border-radius: 50%; }
      lightbox .box.infoClient .container-infos .container-exploitations {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-family: Lato-Regular;
        color: #9495A0;
        opacity: 0.8;
        font-size: 13px;
        line-height: 16px;
        opacity: 1;
        color: #1C2D4F;
        margin-top: 5px;
        padding-bottom: 20px;
        border-bottom: 2px solid #E9E9F4; }
        lightbox .box.infoClient .container-infos .container-exploitations .exploitation {
          margin-right: 35px; }
          lightbox .box.infoClient .container-infos .container-exploitations .exploitation span {
            margin-left: 10px;
            color: #35C850; }
          lightbox .box.infoClient .container-infos .container-exploitations .exploitation img:nth-child(3) {
            display: none; }
          lightbox .box.infoClient .container-infos .container-exploitations .exploitation.neg span {
            color: #E3667A; }
          lightbox .box.infoClient .container-infos .container-exploitations .exploitation.neg img:nth-child(2) {
            display: none; }
          lightbox .box.infoClient .container-infos .container-exploitations .exploitation.neg img:nth-child(3) {
            display: initial; }
      lightbox .box.infoClient .container-infos .container-perso {
        padding-top: 15px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        font-family: Lato-Regular;
        color: #9495A0;
        opacity: 0.8;
        font-size: 13px;
        line-height: 16px;
        opacity: 1;
        line-height: 15px;
        color: #1C2D4F;
        margin-top: 5px; }
        lightbox .box.infoClient .container-infos .container-perso .perso {
          width: 175px; }
          lightbox .box.infoClient .container-infos .container-perso .perso span {
            color: #9495A0; }
            lightbox .box.infoClient .container-infos .container-perso .perso span a {
              text-decoration: none; }
    lightbox .box.infoClient .map {
      margin-top: 25px;
      cursor: pointer;
      height: 455px;
      width: 100%;
      border-radius: 5px; }
    lightbox .box.zoomDashboard {
      justify-content: center;
      width: 90%; }
      lightbox .box.zoomDashboard .map {
        height: 850px;
        width: 100%; }
      lightbox .box.zoomDashboard .container-zoom {
        top: calc(100% - 120px) !important;
        left: calc(100% - 60px) !important; }
    lightbox .box.infoDrone, lightbox .box.infoCapteur, lightbox .box.infoAgents {
      align-items: flex-start;
      flex-flow: row wrap;
      justify-content: space-around;
      width: 825px; }
      lightbox .box.infoDrone .container-base, lightbox .box.infoCapteur .container-base, lightbox .box.infoAgents .container-base {
        padding-bottom: 20px;
        border-bottom: 1px solid #E9E9F4; }
        lightbox .box.infoDrone .container-base .name, lightbox .box.infoCapteur .container-base .name, lightbox .box.infoAgents .container-base .name {
          font-family: Lato-Regular;
          color: #1C2D4F;
          font-size: 18px;
          line-height: 28px; }
        lightbox .box.infoDrone .container-base .row, lightbox .box.infoCapteur .container-base .row, lightbox .box.infoAgents .container-base .row {
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          opacity: 1;
          font-size: 13px; }
          lightbox .box.infoDrone .container-base .row li a, lightbox .box.infoCapteur .container-base .row li a, lightbox .box.infoAgents .container-base .row li a {
            text-decoration: none; }
      lightbox .box.infoDrone .content, lightbox .box.infoCapteur .content, lightbox .box.infoAgents .content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-family: Lato-Regular;
        color: #9495A0;
        opacity: 0.8;
        font-size: 13px;
        line-height: 16px;
        opacity: 1;
        color: #1C2D4F;
        margin: 20px 0; }
        lightbox .box.infoDrone .content li, lightbox .box.infoCapteur .content li, lightbox .box.infoAgents .content li {
          list-style: none; }
          lightbox .box.infoDrone .content li span, lightbox .box.infoCapteur .content li span, lightbox .box.infoAgents .content li span {
            margin-left: 5px;
            color: #9495A0; }
      lightbox .box.infoDrone .map a, lightbox .box.infoCapteur .map a, lightbox .box.infoAgents .map a {
        display: none !important; }
      lightbox .box.infoDrone .container-action, lightbox .box.infoCapteur .container-action, lightbox .box.infoAgents .container-action {
        cursor: pointer;
        position: absolute;
        z-index: 1;
        right: 35px;
        font-family: Lato-Regular;
        color: #9495A0;
        opacity: 0.8;
        font-size: 13px;
        line-height: 16px;
        opacity: 1;
        line-height: 24px; }
        lightbox .box.infoDrone .container-action:after, lightbox .box.infoCapteur .container-action:after, lightbox .box.infoAgents .container-action:after {
          content: " ";
          position: absolute;
          top: -5px;
          right: -20px;
          width: 5px;
          height: 5px;
          margin: 8px;
          border-right: 1.4px solid #9495A0;
          border-bottom: 1.4px solid #9495A0;
          transform: translateY(75%) rotate(45deg); }
        lightbox .box.infoDrone .container-action .dropdown, lightbox .box.infoCapteur .container-action .dropdown, lightbox .box.infoAgents .container-action .dropdown {
          position: absolute;
          display: none;
          flex-direction: column;
          align-items: baseline;
          top: 35px;
          right: -15px;
          width: 145px;
          border-radius: 8px;
          background-color: #FFFFFF;
          box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); }
          lightbox .box.infoDrone .container-action .dropdown .action, lightbox .box.infoCapteur .container-action .dropdown .action, lightbox .box.infoAgents .container-action .dropdown .action {
            display: flex;
            align-items: center;
            padding: 10px;
            margin: 5px;
            border-radius: 4px;
            width: 135px;
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            opacity: 1;
            color: #1C2D4F;
            line-height: 0; }
            lightbox .box.infoDrone .container-action .dropdown .action img, lightbox .box.infoCapteur .container-action .dropdown .action img, lightbox .box.infoAgents .container-action .dropdown .action img {
              margin-right: 10px;
              height: 12px;
              width: 14px; }
            lightbox .box.infoDrone .container-action .dropdown .action:hover, lightbox .box.infoCapteur .container-action .dropdown .action:hover, lightbox .box.infoAgents .container-action .dropdown .action:hover {
              background-color: rgba(0, 0, 0, 0.1); }
        lightbox .box.infoDrone .container-action:hover, lightbox .box.infoCapteur .container-action:hover, lightbox .box.infoAgents .container-action:hover {
          color: #1C2D4F; }
          lightbox .box.infoDrone .container-action:hover:after, lightbox .box.infoCapteur .container-action:hover:after, lightbox .box.infoAgents .container-action:hover:after {
            border-right: 1.4px solid #1C2D4F;
            border-bottom: 1.4px solid #1C2D4F; }
          lightbox .box.infoDrone .container-action:hover .dropdown, lightbox .box.infoCapteur .container-action:hover .dropdown, lightbox .box.infoAgents .container-action:hover .dropdown {
            display: flex; }
      lightbox .box.infoDrone .container-infos, lightbox .box.infoCapteur .container-infos, lightbox .box.infoAgents .container-infos {
        display: flex;
        align-items: flex-start;
        width: 100%; }
        lightbox .box.infoDrone .container-infos .container-img, lightbox .box.infoCapteur .container-infos .container-img, lightbox .box.infoAgents .container-infos .container-img {
          height: 70px;
          width: 70px;
          margin-right: 20px;
          padding-top: 10px; }
          lightbox .box.infoDrone .container-infos .container-img img, lightbox .box.infoCapteur .container-infos .container-img img, lightbox .box.infoAgents .container-infos .container-img img {
            width: 100%;
            border-radius: 20px; }
        lightbox .box.infoDrone .container-infos .row-n-col, lightbox .box.infoCapteur .container-infos .row-n-col, lightbox .box.infoAgents .container-infos .row-n-col {
          display: flex;
          flex-direction: column; }
        lightbox .box.infoDrone .container-infos .container-base .name, lightbox .box.infoCapteur .container-infos .container-base .name, lightbox .box.infoAgents .container-infos .container-base .name {
          line-height: 15px; }
        lightbox .box.infoDrone .container-infos .container-base .row, lightbox .box.infoCapteur .container-infos .container-base .row, lightbox .box.infoAgents .container-infos .container-base .row {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 250px; }
          lightbox .box.infoDrone .container-infos .container-base .row .color, lightbox .box.infoCapteur .container-infos .container-base .row .color, lightbox .box.infoAgents .container-infos .container-base .row .color {
            color: #35C850; }
          lightbox .box.infoDrone .container-infos .container-base .row .point, lightbox .box.infoCapteur .container-infos .container-base .row .point, lightbox .box.infoAgents .container-infos .container-base .row .point {
            height: 4px;
            width: 4px;
            background-color: #D8D8D8;
            border-radius: 50%; }
          lightbox .box.infoDrone .container-infos .container-base .row.blue, lightbox .box.infoCapteur .container-infos .container-base .row.blue, lightbox .box.infoAgents .container-infos .container-base .row.blue {
            color: #1C2D4F; }
          lightbox .box.infoDrone .container-infos .container-base .row.neg .color, lightbox .box.infoCapteur .container-infos .container-base .row.neg .color, lightbox .box.infoAgents .container-infos .container-base .row.neg .color {
            color: #E3667A; }
          lightbox .box.infoDrone .container-infos .container-base .row li, lightbox .box.infoCapteur .container-infos .container-base .row li, lightbox .box.infoAgents .container-infos .container-base .row li {
            list-style: none; }
        lightbox .box.infoDrone .container-infos .content, lightbox .box.infoCapteur .container-infos .content, lightbox .box.infoAgents .container-infos .content {
          width: 550px; }
      lightbox .box.infoDrone .map, lightbox .box.infoCapteur .map, lightbox .box.infoAgents .map {
        cursor: pointer;
        height: 450px;
        width: 350px;
        border-radius: 5px; }
        lightbox .box.infoDrone .map .button, lightbox .box.infoCapteur .map .button, lightbox .box.infoAgents .map .button {
          cursor: pointer;
          position: absolute;
          right: 0;
          bottom: 0;
          z-index: 100; }
      lightbox .box.infoDrone .container-action, lightbox .box.infoCapteur .container-action, lightbox .box.infoAgents .container-action {
        padding-left: 20px;
        padding-bottom: 20px;
        top: calc(20px + 15px);
        transform: translateY(-50%); }
      lightbox .box.infoDrone .messages-list, lightbox .box.infoCapteur .messages-list, lightbox .box.infoAgents .messages-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 400px; }
        lightbox .box.infoDrone .messages-list ul li, lightbox .box.infoCapteur .messages-list ul li, lightbox .box.infoAgents .messages-list ul li {
          position: relative;
          list-style: none;
          display: flex;
          align-items: center;
          padding: 22.5px 20px;
          cursor: pointer; }
          lightbox .box.infoDrone .messages-list ul li:first-child, lightbox .box.infoCapteur .messages-list ul li:first-child, lightbox .box.infoAgents .messages-list ul li:first-child {
            padding-top: 10px; }
          lightbox .box.infoDrone .messages-list ul li:last-child, lightbox .box.infoCapteur .messages-list ul li:last-child, lightbox .box.infoAgents .messages-list ul li:last-child {
            margin-bottom: 10px; }
          lightbox .box.infoDrone .messages-list ul li .logo .nohover, lightbox .box.infoCapteur .messages-list ul li .logo .nohover, lightbox .box.infoAgents .messages-list ul li .logo .nohover {
            display: block; }
          lightbox .box.infoDrone .messages-list ul li .logo .hover, lightbox .box.infoCapteur .messages-list ul li .logo .hover, lightbox .box.infoAgents .messages-list ul li .logo .hover {
            display: none; }
          lightbox .box.infoDrone .messages-list ul li:hover, lightbox .box.infoCapteur .messages-list ul li:hover, lightbox .box.infoAgents .messages-list ul li:hover {
            background-color: #E9E9F4; }
            lightbox .box.infoDrone .messages-list ul li:hover .logo .hover, lightbox .box.infoCapteur .messages-list ul li:hover .logo .hover, lightbox .box.infoAgents .messages-list ul li:hover .logo .hover {
              display: block; }
            lightbox .box.infoDrone .messages-list ul li:hover .logo .nohover, lightbox .box.infoCapteur .messages-list ul li:hover .logo .nohover, lightbox .box.infoAgents .messages-list ul li:hover .logo .nohover {
              display: none; }
          lightbox .box.infoDrone .messages-list ul li .container-text, lightbox .box.infoCapteur .messages-list ul li .container-text, lightbox .box.infoAgents .messages-list ul li .container-text {
            margin-left: 10px; }
            lightbox .box.infoDrone .messages-list ul li .container-text h3, lightbox .box.infoCapteur .messages-list ul li .container-text h3, lightbox .box.infoAgents .messages-list ul li .container-text h3 {
              font-family: Lato-Regular;
              font-size: 14px;
              color: #0B1D4C; }
            lightbox .box.infoDrone .messages-list ul li .container-text p, lightbox .box.infoCapteur .messages-list ul li .container-text p, lightbox .box.infoAgents .messages-list ul li .container-text p {
              font-family: Lato-Regular;
              color: #9495A0;
              opacity: 0.8;
              font-size: 13px;
              line-height: 16px;
              font-size: 13px;
              line-height: 20px;
              width: 275px; }
          lightbox .box.infoDrone .messages-list ul li:after, lightbox .box.infoCapteur .messages-list ul li:after, lightbox .box.infoAgents .messages-list ul li:after {
            content: " ";
            position: absolute;
            width: 4px;
            height: 4px;
            margin: 8px;
            border-right: 1.4px solid #0B1D4C;
            border-bottom: 1.4px solid #0B1D4C;
            right: 0;
            transform: translateY(-130%) rotate(-45deg); }
        lightbox .box.infoDrone .messages-list .button, lightbox .box.infoCapteur .messages-list .button, lightbox .box.infoAgents .messages-list .button {
          cursor: pointer;
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          font-size: 13px;
          opacity: 1;
          color: #1C2D4F;
          height: 50px;
          width: 105px;
          border: 0.5px solid #0B1D4C;
          border-radius: 4px;
          display: flex;
          justify-content: center;
          align-items: center; }
    lightbox .box.infoAgents .row-n-col {
      width: 100%; }
    lightbox .box.infoAgents .container-infos {
      position: relative;
      z-index: 1; }
    lightbox .box.infoAgents .container-infos .container-img {
      padding-top: 0; }
    lightbox .box.infoAgents .container-infos .container-base .row {
      width: 400px;
      margin-bottom: 10px; }
      lightbox .box.infoAgents .container-infos .container-base .row:last-child {
        margin-bottom: 0; }
        lightbox .box.infoAgents .container-infos .container-base .row:last-child li {
          cursor: pointer;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 200px;
          padding-bottom: 15px; }
          lightbox .box.infoAgents .container-infos .container-base .row:last-child li span {
            color: #E3667A; }
          lightbox .box.infoAgents .container-infos .container-base .row:last-child li .dropdown {
            display: none;
            padding: 15px;
            position: absolute;
            top: 30px;
            left: -10px;
            width: 235px;
            height: 155px;
            border-radius: 8px;
            background-color: #FFFFFF;
            box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); }
            lightbox .box.infoAgents .container-infos .container-base .row:last-child li .dropdown li {
              font-size: 14px;
              justify-content: flex-start;
              margin-bottom: 10px;
              border-radius: 5px;
              padding: 10px; }
              lightbox .box.infoAgents .container-infos .container-base .row:last-child li .dropdown li .point {
                margin-right: 15px;
                height: 4px;
                width: 4px;
                border-radius: 50%;
                background-color: #35C850; }
              lightbox .box.infoAgents .container-infos .container-base .row:last-child li .dropdown li:last-child {
                margin-bottom: 0; }
              lightbox .box.infoAgents .container-infos .container-base .row:last-child li .dropdown li.neg {
                color: #1C2D4F; }
                lightbox .box.infoAgents .container-infos .container-base .row:last-child li .dropdown li.neg .point {
                  background-color: #E3667A; }
              lightbox .box.infoAgents .container-infos .container-base .row:last-child li .dropdown li:hover {
                background-color: rgba(155, 153, 190, 0.2); }
          lightbox .box.infoAgents .container-infos .container-base .row:last-child li:hover .dropdown {
            display: block; }
    lightbox .box.infoAgents .container-exploitations {
      margin-top: 10px;
      width: 90%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-family: Lato-Regular;
      color: #9495A0;
      opacity: 0.8;
      font-size: 13px;
      line-height: 16px;
      opacity: 1;
      color: #1C2D4F; }
      lightbox .box.infoAgents .container-exploitations .exploitation span {
        margin-left: 10px;
        color: #35C850; }
      lightbox .box.infoAgents .container-exploitations .exploitation img:nth-child(3) {
        display: none; }
      lightbox .box.infoAgents .container-exploitations .exploitation.neg span {
        color: #E3667A; }
      lightbox .box.infoAgents .container-exploitations .exploitation.neg img:nth-child(2) {
        display: none; }
      lightbox .box.infoAgents .container-exploitations .exploitation.neg img:nth-child(3) {
        display: initial; }
      lightbox .box.infoAgents .container-exploitations .point {
        height: 4px;
        width: 4px;
        border-radius: 50%;
        background-color: #D8D8D8; }
    lightbox .box.infoAgents .map {
      position: relative;
      z-index: 0;
      margin-top: 35px;
      width: 100%;
      height: 455px; }

/* ------------------------------------------- */
/* ***************** MAP ********************* */
/* ------------------------------------------- */
.gm-style-iw {
  /*width: 200px !important;
  height: 225px !important;*/
  z-index: 1;
  top: 30px !important;
  left: 25px !important;
  background-color: transparent;
  box-shadow: none; min-width: 250px !important;}
  .container-map .gm-style-iw {min-width: 180px !important;}
  .gm-style-iw div div {
    overflow: hidden !important; }
.gm-style-mtc button{
	width:auto;
}
#content {
  /*overflow: hidden;
  width: 195px;
  height: 225px;*/
  border-radius: 4px; }
#content .firstHeading {
  position: relative;
  display: flex;
  justify-content: left;
  align-items: center;
  /*height: 58px;*/
  border-radius: 4px 4px 0 0;
  background-color: #1C2D4F;
  color: #FFFFFF;
  font-family: ClanPro-Regular;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  padding-left: 40px;
  padding-top: 15px;
  padding-bottom: 30px;
  margin-top:0px;
}
    #content .firstHeading img {
	  position: absolute;
	  height: 25px;
	  width: 25px;
	  border-radius: 50%;
	  top: 14px;
	  left: 20px;
	  background: #fff;
	  padding: 5px;
	  transform: translateY(30%) translateX(-50%);
}



#content .btAction{
	display: inline-block;padding: 5px 10px;/*! float: left; */height: 30px;text-align: center;min-width: 170px;margin-bottom: 10px;margin-top: 10px;
}
.showBAT {
  font-size: 12px;
 /* position: absolute;
  top: 38px;
  left: 88px;*/
  background-image: url(../../../img/bat000.png);
  width: 60px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: right;
  display: inline-block;
}
.showBAT.showBAT_b {
	background-image: url(../../../img/bat000_b.png);
}

.showBAT.bat100 {
	background-image: url(../../../img/bat100.png);
}
.showBAT.bat075 {
	background-image: url(../../../img/bat075.png);
}
.showBAT.bat050 {
	background-image: url(../../../img/bat050.png);
}
.showBAT.bat025 {
	background-image: url(../../../img/bat025.png);
}

.showBAT_b.bat100 {
	background-image: url(../../../img/bat100_b.png);
}
.showBAT_b.bat075 {
	background-image: url(../../../img/bat075_b.png);
}
.showBAT_b.bat050 {
	background-image: url(../../../img/bat050_b.png);
}
.showBAT_b.bat025 {
	background-image: url(../../../img/bat025_b.png);
}

#content .firstHeading .showUID {
  font-size: 12px;
  /*position: absolute;
  top: 38px;
  left: 40px;*/
}
  #content .body {
    padding: 15px 0px 15px 0px;
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column; }
    #content .body .container-info {
      padding-bottom: 10px;
      font-family: Lato-Regular;
      color: #9495A0;
      opacity: 0.8;
      font-size: 13px;
      line-height: 16px;
      opacity: 1;
      line-height: 20px;
      /*width: 170px;*/
      border-bottom: 1px solid #E9E9F4;
      color: #9495A0; }
      #content .body .container-info .info {
        display: block;
        justify-content: space-between; }
        #content .body .container-info .info .left {
          font-size: 14px;
          color: #0B1D4C; }
        #content .body .container-info .info .right {
          width: 45px;
          color: #35C850; }
          #content .body .container-info .info .right img {
            margin-left: 5px; }
    #content .body .container-adress {
      /*width: 170px;*/
      padding-top: 10px;
      font-family: Lato-Regular;
      color: #9495A0;
      opacity: 0.8;
      font-size: 13px;
      line-height: 16px;
      opacity: 1;
      color: #9495A0; }

/* ----------------------------------------------- */
/* ***************** END MAP ********************* */
/* ----------------------------------------------- */
@media screen and (max-width: 800px) {
  .lightbox .box {
    width: 300px; }
    .lightbox .box .container-form .container-action {
      flex-direction: column;
      height: auto; }
      .lightbox .box .container-form .container-action button, .lightbox .box .container-form .container-action .button {
        width: 100%; }
        .lightbox .box .container-form .container-action button:first-child, .lightbox .box .container-form .container-action .button:first-child {
          margin-bottom: 25px; }
    .lightbox .box .container-form .input .hour {
      display: flex;
      align-items: center; }
      .lightbox .box .container-form .input .hour input {
        padding-right: 0;
        width: 50px !important; }
    .lightbox .box.big {
      width: 95% !important; max-width: 95% !important;}
      .lightbox .box.big .container-title.under {
        width: 100% !important; }
      .lightbox .box.big .container-title.under .form-group{width:100% !important;}
      .box-malertes {
		width: calc(100%);
		padding: 10px;
		margin: 20px 0;
	  }
	  .box-malertes .title label {
		  width:82px;
		  font-size: 8px;
	   }
	  .box-config-alertes .line {flex-direction: column}
      .lightbox .box.big .container-form .container-action {
        width: 100%; }
      .lightbox .box.big .container-form .row {
        flex-direction: column; }
        .lightbox .box.big .container-form .row .col {
          width: 100%; }
          .lightbox .box.big .container-form.form-paiement .row {
    flex-direction: row;
}
          .lightbox .box.big .container-form .row .col .row {
            flex-direction: row; }
            .lightbox .box.big .container-form .row .col .row .input {
              width: 100px; }
      .lightbox .box.big .line {
        width: 100%; }
      .lightbox .box.big table:not(.table-condensed) tr td {
        padding-right: 0; }
        .lightbox .box.big table:not(.table-condensed) tr td:last-child {
          padding-left: 0; }
    .lightbox .box .map {
      width: 100% !important; }
    .lightbox .payerFacture .container-form .container-action {
      height: 50px;
      flex-direction: row; }
      .lightbox .payerFacture .container-form .container-action button {
        margin-bottom: 0; }
    .lightbox .box.infoAgents .container-infos .row-n-col,
    .lightbox .box.infoClient .container-infos .row-n-col {
      width: auto; }
    .lightbox .box.infoAgents .container-infos .container-exploitations,
    .lightbox .box.infoClient .container-infos .container-exploitations {
      flex-direction: column;
      align-items: flex-start;
      border: none; }
      .lightbox .box.infoAgents .container-infos .container-exploitations .exploitation,
      .lightbox .box.infoClient .container-infos .container-exploitations .exploitation {
        margin-bottom: 10px; }
      .lightbox .box.infoAgents .container-infos .container-exploitations .point,
      .lightbox .box.infoClient .container-infos .container-exploitations .point {
        display: none; }
    .lightbox .box.infoAgents .container-infos .container-base,
    .lightbox .box.infoClient .container-infos .container-base {
      margin-right: 0; }
      .lightbox .box.infoAgents .container-infos .container-base .row,
      .lightbox .box.infoClient .container-infos .container-base .row {
        flex-direction: column;
        align-items: flex-start;
        width: 225px; }
        .lightbox .box.infoAgents .container-infos .container-base .row li:last-child, .lightbox .box.infoAgents .container-infos .container-base .row .capteur,
        .lightbox .box.infoClient .container-infos .container-base .row li:last-child,
        .lightbox .box.infoClient .container-infos .container-base .row .capteur {
          display: none; }
        .lightbox .box.infoAgents .container-infos .container-base .row .point,
        .lightbox .box.infoClient .container-infos .container-base .row .point {
          display: none; }
        .lightbox .box.infoAgents .container-infos .container-base .row .point:nth-last-child(2),
        .lightbox .box.infoClient .container-infos .container-base .row .point:nth-last-child(2) {
          display: none; }
    .lightbox .box.infoAgents .container-infos .container-perso,
    .lightbox .box.infoClient .container-infos .container-perso {
      display: none; } }

header {
  display: flex;
  justify-content: space-between;
  background: linear-gradient(123.1deg, #C4446D 0%, #E3667A 100%);
  width: 100%;
  height: 70px;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0; }
  header .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    width: 70px;
    border-radius: 0 0 5px 0;
    background-color: #1C2D4F; }
    header .logo img {
      height: 25px;
      width: 30px; }
  header .nav {
    display: none;
    align-items: center;
    justify-content: center;
    /*width: 800px;*/ }
    header .nav .container-action {
      position: relative;
      display: flex;
      align-items: center;
      opacity: 0.5;
      cursor: pointer;
      padding: 10px 10px;
      margin-right: 15px; 
      border: 2px solid #1c2d4f;
     }
      header .nav .container-action:hover, header .nav .container-action.active {
        opacity: 1;border: 2px solid #fff;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px; }
        header .nav .container-action:hover .container-number, header .nav .container-action.active .container-number {
          border: 1px solid #E3667A;
          background-color: #E3667A; }
      header .nav .container-action img {
        height: 15px !important;
  width: auto;
   }
      header .nav .container-action .container-text {
        margin-left: 10px;
        color: #FFFFFF;
        font-family: Lato-Regular;
        font-size: 12px;
        font-weight: bold; }
      header .nav .container-action .arrow {
        margin-top: 5px;
        margin-left: 10px;
        height: 8px;
        width: 8px; }
        header .nav .container-action .arrow svg {
          height: 100%;
          width: 100%;
          fill: #fff; }
      header .nav .container-action .container-number {
        margin-left: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 15px;
        width: 19px;
        border: 1px solid #FFFFFF;
        border-radius: 5px;
        color: #fff;
        font-family: Lato-Regular;
        font-size: 8px;
        font-weight: bold; }
      header .nav .container-action .dropdown {
        padding: 6px;
        position: absolute;
        display: none;
        align-items: center;
        justify-content: space-between;
        height: 130px;
        width: 350px;
        border-radius: 5px;
        background-color: #E3667A;
        box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2);
        top: 33px;
        left: 50%;
        transform: translateX(-50%); }
        
        header .nav .container-action.apps .dropdown {
  padding: 6px;
  position: absolute;
  display: none;
  align-items: center;
  justify-content: space-between;
  height: auto;
  width: 200px;
  border-radius: 5px;
  background-color: #E3667A;
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2);
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column;
}

        header .nav .container-action .dropdown .container-illu {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          height: 120px;
          width: 164px;
          border-radius: 5px; }
          header .nav .container-action.apps .dropdown .container-illu {width:100%;height:100px;}
          header .nav .container-action .dropdown .container-illu img {
            width: 100px;
            height: 60px; }
          header .nav .container-action .dropdown .container-illu .container-text {
            display: flex;
            align-items: center;
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            font-size: 11px;
            color: #fff;
            opacity: 1;
            margin-top: 5px;
            margin-left: 0; }
            header .nav .container-action .dropdown .container-illu .container-text svg {
              margin-left: 10px;
              width: 8px;
              height: 8px;
              transform: rotate(-90deg);
              fill: #fff; }
          header .nav .container-action .dropdown .container-illu:hover, header .nav .container-action .dropdown .container-illu.active {
            background-color: rgba(255, 255, 255, 0.04); }
        header .nav .container-action .dropdown .line {
          height: 80px;
          width: 2px;
          border: 1px solid #FFFFFF;
          opacity: 0.1; }
      header .nav .container-action:hover .dropdown {
        display: flex; }
        input:read-only {
  border: none;
}

  header .profil {
    display: none;
    align-items: center;
    justify-content: space-between;
    margin-right: 30px;
    width: 160px; }
    header .profil .notif {
      position: relative; }
      header .profil .notif img {
        height: 14px;
        width: 13px; }
      header .profil .notif .exposant {
        position: absolute;
        top: 0;
        transform: translateX(50%) translateY(-50%);
        padding: 1px 3.5px 0 3.5px;
		height: 13px;
		width: auto;
		border-radius: 4px;
        background-color: #1C2D4F;
        color: #fff;
        font-family: Lato-Regular;
        font-size: 8px; }
      header .profil .notif:hover img:first-child {
        cursor: pointer;
        opacity: 0.7; }
      header .profil .notif .dropdown {
        display: none;
        position: absolute;
        top: 25px;
        right: -20px;
        width: 460px;
        border-radius: 5px;
        background-color: #FFFFFF;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); }
        header .profil .notif .dropdown.show {
          display: block; }
        header .profil .notif .dropdown .title {
          position: relative;
          border-radius: 4px 4px 0 0;
          display: flex;
          align-items: center;
          padding-left: 20px;
          font-family: ClanPro-Regular;
          color: #1C2D4F;
          font-size: 18px;
          line-height: 22px;
          font-size: 11px;
          background-color: #E9E9F4;
          height: 50px;
          opacity: 1;
          font-weight: bold; }
          header .profil .notif .dropdown .title .container-action {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 25px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 125px; }
            header .profil .notif .dropdown .title .container-action .action:hover {
              cursor: pointer;
              text-decoration: underline; }
            header .profil .notif .dropdown .title .container-action .point {
              background-color: #D8D8D8;
              width: 4px;
              height: 4px;
              border-radius: 50%; }
        header .profil .notif .dropdown .message {
          padding: 10px 20px;
          display: flex;
          align-items: baseline;
          justify-content: space-between;
          border-bottom: 1px solid #D8D8D8; }
          header .profil .notif .dropdown .message img {
            width: 14px;
            height: 13px;
            margin-right: 10px; }
          header .profil .notif .dropdown .message img.warning {
            display: none; }
          header .profil .notif .dropdown .message.warning img.envelop {
            display: none; }
          header .profil .notif .dropdown .message.warning img.warning {
            display: block; }
          header .profil .notif .dropdown .message .circle {
            transform: translateY(2px);
            border-radius: 50%;
            border: 1px solid #E9E9F4;
            width: 12px;
            height: 12px; }
          header .profil .notif .dropdown .message.active .circle {
            border: 1px solid #937BF3; }
          header .profil .notif .dropdown .message .container-text {
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            opacity: 1; }
            header .profil .notif .dropdown .message .container-text .text {
              width: 400px; }
              header .profil .notif .dropdown .message .container-text .text span {
                color: #1C2D4F; }
            header .profil .notif .dropdown .message .container-text .time {
              font-size: 9px; }
          header .profil .notif .dropdown .message:hover {
            cursor: pointer;
            background-color: rgba(0, 0, 0, 0.01); }
        header .profil .notif .dropdown .more {
          cursor: pointer;
          border-radius: 0 0 4px 4px;
          display: flex;
          justify-content: center;
          align-items: center;
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          font-size: 13px;
          opacity: 1;
          color: #fff;
          background-color: #E3667A;
          height: 50px;
          text-align: center;
          font-weight: 500; }
    header .profil .compte {
      display: flex;
      align-items: center;
      cursor: pointer; }
      header .profil .compte img {
        border-radius: 50%;
        height: 24px;
        width: 24px; }
      header .profil .compte .container-text {
        margin-left: 10px;
        color: #FFFFFF;
        font-family: Lato-Regular;
        font-size: 12px;
        font-weight: bold; }
      header .profil .compte:hover {
        opacity: 0.7; }

header.mobile {
  display: none; }
  header.mobile .profil {
    width: 160px;
    margin-right: 0; }
    header.mobile .profil .notif img {
      width: 20px;
      height: 22px; }
    header.mobile .profil .notif .exposant {
      right: 0; }
    header.mobile .profil .notif .dropdown {
      position: fixed;
      padding-bottom: 15px;
      border-radius: 0;
      top: 70px;
      width: 100%;
      left: 0; }
      header.mobile .profil .notif .dropdown .message .container-text .text {
        width: 300px; }
      header.mobile .profil .notif .dropdown .message .circle {
        transform: translateY(4px);
        background-color: #E9E9F4;
        border: none; }
      header.mobile .profil .notif .dropdown .message.active .circle {
        background-color: #937BF3;
        border: none; }
      header.mobile .profil .notif .dropdown .more {
        margin: auto;
        width: 315px;
        border-radius: 4px;
        margin-top: 15px; }
    header.mobile .profil .notif:first-child .dropdown .message:nth-last-child(3) {
      border: none; }
    header.mobile .profil .notif:first-child .dropdown .more:last-child {
      background-color: #fff;
      color: #1C2D4F;
      border: 1px solid #1C2D4F; }
  header.mobile .burger {
    position: relative;
    height: 70px;
    width: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    header.mobile .burger .line {
      height: 2px;
      border-radius: 1.5px;
      background-color: #fff;
      transition-duration: 0.2s;
      width: 17px; }
      header.mobile .burger .line:first-child {
        transform: translateY(-4px); }
      header.mobile .burger .line:last-child {
        transform: translateY(4px); }
  header.mobile .nav {
    transform: translateY(-200%);
    padding: 30px;
    position: absolute;
    overflow-y: scroll;
    z-index: -1;
    top: 70px;
    left: 0;
    width: 100%;
    height: 100vh;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: #E3667A;
    transition-duration: 0.4s; }
    header.mobile .nav .container-action {
      padding: 40px 0;
      flex-wrap: wrap;
      max-width: 350px; }
      header.mobile .nav .container-action.active:nth-child(2) {
        min-height: 225px; }
        header.mobile .nav .container-action.active:nth-child(2) .dropdown {
          display: flex; }
      header.mobile .nav .container-action .dropdown {
        position: relative;
        width: 300px;
        top: 35px;
        left: 0;
        transform: none; }
  header.mobile.active .burger .line {
    width: 24px; }
    header.mobile.active .burger .line:first-child {
      transform: rotate(45deg) translateX(2px) translateY(2px); }
    header.mobile.active .burger .line:last-child {
      transform: rotate(-45deg) translateX(0) translateY(0); }
  header.mobile.active .nav {
    transform: translateY(-2px); }

main.block {
  height: 100vh; }

/* STYLE AGENT */
body.agent header {
  background: #1C2D4F; }
  body.agent header .logo {
    background-color: #E3667A; }
  body.agent header .nav .container-action .arrow svg {
    fill: #9495A0; }
  body.agent header .nav .container-action .dropdown {
    background-color: #203660; }
    body.agent header .nav .container-action .dropdown .container-illu .container-text svg {
      fill: #9495A0; }
  body.agent header .profil .notif .dropdown .more {
    background-color: #1C2D4F; }
  body.agent header .profil .notif .exposant {
    background-color: #E3667A; }
  body.agent header.mobile .nav {
    background-color: #1C2D4F; }

@media screen and (max-width: 1250px) {
  header .nav {
    width: 625px;  margin-left: 30px;
 }
  header .nav .container-action {
    margin-right: 15px; }
    
  
  

main #container .custom-box {
  width: 100% !important;
  margin: 10px 1% !important;
  flex: 1 0 50% !important;
}
    
    
    
  header .nav .container-action .container-text {
    margin-left: 2px;
    font-size: 10px;
  }
  header .profil {
    width: 230px;
    margin-right: 15px; }
  header .profil .notif:first-child {
    margin-right: 0px; } }

@media screen and (max-width: 900px) {
  header .profil .compte .container-text {
    display: none; }
  header .profil {
    width: 150px; } 
    .el .custom-box {
  width: calc(100% - 20px);
}
 .wrapper-tab-dashboard .container-el .el .custom-box:nth-child(2) h4 {color:#1C2D4F}   
 .wrapper-tab-dashboard .container-el .el .custom-box:nth-child(2) .head {margin-top:30px;} 
    }

@media screen and (max-width: 800px) {
  header.desktop {
    display: none; }
  header.mobile {
    display: flex !important; } }

/* ------------------------------------------------------------ */
/* ********************* DASHBOARD COMMON ********************* */
/* ------------------------------------------------------------ */
#head {
  position: relative;
  background: linear-gradient(123.1deg, #C4446D 0%, #E3667A 100%);
  padding: 175px 0px 175px 0px; }
  
 main.crm #head, main.dashboard #head, main.informations #head, main.financements #head   {
  padding: 110px 0px 110px 0px;
}
  #head .wrapper {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    display: none; }
    @media screen and (min-width: 1250px) {
      #head .wrapper {
        width: 1200px; } }
    @media screen and (min-width: 700px) and (max-width: 1250px) {
      #head .wrapper {
        width: 100%;
        padding-right: 50px;
        padding-left: 50px; } }
    @media screen and (max-width: 700px) {
      #head .wrapper {
        width: 100%; } }
    #head .wrapper .container-text {
      text-align: center; }
      #head .wrapper .container-text h1 {
        font-family: ClanPro-Regular;
        color: #1C2D4F;
        font-size: 32px;
        line-height: 58px;
        color: #FFF; }
      #head .wrapper .container-text p {
        width: 350px;
        margin: auto;
        font-family: Lato-Regular;
        color: #9495A0;
        opacity: 0.8;
        font-size: 13px;
        line-height: 16px;
        color: #fff;
        font-size: 15px;
        line-height: 18px; }
    #head .wrapper .obj-1 {
      height: 170px;
      position: absolute;
      left: -100px;
      top: 50%;
      transform: translateY(-50%); }
    #head .wrapper .obj-2 {
      height: 218px;
      position: absolute;
      right: 80px;
      top: 50%;
      transform: translateY(-50%); }

#container {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  position: relative; }
  @media screen and (min-width: 1250px) {
    #container {
      width: 1200px; } 
      
    .tools #container {
      width: 100%; } 
      
   }
  @media screen and (min-width: 700px) and (max-width: 1250px) {
    #container {
      width: 100%;
      padding-right: 50px;
      padding-left: 50px; } }
  @media screen and (max-width: 700px) {
    #container {
      width: 100%; } }
  #container .wrapper {
    margin-right: auto;
    margin-left: auto;
    margin-right: 0;
    margin-left: 0;
    position: relative;
    display: none; }
    @media screen and (min-width: 1250px) {
      #container .wrapper {
        width: 1200px; } }
    @media screen and (min-width: 700px) and (max-width: 1250px) {
      #container .wrapper {
        width: 100%;
        padding-right: 50px;
        padding-left: 50px; } }
    @media screen and (max-width: 700px) {
      #container .wrapper {
        width: 100%; } }
    #container .wrapper .container-action .dropdown .action {
      padding: 10px;
      margin: 5px;
      border-radius: 4px;
      width: 135px; }
    #container .wrapper .container-action .dropdown .action:hover {
      background-color: rgba(0, 0, 0, 0.1); }
  #container .cta-common {
    width: 70px;
    display: none; }
    #container .cta-common .container-text {
      margin-bottom: 20px;
      text-align: center;
      font-family: ClanPro-Regular;
      font-size: 11px;
      font-weight: bold;
      color: #fff; }
    #container .cta-common .container-action {
      position: relative;
      overflow: hidden;
      border-radius: 10px;
      z-index: 1; }
      #container .cta-common .container-action:before {
        content: '';
        border-radius: 10px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        min-height: 300px;
        background-color: #F8CC6A;
        transform: translateY(-75%);
        transition: all 500ms cubic-bezier(0.02, 1, 0.825, 0.965);
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); }
      #container .cta-common .container-action .content {
        position: relative;
        z-index: 1;
        position: relative; }
        #container .cta-common .container-action .content .container-add {
          position: absolute;
          left: 0px;
          top: 20px;
          font-size: 40px;
          text-align: center;
          color: #FFF;
          width: 100%;
          transition: all 0.25s ease; }
          #container .cta-common .container-action .content .container-add img {
            height: 30px;
            width: 30px; }
        #container .cta-common .container-action .content .container-el .el {
          cursor: pointer;
          text-align: center;
          opacity: 0;
          transform: scale(0.9);
          transition: all 0.25s cubic-bezier(0.02, 1, 0.825, 0.965);
          padding: 20px 0; }
          #container .cta-common .container-action .content .container-el .el:last-child {
            margin-bottom: 0px; }
          #container .cta-common .container-action .content .container-el .el .icn {
            margin: auto;
            width: 30px;
            height: 30px;
            margin-bottom: 8px; }
            #container .cta-common .container-action .content .container-el .el .icn img {
              width: 100%; }
          #container .cta-common .container-action .content .container-el .el .text {
            font-family: Lato-Regular;
            font-size: 11px;
            font-weight: bold;
            color: #fff; }
          #container .cta-common .container-action .content .container-el .el:hover {
            background-color: rgba(0, 0, 0, 0.05); }
      #container .cta-common .container-action:hover {
        transition-duration: 1.5s;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); }
        #container .cta-common .container-action:hover:before {
          transform: translateY(0px); }
        #container .cta-common .container-action:hover .container-add {
          opacity: 0; }
        #container .cta-common .container-action:hover .container-el .el {
          opacity: 1;
          transform: scale(1); }
          #container .cta-common .container-action:hover .container-el .el:nth-child(1) {
            transition-delay: 0.075s; }
          #container .cta-common .container-action:hover .container-el .el:nth-child(2) {
            transition-delay: 0.15s; }
          #container .cta-common .container-action:hover .container-el .el:nth-child(3) {
            transition-delay: 0.225s; }
          #container .cta-common .container-action:hover .container-el .el:nth-child(4) {
            transition-delay: 0.3s; }
          #container .cta-common .container-action:hover .container-el .el:nth-child(5) {
            transition-delay: 0.375s; }
          #container .cta-common .container-action:hover .container-el .el:nth-child(6) {
            transition-delay: 0.45s; }
          #container .cta-common .container-action:hover .container-el .el:nth-child(7) {
            transition-delay: 0.525s; }
          #container .cta-common .container-action:hover .container-el .el:nth-child(8) {
            transition-delay: 0.6s; }
          #container .cta-common .container-action:hover .container-el .el:nth-child(9) {
            transition-delay: 0.675s; }

body.agent #head {
  background: #1C2D4F;
  /*.container-text p {
			color: $colorMain_1;
		}*/ }

body.agent #container .wrapper {
  margin-right: auto;
  margin-left: 20px; }
  @media screen and (min-width: 1250px) {
    body.agent #container .wrapper {
      /*width: 1100px;*/
      width: calc(100% - 200px); }  
  }
  @media screen and (min-width: 700px) and (max-width: 1250px) {
    body.agent #container .wrapper {
      width: 100%;
      padding-right: 0px;
      padding-left: 0px; }
      .wrapper-tab-agenda .container-agenda .agenda-day .planing .time li::after {
right:auto !important;
  width: 390px !important;
  left: 50px;
} 
 }
  @media screen and (max-width: 700px) {
    body.agent #container .wrapper {
      width: 100% !important; } 
    #container .wrapper .head h4{color:#1c2d4f;}
    
    
  .wrapper-tab-profil .container-profil form .row .col {
  width: calc(100% - 30px) !important;}  
    
    
    }
.coming-soon{
	background:url(/img/icon_coming.png);position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: 300px auto;
}
body.agent #container .cta-common {
  display: block; }

main.dashboard #head .wrapper-tab-dashboard {
  display: block; }

main.crm #head .wrapper-tab-crm {
  display: block; }
  
main.financements #head .wrapper-tab-financements {
  display: block; }

main.informations #head .wrapper-tab-informations {
  display: block; }
    
  
main.crm .cta-common,main.financements .cta-common,main.informations .cta-common{display:none !important;}
main.dashboard #container,main.crm #container,main.informations #container ,main.financements #container  {
  margin-top: -60px;margin-bottom:20px;}

main.crm #container .wrapper-tab-crm,main.informations #container .wrapper-tab-informations,main.financements #container .wrapper-tab-financements {
  display: block;
  margin-top: 35px;
  width: calc(100% - 40px);
  background: #fff;
  min-height: 660px;
  border-radius: 5px;
} 
main.crm #container,main.informations #container,main.financements #container{
	width:100%;
}
  main.dashboard #container .wrapper-tab-dashboard{
    display: flex; margin-top: -10px;width: calc(100% - 100px);}

main.drones #head .wrapper-tab-drones {
  display: block; }
  
main.login #container .wrapper-tab-login {
    display: flex;
}
main.login #head .wrapper-tab-login {
    display: block;
}

main.drones #container {
  margin-top: -100px; }
  main.drones #container .wrapper-tab-drones {
    display: flex;
    flex-direction: column; }
  main.drones #container .cta-common {
    margin-top: 25px; }
    main.drones #container .cta-common .container-action .el:nth-child(1) {
      background-color: rgba(0, 0, 0, 0.05); }

main.capteurs #head .wrapper-tab-capteurs {
  display: block; }

main.capteurs #container {
  margin-top: -100px; }
  main.capteurs #container .wrapper-tab-capteurs {
    display: flex;
    flex-direction: column; }
  main.capteurs #container .cta-common {
    margin-top: 25px; }
    main.capteurs #container .cta-common .container-action .el:nth-child(2) {
      background-color: rgba(0, 0, 0, 0.05); }

main.clients #head .wrapper-tab-clients {
  display: block; }

main.clients #container {
  margin-top: -100px; }
  main.clients #container .wrapper-tab-clients {
    display: block; }
  main.clients #container .cta-common {
    margin-top: 25px; }
    main.clients #container .cta-common .container-action .el:nth-child(3) {
      background-color: rgba(0, 0, 0, 0.05); }

main.agents #head .wrapper-tab-agents {
  display: block; }

main.agents #container {
  margin-top: -100px; }
  main.agents #container .wrapper-tab-agents {
    display: block; }
  main.agents #container .cta-common {
    margin-top: 25px; }

main.factures #head .wrapper-tab-factures {
  display: block; }

main.factures #container {
  margin-top: -100px; }
  main.factures #container .wrapper-tab-factures {
    display: block; }
  main.factures #container .cta-common {
    margin-top: 25px; }
    main.factures #container .cta-common .container-action .el:nth-child(4) {
      background-color: rgba(0, 0, 0, 0.05); }

main.agenda #head .wrapper-tab-agenda {
  display: block; }

main.agenda #container {
  margin-top: -100px; }
  main.agenda #container .wrapper-tab-agenda {
    display: block;width: calc(100% - 100px); }
  main.agenda #container .cta-common {
    margin-top: 25px; }
    main.agenda #container .cta-common .container-action .el:nth-child(5) {
      background-color: rgba(0, 0, 0, 0.05); }

main.messagerie #head .wrapper-tab-messagerie {
  display: block; }

main.messagerie #container {
  margin-top: -100px; }
  main.messagerie #container .wrapper-tab-messagerie {
    display: block; }
  main.messagerie #container .cta-common {
    margin-top: 25px; }

main.profil #head .wrapper-tab-profil {
  display: block; }

main.profil #container {
  margin-top: -100px; }
  main.profil #container .wrapper-tab-profil {
    display: block; width: calc(100% - 100px);}
  main.profil #container .cta-common {
    margin-top: 25px; }

@media screen and (max-width: 1250px) {
  #container {
    padding: 0 10px;
    justify-content: space-around; }
  #container .wrapper {
    padding: 0;
    width: auto; } }

@media screen and (max-width: 800px) {
  #head .wrapper .obj-1, #head .wrapper .obj-2 {
    display: none; }
  #head .wrapper .container-text p {
    width: 300px; }
    
    .tab-views .datepicker-simple {
    width: calc(100% - 20px);
    text-align: center;
}
.tab-views .input{
	text-align: center;
}
.tab-views label {
    width: 100%;
    text-align: center;
}
#loadPartnerTab {
    display: inline-block;
    width: 50%;
    padding: 0px 10px;
    margin: 13px auto 0 auto;
}
  main #container {
    flex-direction: column-reverse;
    align-items: center; }
  main.dashboard #container {
    margin-top: -150px; }
  #container .cta-common {
    width: auto;
    z-index: 0; }
  #container .cta-common .container-action {
    position: relative; }
    #container .cta-common .container-action:hover {
      transition-duration: 0s;
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
      #container .cta-common .container-action:hover:before {
        transform: translateY(0px); }
      #container .cta-common .container-action:hover .container-add {
        opacity: 1; }
      #container .cta-common .container-action:hover .container-el .el {
        opacity: 0; }
  #container .cta-common.active .container-action .content:before {
    transform: translateY(0px); }
  #container .cta-common.active .container-action .content .container-el {
    transform: translateY(20px);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); }
  #container .cta-common.active .container-action .content .container-el .el {
    opacity: 1;
    transform: scale(1); }
    #container .cta-common.active .container-action .content .container-el .el:nth-child(1) {
      transition-delay: 0.1s; }
    #container .cta-common.active .container-action .content .container-el .el:nth-child(2) {
      transition-delay: 0.2s; }
    #container .cta-common.active .container-action .content .container-el .el:nth-child(3) {
      transition-delay: 0.3s; }
    #container .cta-common.active .container-action .content .container-el .el:nth-child(4) {
      transition-delay: 0.4s; }
    #container .cta-common.active .container-action .content .container-el .el:nth-child(5) {
      transition-delay: 0.5s; }
    #container .cta-common.active .container-action .content .container-el .el:nth-child(6) {
      transition-delay: 0.6s; }
    #container .cta-common.active .container-action .content .container-el .el:nth-child(7) {
      transition-delay: 0.7s; }
    #container .cta-common.active .container-action .content .container-el .el:nth-child(8) {
      transition-delay: 0.8s; }
    #container .cta-common.active .container-action .content .container-el .el:nth-child(9) {
      transition-delay: 0.9s; }
  #container .cta-common .container-action .content {
    /*width: 245px;*/
    height: 80px; }
  #container .cta-common .container-action:before {
    content: none; }
  #container .cta-common .container-action .content .container-el .el {
   /* width: 50%;*/ }
  #container .cta-common .container-action .content .container-el .el:nth-child(1) {
    border-radius: 10px 0 0 0; }
  #container .cta-common .container-action .content .container-el .el:nth-child(2) {
    border-radius: 0 10px 0 0; }
  /*
	#container .cta-common .container-action .content .container-el .el:nth-child(5) {
		border-radius: 0 0 0 10px;
	}
	#container .cta-common .container-action .content .container-el .el:nth-child(6) {
		border-radius: 0 0 10px 0;
	}
	*/
  #container .cta-common .container-action .content .container-el .el:last-child {
    width: 100%;
    border-radius: 0 0 10px 10px; }
  #container .cta-common .container-text {
    display: none; }
  #container .cta-common .container-action:before {
    transform: translateY(calc(-100% + 70px)); }
  #container .cta-common .container-action .content .container-add {
    position: relative;
    padding: 25px 0;
    border-radius: 5px;
    top: 0;
    font-size: 35px;
    background-color: #F8CC6A;
    width: 70px;
    left: 50%;
    transform: translateX(-50%);
}
  #container .cta-common .container-action:hover .container-add {
    opacity: 1; }
  #container .cta-common .container-action .container-add img {
    transition-duration: 0.2s; }
  #container .cta-common.active .container-action .content .container-add img {
    transform: rotate(45deg) scale(1.1); }
  #container .cta-common .container-action .content .container-el {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 10px;
    background-color: #F8CC6A;
    width: 245px;
    /*height: 260px;*/
    transform: translateY(400px);
    transition-duration: 0.4s; }
  main #container .wrapper {
    top: 80px !important; }
   
   main.login #container .wrapper {
    top: 0px;
   }
   
   .wrapper-tab-login .col {
	    width: 100% !important;
	    margin-right:0 !important;
	    margin-left:0 !important;
    }
    
    .wrapper-tab-login .col h2{text-align: center;}
    
    .wrapper-tab-login .col:last-child h2{margin-top:10px;}
    
    .wrapper-tab-login .w-lg-50{
	    width:100% !important;
    }
    
    .wrapper-tab-login .col:last-child {
	    border-left:none !important;
	    border-top: 1px solid #E2E2E2;
	    margin-top:0;
    }

    
     }

/* ---------------------------------------------------------------- */
/* ********************* END DASHBOARD COMMON ********************* */
/* ---------------------------------------------------------------- */
/* ------------------------------------------------------------ */
/* ********************* DASHBOARD AGENTS ********************* */
/* ------------------------------------------------------------ */
.wrapper-tab-dashboard {
  justify-content: space-between; }
  .wrapper-tab-dashboard .container-el {
    width: 820px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
    .wrapper-tab-dashboard .container-el .el {
      width: 100%;
margin-bottom: 40px;
display: block;
/*display: ms grid;
-ms-grid-rows: auto;
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
grid-column: 1;*/
    }
      
      .wrapper-tab-dashboard .container-el .el .head {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 9px; position: relative;}
        .wrapper-tab-dashboard .container-el .el .head.head-2 {
          margin-top: 25px;
          height: 25px; }
          .wrapper-tab-dashboard .container-el .el .head.head-2 h4 {
            color: #1C2D4F;
            font-weight: bold; }
          .wrapper-tab-dashboard .container-el .el .head.head-2 .container-rslt .rslt {
            color: #000; }
          .wrapper-tab-dashboard .container-el .el .head.head-2 .container-rslt .arrow svg {
            fill: #000; }
        .wrapper-tab-dashboard .container-el .el .head.marge {
          margin-top: 30px; }
        .wrapper-tab-dashboard .container-el .el .head h4 {
          font-size: 11px;
          line-height: 14px;
          font-family: ClanPro-Regular;
          color: #FFF;
          text-transform: uppercase;
          font-weight: bold; }
        .wrapper-tab-dashboard .container-el .el .head .container-rslt {
          position: relative;
          cursor: pointer;
          display: flex;
          flex-flow: row wrap;
          align-items: center; }
          .wrapper-tab-dashboard .container-el .el .head .container-rslt .rslt {
            margin-right: 5px;
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            opacity: 1;
            color: #fff;
            line-height: 24px; }
          .wrapper-tab-dashboard .container-el .el .head .container-rslt .arrow svg {
            fill: #fff;
            width: 8px;
            height: 8px; }
          .wrapper-tab-dashboard .container-el .el .head .container-rslt .dropdown {
            position: absolute;
            display: none;
            z-index: 10;
            top: 24px;
            right: 0;
            width: 150px;
            height: 200px;
            background-color: #fff;
            border-radius: 4px;
            padding: 10px;
            box-shadow: 0 20px 40px 0 rgba(108, 96, 255, 0.1);
            overflow-y: auto;
            overflow-x: hidden; }
            .wrapper-tab-dashboard .container-el .el .head .container-rslt .dropdown::-webkit-scrollbar {
              width: 2px; }
            .wrapper-tab-dashboard .container-el .el .head .container-rslt .dropdown::-webkit-scrollbar-thumb {
              background-color: grey;
              outline: 1px solid grey; }
            .wrapper-tab-dashboard .container-el .el .head .container-rslt .dropdown li {
              padding: 10px;
              border-radius: 4px;
              list-style: none;
              color: #1C2D4F;
              font-family: Lato-Regular;
              color: #9495A0;
              opacity: 0.8;
              font-size: 13px;
              line-height: 16px; }
              .wrapper-tab-dashboard .container-el .el .head .container-rslt .dropdown li:last-child {
                margin-bottom: 0; }
              .wrapper-tab-dashboard .container-el .el .head .container-rslt .dropdown li:hover {
                background-color: rgba(0, 0, 0, 0.1); }
          .wrapper-tab-dashboard .container-el .el .head .container-rslt:hover .dropdown {
            display: block; }
      .wrapper-tab-dashboard .container-el .el .container-ist {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 15px;
        border-radius: 5px;
        background-color: #FFFFFF; min-height: 130px;}
        .wrapper-tab-dashboard .container-el .el .container-ist.row {
          flex-direction: row;
          height: 180px; margin:0;}
        .wrapper-tab-dashboard .container-el .el .container-ist.red .container-line:before,
        .wrapper-tab-dashboard .container-el .el .container-ist.red .container-line:after {
          background-color: #E3667A; }
        .wrapper-tab-dashboard .container-el .el .container-ist.red .fill {
          background-color: #E3667A; }
        .wrapper-tab-dashboard .container-el .el .container-ist.blue .container-line:before,
        .wrapper-tab-dashboard .container-el .el .container-ist.blue .container-line:after {
          background-color: #15BBDF; }
        .wrapper-tab-dashboard .container-el .el .container-ist.blue .fill {
          background-color: #15BBDF; }
        .wrapper-tab-dashboard .container-el .el .container-ist .container-btn {
          display: flex;
          flex-flow: row wrap; }
          .wrapper-tab-dashboard .container-el .el .container-ist .container-btn .btn {
            cursor: pointer;
            height: 25px;
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            border: 1px solid #D4D3E3;
            opacity: 1;
            line-height: 22px; }
            .wrapper-tab-dashboard .container-el .el .container-ist .container-btn .btn:first-child {
              border-radius: 15px 0px 0px 15px;
              padding: 0px 7px 0px 7px; }
              .wrapper-tab-dashboard .container-el .el .container-ist .container-btn .btn {
              border-radius: 0;
              
              padding: 0px 7px 0px 7px; }
            .wrapper-tab-dashboard .container-el .el .container-ist .container-btn .btn:last-child {
              border-left: 0px;
              border-radius: 0px 15px 15px 0px;
              padding: 0px 7px 0px 7px; }
            .wrapper-tab-dashboard .container-el .el .container-ist .container-btn .btn.active {
              background-color: #1C2D4F;
              color: #FFF;
              border-color: #1C2D4F; }
        .wrapper-tab-dashboard .container-el .el .container-ist .chartdiv {
          position: relative;
          height: 152px !important; }
          .wrapper-tab-dashboard .container-el .el .container-ist .chartdiv a {
            display: none !important; }
          .wrapper-tab-dashboard .container-el .el .container-ist .chartdiv .popupChart {
            padding: 0 10px;
            height: 45px;
            width: 170px;
            background-color: #FFFFFF;
            box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: space-around;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: 0px; }
            .wrapper-tab-dashboard .container-el .el .container-ist .chartdiv .popupChart li {
              list-style: none; }
              .wrapper-tab-dashboard .container-el .el .container-ist .chartdiv .popupChart li.point {
                width: 3px;
                height: 3px;
                border-radius: 50%;
                background-color: #D8D8D8; }
              .wrapper-tab-dashboard .container-el .el .container-ist .chartdiv .popupChart li:first-child {
                font-family: ClanPro-Regular;
                font-size: 18px;
                color: #1C2D4F; }
              .wrapper-tab-dashboard .container-el .el .container-ist .chartdiv .popupChart li:last-child {
                font-family: Lato-Regular;
                color: #9495A0;
                opacity: 0.8;
                font-size: 13px;
                line-height: 16px;
                opacity: 1; }
                .wrapper-tab-dashboard .container-el .el .container-ist .chartdiv .popupChart li:last-child span {
                  color: #1C2D4F; }
        .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent {
          position: relative;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .bullet {
            height: 8px;
            width: 8px;
            border-radius: 50%;
            margin-right: 15px;
            transform: translateY(-10px); }
            .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .bullet.blue {
              background-color: #15BBDF; }
            .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .bullet.gray {
              background-color: #1C2D4F; }
          .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .container-num .num-prct {
            font-family: Lato-Regular;
            color: #1C2D4F;
            font-size: 28px;
            line-height: 40px;}
          .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .container-num .num-lgd {
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px; }
          .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .container-num .graph {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-100%);
            display: flex;
            flex-flow: row wrap;
            align-items: center; }
            .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .container-num .graph span {
              font-size: 12px;
              line-height: 15px;
              color: #35C850;
              font-family: Lato-Regular;
              margin-right: 5px; }
            .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .container-num .graph.neg span {
              color: #FF5555; }
          .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .container-stats {
            width: 235px; }
            .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .container-stats .container-subline {
              display: flex;
              flex-flow: row wrap;
              align-items: center;
              justify-content: space-between; }
              .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .container-stats .container-subline .title {
                font-family: Lato-Regular;
                color: #9495A0;
                opacity: 0.8;
                font-size: 13px;
                line-height: 16px;
                opacity: 1;
                color: #1C2D4F; }
              .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .container-stats .container-subline .graph {
                display: flex;
                flex-flow: row wrap;
                align-items: center; }
                .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .container-stats .container-subline .graph span {
                  font-size: 12px;
                  line-height: 15px;
                  color: #35C850;
                  font-family: Lato-Regular;
                  margin-right: 5px; }
            .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .container-stats .container-line {
              position: relative;
              margin-top: 12px; }
              .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .container-stats .container-line:before, .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .container-stats .container-line:after {
                content: '';
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                height: 6px;
                width: 2px;
                border-radius: 4px; }
              .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .container-stats .container-line:before {
                bottom: calc(100% + 4px); }
              .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .container-stats .container-line:after {
                top: calc(100% + 4px); }
              .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .container-stats .container-line .line {
                width: 100%;
                height: 4px;
                background-color: #F5F5F5;
                border-radius: 2px;
                overflow: hidden; }
                .wrapper-tab-dashboard .container-el .el .container-ist .container-pourcent .container-stats .container-line .line .fill {
                  height: 100%;
                  border-radius: 2px; }
        .wrapper-tab-dashboard .container-el .el .container-ist .drone {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-between;
          padding-right: 15px;
          border-right: 1px solid #E9E9F4;
          width: 50%; }
          .wrapper-tab-dashboard .container-el .el .container-ist .drone .container-title {
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            opacity: 1;
            color: #1C2D4F; }
          .wrapper-tab-dashboard .container-el .el .container-ist .drone .container-illu {
            /*height: 40px;
            width: 110px;*/ }
            .wrapper-tab-dashboard .container-el .el .container-ist .drone .container-illu img {
              width: 100%;
              height: 100%; }
          .wrapper-tab-dashboard .container-el .el .container-ist .drone .container-action {
            display: flex;
            align-items: flex-start; font-size:13px;}
            .wrapper-tab-dashboard .container-el .el .container-ist .drone .container-action img {
              height: 20px;
              width: 20px; }
            .wrapper-tab-dashboard .container-el .el .container-ist .drone .container-action .container-text {
              position: relative;
              margin-left: 10px; }
              .wrapper-tab-dashboard .container-el .el .container-ist .drone .container-action .container-text .container-title {
                font-family: Lato-Regular;
                color: #9495A0;
                opacity: 0.8;
                font-size: 13px;
                line-height: 16px;
                opacity: 1;
                color: #1C2D4F; }
              .wrapper-tab-dashboard .container-el .el .container-ist .drone .container-action .container-text .container-info {
                font-family: Lato-Regular;
                color: #9495A0;
                opacity: 0.8;
                font-size: 13px;
                line-height: 16px;
                font-size: 13px; }
              .wrapper-tab-dashboard .container-el .el .container-ist .drone .container-action .container-text img {
                position: absolute;
                height: 8px;
                width: 8px;
                top: 8px;
                right: 0; display:none;}
        .wrapper-tab-dashboard .container-el .el .container-ist .coord {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-between;
          width: 50%; }
          .wrapper-tab-dashboard .container-el .el .container-ist .coord .container-title {
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px; }
          .wrapper-tab-dashboard .container-el .el .container-ist .coord .container-coord {
    text-decoration: none;
    display: flex;
    align-items: start;
    justify-content: space-around;
    width: 100%;
    flex-direction: column;
    text-align: left;
}
            .wrapper-tab-dashboard .container-el .el .container-ist .coord .container-coord .coord {
              height: 20px;
              width: 20px;
              border-radius: 4px; }
              .wrapper-tab-dashboard .container-el .el .container-ist .coord .container-illu img {
              width: 100%;
              height: 100%; }
              .wrapper-tab-dashboard .container-el .el .container-ist .coord .container-coord .coord div {
                background-color: transparent !important; }
              .wrapper-tab-dashboard .container-el .el .container-ist .coord .container-coord .coord a {
                display: none !important; }
            .wrapper-tab-dashboard .container-el .el .container-ist .coord .container-coord .date {
              font-family: Lato-Regular;
              color: #9495A0;
              opacity: 0.8;
              font-size: 13px;
              line-height: 16px;
              font-size: 12px; }
            .wrapper-tab-dashboard .container-el .el .container-ist .coord .container-coord .time {
              margin-left: 0px;
              display: flex;
              align-items: center;
              font-family: Lato-Regular;
              color: #9495A0;
              opacity: 0.8;
              font-size: 13px;
              line-height: 16px;
              font-size: 12px; }
              .wrapper-tab-dashboard .container-el .el .container-ist .coord .container-coord .time img {
                margin-left: 5px;
                height: 8px;
                width: 8px; }
            .wrapper-tab-dashboard .container-el .el .container-ist .coord .container-coord:hover .date {
              opacity: 1; }
            .wrapper-tab-dashboard .container-el .el .container-ist .coord .container-coord:hover .time {
              opacity: 1; }
          .wrapper-tab-dashboard .container-el .el .container-ist .coord .container-action {
            display: flex;
            align-items: center;
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            opacity: 1;
            color: #1C2D4F;
            text-decoration: none; }
            .wrapper-tab-dashboard .container-el .el .container-ist .coord .container-action img {
              margin-left: 10px;
              height: 8px;
              width: 8px; display:none;}
        .wrapper-tab-dashboard .container-el .el .container-ist .col {
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          .wrapper-tab-dashboard .container-el .el .container-ist .col .container-pourcent {
            justify-content: flex-start; }
      .wrapper-tab-dashboard .container-el .el .container-circle {
        position: relative;
        height: 148px;
        width: 148px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .wrapper-tab-dashboard .container-el .el .container-circle .num-prct {
          font-family: ClanPro-Regular;
          color: #1C2D4F;
          font-size: 28px;
          line-height: 40px;
          line-height: 30px; }
        .wrapper-tab-dashboard .container-el .el .container-circle .num-lgd {
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          line-height: 15px; }
        .wrapper-tab-dashboard .container-el .el .container-circle svg {
          height: 148px;
          width: 148px;
          position: absolute;
          z-index: 1;
          top: 0;
          left: 0;
          transform: rotate(-90deg); }
          .wrapper-tab-dashboard .container-el .el .container-circle svg .circle-chart__background {
            stroke: #1C2D4F; }
          .wrapper-tab-dashboard .container-el .el .container-circle svg .circle-chart__circle {
            stroke: #15BBDF;
            animation: circle-chart-fill 1s reverse;
            transform-origin: center;
            stroke-dasharray: 100; }

@keyframes circle-chart-fill {
  to {
    stroke-dashoffset: 100; } }
    .wrapper-tab-dashboard .container-el .goTop {
      margin-right: 30px;
      display: none;
      align-items: center;
      justify-content: center;
      background-color: #FFFFFF;
      border-radius: 5px;
      width: 86px;
      height: 50px;
      box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
      font-family: Lato-Regular;
      color: #9495A0;
      opacity: 0.8;
      font-size: 13px;
      line-height: 16px;
      opacity: 1;
      color: #1C2D4F;
      font-weight: 500; }
      .wrapper-tab-dashboard .container-el .goTop .content-arrow {
        margin-right: 10px;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        background-color: rgba(147, 123, 243, 0.1);
        display: flex;
        justify-content: center;
        align-items: center; }
        .wrapper-tab-dashboard .container-el .goTop .content-arrow img {
          height: 6px; }
  .wrapper-tab-dashboard .container-map {
    margin-top: 0px;
    width: 350px;
    height: 525px; }
    .wrapper-tab-dashboard .container-map .head {
      display: flex;
      flex-flow: row wrap;
      width: 100%;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 9px; }
      .wrapper-tab-dashboard .container-map .head h4 {
        font-size: 11px;
        line-height: 14px;
        font-family: ClanPro-Regular;
        color: #FFF;
        text-transform: uppercase;
        font-weight: bold; }
    .wrapper-tab-dashboard .container-map #map {
      margin-top: 0px;
      border-radius: 4px;
      width: 100%;
      height: 100%; }
      .wrapper-tab-dashboard .container-map #map .button {
        cursor: pointer;
        position: absolute;
        right: -15px;
        bottom: -25px;
        z-index: 100; 
        width: auto;
height: auto;}

body.agent .container-map {
  width: 250px; }

@media screen and (max-width: 1250px) {
  .wrapper-tab-dashboard {
    flex-direction: row; }
  .wrapper-tab-dashboard .container-map .head h4 {
    /*color: #1C2D4F;*/ }
  .wrapper-tab-dashboard .container-map {
    width: 100%;
    margin-bottom: 50px;
    margin-right:15px; }
  .wrapper-tab-dashboard .container-el {
    width: 725px; }
  /*.wrapper-tab-dashboard .container-el .el {
    width: 340px; } */
    
    
 }

@media screen and (max-width: 800px) {
  main.dashboard #container {
    padding: 0;
    margin-bottom: 75px; }
  #container .wrapper {
    padding: 0; }
  .wrapper-tab-dashboard {
    flex-direction: column; }
  .wrapper-tab-dashboard .container-el {
    width: 100%;
    justify-content: flex-end; }
  .wrapper-tab-dashboard .container-el .el {
    width: 96%;
    margin: 0 2%;
}
#icongraph {
    bottom: 5px;
    left: 5px;
 }
 #lastlogtime {
    bottom: 5px;
    right: 5px;
}
#iconmeteo {
    right: 0px;
}
body.agent .container-map {
    display: none !important;
}
#platform-btLoadSelected{
	float:left;
	width:47% !important;
}
#platform-btLoadSelected2{
	float:right;
	width:47% !important;
}
.pp-page.paiement-page .paiement-div{
	padding:0 !important;
}
  .wrapper-tab-dashboard .container-el .el:nth-child(2) .head .container-rslt .rslt {
    color: #000; }
  .wrapper-tab-dashboard .container-el .el:nth-child(2) .head .container-rslt .arrow svg {
    fill: #000; }
  .wrapper-tab-dashboard .container-el .el .head {
    padding: 0 15px; }
  .wrapper-tab-dashboard .container-el .el:first-child .container-ist {
    padding: 0; }
  .wrapper-tab-dashboard .container-el .el:nth-child(2) .head h4,
  .wrapper-tab-dashboard .container-el .el:nth-child(3) .head h4 {
    color: #1C2D4F;
    font-weight: bold; }
  .wrapper-tab-dashboard .container-el .el:nth-last-child(3) .container-ist.row {
    align-items: center; }
    .wrapper-tab-dashboard .container-el .el:nth-last-child(3) .container-ist.row .col {
      height: 125px; }
  .wrapper-tab-dashboard .container-el .el:nth-last-child(2) .container-ist.row {
    height: auto;
    flex-direction: column; }
    .wrapper-tab-dashboard .container-el .el:nth-last-child(2) .container-ist.row .drone {
      padding: 15px;
      width: 100%;
      height: 165px;
      border-right: none;
      border-bottom: 1px solid #E9E9F4; }
      .wrapper-tab-dashboard .container-el .el:nth-last-child(2) .container-ist.row .drone .container-action {
        width: 100%; }
        .wrapper-tab-dashboard .container-el .el:nth-last-child(2) .container-ist.row .drone .container-action .container-text {
          width: 100%; }
    .wrapper-tab-dashboard .container-el .el:nth-last-child(2) .container-ist.row .coord {
      padding: 15px;
      width: 100%; }
      .wrapper-tab-dashboard .container-el .el:nth-last-child(2) .container-ist.row .coord .container-title {
        margin-bottom: 15px; }
      .wrapper-tab-dashboard .container-el .el:nth-last-child(2) .container-ist.row .coord .container-coord {
        width: 100%;
        margin-bottom: 15px;
        justify-content: flex-start; }
        .wrapper-tab-dashboard .container-el .el:nth-last-child(2) .container-ist.row .coord .container-coord .coord {
          padding: 0;
          margin-right: 10px;
          height: 20px;
          width: 20px; }
        .wrapper-tab-dashboard .container-el .el:nth-last-child(2) .container-ist.row .coord .container-coord .time {
          margin-left: 40px;
          width: 65%;
          justify-content: space-between; }
      .wrapper-tab-dashboard .container-el .el:nth-last-child(2) .container-ist.row .coord .container-action {
        width: 100%;
        display: flex;
        justify-content: flex-end; }
  .wrapper-tab-dashboard .container-el .el .container-ist {
    padding-top: 0; }
  .wrapper-tab-dashboard .container-el .el .container-ist .container-btn {
    padding: 0 15px; }
  .wrapper-tab-dashboard .container-el .goTop {
    display: flex; }
  .wrapper-tab-dashboard .container-map {
    margin-top: 20px;
    width: 100% !important;
    height: 480px; }
    .wrapper-tab-dashboard .container-map #map {
      margin-top: 0; }
  main #container .wrapper-tab-dashboard {
    z-index: 1;
    /*transform: translateY(-245px);*/ } }

/* ---------------------------------------------------------------- */
/* ********************* END DASHBOARD AGENTS ********************* */
/* ---------------------------------------------------------------- */
/*======================================
=            PAGE MESSAGERIE           =
========================================*/
.wrapper-tab-messagerie {
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 1250px) {
    .wrapper-tab-messagerie {
      width: 1200px; } }
  @media screen and (min-width: 700px) and (max-width: 1250px) {
    .wrapper-tab-messagerie {
      width: 100%;
      padding-right: 50px;
      padding-left: 50px; } }
  @media screen and (max-width: 700px) {
    .wrapper-tab-messagerie {
      width: 100%; } }
  .wrapper-tab-messagerie .message-search {
    position: relative;
    text-align: right;
    padding-bottom: 20px;
    width: 335px;
    margin-right: 0;
    margin-left: auto; }
    .wrapper-tab-messagerie .message-search .search-input {
      -webkit-appearance: textfield;
      height: 40px;
      width: 100%;
      border-radius: 20px;
      background-color: rgba(255, 255, 255, 0.1);
      border: none;
      color: #C2C6CF;
      font-family: Lato-Regular;
      font-size: 13px;
      padding-left: 45px;
      outline: none; }
      .wrapper-tab-messagerie .message-search .search-input::placeholder {
        color: #C2C6CF; }
      .wrapper-tab-messagerie .message-search .search-input::-webkit-search-cancel-button {
        display: none; }
    .wrapper-tab-messagerie .message-search .search-button {
      position: absolute;
      text-align: right;
      top: 14px;
      left: 20px;
      height: 13px;
      width: 13px;
      opacity: 0.9;
      background-color: transparent;
      border: none;
      outline: none; }
      .wrapper-tab-messagerie .message-search .search-button img {
        height: 13px;
        width: 13px; }
  .wrapper-tab-messagerie .message-interaction {
    position: relative;
    display: flex;
    align-items: flex-start;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 20px 40px 0 rgba(108, 96, 255, 0.1); }
    .wrapper-tab-messagerie .message-interaction .messages-action {
      width: 400px;
      border-right: 1px solid #F3F3F3; }
      .wrapper-tab-messagerie .message-interaction .messages-action .message-add {
        cursor: pointer;
        display: flex;
        align-items: center;
        padding: 35px 27px 25px 27px; }
        .wrapper-tab-messagerie .message-interaction .messages-action .message-add .oval {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 37px;
          width: 37px;
          border-radius: 50%;
          border: 1px solid #E3667A;
          background-color: #E3667A;
          transition-duration: 0.2s; }
        .wrapper-tab-messagerie .message-interaction .messages-action .message-add .container-text {
          margin-left: 10px;
          font-family: Lato-Regular;
          font-size: 14px;
          color: #0B1D4C; }
        .wrapper-tab-messagerie .message-interaction .messages-action .message-add:hover .oval {
          transform: scale(1.1); }
      .wrapper-tab-messagerie .message-interaction .messages-action .messages-list ul li {
        position: relative;
        list-style: none;
        display: flex;
        align-items: center;
        padding: 30px 25px;
        cursor: pointer; }
        .wrapper-tab-messagerie .message-interaction .messages-action .messages-list ul li .logo .nohover {
          display: block; }
        .wrapper-tab-messagerie .message-interaction .messages-action .messages-list ul li .logo .hover {
          display: none; }
        .wrapper-tab-messagerie .message-interaction .messages-action .messages-list ul li:hover, .wrapper-tab-messagerie .message-interaction .messages-action .messages-list ul li.active {
          background-color: #E9E9F4; }
          .wrapper-tab-messagerie .message-interaction .messages-action .messages-list ul li:hover .logo .hover, .wrapper-tab-messagerie .message-interaction .messages-action .messages-list ul li.active .logo .hover {
            display: block; }
          .wrapper-tab-messagerie .message-interaction .messages-action .messages-list ul li:hover .logo .nohover, .wrapper-tab-messagerie .message-interaction .messages-action .messages-list ul li.active .logo .nohover {
            display: none; }
        .wrapper-tab-messagerie .message-interaction .messages-action .messages-list ul li .container-text {
          margin-left: 10px; }
          .wrapper-tab-messagerie .message-interaction .messages-action .messages-list ul li .container-text h3 {
            font-family: Lato-Regular;
            font-size: 14px;
            color: #0B1D4C; }
          .wrapper-tab-messagerie .message-interaction .messages-action .messages-list ul li .container-text p {
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            font-size: 13px;
            line-height: 16px;
            width: 275px; }
        .wrapper-tab-messagerie .message-interaction .messages-action .messages-list ul li:after {
          content: " ";
          position: absolute;
          width: 4px;
          height: 4px;
          margin: 8px;
          border-right: 1.4px solid #0B1D4C;
          border-bottom: 1.4px solid #0B1D4C;
          right: 5%;
          transform: translateY(-130%) rotate(-45deg); }
    .wrapper-tab-messagerie .message-interaction .message-read {
      width: 700px;
      height: fit-content;
      display: flex;
      flex-direction: column; }
      .wrapper-tab-messagerie .message-interaction .message-read.sticky {
        position: fixed;
        bottom: 30px; }
      .wrapper-tab-messagerie .message-interaction .message-read .head {
        position: relative;
        padding: 15px 26px;
        border-bottom: 1px solid #F3F3F3; }
        .wrapper-tab-messagerie .message-interaction .message-read .head .container-back {
          position: relative;
          display: none;
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          color: #1C2D4F;
          opacity: 1;
          font-size: 14px;
          margin: 15px 0;
          padding-left: 20px; }
          .wrapper-tab-messagerie .message-interaction .message-read .head .container-back:after {
            content: " ";
            position: absolute;
            width: 4px;
            height: 4px;
            margin: 8px;
            border-right: 1.4px solid #0B1D4C;
            border-bottom: 1.4px solid #0B1D4C;
            left: 0;
            transform: translateY(-50%) rotate(135deg); }
        .wrapper-tab-messagerie .message-interaction .message-read .head .container-title {
          font-family: ClanPro-Regular;
          color: #1C2D4F;
          font-size: 26px;
          line-height: 33px; }
        .wrapper-tab-messagerie .message-interaction .message-read .head .container-infos {
          margin-top: 10px;
          width: 90%;
          display: flex;
          justify-content: space-between; }
          .wrapper-tab-messagerie .message-interaction .message-read .head .container-infos .info {
            font-family: Lato-Regular;
            font-size: 14px;
            color: #0B1D4C; }
            .wrapper-tab-messagerie .message-interaction .message-read .head .container-infos .info span {
              font-family: Lato-Regular;
              color: #9495A0;
              opacity: 0.8;
              font-size: 13px;
              line-height: 16px;
              font-size: 12px; }
        .wrapper-tab-messagerie .message-interaction .message-read .head .container-action {
          position: absolute;
          top: 15px;
          right: 40px;
          cursor: pointer;
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          opacity: 1;
          padding-left: 5px;
          padding-bottom: 15px;
          line-height: 24px; }
          .wrapper-tab-messagerie .message-interaction .message-read .head .container-action:after {
            content: " ";
            position: absolute;
            top: -5px;
            right: -20px;
            width: 5px;
            height: 5px;
            margin: 8px;
            border-right: 1.4px solid #9495A0;
            border-bottom: 1.4px solid #9495A0;
            transform: translateY(75%) rotate(45deg); }
          .wrapper-tab-messagerie .message-interaction .message-read .head .container-action .dropdown {
            display: none;
            position: absolute;
            top: 35px;
            right: -15px;
            width: 145px;
            border-radius: 8px;
            background-color: #FFFFFF;
            box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); }
            .wrapper-tab-messagerie .message-interaction .message-read .head .container-action .dropdown .action {
              padding: 15px;
              display: flex;
              align-items: center;
              font-family: Lato-Regular;
              color: #9495A0;
              opacity: 0.8;
              font-size: 13px;
              line-height: 16px;
              opacity: 1;
              color: #1C2D4F; }
              .wrapper-tab-messagerie .message-interaction .message-read .head .container-action .dropdown .action img {
                margin-right: 10px;
                height: 12px;
                width: 10px; }
          .wrapper-tab-messagerie .message-interaction .message-read .head .container-action:hover .dropdown {
            display: block; }
      .wrapper-tab-messagerie .message-interaction .message-read .read {
        padding: 20px 30px;
        width: 100%;
        min-height: 350px;
        display: flex; }
        .wrapper-tab-messagerie .message-interaction .message-read .read img {
          height: 40px;
          width: 40px;
          border-radius: 12.32px; }
        .wrapper-tab-messagerie .message-interaction .message-read .read .container-text {
          margin-left: 20px; }
          .wrapper-tab-messagerie .message-interaction .message-read .read .container-text .name {
            font-family: ClanPro-Regular;
            color: #1C2D4F;
            font-size: 18px;
            line-height: 22px; }
          .wrapper-tab-messagerie .message-interaction .message-read .read .container-text .date {
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            font-size: 13px;
            margin-bottom: 20px; }
          .wrapper-tab-messagerie .message-interaction .message-read .read .container-text .message {
            font-family: Lato-Regular;
            color: #1C2D4F;
            font-size: 16px;
            line-height: 24px;
            color: #9495A0; }
      .wrapper-tab-messagerie .message-interaction .message-read .answer {
        padding: 0 30px;
        width: 100%;
        height: 60px; }
        .wrapper-tab-messagerie .message-interaction .message-read .answer form {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%;
          height: 60px; }
          .wrapper-tab-messagerie .message-interaction .message-read .answer form textarea {
            padding: 15px 0 0px 20px;
            height: 50px;
            width: 78%;
            border: 1px solid #0B1D4C;
            border-radius: 4px;
            outline: none;
            font-family: Lato-Regular;
            font-size: 14px;
            color: #1C2D4F; }
            .wrapper-tab-messagerie .message-interaction .message-read .answer form textarea::placeholder {
              color: #9B99BE; }
          .wrapper-tab-messagerie .message-interaction .message-read .answer form button {
            cursor: pointer;
            height: 50px;
            width: 20%;
            border: 0.5px solid #35C850;
            border-radius: 4px;
            background-color: #35C850;
            outline: none;
            font-family: Lato-Regular;
            font-size: 13px;
            color: #fff;
            font-weight: 500;
            transition-duration: 0.2s; }
            .wrapper-tab-messagerie .message-interaction .message-read .answer form button:hover {
              transform: scaleX(1.01); }

@media screen and (max-width: 800px) {
  main.messagerie #container {
    margin-top: -225px;
    margin-bottom: -165px;
    padding: 0; }
    main.messagerie #container .wrapper {
      transform: translateY(-325px); }
  main.messagerie #head {
    padding-bottom: 300px; }
  body.agent main.messagerie #container .wrapper {
    transform: translateY(-450px); }
  .wrapper-tab-messagerie .message-search {
    flex-direction: column-reverse;
    align-items: flex-start;
    height: 80px;
    margin: auto;
    padding: 0; }
  body.agent .wrapper-tab-messagerie .message-search {
    height: 200px; }
  .wrapper-tab-messagerie .message-search .container-action {
    flex-direction: column;
    width: 100%; }
  .wrapper-tab-messagerie .message-search .container-action form {
    width: 100%; }
  .wrapper-tab-messagerie .message-search .container-action .search-input {
    width: 100%; }
  .wrapper-tab-messagerie .message-interaction {
    transition-duration: 0.4s;
    border-radius: 0;
    width: 200%; }
  .wrapper-tab-messagerie .message-interaction.show {
    transform: translateX(-50%);
    position: relative;
    overflow: hidden;
    height: 675px; }
  .wrapper-tab-messagerie .message-interaction .messages-action .messages-list ul li {
    padding: 30px 24px; }
  .wrapper-tab-messagerie .message-interaction .messages-action .message-add .oval {
    width: 55.5px;
    height: 55.5px; }
  .wrapper-tab-messagerie .message-interaction .messages-action {
    width: 100%;
    border-right: none; }
  .wrapper-tab-messagerie .message-interaction .message-read {
    width: 100%; }
  .wrapper-tab-messagerie .message-interaction .message-read .head .container-infos {
    flex-direction: column; }
  .wrapper-tab-messagerie .message-interaction .message-read .head .container-back {
    display: flex; }
  .wrapper-tab-messagerie .message-interaction .message-read .read {
    height: 350px;
    overflow-y: scroll; }
  .wrapper-tab-messagerie .message-interaction .message-read .answer {
    height: auto;
    position: absolute;
    bottom: 25px;
    width: 50%; }
  .wrapper-tab-messagerie .message-interaction .message-read .answer form {
    flex-direction: column;
    height: 110px; }
  .wrapper-tab-messagerie .message-interaction .message-read .answer form textarea,
  .wrapper-tab-messagerie .message-interaction .message-read .answer form button {
    width: 100%; } }

/*==========================================
=            END PAGE MESSAGERIE           =
============================================*/
/*===================================
=            PAGE FACTURES           =
=====================================*/
.wrapper-tab-factures {
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 1250px) {
    .wrapper-tab-factures {
      width: 1200px; } }
  @media screen and (min-width: 700px) and (max-width: 1250px) {
    .wrapper-tab-factures {
      width: 100%;
      padding-right: 50px;
      padding-left: 50px; } }
  @media screen and (max-width: 700px) {
    .wrapper-tab-factures {
      width: 100%; } }
  .wrapper-tab-factures .message-search {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 20px;
    width: 100%;
    margin-right: 0;
    margin-left: auto; }
    .wrapper-tab-factures .message-search .container-text {
      font-family: Lato-Regular;
      color: #9495A0;
      opacity: 0.8;
      font-size: 13px;
      line-height: 16px;
      font-size: 13px;
      color: #fff;
      opacity: 1; }
    .wrapper-tab-factures .message-search .container-action {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 360px; }
      .wrapper-tab-factures .message-search .container-action .new-facture {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 37px;
        width: 37px;
        border-radius: 50%;
        background-color: #E3667A; }
      .wrapper-tab-factures .message-search .container-action form {
        position: relative; }
      .wrapper-tab-factures .message-search .container-action .search-input {
        -webkit-appearance: textfield;
        height: 40px;
        width: 355px;
        border-radius: 20px;
        background-color: rgba(255, 255, 255, 0.1);
        border: none;
        color: #C2C6CF;
        font-family: Lato-Regular;
        font-size: 13px;
        padding-left: 45px;
        outline: none; }
        .wrapper-tab-factures .message-search .container-action .search-input::placeholder {
          color: #C2C6CF; }
        .wrapper-tab-factures .message-search .container-action .search-input::-webkit-search-cancel-button {
          display: none; }
      .wrapper-tab-factures .message-search .container-action .search-button {
        position: absolute;
        text-align: right;
        top: 14px;
        left: 20px;
        height: 13px;
        width: 13px;
        opacity: 0.9;
        background-color: transparent;
        border: none;
        outline: none; }
        .wrapper-tab-factures .message-search .container-action .search-button img {
          height: 13px;
          width: 13px; }
  .wrapper-tab-factures .container-factures {
    display: flex;
    flex-direction: column;
    padding-bottom: 40px; }
    .wrapper-tab-factures .container-factures .facture {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border-radius: 5px;
      background-color: #FFFFFF;
      margin-bottom: 15px; }
      .wrapper-tab-factures .container-factures .facture .container-vissible {
        padding: 15px;
        display: flex;
        align-items: center; }
        .wrapper-tab-factures .container-factures .facture .container-vissible img {
          margin: 0 30px 0 15px;
          width: 40px;
          height: 40px; }
          .wrapper-tab-factures .container-factures .facture .container-vissible img.img-ok, .wrapper-tab-factures .container-factures .facture .container-vissible img.img-no {
            display: none; }
        .wrapper-tab-factures .container-factures .facture .container-vissible.no .img {
          display: none; }
        .wrapper-tab-factures .container-factures .facture .container-vissible.no .img-no {
          display: block; }
        .wrapper-tab-factures .container-factures .facture .container-vissible.no .container-infos .infos ul li:nth-child(5) span, .wrapper-tab-factures .container-factures .facture .container-vissible.no .container-infos .infos ul li:nth-child(7) span {
          color: #E3667A;
          opacity: 1; }
        .wrapper-tab-factures .container-factures .facture .container-vissible.ok .img {
          display: none; }
        .wrapper-tab-factures .container-factures .facture .container-vissible.ok .img-ok {
          display: block; }
        .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos {
          display: flex;
          flex-direction: column;
          width: 100%; }
          .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .name {
            font-family: ClanPro-Regular;
            color: #1C2D4F;
            font-size: 18px;
            line-height: 22px; }
          .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .numero {
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            font-size: 13px; }
          .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .infos {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            color: #1C2D4F;
            opacity: 1;
            line-height: 18px; }
            .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .infos ul {
              width: 70%;
              display: flex;
              justify-content: space-between;
              align-items: center; }
              .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .infos ul li {
                list-style: none; }
                .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .infos ul li span {
                  font-size: 12px;
                  color: #9495A0;
                  opacity: 0.8; }
                .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .infos ul li.point {
                  height: 4px;
                  width: 4px;
                  background-color: #D8D8D8;
                  border-radius: 50%; }
            .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .infos .btn {
              cursor: pointer;
              height: 30px;
              width: 175px;
              border: 0.5px solid #0B1D4C;
              border-radius: 4px;
              display: flex;
              align-items: center;
              justify-content: center;
              font-family: Lato-Regular;
              color: #9495A0;
              opacity: 0.8;
              font-size: 13px;
              line-height: 16px;
              opacity: 1;
              font-size: 13px;
              color: #0B1D4C;
              transition-duration: 0.2s; }
              .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .infos .btn:hover {
                color: #fff;
                background-color: #0B1D4C; }
          .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .container-action {
            position: absolute;
            top: 15px;
            right: 30px;
            cursor: pointer;
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            opacity: 1;
            padding-left: 5px;
            padding-bottom: 15px;
            line-height: 24px; }
            .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .container-action:after {
              content: " ";
              position: absolute;
              top: -5px;
              right: -20px;
              width: 5px;
              height: 5px;
              margin: 8px;
              border-right: 1.4px solid #9495A0;
              border-bottom: 1.4px solid #9495A0;
              transform: translateY(75%) rotate(45deg); }
            .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .container-action .dropdown {
              display: none;
              flex-direction: column;
              align-items: baseline;
              position: absolute;
              top: 35px;
              right: -15px;
              width: 145px;
              border-radius: 8px;
              background-color: #FFFFFF;
              box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); }
              .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .container-action .dropdown .action {
                padding: 15px;
                display: flex;
                align-items: center;
                font-family: Lato-Regular;
                color: #9495A0;
                opacity: 0.8;
                font-size: 13px;
                line-height: 16px;
                opacity: 1;
                color: #1C2D4F;
                line-height: 0; }
                .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .container-action .dropdown .action img {
                  margin-right: 10px;
                  height: 12px;
                  width: 14px; }
                .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .container-action .dropdown .action:hover {
                  text-decoration: underline; }
            .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .container-action:hover .dropdown {
              display: flex; }
      .wrapper-tab-factures .container-factures .facture .container-details {
        display: none;
        padding: 15px;
        background-color: #FBFBFD; }
        .wrapper-tab-factures .container-factures .facture .container-details.show {
          display: block; }
        .wrapper-tab-factures .container-factures .facture .container-details table {
          border-collapse: collapse;
          margin: auto; }
          .wrapper-tab-factures .container-factures .facture .container-details table tr td {
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            padding: 10px 55px 10px 0;
            opacity: 1; }
            .wrapper-tab-factures .container-factures .facture .container-details table tr td:first-child {
              width: 400px;
              padding-right: 175px;
              box-sizing: content-box; }
            .wrapper-tab-factures .container-factures .facture .container-details table tr td:last-child {
              padding-right: 0; }
          .wrapper-tab-factures .container-factures .facture .container-details table tbody tr td, .wrapper-tab-factures .container-factures .facture .container-details table tfoot tr td {
            font-size: 13px; }
          .wrapper-tab-factures .container-factures .facture .container-details table tbody tr td:first-child {
            color: #1C2D4F; }
          .wrapper-tab-factures .container-factures .facture .container-details table tbody tr:last-child td {
            padding-bottom: 20px; }
          .wrapper-tab-factures .container-factures .facture .container-details table tfoot {
            border-top: 1px solid #9495A0; }
            .wrapper-tab-factures .container-factures .facture .container-details table tfoot tr td {
              padding-top: 20px;
              color: #1C2D4F; }
              .wrapper-tab-factures .container-factures .facture .container-details table tfoot tr td:first-child {
                text-align: right;
                padding-right: 55px; }
    .wrapper-tab-factures .container-factures .more {
      display: none;
      margin: auto;
      border: 0.5px solid #0B1D4C;
      border-radius: 4px;
      width: 315px;
      height: 50px;
      font-family: Lato-Regular;
      color: #9495A0;
      opacity: 0.8;
      font-size: 13px;
      line-height: 16px;
      color: #1C2D4F;
      opacity: 1;
      justify-content: center;
      align-items: center; }

body.agent .wrapper-tab-factures .message-search .container-action {
  width: 410px; }

@media screen and (max-width: 800px) {
  main.factures #container {
    margin-top: -150px;
    margin-bottom: -230px;
    padding: 0; }
    main.factures #container .wrapper {
      transform: translateY(-415px); }
  main.factures #head {
    padding-bottom: 300px; }
  body.agent main.factures #container .wrapper {
    transform: translateY(-525px); }
  .wrapper-tab-factures .message-search {
    padding: 0 25px;
    flex-direction: column-reverse;
    align-items: flex-start;
    height: 100px;
    margin-bottom: 5px; }
  body.agent .wrapper-tab-factures .message-search {
    height: 275px; }
  .wrapper-tab-factures .message-search .container-action {
    flex-direction: column;
    width: 100% !important; }
  .wrapper-tab-factures .message-search .container-action form {
    width: 100%; }
  .wrapper-tab-factures .message-search .container-action .new-facture {
    width: 55.5px;
    height: 55.5px;
    margin-bottom: 30px; }
  .wrapper-tab-factures .message-search .container-action .search-input {
    width: 100%; }
  .wrapper-tab-factures .container-factures .facture {
    border-radius: 0; }
  .wrapper-tab-factures .container-factures .facture .container-vissible {
    position: relative;
    height: 250px;
    align-items: baseline; }
  .wrapper-tab-factures .container-factures .facture .container-vissible img {
    transform: translateY(25px); }
  .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .infos ul {
    flex-direction: column;
    align-items: flex-start; }
  .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .infos ul li.point {
    display: none; }
  .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .infos .btn {
    position: absolute;
    width: 315px;
    height: 50px;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%); }
  .wrapper-tab-factures .container-factures .facture .container-vissible .container-infos .container-action .dropdown .action img {
    transform: none; }
  .wrapper-tab-factures .container-factures .facture .container-details table tr td {
    padding-right: 25px !important; }
  .wrapper-tab-factures .container-factures .facture .container-details table tr td:last-child {
    padding-right: 15px;
    min-width: 60px; }
  .wrapper-tab-factures .container-factures .facture .container-details table tfoot tr td:first-child {
    text-align: left; }
  .wrapper-tab-factures .container-factures .more {
    display: flex; } }

.wrapper-tab-profil {
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 1250px) {
    .wrapper-tab-profil {
      width: 1200px; } }
  @media screen and (min-width: 700px) and (max-width: 1250px) {
    .wrapper-tab-profil {
      width: 100%;
      padding-right: 50px;
      padding-left: 50px; } }
  @media screen and (max-width: 700px) {
    .wrapper-tab-profil {
      width: 100%; } }
  .wrapper-tab-profil .container-text {
    font-family: Lato-Regular;
    color: #9495A0;
    opacity: 0.8;
    font-size: 13px;
    line-height: 16px;
    font-size: 13px;
    color: #fff;
    opacity: 1; }
  .wrapper-tab-profil .container-profil {
    margin-top: 18px;
    position: relative;
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    background-color: #FFFFFF;
    box-shadow: 0 20px 40px 0 rgba(108, 96, 255, 0.1);
    margin-bottom: 40px;
    min-height: 650px; }
    .wrapper-tab-profil .container-profil .container-nav {
      display: flex;
      flex-direction: column;
      width: 365px;
      border-right: 1px solid #F3F3F3; }
      .wrapper-tab-profil .container-profil .container-nav .container-info {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .wrapper-tab-profil .container-profil .container-nav .container-info .name {
          padding: 0 20px;
          margin-top: 40px;
          font-family: ClanPro-Regular;
          color: #1C2D4F;
          font-size: 26px;
          line-height: 33px; }
        .wrapper-tab-profil .container-profil .container-nav .container-info .numero {
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          font-size: 13px; }
        lightbox .container-form .photos,.wrapper-tab-profil .container-profil .container-nav .container-info .photos {
          margin-top: 15px;
          position: relative; }
        lightbox .container-form .photos img ,.wrapper-tab-profil .container-profil .container-nav .container-info .photos img {
            border-radius: 20px;
            width: 88px;
            height: 88px; }
        lightbox .container-form .photos .parcourir,  .wrapper-tab-profil .container-profil .container-nav .container-info .photos .parcourir {
            cursor: pointer;
            position: absolute;
            transform: translateX(30%) translateY(30%);
            right: 0;
            bottom: 0;
            height: 35px;
            width: 35px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #1C2D4F; }
        lightbox .container-form .photos .parcourir:after, .wrapper-tab-profil .container-profil .container-nav .container-info .photos .parcourir:after {
              content: " ";
              position: absolute;
              top: -2px;
              left: -2px;
              width: 34px;
              height: 35px;
              border-radius: 12px;
              border: 2px solid #E3667A; }
        lightbox .container-form .photos .parcourir img,   .wrapper-tab-profil .container-profil .container-nav .container-info .photos .parcourir img {
              border-radius: 0;
              height: 13px;
              width: 15px; }
        .wrapper-tab-profil .container-profil .container-nav .container-info .container-action {
          position: relative;
          cursor: pointer;
          margin-top: 20px;
          padding-bottom: 12px;
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          opacity: 1;
          width: 60px; }
          .wrapper-tab-profil .container-profil .container-nav .container-info .container-action:after {
            content: " ";
            position: absolute;
            top: -2px;
            right: -5%;
            width: 4px;
            height: 4px;
            margin: 8px;
            border-right: 1.4px solid #9495A0;
            border-bottom: 1.4px solid #9495A0;
            transform: rotate(45deg); }
          .wrapper-tab-profil .container-profil .container-nav .container-info .container-action .dropdown {
            display: none;
            position: absolute;
            top: 25px;
            left: 50%;
            transform: translateX(-50%);
            width: 145px;
            border-radius: 8px;
            background-color: #FFFFFF;
            box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); }
            .wrapper-tab-profil .container-profil .container-nav .container-info .container-action .dropdown .action {
              padding: 15px;
              display: flex;
              align-items: center;
              font-family: Lato-Regular;
              color: #9495A0;
              opacity: 0.8;
              font-size: 13px;
              line-height: 16px;
              opacity: 1;
              color: #1C2D4F; }
              .wrapper-tab-profil .container-profil .container-nav .container-info .container-action .dropdown .action img {
                margin-right: 10px;
                height: 12px;
                width: 10px; }
          .wrapper-tab-profil .container-profil .container-nav .container-info .container-action:hover .dropdown {
            display: block; }
      .wrapper-tab-profil .container-profil .container-nav .menu {
        position: relative;
        margin-top: 30px; }
        .wrapper-tab-profil .container-profil .container-nav .menu li {
          cursor: pointer;
          position: relative;
          padding: 20px 0 20px 40px;
          list-style: none;
          font-family: Lato-Regular;
          color: #1C2D4F;
          font-size: 18px;
          line-height: 28px;
          border-right: 2.5px solid transparent; }
          .wrapper-tab-profil .container-profil .container-nav .menu li:after {
            content: " ";
            position: absolute;
            top: 23px;
            right: 10px;
            width: 5px;
            height: 5px;
            margin: 8px;
            border-right: 1.4px solid #1C2D4F;
            border-bottom: 1.4px solid #1C2D4F;
            transform: rotate(-45deg); }
          .wrapper-tab-profil .container-profil .container-nav .menu li:hover {
            background-color: #E9E5FD;
            opacity: .7;
            border-right: 2.5px solid #937BF3; }
          .wrapper-tab-profil .container-profil .container-nav .menu li.active {
            background-color: #E9E5FD;
            border-right: 2.5px solid #937BF3; }
    .wrapper-tab-profil .container-profil .information {
      display: none; }
      .wrapper-tab-profil .container-profil .information.show {
        display: block; }
        .wrapper-tab-profil .container-profil .api {
      display: none; }
      .wrapper-tab-profil .container-profil .api.show {
        display: block; }
    .wrapper-tab-profil .container-profil .password {
      display: none; }
      .wrapper-tab-profil .container-profil .password.show {
        display: block; }
        
        .wrapper-tab-profil .container-profil .notification {
      display: none; }
      .wrapper-tab-profil .container-profil .notification.show {
        display: block; }
        
      .wrapper-tab-profil .container-profil .password .row .col:nth-child(2) .input {
        margin-top: 96px; }
    .wrapper-tab-profil .container-profil .exploitation {
      display: none;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-content: baseline; }
      .wrapper-tab-profil .container-profil .exploitation.show {
        display: flex; }
        
        .wrapper-tab-profil .container-profil .abonnements {
      display: none; }
      .wrapper-tab-profil .container-profil .abonnements.show {
        display: block; }
        
        .wrapper-tab-profil .container-profil .orders {
      display: none; }
      .wrapper-tab-profil .container-profil .orders.show {
        display: block; }
        
        
        .wrapper-tab-profil .container-profil .equipe {
      display: none; }
      .wrapper-tab-profil .container-profil .equipe.show {
        display: block; }
        
      .wrapper-tab-profil .container-profil .exploitation .el {
        position: relative;
        margin-top: 30px;
        height: 90px;
        width: calc(100% - 70px);
        display: flex;
        align-items: center;
        padding: 30px 20px 15px 20px;
        background-color: #F2F5FA;
        border: 0.5px solid #F2F5FA;
        border-radius: 4px;
        margin-left: 35px; float:left;}
        .wrapper-tab-profil .container-profil .exploitation .el .map {
          margin-right: 20px;
          height: 40px;
          width: 40px;
          border-radius: 4px; }
          .wrapper-tab-profil .container-profil .exploitation .el .map div {
            background-color: transparent !important; }
          .wrapper-tab-profil .container-profil .exploitation .el .map a {
            display: none !important; }
        .wrapper-tab-profil .container-profil .exploitation .el .titre {
          font-family: ClanPro-Regular;
          color: #1C2D4F;
          font-size: 18px;
          line-height: 22px;
          font-family: Lato-regular;
          overflow: hidden;
          height: 30px;
          /*width: 150px;*/
          white-space: nowrap;
          text-overflow: ellipsis; }
        .wrapper-tab-profil .container-profil .exploitation .el .text {
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          color: #1C2D4F;
          opacity: 1;
          overflow: hidden;
          height: 20px;
          /*width: 150px;*/
          white-space: nowrap;
          text-overflow: ellipsis; }
        .wrapper-tab-profil .container-profil .exploitation .el .container-action {
          position: absolute;
          top: -15px;
          right: 25px;
          cursor: pointer;
          margin-top: 20px;
          padding-bottom: 5px;
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          opacity: 1;
          line-height: 24px; }
          .wrapper-tab-profil .container-profil .exploitation .el .container-action:after {
            content: " ";
            position: absolute;
            top: -3px;
            right: -20px;
            width: 4px;
            height: 4px;
            margin: 8px;
            border-right: 1.4px solid #9495A0;
            border-bottom: 1.4px solid #9495A0;
            transform: translateY(75%) rotate(45deg); }
          .wrapper-tab-profil .container-profil .exploitation .el .container-action .dropdown {
            display: none;
            position: absolute;
            top: 25px;
            right: 5px;
            width: 145px;
            border-radius: 8px;
            background-color: #FFFFFF;
            box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); }
            .wrapper-tab-profil .container-profil .exploitation .el .container-action .dropdown .action {
              padding: 15px 15px 0;
              display: flex;
              align-items: center;
              font-family: Lato-Regular;
              color: #9495A0;
              opacity: 0.8;
              font-size: 13px;
              line-height: 16px;
              opacity: 1;
              color: #1C2D4F; }
              .wrapper-tab-profil .container-profil .exploitation .el .container-action .dropdown .action img {
                margin-right: 10px;
                height: 12px;
                width: 10px; }
              .wrapper-tab-profil .container-profil .exploitation .el .container-action .dropdown .action:last-child {
                margin-bottom: 15px; }
          .wrapper-tab-profil .container-profil .exploitation .el .container-action:hover .dropdown {
            display: block; }
      .wrapper-tab-profil .container-profil .exploitation .add {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 0.5px solid #1C2D4F;
        background-color: transparent;
        font-family: ClanPro-Regular;
        color: #1C2D4F;
        font-size: 18px;
        line-height: 22px;
        font-family: Lato-regular; }
        .wrapper-tab-profil .container-profil .exploitation .add .container-img {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 35px;
          width: 35px;
          border-radius: 5px;
          background-color: #E3667A;
          margin-right: 15px; }
          .wrapper-tab-profil .container-profil .exploitation .add .container-img img {
            height: 17px;
            width: 14px;
            margin: 0; }
      .wrapper-tab-profil .container-profil .exploitation .submit {
        border: 0.5px solid #0B1D4C;
        background-color: transparent;
        color: #1C2D4F; }
    .wrapper-tab-profil .container-profil form {
      width: 720px; }
      .wrapper-tab-login  form .input, .wrapper-tab-profil .container-profil form .input {
        position: relative;
        margin-bottom: 25px; }
     .wrapper-tab-login form  label ,   .wrapper-tab-profil .container-profil form .input label {
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          width: 100%;
          line-height: 20px; }
      .wrapper-tab-login form  input, .wrapper-tab-login  form  select ,  .wrapper-tab-profil .container-profil form .input input, .wrapper-tab-profil .container-profil form .input select {
          padding-left: 15px;
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          width: 100%;
          height: 50px;
          border: 0.5px solid #1C2D4F;
          border-radius: 4px;
          background-color: #FFFFFF;
          outline: none;
          opacity: 1;
          color: #1C2D4F;
          /*&.neg {
						border: 0.5px solid #E9E5FD;
					}*/ }
        .wrapper-tab-login form  input:focus, .wrapper-tab-login form  select:focus ,  .wrapper-tab-profil .container-profil form .input input:focus, .wrapper-tab-profil .container-profil form .input select:focus {
            background-color: #E9E5FD;
            border: 0.5px solid #E9E5FD; }
            
            input:-moz-read-only {
			  	background:#e9e5fd !important;
			}
			input:read-only {
            	background:#e9e5fd !important;
            }
         .wrapper-tab-login form  input::placeholder, .wrapper-tab-login form  select::placeholder ,  .wrapper-tab-profil .container-profil form .input input::placeholder, .wrapper-tab-profil .container-profil form .input select::placeholder {
            color: #9495A0; }
        .wrapper-tab-profil .container-profil form .input .erreur {
          display: none;
          position: absolute;
          right: 0;
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          opacity: 1;
          color: #E3667A;
          font-size: 12px; }
        .wrapper-tab-profil .container-profil form .input.neg input, .wrapper-tab-profil .container-profil form .input.neg select {
          border: 0.5px solid #E3667A; }
        .wrapper-tab-profil .container-profil form .input.neg .erreur {
          display: block; }
        .wrapper-tab-profil .container-profil form .input:last-child {
          margin-bottom: 0; }
      .wrapper-tab-profil .container-profil form a {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        font-family: Lato-Regular;
        color: #9495A0;
        opacity: 0.8;
        font-size: 13px;
        line-height: 16px;
        color: #1C2D4F;
        opacity: 1;
        font-size: 13px; }
        .wrapper-tab-profil .container-profil form a img {
          margin-right: 5px; }
        .wrapper-tab-profil .container-profil form a:hover {
          opacity: .8; }
      .wrapper-tab-profil .container-profil form .row {
        padding: 30px 10px;
        display: flex;
        justify-content: space-around; }
        .wrapper-tab-profil .container-profil form .row .col {
          width: calc(50% - 30px);
          display: flex;
          flex-direction: column; }
          .wrapper-tab-profil .container-profil form .row .col .date input {
            width: 20%; }
            .wrapper-tab-profil .container-profil form .row .col .date input:nth-child(3) {
              width: 30%; }
          .wrapper-tab-profil .container-profil form .row .col .choix {
            display: flex; }
            .wrapper-tab-profil .container-profil form .row .col .choix .sexe {
              margin: 5.5px 0;
              font-family: Lato-Regular;
              color: #9495A0;
              opacity: 0.8;
              font-size: 13px;
              line-height: 16px;
              cursor: pointer;
              opacity: 1;
              color: #1C2D4F;
              display: flex;
              align-items: center; }
              .wrapper-tab-profil .container-profil form .row .col .choix .sexe img {
                margin-right: 10px;
                width: 40px;
                height: 40px; }
                .wrapper-tab-profil .container-profil form .row .col .choix .sexe img:last-child {
                  display: none; }
              .wrapper-tab-profil .container-profil form .row .col .choix .sexe:first-child {
                margin-right: 25px; }
              .wrapper-tab-profil .container-profil form .row .col .choix .sexe.active {
                color: #937BF3; }
                .wrapper-tab-profil .container-profil form .row .col .choix .sexe.active img:first-child {
                  display: none; }
                .wrapper-tab-profil .container-profil form .row .col .choix .sexe.active img:last-child {
                  display: block; }
            .wrapper-tab-profil .container-profil form .row .col .choix input {
              display: none; }
      .wrapper-tab-profil .container-profil form .submit {
        font-family: Lato-regular;
        cursor: pointer;
        height: 50px;
        width: 105px;
        border-radius: 4px;
        position: absolute;
        bottom: 30px;
        right: 40px;
        background-color: #E3667A;
        color: #fff;
        outline: none;
        border: none;
        font-weight: 500;
        font-size: 13px; }
        .wrapper-tab-profil .container-profil form .submit:hover {
          opacity: .9; }
        .wrapper-tab-profil .container-profil form .submit.validate {
          background-color: #35C850; }

@media screen and (max-width: 800px) {
  main.profil #container {
    margin-top: -250px;
    padding: 0; }
    main.profil #container .wrapper {
      /*transform: translateY(-250px);*/ }
  main.profil #head {
    padding-bottom: 300px; }
  .wrapper-tab-profil .container-text {
    padding-left: 25px; }
  .wrapper-tab-profil .container-profil {
    flex-direction: column;
    margin-top: 5px;
    border-radius: 0; }
  .wrapper-tab-profil .container-profil .container-nav {
    width: 100%; }
  .wrapper-tab-profil .container-profil form {
    width: 100%;
    flex-direction: column;
    align-items: center; }
  .wrapper-tab-profil .container-profil form .row {
    flex-direction: column;
    align-items: center; }
  .wrapper-tab-profil .container-profil form .submit {
    position: relative;
    display: block;
    width: 300px;
    right: auto;
    bottom: auto;
    margin-bottom: 25px; margin: 0 auto 25px auto;}
    .wrapper-tab-profil .container-profil form .row {margin:0}
  .wrapper-tab-profil .container-profil .information.show,
  .wrapper-tab-profil .container-profil .password.show,
  .wrapper-tab-profil .container-profil .exploitation.show {
    display: flex; }
  .wrapper-tab-profil .container-profil .container-nav .menu li:after {
    transition-duration: 0.2s; }
  .wrapper-tab-profil .container-profil .container-nav .menu li.active:after {
    transform: rotate(45deg); }
  /*.wrapper-tab-profil .container-profil .container-nav .menu li.active:first-child {
    margin-bottom: 1124px; }
  .wrapper-tab-profil .container-profil .container-nav .menu li.active:nth-child(2) {
    margin-bottom: 465px; }
  .wrapper-tab-profil .container-profil .information {
    position: absolute;
    top: 335px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 1px solid #F3F3F3; }
  .wrapper-tab-profil .container-profil .password {
    position: absolute;
    top: 400px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 1px solid #F3F3F3; }*/
  .wrapper-tab-profil .container-profil .information .row .col:last-child {
    margin-top: 25px; }
  .wrapper-tab-profil .container-profil .password .row .col:nth-child(2) .input {
    margin-top: 25px; }
  .wrapper-tab-profil .container-profil .exploitation .el {
    margin: 10px 10px;
    width: calc(100% - 20px);
}
  .wrapper-tab-profil .container-profil .exploitation .submit {
    margin-top: 25px; } }

.wrapper-tab-agenda {
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 1250px) {
    .wrapper-tab-agenda {
      width: 1200px; } }
  @media screen and (min-width: 700px) and (max-width: 1250px) {
    .wrapper-tab-agenda {
      width: 100%;
      padding-right: 50px;
      padding-left: 50px; } }
  @media screen and (max-width: 700px) {
    .wrapper-tab-agenda {
      width: 100%; } }
  .wrapper-tab-agenda .message-search {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 20px;
    width: 100%;
    margin-right: 0;
    margin-left: auto; }
    .wrapper-tab-agenda .message-search .container-action {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 410px; }
      .wrapper-tab-agenda .message-search .container-action .new-event {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 37px;
        width: 37px;
        border-radius: 50%;
        background-color: #E3667A; }
      .wrapper-tab-agenda .message-search .container-action form {
        position: relative; }
      .wrapper-tab-agenda .message-search .container-action .search-input {
        -webkit-appearance: textfield;
        height: 40px;
        width: 355px;
        border-radius: 20px;
        background-color: rgba(255, 255, 255, 0.1);
        border: none;
        color: #C2C6CF;
        font-family: Lato-Regular;
        font-size: 13px;
        padding-left: 45px;
        outline: none; }
        .wrapper-tab-agenda .message-search .container-action .search-input::placeholder {
          color: #C2C6CF; }
        .wrapper-tab-agenda .message-search .container-action .search-input::-webkit-search-cancel-button {
          display: none; }
      .wrapper-tab-agenda .message-search .container-action .search-button {
        position: absolute;
        text-align: right;
        top: 14px;
        left: 20px;
        height: 13px;
        width: 13px;
        opacity: 0.9;
        background-color: transparent;
        border: none;
        outline: none; }
        .wrapper-tab-agenda .message-search .container-action .search-button img {
          height: 13px;
          width: 13px; }
  .wrapper-tab-agenda .container-agenda {
    position: relative;
    display: flex;
    align-items: flex-start;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 20px 40px 0 rgba(108, 96, 255, 0.1); }
    .wrapper-tab-agenda .container-agenda .agenda-month {
      box-sizing: content-box;
      padding: 30px 70px;
      width: 360px; }
      .wrapper-tab-agenda .container-agenda .agenda-month .controls {
        padding: 0 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 95px;
        margin-bottom: 35px;
        font-family: Lato-Regular;
        color: #1C2D4F;
        font-size: 18px;
        line-height: 28px; }
        .wrapper-tab-agenda .container-agenda .agenda-month .controls .icon-chevron {
          cursor: pointer;
          height: 15px;
          width: 15px;
          border: solid black;
          border-width: 0 1px 1px 0;
          display: inline-block; }
        .wrapper-tab-agenda .container-agenda .agenda-month .controls .pull-left .icon-chevron {
          transform: rotate(135deg); }
        .wrapper-tab-agenda .container-agenda .agenda-month .controls .pull-right .icon-chevron {
          transform: rotate(-45deg); }
      .wrapper-tab-agenda .container-agenda .agenda-month .day-headers {
        font-family: Lato-Regular;
        color: #9495A0;
        opacity: 0.8;
        font-size: 13px;
        line-height: 16px;
        opacity: 1;
        color: #1C2D4F;
        margin: auto; }
      .wrapper-tab-agenda .container-agenda .agenda-month .responsive-calendar {
        font-family: Lato-Regular;
        color: #9495A0;
        opacity: 0.8;
        font-size: 13px;
        line-height: 16px;
        opacity: 1; }
        .wrapper-tab-agenda .container-agenda .agenda-month .responsive-calendar .day-headers, .wrapper-tab-agenda .container-agenda .agenda-month .responsive-calendar .days {
          font-size: 0;
          width: 300px; }
        .wrapper-tab-agenda .container-agenda .agenda-month .responsive-calendar .days {
          margin-left: 15px; }
        .wrapper-tab-agenda .container-agenda .agenda-month .responsive-calendar .day {
          display: inline-block;
          position: relative;
          font-size: 14px;
          padding: 0 20px;
          width: 36px;
          height: 50px;
          text-align: center; }
          .wrapper-tab-agenda .container-agenda .agenda-month .responsive-calendar .day span {
            display: none; }
          .wrapper-tab-agenda .container-agenda .agenda-month .responsive-calendar .day a {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #1C2D4F;
            cursor: pointer;
            width: 36px;
            height: 36px;
            text-decoration: none;
            border-radius: 50%; }
            .wrapper-tab-agenda .container-agenda .agenda-month .responsive-calendar .day a:hover {
              background-color: rgba(0, 0, 0, 0.025);
              text-decoration: none; }
          .wrapper-tab-agenda .container-agenda .agenda-month .responsive-calendar .day.header {
            margin-bottom: 20px; }
          .wrapper-tab-agenda .container-agenda .agenda-month .responsive-calendar .day.active a {
            position: relative; }
            .wrapper-tab-agenda .container-agenda .agenda-month .responsive-calendar .day.active a:after {
              content: " ";
              width: 4px;
              height: 4px;
              border-radius: 50%;
              position: absolute;
              bottom: 0;
              background-color: #E3667A;
              color: #ffffff;
              left: 50%;
              transform: translateX(-50%); }
          .wrapper-tab-agenda .container-agenda .agenda-month .responsive-calendar .day.now a {
            border-radius: 50%;
            background-color: #3C82F9;
            color: #ffffff; }
            .wrapper-tab-agenda .container-agenda .agenda-month .responsive-calendar .day.now a:after {
              background-color: transparent; }
          .wrapper-tab-agenda .container-agenda .agenda-month .responsive-calendar .day.not-current a {
            color: #ddd; }
            .wrapper-tab-agenda .container-agenda .agenda-month .responsive-calendar .day.not-current a:after {
              background-color: transparent; }
          .wrapper-tab-agenda .container-agenda .agenda-month .responsive-calendar .day.badge {
            position: absolute;
            top: 2px;
            right: 2px;
            z-index: 1; }
    .wrapper-tab-agenda .container-agenda .agenda-day {
      width: 560px;
      padding: 30px; }
      .wrapper-tab-agenda .container-agenda .agenda-day .day {
        display: none; }
        .wrapper-tab-agenda .container-agenda .agenda-day .day.show {
          display: block; }
      .wrapper-tab-agenda .container-agenda .agenda-day .title {
        font-family: ClanPro-Regular;
        color: #1C2D4F;
        font-size: 26px;
        line-height: 33px;
        padding-bottom: 30px;
        border-bottom: 1px solid #F3F3F3; }
      .wrapper-tab-agenda .container-agenda .agenda-day .planing {
        display: flex;
        margin-top: 40px; }
        .wrapper-tab-agenda .container-agenda .agenda-day .planing .time {
          position: relative; }
          .wrapper-tab-agenda .container-agenda .agenda-day .planing .time li {
            position: relative;
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            list-style: none;
            padding-bottom: 10px; }
            .wrapper-tab-agenda .container-agenda .agenda-day .planing .time li:after {
              content: "";
              position: absolute;
              right: -463px;
              top: 9px;
              width: 434px;
              height: 1px;
              background-color: #F3F3F3; }
        .wrapper-tab-agenda .container-agenda .agenda-day .planing .container-line {
          position: relative;
          margin-left: 25px;
          display: flex;
          flex-direction: column;
          width: 100%; }
          .wrapper-tab-agenda .container-agenda .agenda-day .planing .container-line .line {
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            width: 100%;
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            color: #0B1D4C;
            opacity: 1;
            padding-left: 25px;
            background-color: rgba(0, 0, 0, 0.05);
            border-left: 2.5px solid #000; }
            .wrapper-tab-agenda .container-agenda .agenda-day .planing .container-line .line:first-child {
              background-color: rgba(147, 123, 243, 0.15);
              border-left: 2.5px solid #937BF3; }
            .wrapper-tab-agenda .container-agenda .agenda-day .planing .container-line .line:nth-child(2) {
              background-color: rgba(21, 187, 223, 0.15);
              border-left: 2.5px solid #15BBDF; }
            .wrapper-tab-agenda .container-agenda .agenda-day .planing .container-line .line:nth-child(3) {
              background-color: rgba(227, 102, 122, 0.15);
              border-left: 2.5px solid #E3667A; }

@media screen and (max-width: 800px) {
  main.agenda #container {
    margin-top: -150px;
    margin-bottom: -240px;
    padding: 0; }
    main.agenda #container .wrapper {
      transform: translateY(-320px); }
  main.agenda #head {
    padding-bottom: 300px; }
  .wrapper-tab-agenda .message-search {
    padding: 0 25px;
    flex-direction: column-reverse;
    align-items: flex-start;
    height: 275px;
    margin-bottom: 5px; }
  .wrapper-tab-agenda .message-search .container-action {
    flex-direction: column;
    width: 100%;margin-top: 10px; }
  .wrapper-tab-agenda .message-search .container-action form {
    width: 100%; }
  .wrapper-tab-agenda .message-search .container-action .new-event {
    width: 55.5px;
    height: 55.5px;
    margin-bottom: 30px; }
  .wrapper-tab-agenda .message-search .container-action .search-input {
    width: 100%; }
  .wrapper-tab-agenda .container-agenda {
    flex-direction: column; }
  .wrapper-tab-agenda .container-agenda .agenda-month {
    padding: 0;
    width: 100%; }
  .wrapper-tab-agenda .container-agenda .agenda-month .responsive-calendar .days {
    margin: auto;
    transform: translateX(-11px); }
  .wrapper-tab-agenda .container-agenda .agenda-day {
    width: 100%; }
  .wrapper-tab-agenda .container-agenda .agenda-day .title {
    text-align: center;
    padding-bottom: 0;
    border-bottom: none; }
  .wrapper-tab-agenda .container-agenda .agenda-day .planing .time li:after {
    right: -278px;
    width: 254px; } }

.wrapper-tab-clients {
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 1250px) {
    .wrapper-tab-clients {
      width: 1200px; } }
  @media screen and (min-width: 700px) and (max-width: 1250px) {
    .wrapper-tab-clients {
      width: 100%;
      padding-right: 50px;
      padding-left: 50px; } }
  @media screen and (max-width: 700px) {
    .wrapper-tab-clients {
      width: 100%; } }
  .wrapper-tab-clients .message-search {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 20px;
    width: 100%;
    margin-right: 0;
    margin-left: auto; }
    .wrapper-tab-clients .message-search .container-text {
      display: flex;
      justify-content: space-between;
      width: 140px;
      font-family: Lato-Regular;
      color: #9495A0;
      opacity: 0.8;
      font-size: 13px;
      line-height: 16px;
      font-size: 13px;
      color: #fff;
      opacity: 1; }
      .wrapper-tab-clients .message-search .container-text .action {
        cursor: pointer;
        display: flex;
        align-items: center;
        opacity: 0.7; }
        .wrapper-tab-clients .message-search .container-text .action img {
          margin-right: 10px;
          height: 13px;
          width: 13px; }
    .wrapper-tab-clients .message-search .container-action {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 410px; }
      .wrapper-tab-clients .message-search .container-action .new-client {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 37px;
        width: 37px;
        border-radius: 50%;
        background-color: #E3667A; }
      .wrapper-tab-clients .message-search .container-action form {
        position: relative; }
      .wrapper-tab-clients .message-search .container-action .search-input {
        -webkit-appearance: textfield;
        height: 40px;
        width: 355px;
        border-radius: 20px;
        background-color: rgba(255, 255, 255, 0.1);
        border: none;
        color: #C2C6CF;
        font-family: Lato-Regular;
        font-size: 13px;
        padding-left: 45px;
        outline: none; }
        .wrapper-tab-clients .message-search .container-action .search-input::placeholder {
          color: #C2C6CF; }
        .wrapper-tab-clients .message-search .container-action .search-input::-webkit-search-cancel-button {
          display: none; }
      .wrapper-tab-clients .message-search .container-action .search-button {
        position: absolute;
        text-align: right;
        top: 14px;
        left: 20px;
        height: 13px;
        width: 13px;
        opacity: 0.9;
        background-color: transparent;
        border: none;
        outline: none; }
        .wrapper-tab-clients .message-search .container-action .search-button img {
          height: 13px;
          width: 13px; }
  .wrapper-tab-clients .container-clients .client {
    position: relative; }
    .wrapper-tab-clients .container-clients .client .container-base .name {
      font-family: Lato-Regular;
      color: #1C2D4F;
      font-size: 18px;
      line-height: 28px; }
    .wrapper-tab-clients .container-clients .client .container-base .row {
      font-family: Lato-Regular;
      color: #9495A0;
      opacity: 0.8;
      font-size: 13px;
      line-height: 16px;
      font-size: 13px; }
    .wrapper-tab-clients .container-clients .client .container-exploitations {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-family: Lato-Regular;
      color: #9495A0;
      opacity: 0.8;
      font-size: 13px;
      line-height: 16px;
      opacity: 1;
      color: #1C2D4F; }
      .wrapper-tab-clients .container-clients .client .container-exploitations .exploitation span {
        margin-left: 10px;
        color: #35C850; }
      .wrapper-tab-clients .container-clients .client .container-exploitations .exploitation img:nth-child(3) {
        display: none; }
      .wrapper-tab-clients .container-clients .client .container-exploitations .exploitation.neg span {
        color: #E3667A; }
      .wrapper-tab-clients .container-clients .client .container-exploitations .exploitation.neg img:nth-child(2) {
        display: none; }
      .wrapper-tab-clients .container-clients .client .container-exploitations .exploitation.neg img:nth-child(3) {
        display: initial; }
      .wrapper-tab-clients .container-clients .client .container-exploitations .point {
        height: 4px;
        width: 4px;
        border-radius: 50%;
        background-color: #D8D8D8; }
    .wrapper-tab-clients .container-clients .client .map a {
      display: none !important; }
    .wrapper-tab-clients .container-clients .client .container-action {
      cursor: pointer;
      position: absolute;
      z-index: 1;
      right: 35px;
      font-family: Lato-Regular;
      color: #9495A0;
      opacity: 0.8;
      font-size: 13px;
      line-height: 16px;
      opacity: 1;
      line-height: 24px; }
      .wrapper-tab-clients .container-clients .client .container-action:after {
        content: " ";
        position: absolute;
        top: -5px;
        right: -20px;
        width: 5px;
        height: 5px;
        margin: 8px;
        border-right: 1.4px solid #9495A0;
        border-bottom: 1.4px solid #9495A0;
        transform: translateY(75%) rotate(45deg); }
      .wrapper-tab-clients .container-clients .client .container-action .dropdown {
        position: absolute;
        display: none;
        flex-direction: column;
        align-items: baseline;
        top: 35px;
        right: -15px;
        width: 145px;
        border-radius: 8px;
        background-color: #FFFFFF;
        box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); }
        .wrapper-tab-clients .container-clients .client .container-action .dropdown .action {
          padding: 15px;
          display: flex;
          align-items: center;
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          opacity: 1;
          color: #1C2D4F;
          line-height: 0; }
          .wrapper-tab-clients .container-clients .client .container-action .dropdown .action img {
            margin-right: 10px;
            height: 12px;
            width: 14px; }
      .wrapper-tab-clients .container-clients .client .container-action:hover {
        color: #1C2D4F; }
        .wrapper-tab-clients .container-clients .client .container-action:hover:after {
          border-right: 1.4px solid #1C2D4F;
          border-bottom: 1.4px solid #1C2D4F; }
        .wrapper-tab-clients .container-clients .client .container-action:hover .dropdown {
          display: flex; }
  .wrapper-tab-clients .container-clients .more {
    display: none;
    margin: auto;
    margin-top: 15px;
    border: 0.5px solid #0B1D4C;
    border-radius: 4px;
    width: 315px;
    height: 50px;
    font-family: Lato-Regular;
    color: #9495A0;
    opacity: 0.8;
    font-size: 13px;
    line-height: 16px;
    color: #1C2D4F;
    opacity: 1;
    justify-content: center;
    align-items: center; }
  .wrapper-tab-clients.list .message-search .container-text .action:nth-child(2) {
    opacity: 1; }
  .wrapper-tab-clients.list .container-clients .client {
    width: 1125px;
    position: relative;
    padding: 16px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    border-radius: 4px;
    background-color: #FFFFFF;
    margin-bottom: 10px; }
    .wrapper-tab-clients.list .container-clients .client:last-child {
      margin-bottom: 130px; }
    .wrapper-tab-clients.list .container-clients .client .container-infos {
      display: flex;
      align-items: center; }
      .wrapper-tab-clients.list .container-clients .client .container-infos .row-n-col {
        width: 800px;
        display: flex;
        justify-content: space-between; }
    .wrapper-tab-clients.list .container-clients .client .container-img {
      margin-right: 10px;
      height: 45px;
      width: 45px; }
      .wrapper-tab-clients.list .container-clients .client .container-img img {
        width: 100%;
        border-radius: 12px; }
    .wrapper-tab-clients.list .container-clients .client .container-base .name {
      line-height: 15px; }
    .wrapper-tab-clients.list .container-clients .client .container-base .row .point {
      display: none; }
    .wrapper-tab-clients.list .container-clients .client .container-base .row .online {
      display: none; }
    .wrapper-tab-clients.list .container-clients .client .container-exploitations {
      width: 570px; }
    .wrapper-tab-clients.list .container-clients .client .map {
      height: 35px;
      width: 35px;
      border-radius: 4px; }
      .wrapper-tab-clients.list .container-clients .client .map .button {
        display: none; }
    .wrapper-tab-clients.list .container-clients .client .container-action {
      position: relative;
      padding-left: 15px;
      padding-bottom: 15px;
      transform: translateY(7.5px); }
  .wrapper-tab-clients.tuile .message-search .container-text .action:nth-child(1) {
    opacity: 1; }
  .wrapper-tab-clients.tuile .container-clients {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px; }
    .wrapper-tab-clients.tuile .container-clients .client {
      height: 270px;
      width: 355px;
      position: relative;
      padding: 40px 30px 30px 30px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      border-radius: 4px;
      background-color: #FFFFFF;
      margin-bottom: 15px; }
      .wrapper-tab-clients.tuile .container-clients .client .container-infos {
        display: flex;
        align-items: center;
        flexflow: row wrap;
        width: 100%; }
        .wrapper-tab-clients.tuile .container-clients .client .container-infos .container-img {
          height: 70px;
          width: 70px;
          margin-right: 20px; }
          .wrapper-tab-clients.tuile .container-clients .client .container-infos .container-img img {
            width: 100%;
            border-radius: 20px; }
        .wrapper-tab-clients.tuile .container-clients .client .container-infos .row-n-col {
          width: 200px;
          display: flex;
          flex-direction: column; }
        .wrapper-tab-clients.tuile .container-clients .client .container-infos .container-base .name {
          line-height: 15px; }
        .wrapper-tab-clients.tuile .container-clients .client .container-infos .container-base .row {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%; }
          .wrapper-tab-clients.tuile .container-clients .client .container-infos .container-base .row .point {
            height: 4px;
            width: 4px;
            background-color: #D8D8D8;
            border-radius: 50%; }
        .wrapper-tab-clients.tuile .container-clients .client .container-infos .container-exploitations {
          margin-top: 5px; }
          .wrapper-tab-clients.tuile .container-clients .client .container-infos .container-exploitations .exploitation:nth-child(1n+2) {
            display: none; }
          .wrapper-tab-clients.tuile .container-clients .client .container-infos .container-exploitations .point {
            display: none; }
      .wrapper-tab-clients.tuile .container-clients .client .map {
        cursor: pointer;
        height: 115px;
        width: 100%;
        border-radius: 5px; }
        .wrapper-tab-clients.tuile .container-clients .client .map .button {
          cursor: pointer;
          position: absolute;
          right: 0;
          bottom: 0;
          z-index: 100; }
      .wrapper-tab-clients.tuile .container-clients .client .container-action {
        padding-left: 20px;
        padding-bottom: 20px;
        top: calc(20px + 10px);
        transform: translateY(-50%); }
      .wrapper-tab-clients.tuile .container-clients .client.big {
        width: 727.5px; }
        .wrapper-tab-clients.tuile .container-clients .client.big .container-infos .container-base .row {
          width: 200px; }
        .wrapper-tab-clients.tuile .container-clients .client.big .container-infos .container-exploitations {
          width: 550px; }
          .wrapper-tab-clients.tuile .container-clients .client.big .container-infos .container-exploitations .exploitation:nth-child(1n+2) {
            display: block; }
          .wrapper-tab-clients.tuile .container-clients .client.big .container-infos .container-exploitations .point {
            display: block; }

@media screen and (max-width: 1250px) {
  .wrapper-tab-clients.tuile .container-clients,
  .wrapper-tab-clients.list .container-clients .client {
    width: 665px; }
  .wrapper-tab-clients.tuile .container-clients .client {
    width: 320px;
    padding: 40px 20px 30px 20px; }
  .wrapper-tab-clients.list .container-clients .client .container-infos .row-n-col {
    width: 540px;
    justify-content: flex-start; }
  .wrapper-tab-clients.list .container-clients .client .container-exploitations {
    width: 320px;
    margin-left: 20px; }
  .wrapper-tab-clients.list .container-clients .client .container-exploitations .exploitation:last-child,
  .wrapper-tab-clients.list .container-clients .client .container-exploitations .point:nth-last-child(2) {
    display: none; } }

@media screen and (max-width: 800px) {
  main.clients #container {
    margin-top: -150px;
    margin-bottom: -230px;
    padding: 0; }
    main.clients #container .wrapper {
      transform: translateY(-525px); }
  main.clients #head {
    padding-bottom: 300px; }
  .wrapper-tab-clients .message-search {
    padding: 0 25px;
    flex-direction: column-reverse;
    align-items: flex-start;
    height: 275px;
    margin-bottom: 5px; }
  .wrapper-tab-clients .message-search .container-action {
    flex-direction: column;
    width: 100%; }
  .wrapper-tab-clients .message-search .container-action form {
    width: 100%; }
  .wrapper-tab-clients .message-search .container-action .new-client {
    width: 55.5px;
    height: 55.5px;
    margin-bottom: 30px; }
  .wrapper-tab-clients .message-search .container-action .search-input {
    width: 100%; }
  .wrapper-tab-clients .message-search .container-text {
    width: 0;
    overflow: hidden; }
  .wrapper-tab-clients.tuile .container-clients {
    width: 100%; }
  .wrapper-tab-clients.tuile .container-clients .client {
    width: 100%;
    border-radius: 0; }
  .wrapper-tab-clients .container-clients .more {
    display: flex; } }

.wrapper.produit {
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 1250px) {
    .wrapper.produit {
      width: 1200px; } }
  @media screen and (min-width: 700px) and (max-width: 1250px) {
    .wrapper.produit {
      width: 100%;
      padding-right: 50px;
      padding-left: 50px; } }
  @media screen and (max-width: 700px) {
    .wrapper.produit {
      width: 100%; } }
  .wrapper.produit .message-search {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 20px;
    width: 100%;
    margin-right: 0;
    margin-left: auto; }
    .wrapper.produit .message-search .container-text {
      font-family: Lato-Regular;
      color: #9495A0;
      opacity: 0.8;
      font-size: 13px;
      line-height: 16px;
      font-size: 13px;
      color: #fff;
      opacity: 1; }
    .wrapper.produit .message-search .container-action {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 360px; }
      .wrapper.produit .message-search .container-action .new-produit {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 37px;
        width: 37px;
        border-radius: 50%;
        background-color: #E3667A; }
      .wrapper.produit .message-search .container-action form {
        position: relative; }
      .wrapper.produit .message-search .container-action .search-input {
        -webkit-appearance: textfield;
        height: 40px;
        width: 355px;
        border-radius: 20px;
        background-color: rgba(255, 255, 255, 0.1);
        border: none;
        color: #C2C6CF;
        font-family: Lato-Regular;
        font-size: 13px;
        padding-left: 45px;
        outline: none; }
        .wrapper.produit .message-search .container-action .search-input::placeholder {
          color: #C2C6CF; }
        .wrapper.produit .message-search .container-action .search-input::-webkit-search-cancel-button {
          display: none; }
      .wrapper.produit .message-search .container-action .search-button {
        position: absolute;
        text-align: right;
        top: 14px;
        left: 20px;
        height: 13px;
        width: 13px;
        opacity: 0.9;
        background-color: transparent;
        border: none;
        outline: none; }
        .wrapper.produit .message-search .container-action .search-button img {
          height: 13px;
          width: 13px; }
  .wrapper.produit .container-produit {
    width: 100%;
    margin-bottom: 20px; }
    .wrapper.produit .container-produit .produit {
      display: flex;
      height: 100px;
      border-radius: 4px;
      background-color: #FFFFFF;
      box-shadow: 0 5px 40px 0 rgba(108, 96, 255, 0.1);
      margin-bottom: 10px; }
      .wrapper.produit .container-produit .produit .left {
        position: relative;
        padding: 15px 20px;
        width: 50%;
        display: flex;
        align-items: center; }
        .wrapper.produit .container-produit .produit .left .container-img {
          height: 56px;
          width: 52px;
          margin-left: 10px;
          margin-right: 30px; }
          .wrapper.produit .container-produit .produit .left .container-img img {
            width: 100%; }
        .wrapper.produit .container-produit .produit .left .col {
          cursor: pointer;
          display: flex;
          flex-direction: column; }
          .wrapper.produit .container-produit .produit .left .col .title {
            font-family: ClanPro-Regular;
            color: #1C2D4F;
            font-size: 18px;
            line-height: 22px; }
          .wrapper.produit .container-produit .produit .left .col ul {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            opacity: 1; }
            .wrapper.produit .container-produit .produit .left .col ul:nth-child(2) {
              width: 275px; }
            .wrapper.produit .container-produit .produit .left .col ul:last-child {
              width: 250px; }
            .wrapper.produit .container-produit .produit .left .col ul li {
              display: flex;
              align-items: center;
              list-style: none; }
              .wrapper.produit .container-produit .produit .left .col ul li span {
                margin-right: 5px;
                color: #1C2D4F; }
                .wrapper.produit .container-produit .produit .left .col ul li span.color {
                  margin-left: 5px;
                  color: #35C850; }
              .wrapper.produit .container-produit .produit .left .col ul li.point {
                border-radius: 50%;
                height: 4px;
                width: 4px;
                background-color: #D8D8D8; }
              .wrapper.produit .container-produit .produit .left .col ul li img {
                margin-left: 5px;
                height: 6px;
                opacity: 0.6; }
        .wrapper.produit .container-produit .produit .left .container-action {
          position: absolute;
          top: 15px;
          right: 40px;
          cursor: pointer;
          font-family: Lato-Regular;
          color: #9495A0;
          opacity: 0.8;
          font-size: 13px;
          line-height: 16px;
          opacity: 1;
          padding-left: 5px;
          padding-bottom: 10px;
          line-height: 24px; }
          .wrapper.produit .container-produit .produit .left .container-action:after {
            content: " ";
            position: absolute;
            top: -5px;
            right: -20px;
            width: 5px;
            height: 5px;
            margin: 8px;
            border-right: 1.4px solid #9495A0;
            border-bottom: 1.4px solid #9495A0;
            transform: translateY(75%) rotate(45deg); }
          .wrapper.produit .container-produit .produit .left .container-action .dropdown {
            display: none;
            flex-direction: column;
            align-items: baseline;
            position: absolute;
            top: 25px;
            right: -15px;
            width: 145px;
            border-radius: 8px;
            background-color: #FFFFFF;
            box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); }
            .wrapper.produit .container-produit .produit .left .container-action .dropdown .action {
              padding: 15px;
              display: flex;
              align-items: center;
              font-family: Lato-Regular;
              color: #9495A0;
              opacity: 0.8;
              font-size: 13px;
              line-height: 16px;
              opacity: 1;
              color: #1C2D4F;
              line-height: 0; }
              .wrapper.produit .container-produit .produit .left .container-action .dropdown .action img {
                margin-right: 10px;
                height: 12px;
                width: 14px; }
          .wrapper.produit .container-produit .produit .left .container-action:hover .dropdown {
            display: flex; }
      .wrapper.produit .container-produit .produit .right {
        display: block;
        text-decoration: none;
        position: relative;
        padding: 15px 20px;
        width: 50%;
        background-color: rgba(233, 233, 244, 0.2);
        border-radius: 0 4px 4px 0;
        display: flex;
        align-items: center; }
        .wrapper.produit .container-produit .produit .right .logo {
          margin-right: 15px; }
          .wrapper.produit .container-produit .produit .right .logo img:last-child {
            display: none; }
        .wrapper.produit .container-produit .produit .right .row {
          display: flex;
          flex-direction: column; }
          .wrapper.produit .container-produit .produit .right .row .title {
            font-family: ClanPro-Regular;
            color: #1C2D4F;
            font-size: 18px;
            line-height: 22px;
            font-size: 14px; }
          .wrapper.produit .container-produit .produit .right .row .text {
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            font-size: 13px;
            line-height: 16px;
            height: 35px;
            width: 415px;
            overflow: hidden; }
        .wrapper.produit .container-produit .produit .right:after {
          content: " ";
          position: absolute;
          width: 4px;
          height: 4px;
          margin: 8px;
          border-right: 1.4px solid #0B1D4C;
          border-bottom: 1.4px solid #0B1D4C;
          right: 5%;
          transform: translateY(-130%) rotate(-45deg); }
      .wrapper.produit .container-produit .produit.neg .left .col ul:nth-child(2) li span.color {
        color: #E3667A; }
      .wrapper.produit .container-produit .produit.neg .right {
        background-color: #E9E5FD; }
        .wrapper.produit .container-produit .produit.neg .right .logo img:first-child {
          display: none; }
        .wrapper.produit .container-produit .produit.neg .right .logo img:last-child {
          display: block; }
    .wrapper.produit .container-produit .more {
      display: none;
      margin: auto;
      margin-top: 25px;
      border: 0.5px solid #0B1D4C;
      border-radius: 4px;
      width: 315px;
      height: 50px;
      font-family: Lato-Regular;
      color: #9495A0;
      opacity: 0.8;
      font-size: 13px;
      line-height: 16px;
      color: #1C2D4F;
      opacity: 1;
      justify-content: center;
      align-items: center; }

body.agent .wrapper.produit .message-search .container-action {
  width: 410px; }

body.agent .container-produit {
  width: 1100px; }

@media screen and (max-width: 1250px) {
  .wrapper.produit .container-produit {
    width: 675px; }
  .wrapper.produit .container-produit .produit .right .row .text {
    width: 225px; } }

@media screen and (max-width: 800px) {
  main.drones #container,
  main.capteurs #container {
    margin-top: -150px;
    margin-bottom: -230px;
    padding: 0; }
    main.drones #container .wrapper,
    main.capteurs #container .wrapper {
      transform: translateY(-415px); }
  main.drones #head,
  main.capteurs #head {
    padding-bottom: 300px; }
  body.agent main.drones #container .wrapper, body.agent main.capteurs #container .wrapper {
    transform: translateY(-525px); }
  .wrapper.produit .message-search {
    padding: 0 25px;
    flex-direction: column-reverse;
    align-items: flex-start;
    height: 100px;
    margin-bottom: 5px; }
  body.agent .wrapper.produit .message-search {
    height: 275px; }
  .wrapper.produit .message-search .container-action {
    flex-direction: column;
    width: 100% !important; }
  .wrapper.produit .message-search .container-action form {
    width: 100%; }
  .wrapper.produit .message-search .container-action .new-produit {
    width: 55.5px;
    height: 55.5px;
    margin-bottom: 30px; }
  .wrapper.produit .message-search .container-action .search-input {
    width: 100%; }
  .wrapper.produit .container-produit {
    width: 100%; }
  .wrapper.produit .container-produit .produit {
    border-radius: 0;
    flex-direction: column;
    height: 200px;
    justify-content: space-between; }
  .wrapper.produit .container-produit .produit .left,
  .wrapper.produit .container-produit .produit .right {
    position: relative;
    width: 100%; }
  .wrapper.produit .container-produit .produit .left {
    z-index: 2; }
  .wrapper.produit .container-produit .produit .right {
    z-index: 1; }
  .wrapper.produit .container-produit .produit .left .container-action {
    top: 10px;
    right: 30px; }
  .wrapper.produit .container-produit .produit .left .col ul {
    width: auto !important; }
  .wrapper.produit .container-produit .produit .left .col ul:nth-child(2) {
    flex-direction: column;
    align-items: flex-start; }
    .wrapper.produit .container-produit .produit .left .col ul:nth-child(2) .point {
      display: none; }
  main.capteurs .wrapper.produit .container-produit .produit .left .col ul:nth-child(2) li:first-child {
    display: none; }
  main.capteurs .wrapper.produit .container-produit .produit .left .col ul:nth-child(2) li:last-child {
    margin-bottom: 10px; }
  .wrapper.produit .container-produit .produit .right .row .text {
    width: 90%; }
  .wrapper.produit .container-produit .more {
    display: flex; } }

/*==================================
=            PAGE AGENTS           =
====================================*/
.wrapper-tab-agents {
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 1250px) {
    .wrapper-tab-agents {
      width: 1200px; } }
  @media screen and (min-width: 700px) and (max-width: 1250px) {
    .wrapper-tab-agents {
      width: 100%;
      padding-right: 50px;
      padding-left: 50px; } }
  @media screen and (max-width: 700px) {
    .wrapper-tab-agents {
      width: 100%; } }
  .wrapper-tab-agents .message-search {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 20px;
    width: 100%;
    margin-right: 0;
    margin-left: auto; }
    .wrapper-tab-agents .message-search .container-text {
      font-family: Lato-Regular;
      color: #9495A0;
      opacity: 0.8;
      font-size: 13px;
      line-height: 16px;
      font-size: 13px;
      color: #fff;
      opacity: 1; }
    .wrapper-tab-agents .message-search .container-action {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 360px; }
      .wrapper-tab-agents .message-search .container-action form {
        position: relative; }
      .wrapper-tab-agents .message-search .container-action .search-input {
        -webkit-appearance: textfield;
        height: 40px;
        width: 355px;
        border-radius: 20px;
        background-color: rgba(255, 255, 255, 0.1);
        border: none;
        color: #C2C6CF;
        font-family: Lato-Regular;
        font-size: 13px;
        padding-left: 45px;
        outline: none; }
        .wrapper-tab-agents .message-search .container-action .search-input::placeholder {
          color: #C2C6CF; }
        .wrapper-tab-agents .message-search .container-action .search-input::-webkit-search-cancel-button {
          display: none; }
      .wrapper-tab-agents .message-search .container-action .search-button {
        position: absolute;
        text-align: right;
        top: 14px;
        left: 20px;
        height: 13px;
        width: 13px;
        opacity: 0.9;
        background-color: transparent;
        border: none;
        outline: none; }
        .wrapper-tab-agents .message-search .container-action .search-button img {
          height: 13px;
          width: 13px; }
  .wrapper-tab-agents .container-agents {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 40px; }
    .wrapper-tab-agents .container-agents .agent {
      width: 355px;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      border-radius: 4px;
      background-color: #FFFFFF;
      box-shadow: 0 5px 40px 0 rgba(108, 96, 255, 0.1);
      margin-bottom: 15px; }
      .wrapper-tab-agents .container-agents .agent .container-infos {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 40px 0 0 30px;
        width: 100%; }
        .wrapper-tab-agents .container-agents .agent .container-infos .container-img {
          height: 70px;
          width: 70px;
          margin-right: 20px; }
          .wrapper-tab-agents .container-agents .agent .container-infos .container-img img {
            height: 100%;
            border-radius: 20px; }
        .wrapper-tab-agents .container-agents .agent .container-infos .col {
          width: 220px;
          display: flex;
          flex-direction: column; }
          .wrapper-tab-agents .container-agents .agent .container-infos .col .name {
            font-family: ClanPro-Regular;
            color: #1C2D4F;
            font-size: 18px;
            line-height: 22px;
            margin-bottom: 4px; }
          .wrapper-tab-agents .container-agents .agent .container-infos .col .num {
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            font-size: 13px;
            margin-bottom: 14px; }
          .wrapper-tab-agents .container-agents .agent .container-infos .col .nbE {
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            opacity: 1;
            color: #1C2D4F; }
        .wrapper-tab-agents .container-agents .agent .container-infos .container-clients {
          margin-top: 30px;
          margin-bottom: 25px;
          width: 100%;
          display: flex;
          align-items: center; }
          .wrapper-tab-agents .container-agents .agent .container-infos .container-clients li {
            position: relative;
            list-style: none;
            margin-right: 10px; }
            .wrapper-tab-agents .container-agents .agent .container-infos .container-clients li img {
              height: 35px;
              width: 35px;
              border-radius: 11px; }
            .wrapper-tab-agents .container-agents .agent .container-infos .container-clients li.show:after {
              content: " ";
              position: absolute;
              bottom: -10px;
              left: 50%;
              transform: translateX(-50%);
              height: 4px;
              width: 4px;
              border-radius: 50%;
              background-color: #E3667A; }
            .wrapper-tab-agents .container-agents .agent .container-infos .container-clients li.active:before {
              content: " ";
              position: absolute;
              top: -5px;
              left: -5px;
              width: 41px;
              height: 41px;
              border-radius: 15px;
              border: 2px solid #E3667A; }
            .wrapper-tab-agents .container-agents .agent .container-infos .container-clients li.plus {
              display: flex;
              justify-content: center;
              align-items: center;
              height: 35px;
              width: 35px;
              border-radius: 11px;
              background-color: #1C2D4F;
              font-family: Lato-Regular;
              color: #9495A0;
              opacity: 0.8;
              font-size: 13px;
              line-height: 16px;
              opacity: 1;
              color: #fff;
              transform: translateY(-2px); }
            .wrapper-tab-agents .container-agents .agent .container-infos .container-clients li:last-child {
              font-family: Lato-Regular;
              color: #9495A0;
              opacity: 0.8;
              font-size: 13px;
              line-height: 16px; }
      .wrapper-tab-agents .container-agents .agent .message {
        width: 100%;
        height: 85px;
        position: relative;
        display: flex;
        align-items: center;
        padding: 25px 25px;
        cursor: pointer;
        background-color: rgba(233, 233, 244, 0.2);
        border-radius: 0 0 4px 4px; }
        .wrapper-tab-agents .container-agents .agent .message .logo .urgent {
          display: none; }
        .wrapper-tab-agents .container-agents .agent .message.active {
          background-color: #E9E5FD; }
          .wrapper-tab-agents .container-agents .agent .message.active .logo .default {
            display: none; }
          .wrapper-tab-agents .container-agents .agent .message.active .logo .urgent {
            display: block; }
        .wrapper-tab-agents .container-agents .agent .message .container-text {
          margin-left: 10px; }
          .wrapper-tab-agents .container-agents .agent .message .container-text h3 {
            font-family: Lato-Regular;
            font-size: 14px;
            color: #0B1D4C; }
          .wrapper-tab-agents .container-agents .agent .message .container-text p {
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            font-size: 13px;
            line-height: 20px;
            overflow: hidden;
            height: 35px;
            max-width: 550px; }
        .wrapper-tab-agents .container-agents .agent .message:after {
          content: " ";
          position: absolute;
          width: 4px;
          height: 4px;
          margin: 8px;
          border-right: 1.4px solid #0B1D4C;
          border-bottom: 1.4px solid #0B1D4C;
          top: 22px;
          right: 15px;
          transform: translateY(-130%) rotate(-45deg); }
      .wrapper-tab-agents .container-agents .agent .container-action {
        cursor: pointer;
        position: absolute;
        z-index: 1;
        top: 8px;
        right: 35px;
        padding-bottom: 12px;
        padding-left: 12px;
        font-family: Lato-Regular;
        color: #9495A0;
        opacity: 0.8;
        font-size: 13px;
        line-height: 16px;
        opacity: 1;
        line-height: 24px; }
        .wrapper-tab-agents .container-agents .agent .container-action:after {
          content: " ";
          position: absolute;
          top: -5px;
          right: -20px;
          width: 5px;
          height: 5px;
          margin: 8px;
          border-right: 1.4px solid #9495A0;
          border-bottom: 1.4px solid #9495A0;
          transform: translateY(75%) rotate(45deg); }
        .wrapper-tab-agents .container-agents .agent .container-action .dropdown {
          position: absolute;
          display: none;
          flex-direction: column;
          align-items: baseline;
          top: 35px;
          right: -15px;
          width: 145px;
          border-radius: 8px;
          background-color: #FFFFFF;
          box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); }
          .wrapper-tab-agents .container-agents .agent .container-action .dropdown .action {
            padding: 15px;
            display: flex;
            align-items: center;
            font-family: Lato-Regular;
            color: #9495A0;
            opacity: 0.8;
            font-size: 13px;
            line-height: 16px;
            opacity: 1;
            color: #1C2D4F;
            line-height: 0; }
            .wrapper-tab-agents .container-agents .agent .container-action .dropdown .action img {
              margin-right: 10px;
              height: 12px;
              width: 14px; }
        .wrapper-tab-agents .container-agents .agent .container-action:hover {
          color: #1C2D4F; }
          .wrapper-tab-agents .container-agents .agent .container-action:hover:after {
            border-right: 1.4px solid #1C2D4F;
            border-bottom: 1.4px solid #1C2D4F; }
          .wrapper-tab-agents .container-agents .agent .container-action:hover .dropdown {
            display: flex; }
      .wrapper-tab-agents .container-agents .agent.big {
        width: 727px; }
    .wrapper-tab-agents .container-agents .more {
      display: none;
      margin: auto;
      margin-top: 10px;
      border: 0.5px solid #0B1D4C;
      border-radius: 4px;
      width: 315px;
      height: 50px;
      font-family: Lato-Regular;
      color: #9495A0;
      opacity: 0.8;
      font-size: 13px;
      line-height: 16px;
      color: #1C2D4F;
      opacity: 1;
      justify-content: center;
      align-items: center; }

@media screen and (max-width: 1250px) {
  .wrapper-tab-agents .container-agents {
    width: 665px; }
  .wrapper-tab-agents .container-agents .agent {
    width: 320px; } }

@media screen and (max-width: 800px) {
  #container .wrapper {
    width: 100%; }
  main.agents #container {
    margin-top: -150px;
    margin-bottom: -160px;
    padding: 0; }
    main.agents #container .wrapper {
      transform: translateY(-435px); }
  main.agents #head {
    padding-bottom: 200px; }
  .wrapper-tab-agents .message-search {
    padding: 0 25px;
    flex-direction: column-reverse;
    align-items: flex-start;
    height: 185px;
    margin-bottom: 5px; }
  .wrapper-tab-agents .message-search .container-action {
    flex-direction: column;
    width: 100%; }
  .wrapper-tab-agents .message-search .container-action form {
    width: 100%; }
  .wrapper-tab-agents .message-search .container-action .search-input {
    width: 100%; }
  .wrapper-tab-agents .container-agents {
    width: 100%; }
  .wrapper-tab-agents .container-agents .agent {
    border-radius: 0;
    width: 100%; }
  .wrapper-tab-agents .container-agents .more {
    display: flex; } 
    
    .export-content {
  left: 0px;
  top: 70px;
}
    }


@media (max-width: 640px) {
	* {
		box-sizing: border-box;
	}
	.alerte-img{
		height: auto !important;
		max-width: 100%;
	}
	.first-line {
		position:relative !important;
		height:auto !important;
		top:auto !important;
	}
	.second-line {
		position:relative !important;
		height:auto !important;
		top:auto !important;
		float:left;
	}
	#maps.detailview {
	    position: relative !important;
	    width: 100% !important;
	    height: 300px !important;
	}
	.last-modified {
		bottom:auto;
		top:270px;	
	}
	#graph {
	    width: 100% !important;
	    position: relative !important;
	    height: 300px !important;
	}
	.box30 .box {
	    width: calc(100% - 20px) !important;
	    position: relative !important;
	}
	
	.last-modified{
		top:70px !important;
	}
	#meteo-data {
	    min-height: 420px !important;
	}
	.meteo-page .first-line {
    	top: 130px !important;
    }
    .meteo-page .box30 .boxMeteo {
    	width: calc(100% - 20px) !important;
    }
    .meteo-page .second-line {
    	top: 239px !important;
    }
    .tab-switch {
    	/*top: 15px !important;*/
    }
    .tab-navigation {
    	top: 78px !important;
    }
    
	
	.tab-navigation li.act {
		background: #1d2e4e;
		color: #fff;
	}
    .meteonav {
	    top: 415px !important;
	}
	.datepicker-simple{
		width:100% !important;
		margin:0 !important;
	}
	.loadTabStats {
	    margin-top: 10px !important;
	    margin-left: 0px !important;
	}
	.tabView .input label{
		margin:5px 0 !important;
	}
	.tabView .dataTables_length {
	    float: left !important;
	    margin-left: 0 !important;
	    width: 100% !important;
	}
	.value em,.value i{
		font-size:30px !important;
	}
	.mdtkinfos-wrapper{
		width: calc(100% - 10px);
	}
}

#spanprofondeurselect {
  float: left;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 20px;
  color: #000;
}
#profondeurselect li {
  display: block;
  float: left;
  width: 50px;
  text-align: center;
  margin: 0 5px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #000;
  color: #000;
  cursor:pointer;
  display:none;
}
#profondeurselect li.selected {
	cursor:normal;	
	background: #000;
	color:#fff;
	display:block;
}
#profondeurselect {
  float: left;
  margin-bottom: 0px;
}
.gm-style-iw.gm-style-iw-c, .gm-style-iw-d{
	max-height: none !important;
}
#ctProfondeur {
  border: 0.1px solid #000;
  padding: 12px;
  margin-bottom: 20px;
  border-radius: 2px;
}
/* END PAGE AGENTS */