/*
 * Home page
 */
 body{font-family: 'Open Sans', sans-serif; font-size: 14px; padding: 0px; color: #000000; font-weight: 300; background-color: #f4f4f4;}
 a{ color: #646565;}


 body .container{ max-width: 1140px; width: auto; position: relative;}
 body p{font-size: 15px; color: #646565; font-weight: 300; margin: 50px 0px; }
body  .container-space{ max-width: 1170px; padding-right: 30px; padding-left: 30px;}
.nopadding{ padding: 0px !important;}


.btn-filter, button.btn-mobileSelect-gen, button.btn-mobileSelect-gen:focus{
  text-decoration: none; border:none; 
  width: 100% !important; 
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  border-radius: 4px; 
  text-transform: none; 
  display: inline-block; 
  padding: 6px 20px; 
  background-color: #555555; 
  color: #fff; 
  font-weight: 700; 
  font-size: 20px;  
  text-align: center;}
  .mobileSelect-container{ font-weight: 400;}
  .btn-filter:hover, .btn-filter.selected,  button.btn-mobileSelect-gen:hover{ background-color: #7ac323; text-decoration: none; color: #fff;}
  .title-filter{ padding: 10px 0px;  display: inline-block; font-size: 17px; font-weight: 300; color: #000000; }
    .filter-block{ padding: 0px;}
  .filter-block .row > div{ padding: 0px 15px;}

.btn-print-all, 
.btn-reset-filters {
    margin: 20px 0px; 
    text-decoration: none; 
    border:none; 
    width: 100%; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
    text-transform: uppercase; 
    display: inline-block; 
    padding: 6px 13px; 
    background-color: #7ac323; 
    color: #fff; 
    font-weight: 700; 
    font-size: 19px;  
    text-align: left; 
}

.btn-print-all:hover, 
.btn-reset-filters:hover { 
    color: #fff; 
    text-decoration: none; 
}

.btn-print-all .picto-print {
    margin-top:2px ;
    float: right;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url("../img/print-ico.png") no-repeat center center; 
}

.mobileSelect-container.white .list-container .mobileSelect-control{ background-image:url("../img/puce.png");}
#close-cart{ width: 25px; height: 25px; display: inline-block; background: url("../img/close-cart.png") no-repeat center center; }
.mobileSelect-container a:hover{ color:#7ac323; }
.mobileSelect-container.white .mobileSelect-buttons a{ font-weight: 700;}
.mobileSelect-container.white .mobileSelect-buttons a:hover{  background-color:#7ac323;color:#7ac323; color: #fff; }

 /****** Liste echantillons *********/
.br-list { padding: 25px 0px; padding-bottom: 25px;   margin-right: -22px;  margin-left: -22px;}
.br-list .wrapper-br{ padding: 7px;}
.br-list .br-item{ background-color: #fff; padding: 15px 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.br-item h1{text-align: center;font-size: 18px; color:#7ac323; margin-top: 0; font-weight: 300;}
.br-item h1 span{font-weight: 800; font-size: 22px;}
.br-list .br-item p{ margin: 5px 0px; font-size: 14px; color: #000000; }
.br-list .br-item p.description{ min-height: 62px;}
.br-list .br-item .br-item-title{ margin: 15pxpx 0px 15px 0px; font-size: 18px; font-weight: 300;}
.br-list .br-item .br-item-img{ margin: 5px 0px; position: relative;}
.br-list .br-item .br-item-img img{ margin-left: auto; margin-right: auto;}
.br-list .br-item .btn-item{ width: 100%; margin-top: 15px;  border:none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; text-decoration: none; display: block; padding: 5px 10px; font-size: 18px; color: #fff; font-weight: 300; border:none; background-color: #555555 ; }
.br-list .br-item .btn-item:hover{ background-color: #7ac323; }
.br-list .printed-item .br-item-img img{ opacity: 0.3;}
.br-list .printed-item .br-item-img .printed-label{ position: absolute; width: 140px; left: 50%; margin-left: -70px;   top: 50%;  display: inline-block;   border: 1px solid  #000000; padding: 2px 10px; text-align: center; font-weight: 700; font-size: 14px;margin-bottom:5px;}
.br-list .br-item .btn-item.disabled{ color: #fff; background-color: #ededed;}
.br-item .nostock-label { 
  width: 100%;
  margin-top: 15px;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 5px 10px;
  font-size: 19px;
  color: #FFF;
  font-weight: 300;
  border: medium none;
  background-color: #ddd;
}

.br-list .br-item .unselectable {
  top:0px;left:0px;
  display:block;
  position:absolute;
  width:100%;height:100%;
  padding: 3px 8px 12px 8px;
  z-index:9999;
}
.br-list .br-item .unselectable p {
  display: block;
  background-image: url('../img/bg-transparent-000000-60.png');
  text-align:center;
  padding-top:60%;
  width:100%; height:100%;
  color: #fff;
  font-weight: bold;
  font-size: 19px;
  text-transform: uppercase;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}

#sidebar { padding-right: 0px; padding-left: 30px; }
#sidebar .title-cart{ background-color: #555555; color: #fff; font-size: 22px; font-weight: 700; padding: 19px 20px; margin: 0;}
#sidebar .wrapper-cart{ background-color: #fff; padding: 20px; }
#sidebar .wrapper-cart .header-cart{ padding: 4px 0px !important;}
#sidebar .wrapper-cart .my-cart{ position: relative; margin: 0px; color: #7ac323; padding-top: 10px; padding-bottom: 10px;  padding-left: 40px;  background: url("../img/cart.png") no-repeat left center; font-size: 16px; font-weight: 700; }
#sidebar .wrapper-cart .my-cart .total-items{ position: absolute; background-color: #7ac323; top: 0px; left: 23px;  width: 16px; height: 16px; -moz-border-radius: 8px; 
   -webkit-border-radius: 8px; border-radius: 8px; text-align: center; line-height: 15px; color: #fff; font-size: 10px; font-weight: 700; }
#sidebar .wrapper-cart .delete-cart{ display: inline-block; width: 36px; height: 35px; background: url("../img/delete-cart.png") no-repeat center center; }
#sidebar .wrapper-cart .cart-row{ padding: 12px 0px; margin: 0px; color: #555555; font-size: 16px; font-weight: 300;}
#sidebar .wrapper-cart .subline-row{ border-bottom: 1px solid #c2c3c5;}
#sidebar .wrapper-cart .cart-row  .cart-info{  padding-left: 0px;}
#sidebar .wrapper-cart .cart-row  .cart-content{ font-weight: 700; color: #7ac323; text-align: right; padding-right: 0px; }
#sidebar .wrapper-cart .price-off { font-size: 20px; font-weight: 700; border-top:1px solid #c2c3c5; text-align: center;}
#sidebar .wrapper-cart .price-off  strong{ color:  #7ac323;}
#sidebar .wrapper-cart .delete-item{ display: inline-block; margin-right: 10px; width: 15px; height:12px; background: url("../img/delete-item.png") no-repeat center center;}

.print-bloc{ margin: 10px 9px; text-align: center; color: #646565;}
.print-bloc .title-print a{ color: #646565; font-weight: 400; font-size: 16px; text-decoration: underline;}
.print-bloc .title-print a:hover{ color: #7ac323;}
.print-bloc p{ margin: 10px 0px; font-size: 16px;  font-weight: 400; color: #646565; }
.print-bloc p a{ color: #646565; text-decoration: underline; font-weight: bold;}
.print-bloc p a:hover{ color: #7ac323; }
.print-bloc .print-button{ text-decoration: none; border:none; width: 100%; margin: 20px 0px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-transform: uppercase; display: inline-block; padding: 10px 20px; background-color: #7ac323; color: #fff; font-weight: 700; font-size: 19px;  text-align: center; }
.print-bloc .print-button:hover{ text-decoration: none;}

 /****** confirm print *********/
.form-group{ background: #fff url("../img/edit.png") no-repeat center right; padding: 10px 40px 10px 0px; margin-bottom: 22px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #fff; }

.form-group .control-label{ font-size: 19px; color: #646565; padding-top: 5px; padding-right: 0px; font-weight: 600; text-align: left;}
.form-group .form-control{ font-size: 19px; color: #646565; border-color: #fff; box-shadow:none; -webkit-box-shadow:none;}

.form-group.error-group{   margin-bottom: 5px; border:1px solid #ce5454;  }

.form-group.error-group.form-group-radio{ border: none; background:none;}
.form-group.error-group .radio-inline{color: #ce5454;}
.form-group.error-group .control-label{  color: #ce5454;}
.form-group.error-group .form-control{  /*border-color: #fecbcb; background-color:#fecbcb; */ color: #ce5454;}
.title-page{ margin: 0px; font-size: 26px; font-weight: 700;  color: #7ac323;}
.page-actions .bt-actions{   margin: 15px 0px;
  text-decoration: none;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-transform: uppercase;
  display: inline-block;
  padding: 6px 20px;
  background-color: #7ac323;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  text-align: left;}
  .page-actions .bt-actions +.bt-actions{ margin-left: 20px; }
.page-content{margin: 25px -15px;}
.page-content p{ color: #000000; font-size: 19px; line-height: 24px; font-weight: 400; margin: 10px 0px;}
.page-content p.infos{ font-size: 16px; color: #7ac323; padding: 12px 0px;}
.form-group .btn-default{
  text-decoration: none;
  border: none;
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;  
  text-transform: uppercase;
  display: inline-block;
  padding: 6px 20px;
  background-color: #7ac323;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  text-align: left;}
  .form-group-action{background-color: transparent;background: none;}
  .form-group-action p{ margin: 5px 0px 25px 0px; font-size: 16px; font-weight: 400; color: #7ac323; }
  .form-group-radio{ background:transparent; padding-right: 0px;}
  .form-group-radio{background:transparent;}
  .form-group-radio .control-label{ padding-left: 0px; line-height: 35px; max-width: 80px;  }
  .form-group-radio > div{ padding: 0px;}
  .radio-inline{ font-size: 19px; font-weight: 400; color: #646565; line-height: 35px; }
  label.error{ color: #ce5454;  margin-bottom: 22px;}


  /*** custom radios ***/

input[type=radio] { display: none;  } /* to hide the radio itself */
input[type=radio] + .picto-check {
  
  display: inline-block;
  float: left;
  color: #fff;
  width: 35px; height: 35px;
  background-color: #fff;
  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}

input[type=radio] + .picto-check { margin-right: 12px; } /* unchecked icon */
input[type=radio] + .picto-check { letter-spacing: 10px; } /* space between radio and label */

input[type=radio]:checked + .picto-check { background : #fff url("../img/check.png") no-repeat center center;  } /* checked icon */
input[type=radio]:checked + .picto-check { letter-spacing: 5px; } /* allow space for check mark */


.btn-cart-xs{ position: relative; padding-right: 80px;  font-size: 32px; font-weight: 700; text-align: left; border:none; color: #fff; text-transform: uppercase; background-color: #7ac323; padding: 22px 35px; width: 100%;}
.wrapper-btn-cart-xs{ margin-right: -30px; margin-left: -30px; }
.my-cart-mobile{ width: 65px; height: 65px; right: 20px; top: 15px; background :  url("../img/cart-mobile.png") no-repeat center center; position: absolute; }
.total-items{ position: absolute; display: block; background-color: #fff;top: 0px; left: 45px;  width: 30px; height: 30px; -moz-border-radius: 15px; 
   -webkit-border-radius: 15px; border-radius: 15px; text-align: center; line-height: 30px; color: #7ac323; font-size: 19px; font-weight: 700;}


#btn-filtre .btn-reset-filters {
    text-align: center;
    max-width: 50px;
}

@media screen and (max-width: 768px) {
    
        
    #select-all a{
        text-align: center;
    }
 
#btn-filtre .btn-reset-filters {
    text-align: center;
    max-width: 100%;
}
    
.filter-block .row > div#btn-filtre{
    width:100%;
    margin-top: 20px;
    text-align:center;
    max-width: 100%;
}

.filter-block .row > div#btn-filtre a{
    text-align: center;
}

.btn-cart-xs{ font-size: 20px; padding: 10px 35px; margin-bottom: 25px;}
#sidebar .title-cart{padding: 12px 15px;}
.my-cart-mobile{ background-size:30px 30px; width: 30px; height: 30px; top: 8px; }
.total-items{   left: 18px;
  width: 15px;
  height: 15px;line-height: 15px;   font-size: 12px; top: 2px;
}
.filter-block{ margin-top: 0px; margin-bottom: 25px;}

.btn-print-all, 
.btn-reset-filters {
    margin-top: 0px;
    margin-bottom: 0px;
}

}

@media screen and (max-width: 520px) {

.title-filter{ font-size: 14px;   padding: 5px 0px;}
.filter-block{ margin-top: 0px; margin-bottom: 20px;}
.filter-block .row > div{ width: 33%;}
.btn-filter, button.btn-mobileSelect-gen, button.btn-mobileSelect-gen:focus{ font-size: 14px; padding: 6px 10px;}
.btn-cart-xs{ font-size: 15px;   padding: 10px 15px; margin-bottom: 25px; }

.btn-print-all,
.btn-reset-filters {
    font-size: 12px; 
    line-height: 22px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.my-cart-mobile{ background-size:30px 30px; width: 30px; height: 30px; top: 5px; }
.total-items{   left: 18px;
  width: 15px;
  height: 15px;line-height: 15px;   font-size: 12px; top: 2px;
}
#sidebar .title-cart{ font-size: 16px;
  padding: 12px 20px;}
  #close-cart{ width: 15px; height: 15px; display: inline-block; background: url("../img/close-cart.png") no-repeat center center; background-size: 15px 15px;  }

.title-page{ font-size: 16px; margin-top: 0px;}
.page-content p{ font-size: 14px; line-height: 16px;}
.page-content{ margin:10px -15px }
.form-group .control-label{ font-size: 16px;}
.radio-inline{ font-size: 16px; line-height: 20px;}
input[type=radio] + .picto-check{ width: 20px; height: 20px; -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;}
  .form-group-radio .control-label{ line-height: 35px;}
  .form-group{ padding: 5px 0px 5px 0px; -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; margin-bottom: 5px;}
    .form-group > div{ padding: 0px;}
  .form-group{ background: none;}
  .form-group.error-group{ background: none; border: none; }
.form-group.error-group .form-control{ border: 1px solid #ce5454;}
  .form-group .control-label{ padding: 0px;}

  .form-group .form-control{ background: #fff url("../img/edit.png") no-repeat center right;}
  .form-group .btn-default{ font-size:14px; }
  .page-actions .bt-actions{ font-size: 14px; padding: 6px 10px;}
  .page-content p.infos{ font-size: 14px;}
  #sidebar .wrapper-cart .delete-item{ margin-right: 5px; height: 9px;}
  #sidebar .wrapper-cart .my-cart{ font-size: 12px; background-size: 25px 25px;  padding-top: 5px;
  padding-bottom: 5px; }
  #sidebar .wrapper-cart .my-cart .total-items{left: 16px; }
  #sidebar .wrapper-cart{ padding: 10px;}
  #sidebar .wrapper-cart .delete-cart{ width: 25px; height: 25px;background-size: 25px 25px; }
 .print-bloc .title-print{ margin: 0px;}

}   


@media screen and (max-width: 480px) {

  .br-list .wrapper-br{ width:100% !important;}
  #sidebar .wrapper-cart .cart-row .cart-info{ padding-right: 0px;}
  #sidebar .wrapper-cart .cart-row{ font-size: 12px; font-weight: 700; padding: 4px 0px;}
  .print-bloc .title-print a{ font-size: 12px; }
  .print-bloc p{font-size: 11px; }
  .print-bloc .print-button{ font-size: 12px; padding: 5px 20px;   margin: 6px 0px;}
  .print-bloc{ margin: 5px 0px;}

.wrapper-label-filter{ width: 100% !important;  }
  .wrapper-filter{ width: 50% !important; }




}


@media (min-width: 768px){
    .container {
      width: 750px;
    }
}



@media (min-width: 992px){
    .container {
      width: 970px;
    }
}