/* Css for verres */

/* Css for product_list */

.error-verre{
  color:red;
  font-size: 1.2em;
  padding-bottom: 8px;
  display: none;
}

.ribbon_sante {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon_sante span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon_sante span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon_sante span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
input[type="radio"], input[type="checkbox"] {
	margin: 3px 13px 0;
	margin-top: 1px \9;
	line-height: normal;
}
.noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    left: -17px;
    top: -2px;
}

.verre-item{
    -webkit-box-shadow: 0px 1px 4px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 4px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 4px -2px rgba(0,0,0,0.75);
}

.product-a-block{
  display:block;
  height:110px;
}

.loader{
	margin: auto;
	width: 200px;
	display: block;
	margin-top: 2em;
}

.activate-filter{
  padding-top:10px;
}
.no-product{
	font-size: 1.2em;
  padding: 10px;
}

.item-activate{
      border: 1px solid green;
      padding: 5px 13px 5px 5px;
      margin-right: 10px;
      margin-top: 10px;
      display: inline-block;
      background: #91b356;
      color: #ffff !important;
}

.item{
  color:#000;
   text-decoration: underline;
   display:block;
   margin-top: 7px;
}

.item.activate{
  border: 1px solid green !important;
  padding: 5px 15px 5px 5px;
  text-decoration: none;
  background: #91b356;
  color: #ffff !important;
  display: inline-block;
}

.price-filter{
  margin:10px 0 ;
}

.valid_price {
	position: relative;
	right: 0px;
	/*border: 1px solid black !important;*/
    border:none;
	text-decoration: none;
	background: #91b356;
	color: #ffff !important;
	display: inline-block;
	padding: 5px 5px 5px 5px;
    margin-right:35px;
	float: right;
	top: -7px;
}
.mgt10{
  margin-top:10px !important;
}

.item.activate::before{
  content: "\f00d";
  font: normal normal normal 14px/1 FontAwesome;
    padding: 5px 5px 5px 5px;
}


.item-activate::before{
  content: "\f00d";
  font: normal normal normal 14px/1 FontAwesome;
  padding: 5px 5px 5px 5px;
}

.list-item{
  /*margin-left: 15px !important;*/

  /*padding: 5px 5px 5px 5px;*/
  /*border: 1px solid blue;*/
}
.list-item select{
  width: 80%;
 /* background-color: #676666;
  color: #fff;*/
  height: 22px;
}
.list-item input[type="text"]{
    background: none;
    color: black;
    padding: 2px 12px;
    border: 1px solid #a7a7a7;
}
.list-item placeholder{
    color: black;
}
.a-pd:nth-child(even) {
  /*background: #CCC*/
}
.a-pd:nth-child(odd) {
  /*background: red*/
}
.pd-l-r-0{
  padding-left:0px;
  padding-right:0px;
}

.cmd{
  position: relative;
  top: 10px;
  height: 40px;
 /* border-radius: 4px;
  border: 1px solid green !important;*/
}

.btn-search{
  width: 100%;
 /* border: 1px solid black !important;*/
  text-decoration: none;
  background: #91b356;
}

.bar-filter{
  position: relative;
  left: -10px;
}

.tc{
  text-align: center;
}
.img-o{
  position: relative;
  top: -2px;

}

.fs-1-4em{
  font-size: 1.4em;
}

.w80{
  width: 80%;
}

.pd-r-15{
  padding-right: 15px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #a7a7a7 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #a7a7a7 !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #a7a7a7 !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #a7a7a7 !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #a7a7a7 !important;
}

@media screen and (min-width: 0px) and (max-width: 1200px) {
  label {
    display:grid;
  }
}
@media screen and (min-width: 1201px) {
  label {
    display:inline-block;

  }
}




.pd-l-r-15{
  padding-left: 15px;
  padding-right: 15px;
}

.pd15{
  padding: 15px;
}
.color-corrections-2{
  background-color: #fff;
  margin-top: 15px;
margin-bottom: 15px;
}
.color-corrections{
  border: 1px solid #a7a7a7;
  background-color: lightgrey;
}

.mg-t-2em{
  margin-top: 2em;
}

.col-centered{
float: none;
margin: auto;
}

a.current-active{
  border: 1px solid green;
  background-color: black !important;
}

.pd-verre-item:last-child{
   margin-bottom: 16px;
}

.teinte-main{
   width:75px; height:90px; float:left; margin-right:4px
}

.h-1{
   height:1px;
}

.pd-main-verre{
   padding:0px 0px 0px 5px;
}


.teinte-vert-1{
   background:url(../../images/montage/teinte-vert-1.jpg) no-repeat; padding-left:23px
}
.teinte-vert-2{
   background:url(../../images/montage/teinte-vert-2.jpg) no-repeat; padding-left:23px
}
.teinte-vert-3{
   background:url(../../images/montage/teinte-vert-3.jpg) no-repeat; padding-left:23px
}
.teinte-vert-4{
   background:url(../../images/montage/teinte-vert-4.jpg) no-repeat; padding-left:23px
}
.teinte-gris-1{
   background:url(../../images/montage/teinte-gris-1.jpg) no-repeat; padding-left:23px
}
.teinte-gris-2{
   background:url(../../images/montage/teinte-gris-2.jpg) no-repeat; padding-left:23px
}
.teinte-gris-3{
   background:url(../../images/montage/teinte-gris-3.jpg) no-repeat; padding-left:23px
}
.teinte-gris-4{
   background:url(../../images/montage/teinte-gris-4.jpg) no-repeat; padding-left:23px
}
.teinte-brun-1{
   background:url(../../images/montage/teinte-brun-1.jpg) no-repeat; padding-left:23px
}
.teinte-brun-2{
   background:url(../../images/montage/teinte-brun-2.jpg) no-repeat; padding-left:23px
}
.teinte-brun-3{
   background:url(../../images/montage/teinte-brun-3.jpg) no-repeat; padding-left:23px
}
.teinte-brun-4{
   background:url(../../images/montage/teinte-brun-4.jpg) no-repeat; padding-left:23px
}
.mc{
   margin: 0 auto;
}
.dn{
   display:none;
}
.w-100pc{
   width:100%;
}
.pd-verre-item {
    padding: 10px 15px 4px 15px;
}
.space-20 {
    margin-top: 20px;
}
@media(max-width:768px){
    .space-20 {
    margin-top: unset;
}
    .btn {
    margin-bottom: 20px;
}
    .cmd {
    top: unset;
}
}
.ta-l{
    text-align: left;
}
.mgt-12{
   margin-top: 12px;
}

.pd-20{
   padding: 20px 20px 20px 20px
}

.ta-r{
    text-align: right;
}

.ta-c{
    text-align: center;
}

.fs-20{
  font-size: 20px !important;
}
.c-b{
  clear:both;
}
.fs-15{
    font-size: 15px;
}
.fs-25{
   font-size: 25px;
}
.fs-20{
   font-size: 20px;
}
.fs-55{
   font-size: 55px
}

.r-pd{
   padding: 0;
}

.w-50pc{
   width:50%;
}
.f-l{
   float:left;
}
.f-r{
   float:right;
}
button#verre_form{
    width: 40%;
    padding: 5px 0;
    float : right;
    margin-right: 50px;
}
.vision{
    position: absolute;
    right: 252px;
    top: 24px;
}
.two-verres{
    font-size: 15px;
}
#table-corrections select {
    width: 70%;
    margin-bottom: 10px;

}