﻿/*#region TABLE LIKE BOOTSTRAP*/
.table-header > [class*=col-],
.table-row > [class*=col-] {
  flex: 1 0 0;
  padding-block: 1.176rem;
  background-color: rgba(255, 255, 255, 0) !important;
  padding: 0.784rem 1.25rem;
  border-bottom: 1px solid var(--bs-body-bg);
}

.table-header {
  vertical-align: middle !important;
  font-weight: bold;
  /*min-height: 70px;*/
}
.table-header > div {
  vertical-align: middle;
}

.table-row {
  vertical-align: middle !important;
}

.table-header .col-md-1, .table-row .col-md-1 {
  min-width: 8.33333333%;
  /*max-width: 8.33333333%;*/
}
.table-header .col-md-2, .table-row .col-md-2 {
  min-width: 16.66666667%;
  /*max-width: 16.66666667%;*/
}
.table-header .col-md-3, .table-row .col-md-3 {
  min-width: 25%;
  /*max-width: 25%;*/
}
.table-header .col-md-4, .table-row .col-md-4 {
  min-width: 33.33333333%;
  /*max-width: 33.33333333%;*/
}
.table-header .col-md-5, .table-row .col-md-5 {
  min-width: 41.66666667%;
  /* max-width: 41.66666667%;*/
}
.table-header .col-md-6, .table-row .col-md-6 {
  min-width: 50%;
  /*max-width: 50%;*/
}
.table-header .col-md-7, .table-row .col-md-7 {
  min-width: 58.33333333%;
  /*max-width: 58.33333333%;*/
}
.table-header .col-md-8, .table-row .col-md-8 {
  min-width: 66.66666667%;
  /*max-width: 66.66666667%;*/
}
.table-header .col-md-9, .table-row .col-md-9 {
  min-width: 75%;
  /*max-width: 75%;*/
}
.table-header .col-md-10, .table-row .col-md-10 {
  min-width: 83.33333333%;
  /*max-width: 83.33333333%;*/
}
.table-header .col-md-11, .table-row .col-md-11 {
  min-width: 91.66666667%;
  /* max-width: 91.66666667%;*/
}
.table-header .col-md-12, .table-row .col-md-12 {
  min-width: 100%;
  /*max-width: 100%;*/
}
.table-header .col-last, .table-row .col-last {
  flex: 1 1 0; /* ultima colonna prende tutto lo spazio rimanente */
  min-width: 0; /* evita overflow */
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

/*#endregion TABLE */
/*#region CSS HIDE */
.t-hide {
  display: unset !important;
}

/*#endregion */
/*#region SMALL*/
@media (min-width: 0px) and (max-width: 767px) {
  .t-hide {
    display: none !important;
  }
  .ts-hide {
    display: none !important;
  }
}
/*#endregion */
/*#region LARGE*/
@media (min-width: 767px) and (max-width: 1180px) {
  .t-hide {
    display: none !important;
  }
  .tl-hide {
    display: none !important;
  }
}
/*#endregion */
