.loadScreen-fade-in {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

.mud-badge.mud-badge-dot {
    height: 14px !important;
    width: 14px !important;
}

.loadScreen-fade-out {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.loadScreen-initial-hidden {
    opacity: 0;
    visibility: hidden;
}

.double {
    font-size: 1.5rem;
    padding: 1.5rem 3rem;
}

.scrollable-table {
    width: 100%;
    border-collapse: collapse;
}

.scrollable-table thead {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #f5f5f5;
}

.scrollable-table tbody {
    display: block;
    overflow-y: auto;
    max-height: 400px; /* Adjust to your required height */
}

.scrollable-table thead tr, .scrollable-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.route-text {
    font-size: 1.7rem !important;
    font-weight: 500 !important;
    max-width: 450px;
}

.mud-list-item-icon {
    min-width: 35px !important;
}

@media (max-width: 768px) {
    .custom-tabs .mud-tab {
        font-size: 1.2rem;
    }
    .mud-list-item-text p {
        font-size: 1.5rem;
    }
    .mud-button{
        font-size: 1.5rem;
        padding: 1.5rem 3rem;
    }
    .mud-select .mud-select-input {
        font-size: 1.5rem;
    }
    .mud-button-outlined-error,
    .mud-button-filled-warning,
    .mud-button-outlined-size-large,
    .mud-button-filled-size-large
    {
        font-size: 1.5rem;
        padding: 1.5rem 2rem;
    }
    .mud-simple-table table * tr>td, .mud-simple-table table * tr th {
        font-size: 1.3rem !important;
    }
    .mud-button-label {
        text-wrap-mode: nowrap;
        font-size: 1.3rem;
        padding: 0.5rem 1.5rem;
    }
    .mud-dialog-content .mud-typography-body1 {
        font-size: 1.3rem !important;
    }
    .date-icon {
        font-size: 1.5rem;
    }

    .date-text {
        font-size: 14px;
    }

    .time-text {
        font-size: 32px;
        line-height: 42px;
    }

    .route-text {
        font-size: 1.3rem !important;
        font-weight: 500 !important;
        max-width: 350px;
    }
}