/* /Pages/AuthorizedAbsences/AuthorizedAbsences.razor.rz.scp.css */
.approval-container[b-1cqzmdeo5q] {
    height: 100%;
}

.approval-content[b-1cqzmdeo5q] {
    width: 100%;
    height: 100%;
    padding: 16px;
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    gap: 20px;
}

    .approval-content.titleVisible[b-1cqzmdeo5q] {
        height: calc(100% - 44px); /* 44px back header height */
    }

    .approval-content[b-1cqzmdeo5q]  .e-btn-group {
        width: 100%;
        border: 2px solid var(--primary-color);
        border-radius: 25px;
    }

        .approval-content[b-1cqzmdeo5q]  .e-btn-group .e-btn {
            margin: 2px;
            min-height: 34px;
            height: 34px;
            color: var(--primary-color);
            background: transparent;
            font-size: 14px;
            font-weight: 600;
            border-radius: 25px !important;
        }

        .approval-content[b-1cqzmdeo5q]  .e-btn-group input:checked + label.e-btn {
            color: var(--white-color);
            background: var(--primary-color);
        }

        .approval-content[b-1cqzmdeo5q]  .e-btn-group input:focus + label.e-btn {
            box-shadow: none;
        }

.approval-content-top[b-1cqzmdeo5q] {
    margin-bottom: 20px;
}

.approval-title[b-1cqzmdeo5q] {
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: 600;
}

