/* /Pages/CataloguePage.razor.rz.scp.css */
.CardPositionCenter[b-fg8wgxlgyu] {
    padding: 1rem;
    display: flex;
    justify-content: center;
    position: absolute;
}

.CardBottomMargin[b-fg8wgxlgyu] {
    padding-bottom: 5px;
    vertical-align: top;
}

.wrapper[b-fg8wgxlgyu] {
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(6, 1fr);
}

.wrapper-left[b-fg8wgxlgyu] {
    text-align: left;
    grid-column: 1/1;
    border: 1px;
    padding: 0 2px;
}

.wrapper-right[b-fg8wgxlgyu] {
    text-align: right;
    grid-column: 3/7;
    border: 1px;
}
/* /Pages/CatalogueV2Page.razor.rz.scp.css */
.CardPositionCenter[b-fgbl67291v] {
    padding: 1rem;
    display: flex;
    justify-content: center;
    position: absolute;
}

.CardMargin[b-fgbl67291v] {
    padding-bottom: 5px;
    vertical-align: top;
    margin-left: 5px;
    margin-right: 5px;
}

.wrapper[b-fgbl67291v] {
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(6, 1fr);
}

.wrapper-left[b-fgbl67291v] {
    text-align: left;
    grid-column: 1/1;
    border: 1px;
    padding: 0 2px;
}

.wrapper-right[b-fgbl67291v] {
    text-align: right;
    grid-column: 3/7;
    border: 1px;
}

e-listview .e-list-group-item[b-fgbl67291v] {
    top: 0.5em;
    right: 0.5em;
    position: absolute;
    margin-left: 2px;
}

.buttonPosition[b-fgbl67291v] {
    margin-left: 10px;
    margin-bottom: 5px; 
    width:100%;
}

[b-fgbl67291v] #MenyButtonGroup .e-btn {
    background-color: #FFFFFF;
    border-color: #cccccc;
    color: #6c757d;
    border: 0;
}

[b-fgbl67291v] #MenyButtonGroup .e-btn:hover {
    background-color: #DCDCDC;
    border-color: #cccccc;
    color: #6c757d;
    border: 0;
}

[b-fgbl67291v] #MenyButtonGroup .e-btn:focus {
    background-color: #808080;
    border-color: #cccccc;
    color: #FFFFFF;
    border: 0; 
}

[b-fgbl67291v] #MenyButtonGroup .e-btn:active {
    background-color: #808080;
    border-color: #cccccc;
    color: #FFFFFF;
    border: 0;
}

[b-fgbl67291v] #MenyButtonGroup .e-select {
    background-color: #808080 !important;
    border-color: #cccccc;
    color: #FFFFFF;
    border: 0;
}

[b-fgbl67291v] #MenyButtonGroup .e-btn-group.e-remove-border input:focus + label.e-btn {
    outline: none !important;
}

[b-fgbl67291v] .Catalogue-grid-card {
    width: 98%;
    height 180px; 
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid rgba(0,0,0,0.10);
}

[b-fgbl67291v] .e-card .e-card-content {
    font-size: 14px;
    line-height: normal;
    padding: 0px;
}

.squared-image[b-fgbl67291v] {
    width: 100%; /* Set the width to 100% of the container */
    padding-top: 100%; /* Set the height to be the same as the width to create a square */
    object-fit: cover; /* This property is used to scale the image while maintaining its aspect ratio */
}

.Frontier-Main-Queue-wrapper[b-fgbl67291v] {
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(6, 1fr);
    margin-top: 10px; 
    margin-bottom: 10px; 
}

.Frontier-Main-Queue-left[b-fgbl67291v] {
   
    grid-column: 1/1;
    padding: 0 2px;
}

.Frontier-Main-Queue-right[b-fgbl67291v] {
    text-align: right;
    grid-column: 5/7;
}

.Frontier-Queue[b-fgbl67291v] {
    font-size: 1em;
    font-weight: 600;
    text-align: center;
}

.e-btn[b-fgbl67291v] {
    width: 100%; /* Make the button fill the container width */
}


.grid-container[b-fgbl67291v] {
    display: grid;
    grid-template-columns: auto auto;
    padding: 10px;
    font-size: 14px;
}

.grid-item-left[b-fgbl67291v] {
    font-size: small;
    text-align: left;
    border-bottom: 2px solid #cccccc;
    color: #202020;
    font-size: smaller;
    padding-bottom: 5px;
    padding-top: 5px;
}

.grid-item-right[b-fgbl67291v] {
    font-size: small;
    text-align: right;
    border-bottom: 2px solid #cccccc;
    color: #202020;
    font-size: smaller;
    padding-bottom: 5px;
    padding-top: 5px;
}

.grid-item-wide-Span-2[b-fgbl67291v] {
    grid-column: span 2;
    margin-left: 0;
    padding-bottom: 20px;
}
/* /Pages/Checkout.razor.rz.scp.css */
body[b-ax08yuk0v1] {
    background-color: #f2f2f2;
}

.Cart[b-ax08yuk0v1] {
    background-color: #000000;
    position: fixed;
    left: 50%;
    bottom: 40px;
    z-index: 101;
    width: 250px;
    margin-left: -125px; /* Negative half of width. */
}

.CardPositionCenter[b-ax08yuk0v1] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.CardBottomMargin[b-ax08yuk0v1] {
    padding-bottom: 10px;
}


 [b-ax08yuk0v1] .e-card .e-card-content {
        padding: 0px;
    }

.MessageToUser[b-ax08yuk0v1] {
    font-family: Helvetica, 'Segoe UI' !important;
    vert-align: top;
    padding: 20px;
    font-size: medium;
}

.OrderNumber[b-ax08yuk0v1] {
    font-size: 60px;
    width: 3em;
    padding: 0.2em 0.2em;
}

.CardHeader[b-ax08yuk0v1] {
    font-size: small;
    color: #808080;
    margin: 5px;
    font-weight: 500;
}

 .wrapper[b-ax08yuk0v1] {
     width: auto;
     height: auto;
     box-sizing: border-box;
     display: grid;
     grid-auto-flow: row;
     /*grid-template-columns: 50px auto 65px;*/
     color: #808080;
 }

 .left[b-ax08yuk0v1] {
     /*height: 65px;*/
 }

 .Center[b-ax08yuk0v1] {
     text-align: left;
     /* height: 65px;*/
 }

 .right[b-ax08yuk0v1] {
     /*height: 65px;*/
 }

.ProductNumber[b-ax08yuk0v1] {
    position: absolute;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    padding-top: 5px;
    padding-left: 0.6em;
}

.ProductName[b-ax08yuk0v1] {
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    padding-top: 5px;
    padding-left: 0.6em;
}

.ProductDescription[b-ax08yuk0v1] {
    padding-top: 2px;
    padding-left: 0.6em;
    word-wrap: break-word;
}

 .DescriptionText[b-ax08yuk0v1] {
     width: 97%;
     font-family: Helvetica, 'Segoe UI' !important;
     font-size: 12px !important;
 }

.ProductPrice[b-ax08yuk0v1] {
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    padding-top: 5px;
    padding-left: 0.6em;
    right: 20px;
    position: absolute;
    width: 6em;
}


/*Buttons*/
[b-ax08yuk0v1] .BackToShopping {
    margin-top: 10px;
}

[b-ax08yuk0v1] .Pay {
    margin-top: 10px;
    position: absolute;
    right: 0;
}

[b-ax08yuk0v1] .e-priceButtonWidth {
    width: 4rem;
}




/*Accordion*/
[b-ax08yuk0v1] .e-acrdn-header-content {
    justify-content: center;
    width: 97%;
    color: #808080;
}

[b-ax08yuk0v1] .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
    border-top: 0px solid rgba(0,0,0,0.13);
    color: #808080;
    width: 97%;
}

[b-ax08yuk0v1] .e-accordion .e-acrdn-item .e-acrdn-header {
    /*line-height: 0px;*/
    width: 97%;
    margin-bottom: 5px;
    min-height: 5em;
    /* white-space: normal for Linebreak*/
    white-space: normal;
}
 


[b-ax08yuk0v1] .BackToShopping {
     margin-top: 10px;
 }

 :deep .Pay[b-ax08yuk0v1] {
     margin-top: 10px;
     position: absolute;
     right: 0;
 }

 [b-ax08yuk0v1] .ProductDeleteButton {
     background: rgba(255, 255, 255, 0.7);
     color: #6c757d;
     position: absolute;
     height: 23px;
     width: 55px;
     right: 40px;
     top: 31px;
 }
/* /Pages/FrontierV3.razor.rz.scp.css */

.CardPositionCenter[b-2euwwn7zs6] {
    padding: 1rem;
    display: flex;
    justify-content: center;
    position: absolute;
}

/*Both*/
.CardBottomMargin[b-2euwwn7zs6] {
    padding-bottom: 5px;
    vertical-align: top;
}

/*FrontierV3*/
.FrontierBottom[b-2euwwn7zs6] {
    padding-bottom: 100px;
    padding-bottom: 5px;
}

/*Both*/
.Frontier-Queue[b-2euwwn7zs6] {
    /*background-color: #92CDFA;*/
    padding: 0 0.2em;
    font-size: 3em; 
}

.WaitingMinutesDropddown[b-2euwwn7zs6] {
    background-color: #cccccc;
    position: fixed;
    right: 120px;
    top: 10px;
    z-index: 101;
    width: 150px;
}
/* /Pages/Index.razor.rz.scp.css */

