@font-face {
    font-family: BungeeShade;
    src: url('/assets_planos/fonts/BungeeShade-Regular.ttf')
}
.content {background: var(--marca-dagua); background-size: cover;}

html, input, li, select, textarea{ font-family: Roboto, sans-serif; }
label { font-size: 15px; font-weight: bold;}
body { margin:0; padding:0; background-color:#fff; font-family: Roboto, sans-serif; font-size: 18px; color: #0F0805; }
h1,h2,h3,h4,h5 {text-transform:initial; color:#000; font-size:18px; margin:0; }
h3 {margin:10px 0; }
h5 {font-size:20px; } 
a {text-decoration:none; color:inherit }
p {margin-bottom: 5px; padding:0; font-family: Roboto, sans-serif; font-size: 14px; }
ul, li, menu, dir {margin:0; -webkit-padding-start: 0px; padding:0; border:0; -webkit-margin-start: 0px; -webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-end: 0px; }
.itemForm          		   { display:table; float:left; margin: 0 20px 20px 0; width: 300px;}
.itemForm label            { float:left; clear:both; font-weight:bold; line-height:16px; cursor:auto; width:auto; font-size: 13px;}
.itemForm select           { float:left;clear:both;font-size:14px;width: 100%;}
.itemForm input            { float:left;clear:both;font-size:14px;padding:0 10px; width: 100%; }
.item-linha-debito {display: flex !important;}
.item-linha-debito .item-form-debito {padding-right: 20px;}
.item-linha-debito .item-form-debito:last-child {padding-right: 13px;}
label[for=campoDataInicioCompra] em {font-weight: normal;color: gray;}
.separador {float: left; clear: both; width: 100%; border-top: 1px solid #d4d4d4; margin: 20px auto; }
#btnVoltar { width: 150px; }
#conteudoRetornoCompra .item-linha>span { display: table;}

#loadNew {
	z-index:999999999;
	position:absolute; 
	width:100%; 
	height:100%; 
	display: -webkit-flex; 
	display:none; 
	align-items:center; 
	-webkit-justify-content:center; 
	justify-content: center; 
	-webkit-align-items:center; 
	background:black;
	opacity:0.7; 
	position:fixed;
	top: 0; 
} 

.hidden { display: none !important; }
.show { display: inline-block !important; }

.select2 {clear:both;display: block;}
.select2-selection.select2-selection--single {border: 1px solid #9c9c9c;line-height: 34px;height: auto;}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height:30px; height: auto; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 34px; }

.item-linha .telefone { width: 194px; }
.item-linha #div-vencimento-fatura { margin-top: 10px; }

input, select, textarea {
    border-radius: 3px;
    border: 1px solid #9c9c9c;
    line-height: 34px;
    height: 34px;
    padding: 0 5px;
}

ul.retorno-erro li { margin-left: 20px; }

button {border:none; cursor:pointer; font-weight:300; font-family: Roboto, sans-serif; font-size:16px; background: var(--cor-fundo-identidade); color: var(--cor-fonte-identidade); padding:10px 25px; clear:both; }

.btn-secondary {color: #0F0805 !important; background-color: white !important; border-color: #0F0805 !important; font-weight: bold !important; width: 100%; height: auto; }
.btn-primary {color: var(--cor-fonte-identidade) !important; background-color:  var(--cor-fundo-identidade) !important; border-color:  var(--cor-fundo-identidade) !important; font-weight: bold !important; width: 100%; height: auto; }

.grupoOp { float:left; clear:both; }
.itemOp { float:left; margin-right:20px; }
.itemOp label { line-height:1.3; font-weight:normal; }

/* radio */
input[type="radio"] {
	display: none;
}

.listagem-beneficios-plano { width: 100%; padding: 0 0 0 20px; }
.beneficio-plano { padding: 0; font-family: Roboto, sans-serif; font-size: 14px; }

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

header { position:relative; z-index:1000005; display:table; width:100%; text-align:center; background: var(--cor-fundo-identidade) !important;}
header div#topoMe { position:relative; width:100%; height:60px; text-align:left; background: var(--cor-fundo-me);}
header div#topoMe .logoMeBranco{ float:left; height:25px; margin:15px 20px; }
header div#topoMe a{ float:left; display:block; padding:5px; margin-top:17px; font-size:14px; color:#fff; }
header img#topoPlano { max-width: 85%; margin: 27px 0; }
input[type="radio"]:checked + label:before {
	background-color: #0F0805;
	border-color: #0F0805;
	color: #FFF;
}
#topo-ocultado-nome-usuario-login {margin-top: 0; font-size: 14px; font-weight: bold;}
.topo-ocultado-login {display: flex; align-items: center; background-color: #fff; justify-content: flex-start; margin-left: calc(23% + 20px);}
#topo-ocultado-nome-usuario-login .min { display: none;}
#topo-ocultado-nome-usuario-login .max { display: unset;}
.backgroundHiddenTopo {background: #fff !important;}
.topo-ocultado-login a {margin-left: 20px;}

footer#footerMe {position: relative;width: 100%;padding: 0;margin: 0; height: 60px; clear: both;}
footer#footerMe #footerMeContent {position: relative;width: 100%;height: 100%;background: var(--cor-fundo-me); text-align: center;}
footer#footerMe #footerMeContent svg.logoMeBranco {height: 25px;margin: 15px;}

.btn-adicionar-dependentes { margin-bottom: 20px; }
div#conteudoTermosPlanos { width: 70%; margin: 20px auto; }
div#conteudoTermosPlanos div.divisorTitulo { margin: 0 0 20px 0; }
div#conteudoTermosPlanos div.divisorTitulo h2#tituloTermosCondicao { font-size: 18px; font-weight: bold; }
div#conteudoTermosPlanos a.links-page.voltar { float:right; font-size: 14px; }

/* checkbox */
input[type="checkbox"]                        { display:none }
input[type="checkbox"]:checked + label:before { background-color: var(--cor-fundo-identidade); border-color: var(--cor-fundo-identidade); color:#FFF; }
input[type="checkbox"]:checked + label:after  { font-weight:bold; }
.labOpCheckbox:before { 
	border:1px solid #d4d4d4; 
	content:"\00a0"; 
	display:inline-block; 
	height:16px; width:16px; 
	border-radius:2px; 
	margin-right:10px;
	cursor: pointer;
}

.grupo-cadeiras input[type="radio"]:checked + label { background-color: var(--cor-fundo-identidade); border-color: var(--cor-fundo-identidade); color: var(--cor-fonte-identidade); }
.grupo-cadeiras .desabilitado { background-color:#A1A1A1; border-color:#A1A1A1; color:#FFF; }
.labOpCheckboxCadeiras {
	border:1px solid #0F0805; 
	content:"\00a0"; 
	display:inline-block; 
	height:35px; 
	width:auto; 
	max-width:100%; 
	border-radius:4px; 
	margin-right:10px;
	cursor: pointer !important;
	padding: 10px;
	font-weight: bold !important;
}

.obg { color: red; }

.bg{
	background:url("/assets_planos/images/criciuma/emblema_fundo.png") no-repeat left;
	width:50%;
	height:45%;
	position:absolute;
	left:0;
	top:0px;
}

.bg{ width: 100%; height: 100%; position:absolute; left:0; top:0px; }

section{
	float:left;
	width:73%;
	margin-right:2%;
	margin-bottom:50px;

}

section.first{
	width:23%;
}

section#termo h1, section#termo h2{
	margin:20px 0;
	
}
section#termo {
	width:95%;
}
	
section#home aside{
	width:27%;
	float:left;
	margin-right:2%;
	border:1px solid #BBB;
	padding:2%;
	min-width:173px;
	margin-bottom:15px

}

section aside h1{
	font-size:15px;
	color:#0152c8;
	margin-bottom:25px;
	
}

section aside span{
	font-size:24px;
	font-weight:bold;
}


section aside ul, section aside nav{
	list-style: none;
	clear:both;
}


section aside li{
	font-size:15px;
	line-height:1.4;
	margin-bottom:10px;
}

section aside nav li{
	float:left;
	height:35px;
	text-align:center;
	font-size:24px;
}

section p{
	font-size:15px;
	margin-bottom:20px;
	line-height: 1.4;
}

section hr{
	border: none;
	border-top: 1px solid #BBB;
	margin:25px 0 40px 0;
}

section .bt100{
	width:100%;
	margin:20px 0;
}

footer
{
	position:relative;
	width:100%;

	margin:20px auto;
	height:260px;
	padding:5px 0 30px 0;
}

.content { position:relative; min-height:500px; margin:0 auto; }

.conteudo { margin:5% 23%; }

#ajax-load{
	display:none;
}

.lr{
	text-align:right;
}

/* carousel */
.carousel-indicators, .carousel-control-next, .carousel-control-prev { display: none; }
.carousel-item{ 
	display: block; 
	margin: 20px 30px 30px 20px; 
	width: 290px;
	background:#fff;
}

.carousel-item .item { 
	box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15);
	padding: 15px;
	border-radius: 5px;  
}

.carousel-item-beneficio .item {
	padding: 0;
}

.conteudo-beneficio .carousel-item .item { height: 100%; background: #FFFFFF; }

.carousel-item .num-item-beneficio {
	font-family: BungeeShade;
	font-size:40px;
	line-height: 0.9;
	font-weight: 500;
	float:left;
	margin: 10px 5px 10px 15px;
}

.carousel-item .ttl-item-beneficio {
	float: left;
    margin: 5px 0 0 10px;
    width: 80%;
}

.item .fundoTituloGatilho .tituloBeneficio {
	width: 95%;
	display: flex;
	align-items: center;
	color: var(--cor-fonte-identidade);
}

.carousel-item .detalhes-beneficio p, .carousel-item .detalhes-beneficio em {
	margin: 15px;
}

.carousel-item .fundoTituloGatilho {
	width: 100%;
    background: var(--cor-fundo-identidade);
    position: relative;
}


#carousel-planos .carousel-control-prev, #carousel-planos .carousel-control-next { background:  var(--cor-fundo-identidade); opacity: unset !important; color: #0F0805;height: 55px; margin-top: 50%;width: 25px !important;} 
#carousel-beneficios .carousel-control-prev, #carousel-beneficios .carousel-control-next { background:  var(--cor-fundo-identidade); opacity: unset !important; color: #0F0805;height: 55px; margin-top: 30%;width: 25px !important;} 
.carousel-indicators { position: relative !important; } 
.carousel-indicators li { background-clip: unset !important; border-radius: 10px !important; background: #0F0805 !important; width: 20px !important; height: 0 !important; }
.conteudo-beneficio .carousel-item { width: 290px; }



#div-pergunta-socio-antigo { background: #0F0805; text-align: center; padding: 20px; height: 130px; }
#div-pergunta-socio-antigo p { font-weight: bold; color: white; font-size: 16px; margin-bottom: 20px; }
#div-pergunta-socio-antigo p span{ color:  var(--cor-fundo-identidade); }
#div-pergunta-socio-antigo button { width: 290px; }
.btn-logout-usuario-antigo {margin-bottom: 15px; color: var(--cor-fonte-identidade); }

.vlr-plano { font-size: 28px; font-weight: bold; }
.vlr-plano > span { font-size: 14px; font-weight: normal; }
.vlr-plano-desconto { font-size: 14px; display: block; color: #606271; }
.detalhes-plano { margin-bottom: 5%; }

#tituloPlanos, #tituloBeneficios { margin: 0 0 20px 20px; font-weight: bold; }
#subTituloBeneficios { margin: 0 0 20px 20px; }

.carousel-item .detalhes-beneficio {
	clear: both;
	float: left;
	margin: 0 0 10px 0;
}
.carousel-item .detalhes-beneficio h6{ font-weight: bold; }
.carousel-item .detalhes-beneficio em { font-size: 13px; }
.carousel-item .fundoGatilho { width: 130px; height: 61px; position: absolute; fill: #EFEFEF; } /* fundoGatilho */

.item-linha { 
	display: table;
	float: left;
	width: auto;
	margin: 0 20px 5px 0;
	width: 100%;
}

.item-linha-flex { display: flex; flex-flow: column wrap;  }

.item-linha-flex .div-email { display: flex; align-items: center; }
.item-linha-flex #labelOpSemEmail { margin: auto; cursor: pointer; user-select: none; }
.item-linha-flex input { width: 100%; }
.item-linha-flex > .telefone { width: 300px; }

.item-linha-modal-dependentes {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	margin-bottom: 10px;
}

.item-linha-modal-dependentes > .wrapper-valores { text-align: right; }
.item-linha-modal-dependentes > .wrapper-valores > .vlr-plano-desconto { font-size: 12px; }

.infosEmpresa .obg { display: none; }

.carousel-inner { display: flex; flex-wrap: wrap; position: static; }

.labOp { line-height: 16px; font-size: 14px;}
.resumo-plano { font-size: 14px;}

.resumo-plano strong{ float: left; }
.resumo-plano p{ float: right; font-size: 14px; }

.item-linha div { float: left; margin-right: 10px; }

.emblema_topo { width: 80%; height: 40%; margin-top: 1%; }

#carousel-planos .carousel-control-prev-icon, #carousel-beneficios .carousel-control-prev-icon {
    background-image: var(--carousel-icon-prev) !important;
}
#carousel-planos .carousel-control-next-icon, #carousel-beneficios .carousel-control-next-icon{
    background-image: var(--carousel-icon-next);
}

/* modal dependentes */
#modalSelecionarDependentesPlano .linhasSelecaoDependentesPlano { 
	max-height: 15rem; 
	overflow: hidden auto;
    float: left;
    margin: 0 20px 5px 0;
    width: 100%;
}
#divModalDependentesPlano { max-height: 100%; height: auto; max-width: 20rem; width: 100%; overflow: hidden auto;}
#divModalDependentesPlano .nomePanoModalAdicionarDependentes { display: inline-block; margin: 0; }
#modalSelecionarDependentesPlano { height: auto; max-width: 20rem; width: 100%; overflow: unset; }
#modalSelecionarDependentesPlano .vlr_dependente_plano { font-size: 16px; float: left; line-height: 40px; margin-left: 20px; width: 30%; }
#modalSelecionarDependentesPlano .vlr_dependente_selecionado { display:none; }
#modalSelecionarDependentesPlano .input-group-prepend { width: 40%; }
#modalSelecionarDependentesPlano h1 { float: left; margin-bottom: 20px; }
#modalSelecionarDependentesPlano h6 { margin-bottom: 15px; }
#modalSelecionarDependentesPlano p { font-size: 14px; }
#modalSelecionarDependentesPlano .input-group { margin-top: 10px; }
#modalSelecionarDependentesPlano .btn { margin-top: 15px; }
#modalSelecionarDependentesPlano em { float: left; font-size: 12px; font-weight: normal; }
#modalSelecionarDependentesPlano .detele-dependente { line-height: 1.3; margin-left: 10%; color: #0F0805; }
#modalSelecionarDependentesPlano .seleciona_dependente { border: solid 1px #d3d3d3; padding: 5px; margin: 0; font-size: 16px; height: 40px; background: #F1F1F1; border-radius: 2px; width: 100%; }
#modalSelecionarDependentesPlano .btnAdicionarDependentes { display: none; }
#modalSelecionarDependentesPlano .btnAdicionarMaisDependentes { display: inline-block; }

#div-pergunta-socio-antigo #perguntaVerificacaoUsuarioAntigo { font-size: 20px; }
#modalVerificarContaUsuarioAntigo { max-height: 100%; height: auto; width: 300px; overflow: unset; }
#divModalContaUsuarioAntigo { height: auto; max-width: 20rem; width: 100%; overflow: unset; }
#divModalContaUsuarioAntigo .formGroup { display: flex; flex-direction: column; margin: 10px 10px 10px 0;}
#divModalContaUsuarioAntigo h4 { font-style: normal; font-weight: bold; margin: 10px 10px 20px 0; }
#divModalContaUsuarioAntigo h5 { font-style: normal; font-weight: bold; font-size: 14px; line-height: 17px; }
#divModalContaUsuarioAntigo p { font-style: normal; font-weight: normal; font-size: 14px; line-height: 17px; }
#divModalContaUsuarioAntigo .msgPadraoUsuarioAntigo1 { margin-bottom: 5px; }
#divModalContaUsuarioAntigo .viewCadeirasMarcadas { margin: 10px 0 10px 0; max-height: 100px; overflow-y: auto;}
#divModalContaUsuarioAntigo .viewCadeiraMarcada { background: #F1F1F1; border: 1px solid #D4D4D4; box-sizing: border-box; border-radius: 2px; min-width: 40px; max-width: 200px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 17px; padding: 10px; margin: 0 10px 10px 0; display: inline-block; }
#divModalContaUsuarioAntigo .msgCadeirasMarcadasPosCadeirasUsuarioAntigo { margin-bottom:20px;}
#divModalContaUsuarioAntigo .msgRetornoUsuarioAntigo {display: none;}
#divModalContaUsuarioAntigo div.linkLoginMinhaEntrada { margin: 0 0 20px 0; }
#divModalContaUsuarioAntigo a.linkLoginMinhaEntrada { font-size: 14px; text-decoration: underline; }

#ui-datepicker-div { z-index: 100000000 !important; }

 .zmdi { cursor: pointer; color: #0F0805;}

.conteudo .label-escolher-lugar { margin-left: 3%; }

#mapa { display: none; }
#mapa .barraMapa { position: fixed; top: 0; left: 0; width: 100%; z-index: 2000; display: none; background: #FFF; }

#mapa .acaomapa { position: relative; display: block; margin-top: 130px; }
#mapa .cadeira { /*background-color: #8fc74c!important; */ position: absolute; z-index: 1000; cursor: pointer; }
#mapa .cadeira.mouseoverfixed { /*background-color: #a60000 !important;*/ }
#mapa #estadio { margin: 0 auto; width: 100%; }
#mapa .navegaMapaL { background: var(--cor-fundo-identidade); color: var(--cor-fonte-identidade); }
#mapa .navegaMapaR { background: var(--cor-fundo-identidade); color: var(--cor-fonte-identidade); }
#mapa .voltaMapa { background: var(--cor-fundo-identidade); color: var(--cor-fonte-identidade); }
#mapa #estadio { margin: 0 auto; width: 100%; }
section#mapa { width: 100%; margin-bottom: 50px; }

#mapa #legendaMapa { font-size: 12px; margin: 12px 0; }
#mapa #legendaMapa .zmdi { margin-left: 5px;}

#mapa .cadeira .dimensaoCadeira10 { font-size: 11px !important; }
#mapa .cadeira .dimensaoCadeira15 { font-size: 17px !important; }
#mapa .cadeira .dimensaoCadeira20 { font-size: 23px !important; }
#mapa .cadeira .dimensaoCadeira30 { font-size: 34px !important; }

#mapa .cadeira .zmdi-seat, #legendaMapa .zmdi { color: #C2C2C2; }
#mapa .cadeira .zmdi-seat.cadeiraDisponivel, #legendaMapa .zmdi.cadeiraDisponivel { color: #70A42F; }
#mapa .cadeira.mouseoverfixed .zmdi-seat, #legendaMapa .zmdi.cadeiraSelecionada { color: #6F2E98; }
#mapa .cadeira i:not(.cadeiraDisponivel) { cursor: default; }

.notifyjs-corner { z-index: 10000000000 !important; }
.notifyjs-container span { z-index: 10000000000 !important; }

.btn-voltar { background: none; font-weight: bold; text-align: right; padding: 10px 15px 10px 15px; float: right; font-size: 13px; }

/* fim */

a {
	font-size: 12px;
    font-weight: bold;
}

a:hover{
	color: #0F0805;
}

.titulo{
    width: 100%;
    float: left;
    margin: 20px 0;
    font-size: 16px;
}

#btn-login-identificacao, #btn-continuar-identificacao { max-width: 320px; margin-top: 20px; }
.div-login-identificacao, .div-continuar-identificacao { text-align: center; margin: 20px 0; }

/* modal login */
#modalLoginUsuario { height: auto; width: 300px; overflow: unset;}
#modalLoginUsuario h1 { text-align: center; }
#modalLoginUsuario .linkModal { float: right; margin: 5px 0 5px 0; text-decoration: underline; cursor:pointer; }
#modalLoginUsuario .btn-modal-verificar-conta-usuario-antigo { margin: 10px 0 10px 0; }
#modalLoginUsuario #loginEncontrado .hide{ display: none; }
/* fim */

#nome-usuario-login { 
	float: left;
    display: block;
    padding: 5px;
    margin-top: 17px;
    font-size: 14px;
	color: #fff;
	font-weight: bold;
}

#nome-usuario-login .min { display: none;}
#nome-usuario-login .max { display: unset;}

#login-principal { cursor: pointer;}
#login-principal:hover { text-decoration: underline;}
.cpDesabilitado { background-color: #ebebe4; }

#divDadosAcesso { display: none; }

/* pagamento */
#conteudoFormaPagamento .itemFormaPagamento { 
	border: 1px solid #0F0805;
    box-sizing: border-box;
    border-radius: 5px;
    height: 47px;
	padding: 8px;
	margin-bottom: 10px;
	max-width: 360px;
	width: 100%;
	float: left;
	margin-right: 10px;
}
#conteudoFormaPagamento .itemFormaPagamentoFlex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#conteudoFormaPagamento .itemFormaPagamento img { float: right; }
#conteudoFormaPagamento .itemFormaPagamento label { margin-top: 7px; }
#conteudoCondicoesPagamento .conteudoOpcoesTipoPagamento .itemCondicaoPagamentoSelecionado { background: var(--cor-fundo-identidade); color: var(--cor-fonte-identidade); }
#conteudoCondicoesPagamento .conteudoOpcoesTipoPagamento .itemCondicaoPagamento { 
	font-weight: bold;
    border-radius: 20px;
    padding: 10px;
    float: left;
    margin-right: 10px;
	font-size: 14px;
	cursor: pointer;
}
.conteudoOpCondicaoPagamento {
	float: left;
    width: 100%;
    margin-top: 20px;
}

.conteudoOpCondicaoPagamento p{ float: left;}
.conteudoOpCondicaoPagamento { display: none; }

.conteudoOpCondicaoPagamento .msgEconomia{ font-weight: bold; }

.conteudoOpCondicaoPagamento .opcoesPagamento .valorAntigo{ text-decoration: line-through; }
.conteudoOpCondicaoPagamento .opcoesPagamento { 
	float: left;
	max-width: 720px;
	width: calc(100% - 22px);
    border: 1px solid #0f0805;
    border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
}

.parcelasPagamento { display: none; float: left; width: 100%; }
.parcelasPagamento label { font-weight: normal; }

.conteudoOpCondicaoPagamentoSelecionado { display: unset; }
#conteudoDadosPagamento { display: none; }
#conteudoDadosPagamento .itemForm input { max-width: 720px;}
#conteudoDadosPagamento .itemForm select { max-width: 200px;}
#conteudoDadosPagamento .itemForm .select2-container { width: 100% !important; }
#conteudoDadosPagamento .item-linha{width: calc(100% - 23px);}

#conteudoDadosPagamentoDebitoAutomatico { display: none; }

#btnContinuarPagamento { width: 320px; margin: 10px 0;}
#btnContinuarPagamento.op-processando { background: #e4e1e1 !important; cursor: progress; border-color: #e4e1e1 !important; }

.dadosCartao { width: 100%; max-width: 200px; }
.dadosCartaoSeguranca { width: 100%; max-width: 175px; }

.conteudoTermosCondicoes label{ font-weight: normal; }
.conteudoTermosCondicoes a{ font-size: 14px; }
/* fim */

#conteudoRetornoCompra span{ font-size: 14px; }
#conteudoRetornoCompra #ingressosPedido{ margin-left: 20px; }
.opBoleto { display: none;}
.fontNormal { font-weight: normal;}
.opContratacao {
	float: left;
    max-width: 720px;
    width: 100%;
    border: 1px solid #0f0805;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}

.valorComAlteracaoDia10, .valorComAlteracaoDia5, .valorCortesia, .parcelaCortesia, .valorAcrescimoDia5, .valorAcrescimoDia10 { display: none;}

#conteudoPendenciaFinanceira .alerta i { color: #FFB300; margin-right: 10px; }
#conteudoPendenciaFinanceira .alerta span { font-weight: bold; font-size: 16px; }
#conteudoPendenciaFinanceira .itemPendenciaFinanceira { 
	float: left;
    max-width: 720px;
    width: 100%;
    border: 1px solid #0f0805;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
 }

.zmdi-print { float: right;}

#centroConteudo .item-linha>label { font-size: 12px; margin-bottom: 0px; }
#statusCompra { margin-bottom: 20px; font-size: 20px; }
#rodapeConteudo {
	margin: 20px 0;
	display: flex;
	align-items: center;
}
#rodapeConteudo > a:first-of-type { margin-right: 15px; }
#labelImprimirBoleto { display: none; }

#alerta-pedido-aprovacao {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding: 15px;
    margin: 0 20px 20px 0;
}

.titulo_plano { font-size: 18px; }

.overflow-hidden-modal { overflow: hidden !important; position: relative; }

/* ADICIONAR DESCONTO NA COMPRA POR PDV */

#conteudoAdicionarDesconto { 
	display: none ;
	float: left;
    max-width: 720px;
    width: 100%;
    border: 1px solid #0f0805;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}
.abrirAdicionarDesconto { font-weight: bold; float: left; font-size: 14px; cursor: pointer; }
.abrirAdicionarDesconto em { font-size: 0.8em; color: #a9a9a9; font-weight: normal; }
.opAdicionarDesconto { margin: 10px 0 10px 0; display: table; width: 100%; display: none; }

#conteudoAdicionarDesconto .form-descontos-parcelas input {box-sizing : border-box;}
#conteudoAdicionarDesconto .form-descontos-parcelas, .form-descontos-parcelas > .group-fields { display: block; width: 100%; height: 100%; }
#conteudoAdicionarDesconto .group-fields .double-field { display: block; width: 100%; margin: 0 0 20px 0; }
#conteudoAdicionarDesconto .group-fields > .form-field > * { width: 50%; }
#conteudoAdicionarDesconto .group-fields > .form-field { margin-bottom: 20px; }
#conteudoAdicionarDesconto .form-field { height: 100%; }
#conteudoAdicionarDesconto .form-field > * {display: inline-block; }
#conteudoAdicionarDesconto .form-field > .double-field { margin: 0; }
#conteudoAdicionarDesconto .form-field > label { margin: 0 0 10px 0; }
#conteudoAdicionarDesconto .form-descontos-parcelas .left-field { margin-right: 10px; }
#conteudoAdicionarDesconto .group-fields .double-field > .form-field > * { display: block; }
#conteudoAdicionarDesconto .group-fields > .double-field > .form-field { width: calc(50% - 8px); }
#conteudoAdicionarDesconto .group-fields .double-field > *, .radio-field > *, .group-fields .double-field > .radio-field, .group-fields .double-field .radio-field { display: inline-block; }
#conteudoAdicionarDesconto .radio-field .input-option:before { border: 1px solid #d4d4d4; content: "\00a0"; display: inline-block; height: 16px; width: 16px; border-radius: 10px; margin-right: 10px; }
#conteudoAdicionarDesconto .form-field .integratedLabelInput > * { display: inline-block }
#conteudoAdicionarDesconto .form-field .integratedLabelInput > .integratedLabel { height: 25px; float: left; width: calc(20% - 1px); border: 1px solid #9c9c9c; border-right: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; text-align: center; font-weight: bold; line-height: 25px;cursor: pointer; }
#conteudoAdicionarDesconto .form-field .integratedLabelInput > .integratedLabel > label { width: 100%; font-weight: bold; }
#conteudoAdicionarDesconto .form-field .integratedLabelInput > input { width: 60%; }

.option-disabled:before { 
	border: 1px solid #A1A1A1; 
	background-color: #A1A1A1; 
	content: "\00a0"; 
	display: inline-block; 
	height: 16px; 
	width: 16px; 
	border-radius: 10px; 
	margin-right: 10px;
}

.mrgr_20 { margin-right: 20px !important;}
.valor-sem-desconto { text-decoration: line-through; color:#888583; }

#itemDescontomensal-1_-1 { background: #F1F1F1; padding: 10px; border-radius: 5px; font-size: 14px; margin-bottom:30px; }

@media (max-width : 1000px) {
	div#conteudoTermosPlanos { width: 80%; margin: 0 auto; }
	section.first{
		width:40%;
	}
	section{
		width:50%;
	}
	
	section#home aside{
		width:80%;
	}

	/* carousel */
	.carousel-inner { display: unset; flex-wrap: unset; }
	.carousel-indicators, .carousel-control-next, .carousel-control-prev { display: flex; }
	.carousel-item { 
		display: none; 
		width: 90%;
		margin-left: 5%;
	}
	.carousel.pointer-event { touch-action: pan-y; }
	.conteudo-beneficio .carousel-item { width: 90%; height: 208px; }

	.active { display: block; }

	.conteudo { padding: 5% 0; }
	#conteudoIndentificacao, #conteudoPagamento { padding:20px; background: white;}
	#div-pergunta-socio-antigo button { width: 90%; }

	.bg { display: none; }

	.btn-verificar-conta { margin-bottom: 15px; color: var(--cor-fonte-identidade); }
	.itemForm { width: 100%; }
	.item-linha .telefone { width: 100%; }
	header div#topoMe img{ height:20px; }
	.topo-login { float: right; margin-right: 20px; }
	header div#topoMe a, header div#topoMe span{ margin-top: 10px; }
	#nome-usuario-login .min { display: unset;}
	#nome-usuario-login .max { display: none;}

	#conteudoFormaPagamento .itemFormaPagamento { width: 100%; }
	#conteudoOpCondicaoPagamentoFidelidade .opcoesPagamentoFidelidade { width: 100%; }
	#btnContinuarPagamento { width: 100%; }
	.dadosCartao, .dadosCartaoSeguranca  { max-width: 100%; }
}

@media (max-width : 870px) {

	#conteudoBoleto { display: none; }
	#imprimirBoletoPlano { display: contents; }
	#labelImprimirBoleto { display: inline-block; color: #6F2E98; }
	#div-pergunta-socio-antigo { height: 160px; }

}

@media (max-width : 730px) {
	#mapa button { padding:10px 20px; }

	#conteudoRetornoCompra { padding-left: 20px;}

	section#cadastro aside {
		float: left;
		width: 90%;
		margin-right: 2%;
	}
	
	section#cadastro aside li, section#cadastro aside li.m1, section#cadastro aside li.m3{
		width: 90%;
		
	}
	
	.uniforme{
		width:80%
	}
	.eTitular{
		padding-top:40px
	}
	
	/* carousel */
	.carousel-inner { display: unset; flex-wrap: unset; }
	.carousel-indicators, .carousel-control-next, .carousel-control-prev { display: flex; }
	.carousel-item { 
		display: none; 
		width: 90%;
		margin-left: 5%;
	}
	.carousel.pointer-event { touch-action: pan-y; }
	.conteudo-beneficio .carousel-item { width: 90%; height: 208px; }

	.active { display: block; }

	.conteudo { margin: 5% 0; }
	#conteudoIndentificacao, #conteudoPagamento { padding:20px; }
	#div-pergunta-socio-antigo { height: 160px; }
	#div-pergunta-socio-antigo button { width: 90%; }

	.bg { display: none; }

	.btn-verificar-conta { margin-bottom: 15px; }
	.itemForm { width: 100%; }
	.item-linha .telefone { width: 100%; }
	header div#topoMe img{ height:20px; }
	.topo-login { float: right; margin-right: 20px; }
	header div#topoMe a, header div#topoMe span{ margin-top: 10px; }
	#nome-usuario-login .min { display: unset;}
	#nome-usuario-login .max { display: none;}

	#conteudoFormaPagamento .itemFormaPagamento { width: 100%; }
	#conteudoOpCondicaoPagamentoFidelidade .opcoesPagamentoFidelidade { width: 100%; }
	#btnContinuarPagamento { width: 100%; }
	.dadosCartao, .dadosCartaoSeguranca  { max-width: 100%; }
}

