[data-theme='dark'] {
  --table-primary: var(--ink-900);
  --table-thead-bg: var(--surface-3);
}

[data-theme='light'] {
  --table-primary: var(--ink-900);
  --table-thead-bg: var(--surface-2);
}

.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 var(--border);
}

.TableSignatures .p-checkbox .p-component {
  border: 1px solid var(--border);
  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(--border);
  }
}