@import '_content/Infsoft.WPE.App.Shared.BaseComponents/Infsoft.WPE.App.Shared.BaseComponents.bundle.scp.css';
@import '_content/WPE.HybridApp.Modules.BuildingOccupancy/WPE.HybridApp.Modules.BuildingOccupancy.bundle.scp.css';
@import '_content/WPE.HybridApp.Modules.Map/WPE.HybridApp.Modules.Map.bundle.scp.css';
@import '_content/WPE.HybridApp.Modules.People/WPE.HybridApp.Modules.People.bundle.scp.css';
@import '_content/WPE.HybridApp.Modules.RestaurantMenu/WPE.HybridApp.Modules.RestaurantMenu.bundle.scp.css';
@import '_content/WPE.HybridApp.Modules.Shared/WPE.HybridApp.Modules.Shared.bundle.scp.css';

/* /Pages/HorizontalTabMenu.razor.rz.scp.css */
.wrapper[b-zahjeq9kqg] {
    --sidebar-content-height: 100px;
    --wrapper-padding: 20px;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    z-index: 0;
    background-color: #F5F8FA;
    padding: var(--wrapper-padding);
}

.wrapper[b-zahjeq9kqg]:before {
    content: '';
    position: absolute;
    display: block;
    left: var(--wrapper-padding);
    right: var(--wrapper-padding);
    top: var(--wrapper-padding);
    bottom: var(--wrapper-padding);
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
}

.content[b-zahjeq9kqg] {
    position: relative;
    z-index: 1;
    flex: 1;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    max-width: 100%;
}

.sidebar[b-zahjeq9kqg] {
    width: 100%;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #FFF;
    transition: 0.5s;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}

.sidebar-header[b-zahjeq9kqg] {
    height: 118px;
    width: 100%;
    padding: 8px 32px 8px 32px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 25px; /*Ensures min gap between elements*/
    background-color: #FFF;
    border-radius: 20px 20px 0 0;
}

.sidebar-header[b-zahjeq9kqg]:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 12px solid #FFF;
    left: calc(50% - 30px);
    bottom: calc(var(--sidebar-content-height) - 12px);
}

.logoContainer[b-zahjeq9kqg] {
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
}

.logoContainer img[b-zahjeq9kqg] {
    width: 120px;
    height: 120px;
}

.logoContainer p[b-zahjeq9kqg] {
    color: var(--primaryWcag);
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    max-height: 130px;
    overflow-y: clip;
    overflow-wrap: anywhere;
    white-space: nowrap;
}

.timeInfo[b-zahjeq9kqg] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.timeInfo .separator[b-zahjeq9kqg] {
    width: 2px;
    height: 27px;
    border-radius: 4px;
    background: #D9D9D9;
}

.timeInfo p[b-zahjeq9kqg] {
    color: var(--primaryWcag);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.app-version-info-header[b-zahjeq9kqg] {
    color: #022366;
    font-size: 9px;
    letter-spacing: 0;
    position: absolute;
    right: 0;
    bottom: var(--sidebar-content-height);
    padding: 3px 7px 3px 7px;
}

.sidebar-content[b-zahjeq9kqg] {
    height: var(--sidebar-content-height);
    /*padding: 25px;*/
    padding: 25px 0 25px 0;
    background-color: #022366;
}

[b-zahjeq9kqg]::-webkit-scrollbar {
    display: none;
}

.sidebar-content a[b-zahjeq9kqg] {
    padding: 8px 8px 8px 8px;
    text-decoration: none;
    white-space: nowrap;
    font-size: 25px;
    color: #9DB3EB;
    transition: 0.3s;
    display: inline-flex;
}

.sidebar-content a:hover[b-zahjeq9kqg] {
    color: #FFF;
}

.sidebar-content a.active[b-zahjeq9kqg] {
    color: #FFF;
    padding: 8px 25px 8px 25px;
    background-color: var(--primaryWcag);
    border-radius: 4px;
    align-items: center;
}

.menu[b-zahjeq9kqg] {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: scroll hidden;
    scrollbar-width: none; /* Hide scrollbar in FF */
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    text-align: center;
}

.menu__item[b-zahjeq9kqg] {
    flex: none;
    width: 300px;
}


.sidebar-content[b-zahjeq9kqg]:before {
    position: absolute;
    left: 0;
    z-index: 2;
    right: 0;
    bottom: 0;
    height: var(--sidebar-content-height);
    content: '';
    pointer-events: none;
    background: linear-gradient(270deg, rgba(2, 35, 102, 1) 0%, transparent 8.5%, transparent 91.26%, rgba(2, 35, 102, 1) 100%);
}

/*Footer*/

.sidebarFooter[b-zahjeq9kqg] {
    position: absolute;
    bottom: 0;
    height: 200px;
    width: 100%;
    border-top: 6px solid #0066CC0D;
}

.footerInfoBox[b-zahjeq9kqg] {
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-end;
}

.footerInfoBox img[b-zahjeq9kqg] {
    width: 70px;
    height: 70px;
}

.footerInfoBox > span[b-zahjeq9kqg] {
    color: #333;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;  
    text-align: right;
    line-height: normal;
    overflow: clip;
    max-height: 80px;
}

.version-bar[b-zahjeq9kqg] {
    position: absolute;
    bottom: 0;
    height: 30px;
    color: #FFF;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 29px;
    padding: 0 14px 0 14px;
    background: var(--primaryWcag);
    border-top: 1px solid #FFFFFF;
    border-radius: 0 12px 0 0;
}

#main[b-zahjeq9kqg] {
    padding: 16px;
}
/* /Pages/Index.razor.rz.scp.css */
.main[b-fzyp3gmta6] {
    position: relative;
    /*flex: 1;*/
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    z-index: 0;
}

