/* GERAL
================================================== */
:root{
	--amarelo: #fbc12a;
	--azul: #343f4f;
}

.btn-pill,
.lista_questionarios,
a{
	-webkit-transition: all 300ms ease !important;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease !important;-o-transition: all 300ms ease !important;transition: all 300ms ease !important;
}

.display-none{display: none;}

.btn-pill{
	display: inline-block;
	padding: 3px 25px;
	border-radius: 100px;

	color: var(--azul);
	background: var(--amarelo);

	font-weight: 700;
	text-decoration: none;
	font-size: 15px;
	border: none;
}

.btn-pill i{
	margin-right: 5px;
	font-size: 14px;
}

.btn-pill:hover{
	transform: scale(1.1);
	color: var(--azul);
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.page-header-intro{
	font-size: 16px;
	text-transform: uppercase;
	color: #404040;
	letter-spacing: 1px;
}

.page-header-intro i{
	color: var(--amarelo);
	margin-right: 5px;
}

.hr{
	display: block;
	width: 60%;
	max-width: 200px;
	height: 4px !important;
	border: none;
	border-radius: 100px;
	background: var(--amarelo);

	opacity: 1 !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

.cta_animacao{
	position: relative;
	animation: scale 0.8s infinite linear;
	animation-direction: alternate;
}

.cta_animacao::after {
	content: '';
	width: 30px; height: 30px;
	border-radius: 100%;
	border: 6px solid #343f4f;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: ring 2.5s infinite linear;
	pointer-events: none;
}

.cta_animacao::before {
	content: '';
	width: 30px; height: 30px;
	border-radius: 100%;
	border: 6px solid #343f4f;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: ring2 2.5s infinite linear;
	pointer-events: none;
}

@keyframes scale {
	0% {
		transform: scale(.95);
	}
	100% {
		transform: scale(1);
	}
}


@keyframes ring {
	0% {
		width: 30px;
		height: 30px;
		opacity: 1;
	}
	25% {
		width: 300px;
		height: 300px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes ring2 {
	0% {
		width: 30px;
		height: 30px;
		opacity: 1;
	}
	45% {
		width: 300px;
		height: 300px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

/* FORM
================================================== */
input:-webkit-autofill{-webkit-box-shadow: inset 0 0 0px 9999px #f1f2f2}
input, .form-control{font-weight: 600 !important;}
input[type="submit"]{font-weight: 700 !important;}

/* RODAPE
================================================== */
.footer a{color: #343f4f;}

/* DASHBOARD
================================================== */
.lista_questionarios{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;

	background: #fff;

	margin-bottom: 25px;
	padding: 8px 10px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.lista_questionarios.selected{background: var(--azul); border-radius: 100px;}
.lista_questionarios.selected p{color: #fff;}

.lista_questionarios p{
	font-weight: 600;
	margin: 0;
	padding-right: 20px;
}

/* QUESTIONARIO
================================================== */
.container_questionario{padding: 0;}
.barra-progresso .progress{border-radius: 100px;}
.page-header-questionario{padding: 0;}
.questionario_td_explicacao{width: 180px;}

.table_questionario .table-intro,
.table_questionario .table-intro td,
.table-pill .table-dark td,
.table_questionario .table-dark{border-top: none;border-bottom: none;vertical-align: middle;}

.table_questionario .table-dark td:first-child,
.table-pill .table-dark td:first-child{border-radius: 100px 0 0 100px;}

.table_questionario .table-dark td:last-child,
.table-pill .table-dark td:last-child{border-radius:0 100px 100px 0;}

.table_questionario .table-intro td{padding: 25px  20px  60px 20px;}
.table_questionario .table-intro {position: relative;bottom: -35px;}

.table_questionario .table-dark{position: relative;z-index: 9;}

.table_questionario .table-button{background: transparent;}

.table_questionario .table-button:hover,
.table_questionario .table-button.active{background-color: #87a5d2;}

.table-questions td{padding: 30px 30px;}
.table-questions td:first-child{font-size: 22px;}
.table-questions td p{margin-bottom: 0;}
.scale0:hover{transform: scale(1.0) !important;}

.progress-btn:hover{
	color: #fff;
	transform: scale(1.2);
}

.table-questions.error{background: #ffcdcd;}
.analise-column-title{text-decoration: none;}
.analise-column-title_bt{margin: 0;}

.efeito_tabela{position: relative;}

.efeito_bg_tabela{
	display: block;

	background: #e2e3e5;
	position: absolute;
	top: 35px;
	right:0;left: 0;
	margin:0 auto;
}


/* PAGAMENTO
================================================== */
.pagamento_valor{
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.pagamento_valor p{
	margin: 0;
	font-size: 26px;
	font-weight: 600;
}

.aplicar_cupom{
	display: flex;
	justify-content: center;
}

.aplicar_cupom *{margin: 0;}

.aplicar_cupom input{height: 45px;}
.aplicar_cupom input[type="text"]{border-radius: 100px 0 0 100px;}
.aplicar_cupom input[type="submit"]{border-radius:0 100px 100px 0;}

#btn-selecionar-bandeira{justify-content: center;}

.finalizar_compra_bts form{margin: 5px;}

.form_aplicar_cupom_desconto{
	margin-top: 30px;
}