/* Conteiner que carrega o formulario */

.DivFormContainer
{
	width: 90%;
	margin: 5px;
	text-transform: none;
}



/* Aba de titulo do quadro */
.QuadroAba
{
	background-image: linear-gradient(to bottom, #FFFFFF, #DDD);
	border: 1px solid #000000;
	width: 250px;
	height: 25px;
	margin-bottom: 0px;
	/*text-transform: uppercase;*/
	border-radius: 2px;
}



/* Texto dentro da Aba */
.TextoQuadroAba
{
	width: 100%;
	height: 100%;
	color: #000;
	font-family: 'Montserrat', "Saira", Geneva, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	margin-left: 5px;
	display: flex;
	flex-direction: row;
	/*justify-content: center;
	text-transform: uppercase;*/
	align-items: center;
}

/* Quadro com borda */
.QuadroCampos
{
	border: 1px solid #000000; 
	width: 100%;
	border-radius: 2px;
}

/* Label de cada campo do formulario */
.DivLabel
{
	float: left;
	width: 150px;
	color: #0000FF;
	font-family: 'Montserrat', "Saira", Geneva, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	/*text-transform: uppercase;*/
}

/* Tamanho do formulario */
.DivForm
{
	/*float: left;*/
	width: 85%;
}

/* Campo para numero de documentos */
.CampoDocumento
{
	width: 150px;
	height: 22px;
	font-family: 'Comfortaa', Muli, Geneva, sans-serif;
	font-size: 10pt;
	/*text-transform: uppercase;*/
}

/* Campo para nome */
.CampoNome
{
	width: 350px;
	height: 22px;
	font-family: 'Comfortaa', Muli, Geneva, sans-serif;
	font-size: 10pt;
	/*text-transform: uppercase;*/
}

/* Campo para numero de telefone */
.CampoFone
{
	width: 130px;
	height: 22px;
	font-family: 'Comfortaa', Muli, Geneva, sans-serif;
	font-size: 10pt;
	/*text-transform: uppercase;*/
}

/* Campo para numero de cep */
.CampoCep
{
	width: 100px;
	height: 22px;
	font-family: 'Comfortaa', Muli, Geneva, sans-serif;
	font-size: 10pt;
	/*text-transform: uppercase;*/
}

/* Campo para bairro */
.CampoBairro
{
	width: 250px;
	height: 22px;
	font-family: 'Comfortaa', Muli, Geneva, sans-serif;
	font-size: 10pt;
	/*text-transform: uppercase;*/
}

/* Campo para nome de cidade */
.CampoCidade
{
	width: 250px;
	height: 22px;
	font-family: 'Comfortaa', Muli, Geneva, sans-serif;
	font-size: 10pt;
	/*text-transform: uppercase;*/
}

/* Campo para descrever endereço */
.CampoEndereco
{
	width: 350px;
	height: 22px;
	font-family: 'Comfortaa', Muli, Geneva, sans-serif;
	font-size: 10pt;
	/*text-transform: uppercase;*/
}

/* Campo para numero de endereco */
.CampoNumeroEndereco
{
	width: 50px;
	height: 22px;
	font-family: 'Comfortaa', Muli, Geneva, sans-serif;
	font-size: 10pt;
	/*text-transform: uppercase;*/
}

/* Campo para coloca UF */
.CampoUf
{
	height: 22px;
	font-family: 'Comfortaa', Muli, Geneva, sans-serif;
	font-size: 10pt;
	/*text-transform: uppercase;*/
}

/* Campo para informar email */
.CampoEmail
{
	width: 350px;
	height: 22px;
	font-family: 'Comfortaa', Muli, Geneva, sans-serif;
	font-size: 10pt;
}

/* Campo para informar email */
.CampoValor
{
	width: 100px;
	height: 22px;
	font-family: 'Comfortaa', Muli, Geneva, sans-serif;
	font-size: 10pt;
	/*text-transform: uppercase;*/
}

/* Campo para informar data */
.CampoData
{
	width: 150px;
	height: 22px;
	font-family: 'Comfortaa', Muli, Geneva, sans-serif;
	font-size: 10pt;
}

.CampoTextArea
{
	width: 100%;
	height: 80px;
	font-family: 'Comfortaa', Muli, Geneva, sans-serif;
	font-size: 10pt;
	/*text-transform: uppercase;*/
}


.CampoSelected
{
	width: 300px;
	height: 22px;
	font-family: 'Comfortaa', Muli, Geneva, sans-serif;
	font-size: 10pt;
	/*text-transform: uppercase;*/
}

.CampoSelectedUf
{
	width: 50px;
	height: 22px;
	font-family: 'Comfortaa', Muli, Geneva, sans-serif;
	font-size: 10pt;
	/*text-transform: uppercase;*/
}



.Botao
{
	background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: linear-gradient(to bottom, #3D94F6, #1E62D0);
	color: #FFFFFF;
	text-shadow: 1px 1px 20px #000000;
    text-decoration: none;
	height: 25px;
	width: 100px;
	margin: 2px;
	border-radius: 5px;
	cursor: pointer;
	font-family: 'Comfortaa', "Saira", Geneva, sans-serif;
	font-size: 9pt;
	border: solid #337FED 1px;
}

.Botao:hover
{
	background-image: linear-gradient(to bottom, #FFFFFF, #7C94B5);
	background-image: -webkit-linear-gradient(top, #FFFFFF, #7C94B5);
    background-image: -moz-linear-gradient(top, #FFFFFF, #7C94B5);
    background-image: -ms-linear-gradient(top, #FFFFFF, #7C94B5);
    background-image: -o-linear-gradient(top, #FFFFFF, #7C94B5);
}

.ConclusaoProc
{
	background-color: #E1E1E1; 
	border: 2px solid #000000;
	border-radius: 9px;
}

/* Texto dentro da Aba */
.TextoConclusaoProc
{
	width: 100%;
	height: 100%;
	color: #000;
	font-family: 'Comfortaa', "Saira", Geneva, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	/*margin-left: 5px;*/
	/*display: flex;*/
	/*flex-direction: row;*/
	justify-content: center;
	align-items: center;
}





@media (max-width: 800px)
{
	/* Conteiner que carrega o formulario */
	.DivFormContainer
	{
		width: 98%;
		margin: 5px;
	}
	
	/* Label de cada campo do formulario */
	.DivLabel
	{
		float: none;
		width: 150px;
		color: #0000FF;
		font-family: 'Comfortaa', "Saira", Geneva, sans-serif;
		font-size: 8pt;
		font-weight: bold;
	}

	/* Tamanho do formulario */
	.DivForm
	{
		float: none;
		width: 100%;
	}
	
	/* Campo para numero de documentos */
	.CampoDocumento
	{
		width: 80%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para nome */
	.CampoNome
	{
		width: 100%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para numero de telefone */
	.CampoFone
	{
		width: 70%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para numero de cep */
	.CampoCep
	{
		width: 60%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para bairro */
	.CampoBairro
	{
		width: 90%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para nome de cidade */
	.CampoCidade
	{
		width: 90%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para descrever endereço */
	.CampoEndereco
	{
		width: 100%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para numero de endereco */
	.CampoNumeroEndereco
	{
		width: 40%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para coloca UF */
	.CampoUf
	{
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para informar email */
	.CampoEmail
	{
		width: 100%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para informar email */
	.CampoValor
	{
		width: 40%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	.CampoTextArea
	{
		width: 100%;
		height: 40px;
		font-family:'Comfortaa',  Muli, Geneva, sans-serif;
		font-size: 10pt;
	}	
}

@media (max-device-width: 400px)
{
	/* Conteiner que carrega o formulario */
	.DivFormContainer
	{
		width: 98%;
		margin: 5px;
	}
	
	/* Label de cada campo do formulario */
	.DivLabel
	{
		float: none;
		width: 150px;
		color: #0000FF;
		font-family: 'Comfortaa', "Saira", Geneva, sans-serif;
		font-size: 8pt;
		font-weight: bold;
	}

	/* Tamanho do formulario */
	.DivForm
	{
		float: none;
		width: 100%;
	}
	
	/* Campo para numero de documentos */
	.CampoDocumento
	{
		width: 80%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para nome */
	.CampoNome
	{
		width: 100%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para numero de telefone */
	.CampoFone
	{
		width: 70%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para numero de cep */
	.CampoCep
	{
		width: 60%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para bairro */
	.CampoBairro
	{
		width: 90%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para nome de cidade */
	.CampoCidade
	{
		width: 90%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para descrever endereço */
	.CampoEndereco
	{
		width: 100%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para numero de endereco */
	.CampoNumeroEndereco
	{
		width: 40%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para coloca UF */
	.CampoUf
	{
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para informar email */
	.CampoEmail
	{
		width: 100%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	/* Campo para informar email */
	.CampoValor
	{
		width: 40%;
		height: 22px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}
	
	.CampoTextArea
	{
		width: 100%;
		height: 40px;
		font-family: 'Comfortaa', Muli, Geneva, sans-serif;
		font-size: 10pt;
	}	
}