.w100{
    width: 100%;
}
.mt5{
    margin-top: 5px;
}
.p0{
    padding: 0 !important;
}
.py10{
    padding-top: 10px;
    padding-bottom: 10px;
}
.px50{
    padding-left: 50px;
    padding-right: 50px;
}


.hidden{
    display: none;
}
.block{
    display: block;
}
@media (min-width: 768px){
    .md-block{
        display: block !important;
    }
    .md-hidden{
        display: none !important;
    }
}
.modal-dialog__center{
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.dflex{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.flex-column{
    -moz-box-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flexbox-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.justify-content-center{
    justify-content: center;
}
.justify-content-end{
    justify-content: flex-end;
}
.align-items-center{
    align-items: center;
}
.align-items-end{
    align-items: end
}
.flex-no-wrap{
    flex-wrap: nowrap !important;
}

.table-prenotazioni{
    max-width: 100%;
    overflow-x: scroll;
    border: 1px solid #ddd;
    border-top: none;
}
.table-prenotazioni .table{
    margin-bottom: 0;
}
.table-prenotazioni td:nth-child(2){min-width: 70px}
.table-prenotazioni td:nth-child(3){min-width: 180px}
.table-prenotazioni td:nth-child(4){min-width: 105px}
.table-prenotazioni td:nth-child(5){min-width: 105px}
.table-prenotazioni td:nth-child(6){min-width: 85px}
.table-prenotazioni td:nth-child(7){min-width: 105px}
.table-prenotazioni--controller{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.table-prenotazioni--controller > *{
    margin-right: 1rem;
}
@media (max-width: 768px){
    .table-prenotazioni--controller{
        flex-wrap: wrap;
        justify-content: end;
    }
    .table-prenotazioni--controller > *{
        margin-right: 0;
        margin-left: 1rem;
    }
}


.container-menu-mobile-area-utente{
    width: fit-content;
    margin-left: auto;
}
.container-menu-mobile-area-utente .dropdown-menu{
    left: unset;
    right: 0
}
.container-menu-mobile-area-utente .dropdown-toggle{
    cursor: pointer;
}

.mine_icheckbox_square{
    padding-left: 0.7rem;
    font-size: 12px;
}
.mine_icheckbox_square .icheckbox_square{
    border-radius: 50px;
    border: 2px solid #21518C !important;
    background: white;
    position: relative;
    transform: translateX(-8px);
}
.mine_icheckbox_square .icheckbox_square.checked:after{
    content: '';
	position: absolute;
    display: block;
    left: 1px;
    top: 1px;
    width: 2rem;
    transform: scale(0.75);
	height: 2rem;
	background-repeat: no-repeat;
    pointer-events: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:%23005291}</style><path d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/></svg>");

}


.test-tag{
    display: inline-flex;
    
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

    align-items: center;
    gap: .5rem;
    background: transparent;
    color: #30567F;
}



/* LOGIN PAGE */
.vetrina-login-page{
    position: relative;
    padding: 10rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
}

.vetrina-login-page::before{
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.25);
    z-index: 1;
}
.vetrina-login-page--item{
    position: relative;
    z-index: 2;
    max-width: 500px;
    text-align: center;
    color: white;
}
.vetrina-login-page--item *:nth-child(1){
    font-size: 44px;
}
.vetrina-login-page--item *:nth-child(1),
.vetrina-login-page--item *:nth-child(2){
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 700;
}

.col-container-img{
    min-height: 100%;
}
.col-container-img img{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-radius: 20px;
    object-fit: cover;
}
@media (max-width: 1200px){
    .col-container-img{
        max-height: 350px;
        margin-bottom: 2rem;
    }
}

ul.brxe-list {
	list-style: none;
	padding-left: 0;
}

ul.brxe-list li {
	padding-left: 1.5em;
	margin-bottom: 0.5em;
    position: relative;
}
ul.brxe-list li::before{
    content: '';
	position: absolute;
    display: block;
	left: 0;
	top: 2px;
	width: 2rem;
	height: 2rem;
	background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:%23b2b2b2}</style><path d='M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L369 209z'/></svg>");

}

/* NAVBAR AREA UTENTE */
.nav-tabs__no-border-active li[role='presentation'] a{
    color: #747474;
}
.nav-tabs__no-border-active li[role='presentation'].active a{
    background-color: transparent;
    border: none;
    border-bottom-color: unset;
    color: #337ab7
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default{
    background-color: #337ab7;
    color: #fff;
}


/* AREA PROFILI COLLEGATI */
.box-person{
    min-height: 410px;
    border: 1px solid #747474;
    padding: 16px 23px;
    border-radius: 9px;
    text-align: left;
    margin-bottom: 30px;
}
.box-person--list {
    min-height: 160px;
}
.box-person b{
    color: #515151
}
.box-person--name{
    text-transform: capitalize;
    color: #515151;
}
.box-person--barcode{
    max-height: 92px;
    max-width: 100%;
    margin-top: 8px;
}
.box-card--barcode {
    padding-top: 8px;
    padding-left: 8px;
    max-width: 86%;
    max-height: 100%;
    margin: auto;
}
.box-card--barcode-char {
    line-height: 1.2;
}
.box-person__add-person{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-box-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flexbox-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: calc(100% - 30px);
}
.box-person__add-person .box-person__add-person--text{
    font-size: 25px;
    margin-top: 1rem;
}
.box-person__add-person .box-person__add-person--plus{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 100px;
    background: #21518C;
    color: white;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding-top: 5px;
    transition: all .3s ease-in-out;
}
.box-person__add-person a{
    cursor: pointer;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all .3s ease-in-out;
}
.box-person__add-person a:hover ~ .box-person__add-person--plus{
    transform: translateY(-7px);
}
.box-person__add-person a:active ~ .box-person__add-person--plus{
    transform: translateY(0);
}
.box-person__add-person a:hover{
    background: hsla(213, 62%, 34%, 0.07);
}
.card-modal-edit-user{
    margin: 30px;
    padding: 10px;
    /* border: 1px solid grey; */
    border-radius: 7px;
}
.modal .modal-dialog .modal-content .modal-body .card-modal-edit-user button.close {
    right: 4px;
    top: -30px;
}
.card-modal-gestisci-order {
    min-height: 400px;
    min-width:  600px;
}
.card-modal-gestisci-order .row {
    margin-left: 0;
    margin-right: 0;
}
.card-modal-gestisci-order #EmailMessaggio {
    height: 200px;
}

/* RENT END GO CLUB */
.card-club{
    max-width: 390px;
    position: relative;
    border-radius: 17px;
    overflow: hidden;
}
.card-club .card-club--bg img{
    max-width: 100%;
}
.card-club--name{
    position: absolute;
    bottom: 95px;
    left: 7%;
    color: white;
    font-weight: 500;
    font-size: 17px;
    max-width: 86%;
    text-transform: capitalize;
}
.card-club--barcode{
    position: absolute;
    display: block;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    width: 86%;
    z-index: 1;
    height: 70px;
    background-color: white;
    text-align: center;
}
.card-club--barcode img{
    max-width: 86%;
    max-height: 100%;
    margin: auto;
}

/* CONVENTIONS */
.row-conventions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}
/* .row.row-conventions div.card-convention-wrapper {
    width: 350px;
} */
.img-conventions{
    min-height: 160px;
    max-height: 160px;
    width: 340px;
    max-width: 90vw;
    height: 180px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.img-conventions img{
    width: 100%;
    height: 100%;
    /* max-height: 100%; */
    object-fit: cover;
    border-radius: 20px 20px 0 0;
}
.img-conventions .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    left: 42%;
    top: 80%;
    box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.1);
    margin-bottom: 10px;
}

