/* modal box account */

.modale-profilo {
    min-width: 85rem;
}

.modal-account .barra-menu {
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    align-items: center;
}

.modal-account .sottomenu-main {
    background: rgba(0, 0, 0, 0.05);
}

.toggle-nascondi:before {
    font-family: "Font Awesome 5 Free", 'fontawesome';
    content: "\f0d7";
    color: #fff;
    font-weight: 900;
    margin-right: .25rem;
    display: none;
}

.toggle-nascondi.collapsed:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free", 'fontawesome';
    font-weight: 900;
}

.modal-account {
    border: 1px solid #ccc;
    border-radius: .5rem;
    max-width: unset;
    width: 100%;
    min-height: 100%;
}

.info-account {
    background: #ececec;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex: 1 1 50%;
}

.blocco-info-account {
    flex: 0 0 calc(50% - .25rem);
    padding: 1rem .5rem;
    border-color: #ccc;
}

.testata-modal-account {
    padding: 1rem;
}

.blocco-profilo .bordo-dx,
.blocco-profilo.bordo-su {
    border-color: #ccc;
}

.row.blocco-profilo {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

li a.altezza-fissa {
    height: 40px;
}

.contenuto-modal-account {
    display: flex;
    width: 100%;
    border: 1px solid #ccc;
    padding: .5rem;
    margin: .5rem auto;
    border-radius: .25rem;
}

.tabella-profilo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
}

.tabella-profilo{
    display: grid;
    grid-template-columns: 1fr 3fr;
}

#cg-profile-all-contatti-table{
	grid-template-rows: auto;
}

#cg-profile-all-contatti-table .edit-field,
#cg-profile-all-contatti-table .edit-icon{
	display: inline;
}

#cg-profile-all-contatti-table input{
	display: inline;
	width: 85%;
}

.blocco-profilo .user-img {
    max-width: 9rem;
}

p.titolo-profilo {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    font-weight: bold;
}

