.active_0 td {
    color: lightgray;
}

.table_genericBtn {
    font-size: 0.8em;
    padding: 5px;
}

.sorticon {
    float: right;
    position: absolute;
    right: 3px;
    bottom: 8px;
}

.table_generic {
    width: 100%;
    border: 1px solid lightgray;
}

.table_info_panel > div {
    text-align: center;
    font-size: 25px;
    padding: 50px 0;
    border: 1px solid lightgray;
}

.table_generic td, .table_generic th {
    padding: 5px;
    vertical-align: middle;
    text-align: left;
    border-bottom: 1px solid gainsboro;
}

.table_generic th {
    background-color: #333333;
    color: white;
    font-weight: normal;
    user-select: none;
    border: 1px solid gainsboro;
    position:relative;
}

.table_generic tr:nth-child(even) {
    background-color: #f9f9f9;
}

.table_generic tr:hover {
    background-color: #acbad4;
}

th[data-sort]:hover {
    background-color: darkblue;
    cursor: pointer;
}

th[data-dir] {
    background-color: darkred;
    cursor: pointer;
}

th[data-dir="0"] {
    background-color: #333333;
}

.sorticon {
    font-size: 0.7em;
    line-height: 1.5em;
    position: absolute;
    right: 3px;
    bottom: 8px;
}

.table_info_header {
    padding: 2px;
    display: flex;
    flex-wrap: wrap;
}

.table_info_header_col {
    flex-grow: 1;
    min-width: 50%;
}

.query-meta td {
    vertical-align: middle;
    text-align: center;
    font-size: 2em;
    padding: 30px 0;
    background-color: white;
    color: lightgray;
}

td > .pure-button {
    padding: 5px 1em;
}

.clickable-fa {
    cursor: pointer;
    padding: 0.2em;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
}

    .clickable-fa:hover {
        filter: invert(50%);
        border-color: initial;
    }

.clickable-img {
    cursor: pointer;
}

    .clickable-img:hover {
        background-color: gray;
    }

tr.audioLoaded {
    background-color: lightblue !important;
}

    tr.audioLoaded:hover {
        background-color: lightblue;
    }


.td_checkable {
    font-size: 1.2em;
    text-align: center !important;
    cursor: pointer;
}

    .td_checkable:hover {
        background-color: lightgray;
    }

.td_checked {
    background-color: orange !important;
}



.td_inline_textarea {
    white-space: pre-wrap;
    padding: 3px;
    border: 1px dashed gainsboro;
    cursor: pointer;
}

    .td_inline_textarea textarea {
        margin-bottom: -4px;
        border: none;
        padding: 3px;
        white-space: pre-wrap;
        background-color: transparent;
    }


    .filters_and_tools_toggle{
        padding:5px;
        font-weight:bold;
        cursor:pointer;
        background-color:antiquewhite;
    }

    .buttonTD {
        width:1px;
        text-align:center;
        padding:0;
    }


@media screen and (min-width: 768px) {
    .filters_and_tools_toggle{
        display:none;
    }
}