/* CSS comune a tutte le skin */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900);

body {
	font-family: 'Source Sans Pro', sans-serif, Arial;
	font-weight: 400;
	font-smooth: never;
	-webkit-font-smoothing: antialiased;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
	body {
		font-smooth: auto;
		/*-moz-osx-font-smoothing: grayscale;*/
		-webkit-font-smoothing: antialiased;
	}
}

b, .textBold {
	font-style: normal;
	font-weight: 800;
}

s, .textSemiBold {
	font-weight: 600;
}

img {
	image-rendering: optimizeSpeed;             /* niente smooth, preferiamo la velocità!  */
	image-rendering: -moz-crisp-edges;          /* Firefox                        */
	image-rendering: -o-crisp-edges;            /* Opera                          */
	image-rendering: -webkit-optimize-contrast; /* Chrome (Safari)                */
	image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
	-ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
}

/** elimina gli highlight sui bordi di input & co **/
input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

/***** SPLASH PAGE***/
.splashPage {
	width: 100%;
	height: 100%;
}

/* menu nell'header */
.headerMenu {
	position: absolute;
	top: 0;
	left: 0;
	width: 1024px;
}

/** LIVELLO ALPHA **/
.livelloAlpha, .livelloAlphaAlert {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

/* FILTRI TIPO GIOCO */
.filtriSkill {
	position: absolute;
	left: 0;
	width: 1024px;
	background-color: #ffffff;
}

.filtroTipoGioco {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
	cursor: pointer;
}

.filtriSkillGenerici {
	position: absolute;
	left: 0;
	width: 1024px;
	z-index: 2;
}

.iscrizioneCheck, .preferitiCheck, .altriFiltriSkill, .boxRicerca {
	position: absolute;
	top: 0;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
}

.iconaFiltriBox {
	position: absolute;
}

.labelFiltriBox {
	position: absolute;
}

.altriFiltriSkillAttivi {
	color: red;
	font-weight: bold;
}

.pannelloAltriFiltri {
	display: none;
	width: 100%;
	z-index: 1001;
}

.altriFiltriResetta {
	position: absolute;
	z-index: 2;
}

.headerPannelloAltriFiltri {
	position: absolute;
	top: 0;
	height: 32px;
}

.altriFiltriContainer {
	width: 100%;
}

.altriFiltriBox {
	display: none;
	position: relative;
	top: 0;
	width: 197px;
	height: 240px;
	background-color: #ffffff;
}

.altriFiltriBoxHeader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.altriFiltriCheckboxContainer {
	position: relative;
}

.altriFiltriCheckbox {
	position: relative;
	top: 0;
	left: 0;
	margin-top: 1px;
	width: auto;
}

.elencoLobby,
.elencoLobbyNoEventi {
	position: absolute;
	left: 0;
	width: 1024px;
	background-color: #ffffff;
}

.elencoLobbyCella, .elencoLobbyCellaBis, .elencoLobbyCellaBase {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	vertical-align: middle;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.infoCartellinoPrezzo,.clubIconaCosto {
	background: url("../svg/icona_scura_costo.svg") no-repeat;
}

.infoOrologioTempi,.clubIconaTempo {
	background: url(../svg/icona_scura_tempo.svg) no-repeat;
}

.infoIconaPartecipanti,.clubIconaPartecipanti {
	background: url(../svg/icona_scura_giocatori.svg) no-repeat;
}


.clubIconaTipologia{
    background: url("../svg/icona_scura_tipo.svg") no-repeat;
}
.clubIconaVariante{
    background: url("../svg/icona_scura_variante.svg") no-repeat;
}
.clubIconaTipoPartita{
    background: url("../svg/icona_scura_partita.svg") no-repeat;
}
.clubIconaObiettivo{
    background: url("../svg/icona_scura_obiettivo.svg") no-repeat;
}

.infoIconaMontepremiChiara {
	background: url(../svg/icona_chiara_montepremi.svg) no-repeat;
}

.infoIconaSatellitiChiara {
	background: url(../svg/icona_chiara_satelliti.svg) no-repeat;
}

.infoTabellaContainer {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.infoRigaTavolo {
	width: 100%;
	cursor: pointer;
}

.infoRigaCoppiaA{
	position: absolute;
	left: 0;
	width: 45%;
	height: 100%;
}
.infoRigaCoppiaVS{
	position: absolute;
	left: 45%;
	width: 10%;
	height: 100%;
}
.infoRigaCoppiaB{
	position: absolute;
	left: 55%;
	width: 45%;
	height: 100%;
}

.infoRigaClassifica,
.infoRigaClassificaPos,
.infoRigaClassificaNick,
.infoRigaClassificaNickCoppie,
.infoRigaClassificaStack,
.infoRigaClassificaVp,
.infoRigaClassificaMp {
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
	width: 100%;
	cursor: default;
}

.infoRigaClassificaPos {
	left: 0;
	width: 10%;
}

.infoRigaClassificaNick {
	left: 16%;
	width: 50%;
}

.infoRigaClassificaNickCoppie{
	left: 13%;
	width: 65%;
}

.infoRigaClassificaStack {
	left: 70%;
	width: 26%;
}

.infoRigaClassificaVp {
	left: 70%;
	width: 15%;
}

.infoRigaClassificaMp {
	left: 85%;
	width: 12%;
}

.costoIconaChiara {
	background: url("../svg/icona_chiara_costo.svg") no-repeat;
}

.tempoIconaChiara {
	background: url("../svg/icona_chiara_tempo.svg") no-repeat;
}

.tipoIconaChiara {
	background: url("../svg/icona_chiara_tipo.svg") no-repeat;
}

.varianteIconaChiara {
	background: url("../svg/icona_chiara_variante.svg") no-repeat;
}

.obiettivoIconaChiara {
	background: url("../svg/icona_chiara_obiettivo.svg") no-repeat;
}

.partitaIconaChiara {
	background: url("../svg/icona_chiara_partita.svg") no-repeat;
}

.tavoliIconaChiara {
	background: url("../svg/icona_chiara_giocatori.svg") no-repeat;
}

.postiIconaChiara {
	background: url("../svg/icona_chiara_giocatori.svg") no-repeat;
}

.specialiIconaChiara {
	background: url("../svg/icona_chiara_speciali.svg") no-repeat;
}

/** ICONE SPECIALI DEI TORNEI **/

.iconaFreeroll {
	background: url("../svg/icona_speciale_freeroll.svg") no-repeat;
}

.iconaGarantito {
	background: url("../svg/icona_speciale_garantito.svg") no-repeat;
}

.iconaPassword {
	background: url("../svg/icona_speciale_password.svg") no-repeat;
}

.iconaPremioMatto {
	background: url("../svg/icona_speciale_premio_matto.svg") no-repeat;
}

.iconaClub {
	background: url("../svg/icona_speciale_club.svg") no-repeat;
}

.iconaRiservato {
	background: url("../svg/icona_speciale_riservato.svg") no-repeat;
}

.iconaSatelliti {
	background: url("../svg/icona_speciale_satelliti.svg") no-repeat;
}

.iconaToken {
	background: url("../svg/icona_speciale_token.svg") no-repeat;
}

.iconaIscritto {
	background: url("../svg/icona_speciale_iscritto.svg") no-repeat;
}


/** PREMIO MATTO **/
.premioMattoLobby {
	position: absolute;
	left: 0;
	width: 1024px;
	display: none;
	z-index: 3;
}

.premioMattoItem {
	background: url("../svg/premio_matto_item.svg") no-repeat;
	opacity: 0.2;
	cursor: pointer;
}

.premioMattoCosto {
	position: absolute;
	left: 0;
	text-align: center;
	align-items: center;
	width: 100%;
	font-weight: bold;
}

.premioMattoTesto {
	position: absolute;
	left: 0;
	text-align: center;
	align-items: center;
	width: 100%;
}

.premioMattoVincita {
	position: absolute;
	left: 0;
	text-align: center;
	align-items: center;
	width: 100%;
	font-weight: bold;
}

.premioMattoLinkRegole {
	position: absolute;
	text-align: left;
	color: #ffffff;
}


/** CLUB **/
.clubLobby {
	position: absolute;
	left: 0;
	width: 1024px;
	display: none;
	z-index: 3;
}

.clubCreaBtn{
	background: #edd986; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#edd986, #f3c030); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#edd986, #f3c030); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#edd986, #f3c030); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#edd986, #f3c030); /* Standard syntax */
}

.clubGiallo{
	color: #f3c030 !important;
}

.fillColoreClubGiallo{
	fill:#f3c030;
	stop-color:#f3c030;
	background-color:#f3c030;
	color: #000000;
}

.strokeColoreA00{
	stroke:#f3c030;
	stroke-miterlimit:10;
	stroke-width:1px;
}

/** BANNER **/
.bannerSkill {
	position: absolute;
	left: 0;
	background-color: #009245;
}

/** PANNELLO GIOCHI **/
.pannelloGiochi {
	display: none;
	position: absolute;
	background-color: #f7f4f4;
	z-index: 201;
}

.giochiIconaContainer {
	position: absolute;
	background-color: #ffffff;
}

.giochiIcona {
	position: absolute;
	cursor: pointer;
}

.giochiNomeGioco {
	position: absolute;
	cursor: pointer;
}

.giochiGiocaBtn, .giochiProvaBtn {
	position: absolute;
}

.tavoloMobile, .webviewMobile {
	display: none;
}
.webviewMobile{
	position: absolute !important;

	/** mod prova webview
	width: 512px;
	transform: scale(2,2);
	-webkit-transform: scale(2,2);
	transform-origin: left top;
	-webkit-transform-origin: left top;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;**/
}

/** INFO EVENTO **/
.infoEvento {
	position: absolute;
	right: 0;
	background-color: #ffffff;
	box-shadow: -2px 0 2px #888888;
	display: none;
	z-index: 4; /*Messo 4 per premio matto 3*/
}

.infoContainer p {
	margin: 0;
}

.infoCosto,
.infoDescrizione,
.infoTempi,
.infoBtnPrimaRiga,
.infoSxBtn,
.infoDxBtn,
.infoBigBtn,
.infoTempistiche,
.infoTabella {
	position: relative;
	left: 0;
	width: 100%;
	height: auto;
	display: flex;
	text-align: center;
	vertical-align: middle;
	align-items: center;
	justify-content: center;
}

.infoTabella {
	position: absolute;
	top: 660px;
}

/* 3 tipologi di tasti nelle info */
.infoSxBtn {
	min-width: 50%;
	height: 90px;
}

.infoDxBtn {
	margin-left: 2px;
	min-width: 50%;
	height: 90px;
}

.infoBigBtn {
	margin-top: 2px;
	width: 100%;
	height: 90px;
}

.infoCartellinoPrezzo, .infoOrologioTempi, .infoIconaPartecipanti {
	width: 90px;
	height: 90px;
	z-index: 3;
}

/** PANNELLO ISCRIZIONE **/
.pannelloIscrizione {
	display: none;
	z-index: 201;
}

.saldoIscrizioneLabel {
	position: absolute;
}

.saldoIscrizione {
	position: absolute;
	font-weight: bold;
}

.labelPagamentoIscrizione {
	position: absolute;
	width: auto;
}

.metodoPagamento {
	position: absolute;
	left: 0;
	width: 100%;
}

.pagamentoItem, .pagamentoItemToken {
	position: relative;
}

.pagamentoItemToken {
	border-bottom: 0 solid white;
}

.iscrizionePulsanti {
	position: absolute;
	display: inherit;
}

/** PROFILO **/

.profiloPersonale {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 201;
}

.profiloTab {
	position: relative;
	display: inline-flex;
	top: 30px;
	margin-left: 0;
	margin-right: 0;
	width: 203px;
	height: 32px;
	font-weight: bold;
	cursor: pointer;
}

.segnalinoProfiloTab {
	top: 55px;
	left: 90px;
}

.profiloMobileBtn {
	display: none;
}

.profiloContenutoInvisibile {
	display: none;
}

.profiloZonaSx, .profiloZonaCc {
	position: absolute;
	top: 90px;
	left: 20px;
	width: 330px;
	height: 310px;
}

.profiloZonaCc {
	left: 360px;
	width: 290px;
}

.profiloZonaDx {
	position: absolute;
	top: 90px;
	left: 660px;
	width: 364px;
	height: 330px;
}

.profiloAvatarNickSaldo{
	position: relative;
	top:0;
	left: 0;
}


/**
PD 17-07-219
ho rimosso le seguenti proprietà position: absolute; e top: -10px; per allineare
le stelle del ranking al testo
 */
.profiloInfoUtente, .profiloStelle {
	text-align: left;
}

.profiloBoxBoost {
	position: relative;
	top: 110px;
	left: 0;
	width: 300px;
	height: 50px;
	text-align: left;
	justify-content: flex-start;
}

.profiloBoxBoostPulsante, .profiloBoxSaldoPulsante {
	position: absolute;
	top: 10px;
	left: 210px;
	width: 90px;
	height: 30px;
}

.profiloBoxSaldoPulsante {
	top: 0;
}

.profiloBoxSaldo {
	position: relative;
	top: 170px;
	left: 0;
	width: 206px;
	height: 30px;
	text-align: left;
	justify-content: flex-start;
}

.profiloBoxTesto {
	position: absolute;
	left: 10px;
}

.profiloSaldo {
	top: 170px;
}

.profiloSaldoFp {
	top: 204px;
}

.profiloBoxToken {
	position: relative;
	top: 238px;
	left: 0;
	width: 300px;
	height: 30px;
	text-align: left;
	justify-content: flex-start;
}

.profiloTokenSelect, .iscrizioneTokenSelect {
	position: absolute;
	width: 210px;
	left: 90px;
	letter-spacing: -0.6px;
}

.iscrizioneTokenSelect {
	left: -10px;
}

.profiloBoxHeaderSx,
.profiloBoxHeaderCc,
.profiloBoxHeaderDx,
.profiloBoxHeaderDx2 {
	display: inline-flex;
	position: relative;
	margin-top: 5px;
	top: 0;
	left: 0;
	width: 280px;
	height: 30px;
	color: #4d4d4d;
	font-weight: bold;
}

.profiloBoxHeaderDx, .profiloBoxHeaderDx2 {
	width: 360px;
}


.profiloClassificheItem, .profiloClassificheItemSx {
	position: relative;
	display: inline-flex;
	margin-top: 2px;
	margin-left: -1px;
	margin-right: 0;
	top: 0;
	width: 65px;
	height: 20px;
}

.profiloClassificheItemSx {
	text-align: left;
	justify-content: flex-start;
	width: 95px;
	text-indent: 4px;
}

.profiloAmmonizioni {
	position: relative;
	display: inline-flex;
	margin-top: 2px;
	margin-right: -1px;
	top: 0;
	width: 179px;
	height: 20px;
}

.avatarPredefinitiContainer {
	position: relative;
	display: block;
	margin-top: 2px;
	margin-right: 0;
	top: 0;
	width: 280px;
	height: 270px;
	overflow-y: auto;
	overflow-x: hidden;
}

.avatarItem, .avatarItemSelected {
	display: inline-flex;
	position: relative;
	top: 0;
	left: 3px;
	margin-top: 3px;
	margin-left: 3px;
	width: 62px;
	height: 62px;
	cursor: pointer;
	border-radius: 31px;
	-webkit-border-radius: 31px;
	-moz-border-radius: 31px;
}

.avatarItemSelected {
	border: 3px solid grey;
	width: 56px;
	height: 56px;
}

.profiloSessioni {
	position: absolute;
	top: 80px;
	left: 30px;
	width: 970px;
	height: 300px;
}

.profiloSessioniHeader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
}

.profiloSessioniTabella {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	height: 260px;
}

.radioSessioni, .selectSessioniLabel, .selectSessioni {
	position: relative;
	display: inline-flex;
	margin-left: 20px;
	top: 7px;
	width: 80px;
	height: 100%;
}

.selectSessioniLabel {
	width: 120px;
	top: -10px;
	left: 10px;
}

.selectSessioni {
	width: 140px;
	top: 0;
	left: 0
}

.profiloSelectSessioni {
	position: absolute;
	width: 210px;
	height: 23px;
	left: -20px;
	top: 4px;
	letter-spacing: 0;
}

.sessioniHeaderColonna {
	display: inline-flex;
	position: relative;
	top: 0;
	left: 0;
	margin-left: 1px;
	margin-right: 1px;
	width: auto;
	height: 28px;
}

.sessioniRiga {
	display: inline-flex;
	position: relative;
	top: 0;
	left: 0;
	margin-left: 1px;
	margin-right: 0;
	border-right: 1px solid lightgrey;
	height: 100%;
	cursor: pointer;
}

/** MONTEPREMI **/
.cellaMontepremiPos, .cellaMontepremiPremio, .cellaMontepremiPunti {
	position: absolute;
	top: 0;
	height: 100%;
}

.tavoloMobile{
	display: none;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	border: 0px solid yellowgreen;
}

/** FOOTER **/
.footer {
	width: 1024px;
	z-index: 3;
	/**
	Deve andare sopra pannello giochi
	 */
	z-index: 202;
}