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

.conteudo{
	width:100%;
	position:relative;
	margin:0;
	padding:0;
	float:left;
	margin-bottom:100px;
}
.conteudoInterno{
	left:50%; 
	position:relative; 
	margin-left:-550px; 
	width:1100px;
}
.colEsquerda{
	position:relative;
	float:left;
	width:518px;
	margin-top:102px;
	margin-left:70px;
}
.colDireita{
	position:relative;
	float:left;
	width:337px;
	margin-top:100px;
}
.titulo{
	font-family:'Roboto Condensed', Sans-serif;
	font-size:37px;
	letter-spacing:0.089em;
	color:#013333;
	font-weight:400;
	margin-left:7px;
}
.subTitulo{
	font-family:'Roboto Condensed', Sans-serif;
	font-size:28px;
	letter-spacing:0em;
	color:#013333;
	font-weight:400;
	margin-top:6px;
	margin-left:7px;
}
.cabEtapa{
	color:#ECCE80;
	background-color:#013333;
	font-family:'Roboto Condensed', Sans-serif;
	font-size:28px;
	letter-spacing:0em;
	font-weight:400;
	margin-top:33px;
	padding:6px 11px 5px 11px;
	width:fit-content;
	margin-bottom:40px;
}

.linha{
	clear:both;
	margin-top:13px;
	position:relative;
	float:left;
	margin-left:91px;
}
.nomeCampo{
	float:left;
	position:relative;
	font-family:'Roboto Condensed', Sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height:33px;
	letter-spacing:0em;
	padding-top:10px;
	margin-right:22px;
	color:#013333;
}
.espaco{
	margin-left:35px;
}
.campoInput{
	height:54px;
	border:hidden;
	background-color:#E6EBE5;
	font-family:'Roboto Condensed', Sans-serif;
	font-size:24px;
	color:#013333;
	padding:0px 16px 0 16px;
	font-weight:400;
	line-height:33px;
	letter-spacing:0em;
	float:left;
	position:relative;
}

.inputText{
	padding-top:10px;
	padding-bottom:10px;
}


#opIdCadastro{width:416px}
#dsNome{width:714px}
#dsEmail{width:706px}
#nrCPF{width:230px}
#nrCPF{width:735px}
#nrCNPJ{width:722px}

#dtNascimento{width:162px}
#dsCelular{width:230px}
#dsSenha{width:264px}
#nrCEP{width:162px}
#dsEndereco{width:668px}
#nrNumero{width:130px}
#dsComplemento{width:314px}
#dsBairro{width:700px}
#dsCidade{width:390px}
#opEstado{width:144px}
#dsRepresentante{width:509px}
#dsCargo{width:499px}

#dsDescricao{width:795px; resize:none; height:170px;}
#dsAtivo,#dsAtivoDivisao,#dsPassivo,#dsPassivoDivisao{width:795px; resize:none; height:92px;}
#nrValor{width:194px}
#opFormaPagamento{width:450px}

#nrParcela{width:194px}
#intFrequenciaParcelas{width:70px}
#dtTermino{width:150px}
#dtInicio{width:150px}
#dtFim{width:150px}

#intPrazoEntrega{width:70px}
#opPrazoEntrega{width:363px; margin-left:15px;}
#intVigencia{width:250px}
#dtAssinatura{width:150px}
#intMulta{width:200px}
#dsLocal{width:440px}

#hrInicioT1{width:153px}
#hrFimT1{width:153px; margin-left:15px;}
#hrInicioT2{width:153px}
#hrFimT2{width:153px; margin-left:15px;}
#nrDiaInicio{width:200px}
#nrDiaFim{width:200px; margin-left:15px;}
#intTotalHoras{width:200px}
.campoOutroMotivo{width:517px}
#dsMotivo{width:531px}

#divEndereco{display:none}

.campoConteudo{
	float:left;
	position:relative;
	font-family:'Roboto Condensed', Sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height:33px;
	letter-spacing:0em;
	color:#013333;
}

