@charset "utf-8";

/***********************************************************************************************
						ENQUETE
/**********************************************************************************************/
.enquete .resposta_enquete label { display: block; padding: 15px 10px; padding-left: 40px; cursor: pointer; position: relative; }
.enquete .resposta_enquete label .icone_img_enquete { display: inline-block; vertical-align: baseline; line-height: inherit; margin-left: 10px; }
.enquete .resposta_enquete label::before { content: ""; width: 22px; height: 22px; position: absolute; top: 50%; left: 10px; margin-top: -11px; pointer-events: none; }
.enquete .resposta_enquete input { position: absolute; top: 50%; left: 15px; z-index: 0; margin-top: -7px; opacity: 0; }
.enquete .resposta_enquete svg { width: 22px; height: 22px; stroke-dashoffset: -35; position: absolute; top: 50%; left: 16px; margin-top: -12px; pointer-events: none; stroke: inherit; transition: .2s ease-out; }
.enquete .resposta_enquete input:checked ~ svg { stroke-dashoffset: 0; }
/* CAMPOS VALIDAÇÃO */
.enquete .campo_validacao { width: 50%; display: inline-block; vertical-align: top; padding: 5px; }
.enquete .campo_validacao label { display: none; }
.enquete .campo_validacao input { width: 100%; height: 40px; cursor: pointer; padding: 10px; }
.enquete .campo_validacao input:focus { cursor: text; }
.enquete .area_captcha { margin: 15px 0; }


/***********************************************************************************************
						LISTAGEM
/**********************************************************************************************/
#swe_enquetes .area_enquetes .cont_enquetes { margin: 10px auto; }
#swe_enquetes .area_enquetes .cont_enquetes .area_titulo_enquetes { font-size: 13px; color: #646468; font-family: "Lato"; font-style: italic; font-weight: 300; text-transform: uppercase; letter-spacing: 1.5px; position: relative; overflow: hidden; margin-bottom: 10px; text-align: center; }
#swe_enquetes .area_enquetes .cont_enquetes .area_titulo_enquetes span { position: relative; display: inline-block; padding: 5px 20px; }
#swe_enquetes .area_enquetes .cont_enquetes .area_titulo_enquetes span:before,
#swe_enquetes .area_enquetes .cont_enquetes .area_titulo_enquetes span:after { content: ""; width: 50vw; height: 1px; position: absolute; top: 50%; left: 100%; background: rgba(0,0,0,.075); }
#swe_enquetes .area_enquetes .cont_enquetes .area_titulo_enquetes span:after { left: auto; right: 100%; }

#swe_enquetes .area_enquetes .cont_enquetes .enquete { padding: 25px 15px; background: #fff; border-radius: 8px; margin-bottom: 4%; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete:last-child { margin-bottom: 0; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_pergunta_enquete { background: rgba(180, 190, 200, .25); padding: 25px 10px; padding-top: 30px; border-radius: 6px; font-size: 15px; color: #47474b; font-weight: bold; text-align: center; position: relative; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_pergunta_enquete .icone_enquete { width: 40px; height: 40px; line-height: 40px; font-size: 40px; color: #899198; position: absolute; top: -17px; left: 20px; z-index: 0; text-align: center; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_pergunta_enquete div { position: relative; z-index: 1; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_datas_enquete { text-align: center; margin: 20px 0; font-size: 0; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_datas_enquete .data_enquete { display: inline-block; margin: 5px; padding: 7px 10px; background: #fff; border: solid 1px rgba(0,0,0,.075); border-radius: 5px; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_datas_enquete .data_enquete .titulo_data { display: inline-block; vertical-align: middle; font-size: 11px; color: #555; text-transform: uppercase; font-weight: bold; letter-spacing: -.5px; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_datas_enquete .data_enquete .titulo_data .swfa { font-size: 13px; vertical-align: baseline; margin-right: 3px; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_datas_enquete .data_enquete .descricao_data { display: inline-block; vertical-align: middle; font-size: 14px; color: #75757b; font-weight: 500; margin-left: 7px; }