[b-4s7qfcnkva] body {
    background-color: #f2f2f2;
}

.CartButtonPosition[b-4s7qfcnkva] {
    position: fixed;
    left: 50%;
    bottom: 40px;
    z-index: 101;
    width: 250px;
    height: 4em;
    margin-left: -125px; /* Negative half of width. */
}

.Cart[b-4s7qfcnkva] {
    background-color: #000000;
    position: fixed;
    left: 50%;
    bottom: 40px;
    z-index: 101;
    width: 250px;
    height: 4em;
    margin-left: -125px; /* Negative half of width. */
}

.CardPositionCenter[b-4s7qfcnkva] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.CardBottomMargin[b-4s7qfcnkva] {
    padding-bottom: 10px;
}

[b-4s7qfcnkva] .CartButtonSize {
    width: 250px;
    height: 4em;
}

/*This is to declare CSS on Cart button. May need to consider put this on the razor file instead with customer class name instead of overriding .e-btn  */
/*::deep .e-btn {
    width: 250px;
    height: 4em;
}
*/

@media only screen and (min-width: 768px) {
    .RightPadding[b-4s7qfcnkva] {
        padding-right: 7px;
    }

    .LeftPadding[b-4s7qfcnkva] {
        padding-left: 7px;
    }
}
/* /Pages/Layout.razor.rz.scp.css */

.CardPositionCenter[b-pewdzm13om] {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Both*/
.CardBottomMargin[b-pewdzm13om] {
    padding-bottom: 5px;
    vertical-align: top;
}

/*FrontierV3*/
.CardBottom[b-pewdzm13om] {
    padding-bottom: 100px;
    padding-bottom: 5px;
}
/* /Pages/LoggedIn.razor.rz.scp.css */
/* /Pages/OrderPage.razor.rz.scp.css */
body[b-ri5in5lp9i] {
    background-color: #f2f2f2;
}

.CardPositionCenter[b-ri5in5lp9i] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.CardBottomMargin[b-ri5in5lp9i] {
    padding-bottom: 10px;
}

[b-ri5in5lp9i] .e-card .e-card-content {
    padding: 0px;
}

.MessageBox[b-ri5in5lp9i] {
    font-family: Helvetica, 'Segoe UI' !important;
    vert-align: top;
    padding: 20px;
    font-size: medium;
}

.OrderNumber[b-ri5in5lp9i] {
    font-size: 60px;
    text-align: center;
    width: 3em;
    padding: 0.2em 0.2em;
    margin: auto; /* Centerizes the order number box */
}

.CardHeader[b-ri5in5lp9i] {
    font-size: small;
    color: #808080;
    margin: 5px;
    font-weight: 500;
}

.wrapper[b-ri5in5lp9i] {
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    /*grid-template-columns: 50px auto 65px;*/
    color: #808080;
}

.left[b-ri5in5lp9i] {
    /*height: 65px;*/
}

.Center[b-ri5in5lp9i] {
    text-align: left;
    /* height: 65px;*/
}

.right[b-ri5in5lp9i] {
    /*height: 65px;*/
}

.ProductNumber[b-ri5in5lp9i] {
    position: absolute;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    padding-top: 5px;
    padding-left: 0.6em;
}

.ProductName[b-ri5in5lp9i] {
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    padding-top: 5px;
    padding-left: 0.6em;
}

.ProductDescription[b-ri5in5lp9i] {
    padding-top: 2px;
    padding-left: 0.6em;
    word-wrap: break-word;
}

.DescriptionText[b-ri5in5lp9i] {
    width: 97%;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 12px !important;
}

.ProductPrice[b-ri5in5lp9i] {
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    padding-top: 5px;
    padding-left: 0.6em;
    right: 20px;
    position: absolute;
    width: 6em;
}


/*Buttons*/
[b-ri5in5lp9i] .BackToShopping {
    margin-top: 10px;
}

[b-ri5in5lp9i] .Pay {
    margin-top: 10px;
    position: absolute;
    right: 0;
}

[b-ri5in5lp9i] .e-priceButtonWidth {
    width: 4rem;
}




/*Accordion*/
[b-ri5in5lp9i] .e-acrdn-header-content {
    justify-content: center;
    width: 97%;
    color: #808080;
}

[b-ri5in5lp9i] .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
    border-top: 0px solid rgba(0,0,0,0.13);
    color: #808080;
    width: 97%;
}

[b-ri5in5lp9i] .e-accordion .e-acrdn-item .e-acrdn-header {
    /*line-height: 0px;*/
    width: 97%;
    margin-bottom: 5px;
    min-height: 5em;
    /* white-space: normal for Linebreak*/
    white-space: normal;
}



[b-ri5in5lp9i] .BackToShopping {
    margin-top: 10px;
}

:deep .Pay[b-ri5in5lp9i] {
    margin-top: 10px;
    position: absolute;
    right: 0;
}

[b-ri5in5lp9i] .ProductDeleteButton {
    background: rgba(255, 255, 255, 0.7);
    color: #6c757d;
    position: absolute;
    height: 23px;
    width: 55px;
    right: 40px;
    top: 31px;
}


.wrapper[b-ri5in5lp9i] {
width: auto;
height: auto;
box-sizing: border-box;
display: grid;
grid-auto-flow: row;
/*grid-template-columns: 50px auto 65px;*/
color: #808080;
}

.left[b-ri5in5lp9i] {
/*height: 65px;*/
}

.Center[b-ri5in5lp9i] {
text-align: left;
/* height: 65px;*/
}

.right[b-ri5in5lp9i] {
/*height: 65px;*/
}

[b-ri5in5lp9i] .Pay {
margin-top: 10px;
position: absolute;
right: 0;
}

[b-ri5in5lp9i] .BackToShopping {
margin-top: 10px;
}


/* DivTable.com */
.divTable[b-ri5in5lp9i] {
    font-family: Helvetica, 'Segoe UI' !important;
    display: table;
    width: 90%;
    min-width: 250px;
    margin: 0 auto;
}

.divTableRow[b-ri5in5lp9i] {
    display: table-row;
}

.divTableCell[b-ri5in5lp9i], .divTableHead[b-ri5in5lp9i] {
    border: 0px solid #999999;
    display: table-cell;
    padding: 3px 10px;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
}

