@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i);


@font-face{
    font-family : ASRomaLight;
    font-style  : normal;
    font-weight : 300;
    src         : url(https://showcdn.vivaticket.com/soccer/asr/fonts/ASRoma-Light.eot) format('embedded-opentype'),
    url(https://showcdn.vivaticket.com/soccer/asr/fonts/ASRoma-Light.ttf) format('ttf'),
    url(https://showcdn.vivaticket.com/soccer/asr/fonts/ASRoma-Light.woff2) format('woff2')

}

@font-face{
    font-family : ASRoma-ExtraBoldItalicInline;
    font-style  : normal;
    font-weight : 300;
    src         : url(https://showcdn.vivaticket.com/soccer/asr/fonts/ASRoma-ExtraBoldItalicInline.eot) format('embedded-opentype'),
    url(https://showcdn.vivaticket.com/soccer/asr/fonts/ASRoma-ExtraBoldItalicInline.ttf) format('ttf'),
    url(https://showcdn.vivaticket.com/soccer/asr/fonts/ASRoma-ExtraBoldItalicInline.woff2) format('woff2')

}

@font-face{
    font-family : ASRomaRegular;
    font-style  : normal;
    font-weight : 400;
    src         : url(https://showcdn.vivaticket.com/soccer/asr/fonts/ASRoma-Regular.eot) format('embedded-opentype'),
    url(https://showcdn.vivaticket.com/soccer/asr/fonts/ASRoma-Regular.ttf) format('ttf'),
    url(https://showcdn.vivaticket.com/soccer/asr/fonts/ASRoma-Regular.woff2) format('woff2')
}


@font-face{
    font-family : ASRomaMedium;
    font-style  : normal;
    font-weight : 500;
    src         : url(https://showcdn.vivaticket.com/soccer/asr/fonts/ASRoma-Medium.eot) format('embedded-opentype'),
    url(https://showcdn.vivaticket.com/soccer/asr/fonts/ASRoma-Medium.ttf) format('ttf'),
    url(https://showcdn.vivaticket.com/soccer/asr/fonts/ASRoma-Medium.woff2) format('woff2')
}

@font-face{
    font-family : ASRomaExtraBold;
    font-style  : normal;
    font-weight : 900;
    src         : url(https://showcdn.vivaticket.com/soccer/asr/fonts/ASRoma-ExtraBold.eot) format('embedded-opentype'),
    url(https://showcdn.vivaticket.com/soccer/asr/fonts/ASRoma-ExtraBold.ttf) format('ttf'),
    url(https://showcdn.vivaticket.com/soccer/asr/fonts/ASRoma-ExtraBold.woff2) format('woff2')
}


*{
    font-family : ASRomaRegular, Arial, sans-serif;
    /*font-size   : 1.8rem;*/
    /*line-height : 1.667;*/
}

html{
    position   : relative;
    min-height : 100%;
}

body, html{
    min-height            : 100%;
    color                 : #000;
    font-size             : 1rem;
    font-family           : ASRomaRegular, Arial, sans-serif;
    line-height           : 1.5;
    font-variant-numeric  : normal;
    font-feature-settings : normal;
    font-variant-numeric  : proportional-nums;
    font-feature-settings : "pnum";
}

body{
    text-align       : left;
    background-color : #f8f9fa !important;
    padding          : 0;
    margin           : 0;
}

.container{
    /*Add 20px for black div on top, not present in Kiosk*/
    /*top      : 80px;*/
    position : relative;
}

.py-top{
    padding-top : 100px;
}

.py-top0{
    padding-top : 80px;
}

.jbtron{
    margin-top : 0 !important;
}

.close:focus{
    outline : none;
}


.turni-mainpage-container{
    padding-top : 100px;
}

.container-bgr{
    background-color : #f8f9fa !important;
}

.wrapper{
    height     : 3000px;
    min-height : 100%;
    position   : relative;
}

.checkout-header{
    z-index : 12;
}

header{
    position : fixed;
}


header .header-cont-top{
        height       : 40px;
    padding-left : 120px !important;
}

header .header-cont-top div{
    margin: auto;
}

header .header-container .event{
    display         : flex;
    justify-content : center;

}

.header-cont-bottom{
    /*border-top      : 1px solid #f89628;*/
    border-bottom   : 1px solid #f89628;
    height          : 60px;
    /*background      : url(../images/header-bg.png) no-repeat 50%;*/
    background-size : cover;
    align-items     : center;
}

.header-cont-bottom-giftcard{
    height : 40px;
}

.header-cont-bottom img:not(.new-logos){
    height : 50px;
}

.header-cont-bottom .new-sponsor-box a{
    margin-right : 15px;
}

.header-cont-bottom .new-sponsor-box a:hover{
    text-decoration : none;
}

.headline-container{
    position : relative;
    top      : 50px;
    z-index  : 11;
    height   : 80px;
}

.header-cont-bottom .steps-bar .doing,
.headline-container .steps-bar .doing{
    color : #fff;
}

.header-cont-bottom .steps-bar .done,
.headline-container .steps-bar .done{
    color        : #f89628;
    border-color : #f89628;
}

.header-cont-bottom .steps-bar li,
.headline-container .steps-bar li{
    padding-bottom : 4px !important;
    border-bottom  : 2px solid #8a8d8f;
    position       : relative;
}

.header-cont-bottom .steps-bar li:before,
.headline-container .steps-bar li:before{
    content  : "";
    width    : 50%;
    height   : 2px;
    position : absolute;
    left     : 0;
    bottom   : -2px;
}

.header-cont-bottom .steps-bar .doing:after,
.headline-container .steps-bar .doing:after{
    background  : #fff;
    width       : 8px;
    height      : 8px;
    margin-left : -4px;
    bottom      : -5px;
    box-shadow  : 0 0 1px rgba(0, 0, 0, .5);
}

.crp-link{
    text-decoration : underline;
}


.header-cont-bottom .steps-bar li:after,
.headline-container .steps-bar li:after{
    content       : "";
    width         : 6px;
    height        : 6px;
    left          : 50%;
    margin-left   : -3px;
    bottom        : -4px;
    background    : #8a8d8f;
    position      : absolute;
    border-radius : 50%;
}

.header-cont-bottom .steps-bar li:first-child:before,
.header-cont-bottom .steps-bar .doing:before,
.headline-container .steps-bar li:first-child:before,
.headline-container .steps-bar .doing:before{
    background : #f89628;
}

.header-cont-bottom .steps-bar .done::after,
.headline-container .steps-bar .done::after{
    background : #f89628;
}

footer{
    /*position : fixed;*/
    bottom  : 0;
    /*width    : 100%;*/
    height  : 30px;
    z-index : 100;
}

footer .footer-cont{
    height              : 30px;
    /*background-image    : url(../images/footer-logos.png);*/
    background-repeat   : no-repeat;
    background-position : 15px;
    background-size     : auto 15px;
}

.list-group-item-asr-grey{
    color            : #616262;
    background-color : #ececec;
}

.list-group-item-action{
    border : 1px solid rgba(0, 0, 0, .125);
}

.popout-col-title{
    position      : absolute;
    left          : 10px;
    right         : 10px;
    top           : -4px;
    background    : #bbbcbc;
    /*padding       : 20px 10px 10px;*/
    border-radius : 4px 4px 0 0;
    color         : #101820;
    line-height   : 50px;
    font-size     : 14px;
}

.popout-col-vip{
    background : #f89628;
}

.price-list-group .list-group-item:not(.disabled){
    transition : all .2s;
    cursor: pointer;
}

.price-list-group .list-group-item.notavailablesector{
    /*z-index:4;*/
}

.price-list-group .list-group-item.soldoutsector:hover,
.price-list-group .list-group-item.notavailablesector:hover{
    z-index : 4;
}

.price-list-vip,
.price-list-title-vip{
    padding-top      : 41px;
    border-bottom    : 3px solid #FCBA00;
    border-top       : 0;
    border-left      : 0;
    border-right     : 0;
    background-color : transparent;
}

.price-list-regular{
    padding-top      : 41px;
    border-bottom    : 3px solid #99092C;
    border-top       : 0;
    border-left      : 0;
    border-right     : 0;
    background-color : transparent;
}


.price-list-group-vip {
    background-color: #99092C;
    color: #EAC73D;
    font-size: 22px;
    font-style: italic;
    font-weight: 500;
}

.price-list-group-general{
    background-color : #FCBA00;
    color            : #99092C;
    font-size: 22px;
    font-style: italic;
    font-weight: 500;
}

.price-list-group-selected {
    top: -15px;
    bottom: -45px;
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    font-style: italic;
}

.price-list-group-vip:after{
    border-top : 10px solid #99092C;
}

.price-list-group-general:after{
    border-top : 10px solid #FCBA00;
}

.price-list-group-selected:after{
    content      : '';
    position     : absolute;
    top          : 112%;
    right        : 50%;
    z-index      : 2;
    opacity      : 1;
    transition   : all .2s ease-out;
    transform    : translateY(-80%);
    border-left  : 10px solid transparent;
    border-right : 10px solid transparent;
}

.price-list-group-title-fixed{
    top        : 4em;
    position   : fixed !important;
    z-index    : 10;
    width      : 49.2%;
    height     : 90px;
    background : #f9f9fb;
}

.filter-bar {
    background: #dfdfdf;
    border-top: 3px solid black;
    border-bottom: 1px solid black;
    position: absolute;
    top: 90px;
    left: 0px;
}

.filter-bar img {
    max-width: 1em;
    max-height: 1em;
    position: absolute;
    top: calc(50% - 0.5em);
    right: calc(50% - 0.5em);;
}

.filter-bar button {
    background: #dfdfdf;
    font-family: ASRomaRegular, Arial, sans-serif;
    font-size: 1em;
    font-style: italic;
    font-weight: 800;
    line-height: normal;
}

.filter-bar .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 1em;
}

.filter-bar div:nth-child(2) {
    border-left: 1px solid black;
    border-right: 1px solid black;
}


/* SLIDER */

.filter-bar .slider-box {
    width: 80%;
    margin: 0px auto;
}

.filter-bar .circle-icon {
    background: #99092C;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    color: #dfdfdf !important;
}

.filter-bar label,
.filter-bar input {
    border: none;
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 30%;
}

.filter-bar input {
    width: 70%;
}

.filter-bar .slider {
    margin: 3px 0px 1.5em 0px;
}

.filter-bar .slider-label {
    color: black;
    font-family: ASRomaRegular, Arial, sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #99092C;
    border-radius: 50%;
    background: #FCBA00;
}

.ui-widget-header {
    background: #99092C;
}

.ui-widget.ui-widget-content {
    border: none;
    background: #BBBCBC;
    border-radius: 3px;
}

.ui-slider-horizontal {
    height: 6px;
}

.ui-slider .ui-slider-handle {
    width: 14px;
    height: 14px;
}

.filter-menu {
    border-radius: 0px 0px 4px 4px;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}

/* END SLIDER */

/* ACCELERATORI FILTER */

.acceleratore-item p {
    color: black;
    font-family: ASRomaRegular, Arial, sans-serif;
    font-style: italic;
    font-size: 1em;
    font-weight: 400;
}

.acceleratore-chip {
    color: #fff;
    font-family: ASRomaRegular, Arial, sans-serif;
    font-size: 1em;
    font-style: italic;
    font-weight: 800;
    line-height: normal;
    background: #99092c;
    grid-auto-columns: 32px;
    border-radius: 16px;
    padding: 2px 4px 2px 10px;
    gap: 8px;
}

.chip-circle-icon {
    color: #99092c;
    background: rgba(255, 255, 255, 0.5);
    width: 12px !important;
    height: 12px;
    border-radius: 50%;
}

/* END ACCELERATORI FILTER*/

.tickets-list{
    margin-top : 90px;
}

.background-list-desktop{
    position   : absolute;
    width      : 104%;
    height     : 71px;
    top        : 16px;
    background : #f9f9fb;
    right      : -15px;
}

.price-arrow-label{
    padding-right : 4px;
    font-size     : 25px;
}

.mobile-price-arrow{
    color         : #b1b1b1;
    margin-bottom : 4px;
    font-size     : 14px;
    display       : none;
}

.mobile-price-arrow-down{
    color : #b1b1b1;
}

.mobile-price-arrow-up{
    color : #980f2f;
}

/*.price-list-group .list-group-item.price-list-vip:not(.price-list-title):hover,
.price-list-group .list-group-item.price-list-regular:not(.price-list-title):hover{
    -webkit-box-shadow : inset 0 0 0 2px #F89628;
    box-shadow         : inset 0 0 0 2px #F89628;
    z-index            : 1;
    margin-top         : 0px;
}*/

.price-list-title,
.price-list-title-vip{
    padding : 8px 23px;
}

.price-list-title{
    /*top     : 80px;*/
    /*z-index : 4;*/
}

.text-asr-white{
    color : #fff;
}

.text-asr-yellow,
.text-asr-yellow:focus,
.text-asr-yellow:hover{
    color : #f89628;
}

.text-asr-silver{
    color : #95989a;
}

.text-asr-black{
    color : #101820 !important;
}

.border-top{
    border-top : 1px solid #dee2e6 !important;
}

a:hover{
    color           : #510517;
    text-decoration : underline;
}

.bg-asr-official-new{
    background-color : #fbba00;
}

.bg-dark{
    background-color : #343a40 !important;
}

.bg-asr-black{
    background-color : #101820;
}

.bg-asr-grey{
    background-color : #bbbcbc;
}

.bg-asr-silver{
    background-color : #8a8d8f !important;
}

.bg-asr-official{
    background-color : #990a2c;
    height: 45px;
}

.border-left{
    border-left : 1px solid #dee2e6 !important;
}

.border-asr-grey{
    border-color : #bbbcbc !important;
}

.border-asr-yellow{
    border-color : #f89628 !important;
}

.small{
    font-size   : 80%;
    font-weight : 400;
}

.icon-map,
.fa-map-marker-alt,
.fa-eye{
    font-size : 115%;
    color     : #990a2c;
}


.svg-inline--fa{
    vertical-align : -.125em;
}

svg:not(:root).svg-inline--fa{
    overflow : visible;
}

.svg-inline--fa.fa-w-10{
    width : 0.625em;
}

.svg-inline--fa.fa-w-12{
    width : 0.75em;
}

.svg-inline--fa.fa-w-14{
    width : 0.875em;
}

.svg-inline--fa.fa-w-16{
    width : 17px;
}

.svg-inline--fa.fa-w-18{
    width : 1.125em;
}

.text-light{
    color : #f8f9fa !important;
}

.text-primary{
    color : #990a2c !important;
}

.text-secondary{
    color : #f89628 !important;
}

a{
    text-decoration              : none;
    background-color             : transparent;
    -webkit-text-decoration-skip : objects;
}

.input-change-zone{
    background : none;
    border     : 0;
}

/* federica*/
.modal-text{
    text-align : justify;
}

.notavailable{
    /*margin-left : -50px !important*/
}

div[id^='price-list-item-G_'].disabled{
    background-color : #ececec;
    color            : #b1b1b1;
}
div[id^='price-list-item-G_'].unhighlight{
    background-color : #ececec;
    color            : #b1b1b1;
}

div[id^='price-list-item-G_'].seatnotvisible{
    display: none;
}

.price-dropdown .dropdown-menu{
    min-width : 13rem !important;
}

.form-control .price-btn .right-panel-price {
    color: #212529;
    font-size: 13px;
    font-weight: normal;
}


.price-btn .right-panel-price{
    color       : #ffffff;
    font-size   : 14px;
    font-weight : bold;
    text-align  : right;
}


.right-panel-price{
    color : #2a2a2a;
}

.global-errors{
    color        : #e50000;
    padding-left : 1rem !important;
    margin-top   : 10px;
}

.hide-popups{
    position : fixed;
    width    : 100%;
    height   : 100%;
    z-index  : 10;
    top      : 0;
}

.confirmation-locauto-popup{
    margin-left : 1035px;
    margin-top  : 15px;
}

.confirmation-waze-popup{
    margin-top  : -5px;
    margin-left : 785px;
}

.confirmation-car2go-popup{
    margin-left : 535px;
    margin-top  : -15px;
}

.confirmation-uber-popup{
    margin-top  : 35px;
    margin-left : 285px;
}

.confirmation-moovit-popup{
    margin-top  : 35px;
    margin-left : 35px;
}

.confirmation-apps-row{
    position : relative;
}

.confirmation-popups-row{
    position   : absolute;
    z-index    : 10;
    left       : 0;
    margin-top : -50px;
}

.confirmation-info-moovit{
    color   : #990a2c !important;
    z-index : 1000 !important;
}

.confirmation-popup{
    font-size        : 12px;
    border           : solid;
    border-width     : 1px;
    padding          : 15px;
    border-color     : #bbbcbc;
    background-color : #ddd;
    width            : 300px;
}

/*.confirmation-popup{*/
/*margin-top  : 30px;*/
/*margin-left : 25px;*/
/*}*/

.confirmation-info-button{
    margin-left   : 10px;
    margin-bottom : 5px;
}

.confirmation-fifth-container-app-details{
    margin  : 10px 15px 0;
    padding : 0;
    color   : #4a4a4a;
}

.confirmation-fifth-container-app-images{
    position : absolute;
    top      : 0;
    left     : 0;
    bottom   : 0;
    right    : 0;
    margin   : auto;
    width    : 50%;
}

.confirmation-fifth-container-app{
    border           : 1px solid;
    min-height       : 121px;
    max-width        : 50%;
    margin           : 0 15px;
    position         : relative;
    background-color : white;
}

.confirmation-fifth-container-title{
    font-size      : 24px;
    color          : #000;
    padding-bottom : 15px;
}

.confirmation-fifth-container{
    padding   : 80px 0 50px;
    max-width : 1220px;
}

.confirmation-go-button{
    margin-left   : 25px;
    padding       : 7px 24px;
    margin-top    : 25px;
    margin-bottom : 60px;
    border-radius : 2px;
    color         : #4a4a4a !important;
    font-size     : 12px;
}

.confirmation-fourth-accesstadium{
    padding-left  : 0;
    padding-right : 5px;
}

.confirmation-fourth-container-title{
    font-size : 24px !important;
}

.confirmation-fourth-container{
    padding   : 50px 0 0;
    max-width : 1220px;
}

.confirmation-creditcard-check{
    margin-left  : 15px;
    margin-right : 5px;
}

.confirmation-second-container-creditcard{
    font-size : 14px;
}

.confirmation-table-second-row, .confirmation-table-third-row{
    color : #4a4a4a;
}

.confirmation-table-third-row{
    font-size : 18px;
}

.confirmation-table-second-row{
    padding-top    : 25px !important;
    padding-bottom : 10px !important;
    font-size      : 14px;
}

.confirmation-table-row{
    height          : 40px;
    border-collapse : collapse;
}

.confirmation-table{
    margin-bottom : 0;
    color         : #4a4a4a;
}

.confirmation-table-header{
    padding-top : 12px !important;
    color       : #4a4a4a;
}

.confirmation-third-container-details-second{
    font-size     : 16px;
    margin-bottom : 16px !important;
}

.confirmation-third-container-details{
    color : #4a4a4a;
}

.confirmation-third-container-title{
    font-size : 24px;
}

.confirmation-third-container{
    max-width     : 1220px;
    padding-left  : 0;
    padding-right : 0;
    padding-top   : 60px;
}

.confirmation-img{
    margin-right : 10px;
    color: #FFFFFF;
}

.confirmation-second-container-right-title, .confirmation-second-container-left-title{
    font-size : 24px;
}

.confirmation-second-container-right{
    padding-right : 40px;
}

.confirmation-second-container-left{
    padding-left : 40px;
    padding-right : 15px !important;
    border-left: 1px solid #f69338;
}

.confirmation-second-container{
    padding-top    : 40px;
    padding-bottom : 25px;
    max-width      : 1220px;
}

.confirmation-second-container-season{
    /*padding-top    : 40px;*/
    /*padding-bottom : 25px;*/
    max-width : 1220px;
}

.confirmation-first-container{
    padding   : 35px 0;
    max-width : 1220px;
}

.confirmation-first-title-right{
    font-size : 30px;
}

.confirmation-first-title-left{
    text-align : right;
}

.confirmation-first-title-left-first{
    font-size     : 24px;
    margin-bottom : 4px;
}

.confirmation-first-title-right-first{
    font-weight : 700 !important;
    float       : right;
}

.confirmation-second{
    background-color : #990a2c;
    color: #ffffff;
}

.confirmation-second-season{
    background : #000;
    min-height : 290px;
}



.uefa-banner-cont{
    background      : #000;
    margin-top      : 5vh;
    display         : flex;
    justify-content : center;
    align-items     : center;
    align-content   : center;
}

.uefa-logo-img{
    width   : 50%;
    padding : 5% 0;
}

.uefa-banner-cont .btn-buy-uefa a{
    display         : flex;
    justify-content : center;
    align-items     : center;
    min-height      : 50px;
}

.confirmation-season-img-dark{
    height              : 100%;
    width               : 100%;
    float               : right;
    background-color: #980f2f;
    min-height          : 600px;
    padding             : 35px 0;
}

.confirmation-season-smartphone-en{
    height            : 100%;
    width             : 100%;
    /*float               : left;*/
    background-image  : url(../images/conf-season-ticket-digital-en.png);
    background-repeat : no-repeat;
    /*background-position : left center;*/
    /*background-size     : 38px auto;*/
    margin-right      : 1rem;
}

.confirmation-img-cont{
    width : 40%;
}

.confirmation-season-smartphone{
    position : absolute;
    /* float: left; */
    /*top: 40px;*/
    height   : 100%;
    /*left: 5%;*/
    bottom   : 0;
}

.confirmation-banner-text{
    width : 60%;
}

.confirmation-banner-text-right{
    padding : 35px 5% 0 5%;
}

.confirmation-season-smartphone-img{
    width      : 80%;
    object-fit : cover;
    /* margin-left: -40px; */
    /* margin-right: 20px; */
    /* overflow: hidden; */
}

.confirmation-season-banner-inf{
    position : absolute;
    float    : left;
    top      : 290px;
    left     : 224px;
}

.confirmation-season-app-apple{
    width         : 35%;
    border-radius : 0.95rem;
    border        : 1px solid #dee2e6;
}

.confirmation-season-yellow,
.confirmation-season-app-inf{
    color : #f69338 !important;
}

.confirmation-download-button{
    background-color : #980f2f !important;
    color: #ffffff;
}

.confirmation-season-banner-txt{
    font-size : 13px
}

.confirmation-season-app-inf2{
    color : #b6babd !important;
}

.confirmation-season-app-google{
    margin        : 0 1em 0 1em;
    width         : 35%;
    border-radius : 0.95rem;
    border        : 1px solid #dee2e6;
}

.confirmation-season-app-google-link{
    /*position : absolute;*/
    /*left     : 190px;*/
    /*width    : 100%;*/
    /*z-index  : 5;*/
}

.confirmation-season-app-apple-link{
    /*position : absolute;*/
    /*z-index  : 5;*/
    height : 13px;
    /*width    : 100%;*/
}

.confirmation-season-app-inf{
    position : absolute;
    left     : 15em;
    bottom   : -20px;
    width    : 100%;
    z-index  : 5;
}

.form-check-group.error .privacy-custom-container > .privacy-check:not(.checked)::before{
    border : 2px solid red;
}

.form-check-group.error .privacy-custom-container{
    background-color : #f8d7da !important;
    border-color     : #f5c6cb;
    padding-bottom   : 15px;
    padding-right    : 15px;
    padding-left     : 35px;
    padding-top      : 5px;
}

#termsInput-error{
    width      : 100%;
    margin-top : .25rem;
    /*font-size  : 80%;*/
    color      : red;
    display    : block;
    /*position   : absolute;*/
    top        : 25px;
}

.error{
    color         : red !important;
    font-size     : 12.5px;
    margin-bottom : 0;
}

.payment-button-selected{
    background-color : orange;
    border-color     : #bbbcbc !important;
    cursor           : pointer;
    border-radius    : 0;
    height           : 50px;
    border-radius    : 2px;
    display          : block;
    width            : 100%;
    color            : black;
    font-size        : 25px;
    border-radius    : 0;
    border-width     : 1px;
}

.payment-cash-align-right{
    position      : relative;
    float         : right;
    padding-right : 27px;
    color         : #4a4a4a;
}

.payment-cash-align-left{
    position     : relative;
    float        : left;
    padding-left : 27px;
    color        : #4a4a4a;
}

.payment-cash-align-center{
    position    : relative;
    padding     : 14px;
    padding-top : 20px;
}

#CREDITCARD-form .buttons.clearfix{
    display: none;
}

.info-button{
    background-color : transparent;
    border-color     : transparent;
    cursor           : pointer;
    outline          : none;
    position         : absolute;
    top              : 3px;
    right            : 9px;
    z-index          : 10;
}

.info-button.pnr-info{
    position   : initial;
    text-align : left;
}

.cvv-popup{
    font-size        : 12px;
    margin-top       : 10px;
    border           : solid;
    border-width     : 1px;
    padding          : 15px;
    border-color     : #bbbcbc;
    background-color : #ddd;
}

.payment-button-type{
    border-color     : #bbbcbc;
    border-radius    : 0;
    background-color : transparent;
    width            : 100%;
    border-width     : 1px;
    height           : 45px;
    font-size        : 25px !important;
    color            : #868e96;
    cursor           : pointer;
}

.info-icon{
    border           : none;
    background-color : transparent;
    cursor           : pointer;
}

.payment-row{
    padding-left : 30px !important;
}

.payment-column.col-3{
    max-width  : 235px;
    -ms-flex   : 0 0 235px;
    flex       : 0 0 235px;
    margin-top : 25px;
}

.payment-column.col-9{
    margin-left : 30px;
    -ms-flex    : 0 0 calc(100% - 265px);
    flex        : 0 0 calc(100% - 265px);
    max-width   : calc(100% - 265px);
}

.payment-column.col-3:after{
    content          : "";
    width            : 1px;
    height           : 200%;
    background-color : #979797;
    position         : absolute;
    top              : -15px;
    right            : -11px;
}

.icon-color{
    fill : #990a2c;
}

.credit-card-button{
    border-color     : #bbbcbc !important;
    cursor           : pointer;
    border-radius    : 0;
    background-color : transparent;
    height           : 50px;
    border-radius    : 2px;
    display          : block;
    width            : 100%;
    color            : #868e96;
    font-size        : 25px;
    border-radius    : 0;
    border-width     : 1px;
}
#anagrafica input:not(.form-check-input), #anagrafica select{
    height: 42px;
}
#anagrafica .prefix_tel{
    width: 100%;
}


#anagrafica .only-italy-fields .notranslate{
    padding-left: 0;
    padding-right: 5px;

}
#anagrafica ::placeholder,
#anagrafica select,
.input-malefemale{
    font-size : 13px;
    /*font-size : 16px;*/
    opacity   : 1; /* Firefox */
    /*width     : 95px;*/
}

#payment ::placeholder, #payment select{
    font-size : 13px;
    opacity   : 1; /* Firefox */
}

#anagrafica select[name=birthcountry],
#anagrafica select[name=provincia],
#anagrafica select[name=comune]{
    margin-bottom  : 20px;
    color          : #888;
    background     : url(../images/dropdown.svg) no-repeat right .75rem center;
    text-transform : capitalize;
}

#anagrafica :-ms-input-placeholder{ /* Internet Explorer 10-11 */
    font-size : 13px;
}

#anagrafica ::-ms-input-placeholder{ /* Microsoft Edge */
    font-size : 13px;
}


#anagrafica label.checkbox-custom.checkbox-custom-no-margin.m-0.copy-label {
    color: black !important;
}

input.error{
    color     : red;
    font-size : 13px;
}

.bar{
    background-color : lightgrey;

}

.check-box{
    margin-left : 35px;
    /*margin-top: 150px;*/
}

.checkbox-label{
    font-size     : 14px;
    color         : #4a4a4a;
    margin-left   : -5px;
    margin-left   : 20px;
    margin-bottom : 1px;
}

.right-date{
    position    : relative;
    top         : -35px;
    margin-left : 89%;
}

.input-contact-information{
    background-color : #f0f0f0;
    color            : #707070;
    margin           : 5px;
}

.input-contact-information:focus{
    border-color      : #990a2c;
    column-rule-color : #990a2c;
    outline-color     : #990a2c;
    lighting-color    : #990a2c;
    box-shadow        : none !important;
    z-index           : 2;
    width             : 102%;
    left              : -1%;
    border            : 3px solid #990a2c;
    background-color  : #f0f0f0;
    border-opacity    : 1;
}

.contact-form{
    padding : 5px;
}

.first-row,
.second-row,
.third-row,
.fourth-row,
.fifth-row{
    margin-bottom : 20px;
}

.second-row{
    margin-top : 5px;
}

.country-row{
    margin-top   : 5px;
    padding-left : 10px;
}

.country-row-container{
    margin-right : -5px;
    margin-left  : -5px;
}

.third-row{
    margin-top : 5px;
}

.error-page{
    margin-top : 80px;
}

.error-sorry{
    color     : #990a2c;
    font-size : 40px;
}

.error-page-img{
    margin-left : 20px;
}

.error-somethingwrong{
    color     : #ffa500;
    font-size : 30px;

}

.error-page-button{
    margin-top : 20px;
}

.change-zone-arrow{
    font-weight : 400;
    color       : #f89628 !important;
}

#totals-button{
    background-color : #990a2c;
    border-radius    : 49px;
    width            : 25px;
    height           : 25px;
    display          : inline-block;
    left             : 0;
    position         : relative;
    transition       : all .3s;
    cursor           : pointer;
    border           : 0;
}

#skypromo-button,
#fancardpromo-button,
#family-button,
#blackfriday-button,
#student-button,
#junior-button{
    background-color : #990a2c;
    border-radius    : 49px;
    width            : 12px;
    height           : 12px;
    display          : inline-block;
    left             : 0;
    position         : relative;
    transition       : all .3s;
    cursor           : pointer;
    border           : 0;
    padding          : 0;
}

#blackfriday-button{
    background-color : #990a2c;
}

.fullprice{
    color : #b1b1b1 !important;
}

.seasonreduction-popup,
.seasondiscount-popup,
.junior-popup,
.skypromo-popup,
.fancardpromo-popup,
.student-popup,
.blackfriday-popup,
.soldout-popup,
.cvv-popup,
.notavailable-popup{
    position         : absolute;
    z-index          : 999;
    background-color : #f5f7fa;
    padding          : 10px;
    font-size        : 12px;
    border           : 1px solid #f89628;
}

.cvv-popup{
    background : #ddd;
    z-index    : 999999;
    top        : -11vh;
    right      : -11vw;
    width      : 11vw !important;
}

.cvv-popup::after,
.older14-popup::after{
    border-top : 16px solid #ddd !important;
}

.cvv-popup .mtk-max-selection-first span,
.older14-popup .mtk-max-selection-first span{
    font-size : .8vw;
}

.cvv-popup #mtk-max-selction-label3,
.older14-popup #mtk-max-selction-label3{
    font-size : 0.8vw;
}

