body {
  background: rgb(253, 253, 253) !important;
}

h1 {
  color: rgb(90, 7, 7) !important;
}


/* ======================================================
   NUOVA DASHBOARD
   KPI DESKTOP
   ====================================================== */

@media (min-width: 1101px) {

  .omega-gest-kpis.omega-dashboard-kpis {

    display:grid !important;

    grid-template-columns:
      repeat(
        6,
        minmax(0,1fr)
      ) !important;

    gap:12px !important;

    margin-top:-30px !important;

    margin-bottom:10px !important;

  }


  .omega-dashboard-kpis
  .omega-dashboard-kpi-card {

    min-width:0;

  }

}


/* ======================================================
   NUOVA DASHBOARD
   RESPONSIVE
   ====================================================== */


/* TABLET */

@media (max-width: 1100px) {

  .omega-dashboard-kpis {

    grid-template-columns:
      repeat(3, minmax(0, 1fr))
      !important;

  }


  .omega-dashboard-operational
  > div:last-child {

    grid-template-columns:
      1fr 1fr
      !important;

  }


  .omega-dashboard-operational
  > div:last-child
  > div:nth-child(3) {

    grid-column:
      1 / -1;

    padding-left:
      0 !important;

    padding-top:
      20px;

    border-left:
      0 !important;

    border-top:
      1px solid #EEE8E6;

  }


  .omega-dashboard-monitoring-grid {

    grid-template-columns:
      repeat(2, minmax(0, 1fr))
      !important;

  }


  .omega-dashboard-monitoring-grid
  > div:last-child {

    grid-column:
      1 / -1;

  }


  .omega-dashboard-bottom-grid {

    grid-template-columns:
      1fr
      !important;

  }

}


/* MOBILE */

@media (max-width: 768px) {

  .omega-dashboard-kpis {

    grid-template-columns:
      repeat(2, minmax(0, 1fr))
      !important;

    gap:
      10px !important;

  }


  .omega-dashboard-kpi-card {

    min-height:
      76px !important;

    padding:
      13px 14px !important;

  }


  .omega-dashboard-operational {

    padding:
      18px 16px 20px
      !important;

  }


  .omega-dashboard-operational
  > div:last-child {

    grid-template-columns:
      1fr
      !important;

    gap:
      0 !important;

  }


  .omega-dashboard-operational
  > div:last-child
  > div {

    padding:
      18px 0
      !important;

    border-left:
      0 !important;

    border-top:
      1px solid #EEE8E6;

  }


  .omega-dashboard-operational
  > div:last-child
  > div:first-child {

    padding-top:
      0 !important;

    border-top:
      0 !important;

  }


  .omega-dashboard-monitoring-grid {

    grid-template-columns:
      1fr
      !important;

    gap:
      12px !important;

  }


  .omega-dashboard-monitoring-grid
  > div:last-child {

    grid-column:
      auto;

  }


  .omega-dashboard-bottom-grid {

    grid-template-columns:
      1fr
      !important;

    gap:
      12px !important;

  }


  .omega-dashboard-trend-card {

    padding:
      18px 14px
      !important;

  }


  .omega-dashboard-trend-card
  > div:last-child {

    grid-template-columns:
      1fr
      !important;

    gap:
      12px !important;

  }


  .omega-dashboard-trend-card
  svg {

    height:
      auto !important;

  }


  .omega-dashboard-trend-card
  > div:last-child
  > div:last-child {

    display:
      grid !important;

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap:
      10px !important;

  }


  .omega-dashboard-network-card {

    padding:
      18px 16px
      !important;

  }

}