body {
    background-color: #282828;
} 

.fondo-main{
    background-image: url("../img/fondo.jpg") !important;
    background-size: cover !important;
}

.fondo-sec {
    background: url("../img/fondo2.jpg") !important;
    background-size: cover !important;
}

.logo-main{
    width: 80%;
    max-width: 400px;
}

.contenedor-main-sup{
    display: flex;
}

.botonesHome{
    color: #2579ef;
    font-size: 3vw;
    border: none;
    background-color: white;
    border-radius: 25px;
}

.botonesHome img{
    width: 60%;
}

.login-screen-title img{
   width: 60%;
   max-width: 400px;
}

.login-screen-content{
    margin-top: 2px !important;
    background: none;
}

.logo-panel{
    width: 100px;
}

input:read-only {
    background-color: rgb(233, 233, 233) !important;
}

.blockHomeSup{
    margin-bottom: 40px;
}

.comentario{
    background-color: rgb(192, 245, 192);
}

.toastRojo{
    background-color: red !important;
}

.toastVerde {
    background-color: green !important;
}

.text-center{
    text-align: center;
}

.contenedor-blanco {
    background-color: #fff;
    border-radius: 15px;
    padding: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

.botones-primarios {
    background-color: #57a695;
    color: #fff;
}

.color-primario{
    color: #57a695;
}

.text-blanco{
    color: #fff
}

.text-rojo {
    color: rgb(255, 0, 0)
}

.boton-trans{
    background: none;
    background-color: transparent;
    border: none;
}

h4 strong{
    color:rgb(119, 119, 119);
}

.infoPedido{
    background-color: #fff;
    border-radius: 5px;
    padding: 3px;
}

.data-table{
    background-color: #fff;
    border-radius: 5px;
}

.inputs-cantidad{
    border-radius: 5px;
    border: 1px solid rgb(202, 202, 202);
    background-color: rgb(255, 255, 163);
}