@import '_content/LeafletForBlazor/LeafletForBlazor.bundle.scp.css';

/* _content/MyDinnerClientWebSite/Pages/Bestellen.razor.rz.scp.css */
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.ttf') format('truetype');
}

h1[b-nhhxznc0h8], p[b-nhhxznc0h8], span[b-nhhxznc0h8] {
    font-family: 'Poppins', sans-serif;
}

h1[b-nhhxznc0h8] {
    color: #260B7E;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.step-transition[b-nhhxznc0h8] {
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.hidden-step[b-nhhxznc0h8] {
    opacity: 0;
    transform: translateX(-100%);
}


#ahap[b-nhhxznc0h8] {
    display: flex;
    column-gap: 5px;
    margin-top: 10px;
    justify-content: flex-end;
}

    #ahap p[b-nhhxznc0h8] {
        color: #124ED2;
        font-size: 15px;
        margin: 0;
    }

        #ahap p:hover[b-nhhxznc0h8] {
            text-decoration: underline;
        }

#googleBtn[b-nhhxznc0h8] {
    color: black;
    background-color: transparent;
    border-radius: 10px;
    width: 40%;
    height: 35px;
    border: solid 1px #124ED2;
    margin-top: 5px;
    background-image: url('images/googleButton.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 17px;
    background-position-x: 15%;
    padding-left: 5%;
}

#facebookBtn[b-nhhxznc0h8] {
    color: black;
    background-color: transparent;
    border-radius: 10px;
    width: 40%;
    height: 35px;
    border: solid 1px #124ED2;
    margin-top: 5px;
    background-image: url('images/facebookButton.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 17px;
    background-position-x: 15%;
    padding-left: 5%;
}

.divider[b-nhhxznc0h8] {
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 20px;
    font-size: 15px;
    color: #124ED2;
}

    .divider[b-nhhxznc0h8]::before,
    .divider[b-nhhxznc0h8]::after {
        content: '';
        width: 100px;
        flex: 1;
        border-bottom: 1px solid #124ED2;
    }

    .divider:not(:empty)[b-nhhxznc0h8]::before {
        margin-right: 20px;
    }

    .divider:not(:empty)[b-nhhxznc0h8]::after {
        margin-left: 20px;
    }

#cookiesInput[b-nhhxznc0h8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    column-gap: 5px;
    justify-content: space-between;
}

#addressDialog_dialog-content > table:nth-child(6) > tr:nth-child(2) > td > div > div > svg[b-nhhxznc0h8] {
    display: inline;
}

#addressDialog_dialog-content > table:nth-child(7) > tr:nth-child(2) > td > a > div > div > svg[b-nhhxznc0h8] {
    display: inline;
}

#addressDialog_dialog-content[b-nhhxznc0h8] {
    overflow: hidden;
}

#test > div.VIpgJd-ZVi9od-aZ2wEe-wOHMyf.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc > div[b-nhhxznc0h8] {
    display: none;
}

#Grid > div.e-gridcontent[b-nhhxznc0h8] {
    max-height: 120px;
    overflow-y: auto;
}

#tooltipfocus_content[b-nhhxznc0h8] {
    offset-path: path('M 70 20');
    offset-distance: 5%;
    box-sizing: border-box;
    display: inline-block;
    line-height: 17px;
}

.feedback-widget-icon[b-nhhxznc0h8] {
    z-index: 2147483004;
}

.widget-icon[b-nhhxznc0h8] {
    border: outset 1px white;
}


#summaryPopup > div:nth-child(3) > span.e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper.e-valid-input.e-input-focus > span.e-clear-icon[b-nhhxznc0h8] {
    display: none;
}

.edit-btn[b-nhhxznc0h8] {
    background-color: transparent;
    color: cornflowerblue;
    border: hidden;
}

.erase-btn[b-nhhxznc0h8] {
    background-color: transparent;
    color: red;
    border: hidden;
}



h1:focus[b-nhhxznc0h8] {
    outline: none;
}

a[b-nhhxznc0h8], .btn-link[b-nhhxznc0h8] {
    color: #0071c1;
}

.btn-primary[b-nhhxznc0h8] {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

app[b-nhhxznc0h8] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row[b-nhhxznc0h8] {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

#addCartIcon[b-nhhxznc0h8] {
    height: 20px;
}

.main[b-nhhxznc0h8] {
    flex: 1;
}

    .main .top-row[b-nhhxznc0h8] {
        background-color: #f7f7f7;
        border-bottom: 1px solid #d6d5d5;
        justify-content: flex-end;
    }

        .main .top-row > a[b-nhhxznc0h8], .main .top-row .btn-link[b-nhhxznc0h8] {
            white-space: nowrap;
            margin-left: 1.5rem;
        }

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



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

    .sidebar .top-row[b-nhhxznc0h8] {
        background-color: rgba(0,0,0,0.4);
    }

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

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

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

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

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

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

            .sidebar .nav-item a.active[b-nhhxznc0h8] {
                background-color: rgba(255,255,255,0.25);
                color: white;
            }

            .sidebar .nav-item a:hover[b-nhhxznc0h8] {
                background-color: rgba(255,255,255,0.1);
                color: white;
            }



.content[b-nhhxznc0h8] {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox])[b-nhhxznc0h8] {
    outline: 1px solid #26b050;
}

.invalid[b-nhhxznc0h8] {
    outline: 1px solid red;
}

.validation-message[b-nhhxznc0h8] {
    color: red;
}

#blazor-error-ui[b-nhhxznc0h8] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-nhhxznc0h8] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary[b-nhhxznc0h8] {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary[b-nhhxznc0h8]::after {
        content: "An error has occurred."
    }

.productsTable[b-nhhxznc0h8] {
    display: flex;
    text-align: start;
    color: white;
    border-radius: 10px 10px 10px 10px;
    margin: 5px 0px 0px 0px;
    padding: 5px;
    background: #124de2;
    justify-content: space-between;
    column-gap: 15px;
    align-items: flex-start;
}

#productsTableDescription[b-nhhxznc0h8] {
    width: 100%;
    height: auto;
    overflow-x: hidden;
}

    #productsTableDescription h3[b-nhhxznc0h8] {
        margin-top: 0px;
    }

    #productsTableDescription p[b-nhhxznc0h8] {
        margin: 0;
    }

#productsTablePrice[b-nhhxznc0h8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 150px;
}

    #productsTablePrice button[b-nhhxznc0h8] {
        border-radius: 50%;
        background-color: white;
        height: 40px;
        width: 40px;
        border: outset;
    }


#menuCart[b-nhhxznc0h8] {
    margin-top: 25px;
    margin: 2%;
}

.userArea[b-nhhxznc0h8] {
    display: flex;
    column-gap: 5px;
}

#navBar[b-nhhxznc0h8] {
    display: flex;
    align-items: center;
    position: fixed;
    width: 100%;
    z-index: 50;
    height: 55px;
    top: 0;
    left: 0;
    background-color: #6274b3a6;
    justify-content: space-around;
    column-gap: 50%;
}

.goog-te-combo[b-nhhxznc0h8] {
    z-index: 50;
}

#cartAndMenuContainer[b-nhhxznc0h8] {
    display: flex;
    justify-content: center;
    row-gap: 15px;
    flex-direction: column;
    align-items: center;
}

#cartList[b-nhhxznc0h8] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 600px;
    padding-top: 120px;
    align-self: anchor-center;
}

#menuContainer[b-nhhxznc0h8] {
}

@media (min-width: 1500px) {
    #cartAndMenuContainer[b-nhhxznc0h8] {
        flex-direction: row-reverse;
        margin-top: 150px;
        height: 650px;
        max-height: 700px;
        align-items: flex-start;
    }

    #cartList[b-nhhxznc0h8] {
        padding-top: 0;
    }
}


@media (min-width: 1000px) {
    .main .top-row:not(.auth)[b-nhhxznc0h8] {
        display: none;
    }

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

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

    .productsTable[b-nhhxznc0h8] {
        text-align: left;
    }

        .productsTable img[b-nhhxznc0h8] {
            float: left;
            margin-right: 10px;
        }


    .categoriesTitle[b-nhhxznc0h8] {
        margin-block: 10px;
        font-weight: bold;
    }



    .edit-btn[b-nhhxznc0h8] {
        background-color: transparent;
        color: cornflowerblue;
        border: hidden;
    }

    .erase-btn[b-nhhxznc0h8] {
        background-color: transparent;
        color: red;
        border: hidden;
    }
}

