@import '_content/TimeClockNow.WebApp.Components.Common/TimeClockNow.WebApp.Components.Common.bundle.scp.css';

/* /Components/Assistant/AssistantModal.razor.rz.scp.css */
[b-wekilquvan] .thread {
    display: flex;
    flex-direction: column;
}

[b-wekilquvan] .thread__message {
    border-radius: 10px;
    max-width: 80%;
    padding: .5rem 1rem;
    margin-bottom: 1rem;
}

[b-wekilquvan] .thread__message.reply {
    background-color: #cccccc;
    align-self: flex-start;
}

[b-wekilquvan] .thread__message.sent {
    background-color: #1982FC;
    color: #ffffff;
    align-self: flex-end;
}
/* /Components/Common/PayPeriodSelector.razor.rz.scp.css */
.pay-period-selector > .load-more[b-btb53uzagm] {
    display: none;
}
/* /Components/Employees/ManageEmployeePositions.razor.rz.scp.css */
/* /Components/Permissions/PermissionsInputTable.razor.rz.scp.css */
[b-qmch0e50ic] .permissions-table-list .mud-list-item-text {
    margin-bottom: 1px;
    margin-top: 1px;
}
/* /Components/Punches/DaySummary.razor.rz.scp.css */
.day-summary-container[b-2h9h9int5q] {
    text-align: left;
    background-color: #ffffff;
    min-height: 66px;
}

.day-summary__header[b-2h9h9int5q] {
    padding: 0.1rem 0.5rem;
    text-align: left;
    font-weight: bold;
    font-size: 0.85rem;
}
.day-summary__content[b-2h9h9int5q] {
    padding: .15rem .25rem;
    text-align: center;
    display: flex;
    flex-direction: column;
}
.value-part[b-2h9h9int5q] {
    font-size: 1.1em;
    /*font-weight: bold;*/
}
.append-part[b-2h9h9int5q] {
    font-size: 0.9em;
}
/* /Components/Punches/EmployeeFilter.razor.rz.scp.css */
[b-yjobtrywny] .mud-field div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense {
    padding-bottom: 6px;
    padding-top: 6px;
}
/* /Components/Scheduling/AvailabilityEditor.razor.rz.scp.css */


.availability-editor__day[tcn-sch] {
    border: 1px solid #ededed;
    display: flex;
    flex-direction: column;
    min-height: 150px;
}

.availability-day__header[tcn-sch] {
    font-weight: bold;
    font-size: 1.2em;
    padding: 3px 5px;
    border-bottom: 1px solid #f3f3f3;
    display: flex;
    justify-content: space-between;
    background: rgb(246,246,246);
    background: linear-gradient(125deg, rgba(246,246,246,1) 0%, rgba(237,237,237,1) 100%);
}
.availability-day__date-short[tcn-sch] {
    display: none;
}
.availability-day__content[tcn-sch]  .status-toggle-button.mud-button-filled-success {
    background-color: #0c7a0c;
}

@media (min-width: 1280px) {
    .schedule-view--grid .availability-day__content[tcn-sch]  .status-toggle-button {
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
    }
}
/* /Components/Scheduling/AvailabilityViewer.razor.rz.scp.css */
.availability-viewer .employee-availability[tcn-sch] {
    padding: 2px;
    font-size: .8rem;
    border: 1px solid #eee;
    border-radius: 5px;
    line-height: 1.1;
    margin: 0 1px 1px;
    min-height: 28px;
}
.availability-viewer .employee-availability__employee[tcn-sch] {
    font-weight: bold;
}
.availability-viewer .employee-availability__status[tcn-sch] {
    margin-left: 1px;
    font-style: italic;
    font-size: .7rem;
}
.availability-viewer .employee-availability.unspecified[tcn-sch] {
    background-color: #e5e5e5;
}
.availability-viewer .employee-availability.available[tcn-sch] {
    background-color: #235323;
    color: white;
}
.availability-viewer .employee-availability.unavailable[tcn-sch] {
    background-color: #722525;
    color: white;
}
/* /Components/Scheduling/ColorChip.razor.rz.scp.css */
.color-chip[tcn-sch] {
    font-size: 0.85rem; 
    line-height: .75;
}
/* /Components/Scheduling/DailyNeedsListEditor.razor.rz.scp.css */
.need-list-item:not(:last-child)[tcn-sch] {
    border-bottom: 1px dashed #cccccc;
}
.need-list-item.editable[tcn-sch] {
    transition: 0.2s ease-in-out;
    cursor: pointer;
}
.need-list-item.editable:hover[tcn-sch] {
    background: #eeeeee;
}
.needs-amounts[tcn-sch] {
    display: flex;
    min-height: 100%;
    align-items: center;
    font-size: 1.25em;
}
.needs-amounts .divider[tcn-sch] {
    height: 75%;
    border-right: 1px solid #ccc;
    display: flex;
    transform: rotate(15deg);
    margin: 0 6px;
}
/* /Components/Scheduling/DepartmentScheduleView.razor.rz.scp.css */
.primary-groups[tcn-sch] { /*.schedule-day__entries--expanded*/
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(300px, 1fr));
    grid-gap: 1rem;
}
.past-collapsed[tcn-sch] {
    padding: .25rem;
}

/*.schedule-day__entries:not(.schedule-day__entries--expanded) .primary-group:not(:last-child) { !*:not(.schedule-day__entries--expanded) *!*/
/*    padding-bottom: 0.5rem;*/
/*    border-bottom: 1px solid #dedede;*/
/*}*/
.primary-group[tcn-sch] { /* .schedule-day__entries--expanded */
    border: 1px solid #dedede;
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
    padding: 0;
}

.primary-group__title[tcn-sch] {
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
}

.secondary-group[tcn-sch] { /* .schedule-day__entries--expanded */
    padding: 0 .5rem 3px;
}
.secondary-group:not(:last-child)[tcn-sch] {
    margin-bottom: .25rem;
}
.secondary-group__title[tcn-sch] {
    font-size: 1.1em;
    font-weight: bold;
    text-align: left;
    display: flex;
    align-items: center;
}
.no-entries-text[tcn-sch] {
    padding: 0.5rem;
    font-size: 1.5em;
    margin-bottom: 1rem;
}

.schedule-day__special[tcn-sch]  .schedule-day__open-shifts {
    background-color: #ffca45;
    color: black;
}
.schedule-day__special[tcn-sch]  .schedule-day__open-shifts:hover {
    background-color: #e8a91f;
}

@media screen and (max-width: 600px) {
    .primary-group[tcn-sch] { /* .schedule-day__entries--expanded */
        border: none;
    }
    .secondary-group[tcn-sch] {
        padding: 0 .5rem 3px;
    }
    .schedule-day__special[tcn-sch]  .mud-chip {
        font-size: 1.15em;
        padding: 1rem;
    }
}

@media screen and (min-width: 1280px), print {
    .schedule-view--grid .primary-group[tcn-sch]{
        padding: 0;
        border: none;
    }
    .schedule-view--grid .primary-groups[tcn-sch] {
        display: block;
    }
    .schedule-view--grid .secondary-group[tcn-sch] {
        padding: 0 5px 3px;
    }
    .schedule-view--grid .no-entries-text[tcn-sch] {
        display: none;
    }
    .schedule-view--grid .schedule-day__special[tcn-sch] {
        padding: 3px 5px;
    }
    .schedule-view--grid .schedule-day__special[tcn-sch]  .schedule-day__open-shifts,
    .schedule-view--grid .schedule-day__special[tcn-sch]  .schedule-day__pending-changes,
    .schedule-view--grid .schedule-day__special[tcn-sch]  .schedule-day__time-off,
    .schedule-view--grid .schedule-day__special[tcn-sch]  .schedule-day__payday-indicator {
        width: 100%;
        margin: 0 0 .25rem;
    }
}

