.bg-brand .text-small {
            color: #404040
        }

        .border-radius6 {
            border-radius: 6px !important;
        }

        .padding-bottom-30 {
            padding-bottom: 30px;
        }

        .btn-sport {
            font-size: 13px;
            padding-left: 0px !important;
        }

        .btn-sport img {
            margin-left: -5px;
            margin-right: -5px;
        }

        .btn-sport {   background-color: rgb(221 222 235);
    color: #4a5398;
    box-shadow: none;
    border: 1px solid;
}
        .btn-sport.active {
               background-color: rgb(221 222 235);
    color: #4a5398;
    box-shadow: none;
    border: 1px solid;
        }

        .btn-sport img {
          filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
    filter: #000;
    -webkit-filter: grayscale(1);    width: 45px;
    height: 45px;
    margin: 0 0px;
        }
.input-lg {
    height: 40px;}
        .btn-color {
            display: inline-block;
            width: 30px;
            height: 30px;
            margin: 6px 0px;
            border-radius: 15px;
            cursor: pointer;
            position: relative;
        }

        .btn-color.selected {
            border: solid 4px #0079C2 !important;
        }

        .btn-color.selected::after {
            content: "";
            position: absolute;
            left: 6px;
            bottom: -12px;
            width: 10px;
            height: 5px;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid #0079C2;
            clear: both;
        }

        .court-container {
            position: relative;
            width: 1024px;
            height:614px;
        }

        .button-level {
            position: absolute;
            right: 20px;
            top: 10px;
            z-index: 4;
        }

        .button-level .btn-primary {
            outline: none !important;
            /* background-color: #0079c2 !important; */
        }

        .button-level .btn {
           font-size: 10px;
    padding: 5px 20px;
    margin-left: 5px;
    /* color: #fff; */
    letter-spacing: 1px;
        }

        .court-level {
            position: absolute;
            top: 0px;
            left: 0px;width: 100%;
            z-index: 3;
        }

        .pattern-level {
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 2;
        }

        .pattern-level img {
            opacity: 0.5;
        }

        svg {
            border-radius: 6px;
        }

        @media (max-width: 576px) {
            .btn-sport {
                font-size: 10px;
            }

            .padding-xs-small {
                padding-left: 3px !important;
                padding-right: 5px !important;
            }
        }

        #containerSliderProducts .with-shadow,
        .reference-slider .with-shadow {
            box-shadow: 0 0 16px #777;
        }

        @media (min-width: 992px) {

            .sliderblu:after,
            .reference-slider:after {
                background: linear-gradient(90deg,
                        rgba(0, 121, 194, 0),
                        rgba(0, 121, 194, 1)) !important;
            }

            .sliderblu:before,
            .reference-slider:before {
                background: linear-gradient(90deg,
                        rgba(0, 121, 194, 1),
                        rgba(0, 121, 194, 0)) !important;
            }

            .sliderblu.hideShadow:before,
            .sliderblu.hideShadow:after {
                display: none !important;
            }
        }

        @media (min-width: 769px) and (max-width: 991px) {
            .col-md-1-7 {
                width: 25%;
            }
        }

        @media (min-width: 992px) {
            .col-md-1-7 {
                width: 16.66%;
            }
        }

        @media (min-width: 1200px) {
            .col-md-1-7 {
                width: 14.28%;
            }

            .col-sm-1-9.col-md-1-7 {
                width: 16.66%;
            }
        }





        #printContent {
            display: none;
        }

        @media print {
            .button-level {
                display: none;
            }

            #printContent {
                display: block;
            }

            .printCenter {
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }.court-container {
  
    overflow: hidden;
}
        #svg-container{overflow:hidden ;}