/*** CSS GRAFICA NUOVA - VIVA.COM ***/

/** impaginazione nuova**/

@font-face { 
  font-family: "Brandon Grotesque Web"; 
  font-weight: 400; 
  src: url("https://cdn.vivaticket.com/webapp/fonts/brandonGrotesque/brandon_grotesque_web_regular-webfont.woff2") format("woff2"), 
  url("https://cdn.vivaticket.com/webapp/fonts/brandonGrotesque/brandon_grotesque_web_regular-webfont.woff") format("woff");   
}
  
@font-face { 
  font-family: "Brandon Grotesque Web";
  font-weight: 700;
  src: url("https://cdn.vivaticket.com/webapp/fonts/brandonGrotesque/brandon_grotesque_web_bold-webfont.woff2") format("woff2"), 
  url("https://cdn.vivaticket.com/webapp/fonts/brandonGrotesque/brandon_grotesque_web_bold-webfont.woff") format("woff"); 
   
}


@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap");


  
.border-bottom { border-bottom: 1px solid #000;}
.border-top { border-top: 1px solid #000;}


.font-Brandon-400 { 
	font-family: "Brandon Grotesque Web";
	font-weight: 400; 
}


.font-Brandon-700 { 
	font-family: "Brandon Grotesque Web";
	font-weight: 700;
}

body {
  background-color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
  font-size: 15px;
  line-height: 20px;
	color: #000;
  margin-top: 0; 
}

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

@media screen  { 
	.table-responsive {
		min-height: .01%;
		overflow-x: auto;
	}
}



.page-content p {	margin: 0 0 5px; }
.page-content table {	border-collapse: collapse; border-spacing: 0px; }
.page-content .table-bordered { border: 0; border-collapse: separate; border-spacing: 1px;}

.page-content td {
	padding: 5px 5px;
	vertical-align: top;
	height: auto; overflow: hidden;
}

.page-content td:first-child { padding-left: 1px}
.page-content td:last-child { padding-right: 1px}
.page-content td.spacing { padding: 0; line-height: 1;}

.page-content .title, .page-content .sub-title { font-weight: 400;	vertical-align: top; }
.page-content .td-img { padding: 0px; line-height: 1px; height: auto;}
.page-content .separator { 
	line-height: 22px; height: 22px;
	font-size: 15px; color: #000; text-transform: uppercase;
}

.visible-xs { display: none !important; }

@media screen and (max-width: 767px) {
    .visible-xs { display:block !important; }
    table.visible-xs { display: table !important; }
    tr.visible-xs { display: table-row !important; }
    th.visible-xs,td.visible-xs { display: table-cell !important; }
}


@media screen and (min-width: 768px) { 
	.page-content .title, .page-content .sub-title { padding-left: 15px!important; text-align: left; }
	.page-content .ritiro { padding-left: 65px!important; padding-right: 65px!important; text-align: left; }
	.page-content .data { padding-right: 15px!important; text-align: right; }
}

@media screen and (max-width: 767px) {
	.page-content .td-img { line-height: normal;}
}


@media screen and (min-width: 768px) { 
	.page-content .separator { 
		background-color: #fff;
    border-bottom: 1px solid #000; 
	}
}


.bg-receipt  { background: #fff; }
.table { width: 100%; max-width: 100%; }
.prezzi { float: right }
.nowrap { white-space: nowrap; }
.text-left {text-align: left; }
.text-center {text-align: center; }
.text-right {text-align: right; }
.text-justify {text-align: justify; }

.highlight { font-family: 'Roboto', sans-serif; font-weight: 700; color: #000 !important; }
a.highlight {text-decoration: underline; }


.table-bordered>tbody>tr>th,
.table-bordered>tbody>tr>td { border: 0; }

@media screen and (max-width: 767px) {
	.payment>tbody>tr {display: block; padding: 5px; }
	.payment>tbody>tr>td {display: block}
	.receipt>tbody>tr {display: block; padding: 5px; }
	.receipt>tbody>tr>td {display: block}
	.table-xs {width: 100%; max-width: 100%;}
}
@media screen and (min-width: 768px) { 
	.payment>tbody>tr>th:first-child,
	.payment>tbody>tr>td:first-child { width: 38%; }
}


.bg-data     { background: #fff; border-top: 1px dashed #dee2e6 !important;}
.bg-receipt  { background: #fff; }
.bg-barra    { background: #ffffff; }
.bg-title    { background: #fff;}
.bg-danger   { background: #eddbe2; border: 1px solid  #000000; }
.bg-headline { background: #ffffff; }

.small  { font-family: 'Roboto', sans-serif; font-size: 11px; }
.xsmall { font-family: 'Roboto', sans-serif; font-size: 10px; }


@media screen and (max-width: 767px) {
  .hidden-xs { display:none !important; }
}


/* ***************************** PRINT ****************************** */

@media print {
	.nostampa { display: none; }
	.newpage { page-break-after: always; height: 0; line-height: 0; }

	.page-content { padding: 0; }
	.page-content .separator { color: #000; font-size:20px; }
	
	hr, .menu {display:none !important;}
	.box-msg { padding: 5px }
	
	.page-content .data { text-align: right; }
}


/* fine imp nuova*/


/*** CSS VECCHIO ma AGGIORNATO ***/


img { border: 0; }

a:link, a:visited, a:active {text-decoration:none; color:#000; font-weight:bold; }
a:hover {color: #000 }

td {font-family: 'Roboto', sans-serif; font-size:14px; }

.guida {text-align: center; font-size: 13px; color: #000000; font-weight: normal; padding: 5px;}
.guida a:link, .guida a:visited, .guida a:active, .guida a:hover {color: #000000; font-weight: normal; text-decoration: underline;}
.guida a:hover { text-decoration: underline;}

.vivaBottom { font-family: 'Roboto', sans-serif; text-align: center; font-size: 15px; color: #000000; font-weight: bold; padding: 10px }

.StatoTran { 	font-family: "Brandon Grotesque Web"; font-weight: 700; font-size:17px; color: #000000; text-align: center; padding: 1ex; }


@media print {
  .nostampa { display: none; }
  .newpage { page-break-after: always; height: 0; line-height: 0; }
}



.logo-header { text-align: center; }
.logo-footer { width: 200px; }