﻿/* rev 15/04/2021 */

@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap');

:root {
    --xp-selected-amount-bg-color: #2e8b4b !important;
    --xp-selected-amount-input-bg-color: #2e8b4b !important;
    --xp-selected-amount-color: white !important;
    --xp-selected-amount-input-color: white !important;
}

* {
    font-family: 'Lato', sans-serif;
}

body {
    font-family: Lato, sans-serif;
    background-color: #101010 !important;
}

.oia-hide {
    display: none !important;
}

.cg-favicon {
    background-image: url(https://resources2.betaland.it/images/betaland/beta.ico) !important;
}

.bg-colore-1 {
    background: #2e8b4b !important;
}

/* HEADER */

.funzioni-menu,
.info-utili {
    display: none;
}

.cg-logo-age-18 {
    cursor: pointer;
}

.disclaimer {
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    max-width: 100%;
    flex: none;
    padding: 15px 15px;
    height: 40px;
}

.testo-disclaimer {
    font-size: inherit !important;
}

    .testo-disclaimer br {
        display: none !important;
    }

.cg-aams-loghi-container {
    transform: none !important;
}

.cg-header-logo {
    width: 32px !important;
    height: 21px !important;
    display: block;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    transform: none !important;
}

.cg-aams-loghi-container #cg-header-logo-timone .cg-header-logo.cg-logo-timone-adm {
    background-image: url(https://resources2.betaland.it/images/betaland/header/logo_ADM_timone.png) !important;
}

.cg-aams-loghi-container #cg-header-logo-adm .cg-header-logo.cg-logo-timone-adm {
    background-image: url(https://resources2.betaland.it/images/betaland/header/logo_ADM_star.png) !important;
    width: 84px !important;
}

.cg-aams-loghi-container #cg-header-logo-18 .cg-header-logo.cg-logo-timone-adm {
    background-image: url(https://resources2.betaland.it/images/betaland/header/logo_18plus.png) !important;
}

/* MAIN-BAR */

.barra-intermedia {
    background-color: #2E8B4B;
    height: 100px;
    padding: 0;
}

.cg-header-customer-logo {
    background: url(https://resources2.betaland.it/images/betaland/logo-white.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    height: 70%;
}

.logo {
    padding-left: 20px;
    height: 100px;
}

    .logo img {
        width: 220px !important;
        height: auto !important;
    }

.login-header {
    padding-right: 25px;
}

.login-header {
    padding: 0 30px;
}

    .login-header .blocco-header {
        border-right: none !important;
    }

        .login-header .blocco-header input {
            background: #fff;
            border-radius: 0;
            border: 0;
            padding: 10px;
        }

.bottone-login {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    min-width: 120px;
    height: 40px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.9rem;
    cursor: pointer;
    letter-spacing: 1px;
    background-color: transparent;
    border: 2px solid #fff !important;
    color: #fff !important;
    border-radius: 0;
    margin: 0 5px;
    font-size: 1.1rem;
    letter-spacing: 1.5px;
}

.bottone-registrazione {
    background-color: #ffd800 !important;
    border: 2px solid #ffd800 !important;
    color: #101010 !important;
}

.selettore-lingua {
    display: none !important;
}

.cg-text-muted {
    color: #fff;
}

#cg-header .blocco-header .btn {
    display: block;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    height: 45px !important;
    text-align: center !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 0.9rem !important;
    cursor: pointer !important;
    letter-spacing: 1px !important;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 0 !important;
    margin: 0 5px;
    width: auto;
}

.cg-deposit-button {
    display: flex !important;
    background-color: #ffd800 !important;
    border: 2px solid #ffd800 !important;
    color: #101010 !important;
    min-width: 130px;
    margin-left: 16px !important;
}

.barra-intermedia {
    color: #fff;
}

.blocco-header.pointer i {
    align-self: center;
}

.blocco-header.pointer #cg-messages-badge {
    align-self: center;
    margin-bottom: auto;
}

/* NAV-BAR */

.menu-principale-barra ul {
    padding: 0;
    height: 40px;
    justify-content: left;
}

.barra-menu li {
    font-size: 16px;
    /* letter-spacing: 0.5px; */
}

.menu-principale-barra a {
    padding: 1.2rem;
    font-weight: 600 !important;
}

.sottomenu-nav .nav.nav-tabs.barra-menu.nero {
    padding: 10px 0;
}

.sottomenu-nav .pointer {
    font-size: 1rem;
    padding: 0.9rem;
}

#sport-frame {
    margin-top: 0 !important;
}


/* FOOTER */

.main-content {
    margin-bottom: 0;
}

.elementi-footer {
    width: 100% !important;
    margin-top: -5px;
    position: relative;
    background-color: #272727;
}

.tasti-bottom {
    display: none;
}

