/* Colore del testo */
.Red { color:#df1b3b; }
.rtr_body { margin: 0em; }

img { border: 0; }
.middle_img { border:0em; vertical-align:middle}

.tdGrigio { background: #e1e1e1; padding-right: 65px;}
.tdGrigio2 { background: #e1e1e1; }
.tdAnagr { padding-right: 65px; }
.error {
	width:70%;
	text-align:left;
  font-family: 'Source Sans Pro'; 
  font-style: normal; 
  font-weight: 400; 
	margin:1em 0;
	padding:1em;
	font-size:13px;
	font-weight:bold;
	border: 1px solid;
	padding-left: 40px;
	border-color: #CCC;
	color: #950828;
	background: #ffffff url(/images/msgBadBg.png) no-repeat top left;
}


.errorDescr{
  text-align:center;
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  padding:1em;
  font-size:13px;
  font-weight:bold;
  color: #ff0000;
  
}



.charta {text-align: left; padding: 5px;}
.org {text-align: right; padding: 5px;}
.guida {text-align: center; font-size: 11px; color: #000000; font-weight: bold; padding: 5px;}
.guida a:link, .guida a:visited, .guida a:active, .guida a:hover {color: #000000; font-weight: bold;}
.guida a:hover { text-decoration: underline;}
.guidaCarrello { text-align: left; font-size: 10px; color: #000000; font-weight: bold; padding: 5px; }
.barra_grigia { background-image: url(../../wms_images/receipt/barra_grigia.gif); text-align: center; font-size: 15px; color: #f3c565; font-weight: bold; padding: 1px; }
.testoBottom {  font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; text-align: center; font-size: 9px; color: #000000 }
.grigio1, .grigio2, .grigio1_risu, .grigio2_risu { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400;  font-size:11px; font-weight: bold;}
.grigio1, .grigio2, .grigio { text-align: left; vertical-align: top; padding-left: 65px}

.grigio1 { color: #000000; background: #e1e1e1;}
.grigio2 { color: #950828; background: #c5c5c5;}
.grigio_risu {  color: #950828; background: #e1e1e1; padding: 1px; padding-right: 65px; text-align: right; font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400;  font-size:11px;}
.grigio1_risu { color: #950828; background: #e1e1e1; padding: 1px; padding-right: 65px; text-align: right; }
.grigio2_risu { color: #950828; background: #e1e1e1; padding: 1px; text-align: left; }
 .Bgrigio1_risu { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:11px; color: #950828; font-weight: bold; background: #e1e1e1; padding: 1px; text-align: right}
.testoRit {font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:11px; color: #950828; font-weight: bold; background: #e1e1e1; padding: 1px; text-align: left; padding-left: 65px; padding-right: 65px}
.CodeTran {font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:11px; color: #950828; font-weight: bold; padding: 1px; padding-left: 65px }
.testoCodeTran { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:9px; color: #000000; background: #e1e1e1; padding-right: 65px; text-align: right }
.testoScad {font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:11px; color: #ff0000; font-weight: bold; background: #e1e1e1; padding: 1px; padding-right: 65px; text-align: right }
.anagr {font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:9px; color: #000000; background: #e1e1e1; text-align: left; }
.anagr_ris { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:9px; color: #000000; background: #e1e1e1; text-align: right }
.anagr2 { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:11px; color: #950828; font-weight: bold; background: #e1e1e1; text-align: right }
.titol { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:9px; color: #950828; background: #e1e1e1; text-align: center }
.fraseTitol { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:10px; color: #000000; }
.fraseTitol a:link, .fraseTitol a:visited, .fraseTitol a:active, .fraseTitol a:hover { color: #950828; font-weight: bold; }
.fraseTitol a:hover { text-decoration: underline; }
 .totale { color: #950828; text-align: left }
 .cvv2 {font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:13px; color: #000000; text-align: center}
.testoPiccolo  { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:10px; color: #000000; background: #e1e1e1; }
.testoPiccolo2 { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:9px; color: #000000; background: #e1e1e1; padding-right: 65px; padding-left: 65px; }
.testoPiccolo3 { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:9px; color: #000000; background: #e1e1e1; padding-left: 65px; text-align: left; }
.testoPiccolo4 { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:9px; color: #000000; padding-left: 5px;}
.boxtesto {
	font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size: 10px; color: #000000;
	border-color: #FFFFFF #FFFFFF #950828; border-bottom-width: 1px; border-top-width: 0px; border-left-width: 0px;	border-right-width: 0px 
}
.secure { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size: 11px; color: #950828; }
.testoSecure { text-align:left; font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; margin-top:1em;	padding:1em; border: 1px solid; border-color: #950828; color: #000000;	background: #e1e1e1; }

.testoCC { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:10px; color: #950828; font-weight: bold; }
.testoCC a:link,
.testoCC a:visited,
.testoCC a:active,
.testoCC a:hover { text-decoration: underline;color: #950828; }


.bottone { text-align: center; padding: 10px; padding-left: 10px }
.avvisoBancomat {font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:11px; color: #ff0000; font-weight: bold; }
.StatoTran { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:18px; color: #950828; font-weight: bold; text-align: center; }


.printhome { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:11px; color: #ff0000; font-weight: bold; }
.printhome a:link,
.printhome a:visited,
.printhome a:active  { color: #ff0000; font-weight: bold; text-decoration: underline }
.printhome a:hover   { color: #ff0000; font-weight: bold; text-decoration: none }


.testoPicFattura { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:9px; color: #000000; text-align: left }
.testoFatturaCx { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:11px; color: #000000; text-align: center }
.testoFatturaSx { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:11px; color: #000000; text-align: left }
.testoFatturaDx { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:11px; color: #000000; text-align: right }
.testoBack { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:9px; color: #950828; text-align: center }
.titololistaB { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:11px; color: #000000; font-weight: bold; text-align: left; vertical-align: top}
.lista { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:11px; color: #000000; text-align: left; vertical-align: top }
.lista_risu { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:11px; color: #000000; background: #f7e1bc; text-align: left; vertical-align: top }
.tabRiepilogoTran { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size:10px; color: #000000; font-weight: bold; background: #e1e1e1; text-align: left; vertical-align: top; padding-left: 65px; padding-right: 65px}

.vivaBottomBanner { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; text-align: center; font-size: 15px; color: #000000; font-weight: bold; }


/* ***************************** RESPONSIVE ****************************** */

*. *:before, *:after  {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	margin: 0; 
	background-color: #ffffff;
  font-family: 'Source Sans Pro'; 
  font-style: normal; 
  font-weight: 400;
  font-size: 15px;
  color: #0f0f0f;
}
.page-content {
  margin: 0 auto;
  max-width: 800px; 
}

/*.table>tbody>tr>td.borderBottomNero { border-bottom: 1px solid #000;}
.table>tbody>tr>td.borderTopNero { border-top: 1px solid #000;}
*/

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {  
  border-top: 0;
}
 
@media screen  { 
	.table-responsive {
		min-height: .01%;
		overflow-x: auto;
	}
}

.logo {text-align: right; }
@media screen and (max-width: 767px) { 
  .logo {text-align: center; }
}

h1 {font-size:20px;}
h2 {font-size:18px; color: #df1b3b; text-transform: uppercase;}
h3 {font-size:13px;}
h1,h2,h3 { margin: 0.5em 0;}
.Font14px { font-size:14px }

.page-content p {	margin: 0 0 5px; }

a:link, a:hover, a:visited, a:active {text-decoration:none; color:#575757; }

.page-content table {	border-collapse: collapse; border-spacing: 0px; }
.table { width: 100%; max-width: 100%; }
.textVerde { color: #1fac4a; }
.tableVerde90 { width: 90%; max-width: 90%; border: 1px solid #1fac4a; border-radius: 5px; margin-left: auto; margin-right: auto; margin-top: 50px; padding-top: 10px; padding-bottom: 10px;}
.tableVerde100 { width: 100%; max-width: 100%; border: 1px solid #1fac4a; border-radius: 5px; margin-left: auto; margin-right: auto; margin-top: 50px; padding-top: 10px; padding-bottom: 10px;}
  

.tableTitRicebuta { width: 100%; max-width: 100%; border-bottom: 1px solid #000; margin-top: 50px;  font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700;  font-size: 16px;}
.prezzi { float: right }
.page-content .table-bordered { border: 0; border-collapse: separate; border-spacing: 1px;}
.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%; }
}

.page-content th, .page-content td {
	padding: 3px 5px;
	line-height: 1.3;
	vertical-align: top;
	height: auto; overflow: hidden;
}
.page-content th:first-child, .page-content td:first-child { padding-left: 0px}
.page-content th:last-child, .page-content td:last-child { padding-right: 0px}


.page-content td.spacing { padding: 0; line-height: 1;}


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

.page-content .separator { 
	line-height: 22px; height: 22px;
	font-size: 15px; color: #000;
}


.bg-receipt  { background: #fff; }
.bg-barra    { background: #fff; }
.bg-title    { background: #f1f1f1; }
.bg-data     { background: #fff; }
.bg-danger   { background: #f1f1f1; border: 1px solid  #950828; }
.bg-headline { background: #df1b3b; }



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

@media screen and (min-width: 768px) { 
	.page-content .title, .page-content .sub-title { padding-left: 35px!important; text-align: left; text-transform: uppercase;}
 .page-content .title, .page-content .sub-titleThin { padding-left: 35px!important; text-align: left; text-transform: uppercase;}
	.page-content .bg-title { text-align: center; }
	.page-content .ritiro { padding-left: 35px!important; padding-right: 35px!important; text-align: left; }
	.page-content .data { padding-right: 35px!important; text-align: right; }
}

.highlight { color: #000000 !important; font-weight: bold; }
a.highlight {text-decoration: underline; }

.menu a {color: #000 ! important}

.text-left {text-align: left; }
.text-center {text-align: center; }
.text-right {text-align: right; }
.text-justify {text-align: justify; }
.page-content .vbottom {vertical-align: bottom;}
.page-content .vtop {vertical-align: top;}
.page-content .vmiddle {vertical-align: middle;}
.nowrap { white-space: nowrap; }
.plain { font-weight: normal; }
.small  { font-size: 12px; }
.xsmall { font-size: 10px; }

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

.box-msg { padding: 5px 15px; }

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

.error-box {
	width:70%;
	margin:1em auto;
	border: 1px solid;
	padding-left: 40px;
	border-color: #CCC;
	background: #ffffff url(/images/msgBadBg.png) no-repeat top left;
}

.page-content .vivaBottom { text-align: center; font-size: 15px; font-weight: bold; padding: 10px; vertical-align: middle }
.page-content .vivaBottom img {vertical-align: middle}

.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 (max-width: 767px) {
    .hidden-xs { display:none !important; }
}


.seat-summary td:first-child,
.seat-summary td:last-child {width: 15%}

.top-banner { margin-bottom: 5px;}


/* BANNER PER IL PRINT@HOME / DOWNLOAD */  

div#bannerPrintAtHome { 
		background-color: #f1b947; 
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		}
		
div#bannerPrintAtHome, div#dwn {
   padding: 10px; 
   display: block;
   cursor: pointer; 
   height: 100%; overflow: hidden;
   text-align: center;
}

div#bannerPrintAtHome img, div#dwn img {
    vertical-align: middle;
}

div#bannerPrintAtHome span, div#dwn span {
    color: #000;
    text-align: center; vertical-align: middle;
    display: inline-block;
}
div#bannerPrintAtHome span {
    font-size: 14px;
    padding: 10px;
}

div#dwn span {
    font-size: 16px;
    font-weight: bold;
    width: 380px;
}

@media screen and (min-width: 768px) { 
	
	div#bannerPrintAtHome {
		text-align: left;
		margin: 6px 0;	   
	    box-shadow: 0 6px 24px 0 rgba(0,0,0,0.2);
	    background-color: #f1b947;
		margin-bottom: 35px;
        margin-top: 35px;
		width: 100%;
		
		}
	
	div#dwn {
		text-align: left;
		margin: 6px 65px; 
	    box-shadow: 0 6px 24px 0 rgba(0,0,0,0.2);
	    background-color: #f1b947;
		}
	
}

/* FINE BANNER  */  

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation; touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #0000;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 6px;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    font-family: SFArborcrest, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    background-color: #000;
    border-color: #000;
    color: #fff !important;
}

.btn-default { 
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation; touch-action: manipulation;
  cursor: pointer;
  background-image: none;   
  white-space: nowrap;
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  background-color: #ffffff;
  border-radius: 0 !important;
  padding: 8px 12px;
  color: #fff !important;
}

.btn-primary { 
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation; touch-action: manipulation;
  cursor: pointer;
  background-image: none;   
  white-space: nowrap;
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  border: 1px solid #df1b3b;
  background-color: #df1b3b;
  border-radius: 0 !important;
  padding: 8px 12px;
  color: #fff !important;
}

.btn-primary:hover {
  color: #FFFFFF;
  background-color: #b2152f;
  border-color: #a8142d;
  text-decoration: underline;
}

.btn-hamburgher {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation; touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #0000;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  border-radius: 6px;
  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
  font-family: SFArborcrest, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  background-color: #000;
  border-color: #000;
}

.btn-default-hamburger { 
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation; touch-action: manipulation;
  cursor: pointer;
  background-image: none;   
  white-space: nowrap;
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  background-color: #ffffff;
  border-radius: 0 !important;
  padding: 8px 12px;
}

.padding15 {padding: 15px;} 
.padding20 {padding: 20px;}
.padding30 {padding: 30px;}
.padding50 {padding: 50px;}


.btnPrint {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation; touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #fafafa;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 6px;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    font-family: 'Source Sans Pro'; 
    font-style: normal; 
    font-weight: 400; 
    color: #000 !important;
    box-shadow: 0 6px 24px 0 rgba(0,0,0,0.2);
    background-color:#fafafa;
    border-color: #fafafa;
}


/* ***************************** 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; }
}




/* **** biennale cinema *** */

.nav-pills > ul { 
  display:block; 
}

.nav-pills > li > a {
  position: relative;
  display: block;
  padding: 20px 15px;
  color: #fff;
}

.nav-pills > li > a {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
}

.nav-pills > li > a:link, 
.nav-pills > li > a:hover, 
.nav-pills > li > a:visited, 
.nav-pills > li > a:active {
  text-decoration: none;
  color: #fff;
}

.textwhite > a:link,
.textwhite > a:hover, 
.textwhite > a:visited, 
.textwhite > a:active {
  text-decoration: none;
  color: #fff;
}
.nav>li>a:hover, .nav>li>a:focus  {
  text-decoration: underline;
  background-color: transparent;
}