/* CSS comune a tutte le skin */
body {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1024px;
    height: 700px;
    font-size: 14px;
}

.splashPage {
    height: 700px;
}

.splashPageLayout {
    background: url("../svg/desktop/splash_page.svg?a");
}

.headerMenu {
    height: 30px;
}

.headerMenuButton {

}

.headerMenuUsername {
    position: relative;
    margin-left: 50px;
}

.headerMenuPresenti {
    position: absolute;
    top: 0px;
    right: 52px;
    cursor: default;
    text-align: right;
}

.headerMenuOrario {
    position: absolute;
    top: 0px;
    left: 980px;
    cursor: default;
}

.headerMenuSep2 {
    position: absolute;
    top: 0px;
    left: 970px;
}

.bannerGioco {
    position: absolute;
    top: 32px;
    left: 0px;
    width: 799px;
    height: 61px;
    z-index: 2;
}

.bannerGiocoRighe {
    background-image: url("../img/pattern_righe_banner_gioco.png");
    background-repeat: repeat-x;
    background-size: auto 100%;
    float: left;
    width: 100%;
    height: 100%;
}

.bannerGioco img {
    position: absolute;
    top: 0;
    left: 0;
}

.bannerGiocoNome {
    position: absolute;
    top: 32px;
    left: 290px;
    width: 503px;
    height: 61px;
    z-index: 2;
    color: white;
    font-weight: 600;
    font-size: 44px;
    opacity: 0.6;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.gradiente_DR {
    background: linear-gradient(to right, #04429c 0%, #00003a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.gradiente_DR + .bannerGiocoNome {
    display: none;
}

.gradiente_DR > .bannerGiocoRighe {
    display: none;
}

.cambiaGioco {
    position: absolute;
    top: 32px;
    left: 759px;
    width: 136px;
    height: 61px;
    cursor: pointer;
    z-index: 3;
}

.cambiaGiocoLayout, .cambiaGiocoBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 136px;
    height: 61px;
}

.cambiaGiocoLayout {
    background: url(../svg/desktop/cambia_prova_gioco.svg) no-repeat;
}

.apriMieiTavoli {
    position: absolute;
    top: 32px;
    right: 0px;
    width: 128px;
    height: 61px;
    cursor: pointer;
}

.apriMieiTavoliLayout, .apriMieiTavoliBg, .apriMieiTavoliOscura {
    position: absolute;
    top: 0;
    left: 0;
    width: 128px;
    height: 61px;
}

.apriMieiTavoliLayout {
    background: url(../svg/desktop/apri_miei_tavoli.svg) no-repeat;
}

.apriMieiTavoliOscura {
    cursor: default;
}

/* FILTRI TIPO GIOCO */
.filtriSkill {
    top: 95px;
    height: 300px;
}

.filtriTipoGioco, .filtroTipoGioco {
    width: 203px;
    height: 32px;
}

.segnalinoTipoGioco {
    top: 24px;
}

/** FILTRI **/
.filtriSkillGenerici {
    top: 40px;
    height: 32px;
}

.iscrizioneCheck {
    left: 22px;
    width: 180px;
    height: 32px;
}

.preferitiCheck {
    left: 200px;
    width: 160px;
    height: 32px;
}

.altriFiltriSkill {
    left: 350px;
    width: 160px;
    height: 32px;
}

.boxRicerca {
    top: -4px;
    right: 20px;
    width: 160px;
    height: 24px;
}

.pannelloAltriFiltri {
    position: absolute;
    top: 64px;
    height: 280px;
}

.segnalinoFiltri {
    top: -8px;
    left: 389px;
}

.altriFiltriResetta {
    cursor: pointer;
    top: 8px;
    right: 40px;
}


.iconaFiltriBox {
    top: 5px;
    left: 20px;
    width: 20px;
    height: 20px;
}

.labelFiltriBox {
    left: 42px;
    top: 7px;
}

.altriFiltriContainer {
    height: 280px;
}

.altriFiltriBoxContainer {
    position: absolute;
    top: 32px;
    left: 10px;
    width: 1014px;
    height: 248px;
}

.altriFiltriBox {
    width: 197px;
    height: 240px;
    margin-left: 2px;
}

.altriFiltriBoxHeader {
    height: 30px;
}


.altriFiltriCheckboxContainer {
    top: 35px;
    cursor: pointer;
    width: 80%;
    left: 22px;
}

.altriFiltriCheckbox {
    height: 30px;
}


/** ELENCO **/
.elencoLobbyHeaderCella {
    display: none;
    position: absolute;
    top: 160px;
    left: 0px;
    height: 28px;
    background-color: #CCCCCC;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.elencoLobby,
.elencoLobbyNoEventi {
    top: 190px;
    height: 320px;
    overflow-y: scroll;
    font-size: 14px;
    font-weight: 600;
}

.elencoLobbyNoEventi {
    top: 220px;
    left: 30px;
    width: 994px;
}

.elencoLobbyCella, .elencoLobbyCellaBis, .elencoLobbyCellaBase {
    height: 28px;
}

.elencoLobbyCella {
    background-color: #F7F7F7;
    background-color: #efefef;
}

.elencoLobbyCellaBis {
    background-color: #FDFDFD;
    /**background-color: #fbfbfb**/;
}

/*eccezione della descrizione con allineamento a sisnistra*/
.elencoLobbyCellaDescrizione {
    text-align: left;
    text-indent: 8px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/** ICONE SPECIALI DEI TORNEI **/
.iconaSpeciali {
    position: absolute;
    top: 4px;
    width: 20px;
    height: 20px;
}

/** PREMIO MATTO **/
.premioMattoLobby {
    top: 130px;
    height: 380px;
    background: url("../svg/desktop/premio_matto_bg.svg") no-repeat;
}


.premioMattoItems {
    position: absolute;
    top: 134px;
    left: 39%;
    width: 37%;
}

.premioMattoItem {
    width: 33%;
    height: 190px;
    float: left;
    padding-top: 86px;
    background: url(../svg/premio_matto_item.svg);
    background-position: center center;
    background-repeat: no-repeat;
}

.premioMattoCosto {
    font-size: 34px;
    position: unset;
    width: 100%;
    float: left;
}

.premioMattoTesto {
    position: unset;
    width: 100%;
    float: left;
}

.premioMattoVincita {
    position: unset;
    width: 100%;
    float: left;
    font-size: 20px;
}

.premioMattoLinkRegole {
    float: left;
    position: absolute;
    width: 100%;
    left: 0%;
    top: 206px;
    text-align: center;
}
/*
.premioMattoItem {
    width: 143px;
    height: 162px;
}

.premioMattoCosto {
    top: 30px;
    font-size: 30px;
}

.premioMattoTesto {
    top: 70px;
}

.premioMattoVincita {
    top: 90px;
    font-size: 20px;
}

.premioMattoLinkRegole {
    top: 345px;
    left: 458px;
}
*/
/** CLUB **/
.clubNotifica {
    position: relative;
    left: 5px;
    top: 2px;
    width: 18px;
    height: 18px;
}

.clubLobby {
    top: 160px;
    height: 350px;
}

.clubZonaTab {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 30px;
    background-color: #ffffff;
}

.clubTabAcceso,
.clubTabSpento {
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background-color: #d0cfcf;
    color: #000000;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    line-height: 30px;
    text-overflow: ellipsis;
}

.clubTabAcceso {
    background-color: #000000;
    color: #f3c030 !important;
}


.clubCountdown {
    position: absolute;
    top: 270px;
    left: 460px;
    width: 540px;
    height: 30px;
}

.clubCountdownNumeri {
    position: relative;
    top: -3px;

    font-size: 18px;
}

.clubClessidra {
    position: relative;
    top: 4px;
    left: 0;
    margin-right: 8px;
    width: 12px;
    height: 30px;
    background: url("../svg/club_clessidra.svg") no-repeat;
}

.clubCreaPartita,
.clubMandaInviti,
.clubAttesa {
    background-color: #000000;
}

.clubCreaPartita {
    background-color: #f2f2f2;
}


.clubRaggiLuce {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    height: 350px;
    background: url("../svg/club_bg.svg") 0px 0px no-repeat;
    background-color: #000000;
}

.clubLogo {
    position: absolute;
    top: 120px;
    left: 94px;
    height: 80px;
    width: 300px;
    background: url("../svg/club_logo_concept.svg") no-repeat;
}

.clubConcept {
    position: absolute;
    top: 220px;
    left: 104px;
    width: 210px;
}

.clubCreaConcept {
    position: absolute;
    top: 30px;
    left: 450px;
    height: 50px;
    width: 200px;
    background: url("../svg/desktop/club_crea_concept.svg") no-repeat;
}

.clubColonna1,
.clubColonna2,
.clubColonna3 {
    position: absolute;
    left: 450px;
    top: 100px;
    width: 250px;
    height: calc(100% - 170px);
}

.clubColonna2 {
    left: 750px;
}

.clubColonna3 {
    left: 750px;
    height: 70px;
    top: 30px;
}

.clubCreaBtn,
.clubMandaBtn,
.clubAnnullaBtn,
.clubRifiutaBtn {
    position: absolute;
    left: 450px;
    top: 300px;
    width: 550px;
    height: 30px;
}


.clubMandaBtn {
    left: 725px;
    top: 300px;
    width: 270px;
}

.clubAnnullaBtn {
    width: 270px;
}

.clubRicercaLabel {
    position: absolute;
    left: 74px;
    top: 30px;
    width: 260px;
    height: 30px;
}

.clubRicercaUtente {

    position: absolute;
    left: 104px;
    top: 70px;
    width: 200px;
    height: 30px;
}

.clubListaUtenti {
    position: absolute;
    left: 104px;
    top: 110px;
    width: 200px;
    height: 170px;
}

.clubRigaListaUtenti {
    text-indent: 10px;
    width: 100%;
}


.rigaTabellaResponsive{
    position: relative;
    top: 0;
    height: 26px;
}

.clubRicercaUtenteBox {
    top: 0px;
    right: 6px;
    width: 218px;
    height: 24px;
}

.clubRefreshLista {
    position: absolute;
    right: -10px;
    top: 91px;
    width: 16px;
    height: 16px;
    background: url(../../../../assets/svg/icona_refresh_chiara.svg) no-repeat;
}

.clubPostazioniLabel {
    position: absolute;
    left: 520px;
    top: 30px;
    width: 400px;
    height: 30px;
}

.clubPostazioniInviti {
    position: absolute;
    display: inline;
    left: 520px;
    top: 60px;
    width: 400px;
    height: 200px;
}

.clubPostazioneInvitoLibera,
.clubPostazioneInvitoLiberaAttiva,
.clubPostazioneInvitoOccupata {
    position: relative;
    display: inline-table;
    top: 0px;
    margin-top: 10px;
    left: 0px;
    width: 200px;
    height: 30px;
    background: url(../svg/club_postazione_invito_libera.svg) no-repeat;
}


.clubPostazioneInvitoLiberaAttiva {
    background: url(../svg/club_postazione_invito_libera_attiva.svg) no-repeat;
}

.clubPostazioneInvitoOccupata {
    background: url(../svg/club_postazione_invito_occupata.svg) no-repeat;
}

.clubInvitoCancella {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.clubCompagnoAttivo,
.clubCompagnoSpento {
    position: absolute;
    top: 5px;
    left: 160px;
    width: 90px;
    height: 30px;
    cursor: pointer;
    background: url(../svg/club_compagno_spento.svg) no-repeat;
}

.clubCompagnoAttivo {
    background: url(../svg/club_compagno_attivo.svg) no-repeat;
}

.clubAttesaTavolo {
    display: none;
    position: absolute;
    top: 50px;
    left: 400px;
    width: 600px;
    height: 200px;
}

.clubMostraInfo {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: right;
    text-decoration: underline;
    cursor: pointer;
}

.clubTavoloTurni {
    position: absolute;
    top: 14px;
    left: 220px;
    width: 200px;
    height: 200px;
    background: url(../svg/club_tavolo_turni.svg) no-repeat;

}

.clubTurniPos1,
.clubTurniPos2,
.clubTurniPos3,
.clubTurniPos4 {
    position: absolute;
    top: 165px;
    left: 307px;
    width: 30px;
    height: 33px;

}

.clubTurniPos2 {
    top: 99px;
    left: 241px;
}

.clubTurniPos3 {
    top: 33px;
    left: 307px;
}

.clubTurniPos4 {
    top: 99px;
    left: 375px;
}

.clubTurniLabel1,
.clubTurniLabel2,
.clubTurniLabel3,
.clubTurniLabel4 {
    position: absolute;
    top: 195px;
    left: 222px;
    width: 200px;
    height: 30px;
}

.clubTurniLabel2 {
    top: 99px;
    left: 31px;
}

.clubTurniLabel3 {
    top: 5px;
    left: 222px;
}

.clubTurniLabel4 {
    top: 99px;
    left: 414px;
}

.clubTavoloLivelli {
    position: absolute;
    top: 14px;
    left: 220px;
    width: 600px;
    height: 200px;
    background: url(../svg/club_tavolo_livelli.svg) no-repeat;
}

.clubPostoVuoto {
    cursor: default;
    background: url(../svg/club_posto_vuoto.svg) no-repeat;
}

.clubPostoLibero {
    cursor: pointer;
    background: url(../svg/club_posto_libero.svg) no-repeat;
}

.clubPostoOccupato {
    cursor: default;
    background: url(../svg/club_posto_occupato.svg) no-repeat;
}

.clubPostoMio {
    cursor: default;
    background: url(../svg/club_posto_mio.svg) no-repeat;
}

.clubPostoCompagnoInvitato,
.clubPostoCompagnoInvitatoIo {
    cursor: default;
    background: url(../svg/club_posto_compagno_invitato.svg) no-repeat;
}

.clubPostoCompagnoInvitatoIo {
    cursor: pointer;
}

.clubPostoCompagnoConfermato {
    cursor: default;
    background: url(../svg/club_posto_compagno_confermato.svg) no-repeat;
}

/** chiamandolo input sovrascrivo quella globale**/
.input {
    position: absolute;
    left: 0px;
    top: 24px;
    width: 100%;
    height: 19px;
    font-size: 12px;
    background-size: 16px 16px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
    text-indent: 10px;
}

.select {
    position: absolute;
    left: 0px;
    top: 24px;
    width: 100%;
    text-indent: 10px;
    border-radius: 6px;
}

.componente,
.componenteBasso {
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 24px;
    left: 0px;
    top: -20px;
    margin-top: 20px;
    display: inline-flex;
}

.componenteBasso {
    height: 30px;
    top: 0px;
    margin-top: 10px;
}

.componenteRadioLabel {
    position: relative;
    left: 0px;
    top: 5px;
    height: 30px;
    width: 65%;
    line-height: 24px;
}

.componenteRadioButton {
    position: relative;
    top: 6px;
    width: 15%;
    height: 20px;
    line-height: 24px;
    display: inline-flex;
}

.clubIcona {
    position: relative;
    top: 2px;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    z-index: 3;
    background-size: 16px 16px;
}

.clubIconaCosto,
.clubIconaTempo,
.clubIconaPartecipanti,
.clubIconaTipologia,
.clubIconaVariante,
.clubIconaTipoPartita,
.clubIconaObiettivo {
    position: relative;
    top: 4px;
    width: 22px;
    height: 22px;
    z-index: 3;
    background-size: 16px 16px;
}

.clubIconaCosto,
.clubIconaTempo {
    top: 2px;
    background-size: 22px 22px;

}


/** BANNER **/
.bannerSkill {
    top: 516px;
    width: 532px;
    height: 150px;
}

/** CHAT **/
.chat {
    position: absolute;
    top: 516px;
    left: 538px;
    width: 487px;
    height: 150px;
}

.chatElencoMessaggiContainer {
    width: 482px;
    height: 120px;
}

.chatElencoMessaggi {
    position: absolute;
    top: 2px;
    left: 6px;
    width: 476px;
    height: calc(100% - 4px);
    font-size: 14px;
    font-weight: 500;
    line-height: 12.5pt;
}

.chatInput {
    width: 395px;
    font-size: 14px;
}


.chatHelpBtn {
    position: absolute;
    left: 395px;
}

.chatEmoticonBtn {
    position: absolute;
    left: 425px;
}

.chatOptionBtn {
    position: absolute;
    left: 455px;
}

/*** AGGIUNTO DA A P **/
#contenitore_emoji,
#contenitore_emoji_click {
    position: absolute;
    left: 221px;
    height: 192px;
    width: 302px;
    overflow: hidden;
    border: 0px;
    top: -192px;
    background-color: transparent;
    display: none;
    z-index: 26; /*deve stare sopra premio matto*/
}

#contenitore_emoji {
    left: 178px;
}

/** FOOTER **/
.footer {
    top: 670px;
}

/** PANNELLO GIOCHI **/
.pannelloGiochi {
    left: 50px;
    top: 30px;
    width: 920px;
    height: 650px;
}

.headerPannelloGiochi, .headerPannelloGiochiLayout, .headerPannelloGiochiBg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 920px;
    height: 41px;
}

.headerPannelloGiochiLayout {
    background: url(../svg/desktop/pannello_giochi_header.svg) no-repeat;
}

.giochiChiudiBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
}

