body.bg
{
	font-size:16px;
	background-color:#fff;
	font-family:Arial;	
}	
body.bg p{
	font-size:16px;
	font-family:Arial;
}
	.full-events{
		padding:10px;
		position:relative;
		overflow:hidden;
		border:1px solid #000;
		width:960px;
		
	}
	.logo_tp{
		width:260px;
		position:absolute;
		right:20px;
		font-size:15px;
	}
	.logo_tp img{
		width:260px;
	}
	.pedido{
		border:1px solid #000;
		float:left;
		width:250px;
		font-weight:bold;
		padding:10px;
		margin-top:60px;
		font-size:22px;
	}
	
	.box-item1{
		border:1px solid #000;
		float:left;
		width:385px;
		padding:10px;
		margin:0;
		height:268px;
	}
	.dados-ingresso{
		margin:0 0 0 125px;
		padding:0;
		width:285px;
		text-align:left;
		float:left;
	}
	.dados-ingresso div.img{
		width:270px; 
		max-height:70px;
		margin:0px 0 15px 0;
		text-align:center;
	}
	.dados-ingresso div img{
		clear:both;
		max-width:270px; 
		max-height:70px;
	}
	.box-item2{
		border:1px solid #000;
		float:left;
		width:0px;
		margin:0 10px;		
		height:278px;
	}
	.box-item3{
		float:left;
		width:510px;
		height:220px;
	}
	.box-item3a{
		border:1px solid #000;
		float:left;
		padding:10px;		
		width:510px;
	}
	.box-item3a h1{
		color:#494949;
		font-size:22px;
		padding:15px 0;
	}
	.box-item3b{
		border:1px solid #000;
		float:left;
		width:510px;
		padding:10px 10px;
		margin-top:10px;
	}
	.box-item3b div{
		float:left;
		width:150px;
	}	
	.box-item3b div.first{
		float:left;
		width:350px;
	}	
	.cod-barras{
		width:220px;		
		text-align:center;
		width:100%;
		margin-top:40px;

	}
	.cod-barras-90{
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);		
		width:220px;		
		text-align:center;
		position:absolute;
		margin-top:45px;
		margin-left:-50px;
	}
	.cod-barras-90 img, .cod-barras img{
		height:100px;
		width:220px;
	}	
	.cod-barras-90 b, .cod-barras b{
		font-size:24px;
	}	
	.tit-aviso{
		text-align:center;
	}
	.tit-aviso h1{
		color:#494949;
		font-size:28px;
		font-weight:bold;
		margin:10px 0;
	}
	.tit-aviso h2{
		color:#494949;
		font-size:22px;
		margin:0 0 20px 0;
	}
	.texto-p p{
		margin:10px 0;
	}
	.box-canhoto1{
		width:650px;
		margin-top:55px;
		float:left;
	}
	
	.box-canhoto2{
		float:left;
		width:400px;
		margin:10px 0;
	}
	.box-canhoto3{
		float:left;
		width:250px;
		margin:10px 0;
	}
	.box-canhoto4{
		width:280px;
		float:left;
		text-align:center;
	}
	.logo_canhoto{
		width:200px;
		margin-top:90px;
	}

	
	.box-canhoto{
		border:1px solid #000;
		padding:10px;
		position:relative;
		overflow:hidden;
	}
	.box-canhoto .img{
		position:absolute;
		left:0px;
		width:100%;
		height:80px;
		text-align:center;
	}
	.box-canhoto img{
		max-width:300px;
		max-height:80px;
	}	
	
	.destaque{
		font-size:22px;
		font-weight:bold;
		margin:5px 0;
	}
	.boleto-img{
		position:absolute;
		padding-left:20px;
		right:5px;
		background:url('../images/cartao_boleto.png') no-repeat;
		top:390px;
		width:250px;
		height:170px;
	}
	
	.cartao-img{
		position:absolute;
		padding-left:20px;
		right:5px;
		background:url('../images/cartao_de_credito.png') no-repeat;
		top:440px;
		width:250px;
		height:170px;
	}
	
	.cartao-img img{
		margin:15px 0 45px 170px;
		width:70px;
	}
	
	.cartao_terceiro{
		width:150px;
		position:absolute;
		right:300px;
		top:425px;
	}
	
	.black_cartao{
		position:absolute;
		right:300px;
		top:440px;
		background:#fff;
		color:#000;
		font-size:12px;
		font-weight:bold;
		text-align:center;
		width:150px;
		padding:0;
	}
	.black_cartao div{
		background:#000;
		color:#fff;
		width:130px;
		padding:10px 10px;
		font-size:18px;
		font-weight:bold;
		text-align:left;
	}

