header .nav {
  width: auto;
}
header .nav .container-action .dropdown {
  display: none;
  align-items: center;
  justify-content: space-between;
  height: auto;
  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%);
  flex-direction: row;
  flex-wrap: wrap;
}

#iotsNavFilter{
	display:flex;
	margin-bottom:30px;
}
a.fc-event span {
  padding: 2px 5px;
  margin-left: 5px;
  text-transform: uppercase;
  margin-top: 5px;
  display: inline-block;
  font-size: 10px;
}
header .nav .container-action .dropdown .container-illu img,#iotsNavFilter .container-illu img{
  width: auto;
  height: 60px;
}
#iotsNavFilter .container-illu img{
	margin-top:10px;	
}

#iotsNavFilter .container-illu {
  width: 100%;
  text-align: center;
  position: relative;
  background: #1c2d4f;
  margin: 0 10px;
  border-radius: 5px;
  color:#fff;
  cursor:pointer;
  opacity: 0.7;
}
#iotsNavFilter .container-illu.selected,#iotsNavFilter .container-illu:hover {
	opacity: 1;
}
#iotsNavFilter .container-illu:first-child{
	margin-left:0px;
}
#iotsNavFilter .container-number {
  display: block;
  clear: both;
  border: 1px solid #fff;
  padding: 5px 0px;
  margin: 15px 20px;
  font-size: 12px;
  border-radius: 5px;
}
#iotsNavFilter .container-illu:last-child{
	margin-right:0px;
}

.dataTables_filter input {
  -webkit-appearance: textfield;
  height: 40px;
  width: 355px;
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  border: none;
  color: #000;
  font-family: Lato-Regular;
  font-size: 13px;
  padding-left: 45px;
  outline: none;
  background-image: url(/img/agents/agenda/loupe.svg);
  background-repeat: no-repeat;
  background-position: 20px center;
}

.wrapper.produit .message-search .container-text {
  color: #000;
  font-weight: bold;
}
.wrapper.produit .message-search {
  padding-top: 20px;
  padding-bottom: 0;
}
.wrapper.produit .container-produit .produit .left .col {
  width:100%;
}
.wrapper.produit .container-produit .produit .left .col ul:nth-child(2),
.wrapper.produit .container-produit .produit .left .col ul:last-child {
  /*width: 560px;*/
  width:100%;
}
.wrapper.produit .container-produit .produit .left .col .title {
  margin-bottom: 10px;
  margin-top: 10px;
}
.wrapper.produit .container-produit .produit .left {
  width: 70%;
}
.wrapper.produit .container-produit .produit .right {
  width: 30%;
}
.wrapper.produit .container-produit .produit .right .row {
  margin-left: 0px;
}
.wrapper.produit .container-produit .produit .right .row .text {
  width: auto;
  height:auto;
}
.wrapper.produit .container-produit .produit .right::after {
  content: "";
  display:none;
}
.wrapper.produit .container-produit .produit .right .row .title {
  font-size: 12px;
}
.wrapper.produit .container-produit .produit {
  min-height: 120px;
  margin-bottom: 0px;
  height: auto;
}
.container-form input.error,.container-form select.error,.container-form textarea.errorr,.container-form .styledSelect.error {
  background: rgba(227, 102, 122, 0.3) !important;
  border-color: rgb(227, 102, 122) !important;
}
.errorExists,.errorFatal,.errorSaisie,.errorNoData{
	color: rgb(227, 102, 122) !important;
}

main #container .wrapper, main #container .cta-common {
  display: none !important;
}

