/*
	--- Versionamento ---
	11/09/2018 - Andrey - spaninput
	07/02/2019 - César - Mudança das fontes para Helvetica, Verdana
	22/02/2019 - César - Voltar ao topo sem redirecionamento para outros sites
	04/02/2020 - Karine - Alterado exibição dos eventos
	14/02/2020 - Karine - Alteração na formatação dos formulários para editar o evento, deixando responsivo
	17/02/2020 - Karine - Alterado layout da tela de login
	27/02/2020 - Karine - Alterações em grupo_campos para deixar tela de cadastro de usuários responsivo
	28/02/2020 - Karine - Adicionado div para deixar a tabela da tela de participantes de evento responsiva
	02/03/2020 - Karine - Retirado display: grid do id logado_meio, para deixar as telas responsivas
	03/03/2020 - Karine - menu mobile
	04/03/2020 - Karine - reduzir cabeçalho
	13/03/2020 - Karine - display flex no body, para que o rodapé fique fixo no fim da página
	02/04/2020 - Karine - Alterado cor do texto na div erro_senha
	26/07/2021 - Karine - Mensagem LGPD
	17/06/2022 - Yan - margin-left e right no .panel
	23/06/2022 - Yan - Criaçao do css para exclusão de imagens em editar evento
	28/09/2022 - Yan - Alinhamento das imagens de fundo do certificado e botão para visualizar prévia do certificado.
	31/01/2024 - Stéfano - Criação do css para alert-sucesso e alert-erro.
	--- Fim Versionamento ---
*/

@font-face {
	font-family: "Roboto";
	src: url("/Fontes/Roboto-Regular.ttf");
	margin: 0;
}
.icone{
	width: 18px;
	height: 18px;
}

.panel{
	background-color: #DDD;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #AAA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing: inherit;
}

.formulario{
	background-color: #DDD;
	border: 1px solid #AAA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 2%;
	padding-bottom: 2%;
}
.table-responsive {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}  
#titulos{
	font-weight: bold !important;
	font-size: 17px !important;
}

#erro{
	padding: 10px;
	border: 1px solid #FF6868;
	color: red;
	background-color:#FFD8DC;
	width: 50%;
	margin: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	margin-bottom: 1%;
}

#boas_vindas{
	font-size: 13px;
}



#spaninput{
    border: 1px solid #555;
    padding: 3px;
    background-color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 5px;
}

#titulo_pagina{
	font-size: 26px;
	color: #000;
	padding-bottom: 2%;

}

#titulo_pagina > a{
	color: #000;
}


body{
	font-size: 16px;
	font-family: "Roboto";
	margin: 0px;
	display: flex;
/*	justify-content: space-between;*/
	flex-direction: column;
	height: 100%;
}

#cabecalho{
	color: #FFF;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	position: relative;
    display: flex;
    flex-wrap: wrap;
	-ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.68),0 1px 5px 0 rgba(0,0,0,.68);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
	padding-left: 10px;
}
.brasao{
	width: 120px;
	text-align:center;
}
@media (max-width: 992px){
	.brasao >img{
		height: 60px;
		text-align:center;
	}
	#cabecalho{
		font-size: 16px;
	}
}


#rodape{
	float: left;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	width: 100%;
	margin-top: 30px;
	padding-right: 0px;
	padding-top: 15px;
	padding-bottom: 15px;

}

#meio{
	min-height: 200px;
	padding: 10px;
	width: 100%;
	/* display:table; */
}


#grupo_campos{
	background-color: #EEE;
	padding: 10px;
	margin: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #CCC;
}

#grupo_campos > span{
	font-weight: bold;
	font-size: 15px;
	display: block;
}

@media (max-width: 400px) {
	#gravar{
		width: 200px;
	}

}
#inline > div{ 
	display: inline-block;

}

#sucesso > a{
	color: #00F;
	text-decoration: none;
}

#sucesso > a:hover{
	color: #00F;
	text-decoration: underline;
}


