@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');

.hint {
    color: #888;
}

.updateProductHolder {
    display: flex;
}

.ui-autocomplete {
    max-height: 180px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.product {
    background: #ddd;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
}

#productsList {
    list-style-type: none;
    display: flex;
    margin: 0;
    padding: 0;
    padding: 20px;
    flex-wrap: wrap;
}

#productsList li {
    display: inline-block;
    margin-right: 50px;
    margin-bottom: 20px;
}

.productHolder {
    background: #efefef;
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    font-family: 'Source Sans Pro', sans-serif;
}

.clearfix {
    clear: both;
}

.productPicture {
    float: left;
    margin-right: 15px;
}
@media screen and (min-width: 992px) {
   .pad{
       padding:0px 0px 0px 18px;
   }
}

@media screen and (min-width: 1200px) {
    .pad{
        padding:0px 0px 0px 0px;
    }
}
.productName {
    margin-bottom: 0;
    font-weight: bold;
}

.productDescription {
    font-size: 12px;
    text-align: justify;
}

.productPrice {
    font-weight: bold;
    margin: 0;
}

.productPrice span {
    font-weight: normal;
}

.productVat {
    font-size: 12px;
    color: #888888;
}

.productPriceHolder {
    display: inline-block;
    margin-top: 12px;
}

.productPicture {
    width: 60px;
    height: 60px;
    border: 1px solid #ddd;
}

.productPictureBig {
    width: 90px;
    height: 90px;
    border: 1px solid #ddd;
}

.productLeft {
    margin-top: 4px;
}

#productQuantity {
    text-align: center;
    padding: 5px;
    float: right;
    margin-top: 10px;
}

.quantity {
    width: 40px;
    height: 26px;
    text-align: center;
}

input.quantityPlus {
    width: 25px;
    height: 25px;
    background: #8CB5E1;
    border-color: #8CB5E1;
    color: white;
}

input.quantityMinus {
    width: 25px;
    height: 25px;
    background: #8CB5E1;
    border-color: #8CB5E1;
    color: white;
}

input.quantityMinus:focus, input.quantityPlus:focus {
    outline: none;
}

input[type='checkbox'] {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: #ff0000;
    border-radius: 10px;
    /*border:2px solid #000000;*/
}

input[type='checkbox']:checked {
    background: #09dd00;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: brown !important;
    width: 30px !important;
    height: 30px !important;
}