.bg-emart {
  background-image: linear-gradient(45deg, var(--bs-blue-700), var(--bs-purple-700), var(--bs-red-700));
}

.bg-footer {
  border-top: 1px solid var(--bs-yellow-600); 
}

.pagination {
  margin-top:1rem;
}

.pagination li {
  border: 1px solid #5a5a5a;
  display: inline;
  padding-left:1rem;
  padding-right:1rem;
}

.pagination a {
  text-decoration:none;
}

.bg-row-success-0 {
	background-image: linear-gradient(45deg, var(--bs-teal-100), var(--bs-gray-200));
}
.bg-row-success-1 {
	background-image: linear-gradient(45deg, var(--bs-green-200), var(--bs-gray-200));
}
.bg-row-warning-0 {
	background-image: linear-gradient(45deg, var(--bs-yellow-100), var(--bs-gray-200));
}
.bg-row-warning-1 {
	background-image: linear-gradient(45deg, var(--bs-orange-200), var(--bs-gray-200));
}
.bg-row-danger-0 {
	background-image: linear-gradient(45deg, var(--bs-pink-100), var(--bs-gray-200));
}
.bg-row-danger-1 {
	background-image: linear-gradient(45deg, var(--bs-red-200), var(--bs-gray-200));
}
.form-floating > .form-control {
  padding-top: 2rem; /* give space for multi-line label */
}

:root {
  .bg-title {
    background-image: linear-gradient(90deg, var(--bs-blue-800), var(--bs-blue-900), var(--bs-body-bg));
  }
  .btn-nav {
    background:var(--bs-blue-700);
  }
  .btn-submit {
    background:var(--bs-green-600);
  }
  .btn-submit:hover {
    background:var(--bs-green-700);
  }
  .bg-bg {
    background-image: linear-gradient(90deg, var(--bs-yellow-700), var(--bs-yellow-800));
  }
  .bg-dbg {
    background-image: linear-gradient(90deg, var(--bs-indigo-600), var(--bs-purple-700));
  }
}

/* Target only small screens */
@media (max-width: 576px) {
  .form-floating > .form-control {
    min-height: calc(3.5rem + 2rem); /* default + extra space */
    padding-top: 2.5rem;              /* push text down */
    padding-bottom: 0.75rem;          /* keep balance */
  }

  .form-floating > label {
    white-space: normal;              /* allow wrapping */
    line-height: 1.2;
  }
}