body, html {
  font-family: Varela,helvetia,arial,verdana,sans-serif;
}

.upload-icon {
    background-image: url('../images/upload.png');
    background-size: contain;
    background-repeat: no-repeat;

}

.nascosto {
	display : none;
	visibility : hidden;
}

.info_portale table {
	width: 100%;	
}
.info_data {
    font-weight: bold;
    padding-left: 5px;
}

.info_header {
    text-align: right;
    width: 50%;
}

#virtualkeyboard-container-placeholder {
	padding: 3px;
}


.login-corsi {
	float: left;
	width: 160px !important;
	height: 75px !important;
	background-position: center !important;
	background-size: contain;
	background-image: url('../images/pulsante_corsi.png');
}

.login-socio {
	float: left;
	width: 160px !important;
	height: 75px !important;
	background-position: center !important;
	background-size: contain;
	background-image: url('../images/pulsante_socio.png');
}

.login-trasporti-sanitari  {
	float: left;
	width: 160px !important;
	height: 75px !important;
	background-position: center !important;
	background-size: contain;
	background-image: url('../images/pulsante_trasporti_sanitari.png');
}



.x-grid-row {
	height: 30px;
}

.touch-grid .x-grid-row {
	height: 48px;
}

.touch-grid .x-grid-cell-inner {
    font-size: 20px;
}

.touch-grid .x-grid-td {
    vertical-align: middle;
}

.messaggio-timbratore {
    margin-top: 25px;
}

.timbratura-panel > .x-panel-body {
    background: transparent url('../images/logo640.png') repeat center center;
    background-size: 300px 300px;
}

.timbratura-panel .x-panel-body-default {
    background-color: transparent;
}

.orologio {
    margin-left: auto;
    margin-right: auto;
    width: 450px !important;
    text-align: center;
}

.orologio .x-form-display-field {
	font-size: 20px;
}

.touch-toolbar {
	background-color: #dfeaf2;
}

.touch-toolbar .x-btn {
    background-color: #dfeaf2;
    background-image: none;
}

.touch-toolbar .x-btn-button {
	background-color: #3992d6;
}

.touch-toolbar .x-btn-button .x-btn-inner {
	color: white;
}

.portale-toolbar {
	background-color: #dfeaf2;
}

.portale-toolbar .x-btn {
    background-color: #3992d6;
    background-image: none;
}

.portale-toolbar .x-btn-button {
	background-color: #3992d6;
}

.portale-toolbar .x-btn-button .x-btn-inner {
	color: white;
}

	
#menu {
	height:100%;
	width: 20%;
	background-color: #dfe8f6;
	padding: 3px;
	float: left;
}

#content {
	/* background-image: url('../images/logo640.png'); */
	background-repeat: no-repeat;
	background-position: center top;
	height:100%;
	width: 78%;
	float: left;
}


.timbratura {
    background-image: url(../images/timbrature.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#header {
	width: 100%;
	height: 100px;
	background-color: #dfe8f6;
	padding: 10px;
}

#app-logo {
    background-color: transparent;
}

#app-messages {
    background-color: white;
}

#app-container {
    background-color: white;
}

#logo {
	background-image: url('../images/logo_area_riservata.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    height: 100%
}

.edit-gridcell {
	background-image: url('../images/matita.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


	


.paypal {
	background-image: url('../images/paypal.png');
	width: 220px !important;
	height: 79px !important;
	background-position: center top;
	background-repeat: no-repeat;
}

.pagamentoButton .x-btn-button {
	height: 80px;
}


.keyclient {
	background-image: url('../images/keyclient.png');
	width: 220px !important;
	height: 79px !important;
	background-position: center top;
	background-repeat: no-repeat;
}



.pagato {
	background-image: url('../images/pagato.png');
	width: 96px;
	height: 24px;
	background-position: center top;
    background-repeat: no-repeat;
    margin-top: 3px;
}

.dapagare {
	background-image: url('../images/pagamento.png');
	width: 96px;
	height: 24px;
	background-position: center top;
    background-repeat: no-repeat;
    margin-top: 3px;
}

.verifica {
	background-image: url('../images/verifica.png');
	width: 96px;
	height: 24px;
	background-position: center top;
	background-repeat: no-repeat;
}

.bg-yellow > td {
	background-color: #fdff66!important; 
}

.bg-red > td {
	background-color: #ff5858 !important; 
}


.richiesta {
	background-image: url('../images/richiesta.png');
	width: 143px;
	height: 24px;
	background-repeat: no-repeat;
}

.filtro {
	background-image: url('../images/filter.png');
	background-size: contain;
}

.apri {
	background-image: url('../images/open.png');
	background-size: contain;
}

.stampa {
	background-image: url('../images/print.png');
	background-size: contain;
}

.aggiungi  {
	background-image: url('../images/aggiungi.png');
}

.x-btn-icon.modify {
    background-image: url("../images/edit.png");
}

[class^='x-grid-cell-gridcolumn-'] .x-grid-cell-inner, [class*=' x-grid-cell-gridcolumn-'] .x-grid-cell-inner {
    padding-top: 7px !important;
    padding-bottom: 6px !important;
}

[class^='x-grid-cell-actioncolumn-'] .x-grid-cell-inner, [class*=' x-grid-cell-actioncolumn-'] .x-grid-cell-inner {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/*
.x-grid-cell-inner {
    padding-top: 7px !important;
    padding-bottom: 6px !important;
}
*/

/* tricks per la corretta visualizzazione delle grigli multigruppo */
.grouped-grid img {
    height: 24px;
    width: 24px;
}

.grouped-grid .x-grid-cell-inner {
    font: normal 13px/13px 'Varela',helvetia,arial,verdana,sans-serif;
}

a {
    color: #333333;
    text-decoration: none;
}


.x-grid-cell-inner {
	font-size: 12px;
}

.x-form-display-field {
    /* font-size: 14px !important; */
    font-weight: bold;
}

.x-form-item-label {
    font-size: 14px !important;
    line-height: 14px;
    padding: 5px 0 5px 15px;
}

.email-text .x-panel-body {
    background-color: #e7edf6;
    font-size: 13px;
}

.bodyPanel .x-panel-body {
    background-image: url("../images/logo640.png");
    background-position: center top;
    background-repeat: no-repeat;
}

.table-oddeven tr:nth-child(even) {
    background-color: #dfe8f6;
}

.table-oddeven tr:nth-child(odd) {
    background-color: #d0e0f9;
}

#logo img {
  float: right;
  max-width: 100%;
  max-height: 100%;
}

#register_link,  #password_link, #corsi_link, #trasporto_sanitario {
  float: left;
  padding-right: 8px;
}

.x-action-col-icon {
  margin-right: 2px !important;
}

.x-calendar-list .x-panel-header-text {
	color: #fff !important;
}

div#data-calendario {
    text-align: center;
}	

