.sidebar h5 a {
            color: #777 !important;
        }

        .sidebar h5 a:hover {
            color: #00792d !important;
            text-decoration: none;
        }

        .forma-cnt img {
            margin: 2px;
            padding: 0;
            opacity: 0.5;
            width: 57px;
            border: 1px solid #999;
            transition: all .4s ease-in-out;
        }

        @media screen and (max-width: 440px) {
            .forma-cnt img {
                width: 30px;
            }
        }

        @media screen and (min-width: 440px) and (max-width: 509px) {
            .forma-cnt img {
                width: 49px;
            }
        }

        .forma-cnt img.active {
            opacity: 1;
            border: 1px solid #00792d;
        }

        .forma-cnt img:hover {
            opacity: 1;
            border: 1px solid #00792d;
            cursor: pointer;
        }

        .finitura-cnt img {
            margin: 2px;
            padding: 0;
            opacity: 0.5;
            width: 59px;
            border: 0px solid #999;
            transition: all .4s ease-in-out;
            padding-bottom: 10px;
        }

        @media screen and (max-width: 440px) {
            .finitura-cnt img {
                width: 30px;
            }
        }

        @media screen and (min-width: 440px) and (max-width: 509px) {
            .finitura-cnt img {
                width: 49px;
            }
        }

        .finitura-cnt img.active {
            opacity: 1;
            border: 0px solid #00792d;
            background: url('../userdata/interior-design/mappyfiber/down.png') center bottom no-repeat;
        }

        .finitura-cnt img:hover {
            opacity: 1;
            border: 0px solid #00792d;
            cursor: pointer;
        }
        
        .mw-img-dett {
            width: 300px;
        }

        #tabColori {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 50px;
        }

        @media screen and (min-width: 50em) {
            #tabColori a {
                width: calc(10% - 4px);
                margin: 0;
                margin-right: 4px;
                margin-bottom: 4px;
            }

            #tabColori a:nth-of-type(10n) {
                margin-right: 0;
            }
        }

        @media screen and (max-width: 799px) {
            #tabColori a {
                width: calc(12.5% - 7px);
                margin: 0;
                margin-right: 7px;
                margin-bottom: 7px;
            }
        }

        @media screen and (max-width: 576px) {
            #tabColori a {
                width: calc(20% - 7px);
                margin: 0;
                margin-right: 7px;
                margin-bottom: 7px;
            }
        }

        /*  
        #tabColori a:nth-of-type(10n) {
            margin-right: 4px;
        }

        #tabColori a:nth-of-type(4n) {
            margin-right: 0;
        }
        */

        #tabColori a:hover img {
            transform: scale(1.15);
        }

        #tabColori img {
            border: none;
            max-width: 100%;
            height: auto;
            display: block;
            background: #ccc;
            transition: transform .2s ease-in-out;
        }

        #tabColori figure {
            margin: 0;
        }

        
        .carousel-control-prev-icon {
         background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333333' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
        }

        .carousel-control-next-icon {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666666' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
        }