@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: 100%;
}

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

a {
  color: #001970;
}

a:hover, a:focus, a:focus-visible {
  color: #001970;
}

a.inline-link:not(.btn-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;
}

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

a.inline-link:not(.btn-link):before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

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

a.inline-link:not(.btn-link):hover {
  background-size: 100% 1px;
  color: #001970;
}

a.inline-link:not(.btn-link):hover:before {
  width: 100%;
}

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

a.inline-link:not(.btn-link):hover span {
  background-size: 100% 1px;
  color: #001970;
}

a.inline-link:not(.btn-link):hover span:before {
  width: 100%;
}

a.inline-link:not(.btn-link):hover span:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

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

a.inline-link:not(.btn-link):focus:before, a.inline-link:not(.btn-link):focus-visible:before {
  width: 100%;
}

a.inline-link:not(.btn-link):focus:after, a.inline-link:not(.btn-link):focus-visible:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.page-header {
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .page-header {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 992px) {
  .page-header {
    margin-bottom: 2rem;
  }
}
.page-header .back-to-link {
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .page-header .back-to-link {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 992px) {
  .page-header .back-to-link {
    margin-bottom: 2rem;
  }
}
main {
  height: 100%;
  width: 100%;
}

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

@media (min-width: 1400px) {
  main .container {
    max-width: 1700px;
  }
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2d2a27;
  font-weight: 400;
}

.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: 1rem;
}

.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;
  color: #001970;
}

.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:hover span,
p a:hover span {
  background-size: 100% 1px;
  color: #001970;
}

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

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

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

.p a:focus:before, .p a:focus-visible:before,
p a:focus:before,
p a:focus-visible:before {
  width: 100%;
}

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

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

.footnote,
p.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;
  font-weight: #f3f1ef;
}

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

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

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

dl dt {
  color: #595857;
  font-weight: 400;
  font-size: 0.965rem;
}

dl dd {
  color: #2d2a27;
  margin-bottom: 1rem;
  font-size: 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;
}

ol li:not(.nav-item) a.inline-link,
ul li:not(.nav-item) a.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;
}

ol li:not(.nav-item) a.inline-link:before, ol li:not(.nav-item) a.inline-link:after,
ul li:not(.nav-item) a.inline-link:before,
ul li:not(.nav-item) a.inline-link:after {
  position: absolute;
  background-color: #001970;
  height: 1px;
}

ol li:not(.nav-item) a.inline-link:before,
ul li:not(.nav-item) a.inline-link:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

ol li:not(.nav-item) a.inline-link:after,
ul li:not(.nav-item) a.inline-link:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

ol li:not(.nav-item) a.inline-link:hover,
ul li:not(.nav-item) a.inline-link:hover {
  background-size: 100% 1px;
  color: #001970;
}

ol li:not(.nav-item) a.inline-link:hover:before,
ul li:not(.nav-item) a.inline-link:hover:before {
  width: 100%;
}

ol li:not(.nav-item) a.inline-link:hover:after,
ul li:not(.nav-item) a.inline-link:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

ol li:not(.nav-item) a.inline-link:hover span,
ul li:not(.nav-item) a.inline-link:hover span {
  background-size: 100% 1px;
  color: #001970;
}

ol li:not(.nav-item) a.inline-link:hover span:before,
ul li:not(.nav-item) a.inline-link:hover span:before {
  width: 100%;
}

ol li:not(.nav-item) a.inline-link:hover span:after,
ul li:not(.nav-item) a.inline-link:hover span:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

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

ol li:not(.nav-item) a.inline-link:focus:before, ol li:not(.nav-item) a.inline-link:focus-visible:before,
ul li:not(.nav-item) a.inline-link:focus:before,
ul li:not(.nav-item) a.inline-link:focus-visible:before {
  width: 100%;
}

ol li:not(.nav-item) a.inline-link:focus:after, ol li:not(.nav-item) a.inline-link:focus-visible:after,
ul li:not(.nav-item) a.inline-link:focus:after,
ul li:not(.nav-item) a.inline-link:focus-visible:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

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

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

.dropdown-menu {
  padding: 0.75rem 1rem;
  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;
}

.dropdown-menu .dropdown-item a,
.dropdown-menu .dropdown-item button.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% 0px;
  transition: background-size 0.2s ease-out;
  border-bottom: 1px solid #001970;
  color: #001970;
  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: #001970;
  height: 0px;
}

.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% 0px;
  color: #001970;
}

.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:hover span,
.dropdown-menu .dropdown-item button.inline-link:hover span {
  background-size: 100% 0px;
  color: #001970;
}

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

.dropdown-menu .dropdown-item a:hover span:after,
.dropdown-menu .dropdown-item button.inline-link:hover span: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 {
  background-size: 100% 0px;
  color: #001970;
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

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

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

.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: #001970;
  background-color: transparent;
}

.dropdown-menu .dropdown-item.dropdown-item_icon-start .btn span {
  font-size: 1rem;
  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% 0px;
  transition: background-size 0.2s ease-out;
  border-bottom: 0px solid #001970;
  border-bottom: none;
  color: #001970;
}

.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: #001970;
  height: 0px;
}

.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% 0px;
  color: #001970;
}

.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:hover span {
  background-size: 100% 0px;
  color: #001970;
}

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

.dropdown-menu .dropdown-item.dropdown-item_icon-start .btn span:hover span: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 {
  background-size: 100% 0px;
  color: #001970;
  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 span:focus:before, .dropdown-menu .dropdown-item.dropdown-item_icon-start .btn span:focus-visible:before {
  width: 100%;
}

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

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

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

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

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

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

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

.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;
  }
}
.card {
  border-color: #f3f1ef;
  border-radius: 0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .card h2 {
    font-size: 1.75rem;
  }
}
.card .card-header,
.card .card-footer {
  background-color: transparent;
  border: none;
  padding: 1rem;
}

.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;
  }
}
.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;
}

.application-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.application-container .container-fluid {
  padding-left: 0;
  padding-right: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  gap: 2rem;
}

.application-container .container-fluid > div:not(.sticky-bottom-actions, .page-header, .alert, .appeal-pending-alert, .row) {
  padding: 1rem;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 3rem 1.5rem 0 1.5rem;
}

.application-container .container-fluid .page-header,
.application-container .container-fluid .alert {
  margin-bottom: 0 !important;
}

.application-container form > div:not(.sticky-bottom-actions) {
  padding-left: 1rem;
  padding-right: 1rem;
}

.application-container .sticky-bottom-actions {
  margin-top: auto;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background-color: white;
  padding: 1rem 1.5rem;
  margin-bottom: 0;
  border-top: 1px solid #d9d8d6;
  z-index: 100;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  flex-shrink: 0;
}

.program-info-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 1rem;
  max-height: calc(100vh - 2rem);
  overflow-y: auto;
}

@media (max-width: 1199.98px) {
  .program-info-sticky {
    position: static;
    max-height: none;
    overflow-y: visible;
  }
}
.popover .popover-header {
  font-family: Trebuchet MS, Lucida Grande, Tahoma, sans-serif;
  font-size: 1.15rem;
  background-color: #fff;
  border: none;
  padding-top: 1rem;
  padding-bottom: 0;
}

/* 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: #ccd1e2 !important;
}

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

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

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

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

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

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

.animate-line-hover.animate-line-hover-brand-blue-20:after {
  background-color: #ccd1e2 !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: #d3c4ce !important;
}

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

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

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

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

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

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

.animate-line-hover.animate-line-hover-brand-purple-20:after {
  background-color: #d3c4ce !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: #f3ccd5 !important;
}

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

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

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

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

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

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

.animate-line-hover.animate-line-hover-brand-red-20:after {
  background-color: #f3ccd5 !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: #bdcec3 !important;
}

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

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

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

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

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

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

.animate-line-hover.animate-line-hover-brand-treegreen-30:after {
  background-color: #bdcec3 !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: #fff5cb !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animate-line-hover.animate-line-hover-brand-yellow-30:after {
  background-color: #fff1b2 !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-warning-dk {
  color: #a03d06 !important;
}

.bg-system-warning-dk {
  background-color: #a03d06 !important;
}

.border-system-warning-dk {
  border-color: #a03d06 !important;
}

.icon-system-warning-dk [class*=arrow] polyline {
  stroke: #a03d06;
}

.icon-system-warning-dk .icon-play circle {
  stroke: #a03d06;
}

.icon-system-warning-dk .icon-play path {
  stroke: #a03d06;
  fill: #a03d06;
}

.icon-system-warning-dk .icon-close line,
.icon-system-warning-dk .icon-plus line {
  stroke: #a03d06;
}

.animate-line-hover.animate-line-hover-system-warning-dk:after {
  background-color: #a03d06 !important;
}

.system-error {
  color: #c3002f !important;
}

.bg-system-error {
  background-color: #c3002f !important;
}

.border-system-error {
  border-color: #c3002f !important;
}

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

.icon-system-error .icon-play circle {
  stroke: #c3002f;
}

.icon-system-error .icon-play path {
  stroke: #c3002f;
  fill: #c3002f;
}

.icon-system-error .icon-close line,
.icon-system-error .icon-plus line {
  stroke: #c3002f;
}

.animate-line-hover.animate-line-hover-system-error:after {
  background-color: #c3002f !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 */
.text-muted {
  color: #595857 !important;
}

