.bg-oneday {
  background-color: #014232;
}

.bg-onedaySilver {
  background-color: #a0a6ac;
}

.text-oneday {
  color: #014232;
}

.text-onedaySilver {
  color: #a0a6ac;
}

.btn-oneday {
  --bs-btn-color: #fff;
  --bs-btn-bg: #014232;
  --bs-btn-border-color: #014232;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #013a2d;
  --bs-btn-hover-border-color: #013227;
  --bs-btn-focus-shadow-rgb: 1, 66, 50;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #013227;
  --bs-btn-active-border-color: #012b22;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #014232;
  --bs-btn-disabled-border-color: #014232;
}

.btn-onedaySilver {
  --bs-btn-color: #fff;
  --bs-btn-bg: #a0a6ac;
  --bs-btn-border-color: #a0a6ac;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8f9499;
  --bs-btn-hover-border-color: #858a8f;
  --bs-btn-focus-shadow-rgb: 160, 166, 172;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #858a8f;
  --bs-btn-active-border-color: #7c8186;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #a0a6ac;
  --bs-btn-disabled-border-color: #a0a6ac;
}



/* Set header and sidebar dark green */
#header,
#sidebar {
    background-color: #014232 !important;
}


/* Target popup submit button with btn-primary and convert it visually */
.apiDynamicModalSubmit.btn-primary {
    background-color: #014232 !important; /* Same as btn-oneday */
    border-color: #014232 !important;
    color: #fff !important;
}


/* Style active pagination button (like btn-oneday / #014232) */
.pagination .page-item.active .page-link {
    background-color: #014232 !important;
    border-color: #014232 !important;
    color: #fff !important;
}


/* Apply to .panel-heading-btn buttons */
.panel-heading-btn .btn.btn-default,
.panel-heading-btn .btn.btn-warning {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}



/* Hide container initially to avoid flash */
.dtExtraOptions {
    visibility: hidden;
}

/* Replace btn-primary and btn-info with custom style: btn-oneday */
.dtExtraOptions .btn.btn-primary,
.dtExtraOptions .btn.btn-info,
a.dtExtraOptions.btn.btn-primary,
a.dtExtraOptions.btn.btn-info {
    background-color: #014232 !important; /* Example color for 'btn-oneday' */
    border-color: #014232 !important;
    color: #fff !important;
}

/* Replace btn-success and btn-warning with Bootstrap secondary style */
.dtExtraOptions .btn.btn-success,
.dtExtraOptions .btn.btn-warning,
a.dtExtraOptions.btn.btn-success,
a.dtExtraOptions.btn.btn-warning {
    background-color: #6c757d !important; /* Bootstrap btn-secondary */
    border-color: #6c757d !important;
    color: #fff !important;
}

/* Restore visibility after color applied */
.dtExtraOptions .btn,
a.dtExtraOptions.btn {
    visibility: visible;
}