/* /Components/Buses/BusHistoryDialog.razor.rz.scp.css */
.content[b-4c3be8cd0u] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--spacing-200, 8px);
    flex: 1 0 0;
    align-self: stretch;
    padding-top: var(--spacing-600, 24px);
    padding-right: var(--spacing-800, 32px);
    padding-bottom: var(--spacing-1000, 40px);
    padding-left: var(--spacing-800, 32px);
}


.flex-button[b-4c3be8cd0u] {
    display: flex;
    padding: var(--spacing-0, 0px);
    align-items: center;
    gap: var(--spacing-200, 8px);
    align-self: stretch;
    padding: var(--spacing-300, 12px) var(--spacing-800, 32px) var(--spacing-600, 24px) var(--spacing-800, 32px);
    border-top: var(--border-width-base, 1px) solid var(--border-neutral-divider, rgba(48, 84, 133, 0.20));
    background: var(--background-neutral-subtle, #FFF);
    justify-content: flex-end;
}
/* /Components/Buses/CreateBusDialog.razor.rz.scp.css */
.content[b-k53am0d39k] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-200, 8px);
    flex: 1 0 0;
    align-self: stretch;
    padding-top: var(--spacing-600, 24px);
    padding-right: var(--spacing-800, 32px);
    padding-bottom: var(--spacing-1000, 40px);
    padding-left: var(--spacing-800, 32px);
}

.form-input[b-k53am0d39k] {
    width: 100%;
}

.flex-button[b-k53am0d39k] {
    display: flex;
    padding: var(--spacing-0, 0px);
    align-items: center;
    gap: var(--spacing-200, 8px);
    align-self: stretch;
    padding: var(--spacing-300, 12px) var(--spacing-800, 32px) var(--spacing-600, 24px) var(--spacing-800, 32px);
    border-top: var(--border-width-base, 1px) solid var(--border-neutral-divider, rgba(48, 84, 133, 0.20));
    background: var(--background-neutral-subtle, #FFF);
    justify-content: space-between;
}
.my-class td[b-k53am0d39k] {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
/* /Components/Buses/UpdateBusDialog.razor.rz.scp.css */
.content[b-zwcqyqv3i5] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-200, 8px);
    flex: 1 0 0;
    align-self: stretch;
    padding-top: var(--spacing-600, 24px);
    padding-right: var(--spacing-800, 32px);
    padding-bottom: var(--spacing-1000, 40px);
    padding-left: var(--spacing-800, 32px);
}

.form-input[b-zwcqyqv3i5] {
    width: 100%;
}

.flex-button[b-zwcqyqv3i5] {
    display: flex;
    padding: var(--spacing-0, 0px);
    align-items: center;
    gap: var(--spacing-200, 8px);
    align-self: stretch;
    padding: var(--spacing-300, 12px) var(--spacing-800, 32px) var(--spacing-600, 24px) var(--spacing-800, 32px);
    border-top: var(--border-width-base, 1px) solid var(--border-neutral-divider, rgba(48, 84, 133, 0.20));
    background: var(--background-neutral-subtle, #FFF);
    justify-content: space-between;
}
/* /Components/Capacity/CreateCapacityDialog.razor.rz.scp.css */
.content[b-hhv72qoug9] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-200, 8px);
    flex: 1 0 0;
    align-self: stretch;
    padding-top: var(--spacing-600, 24px);
    padding-right: var(--spacing-800, 32px);
    padding-bottom: var(--spacing-1000, 40px);
    padding-left: var(--spacing-800, 32px);
}

.form-input[b-hhv72qoug9] {
    width: 100%;
}

.flex-button[b-hhv72qoug9] {
    display: flex;
    padding: var(--spacing-0, 0px);
    align-items: center;
    gap: var(--spacing-200, 8px);
    align-self: stretch;
    padding: var(--spacing-300, 12px) var(--spacing-800, 32px) var(--spacing-600, 24px) var(--spacing-800, 32px);
    border-top: var(--border-width-base, 1px) solid var(--border-neutral-divider, rgba(48, 84, 133, 0.20));
    background: var(--background-neutral-subtle, #FFF);
    justify-content: space-between;
}
/* /Components/Capacity/UpdateCapacityDialog.razor.rz.scp.css */
.content[b-v3jn3m0e3h] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-200, 8px);
    flex: 1 0 0;
    align-self: stretch;
    padding-top: var(--spacing-600, 24px);
    padding-right: var(--spacing-800, 32px);
    padding-bottom: var(--spacing-1000, 40px);
    padding-left: var(--spacing-800, 32px);
}

.form-input[b-v3jn3m0e3h] {
    width: 100%;
}