@media (max-width : 560px) {
	#mapa button { padding:10px 20px; }

	section.first{
		width:100%;
	}
	section{
		width:100%;
	}
	
	section#home aside{
		width:90%;
	}


	section#home button{
		position:relative;
		clear:both;
		margin-left:20px;
	}
	
	/* carousel */
	.carousel-inner { display: unset; flex-wrap: unset; }
	.carousel-indicators, .carousel-control-next, .carousel-control-prev { display: flex; }
	.carousel-item { 
		display: none; 
		width: 90%;
		margin-left: 5%;
	}
	.carousel.pointer-event { touch-action: pan-y; }
	.conteudo-beneficio .carousel-item { width: 90%; height: 208px; }

	.active { display: block; }

	.conteudo { margin: 5% 0; }
	#conteudoIndentificacao, #conteudoPagamento { padding:20px; }
	#div-pergunta-socio-antigo { height: 180px; }
	#div-pergunta-socio-antigo button { width: 90%; }

	.bg { display: none; }

	.btn-verificar-conta { margin-bottom: 15px; }
	.itemForm { width: 100%; }
	.item-linha .telefone { width: 100%; }
	header div#topoMe img{ height:20px; }
	.topo-login { float: right; margin-right: 20px; }
	header div#topoMe a, header div#topoMe span{ margin-top: 10px; }
	#nome-usuario-login .min { display: unset;}
	#nome-usuario-login .max { display: none;}
	
	#conteudoFormaPagamento .itemFormaPagamento { width: 100%; }
	#conteudoOpCondicaoPagamentoFidelidade .opcoesPagamentoFidelidade { width: 100%; }
	#btnContinuarPagamento { width: 100%; }
	.dadosCartao, .dadosCartaoSeguranca  { max-width: 100%; }

	#modalLoginUsuario { width: fit-content; vertical-align: top; }
}

