.#{$alias}-table {
    width: 100%;
    margin: 0;
    clear: both;
}

.#{$alias}-table tr td,.#{$alias}-table tr th {
    vertical-align: top;
}

.#{$alias}-table thead tr {
    background: #f9fafa;
}

.#{$alias}-table tr th {
    padding: px(11) px(20);
    border-bottom: 1px solid #f2f2f2;
}

.#{$alias}-table thead tr {
}

.#{$alias}-table tr th:last-child {
    border-right: 0;
}

.#{$alias}-table tr td {
    border-bottom: 1px solid #f2f2f2;
    padding: px(7) px(20);
}

.#{$alias}-table tr td:last-child {
    border-right: 0;
}

.#{$alias}-table tr:last-child td {
    border-bottom: 0;
}

.#{$alias}-table tr td.#{$alias}-icon-column {
    text-align: center;
    width: px(80);
}

.#{$alias}-table tr td.#{$alias}-icon-column img {
    margin: 0 px(2);
}

.#{$alias}-table tr.odd {
    background-color: #f4f4f4;
}

.#{$alias}-table tr.even {
    background-color: #fcfcfc;
}

@media only screen and (max-width:480px) {
    .#{$alias}-table thead th {
        overflow: hidden;
        padding: px(8);
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate {
        display: block;
        text-align: center;
        float: none;
        padding: px(6);
    }

    .#{$alias}-panel:not(.scrollable) .#{$alias}-table {
        table-layout: fixed;
    }
}