.divTableHeading[b-ri5in5lp9i] {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.divTableFoot[b-ri5in5lp9i] {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

.divTableBody[b-ri5in5lp9i] {
    display: table-row-group;
}

[b-ri5in5lp9i] .BackToShopping {
    margin-top: 10px;
}
/* /Pages/Products.razor.rz.scp.css */
.CardPositionCenter[b-jx1ge3vk8h] {
    display: flex;
    justify-content: center;
    /*align-items:baseline;*/
}

.CardBottom[b-jx1ge3vk8h] {
    padding-bottom: 100px;
    padding-bottom: 5px;
}
/* /Pages/QueuePage.razor.rz.scp.css */
.ViewPort[b-tdk4ftpy3d] {
    padding: 1rem;
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    padding-bottom: 100px;
    padding-bottom: 5px;
}

/*Both*/
/*.CardBottomMargin {
    padding-bottom: 5px;
    vertical-align: top;
}*/

/*Both*/
/*.Frontier-Queue {*/
    /*background-color: #92CDFA;*/
    /*padding: 0 0.2em;
    font-size: 3em;
}

.WaitingMinutesDropddown {
    background-color: #cccccc;
    position: fixed;
    right: 120px;
    top: 10px;
    z-index: 101;
    width: 150px;
}*/
/* /Pages/Sales.razor.rz.scp.css */
.CardPositionCenter[b-y5ldbzogkf] {
    padding: 1rem;
    display: flex;
    justify-content: center;
    position: absolute;
}


/*FrontierV3*/
.CardBottom[b-y5ldbzogkf] {
    padding-bottom: 100px;
    padding-bottom: 5px;
}


[b-y5ldbzogkf] .Frontier-grid-card {
    width: 98%;
    margin-bottom: 5px;
    
    margin-right: 5px;
    border: 2px solid rgba(0,0,0,0.10);
}
/* /Shared/Components/Checkout/CheckoutButtons.razor.rz.scp.css */
.wrapper[b-g1d4xw469b] {
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    /*grid-template-columns: 50px auto 65px;*/
    color: #808080;
}

.left[b-g1d4xw469b] {
    /*height: 65px;*/
}

.Center[b-g1d4xw469b] {
    text-align: left;
    /* height: 65px;*/
}

.right[b-g1d4xw469b] {
    /*height: 65px;*/
}

[b-g1d4xw469b] .Pay {
    margin-top: 10px;
    position: absolute;
    right: 0;
}

[b-g1d4xw469b] .BackToShopping {
    margin-top: 10px;
}
/* /Shared/Components/Checkout/CheckoutConfirmation.razor.rz.scp.css */

.MessageToUser[b-e2a6sjttex] {
    font-family: Helvetica, 'Segoe UI' !important;
    vert-align: top;
    padding: 20px;
    font-size: medium;
}

.OrderNumber[b-e2a6sjttex] {
    font-size: 60px;
    width: 3em;
    padding: 0.2em 0.2em;
}

.CardHeader[b-e2a6sjttex] {
    font-size: small;
    color: #808080;
    margin: 5px;
    font-weight: 500;
}

/* DivTable.com */
.divTable[b-e2a6sjttex] {
    font-family: Helvetica, 'Segoe UI' !important;
    display: table;
    width: 90%;
    min-width: 250px;
    margin: 0 auto;
}

.divTableRow[b-e2a6sjttex] {
    display: table-row;
}

.divTableCell[b-e2a6sjttex], .divTableHead[b-e2a6sjttex] {
    border: 0px solid #999999;
    display: table-cell;
    padding: 3px 10px;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
}

.divTableHeading[b-e2a6sjttex] {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.divTableFoot[b-e2a6sjttex] {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

.divTableBody[b-e2a6sjttex] {
    display: table-row-group;
}

[b-e2a6sjttex] .BackToShopping {
     margin-top: 10px;
 }
/* /Shared/Components/Checkout/CheckoutOrderLineAccordion.razor.rz.scp.css */
cc

.wrapper[b-4t9mgh23y6] {
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    /*grid-template-columns: 50px auto 65px;*/
    color: #808080;
}

.left[b-4t9mgh23y6] {
    /*height: 65px;*/
}

.Center[b-4t9mgh23y6] {
    text-align: left;
    /* height: 65px;*/
}

.right[b-4t9mgh23y6] {
    /*height: 65px;*/
}

.ProductNumber[b-4t9mgh23y6] {
    position: absolute;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    padding-top: 5px;
    padding-left: 0.6em;
}

.ProductName[b-4t9mgh23y6] {
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    padding-top: 5px;
    padding-left: 0.6em;
}

.ProductDescription[b-4t9mgh23y6] {
    padding-top: 2px;
    padding-left: 0.6em;
    word-wrap: break-word;
}

.DescriptionText[b-4t9mgh23y6] {
    width: 97%;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 12px !important;
}

.ProductPrice[b-4t9mgh23y6] {
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    padding-top: 5px;
    padding-left: 0.6em;
    right: 20px;
    position: absolute;
    width: 6em;
}

[b-4t9mgh23y6] .TextBoxMultilineHeight {
    height: 5em;
}
/* /Shared/Components/Checkout/CheckoutPaymentMethodCard.razor.rz.scp.css */
.CardHeader[b-k1pwqjulq3] {
    font-size: small;
    color: #808080;
    margin: 5px;
    font-weight: 500;
}

.wrapper[b-k1pwqjulq3] {
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    /*grid-template-columns: 50px auto 65px;*/
    color: #808080;
}

.left[b-k1pwqjulq3] {
    /*height: 65px;*/
}

.Center[b-k1pwqjulq3] {
    text-align: left;
    /* height: 65px;*/
}

.right[b-k1pwqjulq3] {
    /*height: 65px;*/
}

.DescriptionText[b-k1pwqjulq3] {
    width: 97%;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 12px !important;
}

[b-k1pwqjulq3] .e-input:not(:valid), [b-k1pwqjulq3] .e-input:valid, [b-k1pwqjulq3] .e-float-input.e-control-wrapper input:not(:valid), [b-k1pwqjulq3] .e-float-input.e-control-wrapper input:valid, [b-k1pwqjulq3] .e-float-input input:not(:valid), [b-k1pwqjulq3] .e-float-input input:valid, [b-k1pwqjulq3] .e-input-group input:not(:valid), [b-k1pwqjulq3] .e-input-group input:valid, [b-k1pwqjulq3] .e-input-group.e-control-wrapper input:not(:valid), [b-k1pwqjulq3] .e-input-group.e-control-wrapper input:valid, [b-k1pwqjulq3] .e-float-input.e-control-wrapper textarea:not(:valid), [b-k1pwqjulq3] .e-float-input.e-control-wrapper textarea:valid, [b-k1pwqjulq3] .e-float-input textarea:not(:valid), [b-k1pwqjulq3] .e-float-input textarea:valid, [b-k1pwqjulq3] .e-input-group.e-control-wrapper textarea:not(:valid), [b-k1pwqjulq3] .e-input-group.e-control-wrapper textarea:valid, [b-k1pwqjulq3] .e-input-group textarea:not(:valid), [b-k1pwqjulq3] .e-input-group textarea:valid {
    font-size: 30px;
    height: 40px;
}
/* /Shared/Components/Checkout/CheckoutSynopsisCard.razor.rz.scp.css */
.CardHeader[b-oi2zerv159] {
    font-size: small;
    color: #808080;
    margin: 5px;
    font-weight: 500;
}  

.Payment[b-oi2zerv159] {
    font-family: Helvetica, 'Segoe UI' !important;
    vert-align: top;
    padding: 20px;
    font-size: medium;

    /*Why we need this? Perhaps can be merged with MessageToUser*/
    width: 300px;
    margin-right: 0;
    margin-left: auto;
}

/* DivTable.com */
.divTable[b-oi2zerv159] {
    font-family: Helvetica, 'Segoe UI' !important;
    display: table;
    width: 90%;
    min-width: 250px;
    margin: 0 auto;
}

.divTableRow[b-oi2zerv159] {
    display: table-row;
}

.divTableCell[b-oi2zerv159], .divTableHead[b-oi2zerv159] {
    border: 0px solid #999999;
    display: table-cell;
    padding: 3px 10px;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
}

.divTableHeading[b-oi2zerv159] {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.divTableFoot[b-oi2zerv159] {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

.divTableBody[b-oi2zerv159] {
    display: table-row-group;
}
/* /Shared/Components/Checkout/SwishPhoneNumberTextbox.razor.rz.scp.css */
.CardHeader[b-gt3coamvrw] {
    font-size: small;
    color: #808080;
    margin: 5px;
    font-weight: 500;
}

.wrapper[b-gt3coamvrw] {
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    /*grid-template-columns: 50px auto 65px;*/
    color: #808080;
}

.left[b-gt3coamvrw] {
    /*height: 65px;*/
}

.Center[b-gt3coamvrw] {
    text-align: left;
    /* height: 65px;*/
}

.right[b-gt3coamvrw] {
    /*height: 65px;*/
}

.DescriptionText[b-gt3coamvrw] {
    width: 97%;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 12px !important;
}

[b-gt3coamvrw] .e-input:not(:valid), [b-gt3coamvrw] .e-input:valid, [b-gt3coamvrw] .e-float-input.e-control-wrapper input:not(:valid), [b-gt3coamvrw] .e-float-input.e-control-wrapper input:valid, [b-gt3coamvrw] .e-float-input input:not(:valid), [b-gt3coamvrw] .e-float-input input:valid, [b-gt3coamvrw] .e-input-group input:not(:valid), [b-gt3coamvrw] .e-input-group input:valid, [b-gt3coamvrw] .e-input-group.e-control-wrapper input:not(:valid), [b-gt3coamvrw] .e-input-group.e-control-wrapper input:valid, [b-gt3coamvrw] .e-float-input.e-control-wrapper textarea:not(:valid), [b-gt3coamvrw] .e-float-input.e-control-wrapper textarea:valid, [b-gt3coamvrw] .e-float-input textarea:not(:valid), [b-gt3coamvrw] .e-float-input textarea:valid, [b-gt3coamvrw] .e-input-group.e-control-wrapper textarea:not(:valid), [b-gt3coamvrw] .e-input-group.e-control-wrapper textarea:valid, [b-gt3coamvrw] .e-input-group textarea:not(:valid), [b-gt3coamvrw] .e-input-group textarea:valid {
    font-size: 30px;
    height: 40px;
}
/* /Shared/Components/Frontier/FrontierAccordion.razor.rz.scp.css */
.wrapper[b-f2e5512wlv] {
width: auto;
height: auto;
box-sizing: border-box;
display: grid;
grid-auto-flow: row;
/*grid-template-columns: 50px auto 65px;*/
color: #808080;
}

.left[b-f2e5512wlv] {
/*height: 65px;*/
}

.Center[b-f2e5512wlv] {
text-align: left;
/* height: 65px;*/
}

.right[b-f2e5512wlv] {
/*height: 65px;*/
}


.ProductNumber[b-f2e5512wlv] {
    position: absolute;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    padding-top: 10px;
    padding-left: 0.6em;
}

.ProductName[b-f2e5512wlv] {
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    padding-top: 10px;
    padding-left: 0.6em;
}

.ProductDescription[b-f2e5512wlv] {
    padding-top: 2px;
    padding-left: 0.6em;
    word-wrap: break-word;
}

.DescriptionText[b-f2e5512wlv] {
    width: 97%;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 12px !important;
}

.ProductPrice[b-f2e5512wlv] {
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    padding-top: 10px;
    right: 10px; 
    position: absolute;
    width: 6em;
    /*margin-right: 15px;*/
}

.CardHeader[b-f2e5512wlv] {
    font-size: small;
    color: #808080;
    margin: 5px;
    font-weight: 500;
}
/* /Shared/Components/Frontier/FrontierActionCard.razor.rz.scp.css */
.wrapper[b-g16xsvi7wp] {
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(6, 1fr);
}

.wrapper-left[b-g16xsvi7wp] {
    text-align: left;
    grid-column: 1/1;
    border: 1px;
    padding: 0 2px;
}

.wrapper-right[b-g16xsvi7wp] {
    text-align: right;
    grid-column: 3/7;
    border: 1px;
}

[b-g16xsvi7wp] .Frontier-Action-Card {
    margin-top: 5px;
}

[b-g16xsvi7wp] .e-btn {
    background-color: #FFFFFF;
    color: #000000;
}
/* /Shared/Components/Frontier/FrontierGridCard.razor.rz.scp.css */

[b-9o8rk0qb9w] .Frontier-grid-card {
    width: 98%;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border: 2px solid rgba(0,0,0,0.10);
}

[b-9o8rk0qb9w] .Frontier-grid-card-selected {
    border: 2px solid rgba(0,0,0,0.40);
}

[b-9o8rk0qb9w] .e-dropdown-btn.e-custom {
    width: 100%;
    font-size: 28px;
    background: rgba(255, 255, 255, 0.7);
    color: black;
}

.grid-container[b-9o8rk0qb9w] {
    display: grid;
    grid-template-columns: auto auto;
    padding: 10px;
    font-size: 14px;
}

.grid-item-left[b-9o8rk0qb9w] {
    font-size: small;
    text-align: left;
    border-bottom: 2px solid #cccccc;
    color: #202020;
    font-size: smaller;
    padding-bottom: 5px;
}

.grid-item-right[b-9o8rk0qb9w] {
    font-size: small;
    text-align: right;
    border-bottom: 2px solid #cccccc;
    color: #202020;
    font-size: smaller;
    padding-bottom: 2px;
}

.grid-item-wide-Span-2[b-9o8rk0qb9w]{
    grid-column: span 2;
    margin-left: 0;
    padding-bottom: 20px;
}

.Frontier-Grid-Queue-wrapper[b-9o8rk0qb9w] {
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(6, 1fr);
}

.Frontier-Grid-Queue-left[b-9o8rk0qb9w] {
    text-align: left;
    grid-column: 1/1;
    padding: 0 2px;
}

.Frontier-Grid-Queue-right[b-9o8rk0qb9w] {
    text-align: right;
    grid-column: 6/7;
}

.Frontier-Queue[b-9o8rk0qb9w] {
    font-size: 1.5em;
}
/* /Shared/Components/Frontier/FrontierMainCard.razor.rz.scp.css */
[b-1mqq2viabk] .MainOrderCard {
    /*min-height: 55vh;*/
    padding: 20px 0;
}

[b-1mqq2viabk] .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    color: #33383e;
}

[b-1mqq2viabk] .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
        background: #E8E8E8 !important;
}

[b-1mqq2viabk] .e-tab .e-tab-header .e-toolbar-item.e-active {
    background: #E8E8E8;
}

.Frontier-Main-Queue-wrapper[b-1mqq2viabk] {
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(6, 1fr);
}

.Frontier-Main-Queue-left[b-1mqq2viabk] {
    text-align: left;
    grid-column: 1/1;
    padding: 0 2px;
}

.Frontier-Main-Queue-right[b-1mqq2viabk] {
    text-align: right;
    grid-column: 6/7;
}

.Frontier-Queue[b-1mqq2viabk] {
    font-size: 2em;
}

.wrapper[b-1mqq2viabk] {
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(6, 1fr);
}

.left[b-1mqq2viabk] {
    text-align: left;
    grid-column: 1/1;
    border: 1px;
    padding: 0 2px;
}

.right[b-1mqq2viabk] {
    text-align: right;
    grid-column: 3/7;
    border: 1px;
}
/* /Shared/Components/Frontier/FrontierOrderEventListView.razor.rz.scp.css */
.EventWrapper[b-vzl03gt728] {
    width: auto;
    height: 50px;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: 50px auto 50px;
    font-family: Helvetica, 'Segoe UI' !important;
}

.EventLeft[b-vzl03gt728] {
    /*padding-top: 10px;*/
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    /*line-height: 60px;*/
    padding-top: 12px;
}

.EventCenter[b-vzl03gt728] {
    text-align: left;
    /*margin-left: 20px;*/
    padding: 5px;
}

.EventRight[b-vzl03gt728] {
    text-align: left;
    /*padding-right: 10px;*/
    padding: 5px;
}

[b-vzl03gt728] .e-listview {
    border-top: 0;
    border-right: 1px #CCCCCC;
    border-bottom: 1px #CCCCCC;
    border-left: 0;
}

.DateAndSource[b-vzl03gt728] {
    font-family: Helvetica, 'Segoe UI' !important;
    width: 95%;
    font-size: x-small;
    font-weight: 700;
    padding-top: 4px;
    color: #C0C0C0;
}

.Description[b-vzl03gt728] {
    font-family: Helvetica, 'Segoe UI' !important;
    width: 95%;
    font-size: medium;
    padding-top: 5px;
    /*color: #808080;*/
}

[b-vzl03gt728] .e-ViewButton {
    background: rgba(255, 255, 255, 0.7);
    color: #6c757d;
    margin-top: 5px;
    margin-right: 5px;
    width: 2.5rem;
    font-size: 11px;
}

.greenCSSPopup + .e-dlg-overlay[b-vzl03gt728] {
    background-color: #000;
    opacity: .2;
}
/* /Shared/Components/Frontier/FrontierOrderLineAccordion.razor.rz.scp.css */
.wrapper[b-7fa8notair] {
width: auto;
height: auto;
box-sizing: border-box;
display: grid;
grid-auto-flow: row;
/*grid-template-columns: 50px auto 65px;*/
color: #808080;
}

.left[b-7fa8notair] {
/*height: 65px;*/
}

.Center[b-7fa8notair] {
text-align: left;
/* height: 65px;*/
}

.right[b-7fa8notair] {
/*height: 65px;*/
}


.ProductNumber[b-7fa8notair] {
position: absolute;
font-family: Helvetica, 'Segoe UI' !important;
font-size: 14px !important;
font-weight: 700;
padding-top: 10px;
padding-left: 0.6em;
}

.ProductName[b-7fa8notair] {
font-family: Helvetica, 'Segoe UI' !important;
font-size: 14px !important;
font-weight: 700;
padding-top: 10px;
padding-left: 0.6em;
}

.ProductDescription[b-7fa8notair] {
padding-top: 2px;
padding-left: 0.6em;
word-wrap: break-word;
}

.DescriptionText[b-7fa8notair] {
width: 97%;
font-family: Helvetica, 'Segoe UI' !important;
font-size: 12px !important;
}

.ProductPrice[b-7fa8notair] {
font-family: Helvetica, 'Segoe UI' !important;
font-size: 14px !important;
/*font-weight: 700;*/
padding-top: 10px;
right: 10px; 
position: absolute;
width: 6em;
/*margin-right: 15px;*/
}

.CardHeader[b-7fa8notair] {
font-size: small;
color: #808080;
margin: 5px;
font-weight: 500;
}
/* /Shared/Components/Frontier/FrontierOrderLineListView.razor.rz.scp.css */
.wrapper[b-czx0z1ywx4] {
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(6, 1fr);
}

.left[b-czx0z1ywx4] {
    text-align: left;
    grid-column: 1/1;
    border: 1px;
    padding: 0 2px;
}

.right[b-czx0z1ywx4] {
    text-align: right;
    grid-column: 3/7;
    border: 1px;
}
/* /Shared/Components/Layout/AttributeDialog.razor.rz.scp.css */
[b-lyj3galeuc] .Action-Card {
    margin-top: 5px;
}

[b-lyj3galeuc] .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    color: #33383e;
}

[b-lyj3galeuc] .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    background: #E8E8E8 !important;
}

[b-lyj3galeuc] .e-tab .e-tab-header .e-toolbar-item.e-active {
    background: #E8E8E8;
}

.wrapper[b-lyj3galeuc] {
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(6, 1fr);
}

.wrapper-left[b-lyj3galeuc] {
    text-align: left;
    grid-column: 1/1;
    border: 1px;
    padding: 0 2px;
}

.wrapper-right[b-lyj3galeuc] {
    text-align: right;
    grid-column: 3/7;
    border: 1px;
}

.DescriptionText[b-lyj3galeuc] {
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 12px !important;
    margin-top: 15px;
    margin-bottom: 5px;
}

.square-container[b-lyj3galeuc] {
    width: 100%; /* Set the desired width */
    height: 100%; /* Set the desired height */
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.square-image[b-lyj3galeuc] {
    width: 100%; /* Make the image fill the container */
    height: 100%; /* Make the image fill the container */
    object-fit: cover; /* Maintain aspect ratio and cover the container */
}

.Attribute-Main-Queue-wrapper[b-lyj3galeuc] {
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(6, 1fr);
    margin-top: 5px; 
    margin-bottom: 5px; 
}

.Attribute-Main-Queue-left[b-lyj3galeuc] {
    text-align: left;
    grid-column: 1 / span 2; /* This will make it span from column 1 to column 2 */
    padding: 0 2px;
}

.Attribute-Main-Queue-right[b-lyj3galeuc] {
    padding-left 5px; 
    text-align: left;
    grid-column: 3 / span 6; /* This will make it span from column 2 to column 6 */
    padding-left: 5px; 

}


/* /Shared/Components/Layout/OneColumnMediumLayout.razor.rz.scp.css */
.CardPositionCenter[b-m6gcsqia0j] {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Shared/Components/Layout/OneColumnSmallLayout.razor.rz.scp.css */
.CardPositionCenter[b-34p8r6tigs] {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Shared/Components/Layout/TwoColumnLayout.razor.rz.scp.css */



@media only screen and (min-width: 768px) {
    .RightPadding[b-1t3v2a6v5a] {
        padding-right: 7px;
    }

    .LeftPadding[b-1t3v2a6v5a] {
        padding-left: 7px;
    }
}

CardPositionCenter[b-1t3v2a6v5a] {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Shared/Components/Layout/TwoColumnLeftRightLayout.razor.rz.scp.css */
CardPositionCenter[b-bxotu27wvh] {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (min-width: 768px) {
    .RightPadding[b-bxotu27wvh] {
        padding-right: 7px;
    }

    .LeftPadding[b-bxotu27wvh] {
        padding-left: 7px;
    }
}
/* /Shared/Components/OrderPage/OrderPageOrderLineAccordion.razor.rz.scp.css */
.OrderHeader[b-vd1gxbfm75] {
    font-size: small;
    color: #808080;
    margin: 5px;
    font-weight: 500;
}

.wrapper[b-vd1gxbfm75] {
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    /*grid-template-columns: 50px auto 65px;*/
    color: #808080;
}

.left[b-vd1gxbfm75] {
    /*height: 65px;*/
}

.Center[b-vd1gxbfm75] {
    text-align: left;
    /* height: 65px;*/
}

.right[b-vd1gxbfm75] {
    /*height: 65px;*/
}

.ProductNumber[b-vd1gxbfm75] {
    position: absolute;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    padding-top: 5px;
    padding-left: 0.6em;
}

.ProductName[b-vd1gxbfm75] {
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    padding-top: 5px;
    padding-left: 0.6em;
}

.ProductDescription[b-vd1gxbfm75] {
    padding-top: 2px;
    padding-left: 0.6em;
    word-wrap: break-word;
}

.DescriptionText[b-vd1gxbfm75] {
    width: 97%;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 12px !important;
}

.ProductPrice[b-vd1gxbfm75] {
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    padding-top: 5px;
    padding-left: 0.6em;
    right: 20px;
    position: absolute;
    width: 6em;
}

.TotalAmount[b-vd1gxbfm75] {
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 18px !important;
    font-weight: 700;
    right: 20px;
    position: absolute;
}


[b-vd1gxbfm75] .TextBoxMultilineHeight {
    height: 5em;
}

.MessageBox[b-vd1gxbfm75] {
    font-family: Helvetica, 'Segoe UI' !important;
    vert-align: top;
    padding: 20px;
    font-size: medium;
}

.OrderNumber[b-vd1gxbfm75] {
    font-size: 60px;
    text-align: center;
    width: 3em;
    padding: 0.2em 0.2em;
    margin: auto; /* Centerizes the order number box */
}

/* DivTable.com */
.divTable[b-vd1gxbfm75] {
    font-family: Helvetica, 'Segoe UI' !important;
    display: table;
    width: 100%;
    min-width: 250px;
    margin: 0 auto;
}

.divTableRow[b-vd1gxbfm75] {
    display: table-row;
}

.divTableCell[b-vd1gxbfm75], .divTableHead[b-vd1gxbfm75] {
    border: 0px solid #999999;
    display: table-cell;
    padding: 3px 10px;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
}

.divTableHeading[b-vd1gxbfm75] {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.divTableFoot[b-vd1gxbfm75] {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

.divTableBody[b-vd1gxbfm75] {
    display: table-row-group;
}
/* /Shared/Components/Product/ProductActionsCard.razor.rz.scp.css */
[b-ne44i11hm1] .Action-Card {
    margin-top: 5px;
}

.wrapper[b-ne44i11hm1] {
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(6, 1fr);
}

.wrapper-left[b-ne44i11hm1] {
    text-align: left;
    grid-column: 1/1;
    border: 1px;
    padding: 0 2px;
}

.wrapper-right[b-ne44i11hm1] {
    text-align: right;
    grid-column: 3/7;
    border: 1px;
}
/* /Shared/Components/Product/ProductAttributesCard.razor.rz.scp.css */
.grid-container[b-xn2u6jhkj6] {
    display: grid;
    grid-template-columns: auto auto;
    padding: 10px;
    font-size: 14px;
}

.grid-item-left[b-xn2u6jhkj6] {
    font-size: small;
    text-align: left;
    border-bottom: 2px solid #cccccc;
    color: #202020;
    font-size: smaller;
    padding-bottom: 5px;
    padding-top: 5px;
}

.grid-item-right[b-xn2u6jhkj6] {
    font-size: small;
    text-align: right;
    border-bottom: 2px solid #cccccc;
    color: #202020;
    font-size: smaller;
    padding-bottom: 5px;
    padding-top: 5px;
}

.grid-item-wide-Span-2[b-xn2u6jhkj6] {
    grid-column: span 2;
    margin-left: 0;
    padding-bottom: 20px;
}
/* /Shared/Components/Product/ProductCreateNewDialog.razor.rz.scp.css */
/* /Shared/Components/Product/ProductDescriptionCard.razor.rz.scp.css */

.grid-container[b-xmry1mi2aq] {
    display: grid;
    grid-template-columns: auto auto;
    padding: 10px;
    font-size: 14px;
}

.grid-item-left[b-xmry1mi2aq] {
    font-size: small;
    text-align: left;
    border-bottom: 2px solid #cccccc;
    color: #202020;
    font-size: smaller;
    padding-bottom: 5px;
    padding-top: 5px;
}

.grid-item-right[b-xmry1mi2aq] {
    font-size: small;
    text-align: right;
    border-bottom: 2px solid #cccccc;
    color: #202020;
    font-size: smaller;
    padding-bottom: 5px;
    padding-top: 5px;
}

.grid-item-wide-Span-2[b-xmry1mi2aq] {
    grid-column: span 2;
    margin-left: 0;
    padding-bottom: 20px;
}
/* /Shared/Components/Product/ProductGrid.razor.rz.scp.css */
[b-qbdgihl32l] .e-grid .e-sortnumber {
    display: none;
}

[b-qbdgihl32l] .e-grid .e-sortfilterdiv {
    display: none;
}

/*Grid Cards*/
[b-qbdgihl32l] .grid-container {
    display: grid;
    grid-template-columns: auto auto;
    /*background-color: #2196F3;*/
    padding: 10px;
    font-family: "Helvetica Neue","Helvetica","Arial",sans-serif,"-apple-system","BlinkMacSystemFont";
    font-size: 14px;
}

[b-qbdgihl32l] .grid-item-left {
    /*background-color: rgba(255, 255, 255, 0.8);*/
    /*border: 1px solid rgba(0, 0, 0, 0.8);*/
    padding: 10px;
    font-size: small;
    text-align: left;
    border-bottom: 2px solid #cccccc;
    font-family: "Helvetica Neue","Helvetica","Arial",sans-serif,"-apple-system","BlinkMacSystemFont";
    font-size: 14px;
}

[b-qbdgihl32l] .grid-item-right {
    /*background-color: rgba(255, 255, 255, 0.8);*/
    /*border: 1px solid rgba(0, 0, 0, 0.8);*/
    padding: 10px;
    font-size: small;
    text-align: right;
    border-bottom: 2px solid #cccccc;
    font-family: "Helvetica Neue","Helvetica","Arial",sans-serif,"-apple-system","BlinkMacSystemFont";
    /*font-size: 24px;*/
}
/* /Shared/Components/Product/ProductMainCard.razor.rz.scp.css */
[b-nxebzsdhcx] .multilineHeight {
    height: 5em;
}

.DescriptionText[b-nxebzsdhcx] {
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 12px !important;
    margin-top: 15px;
    margin-bottom: 5px;
}

[b-nxebzsdhcx] .e-input-group.e-control-wrapper.e-custom .e-input {
    font-size: 48px;
    height: 60px;
}

.Attribute-Main-Queue-wrapper[b-nxebzsdhcx] {
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(6, 1fr);
    margin-top: 5px;
    margin-bottom: 5px;
}

.Attribute-Main-Queue-left[b-nxebzsdhcx] {
    text-align: left;
    grid-column: 1 / span 2; /* This will make it span from column 1 to column 2 */
    padding: 0 2px;
}

.Attribute-Main-Queue-right[b-nxebzsdhcx] {
    padding-left 5px;
    text-align: left;
    grid-column: 3 / span 6; /* This will make it span from column 2 to column 6 */
    padding-left: 5px;
}

.square-container[b-nxebzsdhcx] {
    width: 100%; /* Set the desired width */
    /*height: 100%;*/ /* Set the desired height */
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.square-image[b-nxebzsdhcx] {
    width: 100%; /* Make the image fill the container */
    height: 100%; /* Make the image fill the container */
    object-fit: cover; /* Maintain aspect ratio and cover the container */
}
/* /Shared/Components/Product/ProductMainCardDialog.razor.rz.scp.css */
.square-container[b-yjno4cmnzk] {
    width: 100%; /* Set the desired width */
    height: 100%; /* Set the desired height */
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.square-image[b-yjno4cmnzk] {
    width: 100%; /* Make the image fill the container */
    height: 100%; /* Make the image fill the container */
    object-fit: cover; /* Maintain aspect ratio and cover the container */
}

.Attribute-Main-Queue-wrapper[b-yjno4cmnzk] {
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(6, 1fr);
    margin-top: 5px;
    margin-bottom: 5px;
}

.Attribute-Main-Queue-left[b-yjno4cmnzk] {
    text-align: left;
    grid-column: 1 / span 2; /* This will make it span from column 1 to column 2 */
    padding: 0 2px;
}

.Attribute-Main-Queue-right[b-yjno4cmnzk] {
    padding-left 5px;
    text-align: left;
    grid-column: 3 / span 6; /* This will make it span from column 2 to column 6 */
    padding-left: 5px;
}
/* /Shared/Components/Product/ProductSingleCard.razor.rz.scp.css */
[b-horh0dr62q] .HeaderButton {
    background: rgba(255, 255, 255, 0.7);
    height: 4em;
    right: 1.0667em;
    position: absolute;
    bottom: 3.2em;
    width: 20em;
    font-size: large;
    color: #000000;
}

.HeaderImageHeight[b-horh0dr62q] {
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Category Header*/
.e-listview .e-list-group-item .buttonPosition[b-horh0dr62q] {
    top: 0.5em;
    right: 0.5em;
    position: absolute;
}

#List .ProductNumber[b-horh0dr62q] {
    font-size: medium;
    padding-top: 5px;
    padding-left: 0.6em;
}

#List .ProductPrice[b-horh0dr62q] {
    font-size: small;
    padding-top: 20px;
    font-weight: 400;
}

#List .ProductDescription[b-horh0dr62q] {
    width: 98%;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 12px !important;
    font-size: large;
    padding-top: 2px;
    padding-left: 0.6em;
}

#List .ProductName[b-horh0dr62q] {
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    font-size: large;
    padding-top: 5px;
    padding-left: 0.6em;
}

[b-horh0dr62q] .e-card .e-card-content {
    padding: 0;
    margin: 0; 
}

[b-horh0dr62q] .e-priceButtonWidth {
    background: rgba(255, 255, 255, 0.7);
    width: 3.5rem;
    height: 2rem;
    color: #6c757d;
    margin-top: 12px;
}

/*Sflistview row layout*/
#wrapper[b-horh0dr62q] {
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
}

#left[b-horh0dr62q] {
    height: 65px;
}

#Center[b-horh0dr62q] {
    text-align: left;
    height: 65px;
}

#right[b-horh0dr62q] {
    height: 65px;
}

.CardMargin[b-horh0dr62q] {
    padding-bottom: 10px;
}



[b-horh0dr62q] .e-dialog {
    max-height: 100%;
    max-width: 100%;
    min-width: 240px;
    position: absolute;
}

.line[b-horh0dr62q] {
    width: 112px;
    height: 47px;
    border-bottom: 1px solid black;
    position: absolute;
}

.Title[b-horh0dr62q] {
    background: rgba(0, 0, 0, 0.4);
    padding: 20px 40px;
    color: #FFFFFF;
    font-size: 48px;
    font-weight: 700;
}

[b-horh0dr62q] .ImageCard {
    background: url("images/pokebowl.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 450px;
    left: 0;
    bottom: 0;
    width: 100%;
    /*padding-top: 50px;*/
}

[b-horh0dr62q] #MenyButtonGroup .e-btn {
    background-color: #FFFFFF;
    border-color: #cccccc;
    color: #6c757d;
}

    [b-horh0dr62q] #MenyButtonGroup .e-btn:hover {
        background-color: #DCDCDC;
        border-color: #cccccc;
        color: #6c757d;
    }

    [b-horh0dr62q] #MenyButtonGroup .e-btn:focus {
        background-color: #808080;
        border-color: #cccccc;
        color: #FFFFFF;
    }

    [b-horh0dr62q] #MenyButtonGroup .e-btn:active {
        background-color: #808080;
        border-color: #cccccc;
        color: #FFFFFF;
    }

[b-horh0dr62q] #MenyButtonGroup .e-select {
    background-color: #808080 !important;
    border-color: #cccccc;
    color: #FFFFFF;
}

