.theme-dark {
    --table-primary: #ffffff;
    --table-thead-bg: #3a3b3d;
}

.light-dark {
    --table-primary: #3a3b3d;
    --table-thead-bg: rgba(255, 255, 255, 0.5);
}


.TableSignatures tr td {
    border-color: var(--table-primary) !important;
}


.TableSignatures thead tr th {
    background-color: transparent !important;
    box-shadow: none !important;
    color: var(--table-primary) !important;
}

.TableSignatures thead input {
    margin-top: 10px;
    background-color: var(--table-thead-bg);
    border-radius: 20px;
    width: 100%;
    height: 100%;
}

.TableSignatures thead .p-checkbox .p-component {
    margin-top: 15px;
    border: 1px solid #b5b5b50d;
}

.TableSignatures .p-checkbox .p-component {
    border: 1px solid #b5b5b50d;
    margin-right: 5px;
}

.TableSignatures .p-datatable-thead tr:nth-child(2) .p-checkbox {
    visibility: hidden;
}

.TableSignatures .p-checkbox .p-component:hover {
    border-color: var(--table-primary) !important;
}

.TableSignatures tbody tr {
    background-color: transparent !important;
    height: 50px !important;
}

.TableSignatures tbody>tr>td {
    border: none !important;
    border-bottom: 1px solid var(--table-thead-bg) !important;
    color: var(--table-primary) !important;
}

.TableSignatures table {
    margin-bottom: 10px !important;
    border: none !important;
}

.TableSignatures th {
    border: none !important;
}

.TableSignatures>div {
    background: transparent !important;
    border: none !important;
}

.TableSignatures div>span>button {
    border-radius: 100% !important;
}

.TableSignatures div>span>.p-highlight {
    border: 1px solid var(--table-primary) !important;
}

.TableSignatures div>button>span {
    color: var(--table-primary) !important;
}

.TableSignatures .p-datatable-responsive-demo .p-datatable-tbody>tr>td .p-column-title {
    display: none;
}

@media screen and (max-width: 60em) {

    .TableSignatures .p-datatable-responsive-demo .p-datatable-thead>tr>th,
    .TableSignatures .p-datatable-tfoot>tr>td,
    .TableSignatures .p-datatable-thead>tr:first-child,
    .TableSignatures .p-datatable-thead>tr:nth-child(2)>th:first-child {
        display: none !important;
    }

    .TableSignatures .p-datatable-thead>tr:nth-child(2) {
        display: flex;
        flex-direction: column;
        width: 200px;
    }

    .TableSignatures .p-datatable-tbody>tr td {
        text-align: left;
        display: flex;
        width: 200px;
        float: left;
        clear: left;
        border: 0 none;
    }

    .TableSignatures .p-datatable-tbody>tr td:last-child {
        text-align: left;
        display: flex;
        width: 600px;
        float: left;
        clear: left;
        border: 0 none;
        margin-bottom: 30px;
    }

    .TableSignatures .p-datatable-tbody>tr>td .p-column-title {
        padding: 0.4rem;
        min-width: 80%;
        display: inline-block;
        margin: -0.4em 1em -0.4em -0.4rem;
        font-weight: bold;
    }

    .TableSignatures .p-datatable-tbody>tr>td .p-column-title :last-child {
        border-bottom: 1px solid var(--surface-d);
    }
}