.header-container{
    /*border-bottom    : 5px solid #a29161;*/
    background-position-x : center;
    background-position-y : 70%;
    background-size       : 75%;
    background-repeat     : repeat;
    background-image      : url(../images/logos/mainlayout_background.png);
}

.header-container .container{
    max-width  : 100vw;
    min-height : 130px;
}

.header-container .header-info-container{
    align-items     : center;
    align-content   : center;
    display         : flex;
    width           : 100%;
    justify-content : space-around;
}

.header-container .flag-box{
    position : absolute;
    right    : 15px;
}

.header-container #descEvento{
    font-size  : 14px;
    text-align : center;
}

#descEvento span, #formatteddata span, #descEvento_mobile span, #formatteddata_mobile span{
    font-size : 15px;

}

.inter-bck-btn a span{
    font-family : "UniversLTPro-55Roman", sans-serif;
}

.header-container .match-data-infos{
    font-size  : 14px;
    text-align : center;
}

.header-container .match-img{
    height : 50px;
}

.headline-container, .confirmation-headline-container{
    padding-top : 130px;
    position    : fixed;
    width       : 100%;
    z-index     : 9;
}

#change-sector, #backToForm{
    cursor   : pointer;
    position : absolute;
    left     : 0;
    top: 0;
    z-index  : 2;
}

.btn{
    box-sizing     : border-box;
    height         : 40px;
    width          : 160px;
    padding-left   : 20px;
    padding-right  : 20px;
    vertical-align : middle;
    line-height    : 1.5;
}

.btn-primary{
    border           : 1px solid #C3C3C3;
    background-color : #FFFFFF;
    color            : #000000;
}

#logout-container{
    /*cursor      : pointer;*/
    position         : absolute;
    right            : 15px;
    justify-content  : end;
    display          : flex;
    /*background-color : #001ea0;*/
    color            : #ffffff;
    padding-right    : 30px;
}

#logout-container span{
    font-family : 'GiorgioSansBold', sans-serif;
}

#logout{
    position   : absolute;
    margin-top : -40px;
    right      : 0;
}

.ticketing #modal-session-counter{
    font-size   : 37px;
    line-height : normal;
}

.my-nav-container{
    background-color : #000000;
}

.my-nav span{
    font-family : 'GiorgioSansBold', sans-serif;
    font-size   : 20px;
}

.inter-bck-btn span{
    font-family : "UniversLTPro-55Roman", sans-serif;
    font-size   : 15px;
}

.my-nav-container.second-row{
    background : #001ea0;
    position   : relative;
}

.my-nav-container.first-row span{
    text-transform : uppercase;
}

.my-nav-container.second-row span{
    font-family : "UniversLTPro-55Roman", sans-serif !important;
    font-size   : 15px !important;
}

.my-nav a{
    text-transform : uppercase;
}

.my-nav{
    padding   : .75rem 0;
    font-size : 14px;
}

.my-nav.active{
    border-bottom : 2px solid #909090;
}

.ticketing .container.stadium{
    max-width   : 100vw;
    padding-top : 20px;
    overflow    : hidden;
}

.ticketing .customer-care-bar{
    background-color : #001ea0;
    font-size        : 12px;
}

.ticketing .customer-care-bar .customer-info-box{
    width  : 45%;
    margin : auto;
}

.alert-zone{
    background-color : #001ea0;
    border           : 2px solid #001ea0;
    color            : white;
    /*font-weight: bold;*/
}

.alert-zone .fa-hand-scissors{
    margin-right : 10px;
    font-size    : 21px;
}

.hovered-orange{
    margin : 0px;
    border : 1px solid #eeb150 !important;
}

.hovered-red{
    margin : 0px;
    border : 1px solid #bf2827 !important;
}

.hovered-blue{
    margin : 0px;
    border : 1px solid #2a67a5 !important;
}

.hovered-green{
    margin : 0px;
    border : 1px solid #42934a !important;
}

.header-container, .customer-yellow,
.ticketing .customer-care-bar{
    color : #ffffff;
}

.tickets-stadium-cont{
    padding-top : 220px;
    /*padding-bottom : 100px;*/
}

.tickets-stadium-cont.zone-page{
    padding-bottom : 0;
}

.ticketing .stadium .accordion-th{
    font-size      : 20px;
    font-family    : "GiorgioSansBold", sans-serif;
    text-transform : uppercase;
    padding-top    : 17px;
    padding-bottom : 17px;
}

.ticketing .stadium .accordion-th-color{
    width : 5%;
}

.ticketing .stadium .accordion-th-name{
    width        : 41%;
    padding-left : 11px;
    font-weight  : 700;
}

.ticketing .stadium .accordion-th-reductions{
    width       : 27%;
    font-weight : 700;
}

.ticketing .stadium .accordion-th-price{
    width       : 20%;
    font-weight : 700;
}

.ticketing .stadium .accordion-th-expand{
    width : 8%;
}

.ticketing .stadium .card{
    border    : none;
    font-size : 14px;
    width     : 100%;
}

.ticketing .stadium .card-sold-out{
    opacity : 0.5;
    cursor  : not-allowed;
}

.ticketing .stadium .card-sold-out .card-header{
    pointer-events : none;
}

.ticketing .stadium .card-header{
    padding             : 0px;
    border              : 1px solid #E5E5E5;
    border-bottom-color : rgb(229, 229, 229);
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-radius       : 0px;
    border-bottom       : none;
    background-color    : #FFFFFF;
    transition          : background-color 0.5s ease;
    cursor              : pointer;
    display             : flex;
    min-height          : 60px;
}

