.table-responsive,
.dataTables_scrollBody {
    overflow: visible !important;
}

.table-responsive-disabled .dataTables_scrollBody {
    overflow: hidden !important;
}



.table_filter {
    border: 1px solid #ddd;
    padding: 10px;
    background: #f9f9f9;
    max-width: 450px;
}

.filter_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.filters_head_text {
    margin: 0;
    font-weight: bold;
}

.hide_filters {
    cursor: pointer;
    color: #337ab7;
}

.key-filter {
    display: flex;
    align-items: center;
    margin: 10px 0 5px;
}

.key-filters-title {
    margin: 0;
    font-weight: bold;
}

.key-filters-divider {
    flex: 1;
    height: 1px;
    background: #ddd;
    margin-left: 8px;
}

.filter-name {
    margin: 0;
    display: inline-block;
}

/* Ikony + / - po prawej stronie nagłówka */
.panel-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.panel-icons {
    white-space: nowrap;
    margin-left: 10px;
}

    .panel-icons .glyphicon {
        cursor: pointer;
        margin-left: 3px;
    }



/* filter classes */
.selected-filters-container {
    border: .0625rem solid #23527c;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1rem 1.25rem
}

.filter-selected-value {
    color: #068477;
    -webkit-font-feature-settings: "clig" off,"liga" off;
    font-feature-settings: "clig" off,"liga" off;
    padding-left: .25rem
}

.selected-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 2.25rem;
    padding: .125rem .5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: .1875rem solid #23527c;
    border-radius: 6.25rem;
    gap: .5rem;
    margin: .125rem .25rem
}

.filter-unselect-icon {
    color: #068477;
    cursor: pointer;
    height: 1rem;
    width: 1rem
}

.show-filter {
    background: #068477;
    border: .0625rem solid #068477;
    border-radius: 6.25rem;
    color: #fff;
    cursor: pointer;
    gap: .5rem;
    height: 2.25rem;
    margin-right: .5rem;
    width: 2.25rem
}

.filter-show-icon, .show-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.filter-show-icon {
    height: 1rem;
    width: 1rem
}