@import url("https://fonts.googleapis.com/css?family=Afacad:400,100,300,100italic,300italic,400italic,500,500italic,700,700italic,900italic,900|Amatic+SC:400,700");
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=PT+Sans&display=swap");
/* General CSS Elements */
body {
  font-family: "PT+Sans", sans-serif !important;
}
body h1, body h2, body h3, body h4, body h5 {
  font-family: "Afacad", sans-serif !important;
}
body textarea.ta5em {
  height: 5em !important;
}
body textarea.ta10em {
  height: 10em !important;
}
body textarea.ta15em {
  height: 15em !important;
}
body textarea.ta20em {
  height: 20em !important;
}
body .icon-arrow-right {
  width: 30px;
}
body .filter-item {
  padding: 7px;
  border-radius: 10px;
  background-color: #A9A9A9;
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  text-decoration: none;
  margin-right: 1em;
}
body .filter-open {
  background-color: #E00272;
}
/* WESSEL */
body {
  font-family: "Inter", sans-serif !important;
}

/* Bootstrap override */
.btn-primary {
  background-color: #e00072 !important;
  border: var(--bs-btn-border-width) solid #e00072 !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:focus-visible, .btn-primary:active {
  background-color: #ad0058 !important;
  border: var(--bs-btn-border-width) solid #ad0058 !important;
}

.btn-outline-primary {
  border: solid #e00072 !important;
  border-width: var(--bs-btn-border-width);
  color: #e00072 !important;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:focus-visible, .btn-outline-primary:active {
  background-color: #e00072 !important;
  color: #fff !important;
}

.text-bg-primary {
  background-color: #e00072 !important;
}

.text-primary {
  color: #e00072 !important;
}

.border-primary {
  border-color: #e00072 !important;
}

.alert-primary {
  --bs-alert-color: #fff;
  --bs-alert-bg: #e00072;
  --bs-alert-border-color: none;
  --bs-alert-link-color: #fff;
}

.text-primary-hover-darken {
  transition: color 0.2s;
}

.text-primary-hover-darken:hover, .text-primary-hover-darken:focus {
  color: #ad0058 !important;
}

.label-primary {
  background-color: #e00072 !important;
}

.label-primary.label-hover:hover, .label-primary.label-hover:focus {
  background-color: #ad0058 !important;
}

.btn-secondary {
  background-color: #95024d !important;
  border: var(--bs-btn-border-width) solid #95024d !important;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:focus-visible, .btn-secondary:active {
  background-color: #630133 !important;
  border: var(--bs-btn-border-width) solid #630133 !important;
}

.btn-outline-secondary {
  border: solid #95024d !important;
  border-width: var(--bs-btn-border-width);
  color: #95024d !important;
}

.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:focus-visible, .btn-outline-secondary:active {
  background-color: #95024d !important;
  color: #fff !important;
}

.text-bg-secondary {
  background-color: #95024d !important;
}

.text-secondary {
  color: #95024d !important;
}

.border-secondary {
  border-color: #95024d !important;
}

.alert-secondary {
  --bs-alert-color: #fff;
  --bs-alert-bg: #95024d;
  --bs-alert-border-color: none;
  --bs-alert-link-color: #fff;
}

.text-secondary-hover-darken {
  transition: color 0.2s;
}

.text-secondary-hover-darken:hover, .text-secondary-hover-darken:focus {
  color: #630133 !important;
}

.label-secondary {
  background-color: #95024d !important;
}

.label-secondary.label-hover:hover, .label-secondary.label-hover:focus {
  background-color: #630133 !important;
}

.btn-gray {
  background-color: #A9A9A9 !important;
  border: var(--bs-btn-border-width) solid #A9A9A9 !important;
}

.btn-gray:hover, .btn-gray:focus, .btn-gray:focus-visible, .btn-gray:active {
  background-color: #909090 !important;
  border: var(--bs-btn-border-width) solid #909090 !important;
}

