html, body {
    height: 100%;
    min-height: 100%;
}
.sidebar {
    grid-area: sidebar;  
    width: 240px;
    float: left;
    background-color: #265262;
    top: 0;
    width: 240px;
    height: 100vh;
    position: sticky;      
}

.content {
    margin-left: 240px;
}


#copilot-table.table td.no-wrap {
    white-space: nowrap;
    overflow: visible;
    text-align: left;
}

.table-wrapper {
    overflow-x: auto;
    max-width: 100%;
    position: relative;
}

.table-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 240px; /* Larghezza della colonna Description */
    height: 100%;
    z-index: 1;
    background-color: white; /* Colore di sfondo per la colonna Description */
}

.sticky-col {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: #fff;
}

.sticky-col::before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #fff; /* Colore di sfondo per la colonna Description */
    box-shadow: 1px 0 0 #ccc; /* Crea una linea a sinistra della colonna Description */
}

.sticky-col + th,
.sticky-col + td {
    position: relative;
    z-index: 1;
}

.table {
    font-size: 10px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
}
.table td {
    vertical-align: middle;
  }

.table td[data-giorno="domenica"] {
    background-color: #ffffff; /* Imposta il colore di sfondo */
}
.table td[data-giorno="sabato"] {
  background-color: #ffffff; /* Imposta il colore di sfondo */
}

.pagina{
    width: 100%;
    margin-top: 20px;   
}

.card-header, .link-reg {
    font-size: 12px;
}

.table td {
    width: 10px; 
}

.nav-link {
    font-size: 12px; /* font voci menu */
  }

  .btn-custom {
    background-color:  #3F94BE;  /* Sostituisci con il tuo colore personalizzato */
    color: #FFFFFF;  /* Sostituisci con il tuo colore del testo desiderato */
    font-size: 8px;
    border: #FFFFFF 1px solid;
  }
  .btn-custom:hover {
    background-color: #0c6852;
    color: #FFFFFF;
    border: #FFFFFF 1px solid;
  }
  .btn-custom2 {
    background-color: #3F94BE;
    color: #ffffff;
    font-size: 8px;
    border: #FFFFFF 1px solid;
  }

  .bg-blue-custom {
    background-color: #5C8A9C ;
  }

  .bg-lightblue-custom {
    background-color: #265262 ;
  }
  .bg-lightblue-fields-custom {
    background-color: rgb(255, 255, 255) ;
  }  
  .bg-lightblue-button-custom, .bg-lightblue-button-custom:hover {
    background-color: #FE9666 ;
  }  
  .w-card-login {
    width: 250px;
  }
  .custom-place::placeholder {
    color: #BBB;
    opacity: 1; /* Firefox */
  }
  
  .custom-place::-ms-input-placeholder { /* Edge 12 -18 */
    color: #BBB;
  }
  .bg-custom-light-blue-interno {
    background-color: #265262 !important;
  }
  .custom-weight-semibold {
    font-weight: 600 !important;
  }

  li.custom-list-type {
    list-style-type: square;
  }

  .hidden-column {
    display: none;
}