/* ===========================
   Dimensioni & Pesi del testo
   =========================== */
.testo-xs {
  font-size: 0.75rem;
}

.testo-sm {
  font-size: 0.875rem;
}

.testo-md {
  font-size: 1rem;
}

.testo-lg {
  font-size: 1.25rem;
}

.testo-xl {
  font-size: 1.5rem;
}

.testo-xxl {
  font-size: 2rem;
}

.leggero {
  font-weight: 300;
}

.medio {
  font-weight: 500;
}

.semigrassetto {
  font-weight: 600;
}

.grassetto {
  font-weight: 700;
}

.extragrassetto {
  font-weight: 900;
}

/* ===========================
   Decorazioni del testo
   =========================== */
.corsivo {
  font-style: italic;
}

.sottolineato {
  text-decoration: underline;
}

.barrato {
  text-decoration: line-through;
}

.nessuna-decorazione,
.nessuna-decorazione:hover,
.nessuna-decorazione:focus,
.nessuna-decorazione:active {
  text-decoration: none;
}

.pointer {
  cursor: pointer;
}

.not-allowed {
  cursor: not-allowed;
}

/* ===========================
   Colori del testo
   =========================== */
.blu,
.blu:hover,
.blu:focus,
.blu:active {
  color: blue !important;
}

.rosso,
.rosso:hover,
.rosso:focus,
.rosso:active {
  color: red !important;
}

.verde,
.verde:hover,
.verde:focus,
.verde:active {
  color: green !important;
}

.nero,
.nero:hover,
.nero:focus,
.nero:active {
  color: black !important;
}

.arancione,
.arancione:hover,
.arancione:focus,
.arancione:active {
  color: orange !important;
}

.giallo,
.giallo:hover,
.giallo:focus,
.giallo:active {
  color: yellow !important;
}

.viola,
.viola:hover,
.viola:focus,
.viola:active {
  color: rebeccapurple !important;
}

.grigio,
.grigio:hover,
.grigio:focus,
.grigio:active {
  color: #6b7280 !important;
}

.bg-giallo,
.bg-giallo:hover,
.bg-giallo:focus,
.bg-giallo:active {
  background-color: yellow !important;
  color: black !important;
}

.bg-azzurro,
.bg-azzurro:hover,
.bg-azzurro:focus,
.bg-azzurro:active {
  background-color: #e0f2fe !important;
  color: #0c4a6e !important;
}

.bg-verde,
.bg-verde:hover,
.bg-verde:focus,
.bg-verde:active {
  background-color: #dcfce7 !important;
  color: #14532d !important;
}

.bg-rosso,
.bg-rosso:hover,
.bg-rosso:focus,
.bg-rosso:active {
  background-color: #fee2e2 !important;
  color: #7f1d1d !important;
}

.bg-grigio,
.bg-grigio:hover,
.bg-grigio:focus,
.bg-grigio:active {
  background-color: #f3f4f6 !important;
  color: #111827 !important;
}

.bg-gradient-giallo,
.bg-gradient-giallo:hover,
.bg-gradient-giallo:focus,
.bg-gradient-giallo:active {
  background: linear-gradient(to right, white, #ffff4d) !important;
  color: black !important;
}

.bg-gradient-arancione,
.bg-gradient-arancione:hover,
.bg-gradient-arancione:focus,
.bg-gradient-arancione:active {
  background: linear-gradient(to right, white, #ffb84d) !important;
  color: #0c4a6e !important;
}

.bg-gradient-blu,
.bg-gradient-blu:hover,
.bg-gradient-blu:focus,
.bg-gradient-blu:active {
  background: linear-gradient(to right, white, #4d4dff) !important;
  color: #0c4a6e !important;
}

.bg-gradient-verde,
.bg-gradient-verde:hover,
.bg-gradient-verde:focus,
.bg-gradient-verde:active {
  background: linear-gradient(to right, white, #70db70) !important;
  color: #14532d !important;
}

.bg-gradient-rosso,
.bg-gradient-rosso:hover,
.bg-gradient-rosso:focus,
.bg-gradient-rosso:active {
  background: linear-gradient(to right, white, #ff4d4d) !important;
  color: #7f1d1d !important;
}

.bg-gradient-grigio,
.bg-gradient-grigio:hover,
.bg-gradient-grigio:focus,
.bg-gradient-grigio:active {
  background: linear-gradient(to right, white, #cccccc) !important;
  color: #111827 !important;
}

.evidenziato,
.evidenziato:hover,
.evidenziato:focus,
.evidenziato:active {
  background: linear-gradient(transparent 60%, #fff59d 60%);
}



/*
  Questo serve per rimuovere il colore rosso dei weekend nel calendario di DxDateEdit
*/
.no-weekend-red .dxbl-calendar-weekend {
  color: var(--dxds-color-content-neutral-default-rest) !important;
}

/* 1) Make the day <td> a positioning context so we can absolutely position our overlay */
/*.no-weekend-red .dxbl-calendar-day,
.no-weekend-red .dxbs-calendar-day {
  position: relative;*/
  /* Optional: remove inner padding if you want the background to hug the cell edges */
  /* padding: 0; */
/*}*/

  /* 2) Full-cell overlay for your special dates */
  /*.no-weekend-red .dxbl-calendar-day .special-cell,
  .no-weekend-red .dxbs-calendar-day .special-cell {
    position: absolute;
    inset: 2px;*/ /* small inset to mimic DevExpress spacing */
    /*border-radius: 6px;*/ /* round corners similar to selected cell */
    /*background: #e6f2ff;*/ /* your highlight color */
    /*color: #000;*/ /* text color on top of your bg */
    /*display: grid;*/ /* center the day number */
    /*place-items: center;
  }*/

  /* 3) If a special date is also selected, let the built-in selected style win */
  /*.no-weekend-red .dxbl-calendar-day.dxbl-selected .special-cell,
  .no-weekend-red .dxbs-calendar-day.dxbs-selected .special-cell {
    background: inherit;
    box-shadow: none;
    inset: 0;*/ /* relies on the theme's selected outline/focus */
  /*}*/

/* (Optional) Weekend neutralization from earlier step */
/*.no-weekend-red .dxbl-calendar-weekend {
  color: var(--dxds-color-content-neutral-default-rest) !important;
}

.no-weekend-red .dxbs-calendar-weekend {
  color: inherit !important;
}*/