@charset "utf-8";
/* CSS Document */

body {
	width:100vw;
	height:100vh;
}

input:focus {
	outline:none;
}

default-cadastro-content {
	width:100vw;
	background-color:none;
	margin:0 auto;
	position:absolute;
	top:20vh;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: stretch;
}

cadastro {
	/* basic styling */
    width:60vw;
	background-color:rgba(250,250,250,.8);
	padding:1vh;
	border-radius:2vh;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: stretch;
}

cadastro > div  {
	border:1px solid #c3c3c3;
	border-radius:0.3vw;
	margin:0 0 0.5vh 0;
	flex:0 1 100%;
	background-color: #fff;
}

cadastro > div:nth-child(1){order: 0; flex: 0 1 100%; background:none; text-align:center; border:none;}/*titulo*/
cadastro > div:nth-child(2){order: 0; flex: 0 1 100%;}/*nome*/
cadastro > div:nth-child(3),/*rg*/
cadastro > div:nth-child(4),/*cpf*/
cadastro > div:nth-child(5),/*id funcional*/
cadastro > div:nth-child(6){order: 0; flex: 0 1 24%; background-color:#fef4a5;}/*matricula*/

cadastro > div:nth-child(7),/*cargo*/
cadastro > div:nth-child(8){order: 0; flex: 0 1 49%; background-color:#fef4a5;}/*funcao*/

cadastro > div:nth-child(9){order: 0; flex: 0 1 100%; background-color:#fef4a5;}/*orgao*/

cadastro > div:nth-child(10),/*setor*/
cadastro > div:nth-child(11),/*secao*/
cadastro > div:nth-child(12){order: 0; flex: 0 1 33%;background-color:#fef4a5;}/*lotacao*/

cadastro > div:nth-child(13),/*orgao de Origem*/
cadastro > div:nth-child(14){order: 0; flex: 0 1 49%;}/*local de origem*/

cadastro > div:nth-child(15),/*email*/
cadastro > div:nth-child(16),/*grau instrucao*/
cadastro > div:nth-child(17){order: 0; flex: 0 1 33%;}/*dtn*/

cadastro > div:nth-child(18),/*mae*/
cadastro > div:nth-child(19){order: 0; flex: 0 1 49%;}/*pai*/

cadastro > div:nth-child(20),/*Estado*/
cadastro > div:nth-child(21){order: 0; flex: 0 1 49%;}/*Municipio*/

cadastro > div:nth-child(22){order: 0; flex: 0 1 33%;}/*login*/
cadastro > div:nth-child(23){order: 0; flex: 0 1 33%;}/*senha*/
cadastro > div:nth-child(24){order: 0; flex: 0 1 33%;}/*csenha*/
cadastro > div:nth-child(25){order: 0; flex: 0 1 100%; background:none; border:none; text-align:center;}/*submit*/

cadastro > span {
	width:32%;
	margin:0;
	padding:0;
	border-radius:0.3vw;
}

cadastro legend {
    display: inline-flex;
    padding:0.5vh;
    margin:0;
	font-size:0.6vw;
	font-weight:bold;
	background-color: transparent;
	color:#4573a2;
	text-shadow:none;
}

cadastro p {
	color:#4573a2;
	font-size:1.5vw;
}

.toggle-password {
	position: absolute;
	right: 10px; /* Posição do ícone à direita */
	top: 50%;
	transform: translateY(-50%); /* Centraliza verticalmente */
	cursor: pointer;
	color: #888;
	font-size: 1.2em; /* Tamanho do ícone */
	user-select: none; /* Impede seleção de texto no ícone */
}
.toggle-password:hover {
	color: #333;
}

cadastro input[type="text"], input[type="email"]{
	width:96%;
	/*height:2vh;*/
    margin:0 0 0 .5vh;
	font-size: 2vh;
	padding:.5vh;
	/*margin:.5vw .5vw 0 1vw;*/
	border: none;
	background-color: transparent;
	/*outline: none;*/
}

cadastro input[type="password"] {
	width:95%;
	/*height:2vh;*/
    margin:0 0 0 .5vh;
	font-size: 0.9vmax;
	padding:.5vh;
	/*margin:.5vw .5vw 0 1vw;*/
	border: none;
	background-color: transparent;
	/*outline: none;*/
}

cadastro input[type="submit"]{
	display:block;
	background-color:#4285f4;
	color:white;
	font-size:1vw;
	line-height:2vmin;
	border-radius:.5vw;
	height:5vh;
	width:auto;
	text-align:center;
}

cadastro input::placeholder {
  color:#929292;
}

cadastro input[name="usernome"]{
	text-transform:uppercase;
}

.form-group {
	margin-bottom: 15px;
}
label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}
.password-container {
	width: 90%;
	position: relative; /* Essencial para posicionar o ícone/botão */
	display: inline-block; /* Para que o input não ocupe 100% da largura do pai */
	border-radius: 0.3vw;
	border: 1px solid #ccc;
}  
 
.no-pointer-events .custom-select:after {
    content: none;
}

/********************************************************************************************/

#alerta{
    width:100%;
	height:100%;
    top:0px;
    left:0px;
    z-index: 999;
    background-color: rgba(250,250,250,0.7);
    position:fixed;
	padding:15px 50px;
    cursor:pointer;
	/*essas propriedades são opicionais*/
	font-family: 'trebuchet ms';
	font-size: 18px;

	/*crossbrowser opacity*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;

	/*uma pequena sombra para que seja possível destacar o alrta do resto da página*/
	-moz-box-shadow: 0px 2px 2px #888;
	-webkit-box-shadow: 0px 2px 2px #888;
	box-shadow: 0px 2px 2px #888;
}

#alerta span {
	position:absolute;
	left:40%;
	top:40%;
	margin: -100px 0 0 -160px;
	text-align:center;
	vertical-align:middle;	
	color:#000;
	font-size:200%;
}


.tooltip {
	display:none;
	position:absolute;
	border:1px solid #fff;
	/*background-color:#161616;*/
	/*background:url(/Images/PNG/fndmenublck.png) repeat;*/
	background-color:rgba(0,70,187,0.7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius:5px;
	padding:1vh;
	color:#fff;
}

/* for Webkit's CSS-only solution */
@media screen and (max-width: 80vmax) {

body {
	width:100vw;
	height:100vh;
}

input:focus {
	outline:none;
}


default-cadastro-content {
	width:100vw;
	background-color:none;
	margin:0 auto;
	position:absolute;
	top:8%;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: stretch;
}

cadastro {
	/* basic styling */
    width:90vw;
	background-color:rgba(250,250,250,.8);
	padding:1vh;
	border-radius:2vh;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: stretch;
}

cadastro > div  {
	border:1px solid #c3c3c3;
	border-radius:1vh;
	margin:0.5vh;
	/*min-height:52px;*/
	/*height:6vh;*/
	background:#FFEFD5;
	flex:0 1 100%;
	/*text-align:left;*/
}

cadastro > span {
	width:95%;
	display:block;
	margin:0;
	padding:0;
	/*background-color:#fff;*/
	/*border:.3vh solid /*#4285f4; #fff;*/
	border-radius:1vh;
	clear:both;
}

cadastro > div:nth-child(1){order: 0; flex: 0 1 100%; background:#fff; text-align:center; border:none;}/*titulo*/
cadastro > div:nth-child(2){order: 0; flex: 0 1 100%;}/*nome*/
cadastro > div:nth-child(3),/*rg*/
cadastro > div:nth-child(4){order: 0; flex: 0 1 47%;}/*cpf*/
cadastro > div:nth-child(5){order: 0; flex: 0 1 100%; background-color:#fef4a5;}/*gh*/
cadastro > div:nth-child(6){order: 0; flex: 0 1 100%; text-align:left; background-color:#fef4a5;}/*opm*/
cadastro > div:nth-child(7){order: 0; flex: 0 1 100%; text-align:left; background-color:#FFEFD5;}/*setor*/
cadastro > div:nth-child(8){order: 0; flex: 0 1 100%; text-align:left; background-color:#FFEFD5;}/*setor*/
cadastro > div:nth-child(9){order: 0; flex: 0 1 100%;}/*funcao*/
cadastro > div:nth-child(10){order: 0; flex: 0 1 100%;}/*email*/
cadastro > div:nth-child(11),/*tel fixo*/
cadastro > div:nth-child(12){order: 0; flex: 0 1 47%;}/*celular*/
cadastro > div:nth-child(13),/*nextel*/
cadastro > div:nth-child(14){order: 0; flex: 0 1 47%;}/*id*/
cadastro > div:nth-child(15),/*login*/
cadastro > div:nth-child(16),/*senha*/
cadastro > div:nth-child(17){order: 0; flex: 0 1 100%;}/*senha*/
cadastro > div:nth-child(18){order: 0; flex: 0 1 100%; background:none; border:none; text-align:center;}/*submit*/


cadastro input {
	width:96%;
	padding:.2vw;
	line-height: normal;
	background:none;
	font-size:12px;
	border:none;
}

cadastro input::placeholder {
  color:#929292;
  font-size: 12px;
}

cadastro input[name="usernome"]{
	text-transform:uppercase;
}

cadastro input[type="submit"]{
	background-color:#4285f4;
	color:white;
	font-size:2.5vh;
	border-radius:1vh;
	height:5vh;
	padding:1vh;
}

cadastro legend {
	padding-left:0.5vw;
	padding-top:0.4vh;
	font-size:1.2vh;
	font-weight:bold;
	border:none;
	color:#4573a2;
	text-shadow:none;
}

cadastro p {
	color:#4573a2;
	font-size:3vh;
	text-shadow:none;
}


cadastro select{
	background-color:#4285f4;
	font-size:2.5vh;
	line-height:normal;
	border-radius:.5vw;
	height:5vh;
	width:auto;
	text-align:center;
}
}

#alerta{
    width:100%;
	height:100%;
    top:0px;
    left:0px;
    z-index: 999;
    background-color: rgba(250,250,250,0.7);
    position:fixed;
	padding:15px 50px;
    cursor:pointer;
	/*essas propriedades são opicionais*/
	font-family: 'trebuchet ms';
	font-size: 18px;

	/*crossbrowser opacity*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;

	/*uma pequena sombra para que seja possível destacar o alrta do resto da página*/
	-moz-box-shadow: 0px 2px 2px #888;
	-webkit-box-shadow: 0px 2px 2px #888;
	box-shadow: 0px 2px 2px #888;
}

#alerta span {
	position:absolute;
	left:40%;
	top:40%;
	margin: -100px 0 0 -160px;
	text-align:center;
	vertical-align:middle;	
	color:#000;
	font-size:200%;
}

.error-message {
	color: red;
	font-size: 0.9em;
	margin-top: 5px;
}

/* --- Estilos para o Overlay de Erro --- */
.overlay {
	position: fixed; /* Fixa o overlay na tela */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7); /* Fundo preto opaco */
	display: flex; /* Para centralizar o conteúdo */
	justify-content: center; /* Centraliza horizontalmente */
	align-items: center; /* Centraliza verticalmente */
	z-index: 1000; /* Garante que fique por cima de tudo */
	display: none; /* Inicia oculto */
}
.overlay-content {
	background-color: #fff;
	padding: 30px;
	border-radius: 8px;
	text-align: center;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	max-width: 400px;
	position: relative; /* Para posicionar o botão de fechar */
}
.overlay-message {
	font-size: 1.2em;
	color: #333;
	margin-bottom: 20px;
}
.close-button {
	background-color: #f44336;
	color: white;
	border: none;
	padding: 8px 15px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 1em;
	position: absolute; /* Para posicionar no canto */
	top: 10px;
	right: 10px;
}

.close-button:hover {
	background-color: #da190b;
}