main.clients #container .wrapper-tab-clients {
  display: block !important;
}
main.exploitations #container .wrapper-tab-exploitations {
  display: block !important;
}
main.agenda #container .wrapper-tab-agenda {
  display: block !important;
}
main.agents #container .wrapper-tab-agents {
  display: block !important;
}
main.iots #container .wrapper-tab-iots {
  display: block !important;
}
main.partners #container .wrapper-tab-partners {
  display: block !important;
}
main.orders #container .wrapper-tab-orders {
  display: block !important;
}
main.gateways #container .wrapper-tab-gateways {
  display: block !important;
}
main.login #container .wrapper-tab-login {
  display: flex !important;
}
main.dashboard #container .wrapper-tab-dashboard {
  display: flex !important;
  margin-top: -10px;
  width: calc(100% - 0px);
  margin-left: 0;
}
#tab-tools-orders-interventions_wrapper{
	line-height: 38px;
}
#tab-tools-orders-interventions_wrapper label{margin-bottom:0}
main.interventions #container .wrapper-tab-interventions {
  display: flex !important;
  margin-top: -10px;
  width: 100%;
}
main.interventions #container,main.dashboard #container,main.gateways #container,main.partners #container,main.orders #container,main.iots #container,main.agents #container,main.agenda #container,main.exploitations #container {
  margin-top: -100px;
  width: calc(100% - 20px);
}
main #container .custom-box h2 {
  font-size: 20px !important;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  margin-left: 15px;
  margin-top: 12px;
}
.notesView li{
	display: block;
	border-top: 0.5px solid #000;
	padding-top: 7px;
}
.notesView li span{
	display: block;
}
.freeze-status {
  display: flex;
  border: 0.5px solid #000;
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 10px 0px;
}
.freeze-status li span.date {font-weight: bold}
.freeze-status li {
  display: block;
  border-top: none;
  padding-top: 7px;
  width: 100%;
  text-align: center;
}
.freeze-status li.active{
  cursor:pointer;
}
.programmedDIV.techniSelect div:nth-child(1){
	margin-top:10px;
}
.freeze-status li em{
  display:inline-block;
  text-align: center;
  background: rgba(0,0,0,0.5);
  padding-top : 6px;
  width:30px;
  height:30px;
  color:#fff;
  border-radius: 50%;	
  font-size: 12px;
}
.freeze-status li.active em{
	background:#f8cc6a;
	color:#000;
}
.divDataModal{
	width:100%;background: #F1F1F1;padding: 5px;border-radius: 5px;margin: 0 2px;
}
.freeze-status li.active em.act{
	color:#fff;	
}
.freeze-status li em.act{
  background: rgba(0,0,0,1);
}

.freeze-status li span {
  display: block;
  text-transform: uppercase;
  font-size: 8px;
  line-height: normal;
  margin-top: 5px;
}

.notes-interventions {
  border: 0.5px solid #000;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  list-style: none;
}
.glyphicon.glyphicon-time{
	background: #000;
	width:10px;
	height:10px;
}
.container-number-alerte {
  position: absolute;
  color: #fff;
  z-index: 999;
  left: 30px;
  font-size: 8px;
  background: url(/img/alerteIco.png);
    background-size: auto;
  width: 25px;
  height: 23px;
  background-size: contain;
  top: -12px;
  text-align: center;
  padding-top: 8px;
  opacity: 1;
}
.dropdown .container-number-alerte {
  left: 15px;
  padding-top: 8px;
  top: -8px;
}
header .nav .container-action .dropdown .container-illu .container-text,#iotsNavFilter .container-illu .container-text{position: relative}
.notes-interventions li:first-child{border:none;padding:0;}
.add-interventitons {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #000;
  color: #fff;
  padding: 0px 10px;
  font-weight: bold;
  border-radius: 5px;
  cursor: pointer;
  width: auto;
  height: 40px;
}
#d-edit{
	margin-left:10px;width:20px;position:absolute;display:inline-block;background:#fff url(/img/agents/profil/edit.svg) no-repeat center;height: 20px;border-radius: 50%;background-size: auto 12px;cursor:pointer;
}
#d-delete{
	margin-left:-16px;width:20px;position:absolute;display:inline-block;background:#fff url(/img/agents/agenda/supprimer.svg) no-repeat center;height: 20px;border-radius: 50%;background-size: auto 12px;cursor:pointer;
}
#d-intervention{
	margin-left:10px;width:20px;margin-top:24px;position:absolute;display:inline-block;background:#fff url(/img/agents/clients/info-picto.svg) no-repeat center;height: 20px;border-radius: 50%;background-size: auto 12px;cursor:pointer;
}
#d-note{
	margin-left:-16px;width:20px;margin-top:24px;position:absolute;display:inline-block;background:#fff url(/img/agents/agenda/archiver.svg) no-repeat center;height: 20px;border-radius: 50%;background-size: auto 12px;cursor:pointer;
}
.wrapper.produit .container-produit .produit .left .container-action .dropdown {
  width: 230px;
  z-index: 9;
}
#container .wrapper .container-action .dropdown .action {
  width: calc(100% - 10px);
}
main #container .custom-box {
  float: left;
  width: 50%;
  margin: 10px 1%;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  position: relative;
  padding-bottom: 0px;
  flex: 1 0 48%;
  min-height: 250px;
}
main.catalogue #container .custom-box { flex: 1 0 25%;}
main.catalogue #container .custom-box {
  padding-bottom: 80px;
}
main #container .custom-box .filter {
  margin: 40px 0;
  text-align: left;
}

