/*tela consulta user*/
.links_paginacao:hover
{
color: darkblue;
text-decoration: underline;
}

.exibe_pesquisa
{
height:18;
font-family: Tahoma, Verdana, Arial;
font-size: 14px;
color:black;
}

.titulos_mensagem
{
font-family: Tahoma, Verdana, Arial;
font-size: 14px;
color: black;
background-color: white;
}

.titulos_registros
{
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
color: white;
background-color: #7979F2;
border:2px solid #444; 
}

.titulos_registros_vm
{
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: DarkGray;
background-color: #B40404;
border:2px solid #444 
}

.exibe_registros
{
font-family: Tahoma, Verdana, Arial;
font-size: 14px;
width: 100%;
color: black;
background-color: aliceblue;
}

.exibe_registros_vm
{
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
width: 100%;
color: red;
background-color: aliceblue;
}

.exibe_registros_az
{
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
width: 100%;
color: blue;
background-color: aliceblue;
}

.exibe_destaque_az
{
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
width: 100%;
color: blue;
background-color: DarkGray;
}

.exibe_registros_vd
{
font-family: Tahoma, Verdana, Arial;
font-size: 13px;
width: 100%;
color: green;
background-color: aliceblue;
}

.campo_alerta
{
ont-family: Tahoma, Verdana, Arial;
font-size: 13px;
border: 1px solid black;
background-color: #FFC125;
}

.campos_formulario
{
font-family: Tahoma, Verdana, Arial;
font-size: 15px;
color: black;
background-color: aliceblue;
height: 30px;
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 5px;
}

.campo_principal
{
font-family: Tahoma, Verdana, Arial;
font-size: 16px;
color: black;
background-color: aliceblue;
height: 40px;
width: 320px;
border: none;
-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 12px;
}

.campos_formulario_prn
{
font-family: Tahoma, Verdana, Arial;
font-size: 13px;
color: black;
background-color: DarkGray;
bgcolor: #D2D2D2;
bordercolor: #000000;
bordercolorlight: #000000;
}

.campos_vazio_prn
{
font-family: Tahoma, Verdana, Arial;
font-size: 14px;
color: DarkGray;
background-color: DarkGray;
bgcolor: DarkGray;
bordercolor: DarkGray;
bordercolorlight: DarkGray;
}

.texto_pagina
{
font-family: Tahoma, Verdana, Arial;
font-size: 14px;
color: dimgray;
background-color: white;
}

.tabela_cadastro
{
color: white;
background-color: #7979F2;
font-family: Tahoma, Verdana, Arial;
font-weight: normal;
font-size: 16px;
line-height: 30px;
margin: 15px 0 40px 0;
height: 20px;
border: 1px solid darkblue;
text-align: center;
vertical-align: middle;
}

.tabela_indice
{
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
color: DarkGray;
background-color: darkblue;
}

.tabela_paginacao
{
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
width: 100%;
color: white;
border-top: 1px solid black;
border-bottom: 1px solid black;
background-color: #003399;
}

.titulo_campos
{
background-color: white;
}

.titulo_campos_vh
{
background-color: #6B1617;
}

.titulo_campos_prn
{
Font-family: Tahoma, Verdana, Arial;
color: black;
background-color: DarkGray;
font-size: 14px;
}

.botao_enviar
{
font-family: Tahoma, Verdana, Arial;
font-size: 15px;
color: white;
background-color: #43c944;
height:35
}

*{
	margin:auto;
	padding:0;
}

header{
	margin-top: 100px;	width: 100%;
	height: 50px;
	top: 0;
	left: 0;
	background-color: #5b859a;
	position: fixed;
}

.menu_icon{
	position: fixed;
	font-size: 25px;
	font-weight: bold;
	padding: 5px;
	width: 40px;
	height: 40px;
	text-align: center;
	background-color: #FFD700;
	color: #5b859a;
	cursor: pointer;
	transition: all .4s;
	left: 300px;
	top: 0;
}

.menu_icon:hover{
	background: #FFD700;
	color:#FFD700;
}