.campoConteudoPS{
	float:left;
	clear:both;
	position:relative;
	font-family:'Roboto Condensed', Sans-serif;
	font-size: 21px;
	font-weight: 400;
	line-height:33px;
	letter-spacing:0em;
	color:#013333;
	margin-top:5px;
}

.campoRadio{
	float:left;
	position:relative;
	padding-top:9px;
}
.campoCheckbox{
	float:left;
	position:relative;
	margin-top:15px;
	clear:both;
}
.campoCheckbox label{
	line-height:30px;
}

.campoDescricaoJustaCausa{
	display:none;
	margin-top:0;
}

.btnForm{
	font-family:'Roboto Condensed', Sans-serif;
	font-size:25px;
	color:#013333;
	font-weight:700;
	background-color:#ECCE80;
	line-height:40px;
	height:40px;
	border:hidden;
	letter-spacing:0.089em;
	cursor:pointer;
	transition:all .3s;
	padding-left:10px;
	padding-right:10px;
	float:left;
	position:relative;
}
.btnForm:hover{
	background-color:#FFD774;
}

#btnBuscaCEP{
	margin-left:10px;
	margin-top:7px;
}

#divCarregandoCEP{
	float:left;
	position:relative;
	margin-left:10px;
	margin-top:18px;
	font-family:'Roboto Condensed', Sans-serif;
	color:#013333;
	font-weight:400;
	font-size:21px;
	display:none;
}

#btnAlteraCEP{
	display:none;
	margin-left:10px;
	margin-top:7px;
}
.erroCadastro{
	margin-left:91px;
	font-family:'Roboto Condensed', Sans-serif;
	font-size:24px;
	color:#013333;
	font-weight:400;
	line-height:33px;
	width:793px;
	margin-bottom:30px;
	float:left;
	position:relative;
}
.espacoBtnOK{
	margin-top:50px;
}

dialog {
  transition: opacity 0.4s;
  opacity: 0;

  &[open] {
    opacity: 1;

    @starting-style {
      opacity: 0;
    }
  }
}
#modalDescricao{
	width:653px;
	height:557px;
	background-color: #fff;
	border:4px #013333 groove;
}
.boxModal{
	width:653px;
	height:557px;
}
.iconeModal{
	margin-top:47px;
	margin-left:71px;
	float:left;	
}
.tituloModal{
	margin-top:15px;
	margin-left:71px;
	font-family:'Roboto Condensed', Sans-serif;
	font-size:24px;
	color:#013333;
	font-weight:700;
	line-height:33px;
	width:550px;
	float:left;
}
.textoModal{
	margin-top:47px;
	margin-left:68px;
	margin-right:68px;
	font-family:'Roboto Condensed', Sans-serif;
	font-size:24px;
	color:#013333;
	font-weight:400;
	line-height:33px;
	float:left;
	height:170px;
	overflow:auto;
}
.divUsar{
	margin-top:55px;
	margin-left:19px;
	float:left;
	display:none;
}
.divDescartar{
	margin-top:55px;
	margin-left:260px;
	float:left;
}
.lnkUsar{
	background-color:#013333; 
	padding:5px 10px 5px 10px; 
	font-size:24px; 
	font-weight:700; 
	text-decoration:none; 
	letter-spacing:0em; 
	font-family:'Roboto Condensed', Sans-serif;
	transition:all .3s;
	color:#ECCE80;
	text-transform:none;
}
.lnkUsar:hover{
	background-color:#025353;
}
.lnkDescartar{
	background-color:#ECCE80; 
	padding:5px 10px 5px 10px; 
	font-size:24px; 
	font-weight:700; 
	text-decoration:none; 
	letter-spacing:0em; 
	font-family:'Roboto Condensed', Sans-serif;
	transition:all .3s;
	color:#013333;
	text-transform:none;
}
.lnkDescartar:hover{
	background-color:#FFD774;
}