/* effetto hover sulle righe */
:root {
  --dt-row-hover: 13, 110, 253;
}

/*Styling dell'header rimangono fissi quando si scorre giu'*/
table.dataTable thead {
  position: sticky;
  top: var(--dt-sticky-top, 0px);
  z-index: 100;
}
table.dataTable thead th,
table.dataTable thead td {
  background-color: var(--bs-body-bg);
}

/* Nelle modali nessun app-header, il thead si aggancia al top del modal-body */
.modal table.dataTable thead {
  top: 0;
}

/* Quando la modale è in scroll, rimuove padding e margini che creerebbero un gap sopra il thead */
.modal.is-scrolled .modal-body {
  padding-top: 0 !important;
}
.modal.is-scrolled .modal-body .row {
  margin-top: 0 !important;
}
/**/
/* per vedere i campi sopra la tabella in linea */
div.dt-container > div.row > div.col-md-auto {
  display: flex;
  align-items: baseline;
}

  div.dt-container > div.row > div.col-md-auto > div {
    margin-right: 5px;
  }

table.dataTable thead > tr > th.dt-orderable-asc:hover,
table.dataTable thead > tr > th.dt-orderable-desc:hover,
table.dataTable thead > tr > td.dt-orderable-asc:hover,
table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: none !important;
}

/* Mantiene le intestazioni allineate a sinistra */
table.dataTable thead th.dt-type-numeric,
table.dataTable thead tr th[class*="text-end"] {
  text-align: left !important;
  justify-content: flex-end !important;
}

  /* Mantiene le intestazioni allineate a sinistra */
  table.dataTable thead th.dt-type-numeric > span,
  table.dataTable thead tr th[class*="text-end"] > span {
    display: block;
    text-align: left !important;
  }

/* Aggiunge padding a destra alle celle nella colonna numerica */
table.dataTable tbody td.dt-type-numeric,
table.dataTable tbody td[class*="text-end"] {
  padding-right: 18px !important;
  text-align: right !important;
}

table.dataTable > tbody > tr.child ul.dtr-details {
  width: 100%;
}

table.dataTable > tbody > tr.child > td.child {
  box-shadow: none !important;
}

table.dataTable tfoot th.dt-type-numeric {
  padding-right: 18px !important;
}

.sckt.table {
  width: 100% !important;
  font-size: 0.75em;
}