.h7 {
  font-size: 0.85rem;
}

.h8 {
  font-size: 0.75rem;
}

.h9 {
  font-size: 0.65rem;
}

.cursor-pointer {
  cursor: pointer;
}

.list-style-type-none {
  list-style-type: none !important;
}

.border-left-primary {
  border-left: 0.25rem solid var(--bs-primary) !important;
}

.border-primary {
  border-color: var(--bs-primary) !important;
}

.border-3 {
  border-width: 3px !important;
}

.btn-secondary {
  color: #fff;
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #2e59d9;
  border-color: #2653d4;
}

.btn-secondary.focus,
.btn-secondary:focus {
  color: #fff;
  background-color: #2e59d9;
  border-color: #2653d4;
  box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
}

.btn-primary-border-white {
  color: var(--bs-white) !important;
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-white) !important;
}

.btn-primary {
  color: #fff;
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.btn-primary:hover {
  color: #fff;
  background-color: #2e59d9;
  border-color: #2653d4;
}
.btn-primary.focus,
.btn-primary:focus {
  color: #fff;
  background-color: #2e59d9;
  border-color: #2653d4;
  box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2653d4;
  border-color: #244ec9;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
}

.btn-outline-primary {
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.btn-outline-primary:hover {
  color: var(--bs-white) !important;
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-check:active + .btn-outline-primary,
.btn-check:checked + .btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
  color: var(--bs-white) !important;
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.btn-check:active + .btn-outline-primary:focus,
.btn-check:checked + .btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: var(--bs-primary) !important;
  background-color: transparent;
}

.bg-primary {
  background-color: var(--bs-primary) !important;
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
  background-color: #2653d4 !important;
}

.bg-gradient-primary {
  background-color: var(--bs-primary) !important;
  background-image: linear-gradient(
    180deg,
    var(--bs-primary) 10%,
    #224abe 100%
  ) !important;
  background-size: cover;
}

.text-primary {
  color: var(--bs-primary) !important;
}
a.text-primary:focus,
a.text-primary:hover {
  color: #224abe !important;
}

.badge-primary {
  color: var(--bs-white) !important;
  background-color: var(--bs-primary) !important;
}

.badge-secondary {
  color: var(--bs-white) !important;
  background-color: var(--bs-secondary) !important;
}

.modal {
  top: 30% !important;
}

.border-left-secondary {
  border-left: 0.25rem solid var(--bs-secondary) !important;
}

.text-secondary {
  color: var(--bs-secondary) !important;
}