:root {
  --alertpage_yellow: #fdb000;
  --alertpage_yellow_light: #fabc6f;
  --alertpage_blue: #004889;
  --alertpage_blue_light: #40678a;
  --alertpage_red: #980e1d;
  --alertpage_red_light: #9f3d47;

  --primary_back: #FFFFFFFF;
  --secondary_back: rgba(222, 226, 230, 0.75);

  --primary_light_text: #dee2e6;
  --secondary_light_text: rgba(222, 226, 230, 0.75);

  --primary_dark_text: #212529;
  --secondary_dark_text: rgba(33, 37, 41, 0.75);

  --button-font-size: 12px;
  --primary-font-size: 12px;
  --secondary-font-size: 11px;
  --title-font-size: 16px;

}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif !important;
}

body {
  font-family: 'Poppins', sans-serif;
  font-size: 0.875rem;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
}

[data-bs-theme="dark"],
[data-bs-theme="auto"][data-bs-os-theme="dark"] {
  --primary_back: #212529;
  --secondary_back: #2c3034;
}

/* Loader Overlay Style */
.page-loader {
  position: fixed;          /* stay in place */
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.8); /* semi-transparent backdrop */
  z-index: 9999;           /* on top of everything */
  display: flex;           /* center the spinner */
  align-items: center;
  justify-content: center;
}

/* Button Color Styles */
.alertpage-blue-btn {
  color: var(--primary_light_text);
  background-color: var(--alertpage_blue);
  border-color: var(--alertpage_blue_light);
}

.alertpage-blue-btn:hover,
.alertpage-blue-btn:focus {
  color: var(--primary_light_text);
  background-color: var(--alertpage_blue_light);
  border-color: var(--alertpage_blue);
}

.btn-group.show .alertpage-blue-btn {
  color: var(--primary_light_text);
  background-color: var(--alertpage_blue_light);
  border-color: var(--alertpage_blue);
  /* optional focus ring */
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.alertpage-blue-btn.dropdown-toggle::after {
  margin-left: .5rem;
}

.alertpage-red-btn {
  color: var(--primary_light_text);
  background-color: var(--alertpage_red);
  border-color: var(--alertpage_red_light);
}

.alertpage-red-btn:hover {
  color: var(--primary_light_text);
  background-color: var(--alertpage_red_light);
  border-color: var(--alertpage_red);
}

.alertpage-yellow-btn {
  color: var(--primary_dark_text);
  background-color: var(--alertpage_yellow);
  border-color: var(--alertpage_yellow_light);
}

.alertpage-yellow-btn:hover,
.alertpage-yellow-btn:focus {
  color: var(--primary_dark_text);
  background-color: var(--alertpage_yellow_light);
  border-color: var(--alertpage_yellow);
}

.btn-group.show .alertpage-yellow-btn {
  color: var(--primary_dark_text);
  background-color: var(--alertpage_yellow_light);
  border-color: var(--alertpage_yellow);
  /* optional focus ring */
  box-shadow: 0 0 0 .25rem rgba(232, 182, 19, 0.25);
}

.alertpage-yellow-btn.dropdown-toggle::after {
  margin-left: .5rem;
}

.alertpage-secondary-btn {
  color: var(--primary_light_text);
  background-color: #404142;
  border-color: #757575;
}

.alertpage-secondary-btn:hover {
  color: var(--primary_light_text);
  background-color: #757575;
  border-color: #404142;
}