/* _content/B2C/Components/CartPanel/Cart.razor.rz.scp.css */
.basket-container[b-wfee2ssodb]{
    display:flex;
    padding-top:20px;
    position:relative;
    width:100%;
   
}
.cart-basket[b-wfee2ssodb] {
    max-width:80%;
    float:left;
    min-width:950px;
}

.basket-summary[b-wfee2ssodb]{
    max-width:20%;
    float:right;
    min-width:250px;
    margin:30px;
}
/* _content/B2C/Components/Confirm/Confirm.razor.rz.scp.css */
.close[b-y38dsc3aaa]{
    border:none;
    opacity:0.7;
}
.close:hover[b-y38dsc3aaa]{
    opacity:1;
}
.title[b-y38dsc3aaa]{
    width:100%;
    text-align:center;
}
/* _content/B2C/Components/DataGrid/DataGrid.razor.rz.scp.css */
body[b-hn32bq54sy]{
    font-size :16px;
}
table[b-hn32bq54sy] {
    border: 1px solid #bdc3c7;
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.2), -1px -1px 8px rgba(0, 0, 0, 0.2);
    overflow:hidden;
    table-layout:fixed;
    width:100%;
}

.Header[b-hn32bq54sy] {
    /*background-color: #16a085;*/

    border: 1px solid #bdc3c7;
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.2), -1px -1px 8px rgba(0, 0, 0, 0.2);
}


.Body tr:hover[b-hn32bq54sy] {
    overflow:hidden;
    background-color: #f5f5f5;
    /*transform: scale(1.02);
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.2), -1px -1px 8px rgba(0, 0, 0, 0.2);*/
}

.selectedRow[b-hn32bq54sy] {
    background-color: #0094ff !important;
}


td th[b-hn32bq54sy] {
    word-wrap:break-word;
    padding-right:8px;
    padding-left:4px;
    overflow:hidden;
    }

tr[b-hn32bq54sy]{
    border-bottom: 1px solid #bdc3c7;
    height:2.5em;
    
}
@media only screen and (max-width: 500px) {
 .container-fluid[b-hn32bq54sy] {
     margin:0px;
     padding:0px;
    }
    .table[b-hn32bq54sy]{
        width:100%;
    }
    td th[b-hn32bq54sy] {
        width:auto;
    }
}
   
/* _content/B2C/Components/DataGrid/DataGridPager.razor.rz.scp.css */
@media only screen and (max-width: 500px) {
    .page-item[b-ly0d5rue1r] {
        display: none;
    }

    .first[b-ly0d5rue1r] {
        display: none;
    }

    .lastend[b-ly0d5rue1r] {
        display: none;
    }
}
/* _content/B2C/Components/InputNumber/InputIntNumber.razor.rz.scp.css */
.number-int[b-m3jdf3z3hh]{
    display:flex;
    height:1.5em;
}
.number-text[b-m3jdf3z3hh]{
    text-align:right;
    border:none;
    font-weight:400;
    margin:0px;
    padding:0px;
}
.up[b-m3jdf3z3hh]{
  width:15px;
  display:inline-flex;
  border:none;
  border-block-color:transparent;
  background-color:transparent;
  vertical-align:central;
  color:blue;
  margin:0px;
  padding:0;
 
}
.down[b-m3jdf3z3hh] {
    width: 15px;
    font-weight:700;
    display: inline-flex;
    border:none;
    border-block-color: transparent;
    background-color: transparent;
    vertical-align: central;
    color:red;
    box-sizing:border-box;
    margin:0px;
    padding:0px;
}
.button[b-m3jdf3z3hh]{
    text-align:end;
    
}
@media (max-width: 640.98px) {
    .up[b-m3jdf3z3hh] {
        display: none;
    }

    .down[b-m3jdf3z3hh] {
        display: none;
    }
}
/* _content/B2C/Components/MaskInput/CurrencyEdit.razor.rz.scp.css */
.currency[b-bty2ssyuyj]{
    display:flex;
    margin:auto;
}
.simge[b-bty2ssyuyj] {
    margin: auto;
    display: inline-block;
}
input[b-bty2ssyuyj] {
    margin:auto;
    position:relative;
    width: 100%;
    border: none;
    text-align: end;
    
    display:flex;
}

    input:focus[b-bty2ssyuyj] {
        outline: none;
    }