.dropdown-menu li.active a{
    background: transparent;
    color: #333;
}
.dropdown-menu li.active a:hover{
    background: #f5f5f5;
    color: #333;
}
.card-convention {
    border-radius: 20px;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    margin: 10px 20px 10px 20px;
    /* margin-right: 20px;
    margin-bottom: 20px; */
    height: 400px;
    position: relative;
}
.card-convention h3,
.card-modal-convention h3 {
    text-transform: uppercase;
    color: #005291;
    font-weight: 500;
}
.card-convention h3 {
    margin-top: 30px;
}
/* .card-convention .convention-description,
.card-modal-convention .convention-description {
    min-height: 100px;
    line-height: 100px;
    text-align: center;
}
.card-convention .convention-description span,
.card-modal-convention .convention-description span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
} */
.card-convention .btn,
.card-modal-convention .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 18px;
}
.card-convention .convention-date,
.card-modal-convention .convention-date {
    margin-bottom: 20px;
    font-style: italic;
    color: ddd;
    font-size: 12px;
}
.card-convention .card-footer {
    position: absolute;
    bottom: 0;
    width: 100%
}
.card-modal-convention .card-footer {
    width: 100%;
}
@media screen and (max-width: 991px) {
    .card-convention {
        margin-left: 5px;
        margin-right: 5px;
    }
}
@media screen and (max-width: 764px) {
    .row.row-conventions {
        justify-content: center; 
    }
}
.modal .modal-dialog .modal-content.modal-convention {
    border-radius: 10px;
    border: none;
    max-width: 400px;
    margin: auto;
}
.card-modal-convention {
    padding: 20px;
    /* margin: 50px; */
    /* max-width: 450px; */
    max-height: 100%;
    position: relative;
}
.card-modal-convention h3 {
    margin-top: 10px;
}
.card-modal-convention .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 0px;
    box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.1);
}
.card-modal-convention .img-conventions {
    width: 100%;
    min-height: 200px;
}
.card-modal-convention .img-conventions img{
    width: 100%;
    height: 100%;
    /* max-height: 100%; */
    object-fit: cover;
    border-radius: 10px;
}
.card-modal-convention .convention-ticket {
    padding: 5px 10px;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    border: 2px dashed #005291;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 15%;
    margin-right: 15%;
}
.card-modal-convention .btn {
    min-width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}