.ticketing .stadium .card:last-child .card-header[id*="tipoPostoRow_"]{
    border-bottom : 1px solid #E5E5E5 !important;
}


.ticketing .stadium .card-header.bg[aria-expanded="true"]{
    background         : rgb(162, 145, 97) none repeat scroll 0% 0%;
    color              : rgb(255, 255, 255);
    border-left-color  : rgb(162, 145, 97);
    border-right-color : rgb(162, 145, 97);
    border-top-color   : rgb(162, 145, 97);
}

.ticketing .stadium .card-header.bgblue[aria-expanded="true"]{
    background         : rgb(42, 103, 165) none repeat scroll 0% 0%;
    color              : rgb(255, 255, 255);
    border-left-color  : rgb(42, 103, 165);
    border-right-color : rgb(42, 103, 165);
    border-top-color   : rgb(42, 103, 165);
}

.ticketing .stadium .card-header.bgred[aria-expanded="true"]{
    background         : rgb(191, 40, 39) none repeat scroll 0% 0%;
    color              : rgb(255, 255, 255);
    border-left-color  : rgb(191, 40, 39);
    border-right-color : rgb(191, 40, 39);
    border-top-color   : rgb(191, 40, 39);
}

.ticketing .stadium .card-header.bgorange[aria-expanded="true"]{
    background         : rgb(238, 177, 80) none repeat scroll 0% 0%;
    color              : rgb(255, 255, 255);
    border-left-color  : rgb(238, 177, 80);
    border-right-color : rgb(238, 177, 80);
    border-top-color   : rgb(238, 177, 80);
}

.ticketing .stadium .card-header.bggreen[aria-expanded="true"]{
    background         : rgb(66, 147, 74) none repeat scroll 0% 0%;
    color              : rgb(255, 255, 255);
    border-left-color  : rgb(66, 147, 74);
    border-right-color : rgb(66, 147, 74);
    border-top-color   : rgb(66, 147, 74);
}

.alert-form span{
    font-size : 15px;
}

.ticketing .stadium .card-header.bgorange[aria-expanded="true"] .arrow-down-container{
    color : #fff !important;
}

.ticketing .stadium .card-header[aria-expanded="true"] .arrow-down-container .fa-angle-down{
    -webkit-transform : rotate(180deg);
    -moz-transform    : rotate(180deg);
    -o-transform      : rotate(180deg);
    -ms-transform     : rotate(180deg);
    transform         : rotate(180deg);
}

.ticketing .stadium .sector-border{
    width            : 100%;
    height           : 1px;
    background-color : #E5E5E5;
}

.ticketing .stadium .col-xl-6{
    /*max-height : 65vh;*/
    /*overflow: hidden;*/
    /*overflow-y: visible;*/
}

.ticketing .arrow-down-container{
    width         : 26px;
    height        : 26px;
    border-radius : 15px;
    padding-top   : 3px;
}

.ticketing .stadium .card-header.bg .arrow-down-container:hover,
.ticketing .stadium .card-header.bgblue .arrow-down-container:hover,
.ticketing .stadium .card-header.bgred .arrow-down-container:hover,
.ticketing .stadium .card-header.bggreen .arrow-down-container:hover,
.ticketing .stadium .card-header.bgorange .arrow-down-container:hover{
    color : #fff;
}

.ticketing .stadium .card-header.bg .arrow-down-container:hover{
    background : #a29161;
}

.ticketing .stadium .card-header.bgblue .arrow-down-container:hover{
    background : #2a67a5;
}

.ticketing .stadium .card-header.bgred .arrow-down-container:hover{
    background : #bf2827;
}

.ticketing .stadium .card-header.bggreen .arrow-down-container:hover{
    background : #42934a;
}

.ticketing .stadium .card-header.bgorange .arrow-down-container:hover{
    background : #eeb150;
}

.ticketing .stadium .sector-{
    background : #a29161;
}

.ticketing .stadium .sector-blue{
    background : #2a67a5;
}

.ticketing .stadium .sector-red{
    background : #bf2827;
}

.ticketing .stadium .sector-green{
    background : #42934a;
}

.ticketing .stadium .sector-orange{
    background : #eeb150;
}

.ticketing .stadium .card-header-sector-color,
.ticketing .stadium .card-body-color{
    width : 3%;
}

.ticketing .stadium .card-header-sector-name,
.ticketing .stadium .card-body-name{
    width        : 42%;
    /*padding-top: 14px;*/
    /*padding-bottom: 15px;*/
    padding-left : 15px;
    font-size    : 12px;
}

.ticketing .stadium .card-header-sector-reductions,
.ticketing .stadium .card-body-reductions{
    width : 27%;
    /*padding-top: 16px;*/
    /*padding-bottom: 9px;*/
}

.ticketing .stadium .card-header-sector-price,
.ticketing .stadium .card-body-price{
    width : 20%;
    /*padding-top: 14px;*/
    /*padding-bottom: 15px;*/
}

.ticketing .stadium .card-header-sector-expand,
.float-left card-body-expand{
    width          : 8%;
    padding-bottom : 0px;
}

.bglime{
    display         : flex;
    justify-content : flex-start;
    align-content   : center;
    align-items     : baseline;
}

.ticketing .reduction-icon{
    border-radius : 25px;
    width         : 20px;
    height        : 20px;
    font-size     : 9px;
    text-align    : center;
    padding-top   : 2px;
    margin-bottom : 5px;
}