/* _content/B2C/Components/NotificationService/MNotificationMessage.razor.rz.scp.css */
.toast_container[b-7s23iklj94] {
    display: flex;
    flex-direction: row;
    height: 80px;
    width: auto;
    border-radius: 5px;
    right: 0px;
    align-items: center;
    box-shadow: 5px 10px 15px #dedede;
    border-left: 3px solid #efefef;
    background-color: #efefef;
    margin-top: 8px;
}

.toast_icon.error[b-7s23iklj94] {
    width: 32px;
    height: 32px;
    margin-left: 5px;
    background-position:0;
    background-size:contain;
    background-repeat:no-repeat;
    background-image: url(media/error.svg);
}
.toast_icon.success[b-7s23iklj94] {
    width: 32px;
    height: 32px;
    margin-left: 5%;
    background-position: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('./media/success.svg');
}

.toast_info[b-7s23iklj94]{
    margin-left:5%;
    width:100%
}
.toast_title[b-7s23iklj94]{
    width:100%;
    font-size:16px;
    font-weight:600;
}
.toast_close[b-7s23iklj94] {
    position:relative;
    width: 24px;
    height: 24px;
    right: 5px;
    top: 1px;
    background-position: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('./media/x.svg');
    opacity:0.7;
    cursor:pointer;
}
.toast_close:hover[b-7s23iklj94]{
    opacity:1;
}
.toast_description[b-7s23iklj94]{
    font-weight:300;
    font-size:12px;
}
.toast_progress[b-7s23iklj94] {
    position: absolute;
    width: 100%;
    height: 5px;
    bottom: 0px;
    animation-name:progress-b-7s23iklj94;
    animation-duration:5s;
}
    .toast_progress.red[b-7s23iklj94] {
        background-color: #ee1b24;
    }
    .toast_progress.green[b-7s23iklj94] {
        background-color: #01ad01;
    }
@keyframes progress-b-7s23iklj94{
    from{
        width:100%;
    }
    to{
        width:0%;
    }
}
/* _content/B2C/Components/Pagenation/Pager.razor.rz.scp.css */
@media only screen and (max-width: 500px) {
.page-item[b-z4d50jvvlf]{
    display:none;
}
.first[b-z4d50jvvlf]{
    display:none;
}
.lastend[b-z4d50jvvlf]{
    display:none;
}
}
/* _content/B2C/Components/PanelMenu/PanelMenuItem.razor.rz.scp.css */
body[b-8yk6dmoza9] {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 5px;
}

label[b-8yk6dmoza9] {
    font-size: 16px;
    display: flex;
}

.menu[b-8yk6dmoza9] {
    position: absolute;
    left: 0px;
}

li[b-8yk6dmoza9] {
    list-style-type: none;
    padding: 2px;
    padding-left: 0px;
    margin-left: -30px;
}

ul[b-8yk6dmoza9] {
    padding-left: 40px;
}

.item:hover[b-8yk6dmoza9] {
    background-color: #007bee;
}

.item.selected[b-8yk6dmoza9] {
    background-color: #007bff;
    color: white;
}

.item > arrow[b-8yk6dmoza9], .arrow-placeholder[b-8yk6dmoza9] {
    min-width: 24px;
    user-select: none;
}