#main {
	width: 100%;
	align-content: center;
	float:right;
	text-align: center;
}

.menu{
	height: 100%;
	position: fixed;
	background-color: #1D67CD;
	top: 116px;
	overflow: hidden;
	transition: all .2s;
}

#principal{
	width: 200px;
}

ul {
	list-style: none;
}
ul li a{
	display: block;
	font-size: 18px;
	font-family: Tahoma, Verdana, Arial;
	padding: 10px;
	border-bottom: solid 10px;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	transition: all .2s;
}

ul li span{
	float: right;
	padding-right: 10px;
}

ul li a:hover{
	background-color: #FFD700;
}

.voltar{
	margin-top: 10px;
	background-color: #FFD700;
	border-left: solid 5px #FFD700;
}

.bg{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	background-color: rgba(0,0,0,.6);
	display: none;
}

#perfil{
	width: 180px;
	left: -180px;
}

#perfil:target{
	transform: translateX(180px);
	box-shadow: 2px, 2px, 5px, 2px, rgba(0,0,0,.5);
}

.titulo_area
{
color: whitesmoke;
background-color: #7979F2;
font-family: Tahoma, Verdana, Arial;
font-weight: normal;
font-size: 35px;
line-height: 50px;
margin: 50px 0 40px 0;
height: 100px;
width: 350px;
border: 1px solid darkblue;
text-align: center;
}

.titulo_box
{
color: whitesmoke;
background-color: darkblue;
font-family: Tahoma, Verdana, Arial;
font-weight: normal;
font-size: 14px;
line-height: 30px;
margin: 50px 0 40px 0;
height: 50px;
width: 350px;
border: 1px solid darkblue;
text-align: center;
}

.titulo_copyright
{
color: white;
background-color: darkblue;
font-family: Tahoma, Verdana, Arial;
font-weight: normal;
font-size: 12px;
margin: 50px 0 40px 0;
height: 20px;
width: 350px;
border: 1px solid darkblue;
text-align: center;
}

.titulo_meio
{
color: whitesmoke;
background-color: darkblue;
font-family: Tahoma, Verdana, Arial;
font-weight: normal;
font-size: 20px;
line-height: 50px;
height: 50px;
width: 350px;
border: 1px solid darkblue;
text-align: center;
}

.botao_titulo_enviar
{
font-family: Tahoma, Verdana, Arial;
font-size: 18px;
color: White;
background-color: #4bc74b;
height: 40px;
width: 200px;
border: none;
-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 12px;
}

.botao_titulo_detalhes
{
font-family: Tahoma, Verdana, Arial;
font-size: 20px;
color: DarkGray;
background-color: black;
height: 40px;
width: 279px;
border: none;
-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 12px;
}

.circle {
	width: 60px;               /* Tamanho do circle */
	height: 60px;              /* Mesmo valor da largura para um círculo perfeito */
	border-radius: 50%;        /* Torna o container redondo */
	overflow: hidden;          /* Esconde as partes da imagem fora do círculo */
	display: flex;             /* Ajuda no posicionamento da imagem */
	justify-content: center;   /* Centraliza horizontalmente */
	align-items: center;       /* Centraliza verticalmente */
	background-color: #f0f0f0; /* Cor de fundo caso a imagem não carregue */
  }
  
  .circle img {
	width: 100%;               /* A imagem preenche o container */
	height: 100%;              /* A imagem preenche o container */
	object-fit: cover;         /* Mantém a proporção e cobre a área */
  }

  .iframe-container {
	width: 100%;
	/*max-width: 790px;*/
	margin: 0 auto;
}

#responsive-iframe {
	width: 100%;
	min-height: 300px; /* Altura mínima inicial */
	border: 0;
}
/*Retirar o sublinhado ao ter hiperlink*/
a:link
{
text-decoration:none;
}

.button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: white;
    background-color: #4CAF50; /* Cor verde */
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.button:hover {
    background-color: #45a049; /* Cor verde escuro ao passar o mouse */
}