.nav-pills .nav-link {
  border: solid 1px transparent;
  margin: 1px;
  transition: all 0.5s ease;
}

  .nav-pills .nav-link:not(.active) {
    color: var(--shell-dark-blue);
  }

  .nav-pills .nav-link.active {
    background-color: var(--shell-dark-blue);
  }

  .nav-pills .nav-link:hover {
    border: solid 1px var(--shell-light-blue);
  }

* {
  --primary: var(--shell-dark-blue);
  --shell-very-dark-grey: #404040;
  --shell-dark-grey: #7F7F7F;
  --shell-mid-grey: #D9D9D9;
  --shell-light-grey: #A6A6A6;
  --shell-pale-grey: #F7F7F7;
  --shell-very-pale-grey: #595959;
  --shell-yellow: #FBCE07;
  --shell-red: #DD1D21;
  --shell-dark-blue: #003C88;
  --shell-mid-blue: #0097BB;
  --shell-light-blue: #89CFDC;
  --shell-dark-green: #008443;
  --shell-light-green: #BED50F;
  --shell-orange: #EB8705;
  --shell-brown: #743410;
  --shell-sand: #FFEAC2;
  --shell-purple: #641964;
  --shell-lilac: #BA95BE;
  --shell-yellow-80: #FCD839;
  --shell-red-80: #E44A4D;
  --shell-dark-blue-80: #3363A0;
  --shell-mid-blue-80: #33ACC9;
  --shell-light-blue-80: #339D69;
  --shell-dark-green-80: #EF9F37;
  --shell-light-green-80: #905D40;
  --shell-orange-80: #834783;
  --shell-brown-80: #A1D9E3;
  --shell-sand-80: #CBDD3F;
  --shell-purple-80: #FFEECE;
  --shell-lilac-80: #C8AACB;
  --shell-yellow-60: #FDE26A;
  --shell-red-60: #EB777A;
  --shell-dark-blue-60: #668AB8;
  --shell-mid-blue-60: #66C1D6;
  --shell-light-blue-60: #66B58E;
  --shell-dark-green-60: #F3B769;
  --shell-light-green-60: #AC8570;
  --shell-orange-60: #A275A2;
  --shell-brown-60: #B8E2EA;
  --shell-sand-60: #D8E66F;
  --shell-purple-60: #FFF2DA;
  --shell-lilac-60: #D6BFD8;
}

#sidebar ul.sidebar-menu li a:hover,
#sidebar ul.sidebar-menu li a.active:hover,
#sidebar ul.sidebar-menu button:hover,
#sidebar #menu-toggle:hover {
  background: var(--shell-yellow);
  color: black;
  border-left: 3px solid var(--shell-red);
}

#sidebar ul.sidebar-menu li a.active {
  color: var(--shell-red);
  background: var(--shell-yellow-60);
  border-left: 3px solid var(--shell-yellow);
}

/** Buttons */
.disabled, [disabled] {
  color: var(--shell-light-grey) !important;
}

/* Generated by https://blog.koalite.com/bbg/ */
.btn-submit {
  color: var(--shell-very-dark-grey);
  background-color: var(--shell-yellow);
  border-color: var(--shell-yellow-80);
}

  .btn-submit:hover,
  .btn-submit:focus,
  .btn-submit:active,
  .btn-submit.active,
  .open .dropdown-toggle.btn-submit {
    color: var(--shell-very-dark-grey);
    background-color: var(--shell-yellow-60);
    border-color: var(--shell-yellow-80);
  }

  .btn-submit:active,
  .btn-submit.active,
  .open .dropdown-toggle.btn-submit {
    background-image: none;
  }

  .btn-submit.disabled,
  .btn-submit[disabled],
  fieldset[disabled] .btn-submit,
  .btn-submit.disabled:hover,
  .btn-submit[disabled]:hover,
  fieldset[disabled] .btn-submit:hover,
  .btn-submit.disabled:focus,
  .btn-submit[disabled]:focus,
  fieldset[disabled] .btn-submit:focus,
  .btn-submit.disabled:active,
  .btn-submit[disabled]:active,
  fieldset[disabled] .btn-submit:active,
  .btn-submit.disabled.active,
  .btn-submit[disabled].active,
  fieldset[disabled] .btn-submit.active {
    background-color: var(--shell-yellow);
    border-color: var(--shell-yellow-80);
  }

  .btn-submit .badge {
    color: var(--shell-yellow);
    background-color: var(--shell-very-dark-grey);
  }