#sucesso{
	font-weight: bold;
	text-align: center;
	background-color: #BAE9FF;
	color: #00F;
	border: 1px solid #68C0F3;
	padding: 10px;
	margin: 10px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#problema{
	font-weight: bold;
	text-align: center;
	background-color: #FFBBBA;
	color: #F00;
	border: 1px solid #E43B31;
	padding: 20px;
	margin: 10px;
	font-size: 15px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#problema > a{
	color: #F00;
	text-decoration: none;
}

#problema > a:hover{
	color: #F00;
	text-decoration: underline;
}


#logado_menu_esquerdo{
	display: grid;
	float: left;
	width:100%;
	vertical-align: top;
}

#logado_meio{
	/* display: grid; */
	float: right;
	width:100%;
	vertical-align: top;
}

#logado_menu_esquerdo > div{
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 7px;
	font-size: 18px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* inicio menu mobile*/
/* mobile icone */
.hamburger-menu {
	display: inline-block;
	padding: 9px 8px;
	transition: all 0.3s ease-in-out;
	display: block;
	position: absolute;
} 
.hamburger-menu:hover {
	  cursor: pointer;
	}
  

.hamburger-menu .menu-item {
    background: black;
    display: block;
    height: 3px;
    margin: 0 0 6px;
    transition: all 0.3s ease-in-out;
	width: 30px;
	border-radius: 5px;
  }
    
.hamburger-menu.open .menu-item {
	margin: 0 0 5px;
}

.hamburger-menu.open .menu-item:nth-child(1){
        transform: rotate(45deg);
        transform-origin: 0px;
}

.hamburger-menu.open .menu-item:nth-child(2){
	opacity: 0;
}

.hamburger-menu.open .menu-item:nth-child(3) {       
	transform: rotate(-45deg);
	transform-origin: 7px;
}
/* fim mobile icone */

#mobile{
	display: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 5px;
	width: 100%;
	height: 40px;
}
#mobile #logado_menu_itens {
	display: none;
  }
  #logado_menu_itens{
	display: grid;
	float: left;
	width:100%;
	vertical-align: top;
  }
  #logado_menu_itens > div{
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 7px;
	font-size: 18px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  }

#mobile a.icon {
	display: block;
	position: absolute;

}

#mobile > div {
	padding-top: 40px;
	text-decoration: none;
	display: block;
}

@media (max-width: 992px) {
	#logado_menu_esquerdo > div{
		display: none;
	}
	#mobile{
		display: block;
	}

}

/* fim menu mobile*/

a{
	text-decoration: none;
	color: blue;
}

a:hover{
	text-decoration: underline;
}

#chamada_publica_evento{
	background-color: #FFF;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin-top: 20px;
}

#chamada_publica_evento > div{
	font-size: 16px;
}

/*
	Destaque
*/
#chamada_publica_evento > div > span{
	font-size: 18px;
	font-weight: bold;
}



#aguardando_confirmacao{
	padding: 20px;
	background-color: #FFF7C6;
	color: #555;
	font-weight: bold;
	font-size: 15px;
	margin: 20px;


	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}

#obrigatorio{
	color: #F00;

}

#grupo_dado_evento{
	border: 1px solid #ccc;
	background-color: #EEE;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	padding: 20px;
	margin-bottom: 20px;

}

#lsi{
	color: #F00;
	border: 1px solid F99;
	background-color: #FFD2D2;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#grupo_campos_dinamicos{
	background-color: #EEE;
	padding: 10px;
	margin: 10px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}




#dados_ficha_impressao{
	background-color: #EEE;
	padding: 10px;
	margin: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #CCC;
}

#dados_ficha_impressao > span{
	font-weight: bold;
	font-size: 15px;
	display: block;
}

#dados_ficha_impressao > div{
	display: inline-block;
}

#dados_ficha_impressao > div  div:nth-child(2){
	border: 1px solid #555;
	padding: 3px;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#barra_logado{
	background-color: #000;
	color: #FFF;
	font-size: 12px;
	text-align:right;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#grade_programacao_evento{
	margin: auto;

}

#grade_programacao_evento  th{
	background-color: #000;
	color: #FFF;
	margin: 2px;
	padding: 2px;
}

#grade_programacao_evento td{
	padding-left: 5px;
	padding-right: 5px;
}

#grade_programacao_evento tr:nth-child(odd){
	background-color: #DDD;
	color: #000;
	margin: 2px;
	padding: 2px;
}