@media (min-width: 1000px) {
    app[b-nhhxznc0h8] {
        flex-direction: row;
    }

    .edit-btn[b-nhhxznc0h8] {
        background-color: transparent;
        color: cornflowerblue;
        border: hidden;
    }

    .erase-btn[b-nhhxznc0h8] {
        background-color: transparent;
        color: red;
        border: hidden;
    }

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

    .main .top-row[b-nhhxznc0h8] {
        position: sticky;
        top: 0;
    }

    .main > div[b-nhhxznc0h8] {
        padding-left: 20rem !important;
        padding-right: 1.5rem !important;
        padding-top: 1.1rem;
    }

    .navbar-toggler[b-nhhxznc0h8] {
        display: none;
    }

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

    #defaultDialog table[b-nhhxznc0h8],
    #defaultDialog th[b-nhhxznc0h8],
    #defaultDialog td[b-nhhxznc0h8] {
        border: 1px solid #D8D8D8;
        border-collapse: collapse;
    }

    #defaultDialog.e-dialog .e-footer-content[b-nhhxznc0h8] {
        padding: 0px 10px 10px;
        text-align: center;
    }

    #target[b-nhhxznc0h8] {
        height: 100%;
        max-width: 230px;
    }

    .e-dialog .e-dlg-content[b-nhhxznc0h8] {
        padding: 10px 16px 10px;
    }

    .e-radio + label .e-label[b-nhhxznc0h8] {
        line-height: 18px;
    }

    .categoriesTitle[b-nhhxznc0h8] {
        text-align: center;
        color: white;
        font-weight: bold;
        border-radius: 10px 10px 10px 10px;
        margin: 10px 0px 0px 0px;
        background: #124de2;
        padding: 5px;
        height: 35px;
    }

    .e-btn[b-nhhxznc0h8] {
        background-color: #124de2;
        font-size: 18px;
        margin: 5px;
    }

    .e-plus-icon[b-nhhxznc0h8]::after {
        content: '\e727';
    }

    .e-outline[b-nhhxznc0h8] {
        font-size: 24px;
        margin: 20px;
    }

    .productTitle[b-nhhxznc0h8] {
        text-align: center;
        color: black;
        font-weight: bold;
    }

    .productDescription[b-nhhxznc0h8] {
        text-align: start;
        color: black;
        padding: 10px;
        height: 30px;
    }

    .productPrice[b-nhhxznc0h8] {
        text-align: end;
        color: black;
        font-weight: bold;
        margin: 10px;
    }

    .productsImageCell[b-nhhxznc0h8] {
        vertical-align: top;
        padding: 5px;
        border-radius: 20px;
    }

    .pagecontent[b-nhhxznc0h8] {
        font-family: sans-serif !important;
        font-size: 16px;
        color: #333333;
        letter-spacing: 0.34px;
        line-height: 24px;
        margin-top: 10px;
    }

    .pageheader[b-nhhxznc0h8] {
        font-family: sans-serif !important;
        font-size: 24px !important;
        color: #333333;
        font-weight: bold !important;
    }
}
/* _content/MyDinnerClientWebSite/Pages/Index.razor.rz.scp.css */
@font-face {
    font-family: 'Baijamjuree';
    src: url('fonts/baijamjuree-bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.ttf') format('truetype');
}


body[b-im3m89ym5u] {
    background-color: #652ff1;
    width: 100%;
    margin: 0;
}

#navLogo[b-im3m89ym5u] {
    width: auto;
    height: 35px;
}

#mainPhoneImg[b-im3m89ym5u] {
    max-width: 531.41px;
    max-height: 691.22px;
    min-width: 100px;
    max-width: auto;
    top: 125px;
    position: relative;
}

#startNowBtn[b-im3m89ym5u] {
    color: #5E17EB;
    background-color: #C7FF17;
    border-radius: 52px;
    padding-block: 8px;
    padding-inline: 24px;
    border: none;
    cursor: pointer;
    width: 290px;
    height: 70px;
    font-size: 28px;
    margin-right: 2%;
    z-index: 3;
}

#agbBtn[b-im3m89ym5u] {
    color: #5E17EB;
    background-color: #C7FF17;
    border-radius: 15px;
    padding-block: 4px;
    padding-inline: 15px;
    border: none;
    cursor: pointer;
    width: 100px;
    height: 35px;
    font-size: 14px;
}

#gastroAppBMS[b-im3m89ym5u] {
    display: flex;
    align-items: center;
    column-gap: 5px;
}

.square[b-im3m89ym5u] {
    width: 100%;
    height: 2262px;
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom-right-radius: 250px;
    z-index: -2;
}

.navbar[b-im3m89ym5u] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    height: 73px;
    background: linear-gradient(90deg, #5E17EB, #512BD1, #512BD1, #260B7E);
    box-shadow: 0px 4px 6px #150B36CC;
}

#navItems[b-im3m89ym5u] {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: space-evenly;
}

.mainSection[b-im3m89ym5u] {
    width: 100%;
    height: calc(100dvh - 73px);
    top: 73px;
    position: absolute;
    left: 0;
    background: #7977e1de;
}

#mainBackground[b-im3m89ym5u] {
    position: absolute;
    width: 100%;
    height: 100%;
}

#content[b-im3m89ym5u] {
    position: absolute;
    bottom: 15%;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#content2[b-im3m89ym5u] {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

.main-text[b-im3m89ym5u] {
    font-family: 'Poppins', sans-serif;
    font-size: 47px;
    font-weight: 600;
    line-height: 45.05px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.large-bold[b-im3m89ym5u] {
    font-size: 65px;
    font-weight: 700;
    line-height: 69.55px;
}

.small-regular[b-im3m89ym5u] {
    font-size: 28px;
    font-weight: 400;
    line-height: 26px;
    font-family: 'Poppins', sans-serif;
}

.middleSection[b-im3m89ym5u] {
    font-family: 'Poppins', sans-serif;
    width: 100%;
    top: 100dvh;
    position: absolute;
    color: white;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 25px;
    margin-block: 10px;
}

#middleFrames[b-im3m89ym5u] {
    display: none;
    width: 100%;
    justify-content: space-evenly;
}

#frame1[b-im3m89ym5u] {
    width: 366.37px;
    height: 486px;
    border-radius: 30px;
    box-shadow: 0px 4px 6px #150B36CC;
    background-image: url('images/frame1.jpeg');
    background-repeat: no-repeat;
    background-position: -100px -70px;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

#frame1Cont[b-im3m89ym5u] {
    width: 90%;
}

#frame2Cont[b-im3m89ym5u] {
    width: 50%;
}

#frame3Cont[b-im3m89ym5u] {
    width: 50%;
}

#frame1 p[b-im3m89ym5u] {
    font-size: 24px;
    margin-bottom: 53px;
    line-height: 33.37px;
}

#frame2 p[b-im3m89ym5u] {
    font-size: 24px;
    margin-bottom: 53px;
    line-height: 33.37px;
}


#frame3 p[b-im3m89ym5u] {
    font-size: 24px;
    margin-bottom: 53px;
    line-height: 33.37px;
}


#frame1[b-im3m89ym5u]::before {
    content: "";
    position: absolute;
    width: 366.37px;
    height: 215px;
    background: linear-gradient(0deg, #C7FF17 70%, #502BD400 100%);
    z-index: 1;
    pointer-events: none;
    border-radius: 30px;
}

#frame2[b-im3m89ym5u] {
    width: 366.37px;
    height: 486px;
    border-radius: 30px;
    box-shadow: 0px 4px 6px #150B36CC;
    background-image: url('images/frame2.jpeg');
    background-repeat: no-repeat;
    background-position: -145px -85px;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

    #frame2[b-im3m89ym5u]::before {
        content: "";
        position: absolute;
        width: 366.37px;
        height: 215px;
        background: linear-gradient(0deg, #C7FF17 70%, #502BD400 100%);
        z-index: 1;
        pointer-events: none;
        border-radius: 30px;
    }

#frame3[b-im3m89ym5u] {
    width: 366.37px;
    height: 486px;
    border-radius: 30px;
    box-shadow: 0px 4px 6px #150B36CC;
    background-image: url('images/frame3.jpeg');
    background-repeat: no-repeat;
    background-position: -190px -80px;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

    #frame3[b-im3m89ym5u]::before {
        content: "";
        position: absolute;
        width: 366.37px;
        height: 215px;
        background: linear-gradient(0deg, #C7FF17 70%, #502BD400 100%);
        z-index: 1;
        pointer-events: none;
        border-radius: 30px;
    }

.videoSection[b-im3m89ym5u] {
    background-image: url('images/Rectangle29.png');
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 4px 6px #150B36CC;
    width: 580px;
    height: 526px;
    border-radius: 37px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 30px;
}

#circleGradient[b-im3m89ym5u] {
    position: absolute;
    box-shadow: 0px 4px 6px #150B36CC;
    width: 100%;
    left: 0;
    height: 549px;
    border-radius: 30px;
}

    #circleGradient[b-im3m89ym5u]::before {
        content: "";
        position: absolute;
        width: 70%;
        height: 549px;
        background: linear-gradient(90deg, transparent 40%, #c7ff17bd 100%);
        z-index: -1;
        pointer-events: none;
        border-radius: 1500px;
    }

#phonesSection[b-im3m89ym5u] {
    width: 100%;
    left: 0;
    background-color: #652ff1;
    height: 792px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5%;
}

    #phonesSection img[b-im3m89ym5u] {
        width: 414px;
        height: 550px;
    }

#gastroAppBMSp1[b-im3m89ym5u] {
    font-size: 39px;
}

