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: #ffffffc2;
  border-radius: 25px;
  backdrop-filter: blur(10px);
}

.botonesHome:active{
  box-shadow: none !important;
}

.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: 20px;
}

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

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

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

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

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

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

.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);
}