/* TABELLE BACKOFFICE */
.bo-table {
    border-collapse: separate;
    border-spacing: 0 3.5pt !important;
    color: black !important;
    border-bottom: none !important;
}
.bo-table thead th, .label-small {
    color: #a6a6a6;
    font-weight: normal !important;
    font-size: 0.8rem;
}
.bo-table tbody tr {
    background: white;
    border-radius: 1rem;
}

.bo-table tbody td {
    background: white;
    border: solid 2pt var(--gray-control);
    border-style: none;
    border-top-style: solid;
    padding: 12pt 6pt !important;
    border-bottom-style: solid;
}
.bo-table.compact tbody td {
    padding: 6pt !important;
}

.bo-table tbody td:first-child { border-top-left-radius: 10px; }
.bo-table tbody td:last-child { border-top-right-radius: 10px; }

.bo-table tbody td:first-child { border-bottom-left-radius: 10px; }
.bo-table tbody td:last-child { border-bottom-right-radius: 10px; }
/*.bo-table tbody tr:first-child td:first-child { border-top-left-radius: 10px; }*/
/*.bo-table tbody tr:first-child td:last-child { border-top-right-radius: 10px; }*/

/*.bo-table tbody tr:last-child td:first-child { border-bottom-left-radius: 10px; }*/
/*.bo-table tbody tr:last-child td:last-child { border-bottom-right-radius: 10px; }*/

.bo-table tbody tr:first-child td { border-top-style: solid; }
.bo-table tbody tr td:first-child { border-left-style: solid; }
.bo-table tbody tr td:last-child { border-right-style: solid; }

.bo-table thead th, table.dataTable thead td {
    border-bottom: none !important;
}

.bo-table ~ .dataTables_paginate .paginate_button.current {
    border-radius: 9pt;
    padding: 0.5em 0.9em;
    background: black;
    color: white !important;
    border: none;
}
.bo-table ~ .dataTables_paginate .paginate_button:hover {
    border-radius: 9pt;
    padding: 0.5em 0.9em;
    background: hsl(0, 0%, 90%);
    color: grey !important;
    border: none;
}

.bo-table .table-hover-buttons {
    opacity: 0;
    transition: opacity 0.2s ease-in;
}
.bo-table tr:hover .table-hover-buttons {
    opacity: 1;
}


.text-currency-positive {
    color: var(--currency-positive) !important;
}
.text-currency-negative {
    color: var(--currency-negative) !important;
}