*{
	
	font-family: Verdana !important;
	font-size: 14px;
}




@media screen and (max-width: 500px) {
    * {
	
		font-family: Verdana;
		font-size: 10px;
    }
}

html, body{
	
	min-width: 1180px;
	width: 100%;
	margin: 0 auto;
}

.loader {
	
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/page-loader.gif') 50% 50% no-repeat rgb(255,255,255);
	opacity: 0.5;
}

table, form{
	
	width: 100%;
	border-spacing: 0 !important;
	
}

header{
	
	color: white;
	top: 0;
	left: 0;
	height: 82px;
	padding: 1px 10px 10px 10px;
	text-align: center;
	background-color: #9f2423;
	/*box-shadow: 0px 5px 5px -2px dimgrey;*/
}


#back{
	/*
	opacity: 0.2;
	background-color: #888888;*/
	position: absolute;
	width: 23px;
	min-height: 600px;
	z-index: 0;
	line-height: 40;
	text-align: center;
	transition-property: opacity;
	transition-duration: 0.4s;
	transition-timing-function: ease;
	top: 217px;
}


#back:hover{
	
	opacity: 1;
	/*background-color: #888888;*/
	position: absolute;
	width: 23px;
	min-height: 600px;
	z-index: 0;
	line-height: 40;
	text-align: center;
	transition-property: opacity;
	transition-duration: 0.4s;
	transition-timing-function: ease;
	top: 217px;
}


#system_menu{
	
	z-index: 10;
	width: 100%;
	height: 20px;	
}

.menuDiv{
	
	background-color: #9f2423;
	opacity: 0.9;
	z-index: 10;
	display: block;
	position: absolute;
	box-shadow: 2px 0px 10px 0px #000;
	border-radius: 10px;
	padding: 2%;
	margin-top: 5%;
	max-width: 25%;
	right: 18%;
}

.menuDiv img{
	
	width: 78px;
	height: 79px;
	margin: 0 auto;
}


#btn_menu{
	
	float: left;
	background-color: transparent;
	border: none;
	margin-top: -30px;
}

#btn_logout{
	
	float: right;
	background-color: transparent;
	border: none;
	margin-top: -30px;
}

.titoloPagina{
	
	background-color: #888888;
	text-align: center;
	height: 35px;
	padding: 10px 10px 10px 10px;
		
}

.titoloPagina div{
	
	margin: 0 auto;
	font-family: "Times New Roman", Times, serif !important;
	font-weight: bold;
	width: inherit;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	font-size: 20px;
}

footer{
       
       bottom: 0;
       left: 0;
       padding: 15px 15px 15px 15px;
       background-color: #9f2423;
       text-align: center;
       clear: both;
}


#container{
       
       min-height: 100%;
       min-width: 1200px;
       color: black;
       background-color: #E0E0E0; 
}


#container-content{
       
       padding: 40px;
       background-color: #E0E0E0;
       min-height: 690px;
}      


#corpo{

	clear:both;
	min-width: 800px;
	margin: 0 auto;	
	/*margin-left: 18%;*/
}


.corpo{

	float: left;
	margin-right: 10px;	
	margin-top: 10px;
	text-align: center;
}


.corpo button{
	
	background-color: transparent;
	border: none;
	width: 100%;
	height: 100%;
	color: white;
	transition-property: opacity;
	transition-duration: 0.4s;
	transition-timing-function: ease;
	cursor: pointer;
}



.corpo button:hover{
	
	background-color: transparent;
	border: none;
	width: 100%;
	height: 100%;
	color: white;
	opacity: 0.7;
	cursor: pointer;
}
:disabled{
	
	opacity: 0.4;

 }
#frecciaBack{
	
	float: none;
	margin-top: 50% !important;
}

form{
	
	width: 300px;
	margin: 0 auto;
	border-radius: 10px;
	padding: 15px 15px 15px 15px;
}

form div{
	text-align: center;
}

input, select{
	
	width: 270px;
	height: 28px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: white;
	border: none;
	border-radius: 6px;
	box-shadow: inset 0px 1px 2px 0px #000;
}

input[type="file"]{
	
	height: initial;
	width: initial;
	padding-left: initial;
	padding-right: initial;
	background-color: initial;
	border: initial;
	border-radius: initial;
	box-shadow: initial;
}

label{
	text-align: left;
	margin-bottom: 0px !important;
	padding: 1px;
	width:	185px; 
}

form button{
	
	float: right;
	margin-top: 10px;
	background-color: transparent;
	border: none;	
}