@media print {
    .secondary-group__title[tcn-sch] {
        font-size: .85em;
        padding-left: 3px;
    }

    .primary-group__title[tcn-sch] {
        font-size: .9em;
    }

    .schedule-view--grid .secondary-group[tcn-sch] {
        padding: 0;
    }    
}
/* /Components/Scheduling/EmployeeScheduleChip.razor.rz.scp.css */
.employee-schedule-chip[tcn-sch] {
    width: 100%;
    border-radius: 2px;
    padding: 0;
    font-size: .75rem;
    margin-bottom: 1px;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    position: relative;
}
.employee-schedule-chip.related-entry[tcn-sch] {
    border: 1px dashed #000000 !important;
    background-color: #dddddd !important;
    color: #000000 !important;
}
.employee-schedule-chip.is-new[tcn-sch] {
    animation-name: is-new-animation-tcn-sch;
    /*animation-delay: .1s;*/
    animation-duration: .6s;
    /*animation-iteration-count: 2;*/
    animation-timing-function: ease-out;
    /*margin-left: -100%;*/
}
@keyframes is-new-animation-tcn-sch {
    from {margin-left: 105%;}
    to {margin-left: 0;}
    /*0% { filter: brightness(1); }*/
    /*50% { filter: brightness(2); }*/
    /*to { filter: brightness(1); }*/
}

.employee-schedule-chip-overlay[tcn-sch] {
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
}
.employee-schedule-chip.active[tcn-sch] {
    outline: 3px solid #ff0000;
}
.employee-schedule-chip.active[tcn-sch]:before {
    border-radius: 2px;
    position: absolute;
    display: block;
    content: '';
    border: 2px solid #000000;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.employee-schedule-chip__meta[tcn-sch] {
    display: flex;
    justify-content: flex-end;
}
.employee-schedule-chip__employee[tcn-sch] {
    padding: 3px 3px;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.1;
}
.employee-schedule-chip__employee-type[tcn-sch] {
    align-items: center;
    display: flex;
    font-weight: bold;
}
.employee-schedule-chip__employee-type[tcn-sch]  .mud-svg-icon.mud-icon-size-small {
    font-size: 1rem;
    margin: 0 2px;
}
.employee-schedule-chip__role[tcn-sch] {
    padding: 3px;
    font-weight: bold;
}
.employee-schedule-chip__group[tcn-sch] {
    align-items: center;
    display: flex;
    font-weight: bold;
    padding: 3px 1px;
    min-width: 20px;
    justify-content: center;    
}

.employee-schedule-chip__notes[tcn-sch] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.employee-schedule-chip__notes[tcn-sch]  svg {
    max-width: 22px;
    max-height: 22px;
}


.employee-schedule-chip__tags[tcn-sch] {
    padding: 3px;
}
.employee-schedule-chip__shifts[tcn-sch] {
    border-radius: 0 2px 2px 0;
    padding: 3px 1px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: bold;
    line-height: 1.1;
    min-width: 20px;
    text-align: center;    
}
.employee-schedule-chip__shifts.dual-shifts[tcn-sch] {
    padding: 0;
}
.employee-schedule-chip__shifts.dual-shifts .dual-shift[tcn-sch] {
    padding: 1px 3px 0;
    text-align: center;
    line-height: 1;
}
.employee-schedule-chip__shifts.dual-shifts .dual-shift:first-child[tcn-sch] {
    border-top-right-radius: 2px;
}
.employee-schedule-chip__shifts.dual-shifts .dual-shift:last-child[tcn-sch] {
    border-bottom-right-radius: 2px;
}

.employee-schedule-chip.read-only[tcn-sch] {
    pointer-events: none;
    filter: grayscale(1);
}

.employee-schedule-chip.terminated[tcn-sch],
.employee-schedule-chip.called-off[tcn-sch] {
    filter: grayscale(.2);
    opacity: .6;
    /*text-decoration: line-through;*/
}
.employee-schedule-chip.terminated[tcn-sch]:after,
.employee-schedule-chip.called-off[tcn-sch]:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    border-top: 1px solid black;
    background: black;
    width: 100%;
    transform: translateY(-50%);
}
/* /Components/Scheduling/EmployeeScheduleEditor.razor.rz.scp.css */
.employee-schedule-chip[tcn-sch] {
    width: 100%;
    border-radius: 2px;
    padding: 0;
    font-size: .75rem;
    margin-bottom: 1px;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}
.employee-schedule-chip.chip-large[tcn-sch] {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    margin-bottom: 3px;
    font-size: .85rem;
    border: 1px solid #444444;
    font-weight: bold;
}
.employee-schedule-chip.active[tcn-sch] {
    outline: 2px solid #ff0000;
}
.employee-schedule-chip__meta[tcn-sch] {
    display: flex;
    justify-content: flex-end;
}
.employee-schedule-chip__employee[tcn-sch] {
    padding: 3px 3px;
    flex: 1;
}
.employee-schedule-chip__role[tcn-sch] {
    padding: 3px;
    font-weight: bold;
}
.employee-schedule-chip__group[tcn-sch] {
    padding: 3px;
    font-weight: bold;
}
.employee-schedule-chip__shifts[tcn-sch] {
    border-radius: 0 2px 2px 0;
    padding: 3px 3px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-weight: bold;
}

.chip-large .employee-schedule-chip__meta[tcn-sch] {
    justify-content: stretch;
}
.chip-large .employee-schedule-chip__role[tcn-sch],
.chip-large .employee-schedule-chip__group[tcn-sch],
.chip-large .employee-schedule-chip__shifts[tcn-sch] {
    flex-grow: 1;
}
.employee-schedule-chip.chip-large .employee-schedule-chip__meta[tcn-sch]  .mud-input-control,
.employee-schedule-chip.chip-large .employee-schedule-chip__meta[tcn-sch]  .mud-input {
    color: inherit;
    margin: 0;
}
.employee-schedule-chip.chip-large[tcn-sch]  div.mud-input-slot.mud-input-root {
    padding: 0;
    font-size: .85rem;
    font-weight: bold;
}

.employee-schedule-editor[tcn-sch]  .mud-input-control>.mud-input-control-input-container>div.mud-input.mud-input-text {
    margin-top: .35rem;
}
/* /Components/Scheduling/EmployeeScheduleNotesList.razor.rz.scp.css */
[tcn-sch] .note-row:not(:last-child) {
    border-bottom: 1px solid #e6e6e6;
}
/* /Components/Scheduling/EmployeeScheduleNotesModal.razor.rz.scp.css */
/* /Components/Scheduling/EmployeeScheduleView.razor.rz.scp.css */
[tcn-sch] .schedule-day__content {
    padding: .5rem .5rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.schedule-day__tags[tcn-sch] {
    padding: .5rem .75rem;
}
.no-entries-text[tcn-sch] {
    padding: 0.5rem;
    font-size: 1.5em;
    margin-bottom: 1rem;
}

.schedule-day__special[tcn-sch]  .schedule-day__open-shifts {
    background-color: #ffca45;
    color: black;
}
.schedule-day__special[tcn-sch]  .schedule-day__open-shifts:hover {
    background-color: #e8a91f;
}


@media (max-width: 600px) {
    .schedule-day__special[tcn-sch]  .mud-chip {
        font-size: 1.15em;
        padding: 1rem;
    }
}

@media (min-width: 1280px) {

    .schedule-view--grid .schedule-day__content[tcn-sch] {
        padding: 3px 0;
    }
    .schedule-view--grid .schedule-day__special[tcn-sch] {
        padding: 3px 5px;
    }
    .schedule-view--grid .schedule-day__special[tcn-sch]  .schedule-day__open-shifts,
    .schedule-view--grid .schedule-day__special[tcn-sch]  .schedule-day__pending-changes,
    .schedule-view--grid .schedule-day__special[tcn-sch]  .schedule-day__time-off,
    .schedule-view--grid .schedule-day__special[tcn-sch]  .schedule-day__payday-indicator {
        width: 100%;
        margin: 0 0 .25rem;
    }
}
/* /Components/Scheduling/EmployeeSourceList.razor.rz.scp.css */
[tcn-sch] .employee-source-list__employee-name {
    font-size: .9em;
    position: relative;
    width: 100%;
}
[tcn-sch] [draggable=True] .employee-source-list__employee-name {
    cursor: grab;
}

[tcn-sch] .employee-source-list__employee-filter-button:not(.employee-source-list__employee-filter-button--filtered) {
    display: none;
}
[tcn-sch] .employee-source-list__employee-filter-button:not(.employee-source-list__employee-filter-button--filtered) svg {
    color: #cccccc;
}

[tcn-sch] .mud-list-item.hoverable:hover {
    background-color: #f5f5f5;
}
[tcn-sch] .mud-list-item:hover .employee-source-list__employee-filter-button {
    display: initial;
}
[tcn-sch] .employee-source-list__role-colors,
[tcn-sch] .employee-source-list__employee-number {
    position: absolute;
    right: 0;
    padding-left: 15px;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #f5f5f5 10px);
}
[tcn-sch] .mud-list-item:hover .employee-source-list__role-colors {
    display: none;
}
[tcn-sch] .employee-source-list__employee-number {
    display: none;
}
[tcn-sch] .mud-list-item:hover .employee-source-list__employee-number {
    display: initial;
}
[tcn-sch] .blazorq-dropzone-item-in-transit-copy .employee-source-list__employee-filter-button,
[tcn-sch] .blazorq-dropzone-item-in-transit-copy .mud-list-item .employee-source-list__employee-number {
    display: none !important;
}
[tcn-sch] .blazorq-dropzone-item-in-transit-copy .employee-source-list__employee-name {
    font-size: 1.2em;
}
.show-disabled-appearance[tcn-sch]  .blazorq-dropzone-item-noselect .employee-source-list__employee-name {
    color: #bbbbbb;
    cursor: not-allowed;
}
/* /Components/Scheduling/NeedsGroup.razor.rz.scp.css */
[tcn-sch] .role-needs-container .role-need:not(:last-child) {
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #6e6e6e;
}
/* /Components/Scheduling/NeedsTemplateEditor.razor.rz.scp.css */
.copy-controller-container[tcn-sch] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
.copy-controller[tcn-sch] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 1rem;
    background-color: #001529;
    color: #ffffff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    width: 80%;
    max-width: 800px;
    min-width: 375px;
}
/* /Components/Scheduling/NoteEntryChip.razor.rz.scp.css */
.note-entry-chip[tcn-sch] {
    border: 1px solid #bbbbbb;
    width: 100%;
    border-radius: 2px;
    padding: 0;
    font-size: .75rem;
    margin-bottom: 1px;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    position: relative;
}