#gastroAppBMSp2[b-im3m89ym5u] {
    font-size: 20px;
}

.footer[b-im3m89ym5u] {
    display: flex;
    left: 0;
    width: 90%;
    height: 250px;
    justify-content: space-evenly;
    align-items: center;
    column-gap: 5%;
    width: 100%;
    background: #260b7e;
}

    .footer p[b-im3m89ym5u] {
        color: white;
    }


#videoSectionContentDiv1[b-im3m89ym5u] {
    width: 453.15px;
}

#test[b-im3m89ym5u] {
    min-width: auto !important;
    min-height: auto !important;
}

p[b-im3m89ym5u] {
    font-family: 'Poppins';
}

.VIpgJd-ZVi9od-ORHb-OEVmcd[b-im3m89ym5u] {
    display: none;
    height: 1px;
}

.goog-te-gadget[b-im3m89ym5u] {
    position: fixed;
    top: 30px;
    right: 15px;
    padding: 5px;
    border-radius: 5px;
}

    .goog-te-gadget img[b-im3m89ym5u] {
        display: none;
    }

.goog-te-gadget-simple[b-im3m89ym5u] {
    padding: 5px;
    border-radius: 50px;
}

.goog-te-banner-frame[b-im3m89ym5u] {
    display: none !important;
}

tbody[b-im3m89ym5u] {
    display: none;
}

.VIpgJd-ZVi9od-ORHb[b-im3m89ym5u] {
    display: none;
}

#upperPart[b-im3m89ym5u] {
    display: flex;
    height: 40vh;
    width: 60%;
    padding-inline: 5%;
    margin-inline: 15%;
    justify-content: space-around;
    align-items: center;
    background-color: white;
    padding-block: 2%;
    border-radius: 15px;
    margin-top: 3%;
}

#upRight[b-im3m89ym5u] {
    height: 100%;
}

    #upRight img[b-im3m89ym5u] {
        max-height: 100%;
        width: 100%;
    }

#upperPart a[b-im3m89ym5u] {
    background-color: #5E17EB;
    text-decoration: none;
    padding: 20px;
    border-radius: 30px;
    color: #C7FF17;
    font-family: Baijamjuree;
    font-weight: bold;
    transition: color 0.3s ease-in-out;
    height: 20px;
}

    #upperPart a:hover[b-im3m89ym5u] {
        background-color: #C7FF17;
        color: #5E17EB;
    }

#listButton[b-im3m89ym5u] {
    display: flex;
    font-family: Baijamjuree;
    column-gap: 5%;
    align-items: center;
}


h1[b-im3m89ym5u] {
    font-family: Baijamjuree;
    font-style: italic;
}

h2[b-im3m89ym5u] {
    font-family: Baijamjuree;
}

#bottomPart[b-im3m89ym5u] {
    width: 35%;
    margin-inline: auto;
    padding-block: 2%;
}

#phoneImgcontainer[b-im3m89ym5u] {
    height: 90%;
    z-index: 999;
    display: flex;
    align-items: center;
}

#socialIcons[b-im3m89ym5u] {
}

#hero-video[b-im3m89ym5u] {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
}

    #hero-video iframe[b-im3m89ym5u] {
        height: 100%;
        width: 100%;
        border: hidden;
    }

    #hero-video .player .vp-video-wrapper video[b-im3m89ym5u] {
        border: 1px solid white;
        border-radius: 25px;
    }

#hero-right-container[b-im3m89ym5u] {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
    padding-block: 20px;
    padding-inline: 10px;
}

#hero-functions-details[b-im3m89ym5u] {
    display: flex;
    font-family: 'Poppins', sans-serif;
    column-gap: 15px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

.function[b-im3m89ym5u] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#multilingual-function[b-im3m89ym5u] {
    display: flex;
    align-items: center;
    font-family: 'Poppins', sans-serif;
    color: #5E17EB;
    z-index: 3;
}

    #multilingual-function img[b-im3m89ym5u] {
        z-index: 1;
    }

    #multilingual-function span[b-im3m89ym5u] {
        background-color: #C7FF17;
        padding-block: 5px;
        padding-inline: 20px;
        position: absolute;
        left: 65px;
        z-index: 0;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
        font-size: 13px;
    }

@media (max-width: 1200px) {
    #hero-right-container[b-im3m89ym5u] {
        display: none;
    }

    #middleFrames[b-im3m89ym5u] {
        flex-direction: column;
        align-items: center;
        row-gap: 30px;
    }

    #frame1[b-im3m89ym5u] {
        height: 193.5px;
        width: 80%;
        justify-content: flex-end;
        background-position: -56px -140px;
        align-items: center;
    }

    #frame1Cont[b-im3m89ym5u] {
        width: 40%;
        margin-right: 5%;
    }

    #frame1 p[b-im3m89ym5u] {
        margin-bottom: 0;
        text-align: center;
        margin: 0;
        font-size: 28px;
    }

    #frame1[b-im3m89ym5u]:before {
        content: "";
        position: absolute;
        width: 80%;
        height: 193.5px;
        background: linear-gradient(-90deg, #C7FF17 39%, #502BD400 100%);
        z-index: 1;
        pointer-events: none;
        border-radius: 30px;
    }

    #frame2[b-im3m89ym5u] {
        height: 193.5px;
        width: 80%;
        background-position: 172px -189px;
        align-items: center;
        justify-content: flex-start;
    }

    #frame2Cont[b-im3m89ym5u] {
        width: 30%;
        margin-left: 5%;
    }

    #frame2 p[b-im3m89ym5u] {
        margin-bottom: 0;
        text-align: center;
        margin: 0;
        font-size: 28px;
    }

    #frame2[b-im3m89ym5u]:before {
        content: "";
        position: absolute;
        width: 80%;
        height: 193.5px;
        background: linear-gradient(90deg, #C7FF17 39%, #502BD400 100%);
        z-index: 1;
        pointer-events: none;
        border-radius: 30px;
    }

    #frame3[b-im3m89ym5u] {
        height: 193.5px;
        align-items: center;
        width: 80%;
        background-position: -49px -113px;
        justify-content: flex-end;
    }

    #frame3Cont[b-im3m89ym5u] {
        width: 30%;
        margin-right: 5%;
    }

    #frame3 p[b-im3m89ym5u] {
        margin-bottom: 0;
        text-align: center;
        margin: 0;
        font-size: 28px;
    }

    #frame3[b-im3m89ym5u]:before {
        content: "";
        position: absolute;
        width: 80%;
        height: 193.5px;
        background: linear-gradient(-90deg, #C7FF17 39%, #502BD400 100%);
        z-index: 1;
        pointer-events: none;
        border-radius: 30px;
    }

    .videoSection[b-im3m89ym5u] {
        padding: 20px;
    }

    #videoSectionContent[b-im3m89ym5u] {
        flex-direction: column;
        height: 569px;
        margin-left: 15%;
        align-items: flex-start;
    }

    #gastroAppBMS[b-im3m89ym5u] {
        display: flex;
        align-items: center;
        column-gap: 5px;
    }

    #phonesSection[b-im3m89ym5u] {
        flex-direction: column;
        margin-top: 1380px;
        height: 900px;
        row-gap: 3%;
        padding-bottom: 100px;
    }

    .footer[b-im3m89ym5u] {
        justify-content: center;
        height: 400px;
    }

        .footer p[b-im3m89ym5u] {
            font-size: 13.4px;
        }

    #footerLogo[b-im3m89ym5u] {
        width: 246px;
        height: 46px;
    }

    #footerContentTop[b-im3m89ym5u] {
        justify-content: space-around;
    }

    #copyrightSentence[b-im3m89ym5u] {
        text-align: center;
    }

    #phonesSection img[b-im3m89ym5u] {
        max-height: 550px;
    }
}

@media (max-height: 400px) {
    #startNowBtn[b-im3m89ym5u] {
        color: #5E17EB;
        background-color: #C7FF17;
        border-radius: 52px;
        padding-inline: 24px;
        border: none;
        cursor: pointer;
        font-size: 17px;
        margin-right: 2%;
        width: auto;
        height: auto;
    }
}