.empty-list-container[b-1cqzmdeo5q] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.wipe-image[b-1cqzmdeo5q] {
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.noItems[b-1cqzmdeo5q] {
    padding: 40px 20px;
    line-height: 1.2;
    text-align: center;
    z-index: 1;
}

.absences-list[b-1cqzmdeo5q] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media(min-width: 992px) {
    .approval-content[b-1cqzmdeo5q] {
        padding: 20px;
    }

    .noItems[b-1cqzmdeo5q],
    .absences-list[b-1cqzmdeo5q],
    .approval-content-header[b-1cqzmdeo5q] {
        margin: 0 auto;
        width: 100%;
        max-width: 800px;
    }

    .approval-content-top[b-1cqzmdeo5q] {
        min-height: 44px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
    }

        .approval-content-top[b-1cqzmdeo5q]  .e-btn.e-primary {
            max-width: 300px;
        }

    .approval-content[b-1cqzmdeo5q]  .e-btn-group .e-btn:hover {
        background: var(--primary-color);
        color: var(--white-color);
    }
}

@media(max-width: 399.98px) {
    .approval-content[b-1cqzmdeo5q]  .e-btn-group .e-btn {
        padding: 10px 6px;
        font-size: 13px;
    }
}
/* /Pages/AuthorizedAbsences/AuthorizedAbsencesCard/AuthorizedAbsencesCard.razor.rz.scp.css */
.item-top[b-3mpgmfpkwv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.item-hours[b-3mpgmfpkwv] {
    font-size: 24px;
    font-weight: 600;
    color: var(--gray-darker-color);
    white-space: nowrap;
}

    .item-hours.desktop[b-3mpgmfpkwv] {
        margin-bottom: 12px;
        text-align: right;
    }

.item-controls:not(:has(*))[b-3mpgmfpkwv] {
    display: none;
}

.absence-item[b-3mpgmfpkwv] {
    border: 2px solid var(--gray-light-color);
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
}

.item-dates[b-3mpgmfpkwv] {
    font-weight: 600;
    margin-bottom: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 8px;
    row-gap: 2px;
    color: var(--gray-darker-color);
}

.item-dates p[b-3mpgmfpkwv] {
    text-transform: capitalize;
}

.item-duration[b-3mpgmfpkwv] {
    font-size: 12px;
    font-weight: 500;
    color: var(--gray-darker-color);
}

.item-badge[b-3mpgmfpkwv] {
    padding: 3px 8px;
    width: fit-content;
    font-size: 12px;
    border-radius: 6px;
    background-color: var(--secondary-lighter-color);
}

@media(min-width: 992px) {
    .absence-item[b-3mpgmfpkwv] {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

        .absence-item[b-3mpgmfpkwv]  .e-control.e-btn {
            min-width: 160px;
        }
}
/* /Pages/AuthorizedAbsences/AuthorizedAbsencesModal/AuthorizedAbsencesModal.razor.rz.scp.css */
.ta-absences-modal-wrapper[b-ppo1lhg665]  .e-dlg-container {
    height: calc(100% - 66px);
}

.ta-absences-modal-wrapper[b-ppo1lhg665]  .e-dialog.e-dlg-modal {
    height: 100%;
    max-height: 100%;
    border-radius: 0;
    border: none;
    background-color: var(--bg-gray-light-color);
}

    .ta-absences-modal-wrapper[b-ppo1lhg665]  .e-dialog.e-dlg-modal .e-dlg-header {
        width: 100%;
        padding: 8px 16px;
        height: 44px;
        box-shadow: 0 3px 5px var(--gray-light-color);
    }

    .ta-absences-modal-wrapper[b-ppo1lhg665]  .e-dialog.e-dlg-modal .e-dlg-header-content {
        padding: 0;
        border: none;
    }

    .ta-absences-modal-wrapper[b-ppo1lhg665]  .e-dialog.e-dlg-modal .e-dlg-content {
        position: relative;
        padding: 0;
        background-color: transparent;
    }

.ta-absence-content[b-ppo1lhg665] {
    padding: 16px;
    color: var(--black-color);
}

.ta-absence-title[b-ppo1lhg665] {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 600;
}

.closeButton[b-ppo1lhg665] {
    display: none;
    justify-content: center;
    align-items: center;
    padding: 3px;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: transparent;
    border-radius: 50%;
    border: none;
    transition: all 0.1s linear;
}

    .closeButton:hover[b-ppo1lhg665] {
        background-color: var(--primary-lighter-color);
    }

.closeButton-image[b-ppo1lhg665] {
    width: 12px;
    height: 12px;
}

.ta-absence-attention[b-ppo1lhg665] {
    margin: 12px 0 20px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 14px;
    line-height: 1.3;
}

    .ta-absence-attention img[b-ppo1lhg665] {
        padding: 3px;
        width: 20px;
        min-width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: var(--negative);
    }

.message[b-ppo1lhg665] {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.3;
    color: var(--negative);
}

.ta-absences-modal-wrapper[b-ppo1lhg665]  .ta-absence-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ta-absence-content[b-ppo1lhg665]  .e-date-wrapper.e-control-container.e-control-wrapper.datePicker,
.ta-absence-content[b-ppo1lhg665]  .e-time-wrapper.e-control-container.e-control-wrapper.timePicker,
.ta-absence-content[b-ppo1lhg665]  .e-ddl.e-control-container.e-control-wrapper {
    height: 44px;
    overflow: hidden;
}

    .ta-absence-content[b-ppo1lhg665]  .e-date-wrapper.e-control-container.e-control-wrapper.datePicker:not(.e-error),
    .ta-absence-content[b-ppo1lhg665]  .e-time-wrapper.e-control-container.e-control-wrapper.timePicker:not(.e-error),
    .ta-absence-content[b-ppo1lhg665]  .e-ddl.e-control-container.e-control-wrapper:not(.e-error) {
        border-color: var(--gray-light-color);
    }

    .ta-absence-content[b-ppo1lhg665]  .e-date-wrapper.e-control-container.e-control-wrapper.datePicker.invalid,
    .ta-absence-content[b-ppo1lhg665]  .e-time-wrapper.e-control-container.e-control-wrapper.timePicker.invalid,
    .ta-absence-content[b-ppo1lhg665]  .e-ddl.e-control-container.e-control-wrapper.invalid {
        border-color: var(--negative);
    }

    .ta-absence-content[b-ppo1lhg665]  .e-ddl.e-control-container.e-control-wrapper .e-input-group-icon.e-ddl-icon {
        width: 40px;
    }

        .ta-absence-content[b-ppo1lhg665]  .e-ddl.e-control-container.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
            color: var(--primary-dark-color);
            font-size: 16px;
        }

.ta-absence-content[b-ppo1lhg665]  .e-date-wrapper.e-control-container.e-control-wrapper.datePicker,
.ta-absence-content[b-ppo1lhg665]  .e-time-wrapper.e-control-container.e-control-wrapper.timePicker {
    margin-top: 0;
}

    .ta-absence-content[b-ppo1lhg665]  .e-date-wrapper.e-control-container.e-control-wrapper.datePicker .e-datepicker,
    .ta-absence-content[b-ppo1lhg665]  .e-time-wrapper.e-control-container.e-control-wrapper.timePicker .e-timepicker,
    .ta-absence-content[b-ppo1lhg665]  .e-ddl.e-control-container.e-control-wrapper .e-input {
        height: 100%;
        color: var(--black-color);
    }

    .ta-absence-content[b-ppo1lhg665]  .e-date-wrapper.e-control-container.e-control-wrapper.datePicker .e-datepicker,
    .ta-absence-content[b-ppo1lhg665]  .e-time-wrapper.e-control-container.e-control-wrapper.timePicker .e-timepicker {
        text-transform: lowercase;
    }

        .ta-absence-content[b-ppo1lhg665]  .e-date-wrapper.e-control-container.e-control-wrapper.datePicker .e-datepicker[readonly],
        .ta-absence-content[b-ppo1lhg665]  .e-time-wrapper.e-control-container.e-control-wrapper.timePicker .e-timepicker[readonly] {
            background: inherit;
            color: var(--black-color);
        }

.ta-absence-content[b-ppo1lhg665]  .e-ddl.e-control-container.e-control-wrapper,
.ta-absence-content[b-ppo1lhg665]  .e-date-wrapper.e-control-container.e-control-wrapper.datePicker,
.ta-absence-content[b-ppo1lhg665]  .e-time-wrapper.e-control-container.e-control-wrapper.timePicker {
    box-shadow: none;
}

    .ta-absence-content[b-ppo1lhg665]  .e-ddl.e-control-container.e-control-wrapper.e-input-focus,
    .ta-absence-content[b-ppo1lhg665]  .e-date-wrapper.e-control-container.e-control-wrapper.datePicker.e-input-focus,
    .ta-absence-content[b-ppo1lhg665]  .e-time-wrapper.e-control-container.e-control-wrapper.timePicker.e-input-focus {
        box-shadow: none !important;
        border: 1px solid var(--primary-color) !important;
    }

    .ta-absence-content[b-ppo1lhg665]  .e-date-wrapper.e-control-container.e-control-wrapper.datePicker .e-date-icon,
    .ta-absence-content[b-ppo1lhg665]  .e-time-wrapper.e-control-container.e-control-wrapper.timePicker .e-time-icon {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        border: none;
        border-radius: 4px;
        background: transparent;
    }

.ta-absence-content[b-ppo1lhg665]  .e-control-container.e-control-wrapper.e-input-group:not(.e-disabled):hover {
    box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
}

.ta-absence-content[b-ppo1lhg665]  .e-date-wrapper.e-control-container.e-control-wrapper.datePicker .e-date-icon::before,
.ta-absence-content[b-ppo1lhg665]  .e-time-wrapper.e-control-container.e-control-wrapper.timePicker .e-time-icon::before {
    padding: 11px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--primary-dark-color);
}

.ta-absence-content[b-ppo1lhg665]  .e-date-wrapper.e-control-container.e-control-wrapper.datePicker:not(.e-disabled) .e-date-icon:hover::before,
.ta-absence-content[b-ppo1lhg665]  .e-time-wrapper.e-control-container.e-control-wrapper.timePicker:not(.e-disabled) .e-time-icon:hover::before {
    color: var(--white-color);
    background-color: var(--primary-color)
}

.ta-absence-content[b-ppo1lhg665]  .e-ddl.e-control-container.e-control-wrapper .e-input-value {
    padding-left: 8px;
    font-size: 16px;
    color: var(--black-color);
    display: flex;
    align-items: center;
}

.ta-absence-content[b-ppo1lhg665]  .e-control-container.e-control-wrapper.e-input-group {
    font-family: inherit;
}

.ta-absence-content[b-ppo1lhg665]  .e-date-wrapper.e-control-container.e-control-wrapper.datePicker .e-label-top,
.ta-absence-content[b-ppo1lhg665]  .e-time-wrapper.e-control-container.e-control-wrapper.timePicker .e-label-top,
.ta-absence-content[b-ppo1lhg665]  .e-multi-line-input.e-control-container.e-control-wrapper.textarea .e-label-top {
    display: none;
}

.ta-absence-content[b-ppo1lhg665]  .e-multi-line-input.e-control-container.e-control-wrapper.textarea.e-success {
    border-color: var(--gray-light-color);
}

.ta-absence-content[b-ppo1lhg665]  .e-multi-line-input.e-control-container.e-control-wrapper.textarea.e-input-focus {
    border-color: var(--primary-color) !important;
}

.ta-absence-content[b-ppo1lhg665] .validation-message {
    padding: 5px 3px 0;
    font-size: 14px;
}

.controls[b-ppo1lhg665]  .e-checkbox-wrapper {
    margin-bottom: 24px;
}

    .controls[b-ppo1lhg665]  .e-checkbox-wrapper .e-label {
        font-family: "Sora";
        font-size: 14px;
        font-weight: 300;
        line-height: 1.2;
    }

    .controls[b-ppo1lhg665]  .e-checkbox-wrapper .e-frame {
        border-color: var(--primary-color);
        box-shadow: none !important;
    }

        .controls[b-ppo1lhg665]  .e-checkbox-wrapper .e-frame.e-check {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
        }

@media (min-width: 992px) {
    .ta-absence-content[b-ppo1lhg665] {
        padding: 20px;
    }

    .ta-absences-modal-wrapper[b-ppo1lhg665]  .e-dlg-container {
        height: 100%;
        justify-content: flex-end;
    }

    .ta-absences-modal-wrapper[b-ppo1lhg665]  .e-dialog.e-dlg-modal {
        width: 50%;
        max-width: 400px;
    }

    .ta-absences-modal-wrapper[b-ppo1lhg665]  .e-dialog .e-dlg-header {
        display: none;
    }

    .ta-absences-content[b-ppo1lhg665] {
        padding: 20px;
    }

    .closeButton[b-ppo1lhg665] {
        display: flex;
    }
}

@media (min-width: 1440px) {
    .ta-absences-modal-wrapper[b-ppo1lhg665]  .e-dialog.e-dlg-modal {
        width: 40%;
        max-width: 500px;
    }
}
/* /Pages/AuthorizedAbsences/AuthorizedAbsencesOld/AuthorizedAbsencesOld.razor.rz.scp.css */
.approval-item[b-3suzqppto9] {
    padding: 20px;
    border: 2px solid var(--primary-color);
    border-radius: 16px;
    overflow: hidden;
}

    .approval-item.signed[b-3suzqppto9] {
        border-color: var(--secondary-color);
    }

.item-content[b-3suzqppto9] {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.approval-item.signed .item-content[b-3suzqppto9] {
    margin-bottom: 0;
}

.item-text[b-3suzqppto9] {
    font-weight: 600;
    margin-bottom: 8px;
    text-transform: capitalize;
}

    .item-text:last-of-type[b-3suzqppto9] {
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 0;
    }

.item-hours[b-3suzqppto9] {
    font-size: 24px;
    font-weight: 600;
    text-wrap: nowrap;
}

.approval-item[b-3suzqppto9]  .e-btn-group .e-btn {
    margin: 2px;
    min-height: 34px;
    height: 34px;
    color: var(--primary-color);
    background: transparent;
    font-size: 14px;
    font-weight: 600;
    border-radius: 25px !important;
}

.absences-list[b-3suzqppto9] {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.btn-wrapper[b-3suzqppto9]  .e-control.e-btn.show-more {
    padding: 6px 12px;
    width: fit-content;
    min-height: auto;
    margin: 0 auto 20px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    background: transparent;
    color: var(--primary-dark-color);
    position: relative;
    top: -10px;
}

    .btn-wrapper[b-3suzqppto9]  .e-control.e-btn.show-more:hover,
    .btn-wrapper[b-3suzqppto9]  .e-control.e-btn.show-more:active,
    .btn-wrapper[b-3suzqppto9]  .e-control.e-btn.show-more:focus {
        background: var(--primary-color);
        color: var(--white-color);
    }

@media(min-width: 992px) {
    .absences-list[b-3suzqppto9] {
        width: 100%;
        max-width: 800px;
    }

    .approval-item:not(.signed)[b-3suzqppto9] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }

        .approval-item:not(.signed) .item-content[b-3suzqppto9] {
            margin-bottom: 0;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
        }

    .approval-item[b-3suzqppto9]  .e-btn.e-primary {
        max-width: 160px;
    }

    .approval-item[b-3suzqppto9]  .e-btn-group .e-btn:hover {
        background: var(--primary-color);
        color: var(--white-color);
    }
}

@media(max-width: 399.98px) {
    .approval-item[b-3suzqppto9]  .e-btn-group .e-btn {
        padding: 10px 6px;
        font-size: 13px;
    }
}
/* /Pages/Feed/CommentItem/CommentItem.razor.rz.scp.css */
.comment-container[b-bmkud1micl] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.comment-header[b-bmkud1micl] {
  display: flex;
  align-items: center;
  gap: 5px;
}

.feed-user-avatar[b-bmkud1micl] {
  min-width: 32px;
  min-height: 32px;
}

.comment-header-info[b-bmkud1micl] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.user-initials[b-bmkud1micl] {
  min-width: 32px;
  min-height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.user-initials-text[b-bmkud1micl] {
  font-weight: 500;
  font-size: 11px;
  line-height: 14px;
}

.comment-header-title[b-bmkud1micl] {
  font-weight: 500;
  font-size: 14px;
}

.toggle-favorite[b-bmkud1micl] {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}

.comment-header-description[b-bmkud1micl] {
  font-weight: 400;
  font-size: 12px;
  color: var(--gray-text-button-color);
}

.likes-reply-container[b-bmkud1micl] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
}

.num-of-like[b-bmkud1micl] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.total-likes[b-bmkud1micl] {
  font-weight: 400;
  font-size: 14px;
  color: var(--gray-darker-color);
}

.divider[b-bmkud1micl] {
  height: 12px;
  width: 1px;
  background-color: var(--border-gray-color);
}

.comment-text[b-bmkud1micl] {
  font-size: 14px;
  font-weight: 400;
}

.feed-user-avatar[b-bmkud1micl] {
  width: 24px;
  height: 24px;
}

.text-style[b-bmkud1micl] {
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  color: var(--gray-text-button-color);
}
/* /Pages/Feed/CommentList/CommentList.razor.rz.scp.css */
.bottom-content[b-jo9449c71q] {
  position: fixed;
  bottom: 20px;
  width: 100%;
  padding: 0 20px;
  padding-top: 20px;
  display: flex;
  gap: 8px;
  background: var(--white-color);
}

.user-avatar[b-jo9449c71q] {
  width: 32px;
  height: 32px;
}

.child-comments[b-jo9449c71q] {
  padding-left: 15px;
}

.send-arrow-container[b-jo9449c71q] {
  padding: 8px;
  margin: 8px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.send-arrow-container:hover[b-jo9449c71q] {
  background-color: var(--divider-gray-color);
}

.avatar-style[b-jo9449c71q] {
  width: 32px;
  height: 32px;
}

.send-arrow[b-jo9449c71q] {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.desktop-bottom-content[b-jo9449c71q] {
  display: flex;
  gap: 4px;
  padding: 9px 16px;
  align-items: center;
  position: sticky;
  bottom: 0;
  background-color: var(--white-color);
  z-index: 10;
  border-top: 1px solid var(--border-gray-color);
}

.hide-comments[b-jo9449c71q] {
  font-size: 12px;
  font-weight: 400;
  color: var(--gray-most-dark-color);
  padding-top: 8px;
  margin-top: 20px;
  padding-left: 20px;
}

.comment-list-container[b-jo9449c71q] {
  flex: 1 !important;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

.comment-container[b-jo9449c71q] {
  padding: 0 16px;
}
/* /Pages/Feed/Feed.razor.rz.scp.css */
.feed-container[b-8sk326sznq] {
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
    gap: 32px;
}

.feed-container[b-8sk326sznq]  .e-btn {
    padding: 8px;
    width: auto;
    border-radius: 8px;
    background-color: var(--white-color);
    border: 1px solid var(--border-darker-gray-color);
    font-weight: 400;
}

.empty-feed[b-8sk326sznq] {
    font-size: 16px;
    text-align: center;
}
/* /Pages/Feed/FeedItem/FeedItem.razor.rz.scp.css */
.feed-container[b-yd94gk0odr] {
  border-radius: 10px;
  width: 100%;
  max-width: 600px;
}

.feed-header[b-yd94gk0odr] {
  display: flex;
  gap: 12px;
  padding: 16px;
  align-items: center;
}

.pin-container[b-yd94gk0odr] {
  display: flex;
  gap: 8px;
  align-items: center;
}

.pin-text[b-yd94gk0odr] {
  font-weight: 400;
  color: var(--gray-text-button-color);
  font-size: 12px;
}

.header-container[b-yd94gk0odr] {
  display: flex;
  justify-content: space-between;
  padding-right: 16px;
}

.feed-user-avatar[b-yd94gk0odr] {
  width: 40px;
  height: 40px;
  border-radius: 20px;
}

.radio-button-container[b-yd94gk0odr] {
  opacity: 50%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.translating[b-yd94gk0odr] {
  cursor: pointer;
  padding: 4px 6px;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
}

.translating:hover[b-yd94gk0odr] {
  background-color: var(--button-gray-color);
}

.translating-click[b-yd94gk0odr] {
  cursor: pointer;
  padding: 4px 6px;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background-color: var(--border-gray-color);
}

.translating-text[b-yd94gk0odr] {
  font-weight: 300;
  font-size: 13px;
  color: var(--dark-color);
}

.comments-count[b-yd94gk0odr] {
  cursor: pointer;
  padding: 4px;
}

.comments-count:hover[b-yd94gk0odr] {
  border-radius: 4px;
  background-color: var(--divider-gray-color);
}

.carusel-container[b-yd94gk0odr] {
  height: 300px;
}

.img-container[b-yd94gk0odr] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.indicators-container[b-yd94gk0odr] {
  display: flex;
  gap: 8px;
  margin-top: 10px;
  overflow-x: scroll;
}

.open-dialog-button[b-yd94gk0odr] {
  cursor: pointer;
  background-color: var(--button-gray-color);
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  padding: 6px 0;
  flex: 1;
}

.open-dialog-button:hover[b-yd94gk0odr] {
  background-color: var(--divider-gray-color);
}

.poll-text[b-yd94gk0odr] {
  font-weight: 500;
  font-size: 12px;
  background-color: var(--secondary-color);
  border-radius: 4px;
  width: 92px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white-color);
}

.opened-image-close-icon-container[b-yd94gk0odr] {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.opened-image-close-icon[b-yd94gk0odr] {
  width: 10px;
  height: 10px;
  cursor: pointer;
}

.opened-image-carusel[b-yd94gk0odr] {
  position: relative;
  height: 70vh;
}

.dialog-image[b-yd94gk0odr] {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  position: relative;
}

.carusel-button[b-yd94gk0odr] {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--gray-light-description-color);
  border-radius: 50%;
}

.comment-dialog-container-header-mobile[b-yd94gk0odr] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  background-color: var(--white-color);
  z-index: 101;
  border-bottom: 1px solid var(--border-gray-color);
}

.comment-dialog-container-mobile[b-yd94gk0odr] {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: auto;
}

.like-and-comment-container[b-yd94gk0odr] {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 18px 20px;
}

.like-container[b-yd94gk0odr] {
  display: flex;
  gap: 10px;
  padding: 6px 0;
  flex: 1;
  align-items: center;
  justify-content: center;
}

.feed-header-details[b-yd94gk0odr] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.feed-header-title[b-yd94gk0odr] {
  font-weight: 500;
  font-size: 16px;
  word-break: break-word;
}

.feed-posted-time[b-yd94gk0odr] {
  font-weight: 400;
  font-size: 14px;
  color: var(--gray-description-color);
}

.feed-image[b-yd94gk0odr] {
  width: 100%;
  max-height: 276px;
}

.survey-tag[b-yd94gk0odr] {
  width: 92px;
  height: 20px;
  font-size: 12px;
  color: var(--white-color);
  margin-top: 8px;
  font-weight: 500;
  margin-left: 16px;
  background-color: var(--turquoise-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.feed-bottom-container[b-yd94gk0odr] {
  padding: 8px 16px 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.feed-text[b-yd94gk0odr] {
  font-weight: 300;
  line-height: 20px;
  font-size: 16px;
  word-break: break-word;
}

.feed-statistic-container[b-yd94gk0odr] {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.likes_and_comments_statistic[b-yd94gk0odr] {
  display: flex;
  gap: 16px;
}

.gray-divider[b-yd94gk0odr] {
  width: 100%;
  height: 1px;
  background-color: var(--divider-gray-color);
}

.cursor-pointer[b-yd94gk0odr] {
  cursor: pointer;
}

.feed-liked-users[b-yd94gk0odr] {
  display: flex;
  cursor: pointer;
  gap: 24px;
  align-items: center;
}

.comment-image[b-yd94gk0odr] {
  width: 19px;
  height: 19px;
}

.close-dialog-mobile[b-yd94gk0odr] {
  padding-top: 20px;
  display: flex;
  justify-content: flex-end;
  position: sticky;
  top: 0;
}

.close-dialog-img[b-yd94gk0odr] {
  width: 30px;
  height: 30px;
  padding-right: 16px;
  cursor: pointer;
}

.modal-like-container[b-yd94gk0odr] {
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.start-survey-btn[b-yd94gk0odr] {
  display: flex;
  gap: 10px;
  padding: 0 16px 20px;
}

.feed-liked-by-users[b-yd94gk0odr] {
  display: flex;
  min-width: 20px;
  height: 100%;
}

.num-of-like[b-yd94gk0odr] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.total-likes[b-yd94gk0odr] {
  font-weight: 400;
  font-size: 12px;
  color: var(--gray-darker-color);
}

.comment-counts[b-yd94gk0odr] {
  padding: 10px 2.5px;
}

.small-avatar[b-yd94gk0odr] {
  width: 20px;
  height: 20px;
}

.liked-avatar-container[b-yd94gk0odr] {
  position: relative;
  width: 10px;
  height: 20px;
}

.first-liked-avatar[b-yd94gk0odr] {
  position: absolute;
  z-index: 0;
}

.second-liked-avatar[b-yd94gk0odr] {
  position: absolute;
  left: 4px;
  z-index: 1;
}

.third-liked-avatar[b-yd94gk0odr] {
  position: absolute;
  left: 8px;
  z-index: 2;
}

.feed-all-comments-button[b-yd94gk0odr] {
  padding: 13px 0;
  font-size: 14px;
  font-weight: 400;
  color: var(--gray-text-button-color);
}

.last-liked-user-text[b-yd94gk0odr] {
  font-weight: 500;
  font-size: 14px;
  color: var(--gray-darker-color);
}

.count-of-like[b-yd94gk0odr] {
  font-weight: 400;
  font-size: 12px;
  color: var(--gray-darker-color);
}

.divider-container[b-yd94gk0odr] {
  width: 100%;
  padding: 0 16px;
  margin: 4px 0 16px;
}

.divider[b-yd94gk0odr] {
  background-color: var(--border-gray-color);
  width: 100%;
  height: 1px;
}

.test-container[b-yd94gk0odr] {
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.child-comments[b-yd94gk0odr] {
  padding-left: 15px;
}

.button-container[b-yd94gk0odr] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 8px 16px 0px;
  margin-top: 16px;
}

.button-style[b-yd94gk0odr] {
}

.e-dialog .e-dlg-content[b-yd94gk0odr] {
  padding: 0 !important;
}

.e-dlg-content[b-yd94gk0odr] {
  padding: 0 !important;
}

.send-arrow-container[b-yd94gk0odr] {
  padding: 8px;
  margin: 8px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.send-arrow-container:hover[b-yd94gk0odr] {
  background-color: var(--divider-gray-color);
}

.padding-bottom[b-yd94gk0odr] {
  padding-bottom: 20px;
}

.poll-header[b-yd94gk0odr] {
  display: flex;
  gap: 8px;
}

.poll-anonim-tag[b-yd94gk0odr] {
  font-weight: 500;
  font-size: 12px;
  background-color: var(--gray-700);
  border-radius: 4px;
  width: 92px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white-color);
}

.bottom-content[b-yd94gk0odr] {
  display: flex;
  gap: 4px;
  padding: 9px 20px 0;
  align-items: center;
}

.bottom-content-avatar[b-yd94gk0odr] {
  width: 32px;
  height: 32px;
}

.user-initials-container[b-yd94gk0odr] {
  min-width: 24px;
  min-height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
}

.user-avatar[b-yd94gk0odr] {
  max-width: 24px;
  max-height: 24px;
}

.like-and-comment-container-mobile[b-yd94gk0odr] {
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.like-and-comment-content[b-yd94gk0odr] {
  display: flex;
  gap: 6px;
  align-items: center;
}

.comment-padding[b-yd94gk0odr] {
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.survey-mobile-top-padding[b-yd94gk0odr] {
  padding-top: 20px;
}

.user-initials[b-yd94gk0odr] {
  font-weight: 500;
  font-size: 11px;
  line-height: 14px;
}

.send-comment-icon[b-yd94gk0odr] {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.indicator[b-yd94gk0odr] {
  width: 182px;
  height: 120px;
  cursor: pointer;
  border-radius: 8px;
}

@media (min-width: 792px) {
  .feed-container[b-yd94gk0odr] {
    box-shadow: 0px 0px 10px 0px #0000000a;
  }

  .feed-statistic-container[b-yd94gk0odr] {
    padding: 12px 20px 0px 20px;
  }

  .button-style[b-yd94gk0odr] {
    max-width: 71px;
  }

  .feed-image[b-yd94gk0odr] {
    max-height: 302px;
  }
}
/* /Pages/Feed/LikeList/LikeList.razor.rz.scp.css */
.popup-container[b-4ta30ki24b] {
  width: 100%;
  height: 100%;
  padding: 16px;
  min-width: 206px;
}

.like-item-container[b-4ta30ki24b] {
  max-height: 282px;
  overflow-y: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.text-container[b-4ta30ki24b] {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 158px;
}

.feed-user-avatar[b-4ta30ki24b] {
  max-width: 24px;
  max-height: 24px;
}

.text-initials-container[b-4ta30ki24b] {
  min-width: 24px;
  min-height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--secondary-lighter-color);
}

.text-initials[b-4ta30ki24b] {
  font-weight: 500;
  font-size: 11px;
  line-height: 14px;
}

.text-username[b-4ta30ki24b] {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
}
/* /Pages/Feed/QuestionResultItem/QuestionResultItem.razor.rz.scp.css */
.question-result[b-8n88oerofo] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.progress-line[b-8n88oerofo] {
  height: 8px;
  background-color: var(--gray-description-color);
  border-radius: 4px;
  position: absolute;
}

.progress-line-container[b-8n88oerofo] {
  position: relative;
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background-color: var(--gray-50);
}

.progress-line-percent[b-8n88oerofo] {
  font-size: 12px;
  font-weight: 400;
  color: var(--gray-light-description-color);
}

.question-result-text[b-8n88oerofo] {
  line-height: 130%;
  color: var(--primary-black-color);
  font-size: 14px;
  font-weight: 400;
}
/* /Pages/ForgotPassword/ForgotPassword.razor.rz.scp.css */
.form-title[b-wusj4dv0a2] {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-dark-color);
}

.form-subtitle[b-wusj4dv0a2] {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.3;
}

[b-wusj4dv0a2] .form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.field-container[b-wusj4dv0a2] {
    width: 100%;
}

.combination-container[b-wusj4dv0a2] {
    display: flex;
}

.phone-container[b-wusj4dv0a2] {
    width: 100%;
}

[b-wusj4dv0a2] .validation-message {
    margin-top: 5px;
}

.success-container[b-wusj4dv0a2] {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.success-icon[b-wusj4dv0a2] {
    width: 82px;
    height: 82px;
}

[b-wusj4dv0a2] .additionalLink {
    padding: 3px 0;
    text-decoration: none;
    color: var(--black-color);
    font-size: 14px;
    cursor: pointer;
}

[b-wusj4dv0a2] .additionalLink.center {
    margin: 0 auto;
}

.highlight[b-wusj4dv0a2] {
    color: var(--primary-dark-color);
    font-weight: 600;
}


@media (max-width: 991.98px) {
    .success-container[b-wusj4dv0a2] {
        margin-top: 20px;
    }

    .success-icon[b-wusj4dv0a2] {
        width: 68px;
        height: 68px;
    }
}

@media (min-width: 792px) {
    .form-container[b-wusj4dv0a2] {
        margin-left: auto;
        margin-right: auto;
        max-width: 345px;
    }
}
/* /Pages/Help/Help.razor.rz.scp.css */
.help-content[b-4ro3qichyx] {
    width: 100%;
    height: 100%;
    padding: 16px;
    overflow-y: auto;
}

.help-content.titleVisible[b-4ro3qichyx] {
    height: calc(100% - 44px); /* 44px back header height */
}

.help-content-wrapper[b-4ro3qichyx] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.title[b-4ro3qichyx] {
    font-size: 20px;
    font-weight: 600;
}

.help-features-title[b-4ro3qichyx] {
    font-weight: 600;
}

.help-features-buttons[b-4ro3qichyx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 20px;
}

.help-content[b-4ro3qichyx]  .e-btn.e-outline {
    height: 100px;
    padding: 5px;
    color: var(--primary-dark-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.help-content[b-4ro3qichyx]  .e-btn.e-outline p {
    text-wrap: wrap;
    line-height: 1.2;
}

@media(min-width: 992px) {
    .help-content[b-4ro3qichyx] {
        padding: 20px;
    }

    .help-content-wrapper[b-4ro3qichyx] {
        max-width: 800px;
        margin: 0 auto;
    }

    .help-content-top[b-4ro3qichyx] {
        min-height: 44px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
    }

    .help-content-top[b-4ro3qichyx]  .e-btn.e-primary {
        max-width: 345px;
    }
}
/* /Pages/Help/SingleGuide/SingleGuide.razor.rz.scp.css */
.singleGuide-content[b-bsu2stm7v4] {
    width: 100%;
    height: calc(100% - 44px); /* 44px back header height */
    padding: 16px;
    overflow-y: auto;
}

.singleGuide-title[b-bsu2stm7v4] {
    font-size: 20px;
    font-weight: 600;
}

.singleGuide-content-wrapper[b-bsu2stm7v4] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.singleGuide-content-wrapper[b-bsu2stm7v4]  .leave-step-wrapper {
    margin-bottom: 20px;
}

.installation-wrapper[b-bsu2stm7v4] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}


@media(min-width: 992px) {
    .singleGuide-content[b-bsu2stm7v4] {
        padding: 20px;
    }

    .singleGuide-content-wrapper[b-bsu2stm7v4] {
        margin: 0 auto;
        width: 100%;
        max-width: 800px;
    }
}
/* /Pages/Home/Home.razor.rz.scp.css */
.home-container[b-vemhfcobee] {
    height: 100%;
}

.home-header[b-vemhfcobee] {
    padding: 9px 16px;
    height: 58px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 3px 5px var(--gray-light-color);
    position: relative;
    z-index: 1;
}

.home-header[b-vemhfcobee]  .profile-link {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    transition: all 0.1s linear;
}

.home-header[b-vemhfcobee]  .profile-link:hover {
    background-color: var(--primary-lightest-color);
}

.home-content[b-vemhfcobee] {
    height: calc(100% - 58px);
    overflow-y: auto;
}

.logo[b-vemhfcobee] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.logo-image[b-vemhfcobee] {
    width: 40px;
    height: 40px;
}

.logo-text[b-vemhfcobee] {
    font-size: 16px;
    font-weight: 700;
}

.next-event-container[b-vemhfcobee] {
    padding: 36px 16px 52px;
    background-color: var(--bg-gray-color);
}

.welcome-title[b-vemhfcobee] {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 600;
    color: var(--black-dark);
}

.next-event-title[b-vemhfcobee] {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 300;   
    color: var(--black-dark);
}

.name-spinner-container[b-vemhfcobee] {
    display: inline-block;
    width: 40px;
    height: 18px;
    position: relative;
}

.spinner-container[b-vemhfcobee] {
    height: 180px;
    position: relative;
}

.no-performance[b-vemhfcobee] {
    padding: 12px;
    background: var(--bg-gray-light-color);
    box-shadow: 0px 0px 6px 0px rgba(131, 131, 131, 0.10);
    border-radius: 12px;
}

.no-performance-title[b-vemhfcobee] {
    font-size: 14px;
    line-height: 1.2;
}
/* /Pages/Home/Navigation/Navigation.razor.rz.scp.css */
.navigation-container[b-k395sxs91s] {
    padding: 22px 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.navigation-card[b-k395sxs91s]  .e-btn.e-outline {
    height: 100px;
    padding: 5px;
    color: var(--primary-dark-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.navigation-card[b-k395sxs91s]  .e-btn.e-outline p {
    text-wrap: wrap;
    line-height: 1.2;
}

.link-counter[b-k395sxs91s] {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 2;
    background-color: var(--negative);
    color: var(--white-color);
    border-radius: 50%;
    line-height: 1;
}

.link-counter.long[b-k395sxs91s] {
    font-size: 10px;
}

.image-style[b-k395sxs91s] {
    width: 130px; 
    height: 28px;
}
/* /Pages/Home/NextPerformanceCard/NextPerformanceCard.razor.rz.scp.css */
.next-event-card[b-3tycra8rt2] {
    display: grid;
    grid-template-columns: minmax(60px, 13%) 1fr;
    border-radius: 12px;
    background: var(--bg-gray-light-color);
    box-shadow: 0px 0px 6px 0px rgba(131, 131, 131, 0.10);
    overflow: hidden;
    position: relative;
}

.info-date[b-3tycra8rt2] {
    padding: 12px;
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--primary-lightest-color);
}

.info-date .date[b-3tycra8rt2],
.info-date .day[b-3tycra8rt2] {
    font-weight: 600;
    line-height: 1.5;
}

.info-list[b-3tycra8rt2] {
    padding: 12px 4vw;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    z-index: 3;
}

.info-list--client[b-3tycra8rt2] {
    padding-bottom: 19px;
}

.info-list--client[b-3tycra8rt2]::after {
    content: "";
    width: calc(100% - 8vw);
    height: 1px;
    background-color: var(--primary-lightest-color);
    position: absolute;
    bottom: 0;
    left: 4vw;
    z-index: 2;
}

.info-list--contacts[b-3tycra8rt2] {
    padding-top: 18px;
}

.info-item[b-3tycra8rt2] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.item-icon[b-3tycra8rt2] {
    width: 16px;
    height: 16px;
}

.item-text[b-3tycra8rt2] {
    font-size: 14px;
    line-height: 1.2;
}

.item-text.highlighted[b-3tycra8rt2] {
    font-size: 16px;
    font-weight: 600;
}

.item-link[b-3tycra8rt2] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-dark-color);
    text-decoration: none;
}

.item-link:hover[b-3tycra8rt2] {
    text-decoration: underline;
}

.content-address[b-3tycra8rt2] {
    display: flex;
    flex-direction: column;
}

.wipe[b-3tycra8rt2] {
    width: 200px;
    position: absolute;
    top: -6px;
    left: 80%;
    z-index: 2;
}
/* /Pages/Login/Login.razor.rz.scp.css */
.form-title[b-josyyoahdl] {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-dark-color);
}

.form-subtitle[b-josyyoahdl] {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.3;
}

[b-josyyoahdl] .form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.combination-container[b-josyyoahdl] {
    display: flex;
}

.field-container[b-josyyoahdl] {
    width: 100%;
}

.field-container label[b-josyyoahdl] {
    margin-bottom: 4px;
    font-size: 14px;
    color: var(--gray-dark-color);
}

[b-josyyoahdl] .field-container .form-field {
    width: 100%;
    height: 44px;
    border-radius: 8px;
    border: none;
}

.phone-container[b-josyyoahdl] {
    width: 100%;
}

[b-josyyoahdl] .additionalLink {
    padding: 3px 0;
    text-decoration: none;
    color: var(--black-color);
    font-size: 14px;
    cursor: pointer;
    line-height: 1.3;
}

[b-josyyoahdl] .additionalLink.center {
    margin: 0 auto;
}

.highlight[b-josyyoahdl] {
    color: var(--primary-dark-color);
    font-weight: 600;
}

.password-container[b-josyyoahdl] {
    position: relative;
}

.password-container[b-josyyoahdl]  .form-field {
    padding-right: 45px;
}

.password-container[b-josyyoahdl]  .form-field::-ms-reveal,
.password-container[b-josyyoahdl]  .form-field::-ms-clear {
    display: none;
}

.visibilityIcon-container[b-josyyoahdl] {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    width: 40px;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding-right: 10px;
    cursor: pointer;
}


@media (min-width: 792px) {
    .form-container[b-josyyoahdl] {
        margin: 0 auto;
        width: 100%;
        max-width: 350px;
    }
}
/* /Pages/MindandMore/MindandMore.razor.rz.scp.css */
.container[b-bo303cjbne] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 24px;
    z-index: 0;
}

.img-container[b-bo303cjbne] {
    display: flex;
    justify-content: center;
    padding-bottom: 32px;
}

.link-list[b-bo303cjbne] {
    max-width: 284px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    padding-bottom: 38px;
}

.text-style[b-bo303cjbne] {
    font-size: 16px;
    text-align: center;
    color: var(--black-color);
}

.button-container[b-bo303cjbne] {
    max-width: 343px;
    margin: auto;
    z-index: 10;
}

.button[b-bo303cjbne] {
    padding: 6px 32px;
}

.button-container[b-bo303cjbne] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.btn-text[b-bo303cjbne] {
    font-size: 24px;
    font-weight: "700";
}

.bottom-content[b-bo303cjbne] {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10;
}

.footer-content[b-bo303cjbne] {
    padding-top: 20px;
    padding-bottom: 12px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bottom-description[b-bo303cjbne] {
    width: 100%;
    font-size: 10px;
    font-weight: "400";
    text-align: center;
}

.bottom-bold-description[b-bo303cjbne] {
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    color: var(--black-color);
}

.bottom-bold-description:visited[b-bo303cjbne] {
    color: var(--black-color);
}

.link-list-container[b-bo303cjbne] {
    display: flex;
    justify-content: center;
}

.divider[b-bo303cjbne] {
    margin: 24px 0;
    width: 200px;
    height: 1px;
    background-color: var(--bg-divider-gray);
}

.header-content[b-bo303cjbne] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: center;
}

.header-title[b-bo303cjbne] {
    font-size: 20px;
    font-weight: 800;
    color: var(--primary-dark-color);
    text-align: center;
}

.header-subtitle[b-bo303cjbne] {
    font-size: 16px;
    font-weight: 400;
    color: var(--primary-dark-color);
    text-align: center;
    max-width: 226px;
}

.divider-content[b-bo303cjbne] {
    display: flex;
    justify-content: center;
}

.phone-link[b-bo303cjbne] {
    color: inherit;
    text-decoration: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 18px;
}
/* /Pages/PasswordSetup/PasswordSetup.razor.rz.scp.css */
.form-title[b-fya4g06lhc] {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-dark-color);
}

.form-title.center[b-fya4g06lhc] {
    text-align: center;
}

.form-subtitle[b-fya4g06lhc],
.form-hint[b-fya4g06lhc] {
    font-size: 14px;
    line-height: 1.3;
}

.form-subtitle[b-fya4g06lhc] {
    margin-bottom: 5px;
}

.form-hint[b-fya4g06lhc] {
    margin-bottom: 15px;
}

[b-fya4g06lhc] .form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.field-container[b-fya4g06lhc] {
    width: 100%;
}

.field-container label[b-fya4g06lhc] {
    margin-bottom: 4px;
    font-size: 14px;
    color: var(--gray-dark-color);
}

[b-fya4g06lhc] .field-container .form-field {
    width: 100%;
    height: 44px;
    border-radius: 8px;
    border: none;
}

[b-fya4g06lhc] .field-container .form-field::-ms-reveal,
[b-fya4g06lhc] .field-container .form-field::-ms-clear {
    display: none;
}

.password-container[b-fya4g06lhc] {
    position: relative;
}

.password-container[b-fya4g06lhc]  .form-field {
    padding-right: 45px;
}

.visibilityIcon-container[b-fya4g06lhc] {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    width: 40px;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding-right: 10px;
    cursor: pointer;
}

.failure-container[b-fya4g06lhc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.failure-icon[b-fya4g06lhc] {
    width: 82px;
    height: 82px;
}

.failure-buttonsContainer[b-fya4g06lhc] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}


@media (min-width: 792px) {
    .form-container[b-fya4g06lhc],
    .failure-container[b-fya4g06lhc],
    .form-title[b-fya4g06lhc] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 350px;
    }
}
/* /Pages/PersonalInfo/PersonalInfo.razor.rz.scp.css */
.personalInfo-content[b-e3v72bwed5] {
    width: 100%;
    height: 100%;
}

.personalInfo-content-wrapper[b-e3v72bwed5] {
    overflow-y: auto;
    padding: 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.personalInfo-content.titleVisible[b-e3v72bwed5] {
    height: calc(100% - 44px); /* 44px header */
}

.personalInfo-content[b-e3v72bwed5]  .e-btn.e-link {
    display: flex;
    align-items: center;
    gap: 14px;
    line-height: 1.2;
}

.personalInfo-content[b-e3v72bwed5]  .e-btn.e-link.secondary.bottom {
    margin-top: auto;
}

.personalInfo-title[b-e3v72bwed5] {
    font-size: 20px;
    font-weight: 600;
}

.logout-icon[b-e3v72bwed5] {
    height: 20px;
}

@media(min-width: 992px) {
    .personalInfo-content[b-e3v72bwed5] {
        padding: 40px;
    }

    .personalInfo-content-wrapper[b-e3v72bwed5] {
        padding: 40px;
        margin: 0 auto;
        height: auto;
        max-width: 640px;
        border-radius: 16px;
        box-shadow: 0 0 12px 0 var(--gray-light-color);
    }

    .personalInfo-title[b-e3v72bwed5] {
        margin-bottom: 20px;
        text-align: center;
    }
}
/* /Pages/PluxeeValidationGuide/PluxeeValidationGuide.razor.rz.scp.css */

.instructions-container[b-zgofeps07u] {
    padding: 20px;
    width: 100%;
    height: calc(100% - 8px - 44px);
    overflow-y: auto;
}

.instructions-container-wrapper[b-zgofeps07u] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.step-title[b-zgofeps07u] {
    font-size: 20px;
    font-weight: 600;
}

@media(min-width: 992px) {
    .instructions-container-wrapper[b-zgofeps07u] {
        margin: 0 auto;
        width: 100%;
        max-width: 800px;
    }
}
/* /Pages/Registration/Confirmation/Confirmation.razor.rz.scp.css */
.form-title[b-4sebrp0j5y] {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-dark-color);
}

.form-subtitle[b-4sebrp0j5y] {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.3;
}

[b-4sebrp0j5y] .form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.field-container[b-4sebrp0j5y] {
    width: 100%;
}

[b-4sebrp0j5y] .field-container .form-field {
    width: 100%;
    height: 44px;
    border-radius: 8px;
    border: none;
}

.failure-container[b-4sebrp0j5y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.failure-container .form-subtitle[b-4sebrp0j5y] {
    margin-bottom: 0;
}

 .failure-icon[b-4sebrp0j5y] {
    width: 82px;
    height: 82px;
}


@media (max-width: 991.98px) {
    .failure-container[b-4sebrp0j5y] {
        margin-top: 20px;
    }
}

@media (min-width: 792px) {
    .form-container[b-4sebrp0j5y] {
        margin: 0 auto;
        width: 100%;
        max-width: 350px;
    }
}
/* /Pages/Registration/Registration.razor.rz.scp.css */
.wellcome-text[b-b05gq2ai6u] {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-dark-color);
}

.form-subtitle[b-b05gq2ai6u] {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.3;
}

[b-b05gq2ai6u] .form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.field-container[b-b05gq2ai6u] {
    width: 100%;
}
    
.field-container label[b-b05gq2ai6u] {
    margin-bottom: 4px;
    font-size: 14px;
    color: var(--gray-dark-color);
}

.combination-container[b-b05gq2ai6u] {
    display: flex;
}

.phone-container[b-b05gq2ai6u] {
    width: 100%;
}

[b-b05gq2ai6u] .additionalLink {
    padding: 3px 0;
    text-decoration: none;
    color: var(--black-color);
    font-size: 14px;
    cursor: pointer;
}

[b-b05gq2ai6u] .additionalLink.center {
    margin: 0 auto;
}

.highlight[b-b05gq2ai6u] {
    color: var(--primary-dark-color);
    font-weight: 600;
}


@media (min-width: 792px) {
    .form-container[b-b05gq2ai6u],
    .wellcome-text[b-b05gq2ai6u] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 350px;
    }
}
/* /Pages/Requests/LeaveRequestModal/EmployeeNotes/EmployeeNotes.razor.rz.scp.css */
.textarea-wrapper[b-pqxlahd0mv] {
    position: relative;
}

.textarea-counter[b-pqxlahd0mv] {
    position: absolute;
    top: 1px;
    right: 0;
    z-index: 1;
    font-size: 14px;
    line-height: 1;
}

.label[b-pqxlahd0mv] {
    margin-bottom: 6px;
    line-height: 1;
}

.textarea-wrapper[b-pqxlahd0mv]  .e-control-container.e-control-wrapper {
    margin-top: 0;
}
/* /Pages/Requests/LeaveRequestModal/LeaveBalanceGrid/LeaveBalanceGrid.razor.rz.scp.css */
.label[b-rk9lhljy7r] {
    margin-bottom: 12px;
    font-size: 14px;
}

.grid-header[b-rk9lhljy7r] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
    border-bottom: none;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.grid-header-item[b-rk9lhljy7r] {
    padding: 10px 4px;
    color: var(--white-color);
    text-align: center;
    font-size: 12px;
    font-weight: 600;
}

.grid-main[b-rk9lhljy7r] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border: 2px solid var(--primary-color);
    border-top: none;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;    
}

.grid-main-item[b-rk9lhljy7r] {
    padding: 24px 4px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

.grid-main-item:nth-child(2)[b-rk9lhljy7r] {
    border-left: 2px solid var(--primary-color);
    border-right: 2px solid var(--primary-color);
}

.leaveBalance-grid:has(.grid-recuperation) .grid-main[b-rk9lhljy7r],
.leaveBalance-grid:has(.grid-reserved) .grid-main[b-rk9lhljy7r] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.grid-recuperation[b-rk9lhljy7r] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    border: 2px solid var(--primary-color);
    border-top: none;
}

.grid-reserved[b-rk9lhljy7r]{
    display: grid;
    grid-template-columns: 2fr 1fr;
    border: 2px solid var(--primary-color);
    border-top: none;
}

.grid-bottom-radius[b-rk9lhljy7r]{
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.grid-recuperation-item[b-rk9lhljy7r] {
    padding: 17px 4px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.grid-recuperation-item.text[b-rk9lhljy7r] {
    font-size: 14px;
    border-right: 2px solid var(--primary-color);
}

.grid-recuperation-item.data[b-rk9lhljy7r] {
    padding: 17px 4px;
    font-size: 20px;
    font-weight: 600;
}

.scopes[b-rk9lhljy7r] {
    font-weight: 400;
}

.scopes.positive[b-rk9lhljy7r] {
    color: var(--secondary-color);
}

.scopes.negative[b-rk9lhljy7r] {
    color: var(--negative);
}
/* /Pages/Requests/LeaveRequestModal/LeaveRequestModal.razor.rz.scp.css */
.leaveRequest-content[b-mlrc1yl7yc] {
    padding: 16px;
    color: var(--black-color);
}

.closeButton[b-mlrc1yl7yc] {
    display: none;
    justify-content: center;
    align-items: center;
    padding: 3px;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: transparent;
    border-radius: 50%;
    border: none;
    transition: all 0.1s linear;
}

.closeButton.confirm-dialog[b-mlrc1yl7yc] {
    display: block;
    top: 12px;
    right: 12px;
}

.closeButton:hover[b-mlrc1yl7yc] {
    background-color: var(--primary-lighter-color);
}

.closeButton-image[b-mlrc1yl7yc] {
    width: 12px;
    height: 12px;
}

.leaveRequest-title[b-mlrc1yl7yc] {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 600;
}

.leaveRequest-title.confirm-dialog[b-mlrc1yl7yc] {
    margin-bottom: 0;
    font-size: 18px;
}

.leaveRequest-attention[b-mlrc1yl7yc] {
    margin: 12px 0 20px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 14px;
    line-height: 1.3;
}

.leaveRequest-attention img[b-mlrc1yl7yc] {
    padding: 3px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--negative);
}

[b-mlrc1yl7yc] .leaveRequest-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

[b-mlrc1yl7yc] .validation-message {
    padding: 5px 3px 0;
    font-size: 14px;
}

.form-label[b-mlrc1yl7yc] {
    margin-bottom: 6px;
    line-height: 1;
}

[b-mlrc1yl7yc] .e-date-wrapper.e-control-container.e-control-wrapper.datePicker,
[b-mlrc1yl7yc] .e-time-wrapper.e-control-container.e-control-wrapper.timePicker,
[b-mlrc1yl7yc] .e-ddl.e-control-container.e-control-wrapper {
    height: 44px;
    border-color: var(--gray-light-color) !important;
    overflow: hidden;
}

[b-mlrc1yl7yc] .e-ddl.e-control-container.e-control-wrapper .e-input-group-icon.e-ddl-icon {
    width: 40px;
}

[b-mlrc1yl7yc] .e-ddl.e-control-container.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
    color: var(--primary-dark-color);
    font-size: 16px;
}

[b-mlrc1yl7yc] .e-date-wrapper.e-control-container.e-control-wrapper.datePicker,
[b-mlrc1yl7yc] .e-time-wrapper.e-control-container.e-control-wrapper.timePicker {
    margin-top: 0;
}

[b-mlrc1yl7yc] .e-date-wrapper.e-control-container.e-control-wrapper.datePicker .e-datepicker,
[b-mlrc1yl7yc] .e-time-wrapper.e-control-container.e-control-wrapper.timePicker .e-timepicker, 
[b-mlrc1yl7yc] .e-ddl.e-control-container.e-control-wrapper .e-input {
    height: 100%;    
    color: var(--black-color);
}

[b-mlrc1yl7yc] .e-date-wrapper.e-control-container.e-control-wrapper.datePicker .e-datepicker,
[b-mlrc1yl7yc] .e-time-wrapper.e-control-container.e-control-wrapper.timePicker .e-timepicker {
    text-transform: lowercase;
}

[b-mlrc1yl7yc] .e-date-wrapper.e-control-container.e-control-wrapper.datePicker .e-datepicker[readonly],
[b-mlrc1yl7yc] .e-time-wrapper.e-control-container.e-control-wrapper.timePicker .e-timepicker[readonly] {
    background: inherit;
    color: var(--black-color);
}

[b-mlrc1yl7yc] .e-ddl.e-control-container.e-control-wrapper,
[b-mlrc1yl7yc] .e-date-wrapper.e-control-container.e-control-wrapper.datePicker,
[b-mlrc1yl7yc] .e-time-wrapper.e-control-container.e-control-wrapper.timePicker {
    box-shadow: none;
}

[b-mlrc1yl7yc] .e-ddl.e-control-container.e-control-wrapper.e-input-focus,
[b-mlrc1yl7yc] .e-date-wrapper.e-control-container.e-control-wrapper.datePicker.e-input-focus,
[b-mlrc1yl7yc] .e-time-wrapper.e-control-container.e-control-wrapper.timePicker.e-input-focus {
    box-shadow: none !important;
    border: 1px solid var(--primary-color) !important;
}

[b-mlrc1yl7yc] .e-date-wrapper.e-control-container.e-control-wrapper.datePicker .e-date-icon,
[b-mlrc1yl7yc] .e-time-wrapper.e-control-container.e-control-wrapper.timePicker .e-time-icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%; 
    border: none;
    border-radius: 4px;
    background: transparent;
}

[b-mlrc1yl7yc] .e-control-container.e-control-wrapper.e-input-group:not(.e-disabled):hover {
    box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
}

[b-mlrc1yl7yc] .e-date-wrapper.e-control-container.e-control-wrapper.datePicker .e-date-icon::before,
[b-mlrc1yl7yc] .e-time-wrapper.e-control-container.e-control-wrapper.timePicker .e-time-icon::before {
    padding: 11px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--primary-dark-color);
}

[b-mlrc1yl7yc] .e-date-wrapper.e-control-container.e-control-wrapper.datePicker:not(.e-disabled) .e-date-icon:hover::before,
[b-mlrc1yl7yc] .e-time-wrapper.e-control-container.e-control-wrapper.timePicker:not(.e-disabled) .e-time-icon:hover::before {
    color: var(--white-color);
    background-color: var(--primary-color)
}

[b-mlrc1yl7yc] .e-ddl.e-control-container.e-control-wrapper .e-input-value {
    padding-left: 8px;
    font-size: 16px;
    color: var(--black-color);
    display: flex;
    align-items: center;
}

[b-mlrc1yl7yc] .e-control-container.e-control-wrapper.e-input-group {
    font-family: inherit;
}

[b-mlrc1yl7yc] .e-date-wrapper.e-control-container.e-control-wrapper.datePicker .e-label-top,
[b-mlrc1yl7yc] .e-time-wrapper.e-control-container.e-control-wrapper.timePicker .e-label-top,
[b-mlrc1yl7yc] .e-multi-line-input.e-control-container.e-control-wrapper.textarea .e-label-top {
    display: none;
}

[b-mlrc1yl7yc] .e-multi-line-input.e-control-container.e-control-wrapper.textarea.e-success {
    border-color: var(--gray-light-color);
}

[b-mlrc1yl7yc] .e-multi-line-input.e-control-container.e-control-wrapper.textarea.e-input-focus {
    border-color: var(--primary-color) !important;
}

[b-mlrc1yl7yc] .e-dlg-container {
    height: calc(100% - 66px);
}

[b-mlrc1yl7yc] .e-dialog {
    max-height: 100%;
    height: 100%;
    border-radius: 0;
    border: none;
    background-color: var(--bg-gray-light-color);
}

[b-mlrc1yl7yc] .e-dialog .e-dlg-header {
    width: 100%;
    padding: 8px 16px;
    height: 44px;
    box-shadow: 0 3px 5px var(--gray-light-color);
}

[b-mlrc1yl7yc] .e-dialog .e-dlg-header-content {
    padding: 0;
    border: none;
}

[b-mlrc1yl7yc] .e-dialog .e-dlg-content {
    position: relative;
    padding: 0;
    background-color: transparent;
}


@media (min-width: 992px) {
    .leaveRequest-content[b-mlrc1yl7yc] {
        padding: 20px;
    }

    [b-mlrc1yl7yc] .e-dlg-container {
        height: 100%;
        width: 50%;
        max-width: 400px;
        right: 0;
        left: unset;
    }

    [b-mlrc1yl7yc] .e-dialog .e-dlg-header {
        display: none;
    }


    .closeButton[b-mlrc1yl7yc] {
        display: flex;
    }

    .closeButton.confirm-dialog[b-mlrc1yl7yc] {
        top: 30px;
        right: 30px;
    }

    .leaveRequest-title.confirm-dialog[b-mlrc1yl7yc] {
        font-size: 20px;
    }

    .leaveRequest-content[b-mlrc1yl7yc]  .leaveBalance {
        display: none;
    }
}

@media (min-width: 1440px) {
    [b-mlrc1yl7yc] .e-dlg-container {
        width: 40%;
        max-width: 500px;
    }
}
/* /Pages/Requests/LeaveRequestModal/RequestAgenda/RequestAgenda.razor.rz.scp.css */
.requestAgenda[b-grie3k5mdg] {
    padding: 4px 0;
    height: 300px;
    background-color: var(--gray-lighter-color);
    border-radius: 8px;
    overflow: auto;
    position: relative;
}

.requestAgenda-empty[b-grie3k5mdg] {
    font-size: 14px;
    line-height: 1.2;
    padding: 20px;
    text-align: center;
}

.requestAgenda[b-grie3k5mdg]  .e-schedule {
    border-radius: 8px;
    border:none;
    background-color: var(--gray-lighter-color);
}

.requestAgenda[b-grie3k5mdg]  .e-schedule .e-agenda-view .e-day-border {
    border-bottom: none;
}

.requestAgenda[b-grie3k5mdg]  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
.requestAgenda[b-grie3k5mdg]  .e-schedule .e-agenda-view .e-date-column {
    width: 55px;
}

.requestAgenda[b-grie3k5mdg]  .e-schedule .e-agenda-item {
    background-color: var(--gray-lighter-color);
    padding: 10px 14px 10px 0;
}

.requestAgenda[b-grie3k5mdg]  .e-schedule .e-table-wrap {
    background-color: var(--gray-lighter-color);
}

[b-grie3k5mdg] .e-schedule .e-agenda-view .e-day-date-header,
[b-grie3k5mdg] .e-schedule .e-agenda-view .e-day-date-header.e-current-day {
    color: var(--black-color);
    padding-left: 12px;
    padding-right: 12px;
}

[b-grie3k5mdg] .e-schedule .e-agenda-view .e-appointment {
    width: 100%;
    padding: 0;
    border: none;
}

[b-grie3k5mdg] .e-schedule .e-agenda-view .e-appointment:hover {
    background: none;
}

[b-grie3k5mdg] .e-schedule .e-read-only {
    opacity: 1;
}

[b-grie3k5mdg] .e-schedule .e-content-wrap .e-schedule-table.e-content-table tr:last-of-type .e-day-border {
    border-bottom: none;
}

[b-grie3k5mdg] .e-empty-event {
    visibility: hidden;
}
 
/* /Pages/Requests/LeaveRequestModal/RequestControls/RequestControls.razor.rz.scp.css */
.controls[b-wxq59xwwx0] {
    margin-top: 20px;
}

.message[b-wxq59xwwx0] {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.3;
    color: var(--negative);
}

[b-wxq59xwwx0] .e-control.e-btn.e-outline {
    margin-top: 20px;
}
/* /Pages/Requests/SubmittedRequests/SubmittedRequests.razor.rz.scp.css */
.submittedRequest-container[b-01jazgyx86] {
    height: 100%;
}

.submittedRequest-content[b-01jazgyx86] {
    width: 100%;
    height: 100%;
    padding: 16px;
    overflow-y: auto;
}

.submittedRequest-content.titleVisible[b-01jazgyx86] {
    height: calc(100% - 44px); /* 44px header */
}

.submittedRequest-content-wrapper[b-01jazgyx86] {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.submittedRequest-content-wrapper[b-01jazgyx86]  .leaveBalance {
    margin-top: 20px;
}

.submittedRequest-content-wrapper:has(.show-old-btn) .submittedRequest-list[b-01jazgyx86] {
    margin-bottom: 20px;
}

.submittedRequest-title[b-01jazgyx86] {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 600;
}

.submittedRequest-content[b-01jazgyx86]  .e-control.e-btn.e-primary.show-old-btn {
    margin-top: auto;
}

.submittedRequest-content[b-01jazgyx86]  .e-btn-group {
    margin: 40px 0;
    width: 100%;
    border: 2px solid var(--primary-color);
    border-radius: 25px;
}

.submittedRequest-content[b-01jazgyx86]  .e-btn-group .e-btn {
    margin: 2px;
    min-height: 32px;
    height: 32px;
    color: var(--primary-color);
    background: transparent;
    font-size: 14px;
    font-weight: 600;
    border-radius: 25px !important;
}

.submittedRequest-content[b-01jazgyx86]  .e-btn-group input:checked + label.e-btn {
    color: var(--white-color);
    background: var(--primary-color);
}

.submittedRequest-content[b-01jazgyx86]  .e-btn-group input:focus + label.e-btn {
    box-shadow: none;
}

.submittedRequest-list[b-01jazgyx86] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.submittedRequest-item[b-01jazgyx86] {
    border: 2px solid var(--warning);
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
}

.submittedRequest-item.view-enable[b-01jazgyx86] {
    cursor: pointer;
}

.submittedRequest-item.view-enable .item-dates[b-01jazgyx86] {
    position: relative;
    padding-right: 20px;
}

.submittedRequest-item.view-enable[b-01jazgyx86]::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url("assets/icons/edit.svg") center no-repeat;
    background-size: cover;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
}

.submittedRequest-item.pending[b-01jazgyx86] {
    border-color: var(--warning);
}

.submittedRequest-item.pending.pending-disabled[b-01jazgyx86] {
    border-color: var(--gray-light-color);
}

.submittedRequest-item.approved[b-01jazgyx86] {
    border-color: var(--secondary-color);
}

.submittedRequest-item.declined[b-01jazgyx86] {
    border-color: var(--negative);
}

.item-dates[b-01jazgyx86] {
    font-weight: 600;
    margin-bottom: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 8px;
    row-gap: 2px;
}

.item-duration[b-01jazgyx86] {
    font-size: 12px;
    font-weight: 500;
}

.item-controls[b-01jazgyx86] {
    padding-top: 8px;
    display: flex;
    gap: 12px;
}

.action-required[b-01jazgyx86],
.item-badge[b-01jazgyx86] {
    padding: 3px 8px;
    width: fit-content;
    font-size: 12px;
    border-radius: 6px;
}

.action-required[b-01jazgyx86] {
    background-color: var(--negative);
    color: var(--white-color);
}

.item-badge[b-01jazgyx86] {
    background-color: var(--secondary-lighter-color);
}

.noItems[b-01jazgyx86] {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
}

.dialog-content[b-01jazgyx86] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    color: var(--black-color);
}

.dialog-title[b-01jazgyx86] {
    font-size: 18px;
    font-weight: 600;
}

.closeButton[b-01jazgyx86] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 12px;
    right: 12px;
    background-color: transparent;
    border-radius: 50%;
    border: none;
    transition: all 0.1s linear;
}

.closeButton.confirm-dialog[b-01jazgyx86] {
    display: block;
    top: 12px;
    right: 12px;
}

.closeButton:hover[b-01jazgyx86] {
    background-color: var(--primary-lighter-color);
}

.closeButton-image[b-01jazgyx86] {
    width: 12px;
    height: 12px;
}

.submittedRequest-balance-wrapper[b-01jazgyx86] {
    display: flex;
    flex-direction: column-reverse;
}

.attention-message-wrapper[b-01jazgyx86] {
    margin: 8px 0 12px;
    display: flex;
    gap: 8px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
    color: var(--brown);
}

    .attention-message-wrapper img[b-01jazgyx86] {
        margin-top: 2px;
        padding: 3px;
        width: 16px;
        min-width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: var(--orange-color);
    }


@media(max-width: 399.98px) {
    .submittedRequest-content[b-01jazgyx86]  .e-btn-group .e-btn {
        padding: 10px 6px;
        font-size: 13px;
    }
}


@media(min-width: 992px) {
    .submittedRequest-balance-wrapper[b-01jazgyx86] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: flex-start;
        gap: 32px;
    }

    .submittedRequest-balance-wrapper[b-01jazgyx86]  .e-btn.e-primary {
        margin-top: 26px;
    }

    .new-btn-wrapper[b-01jazgyx86] {
        display: flex;
        flex-direction: column-reverse;
    }

    .attention-message-wrapper[b-01jazgyx86] {
        margin: 14px 0 0 0;
    }

    .submittedRequest-content[b-01jazgyx86]  .e-btn-group .e-btn:hover {
        background: var(--primary-color);
        color: var(--white-color);
    }

    .submittedRequest-content-wrapper[b-01jazgyx86] {
        margin: 0 auto;
        max-width: 800px;
    }

    .submittedRequest-content[b-01jazgyx86] {
        padding: 20px;
    }

    .submittedRequest-content-wrapper[b-01jazgyx86]  .leaveBalance {
        margin-top: 0;
    }

    .submittedRequest-item[b-01jazgyx86] {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

    .item-controls[b-01jazgyx86] {
        padding-top: 0;
    }

    .item-controls[b-01jazgyx86]  .e-control.e-btn {
        min-width: 160px;
    }

    .dialog-content[b-01jazgyx86] {
        padding-bottom: 18px;
    }

    .dialog-title[b-01jazgyx86] {
        font-size: 20px;
    }

    .closeButton[b-01jazgyx86] {
        top: 30px;
        right: 30px;
    }
}

@media(min-width: 1200px) {
    .submittedRequest-balance-wrapper[b-01jazgyx86] {
        grid-template-columns: 1fr 330px;
    }
}

@media(min-width: 1440px) {
    .submittedRequest-balance-wrapper[b-01jazgyx86] {
        grid-template-columns: 1fr 270px;
    }
}
/* /Pages/ScheduleUpdates/ScheduleUpdates.razor.rz.scp.css */
.scheduleUpdates-container[b-sjn510d1o0] {
    height: 100%;
}

.scheduleUpdates-content[b-sjn510d1o0] {
    width: 100%;
    height: calc(100% - 44px); /* 44px header height */
    padding: 16px;
    overflow-y: auto;
}

.title[b-sjn510d1o0] {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
}

.updates-list[b-sjn510d1o0] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.updates-item[b-sjn510d1o0] {
    max-width: 94%;
}

.updates-list[b-sjn510d1o0]  .e-message.e-info {
    background-color: #EEEFF3;
    border-color: #EEEFF3;
    border-radius: 8px;
}

.updates-list[b-sjn510d1o0]  .e-message.e-info .e-msg-content {
    line-height: 1.4;
    text-align: left;
}

.updates-item-time[b-sjn510d1o0] {
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 8px;
    font-size: 12px;
    color: var(--gray-dark-color);
}

.noUpdates[b-sjn510d1o0] {
    font-size: 20px;
    text-align: left;
}

@media(min-width: 992px) {
    .scheduleUpdates-content[b-sjn510d1o0] {
        height: 100%;
        padding: 20px;
    }

    .scheduleUpdates-content-wrapper[b-sjn510d1o0] {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
    }
}
/* /Pages/Schedule/Header/Calendar/Calendar.razor.rz.scp.css */
[b-jgheqt17h6] .e-calendar {
    position: absolute;
    z-index: 100;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

[b-jgheqt17h6] .e-calendar .e-content td.e-disabled span.e-day {
    color: var(--gray-color);
}

[b-jgheqt17h6] .e-calendar .e-header .e-prev:hover, [b-jgheqt17h6] .e-calendar .e-header .e-next:hover {
    background: var(--primary-dark-color);
}
/* /Pages/Schedule/Header/Header.razor.rz.scp.css */
.custom-header[b-vfhch4zmes] {
    margin: 0;
    width: 100%;
    box-shadow: 0 3px 5px var(--gray-light-color);
    z-index: 100;
}

.header-right[b-vfhch4zmes] {
    padding-top: 4px;
    position: relative;
}

.header-right[b-vfhch4zmes]  .e-toolbar .e-toolbar-items {
    display: flex;
    justify-content: center;
    gap: 10px;
    background: var(--bg-gray-light-color);
}

.header-left[b-vfhch4zmes]  .e-toolbar .e-toolbar-items {
    display: grid;
    grid-template-columns: 49.9% 49.9%;
    align-items: center;
    background: var(--bg-gray-light-color);
}

[b-vfhch4zmes] .e-toolbar .e-toolbar-item {
    padding: 0 !important;
    margin: 0 !important;
}

[b-vfhch4zmes] .e-toolbar .e-toolbar-item .e-tbar-btn,
[b-vfhch4zmes] .e-toolbar .e-toolbar-item .e-tbar-btn .e-chevron-right.e-icons,
[b-vfhch4zmes] .e-toolbar .e-toolbar-item .e-tbar-btn .e-chevron-left.e-icons {
    color: var(--black-color);
    background: var(--bg-gray-light-color);
}

.header-left[b-vfhch4zmes]  .e-toolbar .e-toolbar-item .e-tbar-btn {
    padding: 4px 0 10px;
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    position: relative;
}

[b-vfhch4zmes] .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
    background: inherit;
    border: none;
    color: var(--primary-color);
}

[b-vfhch4zmes] .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons,
[b-vfhch4zmes] .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text,
[b-vfhch4zmes] .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons {
    color: var(--primary-color) !important;
}

[b-vfhch4zmes] .e-toolbar .e-toolbar-item .e-tbar-btn:active,
[b-vfhch4zmes] .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
    background: inherit;
    border-color: none;
    box-shadow: none !important;
    color: var(--primary-color);
}

[b-vfhch4zmes] .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
    color: var(--black-color);
    font-weight: 500;
}

.header-right[b-vfhch4zmes]  .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
    font-size: 16px;
    word-spacing: 5px;
}