.note-entry-chip--warning[tcn-sch] {
    border: 1px solid #ffa63a;
    background-color: #ffa63a;
    color: #000000;
}

.note-entry-chip--error[tcn-sch] {
    border: 1px solid #ff0000;
    background-color: #ff0000;
    color: #ffffff;
}

.note-entry-chip-overlay[tcn-sch] {
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
}
.note-entry-chip.active[tcn-sch] {
    outline: 3px solid #ff0000;
}
.note-entry-chip.active[tcn-sch]:before {
    border-radius: 2px;
    position: absolute;
    display: block;
    content: '';
    border: 2px solid #000000;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.note-entry-chip__meta[tcn-sch] {
    display: flex;
    justify-content: flex-end;
}
.note-entry-chip__note[tcn-sch] {
    padding: 3px 3px;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.1;
}

.note-entry-chip__tags[tcn-sch] {
    padding: 3px;
}

.note-entry-chip.read-only[tcn-sch] {
    pointer-events: none;
    filter: grayscale(1);
}
/* /Components/Scheduling/OpenShiftsModal.razor.rz.scp.css */

[tcn-sch] .mud-table-body .mud-table-row {
    cursor: pointer;
}

[tcn-sch] .mud-table-row.selected {
    background-color: #1E88E5 !important;
}

[tcn-sch] .mud-table-row.selected > td {
    color: white;
    background-color: #1E88E5 !important;
}

@media (min-width: 1280px) {
    [tcn-sch] .mud-table-container {
        max-height: 40vh;
    }
}
/* /Components/Scheduling/PrintModal.razor.rz.scp.css */
[tcn-sch] .print-preview-side {
    
}

[tcn-sch] .print-preview-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 560px;
}

[tcn-sch] .print-preview-container img {
    max-width: 90%;
    max-height: 500px;
    width: auto;
    height: auto;
    margin: 2rem;    
}

@media (max-width: 768px) {
    [tcn-sch] .print-preview-container {
        min-height: 200px;
    }
}
/* /Components/Scheduling/ScheduleChangesModal.razor.rz.scp.css */
[tcn-sch] .mud-table-body .mud-table-row {
    cursor: pointer;
}

[tcn-sch] tr.mud-table-row.selected {
    background-color: #1E88E5 !important;
}

[tcn-sch] tr.mud-table-row.selected > td {
    color: white;
    background-color: #1E88E5 !important;
}

@media (max-width: 600px) {
    [tcn-sch] .mud-xs-table.mud-table-dense .mud-table-cell {
        padding: 2px 16px;
    }
}
/* /Components/Scheduling/ScheduleDayCell.razor.rz.scp.css */
.schedule-day[tcn-sch] {
    border: 1px solid #e0e0e0;
    position: relative;
    margin-bottom: 1.5rem;
    box-shadow: 2px 4px 3px #ddd;
    z-index: 1;
}
.schedule-day.active[tcn-sch] {
    border: 1px solid black;
    outline: 1px solid black;
    z-index: 2;
}
[tcn-sch] .schedule-day-overlay:not(.system-dragging) {
    pointer-events: none;
}
[tcn-sch] .schedule-day-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.schedule-view-grid .schedule-day[tcn-sch] {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    box-shadow: none;
}

.schedule-day__header[tcn-sch] {
    align-items: center;
    color: white;
    display: flex;
    justify-content: flex-start;
    padding: 4px 12px;
    background-color: #003562;
}
.date-text[tcn-sch] {
    margin-right: 12px;
}
.needs-text[tcn-sch] {
    
}

.schedule-view-grid .schedule-day__header[tcn-sch] {
    padding: 3px 5px;
    border-bottom: none;
    justify-content: space-between;
    background-color: transparent;
    color: #666666;
}

[tcn-sch] .needs-text {
    color: white;
}

.schedule-view-grid div[tcn-sch]  .needs-text {
    color: #666666;
}

.schedule-view-grid .date-text[tcn-sch] {
    font-size: .8rem;
    color: #666666;
    margin-right: 0;
}
.date-text .date-text-dow[tcn-sch] {
    margin-right: 4px;
}
.schedule-view-grid .date-text .date-text-dow[tcn-sch] {
    display: none;
}
.schedule-day__content[tcn-sch] {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}
.schedule-day__filler[tcn-sch] {
    flex: 1;
    min-height: 2rem;
}

.schedule-day__others-count[tcn-sch] {
    font-size: .8rem;
    color: #555555;
    padding: 2px;
}

.schedule-day__time-off-entry[tcn-sch] {
    width: 100%;
    border-radius: 2px;
    padding: 1px 3px;
    font-size: .75rem;
    margin-bottom: 1px;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    position: relative;
    flex-direction: column;
    line-height: 1;
    min-height: 39px;
}
.schedule-day__time-off-entry.approved[tcn-sch] {
    border: 1px solid #02c302;
    background-color: #eaffea;
}
.schedule-day__time-off-entry.undecided[tcn-sch] {
    border: 1px solid #ffe100;
    background-color: #fffbc6;    
}

.schedule-day__related-entries[tcn-sch] {
    border-top: 1px solid #dddddd;
    margin-top: 1rem;
}
/* /Components/Scheduling/ScheduleEntryView.razor.rz.scp.css */
.manual-color-chip[tcn-sch] {
    border: 1px solid #888; 
    height: 10px; 
    width: 10px;
}
.schedule-entry.schedule-entry--styled[tcn-sch] {
    box-shadow: 1px 1px 3px #efefef;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 12px;
}
.schedule-entry .schedule-entry__body[tcn-sch] {
    padding: 3px 5px;
}
.schedule-entry__upper[tcn-sch] {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
}
.schedule-entry.schedule-entry--styled:not(.bg-override)[tcn-sch] {
    background-color: #f4f4f4;
}
.schedule-entry.schedule-entry--styled.severity-info[tcn-sch] {
    background-color: #c0e0ff;
}
.schedule-entry.schedule-entry--styled.severity-warning[tcn-sch] {
    background-color: #ffe680;
}
.schedule-entry.schedule-entry--styled.severity-error[tcn-sch] {
    background-color: #ff9299;
}


.schedule-entry--clickable[tcn-sch] {
    cursor: pointer;
}
.schedule-entry--clickable.schedule-entry--styled:hover[tcn-sch] {
    box-shadow: 2px 2px 5px #cccccc;
    transform: translate(-1px, -1px);
}
.schedule-entry--clickable.schedule-entry--styled:not(.bg-override):hover[tcn-sch] {
    background-color: #fcfcfc;
}
.schedule-entry--styled.schedule-entry__cancelled[tcn-sch] {
    color: white;
    background-color: #ba0000;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    border-radius: 5px 5px 0 0;
}
.schedule-entry .schedule-entry__employee[tcn-sch] {
    font-size: 1.2em;
    font-weight: 500;
}
.schedule-entry .schedule-entry__employee-job-title[tcn-sch] {
    font-size: .8em;
}
.schedule-entry .schedule-entry__employee-type[tcn-sch] {
    display: flex;
    align-items: center;
    color: #f23a12;
}
.schedule-entry.terminated .schedule-entry__body[tcn-sch],
.schedule-entry.called-off .schedule-entry__body[tcn-sch] {
    opacity: 0.5;
    filter: grayscale(1);
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='%23444444' stroke-width='1'/><path d='M0 0 L100 100 ' stroke='%23444444' stroke-width='1'/></svg>");
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 100% 100%, auto;
}

