/* ============================================ */
/* ABC PAGE                                    */
/* ============================================ */
.abc-page {
  margin: 0.5rem;
  padding-left: 0;
  padding-right: 0;
  background: #ffffff;
  border: 1px solid #ebedf2;
  border-radius: 4px;
}

.abc-page-header {
  padding: 12px 16px;
  border-bottom: 1px solid #ebedf2;
}

.abc-page-header h3 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #343a40;
}

.abc-page-body {
  padding: 12px 8px;
}

/* ============================================ */
/* LOGIN PAGE                                  */
/* ============================================ */
.abc-login-page {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  height: 100%;
}

/* ============================================ */
/* LANGUAGE DROPDOWN                           */
/* ============================================ */
#languageDropdown + .dropdown-menu {
  min-width: auto;
  width: max-content;
}

.language-scroll .dropdown-item {
  border-bottom: 1px solid #f0f0f0;
  padding-right: 24px;
}

.language-scroll .dropdown-item:last-child {
  border-bottom: none;
}
.language-scroll .dropdown-item.active,
.language-scroll .dropdown-item:active {
  background-color: transparent;
  color: #343a40;
  font-weight: 600;
}

.language-scroll .dropdown-item.active i.bi-check2 {
  color: #28a745;
}
/* ============================================ */
/* AVATAR                                      */
/* ============================================ */
.avatar-sm i.bi,
.avatar-xs i.bi,
.avatar-lg i.bi {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* ============================================ */
/* GLOBAL                                      */
/* ============================================ */
a, a:hover {
  text-decoration: none;
}

html, body {
  height: 100%;
}
/* Override ukuran card value & label */
.cards .card {
  text-align: center;
  justify-content: center;
}

.cards .card .card-content .card-value {
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 6px;
}

.cards .card .card-content .card-label {
  font-size: 0.85rem;
  font-weight: 700;
}

@media (max-width: 767.98px) {
  .cards .card .card-content .card-value {
    font-size: 2rem;
  }
  .cards .card .card-content .card-label {
    font-size: 1rem;
  }
}
/* ============================================ */
/* UTILITIES                                   */
/* ============================================ */
.logo {
  height: 35px;
}

.spinner {
  animation: spin 1s linear infinite;
}

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

.staff-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1000;
}