.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select{
  background-color: #b2f0af;
}

.devolucion{
  background-color: rgba(255, 0, 0,0.5)  ;
  /* background-color:   ; */
}

/* Create a custom checkbox*/
.checkmark {
  position:absolute;
  top: auto;
  left: 39;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border : 1px solid black ;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #ff0000;

}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  content: "X";
  left: 2 ;
  font-size: 20px;
  top: -5 ;
  /*width: 5px;
  height: 10px;*/
}

.marginButtonSale{
margin: 0% 3% 0% 65.3% ;
}
.marginButtonDev{
margin: 0% 3% 0% 62.5% ;
}
.marginButtonAnt{
margin: 0% 3% 0% 65.3% ;
}

.scroll-table {
  height: 50%;
  width:  100%;
  overflow-y: scroll;
}
@media screen and (min-height: 871px){
  .scroll-table {
    height: 55%;
  }
}