.ticketing .reduction-icon-black{
    border : 1px solid #000000;
    color  : #000000;
}

.reduction-text-modal-edit-rate{
    width         : 65%;
    font-size     : 12px;
    padding-right : 10px;
    padding-top   : 1px;
}

.ticketing .stadium .reduction-text{
    font-size   : 10px;
    padding-top : 3px;
}

.ticketing .stadium .card-body{
    background : #FFFFFF;
    padding    : 0;
}

.ticketing .stadium .sector-details{
    padding-top    : 1px;
    padding-bottom : 1px;
    border-left    : 1px solid #e5e5e5;
    border-right   : 1px solid #e5e5e5;
    min-height     : 60px;
    cursor         : pointer;
}

.ticketing .stadium .btn-buy{
    box-sizing : border-box;
    /*width: auto;*/
    height     : auto;
    width      : 80px;
    padding    : 4px;
    font-size  : 12px;
    color      : #000000 !important;
    border     : 1px solid #000000 !important;
}

.ticketing .sector.container{
    max-width      : 100vw;
    padding-bottom : 100px;
    padding-top    : 20px;
}

.ticketing .sector .ticket-row:not(:last-child){
    margin-bottom : 15px;
}

.ticketing .sector .ticket-row.opened-3d{
    -webkit-box-shadow : 0px 0px 7px 0px rgba(162, 145, 97, 1);
    -moz-box-shadow    : 0px 0px 7px 0px rgba(162, 145, 97, 1);
    box-shadow         : 0px 0px 7px 0px rgba(162, 145, 97, 1);
}

.ticketing .user-data .ticket-row,
.ticketing .sector .ticket-row{
    font-size : 12px;
    border    : 1px solid #D6D6D6;
}

.ticketing .user-data .ticket-row{
    font-size : 15px;
}

.ticketing .user-data .ticket-seat-container,
.ticketing .sector .ticket-seat-container{
    background      : #FFFFFF;
    padding-top     : 7px;
    padding-bottom  : 7px;
    display         : flex;
    justify-content : center;
    align-items     : center;
    text-transform  : capitalize;
}

.ticketing .sector .ticket-seat-container{
    justify-content : space-between;
}

.ticketing .user-data .seat-text,
.ticketing .sector .seat-text{
    width : 55%;
    float : left;
}

.ticketing .user-data .seat-price,
.ticketing .sector .seat-price{
    width      : 25%;
    float      : left;
    text-align : right;
    font-size  : 15px;
}

.ticketing .sector .seat-price{
    width      : 45%;
    text-align : center;
}

.ticketing .user-data .seat-visual,
.ticketing .sector .seat-visual{
    width      : 10%;
    float      : left;
    text-align : right;
    font-size  : 20px;
}

.ticketing .user-data .seat-visual .fa-eye,
.ticketing .sector .seat-visual .fa-eye{
    cursor : pointer;
}

.ticketing .sector .seat-visual-orange{
    color : #FF7900;
}

.ticketing .sector .seat-visual-green{
    color : #368C36;
}

.ticketing .sector .seat-visual-red{
    color : #D0021B;
}

.ticketing .sector .seat-visual-blue{
    color : #2a67a5;
}

.ticketing .sector .seat-visual-{
    color : #a29161;
}

.ticketing .user-data .seat-delete,
.ticketing .sector .seat-delete{
    width      : 10%;
    float      : left;
    color      : #D0021B;
    text-align : right;
    font-size  : 17px;
}

.ticketing .user-data .seat-delete .fa-times-circle,
.ticketing .sector .seat-delete .fa-times-circle{
    cursor : pointer;
}

.ticketing .ticket-price-kind-container{
    background : #000000;
    color      : #FFFFFF;
}

.ticketing .price-kind{
    padding-top    : 12px;
    padding-bottom : 10px;
    font-size      : 12px;
    text-transform : uppercase;
}

.submit-data-users:hover, .continue-purchase:hover, .continue-pay:hover{
    color : #ffffff !important;
}

.ticketing .price-kind-button-container{
    text-align     : right;
    padding-top    : 6px;
    padding-bottom : 6px;
}

.ticketing .price-kind-btn-change{
    font-size  : 12px;
    height     : auto;
    width      : auto;
    color      : #282828;
    background : white;
}

.ticketing .price-kind-btn-change:hover{
    /*background: #001ea0;*/
    background : #001ea0;
    /*background: #282828;*/
    color      : white;
}

.ticketing .user-data{
    padding-bottom : 200px;
}

.ticketing .user-data label{
    margin-bottom  : 0px;
    text-transform : uppercase;
    font-size      : 14px;
}

.ticketing .user-data label.checkbox-custom{
    text-transform : uppercase;
}

.radio-custom{
    display             : block;
    position            : relative;
    padding-left        : 35px;
    margin-bottom       : 12px !important;
    margin-left         : -20px;
    cursor              : pointer;
    font-size           : 14px;
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
}

.radio-custom input{
    position : absolute;
    opacity  : 0;
    cursor   : pointer;
    height   : 0;
    width    : 0;
}

.radio-custom-checkmark{
    position         : absolute;
    top              : 0;
    left             : 0;
    height           : 20px;
    width            : 20px;
    background-color : #ffffff;
    border-radius    : 50%;
    border           : 1px solid #001ea0;
}

.radio-custom input:checked ~ .radio-custom-checkmark{
    background-color : #001ea0;
}