.dummyButton[b-fzyp3gmta6] {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 500px;
    right: 0;
    background-color: #FF9A00;
}

#building-occupancy-wrapper[b-fzyp3gmta6] {
    box-sizing: border-box;
    padding: 40px;
    width: 100%;
    height: 100%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#foodAndDiningWrapper[b-fzyp3gmta6] {
    padding: 40px;
    width: 100%;
    height: 100%;
    background-color: white;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*flex-direction: column;*/
}

.auth-mask[b-fzyp3gmta6] {
    display: flex;
    flex-direction: column;
    max-width: 80vw;
    min-width: 30vw;
    color: var(--primaryOnDark);
    gap: 4px;
}

    .auth-mask input[b-fzyp3gmta6] {
        padding: 4px;
        color: #333;
        font-size: 14px;
        height: 43px;
        border-radius: 4px;
        margin-bottom: 4px;
    }

        .auth-mask input[b-fzyp3gmta6]::placeholder {
            color: #333;
            opacity: .35;
        }

.auth-main[b-fzyp3gmta6] {
    background: var(--splashColorBackground);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
/* /Pages/MenuBaseComponent.razor.rz.scp.css */
/* /Pages/ProgressSite.razor.rz.scp.css */
*[b-w254gala22] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}
body[b-w254gala22] {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f6f7fb;
}
.container[b-w254gala22] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    max-width: 400px;
    width: 100%;
    margin-top: 100px;
}

.container .steps[b-w254gala22] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 400px;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.steps .circle[b-w254gala22] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1px;
    width: 50px;
    color: #999;
    font-size: 22px;
    font-weight: 500;
    /*border-radius: 50%;*/
    background: #db0707;
    /*border: 4px solid #e0e0e0;*/
    transition: all 200ms ease;
    transition-delay: 0s;
    margin-left: 0;
}
.steps .circle.active[b-w254gala22] {
    transition-delay: 100ms;
    border-color: #4070f4;
    color: #4070f4;
}
.steps .progress-bar[b-w254gala22] {
    position: absolute;
    /*height: 100%;*/
    /*margin: 25px auto 25px auto;*/
    bottom: 0   ;
    top: 0;
    width: 4px;
    background: #e0e0e0;
    z-index: -1;
    box-sizing: content-box;
    border: 2px solid #fff;
    border-radius: 10px;
}
.progress-bar .indicator[b-w254gala22] {
    position: absolute;
    height: 0;
    width: 4px;
    background: #4070f4;
    /*transition: all ease;*/
    /*transition-duration: 300ms;*/
    border-radius: 10px;
}

.progress-bar .pointer[b-w254gala22] {
    position: absolute;
    height: 16px;
    width: 16px;
    background: var(--primaryWcag);
    border-radius: 8px;
    top: -8px;
    left: -6px;
    border: 4px solid #fff;
    transition: all ease;
    transition-duration: 300ms;
}

.container .buttons[b-w254gala22] {
    display: flex;
    gap: 20px;
}
.buttons button[b-w254gala22] {
    padding: 8px 25px;
    background: #4070f4;
    border: none;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    transition: all 200ms linear;
}
.buttons button:active[b-w254gala22] {
    transform: scale(0.97);
}
.buttons button:disabled[b-w254gala22] {
    background: #87a5f8;
    cursor: not-allowed;
}
/* /Pages/VerticalTabMenu.razor.rz.scp.css */
.wrapper[b-j630712d2q] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    z-index: 0;
    background-color: #F5F8FA;
}