.older14-popup{
    background : #ddd;
    z-index    : 999999;
    top        : -5.5vh;
    left       : 15.5vw;
    width      : 12vw !important;
}


.seasonreduction-popup{
    top       : -60px;
    right     : -139px;
    left      : 140px;
    font-size : 15px;
}

.seasondiscount-popup{
    top       : -83px;
    right     : -139px;
    left      : 140px;
    font-size : 15px;
}

.junior-popup{
    top   : -25px;
    right : -110px;
    left  : 95px;
}

.skypromo-popup{
    width  : 95% !important;
    left   : 67%;
    bottom : 124%;
}

.fancardpromo-popup{
    width  : 95% !important;
    left   : 49%;
    bottom : 122%;
}

.student-popup{
    padding : 7px !important;
    width   : 170px !important;
    left    : 81%;
    bottom  : 100%;
}

.blackfriday-popup{
    top   : -30px;
    right : -60px;
    left  : 30px;
}

.soldout-popup,
.notavailable-popup,
.coupon-popup{
    bottom           : 43px;
    z-index          : 4;
    background-color : #f0f0f0;
    left             : 51%;
    width            : 450px !important;
}

.soldout-popup,
.notavailable-popup{
    /*top : -165px;*/
    width : 100% !important;
    left  : inherit !important;
}

.soldout-notavailable-bottom{
    top    : 40px !important;
    bottom : initial !important;
}

.bottom-inherit{
    bottom : inherit !important;
}


.couponCodePopoverMobile{
    left  : 0;
    width : 90% !important;
}

.couponCodePopoverMobile img{
    width  : 50% !important;
    height : 15vh !important;
}

.couponCodePopoverMobile::before,
.couponCodePopoverMobile::after{
    content : none;
}

.soldout-popup .fa-hand-paper,
.soldout-popup .close,
.notavailable-popup .fa-hand-paper,
.notavailable-popup .close{
    color   : #990a2c;
    /*font-size : 20px;*/
    opacity : 1 !important;
}

.soldout-popup .popover-body,
.notavailable-popup .popover-body{
    background : transparent;
    color      : #888;
}

#skypromo-button .fa-info,
#fancardpromo-button .fa-info,
#family-button .fa-info,
#student-button .fa-info,
#blackfriday-button .fa-info,
#junior-button .fa-info{
    display      : block;
    margin-left  : auto;
    margin-right : auto;
    width        : 50%;
    font-size    : 8px;
}

#totals-button .fa-info{
    left      : -2px;
    position  : relative;
    font-size : 15px;
    top       : -7px;
}

#privacy_regulation ul{
    list-style : none;
}

.white{
    color : white;
}

#popup{
    width            : 285px;
    z-index          : 999;
    bottom           : 55px;
    right            : 169px;
    position         : absolute;
    background-color : #f5f7fa;
    padding          : 10px;
    border           : 1px solid grey;
    font-size        : 12px;
}

#loader{
    position        : fixed;
    z-index         : 5000000;
    top             : 0px;
    left            : 0px;
    width           : 100%;
    height          : 100vh;
    display         : flex;
    align-items     : center;
    justify-content : center;
    background      : rgba(248, 249, 250, .5);
}

.loader{
    /*position      : fixed;*/
    border-radius : 50%;
    animation     : spin .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite
}

#maploader{
    width           : 100%;
    height          : 100%;
    position        : absolute;
    display         : flex;
    align-items     : center;
    justify-content : center;
    z-index         : 9999;
}

.maploader{
    width         : 100px;
    height        : 100px;
    border-top    : 6px solid rgb(248, 150, 40);
    border-bottom : 6px solid rgb(142, 31, 47);
    border-radius : 50%;
    animation     : spin .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
    margin        : 15px auto 15px;
}

.mapLoader_title{
    text-align  : center;
    font-weight : 600;
    font-size   : 14px;
}

.mapLoader_text{
    text-align  : center;
    font-weight : 400;
    font-size   : 12px;
    opacity     : .6;
}

.map-mobile-tablet-desktop{
    flex      : 0 0 75% !important;
    max-width : 75% !important;
}

@keyframes spin{
    0%{
        transform : rotate(0deg);
    }
    100%{
        transform : rotate(360deg);
    }
}

.show-quantity-zone{
    box-shadow : 0 0 5px 1px rgba(0, 0, 0, .5);
    z-index    : 1;
    width      : 102%;
    left       : -1%;
    border     : 3px solid #f89628;
}

.hovered-sector {
    font-weight: bold;
    text-decoration: underline;
    font-size: 18px;
}

.sector-map:hover .sector-name {
    font-weight: bold;
    text-decoration: underline;
}

.undo-button{
    width         : 10px;
    color         : #f89628 !important;
    margin-top    : 10px;
    margin-bottom : 10px;
    margin-left   : 25px;
    margin-right  : 10px;
}

.form-control .dropdown-menu{
    background-color: #f8f9fa !important;
    border-color: #ddd;
    border-radius: 0;

    border-top: 0px;
}

/* matches selection start */

.matchcard{
    -ms-flex-direction    : column;
    -webkit-box-direction : normal;
    -webkit-box-orient    : vertical;
    background-clip       : border-box;
    background-color      : #fff;
    border-radius         : .125rem;
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    flex-direction        : column;
    min-width             : 0;
    position              : relative;
    word-wrap             : break-word;
}

.text-asr-red{
    color : #980f2f !important;
}

.matchcard-body{
    overflow : hidden;
    position : relative;
}

.match-container .info-container{
    border-right: 2px solid #f8f9fa;
    padding: 20px 30px;

}

.match-container .info-container.squadre-container{
    border-right: 2px solid #f8f9fa;
    padding: 20px 15px;

}



.info-container.center-items{
    display: flex;
    justify-content: center
}

.matchcard-footer{
    background-color : rgba(0, 0, 0, .03);
    border-top       : 1px solid rgba(0, 0, 0, .125);
    padding          : -0.25rem 1.25rem;
}




.matchcard-body .match-list-item-content:before{
    -webkit-transform : translateY(-50%) skew(-45deg);
    border-left       : 1px solid #bbbcbc;
    border-right      : 1px solid #bbbcbc;
    content           : "";
    height            : 50px;
    left              : 35.66667%;
    position          : absolute;
    top               : 50%;
    transform         : translateY(-50%) skew(-45deg);
    width             : 10px;
}

.jbtron{
    background      : url(../images/bannerMatches.jpg) repeat-x top left;
    background-size : cover;
    overflow        : hidden;
    position        : relative;
    width           : 100%;
    height          : 100%;
    margin-top      : 3%;
}

.jbtron .jbtron-teams:after{
    /*-webkit-transform : translateX(-50%) skew(-45deg);*/
    /*background        : #8a8d8f;*/
    /*bottom            : 40%;*/
    /*content           : "";*/
    /*height            : 4px;*/
    /*left              : 50%;*/
    /*position          : absolute;*/
    /*transform         : translateX(-50%) skew(-45deg);*/
    /*width             : 500px;*/
}

.match-img{
    height : 60px;
}

.banner-match-img{
    height : 140px;
}

.btn-match-red{
    background-color : #980f2f;
    border-color     : #980f2f;
    color            : #fff;
    cursor           : pointer;
    padding          : 10px 30px;
    font-size        : 18px;
    border-radius    : 3px;
    color            : #fff !important;
}

.btn-match-red:hover{
    background-color : #750c24;
    border-color     : #6a0a21;
    color            : #fff;
}

.btn-match{
    border         : 1px solid transparent;
    border-radius  : .125rem;
    display        : inline-block;
    font-size      : 1rem;
    font-weight    : 400;
    line-height    : 1.5;
    padding        : .375rem .75rem;
    text-align     : center;
    transition     : color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    user-select    : none;
    vertical-align : middle;
    white-space    : nowrap;
}

/* End matches selection */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance : none;
    margin             : 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/* andrea start*/
.dark-theme{
    background-color : #343a40 !important;
    color            : #f8f9fa !important;
}

.close:not(:disabled):not(.disabled){
    cursor : pointer;
}

.modal{
    font-size : 14px;
    color     : #4a4a4a;
}

.modal-timer{
    top : 13% !important;
}

.orange{
    color : orange;
}

/*div[class^='thankyou'] .row{*/
/*padding-left  : 10px !important;*/
/*padding-right : 10px !important;*/
/*}*/

.soldout,
.notavailable{
    /*margin-left : -75px !important;*/
    height : 35px;
}


.fieldset-border-modal{
    border : 1px solid #707070 !important;
}

.gadget-info{
    font-size    : 13px;
    padding      : 0.75rem 2.25rem !important;
    margin-left  : -1rem;
    margin-right : -1rem;
}

.confirmation-banner-img{
    width : 100%;
}

.flags-modal-title{
    text-transform : uppercase;
    text-align     : center;
    font-weight    : bold;
    font-size      : 20px;
}

.modal-underline{
    text-decoration : underline;
}

.modal-simple{
    text-decoration : none;
}

.modal-red{
    color : #990a2c
}

.modal-table{
    padding : 20px;
}

.modal-table:nth-child(odd){
    background-color : rgba(0, 0, 0, .1);
}

.modal-table:nth-child(even){
    background-color : rgba(0, 0, 0, .05);
}

.flags-modal{
    padding : 30px;

}

.docs-container-gadget{
    margin-top : 50px;
}

/*Prelazione multipla*/


.add-more-title{
    color  : #750c24 !important;
    cursor : pointer;
}

.bold-renew-info{
    font-weight : bold;
}

.renewal-continue{
    font-weight    : bold;
    text-transform : uppercase;
}

.renewal-continue-updated{
    text-transform : lowercase;
    color          : #750c24;
    cursor         : pointer;
}

.prelazioniinfo{
    font-size : 19px;
}

.prelazioni-barr{
    border-bottom : 2px solid #837450;
}

.btn-empty-space{
    margin-top : 150px;
}

.prelazione-delete{
    color  : #837450;
    cursor : pointer;
}

.pnr-input{
    border           : none;
    background-color : transparent;
    color            : #bbbcbc;
}

#formPrelazione{
    margin-bottom : 15px;
}

.pnr-container{
    color     : #bbbcbc !important;
    font-size : 17px !important;
}


.pnr-input{
    font-size : 17px !important;
}

.prelazionierror{
    padding : 15px;
    color   : #990a2c;
}


/*END Prelazione multipla*/

.modal-backdrop.fade.show{
    opacity : 0.5 !important;
}


.list-group-item.price-list-vip{
    z-index : 9;
}

.list-group.price-list-group.general-list-view{
    z-index : 8;
}

.stadium-view{
    z-index : 0;

}

.confirmation-dateblock{
    padding          : 10px;
    font-size        : 14px;
    color            : #fff;
    background-color : #f89628;
}

.confirmation-date-container{
    max-width : 1220px;
}

#bankList li::marker{
    color : transparent;

}

.searchbank-input, .searchbank-input:focus{
    height           : 35px;
    border           : 1px solid #bbbcbc;
    width            : 30%;
    border-radius    : 5px;
    background-color : transparent;
    padding          : 10px;
}

.search-icon{
    color       : #bbbcbc;
    font-size   : 25px;
    padding-top : 3px;
}

.bank-list{
    padding-left : 30px;
    margin-top   : 20px;
}

.red-text{
    color : #990a2c;
}

/*PARKING CSS*/
.parking-logo{
    color : rgb(8, 77, 158);
}

.parking-title{
    font-family : ASRomaExtraBold, sans-serif;
    font-weight : 700;
    font-size   : 3.5rem;
}