.radio-custom input:checked ~ .radio-custom-checkmark::after{
    display : block;
}

.radio-custom .radio-custom-checkmark::after{
    top           : 5px;
    left          : 5px;
    width         : 8px;
    height        : 8px;
    border-radius : 50%;
    background    : white;
}

.radio-custom-checkmark::after{
    content  : "";
    position : absolute;
    display  : none;
}

.ticketing .use-buyer-data{
    background     : #001ea0;
    padding-top    : 10px;
    padding-left   : 15px;
    padding-bottom : 10px;
    color          : #FFFFFF;
    font-family    : "GiorgioSansBold", sans-serif;
    text-transform : uppercase;
}

.select-sector-popup-info{
    padding        : 0 50px 50px 50px;
    text-align     : center;
    text-transform : uppercase;
}

.modal-footer.select-sector-popup{
    border-top      : none !important;
    justify-content : center;
}

.ticketing .modal-header .modal-form{
    display         : flex;
    justify-content : center;
    align-content   : center;
    align-items     : center;
    flex-direction  : column;
    /*padding         : 25px 0;*/
}

.ticketing .user-data .title{
    font-size      : 25px;
    font-weight    : 600;
    font-family    : "GiorgioSansBold", sans-serif;
    text-transform : uppercase;
}

.input-group-text,
.ticketing .user-data .form-control{
    border-radius      : 0px;
    border-left        : 0px;
    border-right       : 0px;
    border-top         : 0px;
    border-bottom      : 1px solid #979797;
    font-size          : 14px;
    font-weight        : 300;
    border-bottom      : 1px solid #979797;
    -webkit-appearance : none;
    min-height         : 40px;
}

.input-group-text{
    border-right : 1px solid #979797 !important;
    background   : transparent;
    margin-right : 1px;
}

.ticketing .user-data .form-control:focus{
    border-color  : rgba(0, 123, 255, .25);
    border-bottom : none;
    border        : 3px solid rgba(0, 123, 255, .25);
    box-shadow    : unset !important;
    transition    : unset !important;
}

.ticketing .user-data .text-muted{
    color     : #bf2827 !important;
    font-size : 12px;
}

.dropdown .btn{
    padding-left  : 12px;
    padding-right : 0px;
    font-size     : 13px;
}

.dropdown .btn-light{
    background    : #FFFFFF;
    border-top    : none;
    border-right  : none;
    border-left   : none;
    border-radius : 0px;
}

.checkbox-custom{
    display             : block;
    position            : relative;
    padding-left        : 35px;
    /*margin-left         : -20px;*/
    cursor              : pointer;
    font-size           : 14px;
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
}

.checkbox-custom input{
    position : absolute;
    opacity  : 0;
    cursor   : pointer;
    height   : 0;
    width    : 0;
}

.checkbox-custom input:checked ~ .checkmark{
    background-color : #001ea0;
}

.checkmark{
    position         : absolute;
    top              : 0;
    left             : 0;
    height           : 20px;
    width            : 20px;
    background-color : #ffffff;
    border           : 1px solid #001ea0;
}

.checkmark::after{
    content  : "";
    position : absolute;
    display  : none;
}

.checkbox-custom .checkmark::after{
    left                : 7px;
    top                 : 3px;
    width               : 5px;
    height              : 10px;
    border              : solid white;
    border-top-width    : medium;
    border-right-width  : medium;
    border-bottom-width : medium;
    border-left-width   : medium;
    border-width        : 0 3px 3px 0;
    -webkit-transform   : rotate(45deg);
    -ms-transform       : rotate(45deg);
    transform           : rotate(45deg);
}

.checkbox-custom input:checked ~ .checkmark::after{
    display : block;
}

.checkmark-white{
    position         : absolute;
    top              : 5px;
    left             : 0;
    height           : 20px;
    width            : 20px;
    background-color : #FFFFFF;
}

.checkmark-white{
    background       : #FFFFFF;
    background-color : rgb(255, 255, 255);
}

.checkbox-custom input:checked ~ .checkmark-white::after{
    display : block;
}

.checkbox-custom .checkmark-white::after{
    left                : 8px;
    top                 : 4px;
    width               : 5px;
    height              : 10px;
    border              : solid #001ea0;
    border-top-width    : medium;
    border-right-width  : medium;
    border-bottom-width : medium;
    border-left-width   : medium;
    border-width        : 0 3px 3px 0;
    -webkit-transform   : rotate(45deg);
    -ms-transform       : rotate(45deg);
    transform           : rotate(45deg);
}

.checkmark-white::after{
    content  : "";
    position : absolute;
    display  : none;
}

.checkbox-custom:hover input ~ .checkmark-white{
    background-color : #eee;
}

.ticketing .user-data .ticket-number-container{
    background     : #001ea0;
    padding-top    : 3px;
    padding-bottom : 3px;
    color          : #FFFFFF;
    font-size      : 15px;
    font-family    : "GiorgioSansBold", sans-serif;
    text-transform : uppercase;
}

/*CONFIRMATION*/
.ticketing .buying-success{
    background-color : #000000;
    background-size  : auto;
    background-size  : cover;
    border           : 10px solid #FFFFFF;
    min-height       : 60vh;
    color            : #fff;
    position         : fixed;
    width            : 100%;
    height           : auto;
    bottom           : 0px;
    top              : 220px;
    overflow         : auto;
}

/*--------------
   IFRAME 3D
--------------*/
iframe[id^="ticketing3dwidget"]{
    min-height : 14vh;
}