#nascondifooter {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 1558px;
    padding: 0;
    background-color: #272727;
    margin: 32px auto 0;
    padding: 0 16px;
}

.barra-superiore-footer {
    background-color: #272727;
    border-top: none;
    padding: 1rem 20px 1rem !important;
}

    .barra-superiore-footer > div {
        max-width: 100% !important;
    }

.blocco-footer p {
    font-size: 1.2rem;
    color: #2e8b4b;
    margin-bottom: 4px;
    font-weight: 800 !important;
}

.blocco-footer a {
    font-size: 1.1rem;
}

.barra-inferiore-footer {
    background-color: #272727;
}

.barra-intermedia-footer {
    width: 16%;
    background-color: #272727;
}

    .barra-intermedia-footer:before {
        content: 'METODI DI PAGAMENTO';
        width: 100%;
        display: block;
        text-transform: uppercase;
        margin: 0 0 4px;
        color: #2e8b4b;
        font-size: 1.2rem;
        font-weight: 800;
        font-family: 'Lato', sans-serif;
    }

    .barra-intermedia-footer .cg-footer-sections {
        justify-content: space-between;
    }

.cg-footer-img {
    height: 34px !important;
    margin: 4px 8px 4px 0 !important;
}

.blocco-footer {
    padding: 0;
}


/* .barra-inferiore-footer:before {
  content: '';
  background: url(https://resources2.betaland.it/images/betaland/footer/logo_icon.png);
  display: block;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 20px;
} */

.barra-inferiore-footer .grassetto {
    margin: 8px 0;
    text-align: center;
}

    .barra-inferiore-footer .grassetto:before {
        content: 'Betaland vede il gioco come forma di puro divertimento. Da qui il nostro payoff fun first. Si muove all’interno del delicato mondo del gambling attuando una politica di protezione del consumatore e di responsabilità sociale.';
        display: block;
        text-align: center;
        padding-bottom: 16px;
        max-width: 800px;
        line-height: 1.7rem;
    }

#cg-top-button {
    z-index: 2 !important;
}