#panel td{
	padding: 10px;
}

#panel{
	margin: auto;
	background-color: #EEE;
}

/*voltar ao topo*/

button.back-to-top{
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
	height: 0px;
  width: 0px;
  overflow: hidden;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
  color: transparent;
	clear: both;
  visibility: hidden;
  position: fixed;
  cursor: pointer;
  display: block;
  border: none;
  right: 50px;
	bottom: 75px;
  font-size: 0px;
  outline: 0 !important;
  z-index: 99;
  transition: all .3s ease-in-out;
}
button.back-to-top:hover,
button.back-to-top:active,
button.back-to-top:focus {
	outline: 0 !important;
}
button.back-to-top::before {
  content:url(/Imagens/seta_cima.png);
  display: block;
  vertical-align: middle;
  margin: -5px 0 auto;
}
button.back-to-top.show {
  display: block;
  background: #fff;
  color: #000000;
  font-size: 25px;
  right: 25px;
  bottom: 50px;
  height: 50px;
  width: 50px;
  visibility: visible;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
}
button.back-to-top.show:active {
  box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
}


/*-------------GRID-------------*/

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container-evento {
	width: 100%;
	padding-right: 3%;
	padding-left: 3%;
	margin-right: auto;
	margin-left: auto;
  }
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}


.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}


.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto{
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }


}


/* Quando a tela estiver com menos que 600px, as fontes da tela Principal irão reduzir */
@media (max-width: 600px) {
	#EVtexto{
		font-size: 18px;

	}
}



/* Formulário para editar evento */


.form-group {
	margin-bottom: 1rem;
  }
  
#btn{
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-end;
}

#btn-salvar{
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	font-family: "Roboto";
}
.form-limite{
	display: block;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	font-family: "Roboto";
}


.mr-sm-2{
	margin-right: 0.5rem !important;
}

.mb-2{
	margin-bottom: 0.5rem !important;
}

.form-inline {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-align: center;
	align-items: center;

}

.form-inline .form-check {
	width: 100%;
}

  @media (min-width: 576px) {
	.form-inline label {
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-align: center;
	  align-items: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  margin-bottom: 0;
	}
	.form-inline .form-group {
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex: 0 0 auto;
	  flex: 0 0 auto;
	  -ms-flex-flow: row wrap;
	  flex-flow: row wrap;
	  -ms-flex-align: center;
	  align-items: center;
	  margin-bottom: 0;
	}
	.form-inline .form-control {
	  display: inline-block;
	  width: auto;
	  vertical-align: middle;
	}
	.form-inline .form-control-plaintext {
	  display: inline-block;
	}
	.form-inline .input-group,
	.form-inline .custom-select {
	  width: auto;
	}
	.form-inline .form-check {
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-align: center;
	  align-items: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  width: auto;
	  padding-left: 0;
	}
	.form-inline .form-check-input {
	  position: relative;	
	  -ms-flex-negative: 0;
	  flex-shrink: 0;
	  margin-top: 0;
	  margin-right: 0.25rem;
	  margin-left: 0;
	}
	.form-inline .custom-control {
	  -ms-flex-align: center;
	  align-items: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	}
	.form-inline .custom-control-label {
	  margin-bottom: 0;
	}
  }

  .campo-form{
	  margin: 10px;
  }

/* Fim formulário para editar evento */

/* Página de editar evento */

.imgs-arquivos-evento{
	justify-content: center;
	display: flex;
	flex-wrap: wrap!important;
}

.imgs-arquivos-evento .img-unica{
	position: relative;
	margin: 0 0 15px 0;
}

.imgs-arquivos-evento .img-unica img{
	margin: 0 0 15px 15px;
}

.imgs-arquivos-evento .img-unica span{
	position: absolute;
	right: -10px;
	top: -10px;
	padding: 1px 5px;
	text-align: center;
	background-color: #a30000;
	color: #fff;
	font-size: 20px;
	border-radius: 50%;
	cursor: pointer;
}

.imgs-arquivos-evento .img-unica span i{
	font-style: normal!important;
}

.imgs-arquivos-evento .img-unica p{
	margin: 0 0 20px 20px!important;
}

