.invisibile {

  display: none;



}



tr:nth-child(even) {

    font-weight:bold;    

    background-color: #cce6ff;

}



tr:nth-child(odd) {

    font-weight:bold;    

    background: #f9f9f7;

}

     

.form-control {

  font-size: 14px;

  height: auto;



}



select.form-control:not([size]):not([multiple]) {

    height: auto;

}



.cliccabile:hover {

	cursor: pointer;

}



.div_bottone_menu {

	position: fixed;

	left: auto;

	right: 10px; /* 280 px quando menu aperto */

	bottom: 3vh;

	top: auto;

  z-index: 999999;

}



.div_bottone_menu_aperto {

	position: fixed;

	left: auto;

	right: 280px;

	bottom: 3vh;

	top: auto;

  z-index: 999999;

}



.bottone_menu {

	height: 10vh;

	width: auto;

}



.navbar {

	z-index: 1;

}



/* Sezione menu laterale */

#menu_laterale {

  width: 250px;

}



#menu_laterale h2 {

  font: 400 20px/1.5 Helvetica, Verdana, sans-serif;

  margin: 0;

  padding: 0;

  color: #2c94cf;

}



#menu_laterale ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

}



#menu_laterale li {

  margin-left: 10px;

  /* font sceso da 20 a 16 */

  font: 200 16px/1.5 Helvetica, Verdana, sans-serif;

  border-bottom: 1px solid #ccc;

}



#menu_laterale li:last-child {

  border: none;

}



#menu_laterale li a {

  text-decoration: none;

  color: #000;



  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;

  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;

  -o-transition: font-size 0.3s ease, background-color 0.3s ease;

  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;

  transition: font-size 0.3s ease, background-color 0.3s ease;

  display: block;

  width: 200px;

}



#menu_laterale li a:hover {

  cursor: pointer;

  font-size: 30px;

  background: #f6f6f6;

}

/* Termine sezione menu laterale */



body {

	font-family: 'Neuton', serif;

}



/* Sezione main */

#main {

	overflow-x: auto;

	overflow-y: auto;

}

/* Termine sezione main*/



#legenda {

  position: absolute;

  bottom: 0;

  top: auto;

  max-width: 100%;

}



#grafico {

  overflow-x: scroll;

  max-width: 100%;

}



.vendite {

  border-style: solid;

}



.acquisti {

  border-style: solid;

}



.clienti {

  border-style: solid;

}



.scadute {

  border-style: solid;

}



.fuori {

  opacity: 0.5;

  position: fixed;

  left: auto;

  top: 0;

  bottom: auto;

  right: -100vw;

}



.dentro {

  opacity: 1;

  height: 100vh;

  background-color: white;

  position: fixed;

  left: auto;

  top: 0;

  bottom: auto;

  right: 0;

  z-index: 999998;

}



/* Sezione loader */



.loader {

  margin: auto;

  position: absolute;

  top: 0; 

  left: 0; 

  bottom: 0; 

  right: 0;

  border: 7px solid #f3f3f3; /* Grigio chiaro */

  border-top: 7px solid #3498db; /* Blu */

  border-radius: 50%;

  width: 48px;

  height: 48px;

  animation: spin 1s linear infinite;

}



@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}



#finestra_caricamento {

  z-index: 99999999999;

  position: fixed;

  background-color: rgb(177, 177, 177);

  width: 100vw;

  height: 100vh;

}



/* Termine sezione loader */

@media print {

  div {

    display: block !important;

    position: relative !important;

    overflow: visible !important;

  }



  #finestra_caricamento {

    display: none !important;

  }



  #modalMessaggioGenerico {

    display: none !important;

  }



  #menu_laterale {

    display: none !important;

  }



  #DIV_RicercaAnagrafe {

    display: none !important;

  }



  #DIV_Tabella {

    display: none !important;

  }



  #div_bottone_menu {

    display: none !important;

  }



  #ui-datepicker-div {

    display: none !important;

  }



  .ui-helper-hidden-accessible {

    display: none !important;

  }



  .form-row {

    display: none !important;

  }



  form {

    display: none !important;

  }

}