.btn-outline-gray {
  border: solid #A9A9A9 !important;
  border-width: var(--bs-btn-border-width);
  color: #A9A9A9 !important;
}

.btn-outline-gray:hover, .btn-outline-gray:focus, .btn-outline-gray:focus-visible, .btn-outline-gray:active {
  background-color: #A9A9A9 !important;
  color: #fff !important;
}

.text-bg-gray {
  background-color: #A9A9A9 !important;
}

.text-gray {
  color: #A9A9A9 !important;
}

.border-gray {
  border-color: #A9A9A9 !important;
}

.alert-gray {
  --bs-alert-color: #fff;
  --bs-alert-bg: #A9A9A9;
  --bs-alert-border-color: none;
  --bs-alert-link-color: #fff;
}

.text-gray-hover-darken {
  transition: color 0.2s;
}

.text-gray-hover-darken:hover, .text-gray-hover-darken:focus {
  color: #909090 !important;
}

.label-gray {
  background-color: #A9A9A9 !important;
}

.label-gray.label-hover:hover, .label-gray.label-hover:focus {
  background-color: #909090 !important;
}

.btn-success {
  background-color: #3EC30F !important;
  border: var(--bs-btn-border-width) solid #3EC30F !important;
}

.btn-success:hover, .btn-success:focus, .btn-success:focus-visible, .btn-success:active {
  background-color: #2f940b !important;
  border: var(--bs-btn-border-width) solid #2f940b !important;
}

.btn-outline-success {
  border: solid #3EC30F !important;
  border-width: var(--bs-btn-border-width);
  color: #3EC30F !important;
}

.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:focus-visible, .btn-outline-success:active {
  background-color: #3EC30F !important;
  color: #fff !important;
}

.text-bg-success {
  background-color: #3EC30F !important;
}

.text-success {
  color: #3EC30F !important;
}

.border-success {
  border-color: #3EC30F !important;
}

.alert-success {
  --bs-alert-color: #fff;
  --bs-alert-bg: #3EC30F;
  --bs-alert-border-color: none;
  --bs-alert-link-color: #fff;
}

.text-success-hover-darken {
  transition: color 0.2s;
}

.text-success-hover-darken:hover, .text-success-hover-darken:focus {
  color: #2f940b !important;
}

.label-success {
  background-color: #3EC30F !important;
}

.label-success.label-hover:hover, .label-success.label-hover:focus {
  background-color: #2f940b !important;
}

.btn-info {
  background-color: #37D0FF !important;
  border: var(--bs-btn-border-width) solid #37D0FF !important;
}

.btn-info:hover, .btn-info:focus, .btn-info:focus-visible, .btn-info:active {
  background-color: #04c4ff !important;
  border: var(--bs-btn-border-width) solid #04c4ff !important;
}

.btn-outline-info {
  border: solid #37D0FF !important;
  border-width: var(--bs-btn-border-width);
  color: #37D0FF !important;
}

.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:focus-visible, .btn-outline-info:active {
  background-color: #37D0FF !important;
  color: #fff !important;
}

.text-bg-info {
  background-color: #37D0FF !important;
}

.text-info {
  color: #37D0FF !important;
}

.border-info {
  border-color: #37D0FF !important;
}

.alert-info {
  --bs-alert-color: #fff;
  --bs-alert-bg: #37D0FF;
  --bs-alert-border-color: none;
  --bs-alert-link-color: #fff;
}

.text-info-hover-darken {
  transition: color 0.2s;
}

.text-info-hover-darken:hover, .text-info-hover-darken:focus {
  color: #04c4ff !important;
}

.label-info {
  background-color: #37D0FF !important;
}

.label-info.label-hover:hover, .label-info.label-hover:focus {
  background-color: #04c4ff !important;
}

