/* body {
  -webkit-transition: background-color 1s;
  transition: background-color 1s;
} */
html,
body {
  height: 100vh;
}
body.loading {
  background: #000000
    url("https://cdn.evalpav.com/static/img/Double%20Ring-1s-291px.svg")
    no-repeat 50% 35%;
  -webkit-transition: background-color 0;
  transition: background-color 0;
  opacity: 0.1;
  -webkit-transition: opacity 0;
  transition: opacity 0;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  body.loading {
    background: #000000
      url("https://cdn.evalpav.com/static/img/Double%20Ring-1s-291px.svg")
      no-repeat 50% 5%;
    -webkit-transition: background-color 0;
    transition: background-color 0;
    opacity: 0.1;
    -webkit-transition: opacity 0;
    transition: opacity 0;
  }
}

body.loading-Eliminando {
  background: #000000
    url("https://cdn.evalpav.com/static/img/Loading/Loading%20Eliminando%20Datos.svg")
    no-repeat 50% 35%;
  -webkit-transition: background-color 0;
  transition: background-color 0;
  opacity: 0.1;
  -webkit-transition: opacity 0;
  transition: opacity 0;
}
body.loading-Actualizando {
  background: #000000
    url("https://cdn.evalpav.com/static/img/Loading/Loading%20Actualizando.svg")
    no-repeat 50% 35%;
  -webkit-transition: background-color 0;
  transition: background-color 0;
  opacity: 0.1;
  -webkit-transition: opacity 0;
  transition: opacity 0;
}
body.loading-Guardar {
  background: #000000
    url("https://cdn.evalpav.com/static/img/Loading/Loading%20Guardando.svg")
    no-repeat 50% 35%;
  -webkit-transition: background-color 0;
  transition: background-color 0;
  opacity: 0.1;
  -webkit-transition: opacity 0;
  transition: opacity 0;
}
body.loading-Pagando {
  background: #000000
    url("https://cdn.evalpav.com/static/img/Loading/Loading%20Pago%20.svg")
    no-repeat 50% 35%;
  -webkit-transition: background-color 0;
  transition: background-color 0;
  opacity: 0.1;
  -webkit-transition: opacity 0;
  transition: opacity 0;
}