.components-page-CreateWorkTimeEntryPage-__ErrorMessageBox {
    margin-bottom: 2rem
}

.components-timeTracking-EditWorkTimeEntryBreaksWidget-__container {
}

.components-timeTracking-EditWorkTimeEntryBreaksWidget-__title {

    margin-bottom: 0.5rem;

    font-size: 0.875rem;

    line-height: 1.25rem;

    font-weight: 500
}

.components-timeTracking-EditWorkTimeEntryBreaksWidget-__list {

    margin-bottom: 1rem
}

.components-workTime-WorkTimeEntryToCreateActivityWidget-__title {

    margin-bottom: 0.5rem;

    font-size: 0.875rem;

    line-height: 1.25rem;

    font-weight: 500
}

.components-workTime-WorkTimeEntryToCreateActivityWidget-__selectActivityButtonWrapper {

    margin-top: 1rem
}

.components-workTime-WorkTimeEntryToCreateConstructionSiteWidget-__title {

    margin-bottom: 0.5rem;

    font-size: 0.875rem;

    line-height: 1.25rem;

    font-weight: 500
}

.components-workTime-WorkTimeEntryToCreateConstructionSiteWidget-__selectConstructionSiteButtonWrapper {

    margin-top: 1rem
}

.components-timeTracking-TimeTrackingActivityToSelectListItem-__card {
    cursor: pointer
}

.components-constructionSite-ConstructionSiteToSelectListItem-__card {
    cursor: pointer
}

.components-page-CreateWorkTimeEntrySelectConstructionSitePage-__searchInput {
    margin-bottom: 3rem
}

.components-timeTracking-TrackedWorkTimeLine-__legend {

    margin-bottom: 0.5rem
}

.components-timeTracking-TrackedWorkTimeLine-__legendColorPreview {

    display: inline-block;

    height: 1rem;

    width: 1rem;

    vertical-align: middle
}

.components-timeTracking-TrackedWorkTimeLine-__legendColorPreview ~ .components-timeTracking-TrackedWorkTimeLine-__legendColorPreview {

    margin-left: 2rem
}

.components-timeTracking-TrackedWorkTimeLine-__legendColorText {

    margin-left: 0.5rem;

    vertical-align: middle
}

.components-timeTracking-TrackedWorkTimeLine-__legendColorPreview[data-entry-type='break'],
.components-timeTracking-TrackedWorkTimeLine-__entry[data-entry-type='break'] {

    --tw-bg-opacity: 1;

    background-color: rgb(209 213 219 / var(--tw-bg-opacity))
}

.components-timeTracking-TrackedWorkTimeLine-__legendColorPreview[data-entry-type='workTime'],
.components-timeTracking-TrackedWorkTimeLine-__entry[data-entry-type='workTime'] {

    --tw-bg-opacity: 1;

    background-color: rgb(156 163 175 / var(--tw-bg-opacity))
}

.components-workTime-TodaysWorkTimeInfoDetailEntry-__durationInfo {
    font-family: "Basier Circle Mono", monospace
}

.components-workTime-TodaysWorkTimeInfo-__detailContainer {

    margin-top: 0.5rem
}

.components-workTime-TodaysWorkTimeInfo-__detailEntriesList > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))
}

.components-page-HomePage-__todaysWorkTimeInfo {
    margin-bottom: 1.5rem
}

.components-user-CreateUserDialog-__messageListBox {
    margin-bottom: 2rem
}

.components-userGroup-UserGroupToUsersWidget-UserGroupToUsersWidgetUser-__user {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.components-userGroup-UserGroupToUsersWidget-__userList > :not([hidden]) ~ :not([hidden]) {

    --tw-divide-y-reverse: 0;

    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));

    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));

    --tw-divide-opacity: 1;

    border-color: rgb(229 231 235 / var(--tw-divide-opacity))
}

.components-userGroup-UserGroupToUsersWidget-__addUserWrapper {

    display: flex;

    align-items: center;

    justify-content: center
}

.components-userGroup-UserGroupToUsersWidget-__addUserButton {

    margin-left: 0.5rem
}

.components-workTime-ExportWorkTimeBaseDialog-__exportInputForm {
    display: flex;
    gap: 1rem
}

.components-workTime-ExportYearSelect-__yearSelect {
    width: 6rem
}

.components-input-MonthSelect-__monthSelect {
    width: 9rem
}

.App-__loadingOverlay {

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px;

    --tw-bg-opacity: 1;

    background-color: rgb(249 115 22 / var(--tw-bg-opacity));

    position: absolute
}

.App-__messagesContainer {

    bottom: 2.5rem;

    left: 50%;

    --tw-translate-x: -50%;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

    text-align: center;

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity));

    position: absolute
}

.App-__message:not(:last-child) {

    font-size: 0.875rem;

    line-height: 1.25rem;

    opacity: 0.5
}

.App-__message:last-child {

    font-size: 1rem;

    line-height: 1.5rem
}

.App-__spinner {

    left: 50%;

    top: 50%;

    --tw-translate-x: -50%;

    --tw-translate-y: -50%;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity));

    position: absolute
}


/*# sourceMappingURL=app.css.map*/