.btn-warning {
  background-color: #FF8B37 !important;
  border: var(--bs-btn-border-width) solid #FF8B37 !important;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:focus-visible, .btn-warning:active {
  background-color: #ff6d04 !important;
  border: var(--bs-btn-border-width) solid #ff6d04 !important;
}

.btn-outline-warning {
  border: solid #FF8B37 !important;
  border-width: var(--bs-btn-border-width);
  color: #FF8B37 !important;
}

.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:focus-visible, .btn-outline-warning:active {
  background-color: #FF8B37 !important;
  color: #fff !important;
}

.text-bg-warning {
  background-color: #FF8B37 !important;
}

.text-warning {
  color: #FF8B37 !important;
}

.border-warning {
  border-color: #FF8B37 !important;
}

.alert-warning {
  --bs-alert-color: #fff;
  --bs-alert-bg: #FF8B37;
  --bs-alert-border-color: none;
  --bs-alert-link-color: #fff;
}

.text-warning-hover-darken {
  transition: color 0.2s;
}

.text-warning-hover-darken:hover, .text-warning-hover-darken:focus {
  color: #ff6d04 !important;
}

.label-warning {
  background-color: #FF8B37 !important;
}

.label-warning.label-hover:hover, .label-warning.label-hover:focus {
  background-color: #ff6d04 !important;
}

.btn-danger {
  background-color: #FF0000 !important;
  border: var(--bs-btn-border-width) solid #FF0000 !important;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:focus-visible, .btn-danger:active {
  background-color: #cc0000 !important;
  border: var(--bs-btn-border-width) solid #cc0000 !important;
}

.btn-outline-danger {
  border: solid #FF0000 !important;
  border-width: var(--bs-btn-border-width);
  color: #FF0000 !important;
}

.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:focus-visible, .btn-outline-danger:active {
  background-color: #FF0000 !important;
  color: #fff !important;
}

.text-bg-danger {
  background-color: #FF0000 !important;
}

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

.border-danger {
  border-color: #FF0000 !important;
}

.alert-danger {
  --bs-alert-color: #fff;
  --bs-alert-bg: #FF0000;
  --bs-alert-border-color: none;
  --bs-alert-link-color: #fff;
}

.text-danger-hover-darken {
  transition: color 0.2s;
}

.text-danger-hover-darken:hover, .text-danger-hover-darken:focus {
  color: #cc0000 !important;
}

.label-danger {
  background-color: #FF0000 !important;
}

.label-danger.label-hover:hover, .label-danger.label-hover:focus {
  background-color: #cc0000 !important;
}

.text-grayed {
  color: #6d6d6d !important;
}

.text-inverted {
  color: #fff !important;
}

/* Misc */
.fw-semi-bold {
  font-weight: 600;
}

.fw-black {
  font-weight: 900;
}

.svg-clickable {
  pointer-events: none;
}

:hover > .svg-hover-darken:not(.checkbox-icon-disabled), :focus > .svg-hover-darken:not(.checkbox-icon-disabled) {
  filter: brightness(75%);
}

:hover > .svg-white.svg-hover-darken:not(.checkbox-icon-disabled), :focus > .svg-white.svg-hover-darken:not(.checkbox-icon-disabled) {
  filter: invert(100%) grayscale(100%) brightness(80%);
}

.checkbox-icon-disabled {
  filter: opacity(30%);
}

.border-primary-start {
  border-left: 5px solid #e00072;
}

@media screen and (max-width: 991px) {
  .border-primary-start-lg {
    border-left: 5px solid #e00072;
  }
  .h-fs-lg {
    height: 1.5rem;
  }
}
.hover-primary-highlight:hover, a:focus > .hover-primary-highlight {
  background-color: #fff6fa;
}

.primary-highlight-interval > :nth-child(even) > div > div {
  background-color: #fff6fa;
}