.simulazione .x-grid-cell {
	background-color: #fbffd3;
}


.no_simulazione .x-grid-cell {
	background-color: #dad3ff;
}




.timbra-uscita {
    background-image: url(../images/uscita.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
}

.timbra-entrata {
    background-image: url(../images/entrata.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
}

.touch-text {
    font-size: 32px;
}

.id_volontario {
    margin-left: auto;
    margin-right: auto;
    width: 350px !important;
}

.id_volontario input {
    text-align: center;
    font-size: 32px;
}

.logo_associazione_touch {
    background-image: url(../images/logo640.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
}

.powered_by_bp {
    background-image: url(../images/bp.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    position: fixed;
    right: 10px;
    height: 20px;
    width: 300px;
    bottom: 10px;
}

.logo_message {
    position:absolute;
    bottom:0;
    right:5px;
}

.logo_associazione {
    background-image: url(../images/logo_area_riservata.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
}



.welcome {
    padding: 5px;
    background-image: url(../images/logo640.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
}

.welcome_message {
	font-size: 16px;
	font-weight: bold;
}

.button-sub-text {
    font-size: 10px;
}

.dati-anagrafica th, .dati-socio th, .dati-operatore th {
    font-size: 20px;
    background-color: white;
}

.dati-anagrafica tr, .dati-socio tr, .dati-operatore tr {
    height: 30px;
}

.dati-anagrafica table, .dati-socio table, .dati-operatore table {
    border-collapse: collapse;
}

.dati-anagrafica, .dati-socio, .dati-operatore {
    padding: 5px;
    margin-bottom: 10px;
}

.utente-dati {
    padding-left: 5px;
    margin-left: 3px;
    font-weight: bold;
}

.utente-label {
    text-align: right;
    padding-right: 5px;
    width: 180px;
}

.foto-utente-label {
    width: 300px;
}

.foto-utente-label img#foto_anagrafica {
    width: 250px;
}

.easygav_panel {
	margin-left: auto;
	margin-right: auto;
}

.easygav_image img {
	padding: 30px;
	width: 100%;
	height: 100%;
}

@media print {
	.easygav_image img {
		padding: 30px;
		width: 80%;
		height: 80%;
	}
}

td.news_version_number {
    font-weight: bold;
}

.easygav_text {
	padding: 5px;
	font-size: 14px;
	text-align: center;
}


.easygav-qrcode {
	text-align: center;
	height: 100%;
	padding-top: 20px;
}

img.qrcode {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    border: 1px solid #000;
}

.x-form-type-text textarea.x-form-invalid-field, 
.x-form-type-text input.x-form-invalid-field, 
.x-form-type-password textarea.x-form-invalid-field, 
.x-form-type-password input.x-form-invalid-field, 
.x-form-type-number textarea.x-form-invalid-field, 
.x-form-type-number input.x-form-invalid-field, 
.x-form-type-email textarea.x-form-invalid-field, 
.x-form-type-email input.x-form-invalid-field, 
.x-form-type-search textarea.x-form-invalid-field, 
.x-form-type-search input.x-form-invalid-field, 
.x-form-type-tel textarea.x-form-invalid-field, 
.x-form-type-tel input.x-form-invalid-field {
	background-color: #ffe5e5 !important;
}

/* Notifiche */

.ux-notification-window .x-window-body {
	text-align: center;
	padding: 15px 5px 15px 5px;
}

.ux-notification-light .x-window-header {
	background-color: transparent;
}

body .ux-notification-light {
	background-image:  url('../images/fader.png');
}

.ux-notification-light .x-window-body {
	text-align: center;
	padding: 15px 5px 20px 5px;
	background-color: transparent;
	border: 0px solid white;
}

.ux-notification-icon-information {
	background-image: url('../images/icon16_info.png');
}

.ux-notification-icon-error {
	background-image: url('../images/icon16_error.png');
}

/* Fine notifiche */

/* CHECKLIST */
.checklist-0 .x-panel-body {
    background-color: #f1f1f1;
}

/* Stile popup Green pass */
.immagineGP {
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 30px; 
    width: 250px; 
    height: 250px;
}

.risultatiGP {
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 20px;
    /* margin-top: 10px; */
}

.datiGP {
    font-size: 20px;
    margin-top: 5px !important;
    text-align: center;
}