/* SHOP */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
    }

    input[type=number] {
    -moz-appearance: textfield !important;
    }

    .isTest{
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: green;
        color: white;
        padding: 5px;
        z-index: 1000;
        font-weight: bold;
        font-size: 10px;
    }

    .shop_menu {
        list-style-type: none;
        padding-left: 0
    }
    
    .shop_menu .shop_menu {
        padding-left: 20px
    }
    
    .shop_menu .shop_menu li:before {
        content: "-";
        margin-right: 4px
    }
    
    .shop_menu_active {
        font-weight: bold
    }
    
    .articles.striped>form:nth-of-type(2n)>.row {
        background-color: rgba(0, 0, 0, 0.05)
    }
    
    .articles form>.row {
        border: solid 1px #555;
        border-radius: 1rem
    }
    
    .articles .shop_cart_add {
        margin-bottom: 10px
    }
    
    .shop_quantity, .shop_package, .shop_price {
        text-align: right
    }
    
    .subCategories{
        display:flex; 
        flex-wrap: wrap;
    }
    
    .category{
        padding: 5px;
        margin: 1%;
        border: solid 1px #555;
        border-radius: 1rem;
        max-width: 150px;
        max-height: 150px;
        width: 150px;
        height: 150px;
        display: flex;
        justify-content: center;
    }
    
    .categoryElements{
        align-items: center;
        text-align: center;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    
    .categoryImg{
        margin: auto;
        max-width: 100px;
        max-height: 100px;
        width: auto;
        height: auto;
        object-fit: contain;
    } 
    
    .categoryName{
        line-height: 20px;
    }
    
    #searchform #search_input {
        margin-right: 5px;
        text-align: right
    }
    
    #searchform #search_popup {
        z-index: 100;
        position: absolute;
        top: 36px;
        background-color: white;
        right: 16.666667%;
        margin: 5px;
        padding: 2px 15px;
        width: 33.3333%
    }
    
    #searchform #search_popup .suggestions {
        cursor: pointer
    }
    
    #searchform #search_popup .suggestions:hover {
        font-weight: bold
    }

    #shelfContent .article_card_content {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    #shelfContent .article_img {
        height: 150px;
    }

    #shelfContent .article_info {
        flex: 1;
    }

    #shelfContent .article_info .article_info_content {
        display: flex;
        flex-direction: column;
    }

    #shelfContent .article_info .info-table {
        margin-top: auto;
    }

    #shelfContent .article_img img {
        transition: transform 0.3s ease;
    }

    #shelfContent .article_img:hover img{
        transform: scale(1.05);
    }

    /* ARTICLE HEIGHLIGHTING */
        .inform{
            transition: box-shadow 4s ease;
        }
    /* ARTICLE HEIGHLIGHTING */ 

    /* ARTICLE FORM INPUT  */
        #quantityInput{
            min-width: 40px;  
        }

        .quantity-input-button{
            display: flex;
            justify-content: center;
            width: 0;
        }
    /* ARTICLE FORM INPUT  */

    /* STYLES ONE PICTURE */
        .one-picture{
            height: 300px;
            width: 300px;
            margin-right: 61.5px;
            padding: 0;
        }

        .img-wrapper-pictures-one{
            margin-left: 70px !important;
        }
    /* STYLES ONE PICTURE */

    /* PICTURE CAROUSEL */
        .carousel-item-picture{
            width: 300px;
            height: 300px;
        }

        .img-wrapper-pictures{ 
            width: 75%;
            height: 75%;
            margin-left: 55px;
        }

        .img-wrapper-pictures > img{
            height: 100%;
            width: 100%;
            object-fit: contain;
        }

        .carousel-indicators{  
            right: 0;
            bottom: 0;
            margin-right: 0 !important;
            margin-bottom: 0 !important;
            margin-left: 0 !important;
        }

        .button-indicators{
            text-indent: unset !important;
            width: unset !important;
            height: unset !important;
            background-color: #fff !important;
        }

        .carousel-control-prev-picture{
            height: 75%;
        }

        .carousel-control-next-picture{
            height: 75%;
        }
    /* PICTURE CAROUSEL */


    /* STYLES ONE PICTURE MODAL(when clicked) */
        #imageModal .modal-dialog{
            /* margin: auto; */
            max-width: 70%;
            /* max-height: 90%; */
        }

        #imageModal .modal-content{
            align-items: center;
        }

        .one-modal{
            max-height: 90vh;
        }

        .img-wrapper-modal-one{
            height: 100%;
            width: 100%;
        }

        .img-wrapper-modal-one > img{  
            height: 100%;
            width: 100%;
            object-fit: contain;
        }
    /* STYLES ONE PICTURE MODAL(when clicked) */


    /* PICTURE CAROUSEL MODAL(when clicked) */
        .carousel-inner-modal{
            height: auto;
            width: 500px;
        }

        .carousel-item-modal{
            height: 400px;
            width: 400px;
            margin-bottom: 70px;
        }

        .img-wrapper-modal{
            height: 100%;
            width: 100%;
        }

        .img-wrapper-modal > img{  
            height: 100%;
            width: 100%;
            object-fit: contain;
            margin-left: 46px;
        }

        .carousel-control-prev-modal{
            height: 75%;
        }

        .carousel-control-next-modal{
            height: 75%;
        }
    /* PICTURE CAROUSEL MODAL(when clicked) */

    /* ARTICLES CAROUSEL */
        .img-wrapper-article{
            height: 100%;
            width: 100%;
        }

        .img-wrapper-article > img{  
            height: 100%;
            width: 100%;
            object-fit: contain;
        }
        
        .article-files p{
            font-weight: bold;
            text-decoration: underline;
        }

        .article-files li{
            list-style-type: none;
            margin-left: -25px;
        }

        .article-files li *::before{
            content: url('../img/pdf.png');
            display: inline-block;
            padding-right: -5px;
            vertical-align: middle;
            scale: 0.8;
        }

        .article-details{
            margin-top: 50px;
        }

        .article-details > p{
            font-weight: bold;
            text-decoration: underline;
        }

        .more-articles{
            margin-top: 50px;
        }

        .more-articles p{
            font-weight: bold;
            text-decoration: underline;
        }
        
        .card-article{
            width: 100px;
            height: 100px;
            border: solid #dfdfdf;
            border-radius: 15%;
            justify-content: center;
        }
        .carousel-article{
            left: -30px;
        }

        .carousel-wrapper-article{
            width: 73%;
            margin-left: 80px;
        }

        .carousel-inner-article{
            display: flex;
            margin: 10px;
        }

        .carousel-item-article{
            display: block;
            margin-right: 0;
            flex: 0 0 110px;
            padding: 5px;
            cursor: pointer;
        }

        .carousel-item-article > .active-card{
            border: solid #0275d8;
        }

        .carousel-control-prev-article{
            left: 20px;
            width: 10%;
        }

        .carousel-control-next-article{
            right: 45px;
            width: 10%;
        }
    /* ARTICLES CAROUSEL */


    /* BUY MESSAGES */
        .message-wrapper-category{
            display: flex;
            justify-content: end;
        }

        .message-box{
            position: absolute;
            bottom: 0px;
            width: 30px;
            opacity: 1;
            display: none !important;
            height: 30px;
            right: 7px;
        }

        .message-box > img{
            width: 20px;
            margin: auto;
        }

        .message-wrapper-article{
            display: none !important;
        }

        .message-wrapper-article > img{
            width: 30px;
            margin-left: 10px;
            margin-right: 10px;
        }

        .loading-alert-message{  
            margin-right: 10px;
        }
    /* BUY MESSAGES */

    /* INPUT FIELD */
        .custom_input{
            height: auto;
        }
    /* INPUT FIELD */

    @media screen and (max-width: 1200px) {
        .one-picture{
            width: 238px
        }
        
        .carousel-item-picture{
            width: 210px
        }

        .carousel-wrapper-article .img-wrapper-pictures-one{
            width: 70%
        }
    }

    @media screen and (max-width: 991px) {
        .carousel-picture{
            border: solid #8080801f;
            border-radius: 3%;
        }
        .one-picture{
            width: max-content;
        }
        .carousel-item-picture{
            width: 385px
        }

        .carousel-wrapper-article{
            margin-left: 50px;
        }
        
        .carousel-control-next-article{
            right: 33px;
        }
    }

    @media screen and (max-width: 768px) {
        .carousel-item-picture{
            width: 435px
        }

        .carousel-article{
            left: 0;
        }

        .carousel-wrapper-article{
            width: 65%;
            margin-left: 73px;
        }

        .carousel-control-prev-article{
            left: 37px;
        }

        .carousel-control-next-article{
            right: 50px;
        }
    }

    @media screen and (max-width: 576px) {
        .carousel-item-picture{
            width: 100%
        }

        .img-wrapper-pictures{
            margin-left: 12%;
        }
        
        .modal-content{
            height: 300px;
        }

        #carouselModalIndicators{  
            width: 100%;
            height: 100%;
        }

        .carousel-inner-modal {
            height: 65%;
            width: 65%;
            margin: auto;
        }

        .carousel-item-modal {
            height: 100%;
            width: 100%;
        }
        
        .img-wrapper-modal > img {
            margin: auto;
        }

        .img-wrapper-modal-one > img{
            max-width: 400px;
            max-height: 400px;
        }

        .one-modal{
            width: 100%;
            height: 100%;
        }
            
        .carousel-article {
            width: fit-content;
            margin: auto;
            transform: scale(1);
        }
        .carousel-inner-article {
            margin: 0;
        }

        .carousel-wrapper-article {
            width: 330px;
            margin: auto;
        }

        .more-articles #prev-article{
            position: absolute;
            top: 0px;
            left: -45px;
            width: 50px;
        }
            
        .more-articles #next-article{
            position: absolute;
            top: 0px;
            left: 325px;
            width: 50px;
        }

        .more-articles #next-article .carousel-control-next-icon{
            margin-left: 8px;
        }
    }
/* SHOP */


/* CART */
    .sortContainer{
        display: flex;
        position: relative;
        left: -15px;
        margin-bottom: 10px;
        width: fit-content;
        border: solid 1px #555;
        border-radius: 1rem;
        padding: 10px;

    }

    .options{
        margin-left: 12px;
    }

    .form-check{
        margin-bottom: 0;
    }

    .form-check-label{
        padding-left: 0;
    }
/* CART */