@import url('https://backendcdn.vivaticket.it/fonts/BrandonGrotesque/BrandonGrotesque.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
/* @import url('https://fonts.googleapis.com/css?family=Roboto:300i,400i,500i,700i,900i&display=swap');*/

body {
  margin: 0;
  font-family: Roboto,sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #444;
  text-align: left;
  background-color: #fff;
}

.main-header__wrapper { transition: all .2s; background: rgba(0,0,0,.9) }

.main-header__wrapper:after {
  content: "";
  position: absolute;
  top: 100%; left: 0; right: 0; height: 0;
  pointer-events: none;
  background: linear-gradient(180deg,rgba(0,0,0,.8) 0,transparent);
  transition: all .2s
}

.main-header__wrapper--full-bg {
  background: rgba(0,0,0,.9);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px)
}

.custom-radio.b-custom-control-lg,
.input-group-lg .custom-radio {
  font-size: 1.25rem;
  line-height: 1.5;
  padding-left: 1.875rem
}

.custom-radio.b-custom-control-lg .custom-control-label:before,
.input-group-lg .custom-radio .custom-control-label:before {
  top: .3125rem; left: -1.875rem;
  width: 1.25rem; height: 1.25rem;
  border-radius: 50%
}

.custom-radio.b-custom-control-lg .custom-control-label:after,
.input-group-lg .custom-radio .custom-control-label:after {
  top: .3125rem; left: -1.875rem;
  width: 1.25rem; height: 1.25rem;
  background: no-repeat 50%/50% 50%
}

.custom-radio.b-custom-control-sm,
.input-group-sm .custom-radio {
  font-size: .875rem; line-height: 1.5;
  padding-left: 1.3125rem
}

.custom-radio.b-custom-control-sm .custom-control-label:before,
.input-group-sm .custom-radio .custom-control-label:before {
  top: .21875rem; left: -1.3125rem;
  width: .875rem; height: .875rem;
  border-radius: 50%
}

.custom-radio.b-custom-control-sm .custom-control-label:after,
.input-group-sm .custom-radio .custom-control-label:after {
  top: .21875rem; left: -1.3125rem;
  width: .875rem; height: .875rem;
  background: no-repeat 50%/50% 50%
}

.btn { border-radius: 0px; }
.btn-primary, .btn-primary:hover, 
.btn-primary:focus, .btn-primary.focus,
.btn-primary.disabled, .btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle 
  { background-color: #000; border-color: #000; }
a, a:hover { color: #000; text-decoration: underline;}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
  margin-bottom: .5rem;
  font-family: Brandon Grotesque, sans-serif;
  font-weight: 500;
  line-height: 1.2
}
@media(min-width: 576px) {
  .modal-dialog { max-width:600px; }
}

.form-control {
  color: #495057;
  border: 1px solid #000;
  border-radius: 0px;
}


.checkout-payment-methodlist__method { border-top-style:dashed !important; }
.checkout-payment-methodlist__method-content { padding-left:1.875rem; }
.checkout-payment-methodlist__method-img  { transition:.2s all; }
.checkout-payment-methodlist__method-img--hidden { opacity:0; }
.checkout-payment__overview { top:calc(56px + 1.5rem); }
.checkout-payment .custom-radio label { display:block; }




.input-right-comment {
  right:1rem;
  top:calc(50% - .5rem);
  transform:translateY(-50%);
}
.collapse-link.not-collapsed { display:none; }

.cart-overview-ticketlist { margin-left: 1rem !important; }

/* Satispay */

#mobile_phone_ipt {
  height: calc(1.5em + 0.75rem + 2px);
}
.intl-tel-input {
  display: block;
}

@media (max-width:767px) {
  .satispay-modal__right-col {
    border-left:0 !important;
    border-top:1px solid #dee2e6 !important;
  }
}

/* 18App */

._18app-color { color: #2064af !important; }



/******* OLD ********/













.page-content {
	margin: 0 auto;
	padding-left: 15px; padding-right: 15px;
	max-width: 680px; 
}

table {	border-collapse: collapse; border-spacing: 0px; }
.payment { width: 100%; max-width: 100%; margin-bottom: 20px; }
.prezzi { float: right }
th, td {
	padding: 4px;
	line-height: 1.3;
	vertical-align: top;
	height: auto; overflow: hidden;
}
td.spacing { padding: 0; line-height: 1;}

/* Devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.payment>tbody>tr>th:first-child,
	.payment>tbody>tr>td:first-child { width: 38%; }
}

.td-img { padding: 0px; line-height: 1px; height: auto; }
@media screen and (max-width: 767px) {
	.page-content .td-img { line-height: 10px; height: 10px;}
}

.barra_grigia { 
	background-image: url(../images/barra_grigia.gif); 
	line-height: 22px;
}

.bg-payment  { background: #f0f0f0; }
.bg-data     { background: #e1e1e1; }
.bg-title    { background: #c5c5c5; }
.bg-danger   { background: #eddbe2; border: 1px solid  #950828; }
.bg-headline { background: #950828; }

.title, .sub-title { font-weight: bold;	vertical-align: top; }

.highlight { color: #950828 !important; }
a.highlight {text-decoration: underline; }

/* Devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.title, .sub-title { padding-left: 65px; text-align: left; }
	.data { padding-right: 65px; text-align: right; }
}
@media screen and (max-width: 767px) {
	.payment>tbody>tr {display: block; padding: 5px; }
	.payment>tbody>tr>td {display: block}
}


.pagamenti img { margin-right: 7px; vertical-align: middle }
.pagamenti div { display: inline-block; vertical-align: middle; width: 68%; }

.allow-overflow { overflow: visible; }

.error-descr{
	font-size:13px;
	font-weight:bold;
	padding:1em;
	color: #950828;
}

.bold { font-weight: bold; }

.app-btn { height: 30px; }

/* Credit cards logos */

.cc-logos div {
  padding:0.5ex;
  background-color:white;
  display:inline-block;
}
    
.cc-logos img {
  margin: 0px;
  height: 35px;
  display: inline-block;
}

.gsp-img-btn {
  border-radius: 8px;
  border: 2px solid #00a0de;
  height: 32px;
}

.gsp-pay-mod {
  border: 1px solid #00a0de;
  background-color: #e5e5da;
}

.gsp-pay-mod img {
  height: 32px;
}