:root{
  --bs-color-fprimary: #0A683D;
  --bs-color-fsecondary: #619D3B;
  --bs-color-fterciary: #B6CE44;
  --bs-color-fshadow: rgba(7, 56, 13, 0.39);
  /* transparent-color */
  --bs-color-ftprimary: #0a683e77;
  --bs-color-ftsecondary: #619d3b81;
}

/* Add here all your CSS customizations */
.select2-selection--multiple {
  overflow: hidden !important;
  height: auto !important;
}
/* 
#0A683D;
#619D3B;
#B6CE44;

*/

nav-link:active {
  background-color: var(--bs-color-fprimary);
  /* background-color: rgb(137, 190, 40); */
  ;
  /* background-color: #007bff; */
  color: white;
}

.nav-tabs .nav-link.active {
  background-color: var(--bs-color-fprimary);
  color: white;
}

.nav-tabs .nav-link {
  color: var(--bs-color-fprimary);
}

nav-link:hover {
  background-color: rgb(46, 123, 27);
  color: white;
}

.nav-tabs .nav-link:hover {
  background-color: var(--bs-color-fsecondary);
  color: white;
}

/* .form-select{
  background-color: var(--bs-color-fprimary);
  color: white;
} */
.form-select:focus {
  border-color: var(--bs-color-fprimary) !important;
  box-shadow: 0 0 0 .25rem var(--bs-color-fshadow) !important; 
}

.form-select option:checked,
.form-select option:focus {
    background-color: var(--bs-color-fprimary) !important;
    color: white !important;
}
.form-select ::selection {
  background-color: var(--bs-color-fprimary) !important;
  color: white !important;
}
/* .form-select option {
  background-color: var(--bs-color-fprimary) !important;
  color: white !important;
} */