/* RESULTADO */
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_resultado_enquete { text-align: left; font-size: 0; padding: 15px 10px; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,.085); }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_resultado_enquete .titulo_resultado_enquete { text-align: center; margin: 10px 0; font-size: 20px; color: #47474b; font-weight: 600; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_resultado_enquete .resultado_enquete { width: 50%; display: inline-block; vertical-align: top; padding: 7px 10px; position: relative; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_resultado_enquete .resultado_enquete .info_resultado_enquete { font-size: 15px; color: #555; font-weight: bold; margin-bottom: 5px; letter-spacing: -.5px; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_resultado_enquete .resultado_enquete .info_resultado_enquete .icone_img_enquete { margin-left: 5px; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_resultado_enquete .resultado_enquete .grafico_resultado_enquete { width: 100%; height: 40px; line-height: 40px; border-radius: 5px; overflow: hidden; position: relative; font-size: 0; background: rgba(180, 190, 200, .35); white-space: nowrap; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_resultado_enquete .resultado_enquete .grafico_resultado_enquete:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background: linear-gradient(-70deg, transparent 30%, rgba(0,0,0,.015) 30%, rgba(0,0,0,.015) 70%, transparent 70%) repeat-x; background-size: 50px; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_resultado_enquete .resultado_enquete .grafico_resultado_enquete div { min-width: 40px; height: 100%; line-height: inherit; z-index: 1; display: inline-block; vertical-align: middle; font-size: 14px; color: #fff; font-weight: bold; text-align: center; overflow: hidden; text-shadow: 0px 0px 10px rgba(0,0,0,.25); transform-origin: left; animation: resultado_enquete 1s ease both; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_resultado_enquete .resultado_enquete .grafico_resultado_enquete span { display: block; position: relative; z-index: 1; animation: resultado_enquete_span 1s ease both; }
/* ZERADA */
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_resultado_enquete .resultado_enquete_zero .grafico_resultado_enquete div { background: none; color: #444; text-shadow: none; }
/* VENCEDORA */
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_resultado_enquete .info_resultado_vencedora { width: 40px; height: 40px; line-height: 40px; position: absolute; top: 10px; right: 25px; background: #5352ed; font-size: 17px; color: #ffd746; text-align: center; border-radius: 100%; cursor: pointer; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_resultado_enquete .info_resultado_vencedora span { position: relative; z-index: 1; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_resultado_enquete .info_resultado_vencedora:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: inherit; border-radius: inherit; animation: enquete_vencedora 2s .5s infinite ease; }
@keyframes resultado_enquete { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes enquete_vencedora { 0% { transform: scale(.5); opacity: 1; } 75%, 100% { transform: scale(2); opacity: 0; } }

/* VOTAÇÃO */
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_votar_enquete { max-width: 800px; margin: auto; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_votar_enquete .area_respostas_enquete { overflow-x: auto; background: rgba(180, 190, 200, .1); font-size: 0; overflow-y: auto; border-radius: 8px; padding: 10px; margin-bottom: 20px; box-shadow: inset 0 0 30px rgba(0,0,0,.025); }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_votar_enquete .area_respostas_enquete .resposta_enquete { width: 50%; display: inline-block; vertical-align: top; position: relative; border: 0; }
/* FORMULÁRIO */
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_votar_enquete .area_campos_validacao { font-size: 0; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_votar_enquete .area_campos_validacao input { border: solid 1px #e6e9ed; border-radius: 2px; background: #fff; transition: .1s ease; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_votar_enquete .area_campos_validacao input:hover { border-color: #dddfe2; }
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_votar_enquete .area_campos_validacao input:focus { border-color: #999; }
/* BOTÃO */
#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_votar_enquete .btn_votar { height: 65px; display: block; margin: auto; }

/* BOTÃO VER MAIS */
#swe_enquetes .area_enquetes .cont_enquetes .btn_ver_mais { text-align: center; background: linear-gradient(#f0f2f4, #fff); border-radius: 4px; height: 40px; line-height: 40px; margin-top: 10px; width: 100%; cursor: pointer; }
#swe_enquetes .area_enquetes .cont_enquetes .btn_ver_mais span{ font-size: 13px; color: #636b73; }
#swe_enquetes .area_enquetes .cont_enquetes .btn_ver_mais:hover span { color: #5878ff; vertical-align: middle; }
#swe_enquetes .area_enquetes .cont_enquetes .btn_ver_mais .swfa{ margin-right: 5px; font-size: 15px;}


/***********************************************************************************************
						MEDIAS
/**********************************************************************************************/
@media (max-width: 600px) {

	#swe_enquetes .area_enquetes .cont_enquetes .area_listagem_enquetes .enquete .area_datas_enquete .data_enquete { min-width: 80%; }
	
	/* RESULTADO */
	#swe_enquetes .area_enquetes .cont_enquetes .area_listagem_enquetes .enquete .area_resultado_enquete .resultado_enquete { width: auto; display: block; }

	/* RESPOSTA */
	#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_votar_enquete .area_respostas_enquete { padding: 5px; }
	#swe_enquetes .area_enquetes .cont_enquetes .enquete .area_votar_enquete .area_respostas_enquete .resposta_enquete { width: 100%; }
	/* CAMPOS VALIDAÇÃO */
	.enquete .campo_validacao { width: 100%; max-width: none; }

}