.table-header {
    margin: 20px 5px;
    font-family: GraphikBold, "Open Sans", sans-serif;
    font-weight: bold;
    color: #5f5f5f;
    font-size: 10px;
    text-transform: uppercase;
}

.table-row {
    margin: 10px 7px;
    padding: 20px 0;
    background-color: #ffffff!important;
    line-height: 25px;
    vertical-align: middle;
    border: 1px solid #e9eaea;
    font-size: 14px;
}

.table-row:hover {
    background-color: #ffffff !important;
    box-shadow: 0 0 15px rgba(33, 33, 33, .2);
}

.table-row .divider {
    height: 20px;
    margin-right: 20px;
    border: 1px solid #e9eaea;
}

.table-row .dot {
    height: 15px;
    width: 15px;
    background-color: #ff4c34;
    border-radius: 50% !important;
    display: inline-block;
    position: absolute;
    left: -8px;
    top: 5px;
    vertical-align: middle;
}

table.blocks-table .dot {
    height: 15px;
    width: 15px;
    background-color: #ff4c34;
    border-radius: 50% !important;
    display: inline-block;
    position: absolute;
    left: -8px;
    top: 20px;
    vertical-align: middle;
}


table.blocks-table thead tr th {
    padding: 20px 20px 15px;
    font-family: GraphikBold, "Open Sans", sans-serif;
    font-weight: bold;
    color: #5f5f5f;
    font-size: 10px;
    text-transform: uppercase;
}

table.blocks-table {
    border-collapse: separate;
    border-spacing: 0 15px;
    vertical-align: middle;
}

table.blocks-table tbody tr {
    background-color: #ffffff!important;
    vertical-align: middle;
    border: 1px solid #e9eaea;
    font-size: 14px;
}

table.blocks-table tbody tr td {
    padding: 20px 20px 15px;
    position: relative;
}

table.blocks-table tbody tr:hover {
    background-color: #ffffff !important;
    box-shadow: 0 0 15px rgba(33, 33, 33, .2);
    border-radius: 6px;
}

table.blocks-table .divider {
    height: 20px;
    margin-right: 20px;
    border: 1px solid #e9eaea;
    float: left;
}

table.blocks-table>thead>tr>td,
table.blocks-table>thead>tr>th {
    border: none;
}

table.blocks-table>tbody>tr>td,
table.blocks-table>tbody>tr>th,
table.blocks-table>tfoot>tr>td,
table.blocks-table>tfoot>tr>th
{
    border-top: 1px solid #e9eaea;
    border-bottom: 1px solid #e9eaea;
}
table.blocks-table>tbody>tr>td:first-child {
    border-left: 1px solid #e9eaea;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
table.blocks-table>tbody>tr>td:last-child {
    border-right: 1px solid #e9eaea;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

table.blocks-table>tbody>tr>td.clickable {
    cursor: pointer;
}

.table.sort-style th.sorting {
    background-image: none;
}

.dataTable tr.child>td.child {
    text-align: left;
}

.table>tbody>tr>td.v-align-middle {
    vertical-align:middle;
}

table.ordered thead .sorted, table.ordered thead .sorted_asc, table.ordered thead .sorted_desc {
    cursor: pointer;
}

table.ordered thead .sorted,
table.ordered thead .sorted_asc,
table.ordered thead .sorted_desc,
table.ordered thead .sorted_asc_disabled,
table.ordered thead .sorted_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right;
}

table.ordered thead .sorted {
    background-image: url("../img/sort_both.png");
}

table.ordered thead .sorted_desc {
    background-image: url("../img/sort_desc.png");
}

table.ordered thead .sorted_asc {
    background-image: url("../img/sort_asc.png");
}
