/* css for table */
.table-wrapper {
    height: calc(100vh - 220px);
    width: 99%;
    overflow: auto;
}

.table.table-hover tbody tr:hover td, .table.table-hover tbody tr:hover th {
    background-color: #f5f5f5;
}

.table th:hover {
    border: 1px solid lightgray
}


.table th .sort-icon {
    position: relative;
    cursor: pointer;
    color:lightgray;    
    float: right; /*let it stay at the end of the line*/
    padding: 0 8px 0 8px;
    margin-right: 8px; 
}

.table th .sort-icon:hover {
    color: blue;
    background-color: #f5f5f5;
}

.table th .sort-icon::before {
    content: '\25B2';  /*asc*/ 
}

.table th .sort-icon::after {
    content: '\25BC'; /*desc*/
    display: none;
}

.table th .sort-icon.desc::after {
    display: inline;
}

.table th .sort-icon.desc::before {
    display: none;
}

.table th .sort-icon.asc::after {
    display: none;
}

.table th .sort-icon.asc::before {
    display: inline;
}


table.table-striped>tbody>tr.selected>* {
    box-shadow: inset 0 0 0 9999px lightblue;

}