@media only screen and (max-width: 500px){
  #modalvaca{
    width: 95%;
    top: 5% !important;
    max-height: 90%;
  }
  #modalvaca td{
    padding: 5px 5px;
  }
}
label.error{color: red;}
input.error{border: 1px solid red !important;}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
  }
  .progress-bar.bg-danger{
    background: #f33333;
    color: white;
  }
  .progress-bar.bg-success{
    background: green;
    color: white;
  }
  .toast-message{
    word-break: auto-phrase !important;
  }

  .switch label input[type=radio]:checked+.lever {
    background-color: #efc68f;
  }
  .switch label input[type=radio] {
    opacity: 0;
    width: 0;
    height: 0;
  }
  [type="radio"]:not(:checked), [type="radio"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  .switch label input[type=radio]:checked+.lever:before, .switch label input[type=radio]:checked+.lever:after {
    left: 18px;
  }
  .switch label input[type=radio]:checked+.lever:before, .switch label input[type=radio]:checked+.lever:after {
    left: 18px;
  }