.table-responsive, .table-striped {
    z-index: -10 !important;
    text-align: center;
    width: 90%;
}

table thead tr {
    font-size: 20px;
    font-weight: 500;
    background-color: rgba(255,99,25);
    color: white;
    vertical-align: middle;
}

table td {
    vertical-align: middle !important;
}

.table > :not(:last-child) > :last-child > * {
    text-align: center;
}

table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
    padding: 10px 0;
}

table tbody tr {
    background-color: lightgray;
}

    table tbody tr:nth-child(odd) {
        background-color: white;
    }

    table tbody tr:hover {
        background-color: darkgray;
    }

    table tbody tr:nth-child(odd):hover, table tbody tr:nth-child(even):hover {
        background-color: lightgray;
        cursor: pointer;
    }

.table-data-row:hover, .table-data-row td i {
    cursor: pointer;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
    text-align: left;
}

@media (max-width: 768px) {
    .table-responsive {
        width: 95%;
        max-width: 95%;
    }
}