.selected-parking-match{
    background-color : transparent !important;
    border-top       : 1px solid #bbbcbc !important;
    border-bottom    : 1px solid #bbbcbc !important;
    border-left      : none !important;
    border-right     : none !important;
}

.parking-event-text-info{
    font-size : 1.25rem;
}

.parking-event-info img{
    height : 35px;
}

.matches-img-container{
    vertical-align : middle;
    margin         : auto;
}

.parking-squadra{
    font-size : 15px;
}

.weight-text{
    font-family : ASRomaExtraBold, sans-serif;;
}

.parking-match-title{
    color       : #000000;
    font-weight : 800;
}

.parking-content{
    padding : 100px 140px;
}

.parking-info{
    font-family : ASRomaLight, sans-serif;
    font-size   : 1.25rem;
    font-weight : 300;
}

.parking-seal-info{
    color : #990a2c;
}

.parking-login-container{
    margin-top : 90px;
}

.parking-btn{
    width : 90%;
}

.parking-modal{
    max-width : 800px;
    margin    : 6.75rem auto;
}

.fiscalSeal-btn{
    font-size        : 1rem;
    width            : 32.9%;
    border-radius    : 50px;
    background-color : #e9ecef;
    border           : none;
    height           : 40px;
    color            : #990a2c;
}

.fiscalSeal-btn:hover{
    cursor : pointer;
}

.fiscalSeal-btn.selected{
    background-color : #990a2c;
    color            : #ffffff;
}

.fiscalSeal-btn-container{
    background-color : #e9ecef;
    border-radius    : 50px;
    text-align       : center;
}

.fiscalSeal-modal-header .close{
    color : #e9ecef;
}

.fiascalSeal-image img{
    width      : 100%;
    margin-top : 15px;
}

.fiscalSeal-modal-header{
    background-color : #2e2e2e !important;
    color            : #ffffff;
}

.parking-input{
    font-size : 20px;
    height    : 40px;
    width     : 90%;
    border    : 1px solid lightgrey;
}

.parking-content .parking-flow{
    margin-top : 150px;
}

.parking-seal-info:hover{
    text-decoration : underline;
    cursor          : pointer;
}

.parking-event-info{
    color            : #495057;
    background-color : #ffffff;
    border           : 1px solid rgba(0, 0, 0, .125);
    cursor           : pointer;
}

.parking-event-info:hover{
    background-color : #e9ecef;
}

.changeparking-match-link{
    color           : #520819;
    cursor          : pointer;
    justify-content : flex-end;
    font-size       : 13px;
}

.parking-purchase-info{
    font-size : 13px;

}

.changeparking-match-link:hover{
    text-decoration : underline;
}

.parking-desc{
    color           : #000000;
    font-family     : ASRomaExtraBold, sans-serif;
    font-size       : 1.25rem;
    justify-content : center;
    margin          : auto;
}

.parking-cart-firts-row{
    margin-top : 20px;
}

.parking-form legend{
    position           : absolute;
    font-size          : 12px;
    line-height        : 14px;
    padding            : 0 4px;
    border-radius      : 7px;
    top                : -6px;
    left               : 17px;
    background         : #ced4da;
    color              : #fff;
    width              : auto;
    -webkit-transition : all .3s;
    transition         : all .3s;
    z-index            : 1;
}

.submit-parking-btn{
    background-color : #980f2f;
    color            : #ffffff;
    width            : 100%;

}

.parking-form input{
    padding          : 15px;
    font-size        : 1.25rem;
    width            : 100%;
    height           : 45px;
    background-color : #fff;
    border           : 1px solid #ced4da;
    color            : #495057;
}

.parking-tickets .el-input-number__decrease.disabled, .parking-tickets .el-input-number__increase.disabled{
    color : #606266;
}

.parking-tickets .el-input-number__decrease, .parking-tickets .el-input-number__increase{
    color : #000000;
}

.parking-ticket-container{
    color            : #495057;
    background-color : #ffffff;
    border           : 1px solid rgba(0, 0, 0, .125);

}

.parking-total-row{
    border-bottom  : 1px solid #bbbcbc;
    padding-bottom : 20px;
}


.show-forselected{
    text-align : end;
    padding    : 0;
}

.parking-prices-option{
    width            : 60%;
    height           : 100%;
    border           : 1px solid lightgray;
    background-color : #ffffff;
}

.parking-form-container{
    padding-top    : 20px;
    padding-bottom : 20px;
}

.parking-qty-changer .disabled{
    cursor : not-allowed;
}

.parking-cart-total{
    font-size : 20px;
}


.parking-total-info{
    font-weight : 900;
}

.parking-total-price-info{
    font-family : ASRomaExtraBold, sans-serif;
}

/*END parking css*/

.acceleratori-desktop{
    justify-content : center;
    display         : flex;
}

.acceleratori-mobile{
    display : none;
}

.turni-home-title{
    font-family    : ASRomaExtraBold, Arial Black;
    font-size      : 30px;
    font-weight    : 900;
    text-transform : uppercase;
}

.additional-info{
    color : #8a8a8a;
}

.landing-btn{
    width : 100%;
}

.link-container{
    display          : flex;
    text-align       : center;
    background-color : #980f2f;
}

.link-container a{
    color  : #ffffff !important;
    margin : auto;
}

.link-container a:hover{
    text-decoration : none;
}

.btn-yellow-info{
    color : #ffc107;
}

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

.account-link:hover{
    color : #ffffff;
}

.confirmation-banner-text .row{
    font-size : 18px;
}

.info-title{
    font-family : ASRomaExtraBold, sans-serif;
}

.digital-season-title{
    font-weight : bold;
    font-size   : 30px;
}

.info-exp{
    font-family : ASRomaLight, SansSerif;
}

.benefit-list label{
    font-family : ASRomaLight, SansSerif;
    font-size   : 20px;


}

.benefit-list{
    margin-top : 35px;
}

.download-app-container{
    margin-top : 10px;
}


.confirmation-img-cont{
    justify-content : left;
    display         : flex;
    padding-left    : 25px;
}

.black-side{
    background-image  : url(../images/logo_bg_updating_2021/bg-black.png);
    background-repeat : no-repeat;
    background-size   : cover;

}

.accelerator-container, .accelerator-icon-container{
    display         : flex !important;
    justify-content : center;
    color           : #980f2f;
}

/*Accelerator tooltip position*/
.accelerator-tooltip{
    text-align       : center;
    position         : absolute;
    z-index          : 999;
    background-color : #f5f7fa;
    padding          : 2px;
    font-size        : 12px;
    border           : 1px solid #f89628;
    width            : 200px;
    top              : 35px !important;
    left             : 68px !important;
}

.accelerator-container:last-child, .accelerator-icon-container:last-child{
    justify-content : right;
}


.accelerator-container:first-child .accelerator-tooltip[id$="_BLACKFRIDAY"]{
    bottom : 50px !important;
}

.accelerator-container:first-child, .accelerator-icon-container:first-child{
    justify-content : left;
}

.accelerator-container:nth-child(2):not(last-child) .accelerator-tooltip{
    left  : 115px;
    right : 63px;
}

.vip-list-view .accelerator-container:nth-child(2):not(last-child) .accelerator-tooltip{
    left  : 0;
    right : 0;
}

/*END accelerator tooltip position*/
.price-btn.nodrop{
    cursor : default !important;
}

.price-dropdown{
    border-radius    : 5px;
    margin           : 1px 5px;
    width            : 100%;
}

.price-dropdown button:focus{
    outline: none;
}

.price-btn.dropdown-toggle::after{
    content : none;
}

.form-control .arrow-prices {
    color: #212529;
}

.arrow-prices{
    color    : #ffffff;
    position : absolute;
    right    : 10px;
    top      : 4px;
}

.nodrop .arrow-prices{
    display : none;
}

.dropdown-toggle .right-panel-price{
    margin-right : 40px;
}

.price-btn.btn.btn-link.btn-sm.dropdown-toggle:disabled{
    opacity : initial;

}

.CC-expiry-date{
    margin-right : 10px;
    width        : 50%;
}

.expirydate-label{
    display : none;
}

.expirydate-label{
    font-size   : 1rem;
    margin      : 0;
    color       : #707070;
    position    : absolute;
    left        : 17px;
    top         : 12px;
    line-height : 1.1;
}

.confirmation.gift-card-img{
    justify-content : center;
    margin          : auto;
}

.giftcard-right-container .purchase-info{
    font-weight : bold;
    font-size   : 16px;
    font-family : ASRomaExtraBold, "Arial Black";
}

.payment-description{
    display : none;
}


.confirmation.gift-card-img img{
    width : 100%;
}

.cc-exp{
    padding-right: 8px !important;
}

.CC-expiry-date{
    margin-right : 10px;
    width        : 100%;
}

.expirydate-label{
    display : none;
}

.expirydate-label{
    font-size   : 11px;
    margin      : 0;
    color       : #707070;
    position    : absolute;
    left        : 17px;
    top         : 12px;
    line-height : 1.1;
}

.confirmation.gift-card-img{
    justify-content : center;
    margin          : auto;
}

.giftcard-right-container .purchase-info{
    font-weight : bold;
    font-size   : 16px;
    font-family : ASRomaExtraBold, "Arial Black";
}

.payment-description{
    display : none;
}


.confirmation.gift-card-img img{
    width : 100%;
}

#abbonamenti_condizioni, #terms_conditions, #stadium_regulation, #code_conduct{
    margin-top    : 100px;
    margin-bottom : 100px;

}


.main-body.conditionpurchase, .main-body.codeconductcarnet, .main-body.stadium, .main-body.conditionpurchasecarnet, .main-body.conditionwebsitecarnet, .main-body.stadiumregulationcarnet{
    margin : 100px 30px;
}






.season-btn{
    cursor      : pointer;
    font-weight : bold;
}

.resale-header-lang .dropdown-toggle::after{
    display : none !important;

}


.radio-privateorpublic-resale .form-check-label {
    cursor: pointer;

    font-size: 16px !important;
    line-height: 13px;
    letter-spacing: -0.31px;
    color: #000000;
    user-select: none;
    margin-top: 7px;
    margin-left: 15px;
}





.radio-privateorpublic-resale input.form-check-input:after {
    width: 15px;
    height: 15px;
    border-radius: 80%;
    top: -4px;
    left: -1px;
    position: relative;
    display: inline-block;
    visibility: visible;
    background-color: #ffffff;
    border: 3px solid white;
    content: '';
    box-shadow: 0 0 0 1px #808080;

}

.radio-privateorpublic-resale input.form-check-input.checked:after {

    background-color: #980f2f;
    box-shadow: 0 0 0 1px #980f2f;
}

.radio-privateorpublic-resale .form-check{
    cursor: pointer;
}

.turni-mainimage-container{
    justify-content : center;
}

.turni-buttons-container{
    justify-content : center;
}

.turni-mainimage-container{
    justify-content : center;

}

.tabella-prezzi-modal img{
    width : 100%;

}


.confirmation-banner-serie-a{
    background-color : #000000;
    color            : #ffffff;
}





.confirmation-banner-serie-a{
    background-color : #000000;
    color            : #ffffff;
}

.event-month {
    text-transform: uppercase;
    color: #000000;
    font-family: AsRomaRegular,Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: 800;
}

.matchcard-body .event-complete-data {
    text-transform: uppercase;
    font-size: 18px;
}
/*fatturazione in comune su soccer*/

.fattura-form {
    .form-control, label:not(.error), .info-row:not(.error) {
        font-size: .75rem;
    }
}

.fattura-form .fattura-back-home{
    display: none;
}

.fattura-form .fattura-data-container, .fattura-form  .invoice-info{
    display: none !important;
}

.fattura-form .only-italy-fields.italy-container{
    border: 1px solid #ced4da;
}

.new-layout .matches-logo-competizione{
    margin: auto;
    display: flex;
}
.fattura-form .invoice-error span{
    color: red !important;
    font-size: 12.5px;
    margin-bottom: 0;
}



/**/
.fattura-form .mask2m, .fattura-form .mask4d{
    top: 34px;    background-color: transparent;
}

#fattura .only-italy-fields{
    display: block;
}
.fattura-form .mask4d{
    left: 90px;
}

.fattura-form .barr-date-dd{
    top: 43px;
    left: 50px;
}

.fattura-form .barr-date-mm{
    top: 43px;
    left: 90px;
}
.fattura-form .placeholderDay{
    position: relative!important;   width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.fattura-form .fattura-data-container, .fattura-form  .invoice-info{
    display: none !important;
}

.fattura-form .invoice-error span{
    color: red !important;
    font-size: 12.5px;
    margin-bottom: 0;
}
.fattura-form .fattura-data-container, .fattura-form  .invoice-info{
    display: none !important;
}

.fattura-form .invoice-error span{
    color: red !important;
    font-size: 12.5px;
    margin-bottom: 0;
}
/**/

.new-layout .vs-container{
    justify-content: center;
    display: flex;
    margin: auto;
}

.matchcard-body .stadium{
    color: #808084;
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    margin-top: 12px;
    text-align: center;
    text-transform: uppercase;
}

.match-container{
    margin: 10px 0;
}

.moneycard-info.moneycard-code.old, .moneycard-info.expiration-date.old, .balance.old{
    width: fit-content;
    background-color: #ffffff !important;

}

.moneycard-info.moneycard-code.old span, .moneycard-info.expiration-date.old span, .balance.old span{
    color: #000000;

}


.buy-btn-container{
margin: auto;
vertical-align: middle;
justify-content: center;
display: flex;
}
.buy-tickets-button, .prebuy-tickets-button{
margin: auto;
background: #fbba00;
border: 2px solid #fbba00;
border-radius: 6.25rem;
color: #990a2c;
padding: 10px 20px;
font-family: "ASRomaExtraBold", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 800;
text-transform: uppercase;
}

.matchcard-body .event-hour{
font-size: 16px;
font-weight: 500;
}

.month-filter-container{
display: flex;
justify-content: end;

}

.filter-month-button{
cursor: pointer;
}

.month-filter-container .arrow-down{

position: relative;
top: 10px;
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-right: 0.2em solid #808084;
border-top: 0.2em solid #808084;
transform: rotate(135deg);
margin-right: 0.5em;
margin-left: 1.0em;

}

.month-filter-container .arrow-up {
position: relative;
top: 10px;
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-right: 0.2em solid #808084;
border-top: 0.2em solid #808084;
transform: rotate(-45deg);
margin-right: 0.5em;
margin-left: 1.0em;

}

.select-month{
cursor:    pointer;
background-color: #f6f6f6 ;
color: #808084;
font-family: "AsRomaExtraBold", Arial, Helvetica, sans-serif;
font-style: italic;
}

.select-month{
padding: 5px 80px 5px 5px;
margin: 5px;
border-radius: 5px;

}

.month-list{
position: absolute;
z-index: 9;
top: 30px;
right: 18px;
background-color: #ffffff;
border: 1px solid rgb(212, 212, 213);
border-radius: 5px;
}



.month-filter-container .month-filter{
color: #808084;
font-family: "AsRomaRegular", Arial, Helvetica, sans-serif;
font-size: 20px;
font-style: italic;
font-weight: 800;
text-transform: uppercase;
}

.matchcard-body .matches-logo-competizione{
max-width: 100%;
margin: auto;
}

.img-matches-container img{
height: 100%;
}

.genere-container, .tipo-container{
align-items: center;
display: flex;
justify-content: center;
max-width: 20px;
width: 100%;

}

.genere-container.gender-f{
background-color: #fbba00;
}

.genere-container.gender-m{
background-color: #990b2c;
}

.tipo-container.primavera-container{
background-color: #0C9624;
}

.primavera-bkg{
background-color: rgba(12, 150, 36, .15);

}
.femminile-bkg{
background-color: rgba(251,186,0,.15);

}
.matches-container{
margin: 0 auto;
max-width: 1460px;
min-width: 320px;
}



.genere-container .genere, .tipo-container .primavera{
color: #fff;
font-family: AsRomaRegular, Arial, Helvetica, sans-serif;
font-size: 12px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
writing-mode: vertical-rl;
text-transform: uppercase;

}

.matches-container.container{
padding-top: 100px;
}

/*Nuova mappa css*/
.free-row-sector-for-tipoposto{
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding: 10px 0;
    display: flex;
    cursor: pointer;
    height: 45px;
    z-index: 1;
}
.soldout-row-sector-for-tipoposto{
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding: 10px 0;
    display: flex;
    color: #949494;
    background-color: #f9f9f9;
    height: 45px;
}
.new-map-seat-img{
    margin: auto 0;
    width: 15px;
}

.sector-map .select-qty{
    width: 20px;
    height: 100%;
    text-align: center;
    color: #606266;
    cursor: pointer;
    outline: 0;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
}

.new-map-percentage-img{
    width: 25%;
    display: flex;
    height: 45%;
    margin: auto 10px;
}

.sold-out-container{
    justify-content: center;
    display: flex;


}

.new-map.sold-out{
    max-width: 70%;

}

.sector-map-arrow-down{
    color: #b1b1b1;
    cursor: pointer;
}

.sector-map{
    z-index: 1;
    position: relative;
}
.sector-map-arrow-up{
    color: #99092C;
    cursor: pointer;
}
.sector-map .percentage-container{
    display: flex;
    justify-content: center;
}

.sector-map .choose-quantity, .mobile-sector-map .choose-quantity{
    position: relative;
    display: inline-flex;
    line-height: 40px;
    width: 120px !important;
    height: 40px;
    border-radius: .25em;
    z-index: 2;
    justify-content: center;
}

.sector-map .arrow-right-container{
    display: flex;
}



.sector-map .selected-arrow{
    border: none;
    z-index: 9;
    padding: 0;
    background-color:#990a2c;
    margin: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
}

.sector-map .selected-arrow img{
    cursor:pointer;
}

.sector-map .selected-arrow:focus, .sector-map .simple-arrow:focus{
    outline:none

}

.sector-map .simple-arrow{
    margin: 10px 20px;
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.sector-map .simple-arrow svg{
    color: #990a2c;
    margin: 0 15px;
    width: 1.5em;
}

.sector-map .selected-arrow svg{
    color: #ffffff;
    margin: 0 15px;
    width: 1.5em;

}



.sector-map .choose-qty-container{
    display: flex;
    justify-content: center;
}

.sector-map .decrease-qty, .sector-map .increase-qty, .mobile-sector-map .decrease-qty, .mobile-sector-map .increase-qty{
    margin: auto;
    width: 30px;
    height: 75%;
    text-align: center;
    background: #ffffff;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(255, 255, 255);
    color: #606266;
    cursor: pointer;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #990a2c;
    border: 2px solid #990a2c;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(153, 10, 44);
    border-right-color: rgb(153, 10, 44);
    border-bottom-color: rgb(153, 10, 44);
    border-left-color: rgb(153, 10, 44);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-radius: 50px;
}

.price-list-group .list-group-item.disabled{
    cursor: not-allowed;
}
/*ENDNuova mappa css*/







.paymentpage .left-panel{
    min-width: 250px;
}

.resale-season-selection-container.blocked{
    cursor: not-allowed;
    background-color: #F2F2F2;
}

.filter-container .season-select{
    border: 1px solid #e5e5e5;
    border-radius: 13px;
    font-size: 0.9rem;
    padding: 10px;
    margin: 15px 0;
    width: 100%;
    background-color: #f8f9fa;
}



.resale-season-container .event-description {
    font-size: 15px;
}

/*fatturazione in comune su soccer*/
.fattura-form .fattura-data-container, .fattura-form  .invoice-info{
    display: none !important;
}


.fattura-form .fattura-expl{
    justify-content: center;
}

.fattura-form .invoice-reprint{
    margin: auto;
}

.fattura-success {
    padding: 0;
    justify-content: flex-end;
    display: flex;
    font-size: .75rem;
}

#fattura-request{
    justify-content: flex-end;
    display: flex;
    margin: 0 !important;
    padding: 0;
}

.reprint-invoice-container{
    justify-content: flex-end;
    display: flex;

}

.fattura-form .fattura-row.row {
    justify-content: flex-end;
    margin-top: -30px;
}

.crp-link-container + .fattura-form .fattura-row.row {
    margin-top: -60px;
}

.reprint-invoice-container {
    padding: 0;
}

.fattura-form .data-invoice-container{
    max-width:100% !important;;

}

.fattura-form .invoice-print-btn-container{
    justify-content: center;
    display: flex;
}

.fattura-form .confirmation-btn {
    margin: 0 0 .25rem;
    background-color: #980f2f !important;
    color: #ffffff !important;
    padding: .5rem 1rem;
    font-size: .75rem;
    line-height: 1.5;
    border-radius: .3rem;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;

    &.invoice-reprint {
        margin-top: 30px;
    }
}

.crp-link-container + .fattura-form .confirmation-btn.invoice-reprint {
    margin-top: 60px;
}

@media (min-width: 768px) {
    .fattura-form {
        .form-control, label:not(.error), .info-row:not(.error) {
            font-size: 1rem;
        }
    }

    .fattura-form .confirmation-btn {
        font-size: 1rem;
    }

    .fattura-success {
        font-size: 1rem;
    }

    .reprint-invoice-container {
        padding-inline: 15px;
    }
}

.confirmation-btn{
    margin-top: 30px;
    cursor: pointer;
}

.app.logo{
    display: inline-block;
    max-width: 65px;
    max-height: 65px;
}

.app.logo img{
    max-width: 100%;
    max-height: 100%;

}

.img-matches-container .banner-container{
    display: flex;
    justify-content: center;
}

.img-matches-container .banner-container{
    display: flex;
    justify-content: center;
}

.crp-container.img-container{
    max-width: 60px;
    max-height: 60px;
}

.crp-container.img-container img{
    max-width: 100%;
    max-height: 100%;
}

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


#continuePrelazione{
    justify-content: center;
}

