body {}

.negro {
  background-color: black;
}


.w100 {
  width : 100%;
  height: 83px;

  margin-bottom: 5px;
  font-size    : 37px !important;
}

.w50 {
  width        : 46%;
  height       : 83px;
  margin-bottom: 5px;
  font-size    : 25px !important;
}

/* .sqare {
  width : 81px;
  height: 88px;
  margin: 0px 0px;
  text-align: center;
} */

.c {
  font-size: 21px;
}

.seleccionado {
  background-color: rgb(34, 190, 2) !important;
}







.slidecontainer {
  margin-top   : 60px;
  margin-bottom: 30px;
  width        : 100%;
}

.slider {
  -webkit-appearance: none;
  width             : 100%;
  height            : 30px;
  border-radius     : 5px;
  background        : #d3d3d3;
  outline           : none;
  opacity           : 0.7;
  -webkit-transition: .2s;
  transition        : opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance        : none;
  width             : 50px;
  height            : 50px;
  border-radius     : 50%;
  background        : #1390de;
  cursor            : pointer;
}

.slider::-moz-range-thumb {
  width        : 25px;
  height       : 25px;
  border-radius: 50%;
  background   : #1390de;
  cursor       : pointer;
}




.setTimer {
  padding: 10px 20px;
  margin : 5px;
  cursor : pointer;
}

.boton-verde {
  border: 13px solid #1390de !important;
  /* Borde verde */
}

.fondo-verde {
  background-color: #1390de !important;
}

.size1 {
  font-size: 48px;
}

#horaEnd {
  font-size: 55px;
}

.fuera {
  position: relative;
}

.dentro {
  position        : absolute;
  top             : 2px;
  left            : 2%;
  font-size       : 18px;
  background-color: azure;
  color           : black;
  padding         : 1px 5px;
  border-radius   : 5px;
}