.error {
  border: 2px solid red !important;
}

.fc-unthemed td {
  border-color: #021A25;
}

.tippy-content {
  text-align: left;
  font-size: 14px;
  padding: 10px;
}

.tippy-content a {
  color: #ffffff;
  text-decoration: underline;
}

.end-options input[name="count"] {
  width: 100px;
}

.node--type-buurthuis.node--view-mode-full .node--type-zaal.node--view-mode-teaser .field--name-field-faciliteiten .field__label {
  font-size: 14px;
  margin-bottom: 0;
  color: black;
  font-family: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.node--type-buurthuis.node--view-mode-full .node--type-zaal.node--view-mode-teaser .field--name-field-faciliteiten {
  margin-bottom: 0;
  padding-bottom: 0;
}

.smalletje {
  font-size: 12px;
  line-height: 12px;
}

.node--type-reservatie .field {
  margin-bottom: 10px;
}

.node--type-reservatie .field__label, .node--type-reservatie .field-label-inline, .node--type-reservatie .field-label-above {
  font-weight: bold;
}

.page-node-type-reservatie h1 {
  width: 100%;
}

.page-node-type-reservatie h1 span {
  word-spacing: normal;
}

/** Hack for core issue which requires roles to have user admin permission, see https://www.drupal.org/project/drupal/issues/3030696 **/
body.buurthuisverantwoordelijke .toolbar-icon-link-toolbar-menu-kickstartcm-people-overview {
  display: none !important;
}

.form-item-fact-niet-afwijkend {
  background-color: #FFFFFF !important;
  width: 100%;
}

.form-wrapper__guest-checkout .form-item-fact-facturatie-type:not(.form-type-radio) {
  background: #001A26 !important;
  border: none !important;
  margin: 0 0 6px 0;
  min-height: 128px;
  padding: 15px 27px 12px 27px !important;
}

#multistep-form-three #edit-fact-facturatie-type > legend,
#multistep-form-three [data-drupal-selector="edit-fact-facturatie-type"] > legend,
#multistep-form-three .facturatie-type-fieldset > legend,
.form-wrapper__guest-checkout .form-item-fact-facturatie-type:not(.form-type-radio) > legend,
.form-wrapper__guest-checkout .form-item-fact-facturatie-type:not(.form-type-radio) > label {
  display: none !important;
}

.form-wrapper__guest-checkout .facturatie-type-title {
  color: #89BDB1 !important;
  display: block;
  font-family: cabinregular, sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 18px;
  margin: 0 0 18px 0;
}

.form-wrapper__guest-checkout .form-item-fact-facturatie-type:not(.form-type-radio) .field-prefix {
  display: block;
}

#multistep-form-three #edit-fact-facturatie-type .fieldset-wrapper {
  display: block;
}

.form-wrapper__guest-checkout .form-item-fact-facturatie-type:not(.form-type-radio) .form-radios .form-type-radio {
  align-items: center;
  background: none !important;
  display: flex !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.form-wrapper__guest-checkout .form-item-fact-facturatie-type:not(.form-type-radio) .form-radios input[type="radio"] {
  flex: 0 0 auto;
  margin: 0 8px 0 0;
  order: 1;
}

.form-wrapper__guest-checkout .form-item-fact-facturatie-type:not(.form-type-radio) .form-radios label {
  clip: auto !important;
  color: #FFFFFF !important;
  display: inline !important;
  height: auto !important;
  margin: 0 !important;
  order: 2;
  overflow: visible !important;
  position: static !important;
  width: auto !important;
}

#multistep-form-three label[for="edit-fact-facturatie-type-natuurlijk-persoon"],
#multistep-form-three label[for="edit-fact-facturatie-type-onderneming-vereniging"] {
  clip: auto !important;
  color: #FFFFFF !important;
  display: inline !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  position: static !important;
  width: auto !important;
}

@media (min-width: 390px) {
  .form-wrapper__guest-checkout#edit-afwijkende-facturatie .fieldset-wrapper {
    justify-content: space-between;
  }

  .form-wrapper__guest-checkout#edit-afwijkende-facturatie .fieldset-wrapper > .form-item:not(.form-item-password) {
    margin-left: 0 !important;
  }
}

#edit-balk .form-item-timezone {
  display: none;
}

.date-recur-widget > label,
.date-recur-widget .repeat-options[data-freq="monthly"] {
  display: none !important;
}

.date-recur-widget > label[for="output"] {
  display: inline !important;
}

.controls:nth-child(2) {
  display: none;
}

input[type=date], input[type=time] {
  color-scheme: dark;
}