.prelazione-codice{
    padding-right: 3px;
}

.addvoucher-disabled{
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}
/*RIVENDITA PRIVATA*/
.private-resale-form .badge{
    font-size: 15px;
    font-weight: 100;
}



.private-resale-form .badge {
    padding: 0;
    font-weight: bold;
}
/*campi da nascondere per il form della rivendita privata*/
.private-resale-form .ticket-number-container, .private-resale-form #copy-from-richiedente-container, .private-resale-form .btn-link{
    display: none !important;
}



.private-resale-form .confirm-privateresale-button{
    color: #ffffff;
    background-color: #980f2f;
    cursor: pointer;
    padding: 5px !important;
    font-size: 1rem;
    border: none;
    border-radius: 4px;
}


.private-resale-form .custom-select{
    margin: 0;
}

.private-resale-form .mask2d, .private-resale-form .mask4d{
    background-color: transparent;

}

.private-resale-form .confirm-privateresale-button{
    width: 30%;
    height: 42px;
}



.private-resale-form .placeholderDay{
    background-color: transparent;
}

.private-resale-form .birthdatecontainer .form-control{
    height: 42px;
}






/*end RIVENDITA PRIVATA*/





.form-check-group .form-text.text-muted{
    color: red !important;

}

.confirmation-chgown-abbo{
    height: 1000px;
}
.confirmation-chgown-abbo p {

    position: absolute;
    /* bottom: 10px; */
    top: -35px;
    left: 550px;
}

.confirmation-chgown-abbo .change-success{
    font-size: 20px;
}
@media (max-width : 575.98px){

    /*RIVENDITA PRIVATA*/
    .private-resale-form label{
        display: none !important;
    }

    .private-resale-form .barr-date{
        top: 13px
    }

    .private-resale-form .holderDateMobile{
        display: none !important;
    }

    .private-resale-form input{
        font-size: 15px !important;
    }

    .private-resale-form .first-row, .private-resale-form .third-row{
        margin-bottom: 0;
    }



    .private-resale-form input{
        margin-bottom: 10px;
    }










    /*END RIVENDITA PRIVATA*/

    #anagrafica [id$="comune"] {
        margin-left: 0;
    }

    .fattura-form .placeholderDay{
        left: 0px !important;
        background-color: #ffffff !important;
    }
    .fattura-form .mask2m, .fattura-form .mask4d{
        top: 36px;
    }

    .fattura-form .barr-date.barr-date-dd,.fattura-form  .barr-date.barr-date-mm{
        font-size: 17.5px;

    }

    .fattura-form .holderDateMobile{
        display: none;
    }

    .advicetext, .advicetext1{
        background-color: #dddddd;
    }

    .advicetext span, .advicetext1 span{
        font-size: 13px;
    }

    .new-map.sold-out {
        max-width: 50%;
    }
    .mobile-sector-map{
        border-top: 2px solid lightgrey;
    }



    .mobile-sector-map .mobile-quantity{
        font-size: 15px;
        height: 45px;
    }

    .mobile-sector-map .choose-quantity{
        justify-content: left;
    }

    .mobile-sector-map .decrease-qty, .mobile-sector-map .increase-qty{
        margin: auto 0;
        width: 20px;
        height: 55%;

    }

    .new-map-percentage-img{
        width: 100%;
    }

    .prebuy-tickets-button{
        margin-top: 15px;
    }
    .buy-btn-container{
        display: flex;
        justify-content: center;
    }


    .matches-container.container{
        padding-top: 0;
    }

    .expirydate-label{
        font-size: 12px !important;
    }

    .dropdown-toggle .right-panel-price{
        font-size : 18px;
    }

    #anagrafica .form-content .form-row label.copy-label {
        position: relative;
    }

    .checkmark {
        top: -2px;
    }

    .header-cont-bottom-giftcard{
        height : 34px !important;
    }

    .confirmation-second-container-right{
        margin-bottom : 30px;
    }

    .confirmation-second-container-left{
        padding-left : 0;
        border-top: 1px solid #f69338 ;
        border-left:none ;
        padding-top: 30px;
    }


    .acceleratori-desktop{
        display : none;
    }

    .acceleratori-mobile{
        display : flex;
    }

    .searchbank-input, .searchbank-input:focus{
        width : 85%;
    }

    .confirmation-table{
        padding : 0 15px;
    }

    #formPrelazione .form-control{
        font-size : 12px;
    }

    .pre-error{
        padding : 0 !important;
    }


    #anagrafica input{
        font-size : 10px;
    }

    .info-button{
        text-align : right;
    }

    .info-button img{
        width : 50%;
    }

    .confirmation-season-smartphone-img{
        width : 100%;
    }

    .btn-link-cardholder{
        font-size : 12px;
    }

    .filter-bar {
        top: 55px;
    }

    .print-pdf-button{
        width  : 90%;
        margin : auto;
    }

    .mobile-gadget-modal{
        margin-top    : 90px;
        margin-bottom : 90px;
    }

    .gadget-info{
        padding    : 15px !important;
        text-align : center;
    }


    .countdown-mobile-appear{
        position : fixed;
        top      : 0;
        left     : 0;
        z-index  : 9999;
        height   : 90px;
        width    : 100%;
    }

    .grecaptcha-container {
        display: flex;
        justify-content: space-around;
    }

    .barr-date.barr-date-dd,
    .barr-date.barr-date-mm {
        font-size: 12.5px;
    }

    input[id$="_birthdateField"] {

    }
}

.reduced-visibility{
    width : 26px;
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:focus{
    border                  : 1px solid #ddd;
    -webkit-text-fill-color : #212529;
    -webkit-box-shadow      : 0 0 0px 1000px transparent inset;
    transition              : background-color 5000s ease-in-out 0s;
}


.popup-reduced-visibility{
    position         : absolute;
    margin-top       : 20px;
    margin-left      : -150px;
    background-color : #F0F0F0;
    color            : #1C1C1C;
    padding          : 5px;
    border           : 2px solid #C9CACD;
}

.dropdown-item.active, .dropdown-item:active{
    background-color : #ffc107 !important;
}

.dropdown-item:focus, .dropdown-item:hover{
    /*background-color : transparent !important;*/
    background-color : #ffc107 !important;
}

input[name="couponCode"]{
    text-transform : uppercase;
}

input[name="couponCode"]::-webkit-input-placeholder{ /* WebKit browsers */
    text-transform : none;
}

input[name="couponCode"]:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
    text-transform : none;
}

input[name="couponCode"]::-moz-placeholder{ /* Mozilla Firefox 19+ */
    text-transform : none;
}

input[name="couponCode"]:-ms-input-placeholder{ /* Internet Explorer 10+ */
    text-transform : none;
}

input[name="couponCode"]::placeholder{ /* Recent browsers */
    text-transform : none;
}

.cursor-pointer{
    cursor : pointer !important;
}

.cursor-default{
    cursor : default !important;
}

/* andrea end*/
/* paolo*/
a{
    color            : #990a2c;
    text-decoration  : none;
    background-color : transparent;
}

.match-content #map-container-mobile,
.match-content #map-container{
    height : 70vh;
}

.match-list-body{
    padding-bottom : 105px;
    margin-bottom: 450px;
}

.checkout-body,
.thankyou-body{
    /*padding-top    : 80px;*/
    padding-bottom : 105px;
}

.forms-body{
    padding-top    : 80px;
    padding-bottom : 75px;
}

.zone-nav{
    height : 40px;
}

.svg-map-venue{
    /*top        : calc(20px + 60px + 3rem);*/
    overflow   : hidden;
    transition : .2s;
    z-index    : 0;
}

.zone-content #map-container-mobile,
.zone-content #map-container{
    height : calc(100vh - 225px);
}

#ticket-viewInfo{
    display : none;
}

.accelerator-block,
.fancard-block{
    /*height     : 50px;*/
    width      : 200px;
    margin-top : 5px;
}

.accelerator-block{
    display : flex;
}

.alertfewtickts{
    padding-left  : 15px;
    padding-right : 15px;
    display       : inline;
    /*float:left;*/
}

.bellalertfewtickts{
    margin-right : 4px;
    margin-top   : 3px;
    float        : left;
}

.to-be-confirmed{
    display         : flex;
    justify-content : center;
}

.dropdown-item.text-dropdown{

    display : flex;
}

.price-btn{
    border           : none;
    background-color : transparent;
    text-align       : left;
    width            : 100%;
    justify-content  : space-between;
    padding          : 4px;
    display          : flex;
}

.type-price-description{
    display     : contents;
    white-space : pre-line;

}

.dropdown-toggle .right-panel-description{
    color : #e0afc5;
}

.price-btn .right-panel-description{
    font-size   : 14px;
    font-weight : bold;
}

.form-control .dropdown-toggle .right-panel-description{
    color : #212529;
    font-size: 13px;
    font-weight: normal;
}



.accelerator-block .child-box{
    border-right : 2px solid #990a2c !important;;
}

.accelerator-block .bell-box{
    border-right : 2px solid #dc3545 !important;
}

.bell-box .fa-bell{
    color : #dc3545;
}

.accelerator-block .child-box.blackfriday{
    border-right : 2px solid #990a2c;
}

.content-wrapper{
    overflow-x : hidden;
}

/*Change area modals*/

.modal-dialog.change-area-unavailable{
    margin-top : 150px;
}

.changing-area-info{
    font-weight : bold;
}


.modal-dialog.change-area-available .go-to-newarea-btn{
    background-color : #990a2c;
    color            : #ffffff;
}

.different-price-info{
    font-size : 17px;
}

.modal-dialog.change-area-available .modal-content{
    font-size : 17px;
}

.modal-dialog.change-area-available button{
    border        : none;
    border-radius : 0;
    font-size     : 15px;
}

.change-area-available .modal-footer{
    border : none !important;
}

.modal-dialog.change-area-available .remain-area-btn{
    background-color : #a6a6a6;
    color            : #ffffff;

}

.modal-dialog.change-area-available{
    margin-top : 150px;
}

.modal-dialog.change-area-unavailable .modal-content{
    border-radius : 25px;
    color         : #ffffff;
    background    : rgba(0, 0, 0, 0.8);
}

.modal-dialog.change-area-available .modal-content{
    background-color : transparent;
    color            : #ffffff;
    border           : none !important;
}

.modal-dialog.change-area-unavailable .modal-body{
    padding : 10px;
}

.modal-dialog.change-area-available button{
    width : 100%;
}

.yellow-text-trasferta{
    font-weight     : 100;
    font-weight     : 100;
    max-width       : 1220px;
    margin          : auto;
    justify-content : start;
    display         : flex;
}


.change-area-modal{
    background-color : rgba(0, 0, 0, 0.5);
    z-index          : 999999;
}

/*END Change area modals*/


/*Zero payment popup*/
.modal-backdrop{
    z-index : 1;
}

.zero-payment .return-to-form{
    color            : #990a2c;
    background-color : transparent;
}

.zero-payment .modal-dialog{
    margin-top : 250px;
}






.zero-payment .zeropayment-info{
    color : #b1b1b1;
}

#klarna_container div{
    z-index: 0;

}



.zero-payment .modal-title{
    color       : #000000;
    font-weight : 900;
    font-size   : 25px;
}

.zeropayment-firtinfo{
    font-size   : 20px;
    font-weight : 100;
}

.zero-payment .gotozeropayment-btn{
    width : 80%;
}

.zero-payment #voucher-remaining{
    font-size   : 20px;
    font-weight : bold;

}

.voucher-usage-error{
    color: red;
    font-size: 12px;
}

.zero-payment .modal-body{
    color : #000000;
}

.zero-payment .modal-header, .zero-payment .modal-footer{
    border          : none;
    justify-content : center;
}

/*Zero payment popup*/

.my-klarna-mobile-btn{
    padding-top : 0 !important;
}

.team-name{
    text-transform: uppercase;
}
.tickets-list.empty{
    margin-top: 55px;
}

.img-matches-container{
    max-height: 60px;

}





.btn-CREDITCARD{
    height: 50px;
    width: 100%;

}

.btn.payment-selected small {
    color: #000000 !important;

}

.btn-CREDITCARD small{
    padding-left: 38px;
    position: relative;

}

.btn.btn-PAYPAL small {
    color: #ffffff !important;
}

.btn.btn-PAYPAL.payment-selected small{
    color: #f89628 !important;

}

.btn.payment-method small{
    color:#bbbcbc;
    font-size: 18px;
    font-family: ASRomaRegular, Arial, sans-serif;

}

.btn-CREDITCARD small::before{
    height            : 28px;
    width             : 31px;
    background-image  : url(../images/credit-card-ico.svg);
    background-repeat : no-repeat;
    left              : -4px;
    top               : 3px;

}

.btn-CASH small::before{
    height: 28px;
    width: 31px;
    background-image: url(../images/cash-ico.svg);

}

.btn-KLARNA small::before{
    height: 30px;
    width: 106px;
    background-image: url(../images/klarna-ico.svg);
    left: 50px;
    top: 13px;

}
.btn-PAYPAL small::before{
    background-image: url(../images/paypal-ico.svg);
    height: 50px;
    width: 100px;
    top: 13px;
    left: 55px;
}
.btn-PAYPAL.payment-selected small::before{
    background-image: url(../images/paypal-sel-ico.svg);
}

.btn-CASH.payment-selected small::before{
    background-image: url(../images/cash-sel-ico.svg);
}

.btn-CREDITCARD.payment-selected small::before{
    background-image  : url(../images/credit-card-sel-ico.svg);

}



/*new buttons payment*/
.btn.payment-buttons{
    height: 50px;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #bbbcbc;
}

.btn.payment-selected{
    outline: none ;
    box-shadow: none ;
    border:none;
    color: #101820;
    background-color: #f89628;
}

.btn.payment-selector small::before{
    content: "";
    display: block;
    position: absolute;
    transition: all .3s;
    background-repeat: no-repeat;
}



/*end new*/


@media (max-width : 767.98px){
    .content-wrapper #payment-container-KLARNA-KLARNA img.authorize{
        display:none;
    }
    .content-wrapper .giftcard-container #payment-container-KLARNA-KLARNA img.authorize{
        display:flex;
    }

    .zone-legend{
        font-size: 10px;
    }
    .add-newseason-modal-button{
        display: none;
    }

    .genere, .primavera{
        width: 100%;
        transform: none !important;
        writing-mode: unset !important;
        display: flex;
        justify-content: center;
    }



    .month-filter-container .month-filter{
        font-size: 13px;
        margin-top: 5px;
    }

    .match-list-body.new{
        padding-top: 0;
    }

    .month-list {
        right: 0
    }

    .month-filter-container .arrow-down, .month-filter-container .arrow-up{
        height: 7px;
        width: 7px;
    }



    .event-month{
        font-size: 16px;
    }
    .match-container .info-container{
        border: none;
    }
    .matchcard-body .matches-logo-competizione {
        width: 20%;
    }
    .match-container .info-container {
        padding: 20px 0;
    }

    .match-container.new-layout::after{
        content: none;
    }







    /**/

    .genere-container, .tipo-container {
        max-width: 100%;
        max-height: 20px;
    }

    .btn.payment-selector.btn-KLARNA img{
        margin-top: 0 !important;
        width: 45% !important;
    }

    .btn-CREDITCARD small::before{
        left: 20px;
    }

    .btn.payment-selector.btn-PAYPAL small::before{
        left: 90px;
    }

    .btn-CREDITCARD small{
        padding-left: 16px;
    }

    .payment-title{
        font-size: 22px !important;
    }

    .btn-link-cardholder{
        top: 5px;
    }

    .expirydate-label{
        font-size: 1rem;
    }

    .payment-buttons img {
        width: 45% !important;
    }

    .info-button{
        top: 60px;
    }

    .passbtn{
        background-color: #d3d3d3;
        border-radius: 5px;
        color: #980f2f !important;
        font-size: 15px;
    }

    .confirmation-download-button{
        font-size: 15px;
    }

    .confirmation-second {
        background-color: #980f2f !important;
    }

    .mobile-first-confirmation{
        background-color: #980f2f !important;
    }
    #change-zone{
        display: none;
    }

    .buttons-mobile-container{
        width: 100%;
    }


    .confirmation-first-title-right-first{
        float : left;
    }

    .button-upgradeseat-container{
        height : 30px;
    }

    .mobile-buttons{
        display : flex !important;
    }

    #change-zone{
        display: none;
    }

    .buttons-mobile-container{
        width: 100%;
    }


    .confirmation-first-title-right-first{
        float : left;
    }

    .button-upgradeseat-container{
        height : 30px;
    }

    .mobile-buttons{
        display : flex !important;
    }


    .main-body.conditionpurchase{
        margin : 30px;
    }

    .main-body.conditionpurchasecarnet, .main-body.conditionwebsitecarnet, .main-body.stadiumregulationcarnet, .main-body.codeconductcarnet{
        margin : 10px;
    }


    .turni-mainpage-container{
        padding-top : 0;
    }

    .turni-mainimage-container img{
        width         : 100%;
        margin-bottom : 15px;
    }




    .CC-expiry-date{
        width : 100%;
    }

    #abbonamenti_condizioni, #terms_conditions, #code_conduct{
        margin-top    : 0;
        margin-bottom : 0;

    }
    #stadium_regulation{
        margin-top: 0;

     }


    .expirydate-label{
        display : flex;
    }

    #cvvModal img{
        width : 100%;
    }

    .gift-card-img{
        display : none;
    }


    .row-selected-seats div[id$='_priceSummary']{
        background-color : #990a2c;
        border-radius    : 5px;
        display          : flex;
        justify-content  : space-around;
        color: #ffffff;
    }

    .row-selected-seats .type-price-description{
        color        : #e0afc5;
        padding-left : 5px;
        font-size    : 10px;
        align-self   : center;
    }

    .right-panel-description.type-price-description{
        align-self : center;
    }

    .right-panel-price{
        align-self : center;
    }

    .row-selected-seats .right-panel-price{
        margin-top : 5px;
        color      : #ffffff;
        font-size  : 10px;
    }

    .row-selected-seats .arrow-prices{
        display : none;
    }

    .arrow-prices{
        top : 8px;
    }

    .dropdown-toggle .right-panel-description{
        padding         : 0;
        display         : flex;
        font-size       : 15px;
        text-decoration : none;
        text-transform  : none;
        text-align      : left;
    }


    .dropdown-toggle .right-panel-price{
        text-align      : right;
        margin-right    : 35px;
        font-size       : 15px;
        text-decoration : none;
    }

    div[id^='ticketing3dwidget'] iframe{
        width : 100% !important;
    }

    div[id^='ticketing3dwidget']{
        width : 100% !important;
    }


    .confirmation-img-cont{
        padding : 0 5px;
    }

    .digital-season-title{
        font-size : 18px;
    }

    .benefit-list{
        margin-top : 10px;
    }

    .benefit-list label{
        font-size : 15px;
    }


    .thankyou-second .container-fluid{
        padding : 0;
    }

    .account-link{
        font-size : 15px;
    }


    .info-title, .info-exp{
        font-size : 15px;
    }

    .confirmation-column{
        padding : 0;
    }

    .link-container{
        min-height : 176px;
    }

    header .event.event-title{
        display : block;
    }

    .price-list-regular{ /*WEBASR-535:fix problem on mobile when click on premium tickets title*/
        padding-top      : 41px;
        border-bottom    : 3px solid #99092C;
        border-top       : 0;
        border-left      : 0;
        border-right     : 0;
        background-color : transparent;
    }

    .price-list-group .list-group-item:not(.price-list-group-title-fixed){ /*WEBASR-535:fix problem on mobile when click on premium tickets title*/
        z-index : 0 !important;
    }

    .list-group-item.price-list-vip.cursor-default.price-list-group-title-fixed{
        z-index : 1 !important;
    }


    #legal_notice.modal-content{
        padding-bottom : 50px;
    }

    #legal_notice .modal-body{
        margin-bottom : 50px;
    }

    .confirmation-second-container-right{
        padding-right : 0;
    }

    .gotozeropayment-btn{
        width : 100%;
    }

    .zero-payment .zeropayment-firtinfo{
        font-size : 16px;
    }

    .zero-payment #voucher-remaining{
        font-size   : 16px;
        font-weight : bold;
    }

    .zero-payment button{
        font-size : 15px !important;
    }

    .zero-payment .zeropayment-info{
        font-size : 12px;
    }

    .zero-payment .modal-dialog{
        margin : 100px 0;
    }

    .zero-payment .modal-title{
        text-align : center;
        font-size  : 15px;
    }

    .default-promocode{
        background-color : #ffffff;
    }


    .event-title{
        margin-top : 35px
    }

    .accelerator-block .child-box.blackfriday{
        display : none !important;
    }

    .vipLocked{
        margin-top : -23px;
    }

    .onlyvip-mobile{
        display   : inherit !important;
        font-size : 15px;
        padding   : 12px 0 12px 0;
        color     : #dc3545;
    }

    .onlydesktop,
    .onlyvip-desktop{
        display : none !important;
    }

    /*giftcard*/
    .giftcard-container{
        margin-top : 50px !important;
    }

    .tooltiptext-giftcard{
        bottom : 36px;
        left   : -25px;
    }

    .payment-gift .btn-link-cardholder{
        top: -8px !important;
        right: -5px;
    }

    .payment-gift .creditcard-accepted{
        right : 5px;
    }


    .not-available-giftcard{
        margin-top : 150px;
    }

    /*end giftcard*/

    .grecaptcha-container {
        display: flex;
        justify-content: space-around;
    }
    #terms_conditions.modal-content, #terms_conditions.modal-content, #code_conduct.modal-content, #privacy_policy.modal-content, #abbonamenti_condizioni.modal-content, #abbonamentiuefa_condizioni.modal-content, #stadium_regulation.modal_content {
        margin-bottom: 100px;
    }
}