@media (max-width: 700px) {
    #navLogo[b-im3m89ym5u] {
        width: 112px;
        height: 24px;
    }

    .mainSection[b-im3m89ym5u] {
        height: 300px;
    }

    .middleSection[b-im3m89ym5u] {
        top: 370px;
    }


    #content[b-im3m89ym5u] {
        flex-direction: column-reverse;
        height: 90%;
        justify-content: normal;
        display: none;
    }

    #content2[b-im3m89ym5u] {
        display: flex;
    }

    #hero-functions-details[b-im3m89ym5u] {
        font-size: 12px;
    }

    .function[b-im3m89ym5u] {
        justify-content: space-between;
    }

    #mainBackground .content[b-im3m89ym5u] {
        width: 90%;
        margin-inline: 5%;
        justify-content: flex-start;
    }

    #mainPhoneImg[b-im3m89ym5u] {
        left: 135px;
        top: 216px;
        height: 283px;
        width: 217.57px;
    }

    .main-text[b-im3m89ym5u] {
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        font-weight: 600;
        line-height: 27.6px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

    .large-bold[b-im3m89ym5u] {
        font-size: 34px;
        font-weight: 700;
        line-height: 38px;
    }

    .small-regular[b-im3m89ym5u] {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        font-family: 'Poppins', sans-serif;
    }

    #startNowBtn[b-im3m89ym5u] {
        width: 162px;
        height: 34px;
        font-size: 16px;
        align-self: flex-end;
    }


    #frame1[b-im3m89ym5u] {
        height: 111px;
        width: 353px;
        background-position: -59px -65px;
    }

        #frame1 p[b-im3m89ym5u] {
            font-size: 14px;
            line-height: 13px;
            font-weight: 600;
        }

        #frame1[b-im3m89ym5u]:before {
            height: 111px;
            width: 353px;
        }

    #frame2[b-im3m89ym5u] {
        height: 111px;
        width: 353px;
        background-position: 106px -107px;
    }

        #frame2 p[b-im3m89ym5u] {
            font-size: 14px;
            line-height: 13px;
            font-weight: 600;
        }

        #frame2[b-im3m89ym5u]:before {
            height: 111px;
            width: 353px;
        }

    #frame3[b-im3m89ym5u] {
        height: 111px;
        width: 353px;
        background-position: -89px -56px;
    }

        #frame3 p[b-im3m89ym5u] {
            font-size: 14px;
            line-height: 13px;
            font-weight: 600;
        }

        #frame3[b-im3m89ym5u]:before {
            height: 111px;
            width: 353px;
        }

    iframe[b-im3m89ym5u] {
        height: 168.53px;
        width: 293.97px;
    }

    #gastroAppBMSp1[b-im3m89ym5u] {
        font-size: 28px;
    }


    #circleGradient[b-im3m89ym5u] {
        height: 343px;
    }

        #circleGradient[b-im3m89ym5u]:before {
            height: 240px;
        }

    #videoSectionContent[b-im3m89ym5u] {
        height: 343px;
        margin-left: 0;
        align-items: center;
    }

    #videoSectionContentDiv1[b-im3m89ym5u] {
        width: auto;
    }

    #videoSectionContentDiv2[b-im3m89ym5u] {
        height: auto;
    }

    .videoSection[b-im3m89ym5u] {
        width: 80%;
    }

    .square[b-im3m89ym5u] {
        height: 1380px;
        border-bottom-right-radius: 167px;
    }

    .footer[b-im3m89ym5u] {
        height: 400px;
    }

        .footer p[b-im3m89ym5u] {
            font-size: 12px;
        }

    #footerLogo[b-im3m89ym5u] {
        width: 174px;
        height: 37px;
    }

    #phoneImgcontainer[b-im3m89ym5u] {
        width: 80%;
    }

    #phonesSection[b-im3m89ym5u] {
        margin-top: 956px;
        height: 700px;
    }

        #phonesSection img[b-im3m89ym5u] {
            width: 100%;
            height: auto;
        }
}
/* _content/MyDinnerClientWebSite/Pages/Portal.razor.rz.scp.css */
@font-face {
    font-family: 'Baijamjuree';
    src: url('fonts/baijamjuree-bolditalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.ttf') format('truetype');
}


body[b-zrpi84kb1p] {
    background-color: #260B7E;
    width: 100%;
    height: 100%;
}

[b-zrpi84kb1p] .e-grid {
    width:90%;
    border: none;
    border-radius: 15px;
    border-color: white;
    padding: 15px;
    background: white;
    opacity: 0.9;
}

    [b-zrpi84kb1p] .e-grid .e-table .e-rowcell {
        align-content:center;
        border: none;
    }

    [b-zrpi84kb1p] .e-grid .e-gridheader {
        border: none;
    }

    [b-zrpi84kb1p] .e-grid .e-table {
        border: none;
    }

    [b-zrpi84kb1p] .e-grid .e-columnheader {
        border: none;
    }

    [b-zrpi84kb1p] .e-grid th.e-headercell {
        padding: 0px;
        margin: 0px;
        align-content:center;
        height: 22px !important;
    }

    [b-zrpi84kb1p] .e-grid .e-headercell {
        padding:0px;
        margin:0px;
        width:auto;
        height: 22px !important;
        border: none;
    }

    [b-zrpi84kb1p] .e-grid .e-headercelldiv {
        padding: 0px;
        margin: 0px;
        height: auto !important;
        border: none;
    }

[b-zrpi84kb1p] .e-gridcontent .e-table {
    border: none;
}

#navLogo[b-zrpi84kb1p] {
    width: auto;
    height: 35px;
}

#mainPhoneImg[b-zrpi84kb1p] {
    max-width: 531.41px;
    max-height: 691.22px;
    min-width: 100px;
    max-width: auto;
    top: 125px;
    position: relative;
}

#startNowBtn[b-zrpi84kb1p] {
    color: #5E17EB;
    background-color: #C7FF17;
    border-radius: 52px;
    padding-block: 8px;
    padding-inline: 24px;
    border: none;
    cursor: pointer;
    width: 290px;
    height: 70px;
    font-size: 28px;
}

#agbBtn[b-zrpi84kb1p] {
    color: #5E17EB;
    background-color: #C7FF17;
    border-radius: 15px;
    padding-block: 4px;
    padding-inline: 15px;
    border: none;
    cursor: pointer;
    width: 100px;
    height: 35px;
    font-size: 14px;
}

#gastroAppBMS[b-zrpi84kb1p] {
    display: flex;
    align-items: center;
    column-gap: 5px;
}

.square[b-zrpi84kb1p] {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom-right-radius: 250px;
    z-index: -2;
}

.navbar[b-zrpi84kb1p] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    height: 73px;
    background: linear-gradient(90deg, #5E17EB, #512BD1, #512BD1, #260B7E);
    box-shadow: 0px 4px 6px #150B36CC;
}

#navItems[b-zrpi84kb1p] {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: space-evenly;
}

.mainSection[b-zrpi84kb1p] {
    display: flex;
    justify-content: center;
    width: 100%;
    top: 73px;
    position: absolute;
    left: 0;
}

#mainBackground[b-zrpi84kb1p] {
    position: relative;
    width: 100%;
    height: 1024px;
    background-image: url('images/background-party1.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
}

    #mainBackground .content[b-zrpi84kb1p] {
        display: flex;
        justify-content: space-around;
        z-index: 2;
        color: white;
        height: 100%;
        width: 90%;
        margin-inline: 5%;
        align-items: flex-start;
        justify-content: center;
    }

.main-text[b-zrpi84kb1p] {
    font-family: 'Poppins', sans-serif;
    font-size: 47px;
    font-weight: 600;
    line-height: 45.05px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.search-box[b-zrpi84kb1p] {
    font-family: 'Poppins', sans-serif;
    font-size: 47px;
    font-weight: 600;
    line-height: 45.05px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

    .search-box .search-button[b-zrpi84kb1p] {
        position: relative;
        background-color: limegreen;
        color: white;
        border: none;
        cursor: pointer;
        font-family: 'Poppins';
        vertical-align: middle;
        font-size: 20px;
        width: 50px;
    }

.dialogClass[b-zrpi84kb1p] {
}

.result-box[b-zrpi84kb1p] {
    display: flex;
    justify-content: space-around;
    top: 180px;
    background-color: transparent;
    position: absolute;
    width: 100%;
    outline: none;
    border-color: none;
}

    .result-box a[b-zrpi84kb1p] {
        text-decoration: none;
        color: black;
    }


.menuLink[b-zrpi84kb1p] {
    display: flex;
    background: #5E17EB;
    color: white;
    text-align: center;
    max-width: 50px;
    word-wrap: break-word;
    border-radius: 10px;
    font-size: 10px;
    justify-content: center;
}

    .menuLink a[b-zrpi84kb1p] {
        color: white;
    }


.large-bold[b-zrpi84kb1p] {
    font-size: 40px;
    font-weight: 700;
    line-height: 69.55px;
    font-family: 'Poppins', sans-serif
}

.small-regular[b-zrpi84kb1p] {
    font-size: 28px;
    font-weight: 400;
    line-height: 26px;
    font-family: 'Poppins', sans-serif;
}

#circleGradient[b-zrpi84kb1p] {
    position: absolute;
    box-shadow: 0px 4px 6px #150B36CC;
    width: 100%;
    left: 0;
    height: 549px;
    border-radius: 30px;
}

    #circleGradient[b-zrpi84kb1p]::before {
        content: "";
        position: absolute;
        width: 70%;
        height: 549px;
        background: linear-gradient(90deg, transparent 40%, #c7ff17bd 100%);
        z-index: -1;
        pointer-events: none;
        border-radius: 1500px;
    }

#phonesSection[b-zrpi84kb1p] {
    position: absolute;
    margin-top: 1600px;
    width: 100%;
    left: 0;
    background-color: #652ff1;
    height: 792px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5%;
}

    #phonesSection img[b-zrpi84kb1p] {
        width: 414px;
        height: 550px;
    }

