:root {
  --bs-primary: #00d880;
  --bs-primary-accent: #00b36a;
  --bs-primary-rgb: 0, 216, 128;
  --bs-secondary: #1c1b50;
  --bs-secondary-accent: #282681;
  --bs-body-color: #001f32;
  --bs-light: #f7f7f9;
  --bs-secondary-rgb: 220, 220, 220;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: var(--bs-light);
}

::-webkit-scrollbar {
  width: 6px;
  background-color: rgba(var(--bs-secondary-rgb), 1);
}

::-webkit-scrollbar-thumb {
  background-color: rgba(var(--bs-secondary-rgb), 1);
}

/* latin */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Hp2ywxg089UriCZOIHQ.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

#inschrijven_als {
  input {
    display: none;
  }
  input:not(:checked) ~ label {
    background-color: var(--bs-light);
    color: var(--bs-primary);
  }
}
.form-control:disabled {
  opacity: 0.3;
}

.deelnemer-list-item {
  padding-bottom: 1.5rem;
  padding-inline: 1rem;
  border-top: 1px solid var(--bs-light);

  &:nth-child(odd) {
    background-color: var(--bs-gray-100);
    .form-select, .form-control {
        background-color: white;
    }
  }
}

.no-list-style {
    list-style-type: none;
    padding-left: 0;
}

#interesse-incompany-wrapper {
    /* display: none; */
    transition: opacity 0.25s ease-in-out;
    opacity: 0;
}
#interesse-incompany-wrapper.active {
    /* display: unset; */
    opacity: 1;
}