:root {
  --bs-dark: #212529;
  --bs-dark-bg-subtle: var(--white-10);
  --bs-link-hover-color: var(--bs-primary);
  --white-100: #ffffff;
  --white-75: #ffffffbd;
  --white-50: #ffffff7e;
  --white-25: #ffffff55;
  --white-10: #ffffff1a;
  --black-100: #000000;
  --black-75: #000000bd;
  --black-50: #0000007e;
  --black-25: #00000055;
  --black-10: #0000001a;
  --gray-333: #333333;
  --gray-333-100: var(--gray-333);
  --gray-333-75: #333333bd;
  --gray-333-50: #3333337e;
  --gray-333-25: #33333355;
  --gray-333-10: #3333331a;
  --grayish-blue-100: #4B5563;
  --grayish-blue-75: #4B5563bd;
  --grayish-blue-50: #4B55637e;
  --grayish-blue-25: #4B556355;
  --grayish-blue-10: #4B55631a;
  --bs-primary: #016931 !important;
  --bs-primary-100: var(--bs-primary);
  --bs-primary-75: #016931bd;
  --bs-primary-50: #0169317e;
  --bs-primary-25: #01693155;
  --bs-primary-10: #0169311a;
  --tan: #D9B68E;
  --tan-75: #D9B68Ebd;
  --tan-50: #D9B68E7e;
  --tan-25: #D9B68E55;
  --tan-10: #D9B68E1a;
  --sunset: #EBC686;
  --sunset-75: #EBC686bd;
  --sunset-50: #EBC6867e;
  --sunset-25: #EBC68655;
  --sunset-10: #EBC6861a;
}
.text-white-100,
.text-white-100 div {
  color: var(--white-100);
}
.text-white-75,
.text-white-75 div {
  color: var(--white-75);
}
.text-white-50,
.text-white-50 div {
  color: var(--white-50);
}
.text-white-25,
.text-white-25 div {
  color: var(--white-25);
}
.text-white-10,
.text-white-10 div {
  color: var(--white-10);
}
.text-black-100,
.text-black-100 div {
  color: var(--black-100);
}
.text-black-75,
.text-black-75 div {
  color: var(--black-75);
}
.text-black-50,
.text-black-50 div {
  color: var(--black-50);
}
.text-black-25,
.text-black-25 div {
  color: var(--black-25);
}
.text-black-10,
.text-black-10 div {
  color: var(--black-10);
}
.text-primary-100,
.text-primary-100 div {
  color: var(--bs-primary-100);
}
.text-primary-75,
.text-primary-75 div {
  color: var(--bs-primary-75);
}
.text-hover-primary-75:hover,
.text-hover-primary-75:hover div {
  color: var(--bs-primary-75);
  transition: 0.3s ease;
}
.text-primary-50,
.text-primary-50 div {
  color: var(--bs-primary-50);
}
.text-primary-25,
.text-primary-25 div {
  color: var(--bs-primary-25);
}
.text-primary-10,
.text-primary-10 div {
  color: var(--bs-primary-10);
}
.bg-white-100 {
  background-color: var(--white-100);
}
.bg-white-75 {
  background-color: var(--white-75);
}
.bg-white-50 {
  background-color: var(--white-50);
}
.bg-white-25 {
  background-color: var(--white-25);
}
.bg-white-10 {
  background-color: var(--white-10);
}
.bg-black-100 {
  background-color: var(--black-100);
}
.bg-black-75 {
  background-color: var(--black-75);
}
.bg-black-50 {
  background-color: var(--black-50);
}
.bg-black-25 {
  background-color: var(--black-25);
}
.bg-black-10 {
  background-color: var(--black-10);
}
.bg-hover-white-100:hover {
  background-color: var(--white-100) !important;
}
.bg-hover-white-75:hover {
  background-color: var(--white-75) !important;
}
.bg-hover-white-50:hover {
  background-color: var(--white-50) !important;
}
.bg-hover-white-25:hover {
  background-color: var(--white-25) !important;
}
.bg-hover-white-10:hover {
  background-color: var(--white-10) !important;
}
.bg-primary-100 {
  background-color: var(--bs-primary-100) !important;
}
.bg-primary-75 {
  background-color: var(--bs-primary-75) !important;
}
.bg-primary-50 {
  background-color: var(--bs-primary-50) !important;
}
.bg-primary-25 {
  background-color: var(--bs-primary-25) !important;
}
.bg-primary-10 {
  background-color: var(--bs-primary-10) !important;
}
.bg-hover-primary-100:hover {
  background-color: var(--bs-primary-100) !important;
}
.bg-hover-primary-75:hover {
  background-color: var(--bs-primary-75) !important;
}
.bg-hover-primary-50:hover {
  background-color: var(--bs-primary-50) !important;
}
.bg-hover-primary-25:hover {
  background-color: var(--bs-primary-25) !important;
}
.bg-hover-primary-10:hover {
  background-color: var(--bs-primary-10) !important;
}