.map-box-3d{
    width      : 100%;
    top        : 0;
    background : #f4f4f4;
    position   : relative;
}

.map-box-3d #icon-close-3d{
    font-size        : 30px;
    position         : absolute;
    color            : #001ea0;
    background-color: #ffff00 !important;
    z-index          : 1;
    border-radius    : 49%;
    cursor           : pointer;
    display          : flex;
    align-content    : center;
    align-items      : center;
    justify-content  : center;
    right            : 20px;
    top              : 15px;
    width            : 30px;
    height           : 30px;
    background-color : rgba(0, 0, 0, 0.6);
}

#ticketing3dwidget-fullscreen-button0{
    display : none;
}

.ticketing #countdown_container{
    width                     : 310px;
    background                : #001ea0;
    position                  : fixed;
    bottom                    : 70px;
    right                     : 0px;
    border-top-left-radius    : 10px;
    border-bottom-left-radius : 10px;
    padding-bottom            : 25px;
    border                    : 1px solid #ffffff;
}

.ticketing .buying-countdown-close-container{
    width         : 100%;
    padding-right : 10px;
    padding-top   : 3px;
}

.ticketing .buying-countdown-close{
    cursor : pointer;
}

.ticketing .buying-countdown-icon-container{
    width       : 25%;
    float       : left;
    padding-top : 4px;
}

.ticketing .buying-countdown-text-container{
    width        : 75%;
    float        : left;
    font-size    : 15px;
    padding-left : 25px;
}

/*FOOTER CUSTOM*/
.main-footer{
    background-color : #000;
    clear            : both;
    /*padding-bottom: 80px;*/
    position         : absolute;
    width            : 100%;
    bottom           : 0;
}

.main-footer-sponsor{
    padding-top      : 0;
    padding-bottom   : 30px;
    text-align       : center;
    background-color : #001ea0;
}

.footer-copyright{
    position         : relative;
    float            : left;
    width            : 100%;
    height           : auto;
    padding          : 18px 0 20px;
    background-color : #000;
    border-bottom    : 1px solid #4e4c4d;
}

.footer-copyright__content{
    width     : 100%;
    max-width : 1040px;
    margin    : 0 auto;
}

.footer-copyright__item{
    float           : left;
    text-align      : center;
    font-size       : 14px;
    font-weight     : 200;
    width           : 100%;
    color           : rgba(255, 255, 255, .7);
    text-decoration : none;
    margin-bottom   : 10px;
}

.footer-copyright__item{
    width         : 50%;
    text-align    : left;
    margin-bottom : 0;
}

.footer-copyright__link{
    display         : inline-block;
    width           : auto;
    margin-bottom   : 0;
    color           : inherit;
    text-decoration : none;
}

.ticketing footer{
    position : fixed;
    bottom   : 0;
    width    : 100%;
    z-index  : 3;
}

.ticketing .footer-buy{
    width      : 100%;
    height     : 60px;
    /*border: 1px solid #D6D6D6;*/
    border     : 1px solid #000000;
    display    : flex;
    background : #fff;
}

.ticketing .footer-buy-left{
    width           : 50%;
    height          : 100%;
    display         : flex;
    align-content   : center;
    align-items     : center;
    justify-content : center;
    background      : #fff;
    text-transform  : uppercase;
}

.ticketing .footer-buy-left-icon{
    width        : 37px;
    margin-right : 10px;
}

.ticketing .footer-buy-ticket-counter{
    background      : #000000;
    position        : absolute;
    bottom          : 4px;
    right           : 8px;
    width           : 14px;
    height          : 14px;
    border-radius   : 7px;
    color           : #FFFFFF;
    font-size       : 10px;
    display         : flex;
    justify-content : center;
    align-items     : center;
}

.ticketing .footer-buy-right{
    width           : 50%;
    height          : 100%;
    background      : #001ea0;
    color           : #FFFFFF;
    cursor          : pointer;
    display         : flex;
    align-content   : center;
    align-items     : center;
    justify-content : center;
    text-transform  : uppercase;
}

.ticketing .footer-buy-right a:hover{
    text-decoration : none;
}

.comuni-list-autogenerate{
    padding          : 0;
    list-style       : none;
    border           : 1px solid #979797;
    border-top-color : rgb(151, 151, 151);
    border-top-style : solid;
    border-top-width : 1px;
    border-top       : none;
    max-height       : 15vh;
    position         : absolute;
    width            : 100%;
    max-height       : 15vh;
    overflow-y       : auto;
    z-index          : 4;
    background       : white;
}

.magic-layer{
    width    : 98.5vw;
    height   : 100%;
    position : absolute;
    top      : 0;
    z-index  : 3;
}

.comuni-single-row-autogenerate{
    cursor  : pointer;
    padding : 5px 10px;
}

.comuni-single-row-autogenerate:hover{
    color      : white;
    background : #001ea0;
}

.confirmation-success{
    border : none !important;
    top    : 0 !important;
}


.confirmation-title{
    text-transform : uppercase;
    font-family    : "GiorgioSansBold", sans-serif;
    font-size      : 35px;
    line-height    : 50px;
}

.ticket-info{
    font-size     : 20px;
    margin-bottom : 30px;
}

.confirmation-btn{
    height        : auto;
    padding       : 10px;
    width         : 25%;
    font-size     : 25px;
    border-radius : 30px;
    color         : #ffffff;
}

.error-text-info{
    margin-bottom : 35px;
}

