@media (min-width: 768px) {
  .echart-active-users-report-container {
    width: calc(100% - 125px) !important;
  }
}
.dropdown-menu::after {
  display: none !important;
}

.quill.ql-error .ql-toolbar {
  border-bottom: 1px solid red;
}
.quill.ql-error .ql-container {
  border-left: 1px solid red;
  border-right: 1px solid red;
  border-bottom: 1px solid red;
}
.reactselect-invalid {
  border: 1px solid red;
  border-radius: 4px;
}
.ql-editor {
  font-size: 18px;
  min-height: 150px !important;
}
/* .ql-container {
    min-height: 150px !important;
} */
.modal-backdrop + .modal-backdrop {
  z-index: 1040;
}
.modal + .modal {
  z-index: 1050;
}

.react-datepicker__day--highlighted {
  background-color: #00ca3d7c !important;
}
.modal-xl {
  max-width: 1450px;
}

html {
  scroll-padding-top: 0 !important; /* Anders begint die te scrollen vanzelf in theme.min.css staat volgende:
    html {
        scroll-padding-top: 5.8125rem;
    } */
}

#sentry-feedback {
  --inset: auto auto 0 0;
  --font-size: 12px;
  --background: #2b538b;
  --foreground: #fff;
  --error-color: #e63757;
  --success-color: #00d27a;
  --accent-background: #0d2545;
  --outline: #000;
}