body{
	font-family: 'Open Sans', sans-serif;
}


html,
#wrapper .main {
background-color: #d7dbe0;
    /*background-color: #cfd8e3;*/
}




.left{
  float:left;
}
.right{
  float:right;
}

.aleft{
  text-align:left;
}
.aright{
  text-align:right;
}
.acenter{
  text-align:center;
}

.clear{
	clear:both;
	border:0;
}
hr.clear{
	margin:0;
	margin-bottom:5px;
}

.hide{
	display:none;
}

.aright{
text-align:right;
}

h1{
	font-size:28px;		
}



h3, h3.panel-title{
	color:#1a454e;
}
h3.page-title{
	color:#00AAFF;
}

hr{
	border-color:#818181;
	border-width: 2px;
}

.espace50{
	height:50px;
}
.espace20{
	height:20px;
}

a{
color:#000;
}


a.green{
	color:#b4c618 !important;
}
a.red{
	color:#b83535 !important;   
}

.green{
	color:#b4c618 !important;
}
.red{
	color:#b83535 !important;   
}

.blue{
  color:#0081c2  !important;  
}

.panel .panel-heading button {
padding: 6px 22px;	
}



.filter-heading{
	background-color:#ddd;
	padding:15px;
}

.bt{
    cursor:pointer;
}

.fas,
.fab,
.fa-user-circle,
.fa-clipboard-list,
.fa-times,
.fa-shopping-cart{
	color:#495057 !important;
}
.fa-bell{
	color:#b83535 !important;
}



.ligne{
  background-color:#eee;
  border:1px solid #ccc;
  padding:10px;
}
.btn-success{
  background-color: #b4c618;
    border-color: #b4c618;
}


label{
  font-weight:bold;
}

.round{
	width: 20px;
	height: 20px;
	border-radius: 20px;
	display: inline-block;  
}
.round.red{
	background-color:red;
}
.round.yellow{
	background-color:#b83535;
}
.round.green{
	background-color:#b4c618;
}
.round.grey{
	background-color:#666666;
}
.modo .round{
float:left;
margin-right:10px;
}



.table-grey{
background-color: rgba(0,0,0,.05) !important;
border:0  !important;
}
.table-grey th,
.table-grey td{
border:0;
}

.shadow{
background-color: #e2e2e2;
-webkit-box-shadow: 3px 3px 5px 2px #999999;
-moz-box-shadow: 3px 3px 5px 2px #999999;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#999999', Positive='true');
zoom:1;
box-shadow: 3px 3px 5px 2px #999999;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
}


/* header */
#header{
	padding:20px 0;
}
.username{
	margin:5px 10px;
}
hr.small{
	width:20%;
}


#stepcustom{
	margin:0 !important;
	padding:0 !important;
}

/* content */
h2{
	display:block;
	font-size:19px;
	color:#000000;
	font-weight: bold;
	background:url('../img/h1_back.jpg') top left no-repeat;
	height: 70px;
	padding:26px;
}

.famille{
	background-color:#ffffff;
	border:10px solid #c8c8c8;
	text-align: center;
	padding:15px 0;
	margin-bottom: 20px;
	cursor:initial;
}

.famille.active{
	background-color:#ffffff;
    border:10px solid #b4c618;
	cursor:pointer !important;
	color:red;
}

.famille.active.alone{
	max-width:50%;
	margin-left:25%;
}


/*
.famille:not(.active){
height:282px;
padding:121px;

}
.famille:not(.active) img{
display:none;
} 
*/
.famille:not(.active) img{
opacity: 0.5;
filter: alpha(opacity=50);
} 

a.famillelink .famille h3{
	font-size: 20px;
	color:#000000 !important;
	text-decoration:none;
	text-transform:uppercase;
}
a.famillelink:HOVER{
	text-decoration:none;
}



