@import '';

/* _content/Blazor/Component1.razor.rz.scp.css */
.my-component[b-rikk25r1hn] {
    border: 2px dashed red;
    padding: 1em;
    margin: 1em 0;
    background-image: url('background.png');
}
/* _content/Blazor/Components/AddressSelectPanel.razor.rz.scp.css */
.address-tile[b-gqdvdlhow3] {
    background-color: #EBEBEB;
    height: 200px;
    width: 300px;
    border-radius: 5px;
    color:#000000;
    margin-right: 1rem;
    margin-bottom: 1rem;
    line-height: initial;
    position: relative;
}

.address-tile *[b-gqdvdlhow3] {
    font-size: 1.1rem;
    font-weight: 400 ;    
}

.address-name *[b-gqdvdlhow3] {
    font-size: 1.1rem !important;
    font-weight: 500 !important;
}

.address *[b-gqdvdlhow3] {
    font-size: 1.1rem !important;
    font-weight: 400 !important;
}

.address-tile-flex[b-gqdvdlhow3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
} 


.address-tile.active[b-gqdvdlhow3] {
   border: 1px solid #8ce699;
   box-shadow: 2px 4px 10px 0 rgba(219, 208, 208), 2px 4px 10px 0 rgba(219, 208, 208) !important;;
}

.address-col[b-gqdvdlhow3] {
    position: absolute;
    top: 10px;;
}
.active-address[b-gqdvdlhow3] {
    position: relative;
    top: 0 !important;
    left: 0 !important;
}

.edit-row[b-gqdvdlhow3] {
    position: absolute;
    bottom: 5px;
    width: 85%;
}

.hookicon.active[b-gqdvdlhow3] {
    visibility:visible;
    position: absolute;    
    left: 15px;
    top: 5px;
    font-size: 15pt;
}

.hookicon[b-gqdvdlhow3] {
    visibility: hidden;
    position: absolute; 
}


.del-btn[b-gqdvdlhow3] {
    height: fit-content;
    position: absolute;
    left: 0;
    margin: 0;
}

.edt-btn[b-gqdvdlhow3]{
   margin-left: auto;
   height: 35px;
   width: 35px;
}

.tile-footer[b-gqdvdlhow3] {
    position: relative;
    width: 100%;
    bottom:10px;
}
/* _content/Blazor/Components/CheckoutPanel.razor.rz.scp.css */
.checkout-box-ground[b-wei0e79i7a] {
    width: 100%;
    margin: auto;
    background-color: #ffffff;
}

.items-bg[b-wei0e79i7a] {
    background-color: #F2F2F2;
}

.disabledblock[b-wei0e79i7a] {
    pointer-events:none;
    color: lightgray;
}

.disabledblock button[b-wei0e79i7a] {
    background-color: lightgray !important;
    color: #ffffff !important;
}

.nowrap[b-wei0e79i7a] {
    white-space: nowrap;
}
.agb[b-wei0e79i7a] {
    font-size: 10px;
    font-weight: 300;
    color: gray;
}

hr[b-wei0e79i7a] {
    border-top: 1px solid lightgrey !important;
}

.wd-50[b-wei0e79i7a] {
    width: 50%;
    padding-bottom: 1.75rem;
}

.ht-30[b-wei0e79i7a] {
    height: 30px;;
}

.box[b-wei0e79i7a]{
    width: 50%;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 7rem;
    
}

.btn-back[b-wei0e79i7a]{
    margin-bottom: 12px;
}


.paymentblock[b-wei0e79i7a] {
    margin-top: 3rem;
}

.total-container[b-wei0e79i7a] {
    position: relative;
}

.tax-block[b-wei0e79i7a] {
    display: none;
    padding: 0.75rem;
    background-color: #ffffff;
    border-radius: 5px;
    width: 350px;
    box-shadow: 2px 4px 10px 0 rgba(219, 208, 208), 2px 4px 10px 0 rgba(219, 208, 208) !important;
    position: absolute;
    top:-90px;
    right: 0;
}
.tax:hover .tax-block[b-wei0e79i7a] {
    display: block;
}

.no-Hover[b-wei0e79i7a] {
    pointer-events: none !important;
}
.not-visible[b-wei0e79i7a] {
    visibility: hidden;
}
@media (max-width:768px) {
  
    .box[b-wei0e79i7a] {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .box-ground[b-wei0e79i7a] {
        width: 100%;
    }
    
}

@media (max-width:576px){
    .wd-50[b-wei0e79i7a] {
        width: 100%;
    }
}

.checkout-container[b-wei0e79i7a] {
    background-color: #ffffff;
    display: flex;
}

.checkout-shoppingcart[b-wei0e79i7a] {
    display: flex;
    flex-direction: column;
}

.address-title[b-wei0e79i7a] {
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
    margin-bottom: 32px;
}


@media (max-width: 767.98px) {

    .checkout-container[b-wei0e79i7a] {
        flex-direction: column;
    }

    .checkout-main[b-wei0e79i7a] {
        margin-top: 40px;
    }

    .address-title[b-wei0e79i7a] {
        flex-direction: column;
    }

}


@media (min-width: 768px) {

    .checkout-container[b-wei0e79i7a] {
        flex-direction: row;
    }

    .checkout-shoppingcart[b-wei0e79i7a] {
        width: 40%;
    }
    
    .checkout-main[b-wei0e79i7a] {
        width: 60%;
        padding-left: 102px;
        padding-right: 32px;
    }

    .address-title[b-wei0e79i7a] {
        flex-direction: row;
    }

}
/* _content/Blazor/Components/MaterialSelectDialog.razor.rz.scp.css */
.popup-box[b-emh7xlse2t] {
    background-color: #004141;
    color: #8CE699;
    padding: 8px;
    min-width: 300px;
}

.tag-container[b-emh7xlse2t] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;    
    border-radius: 0;
    background-color: #ffffff;
    border: none !important;
}

