@import '_content/BlazorDateRangePicker/BlazorDateRangePicker.iitr8bszy4.bundle.scp.css';

/* _content/BeeyeFrontEndServer/Pages/ActionsHistory.razor.rz.scp.css */
.table-outer-wrapper[b-4olbp65i6p] {
  overflow-y: scroll;
  background: white;
  border-radius: 8px;
  height: 80vh;
}
.table-outer-wrapper table[b-4olbp65i6p] {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 65px;
  table-layout: fixed;
}
.table-outer-wrapper table thead tr[b-4olbp65i6p] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  height: 56px;
}
.table-outer-wrapper table thead tr th[b-4olbp65i6p] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--b-light-02);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.5);
}
.table-outer-wrapper table thead tr th[b-4olbp65i6p]::after {
  content: "";
  border: 0.5px solid rgba(214, 219, 227, 0.3);
  position: absolute;
  height: 56px;
  left: -1px;
  top: 0;
}
.table-outer-wrapper table thead tr th.columns[b-4olbp65i6p] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 16px;
  cursor: pointer;
  /*width: 100px;*/
}
.table-outer-wrapper table thead tr th.columns.selected[b-4olbp65i6p] {
  background: var(--b-light-01);
}
.table-outer-wrapper table thead tr th.columns.empty[b-4olbp65i6p] {
  width: 40px;
}
.table-outer-wrapper table thead tr th.columns .column-name-icon-wrapper[b-4olbp65i6p] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.table-outer-wrapper table thead tr th.columns .column-name-icon-wrapper i[b-4olbp65i6p] {
  margin-left: 8px;
  cursor: pointer;
}
.table-outer-wrapper table tbody td[b-4olbp65i6p] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
  height: 56px;
}
.table-outer-wrapper table tbody td:hover .open-in-new-link[b-4olbp65i6p] {
  display: flex;
  align-items: center;
}
.table-outer-wrapper table tbody td.input-checkbox-column[b-4olbp65i6p] {
  padding: 16px 8px;
}
.table-outer-wrapper table tbody td.favorite-column[b-4olbp65i6p] {
  text-align: center;
  background: var(--b-light-02);
}
.table-outer-wrapper table tbody td.favorite-column i[b-4olbp65i6p] {
  cursor: pointer;
}
.table-outer-wrapper table tbody td.grey-bg[b-4olbp65i6p] {
  background: var(--b-light-02);
}
.table-outer-wrapper table tbody td.draggable[b-4olbp65i6p] {
  text-align: center;
}
.table-outer-wrapper table tbody td.draggable i[b-4olbp65i6p] {
  cursor: move;
}
.table-outer-wrapper table tbody td.comment-indicator[b-4olbp65i6p] {
  background-image: radial-gradient(circle at top right, #F27633 7px, transparent 8px);
  background-repeat: no-repeat;
  background-position: right 0px top 0px;
}
.table-outer-wrapper table tbody td .checkbox[b-4olbp65i6p] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-outer-wrapper table tbody td .link[b-4olbp65i6p] {
  padding: 12px 8px 12px 16px;
  font-weight: 400;
  color: var(--b-dark-02);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
.table-outer-wrapper table tbody td .link .name[b-4olbp65i6p], .table-outer-wrapper table tbody td .link span[b-4olbp65i6p] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.table-outer-wrapper table tbody td .sums-wrapper[b-4olbp65i6p] {
  display: flex;
  flex-direction: column;
  align-items: end;
  padding: 12px 16px;
  flex-wrap: nowrap;
}
.table-outer-wrapper table tbody td .sums-wrapper .sum[b-4olbp65i6p] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
}
.table-outer-wrapper table tbody td .sums-wrapper .sum .text[b-4olbp65i6p] {
  font-family: IBM Plex Sans;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
}
.table-outer-wrapper table tbody td .status-bullet-big[b-4olbp65i6p] {
  height: 16px;
  width: 16px;
  margin: auto;
  border-radius: 50%;
}
.table-outer-wrapper table tbody td .status-wrapper[b-4olbp65i6p] {
  display: flex;
  flex-direction: row;
  padding: 16px 12px;
  align-items: center;
}
.table-outer-wrapper table tbody td .status-wrapper .status-bullet[b-4olbp65i6p] {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-right: 8px;
  min-width: 8px;
}
.table-outer-wrapper table tbody td .hours-value-wrapper[b-4olbp65i6p] {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  align-items: end;
}
.table-outer-wrapper table tbody td .avatar-name-wrapper[b-4olbp65i6p] {
  display: flex;
  flex-direction: row;
  padding: 16px 12px;
  align-items: center;
}
.table-outer-wrapper table tbody td .avatar-name-wrapper .image-container[b-4olbp65i6p] {
  margin-right: 8px;
}
.table-outer-wrapper table tbody td .value[b-4olbp65i6p] {
  padding: 16px 12px;
}
.table-outer-wrapper table tbody td .open-in-new-link[b-4olbp65i6p] {
  display: none;
}
.table-outer-wrapper table tbody td .open-in-new-link[b-4olbp65i6p]  .secondary-btn.outline {
  height: 24px;
  padding: 0 3px;
}
.table-outer-wrapper table tbody td.exceed-value[b-4olbp65i6p] {
  background: var(--red-03);
}
.table-outer-wrapper table tbody td.exceed-value .value[b-4olbp65i6p] {
  color: var(--red-01);
}
.table-outer-wrapper table tbody td .link-text-wrapper[b-4olbp65i6p] {
  display: flex;
  align-items: center;
}

.footer[b-4olbp65i6p] {
  background: #FDFCFF;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 8px 8px;
  padding: 12px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  max-width: 100%;
}
.footer[b-4olbp65i6p]  .rz-dropdown {
  width: 70px;
}

.selected[b-4olbp65i6p] {
  background: var(--a-light-orange-02);
}

.hidden[b-4olbp65i6p] {
  display: none;
}

.right-align[b-4olbp65i6p] {
  display: flex;
  justify-content: end;
  text-align: right;
}
/* _content/BeeyeFrontEndServer/Pages/BeeyeDataView.razor.rz.scp.css */
[b-942t0twapj] .first-panel,
[b-942t0twapj] .second-panel__header,
[b-942t0twapj] .second-panel__subheader {
  user-select: none;
}

.global-mask[b-942t0twapj] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: transparent;
  z-index: 60;
  user-select: none;
}

.table-mask[b-942t0twapj] {
  position: absolute;
  top: 233px;
  left: 248px;
  width: 100%;
  height: 100%;
  background-color: transparent;
  user-select: none;
  z-index: 62;
}

[b-942t0twapj] .selection-actions__wrapper.default-mode.additional {
  width: 100%;
}
[b-942t0twapj] .selection-actions__wrapper.default-mode.additional .right-wrapper button {
  margin-left: 8px;
}

[b-942t0twapj] .drop-down-button {
  display: flex;
}
[b-942t0twapj] .drop-down-button .icon-text {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  margin-top: 8px;
}
[b-942t0twapj] .drop-down-button .icon-text a {
  margin-left: 15px;
}
[b-942t0twapj] .drop-down-button .icon-text i {
  margin-left: 15px;
}
[b-942t0twapj] .drop-down-button .rz-dropdown-trigger-icon.rzi.rzi-chevron-down::before {
  color: var(--b-dark-02);
}
[b-942t0twapj] .drop-down-button .rz-dropdown {
  background-color: var(--white);
  color: var(--b-dark-01);
  border: 1px var(--b-dark-01) solid;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  height: 42px;
}
[b-942t0twapj] .drop-down-button .rz-inputtext {
  display: none;
}

[b-942t0twapj] .black-button {
  background-color: var(--white);
  color: var(--b-dark-01);
  border: 1px var(--b-dark-01) solid;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

[b-942t0twapj] .second-panel-no-overflow .second-panel__header {
  padding: 0;
}
[b-942t0twapj] .second-panel-no-overflow .second-panel__header .view-title {
  display: flex;
  flex-direction: row;
  align-items: center;
}
[b-942t0twapj] .second-panel-no-overflow .second-panel__header .view-title h3 {
  margin: 16px;
}
[b-942t0twapj] .second-panel-no-overflow .second-panel__header .second-wrapper {
  padding: 4px;
}
[b-942t0twapj] .second-panel-no-overflow .second-panel__subheader {
  padding: 8px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  justify-content: space-between;
  height: fit-content;
}

[b-942t0twapj] .second_panel__container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  height: 100%;
}
[b-942t0twapj] .second_panel__container .second-panel__container-sub {
  height: 100%;
  flex-grow: 1;
}

[b-942t0twapj] .input-wrapper {
  /*margin-right: 8px;*/
}
[b-942t0twapj] .input-wrapper label {
  display: none;
}
[b-942t0twapj] .input-wrapper input {
  width: 230px;
}

/* Table actions bar */
.selection-actions-wrapper[b-942t0twapj] {
  height: 56px;
  width: calc(100% - 72px);
  display: flex;
  align-items: center;
  background-color: var(--a-light-orange-02);
  border-left: 0.5px solid rgba(214, 219, 227, 0.3);
  border-radius: 0 8px 0 0;
  padding: 16px;
  position: absolute;
  left: 48px;
  z-index: 3;
  grid-row: 1;
}
.selection-actions-wrapper .records-count[b-942t0twapj] {
  color: var(--a-orange-01);
  cursor: default;
}
.selection-actions-wrapper .selection-count[b-942t0twapj] {
  color: var(--a-orange-01);
  background-color: var(--white);
  color: var(--grey-01);
  padding: 8px;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  cursor: default;
}
.selection-actions-wrapper span[b-942t0twapj] {
  margin: 0 16px;
  cursor: pointer;
}
.selection-actions-wrapper i[b-942t0twapj] {
  margin-right: 8px;
}
.selection-actions-wrapper.delete_mode[b-942t0twapj] {
  background-color: var(--red-03);
}

/* Table */
.main-container[b-942t0twapj] {
  padding: 8px;
  background: var(--b-light-01);
  position: relative;
  display: grid;
  grid-template-rows: 1fr 56px;
  grid-auto-columns: auto;
}
.main-container.modified-container[b-942t0twapj] {
  width: calc(100vw - 58px);
}

.table-outer-wrapper[b-942t0twapj] {
  height: calc(100vh - 56px - 56px - 56px - 70px);
  overflow-y: scroll;
  background: var(--white);
  border-radius: 8px;
  overflow-x: scroll;
  position: relative;
  grid-row: 1;
  display: grid;
  grid-template-rows: 56px 2px 1fr;
}
.table-outer-wrapper.new-table-container[b-942t0twapj] {
  max-width: calc(100vw - 58px);
}

table[b-942t0twapj] {
  /*border-collapse: collapse;*/
  border-collapse: separate;
  border-spacing: 2px 0px;
  max-width: calc(100vw - 256px);
  margin-bottom: 65px;
  table-layout: fixed;
  clip-path: inset(2px);
  margin-left: -3px;
  /*user-select: none;*/
}
table.is-resizing[b-942t0twapj] {
  position: relative;
  z-index: 61;
}
table thead tr[b-942t0twapj] {
  height: 56px;
}
table thead tr.is-resizing th.column[b-942t0twapj] {
  cursor: col-resize;
  user-select: none;
  z-index: 80;
}
table thead tr.is-resizing th.column.resize-bar[b-942t0twapj] {
  background: grey;
}
table thead tr th[b-942t0twapj] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--b-light-02);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  /*  &::after {
      content: "";
      border: 0.5px solid rgba(214, 219, 227, 0.3);
      position: absolute;
      height: 56px;
      left: -1px;
      top: 0;
  }*/
}
table thead tr th.input-checkbox-column[b-942t0twapj] {
  padding: 0px 8px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  width: 40px;
  position: sticky;
  left: 0;
  z-index: 2;
}
table thead tr th.input-checkbox-column.bar[b-942t0twapj]  .rz-chkbox .rz-chkbox-icon.rzi.rzi-check::before {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 6px;
}
table thead tr th.input-checkbox-column.selected-rows[b-942t0twapj] {
  background: var(--a-light-orange-02);
  border-bottom: 0.5px solid #e9e9e9;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
table thead tr th.column[b-942t0twapj] {
  min-width: 200px;
  padding: 0px 16px;
  cursor: pointer;
  max-width: 50px;
}
table thead tr th.column span.title-wrapper[b-942t0twapj] {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
table thead tr th.column span.title-wrapper.alignright[b-942t0twapj] {
  display: flex;
  justify-content: right;
}
table thead tr th.column span.title-wrapper.alignright i[b-942t0twapj] {
  margin-left: 8px;
}
table thead tr th.column span.title-wrapper.has-icon[b-942t0twapj] {
  padding-right: 24px;
}
table thead tr th.column span.title-wrapper i[b-942t0twapj] {
  background: var(--b-light-02);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
table thead tr th.column .resize-bar[b-942t0twapj] {
  cursor: col-resize;
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
  pointer-events: auto;
}
table thead tr th.column .resize-bar.pointer-none[b-942t0twapj] {
  pointer-events: none;
  background: var(--b-med-01);
  opacity: 50%;
}
table thead tr th.column .resize-bar:hover[b-942t0twapj] {
  background: var(--b-med-01);
  opacity: 50%;
}
table thead tr th.column .resize-bar.right[b-942t0twapj] {
  right: 0;
}
table thead tr th.column div[b-942t0twapj] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 200px;
}
table thead tr th.column div span[b-942t0twapj] {
  max-width: 85%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
table tbody[b-942t0twapj]  .dataLine {
  height: 40px;
  margin: 4px;
}
table tbody[b-942t0twapj]  .dataLine td.data-cell {
  max-width: 50px;
}
table tbody[b-942t0twapj]  .dataLine td.checkbox-wrapper {
  padding: 0px 8px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
}
table tfoot[b-942t0twapj] {
  position: sticky;
  bottom: -1px;
  background: var(--white);
  z-index: 3;
}
table tfoot[b-942t0twapj]  tr.dataLine:hover {
  background: var(--white);
}
table tfoot[b-942t0twapj]  tr.dataLine:hover td.checkbox-wrapper {
  background: var(--white);
}
table tfoot[b-942t0twapj]  tr.dataLine td.checkbox-wrapper {
  background: var(--white);
  box-shadow: none;
}
table tfoot[b-942t0twapj]  tr.dataLine td.checkbox-wrapper:hover {
  background: var(--white);
}

.paginator[b-942t0twapj] {
  width: 100%;
  height: 48px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: var(--b-light-02);
  border-radius: 0px 0px 8px 8px;
  background: #FDFCFF;
  border-radius: 0px 0px 8px 8px;
}
.paginator[b-942t0twapj]  nav {
  display: flex;
  align-items: center;
}
.paginator[b-942t0twapj]  nav .pagination {
  margin: auto;
}
.paginator[b-942t0twapj]  nav .pagination li:nth-child(2) .page-link::before {
  content: "\f053";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}
.paginator[b-942t0twapj]  nav .pagination li:nth-child(2) .page-link span {
  display: none;
}
.paginator[b-942t0twapj]  nav .pagination li:nth-last-child(2) .page-link::before {
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}
.paginator[b-942t0twapj]  nav .pagination li:nth-last-child(2) .page-link span {
  display: none;
}
.paginator[b-942t0twapj]  nav .page-item {
  min-width: 32px;
  height: 32px;
  margin: 0 8px;
}
.paginator[b-942t0twapj]  nav .page-item.disabled {
  opacity: 0.5;
}
.paginator[b-942t0twapj]  nav .page-item.disabled .page-link {
  border: none;
}
.paginator[b-942t0twapj]  nav .page-item .page-link.sort-link {
  color: var(--b-dark-02) !important;
  padding: 8px;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  justify-content: center;
  border: none;
}
.paginator[b-942t0twapj]  nav .page-item .page-link.sort-link:hover {
  background: var(--grey-03);
  border-radius: 4px;
}
.paginator[b-942t0twapj]  nav .page-item.active .page-link {
  color: var(--b-dark-02) !important;
  background: var(--b-light-01);
  border: none;
  border-radius: 4px;
  font-weight: 400;
}

.no-result-container[b-942t0twapj] {
  position: absolute;
  top: 64px;
  z-index: 3;
  width: calc(100% - 26px);
}
.no-result-container[b-942t0twapj]  .no-result-wrapper {
  align-items: center;
  margin-left: 8px;
}
.no-result-container[b-942t0twapj]  .no-result-wrapper h4 {
  margin-bottom: 8px;
}
.no-result-container[b-942t0twapj]  .no-result-wrapper button {
  min-width: 160px;
}

[b-942t0twapj] .additional-buttons-container {
  align-items: center;
  gap: 4px;
  /* Date picker with start and end date style */
}
[b-942t0twapj] .additional-buttons-container .date-dropdown {
  height: 40px;
}
[b-942t0twapj] .additional-buttons-container .date-dropdown .rz-dropdown {
  padding: 12px 0px;
  /*.rz-dropdown-trigger.rz-corner-right {
      right: 12px;
  }*/
}
[b-942t0twapj] .additional-buttons-container .date-dropdown .rz-dropdown-label.rz-inputtext {
  max-width: 100%;
}
[b-942t0twapj] .additional-buttons-container .date-range-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0px;
}
[b-942t0twapj] .additional-buttons-container .date-range-wrapper .date-range-indiv-calendar {
  width: 22%;
}
[b-942t0twapj] .additional-buttons-container .date-range-wrapper .date-range-indiv-calendar .rz-calendar.rz-calendar-w-btn input.rz-inputtext {
  width: 102%;
  color: var(--b-med-01);
}
[b-942t0twapj] .additional-buttons-container .date-range-wrapper i {
  color: var(--b-med-01);
}

.progress-bar-container[b-942t0twapj] {
  grid-row: 2;
  z-index: 2;
}
/* _content/BeeyeFrontEndServer/Pages/BeeyeImports.razor.rz.scp.css */
[b-d6iz2gbckw] .second-panel__header {
  display: flex;
  justify-content: space-between;
}
[b-d6iz2gbckw] .second-panel__header button {
  padding: 12px 16px;
}

[b-d6iz2gbckw] .input-wrapper {
  margin-left: 16px;
}
[b-d6iz2gbckw] .input-wrapper:before {
  content: "\f002";
  color: var(--b-med-02);
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  left: 16px;
  bottom: 14px;
  z-index: 1;
}
[b-d6iz2gbckw] .input-wrapper input {
  padding-left: 40px;
}

[b-d6iz2gbckw] .table-container {
  margin-top: 16px;
}
[b-d6iz2gbckw] .table-container .rz-datatable-scrollable-body {
  overflow: initial;
}
[b-d6iz2gbckw] .table-container .rz-datatable-scrollable-header {
  position: sticky;
  top: 0px;
  z-index: 1;
}
[b-d6iz2gbckw] .table-container .rz-datatable-scrollable-view {
  overflow-y: auto;
  max-height: calc(100vh - 250px);
}

[b-d6iz2gbckw] span .resource-name {
  margin-left: 4px;
  flex-grow: 4;
}
/* _content/BeeyeFrontEndServer/Pages/BeeyeImportsCreate.razor.rz.scp.css */
[b-6z1nnj36ef] .toggle-import-type {
  background: var(--a-light-orange-02);
  display: flex;
  flex-direction: row;
}
[b-6z1nnj36ef] .toggle-import-type .tab label {
  margin: 0px;
  padding: 16px;
  color: var(--a-orange-03);
  background-color: var(--a-light-orange-01);
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
[b-6z1nnj36ef] .toggle-import-type .tab label i {
  margin-right: 6px;
}
[b-6z1nnj36ef] .toggle-import-type .tab input[type=radio] {
  display: none;
}
[b-6z1nnj36ef] .toggle-import-type .tab input[type=radio]:checked + label {
  background-color: var(--a-orange-01);
  color: var(--a-light-orange-02);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}

[b-6z1nnj36ef] .title {
  padding: 16px;
  font-weight: 500;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  cursor: default;
}

[b-6z1nnj36ef] .section-container {
  padding: 32px;
  background-color: var(--b-light-02);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1);
}
[b-6z1nnj36ef] .section-container p {
  margin: 0 0 16px 0;
  cursor: default;
}
[b-6z1nnj36ef] .section-container h4 {
  margin: 16px 0 16px 0;
}
[b-6z1nnj36ef] .section-container button {
  margin: 0 0 16px 0;
}
[b-6z1nnj36ef] .section-container a {
  color: var(--a-orange-02);
  transition: color 0.1s ease;
  cursor: pointer;
}
[b-6z1nnj36ef] .section-container a:hover {
  color: var(--a-orange-01);
}
[b-6z1nnj36ef] .section-container .text-button-container {
  display: flex;
  align-items: center;
}
[b-6z1nnj36ef] .section-container .text-group {
  display: flex;
  flex-direction: column;
}
[b-6z1nnj36ef] .section-container .error {
  margin-top: 34px;
}

[b-6z1nnj36ef] .select-file-section {
  display: flex;
  flex-direction: column;
  padding-bottom: 8px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-top: 16px;
}
[b-6z1nnj36ef] .select-file-section h4 {
  margin: 0;
  padding: 16px;
  border-radius: 8px 8px 0px 0px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
[b-6z1nnj36ef] .select-file-section .buttons-container {
  justify-content: space-between;
  background-color: white;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1);
  position: relative;
}
[b-6z1nnj36ef] .select-file-section .buttons-container.file-selected input[type=file] {
  color: black;
}
[b-6z1nnj36ef] .select-file-section .buttons-container.file-selected .text-select-file {
  display: none;
}
[b-6z1nnj36ef] .select-file-section .buttons-container .file-wrapper {
  position: relative;
  min-width: 79%;
}
[b-6z1nnj36ef] .select-file-section .buttons-container .file-wrapper.width-style {
  min-width: 88%;
}
[b-6z1nnj36ef] .select-file-section .buttons-container .file-wrapper.width-style .text-select-file {
  width: 90%;
}
[b-6z1nnj36ef] .select-file-section .buttons-container .file-wrapper input[type=file] {
  z-index: 1;
  -webkit-appearance: none;
  -webkit-rtl-ordering: left;
  border: none;
  box-shadow: none;
  padding: 12px 8px 0px 16px;
  min-width: 100%;
  max-width: fit-content;
  background-color: transparent;
  border-radius: 0px;
  color: transparent;
  flex-grow: 4;
  height: 40px;
  cursor: pointer;
}
[b-6z1nnj36ef] .select-file-section .buttons-container .file-wrapper input[type=file]::-webkit-file-upload-button {
  display: none;
  /*-webkit-appearance: none;
  position: relative;
  bottom: 12px;
  float: right;
  margin: 0 0 0 10px;
  border-radius: 4px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  padding: 11px;
  transition: background 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  background: transparent;
  border: 1px solid var(--a-orange-02);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  color: transparent;
  cursor: pointer;
  height: 40px;
  width: 132px;*/
}
[b-6z1nnj36ef] .select-file-section .buttons-container .file-wrapper .file-button {
  position: absolute;
  top: 0px;
  right: 0px;
  pointer-events: none;
}
[b-6z1nnj36ef] .select-file-section .buttons-container .file-wrapper .text-select-file {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  width: 86%;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: default;
}
[b-6z1nnj36ef] .select-file-section .buttons-container .button-text {
  position: absolute;
  top: 20px;
  right: 273px;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
[b-6z1nnj36ef] .select-file-section .buttons-container button {
  margin: 0;
}

[b-6z1nnj36ef] button:disabled {
  opacity: 30%;
}

/*buttons-container for StepMapping.razor*/
[b-6z1nnj36ef] .buttons-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 8px 16px 8px 16px;
  width: 100%;
}
[b-6z1nnj36ef] .buttons-container button {
  margin: 8px 0 8px 8px;
  display: flex;
}

[b-6z1nnj36ef] .create-new-field-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: baseline;
}
[b-6z1nnj36ef] .create-new-field-wrapper div {
  margin-right: 16px;
}
[b-6z1nnj36ef] .create-new-field-wrapper button {
  padding: 0;
  color: var(--b-med-02);
}

[b-6z1nnj36ef] .steps-container {
  border: 1px solid #D6DBE3;
  border-radius: 8px;
  padding: 16px;
  margin: 0 16px 16px 16px;
}
[b-6z1nnj36ef] .steps-container i {
  margin-right: 16px;
  font-size: 14px;
}
[b-6z1nnj36ef] .steps-container h4 {
  margin-bottom: 8px;
  color: var(--b-dark-02);
}
[b-6z1nnj36ef] .steps-container .steps-sub-container {
  padding-left: 32px;
}
[b-6z1nnj36ef] .steps-container .steps-sub-container .type-preset-7 {
  opacity: 30%;
}
[b-6z1nnj36ef] .steps-container .steps-sub-container .type-preset-7.mapped {
  color: #34344B;
  opacity: 100%;
}
[b-6z1nnj36ef] .steps-container .steps-sub-container .type-preset-7.mapped i {
  color: #F27633;
}

[b-6z1nnj36ef] .rz-cell-data .rz-dropdown .rz-dropdown-label.rz-inputtext {
  margin-top: 4px;
}

[b-6z1nnj36ef] .errors-container {
  padding: 16px;
}

.font-italic[b-6z1nnj36ef] {
  font-style: italic;
}

/*Responsive buttons containers*/
@media screen and (max-width: 1360px) {
  [b-6z1nnj36ef] .select-file-section .buttons-container {
    display: flex;
    justify-content: flex-end;
  }
  [b-6z1nnj36ef] .select-file-section .buttons-container input[type=file] {
    width: 50%;
  }
}
@media screen and (max-width: 850px) {
  [b-6z1nnj36ef] .select-file-section {
    /*buttons-container StepSelectFile.razor*/
  }
  [b-6z1nnj36ef] .select-file-section .buttons-container {
    justify-content: flex-end;
    height: auto;
  }
  [b-6z1nnj36ef] .select-file-section .buttons-container input[type=file] {
    width: 100%;
    padding-right: 0;
  }
  [b-6z1nnj36ef] .select-file-section .buttons-container button {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  [b-6z1nnj36ef] .select-file-section .buttons-container .button-text {
    right: 30px;
  }
  /*buttons-container StepMapping.razor*/
  [b-6z1nnj36ef] .buttons-container {
    justify-content: center;
  }
}
/*::deep .first-panel__links:last-of-type {
    position: relative;

    .first-panel__link::before {
        content: "\f111";
        font-family: "Font Awesome 5 Pro";
        font-size: 14px;
        line-height: 14px;
        margin-right: 8px;
    }

    .first-panel__link.selected::before {
        content: "\f111";
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        font-size: 14px;
        line-height: 14px;
    }
}*/
/* _content/BeeyeFrontEndServer/Pages/BeeyeTasks.razor.rz.scp.css */
[b-8jnpnn9ukv] .selection-actions__wrapper.default-mode.additional {
  width: 100%;
}
[b-8jnpnn9ukv] .selection-actions__wrapper.default-mode.additional .right-wrapper button {
  margin-left: 8px;
}

[b-8jnpnn9ukv] .drop-down-button {
  display: flex;
}
[b-8jnpnn9ukv] .drop-down-button .icon-text {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  margin-top: 7px;
  min-width: fit-content;
}
[b-8jnpnn9ukv] .drop-down-button .icon-text a {
  margin-left: 8px;
}
[b-8jnpnn9ukv] .drop-down-button .icon-text .sort {
  margin-left: 12px;
}
[b-8jnpnn9ukv] .drop-down-button .icon-text i {
  margin-left: 12px;
  font-size: 14px;
}
[b-8jnpnn9ukv] .drop-down-button .rz-dropdown-trigger-icon.rzi.rzi-chevron-down::before {
  color: #34344B;
}
[b-8jnpnn9ukv] .drop-down-button .rz-dropdown {
  background-color: white;
  color: var(--b-dark-02);
  border: 1px var(--b-dark-02) solid;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  height: 40px;
}
[b-8jnpnn9ukv] .drop-down-button .rz-dropdown:hover {
  background: var(--b-light-02);
  border: 1px var(--b-dark-01) solid;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
[b-8jnpnn9ukv] .drop-down-button .rz-inputtext {
  display: none;
}

[b-8jnpnn9ukv] .filter-buttons-container {
  display: flex;
  margin-left: 16px;
}
[b-8jnpnn9ukv] .filter-buttons-container .black-button {
  background-color: white;
  color: var(--b-dark-01);
  border: 1px var(--b-dark-01) solid;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  width: 40px;
  outline: none;
}
[b-8jnpnn9ukv] .filter-buttons-container .black-button:hover {
  background: var(--b-light-02);
}
[b-8jnpnn9ukv] .filter-buttons-container .black-button i {
  width: 16px;
  height: 16px;
}

[b-8jnpnn9ukv] .second-panel-no-overflow .second-panel__header {
  padding: 0;
}
[b-8jnpnn9ukv] .second-panel-no-overflow .second-panel__header .view-title h3 {
  margin: 16px;
}
[b-8jnpnn9ukv] .second-panel-no-overflow .second-panel__header .second-wrapper {
  padding: 4px;
}
[b-8jnpnn9ukv] .second-panel-no-overflow .second-panel__subheader {
  padding: 8px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  justify-content: space-between;
  height: fit-content;
}
[b-8jnpnn9ukv] .second-panel-no-overflow .second-panel__subheader .input-wrapper input[type=search] {
  height: 40px;
}
[b-8jnpnn9ukv] .second-panel-no-overflow .second-panel__subheader .buttons-wrapper .sort-buttons-container .sort-btn {
  min-width: 120px;
}
[b-8jnpnn9ukv] .second-panel-no-overflow .second-panel__subheader .buttons-wrapper .sort-buttons-container .sort-btn .rz-dropdown:not(:disabled):not(.rz-state-disabled) {
  width: 120px;
}
[b-8jnpnn9ukv] .second-panel-no-overflow .second-panel__container-sub {
  height: calc(100vh - 56px - 56px - 56px - 57px);
  flex-grow: 1;
  background-color: var(--b-light-01);
}

[b-8jnpnn9ukv] .rz-datatable-scrollable-header-box .rz-datatable-thead th {
  padding: 0px;
}
[b-8jnpnn9ukv] .rz-datatable-scrollable-header-box .rz-datatable-thead th div {
  padding: 16px;
}
[b-8jnpnn9ukv] .rz-datatable-scrollable-header-box .rz-datatable-thead th div div {
  padding: 0px;
}

[b-8jnpnn9ukv] .card-title {
  width: 180px;
}

[b-8jnpnn9ukv] .action-buttons {
  visibility: hidden;
}

[b-8jnpnn9ukv] .buttons-wrapper:hover .action-buttons {
  visibility: visible;
}

[b-8jnpnn9ukv] .input-wrapper label {
  display: none;
}
[b-8jnpnn9ukv] .input-wrapper input {
  width: 277px;
}

/* main wrapper for the table and the actions bar*/
[b-8jnpnn9ukv] .no-pagination .rz-datatable {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

[b-8jnpnn9ukv] .rz-datatable {
  margin: 8px 16px 16px 8px;
}

[b-8jnpnn9ukv] .table-wrapper {
  position: relative;
  margin-top: 8px;
}
[b-8jnpnn9ukv] .table-wrapper .per-page-wrapper {
  position: absolute;
  bottom: 0;
  right: 48px;
  width: 50px;
}
[b-8jnpnn9ukv] .table-wrapper .per-page-wrapper-no-pagination {
  padding-top: 2px;
  padding-right: 14px;
  position: absolute;
  height: 49px;
  background-color: var(--b-light-02);
  margin: 0 0px 15px 7px;
  width: calc(100% - 22px);
  border: 1px solid #e6ecef;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  bottom: -64px;
  text-align: right;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}
[b-8jnpnn9ukv] .table-wrapper .per-page-wrapper-no-pagination .rz-dropdown {
  text-align: left;
}

/* fix height table to fit in vh */
[b-8jnpnn9ukv] .rz-datatable-scrollable-body {
  max-height: 52vh;
  overflow: overlay;
}

[b-8jnpnn9ukv] .rz-state-active {
  justify-content: center;
}

[b-8jnpnn9ukv] .rz-datatable-thead .rz-sortable-column-icon:before {
  font-family: "";
  content: "";
}
[b-8jnpnn9ukv] .rz-datatable-thead .rz-sortable-column-icon:before {
  font-family: "";
  content: "";
}

[b-8jnpnn9ukv] .rz-datatable-thead .asc .rz-sortable-column-icon:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f175";
}
[b-8jnpnn9ukv] .rz-datatable-thead .desc .rz-sortable-column-icon:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f176";
}

/* main checkbox table replace content with a minus when all selected*/
[b-8jnpnn9ukv] .bar .rz-chkbox-icon.rzi.rzi-check {
  display: flex;
  align-items: center;
}
[b-8jnpnn9ukv] .bar .rz-chkbox-icon.rzi.rzi-check::before {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 6px;
}

.edit-header[b-8jnpnn9ukv] {
  display: grid;
  grid-template-columns: auto 1fr;
  background-color: #FFF9F2;
  width: 100%;
}
.edit-header h3[b-8jnpnn9ukv] {
  color: var(--a-orange-02);
  display: flex;
  align-items: center;
}
.edit-header .second-wrapper[b-8jnpnn9ukv] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
}
.edit-header .second-wrapper .modifications-count[b-8jnpnn9ukv] {
  color: #9096A0;
  border-radius: 4px;
  background: #F6F7FA;
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  padding: 4px 6px;
}
.edit-header .second-wrapper .buttons-wrapper[b-8jnpnn9ukv] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.edit-header .second-wrapper .buttons-wrapper[b-8jnpnn9ukv]  .primary-btn.outline {
  margin: 8px 4px;
}
/* _content/BeeyeFrontEndServer/Pages/CreateBeeyeClient.razor.rz.scp.css */
.header[b-p9a9wlcshe] {
  padding: 32px;
  background: #FFFFFF;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
}

.inputs-container[b-p9a9wlcshe] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 32px;
}

.chk-box-container[b-p9a9wlcshe] {
  padding: 8px 32px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.chk-box-container label[b-p9a9wlcshe] {
  margin-bottom: 0px;
}

.wrapper[b-p9a9wlcshe] {
  background: var(--b-light-02);
  height: calc(100vh - 56px - 56px);
}
.wrapper[b-p9a9wlcshe]  button {
  margin: 16px 32px;
}

.new-client[b-p9a9wlcshe] {
  margin: 32px;
  padding: 16px;
  border-radius: 4px;
  background: var(--white);
  border: none;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  max-width: 308px;
  display: flex;
  height: 167px;
  flex-direction: column;
  gap: 8px;
}
.new-client[b-p9a9wlcshe]  button {
  margin: 8px 16px 16px 0px;
}
/* _content/BeeyeFrontEndServer/Pages/ExportCreate.razor.rz.scp.css */
[b-73p6ta87cg] .link-wrapper {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--b-light-01);
  height: 56px;
}
[b-73p6ta87cg] .link-wrapper:hover {
  background-color: var(--grey-02);
}
[b-73p6ta87cg] .link-wrapper:hover .edit-buttons-wrapper {
  display: flex;
  align-items: center;
}
[b-73p6ta87cg] .link-wrapper:hover .edit-buttons-wrapper i {
  opacity: 0.4;
}
[b-73p6ta87cg] .link-wrapper.selected {
  background: var(--a-light-orange-02);
}
[b-73p6ta87cg] .link-wrapper.selected:hover {
  background: var(--a-light-orange-02);
}
[b-73p6ta87cg] .link-wrapper.selected:hover .first-panel__link {
  border-bottom: none;
}
[b-73p6ta87cg] .link-wrapper.selected:hover .edit-buttons-wrapper {
  height: 100%;
}
[b-73p6ta87cg] .link-wrapper.selected:hover .edit-buttons-wrapper i {
  color: var(--a-orange-01);
  opacity: 1;
}
[b-73p6ta87cg] .link-wrapper .first-panel__link {
  display: block;
  border-bottom: none;
  color: var(--b-dark-02);
  line-height: 24px;
  height: 100%;
}
[b-73p6ta87cg] .link-wrapper .edit-buttons-wrapper {
  display: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
[b-73p6ta87cg] .link-wrapper .edit-buttons-wrapper i {
  margin: 0 8px;
  cursor: pointer;
  color: var(--b-dark-02);
}
[b-73p6ta87cg] .link-wrapper .edit-buttons-wrapper i:before {
  font-size: 14px;
}
[b-73p6ta87cg] .link-wrapper .edit-buttons-wrapper i:last-child {
  margin-right: 16px;
}

.parent-container[b-73p6ta87cg] {
  height: 100%;
}
.parent-container[b-73p6ta87cg]  .toggle-btn-container {
  /*width: 100%;*/
  height: 100%;
}
.parent-container[b-73p6ta87cg]  .toggle-btn-container .toggle-btn-wrapper {
  width: 100%;
  background: var(--a-light-orange-02);
  position: sticky;
  top: 0;
  z-index: 1;
}
.parent-container[b-73p6ta87cg]  .toggle-btn-container .toggle-btn-wrapper.tab label {
  padding: 16px;
}
.parent-container[b-73p6ta87cg]  .toggle-btn-container .dynamic-sub-component {
  padding: 0;
  margin-top: 0;
}
.parent-container[b-73p6ta87cg]  .toggle-btn-container .dynamic-sub-component .blocks-container .input-wrapper {
  margin-right: 0;
  margin-top: 16px;
  width: 100%;
}
.parent-container[b-73p6ta87cg]  .toggle-btn-container .dynamic-sub-component .blocks-container .input-wrapper label {
  margin-left: 16px;
}
.parent-container[b-73p6ta87cg]  .toggle-btn-container .dynamic-sub-component .blocks-container .input-wrapper input {
  text-align: start;
}

.parent-container[b-73p6ta87cg]  .toggle-btn-container .dynamic-sub-component .blocks-container .date-section-container .label-input-wrapper .input-wrapper label {
  margin-left: 0px;
}
/* _content/BeeyeFrontEndServer/Pages/Exports.razor.rz.scp.css */
/* Style first panel */
[b-a5eadl8oey] .link-wrapper {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--b-light-01);
  height: 56px;
}
[b-a5eadl8oey] .link-wrapper:hover {
  background-color: var(--grey-02);
}
[b-a5eadl8oey] .link-wrapper:hover .edit-buttons-wrapper {
  display: flex;
  align-items: center;
}
[b-a5eadl8oey] .link-wrapper:hover .edit-buttons-wrapper i {
  opacity: 0.4;
}
[b-a5eadl8oey] .link-wrapper.selected {
  background: var(--a-light-orange-02);
}
[b-a5eadl8oey] .link-wrapper.selected:hover {
  background: var(--a-light-orange-02);
}
[b-a5eadl8oey] .link-wrapper.selected:hover .first-panel__link {
  border-bottom: none;
}
[b-a5eadl8oey] .link-wrapper.selected:hover .edit-buttons-wrapper {
  height: 100%;
}
[b-a5eadl8oey] .link-wrapper.selected:hover .edit-buttons-wrapper i {
  color: var(--a-orange-01);
  opacity: 1;
}
[b-a5eadl8oey] .link-wrapper .first-panel__link {
  display: block;
  border-bottom: none;
  color: var(--b-dark-02);
  line-height: 24px;
  height: 100%;
}
[b-a5eadl8oey] .link-wrapper .edit-buttons-wrapper {
  display: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
[b-a5eadl8oey] .link-wrapper .edit-buttons-wrapper i {
  margin: 0 8px;
  cursor: pointer;
  color: var(--b-dark-02);
}
[b-a5eadl8oey] .link-wrapper .edit-buttons-wrapper i:before {
  font-size: 14px;
}
[b-a5eadl8oey] .link-wrapper .edit-buttons-wrapper i:last-child {
  margin-right: 16px;
}

[b-a5eadl8oey] .table-outer-wrapper {
  padding: 8px;
}
/* _content/BeeyeFrontEndServer/Pages/Forms.razor.rz.scp.css */
.fullWidth[b-xv7d79nk7b] {
  width: 100%;
}

[b-xv7d79nk7b] .table-container {
  margin-top: 16px;
}
[b-xv7d79nk7b] .table-container .rz-datatable-scrollable-body {
  overflow: initial;
}
[b-xv7d79nk7b] .table-container .rz-datatable-scrollable-header {
  position: sticky;
  top: 0px;
  z-index: 1;
}
[b-xv7d79nk7b] .table-container .rz-datatable-scrollable-view {
  overflow-y: auto;
  max-height: calc(100vh - 250px);
}
/* _content/BeeyeFrontEndServer/Pages/LogInPage.razor.rz.scp.css */
form-container[b-3aqdhv7w3i] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 34px 33px;
  margin: 50px auto;
  width: 450px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08), 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
form-container img[b-3aqdhv7w3i] {
  margin: 0px 0px 34px 0px;
}
form-container h1[b-3aqdhv7w3i] {
  width: 114px;
  height: 32px;
  top: 62.51px;
  font-family: IBM Plex Sans Condensed;
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  line-height: 32px;
  color: #34344B;
  margin: 0px 0px 34px 0px;
}
form-container .button-password-forgotten[b-3aqdhv7w3i] {
  color: var(--a-orange-01);
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  padding: 0;
  margin: 0 0 34px 0;
  outline: none;
}
form-container .checkbox-wrapper[b-3aqdhv7w3i] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  position: static;
  width: 300px;
  height: 24px;
  margin: 0 0 34px 0;
}
form-container .checkbox-wrapper .checkbox[b-3aqdhv7w3i] {
  width: 24px;
  height: 24px;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
form-container .checkbox-wrapper .checkbox:hover[b-3aqdhv7w3i] {
  cursor: pointer;
}
form-container .checkbox-wrapper label[b-3aqdhv7w3i] {
  color: var(--b-dark-02);
}
form-container .buttons-wrapper[b-3aqdhv7w3i] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
form-container .buttons-wrapper button:nth-child(even)[b-3aqdhv7w3i] {
  margin-left: 5px;
}
/* _content/BeeyeFrontEndServer/Pages/Nomenclature.razor.rz.scp.css */
.title-btns-wrapper[b-nujr6u1sru] {
  display: flex;
  align-items: center;
  box-shadow: var(--elevation-positive-2);
  background-color: var(--grey-03);
  margin-bottom: 1px;
}
.title-btns-wrapper .title-container[b-nujr6u1sru] {
  width: 240px;
  height: 56px;
  display: flex;
  align-items: center;
  padding: 20px 16px;
  border-right: 1px solid var(--grey-02);
}
.title-btns-wrapper .btns-container[b-nujr6u1sru] {
  width: calc(100vw - 240px);
  display: flex;
  padding: 8px;
  gap: 8px;
}
.title-btns-wrapper .btns-container .separator[b-nujr6u1sru] {
  width: 1px;
  height: 40px;
  opacity: 0.1;
  background-color: var(--b-med-01);
}

.two-panel-layout[b-nujr6u1sru] {
  height: calc(100vh - 110px);
}
.two-panel-layout[b-nujr6u1sru]  .first-panel {
  height: calc(100vh - 110px);
}

[b-nujr6u1sru] .first-panel__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

[b-nujr6u1sru] .first-panel__link {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /*width: 100%;*/
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

[b-nujr6u1sru] .link-edit-wrapper {
  min-height: 48px;
  border-bottom: 1px solid var(--grey-02);
  display: flex;
  align-items: center;
  padding: 16px;
}
[b-nujr6u1sru] .link-edit-wrapper .input-wrapper {
  width: 100%;
}
[b-nujr6u1sru] .link-edit-wrapper .input-wrapper label {
  display: none;
}
[b-nujr6u1sru] .link-edit-wrapper .input-wrapper input {
  padding: 4px;
}
[b-nujr6u1sru] .link-edit-wrapper .input-wrapper .error-text-input {
  margin-left: 0px;
}

[b-nujr6u1sru] .two-panel-layout {
  grid-template-columns: 400px auto;
}
[b-nujr6u1sru] .two-panel-layout .header-edit-button-wrapper .far.fa-plus {
  color: var(--b-dark-02);
}

/* Style first panel */
[b-nujr6u1sru] .link-wrapper {
  display: flex;
  /*justify-content: space-between;*/
  /*border-bottom: 1px solid var(--b-light-01);*/
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05);
  margin-bottom: 0.5px;
  height: 56px;
}
[b-nujr6u1sru] .link-wrapper:hover {
  background-color: var(--grey-02);
}
[b-nujr6u1sru] .link-wrapper:hover .edit-buttons-wrapper {
  display: flex;
  align-items: center;
}
[b-nujr6u1sru] .link-wrapper:hover .edit-buttons-wrapper i {
  opacity: 0.4;
}
[b-nujr6u1sru] .link-wrapper.selected {
  background: var(--a-light-orange-02);
}
[b-nujr6u1sru] .link-wrapper.selected:hover {
  background: var(--a-light-orange-02);
}
[b-nujr6u1sru] .link-wrapper.selected:hover .first-panel__link {
  border-bottom: none;
}
[b-nujr6u1sru] .link-wrapper.selected:hover .edit-buttons-wrapper {
  height: 100%;
}
[b-nujr6u1sru] .link-wrapper.selected:hover .edit-buttons-wrapper i {
  color: var(--a-orange-01);
  opacity: 1;
}
[b-nujr6u1sru] .link-wrapper .first-panel__link {
  display: block;
  border-bottom: none;
  color: var(--b-dark-02);
  line-height: 24px;
  height: 100%;
}
[b-nujr6u1sru] .link-wrapper .edit-buttons-wrapper {
  display: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
[b-nujr6u1sru] .link-wrapper .edit-buttons-wrapper i {
  margin: 0 8px;
  cursor: pointer;
  color: var(--b-dark-02);
}
[b-nujr6u1sru] .link-wrapper .edit-buttons-wrapper i:before {
  font-size: 14px;
}
[b-nujr6u1sru] .link-wrapper .edit-buttons-wrapper i:last-child {
  margin-right: 16px;
}

/* Style second first panel */
[b-nujr6u1sru] .two-panel-layout .first-panel {
  height: calc(100vh - 110px);
  /*.link-wrapper {
      background: var(--b-light-02);
  }*/
}
[b-nujr6u1sru] .two-panel-layout .first-panel .first-panel__header button {
  flex-grow: 1;
}
[b-nujr6u1sru] .two-panel-layout .first-panel .first-panel__header .title-edit-buttons-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
[b-nujr6u1sru] .two-panel-layout .first-panel .first-panel__header .title-edit-buttons-wrapper h3 {
  max-width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
}
[b-nujr6u1sru] .two-panel-layout .first-panel .first-panel__header .header-edit-button-wrapper {
  margin-left: 8px;
}
[b-nujr6u1sru] .two-panel-layout .first-panel .first-panel__header .header-edit-button-wrapper i {
  margin: 0 8px;
  cursor: pointer;
}
[b-nujr6u1sru] .two-panel-layout .first-panel .first-panel__header .header-edit-button-wrapper .far.fa-plus {
  margin-right: 0;
}
[b-nujr6u1sru] .two-panel-layout .first-panel .first-panel__link {
  display: block;
  font-family: IBM Plex Sans Condensed;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: var(--b-dark-02);
}
[b-nujr6u1sru] .two-panel-layout .first-panel .link-wrapper .edit-buttons-wrapper {
  background: var(--b-light-02);
}
[b-nujr6u1sru] .two-panel-layout .first-panel .link-wrapper:hover .first-panel__link {
  background: var(--b-light-02);
}
[b-nujr6u1sru] .two-panel-layout .first-panel .link-wrapper:hover .edit-buttons-wrapper {
  background: var(--b-light-02);
}
[b-nujr6u1sru] .two-panel-layout .first-panel .link-wrapper.selected {
  background: var(--a-light-orange-01);
}
[b-nujr6u1sru] .two-panel-layout .first-panel .link-wrapper.selected:hover {
  background: var(--a-light-orange-01);
  box-shadow: none;
}
[b-nujr6u1sru] .two-panel-layout .first-panel .link-wrapper.selected:hover .first-panel__link {
  background: var(--a-light-orange-01);
}
[b-nujr6u1sru] .two-panel-layout .first-panel .link-wrapper.selected:hover .edit-buttons-wrapper {
  background: var(--a-light-orange-01);
}
[b-nujr6u1sru] .two-panel-layout .first-panel .link-wrapper.selected:hover .edit-buttons-wrapper i {
  color: var(--b-med-01);
}
[b-nujr6u1sru] .two-panel-layout .first-panel .first-panel__link.selected {
  background: transparent;
  /*color: var(--a-orange-01);*/
  height: 100%;
}

.second-panel .two-panel-layout .first-panel[b-nujr6u1sru] {
  height: calc(100vh - 100px);
}
.second-panel .two-panel-layout .second-panel[b-nujr6u1sru] {
  padding: 8px;
  background-color: var(--a-light-orange-01);
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.second-panel .two-panel-layout .second-panel .scroll-wrapper[b-nujr6u1sru] {
  height: 100%;
  overflow: auto;
}
.second-panel .two-panel-layout .second-panel .scroll-wrapper[b-nujr6u1sru]  .dynamic-component-container.duration-input .empty-wrapper-container-task {
  /*height: calc(100vh - 400px);*/
  max-height: 400px;
}
.second-panel .two-panel-layout[b-nujr6u1sru]  .empty-wrapper-container-task {
  height: calc(100vh - 112px);
}

/* Selection Section*/
.tab-wrapper[b-nujr6u1sru] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: #FFFFFF;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
}
.tab-wrapper i[b-nujr6u1sru] {
  color: var(--b-med-01);
  font-size: 14px;
  margin-right: 8px;
}
.tab-wrapper .collapse-btn-wrapper[b-nujr6u1sru] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
  justify-content: right;
  flex-grow: 1;
  padding: 8px;
}
.tab-wrapper .collapse-btn-wrapper .fas[b-nujr6u1sru] {
  margin: auto 0px;
  width: 32px;
  height: 32px;
  background: var(--grey-03);
  border-radius: 4px;
  padding: 8px;
  color: var(--grey-01);
  font-size: 14px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.tab-wrapper .collapse-btn-wrapper .fas[b-nujr6u1sru]::before {
  margin: auto;
}

.section-selected[b-nujr6u1sru] {
  padding: 16px;
  background: var(--grey-03);
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  font-weight: 500;
  display: flex;
  align-items: center;
}

.section-default[b-nujr6u1sru] {
  display: flex;
  align-items: center;
  padding: 16px;
  background: #FFFFFF;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  font-weight: 500;
  height: 56px;
}

/* title edit*/
[b-nujr6u1sru] .input-wrapper label {
  display: none;
}
[b-nujr6u1sru] .input-wrapper input {
  padding: 4px;
}

/* Sticky header */
.sticky-nomenclature-header[b-nujr6u1sru] {
  position: sticky;
  top: 0;
  z-index: 1;
}
.sticky-nomenclature-header[b-nujr6u1sru]  .header-activity-container {
  background: white;
  display: flex;
  padding: 16px;
  height: 56px;
}
.sticky-nomenclature-header[b-nujr6u1sru]  .header-activity-container h3 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  cursor: default;
}
/* _content/BeeyeFrontEndServer/Pages/NonAssignedTasks.razor.rz.scp.css */
.task-list-columns[b-aa5mvy8rzl] {
  display: flex;
  overflow-y: auto;
  position: relative;
  width: 419px;
}

.task-list[b-aa5mvy8rzl] {
  background: #FFF9F2;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  min-width: 277px;
  overflow-y: auto;
  height: calc(100vh - 56px - 66px - 18px);
  margin-right: 4px;
  position: relative;
}

.task-list-headers[b-aa5mvy8rzl] {
  position: sticky;
  width: 100%;
  top: 0;
  z-index: 2;
}

.task-list-header[b-aa5mvy8rzl] {
  background: #FFF9F2;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 10px;
}

.task-list-sub-header[b-aa5mvy8rzl] {
  display: flex;
  padding: 12px 10px;
  background: #FFF3E2;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.task-list-sub-header h4[b-aa5mvy8rzl] {
  color: #686985;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  margin-left: 8px;
}

.card-list-inner-wrapper[b-aa5mvy8rzl] {
  height: 100%;
}

.task-list-footer[b-aa5mvy8rzl] {
  background: #FFF3E2;
  padding: 16px 10px;
  position: sticky;
  width: 100%;
  bottom: 0;
  z-index: 2;
}

.task-list-footer-content[b-aa5mvy8rzl] {
  display: flex;
  justify-content: space-between;
}

.task-list-footer-heading[b-aa5mvy8rzl] {
  color: #9096A0;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
}

.task-list-footer-info[b-aa5mvy8rzl] {
  color: #686985;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
}

.assign-task-list[b-aa5mvy8rzl] {
  width: 100%;
}

.assign-task-row[b-aa5mvy8rzl] {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.assign-task-ressource[b-aa5mvy8rzl] {
  display: flex;
}
/* _content/BeeyeFrontEndServer/Pages/Planning.razor.rz.scp.css */
.main-wrapper[b-askp8mw1ed]  .two-panel-layout .second-panel__header.no-padding {
  padding: 0;
  z-index: 4;
  height: auto;
}
.main-wrapper[b-askp8mw1ed]  .two-panel-layout .second-panel__header.no-padding .second-panel__subheader {
  width: 100%;
  padding: 8px;
}

[b-askp8mw1ed] .rz-helper-hidden-accessible {
  overflow: hidden;
}

[b-askp8mw1ed] .second-panel__content .table .selection-actions__wrapper.default-mode {
  width: 100%;
}
[b-askp8mw1ed] .second-panel__content .table .selection-actions__wrapper.default-mode .left-wrapper .main-action-button__wrapper {
  width: fit-content;
  border-right: none;
}

.drop-down-button[b-askp8mw1ed]  .rz-dropdown {
  border: 1px solid black;
}

[b-askp8mw1ed] .drop-down-button {
  display: flex;
  width: 134px;
}
[b-askp8mw1ed] .drop-down-button.sort-btn .rz-dropdown:not(:disabled):not(.rz-state-disabled) {
  width: 134px;
}
[b-askp8mw1ed] .drop-down-button .icon-text {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  margin-top: 8px;
}
[b-askp8mw1ed] .drop-down-button .icon-text a {
  margin-left: 15px;
}
[b-askp8mw1ed] .drop-down-button .icon-text i {
  margin-left: 15px;
}
[b-askp8mw1ed] .drop-down-button .rz-dropdown-trigger-icon.rzi.rzi-chevron-down::before {
  color: var(--b-dark-02);
}
[b-askp8mw1ed] .drop-down-button .rz-dropdown {
  background-color: var(--white);
  color: var(--b-dark-01);
  border: 1px var(--b-dark-01) solid;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  height: 42px;
}
[b-askp8mw1ed] .drop-down-button .rz-inputtext {
  display: none;
}

.resource-row-header[b-askp8mw1ed] {
  display: flex;
  min-width: 240px;
}

/* Stickiness and layout */
[b-askp8mw1ed] .two-panel-layout .second-panel {
  overflow-y: hidden;
}
[b-askp8mw1ed] .two-panel-layout .second-panel .second-panel__content {
  min-width: calc(100vw - 240px);
  padding-bottom: 0;
  height: calc(100vh - 160px);
}
[b-askp8mw1ed] .two-panel-layout .second-panel .second-panel__content.bulk-action-bar {
  height: calc(100vh - 216px);
}

[b-askp8mw1ed] .selection-actions__wrapper {
  position: sticky;
  top: 128px;
}

[b-askp8mw1ed] .selection-actions__wrapper.view {
  top: 0;
}

[b-askp8mw1ed] .selection-actions__wrapper.default-mode {
  margin-bottom: 1px;
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 2px rgba(52, 52, 75, 0.1);
  z-index: 4;
}
[b-askp8mw1ed] .selection-actions__wrapper.default-mode .left-wrapper {
  position: sticky;
  top: 0;
  left: 0;
}
[b-askp8mw1ed] .selection-actions__wrapper.default-mode .left-wrapper .checkbox-wrapper {
  padding: 16px 10px;
}
[b-askp8mw1ed] .selection-actions__wrapper.default-mode .left-wrapper .main-action-button__wrapper {
  width: 196px;
  display: block;
  border-right: 1px solid #f0eded; /* used this color to immitate the shadow */
  box-shadow: none;
}
[b-askp8mw1ed] .selection-actions__wrapper.default-mode .right-wrapper {
  position: sticky;
  top: 0;
  right: 0;
}

/*}*/
.bar-wrapper[b-askp8mw1ed] {
  width: 100%;
}
.bar-wrapper[b-askp8mw1ed]  .second-panel__subheader .buttons-wrapper {
  gap: 8px;
}
.bar-wrapper[b-askp8mw1ed]  .second-panel__subheader .additional-buttons-container {
  gap: 8px;
  align-items: center;
}
.bar-wrapper[b-askp8mw1ed]  .second-panel__subheader .additional-buttons-container .icon-text.disabled {
  opacity: 0.4;
}
.bar-wrapper[b-askp8mw1ed]  .second-panel__subheader .additional-buttons-container .rz-dropdown {
  border: 1px solid black;
}
.bar-wrapper[b-askp8mw1ed]  .second-panel__subheader .additional-buttons-container .rz-dropdown .rz-dropdown-label.rz-inputtext {
  max-width: 85%;
}
.bar-wrapper[b-askp8mw1ed]  .second-panel__subheader .additional-buttons-container .rz-state-disabled {
  opacity: 40%;
  cursor: default;
}
.bar-wrapper[b-askp8mw1ed]  .second-panel__subheader .additional-buttons-container .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover {
  border: 1px solid black;
}
.bar-wrapper[b-askp8mw1ed]  .second-panel__subheader .additional-buttons-container .date-dropdown {
  display: flex;
  width: 124px;
  align-items: center;
}
.bar-wrapper[b-askp8mw1ed]  .second-panel__subheader .additional-buttons-container .date-dropdown .rz-dropdown {
  width: 124px;
  border: none;
  padding: 12px 14px;
}
.bar-wrapper[b-askp8mw1ed]  .second-panel__subheader .additional-buttons-container .date-dropdown .rz-dropdown .rz-dropdown-label.rz-inputtext {
  max-width: 100%;
}
.bar-wrapper[b-askp8mw1ed]  .second-panel__subheader .additional-buttons-container .date-dropdown .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover {
  border: none;
}
.bar-wrapper[b-askp8mw1ed]  .second-panel__subheader .additional-buttons-container .date-range-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0px;
  max-width: 208px;
}
.bar-wrapper[b-askp8mw1ed]  .second-panel__subheader .additional-buttons-container .date-range-wrapper .date-range-indiv-calendar {
  /*width: 19%;*/
  max-width: 85px;
}
.bar-wrapper[b-askp8mw1ed]  .second-panel__subheader .additional-buttons-container .date-range-wrapper .date-range-indiv-calendar .rz-calendar.rz-calendar-w-btn input {
  max-width: 85px;
  margin-right: 0px;
  color: var(--b-med-01);
}

.table[b-askp8mw1ed] {
  --first-col-width: 280.5px;
  --col-width-small: 22px;
  --col-width-medium: 52px;
  --col-width-large: 200px;
  --col-width-weekend: 48px;
  --min-row-height: 48px;
  display: grid;
  /*width: fit-content;
  max-width: fit-content;*/
  width: 100%;
  max-width: 100%;
}
/* _content/BeeyeFrontEndServer/Pages/ProjectSheet.razor.rz.scp.css */
[b-nwvhlvt6t5] .add-button {
  font-weight: 500;
  color: var(--b-med-01);
}
[b-nwvhlvt6t5] .add-button:focus {
  outline: none;
}
[b-nwvhlvt6t5] .add-button i {
  font-size: 14px;
}

.two-panel-layout .second-panel[b-nwvhlvt6t5] {
  z-index: 1;
}
/* _content/BeeyeFrontEndServer/Pages/Settings.razor.rz.scp.css */
/* Right Menu */
.second-panel__content[b-kp9nqthjpy] {
  background: #F1F0FA;
  height: calc(100vh - 56px - 56px);
  overflow-y: auto;
  position: relative;
  /* Action bar */
  /* Dynamic Sections */
}
.second-panel__content.access-rights[b-kp9nqthjpy] {
  height: calc(100vh - 56px);
}
.second-panel__content .selection-actions-wrapper[b-kp9nqthjpy] {
  height: 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--a-light-orange-02);
  border-left: 0.5px solid rgba(214, 219, 227, 0.3);
  padding: 16px;
  position: sticky;
  top: 0;
  z-index: 4;
}
.second-panel__content .selection-actions-wrapper .records-count[b-kp9nqthjpy] {
  color: var(--a-orange-01);
  cursor: default;
  margin-right: 16px;
}
.second-panel__content .selection-actions-wrapper .selection-count[b-kp9nqthjpy] {
  color: var(--a-orange-01);
  background-color: #F6F7FA;
  color: var(--grey-01);
  padding: 4px 6px;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  cursor: default;
}
.second-panel__content .selection-actions-wrapper .primary-btn.full[b-kp9nqthjpy] {
  border: 1px solid transparent;
}
.second-panel__content[b-kp9nqthjpy]  .settings-sections__wrapper {
  /*        ::deep .setting-component__wrapper {
      background: var(--white);
      box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 16px;

      &.with-switch {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
      }

      &:last-of-type {
          margin-bottom: 0;
      }

      .capitalize {
          text-transform: capitalize
      }

      .header-btn__wrapper {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;

          button {
              margin-top: 0;
              min-width: fit-content;
          }

          .buttons-wrapper {
              min-width: 40%;
              display: flex;
              flex-direction: row;
              justify-content: flex-end;

              button:first-of-type {
                  margin-right: 8px;
              }
          }
      }

      button {
          margin-top: 8px;
      }
  }*/
}
.second-panel__content[b-kp9nqthjpy]  .settings-sections__wrapper .section-container {
  height: fit-content;
}
.second-panel__content[b-kp9nqthjpy]  .settings-sections__wrapper .section-container .input-dropdown-wrapper {
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05) inset, 0px 0px 1px 0px rgba(0, 0, 0, 0.1) inset;
  padding: 16px 16px 16px 40px;
  height: 80px;
  background: var(--b-light-02);
}
.second-panel__content[b-kp9nqthjpy]  .settings-sections__wrapper .section-container .input-dropdown-wrapper .input-wrapper {
  width: 101px;
  height: 48px;
}
.second-panel__content[b-kp9nqthjpy]  .settings-sections__wrapper .section-container .input-dropdown-wrapper .input-wrapper input {
  height: 100%;
  width: 100%;
  text-align: right;
}
.second-panel__content[b-kp9nqthjpy]  .settings-sections__wrapper .section-container .input-dropdown-wrapper .rz-dropdown {
  height: 48px;
}
.second-panel__content[b-kp9nqthjpy]  .settings-sections__wrapper .section-container .input-dropdown-wrapper .rz-dropdown label.rz-dropdown-label.rz-inputtext {
  height: 100%;
  display: flex;
  align-items: center;
  color: var(--b-dark-02);
}
.second-panel__content[b-kp9nqthjpy]  .settings-sections__wrapper .section-container .section-details {
  padding: 16px 16px 16px 40px;
  background: var(--b-light-02);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05) inset, 0px 0px 1px 0px rgba(0, 0, 0, 0.1) inset;
}
.second-panel__content[b-kp9nqthjpy]  .settings-sections__wrapper ::deep .section-dropdown-content {
  background: var(--b-light-02);
}
.second-panel__content[b-kp9nqthjpy]  .settings-sections__wrapper .two-panel-layout {
  grid-template-columns: 280px auto;
}

/*Modify Style Basic Table*/
[b-kp9nqthjpy] .table-input-container {
  position: relative;
  background: var(--b-light-02);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05) inset, 0px 0px 1px 0px rgba(0, 0, 0, 0.1) inset;
}
[b-kp9nqthjpy] .table-input-container.group .table-outer-wrapper table .beeye-table_row.not-draggable {
  background: #FFF9F2;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
  width: 100%;
}
[b-kp9nqthjpy] .table-input-container.group .table-outer-wrapper table .beeye-table_row.not-draggable td, [b-kp9nqthjpy] .table-input-container.group .table-outer-wrapper table .beeye-table_row.not-draggable a {
  box-shadow: none;
  font-weight: 500;
}
[b-kp9nqthjpy] .table-input-container .search-input-wrapper {
  padding-left: 8px;
  background: none;
}
[b-kp9nqthjpy] .table-input-container .search-input-wrapper input[type=search] {
  padding-left: 48px;
}
[b-kp9nqthjpy] .table-input-container .table-outer-wrapper {
  border-radius: 0;
  overflow-y: auto;
  margin-left: 1px;
}
[b-kp9nqthjpy] .table-input-container .table-outer-wrapper table {
  margin-bottom: 0;
}
[b-kp9nqthjpy] .table-input-container .table-outer-wrapper table thead.tr.th {
  background: #FDFCFF;
}
[b-kp9nqthjpy] .table-input-container .footer {
  position: relative;
  height: 56px;
  border-radius: 0;
  font-family: "IBM Plex Sans Condensed", sans-serif;
}

[b-kp9nqthjpy] .draggable-items__list {
  width: 360px;
}
[b-kp9nqthjpy] .draggable-items__list .draggable-items_container div[draggable=true] {
  margin-bottom: 16px;
}
[b-kp9nqthjpy] .draggable-items__list .draggable-items_container .drop-area {
  margin-bottom: 16px;
}
/* _content/BeeyeFrontEndServer/Pages/ShareprojectPreview.razor.rz.scp.css */
.global-wrapper .share-header-wrapper-link[b-3i5sllfwdb] {
  display: flex;
  align-items: center;
  padding: 8px;
  gap: 16px;
  box-shadow: 0px 1px 2px 0px rgba(52, 52, 75, 0.1), 0px 0px 1px 0px rgba(52, 52, 75, 0.1);
  z-index: 2;
  position: relative;
}
.global-wrapper .share-header-wrapper-link .share-header-link[b-3i5sllfwdb] {
  flex: 1;
}
.global-wrapper .share-header-wrapper-link .share-header-link[b-3i5sllfwdb] .input-wrapper:before {
  content: "\f0c1";
  color: var(--b-med-02);
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  left: 16px;
  bottom: 13px;
  z-index: 1;
}
.global-wrapper .share-header-wrapper-link .share-header-link[b-3i5sllfwdb] .input-wrapper {
  width: 100%;
}
.global-wrapper .share-header-wrapper-link .share-header-link[b-3i5sllfwdb] .input-wrapper input {
  padding: 12px 8px 12px 38px;
  height: 40px;
  border: 1px solid var(--b-med-02);
}
.global-wrapper .share-header-wrapper-link .share-header-link[b-3i5sllfwdb] .input-wrapper input:disabled {
  opacity: 1;
}
.global-wrapper .share-header-wrapper-link .share-header-button[b-3i5sllfwdb] {
  gap: 16px;
  display: flex;
  justify-content: space-between;
}

[b-3i5sllfwdb] .table-row {
  --first-col-width: 240.5px !important;
}
[b-3i5sllfwdb] .table-row .row-header-container {
  width: 241px;
  min-width: 240px;
}

[b-3i5sllfwdb] .checkbox-container {
  display: none;
}
/* _content/BeeyeFrontEndServer/Pages/ShowPublicShare.razor.rz.scp.css */
.share[b-32lywqwvl9]  .share-content-planning-wrapper {
  height: calc(100vh - 135px);
}
.share[b-32lywqwvl9]  .share-content-wrapper {
  background-color: var(--b-light-01);
}

[b-32lywqwvl9] .table-row {
  --first-col-width: 240.5px !important;
}
[b-32lywqwvl9] .table-row .row-header-container {
  width: 241px;
  min-width: 240px;
}

[b-32lywqwvl9] .checkbox-container {
  display: none;
}
/* _content/BeeyeFrontEndServer/Pages/TaskManager.razor.rz.scp.css */
.task-list-columns[b-xzgil1o77p] {
  background: #F6F7FA;
  display: flex;
  overflow-y: auto;
  position: relative;
}

.task-list[b-xzgil1o77p] {
  background: #FFF9F2;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  min-width: 277px;
  overflow-y: auto;
  height: calc(100vh - 56px - 66px - 18px);
  margin-right: 4px;
  position: relative;
}

.task-list-headers[b-xzgil1o77p] {
  position: sticky;
  width: 100%;
  top: 0;
  z-index: 2;
}

.task-list-header[b-xzgil1o77p] {
  background: #FFF9F2;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 10px;
}

.task-list-sub-header[b-xzgil1o77p] {
  display: flex;
  padding: 12px 10px;
  background: #FFF3E2;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.task-list-sub-header h4[b-xzgil1o77p] {
  color: #686985;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  margin-left: 8px;
}

.task-list-header-innner-wrapper[b-xzgil1o77p] {
  display: flex;
  align-items: center;
}

.taks-list-name[b-xzgil1o77p] {
  color: #34344B;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  margin: 0 8px;
}

.card-list-inner-wrapper[b-xzgil1o77p] {
  height: 100%;
}

.task-list-footer[b-xzgil1o77p] {
  background: #FFF3E2;
  padding: 16px 10px;
  position: sticky;
  width: 100%;
  bottom: 0;
  z-index: 2;
}

.task-list-footer-content[b-xzgil1o77p] {
  display: flex;
  justify-content: space-between;
}

.task-list-footer-heading[b-xzgil1o77p] {
  color: #9096A0;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
}

.task-list-footer-info[b-xzgil1o77p] {
  color: #686985;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
}
/* _content/BeeyeFrontEndServer/Pages/Timesheet.razor.rz.scp.css */
[b-53byq3kwlj] .two-panel-layout .second-panel {
  overflow: hidden;
  /*.second-panel__content {
      .bar {
          position: sticky;
      }
  }*/
}
[b-53byq3kwlj] .two-panel-layout .second-panel .second-panel__header {
  padding: 0px;
}
[b-53byq3kwlj] .two-panel-layout .second-panel .second-panel__content {
  height: 100%;
  overflow: hidden;
  padding-bottom: 0px;
}
[b-53byq3kwlj] .two-panel-layout .second-panel .second-panel-wrapper {
  overflow: hidden;
}
/* _content/BeeyeFrontEndServer/Pages/UIKit.razor.rz.scp.css */
.ui-kit-container[b-qt33a3slh3] {
  overflow-y: auto;
  width: 100%;
}
.ui-kit-container h2[b-qt33a3slh3] {
  margin: 24px 16px;
}

.colors-wrapper[b-qt33a3slh3] {
  display: flex;
  padding: 0 16px;
  flex-wrap: wrap;
}

.color-contianer[b-qt33a3slh3] {
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 2px 3px rgba(0, 0, 0, 0.1);
  width: 200px;
  margin: 16px;
}
.color-contianer .color-name[b-qt33a3slh3] {
  padding: 8px 8px 2px 8px;
}
.color-contianer .color-var-name[b-qt33a3slh3] {
  padding: 2px 8px;
  margin: 0;
}
.color-contianer .color-hex-code[b-qt33a3slh3] {
  padding: 2px 8px 8px 8px;
  margin: 0;
}

.color-sample[b-qt33a3slh3] {
  border-radius: 8px 8px 0 0;
  padding-top: 50px;
}
.color-sample.b-dark-01[b-qt33a3slh3] {
  background: #1F1F30;
}
.color-sample.b-dark-02[b-qt33a3slh3] {
  background: #34344B;
}
.color-sample.b-med-01[b-qt33a3slh3] {
  background: #686985;
}
.color-sample.b-med-02[b-qt33a3slh3] {
  background: #B7BAD6;
}
.color-sample.b-light-01[b-qt33a3slh3] {
  background: #F1F0FA;
}
.color-sample.b-light-02[b-qt33a3slh3] {
  background: #FDFCFF;
}
.color-sample.a-orange-01[b-qt33a3slh3] {
  background: #F27633;
}
.color-sample.a-orange-02[b-qt33a3slh3] {
  background: #FB8C3F;
}
.color-sample.a-orange-03[b-qt33a3slh3] {
  background: #FF9949;
}
.color-sample.a-light-orange-01[b-qt33a3slh3] {
  background: #FFF3E2;
}
.color-sample.a-light-orange-02[b-qt33a3slh3] {
  background: #FFF9F2;
}
.color-sample.grey-01[b-qt33a3slh3] {
  background: #9096A0;
}
.color-sample.grey-02[b-qt33a3slh3] {
  background: #D6DBE3;
}
.color-sample.grey-03[b-qt33a3slh3] {
  background: #F6F7FA;
}
.color-sample.grey-04[b-qt33a3slh3] {
  background: #A0A0A0;
}
.color-sample.black[b-qt33a3slh3] {
  background: var(--black);
}
.color-sample.white[b-qt33a3slh3] {
  background: var(--white);
}
.color-sample.green-01[b-qt33a3slh3] {
  background: #78C4AC;
}
.color-sample.green-02[b-qt33a3slh3] {
  background: #9FEED4;
}
.color-sample.green-03[b-qt33a3slh3] {
  background: #E2FCF3;
}
.color-sample.brown[b-qt33a3slh3] {
  background: var(--brown);
}
.color-sample.dark-yellow[b-qt33a3slh3] {
  background: var(--dark-yellow);
}
.color-sample.light-yellow[b-qt33a3slh3] {
  background: var(--light-yellow);
}
.color-sample.red-01[b-qt33a3slh3] {
  background: #B41D3E;
}
.color-sample.red-02[b-qt33a3slh3] {
  background: #EF3059;
}
.color-sample.red-03[b-qt33a3slh3] {
  background: #FFF4F5;
}

section[b-qt33a3slh3] {
  margin-bottom: 40px;
}

.font-wrapper[b-qt33a3slh3] {
  padding: 0 32px;
}
.font-wrapper h3[b-qt33a3slh3] {
  margin: 16px 0;
}

.ui-wrapper[b-qt33a3slh3] {
  padding: 0 32px;
}
.ui-wrapper h3[b-qt33a3slh3], .ui-wrapper[b-qt33a3slh3]  .primary, .ui-wrapper[b-qt33a3slh3]  .secondary, .ui-wrapper[b-qt33a3slh3]  .check-box-container {
  margin: 16px 0;
}
.ui-wrapper[b-qt33a3slh3]  a, .ui-wrapper button[b-qt33a3slh3], .ui-wrapper div[b-qt33a3slh3] {
  margin: 0 16px 0 0;
}
/* _content/BeeyeFrontEndServer/Pages/UIKitMolecules.razor.rz.scp.css */
.ui-kit-container[b-607vzi3tt6] {
  overflow-y: auto;
  width: 100%;
}
.ui-kit-container h2[b-607vzi3tt6] {
  margin: 24px 16px;
}

.ui-wrapper[b-607vzi3tt6] {
  padding: 0 32px;
}
.ui-wrapper h3[b-607vzi3tt6] {
  margin: 16px 0;
}
.ui-wrapper a[b-607vzi3tt6], .ui-wrapper button[b-607vzi3tt6], .ui-wrapper div[b-607vzi3tt6] {
  margin: 0 16px 0 0;
}

section[b-607vzi3tt6] {
  margin-bottom: 40px;
}
/* _content/BeeyeFrontEndServer/Pages/UserPage.razor.rz.scp.css */
.title-img-wrapper[b-cq1538ux4i] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: default;
}
.title-img-wrapper h3[b-cq1538ux4i] {
  max-width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.span-wrapper[b-cq1538ux4i] {
  display: flex;
  flex-direction: column;
  cursor: default;
}
.span-wrapper span[b-cq1538ux4i] {
  max-width: 85%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* styles for the sections with tables */
[b-cq1538ux4i] .second-panel-content .table-input-container {
  position: relative;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
}
[b-cq1538ux4i] .second-panel-content .table-input-container .table-outer-wrapper {
  overflow-y: hidden;
  overflow-x: hidden;
  border-radius: 0px;
}
[b-cq1538ux4i] .second-panel-content .table-input-container .table-outer-wrapper table {
  margin-bottom: 16px;
}
[b-cq1538ux4i] .second-panel-content .table-input-container .table-outer-wrapper table thead tr {
  filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.1)) drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.05));
  box-shadow: none;
}
[b-cq1538ux4i] .second-panel-content .table-input-container .table-outer-wrapper table thead tr th.columns {
  background: var(--b-light-02);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
}
[b-cq1538ux4i] .second-panel-content .table-input-container .table-outer-wrapper table thead tr th:first-child {
  padding-left: 40px;
}
[b-cq1538ux4i] .second-panel-content .table-input-container .table-outer-wrapper table tbody tr:hover {
  background: var(--a-light-orange-02);
}
[b-cq1538ux4i] .second-panel-content .table-input-container .table-outer-wrapper table tbody td {
  height: 40px;
}
[b-cq1538ux4i] .second-panel-content .table-input-container .table-outer-wrapper table tbody td .value {
  padding: 12px 16px;
  color: var(--b-dark-01);
}
[b-cq1538ux4i] .second-panel-content .table-input-container .footer, [b-cq1538ux4i] .second-panel-content .table-input-container .search-input-wrapper {
  display: none !important;
}

.layout-wrapper[b-cq1538ux4i]  .two-panel-layout .second-panel__header {
  justify-content: flex-start;
  gap: 10px;
}

/* styles for section with input fields */
[b-cq1538ux4i] .section-content-container .label-input-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}
[b-cq1538ux4i] .section-content-container .label-input-wrapper label {
  margin: 0px 0px 8px 14px;
}
[b-cq1538ux4i] .section-content-container .input-wrapper label {
  color: var(--b-dark-02);
  margin: 0px 0px 8px 14px;
}
[b-cq1538ux4i] .section-content-container .input-wrapper input {
  width: 368px;
}

/* to hide a section or element */
[b-cq1538ux4i] .hidden {
  display: none;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ActionableElement.razor.rz.scp.css */
.section-wrp[b-m1fur5x5sv] {
  display: flex;
  flex-direction: column;
}
.section-wrp .section-header[b-m1fur5x5sv] {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: 16px;
  height: 56px;
  box-shadow: var(--elevation-positive-1);
  background: var(--white);
  z-index: 1;
}
.section-wrp .section-header .left[b-m1fur5x5sv] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.section-wrp .perm-wrp[b-m1fur5x5sv] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 36px;
  background: var(--b-light-02);
  border-bottom: 1px solid var(--grey-02);
  height: 56px;
}
.section-wrp .perm-wrp div[b-m1fur5x5sv] {
  display: flex;
}
.section-wrp .perm-wrp div[b-m1fur5x5sv]  .rz-dropdown {
  height: 40px;
  width: 244px;
}
.section-wrp .perm-wrp div[b-m1fur5x5sv]  .rz-dropdown-label.rz-input {
  margin: 4px 0px;
}

.actionable-element-container[b-m1fur5x5sv] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding: 8px 8px 8px 36px;
  background: var(--white);
  margin-bottom: 1px;
}
.actionable-element-container p[b-m1fur5x5sv] {
  margin-bottom: 0px;
}
.actionable-element-container.sub[b-m1fur5x5sv] {
  background: #F6F7FA;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
  height: 40px;
}
.actionable-element-container[b-m1fur5x5sv]  .rz-dropdown {
  height: 40px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ActionBar.razor.rz.scp.css */
.bar[b-geks1p237z] {
  height: 56px;
  box-shadow: var(--elevation-positive-2);
  background-color: var(--grey-03);
  display: flex;
  align-items: center;
  padding: 8px;
  width: 100%;
}
.bar .left[b-geks1p237z], .bar .right[b-geks1p237z] {
  display: flex;
  gap: 8px;
}
.bar .separator[b-geks1p237z] {
  height: 40px;
  width: 1px;
  opacity: 0.1;
  background-color: var(--b-med-01);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Atoms/Accordion.razor.rz.scp.css */
.container[b-toxd1sanlq] {
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 16px;
  background-color: var(--white);
  gap: 4px;
  box-shadow: var(--elevation-positive-1);
  cursor: pointer;
  max-width: 100%;
}
.container .it-wrapper[b-toxd1sanlq] {
  display: flex;
  align-items: center;
  gap: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Atoms/Avatar.razor.rz.scp.css */
img[b-q5m9ccye4j] {
  background: var(--b-light-01);
  border: 1px solid var(--grey-02);
  box-shadow: var(--elevation-negative-2);
  border-radius: 100%;
}
img.small[b-q5m9ccye4j] {
  width: 24px;
  height: 24px;
}
img.medium[b-q5m9ccye4j] {
  width: 32px;
  height: 32px;
}
img.large[b-q5m9ccye4j] {
  width: 40px;
  height: 40px;
}
img:hover[b-q5m9ccye4j] {
  border: 1px solid var(--b-med-01);
}
img.focus-point:focus[b-q5m9ccye4j] {
  background: var(--b-med-02);
  border: 1px solid var(--b-dark-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 3px #1F1F30, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}
img.focus-point:focus-visible[b-q5m9ccye4j] {
  outline: none;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Atoms/Button.razor.rz.scp.css */
button[b-51vptokij2] {
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  justify-content: center;
  position: relative;
  transition: all 75ms ease-in-out;
  transition-property: border, background, box-shadow;
}
button .spin[b-51vptokij2] {
  animation: spin 1s infinite linear;
}
button .fade-in[b-51vptokij2] {
  animation: fade-in 75ms forwards ease-in-out;
  opacity: 0;
}
button:disabled[b-51vptokij2] {
  cursor: not-allowed;
  opacity: 0.4;
}

.primary-btn[b-51vptokij2] {
  background: var(--a-orange-01);
  border: 1px solid var(--a-orange-01);
  border-radius: 4px;
  box-shadow: var(--elevation-positive-2);
  color: var(--a-light-orange-02);
}
.primary-btn:hover[b-51vptokij2] {
  background: var(--a-orange-03);
  border: 1px solid var(--a-orange-03);
}
.primary-btn:active[b-51vptokij2] {
  background: var(--a-orange-02);
  border: 1px solid var(--a-orange-02);
  box-shadow: var(--elevation-negative-2);
}
.primary-btn:focus[b-51vptokij2] {
  background: var(--a-orange-02);
  border: 1px solid var(--a-orange-02);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white), 0px 0px 0px 4px #FB8C3F, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
  outline: none;
}
.primary-btn[data-state=loading][b-51vptokij2] {
  box-shadow: 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white), 0px 0px 0px 4px #FB8C3F, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF, 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 2px rgba(52, 52, 75, 0.1);
}
.primary-btn[data-state=complete][b-51vptokij2] {
  box-shadow: 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white), 0px 0px 0px 4px #FB8C3F, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF, 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 2px rgba(52, 52, 75, 0.1);
}
.primary-btn[data-state=warning][b-51vptokij2] {
  background: var(--dark-yellow);
  border: 1px solid var(--dark-yellow);
  box-shadow: 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white), 0px 0px 0px 4px #EC8E00, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF, 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05);
  color: var(--light-yellow);
}

.secondary-btn[b-51vptokij2] {
  border: 1px solid var(--a-orange-01);
  color: var(--a-orange-01);
}
.secondary-btn:hover[b-51vptokij2] {
  background: var(--a-light-orange-02);
}
.secondary-btn:active[b-51vptokij2] {
  background: var(--a-light-orange-01);
  box-shadow: var(--elevation-negative-2);
}
.secondary-btn:focus[b-51vptokij2] {
  background: var(--a-light-orange-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px #F27633, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
  outline: none;
}
.secondary-btn:disabled[b-51vptokij2] {
  opacity: 0.4;
  border: 1px solid var(--a-orange-01);
}
.secondary-btn[data-state=loading][b-51vptokij2] {
  background: var(--a-light-orange-01);
  border: 1px solid var(--a-orange-01);
  box-shadow: 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px #FB8C3F, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white), 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 2px rgba(52, 52, 75, 0.1);
}
.secondary-btn[data-state=complete][b-51vptokij2] {
  background: var(--a-light-orange-01);
  border: 1px solid var(--a-orange-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px rgba(255, 255, 255, 0.75), 0px 0px 0px 4px rgba(251, 140, 63, 0.5), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}
.secondary-btn[data-state=warning][b-51vptokij2] {
  background: var(--a-light-orange-01);
  border: 1px solid var(--dark-yellow);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px #FB8C3F, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white);
}

.tertiary-btn[b-51vptokij2] {
  border: 1px solid var(--b-dark-02);
  color: var(--b-dark-02);
}
.tertiary-btn:hover[b-51vptokij2] {
  background: var(--b-light-01);
}
.tertiary-btn:active[b-51vptokij2] {
  background: var(--b-med-02);
  border: 1px solid var(--b-dark-01);
  box-shadow: var(--elevation-negative-2);
}
.tertiary-btn:focus[b-51vptokij2] {
  background: var(--b-med-02);
  border: 1px solid var(--b-dark-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px #000000, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white);
  outline: none;
}
.tertiary-btn[data-state=loading][b-51vptokij2] {
  background: var(--b-med-02);
  border: 1px solid #1F1F30;
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px #000000, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white);
}
.tertiary-btn[data-state=complete][b-51vptokij2] {
  background: var(--b-med-02);
  border: 1px solid var(--b-dark-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px #000000, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white);
}
.tertiary-btn[data-state=warning][b-51vptokij2] {
  background: var(--b-med-02);
  border: 1px solid var(--b-dark-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px #000000, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white);
}

.ghost-btn[b-51vptokij2] {
  border: 1px solid transparent;
  color: var(--b-med-01);
}
.ghost-btn:hover[b-51vptokij2] {
  border: 1px solid var(--b-med-01);
}
.ghost-btn:active[b-51vptokij2] {
  background: var(--b-light-01);
  border: 1px solid var(--b-med-01);
  box-shadow: var(--elevation-negative-2);
}
.ghost-btn:focus[b-51vptokij2] {
  background: var(--b-light-01);
  border: 1px solid var(--b-med-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px var(--b-med-01), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
  outline: none;
}
.ghost-btn[data-state=loading][b-51vptokij2] {
  background: var(--b-light-01);
  border: 1px solid var(--b-med-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px var(--b-med-01), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}
.ghost-btn[data-state=complete][b-51vptokij2] {
  background: var(--b-light-01);
  border: 1px solid var(--b-med-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px var(--b-med-01), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}
.ghost-btn[data-state=warning][b-51vptokij2] {
  background: var(--b-light-01);
  border: 1px solid var(--b-med-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px var(--b-med-01), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}

.primarydestructive-btn[b-51vptokij2] {
  background: var(--red-02);
  border: 1px solid var(--red-02);
  box-shadow: var(--elevation-positive-2);
  color: var(--red-03);
}
.primarydestructive-btn:hover[b-51vptokij2] {
  background: var(--red-01);
  border: 1px solid var(--red-01);
}
.primarydestructive-btn:active[b-51vptokij2] {
  background: var(--red-01);
  border: 1px solid var(--red-01);
  box-shadow: var(--elevation-negative-2);
}
.primarydestructive-btn:focus[b-51vptokij2] {
  background: var(--red-01);
  border: 1px solid var(--red-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white), 0px 0px 0px 4px var(--red-01), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white);
  outline: none;
}
.primarydestructive-btn[data-state=loading][b-51vptokij2] {
  background: var(--red-01);
  border: 1px solid var(--red-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white), 0px 0px 0px 4px var(--red-01), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white);
}
.primarydestructive-btn[data-state=complete][b-51vptokij2] {
  background: var(--red-01);
  border: 1px solid var(--red-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white), 0px 0px 0px 4px var(--red-01), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white);
}
.primarydestructive-btn[data-state=warning][b-51vptokij2] {
  background: var(--red-01);
  border: 1px solid var(--red-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white), 0px 0px 0px 4px var(--red-01), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white);
}

.secondarydestructive-btn[b-51vptokij2] {
  border: 1px solid var(--red-02);
  color: var(--red-02);
}
.secondarydestructive-btn:hover[b-51vptokij2] {
  background: var(--red-03);
}
.secondarydestructive-btn:active[b-51vptokij2] {
  background: var(--red-03);
  box-shadow: var(--elevation-negative-2);
}
.secondarydestructive-btn:focus[b-51vptokij2] {
  background: var(--red-03);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px var(--red-02), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white);
  outline: none;
}
.secondarydestructive-btn[data-state=loading][b-51vptokij2] {
  background: var(--red-03);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px var(--red-02), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white);
}
.secondarydestructive-btn[data-state=complete][b-51vptokij2] {
  background: var(--red-03);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px var(--red-02), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white);
}
.secondarydestructive-btn[data-state=warning][b-51vptokij2] {
  background: var(--red-03);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px var(--red-02), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white);
}

.ghostdestructive-btn[b-51vptokij2] {
  color: var(--red-02);
  border: 1px solid transparent;
}
.ghostdestructive-btn:hover[b-51vptokij2] {
  border: 1px solid var(--red-02);
}
.ghostdestructive-btn:active[b-51vptokij2] {
  background: var(--red-03);
  border: 1px solid var(--red-02);
  box-shadow: var(--elevation-negative-2);
}
.ghostdestructive-btn:focus[b-51vptokij2] {
  background: var(--red-03);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px var(--red-02), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white);
  outline: none;
}
.ghostdestructive-btn[data-state=loading][b-51vptokij2] {
  background: var(--red-03);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px var(--red-02), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white);
}
.ghostdestructive-btn[data-state=complete][b-51vptokij2] {
  background: var(--red-03);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px var(--red-02), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white);
}
.ghostdestructive-btn[data-state=warning][b-51vptokij2] {
  background: var(--red-03);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px var(--red-02), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Atoms/CheckBox.razor.rz.scp.css */
.check-box-container[b-stisl4s0ko]  .rz-chkbox-box {
  background: white;
  border: 1px solid var(--b-light-01);
  box-shadow: var(--elevation-negative-2);
  border-radius: 4px;
}
.check-box-container[b-stisl4s0ko]  .rz-chkbox-box.rz-state-disabled {
  pointer-events: none;
}
.check-box-container[b-stisl4s0ko]  .rz-chkbox-box.rz-state-active {
  background-color: var(--a-light-orange-02);
  border: 1px solid var(--a-light-orange-02);
}
.check-box-container[b-stisl4s0ko]  .rz-chkbox-box.rz-state-active:hover {
  background: var(--a-light-orange-01);
  border: 1px solid var(--a-light-orange-01);
}
.check-box-container[b-stisl4s0ko]  .rz-chkbox-box.rz-state-active .rz-chkbox-icon.rzi.rzi-check, .check-box-container[b-stisl4s0ko]  .rz-chkbox-box.rz-state-active .rz-chkbox-icon.rzi.rzi-times {
  color: var(--a-orange-01);
  display: flex;
  justify-content: center;
  align-items: center;
}
.check-box-container[b-stisl4s0ko]  .rz-chkbox-box.rz-state-active .rz-chkbox-icon.rzi.rzi-times {
  font-size: 16px;
}
.check-box-container[b-stisl4s0ko]  .rz-chkbox-box.rz-state-active.rz-state-disabled {
  pointer-events: none;
}
.check-box-container[b-stisl4s0ko]  .rz-chkbox-box.rz-state-active.rz-state-disabled .rz-chkbox-icon.rzi.rzi-check, .check-box-container[b-stisl4s0ko]  .rz-chkbox-box.rz-state-active.rz-state-disabled .rz-chkbox-icon.rzi.rzi-times {
  color: var(--grey-02);
}
.check-box-container[b-stisl4s0ko]  .rz-chkbox-box:hover {
  background: var(--a-light-orange-02);
  border: 1px solid var(--a-light-orange-02);
  box-shadow: var(--elevation-negative-2);
}
.check-box-container[b-stisl4s0ko]  .rz-chkbox-box:focus {
  background: #F6F7FA;
  border: 1px solid #FB8C3F;
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white), 0px 0px 0px 4px var(--a-orange-02), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white);
}
.check-box-container[b-stisl4s0ko]  .rz-chkbox-box:focus-visible {
  outline: none;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Atoms/HyperLink.razor.rz.scp.css */
a[b-4lgikty7qp] {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  transition: color 0.2s ease;
}
a:focus-visible[b-4lgikty7qp] {
  outline: 1px solid transparent;
}
a.primary-link[b-4lgikty7qp] {
  color: var(--a-orange-01);
}
a.primary-link:hover[b-4lgikty7qp] {
  color: var(--a-orange-03);
}
a.primary-link:active[b-4lgikty7qp] {
  color: var(--a-orange-02);
}
a.primary-link:visited[b-4lgikty7qp] {
  color: var(--grey-01);
}
a.primary-link:focus[b-4lgikty7qp] {
  outline: 1px solid var(--a-orange-01);
}
a.secondary-link[b-4lgikty7qp] {
  color: var(--b-dark-02);
}
a.secondary-link:hover[b-4lgikty7qp] {
  color: var(--b-med-01);
}
a.secondary-link:active[b-4lgikty7qp] {
  color: var(--b-dark-01);
}
a.secondary-link:visited[b-4lgikty7qp] {
  color: var(--grey-01);
}
a.secondary-link:focus[b-4lgikty7qp] {
  outline: 1px solid var(--b-dark-02);
}
a.inline-link[b-4lgikty7qp] {
  color: var(--a-orange-01);
  text-decoration: underline;
}
a.inline-link:hover[b-4lgikty7qp] {
  color: var(--a-orange-03);
}
a.inline-link:active[b-4lgikty7qp] {
  color: var(--a-orange-02);
}
a.inline-link:visited[b-4lgikty7qp] {
  color: var(--grey-01);
}
a.inline-link:focus[b-4lgikty7qp] {
  outline: 1px solid var(--a-orange-01);
}
a.disabled-link[b-4lgikty7qp] {
  pointer-events: none;
  opacity: 0.4;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Atoms/RadioButton.razor.rz.scp.css */
.radio-btn[b-2rcxc0pts1] {
  position: relative;
  width: fit-content;
}

input[type=radio][b-2rcxc0pts1] {
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: var(--elevation-negative-2);
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: box-shadow 0.3s ease, color 0.3s ease;
  cursor: pointer;
}
input[type=radio]:checked[b-2rcxc0pts1]:before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--white);
  vertical-align: baseline;
  margin: 0px;
  box-shadow: var(--elevation-positive-2);
}
input[type=radio]:focus[b-2rcxc0pts1] {
  outline: none;
}
input[type=radio]:disabled[b-2rcxc0pts1] {
  pointer-events: none;
  opacity: 0.3;
}
input[type=radio].primary[b-2rcxc0pts1] {
  border: 1px solid var(--grey-02);
}
input[type=radio].primary:hover[b-2rcxc0pts1] {
  background: var(--a-light-orange-02);
  border: 1px solid var(--a-light-orange-01);
}
input[type=radio].primary:focus[b-2rcxc0pts1] {
  background: var(--a-light-orange-02);
  border: 1px solid var(--a-orange-02);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #FB8C3F, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}
input[type=radio].primary:checked[b-2rcxc0pts1] {
  background: var(--a-orange-01);
  border: 1px solid var(--a-orange-01);
}
input[type=radio].primary:checked:hover[b-2rcxc0pts1] {
  background: var(--a-orange-03);
  border: 1px solid var(--a-orange-03);
}
input[type=radio].primary:checked:focus[b-2rcxc0pts1] {
  background: var(--a-orange-03);
  border: 1px solid var(--a-orange-03);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #FB8C3F, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}
input[type=radio].secondary[b-2rcxc0pts1] {
  background: var(--white);
  border: 1px solid var(--b-light-01);
}
input[type=radio].secondary:hover[b-2rcxc0pts1] {
  background: var(--b-light-01);
  border: 1px solid var(--b-light-01);
}
input[type=radio].secondary:focus[b-2rcxc0pts1] {
  background: var(--grey-03);
  border: 1px solid var(--b-dark-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #1F1F30, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}
input[type=radio].secondary:checked[b-2rcxc0pts1] {
  background: var(--b-med-01);
  border: 1px solid var(--b-med-01);
}
input[type=radio].secondary:checked:hover[b-2rcxc0pts1] {
  background: var(--b-dark-02);
  border: 1px solid var(--b-dark-02);
}
input[type=radio].secondary:checked:focus[b-2rcxc0pts1] {
  background: var(--b-med-01);
  border: 1px solid var(--b-dark-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #1F1F30, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Atoms/Switch.razor.rz.scp.css */
.primary[b-sag1omgdea], .secondary[b-sag1omgdea] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  height: 24px;
  width: 48px;
  background: transparent;
}
.primary[b-sag1omgdea]  .rz-switch, .secondary[b-sag1omgdea]  .rz-switch {
  height: 24px;
}
.primary[b-sag1omgdea]  .rz-switch .rz-switch-circle, .secondary[b-sag1omgdea]  .rz-switch .rz-switch-circle {
  background: var(--white);
  border-radius: 12px;
  height: 24px;
  box-shadow: var(--elevation-negative-2);
  border: 1px solid var(--b-light-01);
}
.primary[b-sag1omgdea]  .rz-switch .rz-switch-circle::before, .secondary[b-sag1omgdea]  .rz-switch .rz-switch-circle::before {
  box-shadow: var(--elevation-positive-2);
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: var(--grey-01);
}
.primary[b-sag1omgdea]  .rz-switch .rz-switch-circle.rz-disabled, .secondary[b-sag1omgdea]  .rz-switch .rz-switch-circle.rz-disabled {
  pointer-events: none;
  opacity: 0.3;
}
.primary[b-sag1omgdea]  .rz-switch .rz-switch-circle:hover, .secondary[b-sag1omgdea]  .rz-switch .rz-switch-circle:hover {
  background: var(--grey-03);
}
.primary:focus[b-sag1omgdea], .secondary:focus[b-sag1omgdea] {
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #9096A0, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}
.primary:focus[b-sag1omgdea]  .rz-switch-circle, .secondary:focus[b-sag1omgdea]  .rz-switch-circle {
  border: 1px solid var(--grey-01);
}
.primary.disabled:focus[b-sag1omgdea], .secondary.disabled:focus[b-sag1omgdea] {
  box-shadow: none;
}

.primary[b-sag1omgdea]  .rz-switch.rz-switch-checked .rz-switch-circle {
  border: 1px solid var(--a-orange-02);
}
.primary[b-sag1omgdea]  .rz-switch.rz-switch-checked .rz-switch-circle:hover {
  background: var(--a-light-orange-01);
}
.primary[b-sag1omgdea]  .rz-switch.rz-switch-checked .rz-switch-circle::before {
  background: var(--a-orange-01);
}
.primary[b-sag1omgdea]  .rz-switch.rz-switch-checked .rz-switch-circle:focus {
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #FB8C3F, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}
.primary[b-sag1omgdea]  .rz-switch.rz-switch-checked .rz-switch-circle:focus-visible {
  outline: none;
}
.primary.switch-on:focus[b-sag1omgdea] {
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #FB8C3F, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}
.primary.disabled:focus[b-sag1omgdea] {
  box-shadow: none;
}
.primary:focus-visible[b-sag1omgdea] {
  outline: none;
}

.secondary[b-sag1omgdea]  .rz-switch.rz-switch-checked .rz-switch-circle {
  border: 1px solid var(--grey-02);
}
.secondary[b-sag1omgdea]  .rz-switch.rz-switch-checked .rz-switch-circle:hover {
  background: var(--b-light-01);
}
.secondary[b-sag1omgdea]  .rz-switch.rz-switch-checked .rz-switch-circle::before {
  background: var(--b-med-01);
}
.secondary[b-sag1omgdea]  .rz-switch.rz-switch-checked .rz-switch-circle:focus {
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #1F1F30, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}
.secondary[b-sag1omgdea]  .rz-switch.rz-switch-checked .rz-switch-circle:focus-visible {
  outline: none;
}
.secondary.switch-on:focus[b-sag1omgdea] {
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #1F1F30, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}
.secondary.switch-on:focus[b-sag1omgdea]  .rz-switch-circle {
  border: 1px solid var(--b-dark-01);
}
.secondary.disabled:focus[b-sag1omgdea] {
  box-shadow: none;
}
.secondary:focus-visible[b-sag1omgdea] {
  outline: none;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/BaseButton.razor.rz.scp.css */
.marker[b-uhht6ab9au] {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: var(--red-02);
  z-index: 5;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  right: 0px;
  top: 20px;
  border: 1px solid var(--b-light-02);
}

.ghost-btn[b-uhht6ab9au] {
  color: var(--b-med-01);
}
.ghost-btn:hover[b-uhht6ab9au] {
  border: 1px solid var(--b-med-01);
}
.ghost-btn:focus[b-uhht6ab9au] {
  background: var(--b-light-01);
  border: 1px solid var(--b-med-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px var(--b-med-01), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
  outline: none;
}

.base-btn-wrapper .ghostdestructive-btn[b-uhht6ab9au] {
  color: var(--red-02);
}
.base-btn-wrapper .ghostdestructive-btn:focus[b-uhht6ab9au] {
  background: var(--b-light-01);
  border: 1px solid var(--red-02);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px var(--b-med-01), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
  outline: none;
}
.base-btn-wrapper .ghostdestructive-btn:hover[b-uhht6ab9au] {
  border: 1px solid var(--red-02);
}
.base-btn-wrapper .ghostdestructive-btn .dropdown-list[b-uhht6ab9au] {
  min-width: 220px;
}

.ghost-btn[b-uhht6ab9au], .ghostdestructive-btn[b-uhht6ab9au] {
  border: 1px solid transparent;
}
.ghost-btn:active[b-uhht6ab9au], .ghostdestructive-btn:active[b-uhht6ab9au] {
  background: var(--b-light-01);
  border: 1px solid var(--b-med-01);
  box-shadow: var(--elevation-negative-2);
}
.ghost-btn[data-state=loading][b-uhht6ab9au], .ghostdestructive-btn[data-state=loading][b-uhht6ab9au] {
  background: var(--b-light-01);
  border: 1px solid var(--b-med-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px var(--b-med-01), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}
.ghost-btn[data-state=complete][b-uhht6ab9au], .ghostdestructive-btn[data-state=complete][b-uhht6ab9au] {
  background: var(--b-light-01);
  border: 1px solid var(--b-med-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px var(--b-med-01), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}
.ghost-btn[data-state=warning][b-uhht6ab9au], .ghostdestructive-btn[data-state=warning][b-uhht6ab9au] {
  background: var(--b-light-01);
  border: 1px solid var(--b-med-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px var(--b-med-01), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}

.base-btn-wrapper .left-tool-tipe .dropdown-list[b-uhht6ab9au] {
  /* style to align the header cog icon and the icons in the dropdown */
}
.base-btn-wrapper .left-tool-tipe .dropdown-list.align-icon[b-uhht6ab9au] {
  right: 0px;
}

.base-btn-wrapper[b-uhht6ab9au] {
  position: relative;
  height: 56px;
  display: flex;
  align-items: center;
  cursor: pointer;
  /*.hide-dropdown {
      visibility: hidden;        
      pointer-events: all;
  }*/
}
.base-btn-wrapper a[b-uhht6ab9au] {
  height: 56px;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.base-btn-wrapper a[b-uhht6ab9au]:before {
  border-radius: 0;
  width: 100%;
  height: 100%;
}
.base-btn-wrapper a:hover[b-uhht6ab9au] {
  text-decoration: none;
  width: auto;
  color: var(--a-orange-01);
}
.base-btn-wrapper.navigation-button[b-uhht6ab9au] {
  height: fit-content;
}
.base-btn-wrapper.navigation-button a[b-uhht6ab9au] {
  height: fit-content;
}
.base-btn-wrapper .dropdown-list[b-uhht6ab9au] {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 0;
  position: absolute;
  background-color: var(--white);
  z-index: 2;
  top: 56px;
  right: 0;
  min-width: 150px;
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 2px rgba(52, 52, 75, 0.1);
  border: 2px solid #FFF3E2;
  padding: 8px 0;
  align-items: center;
  /* style to align the header cog icon and the icons in the dropdown */
}
.base-btn-wrapper .dropdown-list.align-icon[b-uhht6ab9au] {
  right: -104px;
}
.base-btn-wrapper .dropdown-list .base-btn-wrapper[b-uhht6ab9au] {
  width: 100%;
  height: 32px;
}
.base-btn-wrapper .dropdown-list .base-btn-wrapper:hover[b-uhht6ab9au] {
  background-color: var(--a-light-orange-02);
  color: var(--a-orange-01);
}
.base-btn-wrapper .dropdown-list a[b-uhht6ab9au] {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--b-dark-01);
  padding: 16px;
  width: 100%;
  height: 48px;
}
.base-btn-wrapper .dropdown-list a[b-uhht6ab9au]:before {
  border-radius: 0;
  width: 100%;
  height: 100%;
}
.base-btn-wrapper .dropdown-list a:hover[b-uhht6ab9au] {
  text-decoration: none;
  width: 100%;
  background-color: none;
  color: var(--a-orange-01);
}

.no-outline[b-uhht6ab9au] {
  outline: none;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/BasicTable.razor.rz.scp.css */
/*when input checkbox header clicked, changes to bar - checkmark*/
[b-zls2ywxo9p] .bar .rz-chkbox-icon.rzi.rzi-check {
  display: flex;
  align-items: center;
}
[b-zls2ywxo9p] .bar .rz-chkbox-icon.rzi.rzi-check::before {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 6px;
}

/*Wrapper search input*/
.search-input-wrapper[b-zls2ywxo9p] {
  padding: 8px;
  position: relative;
  background: white;
}
.search-input-wrapper i[b-zls2ywxo9p] {
  position: absolute;
  left: 21px;
  top: 23px;
  z-index: 1;
  font-size: 14px;
  width: 16px;
  height: 16px;
  color: var(--b-med-02);
}

.wrapper[b-zls2ywxo9p] {
  display: flex;
  justify-content: space-between;
}
.wrapper h5[b-zls2ywxo9p] {
  font-size: 14px;
  color: var(--b-dark-02);
}
.wrapper .additional[b-zls2ywxo9p] {
  color: #686985;
  font-family: IBM Plex Sans Condensed;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: left;
  color: #686985;
  display: block;
}
.wrapper .additional ~ .additional[b-zls2ywxo9p] {
  font-family: IBM Plex Sans;
  font-weight: 400;
}
.wrapper .action[b-zls2ywxo9p] {
  padding: 20px 12px 12px 16px;
  display: flex;
}
.wrapper .action a[b-zls2ywxo9p] {
  display: none;
  padding-right: 10px;
}

.table-outer-wrapper[b-zls2ywxo9p] {
  overflow-y: scroll;
  /* height: calc(100vh - 56px - 56px - 58px - 64px );*/
  /*width: 100%;*/
  background: white;
  border-radius: 8px;
}
.table-outer-wrapper table[b-zls2ywxo9p] {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 65px;
  table-layout: fixed;
}
.table-outer-wrapper table thead tr[b-zls2ywxo9p] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  height: 56px;
}
.table-outer-wrapper table thead tr th[b-zls2ywxo9p] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--b-light-02);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.5);
  border-right: 2px solid var(--b-light-01);
}
.table-outer-wrapper table thead tr th[b-zls2ywxo9p]::after {
  content: "";
  border: 0.5px solid rgba(214, 219, 227, 0.3);
  position: absolute;
  height: 56px;
  left: -1px;
  top: 0;
}
.table-outer-wrapper table thead tr th.with-group:nth-child(2)[b-zls2ywxo9p] {
  width: 200px;
}
.table-outer-wrapper table thead tr th.with-group:nth-child(2).selected-rows[b-zls2ywxo9p] {
  width: 200px;
}
.table-outer-wrapper table thead tr th.select-count[b-zls2ywxo9p] {
  width: 200px;
}
.table-outer-wrapper table thead tr th.input-checkbox-column[b-zls2ywxo9p] {
  padding: 16px 8px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  width: 40px;
}
.table-outer-wrapper table thead tr th.input-checkbox-column.selected-rows[b-zls2ywxo9p] {
  background: var(--a-light-orange-02);
  box-shadow: none;
}
.table-outer-wrapper table thead tr th.columns[b-zls2ywxo9p] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 16px;
  cursor: pointer;
  /*width: 100px;*/
}
.table-outer-wrapper table thead tr th.columns.selected[b-zls2ywxo9p] {
  background: var(--b-light-01);
}
.table-outer-wrapper table thead tr th.columns.empty[b-zls2ywxo9p] {
  width: 40px;
}
.table-outer-wrapper table thead tr th.columns.not-sortable[b-zls2ywxo9p] {
  cursor: default;
}
.table-outer-wrapper table thead tr th.columns .column-name-icon-wrapper[b-zls2ywxo9p] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.table-outer-wrapper table thead tr th.columns .column-name-icon-wrapper i[b-zls2ywxo9p] {
  margin-left: 8px;
  cursor: pointer;
}
.table-outer-wrapper table tbody td[b-zls2ywxo9p] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
  height: 56px;
}
.table-outer-wrapper table tbody td:hover .open-in-new-link[b-zls2ywxo9p] {
  display: flex;
  align-items: center;
}
.table-outer-wrapper table tbody td.input-checkbox-column[b-zls2ywxo9p] {
  padding: 16px 8px;
}
.table-outer-wrapper table tbody td.favorite-column[b-zls2ywxo9p] {
  text-align: center;
  background: var(--b-light-02);
}
.table-outer-wrapper table tbody td.favorite-column i[b-zls2ywxo9p] {
  cursor: pointer;
}
.table-outer-wrapper table tbody td.grey-bg[b-zls2ywxo9p] {
  background: var(--b-light-02);
}
.table-outer-wrapper table tbody td.draggable[b-zls2ywxo9p] {
  text-align: center;
}
.table-outer-wrapper table tbody td.draggable i[b-zls2ywxo9p] {
  cursor: move;
}
.table-outer-wrapper table tbody td.comment-indicator[b-zls2ywxo9p] {
  background-image: radial-gradient(circle at top right, #F27633 7px, transparent 8px);
  background-repeat: no-repeat;
  background-position: right 0px top 0px;
}
.table-outer-wrapper table tbody td .checkbox[b-zls2ywxo9p] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-outer-wrapper table tbody td .link[b-zls2ywxo9p] {
  padding: 12px 8px 12px 16px;
  font-weight: 400;
  color: var(--b-dark-02);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.table-outer-wrapper table tbody td .link .name[b-zls2ywxo9p], .table-outer-wrapper table tbody td .link span[b-zls2ywxo9p] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.table-outer-wrapper table tbody td .link .name.wrap-text[b-zls2ywxo9p], .table-outer-wrapper table tbody td .link span.wrap-text[b-zls2ywxo9p] {
  white-space: normal;
}
.table-outer-wrapper table tbody td .sums-wrapper[b-zls2ywxo9p] {
  display: flex;
  flex-direction: column;
  align-items: end;
  padding: 12px 16px;
  flex-wrap: nowrap;
}
.table-outer-wrapper table tbody td .sums-wrapper .sum[b-zls2ywxo9p] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
}
.table-outer-wrapper table tbody td .sums-wrapper .sum .text[b-zls2ywxo9p] {
  font-family: IBM Plex Sans;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
}
.table-outer-wrapper table tbody td .status-bullet-big[b-zls2ywxo9p] {
  height: 16px;
  width: 16px;
  margin: auto;
  border-radius: 50%;
}
.table-outer-wrapper table tbody td .status-wrapper[b-zls2ywxo9p] {
  display: flex;
  flex-direction: row;
  padding: 16px 12px;
  align-items: center;
}
.table-outer-wrapper table tbody td .status-wrapper .status-bullet[b-zls2ywxo9p] {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-right: 8px;
  min-width: 8px;
}
.table-outer-wrapper table tbody td .hours-value-wrapper[b-zls2ywxo9p] {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  align-items: end;
}
.table-outer-wrapper table tbody td .avatar-name-wrapper[b-zls2ywxo9p] {
  display: flex;
  flex-direction: row;
  padding: 16px 12px;
  align-items: center;
}
.table-outer-wrapper table tbody td .avatar-name-wrapper .image-container[b-zls2ywxo9p] {
  margin-right: 8px;
}
.table-outer-wrapper table tbody td .value[b-zls2ywxo9p] {
  padding: 16px 12px;
}
.table-outer-wrapper table tbody td .open-in-new-link[b-zls2ywxo9p] {
  display: none;
}
.table-outer-wrapper table tbody td .open-in-new-link[b-zls2ywxo9p]  .secondary-btn.outline {
  height: 24px;
  padding: 0 3px;
}
.table-outer-wrapper table tbody td.exceed-value[b-zls2ywxo9p] {
  background: var(--red-03);
}
.table-outer-wrapper table tbody td.exceed-value .value[b-zls2ywxo9p] {
  color: var(--red-01);
}
.table-outer-wrapper table tbody td .link-text-wrapper[b-zls2ywxo9p] {
  display: flex;
  align-items: center;
}

tr.group-header td[b-zls2ywxo9p] {
  background: var(--b-light-01);
}
tr.group-header td:not(:nth-child(2)) .icon-value-wrapper[b-zls2ywxo9p] {
  /*width: 124px;*/
  height: 58px;
  background: var(--b-light-01);
  position: relative;
}
tr.group-header td:not(:nth-child(2)) .icon-value-wrapper i[b-zls2ywxo9p], tr.group-header td:not(:nth-child(2)) .icon-value-wrapper .total[b-zls2ywxo9p] {
  display: none;
}
tr.group-header td:nth-child(2)[b-zls2ywxo9p] {
  /*padding: 16px 12px;*/
}
tr.group-header td:nth-child(2) .icon-value-wrapper[b-zls2ywxo9p] {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 198px;
  height: 58px;
  background: var(--b-light-01);
  position: relative;
  padding: 0px 8px;
}
tr.group-header td:nth-child(2) .icon-value-wrapper i[b-zls2ywxo9p] {
  cursor: pointer;
}
tr.group-header td:nth-child(2) .icon-value-wrapper .value[b-zls2ywxo9p] {
  padding: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 75%;
}
tr.group-header td:nth-child(2) .icon-value-wrapper a[b-zls2ywxo9p] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.footer[b-zls2ywxo9p] {
  background: #FDFCFF;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 8px 8px;
  padding: 12px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  max-width: 100%;
}
.footer[b-zls2ywxo9p]  .rz-dropdown {
  width: 70px;
}

/* selection header */
.selection-actions-wrapper[b-zls2ywxo9p] {
  background-color: var(--a-light-orange-02);
  display: flex;
  align-items: center;
  position: absolute;
  height: 58px;
  width: 100%;
  top: 0;
  z-index: 3;
  border-radius: 0 8px 0 0;
  font-size: 14px;
  font-weight: 500;
}
.selection-actions-wrapper .records-count[b-zls2ywxo9p] {
  height: 100%;
  color: var(--a-orange-01);
  cursor: pointer;
  padding: 16px;
  margin-left: 0px;
  /*box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);*/
}
.selection-actions-wrapper .selection-count[b-zls2ywxo9p] {
  color: var(--a-orange-01);
  background-color: white;
  color: var(--grey-01);
  padding: 8px;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  cursor: default;
  margin: 0 16px;
  font-weight: 400;
}
.selection-actions-wrapper span[b-zls2ywxo9p] {
  margin-left: 16px;
  cursor: pointer;
}
.selection-actions-wrapper span.disabled[b-zls2ywxo9p] {
  pointer-events: none;
  opacity: 0.4;
}
.selection-actions-wrapper span i[b-zls2ywxo9p] {
  margin-right: 8px;
  font-size: 14px;
}
.selection-actions-wrapper.delete_mode[b-zls2ywxo9p] {
  background-color: var(--red-03);
}
.selection-actions-wrapper .buttons-wrapper button[b-zls2ywxo9p] {
  padding: 12px 16px;
  line-height: 0;
  height: 40px;
}

.selected[b-zls2ywxo9p] {
  background: var(--a-light-orange-02);
}

.hidden[b-zls2ywxo9p] {
  display: none;
}

.right-align[b-zls2ywxo9p] {
  display: flex;
  justify-content: end;
  text-align: right;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/BeeyeHeader.razor.rz.scp.css */
.beeye-header[b-23ke0q1z1u] {
  background: var(--b-light-02);
  position: sticky;
  top: 0;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  height: 56px;
  width: 100%;
  z-index: 100;
}

.beeye-header__innerwrapper[b-23ke0q1z1u] {
  padding: 0 16px 0 0;
  height: 56px;
  background: var(--b-light-02);
  align-items: center;
  display: flex;
  justify-content: space-between;
  height: 56px;
}
.beeye-header__innerwrapper .header__logo[b-23ke0q1z1u] {
  background: var(--b-light-02);
  padding: 16px;
  position: relative;
  height: 56px;
  transition: background 0.1s ease-in-out;
}
.beeye-header__innerwrapper .header__logo .loading-spinner[b-23ke0q1z1u] {
  position: absolute;
  top: 9.5px;
  left: 8.5px;
  filter: invert(70%) sepia(48%) saturate(5736%) hue-rotate(340deg) brightness(99%) contrast(91%);
  transform-origin: top left;
  transform: scale(0.6);
}
.beeye-header__innerwrapper .header__logo:hover[b-23ke0q1z1u] {
  background: var(--grey-03);
}

.beeye-header__left-container[b-23ke0q1z1u], .beeye-header__right-container[b-23ke0q1z1u] {
  align-items: center;
  display: flex;
}

[b-23ke0q1z1u] .beeye-header__left-container .base-btn-wrapper a.secondary-link {
  color: var(--b-med-01);
}
[b-23ke0q1z1u] .beeye-header__left-container .base-btn-wrapper a.secondary-link, [b-23ke0q1z1u] .beeye-header__left-container .base-btn-wrapper a.primary-link.selected {
  padding: 20px 16px;
  transition: background 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}
[b-23ke0q1z1u] .beeye-header__left-container .selected {
  background: var(--grey-03);
  color: var(--a-orange-01);
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  border: none;
}

.beeye-header__right-container[b-23ke0q1z1u] {
  flex-direction: row;
  /* Fix the style for right icons once the bug is fixed */
}
.beeye-header__right-container .icon-wrapper[b-23ke0q1z1u] {
  margin: 20px 12px;
}
.beeye-header__right-container a i[b-23ke0q1z1u] {
  margin-right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--b-med-01);
}
.beeye-header__right-container a i:hover[b-23ke0q1z1u] {
  color: var(--a-orange-01);
  text-decoration: none;
}
.beeye-header__right-container[b-23ke0q1z1u]  .base-btn-wrapper a.primary-link.icon-selected {
  background: #F6F7FA;
  border: 1px solid #F27633;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  border-radius: 24px;
  width: 32px;
  height: 32px;
}
.beeye-header__right-container[b-23ke0q1z1u]  .base-btn-wrapper .settings-btn-default {
  outline: none;
  color: var(--b-med-01);
}
.beeye-header__right-container[b-23ke0q1z1u]  .base-btn-wrapper .settings-btn-default:hover {
  color: var(--a-orange-01);
}
.beeye-header__right-container[b-23ke0q1z1u]  .base-btn-wrapper .settings-btn-active {
  outline: none;
  color: var(--a-orange-01);
}
.beeye-header__right-container .button-wrapper[b-23ke0q1z1u] {
  margin: 8px 16px;
}
.beeye-header__right-container[b-23ke0q1z1u]  .add-btn {
  height: 40px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  /*transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;*/
  cursor: pointer;
  transform: none;
  padding: 10px;
}
.beeye-header__right-container[b-23ke0q1z1u]  .add-btn:focus, .beeye-header__right-container[b-23ke0q1z1u]  .add-btn:focus:hover {
  padding: 9px;
}
.beeye-header__right-container[b-23ke0q1z1u]  .add-btn:hover {
  padding: 10px;
}
.beeye-header__right-container[b-23ke0q1z1u]  .add-btn:active {
  transform: none;
}
.beeye-header__right-container[b-23ke0q1z1u]  .dropdown-list {
  display: flex;
  align-items: center;
  padding: 0px;
  top: 64px;
}
.beeye-header__right-container[b-23ke0q1z1u]  .dropdown-list .base-btn-wrapper {
  height: 32px;
  transition: background 0.3s ease, color 0.3s ease;
  /* the transition below syncs the icon hover with the btn-wrapper hover */
}
.beeye-header__right-container[b-23ke0q1z1u]  .dropdown-list .base-btn-wrapper a {
  height: 32px;
  padding: 8px 16px;
}
.beeye-header__right-container[b-23ke0q1z1u]  .dropdown-list .base-btn-wrapper i {
  font-family: "Font Awesome 6 Pro";
  height: 16px;
  width: 16px;
  font-size: 14px;
  line-height: 16px;
  padding: 0;
  margin-right: 16px;
  transition: color 0.3s ease;
}
.beeye-header__right-container[b-23ke0q1z1u]  .dropdown-list .base-btn-wrapper:hover a {
  color: var(--a-orange-01);
}
.beeye-header__right-container[b-23ke0q1z1u]  .dropdown-list .base-btn-wrapper:hover a i {
  color: var(--a-orange-01);
}

.notification[b-23ke0q1z1u] {
  z-index: 12;
}

.avatar-text-wrapper[b-23ke0q1z1u] {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;
}
.avatar-text-wrapper .name[b-23ke0q1z1u] {
  display: flex;
  flex-grow: 1;
  justify-content: start;
  white-space: nowrap;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/BulkActions.razor.rz.scp.css */
[b-yizh4izofs] .dropdown-list.align-icon {
  margin-top: 60px;
  top: 0px;
  right: 0px;
  left: 0px;
  border: 1px solid var(--b-dark-01);
  border-radius: 4px;
  box-shadow: 0px 1px 2px 0px rgba(52, 52, 77, 0.1), 0px 0px 1px 0px rgba(52, 52, 77, 0.1), 0px 0px 0px 2px #FFF, 0px 1px 1px 0px rgba(52, 52, 77, 0.05), 0px 0px 4px 0px rgba(52, 52, 77, 0.1), 0px 0px 0px 3px #1F1F31, 0px 0px 0px 3px #FFF, 0px 1px 1px 0px rgba(52, 52, 77, 0.05);
}

.actions-bulk-wrapper[b-yizh4izofs] {
  display: inline-flex;
  align-items: center;
  padding: 0px 4px 0px 4px;
  gap: 8px;
}

.separator[b-yizh4izofs] {
  width: 1px;
  height: 40px;
  opacity: 0.1;
  background-color: var(--b-med-01);
}

.fa-chevron-down[b-yizh4izofs] {
  margin-left: 5px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ColorSelect.razor.rz.scp.css */
.color-choices__wrapper[b-druenva5rc] {
  display: flex;
  margin-top: 16px;
  margin-left: 16px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.color-choices__wrapper .color-choice__wrapper[b-druenva5rc] {
  flex: 0 0 12.5%;
  align-items: center;
  display: flex;
  margin-bottom: 16px;
}
.color-choices__wrapper .color-choice__wrapper i[b-druenva5rc] {
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.color-choices__wrapper .color-choice__wrapper i[b-druenva5rc]:before {
  font-size: 24px;
}
.color-choices__wrapper .color-choice__wrapper .color-choice[b-druenva5rc] {
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  height: 24px;
  width: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.color-choices__wrapper .color-choice__wrapper .color-choice .selected[b-druenva5rc] {
  width: 12px;
  height: 12px;
  background: var(--white);
  border-radius: 50%;
  margin: auto;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Comment.razor.rz.scp.css */
.comment-main-wrapper[b-ii5r896sbv] {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  /*padding: 16px;*/
  /*background-color: var(--b-light-02);*/
  background: transparent;
}
.comment-main-wrapper .avatar-text-container[b-ii5r896sbv] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 8px;
}
.comment-main-wrapper .avatar-text-container[b-ii5r896sbv]  img {
  margin-right: 8px;
}
.comment-main-wrapper .avatar-text-container h3[b-ii5r896sbv] {
  margin: auto;
  margin-left: 0;
  margin-right: 8px;
}
.comment-main-wrapper .avatar-text-container p[b-ii5r896sbv] {
  margin: auto;
  margin-left: 0;
  margin-right: 8px;
}
.comment-main-wrapper .avatar-text-container .action-buttons[b-ii5r896sbv] {
  display: flex;
  align-items: center;
}
.comment-main-wrapper .avatar-text-container .action-buttons i[b-ii5r896sbv] {
  margin-right: 8px;
  cursor: pointer;
  color: var(--b-med-02);
}
.comment-main-wrapper p[b-ii5r896sbv] {
  margin: auto;
  margin-left: 40px;
  font-weight: normal;
}
.comment-main-wrapper .edit-comment-wrapper[b-ii5r896sbv] {
  display: flex;
  flex-direction: column;
}
.comment-main-wrapper .edit-comment-wrapper textarea[b-ii5r896sbv] {
  height: 56px;
  margin: 8px 0;
  overflow: hidden;
}
.comment-main-wrapper .edit-comment-wrapper .buttons-wrapper[b-ii5r896sbv] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 8px;
}
.comment-main-wrapper .edit-comment-wrapper .buttons-wrapper button[b-ii5r896sbv] {
  margin-right: 8px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Conflicts/PlanningCard.razor.rz.scp.css */
.card[b-omacfai0js] {
  background: #FFF9F2;
  border: none;
  border-radius: 0;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  max-width: 416px;
  display: grid;
  grid-template-columns: 40px auto;
}

.card-selection-wrapper[b-omacfai0js] {
  background: #FFF3E2;
  padding: 13px 10px;
}

.card-header[b-omacfai0js] {
  background: #FFF9F2;
  border: none;
  border-radius: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin-bottom: 8px;
}

.card-main[b-omacfai0js] {
  padding: 16px;
}

.card-title[b-omacfai0js] {
  color: #34344B;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 0;
}

.card-sub-title[b-omacfai0js] {
  color: #686985;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  margin-bottom: 8px;
}

.card-content-l1[b-omacfai0js] {
  color: #34344B;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}

.card-content-l2[b-omacfai0js] {
  color: #686985;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Conflicts/PlanningCardsList.razor.rz.scp.css */
.drop[b-8c9et0dtzx] {
  background-color: green;
}

.no-drop[b-8c9et0dtzx] {
  background-color: red;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/CustomFieds/DateFieldComponent.razor.rz.scp.css */
.date-input-wrapper[b-2qruaj6y9f] {
  position: relative;
}
.date-input-wrapper .fa-regular.fa-xmark[b-2qruaj6y9f] {
  position: absolute;
  top: 17px;
  right: 16px;
  font-size: 14px;
  cursor: pointer;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/CustomFieds/ListFieldComponent.razor.rz.scp.css */
.flex-wrapper[b-0m3z98hcu9] {
  display: flex;
  gap: 8px;
  align-items: center;
}

.bullet[b-0m3z98hcu9] {
  height: 8px;
  width: 8px;
  border-radius: 50%;
}

.text[b-0m3z98hcu9] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 85%;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/CustomFieds/RessourceFieldComponent.razor.rz.scp.css */
.dropdown-wrapper .deleted[b-9nidvynyvo] {
  color: red;
}
.dropdown-wrapper[b-9nidvynyvo]  .rz-dropdown-label.rz-inputtext .img-title-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/DateRangeComponent.razor.rz.scp.css */
/*Date range component*/
.date-range[b-enaltbi83m] {
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 8px;
  margin-bottom: 8px;
  gap: 8px;
  height: 40px;
  position: relative;
  cursor: pointer;
}
.date-range:hover[b-enaltbi83m] {
  background-color: var(--med-02-opacity-20);
}
.date-range:hover .delete-btn-wrapper[b-enaltbi83m] {
  display: block;
}
.date-range:hover .recurrence-wrapper[b-enaltbi83m] {
  opacity: 0;
}
.date-range.edit-mode[b-enaltbi83m] {
  background-color: var(--med-02-opacity-20);
  cursor: default;
}
.date-range.edit-mode:hover .delete-btn-wrapper[b-enaltbi83m] {
  display: none;
}
.date-range.edit-mode .recurrence-wrapper[b-enaltbi83m] {
  opacity: 1;
}
.date-range .delete-btn-wrapper[b-enaltbi83m] {
  display: none;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.date-range[b-enaltbi83m]  .base-btn-wrapper {
  color: var(--red-02);
  display: flex;
  height: auto;
}
.date-range[b-enaltbi83m]  .base-btn-wrapper a {
  height: auto;
}
.date-range[b-enaltbi83m]  .base-btn-wrapper a i {
  margin-right: 0;
}
.date-range .range-preview[b-enaltbi83m] {
  display: flex;
  align-items: center;
  gap: 4px;
}

.recurrence-wrapper[b-enaltbi83m] {
  display: flex;
  align-items: center;
  border: 1px solid var(--b-med-01);
  border-radius: 24px;
  color: var(--b-med-01);
  padding: 4px 8px;
  gap: 6px;
  transition: opacity 0.2s ease;
  margin-left: auto;
  font-family: var(--uxr-input-font-family), serif;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/DialogPrompt.razor.rz.scp.css */
.confirmation-alert-box[b-cq4vrewch1] {
  /* Delete Confirmation Alert Box (Destructive=true) */
}
.confirmation-alert-box[b-cq4vrewch1]  .input-wrapper {
  width: 90%;
  margin: 0 16px 16px 16px;
}
.confirmation-alert-box.alert-theme[b-cq4vrewch1] {
  /* confirm button  */
  /* Cancel button */
}
.confirmation-alert-box.alert-theme .confirmation-alert-footer[b-cq4vrewch1] {
  background: var(--red-03);
}
.confirmation-alert-box.alert-theme .primary-btn[b-cq4vrewch1] {
  background: var(--red-02);
  color: var(--red-03);
  border: 1px solid var(--red-02);
  /* Active state */
}
.confirmation-alert-box.alert-theme .primary-btn:hover[b-cq4vrewch1], .confirmation-alert-box.alert-theme .primary-btn:active:hover[b-cq4vrewch1] {
  border: 1px solid var(--red-02);
  background: var(--red-02);
}
.confirmation-alert-box.alert-theme .primary-btn:active[b-cq4vrewch1] {
  background: var(--red-02);
  border: 1px solid var(--red-02);
}
.confirmation-alert-box.alert-theme .primary-btn:focus[b-cq4vrewch1] {
  border: 2px solid var(--red-03);
  background: var(--red-02);
  outline: none;
}
.confirmation-alert-box.alert-theme .primary-btn:focus:hover[b-cq4vrewch1] {
  border: 2px solid var(--red-03);
  background: var(--red-02);
}
.confirmation-alert-box.alert-theme .primary-btn.outline[b-cq4vrewch1] {
  background: var(--red-03);
  border: 1px solid var(--red-02);
  box-shadow: none;
  color: var(--red-02);
  /* Hover state */
  /* Active state */
  /* Focus state */
}
.confirmation-alert-box.alert-theme .primary-btn.outline:hover[b-cq4vrewch1], .confirmation-alert-box.alert-theme .primary-btn.outline:focus:hover[b-cq4vrewch1], .confirmation-alert-box.alert-theme .primary-btn.outline:active:hover[b-cq4vrewch1] {
  background: var(--red-03);
  color: var(--red-02);
}
.confirmation-alert-box.alert-theme .primary-btn.outline:active[b-cq4vrewch1] {
  border: 1px solid var(--red-02);
  background: var(--red-03);
  color: var(--red-02);
}
.confirmation-alert-box.alert-theme .primary-btn.outline:focus[b-cq4vrewch1] {
  background: var(--white);
  border: 2px solid var(--red-03);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
  outline: none;
}
.confirmation-alert-footer[b-cq4vrewch1] {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--a-light-orange-02);
  min-height: 56px;
  padding: 8px;
  gap: 8px;
  border-top: 1px solid var(--grey-02);
}
.confirmation-alert-footer button[b-cq4vrewch1] {
  width: 100%;
}

[b-cq4vrewch1] .question {
  font-weight: 500;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Exports/SelectorBlock.razor.rz.scp.css */
.block[b-qqtktitmdf] {
  min-width: 500px;
  max-width: 700px;
  /*filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.1)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));*/
  height: 100%;
}

.block-header[b-qqtktitmdf] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: var(--white);
}
.block-header button[b-qqtktitmdf] {
  padding: 0;
  height: fit-content;
  border: none;
}
.block-header button.secondary-btn.ghost:active[b-qqtktitmdf], .block-header button.secondary-btn.ghost:focus[b-qqtktitmdf] {
  border: none;
  background: none;
}

[b-qqtktitmdf] .block-content {
  padding: 16px;
  background: var(--b-light-02);
  height: calc(100vh - 56px - 56px - 64px - 56px);
  overflow-y: auto;
  border-right: 1px solid var(--b-light-01);
  margin-top: 1px;
}
[b-qqtktitmdf] .block-content .draggable-items_container div[draggable=true] {
  margin-bottom: 16px;
}
[b-qqtktitmdf] .block-content .draggable-items_container .drop-area {
  margin-bottom: 16px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Filter.razor.rz.scp.css */
.object-type[b-21kx9m8192] {
  display: inline-block;
  text-transform: lowercase;
}

.object-type[b-21kx9m8192]::first-letter {
  text-transform: uppercase;
}

.filter[b-21kx9m8192] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  background: var(--white);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 8px 8px 8px 16px;
  margin-bottom: 16px;
  cursor: pointer;
}
.filter .content-wrapper[b-21kx9m8192] {
  width: 90%;
}
.filter .content-wrapper[b-21kx9m8192]  h6 {
  color: var(--a-orange-03);
  font-size: 14px;
  line-height: 16px;
}
.filter .delete-btn[b-21kx9m8192] {
  visibility: hidden;
  height: 40px;
  width: 40px;
}
.filter .delete-btn:hover[b-21kx9m8192] {
  visibility: visible;
  display: flex;
  align-items: center;
  color: var(--red-02);
  border: 1px solid var(--red-02);
  background: var(--red-03);
}
.filter:hover[b-21kx9m8192] {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08), 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.filter:hover .delete-btn[b-21kx9m8192] {
  visibility: visible;
  display: flex;
  align-items: center;
}
.filter h3[b-21kx9m8192] {
  color: var(--b-dark-01);
  text-decoration: none;
  font-weight: 500;
}
.filter h4[b-21kx9m8192] {
  color: var(--b-med-01);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/FormatedAddress.razor.rz.scp.css */
pre[b-6o6ss1a8gs] {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Imports/StepErrors.razor.rz.scp.css */
table[b-jt71jluoln] {
  width: 100%;
  margin-top: 16px;
  border-radius: 8px;
}
table thead[b-jt71jluoln] {
  filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.1)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));
  border: 1px solid var(--b-light-01);
}
table thead tr[b-jt71jluoln] {
  border-radius: 8px 8px 0px 0px;
}
table thead tr th[b-jt71jluoln] {
  padding: 16px;
  border-left: 1px solid var(--b-light-01);
}
table tbody[b-jt71jluoln] {
  border: 1px solid var(--b-light-01);
}
table tbody tr[b-jt71jluoln] {
  border-bottom: 1px solid var(--b-light-01);
}
table tbody tr .line[b-jt71jluoln] {
  background: #FFFFFF;
  padding: 16px;
  align-items: flex-start;
  display: flex;
  height: 100%;
}
table tbody tr .errors[b-jt71jluoln] {
  border-bottom: 1px solid var(--b-light-01);
  border-left: 1px solid var(--b-light-01);
}
table tbody tr .errors div[b-jt71jluoln] {
  padding: 16px;
  border-bottom: 1px solid var(--b-light-01);
}
table tbody tr .errors div:last-of-type[b-jt71jluoln] {
  border-bottom: none;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Kanban/Card.razor.rz.scp.css */
.card[b-x0zsjtfzh6] {
  background: var(--a-light-orange-02);
  border: none;
  border-radius: 0;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  max-width: 416px;
  display: grid;
  grid-template-columns: 40px auto;
}
.card .card-main .card-header .edit-buttons-wrapper[b-x0zsjtfzh6] {
  display: none;
}
.card .card-main .card-header .hour[b-x0zsjtfzh6] {
  /*border-radius: 2px;
  padding: 4px 6px 4px 6px;*/
  color: var(--b-med-01);
  /*box-shadow: var(--elevation-negative-1);*/
  font-weight: 500;
}
.card:hover .card-main .card-header .hour[b-x0zsjtfzh6] {
  display: none;
}
.card:hover .card-main .card-header .edit-buttons-wrapper[b-x0zsjtfzh6] {
  display: flex;
}

.disabled[b-x0zsjtfzh6] {
  pointer-events: none;
  opacity: 0.5;
}

.edit-buttons-wrapper i[b-x0zsjtfzh6] {
  color: var(--b-med-01);
  padding: 4px;
}

.card-selection-wrapper[b-x0zsjtfzh6] {
  background: var(--a-light-orange-01);
  padding: 12px 8px;
}

.card-header[b-x0zsjtfzh6] {
  background: var(--a-light-orange-02);
  border: none;
  border-radius: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin-bottom: 8px;
}
.card-header .card-header-left[b-x0zsjtfzh6] {
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
}
.card-header .dueDate[b-x0zsjtfzh6] {
  font-weight: 500;
}
.card-header .past-due[b-x0zsjtfzh6] {
  background: var(--red-03);
  color: var(--red-02);
}
.card-header .recurrence-count[b-x0zsjtfzh6] {
  background: #FDFCFF;
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  border-radius: 0px 2px 2px 0px;
  font-size: 10px;
  padding: 5px 6px;
  display: inline-flex;
}

.card-main[b-x0zsjtfzh6] {
  padding: 16px;
  cursor: pointer;
}

.card-title[b-x0zsjtfzh6] {
  color: #34344B;
  margin-bottom: 4px;
}

.card-sub-title[b-x0zsjtfzh6] {
  color: #686985;
  font-weight: 400;
  margin-bottom: 4px;
}

.card-content-l1[b-x0zsjtfzh6] {
  color: #686985;
  font-weight: 400;
  margin-bottom: 4px;
}

.text-avatar[b-x0zsjtfzh6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  height: 16px;
}
.text-avatar img[b-x0zsjtfzh6] {
  height: 32px;
  border-radius: 50%;
  position: relative;
  bottom: 8px;
}

.status-text[b-x0zsjtfzh6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.status-text .card-content-l1[b-x0zsjtfzh6] {
  margin-bottom: 0;
}

.info-box[b-x0zsjtfzh6] {
  font-weight: 500;
  font-size: 10px;
}

.SelectedDetail .card-main[b-x0zsjtfzh6] {
  background-color: var(--a-light-orange-02);
}
.SelectedDetail .card-main .card-header[b-x0zsjtfzh6] {
  background-color: var(--a-light-orange-02);
}

.progression[b-x0zsjtfzh6] {
  background-color: var(--b-med-02);
}

.progression-background[b-x0zsjtfzh6] {
  background-color: #FFFFFF;
}

.Selected .dueDate[b-x0zsjtfzh6] {
  background-color: var(--a-light-orange-02);
  color: var(--a-orange-02);
}
.Selected .past-due[b-x0zsjtfzh6] {
  background: var(--red-03);
  color: var(--red-02);
}
.Selected .card-selection-wrapper[b-x0zsjtfzh6] {
  background-color: var(--a-light-orange-01);
}
.Selected .card-title[b-x0zsjtfzh6] {
  color: var(--a-orange-02);
}
.Selected .progression[b-x0zsjtfzh6] {
  background-color: var(--a-orange-02);
}
.Selected .progression-background[b-x0zsjtfzh6] {
  background-color: var(--a-light-orange-02);
}
.Selected #FFF9F2 .card-selection-wrapper[b-x0zsjtfzh6] {
  background-color: var(--a-light-orange-01);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Kanban/CardPlaceholder.razor.rz.scp.css */
.card[b-f8ibd0xexk] {
  height: 144px;
}
.card .top[b-f8ibd0xexk] {
  height: 68px;
}
.card .bottom[b-f8ibd0xexk] {
  height: 76px;
}
.card .bottom .text-placeholder[b-f8ibd0xexk] {
  background: var(--grey-03);
  border-radius: 8px;
  height: 16px;
  margin: 2px 0;
}
.card .bottom .text-placeholder.long[b-f8ibd0xexk] {
  width: 121px;
}
.card .bottom .text-placeholder.medium[b-f8ibd0xexk] {
  width: 96px;
}
.card .bottom .text-placeholder.short[b-f8ibd0xexk] {
  width: 41px;
}
.card .bottom .avatar-placeholder[b-f8ibd0xexk] {
  height: 32px;
  width: 32px;
  background: var(--grey-03);
  justify-self: right;
  border-radius: 50%;
  position: absolute;
  right: 0;
  bottom: 16px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Kanban/KanbanGroup.razor.rz.scp.css */
.kanban-group[b-8ns6af3p3q] {
  display: grid;
  max-height: calc(100vh - 53px - 72px - 80px);
  height: 100%;
}

.task-details-main-wrapper[b-8ns6af3p3q] {
  display: flex;
  flex-direction: row;
  padding: 8px;
  height: calc(100vh - 56px - 56px - 56px - 57px);
  overflow: auto;
  max-width: calc(100vw - 240px);
}
.task-details-main-wrapper[b-8ns6af3p3q]  .kanban-list {
  max-height: calc(100vh - 52px - 48px - 80px - 16px - 57px - 0px);
}
.task-details-main-wrapper[b-8ns6af3p3q]  .kanban-list .kanban-list-content {
  max-height: calc(100vh - 56px - 56px - 62px - 63px - 50px - 16px);
}

.kanban-group-lists-container[b-8ns6af3p3q] {
  width: 100%;
  display: flex;
  flex-direction: row;
  overflow: auto;
  padding: 8px;
  background-color: var(--b-light-01);
  /*max-height: calc(100vh - 56px - 72px - 80px - 66px);*/
  height: calc(100vh - 56px - 56px - 56px - 57px);
}
.kanban-group-lists-container .arrow-container[b-8ns6af3p3q] {
  margin-right: 100px;
}

[b-8ns6af3p3q] .kanban-group-footer {
  display: flex;
  height: 57px;
  flex-direction: row;
  justify-content: space-evenly;
  background-color: var(--grey-03);
  position: absolute;
  bottom: 0;
  width: calc(100vw - 245px);
}
[b-8ns6af3p3q] .kanban-group-footer .kanban-group-footer-group {
  display: flex;
  padding: 8px;
  flex-direction: column;
  align-content: flex-start;
  border: 1px solid #F1F0FA;
  flex-grow: 1;
}
[b-8ns6af3p3q] .kanban-group-footer .kanban-group-footer-group h5 {
  color: var(--grey-01);
}
[b-8ns6af3p3q] .kanban-group-footer .kanban-group-footer-group p {
  color: var(--b-dark-01);
  margin: 0;
  line-height: 24px;
}
[b-8ns6af3p3q] .kanban-group-footer .kanban-group-footer-group .kanban-group-footer-group-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
[b-8ns6af3p3q] .kanban-group-footer .kanban-group-footer-group .kanban-group-footer-group-row span.green-01 {
  opacity: 0.5;
  line-height: 24px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Kanban/KanbanList.razor.rz.scp.css */
.kanban-list[b-wpqefabm1z] {
  background: var(--grey-03);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  min-width: 277px;
  position: relative;
  display: grid;
  grid-template-rows: 40px 4px 1fr auto;
  margin-right: 8px;
  border-radius: 4px 4px 0px 0px;
  max-height: calc(100vh - 52px - 48px - 80px - 16px - 64px);
  border-radius: 4px 4px 4px 4px;
}
.kanban-list[b-wpqefabm1z]  .dark {
  background: var(--b-light-01);
  color: var(--b-med-01);
}

/* List Header */
[b-wpqefabm1z] .kanban-list-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  border-radius: 4px 4px 0px 0px;
  background: #FDFCFF;
}
[b-wpqefabm1z] .kanban-list-header .kanban-list-header-selection-wrapper {
  width: 40px;
  padding: 7px;
}
[b-wpqefabm1z] .kanban-list-header .kanban-list-header-right-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  flex-grow: 1;
  padding: 8px 7px;
  border-radius: 0 4px 0 0;
}
[b-wpqefabm1z] .kanban-list-header .kanban-list-header-right-wrapper .avatar-text-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
[b-wpqefabm1z] .kanban-list-header .kanban-list-header-right-wrapper .avatar-text-container .type-preset-3 {
  margin: auto;
  white-space: nowrap;
  overflow: hidden;
  max-width: 150px;
  text-overflow: ellipsis;
}

/* Subheader*/
[b-wpqefabm1z] .kanban-subheader {
  display: grid;
  grid-template-columns: 40px 1fr;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #F6F7FA;
}
[b-wpqefabm1z] .kanban-subheader .selection-wrapper {
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
[b-wpqefabm1z] .kanban-subheader .main {
  padding: 8px;
  display: flex;
  justify-content: flex-end;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
[b-wpqefabm1z] .kanban-subheader .main button {
  height: 32px;
  padding: 8px;
  background: rgba(214, 219, 227, 0.5);
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  color: #686985;
  border: none;
}

/* List Content */
[b-wpqefabm1z] .kanban-list-content {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  position: relative;
  min-height: 100px;
  width: 277px;
  height: calc(100vh - 56px - 52px - 64px - 44px - 139px);
}

[b-wpqefabm1z] .CanScrollY {
  overflow-y: auto;
}

[b-wpqefabm1z] .HiddenY {
  overflow-y: hidden;
}

/* List Footer */
[b-wpqefabm1z] .kanban-list-footer {
  position: absolute;
  bottom: 0;
  display: grid;
  grid-template-columns: 40px 1fr;
  background-color: #F6F7FA;
  width: 100%;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 0px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 4px 4px;
}
[b-wpqefabm1z] .kanban-list-footer .kanban-list-footer-right-wrapper {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 13px 16px;
  border-radius: 0 0 4px 0;
}
[b-wpqefabm1z] .kanban-list-footer .kanban-list-footer-right-wrapper .kanban-list-footer-right-wrapper-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

/* Card */
[b-wpqefabm1z] .card {
  background: #FFF9F2;
  border: none;
  border-radius: 0;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  max-width: 416px;
  display: grid;
  grid-template-columns: 40px auto;
  height: 144px;
}

[b-wpqefabm1z] .card-selection-wrapper {
  background: #FDFCFF;
  display: flex;
  justify-content: center;
  padding: 8px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}

[b-wpqefabm1z] .card-header {
  background: #FFFFFF;
  border: none;
  border-radius: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin-bottom: 8px;
}

[b-wpqefabm1z] .card-main {
  padding: 8px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
}

[b-wpqefabm1z] .card-title {
  color: #34344B;
  height: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 500;
}

[b-wpqefabm1z] .card-sub-title {
  color: #686985;
  font-weight: 500;
  height: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 180px;
}

[b-wpqefabm1z] .card-content-l1 {
  color: #686985;
  font-weight: normal;
  height: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 16px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Kanban/TaskDetails/TaskDetailsPanel.razor.rz.scp.css */
.task-details-panel[b-46srtmt30h] {
  width: 100%;
  background-color: white;
  filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.1)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));
  border-radius: 4px;
  display: grid;
  grid-template-rows: auto auto 1fr;
  max-height: calc(100vh - 56px - 56px - 62px - 63px - 16px);
}

[b-46srtmt30h] .responsible-wrapper .rz-dropdown-item {
  padding-left: 7px;
}
[b-46srtmt30h] .responsible-wrapper .rz-dropdown .rz-dropdown-label.rz-inputtext {
  max-width: 100%;
  padding-right: 0;
}

/* Actions Header*/
[b-46srtmt30h] .task-details-panel-actions-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  padding: 8px 8px 8px 16px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
[b-46srtmt30h] .task-details-panel-actions-header .task-name-wrapper-edit {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 300px;
}
[b-46srtmt30h] .task-details-panel-actions-header .task-name-wrapper-edit h4 {
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
}
[b-46srtmt30h] .task-details-panel-actions-header .task-name-wrapper-edit .edit-buttons-wrapper {
  padding: 0 8px;
}
[b-46srtmt30h] .task-details-panel-actions-header .task-name-wrapper-edit .edit-buttons-wrapper i {
  margin-right: 8px;
  color: var(--grey-04);
  cursor: pointer;
}
[b-46srtmt30h] .task-details-panel-actions-header .task-details-panel-actions-header-right-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
[b-46srtmt30h] .task-details-panel-actions-header .task-details-panel-actions-header-right-wrapper .rz-dropdown {
  height: 40px;
  width: 192px;
}
[b-46srtmt30h] .task-details-panel-actions-header .task-details-panel-actions-header-right-wrapper .rz-dropdown-label.rz-inputtext p {
  margin: 0;
  position: relative;
}
[b-46srtmt30h] .task-details-panel-actions-header .task-details-panel-actions-header-right-wrapper button {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
[b-46srtmt30h] .task-details-panel-actions-header .secondary-btn.outline.left-icon {
  /*margin: 0 4px;*/
}
[b-46srtmt30h] .task-details-panel-actions-header .secondary-btn.outline.left-icon.finish {
  background-color: var(--white);
  color: var(--b-dark-02);
}
[b-46srtmt30h] .task-details-panel-actions-header .secondary-btn.outline.left-icon.time {
  background-color: var(--white);
  color: var(--b-dark-02);
}
[b-46srtmt30h] .task-details-panel-actions-header .secondary-btn.outline.left-icon.reopen {
  background-color: var(--white);
  color: var(--grey-01);
  border: 1px var(--grey-01) solid;
}

/* Header Task*/
[b-46srtmt30h] .task-details-panel-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  padding: 8px 8px 8px 16px;
  background-color: var(--grey-03);
  height: 64px;
}
[b-46srtmt30h] .task-details-panel-header p {
  margin: 0;
}
[b-46srtmt30h] .task-details-panel-header .task-name-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
[b-46srtmt30h] .task-details-panel-header .task-name-wrapper h3 {
  color: var(--b-dark-01);
}
[b-46srtmt30h] .task-details-panel-header .task-name-wrapper h5 {
  color: var(--b-med-01);
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .responsible {
  position: relative;
  left: 124px;
  z-index: 2;
  padding-top: 10px;
  height: fit-content;
  line-height: 12px;
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .rz-dropdown {
  height: 48px;
  width: 210px;
  padding: 0;
  background-color: var(--b-light-01);
  margin: auto;
  margin-right: 8px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .rz-dropdown .rz-dropdown-trigger {
  display: none;
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, [b-46srtmt30h] .task-details-panel-header .info-main-wrapper .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus {
  background-color: var(--b-light-01);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .info-wrapper {
  display: flex;
  flex-direction: row;
  background-color: var(--b-light-01);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 8px;
  margin: auto;
  align-content: baseline;
  height: 48px;
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .info-wrapper .avatar-text-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  max-width: 100%;
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .info-wrapper .avatar-text-wrapper ::deep object {
  top: 8px;
  margin: auto;
  margin-right: 8px;
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .info-wrapper .avatar-text-wrapper p {
  position: relative;
  top: 16px;
  height: fit-content;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .info-wrapper .icon-wrapper {
  display: flex;
  align-content: center;
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .info-wrapper .icon-wrapper i {
  margin: auto 0px;
  margin-right: 8px;
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .info-wrapper .text-wrapper {
  display: flex;
  flex-direction: column;
  height: fit-content;
  /* Position calender icon to left of input date*/
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .info-wrapper .text-wrapper p:first-child {
  color: var(--b-dark-01);
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .info-wrapper .text-wrapper p:nth-child(2) {
  color: var(--b-med-01);
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .info-wrapper .text-wrapper div {
  height: 20px;
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .info-wrapper .text-wrapper div div {
  height: 20px;
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .info-wrapper .text-wrapper .date {
  position: relative;
  padding-left: 40px;
  width: 140px;
  top: -6px;
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .info-wrapper .text-wrapper label {
  margin: 0;
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .info-wrapper .text-wrapper .rz-inputtext {
  background-color: var(--b-light-01);
  padding: 0;
  padding-left: 40px;
  color: var(--b-med-01);
  font-weight: 500;
  font-size: 14px;
  border: none;
  box-shadow: none;
  width: 140px;
  height: fit-content;
  position: relative;
  bottom: 10px;
  pointer-events: none;
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .info-wrapper .text-wrapper .rz-inputtext:focus {
  border: none;
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .info-wrapper .text-wrapper .rz-button-icon-left.rzi.rzi-calendar {
  position: relative;
  left: -43px;
  bottom: 26px;
  padding: 4px;
  height: 32px;
  width: 32px;
  background: #F6F7FA;
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .info-wrapper .text-wrapper .rz-button-icon-left.rzi.rzi-calendar::before {
  font-size: 14px;
  color: var(--b-dark-01);
}
[b-46srtmt30h] .task-details-panel-header .info-main-wrapper .info-wrapper .text-wrapper .rz-datepicker-trigger.rz-calendar-button.rz-button.rz-button-icon-only {
  width: 140px;
}

/* Sections */
[b-46srtmt30h] .task-details-panel-sections {
  overflow-x: auto;
  height: 100%;
  border-radius: 4px;
}
[b-46srtmt30h] .task-details-panel-sections .section h4 {
  color: var(--b-med-01);
  padding: 8px;
  cursor: pointer;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 15px;
}
[b-46srtmt30h] .task-details-panel-sections .section h4 i {
  margin: 8px;
}
[b-46srtmt30h] .task-details-panel-sections .section .section-content {
  background: #FDFCFF;
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  padding: 16px;
}
[b-46srtmt30h] .task-details-panel-sections .section .section-content .todo-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
}
[b-46srtmt30h] .task-details-panel-sections .section .section-content .todo-wrapper .rz-chkbox {
  margin-right: 8px;
}
[b-46srtmt30h] .task-details-panel-sections .section .section-content .todo-wrapper input {
  height: fit-content;
  margin-right: 8px;
}
[b-46srtmt30h] .task-details-panel-sections .section .section-content .todo-wrapper p {
  margin: 0;
  margin-right: 8px;
}
[b-46srtmt30h] .task-details-panel-sections .section .section-content .buttons-wrapper i {
  color: var(--b-med-02);
  margin-right: 8px;
  cursor: pointer;
}
[b-46srtmt30h] .task-details-panel-sections .section .section-content a {
  cursor: pointer;
  color: var(--b-med-01);
}
[b-46srtmt30h] .task-details-panel-sections .section-content.description textarea {
  width: 100%;
  height: 142px;
  font-size: 14px;
}
[b-46srtmt30h] .task-details-panel-sections .section-content.comments {
  padding: 0;
}
[b-46srtmt30h] .task-details-panel-sections .section-content.comments .comments-wrapper {
  display: flex;
  flex-direction: column;
  padding: 16px;
  background: var(--b-light-02);
}
[b-46srtmt30h] .task-details-panel-sections .section-content.comments .new-comment {
  display: flex;
  flex-direction: column;
  padding: 16px;
  background-color: var(--a-light-orange-02);
}
[b-46srtmt30h] .task-details-panel-sections .section-content.comments .new-comment .avatar-text-wrapper {
  display: flex;
  margin-bottom: 8px;
  align-items: center;
}
[b-46srtmt30h] .task-details-panel-sections .section-content.comments .new-comment .avatar-text-wrapper img {
  margin-right: 8px;
}
[b-46srtmt30h] .task-details-panel-sections .section-content.comments .new-comment .textarea-buttons-wrapper {
  padding-left: 32px;
}
[b-46srtmt30h] .task-details-panel-sections .section-content.comments .new-comment .textarea-buttons-wrapper textarea {
  width: 100%;
  overflow: hidden;
  height: 56px;
  font-size: 14px;
}
[b-46srtmt30h] .task-details-panel-sections .section-content.comments .new-comment .textarea-buttons-wrapper textarea:placeholder {
  font-size: 14px;
}
[b-46srtmt30h] .task-details-panel-sections .section-content.comments .new-comment .textarea-buttons-wrapper .buttons-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 8px;
}
[b-46srtmt30h] .task-details-panel-sections .section-content.comments .new-comment .textarea-buttons-wrapper .buttons-wrapper button {
  margin-right: 8px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Kanban/TaskDetails/TaskDetailsPanelHeader.razor.rz.scp.css */
/* Due date selection button*/
.due-date-button[b-7v6vh6fzmh] {
  position: relative;
  height: 48px;
  width: 155px;
}
.due-date-button span[b-7v6vh6fzmh] {
  position: absolute;
  top: 8px;
  left: 48px;
  z-index: 2;
  font-weight: 500;
  color: #34344B;
  pointer-events: none;
  cursor: pointer;
}
.due-date-button span.disabled[b-7v6vh6fzmh] {
  opacity: 0.4;
}
.due-date-button[b-7v6vh6fzmh]  .input-wrapper {
  width: 100%;
}
.due-date-button[b-7v6vh6fzmh]  .input-wrapper .input {
  width: 100%;
  border: none;
}
.due-date-button[b-7v6vh6fzmh]  .input-wrapper .input :hover {
  border: none;
}
.due-date-button[b-7v6vh6fzmh]  .input-wrapper .input :focus-visible {
  outline: none;
}
.due-date-button[b-7v6vh6fzmh]  .rz-datepicker {
  width: 100%;
  border: none;
}
.due-date-button[b-7v6vh6fzmh]  .rz-datepicker.rz-state-disabled input {
  opacity: 0.4;
  cursor: default;
}
.due-date-button[b-7v6vh6fzmh]  .rz-datepicker .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  border: none;
}
.due-date-button[b-7v6vh6fzmh]  .rz-datepicker .rz-button:not(.rz-state-disabled):hover:not(:active) {
  background-image: none;
}
.due-date-button[b-7v6vh6fzmh]  .rz-datepicker .rz-inputtext {
  width: 100%;
  height: 48px;
  padding: 0;
  padding-top: 16px;
  padding-left: 48px;
  position: relative;
  background: var(--b-light-01);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  font-family: IBM Plex Sans Condensed;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: var(--b-med-01);
  border: none;
}
.due-date-button[b-7v6vh6fzmh]  .rz-datepicker .rz-inputtext::placeholder {
  font-family: IBM Plex Sans Condensed;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: var(--b-med-01);
}
.due-date-button[b-7v6vh6fzmh]  .rz-datepicker .rz-inputtext:focus {
  border: none;
}
.due-date-button[b-7v6vh6fzmh]  .rz-datepicker .rz-inputtext:hover {
  border: none;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.due-date-button[b-7v6vh6fzmh]  .rz-datepicker .rz-inputtext :focus-visible {
  outline: none;
}
.due-date-button[b-7v6vh6fzmh]  .rz-datepicker .rz-datepicker-trigger {
  height: 100%;
  left: 8px;
  width: 155px;
  display: flex;
  align-items: center;
}
.due-date-button[b-7v6vh6fzmh]  .rz-datepicker .rz-datepicker-trigger .rzi-calendar {
  font-size: 14px;
  background: white;
  padding: 8px;
  height: 32px;
  width: 32px;
  border-radius: 24px;
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
}
.due-date-button[b-7v6vh6fzmh]  .rz-datepicker .rz-datepicker-trigger .rzi-calendar:before {
  color: var(--b-dark-01);
  content: "\f783";
  font-family: "Font Awesome 6 Pro";
}

[b-7v6vh6fzmh] .rz-dropdown.rz-state-disabled {
  opacity: 0.4;
}
[b-7v6vh6fzmh] .rz-dropdown.rz-state-disabled .rz-dropdown-label.rz-inputtext {
  cursor: default;
}

[b-7v6vh6fzmh] .base-btn-wrapper {
  height: fit-content;
}
[b-7v6vh6fzmh] .base-btn-wrapper a {
  height: fit-content;
}

.responsible.disabled[b-7v6vh6fzmh] {
  opacity: 0.4;
}

/*Style for Responsible dropdown*/
[b-7v6vh6fzmh] .rz-dropdown-label.rz-inputtext .info-wrapper .avatar-text-wrapper p {
  margin-left: 12px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/KPIPageFooter.razor.rz.scp.css */
.footer-container[b-osf50rkop1] {
  background: #F6F7FA;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 5;
  height: 56px;
}
.footer-container .footer_section[b-osf50rkop1] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  border-right: 1px solid var(--b-light-01);
  padding: 8px;
}
.footer-container .footer_section h2[b-osf50rkop1] {
  display: flex;
  justify-content: space-between;
  line-height: 24px;
}
.footer-container .footer_section h2 .percentage[b-osf50rkop1] {
  opacity: 0.5;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/LabelComponent.razor.rz.scp.css */
.label-component[b-83cr4b9m2q] {
  color: var(--grey-01);
  border-radius: 2px;
  background: var(--grey-03);
  box-shadow: var(--elevation-negative-1);
  padding: 4px 6px;
  display: flex;
  width: max-content;
}
.label-component--red[b-83cr4b9m2q] {
  background: var(--error--red-03);
  color: var(--error--red-01);
}
.label-component--green[b-83cr4b9m2q] {
  background: var(--success--green-03);
  color: var(--success--green-01);
}
.label-component--yellow[b-83cr4b9m2q] {
  background: var(--warning--light-yellow-03);
  color: var(--warning--brown-01);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/LeftMenu.razor.rz.scp.css */
.first-panel-collapse[b-2k00v3ryc1] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background: var(--grey-03);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 2px rgba(52, 52, 75, 0.1);
  height: 100%;
  position: relative;
  z-index: 4;
}
.first-panel-collapse div[b-2k00v3ryc1] {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.first-panel-collapse div button[b-2k00v3ryc1] {
  margin: 8px;
}
.first-panel-collapse div button.collapse-btn[b-2k00v3ryc1] {
  border: 1px solid var(--grey-01);
  color: var(--grey-01);
}

.first-panel[b-2k00v3ryc1] {
  display: block;
  display: flex;
  flex-direction: column;
  background: var(--grey-03);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 2px 3px rgba(0, 0, 0, 0.1);
  height: 100%;
  max-height: calc(100vh - 56px);
  z-index: 1;
}
.first-panel .first-panel__links[b-2k00v3ryc1] {
  flex: 1 1 auto;
  overflow-y: auto;
}

.button-container[b-2k00v3ryc1] {
  padding: 8px;
  top: 57px;
  background: var(--grey-03);
  border-bottom: 1px solid var(--b-light-01);
}
.button-container[b-2k00v3ryc1]  button {
  width: 100%;
}

[b-2k00v3ryc1] .edit-buttons-wrapper {
  display: none;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin-left: 0px;
}

.two-panel-layout .second-panel .first-panel[b-2k00v3ryc1] {
  display: block;
  overflow-y: auto;
  background: var(--b-light-02);
  /*box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);*/
  height: 100%;
}
.two-panel-layout .second-panel .first-panel .first-panel__header[b-2k00v3ryc1] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: var(--b-light-02);
}
.two-panel-layout .second-panel .first-panel .first-panel__header .single-btn[b-2k00v3ryc1] {
  width: 100%;
}
.two-panel-layout .second-panel .first-panel[b-2k00v3ryc1]  .link-wrapper p {
  padding: 16px 0px 16px 16px;
}
.two-panel-layout .second-panel .first-panel[b-2k00v3ryc1]  .link-wrapper:hover {
  display: flex;
}
.two-panel-layout .second-panel .first-panel[b-2k00v3ryc1]  .link-wrapper:hover .edit-buttons-wrapper {
  display: flex;
  justify-content: flex-end;
}

[b-2k00v3ryc1] .first-panel__header {
  background: var(--grey-03);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 16px;
  position: sticky;
  top: 0;
  height: 56px;
  z-index: 5;
}
[b-2k00v3ryc1] .first-panel__header .far.fa-plus {
  font-size: 14px;
  cursor: pointer;
}
[b-2k00v3ryc1] .first-panel__header .title-edit-buttons-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[b-2k00v3ryc1] .first-panel__header .title-edit-buttons-wrapper .collapse-icon {
  cursor: pointer;
}

[b-2k00v3ryc1] .first-panel__header h3 {
  font-size: 17px;
}

[b-2k00v3ryc1] .first-panel__link {
  background: transparent;
  border-bottom: 1px solid var(--b-light-01);
  display: block;
  padding: 16px;
  color: var(--b-dark-02);
  /*transition: background 0.1s ease-in-out;*/
}

[b-2k00v3ryc1] .first-panel__link:hover {
  background: var(--grey-02);
  color: var(--b-dark-02);
  text-decoration: none;
}
[b-2k00v3ryc1] .first-panel__link:hover .edit-buttons-wrapper {
  display: flex;
}

[b-2k00v3ryc1] .first-panel__link.selected {
  background: var(--a-light-orange-02);
  color: var(--a-orange-01);
  cursor: default;
}

.no-item-message_wrapper[b-2k00v3ryc1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px 16px;
  background: var(--a-light-orange-02);
}
.no-item-message_wrapper h4[b-2k00v3ryc1] {
  margin-bottom: 8px;
}
.no-item-message_wrapper span[b-2k00v3ryc1] {
  margin-bottom: 16px;
}
.no-item-message_wrapper button[b-2k00v3ryc1] {
  width: fit-content;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/LeftMenuFooter.razor.rz.scp.css */
.first-panel__footer[b-cf4p0f9be1] {
  width: 240px;
  position: absolute;
  bottom: 0;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.1);
  padding: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.first-panel__footer[b-cf4p0f9be1]  button {
  width: 100%;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/LeftMenuItem.razor.rz.scp.css */
p[b-wdohjp347u] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  cursor: pointer;
  margin: 0;
  flex-grow: 1;
}

.selected[b-wdohjp347u] {
  background: var(--a-light-orange-02);
  /*color: var(--a-orange-01);*/
  cursor: default;
}

.o-indicator[b-wdohjp347u] {
  width: 4px;
  height: 56px;
  background-color: var(--a-orange-01);
}

.g-indicator[b-wdohjp347u] {
  width: 4px;
  height: 56px;
  background-color: var(--grey-02);
}

.sublink[b-wdohjp347u] {
  background: var(--white);
}

.link-edit-wrapper[b-wdohjp347u] {
  display: flex;
  justify-content: center;
  padding: 16px;
}
.link-edit-wrapper[b-wdohjp347u]  .input-wrapper {
  width: 100%;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Login/FormContainer.razor.rz.scp.css */
.form-container[b-drbhxi2vic] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  width: 440px;
  box-shadow: var(--elevation-positive-2);
  /*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08), 0px 4px 6px rgba(0, 0, 0, 0.1);*/
  border-radius: 0px 8px 8px 0px;
}
.form-container .ltw[b-drbhxi2vic] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 32px;
}
.form-container .ltw img[b-drbhxi2vic] {
  height: 30px;
  width: 102px;
}
.form-container h1[b-drbhxi2vic] {
  width: 114px;
  height: 32px;
  top: 62.51px;
  color: var(--b-med-01);
  margin-bottom: 32px;
}

.img-form-container[b-drbhxi2vic] {
  display: flex;
  margin: 32px auto;
  justify-content: center;
  height: 470px;
}
.img-form-container .left-image[b-drbhxi2vic] {
  display: block;
  width: 440px;
  box-shadow: var(--elevation-positive-2);
  border-radius: 8px 0px 0px 8px;
  object-fit: cover;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Login/LoginView.razor.rz.scp.css */
.button-password-forgotten[b-6amxjw60f3] {
  color: var(--b-med-01);
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  padding: 0;
  margin: 16px 0px 32px 0px;
  outline: none;
}

.buttons-wrapper[b-6amxjw60f3] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  gap: 16px;
}
.buttons-wrapper[b-6amxjw60f3]  button i {
  height: 12px;
}

.main-inputs-wrapper[b-6amxjw60f3] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.main-inputs-wrapper[b-6amxjw60f3]  .input-wrapper input {
  height: 40px;
}
.main-inputs-wrapper[b-6amxjw60f3]  .input-wrapper:first-of-type {
  margin-bottom: 24px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Login/ResetPasswordView.razor.rz.scp.css */
.main-inputs-wrapper[b-ontf01nbsh] {
  display: flex;
  flex-direction: column;
  margin: 0 0 17px 0;
  width: 100%;
}

.button-password-forgotten[b-ontf01nbsh] {
  color: var(--a-orange-01);
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  padding: 0;
  margin: 0 0 34px 0;
  outline: none;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/MenuCategory.razor.rz.scp.css */
.menu[b-zmb6ii5j95] {
  position: relative;
}
.menu:hover .dropdown-content[b-zmb6ii5j95] {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.15s;
}
.menu .header__link:hover[b-zmb6ii5j95] {
  background: #F6F7FA;
  border-right: 1px solid #F1F0FA;
  border-left: 1px solid #F1F0FA;
  color: #F27633;
  text-decoration: none;
}
.menu .sub-header__link[b-zmb6ii5j95] {
  transition-delay: 0.15s;
  position: relative;
}
.menu .sub-header__link[b-zmb6ii5j95]:after {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  content: "\f054";
  position: absolute;
  right: 16px;
}
.menu.sub:hover .sub-dropdown-content[b-zmb6ii5j95] {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.15s;
}
.menu.sub:hover .sub-header__link[b-zmb6ii5j95] {
  background: #FFF9F2;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  color: #F27633;
  transition-delay: 0s;
}
.menu.sub:hover .sub-header__link + .sub-dropdown-content[b-zmb6ii5j95] {
  opacity: 1;
  transition-delay: 0s;
}
.menu .dropdown-content[b-zmb6ii5j95] {
  background: #F6F7FA;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  position: absolute;
  opacity: 0;
  transition: opacity 0.1s ease-in-out, visibility 0s ease-in-out;
  transition-delay: 0.15s;
  visibility: hidden;
  width: 316px;
}
.menu .dropdown-content a[b-zmb6ii5j95] {
  background: #F6F7FA;
  box-shadow: none;
  color: #686985;
  font-family: "IBM Plex Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  display: block;
  padding: 16px;
  transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
}
.menu .dropdown-content a:hover[b-zmb6ii5j95] {
  color: #F27633;
  background: #FFF9F2;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  text-decoration: none;
}
.menu .sub-dropdown-content[b-zmb6ii5j95] {
  position: absolute;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  left: 316px;
  opacity: 0;
  top: 0;
  transition: opacity 0.1s ease-in-out, visibility 0.1s ease-in-out;
  transition-delay: 0.15s;
  visibility: hidden;
  width: 316px;
}
.menu .sub-dropdown-content a[b-zmb6ii5j95] {
  background: #FFF9F2;
}
.menu .sub-dropdown-content a:hover[b-zmb6ii5j95] {
  background: #FFF3E2;
}

.header__link[b-zmb6ii5j95] {
  background: #FDFCFF;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  display: block;
  font-family: "IBM Plex Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: #686985;
  padding: 21px 16px;
  transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ModifyParameterBanner.razor.rz.scp.css */
.selection-actions-wrapper[b-4alkpsr0xu] {
  height: 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--a-light-orange-02);
  border-left: 0.5px solid rgba(214, 219, 227, 0.3);
  padding: 16px;
  position: sticky;
  top: 0;
  z-index: 2;
}
.selection-actions-wrapper .records-count[b-4alkpsr0xu] {
  color: var(--a-orange-01);
  cursor: default;
  margin-right: 16px;
}
.selection-actions-wrapper .selection-count[b-4alkpsr0xu] {
  color: var(--a-orange-01);
  background-color: #F6F7FA;
  color: var(--grey-01);
  padding: 4px 6px;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  cursor: default;
}
.selection-actions-wrapper .primary-btn.full[b-4alkpsr0xu] {
  border: 1px solid transparent;
  margin-left: 8px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Nomenclature/ScenarioElement.razor.rz.scp.css */
.scenario-element[b-0k199ejmff] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: var(--white);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08), 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 8px;
}
.scenario-element i.fa-regular.fa-grip-vertical[b-0k199ejmff] {
  margin-right: 8px;
}
.scenario-element .edit-button-wrapper[b-0k199ejmff] {
  visibility: hidden;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 4px;
  justify-content: space-evenly;
}
.scenario-element .edit-button-wrapper .icon-btn[b-0k199ejmff] {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  /*margin-left: 8px;*/
}
.scenario-element[b-0k199ejmff]  .input-wrapper {
  margin: 0;
}
.scenario-element[b-0k199ejmff]  .input-wrapper label {
  display: none;
}
.scenario-element[b-0k199ejmff]  .input-wrapper input {
  margin: 0;
  padding: 4px;
}
.scenario-element:hover .edit-button-wrapper[b-0k199ejmff] {
  visibility: visible;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Nomenclature/ScenariosList.razor.rz.scp.css */
.scenarios-header-wrapper[b-1ou90ea8r6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: white;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  /*height: 56px;*/
}

.scenario-tabs-wrapper[b-1ou90ea8r6] {
  overflow-x: auto;
  display: flex;
  flex-direction: row;
  width: 100%;
  /* padding value matches with width of .scenarios-management-buttons-wrapper */
  padding-right: 241px;
}
.scenario-tabs-wrapper .scenario-offset[b-1ou90ea8r6] {
  width: 24px;
  height: 100%;
  border-bottom: 1px solid var(--grey-02);
  border-right: 1px solid var(--grey-02);
  background-color: var(--grey-03);
  padding: 16px;
}

.scenario-tab[b-1ou90ea8r6] {
  min-width: 200px;
  flex: 0 0 auto;
  height: 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--grey-03);
  /*box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);*/
  padding: 16px;
  cursor: pointer;
  border-right: 1px solid var(--grey-02);
  border-bottom: 1px solid var(--grey-02);
}
.scenario-tab h4[b-1ou90ea8r6] {
  color: var(--b-med-01);
}
.scenario-tab .btn-wrapper[b-1ou90ea8r6] {
  display: flex;
  align-items: center;
  margin-left: 50px;
  gap: 8px;
  visibility: hidden;
}

.scenario-tab:hover .btn-wrapper[b-1ou90ea8r6] {
  visibility: visible;
}

.scenario-tab.selected[b-1ou90ea8r6] {
  background-color: var(--white);
  box-shadow: var(--elevation-postive-2);
  border-bottom: none;
}
.scenario-tab.selected h4[b-1ou90ea8r6] {
  color: var(--b-dark-01);
}
.scenario-tab.selected .btn-wrapper[b-1ou90ea8r6] {
  visibility: visible;
}
.scenario-tab.selected:focus[b-1ou90ea8r6] {
  outline: 1px solid red;
}

.scenarios-management-buttons-wrapper[b-1ou90ea8r6] {
  padding: 16px;
  position: absolute;
  right: 0;
  background: var(--grey-03);
  /*box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);*/
  height: 56px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  min-width: 160px;
  justify-content: center;
  gap: 8px;
  border-left: 1px solid var(--grey-02);
  border-bottom: 1px solid var(--grey-02);
}
.scenarios-management-buttons-wrapper .far.fa-sliders-h[b-1ou90ea8r6] {
  margin-right: 8px;
  cursor: pointer;
}
.scenarios-management-buttons-wrapper .add-button[b-1ou90ea8r6] {
  margin-right: 16px;
}
.scenarios-management-buttons-wrapper .add-button i[b-1ou90ea8r6] {
  margin-right: 4px;
  cursor: pointer;
}

[b-1ou90ea8r6] .base-btn-wrapper button .dropdown-list.align-icon {
  top: 76px;
  right: -8px;
  border: 1px solid var(--b-dark-01);
  border-radius: 4px;
  padding: 8px 0px;
  box-shadow: 0px 1px 2px 0px rgba(52, 52, 75, 0.1), 0px 0px 1px 0px rgba(52, 52, 75, 0.1), 0px 0px 0px 2px #FFFFFF, 0px 1px 1px 0px rgba(52, 52, 75, 0.05), 0px 0px 4px 0px rgba(52, 52, 75, 0.1), 0px 0px 0px 4px #1F1F30, 0px 0px 0px 3px #FFFFFF, 0px 1px 1px 0px rgba(52, 52, 75, 0.05);
}
[b-1ou90ea8r6] .base-btn-wrapper button .dropdown-list.align-icon a {
  text-align: left;
  height: fit-content;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Nomenclature/Todo.razor.rz.scp.css */
.todo-wrapper[b-roji4x89pk] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
}
.todo-wrapper[b-roji4x89pk]  .rz-chkbox {
  margin-right: 8px;
}
.todo-wrapper input[b-roji4x89pk] {
  height: fit-content;
  margin-right: 8px;
}
.todo-wrapper span[b-roji4x89pk] {
  margin: 0;
  margin-right: 8px;
}
.todo-wrapper .action-buttons[b-roji4x89pk] {
  visibility: hidden;
}

.buttons-wrapper i[b-roji4x89pk] {
  color: var(--b-med-02);
  margin-right: 8px;
  cursor: pointer;
  font-size: 14px;
}

.buttons-wrapper:hover .action-buttons[b-roji4x89pk] {
  visibility: visible;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Notifications/InAppNotification.razor.rz.scp.css */
.card-notification[b-8osnz8nlx4] {
  display: flex;
  flex-direction: column;
  padding: 24px 16px 24px 40px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);
  justify-content: center;
}
.card-notification:hover[b-8osnz8nlx4] {
  background-color: var(--white);
}
.card-notification .card-notification-header[b-8osnz8nlx4] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 10px;
}
.card-notification .card-notification-header h3[b-8osnz8nlx4] {
  color: var(--b-dark-02);
}
.card-notification[b-8osnz8nlx4]  p {
  color: var(--b-med-01);
  margin: 0;
}
.card-notification[b-8osnz8nlx4]  p a {
  color: var(--b-med-01);
}
.card-notification[b-8osnz8nlx4]  p span {
  font-weight: 500;
}

.new[b-8osnz8nlx4] {
  background-color: var(--a-light-orange-02);
}
.new:hover[b-8osnz8nlx4] {
  background-color: var(--a-light-orange-01);
}
.new .card-notification-header h3[b-8osnz8nlx4] {
  color: var(--a-orange-01);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Operations/OperationListInfo.razor.rz.scp.css */
.operation__item[b-0zlsaeanbx] {
  padding: 24px 16px 24px 40px;
  border-bottom: 1px solid var(--grey-02);
}
.operation__title-wrapper[b-0zlsaeanbx] {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 16px;
}
.operation__title[b-0zlsaeanbx] {
  width: 70%;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Planning/PlanningRow/AvailabilityHeader.razor.rz.scp.css */
.aw[b-iggav4p6hz] {
  display: grid;
  flex-direction: column;
  width: 100%;
  z-index: 2;
}
.aw.available .ta[b-iggav4p6hz] {
  color: var(--green-01);
}
.aw.available .ab[b-iggav4p6hz] {
  background: rgba(214, 219, 227, 0.55);
}
.aw.small[b-iggav4p6hz] {
  grid-auto-columns: var(--col-width-small);
}
.aw.medium[b-iggav4p6hz] {
  grid-auto-columns: var(--col-width-medium);
}
.aw.large[b-iggav4p6hz] {
  grid-auto-columns: var(--col-width-large);
}
.aw.overloaded .ta[b-iggav4p6hz] {
  color: var(--red-02);
}
.aw.overloaded .ab[b-iggav4p6hz] {
  background: rgba(239, 48, 89, 0.55);
}
.aw.overloaded .aiw[b-iggav4p6hz] {
  background: var(--red-03);
  border-right: 1px solid var(--grey-02);
}
.aw.optimal .ab[b-iggav4p6hz] {
  background: rgba(120, 196, 172, 0.55);
}
.aw.is-weekend[b-iggav4p6hz] {
  grid-auto-columns: var(--col-width-weekend);
}
.aw.is-weekend .ab[b-iggav4p6hz] {
  width: var(--col-width-weekend);
}
.aw.unavailable .ab[b-iggav4p6hz] {
  background: rgba(144, 150, 160, 0.55);
}
.aw.unavailable .t-s[b-iggav4p6hz] {
  color: var(--grey-01);
}
.aw .ab[b-iggav4p6hz] {
  height: 4px;
}
.aw .aiw[b-iggav4p6hz] {
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  padding: 0px 12px 0px 0px;
  border-bottom: 1px solid rgba(214, 219, 227, 0.5);
}
.medium .aw .aiw[b-iggav4p6hz] {
  padding-right: 4px;
}
.aw .t-s span[b-iggav4p6hz] {
  opacity: 0.5;
}
.aw.used-in-row[b-iggav4p6hz] {
  display: flex;
  height: 100%;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: var(--grey-02);
}
.aw.used-in-row .aiw[b-iggav4p6hz] {
  flex-direction: column;
  padding: 0;
  border-bottom: none;
  align-items: center;
  height: 100%;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Planning/PlanningRow/ScheduledGroupRow.razor.rz.scp.css */
.row-wrapper[b-xseof6az85] {
  display: flex;
  flex-direction: row;
  width: 100%;
  position: relative;
  min-height: 52px;
}
.row-wrapper.selected .row-right-wrapper[b-xseof6az85] {
  background: #FFF3E2;
}
.row-wrapper.selected .element[b-xseof6az85] {
  background: #FFF3E2;
}

.row-right-wrapper[b-xseof6az85] {
  display: flex;
  flex-direction: row;
  width: 100%;
  background: #F1F0FA;
}

[b-xseof6az85] .element {
  flex-grow: 1;
  background: #F1F0FA;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: var(--grey-02);
  padding: 8px 12px;
  max-width: 200px;
}
[b-xseof6az85] .element.year {
  padding: 0;
  width: 22px;
  padding-top: 8px;
  flex-grow: inherit;
}
[b-xseof6az85] .element.year .scheduled-row-header-container {
  align-items: center;
}
[b-xseof6az85] .element.weekEndReduce {
  max-width: var(--col-width-weekend);
}
[b-xseof6az85] .element.weekend {
  background: rgba(214, 219, 227, 0.062745098);
}
[b-xseof6az85] .element.medium {
  max-width: 52px;
  padding: 4px;
}
[b-xseof6az85] .element.medium.weekEndReduce {
  max-width: var(--col-width-weekend);
}
[b-xseof6az85] .element.medium.weekend {
  background: rgba(214, 219, 227, 0.062745098);
}
[b-xseof6az85] .element.medium .scheduled-row-header-container {
  align-items: center;
}
[b-xseof6az85] .element .scheduled-row-header-container {
  position: relative;
  right: 0;
  height: 100%;
  top: 0px;
  /*justify-content: center;*/
}

.bar[b-xseof6az85]  .rz-chkbox .rz-chkbox-icon.rzi.rzi-check::before {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 6px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Planning/PlanningRow/ScheduledGroupRowHeader.razor.rz.scp.css */
.row-header-container[b-zflx8naoum] {
  display: flex;
  background: var(--b-light-02);
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: rgba(183, 186, 214, 0.1);
  min-width: 281px;
  position: sticky;
  left: 0;
  z-index: 3;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: var(--grey-02);
  background: #F1F0FA;
  min-height: 100%;
}
.row-header-container .row-header-field1[b-zflx8naoum] {
  width: 100px;
}
.row-header-container .row-header-field2[b-zflx8naoum] {
  width: 100px;
}
.row-header-container.selected[b-zflx8naoum] {
  background: #FFF3E2;
}
.row-header-container.group-header[b-zflx8naoum] {
  background: var(--b-light-01);
}

[b-zflx8naoum] .tooltip-parent-wrapper .row-header-container {
  background: initial;
  width: 86px;
  text-align: right;
}
[b-zflx8naoum] .tooltip-parent-wrapper .row-header-container .row-header-data {
  padding: 0px;
}
[b-zflx8naoum] .tooltip-parent-wrapper .row-header-container .row-header-info div {
  width: 0px;
}
[b-zflx8naoum] .tooltip-parent-wrapper .row-header-container div {
  max-width: 86px;
}

.row-header-data[b-zflx8naoum] {
  padding: 8px;
  position: relative;
  display: flex;
  flex-grow: 1;
  max-width: 275px;
  background: transparent;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.row-header-data .row-header-field2[b-zflx8naoum] {
  line-height: 20px;
}
.row-header-data .row-header-field1[b-zflx8naoum] {
  cursor: pointer;
}

.row-header-info[b-zflx8naoum] {
  display: flex;
  flex-direction: column;
  max-width: calc(100% - 70px);
  flex-grow: 1;
}
.row-header-info div[b-zflx8naoum] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.row-header-bar[b-zflx8naoum] {
  /* min-width: 4px;*/
  min-height: 100%;
  box-shadow: inset 0px 0px 1px rgba(52, 52, 75, 0.1), inset 0px 1px 1px rgba(52, 52, 75, 0.05);
}

.checkbox-container[b-zflx8naoum] {
  padding: 8px;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: rgba(183, 186, 214, 0.1);
  background: transparent;
  border-bottom: 0px;
  width: 45px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Planning/PlanningRow/ScheduledRowCopy.razor.rz.scp.css */
.table-row[b-jzfskm30jj] {
  display: grid;
  grid-template-columns: var(--first-col-width) 100%;
  min-height: var(--min-row-height);
  position: relative;
  height: fit-content;
}
.table-row .row-wrapper[b-jzfskm30jj] {
  width: min-content;
  position: relative;
  height: 100%;
}
.table-row .row-wrapper .row-inner-wrapper[b-jzfskm30jj] {
  display: grid;
  grid-auto-flow: column;
  width: max-content;
  position: relative;
  /*  &.year {
      grid-auto-columns: var(--col-width2);
      height: 100%;
  }*/
}
.table-row .row-wrapper .row-inner-wrapper.empty[b-jzfskm30jj] {
  height: 56px;
}
.table-row .row-wrapper .row-inner-wrapper.small[b-jzfskm30jj] {
  grid-auto-columns: var(--col-width-small);
}
.table-row .row-wrapper .row-inner-wrapper.small.exception[b-jzfskm30jj] {
  height: calc(100% - 4px);
  background: var(--b-light-02);
}
.table-row .row-wrapper .row-inner-wrapper.medium[b-jzfskm30jj] {
  height: 20px;
  grid-auto-columns: var(--col-width-medium);
}
.table-row .row-wrapper .row-inner-wrapper.large[b-jzfskm30jj] {
  height: 20px;
  grid-auto-columns: var(--col-width-large);
}
.table-row .row-wrapper .row-inner-wrapper[b-jzfskm30jj]  .secondary-btn {
  opacity: 0;
  place-content: center;
  transition: opacity 0.1s ease;
  padding: 12px 0;
}
.table-row .row-wrapper .row-inner-wrapper[b-jzfskm30jj]  .secondary-btn:hover {
  opacity: 1;
}
.table-row .row-wrapper .row-background[b-jzfskm30jj] {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.table-row .row-wrapper .row-background.is-dragging[b-jzfskm30jj] {
  z-index: 1;
}
.table-row .row-wrapper .row-background.is-dragging .overloaded[b-jzfskm30jj], .table-row .row-wrapper .row-background.is-dragging .dragged-item[b-jzfskm30jj] {
  opacity: 0.5;
}
.table-row .row-wrapper .row-background.is-dragging .dragged-item[b-jzfskm30jj] {
  background-color: var(--white);
}
.table-row .row-wrapper .row-background.selected .row-element[b-jzfskm30jj] {
  background: var(--a-light-orange-02);
}
.table-row .row-wrapper .row-background.selected.semi-selected .row-element[b-jzfskm30jj] {
  background: var(--b-light-02);
}
.table-row .row-wrapper .row-background .row-element[b-jzfskm30jj] {
  display: flex;
  align-items: end;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  display: grid;
  grid-template-rows: 20px 1fr 56px;
  border-color: var(--grey-02);
  position: relative;
}
.table-row .row-wrapper .row-background .row-element .holiday[b-jzfskm30jj] {
  height: 100%;
  width: 100%;
  grid-row: 2;
  position: relative;
  /*z-index: 1;*/
  display: grid;
  place-content: center;
  position: absolute;
}
.table-row .row-wrapper .row-background .row-element.small[b-jzfskm30jj] {
  width: var(--col-width-small);
}
.table-row .row-wrapper .row-background .row-element.small .holiday[b-jzfskm30jj] {
  display: none;
}
.table-row .row-wrapper .row-background .row-element.medium[b-jzfskm30jj] {
  width: var(--col-width-medium);
}
.table-row .row-wrapper .row-background .row-element.large[b-jzfskm30jj] {
  width: var(--col-width-large);
}
.table-row .row-wrapper .row-background .row-element.weekend[b-jzfskm30jj] {
  background: var(--grey-03);
}
.table-row .row-wrapper .row-background .row-element.is-weekend[b-jzfskm30jj] {
  width: var(--col-width-weekend);
}
.table-row .row-wrapper .row-background .row-element.is-weekend .holiday[b-jzfskm30jj] {
  display: none;
}
.table-row .row-wrapper .row-background .row-element.is-weekend:hover .cell-wrapper[b-jzfskm30jj] {
  display: none;
}
.table-row .row-wrapper .row-background .row-element.is-weekend.selected[b-jzfskm30jj] {
  background-color: var(--a-light-orange-01);
}
.table-row .row-wrapper .row-background .row-element.is-weekend.selected.semi-selected[b-jzfskm30jj] {
  background: var(--b-light-02);
}
.table-row .row-wrapper .row-background .row-element.overloaded[b-jzfskm30jj] {
  background: var(--red-03);
}
.table-row .row-wrapper .row-background .row-element.dragged-over[b-jzfskm30jj] {
  background: var(--a-light-orange-01);
  opacity: 0.5;
}
.table-row .row-wrapper .row-background .row-element:hover[b-jzfskm30jj] {
  /*.holiday {
      display: none;
  }*/
}
.table-row .row-wrapper .row-background .row-element:hover .cell-wrapper[b-jzfskm30jj] {
  display: flex;
  z-index: 2;
}
.table-row .row-wrapper .row-background .row-element .cell-wrapper[b-jzfskm30jj] {
  padding: 8px;
  display: none;
  transition: display 0.1s ease;
  width: 100%;
  height: 100%;
}
.table-row .row-wrapper .row-background .row-element .cell-wrapper[b-jzfskm30jj]  .secondary-btn {
  padding: 12px 0;
}
.table-row .row-wrapper .row-background[b-jzfskm30jj]  .secondary-btn {
  place-content: center;
  width: 100%;
  height: 100%;
}
.table-row .row-wrapper .row-background.is-resizing .row-element .cell-wrapper[b-jzfskm30jj] {
  display: none;
}
.table-row .row-background.year[b-jzfskm30jj] {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  min-height: 52px;
  flex-grow: 1;
}
.table-row .row-background.year.selected[b-jzfskm30jj] {
  background: var(--a-light-orange-02);
}
.table-row .row-background.year .row-element.year[b-jzfskm30jj] {
  max-width: 4.97px;
  min-width: 4.97px;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: var(--grey-03);
}
.table-row .row-background.year .row-element.year.is-weekend[b-jzfskm30jj] {
  background: var(--grey-03);
  pointer-events: none;
}
.table-row .row-background.year .row-element.year.selected[b-jzfskm30jj] {
  background-color: var(--a-light-orange-01);
}

.empty-cell[b-jzfskm30jj] {
  z-index: 1;
  padding: 8px 8px 0 8px;
}
.empty-cell[b-jzfskm30jj]  button {
  opacity: 1;
  width: 100%;
  height: 100%;
}

.row-inner-wrapper.no-weekend .empty-cell[b-jzfskm30jj] {
  display: grid;
}
.row-inner-wrapper.no-weekend .empty-cell.weekend[b-jzfskm30jj] {
  grid-auto-columns: var(--col-width-weekend);
  width: var(--col-width-weekend);
}

button[b-jzfskm30jj] {
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  justify-content: center;
  position: relative;
  transition: all 75ms ease-in-out;
  transition-property: border, background, box-shadow;
}
button .spin[b-jzfskm30jj] {
  animation: spin 1s infinite linear;
}
button .fade-in[b-jzfskm30jj] {
  animation: fade-in 75ms forwards ease-in-out;
  opacity: 0;
}
button:disabled[b-jzfskm30jj] {
  cursor: not-allowed;
  opacity: 0.4;
}

.secondary-btn[b-jzfskm30jj] {
  border: 1px solid var(--a-orange-01);
  color: var(--a-orange-01);
}
.secondary-btn:hover[b-jzfskm30jj] {
  background: var(--a-light-orange-02);
}
.secondary-btn:active[b-jzfskm30jj] {
  background: var(--a-light-orange-01);
  box-shadow: var(--elevation-negative-2);
}
.secondary-btn:focus[b-jzfskm30jj] {
  background: var(--a-light-orange-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px #F27633, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
  outline: none;
}
.secondary-btn:disabled[b-jzfskm30jj] {
  opacity: 0.4;
  border: 1px solid var(--a-orange-01);
}
.secondary-btn[data-state=loading][b-jzfskm30jj] {
  background: var(--a-light-orange-01);
  border: 1px solid var(--a-orange-01);
  box-shadow: 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px #FB8C3F, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white), 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 2px rgba(52, 52, 75, 0.1);
}
.secondary-btn[data-state=complete][b-jzfskm30jj] {
  background: var(--a-light-orange-01);
  border: 1px solid var(--a-orange-01);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px rgba(255, 255, 255, 0.75), 0px 0px 0px 4px rgba(251, 140, 63, 0.5), 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}
.secondary-btn[data-state=warning][b-jzfskm30jj] {
  background: var(--a-light-orange-01);
  border: 1px solid var(--dark-yellow);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 3px var(--white), 0px 0px 0px 4px #FB8C3F, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px var(--white);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Planning/PlanningRow/ScheduledRowHeader.razor.rz.scp.css */
.row-header-container[b-0316me4ulh] {
  display: flex;
  width: 281px;
  background: var(--grey-03);
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: var(--grey-02);
  min-width: 280px;
  position: sticky;
  left: 0;
  z-index: 3;
}
.row-header-container.selected[b-0316me4ulh] {
  background: var(--a-light-orange-02);
}
.row-header-container.selected.bar[b-0316me4ulh] {
  background: var(--b-light-02);
}
.row-header-container.selected.bar[b-0316me4ulh]  .rz-chkbox .rz-chkbox-box .rz-chkbox-icon.rzi.rzi-check::before {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 6px;
}
.row-header-container.group-header[b-0316me4ulh] {
  background: var(--b-light-01);
}

[b-0316me4ulh] .tooltip-parent-wrapper .row-header-container {
  width: 235px;
}

[b-0316me4ulh] .row-header-data {
  padding: 8px;
  position: relative;
  display: flex;
  flex-grow: 1;
  max-width: 275px;
}
[b-0316me4ulh] .row-header-data .row-header-field2 {
  line-height: 16px;
}
[b-0316me4ulh] .row-header-data .pointer {
  cursor: pointer;
}

[b-0316me4ulh] .row-header-info {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  flex-grow: 1;
}
[b-0316me4ulh] .row-header-info div {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.row-header-bar[b-0316me4ulh] {
  /*min-width: 4px;*/
  min-height: 100%;
  box-shadow: inset 0px 0px 1px rgba(52, 52, 75, 0.1), inset 0px 1px 1px rgba(52, 52, 75, 0.05);
}

.checkbox-container[b-0316me4ulh] {
  padding: 8px;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: var(--grey-02);
  border-bottom: 0px;
  width: 45px;
}

.info-box[b-0316me4ulh] {
  position: absolute;
  top: 8px;
  right: 8px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Planning/PlanningRow/ScheduledRowHeaderIndicators.razor.rz.scp.css */
.header-group-day[b-4rk73ft48h]  .row-header-container {
  background: initial;
}
.header-group-day[b-4rk73ft48h]  .row-header-container .row-header-data {
  padding: 0px;
  width: 100%;
}
.header-group-day[b-4rk73ft48h]  .row-header-container .row-header-info div {
  width: 0px;
}
.header-group-day[b-4rk73ft48h]  .scheduled-row-header-container {
  width: 100%;
  max-width: initial;
}
.header-group-day.small[b-4rk73ft48h] {
  padding: 4px;
}
.header-group-day.small[b-4rk73ft48h]  .row-header-container .row-header-info {
  width: 0px;
}
.header-group-day.small[b-4rk73ft48h]  .row-header-container .scheduled-row-header-container {
  max-width: 24px;
  text-align: center;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Planning/PlanningRow/ScheduledRowHeaderInfo.razor.rz.scp.css */
.row-header-container[b-m64pydnz2s] {
  display: flex;
  position: sticky;
  left: 0;
  z-index: 2;
}

.row-header-data[b-m64pydnz2s] {
  padding: 8px;
  position: relative;
  display: flex;
  flex-grow: 1;
}
.row-header-data .row-header-field2[b-m64pydnz2s] {
  line-height: 16px;
  font-size: 14px;
  color: #686985;
  font-family: IBM Plex Sans;
}
.row-header-data .pointer[b-m64pydnz2s] {
  cursor: pointer;
}

.row-header-info[b-m64pydnz2s] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.row-header-info div[b-m64pydnz2s] {
  width: 135px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.row-header-info div.bullet[b-m64pydnz2s] {
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
}

.row-header-field1[b-m64pydnz2s] {
  font-size: 14px;
  color: #1D2024;
  font-family: IBM Plex Sans;
}

.scheduled-row-header-container[b-m64pydnz2s] {
  max-width: 90px;
  text-align: right;
}
.scheduled-row-header-container .hour-sign[b-m64pydnz2s] {
  opacity: 1;
  color: #9096A0;
  font-family: "IBM Plex Mono";
  font-size: 14px;
}
.scheduled-row-header-container .type-preset-5[b-m64pydnz2s] {
  font-size: 14px;
  color: #1D2024;
  font-family: "IBM Plex Mono";
  display: flex;
  justify-content: flex-end;
}
.scheduled-row-header-container .type-preset-5.red[b-m64pydnz2s] {
  color: var(--red-01);
}
.scheduled-row-header-container .type-preset-5.red .hour-sign[b-m64pydnz2s] {
  color: var(--red-01);
}
.scheduled-row-header-container .indicator-text[b-m64pydnz2s] {
  overflow: hidden;
  font-family: "IBM Plex Sans", sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.row-header-bar[b-m64pydnz2s] {
  min-height: 100%;
  box-shadow: inset 0px 0px 1px rgba(52, 52, 75, 0.1), inset 0px 1px 1px rgba(52, 52, 75, 0.05);
}

.info-box[b-m64pydnz2s] {
  position: absolute;
  top: 8px;
  right: 8px;
}

.available[b-m64pydnz2s], .unavailable[b-m64pydnz2s] {
  color: var(--green-01);
}

.hour-sign[b-m64pydnz2s] {
  opacity: 0.5;
  text-align: center;
  display: inline-block;
  min-width: 11px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Planning/PlanningRow/ScheduledTaskCard.razor.rz.scp.css */
@charset "UTF-8";
.wrapper[b-vwk2ingxi1] {
  display: flex;
  height: fit-content;
  min-height: 40px;
  width: 100%;
}
.wrapper[b-vwk2ingxi1]  .tooltip-parent-wrapper {
  width: 100%;
}
.wrapper.focus[b-vwk2ingxi1] {
  border: 2px solid #F27633;
  padding: 2px;
  border-radius: 2px;
  z-index: 1;
}

.scheduled-task-container[b-vwk2ingxi1] {
  width: 200px;
  display: flex;
  z-index: 1;
  height: fit-content;
}
.scheduled-task-container.Year[b-vwk2ingxi1] {
  border-radius: 2px;
  cursor: pointer;
}
.scheduled-task-container.blur[b-vwk2ingxi1] {
  backdrop-filter: blur(32px);
}
.scheduled-task-container.blur .handle-bar[b-vwk2ingxi1] {
  opacity: 0.4;
}
.scheduled-task-container.blur .scheduled-task-data[b-vwk2ingxi1] {
  box-shadow: none;
  opacity: 0.4;
}
.scheduled-task-container.selected .client-name[b-vwk2ingxi1] {
  color: var(--a-orange-01);
}
.scheduled-task-container:hover .scheduled-task-data[b-vwk2ingxi1] {
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 2px rgba(52, 52, 75, 0.1);
}

.handle-bar[b-vwk2ingxi1] {
  min-width: 1px;
  min-height: 100%;
  z-index: 1;
  cursor: col-resize;
}
.handle-bar:first-of-type[b-vwk2ingxi1] {
  border-radius: 2px 0px 0px 2px;
  min-width: 3px;
}
.handle-bar:last-of-type[b-vwk2ingxi1] {
  border-radius: 0px 2px 2px 0px;
  min-width: 3px;
}
.handle-bar.Year[b-vwk2ingxi1] {
  display: none;
}
.handle-bar.CustomCard[b-vwk2ingxi1] {
  cursor: auto;
}

.year-bar[b-vwk2ingxi1] {
  width: 4px;
  border-radius: 2px;
  height: 40px;
  cursor: pointer;
}

.scheduled-task-data[b-vwk2ingxi1] {
  padding: 8px 12px;
  position: relative;
  flex-grow: 1;
  background: var(--b-light-02);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 2px rgba(52, 52, 75, 0.1);
  max-width: 100%;
}

.field[b-vwk2ingxi1] {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: baseline;
}

.field-1[b-vwk2ingxi1] {
  color: var(--b-dark-02);
}

.field-2[b-vwk2ingxi1] {
  color: var(--b-med-01);
}

.s-t-i[b-vwk2ingxi1] {
  display: flex;
  background: var(--b-light-02);
  padding: 8px 12px;
  position: relative;
}
.s-t-i.no-field[b-vwk2ingxi1] {
  height: 40px;
}
.s-t-i.single-field[b-vwk2ingxi1] {
  height: 40px;
}
.s-t-i.single-field .vertical[b-vwk2ingxi1] {
  justify-content: center;
}
.s-t-i .vertical[b-vwk2ingxi1] {
  flex-direction: column;
  gap: 4px;
  flex-grow: 1;
  display: flex;
  max-width: 100%;
}
.s-t-i .card-details[b-vwk2ingxi1] {
  max-width: 75%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  height: 22px;
  margin: auto 0px;
  /*padding-top: 4px;*/
}
.s-t-i .card-details > *:not(:first-child)[b-vwk2ingxi1]:before {
  content: "•";
  margin: 0px 8px;
}
.s-t-i .card-details .info[b-vwk2ingxi1] {
  display: inline;
}
.s-t-i .horizontal[b-vwk2ingxi1] {
  flex-direction: row;
  align-items: center;
  height: 40px;
}

.info-boxes[b-vwk2ingxi1] {
  display: flex;
  position: absolute;
  top: 8px;
  right: 12px;
  gap: 4px;
  align-items: center;
  flex-wrap: wrap;
  background: var(--b-light-02);
}
.info-boxes.small-width[b-vwk2ingxi1] {
  justify-content: right;
}
.info-boxes.small-width .info-box[b-vwk2ingxi1] {
  width: 25px;
}
.info-boxes.small-width .info-box span[b-vwk2ingxi1] {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 20px;
  overflow: hidden;
}

.M .s-t-i[b-vwk2ingxi1] {
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.M .scheduled-task-data[b-vwk2ingxi1] {
  display: flex;
  height: 41px;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
}
.M .project-name[b-vwk2ingxi1]::before, .M .task-field[b-vwk2ingxi1]::before {
  content: "·";
  width: 4px;
  height: 16px;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  color: var(--b-med-02);
  margin-right: 4px;
}

.bullet[b-vwk2ingxi1] {
  border-radius: 50%;
  height: 8px;
  width: 8px;
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  margin-left: 4px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Planning/PlanningRow/ScheduledTaskCardCopy.razor.rz.scp.css */
@charset "UTF-8";
.card-wrapper[b-qglar7xa01] {
  padding: 8px 8px 0 8px;
  pointer-events: all;
  z-index: 1;
}
.card-wrapper.disable[b-qglar7xa01] {
  opacity: 0.2;
}
.card-wrapper.disable .s-t-i[b-qglar7xa01] {
  border-color: var(--b-med-01);
}

.card[b-qglar7xa01] {
  border-radius: 3px;
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow: hidden;
  background: var(--black-opacity-125);
  border-top-width: 0;
  border-bottom-width: 0;
  justify-content: space-between;
  min-height: calc(var(--min-row-height) - 8px);
}
.card:hover[b-qglar7xa01] {
  box-shadow: var(--elevation-positive-3);
}
.card:hover .info-boxes .check-box-select[b-qglar7xa01] {
  display: inline-block;
}
.card.dragging[draggable=true][b-qglar7xa01] {
  cursor: move;
  cursor: -webkit-grabbing; /* Safari & older Chrome */
  cursor: -moz-grabbing; /* Firefox */
  cursor: grabbing;
}
.card .info-boxes .check-box-select[b-qglar7xa01] {
  display: none;
}
.card.focus[b-qglar7xa01] {
  outline: 4px solid var(--a-orange-01-opacity-70);
  border-radius: 4px;
  z-index: 1;
}
.card.tentative[b-qglar7xa01] {
  outline: 1px dashed var(--grey-01);
  border-radius: 4px;
}
.card.tentative--focus[b-qglar7xa01] {
  outline: 4px dashed var(--a-orange-01-opacity-70);
  border-radius: 4px;
  z-index: 1;
}

[draggable=true][b-qglar7xa01] {
  user-select: none;
  -webkit-user-drag: element;
}

.card-handle-bar[b-qglar7xa01] {
  height: 100%;
  position: relative;
  width: 4px;
  min-width: 4px;
  user-select: none;
}
.card-handle-bar.resize[b-qglar7xa01] {
  cursor: col-resize;
}
.card-handle-bar.dragging[b-qglar7xa01] {
  opacity: 0;
  cursor: col-resize;
}
.card-handle-bar.left[b-qglar7xa01]:before, .card-handle-bar.left[b-qglar7xa01]:after, .card-handle-bar.right[b-qglar7xa01]:before, .card-handle-bar.right[b-qglar7xa01]:after {
  background: var(--debug-color);
  content: "";
  height: 100%;
  position: absolute;
}
.card-handle-bar.left[b-qglar7xa01]:before, .card-handle-bar.right[b-qglar7xa01]:before {
  width: 4px;
}
.card-handle-bar.left[b-qglar7xa01]:after, .card-handle-bar.right[b-qglar7xa01]:after {
  border-radius: 2px;
  width: 8px;
}
.card-handle-bar.left[b-qglar7xa01] {
  border-radius: 2px 0 0 2px;
  box-shadow: 0px 0px 0px 4px rgba(242, 118, 51, 0.7);
}
.card-handle-bar.left:hover[b-qglar7xa01]:before {
  background: var(--b-med-01);
  opacity: 50%;
}
.card-handle-bar.left[b-qglar7xa01]:before {
  left: 4px;
}
.card-handle-bar.left [b-qglar7xa01]:after {
  left: -8px;
  transition: background 0.1s ease;
}
.card-handle-bar.right[b-qglar7xa01] {
  border-radius: 0 2px 2px 0;
  box-shadow: 4px 0px 0px 4px rgba(242, 118, 51, 0.7);
}
.card-handle-bar.right:hover[b-qglar7xa01]:after {
  background: var(--b-med-01);
  opacity: 50%;
}
.card-handle-bar.right[b-qglar7xa01]:after {
  right: -8px;
}
.card-handle-bar.right[b-qglar7xa01]:before {
  left: -4px;
}

.oneCase .focus .s-t-i.medium .info-boxes[b-qglar7xa01] {
  right: 0px;
}
.oneCase .s-t-i.medium[b-qglar7xa01] {
  padding: 8px 0px;
}
.oneCase .s-t-i.medium .info-boxes[b-qglar7xa01] {
  right: 1.5px;
}

.s-t-i[b-qglar7xa01] {
  display: flex;
  max-width: calc(100% - 8px);
  background: var(--b-light-02);
  border: 1px solid var(--black-opacity-125);
  padding: 8px 12px;
  flex-grow: 1;
  position: relative;
  align-items: center;
}
.s-t-i.medium[b-qglar7xa01] {
  justify-content: space-between;
  /*flex-wrap: wrap;*/
  overflow: hidden;
}
.s-t-i.medium .vertical[b-qglar7xa01] {
  margin-right: 4px;
}
.s-t-i.medium .info-boxes[b-qglar7xa01] {
  right: 12px;
}
.s-t-i .vertical[b-qglar7xa01] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 100%;
}
.s-t-i .card-details[b-qglar7xa01] {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  padding-right: 10px;
  position: relative;
  width: -webkit-fill-available;
}
.s-t-i .card-details .info[b-qglar7xa01] {
  display: inline;
  position: relative;
}
.s-t-i .card-details .info .bullet[b-qglar7xa01] {
  display: none;
}
.s-t-i .card-details .info.single-field[b-qglar7xa01] {
  display: inline-flex;
  width: calc(100% - 16px);
  align-items: center;
  /*.bullet.horizontal-bullet {
      display: flex;
      position: absolute;
      right: 0px;
      top: 6px;
  }*/
}
.s-t-i .card-details .info.single-field span[b-qglar7xa01] {
  max-width: 85%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.s-t-i .card-details > *:not(:first-child)[b-qglar7xa01]:before {
  content: "•";
  margin: 0px 8px;
}
.s-t-i .horizontal[b-qglar7xa01] {
  flex-direction: row;
  align-items: center;
}
.s-t-i .horizontal > *:not(:first-child):not(:last-child)[b-qglar7xa01]:before {
  content: "•";
  margin: 0px 8px;
}

.field[b-qglar7xa01] {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: baseline;
}
.field span[b-qglar7xa01] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.field-1[b-qglar7xa01] {
  color: var(--b-dark-02);
}
.field-1.noValue[b-qglar7xa01] {
  color: rgba(52, 52, 75, 0.3);
}

.field-2[b-qglar7xa01] {
  color: var(--b-med-01);
}
.field-2.noValue[b-qglar7xa01] {
  color: rgba(104, 105, 133, 0.3);
}

.card-wrapper .red[b-qglar7xa01] {
  color: var(--red-02);
}

.bullet[b-qglar7xa01] {
  border-radius: 50%;
  height: 8px;
  width: 8px;
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  margin-left: 4px;
}

.info-box[b-qglar7xa01] {
  border: 1px solid #D5DBE4;
  border: 1px solid color(display-p3 0.839 0.859 0.89);
  border-radius: 2px;
}

.info-boxes[b-qglar7xa01] {
  display: flex;
  position: absolute;
  top: 6px;
  right: 12px;
  gap: 4px;
  align-items: center;
  /*flex-wrap: wrap;*/
  background: var(--b-light-02);
}

.year-bar[b-qglar7xa01] {
  width: 4px;
  border-radius: 2px;
  height: 40px;
  cursor: pointer;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Planning/ScheduledResourceTaskRSPCard.razor.rz.scp.css */
.focus-ring[b-yz9tg1yrv7] {
  border: 2px solid #F27633;
  border-radius: 2px;
  padding: 2px;
  /*flex-grow: 1;*/
  display: flex;
  width: 88%;
}

.wrapper[b-yz9tg1yrv7] {
  /*flex-grow: 1;*/
  display: flex;
  width: 100%;
}

.handle[b-yz9tg1yrv7] {
  min-width: 4px;
}
.handle.left[b-yz9tg1yrv7] {
  border-radius: 2px 0px 0px 2px;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.2) -4.69%, rgba(0, 0, 0, 0) 6.25%), linear-gradient(0deg, #6D89DB, #6D89DB), #FFFFFF;
}
.handle.right[b-yz9tg1yrv7] {
  border-radius: 0px 2px 2px 0px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.2) -12.5%, rgba(0, 0, 0, 0) 12.5%), linear-gradient(0deg, #6D89DB, #6D89DB), #FFFFFF;
}

.scheduled-resource-card[b-yz9tg1yrv7] {
  display: flex;
  width: 97%;
  height: 48px;
  background: var(--b-light-02);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 2px rgba(52, 52, 75, 0.1);
  justify-content: space-between;
  padding: 8px;
}
.scheduled-resource-card .card-left-container[b-yz9tg1yrv7] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 75%;
}
.scheduled-resource-card .name-scheduled-range-container[b-yz9tg1yrv7] {
  display: flex;
  flex-direction: column;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
}
.scheduled-resource-card .name-scheduled-range-container .name[b-yz9tg1yrv7] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 98%;
}
.scheduled-resource-card .range[b-yz9tg1yrv7] {
  display: flex;
  gap: 4px;
  width: max-content;
}
.scheduled-resource-card .card-right-container[b-yz9tg1yrv7] {
  display: flex;
  align-items: center;
  max-width: fit-content;
  gap: 8px;
}
.scheduled-resource-card .card-right-container .info-box[b-yz9tg1yrv7] {
  padding: 4px;
}

.wrapper-border.label-button .scheduled-resources-wrapper .resource-element .wrapper[b-yz9tg1yrv7] {
  width: 87%;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Planning/TimelineNavigationBar/QuickDateSelectorRow.razor.rz.scp.css */
.quick-date-selector-container[b-na6jdqx98i] {
  display: flex;
  height: 32px;
  color: var(--b-med-01);
}
.quick-date-selector-container .this-period-selector[b-na6jdqx98i] {
  padding: 8px 12px 8px 16px;
  background: var(--grey-03);
  border-bottom: 1px solid var(--grey-02);
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 44px;
}
.quick-date-selector-container .this-period-selector i[b-na6jdqx98i] {
  font-size: 12px;
  width: 12px;
  height: 16px;
}
.quick-date-selector-container .quick-period-selector-container[b-na6jdqx98i] {
  display: flex;
  background: var(--grey-03);
  border-bottom: 1px solid var(--grey-02);
  width: 19px;
  /*gap: 8px;*/
  min-width: 236px;
  justify-content: space-between;
  align-items: center;
}
.quick-date-selector-container .quick-period-selector-container .arrow[b-na6jdqx98i] {
  display: flex;
  align-items: center;
  width: 32px;
  padding: 8px;
  border-width: 0px 0px 1px 1px;
  border-style: solid;
  border-color: var(--grey-02);
  cursor: pointer;
}
.quick-date-selector-container .quick-period-selector-container .range-dropdown[b-na6jdqx98i] {
  position: relative;
  height: 32px;
  width: 100%;
  display: flex;
  justify-content: center;
  border-width: 0px 0px 0px 1px;
  border-style: solid;
  border-color: var(--grey-02);
}
.quick-date-selector-container .quick-period-selector-container .displayed-range[b-na6jdqx98i] {
  height: 100%;
  flex-grow: 1;
  padding: 8px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
  top: 0;
  position: absolute;
  z-index: 0;
}
.quick-date-selector-container .quick-period-selector-container .displayed-range.selectable[b-na6jdqx98i] {
  cursor: pointer;
}
.quick-date-selector-container .quick-period-selector-container[b-na6jdqx98i]  .rz-dropdown {
  height: 32px;
  border: none;
  background: transparent;
  border-radius: 0;
  position: absolute;
  z-index: 1;
  top: 0;
}
.quick-date-selector-container .quick-period-selector-container[b-na6jdqx98i]  .rz-dropdown .rz-dropdown-label.rz-inputtext {
  display: none;
}
.quick-date-selector-container .quick-period-selector-container[b-na6jdqx98i]  .rz-dropdown .rz-dropdown-trigger.rz-corner-right {
  display: none;
}
.quick-date-selector-container .quick-period-selector-container[b-na6jdqx98i]  .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover {
  background: transparent;
  border: none;
  box-shadow: none;
}
.quick-date-selector-container .quick-period-selector-container[b-na6jdqx98i]  .rz-dropdown:not(:disabled):not(.rz-state-disabled) {
  height: 32px;
  border: none;
  box-shadow: none;
  background: transparent;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Planning/TimelineNavigationBar/Timeline.razor.rz.scp.css */
.timeline-main-container[b-ae6iv0d41y] {
  display: flex;
  /*overflow: hidden;*/
  /*filter: drop-shadow(0px 0px 1px rgba(52, 52, 75, 0.1)) drop-shadow(0px 1px 1px rgba(52, 52, 75, 0.05));*/
  position: sticky;
  top: 0;
  z-index: 10;
}

.quick-date-selector[b-ae6iv0d41y] {
  display: flex;
  flex-direction: column-reverse;
  position: sticky;
  left: 0;
  z-index: 10;
  border-right: 1px solid var(--grey-02);
}

.empty-quick[b-ae6iv0d41y] {
  height: 32px;
  width: 240px;
  background: var(--grey-03);
}

.empty-quick:first-child[b-ae6iv0d41y] {
  border-bottom: 1px solid var(--grey-02);
}

.timeline-container[b-ae6iv0d41y] {
  display: flex;
  flex-direction: row;
  position: sticky;
  top: 0;
  width: 100%;
  background: var(--grey-03);
}
.timeline-container .group[b-ae6iv0d41y] {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 31px;
}
.timeline-container .group.year[b-ae6iv0d41y] {
  height: 100%;
  background: var(--grey-03);
}
.timeline-container .group.notReadOnly .element[b-ae6iv0d41y] {
  cursor: pointer;
}
.timeline-container .group.notReadOnly .week-element[b-ae6iv0d41y] {
  cursor: pointer;
}
.timeline-container .group .element[b-ae6iv0d41y] {
  border-right: 1px solid var(--grey-02);
  display: flex;
  justify-content: start;
  padding: 8px;
  background: var(--grey-03);
  border-bottom: 1px solid var(--grey-02);
  font-weight: 500;
  text-transform: capitalize;
  height: 32px;
  align-items: center;
  min-height: 32px;
}
.timeline-container .group .element span[b-ae6iv0d41y] {
  position: sticky;
  left: 289px;
}
.timeline-container .group .element.none[b-ae6iv0d41y] {
  padding: 0;
}
.timeline-container .group .element:hover[b-ae6iv0d41y] {
  background: var(--a-light-orange-02);
  color: var(--a-orange-01);
}
.timeline-container .group .week-element[b-ae6iv0d41y] {
  font-size: 14px;
  display: flex;
  justify-content: center;
  padding: 8px;
  background: var(--grey-03);
  border-bottom: 1px solid var(--grey-02);
  border-right: 1px solid var(--grey-02);
  font-weight: 500;
  height: 32px;
  align-items: center;
  min-height: 32px;
}
.timeline-container .group .week-element:hover[b-ae6iv0d41y] {
  background: var(--a-light-orange-02);
  color: var(--a-orange-01);
}
.timeline-container .group .week-element .div[b-ae6iv0d41y] {
  display: flex;
  align-items: center;
}
.timeline-container .group .week-element.month-mode[b-ae6iv0d41y] {
  justify-content: left;
  align-items: center;
}
.timeline-container .group .week-element.week1[b-ae6iv0d41y] {
  padding-left: 0;
  padding-right: 0;
}
.timeline-container .group .week-element.week2[b-ae6iv0d41y] {
  border-left: none;
  min-height: 32px;
  padding: 0;
  z-index: 1;
  background: transparent;
}
.timeline-container .group .week-element .week-wrapper[b-ae6iv0d41y] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: sticky;
  left: 289px;
}
.timeline-container .group .day-element[b-ae6iv0d41y] {
  height: 32px;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: var(--grey-02);
  padding: 8px;
  align-items: center;
  font-weight: 500;
}
.timeline-container .group .day-element:hover[b-ae6iv0d41y] {
  background: var(--a-light-orange-02);
  color: var(--a-orange-01);
}
.timeline-container .group .day-element.small[b-ae6iv0d41y] {
  padding-left: 0px;
  padding-right: 0px;
  min-width: var(--col-width-small);
}
.timeline-container .group .day-element.small div[b-ae6iv0d41y] {
  font-size: 10px;
}
.timeline-container .group .day-element.medium[b-ae6iv0d41y] {
  min-width: var(--col-width-medium);
  justify-content: center;
}
.timeline-container .group .day-element.large[b-ae6iv0d41y] {
  min-width: var(--col-width-large);
  justify-content: left;
  gap: 5px;
}
.timeline-container .group .day-element.weekend[b-ae6iv0d41y] {
  background: linear-gradient(0deg, rgba(143, 150, 161, 0.1), rgba(143, 150, 161, 0.1)), #F6F7FA;
  background: linear-gradient(0deg, color(display-p3 0.565 0.588 0.627 / 0.1), color(display-p3 0.565 0.588 0.627 / 0.1)), color(display-p3 0.965 0.969 0.98);
  color: #B7BAD6;
}
.timeline-container .group .day-element.h-day[b-ae6iv0d41y] {
  background-image: radial-gradient(circle at top right, #F27633 7px, transparent 8px);
  background-repeat: no-repeat;
  /*background-position: right 0px top 0px;*/
}
.timeline-container .group .day-element.is-weekend.year-mode[b-ae6iv0d41y] {
  background: var(--grey-03);
}
.timeline-container .group .day-element.is-weekend.month-mode[b-ae6iv0d41y], .timeline-container .group .day-element.is-weekend.week-mode[b-ae6iv0d41y] {
  color: var(--b-med-02);
}
.timeline-container .group .day-element.is-weekend.week-mode[b-ae6iv0d41y] {
  min-width: var(--col-width-weekend);
  width: var(--col-width-weekend);
}
.timeline-container .group .subgroup[b-ae6iv0d41y] {
  display: flex;
  flex-direction: row;
}
.timeline-container .group .subgroup.extra[b-ae6iv0d41y] {
  position: relative;
}
.timeline-container .group .subgroup.extra .day-element[b-ae6iv0d41y] {
  position: relative;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProgressBarComponent.razor.rz.scp.css */
.progress-bar[b-bgg2qaifwo] {
  background-color: var(--white);
  box-shadow: var(--elevation-negative-1);
  height: 4px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 16px;
}
.progress-bar--fill[b-bgg2qaifwo] {
  background-color: var(--b-med-02);
  height: 4px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProjectSheet/Graph/KPIComponent.razor.rz.scp.css */
.kpi-container[b-u8csmhwyzu] {
  background-color: var(--b-light-02);
  border: 1px solid var(--b-light-01);
  padding: 8px;
  flex: 1;
}
.kpi-container .kpi-title[b-u8csmhwyzu] {
  color: var(--grey-01);
}
.kpi-container .kpi-value-dollar-container[b-u8csmhwyzu], .kpi-container .kpi-value-time-container[b-u8csmhwyzu] {
  display: flex;
  gap: 8px;
  height: 32px;
}
.kpi-container .kpi-value-dollar-container .kpi-unit[b-u8csmhwyzu], .kpi-container .kpi-value-time-container .kpi-unit[b-u8csmhwyzu] {
  opacity: 50%;
}
.kpi-container .kpi-value-dollar-container h1[b-u8csmhwyzu] {
  color: var(--b-dark-01);
}
.kpi-container .kpi-value-time-container[b-u8csmhwyzu] {
  margin-bottom: 8px;
}
.kpi-container .kpi-value-time-container h1[b-u8csmhwyzu] {
  color: var(--b-med-01);
}
.kpi-container .kpi-variance-container[b-u8csmhwyzu] {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.kpi-container .kpi-variance-container .kpi-variance-value[b-u8csmhwyzu] {
  border-radius: 4px;
  padding: 0px 4px;
  white-space: nowrap;
}
.kpi-container .kpi-variance-container h1[b-u8csmhwyzu] {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProjectSheet/Graph/ProjectGraph.razor.rz.scp.css */
.graph-legend-container[b-lukzs7bzgo] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.1)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));
}

/* Graph */
.graph-wrapper[b-lukzs7bzgo] {
  width: 100%;
}

/*.tab {
    display: flex;
    flex-direction: row;
    width: fit-content;

    label {
        width: 64px;
        text-align: center;
    }
}*/
.graph__data-inner-wrapper[b-lukzs7bzgo] {
  display: flex;
  height: 497px;
  width: 100%;
  overflow-x: scroll;
  padding-right: 317px;
  background: var(--grey-03);
  padding-top: 2px;
  /* Vertical bars */
}
.graph__data-inner-wrapper .data__month[b-lukzs7bzgo] {
  flex: 0 0 40px;
  /* Horizontal date bars */
}
.graph__data-inner-wrapper .data__month .month__bar[b-lukzs7bzgo] {
  position: relative;
  height: 407px;
  width: 30px;
  margin: 0 auto;
  background: #FFFFFF;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.graph__data-inner-wrapper .data__month .month__bar .indicator-bar[b-lukzs7bzgo] {
  background: var(--b-dark-01);
  height: 2px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.graph__data-inner-wrapper .data__month .month__bar .over-budget[b-lukzs7bzgo] {
  background: #FFDFE0;
  height: 100%;
  position: absolute;
  transform-origin: bottom;
  width: 100%;
}
.graph__data-inner-wrapper .data__month .month__bar .to-plan[b-lukzs7bzgo] {
  background: var(--b-light-01);
  height: 100%;
  position: absolute;
  transform-origin: bottom;
  width: 100%;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.graph__data-inner-wrapper .data__month .month__bar .planned[b-lukzs7bzgo] {
  background: var(--b-med-02);
  height: 100%;
  position: absolute;
  transform-origin: bottom;
  width: 100%;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.graph__data-inner-wrapper .data__month .month__bar .completed[b-lukzs7bzgo] {
  background: var(--b-dark-01);
  height: 100%;
  position: absolute;
  transform-origin: bottom;
  width: 100%;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.graph__data-inner-wrapper .data__month .month__bar .expenses[b-lukzs7bzgo] {
  background: var(--grey-01);
  border-top: 1px solid #ffffff;
  height: 100%;
  position: absolute;
  transform-origin: bottom;
  width: 100%;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.graph__data-inner-wrapper .data__month .GraphAdditionalLine[b-lukzs7bzgo] {
  position: relative;
  height: 20px;
}
.graph__data-inner-wrapper .data__month .GraphAdditionalLine .timeline-item[b-lukzs7bzgo] {
  font-size: 12px;
  position: absolute;
  width: 40px;
  color: var(--b-med-01);
  border-right: 1px solid var(--grey-02);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--b-light-02);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.graph__data-inner-wrapper .data__month .GraphAdditionalLine .second-row-x-item[b-lukzs7bzgo] {
  background: linear-gradient(270deg, var(--grey-03) -4.8%, #FFFFFF 100%), var(--b-light-02);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 12px;
  margin-top: 20px;
  position: absolute;
  border-right: none;
  padding: 4px 8px;
  flex-wrap: nowrap;
  display: flex;
}
.graph__data-inner-wrapper .data__month .GraphAdditionalLine .second-row-x-item .sticky-content[b-lukzs7bzgo] {
  position: sticky;
  left: 8px;
}
.graph__data-inner-wrapper .data__month .GraphAdditionalLine .third-row-x-item[b-lukzs7bzgo] {
  font-size: 12px;
  position: absolute;
  margin-top: 45px;
  background: linear-gradient(270deg, var(--grey-03) -4.8%, #FFFFFF 100%), var(--b-light-02);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 4px 8px;
  flex-wrap: nowrap;
  display: flex;
}
.graph__data-inner-wrapper .data__month .GraphAdditionalLine .third-row-x-item .sticky-content[b-lukzs7bzgo] {
  position: sticky;
  left: 8px;
}

/* Graph Side Panel */
.graph-side-panel[b-lukzs7bzgo] {
  background: rgb(241, 243, 246);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.01), 0px 1px 2px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(19px);
  border-radius: 0px 0px 4px 0px;
  width: 317px;
  position: absolute;
  top: 0;
  right: 0;
  height: 96%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  z-index: 2;
}
.graph-side-panel .graph-side-panel_header[b-lukzs7bzgo] {
  padding: 16px;
  background: var(--b-light-02);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  min-height: 56px;
  border-bottom: 1px solid color(display-p3 0.839 0.859 0.89);
}
.graph-side-panel .graph-side-panel_header .left-right-buttons-wrapper[b-lukzs7bzgo] {
  display: flex;
  flex-direction: row;
}
.graph-side-panel .graph-side-panel_header .left-right-buttons-wrapper button[b-lukzs7bzgo] {
  width: 40px;
  height: 40px;
  padding: 12px;
}
.graph-side-panel .graph-side-panel_header .left-right-buttons-wrapper button:first-of-type[b-lukzs7bzgo] {
  margin-right: 8px;
}
.graph-side-panel .legend[b-lukzs7bzgo] {
  flex-grow: 1;
}
.graph-side-panel .legend .legend-cumul[b-lukzs7bzgo], .graph-side-panel .legend .legend-row[b-lukzs7bzgo] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid color(display-p3 0.839 0.859 0.89);
}
.graph-side-panel .legend .legend-cumul[b-lukzs7bzgo] {
  padding-top: 8px;
  padding-bottom: 8px;
}
.graph-side-panel .days-select[b-lukzs7bzgo] {
  border-radius: 0px 0px 4px 0px;
}
.graph-side-panel .toggle-period[b-lukzs7bzgo] {
  padding: 8px;
  background: rgb(241, 243, 246);
  width: 100%;
  display: flex;
  border-bottom: 1px solid color(display-p3 0.839 0.859 0.89);
}
.graph-side-panel .toggle-period label[b-lukzs7bzgo] {
  flex-grow: 1;
  text-align: center;
  padding: 7px 12px;
}

/* Legend indicators */
.rectangle[b-lukzs7bzgo] {
  Width: 8px;
  Height: 2px;
  background: var(--b-dark-01);
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  margin: auto 0px;
  margin-right: 8px;
}

.ellipse[b-lukzs7bzgo] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 3px solid var(--b-med-02);
  filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.1)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));
  margin: auto 0px;
  margin-right: 8px;
}
.ellipse.remaining-budget-legend[b-lukzs7bzgo] {
  border: 3px solid var(--b-light-02);
}
.ellipse.future-planning-legend[b-lukzs7bzgo] {
  border: 3px solid var(--b-med-02);
}
.ellipse.executed-legend[b-lukzs7bzgo] {
  border: 3px solid var(--b-dark-01);
}
.ellipse.expenses-legend[b-lukzs7bzgo] {
  border: 3px solid var(--grey-01);
}

/* When vertical bar is hovered */
.data__month.entryIssSelected .month__bar .indicator-bar__wrapper .indicator-bar[b-lukzs7bzgo] {
  background: var(--a-orange-03);
}
.data__month.entryIssSelected .month__bar .indicator-bar__wrapper .to-plan[b-lukzs7bzgo] {
  background: var(--a-light-orange-01);
}
.data__month.entryIssSelected .month__bar .indicator-bar__wrapper .planned[b-lukzs7bzgo] {
  background: var(--a-orange-03);
}
.data__month.entryIssSelected .month__bar .indicator-bar__wrapper .completed[b-lukzs7bzgo] {
  background: var(--a-orange-01);
}
.data__month.entryIssSelected .month__bar .indicator-bar__wrapper .expenses[b-lukzs7bzgo] {
  background: #B04B00;
}
.data__month.entryIssSelected .GraphAdditionalLine .timeline-item[b-lukzs7bzgo] {
  background: var(--a-light-orange-01);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}

.entryIssSelected .graph-side-panel_header[b-lukzs7bzgo] {
  background: var(--a-light-orange-01);
  color: var(--a-orange-01);
}
.entryIssSelected .toggle-period[b-lukzs7bzgo] {
  background: rgb(255, 249, 242);
}
.entryIssSelected .legend[b-lukzs7bzgo] {
  background: rgba(255, 249, 242, 0.9);
}
.entryIssSelected .rectangle[b-lukzs7bzgo] {
  background: var(--a-orange-03);
}
.entryIssSelected .ellipse.remaining-budget-legend[b-lukzs7bzgo] {
  border: 3px solid var(--a-light-orange-01);
}
.entryIssSelected .ellipse.future-planning-legend[b-lukzs7bzgo] {
  border: 3px solid var(--a-orange-03);
}
.entryIssSelected .ellipse.executed-legend[b-lukzs7bzgo] {
  border: 3px solid var(--a-orange-01);
}
.entryIssSelected .ellipse.expenses-legend[b-lukzs7bzgo] {
  border: 3px solid #B04B00;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProjectSheet/Graph/ProjectGraphHeader.razor.rz.scp.css */
.graph-header[b-6dzl2micm6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background: #FDFCFF;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px 4px 0px 0px;
  filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.1)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));
}
.graph-header .graph-header_left[b-6dzl2micm6] {
  display: flex;
  width: 100%;
}
.graph-header .graph-header_left .category[b-6dzl2micm6] {
  padding: 8px 16px;
}
.graph-header .graph-header_left .category.right-border[b-6dzl2micm6] {
  border-right: 1px solid #F1F0FA;
}
.graph-header .graph-header_left .category.over-budget h1[b-6dzl2micm6] {
  color: var(--red-02);
}
.graph-header .graph-header_left .category.over-budget h1 span[b-6dzl2micm6] {
  opacity: 0.5;
}
.graph-header .graph-header_left .category.under-budget h1[b-6dzl2micm6] {
  color: var(--green-01);
}
.graph-header .graph-header_left .category.under-budget span[b-6dzl2micm6] {
  opacity: 0.5;
}
.graph-header .graph-header_left .category span[b-6dzl2micm6] {
  margin-left: 8px;
}
.graph-header .graph-header_right[b-6dzl2micm6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  flex-grow: 1;
  padding: 16px;
  align-items: flex-start;
}
.graph-header .graph-header_right .switch-cumul-wrapper[b-6dzl2micm6] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 16px;
  width: 120px;
  margin-top: 8px;
}
.graph-header .graph-header_right[b-6dzl2micm6]  .rz-switch {
  margin: auto 0;
  margin-right: 8px;
}
.graph-header .graph-header_right[b-6dzl2micm6]  .rz-switch .rz-switch-circle {
  margin: auto 0;
}

.graph-header:hover .edit-kpi[b-6dzl2micm6] {
  display: inherit;
}

.edit-kpi[b-6dzl2micm6] {
  position: absolute;
  background: white;
  right: 0px;
  bottom: 1px;
  padding: 5px;
  border-radius: 4px;
  display: none;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProjectSheet/ProjectBasicFieldComponent.razor.rz.scp.css */
.label-input-wrapper[b-xzxso3mfdh] {
  margin-bottom: 24px;
}
.label-input-wrapper[b-xzxso3mfdh]  .rz-dropdown .rz-dropdown-label.rz-inputtext i {
  margin-right: 8px;
}
.label-input-wrapper .date-input-wrapper .disable[b-xzxso3mfdh] {
  opacity: 0.4;
  cursor: default;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProjectSheet/ProjectBill.razor.rz.scp.css */
.table-input-container[b-fa7qmf2can] {
  position: relative;
  height: calc(100vh - 56px - 56px);
  background: var(--b-light-01);
}
.table-input-container[b-fa7qmf2can]  .table-outer-wrapper {
  height: calc(100vh - 56px - 56px - 64px - 73px - 16px - 56px);
  width: 99%;
  margin: 8px 8px 0 8px;
  border-radius: 8px 8px 0 0;
  overflow-y: auto;
}
.table-input-container[b-fa7qmf2can]  .table-outer-wrapper table {
  margin-bottom: 0;
}
.table-input-container[b-fa7qmf2can]  .footer {
  margin-left: 8px;
  margin-bottom: 8px;
  width: 99%;
  position: relative;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProjectSheet/ProjectExpenses.razor.rz.scp.css */
.table-input-container[b-ey538dzyjv] {
  position: relative;
  height: calc(100vh - 56px - 56px);
  background: var(--b-light-01);
}
.table-input-container[b-ey538dzyjv]  .table-outer-wrapper {
  height: calc(100vh - 56px - 56px - 64px - 73px - 16px - 56px);
  width: 99%;
  margin: 8px 8px 0 8px;
  border-radius: 8px 8px 0 0;
  overflow-y: auto;
}
.table-input-container[b-ey538dzyjv]  .table-outer-wrapper table {
  margin-bottom: 0;
}
.table-input-container[b-ey538dzyjv]  .table-outer-wrapper table .avatar-name-wrapper {
  gap: 16px;
}
.table-input-container[b-ey538dzyjv]  .footer {
  margin-left: 8px;
  margin-bottom: 8px;
  width: 99%;
  position: relative;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProjectSheet/ProjectFees.razor.rz.scp.css */
.table-input-container[b-pb95r8u4xt] {
  position: relative;
  height: calc(100vh - 56px - 56px);
  background: var(--b-light-01);
}
.table-input-container[b-pb95r8u4xt]  .table-outer-wrapper {
  height: calc(100vh - 56px - 56px - 64px - 73px - 16px - 56px);
  width: 99%;
  margin: 8px 8px 0 8px;
  border-radius: 8px 8px 0 0;
  overflow-y: auto;
}
.table-input-container[b-pb95r8u4xt]  .table-outer-wrapper table {
  margin-bottom: 0;
}
.table-input-container[b-pb95r8u4xt]  .footer {
  margin-left: 8px;
  margin-bottom: 8px;
  width: 99%;
  position: relative;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProjectSheet/ProjectFiles.razor.rz.scp.css */
.table-input-container[b-bhgd6iyo99] {
  position: relative;
  height: calc(100vh - 56px - 56px);
  background: var(--b-light-01);
}
.table-input-container[b-bhgd6iyo99]  .table-outer-wrapper {
  height: calc(100vh - 56px - 56px - 64px - 73px - 16px - 56px);
  width: 99%;
  margin: 8px 8px 0 8px;
  border-radius: 8px 8px 0 0;
  overflow-y: auto;
}
.table-input-container[b-bhgd6iyo99]  .table-outer-wrapper table {
  margin-bottom: 0;
}
.table-input-container[b-bhgd6iyo99]  .footer {
  margin-left: 8px;
  margin-bottom: 8px;
  width: 99%;
  position: relative;
}

.add-button[b-bhgd6iyo99] {
  cursor: pointer;
  padding: 8px 12px 8px 12px;
  margin: 0;
}
.add-button.disabled[b-bhgd6iyo99] {
  pointer-events: none;
  opacity: 0.3;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProjectSheet/ProjectFooter.razor.rz.scp.css */
.project-footer[b-9nqofpie9p] {
  background: #F6F7FA;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 5;
  height: 56px;
}
.project-footer .project-footer_section[b-9nqofpie9p] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  border-right: 1px solid var(--b-light-01);
  padding: 8px;
}
.project-footer .project-footer_section h2[b-9nqofpie9p] {
  display: flex;
  justify-content: space-between;
  line-height: 24px;
}
.project-footer .project-footer_section h2 .percentage[b-9nqofpie9p] {
  opacity: 0.5;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProjectSheet/ProjectInformation.razor.rz.scp.css */
.second-panel__main-container-bg[b-zhtr98ckol] {
  padding: 8px;
  background: #F1F0FA;
}
.second-panel__main-container-bg .graph-main-container[b-zhtr98ckol] {
  background: white;
  margin-bottom: 8px;
  border-radius: 4px;
}
.second-panel__main-container-bg .table-container[b-zhtr98ckol] {
  background: white;
  border-radius: 4px;
}
.second-panel__main-container-bg .table-container .flex[b-zhtr98ckol] {
  display: flex;
}
.second-panel__main-container-bg .table-container .flex label:first-of-type[b-zhtr98ckol] {
  border-radius: 4px 0 0 0;
}

.table-input-container[b-zhtr98ckol] {
  position: relative;
  height: calc(100vh - 56px - 56px - 16px);
}
.table-input-container[b-zhtr98ckol]  .table-outer-wrapper {
  height: calc(100vh - 56px - 56px - 58px - 64px - 30px);
  width: 98%;
  border-radius: 0;
}
.table-input-container[b-zhtr98ckol]  .table-outer-wrapper .sums-wrapper .sum-container .sum-div .sum-number {
  overflow: initial;
}
.table-input-container[b-zhtr98ckol]  .table-outer-wrapper table {
  margin-bottom: 0;
  min-width: 100%;
  width: auto;
}
.table-input-container[b-zhtr98ckol]  .table-outer-wrapper table tbody tr td .avatar-name-wrapper img {
  margin-right: 16px;
}
.table-input-container[b-zhtr98ckol]  .table-outer-wrapper table tbody tr td .avatar-name-wrapper a.link, .table-input-container[b-zhtr98ckol]  .table-outer-wrapper table tbody tr td .avatar-name-wrapper span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 96%;
  padding-left: 0px;
}
.table-input-container[b-zhtr98ckol]  .table-outer-wrapper table tbody .cell .icon-container {
  width: auto;
}
.table-input-container[b-zhtr98ckol]  .table-outer-wrapper table tbody .cell .icon-container .status-bullet-big {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin-right: 8px;
  min-width: 8px;
  margin-left: 8px;
}
.table-input-container[b-zhtr98ckol]  .footer {
  position: relative;
}

.tab.light-orange label[b-zhtr98ckol] {
  color: var(--b-dark-02);
  padding: 16px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProjectSheet/ProjectLeftMenu.razor.rz.scp.css */
.first-panel[b-smenyjgfrd] {
  display: block;
  background: var(--grey-03);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  height: 100%;
  position: relative;
  z-index: 4;
}
.first-panel.edit_mode[b-smenyjgfrd] {
  background-color: var(--a-light-orange-02);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProjectSheet/ProjectLeftMenuHeader.razor.rz.scp.css */
.first-panel__header[b-b3i3ivkxg7] {
  background: var(--grey-03);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  height: 104px;
  position: sticky;
  top: 0;
  z-index: 5;
  padding: 16px;
}
.first-panel__header.edit_mode[b-b3i3ivkxg7] {
  background-color: var(--a-light-orange-01);
}
.first-panel__header.closed[b-b3i3ivkxg7] {
  /*pointer-events: none;*/
}
.first-panel__header.closed .mission-name h3[b-b3i3ivkxg7] {
  color: #EF3059;
}
.first-panel__header.closed .mission-name .some-class i[b-b3i3ivkxg7] {
  opacity: 1;
  pointer-events: initial;
}
.first-panel__header.closed .mission-name i[b-b3i3ivkxg7] {
  opacity: 0.5;
  pointer-events: none;
}
.first-panel__header.closed .client-name[b-b3i3ivkxg7], .first-panel__header.closed .date-range-wrapper[b-b3i3ivkxg7] {
  cursor: default;
  pointer-events: none;
}
.first-panel__header.closed[b-b3i3ivkxg7]  .rz-dropdown {
  opacity: 0.5;
}
.first-panel__header.closed .date-range[b-b3i3ivkxg7] {
  opacity: 0.5;
}
.first-panel__header .menu-wrapper[b-b3i3ivkxg7] {
  display: flex;
  align-items: center;
}
.first-panel__header .menu-wrapper[b-b3i3ivkxg7]  .base-btn-wrapper.some-class {
  height: 0px;
}
.first-panel__header .menu-wrapper[b-b3i3ivkxg7]  .base-btn-wrapper.some-class button {
  height: fit-content;
  width: fit-content;
  border: none;
  outline: none;
  padding: 4px;
}
.first-panel__header .menu-wrapper[b-b3i3ivkxg7]  .base-btn-wrapper.some-class .dropdown-list.align-icon {
  top: -10px;
  right: 0px;
  left: 56px;
  border: 1px solid var(--b-dark-01);
  border-radius: 4px;
  padding: 8px 0px;
  box-shadow: 0px 1px 2px 0px rgba(52, 52, 77, 0.1), 0px 0px 1px 0px rgba(52, 52, 77, 0.1), 0px 0px 0px 2px #FFF, 0px 1px 1px 0px rgba(52, 52, 77, 0.05), 0px 0px 4px 0px rgba(52, 52, 77, 0.1), 0px 0px 0px 4px #1F1F31, 0px 0px 0px 3px #FFF, 0px 1px 1px 0px rgba(52, 52, 77, 0.05);
}
.first-panel__header .menu-wrapper[b-b3i3ivkxg7]  .base-btn-wrapper.some-class .dropdown-list.align-icon a, .first-panel__header .menu-wrapper[b-b3i3ivkxg7]  .base-btn-wrapper.some-class .dropdown-list.align-icon i {
  color: var(--b-dark-02);
}
.first-panel__header .menu-wrapper[b-b3i3ivkxg7]  .base-btn-wrapper.some-class .dropdown-list.align-icon i {
  margin-right: 8px;
}
.first-panel__header .menu-wrapper[b-b3i3ivkxg7]  .base-btn-wrapper.some-class .dropdown-list.align-icon .destructive-btn {
  color: var(--red-02);
}
.first-panel__header .menu-wrapper[b-b3i3ivkxg7]  .base-btn-wrapper.some-class .dropdown-list.align-icon .destructive-btn i {
  color: var(--red-02);
}
.first-panel__header .mission-name[b-b3i3ivkxg7] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.first-panel__header .mission-name h3[b-b3i3ivkxg7] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 80%;
}
.first-panel__header .mission-name .fa-solid.fa-star[b-b3i3ivkxg7] {
  margin: auto 0px;
  cursor: pointer;
  font-size: 14px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  align-self: center;
}
.first-panel__header .client-name[b-b3i3ivkxg7] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 80%;
}
.first-panel__header .client-name .disable[b-b3i3ivkxg7] {
  pointer-events: none;
}
.first-panel__header .date-range[b-b3i3ivkxg7] {
  width: 100%;
  cursor: pointer;
  padding: 4px 0px;
  text-align: left;
}

.resource-selection[b-b3i3ivkxg7] {
  width: 100%;
  height: 65px;
  border-bottom: 1px solid var(--b-light-01);
}
.resource-selection:hover[b-b3i3ivkxg7] {
  background: var(--grey-02);
}
.resource-selection:hover[b-b3i3ivkxg7]  .rz-dropdown img {
  background: var(--grey-02);
}
.resource-selection.closed[b-b3i3ivkxg7] {
  pointer-events: none;
  opacity: 0.5;
}
.resource-selection[b-b3i3ivkxg7]  .rz-dropdown:not(:disabled):not(.rz-state-disabled) {
  box-shadow: none;
}
.resource-selection[b-b3i3ivkxg7]  .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus {
  box-shadow: none;
  border: none;
  background: none;
}
.resource-selection[b-b3i3ivkxg7]  .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover {
  box-shadow: none;
  border: none;
  background: none;
}
.resource-selection[b-b3i3ivkxg7]  .rz-dropdown {
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  width: 100%;
  height: 65px;
}
.resource-selection[b-b3i3ivkxg7]  .rz-dropdown:hover {
  box-shadow: none;
  border: none;
}
.resource-selection[b-b3i3ivkxg7]  .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper {
  display: flex;
  flex-direction: row;
  margin: 16px;
  width: 100%;
}
.resource-selection[b-b3i3ivkxg7]  .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper p {
  margin-bottom: 0;
  margin-left: 0;
}
.resource-selection[b-b3i3ivkxg7]  .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper .text-wrapper {
  margin-left: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.resource-selection[b-b3i3ivkxg7]  .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper .text-wrapper .name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 80%;
}
.resource-selection[b-b3i3ivkxg7]  .rz-dropdown .rz-dropdown-trigger-icon.rzi.rzi-chevron-down {
  margin-right: 16px;
  justify-content: end;
}
.resource-selection[b-b3i3ivkxg7]  .rz-dropdown .rz-dropdown-trigger-icon.rzi.rzi-chevron-down::before {
  color: var(--b-med-01);
}

.date-range-wrapper[b-b3i3ivkxg7] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.date-range-wrapper .date-range-indiv-calendar[b-b3i3ivkxg7] {
  width: 40%;
}
.date-range-wrapper .date-range-indiv-calendar[b-b3i3ivkxg7]  .rz-calendar.rz-calendar-w-btn input.rz-inputtext {
  color: var(--grey-01);
}
.date-range-wrapper i[b-b3i3ivkxg7] {
  color: var(--grey-01);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProjectSheet/ProjectLeftMenuTasksHeader.razor.rz.scp.css */
.first-panel__header[b-dm5shxb2um] {
  display: flex;
  flex-direction: row;
  /*justify-content: center;*/
  background: var(--grey-03);
  box-shadow: var(--elevation-positive-2);
  /*border-bottom: 1px solid var(--b-light-01);*/
  padding: 8px 4px;
  width: 100%;
}
.first-panel__header.select-all[b-dm5shxb2um] {
  background-color: var(--a-light-orange-01);
}
.first-panel__header .button-wrapper[b-dm5shxb2um] {
  display: flex;
  align-items: center;
  /*width: 100%;*/
  padding: 0px 4px 0px 4px;
  gap: 8px;
}
.first-panel__header .button-wrapper button[b-dm5shxb2um] {
  flex-grow: 1;
}
.first-panel__header .button-wrapper .separator[b-dm5shxb2um] {
  width: 1px;
  height: 40px;
  opacity: 0.1;
  background-color: var(--b-med-01);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProjectSheet/ProjectLeftTasksMenu.razor.rz.scp.css */
.main-checkbox-wrapper[b-lrf7ls8cyf] {
  height: 56px;
  background: var(--b-light-02);
  display: flex;
  flex-direction: row;
  align-items: center;
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05);
  min-width: 402px;
}
.main-checkbox-wrapper.full-selection[b-lrf7ls8cyf] {
  background-color: var(--a-light-orange-01);
}
.main-checkbox-wrapper.full-selection .checkbox-wrapper[b-lrf7ls8cyf] {
  background-color: var(--a-light-orange-01);
}
.main-checkbox-wrapper .select-counter-wrapper[b-lrf7ls8cyf] {
  display: flex;
  justify-content: space-between;
  margin-right: 8px;
}
.main-checkbox-wrapper .select-counter-wrapper .select-all[b-lrf7ls8cyf] {
  padding: 8px;
}
.main-checkbox-wrapper .select-counter-wrapper .selected-counter[b-lrf7ls8cyf] {
  background: var(--white);
  box-shadow: var(--elevation-negative-2);
  border-radius: 2px;
  padding: 4px 6px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.main-checkbox-wrapper .checkbox-wrapper[b-lrf7ls8cyf] {
  padding: 8px;
  gap: 16px;
  background-color: var(--b-light-02);
}
.main-checkbox-wrapper .checkbox-wrapper.no-selection[b-lrf7ls8cyf] {
  /*border-bottom: 1px solid var(--b-light-01);*/
  background-color: var(--b-light-02);
}
.main-checkbox-wrapper .checkbox-wrapper.bar[b-lrf7ls8cyf]  .rz-chkbox-icon.rzi.rzi-check {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-checkbox-wrapper .checkbox-wrapper.bar[b-lrf7ls8cyf]  .rz-chkbox-icon.rzi.rzi-check::before {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 6px;
}
.main-checkbox-wrapper div:nth-child(2)[b-lrf7ls8cyf] {
  flex-grow: 1;
}

.cards-container[b-lrf7ls8cyf] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.cards-container[b-lrf7ls8cyf]  .card-text-wrapper {
  width: 270px;
}
.cards-container[b-lrf7ls8cyf]  .card-text-wrapper .card-title {
  width: 285.6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cards-container[b-lrf7ls8cyf]  .card-text-wrapper .text-avatar h3 {
  max-width: 90%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

[b-lrf7ls8cyf] .SelectedDetail .card-selection-wrapper {
  background-color: var(--a-light-orange-01);
}
[b-lrf7ls8cyf] .SelectedDetail .card-main {
  background-color: var(--a-light-orange-01);
}
[b-lrf7ls8cyf] .SelectedDetail .card-main .card-header {
  background-color: var(--a-light-orange-01);
}
[b-lrf7ls8cyf] .SelectedDetail .card-main .card-header .hour {
  color: var(--a-orange-01);
}
[b-lrf7ls8cyf] .SelectedDetail .card-main .card-header .info-box {
  background-color: var(--a-light-orange-0);
  color: var(--a-orange-01);
}
[b-lrf7ls8cyf] .SelectedDetail .card-main .card-title {
  color: var(--a-orange-01);
}

[b-lrf7ls8cyf] .card-selection-wrapper {
  background-color: var(--b-light-02);
}

.cards-container[b-lrf7ls8cyf]  .group-children-container .checkbox-wrapper.bar {
  background-color: var(--b-light-02);
}

[b-lrf7ls8cyf] .Selected .card-selection-wrapper {
  background-color: var(--a-light-orange-01);
}
[b-lrf7ls8cyf] .Selected .checkbox-wrapper {
  background-color: var(--a-light-orange-01);
}
[b-lrf7ls8cyf] .Selected .card-title {
  color: var(--b-dark-02);
}

.cards-container[b-lrf7ls8cyf] {
  max-height: calc(100vh - 56px - 56px - 40px - 74px);
  overflow-y: auto;
}
.cards-container[b-lrf7ls8cyf]  .group-children-container {
  display: flex;
  flex-direction: row;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.05);
  max-width: 100%;
}
.cards-container[b-lrf7ls8cyf]  .card {
  background: var(--b-light-02);
  max-width: 100%;
}
.cards-container[b-lrf7ls8cyf]  .card .card-selection-wrapper {
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05);
}
.cards-container[b-lrf7ls8cyf]  .card .card-main {
  max-width: 100%;
  box-shadow: none;
  padding: 8px 12px 8px 8px;
}
.cards-container[b-lrf7ls8cyf]  .card .card-main .card-header {
  background: var(--b-light-02);
  max-width: 100%;
  height: 24px;
}
.cards-container[b-lrf7ls8cyf]  .card .card-main .card-text-wrapper {
  max-width: 100%;
  width: 100%;
}
.cards-container[b-lrf7ls8cyf]  .card .card-main .card-text-wrapper .text-avatar {
  height: 24px;
}
.cards-container[b-lrf7ls8cyf]  .card .card-main .card-text-wrapper .text-avatar img {
  margin-bottom: 8px;
}
.cards-container[b-lrf7ls8cyf]  .card .card-main .card-text-wrapper .text-avatar h3 {
  margin-bottom: 0px;
}
.cards-container[b-lrf7ls8cyf]  .card.SelectedDetail .card-main .card-header {
  background: var(--a-light-orange-01);
}
.cards-container[b-lrf7ls8cyf]  .card.Selected .card-main {
  background-color: var(--a-light-orange-02);
}
.cards-container[b-lrf7ls8cyf]  .card.Selected .card-main .card-header {
  background-color: var(--a-light-orange-02);
}
.cards-container .checkbox-wrapper[b-lrf7ls8cyf] {
  padding: 16px 8px;
  background: var(--a-light-orange-01);
}
.cards-container .checkbox-wrapper.bar[b-lrf7ls8cyf]  .rz-chkbox-icon.rzi.rzi-check {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cards-container .checkbox-wrapper.bar[b-lrf7ls8cyf]  .rz-chkbox-icon.rzi.rzi-check::before {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 6px;
}
.cards-container .cards-info-container[b-lrf7ls8cyf] {
  width: 100%;
  /*max-width: 320px;*/
  max-width: calc(100% - 40px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.05);
}
.cards-container .cards-info-container .group-header-wrapper[b-lrf7ls8cyf] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 12px;
  cursor: pointer;
  max-width: 100%;
  background: var(--b-light-02);
  height: 57px;
}
.cards-container .cards-info-container .group-header-wrapper .hours-icon-wrapper[b-lrf7ls8cyf] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cards-container .cards-info-container .group-header-wrapper .hours-icon-wrapper .total-hours[b-lrf7ls8cyf] {
  font-weight: 500;
}
.cards-container .cards-info-container .group-header-wrapper.selected[b-lrf7ls8cyf] {
  background: var(--a-light-orange-02);
}
.cards-container .cards-info-container .group-header-wrapper .icon-group-name-wrapper[b-lrf7ls8cyf] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  max-width: 90%;
  gap: 8px;
  /*i {
      &.far.fa-sitemap {
          background: var(--b-light-01);
          color: var(--b-dark-01);
      }
  }*/
}
.cards-container .cards-info-container .group-header-wrapper .icon-group-name-wrapper span[b-lrf7ls8cyf] {
  margin-top: 1px;
}
.cards-container .cards-info-container .group-header-wrapper .icon-group-name-wrapper h4[b-lrf7ls8cyf] {
  text-overflow: ellipsis;
  max-width: 60%;
  white-space: nowrap;
  overflow: hidden;
}

.add-new-task[b-lrf7ls8cyf] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.add-new-task[b-lrf7ls8cyf]  .input-wrapper {
  width: 100%;
}

[b-lrf7ls8cyf] .status-text {
  margin-bottom: 4px;
}

[b-lrf7ls8cyf] .card {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.05);
}
[b-lrf7ls8cyf] .card .card-main {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.05);
}

[b-lrf7ls8cyf] .group-children-container.expanded {
  /*.card-main {
      max-width: 87%;
  }*/
}
[b-lrf7ls8cyf] .group-children-container.expanded .group-header-wrapper {
  background: var(--b-light-02);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProjectSheet/ProjectMenuLinkList.razor.rz.scp.css */
.first-panel__links[b-xgi9t5wz6t] {
  display: block;
  overflow-y: auto;
  height: calc(100vh - 56px - 112px - 64px - 56px);
  position: relative;
}
.first-panel__links.closed[b-xgi9t5wz6t] {
  opacity: 0.5;
  pointer-events: none;
}
.first-panel__links .first-panel__link[b-xgi9t5wz6t] {
  background: transparent;
  border-bottom: 1px solid var(--b-light-01);
  display: block;
  padding: 16px;
  color: var(--b-med-01);
  transition: background 0.1s ease-in-out;
}
.first-panel__links .first-panel__link:hover[b-xgi9t5wz6t] {
  background: var(--grey-02);
  color: var(--b-dark-02);
  text-decoration: none;
}
.first-panel__links .first-panel__link.selected[b-xgi9t5wz6t] {
  background: var(--a-light-orange-02);
  color: var(--a-orange-01);
  font-weight: 400;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProjectSheet/ProjectSettings.razor.rz.scp.css */
.collapse-btn[b-5bfjpdocu8] {
  background: var(--grey-03);
  border-radius: 4px;
  padding: 8px;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.collapse-btn i[b-5bfjpdocu8] {
  font-size: 14px;
  color: var(--grey-01);
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sections-container[b-5bfjpdocu8] {
  height: calc(100vh - 56px - 56px - 56px);
  overflow-y: auto;
}
.sections-container[b-5bfjpdocu8]  .label-input-wrapper {
  height: fit-content;
  width: fit-content;
}
.sections-container[b-5bfjpdocu8]  .label-input-wrapper .rz-dropdown-label.rz-inputtext {
  display: flex;
  height: 100%;
  align-items: center;
}
.sections-container[b-5bfjpdocu8]  .label-input-wrapper .date-input-wrapper {
  position: relative;
}
.sections-container[b-5bfjpdocu8]  .label-input-wrapper .date-input-wrapper i {
  position: absolute;
  right: 16px;
  bottom: 16px;
  cursor: pointer;
  color: var(--b-med-02);
}
.sections-container[b-5bfjpdocu8]  .section-wrapper {
  background: var(--b-light-02);
}
.sections-container[b-5bfjpdocu8]  .section-main-container .dynamic-component-container .editor-wrapper {
  margin-top: 16px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProjectSheet/ProjectTaskBulk.razor.rz.scp.css */
.task-bulk-action-header[b-3qv8nf7lb5] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
  justify-content: end;
  background: var(--a-light-orange-02);
}
.task-bulk-action-header .btn-wrapper[b-3qv8nf7lb5] {
  display: flex;
  gap: 8px;
}
.task-bulk-action-header button[b-3qv8nf7lb5] {
  height: 40px;
  padding: 8px 12px;
}
.task-bulk-action-header .tasks-count[b-3qv8nf7lb5] {
  display: flex;
}
.task-bulk-action-header .tasks-count i[b-3qv8nf7lb5] {
  background: var(--a-light-orange-01);
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  color: var(--a-orange-01);
  font-size: 14px;
  padding: 4px;
  margin-right: 16px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
}
.task-bulk-action-header .tasks-count .selected-counter[b-3qv8nf7lb5] {
  background: var(--grey-03);
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  padding: 4px 6px;
}
.task-bulk-action-header .primary-btn.red[b-3qv8nf7lb5] {
  border: 1px solid var(--red-02);
  color: var(--red-02);
}
.task-bulk-action-header .primary-btn.red:hover[b-3qv8nf7lb5] {
  border: 1px solid var(--red-02);
  color: var(--red-02);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProjectSheet/ProjectTasks.razor.rz.scp.css */
.two-panel-layout[b-f4pgn8dbwn] {
  grid-template-columns: auto;
  overflow-y: hidden;
}

.panel-header[b-f4pgn8dbwn] {
  display: flex;
  width: 100%;
}

.panel-wrapper[b-f4pgn8dbwn] {
  display: flex;
  width: 100%;
  height: calc(100vh - 56px - 56px);
  /*gap: 1px;*/
}
.panel-wrapper .first-panel[b-f4pgn8dbwn] {
  min-width: 402px;
  background: var(--grey-03);
  box-shadow: var(--elevation-negative-2);
  z-index: 2;
}
.panel-wrapper .first-panel.select-all[b-f4pgn8dbwn] {
  background: var(--a-light-orange-02);
}
.panel-wrapper .second-panel[b-f4pgn8dbwn] {
  height: calc(100vh - 184px);
  width: calc(100vw - 628px);
}

/* Selection Section*/
[b-f4pgn8dbwn] .tab-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: #FFFFFF;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
}
[b-f4pgn8dbwn] .tab-wrapper i {
  color: var(--b-med-01);
  font-size: 14px;
}
[b-f4pgn8dbwn] .tab-wrapper .collapse-btn-wrapper {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
  justify-content: right;
  flex-grow: 1;
  padding: 8px;
}
[b-f4pgn8dbwn] .tab-wrapper .collapse-btn-wrapper .fas {
  margin: auto 0px;
  width: 32px;
  height: 32px;
  background: var(--grey-03);
  border-radius: 4px;
  padding: 8px;
  color: var(--grey-01);
  font-size: 14px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
[b-f4pgn8dbwn] .tab-wrapper .collapse-btn-wrapper .fas::before {
  margin: auto;
}

[b-f4pgn8dbwn] .section-selected {
  padding: 16px;
  background: var(--grey-03);
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  font-weight: 500;
}

[b-f4pgn8dbwn] .section-default {
  padding: 16px;
  background: #FFFFFF;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  font-weight: 500;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ProjectSheet/ProjectTasksContent.razor.rz.scp.css */
.task-name-wrapper-edit[b-zzho1o2kmg] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
}

.sections[b-zzho1o2kmg] {
  padding: 8px;
  background-color: var(--a-light-orange-01);
  min-height: 100%;
}
.sections[b-zzho1o2kmg]  .section-main-container {
  /*box-shadow: var(--elevation-positive-1);*/
}
.sections[b-zzho1o2kmg]  .section-main-container .duration-input .input-wrapper {
  width: 112px;
}
.sections[b-zzho1o2kmg]  .section-main-container .duration-input .empty-wrapper-container-task {
  max-height: 400px;
}
.sections[b-zzho1o2kmg]  .section-wrapper {
  background-color: var(--b-light-02);
}

[b-zzho1o2kmg] .section-main-container:first-child div.container {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.disabled[b-zzho1o2kmg] {
  pointer-events: none;
  opacity: 0.4;
}

.dynamic-component-container .toggle-btn-container .dynamic-sub-component .status-dd .rz-dropdown .rz-dropdown-label.rz-inputtext div[b-zzho1o2kmg] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dynamic-component-container .toggle-btn-container .dynamic-sub-component .status-dd .rz-dropdown .rz-dropdown-label.rz-inputtext div .circle[b-zzho1o2kmg] {
  display: flex;
  height: 8px;
  width: 8px;
  box-shadow: var(--elevation-negative-1);
  border-radius: 50%;
}
.dynamic-component-container .toggle-btn-container .dynamic-sub-component .auto-stat-wrp[b-zzho1o2kmg] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
}
.dynamic-component-container .toggle-btn-container .dynamic-sub-component .auto-stat-wrp .task-dd[b-zzho1o2kmg] {
  position: relative;
  display: flex;
}
.dynamic-component-container .toggle-btn-container .dynamic-sub-component .auto-stat-wrp .task-dd .rz-dropdown .rz-dropdown-label.rz-inputtext p[b-zzho1o2kmg], .dynamic-component-container .toggle-btn-container .dynamic-sub-component .auto-stat-wrp .task-dd .rz-dropdown .rz-dropdown-label.rz-inputtext.rz-placeholder[b-zzho1o2kmg] {
  margin-left: 24px;
}
.dynamic-component-container .toggle-btn-container .dynamic-sub-component .auto-stat-wrp .task-dd .placeholder[b-zzho1o2kmg] {
  position: absolute;
  top: 12px;
  left: 16px;
}
.dynamic-component-container .toggle-btn-container .dynamic-sub-component table[b-zzho1o2kmg] {
  width: 100%;
}
.dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody[b-zzho1o2kmg] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody tr:first-child[b-zzho1o2kmg] {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody tr:first-child td[b-zzho1o2kmg] {
  display: flex;
  width: 50%;
}
.dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody tr:first-child td:last-child .txt-wrp[b-zzho1o2kmg] {
  display: flex;
  align-self: flex-end;
  width: 100%;
  gap: 4px;
}
.dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody tr:not(:first-child)[b-zzho1o2kmg] {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  height: 48px;
}
.dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody tr:not(:first-child) td:first-child[b-zzho1o2kmg] {
  display: flex;
  align-items: center;
  height: 47px;
  padding: 0px 16px;
  border: 1px solid var(--grey-02);
  width: 50%;
  border-radius: 4px;
}
.dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody tr:not(:first-child) td:first-child .txt-clr-wrp[b-zzho1o2kmg] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--b-dark-02);
}
.dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody tr:not(:first-child) td:first-child .txt-clr-wrp .circle[b-zzho1o2kmg] {
  display: flex;
  height: 8px;
  width: 8px;
  box-shadow: var(--elevation-negative-1);
  border-radius: 50%;
}
.dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody tr:not(:first-child) td[b-zzho1o2kmg] {
  width: 50%;
  padding: 0px;
}
.dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody tr:not(:first-child) td .rz-dropdown[b-zzho1o2kmg] {
  margin-bottom: 0px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Reports/ReportCell.razor.rz.scp.css */
td[b-srf9pmarmh] {
  overflow: hidden;
  white-space: pre-wrap;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
  padding: 12px 16px;
}
td .cell-text[b-srf9pmarmh], td.resource .wrapper .avatar-text-container p[b-srf9pmarmh] {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
td .cell-text[b-srf9pmarmh] {
  min-height: 16px;
}
td .cell-text[b-srf9pmarmh], td.resource .wrapper .avatar-text-container[b-srf9pmarmh] {
  width: 100%;
}
td .cell-text .flex-wrapper[b-srf9pmarmh], td.resource .wrapper .avatar-text-container .flex-wrapper[b-srf9pmarmh] {
  display: flex;
  gap: 8px;
  cursor: pointer;
  width: 100%;
  justify-content: space-between;
}
td .cell-text .flex-wrapper .icon-text-wrapper[b-srf9pmarmh], td.resource .wrapper .avatar-text-container .flex-wrapper .icon-text-wrapper[b-srf9pmarmh] {
  display: flex;
  gap: 8px;
}
td p.cell-text[b-srf9pmarmh] {
  margin: auto 0;
}
td .cell-text.has-bullet[b-srf9pmarmh] {
  display: flex;
  gap: 8px;
  align-items: center;
}
td .loading-spinner[b-srf9pmarmh]  img {
  height: 14px;
}

td.alignleft[b-srf9pmarmh] {
  text-align: left;
}

td.alignright[b-srf9pmarmh] {
  text-align: right;
}

td.aligncenter[b-srf9pmarmh] {
  text-align: center;
}

/* Table cell type */
td.resource[b-srf9pmarmh] {
  padding: 7px 16px;
}
td.resource .wrapper[b-srf9pmarmh] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 4px;
}
td.resource .wrapper .avatar-text-container[b-srf9pmarmh] {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 100%;
  gap: 8px;
}
td.resource .wrapper .avatar-text-container p[b-srf9pmarmh] {
  margin: 0px;
  line-height: 18px;
}
td.resource .wrapper .avatar-text-container p.text[b-srf9pmarmh] {
  cursor: pointer;
  color: red;
}
td.resource .wrapper .icon-container[b-srf9pmarmh] {
  visibility: hidden;
}
td.resource .wrapper .icon-container i[b-srf9pmarmh] {
  visibility: hidden;
}

.btn-wrapper[b-srf9pmarmh] {
  display: flex;
  gap: 8px;
}

.status-bullet[b-srf9pmarmh] {
  width: 8px;
  height: 8px;
  min-width: 8px;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
}

[b-srf9pmarmh] .base-btn-wrapper a:hover {
  color: var(--b-med-01);
}

.clickable[b-srf9pmarmh] {
  cursor: pointer;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Reports/ReportLine.razor.rz.scp.css */
.clients tr.headerLine[b-hi5rx4u67f] {
  top: 56px;
}

[b-hi5rx4u67f] .loading-spinner img {
  height: 24px;
}

tr[b-hi5rx4u67f] {
  height: 65px;
  width: 100%;
}
tr.headerLine[b-hi5rx4u67f] {
  background-color: lightgray;
  position: sticky;
  top: 96px;
  z-index: 2;
  width: 100%;
}
tr.headerLine.group[b-hi5rx4u67f] {
  background-color: var(--b-light-01);
}
tr.headerLine.group.selected[b-hi5rx4u67f] {
  background: var(--a-light-orange-02);
}
tr.headerLine.group.selected td[b-hi5rx4u67f]::nth-of-type(2) {
  background: var(--a-light-orange-02);
}
tr.headerLine.group.selected td.checkbox-wrapper[b-hi5rx4u67f] {
  background: var(--a-light-orange-02);
}
tr.headerLine.group.selected:hover[b-hi5rx4u67f] {
  background: var(--a-light-orange-01);
}
tr.headerLine.group:hover[b-hi5rx4u67f] {
  background: var(--grey-03);
}
tr.headerLine.group th[b-hi5rx4u67f] {
  background-color: inherit;
}
tr.headerLine.group th:first-child[b-hi5rx4u67f] {
  padding: 8px;
  background-color: inherit;
}
tr.headerLine.group th:nth-child(2)[b-hi5rx4u67f] {
  background-color: inherit;
}
tr.headerLine th[b-hi5rx4u67f] {
  padding: 8px 16px;
  background-color: var(--white);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
}
tr.headerLine th:first-child[b-hi5rx4u67f] {
  padding: 8px;
  background-color: var(--a-light-orange-01);
}
tr.headerLine th:first-child.hyphen[b-hi5rx4u67f]  .rz-chkbox .rz-chkbox-box {
  background-color: #FFF3E2;
}
tr.headerLine th:first-child.hyphen[b-hi5rx4u67f]  .rz-chkbox .rz-chkbox-box span.rz-chkbox-icon::after {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 6px;
  color: var(--a-orange-01);
}
tr.headerLine th:nth-child(2)[b-hi5rx4u67f] {
  background-color: var(--b-light-02);
}
tr.headerLine th .info-wrapper[b-hi5rx4u67f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
tr.headerLine th .info-wrapper .total-icon-wrapper[b-hi5rx4u67f] {
  display: flex;
  align-items: center;
  margin-left: 62px;
}
tr.headerLine th .info-wrapper .total-icon-wrapper .task-count[b-hi5rx4u67f] {
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  padding: 4px 6px;
  min-width: 21px;
  height: 24px;
  margin-right: 8px;
}
tr.headerLine th .info-wrapper .total-icon-wrapper i[b-hi5rx4u67f] {
  cursor: pointer;
}

tr[b-hi5rx4u67f] {
  height: 40px;
}
tr.dataLine:hover[b-hi5rx4u67f] {
  background: var(--grey-03);
}
tr.dataLine:hover td:nth-of-type(2)[b-hi5rx4u67f] {
  background: var(--grey-03);
}
tr.dataLine:hover td.checkbox-wrapper[b-hi5rx4u67f] {
  background: var(--grey-03);
}
tr.dataLine:hover.totals[b-hi5rx4u67f]  td.resource .wrapper .avatar-text-container {
  max-width: 100%;
}
tr.dataLine td.checkbox-wrapper[b-hi5rx4u67f] {
  position: sticky;
  left: 0;
  padding: 8px;
  background: var(--b-light-02);
  z-index: 1;
}
tr.dataLine td.no-data[b-hi5rx4u67f] {
  overflow-y: hidden;
  white-space: pre-wrap;
  padding: 12px 16px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
}
tr.dataLine td:nth-of-type(2)[b-hi5rx4u67f] {
  background: var(--b-light-02);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
tr.dataLine.selected[b-hi5rx4u67f] {
  background: var(--a-light-orange-02);
}
tr.dataLine.selected td[b-hi5rx4u67f]::nth-of-type(2) {
  background: var(--a-light-orange-02);
}
tr.dataLine.selected td.checkbox-wrapper[b-hi5rx4u67f] {
  background: var(--a-light-orange-02);
}
tr.dataLine.selected:hover[b-hi5rx4u67f] {
  background: var(--a-light-orange-01);
  /* td.checkbox-wrapper {
      background: var(--a-light-orange-01);
  }*/
}
tr.dataLine.totals[b-hi5rx4u67f] {
  position: sticky;
  top: 56px;
  background: var(--b-light-01);
  z-index: 2;
}
tr.dataLine.totals td.checkbox-wrapper[b-hi5rx4u67f] {
  background: inherit;
  position: sticky;
  top: 56.5px;
  box-shadow: none;
}
tr.dataLine.totals.selected[b-hi5rx4u67f] {
  background: var(--b-light-01);
}
tr.dataLine.totals.selected td.checkbox-wrapper[b-hi5rx4u67f] {
  background: var(--b-light-01);
}

tr.dataLine[b-hi5rx4u67f]  td.resource .wrapper {
  /* remove this when all the buttons in the app is replaced by button component */
}
tr.dataLine[b-hi5rx4u67f]  td.resource .wrapper button {
  display: none;
  padding: 4px;
  width: 24px;
  height: 26px;
  border: 1px solid transparent;
  background: transparent;
}
tr.dataLine[b-hi5rx4u67f]  td.resource .wrapper button:hover {
  border: 1px solid var(--b-med-01);
}
tr.dataLine[b-hi5rx4u67f]  td.resource .wrapper button:focus {
  border: 1px solid var(--b-med-01);
}
tr.dataLine:hover[b-hi5rx4u67f]  td.resource .wrapper {
  /*.icon-container {
      padding: 4px 3px;
      min-width: 24px;
      min-height: 24px;
      border-radius: 4px;
      border: 1px solid var(--b-med-01);
      visibility: visible;

      i {
          cursor: pointer;
          visibility: visible;
          color: var(--b-med-01);
      }
  }*/
}
tr.dataLine:hover[b-hi5rx4u67f]  td.resource .wrapper .avatar-text-container {
  max-width: calc(100% - 100px);
}
tr.dataLine:hover[b-hi5rx4u67f]  td.resource .wrapper button {
  display: flex;
}
tr.dataLine.selected:hover[b-hi5rx4u67f]  .data-cell:hover .cell-text, tr.dataLine.selected:hover[b-hi5rx4u67f]  .data-cell:hover .wrapper p {
  color: var(--a-orange-01);
}
tr.dataLine.selected:hover[b-hi5rx4u67f]  .data-cell .icon-container:hover {
  border: 1px solid var(--a-orange-01);
}
tr.dataLine.selected:hover[b-hi5rx4u67f]  .data-cell .icon-container:hover i {
  color: var(--a-orange-01);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Reports/ReportTable.razor.rz.scp.css */
.virtualScrollTable[b-04fie3j5kr] {
  height: 725px;
  overflow-y: auto;
  overflow-x: hidden;
}

.stickyHeaderProjectname[b-04fie3j5kr] {
  position: fixed;
  background-color: lightgray;
  width: 100%;
  height: 68px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/AddBillRightPaneComponent.razor.rz.scp.css */
.tax-container[b-s7c9uzfcbb] {
  display: flex;
  flex-direction: column;
}
.tax-container.tax-files-border[b-s7c9uzfcbb] {
  border-bottom: 1px solid var(--grey-02);
}
.tax-container .tax-alignment[b-s7c9uzfcbb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: right;
  padding: 16px;
}
.tax-container .tax-alignment.total-with-taxes[b-s7c9uzfcbb] {
  padding-bottom: 5px;
}
.tax-container .tax-alignment.total-without-taxes[b-s7c9uzfcbb] {
  padding-top: 5px;
  padding-bottom: 8px;
}
.tax-container .tax-alignment.tax-margin[b-s7c9uzfcbb] {
  padding-bottom: 10px;
  padding-top: 0px;
}
.tax-container .tax-alignment.tax-file-wrapper[b-s7c9uzfcbb] {
  padding-bottom: 0px;
  padding-top: 0px;
  margin-bottom: 16px;
}
.tax-container .tax-alignment.tax-file-wrapper .icon-file-wrapper[b-s7c9uzfcbb] {
  width: 78%;
  display: flex;
  align-items: center;
}
.tax-container .tax-alignment.tax-file-wrapper .icon-file-wrapper span[b-s7c9uzfcbb] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90%;
  display: inline-block;
}
.tax-container .tax-alignment.tax-file-wrapper .far.fa-trash-alt[b-s7c9uzfcbb] {
  cursor: pointer;
}
.tax-container .tax-alignment .tax-name-margin[b-s7c9uzfcbb] {
  padding-left: 10px;
  padding-right: 10px;
}
.tax-container .tax-alignment .add-label-span[b-s7c9uzfcbb] {
  padding-left: 4px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/AddEditBudgetComponent.razor.rz.scp.css */
[b-n6a1vl2wux].wrapper:hover {
  background: #FFF9F2;
}
[b-n6a1vl2wux].wrapper:hover a {
  display: flex;
}

.customDesc[b-n6a1vl2wux] {
  display: block;
  text-transform: lowercase;
}

.customDesc[b-n6a1vl2wux]::first-letter {
  text-transform: uppercase;
}

.fa-xmark[b-n6a1vl2wux] {
  position: absolute;
  top: 46px;
  right: 16px;
  cursor: pointer;
}

.dual-date-field[b-n6a1vl2wux] {
  position: relative;
}

.no-margin-input[b-n6a1vl2wux] {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.no-margin-input[b-n6a1vl2wux]:before {
  content: "\f002";
  color: var(--b-med-02);
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  left: 15px;
  bottom: 19px;
  z-index: 1;
}

.ressource-name[b-n6a1vl2wux] {
  width: 260px;
}

[b-n6a1vl2wux] .isUsingField {
  display: block !important;
  flex: 1 !important;
  text-align: center !important;
  margin-bottom: 0px !important;
  box-shadow: none !important;
}

[b-n6a1vl2wux] .isUsingField.first {
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--grey-02);
}

[b-n6a1vl2wux] form {
  display: flex;
  width: 100%;
}
[b-n6a1vl2wux] form label {
  width: 50%;
  flex-grow: 1;
}

.search-input-wrapper[b-n6a1vl2wux] {
  position: relative;
}
.search-input-wrapper i[b-n6a1vl2wux] {
  position: absolute;
  left: 15px;
  bottom: 19px;
  z-index: 1;
  font-size: 14px;
  width: 16px;
  height: 16px;
  color: var(--b-med-02);
}

.available[b-n6a1vl2wux] {
  color: var(--green-01);
}

.unavailable[b-n6a1vl2wux] {
  color: var(--red-01);
}

.avatar-container[b-n6a1vl2wux] {
  display: flex;
  margin-top: 6px;
}

.card-result-resource[b-n6a1vl2wux] {
  display: flex;
  flex-direction: row;
  padding: 16px 16px 16px 32px;
  background: var(--grey-03);
  border-radius: 0px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.15);
  justify-content: space-between;
  cursor: pointer;
}
.card-result-resource .radio[b-n6a1vl2wux] {
  flex: 1;
  margin-top: 6px;
}
.card-result-resource .ressource-info[b-n6a1vl2wux] {
  flex: 6;
  display: flex;
  align-items: center;
}
.card-result-resource .ressource-info p[b-n6a1vl2wux] {
  margin-bottom: 3px;
}

.filter-groups-wrapper[b-n6a1vl2wux] {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.filter-groups-wrapper.no-result[b-n6a1vl2wux] {
  padding: 0px;
  width: 100%;
}
.filter-groups-wrapper .filters-wrapper[b-n6a1vl2wux] {
  padding: 8px;
  border: 1px dashed var(--b-med-01);
  gap: 8px;
  display: flex;
  flex-direction: column;
  margin: 16px;
  background-color: rgba(183, 186, 214, 0.3);
}
.filter-groups-wrapper .filters-wrapper[b-n6a1vl2wux]  .filter {
  margin-bottom: 0px;
}
.filter-groups-wrapper[b-n6a1vl2wux]  .no-result-wrapper {
  margin-left: 0px;
}
.filter-groups-wrapper[b-n6a1vl2wux]  .no-result-wrapper .secondary-btn {
  width: fit-content;
}

.separation[b-n6a1vl2wux] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.separation .line[b-n6a1vl2wux] {
  width: 45%;
  text-align: center;
  border-bottom: 1px solid var(--grey-01);
  line-height: 1px;
  border-radius: 1px;
}
.separation i[b-n6a1vl2wux] {
  color: var(--grey-01);
}

.tab.white.round.date[b-n6a1vl2wux] {
  border: none;
}
.tab.white.round.date label[b-n6a1vl2wux] {
  justify-content: center !important;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/AddEditResponsibleComponent.razor.rz.scp.css */
.dynamic-component-container[b-8v8kmbb6la]  .rz-dropdown {
  display: flex;
  align-items: center;
}

.avatar-container[b-8v8kmbb6la] {
  width: 32px;
  margin-right: 8px;
}

.icon-container i[b-8v8kmbb6la] {
  margin-right: 8px;
  width: 32px;
  color: #B7BAD6;
}

.groupDrop[b-8v8kmbb6la]  .rz-dropdown .rz-helper-hidden-accessible {
  display: none;
}
.groupDrop[b-8v8kmbb6la]  .rz-dropdown .rz-dropdown-label.rz-inputtext {
  width: 100%;
}
.groupDrop[b-8v8kmbb6la]  .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.groupDrop[b-8v8kmbb6la]  .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper p {
  margin-bottom: 0;
  margin-left: 0;
  display: none;
}
.groupDrop[b-8v8kmbb6la]  .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper .text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.groupDrop[b-8v8kmbb6la]  .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper .text-wrapper .name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/AddExpenseRightPaneComponent.razor.rz.scp.css */
@charset "UTF-8";
/*total tax*/
.tax-container[b-vva9wzq0f4] {
  display: flex;
  flex-direction: column;
  padding: 0 16px 0 16px;
}
.tax-container.tax-files-border[b-vva9wzq0f4] {
  border-bottom: 1px solid var(--grey-02);
}
.tax-container.tax-files-border .tax-alignment.type-preset-5 label[b-vva9wzq0f4] {
  cursor: pointer;
}
.tax-container .tax-alignment[b-vva9wzq0f4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: right;
}
.tax-container .tax-alignment.total-with-taxes[b-vva9wzq0f4] {
  padding-bottom: 5px;
}
.tax-container .tax-alignment.total-without-taxes[b-vva9wzq0f4] {
  padding-top: 5px;
  padding-bottom: 8px;
}
.tax-container .tax-alignment.tax-margin[b-vva9wzq0f4] {
  padding-bottom: 10px;
  padding-top: 0px;
}
.tax-container .tax-alignment .tax-name-margin[b-vva9wzq0f4] {
  padding-left: 10px;
  padding-right: 10px;
}

/*Amount excluding tax*/
.amount-excluding-tax[b-vva9wzq0f4] {
  padding: 16px;
  display: flex;
  flex-direction: column;
}

/*Total amount*/
.total-amount[b-vva9wzq0f4] {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  border-bottom: 1px solid var(--grey-02);
  padding: 16px;
}

/*Files*/
.files-container[b-vva9wzq0f4] {
  border-bottom: 1px solid var(--grey-02);
  padding: 16px 16px 0 16px;
}
.files-container .label-btn[b-vva9wzq0f4] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 16px;
}
.files-container .label-btn label[b-vva9wzq0f4] {
  margin: 0;
  cursor: pointer;
}
.files-container .files-list .file[b-vva9wzq0f4] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.files-container .files-list .file .icon-file-wrapper[b-vva9wzq0f4] {
  max-width: 95%;
  display: flex;
  align-items: center;
}
.files-container .files-list .file .icon-file-wrapper .far[b-vva9wzq0f4] {
  margin-right: 8px;
}
.files-container .files-list .file .icon-file-wrapper span[b-vva9wzq0f4] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90%;
  display: inline-block;
}
.files-container .files-list .file .far.fa-trash-alt[b-vva9wzq0f4] {
  cursor: pointer;
}

/*Comment*/
.comment .label-btn-wrapper[b-vva9wzq0f4] {
  display: flex;
  justify-content: space-between;
}
.comment .label-btn-wrapper[b-vva9wzq0f4]  .base-btn-wrapper {
  height: fit-content;
}
.comment .label-btn-wrapper[b-vva9wzq0f4]  .base-btn-wrapper a {
  height: 100%;
  width: 100%;
}

/* Styles for Task dropdown with dual value */
.dual-value-dropdown .rz-dropdown .rz-dropdown-label.rz-inputtext .field-name[b-vva9wzq0f4]:after {
  content: " - ";
}
.dual-value-dropdown .rz-dropdown .rz-dropdown-label.rz-inputtext p[b-vva9wzq0f4] {
  margin: 0px;
}
.dual-value-dropdown .rz-dropdown .rz-dropdown-label.rz-inputtext p[b-vva9wzq0f4], .dual-value-dropdown .rz-dropdown .rz-dropdown-label.rz-inputtext span[b-vva9wzq0f4] {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/AddGroupFiltersRightPanelComponent.razor.rz.scp.css */
.matching-filters-container[b-xuy4zfvr2u] {
  /* Make the first letter of the string Capital and rest lowercase*/
}
.matching-filters-container .matching-filter[b-xuy4zfvr2u] {
  width: 100%;
  padding: 16px 16px 16px 32px;
  background-color: var(--grey-03);
  border-bottom: 1px solid var(--grey-02);
  cursor: pointer;
}
.matching-filters-container .matching-filter h4[b-xuy4zfvr2u] {
  margin-bottom: 4px;
  line-height: 19px;
}
.matching-filters-container span[b-xuy4zfvr2u] {
  display: block;
  text-transform: lowercase;
}
.matching-filters-container span[b-xuy4zfvr2u]::first-letter {
  text-transform: uppercase;
}

.search-box[b-xuy4zfvr2u] {
  padding: 16px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/AddHolidayPaneComponent.razor.rz.scp.css */
[b-6i2rirwvos] form {
  display: flex;
}

[b-6i2rirwvos] .isImportChoice {
  display: block !important;
  flex: 1 !important;
  text-align: center !important;
  margin-bottom: 0px !important;
}

.holidayElement[b-6i2rirwvos] {
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  padding: 16px 16px 16px 32px;
  background: #FDFCFF;
  border-radius: 0px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.15);
  flex-direction: row;
  justify-content: left;
}
.holidayElement .name-description__wrapper[b-6i2rirwvos] {
  margin-left: 16px;
}
.holidayElement .elementTitle[b-6i2rirwvos] {
  font-size: 15px;
  font-weight: 500;
  display: block;
  margin-bottom: 0px;
}
.holidayElement .elementDesc[b-6i2rirwvos] {
  margin-bottom: 0px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/AddOrEditAccessDelegationPaneComponent.razor.rz.scp.css */
.resource-dropdown[b-1h5s0ywmgc]  .rz-dropdown .rz-dropdown-label.rz-inputtext {
  display: flex;
  align-items: center;
  color: var(--b-dark-02);
  padding: 8px 0px;
}
.resource-dropdown[b-1h5s0ywmgc]  .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper .placeholder {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 8px;
}
.resource-dropdown[b-1h5s0ywmgc]  .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper .placeholder img {
  width: 24px;
  height: 24px;
}

/* Style for the x icon in the date field */
.wrapper-border.label-button[b-1h5s0ywmgc] {
  position: relative;
}
.wrapper-border.label-button i[b-1h5s0ywmgc] {
  position: absolute;
  right: 28px;
  bottom: 31px;
  cursor: pointer;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/AddPlanningComponent.razor.rz.scp.css */
@charset "UTF-8";
.hide[b-qv019bfrr0] {
  display: none;
}

/* Date */
.date-block[b-qv019bfrr0] {
  /*Add Date Button*/
}
.date-block .delete-btn-wrapper[b-qv019bfrr0] {
  display: none;
}
.date-block .input-button-wrapper[b-qv019bfrr0] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.date-block .secondary-btn[b-qv019bfrr0] {
  padding: 0;
  width: 100%;
  border: 1px solid var(--b-med-01);
  height: 40px;
  margin-top: 16px;
  font-weight: 500;
  color: var(--b-med-01);
}
.date-block .secondary-btn[b-qv019bfrr0]  .base-btn-wrapper {
  height: 100%;
  justify-content: center;
}
.date-block .secondary-btn[b-qv019bfrr0]  .base-btn-wrapper a {
  height: 100%;
  width: fit-content;
}
.date-block .secondary-btn[b-qv019bfrr0]  .base-btn-wrapper a:hover {
  color: var(--b-med-01);
}
.date-block .date-form-wrapper[b-qv019bfrr0] {
  background-color: var(--med-02-opacity-20);
  border-radius: 0 0 4px 4px;
  padding: 16px 8px;
  border-top: 1px solid var(--grey-02);
  margin-bottom: 16px;
}
.date-block .date-form-wrapper[b-qv019bfrr0]  .input-wrapper {
  width: 165px !important;
}
.date-block .date-form-wrapper[b-qv019bfrr0]  .input-wrapper .rz-datepicker .rz-inputtext {
  padding-left: 32px !important;
  padding-right: 8px !important;
}
.date-block .date-form-wrapper[b-qv019bfrr0]  .input-wrapper .rz-datepicker .rz-datepicker-trigger {
  left: 8px !important;
}
.date-block .btn-wrapper[b-qv019bfrr0] {
  display: flex;
  gap: 16px;
}
.date-block .btn-wrapper[b-qv019bfrr0]  .secondary-btn {
  flex: 1;
}

[b-qv019bfrr0] .margin-b-0 {
  margin-bottom: 0;
}

.two-fields[b-qv019bfrr0] {
  margin-bottom: 8px;
}

/*Recurrence*/
.recurrence-setup[b-qv019bfrr0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.recurrence-setup .recurrence-dropdown-btn[b-qv019bfrr0] {
  max-width: 60%;
}
.recurrence-setup .recurrence-dropdown-btn[b-qv019bfrr0]  .rz-dropdown {
  border: none;
  background-color: transparent;
  padding: 0;
  height: 16px;
  line-height: 1;
  box-shadow: none;
  align-items: center;
}
.recurrence-setup .recurrence-dropdown-btn[b-qv019bfrr0]  .rz-dropdown:hover, .recurrence-setup .recurrence-dropdown-btn[b-qv019bfrr0]  .rz-dropdown:focus {
  box-shadow: none;
  border: none;
  background: none;
}
.recurrence-setup .recurrence-dropdown-btn[b-qv019bfrr0]  .rz-dropdown .rz-dropdown-label.rz-inputtext {
  margin-right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  padding: 0 !important;
}
.recurrence-setup .recurrence-dropdown-btn[b-qv019bfrr0]  .rz-dropdown .rz-dropdown-label.rz-inputtext span {
  font-size: 12px;
}
.recurrence-setup .recurrence-dropdown-btn[b-qv019bfrr0]  .rz-dropdown .rz-dropdown-trigger-icon.rzi.rzi-chevron-down {
  margin-right: 0;
}
.recurrence-setup .recurrence-dropdown-btn[b-qv019bfrr0]  .rz-dropdown .rz-dropdown-trigger.rz-corner-right {
  right: 16px;
  bottom: -2px;
}
.recurrence-setup .until-date-wrapper[b-qv019bfrr0] {
  position: relative;
  cursor: pointer;
}
.recurrence-setup .until-date-wrapper .calendar[b-qv019bfrr0] {
  position: absolute;
  z-index: 3;
  right: 20px;
}

/*Allocation*/
.tab[b-qv019bfrr0] {
  margin: 8px 0 16px 0;
  /*made the tab take whole width and flex-grow single label*/
}
.tab[b-qv019bfrr0]  form {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.tab[b-qv019bfrr0]  form label {
  flex-grow: 1;
  align-items: center;
  display: flex;
  justify-content: center !important;
  margin-bottom: 0 !important;
  padding: 12px;
  color: var(--b-med-01);
}

.allocation-report[b-qv019bfrr0] {
  padding: 16px 0;
  color: var(--grey-01);
}
.allocation-report--item[b-qv019bfrr0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  gap: 4px;
}

/*Team*/
.wrapper-border.label-button.team[b-qv019bfrr0] {
  /*Total planned hours indicator*/
  /*Row planned resource added*/
  /*Add planned resource button*/
}
.wrapper-border.label-button.team .team-header[b-qv019bfrr0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrapper-border.label-button.team .planned-hours[b-qv019bfrr0] {
  background: var(--grey-03);
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  padding: 4px 6px;
  margin-bottom: 8px;
  text-transform: lowercase;
  display: flex;
  flex-direction: row;
}
.wrapper-border.label-button.team .planned-hours.not-null[b-qv019bfrr0] {
  background: var(--a-light-orange-02);
  color: var(--a-orange-02);
}
.wrapper-border.label-button.team .planned-hours div[b-qv019bfrr0] {
  display: inline-block;
}
.wrapper-border.label-button.team .resource-planned[b-qv019bfrr0] {
  display: flex;
  flex-direction: row;
  flex-wrap: none;
  align-items: center;
  justify-content: space-between;
  /*margin-bottom: 16px;*/
  border-radius: 4px;
  padding: 8px;
  /*Buttons to add time to resource*/
}
.wrapper-border.label-button.team .resource-planned:hover[b-qv019bfrr0] {
  background: rgba(183, 186, 214, 0.3);
  /*When row resource hovered, make the delete button visible*/
}
.wrapper-border.label-button.team .resource-planned:hover .avatar-text-wrapper .avatar-delete-btn[b-qv019bfrr0]  .base-btn-wrapper {
  visibility: visible;
  pointer-events: auto;
}
.wrapper-border.label-button.team .resource-planned:hover .avatar-text-wrapper[b-qv019bfrr0]  .avatar {
  visibility: hidden;
}
.wrapper-border.label-button.team .resource-planned .avatar-text-wrapper[b-qv019bfrr0] {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 55%;
  gap: 8px;
}
.wrapper-border.label-button.team .resource-planned .avatar-text-wrapper .icon[b-qv019bfrr0] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  box-shadow: 0px 2px 3px 0px rgba(52, 52, 77, 0.05) inset, 0px 0px 2px 0px rgba(52, 52, 77, 0.1) inset;
}
.wrapper-border.label-button.team .resource-planned .avatar-text-wrapper .icon i.fa-light.fa-users[b-qv019bfrr0] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper-border.label-button.team .resource-planned .avatar-text-wrapper .name[b-qv019bfrr0] {
  white-space: nowrap;
  overflow: hidden;
  max-width: 72%;
  text-overflow: ellipsis;
}
.wrapper-border.label-button.team .resource-planned .avatar-text-wrapper .avatar-delete-btn[b-qv019bfrr0] {
  position: relative;
  /*delete btn style - not visible when not hovered*/
}
.wrapper-border.label-button.team .resource-planned .avatar-text-wrapper .avatar-delete-btn img[b-qv019bfrr0] {
  margin-right: 8px;
}
.wrapper-border.label-button.team .resource-planned .avatar-text-wrapper .avatar-delete-btn[b-qv019bfrr0]  .base-btn-wrapper {
  width: 32px;
  height: 32px;
  position: absolute;
  bottom: 0;
  visibility: hidden;
  pointer-events: none;
}
.wrapper-border.label-button.team .resource-planned .avatar-text-wrapper .avatar-delete-btn[b-qv019bfrr0]  .base-btn-wrapper .delete-resource-btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #FFDFE0;
  opacity: 0.8;
  padding: 8px;
  border: 1px solid var(--red-02);
}
.wrapper-border.label-button.team .resource-planned .avatar-text-wrapper .avatar-delete-btn[b-qv019bfrr0]  .base-btn-wrapper .delete-resource-btn i {
  margin: auto;
  font-size: 14px;
  color: var(--red-02);
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-qv019bfrr0] {
  display: flex;
  flex-direction: row;
  flex-wrap: none;
  align-items: center;
  /*Input time*/
  /*Minus and Plus buttons*/
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-qv019bfrr0]  .input-wrapper {
  width: 56px;
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-qv019bfrr0]  .input-wrapper input {
  width: 56px;
  height: 40px;
  text-align: center;
  padding: 0;
  border-radius: 0;
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-qv019bfrr0]  .input-wrapper .input-error {
  position: relative;
  top: 16px;
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-qv019bfrr0]  .input-wrapper .error-text-input {
  position: relative;
  top: 13px;
  left: 48px;
  width: max-content;
  margin: 8px 0px;
  align-self: end;
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-qv019bfrr0]  .input-wrapper .error-text-input .spacer {
  height: 50px;
  margin: 0 0 -50px 0;
  background: transparent;
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-qv019bfrr0]  .base-btn-wrapper {
  background: transparent;
  border-radius: 4px 0 0 4px;
  border: 1px solid var(--b-dark-02);
  width: 40px;
  height: 40px;
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-qv019bfrr0]  .base-btn-wrapper a {
  padding: 0;
  width: 100%;
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-qv019bfrr0]  .base-btn-wrapper a:hover {
  width: 100%;
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-qv019bfrr0]  .base-btn-wrapper a i {
  margin-right: 0;
  margin: auto;
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper .input-error-wrapper[b-qv019bfrr0] +  .base-btn-wrapper {
  border-radius: 0 4px 4px 0;
}
.wrapper-border.label-button.team .secondary-btn[b-qv019bfrr0] {
  padding: 0;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapper-border.label-button.team .secondary-btn[b-qv019bfrr0]  .rz-dropdown {
  border: none;
  box-shadow: none;
  background: none;
  width: 100%;
}
.wrapper-border.label-button.team .secondary-btn[b-qv019bfrr0]  .rz-dropdown:hover {
  border: none;
  box-shadow: none;
  background: none;
}
.wrapper-border.label-button.team .secondary-btn[b-qv019bfrr0]  .rz-dropdown .rz-dropdown-label.rz-inputtext {
  color: var(--b-med-01);
  font-weight: 500;
}
.wrapper-border.label-button.team .secondary-btn[b-qv019bfrr0]  .rz-dropdown .rz-dropdown-label.rz-inputtext.rz-placeholder {
  justify-content: center;
  max-width: 100%;
  font-family: "IBM Plex Sans", sans-serif;
}
.wrapper-border.label-button.team .secondary-btn[b-qv019bfrr0]  .rz-dropdown .rz-dropdown-label.rz-inputtext.rz-placeholder::before {
  content: "+";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  margin-right: 8px;
}
.wrapper-border.label-button.team .secondary-btn[b-qv019bfrr0]  .rz-dropdown .rz-dropdown-trigger.rz-corner-right {
  display: none;
}

/*Lock Planning*/
.wrapper-border.label-button.lock-planning[b-qv019bfrr0] {
  /*vertical align center swtich button*/
}
.wrapper-border.label-button.lock-planning[b-qv019bfrr0]  .lock-planning-wrapper {
  display: flex;
  justify-content: space-between;
}
.wrapper-border.label-button.lock-planning[b-qv019bfrr0]  .rz-switch-circle {
  margin: auto;
}

/*Comment*/
.comment[b-qv019bfrr0] {
  padding: 16px;
}
.comment .label-btn-wrapper[b-qv019bfrr0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.comment .label-btn-wrapper[b-qv019bfrr0]  .base-btn-wrapper {
  height: fit-content;
}
.comment .label-btn-wrapper[b-qv019bfrr0]  .base-btn-wrapper a {
  height: 100%;
  width: 100%;
}
.comment[b-qv019bfrr0]  .input-wrapper {
  width: 100%;
}

/* Styles for Task dropdown with dual value */
.dual-value-dropdown .rz-dropdown .rz-dropdown-label.rz-inputtext .field-name[b-qv019bfrr0]:after {
  content: " - ";
}
.dual-value-dropdown .rz-dropdown .rz-dropdown-label.rz-inputtext p[b-qv019bfrr0] {
  margin: 0px;
}
.dual-value-dropdown .rz-dropdown .rz-dropdown-label.rz-inputtext p[b-qv019bfrr0], .dual-value-dropdown .rz-dropdown .rz-dropdown-label.rz-inputtext span[b-qv019bfrr0] {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.planning-note textarea[b-qv019bfrr0] {
  width: 100%;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/AddTimeRightPaneComponent.razor.rz.scp.css */
@charset "UTF-8";
/*Comment*/
.comment .label-btn-wrapper[b-ucp65esmvs] {
  display: flex;
  justify-content: space-between;
}
.comment .label-btn-wrapper[b-ucp65esmvs]  .base-btn-wrapper {
  height: fit-content;
}
.comment .label-btn-wrapper[b-ucp65esmvs]  .base-btn-wrapper a {
  height: 100%;
  width: 100%;
}

/* Styles for Task dropdown with dual value */
.dual-value-dropdown .rz-dropdown .rz-dropdown-label.rz-inputtext .field-name[b-ucp65esmvs]:after {
  content: " - ";
}
.dual-value-dropdown .rz-dropdown .rz-dropdown-label.rz-inputtext p[b-ucp65esmvs] {
  margin: 0px;
}
.dual-value-dropdown .rz-dropdown .rz-dropdown-label.rz-inputtext p[b-ucp65esmvs], .dual-value-dropdown .rz-dropdown .rz-dropdown-label.rz-inputtext span[b-ucp65esmvs] {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/CardCustomizationRightPaneComponent.razor.rz.scp.css */
.right-panel-header.search[b-nfv133s36s] {
  flex-direction: column;
  align-items: flex-start;
}
.right-panel-header.search.search-box[b-nfv133s36s] {
  min-height: 120px;
}
.right-panel-header.search .title-button-wrapper[b-nfv133s36s] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4px;
}
.right-panel-header.search .title-button-wrapper h3[b-nfv133s36s] {
  line-height: 24px;
}
.right-panel-header.search .search-container[b-nfv133s36s] {
  width: 100%;
}

.matching-filters-container .matching-filter[b-nfv133s36s] {
  width: 100%;
  padding: 16px 16px 16px 32px;
  background-color: var(--grey-03);
  border-bottom: 1px solid var(--grey-02);
  cursor: pointer;
}
.matching-filters-container .matching-filter h4[b-nfv133s36s] {
  margin-bottom: 4px;
  line-height: 19px;
}

.card-container[b-nfv133s36s] {
  display: flex;
  justify-content: center;
  margin: 8px 2px 0px 2px;
}

.info-card-container[b-nfv133s36s], [b-nfv133s36s] .draggable-items-wrapper {
  margin-top: 4px;
}
.info-card-container .draggable-items_container div[draggable=true][b-nfv133s36s], [b-nfv133s36s] .draggable-items-wrapper .draggable-items_container div[draggable=true] {
  margin-bottom: 8px;
}
.info-card-container .draggable-items_container .drop-area[b-nfv133s36s], [b-nfv133s36s] .draggable-items-wrapper .draggable-items_container .drop-area {
  margin-bottom: 8px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/CategorieCustomFieldAddorEditPaneComponent.razor.rz.scp.css */
.rightPane .content .wrapper-border:last-of-type[b-t40bu8cxbw] {
  border-bottom: none;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/ConfirmStateChangesRightPaneComponent.razor.rz.scp.css */
.card-wrp[b-ibry4u33ey] {
  padding: 16px;
  gap: 16px;
  display: flex;
  flex-direction: column;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/CustomFieldsAccessRightPaneComponent.razor.rz.scp.css */
.right-panel-header.search[b-do173ewpqo] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.right-panel-header.search.search-box[b-do173ewpqo] {
  min-height: 120px;
}
.right-panel-header.search[b-do173ewpqo]  .input-outer-wrapper {
  margin-top: 16px;
}

.content[b-do173ewpqo] {
  padding-top: 2px;
}

.item[b-do173ewpqo] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  max-width: 100%;
}
.item.parent[b-do173ewpqo] {
  background: var(--b-light-01);
  margin: 0px 4px 2px 4px;
}
.item.parent:first-of-type[b-do173ewpqo] {
  margin-top: 2px;
}
.item.all-selected[b-do173ewpqo] {
  background: var(--a-light-orange-01);
}
.item.children[b-do173ewpqo] {
  background-color: var(--b-light-02);
  margin: 0px 4px;
}
.item .checkbox-container[b-do173ewpqo] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
  padding: 8px;
}
.item .checkbox-container.bar[b-do173ewpqo]  .rz-chkbox-icon.rzi.rzi-check {
  display: flex;
  align-items: center;
  position: relative;
}
.item .checkbox-container.bar[b-do173ewpqo]  .rz-chkbox-icon.rzi.rzi-check::before {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 6px;
}
.item .name-dropdown[b-do173ewpqo] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-grow: 1;
  padding: 12px 16px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  max-width: 89%;
  margin-left: 2px;
}
.item .name-dropdown span[b-do173ewpqo] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 85%;
}
.item .name-dropdown i[b-do173ewpqo] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  width: 16px;
  height: 16px;
}
.item .name-dropdown i[b-do173ewpqo]::before {
  position: relative;
  top: 2px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/DelegationRightPaneComponent.razor.rz.scp.css */
.right-panel-header[b-0dxtyfjh3z] {
  padding: 16px;
}
.right-panel-header.no-filter[b-0dxtyfjh3z] {
  min-height: 124px;
}
.right-panel-header.search-container[b-0dxtyfjh3z] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.right-panel-header.search-container .grey-search-bg[b-0dxtyfjh3z] {
  margin-top: 16px;
  width: 100%;
}
.right-panel-header.search-container .grey-search-bg input[b-0dxtyfjh3z] {
  width: 100%;
  padding: 12px 16px 12px 16px;
  color: var(--b-dark-02);
}
.right-panel-header.search-container[b-0dxtyfjh3z]  .filters-wrapper .button {
  width: 122px;
}

.avatar-text-wrapper[b-0dxtyfjh3z] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px 16px 16px 32px;
  cursor: pointer;
  border-bottom: 1px solid var(--grey-02);
  background: var(--b-light-02);
}
.avatar-text-wrapper .name-desc-wrp[b-0dxtyfjh3z] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: 100%;
}
.avatar-text-wrapper:active[b-0dxtyfjh3z] {
  background: var(--a-light-orange-02);
}
.avatar-text-wrapper:hover[b-0dxtyfjh3z] {
  background: var(--a-light-orange-02);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/DirectionAddOrEditPaneComponent.razor.rz.scp.css */
/*.section-with-avatar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;

    label.type-preset-7.b-med-01.team-label {
        margin: 0;
    }

    .avatar-wrapper {
        display: flex;
        flex-direction: row;
        padding-right: 8px;

        .image-elements {
            position: relative;
            margin-right: -8px;
        }

        .img-counter {
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--b-light-01);
            background: var(--b-dark-02);
        }
    }
}*/
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/DueDateUpdate.razor.rz.scp.css */
.rp-container[b-5kksjsctun] {
  padding: 16px;
}
.rp-container .text-information[b-5kksjsctun] {
  margin-bottom: 8px;
}
.rp-container .item[b-5kksjsctun] {
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
}
.rp-container .item[b-5kksjsctun]  .rz-chkbox {
  margin-right: 8px;
}
.rp-container .item span[b-5kksjsctun] {
  margin: auto 0px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/EditClientPaneComponent.razor.rz.scp.css */
.content.modes[b-k7h715e08q] {
  /*::deep .base-btn-wrapper a {
      height: fit-content;
      align-items: flex-start;
      cursor: default;        
  }*/
  /* Content section in edit mode */
}
.content.modes.edit-mode[b-k7h715e08q]  .dropdown-wrapper.resource .rz-dropdown .rz-dropdown-label.rz-inputtext {
  padding: 0px;
}
.content.modes.edit-mode .wrapper-border.label-button[b-k7h715e08q] {
  position: relative;
  background-color: var(--a-light-orange-02);
  /*padding-top: 0;
  display: flex;
  flex-direction: column;*/
}
.content.modes.edit-mode .wrapper-border.label-button[b-k7h715e08q]  .dynamic-custom-fields {
  position: relative;
}
.content.modes.edit-mode .wrapper-border.label-button[b-k7h715e08q]  .dynamic-custom-fields .rz-dropdown .rz-dropdown-label {
  justify-content: flex-start;
}
.content.modes.edit-mode .wrapper-border.label-button[b-k7h715e08q]  .input-wrapper {
  display: flex;
}
.content.modes.edit-mode .wrapper-border.label-button[b-k7h715e08q]  .input-wrapper label {
  cursor: move;
}
.content.modes.archived .wrapper-border.label-button .link[b-k7h715e08q], .content.modes.archived .wrapper-border.label-button .link i[b-k7h715e08q] {
  color: var(--grey-01);
  pointer-events: none;
}

/*The styles in the RightPanesManager have precedence. Hence, using the parent-child relationship (to override the styles) to match the design for archived clients*/
/*.rightPane .content.archived .wrapper-border.label-button label {
    color: var(--grey-01);
}*/
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/EditCustomFieldComponent.razor.rz.scp.css */
[b-iuqsoovu3h] .input-wrapper {
  margin-bottom: 16px;
  width: 100%;
}
[b-iuqsoovu3h] .input-wrapper .rz-dropdown-label.rz-inputtext {
  margin: 0;
}
[b-iuqsoovu3h] .input-wrapper .rz-dropdown {
  width: 100%;
}
[b-iuqsoovu3h] .input-wrapper input {
  width: 100%;
}
[b-iuqsoovu3h] .input-wrapper.label-switch-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

[b-iuqsoovu3h] .wrapper-border.label-button.list-wrapper .draggable-items_container div[draggable=true] {
  margin-bottom: 8px;
}
[b-iuqsoovu3h] .wrapper-border.label-button.list-wrapper .draggable-items_container .drop-area {
  margin-bottom: 8px;
}

[b-iuqsoovu3h] .checkbox-wrapper {
  display: flex;
  flex-direction: row;
  align-content: center;
  margin: 0 0 24px 0;
}
[b-iuqsoovu3h] .checkbox-wrapper p {
  margin: 0 0 0 8px;
  color: var(--b-med-01);
  line-height: normal;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/EditFiltersRightPaneComponent.razor.rz.scp.css */
.right-panel-header.search[b-v6aeqcptm7] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.right-panel-header.search.search-box[b-v6aeqcptm7] {
  min-height: 120px;
}
.right-panel-header.search[b-v6aeqcptm7]  .input-outer-wrapper {
  margin-top: 16px;
}

[b-v6aeqcptm7] .no-result-wrapper {
  margin-left: 0px;
}
[b-v6aeqcptm7] .no-result-wrapper .secondary-btn {
  width: fit-content;
}

.filters-wrapper[b-v6aeqcptm7] {
  padding: 16px;
}

.filter-container[b-v6aeqcptm7]  .subheader-wrapper {
  position: sticky;
  z-index: 4;
  top: 0;
}

.add-filter-container[b-v6aeqcptm7] {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.add-filter-container a[b-v6aeqcptm7] {
  margin-top: 10px;
}
.add-filter-container .add-filter-btn[b-v6aeqcptm7] {
  position: absolute;
  top: 8px;
  color: var(--b-med-01);
  justify-self: right;
}

.filter[b-v6aeqcptm7] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  background: var(--white);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 8px 8px 8px 16px;
  cursor: pointer;
}
.filter .filter-content-wrapper[b-v6aeqcptm7] {
  width: 85%;
}
.filter .filter-content-wrapper h3 a[b-v6aeqcptm7] {
  color: var(--b-dark-02);
  text-decoration: none;
  font-weight: 500;
}
.filter .filter-content-wrapper[b-v6aeqcptm7]  h6 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: var(--b-med-01);
  overflow-wrap: break-word;
}
.filter .delete-btn[b-v6aeqcptm7] {
  display: none;
  color: var(--b-med-02);
  border: 1px solid var(--b-med-02);
  height: 40px;
  width: 40px;
  outline: none;
}
.filter .delete-btn:hover[b-v6aeqcptm7] {
  display: flex;
  align-items: center;
  color: var(--red-02);
  border: 1px solid var(--red-02);
  background: var(--red-03);
}
.filter:hover .filter-content-wrapper[b-v6aeqcptm7] {
  max-width: 90%;
}
.filter:hover .delete-btn[b-v6aeqcptm7] {
  display: flex;
  align-items: center;
}

.matching-filters-container .matching-filter[b-v6aeqcptm7] {
  width: 100%;
  padding: 16px 16px 16px 32px;
  background-color: var(--grey-03);
  border-bottom: 1px solid var(--grey-02);
  cursor: pointer;
}
.matching-filters-container .matching-filter h4[b-v6aeqcptm7] {
  margin-bottom: 4px;
  line-height: 19px;
}

/* Make the first letter of the string Capital and rest lowercase*/
span[b-v6aeqcptm7] {
  display: block;
  text-transform: lowercase;
}

span[b-v6aeqcptm7]::first-letter {
  text-transform: uppercase;
}

/* Style for all the sub components*/
.filter-container[b-v6aeqcptm7]  .rz-listbox-filter-container .rz-inputtext {
  padding: 12px 16px 12px 40px;
  background: var(--white);
}
.filter-container[b-v6aeqcptm7]  .rz-listbox-filter-icon.rzi.rzi-search {
  position: absolute;
  left: 64px;
  color: var(--b-med-01);
}
.filter-container[b-v6aeqcptm7]  .card-result-resource {
  display: flex;
  flex-direction: row;
  padding: 16px 16px 16px 32px;
  background: var(--grey-03);
  border-radius: 0px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.15);
  justify-content: space-between;
  cursor: pointer;
}
.filter-container[b-v6aeqcptm7]  .card-result-resource.selected {
  background: var(--a-light-orange-02);
  color: var(--a-orange-01);
}
.filter-container[b-v6aeqcptm7]  .card-result-resource.selected h4 {
  color: var(--a-orange-01);
}
.filter-container[b-v6aeqcptm7]  .wrapper-border.label-button.no-border {
  border: none;
  padding-top: 8px;
}
.filter-container[b-v6aeqcptm7]  .wrapper-border.label-button.no-border .sub-heading {
  margin-left: 16px;
  margin-bottom: 8px;
}
.filter-container[b-v6aeqcptm7]  .wrapper-border.label-button.no-border .sub-heading a {
  color: var(--b-med-01);
}
.filter-container[b-v6aeqcptm7]  .wrapper-border.label-button.no-border .input-container {
  margin-top: 8px;
  position: relative;
}
.filter-container[b-v6aeqcptm7]  .wrapper-border.label-button.no-border .input-container .fa-regular.fa-xmark {
  position: absolute;
}
.filter-container[b-v6aeqcptm7]  .wrapper-border.label-button.no-border .input-container .fa-regular.fa-xmark.date-after {
  top: 128px;
  right: 32px;
}
.filter-container[b-v6aeqcptm7]  .wrapper-border.label-button.no-border .input-container .fa-regular.fa-xmark.date-after-millesime {
  top: 133px;
  right: 32px;
}
.filter-container[b-v6aeqcptm7]  .wrapper-border.label-button.no-border .input-container .fa-regular.fa-xmark.date-before {
  bottom: 32px;
  right: 32px;
}
.filter-container[b-v6aeqcptm7]  .wrapper-border.label-button.no-border .list-item {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.filter-container[b-v6aeqcptm7]  .wrapper-border.label-button.no-border .list-item span.type-preset-7.b-dark-02 {
  margin-left: 8px;
  margin-bottom: 0;
}
.filter-container[b-v6aeqcptm7]  .wrapper-border.label-button.no-border.with-dropdown {
  display: flex;
  flex-direction: column;
}
.filter-container[b-v6aeqcptm7]  .wrapper-border.label-button.no-border.with-dropdown p.title {
  position: relative;
  margin: 8px 16px 0px 16px;
}
.filter-container[b-v6aeqcptm7]  .wrapper-border.label-button.no-border.with-dropdown .calendar-wrapper {
  margin-top: 8px;
  width: 100%;
}
.filter-container[b-v6aeqcptm7]  .wrapper-border.label-button.no-border.with-dropdown .calendar-wrapper .rz-inputtext {
  width: 100%;
}

/* this style is to make the no-value checkbox to be on top in the client name filter*/
[b-v6aeqcptm7] .project-client-filter .rz-listbox-list {
  margin-top: 56px;
}
[b-v6aeqcptm7] .project-client-filter .wrapper-border.label-button.no-border.list-no-value {
  background: var(--grey-03);
  color: var(--b-dark-02);
  border-bottom: 1px solid var(--grey-02);
  position: absolute;
  top: 203px;
  left: 1px;
  width: 99.5%;
}
[b-v6aeqcptm7] .project-client-filter .wrapper-border.label-button.no-border.list-no-value .list-item .no-value {
  margin-left: 0.5rem;
}

/* sub header with search */
[b-v6aeqcptm7] .filter-sub-header-container {
  height: fit-content;
  position: relative;
  background-color: var(--b-light-02);
}
[b-v6aeqcptm7] .filter-sub-header-container.hasSearch {
  padding-bottom: 16px;
  position: sticky;
  top: 0;
}
[b-v6aeqcptm7] .filter-sub-header-container.hasSearch .input-wrapper.search {
  width: 100%;
  padding: 0 16px;
  margin: 0;
}
[b-v6aeqcptm7] .filter-sub-header-container.hasSearch .input-wrapper.search:before {
  left: 16px;
}
[b-v6aeqcptm7] .filter-sub-header-container.custom-fields {
  padding: 16px 16px 16px 32px;
  gap: 16px;
  display: flex;
  flex-direction: column;
}
[b-v6aeqcptm7] .filter-sub-header-container.custom-fields .input-wrapper.search {
  padding: 0;
}

[b-v6aeqcptm7] .filter-margin {
  margin: 16px 16px 16px 32px;
}

/*Style for long mission names in the checkbox list*/
/*::deep li.rz-multiselect-item {
    display: inline-flex !important;
    width: 100%;

    span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 85%;
    }
}*/
/*New Style*/
[b-v6aeqcptm7] .main-filter-container {
  position: relative;
}
[b-v6aeqcptm7] .main-filter-container p {
  padding: 0 0 0 16px;
  margin: 0;
  color: var(--b-med-01);
}
[b-v6aeqcptm7] .main-filter-container .dropdown-wrapper {
  display: flex;
  align-items: center;
  padding: 16px 0px;
}
[b-v6aeqcptm7] .main-filter-container .card-result-resource {
  display: flex;
  flex-direction: row;
  padding: 16px 16px 16px 32px;
  background: var(--grey-03);
  border-radius: 0px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.15);
  justify-content: space-between;
  cursor: pointer;
}
[b-v6aeqcptm7] .main-filter-container .card-result-resource.selected {
  background: var(--a-light-orange-02);
  color: var(--a-orange-01);
}
[b-v6aeqcptm7] .main-filter-container .card-result-resource.selected h4 {
  color: var(--a-orange-01);
}
[b-v6aeqcptm7] .main-filter-container .sub-heading {
  padding: 16px;
  background: var(--b-light-02);
  border-bottom: 1px solid var(--grey-02);
  position: sticky;
  top: 0;
  z-index: 3;
}
[b-v6aeqcptm7] .main-filter-container .sub-heading .rz-dropdown {
  width: 100%;
  margin: 0;
}
[b-v6aeqcptm7] .main-filter-container .sub-heading.list-box p {
  padding-bottom: 0;
}
[b-v6aeqcptm7] .main-filter-container .select-all {
  position: absolute;
  top: 146px;
  padding: 16px 16px 16px 50px;
  background: var(--b-light-01);
  display: flex;
  height: 57px;
  align-items: center;
  width: 100%;
  border: 1px solid #D6DBE3;
}
[b-v6aeqcptm7] .main-filter-container .rz-listbox.rz-inputtext .rz-listbox-list-wrapper {
  padding: 0;
}
[b-v6aeqcptm7] .main-filter-container .rz-listbox.rz-inputtext .rz-listbox-header {
  height: 136px;
  padding: 16px;
  display: flex;
  flex-direction: column-reverse;
  align-items: start;
  justify-content: start;
  background-color: var(--b-light-01);
  top: 39px;
}
[b-v6aeqcptm7] .main-filter-container .rz-listbox.rz-inputtext .rz-listbox-header .rz-listbox-filter-container {
  width: 100%;
  flex: none;
  display: block;
}
[b-v6aeqcptm7] .main-filter-container .rz-listbox.rz-inputtext .rz-listbox-header .rz-listbox-filter-container .rz-inputtext {
  background: white;
  width: 100%;
  padding-left: 40px;
}
[b-v6aeqcptm7] .main-filter-container .rz-listbox.rz-inputtext .rz-listbox-header .rz-listbox-filter-container .rz-listbox-filter-icon {
  position: relative;
  bottom: 33px;
  left: 16px;
  height: 16px;
  width: 16px;
  color: #686985;
  font-weight: 400;
  line-height: 16px;
}
[b-v6aeqcptm7] .main-filter-container .rz-listbox.rz-inputtext .rz-listbox-header .rz-listbox-filter-container .rz-listbox-filter-icon::before {
  content: "\f002";
  color: var(--b-med-02);
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
}
[b-v6aeqcptm7] .main-filter-container .rz-listbox.rz-inputtext .rz-listbox-header .rz-chkbox {
  position: relative;
  top: 8px;
  z-index: 2;
}
[b-v6aeqcptm7] .main-filter-container .rz-listbox.rz-inputtext .rz-listbox-list-wrapper li.rz-multiselect-item, [b-v6aeqcptm7] .main-filter-container .rz-listbox.rz-inputtext .rz-listbox-list-wrapper .rz-state-highlight {
  padding: 16px;
  background: var(--grey-03);
  color: var(--b-dark-02);
  border-bottom: 1px solid var(--grey-02);
}
[b-v6aeqcptm7] .main-filter-container .input-container {
  position: relative;
}

/* old custom fields filter style */
[b-v6aeqcptm7] .custom-fields-setup-wrapper .third-heading {
  margin: 16px 0px 16px 32px;
  color: var(--b-dark-02);
}
[b-v6aeqcptm7] .custom-fields-setup-wrapper .third-heading span {
  cursor: pointer;
}
[b-v6aeqcptm7] .custom-fields-setup-wrapper .input-container {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  position: relative;
}
[b-v6aeqcptm7] .custom-fields-setup-wrapper .input-container .input-wrapper {
  padding: 0 16px;
}
[b-v6aeqcptm7] .custom-fields-setup-wrapper .input-container label {
  margin-left: 32px;
}
[b-v6aeqcptm7] .custom-fields-setup-wrapper .input-container .date-after, [b-v6aeqcptm7] .custom-fields-setup-wrapper .input-container .date-before {
  position: absolute;
  top: 40px;
  right: 32px;
}
[b-v6aeqcptm7] .custom-fields-setup-wrapper .list-item {
  padding: 8px 8px 8px 16px;
}
[b-v6aeqcptm7] .custom-fields-setup-wrapper .list-item.no-value {
  padding-top: 0px;
}
[b-v6aeqcptm7] .custom-fields-setup-wrapper .list-item .rz-chkbox {
  margin-right: 0.5rem;
}
[b-v6aeqcptm7] .custom-fields-setup-wrapper .rz-calendar .rz-datepicker-trigger {
  position: absolute;
  left: 16px;
  display: flex;
  align-items: center;
  width: 90%;
}
[b-v6aeqcptm7] .custom-fields-setup-wrapper .rz-calendar .rz-datepicker-trigger .rzi-calendar {
  width: 16px;
  height: 16px;
  font-size: 14px;
  color: var(--b-med-01);
}
[b-v6aeqcptm7] .custom-fields-setup-wrapper .rz-calendar .rz-inputtext {
  padding-left: 40px;
}

/* Temporary styling for the old date and number filters */
[b-v6aeqcptm7] .wrapper-border h5 {
  margin-left: 16px;
}
[b-v6aeqcptm7] .wrapper-border label {
  margin-left: 16px;
}
[b-v6aeqcptm7] .wrapper-border .input-label-wrapper {
  margin-top: 10px;
  position: relative;
}
[b-v6aeqcptm7] .wrapper-border .input-label-wrapper label {
  margin-left: 16px;
}
[b-v6aeqcptm7] .wrapper-border .input-label-wrapper .date-after-millesime, [b-v6aeqcptm7] .wrapper-border .input-label-wrapper .date-before {
  position: absolute;
  top: 45px;
  right: 16px;
}

[b-v6aeqcptm7] .no-border {
  padding: 16px 16px 0px 16px;
}
[b-v6aeqcptm7] .no-border .list-item .item-value {
  margin: 0 0 0 0.5rem;
}

[b-v6aeqcptm7] .sub-heading .filter-name {
  margin-left: 16px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/EditGroupFiltersRightPanelComponent.razor.rz.scp.css */
.filter-groups-wrapper[b-dlsj37esd2] {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.filter-groups-wrapper.no-result[b-dlsj37esd2] {
  padding: 0px;
  width: 100%;
}
.filter-groups-wrapper .filters-wrapper[b-dlsj37esd2] {
  padding: 8px;
  border: 1px dashed var(--b-med-01);
  gap: 8px;
  display: flex;
  flex-direction: column;
  background-color: rgba(183, 186, 214, 0.3019607843);
  border-radius: 4px;
}
.filter-groups-wrapper .filters-wrapper[b-dlsj37esd2]  .filter {
  margin-bottom: 0px;
}
.filter-groups-wrapper[b-dlsj37esd2]  .no-result-wrapper {
  margin-left: 0px;
}
.filter-groups-wrapper[b-dlsj37esd2]  .no-result-wrapper .secondary-btn {
  width: fit-content;
}

.separation[b-dlsj37esd2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.separation .line[b-dlsj37esd2] {
  width: 45%;
  text-align: center;
  border-bottom: 1px solid var(--grey-01);
  line-height: 1px;
  border-radius: 1px;
}
.separation i[b-dlsj37esd2] {
  color: var(--grey-01);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/EditProjectPaneComponent.razor.rz.scp.css */
.content.modes .section-with-avatar[b-fsnxy0ce6l] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.content.modes .section-with-avatar .name[b-fsnxy0ce6l] {
  max-width: 90%;
}
.content.modes .section-with-avatar label.type-preset-7.b-med-01.team-label[b-fsnxy0ce6l] {
  margin: 0;
}
.content.modes .section-with-avatar .avatar-wrapper[b-fsnxy0ce6l] {
  display: flex;
  flex-direction: row;
  padding-right: 8px;
}
.content.modes .section-with-avatar .avatar-wrapper .image-elements[b-fsnxy0ce6l] {
  position: relative;
  margin-right: -8px;
}
.content.modes .section-with-avatar .avatar-wrapper .img-counter[b-fsnxy0ce6l] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--b-light-01);
  background: var(--b-dark-02);
}
.content.modes.edit-mode[b-fsnxy0ce6l]  .dropdown-wrapper.resource .rz-dropdown .rz-dropdown-label.rz-inputtext {
  padding: 0px;
}
.content.modes.edit-mode .resources-header[b-fsnxy0ce6l] {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 8px;
}
.content.modes.edit-mode .resources-header label.resources-header-label[b-fsnxy0ce6l] {
  margin: 0;
}
.content.modes.edit-mode .resources-header button[b-fsnxy0ce6l] {
  padding: 0;
  height: fit-content;
  position: relative;
  right: 28px;
}
.content.modes.edit-mode .resources-header button:focus[b-fsnxy0ce6l] {
  border: none;
}
.content.modes.edit-mode .add-btn[b-fsnxy0ce6l] {
  position: absolute;
  right: 6px;
  top: 8px;
}
.content.modes.edit-mode .input-wrapper.search[b-fsnxy0ce6l] {
  margin-bottom: 16px;
}
.content.modes.edit-mode .resources-content[b-fsnxy0ce6l] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.content.modes.edit-mode .resources-content i[b-fsnxy0ce6l] {
  cursor: pointer;
}
.content.modes.edit-mode .resources-content .disabled-icon[b-fsnxy0ce6l] {
  opacity: 0.3;
  cursor: default;
}
.content.modes.edit-mode .resources-content .name-img-wrapper[b-fsnxy0ce6l] {
  display: flex;
  align-items: center;
  width: 96%;
  gap: 8px;
}
.content.modes.edit-mode .resources-content .resource-name[b-fsnxy0ce6l] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 70%;
}
.content.modes.edit-mode .show-all-btn[b-fsnxy0ce6l] {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.content.modes.edit-mode .show-all-wrapper[b-fsnxy0ce6l] {
  display: flex;
  align-items: center;
  gap: 8px;
}

[b-fsnxy0ce6l] .btn-wrapper {
  display: flex;
  gap: 8px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/EditResourcePaneComponent.razor.rz.scp.css */
.right-panel-header[b-h97s2ldgxn]  h3 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.right-panel-header[b-h97s2ldgxn]  h3 span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 90%;
}
.right-panel-header[b-h97s2ldgxn]  h3 .avatar {
  margin-right: 8px;
}

.rightPane .content[b-h97s2ldgxn] {
  /* content edit-mode or archived */
}
.rightPane .content.edit-mode[b-h97s2ldgxn]  .dropdown-wrapper.resource .rz-dropdown .rz-dropdown-label.rz-inputtext {
  padding: 0px;
}
.rightPane .content.edit-mode .wrapper-border.label-button[b-h97s2ldgxn]  .base-btn-wrapper {
  height: fit-content;
  cursor: default;
  margin-bottom: 8px;
}
.rightPane .content.edit-mode .wrapper-border.label-button[b-h97s2ldgxn]  .base-btn-wrapper a {
  height: fit-content;
  align-items: flex-start;
  cursor: default;
}
.rightPane .content.edit-mode .wrapper-border.label-button[b-h97s2ldgxn]  .base-btn-wrapper a i {
  height: 16px;
  width: 16px;
  font-size: 14px;
}
.rightPane .content.edit-mode .wrapper-border.label-button label[b-h97s2ldgxn] {
  top: 16px;
}

[b-h97s2ldgxn] .btn-wrapper {
  display: flex;
  gap: 8px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/EditTaskDatesComponent.razor.rz.scp.css */
.date-field[b-8dgic0dnap] {
  position: relative;
}

.fa-xmark[b-8dgic0dnap] {
  position: absolute;
  top: 46px;
  right: 16px;
  cursor: pointer;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/ExpenseTypeAddorEditPaneComponent.razor.rz.scp.css */
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/GenericBulkAction.razor.rz.scp.css */
.search-container[b-qitnvibo6f] {
  padding: 16px;
}

.filters .grey-search-bg[b-qitnvibo6f] {
  padding: 16px;
  display: flex;
}
.filters[b-qitnvibo6f]  .input-wrapper {
  padding: 16px;
  width: 100%;
  border-bottom: 1px solid #D6DBE3;
}
.filters .date-remove[b-qitnvibo6f] {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #D6DBE3;
  padding: 16px;
}
.filters .date-remove[b-qitnvibo6f]  .input-wrapper {
  border: none;
  padding: 0;
}
.filters .date-remove[b-qitnvibo6f]  .input-wrapper .rz-datepicker {
  border-radius: 6px;
}
.filters .date-remove[b-qitnvibo6f]  .input-wrapper .rz-datepicker .rz-datepicker-trigger {
  position: absolute;
  left: 16px;
  display: flex;
  align-items: center;
  width: 90%;
  font-family: "IBM Plex Mono", sans-serif;
  color: var(--b-med-02);
}
.filters .date-remove[b-qitnvibo6f]  .input-wrapper .rz-datepicker .rz-datepicker-trigger .rzi-calendar {
  width: 16px;
  height: 16px;
  font-size: 14px;
  color: var(--b-med-01);
}
.filters .date-remove[b-qitnvibo6f]  .input-wrapper .rz-datepicker .rz-inputtext {
  padding-left: 40px;
}
.filters .date-remove[b-qitnvibo6f]  .input-wrapper .rz-datepicker .rz-inputtext::placeholder {
  color: var(--b-med-02);
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}
.filters .date-remove .delete-date[b-qitnvibo6f] {
  margin-left: 8px;
}
.filters .date-remove .delete-date .disabled[b-qitnvibo6f] {
  pointer-events: none;
  opacity: 0.3;
}
.filters .date-remove .delete-date .disabled:focus[b-qitnvibo6f] {
  background: none;
  border: 1px solid black;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/GenericList.razor.rz.scp.css */
.right-panel-header[b-2o7xkfhtzj] {
  height: 56px;
}
.right-panel-header h3.header-title[b-2o7xkfhtzj] {
  width: 74%;
}
.right-panel-header h3 i[b-2o7xkfhtzj] {
  color: var(--b-med-01);
}

.search-box-container[b-2o7xkfhtzj] {
  display: flex;
  align-items: center;
  padding: 16px;
  position: sticky;
  background-color: var(--b-light-01);
  top: 0;
  z-index: 1;
  border-bottom: 1px solid var(--grey-02);
}

.select-all[b-2o7xkfhtzj] {
  display: flex;
  align-items: center;
  padding: 16px;
  background-color: var(--b-light-01);
  gap: 16px;
}
.select-all label[b-2o7xkfhtzj] {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
.select-all.isSelected[b-2o7xkfhtzj]  .rz-chkbox .rz-chkbox-box .rz-chkbox-icon.rzi.rzi-check::before {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 6px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/GlobalSearchPaneComponent.razor.rz.scp.css */
.right-panel-header[b-2w1kcc2xk1] {
  padding: 16px;
}
.right-panel-header.no-filter[b-2w1kcc2xk1] {
  min-height: 124px;
}
.right-panel-header.search-container[b-2w1kcc2xk1] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.right-panel-header.search-container .grey-search-bg[b-2w1kcc2xk1] {
  margin-top: 16px;
  width: 100%;
}
.right-panel-header.search-container .grey-search-bg input[b-2w1kcc2xk1] {
  width: 100%;
  padding: 12px 16px 12px 16px;
  color: var(--b-dark-02);
}
.right-panel-header.search-container[b-2w1kcc2xk1]  .filters-wrapper .button {
  width: 122px;
}

.subcontainer[b-2w1kcc2xk1] {
  /*height: calc(100vh - 56px - 57px - 64px - 78px - 57px);
  overflow-y: auto;*/
}
.subcontainer[b-2w1kcc2xk1]  .card-result {
  display: flex;
  cursor: pointer;
  flex-direction: column;
  padding: 16px 16px 16px 32px;
  background: var(--grey-03);
  border-radius: 0px;
  border-bottom: 1px solid var(--grey-02);
  /* box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15),0px 1px 2px rgba(0, 0, 0, 0.15);*/
  text-decoration: none;
}
.subcontainer[b-2w1kcc2xk1]  .card-result h4 {
  margin-bottom: 4px;
}
.subcontainer[b-2w1kcc2xk1]  .card-result p {
  margin: 0px;
}
.subcontainer[b-2w1kcc2xk1]  .card-result.isSelected {
  background: var(--a-light-orange-02);
}
.subcontainer[b-2w1kcc2xk1]  .card-result.isSelected h4 {
  color: var(--a-orange-01);
}
.subcontainer[b-2w1kcc2xk1]  .card-result-resource {
  display: flex;
  flex-direction: row;
  padding: 16px 16px 16px 32px;
  background: var(--grey-03);
  border-radius: 0px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.15);
  justify-content: space-between;
  cursor: pointer;
  min-height: 72px;
}
.subcontainer[b-2w1kcc2xk1]  .card-result-resource h4 {
  margin-bottom: 8px;
}
.subcontainer[b-2w1kcc2xk1]  .card-result-resource p {
  margin-bottom: 0px;
}
.subcontainer[b-2w1kcc2xk1]  .card-result-resource.selected {
  background: var(--a-light-orange-02);
  color: var(--a-orange-01);
}
.subcontainer[b-2w1kcc2xk1]  .card-result-resource.selected h4 {
  color: var(--a-orange-01);
}
.subcontainer[b-2w1kcc2xk1]  .card-result:hover, .subcontainer[b-2w1kcc2xk1]  .card-result-resource:hover {
  background: var(--a-light-orange-02);
}
.subcontainer[b-2w1kcc2xk1]  .card-result:hover h4, .subcontainer[b-2w1kcc2xk1]  .card-result-resource:hover h4 {
  color: var(--a-orange-01);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/HeaderPlanningCustomizationComponent.razor.rz.scp.css */
[b-3hacuvwe59] .draggable-items-wrapper {
  margin-top: 4px;
}
[b-3hacuvwe59] .draggable-items-wrapper .draggable-items_container div[draggable=true] {
  margin-bottom: 8px;
}
[b-3hacuvwe59] .draggable-items-wrapper .draggable-items_container .drop-area {
  margin-bottom: 8px;
}

[b-3hacuvwe59] .row-header-data {
  background: var(--grey-03);
}

[b-3hacuvwe59] .row-header-container {
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: var(--grey-02);
  min-width: 240px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/HolidayPaneComponent.razor.rz.scp.css */
.wrapper-border label-button[b-vmywow6yrt] {
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  padding: 16px 16px 16px 32px;
  background: var(--grey-03);
  border-radius: 0px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.15);
  height: 74px;
}

.holidayElement[b-vmywow6yrt] {
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  padding: 16px 16px 16px 32px;
  background: #FDFCFF;
  border-radius: 0px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.15);
  flex-direction: column;
}
.holidayElement .elementTitle[b-vmywow6yrt] {
  font-size: 15px;
  font-weight: 500;
  display: block;
  margin-bottom: 0px;
}
.holidayElement .elementDesc[b-vmywow6yrt] {
  margin-bottom: 0px;
}

.rightPane .content .wrapper-border.label-button.add label[b-vmywow6yrt] {
  margin-bottom: 0px;
}
.rightPane .wrapper-border.label-button.empty[b-vmywow6yrt] {
  padding: 32px;
  background-color: #F6F7FA;
  text-align: center;
}
.rightPane .wrapper-border.label-button.empty .title[b-vmywow6yrt] {
  color: #F27633;
  font-size: 15px;
  margin-bottom: 5px;
}
.rightPane .wrapper-border.label-button.empty button[b-vmywow6yrt] {
  width: 74px;
  color: #34344B;
  border-color: #34344B;
  height: 40px;
  margin: 0 auto;
}
.rightPane .wrapper-border.label-button.empty p[b-vmywow6yrt] {
  color: #686985;
  font-size: 14px;
  margin-bottom: 24px;
}
.rightPane .wrapper-border.label-button.empty a[b-vmywow6yrt] {
  border: 1px solid #34344B;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/ImportLuccaDataPaneComponent.razor.rz.scp.css */
[b-odvahhyah6] .info-card-wrapper.b-dark-02 {
  margin: 8px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/NomenclatureActivityList.razor.rz.scp.css */
.right-panel-header.search[b-unpfid9x6q] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 120px;
}
.right-panel-header.search[b-unpfid9x6q]  .input-outer-wrapper {
  margin-top: 16px;
}

.content[b-unpfid9x6q] {
  padding-top: 2px;
}

.item[b-unpfid9x6q] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  max-width: 100%;
}
.item.parent[b-unpfid9x6q] {
  background: var(--b-light-01);
  margin: 0px 4px 2px 4px;
}
.item.parent:first-of-type[b-unpfid9x6q] {
  margin-top: 2px;
}
.item.all-selected[b-unpfid9x6q] {
  background: var(--a-light-orange-01);
}
.item.children[b-unpfid9x6q] {
  background-color: var(--b-light-02);
  margin: 0px 4px;
}
.item .checkbox-container[b-unpfid9x6q] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
  padding: 8px;
}
.item .checkbox-container.bar[b-unpfid9x6q]  .rz-chkbox-icon.rzi.rzi-check {
  display: flex;
  align-items: center;
  position: relative;
  left: -4px;
}
.item .checkbox-container.bar[b-unpfid9x6q]  .rz-chkbox-icon.rzi.rzi-check::before {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 6px;
}
.item .name-dropdown[b-unpfid9x6q] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-grow: 1;
  padding: 12px 16px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  max-width: 100%;
  /*margin-left: 2px;*/
}
.item .name-dropdown span[b-unpfid9x6q] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 85%;
}
.item .name-dropdown i[b-unpfid9x6q] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  width: 16px;
  height: 16px;
}
.item .name-dropdown i[b-unpfid9x6q]::before {
  position: relative;
  top: 2px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/OccupationAddorEditPaneComponent.razor.rz.scp.css */
.rightPane .content .wrapper-border:last-of-type[b-fjsirlz2db] {
  border-bottom: none;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/PlanningBulkActionsPaneComponent.razor.rz.scp.css */
/*Team*/
.wrapper-border.label-button.team[b-q5fib345j6] {
  /*Total planned hours indicator*/
  /*Row planned resource added*/
  /*Add planned resource button*/
}
.wrapper-border.label-button.team .team-header[b-q5fib345j6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrapper-border.label-button.team .planned-hours[b-q5fib345j6] {
  background: var(--grey-03);
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  padding: 4px 6px;
  margin-bottom: 8px;
  text-transform: lowercase;
  display: flex;
  flex-direction: row;
}
.wrapper-border.label-button.team .planned-hours.not-null[b-q5fib345j6] {
  background: var(--a-light-orange-02);
  color: var(--a-orange-02);
}
.wrapper-border.label-button.team .planned-hours div[b-q5fib345j6] {
  display: inline-block;
}
.wrapper-border.label-button.team .resource-planned[b-q5fib345j6] {
  display: flex;
  flex-direction: row;
  flex-wrap: none;
  align-items: center;
  justify-content: space-between;
  /*margin-bottom: 16px;*/
  border-radius: 4px;
  padding: 8px;
  /*Buttons to add time to resource*/
}
.wrapper-border.label-button.team .resource-planned:hover[b-q5fib345j6] {
  background: rgba(183, 186, 214, 0.3);
  /*When row resource hovered, make the delete button visible*/
}
.wrapper-border.label-button.team .resource-planned:hover .avatar-text-wrapper .avatar-delete-btn[b-q5fib345j6]  .base-btn-wrapper {
  visibility: visible;
  pointer-events: auto;
}
.wrapper-border.label-button.team .resource-planned .avatar-text-wrapper[b-q5fib345j6] {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 55%;
  gap: 8px;
}
.wrapper-border.label-button.team .resource-planned .avatar-text-wrapper .icon[b-q5fib345j6] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  box-shadow: 0px 2px 3px 0px rgba(52, 52, 77, 0.05) inset, 0px 0px 2px 0px rgba(52, 52, 77, 0.1) inset;
}
.wrapper-border.label-button.team .resource-planned .avatar-text-wrapper .icon i.fa-light.fa-users[b-q5fib345j6] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper-border.label-button.team .resource-planned .avatar-text-wrapper .name[b-q5fib345j6] {
  white-space: nowrap;
  overflow: hidden;
  max-width: 72%;
  text-overflow: ellipsis;
}
.wrapper-border.label-button.team .resource-planned .avatar-text-wrapper .avatar-delete-btn[b-q5fib345j6] {
  position: relative;
  /*delete btn style - not visible when not hovered*/
}
.wrapper-border.label-button.team .resource-planned .avatar-text-wrapper .avatar-delete-btn img[b-q5fib345j6] {
  margin-right: 8px;
}
.wrapper-border.label-button.team .resource-planned .avatar-text-wrapper .avatar-delete-btn[b-q5fib345j6]  .base-btn-wrapper {
  width: 32px;
  height: 32px;
  position: absolute;
  bottom: 0;
  visibility: hidden;
  pointer-events: none;
}
.wrapper-border.label-button.team .resource-planned .avatar-text-wrapper .avatar-delete-btn[b-q5fib345j6]  .base-btn-wrapper .delete-resource-btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #FFDFE0;
  opacity: 0.8;
  padding: 8px;
  border: 1px solid var(--red-02);
}
.wrapper-border.label-button.team .resource-planned .avatar-text-wrapper .avatar-delete-btn[b-q5fib345j6]  .base-btn-wrapper .delete-resource-btn i {
  margin: auto;
  font-size: 14px;
  color: var(--red-02);
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-q5fib345j6] {
  display: flex;
  flex-direction: row;
  flex-wrap: none;
  align-items: center;
  /*Input time*/
  /*Minus and Plus buttons*/
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-q5fib345j6]  .input-wrapper {
  width: 56px;
  margin: 0 8px;
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-q5fib345j6]  .input-wrapper input {
  width: 56px;
  height: 40px;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  text-align: center;
  padding: 0;
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-q5fib345j6]  .input-wrapper .input-error {
  position: relative;
  top: 16px;
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-q5fib345j6]  .input-wrapper .error-text-input {
  position: relative;
  top: 13px;
  left: 48px;
  width: max-content;
  margin: 8px 0px;
  align-self: end;
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-q5fib345j6]  .input-wrapper .error-text-input .spacer {
  height: 50px;
  margin: 0 0 -50px 0;
  background: transparent;
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-q5fib345j6]  .base-btn-wrapper {
  background: #FDFCFF;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  width: 40px;
  height: 40px;
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-q5fib345j6]  .base-btn-wrapper a {
  padding: 0;
  width: 100%;
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-q5fib345j6]  .base-btn-wrapper a:hover {
  width: 100%;
}
.wrapper-border.label-button.team .resource-planned .resource-time-management-wrapper[b-q5fib345j6]  .base-btn-wrapper a i {
  margin-right: 0;
  margin: auto;
}
.wrapper-border.label-button.team .secondary-btn[b-q5fib345j6] {
  padding: 0;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
.wrapper-border.label-button.team .secondary-btn[b-q5fib345j6]  .rz-dropdown {
  border: none;
  box-shadow: none;
  background: none;
  width: 100%;
}
.wrapper-border.label-button.team .secondary-btn[b-q5fib345j6]  .rz-dropdown:hover {
  border: none;
  box-shadow: none;
  background: none;
}
.wrapper-border.label-button.team .secondary-btn[b-q5fib345j6]  .rz-dropdown .rz-dropdown-label.rz-inputtext {
  color: var(--b-med-01);
  font-weight: 500;
}
.wrapper-border.label-button.team .secondary-btn[b-q5fib345j6]  .rz-dropdown .rz-dropdown-label.rz-inputtext.rz-placeholder {
  justify-content: center;
  max-width: 100%;
  font-family: "IBM Plex Sans", sans-serif;
}
.wrapper-border.label-button.team .secondary-btn[b-q5fib345j6]  .rz-dropdown .rz-dropdown-label.rz-inputtext.rz-placeholder::before {
  content: "+";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  margin-right: 8px;
}
.wrapper-border.label-button.team .secondary-btn[b-q5fib345j6]  .rz-dropdown .rz-dropdown-trigger.rz-corner-right {
  display: none;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/PriceAddorEditPaneComponent.razor.rz.scp.css */
.delete-date-input[b-9ckgxo7sjw] {
  position: relative;
}
.delete-date-input .fa-regular.fa-xmark[b-9ckgxo7sjw] {
  position: absolute;
  top: 46px;
  right: 16px;
  font-size: 14px;
  cursor: pointer;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/ProjectKPIEditComponent.razor.rz.scp.css */
.title-change[b-yv1ru17nsr] {
  height: 48px !important;
}
.title-change h3[b-yv1ru17nsr] {
  line-height: 48px !important;
}

.disable[b-yv1ru17nsr]  form label {
  cursor: no-drop !important;
}

[b-yv1ru17nsr] form {
  display: flex;
}

[b-yv1ru17nsr] .isDisplayPourcentage, .isCompareTime[b-yv1ru17nsr], .isPolarity[b-yv1ru17nsr] {
  display: block !important;
  flex: 1 !important;
  text-align: center !important;
  margin-bottom: 0px !important;
  box-shadow: none !important;
}

[b-yv1ru17nsr] .isDisplayPourcentage.first, .isCompareTime.first[b-yv1ru17nsr], .isPolarity.first[b-yv1ru17nsr] {
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--grey-02);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/ProjectKPIsRightPanelComponent.razor.rz.scp.css */
.no-result-wrapper[b-rw8oqy1a42] {
  display: flex;
  flex-direction: column;
  background-color: var(--a-light-orange-02);
  padding: 48px 16px;
  align-content: center;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.kpi-element[b-rw8oqy1a42] {
  margin: 8px 16px;
}

[b-rw8oqy1a42] .drop-area {
  margin: 8px 16px;
}

.search-box-container[b-rw8oqy1a42] {
  display: flex;
  align-items: center;
  padding: 16px;
  position: sticky;
  background-color: var(--b-light-01);
  top: 0;
  z-index: 1;
  border-bottom: 1px solid var(--grey-02);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/ProjectShareOptionComponent.razor.rz.scp.css */
[b-wgt7jd5mtg] span.rz-calendar.rz-calendar-w-btn {
  background: inherit;
}

[b-wgt7jd5mtg] span.rz-calendar.rz-calendar-w-btn:hover {
  background: inherit;
}

[b-wgt7jd5mtg] .rz-calendar.rz-calendar-w-btn input.rz-inputtext {
  background: var(--white);
}

[b-wgt7jd5mtg] .rz-calendar.rz-calendar-w-btn input.rz-inputtext:hover {
  background: var(--b-light-02);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/ProjectTypeAddorEditPaneComponent.razor.rz.scp.css */
.rightPane .content .wrapper-border:last-of-type[b-uotxqrermn] {
  border-bottom: none;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/ReconductionRightPaneComponent.razor.rz.scp.css */
.section-title[b-0x362jbciw] {
  align-items: center;
  border-bottom: 1px solid var(--grey-02);
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
}

.wrapper-border .section-title[b-0x362jbciw] {
  padding: 0;
  padding-bottom: 12px;
}
.wrapper-border .label-switch-wrapper[b-0x362jbciw] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 16px 0px;
}
.wrapper-border .label-switch-wrapper label[b-0x362jbciw] {
  margin-bottom: 0px;
}
.wrapper-border .label-switch-wrapper:last-child[b-0x362jbciw] {
  margin-bottom: 0px;
}
.wrapper-border.info-box .section-title[b-0x362jbciw] {
  margin: 8px;
}
.wrapper-border.info-box .label-switch-wrapper[b-0x362jbciw] {
  margin: 16px 8px 16px 8px;
}
.wrapper-border.info-box .info-wrapper[b-0x362jbciw]  .info-card-header {
  margin-bottom: 18px;
}
.wrapper-border.info-box .info-wrapper[b-0x362jbciw]  .info-card-header i {
  margin-right: 20px;
}
.wrapper-border.info-box .info-wrapper[b-0x362jbciw]  .info-card-text {
  padding: 0px;
}
.wrapper-border.info-box .info-wrapper[b-0x362jbciw]  .info-card-text .list-wrapper {
  margin-left: 18px;
}
.wrapper-border.info-box .info-wrapper[b-0x362jbciw]  .info-card-text .list-wrapper ul {
  font-size: 14px;
}
.wrapper-border.info-box .info-wrapper[b-0x362jbciw]  .info-card-text .list-wrapper ul li {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--b-dark-02);
}

.generic-option-wrapper[b-0x362jbciw]  .generic-option__wrapper {
  height: fit-content;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/ReplaceResourceRightPaneComponent.razor.rz.scp.css */
.resource-replacement__wrapper[b-qls39xot2m] {
  background: var(--b-light-02);
  padding: 24px 16px 24px 16px;
  gap: 8px;
  display: flex;
  flex-direction: column;
}
.resource-replacement__wrapper.error-dropdown[b-qls39xot2m]  .rz-dropdown {
  border: 2px solid var(--red-02);
  background: var(--red-03);
}
.resource-replacement__wrapper.error-dropdown[b-qls39xot2m]  .rz-dropdown:hover {
  border: 2px solid var(--red-02);
  background: var(--red-03);
}
.resource-replacement__wrapper .resource-to-replace__wrapper[b-qls39xot2m] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 16px 0px 16px;
}
.resource-replacement__wrapper .avatar-name__wrapper[b-qls39xot2m] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.resource-replacement__wrapper .avatar-name__wrapper .resource-to-replace-infos__wrapper[b-qls39xot2m] {
  display: flex;
  gap: 8px;
  align-items: center;
}

.error[b-qls39xot2m] {
  padding: 0 32px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/RightPanesManager.razor.rz.scp.css */
.rightpane-mask[b-39k6238inc] {
  background: transparent;
  z-index: 11;
  width: 100%;
  height: 100%;
  max-width: 100%;
  position: fixed;
  top: 0;
  bottom: 0px;
  border: none;
  box-shadow: none;
}

.rightPane[b-39k6238inc] {
  background: var(--b-light-01);
  z-index: 11;
  width: 400px;
  max-width: 100%;
  position: fixed;
  top: 58px;
  bottom: 0px;
  right: -400px;
  transition: right 0.2s ease-out 0s;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px, rgba(0, 0, 0, 0.1) 0px 10px 12px;
}
.rightPane[b-39k6238inc]  .content {
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: auto;
  /* padding: 0 16px 16px 16px;*/
  /* Edit name of the individual scenario in the Scenario right side panel */
}
.rightPane[b-39k6238inc]  .content label {
  color: var(--b-med-01);
  /*  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;*/
  font-weight: 500;
}
.rightPane[b-39k6238inc]  .content .wrapper-border {
  border-bottom: 1px solid var(--grey-02);
  padding: 16px;
  display: flex;
  flex-direction: column;
}
.rightPane[b-39k6238inc]  .content .wrapper-border .input-wrapper {
  margin: 0;
  width: 100%;
  /* To style the toggle switch container in the modify custom field RSP */
}
.rightPane[b-39k6238inc]  .content .wrapper-border .input-wrapper label {
  margin-bottom: 8px;
}
.rightPane[b-39k6238inc]  .content .wrapper-border .input-wrapper input {
  width: 100%;
  cursor: pointer;
}
.rightPane[b-39k6238inc]  .content .wrapper-border .input-wrapper input::placeholder {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: var(--b-med-02);
}
.rightPane[b-39k6238inc]  .content .wrapper-border .input-wrapper.label-switch-container label {
  margin-bottom: 0;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.no-border {
  border-bottom: none;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.info-box {
  padding: 8px;
  box-shadow: none;
}
.rightPane[b-39k6238inc]  .content .wrapper-border .rz-datepicker {
  border-radius: 4px;
}
.rightPane[b-39k6238inc]  .content .wrapper-border .rz-datepicker .rz-datepicker-trigger {
  position: absolute;
  left: 16px;
  display: flex;
  align-items: center;
  width: calc(100% - 16px);
  font-family: "IBM Plex Mono", sans-serif;
  color: var(--b-med-02);
  height: 100%;
}
.rightPane[b-39k6238inc]  .content .wrapper-border .rz-datepicker .rz-datepicker-trigger .rzi-calendar {
  width: 16px;
  height: 16px;
  font-size: 14px;
  color: var(--b-med-01);
}
.rightPane[b-39k6238inc]  .content .wrapper-border .rz-datepicker .rz-inputtext {
  padding-left: 40px;
}
.rightPane[b-39k6238inc]  .content .wrapper-border .rz-datepicker .rz-inputtext::placeholder {
  color: var(--b-med-02);
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.two-fields {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-right: 8px;
  /* style to fix the overflow of the dates in mission rsp */
}
.rightPane[b-39k6238inc]  .content .wrapper-border.two-fields .dual-date-field .rz-datepicker .rz-inputtext {
  padding-right: 12px;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.two-fields div {
  margin-right: 8px;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.two-fields div label {
  margin-left: 0;
}
.rightPane[b-39k6238inc]  .content .wrapper-border .two-fields {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  /* Style to fix the width of the date input and provide the margin */
}
.rightPane[b-39k6238inc]  .content .wrapper-border .two-fields .input-wrapper {
  width: 171.6px;
}
.rightPane[b-39k6238inc]  .content .wrapper-border .two-fields .input-wrapper:first-of-type {
  margin-right: 8px;
}
.rightPane[b-39k6238inc]  .content .wrapper-border .two-fields .input-wrapper:first-of-type label {
  margin-left: 0;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.label-button {
  /* Style for the custom RSP list*/
}
.rightPane[b-39k6238inc]  .content .wrapper-border.label-button .input-wrapper .hide-element {
  display: none;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.label-button label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  margin-bottom: 8px;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.label-button label.hide-element {
  display: none;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.label-button label button {
  padding: 0;
  color: var(--b-med-01);
  font-weight: 500;
  height: fit-content;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.label-button label button:focus {
  outline: none;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.label-button label button i {
  margin-right: 8px;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.label-button label .base-btn-wrapper {
  height: fit-content;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.label-button label .base-btn-wrapper a {
  height: fit-content;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.label-button .label-regular-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.label-button .label-regular-button .old-btn {
  padding: 4px;
  height: fit-content;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.label-button .label-regular-button .old-btn i {
  margin-right: 0px;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.label-button .label-regular-button .old-btn:focus {
  padding: 3px;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.label-button.list-wrapper label {
  height: 24px;
  margin-bottom: 16px;
  align-items: center;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.label-button .rz-dropdown {
  margin: 0;
  width: 100%;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.label-button .rz-dropdown-label.rz-inputtext {
  justify-content: flex-start;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.dynamic-custom-fields .rz-dropdown {
  margin: 0;
  width: 100%;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.dynamic-custom-fields .rz-dropdown .rz-inputtext.rz-placeholder {
  color: #B7BAD6;
  font-weight: normal;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.dynamic-custom-fields .input-wrapper {
  margin: 0;
}
.rightPane[b-39k6238inc]  .content .wrapper-border.dynamic-custom-fields .input-wrapper label {
  display: none;
}
.rightPane[b-39k6238inc]  .content .rz-dropdown {
  width: 92%;
  margin: 0px 16px;
}
.rightPane[b-39k6238inc]  .content .rz-dropdown .rz-dropdown-label.rz-inputtext {
  margin: 0;
  padding: 4px 0px;
  color: var(--b-dark-02);
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.rightPane[b-39k6238inc]  .content .resource-dropdown .rz-dropdown .rz-dropdown-label.rz-inputtext {
  padding: 8px 0px;
}
.rightPane[b-39k6238inc]  .content .input-wrapper .rz-dropdown {
  width: 100%;
  margin: 0;
}
.rightPane[b-39k6238inc]  .content .input-wrapper input {
  width: 100%;
}
.rightPane[b-39k6238inc]  .content .scenario-element .input-wrapper {
  margin: 0;
  width: 85%;
}

[b-39k6238inc] .title-change {
  width: 100%;
  height: 72px;
  background: var(--b-light-02);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);
}
[b-39k6238inc] .title-change h3 {
  line-height: 72px;
  margin-left: 32px;
  color: var(--b-med-01);
}

.rightPane.shown[b-39k6238inc] {
  right: 0px;
  display: flex;
  flex-direction: column;
  transition: right 0.2s ease-in 0s;
}

[b-39k6238inc] .right-panel-header {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--b-light-01);
  border-bottom: 1px solid var(--grey-02);
  height: 55px;
}
[b-39k6238inc] .right-panel-header h3.type-preset-3 {
  line-height: 25px;
}
[b-39k6238inc] .right-panel-header h3 a i, [b-39k6238inc] .right-panel-header h3 i {
  margin-right: 8px;
}
[b-39k6238inc] .right-panel-header h3 .title-badge {
  float: right;
}

/* Right Panel with different modes */
/* Header */
[b-39k6238inc] .right-panel-header.modes {
  height: 56px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* Header in edit mode*/
}
[b-39k6238inc] .right-panel-header.modes i.header-left-icon {
  margin: 0 8px 0 0;
}
[b-39k6238inc] .right-panel-header.modes h3 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 70%;
}
[b-39k6238inc] .right-panel-header.modes.edit-mode {
  background-color: var(--a-light-orange-01);
}
[b-39k6238inc] .right-panel-header.modes.edit-mode h3 {
  max-width: 95%;
}

/* Content */
[b-39k6238inc] .content.modes {
  /* Content section in edit mode */
}
[b-39k6238inc] .content.modes .wrapper-border.label-button .empty-field {
  opacity: 0.3;
}
[b-39k6238inc] .content.modes.edit-mode .wrapper-border.label-button {
  position: relative;
  background: var(--a-light-orange-02);
}
[b-39k6238inc] .content.modes.edit-mode .wrapper-border.label-button:hover {
  background: var(--a-light-orange-01);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 2px 3px rgba(0, 0, 0, 0.1);
}
[b-39k6238inc] .content.modes.edit-mode .wrapper-border.label-button.not-visible > * {
  opacity: 40%;
}
[b-39k6238inc] .content.modes.edit-mode .wrapper-border.label-button .delete-date-input {
  position: relative;
}
[b-39k6238inc] .content.modes.edit-mode .wrapper-border.label-button .delete-date-input .fa-regular.fa-xmark {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 14px;
  cursor: pointer;
}
[b-39k6238inc] .content.modes.edit-mode .wrapper-border.label-button .favourites-btn {
  padding: 0;
  height: fit-content;
  margin-bottom: 8px;
  outline: none;
  display: flex;
  width: fit-content;
  z-index: 1;
  position: absolute;
  right: 16px;
}
[b-39k6238inc] .content.modes.edit-mode .wrapper-border.label-button label.field-title {
  font-weight: 500;
  cursor: move;
}
[b-39k6238inc] .content.modes.edit-mode .wrapper-border.label-button .resource-dropdown .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper, [b-39k6238inc] .content.modes.edit-mode .wrapper-border.label-button .resource-dropdown-project .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper {
  display: flex;
  align-items: center;
}
[b-39k6238inc] .content.modes.edit-mode .wrapper-border.label-button .resource-dropdown-project .rz-dropdown-label.rz-inputtext {
  padding: 0px;
}

/* Right panel when archived or closed */
[b-39k6238inc] .right-panel-header.modes.archived, [b-39k6238inc] .content.modes.archived {
  background-color: var(--grey-03);
}
[b-39k6238inc] .right-panel-header.modes.archived label.field-title, [b-39k6238inc] .right-panel-header.modes.archived span.field-value, [b-39k6238inc] .content.modes.archived label.field-title, [b-39k6238inc] .content.modes.archived span.field-value {
  color: var(--grey-01);
  cursor: default;
}
[b-39k6238inc] .right-panel-header.modes.archived i.header-left-icon, [b-39k6238inc] .content.modes.archived i.header-left-icon {
  color: var(--grey-01);
}
[b-39k6238inc] .right-panel-header.modes.archived .avatar, [b-39k6238inc] .content.modes.archived .avatar {
  opacity: 0.5;
}
[b-39k6238inc] .right-panel-header.modes.archived .archive-text, [b-39k6238inc] .content.modes.archived .archive-text {
  min-width: 60px;
  height: 24px;
  background: var(--grey-02);
  text-align: center;
  border-radius: 2px;
  padding: 4px 6px;
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
}

[b-39k6238inc] .right-panel-tooltip {
  border: solid 1px #D6DBE3;
  padding: 16px;
  border-radius: 8px;
}
[b-39k6238inc] .right-panel-tooltip .right-panel-tooltip-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
[b-39k6238inc] .right-panel-tooltip .right-panel-tooltip-header i {
  margin-right: 24px;
}
[b-39k6238inc] .right-panel-tooltip .right-panel-tooltip-text {
  padding: 8px 8px 8px 40px;
}

.right-panel-footer[b-39k6238inc] {
  display: flex;
  justify-content: flex-end;
  background-color: var(--a-light-orange-02);
  padding: 8px;
  border-top: 1px solid var(--grey-02);
  gap: 8px;
}
.right-panel-footer[b-39k6238inc]  button {
  flex-grow: 1;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/ScenariosPaneEdit.razor.rz.scp.css */
.main-wrapper[b-u92emvr5v9] {
  padding: 16px 16px 0 16px;
}
.main-wrapper[b-u92emvr5v9]  .draggable-items_container div[draggable=true] {
  margin-bottom: 16px;
}
.main-wrapper[b-u92emvr5v9]  .draggable-items_container .drop-area {
  margin-bottom: 16px;
}

/* Info card */
.scenario-info-card[b-u92emvr5v9] {
  border: 1px solid var(--grey-02);
  border-radius: 8px;
  margin: 16px;
  padding: 16px 20px;
}
.scenario-info-card .right-panel-info-card-title[b-u92emvr5v9] {
  font-weight: 500;
  margin-bottom: 18px;
}
.scenario-info-card .right-panel-info-card-title .fa-regular.fa-circle-exclamation[b-u92emvr5v9] {
  margin-right: 20px;
}
.scenario-info-card .right-panel-info-card-content[b-u92emvr5v9] {
  padding: 0px 8px 8px 38px;
  color: var(--b-dark-02);
}
.scenario-info-card .right-panel-info-card-content ul li[b-u92emvr5v9] {
  margin-left: -12px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SelectColumnsRightPaneComponent.razor.rz.scp.css */
.right-panel-header.search[b-h9trty3h56] {
  flex-direction: column;
  align-items: flex-start;
}
.right-panel-header.search.search-box[b-h9trty3h56] {
  min-height: 120px;
}
.right-panel-header.search .title-button-wrapper[b-h9trty3h56] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4px;
}
.right-panel-header.search .title-button-wrapper h3[b-h9trty3h56] {
  line-height: 24px;
}

[b-h9trty3h56] .draggable-items-wrapper {
  padding: 16px;
}
[b-h9trty3h56] .draggable-items-wrapper .draggable-item {
  margin-bottom: 16px;
}
[b-h9trty3h56] .draggable-items-wrapper .draggable-item .edit-buttons-wrapper i {
  color: var(--b-med-02);
  margin-right: 0px;
}
[b-h9trty3h56] .draggable-items-wrapper .draggable-items_container div[draggable=true] {
  margin-bottom: 16px;
}
[b-h9trty3h56] .draggable-items-wrapper .draggable-items_container .drop-area {
  margin-bottom: 16px;
}

.addable-column[b-h9trty3h56] {
  width: 100%;
  padding: 16px;
  background-color: var(--grey-03);
  border-bottom: 1px solid var(--grey-02);
  display: flex;
  flex-direction: row;
  align-items: center;
}
.addable-column.bar[b-h9trty3h56]  .rz-chkbox .rz-chkbox-icon.rzi.rzi-check::before {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 6px;
}
.addable-column[b-h9trty3h56]  .rz-chkbox {
  margin-right: 16px;
}
.addable-column h4[b-h9trty3h56] {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  align-items: center;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SelectGroupRightPaneComponent.razor.rz.scp.css */
.right-panel-header.search[b-v6e4yits86] {
  flex-direction: column;
  align-items: flex-start;
}
.right-panel-header.search.search-box[b-v6e4yits86] {
  min-height: 120px;
}
.right-panel-header.search .title-button-wrapper[b-v6e4yits86] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4px;
}
.right-panel-header.search .title-button-wrapper h3[b-v6e4yits86] {
  line-height: 24px;
}

.content .matching-filters-container .matching-filter[b-v6e4yits86] {
  width: 100%;
  padding: 16px 16px 16px 32px;
  background-color: var(--grey-03);
  border-bottom: 1px solid var(--grey-02);
  cursor: pointer;
}
.content .matching-filters-container .matching-filter h4[b-v6e4yits86] {
  margin-bottom: 4px;
  line-height: 19px;
}
.content .draggable-items-wrapper[b-v6e4yits86] {
  margin: 16px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SelectResourceRightPaneComponent.razor.rz.scp.css */
.right-panel-header[b-nknjy3jw9f] {
  padding: 16px;
}
.right-panel-header.no-filter[b-nknjy3jw9f] {
  min-height: 124px;
}
.right-panel-header.search-container[b-nknjy3jw9f] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.right-panel-header.search-container .grey-search-bg[b-nknjy3jw9f] {
  margin-top: 16px;
  width: 100%;
}
.right-panel-header.search-container .grey-search-bg input[b-nknjy3jw9f] {
  width: 100%;
  padding: 12px 16px 12px 16px;
  color: var(--b-dark-02);
}
.right-panel-header.search-container[b-nknjy3jw9f]  .filters-wrapper .button {
  width: 122px;
}

.avatar-text-wrapper[b-nknjy3jw9f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px 16px 16px 32px;
  cursor: pointer;
  border-bottom: 1px solid var(--grey-02);
  background: var(--b-light-02);
}
.avatar-text-wrapper .name-desc-wrp[b-nknjy3jw9f] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: 100%;
}
.avatar-text-wrapper:active[b-nknjy3jw9f] {
  background: var(--a-light-orange-02);
}
.avatar-text-wrapper:hover[b-nknjy3jw9f] {
  background: var(--a-light-orange-02);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/ShiftProjectRightPaneComponent.razor.rz.scp.css */
.wrapper-border.no-border[b-v3w3aaayxo]  label {
  margin-bottom: 0px;
}

.toggle-type[b-v3w3aaayxo] {
  display: flex;
  margin: 16px 16px 0px 16px;
}
.toggle-type .tab[b-v3w3aaayxo] {
  width: 50%;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px 0px 0px 4px;
  height: 40px;
}
.toggle-type .tab .tab-label[b-v3w3aaayxo] {
  display: flex;
  align-self: center;
  width: 100%;
  height: 40px;
  padding: 12px;
}
.toggle-type .tab.selected[b-v3w3aaayxo] {
  background-color: var(--a-light-orange-02);
}
.toggle-type .tab.selected .tab-label[b-v3w3aaayxo] {
  color: var(--a-orange-02);
}

.info-card-container[b-v3w3aaayxo] {
  margin: 0px 16px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SkillAddorEditPaneComponent.razor.rz.scp.css */
.rightPane .content .wrapper-border:last-of-type[b-fdn61pdaoo] {
  border-bottom: none;
}

.wrapper-border.label-button[b-fdn61pdaoo] {
  position: relative;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SkillLevelsAddorEditPaneComponent.razor.rz.scp.css */
.rightPane .content .wrapper-border:last-of-type[b-t2wibnpl5c] {
  border-bottom: none;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SubComponents/BeeyeFilters/FilterEditing/GraphQlFilterComponent.razor.rz.scp.css */
.object-type[b-mnef5zyib7] {
  display: inline-block;
  text-transform: lowercase;
}

.object-type[b-mnef5zyib7]::first-letter {
  text-transform: uppercase;
}

.dropdown-wrapper[b-mnef5zyib7] {
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  border-bottom: 1px solid var(--grey-02);
}

.filter-selector-wrapper[b-mnef5zyib7] {
  position: sticky;
  top: 0;
  z-index: 3;
}
.filter-selector-wrapper p[b-mnef5zyib7] {
  padding: 8px 0 8px 16px;
  margin: 0;
}
.filter-selector-wrapper .sub-heading[b-mnef5zyib7] {
  padding: 8px 16px 16px 16px;
  background: var(--b-light-02);
  border-bottom: 1px solid var(--grey-02);
}
.filter-selector-wrapper .sub-heading[b-mnef5zyib7]  .rz-dropdown {
  width: 100%;
  margin: 0;
}
.filter-selector-wrapper .sub-heading.list-box p[b-mnef5zyib7] {
  padding-bottom: 0;
}
.filter-selector-wrapper .filter-value-wrapper[b-mnef5zyib7] {
  background: var(--b-light-01);
  border-bottom: 1px solid var(--grey-02);
  padding: 16px 16px 24px 16px;
}
.filter-selector-wrapper .filter-value-wrapper[b-mnef5zyib7]  .input-wrapper {
  width: 100%;
}
.filter-selector-wrapper[b-mnef5zyib7]  .rz-datepicker .rz-datepicker-trigger {
  position: absolute;
  left: 16px;
  display: flex;
  align-items: center;
  width: 90%;
  font-family: "IBM Plex Mono", sans-serif;
  color: var(--b-med-02);
}
.filter-selector-wrapper[b-mnef5zyib7]  .rz-datepicker .rz-datepicker-trigger .rzi-calendar {
  width: 16px;
  height: 16px;
  font-size: 14px;
  color: var(--b-med-01);
}
.filter-selector-wrapper[b-mnef5zyib7]  .rz-datepicker .rz-inputtext {
  padding-left: 40px;
}
.filter-selector-wrapper[b-mnef5zyib7]  .rz-datepicker .rz-inputtext::placeholder {
  color: var(--b-med-02);
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

.listbox-container[b-mnef5zyib7] {
  position: relative;
  height: 100%;
}
.listbox-container .select-all[b-mnef5zyib7] {
  position: absolute;
  top: 98px;
  padding: 16px 16px 16px 50px;
  background-color: var(--b-light-01);
  display: flex;
  height: 57px;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid var(--grey-02);
  border-top: 1px solid var(--grey-02);
  border-right: none;
  border-left: none;
}
.listbox-container[b-mnef5zyib7]  .rz-listbox.rz-inputtext {
  display: inline-block;
  border: none;
}
.listbox-container[b-mnef5zyib7]  .rz-listbox.rz-inputtext .rz-listbox-list-wrapper {
  padding: 0;
}
.listbox-container[b-mnef5zyib7]  .rz-listbox.rz-inputtext.w-100 .rz-listbox-header .rz-listbox-filter-container {
  width: 100%;
  flex: none;
  display: block;
}
.listbox-container[b-mnef5zyib7]  .rz-listbox.rz-inputtext .rz-listbox-header {
  height: 154px;
  padding: 24px 16px;
  display: flex;
  flex-direction: column-reverse;
  align-items: start;
  justify-content: start;
  background-color: var(--b-light-01);
  top: 39px;
}
.listbox-container[b-mnef5zyib7]  .rz-listbox.rz-inputtext .rz-listbox-header .rz-listbox-filter-container {
  width: 65%;
  flex: none;
  display: block;
}
.listbox-container[b-mnef5zyib7]  .rz-listbox.rz-inputtext .rz-listbox-header .rz-listbox-filter-container .rz-inputtext {
  background: white;
  width: 100%;
  padding-left: 40px;
}
.listbox-container[b-mnef5zyib7]  .rz-listbox.rz-inputtext .rz-listbox-header .rz-listbox-filter-container .rz-listbox-filter-icon {
  position: relative;
  bottom: 33px;
  left: 16px;
  height: 16px;
  width: 16px;
  color: var(--b-med-01);
  font-weight: 400;
  line-height: 16px;
}
.listbox-container[b-mnef5zyib7]  .rz-listbox.rz-inputtext .rz-listbox-header .rz-listbox-filter-container .rz-listbox-filter-icon::before {
  content: "\f002";
  color: var(--b-med-02);
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
}
.listbox-container[b-mnef5zyib7]  .rz-listbox.rz-inputtext .rz-listbox-header .rz-chkbox {
  position: relative;
  top: 18px;
  z-index: 2;
}
.listbox-container[b-mnef5zyib7]  .rz-listbox.rz-inputtext .rz-listbox-list-wrapper li.rz-multiselect-item, .listbox-container[b-mnef5zyib7]  .rz-listbox.rz-inputtext .rz-listbox-list-wrapper .rz-state-highlight {
  padding: 16px;
  background: var(--grey-03);
  color: var(--b-dark-02);
  border-bottom: 1px solid var(--grey-02);
}

/*will become useless when implementing the new radio component*/
.radio-btn-wrapper[b-mnef5zyib7]  .rz-radio-button-list-horizontal {
  display: flex;
  padding: 16px;
}
.radio-btn-wrapper[b-mnef5zyib7]  .rz-radio-button-list-horizontal .rz-radio-btn .rz-radiobutton {
  width: 24px;
  height: 24px;
}
.radio-btn-wrapper[b-mnef5zyib7]  .rz-radio-button-list-horizontal .rz-radio-btn .rz-radiobutton .rz-radiobutton-box {
  background: var(--white);
  border: 1px solid var(--b-light-01);
  box-shadow: var(--elevation-positive-2);
}
.radio-btn-wrapper[b-mnef5zyib7]  .rz-radio-button-list-horizontal .rz-radio-btn .rz-radiobutton .rz-radiobutton-box:hover {
  background: var(--a-light-orange-02);
  border: 1px solid var(--a-light-orange-01);
}
.radio-btn-wrapper[b-mnef5zyib7]  .rz-radio-button-list-horizontal .rz-radio-btn .rz-radiobutton .rz-radiobutton-box:focus {
  background: var(--a-light-orange-02);
  border: 1px solid var(--a-orange-02);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #FB8C3F, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}
.radio-btn-wrapper[b-mnef5zyib7]  .rz-radio-button-list-horizontal .rz-radio-btn .rz-radiobutton .rz-radiobutton-box.rz-state-active {
  background: var(--a-orange-01);
  border: 1px solid var(--a-orange-01);
}
.radio-btn-wrapper[b-mnef5zyib7]  .rz-radio-button-list-horizontal .rz-radio-btn .rz-radiobutton .rz-radiobutton-box.rz-state-active:hover {
  background: var(--a-orange-03);
  border: 1px solid var(--a-orange-03);
}
.radio-btn-wrapper[b-mnef5zyib7]  .rz-radio-button-list-horizontal .rz-radio-btn .rz-radiobutton .rz-radiobutton-box.rz-state-active:focus {
  background: var(--a-orange-03);
  border: 1px solid var(--a-orange-03);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #FB8C3F, 0px 0px 4px rgba(52, 52, 75, 0.1), 0px 1px 1px rgba(52, 52, 75, 0.05), 0px 0px 0px 2px #FFFFFF;
}
.radio-btn-wrapper[b-mnef5zyib7]  .rz-radio-button-list-horizontal .rz-radio-btn .rz-radiobutton .rz-radiobutton-box .rz-radiobutton-icon.rzi.rzi-circle-on {
  width: 13px;
  height: 13px;
  background: var(--white);
  box-shadow: var(--elevation-positive-2);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SubComponents/CustomFieldsCreate/AdditionalSettingsCalculated.razor.rz.scp.css */
.matching-filter[b-rful9mb13v] {
  width: 100%;
  padding: 16px 16px 16px 40px;
  background-color: var(--grey-03);
  border-bottom: 1px solid var(--grey-02);
  cursor: pointer;
}
.matching-filter h4[b-rful9mb13v] {
  margin-bottom: 4px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SubComponents/CustomFieldsCreate/AdditionalSettingsList.razor.rz.scp.css */
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SubComponents/DraggableItem.razor.rz.scp.css */
.draggable-item[b-0hh2x3hrm8] {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  background: var(--white);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  /*margin-bottom: 16px;*/
  padding: 8px 8px 8px 16px;
  cursor: move;
}
.draggable-item .fa-regular[b-0hh2x3hrm8] {
  margin-right: 8px;
}
.draggable-item .drag-icon-name-wrapper[b-0hh2x3hrm8] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 278px;
}
.draggable-item .drag-icon-name-wrapper .item[b-0hh2x3hrm8] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 90%;
}
.draggable-item .drag-icon-name-wrapper .item .text[b-0hh2x3hrm8] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 90%;
}
.draggable-item .action-buttons-wrapper[b-0hh2x3hrm8] {
  visibility: hidden;
  display: flex;
}
.draggable-item .action-buttons-wrapper button[b-0hh2x3hrm8] {
  margin-left: 8px;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
  margin-left: 8px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
}
.draggable-item .action-buttons-wrapper button.delete-btn:hover[b-0hh2x3hrm8] {
  border: 1px solid var(--red-02);
  background: var(--red-03);
}
.draggable-item .action-buttons-wrapper button.delete-btn:hover i[b-0hh2x3hrm8] {
  color: var(--red-02);
}
.draggable-item:hover[b-0hh2x3hrm8] {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08), 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.draggable-item:hover .action-buttons-wrapper[b-0hh2x3hrm8] {
  visibility: visible;
}

.bullet[b-0hh2x3hrm8] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SubComponents/FilterButton.razor.rz.scp.css */
.selected[b-qklhbge1k4] {
  background-color: var(--a-light-orange-02);
  color: var(--a-orange-02);
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
}

button[b-qklhbge1k4] {
  color: var(--b-med-01);
  background-color: white;
  width: 123px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}

button:focus[b-qklhbge1k4] {
  outline: none;
}

button:first-child[b-qklhbge1k4] {
  border-radius: 4px 0px 0px 4px;
}

button:nth-child(2)[b-qklhbge1k4] {
  border-radius: 0;
}

button:last-child[b-qklhbge1k4] {
  border-radius: 0px 4px 4px 0px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SubComponents/Filters.razor.rz.scp.css */
.filters-wrapper[b-56bdhd61wg] {
  display: flex;
  justify-content: stretch;
  color: var(--b-light-01);
  border-bottom: 1px solid var(--grey-02);
  margin-top: 16px;
}
.filters-wrapper button[b-56bdhd61wg] {
  color: var(--b-med-01);
  background-color: white;
  width: 136px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.filters-wrapper button:focus[b-56bdhd61wg] {
  outline: none;
}
.filters-wrapper button:first-child[b-56bdhd61wg] {
  border-radius: 4px 0px 0px 4px;
}
.filters-wrapper button:nth-child(2)[b-56bdhd61wg] {
  border-radius: 0;
}
.filters-wrapper button:last-child[b-56bdhd61wg] {
  border-radius: 0px 4px 4px 0px;
}
.filters-wrapper .selected[b-56bdhd61wg] {
  background-color: var(--a-light-orange-02);
  color: var(--a-orange-02);
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
}

[b-56bdhd61wg] .no-result {
  opacity: 0.4;
  cursor: default;
}
[b-56bdhd61wg] .no-result button {
  cursor: default;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SubComponents/GenericOption.razor.rz.scp.css */
h4[b-zkljgo2vyp] {
  font-weight: 500;
}

.group-wrapper[b-zkljgo2vyp] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--b-light-01);
  border-radius: 0px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.15);
  height: 74px;
  padding: 16px;
  gap: 16px;
}
.group-wrapper .checkbox-name-wrapper[b-zkljgo2vyp] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.group-wrapper .icon-container[b-zkljgo2vyp] {
  display: flex;
  align-items: center;
  margin-right: 4px;
  padding: 4px;
  cursor: pointer;
}

.generic-option__wrapper[b-zkljgo2vyp] {
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  padding: 16px 16px 16px 32px;
  background: var(--grey-03);
  border-radius: 0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.15);
  height: 74px;
  user-select: none;
  /*gap: 16px;*/
}
.generic-option__wrapper.has-radio[b-zkljgo2vyp] {
  justify-content: flex-start;
  align-items: center;
  padding: 16px;
  /*margin-right: 16px;*/
}
.generic-option__wrapper.has-radio .name-description__wrapper[b-zkljgo2vyp] {
  flex-grow: 1;
}
.generic-option__wrapper.has-radio .avatar-wrapper[b-zkljgo2vyp] {
  justify-self: flex-end;
}
.generic-option__wrapper.with-description .name-description__wrapper[b-zkljgo2vyp] {
  width: 262px;
  margin-left: 16px;
}
.generic-option__wrapper.with-description .name-description__wrapper h4[b-zkljgo2vyp] {
  margin-bottom: 0;
  max-width: 82%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.generic-option__wrapper.with-description .name-description__wrapper .description[b-zkljgo2vyp] {
  max-width: 82%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.generic-option__wrapper.isSelected[b-zkljgo2vyp], .generic-option__wrapper:hover[b-zkljgo2vyp] {
  background: var(--a-light-orange-02);
}
.generic-option__wrapper.isSelected .name-description__wrapper h4[b-zkljgo2vyp], .generic-option__wrapper:hover .name-description__wrapper h4[b-zkljgo2vyp] {
  color: var(--a-orange-01);
}
.generic-option__wrapper:last-child[b-zkljgo2vyp] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);
}
.generic-option__wrapper .name-description__wrapper[b-zkljgo2vyp] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 262px;
  margin-left: 16px;
}
.generic-option__wrapper .name-description__wrapper h4[b-zkljgo2vyp] {
  /*margin-bottom: 8px;*/
  max-width: 82%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.generic-option__wrapper .name-description__wrapper .description[b-zkljgo2vyp] {
  max-width: 82%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.generic-option__wrapper .avatar-wrapper[b-zkljgo2vyp] {
  display: flex;
  align-items: center;
}
.generic-option__wrapper.hide-element[b-zkljgo2vyp] {
  display: none;
}

.bar[b-zkljgo2vyp]  .rz-chkbox .rz-chkbox-box .rz-chkbox-icon.rzi.rzi-check::before {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 6px;
}

[b-zkljgo2vyp] .radio-button {
  display: flex;
  align-items: center;
  /*    margin-right: 16px;
  */
  /*.rz-chkbox-box {
      border-radius: 50%;
      box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);


      &.rz-state-active {
          background: #F27633;
          box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
      }

      .rz-chkbox-icon.rzi.rzi-check {
          border-radius: 50%;
          background: white;
          height: 12px;
          width: 12px;
          box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);

          &:before {
              content: none;
          }
      }
  }*/
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SubComponents/Integrations/ListItemResource.razor.rz.scp.css */
.list-item-container[b-3yrs3xkdfv] {
  background: var(--grey-03);
  padding: 16px 16px 16px 32px;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.15);
}
.list-item-container .list-item-resource[b-3yrs3xkdfv] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.list-item-container .list-item-indicators[b-3yrs3xkdfv] {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.list-item-container .list-item-indicators .bar-progress[b-3yrs3xkdfv] {
  height: 4px;
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  width: 100%;
  margin: 8px 0;
  display: flex;
  justify-content: start;
  background: var(--white);
}
.list-item-container .list-item-indicators .bar-progress .completed[b-3yrs3xkdfv] {
  height: 4px;
  border-radius: 8px;
}
.list-item-container .list-item-indicators .counters-container[b-3yrs3xkdfv] {
  display: flex;
  justify-content: space-between;
}
.list-item-container .list-item-indicators .counters-container .counter[b-3yrs3xkdfv] {
  padding: 4px 6px;
  background: var(--b-light-01);
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  color: var(--b-dark-02);
  display: flex;
  flex-direction: row;
  align-items: center;
}
.list-item-container .list-item-indicators .counters-container .counter i[b-3yrs3xkdfv] {
  display: flex;
  align-items: center;
  font-size: 12px;
  justify-content: center;
  margin-right: 8px;
}
.list-item-container .list-item-indicators .counters-container .counter.red[b-3yrs3xkdfv] {
  background: var(--red-03);
  color: var(--red-01);
}
.list-item-container .list-item-indicators .counters-container .counter.green[b-3yrs3xkdfv] {
  background: var(--green-03);
}
.list-item-container .list-item-indicators .counters-container .counter.base-light[b-3yrs3xkdfv] {
  background: var(--b-light-02);
  color: var(--grey-01);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SubComponents/NoResult.razor.rz.scp.css */
.no-result-wrapper[b-zuu8684aox] {
  display: flex;
  flex-direction: column;
  background-color: var(--a-light-orange-02);
  padding: 48px 16px;
  align-content: center;
  justify-content: center;
  text-align: center;
  /*margin-left: 8px;*/
  align-items: center;
}
.no-result-wrapper h4[b-zuu8684aox] {
  margin-bottom: 8px;
}

/*i {
    margin-right: 4px;
}*/
.empty-wrapper-container-task[b-zuu8684aox] {
  height: calc(100vh - 184px);
  width: 100%;
  background-color: var(--grey-02);
  padding: 8px;
}
.empty-wrapper-container-task .empty-container-task[b-zuu8684aox] {
  background-color: var(--grey-03);
  width: 100%;
  height: 100%;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
.empty-wrapper-container-task .empty-container-task .empty-watch-container[b-zuu8684aox] {
  margin-bottom: 16px;
  width: 64px;
  height: 64px;
  background-color: var(--a-light-orange-01);
  transform: rotate(5deg);
  border-radius: 4px;
  box-shadow: 0px 1px 1px 0px rgba(52, 52, 75, 0.0509803922);
}
.empty-wrapper-container-task .empty-container-task .empty-watch-container .empty-watch[b-zuu8684aox] {
  width: 64px;
  height: 64px;
  background-color: rgb(254, 251, 247);
  transform: rotate(8deg);
  border-radius: 4px;
  text-align: center;
  padding: 20px;
  box-shadow: 0px 1px 2px 0px rgba(52, 52, 75, 0.1019607843);
}
.empty-wrapper-container-task .empty-container-task .empty-watch-container .empty-watch i[b-zuu8684aox] {
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
  /*color: var(--a-orange-01);*/
}
.empty-wrapper-container-task .empty-container-task .title[b-zuu8684aox] {
  margin-bottom: 8px;
}
.empty-wrapper-container-task .empty-container-task[b-zuu8684aox]  button {
  margin-top: 16px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SubComponents/Result.razor.rz.scp.css */
.avatar-container[b-tzxgo3061g] {
  display: flex;
  align-items: center;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SubComponents/Results.razor.rz.scp.css */
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SubComponents/ResultsHeader.razor.rz.scp.css */
.card-results-header[b-in1spffla7] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  height: 56px;
  background: var(--b-light-01);
  border-bottom: 1px solid var(--grey-02);
  border-radius: 0px;
  /*box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);*/
}
.card-results-header span[b-in1spffla7] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 4px 6px;
  background-color: var(--a-light-orange-02);
  color: var(--a-orange-02);
  font-size: 14px;
  border-radius: 2px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SubComponents/RPHeader.razor.rz.scp.css */
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SubComponents/RPHeaderSearchInput.razor.rz.scp.css */
.input-outer-wrapper[b-0i3r9jp2za] {
  width: 100%;
  height: 48px;
  position: relative;
}
.input-outer-wrapper input[b-0i3r9jp2za] {
  width: 100%;
  height: 100%;
}
.input-outer-wrapper[b-0i3r9jp2za]::before {
  content: "\f002";
  color: var(--b-med-02);
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  left: 16px;
  bottom: 16px;
  z-index: 1;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SubComponents/RPInfoCard.razor.rz.scp.css */
.info-card-outside-wrapper[b-qq5lgcaabr] {
  padding: 8px;
  border-bottom: 1px solid var(--grey-02);
}

.info-card-wrapper[b-qq5lgcaabr] {
  border: solid 1px var(--grey-02);
  padding: 16px;
  border-radius: 8px;
}
.info-card-wrapper .info-card-header[b-qq5lgcaabr] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.info-card-wrapper .info-card-header i[b-qq5lgcaabr] {
  margin-right: 24px;
}
.info-card-wrapper .info-card-text[b-qq5lgcaabr] {
  padding: 8px 8px 8px 40px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/SubComponents/SingleLineToggle.razor.rz.scp.css */
.single-line-toggle-wrapper[b-iuwaui7l38] {
  align-items: center;
  border-bottom: 1px solid var(--grey-02);
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/TaskRightPaneComponent.razor.rz.scp.css */
@charset "UTF-8";
.label-switch[b-kw1ybe3775] {
  display: flex;
  justify-content: space-between;
}

.scheduled-resources-wrapper[b-kw1ybe3775] {
  gap: 8px;
  display: flex;
  flex-direction: column;
  padding-bottom: 8px;
}
.scheduled-resources-wrapper[b-kw1ybe3775]  .base-btn-wrapper {
  padding: 8px 0;
}

.resource-element[b-kw1ybe3775] {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: space-between;
}

.buttons-wrapper[b-kw1ybe3775] {
  display: flex;
  gap: 8px;
}
.buttons-wrapper[b-kw1ybe3775]  .base-btn-wrapper:first-child a {
  color: var(--purple);
}

.purple[b-kw1ybe3775] {
  color: var(--purple);
}

[b-kw1ybe3775] .dropdown-wrapper.resource .rz-dropdown .rz-dropdown-label.rz-inputtext {
  padding: 0px;
}

.content .resource-dropdown[b-kw1ybe3775]  .rz-dropdown {
  /*padding: 11px 16px;*/
}
.content .resource-dropdown[b-kw1ybe3775]  .rz-dropdown label.rz-dropdown-label.rz-inputtext {
  padding: 0;
}
.content .wrapper-border.label-button label button[b-kw1ybe3775] {
  padding: 4px;
}

.section-with-avatar[b-kw1ybe3775] {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.section-with-avatar[b-kw1ybe3775]  .medium {
  position: absolute;
  right: 0;
  bottom: -2px;
}

.comments-section[b-kw1ybe3775] {
  display: flex;
  flex-direction: column;
}
.comments-section .section-content[b-kw1ybe3775] {
  display: flex;
  gap: 8px;
  flex-direction: column;
  margin-top: 4px;
}
.comments-section .section-content[b-kw1ybe3775]  .comment-main-wrapper.buttons-wrapper .edit-comment-wrapper .buttons-wrapper {
  justify-content: space-between;
  margin-top: 2px;
}
.comments-section .section-content[b-kw1ybe3775]  .comment-main-wrapper.buttons-wrapper .edit-comment-wrapper .buttons-wrapper button {
  width: 100%;
}
.comments-section .section-content .more-comments[b-kw1ybe3775] {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.comments-section .section-content .more-comments .circle[b-kw1ybe3775] {
  box-shadow: inset 0px 0px 2px rgba(52, 52, 75, 0.1), inset 0px 2px 3px rgba(52, 52, 75, 0.05);
  background: #F1F0FA;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comments-section .new-comment[b-kw1ybe3775] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 4px;
}
.comments-section .new-comment .avatar-text-wrapper[b-kw1ybe3775] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.comments-section .new-comment .textarea-buttons-wrapper[b-kw1ybe3775] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.comments-section .new-comment .textarea-buttons-wrapper .buttons-wrapper button[b-kw1ybe3775] {
  width: 100%;
}

[b-kw1ybe3775] .action-buttons {
  visibility: hidden;
}

[b-kw1ybe3775] .buttons-wrapper:hover .action-buttons {
  visibility: visible;
}

.clickable-field-value[b-kw1ybe3775] {
  cursor: pointer;
}

[b-kw1ybe3775] .btn-wrapper {
  display: flex;
  gap: 4px;
}

[b-kw1ybe3775] .label-btn-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[b-kw1ybe3775] .label-btn-wrapper .labels {
  max-width: 73%;
}

/*Allocation*/
.tab[b-kw1ybe3775] {
  /*made the tab take whole width and flex-grow single label*/
}
.tab[b-kw1ybe3775]  form {
  display: flex;
  flex-wrap: nowrap;
}
.tab[b-kw1ybe3775]  form label {
  flex: 1;
  display: flex;
  padding: 12px;
}

/*Buttons to add time to resource*/
.resource-time-management-wrapper[b-kw1ybe3775] {
  display: flex;
  flex-direction: row;
  flex-wrap: none;
  align-items: center;
  padding: 16px 0;
  /*Input time*/
  /*Minus and Plus buttons*/
}
.resource-time-management-wrapper[b-kw1ybe3775]  .input-wrapper {
  width: 56px;
}
.resource-time-management-wrapper[b-kw1ybe3775]  .input-wrapper input {
  width: 56px;
  height: 40px;
  text-align: center;
  padding: 0;
  border-radius: 0;
}
.resource-time-management-wrapper[b-kw1ybe3775]  .input-wrapper .input-error {
  position: relative;
  top: 16px;
}
.resource-time-management-wrapper[b-kw1ybe3775]  .input-wrapper .error-text-input {
  position: relative;
  top: 13px;
  left: 48px;
  width: max-content;
  margin: 8px 0px;
  align-self: end;
}
.resource-time-management-wrapper[b-kw1ybe3775]  .input-wrapper .error-text-input .spacer {
  height: 50px;
  margin: 0 0 -50px 0;
  background: transparent;
}
.resource-time-management-wrapper[b-kw1ybe3775]  .base-btn-wrapper {
  background: transparent;
  border-radius: 4px 0 0 4px;
  border: 1px solid var(--b-dark-02);
  width: 40px;
  height: 40px;
  border-color: var(--b-dark-02);
}
.resource-time-management-wrapper[b-kw1ybe3775]  .base-btn-wrapper a {
  padding: 0;
  width: 100%;
}
.resource-time-management-wrapper[b-kw1ybe3775]  .base-btn-wrapper a:hover {
  width: 100%;
}
.resource-time-management-wrapper[b-kw1ybe3775]  .base-btn-wrapper a i {
  margin-right: 0;
  margin: auto;
}
.resource-time-management-wrapper .input-error-wrapper[b-kw1ybe3775] {
  flex: 1;
}
.resource-time-management-wrapper .input-error-wrapper[b-kw1ybe3775] +  .base-btn-wrapper {
  border-radius: 0 4px 4px 0;
}

.allocation-report[b-kw1ybe3775] {
  padding: 16px 0;
  color: var(--grey-01);
}
.allocation-report--item[b-kw1ybe3775] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  gap: 4px;
}

/* Styles for Task dropdown with dual value */
.dual-value-dropdown .rz-dropdown .rz-dropdown-label.rz-inputtext .field-name[b-kw1ybe3775]:after {
  content: " - ";
}
.dual-value-dropdown .rz-dropdown .rz-dropdown-label.rz-inputtext p[b-kw1ybe3775] {
  margin: 0;
}
.dual-value-dropdown .rz-dropdown .rz-dropdown-label.rz-inputtext p[b-kw1ybe3775], .dual-value-dropdown .rz-dropdown .rz-dropdown-label.rz-inputtext span[b-kw1ybe3775] {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/TasksPlanningComponent.razor.rz.scp.css */
.wrapper-border .two-fields-wrapper[b-c0686eb8tm] {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.wrapper-border .two-fields-wrapper .dual-date-field[b-c0686eb8tm] {
  flex-grow: 1;
}
.wrapper-border .two-fields-wrapper .dual-date-field .rz-datepicker .rz-inputtext[b-c0686eb8tm] {
  padding-right: 12px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/TaskStateAddorEditPaneComponent.razor.rz.scp.css */
.rightPane .content .wrapper-border:last-of-type[b-1cp2v10em9] {
  border-bottom: none;
}

.color-choice-input__wrapper[b-1cp2v10em9] {
  position: relative;
}
.color-choice-input__wrapper .color-choice[b-1cp2v10em9] {
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  height: 24px;
  width: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 11px;
  left: 16px;
  z-index: 1;
}
.color-choice-input__wrapper[b-1cp2v10em9]  .input-wrapper input {
  padding-left: 48px;
}
.color-choice-input__wrapper i[b-1cp2v10em9] {
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.color-choice-input__wrapper i[b-1cp2v10em9]:before {
  font-size: 24px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/TaxAddorEditPaneComponent.razor.rz.scp.css */
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/RightPanels/ViewShareWithComponent.razor.rz.scp.css */
.select-all[b-8xg7yfvq6d] {
  display: flex;
  align-items: center;
  padding: 16px;
  background-color: var(--b-light-01);
  gap: 16px;
}
.select-all label[b-8xg7yfvq6d] {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
.select-all.isSelected[b-8xg7yfvq6d]  .rz-chkbox .rz-chkbox-box .rz-chkbox-icon.rzi.rzi-check::before {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 6px;
}

.wrapper-border-list-filter[b-8xg7yfvq6d] {
  padding-top: 16px;
  padding-left: 16px;
  font-family: IBM Plex Sans Condensed;
  color: #686985;
  font-size: 14px;
}

.field-title[b-8xg7yfvq6d] {
  font-family: IBM Plex Sans Condensed;
  color: #686985;
  font-size: 14px;
}

.wrapper-border-title[b-8xg7yfvq6d] {
  border-bottom: 1px solid var(--grey-02);
  padding: 9px 16px 9px 16px;
  display: flex;
  flex-direction: column;
}

.wrapper-border-manual-title[b-8xg7yfvq6d] {
  padding-top: 16px;
  font-family: IBM Plex Sans Condensed;
  color: #686985;
  font-size: 14px;
}

.wrapper-border-list-title[b-8xg7yfvq6d] {
  padding-bottom: 16px;
  padding-left: 16px;
  font-family: IBM Plex Sans Condensed;
  color: #686985;
  font-size: 14px;
}

.card-result-resource[b-8xg7yfvq6d] {
  display: flex;
  flex-direction: row;
  padding: 16px 16px 16px 32px;
  background: var(--grey-03);
  border-radius: 0px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.15);
  justify-content: space-between;
  cursor: pointer;
}
.card-result-resource .radio[b-8xg7yfvq6d] {
  flex: 1;
  margin-top: 6px;
}
.card-result-resource .ressource-info[b-8xg7yfvq6d] {
  flex: 6;
  display: flex;
  align-items: center;
}
.card-result-resource .ressource-info p[b-8xg7yfvq6d] {
  margin-bottom: 3px;
}

.avatar-container[b-8xg7yfvq6d] {
  display: flex;
  margin-top: 6px;
}

.filter-groups-wrapper[b-8xg7yfvq6d] {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.filter-groups-wrapper.no-result[b-8xg7yfvq6d] {
  padding: 0px;
  width: 100%;
}
.filter-groups-wrapper .filters-wrapper[b-8xg7yfvq6d] {
  padding: 8px;
  border: 1px dashed var(--b-med-01);
  gap: 8px;
  display: flex;
  flex-direction: column;
  margin: 16px;
  margin-bottom: 8px;
  background-color: rgba(183, 186, 214, 0.3);
}
.filter-groups-wrapper .filters-wrapper[b-8xg7yfvq6d]  .filter {
  margin-bottom: 0px;
}
.filter-groups-wrapper .filters-wrapper-group[b-8xg7yfvq6d] {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 16px;
}
.filter-groups-wrapper[b-8xg7yfvq6d]  .no-result-wrapper {
  margin-left: 0px;
}
.filter-groups-wrapper[b-8xg7yfvq6d]  .no-result-wrapper .secondary-btn {
  width: fit-content;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ScheduledTasksTooltip.razor.rz.scp.css */
.tooltip-wrapper[b-iviwbip6el] {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 2px;
}
.tooltip-wrapper .item[b-iviwbip6el] {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.tooltip-wrapper .tooltip-text[b-iviwbip6el] {
  font-size: 12px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.tooltip-wrapper .tooltip-indicator[b-iviwbip6el] {
  background: var(--b-dark-01);
  box-shadow: inset 0px 0px 1px rgba(52, 52, 75, 0.1), inset 0px 1px 1px rgba(52, 52, 75, 0.05);
  border-radius: 2px;
  font-size: 10px;
  width: fit-content;
  padding: 2px 4px;
}
.tooltip-wrapper .bullet[b-iviwbip6el] {
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Sections/Components/AutoPlanningTaskSectionComponent.razor.rz.scp.css */
.text-switch-wrapper[b-yctj4kwfcu] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.info-wrapper[b-yctj4kwfcu] {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.info-wrapper span[b-yctj4kwfcu] {
  margin-bottom: 8px;
}
.info-wrapper .section-title[b-yctj4kwfcu] {
  margin: 0px 0px 24px 0px;
}

.cursor-normal[b-yctj4kwfcu] {
  cursor: auto;
}

.checkbox-info-wrapper[b-yctj4kwfcu] {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.checkbox-info-wrapper span[b-yctj4kwfcu] {
  margin-left: 16px;
}

.cursor-style[b-yctj4kwfcu] {
  cursor: wait;
}

[b-yctj4kwfcu] .input-wrapper input {
  text-align: end;
}

.disable-input[b-yctj4kwfcu]  .input-wrapper input {
  opacity: 0.4;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Sections/Components/CheckListSectionComponent.razor.rz.scp.css */
a[b-x6l2yhdhd7] {
  color: var(--b-med-01);
}
a.disabled[b-x6l2yhdhd7] {
  pointer-events: none;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Sections/Components/CommentsSectionComponent.razor.rz.scp.css */
.comments-wrapper[b-3z7rl0igka] {
  display: flex;
  flex-direction: column;
  padding: 16px;
  background: var(--b-light-02);
}

.new-comment[b-3z7rl0igka] {
  display: flex;
  flex-direction: column;
  padding: 16px;
  background-color: var(--a-light-orange-02);
}
.new-comment .avatar-text-wrapper[b-3z7rl0igka] {
  display: flex;
  margin-bottom: 8px;
  align-items: center;
}
.new-comment .avatar-text-wrapper[b-3z7rl0igka]  img {
  margin-right: 8px;
}
.new-comment .textarea-buttons-wrapper[b-3z7rl0igka] {
  padding-left: 32px;
}
.new-comment .textarea-buttons-wrapper textarea[b-3z7rl0igka] {
  width: 100%;
  overflow: hidden;
  height: 56px;
  font-size: 14px;
}
.new-comment .textarea-buttons-wrapper textarea:placeholder[b-3z7rl0igka] {
  font-size: 14px;
}
.new-comment .textarea-buttons-wrapper .buttons-wrapper[b-3z7rl0igka] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 8px;
}
.new-comment .textarea-buttons-wrapper .buttons-wrapper button[b-3z7rl0igka] {
  margin-right: 8px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Sections/Components/DateTaskSectionComponent.razor.rz.scp.css */
.due-date[b-plf359s7fb] {
  display: flex;
  flex-direction: row;
  position: relative;
  width: fit-content;
  /*margin-top: 16px;*/
}
.due-date i[b-plf359s7fb] {
  position: absolute;
  bottom: 16px;
  right: 16px;
  padding: 16px;
  margin-right: 8px;
  cursor: pointer;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Sections/Components/DurationSectionComponent.razor.rz.scp.css */
h4.type-preset-4[b-471qczenkh] {
  line-height: 16px;
}

.sub-container[b-471qczenkh], .generic-option__wrapper[b-471qczenkh] {
  border-bottom: 1px solid #D6DBE3;
  padding: 20px;
}

.sub-container[b-471qczenkh] {
  color: #686985;
}

.pointer[b-471qczenkh] {
  cursor: pointer;
}

.generic-option__wrapper[b-471qczenkh] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.generic-option__wrapper .edit-buttons-wrapper[b-471qczenkh] {
  display: none;
}
.generic-option__wrapper:hover[b-471qczenkh] {
  background-color: var(--a-light-orange-02);
}
.generic-option__wrapper:hover .edit-buttons-wrapper[b-471qczenkh] {
  display: flex;
}
.generic-option__wrapper:hover .budget-amount[b-471qczenkh] {
  display: none;
}

.name-description__wrapper[b-471qczenkh] {
  flex: 1px;
}

.budget-amount[b-471qczenkh] {
  text-align: right;
}

.old-budget[b-471qczenkh], .budget-none[b-471qczenkh] {
  padding: 24px 24px 24px 40px;
}

.section-main-container .dynamic-component-container.duration-input[b-471qczenkh] {
  padding: 0px;
}

.edit-buttons-wrapper .fa-trash-alt[b-471qczenkh] {
  color: var(--red-02);
}
.edit-buttons-wrapper i[b-471qczenkh] {
  color: var(--b-med-01);
  padding: 4px;
  margin-top: 0;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Sections/Components/DurationSectionTemplateComponent.razor.rz.scp.css */
h4.type-preset-4[b-zwr3w8awq7] {
  line-height: 16px;
}

.sub-container[b-zwr3w8awq7], .generic-option__wrapper[b-zwr3w8awq7] {
  border-bottom: 1px solid #D6DBE3;
  padding: 20px;
}

.sub-container[b-zwr3w8awq7] {
  color: #686985;
}

.wrapper[b-zwr3w8awq7] {
  display: flex;
}

.active-indicator[b-zwr3w8awq7] {
  width: 4px;
  background-color: var(--grey-02);
}

.generic-option__wrapper[b-zwr3w8awq7] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  width: 100%;
}
.generic-option__wrapper .edit-buttons-wrapper[b-zwr3w8awq7] {
  display: none;
}
.generic-option__wrapper:hover[b-zwr3w8awq7] {
  background-color: var(--a-light-orange-02);
}
.generic-option__wrapper:hover .edit-buttons-wrapper[b-zwr3w8awq7] {
  display: flex;
}
.generic-option__wrapper:hover .budget-amount[b-zwr3w8awq7] {
  display: none;
}

.name-description__wrapper[b-zwr3w8awq7] {
  flex: 1px;
}

.budget-amount[b-zwr3w8awq7] {
  text-align: right;
}

.old-budget[b-zwr3w8awq7], .budget-none[b-zwr3w8awq7] {
  padding: 24px 24px 24px 40px;
}

.section-main-container .dynamic-component-container.duration-input[b-zwr3w8awq7] {
  padding: 0px;
}

.edit-buttons-wrapper .fa-trash-alt[b-zwr3w8awq7] {
  color: var(--red-02);
}
.edit-buttons-wrapper i[b-zwr3w8awq7] {
  color: var(--b-med-01);
  padding: 4px;
  margin-top: 0;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Sections/Components/ExportSectionComponent.razor.rz.scp.css */
.blocks-container[b-noyyu48i1t] {
  display: flex;
  flex-direction: row;
  height: 100%;
  /*.primary-btn.outline {
      margin-bottom: 16px;
  }*/
}
.blocks-container .primary-btn.outline[b-noyyu48i1t], .blocks-container .primary-btn.full[b-noyyu48i1t] {
  width: 100%;
  margin-top: 16px;
}

.filter-block[b-noyyu48i1t]  .filter:hover {
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 2px rgba(52, 52, 75, 0.1);
  background-color: var(--a-light-orange-02);
}

/*.calendar {
    display: flex;
    margin-top: 16px;

    .toggle-btn {
        outline: none;
        background-color: var(--b-light-01);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);

        &:first-of-type {
            border-radius: 4px 0px 0px 4px;
        }

        &:last-of-type {
            border-radius: 0px 4px 4px 0px;
        }
    }

    .date-range {
        display: flex;
        align-items: center;
        flex-grow: 1;
        gap: 8px;
        padding: 0 8px;
        justify-content: center;
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
    }
}*/
.date-section-container .label-input-wrapper[b-noyyu48i1t]  .rz-datepicker .rz-datepicker-trigger {
  position: absolute;
  left: 16px;
  display: flex;
  align-items: center;
  width: 90%;
}
.date-section-container .label-input-wrapper[b-noyyu48i1t]  .rz-datepicker .rz-datepicker-trigger .rzi-calendar {
  width: 16px;
  height: 16px;
  font-size: 14px;
  color: var(--b-med-01);
}
.date-section-container .label-input-wrapper[b-noyyu48i1t]  .rz-datepicker .rz-inputtext {
  padding-left: 40px;
}
.date-section-container .label-input-wrapper[b-noyyu48i1t]  .rz-datepicker .rz-inputtext::placeholder {
  color: var(--b-med-02);
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

.chkbox-label-container[b-noyyu48i1t] {
  display: flex;
  gap: 8px;
  padding-top: 16px;
}

[b-noyyu48i1t] .info-card-wrapper {
  margin-top: 16px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Sections/Components/FieldSectionComponent.razor.rz.scp.css */
.section-wrapper[b-guzarpsjtr] {
  padding: 24px 24px 0px 40px;
  background-color: var(--b-light-02);
}
.section-wrapper[b-guzarpsjtr]  .label-input-wrapper {
  padding-bottom: 24px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Sections/Components/InformationCardComponent.razor.rz.scp.css */
.info-card-outside-wrapper[b-009lh35u03] {
  padding: 8px;
  border-bottom: 1px solid var(--grey-02);
}

.info-card-wrapper[b-009lh35u03] {
  border: solid 1px var(--grey-02);
  padding: 16px;
  border-radius: 8px;
}
.info-card-wrapper .info-card-header[b-009lh35u03] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.info-card-wrapper .info-card-header i[b-009lh35u03] {
  margin-right: 24px;
}
.info-card-wrapper .info-card-header .title[b-009lh35u03] {
  line-height: 24px;
}
.info-card-wrapper .info-card-text[b-009lh35u03] {
  padding: 8px 8px 8px 40px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Sections/Components/Subcomponents/FeesUnitComponent.razor.rz.scp.css */
.fees-unit-wrapper[b-rp4xhon395] {
  display: flex;
  flex-direction: column;
}
.fees-unit-wrapper .fees-unit-1[b-rp4xhon395] {
  margin-bottom: 16px;
}
.fees-unit-wrapper .fees-unit-2[b-rp4xhon395] {
  display: flex;
  align-items: center;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Sections/Components/Subcomponents/TeamProfileComponent.razor.rz.scp.css */
.filter[b-xqy6wf3o3s] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  background: #FFFFFF;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 16px;
  cursor: pointer;
}
.filter .content-wrapper[b-xqy6wf3o3s] {
  width: 90%;
}
.filter .delete-btn[b-xqy6wf3o3s] {
  visibility: hidden;
  color: var(--b-med-02);
  border: 1px solid var(--b-med-02);
  height: 40px;
  width: 40px;
  outline: none;
}
.filter .delete-btn:hover[b-xqy6wf3o3s] {
  visibility: visible;
  display: flex;
  align-items: center;
  color: var(--red-02);
  border: 1px solid var(--red-02);
  background: var(--red-03);
}
.filter:hover .delete-btn[b-xqy6wf3o3s] {
  visibility: visible;
  display: flex;
  align-items: center;
}
.filter h3[b-xqy6wf3o3s] {
  color: var(--b-dark-01);
  text-decoration: none;
  font-weight: 500;
}
.filter h4[b-xqy6wf3o3s] {
  color: var(--b-med-01);
}

a.add-button[b-xqy6wf3o3s] {
  font-weight: 500;
  color: var(--b-med-02);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Sections/Components/TeamTaskSectionComponent.razor.rz.scp.css */
.dynamic-component-container[b-japo30etiv]  .rz-dropdown {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.avatar-container[b-japo30etiv] {
  width: 32px;
  margin-right: 8px;
}

.icon-container i[b-japo30etiv] {
  margin-right: 8px;
  width: 32px;
  color: #B7BAD6;
}

.groupDrop[b-japo30etiv]  .rz-dropdown .rz-helper-hidden-accessible {
  display: none;
}
.groupDrop[b-japo30etiv]  .rz-dropdown .rz-dropdown-label.rz-inputtext {
  width: 100%;
}
.groupDrop[b-japo30etiv]  .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.groupDrop[b-japo30etiv]  .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper p {
  margin-bottom: 0;
  margin-left: 0;
  display: none;
}
.groupDrop[b-japo30etiv]  .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper .text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.groupDrop[b-japo30etiv]  .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper .text-wrapper .name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Sections/TaskSection.razor.rz.scp.css */
.section-main-container .section-header h4[b-br9ct6au7d] {
  padding: 9px 16px;
  cursor: pointer;
  line-height: 1.5;
  display: flex;
  justify-content: space-between;
}
.section-main-container .section-header h4 .preview-section[b-br9ct6au7d] {
  margin-left: 8px;
}
.section-main-container .section-header h4 i[b-br9ct6au7d] {
  margin-right: 8px;
  font-size: 14px;
  color: var(--b-med-01);
}
.section-main-container .section-header h4 .clear-selection[b-br9ct6au7d] {
  visibility: hidden;
  border-radius: 4px;
  background-color: var(--b-light-01);
  padding: 4px 8px;
}
.section-main-container .section-header h4.open-section[b-br9ct6au7d] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.section-main-container .section-header h4:hover[b-br9ct6au7d] {
  background-color: var(--b-light-01);
}
.section-main-container[b-br9ct6au7d]  .inputs-container {
  display: flex;
  flex-direction: row;
  margin-bottom: 24px;
}
.section-main-container[b-br9ct6au7d]  .inputs-container .input-bottom-label {
  display: flex;
  flex-direction: column;
}
.section-main-container[b-br9ct6au7d]  .inputs-container .input-bottom-label input {
  width: 112px;
  margin-bottom: 8px;
  text-align: left;
}
.section-main-container[b-br9ct6au7d]  .inputs-container .input-bottom-label label {
  margin: 0;
  /*padding: 0px 16px 0px 0px;*/
  width: 112px;
  /*text-align: right;*/
}
.section-main-container[b-br9ct6au7d]  .inputs-container .toggle-buttons input[type=radio]:checked:after {
  color: red;
}
.section-main-container[b-br9ct6au7d]  .inputs-container .toggle-buttons label {
  margin: 0;
  color: var(--b-med-01);
}
.section-main-container[b-br9ct6au7d]  .label-input-wrapper {
  display: flex;
  flex-direction: column;
}
.section-main-container[b-br9ct6au7d]  .label-input-wrapper label {
  margin-top: 0;
  color: var(--b-med-01);
}
.section-main-container[b-br9ct6au7d]  .label-input-wrapper input {
  text-align: left;
}
.section-main-container[b-br9ct6au7d]  .label-input-wrapper .rz-dropdown {
  height: 48px;
}
.section-main-container[b-br9ct6au7d]  .label-input-wrapper .input-wrapper, .section-main-container[b-br9ct6au7d]  .label-input-wrapper input, .section-main-container[b-br9ct6au7d]  .label-input-wrapper .rz-dropdown, .section-main-container[b-br9ct6au7d]  .label-input-wrapper .date-input-wrapper {
  width: 230px;
}
.section-main-container[b-br9ct6au7d]  .input-wrapper {
  margin-right: 16px;
}
.section-main-container[b-br9ct6au7d]  .input-wrapper input {
  height: 48px;
  padding: 16px;
}
.section-main-container[b-br9ct6au7d]  .input-wrapper .rz-inputtext {
  text-align: start;
}
.section-main-container[b-br9ct6au7d]  .dynamic-component-container {
  background: var(--b-light-02);
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  padding: 24px 24px 24px 40px;
}
.section-main-container[b-br9ct6au7d]  .dynamic-component-container.state .rz-dropdown .rz-dropdown-label.rz-inputtext {
  display: flex;
  align-items: center;
  height: 24px;
}
.section-main-container[b-br9ct6au7d]  .dynamic-component-container textarea {
  height: 144px;
  vertical-align: top;
}
.section-main-container[b-br9ct6au7d]  .dynamic-component-container p {
  margin-bottom: 8px;
}
.section-main-container[b-br9ct6au7d]  .dynamic-component-container .switch-btn-label-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: start;
  align-items: center;
}
.section-main-container[b-br9ct6au7d]  .dynamic-component-container .switch-btn-label-wrapper .rz-switch {
  margin-right: 8px;
}
.section-main-container[b-br9ct6au7d]  .dynamic-component-container .switch-btn-label-wrapper .rz-switch .rz-switch-circle {
  margin: auto 0px;
}
.section-main-container[b-br9ct6au7d]  .dynamic-component-container .switch-btn-label-wrapper p {
  margin-bottom: 0;
}
.section-main-container[b-br9ct6au7d]  .recurrence {
  /*padding: 24px 24px 24px 40px;*/
}
.section-main-container[b-br9ct6au7d]  .recurrence h5.type-preset-5 {
  margin-bottom: 16px;
}
.section-main-container[b-br9ct6au7d]  .recurrence .inputs-container .input-bottom-label label {
  margin: 0px 0px 8px 16px;
}
.section-main-container[b-br9ct6au7d]  .rz-datepicker .rz-datepicker-trigger {
  position: absolute;
  left: 16px;
  display: flex;
  align-items: center;
  width: 90%;
}
.section-main-container[b-br9ct6au7d]  .rz-datepicker .rz-datepicker-trigger .rzi-calendar {
  width: 16px;
  height: 16px;
  font-size: 14px;
  color: var(--b-med-01);
}
.section-main-container[b-br9ct6au7d]  .rz-datepicker .rz-inputtext {
  padding-left: 40px;
}
.section-main-container[b-br9ct6au7d]  .rz-datepicker .rz-inputtext::placeholder {
  color: var(--b-med-02);
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

[b-br9ct6au7d] .dates-container .toggle-btn-container {
  width: 100%;
}
[b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .toggle-container {
  margin-top: 24px;
}
[b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container {
  display: flex;
  align-items: end;
}
[b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .date-input {
  display: flex;
}
[b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .date-input .input-bottom-label {
  display: flex;
  flex-direction: column;
}
[b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .date-input .input-bottom-label label {
  margin-left: 16px;
}
[b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .date-input .input-wrapper {
  margin-right: 8px;
}
[b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .date-input .input-wrapper input {
  width: 80px;
  text-align: initial;
}
[b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .dd-wrapper {
  display: flex;
  flex: 1;
  gap: 16px;
}
[b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .dd-wrapper .state-dd, [b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .dd-wrapper .type-dd, [b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .dd-wrapper .item-dd {
  display: flex;
}
[b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .dd-wrapper .state-dd .rz-dropdown, [b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .dd-wrapper .type-dd .rz-dropdown, [b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .dd-wrapper .item-dd .rz-dropdown {
  margin-bottom: 0px;
}
[b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .dd-wrapper .state-dd .rz-dropdown .rz-dropdown-label.rz-inputtext p, [b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .dd-wrapper .type-dd .rz-dropdown .rz-dropdown-label.rz-inputtext p, [b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .dd-wrapper .item-dd .rz-dropdown .rz-dropdown-label.rz-inputtext p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
[b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .dd-wrapper .state-dd {
  max-width: 140px;
}
[b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .dd-wrapper .type-dd {
  max-width: 190px;
}
[b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .dd-wrapper .type-dd, [b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .dd-wrapper .state-dd {
  position: relative;
}
[b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .dd-wrapper .type-dd p, [b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .dd-wrapper .state-dd p {
  margin-left: 24px;
}
[b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .dd-wrapper .type-dd .placeholder, [b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .dd-wrapper .state-dd .placeholder {
  position: absolute;
  top: 12px;
  left: 16px;
}
[b-br9ct6au7d] .dates-container .toggle-btn-container .dynamic-sub-component .info-container .dd-wrapper .item-dd {
  max-width: 190px;
  flex: 1;
}

.section-main-container:hover .section-header h4 .clear-selection[b-br9ct6au7d] {
  visibility: visible;
}
.section-main-container:hover .section-header h4 .clear-selection:hover[b-br9ct6au7d] {
  background-color: var(--red-03);
  color: var(--red-02);
}

/* status dropdown */
[b-br9ct6au7d] .dynamic-component-container .toggle-btn-container .dynamic-sub-component .status-dd .rz-dropdown .rz-dropdown-label.rz-inputtext div {
  display: flex;
  align-items: center;
  gap: 8px;
}
[b-br9ct6au7d] .dynamic-component-container .toggle-btn-container .dynamic-sub-component .status-dd .rz-dropdown .rz-dropdown-label.rz-inputtext div .circle {
  display: flex;
  height: 8px;
  width: 8px;
  box-shadow: var(--elevation-negative-1);
  border-radius: 50%;
}
[b-br9ct6au7d] .dynamic-component-container .toggle-btn-container .dynamic-sub-component .auto-stat-wrp {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
}
[b-br9ct6au7d] .dynamic-component-container .toggle-btn-container .dynamic-sub-component .auto-stat-wrp .task-dd {
  position: relative;
  display: flex;
}
[b-br9ct6au7d] .dynamic-component-container .toggle-btn-container .dynamic-sub-component .auto-stat-wrp .task-dd .rz-dropdown .rz-dropdown-label.rz-inputtext p, [b-br9ct6au7d] .dynamic-component-container .toggle-btn-container .dynamic-sub-component .auto-stat-wrp .task-dd .rz-dropdown .rz-dropdown-label.rz-inputtext.rz-placeholder {
  margin-left: 24px;
}
[b-br9ct6au7d] .dynamic-component-container .toggle-btn-container .dynamic-sub-component .auto-stat-wrp .task-dd .placeholder {
  position: absolute;
  top: 12px;
  left: 16px;
}
[b-br9ct6au7d] .dynamic-component-container .toggle-btn-container .dynamic-sub-component table {
  width: 100%;
}
[b-br9ct6au7d] .dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
[b-br9ct6au7d] .dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody tr:first-child {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
[b-br9ct6au7d] .dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody tr:first-child td {
  display: flex;
  width: 50%;
}
[b-br9ct6au7d] .dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody tr:first-child td:last-child .txt-wrp {
  display: flex;
  align-self: flex-end;
  width: 100%;
  gap: 4px;
}
[b-br9ct6au7d] .dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody tr:not(:first-child) {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  height: 48px;
}
[b-br9ct6au7d] .dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody tr:not(:first-child) td:first-child {
  display: flex;
  align-items: center;
  height: 47px;
  padding: 0px 16px;
  border: 1px solid var(--grey-02);
  width: 50%;
  border-radius: 4px;
}
[b-br9ct6au7d] .dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody tr:not(:first-child) td:first-child .txt-clr-wrp {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--b-dark-02);
}
[b-br9ct6au7d] .dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody tr:not(:first-child) td:first-child .txt-clr-wrp .circle {
  display: flex;
  height: 8px;
  width: 8px;
  box-shadow: var(--elevation-negative-1);
  border-radius: 50%;
}
[b-br9ct6au7d] .dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody tr:not(:first-child) td {
  width: 50%;
  padding: 0px;
}
[b-br9ct6au7d] .dynamic-component-container .toggle-btn-container .dynamic-sub-component table tbody tr:not(:first-child) td .rz-dropdown {
  margin-bottom: 0px;
}

/* Container of radio buttons with label for section*/
[b-br9ct6au7d] .radio-buttons-container {
  padding-left: 24px;
  /* The container */
  /* Create a custom radio button */
  /* When the radio button is checked, add a light orange background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */
}
[b-br9ct6au7d] .radio-buttons-container .btn-label-container {
  display: flex;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 0;
  gap: 8px;
}
[b-br9ct6au7d] .radio-buttons-container .type-preset-7 {
  line-height: 24px;
}
[b-br9ct6au7d] .radio-buttons-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: var(--white);
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
}
[b-br9ct6au7d] .radio-buttons-container .container input:checked + .checkmark {
  background: var(--a-light-orange-01);
}
[b-br9ct6au7d] .radio-buttons-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
[b-br9ct6au7d] .radio-buttons-container .container input:checked + .checkmark:after {
  display: block;
}
[b-br9ct6au7d] .radio-buttons-container .container .checkmark:after {
  top: 4px;
  left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--a-orange-01);
  box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.1), inset 0px 1px 2px rgba(0, 0, 0, 0.15);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/SelectionActionsBarHeader.razor.rz.scp.css */
.selection-actions__wrapper[b-3fqyh4wzvm] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  flex-direction: row;
}
.selection-actions__wrapper.default-mode[b-3fqyh4wzvm] {
  background: var(--a-light-orange-02);
}
.selection-actions__wrapper.delete-mode[b-3fqyh4wzvm] {
  background: var(--red-03);
}
.selection-actions__wrapper.delete-mode .main-action-button__wrapper span[b-3fqyh4wzvm] {
  color: var(--red-02);
}
.selection-actions__wrapper .left-wrapper[b-3fqyh4wzvm] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.selection-actions__wrapper .left-wrapper .checkbox-wrapper[b-3fqyh4wzvm] {
  padding: 16px 9.5px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.selection-actions__wrapper .left-wrapper .checkbox-wrapper.bar[b-3fqyh4wzvm]  .rz-chkbox-icon.rzi.rzi-check {
  display: flex;
  justify-content: center;
  align-items: center;
}
.selection-actions__wrapper .left-wrapper .checkbox-wrapper.bar[b-3fqyh4wzvm]  .rz-chkbox-icon.rzi.rzi-check::before {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 6px;
}
.selection-actions__wrapper .left-wrapper h3[b-3fqyh4wzvm] {
  padding-left: 16px;
}
.selection-actions__wrapper .left-wrapper .main-action-button__wrapper[b-3fqyh4wzvm] {
  height: 56px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 16px;
}
.selection-actions__wrapper .left-wrapper .main-action-button__wrapper span[b-3fqyh4wzvm] {
  color: var(--a-orange-01);
  white-space: nowrap;
}
.selection-actions__wrapper .left-wrapper .selection-count__wrapper[b-3fqyh4wzvm] {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  height: 100%;
}
.selection-actions__wrapper .left-wrapper .selection-count__wrapper span[b-3fqyh4wzvm] {
  padding: 8px;
  background: #FFFFFF;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  white-space: nowrap;
}
.selection-actions__wrapper .left-wrapper .action-buttons__wrapper[b-3fqyh4wzvm] {
  display: flex;
  align-items: center;
}
.selection-actions__wrapper .right-wrapper[b-3fqyh4wzvm] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 8px;
  gap: 8px;
}
.selection-actions__wrapper .right-wrapper button[b-3fqyh4wzvm] {
  margin-left: 8px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Settings/AccessRightsSettings.razor.rz.scp.css */
/* Right Menu */
.second-panel__content[b-8iicm47sxr] {
  /* Action bar */
}
.second-panel__content .selection-actions-wrapper[b-8iicm47sxr] {
  height: 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--a-light-orange-02);
  border-left: 0.5px solid rgba(214, 219, 227, 0.3);
  padding: 16px;
  position: sticky;
  top: 0;
  z-index: 4;
}
.second-panel__content .selection-actions-wrapper .records-count[b-8iicm47sxr] {
  color: var(--a-orange-01);
  cursor: default;
  margin-right: 16px;
}
.second-panel__content .selection-actions-wrapper .selection-count[b-8iicm47sxr] {
  color: var(--a-orange-01);
  background-color: #F6F7FA;
  color: var(--grey-01);
  padding: 4px 6px;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  cursor: default;
}
.second-panel__content .selection-actions-wrapper .primary-btn.full[b-8iicm47sxr] {
  border: 1px solid transparent;
}

.two-panel-layout[b-8iicm47sxr]  .second-panel {
  overflow-y: hidden;
}
.two-panel-layout[b-8iicm47sxr]  .first-panel .first-panel__links .link-wrapper {
  background: var(--b-light-02);
}
.two-panel-layout[b-8iicm47sxr]  .first-panel .first-panel__links .link-wrapper .edit-buttons-wrapper {
  background: var(--b-light-02);
}
.two-panel-layout[b-8iicm47sxr]  .first-panel .first-panel__links .link-wrapper:hover .first-panel__link {
  background: var(--b-light-02);
}
.two-panel-layout[b-8iicm47sxr]  .first-panel .first-panel__links .link-wrapper:hover .edit-buttons-wrapper {
  background: var(--b-light-02);
}
.two-panel-layout[b-8iicm47sxr]  .first-panel .first-panel__links .link-wrapper.selected {
  background: var(--a-light-orange-01);
}
.two-panel-layout[b-8iicm47sxr]  .first-panel .first-panel__links .link-wrapper.selected:hover {
  background: var(--a-light-orange-01);
  box-shadow: none;
}
.two-panel-layout[b-8iicm47sxr]  .first-panel .first-panel__links .link-wrapper.selected:hover .first-panel__link {
  background: var(--a-light-orange-01);
}
.two-panel-layout[b-8iicm47sxr]  .first-panel .first-panel__links .link-wrapper.selected:hover .edit-buttons-wrapper {
  background: var(--a-light-orange-01);
}
.two-panel-layout[b-8iicm47sxr]  .first-panel .first-panel__links .link-wrapper.selected:hover .edit-buttons-wrapper i {
  color: var(--b-med-01);
}

.perm-container[b-8iicm47sxr] {
  padding: 8px;
  background: left var(--a-light-orange-01);
  overflow-y: auto;
  height: calc(100% - 56px);
}
.perm-container .perm-wrapper[b-8iicm47sxr] {
  box-shadow: var(--elevation-positive-3);
  border-radius: 4px;
  height: 56px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Settings/BillingComponent.razor.rz.scp.css */
.table-wrapper[b-jybxb9loif] {
  margin-top: 1px;
}
.table-wrapper[b-jybxb9loif]  .search-input-wrapper {
  display: none;
}
.table-wrapper[b-jybxb9loif]  .footer {
  display: none;
}
.table-wrapper[b-jybxb9loif]  .table-input-container .table-outer-wrapper table {
  width: 100%;
}
.table-wrapper[b-jybxb9loif]  .history th:last-child {
  width: 48px;
}
.table-wrapper[b-jybxb9loif]  .history td:last-child .value.b-dark-02 {
  display: none;
}
.table-wrapper[b-jybxb9loif]  .btn-icon {
  width: fit-content;
  cursor: pointer;
  padding: 4px;
  margin: auto;
}
.table-wrapper[b-jybxb9loif]  .btn-icon i {
  color: var(--b-med-01);
}

/* styles for section with input fields */
[b-jybxb9loif] .section-content-container {
  padding-left: 40px;
  margin-bottom: 24px;
}
[b-jybxb9loif] .section-content-container .label-input-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}
[b-jybxb9loif] .section-content-container .label-input-wrapper label {
  margin: 0px 0px 8px 14px;
}
[b-jybxb9loif] .section-content-container .input-wrapper label {
  color: var(--b-dark-02);
  margin: 0px 0px 8px 14px;
}
[b-jybxb9loif] .section-content-container .input-wrapper input {
  width: 368px;
}
[b-jybxb9loif] .section-content-container.partition {
  display: flex;
}
[b-jybxb9loif] .section-content-container.partition .parts {
  margin-right: 24px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Settings/CompanySettings.razor.rz.scp.css */
.table-input-container[b-u8vww2fuyr] {
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.table-input-container[b-u8vww2fuyr]  .footer, .table-input-container[b-u8vww2fuyr]  .search-input-wrapper {
  display: none;
}

.holiday[b-u8vww2fuyr]  td:hover {
  background: #FFF9F2;
}

.workplace[b-u8vww2fuyr]  th:first-child {
  width: 40px;
}
.workplace[b-u8vww2fuyr]  .workplace-name .cell {
  flex-direction: row !important;
}
.workplace[b-u8vww2fuyr]  .cell-contents {
  width: auto !important;
}
.workplace[b-u8vww2fuyr]  th:nth-of-type(2) {
  width: 40px;
}

.input-dropdown-wrapper[b-u8vww2fuyr] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.input-dropdown-wrapper[b-u8vww2fuyr]  .rz-dropdown {
  width: 244px;
}
.input-dropdown-wrapper[b-u8vww2fuyr]  label {
  margin-bottom: 0;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Settings/DesjardinsSettings.razor.rz.scp.css */
.table-wrapper[b-5sj42txd6r]  .search-input-wrapper {
  display: none;
}
.table-wrapper[b-5sj42txd6r]  .footer {
  display: none;
}
.table-wrapper[b-5sj42txd6r]  .table-input-container .table-outer-wrapper table {
  width: 100%;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Settings/IntegrationsSettings.razor.rz.scp.css */
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Settings/IrisPracticeEngine.razor.rz.scp.css */
.settings-sections__wrapper .section-dropdown-content .section-container .input-dropdown-wrapper[b-wjct4g68zr] {
  height: 520px;
}
.settings-sections__wrapper .section-dropdown-content .section-container .input-dropdown-wrapper .status_div[b-wjct4g68zr] {
  display: flex;
  width: 100%;
  margin-bottom: 25px;
}
.settings-sections__wrapper .section-dropdown-content .section-container .input-dropdown-wrapper .status_div .status-bullet-big[b-wjct4g68zr] {
  height: 16px;
  width: 16px;
  margin: auto;
  border-radius: 50%;
  margin-left: 10px;
}
.settings-sections__wrapper .section-dropdown-content .section-container .input-dropdown-wrapper .status_div .text-status[b-wjct4g68zr] {
  align-items: center;
  flex: 1;
  padding-left: 10px;
  display: flex;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.settings-sections__wrapper .section-dropdown-content .section-container .input-dropdown-wrapper[b-wjct4g68zr]  .input-wrapper {
  height: initial;
  width: 450px;
  margin-bottom: 20px;
}
.settings-sections__wrapper .section-dropdown-content .section-container .input-dropdown-wrapper[b-wjct4g68zr]  .input-wrapper input {
  text-align: left;
}

.checkBox[b-wjct4g68zr] {
  padding: 12px;
}

.table-outer-wrapper[b-wjct4g68zr] {
  overflow-y: scroll;
  background: white;
  border-radius: 8px;
}
.table-outer-wrapper table[b-wjct4g68zr] {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 65px;
  table-layout: fixed;
}
.table-outer-wrapper table thead tr[b-wjct4g68zr] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  height: 56px;
}
.table-outer-wrapper table thead tr th[b-wjct4g68zr] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--b-light-02);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.5);
  padding: 0px 16px;
}
.table-outer-wrapper table thead tr th[b-wjct4g68zr]::after {
  content: "";
  border: 0.5px solid rgba(214, 219, 227, 0.3);
  position: absolute;
  height: 56px;
  left: -1px;
  top: 0;
}
.table-outer-wrapper table tbody tr[b-wjct4g68zr] {
  height: 40px;
  margin: 4px;
}
.table-outer-wrapper table tbody tr td[b-wjct4g68zr] {
  max-width: 50px;
}
.table-outer-wrapper table tbody tr td[b-wjct4g68zr] {
  padding: 0px 8px;
}
.table-outer-wrapper table tbody td[b-wjct4g68zr] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
  height: 56px;
}
.table-outer-wrapper table tbody td:hover .open-in-new-link[b-wjct4g68zr] {
  display: flex;
  align-items: center;
}
.table-outer-wrapper table tbody td .json[b-wjct4g68zr] {
  height: 56px;
  overflow: auto;
  margin-top: 10px;
}
.table-outer-wrapper table tbody td .value[b-wjct4g68zr] {
  padding: 16px 12px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Settings/LuccaSettings.razor.rz.scp.css */
.pad25[b-alrrrka9ge] {
  padding-left: 25px;
}

.emptySpace[b-alrrrka9ge] {
  width: 1px;
  height: 150px;
}

.pad25 a[b-alrrrka9ge] {
  color: var(--a-orange-01);
}

.table-wrapper[b-alrrrka9ge]  .search-input-wrapper {
  display: none;
}
.table-wrapper[b-alrrrka9ge]  .footer {
  display: none;
}
.table-wrapper[b-alrrrka9ge]  .table-input-container .table-outer-wrapper table {
  width: 100%;
}

.section-content-container[b-alrrrka9ge] {
  padding: 24px 0 24px 40px;
  background: var(--b-light-02);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05) inset, 0px 0px 1px 0px rgba(0, 0, 0, 0.1) inset;
}
.section-content-container .label-input-wrapper[b-alrrrka9ge] {
  margin-bottom: 16px;
  width: 635px;
}
.section-content-container .label-input-wrapper[b-alrrrka9ge]  .input-wrapper {
  width: 100%;
}
.section-content-container .label-input-wrapper[b-alrrrka9ge]  .input-wrapper label {
  color: var(--b-dark-02);
  margin: 0px 0px 8px 14px;
}
.section-content-container .label-input-wrapper[b-alrrrka9ge]  .input-wrapper input {
  width: 100%;
}
.section-content-container .label-input-wrapper.btn-container[b-alrrrka9ge] {
  display: flex;
  flex-direction: row;
}
.section-content-container .label-input-wrapper.btn-container[b-alrrrka9ge]  .input-wrapper {
  flex-grow: 1;
  width: auto;
}
.section-content-container .label-input-wrapper.btn-container button[b-alrrrka9ge] {
  margin: 0 0 4px 8px;
  width: 90px;
  align-self: end;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Settings/MissionSettings.razor.rz.scp.css */
.exemple-mission-name__wrapper[b-6ksdfinrq2] {
  margin-top: 16px;
}
.exemple-mission-name__wrapper .mission-name[b-6ksdfinrq2] {
  font-style: italic;
  font-weight: 500;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Settings/NotificationSettings.razor.rz.scp.css */
.wrapper-border[b-3xe23cgiqp] {
  background: var(--white);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 16px;
  justify-content: space-between;
  align-items: center;
}
.wrapper-border.info-box-setting .section-title[b-3xe23cgiqp] {
  margin: 8px;
}
.wrapper-border.info-box-setting .label-switch-wrapper[b-3xe23cgiqp] {
  margin: 16px 8px 16px 8px;
}
.wrapper-border.info-box-setting .info-wrapper[b-3xe23cgiqp]  .info-card-header {
  margin-bottom: 18px;
}
.wrapper-border.info-box-setting .info-wrapper[b-3xe23cgiqp]  .info-card-header i {
  margin-right: 20px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Settings/SettingComponentHeader.razor.rz.scp.css */
.settings-component-header__wrapper[b-kd3te5fcb9] {
  background: var(--white);
}
.settings-component-header__wrapper h4[b-kd3te5fcb9] {
  margin-bottom: 8px;
}
.settings-component-header__wrapper .description-wrapper[b-kd3te5fcb9] {
  display: flex;
  flex-direction: column;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Settings/TaskSettings.razor.rz.scp.css */
.task-states[b-zl3pioed9v]  th:first-child {
  width: 40px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Settings/TeamSettings.razor.rz.scp.css */
.header-btn__wrapper[b-wnkpuix2yk] {
  margin-bottom: 16px;
}
.header-btn__wrapper .button-wrapper .primary-btn[b-wnkpuix2yk] {
  margin-right: 12px;
}

.occupation[b-wnkpuix2yk]  th:first-child {
  width: 40px;
}
.occupation[b-wnkpuix2yk] .occupation-rate .cell {
  align-items: flex-end !important;
}
.occupation[b-wnkpuix2yk]  .occupation-name .cell {
  flex-direction: row !important;
}
.occupation[b-wnkpuix2yk]  .cell-contents {
  width: auto !important;
}

.label-dropdown-wrapper[b-wnkpuix2yk] {
  display: flex;
  flex-direction: column;
  background: var(--b-light-02);
  padding: 16px 16px 16px 40px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05) inset, 0px 0px 1px 0px rgba(0, 0, 0, 0.1) inset;
}
.label-dropdown-wrapper label[b-wnkpuix2yk] {
  margin-left: 16px;
}
.label-dropdown-wrapper[b-wnkpuix2yk]  .rz-dropdown {
  width: 275px;
  margin-bottom: 16px;
  padding: 12px 16px;
  height: 48px;
}
.label-dropdown-wrapper[b-wnkpuix2yk]  .rz-dropdown .rz-dropdown-label.rz-inputtext {
  max-width: 100%;
}
.label-dropdown-wrapper[b-wnkpuix2yk]  .rz-dropdown .rz-dropdown-label.rz-inputtext.rz-placeholder::before, .label-dropdown-wrapper[b-wnkpuix2yk]  .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper .placeholder::before {
  content: "\f007";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  background: var(--b-light-01);
  border: 1px solid transparent;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  border-radius: 100%;
  display: inline-block;
  position: relative;
  padding: 1px 0px 0px 5px;
  margin-right: 4px;
  height: 24px;
  width: 24px;
  color: var(--b-med-01);
}
.label-dropdown-wrapper[b-wnkpuix2yk]  .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper {
  display: flex;
  align-items: center;
}
.label-dropdown-wrapper[b-wnkpuix2yk]  .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper .placeholder {
  width: fit-content;
  display: flex;
  align-items: center;
  max-width: 100%;
}
.label-dropdown-wrapper[b-wnkpuix2yk]  .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper img {
  margin-right: 8px;
}
.label-dropdown-wrapper[b-wnkpuix2yk]  .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper p {
  margin: 0px;
  max-width: 90%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.table-input-container[b-wnkpuix2yk] {
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.table-input-container[b-wnkpuix2yk]  .footer, .table-input-container[b-wnkpuix2yk]  .search-input-wrapper {
  display: none;
}

.skill-wrapper[b-wnkpuix2yk]  th.columns {
  width: 100%;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Tables/BeeyeTable.razor.rz.scp.css */
.search-input-wrapper[b-zu89854aca] {
  padding: 8px;
  position: relative;
  background: white;
}
.search-input-wrapper i[b-zu89854aca] {
  position: absolute;
  left: 21px;
  top: 23px;
  z-index: 1;
  font-size: 14px;
  width: 16px;
  height: 16px;
  color: var(--b-med-02);
}

.footer[b-zu89854aca] {
  background: #FDFCFF;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 8px 8px;
  padding: 12px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  max-width: 100%;
  display: flex !important;
  border-top: 1px solid #eaeef0;
}
.footer[b-zu89854aca]  .rz-dropdown {
  width: 70px;
}

[b-zu89854aca] .bar .rz-chkbox-icon.rzi.rzi-check {
  display: flex;
  align-items: center;
}
[b-zu89854aca] .bar .rz-chkbox-icon.rzi.rzi-check::before {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 6px;
}

td:hover .action a[b-zu89854aca] {
  display: flex;
}

.cell-wrapper[b-zu89854aca] {
  display: flex;
  justify-content: space-between;
  height: 100%;
}

.canClick[b-zu89854aca] {
  cursor: pointer;
}

.cell-contents-wrapper[b-zu89854aca] {
  display: flex;
  align-items: center;
  padding: 9px 8px 8px 8px;
  width: 100%;
  height: 100%;
}

.table-outer-wrapper[b-zu89854aca] {
  overflow-y: auto;
  background: white;
  border-radius: 8px;
  position: relative;
}
.table-outer-wrapper table[b-zu89854aca] {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 65px;
  table-layout: fixed;
}
.table-outer-wrapper table thead tr[b-zu89854aca] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  height: 56px;
}
.table-outer-wrapper table thead tr th[b-zu89854aca] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--b-light-02);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.5);
  border-right: 2px solid var(--b-light-01);
}
.table-outer-wrapper table thead tr th.sum-container-th[b-zu89854aca] {
  position: inherit;
}
.table-outer-wrapper table thead tr th.select-count[b-zu89854aca] {
  width: 200px;
}
.table-outer-wrapper table thead tr th.sum-container-th[b-zu89854aca] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
  background: inherit;
  border-right: inherit;
}
.table-outer-wrapper table thead tr th.columns[b-zu89854aca] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 16px;
  cursor: pointer;
}
.table-outer-wrapper table thead tr th.columns.not-sortable[b-zu89854aca] {
  cursor: default;
}
.table-outer-wrapper table thead tr th.columns.selected[b-zu89854aca] {
  background: var(--b-light-01);
}
.table-outer-wrapper table thead tr th.columns .column-name-icon-wrapper[b-zu89854aca] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.table-outer-wrapper table thead tr th.columns .column-name-icon-wrapper i[b-zu89854aca] {
  margin-left: 8px;
  cursor: pointer;
}
.table-outer-wrapper table thead tr th.with-group:nth-child(2)[b-zu89854aca] {
  width: 200px;
}
.table-outer-wrapper table thead tr th.with-group:nth-child(2).selected-rows[b-zu89854aca] {
  width: 200px;
}
.table-outer-wrapper table thead tr th.input-checkbox-column[b-zu89854aca] {
  padding: 16px 8px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  width: 40px;
}
.table-outer-wrapper table thead tr th.input-checkbox-column.selected-rows[b-zu89854aca] {
  background: var(--a-light-orange-02);
  box-shadow: none;
}
.table-outer-wrapper table tbody td[b-zu89854aca] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
  height: 56px;
}
.table-outer-wrapper table tbody td.draggable[b-zu89854aca] {
  text-align: center;
}
.table-outer-wrapper table tbody td.draggable i[b-zu89854aca] {
  cursor: move;
}
.table-outer-wrapper table tbody td .exceed-value[b-zu89854aca] {
  background: var(--red-03);
}
.table-outer-wrapper table tbody td .exceed-value .cell-contents[b-zu89854aca] {
  color: var(--red-01);
}
.table-outer-wrapper table tbody td.input-checkbox-column div[b-zu89854aca] {
  padding: 16px 8px;
}
.table-outer-wrapper table tbody td .cell[b-zu89854aca] {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.table-outer-wrapper table tbody td .cell .cell-contents[b-zu89854aca] {
  width: 100%;
  display: flex;
  align-items: center;
}
.table-outer-wrapper table tbody td .cell .icon-container[b-zu89854aca] {
  justify-content: center;
  display: flex;
  width: 100%;
}
.table-outer-wrapper table tbody td .cell .link[b-zu89854aca] {
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding-left: 8px;
}
.table-outer-wrapper table tbody td .cell .link .name[b-zu89854aca], .table-outer-wrapper table tbody td .cell .link span[b-zu89854aca] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.table-outer-wrapper table tbody .status-bullet-big[b-zu89854aca] {
  height: 16px;
  width: 16px;
  margin: auto;
  border-radius: 50%;
}
.table-outer-wrapper .sticky[b-zu89854aca] {
  position: sticky;
  top: 0;
  z-index: 1;
}
.table-outer-wrapper .sticky .sum-container-tr[b-zu89854aca] {
  background-color: var(--white);
  box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 3;
}

.action[b-zu89854aca] {
  padding: 20px 12px 12px 16px;
  display: flex;
}
.action a[b-zu89854aca] {
  display: none;
  padding-right: 10px;
}

.right-align[b-zu89854aca] {
  display: flex;
  justify-content: end;
  text-align: right;
}

.selected[b-zu89854aca] {
  background: var(--a-light-orange-02);
}

.selection-actions-wrapper[b-zu89854aca] {
  background-color: var(--a-light-orange-02);
  display: flex;
  align-items: center;
  position: absolute;
  height: 58px;
  width: 100%;
  top: 0;
  z-index: 3;
  border-radius: 0 8px 0 0;
  font-size: 14px;
  font-weight: 500;
}
.selection-actions-wrapper .records-count[b-zu89854aca] {
  height: 100%;
  color: var(--a-orange-01);
  cursor: pointer;
  padding: 16px;
  margin-left: 0px;
  display: flex;
  align-items: center;
}
.selection-actions-wrapper .selection-count[b-zu89854aca] {
  color: var(--a-orange-01);
  background-color: white;
  color: var(--grey-01);
  padding: 8px;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  cursor: default;
  margin: 0 16px;
  font-weight: 400;
}
.selection-actions-wrapper span[b-zu89854aca] {
  margin-left: 16px;
  cursor: pointer;
}
.selection-actions-wrapper span.disabled[b-zu89854aca] {
  pointer-events: none;
  opacity: 0.4;
}
.selection-actions-wrapper span i[b-zu89854aca] {
  margin-right: 8px;
  font-size: 14px;
}
.selection-actions-wrapper.delete_mode[b-zu89854aca] {
  background-color: var(--red-03);
}
.selection-actions-wrapper .buttons-wrapper button[b-zu89854aca] {
  padding: 12px 16px;
  line-height: 0;
  height: 40px;
}

.comment-indicator[b-zu89854aca] {
  background-image: radial-gradient(circle at top right, #F27633 7px, transparent 8px);
  background-repeat: no-repeat;
  background-position: right 0px top 0px;
}

tr.group-header td[b-zu89854aca] {
  background: var(--b-light-01);
}
tr.group-header td:not(:nth-child(1)) .icon-value-wrapper[b-zu89854aca] {
  display: none;
  height: 58px;
  background: var(--b-light-01);
  position: relative;
}
tr.group-header td:not(:nth-child(1)) .icon-value-wrapper i[b-zu89854aca], tr.group-header td:not(:nth-child(1)) .icon-value-wrapper .total[b-zu89854aca] {
  display: none;
}
tr.group-header td:nth-child(1)[b-zu89854aca] {
  cursor: pointer;
}
tr.group-header td:nth-child(1) .sums-wrapper[b-zu89854aca] {
  display: none;
}
tr.group-header td:nth-child(1) .icon-value-wrapper[b-zu89854aca] {
  display: flex;
  align-items: center;
  gap: 16px;
  overflow: hidden;
  height: 58px;
  background: var(--b-light-01);
  position: relative;
  padding: 0px 8px;
}
tr.group-header td:nth-child(1) .icon-value-wrapper i[b-zu89854aca] {
  cursor: pointer;
}
tr.group-header td:nth-child(1) .icon-value-wrapper .value[b-zu89854aca] {
  padding: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 75%;
}
tr.group-header td:nth-child(1) .icon-value-wrapper a[b-zu89854aca] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.sums-wrapper[b-zu89854aca] {
  display: flex;
  padding: 12px 8px 12px 16px;
  align-items: end;
  justify-content: space-between;
  gap: 8px;
}
.sums-wrapper .text[b-zu89854aca] {
  font-family: IBM Plex Sans;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
}
.sums-wrapper .sum-container[b-zu89854aca] {
  display: flex;
  flex-direction: column;
  align-items: end;
  flex-wrap: nowrap;
  width: calc(100% - 40px);
}
.sums-wrapper .sum-container .sum-div[b-zu89854aca] {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  gap: 2px;
}
.sums-wrapper .sum-container .sum-div .sum-number[b-zu89854aca] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Tables/TableGroupHeader.razor.rz.scp.css */
.primary[b-8gybiewa16], .secondary[b-8gybiewa16] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: inherit;
  gap: 8px;
  padding: 8px 16px;
  height: 42px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.primary .left-wrapper[b-8gybiewa16], .secondary .left-wrapper[b-8gybiewa16] {
  display: flex;
  flex-grow: 1;
  gap: 8px;
  max-width: 90%;
  cursor: pointer;
  align-items: center;
}
.primary .left-wrapper .flex-wrapper[b-8gybiewa16], .secondary .left-wrapper .flex-wrapper[b-8gybiewa16] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.primary .left-wrapper .flex-wrapper .bullet[b-8gybiewa16], .secondary .left-wrapper .flex-wrapper .bullet[b-8gybiewa16] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.primary .left-wrapper .text[b-8gybiewa16], .secondary .left-wrapper .text[b-8gybiewa16] {
  max-width: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Timesheet/ProjectLine.razor.rz.scp.css */
tr[b-whxeuiimwu] {
  box-shadow: var(--elevation-positive-1);
  /*filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.1)) drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.05));*/
  position: sticky;
  top: 88px;
  display: flex;
  align-items: center;
  height: 66px;
  z-index: 2;
}
tr.spacer[b-whxeuiimwu] {
  height: 4px;
  background: var(--b-light-01);
  box-shadow: none;
  z-index: 0;
}
tr.hide-element[b-whxeuiimwu] {
  display: none;
}
tr:first-child[b-whxeuiimwu] {
  z-index: 1;
}
tr td[b-whxeuiimwu] {
  background-color: var(--white);
  /*padding: 0px;*/
  width: 128px;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: rgba(214, 219, 227, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 66px;
  /* box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);*/
}
tr td.comment-indicator[b-whxeuiimwu] {
  background-image: radial-gradient(circle at top right, #F27633 7px, transparent 8px);
  background-repeat: no-repeat;
  background-position: right 0px top 0px;
}
tr td:first-child:hover .project-info[b-whxeuiimwu] {
  background: rgba(31, 31, 48, 0.05);
  /*.left-wrp {
      width: calc(100% - 98px);

      .info {
          position: relative;
          max-width: calc(100% - 100px);

          .pin {
              display: flex;
              position: absolute;
              top: 4px;
              bottom: 0px;
              right: -16px;
              height: 14px;

              .fa-solid.fa-thumbtack {
                  font-size: 10px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
              }
          }
      }
  }*/
}
tr td:first-child:hover .project-info .right-wrp .btn-wrp[b-whxeuiimwu] {
  display: flex;
}
tr td:first-child:hover .project-info .right-wrp .total-time[b-whxeuiimwu] {
  display: none;
}
tr td .indicator[b-whxeuiimwu] {
  height: 66px;
  width: 4px;
  /*background-color: var(--b-dark-02);*/
}
tr td:first-child[b-whxeuiimwu] {
  flex-grow: 1;
}
tr td:first-child .project-info[b-whxeuiimwu] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--b-light-02);
  width: calc(100% - 4px);
  height: 65px;
  gap: 8px;
  padding: 8px 12px 8px 8px;
}
tr td:first-child .project-info .left-wrp[b-whxeuiimwu] {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: calc(100% - 48px);
  gap: 8px;
}
tr td:first-child .project-info .left-wrp .info[b-whxeuiimwu] {
  display: flex;
  flex-direction: column;
  max-width: calc(100% - 48px);
  /*max-width: 100%;*/
}
tr td:first-child .project-info .left-wrp .info .c-info[b-whxeuiimwu] {
  max-width: 100%;
  cursor: pointer;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 4px;
}
tr td:first-child .project-info .left-wrp .info .c-info .client[b-whxeuiimwu] {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
tr td:first-child .project-info .left-wrp .info .c-info .pin[b-whxeuiimwu] {
  display: flex;
  justify-content: center;
  align-items: center;
  /*position: absolute;
  top: 4px;
  bottom: 0px;
  right: -16px;*/
  height: 14px;
}
tr td:first-child .project-info .left-wrp .info .c-info .pin .fa-solid.fa-thumbtack[b-whxeuiimwu] {
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
}
tr td:first-child .project-info .left-wrp .info .c-info .noclient[b-whxeuiimwu] {
  opacity: 0.3;
}
tr td:first-child .project-info .left-wrp .info .project[b-whxeuiimwu] {
  font-size: 12px;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: fit-content;
  cursor: pointer;
}
tr td:first-child .project-info .left-wrp.wknd[b-whxeuiimwu] {
  width: calc(100% - 96px);
}
tr td:first-child .project-info .right-wrp[b-whxeuiimwu] {
  display: flex;
  gap: 4px;
}
tr td:first-child .project-info .right-wrp .btn-wrp[b-whxeuiimwu] {
  display: none;
  gap: 8px;
}
tr td:first-child .project-info .right-wrp .total-time[b-whxeuiimwu] {
  display: flex;
  align-items: center;
  gap: 2px;
}
tr td.project-total-time[b-whxeuiimwu] {
  text-align: center;
  background-color: var(--b-light-02);
  gap: 2px;
}
tr td.project-total-time.overtime[b-whxeuiimwu] {
  background-color: var(--red-03);
  color: var(--red-01);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Timesheet/TaskLine.razor.rz.scp.css */
tr[b-te1kh0iybu] {
  box-shadow: var(--elevation-positive-1);
  display: flex;
  height: 66px;
}
tr:first-child td[b-te1kh0iybu] {
  border-top: 1px solid rgba(214, 219, 227, 0.5);
}
tr td[b-te1kh0iybu] {
  background-color: var(--white);
  padding: 0px;
  width: 128px;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: rgba(214, 219, 227, 0.5);
}
tr td:first-child[b-te1kh0iybu] {
  display: flex-grow;
}
tr td .input-container[b-te1kh0iybu] {
  height: 66px;
}
tr td .input-container span[b-te1kh0iybu] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 66px;
  width: 100%;
  text-align: center;
}
tr td .input-container span:focus[b-te1kh0iybu] {
  background-color: var(--a-light-orange-02);
  outline: 2px solid var(--a-orange-02);
}
tr td .input-container[b-te1kh0iybu]  .input-wrapper {
  display: block;
}
tr td .input-container[b-te1kh0iybu]  .input-wrapper input {
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 8px;
  height: 65px;
  width: 100%;
  text-align: center;
}
tr td .input-container[b-te1kh0iybu]  .input-wrapper input::placeholder {
  color: var(--grey-01);
}
tr td .input-container[b-te1kh0iybu]  .input-wrapper input:focus {
  background-color: var(--a-light-orange-01);
  border: 1px solid var(--a-orange-02);
  outline: none;
}
tr td .input-container[b-te1kh0iybu]  .input-wrapper input.input-error {
  background-color: var(--white);
}
tr td .input-container[b-te1kh0iybu]  .input-wrapper input.input-error:focus {
  border: 2px solid var(--a-orange-02);
  outline: none;
}
tr td .input-container[b-te1kh0iybu]  .input-wrapper .error-text-input {
  display: none;
}
tr td .input-container.overtime[b-te1kh0iybu] {
  background-color: var(--red-03);
  color: var(--red-01);
}
tr td .input-container.comment-indicator[b-te1kh0iybu]  .input-wrapper input {
  background-image: radial-gradient(circle at top right, #F27633 7px, transparent 8px);
  background-repeat: no-repeat;
  background-position: right 0px top 0px;
}
tr td .input-container.comment-indicator span[b-te1kh0iybu] {
  background-image: radial-gradient(circle at top right, #F27633 7px, transparent 8px);
  background-repeat: no-repeat;
  background-position: right 0px top 0px;
}
tr td .input-container.input-present .read-only[b-te1kh0iybu] {
  background-color: var(--grey-05);
}
tr td .input-container.input-present[b-te1kh0iybu]  .input-wrapper input {
  /*&.input-error {*/
  background-color: var(--a-light-orange-02);
  /*}*/
}
tr td .input-container.input-present span[b-te1kh0iybu] {
  background-color: var(--a-light-orange-02);
}
tr td .input-container.input-absent .read-only[b-te1kh0iybu] {
  background-color: var(--grey-05);
}
tr td .input-container.input-absent[b-te1kh0iybu]  .input-wrapper input {
  background-color: var(--white);
}
tr td .input-container.input-absent[b-te1kh0iybu]  .input-wrapper input.input-error {
  background-color: var(--white);
}
tr td:first-child[b-te1kh0iybu] {
  padding: 8px 12px 8px 36px;
  /*box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);*/
  background-color: var(--white);
  position: relative;
  flex-grow: 1;
  display: flex;
  /*margin-left: 4px;*/
}
tr td:first-child .spacer[b-te1kh0iybu] {
  position: absolute;
  width: 4px;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--b-light-01);
}
tr td:first-child .task-label-container[b-te1kh0iybu] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
tr td:first-child .task-label-container div[b-te1kh0iybu] {
  /*max-width: calc(100% - 56px);*/
  display: flex;
  flex-direction: column;
  width: calc(100% - 86px);
}
tr td:first-child .task-label-container div .task-info[b-te1kh0iybu] {
  gap: 4px;
  font-size: 12px;
  display: flex;
  align-items: center;
  flex-direction: row;
  font-weight: 500;
  max-width: calc(100% - 16px);
}
tr td:first-child .task-label-container div .task-info .date[b-te1kh0iybu] {
  text-wrap: nowrap;
  max-width: 72px;
}
tr td:first-child .task-label-container div .task-info .fa-solid.fa-circle[b-te1kh0iybu] {
  width: 5px;
  height: 16px;
  font-size: 2px;
  display: flex;
}
tr td:first-child .task-label-container div .task-info .state[b-te1kh0iybu] {
  display: flex;
  gap: 4px;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
  max-width: calc(100% - 65px);
}
tr td:first-child .task-label-container div .task-info .state .s-name[b-te1kh0iybu] {
  max-width: 96%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
tr td:first-child .task-label-container div .task-info .state .s-color[b-te1kh0iybu] {
  box-shadow: var(--eleveation-negative-1);
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
tr td:first-child .task-label-container div .task-name[b-te1kh0iybu] {
  display: block;
  /*max-width: 94%;*/
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  /*font-size: 12px;*/
  font-weight: 500;
  /*margin-left: 4px;*/
}
tr td:first-child .task-label-container .total[b-te1kh0iybu] {
  gap: 2px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  width: 86px;
}
tr.comment-section[b-te1kh0iybu] {
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  background-color: var(--a-light-orange-02);
  height: 56px;
  /*margin-top: 2px;*/
}
tr.comment-section td[b-te1kh0iybu] {
  height: 56px;
  border: none;
  /* &.button-container {
      background-color: var(--a-light-orange-02);
  }*/
}
tr.comment-section td:first-child[b-te1kh0iybu] {
  padding: 0px;
  width: 100%;
}
tr.comment-section td.comment-label[b-te1kh0iybu] {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  background-color: var(--a-light-orange-01);
  padding: 16px;
  border-right: 1px solid var(--b-light-02);
  height: 48px;
}
tr.comment-section td.comment-label span[b-te1kh0iybu] {
  display: flex;
  align-items: center;
}
tr.comment-section td.comment-label i[b-te1kh0iybu] {
  margin-right: 8px;
}
tr.comment-section td .comment-container[b-te1kh0iybu] {
  background-color: var(--a-light-orange-02);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  border-right: 1px solid var(--b-light-01);
}
tr.comment-section td .comment-container input[b-te1kh0iybu] {
  width: 100%;
  height: 32px;
}
tr.comment-section td .comment-container span[b-te1kh0iybu] {
  margin-left: 8px;
  width: 100%;
  line-height: 20px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Timesheet/TimelogComponent.razor.rz.scp.css */
[b-5l5x7bu6op] .footer, [b-5l5x7bu6op] .search-input-wrapper {
  display: none;
}

[b-5l5x7bu6op] .table-outer-wrapper {
  margin-top: 1px;
}
[b-5l5x7bu6op] .table-outer-wrapper table {
  margin-bottom: 32px;
}

[b-5l5x7bu6op] tr.beeye-table_row td .value {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.input-timebank[b-5l5x7bu6op] {
  display: block;
}
.input-timebank div[b-5l5x7bu6op] {
  width: 100%;
}
.input-timebank div[b-5l5x7bu6op]  .input-wrapper {
  width: 100%;
}
.input-timebank div[b-5l5x7bu6op]  .input-wrapper input {
  border-bottom: 1px solid var(--b-light-01);
  border-radius: 0;
  box-shadow: none;
  height: 40px;
  width: 100%;
  text-align: center;
}
.input-timebank div[b-5l5x7bu6op]  .input-wrapper input::placeholder {
  color: var(--grey-01);
}
.input-timebank div[b-5l5x7bu6op]  .input-wrapper input:focus {
  background-color: var(--a-light-orange-01);
  border: 1px solid var(--a-orange-02);
  outline: none;
}

[b-5l5x7bu6op] .project:hover .icon-container {
  padding: 3px;
  border-radius: 3px;
  border: 1px solid var(--b-dark-02);
}
[b-5l5x7bu6op] .project:hover .fa-file-import {
  display: inherit !important;
  align-items: center;
}
[b-5l5x7bu6op] .project .cell {
  flex-direction: row !important;
  width: auto !important;
  gap: 10px;
}
[b-5l5x7bu6op] .project .cell .cell-contents {
  width: auto !important;
}
[b-5l5x7bu6op] .project .cell .cell-contents .fa-file-import {
  display: none;
}

[b-5l5x7bu6op] .comment {
  background-image: radial-gradient(circle at top right, #F27633 7px, transparent 8px);
  background-repeat: no-repeat;
  background-position: right 0px top 0px;
}

.table-wrapper[b-5l5x7bu6op] {
  overflow-y: auto;
  position: relative;
  height: calc(100vh - 56px - 56px - 187px);
}

.m-container[b-5l5x7bu6op] {
  height: 100%;
}

table[b-5l5x7bu6op] {
  border-collapse: separate;
  border-spacing: 0px 0px;
  width: 100%;
  table-layout: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
table thead[b-5l5x7bu6op] {
  position: sticky;
  top: 0px;
  z-index: 2;
  box-shadow: var(--elevation-positive-1);
  height: 88px;
}
table thead.without-timebank[b-5l5x7bu6op] {
  height: 48px;
}
table thead.without-timebank tr[b-5l5x7bu6op] {
  display: flex;
}
table thead tr[b-5l5x7bu6op] {
  position: relative;
  height: 48px;
  box-shadow: var(--elevation-positive-1);
}
table thead tr.timebank[b-5l5x7bu6op] {
  display: flex;
  height: 40px;
  position: sticky;
  z-index: 1;
}
table thead tr.timebank th[b-5l5x7bu6op] {
  display: flex;
  align-items: center;
  background-color: var(--b-light-01);
}
table thead tr.timebank th .indicator[b-5l5x7bu6op] {
  height: 40px;
  width: 4px;
  background-color: var(--b-dark-02);
  box-shadow: var(--elevation-negative-1);
}
table thead tr.timebank th:first-child[b-5l5x7bu6op] {
  flex-grow: 1;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: rgba(214, 219, 227, 0.5);
}
table thead tr.timebank th .total[b-5l5x7bu6op] {
  padding: 8px 12px 8px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}
table thead tr.timebank th .total .total-left[b-5l5x7bu6op] {
  display: flex;
  gap: 8px;
  color: var(--b-dark-02);
}
table thead tr.timebank th .total .total-left i[b-5l5x7bu6op] {
  color: var(--b-med-01);
  cursor: pointer;
}
table thead tr.timebank th .total .total-right[b-5l5x7bu6op] {
  color: var(--b-dark-02);
  gap: 2px;
}
table thead tr.timebank th.total-time[b-5l5x7bu6op] {
  text-align: center;
  padding: 8px;
  width: 128px;
  height: 100%;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: rgba(214, 219, 227, 0.5);
  justify-content: center;
  gap: 2px;
}
table thead tr.timebank th.total-time.default[b-5l5x7bu6op] {
  color: var(--b-med-01);
}
table thead tr.timebank th.total-time.overtime[b-5l5x7bu6op] {
  background-color: var(--red-03);
  color: var(--red-01);
}
table thead tr:nth-of-type(2)[b-5l5x7bu6op] {
  height: 48px;
  display: flex;
  width: 100%;
  padding: 0px;
}
table thead tr th[b-5l5x7bu6op] {
  width: 128px;
  z-index: 1;
  overflow: hidden;
  padding: 0px;
}
table thead tr th .month-year-wrapper[b-5l5x7bu6op] {
  z-index: 2;
  color: var(--b-dark-02);
  font-weight: 500;
  display: flex;
  align-items: center;
  padding: 4px 8px;
  width: 128px;
  background-color: var(--white);
  height: 24px;
}
table thead tr th .month-year-wrapper span[b-5l5x7bu6op] {
  display: none;
  text-transform: capitalize;
}
table thead tr th:nth-child(2) .month-year-wrapper[b-5l5x7bu6op] {
  border-left: 1px solid var(--b-light-01);
}
table thead tr th:nth-child(-n+2) .month-year-wrapper span[b-5l5x7bu6op] {
  display: block;
}
table thead tr th[b-5l5x7bu6op]  .show-element span {
  display: block;
}
table thead tr th:first-child[b-5l5x7bu6op] {
  background-color: var(--white);
  flex-grow: 1;
  border-right: 1px solid var(--b-light-01);
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: var(--grey-02);
}
table thead tr th:first-child .header-container[b-5l5x7bu6op] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
}
table thead tr th:first-child .header-container .p-wrp[b-5l5x7bu6op] {
  gap: 8px;
  display: flex;
  align-items: center;
  padding: 16px;
  cursor: pointer;
  width: 100%;
  justify-content: space-between;
}
table thead tr th:first-child .header-container .p-wrp .on-hover[b-5l5x7bu6op] {
  display: none;
}
table thead tr th:first-child .header-container .p-wrp .sort-arrow[b-5l5x7bu6op] {
  display: flex;
}
table thead tr th:first-child .header-container .p-wrp:hover .on-hover[b-5l5x7bu6op] {
  display: flex;
}
table thead tr th:first-child .header-container .total-wrp[b-5l5x7bu6op] {
  min-width: 120px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: var(--elevation-positive-2);
  padding: 16px;
  height: 48px;
  cursor: pointer;
}
table thead tr th:first-child .header-container .total-wrp .on-hover[b-5l5x7bu6op] {
  display: none;
}
table thead tr th:first-child .header-container .total-wrp .sort-arrow[b-5l5x7bu6op] {
  display: flex;
}
table thead tr th:first-child .header-container .total-wrp:hover .on-hover[b-5l5x7bu6op] {
  display: flex;
}
table thead tr th:first-child .search-container[b-5l5x7bu6op] {
  height: 32px;
  width: fit-content;
  position: absolute;
  top: 12px;
  left: 6px;
  display: flex;
  align-items: center;
  gap: 10px;
}
table thead tr th:first-child .search-container[b-5l5x7bu6op]  input {
  min-width: 246px;
  height: 32px;
}
table thead tr th:first-child .search-container[b-5l5x7bu6op]  .input-wrapper input[type=search] {
  padding: 12px 16px 12px 32px;
}
table thead tr th:first-child .search-container[b-5l5x7bu6op]  .input-wrapper::before {
  content: "\f002";
  color: var(--b-med-02);
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  left: 12px;
  bottom: 8px;
  z-index: 1;
}
table thead tr th .date-container[b-5l5x7bu6op] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 128px;
  border-width: 1px 1px 1px 0px;
  border-style: solid;
  border-color: var(--grey-02);
}
table thead tr th .day-date-wrapper[b-5l5x7bu6op] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--white);
  padding: 4px 10px 4px 8px;
  height: 24px;
}
table thead tr th .day-date-wrapper[b-5l5x7bu6op]::after {
  content: "";
  border: 0.5px solid rgba(214, 219, 227, 0.3);
  position: absolute;
  height: 56px;
  left: -1px;
  top: 0;
}
table thead tr th .day-date-wrapper.todays-date[b-5l5x7bu6op] {
  background-color: var(--b-light-01);
}
table thead tr th:last-child[b-5l5x7bu6op] {
  border-right: 1px solid var(--grey-02);
}
table tbody[b-5l5x7bu6op] {
  display: flex;
  flex-direction: column;
}
table tbody tr[b-5l5x7bu6op] {
  display: flex;
  height: 40px;
  position: sticky;
  top: 48px;
  z-index: 1;
}
table tbody tr td[b-5l5x7bu6op] {
  display: flex;
  align-items: center;
  background-color: var(--b-light-01);
}
table tbody tr td .indicator[b-5l5x7bu6op] {
  height: 40px;
  width: 4px;
  background-color: var(--b-dark-02);
  box-shadow: var(--elevation-negative-1);
}
table tbody tr td:first-child[b-5l5x7bu6op] {
  flex-grow: 1;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: rgba(214, 219, 227, 0.5);
}
table tbody tr td .total[b-5l5x7bu6op] {
  padding: 8px 12px 8px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}
table tbody tr td .total .total-left[b-5l5x7bu6op] {
  display: flex;
  gap: 8px;
  color: var(--b-dark-02);
}
table tbody tr td .total .total-left i[b-5l5x7bu6op] {
  color: var(--b-med-01);
  cursor: pointer;
}
table tbody tr td .total .total-right[b-5l5x7bu6op] {
  color: var(--b-dark-02);
  gap: 2px;
}
table tbody tr td.total-time[b-5l5x7bu6op] {
  text-align: center;
  padding: 8px;
  width: 128px;
  height: 100%;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: rgba(214, 219, 227, 0.5);
  justify-content: center;
  gap: 2px;
}
table tbody tr td.total-time.default[b-5l5x7bu6op] {
  color: var(--b-med-01);
}
table tbody tr td.total-time.overtime[b-5l5x7bu6op] {
  background-color: var(--red-03);
  color: var(--red-01);
}

/* view bar */
[b-5l5x7bu6op] .vb-wrp .search {
  max-width: calc(100vw - 250px);
}

[b-5l5x7bu6op] .resource {
  display: flex;
  align-items: center;
  overflow-wrap: break-word;
  cursor: pointer;
  gap: 4px;
  padding: 8px 0px;
}
[b-5l5x7bu6op] .resource p {
  margin: 0px;
  max-width: calc(100vw - 816px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

[b-5l5x7bu6op] .button-container {
  display: flex;
  align-items: center;
  width: 250px;
}
[b-5l5x7bu6op] .button-container .late {
  display: flex;
  position: relative;
}
[b-5l5x7bu6op] .button-container .late i.fa-circle {
  font-size: 8px;
  position: absolute;
  top: -4px;
  left: 12px;
}
[b-5l5x7bu6op] .button-container i.fa-chevron-right, [b-5l5x7bu6op] .button-container .fa-chevron-left {
  padding: 12px;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
[b-5l5x7bu6op] .button-container .input-wrapper {
  text-wrap: nowrap;
  flex: 1;
}
[b-5l5x7bu6op] .button-container .input-wrapper .new-date-format {
  background: var(--b-light-01);
  top: 0px;
  height: 40px;
  color: var(--b-med-01);
  font-weight: 500;
}
[b-5l5x7bu6op] .button-container .input-wrapper .rz-datepicker {
  width: fit-content !important;
}
[b-5l5x7bu6op] .button-container .input-wrapper .rz-datepicker button {
  width: 100%;
  right: 0px;
}
[b-5l5x7bu6op] .button-container .input-wrapper .rz-datepicker.rz-calendar-w-btn:hover {
  background: none;
}
[b-5l5x7bu6op] .button-container .input-wrapper .rz-datepicker .rz-inputtext {
  border: none;
  height: 40px;
  padding: 8px 12px;
  width: fit-content;
}
[b-5l5x7bu6op] .button-container .input-wrapper .rz-datepicker .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover {
  border: none;
}

[b-5l5x7bu6op] .empty-wrapper-container-task {
  height: 100%;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Timesheet/TimesheetInfoBar.razor.rz.scp.css */
.main-container[b-qezyikdo5p] {
  height: 120px;
  display: flex;
  /*justify-content: space-between;*/
  align-items: center;
  /*padding: 8px;*/
  color: var(--b-light-02);
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  background: var(--b-light-02);
  position: sticky;
  top: 0;
  z-index: 3;
  /*.info-container {
      display: flex;
      min-height: 72px;
      min-width: fit-content;*/
  /*}*/
}
.main-container .info-container[b-qezyikdo5p] {
  display: flex;
  flex-direction: column;
  padding: 8px;
  border-right: 1px solid var(--b-light-01);
  min-width: 200px;
  height: 120px;
  max-width: fit-content;
}
.main-container .info-container .info-wrp[b-qezyikdo5p] {
  padding: 8px;
  height: 100%;
}
.main-container .info-container .info-wrp.normal[b-qezyikdo5p] {
  background: var(--b-light-02);
}
.main-container .info-container .info-wrp.green[b-qezyikdo5p] {
  background: var(--green-04);
}
.main-container .info-container .info-wrp.red[b-qezyikdo5p] {
  background: var(--red-03);
}
.main-container .info-container .info-wrp .info[b-qezyikdo5p] {
  gap: 8px;
  display: flex;
  align-items: center;
}
.main-container .info-container .info-wrp .info i[b-qezyikdo5p] {
  box-shadow: var(--elevation-negative-1);
  height: 8px;
  width: 8px;
  font-size: 8px;
}
.main-container .info-container .info-wrp .value[b-qezyikdo5p] {
  display: flex;
  align-items: center;
  font-weight: 500;
  gap: 8px;
}
.main-container .info-container .info-wrp .value.log[b-qezyikdo5p] {
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
}
.main-container .info-container .info-wrp .value.log .v-wrp[b-qezyikdo5p] {
  display: flex;
  gap: 8px;
}
.main-container .info-container .info-wrp .value.log .overtime[b-qezyikdo5p] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.main-container .info-container .info-wrp .value.log .overtime .time[b-qezyikdo5p] {
  display: flex;
  align-items: center;
  height: 20px;
  width: fit-content;
  padding: 0px 4px;
  border-radius: 4px;
  background: rgba(239, 48, 89, 0.1);
  gap: 4px;
}
.main-container .info-container .info-wrp .value .unit[b-qezyikdo5p] {
  opacity: 0.5;
}

.button-container[b-qezyikdo5p] {
  display: flex;
}
.button-container button[b-qezyikdo5p] {
  margin-right: 8px;
}
.button-container .state-btn[b-qezyikdo5p] {
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  color: var(--b-dark-01);
  min-width: fit-content;
  outline: none;
  display: flex;
  align-items: center;
  cursor: default;
}
.button-container .state-btn.state-bg[b-qezyikdo5p] {
  background: var(--grey-03);
}
.button-container .state-btn i[b-qezyikdo5p] {
  font-size: 8px;
  margin: 10px 8px 0px 0px;
}
.button-container .state-btn.late[b-qezyikdo5p] {
  background: var(--red-03);
}
.button-container .state-btn.late i[b-qezyikdo5p] {
  color: var(--red-02);
}
.button-container .calendar[b-qezyikdo5p] {
  display: flex;
}
.button-container .calendar .toggle-btn[b-qezyikdo5p] {
  outline: none;
  border-radius: 0px 4px 4px 0px;
  background-color: var(--b-light-01);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.button-container .calendar .toggle-btn:first-child[b-qezyikdo5p] {
  border-radius: 4px 0px 0px 4px;
  margin-right: 0px;
}
.button-container .calendar[b-qezyikdo5p]  .input-wrapper {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  /* .new-date-format {
       left: 12px;
   }*/
}
.button-container .calendar[b-qezyikdo5p]  .input-wrapper .rz-datepicker .rz-datepicker-trigger {
  position: absolute;
  left: 0px;
  display: flex;
  align-items: center;
  width: 90%;
}
.button-container .calendar[b-qezyikdo5p]  .input-wrapper .rz-datepicker .rz-datepicker-trigger .rzi-calendar {
  width: 16px;
  height: 16px;
  font-size: 14px;
  color: var(--b-med-01);
}
.button-container .calendar[b-qezyikdo5p]  .input-wrapper .rz-datepicker .rz-datepicker-trigger .rz-button-icon-left.rzi.rzi-calendar {
  display: none;
}
.button-container .calendar[b-qezyikdo5p]  .input-wrapper .rz-datepicker .rz-inputtext {
  height: 40px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background-color: var(--white);
  padding-left: 36px;
  min-width: 194px;
  max-width: fit-content;
}
.button-container .calendar[b-qezyikdo5p]  .input-wrapper .rz-datepicker .rz-inputtext::placeholder {
  display: none;
}
.button-container .calendar[b-qezyikdo5p]  .input-wrapper span .rz-calendar.rz-calendar-w-btn:hover {
  background: transparent;
}
.button-container .calendar .date-range[b-qezyikdo5p] {
  min-width: 200px;
  cursor: pointer;
  padding: 4px 0px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.button-container .calendar .date-range i[b-qezyikdo5p] {
  display: none;
}

/* Date range picker styles */
/*::deep .daterangepicker.show-calendar {
    .drp-calendar {
        .calendar-table {            
            td, th {
                color: var(--b-dark-01);

                &.end-date, &.start-date {
                    color: var(--white);
                }
            }                 
        }
    }
}*/
/* Date picker with start and end date style */
.date-range-wrapper[b-qezyikdo5p] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
}
.date-range-wrapper .date-range-indiv-calendar[b-qezyikdo5p] {
  width: 38%;
}
.date-range-wrapper .date-range-indiv-calendar[b-qezyikdo5p]  .rz-calendar.rz-calendar-w-btn input.rz-inputtext {
  max-width: 82px;
  color: var(--b-dark-02);
}
.date-range-wrapper i[b-qezyikdo5p] {
  color: var(--b-dark-02);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Timesheet/TimesheetLine.razor.rz.scp.css */
tr[b-xv8efnpt8r] {
  background-color: var(--white);
}
tr.v-row[b-xv8efnpt8r] {
  display: flex;
  align-items: center;
  height: 40px;
  width: 100%;
}
tr.v-row td[b-xv8efnpt8r] {
  padding: 12px 16px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
  border-bottom: 2px solid var(--b-light-01);
  display: flex;
  align-items: center;
  height: 40px;
  width: 100px;
}
tr.v-row td:first-child[b-xv8efnpt8r] {
  width: 40px;
  padding: 16px 10px 16px 8px;
}
tr.v-row td:nth-child(3)[b-xv8efnpt8r] {
  padding: 12px 16px 12px 14px;
}
tr.v-row td:nth-child(2)[b-xv8efnpt8r] {
  flex-grow: 1;
  text-align: left;
  cursor: pointer;
}
tr.v-row td:nth-child(2) .resource-icon-wrapper[b-xv8efnpt8r] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
tr.v-row td:nth-child(2) .resource-icon-wrapper .avatar-name-wrapper[b-xv8efnpt8r] {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 90%;
}
tr.v-row td:nth-child(2) .resource-icon-wrapper .avatar-name-wrapper .resource-name[b-xv8efnpt8r] {
  cursor: pointer;
  max-width: 400px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
tr.v-row td:nth-child(2) .resource-icon-wrapper .fa-regular.fa-stopwatch[b-xv8efnpt8r] {
  display: none;
}
tr.v-row td:nth-child(2):hover .resource-icon-wrapper .fa-regular.fa-stopwatch[b-xv8efnpt8r] {
  display: flex;
  cursor: pointer;
  color: var(--b-med-01);
}
tr.v-row td:nth-child(3)[b-xv8efnpt8r] {
  min-width: 232px;
  max-width: fit-content;
}
tr.v-row td:nth-child(3) .value-wrapper[b-xv8efnpt8r] {
  text-align: right;
}
tr.v-row td:nth-child(4)[b-xv8efnpt8r] {
  width: 164px;
  text-align: left;
}
tr.v-row td .status-wrapper[b-xv8efnpt8r] {
  display: flex;
  align-items: center;
  text-align: left;
}
tr.v-row td .status-wrapper i[b-xv8efnpt8r] {
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
tr.v-row td .status-wrapper span[b-xv8efnpt8r] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
tr.v-row td .value-wrapper[b-xv8efnpt8r] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-align: right;
}
tr.v-row td.overtime[b-xv8efnpt8r] {
  color: var(--red-01);
}
tr.selected[b-xv8efnpt8r] {
  background: var(--a-light-orange-02);
}

.table-wrapper[b-xv8efnpt8r] {
  background-color: var(--grey-03);
}
.table-wrapper[b-xv8efnpt8r]  .search-input-wrapper {
  display: none;
}
.table-wrapper[b-xv8efnpt8r]  .footer, .table-wrapper[b-xv8efnpt8r]  .search-input-wrapper {
  margin: 0px 32px 16px 34px;
  position: inherit;
  width: auto;
}
.table-wrapper[b-xv8efnpt8r]  .table-outer-wrapper {
  overflow-y: auto;
  margin: 16px 32px 0px 34px;
  height: 520px;
}
.table-wrapper[b-xv8efnpt8r]  table {
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 0px;
}
.table-wrapper[b-xv8efnpt8r]  td:nth-child(2) {
  padding: 8px 16px;
}
.table-wrapper[b-xv8efnpt8r]  td:nth-child(2) .info-list {
  display: flex;
  flex-direction: column;
}
.table-wrapper[b-xv8efnpt8r]  td:nth-child(2) .info-list span {
  margin-bottom: 10px;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.table-wrapper[b-xv8efnpt8r]  td:nth-child(2) .info-list span:last-child {
  margin-bottom: 0px;
}
.table-wrapper[b-xv8efnpt8r]  .table-outer-wrapper:first-child .sum-cell:last-child {
  background: var(--red-03);
}
.table-wrapper[b-xv8efnpt8r]  .table-outer-wrapper:first-child .sum-cell:last-child .sums-wrapper .sum div {
  color: var(--red-01);
}

[b-xv8efnpt8r] .sum-container-tr .sum-container-th:nth-child(3) {
  background-color: var(--b-light-01);
}
[b-xv8efnpt8r] .sum-container-tr .sum-container-th:nth-child(4) {
  background-color: var(--b-light-01);
}
[b-xv8efnpt8r] .sum-container-tr .sum-container-th:nth-child(5) {
  background-color: var(--b-light-01);
}
[b-xv8efnpt8r] .sum-container-tr .sum-container-th:nth-child(6) {
  background: var(--red-03);
}
[b-xv8efnpt8r] .sum-container-tr .sum-container-th:nth-child(6) .b-dark-02 {
  color: var(--red-01) !important;
}
[b-xv8efnpt8r] .sum-container-tr .sum-container-th:first-child .sums-wrapper::after {
  content: "Total";
  color: var(--b-med-02);
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.right-align[b-xv8efnpt8r] {
  text-align: right;
}

.left-align[b-xv8efnpt8r] {
  text-align: left;
}

/*new styles stop make thead comment visible*/
[b-xv8efnpt8r] .table-outer-wrapper table thead {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc(100vw - 329px);
}
[b-xv8efnpt8r] .table-outer-wrapper table thead tr {
  display: flex;
  align-items: center;
  width: calc(100vw - 329px);
}
[b-xv8efnpt8r] .table-outer-wrapper table thead tr th {
  width: 136px;
  height: 100%;
}
[b-xv8efnpt8r] .table-outer-wrapper table thead tr th:nth-child(2) {
  min-width: calc(100% - 544px);
}
[b-xv8efnpt8r] .table-outer-wrapper table thead tr th.sum-container-th {
  height: 100%;
  padding-right: 10px;
}
[b-xv8efnpt8r] .table-outer-wrapper table thead tr th.sum-container-th:nth-child(2) {
  min-width: calc(100% - 544px);
}
[b-xv8efnpt8r] .table-outer-wrapper table tbody {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc(100vw - 329px);
}
[b-xv8efnpt8r] .table-outer-wrapper table tbody tr {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  height: fit-content;
}
[b-xv8efnpt8r] .table-outer-wrapper table tbody tr td {
  width: 136px;
  display: flex;
  align-items: center;
  height: auto;
}
[b-xv8efnpt8r] .table-outer-wrapper table tbody tr td .cell-wrapper {
  width: 100%;
}
[b-xv8efnpt8r] .table-outer-wrapper table tbody tr td:nth-child(2) {
  flex: auto;
  height: fit-content;
}
[b-xv8efnpt8r] .table-outer-wrapper table tbody tr td:nth-child(2) .cell-wrapper {
  height: fit-content;
}
[b-xv8efnpt8r] .table-outer-wrapper table tbody tr td:nth-child(2) .cell-wrapper .cell-contents-wrapper .cell-contents .link {
  white-space: break-spaces;
}
[b-xv8efnpt8r] .table-outer-wrapper table tbody tr td:nth-child(2) .cell-wrapper .cell-contents-wrapper .cell-contents .link span {
  white-space: break-spaces;
}
[b-xv8efnpt8r] .table-outer-wrapper th {
  width: 136px;
}
[b-xv8efnpt8r] .table-outer-wrapper th:nth-child(2) {
  flex-grow: 1;
}

.timesheet-nested-table[b-xv8efnpt8r]  .table-outer-wrapper {
  overflow-x: hidden;
}
.timesheet-nested-table[b-xv8efnpt8r]  .table-outer-wrapper .cell-contents-wrapper {
  padding-right: 20px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Timesheet/ValidationComponent.razor.rz.scp.css */
.search-container[b-f5sgfby1g9] {
  position: sticky;
  top: 72px;
  z-index: 2;
  padding: 8px;
  background: var(--white);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.search-container[b-f5sgfby1g9]  .input-wrapper::before {
  content: "\f002";
  color: var(--b-med-02);
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  left: 16px;
  bottom: 16px;
  z-index: 1;
}

.main-container[b-f5sgfby1g9] {
  background: var(--b-light-01);
  position: relative;
  /*display: grid;
  grid-template-rows: calc(100vh - 56px - 56px - 48px - 64px - 76px) 56px;
  grid-template-columns: 40px auto;*/
  display: flex;
  flex-direction: column;
  height: calc(100vh - 56px - 56px - 120px - 56px);
  width: calc(100vw - 240px);
  padding: 2px;
  gap: 2px;
}
.main-container.nw-height[b-f5sgfby1g9] {
  height: calc(100vh - 56px - 56px - 56px - 120px - 56px);
}

.table-outer-wrapper[b-f5sgfby1g9] {
  background: var(--white);
  border-radius: 8px;
  position: relative;
  /*grid-row: 1;
  grid-column: 1/3;*/
  overflow-x: auto;
  scroll-behavior: smooth;
  /*height: 100%;*/
}

table[b-f5sgfby1g9] {
  min-width: 100%;
  /*margin-bottom: 65px;*/
  table-layout: fixed;
  background-color: var(--b-light-02);
  /*height: 100px;*/
  display: flex;
  flex-direction: column;
}
table thead[b-f5sgfby1g9] {
  position: sticky;
  top: 0px;
  z-index: 2;
  height: 56px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
table thead tr[b-f5sgfby1g9] {
  display: flex;
}
table thead th[b-f5sgfby1g9] {
  padding: 16px;
  background-color: var(--b-light-02);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);
  height: 56px;
  max-height: fit-content;
  border-right: 2px solid var(--b-light-01);
  display: flex;
  width: 100px;
  justify-content: right;
}
table thead th:first-child[b-f5sgfby1g9] {
  width: 41px;
  padding: 16px 9px 16px 8px;
}
table thead th:nth-child(2)[b-f5sgfby1g9] {
  flex-grow: 1;
  justify-content: left;
}
table thead th:nth-child(3)[b-f5sgfby1g9] {
  min-width: 232px;
  max-width: fit-content;
  justify-content: right;
}
table thead th:nth-child(4)[b-f5sgfby1g9] {
  width: 164px;
  justify-content: left;
}
table thead th .col-wrp[b-f5sgfby1g9] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  text-align: right;
}
table thead th .col-wrp i[b-f5sgfby1g9] {
  margin-left: 8px;
  cursor: pointer;
}
table thead th.input-checkbox-column[b-f5sgfby1g9] {
  padding: 16px 8px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  width: 40px;
}
table thead th.input-checkbox-column.selected-rows[b-f5sgfby1g9] {
  background: var(--a-light-orange-02);
  box-shadow: none;
}

[b-f5sgfby1g9] .bar .rz-chkbox-icon.rzi.rzi-check {
  display: flex;
  align-items: center;
}
[b-f5sgfby1g9] .bar .rz-chkbox-icon.rzi.rzi-check::before {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 6px;
}

[b-f5sgfby1g9] .selected-rows {
  background: var(--a-light-orange-02);
  border-bottom: 0.5px solid #e9e9e9;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}

.selection-actions-wrapper[b-f5sgfby1g9] {
  height: 58px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--a-light-orange-02);
  border-left: 0.5px solid rgba(214, 219, 227, 0.3);
  border-radius: 0 8px 0 0;
  padding: 16px;
  margin: 0px 16px 0px 3px;
  z-index: 3;
  border-bottom: 1.5px solid #e9e9e9;
  grid-column: 2/span 1;
  grid-row: 1;
}
.selection-actions-wrapper .actions-wrapper[b-f5sgfby1g9] {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
.selection-actions-wrapper .records-count[b-f5sgfby1g9] {
  display: flex;
  align-items: center;
  height: 100%;
  color: var(--a-orange-01);
  cursor: pointer;
  padding: 16px;
  margin-left: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  /*box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.05);*/
}
.selection-actions-wrapper .selection-count[b-f5sgfby1g9] {
  color: var(--a-orange-01);
  background-color: white;
  color: var(--grey-01);
  padding: 8px;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  cursor: default;
  margin: 0 16px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.selection-actions-wrapper span[b-f5sgfby1g9] {
  margin-left: 16px;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.selection-actions-wrapper span i[b-f5sgfby1g9] {
  margin-right: 4px;
  font-size: 14px;
}

[b-f5sgfby1g9] .sum-cell:nth-child(n+3) {
  background-color: var(--b-light-01);
}

.paginator[b-f5sgfby1g9] {
  width: 100%;
  height: 48px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: var(--b-light-02);
  border-radius: 0px 0px 8px 8px;
  background: #FDFCFF;
  border-radius: 0px 0px 8px 8px;
  z-index: 10;
  position: sticky;
  bottom: 0px;
  /*grid-row: 2;
  grid-column: 1/3;*/
}
.paginator[b-f5sgfby1g9]  nav {
  display: flex;
  align-items: center;
}
.paginator[b-f5sgfby1g9]  nav .pagination {
  margin: auto;
}
.paginator[b-f5sgfby1g9]  nav .pagination li:nth-child(2) .page-link::before {
  content: "\f053";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}
.paginator[b-f5sgfby1g9]  nav .pagination li:nth-child(2) .page-link span {
  display: none;
}
.paginator[b-f5sgfby1g9]  nav .pagination li:nth-last-child(2) .page-link::before {
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}
.paginator[b-f5sgfby1g9]  nav .pagination li:nth-last-child(2) .page-link span {
  display: none;
}
.paginator[b-f5sgfby1g9]  nav .page-item {
  min-width: 32px;
  height: 32px;
  margin: 0 8px;
}
.paginator[b-f5sgfby1g9]  nav .page-item.disabled {
  opacity: 0.5;
}
.paginator[b-f5sgfby1g9]  nav .page-item.disabled .page-link {
  border: none;
}
.paginator[b-f5sgfby1g9]  nav .page-item .page-link.sort-link {
  color: var(--b-dark-02) !important;
  padding: 8px;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  justify-content: center;
  border: none;
}
.paginator[b-f5sgfby1g9]  nav .page-item .page-link.sort-link:hover {
  background: var(--grey-03);
  border-radius: 4px;
}
.paginator[b-f5sgfby1g9]  nav .page-item.active .page-link {
  color: var(--b-dark-02) !important;
  background: var(--b-light-01);
  border: none;
  border-radius: 4px;
  font-weight: 400;
}

.m-container[b-f5sgfby1g9] {
  height: 100%;
}

/* view bar */
[b-f5sgfby1g9] .period-dd {
  height: 40px;
}
[b-f5sgfby1g9] .period-dd .rz-dropdown {
  height: 40px !important;
}
[b-f5sgfby1g9] .period-dd .rz-dropdown .rz-dropdown-trigger {
  top: 2px;
}
[b-f5sgfby1g9] .period-dd .rz-dropdown:not(:disabled):not(.rz-state-disabled) {
  background: var(--b-light-01);
  box-shadow: none;
}

[b-f5sgfby1g9] .date-range-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0px;
}
[b-f5sgfby1g9] .date-range-wrapper .date-range-indiv-calendar .rz-calendar.rz-calendar-w-btn button {
  width: 90px;
}
[b-f5sgfby1g9] .date-range-wrapper .date-range-indiv-calendar .rz-calendar.rz-calendar-w-btn input.rz-inputtext {
  width: 90px;
  color: var(--b-med-01);
}
[b-f5sgfby1g9] .date-range-wrapper i {
  color: var(--b-med-01);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ToggleButtonsBar.razor.rz.scp.css */
@charset "UTF-8";
.toggle-btn-container[b-oiogdi2b41] {
  display: flex;
  flex-direction: column;
  width: fit-content;
}
.toggle-btn-container.full-width[b-oiogdi2b41] {
  width: 100%;
}
.toggle-btn-container.full-width .toggle-btn-wrapper[b-oiogdi2b41] {
  width: 100%;
}
.toggle-btn-container.full-width .toggle-btn-wrapper label[b-oiogdi2b41] {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  gap: 8px;
}
.toggle-btn-container .toggle-btn-wrapper[b-oiogdi2b41] {
  display: flex;
  flex-direction: row;
  width: fit-content;
}
.toggle-btn-container .toggle-btn-wrapper .toggle-btn-title[b-oiogdi2b41] {
  background: var(--b-light-01);
  color: var(--b-med-01);
  opacity: 0.3;
  cursor: default;
}
.toggle-btn-container .tab.base-light label[b-oiogdi2b41], .toggle-btn-container .tab.grey label[b-oiogdi2b41] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 112px;
  height: 40px;
}

/* Dynamic Subcomponent Styles */
[b-oiogdi2b41] .dynamic-sub-component {
  margin-top: 24px;
  /* Fees section - styles to set the input width to 120px */
}
[b-oiogdi2b41] .dynamic-sub-component .fees-inputs .input-wrapper {
  width: 120px;
}
[b-oiogdi2b41] .dynamic-sub-component .fees-unit-wrapper .fees-unit-1 {
  margin-bottom: 16px;
}
[b-oiogdi2b41] .dynamic-sub-component .fees-unit-wrapper .fees-unit-1 .input-wrapper {
  width: 120px;
}
[b-oiogdi2b41] .dynamic-sub-component .fees-unit-wrapper .fees-unit-2 input {
  width: 120px;
}
[b-oiogdi2b41] .dynamic-sub-component .input-wrapper {
  margin-right: 16px;
}
[b-oiogdi2b41] .dynamic-sub-component .input-wrapper input {
  height: 48px;
  padding: 16px;
  text-align: end;
}
[b-oiogdi2b41] .dynamic-sub-component .input-wrapper .hide-element {
  display: none;
}
[b-oiogdi2b41] .dynamic-sub-component .due-date-calendar-wrapper {
  margin-bottom: 24px;
}
[b-oiogdi2b41] .dynamic-sub-component .due-date-calendar-wrapper .input-wrapper {
  width: 190px;
}
[b-oiogdi2b41] .dynamic-sub-component .due-date-calendar-wrapper.temp {
  margin-bottom: 0px;
  position: relative;
}
[b-oiogdi2b41] .dynamic-sub-component .due-date-calendar-wrapper.temp .input-wrapper {
  width: 200px;
  margin-right: 0px;
}
[b-oiogdi2b41] .dynamic-sub-component .due-date-calendar-wrapper.temp i.fa-regular.fa-xmark {
  position: absolute;
  top: 16px;
  left: 174px;
  cursor: pointer;
}
[b-oiogdi2b41] .dynamic-sub-component .custom-length-rz {
  display: inline-flex;
}
[b-oiogdi2b41] .dynamic-sub-component .custom-length-rz .rz-dropdown {
  width: 368px;
}
[b-oiogdi2b41] .dynamic-sub-component .team-ref-wrapper {
  width: 448px;
}
[b-oiogdi2b41] .dynamic-sub-component .rz-dropdown {
  width: 100%;
  height: 48px;
  margin-bottom: 24px;
}
[b-oiogdi2b41] .dynamic-sub-component .rz-dropdown .rz-dropdown-label.rz-inputtext {
  height: 47px;
  display: flex;
  align-items: center;
  color: var(--b-dark-02);
  max-width: 100%;
  /* To make the style for both p and span same in the dropdown input */
}
[b-oiogdi2b41] .dynamic-sub-component .rz-dropdown .rz-dropdown-label.rz-inputtext p.type-preset-7 {
  margin-right: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 85%;
}
[b-oiogdi2b41] .dynamic-sub-component .rz-dropdown .rz-dropdown-label.rz-inputtext p, [b-oiogdi2b41] .dynamic-sub-component .rz-dropdown .rz-dropdown-label.rz-inputtext .field-name {
  margin: 0;
}
[b-oiogdi2b41] .dynamic-sub-component .rz-dropdown .rz-dropdown-label.rz-inputtext .field-name:after {
  content: " - ";
}
[b-oiogdi2b41] .dynamic-sub-component .rz-dropdown .rz-dropdown-label.rz-inputtext .field-name, [b-oiogdi2b41] .dynamic-sub-component .rz-dropdown .rz-dropdown-label.rz-inputtext .field-type {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
[b-oiogdi2b41] .dynamic-sub-component .rz-dropdown .rz-dropdown-label.rz-inputtext .avatar-text-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

/*::deep .rz-dropdown-items-wrapper {*/
[b-oiogdi2b41] li.rz-dropdown-item p.type-preset-5.bold-500.field-name {
  color: var(--b-dark-02);
}

/*}*/
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Tooltip.razor.rz.scp.css */
.tooltip-wrapper[b-e08worqrwc] {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 2px;
}
.tooltip-wrapper .b-med-02[b-e08worqrwc] {
  font-family: "IBM Plex Sans", sans-serif;
}
.tooltip-wrapper .tooltip-text[b-e08worqrwc] {
  font-size: 12px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.tooltip-wrapper .value[b-e08worqrwc] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tooltip-wrapper .tooltip-indicator[b-e08worqrwc] {
  background: var(--b-dark-01);
  box-shadow: inset 0px 0px 1px rgba(52, 52, 75, 0.1), inset 0px 1px 1px rgba(52, 52, 75, 0.05);
  border-radius: 2px;
  font-size: 10px;
  width: fit-content;
  padding: 2px 4px;
}
.tooltip-wrapper .bullet[b-e08worqrwc] {
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/TooltipTemplate.razor.rz.scp.css */
.tooltip-parent-wrapper[b-1i6tdb0qyn] {
  height: 100%;
  z-index: 1;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/UserPage/CustomFieldComponent.razor.rz.scp.css */
.custom-fields-container[b-kpls4ehlov]  .section-main-container .section-header {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.custom-fields-container[b-kpls4ehlov]  .section-main-container .section-wrapper {
  padding: 24px 24px 24px 32px;
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  background: var(--b-light-02);
}
.custom-fields-container[b-kpls4ehlov]  .section-main-container .section-wrapper h4 {
  background: var(--white);
}
.custom-fields-container[b-kpls4ehlov]  .section-main-container .section-wrapper .label-input-wrapper label {
  padding-left: 16px;
}
.custom-fields-container[b-kpls4ehlov]  .section-main-container .section-wrapper .label-input-wrapper .rz-dropdown, .custom-fields-container[b-kpls4ehlov]  .section-main-container .section-wrapper .label-input-wrapper input {
  min-width: 288px;
}
.custom-fields-container[b-kpls4ehlov]  .section-main-container .section-wrapper .label-input-wrapper .rz-dropdown-label.rz-inputtext {
  padding-left: 0;
}
.custom-fields-container[b-kpls4ehlov]  .section-main-container:hover .section-header h4 .clear-selection {
  visibility: hidden;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/UserPage/FilesComponent.razor.rz.scp.css */
.table-wrapper[b-q73mkxvlou] {
  padding-top: 2px;
}
.table-wrapper .table-input-container[b-q73mkxvlou]  th:last-child {
  width: 48px;
}
.table-wrapper .table-input-container[b-q73mkxvlou]  td:first-child {
  padding-left: 40px;
}
.table-wrapper .table-input-container[b-q73mkxvlou]  td:first-child .value.b-dark-02 {
  padding-left: 0;
}
.table-wrapper .table-input-container[b-q73mkxvlou]  a.link {
  color: var(--b-dark-01);
}
.table-wrapper .table-input-container[b-q73mkxvlou]  td:last-child .value.b-dark-02 {
  display: none;
}
.table-wrapper .table-input-container[b-q73mkxvlou]  td:last-child .btn-icon {
  width: fit-content;
  cursor: pointer;
  padding: 4px;
  margin: auto;
}
.table-wrapper .table-input-container[b-q73mkxvlou]  td:last-child .btn-icon i {
  color: var(--b-med-01);
}
.table-wrapper .table-input-container[b-q73mkxvlou]  .avatar-name-wrapper {
  color: var(--b-med-01);
  font-weight: 500;
}

.hidden[b-q73mkxvlou] {
  display: none;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/UserPage/InformationsSection.razor.rz.scp.css */
.section-content-container[b-8g0di51s4r] {
  padding-left: 40px;
}
.section-content-container .label-input-wrapper[b-8g0di51s4r]  .rz-dropdown {
  width: 368px;
  padding: 16px;
}
.section-content-container .label-input-wrapper[b-8g0di51s4r]  .rz-dropdown .capitalize {
  text-transform: capitalize;
}
.section-content-container .label-input-wrapper[b-8g0di51s4r]  .rz-dropdown .rz-dropdown-label.rz-inputtext {
  margin: 0;
}
.section-content-container .label-input-wrapper .wrapper[b-8g0di51s4r] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.section-content-container .label-input-wrapper .label-button[b-8g0di51s4r] {
  margin: 0;
  cursor: pointer;
}
.section-content-container .label-input-wrapper .label-button button[b-8g0di51s4r] {
  pointer-events: none;
  width: 320px;
}
.section-content-container .label-input-wrapper.btn-container[b-8g0di51s4r] {
  display: flex;
  flex-direction: row;
}
.section-content-container .label-input-wrapper.btn-container button[b-8g0di51s4r] {
  margin: 29px 0px 0px 16px;
  width: 90px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/UserPage/SecurityComponent.razor.rz.scp.css */
.section-content-container[b-tup91zbesd] {
  margin: 8px 0px 24px 40px;
}
.section-content-container .label-input-wrapper[b-tup91zbesd] {
  margin-top: 16px;
}

.table-input-container[b-tup91zbesd]  .table-outer-wrapper td:first-child {
  padding-left: 40px;
}
.table-input-container[b-tup91zbesd]  .table-outer-wrapper .avatar-name-wrapper {
  padding: 0px;
}
.table-input-container[b-tup91zbesd]  .table-outer-wrapper .avatar-name-wrapper a.link {
  margin-left: 16px;
  color: var(--b-med-01);
  font-weight: 500;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/UserPage/SkillsComponent.razor.rz.scp.css */
.table-wrapper[b-sqzsvgks56] {
  padding-top: 2px;
}
.table-wrapper[b-sqzsvgks56]  td:first-child {
  padding-left: 40px;
}

.hidden[b-sqzsvgks56] {
  display: none;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/UserPage/UserSectionSubHeader.razor.rz.scp.css */
.sub-header-wrapper[b-vip0rj4zpl] {
  background: var(--white);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 16px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sub-header-wrapper.sticky-section[b-vip0rj4zpl] {
  position: sticky;
  top: 72px;
  z-index: 3;
}
.sub-header-wrapper.sticky-section-2[b-vip0rj4zpl] {
  position: sticky;
  top: 163px;
  z-index: 3;
}
.sub-header-wrapper .title-description-wrapper[b-vip0rj4zpl]  svg {
  margin-bottom: 16px;
}
.sub-header-wrapper .title-description-wrapper .description[b-vip0rj4zpl] {
  line-height: 20px;
  margin: 0;
  margin: 8px 0px 0px 24px;
}
.sub-header-wrapper .title-description-wrapper .description.no-margin-left[b-vip0rj4zpl] {
  margin-left: 0px;
}
.sub-header-wrapper .title-description-wrapper .icon-title-wrapper[b-vip0rj4zpl] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sub-header-wrapper .title-description-wrapper .icon-title-wrapper h4[b-vip0rj4zpl] {
  margin-left: 8px;
}
.sub-header-wrapper:hover[b-vip0rj4zpl] {
  background: var(--b-light-01);
}
.sub-header-wrapper .button-container[b-vip0rj4zpl] {
  margin-right: 2px;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  min-width: fit-content;
}
.sub-header-wrapper .button-container.align-self-top[b-vip0rj4zpl] {
  align-self: self-start;
}
.sub-header-wrapper .button-container .add-file[b-vip0rj4zpl] {
  pointer-events: none;
}
.sub-header-wrapper .button-container label[b-vip0rj4zpl] {
  cursor: pointer;
  margin: 0;
}
.sub-header-wrapper .button-container[b-vip0rj4zpl]  button {
  margin-left: 8px;
}

.hidden[b-vip0rj4zpl] {
  display: none;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/UserPage/WorkTimeComponent.razor.rz.scp.css */
.date-content-container[b-e5zxirp4vc] {
  margin: 14px 0px 32px 40px;
}
.date-content-container .label-input-wrapper[b-e5zxirp4vc] {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  position: relative;
}
.date-content-container .label-input-wrapper .fa-regular.fa-xmark[b-e5zxirp4vc] {
  position: absolute;
  top: 42px;
  left: 336px;
}
.date-content-container .label-input-wrapper[b-e5zxirp4vc]  .input-wrapper {
  width: 368px;
}
.date-content-container .label-input-wrapper[b-e5zxirp4vc]  .input-wrapper label {
  margin-left: 16px;
}
.date-content-container .label-input-wrapper[b-e5zxirp4vc]  .input-wrapper .rz-datepicker .rz-datepicker-trigger {
  position: absolute;
  left: 16px;
  display: flex;
  align-items: center;
  width: 90%;
  font-family: "IBM Plex Mono", sans-serif;
  color: var(--b-med-02);
}
.date-content-container .label-input-wrapper[b-e5zxirp4vc]  .input-wrapper .rz-datepicker .rz-datepicker-trigger .rzi-calendar {
  width: 16px;
  height: 16px;
  font-size: 14px;
  color: var(--b-med-01);
}
.date-content-container .label-input-wrapper[b-e5zxirp4vc]  .input-wrapper .rz-datepicker .rz-inputtext {
  padding-left: 40px;
}
.date-content-container .label-input-wrapper[b-e5zxirp4vc]  .input-wrapper .rz-datepicker .rz-inputtext::placeholder {
  color: var(--b-med-02);
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

.table-wrapper[b-e5zxirp4vc] {
  padding-top: 2px;
}
.table-wrapper .table-input-container[b-e5zxirp4vc]  .table-outer-wrapper .value, .table-wrapper .table-input-container[b-e5zxirp4vc]  .table-outer-wrapper .link {
  display: flex;
  margin: 12px 16px;
  padding: 0;
  color: var(--b-dark-01);
}
.table-wrapper .table-input-container[b-e5zxirp4vc]  .selected a.link {
  text-decoration: underline;
  color: var(--a-orange-01);
}

.hidden[b-e5zxirp4vc] {
  display: none;
}

[b-e5zxirp4vc] .input-container {
  margin-top: 8px;
  position: relative;
}
[b-e5zxirp4vc] .input-container .fa-regular.fa-xmark {
  position: absolute;
}
[b-e5zxirp4vc] .input-container .fa-regular.fa-xmark.start-date {
  top: 128px;
  right: 32px;
}
[b-e5zxirp4vc] .input-container .fa-regular.fa-xmark.end-date {
  bottom: 32px;
  right: 32px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ValidatedInputsComponents/ValidatedDateEntryComponent.razor.rz.scp.css */
[b-59v3lm3qwh] rz-calendar {
  height: 40px;
}
[b-59v3lm3qwh] rz-calendar .rz-inputtext {
  height: 40px;
}

.input-wrapper .new-date-format[b-59v3lm3qwh] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  color: var(--b-dark-02);
  height: 38px;
  background: white;
  top: 2px;
  min-width: 100%;
  left: 0;
  pointer-events: none;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/ViewBar.razor.rz.scp.css */
.vb-wrp[b-4tovsigxi5] {
  height: 56px;
  padding: 8px;
  display: flex;
  width: 100%;
  background: var(--b-light-01);
  gap: 16px;
}
.vb-wrp .search[b-4tovsigxi5] {
  display: flex;
  flex: 1;
}
.vb-wrp .search[b-4tovsigxi5]  .input-wrapper {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
}
.vb-wrp .search[b-4tovsigxi5]  .input-wrapper::before {
  content: "\f002";
  color: var(--b-med-02);
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  left: 16px;
  bottom: 12px;
  z-index: 1;
}
.vb-wrp .search[b-4tovsigxi5]  .input-wrapper input {
  height: 40px;
  padding-left: 40px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Views/MenuViews.razor.rz.scp.css */
.first-panel-collapse[b-31a3oxpcxt] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background: var(--grey-03);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 2px rgba(52, 52, 75, 0.1);
  height: 100%;
  position: relative;
  z-index: 4;
}
.first-panel-collapse div[b-31a3oxpcxt] {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.first-panel-collapse div button[b-31a3oxpcxt] {
  margin: 8px;
}
.first-panel-collapse div button.collapse-btn[b-31a3oxpcxt] {
  border: 1px solid var(--grey-01);
  color: var(--grey-01);
}

.first-panel[b-31a3oxpcxt] {
  display: block;
  background: var(--grey-03);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  height: 100%;
  position: relative;
  z-index: 4;
}
.first-panel.edit_mode[b-31a3oxpcxt] {
  background-color: var(--a-light-orange-02);
}
.first-panel .button-container[b-31a3oxpcxt] {
  border-bottom: 1px solid var(--b-light-01);
}
.first-panel .primary-btn.outline[b-31a3oxpcxt] {
  margin: 8px;
  width: 93%;
}

.first-panel__header[b-31a3oxpcxt] {
  background: var(--grey-03);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  height: fit-content;
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.first-panel__header.edit_mode[b-31a3oxpcxt] {
  background-color: var(--a-light-orange-01);
}
.first-panel__header h3[b-31a3oxpcxt] {
  font-size: 17px;
  padding: 16px;
}
.first-panel__header .collapse-icon[b-31a3oxpcxt] {
  margin-right: 20px;
  cursor: pointer;
}

.first-panel__links[b-31a3oxpcxt] {
  display: block;
  overflow-y: auto;
  height: calc(100vh - 56px - 56px - 63px - 56px);
  position: relative;
}

.first-panel__link[b-31a3oxpcxt] {
  background: transparent;
  border-bottom: 1px solid var(--b-light-01);
  display: block;
  padding: 16px;
  color: var(--b-med-01);
  transition: background 0.1s ease-in-out;
}
.first-panel__link:hover[b-31a3oxpcxt] {
  background: var(--grey-02);
  color: #34344B;
  text-decoration: none;
}
.first-panel__link.selected[b-31a3oxpcxt] {
  background: var(--a-light-orange-02);
  color: var(--a-orange-01);
  font-weight: 400;
}

/*.primary-btn.outline {
    width: 85%;
    margin: 24px 16px 16px 16px;
}
*/
.first-panel__footer[b-31a3oxpcxt] {
  width: 100%;
  position: absolute;
  bottom: 0;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.1);
  padding: 8px;
}
.first-panel__footer .primary-btn[b-31a3oxpcxt], .first-panel__footer .secondary-btn[b-31a3oxpcxt] {
  height: 40px;
  padding: 12px 8px;
  width: 100%;
  margin: 0;
}
.first-panel__footer .primary-btn.outline[b-31a3oxpcxt] {
  margin: 0;
  width: 100%;
  line-height: 8px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Views/SubComponents/ViewAction.razor.rz.scp.css */
.actions-list .action[b-add7dnmb7u] {
  display: flex;
  border-bottom: 1px solid var(--grey-02);
}
.actions-list .action p[b-add7dnmb7u] {
  margin: 0;
  padding: 16px 16px 16px 40px;
  width: 100%;
  background-color: white;
  color: var(--b-dark-01);
  cursor: pointer;
}
.actions-list .action p.delete[b-add7dnmb7u] {
  background-color: var(--red-03);
  color: var(--red-02);
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Views/SubComponents/ViewInfo.razor.rz.scp.css */
p[b-x7pkbe5llo] {
  margin: 0 0 0 24px;
  line-height: 16px;
}

.first-panel__link[b-x7pkbe5llo] {
  background: transparent;
  border-bottom: 1px solid var(--grey-02);
  display: block;
  padding: 16px;
  color: var(--b-med-01);
  transition: background 0.1s ease-in-out;
}
.first-panel__link.opened[b-x7pkbe5llo], .first-panel__link:hover[b-x7pkbe5llo] {
  background: var(--a-light-orange-01);
}
.first-panel__link .first-panel__link__content[b-x7pkbe5llo] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.first-panel__link .first-panel__link__content .first-panel__link__subcontent[b-x7pkbe5llo] {
  display: flex;
  align-content: center;
  max-width: 90%;
}
.first-panel__link .first-panel__link__content .first-panel__link__subcontent a[b-x7pkbe5llo] {
  color: var(--b-dark-01);
  line-height: 16px;
  text-overflow: ellipsis;
  width: 90%;
  overflow: hidden;
  white-space: nowrap;
}
.first-panel__link .first-panel__link__content .first-panel__link__subcontent[b-x7pkbe5llo]  input {
  width: 100%;
  height: 40px;
}
.first-panel__link .first-panel__link__content .fa-regular[b-x7pkbe5llo] {
  margin-right: 8px;
  cursor: pointer;
  align-self: center;
  font-size: 14px;
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.first-panel__link .first-panel__link__content .far.fa-star[b-x7pkbe5llo] {
  margin-right: 8px;
  cursor: pointer;
  align-self: center;
  font-size: 14px;
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.first-panel__link .first-panel__link__content .far.fa-chevron-down[b-x7pkbe5llo] {
  color: var(--b-med-01);
  cursor: pointer;
  margin-left: 8px;
  padding-top: 0px;
  font-size: 14px;
}
.first-panel__link .first-panel__link__content .far.fa-chevron-up[b-x7pkbe5llo] {
  color: var(--b-med-01);
  padding-top: 5px;
  cursor: pointer;
  margin-left: 8px;
  padding-top: 0px;
  font-size: 14px;
}
/* _content/BeeyeFrontEndServer/Shared/BeeyeComponents/Views/SubHeader.razor.rz.scp.css */
.second-panel__subheader[b-o7y3nuep49]  .rz-dropdown {
  background: transparent;
  border: none;
  box-shadow: none;
  height: 40px;
  width: 148px;
  cursor: pointer;
}
.second-panel__subheader[b-o7y3nuep49]  .rz-dropdown:not(:disabled):not(.rz-state-disabled) {
  box-shadow: none;
  width: 148px;
}
.second-panel__subheader[b-o7y3nuep49]  .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover {
  box-shadow: none;
  border: none;
  background: none;
}
.second-panel__subheader[b-o7y3nuep49]  .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus {
  border: none;
  background: none;
  box-shadow: none;
}
.second-panel__subheader .drop-down-button[b-o7y3nuep49] {
  border: 1px solid var(--b-dark-02);
  border-radius: 4px;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
  min-width: 150px;
  height: 40px;
}
.second-panel__subheader .drop-down-button:hover[b-o7y3nuep49], .second-panel__subheader .drop-down-button:focus:hover[b-o7y3nuep49], .second-panel__subheader .drop-down-button:active:hover[b-o7y3nuep49] {
  background: var(--b-light-02);
  color: var(--b-dark-01);
}
.second-panel__subheader .drop-down-button:focus[b-o7y3nuep49] {
  background: var(--white);
  border: 2px solid var(--b-light-01);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 0px;
}
.second-panel__subheader .drop-down-button:active[b-o7y3nuep49] {
  background: var(--b-light-01);
  border: 1px solid var(--b-light-01);
  /*transform: scale(0.95);*/
}
.second-panel__subheader .drop-down-button.sort-btn[b-o7y3nuep49] {
  min-width: 100px;
  position: relative;
}
.second-panel__subheader .drop-down-button.sort-btn .icon-text[b-o7y3nuep49] {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  margin-left: 8px;
  margin-top: 8px;
  min-width: fit-content;
}
.second-panel__subheader .drop-down-button.sort-btn[b-o7y3nuep49]  .rz-dropdown {
  position: absolute;
  top: 0;
}
.second-panel__subheader .drop-down-button.sort-btn[b-o7y3nuep49]  .rz-dropdown .rz-dropdown-label.rz-inputtext {
  display: none;
}
.second-panel__subheader .drop-down-button.sort-btn[b-o7y3nuep49]  .rz-dropdown .rz-dropdown-trigger-icon.rzi.rzi-chevron-down::before {
  color: var(--b-dark-02);
}
.second-panel__subheader .group-rsp-button[b-o7y3nuep49] {
  margin-left: 16px;
}
.second-panel__subheader .buttons-wrapper[b-o7y3nuep49] {
  display: flex;
  align-items: center;
  min-width: fit-content;
  gap: 16px;
}
.second-panel__subheader .buttons-wrapper .filter-btn-container[b-o7y3nuep49], .second-panel__subheader .buttons-wrapper .columns-btn-container[b-o7y3nuep49] {
  min-width: fit-content;
}
.second-panel__subheader .buttons-wrapper .buttons-subheader-container[b-o7y3nuep49] {
  display: flex;
}
.second-panel__subheader .buttons-wrapper .sort-buttons-container[b-o7y3nuep49] {
  display: flex;
  gap: 8px;
}
.second-panel__subheader .buttons-wrapper .columns-btn-container[b-o7y3nuep49] {
  min-width: fit-content;
}
.second-panel__subheader .toggle-type[b-o7y3nuep49] {
  display: flex;
  flex-direction: row;
  height: 40px;
}
.second-panel__subheader .toggle-type .tab label[b-o7y3nuep49] {
  margin: 0px;
  padding: 12px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  line-height: 16px;
  width: 96px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.second-panel__subheader .toggle-type .tab label i[b-o7y3nuep49] {
  margin-right: 4px;
}
.second-panel__subheader .toggle-type .tab input[type=radio][b-o7y3nuep49] {
  display: none;
}
.second-panel__subheader .toggle-type .tab input[type=radio]:checked + label[b-o7y3nuep49] {
  color: var(--a-orange-03);
  background-color: var(--a-light-orange-01);
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.second-panel__subheader .toggle-type > .tab:first-of-type > label[b-o7y3nuep49] {
  border-radius: 4px 0 0 4px;
}
.second-panel__subheader .toggle-type > .tab:last-of-type > label[b-o7y3nuep49] {
  border-radius: 0 4px 4px 0;
}
.second-panel__subheader[b-o7y3nuep49]  .no-margin-input .input-wrapper:before {
  content: "\f002";
  color: var(--b-med-02);
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  left: 16px;
  bottom: 14px;
  z-index: 1;
}

.additional-buttons-container[b-o7y3nuep49] {
  display: flex;
  /*gap: 16px;*/
  /*::deep button {
      margin-left: 16px;
  }*/
}
.additional-buttons-container[b-o7y3nuep49]  .rz-dropdown:not(:disabled):not(.rz-state-disabled) {
  /*        width: 100px;
  */
}

.action-btn[b-o7y3nuep49] {
  color: var(--b-med-01);
  background-color: var(--white);
  box-shadow: 0px 0px 1px rgba(52, 52, 75, 0.1), 0px 1px 2px rgba(52, 52, 75, 0.1);
  outline: none;
}

.action-btn:active[b-o7y3nuep49], .action-btn:active:focus[b-o7y3nuep49], .action-btn:focus[b-o7y3nuep49], .action-btn-active[b-o7y3nuep49] {
  color: var(--a-orange-02);
  background-color: var(--a-light-orange-02);
  box-shadow: inset 0px 0px 1px rgba(52, 52, 75, 0.1), inset 0px 1px 1px rgba(52, 52, 75, 0.05);
  outline: none;
}
/* _content/BeeyeFrontEndServer/Shared/PublicShares/ProjectShare.razor.rz.scp.css */
.share-content-wrapper[b-8w2ki2xkus] {
  background: var(--a-light-orange-01);
  padding: 8px;
}
.share-content-wrapper .share-content[b-8w2ki2xkus] {
  width: 100%;
  background-color: white;
  border-radius: 4px 4px 0px 0px;
}
/* _content/BeeyeFrontEndServer/Shared/PublicShares/ProjectShareInfo.razor.rz.scp.css */
.share-content-project-wrapper[b-muoy013dlk] {
  display: flex;
  border-left: 4px solid rgb(187, 75, 162);
  border-radius: 4px 4px 0px 0px;
  box-shadow: 0px 1px 2px 0px rgba(52, 52, 75, 0.1), 0px 0px 1px 0px rgba(52, 52, 75, 0.1);
  padding: 16px 16px 16px 12px;
  position: relative;
  z-index: 10;
}
.share-content-project-wrapper .share-content-project h2[b-muoy013dlk], .share-content-project-wrapper .share-content-project h4[b-muoy013dlk] {
  line-height: 24px;
}
.share-content-project-wrapper .share-content-project .share-content-project-description-dates[b-muoy013dlk] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 16px;
  color: var(--grey-01);
  font-family: "IBM Plex Sans Condensed", sans-serif;
}
.share-content-project-wrapper .share-content-project .share-content-project-description-share[b-muoy013dlk] {
  display: flex;
  gap: 4px;
}
.share-content-project-wrapper .share-content-project .share-content-project-description-share p[b-muoy013dlk] {
  color: var(--b-med-01);
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 15px;
  margin: 0px;
  line-height: 24px;
}
.share-content-project-wrapper .share-content-project .share-content-project-description-share p.share-name[b-muoy013dlk] {
  color: var(--b-dark-01);
}
/* _content/BeeyeFrontEndServer/Shared/PublicShares/ProjectSharePlanning.razor.rz.scp.css */
.share-content-planning-wrapper[b-kk8vwbl1pz] {
  overflow: auto;
  height: calc(100vh - 224px);
  background-color: var(--b-light-01);
}
.share-content-planning-wrapper .table[b-kk8vwbl1pz] {
  min-width: fit-content;
  --first-col-width: 280.5px;
  --col-width-small: 22px;
  --col-width-medium: 52px;
  --col-width-large: 200px;
  --col-width-weekend: 48px;
  --min-row-height: 48px;
  margin-bottom: 0px;
  background-color: white;
}
.share-content-planning-wrapper .table[b-kk8vwbl1pz] .table-row .row-wrapper .row-inner-wrapper {
  height: 0px;
}
.share-content-planning-wrapper .table[b-kk8vwbl1pz] .table-row .row-wrapper .row-inner-wrapper.empty {
  height: 6px;
}
/* _content/BeeyeFrontEndServer/Shared/Technical/DragOrderedList.razor.rz.scp.css */
.draggable-items_container[b-0sg9dkubaw] {
  display: flex;
  flex-direction: column;
}

.drop-area[b-0sg9dkubaw] {
  min-width: 100%;
  min-height: 56px;
  background-color: var(--grey-03);
  border-radius: 4px;
}

/*.dragged {
    opacity: 0.5;
}*/
/* _content/BeeyeFrontEndServer/Shared/Technical/UserProfileImage.razor.rz.scp.css */
.size-24[b-iw7g9jgg87] {
  width: 24px;
  height: 24px;
}

.size-26[b-iw7g9jgg87] {
  width: 26px;
  height: 26px;
}

.size-32[b-iw7g9jgg87] {
  width: 32px;
  height: 32px;
}

.size-40[b-iw7g9jgg87] {
  width: 40px;
  height: 40px;
}
/* _content/BeeyeFrontEndServer/Shared/Tests/ComponentParent.razor.rz.scp.css */
h3[b-quj6954l2o] {
  color: red;
}

[b-quj6954l2o] h4 {
  color: green;
}
/* _content/BeeyeFrontEndServer/Shared/TwoLayoutComponent.razor.rz.scp.css */
.first-panel[b-ghks84skrm] {
  display: block;
  overflow-y: auto;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 2px 3px rgba(0, 0, 0, 0.1);
  height: 100%;
  z-index: 1;
}

/* Left Menu */
.first-panel[b-ghks84skrm] {
  background: var(--grey-03);
}
.first-panel .first-panel__header[b-ghks84skrm] {
  background: var(--grey-03);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 16px;
  position: sticky;
  top: 0;
  /* additional style for user page left panel header */
}
.first-panel .first-panel__header.first-panel-header[b-ghks84skrm] {
  height: 104px;
  padding: 12px 16px;
}
.first-panel .first-panel__header.edit_mode[b-ghks84skrm] {
  background-color: var(--a-light-orange-02);
}
.first-panel.edit_mode[b-ghks84skrm] {
  background-color: var(--a-light-orange-02);
}
.first-panel .first-panel__link[b-ghks84skrm] {
  background: var(--grey-03);
  border-bottom: 1px solid var(--grey-02);
  display: block;
  padding: 16px;
  color: var(--b-dark-01);
  transition: background 0.1s ease-in-out;
}
.first-panel .first-panel__link:hover[b-ghks84skrm] {
  background: var(--grey-02);
  color: var(--b-dark-01);
  text-decoration: none;
}
.first-panel .first-panel__link.selected[b-ghks84skrm] {
  background: var(--a-light-orange-02);
  color: var(--a-orange-01);
  cursor: default;
}

.second-panel__content[b-ghks84skrm] {
  background: var(--b-light-02);
  height: calc(100vh - 56px - 56px);
  overflow-y: auto;
  position: relative;
  /*padding: 16px;*/
  padding-bottom: 40px;
}

.two-panel-layout[b-ghks84skrm] {
  gap: 1px;
}

.second-panel__footer[b-ghks84skrm] {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  min-width: calc(100vw - 56px);
}