[b-vfhch4zmes] .e-toolbar .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon {
    color: var(--black-color);
}

[b-vfhch4zmes] .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons,
[b-vfhch4zmes] .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
    color: var(--primary-color) !important;
}

[b-vfhch4zmes] .active-toolbar-item .e-tbar-btn .e-icons.e-btn-icon,
[b-vfhch4zmes] .active-toolbar-item .e-tbar-btn .e-tbar-btn-text {
    color: var(--primary-color) !important;
}

[b-vfhch4zmes] .active-toolbar-item .e-tbar-btn::after {
    content: "";
    width: 100%;
    height: 4px;
    border-radius: 25px;
    background: var(--primary-color);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

@media (min-width: 768px) {
    .custom-header[b-vfhch4zmes] {
        padding: 0 20px;
    }

    .custom-header-wrapper[b-vfhch4zmes] {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
    }

    .header-right[b-vfhch4zmes] {
        padding-top: 0;
    }

    .header-left[b-vfhch4zmes]  .e-toolbar .e-toolbar-items {
        display: flex;
        gap: 20px;
    }

    .header-left[b-vfhch4zmes]  .e-toolbar .e-toolbar-items .e-toolbar-item {
        min-width: 125px;
    }

    [b-vfhch4zmes] .e-toolbar {
        height: 44px;
    }

    [b-vfhch4zmes] .header-right .e-toolbar .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon {
        font-size: 24px;
        line-height: 24px;
    }

}

@media (min-width: 992px) {
    .custom-header-wrapper[b-vfhch4zmes] {
        width: 100%;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }

    [b-vfhch4zmes] .e-toolbar {
        height: 54px;
    }

    .header-left[b-vfhch4zmes]  .e-toolbar .e-toolbar-item .e-tbar-btn {
        padding: 7px 0;
    }
}
/* /Pages/Schedule/PerformanceCard/AuthorizedAbsenceBlock/AuthorizedAbsenceBlock.razor.rz.scp.css */
.absence-block[b-kn4icmnjq3] {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.card-date[b-kn4icmnjq3] {
    font-weight: 600;
    color: var(--negative);
    overflow-wrap: break-word;
    font-size: 16px;
    white-space: break-spaces;
    line-height: 1;
}

.card-title[b-kn4icmnjq3] {
    min-height: auto;
    padding: 0;
    margin-bottom: 0;
    font-weight: 400;
    overflow-wrap: break-word;
    font-size: 14px;
    white-space: break-spaces;
    color: var(--negative);
    line-height: 1.5;
}

@media (max-width: 767.98px) {
    .card-date[b-kn4icmnjq3] {
        font-size: 14px;
    }

    .card-title[b-kn4icmnjq3] {
        font-size: 12px;
    }
}
/* /Pages/Schedule/PerformanceCard/Indicator/Indicator.razor.rz.scp.css */
.indicator[b-mgqsejiwzc] {
    display: flex;
    flex-direction: column;
}
/* /Pages/Schedule/PerformanceCard/PerformanceCard.razor.rz.scp.css */
.card-container[b-lecbbl3slw] {
    width: 100%;
    height: 100%;
    min-height: 78px;
    display: flex;
    position: relative;
    background: transparent;
    cursor: pointer;
}

.card-container.agenda[b-lecbbl3slw] {
    padding: 8px;
    border-radius: 8px;
    border: 1px solid var(--primary-dark-color);
}

.location-container[b-lecbbl3slw] {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    padding-right: 25px;
}

[b-lecbbl3slw] .e-card:has(.report-agenda-done-icon.double) .location-container {
    padding-right: 50px;
}

.card-location[b-lecbbl3slw] {
    font-size: 14px;
}

.card-date[b-lecbbl3slw] {
    font-weight: 600;
    color: var(--primary-dark-color);
    overflow-wrap: break-word;
    font-size: 16px;
    white-space: break-spaces;
}

.card-date.week[b-lecbbl3slw] {
    white-space: break-spaces;
    overflow: visible;
}

.card-subtitle[b-lecbbl3slw] {
    margin-top: 5px;
    margin-bottom: 0;
    overflow-wrap: break-word;
    font-size: 14px;
    white-space: break-spaces;
    color: var(--gray-dark-color);
    line-height: 1.3;
}

.card-subtitle.week[b-lecbbl3slw] {
    margin: 0;
    color: var(--black-color);
}

.e-schedule .e-appointment .e-card .e-subject.card-title[b-lecbbl3slw] {
    min-height: auto;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: 600;
    overflow-wrap: break-word;
    font-size: 14px;
    white-space: break-spaces;
    color: var(--black-color);
    line-height: 1.5;
}

.e-schedule .e-appointment .e-card .e-subject.card-title.week[b-lecbbl3slw] {
    margin: 0;
}

[b-lecbbl3slw] .e-card {
    border: none;
    border-radius: 0;
    width: 100%;
    height: 100%;
    padding: 5px 10px;
}

[b-lecbbl3slw] .e-card.week {
    background: transparent;
    justify-content: flex-start;
    height: 100%;
    padding: 0 5px;
}

[b-lecbbl3slw] .e-card .e-card-content {
    position: relative;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.card-container.agenda[b-lecbbl3slw]  .indicator {
    border-radius: 4px;
    overflow: hidden;
}

[b-lecbbl3slw] .interval {
    width: 13px;
}

[b-lecbbl3slw] .interval.week {
    width: 7px;
}

.report-agenda-warning[b-lecbbl3slw],
.report-week-warning[b-lecbbl3slw],
.report-week-done-icon[b-lecbbl3slw],
.report-agenda-done-icon[b-lecbbl3slw] {
    width: 20px;
    height: 20px;
}

.report-agenda-warning[b-lecbbl3slw] {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.report-week-warning[b-lecbbl3slw] {
    align-self: flex-end;
    margin: 5px 0 2px;
    border: 2px solid var(--white-color);
    width: 23px;
    height: 23px;
}

.report-done[b-lecbbl3slw] {
    padding: 6px 3px 5px 4px;
}

.report-done.double[b-lecbbl3slw] {
    padding: 3px 2px 3px 3px;
}

.report-agenda-done[b-lecbbl3slw] {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.report-week-done[b-lecbbl3slw] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin: 5px 0 2px;
}
    
.report-done-indicator-container[b-lecbbl3slw] {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    gap: 3px;
    border-radius: 15px;
}

.report-warning[b-lecbbl3slw] {
    padding: 4px;
    background-color: var(--negative);
    border-radius: 50%;
}

.report-done-indicator-container[b-lecbbl3slw] {
    background-color: var(--secondary-color);
}

.report-done-indicator-container:has(.report-done-amount)[b-lecbbl3slw] {
    padding: 0 2px 0 5px;
}

.report-done-indicator-container:has(.report-done-amount) .report-week-done-icon.double[b-lecbbl3slw] {
    width: 20px;
    height: 20px;
    background-color: transparent;
    border-radius: 50px;
    border: none;
}

.report-done-indicator-container[b-lecbbl3slw] {
    border: 2px solid var(--white-color);
}

.report-week-done-amount[b-lecbbl3slw], .report-agenda-done-amount[b-lecbbl3slw] {
    font-size: 14px;
    color: var(--white-color);
    line-height: 1;
}

@media (max-width: 1199.98px) {
    .card-subtitle.week.hide[b-lecbbl3slw] {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .card-date.week[b-lecbbl3slw] {
        font-size: 12px;
    }

    .e-schedule .e-appointment .e-card .e-subject.card-title.week[b-lecbbl3slw], 
    .card-subtitle.week[b-lecbbl3slw] {
        font-size: 12px;
        line-height: 1.4;
    }

    [b-lecbbl3slw] .e-card {
        padding: 0 0 0 5px;
    }

        [b-lecbbl3slw] .e-card.week {
            padding: 2px;
        }

    [b-lecbbl3slw] .interval.week {
        width: 4px;
    }
}

@media (max-width: 424.9px) {
    [b-lecbbl3slw] .e-card.week {
        padding: 2px 3px;
    }

    .card-date.week[b-lecbbl3slw] {
        font-size: 10px;
    }

    .report-week-done-amount[b-lecbbl3slw] {
        font-size: 12px;
    }
}

@media (min-width: 400px) and (max-width: 424.98px) {
    [b-lecbbl3slw] .e-card.week {
        padding: 1px 3px;
    }

    .card-date.week[b-lecbbl3slw] {
        font-size: 11px;
    }
}

@media (max-width: 319.98px) {
    [b-lecbbl3slw] .e-card.week {
        padding: 1px 2px;
    }
}
/* /Pages/Schedule/PerformanceViewModal/CustomerInfo/CustomerInfo.razor.rz.scp.css */
.info-list--sticky-wrapper[b-3c1pg0httk] {
    padding-top: 20px;
    position: sticky;
    top: 0;
    z-index: 1;
    border-radius: 0 0 16px 16px;
    background-color: var(--bg-gray-light-color);
}

.info-list[b-3c1pg0httk] {
    padding: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    border-radius: 16px;
    border: 1px solid var(--gray-light-color);
}

.info-item[b-3c1pg0httk] {
    display: flex;
    align-items: center;
    gap: 18px;
}

.item-icon[b-3c1pg0httk] {
    height: 20px;
}   

.item-text[b-3c1pg0httk] {
    font-size: 14px;
    font-weight: 600;
}

.item-text.highlighted[b-3c1pg0httk] {
    font-size: 16px;
}

.item-link[b-3c1pg0httk] {
    display: flex;
    align-items: center;
    gap: 18px;
    color: var(--primary-dark-color);
    text-decoration: none;
}

.item-link:hover[b-3c1pg0httk] {
    text-decoration: underline;
}

.content-address[b-3c1pg0httk] {
    display: flex;
    flex-direction: column;
}
/* /Pages/Schedule/PerformanceViewModal/PerformanceViewModal.razor.rz.scp.css */
.closeButton[b-dec2cygqou] {
    display: none;
}

.performanceView-title[b-dec2cygqou] {
    margin: 20px 0 10px;
    font-size: 16px;
    font-weight: 600;
}

[b-dec2cygqou] .e-dlg-container {
    height: calc(100% - 1px);
}

[b-dec2cygqou] .e-dialog {
    max-height: 100%;
    height: 100%;
    border-radius: 0;
    border: none;
    background-color: var(--bg-gray-light-color);
}

[b-dec2cygqou] .e-dialog .e-dlg-header {
    width: 100%;
    padding: 8px 16px;
    height: 44px;
    box-shadow: 0 3px 5px var(--gray-light-color);
    position: relative;
}

[b-dec2cygqou] .e-dialog .e-dlg-header-content {
    padding: 0;
    border: none;
    z-index: 100;
}

[b-dec2cygqou] .e-dialog .e-dlg-content {
    position: relative;
    padding: 0 20px 20px 20px;
    background-color: transparent;
}


@media (min-width: 992px) {
    [b-dec2cygqou] .e-dlg-container {
        right: 0;
        left: unset;
        width: 60%;
        max-width: 600px;
    }

    [b-dec2cygqou] .e-dialog .e-dlg-header {
        margin-bottom: 0;
        padding: 0 20px;
        height: auto;
        box-shadow: none;
    }

    .closeButton[b-dec2cygqou] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px;
        height: 24px;
        width: 24px;
        position: absolute;
        top: 20px;
        right: 20px;
        background-color: transparent;
        border-radius: 50%;
        border: none;
        transition: all 0.1s linear;
    }

    .closeButton:hover[b-dec2cygqou] {
        background-color: var(--primary-lighter-color);
    }

    .closeButton-image[b-dec2cygqou] {
        width: 12px;
        height: 12px;
    }
}
/* /Pages/Schedule/PerformanceViewModal/Report/ActivityTypes/ActivityTypes.razor.rz.scp.css */
.activityTypes-list[b-21k632r4v5] {
    display: flex;
    justify-content: space-between;
}

.activityTypes-item[b-21k632r4v5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 30%;
    cursor: pointer;
}

.icon-container[b-21k632r4v5] {
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
    background: var(--white-color);
    border: 1px solid var(--primary-color);
}

.icon-container.selected[b-21k632r4v5] {
    background: var(--primary-color);
}

.icon-container.selectedDisabled[b-21k632r4v5] {
    opacity: 0.5;
    cursor: default;
}

.activityType-icon[b-21k632r4v5] {
    height: 50px;
}

.activityType-text[b-21k632r4v5] {
    color: var(--primary-dark-color);
}

.activityType-text.selected[b-21k632r4v5] {
    font-weight: 600;
}

.disabled[b-21k632r4v5] {
    cursor: default;
}
/* /Pages/Schedule/PerformanceViewModal/Report/DateTimeStepper/DateTimeStepper.razor.rz.scp.css */
.stepper-container[b-6h2ysswr7m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.stepper[b-6h2ysswr7m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 48%;
}

.buttons-container[b-6h2ysswr7m] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 20px;
    width: 100%;
}

.buttons-container[b-6h2ysswr7m]  .e-btn.e-primary {
    width: 48px;
    height: 36px;
    min-height: 36px;
}

.title[b-6h2ysswr7m] {
    font-weight: 600;
    margin-bottom: 16px;
}

.stepper-value[b-6h2ysswr7m] {
    font-size: 24px;
    font-weight: 600;
    color: var(--primary-dark-color);
}

.icon[b-6h2ysswr7m] {
    width: 24px;
    height: 24px;
}

.error-message[b-6h2ysswr7m] {
    text-align: center;
    color: var(--negative);
}
/* /Pages/Schedule/PerformanceViewModal/Report/Report.razor.rz.scp.css */
.report-container[b-wscdz5dr4h] {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: calc(100vh - 300px); /*for scroll*/
    scroll-margin-top: 10px;
}

.report-container[b-wscdz5dr4h]  > div:last-child {
    padding-bottom: 20px;
}

.control-wrapper .label[b-wscdz5dr4h] {
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 1;
}

.hint[b-wscdz5dr4h] {
    color: var(--secondary-color);
    text-align: center;
    font-size: 16px;
}

.inequality-calculation[b-wscdz5dr4h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
    font-size: 14px;
    color: var(--primary-dark-color);
}

.hours[b-wscdz5dr4h] {
    font-size: 16px;
    font-weight: 600;
}

.inequality-text[b-wscdz5dr4h] {
    font-size: 14px;
    font-weight: 400;
}

.inequality-text.positive[b-wscdz5dr4h] {
    color: var(--secondary-color);
}

.inequality-text.negative[b-wscdz5dr4h],
.required-error[b-wscdz5dr4h] {
    color: var(--negative);
}

[b-wscdz5dr4h] .e-ddl.e-input-group {
    height: 34px;
}

[b-wscdz5dr4h] .e-ddl.e-input-group .e-input-value,
[b-wscdz5dr4h] .e-ddl.e-input-group .e-input-value:focus {
    display: flex;
    align-items: center;
    padding-left: 10px;
}

[b-wscdz5dr4h] .e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
[b-wscdz5dr4h] .e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
    border-color: var(--primary-color);
}

[b-wscdz5dr4h] .e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
[b-wscdz5dr4h] .e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 0 0 4px rgba(13,110,253,.25);
}

[b-wscdz5dr4h] .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: none;
}

[b-wscdz5dr4h] .e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error)[b-wscdz5dr4h],
[b-wscdz5dr4h] .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: var(--gray-light-color);
}