.font28 { font-size: 28px !important; }

#geralEticket { display:table; margin:auto; width:100%; }

#topo { background:#5D0C8B; display:table; width:100%; padding:20px 0; }
#centroTopo { display:table; width:980px; margin:auto; }
#grupoLogo { margin:auto; display:table; max-width:163px; }
#grupoLogo img { width:100%; height: 100%;}
#centroTopo p { float:right; margin:-29.5px 20px 0 0; color:#fff; font-size:16px; }

#geralEticket #conteudo h1 { font-size:16px; color:#494949; }
#geralEticket #conteudo p { font-size:16px; color:#494949; }
#geralEticket #conteudo span { font-size:14px; }
#geralEticket #conteudo label {font-size:16px; }

#conteudo { display:table; width:980px; margin:auto; background:#fff; }
#grupoConteudo { display:table; margin: 0 20px; width:calc(100% - 40px); }
#grupoBanner { float:left; display:table; max-width:980px; }
#grupoBanner img { max-width:100%; }

#grupoEvento { display:table; float:left; margin:20px 0; width:100%; }
#grupoNome { float:left; width:60%; }
#classificacaoIndicativa { float:right; }
#classificacaoIndicativa img { float:left; max-width:65px; clear:both }
#classificacaoIndicativa p { float:left; font-size:11px !important; width:65px; clear:both; text-align:center; }
.classificacaoIndicativaPass img { float:right !important; }
.classificacaoIndicativaPass p { float:right !important; }