#gastroAppBMSp1[b-zrpi84kb1p] {
    font-size: 39px;
}

#gastroAppBMSp2[b-zrpi84kb1p] {
    font-size: 20px;
}

.footer[b-zrpi84kb1p] {
    position: absolute;
    top: 1024px;
    display: flex;
    left: 0;
    width: 90%;
    height: 450px;
    margin-inline: 5%;
    justify-content: space-evenly;
    align-items: center;
    column-gap: 5%;
}

    .footer p[b-zrpi84kb1p] {
        color: white;
    }

iframe[b-zrpi84kb1p] {
    height: 254.81px;
    width: 453.15px;
    border-radius: 25px;
    border: solid 1px white;
}

#videoSectionContentDiv1[b-zrpi84kb1p] {
    width: 453.15px;
}

#test[b-zrpi84kb1p] {
}

p[b-zrpi84kb1p] {
    font-family: 'Poppins';
}

.VIpgJd-ZVi9od-ORHb-OEVmcd[b-zrpi84kb1p] {
    display: none;
    height: 1px;
}

.goog-te-gadget[b-zrpi84kb1p] {
    position: fixed;
    top: 30px;
    right: 15px;
    padding: 5px;
    border-radius: 5px;
}

    .goog-te-gadget img[b-zrpi84kb1p] {
        display: none;
    }

.goog-te-gadget-simple[b-zrpi84kb1p] {
    padding: 5px;
    border-radius: 50px;
}

.goog-te-banner-frame[b-zrpi84kb1p] {
    display: none !important;
}

tbody[b-zrpi84kb1p] {
    display: none;
}

.VIpgJd-ZVi9od-ORHb[b-zrpi84kb1p] {
    display: none;
}

#upperPart[b-zrpi84kb1p] {
    display: flex;
    height: 40vh;
    width: 60%;
    padding-inline: 5%;
    margin-inline: 15%;
    justify-content: space-around;
    align-items: center;
    background-color: white;
    padding-block: 2%;
    border-radius: 15px;
    margin-top: 3%;
}

#upRight[b-zrpi84kb1p] {
    height: 100%;
}

    #upRight img[b-zrpi84kb1p] {
        max-height: 100%;
        width: 100%;
    }

#upperPart a[b-zrpi84kb1p] {
    background-color: #5E17EB;
    text-decoration: none;
    padding: 20px;
    border-radius: 30px;
    color: #C7FF17;
    font-family: Baijamjuree;
    font-weight: bold;
    transition: color 0.3s ease-in-out;
    height: 20px;
}

    #upperPart a:hover[b-zrpi84kb1p] {
        background-color: #C7FF17;
        color: #5E17EB;
    }

#listButton[b-zrpi84kb1p] {
    display: flex;
    font-family: Baijamjuree;
    column-gap: 5%;
    align-items: center;
}


h1[b-zrpi84kb1p] {
    font-family: Baijamjuree;
    font-style: italic;
}

h2[b-zrpi84kb1p] {
    font-family: Baijamjuree;
}

#bottomPart[b-zrpi84kb1p] {
    width: 35%;
    margin-inline: auto;
    padding-block: 2%;
}

#phoneImgcontainer[b-zrpi84kb1p] {
    height: 90%;
    z-index: 999;
}

#socialIcons[b-zrpi84kb1p] {
}

@media (max-width: 1200px) {
    .middleSection[b-zrpi84kb1p] {
        margin-top: 900px;
    }

    #middleFrames[b-zrpi84kb1p] {
        flex-direction: column;
        align-items: center;
        row-gap: 30px;
    }

    #frame1[b-zrpi84kb1p] {
        height: 193.5px;
        width: 80%;
        justify-content: flex-end;
        background-position: -56px -140px;
        align-items: center;
    }

    #frame1Cont[b-zrpi84kb1p] {
        width: 40%;
        margin-right: 5%;
    }

    #frame1 p[b-zrpi84kb1p] {
        margin-bottom: 0;
        text-align: center;
        margin: 0;
        font-size: 28px;
    }

    #frame1[b-zrpi84kb1p]:before {
        content: "";
        position: absolute;
        width: 80%;
        height: 193.5px;
        background: linear-gradient(-90deg, #C7FF17 39%, #502BD400 100%);
        z-index: 1;
        pointer-events: none;
        border-radius: 30px;
    }

    #frame2[b-zrpi84kb1p] {
        height: 193.5px;
        width: 80%;
        background-position: 172px -189px;
        align-items: center;
        justify-content: flex-start;
    }

    #frame2Cont[b-zrpi84kb1p] {
        width: 30%;
        margin-left: 5%;
    }

    #frame2 p[b-zrpi84kb1p] {
        margin-bottom: 0;
        text-align: center;
        margin: 0;
        font-size: 28px;
    }

    #frame2[b-zrpi84kb1p]:before {
        content: "";
        position: absolute;
        width: 80%;
        height: 193.5px;
        background: linear-gradient(90deg, #C7FF17 39%, #502BD400 100%);
        z-index: 1;
        pointer-events: none;
        border-radius: 30px;
    }

    #frame3[b-zrpi84kb1p] {
        height: 193.5px;
        align-items: center;
        width: 80%;
        background-position: -49px -113px;
        justify-content: flex-end;
    }

    #frame3Cont[b-zrpi84kb1p] {
        width: 30%;
        margin-right: 5%;
    }

    #frame3 p[b-zrpi84kb1p] {
        margin-bottom: 0;
        text-align: center;
        margin: 0;
        font-size: 28px;
    }

    #frame3[b-zrpi84kb1p]:before {
        content: "";
        position: absolute;
        width: 80%;
        height: 193.5px;
        background: linear-gradient(-90deg, #C7FF17 39%, #502BD400 100%);
        z-index: 1;
        pointer-events: none;
        border-radius: 30px;
    }

    .videoSection[b-zrpi84kb1p] {
        padding: 20px;
    }

    #videoSectionContent[b-zrpi84kb1p] {
        flex-direction: column;
        height: 569px;
        margin-left: 15%;
        align-items: flex-start;
    }

    #gastroAppBMS[b-zrpi84kb1p] {
        display: flex;
        align-items: center;
        column-gap: 5px;
    }

    #phonesSection[b-zrpi84kb1p] {
        flex-direction: column;
        margin-top: 1380px;
        height: 900px;
        row-gap: 3%;
        padding-bottom: 100px;
    }

    .middleSection[b-zrpi84kb1p] {
        margin-top: 650px;
    }

    #mainBackground[b-zrpi84kb1p] {
        height: 519px;
    }

    .square[b-zrpi84kb1p] {
        height: 2295px;
    }

    .footer[b-zrpi84kb1p] {
        top: 2372px;
        justify-content: center;
        flex-direction: column-reverse;
        height: 400px;
    }

        .footer p[b-zrpi84kb1p] {
            font-size: 13.4px;
        }

    #footerLogo[b-zrpi84kb1p] {
        width: 246px;
        height: 46px;
    }

    #footerContentTop[b-zrpi84kb1p] {
        width: 90%;
        justify-content: space-around;
    }

    #copyrightSentence[b-zrpi84kb1p] {
        text-align: center;
    }

    #phonesSection img[b-zrpi84kb1p] {
        max-height: 550px;
    }
}

