:root {
  --white-500: rgb(255, 255, 255);
  --gray-100: rgb(250, 250, 250);
  --gray-200: rgb(225, 225, 225);
  --gray-300: rgb(200, 200, 200);
  --gray-400: rgb(175, 175, 175);
  --gray-500: rgb(150, 150, 150);
  --gray-600: rgb(125, 125, 125);
  --gray-700: rgb(100, 100, 100);
  --gray-800: rgb(75, 75, 75);
  --gray-850: rgb(60, 60, 60);
  --gray-900: rgb(50, 50, 50);
  --green-100: rgb(235, 255, 231);
  --green-200: rgb(200, 235, 194);
  --green-300: rgb(156, 209, 143);
  --green-400: rgb(102, 163, 87);
  --green-500: rgb(54, 122, 41);
  --green-600: rgb(30, 71, 15);
  --green-700: rgb(20, 51, 10);
  --green-800: rgb(12, 31, 6);
  --green-900: rgb(5, 15, 3);
  --background: var(--white-500);
}


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


.bg-gray-100 {
  background-color: var(--gray-100) !important;
}

.bg-gray-200 {
  background-color: var(--gray-200) !important;
}

.bg-gray-300 {
  background-color: var(--gray-300) !important;
}

.bg-gray-400 {
  background-color: var(--gray-400) !important;
}

.bg-gray-500 {
  background-color: var(--gray-500) !important;
}

.bg-gray-600 {
  background-color: var(--gray-600) !important;
}

.bg-gray-700 {
  background-color: var(--gray-700) !important;
}

.bg-gray-800 {
  background-color: var(--gray-800) !important;
}

.bg-gray-850 {
  background-color: var(--gray-850) !important;
}

.bg-gray-900 {
  background-color: var(--gray-900) !important;
}


.bg-green-100 {
  background-color: var(--green-100) !important;
}

.bg-green-200 {
  background-color: var(--green-200) !important;
}

.bg-green-300 {
  background-color: var(--green-300) !important;
}

.bg-green-400 {
  background-color: var(--green-400) !important;
}

.bg-green-500 {
  background-color: var(--green-500) !important;
}

.bg-green-600 {
  background-color: var(--green-600) !important;
}

.bg-green-700 {
  background-color: var(--green-700) !important;
}

.bg-green-800 {
  background-color: var(--green-800) !important;
}

.bg-green-900 {
  background-color: var(--green-900) !important;
}


.text-gray-100 {
  color: var(--gray-100) !important;
}

.text-gray-200 {
  color: var(--gray-200) !important;
}

.text-gray-300 {
  color: var(--gray-300) !important;
}

.text-gray-400 {
  color: var(--gray-400) !important;
}

.text-gray-500 {
  color: var(--gray-500) !important;
}

.text-gray-600 {
  color: var(--gray-600) !important;
}

.text-gray-700 {
  color: var(--gray-700) !important;
}

.text-gray-800 {
  color: var(--gray-800) !important;
}

.text-gray-850 {
  color: var(--gray-850) !important;
}

.text-gray-900 {
  color: var(--gray-900) !important;
}


.text-green-100 {
  color: var(--green-100) !important;
}

.text-green-200 {
  color: var(--green-200) !important;
}

.text-green-300 {
  color: var(--green-300) !important;
}

.text-green-400 {
  color: var(--green-400) !important;
}

.text-green-500 {
  color: var(--green-500) !important;
}

.text-green-600 {
  color: var(--green-600) !important;
}

.text-green-700 {
  color: var(--green-700) !important;
}

.text-green-800 {
  color: var(--green-800) !important;
}

.text-green-900 {
  color: var(--green-900) !important;
}


.text-black {
  color: black;
}



.btn-outline-gray {
  color: var(--gray-100);
  border-color: var(--gray-100);
}

.btn-outline-gray:hover {
  color: var(--gray-900);
  background-color: var(--gray-100);
  border-color: var(--gray-900);
}

.btn-outline-gray:focus,
.btn-outline-gray.focus {
  -webkit-box-shadow: 0 0 0 0.2rem var(--gray-100);
  box-shadow: 0 0 0 0.2rem var(--gray-100);
}

.btn-outline-gray.disabled,
.btn-outline-gray:disabled {
  color: var(--gray-100);
  background-color: transparent;
}

.btn-outline-gray:not(:disabled):not(.disabled):active,
.btn-outline-gray:not(:disabled):not(.disabled).active,
.show>.btn-outline-gray.dropdown-toggle {
  color: #fff;
  background-color: var(--gray-100);
  border-color: var(--gray-100);
}

.btn-outline-gray:not(:disabled):not(.disabled):active:focus,
.btn-outline-gray:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-gray.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem var(--gray-100);
  box-shadow: 0 0 0 0.2rem var(--gray-100);
}