.giochiIconaContainer {
    width: 120px;
    height: 180px;
}

.giochiIcona {
    top: 6px;
    left: 6px;
    width: 106px;
    height: 106px;
}

.giochiNomeGioco {
    top: 118px;
    left: 6px;
    width: 106px;
    height: 35px;
    font-size: 18px;
    line-height: 80%;
    letter-spacing: -0.5px;
}

.giochiGiocaBtn {
    top: 152px;
    left: 6px;
    width: 52px;
    height: 23px;
}

.giochiProvaBtn {
    top: 152px;
    right: 6px;
    width: 52px;
    height: 23px;
}
/** PANNELLO CHIUDI BTN ISOLATO SU SKILL */
.pannelloChiudiBtn {
    position: absolute;
    top: calc((100% - 16px) / 2);
    right: 7px;
    width: 16px;
    height: 16px;
}

/** INFO EVENTO **/
.infoEvento {
    height: auto;
    width: 300px;
    top: 160px;
    padding: 2px;
}

.infoContainer {
    float: left;
    width: 100%;
}

.infoCosto,
.infoDescrizione,
.infoTempi,
.infoBtnPrimaRiga,
.infoSxBtn,
.infoDxBtn,
.infoBigBtn,
.infoTempistiche,
.infoTabella {
    margin-top: 3px;
}