.content[b-j630712d2q] {
    margin: 24px;
    position: relative;
    z-index: 1;
    flex: 1;
    border: 20px solid #ffffff;
    border-radius: 48px;
    overflow: hidden;
}

.sidebar[b-j630712d2q] {
    height: 100%;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #F5F8FA;
    overflow-x: hidden;
    transition: 0.5s;
}

.open[b-j630712d2q] {
    width: 500px;
}

.closed[b-j630712d2q] {
    width: 0;
}

.sidebarHeader[b-j630712d2q] {
    height: 165px;
    width: 100%;
    padding: 8px 16px 8px 16px;
    border-bottom: 6px solid #0066CC0D;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 25px; /*Ensures min gap between elements*/
}

.logoContainer[b-j630712d2q] {
    display: flex;
    align-items: center;
    gap: 18px;
}

.logoContainer img[b-j630712d2q] {
    width: 120px;
    height: 120px;
}

.logoContainer p[b-j630712d2q] {
    color: var(--primaryWcag);
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    max-height: 130px;
    overflow-y: clip;
    overflow-wrap: anywhere;
}

.timeInfo[b-j630712d2q] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.timeInfo p:first-child[b-j630712d2q] {
    color: var(--primaryWcag);
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.timeInfo p:last-child[b-j630712d2q] {
    color: var(--primaryWcag);
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.467px;
    text-transform: uppercase;
}

.sidebar-content[b-j630712d2q] {
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
    position: fixed;
    top: 165px;
    bottom: 200px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.sidebar-content a[b-j630712d2q] {
    padding: 8px 8px 8px 8px;
    text-decoration: none;
    font-size: 25px;
    color: #666666;
    display: block;
    transition: 0.3s;
}

.sidebar-content a:hover[b-j630712d2q] {
    color: var(--primaryWcag);
    padding: 8px 25px 8px 25px;
    background-color: white;
    border-radius: 4px;
    align-items: center;
}

.sidebar-content .active[b-j630712d2q] {
    color: var(--primaryWcag);
    padding: 8px 25px 8px 25px;
    background-color: white;
    border-radius: 4px;
    align-items: center;
}

/*Footer*/

.sidebarFooter[b-j630712d2q] {
    position: absolute;
    bottom: 0;
    height: 200px;
    width: 100%;
    border-top: 6px solid #0066CC0D;
}

.sidebarFooter .infoWrapper[b-j630712d2q] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 120px;
    width: 100%;
    margin: 20px;
    padding: 8px;
}

.footerInfoBox[b-j630712d2q] {
    display: flex;
    align-items: center;
    gap: 18px;
}

.footerInfoBox img[b-j630712d2q] {
    width: 120px;
    height: 120px;
}

.footerInfoBox > span[b-j630712d2q] {
    color: #333;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    inline-size: 340px;
    max-height: 100px;
    overflow-y: clip;
}

.version-bar[b-j630712d2q] {
    position: absolute;
    bottom: 0;
    height: 30px;
    color: #FFF;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 29px;
    padding: 0 14px 0 14px;
    background: var(--primaryWcag);
    border-top: 1px solid #FFFFFF;
    border-radius: 0 12px 0 0;
}

#main[b-j630712d2q] {
    /*transition: margin-left .5s;*/
    padding: 16px;
}
/* /Pages/Video/Videoplayer.razor.rz.scp.css */
video[b-p0u9nmcp10] {
    max-width: 100%;
    min-width: 100%;
    max-height: 100%;
    min-height: 100%;
    object-fit: cover;
}
/* /PublicTransport/Pages/POISections/PublicTransport_POISection.razor.rz.scp.css */
.poi-section-publictransport[b-08ku5mjeqc] {
    position: relative;
    width: 100%;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.empty[b-08ku5mjeqc] {
    position: relative;
    width: 100%;
    background-color: #F5F5F5;
    padding: 15px 8px 26px 8px;
    height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
/* /PublicTransport/Pages/PublicTransport_InformationStation.razor.rz.scp.css */
.table-wrapper[b-754ak82f0u] {
    position: relative;
    width: 100%;
    display: flex;
    padding: 9px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F5F5F5;
    --itemGap: 12px;
}

    .table-wrapper .table-header[b-754ak82f0u] {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        align-self: stretch;
        gap: var(--itemGap);
    }

        .table-wrapper .table-header .header-item[b-754ak82f0u] {
            position: relative;
            display: flex;
        }

            .table-wrapper .table-header .header-item.grow[b-754ak82f0u] {
                flex: 1;
            }

            .table-wrapper .table-header .header-item.align-right[b-754ak82f0u] {
                justify-content: flex-end;
            }

    .table-wrapper .header-sep[b-754ak82f0u] {
        position: relative;
        width: 100%;
        height: 2px;
        background: #FFF;
    }

    .table-wrapper .table-content-wrapper[b-754ak82f0u] {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        align-self: stretch;
    }

        .table-wrapper .table-content-wrapper .table-item[b-754ak82f0u] {
            position: relative;
            display: flex;
            height: 24px;
            align-items: center;
            align-self: stretch;
            gap: var(--itemGap);
        }

            .table-wrapper .table-content-wrapper .table-item .table-cell[b-754ak82f0u] {
                position: relative;
                display: flex;
                align-items: center;
                gap: 11px;
            }

                .table-wrapper .table-content-wrapper .table-item .table-cell.grow[b-754ak82f0u] {
                    flex: 1;
                }

                .table-wrapper .table-content-wrapper .table-item .table-cell.align-right[b-754ak82f0u] {
                    justify-content: flex-end;
                }

                .table-wrapper .table-content-wrapper .table-item .table-cell > i[b-754ak82f0u] {
                    font-size: 24px;
                }
/* /PublicTransport/Pages/PublicTransport_Item.razor.rz.scp.css */
.tt-item[b-5ldl0ll2q4] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .tt-item .tt-header[b-5ldl0ll2q4] {
        position: relative;
        height: 40px;
        width: 100%;
    }

        .tt-item .tt-header .header-content[b-5ldl0ll2q4] {
            position: relative;
            border-radius: 6px 6px 0 0;
            background-color: #FFF;
            width: 100%;
            height: 100%;
            display: flex;
            gap: 8px;
            align-items: center;
            padding: 0 20px;
        }

            .tt-item .tt-header .header-content .header-icon[b-5ldl0ll2q4] {
                position: relative;
                color: var(--primaryWcag);
                font-size: 24px;
            }

            .tt-item .tt-header .header-content .header-text[b-5ldl0ll2q4] {
                position: relative;
                flex: 1;
                color: #333;
                font-size: 18px;
                font-weight: 700;
                line-height: 24px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

    .tt-item .table-header[b-5ldl0ll2q4] {
        position: relative;
        height: 28px;
        width: 100%;
        padding: 7px 12px 5px 12px;
        background: linear-gradient(180deg, #F3F3F3 0%, #FFF 100%);
    }

        .tt-item .table-header[b-5ldl0ll2q4]::before {
            position: absolute;
            height: 26px;
            width: 100%;
            left: 0;
            bottom: -26px;
            background: linear-gradient(180deg, #F3F3F3 0%, rgba(255, 255, 255, 0) 100%);
            content: '';
        }

        .tt-item .table-header .table-header-content[b-5ldl0ll2q4] {
            position: relative;
            height: 100%;
            width: 100%;
            display: flex;
            align-items: center;
            gap: 14px;
        }

            .tt-item .table-header .table-header-content > .departure[b-5ldl0ll2q4] {
                width: 52px;
                text-align: right;
            }

            .tt-item .table-header .table-header-content > .destination[b-5ldl0ll2q4] {
                flex: 1;
            }

            .tt-item .table-header .table-header-content > .track[b-5ldl0ll2q4] {
                width: 40px;
                text-align: right;
            }

    .tt-item .table-content-wrapper[b-5ldl0ll2q4] {
        position: relative;
        width: 100%;
    }

        .tt-item .table-content-wrapper .table-content[b-5ldl0ll2q4] {
            position: relative;
            width: 100%;
            overflow: hidden;
            padding: 0 12px;
        }
/* /PublicTransport/Pages/PublicTransport_Item_Departure.razor.rz.scp.css */
.table-item[b-9q1zbsxp0q] {
    position: relative;
    height: 49px;
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
}

    .table-item:not(:last-child)[b-9q1zbsxp0q] {
        border-bottom: 1px solid #D8D8D8;
    }

    .table-item > .departure[b-9q1zbsxp0q] {
        width: 52px;
        text-align: right;
    }

    .table-item > .destination[b-9q1zbsxp0q] {
        flex: 1;
        display: flex;
        align-items: center;
        gap: 8px;
    }
/* /PublicTransport/Pages/PublicTransport_TableInformation.razor.rz.scp.css */
.timetable-info-wrapper[b-jg21c7do02] {
    position: relative;
    width: 100%;
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .timetable-info-wrapper .info-header[b-jg21c7do02] {
        position: relative;
        display: flex;
        width: 242px;
        padding: 13px 14px 0px 14px;
        justify-content: center;
        align-items: center;
        gap: 12px;
        border-radius: 8px 8px 0 0;
        background: #F5F5F5;
        margin-bottom: -6px;
        z-index: 1;
    }

        .timetable-info-wrapper .info-header > i[b-jg21c7do02] {
            position: relative;
            font-size: 24px;
            color: #000;
        }

    .timetable-info-wrapper .info-content[b-jg21c7do02] {
        position: relative;
        display: flex;
        width: 242px;
        padding: 13px 14px 0px 14px;
        justify-content: center;
        align-items: center;
        gap: 12px;
        border-radius: 8px 8px 0 0;
        background: #F5F5F5;
        margin-bottom: -6px;
    }

    .timetable-info-wrapper .line-select-wrapper[b-jg21c7do02] {
        position: relative;
        width: 100%;
        background: linear-gradient(0deg, #F0F0F0 0%, #F5F5F5 100%);
        padding-top: 30px;
    }

        .timetable-info-wrapper .line-select-wrapper .line-wrapper[b-jg21c7do02] {
            position: relative;
            width: 100%;
            padding: 0 24px;
            display: flex;
            overflow: auto;
        }

            .timetable-info-wrapper .line-select-wrapper .line-wrapper .line-tag-wrapper[b-jg21c7do02] {
                position: relative;
                padding: 10px 10px 8px 10px;
                flex-shrink: 0;
            }

                .timetable-info-wrapper .line-select-wrapper .line-wrapper .line-tag-wrapper .line-tag[b-jg21c7do02] {
                    position: relative;
                    border-radius: 4.5px;
                    background: #960CEB;
                    height: 26px;
                    width: 78px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                .timetable-info-wrapper .line-select-wrapper .line-wrapper .line-tag-wrapper.selected[b-jg21c7do02] {
                    border-radius: 8px 8px 0 0;
                    background: #FFF;
                    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08);
                }

    .timetable-info-wrapper .timeline-wrapper[b-jg21c7do02] {
        position: relative;
        width: 100%;
    }

    .timetable-info-wrapper .timeline-header[b-jg21c7do02] {
        position: relative;
        width: 100%;
        gap: 20px;
        padding: 18px 22px 11px 34px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #FFF;
    }

        .timetable-info-wrapper .timeline-header .ticket-indicator-wrapper[b-jg21c7do02] {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1px;
        }

            .timetable-info-wrapper .timeline-header .ticket-indicator-wrapper > i[b-jg21c7do02] {
                font-size: 36px;
                color: #000;
            }
/* /PublicTransport/Pages/Tiles/PublicTransport_Tile_Timetables_Desktop.razor.rz.scp.css */
.tile-publictransport-timetables[b-1f7fdeejtc] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin-bottom: 20px;
}

.header-wrapper[b-1f7fdeejtc] {
    position: relative;
    width: 100%;
    padding-left: 16px;
}

.content[b-1f7fdeejtc] {
    position: relative;
    width: 100%;
}

    .content .items-wrapper[b-1f7fdeejtc] {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

.empty[b-1f7fdeejtc] {
    position: relative;
    width: 100%;
    background-color: #F5F5F5;
    padding: 15px 8px 26px 8px;
    height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
/* /PublicTransport/Pages/Tiles/PublicTransport_Tile_Timetables_Mobile.razor.rz.scp.css */
.tile-publictransport-timetables[b-1d7atd5hsz] {
    position: relative;
    width: 100%;
    height: 100%;
}

.header-wrapper[b-1d7atd5hsz] {
    position: relative;
    width: 100%;
    padding-left: calc(16px + var(--tilePadding));
}

.content[b-1d7atd5hsz] {
    position: relative;
    width: 100%;
    height: 100%;
}

    .content .items-wrapper[b-1d7atd5hsz] {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        flex: 0 0 291px;
        gap: 18px;
        padding: 25px;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        flex-direction: column;
    }

        .content .items-wrapper .item-wrapper[b-1d7atd5hsz] {
            flex: 0 0 291px;
        }

        .content .items-wrapper[b-1d7atd5hsz]::-webkit-scrollbar {
            display: none;
        }

.empty[b-1d7atd5hsz] {
    position: relative;
    width: 100%;
    background-color: #F5F5F5;
    padding: 15px 8px 26px 8px;
    height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
/* /RestaurantOccupancy/Pages/RestaurantOccupancy_Item.razor.rz.scp.css */
.ro-item[b-q1g9ylbrrf] {
    position: relative;
    width: 100%;
    height: 88px;
    background-color: #FFFFFF;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 8px 14px;
    cursor: pointer;
}

    .ro-item .left-container[b-q1g9ylbrrf] {
        position: relative;
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

        .ro-item .left-container .status-wrapper[b-q1g9ylbrrf] {
            position: relative;
            width: 100%;
            overflow: hidden;
            display: flex;
            align-items: center;
            gap: 4px;
        }

            .ro-item .left-container .status-wrapper > i[b-q1g9ylbrrf] {
                font-size: 24px;
            }

    .ro-item .right-container[b-q1g9ylbrrf] {
        width: 122px;
        height: 100%;
        padding: 10px 0 10px 0;
        margin-right: 10px;
    }

        .ro-item .right-container .right-container-inner[b-q1g9ylbrrf] {
            position: relative;
            height: 100%;
            width: 100%;
            display: flex;
            flex-direction: column;
        }

            .ro-item .right-container .right-container-inner .top[b-q1g9ylbrrf] {
                flex: 1;
                width: 100%;
                padding-left: 20px;
                padding-right: 20px;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: flex-end;
                position: relative;
            }

                .ro-item .right-container .right-container-inner .top .time-indicator-wrapper[b-q1g9ylbrrf] {
                    position: absolute;
                    left: 20px;
                    right: 20px;
                    top: 0;
                    bottom: 0;
                }

                    .ro-item .right-container .right-container-inner .top .time-indicator-wrapper .time-indicator[b-q1g9ylbrrf] {
                        position: absolute;
                        left: 0;
                        bottom: -1px;
                        width: 2.5px;
                        border-radius: 1px;
                        z-index: 1;
                    }

                        .ro-item .right-container .right-container-inner .top .time-indicator-wrapper .time-indicator[b-q1g9ylbrrf]::before {
                            position: absolute;
                            height: 8px;
                            width: 8px;
                            top: 0;
                            left: 1px;
                            transform: translateX(-50%);
                            border-radius: 50%;
                            background: inherit;
                            content: '';
                        }

                .ro-item .right-container .right-container-inner .top .bar[b-q1g9ylbrrf] {
                    height: 18px;
                    position: relative;
                    width: 5px;
                    opacity: 0.2;
                    border-radius: 2px 2px 0 0;
                    background-color: #0066CC;
                }

            .ro-item .right-container .right-container-inner .bottom[b-q1g9ylbrrf] {
                position: relative;
                width: 100%;
                display: flex;
                justify-content: space-between;
                height: 21px;
                width: 100%;
                border-top: 1px solid #D8D8D8;
                padding: 4px 17px 0 17px;
            }

                .ro-item .right-container .right-container-inner .bottom .oval[b-q1g9ylbrrf] {
                    position: relative;
                    height: 2px;
                    width: 2px;
                    border-radius: 50%;
                    background: #808080;
                }

                    .ro-item .right-container .right-container-inner .bottom .oval .time[b-q1g9ylbrrf] {
                        position: absolute;
                        bottom: -15px;
                        transform: translateX(-50%);
                    }
/* /RestaurantOccupancy/Pages/Tiles/RestaurantOccupancy_Tile_Occupancy_Desktop.razor.rz.scp.css */
.tile-restaurant-occupancy[b-3q45tb8py5] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: white;
}

    .tile-restaurant-occupancy .content-wrapper[b-3q45tb8py5] {
        position: relative;
        width: 100%;
        height: 100%;
        background-color: #F5F5F5;
        padding: 4px;
        display: flex;
        flex-direction: column;
        gap: 4px;
        overflow: auto;
    }

.empty[b-3q45tb8py5] {
    position: relative;
    width: 100%;
    background-color: #F5F5F5;
    padding: 15px 8px 26px 8px;
    height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

    .empty .svg-wrapper[b-3q45tb8py5] {
        position: relative;
        width: 100%;
    }
/* /RestaurantOccupancy/Pages/Tiles/RestaurantOccupancy_Tile_Occupancy_Mobile.razor.rz.scp.css */
.tile-restaurant-occupancy[b-fwaa3q6t7q] {
    position: relative;
    width: 100%;
    padding: 0 var(--tilePadding);
}

    .tile-restaurant-occupancy .content-wrapper[b-fwaa3q6t7q] {
        position: relative;
        width: 100%;
        background-color: #F5F5F5;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

        .tile-restaurant-occupancy .content-wrapper .content[b-fwaa3q6t7q] {
            position: relative;
            width: 100%;
            display: flex;
            overflow-x: visible;
            transition: .2s;
        }

.empty[b-fwaa3q6t7q] {
    position: relative;
    width: 100%;
    background-color: #F5F5F5;
    padding: 15px 8px 26px 8px;
    height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

    .empty .svg-wrapper[b-fwaa3q6t7q] {
        position: relative;
        width: 100%;
    }

.content-slider[b-fwaa3q6t7q] {
    position: relative;
    height: 15px;
    width: 100%;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

    .content-slider .dot[b-fwaa3q6t7q] {
        position: relative;
        height: 7px;
        width: 7px;
        border-radius: 50%;
        background-color: #D8D8D8;
        margin: 0 5px;
    }

        .content-slider .dot.selected[b-fwaa3q6t7q] {
            background-color: var(--primary);
        }

.list-item[b-fwaa3q6t7q] {
    position: relative;
    width: 100%;
    flex-shrink: 0;
    padding: 4px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
/* /Shared/AutoNavMenu.razor.rz.scp.css */
.nav-item[b-eu5im69hss] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-eu5im69hss]  a {
        color: #666666;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        background-color: #F5F8FA;
    }

        .nav-item[b-eu5im69hss]  a.active {
            background-color: white;
            color: var(--primaryWcag);
        }

        .nav-item[b-eu5im69hss]  a:hover {
            background-color: white;
            color: var(--primaryWcag);
        }

.nav-links[b-eu5im69hss] {
    padding-left: 20px;
    padding-right: 20px;
    width: min-content;
}

.oi[b-eu5im69hss] {
/*    width: 2rem;*/
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}
/* /Shared/MainLayout.razor.rz.scp.css */
*[b-e8s1qftplg] {
    box-sizing: border-box;
}

.page[b-e8s1qftplg] {
    position: relative;
    display: flex;
    flex-direction: row;
    background-color: #F5F8FA;
}

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

.sidebar[b-e8s1qftplg] {
    width: 350px;
    height: calc(100vh - 16px);
    position: sticky;
}
/* /Shared/NavigationTimeLine/Timeline.razor.rz.scp.css */
*[b-3l47pyovc1], *[b-3l47pyovc1]:before, *[b-3l47pyovc1]:after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.container[b-3l47pyovc1] {
    max-width: 1100px;
    margin: 0 auto;
}

.project-name[b-3l47pyovc1] {
    text-align: center;
    padding: 10px 0;
}

#timeline[b-3l47pyovc1] {
    width: 100%;
    margin: 30px auto;
    position: relative;
    padding: 0 10px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.timeline-item .timeline-content[b-3l47pyovc1]:before {
    content: '';
    position: absolute;
    left: 45%;
    top: 20px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid greenyellow;
}

#timeline[b-3l47pyovc1]:before {
    content: "";
    width: 3px;
    height: 100%;
    background: var(--title-bg);
    left: 50%;
    top: 0;
    position: absolute;
}

#timeline[b-3l47pyovc1]:after {
    content: "";
    clear: both;
    display: table;
    width: 100%;
}

@media screen and (max-width: 768px) {
    #timeline[b-3l47pyovc1] {
        margin: 30px;
        padding: 0px;
        width: 90%;
    }

        #timeline[b-3l47pyovc1]:before {
            left: 0;
        }

        #timeline .timeline-item .timeline-content[b-3l47pyovc1]:before, #timeline .timeline-item .timeline-content.right[b-3l47pyovc1]:before {
            left: 10%;
            margin-left: -6px;
            border-left: 0;
        }

/*        #timeline .timeline-item .timeline-icon {
            left: 0;
        }*/
}
/* /Shared/NavigationTimeLine/TimelineItem.razor.rz.scp.css */
#timeline .timeline-item[b-3ftl0bg7vy]:after, #timeline .timeline-item[b-3ftl0bg7vy]:before {
    content: "";
    display: block;
    width: 100%;
    clear: both;
}

*[b-3ftl0bg7vy], *[b-3ftl0bg7vy]:before, *[b-3ftl0bg7vy]:after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

a[b-3ftl0bg7vy] {
    text-decoration: none;
}

#timeline .timeline-item[b-3ftl0bg7vy] {
    margin-bottom: 50px;
    position: relative;
}

    #timeline .timeline-item .timeline-icon[b-3ftl0bg7vy] {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 0;
        left: 50%;
        overflow: hidden;
        margin-left: -23px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #timeline .timeline-item .timeline-content[b-3ftl0bg7vy] {
        width: 45%;
        padding: 20px;
        -webkit-box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.57);
        -moz-box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.57);
        box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.57);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

p[b-3ftl0bg7vy] {
    margin-top: 0.5rem;
}

#timeline .timeline-item .timeline-content .item-title[b-3ftl0bg7vy] {
    padding: 15px;
    margin: -20px -20px 0 -20px;
    font-weight: 300;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

#timeline .timeline-item .timeline-content.right[b-3ftl0bg7vy] {
    float: right;
}

#timeline .timeline-item .timeline-content[b-3ftl0bg7vy]:before {
    content: '';
    position: absolute;
    left: 45%;
    top: 20px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid var(--title-bg);
}

#timeline .timeline-item .timeline-content.right[b-3ftl0bg7vy]:before {
    content: '';
    right: 45%;
    left: inherit;
    border-left: 0;
    border-right: 7px solid var(--title-bg);
}

