/* Table */
.table {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
}
.table table {
    width: 100%;
}
.table thead th {
    color: #4a4f4a;
}
.table thead th.sortable {
    padding: 0;
}
.table thead th a {
    padding: 10px;
    color: #4a4f4a;
    display: block;
}
.table thead th.sortable a:hover {
    text-decoration: none;
    color: #69d067;
}
.table thead th.sort a {
    color: #69d067;
}
.table thead th.sortable i[class*="icon-arrow"] {
    margin-left: -4px;
    display: none;
}
.table thead th.sortable.sort-desc i[class*="icon-arrow-down"] {
    display: inline-block;
}
.table thead th.sortable.sort-asc i[class*="icon-arrow-up"] {
    display: inline-block;
}
.table tbody td {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}
.table tbody td:first-child {
    border-left: 1px solid #ececec;
}
.table tbody td:last-child {
    border-right: 1px solid #ececec;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

    /* Table */
    .table.pinned .table-scrollable {
        display: none;
    }

}

/* Devices smaller then 768px */
@media (max-width: 768px) {

    /* Table */
    .table.pinned:after {
        position: absolute;
        top: 45px;
        bottom: 0;
        right: 0;
        width: 1px;
        content: '';
        background-color: #ececec;
    }
    .table.pinned table th,
    .table.pinned table td {
        white-space: nowrap;
    }
    .table.pinned .table-scrollable {
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
    }
    .table.pinned .table-scrollable table {
        min-width: 600px;
    }
    .table.pinned .table-scrollable th:first-child,
    .table.pinned .table-scrollable td:first-child {
        visibility: hidden;
    }
    .table.pinned .table-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
    }
    .table.pinned .table-wrapper col,
    .table.pinned .table-wrapper th,
    .table.pinned .table-wrapper td {
        display: none;
    }
    .table.pinned .table-wrapper col:first-child,
    .table.pinned .table-wrapper th:first-child,
    .table.pinned .table-wrapper td:first-child {
        display: table-cell;
    }
    .table.pinned .table-wrapper td:first-child {
        border-right: 1px solid #ececec;
    }

}