@font-face {
    font-family:titolo;
    src: url(../fonts/Amatemora.ttf);
}
/*
@font-face {
    font-family:Kinan;
    src: url(../fonts/Kinan.ttf);
}

@font-face {
    font-family:Making-Moves;
    src: url(../fonts/Making-Moves.ttf);
}
@font-face {
    font-family:Feeling-Passionate;
    src: url(../fonts/Feeling-Passionate.otf);
}
*/
body {
       color:#ffffff;                 
       font-family: Calibri;
//       font-size: 20px;
       background-color : #2e353d;     
       background-repeat: no-repeat;
       background-attachment: scroll;
       background-size: 100% 100%;
}

//td.none, td.none:hover {
//  background-color : transparent;
//}

.smallfont {
  font-size: 16px;
//  margin-bottom:10px;   
}

.td {
  border: 1px solid #a2a2a2;  
  border-bottom: 1px solid #a2a2a2;
  text-align:left;
}

.tdpadd {
  padding: 5px 10px;
}

.tablepadd {
  padding: 10px;
}

/*
.tdh {
  text-align:right;
  padding-right:20px;
  border-top: 1px solid #a2a2a2;  
  border-bottom: 1px solid #a2a2a2;
}
*/

/* TITOLO giorni della settimana */
/* previous code:
.th-o {
  font-size: 0.8em; //16px;
  color:#ADD8E6;
  text-align: center !important;
//  padding-top: 30px;
//  padding-bottom: 10px;
}

.th-o div {
  text-align: center !important;
}
*/
/* Updated code: */
.th-o {
  font-size: 0.8em; /* 16px */
  color: #ADD8E6;

  /* centriamo il contenuto come BLOCCO */
  padding: 0;
}

.th-o > div {
  display: flex;
  flex-direction: column;
  align-items: center;

  /* sicurezza: evita eredità sporche */
  text-align: center;
}

.spaceup {
  padding-top: 1.5em; //2em;
}

.spacedown {
  padding-top: 1em;
}

/* ORE */
.th-v {
  font-size: 24px; //30px;
  text-align:right;
  padding-right:20px;
  vertical-align:middle;
  color:#ADD8E6;
  border-top: 1px solid #a2a2a2;
  border-bottom: 1px solid #a2a2a2;  
}

/* ricordarsi che per poter sfruttare border-top e border-bottom
   la tabella che contiene tali tr deve avere la seguente propriet�:
   style='border-collapse: collapse;' */

.rigaOra {
  border-top: 2px solid #a2a2a2;
  height: 10px;
  color:#ADD8E6;
}

.rigaQuartiOra { 
  border-top: 1px dashed #a2a2a2;
  height: 10px;
  color:#ADD8E6;  
}

.rigaMezzaOra { 
  border-top: 1px dashed #a2a2a2;
  height: 10px;
  color:#ADD8E6;  
}

.rigaVuota {
  height: 10px;
  color:#ADD8E6;  
}

.rigaSotto { 
  // border-top: 1px dashed #a2a2a2;
  border-bottom: 2px solid #a2a2a2;
  height: 10px;
  color:#ADD8E6;
}

/* ricordarsi che per poter sfruttare border-top e border-bottom
   la tabella che contiene tali tr deve avere la seguente propriet�:
   style='border-collapse: collapse;' */
.rigaQuartiOraAncheSotto { 
  // border-top: 1px dashed #a2a2a2;
  border-bottom: 2px solid #a2a2a2;
  height: 30px;
  color:#ADD8E6;
}

.tdCellDayBorderLeft {
  border-left: 2.5px solid #a2a2a2;
}

.tdCellDayBorderRight {
  border-right: 2.5px solid #a2a2a2;
}

/*
td {
  border-bottom: 1px solid #a2a2a2;
  padding-top: 16px;
  padding-bottom: 16px;  
}
*/

/*
.td {
//  border-bottom: 1px solid #a2a2a2;
  border: 1px solid #a2a2a2;

  padding-top: 16px;
  padding-bottom: 16px;  
}
*/


/*
tr:hover > td {
  background-color: #5291BE; //#4f5b69;      //AZZURRO         
}
*/


/* COLORE DELLE ROOMS 
piscina : blu come acqua
palestra 1 :
pakestra 2 :
studio medico :
*/
  .boxEventTitle {
//    background-color: #6495ED; // assegnato da DB a seconda del colore da applicare alla room
//    border-left: 10px solid #4169E1; // assegnato da DB a seconda del colore da applicare alla room
//    border: 1px solid;
    border-radius: 5px;
//    border-color: white;
    color: #000000;
    padding: 0 3px 0 3px;
    margin-right: 8px;    
  }

/*
  .boxEventTitle_room-1 {
    background-color: #6495ED;
    border-left: 10px solid #4169E1;
//    border: 1px solid;
    border-radius: 5px;
//    border-color: white;
    color: #000000;
    padding: 5px 10px;    
  }
  .boxEventTitle_room-2 {
    background-color: #BA55D3;
    border-left: 10px solid #9932CC;
    border-radius: 5px;
//    border-color: white;
    color: #000000;
    padding: 5px 10px;
  }
  .boxEventTitle_room-3 {
    background-color: #FF7F50;
    border-left: 10px solid #FF4500;
    border-radius: 5px;
//    border-color: white;
    color: #000000;
    padding: 5px 10px;    
  }
  .boxEventTitle_room-4 {
    background-color: #3CB371;
    border-left: 10px solid #006400;
    border-radius: 5px;
//    border-color: white;
    color: #000000;
    padding: 5px 10px;    
  } */  
/* FINE COLORE DELLE ROOMS */

















.nobackground:hover > td {
  background-color: #2e353d;
}

.noborder {
  border-bottom: 0px solid #2e353d;
}

/* FORM */
form {
  display:inline;
  font-size: 14px;
  color:#FF9700;           
}

/* stile campo di inserimento */
input[type=text], .dimselect, textarea {
  margin: 0 5px 0 5px;
  font-family: Calibri;

//  width: 450px; //90%;
  padding: 6px 10px;
//  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;      
  border-radius: 4px;
  box-sizing: border-box;
  
  width: 100%;
  height: 40px;  
}

.dimdate {
  margin: 0 5px 0 5px;
  font-family: Calibri;

//  width: 450px; //90%;
  padding: 6px 20px;
//  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;      
  border-radius: 4px;
  box-sizing: border-box;
  
  width: 180px;
  height: 40px;  
}

.select, textarea {
  width: 100%;
  font-size: 12px;
}

.select_search, .input_search  {
  width: 280px;
}

/* stile bottoni */
input[type=submit] {
  font-family: Calibri;
//  font-size: 20px;
//  width: 300px; //90%; 
  background-color: red;
  color: white;
  padding: 12px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: red;
}