.infoTabella {
    float: left;
    width: 100%;
    position: relative;
    top: auto;
}

#info_header{
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}

#info_partecipanti {
    float: left;
    position: inherit;
}

#info_partecipanti .tabellaBody .headerGenerico {
    float: left;
    height: auto;
    position: inherit;
}

#info_partecipanti .tabellaBody {
    float: left;
    width: 100%;
    display: unset;
    position: unset !important;
}


#info_partecipanti .tabellaContainer {
    float: left;
    height: 150px;
    position: inherit;

}

#info_partecipanti .tabellaRiga,
#info_partecipanti .tabellaRigaBis,
#info_partecipanti .tabellaRigaCompleta,
#info_partecipanti .tabellaRigaOver {
    float: left;
    width: 100%;
    position: relative;
    height: auto;
}

#info_partecipanti .tabellaRiga,
#info_partecipanti .tabellaRigaBis {
    min-height: 26px;
}

.infoRigaTavoloDoppia{
    padding: 5px;
    line-height: 16px;
}
.tabellaRigaDoppia{
    height: auto !important;
}

#info_partecipanti .tabellaRigaCompleta {
    padding: 5px 10px;
}

#info_satelliti {
    float: left;
    width: 100%;
    position: inherit;
}

#lista_satelliti_tabella {
    float: left;
    width: 100%;
    display: inline-block;
}

