.toggle-slider input[type="checkbox"] {
    display: none;
}

.toggle-slider span:before {
    font-family: "FontAwesome";
    font-size: 25px;
    font-style: normal;
    width: 1em;
    height: 1em;
    content: '\f204';
    margin-right: .3em;
}

.toggle-slider input[type="checkbox"]:checked ~ span:before {
    content: '\f205';
}

.table-special-hover tr:hover:not(.nohover) {
    background-color: #ccccff;
}


.table-scroll {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow: scroll;
    height: 75%;
}

    .table-scroll table {
        width: 100%;
        min-width: 1280px;
        margin: auto;
        border-collapse: separate;
        border-spacing: 0;
    }

.table-wrap {
    position: relative;
}

.table-scroll th,
.table-scroll td {
    padding: 5px 10px;
    vertical-align: top;
}

.table-scroll thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: #F3F3F4;
}

thead th:first-child,
tfoot th:first-child {
    z-index: 5;
}