/* /Pages/Cart.razor.rz.scp.css */
/*.container {
    display: flex;
    padding: 6px;
}*/

.image-wrapper[b-5c8ca1clf2] {
    width: 150px;
    text-align: center;
}

.image[b-5c8ca1clf2] {
    max-height: 150px;
    max-width: 150px;
    padding: 6px;
}

.name[b-5c8ca1clf2] {
    flex-grow: 1;
    padding: 6px;
}

.cart-meal-price[b-5c8ca1clf2] {
    font-weight: 600;
    text-align: right;
}

.btn-delete[b-5c8ca1clf2] {
    background: none;
    border: none;
    padding: 0px;
    color: red;
    font-size: 12px;
}

    .btn-delete:hover[b-5c8ca1clf2] {
        text-decoration: underline;
    }

.input-quantity[b-5c8ca1clf2] {
    width: 70px;
}


.mud-table-cell-custom-group[b-5c8ca1clf2] {
    font-weight: 500;
}

.mud-table-cell-custom-group-footer[b-5c8ca1clf2] {
    padding-bottom: 50px;
    text-align: right;
}



@media (min-width: 960.98px) {
    .total[b-5c8ca1clf2]{
        display:none;
    }
}
/* /Pages/ConfirmAccount.razor.rz.scp.css */
.w-header[b-a5tzuzln45] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: fixed;
}

.statement[b-a5tzuzln45] {
    font-size: 14px;
    color: white;
}

    .statement a[b-a5tzuzln45] {
        color: cyan;
    }
/* /Pages/ConfirmEmail.razor.rz.scp.css */
.w-header[b-19z64imk38] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: fixed;
}

.statement[b-19z64imk38] {
    font-size: 11px;
    color: white;
}

    .statement a[b-19z64imk38] {
        color: cyan;
    }
/* /Pages/ContactUs.razor.rz.scp.css */
/* ----------------------------------------------- */
/* BASIC SETUP */
/* ----------------------------------------------- */
*[b-lektxtjjbv] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html[b-lektxtjjbv],
body[b-lektxtjjbv] {
    background-color: #fff;
    color: #555;
    font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
}

.clearfix[b-lektxtjjbv] {
    zoom: 1;
}

    .clearfix[b-lektxtjjbv]:after {
        content: '.';
        clear: both;
        display: block;
        height: 0;
        visibility: hidden;
    }

/* ----------------------------------------------- */
/* REUSABLE COMPONENTS */
/* ----------------------------------------------- */


.w-row[b-lektxtjjbv] {
    max-width: 1140px;
    margin: 0 auto;
}

.align-center[b-lektxtjjbv] {
    display: flex;
    align-items: center;
}

section[b-lektxtjjbv] {
    padding: 80px 0;
}

.box[b-lektxtjjbv] {
    padding: 1%;
}

/* ----- HEADINGS ----- */
h1[b-lektxtjjbv],
h2[b-lektxtjjbv],
h3[b-lektxtjjbv] {
    font-weight: 300;
    text-transform: uppercase;
}

h1[b-lektxtjjbv] {
    margin-top: 0;
    margin-bottom: 20px;
    color: #fff;
    font-size: 240%;
    word-spacing: 4px;
    letter-spacing: 1px;
}

h2[b-lektxtjjbv] {
    /*font-size: 180%;*/
    word-spacing: 2px;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

h3[b-lektxtjjbv] {
    font-size: 110%;
    margin-bottom: 15px;
}

h2[b-lektxtjjbv]:after {
    display: block;
    height: 2px;
    background-color: #e67e22;
    content: " ";
    width: 100px;
    margin: 0 auto;
    margin-top: 30px;
}

li.info_plans[b-lektxtjjbv] {
    cursor: pointer;
}
/* ----- PARAGRAPHS ----- */
.long-copy[b-lektxtjjbv] {
    font-size: 18px;
    line-height: 145%;
    width: 70%;
    margin-left: 15%;
}

.box p[b-lektxtjjbv] {
    font-size: 90%;
    line-height: 145%;
}


/* ----- ICONS ----- */
.icon-big[b-lektxtjjbv] {
    font-size: 350%;
    display: block;
    color: #e67e22;
    margin-bottom: 10px;
}

.icon-small[b-lektxtjjbv] {
    display: inline-block;
    width: 30px;
    text-align: center;
    color: #e67e22;
    font-size: 120%;
    margin-right: 10px;
    /*secrets to align text and icons*/
    line-height: 120%;
    vertical-align: middle;
    margin-top: -5px;
}

/* ----- LINKS ----- */
.btn-nuv[b-lektxtjjbv],
.btn-nuv:visited[b-lektxtjjbv] {
    color: #e8e8e8;
    padding-bottom: 3px;
    border-bottom: 2px solid transparent;
    -webkit-transition: border-bottom 0.2s, color 0.2s;
    transition: border-bottom 0.2s, color 0.2s;
    text-transform: uppercase;
    font-size: 16px;
}

    .btn-nuv:hover[b-lektxtjjbv],
    .btn-nuv:active[b-lektxtjjbv] {
        border-bottom: 2px solid #e67e22;
    }

/*a:link,
a:visited {
    color: #e67e22;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid #e67e22;
    -webkit-transition: border-bottom 0.2s, color 0.2s;
    transition: border-bottom 0.2s, color 0.2s;
}

a:hover,
a:active {
    color: #555;
    border-bottom: 1px solid transparent;
}*/

/* ----- BUTTONS ----- */
.btn[b-lektxtjjbv] {
    display: inline-block;
    padding: 10px 30px;
    font-weight: 300;
    text-decoration: none;
    border-radius: 200px;
    -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
    transition: background-color 0.2s, border 0.2s, color 0.2s;
}

.btn-full[b-lektxtjjbv],
.btn-full:visited[b-lektxtjjbv],
input[type=submit][b-lektxtjjbv] {
    background-color: #e67e22;
    border: 1px solid #e67e22;
    color: #fff;
    margin-right: 15px;
    margin-top: 10px;
}

.btn-ghost[b-lektxtjjbv],
.btn-ghost:visited[b-lektxtjjbv] {
    border: 1px solid #e67e22;
    color: #e67e22;
    margin-top: 10px;
}

.btn:link[b-lektxtjjbv],
.btn:visited[b-lektxtjjbv],
input[type=submit][b-lektxtjjbv] {
    display: inline-block;
    padding: 10px 30px;
    font-weight: 300;
    text-decoration: none;
    border-radius: 200px;
    -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
    transition: background-color 0.2s, border 0.2s, color 0.2s;
}

.btn-full:link[b-lektxtjjbv],
.btn-full:visited[b-lektxtjjbv],
input[type=submit][b-lektxtjjbv] {
    background-color: #e67e22;
    border: 1px solid #e67e22;
    color: #fff;
    margin-right: 15px;
}

.btn-ghost:link[b-lektxtjjbv],
.btn-ghost:visited[b-lektxtjjbv] {
    border: 1px solid #e67e22;
    color: #e67e22;
}

.btn:hover[b-lektxtjjbv],
.btn:active[b-lektxtjjbv],
input[type=submit]:hover[b-lektxtjjbv],
input[type=submit]:active[b-lektxtjjbv] {
    background-color: #cf6d17;
}

.btn-full:hover[b-lektxtjjbv],
.btn-full:active[b-lektxtjjbv] {
    border: 1px solid #cf6d17;
}

.btn-ghost:hover[b-lektxtjjbv],
.btn-ghost:active[b-lektxtjjbv] {
    border: 1px solid #cf6d17;
    color: #fff;
}


/* ----------------------------------------------- */
/* HEADER */
/* ----------------------------------------------- */
/**/
.w-header[b-lektxtjjbv] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/resources/img/aroundtable.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/resources/img/aroundtable.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: fixed;
}

.hero-text-box[b-lektxtjjbv] {
    position: relative;
    width: 100%;
    top: 50%;
    /*    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
}

.logo[b-lektxtjjbv] {
    height: 100px;
    width: auto;
    float: left;
    margin-top: 20px;
}

.logo-black[b-lektxtjjbv] {
    display: none;
    height: 50px;
    width: auto;
    float: left;
    margin: 5px 0;
}

/* Main navi */
.main-nav[b-lektxtjjbv] {
    float: right;
    list-style: none;
    margin-top: 55px;
    margin-right: 12px;
}

    .main-nav li[b-lektxtjjbv] {
        display: inline-block;
        margin-left: 40px;
    }

        .main-nav li a:link[b-lektxtjjbv],
        .main-nav li a:visited[b-lektxtjjbv] {
            padding: 8px 0;
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
            font-size: 90%;
            border-bottom: 2px solid transparent;
            -webkit-transition: border-bottom 0.2s;
            transition: border-bottom 0.2s;
        }

        .main-nav li a:hover[b-lektxtjjbv],
        .main-nav li a:active[b-lektxtjjbv] {
            /*border-bottom: 2px solid #e67e22;*/
        }


/* Mobile navi */
.mobile-nav-icon[b-lektxtjjbv] {
    float: right;
    margin-top: 50px;
    /* margin-right: 30px;*/
    cursor: pointer;
    display: none;
    font-size: 200%;
    color: #e8e8e8;
}


/* Sticky navi */
.sticky[b-lektxtjjbv] {
    position: fixed;
    top: 56px;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.98);
    box-shadow: 0 2px 2px #fff;
    z-index: 9999;
}

    .sticky .main-nav[b-lektxtjjbv] {
        margin-top: 18px;
    }

        .sticky .main-nav li a:link[b-lektxtjjbv],
        .sticky .main-nav li a:visited[b-lektxtjjbv] {
            padding: 16px 0;
            color: #555;
        }

    .sticky .logo[b-lektxtjjbv] {
        display: none;
    }

    .sticky .logo-black[b-lektxtjjbv] {
        display: block;
    }


/* ----------------------------------------------- */
/* FEATURES */
/* ----------------------------------------------- */

.section-features .long-copy[b-lektxtjjbv] {
    margin-bottom: 30px;
}


/* ----------------------------------------------- */
/* MEALS */
/* ----------------------------------------------- */

.section-meals[b-lektxtjjbv] {
    padding: 0;
}

.meals-showcase[b-lektxtjjbv] {
    list-style: none;
    width: 100%;
}

    .meals-showcase li[b-lektxtjjbv] {
        display: block;
        float: left;
        width: 25%;
    }

.meal-photo[b-lektxtjjbv] {
    width: 100%;
    margin: 0;
    overflow: hidden;
    background-color: #000;
}

    .meal-photo img[b-lektxtjjbv] {
        opacity: 0.7;
        width: 100%;
        height: auto;
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
        -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
        transition: transform 0.5s, opacity 0.5s;
    }

        .meal-photo img:hover[b-lektxtjjbv] {
            opacity: 1;
            -webkit-transform: scale(1.03);
            -ms-transform: scale(1.03);
            transform: scale(1.03);
        }



/* ----------------------------------------------- */
/* HOW IT WORKS SECTION */
/* ----------------------------------------------- */

.section-steps[b-lektxtjjbv] {
    background-color: #f4f4f4;
}

.steps-box[b-lektxtjjbv] {
    margin-top: 30px;
}


    .steps-box:first-child[b-lektxtjjbv] {
        text-align: right;
        padding-right: 3%;
    }

    .steps-box:last-child[b-lektxtjjbv] {
        text-align: left;
        padding-left: 3%;
        margin-top: 70px;
    }

.app-screen[b-lektxtjjbv] {
    width: 100%;
    /*width: 40%;*/
}

.works-step[b-lektxtjjbv] {
    margin-bottom: 50px;
    align-items: center;
    display: flex;
}

    .works-step:last-of-type[b-lektxtjjbv] {
        margin-bottom: 80px;
    }

    .works-step div[b-lektxtjjbv] {
        color: #e67e22;
        font-size: 150%;
        height: 54px;
        width: 54px;
        border: 2px solid #e67e22;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        margin-right: 25px;
        float: left;
        padding: 10px 18px 18px 18px;
    }

.btn-app:link[b-lektxtjjbv],
.btn-app:visited[b-lektxtjjbv] {
    border: 0;
}

.btn-app img[b-lektxtjjbv] {
    height: 50px;
    width: auto;
    margin-right: 10px;
}


/* ----------------------------------------------- */
/* CITIES */
/* ----------------------------------------------- */

.box img[b-lektxtjjbv] {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.city-feature[b-lektxtjjbv] {
    margin-bottom: 5px;
}


/* ----------------------------------------------- */
/* TESTIMONIALS */
/* ----------------------------------------------- */

.section-testimonials[b-lektxtjjbv] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/resources/img/back-customers-min.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/resources/img/back-customers-min.jpg);
    background-size: cover;
    color: #fff;
    background-attachment: fixed;
}

blockquote[b-lektxtjjbv] {
    padding: 2%;
    font-style: italic;
    line-height: 145%;
    position: relative;
    margin-top: 40px;
}

    blockquote[b-lektxtjjbv]:before {
        content: "\201C";
        font-size: 500%;
        display: block;
        position: absolute;
        top: -5px;
        left: -5px;
    }

cite[b-lektxtjjbv] {
    font-size: 90%;
    margin-top: 25px;
    display: block;
}

    cite img[b-lektxtjjbv] {
        height: 45px;
        border-radius: 50%;
        margin-right: 10px;
        vertical-align: middle;
    }


/* ----------------------------------------------- */
/* SIGN UP */
/* ----------------------------------------------- */

.section-plans[b-lektxtjjbv] {
    background-color: #f4f4f4;
}