span[b-8yk6dmoza9] {
    padding-right: 8px;
}
/* _content/B2C/Components/Products/ProductCard.razor.rz.scp.css */
body[b-tc74k81u4r]{
   
}
.product-columncontent[b-tc74k81u4r]{
    border-radius:6px;
    width:226px;
    box-sizing:border-box;
    overflow:hidden;
    margin-bottom:16px;
}
.imgholder[b-tc74k81u4r]{
    width:226px;
    height:226px;

}
.product-main[b-tc74k81u4r] {
}
.product-name[b-tc74k81u4r]{
    font-size:16px;
    line-height:1.5;
    overflow:hidden;
    height:48px;

}
.product-amount[b-tc74k81u4r]{
    justify-content:center;
    width:120px;
    margin:auto;
    display:flex
}
.product-detail[b-tc74k81u4r] {
}



.shop-image-button[b-tc74k81u4r]{
    margin-left:16px;
    border: 0px solid;
    background-color:transparent;
}

.shop-image-button:hover[b-tc74k81u4r] {
    color:blue;
}

.shop-image-button:focus[b-tc74k81u4r]{
    color:red;
}
/* _content/B2C/Components/Products/ProductPage.razor.rz.scp.css */
.imgholder[b-aqt2d41jg0]{
    width:30%;
}
.product-detail[b-aqt2d41jg0]{
    width:40%;
}
.product[b-aqt2d41jg0]{
    display:flex;
    margin-bottom:100px;
}
/* _content/B2C/Shared/Header.razor.rz.scp.css */
.header-main[b-sojpi8dcjs] {
    width: 100%;
    margin: 5px;
    min-height:100px;
    display:flex;
    
}
.header-logo[b-sojpi8dcjs]{
    align-items:center;
   width:250px;
}
.header-search[b-sojpi8dcjs]{
    display:flex;
    min-width:300px;
    width:100%;
    justify-content:center;
    align-items:center;
}

.header-menu[b-sojpi8dcjs]{
    position:relative;
    display:flex;
    
}
.header-login[b-sojpi8dcjs]{
    min-width:200px;
    position:relative;
    align-items:center;
    flex-direction:row;
    margin:auto;
}

