.wc_weight_bar_container{
  height: 5px;
  width: 100%;
  overflow: hidden;
  margin: 20px 0 20px 0;
  background-color: #3333;
}
.bar{
  position: relative;
  height: 5px;
  background-color: #70b62f;
  border-radius: 5px;
}
.cercleActiv{
  background-color: #70b62f;
  border-radius: 50%;
  padding: 5px 12px;
  margin: 10px;
  color: white;
  border: 1px solid #70b62f;
}
.cercleNactiv{
  border-radius: 50%;
  padding: 5px 12px;
  margin: 10px;
  color: black;
  border: 1px solid black;
}
.cercleZone{
  padding: 20px 0;
}
.buttonActiv{
  background-color: #70b62f;
  color: white;
  border: 2px solid #70b62f!important;
}
.buttonActiv:hover{
  background-color: white;
  color: #70b62f;
  border: 2px solid #70b62f!important;
}

.bodycheck-input input{
  padding-left: 0px!important;
}
.zonecercle{
  margin-bottom: 20px;
  align-items: center;
  display: flex;
}
.cerclePlusMoin{
  border-radius: 50%;
  font-size: 20px;
  margin: 10px;
  color: black;
  border: 1px solid black;
  height: 31px;
  width: 33px;
}
.btn-lg2{
  padding: 8px 16px;
  font-size: 15px;
}
.mt-2 {
  margin-top: 20px;
}
.iconsize {
  display: flex;
  justify-content: center;
  height: 50px;
}

.pointer {
  cursor: pointer;
}

.bg-w{
  background-color: white;
}
.bar-info{
  margin-top: -20px;
}
.titre-info{
  font-size: 21px !important;
  font-family: Helvetica, sans-serif;
}
/*  */

#results img{
  height: auto;
}

.modif-btn{
  font-size: 14.5px!important;
}
/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
  
    .modif-btn{
      font-size: 12.5px!important;
    }
}