table{
    width:100%;
}

.selectable-row tr,
.selectable-row input{
    cursor:pointer;
}

tr{
    border-bottom: 1px solid #000000;
}

tr:last-child{
    margin-bottom:-1px;
}

table.dataTable thead{
    margin-top:10px;
    margin-bottom:10px;
    white-space:nowrap;
}

table.dataTable tr{
    margin-bottom:25px;
}

table.dataTable tr > th > span{
    margin-left:-15px;
    line-height:2;
}

table.dataTable thead .sorting:after{
    top:2px;
    line-height:2;
}

table.dataTable thead .sorting_asc:after{
    opacity:1;
    top:-3px;
    line-height:2;
    content: "\25B2";
}

table.dataTable thead .sorting_desc:after{
    opacity:1;
    top:-3px;
    line-height:2;
    content: "\25BC"; 
}

table.dataTable tr > td > div{
    margin-left:-15px;
}

.dt-bootstrap{
    margin-top:15px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #ffffff;
}

.bottom{
    display:flex;
    padding-top:15px;
}

.bottom > div{
    flex:auto;
}

@media (max-width: 700px) {
    table th, table td{
       display:none;
    }
    table th:first-child, table th:last-child, 
    table td:first-child, table td:last-child{
        display:table-cell;
    }
}

@media(max-width:768px){ 
    .bottom{
        display:block;
    }
    
    table.dataTable tr > td > div{
        margin-left:0;
    }
}

@media(max-width:992px){
    .form-inline .form-group{
        display: contents;
    }
}