.flex-button[b-v3jn3m0e3h] {
    display: flex;
    padding: var(--spacing-0, 0px);
    align-items: center;
    gap: var(--spacing-200, 8px);
    align-self: stretch;
    padding: var(--spacing-300, 12px) var(--spacing-800, 32px) var(--spacing-600, 24px) var(--spacing-800, 32px);
    border-top: var(--border-width-base, 1px) solid var(--border-neutral-divider, rgba(48, 84, 133, 0.20));
    background: var(--background-neutral-subtle, #FFF);
    justify-content: space-between;
}
/* /Components/ConfirmDialog.razor.rz.scp.css */
.content[b-ctd6noodzw] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-200, 8px);
    flex: 1 0 0;
    align-self: stretch;
    padding-top: var(--spacing-600, 24px);
    padding-right: var(--spacing-800, 32px);
    padding-bottom: var(--spacing-1000, 40px);
    padding-left: var(--spacing-800, 32px);
}


.flex-button[b-ctd6noodzw] {
    display: flex;
    padding: var(--spacing-0, 0px);
    align-items: center;
    gap: var(--spacing-200, 8px);
    align-self: stretch;
    padding: var(--spacing-300, 12px) var(--spacing-800, 32px) var(--spacing-600, 24px) var(--spacing-800, 32px);
    border-top: var(--border-width-base, 1px) solid var(--border-neutral-divider, rgba(48, 84, 133, 0.20));
    background: var(--background-neutral-subtle, #FFF);
    justify-content: space-between;
}
/* /Components/Drivers/CreateDriverDialog.razor.rz.scp.css */
.content[b-aycljy1osd] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-200, 8px);
    flex: 1 0 0;
    align-self: stretch;
    padding-top: var(--spacing-600, 24px);
    padding-right: var(--spacing-800, 32px);
    padding-bottom: var(--spacing-1000, 40px);
    padding-left: var(--spacing-800, 32px);
}
.form-input[b-aycljy1osd]{
    width:100%;

}
.flex-button[b-aycljy1osd] {
    display: flex;
    padding: var(--spacing-0, 0px);
    align-items: center;
    gap: var(--spacing-200, 8px);
    align-self: stretch;
    padding: var(--spacing-300, 12px) var(--spacing-800, 32px) var(--spacing-600, 24px) var(--spacing-800, 32px);
    border-top: var(--border-width-base, 1px) solid var(--border-neutral-divider, rgba(48, 84, 133, 0.20));
    background: var(--background-neutral-subtle, #FFF);
    justify-content: space-between;
}
/* /Components/Drivers/CreateUserFromDriverDialog.razor.rz.scp.css */
.content[b-q6hhfpy6hk] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-200, 8px);
    flex: 1 0 0;
    align-self: stretch;
    padding-top: var(--spacing-600, 24px);
    padding-right: var(--spacing-800, 32px);
    padding-bottom: var(--spacing-1000, 40px);
    padding-left: var(--spacing-800, 32px);
}

.form-input[b-q6hhfpy6hk] {
    width: 100%;
}

.flex-button[b-q6hhfpy6hk] {
    display: flex;
    padding: var(--spacing-0, 0px);
    align-items: center;
    gap: var(--spacing-200, 8px);
    align-self: stretch;
    padding: var(--spacing-300, 12px) var(--spacing-800, 32px) var(--spacing-600, 24px) var(--spacing-800, 32px);
    border-top: var(--border-width-base, 1px) solid var(--border-neutral-divider, rgba(48, 84, 133, 0.20));
    background: var(--background-neutral-subtle, #FFF);
    justify-content: space-between;
}
/* /Components/Drivers/UpdateDriverDialog.razor.rz.scp.css */
.content[b-xt83tdho2r] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-200, 8px);
    flex: 1 0 0;
    align-self: stretch;
    padding-top: var(--spacing-600, 24px);
    padding-right: var(--spacing-800, 32px);
    padding-bottom: var(--spacing-1000, 40px);
    padding-left: var(--spacing-800, 32px);
}

.form-input[b-xt83tdho2r] {
    width: 100%;
}

.flex-button[b-xt83tdho2r] {
    display: flex;
    padding: var(--spacing-0, 0px);
    align-items: center;
    gap: var(--spacing-200, 8px);
    align-self: stretch;
    padding: var(--spacing-300, 12px) var(--spacing-800, 32px) var(--spacing-600, 24px) var(--spacing-800, 32px);
    border-top: var(--border-width-base, 1px) solid var(--border-neutral-divider, rgba(48, 84, 133, 0.20));
    background: var(--background-neutral-subtle, #FFF);
    justify-content: space-between;
}
/* /Components/Event/ConflictedEventDialog.razor.rz.scp.css */
.content[b-ffm65sb13m] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-200, 8px);
    flex: 1 0 0;
    align-self: stretch;
    padding-top: var(--spacing-600, 24px);
    padding-right: var(--spacing-800, 32px);
    padding-bottom: var(--spacing-1000, 40px);
    padding-left: var(--spacing-800, 32px);
}