[b-wscdz5dr4h] .e-ddl.e-input-group.e-control-wrapper.e-input-focus::before,
[b-wscdz5dr4h] .e-ddl.e-input-group.e-control-wrapper.e-input-focus::after {
    background: var(--primary-color);
}

@media (min-width: 992px) {
    .report-container[b-wscdz5dr4h] {
        height: calc(100vh - 240px); /* for scroll */
    }
}
/* /Pages/Schedule/PerformanceViewModal/Report/VouchersStepper/VouchersStepper.razor.rz.scp.css */
.stepper-container[b-lwlys6fu0q] {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.between[b-lwlys6fu0q] {
    justify-content: space-between;
}

.center[b-lwlys6fu0q] {
    justify-content: center;
}

.stepper[b-lwlys6fu0q] {
    display: flex;
    width: 45%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.stepper-content[b-lwlys6fu0q] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.stepper-icon[b-lwlys6fu0q] {
    width: 60px;
}

.buttons-container[b-lwlys6fu0q] {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.buttons-container[b-lwlys6fu0q]  .e-btn.e-primary {
    width: 48px;
    height: 36px;
    min-height: 36px;   
}

.stepper-value[b-lwlys6fu0q] {
    font-size: 30px;
    color: var(--primary-dark-color);
}

.icon[b-lwlys6fu0q] {
    width: 24px;
    height: 24px;
}

.error-message[b-lwlys6fu0q] {
    text-align: center;
    color: var(--negative);
}
/* /Pages/Schedule/PerformanceViewModal/Report/Vouchers/Vouchers.razor.rz.scp.css */
.voucherTypes-list[b-svgty4nvsy] {
    display: flex;
    justify-content: space-between;
}

.vouchers-title[b-svgty4nvsy] {
    margin-bottom: 10px;
    font-weight: 600;
}

.voucherTypes-item[b-svgty4nvsy] {
    padding: 10px 0;
    width: 30%;
    display: flex;
    justify-content: center;
    font-weight: 600;
    color: var(--primary-color);
    border-radius: 8px;
    background: var(--white-color);
    border: 1px solid var(--primary-color);
    cursor: pointer;
}

.voucherTypes-item.selected[b-svgty4nvsy] {
    background: var(--primary-color);
    color: var(--white-color);
}

.voucherTypes-item.selectedDisabled[b-svgty4nvsy] {
    opacity: 0.5;
    cursor: default;
}

.voucherTypes-item.disabled[b-svgty4nvsy] {
    cursor: default;
}

.voucherTypes-text[b-svgty4nvsy] {
    font-size: 14px;
}
/* /Pages/Schedule/Schedule.razor.rz.scp.css */
.schedule-container[b-jqxgcqzytw] {
    height: 100%;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
}

.overview-content[b-jqxgcqzytw] {
    height: calc(100% - 86px); /* 86px - header height */
    position: relative;
}

    .overview-content[b-jqxgcqzytw]  .e-spinner-pane.data-loading-spinner {
        width: auto;
        height: auto;
        top: 50%;
        left: 50%;
    }

.overview-content[b-jqxgcqzytw]  .e-agenda-view .e-content-wrap {
    padding: 10px 16px 10px 0;
    background-color: var(--bg-gray-light-color);
}

[b-jqxgcqzytw] .e-schedule .e-schedule-table,
[b-jqxgcqzytw] .e-table-container {
    height: 100%;
}

[b-jqxgcqzytw] .e-schedule {
    border: none;
    scroll-behavior: smooth;
}

[b-jqxgcqzytw] .e-schedule .e-read-only {
    opacity: 1;
}

[b-jqxgcqzytw] .e-schedule .e-spinner-pane {
    display: none;
}

[b-jqxgcqzytw] .e-schedule .e-agenda-view {
    background-color: var(--bg-gray-light-color);
}

[b-jqxgcqzytw] .e-schedule .e-agenda-view .e-day-date-header .e-m-date,
[b-jqxgcqzytw] .e-schedule .e-agenda-view .e-day-date-header .e-m-day {
    font-weight: 400;
    color: var(--black-color);
}

[b-jqxgcqzytw] .e-schedule .e-agenda-view .e-day-date-header {
    padding: 10px 20px 10px 20px;
}

[b-jqxgcqzytw] .e-schedule .e-agenda-view .e-day-date-header .e-m-date {
    font-size: 20px;
    margin-bottom: 4px;
}

[b-jqxgcqzytw] .e-schedule .e-agenda-view .e-day-date-header .e-m-day {
    font-size: 16px;
}

[b-jqxgcqzytw] .e-schedule .e-agenda-view .e-day-date-header.e-current-day .e-m-date,
[b-jqxgcqzytw] .e-schedule .e-agenda-view .e-day-date-header.e-current-day .e-m-day {
    font-weight: 600;
    color: var(--primary-dark-color);
}

[b-jqxgcqzytw] .e-schedule .e-agenda-view .e-day-date-header.e-current-day {
    height: 100%;
    position: relative;
}


[b-jqxgcqzytw] .e-schedule .e-agenda-view .e-day-date-header.e-current-day::before {
    content: "";
    width: 4px;
    height: calc(100% - 20px);
    background-color: var(--primary-dark-color);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
}

[b-jqxgcqzytw] .e-schedule .e-agenda-view .e-appointment {
    width: 100%;
    padding: 0;
    border: none;
}

[b-jqxgcqzytw] .e-schedule .e-agenda-view .e-appointment:hover {
    background: none;
}

[b-jqxgcqzytw] .e-schedule .e-agenda-view .e-day-border {
    border-bottom: none;
}

[b-jqxgcqzytw] .e-schedule .e-vertical-view .e-date-header-wrap table tbody td.e-header-cells {
    padding-top: 7px;
}

[b-jqxgcqzytw] .e-schedule .e-vertical-view .e-header-cells.e-current-day {
    border-bottom: 3px solid var(--primary-dark-color);
}

[b-jqxgcqzytw] .e-schedule .e-vertical-view .e-header-cells.e-current-day .e-header-day,
[b-jqxgcqzytw] .e-schedule .e-vertical-view .e-header-cells.e-current-day .e-header-date {
    color: var(--primary-dark-color);
    font-weight: 600;
}

[b-jqxgcqzytw] .e-schedule .e-vertical-view .e-current-time {
    color: var(--primary-dark-color);
    font-weight: bold;
}

[b-jqxgcqzytw] .e-schedule .e-vertical-view .e-current-timeline {
    border-top: 2px solid var(--primary-dark-color);
}

[b-jqxgcqzytw] .e-schedule .e-vertical-view .e-previous-timeline {
    border-top: 2px dotted var(--primary-dark-color);
}

[b-jqxgcqzytw] .e-schedule .e-vertical-view .e-work-cells {
    height: 25px;
}

[b-jqxgcqzytw] .e-schedule .e-vertical-view .e-time-cells-wrap table td {
    height: 25px;
}

[b-jqxgcqzytw] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
    width: 100% !important;
    background: none;
    min-height: 25px;
    border: none;
}

[b-jqxgcqzytw] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment[data-columns-count]:not([data-columns-count="1"]) {
    width: 80% !important;
}

[b-jqxgcqzytw] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment[data-columns-count]:not([data-columns-count="1"])[data-columns]:not([data-columns="0"]) {
    left: 20% !important;
}

[b-jqxgcqzytw] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-appointment-details {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 1px solid #dee2e6;
    box-sizing: content-box;
}

[b-jqxgcqzytw] .e-empty-event {
    visibility: hidden;    
}


@media (min-width: 768px) {
    .overview-content[b-jqxgcqzytw] {
        height: calc(100% - 44px); /* 44px header height */
    }
}

@media (min-width: 992px) {
    .overview-content[b-jqxgcqzytw]  .e-agenda-view .e-content-wrap .e-schedule-table.e-content-table {
        padding: 0 5px;
        width: 100%;
        max-width: 810px;
        margin: 0 auto;
    }
}

@media (max-width: 767.98px) {
    [b-jqxgcqzytw] .e-schedule.e-device .e-vertical-view .e-time-cells-wrap,
    [b-jqxgcqzytw] .e-schedule.e-device .e-vertical-view .e-left-indent,
    [b-jqxgcqzytw] .e-schedule .e-vertical-view .e-time-cells-wrap,
    [b-jqxgcqzytw] .e-schedule .e-vertical-view .e-left-indent {
        width: 40px;
    }

    [b-jqxgcqzytw] .e-schedule.e-device .e-vertical-view .e-date-header-wrap table col,
    [b-jqxgcqzytw] .e-schedule.e-device .e-vertical-view .e-content-wrap table col,
    [b-jqxgcqzytw] .e-schedule .e-vertical-view .e-date-header-wrap table col,
    [b-jqxgcqzytw] .e-schedule .e-vertical-view .e-content-wrap table col {
        /* Show 5 columns on page for device;
            40px - time slots width on device; 15px - visible width of 6 day col */
        width: calc((100vw - 40px - 15px) / 5);
    }    
}
/* /Pages/Settings/ChangePassword/ChangePassword.razor.rz.scp.css */
.changePassword-container[b-i7dyc8rv36] {
    height: calc(100% - 44px); /* 44px header height */
    padding: 16px;
    overflow-y: auto;
}

.changePassword-title[b-i7dyc8rv36] {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 600;
}

.changePassword-container[b-i7dyc8rv36]  .form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.field-label[b-i7dyc8rv36] {
    margin-bottom: 4px;
    color: var(--gray-dark-color);
}

.field-error[b-i7dyc8rv36] {
    margin-top: 5px;
    font-size: 14px;
    color: var(--negative);
}

.note[b-i7dyc8rv36] {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 1.3;
}

.password-container[b-i7dyc8rv36] {
    position: relative;
}

.password-container[b-i7dyc8rv36]  .e-input-group input.e-input {
    min-height: 44px;
    padding-right: 45px;
}

.password-container[b-i7dyc8rv36]  .e-input-group input.e-input::-ms-reveal,
.password-container[b-i7dyc8rv36]  .e-input-group input.e-input::-ms-clear {
    display: none;
}

.visibilityIcon-container[b-i7dyc8rv36] {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    width: 40px;
    height: 45px;
    align-items: center;
    justify-content: center;
    padding-right: 10px;
    cursor: pointer;
}

@media(min-width: 992px) {
    .changePassword-container[b-i7dyc8rv36] {
        padding: 20px;
    }

    .changePassword-container-wrapper[b-i7dyc8rv36] {
        max-width: 400px;
        margin: 0 auto;
    }
}
/* /Pages/Settings/Settings.razor.rz.scp.css */
.settings-content[b-cctzfqa3q4] {
    width: 100%;
    height: 100%;
    padding: 16px;
    overflow-y: auto;
}

.settings-content-wrapper[b-cctzfqa3q4] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.settings-content.titleVisible[b-cctzfqa3q4] {
    height: calc(100% - 44px); /* 44px header height */
}

.settings-content-buttons[b-cctzfqa3q4] {
    display: grid;
    gap: 20px;
}

.settings-content[b-cctzfqa3q4]  .e-btn.e-link {
    display: flex;
    align-items: center;
    gap: 14px;
    line-height: 1.2;
}

.settings-content[b-cctzfqa3q4]  .e-btn.e-outline {
    height: 100px;
    padding: 5px;
    color: var(--primary-dark-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.settings-content[b-cctzfqa3q4]  .e-btn.e-outline p {
    text-wrap: wrap;
    line-height: 1.2;
}

.settings-content[b-cctzfqa3q4]  .e-btn.e-link.secondary.bottom {
    margin-top: auto;
}

.settings-title[b-cctzfqa3q4] {
    font-size: 20px;
    font-weight: 600;
}

.button-icon[b-cctzfqa3q4] {
    height: 20px;
}

.settings-content hr[b-cctzfqa3q4] {
    margin: 0;
    color: var(--gray-color); 
}

@media(min-width: 992px) {
    .settings-content[b-cctzfqa3q4] {
        padding: 20px;
    }

    .settings-content-wrapper[b-cctzfqa3q4] {
        max-width: 800px;
        margin: 0 auto;
    }

    .settings-content-buttons[b-cctzfqa3q4] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Pages/SupportAndSafety/ContactAndSupport/ContactAndSupport.razor.rz.scp.css */
.support-content[b-8cdj2i3zxh] {
    width: 100%;
    height: calc(100% - 44px); /* 44px back header height */
    padding: 16px;
    overflow-y: auto;
    background-color: var(--bg-gray-color);
}

.title[b-8cdj2i3zxh] {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px;
    color: var(--primary-dark-color);
}

.subtitle[b-8cdj2i3zxh] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}

.text[b-8cdj2i3zxh] {
    font-size: 12px;
    line-height: 1.2;
}

.breakline[b-8cdj2i3zxh] {
    margin: 22px 0;
    height: 1px;
    background-color: var(--disabled-lighter-gray-color);
}

.contacts[b-8cdj2i3zxh] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.item-text[b-8cdj2i3zxh] {
    font-size: 16px;
    font-weight: 600;
    word-break: break-word;
}

    .item-text span[b-8cdj2i3zxh] {
        font-weight: 400;
        color: var(--gray-dark-color);
    }

.item-link[b-8cdj2i3zxh] {
    width: fit-content;
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--primary-dark-color);
    text-decoration: none;
}

    .item-link.office-address[b-8cdj2i3zxh] {
        font-size: 14px;
        margin-bottom: 4px;
    }

.text-container[b-8cdj2i3zxh] {
    margin-top: 16px;
}

    .text-container.space-after[b-8cdj2i3zxh] {
        margin-bottom: 16px;
    }

.text-container-list[b-8cdj2i3zxh] {
    padding-top: 8px;
    padding-left: 24px;
    list-style: disc;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.info-text[b-8cdj2i3zxh], .text-container-list-item[b-8cdj2i3zxh] {
    font-size: 12px;
    font-weight: 300;
    color: var(--black-color);
    line-height: 1.2;
}

    .info-text span[b-8cdj2i3zxh] {
        font-weight: 700;
    }

.item-text.url-link[b-8cdj2i3zxh] {
    text-decoration: underline;
}

@media(min-width: 992px) {
    .support-content-wrapper[b-8cdj2i3zxh] {
        max-width: 600px;
        margin: 0 auto;
    }
}
/* /Pages/SupportAndSafety/EmergencyNumbers/EmergencyNumbers.razor.rz.scp.css */
.support-content[b-wkliwfyjbx] {
    width: 100%;
    height: calc(100% - 44px); /* 44px back header height */
    padding: 16px;
    overflow-y: auto;
    background-color: var(--bg-gray-color);
}

.title[b-wkliwfyjbx] {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px;
    color: var(--primary-dark-color);
}

.subtitle[b-wkliwfyjbx] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}

.text[b-wkliwfyjbx] {
    font-size: 12px;
    line-height: 1.2;
}

.breakline[b-wkliwfyjbx] {
    margin: 22px 0;
    height: 1px;
    background-color: var(--disabled-lighter-gray-color);
}

.contacts[b-wkliwfyjbx] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.item-text[b-wkliwfyjbx] {
    font-size: 16px;
    font-weight: 600;
    word-break: break-word;
}

    .item-text span[b-wkliwfyjbx] {
        font-weight: 400;
        color: var(--gray-dark-color);
    }

    .item-text.url-link[b-wkliwfyjbx] {
        text-decoration: underline;
    }

.item-link[b-wkliwfyjbx] {
    width: fit-content;
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--primary-dark-color);
    text-decoration: none;
}

@media(min-width: 992px) {
    .support-content-wrapper[b-wkliwfyjbx] {
        max-width: 600px;
        margin: 0 auto;
    }
}
/* /Pages/SupportAndSafety/ProhibitedProducts/ProhibitedProducts.razor.rz.scp.css */
.support-content[b-ydjidvoxp0] {
    width: 100%;
    height: calc(100% - 44px); /* 44px back header height */
    padding: 16px;
    overflow-y: auto;
    background-color: var(--bg-gray-color);
}

.title[b-ydjidvoxp0] {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px;
    color: var(--primary-dark-color);
}

.text[b-ydjidvoxp0] {
    font-size: 16px;
    font-weight: 400;
    color: var(--black-color);
    line-height: 1.3;
}

.text-main[b-ydjidvoxp0] {
    font-weight: 600;
}

.bottom-space[b-ydjidvoxp0] {
    margin-bottom: 16px;
}

.breakline[b-ydjidvoxp0] {
    margin: 22px 0;
    height: 1px;
    background-color: var(--disabled-lighter-gray-color);
}

.link-item[b-ydjidvoxp0] {
    color: var(--primary-dark-color);
    text-decoration: underline;
}

.rules-list[b-ydjidvoxp0], .rule[b-ydjidvoxp0] {
    display: flex;
    gap: 24px;
}

.rules-list[b-ydjidvoxp0] {
    flex-direction: column;
}

.rule[b-ydjidvoxp0] {
    align-items: center;
}

.rule-image[b-ydjidvoxp0] {
    min-width: 64px;
    min-height: 64px;
    width: 64px;
    height: 64px;
}

.warning-images-wrapper[b-ydjidvoxp0] {
    display: grid;
    grid-template-columns: auto auto;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

.warning-image[b-ydjidvoxp0] {
    min-width: 96px;
    min-height: 96px;
    width: 96px;
    height: 96px;
}

.prohibited-products-list[b-ydjidvoxp0] {
    margin-left: 24px;
    list-style: square;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.phone-link[b-ydjidvoxp0] {
    width: fit-content;
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--primary-dark-color);
    text-decoration: none;
}

@media(min-width: 992px) {
    .support-content-wrapper[b-ydjidvoxp0] {
        max-width: 600px;
        margin: 0 auto;
    }
}
/* /Pages/SupportAndSafety/PsychosocialSupport/PsychosocialSupport.razor.rz.scp.css */
.support-content[b-2w2knfwbfj] {
    width: 100%;
    height: calc(100% - 44px); /* 44px back header height */
    padding: 16px;
    overflow-y: auto;
    background-color: var(--bg-gray-color);
}

.title[b-2w2knfwbfj] {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px;
    color: var(--primary-dark-color);
}

.subtitle[b-2w2knfwbfj] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}

.text[b-2w2knfwbfj] {
    font-size: 12px;
    line-height: 1.2;
}

.breakline[b-2w2knfwbfj] {
    margin: 22px 0;
    height: 1px;
    background-color: var(--disabled-lighter-gray-color);
}

.contacts[b-2w2knfwbfj] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.item-text[b-2w2knfwbfj] {
    font-size: 16px;
    font-weight: 600;
    word-break: break-word;
}

    .item-text span[b-2w2knfwbfj] {
        font-weight: 400;
        color: var(--gray-dark-color);
    }

.item-link[b-2w2knfwbfj] {
    width: fit-content;
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--primary-dark-color);
    text-decoration: none;
}

.text-container[b-2w2knfwbfj] {
    margin: 16px 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-text[b-2w2knfwbfj] {
    font-size: 14px;
    font-weight: 300;
    color: var(--black-color);
    line-height: 1.2;
}

.item-text.url-link[b-2w2knfwbfj] {
    text-decoration: underline;
}

@media(min-width: 992px) {
    .support-content-wrapper[b-2w2knfwbfj] {
        max-width: 600px;
        margin: 0 auto;
    }
}
/* /Pages/SupportAndSafety/SupportAndSafetyMenu.razor.rz.scp.css */
.support-content[b-cb9w3qiilo] {
    width: 100%;
    height: 100%;
    padding: 16px;
    overflow-y: auto;
    background-color: var(--bg-gray-color);
}

    .support-content.titleVisible[b-cb9w3qiilo] {
        height: calc(100% - 44px); /* 44px back header height */
    }

.title[b-cb9w3qiilo] {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
    color: var(--primary-dark-color);
}

.links-list[b-cb9w3qiilo] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.link-list-item[b-cb9w3qiilo]  .link-item {
    width: 100%;
    padding: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--primary-border-color);
    border-radius: 8px;
    background-color: var(--white-color);
    font-size: 16px;
    font-weight: 400;
    color: var(--black-color);
    cursor: pointer;
    text-decoration: none;
}

.link-list-item:first-of-type[b-cb9w3qiilo]  .link-item {
    border-color: var(--negative);
    background-color: var(--bg-red-light);
}

.next-arrow-wrapper[b-cb9w3qiilo] {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background-color: var(--bg-primary-light-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.link-list-item:first-of-type .next-arrow-wrapper[b-cb9w3qiilo] {
    background-color: var(--white-color);
}

.next-arrow-wrapper img[b-cb9w3qiilo] {
    width: 7px;
    height: 12px;
}

@media(min-width: 992px) {
    .support-content-wrapper[b-cb9w3qiilo] {
        max-width: 600px;
        margin: 0 auto;
    }
}
/* /Pages/SurveyDetails/SurveyDetails.razor.rz.scp.css */
.details-container[b-a76m8pojno] {
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.title[b-a76m8pojno] {
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  color: var(--primary-black-color);
  word-wrap: break-word;
}

.sub-title[b-a76m8pojno] {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}

.sub-description[b-a76m8pojno] {
  line-height: 20px;
  font-weight: 400;
  font-size: 14px;
  word-wrap: break-word;
}

.sub-description.date[b-a76m8pojno] {
  text-transform: capitalize;
}

.survey-details-container[b-a76m8pojno] {
  height: 100%;
  display: flex;
  flex-direction: column;
  max-width: 600px;
  margin: 0 auto;
}

.details-top-content[b-a76m8pojno] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.survey-img[b-a76m8pojno] {
  border-radius: 8px;
  width: 100%;
}

.anonimus-tag[b-a76m8pojno] {
  color: var(--white-color);
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  border-radius: 4px;
  padding: 2px 7px;
  align-self: self-start;
  background-color: var(--dark-color);
}

.details-info[b-a76m8pojno] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width: 792px) {
  .details-container[b-a76m8pojno] {
    justify-content: flex-start;
    gap: 30px;
  }
}
/* /Pages/SurveyFlow/SurveyCongratulation/SurveyCongratulation.razor.rz.scp.css */
.buttons-group[b-le7kxnwayd]  .e-btn.e-outline.e-primary{
    border-color: var(--primary-color);
}

.survey-congratulation-container[b-le7kxnwayd] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.congratulation-img[b-le7kxnwayd] {
    width: 100%;
    margin-top: 45px;
    max-width: 338px;
    margin-left: auto;
    margin-right: auto;
}

.bottom-content[b-le7kxnwayd] {
    padding: 50px 25px 13px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.buttons-group[b-le7kxnwayd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.congratulation-title[b-le7kxnwayd] {
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: var(--black-color);
}

.congratulation-description[b-le7kxnwayd] {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.congratulation-text-container[b-le7kxnwayd] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

@media(min-width: 792px){
    .survey-congratulation-container[b-le7kxnwayd] {
        padding-top: 88px;
    }

    .bottom-content[b-le7kxnwayd] {
        padding: 0;
        padding-top: 55px;
        margin: 0 auto;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 55px;
        max-width: 345px;
    }
    
    .buttons-group[b-le7kxnwayd] {
        padding-top: 8px;
    }
}
/* /Pages/SurveyFlow/SurveyFlow.razor.rz.scp.css */
.progress-line[b-1mykzyl7co] {
  background-color: var(--primary-color);
  height: 8px;
}

.buttons-continer[b-1mykzyl7co] {
  display: flex;
  gap: 8px;
}

.bottom-button-style[b-1mykzyl7co] {
  flex: 1;
}

.survey-question[b-1mykzyl7co] {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px 24px 24px;
}

.question-options[b-1mykzyl7co] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.buttons-continer[b-1mykzyl7co]  .e-btn.e-outline.e-primary {
  border-color: var(--primary-color);
}

.textarea-counter[b-1mykzyl7co] {
  font-size: 14px;
  line-height: 1.4;
  text-align: right;
}

.textbox-wrapper[b-1mykzyl7co]  .e-multi-line-input {
  width: 100%;
}

.mandatory-text[b-1mykzyl7co] {
  color: var(--mandatory);
}

.pb-6[b-1mykzyl7co] {
  padding-bottom: 24px;
}

.pb-2[b-1mykzyl7co] {
  padding-bottom: 8px;
}

.black-text[b-1mykzyl7co] {
  color: var(--black-color);
}

.header-text[b-1mykzyl7co] {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.question-title-text[b-1mykzyl7co] {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  color: var(--black-color);
  word-break: break-word;
}

.survey-question-container[b-1mykzyl7co] {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1;
}

.survey-flow-container[b-1mykzyl7co] {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.progress-line-container[b-1mykzyl7co] {
  width: 100%;
  position: relative;
}

.scale-container[b-1mykzyl7co] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.scale-top-content[b-1mykzyl7co] {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}

.scale-value-container[b-1mykzyl7co] {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.scale-value-text[b-1mykzyl7co] {
  flex: 1;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: var(--black-color);
  word-break: break-word;
}

.btns-content[b-1mykzyl7co] {
  max-width: 600px;
  justify-content: space-between;
  display: flex;
  width: 100%;
  gap: 8px;
}

.progress-line-additional[b-1mykzyl7co] {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

@media (min-width: 792px) {
  .progress-line[b-1mykzyl7co] {
    height: 16px;
  }

  .buttons-continer[b-1mykzyl7co] {
    gap: 0px;
    justify-content: space-evenly;
    padding: 36px 0;
    border-top: 1px solid var(--border-darker-gray-color);
  }

  .survey-question[b-1mykzyl7co] {
    padding: 0;
    padding-top: 44px;
  }

  .question-options[b-1mykzyl7co] {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
  }

  .buttons-continer[b-1mykzyl7co]  .e-btn {
    max-width: 166px;
  }
}
/* /Pages/SurveyFlow/SurveyInputOption/SurveyInputOption.razor.rz.scp.css */
.input-container[b-0isbgpyy0n] {
    height: 36px;
    padding: 8px 20px;
    border: 1px solid var(--border-light-gray-color);
    border-radius: 10px;
    display: flex;
    flex: 1;
    justify-content: space-between;
}

.input[b-0isbgpyy0n] {
    border: none;
    width: 90%;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    background-color: inherit;
}

.input[b-0isbgpyy0n]::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-text-button-color);
}

.emoji:hover[b-0isbgpyy0n] {
    background-color: var(--divider-gray-color);
}
/* /Pages/SurveyResponse/MultiChooseResponseItem/MultiChooseResponseItem.razor.rz.scp.css */
.item-container[b-r2g9e314ha] {
  display: flex;
  align-items: center;
}

.text-style[b-r2g9e314ha] {
  padding-left: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--disabled-gray-color);
}

.img-container[b-r2g9e314ha] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: 48px;
}

.selected-option[b-r2g9e314ha] {
  opacity: 0.5;
}
/* /Pages/SurveyResponse/ScaleChooseResponseItem/ScaleChooseResponseItem.razor.rz.scp.css */
.text-style[b-mf9651raot] {
    font-weight: 400; font-size: 14px; line-height: 20px; color: var(--dark-color);
}

.container-style[b-mf9651raot] {
    width: 32px; height: 32px; border-radius: 50%; display: flex; justify-content: center; align-items: center;
    border: 1px solid var(--gray-description-color);
}

@media (min-width: 792px) {
    .container-style[b-mf9651raot] {
        flex-direction: column;
    }
}
/* /Pages/SurveyResponse/ShortAnswerResponseItem/ShortAnswerResponseItem.razor.rz.scp.css */
.container[b-o9ril23t5l] {
    border: 1px solid var(--gray-light-description-color);
    border-radius: 8px;
    padding: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--disabled-gray-color);
    margin-top: 15px;
}

.text[b-o9ril23t5l] {
    word-wrap: break-word;
}
/* /Pages/SurveyResponse/SingleChooseResponseItem/SingleChooseResponseItem.razor.rz.scp.css */
.item-container[b-xukrowi3fg] {
  display: flex;
  align-items: center;
}

.text-style[b-xukrowi3fg] {
  padding-left: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--disabled-gray-color);
}

.left-content[b-xukrowi3fg] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: 48px;
}

.left-content-item[b-xukrowi3fg] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid var(--gray-text-button-color);
  background-color: transparent;
}

.selected-item[b-xukrowi3fg] {
  border: 1px solid var(--darkest-color);
  background-color: var(--gray-description-color);
}
/* /Pages/SurveyResponse/SurveyResponse.razor.rz.scp.css */
.survey-response-container[b-zf39a8ocou] {
  width: 100%;
  padding: 16px;
  max-width: 600px;
  padding-bottom: 38px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.scale-item[b-zf39a8ocou] {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.header-text[b-zf39a8ocou] {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: var(--black-color);
  word-break: break-word;
}

.item-container[b-zf39a8ocou] {
  display: flex;
  gap: 16px;
}

.question-item[b-zf39a8ocou] {
  flex: 1;
}

.survey-question-item[b-zf39a8ocou] {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1;
}

.scale-container[b-zf39a8ocou] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  padding: 10px 0;
  flex-direction: row;
}

.survey-question[b-zf39a8ocou] {
  max-width: calc(100vw - 64px);
}

.question-item-container[b-zf39a8ocou] {
  max-width: 100%;
}

.img-general-container[b-zf39a8ocou] {
  padding-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: calc(50% - 4px);
  max-width: calc(50% - 4px);
}

.question-item-options[b-zf39a8ocou] {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 8px;
}

.question-item-options-row[b-zf39a8ocou] {
  flex-direction: row;
}

.img-container[b-zf39a8ocou] {
  width: 100%;
}

.img-style[b-zf39a8ocou] {
  width: 100%;
}

.img-style-selected[b-zf39a8ocou] {
  border-radius: 8px;
}

.selected-img-container[b-zf39a8ocou] {
  border: 3px solid var(--gray-text-button-color);
  border-radius: 8px;
}

.word-break[b-zf39a8ocou] {
  word-break: break-word;
}

@media (min-width: 792px) {
  .container[b-zf39a8ocou] {
    max-width: 600px;
    margin: 0 auto;
    padding-top: 52px;
  }

  .survey-question[b-zf39a8ocou] {
    max-width: 600px;
  }

  .scale-container[b-zf39a8ocou] {
    flex-direction: row;
  }
}
/* /Pages/Survey/Survey.razor.rz.scp.css */
.general-container[b-fceb8i0ouw] {
}

.survey-container[b-fceb8i0ouw] {
  height: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 16px;
  flex: 1;
}

.survey-content[b-fceb8i0ouw] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.survey-content[b-fceb8i0ouw]  .e-btn-group {
  width: 100%;
  border: 2px solid var(--primary-color);
  border-radius: 25px;
}

.survey-content[b-fceb8i0ouw]  .e-btn-group .e-btn {
  margin: 2px;
  min-height: 34px;
  height: 34px;
  color: var(--primary-color);
  background: transparent;
  font-size: 14px;
  font-weight: 600;
  border-radius: 25px !important;
}

.survey-content[b-fceb8i0ouw]  .e-btn-group input:checked + label.e-btn {
  color: var(--white-color);
  background: var(--primary-color);
}

.survey-content[b-fceb8i0ouw]  .e-btn-group input:focus + label.e-btn {
  box-shadow: none;
}

.survey-list[b-fceb8i0ouw] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.lad-more-content[b-fceb8i0ouw] {
  display: flex;
  justify-content: center;
}

@media (min-width: 992px) {
  .survey-content-top[b-fceb8i0ouw]  .e-btn.e-primary {
    max-width: 280px;
  }

  .survey-content[b-fceb8i0ouw]  .e-btn-group .e-btn:hover {
    background: var(--primary-color);
    color: var(--white-color);
  }
}

@media (min-width: 992px) {
  .survey-content-top[b-fceb8i0ouw]  .e-btn.e-primary {
    max-width: 280px;
  }

  .survey-content[b-fceb8i0ouw]  .e-btn-group .e-btn:hover {
    background: var(--primary-color);
    color: var(--white-color);
  }
}

@media (max-width: 792px) {
  .general-container[b-fceb8i0ouw] {
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .survey-container[b-fceb8i0ouw] {
    margin: 0;
  }
}
/* /Pages/Survey/SurveyCard/SurveyCard.razor.rz.scp.css */
.description-text-dots[b-fujydbinqg] {
  max-height: 58px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-word;
  max-height: 58px;
}

.title-text-dots[b-fujydbinqg] {
  max-height: 54px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-word;
}

.survey-card-container[b-fujydbinqg] {
  padding: 20px;
  border-radius: 8px;
  border: 1px solid var(--primary-border-color);
  display: flex;
  flex-direction: column;
  gap: 16px;
  cursor: pointer;
}

.survey-card-container:hover[b-fujydbinqg] {
  background-color: var(--bg-primary-lighter-color);
}

.survey-tag[b-fujydbinqg] {
  border-radius: 4px;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  padding: 2px 7px;
  align-self: self-start;
}

.title-text[b-fujydbinqg] {
  width: calc(100% - 40px);
  color: var(--primary-black-color);
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  word-wrap: break-word;
}

.img-button[b-fujydbinqg] {
  border-radius: 4px;
  background-color: var(--bg-primary-light-color);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

.description-text[b-fujydbinqg] {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: var(--gray-text-button-color);
  word-wrap: break-word;
}

.next-button[b-fujydbinqg] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bottom-button[b-fujydbinqg] {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: var(--primary-dark-color);
  cursor: pointer;
}

.ready-to-go[b-fujydbinqg] {
  background-color: var(--orange-color);
  color: var(--white-color);
}

.in-progress[b-fujydbinqg] {
  background-color: var(--secondary-lighter-color);
  color: var(--primary-black-color);
}

.closed[b-fujydbinqg] {
  background-color: var(--blue-color);
  color: var(--white-color);
}

.font-bold[b-fujydbinqg] {
  font-weight: 600;
}
/* /Pages/Survey/SurveyReminder/SurveyReminder.razor.rz.scp.css */
.reminder-content[b-usutnnfunv] {
    font-size: 16px;
}

.icon[b-usutnnfunv] {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto 0.75em;
}

.title[b-usutnnfunv] {
    margin-bottom: 1em;
    font-size: 0.875em;
    font-weight: 600;
    text-align: center;
}

.text[b-usutnnfunv] {
    font-size: 0.875em;
    font-weight: 300;
    line-height: 1.4;
}

.list[b-usutnnfunv] {
    margin-left: 0.9em;
    padding: 0.7em 0 0.7em 0.7em;
    list-style: square;
    display: flex;
    flex-direction: column;
    gap: 0.7em;
}

.item-text[b-usutnnfunv] {
    font-size: 0.875em;
    font-weight: 300;
    line-height: 1.4;
}

    .item-text .name[b-usutnnfunv] {
        font-weight: 500;
    }

    .item-text .item-date[b-usutnnfunv] {
        text-transform: capitalize;
    }

.list .item .link[b-usutnnfunv] {
    display: block;
    text-decoration: underline;
    font-size: 0.875em;
    font-weight: 300;
    color: var(--primary-color);
    cursor: pointer;
    transition: color 0.1s linear;
}

    .list .item .link:hover[b-usutnnfunv] {
        color: var(--primary-dark-color);
    }

@media(min-width: 992px) {
    .reminder-content[b-usutnnfunv] {
        font-size: 18px;
    }
}
/* /Pages/UserGuide/AbsencesStep/AbsencesStep.razor.rz.scp.css */
.absences-step-wrapper[b-4axn7majd0] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 25px;
}

.instructions-text-container[b-4axn7majd0] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.instructions-list[b-4axn7majd0] {
    list-style: decimal;
    list-style-position: inside;
}

.instructions-list .instructions-text[b-4axn7majd0] {
    margin-bottom: 8px;
}

.instructions-text[b-4axn7majd0] {
    color: var(--black-color);
    font-size: 16px;
    line-height: 1.3;
}

.video-container[b-4axn7majd0] {
    width: 100%;
    display: flex;
    flex-direction: column;
}
/* /Pages/UserGuide/FinishStep/FinishStep.razor.rz.scp.css */
.finish-step-wrapper[b-4q4f4sym71] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 50px;
}

.instructions-text-container[b-4q4f4sym71] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.instructions-image-container[b-4q4f4sym71] {
    width: 100%;
}

.instructions-text[b-4q4f4sym71] {
    color: var(--black-color);
    font-size: 16px;
    line-height: 1.3;
}

.instructions-link[b-4q4f4sym71] {
    font-size: 18px;
    align-self: center;
}

.instructions-image[b-4q4f4sym71] {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

@media(min-width: 992px) {
    .instructions-link[b-4q4f4sym71] {
        align-self: flex-start;
    }

    .instructions-image-container[b-4q4f4sym71] {
        margin: 0 auto;
        width: 100%;
        max-width: 450px;
    }
}
/* /Pages/UserGuide/InstallationStep/InstallationStep.razor.rz.scp.css */
.instructions-container[b-bs0hrpfvgf] {
    width: 100%;
    height: calc(100% - 20px - 43px);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 70px 16px 25px;
    overflow-y: auto;
    gap: 25px;
}

.instructions-device-container[b-bs0hrpfvgf] {
    padding-top: 15px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    animation: fadeIn-b-bs0hrpfvgf 0.5s linear;
}

.instructions-list[b-bs0hrpfvgf] {
    margin-bottom: 20px;
    list-style: decimal;
    list-style-position: inside;
}

.instructions-list .instructions-text[b-bs0hrpfvgf] {
    margin-bottom: 8px;
}

.instructions-list ul[b-bs0hrpfvgf] {
    margin-top: 8px;
    margin-left: 20px;
    list-style: disc;
    list-style-position: inside;
}

.instructions-video-container[b-bs0hrpfvgf] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.instructions-text[b-bs0hrpfvgf] {
    color: var(--black-color);
    font-size: 16px;
    line-height: 1.3;
}

.video-container[b-bs0hrpfvgf] {
    width: 100%;
}

.instructions-devices[b-bs0hrpfvgf],
.video-container video[b-bs0hrpfvgf] {
    width: 100%;
}

.instructions-devices[b-bs0hrpfvgf]  .e-tab .e-tab-header::before {
    border-width: 0;
}

.instructions-devices[b-bs0hrpfvgf]  .e-tab .e-tab-header {
    height: 50px !important;
    display: flex;
    justify-content: center;
}

.instructions-devices[b-bs0hrpfvgf]  .e-tab .e-tab-header .e-toolbar-items {
    width: auto;
    height: 42px;
    border: 2px solid var(--primary-color);
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: space-between;
}

.instructions-devices[b-bs0hrpfvgf]  .e-tab .e-tab-header .e-toolbar-item,
.instructions-devices[b-bs0hrpfvgf]  .e-tab .e-tab-header .e-toolbar-item:hover,
.instructions-devices[b-bs0hrpfvgf]  .e-tab .e-tab-header .e-toolbar-item.e-active,
.instructions-devices[b-bs0hrpfvgf]  .e-tab .e-tab-header .e-toolbar-item.e-active:hover,
.instructions-devices[b-bs0hrpfvgf]  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
.instructions-devices[b-bs0hrpfvgf]  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    border: none;
    border-radius: 50px;
}

.instructions-devices[b-bs0hrpfvgf]  .e-tab .e-tab-header .e-toolbar-item {
    margin: 2px !important;
    min-width: 140px;
    height: 34px;
    min-height: 34px;
}

.instructions-devices[b-bs0hrpfvgf]  .e-tab .e-tab-header .e-toolbar-item.e-active {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.instructions-devices[b-bs0hrpfvgf]  .e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
    display: flex;
    justify-content: center;
}

.instructions-devices[b-bs0hrpfvgf]  .e-tab .e-tab-header .e-toolbar-item .e-text-wrap .e-tab-text {
    font-family: 'Sora', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-transform: initial;
    font-size: 14px;
    text-align: center;
    white-space: normal;
    color: var(--primary-color);
}

.instructions-devices[b-bs0hrpfvgf]  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    color: var(--white-color);
}


@media(min-width: 992px) {
    .instructions-devices[b-bs0hrpfvgf]  .e-tab .e-tab-header .e-toolbar-items {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .instructions-devices[b-bs0hrpfvgf]  .e-tab .e-tab-header .e-toolbar-item:hover,
    .instructions-devices[b-bs0hrpfvgf]  .e-tab .e-tab-header .e-toolbar-item.e-active:hover {
        background-color: var(--primary-color);
        color: var(--white-color);
    }

    .instructions-devices[b-bs0hrpfvgf]  .e-tab .e-tab-header .e-toolbar-item:hover .e-tab-text {
        color: var(--white-color);
    }
}

@keyframes fadeIn-b-bs0hrpfvgf {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* /Pages/UserGuide/NewLeaveRequestStep/NewLeaveRequestStep.razor.rz.scp.css */
.leave-step-wrapper[b-uabq4bobja] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 25px;
}

.instructions-text-container[b-uabq4bobja] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.instructions-list[b-uabq4bobja] {
    list-style: decimal;
    list-style-position: inside;
}

.instructions-list .instructions-text[b-uabq4bobja] {
    margin-bottom: 8px;
}

.instructions-text[b-uabq4bobja] {
    color: var(--black-color);
    font-size: 16px;
    line-height: 1.3;
}

.video-container[b-uabq4bobja] {
    width: 100%;
    display: flex;
    flex-direction: column;
}
/* /Pages/UserGuide/PluxeeValidationStep/PluxeeValidationStep.razor.rz.scp.css */
.pluxee-wrapper[b-3wpp57befk] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 25px;
}

.instructions-text-container[b-3wpp57befk] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.instructions-list[b-3wpp57befk] {
    list-style: decimal;
    list-style-position: inside;
}

.instructions-text[b-3wpp57befk] {
    margin-bottom: 8px;
    color: var(--black-color);
    font-size: 16px;
    line-height: 1.3;
}

.video-container[b-3wpp57befk] {
    width: 100%;
    display: flex;
    flex-direction: column;
}
/* /Pages/UserGuide/ReportStep/ReportStep.razor.rz.scp.css */
.report-step-wrapper[b-7wp5nueiwa] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.instructions-text-container[b-7wp5nueiwa] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.instructions-list[b-7wp5nueiwa] {
    list-style: decimal;
    list-style-position: inside;
}

.instructions-list .instructions-text[b-7wp5nueiwa] {
    margin-bottom: 8px;
}

.instructions-text[b-7wp5nueiwa] {
    color: var(--black-color);
    font-size: 16px;
    line-height: 1.3;
}

.video-container__desktop[b-7wp5nueiwa] {
    display: none;
}

.video-container__mobile[b-7wp5nueiwa] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.hint-container[b-7wp5nueiwa] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.icon[b-7wp5nueiwa] {
    min-width: 26px;    
    width: 26px;
    height: 26px;
    background-image: url("assets/icons/hint.svg");
    background-size: cover;
    background-repeat: no-repeat;
}
/* /Pages/UserGuide/ScheduleStep/ScheduleStep.razor.rz.scp.css */
.schedule-step-wrapper[b-aax3zz22xb] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.instructions-text-container[b-aax3zz22xb] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.instructions-list[b-aax3zz22xb] {
    list-style: decimal;
    list-style-position: inside;
}

.instructions-list .instructions-text[b-aax3zz22xb] {
    margin-bottom: 8px;
}

.instructions-list ul[b-aax3zz22xb] {
    margin-top: 8px;
    margin-left: 20px;
    list-style: disc;
    list-style-position: inside;
}

.instructions-text[b-aax3zz22xb] {
    color: var(--black-color);
    font-size: 16px;
    line-height: 1.3;
}

.video-container[b-aax3zz22xb] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.calendar-icon[b-aax3zz22xb] {
    display: inline-block;
    vertical-align: bottom;
    min-width: 23px;
    width: 23px;
    height: 22px;
    background-image: url("assets/icons/schedule.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.green[b-aax3zz22xb] {
    color: var(--secondary-color);
}

.orange[b-aax3zz22xb] {
    color: var(--warning);
}

.red[b-aax3zz22xb] {
    color: var(--negative);
}
/* /Pages/UserGuide/SubmittedRequestsStep/SubmittedRequestsStep.razor.rz.scp.css */
.submitted-step-wrapper[b-nyt9re30ly] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 25px;
}

.instructions-text-container[b-nyt9re30ly] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.instructions-list[b-nyt9re30ly] {
    list-style: decimal;
    list-style-position: inside;
}

.instructions-list .instructions-text[b-nyt9re30ly] {
    margin-bottom: 8px;
}

.instructions-list .instructions-text:last-of-type[b-nyt9re30ly] {
    margin-bottom: 0;
}

.instructions-list ul[b-nyt9re30ly] {
    margin-top: 8px;
    margin-left: 20px;
    list-style: disc;
    list-style-position: inside;
}

.instructions-text[b-nyt9re30ly] {
    color: var(--black-color);
    font-size: 16px;
    line-height: 1.3;
}

.video-container[b-nyt9re30ly] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.approved[b-nyt9re30ly] {
    color: var(--secondary-color);
}

.pending[b-nyt9re30ly] {
    color: var(--warning);
}

.declined[b-nyt9re30ly] {
    color: var(--negative);
}
/* /Pages/UserGuide/UserGuide.razor.rz.scp.css */
.step-container[b-zbqdokxhsn] {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

.header[b-zbqdokxhsn] {
    height: 44px;
    box-shadow: 0 3px 5px var(--gray-light-color);
}

.header-wrapper[b-zbqdokxhsn] {
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.progressBar[b-zbqdokxhsn] {
    min-height: 8px;
    height: 8px;
    background: var(--primary-color);
    align-self: baseline;
}

.progressBar.desktop[b-zbqdokxhsn] {
    display: none;
}

.instructions-container[b-zbqdokxhsn] {
    padding: 20px;
    width: 100%;
    height: calc(100% - 8px - 44px);
    overflow-y: auto;
}

.instructions-container-wrapper[b-zbqdokxhsn] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.step-title[b-zbqdokxhsn] {
    font-size: 20px;
    font-weight: 600;
}

@media(min-width: 992px) {
    .instructions-container[b-zbqdokxhsn] {
        padding: 17px 20px 20px 20px;
        height: calc(100% - 63px);
    }

    .instructions-container-wrapper[b-zbqdokxhsn] {
        margin: 0 auto;
        width: 100%;
        max-width: 800px;
    }

    .logo-img__desktop[b-zbqdokxhsn] {
        width: 35%;
    }

    .header[b-zbqdokxhsn] {
        height: 60px;
        margin-bottom: 3px;
    }

    .header-wrapper[b-zbqdokxhsn] {
        margin: 0 auto;
        width: 100%;
        max-width: 832px;
    }

    .progressBar.desktop[b-zbqdokxhsn] {
        display: block;
        min-height: 16px;
        height: 16px;
    }

    .progressBar.mobile[b-zbqdokxhsn] {
        display: none;
    }
}
/* /Pages/UserGuide/WelcomeStep/WelcomeStep.razor.rz.scp.css */
.guide-container[b-hmjze3h158] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header-container[b-hmjze3h158] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    flex: 1;
    gap: 25px;
    margin-bottom: 25px;
    padding: 25px 16px 0;
}

.logo[b-hmjze3h158] {
    width: 60%;
}

.title__mobile[b-hmjze3h158] {
    display: block;
    font-size: 26px;
    color: var(--primary-dark-color);
    text-align: center;
}

.title__desktop[b-hmjze3h158] {
    display: none;
}

.description-container[b-hmjze3h158] {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 40px 16px 25px;
    background: var(--primary-color);
    color: var(--white-color);
}

.description[b-hmjze3h158] {
    line-height: 1.5;
    font-size: 16px;
    margin-bottom: 40px;
    flex: 1;
}

@media(min-width: 992px) {
    .guide-container[b-hmjze3h158] {
        flex-direction: row;
    }

    .header-container[b-hmjze3h158] {
        height: 100%;
    }

    .title__mobile[b-hmjze3h158] {
        display: none;
    }

    .title__desktop[b-hmjze3h158] {
        display: block;
        font-size: 26px;
        color: var(--white-color);
        text-align: center;
        margin-bottom: 70px;
    }

    .description-container[b-hmjze3h158] {
        height: 100%;
        align-items: center;
        justify-content: center;
        padding: 0 50px;
    }

    .description[b-hmjze3h158] {
        flex: initial;
    }
}
/* /Shared/Components/ArrowButton/ArrowButton.razor.rz.scp.css */
.arrow-button[b-xmj3cpup83] {
    padding: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: transparent;
    border-radius: 8px;
    border: none;
    outline: none;
    transition: all 0.1s linear;
}

.arrow-button:hover[b-xmj3cpup83] {
    background-color: var(--primary-lightest-color);
}

.arrow-button.reversed[b-xmj3cpup83] {
    flex-direction: row-reverse;
}

.arrow-button.reversed img[b-xmj3cpup83] {
    transform: rotate(180deg);
}

.arrow-button h3[b-xmj3cpup83] {
    color: var(--primary-dark-color);
    font-weight: 600;
}
/* /Shared/Components/BackHeader/BackHeader.razor.rz.scp.css */
.header[b-iumv5ghijx] {
    height: 44px;
    box-shadow: 0 3px 5px var(--gray-light-color);
    position: relative;
}

.header-wrapper[b-iumv5ghijx] {
    padding: 8px 16px;
}

@media(min-width: 992px) {
    .header-wrapper.center[b-iumv5ghijx] {
        margin: 0 auto;
        width: 100%;
    }
}
/* /Shared/Components/BottomSheet/BottomSheet.razor.rz.scp.css */
.bottom-sheet[b-e77etfi6p5] {
    position: fixed;
    bottom: -300px;
    left: 0;
    width: 100%;
    height: 300px;
    background-color: #fff;
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px 10px 0 0;
    transition: bottom 0.3s ease-in-out;
    z-index: 1000;
}

.bottom-sheet.open[b-e77etfi6p5] {
    bottom: 0;
}

.bottom-sheet.closed[b-e77etfi6p5] {
    bottom: -300px;
}

.bottom-sheet-header[b-e77etfi6p5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    border-radius: 10px 10px 0 0;
}

.bottom-sheet-content[b-e77etfi6p5] {
    padding: 1rem;
    overflow-y: auto;
}

.open-btn[b-e77etfi6p5] {
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 0.5rem 1rem;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.close-btn[b-e77etfi6p5] {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
}
/* /Shared/Components/CommentInput/CommentInput.razor.rz.scp.css */
.input-container[b-gqz0h8l49m] {
    height: 36px;
    padding: 8px 20px;
    border: 1px solid var(--border-light-gray-color);
    border-radius: 10px;
    display: flex;
    flex: 1;
    justify-content: space-between;
    position: relative;
}

.input-container.send-message:focus-within[b-gqz0h8l49m] {
    border-color: var(--primary-color);
}

.input[b-gqz0h8l49m] {
    border: none;
    width: calc(100% - 20px);
    outline: none;
    font-size: 14px;
    font-weight: 400;
    background-color: inherit;
}

.input[b-gqz0h8l49m]::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-text-button-color);
}

.smiles-btn[b-gqz0h8l49m] {
    padding: 0;
    color: var(--primary-color);
    background: transparent;
    border: none;
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 9px;
    z-index: 1;
    transform: translateY(-50%);
    transition: 0.1s linear;
}

.smiles-btn:hover[b-gqz0h8l49m] {
    color: var(--primary-light-color);
}
/* /Shared/Components/CountryCodePicker/CountryCodePicker.razor.rz.scp.css */
.countryPicker-container[b-841sn3c1mt] {
    display: flex;
    width: 150px;
}

.countryPicker-container[b-841sn3c1mt]  .e-input-group,
.countryPicker-container[b-841sn3c1mt]  .e-input-group.e-control-wrapper {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

[b-841sn3c1mt] .e-input-group:not(.e-disabled) .e-input-group-icon:hover,
[b-841sn3c1mt] .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover,
[b-841sn3c1mt] .e-input-group:not(.e-disabled) .e-input-group-icon:active,
[b-841sn3c1mt] .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:active {
    background: none;
    color: var(--black-color);
}

[b-841sn3c1mt] .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
[b-841sn3c1mt] .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
    color: var(--black-color);
}
/* /Shared/Components/FormErrorMessage/FormErrorMessage.razor.rz.scp.css */
.field-error[b-44salt41sp] {
    margin-top: 5px;
    font-size: 14px;
    color: var(--negative);
}
/* /Shared/Components/LanguagePicker/LanguagePicker.razor.rz.scp.css */
.languagePicker-container[b-3y9dfmpuzl]  .e-ddl.e-input-group {
    width: 95px !important;
}

.languagePicker-container[b-3y9dfmpuzl]  .e-input-value {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.languagePicker-container[b-3y9dfmpuzl]  .e-input-value span {
    line-height: 1.2;
}

.languagePicker-container[b-3y9dfmpuzl]  .e-input-group,
.languagePicker-container[b-3y9dfmpuzl]  .e-input-group.e-control-wrapper {
    box-shadow: none !important;
}

.languagePicker-container[b-3y9dfmpuzl]  .e-input-group:not(.e-success):not(.e-warning):not(.e-error),
.languagePicker-container[b-3y9dfmpuzl]  .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
    border-radius: 8px;
    border-color: var(--gray-light-color);
}

.languagePicker-container[b-3y9dfmpuzl]  .e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
.languagePicker-container[b-3y9dfmpuzl]  .e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: var(--primary-dark-color);
}

.languagePicker-container[b-3y9dfmpuzl]  .e-ddl.e-input-group .e-input-value,
.languagePicker-container[b-3y9dfmpuzl]  .e-ddl.e-input-group .e-input-value:focus {
    font-family: 'Sora', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* /Shared/Components/NumberInput/NumberInput.razor.rz.scp.css */
.numberInput[b-avqz8jjfvb] {
    padding-left: 8px;
    width: 100%;
    height: 44px;
    border: 1px solid var(--gray-light-color);
    border-left: 1px solid transparent;
    border-radius: 0 10px 10px 0;
    outline: none;
    font-family: 'Sora', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    position: relative;
}

.numberInput.invalid[b-avqz8jjfvb] {
    border-color: var(--negative);
}

.numberInput:active[b-avqz8jjfvb],
.numberInput:focus[b-avqz8jjfvb] {
    border-color: var(--primary-color);
}
/* /Shared/Components/PluxeeInfo/PluxeeInfo.razor.rz.scp.css */
.pluxee-info-container[b-3ho9k73cgu] {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 8px;
    background-color: var(--bg-gray-dark-color);
    position: relative;
}

    .pluxee-info-container[b-3ho9k73cgu]  .e-spinner-pane {
        backdrop-filter: blur(2px);
        z-index: 20 !important;
    }

.info-header[b-3ho9k73cgu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.info-title[b-3ho9k73cgu] {
    font-size: 20px;
    font-weight: 600;
}

.item-subtitle[b-3ho9k73cgu] {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-dark-color);
}

.info-list[b-3ho9k73cgu] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.info-item[b-3ho9k73cgu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

.item-text[b-3ho9k73cgu] {
    color: #000000;
    font-size: 16px;
}

.copy-btn[b-3ho9k73cgu],
.visibility-btn[b-3ho9k73cgu] {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    background-color: transparent;
    transition: all 0.1s linear;
    border-radius: 50%;
}

.copy-icon[b-3ho9k73cgu] {
    width: 16px;
    height: 16px;
}

.visibility-icon[b-3ho9k73cgu] {
    width: 20px;
    height: 20px;
}

.copy-btn:hover[b-3ho9k73cgu],
.visibility-btn:hover[b-3ho9k73cgu] {
    background-color: var(--gray-light-color);
}

.login-status[b-3ho9k73cgu] {
    font-size: 14px;
    font-weight: 500;
    color: var(--negative);
    position: relative;
}

    .login-status[b-3ho9k73cgu]::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: var(--negative);
        position: absolute;
        top: 50%;
        left: -12px;
        z-index: 1;
        transform: translateY(-50%);
    }

    .login-status.logged-in[b-3ho9k73cgu] {
        color: var(--green-color);
    }

        .login-status.logged-in[b-3ho9k73cgu]:before {
            background-color: var(--green-color);
        }

.warning-title[b-3ho9k73cgu] {
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--brown-light);
}

.warning-text[b-3ho9k73cgu] {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--brown-light);
}