.bg-tan-100 {
  background-color: var(--tan) !important;
}
.bg-tan-75 {
  background-color: var(--tan-75) !important;
}
.bg-tan-50 {
  background-color: var(--tan-50) !important;
}
.bg-tan-25 {
  background-color: var(--tan-25) !important;
}
.bg-tan-10 {
  background-color: var(--tan-10) !important;
}

.text-tan {
    color: var(--tan) !important;
}
.text-tan-75 {
    color: var(--tan-75) !important;
} 
.text-tan-50 {
    color: var(--tan-50) !important;
} 
.text-tan-25 {
    color: var(--tan-25) !important;
} 
.text-tan-10 {
    color: var(--tan-10) !important;
} 


.bg-sunset-100 {
  background-color: var(--sunset) !important;
}
.bg-sunset-75 {
  background-color: var(--sunset-75) !important;
}
.bg-sunset-50 {
  background-color: var(--sunset-50) !important;
}
.bg-sunset-25 {
  background-color: var(--sunset-25) !important;
}
.bg-sunset-10 {
  background-color: var(--sunset-10) !important;
}

.text-sunset {
    color: var(--sunset) !important;
}
.text-sunset-75 {
    color: var(--sunset-75) !important;
} 
.text-sunset-50 {
    color: var(--sunset-50) !important;
} 
.text-sunset-25 {
    color: var(--sunset-25) !important;
} 
.text-sunset-10 {
    color: var(--sunset-10) !important;
} 
.text-grayish-blue {
    color: var(--grayish-blue-100) !important;
}
.text-grayish-blue-75 {
    color: var(--grayish-blue-75) !important;
} 
.text-grayish-blue-50 {
    color: var(--grayish-blue-50) !important;
} 
.text-grayish-blue-25 {
    color: var(--grayish-blue-25) !important;
} 
.text-grayish-blue-10 {
    color: var(--grayish-blue-10) !important;
} 

html body .btn-primary,
html body .bootstrap-table .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary-75);
  --bs-btn-hover-border-color: var(--bs-primary-75);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary-75);
  --bs-btn-active-border-color: var(--bs-primary-75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}
html body .page-link {
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-active-bg: var(--bs-primary);
  --bs-pagination-active-border-color: var(--bs-primary);
  --bs-pagination-color: var(--bs-link-color);
  --bs-link-color: var(--bs-primary);
}
html body .btn-secondary,
html body .bootstrap-table .btn-secondary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-bg: #fff;
  --bs-btn-border-color: var(--bs-primary-10);
  --bs-btn-hover-color: var(--bs-primary-100);
  --bs-btn-hover-bg: var(--bs-primary-10);
  --bs-btn-hover-border-color: var(--bs-primary-25);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary-75);
  --bs-btn-active-border-color: var(--bs-primary-75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}
html body .page-link {
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-active-bg: var(--bs-primary);
  --bs-pagination-active-border-color: var(--bs-primary);
  --bs-pagination-color: var(--bs-link-color);
  --bs-link-color: var(--bs-primary);
}

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

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