#lista_satelliti_header {
    float: left;
    width: 100%;
    position: relative;
}

#lista_satelliti_container {
    position: inherit;
    float: left;
    width: 100%;
    height: 100px;
}

#lista_satelliti_container .tabellaRiga,
#lista_satelliti_container .tabellaRigaBis {
    position: inherit;
    float: left;
    width: 100%;
    height: auto;
}

#lista_satelliti_container .tabellaRiga a,
#lista_satelliti_container .tabellaRigaBis a {
    position: inherit;
    float: left;
    width: 100%;
    height: auto;
}

#info_montepremi {
    float: left;
    width: 100%;
    position: inherit;
}

#lista_montepremi_tabella {
    float: left;
    width: 100%;
    display: unset;
    position: unset !important;
    height: auto !important;
}

#lista_montepremi_header {
    float: left;
    width: 100%;
    position: relative;
}

#lista_montepremi_subheader {
    float: left;
    width: 100%;
    position: inherit;
    display: inline-block;
    margin-top: 2px;
    height: auto;
}

#lista_montepremi_subheader > span {
    float: left;
    position: inherit;
    border-right: 2px solid white;
    text-align: center;
    display: inline-block;
}

#lista_montepremi_subheader > span:last-child {
    border: 0;
}

#lista_montepremi_container {
    position: inherit;
    float: left;
    width: 100%;
    height: 100px;
}