.pluxee-info-container[b-3ho9k73cgu]  .e-control.e-btn {
    background: transparent;
}

    .pluxee-info-container[b-3ho9k73cgu]  .e-control.e-btn:hover {
        color: var(--primary-color);
    }

@media(min-width: 992px) {
    .pluxee-info-container[b-3ho9k73cgu]  .e-control.e-btn:hover {
        background: var(--primary-lighter-color);
        border-color: var(--primary-color);
    }
}
/* /Shared/Components/PluxeeLoginReminder/PluxeeLoginReminder.razor.rz.scp.css */
.sorry-image[b-ek6dbr46vc] {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 14px;
}

.sorry-text[b-ek6dbr46vc] {
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.text[b-ek6dbr46vc] {
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 400;
}

.text:last-of-type[b-ek6dbr46vc] {
    margin-bottom: 0;
}
/* /Shared/Components/RequestNotesModal/RequestNotesModal.razor.rz.scp.css */
.dialog-title[b-2edzz86kq2] {
    font-size: 18px;
    font-weight: 600;
}

.closeButton[b-2edzz86kq2] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 12px;
    right: 12px;
    background-color: transparent;
    border-radius: 50%;
    border: none;
    transition: all 0.1s linear;
}

    .closeButton:hover[b-2edzz86kq2] {
        background-color: var(--primary-lighter-color);
    }