.error-page-btn:hover{
    text-decoration : none;
    color           : #ffffff;
}

.error-page-btn{
    margin-top    : 30px;
    height        : auto;
    padding       : 10px;
    width         : 100%;
    font-size     : 25px;
    border-radius : 30px;
    color         : #ffffff;
    background    : transparent;
    border        : 2px solid #ffffff;
}

.payment-error-info{
    font-size : 25px;
}

.payment-error{
    padding-top : 150px;

}

.payment-page label.error{
    color     : #e50000;
    font-size : 12px;
}

.confirmation-home-btn{
    background-color : #001ea0;
    border           : 1px solid #001ea0;
}

.confirmation-download-btn, .confirmation-parking-btn{
    background-color : transparent;
    border           : 2px solid #ffffff;
    text-transform   : uppercase;
}

.confirmation-download-btn:hover, a.confirmation-home-btn{
    color : #ffffff;
}

.confirmation-footer{
    justify-content : center;
    width           : 100%;
    height          : 100px;
    display         : flex;
    background      : transparent;
}

.confirmation-footer img{
    width : 100%;

}


.inter-bck-btn{
    color : #1954e9 !important;
}

.inter-bck-btn:hover{
    text-decoration : none;
    color           : #ffffff;
}

.inter-bck-btn:focus{
    color : #001ea0;
}

.comuni-list-autogenerate{
    display  : block;
    position : fixed;
    border   : none;
}

/*LOW VISIBILITY TOOLTIP*/
.low-visibility-title{
    padding : 5px;
}

.low-visibility-title{
    background-color : #001ea0;
    border           : 2px solid #001ea0;
    color            : #ffffff;
}

.low-visibility{
    border        : 1px solid #001ea0;
    border-radius : 5px;
}

.view-popup-text{
    position         : absolute;
    border           : 1px solid #ffffff;
    right            : 50px;
    z-index          : 300;
    background-color : #001ea0;
    color            : #ffffff;
    top              : -30px;
    padding          : 10px;
    border-radius    : 3px;
}

.view-popup-text::after{
    content      : "";
    position     : absolute;
    top          : 100%;
    left         : 50%;
    margin-left  : -5px;
    border-width : 5px;
    border-style : solid;
    border-color : #001ea0 transparent transparent transparent;
}


.low-visibility-msg{
    border-radius    : 5px;
    background-color : #ffffff;
    border-left      : 1px solid #D6D6D6;
    border-right     : 1px solid #D6D6D6;
    border-bottom    : 1px solid #D6D6D6;
    padding          : 5px;
    font-size        : 10px;
}