.grid-container[b-horh0dr62q] {
    display: grid;
    grid-template-columns: auto auto;
    padding: 10px;
    font-size: 14px;
}

.grid-item-left[b-horh0dr62q] {
    font-size: small;
    text-align: left;
    border-bottom: 2px solid #cccccc;
    color: #202020;
    font-size: smaller;
    padding-bottom: 5px;
    padding-top: 5px;
}

.grid-item-right[b-horh0dr62q] {
    font-size: small;
    text-align: right;
    border-bottom: 2px solid #cccccc;
    color: #202020;
    font-size: smaller;
    padding-bottom: 5px;
    padding-top: 5px;
}

.grid-item-wide-Span-2[b-horh0dr62q] {
    grid-column: span 2;
    margin-left: 0;
    padding-bottom: 20px;
}
/* /Shared/Components/Product/ProductSingleCardV2.razor.rz.scp.css */
/* General Styles */

.HeaderButton[b-5qt0j52vfw] {
    background: rgba(255, 255, 255, 0.7);
    height: 4em;
    right: 1.0667em;
    position: absolute;
    bottom: 3.2em;
    width: 20em;
    font-size: large;
    color: #000000;
}

.HeaderImageHeight[b-5qt0j52vfw] {
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Category Header */
.e-listview .e-list-group-item .buttonPosition[b-5qt0j52vfw] {
    top: 0.5em;
    right: 0.5em;
    position: absolute;
}

/* Product List Styles */
#List .ProductNumber[b-5qt0j52vfw] {
    font-size: medium;
    padding-top: 5px;
    padding-left: 0.6em;
}

