:root {
  --bs-link-color: #337ab7;
  --bs-link-color-rgb: 51, 122, 183;
  --bs-link-hover-color: var(--bs-primary);
  --bs-primary: #065577;
  --bs-blue: #065577;
  --bs-primary-rgb: 6, 85, 119;
  --bs-green: rgb(36, 107, 0);
  --bs-yellow: #fbc116;
  --bs-warning: var(--bs-yellow);
  --bs-warning-rgb: 251, 193, 22;
  --bs-border-color: #adb5bd;
  --bs-border-color-rgb: 173, 181, 189;

  /* Custom Primary Shades */
  --bs-primary-dark: #043b53;
  --bs-primary-darker: #043246;
  --bs-primary-darkest: #032a3a;
  --bs-primary-shadow-rgb: 43, 111, 139;

  /* Custom IMS Colors */
  --ims-studentnote-color: #FBF2E0;
  --ims-body-background-color: #F8F8F8;
}

.bg-ims-body {
  background-color: var(--ims-body-background-color) !important;
}

.table {
  --bs-table-hover-bg: rgba(6, 85, 119, 0.1);
}

/* 
 * The below Button Styles are generated by https://bootstrap.build/
 * Visit the site and update the $blue variable to #065577 (or a new color)
 * then export the bootstrap.css to regenerate these styles. (Note: The
 * variables will not be included, instead you can update the above variables
 * with the new colors).
 * 
 * If this project ever starts using npm and sass, then we can generate these
 * styles during the build process instead of manually.
 */
.btn-primary {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-primary:hover {
  color: #fff;
  background-color: var(--bs-primary-dark);
  border-color: var(--bs-primary-darker);
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: var(--bs-primary-dark);
  border-color: var(--bs-primary-darker);
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-shadow-rgb), 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--bs-primary-dark);
  border-color: var(--bs-primary-darker);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-shadow-rgb), 0.5);
}

/* Custom Button for Icons */
.btn-icon {
  color: var(--bs-primary);
  background-color: transparent;
  border: none;
  padding: 0;
}

.navbar {
  --bs-navbar-hover-color: #333;
  --bs-navbar-padding-y: 0.3rem;
}

.navbar-nav {
  --bs-nav-link-color: var(--bs-primary);
}

.nav-underline {
  --bs-nav-underline-border-width: 0.25rem;
  --bs-nav-underline-link-active-color: #676B6E;
  margin-bottom: -0.35em;
}

.nav-underline .nav-link:focus, .nav-underline .nav-link:hover {
  border-bottom-color: var(--bs-nav-underline-link-active-color);
}

.navbar-nav .nav-link.active {
  font-weight: 500;
}

@media (max-width: 992px) {
  .nav-underline .nav-link:focus, .nav-underline .nav-link:hover, .nav-underline .nav-link.active {
    border-bottom-color: transparent
  }
}

a {
  text-decoration: none;
}

.btn-link {
  text-decoration: none;
}

.offcanvas-header {
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
}

.studentNoteCard {
  background-color: var(--ims-studentnote-color);
}