/* =====================================================
   FILE: nui-tables.css
   VERSION: 202603041305
===================================================== */


/* ===== Paginator ===== */

.nui.flex.basic.menu.bordered.rounded.divided.white.inline.self-start{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 0;
  background:transparent;
  border:0;
  box-shadow:none;
}

.nui.flex.basic.menu.bordered.rounded.divided.white.inline.self-start > a.item{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:26px;
  height:28px;
  padding:0 6px;
  font-size:14px;
  font-weight:500;
  color:rgba(0,0,0,.55);
  text-decoration:none;
  border:0;
  border-radius:0;
  background:transparent;
  border-bottom:2px solid transparent;
  transition: color .15s ease, background-color .15s ease, border-color .15s ease;
}

.nui.flex.basic.menu.bordered.rounded.divided.white.inline.self-start > a.item:hover{
  color:#000;
  background:rgba(0,0,0,.04);
}

.nui.flex.basic.menu.bordered.rounded.divided.white.inline.self-start > a.item.active{
  color:#000;
  font-weight:600;
  border-bottom:2px solid var(--logo-red,#c8102e);
}

.nui.flex.basic.menu.bordered.rounded.divided.white.inline.self-start > a.item.active:hover{
  background:rgba(200,16,46,.06);
}

@media (max-width:480px){
  .nui.flex.basic.menu.bordered.rounded.divided.white.inline.self-start{
    gap:4px;
    flex-wrap:wrap;
  }

  .nui.flex.basic.menu.bordered.rounded.divided.white.inline.self-start > a.item{
    min-width:24px;
    height:26px;
    font-size:13px;
  }
}


/* ===== Tables ===== */

.nui.table{
  width:100%;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  border-collapse:separate;
  border-spacing:0;
}

.nui.table.celled,
.nui.table.bordered,
.nui.table.rounded{
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.nui.table tbody td{
  padding:10px 12px;
  font-size:14px;
  color:rgba(0,0,0,.82);
  border:0 !important;
  border-bottom:1px solid rgba(0,0,0,.06) !important;
  background:transparent !important;
}

.nui.table.selectable tbody tr{
  transition:background-color .12s ease;
}

.nui.table.selectable tbody tr:hover{
  background:rgba(0,0,0,.03) !important;
}

.nui.table td,
.nui.table th{
  font-variant-numeric:tabular-nums;
}


/* ===== Table header ===== */

.nui.table thead th{
  background:#f3f4f6;
  color:rgba(0,0,0,.78);
  font-weight:600;
  font-size:13px;
  letter-spacing:.02em;
  padding:10px 12px;
  border:0 !important;
  border-top:3px solid var(--logo-red,#c8102e) !important;
  border-bottom:1px solid #dcdcdc !important;
  vertical-align:bottom;
}

.nui.table tbody tr:last-child td{
  border-bottom:2px solid #dcdcdc !important;
}


/* ===== Mobile ===== */

@media (max-width:900px){

  .nui.table{
    display:table !important;
    overflow:visible !important;
    white-space:normal !important;
  }

  div:has(> table.nui.table){
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    max-width:100%;
  }

  div:has(> table.nui.table) > table.nui.table{
    width:max-content !important;
    min-width:100% !important;
  }

  div:has(> table.nui.table) > table.nui.table th,
  div:has(> table.nui.table) > table.nui.table td{
    white-space:nowrap;
  }

  .nui.table thead th{
    font-size:12px;
    padding:10px 10px;
  }

  .nui.table tbody td{
    font-size:13px;
    padding:10px 10px;
  }
}

@media (max-width:480px){

  .nui.table.selectable tbody tr:hover{
    background:transparent !important;
  }

  .nui.table tbody td{
    padding:9px 9px;
  }

}