#tablaProductos th{
    color: #383838;
    font-family:'Roboto-Regular';
    font-size:20px;
    font-weight:700;
    text-transform: uppercase;
    background-color: #B1B3B5 !important;
    border-bottom: 1px solid #383838;
}
#tablaProductos tr td{
    color: #151515;
    font-family: 'Roboto-Regular';
    font-size: 15px;
    font-weight: 400;
    background-color: #B1B3B5 !important;
    border-bottom: 1px solid #383838;
}
.btnAgregar{
    color: white;
    font-family:'Roboto-Regular';
    font-size:16px;
    font-weight:400;
    background-color: #008037;
    border-radius: 0px;
}
.btnAgregar:hover{
    background-color: #008037;
    color: white;
}
.borrar-producto{
    color: #1E1E1E;
    font-family:'Roboto-Regular';
    font-size:16px;
    font-weight:400;
    background-color: #B1B3B5;
    border: 1px solid #B22B3E;
    padding: 0.5rem 1.5rem;
    border-radius: 0px;
}
.borrar-producto:hover{
    background-color: white;
    color: #B22B3E;
    border: 1px solid #B22B3E;
}
.cardInfo{
    border: 1px solid #383838;
    border-radius: 0px;
    background-color: #B1B3B5;
}
.cardInfo .card-header{
    font-family:'Roboto-Regular';
    font-size:22px;
    font-weight:600;
    background-color: #B1B3B5;
}
.cardInfo .card-body{
    font-family:'Roboto-Regular';
    font-size:16px;
    font-weight:400;
    color: #151515;
    background-color: #B1B3B5;
}
.form__textarea--placeholder{
    color: #383838;
    font-size: 14px;
    font-family: 'Roboto-Regular';
}
.inputCant{
    background-color: #B1B3B5;
    color: #383838;
    border: 1px solid #383838;
}
.form-check-input:checked {
    background-color: #008037;
    border-color: #008037; /* Optional for a red border */
  }
#btnCompra{
    font-size: 16px;
    font-family: 'Roboto-Regular';
    font-weight: 400;
    color: white;
    background-color: #B22B3E;
    width: 400px;
    border-radius: 0px;
}
#modalCompra .modal-body h5{
    font-size: 35px;
    font-family: 'Roboto-Regular';
    font-weight: 400;
    color: #B22B3E;
   
}
#modalCompra .modal-body p{
    font-size: 18px;
    font-family: 'Roboto-Regular';
    font-weight: 400;
    color: black;
   
}
.form__label{
    font-family: 'Roboto-Regular';
    color: #383838;
    font-size: 16px;
 }
.form__title{
    font-family: 'Roboto-Regular';
    color: #000000;
    font-size: 24px;
}