ul.gruppo-lista {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.colonna-profilo {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

#dashboard-link .colonna-profilo:hover {
    background: #f5f5f5;
    border-radius: .25rem;
    border: 0px solid;
}

.tab-dx {
    text-align: right;
}

.modal-account .sottomenu-nav ul {
    list-style: none;
}

.modal-account .menu-profilo-barra ul {
    padding-top: .75rem;
    padding-bottom: .75rem;
    position: relative;
}

.menu-profilo-barra ul a {
    padding: .85rem;
}

.modal-account .sottomenu-nav li {
    font-size: 1.12rem;
    line-height: 1.25;
    text-transform: uppercase;
}

.modal-account .sottomenu-nav a {
    font-size: .95rem;
    line-height: 1.75;
}

.menu-account ul {
    width: 100%;
    justify-content: space-around;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover {
    background-color: #696969;
}

.menu-drop {
    background: #d95700;
    border: 0px;
    border-radius: 0px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: transparent !important;
    border: 0px;
    color: inherit;
}

.tabella_giocate {
    border-collapse: separate;
    border-spacing: 0 .5rem;
}

.tabella_giocate .vinta {
    color: #168f16;
}

.tabella_giocate .persa {
    color: #d10e0e;
}

.tabella_giocate > tbody > tr {
    background: #f8f8f8;
}

/* .tabella_giocate > tbody > tr:hover, */
/* .tabella_giocate > tbody > .highlight_row { */
/*     background: rgba(255, 102, 0, 0.8); */
/*     color: #fff !important; */
/* } */

.tabella_giocate > tbody > .highlight_row > td {
    color: #fff !important;
}

table td, table th {
    border-top: 0px !important;
    vertical-align: middle !important;
}

.tabella_giocate thead th {
    border: 0px;
}

.tabella-scrollabile {
    max-height: 500px;
    overflow: auto;
}

.casella-check {
    background: #fff;
    text-align: center;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: var(--bg-color-1);
    background-color: var(--bg-color-1);
}

.gruppo-lista-item select.form-control.form-control-sm,
.gruppo-lista-item input.form-control {
    background: #ececec;
    margin: .5rem auto;
}

.titolo-sezione-tab {
    padding: 1rem 0;
    font-size: 1.25rem;
    line-height: 1.25;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1.5rem;
}


li.gruppo-lista-item.tab-sx {
    align-self: center;
}

.form-elementi {
    display: flex;
    justify-content: space-between;
    max-width: 7rem;
    align-items: center;
}

.modal-account label {
    display: inline-block;
    margin-bottom: 0;
    align-self: center;
    /* max-width: 12rem;
    min-width: 9rem; */
}

.modal-account table label {
    min-width: unset;
}

.blocco-bottoni {
    margin-top: 2rem;
    text-align: center;
}

.password-blocco .form-control {
    max-width: 23rem;
}

.blocco-filtri {
    display: flex;
    justify-content: space-around;
}

.row.filtro-lista .col-lg-12 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.row.filtro-lista {
    padding: .5rem 0;
}

.selettore-filtro-elenco a {
    display: block;
}

.form-group.filtraper {
    display: flex;
    justify-content: space-around;
}

input.form-control.datetimepicker-input {
    max-width: 9rem;
    font-size: .75rem;
    line-height: 1;
}

.blocco-filtri .form-group {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0 .5rem;
}

.testo-filtro-data {
    display: flex;
    justify-content: space-around;
    padding: 0 .25rem;
    align-self: center;
}

.blocco-filtri .date {
    align-items: center;
}

.blocco-filtri .custom-checkbox {
    margin: 0 .5rem;
}

span.data-span {
    margin: 0 .5rem;
}

.stampa-condividi {
    padding: 2rem 0;
}

a.bottone-versamento,
input.bottone-versamento {
    border: 1px solid #ccc;
    padding: .75rem;
    border-radius: .25rem;
}

.blocco-versamenti {
    display: block;
    margin: 1.25rem auto;
}

.versamenti-numeri {
    display: block;
    margin: 1.5rem auto;
}

img.loghi-carte.img-fluid {
    max-width: 14rem;
    display: block;
    margin-bottom: 2rem;
}

.dettagli-carta {
    margin: 2rem 0;
}

.row.saldo-attuale p {
    font-size: 1.5rem;
    line-height: 1.25;
}

.metodo {
    max-width: 20%;
    padding: 1rem;
    color: #ccc;
    border-radius: .25rem;
    border: 0px;
    box-shadow: inset 0px -2px 10px 1px #ccc;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.met-attivo,
.metodo:hover {
    border-top: 5px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    color: var(--bg-color-1);
    box-shadow: unset;
    transition: all 200ms ease;
}

.metodi-pagamento .col {
    display: flex;
}

.scheda-verifiche label {
    width: 9rem;
}

input.cerca {
    padding: .25rem .5rem;
    border-radius: .25rem;
    box-shadow: unset;
    border: 1px solid #ccc;
}

.casella-check-mess .custom-control.custom-checkbox,
th.casella-check-mess {
    width: 1.5rem;
    margin: 0 auto;
}

li.nav-item.dropdown {
    padding: 0;
}

.modal-account .nav-tabs .nav-item {
    margin-bottom: 0;
}

.modal-account .barra-menu li {
    padding: 0;
    background: transparent;
    position: relative;
}

.date .dropdown-menu {
    min-width: 250px;
    padding: 1rem;
}

.date .active {
    background: var(--bg-color-1) !important;
}

/* registrazione */

.aiuto-top {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.avanzamento {
    display: flex;
    justify-content: space-between;
}

.registrazione-main .row {
    margin: 1.5rem auto;
}

.colonna-reg {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-color: #ccc;
}

.registrazione-main {
    width: 100%;
    border: 1px solid #ccc;
    padding: .5rem;
    margin: 1rem auto;
    border-radius: .25rem;
}

.registrazione-main .one-step .row {
	width: auto;
	margin: unset;
}

.registrazione-main .one-step .col.cg-error-container{
	padding: .375rem 0;
}

.registrazione-main .one-step fieldset::last {
	padding-bottom: 2rem;
}

.registrazione-main .one-step fieldset {
	border-top: 1px solid lightgray;
}

.registrazione-main .one-step legend {
	width: auto;
	cursor: default !important;
}

.active .bs-stepper-circle {
    background-color: var(--bg-color-1) !important;
}

.disclaimer-perso {
    font-size: .75rem;
}

.perso-password {
    padding-top: 3rem;
    padding-bottom: 1rem;
}

.recaptcha img {
    max-width: 20rem;
}


.persoPass {
    cursor: pointer;
}

input.persoPassword {
    background: #f5f5f5;
    border: 0px;
}

.perso-password .col-md-12 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

hr.riga-divisore {
    height: 1px;
    width: 100%;
}

/* fine registrazione */

li.com-menu:after {
    content: "";
    background: url(../../images/desktop/coming-soon.png);
    width: 50px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -3px;
    border-radius: .25rem;
    transform: rotate(10deg);
    right: 4px;
}

.cg-profile-validated-field-img{
	background-image: url(../../images/conto/check-mark-green.svg);
    position: absolute;
    height: 20px;
    width: 20px;
    background-position: center;
    background-size: 100% 100%;
    left: -30px;
}

.cg-rule-container{
	max-width: 125px;
}

.cg-otp-field {
  display: flex;
}
.cg-otp-field input {
  width: 100%;
  font-size: 20px;
  padding: 5px;
  text-align: center;
  border-radius: 5px;
  margin: 5px;
  background: var(--cg-brand-color );
  font-weight: bold;
  color: var(--cg-brand-color-contrast);
  outline: none;
  transition: all 0.1s;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

.cg-otp-field input::-webkit-outer-spin-button,
.cg-otp-field input::-webkit-inner-spin-button {
    -webkit-appearance: none;
	margin: 0;
}

.cg-otp-field input:focus {
  border: 2px solid var(--tickets-button-border-color);
  box-shadow: 0 0 2px 2px #000000;
}

.cg-otp-field-space {
  margin-right: 1rem !important;
}

.edit-field:has( > div.cg-bottoni-validazione) .cg-bottoni-validazione{
	display: block;
}
	
.edit-field:has( > div.cg-bottoni-validazione) #cg-phone:not([disabled]){
	#sms-validator-container.cg-bottoni-validazione{
		display:none;
	}
}

.edit-field #cg-phone:not([disabled]) ~ #sms-validator-container{
	display:none;	
}

.edit-field:has( > div.cg-bottoni-validazione) #cg-email:not([disabled]){
	#email-validator-container.cg-bottoni-validazione{
		display:none;
	}
}

.edit-field #cg-email:not([disabled]) ~ #email-validator-container{
	display:none;	
}

.infoImgBox{
	width: 15px;
	height: 15px;
}