.credicard-button{
    background-image : url(https://showcdn.vivaticket.com/soccer/fci/images/payment-images/creditcards.png);
}

.banktransfer-button{
    background-image : url(https://showcdn.vivaticket.com/soccer/fci/images/payment-images/mybank.png);
}

.paypal-button{
    background-image : url(https://showcdn.vivaticket.com/soccer/fci/images/payment-images/paypal.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-color: transparent;
    border: 1px solid #ececec;
    height: 55px !important;
    width: 50% !important;
    margin: auto;
}

.paypal-button:hover{
    border: 3px solid rgba(0, 123, 255, .25);
}
.payment-buttons{
    height                : 65px;
    width                 : 50%;
    background-repeat     : no-repeat;
    background-size       : contain;
    background-position-x : center;
    background-color      : #ffffff;
    border                : 1px solid #ececec;
}

.admitted-payment-list img{
    width: 25%;
    margin: 10px 0;
}

.paytype{
    display : flex;
}

.payment-buttons{
    height: auto;
    width: 100%;
}

.payment-buttons img{
    height: 75px
}

button.btn-paypal2{
    width: auto !important;
    height: auto !important;
    background-color: transparent !important;
}

.payment-buttons.payment-type-selected{

    border : 3px solid rgba(0, 123, 255, .25);
}

.my-bank-btn-container{
    justify-content : flex-start;
}

.visa-btn-container, .mybank-btn-container, .paypal-btn-container{
    justify-content : center;
}

.payment-bank-container{
    border : 1px solid lightgrey;;
}

.payment-bank-title{
    background     : #001ea0;
    padding-top    : 10px;
    padding-bottom : 10px;
    color          : #FFFFFF;
}

.my-bank-container{
    justify-content : flex-start;
}

.payment-buttons:hover{
    background-color : transparent;
!important;
    border           : 3px solid rgba(0, 123, 255, .25);
}


button{
    text-transform : uppercase;
}

#formatteddata{
    font-family : "GiorgioSansBold", sans-serif;
}


.modal-form button{
    font-family    : "UniversLTPro-55Roman", sans-serif;
    text-transform : uppercase;
}

.use-buyer-data .checkbox-custom{
    font-family : "GiorgioSansBold", sans-serif;

}

.use-buyer-data label{
    font-size : 20px !important;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{
    font-family    : "GiorgioSansBold", sans-serif !important;
    text-transform : uppercase !important;
}

button{
    text-transform : uppercase;
}

.jconfirm-buttons .btn, .js-poperror-btn.btn.btn-primary{
    background-color : #001ea0 !important;
    text-transform   : uppercase !important;
    font-family      : "UniversLTPro-55Roman", sans-serif;
}

a:hover{
    color : #001ea0 !important;
}

.confirmation-btn:hover{
    color  : #ffffff !important;
    cursor : pointer;
}


.inter-bck-btn:hover, .input-promovoucher-btn:hover{
    color : #0066aa !important;
}

.footer-buy a:hover{
    color : #ffffff !important;
}

.contactsus-link{
    color           : #ffffff;
    text-decoration : underline;
}

.contactsus-link:hover{
    color           : #ffffff !important;
    text-decoration : underline;
    cursor          : pointer;
}


.contactsus-link.bold{
    font-weight : bold;
}

.inter-bck-btn{
    border       : 0;
    width        : 150px;
    background   : #ffff00;
    min-height   : 25px;
    height       : 100%; /* padding-left: 30px; */
    position     : absolute;
    padding-left : 1rem !important;
    padding-top  : 1rem !important;
}
.CC-error{
    color: #e50000;
    font-size: 12px;
    text-transform: uppercase;
}
.payment-button-container{
    display: flex;
    justify-content: center;
}



.fake-confirm{
    opacity: 0.5 !important;
    cursor : not-allowed !important;
}
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .captchapopup {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 111%;
    left: 350px;
    margin-left: -80px;
}

/* Popup arrow */
.popup .captchapopup::after {
    content: "";
    position: absolute;
    top: 101%;
    left: 80px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

.errorpages .errorpage-container{
    justify-content: center;
    display: flex;
    margin-top: 150px;
}

.errorpages .errorimg-container{
    display: flex;
    justify-content: center;
}

.errorpages .error-text button{
    background-color: #001ea0;
    color: #ffffff;
    padding: 15px;
    border: none;
    border-radius: 5px;
    font-size: 20px;
    margin-top: 30px;
}

.errorpages .error-text button a {
    color: #ffffff !important;
    text-decoration: none;

}

.errorpages .flag-box{
    justify-content: end;
    display: flex;
    margin-right: 50px;
}

.errorpages .flag-box img{
    margin-right: 10px;
	width: 30px;
    height: 20px;
}


.errorpages .error-img{
    margin: auto;
}

.errorpages .error-text{
    margin-left: 50px;
}

.errorpages .errorpage-container span{
    font-size: 30px;
}


/*MEDIA RULES INIT*/
@media only screen and (min-width : 596.1px) and (max-width : 1024px){
    .ticketing .container.stadium{
        max-width : 100vw;
        padding   : 0 30px;
    }

    .ticketing .sector.container{
        padding-top : 0;
    }

    .ticketing .container.stadium .stadium-map,
    .ticketing .container.sector .stadium-map{
        padding : 0;
    }

    .ticketing .stadium .card-body{
        border-top    : 1px solid #E5E5E5;
        border-bottom : 1px solid #E5E5E5;
        margin-bottom : 25px;
    }
}

@media only screen and (max-width : 596px){
    .payment-buttons img{
        height : 60px;
        width  : 180px;
    }

    .paypal-button{
        width: 100% !important;
    }


    .confirmation-footer{
        height : 100%;
    }

    .confirmation-btn small{
        font-size : 50%;
    }

    #descEvento span, #formatteddata span, #descEvento_mobile span{
        font-size   : 20px;
        font-family : "GiorgioSansBold", sans-serif;
    }

    #formatteddata_mobile span{
        font-family : "UniversLTPro-55Roman", sans-serif;
        font-size   : 12px;
    }


    .my-nav span{
        font-size : 18px;
    }

    .inter-bck-btn svg{
        margin-top : 5px;
    }

    .ticketing .stadium .accordion-th{
        font-size : 17px;
    }

    .payment-buttons{
        width : 100%;
    }

    /*zoom buttons in mobile WEBFCI-84*/
    .d2m-main > .d2m-interface-layer .map-btn-home-wrapper .map-btn-home{
        margin : 0 !important;
    }

    .map-btn-wrapper.map-btn-home-wrapper{
        top  : 3px !important;
        left : 40px !important;
    }

    .d2m-layers.d2m-content-layer.d2m-map-layer{
        /* margin-top: 10px;*/
    }

    .d2m-main > .d2m-interface-layer .map-btn-zoom-wrapper{
        top : 3px !important;
    }

    .d2m-main > .d2m-interface-layer .map-btn-zoom-wrapper .map-btn-zoom:first-child{
        padding-bottom : 0 !important;
        margin         : 0 !important;
    }

    .d2m-main > .d2m-interface-layer .map-btn-zoom-wrapper .map-btn-zoom{
        margin : 0 !important;
    }

    /* end zoom buttons in mobile*/
    .header-container{
        background-size : 100%;
    }

    .inter-bck-btn{
        width        : 30px;
        padding-left : .5rem !important;
        padding-top  : .5rem !important;
    }

    .inter-bck-btn:focus{
        color : #ffffff;
    }

    #change-sector, #backToForm{
        padding-top : 10px;
        margin-left : 0;
    }

    .ticketing .customer-care-bar .customer-info-box{
        width : 100%;
    }

    .error-page-btn{
        font-size : 15px;
    }

    .payment-error{
        margin-top : 50px;
    }

    .payment-error{
        padding : 15px;
    }

    .header-container .container{
        max-width  : 100vw;
        min-height : 80px;
    }

    .header-container img{
        /*width : 35%;*/
        height : 35%;
    }

    .headline-container{
        padding-top : 80px;
        position    : sticky;
    }

    .success-img.confirmation{
        margin-top : 0;
    }

    .confirmation-btn{
        width : 80%;
    }

    .confirmation-headline-container{
        padding-top : 0;
        position    : sticky;
    }

    .header-container .flag-box{
        z-index : 2;
    }

    .header-container .flag{
        width  : 20px;
        height : 13px;
    }

    .header-container #descEvento_mobile{
        font-size   : 90%;
        font-family : "GiorgioSansBold", sans-serif;
    }

    .header-container #formatteddata_mobile,
    .header-container #dateToBeConfirmed{
        font-size : 65%;
    }

    .header-container .match-img{
        height    : 40px;
        position  : absolute;
        left      : 15px;
        top       : 50%;
        transform : translateY(-50%);
    }

    #viewer-container{
        height : 35vh;
    }

    #viewerTreD{
        height : 35vh;
    }

    .ticketing .container.stadium{
        max-width : 100vw;
        padding   : 0px 15px;
    }

    .tickets-stadium-cont{
        /*padding-top : 170px;*/
        padding-top : 0px;
    }

    .ticketing .sector.container{
        padding-top : 0;
    }

    .ticketing .container.stadium .stadium-map,
    .ticketing .container.sector .stadium-map{
        padding : 0;
    }

    .ticketing .container.sector .zone-ticket-cont{
        margin-top : 30px;
        padding    : 0;
    }

    .ticketing .stadium .list-mobile{
        width      : 100%;
        overflow-x : hidden;
    }

    .ticketing #accordion-mobile{
        background : #FFFFFF;
    }

    /*.ticketing #accordion-mobile .card,*/
    /*.ticketing .stadium .accordion-mobile-seats-container .card{*/
    /*    min-height: 60px;*/
    /*}*/
    .ticketing .stadium .list-mobile .accordion-th-color,
    .ticketing .stadium .list-mobile .card-header-sector-color{
        width : 4%;
    }

    .ticketing .stadium .card-body-color{
        flex-basis   : 5%;
        padding-left : 10px;
    }

    .ticketing .stadium .list-mobile .accordion-th-name,
    .ticketing .stadium .list-mobile .card-header-sector-name,
    .ticketing .stadium .card-body-name{
        width : 36%;
    }

    .ticketing .stadium .list-mobile .accordion-th-reductions,
    .ticketing .stadium .list-mobile .card-header-sector-reductions,
    .ticketing .ticketing .stadium .card-body-reductions{
        width : 30%;
    }

    .ticketing .stadium .list-mobile .accordion-th-price{
        width : 30%;
    }

    .ticketing .stadium .col-xl-6{
        max-height : 100%;
    }

    .ticketing .stadium .list-mobile .card-header-sector-price{
        width       : 21%;
        font-weight : 600;
        font-size   : 12px;
    }

    .ticketing .stadium .list-mobile .card-header-sector-expand{
        width : 9%;
    }

    .ticketing .stadium .accordion-mobile-seats-container{
        position   : absolute;
        width      : 100%;
        height     : 100%;
        transition : all 0.5s;
        top        : 0;
        right      : -100%;
        background : #FFFFFF;
    }

    .ticketing .mobile-sector-back{
        flex-basis   : 6%;
        padding-left : 10px;
    }

    .ticketing .user-data .ticket-row{
        font-size : 11px;
    }

    .ticketing .buying-success{
        position : relative;
        border   : none;
        width    : auto;
        top      : 0;
        height   : 900px;
    }

    .main-footer{
        position : relative;
    }

    .footer-container-div{
        padding : 0;
    }

    .footer-container-div .footer-buy{
        border : none;
    }

    .ticketing #buying-countdown{
        display : none;
    }
}

