/*   CSS CRAL ARABA FENICE */

/*   TESTATA   */
td.testologo {
	/*font-family: "Monotype Corsiva";*/
	font-family: "QTBlackForest";
	border-collapse: collapse;
	font-size: 5vw;
	font-weight: bold;
	padding-left: 200px;
	vertical-align: center;
	color: blue;
	width: 100%;
}

/*    MENU HOMEPAGE E LOGIN */
div.menuhome {
	background-color: white;
	border: solid 1px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

p.menuhome {
	color: blue;
	font-weight: bold;
	font-size: 20px;
	margin: 0;
	padding: 10px 0 0 10px;
}

label.menuhome {
	background-color: white;
	font-size: 10px;
	color: red;
	margin: 0px 0px 0px 10px;
	display: block;
}

input.menuhome[type=submit] {
	width: 20%;
	background-color: #809fff;
	color: white;
	margin: 0px 20px 0px 20px;
	padding: 10px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 20px;
}

input.menuhome[type=text], input.menuhome[type=password] {
	padding: 0 0 0 10px;
	margin: 0 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	margin: 0px 0px 0px 10px;
	font-size: 20px;
	padding: 10px;
}

input.menuhome[type=submit]:hover {
	color: blue;
}

.menuhome.venticinque[type=text] {
	width: 25%;
}

.menuhome.cinquanta[type=text] {
	width: 50%;
}

/*
 *  MENU BOTTONE 
 */
div.menubottone {
	/*align-content: center;*/
}

.menubottone li, .menubottonevuoto li {
	float: left;
	margin: 0 0 0 3px;
	padding: 0px;
}

.menubottone [type=button], .menubottone input[type=submit] {
	background-color: #809fff;
	border: none;
	color: white;
	padding: 5px 32px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
	width: 200px;
}

.menubottone li, .menubottonevuoto li {
	float: left;
	margin: 0 0 0 3px;
	padding: 0px;
}
/*
.menubottone [type=button],.menubottone input[type=submit] {
    background-color: #809fff;
    border: none;
    color: white;
}*/

/*
 *    MENUTESTATA
 * 
 */
.menutestata ul {
	list-style: none;
	margin: 0 auto;
	padding: 0
}

/*   VARIANTI PER SITO   */
input[type=submit].sito {
	background-color: #4dff4d;
}

sito [type=button], .sito input[type=submit] {
	background-color: #4dff4d;
}

/*   VARIANTI PER BOTTONI   */
input[type=submit].solobottone {
	width: 90%;
}

div.solobottone {
	width: 25%;
	float: left;
}

div.rigasingola {
	height: 100px;
}

div.rigadoppia {
	height: 150px;
}

/*
 *               LISTE  
 * 
 */
.liste {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
}

.liste td {
	border: 1px solid #ddd;
	padding: 10px;
	font-size: 12px;
}

.listex tr:nth-child(even) {
	background-color: #f2f2f2;
}

.liste th {
	border: 1px solid #ddd;
	padding: 20px;
	font-size: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	background-color: #0040ff;
	color: white;
}

.liste input[type=text], .liste input[type=email] {
	width: 100%;
	padding: 0px 0px;
	margin: 0px 0px;
	box-sizing: border-box;
	background-color: white;
	font-size: 16px;
	border-width: 0px;
}

.liste input[type=submit] {
	background-color: #809fff;
	border: none;
	color: white;
	padding: 0px 0px;
	text-decoration: none;
	margin: 0px 0px;
	cursor: pointer;
	width: 100%;
	/*height: 30px;*/
}
.statistiche {
	width: 400px;
}
.statistiche_titolo {
	align-text:center;
}
/*   VARIANTI PER CONTABILITA'   */
input[type=submit].contabilita {
	background-color: orange;
}

.contabilita [type=button], .contabilita input[type=submit] {
	background-color: orange;
}

/*     DIV 
 * 
 * 
 */
div.titolo {
	clear: left;
}

div.errore {
	clear: left;
	color: red;
	font-weight: bold;
}

div.attenzione {
	clear: left;
	color: #ff7700;
	font-weight: bold;
}

div.ok {
	clear: left;
	color: green;
	font-weight: bold;
}

div.tabelle {
	position: relative;
	top: 20px;
	clear: left;
}

div.infosistema {
	position: relative;
	top: 20px;
	clear: left;
	font-size: 8px;
}

div.esitopositivo {
	position: relative;
	top: 50px;
	clear: left;
	color: green;
}

div.esitonegativo {
	position: relative;
	top: 50px;
	clear: left;
	color: red;
}



div.copyright {
	position: relative;
	top: 20px;
	clear: left;
	color: gray;
	padding-top: 20px;
}

/*
 *   SPAN & P
 *
 */
span.ok {
	color: green;
}

span.ko {
	color: red;
}

span.errore {
	color: red;
	font-weight: bold;
}

p.alert {
	color: red;
	font-weight: bold;
}

/*  TABELLE */
th.testatacodfisc { /* specifico per th con classe testatacodfisc */
	border: 1px solid #ddd;
	padding: 20px;
	font-size: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	background-color: #0040ff;
	color: #0040ff;
}

td.bt {
	background-color: #809fff;
	width: 60px;
	padding: 0px 0px;
	text-decoration: none;
	margin: 0px 0px;
}

th.delegacodice {
	width: 80px;
}

th.deleganome {
	width: 200px;
}

th.cont_nr {
	width: 5%;
}

th.cont_imp {
	width: 10%;
}

th.cont_fil {
	width: 5%;
}

th.cont_desfil {
	width: 20%;
}

th.cont_con {
	width: 10%;
}

th.cont_note {
	width: 25%;
}

th.cont_tip {
	width: 30%;
}

th.cont_filler {
	width: 60%;
}

th.cont_dat {
	width: 7%;
	font-size: 12px;
	text-align: center;
}

th.cont_des {
	width: 25%;
}

th.cont_for {
	width: 20%;
}

th.cont_num {
	width: 10%;
	font-size: 12px;
	text-align: center;
}

th.cont_cog {
	width: 20%;
}

th.cont_fg {
	width: 5%;
}

.estinto  th { /* un th dentro un qualcosa / classe estinto */
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	background-color: red;
	color: white;
}

.quasiestinto th {
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	background-color: orange;
	color: white;
}

th.descrizione {
	background-color: orange;
	color: blue;
}

tr.bottoneestinto {
	background-color: #FF9999;
}

tr.bottoneok {
	background-color: #66FF00;
}

tr.bottonequasiestinto {
	background-color: orange;
}

tr.cambiopassword {
	background-color: orange;
}

tr.bottonepari {
	background-color: #d9d9d9;
}

tr.bottonedispari {
	background-color: #fff;
}

.liste tr:hover {
	background-color: #ccffeb;
}

.liste tr:hover input[type=text] {
	background-color: #ccffeb;
}
.liste tr.bottoneestinto:hover input[type=text] {
	background-color: #ccffeb;
}
.liste tr.bottonepari:hover input[type=text] {
	background-color: #ccffeb;
}
.liste tr.bottonedispari:hover input[type=text] {
	background-color: #ccffeb;
}
.liste tr.bottoneestinto td input[type=text] {
	background-color: #FF9999;
	font-size: 12px;
}

.liste tr.bottonepari td input[type=text] {
	background-color: #d9d9d9;
	font-size: 12px;
}

.liste tr.bottonedispari td input[type=text] {
	background-color: #fff;
	font-size: 12px;
}

td.ok {
	color: green;
}

td.ko {
	color: red;
}

td.errore {
	color: red;
	font-weight: bold;
}

td.label {
	background-color: #809fff;
	color: white;
}

td.annotazioni {
	color: red;
	font-weight: bold;
}

td.divisore {
	background-color: #4dff4d;
}

td.labelfitel {
	background-color: #99004d;
	color: white;
}

td.separatore {
	background-color: blue;
	color: white;
}

td.white {
	color: white;
}
td.registrazione {
	background-color: #809fff;
}
td.bottonesubmit {
	background-color: #809fff;
}

td.bottonerichiesta {
	background-color: orange;
}

td.contabilita {
	background-color: orange;
}

td.btpreferito {
	background-color: green;
}

td.btquasipreferito {
	background-color: orange;
}

td.label {
	background-color: #809fff;
	color: white;
}

td.diverso {
	color: blue;
	font-weight: bold;
}

td.dopoverifica {
	background-color: #ff7700;
}

td.attenzione {
	color: orange; /*color:#ff7700;*/
}

td.risultati {
	font-size: 25px;
	font-weight: bold;
}

td.attenzioni {
	font-size: 20px;
}

td.cont_totale {
	font-weight: bold;
	text-align: right;
}

td.cont_err {
	color: red;
	font-weight: bold;
}

td.cont_imp {
	text-align: right;
}

td.cont_con {
	text-align: right;
}

td.listaeventi {
	font-size: 16px;
}

td.cralaf-documento {
	background-color: #009900;
}

td.bottoneestinto {
	padding: 10px;
	border: 1px solid #ddd;
}

td.bottonepari {
	padding: 10px;
	border: 1px solid #ddd;
}
td.superatocapienza{
	color: red;
	font-weight: bold;
}
td.almassimo {
	color: blue;
	font-weight: bold;
}
td.sottocapienza {
	color: green;
	font-weight: bold;
}
.liste tr.bottonedispari td {
	padding: 10px;
	border: 1px solid #ddd;
}
/*
 * 
 * LI
 * 
 * 
 */
li.listavarianti {
	font-size: 16px;
}

li.listavariantichecked {
	font-size: 16px;
	font-weight: bold;
	color: green;
}

li.listavarianti, li.listavariantichecked {
	list-style: none;
}

/*
 * 
 * INPUT   
 * (da rivedere)
 * 
 * 
 */
.opzioni [type=button], .opzioni input[type=submit] {
	background-color: #9966ff;
}

.menubottonevuoto li {
	background-color: #809fff;
	border: none;
	color: #809fff;
	padding: 4px 4px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
	width: 200px;
}

.menu [type=button], .menu input[type=submit], .bottone [type=button],
	.bottone input[type=submit], .bottoneestinto [type=button],
	.bottoneestinto input[type=submit], .bottoneok [type=button],
	.bottoneok input[type=submit], .bottonequasiestinto [type=button],
	.bottonequasiestinto input[type=submit], .valore [type=button], .valore input[type=submit]
	{
	background-color: #809fff;
	border: none;
	color: white;
	padding: 0px 0px;
	text-decoration: none;
	margin: 0px 0px;
	cursor: pointer;
	width: 100%;
	height: 100%;
}

.valore input[type=text], .valore input[type=password], .menu input[type=text],
	.menu input[type=password] {
	background-color: white;
	border: 1 px;
	color: black;
	padding: 0px 0px;
	text-decoration: none;
	margin: 0px 0px;
	cursor: pointer;
	width: 100%;
	height: 100%;
	font-size: 20px;
}

.ok input[type=text] {
	color: green;
}

.ko input[type=text] {
	color: red;
}

input [type=button], input[type=submit]:hover, input [type=button],
	input[type=submit].active {
	background: #0f71ba;
}

.bt form {
	background-color: blue;
	padding: 0px 0px;
	text-decoration: none;
	margin: 0px 0px;
}

input[type=submit].richiesta {
	background-color: orange;
}

input[type=submit].btpreferito {
	background-color: green;
}

input[type=submit].btquasipreferito {
	background-color: orange;
}

input[type=submit].rate {
	background-color: white;
	color: black;
}

input[type=text].selezione, select.selezione {
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	height: 30px;
	font-size: 20px;
}

input.etichette {
	text-align: right;
}

/*
 *    A
 */
.cralaf-documento a:link, a:visited, a:hover, a:active {
	background-color: #009900;
	color: white;
	text-align: LEFT;
	text-decoration: none;
}

/*
 *   ALTRO
 */
h3.titolorate {
	color: red;
}

#uob{
	border:transparent;
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
/*  CINEMA ESPERIA" */

td.palco{
	background-color: yellowgreen;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}
td.arabafenice{
	background-color: #6699ff;
	width: 50px;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}
td.cuamm{
	background-color: green;
	width: 50px;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}
td.miriam{
	background-color: orange;
	width: 50px;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	
}
td.venduto{
	background-color: red;
	width: 50px;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}
td.vuoto{
	background-color: white;
	width: 50px;
	color:white;
	text-align: center;
	font-size: 14px;
}
td.tecnici{
	background-color: gray;
	width: 50px;
	color:white;
	text-align: center;
	font-size: 14px;
}