.separador { float:left; clear:both; border-bottom:1px solid #d4d4d4; width:100%; }
.separadorDuplo { float:left; clear:both; border:1px solid #d4d4d4;  width:100%; }

#grupoIngresso { float:left; margin-top:20px; width:100%; }
.itemIngresso { float:left; clear:both; margin-bottom:20px; width:100%; }
.itemIngresso div { float:left; width:33%; }
.itemIngressoPassaporte div { float:left; width:30%; margin-right: 3%; margin-top: 20px; }
.grupoIngressoPassaporte { margin-top: 0px !important; }


#grupoCodBarras, #grupoValeCodBarras, .grupoComprovanteCodBarras { float:left; margin-top:20px; width:100%;  text-align:center; }
#grupoCodBarras img, #grupoValeCodBarras img, .grupoComprovanteCodBarras img { float:left; clear:both; /*width:220px !important;*/ margin-top:-20px; }
#grupoCodBarras p, #grupoValeCodBarras p, .grupoComprovanteCodBarras p { float:left; clear:both; font-size:28px !important; text-align:center; margin-top:-15px !important; width:100%; }
#grupoCodBarras div, #grupoValeCodBarras div, .grupoComprovanteCodBarras div { display:table; margin:auto; }
#grupoCodBarras .codBarras { display:flex; margin:auto; justify-content: space-between; align-items: center; }
#grupoCodBarras .codBarras .qrCode { margin: 0; }

#grupoValeCodBarras, .grupoComprovanteCodBarras { float: right !important; margin-top: -75px; width: auto; }

.grupoComprovanteCodBarras { margin-top: -30px !important; }

#grupoInfo { float:left; margin-top:20px; width:100%; }
.itemInfo { float:left; clear:both; margin-bottom:20px; width:100%; }
.itemInfo div { float:left; width:33%; }

#grupoPortador { float:left; margin-top:20px; width:100%; }
.itemPortador { float:left; clear:both; margin-bottom:20px; width:100%; }
.itemPortador { float:left; clear:both; margin-bottom:20px; width:100%; }
.itemPortador div { float:left; width:33%; }

#grupoValor { float:left; width:100%; margin:20px 0; display: flex; align-items: center; justify-content: space-between; }
#grupoValor div { flex: 0 1 calc(100% / 3); }
#grupoValor .qrCode { display: flex; justify-content: center; }
#grupoValor .no-visibility { visibility: hidden; }
#grupoValor p { font-size:25px !important; }

#rodape { background:#5D0C8B; display:table; width:100%; padding:20px 0; }
#centroRodape { display:table; width:980px; margin:auto; }
#centroRodape p { font-size:14px; color:#fff !important; text-align:center;  }

#eticketCancelado {padding: 40vh 15px;}
#eticketCancelado h1 {text-align: center;}

.conteudoVale { border: 1px dashed; float: left; border-radius: 3px; width: 50%; padding: 2%; margin-left: 23%; }
.conteudoVale p { font-weight: 500; }

.comprovanteLugarMarcado { float: left; margin: 20px 0; width: calc(100% - 40px); }
.comprovanteLugarMarcado .left { float: left; width: 50% !important; }
.comprovanteLugarMarcado .linha { margin-bottom: 50px; }

.separador-pontilhado { margin-top: 20px; border: 1px dashed; }
.marcador-corte { text-align: center; }
.marcador-corte em { font-size: 11px; }

#geralEticket #conteudo .divInputDtNascimento {
	flex-direction: column;
    display: flex;
    width: 215px;
    margin-top: 15px;
}

#geralEticket .copiarLink { cursor: pointer; }

@media only screen and (max-width:980px) { 
    #centroTopo { width:100%; }
    #grupoLogo {  max-width:150px; }
    #centroTopo p { margin-top:-27.5px; }
    #conteudo { width:100%; }
    #grupoCodBarras p { font-size:20px !important; margin-top:-15px !important; }
    #centroRodape { width:100%; }
	.divCopyShareLink { display: block; margin-left: 0; text-align: center; margin-bottom: 10px; }
	.conteudoVale { margin-left: unset; width: 100%; }
	#grupoValeCodBarras, .grupoComprovanteCodBarras { margin-top: 30px; float: unset !important; }
}

/* FIM */

/* E-TICKET PREENCHIMENTO PELO CLIENTE */
#infoIngressosPassaporte { display: inline-block; }
.iteminfoIngressosPassaporte { float: left; padding-right: 60px; }
.iteminfoIngressosPassaporte p { font-weight: bold; }
.iteminfoIngressosPassaporte span { clear: both; }
.formIngressoCliente { box-shadow: 0 0 30px 0px var(--box-shadow-color); border-radius: 2px; margin-top: 20px; }
.headFormIngressoCliente { padding: 15px 20px; border-bottom: 1px solid var(--box-shadow-color); }
.headFormIngressoCliente h1 { display: inline-block;}
.headFormIngressoCliente .valorIngressoPassaporte { float: right; }
.bodyFormIngressoCliente { padding: 25px 20px 40px 20px; }
.bodyFormIngressoCliente .nomeEventoIngresso { font-weight: bold; color: #6f2e98; display: block; margin-bottom: 10px; }
.bodyFormIngressoCliente .nomeEventoPassaporte { font-weight: bold; color: #6f2e98; display: block; margin-bottom: 5px; }
.bodyFormIngressoCliente .nomeIngressoPassaporte { display: block; margin-bottom: 15px; }
.bodyFormIngressoCliente label { font-size: 14px; color: #494949;}
.bodyFormIngressoCliente input { width: 60%; margin-bottom: 10px;}
.bodyFormIngressoCliente input:disabled { color: rgb(84, 84, 84); cursor: default; }
.bodyFormIngressoCliente input[type="radio"]:disabled + label:before { background-color: #D4D4D4; border-color: #BDBDBD; color: #FFF; }
.bodyFormIngressoCliente input[type="radio"]:checked + label:before { background-color: #6F2E98; border-color: #6F2E98; color: #FFF;}
.bodyFormIngressoCliente input[type="radio"] { display: none; }
.bodyFormIngressoCliente .labelTitle { display: block; font-weight: bold; margin-bottom: 10px; }
.bodyFormIngressoCliente .inputOption { margin-bottom: 10px; cursor: pointer;}
.bodyFormIngressoCliente .inputOption:before { border: 1px solid #d4d4d4; content: "\00a0"; display: inline-block; height: 16px; width: 16px; border-radius: 10px; margin-bottom: 10px; cursor: pointer;}
.bodyFormIngressoCliente .btnSalvarVisualizar { float: right }
.bodyFormIngressoCliente .btnVisualizar { float: right }

.divCopyShareLink { display: unset; margin-left: 45px; }
.divCopyShareLink a { margin-left: 10px; }



@media only screen and (max-width:700px) { 
	.bodyFormIngressoCliente input { width: 100%;}
	.bodyFormIngressoCliente .btnSalvarVisualizar { display: block; float: none; margin: auto; }
	.bodyFormIngressoCliente .btnVisualizar { display: block; float: none; margin: auto; }
	.divCopyShareLink { display: block; margin-left: 0; text-align: center; margin-bottom: 10px; }
	.conteudoVale { margin-left: unset; width: 100%; }
	#grupoValeCodBarras, .grupoComprovanteCodBarras { margin-top: 30px; float: unset !important; }
}

/* FIM */

/* FORMULÁRIO PASSO 1 VENDA CARTÃO */

#grupoConteudo { padding:20px 0; }
#grupoConteudo h4 { font-size:15px; }

#grupoBtPasso1 { float:left; margin-top:20px; clear:both; }

/* FIM */

/* INGRESSO LISTA BÔNUS (PASSO DE CONFIRMAÇÃO DE CPF OU VERIFICADOR) */
div#grupoConteudo div.btnGroupConfirmIngressoListaBonus { text-align: center; float: left; display: table; }
div#grupoConteudo div.btnGroupConfirmIngressoListaBonus button.btn { margin-right: 15px; margin-bottom: 15px; color: #FFFFFF; width: 150px; }

@media only screen and (max-width:700px) { 
	div#grupoConteudo div.btnGroupConfirmIngressoListaBonus button.btn { margin-right: 0px; }
}
/* FIM */

/* INGRESSOS LISTA BÔNUS (PASSO DE SELEÇÃO DO INGRESSO) */
form#ingressoListaBonusConfirm .itemForm label { line-height: 1.3; font-weight: normal; clear: both;font-weight: bold; cursor: pointer; width: auto; }
form#ingressoListaBonusConfirm .lineItemForm{ margin-left: 27px; }
form#ingressoListaBonusConfirm .valorListaBonusIngresso{ margin-left: 10px; float: right; }

form#ingressoListaBonusConfirm .labelRadio:before {
    border: 1px solid #d4d4d4;
    content: "\00a0";
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 10px;
    margin-right: 10px;
    cursor: pointer;
}

form#ingressoListaBonusConfirm .labelRadio:before {
    border: 1px solid #d4d4d4;
    content: "\00a0";
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 10px;
    margin-right: 10px;
    cursor: pointer;
}

form#ingressoListaBonusConfirm  #btnConfirmarIngressoListaBonus {margin-bottom: 15px;}

/* FIM */

/* INGRESSOS LISTA BÔNUS (PASSO DE RECUSAR O INGRESSO PELA PARTE DO CLIENTE) */
div#grupoConteudo div.msgRecusa { margin: auto; display: table; }
div#grupoConteudo div.btsRecusa { text-align: center; display: table; }
div#grupoConteudo div.btsRecusa button { margin-right: 15px; margin-bottom: 15px; color: #FFFFFF; width: 235px; }
@media only screen and (max-width:700px) { 
	div#grupoConteudo div.btsRecusa button { margin-right: 0px; }
}

/* FIM */