.btn-primary {
  color: white;
  background-color: var(--shell-dark-blue);
  border-color: var(--shell-dark-blue-80);
}

  .btn-primary:hover,
  .btn-primary:focus,
  .btn-primary:active,
  .btn-primary.active,
  .open .dropdown-toggle.btn-primary {
    color: white;
    background-color: var(--shell-dark-blue-60);
    border-color: var(--shell-dark-blue-80);
  }

  .btn-primary:active,
  .btn-primary.active,
  .open .dropdown-toggle.btn-primary {
    background-image: none;
  }

  .btn-primary.disabled,
  .btn-primary[disabled],
  fieldset[disabled] .btn-primary,
  .btn-primary.disabled:hover,
  .btn-primary[disabled]:hover,
  fieldset[disabled] .btn-primary:hover,
  .btn-primary.disabled:focus,
  .btn-primary[disabled]:focus,
  fieldset[disabled] .btn-primary:focus,
  .btn-primary.disabled:active,
  .btn-primary[disabled]:active,
  fieldset[disabled] .btn-primary:active,
  .btn-primary.disabled.active,
  .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary.active {
    background-color: var(--shell-dark-blue);
    border-color: var(--shell-dark-blue-80);
  }

  .btn-primary .badge {
    color: var(--shell-dark-blue);
    background-color: white;
  }


.btn-outline-primary {
  color: var(--shell-very-dark-grey);
  background-color: transparent;
  border-color: var(--shell-dark-blue);
}

.btn, .nav-link, a {
  transition: all ease-in-out 0.3s;
}


.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.open .dropdown-toggle.btn-outline-primary {
  color: white;
  background-color: var(--shell-dark-blue);
  border-color: var(--shell-dark-blue);
}

.btn-outline-primary:active,
.btn-outline-primary.active,
.open .dropdown-toggle.btn-outline-primary {
  background-image: none;
}

.btn-outline-primary.disabled,
.btn-outline-primary[disabled],
fieldset[disabled] .btn-outline-primary,
.btn-outline-primary.disabled:hover,
.btn-outline-primary[disabled]:hover,
fieldset[disabled] .btn-outline-primary:hover,
.btn-outline-primary.disabled:focus,
.btn-outline-primary[disabled]:focus,
fieldset[disabled] .btn-outline-primary:focus,
.btn-outline-primary.disabled:active,
.btn-outline-primary[disabled]:active,
fieldset[disabled] .btn-outline-primary:active,
.btn-outline-primary.disabled.active,
.btn-outline-primary[disabled].active,
fieldset[disabled] .btn-outline-primary.active {
  background-color: transparent;
  border-color: var(--shell-dark-blue);
}

.btn-outline-primary .badge {
  color: transparent;
  background-color: var(--shell-very-dark-grey);
}

.btn-outline-info {
  color: var(--shell-dark-blue);
  background-color: transparent;
  border-color: var(--shell-light-blue);
}

  .btn-outline-info:hover,
  .btn-outline-info:focus,
  .btn-outline-info:active,
  .btn-outline-info.active,
  .open .dropdown-toggle.btn-outline-info {
    color: #ffffff;
    background-color: var(--shell-light-blue);
    border-color: var(--shell-light-blue);
  }

  .btn-outline-info:active,
  .btn-outline-info.active,
  .open .dropdown-toggle.btn-outline-info {
    background-image: none;
  }

  .btn-outline-info.disabled,
  .btn-outline-info[disabled],
  fieldset[disabled] .btn-outline-info,
  .btn-outline-info.disabled:hover,
  .btn-outline-info[disabled]:hover,
  fieldset[disabled] .btn-outline-info:hover,
  .btn-outline-info.disabled:focus,
  .btn-outline-info[disabled]:focus,
  fieldset[disabled] .btn-outline-info:focus,
  .btn-outline-info.disabled:active,
  .btn-outline-info[disabled]:active,
  fieldset[disabled] .btn-outline-info:active,
  .btn-outline-info.disabled.active,
  .btn-outline-info[disabled].active,
  fieldset[disabled] .btn-outline-info.active {
    background-color: transparent;
    border-color: var(--shell-light-blue);
  }

  .btn-outline-info .badge {
    color: transparent;
    background-color: #ffffff;
  }