.ct-filtertitle {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 35px;
    line-height: 30px;
    margin: 0 0 15px;
    font-weight: normal;
}
.ct-filterlist {
    font-size: 16px;
    line-height: 20px;
    background: rgba(215,215,215,0.3);
    border-radius: 3px;
    margin-bottom: 15px;
}
.ct-filterlist-single {
    display: flex;
    align-items: center;
    padding: 10px 0;
}
.ct-filterlist-single:not(:last-child) {
    border-bottom: 1px solid #d7d7d7;
}
.ct-filterlist-name {
    padding: 0 10px;
    width: 200px;
}
.ct-filterlist-values {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.ct-filterlist-value {
    padding: 5px 15px;
    font-size: 13px;
    font-weight: bold;
    color: var(--mint);
    background: var(--carrot);
    border-radius: 3px;
    cursor: pointer;
}
.ct-filterlist-value.active {
    background: var(--laurel);
}
#ct_matrix {
    background: rgba(215,215,215,0.3);
    border-radius: 3px;
    width: 100%;
    margin-bottom: 15px;
}
#ct_matrix .ct_matrix_head {
    font-weight: bold;
}
#ct_matrix th {
    padding: 15px;
    text-align: center;
}
#ct_matrix td {
    padding: 5px;
    text-align: center;
}
#ct_matrix thead th {
    background: url('../img/sortOff.gif') right 10px center no-repeat;
    border-bottom: 1px solid #d7d7d7;
}
#ct_matrix thead th:not(:last-child) {
    border-right: 1px solid #d7d7d7;
}
#ct_matrix thead th.tablesorter-headerAsc {
    background: url('../img/sortUp.gif') right 10px center no-repeat;
}
#ct_matrix thead th.tablesorter-headerDesc {
    background: url('../img/sortDown.gif') right 10px center no-repeat;
}
#ct_matrix thead th.nosort {
    background: none !important;
    padding: 15px !important;
    cursor: default !important;
}
#ct_matrix tr.ct_matrix_row {
    border-bottom: 1px solid #d7d7d7;
}
#ct_matrix tr.ct_matrix_row td:not(:last-child) {
    border-right: 1px solid #d7d7d7;
}
#ct_matrix tr.ct_matrix_row:hover {
    background: rgba(215,215,215,0.5);
}
.ctd_reference {
    font-weight: bold;
}
.ctd_price {
    font-size: 16px;
    color: var(--carrot);
}
.increase_quantity, .decrease_quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0 5px;
    background: var(--mint);
    border: 1px solid #d7d7d7;
    font-size: 12px;
}
#ct_matrix .qty {
    text-align: center;
}
.ct_atc {
    width: 100px;
}
.ctd_addtocart_form {
    display: flex;
    gap: 15px;
    justify-content: center;
}
#ct_matrix .ct_submit_nostock {
    color: var(--mint);
    background: var(--silver);
    text-decoration: line-through;
    opacity: 1;
    cursor: not-allowed;
}

/*
#ct_matrix .ctp_checked {
    background: #F8FCC9;
}

#ct_matrix .ctp_checked:hover {
    background: #F0F5BD !important;
}

#add_to_cart_bulk {
    clear: both;
    overflow: hidden;
    float: right;
    display: inline-block;
}

#add_to_cart_bulk button {
    float: right;
}


#ct_matrix thead {
    cursor: pointer;
}

#ct_matrix thead.nosort {
    cursor: default;
}

#ct_matrix thead.nosort th {
    background: none !important;
    padding: 5px !important;
    margin-right: 0px !important;
    cursor: default !important;
}


#ct_matrix .volume_discount {
    display:block;
    clear:both;
    margin-bottom:5px;
}

#ct_matrix .qty.no_plus_minus_buttons {
    border: 1px solid #c0c0c0;
}

.bulk_option_add_to_cart {
    display: block;
    clear: both;
    overflow: hidden;
    padding: 5px;
}

.bulk_option_add_to_cart p {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

.bulk_option_add_to_cart .buttons_bottom_block {
    padding: 0px;
}

.combinations_tab_price {
    text-align:right;
    margin-left:10px;
    display:block;
    float:right;
}

.combinations_tab_price img {
    height:20px; width:auto;
}
.colormobile {
    display:none;
}



.ct_submit .material-icons {
    font-size:17px;
    padding:0px;
    margin-right:2px;
    position:relative;
    top:-1px;
}

.pagination_show {
    display:table-row!important;
}

.pagination_hide {
    display:none!important;
}

nav.ct_pagination {
    margin:0px;
}

.coloroncolor {
    background: #000;
    color: #FFF;
    padding: 1px 3px;
    border-radius: 5px;
}

@media (max-width: 768px) {
    .coloroncolor {
        display:none!important
    }
    .colormobile {
        display:block!important;
    }
    table#ct_matrix tbody, table#ct_matrix {
        display: block!important;
        width:100%;
    }

    table#ct_matrix th {
        display:none;
    }

    table#ct_matrix tr {
        margin-bottom:40px;
        border-top:5px solid #cecece;
        border-bottom:5px solid #cecece;
        border-radius:5px;
    }
    table#ct_matrix tr, table#ct_matrix td {
        display:block;
        clear:both;
        width:100%!important;
    }
    table#ct_matrix td {
        border-top:1px;
    }

    table#ct_matrix td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
    }

    table#ct_matrix td:before {
        width:40%;
        text-align:right;
        display: block;
        height: auto;
    }

    table#ct_matrix .ctd_image::before{
        display:none!important;
    }

    .pagination_show {
        display:block!important;
    }

    .pagination_hide {
        display:none!important;
    }
}


.ctpAlert {
    margin:0px;
    text-align:center;
}

#ct_matrix_head_hide {
    display:none!important;
}

.cth_addtocart {
    min-width:95px!important;
}

#ct_matrix .percentageBadge {
    background:red;
    padding:2px;
    color:#FFF;
    font-weight: bold;
}

/*.atc_spinner {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0.04, 0.71, 0.75, 0.2);
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function:  cubic-bezier(0.04, 0.71, 0.75, 0.2);
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function:  cubic-bezier(0.04, 0.71, 0.75, 0.2);
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function:  cubic-bezier(0.04, 0.71, 0.75, 0.2);
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
*/