main #container .custom-box  .filter span {
  display: inline-block;
  margin: 0 5px;
  background: #fff;
  color: #000;
  border: 1px solid #000;
  padding: 2px 10px;
  border-radius: 10px;
  cursor: pointer;
  opacity: 0.4
}
main #container .custom-box  .filter span:hover,main #container .custom-box  .filter span.selected {
	color:#fff;
	background: #000;	
	opacity: 1;
}
main #container .custom-box .graphbox{
	margin-bottom:0px;
}
main #container .custom-box .ct-select {
  width: 170px;
  position: absolute;
  right: 10px;
  top: 10px;
  height: 35px;
  line-height: 35px;
}
.encart-box{
	border: 0.5px solid #000;padding: 0;border-radius: 5px;
}
.encart-box label {
  display: block;
  padding: 10px;
  background: #000;
  color: #fff;
  border-radius: 5px 5px 0px 0px;
  margin-bottom: 0px;
  text-transform: uppercase;
  font-size: 10px;
}
.dataTab{
	display:none;
	position: relative;
	margin-bottom: 15px;
}
.dataTab .retour{
  cursor:pointer;
  position: absolute;
  left: 10px;
  background: #1c2d4f;
  color: #fff;
  padding: 5px 20px;
  font-size: 12px;
  top: 5px;
  border-radius: 5px;
  z-index: 9;
}
.dataTab  th,.dataTab  td {
  font-size: 14px;
}
.dataTab .dataTables_filter{margin-bottom: 10px;}
.dataTab .dataTables_filter input{
	border: 1px solid #000;
}
#amountDueTab .dataTables_length,#quotesOpenTab  .dataTables_length{
	display:none;
}
.encart-box span{display: block;padding: 5px;font-size: 35px;}
.encart-box.type2 span{font-size:20px;}
.divBottom {
  font-size: 35px;
  font-weight: bold;
  display: block;
  width: calc(100% - 30px);
  float: left;
  border-top: 1px solid #C2C2C2;
  margin-top: 3px;
  padding-top: 5px;
  position: relative;
  left: 15px;
  line-height: 100px;
}
.divBottom2{
	font-size: 35px;font-weight: bold;display: block;width: 100%;float: left;border-top: 1px solid #C2C2C2;margin-top: 20px;padding-top: 10px;
}
header .nav .container-action {
  margin-right: 30px;
}
main #container .custom-box .mloading {
  display: block;
  position: absolute;
  width: 100%;
  height: calc(100% - 145px);
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  z-index: 10;
}
main #container .custom-box .ct-select label {
  margin: 0;
  float: left;
}
main #container .custom-box .select {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  width: 100px;
}
main #container .custom-box .styledSelect::after {
  right: 10%;
  top: 8px;
}
main #container .custom-box > ul{display:flex;flex-wrap: wrap;}
main #container .custom-box > ul li{
  float: left;
  width: 50%;
  margin: 10px 1%;
  background: #F2F2F2;
  padding: 10px;
  padding-bottom: 80px;
  border-radius: 5px;
  text-align: center;
  position: relative;
  flex: 1 0 23%;
}
main #container .custom-box > ul li h3 {
  font-size: 15px !important;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  margin-top: 5px;
  margin-left: 5px;
}