.timeline-icon[b-3ftl0bg7vy] {
    background: var(--title-bg);
}

.timeline-content[b-3ftl0bg7vy] {
    background: var(--text-bg);
    color: var(--text-color)
}

.item-title[b-3ftl0bg7vy] {
    background: var(--title-bg);
    color: var(--title-color)
}

.timeline-button[b-3ftl0bg7vy] {
    padding: 5px 15px;
    text-decoration: none;
    background: transparent;
    border: 2px solid var(--title-bg);
    color: var(--title-bg);
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    transition: background 0.3s ease;
    -webkit-box-shadow: 2px 2px 0 var(--title-bg);
    -moz-box-shadow: 2px 2px 0 var(--title-bg);
    box-shadow: 2px 2px 0 var(--title-bg);
}

@media screen and (max-width: 768px) {
    #timeline .timeline-item .timeline-content[b-3ftl0bg7vy] {
        width: 90%;
        float: right;
    }

        #timeline .timeline-item .timeline-content[b-3ftl0bg7vy]:before, #timeline .timeline-item .timeline-content.right[b-3ftl0bg7vy]:before {
            border-right: 7px solid var(--title-bg);
        }

    #timeline .timeline-item .timeline-icon[b-3ftl0bg7vy] {
        left: 0;
    }

    #timeline .timeline-item .timeline-content[b-3ftl0bg7vy] {
        width: 90%;
        float: right;
    }

        #timeline .timeline-item .timeline-content[b-3ftl0bg7vy]:before, #timeline .timeline-item .timeline-content.right[b-3ftl0bg7vy]:before {
            left: 10%;
            margin-left: -6px;
            border-left: 0;
        }

    #timeline .timeline-item .timeline-icon[b-3ftl0bg7vy] {
        left: 0;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