.col-lg-4.cg-align-self-center:before {
    content: '';
    background: url(https://resources2.betaland.it/images/betaland/logo-white.png);
    display: block;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 16px 0;
}

.cg-footer-heading.maiuscolo {
    font-size: 0;
    margin: 8px 0;
}

    .cg-footer-heading.maiuscolo:before {
        content: 'Betaland vede il gioco come forma di puro divertimento. Da qui il nostro payoff fun first. Si muove all’interno del delicato mondo del gambling attuando una politica di protezione del consumatore e di responsabilità sociale.';
        display: block;
        text-transform: none;
        /* font-size: .81rem; */
        font-size: 1rem;
    }

    .cg-footer-heading.maiuscolo.margine-su:before {
        content: 'Concessione ADM n° 15238 di OIA Services Ltd.';
        display: block;
        /* font-size: .75rem; */
        font-size: 1rem;
        line-height: 1.3rem;
    }

    .cg-footer-heading.maiuscolo.margine-su:after {
        content: 'Copyright betaland.it - Tutti i diritti riservati.';
        display: block;
        /* font-size: .625rem; */
        font-size: 0.9rem;
        text-transform: none;
        line-height: 1.3rem;
    }

.barra-inferiore-footer {
    display: none;
}

.cg-footer-logo.cg-logo-aams {
    width: 42px !important;
    height: 28px !important;
}

#cg-footer-logo-timone .cg-footer-logo.cg-logo-aams {
    background-image: url(https://resources2.betaland.it/images/betaland/footer/logo_ADM_timone.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

#cg-footer-logo-adm .cg-footer-logo.cg-logo-aams {
    background-image: url(https://resources2.betaland.it/images/betaland/footer/logo_ADM_star.png) !important;
    width: 112px !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

#cg-footer-logo-18 .cg-footer-logo.cg-logo-aams {
    background-image: url(https://resources2.betaland.it/images/betaland/footer/logo_18plus.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* Home page */

.contenitore-landing-2 {
    background-color: #272727 !important;
    border: none !important;
    border-radius: 0 !important;
}

.landing-casino {
    /* display: none !important; */
}

.contenitore-landing-2 > .margine-su > .col-md-5 {
    /* display: none !important; */
}

.contenitore-landing-2 > .margine-su > .col-md-7 {
    /* flex: none !important; */
    /* max-width: 100% !important; */
}

.secondo-blocco-landing-slide-1,
div#cg-top-match-1 {
    border-radius: 0;
}

.selezionata,
.quota:hover {
    background-color: #ffd800 !important;
    color: #000 !important;
}

.widget-bordato {
    border-radius: 0 !important;
    border: none;
}

.row.selettore.bg-colore-1.allinea-sinistra.barra-bg-casino.margine-su {
    background-color: #2E8B4B !important;
    border-radius: 0;
    margin: 2rem 10px 1rem 10px;
}

a.tasto-nav-quote-landing.active {
    border-color: #2E8B4B !important;
}

.cg-landing-casino-game-play-btn {
    background: #2E8B4B;
    color: #ffffff;
}

.cg-landing-casino-game-try-btn {
    background: rgba(255, 255, 255, .05);
    border: 2px solid #777;
    color: var(--white);
}

    .cg-landing-casino-game-try-btn:hover {
        background: rgba(255, 255, 255, .2);
    }

.overlay-mosaico {
    background-color: rgba(0, 0, 0, .65);
    z-index: 2 !important;
}

.container-slider .slider.highlightsCarousel .slick-list.draggable .slick-track .banner-landing.slick-slide .bottone-container .cg-landing-casino-game-play {
    display: block !important
}

.container-slider .slider.highlightsCarousel .slick-list.draggable .slick-track figure .bottone {
    width: 7rem;
    text-align: center;
}

.container-slider .slider.highlightsCarousel .slick-list.draggable .slick-track figure .cg-landing-casino-game-try-btn,
.slot-multiple-3 .blocco-mosaico,
.slick-active {
    background-color: #272727;
}

    .container-slider .slider.highlightsCarousel .slick-list.draggable .slick-track figure .cg-landing-casino-game-try-btn:hover {
        background-color: #272727c7;
    }

.slot-multiple-3 .blocco-mosaico {
    height: 150px !important;
    overflow: hidden !important;
}

.slick-slide img {
    display: unset !important;
}

#cg-casino-games-container .slick-list .slick-track .slick-slide img {
    position: absolute !important;
    top: -9999px !important;
    bottom: -9999px !important;
    left: -9999px !important;
    right: -9999px !important;
    margin: auto !important;
    max-width: none !important;
}

.slick-arrow {
    color: #ffffff !important;
}

    .slick-arrow#destra-small {
        margin-left: 5px;
    }

.slide-m-dots-small ul.slick-dots,
.slide-m-dots-small-3 ul.slick-dots,
.slide-m-dots-small-4 ul.slick-dots {
    width: 100%;
}

    .slide-m-dots-small ul.slick-dots li.slick-active,
	.slide-m-dots-small-3 ul.slick-dots li.slick-active,
	.slide-m-dots-small-4 ul.slick-dots li.slick-active	{
        background: #ffd800 !important;
    }

.jackpot-box {
    background-color: #2e8b4b !important;
    z-index: 1 !important;
}

a.link-nav-widget.active {
    border-color: #2e8b4b !important;
}

/*.slick-active {
    background-color: #235a34 !important;
}*/


/* Popup */

.modal-content.nero {
    background-color: #272727 !important;
}

.modal-title.nero,
.cg-modal-heading.grassetto.nero,
.grassetto.nero {
    /*color: #fff !important;*/
    text-shadow: none !important;
}

.modal-header {
    border-color: #101010 !important;
}

#cg-forza-privacy-modal #cg-forza-privacy-modal-testo a {
    color: #2e8b4b;
    text-decoration: none;
    font-weight: 700;
}

#cg-session-expiration-modal .nero {
    color: #fff!important;
}

/* Account */

a.nav-link.altezza-fissa,
ul.nav.nav-tabs.barra-menu.nero > li > a {
    color: #000 !important;
}

    a.nav-link.altezza-fissa.active {
        color: #2e8b4b !important;
    }

#cg-header .nav.nav-tabs > li > a {
    color: #101010 !important;
    font-weight: 600;
    letter-spacing: 0;
    padding: 8px 16px;
}

.perso-password {
    background-color: #101010;
    color: #fff !important;
}

    .perso-password * {
        color: #fff !important;
    }

.bs-stepper-content .form-group label,
.custom-control-label,
.form-group.blocco-versamenti p {
    /*color: #fff !important;*/
    font-size: 14px;
}

.limiti-attuali.margine-su .custom-control.custom-checkbox .custom-control-label.grassetto {
    color: #000 !important;
}

.bs-stepper-content .form-group label::after,
#nota {
    color: #19b845 !important;
}

.form-control {
    color: #101010 !important;
}

span.bottone.grigio {
    font-weight: 900;
    color: #d6d6d6;
    border: 2px solid #d6d6d6;
    padding: 8px 16px;
}

a.bottone-versamento.grassetto,
.modal-content.nero,
#cg-confirmation-modal-close-button > span {
    color: #fff !important;
}

.perso-password hr.riga-divisore {
    display: none;
}

.fa,
.far,
.fas {
    font-family: "Font Awesome 5 Free" !important;
}

.fab {
    font-family: "Font Awesome 5 Brands" !important;
}