.schedule-entry .schedule-entry__date[tcn-sch],
.schedule-entry .schedule-entry__times[tcn-sch] {
    font-size: 1.2em;
    font-weight: 600;
}
.schedule-entry .schedule-entry__role[tcn-sch] {
    font-size: 1.2em;
    /*margin-left: 0.5rem;*/
}
.schedule-entry .schedule-entry__tags[tcn-sch] {
    font-size: 1em;
    /*margin-left: 0.5rem;*/
}
.schedule-entry .schedule-entry__notes[tcn-sch] {
    
}
.schedule-entry:not(.note-entry) .schedule-entry__note[tcn-sch] {
    line-height: 1;
}
.schedule-entry .schedule-entry__note:not(:last-child)[tcn-sch] {
    margin-bottom: .25rem;
}

.schedule-entry .schedule-entry__group[tcn-sch] {
    font-size: 1.2em;
    /*margin-left: 0.5rem;*/
    display: flex;
    align-items: center;
}

@media (min-width: 1280px) {
    .schedule-view--grid[tcn-sch]  .schedule-entry__body {
        padding: 3px 5px;
    }

    .schedule-view--grid[tcn-sch]  .schedule-entry__role {
        font-size: 1.2em;
    }

    .schedule-view--grid[tcn-sch]  .schedule-entry__group {
        font-size: 1.2em;
    }
}

.schedule-entry--dense.schedule-entry--styled[tcn-sch] {
    margin-bottom: 2px;
    line-height: 1;
}
.schedule-entry--dense.schedule-entry--styled .schedule-entry__employee[tcn-sch] {
    font-size: 1em;
    line-height: 1;
}
.schedule-entry--dense.schedule-entry--styled .schedule-entry__date[tcn-sch],
.schedule-entry--dense.schedule-entry--styled .schedule-entry__times[tcn-sch] {
    font-weight: 400;
}
.schedule-entry--dense.schedule-entry--styled .schedule-entry__date[tcn-sch],
.schedule-entry--dense.schedule-entry--styled .schedule-entry__times[tcn-sch],
.schedule-entry--dense.schedule-entry--styled .schedule-entry__role[tcn-sch],
.schedule-entry--dense.schedule-entry--styled .schedule-entry__group[tcn-sch] {
    font-size: 0.95em;
    line-height: 1;
}
.schedule-entry--dense.schedule-entry--styled .schedule-entry__tags[tcn-sch] {
    font-size: 0.85em;
}
.schedule-entry--dense .grouping-2[tcn-sch] {
    display: flex;
    
}
.schedule-entry--dense.schedule-entry--styled .schedule-entry__role[tcn-sch],
.schedule-entry--dense.schedule-entry--styled .schedule-entry__date[tcn-sch],
.schedule-entry--dense.schedule-entry--styled .schedule-entry__times[tcn-sch],
.schedule-entry--dense.schedule-entry--styled .schedule-entry__tags[tcn-sch],
.schedule-entry--dense.schedule-entry--styled .schedule-entry__group[tcn-sch] {
    margin-left: 0;
}
.schedule-entry--dense.schedule-entry--styled .grouping-2 div:not(:first-child)[tcn-sch] {
    margin-left: 0.5rem;
}

.schedule-entry--dense .schedule-entry__times[tcn-sch]  .mud-avatar {
    display: none;
}

@media print {
    .schedule-entry .schedule-entry__employee[tcn-sch] {
        font-size: 0.85em;
    }

    .schedule-entry--dense.schedule-entry--styled .schedule-entry__date[tcn-sch],
    .schedule-entry--dense.schedule-entry--styled .schedule-entry__times[tcn-sch],
    .schedule-entry--dense.schedule-entry--styled .schedule-entry__role[tcn-sch],
    .schedule-entry--dense.schedule-entry--styled .schedule-entry__group[tcn-sch] {
        font-size: 0.75em;
    }

    .schedule-entry .schedule-entry__body[tcn-sch] {
        padding: 0 2px;
    }

    .schedule-entry--dense.schedule-entry--styled[tcn-sch] {
        margin-bottom: 1px;
    }
    .manual-color-chip[tcn-sch] {
        border: none;
        height: 6px;
        width: 6px;
    }
}
/* /Components/Scheduling/ScheduleNoteEntryModal.razor.rz.scp.css */
/* /Components/Scheduling/ScheduleRangeGridList.razor.rz.scp.css */
.schedule-view__description[tcn-sch] {
    font-size: 1rem;
    padding-top: 1rem;
}
.range-grid-day[tcn-sch] {
    border: 1px solid #cccccc;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    min-height: 150px;
    margin-bottom: 1rem;
}
@media screen {
    .range-grid-day--past[tcn-sch] {
        opacity: 40%;
        transition: opacity 0.15s ease-in-out;
    }
}
.range-grid-day--past:hover[tcn-sch] {
    opacity: 100%;
}
.range-grid-day--filler[tcn-sch],
.range-grid-day--empty[tcn-sch] {
    display: none;
}
.range-grid-day--filler[tcn-sch] {
    background: rgb(246,246,246);
}
.range-grid-day__header[tcn-sch] {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-weight: bold;
    font-size: 1.2em;
    padding: .5rem 1rem;
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    justify-content: space-between;
    background: rgb(246,246,246);
    background: linear-gradient(125deg, rgba(246,246,246,1) 0%, rgba(237,237,237,1) 100%);
}
.range-grid-day--today .range-grid-day__header[tcn-sch] {
    background: #003562;
    color: white;
}
.range-grid-day__date-short[tcn-sch] {
    display: none;
}
.range-grid-day--clickable[tcn-sch] {
    /*transition: 0.1s ease-in-out;*/
}
.range-grid-day--clickable:hover[tcn-sch] {
    cursor: pointer;
    background-color: #fcfcfc;
    box-shadow: 2px 2px 5px #bbbbbb;
    transform: translate(-1px, -1px);    
}

.schedule-view--single-day .range-grid-day--empty[tcn-sch] {
    display: flex;
}
.range-grid-day__content[tcn-sch] {
    padding: .5rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

@media screen and (min-width: 1280px), print {
    .range-grid-day__content[tcn-sch] {
        padding: .25rem;
    }    
    
    .schedule-view--grid .schedule-view__calendar-week[tcn-sch] {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        /*grid-gap: 1px;*/
    }
    .schedule-view--grid .schedule-view__calendar-week-expanded[tcn-sch] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(14.25%, 1fr));
        /*grid-gap: 1px;*/
    }
    .schedule-view--grid .range-grid-day[tcn-sch] {
        border: 1px solid #e0e0e0;
        border-radius: 0;
        margin-bottom: 0;
    }
    .schedule-view--grid .range-grid-day__content[tcn-sch] {
        padding: 0;
    }
    .schedule-view--grid .range-grid-day__header[tcn-sch] {
        border-radius: 0;
        font-size: .95rem;
        padding: 3px 5px;
        border-bottom: 1px solid #f3f3f3;
        justify-content: end;
    }
    .schedule-view--grid .range-grid-day__date-short[tcn-sch] {
        display: initial;
    }
    .schedule-view--grid .range-grid-day__date-long[tcn-sch] {
        display: none;
    }
    .schedule-view--grid .range-grid-day--filler[tcn-sch],
    .schedule-view--grid .range-grid-day--empty[tcn-sch] {
        display: flex;
    }
}

