/*!
 * AGGIUNTO DA GAMBA
 * CSS per i calendari spazi Bookable Calendars
 */

/* tooltip desktop e mobile */
/* https://dev.to/thoughtlessmind/tooltip-using-only-css-2oh4 */
[data-customTooltip]{
    cursor: pointer;
    position: relative;
}
[data-customTooltip]::after {
    background-color: #fff;
    color: #6b6b6b;
    font-size:14px;
    /* le due righe seguenti evitano che il tooltip sia trasparente rispetto al testo sotto (default di Bootstrap) */
    opacity:1!important;
    z-index: 9;
    padding: 5px;
    height: fit-content;
    width: fit-content;
    border-radius: 6px;
    position: absolute;
    text-align: center;
    bottom: 0px;
    content: attr(data-customTooltip);
    transform: translate(-50%, 110%) scale(0);
    transform-origin: top;
    box-shadow: 0 4px 14px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.05);
  }
[data-customTooltip]:hover:after {
    display: block;
    transform: translate(-50%, 110%) scale(1);
    /* allargo il tooltip che altrimenti è largo come la colonna */
    /* left: -20px; !important  - meglio quello sotto, se no per la prima colonna esce dallo schermo*/
    min-width: 120px;
}

.bookable-calendar-opening-instance {
  border-bottom: 1px solid #dee2e6;
  grid-template-columns: 1fr auto;
}

.bookable-calendar-opening-instance:last-child {
  border: none;
}


/*--- NUOVE pagina prenota ---*/
.views-field-delete-booking-contact a,
a.button {
    display: inline-block;
    color: #fff;
    background-color: #3db166;
    border: 1px solid #3db166;
    padding: 0.375rem 0.75rem;
    float: left;
    cursor: pointer;
    margin: 0px 1px 1px 0px!important;
    width: auto;
}
.views-field-delete-booking-contact:hover a,
a.button:hover {
    color: #fff;
    background-color: #31bf90;
}

.bookable-calendar-opening-instance-key {
    display: grid;
    grid-template-columns: 1fr auto;
    border-bottom: 1px solid #dee2e6;
    padding: 1rem 0;
}

.bookable-calendar-opening-instance-key:last-child {
    border-bottom: none;
}

/*--- CALENDARIO SPAZI TV ---*/
/* il browser integrato nella TV è 1920 x 1080 */

/* Fix margini laterali aule tagliati  */
.aule-container-tv div.row {
  margin-right: 0;
  margin-left: 0;
}

table.spazi-tabella-tv-cesena {
  width: 1920px;
  height: 1080px;
}

table.spazi-tabella-tv-rimini {
  width: 1280px;
  height: 720px;
}

/* riga generica per tutte le righe a parte la prima  - pero' mi appaiono anche le righe vuote che danno fastidio */
/* table.spazi-tabella tr {
  height: 50px;
} */

/* cella generica , per tutta la tabella */
 
table[class^="spazi-tabella-tv-"] tr td {
    padding: 1px;
    width: 75px;
    border: 1px solid;
    font-family: Helvetica, Sans-Serif;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
}

/* prima colonna e prima riga */

table[class^="spazi-tabella-tv-"] tr > td.spazi-aula-intestazione-v {
    width: 48px;
}

table[class^="spazi-tabella-tv-"] td.spazi-aula-intestazione {
  background-color: lavender;
  vertical-align: top;
}
div.spazi-aula-intestazione {
  font-size: 10px;
  font-weight: bolder;
}
.spazi-aula-intestazione-descrizione {
  font-size: 70%;
}

table[class^="spazi-tabella-tv-"] td.spazi-aula-intestazione-v {
  background-color: lavender;
  font-size: 10px;
  font-weight: bolder;
}

/* celle interne calendario TV */

table[class^="spazi-tabella-tv-"] td.spazi-aula-libera {
  background-color: #F8F6F0;
}
table[class^="spazi-tabella-tv-"] td.spazi-aula-nondisponibile {
  background-color: #e6bf83;   /* #fff380  */
}
table[class^="spazi-tabella-tv-"] td.spazi-aula-lezione {
  background-color: #bdedff;
}
/* div.spazi-aula-lezione {
  background-color: aqua;
} */
table[class^="spazi-tabella-tv-"] td.spazi-aula-occupata {
  background-color: #e6bf83;
}
table[class^="spazi-tabella-tv-"] td.spazi-aula-altraattivita {
  background-color: #ff8674;
}
table[class^="spazi-tabella-tv-"] td.spazi-aula-esami {
  background-color: #ffa500;
}
table[class^="spazi-tabella-tv-"] td.spazi-aula-concerto {
  background-color: #cc7A8b;
}
table[class^="spazi-tabella-tv-"] td.spazi-aula-altro {
  background-color: #b6b6b4;
}

/*--- CALENDARIO SPAZI PC ---*/
/* Fix margini laterali aule tagliati  */
.aule-container div.row {
  margin-right: 0;
  margin-left: 0;
  overflow-x: scroll;
}

table.spazi-tabella {
    overflow: auto;       /* forse non necessario ? */
    min-width: 1600px;
}
/* cella generica, per tutta la tabella */
table.spazi-tabella tr td {
    padding: 1px;
    width: 75px;
    border: 1px solid;
    font-size: 10px;
    text-align: center;
}

/* prima colonna e prima riga */

table.spazi-tabella tr > td.spazi-aula-intestazione-v {
    width: 70px;
}

table.spazi-tabella td.spazi-aula-intestazione {
  background-color: grey;
  color: white;
  vertical-align: top;
}

.spazi-aula-intestazione a {
  color: white;
  width: 100%;
  display: block;
}

.spazi-aula-intestazione-descrizione {
  font-size: 90%;
}

table.spazi-tabella td.spazi-aula-intestazione-v {
  background-color: grey;
  color: white;
  font-weight: bold;
}

/* celle interne calendario PC */

table.spazi-tabella td.spazi-aula-libera {
  background-color: #F8F6F0;
}
table.spazi-tabella td.spazi-aula-nondisponibile {
  background-color: #e6bf83;   /* #fff380  */
}
table.spazi-tabella td.spazi-aula-lezione {
  background-color: #bdedff;
}
table.spazi-tabella td.spazi-aula-occupata {
  background-color: #e6bf83;
}
table.spazi-tabella td.spazi-aula-altraattivita {
  background-color: #ff8674;
}
table.spazi-tabella td.spazi-aula-esami {
  background-color: #ffa500;
}
table.spazi-tabella td.spazi-aula-concerto {
  background-color: #cc7A8b;
}
table.spazi-tabella td.spazi-aula-altro {
  background-color: #b6b6b4;
}

/*
 *  Pagina prenotazione spazi
*/
/* nascondo "Time" e "Slots available" */
.bookable-calendar-opening-instance-key .field__label {
  display: none;
}
/* nascondo gli slot */
.bookable-calendar-opening-instance .availability
 {
  display: none;
}