.card-modal-convention .convention-description-long {
    margin-bottom: 20px;
    word-wrap: normal;
    overflow-wrap: break-word;
    /* word-break: break-all; */
    /* width: auto; */
}
.card-convention .convention-description,
.card-modal-convention .convention-description {
    max-width: 300px;
}
.conventions-empty {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 20px;
    font-weight: 600;
    color: #bbb;
}
.row-conventions .btn i {
    margin-right: 10px;
}

#modalRepeatOrder .form-control.date-range{
    background-color:#fff;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    box-shadow:none;
    text-align:center;
    font-weight:600;
    font-size:15px;
    cursor:pointer;
    border: 2px solid #005291;
    height: 45px;
    color: #005291;
    font-size: 17px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    border-radius:10px;
}

#RepeatOrderSummary {
    margin-top: 20px;
    background: #EBEBEB;
    border-radius: 20px;
    padding: 20px;
}

#RepeatOrderSummary #OrderSummary h4.order-summary-title {
    font-weight: 700;
    color: #222;
    padding: 14px;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}

#RepeatOrderSummary #OrderSummary h4.person-name {
    font-weight: 600;
    color: #222;
    /* padding: 14px; */
    /* margin-bottom: 0;
    margin-top: 0; */
}

#RepeatOrderSummary #OrderSummary .person-product {
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 5px;
    margin-bottom: 4px;
    color: #005291;
    display: flex;
    justify-content: space-between;
}

#RepeatOrderSummary #OrderSummary .unavailable {
    color: #b16b6b;
    background-color: #efd4d4;
}

#LoadingOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    background: white;
    opacity: 0.7;
    pointer-events: none;
}

#LoadingOverlay i {
    position: absolute;
    top: 40%;
    left: 46.5%;
}

.reply-other-buttons{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

@media (max-width: 767px) {
    .reply-other-buttons {
        flex-direction: column;
    }
}