/*
Autocomplete css
*/
.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
    width: 100%;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #00aeef;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff; 
    border-bottom: 1px solid #00aeef; 
}

.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #00aeef;
    color: #ffffff;
}

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: #00aeef !important; 
    color: #ffffff;
}
/*
End autocomplete css
*/
.product {
    width: 100%;
    background-color: #fff;
    margin: 0% 0% 2%;
    padding: 2%;
    border-width: 2px;
    border-style: solid;
    border-color: #00aeef;
}

.product .overview-image {
    width: 95%;
}

.product .cart-image {
    align-self: flex-end;
}

.card-title a{
    color: #000;
    font-weight: bold;
    font-size: 1.5em;
}

.price{
    font-weight: 700;
    font-size: 2em;
    color: #000;
}

.product h5 a{
    color: #00aeef;
}

#tableCart input[type="number"] {
    width: 50px;
}

@media only screen and (min-width: 600px) {
    #tableCart input[type="number"]::-webkit-inner-spin-button,
    #tableCart input[type="number"]::-webkit-outer-spin-button{
        -webkit-appearance: none;
        margin: 0;
    }
}

.topnavrow, .bottomnavrow{
    width: 100%;
    margin: 0;
    padding: 10px;
}
.sticky-top{
    padding: 0;
    margin: 0;
    position: sticky !important;
}
.navbarcontainer{
    padding: 0;
    padding-bottom: 1%;
}
.navbarevenwidth{
    width: 33%;
}
.navbarsearch{
    width: 100%;
    border: #00aeef solid 2px;
    border-right: 0px;
    height: 30px;
}
.searchbarbutton{
    max-width: 5%;
    border: #00aeef solid 2px;
    border-left: 0px;
    background-color: #fff;
    overflow: hidden;
    height: 30px;
    position: absolute;
    display: inline-block;
}
.navbarright{
    text-align: right;
}
.navbar{
    border: 0px;
}
.border-bottom{
    border-color: #00aeef !important;
}
.border-top{
    border-color: #00aeef !important;
}
.bottomnavrow{
    justify-content: center;
}

#image-slider {
height: 260px;
width: 900px;	
margin: 0px auto;
}

#image-slider img {
height: 260px;
width: 900px;	
}

#controlbar {
width: 900px;
text-align: center;	
}

#controlbar button {
background-color: #FFF;
border: 2px solid #666666;
color: #666666;
width: 50px;
margin: 2px;
cursor: pointer;
}

#controlbar button:hover {
background-color: #666666;
border: 2px solid #666666;
color: #FFF;	
}

.cart-image{
    float: right;
    cursor: pointer;
}

footer .row{
    margin: 0px;
}

.nostock {
color: red;
opacity: .3;
box-sizing: border-box;
background-color: #FFF;
height: 100px;
position: absolute;
top: 0px;
left: 0px;
}

.product-col{
    margin-bottom: 15px;
}

.card-overview{
    height: 100%;
}

.card-img-top-card-overview{
    object-fit: contain;
    width: 100%;
    height: 50%;
    cursor: pointer;
}

.card-footer-card-overview{
    background-color: #00aeef;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
}
.outofstock{
    opacity: 0.3;
}
.outofstockfooter{
    background-color: #808080;
}
/* mobile menu*/
/*------------*/
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}
.container-mobile{
    display: none !important;
}
/* Rotate first bar */
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
}

/* Fade out the second bar */
.change .bar2 {
    opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}
/*----END MOBILE MENU----*/
@media (max-width: 767px) {
    .container-desktop{
        display: none !important;
    }
    .container-mobile{
        display: inline-block !important;
        cursor: pointer !important;
        background-color: #fff;
        width: 100%;
        text-align: -webkit-center;
    }
    nav{
        background-color: #fff;
    }
}
.cart-oos-image{
    opacity: 0.6 !important;
    cursor: default !important;
}
#loadmore-overview{
    background-color: #00aeef;
    text-align: -webkit-center;
    color: #fff;
    font-weight: 700;
    padding: 10px;
    font-size: 1.3em;
    cursor: pointer;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}
#loadmore-overview:hover{
    background-color: #007099 !important;
}

.nothin-found-img{
    width: 50%;
}
.related-item{
    height: 100%;
    border-color: #00aeef; 
}
.related-items img{
    width: 80%;
    height: 80%;
    object-fit: contain;
}
#recommended-products{
    margin: 0px;
}
.cardindexpage{
    height: 100%;
}
.cardindexpage img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}