@media (max-width : 420px) {
	#mapa button { padding:10px 20px; }

	header{
		height:150px;
	}

	header .logo{
		width:100%;
		
	}
	header .emblema{
		width:45px;
		margin-right:10px;
		margin-top:20px;
	}
	
	/* carousel */
	.carousel-inner { display: unset; flex-wrap: unset; }
	.carousel-indicators, .carousel-control-next, .carousel-control-prev { display: flex; }
	.carousel-item { 
		display: none; 
		width: 90%;
		margin-left: 5%;
	}

	.carousel.pointer-event { touch-action: pan-y; }
	.conteudo-beneficio .carousel-item { width: 90%; height: 208px;}

	.active { display: block; }

	.conteudo { margin: 5% 0; }
	#conteudoIndentificacao, #conteudoPagamento { padding:20px; }
	#div-pergunta-socio-antigo { height: 230px; }
	#div-pergunta-socio-antigo button { width: 90%; }

	.bg { display: none; }

	.btn-verificar-conta { margin-bottom: 15px; }
	.itemForm { width: 100%; }
	.item-linha .telefone { width: 100%; }
	header div#topoMe img{ height:20px; }
	.topo-login { float: right; margin-right: 20px; }
	header div#topoMe a, header div#topoMe span{ margin-top: 10px; }
	#nome-usuario-login .min { display: unset;}
	#nome-usuario-login .max { display: none;}
	
	#conteudoFormaPagamento .itemFormaPagamento { width: 100%; }
	#conteudoOpCondicaoPagamentoFidelidade .opcoesPagamentoFidelidade { width: 100%; }
	#btnContinuarPagamento { width: 100%; }
	.dadosCartao, .dadosCartaoSeguranca  { max-width: 100%; }
}

@media (min-width : 1000px) {
	#mapa button { padding:10px 20px; }

	.carousel-indicators, .carousel-control-next, .carousel-control-prev { display: none !important; }
}

@media print {
	.no-print, header, footer { display: none; }
	#conteudoBoleto { display: block; }
}