.produit{	
	border:1px solid #9d9d9d;
	margin-bottom: 20px;
	cursor:initial;
	background-color: #fff;
	
}
.produit .colprod{
	width:50%;
	float:left;
}
.produit .colprod h3{
	font-size:15px;
	font-weight:bold;
}
.produit .colprod .description{
	font-size:13px;
     color:#6f6f6f;
}        
.produit .colprod .nouveau{
	font-size:13px;
    color:#000;
} 
.produit .colprod .descrorange{
	font-size:13px;
    color:#ed7d31;
} 

  

.produit .colprod .cadeau {
   font-size:13px;
   color:#000;   
}
.produit .colprod .cadeau b{ 	
    color:#B4C71C ;
} 


.produit .colprod .nouveau b{
    color:red;
}
.produit .colprod.text{ 	
	color:#000000;
	padding:10px 5px 5px 10px;
}

.produit .colprod .docroutable{
   color:#000;
	font-size:12px;
   margin-left:35px;
}
.produit .cmd{
    margin-left:35px;
}

.produit .colprod.img{
	position: relative;
	background-color: #ccc;
  	min-height:300PX;
  	cursor:pointer;
}
.produit .colprod.img .zoomico{
	position: absolute;
	z-index:30;
	top:140px;
	left:50%;
	color:#000;
	font-size:30px;
	opacity: 0;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-in;

}
.produit .zoomico .fa-search-plus{	
  text-shadow: 3px 6px #272634;
}

.produit .colprod.img:hover .zoomico {
	opacity: 1;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-in;
	}



.btn-primary,
.btn-success{
    color: #fff;
    background-color: #0081c2 !important;
    border-color: #0081c2 !important;
    background-image:none;
}
.btn-primary:HOVER,
.btn-success:HOVER{
    color: #fff;
    background-color: #252c35 !important;
    border-color: #252c35 !important;
}
.btn-primary a,
.btn-success a{
    color: #fff;
    text-decoration:none;
}


.bordertable{
	border:1px solid #bbb;
	padding:5px;
}

#customfield{
	display: none;
}

#adresselivraison{
	display:none;
}

#icoalerte{
	float:left;
	margin-right: 13px;
    margin-top: 1px;
}

#icoalerte .p1[data-count]:after{
    position: absolute;
    right: -7px;
    top: -10px;
    content: attr(data-count);
    font-size: 13px;
    /* padding: .2em; */
    border-radius: 50%;
    padding: 5px 7px;
    line-height: 1em;
    color: white;
    background: #b83535;
	background:rgba(184,53,53,.80);
    text-align: center;
    min-width: 1em;
}
.p1{ 
	width: 50px;
	height: 50px;
	position: relative;
	margin-right:20px;
}


.famillerub1{
background:url('../img/rub1.png') top right no-repeat;
}



.pricefields{
	border:1px solid #999;
	padding:10px;
}
.pricefields .priceinput,
.pricefields span{
	display: block ;
	float:left;
	color:#f36f2d !important;
	font-weight: bold;
}

.pricefields .priceinput::placeholder{
	color:#bbb !important;
}

.priceinput{
	width:50px;
	padding-left:6px;
	padding-right:6px;
	text-align: right;

}
.pricefields label{
	font-size:14px;
}
.pricefields span{
padding-top:10px;
margin-left:5px;
margin-right:5px;
}

.weditor{
    border: 1px solid #ced4da;
    border-radius: .25rem;
    min-height:100px;
    padding:10px;
    background-color:#fff;
}

.error{
	border:1px solid red;
}

.nomargin{
	margin:0;
}

#upload_again{
	border:1px solid #ccc;
	background-color:#eee;
	border-radius:5px;
	padding:5px;
	margin-top:10px;
	display:inline-block;
	cursor:pointer;
}


.messfileroutage{
	color:red;
	margin-top:10px;
	font-size:15px;	
}

#detailsblock{
	font-size:15px;
	font-weight:bold;
	background-color: #eee;
    border: 3px solid #b4c618;
    padding: 10px;
    margin-top:10px;
	text-align:center;
	border-radius:5px;
	
}

.periodeintervention label{
	font-weight:normal;	
}
.periodeintervention input{
	margin-left:10px;	
}