@media (max-width: 450px) {
    #navLogo[b-zrpi84kb1p] {
        width: 112px;
        height: 24px;
    }

    #mainBackground[b-zrpi84kb1p] {
        height: 421px;
    }

    .mainSection[b-zrpi84kb1p] {
        top: 0;
    }

    .middleSection[b-zrpi84kb1p] {
        margin-top: 469px;
    }

    #mainBackground .content[b-zrpi84kb1p] {
        width: 90%;
        margin-inline: 5%;
        justify-content: flex-start;
    }

    #mainPhoneImg[b-zrpi84kb1p] {
        left: 135px;
        top: 216px;
        height: 283px;
        width: 217.57px;
    }

    .main-text[b-zrpi84kb1p] {
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        font-weight: 600;
        line-height: 27.6px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

    .large-bold[b-zrpi84kb1p] {
        font-size: 34px;
        font-weight: 700;
        line-height: 38px;
    }

    .small-regular[b-zrpi84kb1p] {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        font-family: 'Poppins', sans-serif;
    }

    #startNowBtn[b-zrpi84kb1p] {
        width: 162px;
        height: 34px;
        font-size: 16px;
    }


    #frame1[b-zrpi84kb1p] {
        height: 111px;
        width: 353px;
        background-position: -59px -65px;
    }

        #frame1 p[b-zrpi84kb1p] {
            font-size: 14px;
            line-height: 13px;
            font-weight: 600;
        }

        #frame1[b-zrpi84kb1p]:before {
            height: 111px;
            width: 353px;
        }

    #frame2[b-zrpi84kb1p] {
        height: 111px;
        width: 353px;
        background-position: 106px -107px;
    }

        #frame2 p[b-zrpi84kb1p] {
            font-size: 14px;
            line-height: 13px;
            font-weight: 600;
        }

        #frame2[b-zrpi84kb1p]:before {
            height: 111px;
            width: 353px;
        }

    #frame3[b-zrpi84kb1p] {
        height: 111px;
        width: 353px;
        background-position: -89px -56px;
    }

        #frame3 p[b-zrpi84kb1p] {
            font-size: 14px;
            line-height: 13px;
            font-weight: 600;
        }

        #frame3[b-zrpi84kb1p]:before {
            height: 111px;
            width: 353px;
        }

    iframe[b-zrpi84kb1p] {
        height: 168.53px;
        width: 293.97px;
    }

    #gastroAppBMSp1[b-zrpi84kb1p] {
        font-size: 28px;
    }


    #circleGradient[b-zrpi84kb1p] {
        height: 343px;
    }

        #circleGradient[b-zrpi84kb1p]:before {
            height: 240px;
        }

    #videoSectionContent[b-zrpi84kb1p] {
        height: 343px;
        margin-left: 0;
        align-items: center;
    }

    #videoSectionContentDiv1[b-zrpi84kb1p] {
        width: auto;
    }

    #videoSectionContentDiv2[b-zrpi84kb1p] {
        height: auto;
    }

    .videoSection[b-zrpi84kb1p] {
        width: 80%;
    }

    .square[b-zrpi84kb1p] {
        height: 1380px;
        border-bottom-right-radius: 167px;
    }

    .footer[b-zrpi84kb1p] {
        top: 1731px;
        height: 400px;
    }

        .footer p[b-zrpi84kb1p] {
            font-size: 12px;
        }

    #footerLogo[b-zrpi84kb1p] {
        width: 174px;
        height: 37px;
    }

    #phoneImgcontainer[b-zrpi84kb1p] {
        width: 80%;
    }

    #phonesSection[b-zrpi84kb1p] {
        margin-top: 956px;
        height: 700px;
    }

        #phonesSection img[b-zrpi84kb1p] {
            width: 100%;
            height: auto;
        }
}
/* _content/MyDinnerClientWebSite/Pages/QrCodeDeskOrder.razor.rz.scp.css */
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.ttf') format('truetype');
}

h1[b-nmsine5xdt], p[b-nmsine5xdt], span[b-nmsine5xdt] {
    font-family: 'Poppins', sans-serif;
}

h1[b-nmsine5xdt] {
    color: #260B7E;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.step-transition[b-nmsine5xdt] {
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.hidden-step[b-nmsine5xdt] {
    opacity: 0;
    transform: translateX(-100%);
}


#ahap[b-nmsine5xdt] {
    display: flex;
    column-gap: 5px;
    margin-top: 10px;
    justify-content: flex-end;
}

    #ahap p[b-nmsine5xdt] {
        color: #124ED2;
        font-size: 15px;
        margin: 0;
    }

        #ahap p:hover[b-nmsine5xdt] {
            text-decoration: underline;
        }

#googleBtn[b-nmsine5xdt] {
    color: black;
    background-color: transparent;
    border-radius: 10px;
    width: 40%;
    height: 35px;
    border: solid 1px #124ED2;
    margin-top: 5px;
    background-image: url('images/googleButton.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 17px;
    background-position-x: 15%;
    padding-left: 5%;
}

#facebookBtn[b-nmsine5xdt] {
    color: black;
    background-color: transparent;
    border-radius: 10px;
    width: 40%;
    height: 35px;
    border: solid 1px #124ED2;
    margin-top: 5px;
    background-image: url('images/facebookButton.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 17px;
    background-position-x: 15%;
    padding-left: 5%;
}

.divider[b-nmsine5xdt] {
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 20px;
    font-size: 15px;
    color: #124ED2;
}

    .divider[b-nmsine5xdt]::before,
    .divider[b-nmsine5xdt]::after {
        content: '';
        width: 100px;
        flex: 1;
        border-bottom: 1px solid #124ED2;
    }

    .divider:not(:empty)[b-nmsine5xdt]::before {
        margin-right: 20px;
    }

    .divider:not(:empty)[b-nmsine5xdt]::after {
        margin-left: 20px;
    }

#cookiesInput[b-nmsine5xdt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    column-gap: 5px;
    justify-content: space-between;
}

#addressDialog_dialog-content > table:nth-child(6) > tr:nth-child(2) > td > div > div > svg[b-nmsine5xdt] {
    display: inline;
}

#addressDialog_dialog-content > table:nth-child(7) > tr:nth-child(2) > td > a > div > div > svg[b-nmsine5xdt] {
    display: inline;
}

#addressDialog_dialog-content[b-nmsine5xdt] {
    overflow: hidden;
}

#test > div.VIpgJd-ZVi9od-aZ2wEe-wOHMyf.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc > div[b-nmsine5xdt] {
    display: none;
}

#Grid > div.e-gridcontent[b-nmsine5xdt] {
    max-height: 120px;
    overflow-y: auto;
}

#tooltipfocus_content[b-nmsine5xdt] {
    offset-path: path('M 70 20');
    offset-distance: 5%;
    box-sizing: border-box;
    display: inline-block;
    line-height: 17px;
}

.feedback-widget-icon[b-nmsine5xdt] {
    z-index: 2147483004;
}

.widget-icon[b-nmsine5xdt] {
    border: outset 1px white;
}


#summaryPopup > div:nth-child(3) > span.e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper.e-valid-input.e-input-focus > span.e-clear-icon[b-nmsine5xdt] {
    display: none;
}

.edit-btn[b-nmsine5xdt] {
    background-color: transparent;
    color: cornflowerblue;
    border: hidden;
}

.erase-btn[b-nmsine5xdt] {
    background-color: transparent;
    color: red;
    border: hidden;
}



h1:focus[b-nmsine5xdt] {
    outline: none;
}

a[b-nmsine5xdt], .btn-link[b-nmsine5xdt] {
    color: #0071c1;
}

.btn-primary[b-nmsine5xdt] {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

app[b-nmsine5xdt] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row[b-nmsine5xdt] {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

#addCartIcon[b-nmsine5xdt] {
    height: 20px;
}

.main[b-nmsine5xdt] {
    flex: 1;
}

    .main .top-row[b-nmsine5xdt] {
        background-color: #f7f7f7;
        border-bottom: 1px solid #d6d5d5;
        justify-content: flex-end;
    }

        .main .top-row > a[b-nmsine5xdt], .main .top-row .btn-link[b-nmsine5xdt] {
            white-space: nowrap;
            margin-left: 1.5rem;
        }

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



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

    .sidebar .top-row[b-nmsine5xdt] {
        background-color: rgba(0,0,0,0.4);
    }

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

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

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

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

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

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

            .sidebar .nav-item a.active[b-nmsine5xdt] {
                background-color: rgba(255,255,255,0.25);
                color: white;
            }

            .sidebar .nav-item a:hover[b-nmsine5xdt] {
                background-color: rgba(255,255,255,0.1);
                color: white;
            }



.content[b-nmsine5xdt] {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox])[b-nmsine5xdt] {
    outline: 1px solid #26b050;
}

.invalid[b-nmsine5xdt] {
    outline: 1px solid red;
}

.validation-message[b-nmsine5xdt] {
    color: red;
}

#blazor-error-ui[b-nmsine5xdt] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-nmsine5xdt] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary[b-nmsine5xdt] {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary[b-nmsine5xdt]::after {
        content: "An error has occurred."
    }

.productsTable[b-nmsine5xdt] {
    display: flex;
    text-align: start;
    color: white;
    border-radius: 10px 10px 10px 10px;
    margin: 5px 0px 0px 0px;
    padding: 5px;
    background: #124de2;
    justify-content: space-between;
    column-gap: 15px;
    align-items: flex-start;
}

#productsTableDescription[b-nmsine5xdt] {
    width: 100%;
    height: auto;
    overflow-x: hidden;
}

    #productsTableDescription h3[b-nmsine5xdt] {
        margin-top: 0px;
    }

    #productsTableDescription p[b-nmsine5xdt] {
        margin: 0;
    }

#productsTablePrice[b-nmsine5xdt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 150px;
}

    #productsTablePrice button[b-nmsine5xdt] {
        border-radius: 50%;
        background-color: white;
        height: 40px;
        width: 40px;
        border: outset;
    }


#menuCart[b-nmsine5xdt] {
    margin-top: 25px;
    margin: 2%;
}

.userArea[b-nmsine5xdt] {
    display: flex;
    column-gap: 5px;
}

#navBar[b-nmsine5xdt] {
    display: flex;
    align-items: center;
    position: fixed;
    width: 100%;
    z-index: 50;
    height: 55px;
    top: 0;
    left: 0;
    background-color: #6274b3a6;
    justify-content: space-around;
    column-gap: 50%;
}

.goog-te-combo[b-nmsine5xdt] {
    z-index: 50;
}

#cartAndMenuContainer[b-nmsine5xdt] {
    display: flex;
    justify-content: center;
    row-gap: 15px;
    flex-direction: column;
    align-items: center;
}

#cartList[b-nmsine5xdt] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 600px;
    padding-top: 120px;
    align-self: anchor-center;
}