.form-input[b-ffm65sb13m] {
    width: 100%;
}

.flex-button[b-ffm65sb13m] {
    display: flex;
    padding: var(--spacing-0, 0px);
    align-items: center;
    gap: var(--spacing-200, 8px);
    align-self: stretch;
    padding: var(--spacing-300, 12px) var(--spacing-800, 32px) var(--spacing-600, 24px) var(--spacing-800, 32px);
    border-top: var(--border-width-base, 1px) solid var(--border-neutral-divider, rgba(48, 84, 133, 0.20));
    background: var(--background-neutral-subtle, #FFF);
    justify-content: space-between;
}
/* /Components/Event/CreateEventDialog.razor.rz.scp.css */
.content[b-tkla8igttp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-200, 8px);
    flex: 1 0 0;
    align-self: stretch;
    padding-top: var(--spacing-600, 24px);
    padding-right: var(--spacing-800, 32px);
    padding-bottom: var(--spacing-1000, 40px);
    padding-left: var(--spacing-800, 32px);
}

.form-input[b-tkla8igttp] {
    width: 100%;
}

.flex-button[b-tkla8igttp] {
    display: flex;
    padding: var(--spacing-0, 0px);
    align-items: center;
    gap: var(--spacing-200, 8px);
    align-self: stretch;
    padding: var(--spacing-300, 12px) var(--spacing-800, 32px) var(--spacing-600, 24px) var(--spacing-800, 32px);
    border-top: var(--border-width-base, 1px) solid var(--border-neutral-divider, rgba(48, 84, 133, 0.20));
    background: var(--background-neutral-subtle, #FFF);
    justify-content: space-between;
}
/* /Components/Event/UpdateEventDialog.razor.rz.scp.css */
.content[b-l8xuajyig6] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-200, 8px);
    flex: 1 0 0;
    align-self: stretch;
    padding-top: var(--spacing-600, 24px);
    padding-right: var(--spacing-800, 32px);
    padding-bottom: var(--spacing-1000, 40px);
    padding-left: var(--spacing-800, 32px);
}

.form-input[b-l8xuajyig6] {
    width: 100%;
}

.flex-button[b-l8xuajyig6] {
    display: flex;
    padding: var(--spacing-0, 0px);
    align-items: center;
    gap: var(--spacing-200, 8px);
    align-self: stretch;
    padding: var(--spacing-300, 12px) var(--spacing-800, 32px) var(--spacing-600, 24px) var(--spacing-800, 32px);
    border-top: var(--border-width-base, 1px) solid var(--border-neutral-divider, rgba(48, 84, 133, 0.20));
    background: var(--background-neutral-subtle, #FFF);
    justify-content: space-between;
}
/* /Components/Holiday/CreateHolidayDialog.razor.rz.scp.css */
.content[b-73ai8em2r8] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-200, 8px);
    flex: 1 0 0;
    align-self: stretch;
    padding-top: var(--spacing-600, 24px);
    padding-right: var(--spacing-800, 32px);
    padding-bottom: var(--spacing-1000, 40px);
    padding-left: var(--spacing-800, 32px);
}

.form-input[b-73ai8em2r8] {
    width: 100%;
}

.flex-button[b-73ai8em2r8] {
    display: flex;
    padding: var(--spacing-0, 0px);
    align-items: center;
    gap: var(--spacing-200, 8px);
    align-self: stretch;
    padding: var(--spacing-300, 12px) var(--spacing-800, 32px) var(--spacing-600, 24px) var(--spacing-800, 32px);
    border-top: var(--border-width-base, 1px) solid var(--border-neutral-divider, rgba(48, 84, 133, 0.20));
    background: var(--background-neutral-subtle, #FFF);
    justify-content: space-between;
}
/* /Components/Holiday/UpdateHolidayDialog.razor.rz.scp.css */
.content[b-58xk6b41hq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-200, 8px);
    flex: 1 0 0;
    align-self: stretch;
    padding-top: var(--spacing-600, 24px);
    padding-right: var(--spacing-800, 32px);
    padding-bottom: var(--spacing-1000, 40px);
    padding-left: var(--spacing-800, 32px);
}

.form-input[b-58xk6b41hq] {
    width: 100%;
}