#lista_montepremi_container .tabellaRiga,
#lista_montepremi_container .tabellaRigaBis {
    position: inherit;
    float: left;
    width: 100%;
    height: auto;
}

#lista_montepremi_footer {
    position: inherit;
    float: left;
    width: 100%;
    display: inline-block;
}

#simula_iscritti {
    float: left;
    position: inherit;
}


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

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

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

.frecciaInfoBtn {
    position: absolute;
    top: 0px;
    right: 12px;
    height: 100%
}

.frecciaInizioBtn {
    position: absolute;
    top: 0px;
    left: 12px;
    height: 100%
}

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


/** INFO EVENTO **/
.infoLivelli {
    position: absolute;
    top: 0;
    right: 302px;
    width: 702px;
    height: 354px;
    background-color: #FFFFFF;
    box-shadow: -2px 0px 2px #888888;
    font-size: 12px;
    padding: 2px;
    display: none;
}

.infoLivelliStruttura,
.infoLivelliTavoli{
    float: left;
    width: calc((100% / 3) - 2px);
    height: 322px;
    margin-right: 2px;
    margin-top: 2px;
}

.infoLivelliGiocatori {
    float: left;
    width: calc(100% / 3);
    height: 322px;
    margin-top: 2px;
}

.infoLivelliStruttura .tabellaHeader,
.infoLivelliTavoli .tabellaHeader,
.infoLivelliGiocatori .tabellaHeader {
    background-color: #666666;
    text-align: center;
    padding: 5px 0;
    color: #FFF;
}

.infoLivelliStruttura .subHeader,
.infoLivelliTavoli .subHeader,
.infoLivelliGiocatori .subHeader {
    float: left;
    width: 100%;
    margin-top: 2px;
}

.infoLivelliStruttura .subHeader span,
.infoLivelliTavoli .subHeader span{
    float: left;
    position: inherit;
    width: calc(25% - 5px);
    background-color: #999;
    color: #FFF;
    display: inherit;
    padding-right: 5px;
}

.infoLivelliGiocatori .subHeader span{
    float: left;
    position: inherit;
    width: 50%;
    text-align: center;
    background-color: #999;
    color: #FFF;
    display: inherit;
}

.infoLivelliStruttura .tabellaContainer,
.infoLivelliTavoli .tabellaContainer{
    position: inherit;
    float: left;
    width: 100%;
    height: 275px;
}

.infoLivelliGiocatori .tabellaContainer{
    position: inherit;
    float: left;
    width: 100%;
    height: 200px;
}


.infoLivelliStruttura .tabellaContainer > .tabellaRiga,
.infoLivelliStruttura .tabellaContainer > .tabellaRigaBis,
.infoLivelliTavoli .tabellaContainer > .tabellaRiga,
.infoLivelliTavoli .tabellaContainer > .tabellaRigaBis,
.infoLivelliGiocatori .tabellaContainer > .tabellaRiga,
.infoLivelliGiocatori .tabellaContainer > .tabellaRigaBis{
    float: left;
    width: 100%;
    position: inherit;
    display: inherit;
}

.infoLivelliStruttura .tabellaContainer > .tabellaRiga span,
.infoLivelliStruttura .tabellaContainer > .tabellaRigaBis span,
.infoLivelliTavoli .tabellaContainer > .tabellaRiga span,
.infoLivelliTavoli .tabellaContainer > .tabellaRigaBis span{
    float: left;
    width: 23%;
    position: inherit;
    display: inherit;
}

.infoLivelliGiocatori .tabellaContainer > .tabellaRiga span{
    float: left;
    position: inherit;
    display: inherit;
}

.infoLivelliTavoli {
    left: 236px;
}

.infoLivelliGiocatori {
    left: 468px;
    height: 286px;
}