.closeButton-image[b-2edzz86kq2] {
    width: 12px;
    height: 12px;
}

.dialog-content[b-2edzz86kq2] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    color: var(--black-color);
}


.notes[b-2edzz86kq2] {
    width: 93%;
    position: relative;
}

    .notes:first-of-type[b-2edzz86kq2] {
        padding-right: 10px;
        margin-left: auto;
    }

    .notes:last-of-type[b-2edzz86kq2] {
        padding-left: 10px;
        margin-right: auto;
    }

    .notes:first-of-type h3[b-2edzz86kq2] {
        text-align: right;
    }

    .notes h3[b-2edzz86kq2] {
        margin-bottom: 4px;
        font-size: 14px;
        font-weight: 400;
        color: var(--gray-dark-color);
    }

    .notes p[b-2edzz86kq2] {
        word-break: break-word;
        min-height: 70px;
        max-height: 150px;
        height: calc(100% - 21px);
        overflow: auto;
        padding: 12px;
        border-radius: 16px;
        font-size: 14px;
        line-height: 1.2;
        position: relative;
        z-index: 2;
    }

    .notes:first-of-type p[b-2edzz86kq2] {
        background-color: var(--bg-primary-light-color);
    }

    .notes:first-of-type[b-2edzz86kq2]::after,
    .notes:last-of-type[b-2edzz86kq2]::before {
        content: "";
        width: 20px;
        height: 20px;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        bottom: 0;
        z-index: 1;
    }

    .notes:first-of-type[b-2edzz86kq2]::after {
        background-image: url("assets/icons/tail_primary_light.svg");
        background-position: right;
        right: 0;
    }

    .notes:last-of-type[b-2edzz86kq2]::before {
        background-image: url("assets/icons/tail_gray_light.svg");
        background-position: right;
        left: 0;
        transform: scaleX(-1);
    }

    .notes:last-of-type p[b-2edzz86kq2] {
        background-color: var(--gray-light-color);
    }

    .notes p.empty-notes[b-2edzz86kq2] {
        color: var(--gray-dark-color);
    }