.visualizar-arquivo-html a{
	padding: 5px 10px;
	background-color: #303f9f;
	color:#fff;
	border: none!important;
	cursor: pointer;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	text-decoration: none!important;
}

.visualizar-arquivo-html a i{
	font-size: 26px;
	font-weight: bolder;
	margin-left: 10px;
	font-style: normal!important;
	display: flex;
	align-items: center;
}

.visualizar-arquivo-html a:hover{
	background-color: #051059;
}

/*FIm página de editar evento  */



/* Tela de Login */


  /**
   * Fundo
   */

   .container-area{
	display: flex;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	padding-top: 5%;
	padding-bottom: 5%;
	padding-left: 15%;
	padding-right: 15%;

 }

 .area_opcoes-container {
   position: relative;
   width: 100%;
 }

  .area_opcoes-fundo {
	width: 100%;
	border-radius: 3px;
	height: 100%;
  }

  /**
   * Cadastro
   */

  .area_opcoes-cadastar {
	width: 50%;
	padding: 3%;
	height: 100%;
	position: relative;
  }


  .area_cadastar-titulo {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
  }

  .cad-button {
	display: flex;
	-webkit-box-pack: justify;
		justify-content: center;

  }

  .area_cadastar-botao {
	padding: 10px 30px;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 3px;
  	background-color: transparent;
	cursor: pointer;
  }




  /**
   * Área de login
   */
  .area_cadastar-form {
	position: absolute;
	top: 50%;
	left: 3%;
	width: calc(50% - 30px);
	min-height: 130%;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 2px 0 15px rgba(0, 0, 0, 0.25);
	transform: translate3d(100%, -50%, 0);

  }

  .area_cadastar-form .area_form-login {

	width: calc(100% - 70px);
	height: 100%;
	position: absolute;
	left: 30px;
}


.form_fieldset{
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
}

.erro_senha{
	font-size: 11px;
	font-weight: bold;
	color: red;
}

.area_cadastar-form .form_titulo {
	font-size: 23px;
	text-transform: uppercase;
	color: #000;
	margin-top: 20px;
	margin-bottom: 5px;
}


  .form_field-input{
	background-color: transparent;
	padding: 0;
	border: 0;
	outline: 0;
  }
  .area_cadastar-form .form_field-input {
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 6px;
	font-size: 15px;
	color: #000;
  }

  .area_cadastar-form .form_buttons {
	display: flex;
	-webkit-box-pack: justify;
			justify-content: space-between;
	-webkit-box-align: center;
			align-items: center;
	margin-top: 20px;
  }
  .area_cadastar-form .form_buttons-validar {
	display: flex;
	-webkit-box-pack: justify;
			justify-content: space-between;
	-webkit-box-align: center;
			align-items: center;
  }
  .area_cadastar-form .form_buttons-senha {
	color: #000;
	cursor: pointer;
	padding: 0;
	border: 0;
	outline: 0;
	background-color: #fff;
  }

  .area_cadastar-form .form_buttons-login {
	background-color: #fff;
	border-radius: 3px;
	padding: 7px 30px;
	color: #000;
	text-transform: uppercase;
	cursor: pointer;
  }


  /**
   * Responsivo 990px
   */
  @media screen and (max-width: 940px) and (min-width: 520px) {
	  .container-area{
		  padding: 5%;
	  }
	.area_cadastar-form {
	  min-height: 130%;
	  left: 45px;
	}
	.area_cadastar-form .form_buttons {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
			  flex-direction: column;
		margin-top: 10px;
	}
	.area_cadastar-form .form_buttons-validar {
		-webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
			  flex-direction: column;
	}
	.area_cadastar-form .area_form-login{
		top: 2%;

	}
	.area_cadastar-form .form_titulo{
		font-size: 17px;
	}
	.area_cadastar-titulo{
		font-size: 17px;
	}
	.area_cadastar-form .form_field-input{
		padding: 0px;
	}
	.area_cadastar-form .form_buttons-login{
		padding: 3px 23px;
	}

  }