.plan-box[b-lektxtjjbv] {
    background-color: #fff;
    border-radius: 5px;
    width: 90%;
    margin-left: 5%;
    box-shadow: 0 2px 2px #efefef;
}

    .plan-box div[b-lektxtjjbv] {
        padding: 15px;
        border-bottom: 1px solid #e8e8e8;
    }

        .plan-box div:first-child[b-lektxtjjbv] {
            background-color: #fcfcfc;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

        .plan-box div:last-child[b-lektxtjjbv] {
            text-align: center;
            border: 0;
        }


.plan-price[b-lektxtjjbv] {
    font-size: 300%;
    margin-bottom: 10px;
    font-weight: 100;
    color: #e67e22;
}

    .plan-price span[b-lektxtjjbv] {
        font-size: 30%;
        font-weight: 300;
    }

.plan-price-year[b-lektxtjjbv] {
    font-size: 150%;
    margin-bottom: 10px;
    font-weight: 100;
    color: #e67e22;
}

    .plan-price-year span[b-lektxtjjbv] {
        font-size: 70%;
        font-weight: 300;
    }

.plan-price-meal[b-lektxtjjbv] {
    font-size: 80%;
}

.plan-box ul[b-lektxtjjbv] {
    list-style: none;
}

    .plan-box ul li[b-lektxtjjbv] {
        padding: 5px 0;
    }


/* ----------------------------------------------- */
/* FORM */
/* ----------------------------------------------- */

.contact-form[b-lektxtjjbv] {
    width: 60%;
    margin: 0 auto;
}

input[type=text][b-lektxtjjbv],
input[type=email][b-lektxtjjbv],
select[b-lektxtjjbv],
textarea[b-lektxtjjbv] {
    width: 100%;
    padding: 7px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

textarea[b-lektxtjjbv] {
    height: 100px;
}

input[type=checkbox][b-lektxtjjbv] {
    margin: 10px 5px 10px 0;
}

*:focus[b-lektxtjjbv] {
    outline: none;
}

.align[b-lektxtjjbv] {
    display: flex;
    align-items: center;
}

@media only screen and (max-height: 500px) {
    .hero-text-box[b-lektxtjjbv] {
        top: 75%;
    }

    .w-header[b-lektxtjjbv] {
        background-size: contain;
    }
}

/* Big tablet to 1200px (widths smaller taht the 1140px row) */
@media only screen and (max-width: 1200px) {
    .hero-text-box[b-lektxtjjbv] {
        width: 100%;
        padding: 0 2%;
    }

    .w-row[b-lektxtjjbv] {
        padding: 0 2%;
    }
}


/* Small tablet to big tablet: from 768px to 1023px */
@media only screen and (max-width: 1023px) {
    body[b-lektxtjjbv] {
        font-size: 18px;
    }

    section[b-lektxtjjbv] {
        padding: 60px 0;
    }

    .long-copy[b-lektxtjjbv] {
        width: 80%;
        margin-left: 10%;
    }

    .steps-box[b-lektxtjjbv] {
        margin-top: 10px;
    }

        .steps-box:last-child[b-lektxtjjbv] {
            margin-top: 10px;
        }

    .works-steps[b-lektxtjjbv] {
        margin-bottom: 40px;
    }

    .works-step:last-of-type[b-lektxtjjbv] {
        margin-bottom: 60px;
    }

    .app-screen[b-lektxtjjbv] {
        width: 100%;
        /*width: 50%;*/
    }

    .icon-small[b-lektxtjjbv] {
        width: 17px;
        margin-right: 5px;
    }

    .city-feature[b-lektxtjjbv] {
        font-size: 90%;
    }

    .plan-box[b-lektxtjjbv] {
        width: 100%;
        margin-left: 0%;
    }

    .plan-price[b-lektxtjjbv] {
        font-size: 250%;
    }

    .contact-form[b-lektxtjjbv] {
        width: 80%;
    }
}



/* Small phones to small tablets: from 481px to 767px */
@media only screen and (max-width: 767px) {
    body[b-lektxtjjbv] {
        font-size: 16px;
    }

    section[b-lektxtjjbv] {
        padding: 30px 0;
    }

    .w-row[b-lektxtjjbv],
    .hero-text-box[b-lektxtjjbv] {
        padding: 0 4%;
    }

    .col[b-lektxtjjbv] {
        width: 100%;
        margin: 0 0 4% 0;
    }


    .main-nav[b-lektxtjjbv] {
        display: none;
    }

    .mobile-nav-icon[b-lektxtjjbv] {
        display: inline-block;
    }

    .main-nav[b-lektxtjjbv] {
        float: left;
        margin-top: 50px;
        padding-top: 15px;
    }

        .main-nav li[b-lektxtjjbv] {
            display: block;
            margin-left: 0;
        }

            .main-nav li btn-nuv[b-lektxtjjbv],
            .main-nav li btn-nuv:visited[b-lektxtjjbv] {
                display: block;
                border: 0;
                padding: 10px 0;
                font-size: 100%;
            }

    .sticky .main-nav[b-lektxtjjbv] {
        margin-top: 10px;
    }

        .sticky .main-nav li btn-nuv[b-lektxtjjbv],
        .sticky .main-nav li btn-nuv:visited[b-lektxtjjbv] {
            padding: 10px 0;
        }

    .sticky .mobile-nav-icon[b-lektxtjjbv] {
        margin-top: 10px;
        color: #555;
    }



    h1[b-lektxtjjbv] {
        font-size: 180%;
    }

    h2[b-lektxtjjbv] {
        font-size: 150%;
    }

    .long-copy[b-lektxtjjbv] {
        font-size: 16px;
        width: 100%;
        margin-left: 0%;
    }

    .app-screen[b-lektxtjjbv] {
        width: 90%;
    }

    .steps-box:first-child[b-lektxtjjbv] {
        text-align: center;
    }

    .works-step div[b-lektxtjjbv] {
        height: 40px;
        width: 40px;
        margin-right: 15px;
        padding: 5px 12px 12px 12px;
        font-size: 120%;
    }

    .works-step[b-lektxtjjbv] {
        margin-bottom: 20px;
    }

        .works-step:last-of-type[b-lektxtjjbv] {
            margin-bottom: 20px;
        }
}



/*  SECTIONS  ============================================================================= */

.section[b-lektxtjjbv] {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  GROUPING  ============================================================================= */

.row[b-lektxtjjbv] {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

    .row[b-lektxtjjbv]:before,
    .row[b-lektxtjjbv]:after {
        content: "";
        display: table;
    }

    .row[b-lektxtjjbv]:after {
        clear: both;
    }

/*  GRID COLUMN SETUP   ==================================================================== */

.col[b-lektxtjjbv] {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

    .col:first-child[b-lektxtjjbv] {
        margin-left: 0;
    }
/* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
    .align-center[b-lektxtjjbv] {
        display: block;
    }

    .col[b-lektxtjjbv] {
        /*margin: 1% 0 1% 0%;*/
        margin: 0;
    }

    .w-header[b-lektxtjjbv] {
        background-size: auto;
    }
}


/*  GRID OF TWO   ============================================================================= */


.span-2-of-2[b-lektxtjjbv] {
    width: 100%;
}

.span-1-of-2[b-lektxtjjbv] {
    width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-2-of-2[b-lektxtjjbv] {
        width: 100%;
    }

    .span-1-of-2[b-lektxtjjbv] {
        width: 100%;
    }
}


/*  GRID OF THREE   ============================================================================= */


.span-3-of-3[b-lektxtjjbv] {
    width: 100%;
}

.span-2-of-3[b-lektxtjjbv] {
    width: 66.13%;
}

.span-1-of-3[b-lektxtjjbv] {
    width: 32.26%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-3-of-3[b-lektxtjjbv] {
        width: 100%;
    }

    .span-2-of-3[b-lektxtjjbv] {
        width: 100%;
    }

    .span-1-of-3[b-lektxtjjbv] {
        width: 100%;
    }
}

/*  GRID OF FOUR   ============================================================================= */


.span-4-of-4[b-lektxtjjbv] {
    width: 100%;
}

.span-3-of-4[b-lektxtjjbv] {
    width: 74.6%;
}

.span-2-of-4[b-lektxtjjbv] {
    width: 49.2%;
}

.span-1-of-4[b-lektxtjjbv] {
    width: 23.8%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-4-of-4[b-lektxtjjbv] {
        width: 100%;
    }

    .span-3-of-4[b-lektxtjjbv] {
        width: 100%;
    }

    .span-2-of-4[b-lektxtjjbv] {
        width: 100%;
    }

    .span-1-of-4[b-lektxtjjbv] {
        width: 100%;
    }
}


/*  GRID OF FIVE   ============================================================================= */


.span-5-of-5[b-lektxtjjbv] {
    width: 100%;
}

.span-4-of-5[b-lektxtjjbv] {
    width: 79.68%;
}

.span-3-of-5[b-lektxtjjbv] {
    width: 59.36%;
}

.span-2-of-5[b-lektxtjjbv] {
    width: 39.04%;
}

.span-1-of-5[b-lektxtjjbv] {
    width: 18.72%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-5-of-5[b-lektxtjjbv] {
        width: 100%;
    }

    .span-4-of-5[b-lektxtjjbv] {
        width: 100%;
    }

    .span-3-of-5[b-lektxtjjbv] {
        width: 100%;
    }

    .span-2-of-5[b-lektxtjjbv] {
        width: 100%;
    }

    .span-1-of-5[b-lektxtjjbv] {
        width: 100%;
    }
}


/*  GRID OF SIX   ============================================================================= */


.span-6-of-6[b-lektxtjjbv] {
    width: 100%;
}

.span-5-of-6[b-lektxtjjbv] {
    width: 83.06%;
}

.span-4-of-6[b-lektxtjjbv] {
    width: 66.13%;
}

.span-3-of-6[b-lektxtjjbv] {
    width: 49.2%;
}

.span-2-of-6[b-lektxtjjbv] {
    width: 32.26%;
}

.span-1-of-6[b-lektxtjjbv] {
    width: 15.33%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-6-of-6[b-lektxtjjbv] {
        width: 100%;
    }

    .span-5-of-6[b-lektxtjjbv] {
        width: 100%;
    }

    .span-4-of-6[b-lektxtjjbv] {
        width: 100%;
    }

    .span-3-of-6[b-lektxtjjbv] {
        width: 100%;
    }

    .span-2-of-6[b-lektxtjjbv] {
        width: 100%;
    }

    .span-1-of-6[b-lektxtjjbv] {
        width: 100%;
    }
}



/*  GRID OF SEVEN   ============================================================================= */


.span-7-of-7[b-lektxtjjbv] {
    width: 100%;
}

.span-6-of-7[b-lektxtjjbv] {
    width: 85.48%;
}

.span-5-of-7[b-lektxtjjbv] {
    width: 70.97%;
}

.span-4-of-7[b-lektxtjjbv] {
    width: 56.45%;
}

.span-3-of-7[b-lektxtjjbv] {
    width: 41.94%;
}

.span-2-of-7[b-lektxtjjbv] {
    width: 27.42%;
}

.span-1-of-7[b-lektxtjjbv] {
    width: 12.91%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-7-of-7[b-lektxtjjbv] {
        width: 100%;
    }

    .span-6-of-7[b-lektxtjjbv] {
        width: 100%;
    }

    .span-5-of-7[b-lektxtjjbv] {
        width: 100%;
    }

    .span-4-of-7[b-lektxtjjbv] {
        width: 100%;
    }

    .span-3-of-7[b-lektxtjjbv] {
        width: 100%;
    }

    .span-2-of-7[b-lektxtjjbv] {
        width: 100%;
    }

    .span-1-of-7[b-lektxtjjbv] {
        width: 100%;
    }
}


/*  GRID OF EIGHT   ============================================================================= */


.span-8-of-8[b-lektxtjjbv] {
    width: 100%;
}

.span-7-of-8[b-lektxtjjbv] {
    width: 87.3%;
}

.span-6-of-8[b-lektxtjjbv] {
    width: 74.6%;
}

.span-5-of-8[b-lektxtjjbv] {
    width: 61.9%;
}

.span-4-of-8[b-lektxtjjbv] {
    width: 49.2%;
}

.span-3-of-8[b-lektxtjjbv] {
    width: 36.5%;
}

.span-2-of-8[b-lektxtjjbv] {
    width: 23.8%;
}

.span-1-of-8[b-lektxtjjbv] {
    width: 11.1%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-8-of-8[b-lektxtjjbv] {
        width: 100%;
    }

    .span-7-of-8[b-lektxtjjbv] {
        width: 100%;
    }

    .span-6-of-8[b-lektxtjjbv] {
        width: 100%;
    }

    .span-5-of-8[b-lektxtjjbv] {
        width: 100%;
    }

    .span-4-of-8[b-lektxtjjbv] {
        width: 100%;
    }

    .span-3-of-8[b-lektxtjjbv] {
        width: 100%;
    }

    .span-2-of-8[b-lektxtjjbv] {
        width: 100%;
    }

    .span-1-of-8[b-lektxtjjbv] {
        width: 100%;
    }
}


/*  GRID OF NINE   ============================================================================= */


.span-9-of-9[b-lektxtjjbv] {
    width: 100%;
}

.span-8-of-9[b-lektxtjjbv] {
    width: 88.71%;
}

.span-7-of-9[b-lektxtjjbv] {
    width: 77.42%;
}

.span-6-of-9[b-lektxtjjbv] {
    width: 66.13%;
}

.span-5-of-9[b-lektxtjjbv] {
    width: 54.84%;
}

.span-4-of-9[b-lektxtjjbv] {
    width: 43.55%;
}

.span-3-of-9[b-lektxtjjbv] {
    width: 32.26%;
}

.span-2-of-9[b-lektxtjjbv] {
    width: 20.97%;
}

.span-1-of-9[b-lektxtjjbv] {
    width: 9.68%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-9-of-9[b-lektxtjjbv] {
        width: 100%;
    }

    .span-8-of-9[b-lektxtjjbv] {
        width: 100%;
    }

    .span-7-of-9[b-lektxtjjbv] {
        width: 100%;
    }

    .span-6-of-9[b-lektxtjjbv] {
        width: 100%;
    }

    .span-5-of-9[b-lektxtjjbv] {
        width: 100%;
    }

    .span-4-of-9[b-lektxtjjbv] {
        width: 100%;
    }

    .span-3-of-9[b-lektxtjjbv] {
        width: 100%;
    }

    .span-2-of-9[b-lektxtjjbv] {
        width: 100%;
    }

    .span-1-of-9[b-lektxtjjbv] {
        width: 100%;
    }
}


/*  GRID OF TEN   ============================================================================= */


.span-10-of-10[b-lektxtjjbv] {
    width: 100%;
}

.span-9-of-10[b-lektxtjjbv] {
    width: 89.84%;
}

.span-8-of-10[b-lektxtjjbv] {
    width: 79.68%;
}

.span-7-of-10[b-lektxtjjbv] {
    width: 69.52%;
}

.span-6-of-10[b-lektxtjjbv] {
    width: 59.36%;
}

.span-5-of-10[b-lektxtjjbv] {
    width: 49.2%;
}

.span-4-of-10[b-lektxtjjbv] {
    width: 39.04%;
}

.span-3-of-10[b-lektxtjjbv] {
    width: 28.88%;
}

.span-2-of-10[b-lektxtjjbv] {
    width: 18.72%;
}

.span-1-of-10[b-lektxtjjbv] {
    width: 8.56%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-10-of-10[b-lektxtjjbv] {
        width: 100%;
    }

    .span-9-of-10[b-lektxtjjbv] {
        width: 100%;
    }

    .span-8-of-10[b-lektxtjjbv] {
        width: 100%;
    }

    .span-7-of-10[b-lektxtjjbv] {
        width: 100%;
    }

    .span-6-of-10[b-lektxtjjbv] {
        width: 100%;
    }

    .span-5-of-10[b-lektxtjjbv] {
        width: 100%;
    }

    .span-4-of-10[b-lektxtjjbv] {
        width: 100%;
    }

    .span-3-of-10[b-lektxtjjbv] {
        width: 100%;
    }

    .span-2-of-10[b-lektxtjjbv] {
        width: 100%;
    }

    .span-1-of-10[b-lektxtjjbv] {
        width: 100%;
    }
}


/*  GRID OF ELEVEN   ============================================================================= */

.span-11-of-11[b-lektxtjjbv] {
    width: 100%;
}

.span-10-of-11[b-lektxtjjbv] {
    width: 90.76%;
}

.span-9-of-11[b-lektxtjjbv] {
    width: 81.52%;
}

.span-8-of-11[b-lektxtjjbv] {
    width: 72.29%;
}

.span-7-of-11[b-lektxtjjbv] {
    width: 63.05%;
}

.span-6-of-11[b-lektxtjjbv] {
    width: 53.81%;
}

.span-5-of-11[b-lektxtjjbv] {
    width: 44.58%;
}

.span-4-of-11[b-lektxtjjbv] {
    width: 35.34%;
}

.span-3-of-11[b-lektxtjjbv] {
    width: 26.1%;
}

.span-2-of-11[b-lektxtjjbv] {
    width: 16.87%;
}

.span-1-of-11[b-lektxtjjbv] {
    width: 7.63%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-11-of-11[b-lektxtjjbv] {
        width: 100%;
    }

    .span-10-of-11[b-lektxtjjbv] {
        width: 100%;
    }

    .span-9-of-11[b-lektxtjjbv] {
        width: 100%;
    }

    .span-8-of-11[b-lektxtjjbv] {
        width: 100%;
    }

    .span-7-of-11[b-lektxtjjbv] {
        width: 100%;
    }

    .span-6-of-11[b-lektxtjjbv] {
        width: 100%;
    }

    .span-5-of-11[b-lektxtjjbv] {
        width: 100%;
    }

    .span-4-of-11[b-lektxtjjbv] {
        width: 100%;
    }

    .span-3-of-11[b-lektxtjjbv] {
        width: 100%;
    }

    .span-2-of-11[b-lektxtjjbv] {
        width: 100%;
    }

    .span-1-of-11[b-lektxtjjbv] {
        width: 100%;
    }
}


/*  GRID OF TWELVE   ============================================================================= */

.span-12-of-12[b-lektxtjjbv] {
    width: 100%;
}

.span-11-of-12[b-lektxtjjbv] {
    width: 91.53%;
}

.span-10-of-12[b-lektxtjjbv] {
    width: 83.06%;
}

.span-9-of-12[b-lektxtjjbv] {
    width: 74.6%;
}

.span-8-of-12[b-lektxtjjbv] {
    width: 66.13%;
}

.span-7-of-12[b-lektxtjjbv] {
    width: 57.66%;
}

.span-6-of-12[b-lektxtjjbv] {
    width: 49.2%;
}

.span-5-of-12[b-lektxtjjbv] {
    width: 40.73%;
}

.span-4-of-12[b-lektxtjjbv] {
    width: 32.26%;
}

.span-3-of-12[b-lektxtjjbv] {
    width: 23.8%;
}

.span-2-of-12[b-lektxtjjbv] {
    width: 15.33%;
}

.span-1-of-12[b-lektxtjjbv] {
    width: 6.86%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-12-of-12[b-lektxtjjbv] {
        width: 100%;
    }

    .span-11-of-12[b-lektxtjjbv] {
        width: 100%;
    }

    .span-10-of-12[b-lektxtjjbv] {
        width: 100%;
    }

    .span-9-of-12[b-lektxtjjbv] {
        width: 100%;
    }

    .span-8-of-12[b-lektxtjjbv] {
        width: 100%;
    }

    .span-7-of-12[b-lektxtjjbv] {
        width: 100%;
    }

    .span-6-of-12[b-lektxtjjbv] {
        width: 100%;
    }

    .span-5-of-12[b-lektxtjjbv] {
        width: 100%;
    }

    .span-4-of-12[b-lektxtjjbv] {
        width: 100%;
    }

    .span-3-of-12[b-lektxtjjbv] {
        width: 100%;
    }

    .span-2-of-12[b-lektxtjjbv] {
        width: 100%;
    }

    .span-1-of-12[b-lektxtjjbv] {
        width: 100%;
    }
}

/* Small phones: from 0 to 480px */
@media only screen and (max-width: 480px) {
    section[b-lektxtjjbv] {
        padding: 25px 0;
    }

    .contact-form[b-lektxtjjbv] {
        width: 100%;
    }
}


/* ----------------------------------------------- */
/* Animations */
/* ----------------------------------------------- */

.js--wp-1[b-lektxtjjbv],
.js--wp-2[b-lektxtjjbv],
.js--wp-3[b-lektxtjjbv] {
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.js--wp-4[b-lektxtjjbv] {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.js--wp-1.animated[b-lektxtjjbv],
.js--wp-2.animated[b-lektxtjjbv],
.js--wp-3.animated[b-lektxtjjbv] {
    opacity: 1;
}

@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated[b-lektxtjjbv] {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite[b-lektxtjjbv] {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animated.hinge[b-lektxtjjbv] {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

    .animated.bounceIn[b-lektxtjjbv],
    .animated.bounceOut[b-lektxtjjbv] {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

    .animated.flipOutX[b-lektxtjjbv],
    .animated.flipOutY[b-lektxtjjbv] {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }
/* /Pages/Index.razor.rz.scp.css */
.main-feed-container[b-xcn86gn79u] {
    position: relative;
    width: 100%;
    height: 100%;
}

.feed[b-xcn86gn79u] {
    position: relative;
    width: 100%;
    height: auto;
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
    opacity: 1;
}

.main-feed[b-xcn86gn79u] {
    padding: 100px 0;
    z-index: 2;
    opacity: 1;
/*    transform: translateX(0);*/
}

    .main-feed.not-active[b-xcn86gn79u] {
        opacity: 0.5;
        pointer-events: none;
        display: none;
    }

.sub-feed[b-xcn86gn79u] {
    z-index: 3;
    transform: translateX(100%);
    /*opacity: 0;*/
    pointer-events: none;
}

    .sub-feed:not(.not-active)[b-xcn86gn79u] {
        transform: translateX(0);
        /*opacity: 1;*/
        pointer-events: auto;
    }

.hidden[b-xcn86gn79u] {
    opacity: 0;
    pointer-events: none;
}

.create-btn-container[b-xcn86gn79u] {
    display: flex;
    justify-content: center;
    position: fixed;
    right: 0;
    width: 100%;
    transition: bottom 0.3s;
    pointer-events: none;
    z-index: 400;
}

    .create-btn-container.hide[b-xcn86gn79u] {
        bottom: -80px;
    }

    .create-btn-container.show[b-xcn86gn79u] {
        bottom: 80px;
    }

@media (max-width: 960.98px) {
    .create-btn-container[b-xcn86gn79u] {
        bottom: 40px;
    }

        .create-btn-container.hide[b-xcn86gn79u] {
            bottom: -60px;
        }

        .create-btn-container.show[b-xcn86gn79u] {
            bottom: 40px;
        }
}
/* /Pages/Login.razor.rz.scp.css */
.w-header[b-qdhnkjttw1] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: fixed;
}

.statement[b-qdhnkjttw1] {
    font-size: 11px;
    color: white;
}
.statement a[b-qdhnkjttw1]{
    color: cyan;
}

.forgot-pass[b-qdhnkjttw1] {
    font-size: 11px;
    color: white;
}
    .forgot-pass a[b-qdhnkjttw1] {
        color: white;
    }
/* /Pages/MealDetails.razor.rz.scp.css */
.container[b-5fy2a8e1r2] {
    max-width: 1600px;
    margin: 0px auto;
    padding: 2rem var(30px);
    min-height: calc(100vh);
    overflow: hidden;
}

.media-img[b-5fy2a8e1r2] {
    max-height: 500px;
    max-width: 500px;
    border-radius: 6px;
    margin: 0 10px 10px 10px;
}

.media-img-wrapper[b-5fy2a8e1r2] {
    max-width: 100%;
    max-height: auto;
    text-align: center;
}

.original-price[b-5fy2a8e1r2] {
    text-decoration: line-through;
}

@media (max-width: 1023.98px) {
    .media[b-5fy2a8e1r2] {
        flex-direction: column;
    }

    .media-img[b-5fy2a8e1r2] {
        max-width: 300px;
    }

    .media-img-wrapper[b-5fy2a8e1r2] {
        width: 100%;
        height: auto;
    }
}

.userInfoContainer[b-5fy2a8e1r2] {
    /*position: relative;*/
    max-width: 500px;
    height: fit-content;
    border-color: transparent;
    border-radius: 20px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

.userFacePhoto[b-5fy2a8e1r2] {
    /*  position: absolute;*/
    width: 70px;
    height: 70px;
    overflow: hidden;
    background-color: white;
    position: relative;
    /*    top: -85px;
    right: -20px;*/
    border: 6px solid white;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgb(0 0 0 / 0.2);
}

.toggle-div[b-5fy2a8e1r2] {
    position: absolute;
    top: 150px;
    opacity: 0;
    transition: top 0.5s ease-out, opacity 0.5s ease-out;
    z-index: 99999;
}

    .toggle-div.active[b-5fy2a8e1r2] {
        top: 300px;
        opacity: 1;
    }

.divContainer[b-5fy2a8e1r2] {
    width:100%;
    align-content:center;
}
/* /Pages/OrderDetails.razor.rz.scp.css */
.order-container[b-zd6p4u4df6] {
    /*display: flex;*/
    padding: 6px;
}

.image-wrapper[b-zd6p4u4df6] {
    width: 150px;
    text-align: center;
}

.image[b-zd6p4u4df6] {
    max-height: 150px;
    max-width: 150px;
    padding: 6px;
}

.name[b-zd6p4u4df6] {
    flex-grow: 1;
    padding: 6px;
}

.meal-price[b-zd6p4u4df6] {
    font-weight: 600;
    text-align: right;
}
/* /Pages/Orders.razor.rz.scp.css */
.orders-container[b-ldea7ceisc] {
    display: flex;
    padding: 6px;
    border: 1px solid;
    border-color: lightgray;
    border-radius: 6px;
    margin-bottom: 10px;
}

.image-wrapper[b-ldea7ceisc] {
    width: 150px;
    text-align: center;
}
.image[b-ldea7ceisc]{
    max-height: 150px;
    max-width: 150px;
    padding: 6px;
}

.details[b-ldea7ceisc] {
    flex-grow: 1;
    padding: 6px;
}

.order-price[b-ldea7ceisc] {
    font-weight: 600;
    font-size: 1.2em;
    text-align: right;
}
/* /Pages/Register.razor.rz.scp.css */
.w-header[b-cth9skisux] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: fixed;
}

.statement[b-cth9skisux] {
    font-size: 11px;
    color: white;
}

    .statement a[b-cth9skisux] {
        color: cyan;
    }

.text-success[b-cth9skisux] {
    color: white;
}

.text-danger[b-cth9skisux] {
    color: orangered;
}
/* /Pages/RenewPassword.razor.rz.scp.css */
.w-header[b-s0pdart9su] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: fixed;
}

.statement[b-s0pdart9su] {
    font-size: 11px;
    color: white;
}

    .statement a[b-s0pdart9su] {
        color: cyan;
    }


.text-success[b-s0pdart9su] {
    color: white;
}

.text-danger[b-s0pdart9su] {
    color: orangered;
}
/* /Pages/SendMailToRenewPass.razor.rz.scp.css */
.w-header[b-nxbn9ykyad] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: fixed;
}

.statement[b-nxbn9ykyad] {
    font-size: 11px;
    color: white;
}

    .statement a[b-nxbn9ykyad] {
        color: cyan;
    }
/* /Shared/AdminMenu.razor.rz.scp.css */
.top-row a[b-tosqgmsquu] {
    margin-left: 0 !important;
    text-decoration: none !important;
}

.dropdown-item:hover[b-tosqgmsquu] {
    background-color: white;
}
.no-underline[b-tosqgmsquu] {
    text-decoration: none !important;
}
/* /Shared/Admin/ArchiveMeals.razor.rz.scp.css */
img[b-ngpwjxnak7] {
    max-height: 100px;
    max-width: 100px;
}
/* /Shared/Admin/Categories.razor.rz.scp.css */
.header[b-eu2p95u75f] {
    display: flex;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid lightgray;
    margin-bottom: 6px;
    padding-bottom: 6px;
}

.row[b-eu2p95u75f] {
    display: flex;
    padding: 6px;
}

.col[b-eu2p95u75f] {
    flex: 1;
}

.col-visible[b-eu2p95u75f] {
    text-align: center;
}
/* /Shared/Admin/EditMeal.razor.rz.scp.css */
img[b-39gbs5fzcj] {
    max-height: 200px;
    max-width: 200px;
}

.row[b-39gbs5fzcj] {
    display: flex;
    padding: 6px;
}

.col[b-39gbs5fzcj] {
    flex: 1;
}

.header[b-39gbs5fzcj] {
    display: flex;
    font-weight: 600;
    text-align: 1px solid lightgray;
    margin-bottom: 6px;
    padding-bottom: 6px;
}

.col-visible[b-39gbs5fzcj] {
    text-align: center;
}
/* /Shared/Admin/EditMealTab.razor.rz.scp.css */
img[b-mquay7br2a] {
    max-height: 200px;
    max-width: 200px;
}

.row[b-mquay7br2a] {
    display: flex;
    padding: 0px 6px 6px 6px;
}

.col[b-mquay7br2a] {
    flex: 1;
    padding: .0rem .75rem
}

.header[b-mquay7br2a] {
    display: flex;
    font-weight: 600;
    text-align: 1px solid lightgray;
    margin-bottom: 6px;
    padding-bottom: 6px;
}

.col-visible[b-mquay7br2a] {
    text-align: center;
}
/* /Shared/Admin/FilterMealTab.razor.rz.scp.css */

/* /Shared/Admin/Meals.razor.rz.scp.css */
img[b-o6w85xo5lf] {
    max-height: 68px;
    max-width: 100px;
}

@media (max-width: 600px) {
    .col-hide[b-o6w85xo5lf] {
        display: none;
    }

    img[b-o6w85xo5lf] {
        max-height: 60px;
        max-width: 60px;
    }
}
/* /Shared/Admin/MealTypes.razor.rz.scp.css */
.row[b-zhxhdc7nsk] {
    display: flex;
    padding: 6px;
}

.col[b-zhxhdc7nsk] {
    flex: 1;
}
/* /Shared/Admin/ParticipantInfo.razor.rz.scp.css */
.userInfoContainer[b-1jmapaqckm] {
    position: relative;
    max-width: 500px;
    height:fit-content;
    border-color: transparent;
    border-radius: 20px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}
.userHeaderContainer[b-1jmapaqckm]{
    position:relative;
    height: 100px;
    width:100%;
}

.userHeader[b-1jmapaqckm] {
    border-radius: 20px;
    width: 100%;
    height: 250px;
    margin: 0px;
    background-color: white;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.userFacePhoto[b-1jmapaqckm] {
    /*  position: absolute;*/
    width: 180px;
    height: 180px;
    overflow: hidden;
    background-color: white;
    position: relative;
    top: -85px;
    right: -20px;
    border: 6px solid white;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgb(0 0 0 / 0.2);
}

.userInfoContent[b-1jmapaqckm] {
    padding: 0px 20px;
}
/* /Shared/Admin/ParticipantsListTab.razor.rz.scp.css */

.userInfoContainer[b-9b7rosfhzb] {
    /*position: relative;*/
    max-width: 500px;
    height: fit-content;
    border-color: transparent;
    border-radius: 20px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

.userFacePhoto[b-9b7rosfhzb] {
    /*  position: absolute;*/
    width: 70px;
    height: 70px;
    overflow: hidden;
    background-color: white;
    position: relative;
    /*    top: -85px;
    right: -20px;*/
    border: 6px solid white;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgb(0 0 0 / 0.2);
}

.toggle-div[b-9b7rosfhzb] {
    position: absolute;
    top: 150px;
    opacity: 0;
    transition: top 0.5s ease-out, opacity 0.5s ease-out;
    z-index: 99999;
}

    .toggle-div.active[b-9b7rosfhzb] {
        top: 300px;
        opacity: 1;
    }

.divContainer[b-9b7rosfhzb] {
    width: 100%;
    align-content: center;
}

@media (max-width: 480px) {
    .col-hide[b-9b7rosfhzb] {
        display: none;
    }
}
/* /Shared/Admin/RealtimeAssistant.razor.rz.scp.css */
.assistant-fud[b-rerjasrncy] {
    position: relative;
    pointer-events: auto;
}

.fud-bubble[b-rerjasrncy] {
    width: 60px;
    height: 60px;
    background-color: #007bff;
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    cursor: pointer;
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
}

/* 🔄 Pulse animation */
.pulse[b-rerjasrncy] {
    animation: pulse-b-rerjasrncy 1.2s infinite;
}

@keyframes pulse-b-rerjasrncy {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(0, 123, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
    }
}

/* ❌ Close button */
.fud-close[b-rerjasrncy] {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 24px;
    height: 24px;
    font-size: 14px;
    border: none;
    background: #dc3545;
    color: white;
    border: 2px solid #007bff;
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    cursor: pointer;
    z-index: 1;
}

/* 🎙️ Mic indicator */
.mic-status[b-rerjasrncy] {
    position: absolute;
    top: -14px;
    left: -15px;
    background: white;
    border: 2px solid #007bff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    z-index: 1;
}

.avatar-icon[b-rerjasrncy] {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    object-fit: cover;
}
/* /Shared/Advertiser/AdView.razor.rz.scp.css */
.ad-container[b-d6z0wi1sm9] {
    display: flex;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: auto;
}

.animated-div[b-d6z0wi1sm9] {
    overflow: hidden; /* Ensure content doesn't overflow during animation */
    max-height: 0; /* Start with no visible height */
    opacity: 0; /* Content is hidden initially */
    transform: scaleY(0.95); /* Slightly scaled down initially */
    transition: max-height 2s ease, opacity 2s ease, transform 2s ease;
}

    .animated-div.expand[b-d6z0wi1sm9] {
        max-height: 2000px; /* A large enough value to accommodate the content */
        opacity: 1; /* Fade in content as height expands */
        transform: scaleY(1);
    }


.userFacePhoto[b-d6z0wi1sm9] {
    width: 42px;
    height: 42px;
    overflow: hidden;
    background-color: white;
    /*border: 6px solid white;*/
    border-radius: 50%;
    box-shadow: 0 2px 8px rgb(0 0 0 / 0.2);
}

.userHeaderContainer[b-d6z0wi1sm9] {
    position: relative;
    display: flex;
    height: 60px;
    width: 100%;
}

.text-ellipsis[b-d6z0wi1sm9] {
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
    text-transform: none;
    text-align: justify;
    margin: 0;
}

    .text-ellipsis.short[b-d6z0wi1sm9] {
        -webkit-line-clamp: 4;  /*Limits to 6 lines */
    }

.btn-more[b-d6z0wi1sm9] {
    background-color: transparent;
    color: #0056b3;
    border: none;
    cursor: pointer;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
    text-decoration: underline;
    padding: 0;
}

.hashtag-link[b-d6z0wi1sm9], .mention-link[b-d6z0wi1sm9] {
    color: #007bff;
    text-decoration: none;
    cursor: pointer;
}

    .hashtag-link:hover[b-d6z0wi1sm9], .mention-link:hover[b-d6z0wi1sm9] {
        text-decoration: underline;
    }

.avatar-link[b-d6z0wi1sm9] {
    display:flex;
    width: fit-content;
    align-items: center;
    cursor: pointer;
}

.action-url[b-d6z0wi1sm9] {
    position: absolute;
    Top: 10px;
    left: 10px;
    width: fit-content;
    align-items: center;
    cursor: pointer;
}

/* Base style for the MudItem */
.campaign-ad[b-d6z0wi1sm9] {
    position: absolute;
    bottom: 20px;
    right: 20px;
    border: 2px solid #e67e22;
    border-radius: 20px;
    color: #e67e22;
    text-decoration: none;
    background-color: white;
    box-shadow: 0 2px 10px rgb(0 0 0 / 0.5);
    transition: transform 0.2s ease;
}

    /* Hover effect for MudItem */
    .campaign-ad:hover[b-d6z0wi1sm9] {
        transform: scale(1.03); /* Slightly enlarge */
        background-color: #e67e22;
        border: 2px solid white;
        color: white;
    }
/* /Shared/AGB/TermsofUse.razor.rz.scp.css */
table.pricing-table[b-55gnnxex9y] {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
}

    table.pricing-table th[b-55gnnxex9y], table.pricing-table td[b-55gnnxex9y] {
        border: 1px solid #ccc;
        padding: 10px 14px;
        text-align: left;
    }

    table.pricing-table th[b-55gnnxex9y] {
        background-color: #f8f8f8;
        font-weight: bold;
    }

    table.pricing-table tr:nth-child(even)[b-55gnnxex9y] {
        background-color: #fdfdfd;
    }
/* /Shared/Calendar/CalOrderList.razor.rz.scp.css */
/* Define print-specific styles 
@media print {
     Hide any elements that shouldn't be printed 
    body * {
        display: none;
    }
    
     Style the printed table 
    .print-table {
        display: block;
        margin: 0 auto;
        width: 100%;
        border-collapse: collapse;
    }
    
    .print-table th,
    .print-table td {
        padding: 8px;
        border: 1px solid #000;
    }
    
    .print-table th {
        background-color: #f2f2f2;
        font-weight: bold;
    }
}*/
/* /Shared/Calendar/EventMeetingViewDialog.razor.rz.scp.css */

/* /Shared/Carousel.razor.rz.scp.css */
@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item[b-atandbdo30] {
        position: absolute;
        top: 0;
        right: -33.3333%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item[b-atandbdo30] {
        position: absolute;
        top: 0;
        right: -50%; /*change this with javascript in the future*/
        right: url(script.htc);
        z-index: -1;
        display: block;
        visibility: visible;
    }
}

@media (min-width: 576px) {
    .carousel-item[b-atandbdo30] {
        margin-right: 0;
    }
    /* show 2 items */
    .carousel-inner .active + .carousel-item[b-atandbdo30] {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)[b-atandbdo30],
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item[b-atandbdo30] {
        transition: none;
    }

    .carousel-inner .carousel-item-next[b-atandbdo30] {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left[b-atandbdo30],
    .carousel-item-next.carousel-item-left + .carousel-item[b-atandbdo30],
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item[b-atandbdo30] {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right[b-atandbdo30] {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right[b-atandbdo30],
    .carousel-item-prev.carousel-item-right + .carousel-item[b-atandbdo30],
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item[b-atandbdo30] {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    .carousel-inner .active + .carousel-item + .carousel-item[b-atandbdo30] {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item[b-atandbdo30] {
        transition: none;
    }

    .carousel-inner .carousel-item-next[b-atandbdo30] {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item[b-atandbdo30] {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item[b-atandbdo30] {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item[b-atandbdo30] {
        display: flex;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item[b-atandbdo30] {
        transition: none;
    }
    /* Show 5th slide on lg if col-lg-3 */
    .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item[b-atandbdo30] {
        position: absolute;
        top: 0;
        right: -25%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item[b-atandbdo30] {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction //t - previous slide direction last item animation fix */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item[b-atandbdo30] {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

.multi-item-carousel .carousel-inner > .item[b-atandbdo30] {
    transition: 500ms ease-in-out left;
}

.multi-item-carousel .carousel-inner .active.left[b-atandbdo30] {
    left: -33%;
}

.multi-item-carousel .carousel-inner .active.right[b-atandbdo30] {
    left: 33%;
}

.multi-item-carousel .carousel-inner .next[b-atandbdo30] {
    left: 33%;
}

.multi-item-carousel .carousel-inner .prev[b-atandbdo30] {
    left: -33%;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .multi-item-carousel .carousel-inner > .item[b-atandbdo30] {
        transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none !important;
    }
}

.multi-item-carousel .carouse-control.left[b-atandbdo30],
.multi-item-carousel .carouse-control.right[b-atandbdo30] {
    background-image: none;
}

/* non-related styling: */
body[b-atandbdo30] {
    background: #333;
    color: #ddd;
}

h1[b-atandbdo30] {
    color: white;
    font-size: 2.25em;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 2em;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 1);
}
/* /Shared/Cart/EatMeetCart.razor.rz.scp.css */
/*.container {
    display: flex;
    padding: 6px;
}*/

.image-wrapper[b-nc5dw06ose] {
    width: 150px;
    text-align: center;
}

.image[b-nc5dw06ose] {
    max-height: 150px;
    max-width: 150px;
    padding: 6px;
}

.name[b-nc5dw06ose] {
    flex-grow: 1;
    padding: 6px;
}

.cart-meal-price[b-nc5dw06ose] {
    font-weight: 600;
    text-align: right;
}

.btn-delete[b-nc5dw06ose] {
    background: none;
    border: none;
    padding: 0px;
    color: red;
    font-size: 12px;
}

    .btn-delete:hover[b-nc5dw06ose] {
        text-decoration: underline;
    }

.input-quantity[b-nc5dw06ose] {
    width: 70px;
}


.mud-table-cell-custom-group[b-nc5dw06ose] {
    font-weight: 500;
}

.mud-table-cell-custom-group-footer[b-nc5dw06ose] {
    padding-bottom: 50px;
    text-align: right;
}



@media (min-width: 960.98px) {
    .total[b-nc5dw06ose] {
        display: none;
    }
}
/* /Shared/Cart/MeetCart.razor.rz.scp.css */
.custom-justify[b-vqkk9puvq9] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


@media (max-width: 960.98px) {
    .custom-justify[b-vqkk9puvq9] {
        justify-content: flex-end !important;
    }
}
/* /Shared/Chat/ChatRoom.razor.rz.scp.css */
.chat-container[b-fzrbbfrg8n] {
    display: flex;
    max-width: 500px;
    width: 100%;
    height: 100%;
    flex-grow: 1;
    overflow: auto;
}

.chat-input-container[b-fzrbbfrg8n] {
    display: flex;
    align-items: center;
    padding-left: 8px;
    margin-bottom: 30px;
    background-color: #fff;
}

/* Style for the input field */
.chat-input[b-fzrbbfrg8n] {
    width: 100%;
    padding: 8px;
    border: none;
    border-radius: 10px;
    background-color: #f2f2f2;
    font-size: 14px;
    resize: none; /* Allow vertical resizing of the textarea */
}

/* Style for the send button */
.send-button[b-fzrbbfrg8n] {
    margin-left: 10px;
    padding: 6px 10px;
    border: none;
    border-radius: 50%;
    background-color: #007bff;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

/* Style for the message container */
.message-container[b-fzrbbfrg8n] {
    display: flex;
    align-items: flex-start;
    margin: 10px;
}
    /* Style for the message bubble */
    .message-bubble[b-fzrbbfrg8n] {
        max-width: 70%;
        padding: 10px;
        border-radius: 10px;
        background-color: #e5e5ea;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
        font-size: 16px;
        width: fit-content;
    }
        .message-bubble span[b-fzrbbfrg8n] {
            color: black;
        }
        .message-bubble pre[b-fzrbbfrg8n] {
            color: black;
        }

/* Style for the timestamp */
.timestamp[b-fzrbbfrg8n] {
    font-size: 12px;
    color: #888;
    margin-top: 5px;
}

.date-message[b-fzrbbfrg8n] {
    display: flex;
    justify-content: center;
    width: 100%;
    border-bottom: 1px solid #fff;
/*    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);*/
    margin: 10px;
}
.datestamp[b-fzrbbfrg8n] {
    font-size: 12px;
    color: black;
    margin-top: 5px;
}
/* /Shared/Components/AccordionComponent.razor.rz.scp.css */
/*.accordion-button:focus {
    outline: none;
    box-shadow: none;*/ /* Removes the blue border */
/*}

.accordion-header {*/
  /*  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/resources/img/aroundtable.jpg);*/
    /*background-position: center;
    background-repeat: no-repeat;
    padding: 10px;*/ /* Adds space around the content */
    /*height: 150px;
}

.accordion-button {
    background-color: transparent;*/ /* Make the background transparent */
    /*border: none;*/ /* Remove any border */
    /*box-shadow: none;*/ /* Remove the default shadow */
    /*text-align: center;*/ /* Center the text */
    /*justify-content: center;*/ /* Center the text horizontally */
    /*outline: none;*/ /* Center the text horizontally */
    /*color: white;
    height: 100%;
    font-weight: bold;
}

    .accordion-button::after {
        content: none;*/ /* Hide the default arrow */
    /*}

    .accordion-button .arrow {
        color: white;*/ /* Set icon color to white */
        /*margin-left: auto;*/ /* Align the arrow to the right */
        /*font-size: 1.25rem;*/ /* Optional: Adjust size of the icon */
        /*transition: transform 0.3s ease;*/ /* Smooth transition */
    /*}*/

    /* Rotate the arrow when the accordion is expanded */
    /*.accordion-button:not(.collapsed) .arrow {
        transform: rotate(90deg);*/ /* Rotate arrow when expanded */
    /*}*/






/* /Shared/Components/AccordionMenuComponent.razor.rz.scp.css */
.accordion-container[b-j99y797whm] {
    position: relative;
    max-width: 500px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.accordion[b-j99y797whm] {
    width: 100%;
    max-width: 500px;
    height: 100%;
    overflow: auto;
}

.accordion-button:focus[b-j99y797whm] {
    outline: none;
    box-shadow: none; /* Removes the blue border */
}

.accordion-header[b-j99y797whm] {
    /*  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/resources/img/aroundtable.jpg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px; /* Adds space around the content */
    aspect-ratio: 16 / 5;
}

.accordion-body[b-j99y797whm] {
    padding: 0;
}

.accordion-button[b-j99y797whm] {
    background-color: transparent; /* Make the background transparent */
    border: none; /* Remove any border */
    box-shadow: none; /* Remove the default shadow */
    text-align: center; /* Center the text */
    justify-content: center; /* Center the text horizontally */
    outline: none; /* Center the text horizontally */
    color: white;
    height: 100%;
    font-weight: bold;
}
    .accordion-button[b-j99y797whm]::after {
        content: none; /* Hide the default arrow */
    }

    .accordion-button .arrow[b-j99y797whm] {
        color: white; /* Set icon color to white */
        margin-left: auto; /* Align the arrow to the right */
        font-size: 1.25rem; /* Optional: Adjust size of the icon */
        transition: transform 0.3s ease; /* Smooth transition */
    }

    /* Rotate the arrow when the accordion is expanded */
    .accordion-button:not(.collapsed) .arrow[b-j99y797whm] {
        transform: rotate(90deg); /* Rotate arrow when expanded */
    }

/*.animated-div {
    position: absolute;*/ /* Change to absolute to position inside the accordion-container */
    /*top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    margin-bottom: 30px;*/
    /*height: calc(100vh - 86px);*/
    /*background-color: rgba(255, 255, 255, 1);*/ /* Use semi-transparent background to indicate coverage */
    /*padding: 0;
    text-align: center;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s;
    opacity: 0.8;*/ /* Start hidden */
    /*visibility: hidden;*/ /* Initially hidden */
    /*overflow: auto;
}

    .animated-div.visible {
        transform: translateY(0);*/ /* Move to the visible position */
        /*opacity: 1;*/ /* Fade in */
        /*visibility: visible;*/ /* Make it visible */
    /*}

    .animated-div.hidden {
        transform: translateY(100%);*/ /* Move off-screen */
        /*opacity: 0.8;*/ /* Fade out */
        /*visibility: hidden;*/ /* Hide but keep in flow */
    /*}*/

/* Header wrapper styling to cover 20% of the div */
/*.header-wrapper {
    height: 100%;
    max-height: 200px;
    width: 100%;
    background-color: lightgray;*/ /* You can adjust this as needed */
    /*overflow: hidden;
}*/






/* /Shared/Components/AccordionPoiComponent.razor.rz.scp.css */
.accordion-container[b-ooioxc90vu] {
    position: relative;
    max-width: 500px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.accordion[b-ooioxc90vu] {
    width: 100%;
    max-width: 500px;
    height: 100%;
    overflow: auto;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.accordion-item[b-ooioxc90vu] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    margin: 2px 2px;
}

.accordion-button:focus[b-ooioxc90vu] {
    outline: none;
    box-shadow: none; /* Removes the blue border */
}

.accordion-header[b-ooioxc90vu] {
    /*  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/resources/img/aroundtable.jpg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px; /* Adds space around the content */
    aspect-ratio: 16 / 5;
}

.accordion-body-container[b-ooioxc90vu] {
    margin: 0px 3px;
}

.accordion-body[b-ooioxc90vu] {
    padding: 0;
    margin-bottom: 8px;
    /*aspect-ratio: 16 / 3;*/
}

.accordion-button[b-ooioxc90vu] {
    margin: 0;
    padding: 0;
    background-color: transparent; /* Make the background transparent */
    border: none; /* Remove any border */
    box-shadow: none; /* Remove the default shadow */
    text-align: center; /* Center the text */
    justify-content: center; /* Center the text horizontally */
    outline: none; /* Center the text horizontally */
    color: black;
    height: auto;
    width: 100%;
   /* font-weight: bold;*/
}

    .accordion-button[b-ooioxc90vu]::after {
        content: none; /* Hide the default arrow */
    }

    .accordion-button .arrow[b-ooioxc90vu] {
        color: black; /* Set icon color to white */
        margin-left: auto; /* Align the arrow to the right */
        font-size: 1.25rem; /* Optional: Adjust size of the icon */
        transition: transform 0.3s ease; /* Smooth transition */
    }

    /* Rotate the arrow when the accordion is expanded */
    .accordion-button:not(.collapsed) .arrow[b-ooioxc90vu] {
        transform: rotate(90deg); /* Rotate arrow when expanded */
    }

.item-logo[b-ooioxc90vu] {
    display: flex;
    padding: 0.2rem;
    height: 100%;
    width: 100%;
    flex: 0 0 30%;
    max-width: 30%;
}

.item-info[b-ooioxc90vu] {
    display: flex;
    /*    flex-direction: column;*/
    flex-grow: 1;
    justify-content: space-between;
    padding: 0.4rem 0.7rem;
    height: 100%;
    width: 100%;
    flex: 0 0 70%;
    max-width: 70%;
}
    .item-info .mud-arrow[b-ooioxc90vu] {
        margin: 0;
        padding: 0;
        height: fit-content;
        width: fit-content;
    }

.accordion-body-carousel[b-ooioxc90vu] {
    padding: 0.2rem;
    height: 100%;
    min-height: 1rem;
    width: 100%;
    flex: 0 0 30%;
    max-width: 30%;
}

.accordion-body-info[b-ooioxc90vu] {
    display: flex;
    flex-direction: column;
    padding: 0.4rem 0.7rem;
    height: 100%;
    width: 100%;
/*    flex: 0 0 70%;
    max-width: 70%;*/
    align-items: center;
    justify-content: space-around;
}

.accordion-body-buttons[b-ooioxc90vu] {
    display: flex;
    padding: 0.4rem 0.7rem;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: space-around;
}

.fab-option[b-ooioxc90vu] {
    width: 40px;
    height: 40px;
    background-color: rgba(230, 126, 34, 0.8);
    border: none;
    color: white;
    font-size: 16px;
/*    padding: 10px 20px;*/
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: background-color 0.5s ease;
}

    .fab-option i[b-ooioxc90vu] {
        width: 10px;
        height: 10px;
    }

    .fab-option:hover[b-ooioxc90vu] {
        background-color: rgba(230, 126, 34, 1.0);
    }

.item-info[b-ooioxc90vu] {
    padding: 1rem;
    background-color: white;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease;
}

    .item-info:hover[b-ooioxc90vu] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    }

.mud-arrow[b-ooioxc90vu] {
    font-size: 1rem;
    color: #888;
}

.chip-scroll-container[b-ooioxc90vu] {
    display: flex;
    overflow-x: auto;
}

.chip-container[b-ooioxc90vu] {
    display: flex;
    width: fit-content;
    gap: 6px;
    padding: 0.5rem;
    scrollbar-width: thin;
}

.chip-item[b-ooioxc90vu] {
    white-space: nowrap;
    flex-shrink: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 0.875rem;
}
/* /Shared/Components/AdMenuComponent.razor.rz.scp.css */
.show-menu[b-d8qs8a0aed] {
    display: block;
    position: absolute;
    border-radius: 10px;
    width: max-content !important;
    min-width: 5rem;
    top: 20px;
    right: 20px;
    font-size: 14px;
    z-index: 200;
}

.user-button[b-d8qs8a0aed] {
    margin-left: .5em;
    border-radius: 50px;
    /*    border-color: transparent;
    background-color: transparent;*/
}

    .user-button:hover[b-d8qs8a0aed] {
        background-color: transparent;
    }

    .user-button:active[b-d8qs8a0aed] {
        outline: none;
    }

.user-button-person[b-d8qs8a0aed] {
    color: black;
}

.top-row a[b-d8qs8a0aed] {
    margin-left: 0;
}

.dropdown-item:hover[b-d8qs8a0aed] {
    background-color: white;
}

.menu-text[b-d8qs8a0aed] {
    color: var(--mud-palette-dark);
    font-size: 8px;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", "sans-serif";
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
}

.menu-link[b-d8qs8a0aed] {
    text-decoration: none; /* Remove default underline */
    display: inline-flex;
    align-items: center; /* Center-align text within the link */
    transition: color 0.3s ease;
}

    .menu-link:hover .menu-text[b-d8qs8a0aed] {
        color: var(--mud-palette-primary-dark);
    }
/*@media only screen and (max-width: 641px) {
    .show-menu {
        right: 0px;
    }
}*/
/* /Shared/Components/AiComponents/TalkToActionComponent.razor.rz.scp.css */
.voice-button[b-p7ewz1pgla] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 1000;
}
/* /Shared/Components/BarcodeScanner.razor.rz.scp.css */
.scanner-container[b-k40lhm2a3c] {
    position: relative;
    width: 100%;
    height: 60vh;
    background-color: rgba(0, 0, 0, 0.75); /* dark overlay */
    border-radius: 12px;
    overflow: hidden;
}

#cameraElement[b-k40lhm2a3c] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.border-overlay[b-k40lhm2a3c] {
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
}

.top-border[b-k40lhm2a3c], .bottom-border[b-k40lhm2a3c] {
    height: 15%;
    width: 100%;
    left: 0;
}

.top-border[b-k40lhm2a3c] {
    top: 0;
}

.bottom-border[b-k40lhm2a3c] {
    bottom: 0;
}

.left-border[b-k40lhm2a3c], .right-border[b-k40lhm2a3c] {
    width: 15%;
    height: 100%;
    top: 0;
}

.left-border[b-k40lhm2a3c] {
    left: 0;
}

.right-border[b-k40lhm2a3c] {
    right: 0;
}

.watermark-overlay[b-k40lhm2a3c] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.watermark-horizontal[b-k40lhm2a3c], .watermark-vertical[b-k40lhm2a3c] {
    background-color: #00bcd4;
    position: absolute;
}

.watermark-horizontal[b-k40lhm2a3c] {
    width: 60px;
    height: 4px;
}

.watermark-vertical[b-k40lhm2a3c] {
    height: 60px;
    width: 4px;
}
/* /Shared/Components/CartMenuComponent.razor.rz.scp.css */
.cart-list[b-a280f5zzix] {
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.cart-items-list[b-a280f5zzix] {
    width: 100%;
    height: fit-content;
    overflow-y: auto !important;
    flex-grow: 1;
}
/* /Shared/Components/CheckOutComponent.razor.rz.scp.css */
.checkout-div[b-o7jeinj5ed] {
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 0;
    text-align: center;
    overflow: auto;
}
/* /Shared/Components/CouponComponents/CouponMenuComponent.razor.rz.scp.css */
.show-menu[b-nhonh5zfp2] {
    display: block;
    position: absolute;
    border-radius: 10px;
    width: max-content !important;
    min-width: 5rem;
    top: 20px;
    right: 20px;
    font-size: 14px;
    z-index: 200;
}

.user-button[b-nhonh5zfp2] {
    margin-left: .5em;
    border-radius: 50px;
    /*    border-color: transparent;
    background-color: transparent;*/
}

    .user-button:hover[b-nhonh5zfp2] {
        background-color: transparent;
    }

    .user-button:active[b-nhonh5zfp2] {
        outline: none;
    }

.user-button-person[b-nhonh5zfp2] {
    color: black;
}

.top-row a[b-nhonh5zfp2] {
    margin-left: 0;
}

.dropdown-item:hover[b-nhonh5zfp2] {
    background-color: white;
}

.menu-text[b-nhonh5zfp2] {
    color: var(--mud-palette-dark);
    font-size: 8px;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", "sans-serif";
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
}

.menu-link[b-nhonh5zfp2] {
    text-decoration: none; /* Remove default underline */
    display: inline-flex;
    align-items: center; /* Center-align text within the link */
    transition: color 0.3s ease;
}

    .menu-link:hover .menu-text[b-nhonh5zfp2] {
        color: var(--mud-palette-primary-dark);
    }
/*@media only screen and (max-width: 641px) {
    .show-menu {
        right: 0px;
    }
}*/
/* /Shared/Components/CouponComponents/CouponSVGView.razor.rz.scp.css */
.animated-div[b-iunsmf6a2q] {
    overflow: hidden; /* Ensure content doesn't overflow during animation */
    max-height: 0; /* Start with no visible height */
    opacity: 0; /* Content is hidden initially */
    transform: scaleY(0.95); /* Slightly scaled down initially */
    transition: max-height 2s ease, opacity 2s ease, transform 2s ease;
}

    .animated-div.expand[b-iunsmf6a2q] {
        max-height: 2000px; /* A large enough value to accommodate the content */
        opacity: 1; /* Fade in content as height expands */
        transform: scaleY(1);
    }


.userFacePhoto[b-iunsmf6a2q] {
    width: 42px;
    height: 42px;
    overflow: hidden;
    background-color: white;
    /*border: 6px solid white;*/
    border-radius: 50%;
    box-shadow: 0 2px 8px rgb(0 0 0 / 0.2);
}

.userHeaderContainer[b-iunsmf6a2q] {
    position: relative;
    display: flex;
    height: 60px;
    width: 100%;
}

.text-ellipsis[b-iunsmf6a2q] {
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
    text-transform: none;
    text-align: justify;
    margin: 0;
}

    .text-ellipsis.short[b-iunsmf6a2q] {
        -webkit-line-clamp: 4;  /*Limits to 6 lines */
    }

.btn-more[b-iunsmf6a2q] {
    background-color: transparent;
    color: #0056b3;
    border: none;
    cursor: pointer;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
    text-decoration: underline;
    padding: 0;
}

.hashtag-link[b-iunsmf6a2q], .mention-link[b-iunsmf6a2q] {
    color: #007bff;
    text-decoration: none;
    cursor: pointer;
}

    .hashtag-link:hover[b-iunsmf6a2q], .mention-link:hover[b-iunsmf6a2q] {
        text-decoration: underline;
    }

.avatar-link[b-iunsmf6a2q] {
    display:flex;
    width: fit-content;
    align-items: center;
    cursor: pointer;
}

.action-url[b-iunsmf6a2q] {
    position: absolute;
    Top: 10px;
    left: 10px;
    width: fit-content;
    align-items: center;
    cursor: pointer;
}



/*Coupons*/


.ticket-wrapper[b-iunsmf6a2q] {
    background: #fefaf7; /* subtle background */
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ticket[b-iunsmf6a2q] {
    position: relative;
    display: flex;
    width: 420px;
    height: 140px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    background: white;
}

    .ticket[b-iunsmf6a2q]::before,
    .ticket[b-iunsmf6a2q]::after {
        content: '';
        position: absolute;
        width: 40px;
        height: 40px;
        background: #fff;
        border-radius: 50%;
        top: 50%;
        transform: translateY(-50%);
        z-index: 6;
    }

    .ticket[b-iunsmf6a2q]::before {
        left: -20px;
    }

    .ticket[b-iunsmf6a2q]::after {
        right: -20px;
    }

.left[b-iunsmf6a2q] {
    background: #22c55e;
    width: 40%;
    padding: 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 4;
    font-weight: bold;
}

.discount[b-iunsmf6a2q] {
    font-size: 28px;
}

.label[b-iunsmf6a2q] {
    font-size: 14px;
}

.right[b-iunsmf6a2q] {
    width: 60%;
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
    background-color: #fffaf5;
}

.title[b-iunsmf6a2q] {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
}

.valid[b-iunsmf6a2q] {
    font-size: 14px;
    color: gray;
}

.divider[b-iunsmf6a2q] {
    position: absolute;
    left: 38%;
    top: 0;
    bottom: 0;
    width: 20px;
    /*background: #fefaf7;*/
    z-index: 3;
    background-image: repeating-radial-gradient(circle, #22c55e 0, #22c55e 5px, transparent 0px, transparent 10px);
    background-repeat: repeat-y;
    background-position: center;
    background-size: 7px 14px;
}
/* /Shared/Components/CouponComponents/CouponView.razor.rz.scp.css */
.animated-div[b-7uy7atjgc7] {
    overflow: hidden; /* Ensure content doesn't overflow during animation */
    max-height: 0; /* Start with no visible height */
    opacity: 0; /* Content is hidden initially */
    transform: scaleY(0.95); /* Slightly scaled down initially */
    transition: max-height 2s ease, opacity 2s ease, transform 2s ease;
}

    .animated-div.expand[b-7uy7atjgc7] {
        max-height: 2000px; /* A large enough value to accommodate the content */
        opacity: 1; /* Fade in content as height expands */
        transform: scaleY(1);
    }


.userFacePhoto[b-7uy7atjgc7] {
    width: 42px;
    height: 42px;
    overflow: hidden;
    background-color: white;
    /*border: 6px solid white;*/
    border-radius: 50%;
    box-shadow: 0 2px 8px rgb(0 0 0 / 0.2);
}

.userHeaderContainer[b-7uy7atjgc7] {
    position: relative;
    display: flex;
    height: 60px;
    width: 100%;
}

.text-ellipsis[b-7uy7atjgc7] {
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
    text-transform: none;
    text-align: justify;
    margin: 0;
}

    .text-ellipsis.short[b-7uy7atjgc7] {
        -webkit-line-clamp: 4;  /*Limits to 6 lines */
    }

.btn-more[b-7uy7atjgc7] {
    background-color: transparent;
    color: #0056b3;
    border: none;
    cursor: pointer;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
    text-decoration: underline;
    padding: 0;
}

.hashtag-link[b-7uy7atjgc7], .mention-link[b-7uy7atjgc7] {
    color: #007bff;
    text-decoration: none;
    cursor: pointer;
}

    .hashtag-link:hover[b-7uy7atjgc7], .mention-link:hover[b-7uy7atjgc7] {
        text-decoration: underline;
    }

.avatar-link[b-7uy7atjgc7] {
    display:flex;
    width: fit-content;
    align-items: center;
    cursor: pointer;
}

.action-url[b-7uy7atjgc7] {
    position: absolute;
    Top: 10px;
    left: 10px;
    width: fit-content;
    align-items: center;
    cursor: pointer;
}



/*Coupons*/


.ticket-wrapper[b-7uy7atjgc7] {
    background: #fefaf7; /* subtle background */
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ticket[b-7uy7atjgc7] {
    position: relative;
    display: flex;
    width: 420px;
    height: 140px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    background: white;
}

    .ticket[b-7uy7atjgc7]::before,
    .ticket[b-7uy7atjgc7]::after {
        content: '';
        position: absolute;
        width: 40px;
        height: 40px;
        background: #fff;
        border-radius: 50%;
        top: 50%;
        transform: translateY(-50%);
        z-index: 6;
    }

    .ticket[b-7uy7atjgc7]::before {
        left: -20px;
    }

    .ticket[b-7uy7atjgc7]::after {
        right: -20px;
    }

.left[b-7uy7atjgc7] {
    background: #22c55e;
    width: 40%;
    padding: 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 4;
    font-weight: bold;
}

.discount[b-7uy7atjgc7] {
    font-size: 28px;
}

.label[b-7uy7atjgc7] {
    font-size: 14px;
}

.right[b-7uy7atjgc7] {
    width: 60%;
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
    background-color: #fffaf5;
}

.title[b-7uy7atjgc7] {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
}

.valid[b-7uy7atjgc7] {
    font-size: 14px;
    color: gray;
}

.divider[b-7uy7atjgc7] {
    position: absolute;
    left: 38%;
    top: 0;
    bottom: 0;
    width: 20px;
    /*background: #fefaf7;*/
    z-index: 3;
    background-image: repeating-radial-gradient(circle, #22c55e 0, #22c55e 5px, transparent 0px, transparent 10px);
    background-repeat: repeat-y;
    background-position: center;
    background-size: 7px 14px;
}
/* /Shared/Components/DynamicComponentHeader.razor.rz.scp.css */
.poi-header[b-9k182n166q] {
    display: flex;
    position: sticky;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    background-color: #ffffff;
    transition: transform 0.3s ease-in-out;
    z-index: 500;
}

    .poi-header.hide[b-9k182n166q] {
        transform: translateY(-100%);
    }

    .poi-header.show[b-9k182n166q] {
        transform: translateY(0);
    }
/* /Shared/Components/DynamicComponentRenderer.razor.rz.scp.css */
.menu-container[b-7oestks0io] {
    overflow: hidden;
    position: relative;
    max-width: 500px;
    display: flex;
    width: 100%;
}
/* /Shared/Components/DynamicDragDropTable.razor.rz.scp.css */
.mud-truncate[b-qtmeqewr6x] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 700px;
    display: block;
}

.tl-row[b-qtmeqewr6x] {
    display: flex;
    flex-wrap: wrap; /* wrap on smaller widths */
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0; /* enables child truncation */
}

.tl-title[b-qtmeqewr6x], .tl-summary[b-qtmeqewr6x] {
    max-width: 600px; /* adjust as you like */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; /* single-line until wrapping pushes them */
}

.tl-title[b-qtmeqewr6x] {
    font-weight: 600;
}

.tl-click[b-qtmeqewr6x] {
    color: var(--mud-palette-text-secondary);
    font-size: .9rem;
}

.tl-time[b-qtmeqewr6x], .tl-kind[b-qtmeqewr6x] {
    color: var(--mud-palette-text-secondary);
    font-size: .9rem;
}

.tl-sep[b-qtmeqewr6x] {
    color: var(--mud-palette-text-secondary);
}

.tl-badge[b-qtmeqewr6x] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 999px;
    padding: 1px 8px;
    font-size: .85rem;
    line-height: 1.6;
}

.tl-meta[b-qtmeqewr6x], .tl-click[b-qtmeqewr6x] {
    color: var(--mud-palette-text-secondary);
    font-size: .9rem;
}

.tl-sep[b-qtmeqewr6x] {
    color: var(--mud-palette-text-secondary);
}

@media (max-width: 900px) {
    .tl-title[b-qtmeqewr6x], .tl-summary[b-qtmeqewr6x] {
        max-width: 300px;
    }
}
/* /Shared/Components/HeaderComponents/Header.razor.rz.scp.css */
.header[b-aeok8ef8m5] {
    display: flex;
    position: fixed;
    top: 0px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    background-color: #ffffff;
    border-bottom: 1px solid rgba(111,111,111,0.2);
    transition: transform 0.3s ease-in-out;
    z-index: 500;
}

    .header.hide[b-aeok8ef8m5] {
        transform: translateY(-100%);
    }

    .header.show[b-aeok8ef8m5] {
        transform: translateY(0);
    }

.top-row[b-aeok8ef8m5] {
    display: flex;
    width: 100%;
    padding: 0 4px;
    max-width: 1600px;
    justify-content: flex-start;
    justify-content: space-between;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

.buttons-row[b-aeok8ef8m5] {
    display: flex;
    position: fixed;
    top: 70px;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 30px;
    background-color: #ffffff75;
    border-bottom: 1px solid rgba(111,111,111,0.2);
    transition: transform 0.3s ease-in-out;
    z-index: 350;
}

    .buttons-row.hide[b-aeok8ef8m5] {
        transform: translateY(-70px);
    }

    .buttons-row.show[b-aeok8ef8m5] {
        transform: translateY(0);
    }

@media (max-width: 640.98px) {

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

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

@media (min-width: 641px) {
    /*    .page {
        flex-direction: row;
    }*/

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

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

    .top-row[b-aeok8ef8m5], article[b-aeok8ef8m5] {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}
/* /Shared/Components/HeaderComponents/HeaderNoButtons.razor.rz.scp.css */
.header[b-z8mwfx5h9v] {
    display: flex;
    position: fixed;
    top: 0px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    background-color: #ffffff;
    border-bottom: 1px solid rgba(111,111,111,0.2);
    transition: transform 0.3s ease-in-out;
    z-index: 500;
}

    .header.hide[b-z8mwfx5h9v] {
        transform: translateY(-100%);
    }

    .header.show[b-z8mwfx5h9v] {
        transform: translateY(0);
    }

.top-row[b-z8mwfx5h9v] {
    display: flex;
    width: 100%;
    padding: 0 4px;
    max-width: 1600px;
    justify-content: flex-start;
    justify-content: space-between;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

.buttons-row[b-z8mwfx5h9v] {
    display: flex;
    position: fixed;
    top: 70px;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 30px;
    background-color: #ffffff75;
    border-bottom: 1px solid rgba(111,111,111,0.2);
    transition: transform 0.3s ease-in-out;
    z-index: 350;
}

    .buttons-row.hide[b-z8mwfx5h9v] {
        transform: translateY(-70px);
    }

    .buttons-row.show[b-z8mwfx5h9v] {
        transform: translateY(0);
    }

@media (max-width: 640.98px) {

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

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

@media (min-width: 641px) {
    /*    .page {
        flex-direction: row;
    }*/

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

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

    .top-row[b-z8mwfx5h9v], article[b-z8mwfx5h9v] {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}
/* /Shared/Components/HeaderComponents/UserButton.razor.rz.scp.css */
.show-menu[b-gkqkoi911y] {
    display: block;
    position: absolute;
    border-radius: 15px;
    top: 55px;
    right: -10px;
    font-size: 14px;
}

.user-button[b-gkqkoi911y] {
    margin-left: .5em;
    border-radius: 50px;
/*    border-color: transparent;
    background-color: transparent;*/
}
.user-button:hover[b-gkqkoi911y] {
    background-color: transparent;
}
    .user-button:active[b-gkqkoi911y] {
        outline: none;
    }

.user-button-person[b-gkqkoi911y]{
    color:black;
}

.top-row a[b-gkqkoi911y] {
    margin-left: 0;

}

.dropdown-item:hover[b-gkqkoi911y] {
    background-color: white;
}

.dropdown-menu[dir="rtl"][b-gkqkoi911y] {
    text-align: right;
    right: auto;
    right: 0;
}


@media only screen and (max-width: 641px) {
    .show-menu[b-gkqkoi911y] {
        right: 5px;
    }
}
/* /Shared/Components/LogoSpinnerComponent.razor.rz.scp.css */
.logo-spinner-container[b-kfiwv3clak] {
    height: 100%;
    width: fit-content;
}

.logo-spinner-box[b-kfiwv3clak] {
    display: flex;
    animation: loader-b-kfiwv3clak 2s linear infinite;
    height: -webkit-fill-available;
    width: auto;
    justify-content: center;
    align-items: center;
    margin: 2%;
}

@keyframes loader-b-kfiwv3clak {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /Shared/Components/MeetingMenuComponent.razor.rz.scp.css */
.show-menu[b-js2hqyu214] {
    display: block;
    position: absolute;
    border-radius: 10px;
    width: max-content !important;
    min-width: 5rem;
    top: 20px;
    right: 20px;
    font-size: 14px;
    z-index: 200;
}

.user-button[b-js2hqyu214] {
    margin-left: .5em;
    border-radius: 50px;
    /*    border-color: transparent;
    background-color: transparent;*/
}

    .user-button:hover[b-js2hqyu214] {
        background-color: transparent;
    }

    .user-button:active[b-js2hqyu214] {
        outline: none;
    }

.user-button-person[b-js2hqyu214] {
    color: black;
}

.top-row a[b-js2hqyu214] {
    margin-left: 0;
}

.dropdown-item:hover[b-js2hqyu214] {
    background-color: white;
}

.menu-text[b-js2hqyu214] {
    color: var(--mud-palette-dark);
    font-size: 8px;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", "sans-serif";
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
}

.menu-link[b-js2hqyu214] {
    text-decoration: none; /* Remove default underline */
    display: inline-flex;
    align-items: center; /* Center-align text within the link */
    transition: color 0.3s ease;
}

    .menu-link:hover .menu-text[b-js2hqyu214] {
        color: var(--mud-palette-primary-dark);
    }
/*@media only screen and (max-width: 641px) {
    .show-menu {
        right: 0px;
    }
}*/
/* /Shared/Components/ObjectViewList.razor.rz.scp.css */
.container-position[b-4m8oyp7yu8] {
    position: relative;
}

.feed-container[b-4m8oyp7yu8] {
    width: 100%;
}

.slide-in-left-div[b-4m8oyp7yu8] {
    position: fixed;
    overflow: scroll;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: left 0.5s ease-in-out;
    z-index: 700 !important;
}

    .slide-in-left-div.hidden[b-4m8oyp7yu8] {
        transform: translateX(-100%);
        transition: transform 0.5s ease-in-out;
        /*left: -100%;*/
    }

    .slide-in-left-div.visible[b-4m8oyp7yu8] {
        transform: translateX(0);
        transition: transform 0.5s ease-in-out;
        /*left: 0;*/
    }

.slide-in-right-div[b-4m8oyp7yu8] {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: olive;
    transition: right 0.5s ease-in-out;
}

    .slide-in-right-div.hidden[b-4m8oyp7yu8] {
        right: -100%;
    }

    .slide-in-right-div.visible[b-4m8oyp7yu8] {
        right: 0;
    }

/*@media (max-width: 960px) {
    .meetings-container {
    }
}
*/
/* /Shared/Components/ObjectViewListUniversal.razor.rz.scp.css */
.container-position[b-dlrz8vidcf] {
    position: relative;
}

.objects-container[b-dlrz8vidcf] {
    max-width: 598px;
    margin: auto;
    gap: 20px;
}

.slide-in-left-div[b-dlrz8vidcf] {
    position: fixed;
    overflow: scroll;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: left 0.5s ease-in-out;
    z-index: 700 !important;
}

    .slide-in-left-div.hidden[b-dlrz8vidcf] {
        transform: translateX(-100%);
        transition: transform 0.5s ease-in-out;
        /*left: -100%;*/
    }

    .slide-in-left-div.visible[b-dlrz8vidcf] {
        transform: translateX(0);
        transition: transform 0.5s ease-in-out;
        /*left: 0;*/
    }

.slide-in-right-div[b-dlrz8vidcf] {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: olive;
    transition: right 0.5s ease-in-out;
}

    .slide-in-right-div.hidden[b-dlrz8vidcf] {
        right: -100%;
    }

    .slide-in-right-div.visible[b-dlrz8vidcf] {
        right: 0;
    }

/*@media (max-width: 960px) {
    .meetings-container {
    }
}
*/
/* /Shared/Components/PageTitleComponent.razor.rz.scp.css */
.title-container[b-8wc5l6si3r] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    width: 100%;
    border-bottom: 2px solid #e67e22;
}

.title[b-8wc5l6si3r] {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 300;
    color: #333;
    text-align: center;
    padding-bottom: 10px;
    letter-spacing: 1px;
}
/* /Shared/Components/PhoneNumberVerification.razor.rz.scp.css */
.otp-container[b-216o9no8wp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1rem 0;
}

.otp-label[b-216o9no8wp] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #333;
}

.otp-input[b-216o9no8wp] {
    display: flex;
    gap: 0.75rem;
}

.otp-box[b-216o9no8wp] {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.25rem;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 8px;
    outline: none;
    transition: border-color 0.2s ease;
}

    .otp-box:focus[b-216o9no8wp] {
        border-color: #3f51b5;
        box-shadow: 0 0 0 2px rgba(63, 81, 181, 0.25);
    }
/* /Shared/Components/PlacesSettingsMenuComponent.razor.rz.scp.css */
.dropdown[b-y1fjs1t0t9] {
    display: flex;
}

.show-menu[b-y1fjs1t0t9] {
    display: block;
    position: absolute;
    border-radius: 10px;
    width: max-content !important;
    min-width: 5rem;
    top: 20px;
    right: 20px;
    font-size: 14px;
    z-index: 200;
}

.user-button[b-y1fjs1t0t9] {
    margin-left: .5em;
    border-radius: 50px;
    /*    border-color: transparent;
    background-color: transparent;*/
}

    .user-button:hover[b-y1fjs1t0t9] {
        background-color: transparent;
    }

    .user-button:active[b-y1fjs1t0t9] {
        outline: none;
    }

.user-button-person[b-y1fjs1t0t9] {
    color: black;
}

.top-row a[b-y1fjs1t0t9] {
    margin-left: 0;
}

.dropdown-item:hover[b-y1fjs1t0t9] {
    background-color: white;
}

.menu-text[b-y1fjs1t0t9] {
    color: var(--mud-palette-dark);
    font-size: 8px;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", "sans-serif";
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
}

.menu-link[b-y1fjs1t0t9] {
    text-decoration: none; /* Remove default underline */
    display: inline-flex;
    align-items: center; /* Center-align text within the link */
    transition: color 0.3s ease;
}

    .menu-link:hover .menu-text[b-y1fjs1t0t9] {
        color: var(--mud-palette-primary-dark);
    }
/*@media only screen and (max-width: 641px) {
    .show-menu {
        right: 0px;
    }
}*/
/* /Shared/Components/POIManagement/POIOrdersManagerMenuComponent.razor.rz.scp.css */
.show-menu[b-dw8x6djd4v] {
    display: block;
    position: absolute;
    border-radius: 10px;
    width: max-content !important;
    min-width: 5rem;
    top: 20px;
    right: 20px;
    font-size: 14px;
    z-index: 200;
}

.user-button[b-dw8x6djd4v] {
    margin-left: .5em;
    border-radius: 50px;
    /*    border-color: transparent;
    background-color: transparent;*/
}

    .user-button:hover[b-dw8x6djd4v] {
        background-color: transparent;
    }

    .user-button:active[b-dw8x6djd4v] {
        outline: none;
    }

.user-button-person[b-dw8x6djd4v] {
    color: black;
}

.top-row a[b-dw8x6djd4v] {
    margin-left: 0;
}

.dropdown-item:hover[b-dw8x6djd4v] {
    background-color: white;
}

.menu-text[b-dw8x6djd4v] {
    color: var(--mud-palette-dark);
    font-size: 8px;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", "sans-serif";
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
}

.menu-link[b-dw8x6djd4v] {
    text-decoration: none; /* Remove default underline */
    display: inline-flex;
    align-items: center; /* Center-align text within the link */
    transition: color 0.3s ease;
}

    .menu-link:hover .menu-text[b-dw8x6djd4v] {
        color: var(--mud-palette-primary-dark);
    }
/*@media only screen and (max-width: 641px) {
    .show-menu {
        right: 0px;
    }
}*/
/* /Shared/Components/POIManagement/POIReservationsGanttDragAndDrop.razor.rz.scp.css */
.board-container[b-dfprelaur5] {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

.booking-table[b-dfprelaur5] {
    width: 100%;
    border-collapse: collapse;
}

    .booking-table th[b-dfprelaur5],
    .booking-table td[b-dfprelaur5] {
        padding: 8px;
        border: 1px solid #ddd;
        text-align: center;
        vertical-align: top;
    }

.dropzone[b-dfprelaur5] {
    transition: background-color 0.3s ease;
}

    .dropzone.highlight[b-dfprelaur5] {
        background-color: #f4f4f4;
        border: 2px dashed #007BFF;
    }

.reservation-container[b-dfprelaur5] {
    position: relative;
    min-height: 30px;
}

.reservation[b-dfprelaur5] {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #4CAF50; /* Default */
    padding: 5px;
    border-radius: 5px;
    cursor: grab;
    border: solid 1px;
}

    .reservation:active[b-dfprelaur5] {
        cursor: grabbing;
    }

.mud-drop-zone > .mud-drop-item[b-dfprelaur5] {
    align-self: flex-start !important;
}

.current-time-line[b-dfprelaur5] {
    position: absolute;
    top: 0;
    height: 100%;
    width: 2px;
    background-color: red;
    z-index: 10;
    transition: left 0.5s ease-in-out; /* Smooth transition */
}

.selected-time[b-dfprelaur5] {
    background-color: #1E88E5 !important; /* Blue highlight */
    color: white !important;
    /*border: 2px solid darkblue !important;*/
}

.selected-furniture[b-dfprelaur5] {
    background-color: #1E88E5 !important; /* Blue highlight */
    color: white !important;
}
/* /Shared/Components/POIManagement/POIReservationsTable.razor.rz.scp.css */

/* /Shared/Components/POIPageComponents/POIMeetingList.razor.rz.scp.css */
.container-position[b-x2hzldamg2] {
    position: relative;
}

.objects-container[b-x2hzldamg2] {
    max-width: 598px;
    margin: auto;
    gap: 20px;
}

.slide-in-left-div[b-x2hzldamg2] {
    position: fixed;
    overflow: scroll;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: left 0.5s ease-in-out;
    z-index: 700 !important;
}

    .slide-in-left-div.hidden[b-x2hzldamg2] {
        transform: translateX(-100%);
        transition: transform 0.5s ease-in-out;
        /*left: -100%;*/
    }

    .slide-in-left-div.visible[b-x2hzldamg2] {
        transform: translateX(0);
        transition: transform 0.5s ease-in-out;
        /*left: 0;*/
    }

.slide-in-right-div[b-x2hzldamg2] {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: olive;
    transition: right 0.5s ease-in-out;
}

    .slide-in-right-div.hidden[b-x2hzldamg2] {
        right: -100%;
    }

    .slide-in-right-div.visible[b-x2hzldamg2] {
        right: 0;
    }

/*@media (max-width: 960px) {
    .meetings-container {
    }
}
*/
/* /Shared/Components/POIPageComponents/POIPageHeader.razor.rz.scp.css */
.userInfoContainer[b-a75i21upow] {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #fff;
    border-color: transparent;
    text-align: center;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", "sans-serif";
}

.userHeaderContainer[b-a75i21upow] {
    position: relative;
    height: 60px;
    width: 100%;
}

.user-buttons[b-a75i21upow] {
    justify-content: end;
    display: flex;
    min-height: 50px;
    gap: 12px;
    padding: 8px;
    width: 100%;
}

.userHeader[b-a75i21upow] {
    border-radius: 20px;
    width: 100%;
    height: 200px;
    margin: 0px;
    background-color: white;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.hidden[b-a75i21upow] {
    display: none;
}

.visible[b-a75i21upow] {
    display: flex;
}

.userFacePhoto[b-a75i21upow] {
    width: 160px;
    height: 160px;
    overflow: hidden;
    background-color: white;
    position: relative;
    top: -120px;
    right: -20px;
    border: 6px solid white;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgb(0 0 0 / 0.2);
}

.userInfoContent[b-a75i21upow] {
    padding: 0px 20px;
    overflow: hidden;
    height: 100%;
}

.btn[b-a75i21upow] {
    padding: 5px 20px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    border: solid 1px #959595;
    cursor: pointer;
    background-color: #ffffff; /* Default blue background */
    color: black; /* Text color */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Add shadow */
    transition: box-shadow 0.3s ease, background-color 0.3s ease; /* Smooth transition */
}

    .btn:focus[b-a75i21upow] {
        outline: none; /* Remove the blue border */
        /*box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);*/
    }

    .btn:hover[b-a75i21upow] {
        background-color: #e3e3e3;
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); /* Increase shadow on hover */
    }

    .btn:active[b-a75i21upow] {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Subtle shadow on click */
        transform: translateY(2px); /* Simulate button press */
    }

.btn-unfollow[b-a75i21upow] {
    background-color: #ff4d4d; /* Red background */
    color: white; /* White text */
    border-color: #ff4d4d; /* Match border with background */
}

    .btn-unfollow:hover[b-a75i21upow] {
        background-color: #610101; /* Darker red on hover */
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); /* Maintain shadow */
    }

.text-ellipsis[b-a75i21upow] {
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", "sans-serif";
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.85rem;
    text-transform: none;
    text-align: left;
    margin: 0;
}

    .text-ellipsis.short[b-a75i21upow] {
        -webkit-line-clamp: 4;
    }

.btn-more[b-a75i21upow] {
    background-color: transparent;
    color: #0056b3;
    border: none;
    cursor: pointer;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", "sans-serif";
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.75rem;
    text-decoration: underline;
    padding: 0;
}

@media (max-width: 480px) {
    .userFacePhoto[b-a75i21upow] {
        width: 140px;
        height: 140px;
        top: -100px;
    }
    .userHeaderContainer[b-a75i21upow] {
        height: 40px;
    }
}
/* /Shared/Components/POIPageComponents/POIPostList.razor.rz.scp.css */
.container-position[b-sbxj8c6jh8] {
    position: relative;
}

.objects-container[b-sbxj8c6jh8] {
    width: 100%;
    /*max-width: 500px;*/
    margin: auto;
    gap: 20px;
}

.slide-in-left-div[b-sbxj8c6jh8] {
    position: fixed;
    overflow: scroll;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: left 0.5s ease-in-out;
    z-index: 700 !important;
}

    .slide-in-left-div.hidden[b-sbxj8c6jh8] {
        transform: translateX(-100%);
        transition: transform 0.5s ease-in-out;
        /*left: -100%;*/
    }

    .slide-in-left-div.visible[b-sbxj8c6jh8] {
        transform: translateX(0);
        transition: transform 0.5s ease-in-out;
        /*left: 0;*/
    }

.slide-in-right-div[b-sbxj8c6jh8] {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: olive;
    transition: right 0.5s ease-in-out;
}

    .slide-in-right-div.hidden[b-sbxj8c6jh8] {
        right: -100%;
    }

    .slide-in-right-div.visible[b-sbxj8c6jh8] {
        right: 0;
    }

/*@media (max-width: 960px) {
    .meetings-container {
    }
}
*/
/* /Shared/Components/PostMenuComponent.razor.rz.scp.css */
.show-menu[b-xpvkbny9rl] {
    display: block;
    position: absolute;
    border-radius: 10px;
    width: max-content !important;
    min-width: 5rem;
    top: 20px;
    right: 20px;
    font-size: 14px;
    z-index: 200;
}

.user-button[b-xpvkbny9rl] {
    margin-left: .5em;
    border-radius: 50px;
    /*    border-color: transparent;
    background-color: transparent;*/
}

    .user-button:hover[b-xpvkbny9rl] {
        background-color: transparent;
    }

    .user-button:active[b-xpvkbny9rl] {
        outline: none;
    }

.user-button-person[b-xpvkbny9rl] {
    color: black;
}

.top-row a[b-xpvkbny9rl] {
    margin-left: 0;
}

.dropdown-item:hover[b-xpvkbny9rl] {
    background-color: white;
}

.menu-text[b-xpvkbny9rl] {
    color: var(--mud-palette-dark);
    font-size: 8px;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", "sans-serif";
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
}

.menu-link[b-xpvkbny9rl] {
    text-decoration: none; /* Remove default underline */
    display: inline-flex;
    align-items: center; /* Center-align text within the link */
    transition: color 0.3s ease;
}

    .menu-link:hover .menu-text[b-xpvkbny9rl] {
        color: var(--mud-palette-primary-dark);
    }
/*@media only screen and (max-width: 641px) {
    .show-menu {
        right: 0px;
    }
}*/
/* /Shared/Components/ProfileEditComponent.razor.rz.scp.css */
.container-flex[b-71gwprlxu6] {
    display: flex;
    flex-direction: column;
}

.userInfoContainer[b-71gwprlxu6] {
    position: relative;
    width: 100%;
    max-width: 500px;
    max-height: 800px;
    background-color: #fff;
    height: fit-content;
    border-color: transparent;
    border-radius: 20px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 6px 10px rgb(0 0 0 / 0.7);
    /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif*/
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", "sans-serif";
}

.userHeaderContainer[b-71gwprlxu6] {
    position: relative;
    height: 100px;
    width: 100%;
}

.userHeader[b-71gwprlxu6] {
    border-radius: 20px;
    width: 100%;
    height: 150px;
    margin: 0px;
    background-color: white;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.userHeader-radius[b-71gwprlxu6] {
    border-radius: 10px;
    overflow: hidden;
}

.userFacePhoto[b-71gwprlxu6] {
    width: 60%;
    height: auto;
    max-width: 300px;
    margin: auto;
    overflow: hidden;
    background-color: white;
    position: relative;
    border: 6px solid white;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgb(0 0 0 / 0.2);
}

.userInfoContent[b-71gwprlxu6] {
    height: 100%;
    padding: 0px 20px;
    overflow-y: scroll;
}

@media (max-width: 480px) {
    .userFacePhoto[b-71gwprlxu6] {
        width: 50%;
    }
}
/* /Shared/Components/RecipeMenuViewComponent.razor.rz.scp.css */
.recipe-container[b-mjw0qoscsi] {
    position: relative;
    max-width: 500px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    overflow: hidden;
}

.header-wrapper[b-mjw0qoscsi] {
    aspect-ratio: 6/4;
    height: 100%;
    max-height: 200px;
    width: 100%;
    overflow: hidden;
}
/* /Shared/Components/RecipePageComponents/RecipeMenuComponent.razor.rz.scp.css */
.show-menu[b-vmuiphd59o] {
    display: block;
    position: absolute;
    border-radius: 10px;
    width: max-content !important;
    min-width: 5rem;
    top: 20px;
    right: 20px;
    font-size: 14px;
    z-index: 200;
}

.user-button[b-vmuiphd59o] {
    margin-left: .5em;
    border-radius: 50px;
    /*    border-color: transparent;
    background-color: transparent;*/
}

    .user-button:hover[b-vmuiphd59o] {
        background-color: transparent;
    }

    .user-button:active[b-vmuiphd59o] {
        outline: none;
    }

.user-button-person[b-vmuiphd59o] {
    color: black;
}

.top-row a[b-vmuiphd59o] {
    margin-left: 0;
}

.dropdown-item:hover[b-vmuiphd59o] {
    background-color: white;
}

.menu-text[b-vmuiphd59o] {
    color: var(--mud-palette-dark);
    font-size: 8px;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", "sans-serif";
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
}

.menu-link[b-vmuiphd59o] {
    text-decoration: none; /* Remove default underline */
    display: inline-flex;
    align-items: center; /* Center-align text within the link */
    transition: color 0.3s ease;
}

    .menu-link:hover .menu-text[b-vmuiphd59o] {
        color: var(--mud-palette-primary-dark);
    }
/*@media only screen and (max-width: 641px) {
    .show-menu {
        right: 0px;
    }
}*/
/* /Shared/Components/RecipePageComponents/RecipeView.razor.rz.scp.css */
.animated-div[b-hql46bhhjv] {
    overflow: hidden; /* Ensure content doesn't overflow during animation */
    max-height: 0; /* Start with no visible height */
    opacity: 0; /* Content is hidden initially */
    transform: scaleY(0.95); /* Slightly scaled down initially */
    transition: max-height 2s ease, opacity 2s ease, transform 2s ease;
}

    .animated-div.expand[b-hql46bhhjv] {
        max-height: 2000px; /* A large enough value to accommodate the content */
        opacity: 1; /* Fade in content as height expands */
        transform: scaleY(1);
    }


.userFacePhoto[b-hql46bhhjv] {
    width: 42px;
    height: 42px;
    overflow: hidden;
    background-color: white;
    /*border: 6px solid white;*/
    border-radius: 50%;
    box-shadow: 0 2px 8px rgb(0 0 0 / 0.2);
}

.userHeaderContainer[b-hql46bhhjv] {
    position: relative;
    display: flex;
    height: 60px;
    width: 100%;
}

.text-ellipsis[b-hql46bhhjv] {
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
    text-transform: none;
    text-align: justify;
    margin: 0;
}

    .text-ellipsis.short[b-hql46bhhjv] {
        -webkit-line-clamp: 4;  /*Limits to 6 lines */
    }

.btn-more[b-hql46bhhjv] {
    background-color: transparent;
    color: #0056b3;
    border: none;
    cursor: pointer;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
    text-decoration: underline;
    padding: 0;
}

.hashtag-link[b-hql46bhhjv], .mention-link[b-hql46bhhjv] {
    color: #007bff;
    text-decoration: none;
    cursor: pointer;
}

    .hashtag-link:hover[b-hql46bhhjv], .mention-link:hover[b-hql46bhhjv] {
        text-decoration: underline;
    }

.avatar-link[b-hql46bhhjv] {
    display:flex;
    width: fit-content;
    align-items: center;
    cursor: pointer;
}

.action-url[b-hql46bhhjv] {
    position: absolute;
    Top: 10px;
    left: 10px;
    width: fit-content;
    align-items: center;
    cursor: pointer;
}

/* Base style for the MudItem */
.campaign-ad[b-hql46bhhjv] {
    position: absolute;
    bottom: 20px;
    right: 20px;
    border: 2px solid #e67e22;
    border-radius: 20px;
    color: #e67e22;
    text-decoration: none;
    background-color: white;
    box-shadow: 0 2px 10px rgb(0 0 0 / 0.5);
    transition: transform 0.2s ease;
}

    /* Hover effect for MudItem */
    .campaign-ad:hover[b-hql46bhhjv] {
        transform: scale(1.03); /* Slightly enlarge */
        background-color: #e67e22;
        border: 2px solid white;
        color: white;
    }
/* /Shared/Components/RoundImage.razor.rz.scp.css */
.imageContainer[b-9duo3m6fgq] {
    overflow: hidden;
    background-color: white;
    box-shadow: 0 2px 8px rgb(0 0 0 / 0.2);
    border-radius: 10px;
    aspect-ratio: 1 / 1;
}

    .imageContainer[data-round='true'][b-9duo3m6fgq] {
        border-radius: 50%;
    }

.transitionClass[b-9duo3m6fgq] {
    transition: transform 0.2s ease-in-out;
}

    .transitionClass:hover[b-9duo3m6fgq] {
        transform: scale(1.05) !important;
    }
/* /Shared/Components/SetPhoneIfEmptyComponent.razor.rz.scp.css */
.phone-display[b-83sqkg3lsg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 0.5rem;
    background-color: #f9f9f9;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 0.95rem;
}

.phone-number[b-83sqkg3lsg] {
    font-weight: 500;
    color: #333;
    letter-spacing: 0.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Shared/Components/SocialActionsComponent.razor.rz.scp.css */
/*.icon-container {
    position: relative;
    display: flex;
    gap: 2px;
    align-items: center;
}*/
.icon-container[b-rtmpha7u61] {
    position: relative;
    gap: 2px;
    padding: 0px 8px;
    display: inline-flex; /* Centers the icon within the container */
    align-items: center;
    justify-content: center;
    width: fit-content; /* Customize the width */
    min-width: 40px;
    height: 40px; /* Customize the height */
    cursor: pointer; /* Pointer for clickable feedback */
    border-radius: 50px; /* Optional: Makes the container circular */
    background-color: transparent; /* Optional: Add background color if needed */
}

    .icon-container:hover[b-rtmpha7u61] {
        background-color: #0000000f; /* Optional: Add hover effect */
    }

    .icon-container span[b-rtmpha7u61] {
        font-size: 12px;
    }

.icon-with-border[b-rtmpha7u61] {
    position: relative; /* Needed for tooltip positioning */
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    transition: transform 0.3s ease, color 0.3s ease, background-color 0.3s ease;
}

    .icon-with-border:hover[b-rtmpha7u61] {
        color: #007bff; /* Change icon color on hover */
    }

    .icon-with-border.liked[b-rtmpha7u61] {
        color: red; /* Turn the heart red */
        animation: pump-b-rtmpha7u61 0.3s ease; /* Apply the pump animation */
    }

    .icon-with-border.marked[b-rtmpha7u61] {
        color: blue; /* Turn the heart red */
        animation: pump-b-rtmpha7u61 0.3s ease; /* Apply the pump animation */
    }

    /* Tooltip Styling */
    .icon-with-border[b-rtmpha7u61]::after {
        content: attr(data-tooltip); /* Tooltip text from data attribute */
        position: absolute;
        bottom: -20px; /* Position below the icon */
        left: 50%;
        transform: translateX(-50%);
        background-color: rgb(101, 101, 101);
        color: white;
        font-size: 8px;
        font-family: "Poppins", "Roboto", "Helvetica", "Arial", "sans-serif";
        font-weight: 600;
        padding: 5px 8px;
        border-radius: 4px;
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
        z-index: 10;
    }

    /* Show Tooltip on Hover */
    .icon-with-border:hover[b-rtmpha7u61]::after {
        opacity: 1;
        visibility: visible;
        transition-delay: 2s;
    }

/* Pump Animation */
@keyframes pump-b-rtmpha7u61 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}


/* /Shared/Components/StepperComponent.razor.rz.scp.css */
.custom-stepper[b-h4e3z1e9ew] {
    display: flex;
    align-items: center;
    padding: 0 24px;
    overflow: hidden;
}

.step[b-h4e3z1e9ew] {
    background: none;
    border: none;
    width: 35px;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    align-items: flex-start;
    height: 72px;
}

.step-completed .step-icon[b-h4e3z1e9ew] {
    color: green;
}

.step-icon-completed[b-h4e3z1e9ew] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.step-active .step-icon-active[b-h4e3z1e9ew] {
    color: blue;
}

.step-icon[b-h4e3z1e9ew] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
}

.step-label[b-h4e3z1e9ew] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 60px;
}

.step-label-content[b-h4e3z1e9ew] {
    margin-top: 4px;
    text-align: center;
    white-space: break-spaces;
    min-width: 150px;
}

.step-title[b-h4e3z1e9ew] {
    font-size: 14px;
    margin: 0;
}

.step-connector[b-h4e3z1e9ew] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2px;
    position: relative;
    top: -23px;
}

.step-connector-line[b-h4e3z1e9ew] {
    height: 2px;
    width: 100%;
    background-color: #ccc;
}

@media (max-width: 430.98px) {
    .step-label-content[b-h4e3z1e9ew] {
        min-width: 100px;
    }
}

@media (max-width: 370.98px) {
    .step-label-content[b-h4e3z1e9ew] {
        min-width: 90px;
    }
}
/* /Shared/Components/SubscriptionsViewComponent.razor.rz.scp.css */
.plan-container[b-o7ay5bo4mh] {
    flex: 1;
    display: flex;
    min-width: 350px;
    max-width: 450px;
    flex-direction: column;
    justify-content: space-between;
}

.plan-box[b-o7ay5bo4mh] {
    position: relative;
    background-color: #fff;
    border-radius: 20px;
    width: 90%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    border: 1px solid #eee;
    overflow: visible;
}

    .plan-box > div[b-o7ay5bo4mh] {
        padding: 20px;
        border-bottom: 1px solid #e8e8e8;
    }

        .plan-box > div:first-child[b-o7ay5bo4mh] {
            background-color: #fcfcfc;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            min-height: 200px;
        }

        .plan-box > div:last-child[b-o7ay5bo4mh] {
            border-bottom: none;
        }

.price-box[b-o7ay5bo4mh] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 30px;
}

.plan-price[b-o7ay5bo4mh] {
    font-size: 230%;
    margin-bottom: 0;
    font-weight: 300;
    color: #e67e22;
}

    .plan-price span[b-o7ay5bo4mh] {
        font-size: 30%;
        font-weight: 300;
    }

.plan-price-year[b-o7ay5bo4mh] {
    font-size: 150%;
    margin-bottom: 0;
    font-weight: 300;
    color: #e67e22;
}

    .plan-price-year span[b-o7ay5bo4mh] {
        font-size: 70%;
        font-weight: 300;
    }

.original-price[b-o7ay5bo4mh] {
    text-decoration: line-through;
}

.plan-box ul[b-o7ay5bo4mh] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .plan-box ul li[b-o7ay5bo4mh] {
        padding: 5px 0;
        display: flex;
        align-items: center;
    }

        .plan-box ul li i[b-o7ay5bo4mh] {
            margin-right: 8px;
        }

.btn-container[b-o7ay5bo4mh] {
    display: flex;
    justify-content: flex-start;
    margin-top: 15px;
}

.btn-ghost[b-o7ay5bo4mh],
.btn-ghost:visited[b-o7ay5bo4mh] {
    border: 1px solid #e67e22;
    color: #e67e22;
    padding: 10px 24px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: bold;
    background: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

    .btn-ghost:hover[b-o7ay5bo4mh],
    .btn-ghost:active[b-o7ay5bo4mh] {
        background-color: #e67e22;
        color: #fff;
        border-color: #cf6d17;
    }

.conditions-container[b-o7ay5bo4mh] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-top: 10px;
}

.save-badge[b-o7ay5bo4mh] {
    position: absolute;
    top: -10px;
    right: 50px;
    background-color: #e67e22;
    color: white;
    padding: 5px 12px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 50px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.30);
    z-index: 10;
}
/* /Shared/Components/SwipeButtonComponent.razor.rz.scp.css */
.swipe-container[b-dyhlpavh9s] {
    width: 320px;
    margin: 20px auto;
    user-select: none;
}

.swipe-track[b-dyhlpavh9s] {
    position: relative;
    background-color: #1e1e2a;
    height: 60px;
    border-radius: 30px;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding-left: 70px;
}

.swipe-thumb[b-dyhlpavh9s] {
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: rgb(73 222 128);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    left: 0;
    top: 0;
    transition: transform 0.1s ease;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

    .swipe-thumb.pulsing[b-dyhlpavh9s] {
        animation: pulse-b-dyhlpavh9s 150ms ease-in-out;
    }

@keyframes pulse-b-dyhlpavh9s {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}



.arrow[b-dyhlpavh9s] {
    font-size: 24px;
    color: #000;
    margin-left: 2px;
}

.swipe-text[b-dyhlpavh9s] {
    color: rgb(73 222 128);
    font-size: 18px;
    font-family: sans-serif;
    z-index: 1;
}
/* /Shared/Components/SwitchButtonWithText.razor.rz.scp.css */
.billing-toggle[b-2su7v8fp1u] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 2px solid #ccc;
    border-radius: 30px;
    width: 200px;
    height: 44px;
    padding: 4px;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    background-color: white;
}


.toggle-slider[b-2su7v8fp1u] {
    position: absolute;
    top: 2px;
    bottom: 2px;
    width: calc(50% - 2px);
    background-color: var(--mud-palette-primary);
    border-radius: 30px;
    transition: left 0.3s ease;
    z-index: 1;
}

.toggle-left[b-2su7v8fp1u] {
    left: 2px;
}

.toggle-right[b-2su7v8fp1u] {
    left: calc(50% + 2px);
}

.billing-option[b-2su7v8fp1u] {
    flex: 1;
    z-index: 2;
    text-align: center;
    line-height: 36px;
    font-weight: 500;
    color: #000;
    transition: color 0.3s ease;
}

    .billing-option.active[b-2su7v8fp1u] {
        color: white;
    }
/* /Shared/Components/TabComponent - Copy.razor.rz.scp.css */
.tab-container[b-h30v7s5de4] {
    display: flex;
    flex-direction: column;
    height: auto;
    width: 100%;
    margin: 0 auto;
}

.tab-buttons[b-h30v7s5de4] {
    display: flex;
    position: relative;
    justify-content: space-around;
    margin-bottom: 1rem;
    border-radius: 3px;
    height: 3rem;
    background-color: var(--mud-palette-dark);
    border-bottom: 2px solid #ccc;
    flex-shrink: 0;
}

.tab-button[b-h30v7s5de4] {
    position: relative;
    padding: 0.5rem 1rem;
    cursor: pointer;
    border: none;
    background-color: transparent;
    color: var(--mud-palette-white);
    font-size: 1rem;
    align-items: center;
    z-index: 1;
}

    .tab-button:hover[b-h30v7s5de4] {
        color: var(--mud-palette-primary);
    }

    .tab-button .tab-title[b-h30v7s5de4] {
        margin-left: 0.5rem;
        font-size: 0.85rem;
        font-weight: 500;
        text-transform: uppercase;
    }

.tab-content[b-h30v7s5de4] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 0;
    width: 100%;
    padding-bottom: 30px;
}

.button-container[b-h30v7s5de4] {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
    width: 100%;
    justify-content: space-between;
    margin-top: auto;
}

.tab-indicator[b-h30v7s5de4] {
    position: absolute;
    background-color: #fff;
    border-radius: 5px;
    bottom: 0px;
    height: 2px;
    transition: left 0.5s ease, width 0.5s ease;
    z-index: 0;
}

.tab-button .badge[b-h30v7s5de4] {
    background-color: var(--mud-palette-success);
    color: white;
    border-radius: 50%;
    padding: 0.3rem 0.48rem;
    margin-left: 4px;
    margin-bottom: 1.1em;
}

@media (max-width: 480px) {
    .tab-button .tab-title[b-h30v7s5de4] {
        display: none;
    }
}
/* /Shared/Components/TabComponent.razor.rz.scp.css */
.tab-container[b-h6eh8ptnoa] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    flex-grow: 1;
}

.tab-buttons[b-h6eh8ptnoa] {
    display: flex;
    position: relative;
    justify-content: space-around;
    margin-bottom: 1rem;
    border-radius: 3px;
    height: 3rem;
    /*background-color: var(--mud-palette-dark);*/
    background-color: var(--mud-palette-Surface);
    border-bottom: 2px solid #ccc;
    flex-shrink: 0;
}

.tab-button[b-h6eh8ptnoa] {
    position: relative;
    padding: 0.5rem 1rem;
    cursor: pointer;
    border: none;
    background-color: transparent;
    /*color: var(--mud-palette-white);*/
    color: var(--mud-palette-dark);
    font-size: 1rem;
    align-items: center;
    z-index: 1;
}
    .tab-button:disabled[b-h6eh8ptnoa] {
        cursor: not-allowed;
        color: var(--mud-palette-grey);
        opacity: 0.5;
    }

    .tab-button:hover[b-h6eh8ptnoa] {
        color: var(--mud-palette-primary);
    }

    .tab-button .tab-title[b-h6eh8ptnoa] {
        margin-left: 0.5rem;
        font-size: 0.85rem;
        font-weight: 500;
        text-transform: uppercase;
    }

.tab-content[b-h6eh8ptnoa] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 0;
    width: 100%;
    padding-bottom: 30px;
}

.button-container[b-h6eh8ptnoa] {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
    width: 100%;
    justify-content: space-between;
    margin-top: auto;
}

.tab-indicator[b-h6eh8ptnoa] {
    position: absolute;
    /*background-color: #fff;*/
    background-color: var(--mud-palette-primary);
    border-radius: 5px;
    bottom: 0px;
    height: 2px;
    transition: left 0.5s ease, width 0.5s ease;
    z-index: 0;
}

.tab-button .badge[b-h6eh8ptnoa] {
    background-color: var(--mud-palette-success);
    color: white;
    border-radius: 50%;
    padding: 0.3rem 0.48rem;
    margin-left: 4px;
    margin-bottom: 1.1em;
}

/*@media (max-width: 480px) {
    .tab-button .tab-title {
        display: none;
    }
}*/
/* /Shared/Components/TableReservationComponents/DrugAndDropablePOITables.razor.rz.scp.css */
.frame-container[b-8ojhagcmfg] {
    position: relative;
    display: block !important;
    margin: auto;
    width: 100%;
    max-width: 1000px;
    border: 1px solid rgba(168, 168, 168, 0.5);
    border-radius: 5px;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: var(--aspect-ratio, 6 / 4);
}

.remove-btn[b-8ojhagcmfg]{
    position:absolute;
    top: -10px;
    right: -10px;
}

.shape[b-8ojhagcmfg] {
    position: absolute;
    cursor: grab;
    transform: rotate(30deg);
}

    .shape:active[b-8ojhagcmfg] {
        cursor: grabbing;
    }

.rectangle[b-8ojhagcmfg] {
    background-color: transparent;
}

.circle[b-8ojhagcmfg] {
    background-color: transparent;
    border-radius: 50%;
}
/* /Shared/Components/TableReservationComponents/POISelectTableLayout.razor.rz.scp.css */
.frame-container[b-ckgxsrxhs8] {
    position: relative;
    display: block !important;
    margin: auto;
    width: 100%;
    max-width: 1000px;
    border: 1px solid rgba(168, 168, 168, 0.5);
    border-radius: 5px;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: var(--aspect-ratio, 6 / 4);
}

.remove-btn[b-ckgxsrxhs8]{
    position:absolute;
    top: -10px;
    right: -10px;
}

.shape[b-ckgxsrxhs8] {
    position: absolute;
    cursor: grab;
    transform: rotate(30deg);
}

    .shape:active[b-ckgxsrxhs8] {
        cursor: grabbing;
    }

.rectangle[b-ckgxsrxhs8] {
    background-color: transparent;
}

.circle[b-ckgxsrxhs8] {
    background-color: transparent;
    border-radius: 50%;
}
/* /Shared/Components/TextEllipsisComponent.razor.rz.scp.css */
.text-ellipsis[b-bd95y24twr] {
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
    text-transform: none;
    text-align: justify;
    margin: 0;
}

    .text-ellipsis.short[b-bd95y24twr] {
        -webkit-line-clamp: 4; /*Limits to 6 lines */
    }

.btn-more[b-bd95y24twr] {
    background-color: transparent;
    color: #0056b3;
    border: none;
    cursor: pointer;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
    text-decoration: underline;
    padding: 0;
}
/* /Shared/Components/UserPageComponents/MeetingUserList.razor.rz.scp.css */
.container-position[b-77funpugt9] {
    position: relative;
}

.objects-container[b-77funpugt9] {
    max-width: 598px;
    margin: auto;
    gap: 20px;
}

.slide-in-left-div[b-77funpugt9] {
    position: fixed;
    overflow: scroll;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: left 0.5s ease-in-out;
    z-index: 700 !important;
}

    .slide-in-left-div.hidden[b-77funpugt9] {
        transform: translateX(-100%);
        transition: transform 0.5s ease-in-out;
        /*left: -100%;*/
    }

    .slide-in-left-div.visible[b-77funpugt9] {
        transform: translateX(0);
        transition: transform 0.5s ease-in-out;
        /*left: 0;*/
    }

.slide-in-right-div[b-77funpugt9] {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: olive;
    transition: right 0.5s ease-in-out;
}

    .slide-in-right-div.hidden[b-77funpugt9] {
        right: -100%;
    }

    .slide-in-right-div.visible[b-77funpugt9] {
        right: 0;
    }

/*@media (max-width: 960px) {
    .meetings-container {
    }
}
*/
/* /Shared/Components/UserPageComponents/PostUserList.razor.rz.scp.css */
.container-position[b-7r6rxl8m43] {
    position: relative;
}

.objects-container[b-7r6rxl8m43] {
    width: 100%;
    /*max-width: 500px;*/
    margin: auto;
    gap: 20px;
}

.slide-in-left-div[b-7r6rxl8m43] {
    position: fixed;
    overflow: scroll;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: left 0.5s ease-in-out;
    z-index: 700 !important;
}

    .slide-in-left-div.hidden[b-7r6rxl8m43] {
        transform: translateX(-100%);
        transition: transform 0.5s ease-in-out;
        /*left: -100%;*/
    }

    .slide-in-left-div.visible[b-7r6rxl8m43] {
        transform: translateX(0);
        transition: transform 0.5s ease-in-out;
        /*left: 0;*/
    }

.slide-in-right-div[b-7r6rxl8m43] {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: olive;
    transition: right 0.5s ease-in-out;
}

    .slide-in-right-div.hidden[b-7r6rxl8m43] {
        right: -100%;
    }

    .slide-in-right-div.visible[b-7r6rxl8m43] {
        right: 0;
    }

/*@media (max-width: 960px) {
    .meetings-container {
    }
}
*/
/* /Shared/Components/UserPageComponents/UserInfoHeader.razor.rz.scp.css */
.userInfoContainer[b-581b6ovltp] {
    width: 100%;
    height: auto;
    background-color: #fff;
    border-color: transparent;
    text-align: center;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", "sans-serif";
}

.userHeaderContainer[b-581b6ovltp] {
    position: relative;
    height: 60px;
    width: 100%;
}

.user-buttons[b-581b6ovltp] {
    justify-content: end;
    min-height: 50px;
    display: flex;
    gap: 12px;
    padding: 8px;
    width: 100%;
}

.userHeader[b-581b6ovltp] {
    position: relative;
    border-radius: 20px;
    width: 100%;
    height: 200px;
    margin: 0px;
    background-color: white;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
    .userHeader.no-image[b-581b6ovltp] {
        height: 110px;
    }

.hidden[b-581b6ovltp] {
    display: none;
}

.visible[b-581b6ovltp] {
    display: flex;
}

.userFacePhoto[b-581b6ovltp] {
    width: 160px;
    height: 160px;
    overflow: hidden;
    background-color: white;
    position: absolute;
    bottom: -50px;
    left: 20px;
    border: 6px solid white;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgb(0 0 0 / 0.2);
}

.userInfoContent[b-581b6ovltp] {
    padding: 0px 15px;
    overflow: hidden;
    height: auto;
}

.btn[b-581b6ovltp] {
    padding: 5px 20px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    border: solid 1px #959595;
    cursor: pointer;
    background-color: #ffffff; /* Default blue background */
    color: black; /* Text color */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Add shadow */
    transition: box-shadow 0.3s ease, background-color 0.3s ease; /* Smooth transition */
}

    .btn:focus[b-581b6ovltp] {
        outline: none; /* Remove the blue border */
        /*box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);*/
    }

    .btn:hover[b-581b6ovltp] {
        background-color: #e3e3e3;
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); /* Increase shadow on hover */
    }

    .btn:active[b-581b6ovltp] {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Subtle shadow on click */
        transform: translateY(2px); /* Simulate button press */
    }

.btn-unfollow[b-581b6ovltp] {
    background-color: #ff4d4d; /* Red background */
    color: white; /* White text */
    border-color: #ff4d4d; /* Match border with background */
}

    .btn-unfollow:hover[b-581b6ovltp] {
        background-color: #610101; /* Darker red on hover */
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); /* Maintain shadow */
    }

.text-ellipsis[b-581b6ovltp] {
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", "sans-serif";
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.85rem;
    text-transform: none;
    text-align: left;
    margin: 0;
}

    .text-ellipsis.short[b-581b6ovltp] {
        -webkit-line-clamp: 4;
    }

.btn-more[b-581b6ovltp] {
    background-color: transparent;
    color: #0056b3;
    border: none;
    cursor: pointer;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", "sans-serif";
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.75rem;
    text-decoration: underline;
    padding: 0;
}

@media (max-width: 480px) {
    .userHeader.no-image[b-581b6ovltp] {
        height: 100px;
    }

    .userFacePhoto[b-581b6ovltp] {
        width: 140px;
        height: 140px;
        bottom: -40px;
    }

    .userHeaderContainer[b-581b6ovltp] {
        height: 40px;
    }
}
/* /Shared/Components/UserPageMenuComponent.razor.rz.scp.css */
.show-menu[b-uw9zwgo6mo] {
    display: block;
    position: absolute;
    border-radius: 10px;
    width: max-content !important;
    min-width: 5rem;
    top: 20px;
    right: 20px;
    font-size: 14px;
    z-index: 200;
}

.user-button[b-uw9zwgo6mo] {
    margin-left: .5em;
    border-radius: 50px;
    /*    border-color: transparent;
    background-color: transparent;*/
}

    .user-button:hover[b-uw9zwgo6mo] {
        background-color: transparent;
    }

    .user-button:active[b-uw9zwgo6mo] {
        outline: none;
    }

.user-button-person[b-uw9zwgo6mo] {
    color: black;
}

.top-row a[b-uw9zwgo6mo] {
    margin-left: 0;
}

.dropdown-item:hover[b-uw9zwgo6mo] {
    background-color: white;
}

.menu-text[b-uw9zwgo6mo] {
    color: var(--mud-palette-dark);
    font-size: 8px;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", "sans-serif";
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
}

.menu-link[b-uw9zwgo6mo] {
    text-decoration: none; /* Remove default underline */
    display: inline-flex;
    align-items: center; /* Center-align text within the link */
    transition: color 0.3s ease;
}

    .menu-link:hover .menu-text[b-uw9zwgo6mo] {
        color: var(--mud-palette-primary-dark);
    }
/*@media only screen and (max-width: 641px) {
    .show-menu {
        right: 0px;
    }
}*/
/* /Shared/Components/VideoComponent.razor.rz.scp.css */
/*video::-webkit-media-controls-fullscreen-button {
    display: none !important;
}

video::-webkit-media-controls-play-button {
    display: none !important;
}

video::-webkit-media-controls-timeline {
    display: none !important;
}

video::-webkit-media-controls-current-time-display {
    display: none !important;
}

video::-webkit-media-controls-time-remaining-display {
    display: none !important;
}

video::-webkit-media-controls-mute-button {
}

video::-webkit-media-controls-toggle-closed-captions-button {
    display: none !important;
}

video::-webkit-media-controls-volume-slider {
    display: none !important;
}

video::-webkit-media-controls-panel {
    background: transparent !important;
}*/

video[b-7fnwgo37wl] {
    controls: none;
    background: #000;
}

video[b-7fnwgo37wl] {
    outline: none;
    background: transparent;
    position: relative;
    width: 100%;
}
    video.preview[b-7fnwgo37wl] {
        height: 100%;
    }
     Remove native controls universally 
    video[b-7fnwgo37wl]::-webkit-media-controls {
        display: none !important;
    }

    video[b-7fnwgo37wl]::-moz-media-controls {
        display: none !important;
    }

    video[b-7fnwgo37wl]::-ms-media-controls {
        display: none !important;
    }

     Fallback for browsers without specific pseudo-elements 
    video[b-7fnwgo37wl]::-webkit-media-controls-panel,
    video[b-7fnwgo37wl]::-moz-media-controls-panel {
        background: transparent !important;
        display: none !important;
    }

.video-container[b-7fnwgo37wl] {
    position: relative;
    display: flex;
    width: 100%;
    height: auto;
    max-height: 700px;
    max-width: 500px;
}

    .video-container.preview[b-7fnwgo37wl] {
        align-items: center;
        overflow: hidden;
        max-height: 500px;
    }

.custom-controls[b-7fnwgo37wl] {
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 500px;
    bottom: 15px;
    left: 0px;
    color: white;
    background: rgba(0,0,0,0.0);
    padding: 5px 30px;
    border-radius: 3px;
    opacity: 0; /* Start hidden */
    transition: opacity 1s ease-in-out;
    pointer-events: none;
}

.video-container:hover .custom-controls[b-7fnwgo37wl] {
    opacity: 1;
    pointer-events: auto; /* Allow interactions */
}
/* /Shared/Components/VideoComponent2.razor.rz.scp.css */
video[b-juomo0maot]::-webkit-media-controls-fullscreen-button {
    display: none;
}

video[b-juomo0maot]::-webkit-media-controls-play-button {
    display: none;
}

video[b-juomo0maot]::-webkit-media-controls-timeline {
    display: none;
}

video[b-juomo0maot]::-webkit-media-controls-current-time-display {
    display: none;
}

video[b-juomo0maot]::-webkit-media-controls-time-remaining-display {
    display: none;
}

video[b-juomo0maot]::-webkit-media-controls-mute-button {
}

video[b-juomo0maot]::-webkit-media-controls-toggle-closed-captions-button {
    display: none;
}

video[b-juomo0maot]::-webkit-media-controls-volume-slider {
    display: none;
}

video[b-juomo0maot]::-webkit-media-controls-panel {
    background: transparent !important;
}

.video-container[b-juomo0maot] {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
}

.custom-counter[b-juomo0maot] {
    position: absolute;
    bottom: 15px;
    left: 20px;
    color: white;
    background: rgba(0,0,0,0.0);
    padding: 5px;
    border-radius: 3px;
    /*font-size: 14px;*/
    opacity: 0; /* Start hidden */
    transition: opacity 1s ease-in-out;
    pointer-events: none;
}
/* /Shared/Components/VoiceAssistantComponent.razor.rz.scp.css */
.voice-assistant-wrapper[b-lwogcsonc4] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 320px;
    max-width: 90vw;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    padding: 1rem;
    font-family: sans-serif;
    z-index: 600;
}

.bubble.bot[b-lwogcsonc4] {
    background: #f0f0f0;
    border-radius: 12px;
    padding: 0.75rem;
    margin-bottom: 1rem;
    font-size: 0.95rem;
}

.interrupt-wrapper[b-lwogcsonc4] {
    margin-top: 10px;
}

.wave-loader[b-lwogcsonc4] {
    width: 40px;
    height: 20px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .wave-loader[b-lwogcsonc4]::before,
    .wave-loader[b-lwogcsonc4]::after,
    .wave-loader div[b-lwogcsonc4] {
        content: '';
        width: 8px;
        height: 8px;
        background: #333;
        border-radius: 50%;
        animation: wave-b-lwogcsonc4 1s infinite ease-in-out;
    }

    .wave-loader[b-lwogcsonc4]::after {
        animation-delay: 0.2s;
    }

    .wave-loader div[b-lwogcsonc4] {
        animation-delay: 0.4s;
    }

@keyframes wave-b-lwogcsonc4 {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.7);
    }
}
/* /Shared/Components/WheelUpComponent.razor.rz.scp.css */
.likes-container[b-kjl0cnb1aj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto; /* Adjust based on content */
}

.likes-wrapper[b-kjl0cnb1aj] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    width: auto; /* Inherit width dynamically */
}

.likes-number[b-kjl0cnb1aj] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    transform: translateY(0); /* Default position */
    transition: transform ease-out; /* Smooth animation */
    white-space: nowrap; /* Prevent wrapping if needed */
}

    .likes-number.animate-up[b-kjl0cnb1aj] {
        animation: wheel-up-b-kjl0cnb1aj ease-out forwards;
    }

    .likes-number.animate-down[b-kjl0cnb1aj] {
        animation: wheel-down-b-kjl0cnb1aj ease-out forwards;
    }

@keyframes wheel-up-b-kjl0cnb1aj {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-33.33%);
    }
}

@keyframes wheel-down-b-kjl0cnb1aj {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(33.33%);
    }
}

.number[b-kjl0cnb1aj] {
/*    font-size: 2rem;
    height: 2rem;*/
    display: flex;
    justify-content: center;
    align-items: center;
    /*line-height: 2rem;*/
}
/* /Shared/Cookie Consent Banner/CookieConsentBanner.razor.rz.scp.css */
.cookie-consent-container[b-k17tp77w3t] {
    display: flex;
    width: 100%;
    padding: 10px;
}

.cookie-consent-banner[b-k17tp77w3t] {
    position: fixed;
    display: flex;
    bottom: 0;
    width: 60%;
    background-color: #f5f5f5;
    color: var(--mud-palette-dark);
    text-align: left;
    padding: 10px;
    z-index: 1000;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: opacity 1.5s ease, visibility 1.5s ease, transform 1.5s ease;
}

.cookie-consent-banner.show[b-k17tp77w3t] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.cookie-consent-banner.hide[b-k17tp77w3t] {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
}

    .cookie-consent-banner h2[b-k17tp77w3t] {
        font-size: 14px;
        margin-bottom: 10px;
        color: var(--mud-palette-dark);
    }
    .cookie-consent-banner p[b-k17tp77w3t] {
        font-size: 12px;
        color: var(--mud-palette-dark);
    }

.cookie-consent-banner a[b-k17tp77w3t] {
    color: #007bff;
    text-decoration: underline;
}

.cookie-consent-banner a:hover[b-k17tp77w3t] {
    color: #0056b3;
}

.button-container[b-k17tp77w3t] {
    display: flex;
    align-items: center;
    width: fit-content;
    justify-content: flex-end;
    margin-top: 10px;
    min-width: fit-content;
    gap: 8px;
}

.button-container button[b-k17tp77w3t] {
    margin-right: 10px;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    border: 3px solid;
    min-width: fit-content;
    height: fit-content;
}

.button-container .accept-button[b-k17tp77w3t] {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}

.button-container .deny-button[b-k17tp77w3t] {
    background-color: #fff;
    color: #007bff;
    border-color: #007bff;
}

@media (max-width: 768px) {
    .cookie-consent-banner[b-k17tp77w3t] {
        display: block;
        width: 100%;
    }
    .button-container[b-k17tp77w3t] {
        width: 100%;
        align-items: end;
    }
}
/* /Shared/CreateButtonList.razor.rz.scp.css */
.fab-container[b-ytvfeov9c9] {
    position: relative;
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.0);
    border-radius: 50px;
    font-size: 16px;
    width: 60px;
    height: 60px;
    color: white;
    overflow: hidden;
    border: none;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
    transition: height 0.5s ease, background-color 0.5s ease;
}
    .fab-container.active[b-ytvfeov9c9] {
        height: 190px !important;
        background-color: rgba(0, 0, 0, 0.1);
    }

.fab[b-ytvfeov9c9] {
    position: absolute;
    bottom: 0;
    width: 60px;
    height: 60px;
    background-color: rgba(230, 126, 34, 0.8);
    border: none;
    border-radius: 50px;
    color: white;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.5s ease;
}

.fab-options[b-ytvfeov9c9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 0;
    gap: 10px;
    transition: opacity 0.5s ease, transform 0.5s ease;
    opacity: 0; /* Initial opacity for smooth fade-in */
    transform: translateY(200px);
}

    .fab-options.active[b-ytvfeov9c9] {
        opacity: 1;
        transform: translateY(0);
    }

.fab-option[b-ytvfeov9c9] {
    width: 50px;
    height: 50px;
    background-color: rgba(230, 126, 34, 0.8);
    border: none;
    color: white;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: background-color 0.5s ease;
}

    .fab-option i[b-ytvfeov9c9] {
        width:10px;
        height: 10px;
    }

    .fab-option:hover[b-ytvfeov9c9] {
        background-color: rgba(230, 126, 34, 1.0);
    }

.plus-icon[b-ytvfeov9c9] {
    transform: rotate(0deg);
    transition: transform 0.5s ease;
}

.fab-container.active .plus-icon[b-ytvfeov9c9] {
    transform: rotate(360deg);
}
/* /Shared/CreateMealButton.razor.rz.scp.css */
/*.btn-full {
    margin-left: 12px;
}

@media (max-width: 580px) {
    .btn-full {
        margin-left: 0px;
        display: none;
    }

}
@media (max-width: 490px) {
    .btn-small {
        display: none;
    }
}
@media (Min-width: 480px) {
    .btn-small {
        display: none;
    }
}*/

/* /Shared/CreateMeetingButton.razor.rz.scp.css */
/*
@media (max-width: 420px) {
    .btn-full {
        display: none;
    }
}

@media (max-width: 370px) {
    .btn-small {
        display: none;
    }
}

@media (Min-width: 420.98px) {
    .btn-small {
        display: none;
    }
}*/
/* /Shared/CreateMeetingPOIButton.razor.rz.scp.css */
/*
@media (max-width: 420px) {
    .btn-full {
        display: none;
    }
}

@media (max-width: 370px) {
    .btn-small {
        display: none;
    }
}

@media (Min-width: 420.98px) {
    .btn-small {
        display: none;
    }
}*/
/* /Shared/CreatePostButton.razor.rz.scp.css */
.transparent-button[b-vs1l4yjxcg] {
    background-color: rgba(0, 0, 255, 0.7); /* 50% transparent blue background */
    color: white; /* Text and icon color */
    border: none; /* Remove default border */
    padding: 10px 20px; /* Add some padding */
    font-size: 16px; /* Adjust font size */
    cursor: pointer; /* Show pointer on hover */
    border-radius: 50px; /* Optional: Add rounded corners */
    transition: background-color 0.3s ease; /* Smooth hover effect */
}

    .transparent-button:hover[b-vs1l4yjxcg] {
        background-color: rgba(0, 0, 255, 0.95); /* Less transparency on hover */
    }
/* /Shared/Dialogs/FilterDialog.razor.rz.scp.css */
@media (min-width: 641px) {
    .filter-toggler[b-poe29zvrhd] {
        display: none;
    }
}
/* /Shared/Dialogs/MealTypesDialog.razor.rz.scp.css */
.row[b-b5uqhwuvrz] {
    display: flex;
    padding: 6px;
}

.col[b-b5uqhwuvrz] {
    flex: 1;
}
/* /Shared/Dialogs/POITableReservationViewDialog.razor.rz.scp.css */
.table-legend[b-day6g7ns09] {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    gap: 10px;
    margin-top: 10px;
}

.legend-item[b-day6g7ns09] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
}

.table-box[b-day6g7ns09] {
    display: flex;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    color: white;
    font-size: 11px;
    align-items: center;
    justify-content: center;
}

.unavailable[b-day6g7ns09] {
    background-color: gray;
}

.occupied[b-day6g7ns09] {
    background-color: red;
}

.reserved[b-day6g7ns09] {
    background-color: orange;
}

.available[b-day6g7ns09] {
    background-color: green;
}
/* /Shared/En/AboutUs.razor.rz.scp.css */
/* ----------------------------------------------- */
/* BASIC SETUP */
/* ----------------------------------------------- */
*[b-jlisquxi1c] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html[b-jlisquxi1c],
body[b-jlisquxi1c] {
    background-color: #fff;
    color: #555;
    font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
}

.clearfix[b-jlisquxi1c] {
    zoom: 1;
}

    .clearfix[b-jlisquxi1c]:after {
        content: '.';
        clear: both;
        display: block;
        height: 0;
        visibility: hidden;
    }

/* ----------------------------------------------- */
/* REUSABLE COMPONENTS */
/* ----------------------------------------------- */


.w-row[b-jlisquxi1c] {
    max-width: 1140px;
    margin: 0 auto;
}
.align-center[b-jlisquxi1c] {
    display: flex;
    align-items: center;
}

section[b-jlisquxi1c] {
    padding: 80px 0;
}

.box[b-jlisquxi1c] {
    padding: 1%;
}

/* ----- HEADINGS ----- */
h1[b-jlisquxi1c],
h2[b-jlisquxi1c],
h3[b-jlisquxi1c] {
    font-weight: 300;
    text-transform: uppercase;
}

h1[b-jlisquxi1c] {
    margin-top: 0;
    margin-bottom: 20px;
    color: #fff;
    font-size: 240%;
    word-spacing: 4px;
    letter-spacing: 1px;
}

h2[b-jlisquxi1c] {
    /*font-size: 180%;*/
    word-spacing: 2px;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

h3[b-jlisquxi1c] {
    font-size: 110%;
    margin-bottom: 15px;
}

h2[b-jlisquxi1c]:after {
    display: block;
    height: 2px;
    background-color: #e67e22;
    content: " ";
    width: 100px;
    margin: 0 auto;
    margin-top: 30px;
}
li.info_plans[b-jlisquxi1c] {
    cursor: pointer;
}
/* ----- PARAGRAPHS ----- */
.long-copy[b-jlisquxi1c] {
    font-size: 18px;
    line-height: 145%;
    width: 70%;
    margin-left: 15%;
}

.box p[b-jlisquxi1c] {
    font-size: 90%;
    line-height: 145%;
}


/* ----- ICONS ----- */
.icon-big[b-jlisquxi1c] {
    font-size: 350%;
    display: block;
    color: #e67e22;
    margin-bottom: 10px;
}

.icon-small[b-jlisquxi1c] {
    display: inline-block;
    width: 30px;
    text-align: center;
    color: #e67e22;
    font-size: 120%;
    margin-right: 10px;
    /*secrets to align text and icons*/
    line-height: 120%;
    vertical-align: middle;
    margin-top: -5px;
}

/* ----- LINKS ----- */
.btn-nuv[b-jlisquxi1c],
.btn-nuv:visited[b-jlisquxi1c] {
    color: #e8e8e8;
    padding-bottom: 3px;
    border-bottom: 2px solid transparent;
    -webkit-transition: border-bottom 0.2s, color 0.2s;
    transition: border-bottom 0.2s, color 0.2s;
    text-transform: uppercase;
    font-size: 16px;

}

.btn-nuv:hover[b-jlisquxi1c],
.btn-nuv:active[b-jlisquxi1c] {
    border-bottom: 2px solid #e67e22;
}

/*a:link,
a:visited {
    color: #e67e22;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid #e67e22;
    -webkit-transition: border-bottom 0.2s, color 0.2s;
    transition: border-bottom 0.2s, color 0.2s;
}

a:hover,
a:active {
    color: #555;
    border-bottom: 1px solid transparent;
}*/

/* ----- BUTTONS ----- */
.btn[b-jlisquxi1c] {
    display: inline-block;
    padding: 10px 30px;
    font-weight: 300;
    text-decoration: none;
    border-radius: 200px;
    -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
    transition: background-color 0.2s, border 0.2s, color 0.2s;
}

.btn-full[b-jlisquxi1c],
.btn-full:visited[b-jlisquxi1c],
input[type=submit][b-jlisquxi1c] {
    background-color: #e67e22;
    border: 1px solid #e67e22;
    color: #fff;
    margin-right: 15px;
    margin-top: 10px;
}

.btn-ghost[b-jlisquxi1c],
.btn-ghost:visited[b-jlisquxi1c] {
    border: 1px solid #e67e22;
    color: #e67e22;
    margin-top: 10px;
}

.btn:link[b-jlisquxi1c],
.btn:visited[b-jlisquxi1c],
input[type=submit][b-jlisquxi1c] {
    display: inline-block;
    padding: 10px 30px;
    font-weight: 300;
    text-decoration: none;
    border-radius: 200px;
    -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
    transition: background-color 0.2s, border 0.2s, color 0.2s;
}

.btn-full:link[b-jlisquxi1c],
.btn-full:visited[b-jlisquxi1c],
input[type=submit][b-jlisquxi1c] {
    background-color: #e67e22;
    border: 1px solid #e67e22;
    color: #fff;
    margin-right: 15px;
}

.btn-ghost:link[b-jlisquxi1c],
.btn-ghost:visited[b-jlisquxi1c] {
    border: 1px solid #e67e22;
    color: #e67e22;
}

.btn:hover[b-jlisquxi1c],
.btn:active[b-jlisquxi1c],
input[type=submit]:hover[b-jlisquxi1c],
input[type=submit]:active[b-jlisquxi1c] {
    background-color: #cf6d17;
}

.btn-full:hover[b-jlisquxi1c],
.btn-full:active[b-jlisquxi1c] {
    border: 1px solid #cf6d17;
}

.btn-ghost:hover[b-jlisquxi1c],
.btn-ghost:active[b-jlisquxi1c] {
    border: 1px solid #cf6d17;
    color: #fff;
}


/* ----------------------------------------------- */
/* HEADER */
/* ----------------------------------------------- */
/**/
.w-header[b-jlisquxi1c] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/resources/img/aroundtable.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/resources/img/aroundtable.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: fixed;
}

.hero-text-box[b-jlisquxi1c] {
    position: relative;
    width: 100%;
    top: 50%;
    transform: translateY(-40%);
    /*    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
}

.logo[b-jlisquxi1c] {
    height: 100px;
    width: auto;
    float: left;
    margin-top: 20px;
}

.logo-black[b-jlisquxi1c] {
    display: none;
    height: 50px;
    width: auto;
    float: left;
    margin: 5px 0;
}

/* Main navi */
.main-nav[b-jlisquxi1c] {
    float: right;
    list-style: none;
    margin: 55px 12px 0 0;
}

    .main-nav .btn-nuv[b-jlisquxi1c] {
        padding: 8px 0;
        color: #fff;
        text-transform: uppercase;
        font-size: 90%;
        border: 0;
        background: transparent;
        cursor: pointer;
    }

    .main-nav li[b-jlisquxi1c] {
        display: inline-block;
        margin-left: 40px;
    }

        .main-nav li a:link[b-jlisquxi1c],
        .main-nav li a:visited[b-jlisquxi1c] {
            padding: 8px 0;
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
            font-size: 90%;
            border-bottom: 2px solid transparent;
            -webkit-transition: border-bottom 0.2s;
            transition: border-bottom 0.2s;
        }

        .main-nav li a:hover[b-jlisquxi1c],
        .main-nav li a:active[b-jlisquxi1c] {
            /*border-bottom: 2px solid #e67e22;*/
        }


/* Mobile navi */
.mobile-nav-icon[b-jlisquxi1c] {
    float: right;
    margin-top: 50px;
   /* margin-right: 30px;*/
    cursor: pointer;
    display: none;
    font-size: 200%;
    color: #e8e8e8;
}


/* Sticky navi */
.sticky[b-jlisquxi1c] {
    position: fixed;
    top: 56px;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.98);
    box-shadow: 0 2px 2px #fff;
    z-index: 9999;
}

    .sticky .main-nav[b-jlisquxi1c] {
        margin-top: 18px;
    }

        .sticky .main-nav li a:link[b-jlisquxi1c],
        .sticky .main-nav li a:visited[b-jlisquxi1c] {
            padding: 16px 0;
            color: #555;
        }

    .sticky .logo[b-jlisquxi1c] {
        display: none;
    }

    .sticky .logo-black[b-jlisquxi1c] {
        display: block;
    }


/* ----------------------------------------------- */
/* FEATURES */
/* ----------------------------------------------- */

.section-features .long-copy[b-jlisquxi1c] {
    margin-bottom: 30px;
}


/* ----------------------------------------------- */
/* MEALS */
/* ----------------------------------------------- */

.section-meals[b-jlisquxi1c] {
    padding: 0;
}

.meals-showcase[b-jlisquxi1c] {
    list-style: none;
    width: 100%;
}

    .meals-showcase li[b-jlisquxi1c] {
        display: block;
        float: left;
        width: 25%;
    }

.meal-photo[b-jlisquxi1c] {
    width: 100%;
    margin: 0;
    overflow: hidden;
    background-color: #000;
}

    .meal-photo img[b-jlisquxi1c] {
        opacity: 0.7;
        width: 100%;
        height: auto;
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
        -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
        transition: transform 0.5s, opacity 0.5s;
    }

        .meal-photo img:hover[b-jlisquxi1c] {
            opacity: 1;
            -webkit-transform: scale(1.03);
            -ms-transform: scale(1.03);
            transform: scale(1.03);
        }



/* ----------------------------------------------- */
/* HOW IT WORKS SECTION */
/* ----------------------------------------------- */

.section-steps[b-jlisquxi1c] {
    background-color: #f4f4f4;
}

.steps-box[b-jlisquxi1c] {
    margin-top: 30px;
}


    .steps-box:first-child[b-jlisquxi1c] {
        text-align: right;
        padding-right: 3%;
    }

    .steps-box:last-child[b-jlisquxi1c] {
        text-align: left;
        padding-left: 3%;
        margin-top: 70px;
    }

.app-screen[b-jlisquxi1c] {
    width: 100%;
    /*width: 40%;*/
}

.works-step[b-jlisquxi1c] {
    margin-bottom: 50px;
    align-items: center;
    display: flex;
}

    .works-step:last-of-type[b-jlisquxi1c] {
        margin-bottom: 80px;
    }

    .works-step div[b-jlisquxi1c] {
        color: #e67e22;
        font-size: 150%;
        height: 54px;
        width: 54px;
        border: 2px solid #e67e22;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        margin-right: 25px;
        float: left;
        padding: 10px 18px 18px 18px;
    }

.btn-app:link[b-jlisquxi1c],
.btn-app:visited[b-jlisquxi1c] {
    border: 0;
}

.btn-app img[b-jlisquxi1c] {
    height: 50px;
    width: auto;
    margin-right: 10px;
}


/* ----------------------------------------------- */
/* CITIES */
/* ----------------------------------------------- */

.box img[b-jlisquxi1c] {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.city-feature[b-jlisquxi1c] {
    margin-bottom: 5px;
}


/* ----------------------------------------------- */
/* TESTIMONIALS */
/* ----------------------------------------------- */

.section-testimonials[b-jlisquxi1c] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/resources/img/back-customers-min.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/resources/img/back-customers-min.jpg);
    background-size: cover;
    color: #fff;
    background-attachment: fixed;
}

blockquote[b-jlisquxi1c] {
    padding: 2%;
    font-style: italic;
    line-height: 145%;
    position: relative;
    margin-top: 40px;
}

    blockquote[b-jlisquxi1c]:before {
        content: "\201C";
        font-size: 500%;
        display: block;
        position: absolute;
        top: -5px;
        left: -5px;
    }

cite[b-jlisquxi1c] {
    font-size: 90%;
    margin-top: 25px;
    display: block;
}

    cite img[b-jlisquxi1c] {
        height: 45px;
        border-radius: 50%;
        margin-right: 10px;
        vertical-align: middle;
    }


/* ----------------------------------------------- */
/* SIGN UP */
/* ----------------------------------------------- */

.section-plans[b-jlisquxi1c] {
    background-color: #f4f4f4;
}

.plan-box[b-jlisquxi1c] {
    background-color: #fff;
    border-radius: 5px;
    width: 90%;
    margin-left: 5%;
    box-shadow: 0 2px 2px #efefef;
}

    .plan-box div[b-jlisquxi1c] {
        padding: 15px;
        border-bottom: 1px solid #e8e8e8;
    }

        .plan-box div:first-child[b-jlisquxi1c] {
            background-color: #fcfcfc;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

        .plan-box div:last-child[b-jlisquxi1c] {
            text-align: center;
            border: 0;
        }


.plan-price[b-jlisquxi1c] {
    font-size: 300%;
    margin-bottom: 10px;
    font-weight: 100;
    color: #e67e22;
}

    .plan-price span[b-jlisquxi1c] {
        font-size: 30%;
        font-weight: 300;
    }

.plan-price-year[b-jlisquxi1c] {
    font-size: 150%;
    margin-bottom: 10px;
    font-weight: 100;
    color: #e67e22;
}

    .plan-price-year span[b-jlisquxi1c] {
        font-size: 70%;
        font-weight: 300;
    }

.plan-price-meal[b-jlisquxi1c] {
    font-size: 80%;
}

.plan-box ul[b-jlisquxi1c] {
    list-style: none;
}

    .plan-box ul li[b-jlisquxi1c] {
        padding: 5px 0;
    }


/* ----------------------------------------------- */
/* FORM */
/* ----------------------------------------------- */

.contact-form[b-jlisquxi1c] {
    width: 60%;
    margin: 0 auto;
}

input[type=text][b-jlisquxi1c],
input[type=email][b-jlisquxi1c],
select[b-jlisquxi1c],
textarea[b-jlisquxi1c] {
    width: 100%;
    padding: 7px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

textarea[b-jlisquxi1c] {
    height: 100px;
}

input[type=checkbox][b-jlisquxi1c] {
    margin: 10px 5px 10px 0;
}

*:focus[b-jlisquxi1c] {
    outline: none;
}
.align[b-jlisquxi1c] {
    display:flex;
    align-items: center;
}
/* ----------------------------------------------- */
/* FOOTER */
/* ----------------------------------------------- */
footer[b-jlisquxi1c] {
    background-color: #333;
    padding: 50px;
    font-size: 80%;
}

.footer-nav[b-jlisquxi1c] {
    list-style: none;
    float: left;
}

.social-links[b-jlisquxi1c] {
    list-style: none;
    float: right;
}

    .footer-nav li[b-jlisquxi1c],
    .social-links li[b-jlisquxi1c] {
        display: inline-block;
        margin-right: 20px;
    }

        .footer-nav li:last-child[b-jlisquxi1c],
        .social-links li:last-child[b-jlisquxi1c] {
            margin-right: 0;
        }

        .footer-nav li a:link[b-jlisquxi1c],
        .footer-nav li a:visited[b-jlisquxi1c],
        .social-links li a:link[b-jlisquxi1c],
        .social-links li a:visited[b-jlisquxi1c] {
            text-decoration: none;
            border: 0;
            color: #888;
            -webkit-transition: color 0.2s;
            transition: color 0.2s;
        }

        .footer-nav li a:hover[b-jlisquxi1c],
        .footer-nav li a:active[b-jlisquxi1c] {
            color: #ddd;
        }

        .social-links li a:link[b-jlisquxi1c],
        .social-links li a:visited[b-jlisquxi1c] {
            font-size: 200%;
        }

.ion-social-facebook[b-jlisquxi1c],
.ion-social-twitter[b-jlisquxi1c],
.ion-social-googleplus[b-jlisquxi1c],
.ion-social-instagram[b-jlisquxi1c] {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

    .ion-social-facebook:hover[b-jlisquxi1c] {
        color: #3b5998;
    }

    .ion-social-twitter:hover[b-jlisquxi1c] {
        color: #00aced;
    }

    .ion-social-googleplus:hover[b-jlisquxi1c] {
        color: #dd4b39;
    }

    .ion-social-instagram:hover[b-jlisquxi1c] {
        color: #FD1D1D;
    }


footer p[b-jlisquxi1c] {
    color: #888;
    text-align: center;
    margin-top: 20px;
}

@media only screen and (max-height: 500px) {
    .hero-text-box[b-jlisquxi1c] {
        top: 75%;
    }
    .w-header[b-jlisquxi1c]{
        background-size: contain;
    }

}

/* Big tablet to 1200px (widths smaller taht the 1140px row) */
@media only screen and (max-width: 1200px) {
    .hero-text-box[b-jlisquxi1c] {
        width: 100%;
        padding: 0 2%;
    }

    .w-row[b-jlisquxi1c] {
        padding: 0 2%;
    }
}


/* Small tablet to big tablet: from 768px to 1023px */
@media only screen and (max-width: 1023px) {
    body[b-jlisquxi1c] {
        font-size: 18px;
    }

    section[b-jlisquxi1c] {
        padding: 60px 0;
    }

    .long-copy[b-jlisquxi1c] {
        width: 80%;
        margin-left: 10%;
    }

    .steps-box[b-jlisquxi1c] {
        margin-top: 10px;
    }

        .steps-box:last-child[b-jlisquxi1c] {
            margin-top: 10px;
        }

    .works-steps[b-jlisquxi1c] {
        margin-bottom: 40px;
    }

    .works-step:last-of-type[b-jlisquxi1c] {
        margin-bottom: 60px;
    }

    .app-screen[b-jlisquxi1c] {
        width: 100%;
        /*width: 50%;*/
    }

    .icon-small[b-jlisquxi1c] {
        width: 17px;
        margin-right: 5px;
    }

    .city-feature[b-jlisquxi1c] {
        font-size: 90%;
    }

    .plan-box[b-jlisquxi1c] {
        width: 100%;
        margin-left: 0%;
    }

    .plan-price[b-jlisquxi1c] {
        font-size: 250%;
    }

    .contact-form[b-jlisquxi1c] {
        width: 80%;
    }
}



/* Small phones to small tablets: from 481px to 767px */
@media only screen and (max-width: 767px) {
    body[b-jlisquxi1c] {
        font-size: 16px;
    }

    section[b-jlisquxi1c] {
        padding: 30px 0;
    }

    .w-row[b-jlisquxi1c],
    .hero-text-box[b-jlisquxi1c] {
        padding: 0 4%;
    }

    .col[b-jlisquxi1c] {
        width: 100%;
        margin: 0 0 4% 0;
    }

    .w-header[b-jlisquxi1c] {
        background-attachment: scroll;
    }
    /* avoid jank */

    /* hide by default and show as overlay when open */
    .main-nav[b-jlisquxi1c] {
        display: none; /* closed by default */
        position: relative;
        top: 64px; /* height of the top bar */
        left: 0;
        right: 0;
        /*height: calc(100vh - 64px);*/
        margin: 0;
        padding: 16px 24px;
        background: rgba(0,0,0,.10);
        /*z-index: 10000;*/
        float: none; /* override desktop */
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

        .main-nav.open[b-jlisquxi1c] {
            display: flex;
        }

        .main-nav li[b-jlisquxi1c] {
            display: block;
            margin: 0;
        }

        .main-nav .btn-nuv[b-jlisquxi1c] {
            width: fit-content;
            text-align: left;
            padding: 8px 0;
            font-size: 18px;
        }

    .mobile-nav-icon[b-jlisquxi1c] {
        display: inline-block;
        float: right;
        margin-top: 50px;
        color: #e8e8e8;
    }

    .w-row[b-jlisquxi1c], .hero-text-box[b-jlisquxi1c] {
        padding: 0 4%;
    }
/*    .main-nav {
        display: none;
    }

    .mobile-nav-icon {
        display: inline-block;
    }

    .main-nav {
        float: left;
        margin-top: 50px;
        padding-top: 15px;
    }

        .main-nav li {
            display: block;
            margin-left: 0;
        }

            .main-nav li btn-nuv,
            .main-nav li btn-nuv:visited {
                display: block;
                border: 0;
                padding: 10px 0;
                font-size: 100%;
            }*/

    .sticky .main-nav[b-jlisquxi1c] {
        margin-top: 10px;
    }

        .sticky .main-nav li btn-nuv[b-jlisquxi1c],
        .sticky .main-nav li btn-nuv:visited[b-jlisquxi1c] {
            padding: 10px 0;
        }

    .sticky .mobile-nav-icon[b-jlisquxi1c] {
        margin-top: 10px;
        color: #555;

    }



    h1[b-jlisquxi1c] {
        font-size: 180%;
    }

    h2[b-jlisquxi1c] {
        font-size: 150%;
    }

    .long-copy[b-jlisquxi1c] {
        font-size:16px;
        width: 100%;
        margin-left: 0%;
    }

    .app-screen[b-jlisquxi1c] {
        width: 90%;
    }

    .steps-box:first-child[b-jlisquxi1c] {
        text-align: center;
    }

    .works-step div[b-jlisquxi1c] {
        height: 40px;
        width: 40px;
        margin-right: 15px;
        padding: 5px 12px 12px 12px;
        font-size: 120%;
    }

    .works-step[b-jlisquxi1c] {
        margin-bottom: 20px;
    }

        .works-step:last-of-type[b-jlisquxi1c] {
            margin-bottom: 20px;
        }
}



/*  SECTIONS  ============================================================================= */

.section[b-jlisquxi1c] {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  GROUPING  ============================================================================= */

.row[b-jlisquxi1c] {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

    .row[b-jlisquxi1c]:before,
    .row[b-jlisquxi1c]:after {
        content: "";
        display: table;
    }

    .row[b-jlisquxi1c]:after {
        clear: both;
    }

/*  GRID COLUMN SETUP   ==================================================================== */

.col[b-jlisquxi1c] {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

    .col:first-child[b-jlisquxi1c] {
        margin-left: 0;
    }
/* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
    .align-center[b-jlisquxi1c] {
        display: block;
    }
    .col[b-jlisquxi1c] {
        /*margin: 1% 0 1% 0%;*/
        margin: 0;
    }
    .w-header[b-jlisquxi1c] {
        background-size: auto;
    }
}


/*  GRID OF TWO   ============================================================================= */


.span-2-of-2[b-jlisquxi1c] {
    width: 100%;
}

.span-1-of-2[b-jlisquxi1c] {
    width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-2-of-2[b-jlisquxi1c] {
        width: 100%;
    }

    .span-1-of-2[b-jlisquxi1c] {
        width: 100%;
    }
}


/*  GRID OF THREE   ============================================================================= */


.span-3-of-3[b-jlisquxi1c] {
    width: 100%;
}

.span-2-of-3[b-jlisquxi1c] {
    width: 66.13%;
}

.span-1-of-3[b-jlisquxi1c] {
    width: 32.26%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-3-of-3[b-jlisquxi1c] {
        width: 100%;
    }

    .span-2-of-3[b-jlisquxi1c] {
        width: 100%;
    }

    .span-1-of-3[b-jlisquxi1c] {
        width: 100%;
    }
}

/*  GRID OF FOUR   ============================================================================= */


.span-4-of-4[b-jlisquxi1c] {
    width: 100%;
}

.span-3-of-4[b-jlisquxi1c] {
    width: 74.6%;
}

.span-2-of-4[b-jlisquxi1c] {
    width: 49.2%;
}

.span-1-of-4[b-jlisquxi1c] {
    width: 23.8%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-4-of-4[b-jlisquxi1c] {
        width: 100%;
    }

    .span-3-of-4[b-jlisquxi1c] {
        width: 100%;
    }

    .span-2-of-4[b-jlisquxi1c] {
        width: 100%;
    }

    .span-1-of-4[b-jlisquxi1c] {
        width: 100%;
    }
}


/*  GRID OF FIVE   ============================================================================= */


.span-5-of-5[b-jlisquxi1c] {
    width: 100%;
}

.span-4-of-5[b-jlisquxi1c] {
    width: 79.68%;
}

.span-3-of-5[b-jlisquxi1c] {
    width: 59.36%;
}

.span-2-of-5[b-jlisquxi1c] {
    width: 39.04%;
}

.span-1-of-5[b-jlisquxi1c] {
    width: 18.72%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-5-of-5[b-jlisquxi1c] {
        width: 100%;
    }

    .span-4-of-5[b-jlisquxi1c] {
        width: 100%;
    }

    .span-3-of-5[b-jlisquxi1c] {
        width: 100%;
    }

    .span-2-of-5[b-jlisquxi1c] {
        width: 100%;
    }

    .span-1-of-5[b-jlisquxi1c] {
        width: 100%;
    }
}


/*  GRID OF SIX   ============================================================================= */


.span-6-of-6[b-jlisquxi1c] {
    width: 100%;
}

.span-5-of-6[b-jlisquxi1c] {
    width: 83.06%;
}

.span-4-of-6[b-jlisquxi1c] {
    width: 66.13%;
}

.span-3-of-6[b-jlisquxi1c] {
    width: 49.2%;
}

.span-2-of-6[b-jlisquxi1c] {
    width: 32.26%;
}

.span-1-of-6[b-jlisquxi1c] {
    width: 15.33%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-6-of-6[b-jlisquxi1c] {
        width: 100%;
    }

    .span-5-of-6[b-jlisquxi1c] {
        width: 100%;
    }

    .span-4-of-6[b-jlisquxi1c] {
        width: 100%;
    }

    .span-3-of-6[b-jlisquxi1c] {
        width: 100%;
    }

    .span-2-of-6[b-jlisquxi1c] {
        width: 100%;
    }

    .span-1-of-6[b-jlisquxi1c] {
        width: 100%;
    }
}



/*  GRID OF SEVEN   ============================================================================= */


.span-7-of-7[b-jlisquxi1c] {
    width: 100%;
}

.span-6-of-7[b-jlisquxi1c] {
    width: 85.48%;
}

.span-5-of-7[b-jlisquxi1c] {
    width: 70.97%;
}

.span-4-of-7[b-jlisquxi1c] {
    width: 56.45%;
}

.span-3-of-7[b-jlisquxi1c] {
    width: 41.94%;
}

.span-2-of-7[b-jlisquxi1c] {
    width: 27.42%;
}

.span-1-of-7[b-jlisquxi1c] {
    width: 12.91%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-7-of-7[b-jlisquxi1c] {
        width: 100%;
    }

    .span-6-of-7[b-jlisquxi1c] {
        width: 100%;
    }

    .span-5-of-7[b-jlisquxi1c] {
        width: 100%;
    }

    .span-4-of-7[b-jlisquxi1c] {
        width: 100%;
    }

    .span-3-of-7[b-jlisquxi1c] {
        width: 100%;
    }

    .span-2-of-7[b-jlisquxi1c] {
        width: 100%;
    }

    .span-1-of-7[b-jlisquxi1c] {
        width: 100%;
    }
}


/*  GRID OF EIGHT   ============================================================================= */


.span-8-of-8[b-jlisquxi1c] {
    width: 100%;
}

.span-7-of-8[b-jlisquxi1c] {
    width: 87.3%;
}

.span-6-of-8[b-jlisquxi1c] {
    width: 74.6%;
}

.span-5-of-8[b-jlisquxi1c] {
    width: 61.9%;
}

.span-4-of-8[b-jlisquxi1c] {
    width: 49.2%;
}

.span-3-of-8[b-jlisquxi1c] {
    width: 36.5%;
}

.span-2-of-8[b-jlisquxi1c] {
    width: 23.8%;
}

.span-1-of-8[b-jlisquxi1c] {
    width: 11.1%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-8-of-8[b-jlisquxi1c] {
        width: 100%;
    }

    .span-7-of-8[b-jlisquxi1c] {
        width: 100%;
    }

    .span-6-of-8[b-jlisquxi1c] {
        width: 100%;
    }

    .span-5-of-8[b-jlisquxi1c] {
        width: 100%;
    }

    .span-4-of-8[b-jlisquxi1c] {
        width: 100%;
    }

    .span-3-of-8[b-jlisquxi1c] {
        width: 100%;
    }

    .span-2-of-8[b-jlisquxi1c] {
        width: 100%;
    }

    .span-1-of-8[b-jlisquxi1c] {
        width: 100%;
    }
}


/*  GRID OF NINE   ============================================================================= */


.span-9-of-9[b-jlisquxi1c] {
    width: 100%;
}

.span-8-of-9[b-jlisquxi1c] {
    width: 88.71%;
}

.span-7-of-9[b-jlisquxi1c] {
    width: 77.42%;
}

.span-6-of-9[b-jlisquxi1c] {
    width: 66.13%;
}

.span-5-of-9[b-jlisquxi1c] {
    width: 54.84%;
}

.span-4-of-9[b-jlisquxi1c] {
    width: 43.55%;
}

.span-3-of-9[b-jlisquxi1c] {
    width: 32.26%;
}

.span-2-of-9[b-jlisquxi1c] {
    width: 20.97%;
}

.span-1-of-9[b-jlisquxi1c] {
    width: 9.68%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-9-of-9[b-jlisquxi1c] {
        width: 100%;
    }

    .span-8-of-9[b-jlisquxi1c] {
        width: 100%;
    }

    .span-7-of-9[b-jlisquxi1c] {
        width: 100%;
    }

    .span-6-of-9[b-jlisquxi1c] {
        width: 100%;
    }

    .span-5-of-9[b-jlisquxi1c] {
        width: 100%;
    }

    .span-4-of-9[b-jlisquxi1c] {
        width: 100%;
    }

    .span-3-of-9[b-jlisquxi1c] {
        width: 100%;
    }

    .span-2-of-9[b-jlisquxi1c] {
        width: 100%;
    }

    .span-1-of-9[b-jlisquxi1c] {
        width: 100%;
    }
}


/*  GRID OF TEN   ============================================================================= */


.span-10-of-10[b-jlisquxi1c] {
    width: 100%;
}

.span-9-of-10[b-jlisquxi1c] {
    width: 89.84%;
}

.span-8-of-10[b-jlisquxi1c] {
    width: 79.68%;
}

.span-7-of-10[b-jlisquxi1c] {
    width: 69.52%;
}

.span-6-of-10[b-jlisquxi1c] {
    width: 59.36%;
}

.span-5-of-10[b-jlisquxi1c] {
    width: 49.2%;
}

.span-4-of-10[b-jlisquxi1c] {
    width: 39.04%;
}

.span-3-of-10[b-jlisquxi1c] {
    width: 28.88%;
}

.span-2-of-10[b-jlisquxi1c] {
    width: 18.72%;
}

.span-1-of-10[b-jlisquxi1c] {
    width: 8.56%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-10-of-10[b-jlisquxi1c] {
        width: 100%;
    }

    .span-9-of-10[b-jlisquxi1c] {
        width: 100%;
    }

    .span-8-of-10[b-jlisquxi1c] {
        width: 100%;
    }

    .span-7-of-10[b-jlisquxi1c] {
        width: 100%;
    }

    .span-6-of-10[b-jlisquxi1c] {
        width: 100%;
    }

    .span-5-of-10[b-jlisquxi1c] {
        width: 100%;
    }

    .span-4-of-10[b-jlisquxi1c] {
        width: 100%;
    }

    .span-3-of-10[b-jlisquxi1c] {
        width: 100%;
    }

    .span-2-of-10[b-jlisquxi1c] {
        width: 100%;
    }

    .span-1-of-10[b-jlisquxi1c] {
        width: 100%;
    }
}


/*  GRID OF ELEVEN   ============================================================================= */

.span-11-of-11[b-jlisquxi1c] {
    width: 100%;
}

.span-10-of-11[b-jlisquxi1c] {
    width: 90.76%;
}

.span-9-of-11[b-jlisquxi1c] {
    width: 81.52%;
}

.span-8-of-11[b-jlisquxi1c] {
    width: 72.29%;
}

.span-7-of-11[b-jlisquxi1c] {
    width: 63.05%;
}

.span-6-of-11[b-jlisquxi1c] {
    width: 53.81%;
}

.span-5-of-11[b-jlisquxi1c] {
    width: 44.58%;
}

.span-4-of-11[b-jlisquxi1c] {
    width: 35.34%;
}

.span-3-of-11[b-jlisquxi1c] {
    width: 26.1%;
}

.span-2-of-11[b-jlisquxi1c] {
    width: 16.87%;
}

.span-1-of-11[b-jlisquxi1c] {
    width: 7.63%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-11-of-11[b-jlisquxi1c] {
        width: 100%;
    }

    .span-10-of-11[b-jlisquxi1c] {
        width: 100%;
    }

    .span-9-of-11[b-jlisquxi1c] {
        width: 100%;
    }

    .span-8-of-11[b-jlisquxi1c] {
        width: 100%;
    }

    .span-7-of-11[b-jlisquxi1c] {
        width: 100%;
    }

    .span-6-of-11[b-jlisquxi1c] {
        width: 100%;
    }

    .span-5-of-11[b-jlisquxi1c] {
        width: 100%;
    }

    .span-4-of-11[b-jlisquxi1c] {
        width: 100%;
    }

    .span-3-of-11[b-jlisquxi1c] {
        width: 100%;
    }

    .span-2-of-11[b-jlisquxi1c] {
        width: 100%;
    }

    .span-1-of-11[b-jlisquxi1c] {
        width: 100%;
    }
}


/*  GRID OF TWELVE   ============================================================================= */

.span-12-of-12[b-jlisquxi1c] {
    width: 100%;
}

.span-11-of-12[b-jlisquxi1c] {
    width: 91.53%;
}

.span-10-of-12[b-jlisquxi1c] {
    width: 83.06%;
}

.span-9-of-12[b-jlisquxi1c] {
    width: 74.6%;
}

.span-8-of-12[b-jlisquxi1c] {
    width: 66.13%;
}

.span-7-of-12[b-jlisquxi1c] {
    width: 57.66%;
}

.span-6-of-12[b-jlisquxi1c] {
    width: 49.2%;
}

.span-5-of-12[b-jlisquxi1c] {
    width: 40.73%;
}

.span-4-of-12[b-jlisquxi1c] {
    width: 32.26%;
}

.span-3-of-12[b-jlisquxi1c] {
    width: 23.8%;
}

.span-2-of-12[b-jlisquxi1c] {
    width: 15.33%;
}

.span-1-of-12[b-jlisquxi1c] {
    width: 6.86%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-12-of-12[b-jlisquxi1c] {
        width: 100%;
    }

    .span-11-of-12[b-jlisquxi1c] {
        width: 100%;
    }

    .span-10-of-12[b-jlisquxi1c] {
        width: 100%;
    }

    .span-9-of-12[b-jlisquxi1c] {
        width: 100%;
    }

    .span-8-of-12[b-jlisquxi1c] {
        width: 100%;
    }

    .span-7-of-12[b-jlisquxi1c] {
        width: 100%;
    }

    .span-6-of-12[b-jlisquxi1c] {
        width: 100%;
    }

    .span-5-of-12[b-jlisquxi1c] {
        width: 100%;
    }

    .span-4-of-12[b-jlisquxi1c] {
        width: 100%;
    }

    .span-3-of-12[b-jlisquxi1c] {
        width: 100%;
    }

    .span-2-of-12[b-jlisquxi1c] {
        width: 100%;
    }

    .span-1-of-12[b-jlisquxi1c] {
        width: 100%;
    }
}

/* Small phones: from 0 to 480px */
@media only screen and (max-width: 480px) {
    section[b-jlisquxi1c] {
        padding: 25px 0;
    }

    .contact-form[b-jlisquxi1c] {
        width: 100%;
    }
}


/* ----------------------------------------------- */
/* Animations */
/* ----------------------------------------------- */

.js--wp-1[b-jlisquxi1c],
.js--wp-2[b-jlisquxi1c],
.js--wp-3[b-jlisquxi1c] {
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.js--wp-4[b-jlisquxi1c] {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.js--wp-1.animated[b-jlisquxi1c],
.js--wp-2.animated[b-jlisquxi1c],
.js--wp-3.animated[b-jlisquxi1c] {
    opacity: 1;
}

@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated[b-jlisquxi1c] {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite[b-jlisquxi1c] {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animated.hinge[b-jlisquxi1c] {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

    .animated.bounceIn[b-jlisquxi1c],
    .animated.bounceOut[b-jlisquxi1c] {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

    .animated.flipOutX[b-jlisquxi1c],
    .animated.flipOutY[b-jlisquxi1c] {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

/*@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}*/

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

/*@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}*/

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

/*@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {c*/
/* /Shared/FeaturedMeals.razor.rz.scp.css */
.container[b-k3xo78ou8r] {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    justify-content: center;
}

img[b-k3xo78ou8r] {
    width: inherit;
    max-width: 200px;
    max-height: 200px;
    border-radius: 6px;
    transition: transform .2s;
    margin-bottom: 10px;
}

    img:hover[b-k3xo78ou8r] {
        transform: scale(1.1) rotate(5deg);
    }

.featured-meal[b-k3xo78ou8r] {
    margin: 10px;
    text-align: center;
    padding: 10px;
    border: 1px solid lightgray;
    border-radius: 10px;
    max-width: 200px;
}

@media (max-width: 1023.98px) {
    .container[b-k3xo78ou8r] {
        justify-content: flex-start;
    }
}
/* /Shared/HomeButton.razor.rz.scp.css */
.home-button[b-v31xw84nkl] {
    white-space: nowrap;
    margin-right: 10px;
    transform: rotate(-5deg);
}
/* /Shared/HostInfoView.razor.rz.scp.css */
.userInfoContainer[b-ok9q75iiko] {
    position: relative;
    max-width: 350px;
    max-height: 700px;
    background-color: #fff;
    height: fit-content;
    border-color: transparent;
    border-radius: 20px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 6px 10px rgb(0 0 0 / 0.7);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

.userHeaderContainer[b-ok9q75iiko] {
    position: relative;
    height: 100px;
    width: 100%;
}

.userHeader[b-ok9q75iiko] {
    border-radius: 20px;
    width: 100%;
    height: 150px;
    margin: 0px;
    background-color: white;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.userFacePhoto[b-ok9q75iiko] {
    /*  position: absolute;*/
    width: 180px;
    height: 180px;
    overflow: hidden;
    background-color: white;
    position: relative;
    top: -85px;
    right: -20px;
    border: 6px solid white;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgb(0 0 0 / 0.2);
}

.userInfoContent[b-ok9q75iiko] {
    padding: 0px 20px;
    overflow-y: scroll;
    height: 450px;
}
/* /Shared/HostInfoView2.razor.rz.scp.css */
.userInfoContainer[b-zhe8mh777d] {
    position: relative;
    max-width: 500px;
    width: 100%;
    /*max-height: 700px;*/
 /*   max-height: calc(100vh - 250px);*/
    background-color: #fff;
    height: fit-content;
    border-color: transparent;
    /*border-radius: 20px;*/
    /*margin: auto;*/
    text-align: center;
    overflow: hidden;
/*    box-shadow: 0 0px 10px rgb(0 0 0 / 0.7);*/
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

.userHeaderContainer[b-zhe8mh777d] {
    position: relative;
    height: 100px;
    width: 100%;
}

.userHeader[b-zhe8mh777d] {
    border-radius: 20px;
    width: 100%;
    height: 200px;
    margin: 0px;
    background-color: white;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.userFacePhoto[b-zhe8mh777d] {
    /*  position: absolute;*/
    width: 180px;
    height: 180px;
    overflow: hidden;
    background-color: white;
    position: relative;
    top: -85px;
    right: -20px;
    border: 6px solid white;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgb(0 0 0 / 0.2);
}

.userInfoContent[b-zhe8mh777d] {
    padding: 0px 20px;
    overflow-y: scroll;
    height: 100%;
}
/* /Shared/Layouts/AccountSettingsLayout.razor.rz.scp.css */
.settings-layout[b-36egvwc9do] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.settings-content[b-36egvwc9do] {
    display: flex;
    justify-content: center;
    height: 100vh;
    width: 100%;
    flex: 1;
    overflow: auto;
}

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

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

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

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

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

@media (max-width: 640.98px) {
    .settings-layout[b-36egvwc9do] {
        height: 100vh;
    }

    .settings-content[b-36egvwc9do] {
        transition: left 0.3s ease-in-out;
        position: relative;
        left: 0;
    }

        .settings-content.open[b-36egvwc9do] {
            left: 250px;
        }

    .top-row:not(.auth)[b-36egvwc9do] {
        display: none;
    }

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

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

@media (min-width: 641px) {
    .settings-layout[b-36egvwc9do] {
        flex-direction: row;
    }

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

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

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

    .top-row[b-36egvwc9do], article[b-36egvwc9do] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/Layouts/EditMeetingLayout.razor.rz.scp.css */
.meeting-layout[b-4gyfl9yl60] {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.sticky-content[b-4gyfl9yl60] {
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 0; /* Adjust this value as needed */
    z-index: 500; /* Ensure it appears above other content if needed */
    background-color: white; /* Optional: To ensure it doesn't overlap content with transparency */
}

.meeting-content[b-4gyfl9yl60] {
/*    height: 100%;*/
    width: 100%;
    flex-grow: 1;
    display: flex;
    overflow: auto;
}
/* /Shared/Layouts/EmptyLayout.razor.rz.scp.css */
.empty-layout[b-m7sxva8unu] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.empty-content[b-m7sxva8unu] {
    height: 100%;
    width: 100%;
    flex: 1;
    overflow: auto;
}
/* /Shared/Layouts/EmptyNotAuthorizeLayout.razor.rz.scp.css */
.page[b-s0hdg49286] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: inherit;
}

main[b-s0hdg49286] {
    display: flex;
    flex-direction: column;
    flex: 1;
}
/* /Shared/Layouts/HeaderNoButtonsLayout.razor.rz.scp.css */
.page[b-nwk15qr84w] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: inherit;
}

main[b-nwk15qr84w] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.no-scroll[b-nwk15qr84w] {
    overflow: hidden !important;
}
/*.nav-menu-container {
    display: flex;
    position: sticky;
    top: 56px;
    justify-content: center;
    width: 100%;
    background-color: var(--mud-palette-primary);
}
.nav-menu {
    max-width: 1600px;
    width: 100%;*/
    /*background-image: linear-gradient(180deg, rgb(44, 62, 80) 0%, rgb(52, 73, 94) 70%);*/
/*}*/

/*.top-row-container {
    display: flex;
    position: sticky;
    top: 0px;
    justify-content: center;
    width: 100%;
    background-color: #ffffff;
    z-index: 999999;
}
.top-row {
    width: 100%;
    max-width: 1600px;
    justify-content: flex-start;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row ::deep a, .top-row ::deep .btn-link {
        white-space: nowrap;
        margin-left: .5rem;
        text-decoration: none;
    }

    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
        text-decoration: underline;
    }

    .top-row ::deep a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {

    .top-row.auth {
        justify-content: space-between;
    }

    .top-row ::deep a, .top-row ::deep .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {*/
/*    .page {
        flex-direction: row;
    }*/

    /*.top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth ::deep a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row, article {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}*/
/* /Shared/Layouts/MainLayout.razor.rz.scp.css */
.page[b-4ksw4hnctw] {
    position: relative;
    height: 100%;
}

main[b-4ksw4hnctw] {
    height: 100%;
}
/* /Shared/Layouts/MeetingLayout.razor.rz.scp.css */
.page[b-9uy5u392t5] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: inherit;
}

main[b-9uy5u392t5] {
    display: flex;
    flex-direction: column;
    flex: 1;
}
/* /Shared/Layouts/MonetizationLayout.razor.rz.scp.css */
.settings-layout[b-pg8yipu4vj] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.settings-content[b-pg8yipu4vj] {
    display: flex;
    justify-content: center;
    height: 100vh;
    width: 100%;
    flex: 1;
    overflow: auto;
}

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

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

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

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

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

@media (max-width: 640.98px) {
    .settings-layout[b-pg8yipu4vj] {
        height: 100vh;
    }
    .top-row:not(.auth)[b-pg8yipu4vj] {
        display: none;
    }

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

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

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

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

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

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

    .top-row[b-pg8yipu4vj], article[b-pg8yipu4vj] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/Layouts/POILayout.razor.rz.scp.css */
.page[b-h79jffuo30] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: inherit;
}

main[b-h79jffuo30] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex: 1;
    min-height: 100vh;
    overflow: auto;
}
/* /Shared/Layouts/POIManagementLayout.razor.rz.scp.css */
/* /Shared/Layouts/POISettingsLayout.razor.rz.scp.css */
.settings-layout[b-949nv146q0] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.settings-content[b-949nv146q0] {
    display: flex;
    justify-content: center;
    height: 100vh;
    width: 100%;
    flex: 1;
    overflow: auto;
}

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

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

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

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

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

@media (max-width: 640.98px) {
    .settings-layout[b-949nv146q0] {
        height: 100vh;
    }
    .top-row:not(.auth)[b-949nv146q0] {
        display: none;
    }

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

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

@media (min-width: 641px) {
    .settings-layout[b-949nv146q0] {
        flex-direction: row;
    }

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

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

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

    .top-row[b-949nv146q0], article[b-949nv146q0] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/Layouts/PostLayout.razor.rz.scp.css */
.page[b-i9kx7fgo35] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: inherit;
}

main[b-i9kx7fgo35] {
    display: flex;
    flex-direction: column;
    flex: 1;
}
/* /Shared/Layouts/SearchLayout.razor.rz.scp.css */
.page[b-83i1h8mabx] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: inherit;
}

main[b-83i1h8mabx] {
    display: flex;
    flex-direction: column;
    flex: 1;
}
/* /Shared/Layouts/SettingsLayout.razor.rz.scp.css */
.settings-layout[b-qt69sxtckw] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.settings-content[b-qt69sxtckw] {
    display: flex;
    justify-content: center;
    height: 100vh;
    width: 100%;
    flex: 1;
    overflow: auto;
}

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

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

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

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

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

@media (max-width: 640.98px) {
    .settings-layout[b-qt69sxtckw] {
        height: 100vh;
    }

    .settings-content[b-qt69sxtckw] {
        transition: left 0.3s ease-in-out;
        position: relative;
        left: 0;
    }

        .settings-content.open[b-qt69sxtckw] {
            left: 250px;
        }

    .top-row:not(.auth)[b-qt69sxtckw] {
        display: none;
    }

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

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

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

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

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

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

    .top-row[b-qt69sxtckw], article[b-qt69sxtckw] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/Layouts/UserLayout.razor.rz.scp.css */
.page[b-gtqqsjreay] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: inherit;
}

main[b-gtqqsjreay] {
    display: flex;
    flex-direction: column;
    flex: 1;
}
/* /Shared/LogoTopRow.razor.rz.scp.css */
.top-row-container[b-13gbrg55wl] {
    display: flex;
    position: sticky;
    top: 0px;
    justify-content: center;
    width: 100%;
    background-color: #ffffff;
    z-index: 999999;
}

.top-row[b-13gbrg55wl] {
    width: 100%;
    max-width: 1600px;
    justify-content: flex-start;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

@media (max-width: 640.98px) {

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

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

@media (min-width: 641px) {
    /*    .page {
        flex-direction: row;
    }*/

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

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

    .top-row[b-13gbrg55wl], article[b-13gbrg55wl] {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}
/* /Shared/MealList.razor.rz.scp.css */
.media-img[b-j0t8lqauqm] {
    max-height: 200px;
    max-width: 200px;
    border-radius: 6px;
    margin-bottom: 10px;
    transition: transform .2s;
}

    .media-img:hover[b-j0t8lqauqm] {
        transform: scale(1.1);
    }

.media-img-wrapper[b-j0t8lqauqm] {
    width: 200px;
    text-align: center;
}

.page-selection[b-j0t8lqauqm] {
    margin-right: 15px;
    margin-bottom: 30px;
}

@media (max-width: 1023.98px) {
    .media[b-j0t8lqauqm] {
        flex-direction: column;
    }

    .media-img-wrapper[b-j0t8lqauqm] {
        width: 100%;
        height: auto;
    }
}
/* /Shared/MealNavMenu.razor.rz.scp.css */
.nav-menu-container[b-yu3r7gc2g8] {
    display: flex;
    position: fixed;
    top: 70px;
    justify-content: center;
    width: 100%;
    /*background-color: var(--mud-palette-primary);*/
    z-index: 300;
}

.nav-menu[b-yu3r7gc2g8] {
    max-width: 1600px;
    width: 100%;
    /*background-image: linear-gradient(180deg, rgb(44, 62, 80) 0%, rgb(52, 73, 94) 70%);*/
}

.nav-container[b-yu3r7gc2g8] {
    max-width: 1600px;
    margin: 0px auto;
}

.navbar-toggler[b-yu3r7gc2g8] {
    color: rgba(255, 255, 255, 0.1);
    /*    color: aliceblue;*/
}

.top-row[b-yu3r7gc2g8] {
    height: 3.5rem;
    background-color: var(--mud-palette-primary);
    /*background-color: rgba(0,0,0,0.4);*/
}

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

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

.nav:focus[b-yu3r7gc2g8] {
    background-color: rgba(255,255,255,0.25);
}
.navbar[b-yu3r7gc2g8]{
    padding: 0 10px;
}

.nav-item[b-yu3r7gc2g8] {
    font-size: 0.9rem;
    /*    padding-bottom: 0.5rem;
    padding-top: 0.5rem;*/
}

    .nav-item[b-yu3r7gc2g8]  a {
        color: var(--mud-palette-white);
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-yu3r7gc2g8]  a.active {
    color: white;
}

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

.flex-nav[b-yu3r7gc2g8] {
    flex-direction:column;
}

@media (min-width: 714.98px) {
    .navbar-toggler[b-yu3r7gc2g8], .navbar-toggler-wrapper[b-yu3r7gc2g8] {
        display: none;
    }

    .flex-nav[b-yu3r7gc2g8] {
        flex-direction: row;
        display: flex;
    }

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

    .nav-scrollable[b-yu3r7gc2g8] {
        /* Allow sidebar to scroll for tall menus */
        /*height: calc(100vh - 3.5rem);*/
        overflow-y: auto;
    }
}
/* /Shared/Meetings/EditMeeting.razor.rz.scp.css */
.edit-container[b-y1whlpngb6] {
    max-width: 1600px;
    flex: 1;
    padding: 1rem;
    display: flex;
    overflow: hidden;
    margin: auto;
    width: 100%;
    min-height: 90vh;
    z-index: 150;
}
.tab-container[b-y1whlpngb6] {
    width: 50%;
    margin: 0 auto;
}

.tab-buttons[b-y1whlpngb6] {
    display: flex;
    justify-content: space-around;
    margin-bottom: 1rem;
}

.tab-button[b-y1whlpngb6] {
    padding: 0.5rem 1rem;
    cursor: pointer;
    border: none;
    background-color: #f1f1f1;
    font-size: 1rem;
}

    .tab-button.active[b-y1whlpngb6] {
        background-color: #ccc;
    }

.tab-content[b-y1whlpngb6] {
    border: 1px solid #ccc;
    padding: 1rem;
}
/* /Shared/Meetings/EditMeetingTab.razor.rz.scp.css */
.inline-container[b-78urarjpjg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.created-at[b-78urarjpjg], .meeting-page-link[b-78urarjpjg] {
    display: flex;
    align-items: center;
}

    .meeting-page-link a[b-78urarjpjg] {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: inherit;
    }

        .meeting-page-link a:hover[b-78urarjpjg] {
            text-decoration: underline;
        }

.mb-0[b-78urarjpjg] {
    margin-bottom: 0;
}
/* /Shared/Meetings/MeetingDetailsDialog.razor.rz.scp.css */
.tab-container[b-w6hhra12jb] {
    display: flex;
    justify-content: center;
    padding: 8px;
    width: 100%;
    overflow: auto;
    border-radius: 10px;
    height: 100%;
    max-height: calc(100vh - 192px);
}

.close-btn[b-w6hhra12jb] {
    position: absolute;
    top: 24px;
    right: 40px;
    width: fit-content;
    background-color: white;
    border-radius: 50%;
    z-index: 500;
}


@media (max-width: 641px) {
    .filter-toggler[b-w6hhra12jb] {
        display: none;
    }
    .tab-container[b-w6hhra12jb] {
        padding: 4px;
    }
    .close-btn[b-w6hhra12jb] {

        top: 5px;
        right: 5px;
    }
}
/* /Shared/Meetings/MeetingInfo.razor.rz.scp.css */
.login-warning[b-6o2nihbbfr] {
    color: #d9534f; /* Bootstrap danger red */
    font-weight: bold;
    font-size: 1.2em;
    display: block; /* Ensures it appears on its own line */
}

.login-prompt[b-6o2nihbbfr] {
    color: #5a5a5a; /* Neutral gray for less prominent text */
    font-size: 1em;
    line-height: 1.5;
    display: block;
}

.login-link[b-6o2nihbbfr] {
    color: #0275d8; /* Bootstrap primary blue */
    text-decoration: none;
    font-weight: bold;
}

    .login-link:hover[b-6o2nihbbfr] {
        text-decoration: underline;
        color: #0056b3; /* Darker shade of blue on hover for better contrast */
    }

.login-warning[b-6o2nihbbfr],
.login-prompt[b-6o2nihbbfr] {
    padding: 10px;
    /*background-color: #f9f9f9;*/ /* Light gray background for emphasis */
    /*border: 1px solid #e0e0e0;*/ /* Subtle border */
    /*border-radius: 5px;*/ /* Rounded edges for better visual appeal */
    width: fit-content;
    max-width: 100%;
}

.login-message[b-6o2nihbbfr] {
    text-align: center; /* Centralizes the content */
    margin: 20px auto; /* Adds spacing and centers the box horizontally */
    padding: 15px;
    background-color: #f9f9f9; /* Light background for better visibility */
    border: 1px solid #e0e0e0; /* Subtle border */
    border-radius: 8px; /* Smooth, rounded edges */
    max-width: 500px; /* Ensures the content doesn’t stretch too wide */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Adds a slight shadow for depth */
}
/* /Shared/Meetings/MeetingPreviewView.razor.rz.scp.css */
.text-ellipsis[b-vs95uqnb0u] {
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6; /* Limits to 6 lines */
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
    text-transform: none;
    text-align: justify;
    margin: 0;
}
/* /Shared/Meetings/Meetings.razor.rz.scp.css */
img[b-g8kbwa1sso] {
    max-height: 100px;
    max-width: 100px;
}

@media (max-width: 480px) {
    .col-hide[b-g8kbwa1sso] {
        display: none;
    }

    img[b-g8kbwa1sso] {
        max-height: 60px;
        max-width: 60px;
    }
}
/* /Shared/Meetings/MeetingsList.razor.rz.scp.css */
.container-position[b-z2tsspth6m] {
    position: relative;
}

.meetings-container[b-z2tsspth6m] {
    max-width: 598px;
    margin: auto;
    gap: 20px;
}

.slide-in-left-div[b-z2tsspth6m] {
    position: fixed;
    overflow: scroll;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: left 0.5s ease-in-out;
    z-index: 700 !important;
}

    .slide-in-left-div.hidden[b-z2tsspth6m] {
        transform: translateX(-100%);
        transition: transform 0.5s ease-in-out;
        /*left: -100%;*/
    }

    .slide-in-left-div.visible[b-z2tsspth6m] {
        transform: translateX(0);
        transition: transform 0.5s ease-in-out;
        /*left: 0;*/
    }

.slide-in-right-div[b-z2tsspth6m] {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: olive;
    transition: right 0.5s ease-in-out;
}

    .slide-in-right-div.hidden[b-z2tsspth6m] {
        right: -100%;
    }

    .slide-in-right-div.visible[b-z2tsspth6m] {
        right: 0;
    }

/*@media (max-width: 960px) {
    .meetings-container {
    }
}
*/
/* /Shared/Meetings/MeetingView.razor.rz.scp.css */
.userFacePhoto[b-2e1i78n8al] {
    width: 42px;
    height: 42px;
    overflow: hidden;
    background-color: white;
    /*border: 6px solid white;*/
    border-radius: 50%;
    box-shadow: 0 2px 8px rgb(0 0 0 / 0.2);
}

.userHeaderContainer[b-2e1i78n8al] {
    position: relative;
    display: flex;
    height: 60px;
    width: 100%;
}

.text-ellipsis[b-2e1i78n8al] {
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
    text-transform: none;
    text-align: justify;
    margin: 0;
}

    .text-ellipsis.short[b-2e1i78n8al] {
        -webkit-line-clamp: 4; /* Limits to 6 lines */
    }

.btn-more[b-2e1i78n8al] {
    background-color: transparent;
    color: #0056b3;
    border: none;
    cursor: pointer;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
    text-decoration: underline;
    padding: 0;
    z-index: 19; /* Ensure button is above other elements */
    position: relative; /* Avoid overlapping */
}

.avatar-link[b-2e1i78n8al] {
    display: flex;
    width: fit-content;
    align-items: center;
    cursor: pointer;
}
/* /Shared/Payment/PaymentFailed.razor.rz.scp.css */
.w-header[b-6zik2vn4ph] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: fixed;
}

.purchase[b-6zik2vn4ph] {
    font-size: 14px;
    color: white;
}

    .purchase a[b-6zik2vn4ph] {
        color: cyan;
    }

.statement[b-6zik2vn4ph] {
    font-size: 11px;
    color: white;
}

    .statement a[b-6zik2vn4ph] {
        color: cyan;
    }

.forgot-pass[b-6zik2vn4ph] {
    font-size: 11px;
    color: white;
}

    .forgot-pass a[b-6zik2vn4ph] {
        color: white;
    }
/* /Shared/Payment/PaymentSuccess.razor.rz.scp.css */
.w-header[b-bncn0dmp6d] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: fixed;
}

.purchase[b-bncn0dmp6d] {
    font-size: 14px;
    color: white;
}

    .purchase a[b-bncn0dmp6d] {
        color: cyan;
    }

.statement[b-bncn0dmp6d] {
    font-size: 11px;
    color: white;
}

    .statement a[b-bncn0dmp6d] {
        color: cyan;
    }

.forgot-pass[b-bncn0dmp6d] {
    font-size: 11px;
    color: white;
}

    .forgot-pass a[b-bncn0dmp6d] {
        color: white;
    }
/* /Shared/PoiLandingTemplates/WarmBrew.razor.rz.scp.css */
.poi-header[b-fyr0ux02zo] {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.link-container[b-fyr0ux02zo] {
    display: flex;
    width: 100%;
}

.box[b-fyr0ux02zo] {
    display: flex;
    padding: 4px;
    box-sizing: border-box;
    align-items: center;
    min-width: 60px;
}

.box1[b-fyr0ux02zo], .box3[b-fyr0ux02zo] {
    flex: 0 0 auto; /* Don't grow or shrink, size to content */
}

.box2[b-fyr0ux02zo] {
    flex: 1 1 auto; /* Grow to fill remaining space */
    justify-content: center;
}

.navbar[b-fyr0ux02zo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.logo-row[b-fyr0ux02zo] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    width: 100%;
    margin: 8px;
    justify-content: center;
}

.links-row[b-fyr0ux02zo] {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.logo-container[b-fyr0ux02zo]{
    display: flex;
    justify-content: center;
    width: 100%;
}

.logo a[b-fyr0ux02zo] {
    font-size: 2rem;
    font-weight: bold;
    color: #5c4033;
    text-decoration: none;
}

.nav-links[b-fyr0ux02zo] {
    list-style: none;
    display: flex;
    gap: 1.5rem;
    margin: 0;
    padding: 0;
}

    .nav-links li div[b-fyr0ux02zo] {
        text-decoration: none;
        color: #444;
        cursor: pointer;
        font-weight: 500;
    }
        .nav-links li div:hover[b-fyr0ux02zo] {
            text-decoration: underline;
            opacity: 0.85;
        }

.nav-button .btn[b-fyr0ux02zo] {
    background-color: #5c4033;
    color: white;
    padding: 0.5rem 1.5rem;
    border-radius: 25px;
    text-decoration: none;
}

.hero[b-fyr0ux02zo] {
    background-size: cover;
    background-position: center;
    padding: 5rem 2rem;
    margin: 4rem 0;
    text-align: center;
    color: white;
    position: relative;
    z-index: 5;
}

    .hero[b-fyr0ux02zo]::before {
        content: "";
        background: rgba(0,0,0,0.4);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

.hero-content[b-fyr0ux02zo] {
    position: relative;
    z-index: 1;
}

.hero h1[b-fyr0ux02zo] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.hero p[b-fyr0ux02zo] {
    font-size: 1.2rem;
    margin-bottom: 2rem;
}

.hero-btn[b-fyr0ux02zo] {
    background-color: #5c4033;
    color: white;
    padding: 0.75rem 2rem;
    border-radius: 50px;
    text-decoration: none;
}

.our-story[b-fyr0ux02zo] {
    color: white;
    padding: 4rem 2rem;
    width: 80%;
    margin: auto;
    text-align: center;
    position: relative;
    z-index: 5; /* set this above the background but below overlays if needed */
}

    .our-story[b-fyr0ux02zo]::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: -1; /* 🔑 make the background go *behind* the content */
        border-radius: inherit; /* optional, for rounded layouts */
    }

footer[b-fyr0ux02zo] {
    text-align: center;
    padding: 2rem;
    background-color: #f3f3f3;
    margin-top: 3rem;
}

.poi-landing-container[b-fyr0ux02zo] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: auto;
    padding: 0;
    max-width: 1600px;
    min-height: 100vh;
    height: 100vh;
    overflow-y: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    z-index: 1;
}

.poi-landing-overlay[b-fyr0ux02zo] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.2);
    z-index: 0;
}

.landing-content[b-fyr0ux02zo] {
    position: relative;
    z-index: 1;
    padding: 2rem;
}

.poi-logo[b-fyr0ux02zo] {
    display: block;
    max-width: 150px;
    margin: 2rem auto;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* ----------------------------------------------- */
/* Images */
/* ----------------------------------------------- */

.section-meals[b-fyr0ux02zo] {
    margin: 4rem 0;
    padding: 0;
    z-index: 5;
}

.meals-showcase[b-fyr0ux02zo] {
    list-style: none;
    width: 100%;
}

    .meals-showcase li[b-fyr0ux02zo] {
        display: block;
        float: left;
        width: 25%;
    }

.meal-photo[b-fyr0ux02zo] {
    width: 100%;
    margin: 0;
    overflow: hidden;
    background-color: #000;
}

    .meal-photo img[b-fyr0ux02zo] {
        opacity: 0.7;
        width: 100%;
        height: auto;
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
        -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
        transition: transform 0.5s, opacity 0.5s;
    }

        .meal-photo img:hover[b-fyr0ux02zo] {
            opacity: 1;
            -webkit-transform: scale(1.03);
            -ms-transform: scale(1.03);
            transform: scale(1.03);
        }


.opening-Hours-Section[b-fyr0ux02zo] {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: auto;
    padding: 4rem 0;
    width: 80%;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*    .opening-Hours-Section::before {
        content: "";
        background: rgba(0,0,0,0.4);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }*/

.opening-Hours-Section-content[b-fyr0ux02zo] {
    position: relative;
    flex-wrap: wrap;
    display: flex;
    height: auto;
    gap: 20px;
    width: 80%;
    align-items: center;
    justify-content: space-around;
    z-index: 1;
    max-width: 600px;
    margin: auto;
}

.poi-logo[b-fyr0ux02zo] {
    max-width: 120px;
    margin-bottom: 1rem;
}

.poi-description[b-fyr0ux02zo] {
    font-size: 1.2rem;
    margin-bottom: 2rem;
}

.opening-hours[b-fyr0ux02zo] {
    background-color: rgba(255, 255, 255, 0.9);
    color: black;
    min-width: fit-content;
    z-index: 5;
    padding: 1.5rem;
    border-radius: 8px;
}

.poi-cta-buttons[b-fyr0ux02zo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cta[b-fyr0ux02zo] {
    color: white;
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 30px;
    font-weight: bold;
    font-size: 1.25rem;
}

.green[b-fyr0ux02zo] {
        background-color: #26997c;
}

.blue[b-fyr0ux02zo] {
    background-color: #007bff;
}

.orange[b-fyr0ux02zo] {
    background-color: var(--mud-palette-primary);
}

.brown[b-fyr0ux02zo] {
    background-color: #5c4033;
}

.castel-strip-section[b-fyr0ux02zo] {
    position: relative;
    margin: 6rem 0;
    width: 100%;
    height: 140px;
    padding: 4rem 2rem;
    background-color: black;
    display: flex;
    align-items: center;
    justify-content: center;
}

.strip-background[b-fyr0ux02zo] {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: repeating-linear-gradient( 0deg, black 0px, black 15px, white 10px, white 25px );
    z-index: 0;
}

.logo-container[b-fyr0ux02zo] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.castel-logo[b-fyr0ux02zo] {
    height: 200px;
    width: 200px;
    max-width: 300px;
    border: 8px solid white;
    border-radius: 50%;
}

.contact-footer[b-fyr0ux02zo] {
    background-color: black;
    margin: 4rem 0;
    color: white;
    padding: 2rem 1rem;
    text-align: center;
    font-family: 'Segoe UI', sans-serif;
}

.footer-content[b-fyr0ux02zo] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 1.5rem;
}

.footer-col h4[b-fyr0ux02zo] {
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.footer-col p[b-fyr0ux02zo] {
    margin: 0.2rem 0;
    font-size: 0.95rem;
}

.footer-socials[b-fyr0ux02zo] {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.footer-disclaimer[b-fyr0ux02zo] {
    font-size: 0.8rem;
    opacity: 0.75;
    margin-top: 1rem;
}

.status-message[b-fyr0ux02zo] {
    font-weight: bold;
    margin-bottom: 1rem;
}

    .status-message.open[b-fyr0ux02zo] {
        color: #4caf50; /* green */
    }

    .status-message.closed[b-fyr0ux02zo] {
        color: #f44336; /* red */
    }


@media (max-width: 800px) {
    .navbar[b-fyr0ux02zo] {
        padding: 1rem 0 0 0;
    }
}
/* /Shared/POIOrdersManager/POIEventsPlanner.razor.rz.scp.css */
.event[b-hd660uf6cn] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    padding: 0 4px 0 4px;
    margin: 4px 0 4px 0;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    cursor: pointer;
}

.event-meeting[b-hd660uf6cn] {
    background-color: var(--mud-palette-primary);
}

.event-meal[b-hd660uf6cn] {
    background-color: rgb(205, 205, 76);
}

@media (max-width: 1200px) {
    .event[b-hd660uf6cn] {
        border-radius: 10px
    }
}
/* /Shared/POIOrdersManager/POIOrdersManager.razor.rz.scp.css */
/*.order-list-container {
    display: block;
    padding: 10px;
    width: 100%;
    height: 100%;
}

.messages-container {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    height: -webkit-fill-available;
    max-height: calc(100vh - 331px);
    height: 100%;
    width: 100%;
    border-radius: 10px;
    overflow: scroll;
    background-color: rgba(230, 126, 34, 0.4);
}*/
/* Style for the chat input container */
/*.chat-input-container {
    display: flex;
    align-items: center;
    margin: 10px 0 0 0;
    padding: 0px;
    background-color: #fff;
}*/

/* Style for the input field */
/*.chat-input {
    width: 100%;
    padding: 8px;
    border: none;
    border-radius: 10px;
    background-color: #f2f2f2;
    font-size: 14px;
    resize: none;*/ /* Allow vertical resizing of the textarea */
/*}*/

/* Style for the send button */
/*.send-button {
    margin-left: 10px;
    padding: 6px 10px;
    border: none;
    border-radius: 50%;
    background-color: #007bff;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}*/

/* Style for the message container */
/*.message-container {
    display: flex;
    align-items: flex-start;
    margin: 10px;
}*/

/* Style for the message bubble */
/*.message-bubble {
    max-width: 70%;
    padding: 10px;
    border-radius: 10px;
    background-color: #e5e5ea;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    font-size: 16px;
    width: fit-content;
}*/

/* Style for the timestamp */
/*.timestamp {
    font-size: 12px;
    color: #888;
    margin-top: 5px;
}*/

.order-wrapper[b-k5mhuwqjer] {
    width: max-content;
    height: 100%;
    max-width: 400px;
    transition: opacity 0.4s ease, transform 0.4s ease;
    opacity: 1;
    transform: translateY(0);
}

    .order-wrapper.hide[b-k5mhuwqjer] {
        opacity: 0;
        transform: translateY(-20px);
    }

.cancelled-item[b-k5mhuwqjer] {
    opacity: 0.5;
    text-decoration: line-through;
}

.disabled[b-k5mhuwqjer] {
    opacity: 0.5;
    pointer-events: none;
}

/* /Shared/POIOrdersManager/POIOrdersUsersView.razor.rz.scp.css */
/*.order-list-container {
    display: block;
    padding: 10px;
    width: 100%;
    height: 100%;
}

.messages-container {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    height: -webkit-fill-available;
    max-height: calc(100vh - 331px);
    height: 100%;
    width: 100%;
    border-radius: 10px;
    overflow: scroll;
    background-color: rgba(230, 126, 34, 0.4);
}*/
/* Style for the chat input container */
/*.chat-input-container {
    display: flex;
    align-items: center;
    margin: 10px 0 0 0;
    padding: 0px;
    background-color: #fff;
}*/

/* Style for the input field */
/*.chat-input {
    width: 100%;
    padding: 8px;
    border: none;
    border-radius: 10px;
    background-color: #f2f2f2;
    font-size: 14px;
    resize: none;*/ /* Allow vertical resizing of the textarea */
/*}*/

/* Style for the send button */
/*.send-button {
    margin-left: 10px;
    padding: 6px 10px;
    border: none;
    border-radius: 50%;
    background-color: #007bff;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}*/

/* Style for the message container */
/*.message-container {
    display: flex;
    align-items: flex-start;
    margin: 10px;
}*/

/* Style for the message bubble */
/*.message-bubble {
    max-width: 70%;
    padding: 10px;
    border-radius: 10px;
    background-color: #e5e5ea;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    font-size: 16px;
    width: fit-content;
}*/

/* Style for the timestamp */
/*.timestamp {
    font-size: 12px;
    color: #888;
    margin-top: 5px;
}*/

.order-wrapper[b-067hhyg2jn] {
    width: max-content;
    height: 100%;
    max-width: 400px;
    transition: opacity 0.4s ease, transform 0.4s ease;
    opacity: 1;
    transform: translateY(0);
}

    .order-wrapper.hide[b-067hhyg2jn] {
        opacity: 0;
        transform: translateY(-20px);
    }

.cancelled-item[b-067hhyg2jn] {
    opacity: 0.5;
    text-decoration: line-through;
}
/* /Shared/POIOrdersManager/POIReservationsManager.razor.rz.scp.css */
.reservations-container[b-utzaksg3gu] {
    display: flex;
    flex-direction: column;
    height: auto;
    width: 100%;
    flex: 1;
    overflow: auto;
}

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

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

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

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

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


.poi-management-container[b-utzaksg3gu] {
    display: flex;
    width: 100%;
    height: 50%;
}

.tables-container[b-utzaksg3gu] {
    display: flex;
    padding: 12px;
    width: 50%;
}

.reservations-container[b-utzaksg3gu] {
    display: flex;
    padding: 12px;
    width: 50%;
}


@media (max-width: 1600.98px) {
    .poi-management-container[b-utzaksg3gu] {
        display: block;
        height: auto;
    }

    .tables-container[b-utzaksg3gu] {
        height: 50%;
        width: 100%;
    }

    .reservations-container[b-utzaksg3gu] {
        height: 50%;
        width: 100%;
    }

    .settings-layout[b-utzaksg3gu] {
        height: 100vh;
    }

    .top-row:not(.auth)[b-utzaksg3gu] {
        display: none;
    }

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

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

@media (min-width: 1601px) {
    .settings-layout[b-utzaksg3gu] {
        flex-direction: row;
    }

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

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

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

    .top-row[b-utzaksg3gu], article[b-utzaksg3gu] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/POISearch.razor.rz.scp.css */
.mud-item[b-jjb16hj7z7] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.2rem;
    height: 100%;
    width: 100%;
    flex: 0 0 65%;
    max-width: 65%;
}
.mud-carousel[b-jjb16hj7z7] {
    padding: 0.2rem;
    height: auto;
    min-height: 1rem;
    width: 100%;
    flex: 0 0 35%;
    max-width: 35%;
}

.mud-poi-button[b-jjb16hj7z7] {
    aspect-ratio: 16 / 4;
}

/*@media (min-width: 376px) {
    .mud-item {
        flex: 0 0 65%;
        max-width: 65%;
    }
    .mud-carousel {
        flex: 0 0 35%;
        max-width: 35%;
    }
}*/

/*@media (max-width: 375.98px) {
    .mud-poi-button {
        aspect-ratio: unset;
    }
    .mud-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mud-carousel {
        flex: 0 0 100%;
        max-width: 100%;
        aspect-ratio: 10/3;
    }
}*/
/* /Shared/POISearchAccordion.razor.rz.scp.css */
.mud-item[b-3f9wxm52a2] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.2rem;
    height: 100%;
    width: 100%;
    flex: 0 0 65%;
    max-width: 65%;
}
.mud-carousel[b-3f9wxm52a2] {
    padding: 0.2rem;
    height: auto;
    min-height: 1rem;
    width: 100%;
    flex: 0 0 35%;
    max-width: 35%;
}

.mud-poi-button[b-3f9wxm52a2] {
    aspect-ratio: 16 / 4;
}

/*@media (min-width: 376px) {
    .mud-item {
        flex: 0 0 65%;
        max-width: 65%;
    }
    .mud-carousel {
        flex: 0 0 35%;
        max-width: 35%;
    }
}*/

/*@media (max-width: 375.98px) {
    .mud-poi-button {
        aspect-ratio: unset;
    }
    .mud-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mud-carousel {
        flex: 0 0 100%;
        max-width: 100%;
        aspect-ratio: 10/3;
    }
}*/
/* /Shared/POIs/POIFurnitureForm.razor.rz.scp.css */
.mud-paper[b-ywoek7lmd1] {
    margin: 1rem 0; /* Equivalent to my-3 (margin-y: 3) */
    padding: 1rem; /* Equivalent to pa-4 (padding: 4) */
    box-shadow: var(--mud-elevation-1); /* Matches Elevation="1" */
    background-color: var(--mud-palette-surface); /* Default MudPaper background */
    border-radius: var(--mud-default-border-radius);
}

.furniture-info[b-ywoek7lmd1] {
    display: block;
    width: 100%;
}


@media(max-width: 960.98px) {
    .mud-paper[b-ywoek7lmd1] {
        min-width: fit-content;
    }

    .furniture-info[b-ywoek7lmd1] {
        display: flex;
        overflow: auto;
        align-items: center;
        gap: 12px;
    }
}
/* /Shared/POIs/POIHeader.razor.rz.scp.css */
.poi-header[b-em4xktf3dn] {
    display: flex;
    position: fixed;
    top: 0px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    background-color: #ffffff;
    transition: transform 0.3s ease-in-out;
    z-index: 500;
}

    .poi-header.hide[b-em4xktf3dn] {
        transform: translateY(-100%);
    }

    .poi-header.show[b-em4xktf3dn] {
        transform: translateY(0);
    }
/* /Shared/Posts/PostView.razor.rz.scp.css */
.userFacePhoto[b-elcal4arci] {
    width: 42px;
    height: 42px;
    overflow: hidden;
    background-color: white;
    /*border: 6px solid white;*/
    border-radius: 50%;
    box-shadow: 0 2px 8px rgb(0 0 0 / 0.2);
}

.userHeaderContainer[b-elcal4arci] {
    position: relative;
    display: flex;
    height: 60px;
    width: 100%;
}

.text-ellipsis[b-elcal4arci] {
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
    text-transform: none;
    text-align: justify;
    margin: 0;
}

    .text-ellipsis.short[b-elcal4arci] {
        -webkit-line-clamp: 4;  /*Limits to 6 lines */
    }

.btn-more[b-elcal4arci] {
    background-color: transparent;
    color: #0056b3;
    border: none;
    cursor: pointer;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
    text-decoration: underline;
    padding: 0;
}

.hashtag-link[b-elcal4arci], .mention-link[b-elcal4arci] {
    color: #007bff;
    text-decoration: none;
    cursor: pointer;
}

    .hashtag-link:hover[b-elcal4arci], .mention-link:hover[b-elcal4arci] {
        text-decoration: underline;
    }

.avatar-link[b-elcal4arci] {
    display: flex;
    width: fit-content;
    align-items: center;
    cursor: pointer;
}
/* /Shared/QR/QR.razor.rz.scp.css */
.table-menu-link[b-agrt860757] {
    margin: 12px 0;
    flex-grow: 1;
    width: 10px;
}

.text-ellipsis[b-agrt860757] {
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden; /* Hides overflowing text */
    text-overflow: ellipsis; /* Adds "..." when text overflows */
}
/* /Shared/RecipeExtra/AddEditRecipeExtraView.razor.rz.scp.css */
.animated-extra-div[b-congswp0zy] {
    position: absolute; /* Change to absolute to position inside the accordion-container */
    top: 0; /* Align to top */
    left: 0; /* Align to left */
    width: 100%; /* Cover the full width of the accordion-container */
    height: 100%; /* Cover the full height of the accordion-container */
    background-color: rgba(255, 255, 255, 1); /* Use semi-transparent background to indicate coverage */
    padding: 0;
    text-align: center;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s;
    opacity: 0.8; /* Start hidden */
    visibility: hidden; /* Initially hidden */
    overflow: auto;
}

    .animated-extra-div.visible[b-congswp0zy] {
        transform: translateY(0); /* Move to the visible position */
        opacity: 1; /* Fade in */
        visibility: visible; /* Make it visible */
    }

    .animated-extra-div.hidden[b-congswp0zy] {
        transform: translateY(100%); /* Move off-screen */
        opacity: 0.8; /* Fade out */
        visibility: hidden; /* Hide but keep in flow */
    }
/* /Shared/RecipeExtra/EditCategoryExtraView.razor.rz.scp.css */
.animated-category-div[b-6e7yt6yoab] {
    position: absolute; /* Change to absolute to position inside the accordion-container */
    top: 0; /* Align to top */
    left: 0; /* Align to left */
    width: 100%; /* Cover the full width of the accordion-container */
    height: 100%; /* Cover the full height of the accordion-container */
    background-color: rgba(255, 255, 255, 1); /* Use semi-transparent background to indicate coverage */
    padding: 0;
    text-align: center;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s;
    opacity: 0.8; /* Start hidden */
    visibility: hidden; /* Initially hidden */
    overflow: auto;
}

    .animated-category-div.visible[b-6e7yt6yoab] {
        transform: translateY(0); /* Move to the visible position */
        opacity: 1; /* Fade in */
        visibility: visible; /* Make it visible */
    }

    .animated-category-div.hidden[b-6e7yt6yoab] {
        transform: translateY(100%); /* Move off-screen */
        opacity: 0.8; /* Fade out */
        visibility: hidden; /* Hide but keep in flow */
    }
/* /Shared/RecipeExtra/RecipeExtraAorBForm.razor.rz.scp.css */
.recipe-extra-container[b-q8ckadprr7] {
    position: relative;
    max-width: 500px;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/* /Shared/RecipeExtra/RecipeExtraCheckboxForm.razor.rz.scp.css */
.recipe-extra-container[b-ip506mrp3t] {
    position: relative;
    max-width: 500px;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/* /Shared/RecipeExtra/RecipeExtraRadioForm.razor.rz.scp.css */
.recipe-extra-container[b-9yzqxslezl] {
    position: relative;
    max-width: 500px;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/* /Shared/RecipeInfo.razor.rz.scp.css */
/*.recipeContainer {
    display: flex;
}

.divCarusel {
    margin-right: 12px;
    border-radius:10px;
}*/

/*@media (max-width: 600px) {
    .recipeContainer {
        display: block !important;
        justify-content: center;
    }
    .divCarusel {
        display: flex;
        justify-content:center;
    }
}*/
/* /Shared/RecipeMealView.razor.rz.scp.css */
.recipeContainer[b-z5jyq2sk31] {
    display: flex;
}

.divCarusel[b-z5jyq2sk31] {
    margin-right: 12px;
}

@media (max-width: 1200px) {
    .recipeContainer[b-z5jyq2sk31] {
        display: block !important;
        justify-content: center;
    }

    .divCarusel[b-z5jyq2sk31] {
        display: flex;
        justify-content: center;
    }
}

div.button[b-z5jyq2sk31] {
    display: inline-block;
    -webkit-appearance: button;
    padding: 3px 8px 3px 8px;
    font-size: 13px;
    position: relative;
    cursor: context-menu;
}





/** {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

$grey1:#e8e8ee;
$grey2:#9497aa;
$grey3:#5a5863;
$brown:#ab816b;
$blue:#1a7fa8;

body {
    height: 100vh;
    background: linear-gradient(to top, #09203f 0%, #537895 100%);
}

@function randomNum($min, $max) {
    $rand: random();
    $randomNum: $min + floor($rand * (($max - $min) + 1));

    @return $randomNum;*/
    /* e.g. font-size: #{randomNum(5, 10)}px; */
/*}

#container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 0 20%;

    @media (max-width:968px) {
        flex-wrap:wrap;
    }

    .item{
    position: relative;
    width: 100%;
    height: 240px;
    cursor: pointer;
    z-index: 0;
    margin: 20px;

    @media (max-width:968px) {
        width:100%;
    }

    .content{
    height: 100%;
    width: 100%;
    border: 2px solid $grey1;
    display: flex;
    align-items: flex-end;
    padding: 10px 15px;
    border-radius: 4px;
    background: #fff;
    transform: rotate(0) scale(1);
    transition: all .2s cubic-bezier(.28,.05,.65,.97);
    box-shadow: 0 0 0 0 rgba(0,0,0,0.3);

    h2{
    font-weight: 600;
    color: $grey3;
    transition: all .3s cubic-bezier(.28,.05,.65,.97);
    }

    &:after {
        position: absolute;
        bottom: -2px;
        right: -2px;
        content: "";
        width: calc(100% + 4px);
        height: 4px;
        background: $blue;
        border-radius: 0 0 4px 4px;
        transition: all .3s cubic-bezier(.28,.05,.65,.97);
    }
}

.previews {
    position: relative;
    bottom: 0;
    left: 0;
    z-index: -1;
    &:nth-child(2){

    .preview-image {
        right: 0;
    }

}

.preview-image {
    width: 160px;
    height: 110px;
    transition: all .2s cubic-bezier(.28,.05,.65,.97);
    position: absolute;
    bottom: 10px;
    left: 0;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 0 0 0 rgba(0,0,0,0.3);
    img

{
    width: 140%;
}

}
}

&:hover {
    z-index: 5;
    .content

{
    background: $grey3;
    border: 2px solid $grey3;
    transform: rotate(0) scale(1.05);
    animation: shake .4s 1;
    animation-delay: .4s;
    box-shadow: -27px 18px 80px 0 rgba(0,0,0,0.3);
    transition: all .3s cubic-bezier(.28,.05,.65,.97);
    &:after

{
    width: 0;
    transition: all .3s cubic-bezier(.28,.05,.65,.97);
}

h2 {
    color: $grey1;
    transition: all .3s cubic-bezier(.28,.05,.65,.97);
}

}

.previews {
    .preview-image

{
    transition: all .2s cubic-bezier(.28,.05,.65,.97);
    box-shadow: -8px 5px 30px 0 rgba(0,0,0,0.2);
    &:nth-child(1)

{
    transform: rotate(#{randomNum(-10, 10)}deg) translate(-150px, -100px);
    transition-delay: .4s;
}

&:nth-child(2) {
    transform: rotate(#{randomNum(-10, 10)}deg) translate(-120px, 0);
    transition-delay: .45s;
}

&:nth-child(3) {
    transform: rotate(#{randomNum(-10, 10)}deg) translate(-40px, 100px);
    transition-delay: .55s;
}

&:nth-child(4) {
    transform: rotate(#{randomNum(-10, 10)}deg) translate(130px, 70px);
    transition-delay: .5s;
}

&:nth-child(5) {
    transform: rotate(#{randomNum(-10, 10)}deg) translate(180px, -40px);
    transition-delay: .6s;
}

}
}
}

@keyframes shake {
    0% {
        transform: rotate(3deg) scale(1.2)
    }

    20% {
        transform: rotate(-3deg) scale(1.2)
    }

    40% {
        transform: rotate(3deg) scale(1.2)
    }

    60% {
        transform: rotate(-3deg) scale(1.2)
    }

    80% {
        transform: rotate(3deg) scale(1.2)
    }

    100% {
        transform: rotate(0) scale(1.2)
    }
}

}
}*/
/* /Shared/RecipePOIInfoView.razor.rz.scp.css */
.recipe-container[b-ala90w8g9m] {
    display: flex;
    flex-wrap: wrap;
    gap: 2%; /* Add some spacing between items */
}

.carousel-wrapper[b-ala90w8g9m] {
    flex: 1 1 100%; /* Default takes full width on smaller screens */
    max-width: 33.33%; /* Limit to 33.33% width for larger screens */
    padding: 16px 0;
    border-radius: 10px;
    overflow: hidden;
}

.content-wrapper[b-ala90w8g9m] {
    flex: 1 1 100%; /* Default takes full width on smaller screens */
    max-width: 64.66%; /* Limit to 66.66% width for larger screens */
    padding: 16px 0;
}

@media (max-width: 768px) {
    .carousel-wrapper[b-ala90w8g9m], .content-wrapper[b-ala90w8g9m] {
        max-width: 100%;
    }
}
/* /Shared/RecipeShortViewButton.razor.rz.scp.css */
.responsive-text[b-hawx4mbwkc] {
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.0075em;
    font-size: 1rem;
    text-transform: none;
    text-align: justify;
}

.text-ellipsis[b-hawx4mbwkc] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* Limits to 2 lines */
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.0065em;
    font-size: 0.875rem;
    text-transform: none;
    text-align: justify;
    margin: 0;
}

.responsive-price[b-hawx4mbwkc] {
    display: flex;
    width: fit-content;
    margin: 0;
    gap: 4px;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.0075em;
    font-size: 1rem;
    text-transform: none;
}


@media (max-width: 768px) {
    .responsive-text[b-hawx4mbwkc] {
        font-size: 0.95rem;
    }
    .text-ellipsis[b-hawx4mbwkc] {
        font-size: 0.825rem;
    }
    .responsive-price[b-hawx4mbwkc] {
        font-size: 0.95rem;
    }
}

@media (max-width: 480px) {
    .responsive-text[b-hawx4mbwkc] {
        font-size: 0.875rem;
    }
    .text-ellipsis[b-hawx4mbwkc] {
        font-size: 0.75rem;
    }
    .responsive-price[b-hawx4mbwkc] {
        font-size: 0.875rem;
    }
}
/* /Shared/Search.razor.rz.scp.css */
.input-group[b-whn2i938mu] {
    display:flex;
    border: 1px solid var(--mud-palette-primary);
    flex-grow: 1;
    border-radius: 50px;
    overflow: hidden;
    max-width: 400px;
    align-items: center;
    height: 40px;
}

*:focus[b-whn2i938mu] {
    outline: none;
}

.form-control[b-whn2i938mu]{
    border: none;
    border-color:transparent;
}

    .form-control:focus[b-whn2i938mu], textarea:focus[b-whn2i938mu], input:focus[b-whn2i938mu] {
        outline: none;
    }
/* /Shared/SearchByLocation.razor.rz.scp.css */
/* /Shared/SearchedMeals.razor.rz.scp.css */
/*.container {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    justify-content: center;
}*/

/*.container {
    max-width: 1600px;
    margin: 0px auto;
    padding: 2rem var(30px);
    min-height: calc(100vh);
    overflow: hidden;
}*/

img[b-okg36oqyo0] {
    width: 100% !important; 
    height: 100%; 
    aspect-ratio: 1 / 1;
    object-fit:cover;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    border-radius: 10px;
    transition: transform .8s;

}

    img:hover[b-okg36oqyo0] {
        /*transform: scale(1.1) rotate(5deg);*/
        transform: scale(1.1);
    }

.featured-meal[b-okg36oqyo0] {
    margin: 10px;
    text-align: center;
    padding: 10px;
    border: 1px solid lightgray;
    border-radius: 10px;
    max-width: 200px;
}

@media (max-width: 1023.98px) {
    .container[b-okg36oqyo0] {
        justify-content: flex-start;
    }
}
/* /Shared/SearchPOIByName.razor.rz.scp.css */
.input-group[b-6kk5cadfn6] {
    display:flex;
    margin-bottom: 12px;
    border: 1px solid var(--mud-palette-primary);
    flex-grow: 1;
    border-radius: 50px;
    overflow: hidden;
    max-width: 400px;
    align-items: center;
    height: 40px;
}

*:focus[b-6kk5cadfn6] {
    outline: none;
}

.form-control[b-6kk5cadfn6]{
    border: none;
    border-color:transparent;
}

    .form-control:focus[b-6kk5cadfn6], textarea:focus[b-6kk5cadfn6], input:focus[b-6kk5cadfn6] {
        outline: none;
    }
/* /Shared/SelectLocation/AddressFormat.razor.rz.scp.css */
.address-item[b-801c0blphc] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.2em;
    text-align: left;
}

.address-text[b-801c0blphc] {
    text-transform: capitalize;
    font-size: clamp(0.7em, 5vw, 1em); /* Fit to width with a limit */
    white-space: nowrap; /* Prevent text wrapping if necessary */
    overflow: hidden; /* Hide overflow if text is too long */
    text-overflow: ellipsis; /* Add ellipsis if text overflows */
}

    .address-text.country[b-801c0blphc] {
        flex-basis: 100%;
    }

    .address-text.no-country[b-801c0blphc] {
        flex-basis: 0%;
    }

/* Class when Wrap is true */
.wrap-address[b-801c0blphc] {
    flex-direction: column;
}

/* Class when Wrap is false */
.no-wrap-address[b-801c0blphc] {
    flex-direction: row;
}

/*@media (max-width: 768px) {
    .address-text {
        font-size: clamp(0.7em, 1.5vw, 1em);
    }

}

@media (max-width: 480px) {
    .address-text {
        font-size: clamp(0.6em, 1vw, 0.9em);
    }
}*/
/* /Shared/SelectLocation/ByAddress.razor.rz.scp.css */
.table-container[b-bk2g3kfs57] {
    display: block;
    height: 100%;
    width: 100%;
}

.row-container[b-bk2g3kfs57] {
    display: none;
    height: 100%;
    width: 100%;
}

@media (max-width: 600px) {
    .table-container[b-bk2g3kfs57] {
        display: none;
    }

    .row-container[b-bk2g3kfs57] {
        display: block;
    }
}
/* /Shared/SelectLocation/UserPOIAddressesRowList.razor.rz.scp.css */
.poi-button-list-container[b-ss2hm2duiu] {
    display: block;
    width: 100%;
    overflow: scroll;
    max-height: calc(100vh - 435px);
}

.poi-button[b-ss2hm2duiu] {
    border-radius: 10px;
    height: fit-content;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px;
    margin-bottom: 10px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

    .poi-button:hover[b-ss2hm2duiu] {
        background-color: #f7f7f7;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    }

.poi-details[b-ss2hm2duiu] {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-grow: 1;
}

.title-container[b-ss2hm2duiu] {
    display: flex;
    width: 100%;
    align-items: flex-end;
    margin-bottom: 5px;
    gap: 0.5em;
}

.poi-title[b-ss2hm2duiu] {
    font-size: 1.2em;
    font-weight: bold;
    color: #333333;
}

.poi-meeting-place[b-ss2hm2duiu] {
    font-size: 12px;
    color: #666666;
}

.poi-text[b-ss2hm2duiu] {
    font-size: 1em;
    margin-bottom: 4px;
    color: #666666;
}

.poi-address[b-ss2hm2duiu] {
    font-size: 1em;
    margin-bottom: 4px;
    color: #666666;
}

.menu-icon[b-ss2hm2duiu] {
    margin-left: 10px;
}

@media (max-width: 600px) {
    .poi-title[b-ss2hm2duiu] {
        font-size: 1.2em;
    }

    .poi-text[b-ss2hm2duiu] {
        font-size: 0.9em;
    }

    .poi-button[b-ss2hm2duiu] {
        padding: 10px;
    }

    .menu-icon[b-ss2hm2duiu] {
        margin-top: 10px;
        margin-left: 0;
    }

    .poi-button-list-container[b-ss2hm2duiu] {
        max-height: calc(100vh - 85px);
    }
}
/* /Shared/Settings/Monetization/Ads/ChooseObjective.razor.rz.scp.css */
.square-button[b-mum8fgj33d] {
    width: 150px; /* Set the width */
    height: 150px; /* Set the height to match the width for a square */
    border-radius: 10px; /* Optional: Rounded corners */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px; /* Adjust text size */
    font-weight: bold; /* Optional: Bold text */
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", "sans-serif";
    border: none;
    cursor: pointer;
    color: white;
}
/* /Shared/Settings/Monetization/Ads/CreateAd.razor.rz.scp.css */
.card-responsive[b-pqkeho0hk0] {
    width: 100%;
    border-radius: 10px;
    margin: 3rem;
    padding: 3rem;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
/* /Shared/Settings/Monetization/Ads/CreateAdTabs.razor.rz.scp.css */
body[b-kyuqu96iot] {
}
/* /Shared/Settings/Monetization/Ads/CustomizeDelivery.razor.rz.scp.css */
.card-responsive[b-orcuikyjsu] {
    width: 100%;
    border-radius: 10px;
    margin: 3rem;
    padding: 3rem;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

@media (max-width: 600px) {
    .card-responsive[b-orcuikyjsu] {
        margin: 1rem 0;
        padding: 1rem;
    }
}
/* /Shared/Settings/Monetization/MonetizationMenu.razor.rz.scp.css */
.navbar-toggler[b-jvkbj3v6mp] {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-jvkbj3v6mp] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

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

.custom-icon-style[b-jvkbj3v6mp] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

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

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

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

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

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

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

.side-menu[b-jvkbj3v6mp] {
    position: fixed;
    top: 64px;
    left: 0px;
    width: 250px;
    height: 100vh;
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    color: white;
    z-index: 1050;
    overflow-y: auto;
}


.nav-link[b-jvkbj3v6mp] {
    color: white;
    padding: 0.75rem 1rem;
    display: block;
    text-decoration: none;
}

    .nav-link:hover[b-jvkbj3v6mp] {
        background-color: rgba(255, 255, 255, 0.1);
        color: #ddd;
    }

.footer-nav[b-jvkbj3v6mp] {
    position: absolute;
    bottom: 10px;
    list-style: none;
    font-size: smaller;
    color: #bfbfbf;
    margin: 0;
    display: flex;
    gap: 10px;
}

    .footer-nav li[b-jvkbj3v6mp] {
        display: inline;
    }

    .footer-nav a[b-jvkbj3v6mp] {
        color: inherit;
    }

        .footer-nav a:hover[b-jvkbj3v6mp] {
            color: #0a58ca;
        }

.nav-scrollable[b-jvkbj3v6mp] {
    position: relative;
    height: calc(100vh - 3.5rem);
    overflow-y: auto;
}

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

    .collapse[b-jvkbj3v6mp] {
        display: block;
    }
}

@media (max-width: 641px) {
    .side-menu[b-jvkbj3v6mp] {
        top: 56px;
        left: -250px;
        transition: left 0.3s ease-in-out;
    }

        .side-menu.open[b-jvkbj3v6mp] {
            left: 0;
        }
}
/* /Shared/Settings/Monetization/POIManagment/POIManagementMain.razor.rz.scp.css */
.navbar-toggler[b-yifbop6vsh] {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-yifbop6vsh] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

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

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

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

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

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

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

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

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

.side-menu[b-yifbop6vsh] {
    position: fixed;
    top: 64px;
    left: 0px;
    width: 250px;
    height: 100vh;
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    color: white;
    z-index: 1050;
    overflow-y: auto;
}

.navbar-toggler[b-yifbop6vsh] {
    cursor: pointer;
}

.nav-link[b-yifbop6vsh] {
    color: white;
    padding: 0.75rem 1rem;
    display: block;
    text-decoration: none;
}

    .nav-link:hover[b-yifbop6vsh] {
        background-color: rgba(255, 255, 255, 0.1);
        color: #ddd;
    }


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

    .collapse[b-yifbop6vsh] {
        display: block;
    }

    .nav-scrollable[b-yifbop6vsh] {
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

@media (max-width: 1601px) {
    .side-menu[b-yifbop6vsh] {
        top: 56px;
        left: -250px;
        transition: left 0.3s ease-in-out;
    }

        .side-menu.open[b-yifbop6vsh] {
            left: 0;
        }
}
/* /Shared/Settings/Monetization/POIManagment/POIManagementMainView.razor.rz.scp.css */
.settings-layout[b-56whemez4k] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.settings-content[b-56whemez4k] {
    display: flex;
    flex-direction: column;
    height: auto;
    width: 100%;
    flex: 1;
    overflow: auto;
}

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

@media (max-width: 1600.98px) {
    .settings-layout[b-56whemez4k] {
        height: 100vh;
    }
}

@media (min-width: 1601px) {
    .settings-layout[b-56whemez4k] {
        flex-direction: row;
    }

    .settings-sidebar[b-56whemez4k] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }
}
/* /Shared/Settings/Monetization/POIs/EditPOITab.razor.rz.scp.css */
.poi-image[b-5ifzwzuwxw] {
    height: 200px;
    max-width: 200px;
    Max-height: 200px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 6px solid white;
    object-fit: cover;
    box-shadow: 0 10px 10px rgb(0 0 0 / 0.2);
}

.logo[b-5ifzwzuwxw] {
    border-radius: 50%;
}
/* /Shared/Settings/Monetization/POIs/LayoutsPOITables.razor.rz.scp.css */
.setup-area-container[b-0vmombb9y0] {
    display: flex;
    flex-grow: 1;
    /*max-height: 700px;*/
    display: flex;
}

.tools-container[b-0vmombb9y0] {
    display: block;
    padding: 4px;
    margin-right: 12px;
    margin-bottom: 0;
    width: 250px;
    max-height: 100%;
    min-width: min-content;
    flex-grow: 1;
    border: 1px solid rgba(168, 168, 168, 0.5);
    border-radius: 5px;
    overflow: auto;
}

.info-tools-container[b-0vmombb9y0] {
    display: block;
    width: auto;
    flex-grow: 1;
}

.info-area-container[b-0vmombb9y0] {
    display: block;
    width: auto;
    flex-grow: 1;
}

.furniture-container[b-0vmombb9y0] {
    display: block;
    width: auto;
    max-height: 100%;
    overflow: auto;
    flex-grow: 1;
}

.furniture-list[b-0vmombb9y0] {
    display: flex;
    width: auto;
    max-height: 100%;
    overflow: auto;
    flex-grow: 1;
}

.mud-paper[b-0vmombb9y0] {
    margin: 1rem 0; /* Equivalent to my-3 (margin-y: 3) */
    padding: 1rem; /* Equivalent to pa-4 (padding: 4) */
    box-shadow: var(--mud-elevation-1); /* Matches Elevation="1" */
    background-color: var(--mud-palette-surface); /* Default MudPaper background */
    border-radius: var(--mud-default-border-radius);
}

@media(max-width: 960.98px) {
    .setup-area-container[b-0vmombb9y0] {
        display: block;
        max-height: none;
    }

    .tools-container[b-0vmombb9y0] {
        width: auto;
        min-height: fit-content;
        min-width: unset;
        margin-right: 0;
        margin-bottom: 12px;
        overflow: unset;
    }

    .info-tools-container[b-0vmombb9y0] {
        width: 100%;
        overflow: auto;
        height: fit-content;
        gap: 12px;
    }

    .info-area-container[b-0vmombb9y0] {
        display: flex;
        gap: 10px;
    }

    .furniture-container[b-0vmombb9y0] {
        display: flex;
        align-items: center;
        width: fit-content;
    }

    .mud-paper[b-0vmombb9y0] {
        overflow: auto;
    }
}
/* /Shared/Settings/Monetization/POIs/OpeningHours.razor.rz.scp.css */
.header[b-nmakom63zi] {
    display: flex;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid lightgray;
    margin-bottom: 6px;
    padding-bottom: 6px;
}

.row[b-nmakom63zi] {
    display: flex;
    padding: 6px;
    align-items: center;
}

.col[b-nmakom63zi] {
    flex: 1;
}

.col-visible[b-nmakom63zi] {
    text-align: center;
}
/* /Shared/Settings/Monetization/POIs/POISettingsTabs.razor.rz.scp.css */
/* /Shared/Settings/Monetization/POIs/POISettings/AccordionMenu.razor.rz.scp.css */
.accordion-container[b-ka1kd1fxnm] {
    position: relative; /* Important to keep .animated-div positioned inside it */
    max-width: 500px;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.accordion[b-ka1kd1fxnm] {
    width: 100%;
    max-width: 500px;
    height: 100%;
    overflow: auto;
}

.accordion-button:focus[b-ka1kd1fxnm] {
    outline: none;
    box-shadow: none; /* Removes the blue border */
}

.accordion-header[b-ka1kd1fxnm] {
    /*  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/resources/img/aroundtable.jpg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px; /* Adds space around the content */
    height: 150px;
}

.accordion-body[b-ka1kd1fxnm] {
    padding: 0;
}

.accordion-button[b-ka1kd1fxnm] {
    background-color: transparent; /* Make the background transparent */
    border: none; /* Remove any border */
    box-shadow: none; /* Remove the default shadow */
    text-align: center; /* Center the text */
    justify-content: center; /* Center the text horizontally */
    outline: none; /* Center the text horizontally */
    color: white;
    height: 100%;
    font-weight: bold;
}

    .accordion-button[b-ka1kd1fxnm]::after {
        content: none; /* Hide the default arrow */
    }

    .accordion-button .arrow[b-ka1kd1fxnm] {
        color: white; /* Set icon color to white */
        margin-left: auto; /* Align the arrow to the right */
        font-size: 1.25rem; /* Optional: Adjust size of the icon */
        transition: transform 0.3s ease; /* Smooth transition */
    }

    /* Rotate the arrow when the accordion is expanded */
    .accordion-button:not(.collapsed) .arrow[b-ka1kd1fxnm] {
        transform: rotate(90deg); /* Rotate arrow when expanded */
    }

.animated-div-settings[b-ka1kd1fxnm] {
    position: absolute; /* Change to absolute to position inside the accordion-container */
    top: 0; /* Align to top */
    left: 0; /* Align to left */
    width: 100%; /* Cover the full width of the accordion-container */
    height: 100%; /* Cover the full height of the accordion-container */
    background-color: rgba(255, 255, 255, 1); /* Use semi-transparent background to indicate coverage */
    padding: 0;
    text-align: center;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s;
    opacity: 0.8; /* Start hidden */
    visibility: hidden; /* Initially hidden */
    overflow: auto;
}

    .animated-div-settings.visible[b-ka1kd1fxnm] {
        transform: translateY(0); /* Move to the visible position */
        opacity: 1; /* Fade in */
        visibility: visible; /* Make it visible */
    }

    .animated-div-settings.hidden[b-ka1kd1fxnm] {
        transform: translateY(100%); /* Move off-screen */
        opacity: 0.8; /* Fade out */
        visibility: hidden; /* Hide but keep in flow */
    }

/* Header wrapper styling to cover 20% of the div */
.header-wrapper-settings[b-ka1kd1fxnm] {
    height: 25%;
    width: 100%;
    background-color: lightgray; /* You can adjust this as needed */
    overflow: hidden;
}






/* /Shared/Settings/Monetization/POIs/POISettings/POISettingsMenu.razor.rz.scp.css */
.navbar-toggler[b-w6bfcszln3] {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-w6bfcszln3] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

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

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

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

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

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

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

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

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

.side-menu[b-w6bfcszln3] {
    position: fixed;
    top: 64px;
    left: 0px;
    width: 250px;
    height: 100vh;
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    color: white;
    z-index: 1050;
    overflow-y: auto;
}

.navbar-toggler[b-w6bfcszln3] {
    cursor: pointer;
}

.nav-link[b-w6bfcszln3] {
    color: white;
    padding: 0.75rem 1rem;
    display: block;
    text-decoration: none;
}

    .nav-link:hover[b-w6bfcszln3] {
        background-color: rgba(255, 255, 255, 0.1);
        color: #ddd;
    }


.nav-scrollable[b-w6bfcszln3] {
    position: relative;
    height: calc(100vh - 3.5rem);
    overflow-y: auto;
}

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

    .collapse[b-w6bfcszln3] {
        display: block;
    }

}

@media (max-width: 641px) {
    .side-menu[b-w6bfcszln3] {
        top: 56px;
        left: -250px;
        transition: left 0.3s ease-in-out;
    }
        .side-menu.open[b-w6bfcszln3] {
            left: 0;
        }
}
/* /Shared/Settings/Monetization/POIs/POISettings/POISettingsMenuView.razor.rz.scp.css */
.settings-layout[b-08pk2tpzz4] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.settings-content[b-08pk2tpzz4] {
    display: flex;
    justify-content: center;
    height: 100vh;
    width: 100%;
    flex: 1;
    overflow: auto;
}

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

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

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

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

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

@media (max-width: 640.98px) {
    .settings-layout[b-08pk2tpzz4] {
        min-height: 100vh;
    }

    .settings-content[b-08pk2tpzz4] {
        transition: left 0.3s ease-in-out;
        position: relative;
        left: 0;
    }

        .settings-content.open[b-08pk2tpzz4] {
            left: 250px;
        }

    .top-row:not(.auth)[b-08pk2tpzz4] {
        display: none;
    }

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

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

@media (min-width: 641px) {
    .settings-layout[b-08pk2tpzz4] {
        flex-direction: row;
    }

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

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

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

    .top-row[b-08pk2tpzz4], article[b-08pk2tpzz4] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/Settings/Monetization/POIs/POISettings/RecipeShortView.razor.rz.scp.css */
.text-ellipsis[b-h4neeimkw3] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* Limits to 2 lines */
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Shared/Settings/Monetization/POIs/POISubOverview.razor.rz.scp.css */
.plan-box[b-gbf71bfsge] {
    position: relative;
    background-color: #fff;
    border-radius: 20px;
    width: 90%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    border: 1px solid #eee;
    overflow: visible;
}

    .plan-box > div[b-gbf71bfsge] {
        padding: 20px;
        border-bottom: 1px solid #e8e8e8;
    }

        .plan-box > div:first-child[b-gbf71bfsge] {
            background-color: #fcfcfc;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            min-height: 200px;
        }

        .plan-box > div:last-child[b-gbf71bfsge] {
            border-bottom: none;
        }

.price-box[b-gbf71bfsge] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 30px;
}

.plan-price[b-gbf71bfsge] {
    font-size: 230%;
    margin-bottom: 0;
    font-weight: 300;
    color: #e67e22;
}

    .plan-price span[b-gbf71bfsge] {
        font-size: 30%;
        font-weight: 300;
    }

.plan-price-year[b-gbf71bfsge] {
    font-size: 150%;
    margin-bottom: 0;
    font-weight: 300;
    color: #e67e22;
}

    .plan-price-year span[b-gbf71bfsge] {
        font-size: 70%;
        font-weight: 300;
    }

.original-price[b-gbf71bfsge] {
    text-decoration: line-through;
}

.plan-box ul[b-gbf71bfsge] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .plan-box ul li[b-gbf71bfsge] {
        padding: 5px 0;
        display: flex;
        align-items: center;
    }

        .plan-box ul li i[b-gbf71bfsge] {
            margin-right: 8px;
        }


/* /Shared/Settings/Monetization/POIs/POISubTab.razor.rz.scp.css */
/* /Shared/Settings/MyAccount/AccountMenu.razor.rz.scp.css */
.navbar-toggler[b-8hxxa0s0be] {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-8hxxa0s0be] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

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

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

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

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

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

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

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

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

.side-menu[b-8hxxa0s0be] {
    position: fixed;
    top: 64px;
    left: 0px;
    width: 250px;
    height: 100vh;
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    color: white;
    z-index: 1050;
    overflow-y: auto;
}


.nav-link[b-8hxxa0s0be] {
    color: white;
    padding: 0.75rem 1rem;
    display: block;
    text-decoration: none;
}

    .nav-link:hover[b-8hxxa0s0be] {
        background-color: rgba(255, 255, 255, 0.1);
        color: #ddd;
    }

.footer-nav[b-8hxxa0s0be] {
    position: absolute;
    bottom: 10px;
    list-style: none;
    font-size: smaller;
    color: #bfbfbf;
    margin: 0;
    display: flex;
    gap: 10px;
}

    .footer-nav li[b-8hxxa0s0be] {
        display: inline;
    }

    .footer-nav a[b-8hxxa0s0be] {
        color: inherit;
    }

        .footer-nav a:hover[b-8hxxa0s0be] {
            color: #0a58ca;
        }

.nav-scrollable[b-8hxxa0s0be] {
    position: relative;
    height: calc(100vh - 3.5rem);
    overflow-y: auto;
}

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

    .collapse[b-8hxxa0s0be] {
        display: block;
    }
}

@media (max-width: 641px) {
    .side-menu[b-8hxxa0s0be] {
        top: 56px;
        left: -250px;
        transition: left 0.3s ease-in-out;
    }

        .side-menu.open[b-8hxxa0s0be] {
            left: 0;
        }
}
/* /Shared/Settings/MyAccount/ProfileEdit.razor.rz.scp.css */
.container-flex[b-rw1nk7m6n8] {
    display: flex;
    flex-direction: column;
}

.userInfoContainer[b-rw1nk7m6n8] {
    position: relative;
    width: 100%;
    max-width: 500px;
    max-height: 800px;
    background-color: #fff;
    height: fit-content;
    border-color: transparent;
    border-radius: 20px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 6px 10px rgb(0 0 0 / 0.7);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

.userHeaderContainer[b-rw1nk7m6n8] {
    position: relative;
    height: 100px;
    width: 100%;
}

.userHeader[b-rw1nk7m6n8] {
    border-radius: 20px;
    width: 100%;
    height: 150px;
    margin: 0px;
    background-color: white;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.userHeader-radius[b-rw1nk7m6n8] {
    border-radius: 10px;
    overflow: hidden;
}

.userFacePhoto[b-rw1nk7m6n8] {
    width: 60%;
    height: auto;
    max-width: 300px;
    margin: auto;
    overflow: hidden;
    background-color: white;
    position: relative;
    border: 6px solid white;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgb(0 0 0 / 0.2);
}

.userInfoContent[b-rw1nk7m6n8] {
    height: 100%;
    padding: 0px 20px;
    overflow-y: scroll;
}

@media (max-width: 480px) {
    .userFacePhoto[b-rw1nk7m6n8] {
        width: 50%;
    }
}
/* /Shared/Settings/SettingsMenu.razor.rz.scp.css */
.navbar-toggler[b-au8ormdn27] {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.1);
}
.top-row[b-au8ormdn27] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

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

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

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

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

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

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

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

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

.side-menu[b-au8ormdn27] {
    position: fixed;
    top: 64px;
    left: 0px;
    width: 250px;
    height: 100vh;
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    color: white;
    z-index: 1050;
    overflow-y: auto;
}


.nav-link[b-au8ormdn27] {
    color: white;
    padding: 0.75rem 1rem;
    display: block;
    text-decoration: none;
}

    .nav-link:hover[b-au8ormdn27] {
        background-color: rgba(255, 255, 255, 0.1);
        color: #ddd;
    }


.footer-nav[b-au8ormdn27] {
    position: absolute;
    bottom: 10px;
    list-style: none;
    font-size: smaller;
    color: #bfbfbf;
    margin: 0;
    display: flex;
    gap: 10px; 
}

    .footer-nav li[b-au8ormdn27] {
        display: inline;
    }

    .footer-nav a[b-au8ormdn27] {
        color: inherit;
    }

        .footer-nav a:hover[b-au8ormdn27] {
            color: #0a58ca;
        }

.nav-scrollable[b-au8ormdn27] {
    position:relative;
    height: calc(100vh - 3.5rem);
    overflow-y: auto;
}

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

    .collapse[b-au8ormdn27] {
        display: block;
    }
}


@media (max-width: 641px) {
    .side-menu[b-au8ormdn27] {
        top: 56px;
        left: -250px;
        transition: left 0.3s ease-in-out;
    }

        .side-menu.open[b-au8ormdn27] {
            left: 0;
        }
}
/* /Shared/Settings/SettingsSidebar.razor.rz.scp.css */
.sidebar-nav ul[b-7mh0ejo04i] {
    list-style: none;
    padding: 0;
}

.sidebar-nav li[b-7mh0ejo04i] {
    padding: 10px 20px;
}

.sidebar-nav a[b-7mh0ejo04i] {
    color: white;
    text-decoration: none;
    display: block;
}
/* /Shared/Slider.razor.rz.scp.css */
.container[b-zb1turls9r] {
    position: relative;
    width: 100%;
    height: 100px;
    border: 1px solid black;
    margin-top: 30px;
}

.wrapper[b-zb1turls9r] {
    position: relative;
    width: 300px;
    background-color: #ffffff;
    padding: 50px 40px 20px 40px;
}

input[type="range"][b-zb1turls9r] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    outline: none;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    background-color: transparent;
    pointer-events: none;
}

.slider-track[b-zb1turls9r] {
    width: 100%;
    height: 5px;
    /*background-color: #258cfb;*/
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    border-radius: 5px;
}

input[type="range"][b-zb1turls9r]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    height: 5px;
}

input[type="range"][b-zb1turls9r]::-moz-range-track {
    -moz-appearance: none;
    height: 5px;
}

input[type="range"][b-zb1turls9r]::-ms-track {
    -moz-appearance: none;
    height: 5px;
}

input[type="range"][b-zb1turls9r]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 1.7em;
    width: 1.7em;
    background-color: #258cfb;
    cursor: pointer;
    border-radius: 10px;
    margin-top: -9px;
    pointer-events: auto;
}

input[type="range"][b-zb1turls9r]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 1.7em;
    width: 1.7em;
    cursor: pointer;
    border-radius: 50%;
    background-color: #258cfb;
    pointer-events: auto;
}

input[type="range"][b-zb1turls9r]::-moz-thumb {
    appearance: none;
    height: 1.7em;
    width: 1.7em;
    cursor: pointer;
    border-radius: 50%;
    background-color: #258cfb;
    pointer-events: auto;
}

input[type="range"]:active[b-zb1turls9r]::-webkit-slider-thumb {
    background-color: #fff;
    border: 3px solid #258cfb;
}

.values[b-zb1turls9r] {
    background-color: #258cfb;
    width: 32%;
    position: relative;
    margin: auto;
    padding: 3px 0;
    border-radius: 5px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}

    .values[b-zb1turls9r]:before {
        content: "";
        position: absolute;
        width: 0;
        border-top: 15px solid #258cfb;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        margin: auto;
        bottom: -7px;
        left: 0;
    }
/* /Shared/SmallHomeButton.razor.rz.scp.css */
.home-button[b-4kov7j9wwr] {
    white-space: nowrap;
    margin-right: 10px;
    transform: rotate(-5deg);
}
/* /Shared/SubscriptionPages/SubCancel.razor.rz.scp.css */
.w-header[b-st5zzj0z1x] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: fixed;
}
/* /Shared/SubscriptionPages/SubSuccess.razor.rz.scp.css */
.w-header[b-8c3z4g7l8l] {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(resources/img/meet2.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: fixed;
}
/* /Shared/TopNavMenu.razor.rz.scp.css */
.top-tab-row[b-y408ir7bsj] {
    width: -webkit-fill-available;
    max-width: 1600px;
    margin: 0px auto;
    height: max-content;
    z-index: 150;
}

    .top-tab-row .mud-tabs-toolbar.mud-tabs-rounded.mud-tabs-toolbar-primary.mud-elevation-2[b-y408ir7bsj] {
        border-radius: 50px !important;
        color: #ff0000;
    }

    .top-tab-row.mud-tabs-toolbar.mud-tabs-rounded[b-y408ir7bsj] {
        border-radius: 50px !important;
    }
/* /Shared/UserInfoEdit/ProfilePreview.razor.rz.scp.css */
.userInfoContainer[b-2vmf04f36l] {
    position: relative;
    max-width: 500px;
    width: 100%;
    background-color: #fff;
    height: fit-content;
    border-color: transparent;
    border-radius: 20px;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 0px 1px rgb(0 0 0 / 0.7);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

.userHeaderContainer[b-2vmf04f36l] {
    position: relative;
    height: 100px;
    width: 100%;
}

.userHeader[b-2vmf04f36l] {
    border-radius: 20px;
    width: 100%;
    height: 200px;
    margin: 0px;
    background-color: white;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.hidden[b-2vmf04f36l] {
    display: none;
}

.visible[b-2vmf04f36l] {
    display: flex;
}

.userFacePhoto[b-2vmf04f36l] {
    width: 180px;
    height: 180px;
    overflow: hidden;
    background-color: white;
    position: relative;
    top: -85px;
    right: -20px;
    border: 6px solid white;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgb(0 0 0 / 0.2);
}

.userInfoContent[b-2vmf04f36l] {
    padding: 0px 20px;
    overflow-y: scroll;
    height: 100%;
}

@media (max-width: 480px) {
    .userFacePhoto[b-2vmf04f36l] {
        width: 140px;
        height: 140px;
        top: -85px;
    }
}
/* /Shared/UserInfoForm.razor.rz.scp.css */
.userInfoContainer[b-mqqz6iaszy] {
    position: relative;
    width: 100%;
    max-width: 500px;
    max-height: 800px;
    background-color: #fff;
    height: fit-content;
    border-color: transparent;
    border-radius: 20px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 6px 10px rgb(0 0 0 / 0.7);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

.userHeaderContainer[b-mqqz6iaszy] {
    position: relative;
    height: 100px;
    width: 100%;
}

.userHeader[b-mqqz6iaszy] {
    border-radius: 20px;
    width: 100%;
    height: 150px;
    margin: 0px;
    background-color: white;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.userFacePhoto[b-mqqz6iaszy] {
    /*  position: absolute;*/
    width: 180px;
    height: 180px;
    overflow: hidden;
    background-color: white;
    position: relative;
    top: -85px;
    right: -20px;
    border: 6px solid white;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgb(0 0 0 / 0.2);
}

.userInfoContent[b-mqqz6iaszy] {
    padding: 0px 20px;
    overflow-y: scroll;
    height: 450px;
}
/* /Shared/UserInfoMeetingView.razor.rz.scp.css */
.userInfoContainer[b-80pupdu7lk] {
    position: relative;
    max-width: 350px;
    max-height: 600px;
    background-color: #fff;
    height: fit-content;
    border-color: transparent;
    border-radius: 20px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 6px 10px rgb(0 0 0 / 0.7);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

.userHeaderContainer[b-80pupdu7lk] {
    position: relative;
    height: 100px;
    width: 100%;
}

.userHeader[b-80pupdu7lk] {
    border-radius: 20px;
    width: 100%;
    height: 150px;
    margin: 0px;
    background-color: white;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.userFacePhoto[b-80pupdu7lk] {
    /*  position: absolute;*/
    width: 180px;
    height: 180px;
    overflow: hidden;
    background-color: white;
    position: relative;
    top: -85px;
    right: -20px;
    border: 6px solid white;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgb(0 0 0 / 0.2);
}

.userInfoContent[b-80pupdu7lk] {
    padding: 0px 20px;
    overflow-y: scroll;
    height:450px;
}
/* /Shared/UserInfoView.razor.rz.scp.css */
.userInfoContainer[b-kd3y0vu2o6] {
    position: relative;
    max-width: 350px;
    max-height: 700px;
    background-color: #fff;
    height: fit-content;
    border-color: transparent;
    border-radius: 20px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 6px 10px rgb(0 0 0 / 0.7);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

.userHeaderContainer[b-kd3y0vu2o6] {
    position: relative;
    height: 100px;
    width: 100%;
}

.userHeader[b-kd3y0vu2o6] {
    border-radius: 20px;
    width: 100%;
    height: 150px;
    margin: 0px;
    background-color: white;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.userFacePhoto[b-kd3y0vu2o6] {
    /*  position: absolute;*/
    width: 180px;
    height: 180px;
    overflow: hidden;
    background-color: white;
    position: relative;
    top: -85px;
    right: -20px;
    border: 6px solid white;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgb(0 0 0 / 0.2);
}

.userInfoContent[b-kd3y0vu2o6] {
    padding: 0px 20px;
    overflow-y: scroll;
    height:450px;
}