.flex-button[b-58xk6b41hq] {
    display: flex;
    padding: var(--spacing-0, 0px);
    align-items: center;
    gap: var(--spacing-200, 8px);
    align-self: stretch;
    padding: var(--spacing-300, 12px) var(--spacing-800, 32px) var(--spacing-600, 24px) var(--spacing-800, 32px);
    border-top: var(--border-width-base, 1px) solid var(--border-neutral-divider, rgba(48, 84, 133, 0.20));
    background: var(--background-neutral-subtle, #FFF);
    justify-content: space-between;
}
/* /Components/IconButton.razor.rz.scp.css */
.ep-icon-button[b-xuv7jmcda9] {
    width: 32px;
    height: 32px;
    padding: 16px;
    background: var(--transparent-black-subtle, rgba(0, 0, 0, 0.05));
    border-radius: 1000px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    border: none;
    cursor: pointer;
}

.disabled[b-xuv7jmcda9] {
    background: var(--back-disabled-color);
    cursor: pointer;
}

.ep-icon-button-container[b-xuv7jmcda9] {
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.ep-icon-button-button i[b-xuv7jmcda9] {
}
/* /Components/Services/CreateServiceDialog.razor.rz.scp.css */
.content[b-0rri48vf5o] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-200, 8px);
    flex: 1 0 0;
    align-self: stretch;
    padding-top: var(--spacing-600, 24px);
    padding-right: var(--spacing-800, 32px);
    padding-bottom: var(--spacing-1000, 40px);
    padding-left: var(--spacing-800, 32px);
}

.form-input[b-0rri48vf5o] {
    width: 100%;
}

.flex-button[b-0rri48vf5o] {
    display: flex;
    padding: var(--spacing-0, 0px);
    align-items: center;
    gap: var(--spacing-200, 8px);
    align-self: stretch;
    padding: var(--spacing-300, 12px) var(--spacing-800, 32px) var(--spacing-600, 24px) var(--spacing-800, 32px);
    border-top: var(--border-width-base, 1px) solid var(--border-neutral-divider, rgba(48, 84, 133, 0.20));
    background: var(--background-neutral-subtle, #FFF);
    justify-content: space-between;
}
/* /Components/Services/UpdateServiceDialog.razor.rz.scp.css */
.content[b-03hx4c0yne] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-200, 8px);
    flex: 1 0 0;
    align-self: stretch;
    padding-top: var(--spacing-600, 24px);
    padding-right: var(--spacing-800, 32px);
    padding-bottom: var(--spacing-1000, 40px);
    padding-left: var(--spacing-800, 32px);
}

.form-input[b-03hx4c0yne] {
    width: 100%;
}

.flex-button[b-03hx4c0yne] {
    display: flex;
    padding: var(--spacing-0, 0px);
    align-items: center;
    gap: var(--spacing-200, 8px);
    align-self: stretch;
    padding: var(--spacing-300, 12px) var(--spacing-800, 32px) var(--spacing-600, 24px) var(--spacing-800, 32px);
    border-top: var(--border-width-base, 1px) solid var(--border-neutral-divider, rgba(48, 84, 133, 0.20));
    background: var(--background-neutral-subtle, #FFF);
    justify-content: space-between;
}
/* /Components/TButton.razor.rz.scp.css */
button[b-0q69ni8drv] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    border-radius: 62rem;
    border: none;
    transition: .2s none;
}

    button i[b-0q69ni8drv] {
        line-height: 1.5;
        font-size: 1.1em;
    }

i[b-0q69ni8drv]::before {
    line-height: 1.5;
}

button.right-icon[b-0q69ni8drv] {
    flex-direction: row-reverse;
}

button.icon-only[b-0q69ni8drv] {
    padding: 0;
    font-weight: var(--weight-medium) !important;
}

    button.icon-only i[b-0q69ni8drv] {
        font-size: 1.25em;
    }

.primary[b-0q69ni8drv] {
    background: var(--color-primary);
    color: var(--color-text-on-primary);
    transition-property: background;
}

    .primary:hover[b-0q69ni8drv] {
        background: var(--color-primary-hover);
    }

    .primary:active[b-0q69ni8drv] {
        transition: none;
        background: var(--color-primary-active);
    }

    .primary:disabled[b-0q69ni8drv] {
        opacity: 0.2;
    }

.outline[b-0q69ni8drv] {
    color: var(--color-outline);
    box-shadow: inset 0 0 0 1px currentColor;
    background: none;
    transition-property: color;
    font-weight: var(--weight-bold);
}

    .outline:hover[b-0q69ni8drv] {
        color: var(--color-outline-hover);
    }

    .outline:active[b-0q69ni8drv] {
        transition: none;
        color: var(--color-outline-active);
    }

    .outline:disabled[b-0q69ni8drv] {
        color: var(--color-outline-disabled);
    }
/* Size section */
.xsmall[b-0q69ni8drv] {
    height: var(--spacing-600);
    min-width: var(--spacing-600);
    font-size: var(--size-xs);
    padding: var(--spacing-100);
}

