@import url("https://use.typekit.net/rke2vfq.css");
/* VARIABLES (consider putting into _config/_variables.scss) */
/* these are "global variables" that are used throughout the site. Use these to ensure consistency across style values */
/* Custom container sizing - (adjust or omit container sizing as necessary) */
/* Colors */
/* WCAG AA compliant - 4.8:1 contrast ratio */
/* WCAG AA compliant - 4.8:1 contrast ratio */
/* MIXINS (consider putting into _mixins.scss) */
/* these are "mixins" that can be used to apply groups of styles to multiple elements */
/* Button Reset */
/* VARIABLES (consider putting into _config/_variables.scss) */
/* these are "global variables" that are used throughout the site. Use these to ensure consistency across style values */
/* Custom container sizing - (adjust or omit container sizing as necessary) */
/* Colors */
/* WCAG AA compliant - 4.8:1 contrast ratio */
/* WCAG AA compliant - 4.8:1 contrast ratio */
/* MIXINS (consider putting into _mixins.scss) */
/* these are "mixins" that can be used to apply groups of styles to multiple elements */
/* Button Reset */
/* BASE STYLES (consider putting into _base.scss) */
/* these are the base styles for the site. This is where you define the default styles for specific elements */
html {
  font-size: 1.05rem;
}

body {
  font-family: Trebuchet MS, Lucida Grande, Tahoma, sans-serif;
  color: #2d2a27;
  overflow-x: hidden;
  min-height: 100vh;
  font-size: 0.965rem;
}

main {
  height: 100%;
  width: 100%;
  /* Sidebar flexbox layout */
  /* Sidebar main content flexbox layout */
}

main .container {
  width: calc(100% - 15px);
  max-width: 100%;
}

@media (min-width: 1400px) {
  main .container {
    max-width: 1700px;
  }
}
main .sidebar {
  flex: 0 0 240px; /* Fixed width of 240px, don't grow or shrink */
}

main .sidebar.sidebar-collapsed {
  flex: 0 0 20px; /* Collapsed width of 20px */
}

main .sidebar + div {
  flex: 1; /* Fill remaining space after sidebar */
  min-width: 0; /* Allow flex item to shrink below content size */
  /* On mobile, ensure full width when sidebar is hidden */
}

@media (max-width: 991.98px) {
  main .sidebar + div {
    flex: 1;
    width: 100%;
  }
}
.skip-link {
  position: absolute;
  top: -40px;
  left: 6px;
  background: #000;
  color: #fff;
  padding: 8px;
  text-decoration: none;
  z-index: 1000;
  border-radius: 4px;
}

.skip-link:focus {
  top: 6px;
}

/* Buttons and Links */
.btn,
.btn-primary,
.button,
[type=reset],
[type=submit],
button {
  border-radius: 0;
  border: 0;
  box-shadow: none;
  text-shadow: none;
  height: auto;
  line-height: normal;
  display: flex;
  align-items: center;
  border-radius: 3px;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 23px;
  font-family: Trebuchet MS, Lucida Grande, Tahoma, sans-serif;
  border-width: 2px;
  border-style: solid;
  height: 42px;
  transition: all 0.3s ease-in-out;
}

.btn:focus,
.btn .focus,
.btn-primary:focus,
.btn-primary .focus,
.button:focus,
.button .focus,
[type=reset]:focus,
[type=reset] .focus,
[type=submit]:focus,
[type=submit] .focus,
button:focus,
button .focus {
  box-shadow: none;
}

.btn:hover,
.btn-primary:hover,
.button:hover,
[type=reset]:hover,
[type=submit]:hover,
button:hover {
  transition: all 0.3s ease-in-out;
}

.btn:link, .btn:active, .btn:visited,
.btn-primary:link,
.btn-primary:active,
.btn-primary:visited,
.button:link,
.button:active,
.button:visited,
[type=reset]:link,
[type=reset]:active,
[type=reset]:visited,
[type=submit]:link,
[type=submit]:active,
[type=submit]:visited,
button:link,
button:active,
button:visited {
  outline: none;
}

.btn:hover:not(.btn-close), .btn:focus:not(.btn-close),
.btn-primary:hover:not(.btn-close),
.btn-primary:focus:not(.btn-close),
.button:hover:not(.btn-close),
.button:focus:not(.btn-close),
[type=reset]:hover:not(.btn-close),
[type=reset]:focus:not(.btn-close),
[type=submit]:hover:not(.btn-close),
[type=submit]:focus:not(.btn-close),
button:hover:not(.btn-close),
button:focus:not(.btn-close) {
  text-decoration: none;
  cursor: pointer;
  background-size: 0 !important;
}

.btn:focus-visible,
.btn-primary:focus-visible,
.button:focus-visible,
[type=reset]:focus-visible,
[type=submit]:focus-visible,
button:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.btn:disabled,
.btn-primary:disabled,
.button:disabled,
[type=reset]:disabled,
[type=submit]:disabled,
button:disabled {
  pointer-events: none;
  opacity: 0.65;
}

.btn.btn-primary,
.btn-primary.btn-primary,
.button.btn-primary,
[type=reset].btn-primary,
[type=submit].btn-primary,
button.btn-primary {
  background-color: #35647e;
  color: #ffffff;
  border-color: #35647e;
}

.btn.btn-primary:hover, .btn.btn-primary:focus,
.btn-primary.btn-primary:hover,
.btn-primary.btn-primary:focus,
.button.btn-primary:hover,
.button.btn-primary:focus,
[type=reset].btn-primary:hover,
[type=reset].btn-primary:focus,
[type=submit].btn-primary:hover,
[type=submit].btn-primary:focus,
button.btn-primary:hover,
button.btn-primary:focus {
  background-color: #314b59;
  color: #ffffff;
  border-color: #314b59;
}