@media only screen and (max-width : 1700px){
    .view-popup-text{
        right : 35px;
        top   : -25px;
    }
}


.advice-div{
    /* Safari 4+ */
    /* Fx 5+ */
    /* Opera 12+ */
    animation-delay           : 10s;
    /* IE 10+, Fx 29+ */
    animation-name            : color_change;
    animation-duration        : 1s;
    animation-iteration-count : infinite;
    animation-direction       : alternate;
}

.advicetext{
    -webkit-animation : advicetext 2s infinite;
    /* Safari 4+ */
    /* Fx 5+ */
    /* Opera 12+ */
    animation         : advicetext 2s infinite;
    animation-delay   : 10s;
    /* IE 10+, Fx 29+ */
    /*    transform: translateX(-10px);   */
}

.discount-info{
    font-size : 16px;
    color     : #50a846;
}

@-webkit-keyframes color_change{
    0%{
        background-color : #001ea0;
    }
    /*50% { background-color: #001ea0; }*/
    100%{
        background-color : #000000;
    }

}

@keyframes color_change{
    0%{
        background-color : #001ea0;
    }
    /*50% { background-color: #001ea0; }*/
    100%{
        background-color : #000000;
    }
}

@-webkit-keyframes advicetext{
    0%{
        transform         : scale(1) translateX(0px);
        -webkit-transform : scale(1) translateX(0px);
    }
    50%{
        transform         : scale(1.1) translateX(0px);
        -webkit-transform : scale(1.1) translateX(0px);
    }
    100%{
        transform         : scale(1) translateX(0px);
        -webkit-transform : scale(1) translateX(0px);
    }
}

@keyframes advicetext{
    0%{
        transform         : scale(1) translateX(0px);
        -webkit-transform : scale(1) translateX(0px);
    }
    50%{
        transform         : scale(1.1) translateX(0px);
        -webkit-transform : scale(1.1) translateX(0px);
    }
    100%{
        transform         : scale(1) translateX(0px);
        -webkit-transform : scale(1) translateX(0px);
    }
}