.small[b-0q69ni8drv] {
    height: var(--spacing-800);
    min-width: var(--spacing-800);
    font-size: var(--size-sm);
    padding: var(--spacing-200);
}

.medium[b-0q69ni8drv] {
    height: 2.5rem;
    min-width: 2.5rem;
    font-size: var(--size-base);
    padding: .75rem;
}

.large[b-0q69ni8drv] {
    height: var(--spacing-1200);
    min-width: var(--spacing-1200);
    font-size: var(--size-lg);
    padding: var(--spacing-300);
}

.w-100[b-0q69ni8drv] {
    width: 100%;
}
/* /Components/Users/CreateUserDialog.razor.rz.scp.css */
.content[b-k09byweknm] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-200, 8px);
    flex: 1 0 0;
    align-self: stretch;
    padding-top: var(--spacing-600, 24px);
    padding-right: var(--spacing-800, 32px);
    padding-bottom: var(--spacing-1000, 40px);
    padding-left: var(--spacing-800, 32px);
}

.form-input[b-k09byweknm] {
    width: 100%;
}

.flex-button[b-k09byweknm] {
    display: flex;
    padding: var(--spacing-0, 0px);
    align-items: center;
    gap: var(--spacing-200, 8px);
    align-self: stretch;
    padding: var(--spacing-300, 12px) var(--spacing-800, 32px) var(--spacing-600, 24px) var(--spacing-800, 32px);
    border-top: var(--border-width-base, 1px) solid var(--border-neutral-divider, rgba(48, 84, 133, 0.20));
    background: var(--background-neutral-subtle, #FFF);
    justify-content: space-between;
}
/* /Components/Users/UpdateUserDialog.razor.rz.scp.css */
.content[b-ln8z9vjhew] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-200, 8px);
    flex: 1 0 0;
    align-self: stretch;
    padding-top: var(--spacing-600, 24px);
    padding-right: var(--spacing-800, 32px);
    padding-bottom: var(--spacing-1000, 40px);
    padding-left: var(--spacing-800, 32px);
}

.form-input[b-ln8z9vjhew] {
    width: 100%;
}

.flex-button[b-ln8z9vjhew] {
    display: flex;
    padding: var(--spacing-0, 0px);
    align-items: center;
    gap: var(--spacing-200, 8px);
    align-self: stretch;
    padding: var(--spacing-300, 12px) var(--spacing-800, 32px) var(--spacing-600, 24px) var(--spacing-800, 32px);
    border-top: var(--border-width-base, 1px) solid var(--border-neutral-divider, rgba(48, 84, 133, 0.20));
    background: var(--background-neutral-subtle, #FFF);
    justify-content: space-between;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-x7mgtrlqih] {
    position: relative;
    display: flex;
    flex-direction: column;
}
article[b-x7mgtrlqih] {
    min-height: 500px;
}
main[b-x7mgtrlqih] {
    flex: 1;
    width: calc(100vw - 250px);
}


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

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

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

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

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

header[b-x7mgtrlqih] {
    background-color: #C39952;
    /* height: 3.5rem; */
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: flex;
    justify-content: flex-end;
    padding: .5rem;
    align-items: center;
    gap: 20px;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
}
footer[b-x7mgtrlqih] {
    display:block;
}
.navbar-toggler[b-x7mgtrlqih] {
    background-color: #5E1D17;
}

.top-row[b-x7mgtrlqih] {
    height: 3.5rem;
    background-color: #5E1D17;
}
@media (max-width: 900px) {
    main[b-x7mgtrlqih] {
        width: auto;
        max-height: 700px;
        overflow: auto;
    }

    header[b-x7mgtrlqih] {
        display: none;
    }

    footer[b-x7mgtrlqih] {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #C39952;
        color: white;
        text-align: center;
    }

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

        .top-row[b-x7mgtrlqih]  a, .top-row[b-x7mgtrlqih]  .btn-link {
            margin-left: 0;
        }
}
@media screen and (max-width: 900px) {
    .content[b-x7mgtrlqih] {
        max-height: 700px !important;
        overflow: auto !important;
    }
}
@media (min-width: 900px) {
    .page[b-x7mgtrlqih] {
        flex-direction: row;
    }

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

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

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

    .top-row[b-x7mgtrlqih], article[b-x7mgtrlqih] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }

    
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-5p33nqlnrs] {
    background-color: #5E1D17;
}

.top-row[b-5p33nqlnrs] {
    height: 3.5rem;
    background-color: #5E1D17;
    
}

.navbar-brand[b-5p33nqlnrs] {
    font-size: 1.1rem;
}