@media (min-width : 767.98px){





    .onlyvip-mobile{
        display : none !important;
    }

    .onlyvip-desktop{
        display   : inherit !important;
        font-size : 1.1rem;
        padding   : 15px 0 15px 0;
        color     : #dc3545;
    }
}


.accelerator-block small{
    color : #990a2c !important;;
}

.accelerator-block .text-danger small{
    color : #dc3545 !important;;
}

.blackfriday,
.fancard-text{
    font-size : 80%;
    color     : #990a2c !important;
}

.accelerator-block .child-box .fa-child,
.accelerator-block .child-box .fa-id-card,
.accelerator-block .child-box .fa-tags,
.fancard-block .card-box .fa-id-card{
    font-size : 20px;
    color     : #990a2c !important;;
}

.accelerator-block .child-box .fa-tags{
    font-size : 20px;
    color     : #990a2c;
}

.fancard-block .fancard-text{
    font-size : 80%;
    color     : #990a2c !important;;
}

.el-input-number{
    position      : relative;
    display       : inline-flex;
    line-height   : 40px;
    width         : 120px !important;
    height        : 40px;
    border-radius : .25em;
    z-index       : 2;
}

.el-input-number__decrease,
.el-input-number__increase{
    width           : 40px;
    height          : 100%;
    text-align      : center;
    background      : #f5f7fa;
    color           : #606266;
    cursor          : pointer;
    font-size       : 13px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled{
    color  : #c0c4cc;
    pointer-events: none;
    cursor : not-allowed;
}

.el-input-number__decrease{
    border-radius : .5em 0 0 .5em;
}

.el-input-number__increase{
    border-radius : 0 .5em .5em 0;
}

.qty_input{
    width      : 40px;
    height     : 100%;
    text-align : center;
    color      : #606266;
    cursor     : pointer;
    outline    : 0;
    transition : border-color .2s cubic-bezier(.645, .045, .355, 1);
}

.qty_input .el-input__inner{
    border     : 0;
    padding    : 0;
    width      : 20px;
    background : none;
    text-align : center;
    height     : 39px;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus{
    outline-color : transparent;
}

.el-input-number:focus,
.el-input-number:hover{
    border-color : lightskyblue;
    z-index      : 2;
}

.button-bar{
    bottom  : 30px;
    z-index : 12;
}

.button-bar-cont{
    height : 75px;
}

.button-continue-mobile{
    height : 50px;
}

.advice{
    -webkit-animation : submiteffect 2s infinite;
    /* Safari 4+ */
    /* Fx 5+ */
    /* Opera 12+ */
    animation         : submiteffect 2s infinite;
    animation-delay   : 10s;
    /* IE 10+, Fx 29+ */
}

.advicetext,.advicetext1{
    -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);   */
}

.testadvice{
    position : relative;
}

.form-content .testadvice:after{
    content            : '';
    -webkit-box-shadow : 0 0 5px 5px #990A2C;
    box-shadow         : 0 0 5px 5px #990A2C;
    -webkit-animation  : adviceeffect 2s infinite;
    /* Safari 4+ */
    /* Fx 5+ */
    /* Opera 12+ */
    animation          : adviceeffect 2s infinite;
    /* IE 10+, Fx 29+ */
    display            : block;
    width              : 100%;
    height             : 40px;
    position           : absolute;
    left               : 0;
    top                : 0;
    z-index            : 1;
}

.testadvice.custom-radio:after{
    display : none;
}

.testadvice.custom-radio .custom-control-label:after{
    -webkit-box-shadow : 0 0 5px 5px #990A2C;
    box-shadow         : 0 0 5px 5px #990A2C;
    -webkit-animation  : adviceeffect 2s infinite;
    animation          : adviceeffect 2s infinite;
    display            : block;
    border-radius      : 50%;
    z-index            : 1;
}

.custom-control{
    position     : relative;
    display      : block;
    min-height   : 1.5rem;
    padding-left : 1.5rem;
}

.custom-control-inline{
    display      : -ms-inline-flexbox;
    display      : inline-flex;
    margin-right : 1rem;
}

.custom-control-input{
    position : absolute;
    z-index  : -1;
    opacity  : 0;
}

.custom-checkbox .custom-control-label{
    font-size : 14px;
    color     : #4a4a4a;
}

.custom-checkbox input{
    width  : 20px;
    left   : 0;
    height : 20px;
}

.custom-control-input:checked ~ .custom-control-label::before{
    color            : #fff;
    background-color : #990A2C;
}

.custom-control-input:focus ~ .custom-control-label::before{
    -webkit-box-shadow : 0 0 0 1px #fff, 0 0 0 0.2rem rgba(153, 10, 44, 0.25);
    box-shadow         : 0 0 0 1px #fff, 0 0 0 0.2rem rgba(153, 10, 44, 0.25);
}

.custom-control-input:active ~ .custom-control-label::before{
    color            : #fff;
    background-color : #f56184;
}

.custom-control-input:disabled ~ .custom-control-label{
    color : #6c757d;
}

.custom-control-input:disabled ~ .custom-control-label::before{
    background-color : #e9ecef;
}

.custom-control-inline{
    display      : -ms-inline-flexbox;
    display      : inline-flex;
    margin-right : 1rem;
}

.custom-control-label{
    position      : relative;
    margin-bottom : 0;
    font-size     : 1.5rem
}

.custom-control-label::before{
    pointer-events      : none;
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
    background-color    : #dee2e6;
}

.custom-control-label::after,
.custom-control-label::before{
    position : absolute;
    top      : .20rem;
    left     : -1.5rem;
    display  : block;
    width    : 1rem;
    height   : 1rem;
    content  : "";

}

.custom-control-label:after{
    background-repeat   : no-repeat;
    background-position : 50%;
    background-size     : 50% 50%;
}


.custom-checkbox .checkbox-label::before,
.custom-checkbox .custom-control-label::before{
    border-radius    : 0;
    background-color : transparent;
    border           : 1px solid #ddd;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
    background-color : #990A2C;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{
    background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before{
    background-color : #990A2C;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after{
    background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before{
    background-color : rgba(153, 10, 44, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before{
    background-color : rgba(153, 10, 44, 0.5);
}

.custom-radio .custom-control-label::before{
    border-radius : 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before{
    background-color : #990A2C;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after{
    background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before{
    background-color : rgba(153, 10, 44, 0.5);
}

.custom-radio .custom-control-label:before{
    top              : 4px;
    left             : -27px;
    border           : 1px solid #c8c9cc;
    background-color : transparent;
}

.custom-radio .custom-control-label.checkbox-soldout:before{
    border           : none;
    background-color : transparent;
}

.custom-radio .custom-control-label:before{
    border-radius : 50%;
}

.custom-radio .custom-control-label:after{
    top  : 4px;
    left : -27px;
}

.link-roma{
    color            : #990a2c;
    background-color : transparent;
    cursor           : pointer;
}

.link-roma:hover{
    text-decoration : underline;
}

.selectedGender{
    background-color : #4CAF50;
    /* Green */
}

.posto-descr{
    text-transform : capitalize;
}

.posto-nota{
    text-transform : capitalize;
    font-weight    : 400;
    font-size      : 13px;
}

.hovered-zone{
    -webkit-box-shadow : 0 0 0 2px #F89628;
    box-shadow         : 0 0 0 2px #F89628;
    z-index            : 1;
}

.list-price-space,
.price-list-group .custom-control-inline{
    /*margin-right : 65px !important;*/
}

button[id^="vip-gallery"]{
    position : absolute;
    right    : 50px;
    top      : 0;
    height   : 100%;
    padding  : 0;
}

button[id^="vip-gallery"] img{
    position : relative;
    top      : -4px;
}

.bar-total,
.price-total{
    font-size : 18px;
}

.price-total{
    font-weight : bold;
}

.btn:not(:disabled):not(.disabled){
    cursor : pointer;
}

.btn-link{
    font-weight      : 400;
    color            : #990a2c;
    background-color : transparent;
}

.btn.btn-primary{
    background-color : #990a2c;
    border-color     : #990a2c;
    padding          : 10px 30px;
    font-size        : 18px;
    border-radius    : 3px;
    color            : #fff !important;
}

.btn.btn-primary:focus{
    box-shadow : none;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle{
    color            : #fff;
    background-color : #69071e;
    border-color     : #5d061b;
    box-shadow       : 0 0 0 .2rem rgba(153, 10, 44, .5);

}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus{
    box-shadow : 0 0 0 .2rem rgba(153, 10, 44, .5);
}

.btn-secondary{
    color            : #101820;
    background-color : #f89628;
    border-color     : #f89628;
}

.btn-secondary:hover{
    color            : #101820;
    background-color : #f28408;
    border-color     : #e67d07;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle{
    color            : #fff;
    background-color : #e67d07;
    border-color     : #d97607;
}

.btn-secondary.focus,
.btn-secondary:focus{
    box-shadow : 0 0 0 .2rem rgba(248, 150, 40, .5);
}

.btn-group-sm > .small.btn, .btn-sm.small{
    font-size : .7rem;
}

.btn-outline-asr-grey{
    color            : #bbbcbc;
    background-color : transparent;
    background-image : none;
    border-color     : #bbbcbc
}

.btn-outline-asr-grey:hover{
    color            : #101820;
    background-color : #bbbcbc;
    border-color     : #bbbcbc
}

.btn-outline-asr-grey.focus, .btn-outline-asr-grey:focus{
    box-shadow : 0 0 0 .2rem hsla(180, 1%, 74%, .5)
}

.btn-outline-asr-grey.disabled, .btn-outline-asr-grey:disabled{
    color            : #bbbcbc;
    background-color : transparent
}

.btn-outline-asr-grey:not(:disabled):not(.disabled).active, .btn-outline-asr-grey:not(:disabled):not(.disabled):active, .show > .btn-outline-asr-grey.dropdown-toggle{
    color            : #101820;
    background-color : #bbbcbc;
    border-color     : #bbbcbc
}

.btn-outline-asr-grey:not(:disabled):not(.disabled).active:focus, .btn-outline-asr-grey:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-asr-grey.dropdown-toggle:focus{
    box-shadow : 0 0 0 .2rem hsla(180, 1%, 74%, .5)
}

.btn-payment{
    height        : 50px;
    border-radius : 2px;
}

.btn-payment small{
    font-size : 18px;
}

.btn-payment.btn-ideal small,
.btn-payment.btn-paypal small,
.btn-payment.btn-credit-card small{
    padding-left : 38px;
    position     : relative;
}

.btn-payment small::before{
    content    : "";
    display    : block;
    position   : absolute;
    transition : all .3s;
}

.btn-payment.btn-credit-card small::before{
    height            : 28px;
    width             : 31px;
    background-image  : url(../images/credit-card-ico.svg);
    background-repeat : no-repeat;
    left              : -4px;
    top               : 3px;
}

.btn-payment.btn-credit-card.btn-secondary small::before,
.btn-payment.btn-credit-card:hover small::before{
    background-image : url(../images/credit-card-sel-ico.svg);
}

.btn-payment.btn-klarna small::before{
    height            : 30px;
    width             : 106px;
    background-image  : url(../images/klarna-ico.svg);
    background-repeat : no-repeat;
    left              : 60px;
    top               : 13px;
    color             : #AEB3B3;
}

.btn-payment.btn-paypal small::before{
    height            : 30px;
    width             : 106px;
    background-image  : url(../images/paypal-ico.svg);
    background-repeat : no-repeat;
    left              : -28px;
    top               : -2px;
}

.btn-payment.btn-paypal2{
    min-width        : 150px;
    background-color : #009cde;
}

.btn-payment.btn-paypal2 small::before{
    left : 15px !important;
    top  : -12px;
}

.btn-payment.btn-paypal.btn-secondary small::before,
.btn-payment.btn-paypal:hover small::before{
    background-image : url(../images/paypal-sel-ico.svg);
}

.btn-payment.btn-klarna:hover small::before{
    background-image : url(../images/klarna-ico.svg);
    color            : #000000;
}

.btn-payment.btn-ideal small::before{
    height            : 28px;
    width             : 31px;
    background-image  : url(../images/ideal-ico.svg);
    background-repeat : no-repeat;
    /*left              : -3px;*/
    /*top               : -2px;*/
}

.btn-payment.btn-ideal.btn-secondary small::before,
.btn-payment.btn-ideal:hover small::before{
    background-image : url(../images/ideal-sel-ico.svg);
}

.btn-payment.btn-cash small::before{
    height            : 28px;
    width             : 31px;
    background-image  : url(../images/cash-ico.svg);
    background-repeat : no-repeat;
    /*left              : -3px;*/
    /*top               : -2px;*/
}

.btn-payment.btn-cash.btn-secondary small::before,
.btn-payment.btn-cash:hover small::before{
    background-image : url(../images/cash-sel-ico.svg);
}

.creditcard-accepted{
    position : absolute;
    top      : 7px;
    right    : 20px;
}

.paypal-text{
    padding-bottom : 5vh;
}

.bank-img{
    height : 25px;
}

.roma-logo{
    height: 84px;
    width: 68px;
    background-image: url(https://showcdn.vivaticket.com/soccer/asr/logos/roma-logo-2023.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -40px;
}



.roma-logo-modal{
    height              : 65px;
    width               : 50px;
    position            : relative;
    top                 : 0;
    background-image    : url(https://showcdn.vivaticket.com/soccer/loghi/ASR.png);
    background-repeat   : no-repeat;
    background-position : left center;
    background-size     : cover;
    margin              : auto;
}

.new-sponsor-box{
    display      : flex;
    align-items  : center;
    padding-left : 100px;
}

.new-logos.central{
    margin: 0 16px;
}

#descEvento{
    font-size : 18px;
}

#formatteddata{
    font-size : 13px;
}

#open-cart-details a{
    color : #2E3442;
}

#open-cart-details a:hover,
#open-cart-details a:focus{
    text-decoration : none;
}

/* zone page */
.cart-overview{
    right            : 0;
    bottom           : 105px;
    top              : 0;
    background-color : #fff;
}

.cart-overview-title{
    line-height : 40px;
}

.cart-overview table.table.small tbody tr td{
    height   : 32px;
    position : relative;
    border   : none;
}

.cart-overview table.table.small tbody .row-selected-seats{
    border-bottom : 1px solid lightgray;
}

.cart-overview table tbody td button.disabled{
    text-decoration : line-through;
}


.hr-old-price{
    position : absolute;
    height   : 0;
    color    : black;
    top      : 50%;
    width    : 40%;
    border   : 1px solid black;
    margin   : 0;
    left     : 40%;
}

.hr-old-price-transaction{
    position : absolute;
    height   : 0;
    color    : black;
    top      : 44%;
    width    : 30%;
    border   : 1px solid #ffffff;
    margin   : 0;
    left     : 56%;
}

.remove-coupon-msg{
    font-size       : 12px;
    display         : flex;
    justify-content : flex-end;
    padding         : 5px 15px;

}

.coupon-td-promocode,
.coupon-td-price .right-panel-price{
    color       : green;
    font-weight : bold;
}

.coupon-td-price span.text-asr-red{
    cursor : pointer;
}

.zone-body{
    background : #f8f9fa;
}

#ticket-viewInfo{
    position : relative;
}

#ticket-viewInfo .div-circle-open{
    text-align                 : center;
    background                 : #f89628;
    cursor                     : pointer;
    height                     : 30px;
    border-bottom-left-radius  : 49px;
    border-bottom-right-radius : 49px;
    position                   : absolute;
    z-index                    : 4;
    top                        : 2px;
}

#ticket-viewInfo .fa-angle-down{
    position  : absolute;
    left      : 0;
    right     : 0;
    width     : 100%;
    bottom    : 3px;
    font-size : 28px;
    color     : #990a2c;
}

#3d-view{
    position   : relative;
    background : red;
}

.div-circle-close{
    text-align              : center;
    background              : #990a2c;
    cursor                  : pointer;
    height                  : 30px;
    border-top-left-radius  : 49px;
    border-top-right-radius : 49px;
    position                : absolute;
    bottom                  : 0;
    z-index                 : 10;
}

.div-circle-close .fa-angle-up{
    position  : absolute;
    left      : 0;
    right     : 0;
    width     : 100%;
    top       : 3px;
    font-size : 28px;
    color     : #f89628;
}

.mobile-quantity{
    height  : 90px;
    display : none;
}

.container-cart .card{
    border : none;
}

.container-cart .card .card-header{
    background : none;
    border     : none;
    font-size  : 13px;
}

.container-cart .card .row-selected-seats{
    font-size  : 4.3vw;
    background : #f8f9fa;
    cursor     : pointer;
}

.coupon-hidden.row-selected-seats td{
    border-top : none;
}

.container-cart .card .row-selected-seats:nth-child(even){
    background : #ececec !important;
}

.container-cart .card .row-selected-seats li{
    background : transparent !important;
}

.magic3d{
    font-weight : bold;
    border      : 3px solid #f89628;
}

.container-cart .card .row-selected-seats .fa-ticket-alt{
    font-size : 16px;
    transform : rotate(130deg);
    color     : #b1b1b1
}

.container-cart .card .row-selected-seats.magic3d .fa-ticket-alt{
    color : #f89628;
}

.alert-zone{
    background-color : #bce7e5;
    border           : 2px dotted lightseagreen;
    color            : lightseagreen;
}

.mobile-quantity .el-input-number__decrease,
.mobile-quantity .el-input-number__increase{
    height        : 40px;
    width         : 40px;
    text-align    : center;
    background    : #606266;
    color         : #fff;
    cursor        : pointer;
    border-radius : 0;
}

.mobile-quantity .el-input-number__decrease .fa,
.mobile-quantity .el-input-number__increase .fa{
    line-height : 40px;
    font-size   : 14px;
}

.mobile-quantity .qty_input{
    background  : #fff;
    line-height : 40px;
    border      : 1px solid #606266;
}

.best-sector{
    padding       : 15px;
    border-bottom : 1px solid #606266;
}

.selected-sector p:first-child{
    font-size : 11px;
}

.selected-sector p:nth-child(2){
    font-size : 13px;
}

.mobile-buttons{
    display : none;
}

.header-mobile-top .dropdown-toggle::after{
    content : none;
}

.custom-select{
    line-height        : 1.5;
    color              : #495057;
    vertical-align     : middle;
    background         : #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size    : 8px 10px;
    border             : 1px solid #ced4da;
    border-radius      : .25rem;
    -webkit-appearance : none;
    -moz-appearance    : none;
    padding-right      : 25px !important;
}

.bk_col_timer{
    background-color : #e0afc5;
    text-align       : center;
    font-size        : 16px;
    color            : #4a4a4a;
}

.form-content .contact-information{
    min-height     : calc(100vh - 225px);
    padding-bottom : 75px !important;
}

.form-check-group{
    position : absolute;
    bottom   : 0;
}

.form-content .form-rows{
    margin-left  : -1rem;
    margin-right : -1rem;
}

.buyer-form{
    background-color : #f0f0f0;
}

.use-buyer-data{
    background     : #990a2c;
    padding: 15px 3rem;
    color          : #FFFFFF;
    text-transform : uppercase;
}

.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;
}

.checkmark-white{
    position         : absolute;
    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 #990A2C;
    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;
}

.ticket-row {
    margin-bottom: 15px;
}

.ticket-number-container{
    margin-bottom: 5px;
    background     : #990A2C;
    padding-top    : 3px;
    padding-bottom : 3px;
    color          : #FFFFFF;
    font-size      : 15px;
    text-transform : uppercase;
}


.form-content .form-row div[class*="col-"]{

}

.form-content .form-rows > fieldset img{
    top          : -4px;
    position     : relative;
    margin-right : 3px;
}

.pnr-info-img-container .fpopover-content img{
    width : 57% !important;
}

.form-content .form-control.prefix-tel{
    width : 99%;
}

.form-content .form-control{
    height           : 40px;
    border-color     : #ddd;
    border-radius    : 0;
    background-color : transparent;
    padding          : 7px .75rem;
    position         : relative;
    z-index          : 2;
    color            : #212529;
}

.form-content .form-control:focus{
    box-shadow : 0 0 0 .2rem rgba(153, 10, 44, .25);
}


.form-content .dropdown-toggle.nodrop::after{
    visibility : hidden;
    display    : none;
}

.form-content .dropdown-toggle.pricing-mobile{
    justify-content    : space-between;
    width              : 100%;
    background         : #990a2c !important;
    height             : 40px;
    color              : #212529;
    border             : 1px solid #ced4da;
    border-radius      : .25rem;
    -webkit-appearance : none;
    -moz-appearance    : none;
    text-transform     : uppercase;
}

.form-content .dropdown-toggle.pricing-mobile span{
    width : 50%;
}

.form-content .dropdown-toggle.pricing-mobile span:first-child{
    text-align : left;
}

.form-content .dropdown-toggle.pricing-mobile span:last-child{
    text-align : right;
}

.form-rows fieldset{
    padding       : 15px 7rem 8px 2rem;
    margin-bottom : 0 !important;
}

.form-rows fieldset .badge-null{
    color       : #bbbcbc !important;
    font-weight : lighter;
    font-size   : 14px;
}

.malefemale button{
    background-color   : transparent;
    border             : 1px solid #ddd;
    border-right-width : 1px;
    border-right-style : solid;
    border-right-color : rgb(221, 221, 221);
    border-radius      : 0;
    width              : 95px;
    height             : 40px;
    color              : #888;
    z-index            : 2;
    font-size          : 13px;
}

.rbtn:focus,
.form-content .form-control.custom-select:focus{
    outline    : 0;
    box-shadow : 0 0 0 .2rem rgba(152, 15, 47, .25) !important;
}

.rbtn:first-child{
    border-right : none;
}

.rbtn.selectedGender,
.rbtn:hover{
    border-color : #ddd;
    color        : #fff;
    background   : #9b9b9b;
    box-shadow   : inset -2px -2px 3px 0 rgba(0, 0, 0, .5) !important;
}

.payforms  .testadvice::after{
    content    : "";
    box-shadow : 0 0 5px 5px #990a2c;
    animation  : adviceeffect 2s infinite;
    display    : block;
    width      : 100%;
    height     : 40px;
    position   : absolute;
    left       : 0;
    top        : 0;
    z-index    : 1;
}

.carousel-indicators{
    bottom : -10px;
}

.carousel-control-next,
.carousel-control-prev{
    width : 5%;
}

.popover-body{
    background : #4a4a4a;
    color      : #f0f0f0;
}

.popover .arrow::before,
.popover .arrow::after{
    border-top-color : #4a4a4a;
}

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

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

@-webkit-keyframes advicetext{
    0%{
        transform         : scale(1) translateX(0px);
        -webkit-transform : scale(1) translateX(0px);
    }
    50%{
        transform         : scale(1.1) translateX(-30px);
        -webkit-transform : scale(1.1) translateX(-30px);
    }
    100%{
        transform         : scale(1) translateX(0px);
        -webkit-transform : scale(1) translateX(0px);
    }
}
@-webkit-keyframes advicetext1{
    0%{
        transform         : scale(1) translateX(0px);
        -webkit-transform : scale(1) translateX(0px);
    }
    50%{
        transform         : scale(1.1) translateX(-30px);
        -webkit-transform : scale(1.1) translateX(-30px);
    }
    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(-30px);
        -webkit-transform : scale(1.1) translateX(-30px);
    }
    100%{
        transform         : scale(1) translateX(0px);
        -webkit-transform : scale(1) translateX(0px);
    }
}
@keyframes advicetext1{
    0%{
        transform         : scale(1) translateX(0px);
        -webkit-transform : scale(1) translateX(0px);
    }
    50%{
        transform         : scale(1.1) translateX(-30px);
        -webkit-transform : scale(1.1) translateX(-30px);
    }
    100%{
        transform         : scale(1) translateX(0px);
        -webkit-transform : scale(1) translateX(0px);
    }
}