form textarea{
	
	max-width: 500px !important;
	min-height: 75px;
	padding: 10px;
	background-color: white;
	border: none;
	border-radius: 10px;
	box-shadow: inset 0px 1px 2px 0px #000;
}

button:hover{
	
	background-color: transparent;
	border: none;
	color: white;
	/*opacity: 0.7;*/
	cursor: pointer;
}


textarea{
	
	max-width: 500px !important;
	min-height: 75px;
	padding: 10px;
	background-color: white;
	border: none;
	border-radius: 10px;
	box-shadow: inset 0px 1px 2px 0px #000;
	width: 250px;
}

button{
	
	background-color: transparent;
	border: none;		
	width: auto;
	height: auto;
	padding: 0;
}

.button_form{
	
	height: 40px;
	width: 100px;
	float: right;
	margin-top: 10px;
}


.error{
	float: left;
	color: maroon;
	font-size: 9px;	
}


/* Layout pagina d'errore. */

.error_container{
	
	margin: 0 auto;
	text-align: center;
	margin-top: 15%;
}

.border_shadow{
	
	width: 100%;
	border-top: 2px solid #CCC;
	box-shadow: 0px -1px 1px 0px #B2B2B2;
	padding-top: 15px;	
}

.menu_error_page{
	
	margin: 0 auto;
	width: 90%;
}


/* fine */


#login_form{
	
	min-height: 600px;
}

.login{
	text-align: center;
	border-radius: 10px 10px 10px 10px;
	background-color: white;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	margin-top: 5%;
}

.ricordami{
	
	width: 15px !important;
	height: 15px !important;
	box-shadow: none !important;	
}

.textCenter{
	
	text-align: center;
}

.displayRosso{
	
	display: none;
	z-index: 990;
	width: 100%;
	height: 1280px;
	background-color: #9f2423;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0.9;
	text-align: center;	
}

.popUp{
	
	min-width: 380px;
	display: none;
	background-color: white;
	z-index: 991;
	position: absolute;
	top: 10%;
	left: 33%;
	width: 33%;
	height: auto;
	padding: 15px;
	text-align: center;
	box-shadow: 1px 1px 15px 0px #000;
	color: maroon;
	font-size: 23px;
	border-radius: 15px;	
	overflow: hidden;
}

.popUp form{
	
	width: 240px;
}

.popUp #titoloPopUp{
	
	margin-bottom:30px;
	font-weight: bold;
}

.popUp input[type=text]{
	
	margin: 0 auto;
	margin-bottom: 20px !important;
	width: 200px !important;
}

.popUp select{
	
	float: left;
	margin: 0 auto;
	/*margin-left:10px;*/
	margin-bottom: 20px !important;
}

.popUp label{
	float: left;
	text-align: left;
	margin-bottom: 20px;
	padding: 10px;
}

.popUp button{
	margin-top:20px;
	margin-bottom:20px;
	margin-left:50%;
}

.popUp hr{
	
	clear:both;
	margin-bottom: 20px;
}


#chiudiPopUp{
	
	position: absolute;
	top: 10px;
	right: 12px;
	cursor: pointer;	
}

/* Configurazione card-reader */
#opzioni_configurazione{
	
	margin: 0 auto;
	padding: 15px;
	width: 723px;	
}

#tasti_configurazione{
	
	width: 753px;
	margin: 50px auto;	
}

.conteiner_button_config{
	
	float: left;
	width: 250px;
	margin-right: 1px;
	text-align: center;
}

.button_config{
	
	background-color: transparent;
	padding: 0;
	border: none;
	cursor: pointer;
	transition-property: opacity;
	transition-duration: 0.4s;
	transition-timing-function: ease;	
}

.button_config:hover{
	
	opacity: 0.7;
}


.row_config{
	
	clear: both;
}

.label_config{
	
	background-color: #9f2423;
	padding: 10px 10px 10px 10px;
	border-radius: 10px 0px 0px 10px;
	width: 52%;
	color: white;
	text-transform: uppercase;
	float: left;
	/*box-shadow: inset 2px 3px 10px 1px #000;*/
}

.value_config{
	
	background-color: white;
	padding: 10px 10px 10px 10px;
	border-radius: 0px 10px 10px 0px;
	width: 42.3%;
	float: right;
	margin-bottom: 5px;
	text-transform: uppercase;
	min-height: 17px;
}