.admin tr td,
.admin tr th{
	font-size:15px;
	padding:5px;
}
.admin tr td button{
	font-size:12px;
	margin-bottom:3Px;
	text-align:left;
}
.adminexport tr td,
.adminexport tr th{
	font-size:15px;
	padding:5px;
}
.adminexport tr td button{
	font-size:12px;
	margin-bottom:3Px;
	text-align:left;
}


.account tr td,
.account tr th{
	font-size:17px;
	padding:8px;
}

.account tr td button{
	font-size:12px;
	margin-bottom:3px;
	margin-right:3px;
	text-align:left;
}

/* a decommenter */
.bat{
    display:inline-block; 
	/*display:none; */
}

.admin .bat,
.adminexport .bat{
	display:inline-block;	
}

.savedcard{
	margin-top:-10px;
}
.savedcard button{	
	margin-right:15px;
	padding:2px 8px;
	height:25px;
	font-size:12px;
	width:230px;
	text-align:left;
	display:inline-block;

}



#loadermask{
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:999999;
  background-color: rgba(255,255,255, 0.9);
  text-align: center;
}

#loadermask #loader{
  position:fixed;
  width:300px;
  left:50%;
  margin-left:-150px;
}
#loadermask #barre{
    margin-top:15px;
    height:20px;

}
#loadermask #barre .ui-widget-header {
    border: 1px solid #dddddd;
    background: #b3c618;
    color: #333333;
    font-weight: bold;
}
#loadermask #barre .ui-progressbar .ui-progressbar-value {
    margin: 0px !important;
    height: 100%;
}

.tabletarif{
     border:1px solid #dee2e6;
}
.tabletarif tr td,
.tabletarif tr th{
	font-size:14px;
	padding:8px;
}




table.bats td,
table.bats th{
border-top:0;
}


.etat0{
color:#808080;
}
.etat1{
color:#b83535;
}
.etat2{
color:#ddb037;
}
.etat3{
color:#b4c71b;
}


.icon{
	color:#ffffff;
}

.brand{
	padding: 0px 60px 0 20px !important;
}


td .progress{
	margin-top:10px;
	margin-bottom:0px;	
}



.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


.nav-tabs>li>a.active {
    border-color: #eee #eee #ddd;
}
.nav>li>a:focus, .nav>li>a.active {
    text-decoration: none;
    background-color: #77c5ec;
}

.progress-bar-warning {
    color: #333333;
}


.btgros{
	height:185px;
	background-color:#fff !important;
	border-width:6px;
	color:#333;
}

#formfast label{
	margin-right:20px;
	padding-top:5px;
	clear:both;
	min-width:120px;
}
#formfast label,
#formfast input,
#formfast select,
#formfast textarea
{
	float:left;
	width:auto;	
	margin-bottom:10px;
}

#formfast input,
#formfast select,
#formfast textarea
{
	border:1px solid #999;
}

#formfast .btgrosetat{
	height:120px;
	background-color:#ccc !important;	
	border:6px solid #666 !important;
	color:#333;	
}
#formfast .btgrosetat:HOVER{
	background-color:#fff !important;	
}
#formfast .btgrosetat.select{
	background-color:#fff !important;	
	border:6px solid #09ad75 !important;	
}



#formfast .btgros{
	height:120px;
	border:6px solid #0081c2 !important;	
}

fieldset{
	clear:both;
	border:1px solid #999;
    padding: 10px;
	background-color:#b7daad;
	color:#333;
}
fieldset legend{
background-color:#09ad75;
display: inline-block;
    width: auto;
    padding: 5px;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: inherit;
    color:#fff;
    border:1px solid #999;  
}

#blocrappel fieldset{
	background-color:#81dff0;	
}
#blocrappel fieldset legend{
	background-color:#2097ac;

}


.btn-dark{
background-color:#666 !important;
color:#fff !important;	
}
#cancelrdv .fa-times{
color:#ffffff !important;
}
.btn-secondary{
background-color:#09ad75 !important;
color:#fff;	
}