.bi[b-5p33nqlnrs] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-5p33nqlnrs] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-5p33nqlnrs] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-5p33nqlnrs] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-5p33nqlnrs] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-5p33nqlnrs] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-5p33nqlnrs] {
        padding-bottom: 1rem;
    }

    .nav-item[b-5p33nqlnrs]  a {
        color: #5E1D17;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-5p33nqlnrs]  a.active {
            background-color: rgba(255,255,255,0.37);
            color: #5E1D17;
        }

        .nav-item[b-5p33nqlnrs]  a:hover {
            background-color: rgba(255,255,255,0.1);
            color: #5E1D17;
           
        }
.nav-bg[b-5p33nqlnrs] {
    background-color: #C39952;
    position: relative;
    height: 100vh;
}
.nav-item-container[b-5p33nqlnrs] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.user-box[b-5p33nqlnrs] {
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.user-info[b-5p33nqlnrs] {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
   
}
.avatar[b-5p33nqlnrs] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
@media (min-width: 900px) {
    .navbar-toggler[b-5p33nqlnrs] {
        display: none;
    }

    .collapse[b-5p33nqlnrs] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-5p33nqlnrs] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Buses.razor.rz.scp.css */
.floating-add[b-feav18uf4o] {
    position: absolute;
    right: 30px;
    top: 100px;
}
/* /Pages/Capacities.razor.rz.scp.css */
body[b-2fkj23ks5x] {
}
/* /Pages/ChangePassword.razor.rz.scp.css */
.content[b-n4fhp01xf6] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-content: center;
    align-items: center;
    justify-content: center;
}
/* /Pages/Forgotpassword.razor.rz.scp.css */
.content[b-l8z7tfkkl3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-content: center;
    align-items: center;
    justify-content: center;
}
/* /Pages/Login.razor.rz.scp.css */
.content[b-6os6a51pcw] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-content: center;
    align-items: center;
    justify-content: center;
}
/* /Pages/Register.razor.rz.scp.css */
.content[b-t34zdcv144] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-content: center;
    align-items: center;
    justify-content: center;
}
/* /Pages/ResetPassword.razor.rz.scp.css */
.content[b-dtkwz32fhs] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-content: center;
    align-items: center;
    justify-content: center;
}
/* /Pages/Scheduler.razor.rz.scp.css */
article[b-i3wuiuzxrq] {


}
.scheduler[b-i3wuiuzxrq] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
}

.table-scroll[b-i3wuiuzxrq] {
    overflow: auto;
    min-height: calc(100vh - 180px);
    max-height: calc(100vh - 180px);
    border: 1px solid #e0e0e0;
    border-radius: 6px;
}
.open[b-i3wuiuzxrq] {
    min-height: calc(100vh - 180px);
    max-height: calc(100vh - 180px);
}
.closed[b-i3wuiuzxrq] {
    min-height: calc(100vh - 86px);
    max-height: calc(100vh - 86px);
}
    /* A sticky megbízhatósága miatt */
    .table-scroll table[b-i3wuiuzxrq] {
        border-collapse: separate !important;
        border-spacing: 0;
    }

    .table-scroll thead tr:nth-child(1) th:not(.sticky-col-1):not(.sticky-col-2)[b-i3wuiuzxrq] {
        position: sticky;
        top: 0;
        z-index: 300;
        background: #fff;
    }

    /* THEAD sticky: bal oldali (Rendszám, Létszám) – erősebb réteg */
    .table-scroll thead tr:nth-child(1) th.sticky-col-1[b-i3wuiuzxrq],
    .table-scroll thead tr:nth-child(1) th.sticky-col-2[b-i3wuiuzxrq] {
        position: sticky;
        top: 0;
        z-index: 500; /* a dátum th-k fölé kerül */
        background: #fff;
    }

    /* Dátum cellák egységes szélessége, hogy passzoljon a body-hoz */
    .table-scroll th.date-th[b-i3wuiuzxrq] {
        width: 197px !important;
        min-width: 197px !important;
        max-width: 197px !important;
    }
.mobile-day-header[b-i3wuiuzxrq] {
    font-size: 18px;
    line-height: 22px;
    color: #444746;
}
.mobile-dayname-header[b-i3wuiuzxrq] {
    line-height: 32px;
    position: relative;
    z-index: 5;
    color: var(--gm3-sys-color-on-surface-variant);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .8px;
    margin-left: 0;
    margin-top: 8px;
    text-transform: uppercase;
}
    /* Bal oldali sticky oszlopok (metszéspontban nagyobb z-index) */
    .sticky-col-1[b-i3wuiuzxrq] {
    position: sticky;
    left: 0;
    z-index: 400; /* a thead-del ütközésnél is felül legyen */
    background: #fff;
    width: 100px !important;
    min-width: 102px !important;
    max-width: 100px !important;
}