@media(min-width: 992px) {
    .dialog-content[b-2edzz86kq2] {
        padding-bottom: 18px;
    }

    .dialog-title[b-2edzz86kq2] {
        font-size: 20px;
    }

    .closeButton[b-2edzz86kq2] {
        top: 30px;
        right: 30px;
    }

    .notes p[b-2edzz86kq2] {
        padding: 18px 24px;
    }
}
/* /Shared/Components/RouteNotFound/RouteNotFound.razor.rz.scp.css */
.wrapper[b-qhvgjr054b] {
    height: 100%;
    display: flex;
}

.not-found[b-qhvgjr054b] {
    width: 100%;
    margin: auto 0;
    max-height: 100%;
    padding: 16px;
    position: relative;
    z-index: 1;
    overflow: auto;
}

.not-found h2[b-qhvgjr054b] {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}

.description[b-qhvgjr054b] {
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
}

.error-code[b-qhvgjr054b] {
    margin: 9vh 0 7vh;
    font-size: 25vw;
    font-weight: 600;
    text-align: center;
    color: var(--primary-color);
}

.not-found[b-qhvgjr054b]  .e-btn.e-primary {
    margin: 0 auto;
    width: 100%;
    max-width: 470px;
}

.not-found img[b-qhvgjr054b] {
    width: 50vw;
    max-width: 500px;
    max-height: 60vh;
    position: absolute;
    top: 54%;
    left: 5%;
    transform: translateY(-50%);
    z-index: -1;
}