@media print {
    .range-grid-day__header[tcn-sch] {
        font-size: 1em;
        padding: .15rem 1rem;
    }
}
/* /Components/Scheduling/ScheduleSelectPanel.razor.rz.scp.css */
.drawer-empty[tcn-sch] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
/* /Components/Scheduling/ScheduleTemplateDay.razor.rz.scp.css */
.template-day[tcn-sch] {
    display: flex;
    flex-direction: column;
    height: 100%;    
}
.template-day__entries[tcn-sch] {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.template-day.expanded-view .template-day__entries[tcn-sch]
{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    grid-gap: 2px;
    height: auto;
}

.add-entry[tcn-sch] {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* /Components/Scheduling/ScheduleTemplateEntry.razor.rz.scp.css */
.entry[tcn-sch] {
    border-bottom: 1px solid #bbb;
    padding: 0.3rem;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.expanded-view .entry[tcn-sch] {
    border: 1px solid #bbb;
}

.entry-content[tcn-sch] {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.scheduled-time[tcn-sch] {
    font-size: .8em;
}
[tcn-sch] .entry-amount {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}
/* /Components/Scheduling/TemplateAssignmentModal.razor.rz.scp.css */
[tcn-sch] .remove-button-container {
    display: none;
}
[tcn-sch] .template-list-item:hover .remove-button-container {
    display: block;
}
/* /Components/Scheduling/TemplateEditor.razor.rz.scp.css */
.copy-controller-container[tcn-sch] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
.copy-controller[tcn-sch] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 1rem;
    background-color: #001529;
    color: #ffffff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    width: 80%;
    max-width: 800px;
    min-width: 375px;
}
/* /Components/Scheduling/TradeOwnScheduleManager.razor.rz.scp.css */
[tcn-sch] .mud-picker-calendar-container {
    border: 1px solid #dddddd;
}
/* /Components/TimeCard/CommentsModal.razor.rz.scp.css */
[b-k1bmekesvt] .comment-row:not(:last-child) {
    border-bottom: 1px solid #e6e6e6;
}
/* /Components/TimeCard/EmployeeOwnCard.razor.rz.scp.css */
[b-djsy1no9an] .mud-table-cell.no-mobile-label:before {
    content: none;
}
/* /Components/TimeCard/EmployeePointsDayContextMenu.razor.rz.scp.css */
.title[b-8ntv9yosab] {
    width: 100%;
    color: white;
    background-color: #001529;
    padding: 0.25rem 2rem;
}
.body[b-8ntv9yosab] {
    min-height: 80px;
    padding: 1rem;
    position: relative;
}
.entries[b-8ntv9yosab] {
    display: grid;
    grid-gap: .5rem;
    width: 100%;
    grid-template-columns: repeat(auto-fit,1fr);
}
.point-entry[b-8ntv9yosab] {
    background-color: #f4f4f4;
    box-shadow: 1px 1px 3px #efefef;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
}
.point-entry .points[b-8ntv9yosab] {
    font-size: 1.25em;
}
.point-entry .points.removed[b-8ntv9yosab] {
    text-decoration: line-through;
}
.point-entry__body[b-8ntv9yosab] {
    display: flex;
    flex-direction: column;
}
.point-entry__extra[b-8ntv9yosab] {
    
}
/* /Components/TimeCard/EmployeeScheduleDayContextMenu.razor.rz.scp.css */
.title[b-sovyay20hq] {
    width: 100%;
    color: white;
    background-color: #001529;
    padding: 0.25rem 2rem;
}
.body[b-sovyay20hq] {
    min-height: 80px;
    padding: 1rem;
    position: relative;
}
.entries[b-sovyay20hq] {
    display: grid;
    grid-gap: .5rem;
    width: 100%;
    grid-template-columns: repeat(auto-fill,minmax(180px, 1fr));
}
/* /Components/TimeCard/JobTaskDualInput.razor.rz.scp.css */
.job-task-label[b-snv66ewdfa] {
    line-height: 0.85;
}
.job-task-label__job[b-snv66ewdfa] {
    display: flex;
    flex-direction: column;
    margin-bottom: 2px;
}
.job-task-label__task[b-snv66ewdfa] {
    display: flex;
    flex-direction: column;
}
.job-task-label__number[b-snv66ewdfa] {
    font-weight: bold;
    font-size: 0.9em;    
}
.job-task-label__description[b-snv66ewdfa] {
    font-weight: lighter;
    font-size: 0.8em;
    padding-left: 3px;
}
/* /Components/TimeCard/JobTimeEntryContextMenu.razor.rz.scp.css */
[b-hlk215xo9j] #JobTimeEntryContextMenu {
    width: 320px;
}

.title[b-hlk215xo9j] {
    width: 100%;
    color: white;
    background-color: #001529;
    padding: 0.25rem 2rem;
}
.body[b-hlk215xo9j] {
    min-height: 80px;
    padding: 1rem;
    position: relative;
}
.entries[b-hlk215xo9j] {
    display: grid;
    grid-gap: .5rem;
    width: 100%;
    grid-template-columns: repeat(auto-fill,minmax(180px, 1fr));
}
/* /Components/TimeCard/MobileTimeCard.razor.rz.scp.css */
[b-8fux04xs8q] .bottom-toolbar {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem;
    height: 60px;
    background-color: #888888;
    z-index: 2;
    /*z-index: calc(var(--mud-zindex-popover) + 4);*/
}
[b-8fux04xs8q] .bottom-toolbar-spacer {
    height: 60px;
}


[b-8fux04xs8q] .time-card-table .mud-table-container {
    overflow-y: visible;
}

[b-8fux04xs8q] .raised-editor {
    position: fixed;
    width: 100%;
    bottom: 0 !important;
    left: 0 !important;
    top: unset !important;
    /*z-index: calc(var(--mud-zindex-popover) + 5);*/
}

[b-8fux04xs8q] .mud-table-cell.no-mobile-label:before {
    content: none;
}

[b-8fux04xs8q] .mud-table-row .mud-table-cell:last-child {
    position: relative;
    margin-bottom: 1.5rem;
    /*box-shadow: 5px 5px 10px #cccccc;*/
    border-bottom: none;
}
[b-8fux04xs8q] .mud-table-row .mud-table-cell:last-child:after {
    content: '';
    height: 1.5rem;
    position: absolute;
    background-color: #f5f5f5;
    width: 100%;
    left: 0;
    bottom: -1.5rem;
}

/*::deep .mud-table-row.row-selected {*/
/*    position: relative;*/
/*}*/
/*::deep .mud-table-row.row-selected .selected-overlay {*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    top: 0;*/
/*    left: 0;*/
/*    outline: 2px solid green;*/
/*}*/

/*::deep .mud-table-row.row-selected .mud-table-cell:first-child {*/
/*    border-top: 2px solid green;*/
/*}*/
/*::deep .mud-table-row.row-selected .mud-table-cell {*/
/*    border-left: 2px solid green;*/
/*    border-right: 2px solid green;*/
/*}*/
/*::deep .mud-table-row.row-selected .mud-table-cell:last-child {*/
/*    border-bottom: 2px solid green;*/
/*}*/

[b-8fux04xs8q] .clickable-input-open,
[b-8fux04xs8q] .dual-time-input-display{
    height: 100%;
    min-width: 100px;
    text-align: right;
}

[b-8fux04xs8q] .day-placeholder {
    display: none;
}
/* /Components/TimeCard/OvertimeViewerContextMenu.razor.rz.scp.css */
.title[b-lif9mtxdw7] {
    width: 100%;
    color: white;
    background-color: #001529;
    padding: 0.25rem 2rem;
}
.body[b-lif9mtxdw7] {
    min-height: 80px;
    padding: 1rem;
    position: relative;
}
.entries[b-lif9mtxdw7] {
    display: grid;
    grid-gap: .5rem;
    width: 100%;
    grid-template-columns: repeat(auto-fit,1fr);
}
.ot-entry[b-lif9mtxdw7] {
    background-color: #f4f4f4;
    box-shadow: 1px 1px 3px #efefef;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
}
.ot-entry__body[b-lif9mtxdw7] {
    display: flex;
    flex-direction: column;
}
/* /Components/TimeCard/TimeCard.razor.rz.scp.css */
[b-jv42kv4l6l] .time-card-table .day-summary td,
[b-jv42kv4l6l] .time-card-table .week-summary td {
    background-color: #ededed;
}

[b-jv42kv4l6l] .time-card-table th[colspan="0"],
[b-jv42kv4l6l] .time-card-table th[rowspan="0"],
[b-jv42kv4l6l] .time-card-table td[colspan="0"],
[b-jv42kv4l6l] .time-card-table td[rowspan="0"] {
    display: none !important;
}

[b-jv42kv4l6l] .time-card-table .fill-cell {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
}

[b-jv42kv4l6l]     .time-card-approval .approval-chip {
    cursor: pointer;
}
[b-jv42kv4l6l]     .read-only-time-card .time-card-approval .ant-tag {
    cursor: default;
}

[b-jv42kv4l6l] .time-card-table.mud-table-dense * .inner-cell-padded,
[b-jv42kv4l6l] .time-card-table.mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 6px 8px 6px 8px;
    padding-inline-start: 8px;
    padding-inline-end: 8px;
}

[b-jv42kv4l6l] .time-card-table .approval-header {
    line-height: 1;
}
[b-jv42kv4l6l] .time-card-table .approval-header span {
    display: block;
    font-size: .75em;
    margin-bottom: 2px;
    color: #6a6a6a;
}

[b-jv42kv4l6l] .time-card-table.mud-table-dense * .mud-table-row .mud-table-cell.cell-validation,
[b-jv42kv4l6l] .time-card-table.mud-table-dense * .mud-table-row .mud-table-cell.cell-approval {
    padding: 2px 3px;
    padding-inline-start: 3px;
    padding-inline-end: 3px;
}

[b-jv42kv4l6l] .time-card-table.mud-table-dense * .mud-table-row .mud-table-cell.cell-hours {
    padding: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
}

[b-jv42kv4l6l] .mud-table-cell.cell-row-locked {
    text-align: center;
}

/* read-only, not allowed */
[b-jv42kv4l6l] .cell-disabled,
[b-jv42kv4l6l] .entry-type-pair .cell-category,
[b-jv42kv4l6l] .entry-type-pair .cell-amount,
[b-jv42kv4l6l] .entry-type-hours .cell-amount,
[b-jv42kv4l6l] .entry-type-hours .cell-timeinout,
[b-jv42kv4l6l] .entry-type-hours .cell-deduct,
[b-jv42kv4l6l] .entry-type-amount .cell-deduct,
[b-jv42kv4l6l] .entry-type-amount .cell-timeinout,
[b-jv42kv4l6l] .entry-type-amount .cell-hours,
[b-jv42kv4l6l] .entry-type-amount .cell-position,
[b-jv42kv4l6l] .entry-type-amount .cell-shift,
[b-jv42kv4l6l] .entry-type-amount .cell-pbjcode,
[b-jv42kv4l6l] .entry-type-amount .cell-shiftdiff,
[b-jv42kv4l6l] .entry-type-amount .cell-job
{
    cursor: not-allowed;
    background-color: #f8f8f8;
}

/* read-only */
[b-jv42kv4l6l] .cell-readonly,
[b-jv42kv4l6l] .entry-type-pair .cell-hours,
[b-jv42kv4l6l] .cell-hrsday {
    background-color: #f8f8f8;
}

[b-jv42kv4l6l] .finalization-commit .cell-timeinout,
[b-jv42kv4l6l] .virtual .cell-timeinout {
    position: relative;
    min-width: 125px;
}

@media (min-width: 768px) {
    [b-jv42kv4l6l] .time-card-table .entry-type-pair .cell-timeinout.mud-table-cell {
        padding: 0;
        position: relative;
    }
}
[b-jv42kv4l6l] .time-card-table .row-edit-lock,
[b-jv42kv4l6l] .time-card-table .row-loading {
    position: relative;
}

[b-jv42kv4l6l] .time-card-table .mud-progress-circular.row-loader {
    height: 26px;
    width: 26px;
}

[b-jv42kv4l6l] .time-card-table .mud-table-head th {
    position: sticky;
    /*top: 64px;*/
    top: 0px;
    background-color: white;
    z-index: 2;
}

[b-jv42kv4l6l] .time-card-table .mud-table-row {
    background-color: white;
}

[b-jv42kv4l6l] .time-card-table .mud-table-root {
    border-collapse: separate;
}

[b-jv42kv4l6l] .time-card-table .mud-table-container {
    overflow-y: visible;
}

[b-jv42kv4l6l] .time-card-table th.cell-header-date {
    left: 0;
    position: sticky;
    z-index: 3;
}

[b-jv42kv4l6l] .time-card-table .cell-date {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: white;
}

[b-jv42kv4l6l] .time-card-table .cell-timeinout {
    min-width: 125px;
    width: 125px;
}
[b-jv42kv4l6l] .time-card-table .cell-amount,
[b-jv42kv4l6l] .time-card-table .cell-hrsday,
[b-jv42kv4l6l] .time-card-table .cell-deduct {
    min-width: 80px;
}
[b-jv42kv4l6l] .time-card-table .cell-hours {
    min-width: 70px;
}

[b-jv42kv4l6l] .time-card-table .cell-shiftdiff {
    min-width: 90px;
}

[b-jv42kv4l6l] .time-card-table .cell-category,
[b-jv42kv4l6l] .time-card-table .cell-custom,
[b-jv42kv4l6l] .time-card-table .cell-position,
[b-jv42kv4l6l] .time-card-table .cell-shift {
    min-width: 100px;
}

.drawer-open div[b-jv42kv4l6l]  .time-card-table th.cell-header-date,
.drawer-open div[b-jv42kv4l6l]  .time-card-table .cell-date {
    left: 240px;
}

[b-jv42kv4l6l] .time-card-row {
    height: 1px;
}
[b-jv42kv4l6l] .time-card-row .mud-table-cell {
    height: inherit;
}

[b-jv42kv4l6l] .hours-overtime-button {
    padding: 4px;
    border-radius: 1rem 0 0;
    position: absolute;
    transition: 0.15s ease-in-out;
}
[b-jv42kv4l6l] .clock-audit-button {
    padding: 4px;
    border-radius: 0 1rem 0 0;
    position: absolute;
    transition: 0.15s ease-in-out;
}
[b-jv42kv4l6l] .clock-audit-button--in {
    left: -8px;
    bottom: -8px;
}
[b-jv42kv4l6l] .clock-audit-button--in:hover {
    left: 0;
    bottom: 0;
    border-radius: 0 .5rem 0 0;
}
[b-jv42kv4l6l] .hours-overtime-button,
[b-jv42kv4l6l] .clock-audit-button--out {
    right: -8px;
    bottom: -8px;
    border-radius: 1rem 0 0;
}

[b-jv42kv4l6l] .hours-overtime-button:hover,
[b-jv42kv4l6l] .clock-audit-button--out:hover {
    right: 0;
    bottom: 0;
    border-radius: .5rem 0 0;
}
[b-jv42kv4l6l] .hours-overtime-button svg,
[b-jv42kv4l6l] .clock-location-button svg,
[b-jv42kv4l6l] .clock-audit-button svg {
    font-size: .8rem;
}

[b-jv42kv4l6l] .hours-overtime-button:hover svg,
[b-jv42kv4l6l] .clock-location-button:hover svg,
[b-jv42kv4l6l] .clock-audit-button:hover svg {
    font-size: 1rem;
}

[b-jv42kv4l6l] .clock-location-button {
    background-color: #0b7ad5;
    padding: 4px;
    position: absolute;
    transition: 0.15s ease-in-out;
}
[b-jv42kv4l6l] .clock-location-button:hover {
    background-color: #0b7ad5;
}
[b-jv42kv4l6l] .clock-location-button--in {
    left: -8px;
    top: -8px;
    border-radius: 0 0 1rem;
}
[b-jv42kv4l6l] .clock-location-button--in:hover {
    left: 0;
    top: 0;
    border-radius: 0 0 .5rem;
}
[b-jv42kv4l6l] .clock-location-button--out {
    right: -8px;
    top: -8px;
    border-radius: 0 0 0 1rem;
}

[b-jv42kv4l6l] .clock-location-button--out:hover {
    right: 0;
    top: 0;
    border-radius: 0 0 0 .5rem;
}
/* /Components/TimeOff/ManageTimeOffRequestModal.razor.rz.scp.css */
[b-9wuhs67f4b] .approval-decider {
    line-height: 1;
    text-align: center;
}
[b-9wuhs67f4b] .approval-decider .decided-by {
    display: block;
    font-size: .9em;
    font-weight: bold;
    color: #6a6a6a;
    margin-bottom: 2px;
}
[b-9wuhs67f4b] .approval-decider .decided-at {
    display: block;
    font-size: .8em;
    color: #6a6a6a;
}

[b-9wuhs67f4b] .approval-option.readonly:not(.selected) svg,
[b-9wuhs67f4b] .approval-option:not(.selected):not(:hover) svg {
    color: #999999 !important;
    fill: #999999 !important;
}

@media screen and (max-width: 600px) {
    [b-9wuhs67f4b] .mud-toolbar.mud-table-toolbar {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/TimeOff/RequestTimeOffForm.razor.rz.scp.css */
.time-off-days-grid[b-sdsrn2q2b7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    grid-gap: .5rem;
    grid-auto-flow: dense;
}
.time-off-days-grid > .time-off-day[b-sdsrn2q2b7] {
    border: 1px solid #cecece;
    border-radius: 5px;
}
/* /Pages/Authentication.razor.rz.scp.css */
.auth-view-content[b-0vzkzsjk6x]  p 
{
    font-size: 1.5em;
    font-weight: bold;
}
/* /Pages/Onboarding/ReferralPage.razor.rz.scp.css */

@media (max-width: 768px) {
    [b-og1fpv4tbt] .intro-text {
        text-align: center;
    }
}
/* /Pages/Payroll/OutputFormatEditor/OutputFormatEditor.razor.rz.scp.css */
[b-iixfjjgcbf] .fields-container {
    overflow-x: scroll;
}
/* /Pages/PayrollShifts/PayrollShiftModal.razor.rz.scp.css */
[b-hjtttv6gj9] .days-of-week-grid .day-of-week {
    width: 140px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 0;
    border: 1px solid #dddddd;
    border-radius: 5px;
    margin: 0.5rem;
}
[b-hjtttv6gj9] .days-of-week-grid .day-of-week__content {
    padding: .25rem .5rem;
}
/* /Pages/Scheduling/EmployeeTemplates.razor.rz.scp.css */
/* /Pages/Scheduling/MyScheduleDashboard.razor.rz.scp.css */
.dashboard-calendar-wrapper[b-prsx6vl19l]  .date-in-calendar {
    /*border-radius: 0;*/
}

.dashboard-calendar-wrapper[b-prsx6vl19l]  .date-with-schedule:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    bottom: 2px;
    top: unset;
    background: var(--mud-palette-success);
    opacity: 1;
    border-radius: 50%;
}
.dashboard__entries-list[b-prsx6vl19l]  .schedule-entry {
    border-bottom: 1px solid #ccc;
    line-height: 1.3;
}
.dashboard__entries-list[b-prsx6vl19l]  .schedule-entry.schedule-entry--past {
    opacity: 0.5;
}
.dashboard__entries-list[b-prsx6vl19l]  .schedule-entry.schedule-entry--clickable {
    transition: background-color 0.15s ease-in-out, opacity 0.15s ease-in-out;
}
.dashboard__entries-list[b-prsx6vl19l]  .schedule-entry.schedule-entry--clickable:hover {
    background-color: #f5f5f5;
    opacity: 1;
}
.dashboard__entries-list[b-prsx6vl19l]  .schedule-entry .schedule-entry__body {
    padding: 7px 5px;
}
.dashboard__separator[b-prsx6vl19l] {
    background-color: #e3e3e3;
}
/* /Pages/Scheduling/NamedTemplates.razor.rz.scp.css */
/* /Pages/Scheduling/Schedule.razor.rz.scp.css */
.schedule.schedule-view-grid[b-i7ldygt4w0] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0,1fr));
    grid-gap: 0;
}
.schedule-day--filler[b-i7ldygt4w0]{
    display: none;
}
.dow-header[b-i7ldygt4w0] {
    display: none;
}
.schedule-view-grid .dow-header[b-i7ldygt4w0] {
    padding: 3px 5px;
    border-bottom: 1px solid #f3f3f3;
    align-items: center;
    color: white;
    display: flex;
    justify-content: flex-start;
    background-color: #003562;
    font-weight: bold;
}
.schedule-view-grid .dow-header:not(:first-child)[b-i7ldygt4w0] {
    border-left: 1px solid white;
}
.schedule-view-grid .dow-header:not(:last-child)[b-i7ldygt4w0] {
    border-right: 1px solid white;
}