.sticky-col-2[b-i3wuiuzxrq] {
    position: sticky;
    left: 100px;
    z-index: 400;
    background: #fff;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
}

/* Opcionális: fejlécek vizuális elválasztása */
.table-scroll thead th[b-i3wuiuzxrq] {
    border-bottom: 1px solid #e0e0e0;
}
.calendar-header[b-i3wuiuzxrq] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    background-color: #fff;
}

.calendar-title h1[b-i3wuiuzxrq] {
    font-size: 2rem;
    margin: 0;
}
.table-function[b-i3wuiuzxrq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}
.calendar-controls[b-i3wuiuzxrq] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    flex-direction: column;
}
.toggle-button-container[b-i3wuiuzxrq]{
    display:flex;
    justify-content:flex-end;
}
.calendar-period-controls[b-i3wuiuzxrq] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: space-between;
}
.calendar-period-controls span[b-i3wuiuzxrq] {
        font-weight: 500;
        font-size: 1.2rem;
        margin: 0 0.5rem;
}

.calendar-search[b-i3wuiuzxrq] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    max-width: 400px;
}
.toggle-button-group[b-i3wuiuzxrq] {
    display: inline-flex;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
    justify-content: flex-end;
}

.toggle-button[b-i3wuiuzxrq] {
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0.5rem 1rem;
    transition: background-color 0.2s;
}

    .toggle-button:not(:last-child)[b-i3wuiuzxrq] {
        border-right: 1px solid #ccc;
    }

    .toggle-button.rz-button-light[b-i3wuiuzxrq] {
        background-color: #f5f5f5;
        color: #333;
    }

    .toggle-button.rz-button-primary[b-i3wuiuzxrq] {
        background-color: #c9974d;
        color: #fff;
    }
table[b-i3wuiuzxrq] {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

.fixed-column[b-i3wuiuzxrq] {
    position: sticky;
    left: 0;
    background-color: white; /* A háttér színének megadása, hogy kitakarja a görgetést */
    z-index: 10; /* Biztosítja, hogy a busz neve mindig a többi oszlop felett jelenjen meg */
    border-right: 2px solid #ddd; /* Elválasztás a többi oszloptól */
}


td[b-i3wuiuzxrq], th[b-i3wuiuzxrq] {
    border: 1px solid #ccc;
    z-index: 1;
}
tbody[b-i3wuiuzxrq], td[b-i3wuiuzxrq], tfoot[b-i3wuiuzxrq], th[b-i3wuiuzxrq], thead[b-i3wuiuzxrq], tr[b-i3wuiuzxrq] {
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
}

.weekend[b-i3wuiuzxrq] {
    background-color: #CFD8DC;
}
.view-selection[b-i3wuiuzxrq] {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}
.week-navigation[b-i3wuiuzxrq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
    .week-navigation span[b-i3wuiuzxrq] {
        color: var(--gm3-sys-color-on-surface);
        font: 400 22px / 28px "Google Sans", Roboto, Arial, sans-serif;
        letter-spacing: 0;
        white-space: nowrap;
    }
.view-container[b-i3wuiuzxrq] {
    display: flex;
    gap: 10px;
    flex-direction: row-reverse;
    justify-content: space-between;
 
}
.event-object[b-i3wuiuzxrq] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.event-info[b-i3wuiuzxrq] {
    font-size:12px;
}
.sticky-cell[b-i3wuiuzxrq] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: white;
}

.sticky-header[b-i3wuiuzxrq] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: white;
}

.tooltiptext[b-i3wuiuzxrq] {

    position: absolute;
    top: 100%; /* vagy top: -100% ha fölé szeretnéd */
    left: 0;
    z-index: 1000;
    background-color: #333;
    color: white;
    padding: 6px;
    border-radius: 6px;
    white-space: nowrap;
    display: none;
}
.event[b-i3wuiuzxrq] {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    align-content: flex-end;
    justify-content: space-evenly;
}
.event-past[b-i3wuiuzxrq] {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}
.event-text[b-i3wuiuzxrq] {
    flex: 1 1 auto; /* növekedhet és zsugorodhat */
    min-width: 0; /* ez kell ahhoz, hogy a flex-item ne feszítse túl a sort */
    white-space: nowrap; /* egy sorban maradjon */
    overflow: hidden; /* kilógó rész levágva */
    text-overflow: ellipsis; /* ...-al jelenjen meg */
    font-size: 0.9rem;
}
.date-header[b-i3wuiuzxrq] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.event-function[b-i3wuiuzxrq] {
    display:flex;
}
tr.drag-over[b-i3wuiuzxrq] {
    outline: 2px dashed #007ACC;
}
.bus-header[b-i3wuiuzxrq] {
    display:flex;
    flex: 1;
    min-width: 0;
    padding: 8px;
    min-height: 24px;
    color: #1C1F26;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    cursor: pointer;
    gap: 1rem;
}

