/*Ajax Search*/

.ajax-search-results{
    background:#fff;
    position: absolute;
    width:80%;
    padding: 20px;
    top: 50px;
    left:0;
    display: none;
    z-index: 2000;
}

.ajax-search-results ul li{
    list-style: none;
    border-bottom: 1px solid #dbdbdb;
    padding: 10px 0;
}

.ajax-search-results ul li a{
    color: #181818;
    text-decoration: none;
}

.search-product{
    display:block;
}

.search-product-image{
    width:40px;
    height:40px;
    overflow: hidden;
    display: inline-block;
}

.search-product-image img{
    width:100%;
}

.search-prod-name{
    display: inline-block;
    max-width: 70%;
    width: 65%;
    font-size:0.9em;
    margin-left: 10px;
}

.search-prod-name p{
    font-size: 0.6em
}

.search-price{
    display: inline-block;
    width: 20%;
    font-size: 0.9em;
}

.alert-success-custom{
    background:#19b907;
    color: #fff;
    position: absolute;
    padding: 20px;
    max-width: 40%;
    font-size: 1.2em;
    top:12%;
    border-radius:0px 0px 20px 0px;
    z-index:10000;
}

.alert-success-custom i{
    font-size:1.5em;
    position: absolute;
    top:-12px;
    background: #19b907;
    padding:5px;
    border-radius:50%;
    box-shadow: -3px 3px 5px #18181833;
}

.alert-danger-custom{
    background:rgb(255, 57, 57);
    color: #fff;
    position: absolute;
    padding: 20px;
    max-width: 40%;
    font-size: 1.2em;
    top:12%;
    border-radius:0px 0px 20px 0px;
    z-index:10000;
}

.alert-danger-custom i{
    font-size:1.5em;
    position: absolute;
    top:-12px;
    right:-12px;
    background: rgb(255, 57, 57);
    padding:5px;
    border-radius:50%;
    box-shadow: -3px 3px 5px #18181833;
}

.alert i{
    cursor: pointer;
}

.alert i:hover{
    background:rgb(255, 57, 57);
}

/*Ajax search results mobile*/

@media only screen and (max-width: 767px) {

    .alert-success-custom{
        background:#19b907;
        color: #fff;
        position: absolute;
        padding: 20px;
        max-width: 80%;
        font-size: 1.2em;
        top:5%;
        border-radius:0px 0px 20px 0px;
        z-index:10000;
    }

    .alert-success-custom i{
        font-size:1.5em;
        position: absolute;
        top:-12px;
        right:-12px;
        background: #19b907;
        padding:5px;
        border-radius:50%;
        box-shadow: -3px 3px 5px #18181833;
    }

    .alert-danger-custom{
        background:rgb(255, 57, 57);
        color: #fff;
        position: absolute;
        padding: 20px;
        max-width: 80%;
        font-size: 1.2em;
        top:5%;
        border-radius:0px 0px 20px 0px;
        z-index:10000;
    }

    .alert-danger-custom i{
        font-size:1.5em;
        position: absolute;
        top:-12px;
        right:-12px;
        background: rgb(255, 57, 57);
        padding:5px;
        border-radius:50%;
        box-shadow: -3px 3px 5px #18181833;
    }

    .alert i{
        cursor: pointer;
    }

    .alert i:hover{
        background:rgb(255, 57, 57);
    }

.instock{
    color:#fff;
    font-size:1em;
    background:#19b907;
    padding:4px 6px;
    border-radius: 15px;}

.out-of-stock{
    color:#fff;
    font-size:1em;
    background: red;
    padding:4px 6px;
    border-radius: 15px;}

.free-shipping{
    color:#fff;
    font-size:1em;
    background:rgb(45, 0, 82);
    padding:4px 6px;
    border-radius: 15px;}

    .fast-fetch{
        color:#fff;
        font-size:1em;
        background:rgb(255, 0, 82);
        padding:4px 6px;border-radius: 15px;}

.ajax-search-results{
    background:#fff;
    position: absolute;
    width:350px;
    top: 95px;
    left: -200px;;
    display: none;
    z-index: 2000;
}

.ajax-search-results ul li{
    list-style: none;
    border-bottom: 1px solid #dbdbdb;
    padding: 10px 0;
}

.ajax-search-results ul li a{
    color: #181818;
    text-decoration: none;
}

.search-product{
    display:block;
}

.search-product-image{
    width:40px;
    height:40px;
    overflow: hidden;
    display: inline-block;
}

.search-product-image img{
    width:100%;
}

.search-prod-name{
    display: inline-block;
    max-width: 65%;
    width: 65%;
    font-size:0.9em;
    margin-left: 10px;
}

.search-prod-name p{
    font-size: 0.6em
}

.search-price{
    display: inline-block;
    width: 15%;
    font-size: 0.8em;
}

}

/*top-banner*/

.top-banner-custom{
    margin-bottom:30px;
}

/*Homepage products*/

.home-products .product-default{
    width:15%;
    display: inline-block;
    margin:0% 2%;
}

.home-section-title{
    font-size:17px;
    display:inline-block;
    width:80%;
}

.home-products-title{
    margin: 30px 0px;
}

.vertical-product{
    display:none;
}

.quantity-form{
    vertical-align: middle;
    margin-top:50px;
}

/*home products mobile*/
@media only screen and (max-width: 600px) {
.home-products{
    width:auto;
    overflow-x: auto;
    white-space:nowrap;
    box-sizing: content-box;

}

.home-products .product-default{
    width:40%;
    display: inline-block;
    margin:0% 2%;
    scrollbar-width: none;
}


.home-products .product-default > * {
    scroll-snap-align:start;
}

.home-section-title{
    font-size:14px;
    display:inline-block;
    width:80%;
}

.view-more-btn{
    display: none;
}

.home-products-title{
    margin: 30px 0px;
}

.vertical-product{
    display:none;
}

.quantity-form{
    vertical-align: middle;
    margin-top:50px;
}
}

/*logout*/

.logout-anchor{
    width:100%;
    display: block;
}

.logout-form{
    display:block;
    width:100%;
}

.logout-form button{
    display:block;
    width:100%;
    text-align:left;
    border:none;
    background:none;
    padding-left:0;
}

.text-red-600{
    color: red !important;
}

.text-red-600 li::after{
    content:"*";
    color: red;
    display: inline-block;
}

/*Home Products*/

.deals {
    width: auto;
    white-space: nowrap;
    overflow-x: hidden;
}

.deals .product-default{
    display:inline-block;
}

/*payment forms*/

.payment-form button:hover{
    background:rgb(14, 14, 14) !important;
    color:#fff !important;
}

.payment-form button:focus{
    outline: none;
}