.cellaLivelliLivello,
.cellaLivelliInvito,
.cellaLivelliAnte,
.cellaLivelliDurata {
    position: unset;
    float: left;
    padding-left: 2px;
    top: 0;
    height: 100%;
    left: 0;
    width: 23%;
}

.cellaLivelliInvito {
    left: 23%;
}

.cellaLivelliAnte {
    left: 46%;
}

.cellaLivelliDurata {
    left: 69%;
}

.cellaLivelliTavolo,
.cellaLivelliGiocatori,
.cellaLivelliStackmin,
.cellaLivelliStackmax {
    position: unset;
    float: left;
    padding-left: 2px;
    top: 0;
    height: 100%;
    left: 0;
    width: 25%;
}

.cellaLivelliTavolo {
    width: 18%;
}

.cellaLivelliGiocatori {
    left: 20%;
    width: 22%;
}

.cellaLivelliStackmin {
    left: 43%;
}

.cellaLivelliStackmax {
    left: 68%;
}

.cellaLivelliUsername,
.cellaLivelliStack {
    position: unset;
    float: left;
    padding-left: 5px;
    top: 0;
    height: 100%;
    left: 5%;
    width: 55%;
}

.cellaLivelliStack {
    left: 60%;
    width: 36%;
}

.infoLivelliBtn,
.infoLivelliBtnLabel {
    display: none;
    position: absolute;
    top: 320px;
    left: 468px;
    width: 228px;
    height: 30px;
}

.infoLivelliBtnLabel {
    display: block;
}

.lobbyTorneoHeader{
    top: auto;
    left: auto;
}


/** PANNELLO ISCRIZIONE **/
.pannelloIscrizione {
    margin: 0 auto;
    width: 300px;
    max-width: 90%;
    min-height: 100px;
    height: auto;
    z-index: 1000;
    position: relative;
    margin-top: 150px;
}

.wrapPannelloIscrizione {
    float: left;
    padding: 2px;
}

.saldoIscrizioneLabel {
    float: left;
    width: 100%;
    position: relative;
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
}

.saldoIscrizione {
    position: relative;
    float: left;
    width: 50%;
    margin-bottom: 14px;
    text-align: center;
    margin-left: 25%;
}

.saldoIscrizione span {
    padding: 5px 10px;
    display: inline-block;
}

.labelPagamentoIscrizione {
    float: left;
    width: 100%;
    position: relative;
    padding: 5px 0;
}

.metodoPagamento {
    float: left;
    width: auto;
    position: initial;
    margin-top: 10px;
    padding: 0px 30px 0 40px;
}

.pagamentoItem, .pagamentoItemToken {
    margin-top: 7px;
    border-bottom: 1px solid white;
    float: left;
    width: 100%;
}

.pagamentoItem .radio,
.pagamentoItemToken .radio {
    float: left;
    position: initial;
    margin-top: 3px;
}

.pagamentoItem .labelCheckBox,
.pagamentoItemToken .labelCheckBox {
    float: left;
    width: auto;
    position: initial;
    margin-left: 20px;
    margin-top: 2px;
}

.iscrizionePulsanti {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

.iscrizionePulsanti > * {
    display: inline-block;
    width: 40%;
    min-width: auto;
    height: auto;
    position: relative;
    left: auto;
}

.iscrizionePulsanti .btnGenerico {
    padding: 5px 20px;
    width: auto;
    height: auto;
}

#alert_container .btnFeedback {
    border: 1px solid #e4e4e4;
}

#alert_container .btnFeedback .imgBtn {
    float: left;
    width: 100%;
    height: 45px;
    background-size: auto 80%;
    background-position: center;
    background-repeat: no-repeat;
}

#alert_container .btnFeedback.btnFeedbackNegativo .imgBtn {
    background-image: url("../svg/negativa.svg");
}

#alert_container .btnFeedback.btnFeedbackPositivo .imgBtn {
    background-image: url("../svg/positiva.svg");
}

#alert_container #textarea_invia_feedback {
    width: 80%;
    height: 101px;
    resize: none;
}

/** PROFILO **/

.profiloPersonale {
    top: 28px;
    height: 460px;
}

.segnalinoProfilo {
    top: -6px;
    left: 659px;
}

.profiloTab {
    position: relative;
    display: inline-flex;
    top: 2px;/** era 30 rimesso a 2 per profilo lobby **/
    margin-left: 0px;
    margin-right: 0px;
    width: 202px;
    height: 32px;
    font-weight: bold;
    cursor: pointer;
}

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

.profiloContenutoInvisibile {
    display: none;
}

.profiloContenutoInvisibile, .profiloContenutoInvisibile {

}

.profiloZonaSx, .profiloZonaCc {
    position: absolute;
    top: 90px;
    left: 20px;
    width: 330px;
    height: 310px;
    border-right: 1px solid lightgrey;
}

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

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

.profiloZonaSx, .profiloZonaCc, .profiloZonaDx
{
    height: 357px;
}


.profiloAvatarNickSaldo {
    position: relative;
    top: 0;
    left: 0;
    width: 320px;
    height: 100px;
}

.profiloAvatar {
    position: absolute;
    top: 0px;
    left: 0px;
}

