/* personalizzazione del canale globale del canale desktop */
.splashPageLogo {
    position: absolute;
    top: 280px;
    left: calc((100% - 400px) / 2);
    width: 400px;
    height: 110px;
    text-align: center;
    background-image: url(../../svg/LEOVEGAS/logo.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    display: none;
}

/* personalizzazione del canale globale del canale desktop */
.splashPageLayoutCustom {
    background-image: url(../../../skill/lobby/assets/svg/LEOVEGAS/desktop/splash_page.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.splashPageLayoutCustom img{
    display: none;
}

.headerMenuLogo {
    position: absolute;
    top: 1px;
    left: 770px;
    width: 120px;
    height: 27px;
    text-align: center;
    background-image: url(../../svg/LEOVEGAS/logo.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}

.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: 7px;
    height: 100%;
    width: 5%;
    left: 3px;
}

.clickRigaListaNera {
    position: absolute;
    top: 7px;
    height: 100%;
    width: 15px;
    left: 17px;
}

.clickRigaListaAmici {
    position: absolute;
    top: 7px;
    height: 100%;
    width: 15px;
    left: 17px;
}

.clickRigaIconaStaff {
    position: absolute;
    top: 7px;
    height: 100%;
    width: 14px;
    left: 34px;
}

.clickRigaIconaModeratore {
    position: absolute;
    top: 7px;
    height: 100%;
    width: 14px;
    left: 34px;
}

.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% - 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 **/
.footerLogo{
    height: 25px;
    margin-top: 2px;
}


.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;
}

/*PERSONALIZZAZIONE PANNELLO GIOCHI*/

.pannelloGiochi.monoProdotto {
    top: 0;
    z-index: 204;
    left: 0;
    width: 100%;
    height: calc(100% - 30px);
}

.monoProdotto .giochiContainer {
    width: 100%;
    height: 100%;
    position: relative;
}

.containerMonoProdotto {
    position: relative;
    width: 100%;
    height: 100%;
}

/*RIGHE DI SFONDO*/
.containerMonoProdotto:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(
            135deg, rgba(255, 255, 255, 0.2) 14.29%,
            rgba(255, 255, 255, 0) 14.29%,
            rgba(255, 255, 255, 0) 50%,
            rgba(255, 255, 255, 0.2) 50%,
            rgba(255, 255, 255, 0.2) 64.29%,
            rgba(255, 255, 255, 0) 64.29%,
            rgba(255, 255, 255, 0) 100%);
    background-size: 12px 12px;
    width: 100%;
    height: 100%;
}

.containerMonoProdotto .pannelloMonoProdotto {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.containerMonoProdotto .pannelloMonoProdotto > div {
    width: 100%;
}

.containerMonoProdotto .nomeMonoProdotto {
    float: left;
    width: 100%;
    height: auto;
    color: white;
    font-weight: 600;
    font-size: 100px;
    line-height: 100px;
    opacity: 0.6;
    text-align: center;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.containerMonoProdotto .pannelloBottoneMonoProdotto {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
}

.containerMonoProdotto .bottoneMonoProdotto {
    cursor: pointer;
    font-size: 35px;
    line-height: 35px;
    padding: 10px 20px 15px 20px;
    display: inline-block;
}

.containerMonoProdotto .bottoneMonoProdotto > img {
    width: 9px;
}

.containerMonoProdotto > img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
}

/*PERSONALIZZAZIONE DELLA SPLASH MONO PRODOTTO*/

.splashPage .pannelloBottoneMonoProdotto {
    display: none;
}

.splashPage.monoProdotto .preloaderLabel {
    top: 5%;
    font-size: 22px;
    width: 100%;
}