@media screen and (max-width: 520px) {
	.area_opcoes-cadastar{
		width: 100%;
		padding: 2%;
		height: 100%;
		position: relative;
	}
	.cad-button {
		display: flex;
		-webkit-box-pack: justify;
			justify-content: center;

	  }
	.area_cadastar-botao{
		padding: 3px 10px;
		text-transform: uppercase;
		letter-spacing: 0px;
	}
	.area_cadastar-form{
		position: relative;
		width: 100%;
		min-height: 100%;
		background-color: #fff;
		box-shadow: 2px 0 15px rgba(0, 0, 0, 0.25);
		transform: translate3d(0%, -0%, 0);
		left: 0px;
		top: 0px;
	}
	.area_cadastar-form .form_titulo{
		font-size: 15px;
	}
	.area_cadastar-form .area_form-login{
		width: calc(100% - 70px);
		height: 100%;
		position: relative;
		top: 0px;
		padding-top: 5px;
	}
	.area_cadastar-form .form_buttons{
		-webkit-box-orient: vertical;
	 	-webkit-box-direction: normal;
			flex-direction: column;
		margin-top: 2%;
		padding-bottom: 10px;
	}
	.area_cadastar-form .form_buttons-validar{
		-webkit-box-orient: vertical;
	 	-webkit-box-direction: normal;
			flex-direction: column;
		padding-bottom: 10px;
	}
}

/* Fim Tela de Login */



/* Cards da tela principal  dos Eventos e da tela Minhas inscrições*/

.card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color:
	#fff;
	background-clip: border-box;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
  	transition: 0.3s;
	border: none;
	margin-bottom: 20px;
	margin: 7px;
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
  }


.card-body {
	min-height: 15px;
	padding: 15px;
  }

  .card-title {
	margin-bottom: 5px;
	margin-top: 0;
  }


  .card-text:last-child,  .card-text{
	margin: 0;
  }

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

.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
  }
   
  .btn:hover {
	text-decoration: none;
  }
  
  .btn-primary {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
  }
  
  .btn-primary:hover {
	color: #fff;
	background-color: #0069d9;
	border-color: #0062cc;
  }
 
/* Fim dos cards */


/* Tela de detalhes do evento */

.imagem{
	display: flex;
	justify-content: center;

}
.imagem >img{
	max-height: 400px;

}

.voltar{
	display: flex;
	text-align: left;
}

/* Fim detalhes do evento */


  
  /* Participantes votação */
.content {
	display: none; 
	overflow: hidden;
}



/* LGPD */


.cookie_container{
	z-index: 999;
	padding: 15px 15px 15px 15px;
	background-color:#fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.61);
	border: solid 1px #eeeeee;
	position: fixed;
	bottom: 0px;
	display: none;
	bottom: 15px;
	left: 15px;
	right: 15px;
	display: block;
}
.cookieConteudo{
	display: flex;
	justify-content: space-between;
}
.cookieDesc{
	display: flex;
	align-items: center;
	font-size: 12px;
}
.cookie_container .cookieDesc p{
	margin: 0;
	padding: 0;
	color: #000;
	display: block;
}
.cookie_container .cookieDesc a{
	color:#000;
	text-decoration:underline;
}
.cookie_container .cookieButton a{
	display: inline-block;
	color: #fff;
	font-weight: bold;
	background: #000;
	padding: 15px 15px;
	text-align: center;
	transition: background .3s;
	text-decoration: none;
	font-size: 12px;
}
.cookie_container .cookieButton a:hover{
	cursor: pointer;
	background: #3e9b67;
	text-decoration: none;
}
@media (max-width:980px){
	.cookieConteudo{
		display: flex;
		flex-direction: column;
	}
	.cookieButton{
		display: flex;
		justify-content: center;
		margin-top: 10px;
	}
	.cookie_container .cookieButton a{
		width: 100%;
	}
}

.alert-sucesso {
	position: fixed;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #d4edda;
	color: #155724;
	padding: 10px 20px;
	border: 1px solid #c3e6cb;
	border-radius: 8px;
	cursor: pointer;
}

.alert-erro {
	position: fixed;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #f8d7da;
	color: #721c24;
	padding: 10px 20px;
	border: 1px solid #f5c6cb;
	border-radius: 8px;
	cursor: pointer;
}