.profiloAvatarInfo {
    position: absolute;
    top: 100px;
    left: 10px;
}

.profiloInfoUtente {
    padding-left: 100px;
}

.profiloStelle {
    position: relative;
    top: 3px;
}

.profiloBoxBoost {
    position: relative;
    top: 110px;
    left: 0px;
    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: 0px;
}

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

.profiloBoxTesto {
    top: 0;
    width: 200px;
    height: 100%;
}

.profiloSaldo,
.profiloSaldoFp,
.profiloPrelievo,
.profiloMovimenti,
.profiloBoxToken,
.profiloBoxBoost {
    top: 0;
    margin-top: 10px;
}

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

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

.iscrizioneTokenSelect {
   position: unset;
}

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

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

.profiloBoxHeaderSx {
    width: 320px;
}


.radioOpzioniContainer, .selectOpzioniContainer {
    position: relative;
    display: inline-flex;
    margin-top: 6px;
    margin-left: 0px;
    margin-right: 0px;
    top: 0px;
    width: 100%;
    height: 20px;
    border-bottom: 1px solid #f2f2f2;
}

.radioOpzioni, .radioOpzioniLabel {
    position: relative;
    display: inline-flex;
    margin-left: 10px;
    top: 0px;
    width: 36px;
    height: 100%;
}

.radioOpzioniLabel {
    width: 120px;
}

.selectOpzioniContainer {

}

.opzioniItem {
    margin-left: 10px;
}

.selectOpzioni {
    position: absolute;
    display: inline-flex;
    top: -2px;
    left: 120px;
    width: 130px;
    height: 18px;
}

.profiloClassificheItem, .profiloClassificheItemSx {
    position: relative;
    display: inline-flex;
    margin-top: 2px;
    margin-left: -1px;
    margin-right: 0px;
    top: 0px;
    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: 0px;
    width: 179px;
    height: 20px;
}


/*** AVATAR ***/

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

.avatarItem, .avatarItemSelected {
    display: inline-flex;
    position: relative;
    top: 0px;
    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: 340px;
}

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

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

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

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

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

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

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

#tabella_cronologia_T_header .sessioniHeaderColonna {
    position: relative;
    margin-left: 0;
    margin-right: 2px;
    width: calc((100% / 9) - 2px) !important;
    float: left;
    padding: 5px 0;
}

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

.sessioniInfo,
.sessioniInfoLegenda {
    position: absolute;
    margin-left: 20px;
    top: 340px;
    width: 100%;
    height: 20px;
}

.sessioniInfoLegenda {
    top: 360px;
}

.profiloPannelloReplay {
    position: absolute;
    top: 70px;
    left: 480px;
    width: 500px;
    height: 300px;
    display: none;
}

.pannelloReplayTurni,
.pannelloReplayPartite,
.pannelloReplayTavoli {
    position: absolute;
    top: 36px;
    left: 5px;
    width: 240px;
    height: 200px;
}

.pannelloReplayPartite {
    position: absolute;
    top: 36px;
    left: 255px;
    width: 240px;
    height: 200px;
}

.pannelloReplayTavoli {
    width: 490px;
    display: none;
}

.pannelloReplayInfo {
    position: absolute;
    top: 240px;
    left: 5px;
    width: 490px;
    height: 60px;
}

.rigaReplayTurni {
    width: 240px;
}

.rigaReplayTavoli {
    width: 480px;
    margin-left: 10px;
}

.rigaReplayClassificaNick {
    width: 140px;
    margin-left: 10px;
}

.rigaReplayClassificaVp {
    width: 50px;
    margin-right: 10px;
}

.rigaReplayClassificaMp {
    width: 50px;
    margin-right: 10px;
}

/** MONTEPREMI **/
.cellaMontepremiPos,
.cellaMontepremiPremio,
.cellaMontepremiPunti {
    float: left;
    position: inherit;
}

.cellaMontepremiPos {
    width: calc(25% - 2px);
}

.cellaMontepremiPremio {
    width: calc(40% - 2px);
}

.cellaMontepremiPunti {
    width: 35%;
}

.selectSimulaIscritti {
    top: 2px;
    margin-left: 10px;
}

/* AP 7 settembre 2016 */

#area_destra_chat_lobby {
    position: relative;
    top: 0px;
    margin-left: 10px;
    width: 100px;
    height: 20px;
    margin-top: -3px;
}

#pulsante_trigga_picker {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    cursor: hand;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

#opzioni_colore_chat_lobby {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 16px;
    height: 16px;
    background-color: transparent;
    z-index: 1;
}

#color_picker_esempio_testo {
    position: absolute;
    left: 30px;
    width: 55px;
    height: 20px;
    background-color: white;
    line-height: 20px;
    text-align: center;
    cursor: hand;
    cursor: pointer
}

#color_picker_container {
    display: none;
    position: absolute;
    left: 30px;
    width: 276px;
    height: 170px;
    background-color: white;
    margin-top: -75px;
    border: 1px solid #CCCCCC
}

#color_picker_preview_popup {
    position: absolute;
    left: 10px;
    height: 15px;
    top: 10px;
    width: 256px;
    background-color: black
}

