﻿.login-form-header input.elemento-input
{
    margin: unset;
}
.login-form-header .persoPass
{
    text-align: right;
}
.tasti-bottom
{
    position: absolute;
    bottom: 0;
    right: 0;
    width: unset;
}
.fissato-bottoni
{
    position: relative;
}
.cg-contatti
{
    width: 800px;
}
#cg-bonus-badge
{
    display: none;
}/*hide updoc*/
#aprimenu-profilo [href="#uploadDoc"], #cg-advice-documenti-carica, #cg-advice-documentiscaduti-carica, #cg-giorni-contratto-carica, #cg-giorni-contratto-popup-carica, #cg_status_doc i.cg-profilo-upload
{
    display: none!important;
}/*hide updoc*/
#cg-detail-menu-sport-tickets
{
    display: block!important;
}
#cg-detail-menu-sport-tickets .facustom-icon:before
{
    content: ""!important;
    display: flex;
    align-items: center;
    width: 20px;
    height: 25px;
    background-image: url(https://www.quigioco.it/external_css/QUIGIOCO/mie_giocate.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    filter: brightness(0) invert(1);
}
span.xp-deposit-method-button>img.xp-poste-it-cc-img
{
    width: 100px;
    margin-top: 10px;
}
.xp-withdraw-method-button>img.xp-postepay-img
{
    width: 100px;
    margin-top: 10px;
}
#xp-withdraw-method-bonifico::before
{
    content: "ATTENZIONE! Per lâ€™evasione della prima richiesta di prelievo con Bonifico Bancario Ã¨ obbligatorio trasmettere foto/screenshot della titolaritÃ  del c/c (email a : comunicazioni@quigioco.it)";
    display: block;
    padding-top: 10px;
}
#xp-withdraw-method-bonifico::before
{
    padding-bottom: 10px;
    margin-bottom: 1rem;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.xp-admiralpay-img
{
    width: 100px;
    max-height: 40px!important;
}/* INIZIO - REGOLE PER I NUOVI BOTTONI CONTATTI E ASSISTENZA NELL'HEADER *//* INIZIO - REGOLE PER I NUOVI BOTTONI CONTATTI E ASSISTENZA NELL'HEADER *//* INIZIO - REGOLE PER I NUOVI BOTTONI CONTATTI E ASSISTENZA NELL'HEADER *//* INIZIO - REGOLE PER I NUOVI BOTTONI CONTATTI E ASSISTENZA NELL'HEADER *//* INIZIO - REGOLE PER I NUOVI BOTTONI CONTATTI E ASSISTENZA NELL'HEADER *//* INIZIO - REGOLE PER I NUOVI BOTTONI CONTATTI E ASSISTENZA NELL'HEADER */
.customHeaderControls
{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}
.customHeaderControl
{
    text-decoration: none;
}
.customHeaderControl>a
{
    text-decoration: none;
}
.customHeaderControl__title
{
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    text-transform: uppercase;
    --color: #fff;
    --background: #001934;
    color: var(--color);/* INIZIO - Regole per il bordo con gradient il background è all'interno*/
    background: radial-gradient(circle at 100% 100%,var(--background) 0,var(--background) 6px,transparent 6px) 0% 0%/8px 8px no-repeat,radial-gradient(circle at 0 100%,var(--background) 0,var(--background) 6px,transparent 6px) 100% 0%/8px 8px no-repeat,radial-gradient(circle at 100% 0,var(--background) 0,var(--background) 6px,transparent 6px) 0% 100%/8px 8px no-repeat,radial-gradient(circle at 0 0,var(--background) 0,var(--background) 6px,transparent 6px) 100% 100%/8px 8px no-repeat,linear-gradient(var(--background),var(--background)) 50% 50%/calc(100% - 4px) calc(100% - 16px) no-repeat,linear-gradient(var(--background),var(--background)) 50% 50%/calc(100% - 16px) calc(100% - 4px) no-repeat,linear-gradient(0deg,#275d9d 0%,#5899b6 100%);
    border-radius: 8px;
    padding: 4px 8px;
    box-sizing: content-box;/* FINE - Regole per il bordo con gradient */
}
.customHeaderControl__title__icon
{
    display: flex;
    align-items: center;
}
.customHeaderControl__title__icon svg
{
    fill: #46afe8;
    width: 18px;
    height: 18px;
}
.customHeaderControl__title__text
{
    font-size: 10px;
}
.customHeaderControl__list
{
    padding: 0;
    margin: 0;
    --background: #001934;
    background: radial-gradient(circle at 100% 100%,var(--background) 0,var(--background) 6px,transparent 6px) 0% 0%/8px 8px no-repeat,radial-gradient(circle at 0 100%,var(--background) 0,var(--background) 6px,transparent 6px) 100% 0%/8px 8px no-repeat,radial-gradient(circle at 100% 0,var(--background) 0,var(--background) 6px,transparent 6px) 0% 100%/8px 8px no-repeat,radial-gradient(circle at 0 0,var(--background) 0,var(--background) 6px,transparent 6px) 100% 100%/8px 8px no-repeat,linear-gradient(var(--background),var(--background)) 50% 50%/calc(100% - 4px) calc(100% - 16px) no-repeat,linear-gradient(var(--background),var(--background)) 50% 50%/calc(100% - 16px) calc(100% - 4px) no-repeat,linear-gradient(0deg,#275d9d 0%,#5899b6 100%);
    border-radius: 8px;
    padding: 2px;
    box-sizing: content-box;
}
.customHeaderControl__list__li
{
    list-style: none;
    width: max-content;
    display: flex;
    width: 100%;
    color: #fff!important;
}
.customHeaderControl__list__li:hover
{
    background: #b2c8df!important;
    color: #1d3351!important;
}
.customHeaderControl__list__li:first-child
{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.customHeaderControl__list__li:last-child
{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.customHeaderControl__list__li a
{
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    padding: 6px 12px!important;
    text-decoration: none!important;
    text-transform: uppercase!important;
    width: 100%!important;
    color: inherit!important;
    text-align: center!important;
    font-weight: 600;
}
.customDropdown
{
    position: relative;
}
.customDropdown:hover .customDropdown__dropdown
{
    grid-template-rows: 1fr;
}
.customDropdown__dropdown
{
    position: absolute;
    z-index: 100000000000000000000000000000000000000000000000000000;
    top: 100%;
    width: max-content;
    min-width: 100%;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 200ms;
    padding-top: 4px;
}
.customDropdown__dropdown__content
{
    grid-row: 1/span 2;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}/* FINE - REGOLE PER I NUOVI BOTTONI CONTATTI E ASSISTENZA NELL'HEADER *//* FINE - REGOLE PER I NUOVI BOTTONI CONTATTI E ASSISTENZA NELL'HEADER *//* FINE - REGOLE PER I NUOVI BOTTONI CONTATTI E ASSISTENZA NELL'HEADER *//* FINE - REGOLE PER I NUOVI BOTTONI CONTATTI E ASSISTENZA NELL'HEADER *//* FINE - REGOLE PER I NUOVI BOTTONI CONTATTI E ASSISTENZA NELL'HEADER *//* FINE - REGOLE PER I NUOVI BOTTONI CONTATTI E ASSISTENZA NELL'HEADER */
.cg-contatti .cg-promotional-links
{
    --background: #001934;
    margin-left: 10px;/* INIZIO - Regole per il bordo con gradient il background è all'interno*/
    background: radial-gradient(circle at 100% 100%,var(--background) 0,var(--background) 6px,transparent 6px) 0% 0%/8px 8px no-repeat,radial-gradient(circle at 0 100%,var(--background) 0,var(--background) 6px,transparent 6px) 100% 0%/8px 8px no-repeat,radial-gradient(circle at 100% 0,var(--background) 0,var(--background) 6px,transparent 6px) 0% 100%/8px 8px no-repeat,radial-gradient(circle at 0 0,var(--background) 0,var(--background) 6px,transparent 6px) 100% 100%/8px 8px no-repeat,linear-gradient(var(--background),var(--background)) 50% 50%/calc(100% - 4px) calc(100% - 16px) no-repeat,linear-gradient(var(--background),var(--background)) 50% 50%/calc(100% - 16px) calc(100% - 4px) no-repeat,linear-gradient(0deg,#275d9d 0%,#5899b6 100%);
    border-radius: 8px;
    padding: 4px 8px;
    box-sizing: content-box;/* FINE - Regole per il bordo con gradient */
}
.cg-contatti .cg-promotional-links img
{
    filter: brightness(0) saturate(100%) invert(61%) sepia(26%) saturate(1149%) hue-rotate(160deg) brightness(98%) contrast(85%);
}
#cg_main_menu li.pointer a[href="#referafriend"]
{
    display: none!important;
}
.tab-content .input-group-btn
{
    background-color: #d6002a!important;
}
#cg-referafriend-container .btn
{
    color: #fff;
}