.schedule-view-grid .schedule-day--filler[b-i7ldygt4w0] {
    display: flex;
    border: 1px solid #f0f0f0;
    background-color: #fafafa;
}
.end-of-day-marker[b-i7ldygt4w0] {
    width: 100%;
    padding: 1.5rem 0 2rem;
}
.schedule-view-grid .end-of-day-marker[b-i7ldygt4w0] {
    display: none;
}

[b-i7ldygt4w0] .needs-text {
    display: flex;
    align-items: center;
    justify-content: center;
}
[b-i7ldygt4w0] .schedule-view-grid .needs-text {
    font-size: .8rem;
}
[b-i7ldygt4w0] .schedule-view-grid .needs-text svg {
    font-size: .9rem;
}
[b-i7ldygt4w0] .schedule-view-grid .needs-text .mud-progress-circular {
    height: 18px;
    width: 18px;
}

[b-i7ldygt4w0] .employee-schedule-chip {
    min-height: 39px;
}
[b-i7ldygt4w0] .schedule-view-grid .employee-schedule-chip,
[b-i7ldygt4w0] .schedule-view-grid .schedule-day__time-off-entry {
    min-height: unset;
}

[b-i7ldygt4w0] .schedule-day__content {
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax(250px, 1fr) );
    grid-gap: 4px;
    padding: 4px;
    overflow-x: hidden;
}
[b-i7ldygt4w0] .schedule-view-grid .schedule-day__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 3px;
    grid-gap: 2px;
}