@keyframes adviceeffect{
    0%{
        opacity : 0
    }
    50%{
        opacity : 1
    }
    to{
        opacity : 0
    }
}

.stadium-view{
    width    : 100%;
    /*padding:20px 0;*/
    position : relative;
}

.mobile-overlay{
    height     : 35vh !important;
    background : black;
    opacity    : .7;
    position   : absolute;
    top        : 0px;
    color      : white;
    display    : flex;
}

input[type=number]{
    -moz-appearance : textfield;
}

.qty_tooltip{
    position         : absolute;
    width            : 350px;
    top              : -60px;
    left             : -40px;
    max-width        : 200px;
    padding          : .25rem .5rem;
    color            : #fff;
    background-color : #000;
    border-radius    : .25rem;
    z-index          : 1070;
    display          : block;
    margin           : 0;
    font-family      : -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style       : normal;
    font-weight      : 400;
    line-height      : 1.5;
    text-align       : center;
    text-decoration  : none;
    text-shadow      : none;
    text-transform   : none;
    letter-spacing   : normal;
    word-break       : normal;
    word-spacing     : normal;
    white-space      : normal;
    line-break       : auto;
    font-size        : .875rem;
    word-wrap        : break-word;
    height           : 55px;
}

.qty_tooltip .arrow{
    width        : 0;
    height       : 0;
    border-left  : 20px solid transparent;
    border-right : 20px solid transparent;
    border-top   : 20px solid #000;
    margin       : 0px auto -20px;
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (orientation : landscape){
    .main-body .match-content .list-map-tickets{
        display : flex;
    }

    .tickets-list,
    .stadium-view{
        width : 50%;
    }

}

@media (max-width : 767.98px) and (orientation : landscape){





    .svg-map-venue{
        /*position     : fixed !important;*/
        padding-top  : 20px;
        padding-left : 5px !important;
    }

    .jbtron{
        background      : url(../images/bannerMatches3.jpg) no-repeat 50% fixed;
        background-size : cover;
        overflow        : hidden;
        position        : relative;
        padding-top     : 10px;
    }

    .tickets-list{
        width       : 53% !important;;
        padding-top : 19% !important;
        position    : absolute;
        right       : 0;
    }

    .filter-bar {
        top: 56px;
    }

    #map-container{
        height : 55vh !important;
        width  : 99% !important;
    }

    .stadium-view{
        height : 0 !important;
        width  : 52%;
        top    : 80px !important;
    }

    .price-list-group{
        top     : 254px;
        left    : 0;
        right   : 0;
        z-index : 6;
    }

    .price-list-group-title-fixed{
        top   : 23% !important;
        width : 53% !important;
    }

    .background-map-mobile{
        height : 38% !important;
        width  : 115% !important;
        right  : 0;
    }
}

@media (orientation : portrait){
    .tickets-list,
    .stadium-view{
        width : 100%;
    }
}

@media (max-width : 575.98px){

    .new-logos.central{
        margin: 0 5px;
    }
    .new-logos.last{
        margin-right: 5px;
    }


    .giftcard-container{
        padding-left  : 0;
        padding-right : 0;
    }

    .hr-old-price-transaction{
        top   : 45%;
        width : 55%;
        left  : 37%;
    }

    header .header-cont-bottom .steps-bar{
        font-size : 10px;
    }

    header .header-cont-bottom .steps-bar > li{
        padding : 0 3px 4px !important;
    }

    .match-content .general-list-view,
    .match-content .vip-list-view{
        font-size : 75%;
    }

    header .event h1{
        font-size : .6rem !important;
    }

    .match-content #map-container-mobile,
    .match-content #map-container{
        height     : 12.5em !important;
        margin-top : 15px;
    }

    header .header-cont-bottom .steps-bar,
    .headline-container .steps-bar{
        font-size : 10px;
    }

    header .header-container .event{
        justify-content : end;

    }

    .logos-container{
        padding         : 0 !important;
    }




    .popout-col-title{
        left : 30px;
        top  : -36px;
    }

    .modal-dialog.mobile{
        margin : 0;
        height : 100%;
    }

    .modal-dialog.mobile .modal-content{
        border-radius : 0;
        border        : 0 none;
        height        : 100%;
        overflow-y    : auto;
    }

    .modal-dialog.mobile .modal-content .modal-header{
        border-bottom           : 0 none;
        border-top-left-radius  : 0;
        border-top-right-radius : 0;
        background              : #4a4a4a;
        min-height              : 74px;
    }

    .modal-dialog.mobile .modal-content .modal-header .modal-title{
        color       : #fff;
        font-weight : 700;
    }

    .modal-dialog.mobile .modal-content .modal-header .close{
        text-shadow      : none;
        opacity          : 1;
        background-color : #f89628;
        height           : 74px;
        width            : 74px;
        padding          : 0;
    }

    .modal-dialog.mobile .modal-content .modal-body{
        /*padding: 0;*/
    }

    .modal-dialog.mobile .modal-content .modal-body .summary-container.show{
        display : -ms-flexbox;
        display : flex;
    }

    .modal-dialog.mobile .modal-content .modal-body .fade{
        transition : opacity .40s linear;
    }

    .nospan-check1{
        font-size   : 13px !important;
        padding-top : 10px;
    }

    .jconfirm-buttons .btn{
        width : 80% !important;
    }

    .fpopover.mtk-ga-unavailable-popover.en{
        display : none;
    }
}

@media (min-width : 576px) and (max-width : 767.98px){
    header .header-container .event{
        padding-left : 135px;
        justify-content: end;
    }



    .logos-container img.new-logos{
        margin : 5px 0;
    }

    .logos-container{
        justify-content : center;
        padding         : 0 !important;
    }

    header .event h1{
        font-size : .6rem !important;
        margin-top: 30px;
    }

    .match-content #map-container-mobile,
    .match-content #map-container{
        height : 45vh;
    }

    .popout-col-title{
        top : -29px;
    }

    /* anagrafica modals */
    .modal-dialog.mobile{
        margin    : 0;
        height    : 100%;
        max-width : 100%;
    }

    .modal-dialog.mobile .modal-content{
        border-radius : 0;
        border        : 0 none;
        height        : 100%;
        overflow-y    : auto;
    }

    .modal-dialog.mobile .modal-content .modal-header{
        border-bottom           : 0 none;
        border-top-left-radius  : 0;
        border-top-right-radius : 0;
        background              : #4a4a4a;
    }

    .modal-dialog.mobile .modal-content .modal-header .modal-title{
        color       : #fff;
        font-weight : 700;
    }

    .modal-dialog.mobile .modal-content .modal-header .close{
        text-shadow      : none;
        opacity          : 1;
        background-color : #f89628;
        height           : 74px;
        width            : 74px;
        padding          : 0;
    }

    .modal-dialog.mobile .modal-content .modal-body{
        padding : 0;
    }

    .modal-dialog.mobile .modal-content .modal-body .fade{
        transition : opacity .40s linear;
    }

    .modal-dialog.mobile .modal-content .modal-body .summary-container.show{
        display : -ms-flexbox;
        display : flex;
    }

    .modal-dialog.mobile .modal-content .modal-body .explanation-container.show{
        display : block;
    }

    .modal-dialog.mobile .modal-content .modal-body .summary-container:not(.show),
    .modal-dialog.mobile .modal-content .modal-body .explanation-container:not(.show){
        display : none;
    }

    .modal-dialog.mobile .modal-content .modal-body .summary,
    .modal-dialog.mobile .modal-content .modal-body .explanation{
        padding : 1rem;
    }

    .modal-dialog.mobile .modal-content .modal-body .summary.odd{
        background-color : #f0f0f0;
    }

    .modal-dialog.mobile .modal-content .modal-body .summary h4,
    .modal-dialog.mobile .modal-content .modal-body .explanation h4{
        margin-bottom : .8rem;
        line-height   : 1.5;
        font-weight   : 700;
    }

    .modal-dialog.mobile .modal-content .modal-body .summary a,
    .modal-dialog.mobile .modal-content .modal-body .explanation .buttonback a{
        font-size        : 16px;
        font-weight      : 700;
        color            : #990a2c;
        text-decoration  : none;
        background-color : transparent;
        cursor           : pointer;
    }

    .modal-dialog.mobile .modal-content .modal-body .explanation .buttonback{
        padding-top : 1rem;
    }

    .modal-dialog.mobile .modal-content .modal-body .explanation ul{
        list-style : none;
    }
}

@media (min-width : 576px) and (max-width : 1199.98px){
    header .header-cont-bottom .steps-bar,
    .headline-container .steps-bar{
        font-size : 11px;
    }

    .match-content .general-list-view,
    .match-content .vip-list-view{
        font-size : 80%;
    }

    .popout-col-title{
        top         : -30px;
        padding     : 10px 10px 10px;
        line-height : 28px;
        font-size   : 14px;
        right       : 0;
    }
}

@media (min-width : 599.98px) and (max-width : 960.98px)and (orientation : portrait){
    .tablet.android .overlay-tablet{
        position    : fixed;
        height      : 100vh;
        width       : 100%;
        display     : flex !important;
        background  : black;
        z-index     : 99999;
        opacity     : 0.9;
        align-items : center;
        text-align  : center;
    }

    .tablet.android .overlay-tablet p{
        width     : 100%;
        color     : white;
        font-size : 1.8em;
    }
}

@media (min-width : 767.98px) and (max-width : 1199.98px) and (orientation : portrait){
    .tablet .overlay-tablet{
        position    : fixed;
        height      : 100vh;
        width       : 100%;
        display     : flex !important;
        background  : black;
        z-index     : 99999;
        opacity     : 1;
        align-items : center;
        text-align  : center;
    }

    .tablet .overlay-tablet p{
        width     : 100%;
        color     : white;
        font-size : 1.8em;
    }

}

.tablet .zone-content .h-100.position-relative.col-9.d-none.d-lg-block{
    position : fixed !important;
    top      : 80px;
    height   : calc(100% - 185px) !important;
}

.tablet body .zone-content .svg-map-venue{
    height : calc(100% - 40px) !important;
}

.tablet body .zone-content #map-container-mobile,
.tablet body .zone-content #map-container{
    position   : sticky;
    max-width  : 100%;
    display    : block;
    overflow-x : auto;
}

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

#voucherCodeApplied,
#voucherCodeAppliedMobile,
.voucher-applied{
    font-weight : 400;
}

.jconfirm-box-container{
    min-width : 50%;
}

.jconfirm-box{
    text-align : center;
}

.jconfirm-icon-c,
.jconfirm-title,
.jconfirm-buttons{
    width : 100%;
}

.jconfirm-icon-c .fa-clock,
.jconfirm-icon-c .fa-exclamation-triangle{
    font-size : 35px;
    color     : #f89628;
}

.icon-confirm-size{
    font-size : 3.5rem !important;
}

.jconfirm-title-c{
    padding-bottom : 0px !important;
}

.jconfirm-title{
    display         : inline-flex;
    /*align-items: center;*/
    justify-content : center;
    padding         : 15px;
    font-weight     : 700;
}

.jconfirm-content-pane,
.jconfirm-buttons{
    display         : inline-flex;
    justify-content : center;
    align-items     : center;
    flex-direction  : column-reverse;
}

.jconfirm-buttons .btn{
    width          : 60%;
    font-weight    : 500 !important;
    line-height    : 40px !important;
    text-transform : none !important;
}

.jconfirm-buttons .btn .countdown{
    display : none;
}

.countdown-value{
    font-style  : italic;
    font-weight : 300;
}

.countdown-value span:first-child{
    font-size    : 60px;
    margin-right : 15px;
}

.form-content fieldset.buttons.clearfix .btn.pull-right {
    display: none;

}

.payment-gift fieldset.buttons.clearfix .btn.pull-right {
    display: flex;

}

.desktop-first-confirmation {
    .confirmation-second-container-right {
        max-width: 32%;
    }

    .h3, a {
        color: #fbba00;
    }

    .h3 {
        text-transform: uppercase;
    }

    &.only-passbook {
        .confirmation-second-container-right {
            max-width: 49%;
        }
    }
}

.confirmation-second-container-right.trasferta {
    a {
        color: #fbba00;
    }
}

.datablock.jumpqueue-desktop {
    background-color: #fbba00;
    color: #990a2c;
    padding-block: 1rem;
}

.datablock.jumpqueue-mobile {
    color: white;
    background-color: #990a2c;
    padding-block: 1rem;
}

.mobile-first-confirmation {
    text-align: center;
    color: #000;
    background-color: #efefef !important;

    .h3 {
        text-transform: uppercase;
        color: #990a2c;
    }

    .confirmation-second-container-right {
        width: 100%;

        &:not(:first-child) {
            margin-top: .5rem;
        }

        &:not(:last-child) {
            border-bottom: solid 1px #990a2c;
        }
    }
}

.dateblock:has( + .thankyou-second.confirmation-second) {
    background-color: #fbba00;
    color: #990a2c;
}

@media (min-width : 767.98px) and (max-width : 1199.98px) and (orientation : landscape){
    .soldout-popup,
    .notavailable-popup,
    .coupon-popup{
        width : 100% !important;
    }

    .fpopover-label{
        font-size : 13px !important;
    }

    /*
        .cvv-popup{
            top   : -11% !important;
            width : 30% !important;
            left  : 95% !important;
        }*/
    .confirmation-first-container{
        padding : 35px 15px;
    }

    .confirmation-first-title-right{
        font-size : 30px;
    }

    .confirmation-first-title-left-first{
        font-size : 22px;
    }

    .confirmation-second-container-right{
        padding-left : 15px !important;
    }

    .confirmation-second-container-left{
        padding-right : 15px !important;
    }

    .confirmation-third-container,
    .confirmation-fourth-container,
    .confirmation-fifth-container{
        padding-left  : 15px;
        padding-right : 15px;
    }

    .confirmation-fifth-container .confirmation-apps-row .apps-col p{
        font-size : 14px;
    }
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width : 767.98px) and (orientation : portrait){

    .crossed-text{
        text-decoration : line-through;

    }

    .svg-map-venue{
        position : inherit !important;
        width    : 100% !important;
        padding  : 0 !important;
    }

    button[id^="vip-gallery"]{
        right : 0px;
    }

    #covid .modal-body{
        padding-bottom : 160px !important;
    }

    .modal-body .row-selected-seats{
        padding-bottom : 60px !important;
    }
}