#cp_container {
    overflow: hidden;
    position: absolute;
    left: 10px;
    top: 30px;
    width: 256px;
    height: 128px;
    background-image: url("../img/sfondo_color_picker.png");
}

#picker_center {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 10px;
    height: 10px;
    border: 1px solid black;
    margin-left: -5px;
    margin-top: -5px;
    border-radius: 5px;
}


input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    margin: 15.5px 0;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
    background: #a3a3a3;
    border-radius: 0px;
    border: 0px solid rgba(0, 0, 0, 0);
}

input[type=range]::-webkit-slider-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -15.5px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #a6a6a6;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
    background: #a3a3a3;
    border-radius: 0px;
    border: 0px solid rgba(0, 0, 0, 0);
}

input[type=range]::-moz-range-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
}

input[type=range]::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    background: #a0a0a0;
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: 0px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
}

input[type=range]::-ms-fill-upper {
    background: #a3a3a3;
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: 0px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
}

input[type=range]::-ms-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
    height: 5px;
}

input[type=range]:focus::-ms-fill-lower {
    background: #a3a3a3;
}

input[type=range]:focus::-ms-fill-upper {
    background: #a6a6a6;
}


#dummyCanvas {
    display: none;
    position: fixed;
    top: 20px;
    right: 0px;
    width: 1000px;
    height: 1000px;
    border: 1px solid red;
}

#finalCanvas {
    display: none;
    position: absolute;
    top: 20px;
    left: -600px;
    width: 500px;
    height: 500px;
    border: 1px solid red;
}

#range_ratio {
    display: none;
    opacity: 0;
    background-color: transparent;
    position: absolute;
    top: 155px;
    left: 90px;
    width: 240px;
    height: 30px;
    border: 1px solid red;
    z-index: 1
}

#range_rotation {
    display: none;
    opacity: 0;
    position: absolute;
    top: 185px;
    left: 90px;
    width: 240px;
    height: 30px;
    border: 1px solid red;
    z-index: 1
}

#thum_resize {
    position: absolute;
    left: 81px;
    top: 191px;
    pointer-events: none;
    margin-left: 80px
}

#thum_rotate {
    position: absolute;
    left: 81px;
    top: 221px;
    pointer-events: none;
}

#range_grigio_zoom {
    position: absolute;
    top: 185px;
    left: 90px;
    width: 240px;
    height: 5px;
    background-color: #a3a3a3;
    z-index: 0
}

#range_grigio_rotazione {
    position: absolute;
    top: 215px;
    left: 90px;
    width: 240px;
    height: 5px;
    background-color: #a3a3a3;
    z-index: 0
}

#scritta_zoom {
    position: absolute;
    left: 4px;
    top: 181px;
}

#scritta_rotazione {
    position: absolute;
    left: 4px;
    top: 211px;
}

#avatar_caricamento {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 340px;
    height: 178px;
    border: 0px solid blue;
    z-index: 10;
}

#imgInp {
    position: absolute;
    left: 64px;
    width: 170px;
    height: 170px;
    border: 0px solid green;
    z-index: 12123;
    opacity: 0;
    cursor: pointer;
    cursor: hand
}

#avatar_maschera {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 340px;
    height: 172px;
    opacity: 1;
    pointer-events: none;
    background-image: url("../img/maschera.png");
    background-size: 340px 172px;
    z-index: 4;
}

#avatar_clip {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 340px;
    height: 169px;
    overflow: hidden;
}

#content_obj {
    position: absolute;
    left: 68px;
    width: 160px;
    height: 160px;
    border: 0px solid green;
    top: 3px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    background-color: #c5c5c5;
}

#draggable_obj {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0px solid red;
    cursor: all-scroll;
}

.imageBox {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0px solid blue;
}

.imageBox_exif {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0px solid blue;
}

.imageBox2 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0px solid yellow;
}

#real_image {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

#content_obj_preview {
    position: absolute;
    left: 252px;
    width: 75px;
    height: 75px;
    border: 0px solid green;
    overflow: hidden;
    top: 90px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    background-color: #c5c5c5;
    pointer-events: none;
}

#draggable_obj_p {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0px solid red;
    pointer-events: none;
}

#second_image {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

#scritta_approvazione_avatar {
    position: absolute;
    left: 0px;
    top: 235px;
    width: 340px;
    text-align: center;
}

#pulsante_carica_avatar {
    position: absolute;
    left: 103px;
    top: 70px;
    width: 90px;
    height: 30px;
    color: white;
    background-color: #1E315E;
    line-height: 30px;
    color: white;
    text-align: center;

}

.pulsantiProfiloCC, .pulsantiProfiloDX {
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 360px;
    height: 30px;
    display: none;
}

.pulsantiProfiloCC {
    left: 360px;
    width: 260px;
}

.pulsantiProfilo {
    display: inline-flex;
    width: 100%;
}

.pulsanteProfilo {
    width: 100px;
}

#centratura_gestione_avatar {
    position: absolute;
    left: 10px;
    top: 40px;
}

#chat_input_click {
    width: calc(100% - 120px);
}