#List .ProductPrice[b-5qt0j52vfw] {
    font-size: small;
    padding-top: 20px;
    font-weight: 400;
}

#List .ProductDescription[b-5qt0j52vfw] {
    width: 98%;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 12px !important;
    padding-top: 2px;
    padding-left: 0.6em;
}

#List .ProductName[b-5qt0j52vfw] {
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    padding-top: 5px;
    padding-left: 0.6em;
}


[b-5qt0j52vfw] .e-card .e-card-content {
    padding: 0;
    margin: 0;
}

/* Button Styles */
[b-5qt0j52vfw] .e-priceButtonWidth {
    background: rgba(255, 255, 255, 0.7);
    width: 3.5rem;
    height: 2rem;
    color: #6c757d;
    margin-top: 12px;
}

/* Sflistview row layout */
#wrapper[b-5qt0j52vfw] {
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
}

#left[b-5qt0j52vfw], #Center[b-5qt0j52vfw], #right[b-5qt0j52vfw] {
    height: 65px;
}

/* Dialog Styles */
[b-5qt0j52vfw] .e-dialog {
    max-height: 100%;
    max-width: 100%;
    min-width: 240px;
    position: absolute;
}

/* Other Styles */
.CardMargin[b-5qt0j52vfw] {
    padding-bottom: 10px;
}