#menuContainer[b-nmsine5xdt] {
}

@media (min-width: 1500px) {
    #cartAndMenuContainer[b-nmsine5xdt] {
        flex-direction: row-reverse;
        margin-top: 150px;
        height: 650px;
        max-height: 700px;
        align-items: flex-start;
    }

    #cartList[b-nmsine5xdt]{
        padding-top: 0;
    }
}


@media (min-width: 1000px) {
    .main .top-row:not(.auth)[b-nmsine5xdt] {
        display: none;
    }

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

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

    .productsTable[b-nmsine5xdt] {
        text-align: left;
    }

        .productsTable img[b-nmsine5xdt] {
            float: left;
            margin-right: 10px;
        }


    .categoriesTitle[b-nmsine5xdt] {
        margin-block: 10px;
        font-weight: bold;
    }



    .edit-btn[b-nmsine5xdt] {
        background-color: transparent;
        color: cornflowerblue;
        border: hidden;
    }

    .erase-btn[b-nmsine5xdt] {
        background-color: transparent;
        color: red;
        border: hidden;
    }
}

@media (min-width: 1000px) {
    app[b-nmsine5xdt] {
        flex-direction: row;
    }

    .edit-btn[b-nmsine5xdt] {
        background-color: transparent;
        color: cornflowerblue;
        border: hidden;
    }

    .erase-btn[b-nmsine5xdt] {
        background-color: transparent;
        color: red;
        border: hidden;
    }

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

    .main .top-row[b-nmsine5xdt] {
        position: sticky;
        top: 0;
    }

    .main > div[b-nmsine5xdt] {
        padding-left: 20rem !important;
        padding-right: 1.5rem !important;
        padding-top: 1.1rem;
    }

    .navbar-toggler[b-nmsine5xdt] {
        display: none;
    }

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

    #defaultDialog table[b-nmsine5xdt],
    #defaultDialog th[b-nmsine5xdt],
    #defaultDialog td[b-nmsine5xdt] {
        border: 1px solid #D8D8D8;
        border-collapse: collapse;
    }

    #defaultDialog.e-dialog .e-footer-content[b-nmsine5xdt] {
        padding: 0px 10px 10px;
        text-align: center;
    }

    #target[b-nmsine5xdt] {
        height: 100%;
        max-width: 230px;
    }

    .e-dialog .e-dlg-content[b-nmsine5xdt] {
        padding: 10px 16px 10px;
    }

    .e-radio + label .e-label[b-nmsine5xdt] {
        line-height: 18px;
    }

    .categoriesTitle[b-nmsine5xdt] {
        text-align: center;
        color: white;
        font-weight: bold;
        border-radius: 10px 10px 10px 10px;
        margin: 10px 0px 0px 0px;
        background: #124de2;
        padding: 5px;
        height: 35px;
    }

    .e-btn[b-nmsine5xdt] {
        background-color: #124de2;
        font-size: 18px;
        margin: 5px;
    }

    .e-plus-icon[b-nmsine5xdt]::after {
        content: '\e727';
    }

    .e-outline[b-nmsine5xdt] {
        font-size: 24px;
        margin: 20px;
    }

    .productTitle[b-nmsine5xdt] {
        text-align: center;
        color: black;
        font-weight: bold;
    }

    .productDescription[b-nmsine5xdt] {
        text-align: start;
        color: black;
        padding: 10px;
        height: 30px;
    }

    .productPrice[b-nmsine5xdt] {
        text-align: end;
        color: black;
        font-weight: bold;
        margin: 10px;
    }

    .productsImageCell[b-nmsine5xdt] {
        vertical-align: top;
        padding: 5px;
        border-radius: 20px;
    }

    .pagecontent[b-nmsine5xdt] {
        font-family: sans-serif !important;
        font-size: 16px;
        color: #333333;
        letter-spacing: 0.34px;
        line-height: 24px;
        margin-top: 10px;
    }

    .pageheader[b-nmsine5xdt] {
        font-family: sans-serif !important;
        font-size: 24px !important;
        color: #333333;
        font-weight: bold !important;
    }
}
/* _content/MyDinnerClientWebSite/Pages/Register.razor.rz.scp.css */
@font-face {
    font-family: 'Baijamjuree';
    src: url('fonts/baijamjuree-bolditalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.ttf') format('truetype');
}

.mainContainer[b-sdmxago5ag] {
    width: 90%;
    max-width: 1250px;
    margin-inline: auto;
    margin-top: 50px;
    height: 90vh;
    display: flex;
    justify-content: space-evenly;
    column-gap: 5%;
}

#left[b-sdmxago5ag] {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    #left h2[b-sdmxago5ag] {
        color: #AFE017;
        font-family: 'Poppins';
        font-size: 39px;
    }

#right[b-sdmxago5ag] {
    width: 50%;
    border-radius: 30px;
    background: linear-gradient(135deg, #5E17EB, #512BD1, #260B7E);
    position: relative;
    overflow: hidden;
}

#circleGradient[b-sdmxago5ag] {
    box-shadow: 0px 4px 6px #150B36CC;
    width: 85%;
    height: 65%;
    background: linear-gradient(90deg, transparent 0%, #c7ff17 100%);
    border-bottom-right-radius: 300px;
    border-top-right-radius: 300px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#imagePhone[b-sdmxago5ag] {
    background-image: url('images/registerPagePhones.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.divider[b-sdmxago5ag] {
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 20px;
    font-family: 'Poppins';
    font-size: 20px;
    color: #5E17EB;
}

    .divider[b-sdmxago5ag]::before,
    .divider[b-sdmxago5ag]::after {
        content: '';
        width: 100px;
        flex: 1;
        border-bottom: 1px solid #5E17EB;
    }

    .divider:not(:empty)[b-sdmxago5ag]::before {
        margin-right: 20px;
    }

    .divider:not(:empty)[b-sdmxago5ag]::after {
        margin-left: 20px;
    }

#apiLoginButtons[b-sdmxago5ag] {
    display: flex;
    width: 80%;
    justify-content: space-around;
}

#facebookBtn[b-sdmxago5ag] {
    color: black;
    background-color: transparent;
    border-radius: 10px;
    width: 40%;
    height: 48px;
    border: solid 1px #5E17EB;
    font-family: 'Poppins';
    margin-top: 30px;
    background-image: url('images/facebookButton.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 30px;
    background-position-x: 15%;
    padding-left: 5%;
}

#googleBtn[b-sdmxago5ag] {
    color: black;
    background-color: transparent;
    border-radius: 10px;
    width: 40%;
    height: 48px;
    border: solid 1px #5E17EB;
    font-family: 'Poppins';
    margin-top: 30px;
    background-image: url('images/googleButton.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 30px;
    background-position-x: 15%;
    padding-left: 5%;
}

#ahap[b-sdmxago5ag] {
    display: flex;
    column-gap: 5px;
    margin-top: 10px;
}

    #ahap p[b-sdmxago5ag] {
        font-family: 'Poppins';
        color: #5E17EB;
        font-size: 20px;
        margin: 0;
    }

        #ahap p:hover[b-sdmxago5ag] {
            text-decoration: underline;
        }
/* _content/MyDinnerClientWebSite/Pages/TakeAwayOrder.razor.rz.scp.css */
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.ttf') format('truetype');
}

h1[b-w960fu4brp], p[b-w960fu4brp], span[b-w960fu4brp] {
    font-family: 'Poppins', sans-serif;
}

h1[b-w960fu4brp] {
    color: #260B7E;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.step-transition[b-w960fu4brp] {
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.hidden-step[b-w960fu4brp] {
    opacity: 0;
    transform: translateX(-100%);
}


#ahap[b-w960fu4brp] {
    display: flex;
    column-gap: 5px;
    margin-top: 10px;
    justify-content: flex-end;
}

    #ahap p[b-w960fu4brp] {
        color: #124ED2;
        font-size: 15px;
        margin: 0;
    }

        #ahap p:hover[b-w960fu4brp] {
            text-decoration: underline;
        }

#googleBtn[b-w960fu4brp] {
    color: black;
    background-color: transparent;
    border-radius: 10px;
    width: 40%;
    height: 35px;
    border: solid 1px #124ED2;
    margin-top: 5px;
    background-image: url('images/googleButton.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 17px;
    background-position-x: 15%;
    padding-left: 5%;
}

#facebookBtn[b-w960fu4brp] {
    color: black;
    background-color: transparent;
    border-radius: 10px;
    width: 40%;
    height: 35px;
    border: solid 1px #124ED2;
    margin-top: 5px;
    background-image: url('images/facebookButton.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 17px;
    background-position-x: 15%;
    padding-left: 5%;
}

.divider[b-w960fu4brp] {
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 20px;
    font-size: 15px;
    color: #124ED2;
}

    .divider[b-w960fu4brp]::before,
    .divider[b-w960fu4brp]::after {
        content: '';
        width: 100px;
        flex: 1;
        border-bottom: 1px solid #124ED2;
    }

    .divider:not(:empty)[b-w960fu4brp]::before {
        margin-right: 20px;
    }

    .divider:not(:empty)[b-w960fu4brp]::after {
        margin-left: 20px;
    }

