﻿.table-actions-5 {
    width: calc(5 * var(--v-icon-width) + 4 * var(--v-icon-gap)) !important;
}

.table-actions-4 {
    width: calc(4 * var(--v-icon-width) + 3 * var(--v-icon-gap)) !important;
}

.table-actions-3 {
    width: calc(3 * var(--v-icon-width) + 2 * var(--v-icon-gap)) !important;
}

.table-actions-2 {
    width: calc(2 * var(--v-icon-width) + 1 * var(--v-icon-gap)) !important;
}

.table-actions-1 {
    width: calc(1 * var(--v-icon-width)) !important;
}

[class^="table-actions-"] > .hstack {
    gap: .25rem;
}

.table-col-restrict {
    max-width: 300px !important;
}

.table-col-restrict-lg {
    max-width: 500px !important;
}

.table > thead > tr > th {
    border-bottom: 2px solid #ddd;
    color: var(--v-primary-dark);
    font-size: 14px;
    vertical-align: middle;
}

thead.border-primary > tr > th {
    border-color: var(--bs-primary) !important;
}

thead.border-secondary > tr > th {
    border-color: var(--bs-secondary) !important;
}

thead.border-info > tr > th {
    border-color: var(--bs-info) !important;
}

.table > tbody > tr {
    vertical-align: middle;
}

.table-action {
    display: inline-block;
}

.table-action .btn-icon {
    margin: 0 .5rem 0 0 !important;
}

.sticky-legend {
    position: sticky;
    position: -webkit-sticky;
    /* -1 to hide table top border */
    top: calc(var(--v-navbar-height) - 1px);
    background-color: #fff;
}

.wrap-content {
    max-width: 250px;
    word-break: break-word;
}

tr.bg-fiduciary {
    background-color: var(--v-hightlight) !important;
}

table.dataTable tbody tr.bg-fiduciary > td {
    box-shadow: none !important;
    background-color: rgba(0, 0, 0, var(--bs-bg-opacity)) !important;
}