@media (max-width : 767.98px){
    header{
        color : #fff;
    }

    header .header-mobile-top{
        height : 20px;
        background-color: #fbba00;
    }

    header .header-mobile-bottom{
        height : 30px;
    }


    header .header-mobile-top .roma-logo{
        background-image: url(https://showcdn.vivaticket.com/soccer/loghi/ASR.png);
        background-size: 45px auto;
        top: 20px;
    }


    .header .header-mobile-top .pointer-data-event-mobile{
        font-size : 8px;
        margin    : 0 3px;
    }

    header .header-mobile-bottom{
        border-bottom : 1px solid #f89628;
        height        : 60px;
    }


    .stadium-view{
        height     : 15em;
        position   : fixed !important;
        top        : 87px !important;
        z-index    : 1 !important;
        background : #f9f9fb;
    }

    .discount-info{
        font-size : 12px;
    }

    .bg-asr-official {
        height: 25px;
    }

    .price-ticket-margin{
        margin-left : -5px;
    }

    .headline-container-fixed{
        position   : fixed !important;
        margin-top : 30px;
        height: auto;
    }

    .tickets-list{
        padding-top : 20.8em;
    }

    .price-list-group{
        top     : 254px;
        left    : 0;
        right   : 0;
        z-index : 6;
    }

    .price-list-group-title-fixed{
        top        : 24.5em;
        position   : fixed !important;
        z-index    : 1 !important;
        width      : 100%;
        height     : 0;
        background : #f9f9fb;
    }

    .icon-3d-view,
    .background-list-desktop{
        display : none;
    }

    .step-title-1{
        margin-left  : -15%;
        margin-right : -15%;
    }

    .step-title-2{
        margin-left  : -29%;
        margin-right : -29%;
    }

    .step-title-3{
        margin-left  : -15%;
        margin-right : -15%;
    }

    .step-title-barr{
        padding-right : 6%;
        padding-left  : 6%
    }

    .background-map-mobile{
        top        : 0;
        width      : 100%;
        background : #f9f9fb;
        z-index    : 2;
        height     : 49vh;
        position   : fixed;
    }

    .modal-footer-map{
        padding    : 0.5em;
        background : lightgrey;
        bottom     : 0;
        position   : absolute;
    }

    #ticket-viewInfo{
        display          : initial;
        background-color : #f8f9fa;
        color            : black;
        z-index          : 1;
        position         : absolute;
        min-width        : 100%;
    }

    .popout-col-title{
        top : -39px;
    }

    .price-list-group-selected{
        top    : -50px;
        bottom : -12px;
    }

    .tickets-list{
        margin-top : 0;
    }

    .map-btn-wrapper,
    .minimap-wrapper,
    .map-btn-zoom-in,
    .map-btn-zoom-out,
    .map-btn-premiumzone-back-wrapper,
    .map-btn-nav-wrapper{
        display : none;
    }

    .map-title-zone{
        z-index : 4;
    }

    .viewInfoMap{
        background-color : rgba(255, 255, 255, 0.6);
        color            : black;
        z-index          : 9;
        position         : absolute;
        min-width        : 100%;
    }

    .map-info-selector{
        position     : relative;
        float        : left;
        padding-left : 10px;
        margin-right : -12px;
    }

    .icon-on-map{
        position  : absolute;
        font-size : 25px;
    }

    .full-button-tk3d{
        display : none;
    }

    .div-chair-close{
        top           : 64px;
        right         : 15px;
        text-align    : center;
        opacity       : .6;
        background    : black;
        color         : white;
        cursor        : pointer;
        height        : 32px;
        border-radius : 6px;
        position      : absolute;
        flex          : 0 0 16.666667%;
        max-width     : 10.666667%;
    }

    .minimap-wrapper-full-mobile{
        display        : inherit !important;
        height         : calc(100vh - 315px) !important;
        width          : 100% !important;
        left           : 0 !important;
        top            : 0 !important;
        pointer-events : none !important;
        background     : rgba(255, 255, 255, 0.9) !important;
    }

    .ticketsrow-margin-top{
        margin-top : 10px;
    }

    .btn-chair{
        margin-top : 4px;
    }

    .icon-gallery{
        margin-left : 15px;
    }

    .map-title-back{
        z-index          : 3;
        position         : absolute !important;
        content          : "";
        background-color : white;
        opacity          : .7;
    }

    .zone-title-ellipsis{
        display       : inline-block;
        white-space   : nowrap;
        overflow      : hidden;
        text-overflow : ellipsis;
        direction     : ltr;
    }

    .zone-content #map-container-mobile,
    .zone-content #map-container{
        height : calc(100vh - 325px);
    }

    .map-mobile-tablet-desktop{
        flex      : 0 0 100% !important;
        max-width : 100% !important;
        width     : 100% !important;
    }

    .map-interface,
    .fpopover.mtk-max-selction-popover{
        display : initial !important;
    }

    .map-fixed-mobile{
        height : calc(100% - 10px);
    }

    .zone-body-mobile{
        padding-top : 47px !important;
    }

    .right-date{
        height           : 0;
        border-radius    : 0;
        background-color : transparent;
        padding          : 0 8.75rem !important;
        position         : relative;
        top              : -35px;
        margin-left      : 0;
    }

    #mtk-map-container{
        /*pointer-events : none;*/
    }

    .map-btn-exit-wrapper {
        z-index: 9;
    }

    .list-map-tickets{
        padding : 0;
    }

    .name-seattype{
        padding-right : 0;
    }

    .price-ticket{
        padding-left : 0;
    }

    .checkout-body,
    .match-list-body,
    .thankyou-body{
        padding-top : 50px;
    }

    .popout-col-title{

        left      : 5px;
        right     : 5px;
        font-size : 13px;
    }

    .price-list-group-selected:before{
        width : 83px;
    }

    .price-list-group-vip{
        top    : -30px;
        bottom : -11px;
    }

    .price-list-group-general{
        top    : -30px;
        bottom : -11px;
    }

    .price-list-group-selected{
        top    : -38px;
        bottom : -11px;
    }

    .group-list-title{
        opacity : .99;
    }

    .price-list-group-selected:after{
        top   : 112%;
        right : 45%;
    }

    .mobile-price-arrow{
        display : initial;

    }

    .match-content{
        padding-top : 0 !important;
    }

    .price-list-title{
        top     : 50px;
        z-index : 4;
    }

    .zone-body{
        padding-top : 45px;
    }

    .alertfewtickts{
        padding-left  : 5px;
        padding-right : 5px;
    }

    .bellalertfewtickts{
        margin-right : 4px;
        margin-top   : 3px;
        float        : none;
    }

    .accelerator-block{
        width      : 100px;
        margin-top : 3px;
    }

    .accelerator-block .col-10{
        padding-top  : 7px;
        padding-left : 7px;
        font-size    : 11px;
    }

    .accelerator-block .child-box .fa-child{
        font-size : 15px;
    }

    #family-button,
    #skypromo-button,
    #fancardpromo-button,
    #student-button,
    #blackfriday-button,
    #junior-button{
        display : none !important;
    }

    .mobilefooter{
        background-color: #dddddd;
    }

    .mobile-buttons, .mobilefooter,
    .mobile-alternative-buttons{
        position : fixed;
        bottom   : 30px;
        /*bottom   : 0px;*/
        left     : 0;
        width    : 100%;
        height   : 60px;
        z-index  : 1051;
        justify-content: space-evenly;
        padding-left: 0px;
        padding-right: 0px;
    }

    .mobile-alternative-buttons{
        display         : flex;
        justify-content : center;
        align-content   : center;
    }

    .mobile-buttons .col-6:last-of-type{
        background : #990A2C;
    }

    .mobile-buttons .col-6:last-of-type button span{
        margin : 0px auto 0px;
    }

    .cart-total{
        width           : 150px;
        height          : 60px;
        background      : url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%22102px%22%20height%3D%22102px%22%20viewBox%3D%220%200%20102%20102%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2042%20%2836781%29%20-%20http%3A//www.bohemiancoding.com/sketch%20--%3E%0A%20%20%20%20%3Ctitle%3ECombined%20Shape%3C/title%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%0A%20%20%20%20%3Cdefs%3E%3C/defs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M75%2C34%20L67%2C34%20L67%2C32%20L75%2C32%20L75%2C8%20L63.8471036%2C8%20C62.8850933%2C14.2301801%2057.4995722%2C19%2051%2C19%20C44.5004278%2C19%2039.1149067%2C14.2301801%2038.1528964%2C8%20L27%2C8%20L27%2C32%20L35%2C32%20L35%2C34%20L27%2C34%20L27%2C94%20L38.3478637%2C94%20C39.7021913%2C88.2666%2044.8528367%2C84%2051%2C84%20C57.1471633%2C84%2062.2978087%2C88.2666%2063.6521363%2C94%20L75%2C94%20L75%2C34%20Z%20M40.044843%2C96%20L25%2C96%20L25%2C6%20L40%2C6%20C40%2C12.0751322%2044.9248678%2C17%2051%2C17%20C57.0751322%2C17%2062%2C12.0751322%2062%2C6%20L77%2C6%20L77%2C96%20L61.955157%2C96%20C61.4499282%2C90.3935%2056.7380426%2C86%2051%2C86%20C45.2619574%2C86%2040.5500718%2C90.3935%2040.044843%2C96%20L40.044843%2C96%20Z%20M39%2C32%20L49%2C32%20L49%2C34%20L39%2C34%20L39%2C32%20Z%20M53%2C32%20L63%2C32%20L63%2C34%20L53%2C34%20L53%2C32%20Z%22%20id%3D%22Combined-Shape%22%20fill%3D%22%23999999%22%20transform%3D%22translate%2851.000000%2C%2051.000000%29%20rotate%28-315.000000%29%20translate%28-51.000000%2C%20-51.000000%29%20%22%3E%3C/path%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E') no-repeat 16px center #ddd;
        color           : #2E3442;
        padding-left    : 70px;
        padding-top     : 0;
        background-size : 45px auto;
    }

    #paypal-submit.btn-payment.btn-paypal2{
        display : none;
    }

    .paypal-text{
        padding-top : calc(50vh - 280px);
    }

    .cc-flags{
        padding-right : 10px;
        float         : right;
    }

    #termsInput-error{
        position : initial !important;
        top      : 0 !important;
    }

    #ExpMMYYMasked::-webkit-input-placeholder{ /* WebKit browsers */
        color : transparent;
    }

    .btn.btn-next{
        border-radius : 0;
        padding-top   : 5px;
    }

    .btn.btn-next span{
        font-size : 1rem;
        color     : #fff;
    }

    .cart-total .badge{
        position      : absolute;
        font-size     : 11px;
        width         : 15px;
        line-height   : 15px;
        font-weight   : 400;
        padding       : 0;
        background    : #D72D39;
        left          : 46px;
        border-radius : 10px;
        color         : #fff;
        display       : block;
        top           : 8px;
    }

    .cart-details{
        position   : fixed;
        bottom     : 68px;
        left       : 0;
        background : #DDDDDD;
    }

    .cart-details h2{
        font-size     : 18px;
        margin        : 15px 0 5px 15px;
        padding-right : 30px;
    }

    .cart-total p{
        display     : block;
        font-size   : 22px;
        font-weight : 500;
        color       : #4a4a4a;
        margin      : 0;
    }

    .close_mobile_popover p{
        background : url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2228px%22%20height%3D%2227px%22%20viewBox%3D%220%200%2028%2027%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cg%20transform%3D%22translate%28-336.000000%2C%20-47.000000%29%22%20fill%3D%22%23314F84%22%3E%3Cg%20transform%3D%22translate%28350.000000%2C%2060.500000%29%20rotate%28-45.000000%29%20translate%28-350.000000%2C%20-60.500000%29%20translate%28332.000000%2C%2043.000000%29%22%3E%3Crect%20x%3D%2217%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2235%22%3E%3C/rect%3E%3Crect%20transform%3D%22translate%2818.000000%2C%2017.500000%29%20rotate%28-90.000000%29%20translate%28-18.000000%2C%20-17.500000%29%20%22%20x%3D%2217%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2235%22%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E') no-repeat center center;
        height     : 50px;
        width      : 50px;
        position   : absolute;
        right      : 0;
        top        : 0;
    }

    .mobile-buttons .row,
    .mobile-alternative-buttons .row {
        width: 100%;
    }
}

@media (max-width : 767.98px) and (orientation : portrait){
    .el-input-number{
        display : none;
    }

    .el-input-mobile{
        display : flex;
    }
}

@media (max-width : 767.98px) and (orientation : landscape){
    .el-input-number{
        display : flex;
    }

    button[id^="vip-gallery"]{
        right : -15px;
    }
}

@media (min-width : 768px) and (max-width : 991.98px){
    header .header-cont-bottom .steps-bar{
        font-size : 10px;
    }

    button[id^="vip-gallery"]{
        right : -15px;
    }
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width : 991.98px){
    .button-bar{
        bottom : 0;
    }

    footer{
        /*display : none;*/
        z-index : 1051;
        height  : 30px;
    }
}

@media (min-width : 991.98px) and (max-width : 1500.98px){
    .cvv-popup{
        top   : -6% !important;
        right : 40% !important;
        width : 14vw !important;
    }
}


@media (max-width : 1010.98px){
    .instalment-attention{
        position : initial !important;
    }

    .instal-option{
        margin-top : 10px !important;
    }
}

@media (min-width : 992px) and (max-width : 1199.98px){
    header .header-cont-bottom .steps-bar{
        font-size : 11px;
    }

}

/*Large devices (desktops, less than 1200px)*/
@media (max-width : 1199.98px){
    .list-price-space, .price-list-group .custom-control-inline{
        /*margin-right : 1rem !important;*/
        margin-right : 0 !important;
    }

    header .event.event-title{
        padding-left : 45px !important;
        font-size    : .6rem;
    }

    header .event h1 span{
        font-size   : 12px;
        display     : block;
        margin-left : 0;
        margin-top  : 5px;
    }

    header .event p{
        font-size : 11px;
        margin    :auto 0!important;
    }

    header .header-cont-bottom .steps-bar > li > svg,
    .headline-container .steps-bar > li > svg{
        display : none;
    }

    header .header-cont-bottom .steps-bar{
        width  : 100%;
        margin : 0px !important;
    }

    /*.roma-logo{*/
    /*    background-size : 41px auto;*/
    /*    margin-right    : 0;*/
    /*}*/
    .el-input-number{
        /*height      : 30px;*/
        width       : 83px !important;
        line-height : 30px;
    }

    .el-input-number__decrease,
    .el-input-number__increase{
        font-size : 8px;
    }

    .qty_input .el-input__inner{
        height    : 40px;
        width     : 40px;
        font-size : 14px;
    }

    .list-price-space .h4,
    .custom-control.custom-radio .h4{
        font-size : 20px;
    }

    .custom-radio .custom-control-label::before,
    .custom-radio .custom-control-label::after{
        top : 4px;
    }

    .custom-control-label{
        font-size : 20px;
    }

    .list-group-item .col-4,
    .show-quantity-zone .col-4{
        padding-right : 0 !important;
    }

    .list-group-item .col-4:nth-child(2),
    .list-group-item .col-4:last-child,
    .show-quantity-zone .col-4:nth-child(2),
    .show-quantity-zone .col-4:last-child{
        padding-left : 0 !important;
    }

    .show-quantity-zone .col-4:nth-child(2),
    .list-group-item .col-4:nth-child(2){
        text-align : center !important;
    }

    .advicetext{
        animation  : none;
        font-size  : 13px;
        text-align : center;
        z-index: 9;
    }

    .buttons.mobile-buttons{
        background-color: #dddddd;
    }

    .advicetext1{
        animation  : none;
        font-size  : 13px;
        text-align : center;
        z-index: 9;
    }

    .btn.btn-primary{
        padding   : 5px;
        font-size : 11px;
    }


    .pre-continue{
        padding   : 0;
        font-size : 13px;
    }

    /*Parking*/
    .parking-payment-selection{
        margin-top    : 10px;
        margin-bottom : 10px;

    }

    .parking-cart-container{
        border-bottom : 1px solid #bbbcbc;
    }

    .parking-cart-row{
        margin : 10px 0;
    }

    .parking-total-info{
        font-size : 18px;
    }

    .parking-cart-info div{
        color     : #495057;
        font-size : 15px;
    }

    .parking-title{
        line-height : 55px;
    }

    .parking-content .parking-flow{
        margin-top : 0;
    }

    .parking-input{
        width      : 100%;
        font-size  : 19px;
        text-align : center;
    }

    .fiscalSeal-btn-container button{
        width : 100%;
    }

    .fiscalSeal-btn-container{
        background-color : #ffffff;
    }

    .parking-qty-changer{
        display : flex;
    }

    .parking-prices-option{
        width : 100%;
    }

    .show-forselected{
        text-align : center;
        margin-top : 20px;
    }

    .parking-btn{
        font-size : 20px !important;
        width     : 100%;
        height    : 40px;
    }

    .parking-login-container{
        margin-top : 30px;
    }

    .parking-content{
        padding : 15px;
    }

    .parking-ticket-container{
        padding : 10px;
    }

    .parking-tickets .el-input-number{
        width : 100% !important;
    }

    /*END Parking*/
}

@media (max-width: 767.98px) {
    .thankyou-title, .thankyou-purchase-code.confirmation-first-title-left-first {
        text-align: center;
    }
}

/*Extra large devices (large desktops)*/
/*No media query since the extra-large breakpoint has no upper bound on its width*/

/*CSS FROM mtk-js*/
/*.fpopover{*/
/*    font-family    : Helvetica Neue, Helvetica, Arial, "sans-serif";*/
/*    position       : absolute;*/
/*    pointer-events : auto;*/
/*    padding        : 15px;*/
/*    !*background     : #ddd;*!*/
/*    color          : #000;*/
/*    border-radius  : 3px;*/
/*    box-shadow     : 2px 2px 5px grey;*/
/*    text-align     : center;*/
/*    display        : inline-block;*/
/*    border         : 2px solid #f89628 !important;*/
/*    padding-bottom : 10px !important;*/
/*    width          : 170px;*/
/*    user-select    : none;*/
/*    box-sizing     : unset;*/
/*    line-height    : normal;*/
/*    z-index        : 10;*/
/*}*/

/*.fpopover:after{*/
/*    content      : " ";*/
/*    position     : absolute;*/
/*    border-right : 14px solid transparent;*/
/*    border-top   : 16px solid #f5f7fa;*/
/*    bottom       : -16px;*/
/*    left         : 10px;*/
/*    margin-left  : -10px*/
/*}*/

/*.fpopover:before{*/
/*    content      : " ";*/
/*    position     : absolute;*/
/*    border-right : 18px solid transparent;*/
/*    border-top   : 22px solid #f89628;*/
/*    bottom       : -22px;*/
/*    left         : 8px;*/
/*    margin-left  : -10px*/
/*}*/

/*.fpopover-top:before{*/
/*    border-bottom : 22px solid #f89628 !important;*/
/*    top           : -22px !important;*/
/*    border-top    : initial !important;*/
/*    bottom        : initial !important;*/
/*}*/

/*.fpopover-top:after{*/
/*    border-bottom : 16px solid #f5f7fa !important;*/
/*    top           : -16px !important;*/
/*    border-top    : initial !important;*/
/*    bottom        : initial !important;*/
/*}*/

/*.fpopover .fpopover-wrap .fpopover-content{*/
/*    font-size : 16pt*/
/*}*/

/*.fpopover-span{*/
/*    color      : gray;*/
/*    text-align : center*/
/*}*/

/*.fpopover-label{*/
/*    font-size : 13pt;*/
/*    color     : #69747c;*/
/*    display   : block;*/
/*    width     : 100%*/
/*}*/

/*.fpopover-col-bottom .fpopover-label, .fpopover-col-bottom .fpopover-value{*/
/*    width          : auto;*/
/*    display        : inline-block;*/
/*    vertical-align : bottom*/
/*}*/

/*.fpopover-value{*/
/*    font-size      : 13pt;*/
/*    color          : #69747c;*/
/*    text-transform : uppercase;*/
/*    display        : block;*/
/*    width          : 100%*/
/*}*/

/*.fpopover-col-restricted{*/
/*    display       : block;*/
/*    margin-bottom : 15px*/
/*}*/

/*.fpopover-col-restricted .fpopover-restricted-icon{*/
/*    height        : 30px;*/
/*    padding-right : 0;*/
/*    position      : absolute;*/
/*    top           : 10px;*/
/*    left          : 15px*/
/*}*/

/*.fpopover-col-restricted .fpopover-restricted-text{*/
/*    height     : 15px;*/
/*    width      : 170px;*/
/*    margin-top : 8px*/
/*}*/

/*.fpopover-col-top{*/
/*    display       : inline-block;*/
/*    margin-bottom : 0*/
/*}*/

/*.fpopover-col-bottom-wrap{*/
/*    display      : block;*/
/*    text-align   : left;*/
/*    margin-left  : 35px;*/
/*    margin-right : 23px*/
/*}*/

/*.fpopover-col-bottom{*/
/*    display        : inline-block;*/
/*    vertical-align : top;*/
/*    width          : auto;*/
/*    margin-right   : 30px*/
/*}*/

/*.fpopover-col-bottom:last-child{*/
/*    margin-right : 0*/
/*}*/

/*.fpopover-row, .fpopover-seat, .fpopover-sec{*/
/*    text-align : left*/
/*}*/

.popover-content{
    padding : 0
}

.popover-content .ticket-selected{
    margin : 0
}

.popover-content .ticket-val{
    color : #000
}

.fpopover-view3d-icon{
    height   : 26px;
    position : absolute;
    left     : 20px;
    width    : 31px;
    cursor   : pointer
}

.focus-icon{
    position : absolute;
    width    : 18px;
    height   : 18px
}

.map-btn-premiumzone-back-wrapper{
    pointer-events : auto;
    position       : absolute;
    top            : 10px;
    left           : 25px;
    color          : #f89628;
    cursor         : pointer
}

.map-btn-premiumzone-back-wrapper svg{
    pointer-events : auto;
    width          : 1em;
    cursor         : pointer
}

.visibility-text{
    color     : #000;
    font-size : 12.5pt
}

.close-popover-icon{
    position : absolute;
    color    : #8e0b27;
    top      : 5px;
    right    : 5px;
    cursor   : pointer;
    width    : 20px
}

.mtk-max-selction-popover{
    max-width   : 215px;
    font-weight : 400;
    min-width   : 160px;
    width       : 210px
}

.mtk-max-selction-margin{
    margin-top : 10px
}

.mtk-max-selction-margin-over14popup{
    margin-top : -4px;
}


.mtk-max-selction-popover .fpopover-col-bottom{
    text-align : left
}

.mtk-max-selction-popover .fpopover-col-restricted{
    margin-bottom : 0
}

.mtk-max-selction-popover .fpopover-label{
    display : inline
}

.mtk-max-selection-wrap{
    margin-right : 5px
}

.mkt-hand-icon{
    position  : absolute;
    color     : darkred;
    left      : 10px;
    font-size : 30px
}

.mtk-max-selection-first{
    margin-right : 0
}

.mtk-max-selection-first span{
    font-weight : 600;
    color       : #3f3f3f
}

.mtk-max-selection-font{
    /*font-size   : medium;*/
    user-select : none
}

.featurestable .card{
    box-shadow    : 0 1px 3px rgba(0, 0, 0, .3);
    border-radius : 2px;
}

.featurestable .card-body{
    border-top    : 2px solid #e6e6e6;
    border-bottom : 2px solid #e6e6e6;
    margin-top    : 15px;
    min-height    : 55vh;
}

.featurestable.turni-main-page .card-body{
    border-top : none !important;
}

.featurestable .card-footer{
    background : #fff;
}

.featurestable .card-footer a.btn.btn-block{
    font-size : 15px;
}

.featurestable .b2b-season-prices{
    font-size : 50px;
}

/* 3D Map for tablets */
/* Portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 2){
    .match-content #map-container-mobile,
    .match-content #map-container{
        height : 35vh !important;
    }

    .svg-map-venue{
        position : inherit !important;
        width    : 100% !important;
        padding  : 0 !important;
    }
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 767px) , only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 2) , only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio : 2) , only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px)
and (-webkit-min-device-pixel-ratio : 2){
    .qty-ticket.d-lg-block{
        display : none !important;
    }

    .list-group:not(.vip-list-view) .price-ticket.col-3{
        /*flex      : 0 0 58.333333%;*/
        /*max-width : 58.333333%;*/
    }

}

