@CHARSET "UTF-8";

/*
 * Optional integration for de.bwl.lgl.commons:jsf-components markup.
 * Load after components.css when an application renders NBB components.
 */

.nbb-input {
  display: block;
  margin-block: var(--space-2);
}

.nbb-input .radio-button-label {
  display: inline-block !important;
  margin-inline-start: var(--space-2);
  color: var(--color-text);
  vertical-align: middle;
}

.ui-outputlabel.labelWithInfo::before {
  content: none;
}

.ui-outputlabel.labelWithInfo::after {
  padding-inline-start: var(--space-1);
  color: var(--color-info);
  content: "\e1f4";
  font-family: bw-icons;
  font-weight: 400;
}

.form-field .radioTarget .ui-selectoneradio td,
.form-field .radioTarget label {
  padding-inline-end: var(--space-5);
}

.lgl_tooltip {
  max-width: 300px;
}

.calendar-day .ui-chkbox .ui-chkbox-box {
  border: 1px solid var(--color-text);
  border-radius: 1px;
}

.calendar-day .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
  margin-top: -0.7rem;
  margin-left: -0.7rem;
}

.calendar-day .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check::before {
  content: none;
}

[data-theme="light"] body .cbWrapper .ui-icon-check,
[data-theme="dark"] body .cbWrapper .ui-icon-check {
  width: 24px !important;
  height: 24px !important;
  margin-top: -12px !important;
  margin-left: -12px !important;
  background: var(--color-brand-yellow) !important;
}

[data-theme="light"] body .cbWrapper .ui-icon-check {
  opacity: 0.8;
}

[data-theme="dark"] body .cbWrapper .ui-icon-check {
  opacity: 0.5;
}

.dayWrapper {
  position: relative;
  z-index: 10;
  float: right;
  width: 22px;
  height: 22px;
  padding-top: 2px;
  text-align: right;
  pointer-events: none;
}

.cbWrapper .ui-chkbox-icon,
.cbWrapper .ui-chkbox-box {
  width: 24px !important;
  height: 24px !important;
  background: none !important;
}