.line[b-5qt0j52vfw] {
    width: 112px;
    height: 47px;
    border-bottom: 1px solid black;
    position: absolute;
}

.Title[b-5qt0j52vfw] {
    background: rgba(0, 0, 0, 0.4);
    padding: 20px 40px;
    color: #FFFFFF;
    font-size: 48px;
    font-weight: 700;
}

/* Image Card Styles */
.ImageCard[b-5qt0j52vfw] {
    position: relative;
    width: 100%;
    /* For square aspect ratio */
    padding-top: 100%; /* Set the padding-top to make the height equal to the width */
    margin-bottom: -10px; /* Remove margin to the bottom */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*.ImageCard .content {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    padding: 20px;
}*/

.ImageCardTitle[b-5qt0j52vfw] {
    font-size: 18px;
    font-weight: 700;
}

[b-5qt0j52vfw] .ImageCardButton {
    background-color: rgba(0,0,0,0.5);
    border-color: #FFF;
    box-shadow: none;
    color: #FFF;
    font-weight: 500;
    margin: 10px;
    /*width: 280px;*/ 
}

.centered-button[b-5qt0j52vfw] {
    display: flex;
    justify-content: center;
    margin-bottom: 10px; 
}

.CardHeader[b-5qt0j52vfw] {
    font-size: small;
    color: #808080;
    margin: 5px;
    font-weight: 500;
}  
/* /Shared/Components/Queue/QueueCard.razor.rz.scp.css */

.Grid-wrapper[b-22opotrhxl] {
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
}

.Grid-left[b-22opotrhxl] {
    text-align: left;
    grid-column: 1/1;
    padding: 0 2px;
}
/* /Shared/Components/Start/ImageCard.razor.rz.scp.css */
[b-jvq3nau58n] .e-card .e- {
    padding: 0px;
}

[b-jvq3nau58n] .ImageCard {
    background: url("images/pokebowl.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 450px;
    left: 0;
    bottom: 0;
    width: 100%;
    /*padding-top: 50px;*/
}

.CardBottomMargin[b-jvq3nau58n] {
    padding-bottom: 10px;
}

.HeaderImageHeight[b-jvq3nau58n] {
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Shared/Components/Start/LandingFullStretchedImage.razor.rz.scp.css */
[b-y0x29mm8vd] .e-card {
    padding: 0px;
    height: 100vh; /* Full viewport height */
    top: 0;
    left: 0;
}

[b-y0x29mm8vd] .ImageCard {
    background: url("images/wasabi/wokfire.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100vh; /* Full viewport height */
}

.CardBottomMargin[b-y0x29mm8vd] {
    padding-bottom: 10px;
}

.HeaderImageHeight[b-y0x29mm8vd] {
    height: 100%; /* Adjust to full height */
    display: flex;
    flex-direction: column; /* Arrange children in a column */
    justify-content: center;
    align-items: center;
}

.Title[b-y0x29mm8vd] {
    color: white;
    font-size: 2rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.Logo[b-y0x29mm8vd] {
    max-width: 80%;  /* Adjust the width as needed */
    max-height: 80%; /* Adjust the height as needed */
    object-fit: contain;
    margin-top: 20px
}
/* /Shared/Components/Start/ProductListView.razor.rz.scp.css */
[b-55gh7x14hl] .HeaderButton {
    background: rgba(255, 255, 255, 0.7);
    height: 4em;
    right: 1.0667em;
    position: absolute;
    bottom: 3.2em;
    width: 20em;
    font-size: large;
    color: #000000;
}

.HeaderImageHeight[b-55gh7x14hl] {
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Category Header*/
.e-listview .e-list-group-item .buttonPosition[b-55gh7x14hl] {
    top: 0.5em;
    right: 0.5em;
    position: absolute;
}

#List .ProductNumber[b-55gh7x14hl] {
    font-size: medium;
    padding-top: 5px;
    padding-left: 0.6em;
}

#List .ProductPrice[b-55gh7x14hl] {
    font-size: medium;
    padding-top: 20px;
    font-weight: 400;
}

#List .ProductDescription[b-55gh7x14hl] {
    width: 98%;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 12px !important;
    font-size: large;
    padding-top: 2px;
    padding-left: 0.6em;
}

#List .ProductName[b-55gh7x14hl] {
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    font-size: large;
    padding-top: 5px;
    padding-left: 0.6em;
}

[b-55gh7x14hl] .e-card .e-card-content {
    padding: 0px;
}

[b-55gh7x14hl] .e-priceButtonWidth {
    background: rgba(255, 255, 255, 0.7);
    width: 3.5rem;
    height: 2rem;
    color: #6c757d;
    margin-top: 12px;
}

/*Sflistview row layout*/
#wrapper[b-55gh7x14hl] {
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    
}

#left[b-55gh7x14hl] {
    height: 65px;




}