.table-box[b-emh7xlse2t] {
    position: relative;
    width: 100%;
}

.overlay[b-emh7xlse2t] {
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    width: 100px;
    background-color: #1E2343;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
}

.close-btn[b-emh7xlse2t]
{
    position: absolute;
    top: -10px;
    right: -10px;
    margin: 5px;

}

.apex[b-emh7xlse2t] {
    transform: rotate(45deg);
    height: 30px;
    width: 30px;
    background-color: #1E2343;
    margin: 0;
    position: relative;
    left: -10px;

}

.c-25[b-emh7xlse2t] {
    width: 25%;
}

.c-35[b-emh7xlse2t] {
    width:35%;
}

.c-15[b-emh7xlse2t] {
    width: 15%;;
}

.c-20[b-emh7xlse2t] {
    width: 20%;
}

.currency-btn[b-emh7xlse2t] {
    height: 25px;
    width: 25px;
    margin-left: 0.5rem;
    position: absolute;
    right: 0;
}

.price-info[b-emh7xlse2t] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30%;
    text-align: end;
    color: #ffffff;
    padding: 10px;
}
.price[b-emh7xlse2t] {
    white-space: nowrap;
}
.justify[b-emh7xlse2t] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
}

.header[b-emh7xlse2t] {
    text-align: center;
    margin: 0.5rem;
}

.block-container[b-emh7xlse2t] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;  
}

.block[b-emh7xlse2t] {
    /* width: 30%; */
    width: 345px;
}

.block-content[b-emh7xlse2t] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem;
    margin: 1rem;
    
}
.text-start[b-emh7xlse2t] {
    text-align: start;
}

.select-block[b-emh7xlse2t] {
    display: flex;
    flex-direction: row;
    justify-content: start;
    margin-bottom: 1rem;
}

.color-block[b-emh7xlse2t] {
    height: 40px;
    width: 40px;
    border-radius: 3px;
    border: 1px solid lightgray;
}
.select-box[b-emh7xlse2t] {
    width: 50%;
}

.block-footer[b-emh7xlse2t] {
    border-top: 1px solid lightgray;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1.5rem 0 0.5rem 0;
    margin: 1rem 2rem 0.5rem 2rem;
    background-color: #ffffff;
}

.footer-block[b-emh7xlse2t] {
    width: 50%;
}

.commit-btn[b-emh7xlse2t] {
    height: 35px;
    width: 250px;
    margin-left: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}

.selected-preview[b-emh7xlse2t] {    
    margin: 0.25rem;
    border: 1px solid gray;
    height: 172px;
    border-radius: 5px;
    margin-bottom: 0.5rem;
    background-color: #e5fae8 !important;
}

.selected-preview-small[b-emh7xlse2t] {
    margin: 0.25rem;
    border: 1px solid gray;
    height: 120px;
    width: 180px;
    border-radius: 5px;
    margin-bottom: 0.5rem;
    background-color: #e5fae8 !important;
   
}

.preview[b-emh7xlse2t] {
    width: 30%;
    margin: 0.25rem;
    border: 1px solid gray;
    height: 70px;
    border-radius: 5px;
}

.blazor-modal-material[b-emh7xlse2t] {
    width: 80%;
    max-width: 1200px;
}

.item-preview-image[b-emh7xlse2t] {
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #ffffff;
    background-position-y: bottom;
}

.paper-cream[b-emh7xlse2t] {
    background-color: #eee8e5;
}

.paper-white[b-emh7xlse2t]{
    background-color: #ffffff;
}

.color-select[b-emh7xlse2t] {
    height: 40px;
    width: 40px;
    background-color: transparent;
    border: none;
}

.color-preview[b-emh7xlse2t] {
    width: 30px;
    height: 30px;
    margin-right: 8px;
    border-radius: 2px;
    border: 1px solid #dddddd;
}

.btn-dropdown[b-emh7xlse2t] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #8ce699;
}
.btn-dropdown:focus[b-emh7xlse2t], .btn-dropdown:hover[b-emh7xlse2t] {
    background-color: #e5fae8 ;
    color: #000000;
}

