.dynamic-grid th[data-column] {
    cursor: pointer;
    position: relative;
}

.sort-arrow-wrapper {
    display: inline-block;
    margin-left: 8px;
    color: #a0a0a0;
    font-size: 0.9em;
    line-height: 1;
}

.dynamic-grid th .sort-arrow {
    opacity: 0.4;
    display: inline;
}


.dynamic-grid th.sort-asc .sort-arrow-wrapper {
    color: #000;
}

.dynamic-grid th.sort-asc .sort-asc-arrow {
    opacity: 1;
}

.dynamic-grid th.sort-asc .sort-desc-arrow {
    display: none;
}


.dynamic-grid th.sort-desc .sort-arrow-wrapper {
    color: #000;
}

.dynamic-grid th.sort-desc .sort-desc-arrow {
    opacity: 1;
}

.dynamic-grid th.sort-desc .sort-asc-arrow {
    display: none;
}

.dynamic-grid tbody td {
    vertical-align: middle;
    padding: 10px 8px;
}


.dynamic-grid thead th {
    font-weight: 600;
    vertical-align: middle;
}

.dynamic-grid td.text-center {
    text-align: center;
    vertical-align: middle;
}

.view-action-btn {
    padding: .2rem .5rem;
    border: 1px solid #ccc;
}

.view-action-btn:hover {
    background-color: #e9ecef;
    border-color: #bbb;
}

.client-section {
    padding-top: 20px;
    box-sizing: border-box;
}