#cg-registrazioneGvModal {
  z-index: 9999999999;
}
#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);
}

/* 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: #ffffff;
  --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: #ffffff !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%);
}*/


body{  
  flex-direction: column;
  padding: 0; 
}
/*Card images*/
div#cg-signup-card-spidCie {
    background-image: url('https://cdn.quigioco.it/external_cms/QUIGIOCO/img/d_reg_spid.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 150px;
    width: 450px;
    max-width: 100%;
}
div#cg-signup-card-classica {
    background-image: url('https://cdn.quigioco.it/external_cms/QUIGIOCO/img/d_reg_classica.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 150px;
    width: 450px;
    max-width: 100%;
}

ul#final-step-list li {
  position: relative;
}

ul#final-step-list li span::before {
  height: 25px;
  width: 25px;
  content: "\2713";
  color: white; 
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  left: 30%;
  top: -30px;
  transform: translateX(-50%);
  background-color: #4CAF50; 
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}


#cg-slide-paragrafo-35,
#cg-slide-paragrafo-38{
  display: none !important;
}


.registrazione-responsive-main-obj label[for]:not(
    #generali-and-bonus .bonus-section label[for],
    #formStep5 > fieldset label[for],
    .cg-HBG-borderT label[for],
    .radio-group label[for]),
.registrazione-responsive-main-obj .registration__form-group__label,
.registrazione-responsive-main-obj .form-group.floating-label-group:has(label + input[type="date"]) label,
.registrazione-responsive-main-obj label[for="cg-birth-nation"] {
    display: none !important;
}

.registrazione-responsive-main-obj label.req-star:has(input),
.registrazione-responsive-main-obj label.req-star:has(select),
.registrazione-responsive-main-obj input[type="date"],
.registrazione-responsive-main-obj .cg-form-group.codice-fiscale-group,
.registrazione-responsive-main-obj #cg-form-group-gender > p {
    position: relative;
}

.registrazione-responsive-main-obj label.req-star:has(input)::before,
.registrazione-responsive-main-obj label.req-star:has(select)::before,
.registrazione-responsive-main-obj input[type="date"]::before,
.registrazione-responsive-main-obj .cg-form-group.codice-fiscale-group::before {
    content: "*";
    z-index:999;
    position: absolute;
    top: 8px;
    left: 8px;
    color: red;
    font-weight: bold;
}

.registrazione-responsive-main-obj #cg-form-group-gender > p::before {
    content: "*";
    z-index:999;
    position: absolute;
    top: -8px;
    left: 38px;
    color: red;
    font-weight: bold;
}

.registrazione-responsive-main-obj .form-group.cg-mandatory label:after {
    content: '';
}

.registrazione-responsive-main-obj #cg-signup-start-responsive-dinamic .mode-option {
    border: none !important;
}

.registrazione-responsive-main-obj .cg-classic-signup-start-class.cg-spid-signup-start-class {
    background-color: transparent !important;
}