.btn-color-dropdown[b-emh7xlse2t] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: none;
    padding-left: 0;
}
.btn-dropdown:focus[b-emh7xlse2t], .btn-dropdown:hover[b-emh7xlse2t] {
    background-color: #e5fae8 ;
    color: #000000;
}

.btn-group[b-emh7xlse2t], .btn-group:focus[b-emh7xlse2t] {
    border: none;
    background: none;
}

.option-disabled[b-emh7xlse2t] {
    color: #cccccc !important;
}

.dropdown-item-material[b-emh7xlse2t] {
    padding: .25rem 0.5rem !important;
    display: flex;
    flex-direction: row;
}




@media (max-width:1366px) {
    .blazor-modal-material[b-emh7xlse2t] {
        width: 95%;
        max-width: 1200px;
    }
}

@media (max-width:768px){
    .c-25[b-emh7xlse2t] {
        width: 100%;
        padding-left: 15px;
    }
    
    .c-35[b-emh7xlse2t] {
        width:100%;
        padding-left: 15px;
    }

    .c-15[b-emh7xlse2t] {
        width: 100%;
        padding-left: 15px;
    }
    
    .c-20[b-emh7xlse2t] {
        width: 100%;
        padding-left: 15px;
    }
    .justify[b-emh7xlse2t] {
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: center;
    }

    .block-footer[b-emh7xlse2t] {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        
    }
    .blazor-modal-material[b-emh7xlse2t] {
        width: 95%;
        max-width: none;
    }

    .block[b-emh7xlse2t] {
        width: 100%;
    }

    .inner-material[b-emh7xlse2t] {
        margin-bottom: 9rem;
    }
}
/* _content/Blazor/Components/Pager.razor.rz.scp.css */
.pager-container[b-vdsqjz5xb7] {
    display: flex;
    margin-bottom: 22px;
}


@media (max-width: 767.98px) {

    .pager-container[b-vdsqjz5xb7] {
        flex-direction: column;
        align-items: center;
    }

}


@media (min-width: 768px) {

    .pager-container[b-vdsqjz5xb7] {
        flex-direction: row;
        justify-content: space-between;
    }

}
/* _content/Blazor/Components/Review.razor.rz.scp.css */
.review-container[b-yqs894zcj5] {
    padding: 0 2.5rem 2.5rem 2.5rem;
}

label[b-yqs894zcj5] {
    font-size: 0.9rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
}

.separator[b-yqs894zcj5]{
    margin: 1rem 0;
    height: 10px;
    width: 100%;
    border-top: 1px solid #d6d6d6;
}

.send-btn[b-yqs894zcj5] {
    width: 150px;
}

/* _content/Blazor/Components/StarRating.razor.rz.scp.css */
/* Base setup */
/* @import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css); */
body[b-kzzysfwrqv] {
    margin: 5%; 
    text-align: center;
    background: #111;
    color: #333; 
}
h1[b-kzzysfwrqv] {
    font-size: 2em; 
    margin-bottom: .5rem;
}

.rating-block[b-kzzysfwrqv] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* Ratings widget */
.rate[b-kzzysfwrqv] {
    display: inline-block;
    border: 0;    
}
/* Hide radio */
.rate > input[b-kzzysfwrqv] {
    display: none;
}
/* Order correctly by floating highest to the right */
.rate > label[b-kzzysfwrqv] {
    float: right;
    color: #D6D6D6;
}
/* The star of the show */
.rate > label[b-kzzysfwrqv]:before {
    display: inline-block;
    font-size: 0.9rem;
    padding: .3rem .2rem;
    margin: 0;
    cursor: pointer;
    font-family: 'Font Awesome 5 Free';
    content: "\f005 "; /* full star */
   
}

/* Half star trick */
.rate .half[b-kzzysfwrqv]:before {
    content: "\f089 "; /* half star no outline */
    position: absolute;
    padding-right: 0;
}

.rate.rate-big > label[b-kzzysfwrqv]:before {
    display: inline-block;
    font-size: 2rem !important; 
    padding: .3rem .2rem;
    margin: 0;
    cursor: pointer;
    font-family: 'Font Awesome 5 Free';
    content: "\f005 "; /* full star */
   
}

/* Half star trick */
.rate.rate-big .half[b-kzzysfwrqv]:before {
    content: "\f089 "; /* half star no outline */
    position: absolute;
    padding-right: 0;
}



/* Click + hover color */
input:checked ~ label[b-kzzysfwrqv], /* color current and previous stars on checked */
label:hover[b-kzzysfwrqv], label:hover ~ label[b-kzzysfwrqv] { color: #79d97c !important;  } /* color previous stars on hover */

/* Hover highlights */
input:checked + label:hover[b-kzzysfwrqv], input:checked ~ label:hover[b-kzzysfwrqv], /* highlight current and previous stars */
input:checked ~ label:hover ~ label[b-kzzysfwrqv], /* highlight previous selected stars for new rating */
label:hover ~ input:checked ~ label[b-kzzysfwrqv] /* highlight previous selected stars */ { color: #8CE699 !important;  } 


.readonly[b-kzzysfwrqv] {
    pointer-events: none;
}