:root,
:host {
  --b-fa-style-family-classic: "Font Awesome 6 Free";
  --b-fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src:
    url(fonts/fa-solid-900.woff2) format("woff2"),
    url(fonts/fa-solid-900.ttf) format("truetype");
}
.fas,
.b-fa-solid {
  font-weight: 900;
}
.b-content-icon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
  vertical-align: 0;
}
.b-theme-info:before {
  content: '{"name":"Stockholm"}';
}
.b-slidetoggle .b-slidetoggle-label,
:not(.b-fieldset-has-label) > .b-checkbox .b-checkbox-label {
  text-transform: uppercase;
  font-size: 0.9em;
}
.b-slidetoggle .b-slidetoggle-label:before,
:not(.b-fieldset-has-label) > .b-checkbox .b-checkbox-label:before {
  font-size: 1.1111111111em;
}
.b-popup > .b-panel-body-wrap > .b-bottom-toolbar {
  background: var(--panel-background-color);
}
.b-taskboardbase {
  --taskboard-background: #e9e9e9;
  --taskboard-color: #222;
  --taskboard-font-size: null;
  --taskboard-gap: 1em;
  --taskboard-header-text-transform: uppercase;
  --taskboard-body-padding: null;
  --taskboard-column-headers-sticky-background: var(--taskboard-background);
  --taskboard-column-count-color: var(--taskboard-column-header-icon-color);
  --taskboard-column-count-font-size: 0.9em;
  --taskboard-column-gap: var(--taskboard-gap);
  --taskboard-column-padding: var(--taskboard-gap);
  --taskboard-column-background: #f2f2f2;
  --taskboard-column-border-radius: null;
  --taskboard-column-box-shadow: null;
  --taskboard-column-min-width: 12em;
  --taskboard-column-min-width-collapsed: 3em;
  --taskboard-column-header-background: var(--taskboard-column-background);
  --taskboard-column-header-border-radius: null;
  --taskboard-column-header-border-top: null;
  --taskboard-column-header-box-shadow: null;
  --taskboard-column-header-color: var(--taskboard-color);
  --taskboard-column-header-icon-color: #666;
  --taskboard-column-header-font-size: 1.2em;
  --taskboard-column-header-font-weight: 400;
  --taskboard-column-header-gap: var(--taskboard-gap);
  --taskboard-column-header-sticky-height: 4em;
  --taskboard-column-header-text-align: null;
  --taskboard-column-header-text-transform: var(--taskboard-header-text-transform);
  --taskboard-column-header-padding: var(--taskboard-column-padding);
  --taskboard-column-header-collapsed-title-top: 2.5em;
  --taskboard-swimlane-header-background: #e0e0e0;
  --taskboard-swimlane-header-border-radius: null;
  --taskboard-swimlane-header-border-bottom: null;
  --taskboard-swimlane-header-border-top: null;
  --taskboard-swimlane-header-box-shadow: null;
  --taskboard-swimlane-header-color: var(--taskboard-column-header-color);
  --taskboard-swimlane-header-font-size: 0.9em;
  --taskboard-swimlane-header-icon-color: var(----taskboard-column-header-icon-color);
  --taskboard-swimlane-header-padding: var(--taskboard-gap);
  --taskboard-swimlane-header-text-transform: var(--taskboard-header-text-transform);
  --taskboard-swimlane-background: null;
  --taskboard-card-background: #fcfcfc;
  --taskboard-card-border-top: null;
  --taskboard-card-border-right: null;
  --taskboard-card-border-bottom: null;
  --taskboard-card-border-left: null;
  --taskboard-card-border-top-radius: 3px;
  --taskboard-card-border-bottom-radius: 3px;
  --taskboard-card-box-shadow: 0 2px 1px -1px #00000020, 0 1px 1px #00000015;
  --taskboard-card-gap: var(--taskboard-gap);
  --taskboard-card-inline-height: 6.5em;
  --taskboard-card-inline-large-height: 8em;
  --taskboard-card-padding: var(--taskboard-gap);
  --taskboard-card-readonly-color: var(--taskboard-light-gray);
  --taskboard-card-readonly-background: var(--taskboard-card-background)
    repeating-linear-gradient(45deg, #f0f0f0ff, #f0f0f0ff 10px, #ffffff00 10px, #ffffff00 20px);
  --taskboard-card-hover-background: #fff;
  --taskboard-card-hover-box-shadow: 0 3px 2px -2px #00000020, 0 3px 3px #00000015;
  --taskboard-card-hover-transform: translateY(-1px);
  --taskboard-card-focus-background: var(--taskboard-card-selected-background);
  --taskboard-card-focus-outline-offset: -1px;
  --taskboard-card-focus-outline: 2px solid #3183fe;
  --taskboard-card-selected-background: #fff9eb;
  --taskboard-card-selected-box-shadow: 0 3px 2px -2px #00000030, 0 3px 3px #00000023;
  --taskboard-card-selected-transform: translateY(-1px);
  --taskboard-card-selected-animation: null;
  --taskboard-card-selected-outline: null;
  --taskboard-card-unselected-opacity: null;
  --taskboard-card-unselected-hover-opacity: null;
  --taskboard-card-unselected-box-shadow: var(--taskboard-card-box-shadow);
  --taskboard-card-header-background: null;
  --taskboard-card-header-color: var(--taskboard-color);
  --taskboard-card-header-font-size: null;
  --taskboard-card-header-font-weight: null;
  --taskboard-card-header-gap: 0.5em;
  --taskboard-card-header-padding: var(--taskboard-card-padding);
  --taskboard-card-body-color: #666;
  --taskboard-card-body-gap: var(--taskboard-card-padding);
  --taskboard-card-body-padding: 0 var(--taskboard-card-padding) var(--taskboard-card-padding)
    var(--taskboard-card-padding);
  --taskboard-card-footer-color: #999;
  --taskboard-card-footer-font-size: 1em;
  --taskboard-card-footer-gap: var(--taskboard-card-padding);
  --taskboard-card-footer-padding: 0 var(--taskboard-gap) var(--taskboard-gap) var(--taskboard-gap);
  --taskboard-card-highlight-color: var(--taskboard-orange);
  --taskboard-column-resize-handle-min-width: 0.5em;
}
.b-taskboardbase {
  -webkit-user-select: none;
  user-select: none;
  font-size: var(--taskboard-font-size);
}
.b-taskboard-body {
  align-items: flex-start;
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  overflow: auto;
  position: relative;
  background: var(--taskboard-background);
}
.b-taskboard-body.b-dom-transition * {
  transition: all 0.3s;
  pointer-events: none;
}
.b-taskboard-body button:focus-visible {
  outline: var(--taskboard-card-focus-outline);
}
.b-taskboard-column-headers {
  display: flex;
  width: 100%;
  z-index: 3;
  overflow: visible !important;
  gap: var(--taskboard-column-gap);
  padding: var(--taskboard-body-padding);
  padding-bottom: 0;
}
.b-sticky-headers .b-taskboard-column-headers {
  position: sticky;
  top: 0;
  background: var(--taskboard-column-headers-sticky-background);
  height: var(--taskboard-column-header-sticky-height);
  min-height: var(--taskboard-column-header-sticky-height);
}
.b-taskboard-body.b-horizontal-overflow .b-taskboard-column-headers {
  width: fit-content;
  width: -moz-fit-content;
}
.b-taskboard-column-header {
  display: flex;
  align-items: center;
  background-color: var(--taskboard-column-header-background);
  border-radius: var(--taskboard-column-header-border-radius);
  border-top: var(--taskboard-column-header-border-top);
  box-shadow: var(--taskboard-column-header-box-shadow);
  font-weight: var(--taskboard-column-header-font-weight);
  text-align: var(--taskboard-column-header-text-align);
  text-transform: var(--taskboard-column-header-text-transform);
}
.b-taskboard:not(.b-no-transitions) .b-taskboard-column-header {
  transition: width 0.2s;
}
.b-taskboard-column-header.b-collapsed .b-taskboard-column-expander {
  margin: 0;
  transform: rotate(0);
}
.b-rtl .b-taskboard-column-header.b-collapsed .b-taskboard-column-expander {
  transform: rotate(180deg);
}
.b-taskboard-column-header.b-collapsed:not(.b-collapsing) .b-taskboard-column-title {
  visibility: hidden;
}
.b-taskboard-column-header button,
.b-taskboard-column-header i {
  color: var(--taskboard-column-header-icon-color);
}
.b-taskboard-column-header button:hover,
.b-taskboard-column-header i:hover {
  color: var(--taskboard-column-header-color);
}
.b-taskboard-column-header-padder {
  display: flex;
  flex: 1;
  align-items: stretch;
  overflow: hidden;
  width: 0;
  gap: var(--taskboard-column-header-gap);
  padding: var(--taskboard-column-header-padding);
}
.b-collapsed:not(.b-collapsing) > .b-taskboard-column-header-padder {
  justify-content: center;
  gap: 0;
}
.b-taskboard-column-header-padder > * {
  display: flex;
  align-items: center;
}
.b-collapsed > .b-taskboard-column-header-padder:before {
  display: none;
}
.b-collapsed:not(.b-rotate-title) > .b-taskboard-column-header-padder > :not(.b-taskboard-column-expander) {
  display: none;
}
.b-column-title-text {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-taskboard-column-title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 0;
  color: var(--taskboard-column-header-color);
  font-size: var(--taskboard-column-header-font-size);
  font-weight: var(--taskboard-column-header-font-weight);
}
.b-taskboard-column-count {
  transform: none;
  transition: transform 0.2s;
  margin-inline-start: 0.4em;
  font-size: var(--taskboard-column-count-font-size);
  color: var(--taskboard-column-count-color);
}
.b-taskboard-swimlane {
  display: flex;
  flex-direction: column;
  min-width: 100%;
  width: fit-content;
  width: -moz-fit-content;
  flex-shrink: 0;
  background-color: var(--taskboard-swimlane-background);
}
.b-taskboard-swimlane > .b-taskboard-column {
  min-height: 2em;
}
.b-taskboard-swimlane.b-collapsed .b-taskboard-swimlane-body {
  height: 0 !important;
}
.b-taskboard-swimlane.b-collapsed .b-taskboard-swimlane-expander {
  transform: rotate(0);
}
.b-taskboard-swimlane.b-collapsed .b-taskboard-column,
.b-taskboard-swimlane.b-collapsing .b-taskboard-column-body,
.b-taskboard-swimlane.b-expanding .b-taskboard-column-body {
  overflow: hidden;
}
.b-taskboard-swimlane.b-last .b-taskboard-swimlane-body {
  padding-bottom: var(--taskboard-body-padding);
}
.b-taskboard-swimlane[data-lane="default"],
.b-taskboard-swimlane[data-lane="default"] .b-taskboard-swimlane-body {
  flex: 1;
  overflow: hidden;
}
.b-taskboard-swimlane-header {
  display: flex;
  align-items: center;
  z-index: 2;
  margin: 0 var(--taskboard-body-padding);
  background: var(--taskboard-swimlane-header-background);
  border-radius: var(--taskboard-swimlane-header-border-radius);
  border-top: var(--taskboard-swimlane-header-border-top);
  border-bottom: var(--taskboard-swimlane-header-border-bottom);
  box-shadow: var(--taskboard-swimlane-header-box-shadow);
  gap: var(--taskboard-column-header-gap);
  padding: var(--taskboard-swimlane-header-padding);
  text-transform: var(--taskboard-swimlane-header-text-transform);
}
.b-taskboard-swimlane-header * {
  font-size: var(--taskboard-swimlane-header-font-size);
}
.b-sticky-headers:not(.b-dom-transition) .b-taskboard-swimlane-header {
  position: sticky;
  top: var(--taskboard-column-header-sticky-height);
}
.b-taskboard-swimlane-header button,
.b-taskboard-swimlane-header i {
  color: var(--taskboard-swimlane-header-icon-color);
}
.b-taskboard-swimlane-header button:hover,
.b-taskboard-swimlane-header i:hover {
  color: var(--taskboard-swimlane-header-color);
}
.b-collapsible > .b-taskboard-swimlane-header {
  cursor: pointer;
}
.b-taskboard-swimlane-title {
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: var(--taskboard-swimlane-header-color);
}
.b-sticky-headers:not(.b-dom-transition) .b-taskboard-swimlane-title {
  position: sticky;
  left: var(--taskboard-swimlane-header-padding);
}
.b-rtl .b-sticky-headers:not(.b-dom-transition) .b-taskboard-swimlane-title {
  left: auto;
  right: var(--taskboard-swimlane-header-padding);
}
.b-taskboard-swimlane-count {
  font-size: var(--taskboard-column-count-font-size);
}
.b-taskboard-column-expander,
.b-taskboard-swimlane-expander {
  cursor: pointer;
  font-size: 1.4em;
  transform: rotate(180deg);
  transition: transform 0.2s;
  position: relative;
  border: none;
  background: transparent;
}
.b-rtl .b-taskboard-column-expander,
.b-rtl .b-taskboard-swimlane-expander {
  transform: rotate(0);
}
.b-taskboard-column-expander {
  margin-inline-end: -0.5em;
  padding: 0;
  order: 500;
}
.b-taskboard-swimlane-body {
  display: flex;
  flex-direction: row;
  height: 100%;
  transition:
    height 0.2s,
    flex 0.2s;
  gap: var(--taskboard-column-gap);
  padding: 0 var(--taskboard-body-padding);
}
.b-taskboard-column-header,
.b-taskboard-column {
  min-width: var(--taskboard-column-min-width);
}
.b-taskboard-column-header.b-fixed-width,
.b-taskboard-column.b-fixed-width {
  flex-shrink: 0;
}
.b-taskboard-column-header:not(.b-fixed-width),
.b-taskboard-column:not(.b-fixed-width) {
  flex: 1;
}
.b-taskboard-column-header.b-collapsed,
.b-taskboard-column.b-collapsed {
  flex: unset;
  min-width: var(--taskboard-column-min-width-collapsed);
  justify-content: center;
}
.b-taskboard-body:not(.b-dom-transition-snapshot) .b-taskboard-column-header.b-collapsed,
.b-taskboard-body:not(.b-dom-transition-snapshot) .b-taskboard-column.b-collapsed {
  width: 0 !important;
}
.b-taskboard-column-header.b-expanding,
.b-taskboard-column.b-expanding {
  flex: unset;
}
.b-taskboard-column {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
  contain: style layout;
  background-color: var(--taskboard-column-background);
  border-radius: var(--taskboard-column-border-radius);
  box-shadow: var(--taskboard-column-box-shadow);
}
.b-taskboard:not(.b-no-transitions) .b-taskboard-column {
  transition: width 0.2s;
}
.b-taskboard-column.b-taskboard-column-start,
.b-taskboard-column.b-taskboard-column-end {
  position: sticky;
  height: 100%;
  z-index: 1;
}
.b-taskboard-column.b-taskboard-column-start.b-taskboard-drag-proxy,
.b-taskboard-column.b-taskboard-column-end.b-taskboard-drag-proxy {
  position: absolute;
  background-color: transparent;
}
.b-taskboard-column.b-taskboard-column-start {
  inset-inline-start: 0;
}
.b-taskboard-column.b-taskboard-column-end {
  inset-inline-end: 0;
}
.b-taskboard-column.b-collapsed:not(.b-collapsing) .b-taskboard-column-bbar,
.b-taskboard-column.b-collapsed:not(.b-collapsing) .b-taskboard-column-body-inner,
.b-taskboard-column.b-collapsed:not(.b-collapsing) .b-taskboard-card {
  display: none;
}
.b-taskboard-column.b-collapsing .b-taskboard-column-title {
  display: none;
}
.b-taskboard-column.b-collapsing .b-taskboard-card {
  transition: opacity 0.15s linear;
  opacity: 0;
}
.b-taskboard-column.b-collapsed .b-taskboard-column-body {
  padding-top: var(--taskboard-column-padding);
  overflow: visible;
  align-self: center;
}
.b-taskboard-column.b-collapsed .b-taskboard-column-body .b-taskboard-column-title {
  writing-mode: vertical-rl;
  width: auto;
  justify-self: center;
  font-weight: var(--taskboard-column-header-font-weight);
  text-transform: var(--taskboard-column-header-text-transform);
}
.b-taskboard-column.b-collapsed .b-taskboard-card {
  opacity: 0;
}
.b-taskboard-column.b-expanding .b-taskboard-card {
  transition: opacity 0.1s ease-in;
  transition-delay: 0.05s;
  opacity: 0;
}
.b-sticky-headers .b-taskboard-column.b-collapsed .b-taskboard-column-title {
  position: sticky;
}
.b-inline .b-taskboard-card {
  overflow: hidden;
  height: var(--taskboard-card-inline-height);
}
.b-inline.b-2-tasks-per-row .b-taskboard-card {
  height: var(--taskboard-card-inline-large-height);
}
.b-taskboard-column-body {
  flex: 1;
  height: fit-content;
  height: -moz-fit-content;
  overflow: auto;
  min-height: calc(2 * var(--taskboard-column-padding) + var(--taskboard-card-gap));
  contain: style layout;
}
.b-taskboard-column-body-inner {
  display: grid;
  grid-auto-rows: min-content;
  align-items: start;
  gap: var(--taskboard-card-gap);
  padding: var(--taskboard-column-padding);
  min-height: 100%;
  width: 100%;
}
.b-virtualized .b-taskboard-column-body-inner {
  position: absolute;
}
.b-taskboard-card {
  position: relative;
  cursor: pointer;
  min-height: 2em;
  min-width: 0;
  opacity: 1;
  transition:
    background 0.2s linear,
    transform 0.2s ease,
    box-shadow 0.2s linear,
    opacity 0.2s linear,
    height 0.2s ease-in;
  contain: style;
  background: var(--taskboard-card-background);
  border-radius: var(--taskboard-card-border-top-radius) var(--taskboard-card-border-top-radius)
    var(--taskboard-card-border-bottom-radius) var(--taskboard-card-border-bottom-radius);
  border-block-start: var(--taskboard-card-border-top);
  border-inline-end: var(--taskboard-card-border-right);
  border-block-end: var(--taskboard-card-border-bottom);
  border-inline-start: var(--taskboard-card-border-left);
  box-shadow: var(--taskboard-card-box-shadow);
}
.b-taskboard-card:hover {
  background: var(--taskboard-card-hover-background);
  box-shadow: var(--taskboard-card-hover-box-shadow);
  transform: var(--taskboard-card-hover-transform);
}
.b-taskboardbase.b-dragging-task .b-taskboard-card:hover {
  background: var(--taskboard-card-background);
  box-shadow: var(--taskboard-card-box-shadow);
  transform: none;
}
.b-taskboard-card.b-selected {
  animation-name: var(--taskboard-card-selected-animation);
  animation-duration: 0.2s;
  transform: var(--taskboard-card-selected-transform);
  background: var(--taskboard-card-selected-background);
  box-shadow: var(--taskboard-card-selected-box-shadow);
}
.b-taskboard-card.b-selected:after {
  content: "";
  position: absolute;
  pointer-events: none;
  border: var(--taskboard-card-selected-outline);
  border-radius: var(--taskboard-card-border-top-radius) var(--taskboard-card-border-top-radius)
    var(--taskboard-card-border-bottom-radius) var(--taskboard-card-border-bottom-radius);
  top: var(--taskboard-card-focus-outline-offset);
  right: var(--taskboard-card-focus-outline-offset);
  bottom: var(--taskboard-card-focus-outline-offset);
  left: var(--taskboard-card-focus-outline-offset);
}
.b-taskboard-card.b-selected:hover {
  animation-duration: -1;
}
.b-taskboard-card:focus-within {
  background: var(--taskboard-card-focus-background);
}
.b-using-keyboard .b-taskboard-card:focus-within {
  outline: var(--taskboard-card-focus-outline);
  outline-offset: var(--taskboard-card-focus-outline-offset);
}
.b-has-selection .b-taskboard-card:not(.b-selected) {
  box-shadow: var(--taskboard-card-unselected-box-shadow);
  opacity: var(--taskboard-card-unselected-opacity);
}
.b-has-selection .b-taskboard-card:not(.b-selected):hover {
  box-shadow: var(--taskboard-card-hover-box-shadow);
  opacity: var(--taskboard-card-unselected-hover-opacity);
}
.b-taskboard-card.b-fx-highlight {
  animation: b-fx-highlight-card-animation 1s ease-out;
}
.b-taskboard-card.b-readonly {
  background: var(--taskboard-card-readonly-background);
  color: var(--taskboard-card-readonly-color);
}
.b-taskboard-card.b-readonly .b-taskboard-card-header:before {
  content: "\f023";
  font-family: "Font Awesome 6 Free", FontAwesome6Free;
  font-weight: 900;
}
@keyframes b-fx-highlight-card-animation {
  0% {
    box-shadow: var(--taskboard-card-box-shadow);
  }
  50% {
    box-shadow: 0 0 3px 1px var(--taskboard-card-highlight-color);
  }
  to {
    box-shadow: var(--taskboard-card-box-shadow);
  }
}
.b-medium-cards .b-taskboard-card-header .b-taskboard-text[data-role="item-name"],
.b-small-cards .b-taskboard-card-header .b-taskboard-text[data-role="item-name"],
.b-tiny-cards .b-taskboard-card-header .b-taskboard-text[data-role="item-name"] {
  white-space: nowrap;
  width: 0;
}
.b-taskboard-column.b-micro-cards .b-taskboard-card {
  height: 2.5em;
  min-height: 2.5em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-taskboard-column.b-micro-cards .b-taskboard-card-header,
.b-taskboard-column.b-micro-cards .b-taskboard-card-body {
  display: none;
}
.b-taskboard-column.b-micro-cards .b-taskboard-card-footer {
  padding: 0;
}
.b-taskboard-card-header {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  transition: background 0.2s linear;
  overflow: hidden;
  background: var(--taskboard-card-header-background);
  border-radius: var(--taskboard-card-border-top-radius) var(--taskboard-card-border-top-radius) 0 0;
  font-size: var(--taskboard-card-header-font-size);
  font-weight: var(--taskboard-card-header-font-weight);
  gap: var(--taskboard-card-header-gap);
  padding: var(--taskboard-card-header-padding);
}
.b-taskboard-card-header .b-taskboard-text {
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--taskboard-card-header-color);
}
.b-taskboard-card-header .b-taskboard-text[data-ref="text"] {
  flex: 1;
}
.b-taskboard-card-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  gap: var(--taskboard-card-body-gap);
  padding: var(--taskboard-card-body-padding);
}
.b-taskboard-card-body .b-taskboard-text {
  color: var(--taskboard-card-body-color);
}
.b-taskboard-card-header + .b-taskboard-card-footer {
  padding-top: 0;
}
.b-taskboard-card-footer {
  align-items: center;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  gap: var(--taskboard-card-footer-gap);
  padding: var(--taskboard-card-footer-padding);
}
.b-taskboard-card-footer .b-taskboard-text {
  flex: 1;
}
.b-taskboard-card-footer .b-taskboard-taskitem {
  font-size: var(--taskboard-card-footer-font-size);
  color: var(--taskboard-card-footer-color);
}
@keyframes selected {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(1.03);
  }
}
@media (max-width: 736px) {
  .b-taskboard-column-header-padder > button:not(.b-taskboard-column-header-menu-button) {
    display: none;
  }
}
@media (max-width: 480px) {
  .b-taskboard-column-header-padder > button {
    display: none;
  }
}
.b-taskboard-taskitem {
  position: relative;
}
.b-taskboard-chart {
  min-width: 1em;
  min-height: 1em;
}
.b-taskboard-chart .b-chart {
  width: 100%;
  height: 100%;
}
.b-taskboard-task-collapse-toggle {
  background: transparent;
  border: none;
  cursor: pointer;
}
.b-taskboard-card:not(.b-collapsed) .b-taskboard-card-body,
.b-taskboard-card:not(.b-collapsed) .b-taskboard-card-footer {
  height: calc-size(auto, size);
}
.b-taskboard-card.b-collapsed .b-taskboard-card-body,
.b-taskboard-card.b-collapsed .b-taskboard-card-footer {
  height: 0;
  padding-block: 0;
  overflow: hidden;
}
@supports (height: calc-size(auto, size)) {
  .b-taskboard-card .b-taskboard-card-body,
  .b-taskboard-card .b-taskboard-card-footer {
    transition:
      height 0.2s,
      padding-block 0.2s;
  }
}
.b-taskboard-image {
  width: 100%;
}
.b-taskboardbase {
  --taskboard-progressitem-background: #eee;
  --taskboard-progressitem-color: currentColor;
  --taskboard-progressitem-height: 3px;
  --taskboard-progressitem-border: null;
  --taskboard-progressitem-border-radius: 2px;
}
.b-taskboard-progress {
  display: flex;
  align-items: center;
  width: 100%;
  color: var(--taskboard-progressitem-color);
  height: var(--taskboard-progressitem-height);
}
.b-taskboard-progress-outline {
  width: 100%;
  height: 100%;
  border-radius: var(--taskboard-progressitem-border-radius);
  background: var(--taskboard-progressitem-background);
  border: var(--taskboard-progressitem-border);
}
.b-taskboard-progress-progress {
  border-radius: 2px;
  transition: width 0.2s;
  height: 100%;
  background: var(--taskboard-progressitem-color);
}
.b-taskboardbase {
  --taskboard-resourceavatars-avatar-font-size: 0.8em;
  --taskboard-resourceavatars-avatar-size: 2em;
  --taskboard-resourceavatars-avatar-gap: 0.5em;
  --taskboard-resourceavatars-overflow-color: #fff;
  --taskboard-resourceavatars-overflow-background: #00000077;
  --taskboard-resourceavatars-overlap: var(--taskboard-resourceavatars-avatar-size) / 3;
}
.b-taskboard-resource-avatars {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-end;
  font-size: var(--taskboard-resourceavatars-avatar-font-size);
  gap: var(--taskboard-resourceavatars-avatar-gap);
  min-height: calc(var(--taskboard-resourceavatars-avatar-size) * 1.1);
}
.b-taskboard-resource-avatars .b-resource-avatar {
  transition: transform 0.1s;
  height: var(--taskboard-resourceavatars-avatar-size);
  width: var(--taskboard-resourceavatars-avatar-size);
}
.b-taskboard-resource-avatars .b-resource-avatar:hover {
  transform: scale(1.1);
}
.b-taskboard-resource-avatars.b-overlap {
  gap: 0;
}
.b-taskboard-resource-avatars.b-overlap .b-taskboard-resource-avatar-wrap:not(:last-child) {
  width: calc(var(--taskboard-resourceavatars-avatar-size) - var(--taskboard-resourceavatars-overlap));
}
.b-taskboard-resource-avatar-overflow {
  position: relative;
  transition: transform 0.1s;
}
.b-taskboard-resource-avatar-overflow:after {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  content: attr(data-count);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--taskboard-resourceavatars-overflow-background);
  color: var(--taskboard-resourceavatars-overflow-color);
}
.b-taskboard-resource-avatar-overflow:hover {
  transform: scale(1.1);
}
.b-taskboardbase {
  --taskboard-separatoritem-color: var(--taskboard-card-footer-color);
}
.b-taskboard-separator {
  margin: 0;
  border: none;
  border-top: 1px solid var(--taskboard-separatoritem-color);
}
.b-taskboardbase {
  --taskboard-ratingitem-color: var(--taskboard-progressitem-background);
  --taskboard-ratingitem-filled-color: currentColor;
}
.b-taskboard-rating i:not(.b-filled) {
  color: var(--taskboard-ratingitem-color);
}
.b-taskboard-rating i.b-filled {
  color: var(--taskboard-ratingitem-filled-color);
}
.b-taskboardbase {
  --taskboard-tag-color: var(--taskboard-card-footer-color);
  --taskboard-tag-border: 1px solid currentColor;
  --taskboard-tag-border-radius: 1em;
  --taskboard-tag-font-size: 0.7em;
  --taskboard-tag-gap: 0.25em;
  --taskboard-tag-padding: 0.4em 0.5em;
}
.b-taskboard-tags {
  display: flex;
  flex-flow: row wrap;
  gap: var(--taskboard-tag-gap);
}
.b-taskboard-tags-tag {
  display: inline-block;
  white-space: nowrap;
  line-height: 1em;
  border: var(--taskboard-tag-border);
  border-radius: var(--taskboard-tag-border-radius);
  color: var(--taskboard-tag-color);
  font-size: var(--taskboard-tag-font-size);
  padding: var(--taskboard-tag-padding);
}
.b-taskboard-task-menu {
  background: transparent;
  border: none;
  border-radius: var(--taskboard-card-border-top-radius) var(--taskboard-card-border-top-radius)
    var(--taskboard-card-border-bottom-radius) var(--taskboard-card-border-bottom-radius);
}
.b-taskboard-template,
.b-taskboard-text {
  color: var(--taskboard-card-body-color);
}
.b-taskboard-card-footer .b-taskboard-template,
.b-taskboard-card-footer .b-taskboard-text {
  color: var(--taskboard-card-footer-color);
}
.b-taskboardbase {
  --taskboard-todolist-color: var(--taskboard-card-body-color);
  --taskboard-todolist-checked-color: var(--taskboard-card-footer-color);
}
.b-taskboard-todolist-todo {
  cursor: pointer;
}
.b-taskboard-todolist-todo i {
  margin-inline-end: 0.5em;
  opacity: 0.7;
  transition:
    opacity 0.2s,
    color 0.2s;
}
.b-taskboard-todolist-todo span {
  transition: color 0.2s;
  color: var(--taskboard-todolist-color);
}
.b-taskboard-todolist-todo.b-checked i,
.b-taskboard-todolist-todo.b-checked span {
  color: var(--taskboard-todolist-checked-color);
}
.b-taskboard-card:not(.b-readonly) .b-taskboard-todolist-todo:hover {
  color: var(--taskboard-todolist-hover-color);
}
.b-taskboard-card:not(.b-readonly) .b-taskboard-todolist-todo:hover i {
  opacity: 1;
}
.b-taskboardbase {
  --taskboard-columndrag-background: var(--taskboard-background);
  --taskboard-columndrag-box-shadow: var(--taskboard-taskdrag-card-box-shadow);
  --taskboard-columndrag-drop-background: var(--taskboard-taskdrag-drop-background);
  --taskboard-columndrag-drop-border: var(--taskboard-taskdrag-drop-border);
  --taskboard-columndrag-invalid-background: #c6282811;
  --taskboard-columndrag-invalid-color: var(--taskboard-red);
}
.b-taskboard-column-header.b-drag-original,
.b-taskboard-column.b-drag-original {
  display: none;
}
.b-taskboard-column-drag-proxy {
  position: absolute;
  pointer-events: none;
  z-index: 3;
  display: flex;
  flex-direction: column;
  background: var(--taskboard-columndrag-background);
  border-radius: var(--taskboard-column-header-border-radius);
  box-shadow: var(--taskboard-columndrag-box-shadow);
}
.b-taskboard-column-drag-proxy .b-taskboard-swimlane-expander,
.b-taskboard-column-drag-proxy .b-taskboard-swimlane-title {
  visibility: hidden;
}
.b-taskboard-column-drag-proxy.b-dropping {
  transition: transform 0.2s;
}
.b-sticky-headers .b-taskboard-column-drag-proxy .b-taskboard-column-header {
  height: var(--taskboard-column-header-sticky-height);
  min-height: var(--taskboard-column-header-sticky-height);
}
.b-taskboard-column-drag-proxy .b-taskboard-column-header {
  flex: unset;
  flex-shrink: 0;
}
.b-taskboard-column-drag-proxy .b-taskboard-swimlane-header {
  margin: 0;
}
.b-taskboard-column-drag-proxy .b-taskboard-swimlane .b-taskboard-swimlane-body {
  flex: 1 0 0;
  padding-inline: 0;
}
.b-taskboard-column-drag-proxy .b-taskboard-swimlane.b-last .b-taskboard-swimlane-body {
  padding-bottom: 0;
}
.b-taskboard-column-drop-indicator {
  background: var(--taskboard-columndrag-drop-background);
}
.b-taskboard-column-drop-indicator.b-invalid {
  background: var(--taskboard-columndrag-invalid-background);
}
.b-taskboard-column-headers .b-taskboard-column-drop-indicator {
  border: var(--taskboard-columndrag-drop-border);
  border-bottom: none;
  border-radius: var(--taskboard-column-header-border-radius);
}
.b-taskboard-column-headers .b-taskboard-column-drop-indicator.b-invalid {
  border-color: var(--taskboard-columndrag-invalid-color);
}
.b-taskboard-swimlane .b-taskboard-column-drop-indicator {
  border: var(--taskboard-columndrag-drop-border);
  border-top: none;
  border-bottom: none;
}
.b-taskboard-swimlane .b-taskboard-column-drop-indicator.b-invalid {
  border-color: var(--taskboard-columndrag-invalid-color);
}
.b-taskboard-swimlane.b-last .b-taskboard-column-drop-indicator {
  border: var(--taskboard-columndrag-drop-border);
  border-top: none;
  border-radius: var(--taskboard-column-border-radius);
}
.b-taskboard-swimlane.b-last .b-taskboard-column-drop-indicator.b-invalid {
  border-color: var(--taskboard-columndrag-invalid-color);
}
.b-filter-popup {
  --taskboard-column-filter-width: 36em;
}
.b-taskboard-column-filter {
  position: relative;
  border: none;
  background: transparent;
  padding: 0;
  opacity: 0.3;
}
.b-taskboard-column-filter-filtered {
  opacity: 1;
}
.b-taskboard-column-filter.b-badge:before {
  font-size: 0.6em;
  top: 0.2em;
}
.b-taskboard-column-header-padder .b-taskboard-column-filter {
  order: 400;
}
.b-taskboardfieldfilterpickergroup {
  width: var(--taskboard-column-filter-width);
}
.b-column-header-button {
  cursor: pointer;
  font-size: 1.2em;
  order: 600;
  border: none;
  background: transparent;
}
.b-rotate-title:not(.b-collapsing) .b-column-header-button {
  display: none;
}
.b-columnlock .b-taskboard-column-header.b-taskboard-column-start,
.b-columnlock .b-taskboard-column-header.b-taskboard-column-end {
  position: sticky;
  z-index: 1;
}
.b-columnlock .b-taskboard-column-header.b-taskboard-column-start {
  inset-inline-start: 0;
}
.b-columnlock .b-taskboard-column-header.b-taskboard-column-end {
  inset-inline-end: 0;
}
.b-columnlock .b-taskboard-swimlane[data-lane="default"],
.b-columnlock .b-taskboard-swimlane[data-lane="default"] .b-taskboard-swimlane-body {
  overflow: visible;
}
.b-column-title-editor {
  max-height: 2.25em;
  margin-inline-start: -0.7em;
}
.b-column-title-editor input {
  text-transform: var(--taskboard-column-header-text-transform);
}
.b-taskboard.b-columnresize .b-taskboard-column-header {
  position: relative;
}
.b-taskboard:not(.b-columnresize) .b-taskboard-column-header {
  overflow: hidden;
}
.b-taskboard-column-resize-handle {
  --bi-handle-width: max(var(--taskboard-column-gap, 0px), var(--taskboard-column-resize-handle-min-width, 0px));
  --bi-half-gap: calc(var(--taskboard-column-gap, 0px) / 2);
  --bi-half-handle: calc(var(--bi-handle-width) / 2);
  --bi-handle-x-offset: calc(var(--bi-half-gap) + var(--bi-half-handle));
  position: absolute;
  right: 0;
  z-index: 1;
  background: transparent;
  width: var(--bi-handle-width);
  height: 100%;
  align-self: stretch;
  transform: translate(var(--bi-handle-x-offset));
  cursor: col-resize;
}
.b-taskboard-column-sort {
  border: none;
  background: transparent;
  padding: 0;
  opacity: 0.3;
  width: 1.25em;
  margin-inline-end: -0.5em;
}
.b-taskboard-column-sort:hover {
  opacity: 0.6;
}
.b-taskboard-column-sort:not(.b-asc, .b-desc) {
  opacity: 0.3;
}
.b-taskboard-column-sort:not(.b-asc, .b-desc) .b-icon-sort:before {
  content: "\f0ec";
  transform: rotate(90deg) scaleX(-1);
}
.b-taskboard-column-sort.b-asc,
.b-taskboard-column-sort.b-desc {
  opacity: 1;
}
.b-taskboard-column-sort.b-asc .b-icon-sort:before {
  content: "\f15d";
}
.b-taskboard-column-sort.b-desc .b-icon-sort:before {
  content: "\f881";
}
.b-taskboard-column-header-padder .b-taskboard-column-sort {
  order: 500;
}
.b-column-sort-menu .b-menuitem-icon {
  order: 1;
  visibility: hidden;
}
.b-column-sort-menu span.b-menu-text {
  margin-inline: 0 0.5em;
}
.b-column-sort-menu .b-checked .b-menuitem-icon {
  visibility: visible;
}
.b-column-sort-menu .b-checked.b-asc .b-menuitem-icon:before {
  content: "\f15d";
}
.b-column-sort-menu .b-checked.b-desc .b-menuitem-icon:before {
  content: "\f881";
}
.b-taskboard-column-title-sortable {
  cursor: pointer;
}
.b-taskboardbase {
  --taskboard-columntoolbars-color: #666;
}
.b-taskboard-column-tbar.b-toolbar,
.b-taskboard-column-bbar.b-toolbar {
  border: none;
  background: transparent;
}
.b-taskboard-column-tbar.b-toolbar .b-toolbar-content,
.b-taskboard-column-bbar.b-toolbar .b-toolbar-content {
  justify-content: center;
  align-items: center;
  padding: var(--taskboard-column-padding);
}
.b-taskboard-column-tbar.b-toolbar .b-button,
.b-taskboard-column-bbar.b-toolbar .b-button {
  border: none;
  background: transparent;
  min-height: 2.7em;
  min-width: 2.7em;
  color: var(--taskboard-columntoolbars-color);
}
.b-taskboard-column-tbar.b-toolbar .b-button:not(.b-text),
.b-taskboard-column-bbar.b-toolbar .b-button:not(.b-text) {
  border-radius: 50%;
}
.b-taskboard-column.b-collapsed:not(.b-collapsing) .b-taskboard-column-tbar.b-toolbar,
.b-taskboard-column.b-collapsed:not(.b-collapsing) .b-taskboard-column-bbar.b-toolbar {
  display: none;
}
.b-taskboard-body > .b-taskboard-column-tbar.b-toolbar,
.b-taskboard-body > .b-taskboard-column-bbar.b-toolbar {
  display: none;
}
.b-taskboard-column-header-multiline {
  flex-direction: column;
}
.b-taskboard-column-header-multiline.b-collapsed:not(.b-collapsing) {
  align-content: flex-start;
}
.b-taskboard-column-header-multiline.b-collapsed:not(.b-collapsing) .b-taskboard-column-header-padder {
  align-items: center;
}
.b-taskboard-column-header-multiline.b-collapsed:not(.b-collapsing) .b-taskboard-column-filterbar {
  visibility: hidden;
}
.b-taskboard-column-header-multiline .b-taskboard-column-header-padder {
  min-width: 100%;
}
.b-taskboard-column-header-multiline .b-taskboard-column-header-padder:not(:first-child) {
  padding-top: 0;
}
.b-taskboard-column-header-multiline .b-taskboard-column-header-padder:not(:last-child) {
  padding-bottom: 0;
}
.b-taskboardbase {
  --takboard-simple-task-edit-background-color: #dddddd50;
  --takboard-simple-task-edit-border: null;
  --takboard-simple-task-edit-box-shadow: null;
}
.b-simple-task-editor.b-editor {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  height: auto !important;
  overflow: visible;
  z-index: 3;
}
.b-simple-task-editor.b-editor .b-widget.b-field > .b-field-inner {
  background: transparent;
  border: none;
  padding-inline: 0;
}
.b-simple-task-editor.b-editor .b-widget.b-textfield .b-field-inner:before {
  bottom: -0.5em;
  left: -0.5em;
  right: -0.5em;
  border-radius: 0 0 3px 3px;
  background-color: #aaa;
}
.b-simple-task-editor.b-editor input {
  padding: 0;
}
.b-simple-task-editor.b-editor:before {
  content: "";
  position: absolute;
  inset: -0.5em;
  border-radius: 3px;
  border: var(--takboard-simple-task-edit-border);
  box-shadow: var(--takboard-simple-task-edit-box-shadow);
  background-color: var(--takboard-simple-task-edit-background-color);
}
.b-simple-task-editor.b-editor .b-resourcescombo.b-combo {
  overflow: visible;
}
.b-simple-task-editor.b-editor .b-resourcescombo.b-combo input {
  width: 0;
  margin-inline-end: -0.5em;
}
.b-simple-task-editor.b-editor .b-resourcescombo.b-combo .b-chipview {
  overflow: visible;
  padding: 0;
}
.b-simple-task-editor.b-editor [data-ref="expand"] {
  padding-inline: 0.5em 0;
}
.b-taskboard-taskitem.b-editing {
  opacity: 0;
}
.b-taskboardbase {
  --taskboard-swimlanedrag-box-shadow: var(--taskboard-taskdrag-card-box-shadow);
  --taskboard-swimlanedrag-drop-background: var(--taskboard-taskdrag-drop-background);
  --taskboard-swimlanedrag-drop-border: var(--taskboard-taskdrag-drop-border);
}
.b-taskboard-swimlane.b-drag-original {
  display: none;
}
.b-taskboard-swimlane-drag-proxy {
  position: absolute;
  pointer-events: none;
  z-index: 3;
  animation: swimlane-drag-proxy 0.3s;
  background: var(--taskboard-background);
  box-shadow: var(--taskboard-swimlanedrag-box-shadow);
}
.b-taskboard-swimlane-drag-proxy.b-dropping {
  transition:
    top 0.2s,
    box-shadow 0.2s;
  box-shadow: none;
}
.b-taskboard-swimlane-drag-proxy .b-taskboard-swimlane-header {
  position: static;
  margin-inline: 0;
}
.b-taskboard-swimlane-drag-proxy .b-taskboard-swimlane-body {
  padding-inline: 0;
}
.b-taskboard-swimlane-drop-indicator {
  flex-shrink: 0;
  z-index: 1;
  background: var(--taskboard-swimlanedrag-drop-background);
  border: var(--taskboard-swimlanedrag-drop-border);
  margin-inline: var(--taskboard-body-padding);
}
@keyframes swimlane-drag-proxy {
  0% {
    box-shadow: none;
  }
  to {
    box-shadow: var(--taskboard-swimlanedrag-box-shadow);
  }
}
.b-taskboardbase {
  --taskboard-taskdrag-card-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  --taskboard-taskdrag-card-transform: rotate(5deg);
  --taskboard-taskdrag-drop-background: #e3e3e399;
  --taskboard-taskdrag-drop-border: 1px dashed #aaa;
  --taskboard-taskdrag-invalid-background: #c6282811;
  --taskboard-taskdrag-invalid-color: var(--taskboard-red);
}
.b-taskboard-card.b-drag-original {
  display: none;
}
.b-taskboard-drag-proxy {
  position: absolute;
  pointer-events: none;
  z-index: 3;
  contain: style layout size;
}
.b-taskboard-drag-proxy .b-taskboard-card {
  animation: none;
  position: absolute;
  transition:
    transform 0.2s,
    left 0.2s,
    top 0.2s,
    color 0.2s,
    background-color 0.2s,
    border 0.2s;
  transform: var(--taskboard-taskdrag-card-transform);
  box-shadow: var(--taskboard-taskdrag-card-box-shadow);
}
.b-taskboard-drag-proxy .b-taskboard-card:first-child {
  transform: none;
}
.b-taskboard-drag-proxy.b-pre-dropping .b-taskboard-card {
  transform: none;
  transition: none;
}
.b-taskboard-drag-proxy.b-dropping .b-taskboard-card {
  transition:
    transform 0.2s,
    box-shadow 0.2s;
  box-shadow: var(--taskboard-card-box-shadow);
}
.b-taskboard-card-drop-indicator {
  border-radius: var(--taskboard-card-border-top-radius) var(--taskboard-card-border-top-radius)
    var(--taskboard-card-border-bottom-radius) var(--taskboard-card-border-bottom-radius);
  background: var(--taskboard-taskdrag-drop-background);
  border: var(--taskboard-taskdrag-drop-border);
}
.b-taskboard-card-drop-indicator.b-invalid {
  background: var(--taskboard-taskdrag-invalid-background);
  border-color: var(--taskboard-taskdrag-invalid-color);
}
:root,
:host {
  --taskboard-drag-select-border: 2px dashed #3183fe;
}
.b-dragselect-rect {
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  z-index: 100;
  border: var(--taskboard-drag-select-border);
  border-radius: 3px;
}
.b-resource-menu-item .b-resource-menu-item-inner {
  display: flex;
  gap: 0.5em;
  align-items: center;
}
.b-resource-menu-item .b-resource-avatar {
  width: 1.5em;
  height: 1.5em;
  opacity: 0.5;
  transition: opacity 0.2s;
}
.b-resource-menu-item.b-checked .b-resource-avatar {
  opacity: 1;
}
.b-resource-menu-item i.b-icon-unchecked:before {
  content: "";
}
.b-resource-menu-item i.b-icon-checked:before {
  content: "\f00c";
}
:root,
:host {
  --taskboard-tooltip-label-font-size: 0.8em;
  --taskboard-tooltip-label-font-weight: null;
  --taskboard-tooltip-title-font-size: 1.1em;
  --taskboard-tooltip-title-font-weight: 700;
}
.b-taskboard-tooltip .b-tooltip-content {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5em 1em;
}
.b-taskboard-tooltip-title {
  grid-column: span 2;
  font-size: var(--taskboard-tooltip-title-font-size);
  font-weight: var(--taskboard-tooltip-title-font-weight);
}
.b-taskboard-tooltip-label {
  font-size: var(--taskboard-tooltip-label-font-size);
  font-weight: var(--taskboard-tooltip-label-font-weight);
}
.b-resources-picker .b-selected-icon {
  display: none;
}
.b-resources-picker .b-resource-avatar {
  font-size: 0.8em;
  margin-inline-end: 0.625em;
  opacity: 0.5;
  transition: opacity 2s;
}
.b-resources-picker .b-selected {
  font-weight: 700;
}
.b-resources-picker .b-selected .b-resource-avatar {
  opacity: 1;
}
.b-resourcescombo.b-combo.b-uses-chipview.b-not-editable .b-chipview .b-chip {
  padding: 0;
}
.b-resourcescombo.b-combo.b-uses-chipview .b-chipview {
  margin: 0;
  padding: 0.5em 0.8em;
  gap: 0.5em;
}
.b-resourcescombo.b-combo.b-uses-chipview .b-chipview .b-chip {
  display: flex;
  flex-direction: column;
  background-color: transparent;
  padding: 0;
  margin: 0;
  align-items: center;
  font-size: 0.8em;
  position: relative;
}
.b-resourcescombo.b-combo.b-uses-chipview .b-chipview .b-chip:hover,
.b-resourcescombo.b-combo.b-uses-chipview .b-chipview .b-chip.b-selected {
  background-color: transparent;
  color: #4f5964;
}
.b-resourcescombo.b-combo.b-uses-chipview .b-chipview .b-chip:hover .b-close-icon,
.b-resourcescombo.b-combo.b-uses-chipview .b-chipview .b-chip.b-selected .b-close-icon {
  display: flex;
}
.b-resourcescombo.b-combo.b-uses-chipview .b-chipview .b-chip .b-close-icon {
  display: none;
  position: absolute;
  top: -0.5em;
  right: -0.5em;
  font-size: 0.8em;
}
.b-resourcescombo.b-combo.b-uses-chipview .b-chipview input {
  padding: 0;
}
.b-resourcescombo-avatar-container {
  margin-inline-start: 0.8em;
}
.b-resourcescombo-avatar-container ~ input {
  padding-inline-start: 0.5em;
}
.b-resourcescombo-avatar-container .b-resource-avatar {
  width: 1.8em;
  height: 1.8em;
}
.b-tagcombo .b-chip {
  border: 1px solid #bbb;
  font-size: 0.8em;
}
.b-taskeditor-content {
  padding: 1em;
  gap: 1em;
  background-color: #f8f9fa;
}
.b-panel.b-taskeditor > .b-taskeditor-body-wrap {
  padding-top: 1em;
}
.b-panel.b-taskeditor > .b-taskeditor-body-wrap > .b-taskeditor-content {
  padding-top: 0;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
:root,
:host {
  --taskboard-todolistfield-background-color: null;
  --taskboard-todolistfield-color: null;
}
.b-todolistfield .b-list {
  background-color: var(--taskboard-todolistfield-background-color);
}
.b-todolistfield .b-list-item {
  color: var(--taskboard-todolistfield-color);
}
.b-todolistfield .b-list-item.b-active:not(.b-disabled),
.b-todolistfield .b-list-item:focus:not(.b-disabled) {
  color: var(--taskboard-todolistfield-color);
}
.b-todolistfield .b-todo-checkbox {
  margin-inline-end: 0.5em;
}
.b-todolistfield .b-todo-checkbox:before {
  content: "\f0c8";
}
.b-todolistfield .b-todo-text {
  flex: 1;
}
body:not(.b-using-keyboard) .b-todolistfield .b-list-item.b-active:not(.b-disabled),
body:not(.b-using-keyboard) .b-todolistfield .b-list-item:focus:not(.b-disabled) {
  background-color: transparent;
}
body:not(.b-using-keyboard) .b-todolistfield .b-list-item.b-active:not(.b-disabled).b-selected,
body:not(.b-using-keyboard) .b-todolistfield .b-list-item:focus:not(.b-disabled).b-selected {
  color: #999;
}
.b-todolistfield .b-selected {
  color: #999;
}
.b-todolistfield .b-selected .b-todo-checkbox:before {
  content: "\f14a";
}
.b-todolistfield > .b-field-inner {
  flex-direction: column;
  align-items: stretch;
}
.b-todolistfield .b-todo-add {
  border: none;
  border-top: 1px dotted rgba(0, 0, 0, 0);
  border-radius: 0;
  background: transparent;
}
.b-todolistfield:not(.b-editable) .b-todo-edit,
.b-todolistfield:not(.b-editable) .b-todo-add {
  display: none;
}
.b-todo-editor .b-field {
  height: 100%;
}
.b-todo-editor .b-icon-trash {
  color: var(--taskboard-red);
}
:root,
:host {
  --taskboard-red: #c62828;
  --taskboard-pink: #ad1457;
  --taskboard-purple: #6a1b9a;
  --taskboard-deep-purple: #4527a0;
  --taskboard-magenta: #ff4dff;
  --taskboard-violet: #9775fa;
  --taskboard-indigo: #283593;
  --taskboard-blue: #1565c0;
  --taskboard-light-blue: #0282cc;
  --taskboard-cyan: #00838f;
  --taskboard-teal: #38d9a9;
  --taskboard-green: #40ab46;
  --taskboard-light-green: #a5d8a7;
  --taskboard-lime: #cad73b;
  --taskboard-yellow: #fab23e;
  --taskboard-amber: #ff8f00;
  --taskboard-orange: #ef6c00;
  --taskboard-deep-orange: #d84315;
  --taskboard-gray: #424242;
  --taskboard-light-gray: #828282;
  --taskboard-black: #000;
}
.b-taskboard-color-red {
  color: var(--taskboard-red);
}
.b-taskboard-color-pink {
  color: var(--taskboard-pink);
}
.b-taskboard-color-purple {
  color: var(--taskboard-purple);
}
.b-taskboard-color-deep-purple {
  color: var(--taskboard-deep-purple);
}
.b-taskboard-color-indigo {
  color: var(--taskboard-indigo);
}
.b-taskboard-color-blue {
  color: var(--taskboard-blue);
}
.b-taskboard-color-light-blue {
  color: var(--taskboard-light-blue);
}
.b-taskboard-color-cyan {
  color: var(--taskboard-cyan);
}
.b-taskboard-color-teal {
  color: var(--taskboard-teal);
}
.b-taskboard-color-green {
  color: var(--taskboard-green);
}
.b-taskboard-color-light-green {
  color: var(--taskboard-light-green);
}
.b-taskboard-color-lime {
  color: var(--taskboard-lime);
}
.b-taskboard-color-yellow {
  color: var(--taskboard-yellow);
}
.b-taskboard-color-amber {
  color: var(--taskboard-amber);
}
.b-taskboard-color-orange {
  color: var(--taskboard-orange);
}
.b-taskboard-color-deep-orange {
  color: var(--taskboard-deep-orange);
}
.b-taskboard-color-gray {
  color: var(--taskboard-gray);
}
.b-taskboard-background-color-red {
  background-color: var(--taskboard-red);
}
.b-taskboard-background-color-pink {
  background-color: var(--taskboard-pink);
}
.b-taskboard-background-color-purple {
  background-color: var(--taskboard-purple);
}
.b-taskboard-background-color-deep-purple {
  background-color: var(--taskboard-deep-purple);
}
.b-taskboard-background-color-indigo {
  background-color: var(--taskboard-indigo);
}
.b-taskboard-background-color-blue {
  background-color: var(--taskboard-blue);
}
.b-taskboard-background-color-light-blue {
  background-color: var(--taskboard-light-blue);
}
.b-taskboard-background-color-cyan {
  background-color: var(--taskboard-cyan);
}
.b-taskboard-background-color-teal {
  background-color: var(--taskboard-teal);
}
.b-taskboard-background-color-green {
  background-color: var(--taskboard-green);
}
.b-taskboard-background-color-light-green {
  background-color: var(--taskboard-light-green);
}
.b-taskboard-background-color-lime {
  background-color: var(--taskboard-lime);
}
.b-taskboard-background-color-yellow {
  background-color: var(--taskboard-yellow);
}
.b-taskboard-background-color-amber {
  background-color: var(--taskboard-amber);
}
.b-taskboard-background-color-orange {
  background-color: var(--taskboard-orange);
}
.b-taskboard-background-color-deep-orange {
  background-color: var(--taskboard-deep-orange);
}
.b-taskboard-background-color-gray {
  background-color: var(--taskboard-gray);
}