.schedule-page[b-i7ldygt4w0]  .right-panel-tabs {
     min-height: 50px;  
}
.schedule-page[b-i7ldygt4w0]  .right-panel-tabs a:not(.active):hover {
    background-color: #efefef;
}
.schedule-page[b-i7ldygt4w0]  .right-panel-tabs a.active {
    background-color: #f5f5f5;
    border-bottom: 2px solid #2196f3;
    margin-bottom: -2px;
    color: #2196f3;
    cursor: default;
}
.segmentation-filters[b-i7ldygt4w0] {
    min-width: 275px;
}
.segmentation-filters[b-i7ldygt4w0]  .mud-input-control {
    
}
.reset-segmentation-filter[b-i7ldygt4w0] {
    font-size: .85em;
    margin-bottom: 0.125rem;
    margin-top: -0.25rem;
    margin-left: .5rem;
}
.reset-segmentation-filter:hover[b-i7ldygt4w0] {
    text-decoration: underline;
}
.reset-segmentation-filter svg[b-i7ldygt4w0] {
    height: 14px;
}

div[b-i7ldygt4w0]  .schedule-day.needs-met .schedule-day__header {
    background-color: #00A344;
    color: #ffffff !important;
}
div[b-i7ldygt4w0]  .schedule-day.needs-met .schedule-day__header,
div[b-i7ldygt4w0]  .schedule-day.needs-met .schedule-day__header .needs-text,
div[b-i7ldygt4w0]  .schedule-day.needs-met .schedule-day__header .date-text,
div[b-i7ldygt4w0]  .schedule-day.needs-met .schedule-day__header svg,
div[b-i7ldygt4w0]  .schedule-day.needs-met .schedule-day__header .needs-text {
    color: #ffffff !important;
}

.schedule-view-grid[b-i7ldygt4w0]  .schedule-day.needs-met .schedule-day__header {
    background-color: transparent;
    color: black !important;
}
.schedule-view-grid[b-i7ldygt4w0]  .schedule-day.needs-met .schedule-day__header,
.schedule-view-grid[b-i7ldygt4w0]  .schedule-day.needs-met .schedule-day__header .needs-text,
.schedule-view-grid[b-i7ldygt4w0]  .schedule-day.needs-met .schedule-day__header .date-text,
.schedule-view-grid[b-i7ldygt4w0]  .schedule-day.needs-met .schedule-day__header svg,
.schedule-view-grid[b-i7ldygt4w0]  .schedule-day.needs-met .schedule-day__header .needs-text {
    color: black !important;
}

.schedule-view-grid[b-i7ldygt4w0]  .schedule-day.needs-met {
    background-color: #c7ffbc;
}
/* /Pages/Scheduling/SchedulePrintViewPage.razor.rz.scp.css */
@media screen and (min-width: 1280px), print {
    .schedule-view--grid .primary-group[b-bsuzys87ye]{
        padding: 0;
        border: none;
    }
    .schedule-view--grid .primary-groups[b-bsuzys87ye] {
        display: block;
    }
    .schedule-view--grid .secondary-group[b-bsuzys87ye] {
        padding: 0 5px 3px;
    }
    .schedule-view--grid .no-entries-text[b-bsuzys87ye] {
        display: none;
    }
    .schedule-view--grid .schedule-day__special[b-bsuzys87ye] {
        padding: 3px 5px;
    }
    .schedule-view--grid .schedule-day__special[b-bsuzys87ye]  .schedule-day__open-shifts,
    .schedule-view--grid .schedule-day__special[b-bsuzys87ye]  .schedule-day__pending-changes,
    .schedule-view--grid .schedule-day__special[b-bsuzys87ye]  .schedule-day__time-off,
    .schedule-view--grid .schedule-day__special[b-bsuzys87ye]  .schedule-day__payday-indicator {
        width: 100%;
        margin: 0 0 .25rem;
    }
}