#Center[b-55gh7x14hl] {
    text-align: left;
    height: 65px;
}

#right[b-55gh7x14hl] {
    height: 65px;
}

.CardMargin[b-55gh7x14hl] {
    padding-bottom: 10px;
}



[b-55gh7x14hl] .e-dialog {
    max-height: 100%;
    max-width: 100%;
    min-width: 240px;
    position: absolute;
}

.line[b-55gh7x14hl] {
    width: 112px;
    height: 47px;
    border-bottom: 1px solid black;
    position: absolute;
}

.Title[b-55gh7x14hl] {
    background: rgba(0, 0, 0, 0.4);
    padding: 20px 40px;
    color: #FFFFFF;
    font-size: 48px;
    font-weight: 700;
}

[b-55gh7x14hl] .ImageCard {
    background: url("images/pokebowl.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 450px;
    left: 0;
    bottom: 0;
    width: 100%;
    /*padding-top: 50px;*/
}

[b-55gh7x14hl] #MenyButtonGroup .e-btn {
    background-color: #FFFFFF;
    border-color: #cccccc;
    color: #6c757d;
}

[b-55gh7x14hl] #MenyButtonGroup .e-btn:hover {
    background-color: #DCDCDC;
    border-color: #cccccc;
    color: #6c757d;
}

[b-55gh7x14hl] #MenyButtonGroup .e-btn:focus {
    background-color: #808080;
    border-color: #cccccc;
    color: #FFFFFF;
}

[b-55gh7x14hl] #MenyButtonGroup .e-btn:active {
    background-color: #808080;
    border-color: #cccccc;
    color: #FFFFFF;
}

[b-55gh7x14hl] #MenyButtonGroup .e-select {
    background-color: #808080 !important;
    border-color: #cccccc;
    color: #FFFFFF;
}
/* /Shared/ImageCard.razor.rz.scp.css */
.ImageCardTitle[b-2ca3u6ugaa] {
    font-size: 20px;
    font-weight: 700;
    /*padding-top: 50px;*/
}

.ImageCardPrice[b-2ca3u6ugaa] {
    font-size: larger;
    font-weight: 700;
    right: 1em;
    top: 12px;
    position: absolute;
}

.ImageCard[b-2ca3u6ugaa] {
    background: url("images/baobun.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 450px;
    left: 0;
    bottom: 0;
    width: 100%;
    /*padding-top: 50px;*/
}

.ImageCard .content[b-2ca3u6ugaa] {
    position: absolute; /* Position the background text */
    bottom: 5px; /* At the bottom. Use top:0 to append it to the top */
    background: rgb(0, 0, 0); /* Fallback color */
    background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
    color: #f1f1f1; /* Grey text */
    width: 100%; /* Full width */
    padding: 5px; /* Some padding */
}

[b-2ca3u6ugaa] .e-btn.e-outline, .e-css.e-btn.e-outline[b-2ca3u6ugaa] {
    background-color: rgba(0,0,0,0);
    border-color: #FFF;
    box-shadow: none;
    color: #FFF;
    margin: 2px;
    font-weight: 500;
    width: 180px;
}

.CardBottomMargin[b-2ca3u6ugaa] {
    padding-bottom: 10px;
}

[b-2ca3u6ugaa] .e-card .e-card-content {
    padding: 0px;
}

.e-priceButtonWidth[b-2ca3u6ugaa] {
    background: rgba(255, 255, 255, 0.7);
    width: 3.5rem;
    color: #6c757d;
    margin-top: 10px;
}
/* /Shared/ImageCardBunThitNuong.razor.rz.scp.css */
.ImageCardTitle[b-wg2sqpzhw3] {
    font-size: 20px;
    font-weight: 700;
    /*padding-top: 50px;*/
}

.ImageCardPrice[b-wg2sqpzhw3] {
    font-size: larger;
    font-weight: 700;
    right: 1em;
    top: 12px;
    position: absolute;
}

.ImageCard2[b-wg2sqpzhw3] {
    background: url("images/bunthitnuong.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 450px;
    left: 0;
    bottom: 0;
    width: 100%;
    /*padding-top: 50px;*/
}

.ImageCard2 .content[b-wg2sqpzhw3] {
    position: absolute; /* Position the background text */
    bottom: 5px; /* At the bottom. Use top:0 to append it to the top */
    background: rgb(0, 0, 0); /* Fallback color */
    background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
    color: #f1f1f1; /* Grey text */
    width: 100%; /* Full width */
    padding: 5px; /* Some padding */
}

[b-wg2sqpzhw3] .ImageCardButton {
    background-color: rgba(0,0,0,0);
    border-color: #FFF;
    box-shadow: none;
    color: #FFF;
    font-weight: 500;
    margin: 2px;
    width: 280px;
}

.CardBottomMargin[b-wg2sqpzhw3] {
    padding-bottom: 10px;
}

[b-wg2sqpzhw3] .e-card .e-card-content {
    padding: 0px;
}

.e-priceButtonWidth[b-wg2sqpzhw3] {
    background: rgba(255, 255, 255, 0.7);
    width: 3.5rem;
    color: #6c757d;
    margin-top: 10px;
}
/* /Shared/LogoCard.razor.rz.scp.css */

#LogoContent[b-zyo0xbjjuj] {
    padding-top: 1rem;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.LogoTitle[b-zyo0xbjjuj] {
    padding-left: 5px;
    font-size: large;
    font-weight: 500;
}

.container[b-zyo0xbjjuj] {
    width: 100%;
    padding-top: 20px; 
}

.center[b-zyo0xbjjuj] {
    margin: auto;
    display: block;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-5b27zmpcxc] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-5b27zmpcxc] {
        display: none;
    }

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

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

@media (min-width: 641px) {
    .page[b-5b27zmpcxc] {
        flex-direction: row;
    }

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

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

    .main > div[b-5b27zmpcxc] {
        /*padding-left: 2rem !important;*/
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-v57n6p1647] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-v57n6p1647] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

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

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

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

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

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

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

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

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

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

    .collapse[b-v57n6p1647] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
/* /Shared/PokeBowl.razor.rz.scp.css */
.ImageCardTitle[b-0corq0m945] {
    font-size: 20px;
    font-weight: 700;
    /*padding-top: 50px;*/
}

.ImageCardPrice[b-0corq0m945] {
    font-size: larger;
    font-weight: 700;
    right: 1em;
    top: 12px;
    position: absolute;
}

.ImageCardPoke[b-0corq0m945] {
    background: url("images/pokebowl.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 450px;
    left: 0;
    bottom: 0;
    width: 100%;
    /*padding-top: 50px;*/
}

.ImageCardPoke .content[b-0corq0m945] {
    position: absolute; /* Position the background text */
    bottom: 5px; /* At the bottom. Use top:0 to append it to the top */
    background: rgb(0, 0, 0); /* Fallback color */
    background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
    color: #f1f1f1; /* Grey text */
    width: 100%; /* Full width */
    padding: 5px; /* Some padding */
}

[b-0corq0m945] .e-btn.e-outline, .e-css.e-btn.e-outline[b-0corq0m945] {
    background-color: rgba(0,0,0,0);
    border-color: #FFF;
    box-shadow: none;
    color: #FFF;
    margin: 2px;
    font-weight: 500;
    width: 180px;
}

.CardPositionCenter[b-0corq0m945] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.CardBottomMargin[b-0corq0m945] {
    padding-bottom: 10px;
}

[b-0corq0m945] .e-card .e-card-content {
    padding: 0px;
}
/* /Shared/PricingSelectPrompt.razor.rz.scp.css */
.CardPositionCenter[b-t6ow5b4pmw] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Welcome[b-t6ow5b4pmw] {
    text-align: center;
    font-size: 4rem;
    color: #696969;
}

[b-t6ow5b4pmw] .PriceSelectionButton {
    background: #FFFFFF;
    color: #6c757d;
    text-align: left;
    height: 4rem;
    width: 10rem;
    margin-right: 5px;
}

[b-t6ow5b4pmw] .PriceSelectionButtonSelected {
    background: #28A745;
    color: #FFFFFF;
}

.fade-in-text-2[b-t6ow5b4pmw] {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 150px;
    animation: fadeIn-b-t6ow5b4pmw linear 2s;
    -webkit-animation: fadeIn linear 2s;
    -moz-animation: fadeIn linear 2s;
    -o-animation: fadeIn linear 2s;
    -ms-animation: fadeIn linear 2s;
}

.fade-in-text-4[b-t6ow5b4pmw] {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 150px;
    animation: fadeIn-b-t6ow5b4pmw linear 4s;
    -webkit-animation: fadeIn linear 4s;
    -moz-animation: fadeIn linear 4s;
    -o-animation: fadeIn linear 4s;
    -ms-animation: fadeIn linear 4s;
}

.fade-in-text-6[b-t6ow5b4pmw] {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 150px;
    animation: fadeIn-b-t6ow5b4pmw linear 6s;
    -webkit-animation: fadeIn linear 6s;
    -moz-animation: fadeIn linear 6s;
    -o-animation: fadeIn linear 6s;
    -ms-animation: fadeIn linear 6s;
}

@keyframes fadeIn-b-t6ow5b4pmw {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* /Shared/ProductDetailDialog.razor.rz.scp.css */
#wrapper[b-35yw8arshl] {
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: 50px auto 65px;
}

#left[b-35yw8arshl] {
    height: 65px;
}

#Center[b-35yw8arshl] {
    text-align: left;
    height: 65px;
}