@media screen and (-ms-high-contrast : active), (-ms-high-contrast : none){
    .doing{
        height : 20px;
    }

    .todo{
        height : 20px;
    }

    .advicetext, .advicetext1{
        height : 20px;
    }

    .svg-inline--fa{
        vertical-align : 0em !important;
    }

    .exp{
        height         : 50px;
        padding-bottom : 15px;
    }

    .exp .svg-inline--fa{
        float : left;
    }

    .rowexpl{
        margin-top : 50px;
        heigth     : 15px;
    }

    .price-list-title.price-list-title-vip{
        top : inherit;
    }

    .price-list-vip{
        background : #fcd2a3;
        margin-top : 50px;

    }

    .premium-explorer{
        height         : 30px;
        padding-bottom : 10px;
    }

    .tickets-row .btn-link{
        height : auto;
    }

    #change-zone svg{
        float : left;
    }

    #change-zone span span{
        position : absolute;
        top      : 7px;
    }

    .svg-map-venue{
        left : 0;
    }
}

.nospan-check::before{
    transition          : background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    position            : absolute;
    top                 : .25rem;
    left                : -1.5rem;
    display             : block;
    width               : 1rem;
    height              : 1rem;
    pointer-events      : none;
    content             : "";
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
    background-color    : #dee2e6;
}

.nospan-check::after{
    position            : absolute;
    top                 : .25rem;
    left                : -1.5rem;
    display             : block;
    width               : 1rem;
    height              : 1rem;
    content             : "";
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : 50% 50%;
}

.custom-checkbox .nospan-check:checked ~ .custom-control-label::after{
    background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.preModalHeader{
    background-color : #EDE2E4
}

.pre-close{
    position      : absolute !important;
    float         : right !important;
    right         : 30px !important;
    top           : 30px !important;
    border-radius : 4.25rem !important;
    border        : 1px solid #ced4da !important;
    background    : white !important;
    padding       : 0 5px 0 5px !important;
}

.pre-title{
    /*position : absolute;*/
    /*top      : 80px;*/
}

.pre-title h5{
    color : #000;
}

.pre-barr{
    border-bottom : 3px solid #837450;
}

.pre-subtitle{
    margin    : 10px;
    color     : #837450;
    font-size : 20px;
}

.pre-imput-group{
    margin : 25px 0 0 0;
}

.pre-imput-group1{
    margin : 25px 0 0 0;
}

.pre-imput{
    height : calc(3.25rem + 2px);
}

.input-group-prepend{
    width : 40px !important;
}

.pre-imput-text{
    min-width : 45px
}

.pre-show-popup{
    font-size : 120%;
    cursor    : pointer;
}

.pre-popover{
    top  : -3%;
    left : 66%;
}

.pre-continue{
    margin : 0 auto;
    border : 0;
}

.pre-modal-content{
    background-color : #F5F5F5;
}

.pre-error{
    padding-left : 50px;
}

.input-group-prepend{
    width : 40px;
}

.pre-link{
    color       : #00b0f0;
    font-weight : bold;
    cursor      : pointer;
}

.blockNationalityError{
    font-size       : 14px;
    border          : 1px solid #cd0303;
    font-weight     : bold;
    padding         : 10px;
    margin          : 10px;
    border-radius   : 5px;
    width           : 90%;
    color           : #cd0303;
    justify-content : flex-start;
    align-items     : center;
}

.blockNationalityDesc{
    padding-right : 10px;
    padding-left  : 10px;
    flex          : 0 0 93%;
    max-width     : 98%;
}

.blockNationalityError .fa-exclamation-triangle{
    font-size : 18px;
}

.btn-link-cardholder{
    position : absolute;
    float    : right;
    right    : 10px;
    top      : 1px;
    z-index  : 3;
}

.btn-link:hover{
    color : #990a2c;
}

.map-trasferta{
    background-image    : url(../images/map-trasferta-porto.svg);
    background-repeat   : no-repeat;
    background-position : center top;
}

.rectangle{
    vertical-align  : middle;
    border          : 1px solid #979797;
    background      : #fbba00;
    color           : #000000;
    font-family     : "Open Sans";
    font-size       : 16px;
    font-style      : normal;
    font-stretch    : normal;
    font-weight     : 700;
    letter-spacing  : 0px;
    padding         : 16px 0 16px 0;
    text-align      : center;
    text-transform  : none;
    text-decoration : none
}

.privacy-opt{
    font-style : italic;
    color      : #a4a4a4
}

.barr-date{
    position  : absolute;
    top       : 9px;
    color     : #212529;
    font-size : 16px;
}

.barr-date-dd{
    left : 48px;
}

.barr-date-mm{
    left : 88px;
}

.placeholderDay{
    border       : 0;
    position     : absolute !important;
    top          : 0;
    padding-left : 17px;
    box-shadow   : 0 0 0 0 !important;
    width        : 295px;
}

.mask2m{
    border     : 0;
    position   : absolute !important;
    top        : 0;
    left       : 50px;
    box-shadow : 0 0 0 0 !important;
    width      : 248px;
}

.mask4d{
    border     : 0;
    position   : absolute !important;
    top        : 0;
    left       : 94px;
    box-shadow : 0 0 0 0 !important;
    width      : 200px;
}

.holderDateMobile{
    font-size   : 13px;
    margin      : 0;
    color       : #707070;
    position    : absolute;
    z-index     : 3;
    top         : 13px;
    line-height : 1.1;
}

.select-birthplace{
    padding : 0.375rem .75rem !important;
}

.code-dig{
    width      : 40px;
    height     : 55px;
    margin     : 7px;
    text-align : center;
    font-size  : 30px;
}

.instalmentText{
    color     : #495057;
    font-size : 14px;
}

.season-id{
    background    : #f69338;
    text-align    : center;
    border-radius : 2em;
    width         : 100px;
}

.instalment-attention{
    position         : absolute;
    background-color : #f8d7da;
    color            : #990A2C;
    font-size        : 13px;
    padding          : 5px;
    border-radius    : .25rem;
}

.instal-option{
    border-radius : 5px;
    line-height   : 38px;
    border        : 2px solid #ddd;
    float         : left;
    margin        : 10px;
    min-width     : 245px;
}

.btn-cancel{
    color      : #990a2c;
    border     : 0;
    background : transparent;
    width      : 30%;
}

.bg-asr-yellow{
    background-color : #fab92b !important;
}

.bg-asr-silver{
    background-color : #8a8d8f !important;
}

.bg-asr-yellow-bttm,
.price-asr-yellow{
    background : rgb(249, 218, 150) !important;
}

.bg-asr-silver-bttm,
.price-asr-silver{
    background : rgb(236, 236, 236) !important;
}

.border-season-yellow{
    border-color : #f89628 !important;
}

.border-asr-silver-fixed,
.border-asr-silver{
    border-color : #8a8d8f !important;
}

.text-primary{
    color : #980f2f !important;
}

.text-white{
    color : #fff !important;
}

.text-success{
    color : #28a745 !important
}

.season-icon-size{
    font-size : 22px
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    color            : #fff;
    background-color : #980f2f;
}

#advantages-block .nav-link{
    border-radius : .125rem .125rem 0 0;
}

.season-table-tab{
    cursor        : pointer;
    position      : relative;
    border-radius : .125rem .125rem 0 0;
    color         : #fff;
}

.season-table-header{
    border-bottom : 1px solid #980f2f;
    align-items   : flex-end;
}

.season-table-active{
    padding          : 1rem;
    margin           : 0 1em 0 1em;
    font-weight      : 700;
    background-color : #980f2f;
}

.season-table-not-active{
    margin     : auto 0 16px 0;
    padding    : 10px 0 10px 0;
    background : #8a8d8f;
    bottom     : -16px;
}

.btn-season-silver{
    background-color : #8a8d8f !important;
    border-color     : #8a8d8f !important;
}

.season-table-row-impari{
    background : #ececec;
}

.season-tab-list{
    -webkit-box-align : end;
    -ms-flex-align    : end;
    align-items       : flex-end;
    border-bottom     : 1px solid #980f2f;
}

.popup-changeticket-it{
    top  : -9.5em;
    left : 15em;
}

.popup-payrate-it{
    top  : -10.5em;
    left : 4.5em;
}

.popup-discounts-it{
    top  : -9em;
    left : 8.5em;
}

.popup-notifications-it{
    top  : -4.5em;
    left : 2em;
}

.popup-collector-it{
    top  : -10.5em;
    left : 4em;
}

.popup-welcomepack-it{
    top  : -8em;
    left : 1em;
}

.popup-changeticket-en{
    top  : -14em;
    left : 16.5em;
}

.popup-payrate-en{
    top  : -10.5em;
    left : 5em;
}

.popup-discounts-en{
    top  : -7.5em;
    left : 7em;
}

.popup-notifications-en{
    top  : -6em;
    left : 3em;
}

.popup-collector-en{
    top  : -12em;
    left : 1.5em;
}

.popup-welcomepack-en{
    top  : -8em;
    left : 1em;
}

/*Fix for mobile otp*/
input{
    padding : 1px 0px;
}

.strike{
    text-decoration : line-through;
}

.mytooltip{
    position : relative;
    display  : block;
}

.mytooltiptext{
    visibility       : hidden;
    width            : 200px;
    background-color : orangered;
    color            : #fff;
    text-align       : center;
    border-radius    : 6px;
    padding          : 15px 0;
    font-weight      : 600;

    /* Position the tooltip */
    position         : absolute;
    z-index          : 99;
    top              : -3px;
    left             : 105%;
}

.mytooltip:hover .mytooltiptext{
    visibility : visible;
}

/*GIFT CARD css*/

.giftcard-container .steps-container ul{
    font-size : 13px;

}

.payment-gift .info-button{
    top : 3px !important;
}

.balance-link{
    display : none;
}

.swiper-slide{
    justify-content : center;
    display         : flex;
}

.payment-gift .payment-buttons img{
    width  : 80%;
    height : 100%;
}




.payment-gift .payment-buttons{
    width  : 100%;
    height : auto;
    background-color: #f8f9fa;

    border: none;
}

.giftcard-container{
    max-width      : 1140px;
    margin         : auto;
    font-family    : ASRomaRegular, ASRoma, sans-serif;
    padding-top    : 3rem !important;
    padding-bottom : 3rem !important;
}

.gift-payment-method-container{
    padding : 0;

}

.gift-card-img{
    width           : 360px;
    justify-content : center;
    margin          : auto;
}

.giftcard-download-pdf{
    margin-top    : 15px;
    margin-bottom : 30px;
}

.expiry-container{
    margin-bottom : 30px;
}

.gift-card-img img{
    width : 90%;
}

.btn-link-cardholder{
    position : absolute;
    cursor   : pointer !important;
}

.payment-gift .btn-link-cardholder{
    top : 0;
}

.send-gift label{
    padding-top : 5px;
    font-size   : 15px;
}

.gidt-card-maintitle{
    font-family : ASRoma-Inline, ASRoma, sans-serif;
    font-style  : italic;
}

.gift-card-maintitle{
    color          : #980f2f;
    font-weight    : 700;
    font-size      : 40px;
    text-transform : uppercase;
    font-family    : ASRoma-ExtraBoldItalicInline, Arial, sans-serif;
}


.giftcard-step{
    border           : 1px solid #bbbcbc;
    background-color : #bbbcbc;
    padding-right    : 0.6em;
    padding-left     : 0.6em;
    border-radius    : 10rem;
    margin-bottom    : 10px;
    font-weight      : 700;
    padding-top      : 0.2em;
    padding-bottom   : 0.2em;
}

.chooseamount-error{
    color     : #980f2f;
    font-size : 13px;
}

.steps-container ::marker{
    color : transparent !important;
}

.steps-container div{
    margin-bottom : 10px;
}

.gift-card-validity{
    color     : #6c757d;
    font-size : 12px;
    margin    : auto 0;
}

.purchase-infos{
    margin-bottom   : 15px;
    justify-content : space-between;
}

.select-giftcard{
    font-weight : bold;
    font-size   : 16px;
    font-family : ASRomaExtraBold, "Arial Black";
}

.select-giftcard-container{
    background-color : #ffffff;
    border           : 1px solid #bbbcbc;
    margin-bottom    : 1rem;
}

.giftcard-amount.choose{
    font-size : 20px
}


.giftcard-amount{
    text-transform : uppercase;
    font-family    : ASRoma-ExtraBoldItalicInline, Arial, sans-serif;
    font-size      : 1.5rem;
    color          : #980f2f;
    font-weight    : bold;

}

.continue-purchase-giftcard, .continue-payment-giftcard{
    border           : none;
    width            : 100%;
    background-color : #980f2f;
    color            : #ffffff;
    padding          : 10px;
    font-weight      : 400;
    font-size        : 1.25rem;
}

.gift-card-amount-input{
    text-align : center;
    border     : 1px solid #ced4da;
    width      : 100%;
    height     : 100%;
    max-height : 35px;
    font-size  : 13px;

}


.insert-promo-title{
    font-size : 0.85rem;
}


.cart-total-row{
    padding : 0 15px;
}

.giftcard-desc{
    color       : #6c757d;
    padding-top : 10px;
}

.select-giftcard-btn{
    background-color : #980f2f;
    border           : none;
    color            : #ffffff;
    padding          : 5px !important;
    font-weight      : 400;
    font-size        : 1.25rem;

}

.tooltip-giftcard{
    position : relative;
    display  : inline-block;
    padding  : 5px;
    color    : #6c757d;
}

.tooltip-giftcard .tooltiptext-giftcard{
    padding          : 10px;
    font-weight      : 700;
    width            : 150px;
    visibility       : hidden;
    background-color : black;
    color            : #fff;
    text-align       : center;
    border-radius    : 6px;

    /* Position the tooltip */
    position         : absolute;
    z-index          : 1;
}

.tooltip-giftcard:hover .tooltiptext-giftcard{
    visibility : visible;
}

.tooltip-giftcard svg{
    width : 12px;
}

.remove-giftcard-btn{
    margin-top : 0 !important;
    padding    : 5px !important;
}

.gift-total-label{
    font-size   : 20px;
    font-weight : 100;

}

.gift-card-total{
    font-family : ASRomaExtraBold, Arial Black;
}

.gift-total-amount{
    font-size   : 20px;
    font-family : ASRomaExtraBold, Arial Black;

}

.cart-review, .payment-gift{
    border-top : 1px solid #bbbcbc;
}

.payment-gift .btn-link-cardholder{
    display: none;
}

.cart-revew-row{
    font-size : 1rem;
}

.cart-review-title, .form-title, .payment-title{
    font-family : ASRomaExtraBold, sans-serif;
    font-weight : bold;
}

.payment-fragment-container legend{
    display: none;
}

.payment-fragment-container{
    margin-top: 15px;
}

#payment-container-CREDITCARD-CREDITCARD{
    margin-left: 15px;
}

#klarna_container{
    padding: 0;
}

.payment-buttons img{
    width: 100%;
}

.payment-methods{
    padding: 0;
}

.left-panel{
    border-right: 1px solid #ddd;

}

.payment-method-container{
    margin-bottom: 20px;
    padding: 0;
}

.payment-buttons{
    background-color: transparent;
}





.payment-title {
    font-size: 24px;
    font-weight: 700;
    font-family: ASRomaRegular, Arial, sans-serif;

}


.giftcard-right-container .payment-form legend{

    position           : absolute;
    font-size          : 12px;
    line-height        : 14px;
    padding            : 0 4px;
    border-radius      : 7px;
    top                : -6px;
    left               : 17px;
    background         : #ced4da;
    color              : #fff;
    width              : auto;
    -webkit-transition : all .3s;
    transition         : all .3s;

}

.payment-form .payment-form-input{
    border: 1px solid #ced4da;

}


.payment-gift h5{
    margin-bottom: 0;
}



.payment-gift .payment-buttons{
    background-color: #f8f9fa;
    padding: 0 !important
}
.payment-gift  #CCForm .minccmasked, .payment-gift  #CREDITCARD-form .minccmasked{
    flex: 0 0 100% !important;
    max-width: 100% !important;

}

.payment-gift  #CCForm .btn, .payment-gift  #CREDITCARD-form .btn{
    justify-content: center;

}

.payment-gift .cc-info-container{
    flex: 0 0 100% !important;
    max-width: 100% !important;

}

.CC-expiry-month, .CC-expiry-year{
    display : none;

}

.payment-gift legend{
    display : none;
}



.giftcard-form-input{
    border : 1px solid #ced4da;
    width  : 100%;
    color  : #495057 !important;
}

.form-inputs-container .form-row{
    justify-content : space-between;
    display         : flex;
}

.form-inputs-container input{
    height        : calc(1.5em + 1rem + 2px);
    padding       : 0.5rem 1rem;
    font-size     : 18px;
    line-height   : 1.5;
    border-radius : 0.15rem;
}

.send-gift .custom-control-label:after, .send-gift .custom-control-label:before{
    position  : absolute;
    top       : 0.25rem;
    left      : -1.5rem;
    display   : block;
    width     : 1rem;
    height    : 1rem;
    content   : "";
    font-size : 1rem !important;
}


.continue-payment-giftcard{
    margin-top : 90px !important;
}

.send-gift .custom-checkbox{
    margin-left : 0 !important;
}

.payment-gift #gestpay-submit, .payment-gift #continue-cc{
    border: none;
    width: 100%;
    background-color: #980f2f;
    color: #ffffff;
    padding: 10px;
    font-weight: 400;
    font-size: 1.25rem;
}

.continue-payment-giftcard{
    display: none;
}

.gift-payment-method-container .payment-method{
    height           : 40px;
    border-radius    : 0;
    cursor           : pointer;
    background-color : #e9ecef;
    color            : #980f2f;
    font-size        : 1rem;
    font-family      : ASRomaRegular, Arial, sans-serif;
    font-weight      : 400;
    padding          : 0.5rem 1rem;
    text-align       : center;
}

.gift-payment-method-container .payment-method.selected{
    background-color : #fab92b;
    color            : #000000;
}

.success-giftcard-confirmation{
    color : #28a745;
}

.giftcard-confirmation-title{
    font-size   : 1.75rem;
    font-weight : 600;
}

.giftcard-confirmation-subtitle{
    font-size   : 1rem;
    font-family : ASRomaRegular, Arial, sans-serif;
}

.giftcard-id-value{
    font-family : ASRomaExtraBold, Arial Black;
    font-weight : 400;
}

.success-giftcard-infos{
    font-family : ASRomaExtraBold, Arial Black;
}

.success-giftcard-expiration{
    background-color : #fab92b;
    font-size        : 15px;
}

.success-giftcard-purchaseinfo{
    font-size : 15px;
}

.success-giftcard-btn-container{
    border-top : 1px solid #bbbcbc;
}

.gift-card-purchasemore-btn{
    background-color : #980f2f;
    color            : #ffffff;
    font-size        : 1rem;
    font-weight      : 600;
    font-family      : ASRomaLight, Arial, sans-serif;
}

.giftcard-download-pdf{
    cursor  : pointer;
    display : flex;
}

.giftcard-download-pdf a{
    font-size        : 15px;
    background-color : #980f2f;
    color            : #ffffff;
}

.giftcard-download-pdf a:hover{
    text-decoration : none;
}

.gift-card-purchasemore-btn a{
    font-family : ASRomaLight, Arial, sans-serif;
}

.gift-card-purchasemore-btn a:hover{
    text-decoration : none;
}

.download-giftcard-pdf{
    font-size        : 15px;
    background-color : #980f2f;
    color            : #ffffff;
    border           : none;
    cursor           : pointer;
}

.gift-card-purchasemore-btn a{
    color : #ffffff;
}

.giftcard-terms{
    font-family : ASRomaRegular, Arial, sans-serif;
    font-size   : 15px;
}

.payment-gift .creditcard-accepted{
    top : 7px;
}

.giftcard-cancel-link{
    font-size : 20px;
}

.giftcard-cancel-link:hover{
    cursor          : pointer;
    text-decoration : none;
}

#cvvModal .modal-dialog{
    top : 25%;
}

#cvvModal .modal-header{
    background-color : #000000;
}

#cvvModal .modal-title, #cvvModal .close{
    color       : #ffffff;
    font-weight : 700;
    font-size   : 25px;
}

#cvvModal .modal-body{
    display         : flex;
    justify-content : center;
}

#cvvModal .modal-content{
    width  : 90%;
    margin : auto;
}

.giftcard-container label.error{
    font-size : 12.8px;
}

.giftcard-right-container{
    vertical-align : middle;
    margin         : auto;
}

.not-available-giftcard{
    display         : flex;
    justify-content : center;
    font-family     : ASRomaRegular, Arial, sans-serif;
    color           : #980f2f;
    font-size       : 20px;
}


/*end GIFT CARD css*/

.btn.btn-primary.thankyou-confirm-button {
    background-color: orange;
    border-color: orange;
}

/* Captcha Start*/
.fake-confirm {
    opacity: 0.5;
}

.fake-confirm button {
    cursor : not-allowed !important;
}

.anagrafica-form.error {
    font-size: 16px !important;
}

#grecaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77); transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    margin-top: 1em;
}

/* Captcha End */

.invoice-info{
    text-align: justify;
    font-size: 11px;
    margin-top: 5px;
}

.form-control:disabled, .form-control[readonly] {
    -webkit-box-shadow: 0 0 0px 1000px #e9ecef inset;
 }

select:disabled {
    color: black !important;
}

.form-check-container[id$="_anagrafica-tdt"] .form-check label.radio-custom {
    color: black !important;
}