#cookiesInput[b-w960fu4brp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    column-gap: 5px;
    justify-content: space-between;
}

#addressDialog_dialog-content > table:nth-child(6) > tr:nth-child(2) > td > div > div > svg[b-w960fu4brp] {
    display: inline;
}

#addressDialog_dialog-content > table:nth-child(7) > tr:nth-child(2) > td > a > div > div > svg[b-w960fu4brp] {
    display: inline;
}

#addressDialog_dialog-content[b-w960fu4brp] {
    overflow: hidden;
}

#test > div.VIpgJd-ZVi9od-aZ2wEe-wOHMyf.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc > div[b-w960fu4brp] {
    display: none;
}

#Grid > div.e-gridcontent[b-w960fu4brp] {
    max-height: 120px;
    overflow-y: auto;
}

#tooltipfocus_content[b-w960fu4brp] {
    offset-path: path('M 70 20');
    offset-distance: 5%;
    box-sizing: border-box;
    display: inline-block;
    line-height: 17px;
}

.feedback-widget-icon[b-w960fu4brp] {
    z-index: 2147483004;
}

.widget-icon[b-w960fu4brp] {
    border: outset 1px white;
}


#summaryPopup > div:nth-child(3) > span.e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper.e-valid-input.e-input-focus > span.e-clear-icon[b-w960fu4brp] {
    display: none;
}

.edit-btn[b-w960fu4brp] {
    background-color: transparent;
    color: cornflowerblue;
    border: hidden;
}

.erase-btn[b-w960fu4brp] {
    background-color: transparent;
    color: red;
    border: hidden;
}



h1:focus[b-w960fu4brp] {
    outline: none;
}

a[b-w960fu4brp], .btn-link[b-w960fu4brp] {
    color: #0071c1;
}

.btn-primary[b-w960fu4brp] {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

app[b-w960fu4brp] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row[b-w960fu4brp] {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

#addCartIcon[b-w960fu4brp] {
    height: 20px;
}

.main[b-w960fu4brp] {
    flex: 1;
}

    .main .top-row[b-w960fu4brp] {
        background-color: #f7f7f7;
        border-bottom: 1px solid #d6d5d5;
        justify-content: flex-end;
    }

        .main .top-row > a[b-w960fu4brp], .main .top-row .btn-link[b-w960fu4brp] {
            white-space: nowrap;
            margin-left: 1.5rem;
        }

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



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

    .sidebar .top-row[b-w960fu4brp] {
        background-color: rgba(0,0,0,0.4);
    }

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

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

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

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

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

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

            .sidebar .nav-item a.active[b-w960fu4brp] {
                background-color: rgba(255,255,255,0.25);
                color: white;
            }

            .sidebar .nav-item a:hover[b-w960fu4brp] {
                background-color: rgba(255,255,255,0.1);
                color: white;
            }



.content[b-w960fu4brp] {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox])[b-w960fu4brp] {
    outline: 1px solid #26b050;
}

.invalid[b-w960fu4brp] {
    outline: 1px solid red;
}

.validation-message[b-w960fu4brp] {
    color: red;
}

#blazor-error-ui[b-w960fu4brp] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-w960fu4brp] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary[b-w960fu4brp] {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary[b-w960fu4brp]::after {
        content: "An error has occurred."
    }

.productsTable[b-w960fu4brp] {
    display: flex;
    text-align: start;
    color: white;
    border-radius: 10px 10px 10px 10px;
    margin: 5px 0px 0px 0px;
    padding: 5px;
    background: #124de2;
    justify-content: space-between;
    column-gap: 15px;
    align-items: flex-start;
}

#productsTableDescription[b-w960fu4brp] {
    width: 100%;
    height: auto;
    overflow-x: hidden;
}

    #productsTableDescription h3[b-w960fu4brp] {
        margin-top: 0px;
    }

    #productsTableDescription p[b-w960fu4brp] {
        margin: 0;
    }

#productsTablePrice[b-w960fu4brp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 150px;
}

    #productsTablePrice button[b-w960fu4brp] {
        border-radius: 50%;
        background-color: white;
        height: 40px;
        width: 40px;
        border: outset;
    }


#menuCart[b-w960fu4brp] {
    margin-top: 25px;
    margin: 2%;
}

.userArea[b-w960fu4brp] {
    display: flex;
    column-gap: 5px;
}

#navBar[b-w960fu4brp] {
    display: flex;
    align-items: center;
    position: fixed;
    width: 100%;
    z-index: 50;
    height: 55px;
    top: 0;
    left: 0;
    background-color: #6274b3a6;
    justify-content: space-around;
    column-gap: 50%;
}

.goog-te-combo[b-w960fu4brp] {
    z-index: 50;
}

#cartAndMenuContainer[b-w960fu4brp] {
    display: flex;
    justify-content: center;
    row-gap: 15px;
    flex-direction: column;
    align-items: center;
}

#cartList[b-w960fu4brp] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 600px;
    padding-top: 120px;
    align-self: anchor-center;
}

#menuContainer[b-w960fu4brp] {
}

@media (min-width: 1500px) {
    #cartAndMenuContainer[b-w960fu4brp] {
        flex-direction: row-reverse;
        margin-top: 150px;
        height: 650px;
        max-height: 700px;
        align-items: flex-start;
    }

    #cartList[b-w960fu4brp] {
        padding-top: 0;
    }
}


@media (min-width: 1000px) {
    .main .top-row:not(.auth)[b-w960fu4brp] {
        display: none;
    }

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

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

    .productsTable[b-w960fu4brp] {
        text-align: left;
    }

        .productsTable img[b-w960fu4brp] {
            float: left;
            margin-right: 10px;
        }


    .categoriesTitle[b-w960fu4brp] {
        margin-block: 10px;
        font-weight: bold;
    }



    .edit-btn[b-w960fu4brp] {
        background-color: transparent;
        color: cornflowerblue;
        border: hidden;
    }

    .erase-btn[b-w960fu4brp] {
        background-color: transparent;
        color: red;
        border: hidden;
    }
}

@media (min-width: 1000px) {
    app[b-w960fu4brp] {
        flex-direction: row;
    }

    .edit-btn[b-w960fu4brp] {
        background-color: transparent;
        color: cornflowerblue;
        border: hidden;
    }

    .erase-btn[b-w960fu4brp] {
        background-color: transparent;
        color: red;
        border: hidden;
    }

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

    .main .top-row[b-w960fu4brp] {
        position: sticky;
        top: 0;
    }

    .main > div[b-w960fu4brp] {
        padding-left: 20rem !important;
        padding-right: 1.5rem !important;
        padding-top: 1.1rem;
    }

    .navbar-toggler[b-w960fu4brp] {
        display: none;
    }

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

    #defaultDialog table[b-w960fu4brp],
    #defaultDialog th[b-w960fu4brp],
    #defaultDialog td[b-w960fu4brp] {
        border: 1px solid #D8D8D8;
        border-collapse: collapse;
    }

    #defaultDialog.e-dialog .e-footer-content[b-w960fu4brp] {
        padding: 0px 10px 10px;
        text-align: center;
    }

    #target[b-w960fu4brp] {
        height: 100%;
        max-width: 230px;
    }

    .e-dialog .e-dlg-content[b-w960fu4brp] {
        padding: 10px 16px 10px;
    }

    .e-radio + label .e-label[b-w960fu4brp] {
        line-height: 18px;
    }

    .categoriesTitle[b-w960fu4brp] {
        text-align: center;
        color: white;
        font-weight: bold;
        border-radius: 10px 10px 10px 10px;
        margin: 10px 0px 0px 0px;
        background: #124de2;
        padding: 5px;
        height: 35px;
    }

    .e-btn[b-w960fu4brp] {
        background-color: #124de2;
        font-size: 18px;
        margin: 5px;
    }

    .e-plus-icon[b-w960fu4brp]::after {
        content: '\e727';
    }

    .e-outline[b-w960fu4brp] {
        font-size: 24px;
        margin: 20px;
    }

    .productTitle[b-w960fu4brp] {
        text-align: center;
        color: black;
        font-weight: bold;
    }

    .productDescription[b-w960fu4brp] {
        text-align: start;
        color: black;
        padding: 10px;
        height: 30px;
    }

    .productPrice[b-w960fu4brp] {
        text-align: end;
        color: black;
        font-weight: bold;
        margin: 10px;
    }

    .productsImageCell[b-w960fu4brp] {
        vertical-align: top;
        padding: 5px;
        border-radius: 20px;
    }

    .pagecontent[b-w960fu4brp] {
        font-family: sans-serif !important;
        font-size: 16px;
        color: #333333;
        letter-spacing: 0.34px;
        line-height: 24px;
        margin-top: 10px;
    }

    .pageheader[b-w960fu4brp] {
        font-family: sans-serif !important;
        font-size: 24px !important;
        color: #333333;
        font-weight: bold !important;
    }
}