.card-side-img{
    background-image: url("../img/logo.png");
}

.sidenav-user{
    background-image: url("../images/user-bg-pattern.png");
}

/* Ladda: el span .ladda-spinner es contenedor; el spinner visible es un hijo. Centramos el hijo en el hueco de 52px. */
.ladda-button {
  position: relative;
}
.ladda-button .ladda-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  width: 52px;
  height: 32px;
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  transition: opacity 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ladda-button .ladda-spinner > * {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.ladda-button .ladda-label {
  position: relative;
  z-index: 3;
}
.ladda-button[data-loading] {
  padding-left: 52px !important;
}
.ladda-button[data-loading] .ladda-spinner {
  opacity: 1;
}