.tooltiptext[b-i3wuiuzxrq]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }
.custom-tooltip[b-i3wuiuzxrq] {
    max-width: 700px; /* Állítsd tetszőleges értékre */
    white-space: normal; /* Sorvégi tördelés engedélyezése */
    word-wrap: break-word; /* Régebbi böngészők támogatása */
    overflow-wrap: break-word; /* Modern szabvány */
}
div:hover > .tooltiptext[b-i3wuiuzxrq] {
    display: block;
    visibility: visible;
    opacity: 1;
}
.calendar-type-view[b-i3wuiuzxrq] {
    display: flex;
    gap: 10px;
}
.view-selection[b-i3wuiuzxrq], .view-container[b-i3wuiuzxrq] {
   
}
@media screen and (max-width: 900px) {
    .table-scroll[b-i3wuiuzxrq] {
        overflow: auto;
        /* állítsd úgy, hogy az oldaladon kényelmes legyen */
        min-height: calc(100vh);
        max-height: calc(100vh - 260px);
        border: 1px solid #e0e0e0;
        border-radius: 6px;
    }
   
    .toggle-button-container[b-i3wuiuzxrq] {
        display: flex;
        justify-content: center;
    }
    .toggle-button-container-view[b-i3wuiuzxrq] {
        display: flex;
        justify-content: center;

    }
    .table-function[b-i3wuiuzxrq] {
        justify-content: center;
    }
    .view-container[b-i3wuiuzxrq] {
        display: flex;
        gap: 10px;
        flex-direction: column;
    }
}
.calendar-toolbar[b-i3wuiuzxrq] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    grid-template-areas:
        "title period viewtype"
        "search deleted periodview";
    align-items: center;
    gap: .5rem 1rem;
    padding: .5rem .75rem;
    background: #fff;
    border-radius: 8px;
}

.tb-title[b-i3wuiuzxrq] {
    grid-area: title;
    min-width: 0;
}

.tb-h1[b-i3wuiuzxrq] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.tb-period[b-i3wuiuzxrq] {
    grid-area: period;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.tb-period-label[b-i3wuiuzxrq] {
    font-weight: 600;
    white-space: nowrap;
}

.tb-viewtype[b-i3wuiuzxrq] {
    grid-area: viewtype;
    display: flex;
    justify-content: flex-end;
}

.tb-search[b-i3wuiuzxrq] {
    grid-area: search;
    min-width: 220px;
}

.tb-deleted[b-i3wuiuzxrq] {
    grid-area: deleted;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.tb-switch-label[b-i3wuiuzxrq] {
    font-size: .9rem;
    color: #333;
}

.tb-periodview[b-i3wuiuzxrq] {
    grid-area: periodview;
    display: flex;
    justify-content: flex-end;
}

.tb-btn[b-i3wuiuzxrq] {
    padding: .25rem .5rem !important;
}

/* Toggle csoport – lapos, kompakt */
.toggle-button-group[b-i3wuiuzxrq] {
    display: inline-flex;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
}

.toggle-button[b-i3wuiuzxrq] {
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    padding: .35rem .6rem;
}

    .toggle-button:not(:last-child)[b-i3wuiuzxrq] {
        border-right: 1px solid #ccc;
    }

/* ===== Mobil / keskeny ===== */
@media (max-width: 900px) {
    .calendar-toolbar[b-i3wuiuzxrq] {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "title period"
            "viewtype periodview"
            "search search"
            "deleted deleted";
        gap: .5rem;
    }

    .tb-h1[b-i3wuiuzxrq] {
        font-size: 1.1rem;
    }

    .tb-period-label[b-i3wuiuzxrq] {
        font-size: .95rem;
    }

    .tb-search[b-i3wuiuzxrq] {
        min-width: 0;
    }

    /* Mobilon tegyük még laposabbá a gombokat */
    .toggle-button[b-i3wuiuzxrq], .tb-btn[b-i3wuiuzxrq] {
        padding: .25rem .5rem !important;
    }
}

/* ===== A meglévő táblanézethez kapcsolódó méretezést megtartjuk, csak enyhén igazítjuk ===== */
/* /Pages/Services.razor.rz.scp.css */
.rz-panel[b-9326qldh24] {
    background: red !important;
}
/* /Pages/SetupTwoFactor.razor.rz.scp.css */
.content[b-816hjbs3um] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-content: center;
    align-items: center;
    justify-content: center;
}
/* /Pages/TwoFactor.razor.rz.scp.css */
.content[b-icdqtpzywh] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-content: center;
    align-items: center;
    justify-content: center;
}