#hsd-designs-grid.loading::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.12);
  border-radius:.5rem;
  z-index: 999;
}

#hsd-designs-grid.loading::after{
  content:"";
  position:absolute;
  top:50%; left:50%;
  width:56px; height:56px;
  margin:-28px 0 0 -28px;
  border:5px solid rgba(0,0,0,.2);
  border-top-color:#0d6efd;
  border-radius:50%;
  animation:spin 1s linear infinite;
}

.text-hsd-green {
  color: #284243;
}

/* Make the button the same height as .form-select/.form-control */
.btn-same-height {
  display: flex;                /* use flexbox to center content */
  align-items: center;          /* vertical center */
  justify-content: center;      /* horizontal center */
  height: calc(1.5em + .75rem + 2px); /* match form-control height */
}

.btn-primary-hsd {
    --bs-btn-color: #fff;                  /* Text color (default) */
    --bs-btn-bg: #284243;                   /* Background color (HSD Green) */
    --bs-btn-border-color: #284243;         /* Border color (default) */
    --bs-btn-hover-color: #fff;             /* Text color on hover */
    --bs-btn-hover-bg: #1f3535;             /* Background color on hover (darker) */
    --bs-btn-hover-border-color: #1a2e2e;   /* Border color on hover */
    --bs-btn-focus-shadow-rgb: 40, 66, 67;  /* Focus shadow color (RGB) */
    --bs-btn-active-color: #fff;            /* Text color when active */
    --bs-btn-active-bg: #1a2e2e;            /* Background color when active */
    --bs-btn-active-border-color: #162727;  /* Border color when active */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); /* Inner shadow when active */
    --bs-btn-disabled-color: #fff;          /* Text color when disabled */
    --bs-btn-disabled-bg: #284243;          /* Background color when disabled */
    --bs-btn-disabled-border-color: #284243;/* Border color when disabled */
}

  

@keyframes spin { to { transform: rotate(360deg); } }


.eb-ah-title {
  font-family: 'Sukhumvit Set', 'Sukhumvit', sans-serif !important;
}

body {
  font-family: 'Sukhumvit Set', 'Sukhumvit', sans-serif !important;
}