table {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: .1em;
    margin-bottom: 1em;

}


tbody,
td,
tfoot,
th,
thead,
tr {
    border-style: double !important;
    border-width: .1em !important;
}

thead {
    top: 0;
    z-index: 2;
    background: #bbb;
    color: #fff;
    text-align: left;
    font-weight: 400;
}


tr>td:first-child {
    border-left: .2em solid rgba(var(--BBB-RGB), .7) !important;
}

tr>td:last-child {
    border-right: .2em solid rgba(var(--BBB-RGB), .7) !important;
}


th,
td {
    min-width: 4em;
    border: .1em solid rgba(var(--BBB-RGB), .2) !important;
    line-height: 2em;
    padding: 0em .4em;
    margin: unset;
    font-size: 0.7rem;
}

th {
    background-color: #5e5e5e;
    border-bottom: .2em solid rgba(var(--BBB-RGB), .7);
    border-left: .1em solid rgba(var(--BBB-RGB), .7);
    border-right: .1em solid rgba(var(--BBB-RGB), .7);
    border-top: unset;
}

tr>td>i:hover.fa-trash-alt {
    cursor: pointer;
    color: darkred;
}

tr>td>i:hover.fa-edit {
    cursor: pointer;
    color: green;
}

i:hover.fa-plus {
    cursor: pointer;
    color: green;
}

i.fa-plus {

    
}

/* 
.form-table tbody > tr:hover
{
    background-color: rgba(var(--BBB-RGB), .1);
    color: #000;
} */

.form-table tbody>tr>td:hover {
    background-color: rgba(var(--BBB-RGB), .1);
    color: #000;
}

.table-label {
    padding: 0 .2em;
    float: left;
}

.table-label:not(:last-child):after {
    content: " -";
}

.admin-overview-contractor-active-header,
.admin-overview-contractor-inactive-header {
    cursor: pointer;
}

.grid-template-admin-content th:not(.no-filter):not(.filter-up):not(.filter-down):after {
    content: "↕";
    text-align: right;
    float: right;
    cursor: pointer;
}

.filter-up:after {
    content: "↑" !important;
    text-align: right;
    float: right;
    cursor: pointer;
}

.filter-down:after {
    content: "↓" !important;
    text-align: right;
    float: right;
    cursor: pointer;
}

.admin-overview-modal-payment-table {
    margin-top: 1em;
}

.admin-overview-modal-payment-table th
{
    background-color: #6c757d !important; 
}

.table-header {
    margin-top: 1em;
    margin-bottom: .2em;
}

.delete-button {
    background-color: var(--bs-red);
    color: white;
}

.delete-button:hover {
    background-color: var(--bs-orange) !important;
    -webkit-appearance: button;
}

.pointer {
    cursor: pointer;
}

.status-paid {
    background-color: var(--bs-teal) !important;
}

.status-expired {
    background-color: var(--bs-warning) !important;
}