#compatibility-box {
    padding: 30px 10px 10px;
}

#compatibility-box-download {
    min-height: 2.8125rem;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-size: 1.125rem;
    font-weight: 500;
    font-family: Ubuntu, sans-serif;
    margin-top: 20px;
    padding: 0.625rem;
    background: rgb(0, 106, 159);
}

#compatibility-box ul {
    display: flex;
    width: 100%;
    padding: 14px 17px 21px;
    background: rgb(230, 230, 230);
    margin: 0;
}


#compatibility-box ul li {
    text-align: left;
    display: inline-block;
    margin: 0px 15px;
    padding: 0px;
}


.product-compability .compability-container table tr[data-file-ldt][data-file-ies]:hover {
    background: #808080;
    cursor: pointer;
}

.product-compability .compability-container table tr[data-file-ldt][data-file-ies] td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.woocommerce-thankyou-order-received:has(+.customer-account-link) {
    margin-bottom: 6px;
}

/* ------------------------------------ in-the-same-family ------------------------------------ */

.in-the-same-family .product-list {
    margin: 0;
    width: 100%;
    overflow: hidden;
    padding: 1px 0 1px 1px;
    transform: scaleZ(1)
}

.in-the-same-family .product-list li {
    padding: 0;
    margin: -1px 0 0 -1px;
    border: 1px solid #a6a6a6
}

.in-the-same-family .product-image img {
    height: auto;
    max-width: 100%;
    max-height: 100px;
    width: auto;
    vertical-align: middle
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .in-the-same-family .product-image img {
        max-height:90px
    }
}

@media (max-width: 767.98px) {
    .in-the-same-family .product-image img {
        max-height:140px
    }
}

.in-the-same-family li {
    position: relative;
    z-index: 1;
    display: table
}

@media (max-width: 767.98px) {
    .in-the-same-family li {
        display:block
    }
}

.in-the-same-family li:hover {
    z-index: 2;
    background: #fff
}

.in-the-same-family li .product-container {
    border: none;
    background: none;
    overflow: visible;
    transform: none
}

.in-the-same-family .product-list:not(.pagination-initialized) > *:nth-child(n+9) {
    display:none;
}
#same-family-pagination {
    min-height: 81px;
}

/* ------------------------------------/in-the-same-family ------------------------------------ */

.box-filter .title-option a {
    background: #FFF;
    padding-right: 10px;
}

.box-filter .title-option a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.box-filter .title-option a::after {
    content: "";
    background: #006a9f;
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: -2px;
    top: -2px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='383.964px' height='289.968px' viewBox='0 0 383.964 289.968' xml:space='preserve'%3E%3Cpath fill='%23006a9f' d='M191.983,289.968c-1.562,0-5.96-1.874-5.96-1.874L3.213,162.874c0,0-1.29-0.84-2.12-2.21c-1.06-1.76-1.09-4.93-1.09-4.93V11.514c0,0,0.43-6.97,6.53-9.9c7.1-3.41,13.23,1.1,13.23,1.1l172.21,117.96l0.01-0.01l0.01,0.01l172.21-117.96c0,0,6.13-4.51,13.229-1.1c6.101,2.93,6.53,9.9,6.53,9.9v144.22c0,0-0.03,3.17-1.09,4.93c-0.83,1.37-2.12,2.21-2.12,2.21l-182.81,125.22C197.943,288.094,193.544,289.968,191.983,289.968z'/%3E%3C/svg%3E");
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
    transition: transform .3s;
}

.box-filter .title-option a:not(.collapsed)::after {
    transform: rotate(90deg);
}

.box-filter .title-option:after {
    pointer-events: none!important;
}

.box-filter .groop-option {
    padding-bottom: 0!important;
}

body .ui-slider .ui-slider-range {
    background: #0082C2;
}

body .ui-slider.ui-widget.ui-widget-content {
    border: none;
    height: 4px;
    background: #0082c245;
}

body .ui-slider-horizontal .ui-slider-handle {
    border-radius: 50%;
    background: #0082C2;
    border: none;
    width: var(--ag-slider-handle-diamter);
    height: var(--ag-slider-handle-diamter);
}

[data-ag-range-slider] .handle-indicator::after {
    content: "";
    width: 1px;
    height: 27px;
    display: block;
    background: #9f9e9e47;
    position: absolute;
    top: -2px;
}