.wrapper.produit .container-produit .produit .left .col ul:last-child li {
  width: 50%;
}
main.clients{
  margin-top: 200px !important;
}
main.exploitations, main.iots, main.gateways, main.partners, main.orders{
  margin-top: 100px !important;
}
.pac-container {
  z-index: 99999999999;
}
header .nav .container-action .container-number {
  width: auto;
  padding: 0 5px;
}

.dataTables_processing {
  margin-top: 100px !important;
  padding: 40px 0 !important;
  height: auto !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  font-weight: bold !important;
  z-index: 99999999;
  top: 0 !important;
}

.tools-filters {
  display: flex;
  width: 100%;
  margin-top: 30px;
  float: left;
}
.tools-filters .tools-filters-item {
  width: 100%;
  background: #ebebf1;/*rgba(255,255,255,0.8);*/
  border-radius: 10px;
  margin: 0 10px;
    margin-left: 10px;
  align-items: center;
  align-content: center;
  display: flex;
}

.formOrderManagement {width:750px !important}
.formOrderManagement p img,.formOrderManagement p span{
	display: inline-block;
	margin:0 5px;
}
.tools-filters ul {
  list-style: none;
  margin: 10px 0;
}
.tools-filters .tools-filters-item:first-child{
	margin-left:0;
}
.tools-filters .tools-filters-item:last-child{
	margin-right:0;
}
.tools-filters ul li {
  display: block;
  float: left;
  margin: 5px 10px 0 10px;
  padding: 5px 10px;
  border: 2px solid #000;
  border-radius: 15px;
  line-height: 15px;
  cursor: pointer;
}

.tools-filters ul li:hover,.tools-filters ul li.act {
	background:#000;
	color:#fff;
}

.estatus {
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  width: 100px;
  text-align: center;
  background: #000;
  color: #fff;
  padding: 5px 8px;
  border-radius: 5px;
}

span.lastgen{
    background: #000;
    color: #fff;
    font-size: 10px;
    padding: 5px 10px;
    top: -3px;
    position: relative;
    display: inline-block;
}
a.fc-event {
  border-width: 3px;
  padding: 5px;
}

