#table-content{
    padding: 0;
}
.wrapper-filterIcon{
    text-align: center;
    padding: 25px 0;
}
.filterIcons{
    width: 50px;                        
}
.wrapper-table{
    width:100%;
    margin-bottom: 20px;
    min-height: 600px;   
}

table tr td{
    min-height: 60px;
    position: relative;
}  
table tr td > a{
    color: var(--color-blue);
}
table > thead > tr > td{
    background-color: var(--color-blue);
    color: #fff;
}  

td > ul{
    border: 1px solid #fff;
    padding: 10px  ;
    width: 100%;
    background-color: var(--color-blue);
    color: #fff;
    max-height: 450px;
}    
td > ul li{
    list-style: none;
    font-size: 14px;
    color: #fff;
    padding:0;
    margin:0 0;
    line-height: 26px;
}

ul li > img{
    width: 15px;
}

.hide-scroll-bar{
    overflow: hidden;
}

.d-none{
    display: none;
}
.active-false{
    display: none;
}


.pos-rel{
position: relative;
}
#country-list, 
#substrate-list,
#size-list,
#lieferumfang-list{
overflow-y:scroll;
border: none;
max-height: 300px;
position: absolute;
max-width: 205px;
margin-bottom: 10px;
z-index:1;
position: absolute;
}
#country-list li, 
#substrate-list li, 
#size-list li,
#lieferumfang-list li{
color:rgba(255,255,255,.7);    
}

.list:hover,
.title:hover,
ul > li:hover{
color: #fff !important ;
cursor: pointer;
}

#country-title, 
#country-selected,
#substrate-title, 
#substrate-selected,
#size-title, 
#size-selected,
#lieferumfang-title,
#lieferumfang-selected
{
    max-width: 160px;
    border-right: 1px solid rgba(255,255,255,.7);
}

.chevron{
position: absolute;
top: 15px;
right: 12px;
}
.act{
overflow-y: scroll !important;
display: block !important;
}

.dataTables_length, 
.dataTables_filter{
display: none;
}

.lieferumfang-list-item {
float: right;
}

#collection_paginate > a, 
#collection_paginate > span > a{
    padding:0 5px;
}
#collection_paginate{
    text-align: right;
}
#collection_paginate > a:hover, 
#collection_paginate > span > a:hover{
    cursor: pointer;
}
#collection_paginate > span > .ui-state-disabled{
    text-decoration: underline;
}

#reset{
    background-color: var(--color-green);
    color: #fff;
    border: none;
    padding: 10px 15px;
}
.fl-right{
    float: right;
}
.dataTables_wrapper{
    max-height: 600px;
    overflow-y:scroll;
}

@media (max-width: 1199px) {
    .wrapper-filterIcon{
        display: none;
    }

    table { 
        table-layout:fixed;
        width: 100% !important;
    }
    tr td, tr th { 
        overflow: hidden; 
        text-overflow: ellipsis; 
        word-wrap: break-word;

        overflow-x: auto;
        display: block;
        width: 100% !important;
        max-width: 100% !important;
    }
    td > ul{
        margin-bottom: 0;
    }
    #country-list, #substrate-list, #size-list, #lieferumfang-list{
        position: relative;
    }
    #country-title, #country-selected, #substrate-title, #substrate-selected, #size-title, #size-selected, #lieferumfang-title, #lieferumfang-selected{
        max-width: calc(100% - 30px);
    }
    #country-list, #substrate-list, #size-list, #lieferumfang-list{
        max-width: calc(100% - 30px);
    }
    table > thead > tr > td {
        padding: 5px 5px;
    }
    table tr td {

    }
    table tr{
    }
    ul li:hover{
        background-color: rgba(0,0,0,0.2);
    }
    td > ul li{
        padding-left: 10px;
    }
}



    .contact-icon{
        width: 224px;
        height:224px;
    }

    @media (max-width: 1200px) {
        .grid-container {
            display: block;
        }
        .grid-container .grid-item{
            margin-bottom: 15px;
        }
        .grid-container .grid-item > img{
            height: 100% !important;
        }
        .row--mod .contact-wrapper{
            padding: 15px;
        }
        .row--mod .contact-wrapper .txt-wrapper p {
            line-height: 20px;
        }
        .contact-icon{
            width: 84px;
            height:84px;
        }
        table { 
            table-layout:fixed;
            width: 100% !important;
        }
        tr td, tr th { 
            overflow: hidden; 
            text-overflow: ellipsis; 
            word-wrap: break-word;

            overflow-x: auto;
            display: block;
            width: 100% !important;
            max-width: 100% !important;
        }
        td > ul{
            margin-bottom: 0;
        }

    }

    @media (max-width: 580px) {
        .simple-no-hero{
            max-height: 55px !important;
            overflow: hidden;
        }
        .simple-not-top{
            margin-left: 15px !important;
            max-width: 127px !important;
        }
        .simple-brand{
            width:95px !important;
            height:33px !important;
        }
        .col{
            background-color: var(--color-blue);
        }
    }
    .contenttable{
        width: 100% !important;
    }