.modal-registrazione .registrazione-main #cg-signup-stepper .bs-stepper-content #cg-signup-step-account-data .bottone-versamento.grassetto {
    color: #212529 !important;
}

/* DISABILITO MODIFICA CAMPI DETTAGLIO PROFILO */

.tabella-profilo #cg-nazione-residenza,
.tabella-profilo #cg-address-provincia,
.tabella-profilo #cg_comune_residenza {
    pointer-events: none;
}

#edit-address,
#edit-cap,
#edit-phone,
#edit-email,
#cg-button-promotions,
#cg-barra-cookies,
#pannello-di-controllo-section,
#cg-pvr-button-webpdc,
#cg-pvr-button-webpdc-separator,
#cg-term-cond-section {
    display: none !important;
}

.bottone-versamento.grassetto.transaction-button.pointer {
    color: #000 !important;
}

i.fab {
    margin-right: 5px;
}

#genericModalDialog .modal-dialog.modal-dialog-centered .modal-content.nero .modal-footer.justify-content-between .btn.btn-default {
    background-color: #2e8b4b !important;
    color: white !important;
}

.modal-account {
    background-color: #2e8b4b;
}

#cg_main_menu {
    background-color: #fff;
}

.nav.nav-tabs.barra-menu.nero {
    background-color: #d9d9d9;
}

.modal-registrazione {
    background-color: #2e8b4b;
}

.registrazione-main {
    background-color: #fff;
}

/* MYBET */

#cg-mybet-button .cg-tabLayerMobile > div {
    background-color: #272727 !important;
}

#cg-tabContainer {
    background-color: #272727 !important;
}

.cg-mybet-section .nav-slider {
    white-space: nowrap;
    background-color: #3c3c3c;
    overflow-x: auto;
    overflow-y: hidden;
    will-change: overflow-y;
    box-shadow: inset 0 0 1px 2px rgba(0,0,0,.1);
    color: white !important;
}

.nav-slider-item {
    color: white !important;
}

.cg-mybet-section .circle {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #111;
    border-radius: 50%;
    margin-left: .2rem;
    height: 20px;
    width: 20px;
    font-size: 13px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.18);
    background-color: #ffdb00 !important;
    color: black !important;
}

.cg-mybet-section {
    background-color: #272727 !important;
}

    .cg-mybet-section .mybet-container {
        margin: 1rem;
        margin-bottom: 0;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 0 1px 1px rgba(0,0,0,0.18);
        background-color: #3c3c3c !important;
        color: white !important;
    }

/* Overwritten classes */

.light-grey-bg {
    background: transparent !important;
}

.light-grey-bg {
    background: transparent !important;
}

.grey-box {
    background-color: transparent !important;
}

.grey {
    color: white !important;
}

.cg-mybet-section .margin-top-10pc {
    color: white;
}

#my-bets-container .mybet-container .d-flex.flex-column .d-flex.flex-column.margine-su-giu .d-flex.align-items-center
.d-flex.flex-column.justify-content-center .d-flex.align-items-center.margine-su-giu.pointer img {
    background-color: white;
}

#my-bets-container .mybet-container .d-flex.flex-column.margine-su-giu .d-flex.align-items-center
.d-flex.flex-column.justify-content-center .d-flex.align-items-center.margine-su-giu.pointer img {
    background-color: white;
}

#my-bets-navbar .selected {
    border-bottom-color: #2e8b4b;
}

#cg-pvr-saldo-amount.cg-saldo-negativo {
	font-weight: 900;
	color: #d10e0e;
	font-size: 11pt;
}

/* Sport */

.carousel.slide ol.carousel-indicators li.active {
	background-color: #ffd800 !important
}

/* NEW */
/* Poker */
.schede-poker .card {
    background-color: #101010;
    color: #fff;
}

.blocco-principale-poker {
    background-color: #424242;
}

.container.blocco-principale-poker {
    width: 100% !important;
    max-width: unset;
}

.cg-poker-banner-container {
    width: 100%;
}

.banner-top-poker {
    max-height: unset !important;
}

.banner-top-poker img.img-fluid {
    width: 100%;
}

#cg-button-theclover{
    display:none;
}

/* PAYMENT SECTION */
.xp-metodo>.img-fluid {
    max-height: 50px!important;
}

.xp-scratch-card-img, .xp-voucher-img, .xp-voucher-efecty-img {
	width: unset!important;
    height: unset!important;
    max-height: 50px!important;
}

#bingoframe{
	height: 1200px !important;
}

.elementi-footer-chiuso{
    z-index: 3 !important;
}

/*Supporto interno*/
main.modal-supporto .grigio-supporto {
    background: var(--intermediate-bar-bg-color);
}

main.modal-supporto .supporto-principale .card-body a {
    color: var(--intermediate-bar-bg-color);
}