a.fc-event.saved,.estatus.saved{background:#F1F1F1;border-color:#F1F1F1;color:#000;}
a.fc-event.confirmed,.estatus.confirmed{background:green;border-color:green;color:#fff;}
a.fc-event.inprogress,.estatus.inprogress{background:orange;border-color:orange;color:#000;}
a.fc-event.prepared,.estatus.prepared{background:blue;border-color:blue;color:#fff;}
a.fc-event.programmed,.estatus.programmed{background:#999;border-color:#999;color:#fff;}
a.fc-event.installed,.estatus.installed{background:#333;border-color:#333;color:#fff;}
a.fc-event.closed,.estatus.closed{background:#000;border-color:#000;color:#fff;}
a.fc-event.expired,.estatus.expired{background:red;border-color:red;color:#fff;}
a.fc-event.validate,.estatus.validate{background:yellow;border-color:yellow;color:#000;}
a.fc-event.completed,.estatus.completed{background:#F2F2F2;border-color:#F2F2F2;color:#000;}
a.fc-event.toprogram,.estatus.toprogram{background:#034711;border-color:#034711;color:#fff;}

span[value=""]{border-radius:5px !important;}
.estatus.ile-maurice,span[value="ile-maurice"]{background:#f8cc6a !important;border-radius:5px !important;border:none !important;color:#ffffff !important;} 
.estatus.guadeloupe,span[value="guadeloupe"]{background:#7577e0 !important;border-radius:5px !important;border:none !important;color:#ffffff !important;} 
.estatus.martinique,span[value="martinique"]{background:#75e0d6 !important;border-radius:5px !important;border:none !important;color:#ffffff !important;} 
.estatus.reunion,span[value="reunion"]{background:#75e077 !important;border-radius:5px !important;border:none !important;color:#ffffff !important;} 
.estatus.france,span[value="france"]{background:#e0cf75 !important;border-radius:5px !important;border:none !important;color:#ffffff !important;} 
.estatus.togo,span[value="togo"]{background:#e08e75 !important;border-radius:5px !important;border:none !important;color:#ffffff !important;} 
.estatus.benin,span[value="benin"]{background:#b075e0 !important;border-radius:5px !important;border:none !important;color:#ffffff !important;} 
.estatus.cote-d-ivoire,span[value="cote-d-ivoire"]{background:#2643e0 !important;border-radius:5px !important;border:none !important;color:#ffffff !important;}

.estatus.maintenance{background:#C2C2C2;color:#000;}
.estatus.installation{background:#666;}

.estatus.normal{background:#f0f02c;color:#000;}
.estatus.moyen{background:orange;color:#000;}
.estatus.urgent{background:red;}

.dataTab table.dataTable tbody tr {
  height: 50px;
}
.wrapper.produit .container-produit .produit .left .col ul li {
  width: 33%;
}
#container .cta-common .container-action.btType2::before {
  background-color: #1c2d4f;
}
#container .cta-common .container-action.btType2.act::before {
  background-color: #1c2d4f;
  opacity:0.8;
}
.tools_map {
  float: left;
  width: 100%;
  height: 800px;
  margin-top: 40px;
  background: #fff;
  margin-bottom:40px;
}
.tools_stat{margin-top: 40px;margin-bottom:40px;}
#intervention-calendar {
  max-width: calc(100% - 10px);
  margin: 0 auto;
    margin-bottom: 0px;
  min-height: 400px;
  margin-bottom: 40px;
}
.clientInfos {
	font-size:12px !important;
}
.clientInfos p {
  margin: 0;
  text-align: left;
}
.clientInfos p span{display: inline-block !important}

.fc-toolbar-chunk h2 {
  margin: 0 !important;
  text-align: center !important;
}

.fc-toolbar-chunk {
  min-width: 200px;
  text-align: right;
}
.fc-header-toolbar > .fc-toolbar-chunk{
  width: 400px;
  text-align: left;
}
.fc-header-toolbar  .fc-toolbar-chunk:last-child{
	text-align: right;
}

main.orders #container .wrapper-tab-orders.produit {
  display: block !important;
  margin: 0 0 0 20px;
  width: calc(100% - 200px);
}
main #container #graph-commandes.custom-box > ul li{
	padding-bottom: 10px;
	flex:1 0 45%;
}
#graph-commandes .chiffres p {
  margin: 0;
  width: calc(50% - 5px);
  float: left;
  padding: 0 0px 5px 0px;
  border: 1px solid #000;
  border-radius: 4px;
}
#graph-commandes .chiffres p:first-child {margin-right: 10px;}
#graph-commandes .chiffres{
	
}

#graph-commandes .chiffres span{
  display: block;
  float: left;
  width: 100%;
  background: #000;
  color:#fff;
  padding:2px 0;
}
#graph-commandes .chiffres em{
  display: block;
  float: left;
  width: 100%;
  font-size:25px;
  padding:5px 0;
}