﻿.shop-img-thumbnail {
    display: block; 
    max-width: 100%;
    height: auto;

    border: 1px solid lightgray;
    padding: 4px;
}

.shop-img-tile {
    display: block; 
    max-width: 100%;
    height: 71%;

    padding: 4px;
}

.shop-shadow-1 {
    box-shadow: 1px 1px 5px #3276b1;
}

.shop-shadow-2 {
    box-shadow: 1px 1px 5px #b17632;
}

.shop-shadow-warning {
    box-shadow: 1px 1px 5px #777700;
}

@media screen and (max-width: 720px) {
    .shop-img-thumbnail {
        max-width: 120px;
        margin-bottom: 8px;
    }
}

.shop-input-qty {
    border: none;
    border-bottom: 1px solid #c0c0c0;
    padding-top: 4px !important;
    padding-bottom: 4px !important;    
    padding-left: 16px !important;
    font-size: larger !important;
}

.shop-input {
    border: none;
    border-bottom: 1px solid #c0c0c0;
    padding: 4px;    
    font-size: medium !important;
}

.catalogue-cat-tile {
    border: 1px solid gray;

    width: 240px;
    height: 240px;
    
    display: inline-block;
    float: left;

    padding: 6px;
    margin: 6px;

    cursor: pointer;
}

.item-config-tile {
    width: 95%;

    padding: 6px;
    margin: 3px;

    text-align: center;

    box-shadow: 0px 0px 5px #a0a0a0;

    cursor: pointer;
}

.item-config-tile span {   
    font-size: larger;
}

.shop-categories-group {
    width: 400px;
    display: inline-block;
    vertical-align: top;
    margin: 6px;
    padding: 6px;
}

.shop-add2basket-button-badge {
    font-size: x-small;
    position: relative;
    top: -17px;
    left: -32px;
}


.sorting-header {
    cursor: pointer;
}
.sortorder {
    cursor: pointer;
}
.sortorder.not-reverse:after {
    content: '\25b2';  
}
.sortorder.reverse:after {
    content: '\25bc'; 
}
.sortorder:after {
    content: '\25b6'; 
}

.expected-stock {
    background-color: #e9e9e8 !important;
}

.fc-modified {
  border: none;
  border-bottom: 1px solid #c0c0c0;
}

@media (min-width: 1200px) {
    .left-side-form {
        padding-right:25px !important;
        margin-bottom: 8px !important;
    }

    .right-side-form {
        /*padding-right:25px !important;*/
        margin-bottom: 8px !important;
    }

    .left-side-form22 {
        padding-right:25px !important;
        margin-bottom: 8px !important;
    }

    .left-side-form33 {
        /*padding-left: 10px !important;
        padding-right: 0px !important;*/
        padding-right: 25px !important;
        margin-bottom: 8px !important; 
    }

    
    .left-side-form234 {
        /*padding-left: 10px !important;
        padding-right: 0px !important;*/
        padding-left: 15px !important;
        padding-right: 25px !important;
        /*margin-bottom: 8px !important;*/ 
    }

    .left-side-form235 {
        /*padding-left: 10px !important;
        padding-right: 0px !important;*/
        /*padding-right: 25px !important;*/
        /*margin-bottom: 8px !important;*/ 
    }


    .left-side-form2 {
        padding-right:14px !important;
        margin-bottom: 8px !important;
    }

    .right-side-form2 {
        /*padding-left:24px !important;*/
        margin-bottom: 8px !important;
    }
}

@media (max-width: 1200px) {
    .left-side-form {
        margin-bottom: 8px !important;
    }
  
    .right-side-form {
        margin-bottom: 8px !important;
    }

    .left-side-form22 {
        margin-bottom: 8px !important;
    }

    .left-side-form33 {
        margin-bottom: 8px !important;
    }

    .left-side-form2 {
        margin-bottom: 8px !important;
    }

    .right-side-form2 {
        margin-bottom: 8px !important;
    }

        
    .left-side-form234 {
        /*padding-left: 10px !important;
        padding-right: 0px !important;*/
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 8px !important; 
    }

    .left-side-form235 {
        padding-left: 15px !important;
        /*
        padding-right: 0px !important;*/
        /*padding-right: 25px !important;*/
        margin-bottom: 8px !important; 
    }

}

.content-none, .content-none:before, .content-none:after {
   content: none !important;
}