*[b-ffzxmhkvt4] {
    box-sizing: border-box;
}

.flex-container[b-ffzxmhkvt4] {
    display: flex;
    flex-direction: row;
}

    .flex-container > div[b-ffzxmhkvt4] {
        width: 100px;
        margin: 10px;
        text-align: center;
        line-height: 75px;
        font-size: 30px;
    }

#timeline-indicator[b-ffzxmhkvt4] {
    width: 20px;
    height: 20px;
    position: relative;
    animation-name: timeline-b-ffzxmhkvt4;
    animation-duration: 4s;
    animation-direction: alternate;
    animation-iteration-count: 2;
}

@keyframes timeline-b-ffzxmhkvt4 {
    0% {
        background-color: red;
        left: 0px;
        top: 0px;
    }

    100% {
        background-color: red;
        left: 0px;
        top: 100%;
    }
}

.top-row[b-ffzxmhkvt4] {
    height: 100pt;
}

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

.oi[b-ffzxmhkvt4] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

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

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

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

    .nav-item[b-ffzxmhkvt4]  a {
        color: #666666;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        background-color: #F5F8FA;
    }

        .nav-item[b-ffzxmhkvt4]  a.active {
            background-color: white;
            color: #0066CC;
        }

        .nav-item[b-ffzxmhkvt4]  a:hover {
            background-color: white;
            color: var(--primaryWcag);
        }

@media (min-width: 641px) {
    .navbar-toggler[b-ffzxmhkvt4] {
        display: none;
    }

    .collapse[b-ffzxmhkvt4] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-ffzxmhkvt4] {
        /* Allow sidebar to scroll for tall menus */
        height: 100%;
        overflow-y: auto;
    }
}