@media print {
    [b-bsuzys87ye] .schedule-view--grid .schedule-day__header {
        font-size: 0.85em;
        padding: 2px;
        justify-content: end;
    }
    [b-bsuzys87ye] .schedule-view {
        line-height: 1;
    }
    .secondary-group__title[b-bsuzys87ye] {
        font-size: .8em;
    }

    .primary-group__title[b-bsuzys87ye] {
        font-size: .9em;
    }
    [b-bsuzys87ye] .schedule-day {
        min-height: 100px;
        border-radius: 0;
    }
    [b-bsuzys87ye] .schedule-entry__body,
    [b-bsuzys87ye] .schedule-entry__body .schedule-entry__times,
    [b-bsuzys87ye] .schedule-entry__body .schedule-entry__employee,
    [b-bsuzys87ye] .schedule-entry__body .schedule-entry__role,
    [b-bsuzys87ye] .schedule-entry__body .schedule-entry__group,
    [b-bsuzys87ye] .schedule-entry__body .schedule-entry__tags,
    [b-bsuzys87ye] .schedule-entry__body .schedule-entry__job {
        font-size: .75em;
    }
    
    [b-bsuzys87ye] .schedule-view--grid .schedule-day {
        border: 1px solid #222222;
        padding: 0;
    }
    [b-bsuzys87ye] .secondary-group {
        padding: 0;
    }
    [b-bsuzys87ye] .schedule-entry {
        background-color: #f9f9f9;
        border-left: none;
        border-right: none;
        border-radius: 0;
        box-shadow: none;
    }
    [b-bsuzys87ye] .mud-chip.mud-chip-filled.mud-chip-size-small.mud-chip-color-success.mud-chip-label.schedule-day__payday-indicator {
        font-size: .75em;
        height: 18px;
    }
    [b-bsuzys87ye] .schedule-day__payday-indicator svg.mud-icon-root.mud-svg-icon.mud-icon-size-small.mud-chip-icon {
        font-size: 1.2em;
    }
    [b-bsuzys87ye] .no-entries-text {
        font-size: 1.1em;
    }
    [b-bsuzys87ye] .schedule-view__calendar-week {
        page-break-inside: avoid;
    }
    
    [b-bsuzys87ye] .schedule-view--single-day .schedule-day {
        border: none;
    }    
    [b-bsuzys87ye] .schedule-view--single-day .schedule-day__header {
        display: none;
    }
    [b-bsuzys87ye] .schedule-view--single-day .schedule-day__content {
        padding: 0;
    }
    [b-bsuzys87ye] .schedule-view--single-day .primary-groups {
        /*grid-template-columns: repeat(auto-fill,minmax(200px, 1fr));*/
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    
}
/* /Pages/Scheduling/Schedules.razor.rz.scp.css */
.schedules-list[b-85i33o7mez] {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(300px, 1fr));
    grid-gap: 1rem;
}
/* /Pages/Scheduling/Template.razor.rz.scp.css */
/* /Pages/Sys/SetupPage.razor.rz.scp.css */
[b-10ns3b8o4g] .setup-items-container {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fill,minmax(300px, 1fr));
}

[b-10ns3b8o4g] .setup-item {
    
}
/* /Pages/Sys/UserModal.razor.rz.scp.css */
/* /Pages/Time/EmployeeTimeCardPage.razor.rz.scp.css */
/* /Pages/TimeOff/ManageTimeOffCalendarView.razor.rz.scp.css */
[b-rppyq5wwi6] .time-off-request {
    border: 1px solid #e9ecef;
    border-radius: 4px;
    padding: 4px 2px;
    margin-bottom: 3px;
    cursor: pointer;
}

[b-rppyq5wwi6] .time-off-request--status-approved {
    border-color: #28a745;
    background-color: #d4edda;
}
[b-rppyq5wwi6] .time-off-request--status-approved:hover {
    background-color: #c3e6cb;
}

[b-rppyq5wwi6] .time-off-request--status-undecided {
    border-color: #ffc107;
    background-color: #fff3cd;
}
[b-rppyq5wwi6] .time-off-request--status-undecided:hover {
    background-color: #ffeeba;
}

[b-rppyq5wwi6] .time-off-request--status-cancelled,
[b-rppyq5wwi6] .time-off-request--status-declined {
    border-color: #dc3545;
    background-color: #f8d7da;
}
[b-rppyq5wwi6] .time-off-request--status-cancelled:hover,
[b-rppyq5wwi6] .time-off-request--status-declined:hover {
    background-color: #f5c6cb;
}

[b-rppyq5wwi6] .schedule-day__content {
    padding: 1px;
}
/* /Pages/TimeOff/ManageTimeOffRequestsPage.razor.rz.scp.css */
[b-74ce6cxwb8] .select-filter-button {
    font-size: 1.1rem;
}

[b-74ce6cxwb8] .requests-table .mud-toolbar.mud-table-toolbar {
    height: auto;
}

[b-74ce6cxwb8] .requests-table .approval-header {
    line-height: 1;
    text-align: center;
}
[b-74ce6cxwb8] .requests-table .approval-header span {
    display: block;
    font-size: .75rem;
    margin-bottom: 0;
    color: #6a6a6a;
}

[b-74ce6cxwb8] .requests-table .approval-decider {
    line-height: 1;
    text-align: center;
}
[b-74ce6cxwb8] .requests-table .approval-decider .decided-by {
    display: block;
    font-size: .9em;
    font-weight: bold;
    color: #6a6a6a;
    margin-bottom: 2px;
}
[b-74ce6cxwb8] .requests-table .approval-decider .decided-at {
    display: block;
    font-size: .8em;
    color: #6a6a6a;    
}

[b-74ce6cxwb8] .approval-option.readonly:not(.selected) svg,
[b-74ce6cxwb8] .approval-option:not(.selected):not(:hover) svg {
    color: #999999 !important;
    fill: #999999 !important;
}

@media screen and (max-width: 600px) {
    [b-74ce6cxwb8] .requests-table .mud-toolbar.mud-table-toolbar {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-emxmkjyd2n] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-emxmkjyd2n] {
    flex: 1;
}

.sidebar[b-emxmkjyd2n] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-emxmkjyd2n] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.top-row[b-emxmkjyd2n]  a, .top-row[b-emxmkjyd2n]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row[b-emxmkjyd2n]  a:hover, .top-row[b-emxmkjyd2n]  .btn-link:hover {
    text-decoration: underline;
}

.top-row[b-emxmkjyd2n]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-emxmkjyd2n] .mud-drawer-mini .mud-nav-link-text {
    white-space: nowrap;
}

[b-emxmkjyd2n] .mud-drawer-mini.mud-drawer--closed .mud-nav-link-expand-icon {
    display: none;
}
    
.version-alert[b-emxmkjyd2n] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
.version-alert[b-emxmkjyd2n]  .mud-alert-message {
    width: 100%;
}

.header-company-name[b-emxmkjyd2n] {
    border-left: 1px solid #ffffff;
}

@media (max-width: 640.98px) {
    .header-company-name[b-emxmkjyd2n],
    .top-row:not(.auth)[b-emxmkjyd2n] {
        display: none;
    }

    .top-row.auth[b-emxmkjyd2n] {
        justify-content: space-between;
    }

    .top-row[b-emxmkjyd2n]  a, .top-row[b-emxmkjyd2n]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-emxmkjyd2n] {
        flex-direction: row;
    }

    .sidebar[b-emxmkjyd2n] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-emxmkjyd2n] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-emxmkjyd2n]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-emxmkjyd2n], article[b-emxmkjyd2n] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
[b-dh2s634jzo] .nav-menu-company-name {
    padding: 12px 16px;
    overflow: hidden;
    transition: height .25s ease-in-out, padding .25s ease-in-out;
}

.mud-drawer-mini div[b-dh2s634jzo]  .nav-menu-company-name {
    display: none;
}