.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);
  }
}
/* 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 */
@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: #001970;
    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 a {
    color: #001970;
    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% 0px;
    transition: background-size 0.2s ease-out;
    border-bottom: 2px solid #001970;
    padding-bottom: 0.5rem;
    border-bottom: 0;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:before, .header .navbar-collapse .navbar-nav .nav-item a:after {
    position: absolute;
    background-color: #001970;
    height: 0px;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:before {
    width: 0%;
    left: 0;
    bottom: 0;
    transition: width ease 0.5s;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:after {
    width: 100%;
    left: 0;
    bottom: 0;
    transition: all ease 0.6s;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:hover {
    background-size: 100% 0px;
    color: #001970;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:hover:before {
    width: 100%;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:hover:after {
    left: 100%;
    width: 0%;
    transition: all ease 0.3s;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:hover span {
    background-size: 100% 0px;
    color: #001970;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:hover span:before {
    width: 100%;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:hover span: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 {
    background-size: 100% 0px;
    color: #001970;
    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:before, .header .navbar-collapse .navbar-nav .nav-item a:focus-visible:before {
    width: 100%;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:focus:after, .header .navbar-collapse .navbar-nav .nav-item a:focus-visible:after {
    left: 100%;
    width: 0%;
    transition: all ease 0.3s;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:focus {
    box-shadow: none;
  }
}
@media (min-width: 992px) {
  .header .navbar-collapse .navbar-nav .nav-item a {
    text-decoration: none;
    color: #faf9f6;
    position: relative;
    padding-bottom: 0;
    background-image: linear-gradient(#faf9f6, #faf9f6);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size 0.2s ease-out;
    border-bottom: 2px solid #faf9f6;
    color: #faf9f6;
    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 {
    position: absolute;
    background-color: #faf9f6;
    height: 2px;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:before {
    width: 0%;
    left: 0;
    bottom: 0;
    transition: width ease 0.5s;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:after {
    width: 100%;
    left: 0;
    bottom: 0;
    transition: all ease 0.6s;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:hover {
    background-size: 100% 2px;
    color: #faf9f6;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:hover:before {
    width: 100%;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:hover:after {
    left: 100%;
    width: 0%;
    transition: all ease 0.3s;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:hover span {
    background-size: 100% 2px;
    color: #faf9f6;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:hover span:before {
    width: 100%;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:hover span: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 {
    background-size: 100% 2px;
    color: #faf9f6;
    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:before, .header .navbar-collapse .navbar-nav .nav-item a:focus-visible:before {
    width: 100%;
  }
  .header .navbar-collapse .navbar-nav .nav-item a:focus:after, .header .navbar-collapse .navbar-nav .nav-item a:focus-visible:after {
    left: 100%;
    width: 0%;
    transition: all ease 0.3s;
  }
}
.header .navbar-collapse .navbar-nav .nav-item a.dropdown-toggle:after {
  display: none;
}

.header .navbar-collapse .navbar-nav .nav-item a.dropdown-toggle .bi {
  font-size: 0.75rem;
}

.header .navbar-collapse .navbar-nav .nav-item a.dropdown-toggle .bi:before {
  font-weight: 700 !important;
}

.header .navbar-collapse .navbar-nav .nav-item a: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 .dropdown-menu {
  padding: 0 !important;
  list-style: none;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu li {
  padding: 0.25rem 0.75rem !important;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu li 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% 0px;
  transition: background-size 0.2s ease-out;
  border-bottom: 1px solid #001970;
  color: #001970;
  margin: 0 0.75rem;
  padding: 0 2px;
  border-bottom: 0;
  width: auto;
  display: inline-block;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:before, .header .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:after {
  position: absolute;
  background-color: #001970;
  height: 0px;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:hover {
  background-size: 100% 0px;
  color: #001970;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:hover:before {
  width: 100%;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:hover span {
  background-size: 100% 0px;
  color: #001970;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:hover span:before {
  width: 100%;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:hover span:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:focus, .header .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:focus-visible {
  background-size: 100% 0px;
  color: #001970;
  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 li a:focus:before, .header .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:focus-visible:before {
  width: 100%;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:focus:after, .header .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:focus-visible:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.header .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:hover {
  color: #001970;
  background-color: transparent;
}

.header .user-menu-toggle {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: #35647e !important;
  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: #314b59 !important;
}

.header .user-menu-toggle:focus-visible {
  outline: 2px solid transparent !important;
  box-shadow: 0 0 5px 0.3rem rgba(255, 209, 0, 0.75) !important;
}

.header .user-menu .dropdown-menu {
  padding: 0.5rem 0 !important;
  right: 15px;
  left: unset;
}

.header .user-menu .dropdown-menu li {
  padding: 0.25rem 0.75rem !important;
}

.header .user-menu .dropdown-menu li button,
.header .user-menu .dropdown-menu li a,
.header .user-menu .dropdown-menu li .btn {
  color: #595857 !important;
  margin: 0;
  padding: 0 !important;
  min-height: unset;
}

.header .user-menu .dropdown-menu li button span,
.header .user-menu .dropdown-menu li a span,
.header .user-menu .dropdown-menu li .btn span {
  color: #595857 !important;
}

.header .user-menu .dropdown-menu li button:focus-visible,
.header .user-menu .dropdown-menu li a:focus-visible,
.header .user-menu .dropdown-menu li .btn:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(0, 25, 112, 0.75);
}

.header .user-menu .dropdown-menu li:hover a, .header .user-menu .dropdown-menu li:hover button {
  color: #001970 !important;
}

.header .user-menu .dropdown-menu li:hover a span, .header .user-menu .dropdown-menu li:hover button span {
  color: #001970 !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;
}

.header .user-menu .dropdown-menu li:hover a span:before, .header .user-menu .dropdown-menu li:hover a span:after, .header .user-menu .dropdown-menu li:hover button span:before, .header .user-menu .dropdown-menu li:hover button span:after {
  position: absolute;
  background-color: #001970;
  height: 1px;
}

.header .user-menu .dropdown-menu li:hover a span:before, .header .user-menu .dropdown-menu li:hover button span:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.header .user-menu .dropdown-menu li:hover a span:after, .header .user-menu .dropdown-menu li:hover button span:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.header .user-menu .dropdown-menu li:hover a span:hover, .header .user-menu .dropdown-menu li:hover button span:hover {
  background-size: 100% 1px;
  color: #001970;
}

.header .user-menu .dropdown-menu li:hover a span:hover:before, .header .user-menu .dropdown-menu li:hover button span:hover:before {
  width: 100%;
}

.header .user-menu .dropdown-menu li:hover a span:hover:after, .header .user-menu .dropdown-menu li:hover button span:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.header .user-menu .dropdown-menu li:hover a span:hover span, .header .user-menu .dropdown-menu li:hover button span:hover span {
  background-size: 100% 1px;
  color: #001970;
}

.header .user-menu .dropdown-menu li:hover a span:hover span:before, .header .user-menu .dropdown-menu li:hover button span:hover span:before {
  width: 100%;
}

.header .user-menu .dropdown-menu li:hover a span:hover span:after, .header .user-menu .dropdown-menu li:hover button span:hover span:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.header .user-menu .dropdown-menu li:hover a span:focus, .header .user-menu .dropdown-menu li:hover a span:focus-visible, .header .user-menu .dropdown-menu li:hover button span:focus, .header .user-menu .dropdown-menu li:hover button span:focus-visible {
  background-size: 100% 1px;
  color: #001970;
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.header .user-menu .dropdown-menu li:hover a span:focus:before, .header .user-menu .dropdown-menu li:hover a span:focus-visible:before, .header .user-menu .dropdown-menu li:hover button span:focus:before, .header .user-menu .dropdown-menu li:hover button span:focus-visible:before {
  width: 100%;
}

.header .user-menu .dropdown-menu li:hover a span:focus:after, .header .user-menu .dropdown-menu li:hover a span:focus-visible:after, .header .user-menu .dropdown-menu li:hover button span:focus:after, .header .user-menu .dropdown-menu li:hover button span:focus-visible:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.header .user-menu .dropdown-menu p {
  padding: 0.5rem 0.75rem !important;
}

@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;
  }
}
/* 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 */
.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.white {
  font-size: 0.9rem;
  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% 1px;
  transition: background-size 0.2s ease-out;
  border-bottom: 1px solid #ffffff;
}

.footer a.inline-link.white:before, .footer a.inline-link.white:after {
  position: absolute;
  background-color: #ffffff;
  height: 1px;
}

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

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

.footer a.inline-link.white:hover {
  background-size: 100% 1px;
  color: #ffffff;
}

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

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

.footer a.inline-link.white:hover span {
  background-size: 100% 1px;
  color: #ffffff;
}

.footer a.inline-link.white:hover span:before {
  width: 100%;
}

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

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

.footer a.inline-link.white:focus:before, .footer a.inline-link.white:focus-visible:before {
  width: 100%;
}

.footer a.inline-link.white:focus:after, .footer a.inline-link.white:focus-visible:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.footer span {
  padding-top: 5px;
  padding-bottom: 5px;
}

@media (min-width: 992px) {
  .footer span {
    border-left: 1px solid #d9d8d6;
    padding-left: 8px;
    margin-left: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media (max-width: 992px -1) {
  .footer-left {
    padding: 0;
  }
}
.footer-right {
  border-top: 1px solid #6d6c6a;
}

@media (min-width: 992px) {
  .footer-right {
    border-top: 0;
  }
}
.footer-right span {
  border-left: 1px solid #d9d8d6;
  padding-left: 8px;
  margin-left: 8px;
  padding-top: 0px;
  padding-bottom: 0px;
}

@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 */
.student-applications-mobile .student-applications-mobile-list {
  border: 1px solid #e9e8e6;
  background-color: #ffffff;
}

.student-applications-mobile .student-applications-mobile-item + .student-applications-mobile-item {
  border-top: 1px solid #e9e8e6;
}

.student-applications-mobile .student-applications-mobile-link {
  display: block;
  padding: 0.875rem;
  color: #2d2a27;
  text-decoration: none;
}

.student-applications-mobile .student-applications-mobile-link:hover {
  color: #2d2a27;
  background-color: #f3f1ef;
  text-decoration: none;
}

.student-applications-mobile .student-applications-mobile-link:focus-visible {
  color: #2d2a27;
  text-decoration: none;
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.student-applications-mobile .student-applications-mobile-row {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  line-height: 1.35;
}

.student-applications-mobile .student-applications-mobile-row-primary {
  align-items: center;
}

.student-applications-mobile .student-applications-mobile-label {
  min-width: 5.4rem;
  font-weight: 700;
  color: #2d2a27;
}

.student-applications-mobile .student-applications-mobile-value {
  color: #2d2a27;
}

.student-applications-mobile .student-applications-mobile-value-program {
  flex: 1;
  min-width: 0;
}

.student-applications-mobile .student-applications-mobile-chevron {
  margin-left: auto;
  font-size: 1.1rem;
  line-height: 1;
  color: #35647e;
  flex-shrink: 0;
}

.student-applications-mobile .status-pill {
  font-size: 0.875rem;
}

/* 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-component-container {
  overflow-x: visible; /* Allow dropdowns to extend horizontally */
  overflow-y: visible; /* Allow dropdowns to extend vertically */
}

.table-component-container .table-controls button[id$=-edit-toggle] .bi {
  pointer-events: none;
}

.table-component-container .table-controls .table-search > div {
  margin-bottom: 0 !important;
}

.table-component-container .table-controls .table-search .search-field-wrap {
  display: inline-flex;
  width: auto;
}

.table-component-container .table-controls .table-search .search-input {
  width: 250px;
}

.table-component-container .table-controls .filter-popover {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.375rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  min-width: 300px;
  max-width: 500px;
  z-index: 1050;
  position: relative;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 200px);
}

.table-component-container .table-controls .filter-popover .filter-popover-form {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: inherit;
}

.table-component-container .table-controls .filter-popover .filter-popover-content {
  padding: 1rem;
  flex: 1;
  min-height: 0;
}

.table-component-container .table-controls .filter-popover .filter-menu-actions {
  padding: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: white;
  position: sticky;
  bottom: 0;
  z-index: 10;
  flex-shrink: 0;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
}

.table-component-container .table-controls .filter-popover .choices {
  position: relative;
}

.table-component-container .table-controls .filter-popover .choices__list--dropdown {
  position: absolute;
  z-index: 2000;
}

.table-component-container .table-controls .filter-popover .simple-filter-menu {
  padding: 0 !important;
}

.table-component-container .table-controls .filter-popover .simple-filter-menu > li {
  margin-bottom: 0 !important;
}

.table-component-container .table-controls .filter-popover .simple-filter-menu .simple-filter-option {
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #2d2a27;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.table-component-container .table-controls .filter-popover .simple-filter-menu .simple-filter-option:hover, .table-component-container .table-controls .filter-popover .simple-filter-menu .simple-filter-option:focus-visible, .table-component-container .table-controls .filter-popover .simple-filter-menu .simple-filter-option.active {
  background-color: #e9e8e6;
}

.table-component-container .table-controls .filter-popover .simple-filter-menu .simple-filter-option:focus-visible {
  outline: 2px solid #001970;
  outline-offset: -2px;
}

.table-component-container .table-controls .filter-pills-row,
.table-component-container .table-controls .filter-pills-row-mobile {
  display: none;
  align-items: center;
  gap: 12px;
  min-width: 0;
  width: 100%;
}

.table-component-container .table-controls .filter-pills-row.d-flex, .table-component-container .table-controls .filter-pills-row[style*="display: flex"], .table-component-container .table-controls .filter-pills-row[style*="display:flex"],
.table-component-container .table-controls .filter-pills-row-mobile.d-flex,
.table-component-container .table-controls .filter-pills-row-mobile[style*="display: flex"],
.table-component-container .table-controls .filter-pills-row-mobile[style*="display:flex"] {
  display: flex !important;
}

@media (max-width: 991px) {
  .table-component-container .table-controls .filter-pills-row .filter-pills-row,
  .table-component-container .table-controls .filter-pills-row-mobile .filter-pills-row {
    display: none !important;
  }
  .table-component-container .table-controls .filter-pills-row .filter-pills-row-mobile,
  .table-component-container .table-controls .filter-pills-row-mobile .filter-pills-row-mobile {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .table-component-container .table-controls .filter-pills-row .filter-pills-row-mobile,
  .table-component-container .table-controls .filter-pills-row-mobile .filter-pills-row-mobile {
    display: none !important;
  }
}
.table-component-container .table-controls .filter-pills-container {
  display: flex;
  gap: 5px;
  overflow-x: auto;
  min-width: 0;
  align-items: center;
}

.table-component-container .table-controls .filter-pills-container .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;
  flex-shrink: 0;
}

.table-component-container .table-controls .filter-pills-container .filter-pill:hover, .table-component-container .table-controls .filter-pills-container .filter-pill:focus, .table-component-container .table-controls .filter-pills-container .filter-pill:focus-visible {
  background-color: #d7dfe5;
}

.table-component-container .table-controls .filter-pills-container .filter-pill:focus-visible {
  outline: none !important;
  border-color: #35647e !important;
}

.table-component-container .table-controls .filter-pills-container .filter-pill .remove-pill {
  border: none;
  font-size: 10px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  color: #4f4c49 !important; /* WCAG AA compliant */
}

.table-component-container .table-controls .filter-pills-container .filter-pill .remove-pill:hover, .table-component-container .table-controls .filter-pills-container .filter-pill .remove-pill:focus, .table-component-container .table-controls .filter-pills-container .filter-pill .remove-pill:focus-visible {
  color: #314b59;
}

.table-component-container .table-controls .filter-pills-container .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);
}

.table-component-container .table-controls .filter-pill-reset {
  background: transparent;
  border: none;
  color: #001970;
  font-size: 14px;
  font-weight: 500;
  padding: 0 8px;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: underline;
  text-underline-offset: 2px;
  flex-shrink: 0;
}

.table-component-container .table-controls .filter-pill-reset:hover, .table-component-container .table-controls .filter-pill-reset:focus {
  color: #000f43;
  text-decoration: underline;
}

.table-component-container .table-controls .filter-pill-reset:focus-visible {
  outline: 2px solid #001970;
  outline-offset: 2px;
}

.table-component-container .table-controls .filter-pill-reset span {
  color: inherit;
}

.table-component-container .table-controls #resetAllFilters {
  font-size: 14px;
  line-height: 1rem;
}

.table-component-container .tabulator {
  border: 1px solid #f3f1ef;
  position: relative;
  min-width: 100% !important; /* Prevent table from shrinking below container width */
  white-space: nowrap !important; /* Prevent text wrapping in headers/cells */
  font-size: 1rem !important;
  overflow: visible !important;
}

.table-component-container .tabulator .tabulator-empty-state-fallback {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: auto;
  z-index: 20;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1rem;
  border-top: 1px solid #e9e8e6;
  background-color: #ffffff;
  pointer-events: none;
}

.table-component-container .tabulator .tabulator-empty-state-fallback .table-empty-state {
  min-height: auto;
  gap: 0;
}

.table-component-container .tabulator .tabulator-empty-state-fallback .table-empty-state.table-empty-state-compact {
  width: 100%;
}

.table-component-container .tabulator .tabulator-empty-state-fallback .table-empty-state.table-empty-state-compact .table-empty-state-plain-message {
  text-align: center;
}

.table-component-container .tabulator .tabulator-empty-state-fallback.is-visible {
  display: flex;
}

.table-component-container .tabulator .tabulator-header {
  position: sticky;
  top: 0;
  z-index: 10; /* Ensure header stays above content */
  background: inherit; /* Maintain Bootstrap 5 styling */
}

.table-component-container .tabulator .tabulator-header .tabulator-col[tabulator-field=actions] {
  position: relative;
  z-index: 1000;
}

.table-component-container .tabulator .tabulator-header .tabulator-col[tabulator-field=actions] .dropdown {
  position: relative;
  z-index: 1001;
}

.table-component-container .tabulator .tabulator-header .tabulator-col[tabulator-field=actions] .dropdown-menu {
  z-index: 10000 !important;
  position: absolute !important;
}

.table-component-container .tabulator .tabulator-header .dropdown-menu {
  z-index: 10000 !important;
}

.table-component-container .tabulator .tabulator-header .tabulator-col {
  color: #2d2a27 !important;
  background-color: #d9d8d6 !important;
}

.table-component-container .tabulator .tabulator-header .tabulator-col.tabulator-col-group {
  color: #faf9f6 !important;
  background-color: #001970 !important;
  border-width: 0px 2px 0px 0px !important;
  border-style: solid !important;
  border-color: #e9e8e6 !important;
}

.table-component-container .tabulator .tabulator-header .tabulator-col.tabulator-col-group > .tabulator-col-group-cols {
  border-top: none;
}

.table-component-container .tabulator .tabulator-header .tabulator-col.tabulator-col-group > .tabulator-col-content > .tabulator-col-title-holder > .tabulator-col-title {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  line-height: 1.2;
  word-break: break-word;
}

.table-component-container .tabulator .tabulator-header .tabulator-col.tabulator-sortable .bi.bi-caret-up-fill,
.table-component-container .tabulator .tabulator-header .tabulator-col.tabulator-sortable .bi.bi-caret-down-fill {
  line-height: 0 !important;
}

.table-component-container .tabulator .tabulator-header .tabulator-col.tabulator-sortable .bi.bi-caret-up-fill:before,
.table-component-container .tabulator .tabulator-header .tabulator-col.tabulator-sortable .bi.bi-caret-down-fill:before {
  line-height: 0.75 !important;
}

.table-component-container .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .bi-caret-up-fill {
  color: #2d2a27;
}

.table-component-container .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .bi-caret-down-fill {
  color: #959492;
}

.table-component-container .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .bi-caret-up-fill {
  color: #959492;
}

.table-component-container .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .bi-caret-down-fill {
  color: #2d2a27;
}

.table-component-container .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  padding-top: 8px;
  padding-bottom: 8px;
  height: 40px;
}

.table-component-container .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
}

.table-component-container .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder .tabulator-col-title {
  width: auto !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.table-component-container .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder .tabulator-col-title.has-header-tooltip {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  min-height: 24px;
  padding-right: 2px;
  white-space: nowrap !important;
  flex-wrap: nowrap;
  line-height: 24px;
  overflow: visible !important;
}

.table-component-container .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder .tabulator-col-title.has-header-tooltip .tabulator-col-title-text {
  display: inline-block;
  vertical-align: middle;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap !important;
  line-height: 24px;
}

.table-component-container .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder .tabulator-col-title.has-header-tooltip .tooltip-toggle {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 24px;
  flex-shrink: 0;
  line-height: 24px;
  vertical-align: middle;
  margin-left: 0.25rem;
  margin-bottom: 0;
  padding-right: 2px;
}

.table-component-container .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder .tabulator-col-title.has-header-tooltip .tooltip-toggle .bi {
  display: block;
  line-height: 1;
  transform: none;
}

.table-component-container .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder .tabulator-col-sorter {
  position: unset !important;
}

.table-component-container .tabulator .tabulator-tableholder {
  position: relative;
  overflow-x: auto !important;
  overflow-y: visible !important;
  height: auto !important;
  padding-bottom: 0.5rem !important;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-placeholder {
  display: none !important;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row {
  border: none !important;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row.tabulator-row-even {
  background-color: #f3f1ef !important;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row.tabulator-row-odd {
  background-color: #ffffff !important;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row:hover {
  background-color: #d7dfe5 !important;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row.row-edit-mode.tabulator-row-odd:hover {
  background-color: #ffffff !important;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row.row-edit-mode.tabulator-row-even:hover {
  background-color: #f3f1ef !important;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell {
  padding-right: 24px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell[tabulator-field=actions] {
  overflow: visible !important;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .icon-link {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .icon-link .bi {
  color: #35647e;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .icon-link i {
  font-size: 1.2rem;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .dropdown {
  position: static;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .dropdown .dropdown-menu {
  padding: 0 !important;
  z-index: 9999 !important;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link span {
  font-size: 0.9rem;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.neutral-g7 {
  text-decoration: none;
  color: #595857;
  position: relative;
  padding-bottom: 0;
  background-image: linear-gradient(#595857, #595857);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.2s ease-out;
  border-bottom: 0px solid #595857;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.neutral-g7:before, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.neutral-g7:after {
  position: absolute;
  background-color: #595857;
  height: 1px;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.neutral-g7:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.neutral-g7:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.neutral-g7:hover {
  background-size: 100% 1px;
  color: #595857;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.neutral-g7:hover:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.neutral-g7:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.neutral-g7:hover span {
  background-size: 100% 1px;
  color: #595857;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.neutral-g7:hover span:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.neutral-g7:hover span:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.neutral-g7:focus, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.neutral-g7:focus-visible {
  background-size: 100% 1px;
  color: #595857;
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.neutral-g7:focus:before, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.neutral-g7:focus-visible:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.neutral-g7:focus:after, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.neutral-g7:focus-visible:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.neutral-g7 span {
  color: #595857 !important;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal {
  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: 0px solid #001970;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal:before, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal:after {
  position: absolute;
  background-color: #001970;
  height: 1px;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal:hover {
  background-size: 100% 1px;
  color: #001970;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal:hover:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal:hover span {
  background-size: 100% 1px;
  color: #001970;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal:hover span:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal:hover span:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal:focus, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal:focus-visible {
  background-size: 100% 1px;
  color: #001970;
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal:focus:before, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal:focus-visible:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal:focus:after, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal:focus-visible:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal span {
  color: #001970 !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;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal span:before, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal span:after {
  position: absolute;
  background-color: #001970;
  height: 1px;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal span:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal span:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal span:hover {
  background-size: 100% 1px;
  color: #001970;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal span:hover:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal span:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal span:hover span {
  background-size: 100% 1px;
  color: #001970;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal span:hover span:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal span:hover span:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal span:focus, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal span:focus-visible {
  background-size: 100% 1px;
  color: #001970;
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal span:focus:before, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal span:focus-visible:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal span:focus:after, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .btn-link.brand-rmtteal span:focus-visible:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell[data-custom-edit-mode=true] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell[data-custom-edit-mode=true] .btn-toggle {
  width: 48px !important;
  min-width: 48px !important;
  font-size: 0.9rem !important;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell[data-custom-edit-mode=true] .dropdown .dropdown-menu {
  padding: 0 !important;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .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;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .inline-link:before, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .inline-link:after {
  position: absolute;
  background-color: #001970;
  height: 1px;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .inline-link:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .inline-link:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .inline-link:hover {
  background-size: 100% 1px;
  color: #001970;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .inline-link:hover:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .inline-link:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .inline-link:hover span {
  background-size: 100% 1px;
  color: #001970;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .inline-link:hover span:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .inline-link:hover span:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

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

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .inline-link:focus:before, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .inline-link:focus-visible:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .inline-link:focus:after, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .inline-link:focus-visible:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.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% 0px;
  transition: background-size 0.2s ease-out;
  border-bottom: 0px solid #001970;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:before, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:after {
  position: absolute;
  background-color: #001970;
  height: 0px;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:hover {
  background-size: 100% 0px;
  color: #001970;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:hover:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:hover span {
  background-size: 100% 0px;
  color: #001970;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:hover span:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:hover span:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:focus, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:focus-visible {
  background-size: 100% 0px;
  color: #001970;
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:focus:before, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:focus-visible:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:focus:after, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:focus-visible:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link span {
  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;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link span:before, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link span:after {
  position: absolute;
  background-color: #001970;
  height: 1px;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link span:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link span:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link span:hover {
  background-size: 100% 1px;
  color: #001970;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link span:hover:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link span:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link span:hover span {
  background-size: 100% 1px;
  color: #001970;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link span:hover span:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link span:hover span:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link span:focus, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link span:focus-visible {
  background-size: 100% 1px;
  color: #001970;
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link span:focus:before, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link span:focus-visible:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link span:focus:after, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link span:focus-visible:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled {
  opacity: 1 !important;
  background-color: transparent !important;
  text-decoration: none;
  color: #6d6c6a;
  position: relative;
  padding-bottom: 0;
  background-image: linear-gradient(#6d6c6a, #6d6c6a);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.2s ease-out;
  border-bottom: 1px solid #6d6c6a;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled:before, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled:after {
  position: absolute;
  background-color: #6d6c6a;
  height: 1px;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled:hover {
  background-size: 100% 1px;
  color: #6d6c6a;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled:hover:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled:hover span {
  background-size: 100% 1px;
  color: #6d6c6a;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled:hover span:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled:hover span:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled:focus, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled:focus-visible {
  background-size: 100% 1px;
  color: #6d6c6a;
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled:focus:before, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled:focus-visible:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled:focus:after, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled:focus-visible:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled span {
  text-decoration: none;
  color: #6d6c6a;
  position: relative;
  padding-bottom: 0;
  background-image: linear-gradient(#6d6c6a, #6d6c6a);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.2s ease-out;
  border-bottom: 1px solid #6d6c6a;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled span:before, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled span:after {
  position: absolute;
  background-color: #6d6c6a;
  height: 1px;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled span:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled span:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled span:hover {
  background-size: 100% 1px;
  color: #6d6c6a;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled span:hover:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled span:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled span:hover span {
  background-size: 100% 1px;
  color: #6d6c6a;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled span:hover span:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled span:hover span:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled span:focus, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled span:focus-visible {
  background-size: 100% 1px;
  color: #6d6c6a;
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled span:focus:before, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled span:focus-visible:before {
  width: 100%;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled span:focus:after, .table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .table-actions button.btn.btn-link.inline-link:disabled span:focus-visible:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .notes-cell {
  cursor: pointer;
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-align: left;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .notes-cell:hover {
  text-decoration: underline;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .notes-cell:focus-visible {
  outline: 2px solid #001970;
  outline-offset: 2px;
  border-radius: 2px;
  text-decoration: underline;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .funding-cell {
  cursor: pointer;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table-component-container .tabulator .tabulator-tableholder .tabulator-row .tabulator-cell .funding-cell:hover {
  text-decoration: underline;
}

.table-component-container .tabulator.table-loading-visible .tabulator-tableholder {
  min-height: 170px !important;
}

.table-component-container .tabulator.table-empty-visible .tabulator-tableholder {
  min-height: 64px !important;
  height: auto !important;
}

@media (min-width: 1200px) {
  .table-component-container .tabulator .tabulator-frozen.scroll-active:not(:has(~ .tabulator-frozen)), .table-component-container .tabulator .tabulator-frozen.scroll-active.tabulator-cell:not(:has(~ .tabulator-frozen)), .table-component-container .tabulator .tabulator-frozen.scroll-active.tabulator-header-filter:not(:has(~ .tabulator-frozen)), .table-component-container .tabulator .tabulator-frozen.scroll-active.tabulator-col:not(:has(~ .tabulator-frozen)) {
    overflow: visible;
  }
  .table-component-container .tabulator .tabulator-frozen.scroll-active:not(:has(~ .tabulator-frozen))::after, .table-component-container .tabulator .tabulator-frozen.scroll-active.tabulator-cell:not(:has(~ .tabulator-frozen))::after, .table-component-container .tabulator .tabulator-frozen.scroll-active.tabulator-header-filter:not(:has(~ .tabulator-frozen))::after, .table-component-container .tabulator .tabulator-frozen.scroll-active.tabulator-col:not(:has(~ .tabulator-frozen))::after {
    content: "";
    position: absolute;
    top: 0;
    right: -12px;
    width: 12px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  }
}
.table-component-container .tabulator .tabulator-footer {
  display: none;
}

.table-component-container .table-pagination {
  display: flex;
  column-gap: 5px;
}

.table-component-container .table-pagination .page-item.active .page-link {
  background-color: #35647e !important;
  color: #ffffff !important;
}

.table-component-container .table-pagination .page-item.active .page-link:hover {
  background-color: #35647e !important;
  color: #ffffff !important;
}

.table-component-container .table-pagination .page-item .page-link {
  background-color: transparent !important;
  border: none !important;
  color: #2d2a27;
  font-size: 0.85rem;
  padding: 0 !important;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.table-component-container .table-pagination .page-item .page-link:hover {
  background-color: #ebeff2 !important;
}

.table-component-container .table-pagination .page-item button[id$=-table-next-page],
.table-component-container .table-pagination .page-item button[id$=-table-prev-page] {
  background-color: transparent !important;
  border: none !important;
  color: #2d2a27;
  font-size: 0.85rem;
  padding: 0 !important;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.table-component-container .table-pagination .page-item button[id$=-table-next-page] .bi,
.table-component-container .table-pagination .page-item button[id$=-table-prev-page] .bi {
  color: #35647e;
}

.table-component-container .table-pagination .page-item button[id$=-table-next-page]:hover,
.table-component-container .table-pagination .page-item button[id$=-table-prev-page]:hover {
  background-color: #ebeff2 !important;
}

.table-component-container .table-pagination .page-item button[id$=-table-next-page]:disabled .bi,
.table-component-container .table-pagination .page-item button[id$=-table-prev-page]:disabled .bi {
  color: #b5b4b2 !important;
}

.table-component-container .table-pagination [id$=-table-pagination-numbers] {
  display: flex;
  column-gap: 5px;
}

.table-component-container .table-pagination .btn.dropdown-toggle.custom-rows-per-page-btn {
  min-width: 60px;
  border: 1px solid #d9d8d6 !important;
  color: #2d2a27 !important;
}

.table-component-container .table-pagination .btn.dropdown-toggle.custom-rows-per-page-btn:hover, .table-component-container .table-pagination .btn.dropdown-toggle.custom-rows-per-page-btn:focus, .table-component-container .table-pagination .btn.dropdown-toggle.custom-rows-per-page-btn.show {
  background-color: #ffffff !important;
}

.table-component-container .table-pagination .btn.dropdown-toggle.custom-rows-per-page-btn .rows-per-page-value {
  display: inline-block;
}

.table-component-container .table-pagination .custom-rows-per-page-menu {
  min-width: 85px;
  padding: 0.5rem 0;
}

.table-component-container .table-pagination .custom-rows-per-page-menu li {
  padding: 0.125rem 0 !important;
}

.table-component-container .table-pagination .custom-rows-per-page-menu li .rows-per-page-option {
  cursor: pointer;
  color: #2d2a27 !important;
  font-weight: 400;
}

.table-component-container .table-pagination .custom-rows-per-page-menu li .rows-per-page-option:hover {
  background-color: #ebeff2;
}

.table-component-container .table-pagination .custom-rows-per-page-menu li .rows-per-page-option.active {
  background-color: #ebeff2;
  font-weight: 700;
}

@media (max-width: 767.98px) {
  .table-controls {
    width: 100%;
  }
  .table-controls .table-controls-main {
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 0.75rem !important;
  }
  .table-controls .table-controls-edit {
    margin-left: 0 !important;
  }
  .table-search {
    width: 100%;
  }
  .table-search .search-field-wrap {
    width: 100%;
  }
  .table-search .search-input {
    width: 100% !important;
  }
  .table-export {
    display: none !important;
  }
  .table-pagination {
    width: 100%;
    justify-content: center;
  }
  .table-pagination .rows-per-page-control {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .tabulator .tabulator-frozen,
  .tabulator .tabulator-frozen.tabulator-cell,
  .tabulator .tabulator-frozen.tabulator-col {
    position: relative !important;
    left: auto !important;
  }
  .tabulator .tabulator-frozen.scroll-active,
  .tabulator .tabulator-frozen.scroll-active.tabulator-cell,
  .tabulator .tabulator-frozen.scroll-active.tabulator-col {
    box-shadow: none;
  }
  .tabulator .tabulator-frozen.scroll-active:not(:has(~ .tabulator-frozen))::after,
  .tabulator .tabulator-frozen.scroll-active.tabulator-cell:not(:has(~ .tabulator-frozen))::after,
  .tabulator .tabulator-frozen.scroll-active.tabulator-header-filter:not(:has(~ .tabulator-frozen))::after,
  .tabulator .tabulator-frozen.scroll-active.tabulator-col:not(:has(~ .tabulator-frozen))::after {
    content: none !important;
  }
}
.table-empty-state-row td.table-empty-state-cell {
  padding: 1.5rem 1rem !important;
  text-align: center;
  vertical-align: middle;
  background-color: #ffffff !important;
  border-bottom: 1px solid #e9e8e6 !important;
}

.table-empty-state {
  gap: 0.5rem;
  min-height: 96px;
}

.table-empty-state.table-empty-state-compact {
  gap: 0;
  min-height: auto;
}

.table-empty-state-plain-message {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  white-space: normal;
  max-width: none;
}

.table-empty-state-icon {
  font-size: 1.75rem;
  color: #6d6c6a;
}

.table-empty-state-title {
  color: #2d2a27;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25;
}

.table-empty-state-message {
  color: #4f4c49;
  font-size: 0.95rem;
  line-height: 1.4;
  white-space: normal;
  max-width: 42rem;
}

.table-loading-state {
  gap: 0.75rem;
  min-height: 96px;
}

.table-loading-state-spinner {
  width: 2rem;
  height: 2rem;
  border-width: 0.2em;
  color: #35647e;
}

.table-loading-state-message {
  color: #4f4c49;
  font-size: 0.95rem;
  line-height: 1.4;
}

[id^=column-group-toggle-header-][id$=-menu] .form-check {
  border-bottom: none !important;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

[id^=column-group-toggle-header-][id$=-menu] .form-check .form-check-input {
  border-color: #35647e !important;
  background-color: transparent !important;
}

[id^=column-group-toggle-header-][id$=-menu] .form-check .form-check-input:checked {
  background-color: transparent !important;
  border-color: #35647e !important;
  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") !important;
}

[id^=column-group-toggle-header-][id$=-menu] .form-check .form-check-input:focus {
  border-color: #35647e !important;
  box-shadow: 0 0 0 0.25rem rgba(53, 100, 126, 0.25) !important;
}

[id^=column-group-toggle-header-][id$=-menu] .form-check .form-check-label {
  color: #35647e !important;
}

.tabulator-edit-dropdown-menu {
  padding: 0 !important;
}

.tabulator-edit-dropdown-menu .dropdown-item {
  padding: 0.5rem 1rem !important;
  color: #2d2a27 !important;
  text-align: left;
}

.tabulator-edit-dropdown-menu .dropdown-item.active {
  background-color: #ebeff2 !important;
}

.tabulator-edit-dropdown-menu .dropdown-item:hover {
  background-color: #ebeff2 !important;
}

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

.tabulator-edit-dropdown-menu .dropdown-item.dropdown-item-break-spaces {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.3;
  min-height: 2.25rem;
  height: auto;
}

.tabulator-edit-select-toggle {
  background-color: #ffffff !important;
  border-color: #d9d8d6 !important;
  color: #2d2a27 !important;
  display: block;
  min-width: 184px !important;
  max-width: 100%;
  overflow: hidden;
  padding-right: 1rem !important;
}

.tabulator-edit-select-toggle:hover, .tabulator-edit-select-toggle:focus, .tabulator-edit-select-toggle.show {
  background-color: #ffffff !important;
  border-color: #d9d8d6 !important;
  color: #2d2a27 !important;
}

.tabulator-edit-select-toggle.is-placeholder {
  color: #595857 !important;
}

.tabulator-edit-select-toggle.is-placeholder .tabulator-edit-select-text {
  text-overflow: clip;
}

button.tabulator-edit-select-toggle.dropdown-toggle,
.btn.tabulator-edit-select-toggle.dropdown-toggle {
  background-color: #ffffff !important;
  border-color: #d9d8d6 !important;
  color: #2d2a27 !important;
  padding-right: 0.5rem !important;
}

button.tabulator-edit-select-toggle.dropdown-toggle:hover, button.tabulator-edit-select-toggle.dropdown-toggle:focus, button.tabulator-edit-select-toggle.dropdown-toggle:focus-visible, button.tabulator-edit-select-toggle.dropdown-toggle:active, button.tabulator-edit-select-toggle.dropdown-toggle.show,
.btn.tabulator-edit-select-toggle.dropdown-toggle:hover,
.btn.tabulator-edit-select-toggle.dropdown-toggle:focus,
.btn.tabulator-edit-select-toggle.dropdown-toggle:focus-visible,
.btn.tabulator-edit-select-toggle.dropdown-toggle:active,
.btn.tabulator-edit-select-toggle.dropdown-toggle.show {
  background-color: #ffffff !important;
  border-color: #d9d8d6 !important;
  color: #2d2a27 !important;
  box-shadow: none !important;
}

button.tabulator-edit-select-toggle.dropdown-toggle::after,
.btn.tabulator-edit-select-toggle.dropdown-toggle::after {
  border: 0 !important;
  width: 2rem;
  height: 2rem;
  margin-top: 0.1rem;
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.59 8.29492L12 12.8749L7.41 8.29492L6 9.70492L12 15.7049L18 9.70492L16.59 8.29492Z' fill='%2335647E'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.tabulator-edit-select-content {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
}

.tabulator-edit-select-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  flex: 1 1 auto;
  min-width: 0;
}

table.table-basic {
  border: 1px solid #f3f1ef;
}

table.table-basic.table-striped > tbody > tr:nth-child(odd) {
  background-color: #fff;
  --bs-table-accent-bg: #fff;
}

table.table-basic.table-striped > tbody > tr:nth-child(even) {
  background-color: #f3f1ef;
}

.min-w-0 {
  min-width: 0 !important;
}

.mini-status-indicator {
  width: 10px !important;
  height: 24px;
}

#applications-table.tabulator .tabulator-header {
  background-color: #001970 !important;
  border-bottom: none;
}

#applications-table.tabulator .tabulator-header > .tabulator-header-contents > .tabulator-headers > .tabulator-col:not(.tabulator-col-group) {
  background-color: #001970 !important;
  color: #faf9f6 !important;
  border-color: #e9e8e6 !important;
}

#applications-table.tabulator .tabulator-header > .tabulator-header-contents > .tabulator-headers > .tabulator-col:not(.tabulator-col-group) > .tabulator-col-content {
  color: #2d2a27 !important;
  background-color: #d9d8d6 !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 */
.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: #c3002f;
}

.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;
}

.alert.alert-single-line {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
}

.alert.alert-single-line .alert-text {
  margin-top: 0;
}

.alert.alert-single-line .alert-message {
  margin-bottom: 0;
}

.alert.alert-single-line .btn-close {
  align-self: center;
}

.success-icon {
  color: #2c8d4e;
}

.warning-icon {
  color: #dc580e;
}

.danger-icon,
.system-error {
  color: #c3002f;
}

.info-icon,
.system-info {
  color: #001f8c;
}

.system-success {
  color: #2c8d4e;
}

.system-warning {
  color: #dc580e;
}

/* 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 */
input:not(.choices input):not([type=checkbox]):not([type=radio]),
.choices .choices__inner,
select,
.form-control {
  border-width: 2px;
}

input:not(.choices input):not([type=checkbox]):not([type=radio]):focus, input:not(.choices input):not([type=checkbox]):not([type=radio]):focus-visible,
.choices .choices__inner:focus,
.choices .choices__inner:focus-visible,
select:focus,
select:focus-visible,
.form-control:focus,
.form-control:focus-visible {
  border-color: #001970;
  box-shadow: 0 0 2px 1px rgba(0, 25, 112, 0.75);
}

.form-check .form-check-input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 1.25em;
  height: 1.25em;
  padding: 0.1875em;
  border: 2px solid #35647e;
  border-radius: 50%;
  background-color: transparent;
  background-clip: content-box;
  background-image: none;
  margin-top: 0.1em;
}

.form-check .form-check-input[type=radio]:checked {
  border-color: #35647e;
  background-color: #35647e;
}

.form-check .form-check-input[type=radio]:focus, .form-check .form-check-input[type=radio]:focus-visible {
  border-color: #35647e;
  box-shadow: 0 0 0 0.25rem rgba(53, 100, 126, 0.25);
}

.form-check .form-check-input[type=radio] + .form-check-label {
  padding-left: 0.25rem;
}

form {
  /* Form input field styles */
  /* Form label styles */
  /* Form helper text styles */
  /* Input styles */
  /* Checkboxes & Radios */
  /* Validation styles */
  /* We need this outside the .was-validated class to override background on fields that do ajax validation */
  /* We need this outside the .was-validated class to override background on fields that do ajax validation */
  /* Exclude checkboxes and radios which use background-image for their check marks */
  /* Toggle button group validation */
  /* 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 .choices .choices__inner,
form select,
form .form-control:not(textarea) {
  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 .choices .choices__inner:focus,
form .choices .choices__inner:focus-visible,
form select:focus,
form select:focus-visible,
form .form-control:focus,
form .form-control:focus-visible {
  border-color: #001970;
  box-shadow: 0 0 2px 1px rgba(0, 25, 112, 0.75);
}

form .form-label {
  font-size: 1rem;
  font-weight: 700;
  color: #4f4c49;
  margin-bottom: 0.25rem;
}

form .form-text {
  font-size: 14px;
  font-weight: 400;
  color: #6d6c6a;
  font-style: italic;
}

form .form-control,
form .form-select:not([multiple]):not([size]),
form .form-select:not([multiple])[size="1"] {
  border-width: 2px;
  border-color: #d9d8d6;
}

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;
  border-color: #d9d8d6;
  color: #4f4c49;
  opacity: 1;
  -webkit-text-fill-color: #4f4c49;
}

form .form-control[readonly]::placeholder, form .form-control[disabled]::placeholder,
form .form-select:not([multiple]):not([size])[readonly]::placeholder,
form .form-select:not([multiple]):not([size])[disabled]::placeholder,
form .form-select:not([multiple])[size="1"][readonly]::placeholder,
form .form-select:not([multiple])[size="1"][disabled]::placeholder {
  color: #959492;
  opacity: 1;
}

form .form-check .form-check-input {
  border: 2px solid #35647e;
  /* When checkbox 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:disabled {
  opacity: 1;
  border-color: #35647e;
  background-color: transparent;
}

form .form-check .form-check-input:disabled[type=checkbox]:checked {
  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");
}

form .form-check .form-check-input:disabled ~ .form-check-label {
  color: #2d2a27;
  opacity: 1;
}

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 .form-control.is-invalid,
form .form-select.is-invalid:not([multiple]):not([size]),
form .form-select.is-invalid:not([multiple])[size="1"],
form input.is-invalid:not([type=checkbox]):not([type=radio]),
form select.is-invalid,
form textarea.is-invalid {
  border-color: #c3002f;
}

form .form-control.is-invalid:focus, form .form-control.is-invalid:focus-visible,
form .form-select.is-invalid:not([multiple]):not([size]):focus,
form .form-select.is-invalid:not([multiple]):not([size]):focus-visible,
form .form-select.is-invalid:not([multiple])[size="1"]:focus,
form .form-select.is-invalid:not([multiple])[size="1"]:focus-visible,
form input.is-invalid:not([type=checkbox]):not([type=radio]):focus,
form input.is-invalid:not([type=checkbox]):not([type=radio]):focus-visible,
form select.is-invalid:focus,
form select.is-invalid:focus-visible,
form textarea.is-invalid:focus,
form textarea.is-invalid:focus-visible {
  border-color: #c3002f;
  box-shadow: 0 0 0 0.25rem rgba(195, 0, 47, 0.25);
}

form .invalid-feedback {
  color: #c3002f;
}

form .is-invalid:not([type=checkbox]):not([type=radio]) {
  background: none !important;
}

form .toggle-button-group .btn-check:focus, form .toggle-button-group .btn-check:focus-visible {
  box-shadow: 0 0 2px 1px rgba(0, 25, 112, 0.75);
  border-color: #001970;
  border-width: 2px;
}

form .toggle-button-group .btn-check:focus + .btn, form .toggle-button-group .btn-check:focus-visible + .btn {
  box-shadow: 0 0 2px 1px rgba(0, 25, 112, 0.75);
  border-color: #001970;
  border-width: 2px;
}

form .toggle-button-group.is-invalid .btn-toggle {
  border-color: #c3002f;
}

form .toggle-button-group.is-invalid .invalid-feedback {
  display: block;
}

form .choices {
  margin-bottom: 0;
  border-radius: 0.25rem;
  position: relative;
}

form .choices.is-disabled {
  opacity: 1;
}

form .choices.is-disabled .choices__inner {
  background-color: #f1f1f1;
  border-color: #d9d8d6;
}

form .choices.is-disabled .choices__item {
  color: #4f4c49;
  opacity: 1;
}

form .choices.is-disabled::after {
  border-right-color: #959492;
  border-bottom-color: #959492;
}

form .choices[data-type*=select-multiple]::before, form .choices[data-type*=select-one]::before {
  display: none;
}

form .choices[data-type*=select-multiple]::after, form .choices[data-type*=select-one]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.875rem;
  border: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0 2px 2px 0;
  width: 0.55rem;
  height: 0.55rem;
  border-right-color: #595857;
  border-bottom-color: #595857;
  margin-top: 0;
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
}

form .choices[data-type*=select-multiple].is-open::after, form .choices[data-type*=select-one].is-open::after {
  border-width: 2px 0 0 2px;
  border-top-color: #595857;
  border-left-color: #595857;
  border-right-color: transparent;
  border-bottom-color: transparent;
  margin-top: 2px;
  transform: translateY(-35%) rotate(45deg);
}

form .choices[data-type*=select-multiple] .choices__inner, form .choices[data-type*=select-one] .choices__inner {
  padding-right: 2rem !important;
}

form .choices[data-type*=select-multiple] .choices__input,
form .choices[data-type*=select-multiple] .choices__input--cloned {
  font-size: 1rem !important;
  line-height: 1.5rem;
  color: rgba(45, 42, 39, 0.5) !important;
  padding: 0.2rem 0 0 0.25rem !important;
  margin: 0 !important;
}

form .choices[data-type*=select-multiple] .choices__input::placeholder,
form .choices[data-type*=select-multiple] .choices__input--cloned::placeholder {
  color: rgba(45, 42, 39, 0.5) !important;
  opacity: 1;
}

form .choices[data-type*=select-multiple] .choices__placeholder {
  color: rgba(45, 42, 39, 0.5) !important;
  opacity: 1;
}

form .choices:focus, form .choices:focus-visible {
  box-shadow: 0 0 2px 1px rgba(0, 25, 112, 0.75);
  outline: none;
  outline-offset: 0;
}

form .choices:focus .choices__inner, form .choices:focus-visible .choices__inner {
  border-color: #001970;
  border-width: 2px;
}

form .choices .choices__inner {
  border-color: #d9d8d6;
  background-color: #ffffff;
  padding-bottom: 1px !important;
  padding-top: 6.5px;
  height: 100%;
  min-height: 40px;
  border-radius: 0.25rem !important;
  font-size: 1rem !important;
}

form .choices .choices__inner.is-invalid {
  border-color: #c3002f !important;
}

form .choices .choices__inner input {
  margin-bottom: unset;
  padding: unset;
  background-color: #ffffff;
}

form .choices .choices__inner .choices__list {
  padding: 0;
}

form .choices .choices__inner .choices__item.choices__item--selectable {
  white-space: nowrap;
  word-wrap: break-word;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

form .choices .choices__button {
  color: #4f4c49;
  padding: 0 8px 0 16px;
  font-size: 12px;
  height: auto;
}

form .choices .choices__button:hover, form .choices .choices__button:focus {
  background-size: 8px !important;
}

form .choices .choices__list--dropdown,
form .choices .choices__list[aria-expanded] {
  min-width: 150px;
  word-break: break-word;
}

/* Remove the validation icon for .is-invalid outside of forms (e.g. inline table editing) */
.dropdown-toggle.is-invalid:not([type=checkbox]):not([type=radio]) {
  background-image: none !important;
  padding-right: 0.75rem !important;
  border-color: #c3002f !important;
  color: #c3002f !important;
}

.dropdown-toggle.is-invalid:not([type=checkbox]):not([type=radio]):hover {
  border-color: #c3002f !important;
  background-color: #c3002f !important;
  color: #ffffff !important;
}

.dropdown-toggle.is-invalid:not([type=checkbox]):not([type=radio]):focus, .dropdown-toggle.is-invalid:not([type=checkbox]):not([type=radio]):focus-visible {
  border-color: #c3002f !important;
  box-shadow: 0 0 0 0.25rem rgba(195, 0, 47, 0.25) !important;
  background-color: #c3002f !important;
  color: #ffffff !important;
}

.search-field > div {
  margin-bottom: 0 !important;
}

.search-field-wrap {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 44px;
}

.search-field-icon {
  position: absolute;
  left: 0.75rem;
  color: #595857;
  pointer-events: none;
}

.search-field .search-input,
.search-field-wrap .search-input {
  height: 44px;
  width: 100%;
  padding-left: 2.25rem;
}

.search-field-sm .search-field-wrap {
  height: 31px;
}

.search-field-sm .search-field-icon {
  font-size: 0.75rem;
  left: 0.625rem;
}

.search-field-sm .search-input {
  height: 31px;
  font-size: 0.875rem;
  padding-left: 1.875rem;
}

/* 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: width 0.3s ease-in;
  width: 240px;
  padding-top: 45px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  overflow: visible;
}

.sidebar.collapse:not(.show) {
  width: 20px;
}

.sidebar.collapse:not(.show) .sidebar-container {
  opacity: 0;
  pointer-events: none;
}

.sidebar.collapse:not(.show) .sidebar-toggle-btn .bi {
  transform: rotate(180deg);
}

.sidebar.collapsing {
  transition: width 0.3s ease-in;
}

.sidebar .sidebar-toggle {
  position: absolute;
  top: 15px;
  right: -13px;
  z-index: 999;
  width: 26px;
  height: 26px;
  cursor: pointer;
  pointer-events: auto;
  display: block;
}

.sidebar .sidebar-toggle .sidebar-toggle-btn {
  height: 26px;
  width: 26px;
  padding: 0;
  margin-top: 0;
  line-height: 1;
  color: #35647e;
  border: 1px solid #35647e;
  border-radius: 50%;
  background-color: #ffffff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.3s ease-in-out;
}

.sidebar .sidebar-toggle .sidebar-toggle-btn:hover {
  transition: all 0.3s ease-in-out;
}

.sidebar .sidebar-toggle .sidebar-toggle-btn:hover, .sidebar .sidebar-toggle .sidebar-toggle-btn:focus-visible {
  background-color: #35647e;
  color: #ffffff;
}

.sidebar .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 .sidebar-toggle .sidebar-toggle-btn .bi {
  transition: transform 0.2s ease-in;
  font-size: 16px;
  line-height: 1;
}

.sidebar .sidebar-container {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 5px;
  width: 100%;
  transition: opacity 0.3s ease-in;
}

.sidebar .sidebar-container .sidebar-nav {
  width: 220px;
}

.sidebar .sidebar-container .sidebar-nav ul {
  padding: 10px 0;
}

.sidebar .sidebar-container .sidebar-nav ul .nav-item {
  padding: 2px 10px;
}

.sidebar .sidebar-container .sidebar-nav ul .nav-item .nav-link,
.sidebar .sidebar-container .sidebar-nav ul .nav-item .btn {
  padding: 0.5rem 0.75rem;
  font-size: 1.15rem;
  border: 0;
  color: #2d2a27;
  background-color: transparent;
  border-radius: 0;
}

.sidebar .sidebar-container .sidebar-nav ul .nav-item .nav-link.active,
.sidebar .sidebar-container .sidebar-nav ul .nav-item .btn.active {
  color: #f3f1ef;
  background-color: #001970;
}

.sidebar .sidebar-container .sidebar-nav ul .nav-item .nav-link:hover, .sidebar .sidebar-container .sidebar-nav ul .nav-item .nav-link:focus, .sidebar .sidebar-container .sidebar-nav ul .nav-item .nav-link:focus-visible,
.sidebar .sidebar-container .sidebar-nav ul .nav-item .btn:hover,
.sidebar .sidebar-container .sidebar-nav ul .nav-item .btn:focus,
.sidebar .sidebar-container .sidebar-nav ul .nav-item .btn:focus-visible {
  color: #f3f1ef;
  background-color: #001970;
}

.sidebar .sidebar-container .sidebar-nav ul .nav-item .nav-link:focus-visible,
.sidebar .sidebar-container .sidebar-nav ul .nav-item .btn: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 .mobile-tabs-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.mobile-sidenav .mobile-tabs-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.mobile-sidenav .mobile-tabs-scroll::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.mobile-sidenav .nav-tabs {
  border-bottom: none;
  margin-bottom: 0;
}

.mobile-sidenav .nav-link {
  white-space: nowrap;
  padding: 0.5rem 1rem;
  border: none;
  color: #2d2a27;
}

.mobile-sidenav .nav-link.active {
  color: #f3f1ef;
  background-color: #001970;
  border: none;
}

.mobile-sidenav.dropdown button.dropdown-toggle {
  padding: 0;
  border: none;
  background-color: transparent;
}

.mobile-sidenav.dropdown button.dropdown-toggle:after {
  display: none;
}

.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: #001970;
  border-bottom: 1px solid #001970;
}

.status-pill {
  border-radius: 30px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 2px 14px;
  font-size: 15px;
  width: fit-content;
  max-width: 100%;
}

.table-boolean-icon {
  font-size: 1.25rem;
  line-height: 1;
}

/* 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;
}

.tooltip-warning .tooltip-inner {
  color: #000000;
}

.custom-tooltip-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #2d2a27;
}

.custom-tooltip-content * {
  display: inline-block;
  margin: 0;
  font-size: 14px;
}

button.tooltip-toggle {
  all: unset;
  display: inline;
  cursor: pointer;
  font-style: normal;
  line-height: inherit;
  vertical-align: baseline;
}

button.tooltip-toggle:focus-visible {
  outline: 2px solid #001970;
  outline-offset: 2px;
  border-radius: 2px;
}

.btn .tooltip-toggle {
  margin-left: 8px;
  transition: all 0.3s ease-in;
}

.btn.btn-secondary:hover .tooltip-toggle {
  color: #ffffff !important;
}

.tooltip.notes-tooltip-popup.show {
  opacity: 1 !important;
}

.tooltip.notes-tooltip-popup .tooltip-arrow {
  display: none !important;
}

.tooltip.notes-tooltip-popup .tooltip-inner {
  background-color: #ffffff;
  border: 1px solid #f1f1f1;
  border-radius: 0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
  max-width: 430px !important;
  padding: 12px 14px !important;
  text-align: left !important;
  max-height: 400px;
  overflow-y: auto;
}

.tooltip.notes-tooltip-popup .tooltip-inner .notes-tooltip {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.tooltip.notes-tooltip-popup .tooltip-inner .notes-tooltip .note-item {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.tooltip.notes-tooltip-popup .tooltip-inner .notes-tooltip .note-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.tooltip.notes-tooltip-popup .tooltip-inner .notes-tooltip .note-text {
  font-size: 16px;
  color: #2d2a27;
  margin-bottom: 0.5rem;
  font-weight: 500;
  max-height: 85px;
  overflow-y: scroll;
  padding-right: 10px;
}

.tooltip.notes-tooltip-popup .tooltip-inner .notes-tooltip .note-meta {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  color: #595857;
  font-size: 14px;
}

.tooltip.notes-tooltip-popup .tooltip-inner .notes-tooltip .note-meta .note-user {
  color: #595857;
  font-weight: 400;
}

.tooltip.notes-tooltip-popup .tooltip-inner .notes-tooltip .note-meta .note-date {
  color: #595857;
}

.tooltip.notes-tooltip-popup .tooltip-inner .notes-tooltip .note-meta .note-staff-status.status-pill {
  font-size: 13px !important;
  padding: 2px 10px;
  border-radius: 15px;
}

.tooltip.funding-tooltip-popup.show {
  opacity: 1 !important;
}

.tooltip.funding-tooltip-popup .tooltip-arrow {
  display: none !important;
}

.tooltip.funding-tooltip-popup .tooltip-inner {
  background-color: #ffffff;
  border: 1px solid #b5b4b2;
  max-width: 400px !important;
  text-align: left !important;
}

.tooltip.funding-tooltip-popup .tooltip-inner .funding-tooltip {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.tooltip.funding-tooltip-popup .tooltip-inner .funding-tooltip .funding-item {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.tooltip.funding-tooltip-popup .tooltip-inner .funding-tooltip .funding-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.tooltip.funding-tooltip-popup .tooltip-inner .funding-tooltip .funding-text {
  font-size: 14px;
  color: #595857;
  margin-bottom: 0.25rem;
}

.tooltip.funding-tooltip-popup .tooltip-inner .funding-tooltip .funding-meta {
  display: flex;
  flex-direction: column;
  color: #2d2a27;
  font-size: 15px;
}

.modal .modal-header {
  padding: 1.5rem;
  border-bottom: none;
}

.modal .modal-body {
  padding: 0 1.5rem;
}

.modal .modal-footer {
  padding: 1.5rem;
  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 */
/* MIXINS (consider putting into _mixins.scss) */
/* these are "mixins" that can be used to apply groups of styles to multiple elements */
/* Button Reset */
.accordion-item {
  border: 1px solid #f3f1ef;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1019607843);
}

.accordion-item.section-invalid, .accordion-item.border-danger {
  border-color: #c3002f !important;
  border-width: 2px !important;
  border-style: solid;
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-button {
  padding: 1rem;
  height: auto;
  min-height: 42px;
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
}

.accordion-button.no-toggle {
  pointer-events: none;
  cursor: default;
}

.accordion-button.no-toggle::after {
  display: none;
}

.accordion-button .badge {
  flex-shrink: 0;
}

.accordion-button:not(.collapsed) {
  background-color: #ffffff;
  box-shadow: none !important;
  color: #2d2a27;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2335647E'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:hover::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2335647E'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:focus {
  box-shadow: none;
}

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

.accordion-collapse .accordion-body {
  padding: 1rem;
}

@media (max-width: 767px) {
  .program-accordion .accordion-button .h3 {
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .program-accordion .accordion-button span.badge {
    width: 32px !important;
    height: 32px !important;
    line-height: 12px;
  }
}
.tile-radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.tile-radio {
  flex: 1 1 150px;
  min-width: 120px;
  width: 120px;
  height: 120px;
}

.tile-radio .form-check-input {
  display: none;
}

.tile-radio .form-check-label {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  border: 2px solid #dee2e6;
  padding: 0;
}

.tile-radio .form-check-input:checked + .form-check-label {
  border-color: #007bff;
  background-color: #e7f1ff;
  box-shadow: 0 0 8px rgba(0, 123, 255, 0.3);
}

.tile-radio .form-check-label:hover {
  background-color: #f8f9fa;
}

/* 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 */
.program-selection-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-top: 2rem;
}

.program-selection-container .program-card {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
  padding: 0.875rem;
  transition: all 0.2s ease-in-out;
  background-color: #ffffff;
  height: 100%;
  min-height: 200px;
  border: 5px solid transparent;
}

@media (min-width: 992px) {
  .program-selection-container .program-card {
    padding: 1.5rem;
  }
}
.program-selection-container .program-card:hover {
  box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.15);
}

.program-selection-container .program-card.selected {
  border-color: #35647e;
  box-shadow: 0px 0px 16px 0px rgba(0, 15, 67, 0.6);
}

.program-selection-container .program-card.program-card-disabled {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}

.program-selection-container .program-card.program-card-disabled:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.program-selection-container .program-card.program-card-disabled .program-card-title {
  color: #959492;
}

.program-selection-container .program-card.program-card-disabled .program-card-radio {
  border-color: #b5b4b2;
  cursor: not-allowed;
}

.program-selection-container .program-card.program-card-disabled .program-card-radio:hover, .program-selection-container .program-card.program-card-disabled .program-card-radio:focus-visible {
  border-color: #b5b4b2;
  box-shadow: none;
}

.program-selection-container .program-card.program-card-disabled .program-card-toggle {
  position: relative;
  z-index: 1;
}

.program-selection-container .program-card-header {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.program-selection-container .program-card-radio {
  width: 25px;
  height: 25px;
  cursor: pointer;
  flex-shrink: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 2px solid #35647e;
  border-radius: 50%;
  position: relative;
  margin: 0;
  background-color: #ffffff;
  transition: all 0.2s ease-in-out;
}

.program-selection-container .program-card-radio:hover, .program-selection-container .program-card-radio:focus-visible {
  border-color: #001970;
  box-shadow: 0 0 2px 3px rgba(0, 25, 112, 0.75);
  outline: none;
}

.program-selection-container .program-card-radio:checked {
  background-color: #ffffff;
  border-color: #35647e;
}

.program-selection-container .program-card-radio:checked::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 8px;
  height: 12px;
  border: solid #35647e;
  border-width: 0 0.1875rem 0.1875rem 0;
  border-radius: 2px;
  transform: rotate(45deg);
}

.program-selection-container .program-card-title-label {
  cursor: pointer;
  flex: 1;
  margin: 0;
}

.program-selection-container .program-card-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #2d2a27;
  margin: 0;
}

.program-selection-container .program-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  color: #2d2a27;
}

.program-selection-container .program-card-description {
  color: #2d2a27;
  margin-bottom: 1rem;
  flex: 1;
  line-height: 1.6;
}

.program-selection-container .program-card-link {
  display: inline-block;
  color: #001970;
  text-decoration: none;
  font-weight: 500;
  margin-top: auto;
  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;
}

.program-selection-container .program-card-link:before, .program-selection-container .program-card-link:after {
  position: absolute;
  background-color: #001970;
  height: 1px;
}

.program-selection-container .program-card-link:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.program-selection-container .program-card-link:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.program-selection-container .program-card-link:hover {
  background-size: 100% 1px;
  color: #001970;
}

.program-selection-container .program-card-link:hover:before {
  width: 100%;
}

.program-selection-container .program-card-link:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.program-selection-container .program-card-link:hover span {
  background-size: 100% 1px;
  color: #001970;
}

.program-selection-container .program-card-link:hover span:before {
  width: 100%;
}

.program-selection-container .program-card-link:hover span:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

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

.program-selection-container .program-card-link:focus:before, .program-selection-container .program-card-link:focus-visible:before {
  width: 100%;
}

.program-selection-container .program-card-link:focus:after, .program-selection-container .program-card-link:focus-visible:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.program-selection-container .program-card-toggle {
  display: inline-block;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-align: left;
  color: #35647e;
  font-weight: 500;
  margin-top: auto;
  width: auto;
  align-self: flex-start;
}

.program-selection-container .program-card-toggle .toggle-text-hide,
.program-selection-container .program-card-toggle .toggle-text-view {
  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;
}

.program-selection-container .program-card-toggle .toggle-text-hide:before, .program-selection-container .program-card-toggle .toggle-text-hide:after,
.program-selection-container .program-card-toggle .toggle-text-view:before,
.program-selection-container .program-card-toggle .toggle-text-view:after {
  position: absolute;
  background-color: #001970;
  height: 1px;
}

.program-selection-container .program-card-toggle .toggle-text-hide:before,
.program-selection-container .program-card-toggle .toggle-text-view:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.program-selection-container .program-card-toggle .toggle-text-hide:after,
.program-selection-container .program-card-toggle .toggle-text-view:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.program-selection-container .program-card-toggle .toggle-text-hide:hover,
.program-selection-container .program-card-toggle .toggle-text-view:hover {
  background-size: 100% 1px;
  color: #001970;
}

.program-selection-container .program-card-toggle .toggle-text-hide:hover:before,
.program-selection-container .program-card-toggle .toggle-text-view:hover:before {
  width: 100%;
}

.program-selection-container .program-card-toggle .toggle-text-hide:hover:after,
.program-selection-container .program-card-toggle .toggle-text-view:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.program-selection-container .program-card-toggle .toggle-text-hide:hover span,
.program-selection-container .program-card-toggle .toggle-text-view:hover span {
  background-size: 100% 1px;
  color: #001970;
}

.program-selection-container .program-card-toggle .toggle-text-hide:hover span:before,
.program-selection-container .program-card-toggle .toggle-text-view:hover span:before {
  width: 100%;
}

.program-selection-container .program-card-toggle .toggle-text-hide:hover span:after,
.program-selection-container .program-card-toggle .toggle-text-view:hover span:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.program-selection-container .program-card-toggle .toggle-text-hide:focus, .program-selection-container .program-card-toggle .toggle-text-hide:focus-visible,
.program-selection-container .program-card-toggle .toggle-text-view:focus,
.program-selection-container .program-card-toggle .toggle-text-view:focus-visible {
  background-size: 100% 1px;
  color: #001970;
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.program-selection-container .program-card-toggle .toggle-text-hide:focus:before, .program-selection-container .program-card-toggle .toggle-text-hide:focus-visible:before,
.program-selection-container .program-card-toggle .toggle-text-view:focus:before,
.program-selection-container .program-card-toggle .toggle-text-view:focus-visible:before {
  width: 100%;
}

.program-selection-container .program-card-toggle .toggle-text-hide:focus:after, .program-selection-container .program-card-toggle .toggle-text-hide:focus-visible:after,
.program-selection-container .program-card-toggle .toggle-text-view:focus:after,
.program-selection-container .program-card-toggle .toggle-text-view:focus-visible:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.program-selection-container .program-card-toggle .toggle-text-hide {
  display: none;
}

.program-selection-container .program-card-toggle[aria-expanded=true] .toggle-text-view {
  display: none;
}

.program-selection-container .program-card-toggle[aria-expanded=true] .toggle-text-hide {
  display: inline;
}

.program-selection-container .program-card-eligibility {
  padding-top: 1rem;
}

.program-selection-container .program-card-eligibility-title {
  font-weight: 600;
  font-size: 1rem;
  color: #2d2a27;
  margin-bottom: 0.75rem;
}

.program-selection-container .program-card-eligibility-list {
  margin: 0;
  padding-left: 1.5rem;
  color: #2d2a27;
}

.program-selection-container .program-card-eligibility-list li {
  margin-bottom: 0.75rem;
  line-height: 1.6;
}

.program-selection-container .program-card-eligibility-list li 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;
}

.program-selection-container .program-card-eligibility-list li a:before, .program-selection-container .program-card-eligibility-list li a:after {
  position: absolute;
  background-color: #001970;
  height: 1px;
}

.program-selection-container .program-card-eligibility-list li a:before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.5s;
}

.program-selection-container .program-card-eligibility-list li a:after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}

.program-selection-container .program-card-eligibility-list li a:hover {
  background-size: 100% 1px;
  color: #001970;
}

.program-selection-container .program-card-eligibility-list li a:hover:before {
  width: 100%;
}

.program-selection-container .program-card-eligibility-list li a:hover:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.program-selection-container .program-card-eligibility-list li a:hover span {
  background-size: 100% 1px;
  color: #001970;
}

.program-selection-container .program-card-eligibility-list li a:hover span:before {
  width: 100%;
}

.program-selection-container .program-card-eligibility-list li a:hover span:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.program-selection-container .program-card-eligibility-list li a:focus, .program-selection-container .program-card-eligibility-list li a:focus-visible {
  background-size: 100% 1px;
  color: #001970;
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.program-selection-container .program-card-eligibility-list li a:focus:before, .program-selection-container .program-card-eligibility-list li a:focus-visible:before {
  width: 100%;
}

.program-selection-container .program-card-eligibility-list li a:focus:after, .program-selection-container .program-card-eligibility-list li a:focus-visible:after {
  left: 100%;
  width: 0%;
  transition: all ease 0.3s;
}

.program-selection-container .program-card-disabled-overlay {
  position: absolute;
  inset: 0;
  border: 0;
  background: transparent;
  cursor: not-allowed;
  z-index: 2;
}

.program-selection-container .program-card-wrapper .program-card-disabled-alert {
  margin-bottom: 0;
  position: absolute;
  top: 0.75rem;
  left: 50%;
  transform: translateX(-10%);
  width: min(520px, 100% - 1.5rem);
  z-index: 3;
}

@media (max-width: 991.98px) {
  .program-selection-container .program-card-wrapper .program-card-disabled-alert {
    left: 0.75rem;
    right: 0.75rem;
    transform: none;
    width: auto;
  }
}
.card.program-card {
  gap: 15px;
  padding: 1.5rem;
  border-radius: 2px;
  border: 1px solid #d9d8d6;
  box-shadow: none;
  transition: box-shadow 0.2s ease-in-out;
}

.card.program-card:hover {
  box-shadow: 0px 0px 6px 3px rgba(0, 25, 112, 0.6);
  cursor: pointer;
}

.card.program-card .card-title {
  font-family: "museo", serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0;
  text-align: center;
  margin: 0;
}

.card.program-card .card-body {
  font-family: Trebuchet MS, Lucida Grande, Tahoma, sans-serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
}

/* 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 */
/* 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 {
  background-color: #e9e8e6 !important;
  color: #6d6c6a !important;
  border-color: #e9e8e6 !important;
}

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

.btn[aria-disabled=true] > *,
.btn-primary[aria-disabled=true] > *,
.button[aria-disabled=true] > *,
[type=reset][aria-disabled=true] > *,
[type=submit][aria-disabled=true] > *,
button[aria-disabled=true] > * {
  color: #959492 !important;
}

.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-outline-primary, .btn.btn-secondary,
.btn-primary.btn-outline-primary,
.btn-primary.btn-secondary,
.button.btn-outline-primary,
.button.btn-secondary,
[type=reset].btn-outline-primary,
[type=reset].btn-secondary,
[type=submit].btn-outline-primary,
[type=submit].btn-secondary,
button.btn-outline-primary,
button.btn-secondary {
  background-color: transparent;
  color: #35647e;
  border-color: #35647e;
}

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

.btn.btn-outline-primary:disabled, .btn.btn-secondary:disabled,
.btn-primary.btn-outline-primary:disabled,
.btn-primary.btn-secondary:disabled,
.button.btn-outline-primary:disabled,
.button.btn-secondary:disabled,
[type=reset].btn-outline-primary:disabled,
[type=reset].btn-secondary:disabled,
[type=submit].btn-outline-primary:disabled,
[type=submit].btn-secondary:disabled,
button.btn-outline-primary:disabled,
button.btn-secondary:disabled {
  background-color: transparent !important;
  color: #959492 !important;
  border-color: #959492 !important;
}

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

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

.btn.btn-tertiary:disabled,
.btn-primary.btn-tertiary:disabled,
.button.btn-tertiary:disabled,
[type=reset].btn-tertiary:disabled,
[type=submit].btn-tertiary:disabled,
button.btn-tertiary:disabled {
  background-color: #e9e8e6 !important;
  color: #6d6c6a !important;
  border-color: #e9e8e6 !important;
}

.btn.btn-toggle,
.btn-primary.btn-toggle,
.button.btn-toggle,
[type=reset].btn-toggle,
[type=submit].btn-toggle,
button.btn-toggle {
  background-color: transparent;
  color: #2d2a27;
  border-color: #d9d8d6;
}

.btn.btn-toggle:hover, .btn.btn-toggle:focus,
.btn-primary.btn-toggle:hover,
.btn-primary.btn-toggle:focus,
.button.btn-toggle:hover,
.button.btn-toggle:focus,
[type=reset].btn-toggle:hover,
[type=reset].btn-toggle:focus,
[type=submit].btn-toggle:hover,
[type=submit].btn-toggle:focus,
button.btn-toggle:hover,
button.btn-toggle:focus {
  box-shadow: 0px 0px 6px 0px rgba(0, 25, 112, 0.6);
}

.btn.btn-toggle:disabled,
.btn-primary.btn-toggle:disabled,
.button.btn-toggle:disabled,
[type=reset].btn-toggle:disabled,
[type=submit].btn-toggle:disabled,
button.btn-toggle:disabled {
  background-color: transparent !important;
  color: #959492 !important;
  border-color: #959492 !important;
}

.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.btn-success,
.btn-primary.btn-confirm,
.btn-primary.btn-success,
.button.btn-confirm,
.button.btn-success,
[type=reset].btn-confirm,
[type=reset].btn-success,
[type=submit].btn-confirm,
[type=submit].btn-success,
button.btn-confirm,
button.btn-success {
  background-color: #245d38;
  color: #ffffff;
  border-color: #245d38;
}

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

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

.btn.btn-delete:hover, .btn.btn-delete:focus, .btn.btn-danger:hover, .btn.btn-danger:focus,
.btn-primary.btn-delete:hover,
.btn-primary.btn-delete:focus,
.btn-primary.btn-danger:hover,
.btn-primary.btn-danger:focus,
.button.btn-delete:hover,
.button.btn-delete:focus,
.button.btn-danger:hover,
.button.btn-danger:focus,
[type=reset].btn-delete:hover,
[type=reset].btn-delete:focus,
[type=reset].btn-danger:hover,
[type=reset].btn-danger:focus,
[type=submit].btn-delete:hover,
[type=submit].btn-delete:focus,
[type=submit].btn-danger:hover,
[type=submit].btn-danger:focus,
button.btn-delete:hover,
button.btn-delete:focus,
button.btn-danger:hover,
button.btn-danger: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,
.btn-primary.dropdown-toggle,
.button.dropdown-toggle,
[type=reset].dropdown-toggle,
[type=submit].dropdown-toggle,
button.dropdown-toggle {
  background-color: transparent !important;
  color: #35647e !important;
  border-color: #35647e !important;
}

.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 {
  margin-left: 0.5rem;
}

.btn.dropdown-toggle:hover, .btn.dropdown-toggle:focus, .btn.dropdown-toggle:active, .btn.dropdown-toggle.show,
.btn-primary.dropdown-toggle:hover,
.btn-primary.dropdown-toggle:focus,
.btn-primary.dropdown-toggle:active,
.btn-primary.dropdown-toggle.show,
.button.dropdown-toggle:hover,
.button.dropdown-toggle:focus,
.button.dropdown-toggle:active,
.button.dropdown-toggle.show,
[type=reset].dropdown-toggle:hover,
[type=reset].dropdown-toggle:focus,
[type=reset].dropdown-toggle:active,
[type=reset].dropdown-toggle.show,
[type=submit].dropdown-toggle:hover,
[type=submit].dropdown-toggle:focus,
[type=submit].dropdown-toggle:active,
[type=submit].dropdown-toggle.show,
button.dropdown-toggle:hover,
button.dropdown-toggle:focus,
button.dropdown-toggle:active,
button.dropdown-toggle.show {
  color: #ffffff !important;
  background-color: #35647e !important;
  border-color: #35647e !important;
  box-shadow: none !important;
}

.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.btn-link,
.btn-primary.btn-link,
.button.btn-link,
[type=reset].btn-link,
[type=submit].btn-link,
button.btn-link {
  display: inline-block;
  border: 0;
  padding: 0;
  margin: 0;
  color: #001970;
  text-decoration: none;
  height: 25px;
  font-size: 0.9rem;
  min-height: unset;
}

.btn.btn-link span,
.btn-primary.btn-link span,
.button.btn-link span,
[type=reset].btn-link span,
[type=submit].btn-link span,
button.btn-link span {
  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: 0px solid #001970;
}

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

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

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

.btn.btn-link span:hover,
.btn-primary.btn-link span:hover,
.button.btn-link span:hover,
[type=reset].btn-link span:hover,
[type=submit].btn-link span:hover,
button.btn-link span:hover {
  background-size: 100% 1px;
  color: #001970;
}

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

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

.btn.btn-link span:hover span,
.btn-primary.btn-link span:hover span,
.button.btn-link span:hover span,
[type=reset].btn-link span:hover span,
[type=submit].btn-link span:hover span,
button.btn-link span:hover span {
  background-size: 100% 1px;
  color: #001970;
}

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

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

.btn.btn-link span:focus, .btn.btn-link span:focus-visible,
.btn-primary.btn-link span:focus,
.btn-primary.btn-link span:focus-visible,
.button.btn-link span:focus,
.button.btn-link span:focus-visible,
[type=reset].btn-link span:focus,
[type=reset].btn-link span:focus-visible,
[type=submit].btn-link span:focus,
[type=submit].btn-link span:focus-visible,
button.btn-link span:focus,
button.btn-link span:focus-visible {
  background-size: 100% 1px;
  color: #001970;
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.btn.btn-link span:focus:before, .btn.btn-link span:focus-visible:before,
.btn-primary.btn-link span:focus:before,
.btn-primary.btn-link span:focus-visible:before,
.button.btn-link span:focus:before,
.button.btn-link span:focus-visible:before,
[type=reset].btn-link span:focus:before,
[type=reset].btn-link span:focus-visible:before,
[type=submit].btn-link span:focus:before,
[type=submit].btn-link span:focus-visible:before,
button.btn-link span:focus:before,
button.btn-link span:focus-visible:before {
  width: 100%;
}

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

.btn.btn-link.inline-link,
.btn-primary.btn-link.inline-link,
.button.btn-link.inline-link,
[type=reset].btn-link.inline-link,
[type=submit].btn-link.inline-link,
button.btn-link.inline-link {
  font-size: 1rem;
}

.btn.btn-link.inline-link span,
.btn-primary.btn-link.inline-link span,
.button.btn-link.inline-link span,
[type=reset].btn-link.inline-link span,
[type=submit].btn-link.inline-link span,
button.btn-link.inline-link span {
  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.btn-link.inline-link span:before, .btn.btn-link.inline-link span:after,
.btn-primary.btn-link.inline-link span:before,
.btn-primary.btn-link.inline-link span:after,
.button.btn-link.inline-link span:before,
.button.btn-link.inline-link span:after,
[type=reset].btn-link.inline-link span:before,
[type=reset].btn-link.inline-link span:after,
[type=submit].btn-link.inline-link span:before,
[type=submit].btn-link.inline-link span:after,
button.btn-link.inline-link span:before,
button.btn-link.inline-link span:after {
  position: absolute;
  background-color: #001970;
  height: 1px;
}

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

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

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

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

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

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

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

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

.btn.btn-link.inline-link span:focus, .btn.btn-link.inline-link span:focus-visible,
.btn-primary.btn-link.inline-link span:focus,
.btn-primary.btn-link.inline-link span:focus-visible,
.button.btn-link.inline-link span:focus,
.button.btn-link.inline-link span:focus-visible,
[type=reset].btn-link.inline-link span:focus,
[type=reset].btn-link.inline-link span:focus-visible,
[type=submit].btn-link.inline-link span:focus,
[type=submit].btn-link.inline-link span:focus-visible,
button.btn-link.inline-link span:focus,
button.btn-link.inline-link span:focus-visible {
  background-size: 100% 1px;
  color: #001970;
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

.btn.btn-link.inline-link span:focus:before, .btn.btn-link.inline-link span:focus-visible:before,
.btn-primary.btn-link.inline-link span:focus:before,
.btn-primary.btn-link.inline-link span:focus-visible:before,
.button.btn-link.inline-link span:focus:before,
.button.btn-link.inline-link span:focus-visible:before,
[type=reset].btn-link.inline-link span:focus:before,
[type=reset].btn-link.inline-link span:focus-visible:before,
[type=submit].btn-link.inline-link span:focus:before,
[type=submit].btn-link.inline-link span:focus-visible:before,
button.btn-link.inline-link span:focus:before,
button.btn-link.inline-link span:focus-visible:before {
  width: 100%;
}

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

.btn.btn-link.btn-icon-end .bi, .btn.btn-link.btn-icon-start .bi,
.btn-primary.btn-link.btn-icon-end .bi,
.btn-primary.btn-link.btn-icon-start .bi,
.button.btn-link.btn-icon-end .bi,
.button.btn-link.btn-icon-start .bi,
[type=reset].btn-link.btn-icon-end .bi,
[type=reset].btn-link.btn-icon-start .bi,
[type=submit].btn-link.btn-icon-end .bi,
[type=submit].btn-link.btn-icon-start .bi,
button.btn-link.btn-icon-end .bi,
button.btn-link.btn-icon-start .bi {
  font-size: 1rem;
  margin-right: 0.25rem;
  transition: font-size 0.3s ease-in-out;
}

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

.btn.btn-link:focus span, .btn.btn-link:focus-visible span,
.btn-primary.btn-link:focus span,
.btn-primary.btn-link:focus-visible span,
.button.btn-link:focus span,
.button.btn-link:focus-visible span,
[type=reset].btn-link:focus span,
[type=reset].btn-link:focus-visible span,
[type=submit].btn-link:focus span,
[type=submit].btn-link:focus-visible span,
button.btn-link:focus span,
button.btn-link:focus-visible span {
  background-size: 100% 1px;
  color: #001970;
}

.btn.btn-link:focus span:before, .btn.btn-link:focus-visible span:before,
.btn-primary.btn-link:focus span:before,
.btn-primary.btn-link:focus-visible span:before,
.button.btn-link:focus span:before,
.button.btn-link:focus-visible span:before,
[type=reset].btn-link:focus span:before,
[type=reset].btn-link:focus-visible span:before,
[type=submit].btn-link:focus span:before,
[type=submit].btn-link:focus-visible span:before,
button.btn-link:focus span:before,
button.btn-link:focus-visible span:before {
  width: 100%;
}

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

.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: 0px 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;
  color: #f3f1ef;
}

.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:hover span,
.bg-brand-blue-dk .inline-link:hover span,
.bg-brand-rmtteal .inline-link:hover span {
  background-size: 100% 1px;
  color: #f3f1ef;
}

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

.bg-brand-blue .inline-link:hover span:after,
.bg-brand-blue-dk .inline-link:hover span:after,
.bg-brand-rmtteal .inline-link:hover span: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 {
  background-size: 100% 1px;
  color: #f3f1ef;
  outline: 2px solid transparent;
  box-shadow: 0 0 5px 0.3rem rgba(122, 133, 59, 0.75);
}

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

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

.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);
}

.btn.btn-toggle {
  min-width: 90px;
  justify-content: center;
}

.btn.btn-toggle.btn-toggle-lg {
  font-family: "museo", serif;
  font-size: 1.25rem;
  height: 52px;
  line-height: 10px;
}

.btn-check:checked + .btn.btn-toggle,
.btn-check:checked + .btn.btn-toggle.active,
.btn-check:active + .btn.btn-toggle {
  background-color: #ebeff2 !important;
  border-color: #35647e !important;
  box-shadow: none !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 */
.error-404-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  padding: 2rem 1rem;
  gap: 20px;
}

.error-404-graphic {
  --digit-size: clamp(80px, 28vw, 420px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: calc(var(--digit-size) * 0.12);
}

.error-404-digit {
  font-family: "museo", serif;
  font-weight: 600;
  font-size: var(--digit-size);
  line-height: 1.2;
  color: #001970;
  user-select: none;
}

.error-404-mountain {
  width: calc(var(--digit-size) * 0.72);
  flex-shrink: 0;
}

.error-404-mountain svg {
  width: 100%;
  height: auto;
  display: block;
}

.error-404-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
  max-width: 1032px;
  padding: 0 1rem;
}

.error-404-copy h1 {
  font-family: "museo", serif;
  font-weight: 400;
  font-size: clamp(1.5rem, 3.5vw, 2.625rem);
  line-height: 1.2;
  color: #2d2a27;
  margin: 0;
}

.error-404-back-link {
  font-family: Trebuchet MS, Lucida Grande, Tahoma, sans-serif;
  font-weight: 400;
  font-size: clamp(1rem, 1.3vw, 1.2rem);
  line-height: 1.24;
  color: #001970;
  text-decoration: underline;
}

.error-404-back-link:hover, .error-404-back-link:focus {
  color: #000f43;
}

.error-system-page {
  display: flex;
  flex-grow: 1;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(1.5rem, 4vw, 4rem) 1rem;
}

.error-system-layout {
  width: min(100%, 980px);
  display: grid;
  grid-template-columns: minmax(120px, 200px) minmax(260px, 1fr);
  align-items: center;
  column-gap: clamp(1rem, 3.5vw, 3rem);
}

.error-system-mountain {
  width: clamp(96px, 18vw, 200px);
  justify-self: center;
}

.error-system-mountain svg {
  width: 100%;
  height: auto;
  display: block;
}

.error-system-copy {
  color: #2d2a27;
}

.error-system-copy h1 {
  font-family: "museo", serif;
  font-weight: 400;
  font-size: clamp(1.875rem, 4vw, 3rem);
  line-height: 1.2;
  margin: 0 0 0.75rem;
}

.error-system-lead,
.error-system-support,
.error-system-contact,
.error-system-request-id {
  margin: 0 0 0.75rem;
}

.error-system-lead {
  font-family: "museo", serif;
  font-size: clamp(1.1rem, 2.2vw, 1.5rem);
  color: #4f4c49;
}

.error-system-support,
.error-system-contact {
  font-size: clamp(1rem, 1.7vw, 1.125rem);
  line-height: 1.5;
}

.error-system-contact {
  margin-bottom: 0;
}

.error-system-contact a {
  color: #001970;
  text-decoration: underline;
}

.error-system-contact a:hover, .error-system-contact a:focus {
  color: #000f43;
}

.error-system-request-id {
  margin-top: 1rem;
  font-size: 0.875rem;
  color: #595857;
}

@media (max-width: 767.98px) {
  .error-system-page {
    align-items: center;
  }
  .error-system-layout {
    grid-template-columns: 1fr;
    row-gap: 1.25rem;
    text-align: center;
  }
  .error-system-copy {
    max-width: 42rem;
    margin: 0 auto;
  }
}
.offcanvas-backdrop.show {
  background-color: transparent;
}

.offcanvas {
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .offcanvas {
    width: 100vw !important;
    max-width: 100vw !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .offcanvas {
    width: 75vw !important;
    max-width: 75vw !important;
  }
}
.appeal-drawer {
  top: var(--app-header-height, 0px);
  height: calc(100dvh - var(--app-header-height, 0px));
  max-height: calc(100dvh - var(--app-header-height, 0px));
}

.appeal-pending-alert .alert-warning-banner {
  background: rgba(255, 209, 0, 0.2);
  border-color: #d4ae00;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  border-radius: 0;
}

.appeal-success-alert .alert-success-banner {
  background: rgba(36, 93, 56, 0.1);
  border-color: #2c8d4e;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  border-radius: 0;
}

.offcanvas-header {
  padding: 1.25rem;
}

.offcanvas-header .btn-close {
  min-width: 44px;
  min-height: 44px;
  padding: 0.75rem;
}

.offcanvas-body {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 1.25rem;
}

.offcanvas-body form .border-top {
  position: sticky;
  bottom: 0;
  background: #fff;
  z-index: 10;
}

.offcanvas-footer {
  display: flex;
  justify-content: space-between;
  position: sticky;
  padding: 1.25rem;
  background: #fff;
  border-top: 1px solid #dee2e6;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
}