.header-cart[b-sojpi8dcjs]{
    min-width:150px;
    display:flex;
    align-items:center;
}
@media only screen and (max-width: 500px) {
    .header-logo[b-sojpi8dcjs] {
        
        width: 100%;
    }
    .header-search[b-sojpi8dcjs] {
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    .header-cart[b-sojpi8dcjs] {
       display:block;
    }
    .header-main[b-sojpi8dcjs] {
       
        display: block;
       
    }

    .header-menu[b-sojpi8dcjs] {
      
        margin: 0;
        padding: 0;
        margin-bottom: 20px;
        
    }
}
/* _content/B2C/Shared/MainLayout.razor.rz.scp.css */
.page[b-ul0m71l84a] {
   
    
}

header[b-ul0m71l84a] {
    max-width:100%;
    background-color: rgba(116,253,5, 0.5);
    width: 100%;
    top: 0;
}



main[b-ul0m71l84a] {
    max-width:100%;
   
   
}
main.row[b-ul0m71l84a]{
    max-width:100%;
}

footer[b-ul0m71l84a] {
    margin-top:15px;
    max-width: 100%;
    background-color: #e5e7eb;
    position: relative;
    bottom: 0px;
}



@media (max-width: 640.98px) {
  
}

@media (min-width: 641px) {
   
    
}
/* _content/B2C/Views/Payment/CreditCardPage.razor.rz.scp.css */
*[b-5x3ed4xtq1],
*[b-5x3ed4xtq1]::before,
*[b-5x3ed4xtq1]::after {
    box-sizing: border-box;
    max-width:100%;
}
.main[b-5x3ed4xtq1] {
    margin: 150px auto 30px;
    position: relative;
    min-width: 420px;
    background: white;
    border-radius: 15px;
    padding: 160px 45px 30px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.credit-card-box[b-5x3ed4xtq1] {
    width: 400px;
    height: 280px;
    position: absolute;
    top: -112px;
    left: 50%;
    transform: translateX(-50%);
}

@media only screen and (max-width: 600px) {
    
   .col-7[b-5x3ed4xtq1]{
       width:auto;
   }
    .paymentplan[b-5x3ed4xtq1]{
        margin-top:10px;
    }
}

.credit-card-box:hover .flip[b-5x3ed4xtq1], .credit-card-box.hover .flip[b-5x3ed4xtq1] {
    transform: rotateY(180deg);
}


.credit-card-box .front[b-5x3ed4xtq1],
.credit-card-box .back[b-5x3ed4xtq1] {
    width: 400px;
    height: 250px;
    border-radius: 15px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: linear-gradient(45deg, #0045c7, #ff2c7d);
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
}

    .credit-card-box .front[b-5x3ed4xtq1]::before,
    .credit-card-box .back[b-5x3ed4xtq1]::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #4f5958;
        background-size: cover;
        opacity: 0.05;
    }

.credit-card-box .flip[b-5x3ed4xtq1] {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.credit-card-box .front[b-5x3ed4xtq1] {
    z-index: 2;
    transform: rotateY(0deg);
}

.credit-card-box .back[b-5x3ed4xtq1] {
    transform: rotateY(180deg);
}
.card-number[b-5x3ed4xtq1]{
    position:absolute;
    width:100%;
    bottom:60px;
    font-size:35px;
    text-align:center;
}
.card-holder[b-5x3ed4xtq1]{
    position:absolute;
    bottom:25px;
    left:20px;
    font-size:16px;
   
}
.card-expdate[b-5x3ed4xtq1] {
    position: absolute;
    bottom: 45px;
    left: 200px;
    font-size: 16px;
}
.card-ccv[b-5x3ed4xtq1] {
    position: absolute;
    width: 30px;
}
.card-band[b-5x3ed4xtq1]{
    position:absolute;
    top:50px;
    height:50px;
    border:1px solid black;
    width:100%;
    background-color:black;
}
.card-ccv[b-5x3ed4xtq1]{
    float:right;
    right:40px;
}
.card-date[b-5x3ed4xtq1] {
    
    width:40%;
    bottom: 45px;
    left: 100px;
    font-size: 16px;
}
.card-ccv2[b-5x3ed4xtq1] {
   
    width:40%;
    bottom: 45px;
    left: 300px;
    font-size: 16px;
}
.main #ccv2:focus ~ .credit-card-box[b-5x3ed4xtq1] {
    transform: rotateY(180deg);
}

.card-type[b-5x3ed4xtq1]{
    position:absolute;
    width:100px;
    height:60px;
    bottom:2px;
    right:0;
}
.bank-logo[b-5x3ed4xtq1]{
    width:150px;
    height:16px;
   position:absolute;
   left:10px;
   top:10px;
}
.bank-program[b-5x3ed4xtq1]
{
    width:100px;
    height:16px;
    position:absolute;
    right:10px;
    top:10px;
    text-align:end;
}

.paymentplan[b-5x3ed4xtq1] {
    margin: 150px auto 10px;
  
    min-width: 450px;
    background: white;
    border-radius: 15px;
    padding: 10px 10px 30px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
.paymentconfirm[b-5x3ed4xtq1] {
    margin: 10px auto 10px;
    min-width: 450px;
    background: white;
    border-radius: 15px;
    padding: 10px 10px 30px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
.image-map[b-5x3ed4xtq1]{
    height:100%;
    position:absolute;
    object-fit:cover;
    top:0;
    left:0;
    opacity:0.3;
}
.image-chip[b-5x3ed4xtq1]{
    position:absolute;
    left:25px;
    top:70px;
    background-color:transparent;
    border-radius:10px;
}
.image-bank[b-5x3ed4xtq1]{
    position:absolute;
    right:3px;
    left:5px;
    width:100px;
    background-color:transparent;
    z-index:2000;
}

#payment[b-5x3ed4xtq1]{
    padding:10px;
    right:0;
    left:auto;
}
/* _content/B2C/Views/Payment/Payment.razor.rz.scp.css */