@font-face {
    font-family: OpenSans-Bold;
    src: url(/_static/Uploads/OpenSans-Bold.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: OpenSans-Bold;
    src: url(/_static/Uploads/OpenSans-Light.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: MuseoSlab-500;
    src: url(/_static/Uploads/MuseoSlab-500.otf) format("opentype");
    font-display: auto;
}
@font-face {
    font-family: MuseoSlab-100;
    src: url(/_static/Uploads/MuseoSlab-100.otf) format("opentype");
    font-display: auto;
}
@font-face {
    font-family: OpenSans-Regular;
    src: url(/_static/Uploads/OpenSans-Regular.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: Default-Regular;
    src: url(/_static/Uploads/Raleway-Regular.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: Default-Bold;
    src: url(/_static/Uploads/Raleway-Bold.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: Default-Light;
    src: url(/_static/Uploads/Raleway-Light.ttf) format("truetype");
    font-display: auto;
}

@font-face {
    font-family: OpenSans-Bold;
    src: url(/_static/Uploads/OpenSans-Bold.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: OpenSans-Bold;
    src: url(/_static/Uploads/OpenSans-Light.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: MuseoSlab-500;
    src: url(/_static/Uploads/MuseoSlab-500.otf) format("opentype");
    font-display: auto;
}
@font-face {
    font-family: MuseoSlab-100;
    src: url(/_static/Uploads/MuseoSlab-100.otf) format("opentype");
    font-display: auto;
}
@font-face {
    font-family: OpenSans-Regular;
    src: url(/_static/Uploads/OpenSans-Regular.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: Default-Regular;
    src: url(/_static/Uploads/Raleway-Regular.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: Default-Bold;
    src: url(/_static/Uploads/Raleway-Bold.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: Default-Light;
    src: url(/_static/Uploads/Raleway-Light.ttf) format("truetype");
    font-display: auto;
}

.solvint {
  --primary-color-1200: #a01b30;
  --primary-color-1200-rgb: 160,27,48;
  --primary-color-1000: #eb7418;
  --primary-color-1000-rgb: 235,116,24;
  --primary-color-800: #e43226;
  --primary-color-800-rgb: 228,50,38;
  --primary-color-100: #5b0a4d;
  --primary-color-100-rgb: 91,10,77;
  --secondary-color-1000: #08213F;
  --secondary-color-1000-rgb: 8,33,63;
  --secondary-color-800: #354B66;
  --secondary-color-800-rgb: 53,75,102;
  --secondary-color-600: #728398;
  --secondary-color-600-rgb: 114,131,152;
  --secondary-color-400: #9FADBD;
  --secondary-color-400-rgb: 159,173,189;
  --secondary-color-200: #D3D9E1;
  --secondary-color-200-rgb: 211,217,225;
  --secondary-color-100: #ECF0F4;
  --secondary-color-100-rgb: 236,240,244;
  --secondary-color-50: #F7F9FA;
  --secondary-color-50-rgb: 247,249,250;
  --neutral-color-1000: #000000;
  --neutral-color-1000-rgb: 0,0,0;
  --neutral-color-800: #2C2C2C;
  --neutral-color-800-rgb: 44,44,44;
  --neutral-color-600: #808080;
  --neutral-color-600-rgb: 128,128,128;
  --neutral-color-400: #BCBCBB;
  --neutral-color-400-rgb: 188,188,187;
  --neutral-color-200: #E0E0E0;
  --neutral-color-200-rgb: 224,224,224;
  --neutral-color-100: #E9E9EB;
  --neutral-color-100-rgb: 233,233,235;
  --neutral-color-50: #FAFAF9;
  --neutral-color-50-rgb: 250,250,249;
  --neutral-color-0: #FFFFFF;
  --neutral-color-0-rgb: 255,255,255;
  --positive-color: #32C77C;
  --positive-color-rgb: 50,199,124;
  --warning-color: #FEC84C;
  --warning-color-rgb: 254,200,76;
  --negative-color: #FF3131;
  --negative-color-rgb: 255,49,49;
  --button-padding: 0.5rem 2rem;
  --button-padding-rgb: ;
  --button-radius: 0.2rem;
  --button-radius-rgb: ;
  --input-radius: 0.2rem;
  --input-radius-rgb: ;
  --input-line-height: 3rem;
  --input-line-height-rgb: ;
  --font-content: Aeonik;
  --font-content-rgb: ;
  --font-heading: Gilroy;
  --font-heading-rgb: ;
  --font-link: Aeonik;
  --font-link-rgb: ;
  --font-size: 1rem;
  --font-size-rgb: ;
  --bg-color: #FFFFFF;
  --bg-color-rgb: 255,255,255;
  --primary--color-DarkBlue: #223b4f;
  --primary--color-DarkBlue-rgb: 34,59,79;
  --primary--color-Grey: #fafafa;
  --primary--color-Grey-rgb: 250,250,250;
  --neutral--color-Transparant: transparent;
  --neutral--color-Transparant-rgb: ;
  --main-color: #f2f2f2;
  --main-color-rgb: 242,242,242;
  --primary--color-White: #FFFFFF;
  --primary--color-White-rgb: 255,255,255;
  --neutral--color-transparent: transparent;
  --neutral--color-transparent-rgb: ;
}
.Isam .h1, .Isam h1, Isam .h1, Isam h1 {
  font-family: Default-Bold;
  text-transform: none;
  font-size: 45px;
  line-height: 1.2;
}
.Isam .h2, .Isam h2, Isam .h2, Isam h2 {
  font-family: Default-Bold;
  text-transform: none;
  font-size: 30px;
  line-height: 1.2;
}
.Isam .h3, .Isam h3, Isam .h3, Isam h3 {
  font-family: Default-Bold;
  text-transform: none;
  font-size: 24px;
  line-height: 1.1;
}
.Isam .h4, .Isam h4, Isam .h4, Isam h4 {
  font-family: Default-Bold;
  text-transform: none;
  font-size: 20px;
  line-height: 1.1;
}
.solvint .Button .button__Primary {
  background-color: var(--primary-color-100);
  color: var(--primary--color-White);
  border-width: 0px;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  border-radius: 5px;
  font-family: Default-Bold;
  text-transform: uppercase;
}
.solvint .Button .button__Primary:hover {
  background-color: var(--primary-color-1000);
}
.solvint .Button .button__Secondary {
  background-color: var(--primary-color-1200);
  color: var(--primary--color-White);
  border-width: 0px;
  border-radius: 5px;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  font-family: Default-Bold;
  text-transform: uppercase;
}
.solvint .Button .button__Secondary:hover {
  background-color: var(--primary-color-1000);
  font-family: Default-Bold;
  text-transform: uppercase;
}
.solvint .Button .button__Tertiary {
  background-color: var(--secondary-color-400);
  color: var(--neutral-color-50);
  border-width: 0px;
  border-radius: 5px;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  font-family: Default-Bold;
  text-transform: uppercase;
}
.solvint .Button .button__Tertiary:hover {
  background-color: var(--neutral-color-400);
}
.solvint .Button .button__Text {
  background-color: var(--neutral--color-Transparant);
  color: var(--neutral-color-1000);
  font-family: Default-Bold;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  border-width: 0px;
}
.solvint .Button .button__Text:hover {
  background-color: var(--neutral--color-Transparant);
  color: var(--primary-color-1200);
  font-family: Default-Regular;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 12px;
  border-width: 0px;
}
.solvint .Button .button__Text:active {
  background-color: var(--neutral--color-Transparant);
  color: var(--primary-color-1200);
  border-width: 0px;
  font-family: Default-Regular;
  font-size: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 20px;
  padding-left: 20px;
}
.solvint .Button .button__Ghost {
  background-color: var(--neutral--color-Transparant);
  border-color: var(--primary-color-100);
  color: var(--primary-color-100);
  border-width: 1px;
  border-radius: 5px;
  font-family: Default-Regular;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  text-transform: none;
}
.solvint .Button .button__Ghost:hover {
  background-color: var(--neutral-color-100);
  border-width: 1px;
  border-radius: 5px;
}
.solvint .Button .button__Form__Next {
  background-color: var(--primary-color-100);
  color: var(--bg-color);
  border-width: 0px;
  border-radius: 5px;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  font-family: Default-Bold;
  text-transform: uppercase;
}
.solvint .Button .button__Form__Next:hover {
  background-color: var(--primary-color-1200);
}
.solvint .Button .button__Form__Prev {
  background-color: var(--primary-color-1000);
  color: var(--bg-color);
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  border-width: 0px;
  border-radius: 5px;
  font-family: Default-Bold;
  font-size: 16px;
  text-transform: uppercase;
}
.solvint .Button .button__Form__Prev:hover {
  background-color: var(--primary--color-DarkBlue);
}
.solvint .Button .button__Subnav {
  background-color: var(--secondary-color-400);
  color: var(--primary--color-White);
  font-family: Default-Bold;
  text-transform: uppercase;
  font-size: 14px;
  border-width: 0;
  border-radius: 0 0 5px 5px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.solvint .Button .button__Subnav:hover {
  background-color: var(--primary-color-800);
}
.solvint .Button .button__Subnav:active {
  background-color: var(--primary-color-800);
}
.solvint .Button .button__SubnavSelect {
  background-color: var(--primary-color-1200);
  color: var(--primary--color-White);
  padding-top: 10px;
  padding-right: 25px;
  padding-bottom: 10px;
  padding-left: 25px;
  border-width: 0px;
  border-radius: 0 0 5px 5px;
  font-size: 14px;
  font-family: Default-Bold;
  text-transform: uppercase;
}
.solvint .Button .button__SubnavSelect:hover {
  background-color: var(--primary-color-1000);
  color: var(--primary--color-White);
  font-family: Default-Bold;
}
.solvint .Button .button__SubnavSelect:active {
  background-color: var(--primary-color-1200);
}
.solvint .Button .button__Text_small {
  background-color: var(--neutral--color-Transparant);
  font-family: Default-Regular;
  font-size: 14px;
  border-width: 0;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
}
.solvint .Button .button__Text_small:hover {
  background-color: var(--neutral-color-100);
  border-radius: 8px;
  font-family: Default-Regular;
  font-size: 14px;
}
.solvint .Button .button__Wireframe {
  background-color: var(--neutral--color-Transparant);
  border-color: var(--primary--color-DarkBlue);
  color: var(--primary--color-DarkBlue);
  font-size: 16px;
  font-family: Default-Bold;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 30px;
  border-width: 2px;
  border-radius: 5px;
  text-transform: uppercase;
}
.solvint .Button .button__Wireframe:hover {
  background-color: var(--secondary-color-50);
}
@charset "UTF-8";
.solvint .steps {
  /* ============================================================
    Brand palette:
    #5b0a4d  deep purple   (primary / current / passed)
    #a01b30  dark red      (form accent / selected)
    #e43226  vibrant red   (hover / active)
    #eb7418  orange        (reserved accent)
    #223b4f  dark navy     (neutral text / outlines)
  ============================================================ */
  /* ---- 1. Theme variable overrides (drives most accents) ---- */
  /* Forceer dat de connector van het EERSTE item rendert
     (SurveyJS verbergt 'm standaard met :first-child) */
  /* ---- 2. Progress buttons (top stepper) ---- */
  /* Connector line — default (incomplete, gray) */
  /* Default circle (clickable, not yet visited) */
  /* PASSED step — completed, filled red with checkmark */
  /* Filled progress trail — line going OUT of a passed step */
  /* CURRENT step — bigger, filled, with halo */
  /* Current's outgoing connector stays gray (next step still incomplete) */
  /* LOCKED steps (nonclickable) */
  /* Hover on clickable, non-current, non-passed steps */
  /* ---- 3. Radio buttons — only the CHECKED one is red ---- */
  /* ---- 4. Checkboxes ---- */
  /* ---- 5. Hover (alleen subtiel op het rondje, geen rij-achtergrond) ---- */
  /* ---- 6. Focus rings — only for keyboard nav ---- */
  /* ---- 7. Boolean / switch toggle ---- */
  /* ---- 8. Primary action buttons (Next, Submit) ---- */
  /* ---- 9. Rating scale ---- */
}
.solvint .steps .sd-page .sd-question:first-of-type,
.solvint .steps .sd-question--first {
  scroll-margin-top: 250px;
  /* hoogte van stepper + eventuele header */
}
.solvint .steps .sd-progress-buttons__list > li:first-child .sd-progress-buttons__connector {
  display: block !important;
}
.solvint .steps .sd-root-modern,
.solvint .steps .sd-body,
.solvint .steps .sv-root,
.solvint .steps :root {
  --sjs-primary-backcolor: #a01b30;
  --sjs-primary-backcolor-light: rgba(160, 27, 48, 0.10);
  --sjs-primary-backcolor-dark: #e43226;
  --sjs-primary-forecolor: #ffffff;
  --sjs-primary-forecolor-light: rgba(255, 255, 255, 0.25);
  --sjs-border-default: #e2e8f0;
  --sjs-border-light: #f1f5f9;
  --sjs-special-red: #e43226;
  --sjs-special-red-light: rgba(228, 50, 38, 0.10);
}
.solvint .steps .sd-progress-buttons {
  padding: 8px 0 7px;
  background: transparent;
  font-family: var(--font-sans, -apple-system, "Segoe UI", system-ui, sans-serif);
}
.solvint .steps .sd-progress-buttons__container {
  max-width: 100%;
  margin: 0 auto;
}
.solvint .steps .sd-progress-buttons__list-container {
  width: 100%;
}
.solvint .steps .sd-progress-buttons__list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  counter-reset: step-counter;
}
.solvint .steps .sd-progress-buttons__list > li {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding: 0 4px;
  counter-increment: step-counter;
}
.solvint .steps .sd-progress-buttons__page-title {
  font-size: 13px;
  font-weight: 500;
  color: #94a3b8;
  text-align: center;
  line-height: 1.35;
  height: 38px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 14px;
  padding: 0 4px;
  letter-spacing: 0.01em;
  transition: color 0.2s ease;
}
.solvint .steps .sd-progress-buttons__page-description {
  display: none;
}
.solvint .steps .sd-progress-buttons__connector {
  position: absolute;
  top: 76px;
  left: 50%;
  width: 100%;
  height: 2px;
  background: #cbd5e1 !important;
  border-radius: 2px;
  z-index: 0;
}
.solvint .steps .sd-progress-buttons__list > li:last-child .sd-progress-buttons__connector {
  display: none;
}
.solvint .steps .sd-progress-buttons__button {
  position: relative;
  z-index: 1;
  width: 36px;
  height: 36px;
  margin: 6px 0;
  border-radius: 50%;
  background: #ffffff;
  border: 1.5px solid #223b4f;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.solvint .steps .sd-progress-buttons__button-background,
.solvint .steps .sd-progress-buttons__button-content,
.solvint .steps .sd-progress-buttons__button span {
  display: none;
}
.solvint .steps .sd-progress-buttons__button::before {
  content: counter(step-counter);
  font-size: 14px;
  font-weight: 500;
  color: #223b4f;
  font-variant-numeric: tabular-nums;
}
.solvint .steps .sd-progress-buttons__list-element--passed .sd-progress-buttons__page-title {
  color: #a01b30;
  /* was #5b0a4d */
  font-weight: 500;
}
.solvint .steps .sd-progress-buttons__list-element--passed .sd-progress-buttons__button {
  background: #a01b30;
  /* was #5b0a4d */
  border: 2px solid #a01b30;
  /* was #5b0a4d */
}
.solvint .steps .sd-progress-buttons__list-element--passed .sd-progress-buttons__button::before {
  content: "✓";
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
}
.solvint .steps .sd-progress-buttons__list-element--passed .sd-progress-buttons__connector {
  background: #a01b30 !important;
  /* was #5b0a4d */
}
.solvint .steps .sd-progress-buttons__list-element--current .sd-progress-buttons__page-title {
  color: #5b0a4d;
  font-weight: 600;
  font-size: 14px;
}
.solvint .steps .sd-progress-buttons__list-element--current .sd-progress-buttons__button {
  width: 48px;
  height: 48px;
  margin: 0;
  background: #5b0a4d;
  border: 2px solid #5b0a4d;
  box-shadow: 0 0 0 4px rgba(91, 10, 77, 0.1);
}
.solvint .steps .sd-progress-buttons__list-element--current .sd-progress-buttons__button::before {
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
}
.solvint .steps .sd-progress-buttons__list-element--current .sd-progress-buttons__connector {
  background: #cbd5e1 !important;
}
.solvint .steps .sd-progress-buttons__list-element--nonclickable {
  cursor: default;
}
.solvint .steps .sd-progress-buttons__list-element--nonclickable .sd-progress-buttons__page-title {
  color: #9ca3af;
  font-weight: 400;
}
.solvint .steps .sd-progress-buttons__list-element--nonclickable .sd-progress-buttons__button {
  width: 32px;
  height: 32px;
  margin: 8px 0;
  background: #f8fafc;
  border: 1.25px solid #d1d5db;
}
.solvint .steps .sd-progress-buttons__list-element--nonclickable .sd-progress-buttons__button::before {
  color: #9ca3af;
  font-weight: 400;
  font-size: 13px;
}
.solvint .steps .sd-progress-buttons__list > li:not(.sd-progress-buttons__list-element--current):not(.sd-progress-buttons__list-element--nonclickable):not(.sd-progress-buttons__list-element--passed):hover .sd-progress-buttons__button {
  border-color: #a01b30;
  background: #fdf4f5;
}
.solvint .steps .sd-progress-buttons__list > li:not(.sd-progress-buttons__list-element--current):not(.sd-progress-buttons__list-element--nonclickable):not(.sd-progress-buttons__list-element--passed):hover .sd-progress-buttons__button::before,
.solvint .steps .sd-progress-buttons__list > li:not(.sd-progress-buttons__list-element--current):not(.sd-progress-buttons__list-element--nonclickable):not(.sd-progress-buttons__list-element--passed):hover .sd-progress-buttons__page-title {
  color: #a01b30;
}
.solvint .steps .sd-progress-buttons__image-button-left,
.solvint .steps .sd-progress-buttons__image-button-right {
  display: none;
}
.solvint .steps .sd-radio__control:checked + .sd-radio__decorator,
.solvint .steps .sd-item__control:checked + .sd-radio__decorator {
  border-color: #a01b30 !important;
}
.solvint .steps .sd-radio__control:checked + .sd-radio__decorator::after,
.solvint .steps .sd-item__control:checked + .sd-radio__decorator::after {
  background-color: #a01b30 !important;
}
.solvint .steps .sd-checkbox__control:checked + .sd-checkbox__decorator,
.solvint .steps .sd-item__control:checked + .sd-checkbox__decorator {
  background-color: #a01b30 !important;
  border-color: #a01b30 !important;
}
.solvint .steps .sd-selectbase__label:hover .sd-radio__decorator,
.solvint .steps .sd-selectbase__label:hover .sd-checkbox__decorator {
  border-color: #a01b30 !important;
}
.solvint .steps .sd-radio__control:focus-visible + .sd-radio__decorator,
.solvint .steps .sd-checkbox__control:focus-visible + .sd-checkbox__decorator,
.solvint .steps .sd-item__control:focus-visible + .sd-radio__decorator,
.solvint .steps .sd-item__control:focus-visible + .sd-checkbox__decorator,
.solvint .steps .sd-input:focus-visible,
.solvint .steps .sd-dropdown:focus-visible {
  outline: 2px solid #a01b30 !important;
  outline-offset: 2px !important;
}
.solvint .steps .sd-boolean--checked .sd-boolean__thumb,
.solvint .steps .sd-boolean__switch:has(input:checked) {
  background-color: #a01b30 !important;
}
.solvint .steps .sd-btn--action,
.solvint .steps .sd-navigation__complete-btn,
.solvint .steps .sd-navigation__next-btn {
  background-color: #a01b30 !important;
  border-color: #a01b30 !important;
  color: #ffffff !important;
}
.solvint .steps .sd-btn--action:hover,
.solvint .steps .sd-navigation__complete-btn:hover,
.solvint .steps .sd-navigation__next-btn:hover {
  background-color: #e43226 !important;
  border-color: #e43226 !important;
}
.solvint .steps .sd-rating__item--selected,
.solvint .steps .sd-rating__item-text--selected {
  background-color: #a01b30 !important;
  color: #ffffff !important;
  border-color: #a01b30 !important;
}
.solvint .top-bar {
  background: linear-gradient(to right, #5b0a4d, #5b0a4d);
  padding: 0.25rem;
  color: #ffffff;
  font-size: var(--font-size);
}
.solvint .top-bar .top-bar-inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-self: center;
  color: #ffffff;
  /* Responsive layout - when the screen is <576px wide */
}
@media (max-width: 575.98px) {
  .solvint .top-bar .top-bar-inner {
    flex-direction: column;
  }
}
.solvint .top-bar .top-bar-inner .navbar .nav-item {
  padding: 0px 2px !important;
}
.solvint .top-bar .top-bar-inner .navbar .nav-item .nav-link {
  padding: 0px !important;
}
.solvint .top-bar .top-bar-inner span {
  font-size: 13px;
  color: #ffffff;
  font-family: Default-Regular;
}
.solvint .top-bar .top-bar-inner .language-container {
  position: relative;
}
.solvint .top-bar .top-bar-inner .language-container .language-select-label {
  position: absolute;
  pointer-events: none;
}
.solvint .top-bar .top-bar-inner .language-container .language-select-label svg path {
  fill: #ffffff;
}
.solvint .top-bar .top-bar-inner .language-container .language-select {
  padding: 2px 4px 2px 24px;
  border: none;
  appearance: none;
  background-color: transparent;
  color: #ffffff;
  line-height: 26px !important;
}
.solvint .top-bar .top-bar-inner .language-container .language-select option {
  color: #000;
  font-size: 11px;
}
.solvint .top-bar .links ul {
  margin-bottom: 0 !important;
  list-style-type: none !important;
  /* Responsive layout - when the screen is <576px wide */
}
@media (max-width: 575.98px) {
  .solvint .top-bar .links ul {
    padding-left: 0px;
  }
}
.solvint .top-bar .links ul li {
  list-style-type: none !important;
  display: inline;
  padding: 0 0.5em;
}
.solvint .top-bar .links ul li a {
  text-transform: none !important;
  font-weight: 500 !important;
  font-family: var(--font-content) !important;
  color: var(--white-color) !important;
  font-size: 13px !important;
}
.solvint .top-bar .links ul li a:hover {
  text-decoration: underline !important;
}
.solvint .top-bar .user-info-section {
  font-size: 14px !important;
  color: #ffffff;
}
.solvint .top-bar .user-info-section img {
  height: 15px;
}
.solvint .top-bar .user-info-section li {
  list-style-type: none;
}
.solvint .top-bar .user-info-section a {
  text-transform: none !important;
  font-weight: 500 !important;
  font-family: var(--font-content) !important;
  margin-left: 10px;
  font-size: 13px !important;
  /* Responsive layout - when the screen is <576px wide */
}
@media (max-width: 575.98px) {
  .solvint .top-bar .user-info-section a {
    margin: auto;
    text-align: center;
    display: block;
  }
}
.solvint .top-bar .user-info-section a:hover {
  color: #6CA7ED !important;
  text-decoration: underline !important;
}
@charset "UTF-8";
.solvint .navbar {
  padding: 0 !important;
}
.solvint .navbar .nav-item {
  padding: 0 1rem;
}
.solvint .navbar .navbar-nav .nav-link {
  color: var(--black-color) !important;
  cursor: pointer;
}
.solvint .navbar .navbar-nav .nav-link:hover {
  color: #6CA7ED !important;
}
.solvint .navbar .nav-link.active,
.solvint .navbar .nav-link.active-parent,
.solvint .navbar .show > .nav-link {
  font-family: Default-Bold;
  border-bottom: 1px solid var(--base-color);
}
.solvint .navbar .navbar-collapse {
  justify-content: center;
}
.solvint .navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg viewBox=’0 0 32 32′ xmlns=’http://www.w3.org/2000/svg’%3E%3Cpath stroke=’rgba(0, 0, 0, 0.5)’ stroke-width=’2′ stroke-linecap=’round’ stroke-miterlimit=’10’ d=’M4 8h24M4 16h24M4 24h24’/%3E%3C/svg%3E");
  width: 2.5em;
  height: 2em;
}
.solvint .navbar .navbar-toggler i {
  color: var(--black-color);
  font-size: 2rem;
}
.solvint .navbar .navbar-toggler:focus {
  box-shadow: 0 0 0 0rem !important;
}
.solvint .floating-content {
  top: 72px;
}
.solvint .middle-bar {
  border-bottom: 1px solid #e0e0e0;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.1);
}
.solvint .middle-bar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.solvint .middle-bar-inner .links {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.solvint .middle-bar-inner .links .nav-item {
  font-family: Default-Regular !important;
  font-size: 16px;
  padding: 20px 20px 20px 0px;
}
.solvint .middle-bar-inner .logo img {
  width: 80%;
  height: 80%;
  display: flex;
  padding: 20px 0 20px 0;
  /* Responsive layout - when the screen is <576px wide */
}
.solvint .SolvintMaster .hide-default-link a {
  text-decoration: none;
  color: inherit;
}
@charset "UTF-8";
.solvint .steps {
  /* ============================================================
    Brand palette:
    #5b0a4d  deep purple   (primary / current / passed)
    #a01b30  dark red      (form accent / selected)
    #e43226  vibrant red   (hover / active)
    #eb7418  orange        (reserved accent)
    #223b4f  dark navy     (neutral text / outlines)
  ============================================================ */
  /* ---- 1. Theme variable overrides (drives most accents) ---- */
  /* Forceer dat de connector van het EERSTE item rendert
     (SurveyJS verbergt 'm standaard met :first-child) */
  /* ---- 2. Progress buttons (top stepper) ---- */
  /* Connector line — default (incomplete, gray) */
  /* Default circle (clickable, not yet visited) */
  /* PASSED step — completed, filled red with checkmark */
  /* Filled progress trail — line going OUT of a passed step */
  /* CURRENT step — bigger, filled, with halo */
  /* Current's outgoing connector stays gray (next step still incomplete) */
  /* LOCKED steps (nonclickable) */
  /* Hover on clickable, non-current, non-passed steps */
  /* ---- 3. Radio buttons — only the CHECKED one is red ---- */
  /* ---- 4. Checkboxes ---- */
  /* ---- 5. Hover (alleen subtiel op het rondje, geen rij-achtergrond) ---- */
  /* ---- 6. Focus rings — only for keyboard nav ---- */
  /* ---- 7. Boolean / switch toggle ---- */
  /* ---- 8. Primary action buttons (Next, Submit) ---- */
  /* ---- 9. Rating scale ---- */
}
.solvint .steps .sd-page .sd-question:first-of-type,
.solvint .steps .sd-question--first {
  scroll-margin-top: 250px;
  /* hoogte van stepper + eventuele header */
}
.solvint .steps .sd-progress-buttons__list > li:first-child .sd-progress-buttons__connector {
  display: block !important;
}
.solvint .steps .sd-root-modern,
.solvint .steps .sd-body,
.solvint .steps .sv-root,
.solvint .steps :root {
  --sjs-primary-backcolor: #a01b30;
  --sjs-primary-backcolor-light: rgba(160, 27, 48, 0.10);
  --sjs-primary-backcolor-dark: #e43226;
  --sjs-primary-forecolor: #ffffff;
  --sjs-primary-forecolor-light: rgba(255, 255, 255, 0.25);
  --sjs-border-default: #e2e8f0;
  --sjs-border-light: #f1f5f9;
  --sjs-special-red: #e43226;
  --sjs-special-red-light: rgba(228, 50, 38, 0.10);
}
.solvint .steps .sd-progress-buttons {
  padding: 8px 0 7px;
  background: transparent;
  font-family: var(--font-sans, -apple-system, "Segoe UI", system-ui, sans-serif);
}
.solvint .steps .sd-progress-buttons__container {
  max-width: 100%;
  margin: 0 auto;
}
.solvint .steps .sd-progress-buttons__list-container {
  width: 100%;
}
.solvint .steps .sd-progress-buttons__list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  counter-reset: step-counter;
}
.solvint .steps .sd-progress-buttons__list > li {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding: 0 4px;
  counter-increment: step-counter;
}
.solvint .steps .sd-progress-buttons__page-title {
  font-size: 13px;
  font-weight: 500;
  color: #94a3b8;
  text-align: center;
  line-height: 1.35;
  height: 38px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 14px;
  padding: 0 4px;
  letter-spacing: 0.01em;
  transition: color 0.2s ease;
}
.solvint .steps .sd-progress-buttons__page-description {
  display: none;
}
.solvint .steps .sd-progress-buttons__connector {
  position: absolute;
  top: 76px;
  left: 50%;
  width: 100%;
  height: 2px;
  background: #cbd5e1 !important;
  border-radius: 2px;
  z-index: 0;
}
.solvint .steps .sd-progress-buttons__list > li:last-child .sd-progress-buttons__connector {
  display: none;
}
.solvint .steps .sd-progress-buttons__button {
  position: relative;
  z-index: 1;
  width: 36px;
  height: 36px;
  margin: 6px 0;
  border-radius: 50%;
  background: #ffffff;
  border: 1.5px solid #223b4f;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.solvint .steps .sd-progress-buttons__button-background,
.solvint .steps .sd-progress-buttons__button-content,
.solvint .steps .sd-progress-buttons__button span {
  display: none;
}
.solvint .steps .sd-progress-buttons__button::before {
  content: counter(step-counter);
  font-size: 14px;
  font-weight: 500;
  color: #223b4f;
  font-variant-numeric: tabular-nums;
}
.solvint .steps .sd-progress-buttons__list-element--passed .sd-progress-buttons__page-title {
  color: #a01b30;
  /* was #5b0a4d */
  font-weight: 500;
}
.solvint .steps .sd-progress-buttons__list-element--passed .sd-progress-buttons__button {
  background: #a01b30;
  /* was #5b0a4d */
  border: 2px solid #a01b30;
  /* was #5b0a4d */
}
.solvint .steps .sd-progress-buttons__list-element--passed .sd-progress-buttons__button::before {
  content: "✓";
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
}
.solvint .steps .sd-progress-buttons__list-element--passed .sd-progress-buttons__connector {
  background: #a01b30 !important;
  /* was #5b0a4d */
}
.solvint .steps .sd-progress-buttons__list-element--current .sd-progress-buttons__page-title {
  color: #5b0a4d;
  font-weight: 600;
  font-size: 14px;
}
.solvint .steps .sd-progress-buttons__list-element--current .sd-progress-buttons__button {
  width: 48px;
  height: 48px;
  margin: 0;
  background: #5b0a4d;
  border: 2px solid #5b0a4d;
  box-shadow: 0 0 0 4px rgba(91, 10, 77, 0.1);
}
.solvint .steps .sd-progress-buttons__list-element--current .sd-progress-buttons__button::before {
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
}
.solvint .steps .sd-progress-buttons__list-element--current .sd-progress-buttons__connector {
  background: #cbd5e1 !important;
}
.solvint .steps .sd-progress-buttons__list-element--nonclickable {
  cursor: default;
}
.solvint .steps .sd-progress-buttons__list-element--nonclickable .sd-progress-buttons__page-title {
  color: #9ca3af;
  font-weight: 400;
}
.solvint .steps .sd-progress-buttons__list-element--nonclickable .sd-progress-buttons__button {
  width: 32px;
  height: 32px;
  margin: 8px 0;
  background: #f8fafc;
  border: 1.25px solid #d1d5db;
}
.solvint .steps .sd-progress-buttons__list-element--nonclickable .sd-progress-buttons__button::before {
  color: #9ca3af;
  font-weight: 400;
  font-size: 13px;
}
.solvint .steps .sd-progress-buttons__list > li:not(.sd-progress-buttons__list-element--current):not(.sd-progress-buttons__list-element--nonclickable):not(.sd-progress-buttons__list-element--passed):hover .sd-progress-buttons__button {
  border-color: #a01b30;
  background: #fdf4f5;
}
.solvint .steps .sd-progress-buttons__list > li:not(.sd-progress-buttons__list-element--current):not(.sd-progress-buttons__list-element--nonclickable):not(.sd-progress-buttons__list-element--passed):hover .sd-progress-buttons__button::before,
.solvint .steps .sd-progress-buttons__list > li:not(.sd-progress-buttons__list-element--current):not(.sd-progress-buttons__list-element--nonclickable):not(.sd-progress-buttons__list-element--passed):hover .sd-progress-buttons__page-title {
  color: #a01b30;
}
.solvint .steps .sd-progress-buttons__image-button-left,
.solvint .steps .sd-progress-buttons__image-button-right {
  display: none;
}
.solvint .steps .sd-radio__control:checked + .sd-radio__decorator,
.solvint .steps .sd-item__control:checked + .sd-radio__decorator {
  border-color: #a01b30 !important;
}
.solvint .steps .sd-radio__control:checked + .sd-radio__decorator::after,
.solvint .steps .sd-item__control:checked + .sd-radio__decorator::after {
  background-color: #a01b30 !important;
}
.solvint .steps .sd-checkbox__control:checked + .sd-checkbox__decorator,
.solvint .steps .sd-item__control:checked + .sd-checkbox__decorator {
  background-color: #a01b30 !important;
  border-color: #a01b30 !important;
}
.solvint .steps .sd-selectbase__label:hover .sd-radio__decorator,
.solvint .steps .sd-selectbase__label:hover .sd-checkbox__decorator {
  border-color: #a01b30 !important;
}
.solvint .steps .sd-radio__control:focus-visible + .sd-radio__decorator,
.solvint .steps .sd-checkbox__control:focus-visible + .sd-checkbox__decorator,
.solvint .steps .sd-item__control:focus-visible + .sd-radio__decorator,
.solvint .steps .sd-item__control:focus-visible + .sd-checkbox__decorator,
.solvint .steps .sd-input:focus-visible,
.solvint .steps .sd-dropdown:focus-visible {
  outline: 2px solid #a01b30 !important;
  outline-offset: 2px !important;
}
.solvint .steps .sd-boolean--checked .sd-boolean__thumb,
.solvint .steps .sd-boolean__switch:has(input:checked) {
  background-color: #a01b30 !important;
}
.solvint .steps .sd-btn--action,
.solvint .steps .sd-navigation__complete-btn,
.solvint .steps .sd-navigation__next-btn {
  background-color: #a01b30 !important;
  border-color: #a01b30 !important;
  color: #ffffff !important;
}
.solvint .steps .sd-btn--action:hover,
.solvint .steps .sd-navigation__complete-btn:hover,
.solvint .steps .sd-navigation__next-btn:hover {
  background-color: #e43226 !important;
  border-color: #e43226 !important;
}
.solvint .steps .sd-rating__item--selected,
.solvint .steps .sd-rating__item-text--selected {
  background-color: #a01b30 !important;
  color: #ffffff !important;
  border-color: #a01b30 !important;
}
@charset "UTF-8";
.solvint .tabs {
  /* Grid tabs — selected tab in brand red */
  /* Hover on non-selected tabs — subtle red */
  /* Optional: inactive tabs in muted navy */
}
.solvint .tabs .grid-tabs .grid-tab.selected-grid-tab,
.solvint .tabs .grid-tabs .grid-tab.selected-grid-tab .hide-text-overlfow,
.solvint .tabs .grid-tabs .grid-tab.selected-grid-tab .line-clamp {
  color: #a01b30 !important;
  border-color: #a01b30 !important;
  background-color: transparent !important;
}
.solvint .tabs .grid-tabs .grid-tab:not(.selected-grid-tab):hover,
.solvint .tabs .grid-tabs .grid-tab:not(.selected-grid-tab):hover .hide-text-overlfow {
  color: #a01b30 !important;
}
.solvint .tabs .grid-tabs .grid-tab:not(.selected-grid-tab),
.solvint .tabs .grid-tabs .grid-tab:not(.selected-grid-tab) .hide-text-overlfow {
  color: #94a3b8;
}
.Academy {
  --primary-color-1200: #118477;
  --primary-color-1200-rgb: 17,132,119;
  --primary-color-1000: #36a9e1;
  --primary-color-1000-rgb: 54,169,225;
  --primary-color-800: #267bbe;
  --primary-color-800-rgb: 38,123,190;
  --primary-color-100: #1da89c;
  --primary-color-100-rgb: 29,168,156;
  --secondary-color-1000: #08213F;
  --secondary-color-1000-rgb: 8,33,63;
  --secondary-color-800: #354B66;
  --secondary-color-800-rgb: 53,75,102;
  --secondary-color-600: #728398;
  --secondary-color-600-rgb: 114,131,152;
  --secondary-color-400: #9FADBD;
  --secondary-color-400-rgb: 159,173,189;
  --secondary-color-200: #D3D9E1;
  --secondary-color-200-rgb: 211,217,225;
  --secondary-color-100: #ECF0F4;
  --secondary-color-100-rgb: 236,240,244;
  --secondary-color-50: #F7F9FA;
  --secondary-color-50-rgb: 247,249,250;
  --neutral-color-1000: #000000;
  --neutral-color-1000-rgb: 0,0,0;
  --neutral-color-800: #2C2C2C;
  --neutral-color-800-rgb: 44,44,44;
  --neutral-color-600: #808080;
  --neutral-color-600-rgb: 128,128,128;
  --neutral-color-400: #BCBCBB;
  --neutral-color-400-rgb: 188,188,187;
  --neutral-color-200: #E0E0E0;
  --neutral-color-200-rgb: 224,224,224;
  --neutral-color-100: #E9E9EB;
  --neutral-color-100-rgb: 233,233,235;
  --neutral-color-50: #FAFAF9;
  --neutral-color-50-rgb: 250,250,249;
  --neutral-color-0: #FFFFFF;
  --neutral-color-0-rgb: 255,255,255;
  --positive-color: #32C77C;
  --positive-color-rgb: 50,199,124;
  --warning-color: #FEC84C;
  --warning-color-rgb: 254,200,76;
  --negative-color: #FF3131;
  --negative-color-rgb: 255,49,49;
  --button-padding: 0.5rem 2rem;
  --button-padding-rgb: ;
  --button-radius: 0.2rem;
  --button-radius-rgb: ;
  --input-radius: 0.2rem;
  --input-radius-rgb: ;
  --input-line-height: 3rem;
  --input-line-height-rgb: ;
  --font-content: Aeonik;
  --font-content-rgb: ;
  --font-heading: Gilroy;
  --font-heading-rgb: ;
  --font-link: Aeonik;
  --font-link-rgb: ;
  --font-size: 1rem;
  --font-size-rgb: ;
  --bg-color: #FFFFFF;
  --bg-color-rgb: 255,255,255;
  --primary--color-DarkBlue: #0432b4;
  --primary--color-DarkBlue-rgb: 4,50,180;
  --primary--color-DarkBlue: #223b4f;
  --primary--color-DarkBlue-rgb: 34,59,79;
  --primary--color-Grey: #fafafa;
  --primary--color-Grey-rgb: 250,250,250;
  --neutral--color-Transparant: transparent;
  --neutral--color-Transparant-rgb: ;
  --main-color: #f2f2f2;
  --main-color-rgb: 242,242,242;
  --primary--color-White: #FFFFFF;
  --primary--color-White-rgb: 255,255,255;
}
.Isam .h1, .Isam h1, Isam .h1, Isam h1 {
  font-family: Default-Bold;
  text-transform: none;
  font-size: 45px;
  line-height: 1.2;
}
.Isam .h2, .Isam h2, Isam .h2, Isam h2 {
  font-family: Default-Bold;
  text-transform: none;
  font-size: 30px;
  line-height: 1.2;
}
.Isam .h3, .Isam h3, Isam .h3, Isam h3 {
  font-family: Default-Bold;
  text-transform: none;
  font-size: 24px;
  line-height: 1.1;
}
.Isam .h4, .Isam h4, Isam .h4, Isam h4 {
  font-family: Default-Bold;
  text-transform: none;
  font-size: 20px;
  line-height: 1.1;
}
.Isam .Button .button__Primary {
  background-color: var(--primary--color-DarkBlue);
  color: var(--primary--color-White);
  border-width: 0px;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  border-radius: 5px;
  font-family: Default-Bold;
  text-transform: uppercase;
}
.Isam .Button .button__Primary:hover {
  background-color: var(--secondary-color-800);
}
.Isam .Button .button__Secondary {
  background-color: var(--primary-color-1200);
  color: var(--primary--color-White);
  border-width: 0px;
  border-radius: 5px;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  font-family: Default-Bold;
  text-transform: uppercase;
}
.Isam .Button .button__Secondary:hover {
  background-color: var(--primary-color-100);
  font-family: Default-Bold;
  text-transform: uppercase;
}
.Isam .Button .button__Tertiary {
  background-color: var(--secondary-color-400);
  color: var(--neutral-color-50);
  border-width: 0px;
  border-radius: 5px;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  font-family: Default-Bold;
  text-transform: uppercase;
}
.Isam .Button .button__Tertiary:hover {
  background-color: var(--neutral-color-400);
}
.Isam .Button .button__Form__Next {
  background-color: var(--primary-color-800);
  color: var(--bg-color);
  border-width: 0px;
  border-radius: 5px;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  font-family: Default-Regular;
}
.Isam .Button .button__Form__Next:hover {
  background-color: var(--primary--color-DarkBlue);
}
.Isam .Button .button__Ghost {
  background-color: var(--neutral--color-Transparant);
  border-color: var(--primary-color-1200);
  color: var(--primary-color-1200);
  border-width: 1px;
  border-radius: 5px;
  font-family: Default-Regular;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  text-transform: none;
}
.Isam .Button .button__Ghost:hover {
  background-color: var(--neutral-color-100);
  border-width: 1px;
  border-radius: 5px;
}
.Isam .Button .button__Form__Prev {
  background-color: var(--primary-color-1200);
  color: var(--bg-color);
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  border-width: 0px;
  border-radius: 5px;
  font-family: Default-Bold;
  font-size: 16px;
  text-transform: uppercase;
}
.Isam .Button .button__Text {
  background-color: var(--neutral--color-Transparant);
  color: var(--neutral-color-1000);
  font-family: Default-Bold;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  border-width: 0px;
}
.Isam .Button .button__Text:hover {
  background-color: var(--neutral--color-Transparant);
  color: var(--primary-color-1200);
  font-family: Default-Regular;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 12px;
  border-width: 0px;
}
.Isam .Button .button__Text:active {
  background-color: var(--neutral--color-Transparant);
  color: var(--primary-color-1200);
  border-width: 0px;
  font-family: Default-Regular;
  font-size: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 20px;
  padding-left: 20px;
}
.Isam .Button .button__Subnav {
  background-color: var(--secondary-color-400);
  color: var(--primary--color-White);
  font-family: Default-Bold;
  text-transform: uppercase;
  font-size: 14px;
  border-width: 0;
  border-radius: 0 0 5px 5px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.Isam .Button .button__Subnav:hover {
  background-color: var(--primary-color-800);
}
.Isam .Button .button__Subnav:active {
  background-color: var(--primary-color-800);
}
.Isam .Button .button__SubnavSelect {
  background-color: var(--primary-color-800);
  color: var(--primary--color-White);
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  border-width: 0px;
  border-radius: 0 0 5px 5px;
  font-size: 14px;
  font-family: Default-Bold;
  text-transform: uppercase;
}
.Isam .Button .button__SubnavSelect:hover {
  background-color: var(--secondary-color-400);
  color: var(--primary--color-White);
  font-family: Default-Bold;
}
.Isam .Button .button__Wireframe {
  background-color: var(--neutral--color-Transparant);
  border-color: var(--primary--color-DarkBlue);
  color: var(--primary--color-DarkBlue);
  font-size: 16px;
  font-family: Default-Bold;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 30px;
  border-width: 2px;
  border-radius: 5px;
  text-transform: uppercase;
}
.Isam .Button .button__Wireframe:hover {
  background-color: var(--secondary-color-50);
}
.Isam .Button .button__Text_small {
  background-color: var(--neutral--color-Transparant);
  font-family: Default-Regular;
  font-size: 14px;
  border-width: 0;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
}
.Isam .Button .button__Text_small:hover {
  background-color: var(--neutral-color-100);
  border-radius: 8px;
  font-family: Default-Regular;
  font-size: 14px;
}
.Isam .second-menu ul.navbar-nav {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
  list-style: none;
}
.Isam .second-menu ul.navbar-nav li {
  margin-right: 1rem;
}
.Isam .second-menu ul.navbar-nav li:last-child {
  margin-right: 0;
}
.Isam .second-menu ul.navbar-nav li a.nav-link {
  font-family: "Default-Bold";
  font-size: 18px;
}
.Isam .second-menu ul.navbar-nav .nav-link.active,
.Isam .second-menu ul.navbar-nav .nav-link.active-parent,
.Isam .second-menu ul.navbar-nav .show > .nav-link {
  font-weight: regular;
  color: var(--primary-color-1200);
  border-bottom: 0px solid var(--primary-color-1200);
}
.bb-dashboard {
  --primary-color-1200: #2A81DC;
  --primary-color-1200-rgb: 42,129,220;
  --primary-color-1000: #4499F2;
  --primary-color-1000-rgb: 68,153,242;
  --primary-color-800: #6CA7ED;
  --primary-color-800-rgb: 108,167,237;
  --primary-color-100: #F3F9FE;
  --primary-color-100-rgb: 243,249,254;
  --secondary-color-1000: #08213F;
  --secondary-color-1000-rgb: 8,33,63;
  --secondary-color-800: #354B66;
  --secondary-color-800-rgb: 53,75,102;
  --secondary-color-600: #728398;
  --secondary-color-600-rgb: 114,131,152;
  --secondary-color-400: #9FADBD;
  --secondary-color-400-rgb: 159,173,189;
  --secondary-color-200: #D3D9E1;
  --secondary-color-200-rgb: 211,217,225;
  --secondary-color-100: #ECF0F4;
  --secondary-color-100-rgb: 236,240,244;
  --secondary-color-50: #F7F9FA;
  --secondary-color-50-rgb: 247,249,250;
  --neutral-color-1000: #000000;
  --neutral-color-1000-rgb: 0,0,0;
  --neutral-color-800: #2C2C2C;
  --neutral-color-800-rgb: 44,44,44;
  --neutral-color-600: #70706F;
  --neutral-color-600-rgb: 112,112,111;
  --neutral-color-400: #BCBCBB;
  --neutral-color-400-rgb: 188,188,187;
  --neutral-color-200: #E0E0E0;
  --neutral-color-200-rgb: 224,224,224;
  --neutral-color-100: #E9E9EB;
  --neutral-color-100-rgb: 233,233,235;
  --neutral-color-50: #FAFAF9;
  --neutral-color-50-rgb: 250,250,249;
  --neutral-color-0: #FFFFFF;
  --neutral-color-0-rgb: 255,255,255;
  --positive-color: #32C77C;
  --positive-color-rgb: 50,199,124;
  --warning-color: #FEC84C;
  --warning-color-rgb: 254,200,76;
  --negative-color: #FF3131;
  --negative-color-rgb: 255,49,49;
  --button-padding: 0.5rem 2rem;
  --button-padding-rgb: ;
  --button-radius: 0.2rem;
  --button-radius-rgb: ;
  --input-radius: 0.2rem;
  --input-radius-rgb: ;
  --input-line-height: 3rem;
  --input-line-height-rgb: ;
  --font-content: Aeonik;
  --font-content-rgb: ;
  --font-heading: Gilroy;
  --font-heading-rgb: ;
  --font-link: Aeonik;
  --font-link-rgb: ;
  --font-size: 1rem;
  --font-size-rgb: ;
  --bg-color: #FFFFFF;
  --bg-color-rgb: 255,255,255;
  --other--color-Toolkit-Secondary: #fdf5ea;
  --other--color-Toolkit-Secondary-rgb: 255,255,255;
  --other--color-Toolkit-Primary: #F6F7F9;
  --other--color-Toolkit-Primary-rgb: 246,247,249;
}
.bb-dashboard .Button .button__Primary {
  background-color: var(--primary-color-1000);
  color: var(--neutral-color-0);
  border-width: 0;
  border-radius: 5px;
  font-size: 16px;
  padding-top: 8px;
  padding-right: 20px;
  padding-bottom: 8px;
  padding-left: 20px;
}
.bb-dashboard .Button .button__Primary:hover {
  background-color: var(--secondary-color-200);
}
.bb-dashboard .Button .button__Secondary {
  background-color: var(--neutral-color-0);
  border-color: var(--primary-color-1200);
  color: var(--primary-color-1200);
  border-width: 2px;
  border-radius: 5px;
  font-size: 16px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.bb-dashboard .Button .button__Secondary:hover {
  background-color: var(--primary-color-100);
}
.bb-dashboard .Button .button__Toolkit_Primary {
  background-color: var(--other--color-Toolkit-Primary);
  color: var(--neutral-color-1000);
  border-width: 0px;
  border-radius: 5px;
  font-size: 14px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.bb-dashboard .Button .button__Toolkit_Primary:hover {
  background-color: var(--secondary-color-200);
}
.bb-dashboard .Button .button__Toolkit_Secondary {
  background-color: var(--other--color-Toolkit-Secondary);
  color: var(--neutral-color-1000);
  border-width: 0px;
  border-radius: 5px;
  font-size: 14px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.bb-dashboard .Button .button__Toolkit_Secondary:hover {
  background-color: var(--secondary-color-200);
}
.bb-dashboard .Button .button__Toolkit_Tertiary {
  background-color: var(--neutral-color-0);
  color: var(--neutral-color-1000);
  border-width: 0;
  border-radius: 5px;
  font-size: 14px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.bb-dashboard .Button .button__Toolkit_Tertiary:hover {
  background-color: var(--secondary-color-200);
}
.bb-dashboard .Button .button__Toolkit_Add {
  background-color: var(--primary-color-100);
  color: var(--primary-color-1000);
  border-width: 0;
  border-radius: 5px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.bb-dashboard .Button .button__Toolkit_Add:hover {
  border-color: var(--primary-color-1000);
  border-width: 1px;
  padding-top: 9px;
  padding-right: 19px;
  padding-bottom: 9px;
  padding-left: 19px;
}
.bb-dashboard .dashboard-table table {
  width: 100%;
  border: 0px solid #ffffff;
}
.bb-dashboard .dashboard-table td, .bb-dashboard .dashboard-table th {
  padding: 10px;
  border: 0px solid #ffffff;
}
.bb-dashboard .dashboard-table th {
  background-color: #ffffff;
  color: #000000;
  text-align: left;
}
.bb-dashboard .dashboard-table tbody {
  border-bottom: 1px solid #F6F7F9;
}
.bb-dashboard .dashboard-table tbody tr:hover {
  background-color: #F3F9FE !important;
}
.bb-dashboard .dashboard-table tbody tr:nth-of-type(odd) {
  background-color: #F6F7F9;
}
.bb-dashboard .dashboard-table tbody tr:last-of-type {
  border-bottom: 2px solid #F6F7F9;
}
.bb-dashboard .hide-default-link a {
  text-decoration: none;
}
.bb-dashboard .dashboard-table table {
  width: 100%;
  border: 0px solid #ffffff;
}
.bb-dashboard .dashboard-table td, .bb-dashboard .dashboard-table th {
  padding: 10px;
  border: 0px solid #ffffff;
}
.bb-dashboard .dashboard-table th {
  background-color: #ffffff;
  color: #000000;
  text-align: left;
}
.bb-dashboard .dashboard-table tbody {
  border-bottom: 1px solid #F6F7F9;
}
.bb-dashboard .dashboard-table tbody tr:hover {
  background-color: #F3F9FE !important;
}
.bb-dashboard .dashboard-table tbody tr:nth-of-type(odd) {
  background-color: #F6F7F9;
}
.bb-dashboard .dashboard-table tbody tr:last-of-type {
  border-bottom: 2px solid #F6F7F9;
}