/* personalizzazione del canale globale del canale desktop */
.splashPageLogo{

     /**
    position: absolute;
    top:280px;
    left: 300px;
    width: 424px;
    height: 80px;
    text-align: center;
    background:url(../../svg/CLICKSIGIOCA/logo.svg) no-repeat;
    **/
}
/* personalizzazione del canale globale del canale desktop */
.splashPageLayoutCustom{
     background-image: url(../../../skill/lobby/assets/svg/CLICKSIGIOCA/desktop/splash_page.svg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
}
.headerMenuLogo{
     position: absolute;
     top:8px;
     left: 770px;
     width: 120px;
     height: 19px;
     text-align: center;
     background:url(../../svg/CLICKSIGIOCA/logo.svg) no-repeat;
 }

.headerIconaClick{
     width: 20px;
}
.headerIconaClickRelativeBg{
     height: 16px;
     width: 16px;
     top:3px;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     position: relative;
     margin-left: 4px;
     display: none;
     border-radius: 16px;
     -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
}
.headerIconaClickRelative{
     position: absolute;
     height: 70%;
     width: 70%;
     top: -5%;
     left: 15%;
     display: inline-block;
     cursor: pointer;
}




/**** CARICAMENTO PAGINA *****/
.preloaderLabel {
     position: absolute;
     left: 12px;
     margin-left: 0px;
     top: 85%;
     width: 1000px;
     height: 30px;
     color: white;
     text-align: center;
     z-index: 3;
     font-size: 20px;
}

.preloaderProgressBg {
     position: absolute;
     left: 50%;
     margin-left: -102px;
     top: 65%;
     width: 204px;
     height: 30px;
     background-color: white;
     z-index: 3;
     display: none;
}

.preloaderProgressBar {
     position: absolute;
     left: 2px;
     top: 2px;
     width: 0;
     height: 26px;
     background-color: white;
     z-index: 3;
}

/** HEADER LOBBY **/
.headerMenuUsername {
     margin-left: 30px;
}

/** SOTTO HEADER **/
.cambiaGiocoLayout{
     background: url(../../../skill/lobby/assets/svg/desktop/cambia_gioco.svg) no-repeat;
}

/** TAB **/
.tabClickClubOn{
     position: absolute;
     width: 58px;
     height: 22px;
     left: 148px;
     top: 4px;
     background: url(../../../skill/lobby/assets/svg/CLICKSIGIOCA/tab_club_on.svg) no-repeat;
}
.tabClickClubOff{
     position: absolute;
     width: 58px;
     height: 22px;
     left: 104px;
     top: 4px;
     background: url(../../../skill/lobby/assets/svg/CLICKSIGIOCA/tab_club_off.svg) no-repeat;
}



/** LOBBY **/

/** FILTRI **/
.filtriSkillGenericiClick {
     top: 40px;
     height: 32px;
     position: absolute;
     left: 258px;
     width: 500px;
     z-index: 2;
}
.preferitiCheckClick{
     display: none;
}
.preferitiCheck{
     left: 10px;
}

.altriFiltriSkillClick{
     position: absolute;
     top: 0;
     text-align: left;
     vertical-align: middle;
     cursor: pointer;
     left: 210px;
     width: 160px;
     height: 32px;
     display: none;
}

.radioTavoliContainer{
     position: absolute;
     width: 100%;
     height: 26px;
     line-height: 18px;
     left: 0px;
     top: 0px;
     /* margin-top: 20px; */
     display: inline-flex;
}
.radioTavoliNoLabel{
     position: relative;
     left: 0px;
     top: 0px;
     height: 30px;
     width: 0;
     line-height: 18px;
}

.radioTavoli{
     position: relative;
     left: 60px;
     top: 1px;
     width: 260px;
     height: 20px;
     line-height: 18px;
     display: inline-flex;
     letter-spacing: -0.5px;
}

/** ELENCO **/
.elencoLobby{
     height: 300px;
}
.elencoLobbyClick,
.elencoLobbyNoEventiClick
{
     position: absolute;
     left: 258px;
     width: 528px;
     background-color: #ffffff;
     top: 160px;
     height: 326px;
     font-size: 14px;
     font-weight: 600;
}

.elencoLobbyClick{
     overflow-y: scroll;
     overflow-x: hidden;
}
.elencoLobbyNoEventiClick{
     left: 258px;
     top:230px;
     height: 100px;
     text-align: center;
     background-color: transparent;
}

.elencoLobbyCellaTavolo
{
     position: relative;
     top: 0;
     left: 0;
     text-align: center;
     vertical-align: middle;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     width: 254px;
     height: 165px;
     border: 1px solid lightgrey;
}

/** CLUB e FREE **/
.bannerCreaClub,
.bannerCreaFree,
.bannerAttesaClub,
.bannerAttesaFree
{
     position: absolute;
     left: 0px;
     width: 255px;
     top: 154px;
     height: 336px;
     cursor: pointer;
}
.bannerCreaClub{
     background: url(../../../skill/lobby/assets/svg/CLICKSIGIOCA/desktop/banner_crea_club.svg) no-repeat;
}
.bannerCreaFree{
     background: url(../../../skill/lobby/assets/svg/CLICKSIGIOCA/desktop/banner_crea_free.svg) no-repeat;
}
.bannerAttesaClub{
     background: url(../../../skill/lobby/assets/svg/CLICKSIGIOCA/desktop/banner_attesa_club.svg) no-repeat;
}
.bannerAttesaFree{
     background: url(../../../skill/lobby/assets/svg/CLICKSIGIOCA/desktop/banner_attesa_free.svg) no-repeat;
}

.clickClubCreaPartita,
.clickFreeCreaPartita
{
     position: absolute;
     left: 0px;
     width: 255px;
     top: 154px;
     height: 512px;
     cursor: pointer;
     background: -webkit-radial-gradient(circle at center, #434343 0, #2b2b2b, black 100%);
     background: radial-gradient(circle at center, #434343 0, #2b2b2b, black 100%);
}
.clickFreeCreaPartita{
     background: -webkit-radial-gradient(circle at center, #f5f5f5 0, #e9e9e9, #e6e6e6 100%);
     background: radial-gradient(circle at center, #f5f5f5 0, #e9e9e9, #e6e6e6 100%);
}

.clickClubCreaConcept{
     background: url("../../../skill/lobby/assets/svg/CLICKSIGIOCA/club_crea_tavolo_label.svg") no-repeat;
     left: 20px;
}
.clickFreeCreaConcept{
     background: url("../../../skill/lobby/assets/svg/CLICKSIGIOCA/free_crea_tavolo_label.svg") no-repeat;
     left: 20px;
}
.clubZonaTab,
.clubRaggiLuce,
.clubLogo,
.clubConcept,
.clubPostazioniLabel,
.clubAttesaTavolo,
.clubCountdown{
     display: none;
}

.clubColonna1{
     top: 77px;
     left: 20px;
     width: 215px;
     height: 200px;
}
.clubColonna2{
     top: 256px;
     left: 20px;
     width: 215px;
     height: 100px;
}
.clubColonna3{
     display: none;
}
.clubCreaBtn,
.clubBannerBtn,
.infoStanzaClub,
.freeCreaBtn,
.freeBannerBtn,
.infoStanzaFree
{
     position: absolute;
     left: 20px;
     width: 215px;
     top: 450px;
     height: 30px;
}

.clubBannerBtn,
.freeBannerBtn
{
     top:250px;
}
.infoStanzaClub,
.infoStanzaFree
{
     top: 150px;
     height: 100px;
     display: none;
}

.clickClubAttesaPartita,
.clickFreeAttesaPartita
{
     position: absolute;
     left: 0px;
     width: 255px;
     top: 154px;
     height: 332px;
     cursor: pointer;
     background: -webkit-radial-gradient(circle at center, #434343 0, #2b2b2b, black 100%);
     background: radial-gradient(circle at center, #434343 0, #2b2b2b, black 100%);
}
.clickFreeAttesaPartita{
     background: -webkit-radial-gradient(circle at center, #f5f5f5 0, #e9e9e9, #e6e6e6 100%);
     background: radial-gradient(circle at center, #f5f5f5 0, #e9e9e9, #e6e6e6 100%);
}

.clubRifiutaBtn{
     left: 20px;
     width: 215px;
     top: 280px;
}
.clubMostraInfo{
     display: none;
}

/** LISTA UTENTI **/
.clubRicercaLabel{
     display: none;
}
.clubRicercaUtente {
     position: absolute;
     left: 800px;
     top: 162px;
     width: 200px;
     height: 40px;
}
.clubRicercaUtenteBox{
     width: 209px;
     left: 0px;
     top: 9px;
}
.clubRefreshLista {
     position: absolute;
     left: 894px;
     top: 642px;

}
.clubListaUtenti{
     position: absolute;
     left: 800px;
     top: 169px;
     width: 214px;
     height: 452px;
}
.clickListaUtentiBg{
     position: absolute;
     left: 789px;
     top: 157px;
     width: 235px;
     height: 533px;
}
.clickListaUtentiSwipe{
     display: none;
}

.clickRigaListaGiocando{
     position: absolute;
     top:6px;
     height: 100%;
     width: 7%;
     left:1%;
}
.clickRigaListaAmmonizioni{
     position: absolute;
     top:6px;
     height: 100%;
     width: 5%;
     left:1%;
}
.clickRigaListaNera{
     position: absolute;
     top:6px;
     height: 100%;
     width: 6%;
     left:9%;
}
.clickRigaListaAmici{
     position: absolute;
     top:4px;
     height: 100%;
     width: 8%;
     left:14%;
}
.clickRigaListaUtenti {
     position: absolute;
     top: 0;
     height: 100%;
     text-indent: 0px;
     width: 52%;
     left: 23%;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     align-items: center;
     justify-content: flex-start;
     text-align: left;
     line-height: 26px;


}

.clickRigaListaVIP{
     position: absolute;
     top: 4px;
     height: 100%;
     width: 16px;
     left: 75%;
     text-align: right;

}
.clickRigaListaCategoria{
     position: absolute;
     top:0;
     height: 100%;
     width: 10%;
     left:88%;
     text-align: right;
}

.clickMenuUtente{
     position: absolute;
     top:220px;
     left: 634px;
     width: 160px;
     height: 250px;
     border: 2px solid white;
     background: #f2f2f2;
     display: none;
     text-indent: 5px;
     z-index: 2000;
     /**
     sopra la chat 1
     sopra le carte
     **/
}

.clickMenuRigaUtente,
.clickMenuRigaUtenteOver,
.clickMenuRigaUtenteSelected
{
    position: relative;
    top:0;
    left: 0;
    width: 100%;
    height: 24px;
    border-bottom: 1px solid white;
    cursor: pointer;
}
.clickMenuRigaUtenteOver{
     background: white;
}

.clubInfoUtente{
     position: absolute;
     left: 720px;
     top: 70px;
     width: 301px;
     height: 590px;
     background: white;
     display: none;
     z-index: 3;

}

.clubInfoUtenteTavolo{
     z-index: 9000;/** nel tavolo deve stare sopra carte e chat**/
     top:40px;
}

.infoUtenteAvatar{
     position: relative;
     top: 40px;
     left: 10px;
     width: 90px;
     height: 90px;
}

.infoUtenteDati{
     position: absolute;
     top: 36px;
     left: 110px;
     width: 200px;
     height: 80px;
     line-height: 18px;
}
.infoUtenteDatiNick{
     position: absolute;
     top: 0px;
}
.infoUtenteDatiInfo{
     position: absolute;
     top: 19px;
}

.infoUtenteStelle{
     position: absolute;
     top: 100px;
     left: 110px;
     width: 160px;
     height: 30px;
}

.infoUtenteTabelle{
     position: relative;
     top: 36px;
     margin-top: 0px;
     border-spacing: 0px;
     width: 100%;
     left: 0%;
}
.infoUtenteTabella{
     position: relative;
     top: 0px;
     margin-top: 6px;
     margin-left: 2px;
     border-spacing: 0px;
     width: 97%;
     left: 1%;
     line-height: 21px;
     border-bottom: 1px solid lightgray;
     text-indent: 6px;
}


.cellaDestraSpaziata{
     width: 4px;
}

.clickTextareaNota{
     width: 200px;
     height: 50px;
     border: none;
}
/** BANNER **/
.bannerClick{
     top: 490px;
     width: 255px;
     height: 176px;
}

.bannerSkill{
     top: 490px;
     height: 176px;
}

/** CHAT **/
.chat{
     position: absolute;
     top: 490px;
     left: 525px;
     width: 498px;

     left: 538px;
     width: 487px;

     height: 176px;
}

.chatClub{
     position: absolute;
     top: 490px;
     left: 257px;
     width: 528px;
     height: 176px;
}

.chatElencoMessaggiContainer {
     width: 527px;
     width: calc(100% - 1px);
     height: 146px;
}

.chatElencoMessaggi{
     width: 518px;
     width: calc(100% - 9px);
}

.chatInput{
     left: 0;
     width: calc(100% - 90px);
}/*
.chatHelpBtn{
     left: calc(100% - 90px);
}
.chatEmoticonBtn{
     left: calc(100% - 60px);
}
.chatOptionBtn{
     left: calc(100% - 30px);
}*/

.chatHelpBtn{
     left: calc(100% - 26px);
     width: 30px;
     height: 11px;
     top: 6px;
     background-image:url("../../svg/CSG_Chat_help.svg");
}
.chatEmoticonBtn{
     left: calc(100% - 54px);

     width: 30px;
     height: 15px;
     top: 3px;

     background-image:url("../../svg/CSG_Chat_emoticons_separatore.svg");

}
.chatOptionBtn{
 /*    display:none;*/
     left: calc(100% - 60px);
}
.chatSendBtn
{
     background-image:url("../../svg/CSG_Chat_invio_separatore.svg");
     left: calc(100% - 82px);
     position: absolute;
     width: 22px;
     height: 19px;
     top: 3px;
     background-repeat: no-repeat;
cursor:pointer;
}




.chatRegaliBtn{
     background: unset;
   /*  border-left: 1px solid lightgrey;*/
     background-image: url("../../svg/CSG_Chat_Regalo_Separatore.svg");


}
.chatRegaliBtn>.chatRegaliBtnIcona
{
     display:none;
}
.chatRegaliBtnIcona{

     background: unset;
     position: absolute;
     left: 8px;
     top: 2px;
     width: 14px;
     height: 20px;


}

/** PAGINA DEI GIOCHI **/
.giochiGiocaBtn{
    width: 108px;
}

.giochiProvaBtn{
    display: none;
}

/** PROFILO **/
.profiloPersonale {
     top: 28px;
     height: 500px;
}
.profiloTab{
    position: relative;
    display: inline-flex;
    margin-left: 0px;
    margin-right: 0px;
    width: 143px;
    height: 32px;
    font-weight: bold;
    cursor: pointer;
}
.profiloBoxSaldo{
     top: 10px;
}
.profiloBoxBoostPulsante, .profiloBoxSaldoPulsante {
     width: 110px;
}

.profiloDatiVisibili{
     position: relative;
     top:30px;
     left: 0;
     margin-top: 5px;
     width: 320px;
     height: 30px;
     text-indent: 5px;
}
.profiloDatiVisibiliInput{
     position: absolute;
     left: 103px;
     top: 2px;
     width: 210px;
     height: 20px;
}

.profiloNoServizio{
     position: absolute;
     top: 40px;
     left: 0;
     width: 100%;
     height: 330px;
     z-index: 10;
     display: none;
}

.profiloNoServizioBtn{
     position: absolute;
     top: 180px;
     width: 100px;
     height: 30px;
}
.profiloMezzaZonaSx{
     width:48%;
     left: 2%;
}

.profiloMezzaZonaDx{
     width:48%;
     left: 52%;
}

#profilo_classifiche_ammonizioni{
     top:80px;
}

.headerIconaClickMani{
     width: 40px;
     margin-top: 5px;
}

.headerIconaClickDivieto{
     height: 24px;
     margin-top: 3px;
}

.profiloSessioniCerca{
     position: absolute;
     top:30px;
     height: 30px;
     z-index: 2;
}

.clickListaRigaGenerica{
     position: absolute;
     top:0;
     left:0;
     width: auto;
     height: 100%;
     text-indent: 0px;
}

.clickListaIconaGenerica{
     position: absolute;
     top:5px;
     left: 0;
     height: 20px;
     width: 20px;
}

.clickListaIconaStato{
     position: absolute;
     top:7px;
     left: 0;
     height: 16px;
     width: 16px;
}

#tabella_lista_messaggi,
#tabella_lista_regali{
     top:70px;
     border: 2px solid #ebebeb;
}
.profiloMessaggiIndietro{
     display: none;
}

.clickElencoChat{
     position: absolute;
     top:0;
     left: 0;
     width: 40%;
     height: 100%;
     overflow-y: scroll;
}

.clickElencoChatVuoto{
     position: absolute;
     top:100px;
     left:26px;
}
.clickElencoMessaggiVuoto{
     position: absolute;
     top:100px;
     left: 260px;
}
.clickElencoChatItem{
     position: relative;
     top:0;
     left: 0;
     width: 100%;
     height: 60px;
     cursor: pointer;
     border-bottom: 1px solid #ebebeb;
}


.clickChatAvatar{
     position: absolute;
     top:10px;
     left: 10px;
     width: 40px;
     height: 40px;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
}
.clickChatInfo{
     position: absolute;
     top:14px;
     left: 56px;
     width: calc(100% - 70px);
     height: 32px;
}

.clickChatNotifica{
     position: absolute;
     top:30px;
     right: 10px;
     width: 16px;
     height: 16px;
     border-radius: 8px;
     display: none;
}

.clickElencoMessaggi{
     position: absolute;
     top:0;
     left: 40%;
     width: 60%;
     height: calc(100% - 30px);
     overflow-y: scroll;
}
.clickChatFooter{
     left: 40%;
     width: 60%;
}
.clickElencoMessaggiItemLui,
.clickElencoMessaggiItemIo{
     position: relative;
     top:0;
     margin-top: 10px;
     left: 2%;
     min-width: 30%;
     max-width: 80%;
     min-height: 24px;
     background: #ebebeb;
     border-radius: 8px;
     padding: 6px;
     padding-top: 3px;
     padding-bottom: 3px;
     line-height: 18px;
}

.clickElencoMessaggiItemIo{
     left: 14%;
     background: #e2f9d0;
}
.clickElencoMessaggiItemOra{
     text-align: right;
     font-size: 10px;
     margin: 0;
}

.clickMostraPiuMessaggi{
     font-family: 'Source Sans Pro', sans-serif, Arial;
     font-size: 11px;
     line-height: 11px;
     color: #999;
     background-color: #F2F2F2;
     padding: 4px 0;
     text-align: center;
     width: 50%;
     margin: 0 auto;
     margin-top: 5px;
     border-radius: 9px;
     cursor: pointer;
     margin-bottom: 20px;
}


.clickElencoRegali{
     position: absolute;
     top:0;
     left: 0;
     width: 100%;
     height: 100%;
     overflow-y: scroll;
     display: inline;
}

.clickElencoRegaliItem,
.clickPannelloRegaliItem{
     position: relative;
     left: 0;
     top: 0;
     width: 32%;
     height: 110px;
     border: 1px solid #ebebeb;
     display: inline-block;
     cursor: pointer;
}
.clickPannelloRegaliItem{
     height: 140px;
}

.clickRegaloSvg{
     margin-top: 10px;
     height: 70%;
     width: 70%;
     margin-left: 15%;
     max-height: 60px;
}
.clickRegaloAlert{
     margin-left: 0;
}

.clickNotificaRegalo{
     position: absolute;
     top:5%;
     left: 85%;
     width: 8%;
     height: 8%;
     display: none;
}

/** PANNELLO REGALI **/
.pannelloRegali{
     display: none;
     position: absolute;
     top:100px;
     left: 300px;
     width: 424px;
     height: 500px;
     z-index: 201;/** sopra livello alpha 200 **/
     z-index: 401;/** sopra livello alpha dei tavoli 300 **/
     background: #f5f5f5;
     border: 3px solid white;
}

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

.pannelloRegaliContainer{
     position: absolute;
     top: 60px;
     left: 0;
     width: 100%;
     height: calc(100% - 60px);
     overflow-y: scroll;
     display: inline;
}

/** ANIMAZIONE REGALI **/
.scatolaRegalo{
     position: absolute;
     top: calc((100% - 200px)/2);
     left: calc((100% - 200px)/2);
     width: 200px;
     height: 200px;
     background:url(../../svg/CLICKSIGIOCA/pacco_animato/scatola.svg) no-repeat;
     cursor: pointer;
}

.coperchioRegalo{
     position: absolute;
     top: calc((100% - 200px)/2);
     left: calc((100% - 200px)/2);
     width: 200px;
     height: 200px;
     background:url(../../svg/CLICKSIGIOCA/pacco_animato/coperchio_regalo.svg) no-repeat;
     display:none;
}

.scatolaRegaloAperto{
     position: absolute;
     top: calc((100% - 92px)/2);
     left: calc((100% - 200px)/2);
     width: 200px;
     height: 200px;
     background:url(../../svg/CLICKSIGIOCA/pacco_animato/scatola_aperta.svg) no-repeat;
}

.fumettoRegalo{
     position: absolute;
     top: calc((100% - 393px)/2);
     left: calc((100% - 260px)/2);
     width: 260px;
     height: 100px;
     background:url(../../svg/CLICKSIGIOCA/pacco_animato/fumetto.svg) no-repeat;
     display:none;
     line-height: 60px;
     font-size: 20px;
}

.regaloAnimatoBackground .wrapButtons {
     position: absolute;
     bottom: calc((100% - 365px)/2);
}

.immagineRegalo{
     position: absolute;
     top: calc((100% - 200px)/2);
     left: calc((100% - 200px)/2);
     width: 200px;
     height: 200px;
     display: none;
}

.immagineRegalo img.orizzontale{
    width: 100%;
     height: auto;
}

.immagineRegalo img.verticale{
     width: auto;
     height: 100%;
}

.regaloAnimatoBackground {
     z-index: 1001;
     position: absolute;
     width: 100%;
     height: 70%;
     top: 15%;
     pointer-events: visible;
}

[id$="_alone"].aloneRegalo {
     position: absolute;
     top: calc((100% - 600px)/2);
     left: calc((100% - 600px)/2);
     width: 600px;
     height: 600px;
}

.stellina1Regalo{
     position: absolute;
     top: calc((100% - 102px)/2);
     left: calc((100% - 302px)/2);
     width: 20px;
     height: 20px;
     background:url(../../svg/CLICKSIGIOCA/pacco_animato/stellina.svg) no-repeat;
     display: none;
}
.stellina2Regalo{
     position: absolute;
     top: calc((100% - 184px)/2);
     left: calc((100% - 265px)/2);
     width: 20px;
     height: 20px;
     background:url(../../svg/CLICKSIGIOCA/pacco_animato/stellina.svg) no-repeat;
     display: none;
}
.stellina3Regalo{
     position: absolute;
     top: calc((100% - 173px)/2);
     right: calc((100% - 295px)/2);
     width: 20px;
     height: 20px;
     background:url(../../svg/CLICKSIGIOCA/pacco_animato/stellina.svg) no-repeat;
     display: none;
}

/** FOOTER **/
.footerLegalInfo, .footerLegalInfoBis {
     left: unset;
     right: 20px;
     top: 8px;
     height: 14px;
}

#chat_click_invia_new
{
     left: calc(100% - 115px);
}
#chat_click_emoticon
{
     left: calc(100% - 85px);
}
#chat_click_regali
{
     top:3px;
     height:15px;
     left: calc(100% - 55px);
     background-repeat: no-repeat;
}