.focus-ring-override:has(> :focus-visible) {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.focus-ring-override > :focus-visible {
  box-shadow: none;
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3e%3cpath fill='%23E00272' d='M5%205L0%200H10L5%205Z'%2f%3e%3c%2fsvg%3e");
}

input[type=datetime-local].form-control::-webkit-calendar-picker-indicator, input[type=date].form-control::-webkit-calendar-picker-indicator {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2020'%3e%3cpath%20fill='%23E00272'%20d='M2%2020C1.45%2020%200.979167%2019.8042%200.5875%2019.4125C0.195833%2019.0208%200%2018.55%200%2018V4C0%203.45%200.195833%202.97917%200.5875%202.5875C0.979167%202.19583%201.45%202%202%202H3V0H5V2H13V0H15V2H16C16.55%202%2017.0208%202.19583%2017.4125%202.5875C17.8042%202.97917%2018%203.45%2018%204V18C18%2018.55%2017.8042%2019.0208%2017.4125%2019.4125C17.0208%2019.8042%2016.55%2020%2016%2020H2ZM2%2018H16V8H2V18ZM2%206H16V4H2V6ZM9%2012C8.71667%2012%208.47917%2011.9042%208.2875%2011.7125C8.09583%2011.5208%208%2011.2833%208%2011C8%2010.7167%208.09583%2010.4792%208.2875%2010.2875C8.47917%2010.0958%208.71667%2010%209%2010C9.28333%2010%209.52083%2010.0958%209.7125%2010.2875C9.90417%2010.4792%2010%2010.7167%2010%2011C10%2011.2833%209.90417%2011.5208%209.7125%2011.7125C9.52083%2011.9042%209.28333%2012%209%2012ZM5%2012C4.71667%2012%204.47917%2011.9042%204.2875%2011.7125C4.09583%2011.5208%204%2011.2833%204%2011C4%2010.7167%204.09583%2010.4792%204.2875%2010.2875C4.47917%2010.0958%204.71667%2010%205%2010C5.28333%2010%205.52083%2010.0958%205.7125%2010.2875C5.90417%2010.4792%206%2010.7167%206%2011C6%2011.2833%205.90417%2011.5208%205.7125%2011.7125C5.52083%2011.9042%205.28333%2012%205%2012ZM13%2012C12.7167%2012%2012.4792%2011.9042%2012.2875%2011.7125C12.0958%2011.5208%2012%2011.2833%2012%2011C12%2010.7167%2012.0958%2010.4792%2012.2875%2010.2875C12.4792%2010.0958%2012.7167%2010%2013%2010C13.2833%2010%2013.5208%2010.0958%2013.7125%2010.2875C13.9042%2010.4792%2014%2010.7167%2014%2011C14%2011.2833%2013.9042%2011.5208%2013.7125%2011.7125C13.5208%2011.9042%2013.2833%2012%2013%2012ZM9%2016C8.71667%2016%208.47917%2015.9042%208.2875%2015.7125C8.09583%2015.5208%208%2015.2833%208%2015C8%2014.7167%208.09583%2014.4792%208.2875%2014.2875C8.47917%2014.0958%208.71667%2014%209%2014C9.28333%2014%209.52083%2014.0958%209.7125%2014.2875C9.90417%2014.4792%2010%2014.7167%2010%2015C10%2015.2833%209.90417%2015.5208%209.7125%2015.7125C9.52083%2015.9042%209.28333%2016%209%2016ZM5%2016C4.71667%2016%204.47917%2015.9042%204.2875%2015.7125C4.09583%2015.5208%204%2015.2833%204%2015C4%2014.7167%204.09583%2014.4792%204.2875%2014.2875C4.47917%2014.0958%204.71667%2014%205%2014C5.28333%2014%205.52083%2014.0958%205.7125%2014.2875C5.90417%2014.4792%206%2014.7167%206%2015C6%2015.2833%205.90417%2015.5208%205.7125%2015.7125C5.52083%2015.9042%205.28333%2016%205%2016ZM13%2016C12.7167%2016%2012.4792%2015.9042%2012.2875%2015.7125C12.0958%2015.5208%2012%2015.2833%2012%2015C12%2014.7167%2012.0958%2014.4792%2012.2875%2014.2875C12.4792%2014.0958%2012.7167%2014%2013%2014C13.2833%2014%2013.5208%2014.0958%2013.7125%2014.2875C13.9042%2014.4792%2014%2014.7167%2014%2015C14%2015.2833%2013.9042%2015.5208%2013.7125%2015.7125C13.5208%2015.9042%2013.2833%2016%2013%2016Z'%2f%3e%3c%2fsvg%3e") no-repeat;
}

.custom-form-check-input {
  border: #e00072 3px solid !important;
  height: 1.5rem;
  width: 1.5rem;
}

.custom-form-check-input:checked {
  --bs-form-check-bg-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="3 3 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1459 17.0625L19.1041 8.10406L17.625 6.625L10.1459 14.1041L6.47906 10.4375L5 11.9166L10.1459 17.0625Z" fill="%23E00272"/></svg>') !important;
  background-color: transparent;
}

.form-disabled-primary input:disabled,
.form-disabled-primary select:disabled,
.form-disabled-primary .form-control:has(:disabled),
.form-disabled-primary textarea:disabled,
.form-disabled-primary .form-floating > .form-control:disabled ~ label::after,
.form-disabled-primary .form-floating > :disabled ~ label::after {
  background-color: #F6B3D5;
}

.loading-dots::after {
  content: "...";
  text-align: start;
  display: inline-block;
  width: 2.6ch;
  animation: loading-dots 1500ms linear infinite;
}

@keyframes loading-dots {
  0% {
    content: ".";
  }
  33% {
    content: "..";
  }
  66% {
    content: "...";
  }
  100% {
    content: ".";
  }
}
.label-hover {
  transition: background-color 0.2s;
}

.btn-icon {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-icon object {
  width: 24px; /* Adjust size if needed */
  height: 24px;
}

.btn-icon:hover object {
  opacity: 0.8; /* Optional: slight transparency on hover */
}

.custom-bullets {
  --bullet-size: 1em;
  list-style-type: none;
  padding-left: 0;
}
.custom-bullets li {
  position: relative;
  padding-left: 50px;
}
.custom-bullets li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: var(--bullet-size);
  height: var(--bullet-size);
  background-image: var(--bullet-image);
  background-size: contain;
  background-repeat: no-repeat;
}

.small-text {
  font-size: 0.7em;
}

.svg-white {
  filter: invert(100%) brightness(1000000%);
}

.notification-selected {
  outline: 0;
  box-shadow: 0 0 0 0.35rem rgba(2, 86, 212, 0.75);
}

.min-w-75 {
  min-width: 75%;
}

.module-disabled {
  background-color: #F6B3D5;
}

.logo {
  width: min(80vw, 100%, 325px);
  margin-bottom: 2em;
}

.footerlogo {
  width: min(65%, 325px);
}

.module-image {
  max-height: 150px;
}

.header-logo {
  max-height: 80px;
}

/* remove green background at bootstrap form */
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
  background-color: transparent;
}

/* ckeditor */
.ck-editor {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  border-color: #e00072 !important;
  border-radius: var(--bs-border-radius) !important;
  border-width: 3px !important;
  --bs-border-opacity: 1;
}

.ck-content blockquote {
  border-left: 5px solid #e00072 !important;
  font-style: normal !important;
  padding-left: 0.5rem !important;
}

.ck-content p {
  margin-bottom: 0.2rem;
}

.header-icon {
  height: 0.8em;
}

@media screen and (min-width: 768px) {
  .fs-md-3 {
    font-size: calc(1.3rem + 0.6vw) !important;
  }
}
@media (min-width: 1200px) {
  .fs-md-3 {
    font-size: 1.75rem !important;
  }
  .header-icon {
    height: 1em;
  }
}
.article-dots {
  height: 2em;
}/*# sourceMappingURL=style.css.map */