[data-ag-range-slider] .handle-indicator-min::after {
    right: 0;
}

[data-ag-range-slider] .handle-indicator-max::after {
    left: 0;
}



[data-ag-range-slider] .handle-indicator-max {
    left: calc(var(--ag-slider-handle-diamter) / 2);
}

[data-ag-range-slider] .handle-indicator-min {
    right: calc(var(--ag-slider-handle-diamter) / 2);
}



body .ui-slider.ui-widget.ui-widget-content {
    --ag-slider-handle-diamter: 12px;
}

body [data-ag-range-slider] {
    margin: 40px 43px 14px;
}

/* ------------- box-filter responsive ------------- */

@media (max-width: 767.98px) {
    #box-filter-modal .box-filter .title,
    .box-filter,
    .sort-lists .view-filter {
        display: none;
    }

    #box-filter-modal .box-filter {
        box-shadow: none;
    }

    #box-filter-modal .box-filter,
    #box-filter-modal .box-filter .inner
    {
        display: block;
    }

    .filter-heading {
        margin-top: 10px;
    }

}


.mobile-filters-button {
    display: none;
    justify-content: space-evenly;
    align-items: center;
    background: #0082C2;
    color: #FFF;
    width: 133px;
    height: 44px;
    box-shadow: 0px 0px 20px #213C4A77;
    border-radius: 24px;
    font-family: 'Open Sans';
    font-weight: 600;
    position: fixed;
    z-index: 10;
    right: 12px;
    top: 250px;
    font-size: 16px;
    cursor:  pointer;
}

.mobile-filters-button:hover {
    background: #01689b;
}

.mobile-filters-button .filter-icon {
    width: 34px;
    height: 28px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2228%22%20viewBox%3D%220%200%2034%2028%22%3E%3Cpath%20d%3D%22M30.61%2013.148H13.119a3.6%203.6%200%200%200-6.994%200H3.39a.821.821%200%201%200%200%201.642h2.734a3.6%203.6%200%200%200%206.994%200H30.61a.821.821%200%201%200%200-1.642m-19.044.821a1.947%201.947%200%201%201-1.947-1.939%201.946%201.946%200%200%201%201.947%201.939m19.043%206.97h-4.488a3.6%203.6%200%200%200-6.994%200H3.39a.821.821%200%201%200%200%201.642h15.736a3.6%203.6%200%200%200%206.995%200h4.488a.821.821%200%201%200%200-1.642M22.623%2023.7a1.939%201.939%200%201%201%201.943-1.94%201.945%201.945%200%200%201-1.947%201.939M3.39%207.059h15.736a3.6%203.6%200%200%200%206.995%200h4.488a.821.821%200%201%200%200-1.642h-4.488a3.6%203.6%200%200%200-6.994%200H3.39a.821.821%200%201%200%200%201.642m19.233-2.76a1.939%201.939%200%201%201-1.947%201.939%201.945%201.945%200%200%201%201.947-1.939%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}


#box-filter-modal .modal-header .close {
    opacity: 1;
    color: #006a9f;
    background: transparent;
    font-size: 50px;
    line-height: 0.4;
}

#box-filter-modal .modal-header .close:hover {
    background: transparent;
}


#box-filter-modal .modal-title {
    color: #006a9f;
}

#box-filter-modal .box-filter, #box-filter-modal .box-filter .inner {
    padding-top: 8px;
}

/* -------------/box-filter responsive ------------- */

.product-bottom {
    margin-bottom: 2rem;
}

#compatible-holders-list.pagination-initialized {
    padding-bottom: 0;
}

#compatible-holders-list.pagination-initialized > *:nth-child(8) {
    margin-bottom: 0;
}

#compatible-holders-list:not(.pagination-initialized) > *:nth-child(n+9) {
    display:none;
}



.box-filter .groop-option .checkbox-item label {
    min-width: 35px;
    margin-bottom: 0;
    margin-right: 5px;
}

.box-filter [for="kit"] + .tooltip .tooltip-inner,
.box-filter [for="set"] + .tooltip .tooltip-inner
{
       white-space: nowrap;
       max-width: none;
}

.product-compability-title-hint {
    display: block;
    text-transform: none;
    font-size: 13px;
}