@media (max-width: 767px) {
  .btn.btn-primary.btn-primary-add.btn-icon-start,
  .btn-primary.btn-primary.btn-primary-add.btn-icon-start,
  .button.btn-primary.btn-primary-add.btn-icon-start,
  [type=reset].btn-primary.btn-primary-add.btn-icon-start,
  [type=submit].btn-primary.btn-primary-add.btn-icon-start,
  button.btn-primary.btn-primary-add.btn-icon-start {
    padding: 0.5rem;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .btn.btn-primary.btn-primary-add.btn-icon-start .bi,
  .btn-primary.btn-primary.btn-primary-add.btn-icon-start .bi,
  .button.btn-primary.btn-primary-add.btn-icon-start .bi,
  [type=reset].btn-primary.btn-primary-add.btn-icon-start .bi,
  [type=submit].btn-primary.btn-primary-add.btn-icon-start .bi,
  button.btn-primary.btn-primary-add.btn-icon-start .bi {
    margin-right: 0;
  }
}
.btn.btn-secondary,
.btn-primary.btn-secondary,
.button.btn-secondary,
[type=reset].btn-secondary,
[type=submit].btn-secondary,
button.btn-secondary {
  background-color: transparent;
  color: #35647e;
  border-color: #35647e;
}

.btn.btn-secondary:hover, .btn.btn-secondary:focus,
.btn-primary.btn-secondary:hover,
.btn-primary.btn-secondary:focus,
.button.btn-secondary:hover,
.button.btn-secondary:focus,
[type=reset].btn-secondary:hover,
[type=reset].btn-secondary:focus,
[type=submit].btn-secondary:hover,
[type=submit].btn-secondary:focus,
button.btn-secondary:hover,
button.btn-secondary:focus {
  color: #ffffff;
  background-color: #35647e;
  border-color: #35647e;
}

.btn.btn-icon-start,
.btn-primary.btn-icon-start,
.button.btn-icon-start,
[type=reset].btn-icon-start,
[type=submit].btn-icon-start,
button.btn-icon-start {
  padding-right: 1.15rem;
}

.btn.btn-icon-start .bi,
.btn-primary.btn-icon-start .bi,
.button.btn-icon-start .bi,
[type=reset].btn-icon-start .bi,
[type=submit].btn-icon-start .bi,
button.btn-icon-start .bi {
  margin-right: 0.3rem;
  font-size: 1.5rem;
}

.btn.btn-icon-start .bi:before,
.btn-primary.btn-icon-start .bi:before,
.button.btn-icon-start .bi:before,
[type=reset].btn-icon-start .bi:before,
[type=submit].btn-icon-start .bi:before,
button.btn-icon-start .bi:before {
  font-weight: 700 !important;
}

.btn.btn-icon-start.btn-icon-end,
.btn.btn-icon-start .btn-icon-sm,
.btn-primary.btn-icon-start.btn-icon-end,
.btn-primary.btn-icon-start .btn-icon-sm,
.button.btn-icon-start.btn-icon-end,
.button.btn-icon-start .btn-icon-sm,
[type=reset].btn-icon-start.btn-icon-end,
[type=reset].btn-icon-start .btn-icon-sm,
[type=submit].btn-icon-start.btn-icon-end,
[type=submit].btn-icon-start .btn-icon-sm,
button.btn-icon-start.btn-icon-end,
button.btn-icon-start .btn-icon-sm {
  padding-right: 0.5rem;
}

@media (max-width: 767px) {
  .btn.btn-icon-start.icon-only-sm,
  .btn-primary.btn-icon-start.icon-only-sm,
  .button.btn-icon-start.icon-only-sm,
  [type=reset].btn-icon-start.icon-only-sm,
  [type=submit].btn-icon-start.icon-only-sm,
  button.btn-icon-start.icon-only-sm {
    padding: 0;
    text-align: center;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .btn.btn-icon-start.icon-only-sm .bi,
  .btn-primary.btn-icon-start.icon-only-sm .bi,
  .button.btn-icon-start.icon-only-sm .bi,
  [type=reset].btn-icon-start.icon-only-sm .bi,
  [type=submit].btn-icon-start.icon-only-sm .bi,
  button.btn-icon-start.icon-only-sm .bi {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .btn.btn-icon-start.icon-only-sm .visually-hidden-unset-md,
  .btn-primary.btn-icon-start.icon-only-sm .visually-hidden-unset-md,
  .button.btn-icon-start.icon-only-sm .visually-hidden-unset-md,
  [type=reset].btn-icon-start.icon-only-sm .visually-hidden-unset-md,
  [type=submit].btn-icon-start.icon-only-sm .visually-hidden-unset-md,
  button.btn-icon-start.icon-only-sm .visually-hidden-unset-md {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
}
.btn.btn-icon-end,
.btn-primary.btn-icon-end,
.button.btn-icon-end,
[type=reset].btn-icon-end,
[type=submit].btn-icon-end,
button.btn-icon-end {
  padding: 0.5rem;
}

.btn.btn-icon-end .bi,
.btn-primary.btn-icon-end .bi,
.button.btn-icon-end .bi,
[type=reset].btn-icon-end .bi,
[type=submit].btn-icon-end .bi,
button.btn-icon-end .bi {
  margin-left: 0.3rem;
  font-size: 1.5rem;
}

.btn.btn-icon-end .bi:before,
.btn-primary.btn-icon-end .bi:before,
.button.btn-icon-end .bi:before,
[type=reset].btn-icon-end .bi:before,
[type=submit].btn-icon-end .bi:before,
button.btn-icon-end .bi:before {
  font-weight: 700 !important;
}

.btn.btn-icon-end .bi.bi-chevron-down,
.btn-primary.btn-icon-end .bi.bi-chevron-down,
.button.btn-icon-end .bi.bi-chevron-down,
[type=reset].btn-icon-end .bi.bi-chevron-down,
[type=submit].btn-icon-end .bi.bi-chevron-down,
button.btn-icon-end .bi.bi-chevron-down {
  font-size: 0.9rem;
}

.btn.btn-confirm,
.btn-primary.btn-confirm,
.button.btn-confirm,
[type=reset].btn-confirm,
[type=submit].btn-confirm,
button.btn-confirm {
  background-color: #245d38;
  color: #ffffff;
  border-color: #245d38;
}

.btn.btn-confirm:hover, .btn.btn-confirm:focus,
.btn-primary.btn-confirm:hover,
.btn-primary.btn-confirm:focus,
.button.btn-confirm:hover,
.button.btn-confirm:focus,
[type=reset].btn-confirm:hover,
[type=reset].btn-confirm:focus,
[type=submit].btn-confirm:hover,
[type=submit].btn-confirm:focus,
button.btn-confirm:hover,
button.btn-confirm:focus {
  color: #ffffff;
  background-color: #20402b;
  border-color: #20402b;
}

.btn.btn-delete,
.btn-primary.btn-delete,
.button.btn-delete,
[type=reset].btn-delete,
[type=submit].btn-delete,
button.btn-delete {
  background-color: #c3002f;
  color: #ffffff;
  border-color: #c3002f;
}

.btn.btn-delete:hover, .btn.btn-delete:focus,
.btn-primary.btn-delete:hover,
.btn-primary.btn-delete:focus,
.button.btn-delete:hover,
.button.btn-delete:focus,
[type=reset].btn-delete:hover,
[type=reset].btn-delete:focus,
[type=submit].btn-delete:hover,
[type=submit].btn-delete:focus,
button.btn-delete:hover,
button.btn-delete:focus {
  color: #ffffff;
  background-color: #a0052a;
  border-color: #a0052a;
}

.btn.btn-icon-sm .bi,
.btn-primary.btn-icon-sm .bi,
.button.btn-icon-sm .bi,
[type=reset].btn-icon-sm .bi,
[type=submit].btn-icon-sm .bi,
button.btn-icon-sm .bi {
  font-size: 1.1rem;
  margin-right: 0.5rem;
}

.btn.dropdown-toggle:after,
.btn-primary.dropdown-toggle:after,
.button.dropdown-toggle:after,
[type=reset].dropdown-toggle:after,
[type=submit].dropdown-toggle:after,
button.dropdown-toggle:after {
  display: none;
}

.btn.dropdown-toggle.btn-icon-end .bi-caret-down-fill,
.btn-primary.dropdown-toggle.btn-icon-end .bi-caret-down-fill,
.button.dropdown-toggle.btn-icon-end .bi-caret-down-fill,
[type=reset].dropdown-toggle.btn-icon-end .bi-caret-down-fill,
[type=submit].dropdown-toggle.btn-icon-end .bi-caret-down-fill,
button.dropdown-toggle.btn-icon-end .bi-caret-down-fill {
  font-size: 0.8rem;
  line-height: 1rem;
}

.btn.dropdown-toggle.btn-icon-end .bi-filter,
.btn-primary.dropdown-toggle.btn-icon-end .bi-filter,
.button.dropdown-toggle.btn-icon-end .bi-filter,
[type=reset].dropdown-toggle.btn-icon-end .bi-filter,
[type=submit].dropdown-toggle.btn-icon-end .bi-filter,
button.dropdown-toggle.btn-icon-end .bi-filter {
  font-size: 1.3rem;
}

.btn.inline-link,
.btn-primary.inline-link,
.button.inline-link,
[type=reset].inline-link,
[type=submit].inline-link,
button.inline-link {
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 1.05rem;
}

.btn.inline-link.btn-icon-end span, .btn.inline-link.btn-icon-start span,
.btn-primary.inline-link.btn-icon-end span,
.btn-primary.inline-link.btn-icon-start span,
.button.inline-link.btn-icon-end span,
.button.inline-link.btn-icon-start span,
[type=reset].inline-link.btn-icon-end span,
[type=reset].inline-link.btn-icon-start span,
[type=submit].inline-link.btn-icon-end span,
[type=submit].inline-link.btn-icon-start span,
button.inline-link.btn-icon-end span,
button.inline-link.btn-icon-start span {
  border-bottom: 0 !important;
  text-decoration: none;
  color: #001970;
  position: relative;
  padding-bottom: 0;
  background-image: linear-gradient(#001970, #001970);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.2s ease-out;
  border-bottom: 1px solid #001970;
}

.btn.inline-link.btn-icon-end span:before, .btn.inline-link.btn-icon-end span:after, .btn.inline-link.btn-icon-start span:before, .btn.inline-link.btn-icon-start span:after,
.btn-primary.inline-link.btn-icon-end span:before,
.btn-primary.inline-link.btn-icon-end span:after,
.btn-primary.inline-link.btn-icon-start span:before,
.btn-primary.inline-link.btn-icon-start span:after,
.button.inline-link.btn-icon-end span:before,
.button.inline-link.btn-icon-end span:after,
.button.inline-link.btn-icon-start span:before,
.button.inline-link.btn-icon-start span:after,
[type=reset].inline-link.btn-icon-end span:before,
[type=reset].inline-link.btn-icon-end span:after,
[type=reset].inline-link.btn-icon-start span:before,
[type=reset].inline-link.btn-icon-start span:after,
[type=submit].inline-link.btn-icon-end span:before,
[type=submit].inline-link.btn-icon-end span:after,
[type=submit].inline-link.btn-icon-start span:before,
[type=submit].inline-link.btn-icon-start span:after,
button.inline-link.btn-icon-end span:before,
button.inline-link.btn-icon-end span:after,
button.inline-link.btn-icon-start span:before,
button.inline-link.btn-icon-start span:after {
  position: absolute;
  background-color: #001970;
  height: 1px;
}

.btn.inline-link.btn-icon-end span:before, .btn.inline-link.btn-icon-start span:before,
.btn-primary.inline-link.btn-icon-end span:before,
.btn-primary.inline-link.btn-icon-start span:before,
.button.inline-link.btn-icon-end span:before,
.button.inline-link.btn-icon-start span:before,
[type=reset].inline-link.btn-icon-end span:before,
[type=reset].inline-link.btn-icon-start span:before,
[type=submit].inline-link.btn-icon-end span:before,
[type=submit].inline-link.btn-icon-start span:before,
button.inline-link.btn-icon-end span:before,
button.inline-link.btn-icon-start span:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.btn.inline-link.btn-icon-end span:after, .btn.inline-link.btn-icon-start span:after,
.btn-primary.inline-link.btn-icon-end span:after,
.btn-primary.inline-link.btn-icon-start span:after,
.button.inline-link.btn-icon-end span:after,
.button.inline-link.btn-icon-start span:after,
[type=reset].inline-link.btn-icon-end span:after,
[type=reset].inline-link.btn-icon-start span:after,
[type=submit].inline-link.btn-icon-end span:after,
[type=submit].inline-link.btn-icon-start span:after,
button.inline-link.btn-icon-end span:after,
button.inline-link.btn-icon-start span:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.btn.inline-link.btn-icon-end span:hover, .btn.inline-link.btn-icon-start span:hover,
.btn-primary.inline-link.btn-icon-end span:hover,
.btn-primary.inline-link.btn-icon-start span:hover,
.button.inline-link.btn-icon-end span:hover,
.button.inline-link.btn-icon-start span:hover,
[type=reset].inline-link.btn-icon-end span:hover,
[type=reset].inline-link.btn-icon-start span:hover,
[type=submit].inline-link.btn-icon-end span:hover,
[type=submit].inline-link.btn-icon-start span:hover,
button.inline-link.btn-icon-end span:hover,
button.inline-link.btn-icon-start span:hover {
  background-size: 100% 1px;
}

.btn.inline-link.btn-icon-end span:hover:before, .btn.inline-link.btn-icon-start span:hover:before,
.btn-primary.inline-link.btn-icon-end span:hover:before,
.btn-primary.inline-link.btn-icon-start span:hover:before,
.button.inline-link.btn-icon-end span:hover:before,
.button.inline-link.btn-icon-start span:hover:before,
[type=reset].inline-link.btn-icon-end span:hover:before,
[type=reset].inline-link.btn-icon-start span:hover:before,
[type=submit].inline-link.btn-icon-end span:hover:before,
[type=submit].inline-link.btn-icon-start span:hover:before,
button.inline-link.btn-icon-end span:hover:before,
button.inline-link.btn-icon-start span:hover:before {
  width: 100%;
}

.btn.inline-link.btn-icon-end span:hover:after, .btn.inline-link.btn-icon-start span:hover:after,
.btn-primary.inline-link.btn-icon-end span:hover:after,
.btn-primary.inline-link.btn-icon-start span:hover:after,
.button.inline-link.btn-icon-end span:hover:after,
.button.inline-link.btn-icon-start span:hover:after,
[type=reset].inline-link.btn-icon-end span:hover:after,
[type=reset].inline-link.btn-icon-start span:hover:after,
[type=submit].inline-link.btn-icon-end span:hover:after,
[type=submit].inline-link.btn-icon-start span:hover:after,
button.inline-link.btn-icon-end span:hover:after,
button.inline-link.btn-icon-start span:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.btn.inline-link.btn-icon-end span:focus, .btn.inline-link.btn-icon-end span:focus-visible, .btn.inline-link.btn-icon-start span:focus, .btn.inline-link.btn-icon-start span:focus-visible,
.btn-primary.inline-link.btn-icon-end span:focus,
.btn-primary.inline-link.btn-icon-end span:focus-visible,
.btn-primary.inline-link.btn-icon-start span:focus,
.btn-primary.inline-link.btn-icon-start span:focus-visible,
.button.inline-link.btn-icon-end span:focus,
.button.inline-link.btn-icon-end span:focus-visible,
.button.inline-link.btn-icon-start span:focus,
.button.inline-link.btn-icon-start span:focus-visible,
[type=reset].inline-link.btn-icon-end span:focus,
[type=reset].inline-link.btn-icon-end span:focus-visible,
[type=reset].inline-link.btn-icon-start span:focus,
[type=reset].inline-link.btn-icon-start span:focus-visible,
[type=submit].inline-link.btn-icon-end span:focus,
[type=submit].inline-link.btn-icon-end span:focus-visible,
[type=submit].inline-link.btn-icon-start span:focus,
[type=submit].inline-link.btn-icon-start span:focus-visible,
button.inline-link.btn-icon-end span:focus,
button.inline-link.btn-icon-end span:focus-visible,
button.inline-link.btn-icon-start span:focus,
button.inline-link.btn-icon-start span:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.btn.inline-link.btn-icon-end .bi, .btn.inline-link.btn-icon-start .bi,
.btn-primary.inline-link.btn-icon-end .bi,
.btn-primary.inline-link.btn-icon-start .bi,
.button.inline-link.btn-icon-end .bi,
.button.inline-link.btn-icon-start .bi,
[type=reset].inline-link.btn-icon-end .bi,
[type=reset].inline-link.btn-icon-start .bi,
[type=submit].inline-link.btn-icon-end .bi,
[type=submit].inline-link.btn-icon-start .bi,
button.inline-link.btn-icon-end .bi,
button.inline-link.btn-icon-start .bi {
  background-size: 0 !important;
  font-size: 1rem;
  margin-left: 8px;
  transform-origin: left bottom;
  transition: transform 0.3s ease-in-out;
}

.btn.inline-link.btn-icon-end .bi:hover, .btn.inline-link.btn-icon-start .bi:hover,
.btn-primary.inline-link.btn-icon-end .bi:hover,
.btn-primary.inline-link.btn-icon-start .bi:hover,
.button.inline-link.btn-icon-end .bi:hover,
.button.inline-link.btn-icon-start .bi:hover,
[type=reset].inline-link.btn-icon-end .bi:hover,
[type=reset].inline-link.btn-icon-start .bi:hover,
[type=submit].inline-link.btn-icon-end .bi:hover,
[type=submit].inline-link.btn-icon-start .bi:hover,
button.inline-link.btn-icon-end .bi:hover,
button.inline-link.btn-icon-start .bi:hover {
  transition: transform 0.3s ease-in-out;
}

.btn.inline-link.btn-icon-end:hover .bi, .btn.inline-link.btn-icon-end:focus .bi, .btn.inline-link.btn-icon-end:focus-visible .bi, .btn.inline-link.btn-icon-start:hover .bi, .btn.inline-link.btn-icon-start:focus .bi, .btn.inline-link.btn-icon-start:focus-visible .bi,
.btn-primary.inline-link.btn-icon-end:hover .bi,
.btn-primary.inline-link.btn-icon-end:focus .bi,
.btn-primary.inline-link.btn-icon-end:focus-visible .bi,
.btn-primary.inline-link.btn-icon-start:hover .bi,
.btn-primary.inline-link.btn-icon-start:focus .bi,
.btn-primary.inline-link.btn-icon-start:focus-visible .bi,
.button.inline-link.btn-icon-end:hover .bi,
.button.inline-link.btn-icon-end:focus .bi,
.button.inline-link.btn-icon-end:focus-visible .bi,
.button.inline-link.btn-icon-start:hover .bi,
.button.inline-link.btn-icon-start:focus .bi,
.button.inline-link.btn-icon-start:focus-visible .bi,
[type=reset].inline-link.btn-icon-end:hover .bi,
[type=reset].inline-link.btn-icon-end:focus .bi,
[type=reset].inline-link.btn-icon-end:focus-visible .bi,
[type=reset].inline-link.btn-icon-start:hover .bi,
[type=reset].inline-link.btn-icon-start:focus .bi,
[type=reset].inline-link.btn-icon-start:focus-visible .bi,
[type=submit].inline-link.btn-icon-end:hover .bi,
[type=submit].inline-link.btn-icon-end:focus .bi,
[type=submit].inline-link.btn-icon-end:focus-visible .bi,
[type=submit].inline-link.btn-icon-start:hover .bi,
[type=submit].inline-link.btn-icon-start:focus .bi,
[type=submit].inline-link.btn-icon-start:focus-visible .bi,
button.inline-link.btn-icon-end:hover .bi,
button.inline-link.btn-icon-end:focus .bi,
button.inline-link.btn-icon-end:focus-visible .bi,
button.inline-link.btn-icon-start:hover .bi,
button.inline-link.btn-icon-start:focus .bi,
button.inline-link.btn-icon-start:focus-visible .bi {
  transform: scale(1.1);
}

.inline-link {
  text-decoration: none;
  color: #001970;
  position: relative;
  padding-bottom: 0;
  background-image: linear-gradient(#001970, #001970);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.2s ease-out;
  border-bottom: 1px solid #001970;
  font-size: 1.05rem;
}

.inline-link:before, .inline-link:after {
  position: absolute;
  background-color: #001970;
  height: 1px;
}

.inline-link:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.inline-link:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.inline-link:hover {
  background-size: 100% 1px;
}

.inline-link:hover:before {
  width: 100%;
}

.inline-link:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.inline-link:focus, .inline-link:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.inline-link:hover {
  color: #000f43; /* Darker color on hover for better contrast */
}

.inline-link:focus, .inline-link:focus-visible {
  background-size: 100% 1px !important;
  color: #001970;
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.inline-link:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.bg-brand-blue .inline-link,
.bg-brand-blue-dk .inline-link,
.bg-brand-rmtteal .inline-link {
  text-decoration: none;
  color: #f3f1ef;
  position: relative;
  padding-bottom: 0;
  background-image: linear-gradient(#f3f1ef, #f3f1ef);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.2s ease-out;
  border-bottom: 1px solid #f3f1ef;
  font-size: 1.05rem;
}

.bg-brand-blue .inline-link:before, .bg-brand-blue .inline-link:after,
.bg-brand-blue-dk .inline-link:before,
.bg-brand-blue-dk .inline-link:after,
.bg-brand-rmtteal .inline-link:before,
.bg-brand-rmtteal .inline-link:after {
  position: absolute;
  background-color: #f3f1ef;
  height: 1px;
}

.bg-brand-blue .inline-link:before,
.bg-brand-blue-dk .inline-link:before,
.bg-brand-rmtteal .inline-link:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.bg-brand-blue .inline-link:after,
.bg-brand-blue-dk .inline-link:after,
.bg-brand-rmtteal .inline-link:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.bg-brand-blue .inline-link:hover,
.bg-brand-blue-dk .inline-link:hover,
.bg-brand-rmtteal .inline-link:hover {
  background-size: 100% 1px;
}

.bg-brand-blue .inline-link:hover:before,
.bg-brand-blue-dk .inline-link:hover:before,
.bg-brand-rmtteal .inline-link:hover:before {
  width: 100%;
}

.bg-brand-blue .inline-link:hover:after,
.bg-brand-blue-dk .inline-link:hover:after,
.bg-brand-rmtteal .inline-link:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.bg-brand-blue .inline-link:focus, .bg-brand-blue .inline-link:focus-visible,
.bg-brand-blue-dk .inline-link:focus,
.bg-brand-blue-dk .inline-link:focus-visible,
.bg-brand-rmtteal .inline-link:focus,
.bg-brand-rmtteal .inline-link:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.bg-brand-blue .btn:focus-visible,
.bg-brand-blue .btn-primary:focus-visible,
.bg-brand-blue .button:focus-visible,
.bg-brand-blue [type=reset]:focus-visible,
.bg-brand-blue [type=submit]:focus-visible,
.bg-brand-blue button:focus-visible,
.bg-brand-blue a:focus-visible,
.bg-brand-blue-dk .btn:focus-visible,
.bg-brand-blue-dk .btn-primary:focus-visible,
.bg-brand-blue-dk .button:focus-visible,
.bg-brand-blue-dk [type=reset]:focus-visible,
.bg-brand-blue-dk [type=submit]:focus-visible,
.bg-brand-blue-dk button:focus-visible,
.bg-brand-blue-dk a:focus-visible,
.bg-brand-rmtteal .btn:focus-visible,
.bg-brand-rmtteal .btn-primary:focus-visible,
.bg-brand-rmtteal .button:focus-visible,
.bg-brand-rmtteal [type=reset]:focus-visible,
.bg-brand-rmtteal [type=submit]:focus-visible,
.bg-brand-rmtteal button:focus-visible,
.bg-brand-rmtteal a:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(255, 209, 0, 0.75);
}

.back-to-link a.inline-link {
  text-decoration: none;
  font-size: 16px;
  padding: 0px 16px;
}

.back-to-link a.inline-link .bi {
  font-size: 0.88rem;
  margin-right: 3px;
  transition: all 0.2s ease-in-out;
}

.back-to-link a.inline-link:hover, .back-to-link a.inline-link:focus {
  color: #000f43;
  background-size: 0 !important;
}

.back-to-link a.inline-link:hover .bi, .back-to-link a.inline-link:focus .bi {
  transform: translateX(-3px);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2d2a27;
}

.h1,
h1 {
  font-family: "museo", serif;
  font-size: 2.25rem;
}

@media (min-width: 992px) {
  .h1,
  h1 {
    font-size: 2.5rem;
  }
}
.h1 sup,
h1 sup {
  font-size: 25%;
  top: -2em;
}

.h2,
h2 {
  font-family: "museo", serif;
  font-size: 1.75rem;
}

@media (min-width: 992px) {
  .h2,
  h2 {
    font-size: 2rem;
  }
}
.h3,
h3 {
  font-family: "museo", serif;
  font-size: 1.5rem;
}

@media (min-width: 992px) {
  .h3,
  h3 {
    font-size: 1.75rem;
  }
}
.h4,
h4 {
  font-size: 1.5rem;
  font-family: "museo", serif;
}

.h5,
h5 {
  font-size: 1.25rem;
  font-family: Trebuchet MS, Lucida Grande, Tahoma, sans-serif;
  font-weight: 700;
}

.h6,
h6 {
  font-size: 1.15rem;
  font-family: Trebuchet MS, Lucida Grande, Tahoma, sans-serif;
  font-weight: 700;
}

.p,
p {
  font-family: Trebuchet MS, Lucida Grande, Tahoma, sans-serif;
  color: #2d2a27;
  font-size: 1.05rem;
}

.p a,
p a {
  text-decoration: none;
  color: #001970;
  position: relative;
  padding-bottom: 0;
  background-image: linear-gradient(#001970, #001970);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.2s ease-out;
  border-bottom: 1px solid #001970;
}

.p a:before, .p a:after,
p a:before,
p a:after {
  position: absolute;
  background-color: #001970;
  height: 1px;
}

.p a:before,
p a:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.p a:after,
p a:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.p a:hover,
p a:hover {
  background-size: 100% 1px;
}

.p a:hover:before,
p a:hover:before {
  width: 100%;
}

.p a:hover:after,
p a:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.p a:focus, .p a:focus-visible,
p a:focus,
p a:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.p span.label,
p span.label {
  font-weight: bold;
}

.footnote {
  font-size: 0.9rem;
  line-height: 24px;
  color: #595857;
  font-style: italic;
}

.lead {
  font-family: Trebuchet MS, Lucida Grande, Tahoma, sans-serif;
  font-size: 1.15rem !important;
  font-weight: #f3f1ef;
}

.lead-2 {
  font-family: Trebuchet MS, Lucida Grande, Tahoma, sans-serif;
  font-size: 1.05rem !important;
  font-weight: #f3f1ef;
}

.small,
small {
  font-size: 0.965rem;
}

sub,
sup {
  font-size: 65%;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

dl {
  font-size: 0.965rem;
}

dl dt {
  color: #595857;
  font-weight: 900;
}

dl dd {
  color: #2d2a27;
  margin-bottom: 1rem;
}

dl dd:last-of-type {
  margin-bottom: 0;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

ol,
ul {
  margin-bottom: 2rem;
  padding-left: 32px;
}

ol + p,
ul + p {
  margin-top: 1rem;
}

ol {
  padding-left: 50px;
  margin-bottom: 0;
}

ol li {
  margin-bottom: 5px;
}

ul:not(.navbar-nav):not(.list-unstyled):not(.m-footer-nav-list):not(.gform_fields):not(.pagination):not(#lastUpdatedDropdown):not(.dropdown-menu) {
  list-style-type: none;
  padding-left: 7px;
  margin-bottom: 0;
}

ul:not(.navbar-nav):not(.list-unstyled):not(.m-footer-nav-list):not(.gform_fields):not(.pagination):not(#lastUpdatedDropdown):not(.dropdown-menu) li:not(.nav-item) {
  font-size: 1.05rem;
  font-size: inherit;
  line-height: 1.39;
  margin-bottom: 5px;
  position: relative;
}

ul.list-unstyled {
  padding-left: 0;
  list-style: none;
}

ul.list-unstyled li:before {
  display: none;
}

.dropdown-menu {
  padding: 0.75rem 0.75rem;
  margin: 0;
  border: 1px solid #f3f1ef;
  box-shadow: 2px 2px 6px rgba(79, 76, 73, 0.1);
  border-radius: 0.25rem;
  background-color: #ffffff;
}

.dropdown-menu .dropdown-divider {
  color: #f3f1ef;
}

@media (max-width: 991px) {
  .dropdown-menu .dropdown-divider {
    display: none;
  }
}
.dropdown-menu .dropdown-item a,
.dropdown-menu .dropdown-item button.inline-link {
  text-decoration: none;
  color: #35647e;
  position: relative;
  padding-bottom: 0;
  background-image: linear-gradient(#35647e, #35647e);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.2s ease-out;
  border-bottom: 1px solid #35647e;
  color: #2d2a27; /* Improved contrast from g8 to g9 */
  margin: 0 0.75rem;
  padding: 0 2px;
  border-bottom: 0;
  width: auto;
  display: inline-block;
  white-space: nowrap;
}

.dropdown-menu .dropdown-item a:before, .dropdown-menu .dropdown-item a:after,
.dropdown-menu .dropdown-item button.inline-link:before,
.dropdown-menu .dropdown-item button.inline-link:after {
  position: absolute;
  background-color: #35647e;
  height: 1px;
}

.dropdown-menu .dropdown-item a:before,
.dropdown-menu .dropdown-item button.inline-link:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.dropdown-menu .dropdown-item a:after,
.dropdown-menu .dropdown-item button.inline-link:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.dropdown-menu .dropdown-item a:hover,
.dropdown-menu .dropdown-item button.inline-link:hover {
  background-size: 100% 1px;
}

.dropdown-menu .dropdown-item a:hover:before,
.dropdown-menu .dropdown-item button.inline-link:hover:before {
  width: 100%;
}

.dropdown-menu .dropdown-item a:hover:after,
.dropdown-menu .dropdown-item button.inline-link:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.dropdown-menu .dropdown-item a:focus, .dropdown-menu .dropdown-item a:focus-visible,
.dropdown-menu .dropdown-item button.inline-link:focus,
.dropdown-menu .dropdown-item button.inline-link:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.dropdown-menu .dropdown-item a:hover, .dropdown-menu .dropdown-item a:focus, .dropdown-menu .dropdown-item a:focus-visible,
.dropdown-menu .dropdown-item button.inline-link:hover,
.dropdown-menu .dropdown-item button.inline-link:focus,
.dropdown-menu .dropdown-item button.inline-link:focus-visible {
  color: #35647e;
  background-color: transparent;
}

.dropdown-menu .dropdown-item.dropdown-item_icon-start .btn span {
  font-size: 1rem;
  text-decoration: none;
  color: #35647e;
  position: relative;
  padding-bottom: 0;
  background-image: linear-gradient(#35647e, #35647e);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.2s ease-out;
  border-bottom: 1px solid #35647e;
  border-bottom: none;
  color: #2d2a27;
}

.dropdown-menu .dropdown-item.dropdown-item_icon-start .btn span:before, .dropdown-menu .dropdown-item.dropdown-item_icon-start .btn span:after {
  position: absolute;
  background-color: #35647e;
  height: 1px;
}

.dropdown-menu .dropdown-item.dropdown-item_icon-start .btn span:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.dropdown-menu .dropdown-item.dropdown-item_icon-start .btn span:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.dropdown-menu .dropdown-item.dropdown-item_icon-start .btn span:hover {
  background-size: 100% 1px;
}

.dropdown-menu .dropdown-item.dropdown-item_icon-start .btn span:hover:before {
  width: 100%;
}

.dropdown-menu .dropdown-item.dropdown-item_icon-start .btn span:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.dropdown-menu .dropdown-item.dropdown-item_icon-start .btn span:focus, .dropdown-menu .dropdown-item.dropdown-item_icon-start .btn span:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.dropdown-menu .dropdown-item.dropdown-item_icon-start .btn:hover, .dropdown-menu .dropdown-item.dropdown-item_icon-start .btn:focus {
  color: #35647e;
}

.dropdown-menu .dropdown-item.dropdown-item_icon-start .btn:hover span, .dropdown-menu .dropdown-item.dropdown-item_icon-start .btn:focus span {
  color: #35647e;
}

.dropdown-menu li {
  padding: 0.25rem 0 !important;
}

.dropdown-menu li:hover {
  background-color: transparent;
}

.dropdown-menu a {
  color: #35647e;
  padding: 10px 20px;
  display: block;
  text-align: left;
  white-space: nowrap;
}

.dropdown-menu a:hover {
  color: #314b59; /* Darker color on hover for better contrast */
}

.dropdown.dropdown-filter .dropdown-menu {
  padding: 0;
}

.dropdown.dropdown-filter .dropdown-item {
  color: #2d2a27;
  display: block;
}

.dropdown.dropdown-filter .dropdown-item:hover, .dropdown.dropdown-filter .dropdown-item:focus {
  background-color: #ebeff2;
}

.dropdown.dropdown-filter .dropdown-item:focus-visible {
  background-color: #ebeff2;
  outline: none;
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.dropdown.dropdown-filter .dropdown-item.active {
  background-color: #ebeff2;
  font-weight: 700;
}

.dropdown.dropdown-filter .dropdown-item.active::after {
  content: attr(data-text);
  content: attr(data-text)/"";
  height: 0;
  visibility: hidden;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  font-weight: var(--bold);
}

@media speech {
  .dropdown.dropdown-filter .dropdown-item.active::after {
    display: none;
  }
}
.air-datepicker .air-datepicker-body .air-datepicker-body--day-names .air-datepicker-body--day-name {
  color: #35647e !important;
}

.air-datepicker .air-datepicker-nav {
  color: #314b59 !important;
}

.air-datepicker .air-datepicker-nav .air-datepicker-nav--title {
  color: black !important;
}

.air-datepicker .air-datepicker-nav .air-datepicker-nav--title i {
  color: #6d6c6a !important;
}

.air-datepicker .air-datepicker-cell.-day- {
  color: #314b59 !important;
}

.air-datepicker .air-datepicker-cell.-day-.-other-month- {
  color: #d9d8d6 !important;
}

.air-datepicker .air-datepicker-cell.-day-:hover {
  background: #ebeff2 !important;
}

.air-datepicker .air-datepicker-cell.-day-.-selected- {
  background: #314b59 !important;
  color: white !important;
}

.card {
  border-color: #f3f1ef;
  box-shadow: 0 0 10px 2px rgba(233, 232, 230, 0.6);
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .card h2 {
    font-size: 1.55rem;
  }
}
.card .table-scrollable tbody {
  height: 300px !important;
  overflow-y: scroll;
}

@media (min-width: 992px) {
  .card .btn.btn-icon-start.icon-only-sm {
    padding: 0.25rem 0.5rem;
  }
}
.reports-form > div > div label {
  display: block;
}

.reports-form > div > div select {
  width: 150px;
}

.min-width-150 {
  min-width: 150px;
}

.min-width-200 {
  min-width: 200px;
}

.choices__list.choices__list--dropdown.is-active {
  z-index: 999;
}

.program-info-label {
  width: 220px;
  text-wrap: wrap;
  font-weight: bold;
}

.error-image {
  width: 80%;
  max-width: 850px;
  margin: 0 auto;
}

.error-collection-container {
  max-height: 1000px;
  overflow-y: scroll;
  border-top: 1px dotted #314b59;
  border-bottom: 1px dotted #314b59;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

/* WCAG Accessibility-compliant secondary text color */
.text-secondary-accessible {
  color: #495057 !important;
  font-size: 0.875rem !important;
}

.text-secondary-accessible:hover {
  color: #343a40 !important;
}

.form-control::placeholder {
  color: #495057 !important;
  opacity: 1 !important;
}

.form-control::-webkit-input-placeholder {
  color: #495057 !important;
  opacity: 1 !important;
}

.form-control::-moz-placeholder {
  color: #495057 !important;
  opacity: 1 !important;
}

.form-control:-ms-input-placeholder {
  color: #495057 !important;
  opacity: 1 !important;
}

.text-success-dark {
  color: #245d38 !important;
}

.text-danger-dark {
  color: #c3002f !important;
}

.bootstrap-table .no-records-found td {
  text-align: center;
  vertical-align: middle !important;
  height: 100px;
}

.bootstrap-table .dropdown-menu .dropdown-item:hover {
  background-color: #3e83aa;
  color: #fff;
}

.bootstrap-table .dropdown-menu .dropdown-item.active,
.bootstrap-table .dropdown-menu .dropdown-item.active:hover {
  background-color: #35647e;
  color: #fff;
}

/* VARIABLES (consider putting into _config/_variables.scss) */
/* these are "global variables" that are used throughout the site. Use these to ensure consistency across style values */
/* Custom container sizing - (adjust or omit container sizing as necessary) */
/* Colors */
/* WCAG AA compliant - 4.8:1 contrast ratio */
/* WCAG AA compliant - 4.8:1 contrast ratio */
/* MIXINS (consider putting into _mixins.scss) */
/* these are "mixins" that can be used to apply groups of styles to multiple elements */
/* Button Reset */
/* HELPERS (consider putting into _helpers.scss) */
/* these are "helper classes" that aren't specific to an individual element, but can be used to apply styles to multiple elements */
.brand-blue {
  color: #001970 !important;
}

.bg-brand-blue {
  background-color: #001970 !important;
}

.border-brand-blue {
  border-color: #001970 !important;
}

.icon-brand-blue [class*=arrow] polyline {
  stroke: #001970;
}

.icon-brand-blue .icon-play circle {
  stroke: #001970;
}

.icon-brand-blue .icon-play path {
  stroke: #001970;
  fill: #001970;
}

.icon-brand-blue .icon-close line,
.icon-brand-blue .icon-plus line {
  stroke: #001970;
}

.animate-line-hover.animate-line-hover-brand-blue:after {
  background-color: #001970 !important;
}

.brand-blue-dk {
  color: #000f43 !important;
}

.bg-brand-blue-dk {
  background-color: #000f43 !important;
}

.border-brand-blue-dk {
  border-color: #000f43 !important;
}

.icon-brand-blue-dk [class*=arrow] polyline {
  stroke: #000f43;
}

.icon-brand-blue-dk .icon-play circle {
  stroke: #000f43;
}

.icon-brand-blue-dk .icon-play path {
  stroke: #000f43;
  fill: #000f43;
}

.icon-brand-blue-dk .icon-close line,
.icon-brand-blue-dk .icon-plus line {
  stroke: #000f43;
}

.animate-line-hover.animate-line-hover-brand-blue-dk:after {
  background-color: #000f43 !important;
}

.brand-blue-lt {
  color: #001f8c !important;
}

.bg-brand-blue-lt {
  background-color: #001f8c !important;
}

.border-brand-blue-lt {
  border-color: #001f8c !important;
}

.icon-brand-blue-lt [class*=arrow] polyline {
  stroke: #001f8c;
}

.icon-brand-blue-lt .icon-play circle {
  stroke: #001f8c;
}

.icon-brand-blue-lt .icon-play path {
  stroke: #001f8c;
  fill: #001f8c;
}

.icon-brand-blue-lt .icon-close line,
.icon-brand-blue-lt .icon-plus line {
  stroke: #001f8c;
}

.animate-line-hover.animate-line-hover-brand-blue-lt:after {
  background-color: #001f8c !important;
}

.brand-blue-10 {
  color: #e5e9f3 !important;
}

.bg-brand-blue-10 {
  background-color: #e5e9f3 !important;
}

.border-brand-blue-10 {
  border-color: #e5e9f3 !important;
}

.icon-brand-blue-10 [class*=arrow] polyline {
  stroke: #e5e9f3;
}

.icon-brand-blue-10 .icon-play circle {
  stroke: #e5e9f3;
}

.icon-brand-blue-10 .icon-play path {
  stroke: #e5e9f3;
  fill: #e5e9f3;
}

.icon-brand-blue-10 .icon-close line,
.icon-brand-blue-10 .icon-plus line {
  stroke: #e5e9f3;
}

.animate-line-hover.animate-line-hover-brand-blue-10:after {
  background-color: #e5e9f3 !important;
}

.brand-blue-20 {
  color: #c7d1e7 !important;
}

.bg-brand-blue-20 {
  background-color: #c7d1e7 !important;
}

.border-brand-blue-20 {
  border-color: #c7d1e7 !important;
}

.icon-brand-blue-20 [class*=arrow] polyline {
  stroke: #c7d1e7;
}

.icon-brand-blue-20 .icon-play circle {
  stroke: #c7d1e7;
}

.icon-brand-blue-20 .icon-play path {
  stroke: #c7d1e7;
  fill: #c7d1e7;
}

.icon-brand-blue-20 .icon-close line,
.icon-brand-blue-20 .icon-plus line {
  stroke: #c7d1e7;
}

.animate-line-hover.animate-line-hover-brand-blue-20:after {
  background-color: #c7d1e7 !important;
}

.brand-blue-30 {
  color: #a9b9db !important;
}

.bg-brand-blue-30 {
  background-color: #a9b9db !important;
}

.border-brand-blue-30 {
  border-color: #a9b9db !important;
}

.icon-brand-blue-30 [class*=arrow] polyline {
  stroke: #a9b9db;
}

.icon-brand-blue-30 .icon-play circle {
  stroke: #a9b9db;
}

.icon-brand-blue-30 .icon-play path {
  stroke: #a9b9db;
  fill: #a9b9db;
}

.icon-brand-blue-30 .icon-close line,
.icon-brand-blue-30 .icon-plus line {
  stroke: #a9b9db;
}

.animate-line-hover.animate-line-hover-brand-blue-30:after {
  background-color: #a9b9db !important;
}

.brand-blue-40 {
  color: #8ba1cf !important;
}

.bg-brand-blue-40 {
  background-color: #8ba1cf !important;
}

.border-brand-blue-40 {
  border-color: #8ba1cf !important;
}

.icon-brand-blue-40 [class*=arrow] polyline {
  stroke: #8ba1cf;
}

.icon-brand-blue-40 .icon-play circle {
  stroke: #8ba1cf;
}

.icon-brand-blue-40 .icon-play path {
  stroke: #8ba1cf;
  fill: #8ba1cf;
}

.icon-brand-blue-40 .icon-close line,
.icon-brand-blue-40 .icon-plus line {
  stroke: #8ba1cf;
}

.animate-line-hover.animate-line-hover-brand-blue-40:after {
  background-color: #8ba1cf !important;
}

.brand-blue-50 {
  color: #001970 !important;
}

.bg-brand-blue-50 {
  background-color: #001970 !important;
}

.border-brand-blue-50 {
  border-color: #001970 !important;
}

.icon-brand-blue-50 [class*=arrow] polyline {
  stroke: #001970;
}

.icon-brand-blue-50 .icon-play circle {
  stroke: #001970;
}

.icon-brand-blue-50 .icon-play path {
  stroke: #001970;
  fill: #001970;
}

.icon-brand-blue-50 .icon-close line,
.icon-brand-blue-50 .icon-plus line {
  stroke: #001970;
}

.animate-line-hover.animate-line-hover-brand-blue-50:after {
  background-color: #001970 !important;
}

.brand-blue-60 {
  color: #001463 !important;
}

.bg-brand-blue-60 {
  background-color: #001463 !important;
}

.border-brand-blue-60 {
  border-color: #001463 !important;
}

.icon-brand-blue-60 [class*=arrow] polyline {
  stroke: #001463;
}

.icon-brand-blue-60 .icon-play circle {
  stroke: #001463;
}

.icon-brand-blue-60 .icon-play path {
  stroke: #001463;
  fill: #001463;
}

.icon-brand-blue-60 .icon-close line,
.icon-brand-blue-60 .icon-plus line {
  stroke: #001463;
}

.animate-line-hover.animate-line-hover-brand-blue-60:after {
  background-color: #001463 !important;
}

.brand-blue-70 {
  color: #001055 !important;
}

.bg-brand-blue-70 {
  background-color: #001055 !important;
}

.border-brand-blue-70 {
  border-color: #001055 !important;
}

.icon-brand-blue-70 [class*=arrow] polyline {
  stroke: #001055;
}

.icon-brand-blue-70 .icon-play circle {
  stroke: #001055;
}

.icon-brand-blue-70 .icon-play path {
  stroke: #001055;
  fill: #001055;
}

.icon-brand-blue-70 .icon-close line,
.icon-brand-blue-70 .icon-plus line {
  stroke: #001055;
}

.animate-line-hover.animate-line-hover-brand-blue-70:after {
  background-color: #001055 !important;
}

.brand-blue-80 {
  color: #000c47 !important;
}

.bg-brand-blue-80 {
  background-color: #000c47 !important;
}

.border-brand-blue-80 {
  border-color: #000c47 !important;
}

.icon-brand-blue-80 [class*=arrow] polyline {
  stroke: #000c47;
}

.icon-brand-blue-80 .icon-play circle {
  stroke: #000c47;
}

.icon-brand-blue-80 .icon-play path {
  stroke: #000c47;
  fill: #000c47;
}

.icon-brand-blue-80 .icon-close line,
.icon-brand-blue-80 .icon-plus line {
  stroke: #000c47;
}

.animate-line-hover.animate-line-hover-brand-blue-80:after {
  background-color: #000c47 !important;
}

.brand-blue-90 {
  color: #000f43 !important;
}

.bg-brand-blue-90 {
  background-color: #000f43 !important;
}

.border-brand-blue-90 {
  border-color: #000f43 !important;
}

.icon-brand-blue-90 [class*=arrow] polyline {
  stroke: #000f43;
}

.icon-brand-blue-90 .icon-play circle {
  stroke: #000f43;
}

.icon-brand-blue-90 .icon-play path {
  stroke: #000f43;
  fill: #000f43;
}

.icon-brand-blue-90 .icon-close line,
.icon-brand-blue-90 .icon-plus line {
  stroke: #000f43;
}

.animate-line-hover.animate-line-hover-brand-blue-90:after {
  background-color: #000f43 !important;
}

.brand-purple {
  color: #6d3a5d !important;
}

.bg-brand-purple {
  background-color: #6d3a5d !important;
}

.border-brand-purple {
  border-color: #6d3a5d !important;
}

.icon-brand-purple [class*=arrow] polyline {
  stroke: #6d3a5d;
}

.icon-brand-purple .icon-play circle {
  stroke: #6d3a5d;
}

.icon-brand-purple .icon-play path {
  stroke: #6d3a5d;
  fill: #6d3a5d;
}

.icon-brand-purple .icon-close line,
.icon-brand-purple .icon-plus line {
  stroke: #6d3a5d;
}

.animate-line-hover.animate-line-hover-brand-purple:after {
  background-color: #6d3a5d !important;
}

.brand-purple-dk {
  color: #54344a !important;
}

.bg-brand-purple-dk {
  background-color: #54344a !important;
}

.border-brand-purple-dk {
  border-color: #54344a !important;
}

.icon-brand-purple-dk [class*=arrow] polyline {
  stroke: #54344a;
}

.icon-brand-purple-dk .icon-play circle {
  stroke: #54344a;
}

.icon-brand-purple-dk .icon-play path {
  stroke: #54344a;
  fill: #54344a;
}

.icon-brand-purple-dk .icon-close line,
.icon-brand-purple-dk .icon-plus line {
  stroke: #54344a;
}

.animate-line-hover.animate-line-hover-brand-purple-dk:after {
  background-color: #54344a !important;
}

.brand-purple-lt {
  color: #914379 !important;
}

.bg-brand-purple-lt {
  background-color: #914379 !important;
}

.border-brand-purple-lt {
  border-color: #914379 !important;
}

.icon-brand-purple-lt [class*=arrow] polyline {
  stroke: #914379;
}

.icon-brand-purple-lt .icon-play circle {
  stroke: #914379;
}

.icon-brand-purple-lt .icon-play path {
  stroke: #914379;
  fill: #914379;
}

.icon-brand-purple-lt .icon-close line,
.icon-brand-purple-lt .icon-plus line {
  stroke: #914379;
}

.animate-line-hover.animate-line-hover-brand-purple-lt:after {
  background-color: #914379 !important;
}

.brand-purple-10 {
  color: #f0ebef !important;
}

.bg-brand-purple-10 {
  background-color: #f0ebef !important;
}

.border-brand-purple-10 {
  border-color: #f0ebef !important;
}

.icon-brand-purple-10 [class*=arrow] polyline {
  stroke: #f0ebef;
}

.icon-brand-purple-10 .icon-play circle {
  stroke: #f0ebef;
}

.icon-brand-purple-10 .icon-play path {
  stroke: #f0ebef;
  fill: #f0ebef;
}

.icon-brand-purple-10 .icon-close line,
.icon-brand-purple-10 .icon-plus line {
  stroke: #f0ebef;
}

.animate-line-hover.animate-line-hover-brand-purple-10:after {
  background-color: #f0ebef !important;
}

.brand-purple-20 {
  color: #e1d7de !important;
}

.bg-brand-purple-20 {
  background-color: #e1d7de !important;
}

.border-brand-purple-20 {
  border-color: #e1d7de !important;
}

.icon-brand-purple-20 [class*=arrow] polyline {
  stroke: #e1d7de;
}

.icon-brand-purple-20 .icon-play circle {
  stroke: #e1d7de;
}

.icon-brand-purple-20 .icon-play path {
  stroke: #e1d7de;
  fill: #e1d7de;
}

.icon-brand-purple-20 .icon-close line,
.icon-brand-purple-20 .icon-plus line {
  stroke: #e1d7de;
}

.animate-line-hover.animate-line-hover-brand-purple-20:after {
  background-color: #e1d7de !important;
}

.brand-purple-30 {
  color: #d2c3cd !important;
}

.bg-brand-purple-30 {
  background-color: #d2c3cd !important;
}

.border-brand-purple-30 {
  border-color: #d2c3cd !important;
}

.icon-brand-purple-30 [class*=arrow] polyline {
  stroke: #d2c3cd;
}

.icon-brand-purple-30 .icon-play circle {
  stroke: #d2c3cd;
}

.icon-brand-purple-30 .icon-play path {
  stroke: #d2c3cd;
  fill: #d2c3cd;
}

.icon-brand-purple-30 .icon-close line,
.icon-brand-purple-30 .icon-plus line {
  stroke: #d2c3cd;
}

.animate-line-hover.animate-line-hover-brand-purple-30:after {
  background-color: #d2c3cd !important;
}

.brand-purple-40 {
  color: #c3afbc !important;
}

.bg-brand-purple-40 {
  background-color: #c3afbc !important;
}

.border-brand-purple-40 {
  border-color: #c3afbc !important;
}

.icon-brand-purple-40 [class*=arrow] polyline {
  stroke: #c3afbc;
}

.icon-brand-purple-40 .icon-play circle {
  stroke: #c3afbc;
}

.icon-brand-purple-40 .icon-play path {
  stroke: #c3afbc;
  fill: #c3afbc;
}

.icon-brand-purple-40 .icon-close line,
.icon-brand-purple-40 .icon-plus line {
  stroke: #c3afbc;
}

.animate-line-hover.animate-line-hover-brand-purple-40:after {
  background-color: #c3afbc !important;
}

.brand-purple-50 {
  color: #6d3a5d !important;
}

.bg-brand-purple-50 {
  background-color: #6d3a5d !important;
}

.border-brand-purple-50 {
  border-color: #6d3a5d !important;
}

.icon-brand-purple-50 [class*=arrow] polyline {
  stroke: #6d3a5d;
}

.icon-brand-purple-50 .icon-play circle {
  stroke: #6d3a5d;
}

.icon-brand-purple-50 .icon-play path {
  stroke: #6d3a5d;
  fill: #6d3a5d;
}

.icon-brand-purple-50 .icon-close line,
.icon-brand-purple-50 .icon-plus line {
  stroke: #6d3a5d;
}

.animate-line-hover.animate-line-hover-brand-purple-50:after {
  background-color: #6d3a5d !important;
}

.brand-purple-60 {
  color: #633254 !important;
}

.bg-brand-purple-60 {
  background-color: #633254 !important;
}

.border-brand-purple-60 {
  border-color: #633254 !important;
}

.icon-brand-purple-60 [class*=arrow] polyline {
  stroke: #633254;
}

.icon-brand-purple-60 .icon-play circle {
  stroke: #633254;
}

.icon-brand-purple-60 .icon-play path {
  stroke: #633254;
  fill: #633254;
}

.icon-brand-purple-60 .icon-close line,
.icon-brand-purple-60 .icon-plus line {
  stroke: #633254;
}

.animate-line-hover.animate-line-hover-brand-purple-60:after {
  background-color: #633254 !important;
}

.brand-purple-70 {
  color: #592a4b !important;
}

.bg-brand-purple-70 {
  background-color: #592a4b !important;
}

.border-brand-purple-70 {
  border-color: #592a4b !important;
}

.icon-brand-purple-70 [class*=arrow] polyline {
  stroke: #592a4b;
}

.icon-brand-purple-70 .icon-play circle {
  stroke: #592a4b;
}

.icon-brand-purple-70 .icon-play path {
  stroke: #592a4b;
  fill: #592a4b;
}

.icon-brand-purple-70 .icon-close line,
.icon-brand-purple-70 .icon-plus line {
  stroke: #592a4b;
}

.animate-line-hover.animate-line-hover-brand-purple-70:after {
  background-color: #592a4b !important;
}

.brand-purple-80 {
  color: #4f2242 !important;
}

.bg-brand-purple-80 {
  background-color: #4f2242 !important;
}

.border-brand-purple-80 {
  border-color: #4f2242 !important;
}

.icon-brand-purple-80 [class*=arrow] polyline {
  stroke: #4f2242;
}

.icon-brand-purple-80 .icon-play circle {
  stroke: #4f2242;
}

.icon-brand-purple-80 .icon-play path {
  stroke: #4f2242;
  fill: #4f2242;
}

.icon-brand-purple-80 .icon-close line,
.icon-brand-purple-80 .icon-plus line {
  stroke: #4f2242;
}

.animate-line-hover.animate-line-hover-brand-purple-80:after {
  background-color: #4f2242 !important;
}

.brand-purple-90 {
  color: #54344a !important;
}

.bg-brand-purple-90 {
  background-color: #54344a !important;
}

.border-brand-purple-90 {
  border-color: #54344a !important;
}

.icon-brand-purple-90 [class*=arrow] polyline {
  stroke: #54344a;
}

.icon-brand-purple-90 .icon-play circle {
  stroke: #54344a;
}

.icon-brand-purple-90 .icon-play path {
  stroke: #54344a;
  fill: #54344a;
}

.icon-brand-purple-90 .icon-close line,
.icon-brand-purple-90 .icon-plus line {
  stroke: #54344a;
}

.animate-line-hover.animate-line-hover-brand-purple-90:after {
  background-color: #54344a !important;
}

.brand-purple-legacy {
  color: #d3c4ce !important;
}

.bg-brand-purple-legacy {
  background-color: #d3c4ce !important;
}

.border-brand-purple-legacy {
  border-color: #d3c4ce !important;
}

.icon-brand-purple-legacy [class*=arrow] polyline {
  stroke: #d3c4ce;
}

.icon-brand-purple-legacy .icon-play circle {
  stroke: #d3c4ce;
}

.icon-brand-purple-legacy .icon-play path {
  stroke: #d3c4ce;
  fill: #d3c4ce;
}

.icon-brand-purple-legacy .icon-close line,
.icon-brand-purple-legacy .icon-plus line {
  stroke: #d3c4ce;
}

.animate-line-hover.animate-line-hover-brand-purple-legacy:after {
  background-color: #d3c4ce !important;
}

.brand-red {
  color: #c3002f !important;
}

.bg-brand-red {
  background-color: #c3002f !important;
}

.border-brand-red {
  border-color: #c3002f !important;
}

.icon-brand-red [class*=arrow] polyline {
  stroke: #c3002f;
}

.icon-brand-red .icon-play circle {
  stroke: #c3002f;
}

.icon-brand-red .icon-play path {
  stroke: #c3002f;
  fill: #c3002f;
}

.icon-brand-red .icon-close line,
.icon-brand-red .icon-plus line {
  stroke: #c3002f;
}

.animate-line-hover.animate-line-hover-brand-red:after {
  background-color: #c3002f !important;
}

.brand-red-dk {
  color: #a0052a !important;
}

.bg-brand-red-dk {
  background-color: #a0052a !important;
}

.border-brand-red-dk {
  border-color: #a0052a !important;
}

.icon-brand-red-dk [class*=arrow] polyline {
  stroke: #a0052a;
}

.icon-brand-red-dk .icon-play circle {
  stroke: #a0052a;
}

.icon-brand-red-dk .icon-play path {
  stroke: #a0052a;
  fill: #a0052a;
}

.icon-brand-red-dk .icon-close line,
.icon-brand-red-dk .icon-plus line {
  stroke: #a0052a;
}

.animate-line-hover.animate-line-hover-brand-red-dk:after {
  background-color: #a0052a !important;
}

.brand-red-lt {
  color: #fd1f54 !important;
}

.bg-brand-red-lt {
  background-color: #fd1f54 !important;
}

.border-brand-red-lt {
  border-color: #fd1f54 !important;
}

.icon-brand-red-lt [class*=arrow] polyline {
  stroke: #fd1f54;
}

.icon-brand-red-lt .icon-play circle {
  stroke: #fd1f54;
}

.icon-brand-red-lt .icon-play path {
  stroke: #fd1f54;
  fill: #fd1f54;
}

.icon-brand-red-lt .icon-close line,
.icon-brand-red-lt .icon-plus line {
  stroke: #fd1f54;
}

.animate-line-hover.animate-line-hover-brand-red-lt:after {
  background-color: #fd1f54 !important;
}

.brand-red-10 {
  color: #f9e5ea !important;
}

.bg-brand-red-10 {
  background-color: #f9e5ea !important;
}

.border-brand-red-10 {
  border-color: #f9e5ea !important;
}

.icon-brand-red-10 [class*=arrow] polyline {
  stroke: #f9e5ea;
}

.icon-brand-red-10 .icon-play circle {
  stroke: #f9e5ea;
}

.icon-brand-red-10 .icon-play path {
  stroke: #f9e5ea;
  fill: #f9e5ea;
}

.icon-brand-red-10 .icon-close line,
.icon-brand-red-10 .icon-plus line {
  stroke: #f9e5ea;
}

.animate-line-hover.animate-line-hover-brand-red-10:after {
  background-color: #f9e5ea !important;
}

.brand-red-20 {
  color: #f3cbd5 !important;
}

.bg-brand-red-20 {
  background-color: #f3cbd5 !important;
}

.border-brand-red-20 {
  border-color: #f3cbd5 !important;
}

.icon-brand-red-20 [class*=arrow] polyline {
  stroke: #f3cbd5;
}

.icon-brand-red-20 .icon-play circle {
  stroke: #f3cbd5;
}

.icon-brand-red-20 .icon-play path {
  stroke: #f3cbd5;
  fill: #f3cbd5;
}

.icon-brand-red-20 .icon-close line,
.icon-brand-red-20 .icon-plus line {
  stroke: #f3cbd5;
}

.animate-line-hover.animate-line-hover-brand-red-20:after {
  background-color: #f3cbd5 !important;
}

.brand-red-30 {
  color: #edb1c0 !important;
}

.bg-brand-red-30 {
  background-color: #edb1c0 !important;
}

.border-brand-red-30 {
  border-color: #edb1c0 !important;
}

.icon-brand-red-30 [class*=arrow] polyline {
  stroke: #edb1c0;
}

.icon-brand-red-30 .icon-play circle {
  stroke: #edb1c0;
}

.icon-brand-red-30 .icon-play path {
  stroke: #edb1c0;
  fill: #edb1c0;
}

.icon-brand-red-30 .icon-close line,
.icon-brand-red-30 .icon-plus line {
  stroke: #edb1c0;
}

.animate-line-hover.animate-line-hover-brand-red-30:after {
  background-color: #edb1c0 !important;
}

.brand-red-40 {
  color: #e797ab !important;
}

.bg-brand-red-40 {
  background-color: #e797ab !important;
}

.border-brand-red-40 {
  border-color: #e797ab !important;
}

.icon-brand-red-40 [class*=arrow] polyline {
  stroke: #e797ab;
}

.icon-brand-red-40 .icon-play circle {
  stroke: #e797ab;
}

.icon-brand-red-40 .icon-play path {
  stroke: #e797ab;
  fill: #e797ab;
}

.icon-brand-red-40 .icon-close line,
.icon-brand-red-40 .icon-plus line {
  stroke: #e797ab;
}

.animate-line-hover.animate-line-hover-brand-red-40:after {
  background-color: #e797ab !important;
}

.brand-red-50 {
  color: #c3002f !important;
}

.bg-brand-red-50 {
  background-color: #c3002f !important;
}

.border-brand-red-50 {
  border-color: #c3002f !important;
}

.icon-brand-red-50 [class*=arrow] polyline {
  stroke: #c3002f;
}

.icon-brand-red-50 .icon-play circle {
  stroke: #c3002f;
}

.icon-brand-red-50 .icon-play path {
  stroke: #c3002f;
  fill: #c3002f;
}

.icon-brand-red-50 .icon-close line,
.icon-brand-red-50 .icon-plus line {
  stroke: #c3002f;
}

.animate-line-hover.animate-line-hover-brand-red-50:after {
  background-color: #c3002f !important;
}

.brand-red-60 {
  color: #b0002a !important;
}

.bg-brand-red-60 {
  background-color: #b0002a !important;
}

.border-brand-red-60 {
  border-color: #b0002a !important;
}

.icon-brand-red-60 [class*=arrow] polyline {
  stroke: #b0002a;
}

.icon-brand-red-60 .icon-play circle {
  stroke: #b0002a;
}

.icon-brand-red-60 .icon-play path {
  stroke: #b0002a;
  fill: #b0002a;
}

.icon-brand-red-60 .icon-close line,
.icon-brand-red-60 .icon-plus line {
  stroke: #b0002a;
}

.animate-line-hover.animate-line-hover-brand-red-60:after {
  background-color: #b0002a !important;
}

.brand-red-70 {
  color: #9d0025 !important;
}

.bg-brand-red-70 {
  background-color: #9d0025 !important;
}

.border-brand-red-70 {
  border-color: #9d0025 !important;
}

.icon-brand-red-70 [class*=arrow] polyline {
  stroke: #9d0025;
}

.icon-brand-red-70 .icon-play circle {
  stroke: #9d0025;
}

.icon-brand-red-70 .icon-play path {
  stroke: #9d0025;
  fill: #9d0025;
}

.icon-brand-red-70 .icon-close line,
.icon-brand-red-70 .icon-plus line {
  stroke: #9d0025;
}

.animate-line-hover.animate-line-hover-brand-red-70:after {
  background-color: #9d0025 !important;
}

.brand-red-80 {
  color: #8a0020 !important;
}

.bg-brand-red-80 {
  background-color: #8a0020 !important;
}

.border-brand-red-80 {
  border-color: #8a0020 !important;
}

.icon-brand-red-80 [class*=arrow] polyline {
  stroke: #8a0020;
}

.icon-brand-red-80 .icon-play circle {
  stroke: #8a0020;
}

.icon-brand-red-80 .icon-play path {
  stroke: #8a0020;
  fill: #8a0020;
}

.icon-brand-red-80 .icon-close line,
.icon-brand-red-80 .icon-plus line {
  stroke: #8a0020;
}

.animate-line-hover.animate-line-hover-brand-red-80:after {
  background-color: #8a0020 !important;
}

.brand-red-90 {
  color: #a0052a !important;
}

.bg-brand-red-90 {
  background-color: #a0052a !important;
}

.border-brand-red-90 {
  border-color: #a0052a !important;
}

.icon-brand-red-90 [class*=arrow] polyline {
  stroke: #a0052a;
}

.icon-brand-red-90 .icon-play circle {
  stroke: #a0052a;
}

.icon-brand-red-90 .icon-play path {
  stroke: #a0052a;
  fill: #a0052a;
}

.icon-brand-red-90 .icon-close line,
.icon-brand-red-90 .icon-plus line {
  stroke: #a0052a;
}

.animate-line-hover.animate-line-hover-brand-red-90:after {
  background-color: #a0052a !important;
}

.brand-treegreen {
  color: #245d38 !important;
}

.bg-brand-treegreen {
  background-color: #245d38 !important;
}

.border-brand-treegreen {
  border-color: #245d38 !important;
}

.icon-brand-treegreen [class*=arrow] polyline {
  stroke: #245d38;
}

.icon-brand-treegreen .icon-play circle {
  stroke: #245d38;
}

.icon-brand-treegreen .icon-play path {
  stroke: #245d38;
  fill: #245d38;
}

.icon-brand-treegreen .icon-close line,
.icon-brand-treegreen .icon-plus line {
  stroke: #245d38;
}

.animate-line-hover.animate-line-hover-brand-treegreen:after {
  background-color: #245d38 !important;
}

.brand-treegreen-dk {
  color: #20402b !important;
}

.bg-brand-treegreen-dk {
  background-color: #20402b !important;
}

.border-brand-treegreen-dk {
  border-color: #20402b !important;
}

.icon-brand-treegreen-dk [class*=arrow] polyline {
  stroke: #20402b;
}

.icon-brand-treegreen-dk .icon-play circle {
  stroke: #20402b;
}

.icon-brand-treegreen-dk .icon-play path {
  stroke: #20402b;
  fill: #20402b;
}

.icon-brand-treegreen-dk .icon-close line,
.icon-brand-treegreen-dk .icon-plus line {
  stroke: #20402b;
}

.animate-line-hover.animate-line-hover-brand-treegreen-dk:after {
  background-color: #20402b !important;
}

.brand-treegreen-lt {
  color: #2c8d4e !important;
}

.bg-brand-treegreen-lt {
  background-color: #2c8d4e !important;
}

.border-brand-treegreen-lt {
  border-color: #2c8d4e !important;
}

.icon-brand-treegreen-lt [class*=arrow] polyline {
  stroke: #2c8d4e;
}

.icon-brand-treegreen-lt .icon-play circle {
  stroke: #2c8d4e;
}

.icon-brand-treegreen-lt .icon-play path {
  stroke: #2c8d4e;
  fill: #2c8d4e;
}

.icon-brand-treegreen-lt .icon-close line,
.icon-brand-treegreen-lt .icon-plus line {
  stroke: #2c8d4e;
}

.animate-line-hover.animate-line-hover-brand-treegreen-lt:after {
  background-color: #2c8d4e !important;
}

.brand-treegreen-10 {
  color: #e9efeb !important;
}

.bg-brand-treegreen-10 {
  background-color: #e9efeb !important;
}

.border-brand-treegreen-10 {
  border-color: #e9efeb !important;
}

.icon-brand-treegreen-10 [class*=arrow] polyline {
  stroke: #e9efeb;
}

.icon-brand-treegreen-10 .icon-play circle {
  stroke: #e9efeb;
}

.icon-brand-treegreen-10 .icon-play path {
  stroke: #e9efeb;
  fill: #e9efeb;
}

.icon-brand-treegreen-10 .icon-close line,
.icon-brand-treegreen-10 .icon-plus line {
  stroke: #e9efeb;
}

.animate-line-hover.animate-line-hover-brand-treegreen-10:after {
  background-color: #e9efeb !important;
}

.brand-treegreen-20 {
  color: #d3dfd7 !important;
}

.bg-brand-treegreen-20 {
  background-color: #d3dfd7 !important;
}

.border-brand-treegreen-20 {
  border-color: #d3dfd7 !important;
}

.icon-brand-treegreen-20 [class*=arrow] polyline {
  stroke: #d3dfd7;
}

.icon-brand-treegreen-20 .icon-play circle {
  stroke: #d3dfd7;
}

.icon-brand-treegreen-20 .icon-play path {
  stroke: #d3dfd7;
  fill: #d3dfd7;
}

.icon-brand-treegreen-20 .icon-close line,
.icon-brand-treegreen-20 .icon-plus line {
  stroke: #d3dfd7;
}

.animate-line-hover.animate-line-hover-brand-treegreen-20:after {
  background-color: #d3dfd7 !important;
}

.brand-treegreen-30 {
  color: #bdcfc3 !important;
}

.bg-brand-treegreen-30 {
  background-color: #bdcfc3 !important;
}

.border-brand-treegreen-30 {
  border-color: #bdcfc3 !important;
}

.icon-brand-treegreen-30 [class*=arrow] polyline {
  stroke: #bdcfc3;
}

.icon-brand-treegreen-30 .icon-play circle {
  stroke: #bdcfc3;
}

.icon-brand-treegreen-30 .icon-play path {
  stroke: #bdcfc3;
  fill: #bdcfc3;
}

.icon-brand-treegreen-30 .icon-close line,
.icon-brand-treegreen-30 .icon-plus line {
  stroke: #bdcfc3;
}

.animate-line-hover.animate-line-hover-brand-treegreen-30:after {
  background-color: #bdcfc3 !important;
}

.brand-treegreen-40 {
  color: #a7bfaf !important;
}

.bg-brand-treegreen-40 {
  background-color: #a7bfaf !important;
}

.border-brand-treegreen-40 {
  border-color: #a7bfaf !important;
}

.icon-brand-treegreen-40 [class*=arrow] polyline {
  stroke: #a7bfaf;
}

.icon-brand-treegreen-40 .icon-play circle {
  stroke: #a7bfaf;
}

.icon-brand-treegreen-40 .icon-play path {
  stroke: #a7bfaf;
  fill: #a7bfaf;
}

.icon-brand-treegreen-40 .icon-close line,
.icon-brand-treegreen-40 .icon-plus line {
  stroke: #a7bfaf;
}

.animate-line-hover.animate-line-hover-brand-treegreen-40:after {
  background-color: #a7bfaf !important;
}

.brand-treegreen-50 {
  color: #245d38 !important;
}

.bg-brand-treegreen-50 {
  background-color: #245d38 !important;
}

.border-brand-treegreen-50 {
  border-color: #245d38 !important;
}

.icon-brand-treegreen-50 [class*=arrow] polyline {
  stroke: #245d38;
}

.icon-brand-treegreen-50 .icon-play circle {
  stroke: #245d38;
}

.icon-brand-treegreen-50 .icon-play path {
  stroke: #245d38;
  fill: #245d38;
}

.icon-brand-treegreen-50 .icon-close line,
.icon-brand-treegreen-50 .icon-plus line {
  stroke: #245d38;
}

.animate-line-hover.animate-line-hover-brand-treegreen-50:after {
  background-color: #245d38 !important;
}

.brand-treegreen-60 {
  color: #215232 !important;
}

.bg-brand-treegreen-60 {
  background-color: #215232 !important;
}

.border-brand-treegreen-60 {
  border-color: #215232 !important;
}

.icon-brand-treegreen-60 [class*=arrow] polyline {
  stroke: #215232;
}

.icon-brand-treegreen-60 .icon-play circle {
  stroke: #215232;
}

.icon-brand-treegreen-60 .icon-play path {
  stroke: #215232;
  fill: #215232;
}

.icon-brand-treegreen-60 .icon-close line,
.icon-brand-treegreen-60 .icon-plus line {
  stroke: #215232;
}

.animate-line-hover.animate-line-hover-brand-treegreen-60:after {
  background-color: #215232 !important;
}

.brand-treegreen-70 {
  color: #1e472c !important;
}

.bg-brand-treegreen-70 {
  background-color: #1e472c !important;
}

.border-brand-treegreen-70 {
  border-color: #1e472c !important;
}

.icon-brand-treegreen-70 [class*=arrow] polyline {
  stroke: #1e472c;
}

.icon-brand-treegreen-70 .icon-play circle {
  stroke: #1e472c;
}

.icon-brand-treegreen-70 .icon-play path {
  stroke: #1e472c;
  fill: #1e472c;
}

.icon-brand-treegreen-70 .icon-close line,
.icon-brand-treegreen-70 .icon-plus line {
  stroke: #1e472c;
}

.animate-line-hover.animate-line-hover-brand-treegreen-70:after {
  background-color: #1e472c !important;
}

.brand-treegreen-80 {
  color: #1b3c26 !important;
}

.bg-brand-treegreen-80 {
  background-color: #1b3c26 !important;
}

.border-brand-treegreen-80 {
  border-color: #1b3c26 !important;
}

.icon-brand-treegreen-80 [class*=arrow] polyline {
  stroke: #1b3c26;
}

.icon-brand-treegreen-80 .icon-play circle {
  stroke: #1b3c26;
}

.icon-brand-treegreen-80 .icon-play path {
  stroke: #1b3c26;
  fill: #1b3c26;
}

.icon-brand-treegreen-80 .icon-close line,
.icon-brand-treegreen-80 .icon-plus line {
  stroke: #1b3c26;
}

.animate-line-hover.animate-line-hover-brand-treegreen-80:after {
  background-color: #1b3c26 !important;
}

.brand-treegreen-90 {
  color: #20402b !important;
}

.bg-brand-treegreen-90 {
  background-color: #20402b !important;
}

.border-brand-treegreen-90 {
  border-color: #20402b !important;
}

.icon-brand-treegreen-90 [class*=arrow] polyline {
  stroke: #20402b;
}

.icon-brand-treegreen-90 .icon-play circle {
  stroke: #20402b;
}

.icon-brand-treegreen-90 .icon-play path {
  stroke: #20402b;
  fill: #20402b;
}

.icon-brand-treegreen-90 .icon-close line,
.icon-brand-treegreen-90 .icon-plus line {
  stroke: #20402b;
}

.animate-line-hover.animate-line-hover-brand-treegreen-90:after {
  background-color: #20402b !important;
}

.brand-yellow {
  color: #ffd100 !important;
}

.bg-brand-yellow {
  background-color: #ffd100 !important;
}

.border-brand-yellow {
  border-color: #ffd100 !important;
}

.icon-brand-yellow [class*=arrow] polyline {
  stroke: #ffd100;
}

.icon-brand-yellow .icon-play circle {
  stroke: #ffd100;
}

.icon-brand-yellow .icon-play path {
  stroke: #ffd100;
  fill: #ffd100;
}

.icon-brand-yellow .icon-close line,
.icon-brand-yellow .icon-plus line {
  stroke: #ffd100;
}

.animate-line-hover.animate-line-hover-brand-yellow:after {
  background-color: #ffd100 !important;
}

.brand-yellow-dk {
  color: #d4ae00 !important;
}

.bg-brand-yellow-dk {
  background-color: #d4ae00 !important;
}

.border-brand-yellow-dk {
  border-color: #d4ae00 !important;
}

.icon-brand-yellow-dk [class*=arrow] polyline {
  stroke: #d4ae00;
}

.icon-brand-yellow-dk .icon-play circle {
  stroke: #d4ae00;
}

.icon-brand-yellow-dk .icon-play path {
  stroke: #d4ae00;
  fill: #d4ae00;
}

.icon-brand-yellow-dk .icon-close line,
.icon-brand-yellow-dk .icon-plus line {
  stroke: #d4ae00;
}

.animate-line-hover.animate-line-hover-brand-yellow-dk:after {
  background-color: #d4ae00 !important;
}

.brand-yellow-lt {
  color: #ffea8c !important;
}

.bg-brand-yellow-lt {
  background-color: #ffea8c !important;
}

.border-brand-yellow-lt {
  border-color: #ffea8c !important;
}

.icon-brand-yellow-lt [class*=arrow] polyline {
  stroke: #ffea8c;
}

.icon-brand-yellow-lt .icon-play circle {
  stroke: #ffea8c;
}

.icon-brand-yellow-lt .icon-play path {
  stroke: #ffea8c;
  fill: #ffea8c;
}

.icon-brand-yellow-lt .icon-close line,
.icon-brand-yellow-lt .icon-plus line {
  stroke: #ffea8c;
}

.animate-line-hover.animate-line-hover-brand-yellow-lt:after {
  background-color: #ffea8c !important;
}

.brand-yellow-10 {
  color: #fffae5 !important;
}

.bg-brand-yellow-10 {
  background-color: #fffae5 !important;
}

.border-brand-yellow-10 {
  border-color: #fffae5 !important;
}

.icon-brand-yellow-10 [class*=arrow] polyline {
  stroke: #fffae5;
}

.icon-brand-yellow-10 .icon-play circle {
  stroke: #fffae5;
}

.icon-brand-yellow-10 .icon-play path {
  stroke: #fffae5;
  fill: #fffae5;
}

.icon-brand-yellow-10 .icon-close line,
.icon-brand-yellow-10 .icon-plus line {
  stroke: #fffae5;
}

.animate-line-hover.animate-line-hover-brand-yellow-10:after {
  background-color: #fffae5 !important;
}

.brand-yellow-20 {
  color: #fff5cb !important;
}

.bg-brand-yellow-20 {
  background-color: #fff5cb !important;
}

.border-brand-yellow-20 {
  border-color: #fff5cb !important;
}

.icon-brand-yellow-20 [class*=arrow] polyline {
  stroke: #fff5cb;
}

.icon-brand-yellow-20 .icon-play circle {
  stroke: #fff5cb;
}

.icon-brand-yellow-20 .icon-play path {
  stroke: #fff5cb;
  fill: #fff5cb;
}

.icon-brand-yellow-20 .icon-close line,
.icon-brand-yellow-20 .icon-plus line {
  stroke: #fff5cb;
}

.animate-line-hover.animate-line-hover-brand-yellow-20:after {
  background-color: #fff5cb !important;
}

.brand-yellow-30 {
  color: #fff0b1 !important;
}

.bg-brand-yellow-30 {
  background-color: #fff0b1 !important;
}

.border-brand-yellow-30 {
  border-color: #fff0b1 !important;
}

.icon-brand-yellow-30 [class*=arrow] polyline {
  stroke: #fff0b1;
}

.icon-brand-yellow-30 .icon-play circle {
  stroke: #fff0b1;
}

.icon-brand-yellow-30 .icon-play path {
  stroke: #fff0b1;
  fill: #fff0b1;
}

.icon-brand-yellow-30 .icon-close line,
.icon-brand-yellow-30 .icon-plus line {
  stroke: #fff0b1;
}

.animate-line-hover.animate-line-hover-brand-yellow-30:after {
  background-color: #fff0b1 !important;
}

.brand-yellow-40 {
  color: #ffeb97 !important;
}

.bg-brand-yellow-40 {
  background-color: #ffeb97 !important;
}

.border-brand-yellow-40 {
  border-color: #ffeb97 !important;
}

.icon-brand-yellow-40 [class*=arrow] polyline {
  stroke: #ffeb97;
}

.icon-brand-yellow-40 .icon-play circle {
  stroke: #ffeb97;
}

.icon-brand-yellow-40 .icon-play path {
  stroke: #ffeb97;
  fill: #ffeb97;
}

.icon-brand-yellow-40 .icon-close line,
.icon-brand-yellow-40 .icon-plus line {
  stroke: #ffeb97;
}

.animate-line-hover.animate-line-hover-brand-yellow-40:after {
  background-color: #ffeb97 !important;
}

.brand-yellow-50 {
  color: #ffd100 !important;
}

.bg-brand-yellow-50 {
  background-color: #ffd100 !important;
}

.border-brand-yellow-50 {
  border-color: #ffd100 !important;
}

.icon-brand-yellow-50 [class*=arrow] polyline {
  stroke: #ffd100;
}

.icon-brand-yellow-50 .icon-play circle {
  stroke: #ffd100;
}

.icon-brand-yellow-50 .icon-play path {
  stroke: #ffd100;
  fill: #ffd100;
}

.icon-brand-yellow-50 .icon-close line,
.icon-brand-yellow-50 .icon-plus line {
  stroke: #ffd100;
}

.animate-line-hover.animate-line-hover-brand-yellow-50:after {
  background-color: #ffd100 !important;
}

.brand-yellow-60 {
  color: #f0c400 !important;
}

.bg-brand-yellow-60 {
  background-color: #f0c400 !important;
}

.border-brand-yellow-60 {
  border-color: #f0c400 !important;
}

.icon-brand-yellow-60 [class*=arrow] polyline {
  stroke: #f0c400;
}

.icon-brand-yellow-60 .icon-play circle {
  stroke: #f0c400;
}

.icon-brand-yellow-60 .icon-play path {
  stroke: #f0c400;
  fill: #f0c400;
}

.icon-brand-yellow-60 .icon-close line,
.icon-brand-yellow-60 .icon-plus line {
  stroke: #f0c400;
}

.animate-line-hover.animate-line-hover-brand-yellow-60:after {
  background-color: #f0c400 !important;
}

.brand-yellow-70 {
  color: #e1b700 !important;
}

.bg-brand-yellow-70 {
  background-color: #e1b700 !important;
}

.border-brand-yellow-70 {
  border-color: #e1b700 !important;
}

.icon-brand-yellow-70 [class*=arrow] polyline {
  stroke: #e1b700;
}

.icon-brand-yellow-70 .icon-play circle {
  stroke: #e1b700;
}

.icon-brand-yellow-70 .icon-play path {
  stroke: #e1b700;
  fill: #e1b700;
}

.icon-brand-yellow-70 .icon-close line,
.icon-brand-yellow-70 .icon-plus line {
  stroke: #e1b700;
}

.animate-line-hover.animate-line-hover-brand-yellow-70:after {
  background-color: #e1b700 !important;
}

.brand-yellow-80 {
  color: #d2aa00 !important;
}

.bg-brand-yellow-80 {
  background-color: #d2aa00 !important;
}

.border-brand-yellow-80 {
  border-color: #d2aa00 !important;
}

.icon-brand-yellow-80 [class*=arrow] polyline {
  stroke: #d2aa00;
}

.icon-brand-yellow-80 .icon-play circle {
  stroke: #d2aa00;
}

.icon-brand-yellow-80 .icon-play path {
  stroke: #d2aa00;
  fill: #d2aa00;
}

.icon-brand-yellow-80 .icon-close line,
.icon-brand-yellow-80 .icon-plus line {
  stroke: #d2aa00;
}

.animate-line-hover.animate-line-hover-brand-yellow-80:after {
  background-color: #d2aa00 !important;
}

.brand-yellow-90 {
  color: #d4ae00 !important;
}

.bg-brand-yellow-90 {
  background-color: #d4ae00 !important;
}

.border-brand-yellow-90 {
  border-color: #d4ae00 !important;
}

.icon-brand-yellow-90 [class*=arrow] polyline {
  stroke: #d4ae00;
}

.icon-brand-yellow-90 .icon-play circle {
  stroke: #d4ae00;
}

.icon-brand-yellow-90 .icon-play path {
  stroke: #d4ae00;
  fill: #d4ae00;
}

.icon-brand-yellow-90 .icon-close line,
.icon-brand-yellow-90 .icon-plus line {
  stroke: #d4ae00;
}

.animate-line-hover.animate-line-hover-brand-yellow-90:after {
  background-color: #d4ae00 !important;
}

.brand-lmtgreen {
  color: #7a853b !important;
}

.bg-brand-lmtgreen {
  background-color: #7a853b !important;
}

.border-brand-lmtgreen {
  border-color: #7a853b !important;
}

.icon-brand-lmtgreen [class*=arrow] polyline {
  stroke: #7a853b;
}

.icon-brand-lmtgreen .icon-play circle {
  stroke: #7a853b;
}

.icon-brand-lmtgreen .icon-play path {
  stroke: #7a853b;
  fill: #7a853b;
}

.icon-brand-lmtgreen .icon-close line,
.icon-brand-lmtgreen .icon-plus line {
  stroke: #7a853b;
}

.animate-line-hover.animate-line-hover-brand-lmtgreen:after {
  background-color: #7a853b !important;
}

.brand-lmtgreen-dk {
  color: #747d43 !important;
}

.bg-brand-lmtgreen-dk {
  background-color: #747d43 !important;
}

.border-brand-lmtgreen-dk {
  border-color: #747d43 !important;
}

.icon-brand-lmtgreen-dk [class*=arrow] polyline {
  stroke: #747d43;
}

.icon-brand-lmtgreen-dk .icon-play circle {
  stroke: #747d43;
}

.icon-brand-lmtgreen-dk .icon-play path {
  stroke: #747d43;
  fill: #747d43;
}

.icon-brand-lmtgreen-dk .icon-close line,
.icon-brand-lmtgreen-dk .icon-plus line {
  stroke: #747d43;
}

.animate-line-hover.animate-line-hover-brand-lmtgreen-dk:after {
  background-color: #747d43 !important;
}

.brand-lmtgreen-lt {
  color: #9cae37 !important;
}

.bg-brand-lmtgreen-lt {
  background-color: #9cae37 !important;
}

.border-brand-lmtgreen-lt {
  border-color: #9cae37 !important;
}

.icon-brand-lmtgreen-lt [class*=arrow] polyline {
  stroke: #9cae37;
}

.icon-brand-lmtgreen-lt .icon-play circle {
  stroke: #9cae37;
}

.icon-brand-lmtgreen-lt .icon-play path {
  stroke: #9cae37;
  fill: #9cae37;
}

.icon-brand-lmtgreen-lt .icon-close line,
.icon-brand-lmtgreen-lt .icon-plus line {
  stroke: #9cae37;
}

.animate-line-hover.animate-line-hover-brand-lmtgreen-lt:after {
  background-color: #9cae37 !important;
}

.brand-lmtgreen-10 {
  color: #f2f3eb !important;
}

.bg-brand-lmtgreen-10 {
  background-color: #f2f3eb !important;
}

.border-brand-lmtgreen-10 {
  border-color: #f2f3eb !important;
}

.icon-brand-lmtgreen-10 [class*=arrow] polyline {
  stroke: #f2f3eb;
}

.icon-brand-lmtgreen-10 .icon-play circle {
  stroke: #f2f3eb;
}

.icon-brand-lmtgreen-10 .icon-play path {
  stroke: #f2f3eb;
  fill: #f2f3eb;
}

.icon-brand-lmtgreen-10 .icon-close line,
.icon-brand-lmtgreen-10 .icon-plus line {
  stroke: #f2f3eb;
}

.animate-line-hover.animate-line-hover-brand-lmtgreen-10:after {
  background-color: #f2f3eb !important;
}

.brand-lmtgreen-20 {
  color: #e5e7d7 !important;
}

.bg-brand-lmtgreen-20 {
  background-color: #e5e7d7 !important;
}

.border-brand-lmtgreen-20 {
  border-color: #e5e7d7 !important;
}

.icon-brand-lmtgreen-20 [class*=arrow] polyline {
  stroke: #e5e7d7;
}

.icon-brand-lmtgreen-20 .icon-play circle {
  stroke: #e5e7d7;
}

.icon-brand-lmtgreen-20 .icon-play path {
  stroke: #e5e7d7;
  fill: #e5e7d7;
}

.icon-brand-lmtgreen-20 .icon-close line,
.icon-brand-lmtgreen-20 .icon-plus line {
  stroke: #e5e7d7;
}

.animate-line-hover.animate-line-hover-brand-lmtgreen-20:after {
  background-color: #e5e7d7 !important;
}

.brand-lmtgreen-30 {
  color: #d8dbc3 !important;
}

.bg-brand-lmtgreen-30 {
  background-color: #d8dbc3 !important;
}

.border-brand-lmtgreen-30 {
  border-color: #d8dbc3 !important;
}

.icon-brand-lmtgreen-30 [class*=arrow] polyline {
  stroke: #d8dbc3;
}

.icon-brand-lmtgreen-30 .icon-play circle {
  stroke: #d8dbc3;
}

.icon-brand-lmtgreen-30 .icon-play path {
  stroke: #d8dbc3;
  fill: #d8dbc3;
}

.icon-brand-lmtgreen-30 .icon-close line,
.icon-brand-lmtgreen-30 .icon-plus line {
  stroke: #d8dbc3;
}

.animate-line-hover.animate-line-hover-brand-lmtgreen-30:after {
  background-color: #d8dbc3 !important;
}

.brand-lmtgreen-40 {
  color: #cbcfaf !important;
}

.bg-brand-lmtgreen-40 {
  background-color: #cbcfaf !important;
}

.border-brand-lmtgreen-40 {
  border-color: #cbcfaf !important;
}

.icon-brand-lmtgreen-40 [class*=arrow] polyline {
  stroke: #cbcfaf;
}

.icon-brand-lmtgreen-40 .icon-play circle {
  stroke: #cbcfaf;
}

.icon-brand-lmtgreen-40 .icon-play path {
  stroke: #cbcfaf;
  fill: #cbcfaf;
}

.icon-brand-lmtgreen-40 .icon-close line,
.icon-brand-lmtgreen-40 .icon-plus line {
  stroke: #cbcfaf;
}

.animate-line-hover.animate-line-hover-brand-lmtgreen-40:after {
  background-color: #cbcfaf !important;
}

.brand-lmtgreen-50 {
  color: #7a853b !important;
}

.bg-brand-lmtgreen-50 {
  background-color: #7a853b !important;
}

.border-brand-lmtgreen-50 {
  border-color: #7a853b !important;
}

.icon-brand-lmtgreen-50 [class*=arrow] polyline {
  stroke: #7a853b;
}

.icon-brand-lmtgreen-50 .icon-play circle {
  stroke: #7a853b;
}

.icon-brand-lmtgreen-50 .icon-play path {
  stroke: #7a853b;
  fill: #7a853b;
}

.icon-brand-lmtgreen-50 .icon-close line,
.icon-brand-lmtgreen-50 .icon-plus line {
  stroke: #7a853b;
}

.animate-line-hover.animate-line-hover-brand-lmtgreen-50:after {
  background-color: #7a853b !important;
}

.brand-lmtgreen-60 {
  color: #717a35 !important;
}

.bg-brand-lmtgreen-60 {
  background-color: #717a35 !important;
}

.border-brand-lmtgreen-60 {
  border-color: #717a35 !important;
}

.icon-brand-lmtgreen-60 [class*=arrow] polyline {
  stroke: #717a35;
}

.icon-brand-lmtgreen-60 .icon-play circle {
  stroke: #717a35;
}

.icon-brand-lmtgreen-60 .icon-play path {
  stroke: #717a35;
  fill: #717a35;
}

.icon-brand-lmtgreen-60 .icon-close line,
.icon-brand-lmtgreen-60 .icon-plus line {
  stroke: #717a35;
}

.animate-line-hover.animate-line-hover-brand-lmtgreen-60:after {
  background-color: #717a35 !important;
}

.brand-lmtgreen-70 {
  color: #686f2f !important;
}

.bg-brand-lmtgreen-70 {
  background-color: #686f2f !important;
}

.border-brand-lmtgreen-70 {
  border-color: #686f2f !important;
}

.icon-brand-lmtgreen-70 [class*=arrow] polyline {
  stroke: #686f2f;
}

.icon-brand-lmtgreen-70 .icon-play circle {
  stroke: #686f2f;
}

.icon-brand-lmtgreen-70 .icon-play path {
  stroke: #686f2f;
  fill: #686f2f;
}

.icon-brand-lmtgreen-70 .icon-close line,
.icon-brand-lmtgreen-70 .icon-plus line {
  stroke: #686f2f;
}

.animate-line-hover.animate-line-hover-brand-lmtgreen-70:after {
  background-color: #686f2f !important;
}

.brand-lmtgreen-80 {
  color: #5f6429 !important;
}

.bg-brand-lmtgreen-80 {
  background-color: #5f6429 !important;
}

.border-brand-lmtgreen-80 {
  border-color: #5f6429 !important;
}

.icon-brand-lmtgreen-80 [class*=arrow] polyline {
  stroke: #5f6429;
}

.icon-brand-lmtgreen-80 .icon-play circle {
  stroke: #5f6429;
}

.icon-brand-lmtgreen-80 .icon-play path {
  stroke: #5f6429;
  fill: #5f6429;
}

.icon-brand-lmtgreen-80 .icon-close line,
.icon-brand-lmtgreen-80 .icon-plus line {
  stroke: #5f6429;
}

.animate-line-hover.animate-line-hover-brand-lmtgreen-80:after {
  background-color: #5f6429 !important;
}

.brand-lmtgreen-90 {
  color: #747d43 !important;
}

.bg-brand-lmtgreen-90 {
  background-color: #747d43 !important;
}

.border-brand-lmtgreen-90 {
  border-color: #747d43 !important;
}

.icon-brand-lmtgreen-90 [class*=arrow] polyline {
  stroke: #747d43;
}

.icon-brand-lmtgreen-90 .icon-play circle {
  stroke: #747d43;
}

.icon-brand-lmtgreen-90 .icon-play path {
  stroke: #747d43;
  fill: #747d43;
}

.icon-brand-lmtgreen-90 .icon-close line,
.icon-brand-lmtgreen-90 .icon-plus line {
  stroke: #747d43;
}

.animate-line-hover.animate-line-hover-brand-lmtgreen-90:after {
  background-color: #747d43 !important;
}

.brand-rmtteal {
  color: #35647e !important;
}

.bg-brand-rmtteal {
  background-color: #35647e !important;
}

.border-brand-rmtteal {
  border-color: #35647e !important;
}

.icon-brand-rmtteal [class*=arrow] polyline {
  stroke: #35647e;
}

.icon-brand-rmtteal .icon-play circle {
  stroke: #35647e;
}

.icon-brand-rmtteal .icon-play path {
  stroke: #35647e;
  fill: #35647e;
}

.icon-brand-rmtteal .icon-close line,
.icon-brand-rmtteal .icon-plus line {
  stroke: #35647e;
}

.animate-line-hover.animate-line-hover-brand-rmtteal:after {
  background-color: #35647e !important;
}

.brand-rmtteal-dk {
  color: #314b59 !important;
}

.bg-brand-rmtteal-dk {
  background-color: #314b59 !important;
}

.border-brand-rmtteal-dk {
  border-color: #314b59 !important;
}

.icon-brand-rmtteal-dk [class*=arrow] polyline {
  stroke: #314b59;
}

.icon-brand-rmtteal-dk .icon-play circle {
  stroke: #314b59;
}

.icon-brand-rmtteal-dk .icon-play path {
  stroke: #314b59;
  fill: #314b59;
}

.icon-brand-rmtteal-dk .icon-close line,
.icon-brand-rmtteal-dk .icon-plus line {
  stroke: #314b59;
}

.animate-line-hover.animate-line-hover-brand-rmtteal-dk:after {
  background-color: #314b59 !important;
}

.brand-rmtteal-lt {
  color: #3e83aa !important;
}

.bg-brand-rmtteal-lt {
  background-color: #3e83aa !important;
}

.border-brand-rmtteal-lt {
  border-color: #3e83aa !important;
}

.icon-brand-rmtteal-lt [class*=arrow] polyline {
  stroke: #3e83aa;
}

.icon-brand-rmtteal-lt .icon-play circle {
  stroke: #3e83aa;
}

.icon-brand-rmtteal-lt .icon-play path {
  stroke: #3e83aa;
  fill: #3e83aa;
}

.icon-brand-rmtteal-lt .icon-close line,
.icon-brand-rmtteal-lt .icon-plus line {
  stroke: #3e83aa;
}

.animate-line-hover.animate-line-hover-brand-rmtteal-lt:after {
  background-color: #3e83aa !important;
}

.brand-rmtteal-10 {
  color: #ebeff2 !important;
}

.bg-brand-rmtteal-10 {
  background-color: #ebeff2 !important;
}

.border-brand-rmtteal-10 {
  border-color: #ebeff2 !important;
}

.icon-brand-rmtteal-10 [class*=arrow] polyline {
  stroke: #ebeff2;
}

.icon-brand-rmtteal-10 .icon-play circle {
  stroke: #ebeff2;
}

.icon-brand-rmtteal-10 .icon-play path {
  stroke: #ebeff2;
  fill: #ebeff2;
}

.icon-brand-rmtteal-10 .icon-close line,
.icon-brand-rmtteal-10 .icon-plus line {
  stroke: #ebeff2;
}

.animate-line-hover.animate-line-hover-brand-rmtteal-10:after {
  background-color: #ebeff2 !important;
}

.brand-rmtteal-20 {
  color: #d7dfe5 !important;
}

.bg-brand-rmtteal-20 {
  background-color: #d7dfe5 !important;
}

.border-brand-rmtteal-20 {
  border-color: #d7dfe5 !important;
}

.icon-brand-rmtteal-20 [class*=arrow] polyline {
  stroke: #d7dfe5;
}

.icon-brand-rmtteal-20 .icon-play circle {
  stroke: #d7dfe5;
}

.icon-brand-rmtteal-20 .icon-play path {
  stroke: #d7dfe5;
  fill: #d7dfe5;
}

.icon-brand-rmtteal-20 .icon-close line,
.icon-brand-rmtteal-20 .icon-plus line {
  stroke: #d7dfe5;
}

.animate-line-hover.animate-line-hover-brand-rmtteal-20:after {
  background-color: #d7dfe5 !important;
}

.brand-rmtteal-30 {
  color: #c3cfd8 !important;
}

.bg-brand-rmtteal-30 {
  background-color: #c3cfd8 !important;
}

.border-brand-rmtteal-30 {
  border-color: #c3cfd8 !important;
}

.icon-brand-rmtteal-30 [class*=arrow] polyline {
  stroke: #c3cfd8;
}

.icon-brand-rmtteal-30 .icon-play circle {
  stroke: #c3cfd8;
}

.icon-brand-rmtteal-30 .icon-play path {
  stroke: #c3cfd8;
  fill: #c3cfd8;
}

.icon-brand-rmtteal-30 .icon-close line,
.icon-brand-rmtteal-30 .icon-plus line {
  stroke: #c3cfd8;
}

.animate-line-hover.animate-line-hover-brand-rmtteal-30:after {
  background-color: #c3cfd8 !important;
}

.brand-rmtteal-40 {
  color: #afbfcb !important;
}

.bg-brand-rmtteal-40 {
  background-color: #afbfcb !important;
}

.border-brand-rmtteal-40 {
  border-color: #afbfcb !important;
}

.icon-brand-rmtteal-40 [class*=arrow] polyline {
  stroke: #afbfcb;
}

.icon-brand-rmtteal-40 .icon-play circle {
  stroke: #afbfcb;
}

.icon-brand-rmtteal-40 .icon-play path {
  stroke: #afbfcb;
  fill: #afbfcb;
}

.icon-brand-rmtteal-40 .icon-close line,
.icon-brand-rmtteal-40 .icon-plus line {
  stroke: #afbfcb;
}

.animate-line-hover.animate-line-hover-brand-rmtteal-40:after {
  background-color: #afbfcb !important;
}

.brand-rmtteal-50 {
  color: #35647e !important;
}

.bg-brand-rmtteal-50 {
  background-color: #35647e !important;
}

.border-brand-rmtteal-50 {
  border-color: #35647e !important;
}

.icon-brand-rmtteal-50 [class*=arrow] polyline {
  stroke: #35647e;
}

.icon-brand-rmtteal-50 .icon-play circle {
  stroke: #35647e;
}

.icon-brand-rmtteal-50 .icon-play path {
  stroke: #35647e;
  fill: #35647e;
}

.icon-brand-rmtteal-50 .icon-close line,
.icon-brand-rmtteal-50 .icon-plus line {
  stroke: #35647e;
}

.animate-line-hover.animate-line-hover-brand-rmtteal-50:after {
  background-color: #35647e !important;
}

.brand-rmtteal-60 {
  color: #315a73 !important;
}

.bg-brand-rmtteal-60 {
  background-color: #315a73 !important;
}

.border-brand-rmtteal-60 {
  border-color: #315a73 !important;
}

.icon-brand-rmtteal-60 [class*=arrow] polyline {
  stroke: #315a73;
}

.icon-brand-rmtteal-60 .icon-play circle {
  stroke: #315a73;
}

.icon-brand-rmtteal-60 .icon-play path {
  stroke: #315a73;
  fill: #315a73;
}

.icon-brand-rmtteal-60 .icon-close line,
.icon-brand-rmtteal-60 .icon-plus line {
  stroke: #315a73;
}

.animate-line-hover.animate-line-hover-brand-rmtteal-60:after {
  background-color: #315a73 !important;
}

.brand-rmtteal-70 {
  color: #2d5068 !important;
}

.bg-brand-rmtteal-70 {
  background-color: #2d5068 !important;
}

.border-brand-rmtteal-70 {
  border-color: #2d5068 !important;
}

.icon-brand-rmtteal-70 [class*=arrow] polyline {
  stroke: #2d5068;
}

.icon-brand-rmtteal-70 .icon-play circle {
  stroke: #2d5068;
}

.icon-brand-rmtteal-70 .icon-play path {
  stroke: #2d5068;
  fill: #2d5068;
}

.icon-brand-rmtteal-70 .icon-close line,
.icon-brand-rmtteal-70 .icon-plus line {
  stroke: #2d5068;
}

.animate-line-hover.animate-line-hover-brand-rmtteal-70:after {
  background-color: #2d5068 !important;
}

.brand-rmtteal-80 {
  color: #29465d !important;
}

.bg-brand-rmtteal-80 {
  background-color: #29465d !important;
}

.border-brand-rmtteal-80 {
  border-color: #29465d !important;
}

.icon-brand-rmtteal-80 [class*=arrow] polyline {
  stroke: #29465d;
}

.icon-brand-rmtteal-80 .icon-play circle {
  stroke: #29465d;
}

.icon-brand-rmtteal-80 .icon-play path {
  stroke: #29465d;
  fill: #29465d;
}

.icon-brand-rmtteal-80 .icon-close line,
.icon-brand-rmtteal-80 .icon-plus line {
  stroke: #29465d;
}

.animate-line-hover.animate-line-hover-brand-rmtteal-80:after {
  background-color: #29465d !important;
}

.brand-rmtteal-90 {
  color: #314b59 !important;
}

.bg-brand-rmtteal-90 {
  background-color: #314b59 !important;
}

.border-brand-rmtteal-90 {
  border-color: #314b59 !important;
}

.icon-brand-rmtteal-90 [class*=arrow] polyline {
  stroke: #314b59;
}

.icon-brand-rmtteal-90 .icon-play circle {
  stroke: #314b59;
}

.icon-brand-rmtteal-90 .icon-play path {
  stroke: #314b59;
  fill: #314b59;
}

.icon-brand-rmtteal-90 .icon-close line,
.icon-brand-rmtteal-90 .icon-plus line {
  stroke: #314b59;
}

.animate-line-hover.animate-line-hover-brand-rmtteal-90:after {
  background-color: #314b59 !important;
}

.white {
  color: #ffffff !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.border-white {
  border-color: #ffffff !important;
}

.icon-white [class*=arrow] polyline {
  stroke: #ffffff;
}

.icon-white .icon-play circle {
  stroke: #ffffff;
}

.icon-white .icon-play path {
  stroke: #ffffff;
  fill: #ffffff;
}

.icon-white .icon-close line,
.icon-white .icon-plus line {
  stroke: #ffffff;
}

.animate-line-hover.animate-line-hover-white:after {
  background-color: #ffffff !important;
}

.black {
  color: #000000 !important;
}

.bg-black {
  background-color: #000000 !important;
}

.border-black {
  border-color: #000000 !important;
}

.icon-black [class*=arrow] polyline {
  stroke: #000000;
}

.icon-black .icon-play circle {
  stroke: #000000;
}

.icon-black .icon-play path {
  stroke: #000000;
  fill: #000000;
}

.icon-black .icon-close line,
.icon-black .icon-plus line {
  stroke: #000000;
}

.animate-line-hover.animate-line-hover-black:after {
  background-color: #000000 !important;
}

.neutral-g9 {
  color: #2d2a27 !important;
}

.bg-neutral-g9 {
  background-color: #2d2a27 !important;
}

.border-neutral-g9 {
  border-color: #2d2a27 !important;
}

.icon-neutral-g9 [class*=arrow] polyline {
  stroke: #2d2a27;
}

.icon-neutral-g9 .icon-play circle {
  stroke: #2d2a27;
}

.icon-neutral-g9 .icon-play path {
  stroke: #2d2a27;
  fill: #2d2a27;
}

.icon-neutral-g9 .icon-close line,
.icon-neutral-g9 .icon-plus line {
  stroke: #2d2a27;
}

.animate-line-hover.animate-line-hover-neutral-g9:after {
  background-color: #2d2a27 !important;
}

.neutral-g8 {
  color: #4f4c49 !important;
}

.bg-neutral-g8 {
  background-color: #4f4c49 !important;
}

.border-neutral-g8 {
  border-color: #4f4c49 !important;
}

.icon-neutral-g8 [class*=arrow] polyline {
  stroke: #4f4c49;
}

.icon-neutral-g8 .icon-play circle {
  stroke: #4f4c49;
}

.icon-neutral-g8 .icon-play path {
  stroke: #4f4c49;
  fill: #4f4c49;
}

.icon-neutral-g8 .icon-close line,
.icon-neutral-g8 .icon-plus line {
  stroke: #4f4c49;
}

.animate-line-hover.animate-line-hover-neutral-g8:after {
  background-color: #4f4c49 !important;
}

.neutral-g7 {
  color: #595857 !important;
}

.bg-neutral-g7 {
  background-color: #595857 !important;
}

.border-neutral-g7 {
  border-color: #595857 !important;
}

.icon-neutral-g7 [class*=arrow] polyline {
  stroke: #595857;
}

.icon-neutral-g7 .icon-play circle {
  stroke: #595857;
}

.icon-neutral-g7 .icon-play path {
  stroke: #595857;
  fill: #595857;
}

.icon-neutral-g7 .icon-close line,
.icon-neutral-g7 .icon-plus line {
  stroke: #595857;
}

.animate-line-hover.animate-line-hover-neutral-g7:after {
  background-color: #595857 !important;
}

.neutral-g6 {
  color: #6d6c6a !important;
}

.bg-neutral-g6 {
  background-color: #6d6c6a !important;
}

.border-neutral-g6 {
  border-color: #6d6c6a !important;
}

.icon-neutral-g6 [class*=arrow] polyline {
  stroke: #6d6c6a;
}

.icon-neutral-g6 .icon-play circle {
  stroke: #6d6c6a;
}

.icon-neutral-g6 .icon-play path {
  stroke: #6d6c6a;
  fill: #6d6c6a;
}

.icon-neutral-g6 .icon-close line,
.icon-neutral-g6 .icon-plus line {
  stroke: #6d6c6a;
}

.animate-line-hover.animate-line-hover-neutral-g6:after {
  background-color: #6d6c6a !important;
}

.neutral-g5 {
  color: #959492 !important;
}

.bg-neutral-g5 {
  background-color: #959492 !important;
}

.border-neutral-g5 {
  border-color: #959492 !important;
}

.icon-neutral-g5 [class*=arrow] polyline {
  stroke: #959492;
}

.icon-neutral-g5 .icon-play circle {
  stroke: #959492;
}

.icon-neutral-g5 .icon-play path {
  stroke: #959492;
  fill: #959492;
}

.icon-neutral-g5 .icon-close line,
.icon-neutral-g5 .icon-plus line {
  stroke: #959492;
}

.animate-line-hover.animate-line-hover-neutral-g5:after {
  background-color: #959492 !important;
}

.neutral-g4 {
  color: #b5b4b2 !important;
}

.bg-neutral-g4 {
  background-color: #b5b4b2 !important;
}

.border-neutral-g4 {
  border-color: #b5b4b2 !important;
}

.icon-neutral-g4 [class*=arrow] polyline {
  stroke: #b5b4b2;
}

.icon-neutral-g4 .icon-play circle {
  stroke: #b5b4b2;
}

.icon-neutral-g4 .icon-play path {
  stroke: #b5b4b2;
  fill: #b5b4b2;
}

.icon-neutral-g4 .icon-close line,
.icon-neutral-g4 .icon-plus line {
  stroke: #b5b4b2;
}

.animate-line-hover.animate-line-hover-neutral-g4:after {
  background-color: #b5b4b2 !important;
}

.neutral-g3 {
  color: #d9d8d6 !important;
}

.bg-neutral-g3 {
  background-color: #d9d8d6 !important;
}

.border-neutral-g3 {
  border-color: #d9d8d6 !important;
}

.icon-neutral-g3 [class*=arrow] polyline {
  stroke: #d9d8d6;
}

.icon-neutral-g3 .icon-play circle {
  stroke: #d9d8d6;
}

.icon-neutral-g3 .icon-play path {
  stroke: #d9d8d6;
  fill: #d9d8d6;
}

.icon-neutral-g3 .icon-close line,
.icon-neutral-g3 .icon-plus line {
  stroke: #d9d8d6;
}

.animate-line-hover.animate-line-hover-neutral-g3:after {
  background-color: #d9d8d6 !important;
}

.neutral-g2 {
  color: #e9e8e6 !important;
}

.bg-neutral-g2 {
  background-color: #e9e8e6 !important;
}

.border-neutral-g2 {
  border-color: #e9e8e6 !important;
}

.icon-neutral-g2 [class*=arrow] polyline {
  stroke: #e9e8e6;
}

.icon-neutral-g2 .icon-play circle {
  stroke: #e9e8e6;
}

.icon-neutral-g2 .icon-play path {
  stroke: #e9e8e6;
  fill: #e9e8e6;
}

.icon-neutral-g2 .icon-close line,
.icon-neutral-g2 .icon-plus line {
  stroke: #e9e8e6;
}

.animate-line-hover.animate-line-hover-neutral-g2:after {
  background-color: #e9e8e6 !important;
}

.neutral-g1 {
  color: #f3f1ef !important;
}

.bg-neutral-g1 {
  background-color: #f3f1ef !important;
}

.border-neutral-g1 {
  border-color: #f3f1ef !important;
}

.icon-neutral-g1 [class*=arrow] polyline {
  stroke: #f3f1ef;
}

.icon-neutral-g1 .icon-play circle {
  stroke: #f3f1ef;
}

.icon-neutral-g1 .icon-play path {
  stroke: #f3f1ef;
  fill: #f3f1ef;
}

.icon-neutral-g1 .icon-close line,
.icon-neutral-g1 .icon-plus line {
  stroke: #f3f1ef;
}

.animate-line-hover.animate-line-hover-neutral-g1:after {
  background-color: #f3f1ef !important;
}

.neutral-g0 {
  color: #faf9f6 !important;
}

.bg-neutral-g0 {
  background-color: #faf9f6 !important;
}

.border-neutral-g0 {
  border-color: #faf9f6 !important;
}

.icon-neutral-g0 [class*=arrow] polyline {
  stroke: #faf9f6;
}

.icon-neutral-g0 .icon-play circle {
  stroke: #faf9f6;
}

.icon-neutral-g0 .icon-play path {
  stroke: #faf9f6;
  fill: #faf9f6;
}

.icon-neutral-g0 .icon-close line,
.icon-neutral-g0 .icon-plus line {
  stroke: #faf9f6;
}

.animate-line-hover.animate-line-hover-neutral-g0:after {
  background-color: #faf9f6 !important;
}

.system-info {
  color: #001f8c !important;
}

.bg-system-info {
  background-color: #001f8c !important;
}

.border-system-info {
  border-color: #001f8c !important;
}

.icon-system-info [class*=arrow] polyline {
  stroke: #001f8c;
}

.icon-system-info .icon-play circle {
  stroke: #001f8c;
}

.icon-system-info .icon-play path {
  stroke: #001f8c;
  fill: #001f8c;
}

.icon-system-info .icon-close line,
.icon-system-info .icon-plus line {
  stroke: #001f8c;
}

.animate-line-hover.animate-line-hover-system-info:after {
  background-color: #001f8c !important;
}

.system-info-lt {
  color: #e5e9f3 !important;
}

.bg-system-info-lt {
  background-color: #e5e9f3 !important;
}

.border-system-info-lt {
  border-color: #e5e9f3 !important;
}

.icon-system-info-lt [class*=arrow] polyline {
  stroke: #e5e9f3;
}

.icon-system-info-lt .icon-play circle {
  stroke: #e5e9f3;
}

.icon-system-info-lt .icon-play path {
  stroke: #e5e9f3;
  fill: #e5e9f3;
}

.icon-system-info-lt .icon-close line,
.icon-system-info-lt .icon-plus line {
  stroke: #e5e9f3;
}

.animate-line-hover.animate-line-hover-system-info-lt:after {
  background-color: #e5e9f3 !important;
}

.system-warning {
  color: #dc580e !important;
}

.bg-system-warning {
  background-color: #dc580e !important;
}

.border-system-warning {
  border-color: #dc580e !important;
}

.icon-system-warning [class*=arrow] polyline {
  stroke: #dc580e;
}

.icon-system-warning .icon-play circle {
  stroke: #dc580e;
}

.icon-system-warning .icon-play path {
  stroke: #dc580e;
  fill: #dc580e;
}

.icon-system-warning .icon-close line,
.icon-system-warning .icon-plus line {
  stroke: #dc580e;
}

.animate-line-hover.animate-line-hover-system-warning:after {
  background-color: #dc580e !important;
}

.system-warning-lt {
  color: #f8decf !important;
}

.bg-system-warning-lt {
  background-color: #f8decf !important;
}

.border-system-warning-lt {
  border-color: #f8decf !important;
}

.icon-system-warning-lt [class*=arrow] polyline {
  stroke: #f8decf;
}

.icon-system-warning-lt .icon-play circle {
  stroke: #f8decf;
}

.icon-system-warning-lt .icon-play path {
  stroke: #f8decf;
  fill: #f8decf;
}

.icon-system-warning-lt .icon-close line,
.icon-system-warning-lt .icon-plus line {
  stroke: #f8decf;
}

.animate-line-hover.animate-line-hover-system-warning-lt:after {
  background-color: #f8decf !important;
}

.system-error {
  color: #a0052a !important;
}

.bg-system-error {
  background-color: #a0052a !important;
}

.border-system-error {
  border-color: #a0052a !important;
}

.icon-system-error [class*=arrow] polyline {
  stroke: #a0052a;
}

.icon-system-error .icon-play circle {
  stroke: #a0052a;
}

.icon-system-error .icon-play path {
  stroke: #a0052a;
  fill: #a0052a;
}

.icon-system-error .icon-close line,
.icon-system-error .icon-plus line {
  stroke: #a0052a;
}

.animate-line-hover.animate-line-hover-system-error:after {
  background-color: #a0052a !important;
}

.system-error-lt {
  color: #f9e5ea !important;
}

.bg-system-error-lt {
  background-color: #f9e5ea !important;
}

.border-system-error-lt {
  border-color: #f9e5ea !important;
}

.icon-system-error-lt [class*=arrow] polyline {
  stroke: #f9e5ea;
}

.icon-system-error-lt .icon-play circle {
  stroke: #f9e5ea;
}

.icon-system-error-lt .icon-play path {
  stroke: #f9e5ea;
  fill: #f9e5ea;
}

.icon-system-error-lt .icon-close line,
.icon-system-error-lt .icon-plus line {
  stroke: #f9e5ea;
}

.animate-line-hover.animate-line-hover-system-error-lt:after {
  background-color: #f9e5ea !important;
}

.system-succes-lt {
  color: #e9efeb !important;
}

.bg-system-succes-lt {
  background-color: #e9efeb !important;
}

.border-system-succes-lt {
  border-color: #e9efeb !important;
}

.icon-system-succes-lt [class*=arrow] polyline {
  stroke: #e9efeb;
}

.icon-system-succes-lt .icon-play circle {
  stroke: #e9efeb;
}

.icon-system-succes-lt .icon-play path {
  stroke: #e9efeb;
  fill: #e9efeb;
}

.icon-system-succes-lt .icon-close line,
.icon-system-succes-lt .icon-plus line {
  stroke: #e9efeb;
}

.animate-line-hover.animate-line-hover-system-succes-lt:after {
  background-color: #e9efeb !important;
}

.system-success {
  color: #2c8d4e !important;
}

.bg-system-success {
  background-color: #2c8d4e !important;
}

.border-system-success {
  border-color: #2c8d4e !important;
}

.icon-system-success [class*=arrow] polyline {
  stroke: #2c8d4e;
}

.icon-system-success .icon-play circle {
  stroke: #2c8d4e;
}

.icon-system-success .icon-play path {
  stroke: #2c8d4e;
  fill: #2c8d4e;
}

.icon-system-success .icon-close line,
.icon-system-success .icon-plus line {
  stroke: #2c8d4e;
}

.animate-line-hover.animate-line-hover-system-success:after {
  background-color: #2c8d4e !important;
}

.light {
  color: #f3f1ef !important;
}

.bg-light {
  background-color: #f3f1ef !important;
}

.border-light {
  border-color: #f3f1ef !important;
}

.icon-light [class*=arrow] polyline {
  stroke: #f3f1ef;
}

.icon-light .icon-play circle {
  stroke: #f3f1ef;
}

.icon-light .icon-play path {
  stroke: #f3f1ef;
  fill: #f3f1ef;
}

.icon-light .icon-close line,
.icon-light .icon-plus line {
  stroke: #f3f1ef;
}

.animate-line-hover.animate-line-hover-light:after {
  background-color: #f3f1ef !important;
}

.dark {
  color: #2d2a27 !important;
}

.bg-dark {
  background-color: #2d2a27 !important;
}

.border-dark {
  border-color: #2d2a27 !important;
}

.icon-dark [class*=arrow] polyline {
  stroke: #2d2a27;
}

.icon-dark .icon-play circle {
  stroke: #2d2a27;
}

.icon-dark .icon-play path {
  stroke: #2d2a27;
  fill: #2d2a27;
}

.icon-dark .icon-close line,
.icon-dark .icon-plus line {
  stroke: #2d2a27;
}

.animate-line-hover.animate-line-hover-dark:after {
  background-color: #2d2a27 !important;
}

.primary-text {
  color: #2d2a27 !important;
}

.bg-primary-text {
  background-color: #2d2a27 !important;
}

.border-primary-text {
  border-color: #2d2a27 !important;
}

.icon-primary-text [class*=arrow] polyline {
  stroke: #2d2a27;
}

.icon-primary-text .icon-play circle {
  stroke: #2d2a27;
}

.icon-primary-text .icon-play path {
  stroke: #2d2a27;
  fill: #2d2a27;
}

.icon-primary-text .icon-close line,
.icon-primary-text .icon-plus line {
  stroke: #2d2a27;
}

.animate-line-hover.animate-line-hover-primary-text:after {
  background-color: #2d2a27 !important;
}

.secondary-text {
  color: #4f4c49 !important;
}

.bg-secondary-text {
  background-color: #4f4c49 !important;
}

.border-secondary-text {
  border-color: #4f4c49 !important;
}

.icon-secondary-text [class*=arrow] polyline {
  stroke: #4f4c49;
}

.icon-secondary-text .icon-play circle {
  stroke: #4f4c49;
}

.icon-secondary-text .icon-play path {
  stroke: #4f4c49;
  fill: #4f4c49;
}

.icon-secondary-text .icon-close line,
.icon-secondary-text .icon-plus line {
  stroke: #4f4c49;
}

.animate-line-hover.animate-line-hover-secondary-text:after {
  background-color: #4f4c49 !important;
}

.disabled-text {
  color: #4f4c49 !important;
}

.bg-disabled-text {
  background-color: #4f4c49 !important;
}

.border-disabled-text {
  border-color: #4f4c49 !important;
}

.icon-disabled-text [class*=arrow] polyline {
  stroke: #4f4c49;
}

.icon-disabled-text .icon-play circle {
  stroke: #4f4c49;
}

.icon-disabled-text .icon-play path {
  stroke: #4f4c49;
  fill: #4f4c49;
}

.icon-disabled-text .icon-close line,
.icon-disabled-text .icon-plus line {
  stroke: #4f4c49;
}

.animate-line-hover.animate-line-hover-disabled-text:after {
  background-color: #4f4c49 !important;
}

.disabled-bg {
  color: #f1f1f1 !important;
}

.bg-disabled-bg {
  background-color: #f1f1f1 !important;
}

.border-disabled-bg {
  border-color: #f1f1f1 !important;
}

.icon-disabled-bg [class*=arrow] polyline {
  stroke: #f1f1f1;
}

.icon-disabled-bg .icon-play circle {
  stroke: #f1f1f1;
}

.icon-disabled-bg .icon-play path {
  stroke: #f1f1f1;
  fill: #f1f1f1;
}

.icon-disabled-bg .icon-close line,
.icon-disabled-bg .icon-plus line {
  stroke: #f1f1f1;
}

.animate-line-hover.animate-line-hover-disabled-bg:after {
  background-color: #f1f1f1 !important;
}

/* text helpers */
.uppercase {
  text-transform: uppercase;
}

.ls-1 {
  letter-spacing: 1px;
  padding-left: 1px;
}

.c-text {
  text-align: center;
}

/* icons */
.icon {
  display: inline-block;
  vertical-align: text-bottom;
  font-style: normal;
}

.icon svg {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
}

.button-reset {
  border-radius: 0;
  border: 0;
  box-shadow: none;
  text-shadow: none;
  height: auto;
  line-height: normal;
  padding: 0;
}

.button-reset:focus,
.button-reset .focus {
  box-shadow: none;
}

/* Grid variations: extends bootstrap classes row-cols-* which only go up to 6 */
.row.row-cols-7 > * {
  flex: 0 0 auto;
  width: calc(100% / 7);
}

.row.row-cols-8 > * {
  flex: 0 0 auto;
  width: calc(100% / 8);
}

.row.row-cols-9 > * {
  flex: 0 0 auto;
  width: calc(100% / 9);
}

.row.row-cols-10 > * {
  flex: 0 0 auto;
  width: calc(100% / 10);
}

.row.row-cols-11 > * {
  flex: 0 0 auto;
  width: calc(100% / 11);
}

.row.row-cols-12 > * {
  flex: 0 0 auto;
  width: calc(100% / 12);
}

@media (min-width: 1200px) {
  /* Medium screens */
  .row-cols-xl-7 > * {
    flex: 0 0 auto;
    width: calc(100% / 7);
  }
  .row-cols-xl-8 > * {
    flex: 0 0 auto;
    width: calc(100% / 8);
  }
  .row-cols-xl-9 > * {
    flex: 0 0 auto;
    width: calc(100% / 9);
  }
  .row-cols-xl-10 > * {
    flex: 0 0 auto;
    width: calc(100% / 10);
  }
  .row-cols-xl-11 > * {
    flex: 0 0 auto;
    width: calc(100% / 11);
  }
  .row-cols-xl-12 > * {
    flex: 0 0 auto;
    width: calc(100% / 12);
  }
}
.h2-styled {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.mobile-sidenav .dropdown-menu {
  padding: 0.75rem 0 !important;
  margin-left: -1.5rem !important;
}

.mobile-sidenav .dropdown-item {
  padding: 0.25rem 0 !important;
}

.mobile-sidenav .dropdown-item a {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* VARIABLES (consider putting into _config/_variables.scss) */
/* these are "global variables" that are used throughout the site. Use these to ensure consistency across style values */
/* Custom container sizing - (adjust or omit container sizing as necessary) */
/* Colors */
/* WCAG AA compliant - 4.8:1 contrast ratio */
/* WCAG AA compliant - 4.8:1 contrast ratio */
/* MIXINS (consider putting into _mixins.scss) */
/* these are "mixins" that can be used to apply groups of styles to multiple elements */
/* Button Reset */
.header .dropdown-item.active,
.header .dropdown-item:active {
  color: #35647e !important;
  background-color: transparent !important;
}

.header .dropdown-item.active + a,
.header .dropdown-item:active + a {
  color: #35647e !important;
}

.header .navbar-collapse .navbar-nav .nav-item.active .dropdown-item a.active {
  color: #35647e !important;
  background-image: linear-gradient(#35647e, #35647e);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
}

@media (max-width: 991px) {
  .header .navbar {
    background-color: #ffffff !important;
  }
}
.header .navbar-toggler {
  border: none;
  height: 30px;
  position: absolute;
  right: 5px;
  display: inline-block;
}

.header .navbar-toggler:focus {
  color: transparent;
}

.header .navbar-toggler:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.header .navbar-toggler .icon-bar {
  display: block;
  width: 30px;
  height: 3px;
  border-radius: 0;
  background-color: #35647e;
  transition-property: transform, top, opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  position: relative;
}

.header .navbar-toggler .icon-bar + .icon-bar {
  margin-top: 0;
}

.header .navbar-toggler .icon-bar:nth-child(2) {
  transform: translateY(-6px);
}

.header .navbar-toggler .icon-bar:nth-child(3) {
  transform: translateY(0);
}

.header .navbar-toggler .icon-bar:nth-child(4) {
  transform: translateY(6px);
}

.header .navbar-toggler[aria-expanded=true] .icon-bar:nth-child(2) {
  transform: rotate3d(0, 0, 1, 45deg);
  top: 3px;
}

.header .navbar-toggler[aria-expanded=true] .icon-bar:nth-child(3) {
  opacity: 0;
}

.header .navbar-toggler[aria-expanded=true] .icon-bar:nth-child(4) {
  transform: rotate3d(0, 0, 1, -45deg);
  top: -3px;
}

@media (min-width: 992px) {
  .header .navbar-toggler {
    display: none;
  }
}
.header .navbar-top,
.header .navbar-bottom {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 991px) {
  .header .navbar-top {
    box-shadow: 0 1px 4px rgba(181, 180, 178, 0.5);
  }
  .header .navbar-top > .col-md-12 {
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .header .navbar-bottom {
    background-color: #ffffff !important;
  }
}
.header .navbar-brand:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.header .navbar-brand img {
  width: 230px;
}

@media (max-width: 991px) {
  .header .navbar-collapse {
    position: absolute;
    z-index: 10;
    background-color: #ffffff;
    width: 100%;
    box-shadow: 0 4px 4px rgba(181, 180, 178, 0.35);
    top: 1px;
    left: 0;
  }
}
.header .navbar-collapse .navbar-nav .nav-item {
  margin-right: 1rem;
}

@media (max-width: 991px) {
  .header .navbar-collapse .navbar-nav .nav-item {
    padding: 0 15px;
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .header .navbar-collapse .navbar-nav .nav-item.active {
    background-color: #ebeff2;
    font-weight: bold;
  }
}
.header .navbar-collapse .navbar-nav .nav-item.active a {
  color: #ffffff;
  background-size: 100% 2px;
}

@media (max-width: 991px) {
  .header .navbar-collapse .navbar-nav .nav-item.active a {
    color: #35647e;
    background-size: 0;
  }
}
.header .navbar-collapse .navbar-nav .nav-item.active a.active {
  color: #ffffff !important;
}

@media (max-width: 991px) {
  .header .navbar-collapse .navbar-nav .nav-item.active a.active {
    color: #35647e;
  }
}
.header .navbar-collapse .navbar-nav .nav-item.dropdown.active button.nav-link {
  background-size: 100% 2px;
}

@media (max-width: 991px) {
  .header .navbar-collapse .navbar-nav .nav-item a,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link {
    color: #2d2a27;
    text-decoration: none;
    color: #35647e;
    position: relative;
    padding-bottom: 0;
    background-image: linear-gradient(#35647e, #35647e);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size 0.2s ease-out;
    border-bottom: 1px solid #35647e;
    padding-bottom: 0.2rem;
    border-bottom: 0;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:before, .header .navbar-collapse .navbar-nav .nav-item a:after,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link:before,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link:after {
    position: absolute;
    background-color: #35647e;
    height: 2px;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:before,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link:before {
    width: 0%;
    left: 0;
    bottom: 0;
    transition: width ease 0.5s;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:after,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link:after {
    width: 100%;
    left: 0;
    bottom: 0;
    transition: all ease 0.6s;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:hover,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link:hover {
    background-size: 100% 2px;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:hover:before,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link:hover:before {
    width: 100%;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:hover:after,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link:hover:after {
    left: 100%;
    width: 0%;
    transition: all ease 0.3s;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:focus, .header .navbar-collapse .navbar-nav .nav-item a:focus-visible,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link:focus,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link:focus-visible {
    outline: 2px solid transparent;
    box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
  }
  .header .navbar-collapse .navbar-nav .nav-item a:focus,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link:focus {
    box-shadow: none;
  }
}
@media (min-width: 992px) {
  .header .navbar-collapse .navbar-nav .nav-item a,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link {
    text-decoration: none;
    color: #ffffff;
    position: relative;
    padding-bottom: 0;
    background-image: linear-gradient(#ffffff, #ffffff);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size 0.2s ease-out;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    font-size: 1rem;
    padding: 0.5rem 0.5rem 0.2rem;
    border-bottom: 0;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:before, .header .navbar-collapse .navbar-nav .nav-item a:after,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link:before,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link:after {
    position: absolute;
    background-color: #ffffff;
    height: 2px;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:before,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link:before {
    width: 0%;
    left: 0;
    bottom: 0;
    transition: width ease 0.5s;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:after,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link:after {
    width: 100%;
    left: 0;
    bottom: 0;
    transition: all ease 0.6s;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:hover,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link:hover {
    background-size: 100% 2px;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:hover:before,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link:hover:before {
    width: 100%;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:hover:after,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link:hover:after {
    left: 100%;
    width: 0%;
    transition: all ease 0.3s;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:focus, .header .navbar-collapse .navbar-nav .nav-item a:focus-visible,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link:focus,
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link:focus-visible {
    outline: 2px solid transparent;
    box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
  }
}
.header .navbar-collapse .navbar-nav .nav-item a.dropdown-toggle:after,
.header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle:after {
  display: none;
}

.header .navbar-collapse .navbar-nav .nav-item a.dropdown-toggle .bi,
.header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle .bi {
  font-size: 0.75rem;
}

.header .navbar-collapse .navbar-nav .nav-item a.dropdown-toggle .bi:before,
.header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle .bi:before {
  font-weight: 700 !important;
  transition: transform 0.2s ease-in;
  transform-origin: center 5px;
}

.header .navbar-collapse .navbar-nav .nav-item a:focus-visible,
.header .navbar-collapse .navbar-nav .nav-item button.nav-link:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(255, 209, 0, 0.75);
}

.header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle {
  background-color: transparent;
  border: none;
  color: #ffffff;
  text-align: left;
  font-family: inherit;
}

@media (min-width: 992px) {
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle {
    padding-top: 0;
    height: calc(42px - 0.3rem);
    padding-top: 0.5rem;
    text-decoration: none;
    color: #ffffff;
    position: relative;
    padding-bottom: 0;
    background-image: linear-gradient(#ffffff, #ffffff);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size 0.2s ease-out;
    border-bottom: 1px solid #ffffff;
    border-bottom: 0;
    border-radius: 0;
    padding-bottom: 0.2rem;
  }
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle:before, .header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle:after {
    position: absolute;
    background-color: #ffffff;
    height: 2px;
  }
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle:before {
    width: 0%;
    left: 0;
    bottom: 0;
    transition: width ease 0.5s;
  }
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle:after {
    width: 100%;
    left: 0;
    bottom: 0;
    transition: all ease 0.6s;
  }
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle:hover {
    background-size: 100% 2px;
  }
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle:hover:before {
    width: 100%;
  }
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle:hover:after {
    left: 100%;
    width: 0%;
    transition: all ease 0.3s;
  }
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle:focus, .header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle:focus-visible {
    outline: 2px solid transparent;
    box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
  }
}
@media (max-width: 991px) {
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle {
    color: #35647e !important;
    background-size: 0 !important;
  }
}
.header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle.show .bi-chevron-down:before {
  transform: rotate(180deg);
}

.header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle:hover, .header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle:focus {
  color: #ffffff;
}

@media (min-width: 992px) {
  .header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle:hover, .header .navbar-collapse .navbar-nav .nav-item button.nav-link.dropdown-toggle:focus {
    background-size: 100% 2px !important;
  }
}
.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
  padding: 0.5rem 0;
  list-style: none;
}

@media (max-width: 991px) {
  .header .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-top: 0;
    padding: 0 0 0 10px;
  }
}
@media (max-width: 991px) {
  .header .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item.active {
    font-weight: bold;
  }
}
.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu a {
  text-decoration: none;
  color: #35647e;
  position: relative;
  padding-bottom: 0;
  background-image: linear-gradient(#35647e, #35647e);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.2s ease-out;
  border-bottom: 1px solid #35647e;
  color: #2d2a27; /* Improved contrast from g8 to g9 */
  margin: 0 0.75rem;
  padding: 0 2px;
  border-bottom: 0;
  width: auto;
  display: inline-block;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu a:before, .header .navbar-collapse .navbar-nav .nav-item .dropdown-menu a:after {
  position: absolute;
  background-color: #35647e;
  height: 1px;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu a:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu a:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu a:hover {
  background-size: 100% 1px;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu a:hover:before {
  width: 100%;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu a:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu a:focus, .header .navbar-collapse .navbar-nav .nav-item .dropdown-menu a:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu a:hover {
  color: #35647e;
  background-color: transparent;
}

@media (max-width: 991px) {
  .header .navbar-collapse .navbar-nav .nav-item .dropdown-menu a {
    margin: 0;
    color: #35647e;
  }
}
.header .user-menu-toggle {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}

.header .user-menu-toggle:hover {
  transition: all 0.3s ease-in-out;
}

.header .user-menu-toggle:after {
  display: none;
}

.header .user-menu-toggle .bi {
  font-size: 1.35rem;
}

.header .user-menu-toggle:focus, .header .user-menu-toggle:hover, .header .user-menu-toggle:focus-visible {
  background-color: #3e83aa !important;
}

.header .user-menu .dropdown-menu {
  right: 15px;
  left: unset;
}

@media (max-width: 991px) {
  .header .user-menu .dropdown-menu {
    width: 100%;
    display: block;
    left: 0;
    padding: 0.5rem 15px;
    border: 0;
    border-radius: 0;
    box-shadow: 0 4px 4px rgba(181, 180, 178, 0.35);
  }
  .header .user-menu .dropdown-menu p {
    font-style: normal;
    font-size: 0.9rem;
  }
}
.header .user-menu .dropdown-menu .dropdown-item .btn {
  height: unset;
}

/* VARIABLES (consider putting into _config/_variables.scss) */
/* these are "global variables" that are used throughout the site. Use these to ensure consistency across style values */
/* Custom container sizing - (adjust or omit container sizing as necessary) */
/* Colors */
/* WCAG AA compliant - 4.8:1 contrast ratio */
/* WCAG AA compliant - 4.8:1 contrast ratio */
.footer {
  font-size: 0.9rem;
}

.footer .row {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 992px) {
  .footer .row {
    padding-left: var(--bs-gutter-x, 0.75rem);
    padding-right: var(--bs-gutter-x, 0.75rem);
  }
}
.footer a.inline-link {
  font-size: 0.9rem;
}

.footer-left {
  padding: 0;
}

.footer-left li {
  padding: 0.4rem;
}

@media (min-width: 992px) {
  .footer-left li:not(:last-child) {
    padding: 0;
    border-right: 1px solid #d9d8d6;
    padding-right: 8px;
    margin-right: 8px;
  }
}
.footer-right {
  border-top: 1px solid #6d6c6a;
}

.footer-right li:not(:last-child) {
  border-right: 1px solid #d9d8d6;
  padding-right: 8px;
  margin-right: 8px;
}

@media (min-width: 992px) {
  .footer-right {
    border-top: 0;
  }
}
@media (min-width: 768px) {
  .page-intro-details-items {
    max-width: 85%;
  }
}
.page-intro-details-item {
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .page-intro-details-item {
    width: 50%;
    max-width: 450px;
  }
}
.page-intro-details-item span.label {
  width: 130px;
  display: inline-block;
}

@media (max-width: 767px) {
  .page-intro.page-intro-profile {
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .page-intro.page-intro-profile .user-name {
    font-size: 2rem;
  }
}
/* VARIABLES (consider putting into _config/_variables.scss) */
/* these are "global variables" that are used throughout the site. Use these to ensure consistency across style values */
/* Custom container sizing - (adjust or omit container sizing as necessary) */
/* Colors */
/* WCAG AA compliant - 4.8:1 contrast ratio */
/* WCAG AA compliant - 4.8:1 contrast ratio */
/* MIXINS (consider putting into _mixins.scss) */
/* these are "mixins" that can be used to apply groups of styles to multiple elements */
/* Button Reset */
.table-drilldown {
  width: 20px;
  color: #35647e;
}

.th-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 5px;
  min-height: 24px;
}

.th-sorting-icon {
  width: 20px !important;
  display: flex;
  flex-direction: column;
}

.th-sorting-icon .bi {
  line-height: 0;
  font-size: 12px;
  color: #4f4c49; /* WCAG AA compliant */
}

.th-sorting-icon .bi:before {
  line-height: 0.75;
}

.th-inner.sortable.both.asc .bi.bi-caret-down-fill {
  color: #b5b4b2;
}

.th-inner.sortable.both.asc .bi.bi-caret-up-fill {
  color: #314b59;
}

.th-inner.sortable.both.desc .bi.bi-caret-down-fill {
  color: #314b59;
}

.th-inner.sortable.both.desc .bi.bi-caret-up-fill {
  color: #b5b4b2;
}

.th-sorting-icon.asc .bi.bi-caret-down-fill {
  color: #b5b4b2;
}

.th-sorting-icon.asc .bi.bi-caret-up-fill {
  color: #314b59;
}

.th-sorting-icon.desc .bi.bi-caret-down-fill {
  color: #314b59;
}

.th-sorting-icon.desc .bi.bi-caret-up-fill {
  color: #b5b4b2;
}

.cursor-pointer {
  cursor: pointer;
}

.fixed-table-container {
  overflow-x: auto; /* Enables horizontal scrolling */
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on mobile */
  width: 100%;
}

.fixed-table-container .fixed-table-body {
  border: 1px solid #f3f1ef;
}

.fixed-table-container .fixed-table-body table.table {
  margin-bottom: 0;
}

.table-bordered > :not(.caption) > * {
  border-color: #f3f1ef;
}

.table-bordered > :not(.caption) > * > * {
  border: 0;
  box-shadow: none;
}

.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: variables.$dark;
  --bs-table-striped-bg: variables.$neutral-g1;
  --bs-table-active-color: variables.$dark;
  --bs-table-active-bg: transparent;
  --bs-table-hover-color: variables.$dark;
  --bs-table-hover-bg: transparent;
}

.table.table-striped tbody tr {
  vertical-align: top;
  font-size: 15px;
  color: #2d2a27;
}

.table.table-striped tbody tr:nth-of-type(even) {
  background-color: #f3f1ef !important;
}

.table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #ffffff !important;
}

.table.table-striped tbody tr.error-accordion-row:not(.collapsed) {
  background-color: #ebeff2 !important;
  border: 2px solid #35647e !important;
  font-weight: 700;
}

.table.table-striped tbody tr.error-accordion-row:not(.collapsed)::after {
  content: attr(data-text);
  content: attr(data-text)/"";
  height: 0;
  visibility: hidden;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  font-weight: var(--bold);
}

@media speech {
  .table.table-striped tbody tr.error-accordion-row:not(.collapsed)::after {
    display: none;
  }
}
.table.table-striped tbody tr.accordion-collapse {
  background-color: transparent !important;
  border: 2px solid #35647e !important;
}

.table.table-striped tbody tr.accordion-collapse .table-content table {
  width: 100%;
  border: none;
  box-shadow: none;
}

.table.table-striped tbody tr td .table-value-sub {
  color: #4f4c49; /* WCAG AA compliant */
  font-size: 14px;
}

.table > thead {
  background-color: #d9d8d6 !important;
  border: 1px solid #d9d8d6;
}

.table > thead tr {
  background-color: #d9d8d6 !important;
}

.table > thead tr td,
.table > thead tr th {
  background-color: #d9d8d6 !important;
  border-color: #d9d8d6;
}

.table th {
  --bs-table-accent-bg: variables.$neutral-g3 !important;
}

@media (min-width: 768px) {
  .table th.w-10 {
    width: 10%;
  }
}
@media (min-width: 768px) {
  .table th.w-20 {
    width: 20%;
  }
}
.table th.nowrap {
  white-space: nowrap;
}

.table tbody {
  border: 1px solid #f3f1ef;
  border-top: 0;
}

.table.table-scrollable ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  border-left: 1px solid #f3f1ef;
}

.table.table-scrollable ::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(109, 108, 106, 0.75);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  border-left: 2px solid #f3f1ef;
  border-right: 2px solid #f3f1ef;
}

.table.table-sticky-head thead {
  display: block;
}

.table.table-sticky-head tbody {
  display: block;
}

.table-column-min-width {
  white-space: nowrap; /* Prevent text wrapping */
  min-width: auto; /* Let the column size itself based on content */
}

.table-column-action-width {
  max-width: 35px !important;
  text-align: right;
}

.table-column-action-width a.table-action {
  display: block;
  color: #35647e;
}

.table-column-action-width a.table-action.table-action-single .bi, .table-column-action-width a.table-action.table-action-single .bi-chevron-right {
  display: inline-block;
  transform: translateX(0);
  transition: all 0.2s ease-in;
}

.table-column-action-width a.table-action:hover.table-action-single .bi, .table-column-action-width a.table-action:hover.table-action-single .bi-chevron-right, .table-column-action-width a.table-action:focus.table-action-single .bi, .table-column-action-width a.table-action:focus.table-action-single .bi-chevron-right, .table-column-action-width a.table-action:focus-visible.table-action-single .bi, .table-column-action-width a.table-action:focus-visible.table-action-single .bi-chevron-right {
  transform: translateX(5px);
}

.table-column-count-width {
  min-width: 50px;
}

.sticky-header {
  position: sticky;
  left: 0;
  z-index: 3;
  box-shadow: inset -4px 0px 11px -9px rgba(109, 108, 106, 0) !important;
}

.sticky-header.shadow-visible {
  box-shadow: inset -4px 0px 11px -9px rgba(109, 108, 106, 0.5) !important;
}

.fixed-table-header {
  background-color: #d9d8d6 !important;
}

.fixed-table-header th {
  background-color: #d9d8d6 !important;
  border-color: #f3f1ef !important;
}

.fixed-table-container .fixed-table-header {
  position: sticky;
  top: 0;
  z-index: 4;
}

td.sticky-column {
  position: sticky;
  left: 0;
  z-index: 3;
  transition: box-shadow 0.2s ease-in;
  box-shadow: inset -4px 0px 11px -9px rgba(109, 108, 106, 0) !important;
}

td.sticky-column.shadow-visible {
  box-shadow: inset -4px 0px 11px -9px rgba(109, 108, 106, 0.5) !important;
}

.sticky-column:nth-child(2) {
  left: calc(var(--bs-table-checkbox-width, 1.5rem) + 1px); /* Offset for the first column */
}

.sticky-header:nth-child(2) {
  left: calc(var(--bs-table-checkbox-width, 1.5rem) + 1px); /* Offset for the first column */
}

td,
th {
  opacity: 100% !important;
}

.fixed-table-pagination {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 20px;
}

.fixed-table-pagination .pagination-detail .pagination-info {
  display: none;
}

.pagination {
  column-gap: 15px;
  flex-wrap: wrap;
}

.pagination .page-link {
  border: none;
}

.pagination-browse {
  color: black;
  width: 20px;
}

.page-item.active .page-link {
  background-color: #e9e8e6 !important;
  color: #000000 !important;
}

.page-item .page-link {
  color: #000000 !important;
}

.page-list {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  column-gap: 8px;
  background-color: #e9e8e6 !important;
  padding-left: 8px;
  border-radius: 5px;
  color: black !important;
}

.fixed-table-loading,
.fixed-table-toolbar {
  display: none;
}

.filter-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
}

.filter-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 5px;
}

.filter-icons {
  width: 20px;
}

.filter-button:hover .filter-icons {
  stroke: white;
  width: 20px;
}

.form-label {
  font-weight: bold;
}

#filterDropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  width: 300px;
  padding: 10px;
  max-height: 400px;
  overflow-y: scroll;
}

#filterDropdown select,
#filterDropdown input:not([type=checkbox]) {
  width: 100%;
}

#filterDropdown input[type=button],
#filterDropdown input[type=submit] {
  width: auto;
}

.filter-pills-container {
  display: flex;
  gap: 5px;
  overflow-x: scroll;
  padding: 15px 0;
}

.filter-pill {
  background-color: #ebeff2;
  border-radius: 15px;
  border: 1px solid #35647e !important;
  padding: 2px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  gap: 8px;
}

.filter-pill:hover, .filter-pill:focus, .filter-pill:focus-visible {
  background-color: #d7dfe5;
}

.filter-pill:focus-visible {
  outline: none !important;
  border-color: #35647e !important;
}

.filter-pill .remove-pill {
  border: none;
  font-size: 10px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  color: #4f4c49; /* WCAG AA compliant */
}

.filter-pill .remove-pill:hover, .filter-pill .remove-pill:focus, .filter-pill .remove-pill:focus-visible {
  color: #314b59;
}

.filter-pill .remove-pill:focus-visible {
  outline: none;
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

#resetAllFilters {
  font-size: 16px;
  line-height: 1rem;
}

#filterButton {
  position: relative;
}

.filter-menu-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 8px;
}

.date-range-input {
  min-width: 200px;
}

.air-datepicker {
  z-index: 999;
}

#lastUpdatedDropdown {
  z-index: 10;
}

.accordion-icon-collapsed {
  display: inline-block;
}

.accordion-icon-open {
  display: none;
}

.accordion-button {
  color: black !important;
}

.accordion-chevron {
  transition: transform 0.2s ease-in-out;
}

.accordion-button:not(.collapsed) .accordion-chevron {
  transform: rotate(180deg);
}

.accordion-button.collapsed .accordion-chevron {
  transform: rotate(0deg);
}

.accordion-button:not(.collapsed) {
  background-color: #35647e !important;
  color: #faf9f6 !important;
}

.accordion-button:not(.collapsed) p {
  color: #faf9f6 !important;
}

.accordion-button:not(.collapsed) h5 {
  color: #faf9f6 !important;
}

.accordion-button:not(.collapsed) .accordion-icon-collapsed {
  display: none;
}

.accordion-button:not(.collapsed) .accordion-icon-open {
  display: inline-block;
}

.accordion-button::after {
  display: none;
}

.tabbed-container {
  display: flex;
  align-items: center;
  column-gap: 20px;
  margin-bottom: 20px !important;
}

.tabbed-container.nav-tabs {
  border-bottom: 2px solid #f3f1ef;
}

.tabbed-container .nav-item {
  border-radius: 0;
  transform: translateY(1px);
}

.tabbed-container .nav-item a.nav-link {
  display: inline-block;
  text-decoration: none;
  color: #4f4c49; /* WCAG AA compliant */
  padding: 0;
  background-color: transparent;
  border-color: transparent;
  padding-bottom: 2px;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  font-size: 1.05rem;
}

.tabbed-container .nav-item a.nav-link.active {
  color: #35647e;
  border-bottom: 2px solid #35647e;
  padding-bottom: 2px;
  font-weight: bold;
}

.tabbed-container .nav-item a.nav-link:hover {
  color: #314b59;
  border-bottom: 2px solid #314b59;
  padding-bottom: 2px;
}

button.cohort-link {
  background-color: transparent;
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.cohort-objections-container {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.error-accordion-row {
  cursor: pointer;
  vertical-align: middle;
}

.table-striped tbody tr.error-accordion-row:nth-child(4n+3) {
  background-color: #f3f1ef !important; /* Light gray */
}

.table-striped > tbody > tr.error-accordion-row:nth-child(4n+1) {
  background-color: #ffffff !important; /* White */
}

/* Remove transparency from table-hover rows */
.table-striped > tbody > tr.error-accordion-row.collapsed:hover {
  --bs-table-accent-bg: variables.$brand-rmtteal-10 !important; /* Adjust hover color */
  background-color: #ebeff2 !important;
  cursor: pointer;
}

.table-striped > tbody > tr.error-accordion-row {
  --bs-table-accent-bg: variables.$brand-rmtteal-10 !important; /* Adjust hover color */
  background-color: #ebeff2 !important;
  border-width: 2px 2px !important;
  border: 2px inset transparent !important;
  outline-color: #35647e !important;
  outline-width: 1px;
}

.table-striped > tbody > tr.error-accordion-row td {
  border-width: 0px 0px !important;
}

.table-striped > tbody > tr.error-accordion-row .accordion-trigger {
  transform: rotate(180deg);
  transition: transform 0.2s ease-in;
  transform-origin: center 0.65rem;
}

.table-striped > tbody > tr.error-accordion-row.collapsed {
  color: #2d2a27 !important;
  border-width: 2px !important;
}

.table-striped > tbody > tr.error-accordion-row.collapsed p,
.table-striped > tbody > tr.error-accordion-row.collapsed h1,
.table-striped > tbody > tr.error-accordion-row.collapsed h2,
.table-striped > tbody > tr.error-accordion-row.collapsed h3,
.table-striped > tbody > tr.error-accordion-row.collapsed h4,
.table-striped > tbody > tr.error-accordion-row.collapsed h5,
.table-striped > tbody > tr.error-accordion-row.collapsed h6 {
  color: #2d2a27 !important;
}

.table-striped > tbody > tr.error-accordion-row.collapsed .accordion-trigger {
  transform: rotate(0deg);
}

.table-search {
  width: 300px;
}

.table-search .input-group-text {
  border-right: 0;
}

.table-search .input-wrapper input {
  height: 42px;
  padding-left: 35px;
}

.table-search .input-wrapper input:focus, .table-search .input-wrapper input:focus-visible {
  border-color: #001970;
  border-width: 2px;
  box-shadow: 0 0 2px 1px rgba(0, 25, 112, 0.75);
}

.table-search .input-wrapper:before {
  content: "\f52a";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  font-weight: 700 !important;
  color: #35647e;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}

.filter-pills-container.error {
  margin-bottom: 10px;
}

.table > thead > tr > th.census-detail-table-title,
.table > thead > tr > td.census-detail-table-title,
.table > tbody > tr > td.census-detail-table-title {
  background-color: #35647e !important;
  color: white;
  box-shadow: none !important;
  padding: 10px 15px !important;
}

.table > thead > tr > th.census-detail-header,
.table > thead > tr > td.census-detail-header,
.table > tbody > tr > td.census-detail-header {
  background-color: #e9e8e6 !important;
  box-shadow: none !important;
  padding: 10px 15px !important;
}

.accordion-content {
  width: 100%; /* Ensures the width of the content matches its parent */
  max-height: 300px; /* Set max height for the scrollable area */
  overflow-y: auto; /* Make content scrollable if it exceeds max-height */
}

.table-scrollable:not(.table-no-responsive) {
  width: 100%;
}

@media (min-width: 769px) {
  .table-scrollable:not(.table-no-responsive) {
    display: table;
  }
}
@media (max-width: 768px) {
  .table-scrollable:not(.table-no-responsive) {
    display: block;
  }
  .table-scrollable:not(.table-no-responsive) .tuition-detail {
    width: 100px;
  }
  .table-scrollable:not(.table-no-responsive) > thead {
    display: none !important;
  }
  .table-scrollable:not(.table-no-responsive) > tbody {
    display: block;
  }
  .table-scrollable:not(.table-no-responsive) > tbody tr {
    display: block;
    width: 100%;
    padding: 15px;
    background-color: white;
    border: 1px solid #f3f1ef;
    position: relative;
  }
  .table-scrollable:not(.table-no-responsive) > tbody tr:nth-child(even) {
    background-color: #f3f1ef;
  }
  .table-scrollable:not(.table-no-responsive) > tbody tr.accordion-collapse {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    width: 100% !important;
  }
  .table-scrollable:not(.table-no-responsive) > tbody td {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    padding: 5px 0 !important;
    border: none !important;
    gap: 10px !important;
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: initial !important;
    white-space: normal !important;
  }
  .table-scrollable:not(.table-no-responsive) > tbody td:before {
    content: attr(data-label);
    font-weight: bold;
    color: #2d2a27;
    white-space: nowrap;
    flex: 0 0 auto;
    min-width: 120px;
    max-width: 40%;
  }
  .table-scrollable:not(.table-no-responsive) > tbody td:not(:empty) {
    flex: 1 !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: initial !important;
  }
  .table-scrollable:not(.table-no-responsive) > tbody td.table-column-action-width {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0;
    flex: none;
    width: auto;
  }
  .table-scrollable:not(.table-no-responsive) > tbody td.table-column-action-width:before {
    content: none;
  }
  .table-scrollable:not(.table-no-responsive) > tbody td.table-column-action-width .table-action-single {
    display: block;
  }
  .table-scrollable:not(.table-no-responsive) > tbody td.sticky-column {
    position: static;
  }
  .table-scrollable:not(.table-no-responsive) > tbody td:first-child.sticky-column {
    display: none;
  }
  .table-scrollable:not(.table-no-responsive) > tbody td.d-none {
    display: none;
  }
}
@media (max-width: 768px) {
  .table-scrollable .table-no-responsive {
    display: table !important;
  }
  .table-scrollable .table-no-responsive > thead {
    display: table-header-group !important;
  }
  .table-scrollable .table-no-responsive > tbody {
    display: table-row-group !important;
  }
  .table-scrollable .table-no-responsive > tbody tr {
    display: table-row !important;
    width: auto;
    margin-bottom: 0;
    padding: 0;
    background-color: inherit;
    border: none;
    position: static;
  }
  .table-scrollable .table-no-responsive > tbody td {
    display: table-cell !important;
    flex-wrap: initial !important;
    align-items: initial !important;
    padding: 0.5rem !important;
    border: 1px solid #f3f1ef !important;
  }
  .table-scrollable .table-no-responsive > tbody td:before {
    content: none !important;
  }
  .table-scrollable .table-no-responsive > tbody td.sticky-column {
    position: sticky !important;
  }
  .table-scrollable .table-no-responsive > tbody td:first-child.sticky-column {
    display: table-cell !important;
  }
  .table-scrollable .table-no-responsive > tbody td.d-none {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .table-scrollable .accordion-collapse .table-no-responsive {
    display: table !important;
    width: 100% !important;
    margin: 0 !important;
    table-layout: auto !important;
  }
  .table-scrollable .accordion-collapse .table-no-responsive > thead {
    display: table-header-group !important;
  }
  .table-scrollable .accordion-collapse .table-no-responsive > tbody {
    display: table-row-group !important;
  }
  .table-scrollable .accordion-collapse .table-no-responsive > tbody tr {
    display: table-row !important;
    width: auto;
    margin-bottom: 0;
    padding: 0;
    background-color: inherit;
    border: none;
    position: static;
  }
  .table-scrollable .accordion-collapse .table-no-responsive > tbody td {
    display: table-cell !important;
    flex-wrap: initial !important;
    align-items: initial !important;
    padding: 0.5rem !important;
    border: 1px solid #f3f1ef !important;
    white-space: nowrap !important;
    width: auto !important;
  }
  .table-scrollable .accordion-collapse .table-no-responsive > tbody td:before {
    content: none !important;
  }
}
@media (max-width: 768px) {
  .table-scrollable .accordion-collapse table {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    box-sizing: border-box !important;
  }
  .table-scrollable .accordion-collapse table thead {
    display: table-header-group !important;
  }
  .table-scrollable .accordion-collapse table tbody {
    display: table-row-group !important;
  }
  .table-scrollable .accordion-collapse table tr {
    display: table-row !important;
  }
  .table-scrollable .accordion-collapse table td,
  .table-scrollable .accordion-collapse table th {
    display: table-cell !important;
    width: auto !important;
    max-width: 25% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }
  .table-scrollable .accordion-collapse table td:before,
  .table-scrollable .accordion-collapse table th:before {
    content: none !important;
  }
}
@media (max-width: 768px) {
  .table-scrollable .accordion-collapse {
    display: none !important;
  }
  .table-scrollable .accordion-collapse.show {
    display: table-row !important;
  }
}
@media (max-width: 768px) {
  .table-scrollable .accordion-collapse.show {
    display: table-row !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
  .table-scrollable .accordion-collapse.show td {
    display: table-cell !important;
    flex-wrap: initial !important;
    align-items: initial !important;
    padding: 0 !important;
    border: none !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .table-scrollable .accordion-collapse.show td:before {
    content: none !important;
  }
  .table-scrollable .accordion-collapse.show .d-flex {
    width: 99% !important;
    margin: 0 !important;
    padding: 15px !important;
    border: 2px solid #35647e !important;
    background-color: white !important;
  }
  .table-scrollable .accordion-collapse.show .table-content {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    box-sizing: border-box !important;
  }
}
#tuition-accordion-table .detail-view {
  background-color: #ffffff !important;
  border: 1px solid #35647e;
}

#tuition-accordion-table .detail-icon {
  cursor: pointer;
  transition: transform 0.2s ease;
  pointer-events: none;
}

#tuition-accordion-table .detail-icon:hover {
  transform: scale(1.1);
}

#tuition-accordion-table .detail-view .p-3 {
  margin: 0;
}

#tuition-accordion-table tbody tr:nth-child(odd) td.sticky-header {
  background-color: #ffffff;
}

#tuition-accordion-table tbody tr:nth-child(even) td.sticky-header {
  background-color: #f3f1ef;
}

#tuition-accordion-table tbody tr:has(+ tr.detail-view) {
  background-color: #ebeff2 !important;
  border: 1px solid #35647e !important;
  border-top: 1px solid #35647e !important;
  border-bottom: 1px solid #35647e !important;
}

#tuition-accordion-table tbody tr:has(+ tr.detail-view) td.sticky-header {
  background-color: #ebeff2;
}

#tuition-accordion-table tbody tr:has(+ tr.detail-view) td {
  border-top: 1px solid #35647e !important;
  border-bottom: 1px solid #35647e !important;
}

@media (max-width: 768px) {
  #tuition-accordion-table tbody tr:has(+ tr.detail-view) td {
    border-top: none !important;
    border-bottom: none !important;
  }
}
@media (max-width: 768px) {
  #tuition-accordion-table tbody tr.detail-view td {
    border-top: none !important;
    border-bottom: none !important;
    text-decoration: none !important;
  }
  #tuition-accordion-table tbody tr.detail-view td * {
    text-decoration: none !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
  }
  #tuition-accordion-table tbody tr.detail-view td div,
  #tuition-accordion-table tbody tr.detail-view td p,
  #tuition-accordion-table tbody tr.detail-view td span,
  #tuition-accordion-table tbody tr.detail-view td table,
  #tuition-accordion-table tbody tr.detail-view td tr,
  #tuition-accordion-table tbody tr.detail-view td td,
  #tuition-accordion-table tbody tr.detail-view td th {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
  }
}
.fixed-table-pagination {
  margin-top: 1rem;
}

.fixed-table-pagination .pagination {
  margin-bottom: 0;
}

.fixed-table-pagination .page-link {
  color: #007bff;
  border-color: #dee2e6;
}

.fixed-table-pagination .page-item.active .page-link {
  background-color: #007bff;
  border-color: #007bff;
}

.fixed-table-pagination .page-item.disabled .page-link {
  color: #6c757d;
  border-color: #dee2e6;
}

.fixed-table-toolbar .search {
  margin-bottom: 1rem;
}

.fixed-table-toolbar .search input {
  border-radius: 0.375rem;
  border: 1px solid #ced4da;
  padding: 0.375rem 0.75rem;
}

.fixed-table-toolbar .search input:focus {
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* VARIABLES (consider putting into _config/_variables.scss) */
/* these are "global variables" that are used throughout the site. Use these to ensure consistency across style values */
/* Custom container sizing - (adjust or omit container sizing as necessary) */
/* Colors */
/* WCAG AA compliant - 4.8:1 contrast ratio */
/* WCAG AA compliant - 4.8:1 contrast ratio */
.alert {
  color: #2d2a27 !important;
  border-width: 2px;
  border-style: solid;
}

.alert.alert-success-banner {
  background-color: #e9efeb;
  border-color: #2c8d4e;
}

.alert.alert-warning-banner {
  background-color: #f8decf;
  border-color: #dc580e;
}

.alert.alert-danger-banner {
  background-color: #f9e5ea;
  border-color: #a0052a;
}

.alert.alert-info-banner {
  background-color: #e5e9f3;
  border-color: #001f8c;
}

.alert .alert-container {
  column-gap: 5px;
}

.alert .bi {
  font-size: 1.75rem;
}

.alert .bi:before {
  font-weight: 700 !important;
}

.alert .alert-text {
  margin-top: 4px;
}

.alert.alert-compact {
  padding: 0.5rem 0.5rem;
}

.alert.alert-compact .alert-container {
  column-gap: 2px;
}

.alert.alert-compact .bi {
  font-size: 1.25rem;
}

.alert.alert-compact .alert-text {
  margin-top: 0px;
  font-weight: 400;
}

.alert.alert-compact .alert-text .alert-message {
  font-size: 0.9rem;
}

/* VARIABLES (consider putting into _config/_variables.scss) */
/* these are "global variables" that are used throughout the site. Use these to ensure consistency across style values */
/* Custom container sizing - (adjust or omit container sizing as necessary) */
/* Colors */
/* WCAG AA compliant - 4.8:1 contrast ratio */
/* WCAG AA compliant - 4.8:1 contrast ratio */
/* MIXINS (consider putting into _mixins.scss) */
/* these are "mixins" that can be used to apply groups of styles to multiple elements */
/* Button Reset */
form {
  /* Form input field styles */
  /* Form label styles */
  /* Form helper text styles */
  /* Input styles */
  /* Checkboxes & Radios */
  /* Validation styles */
  /* Choices.js styles */
}

form:not(.modal-content) {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

form input:not(.choices input):not([type=checkbox]):not([type=radio]),
form select,
form .form-control,
form .choices.is-focused {
  min-height: 42px;
}

form input:not(.choices input):not([type=checkbox]):not([type=radio]):focus, form input:not(.choices input):not([type=checkbox]):not([type=radio]):focus-visible,
form input:not(.choices input):not([type=checkbox]):not([type=radio]) .choices__inner,
form select:focus,
form select:focus-visible,
form select .choices__inner,
form .form-control:focus,
form .form-control:focus-visible,
form .form-control .choices__inner,
form .choices.is-focused:focus,
form .choices.is-focused:focus-visible,
form .choices.is-focused .choices__inner {
  border-color: #001970;
  border-width: 2px;
  box-shadow: 0 0 2px 1px rgba(0, 25, 112, 0.75);
}

form .form-control.is-invalid.date-input {
  background-image: none !important;
}

form .form-label {
  font-size: 1rem;
  font-weight: 700;
  color: #2d2a27;
  margin-bottom: 0.25rem;
}

form .form-text {
  font-size: 14px;
  font-weight: 400;
  color: #4f4c49; /* WCAG AA compliant - 4.8:1 contrast ratio */
  font-style: italic;
}

form .form-control,
form .form-select:not([multiple]):not([size]),
form .form-select:not([multiple])[size="1"] {
  border-color: #d9d8d6;
}

form .form-control:focus,
form .form-select:not([multiple]):not([size]):focus,
form .form-select:not([multiple])[size="1"]:focus {
  border-color: #d9d8d6;
  box-shadow: 0 0 0 0.25rem rgba(217, 216, 214, 0.25);
}

form .form-control[readonly], form .form-control[disabled],
form .form-select:not([multiple]):not([size])[readonly],
form .form-select:not([multiple]):not([size])[disabled],
form .form-select:not([multiple])[size="1"][readonly],
form .form-select:not([multiple])[size="1"][disabled] {
  background-color: #f1f1f1;
  color: #4f4c49; /* WCAG AA compliant - 4.8:1 contrast ratio */
}

form .form-check .form-check-input {
  border: 2px solid #35647e;
  /* When checkbox is checked */
  /* When radio is checked */
}

form .form-check .form-check-input:not([type=radio]):indeterminate {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

form .form-check .form-check-input.is-valid, form .form-check .form-check-input:valid {
  border-color: #35647e;
}

form .form-check .form-check-input.is-valid ~ .form-check-label, form .form-check .form-check-input:valid ~ .form-check-label {
  color: #2d2a27;
}

form .form-check .form-check-input:focus, form .form-check .form-check-input.is-valid:focus, form .form-check .form-check-input:valid:focus {
  border-color: #35647e;
  box-shadow: 0 0 0 0.25rem rgba(53, 100, 126, 0.25);
}

form .form-check .form-check-input[type=checkbox] {
  border-radius: 0.15em;
}

form .form-check .form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%2335647E' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  background-color: transparent;
}

form .form-check .form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%2335647E'/%3e%3c/svg%3e");
  background-color: transparent;
}

form .form-check .form-check-label {
  color: #2d2a27;
}

form.was-validated {
  /* Input validation icon styles */
  /* Select validation icon styles */
  /* Checkboxes & Radios */
  /* Validation messages */
}

form.was-validated .form-control:valid,
form.was-validated .form-select:valid:not([multiple]):not([size]),
form.was-validated .form-select:valid:not([multiple])[size="1"] {
  border-color: #d9d8d6;
}

form.was-validated .form-control:valid:focus,
form.was-validated .form-select:valid:not([multiple]):not([size]):focus,
form.was-validated .form-select:valid:not([multiple])[size="1"]:focus {
  border-color: #d9d8d6;
  box-shadow: 0 0 0 0.25rem rgba(217, 216, 214, 0.25);
}

form.was-validated .form-control:invalid,
form.was-validated .form-select:invalid:not([multiple]):not([size]),
form.was-validated .form-select:invalid:not([multiple])[size="1"] {
  border-color: #c3002f;
}

form.was-validated .form-control:invalid:focus,
form.was-validated .form-select:invalid:not([multiple]):not([size]):focus,
form.was-validated .form-select:invalid:not([multiple])[size="1"]:focus {
  border-color: #c3002f;
  box-shadow: 0 0 0 0.25rem rgba(195, 0, 47, 0.25);
}

form.was-validated .form-control:valid {
  background-image: none !important; /* Remove invalid icon for all form controls */
}

form.was-validated .form-control:invalid {
  background-image: none !important; /* Remove invalid icon for all form controls */
}

form.was-validated .form-select:invalid:not([multiple]):not([size]),
form.was-validated .form-select:invalid:not([multiple])[size="1"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); /* Removes the invalid icon */
  padding-right: 2.25rem;
}

form.was-validated .form-select:valid:not([multiple]):not([size]),
form.was-validated .form-select:valid:not([multiple])[size="1"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); /* Removes the invalid icon */
  padding-right: 2.25rem;
}

form.was-validated .form-check-input:invalid {
  border-color: #c3002f;
}

form.was-validated .form-check-input:invalid:focus {
  border-color: #c3002f;
  box-shadow: 0 0 0 0.25rem rgba(195, 0, 47, 0.25);
}

form.was-validated .form-check-input:invalid ~ .form-check-label {
  color: #c3002f;
}

form.was-validated .invalid-feedback {
  color: #c3002f;
}

form .choices[data-type=select-one] .choices__inner {
  height: 42px !important;
}

form .choices[data-type=select-one] .choices__item.choices__item--selectable {
  height: unset !important;
}

form .choices {
  margin-bottom: 0;
}

form .choices:focus, form .choices:focus-within {
  outline: none;
  box-shadow: 0 0 2px 1px rgba(0, 25, 112, 0.75);
}

form .choices:focus .choices__inner, form .choices:focus-within .choices__inner {
  border-color: #001970;
  border-width: 2px;
}

form .choices.is-disabled .choices__inner {
  background-color: #f3f1ef;
}

form .choices.is-disabled .choices__inner .choices__placeholder {
  color: #6c757d;
  opacity: 1;
  font-size: 1rem;
}

form .choices .choices__inner {
  border-color: #d9d8d6;
  background-color: #ffffff;
  min-height: 42px !important;
  line-height: 42px !important;
  padding: 0 10px !important;
  display: flex;
  align-items: center;
}

form .choices .choices__inner.is-invalid {
  border-color: #c3002f;
}

form .choices .choices__inner input {
  height: 42px !important;
  line-height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: #ffffff;
}

form .choices .choices__inner .choices__item.choices__item--selectable {
  white-space: nowrap;
  word-wrap: break-word;
  max-width: 100%;
  height: 28px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
}

form .choices .choices__inner .choices__item.choices__placeholder {
  color: #6c757d;
  opacity: 1;
  font-size: 1rem;
}

form .choices .choices__button {
  color: #4f4c49;
  padding: 0 8px 0 16px;
  font-size: 12px;
  height: unset;
}

form .choices .choices__button:hover, form .choices .choices__button:focus {
  background-size: 8px !important;
}

form .choices .choices__list--single {
  line-height: 42px !important;
}

form .choices .choices__list--dropdown,
form .choices .choices__list[aria-expanded] {
  min-width: 150px;
  word-break: break-word;
}

/* WYSIWYG styles - Styles for the rich text editor including toolbar, table controls and editor content */
/* Base editor container */
.editor-container {
  /* Toolbar container at top of editor */
  /* Main editor content area */
}

.editor-container.readonly .ProseMirror {
  min-height: unset;
}

.editor-container:not(.readonly) {
  background-color: #ffffff;
  border: 1px solid #d9d8d6;
  border-radius: 0.25rem;
  width: 100%;
  margin: 0 auto;
}

.editor-container .menubar {
  padding: 0.5rem;
  border-bottom: 1px solid #d9d8d6;
  background-color: #f3f1ef;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  /* Individual toolbar buttons */
  /* Vertical divider between button groups */
  /* Table controls dropdown */
}

.editor-container .menubar__button {
  border: 1px solid transparent;
  background: none;
  border-radius: 0.25rem;
  padding: 0.25rem;
  font-size: 1rem;
  cursor: pointer;
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.editor-container .menubar__button:hover {
  background-color: #e9e8e6;
  border-color: #d9d8d6;
}

.editor-container .menubar__button.is-active {
  background-color: #e9e8e6;
  border-color: #d9d8d6;
}

.editor-container .menubar__divider {
  width: 1px;
  height: 1.5rem;
  background-color: #d9d8d6;
  margin: 0 0.25rem;
}

.editor-container .menubar .table-button {
  position: relative;
  /* Table menu items */
}

.editor-container .menubar .table-button::after {
  content: "";
  position: absolute;
  height: 20px;
  width: 100%;
  left: 0;
  top: 100%;
}

.editor-container .menubar .table-button .table-dropdown {
  display: none;
  position: absolute;
  top: calc(100% - 5px);
  left: 0;
  background: #ffffff;
  border: 1px solid #d9d8d6;
  border-radius: 4px;
  padding: 5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  min-width: 200px;
}

.editor-container .menubar .table-button:hover .table-dropdown,
.editor-container .menubar .table-button .table-dropdown:hover {
  display: block;
}

.editor-container .menubar .table-button .table-menu {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.editor-container .menubar .table-button .table-menu__item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 6px 12px;
  border: none;
  background: none;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  white-space: nowrap;
}

.editor-container .menubar .table-button .table-menu__item:hover {
  background-color: #e9e8e6;
}

.editor-container .menubar .table-button .table-menu__item[data-action=insert-table] {
  position: relative;
  /* Table size picker grid */
}

.editor-container .menubar .table-button .table-menu__item[data-action=insert-table]::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 20px;
  right: -20px;
  top: 0;
}

.editor-container .menubar .table-button .table-menu__item[data-action=insert-table]:hover .table-picker__grid {
  display: grid;
}

.editor-container .menubar .table-button .table-menu__item[data-action=insert-table] .table-picker__grid {
  grid-template-columns: repeat(10, 20px);
  grid-template-rows: repeat(8, 20px);
  gap: 2px;
  position: absolute;
  left: 100%;
  top: 0;
  background: #ffffff;
  border: 1px solid #d9d8d6;
  border-radius: 4px;
  padding: 5px;
  margin-left: 8px;
  display: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.editor-container .menubar .table-button .table-menu__item[data-action=insert-table] .table-picker__grid:hover {
  display: grid;
}

.editor-container .menubar .table-button .table-menu__item[data-action=insert-table] .table-picker__grid .table-picker__cell {
  width: 20px;
  height: 20px;
  border: 1px solid #d9d8d6;
  background: #ffffff;
  cursor: pointer;
}

.editor-container .menubar .table-button .table-menu__item[data-action=insert-table] .table-picker__grid .table-picker__cell.active {
  background: #e9e8e6;
  border-color: #35647e;
}

.editor-container .menubar .table-button .table-menu__item[data-action=insert-table] .table-picker__info {
  text-align: center;
  padding: 5px;
  font-size: 12px;
  color: #4f4c49; /* WCAG AA compliant */
}

.editor-container .menubar .table-button .table-menu__divider {
  height: 1px;
  background-color: #d9d8d6;
  margin: 4px 0;
}

.editor-container [id^=editor_] {
  min-height: 350px;
}

.editor-container [id^=editor_] .ProseMirror {
  padding: 1rem;
  min-height: 350px;
  max-height: 350px;
  overflow: scroll;
  outline: none;
  /* Table styles within editor */
}

.editor-container [id^=editor_] .ProseMirror ul,
.editor-container [id^=editor_] .ProseMirror ol {
  padding-left: 1.2em !important;
}

.editor-container [id^=editor_] .ProseMirror ul {
  list-style: unset !important;
}

.editor-container [id^=editor_] .ProseMirror table {
  border-collapse: collapse;
  margin: 0 0 1rem 0;
  overflow: hidden;
  table-layout: fixed;
  width: 100%;
}

.editor-container [id^=editor_] .ProseMirror td,
.editor-container [id^=editor_] .ProseMirror th {
  border: 1px solid #d9d8d6;
  box-sizing: border-box;
  min-width: 1em;
  padding: 3px 5px;
  position: relative;
  vertical-align: top;
}

.editor-container [id^=editor_] .ProseMirror th {
  background-color: #f3f1ef;
  font-weight: bold;
}

.editor-container [id^=editor_] .ProseMirror .selectedCell:after {
  background: rgba(200, 200, 255, 0.4);
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.editor-container [id^=editor_readonly_] {
  min-height: auto;
}

.editor-container [id^=editor_readonly_] .ProseMirror {
  max-height: none;
  padding: 0;
  /* Table styles for readonly view */
}

.editor-container [id^=editor_readonly_] .ProseMirror table tr:nth-of-type(n + 2) {
  border-top: 1px solid #d9d8d6;
}

.editor-container [id^=editor_readonly_] .ProseMirror table tr:nth-of-type(even) td, .editor-container [id^=editor_readonly_] .ProseMirror table tr:nth-of-type(odd) td {
  background-color: transparent !important;
}

.editor-container [id^=editor_readonly_] .ProseMirror table td,
.editor-container [id^=editor_readonly_] .ProseMirror table th {
  border: none;
  padding: 0 0.25rem;
  position: relative;
  vertical-align: top;
  background-color: transparent !important;
}

.editor-container [id^=editor_readonly_] .ProseMirror table th {
  background-color: #f3f1ef;
  font-weight: bold;
}

textarea.form-control:focus {
  border-color: #001970 !important;
  border-width: 2px !important;
  box-shadow: 0 0 2px 1px rgba(0, 25, 112, 0.75) !important;
}

/* VARIABLES (consider putting into _config/_variables.scss) */
/* these are "global variables" that are used throughout the site. Use these to ensure consistency across style values */
/* Custom container sizing - (adjust or omit container sizing as necessary) */
/* Colors */
/* WCAG AA compliant - 4.8:1 contrast ratio */
/* WCAG AA compliant - 4.8:1 contrast ratio */
/* MIXINS (consider putting into _mixins.scss) */
/* these are "mixins" that can be used to apply groups of styles to multiple elements */
/* Button Reset */
.sidebar {
  transition: all 0.3s ease-in;
  width: 240px;
  padding-top: 45px;
  padding-left: 10px;
  padding-right: 10px;
}

.sidebar.sidebar-collapsed {
  width: 20px;
}

.sidebar-container {
  overflow: hidden;
  height: 100vh;
  position: sticky;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 5px;
}

.sidebar-toggle {
  position: absolute;
  top: 15px;
  right: -13px;
  z-index: 999;
  width: 26px;
  height: 26px;
  cursor: pointer;
  pointer-events: auto;
  display: block;
}

.sidebar-toggle .sidebar-toggle-btn {
  font-size: 16px;
  height: 26px !important;
  padding: 12px 4px;
  line-height: 25px;
  color: #35647e;
  border: 1px solid #35647e;
  border-radius: 50%;
  background-color: #ffffff;
  position: relative;
  display: block;
  cursor: pointer;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}

.sidebar-toggle .sidebar-toggle-btn:hover {
  transition: all 0.3s ease-in-out;
}

.sidebar-toggle .sidebar-toggle-btn:hover, .sidebar-toggle .sidebar-toggle-btn:focus-visible {
  background-color: #35647e;
  color: #ffffff;
}

.sidebar-toggle .sidebar-toggle-btn:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(255, 209, 0, 0.75);
}

.sidebar-toggle .sidebar-toggle-btn.sidebar-collapsed .bi {
  transform: scaleX(-1);
}

.sidebar-toggle .sidebar-toggle-btn .bi {
  transition: transform 0.2s ease-in;
}

.sidebar-nav {
  width: 220px;
}

.sidebar-nav ul {
  padding: 10px 0;
}

.sidebar-nav .nav-item {
  padding: 2px 10px;
}

.sidebar-nav .sidebar-button {
  padding: 0.5rem 0.75rem;
  font-size: 1.15rem;
  border: 0;
  color: #2d2a27;
  background-color: transparent;
  border-radius: 0;
}

.sidebar-nav .sidebar-button.sidebar-active {
  color: #f3f1ef;
  background-color: #001970;
}

.sidebar-nav .sidebar-button:hover, .sidebar-nav .sidebar-button:focus, .sidebar-nav .sidebar-button:focus-visible {
  color: #f3f1ef;
  background-color: #001970;
}

.sidebar-nav .sidebar-button:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(255, 209, 0, 0.75);
}

@media (min-width: 992px) {
  .mobile-sidenav {
    visibility: hidden;
  }
}
.mobile-sidenav.dropdown button.dropdown-toggle {
  padding: 0;
  border: none;
  background-color: transparent;
}

.mobile-sidenav.dropdown button.dropdown-toggle .bi {
  transition: transform 0.2s ease-in;
  transform-origin: center 0.75rem;
}

.mobile-sidenav.dropdown button.dropdown-toggle.show .bi {
  transform: rotate(180deg);
}

.mobile-sidenav.dropdown .dropdown-item a.sidebar-active {
  color: #35647e;
  border-bottom: 1px solid #35647e;
}

.status-pill {
  border-radius: 30px;
  padding: 2px 20px;
  width: 130px;
  font-size: 15px;
}

/* VARIABLES (consider putting into _config/_variables.scss) */
/* these are "global variables" that are used throughout the site. Use these to ensure consistency across style values */
/* Custom container sizing - (adjust or omit container sizing as necessary) */
/* Colors */
/* WCAG AA compliant - 4.8:1 contrast ratio */
/* WCAG AA compliant - 4.8:1 contrast ratio */
.custom-tooltip {
  padding: 0.5rem;
  opacity: 1 !important;
}

.custom-tooltip .tooltip-inner {
  max-width: 400px;
  padding: 1rem;
  text-align: left;
  border-radius: 0;
}

.custom-tooltip .tooltip-arrow {
  display: none;
}

.custom-tooltip[data-popper-placement^=bottom] .tooltip-inner::before,
.custom-tooltip[data-popper-placement^=bottom] .tooltip-inner::after, .custom-tooltip[data-popper-placement^=top] .tooltip-inner::before,
.custom-tooltip[data-popper-placement^=top] .tooltip-inner::after, .custom-tooltip[data-popper-placement^=left] .tooltip-inner::before,
.custom-tooltip[data-popper-placement^=left] .tooltip-inner::after, .custom-tooltip[data-popper-placement^=right] .tooltip-inner::before,
.custom-tooltip[data-popper-placement^=right] .tooltip-inner::after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 8px;
}

.custom-tooltip[data-popper-placement^=bottom] .tooltip-inner::before {
  top: -8px;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  border-width: 0 8px 8px 8px;
}

.custom-tooltip[data-popper-placement^=bottom] .tooltip-inner::after {
  top: -7px;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  border-width: 0 8px 8px 8px;
}

.custom-tooltip[data-popper-placement^=top] .tooltip-inner::before {
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
  border-width: 8px 8px 0 8px;
}

.custom-tooltip[data-popper-placement^=top] .tooltip-inner::after {
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
  border-width: 8px 8px 0 8px;
}

.custom-tooltip[data-popper-placement^=left] .tooltip-inner::before {
  right: -8px;
  top: 50%;
  transform: translateY(-50%) translateX(-100%);
  border-width: 8px 0 8px 8px;
}

.custom-tooltip[data-popper-placement^=left] .tooltip-inner::after {
  right: -7px;
  top: 50%;
  transform: translateY(-50%) translateX(-100%);
  border-width: 8px 0 8px 8px;
}

.custom-tooltip[data-popper-placement^=right] .tooltip-inner::before {
  left: -8px;
  top: 50%;
  transform: translateY(-50%) translateX(100%);
  border-width: 8px 8px 8px 0;
}

.custom-tooltip[data-popper-placement^=right] .tooltip-inner::after {
  left: -7px;
  top: 50%;
  transform: translateY(-50%) translateX(100%);
  border-width: 8px 8px 8px 0;
}

.tooltip-primary .tooltip-inner {
  background-color: #e5e9f3;
  border: 1px solid #001970;
}

.tooltip-primary[data-popper-placement^=bottom] .tooltip-inner::before {
  border-color: transparent transparent #001970 transparent;
}

.tooltip-primary[data-popper-placement^=bottom] .tooltip-inner::after {
  border-color: transparent transparent #e5e9f3 transparent;
}

.tooltip-primary[data-popper-placement^=top] .tooltip-inner::before {
  border-color: #001970 transparent transparent transparent;
}

.tooltip-primary[data-popper-placement^=top] .tooltip-inner::after {
  border-color: #e5e9f3 transparent transparent transparent;
}

.tooltip-primary[data-popper-placement^=left] .tooltip-inner::before {
  border-color: transparent transparent transparent #001970;
}

.tooltip-primary[data-popper-placement^=left] .tooltip-inner::after {
  border-color: transparent transparent transparent #e5e9f3;
}

.tooltip-primary[data-popper-placement^=right] .tooltip-inner::before {
  border-color: transparent #001970 transparent transparent;
}

.tooltip-primary[data-popper-placement^=right] .tooltip-inner::after {
  border-color: transparent #e5e9f3 transparent transparent;
}

.tooltip-error .tooltip-inner {
  background-color: #f9e5ea;
  border: 1px solid #c3002f;
}

.tooltip-error[data-popper-placement^=bottom] .tooltip-inner::before {
  border-color: transparent transparent #c3002f transparent;
}

.tooltip-error[data-popper-placement^=bottom] .tooltip-inner::after {
  border-color: transparent transparent #f9e5ea transparent;
}

.tooltip-error[data-popper-placement^=top] .tooltip-inner::before {
  border-color: #c3002f transparent transparent transparent;
}

.tooltip-error[data-popper-placement^=top] .tooltip-inner::after {
  border-color: #f9e5ea transparent transparent transparent;
}

.tooltip-error[data-popper-placement^=left] .tooltip-inner::before {
  border-color: transparent transparent transparent #c3002f;
}

.tooltip-error[data-popper-placement^=left] .tooltip-inner::after {
  border-color: transparent transparent transparent #f9e5ea;
}

.tooltip-error[data-popper-placement^=right] .tooltip-inner::before {
  border-color: transparent #c3002f transparent transparent;
}

.tooltip-error[data-popper-placement^=right] .tooltip-inner::after {
  border-color: transparent #f9e5ea transparent transparent;
}

.tooltip-success .tooltip-inner {
  background-color: #e9efeb;
  border: 1px solid #245d38;
}

.tooltip-success[data-popper-placement^=bottom] .tooltip-inner::before {
  border-color: transparent transparent #245d38 transparent;
}

.tooltip-success[data-popper-placement^=bottom] .tooltip-inner::after {
  border-color: transparent transparent #e9efeb transparent;
}

.tooltip-success[data-popper-placement^=top] .tooltip-inner::before {
  border-color: #245d38 transparent transparent transparent;
}

.tooltip-success[data-popper-placement^=top] .tooltip-inner::after {
  border-color: #e9efeb transparent transparent transparent;
}

.tooltip-success[data-popper-placement^=left] .tooltip-inner::before {
  border-color: transparent transparent transparent #245d38;
}

.tooltip-success[data-popper-placement^=left] .tooltip-inner::after {
  border-color: transparent transparent transparent #e9efeb;
}

.tooltip-success[data-popper-placement^=right] .tooltip-inner::before {
  border-color: transparent #245d38 transparent transparent;
}

.tooltip-success[data-popper-placement^=right] .tooltip-inner::after {
  border-color: transparent #e9efeb transparent transparent;
}

.tooltip-warning .tooltip-inner {
  background-color: #f8decf;
  border: 1px solid #dc580e;
}

.tooltip-warning[data-popper-placement^=bottom] .tooltip-inner::before {
  border-color: transparent transparent #dc580e transparent;
}

.tooltip-warning[data-popper-placement^=bottom] .tooltip-inner::after {
  border-color: transparent transparent #f8decf transparent;
}

.tooltip-warning[data-popper-placement^=top] .tooltip-inner::before {
  border-color: #dc580e transparent transparent transparent;
}

.tooltip-warning[data-popper-placement^=top] .tooltip-inner::after {
  border-color: #f8decf transparent transparent transparent;
}

.tooltip-warning[data-popper-placement^=left] .tooltip-inner::before {
  border-color: transparent transparent transparent #dc580e;
}

.tooltip-warning[data-popper-placement^=left] .tooltip-inner::after {
  border-color: transparent transparent transparent #f8decf;
}

.tooltip-warning[data-popper-placement^=right] .tooltip-inner::before {
  border-color: transparent #dc580e transparent transparent;
}

.tooltip-warning[data-popper-placement^=right] .tooltip-inner::after {
  border-color: transparent #f8decf transparent transparent;
}

.custom-tooltip-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #2d2a27;
}

.custom-tooltip-content * {
  display: inline-block;
  margin: 0;
  font-size: 14px;
}

.btn i.tooltip-toggle {
  margin-left: 8px;
  transition: all 0.3s ease-in;
}

.btn.btn-secondary:hover i.tooltip-toggle {
  color: #ffffff !important;
}

.modal .modal-header {
  padding: 1rem;
  border-bottom: none;
}

.modal .modal-header .btn-close {
  background-size: 0.8em !important;
}

.modal .modal-header .btn-close:hover {
  background-size: 0.8em !important;
}

.modal .modal-body {
  padding: 0 1rem;
}

.modal .modal-footer {
  padding: 0.75rem;
  border-top: none;
}

/* VARIABLES (consider putting into _config/_variables.scss) */
/* these are "global variables" that are used throughout the site. Use these to ensure consistency across style values */
/* Custom container sizing - (adjust or omit container sizing as necessary) */
/* Colors */
/* WCAG AA compliant - 4.8:1 contrast ratio */
/* WCAG AA compliant - 4.8:1 contrast ratio */
.accordion-item {
  border: 2px solid #35647e;
}

.accordion-item h2 {
  text-decoration: none !important;
}

.accordion-item:has(button):has(.collapsed) {
  border: 1px solid #35647e !important;
}

button.accordion-button h5 {
  margin: auto !important;
}

button.accordion-button h5.accordion-record-id {
  padding-right: 20px;
  border-right: 1px solid white;
  min-width: 100px;
}

button.accordion-button.collapsed h5.accordion-record-id {
  border-right: 1px solid #35647e;
}

@media (max-width: 768px) {
  .accordion-item {
    min-height: 100px;
    align-content: center;
  }
  button.accordion-button {
    height: 100%;
  }
  button.accordion-button h5 {
    overflow-wrap: break-word;
    font-size: 1em;
  }
  button.accordion-button h5.accordion-record-id {
    min-width: 75px;
  }
}
.accordion-button-expanded {
  height: auto !important;
  align-items: flex-start;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.accordion .accordion-item .accordion-header .accordion-button.collapsed .h5 {
  color: black !important;
}

.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .h5 {
  color: white !important;
}