#cardReaderList{
	
	display: none;
	position: relative;
	clear: both;
	background-color: white;
	padding: 15px 15px 15px 15px;
	width: 700px;
	margin: 0 auto;	
	border: 3px solid #9f2423;
	box-shadow: 0px -6px 35px -6px;
	border-radius: 5px 5px 0px 0px;
}

#cardReaders{
	
	max-height: 150px;
	overflow: auto;	
}

#cardReaderList h4{
	
	text-align: center;
	text-transform: uppercase;
}

#tasti_salva_card_reader{
	
	text-align: center;
}

#formConfigDispositivo{
	
	background-color: transparent;
	border: none;
	text-align: center;
}

#formConfigDispositivo button{
	
	float: none;
}

.conteiner_button_config button:disabled {
    border-bottom: 4px solid red;
}
/* fine config card-reader */


.msgBox{
                               

}

.msgBoxText{
                
                color: #000;
                background-color: #FFCC00;
                text-align: center;
                -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite/*3*/; /* Chrome, Safari, Opera */
    -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite/*3*/;
    animation-direction: alternate;  
}

.msgBoxText > span{
                
                font-size: 16px;
}


/* Animazione messaggio d'errore. */

                @-webkit-keyframes example {
                    0%   {background-color:#FF9933;}
                    25%  {background-color:#FFCC00;}
                    50%  {background-color:#FF9933;}
                    75%  {background-color:#FFCC00;}
                    100% {background-color:#FF9933;}
                }
                
                @keyframes example {
                    0%   {background-color:#FF9933;}
                    25%  {background-color:#FFCC00;}
                    50%  {background-color:#FF9933;}
                    75%  {background-color:#FFCC00;}
                    100% {background-color:#FF9933;}
                }

/* Fine Animazione. */


.msgSuccessBox{
	
	width: 100%;
	text-align: center;
	padding: 15px 15px 15px 15px;
}

#ripetiLettura{
	
	width: 100%;
	margin: 0 auto;
	text-align: center;	
}


#formInsertDevice{

	width: 100%;
}


.rbottom{
	
	color: #9f2423;
}

.pagelinks{
	
	color: #9f2423;
}

#login_form input{
	
	margin-top: 15px;
}


.btn_login{
	
	height: 85px;
	background: transparent;
	border: none;	
	cursor: pointer;
	float: none;
}

.loginTxT{
	
	text-align: center;
	color: maroon;
}


.formEtesPass{
	
	width: 95%;
	border: none;	
}


.rowEtesPass{
	
	clear: both;
}

.formEtesPass{
	
	float: left;
	margin-right: 5px;	
	max-width: 200px;
	text-align: left;
	min-width: 150px;
	margin-bottom: 10px;	
}


#funzionalitaProfilo{
	
	max-height: 250px;
	overflow: auto;	
}


.radioGroup{
	
	width: 250px;
	height: auto;
	clear: both;
	background-color: white;
	border-radius: 10px;
	padding: 15px 15px 30px 15px;
	box-shadow: inset 0px 1px 2px 0px #000;
	border: none;	
}

input[type="radio"]{
	
	float: none !important;
	width: initial;
	height: initial;
	
}

.labelRadio{
	
	font-size: 16px;
	float: left;
}

.radioButton{
	
	width: 50px;
	margin-left: 15px;
	float: left;	
}

.tabella {
	
    overflow-y: auto;
    overflow-x: hidden;
    height: 400px;
    width: 100%;
    min-width: 600px;
    margin: 0 auto; 
    text-align: center;
    border-radius: 5px;
}

.tabella th{
	
	background-color: #9f2423;
	color: white;
	text-transform: uppercase;
	text-align:center;	

}

.tabella tr:nth-child(odd){
	
	width: 80px;
	height: 50px;
	background-color: white;
	text-align: center;
	box-shadow: inset 0px 1px 2px 0px #000;
}

.tabella tr:nth-child(even){
	
	width: 80px;
	height: 50px;
	background-color: lightgray;
	text-align: center;
	box-shadow: inset 0px 1px 2px 0px #000;
}

.tabella tr{
	
	cursor:pointer;
}

.tabella tr:hover{
	
	background-color: #999;
	cursor:pointer;
}

.tabella .pagelinks{
	
	display:none;
}

.tabella .pagebanner{
	
	display:none;
}

.tabella .rbottom{
	
	display:none;
}


.aggiungiButton{
	
	margin-left:85%;
	margin-top:30px;
	margin-bottom:15px;
	
}

.boxComparsa1{
	
	display: none;
    width: 100px;
    height: 100px;
    background: #ccc;
    border: 1px solid #000;
    
}

div#boxComparsa2{
	
	display: none;
    width: 100px;
    height: 100px;
    background: #ccc;
    border: 1px solid #000;
    
}
div#boxComparsa3{
	
	display: none;
    width: 150px;
    height: 100px;
    background: #ccc;
    border: 1px solid #000;
    
}

.selezioneRiga{
	
	background-color: orange;
}


.intestazione{
	
	text-transform: uppercase;
	height: 37px;
	background-color: #9f2423;
	width: 100%;
	color: white;
	padding: 20px 5px 20px 5px;	
	margin-bottom: 10px;
}

.dimensioniForm{
	
	width: 100% !important;
}

.eventoMonitorato{
	
	float: right;
	margin-right: 15px;
	font-weight: bold;
}

.strutturaGestita{
	
	float: left;
	margin-left: 15px;
	font-weight: bold;	
}

.nascosto{
	
	display:none;
}


#login_form input {
	margin-top: 15px;
	/* width: 93%; */
	max-width: 250px !important;
	width: 250px;
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: white;
	border: none;
	border-radius: 10px;
	box-shadow: inset 0px 1px 2px 0px #000;
	border: 1px solid #D8D8D8;
}



.accordionHead{
	
	font-weight: bolder !important;
	color: #9f2423 !important;	
}

.accordionBody{

	font-weight: bolder !important;
	color: #9f2423 !important;
	width: 175px;
}

.headElement{
	
	
}


.conteinerElement{
	
	height: 721px;
	overflow: auto;
	background-color: #9f2423;
	padding: 10px 10px 10px 10px;
	border-radius: 5px 5px 5px 5px;
	margin-bottom: 25px;
	clear: both;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #000;
}

.ui-dialog-titlebar-close{
	visibility: hidden;
}

.titolo .ui-accordion .ui-accordion-header{
	
	margin: 5px 0 0 0 !important;
	
}

.titolo .ui-widget-content {

	box-shadow: inset 0px 0px 16px 0px #000;
}


.riepilogoHead{
	
	min-width: 1130px;
	height: 65px;
	padding-top: 12px;
	background-color: white;
	border-radius: 10px;
	padding-left: 15px;
	padding-right: 15px;
	color: black;
	line-height: 25px;
	margin-bottom: 5px !important;
	box-shadow: inset 0px 0px 5px 1px #888888;
	text-align: center;
}

#filtriTitoli{
	
	padding-bottom: 15px;
	float: right;
	margin-top: 20px;
}


#titoliList{
	
	padding: 15px 15px 15px 15px;
	border-radius: 5px 5px 5px 5px;
	background-color: #9f2423;
	margin-top: 15px;
	margin-bottom: 15px;
}


.titolo tr:nth-child(odd) {

	width: 80px;
	height: 25px !important;
	background-color: transparent !important;
	text-align: center;
	box-shadow: inset 0px 1px 2px 0px #000;
}

.titolo  th {
	
	width: 80px;
	height: 25px !important; 
	background-color: transparent !important;
	color: #9f2423 !important;
	text-transform: uppercase;
}

.tabellaDialog th{
	
	background-color: #9f2423;
	color: white;
	text-transform: uppercase;
	text-align:center;	

}

.tabellaDialog tr:nth-child(odd){
	
	width: 80px;
	height: 25px;
	background-color: white;
	text-align: center;
	box-shadow: inset 0px 1px 2px 0px #000;
}

.tabellaDialog tr:nth-child(even){
	
	width: 80px;
	height: 25px;
	background-color: lightgray;
	text-align: center;
	box-shadow: inset 0px 1px 2px 0px #000;
}

.tentativoAccesso{
	
	font-size: 8px !important; 
	color:maroon !important;
}

.fnzEsportaXls{
	
	text-align: center;
	margin-top: 40px;	
}

/* 18/06 INIZIO GE 
	SIA LEFT CHE RIGHT SONO STATI UTILIZZATI PER LA DIALOG BLOCCANTE QUANDO LA CARTA SIAE NON E' ATTIVA*/
.left{
	position: absolute;
	left:8px;
}

.right{
	position: absolute;
	right:8px;
}
/* FINE */

#corpoFunzionalita{
	
	width: 65%;
	margin: 0 auto;
}

.blur{
	-webkit-filter: blur(5px); 
	-moz-filter: blur(5px); 
	-o-filter: blur(5px); 
	-ms-filter: blur(5px); 
}