#right[b-35yw8arshl] {
    height: 65px;
}

[b-35yw8arshl] .multilineHeight {
    height: 5em;
}

[b-35yw8arshl] .Pay {
    position: absolute;
    right: 15px;
}
/* /Shared/ProductKinnaMenuCard.razor.rz.scp.css */
[b-p1ts90zg81] .HeaderButton {
    background: rgba(255, 255, 255, 0.7);
    height: 4em;
    right: 1.0667em;
    position: absolute;
    bottom: 3.2em;
    width: 20em;
    font-size: large;
    color: #000000;
}

.HeaderImageHeight[b-p1ts90zg81] {
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Category Header*/
.e-listview .e-list-group-item .buttonPosition[b-p1ts90zg81] {
    top: 0.5em;
    right: 0.5em;
    position: absolute;
}

#List .ProductNumber[b-p1ts90zg81] {
    font-size: large;
    padding-top: 5px;
    padding-left: 0.6em;
}

#List .ProductPrice[b-p1ts90zg81] {
    font-size: small;
    padding-top: 20px;
    font-weight: 400;
}

#List .ProductDescription[b-p1ts90zg81] {
    width: 98%;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 12px !important;
    font-size: large;
    padding-top: 2px;
    padding-left: 0.6em;
}

#List .ProductName[b-p1ts90zg81] {
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    font-size: large;
    padding-top: 5px;
    padding-left: 0.6em;
}

[b-p1ts90zg81] .e-card .e-
{
    padding: 0px;
}

[b-p1ts90zg81] .e-priceButtonWidth {
    background: rgba(255, 255, 255, 0.7);
    width: 3.5rem;
    height: 2rem;
    color: #6c757d;
    margin-top: 12px;
}

/*Sflistview row layout*/
#wrapper[b-p1ts90zg81] {
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: 50px auto 65px;
}

#left[b-p1ts90zg81] {
    height: 65px;
}

#Center[b-p1ts90zg81] {
    text-align: left;
    height: 65px;
}

#right[b-p1ts90zg81] {
    height: 65px;
}

.CardBottomMargin[b-p1ts90zg81] {
    padding-bottom: 10px;
}



[b-p1ts90zg81] .e-dialog {
    max-height: 100%;
    max-width: 100%;
    min-width: 240px;
    position: absolute;
}

.line[b-p1ts90zg81] {
    width: 112px;
    height: 47px;
    border-bottom: 1px solid black;
    position: absolute;
}

.Title[b-p1ts90zg81] {
    background: rgba(0, 0, 0, 0.4);
    padding: 20px 40px; 
    color: #FFFFFF;
    font-size: 48px;
    font-weight: 700;

}

[b-p1ts90zg81] .ImageCard {
    background: url("images/pokebowl.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 450px;
    left: 0;
    bottom: 0;
    width: 100%;
    /*padding-top: 50px;*/
}

[b-p1ts90zg81] #MenyButtonGroup .e-btn {
    background-color: #FFFFFF;
    border-color: #cccccc;
    color: #6c757d;
}

[b-p1ts90zg81] #MenyButtonGroup .e-btn:hover {
    background-color: #DCDCDC;
    border-color: #cccccc;
    color: #6c757d;
}

[b-p1ts90zg81] #MenyButtonGroup .e-btn:focus {
    background-color: #808080;
    border-color: #cccccc;
    color: #FFFFFF;
}

[b-p1ts90zg81] #MenyButtonGroup .e-btn:active {
    background-color: #808080;
    border-color: #cccccc;
    color: #FFFFFF;
}

[b-p1ts90zg81] #MenyButtonGroup .e-select {
    background-color: #808080 !important;
    border-color: #cccccc;
    color: #FFFFFF;
} 
/* /Shared/ProductList.razor.rz.scp.css */
[b-nsbort3wpf] .HeaderButton {
    background: rgba(255, 255, 255, 0.7);
    height: 4em;
    right: 1.0667em;
    position: absolute;
    bottom: 3.2em;
    width: 20em;
    font-size: large;
    color: #000000;
}

.HeaderImageHeight[b-nsbort3wpf] {
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Category Header*/
.e-listview .e-list-group-item .buttonPosition[b-nsbort3wpf] {
    right: 1em;
    position: absolute;
}

#List .ProductNumber[b-nsbort3wpf] {
    font-size: large;
    padding-top: 5px;
    padding-left: 0.6em;
}

#List .ProductPrice[b-nsbort3wpf] {
    font-size: small;
    padding-top: 20px;
    font-weight: 400;
}

#List .ProductDescription[b-nsbort3wpf] {
    width: 98%;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 12px !important;
    font-size: large;
    padding-top: 2px;
    padding-left: 0.6em;
}

#List .ProductName[b-nsbort3wpf] {
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 14px !important;
    font-weight: 700;
    font-size: large;
    padding-top: 5px;
    padding-left: 0.6em;
}

[b-nsbort3wpf] .e-card .e-card-content {
    padding: 0px;
}

[b-nsbort3wpf] .e-priceButtonWidth {
    background: rgba(255, 255, 255, 0.7);
    width: 3.5rem;
    height: 2rem;
    color: #6c757d;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*Sflistview row layout*/
#wrapper[b-nsbort3wpf] {
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: auto 65px;
}

#left[b-nsbort3wpf] {

}

#Center[b-nsbort3wpf] {
    text-align: left;

}

#right[b-nsbort3wpf] {

}

.CardBottomMargin[b-nsbort3wpf] {
    padding-bottom: 10px;
}

[b-nsbort3wpf] .e-dialog {
    max-height: 100%;
    max-width: 100%;
    min-width: 240px;
    position: absolute;
}

.line[b-nsbort3wpf] {
    width: 112px;
    height: 47px;
    border-bottom: 1px solid black;
    position: absolute;
}

.Title[b-nsbort3wpf] {
    background: rgba(0, 0, 0, 0.4);
    padding: 20px 40px; 
    color: #FFFFFF;
    font-size: 48px;
    font-weight: 700;

}

[b-nsbort3wpf] .ImageCard {
    background: url("images/pokebowl.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 450px;
    left: 0;
    bottom: 0;
    width: 100%;
    /*padding-top: 50px;*/
}
/* /Shared/RestaurantFooter.razor.rz.scp.css */
.FooterBottom[b-wr7vrxbrkr] {
    padding-bottom: 100px;
}

[b-wr7vrxbrkr] .WelcomeCard {
    /*'background: url("images/welcome.png");*/
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #4e4e4e;
    left: 0;
    bottom: 0;
    border-color: #ffffff;
}

.h4[b-wr7vrxbrkr], h4[b-wr7vrxbrkr] {
    font-size: 1.5rem;
    color: #f2f2f2;
}

.footerContent[b-wr7vrxbrkr] {
    vert-align: top;
    padding: 0;
    margin: 0 auto;
    height: 5rem;
    color: #f2f2f2;
}

/* DivTable.com */
.divTable[b-wr7vrxbrkr] {
    display: table;
    width: 65%;
    min-width: 250px;
    margin: 0 auto;
    padding-bottom: 1rem;
}

.divTableRow[b-wr7vrxbrkr] {
    display: table-row;
}

.divTableCell[b-wr7vrxbrkr], .divTableHead[b-wr7vrxbrkr] {
    border: 0px solid #999999;
    display: table-cell;
    padding: 3px 10px;
    font-family: Helvetica, 'Segoe UI' !important;
    font-size: 16px !important;
}

.divTableHeading[b-wr7vrxbrkr] {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.divTableFoot[b-wr7vrxbrkr] {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

.divTableBody[b-wr7vrxbrkr] {
    display: table-row-group;
}

.login-expandable a[b-wr7vrxbrkr] {
    font-size: smaller;
    color: #e6e6e6;
}
/* /Shared/Welcome.razor.rz.scp.css */
<h3>Welcome.razor</h3>

@code[b-biozuy0if7] {

}