@media (min-width: 992px) {
    .not-found[b-qhvgjr054b] {
        padding: 20px;
    }

    .not-found h2[b-qhvgjr054b] {
        margin-bottom: 30px;
        font-size: 32px;
    }

    .description[b-qhvgjr054b] {
        font-size: 20px;
    }

    .error-code[b-qhvgjr054b] {
        font-size: 250px;
    }

    .not-found img[b-qhvgjr054b] {
        width: 40vw;
    }
}

@media (min-width: 1200px) {
    .not-found img[b-qhvgjr054b] {
        width: 35vw;
        left: auto;
        right: 47%;
    }
}
/* /Shared/Components/TestImageButton/TestImageButton.razor.rz.scp.css */
.image-button-container[b-h2y459yv1q] {
    border-radius: 8px;
    border: 1px solid var(--border-gray-color);
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: border 0.2s ease-in-out;
    overflow: hidden;
    max-height: 274px;
}

.image-button-container.active[b-h2y459yv1q] {
    border: 3px solid var(--secondary-color);
}

.text[b-h2y459yv1q] {
    font-weight: 400;
    font-size: 14px;
}

@media (min-width: 792px) {
    .image-button-container[b-h2y459yv1q] {
        width: 288px;
    }
}
/* /Shared/Components/TestOwnValueRadioButton/TestOwnValueRadioButton.razor.rz.scp.css */
.radio-button-container[b-z3vp2wdeoa] {
    border-radius: 4px;
    border: 1px solid var(--border-gray-color);
    padding: 12px;
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    cursor: pointer;
    transition: border 0.2s ease-in-out;
}

.radio-button-container.active[b-z3vp2wdeoa] {
    border: 1px solid var(--secondary-lighter-color);
}

.text[b-z3vp2wdeoa] {
    font-weight: 400;
    font-size: 14px;
}

.circle[b-z3vp2wdeoa] {
    border: 1px solid var(--border-gray-color);
    min-height: 20px;
    min-width: 20px;
    max-height: 20px;
    max-width: 20px;
    border-radius: 50%;
    transition: border 0.2s ease-in-out;
}

.squere[b-z3vp2wdeoa] {
    border: 1px solid var(--border-gray-color);
    min-height: 20px;
    min-width: 20px;
    max-height: 20px;
    max-width: 20px;
    border-radius: 6px;
    transition: border 0.2s ease-in-out;
}

.radio-button-container.active .circle[b-z3vp2wdeoa] {
    border: 1px solid var(--secondary-lighter-color);
}
/* /Shared/Components/TestRadioButton/TestRadioButton.razor.rz.scp.css */
.radio-button-container[b-2cnmicfix8] {
  border-radius: 4px;
  border: 1px solid var(--border-gray-color);
  padding: 12px;
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  transition: border 0.2s ease-in-out;
}

.radio-button-container.active[b-2cnmicfix8] {
  border: 1px solid var(--secondary-lighter-color);
}

.text[b-2cnmicfix8] {
  font-weight: 400;
  font-size: 14px;
  word-break: break-word;
  line-height: 130%;
}

.circle[b-2cnmicfix8] {
  border: 1px solid var(--border-gray-color);
  min-height: 20px;
  min-width: 20px;
  border-radius: 50%;
  transition: border 0.2s ease-in-out;
}

.squere[b-2cnmicfix8] {
  border: 1px solid var(--border-gray-color);
  min-height: 20px;
  min-width: 20px;
  border-radius: 6px;
  transition: border 0.2s ease-in-out;
}

.radio-button-container.active .circle[b-2cnmicfix8] {
  border: 1px solid var(--secondary-lighter-color);
}
/* /Shared/Components/TestScaleItem/TestScaleItem.razor.rz.scp.css */
.scale-item-container[b-cj465ukim3] {
    border-radius: 100%; 
    border: 1px solid var(--gray-description-color);  
    width: 32px; 
    height: 32px; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    font-weight: 400; 
    font-size: 14px;  
    color: var(--dark-color);
    cursor: pointer;
}

.scale-item-container.active[b-cj465ukim3] {
    border: 1px solid var(--secondary-color);
    background-color: var(--secondary-lightest-color);
}

@media(min-width: 792px){
    .scale-item-container[b-cj465ukim3] {
        width: 52px; 
        height: 52px; 
    }
}
/* /Shared/Components/ToastMessage/ToastMessage.razor.rz.scp.css */
.toast-container[b-y0va3ps1bo] {
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.toast-icon[b-y0va3ps1bo] {
    padding: 3px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
}

.toast-icon.error[b-y0va3ps1bo] {
    background-color: var(--negative);
}

.toast-icon.warning[b-y0va3ps1bo] {
    background-color: var(--warning);
}

.toast-icon.success[b-y0va3ps1bo] {
    padding: 6px 3px 5px 4px;
    background-color: var(--secondary-color);
}

.message-wrapper[b-y0va3ps1bo] {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--black-color);
    /* If multiple tags inside(markup) */
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/* /Shared/Components/UserInfo/UserInfo.razor.rz.scp.css */
.user-info-container[b-ub3vdv4680] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.info-list[b-ub3vdv4680] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.info-item[b-ub3vdv4680] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.item-icon[b-ub3vdv4680] {
    width: 20px;
    height: 20px;
} 

.item-text[b-ub3vdv4680] {
    font-size: 16px;
}

.language-container[b-ub3vdv4680] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.language-container[b-ub3vdv4680]  .e-spinner-pane.e-spin-show {
    width: auto;
    position: relative;
    left: 10px;
}

.note[b-ub3vdv4680] {
    font-size: 14px;
    color: var(--gray-dark-color);
    line-height: 1.3;
}
/* /Shared/Layouts/Authorized/AuthorizedLayout.razor.rz.scp.css */
.notification-header[b-ix9xg5gum5] {
    text-transform: uppercase;
    color: var(--white-color);
    font-weight: 600;
}
/* /Shared/Layouts/Authorized/DesktopLayout/DesktopLayout.razor.rz.scp.css */
main[b-roga8ebr6k] {
    flex: 1;
    overflow: hidden;
    margin-left: 310px;
    overflow-y: auto;
}

.nav-wrapper[b-roga8ebr6k] {
    height: calc(100% - 74px);
}

.page[b-roga8ebr6k] {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.logo[b-roga8ebr6k] {
    margin-bottom: 30px;
    justify-content: flex-start;
    gap: 12px;
}

.logo-image[b-roga8ebr6k] {
    width: 44px;
}

.logo-text[b-roga8ebr6k] {
    font-size: 16px;
    color: var(--white-color);
}

[b-roga8ebr6k] .sidebar {
    padding: 30px 30px 0 30px;
    display: flex;
    flex-direction: column;
    background-color: var(--primary-dark-color);
}
/* /Shared/Layouts/Authorized/DesktopLayout/Navigation/Navigation.razor.rz.scp.css */
nav[b-wmkecb16ag] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
}

.nav-list[b-wmkecb16ag], 
.footer-list[b-wmkecb16ag] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.footer-list[b-wmkecb16ag] {
    padding-bottom: 30px;
}

.nav-item[b-wmkecb16ag] {
    position: relative;
}

.nav-list .nav-item:nth-child(2)[b-wmkecb16ag]::after,
.nav-list .nav-item:nth-child(4)[b-wmkecb16ag]::after {
    margin-top: 30px;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--gray-color);
    opacity: 0.2;
}

.footer-list .nav-item:first-child[b-wmkecb16ag]::before {
    margin-bottom: 30px;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--gray-color);
    opacity: 0.2;
}

.link-icon[b-wmkecb16ag] {
    font-size: 30px;
    margin-right: 10px;
}

.link-text--wrapper[b-wmkecb16ag] {
    padding-left: 12px;
    display: flex;
    align-items: center;
}

.link-text[b-wmkecb16ag] {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--white-color);
    overflow: hidden;
    text-overflow: ellipsis;
}

.link-counter[b-wmkecb16ag] {
    margin-right: 3px;
    min-width: 20px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;  
    position: relative;
    top: -8px;
    right: -4px;
    background-color: var(--negative);
    color: var(--white-color);
    border-radius: 50%;
    line-height: 1;
}

.link-counter.long[b-wmkecb16ag] {
    font-size: 9px;
}

[b-wmkecb16ag] .nav-link,
button.nav-link[b-wmkecb16ag] {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 7px 10px;
    position: relative;
    border-radius: 4px;
    background: transparent;
    border: 1px solid var(--primary-dark-color);
}

[b-wmkecb16ag] .nav-link svg {
    width: 26px;
}

[b-wmkecb16ag] .nav-link.active {
    background-color: #EFF0FF;
}

[b-wmkecb16ag] .nav-link.active .link-text {
    color: var(--primary-dark-color);
}

[b-wmkecb16ag] .nav-link:not(.active):hover {
    background-color: #EFF0FF;
}

[b-wmkecb16ag] a.nav-link:not(.active):hover .link-text {
    color: var(--primary-dark-color);
}

[b-wmkecb16ag] button.nav-link:not(.active):hover .link-text {
    color: var(--negative);
}

[b-wmkecb16ag] a.nav-link.active > svg path,
[b-wmkecb16ag] a.nav-link:not(.active):hover > svg path {
    fill: var(--primary-dark-color);
}

[b-wmkecb16ag] button.nav-link:not(.active):hover > svg path {
    stroke: var(--negative);
}
/* /Shared/Layouts/Authorized/MobileLayout/MobileLayout.razor.rz.scp.css */
.page[b-l6bq8mphdb] {
    height: 100%;
}

main[b-l6bq8mphdb] {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 65px;
}

.main-content[b-l6bq8mphdb] {
    flex: 1;
    overflow: scroll;
    max-height: calc(100% - 65px); /* 65px - bottom navigation height */
    overflow: scroll;
}
/* /Shared/Layouts/Authorized/MobileLayout/Navigation/Navigation.razor.rz.scp.css */
.container[b-nklf4cp4t5]{
    height: 65px !important;
    box-shadow: 0 -1px 5px var(--gray-light-color);
    position: sticky;
    bottom: 0;
}

.bottom-navigation[b-nklf4cp4t5] {
    position: relative;
    height: 100%;
}

.nav-list[b-nklf4cp4t5] {
    height: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
}

.nav-item[b-nklf4cp4t5] {
    display: flex;
    justify-content: center;
    position: relative;
}

.link-text[b-nklf4cp4t5] {
    font-size: 12px;
    color: var(--gray-dark-color);
}

button.nav-link[b-nklf4cp4t5] {
    background-color: transparent;
    border: none;
    outline: none;
}

[b-nklf4cp4t5] .nav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-right: 0.8rem;
    padding-left: 0.8rem;
}

[b-nklf4cp4t5] .nav-link svg {
    width: 24px;
    height: 24px;
}

[b-nklf4cp4t5] .nav-link .link-text {
    margin-top: 6px;
    color: var(--primary-dark-color);
}


[b-nklf4cp4t5] .nav-link.active .link-text {
    color: var(--gray-color);
    font-weight: 600;
}

[b-nklf4cp4t5] .nav-link .link-text.inactive {
    color: var(--primary-dark-color);
    font-weight: 400;
}
/* /Shared/Layouts/Unauthorized/UnauthorizedLayout.razor.rz.scp.css */
.unauthorized-wrapper[b-3zozqko5qy] {
    width: 100%;
    height: 100%;
}

.right[b-3zozqko5qy] {
    height: 100%;
    position: relative;
    z-index: 1;
}

.left[b-3zozqko5qy] {
    display: none;
}

.language-container[b-3zozqko5qy] {
    position: absolute;
    right: 0;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    padding: 5px 20px 10px;
}

.language-icon[b-3zozqko5qy] {
    width: 24px;
    height: 24px;
}

.wipe[b-3zozqko5qy] {
    width: 260px;
    position: fixed;
    top: 50px;
    right: -75px;
    z-index: -1;
}

.main-container[b-3zozqko5qy] {
    height: 100%;
    width: 100%;
    padding: 40px 20px;
    overflow-y: auto;
}

.header[b-3zozqko5qy] {
    margin-top: 20px;
    margin-bottom: 60px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-logo[b-3zozqko5qy] {
    width: 10vw;
    height: 10vw;
}

.header-text[b-3zozqko5qy] {
    font-size: 5.5vw;
    font-weight: 700;
    color: var(--primary-dark-color);
}


@media (max-width: 424.98px) {
    .main-container[b-3zozqko5qy] {
        padding: 20px;
    }
}

@media (min-width: 568px) {
    .header-logo[b-3zozqko5qy] {
        width: 60px;
        height: 60px;
    }

    .header-text[b-3zozqko5qy] {
        font-size: 24px;
    }
}

@media (min-width: 792px) {
    .header[b-3zozqko5qy] {
        margin-top: 32px;
        margin-bottom: 67px;
        justify-content: center;
    }

    .wipe[b-3zozqko5qy] {
        width: 360px;
        position: fixed;
        top: 50px;
        right: -75px;
        z-index: -1;
    }
}

@media (min-width: 992px) {
    .wipe[b-3zozqko5qy] {
        display: none;
    }

    .unauthorized-wrapper[b-3zozqko5qy] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .left[b-3zozqko5qy] {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: rgba(184, 186, 241, 0.66);
    }

    .logo[b-3zozqko5qy] {
        display: flex;
        align-items: center;
        gap: 1.5vw;
        position: sticky;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
    }

    .logo-img[b-3zozqko5qy] {
        width: 7vw;
        height: 7vw;
        z-index: 2;
    }

    .logo-text[b-3zozqko5qy] {
        font-size: 2.8vw;
        font-weight: 700;
        z-index: 2;
    }

    .logo-wipe[b-3zozqko5qy] {
        width: 45vw;
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

    .main-container[b-3zozqko5qy] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header[b-3zozqko5qy] {
        display: none;
    }
}

@media (max-height: 600px) {
    .logo-wipe[b-3zozqko5qy] {
        height: 80vh;
    }
}