/*
* Classes iniciadas por 'txt_' refere-se a formatações de texto.
* Classes iniciadas por 'dsp_' refere-se a propriedade display.
* Classes iniciadas por 'flt_' refere-se a propriedade float.
*/

.nao-selecionavel {
	user-select: none;
	-khtml-user-select: none;
	-o-user-select: none;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
}

.txt_justificado{
  text-align: justify !Important;
  padding: 5px;
}
.txt_esquerda{
  text-align: left !Important;
  padding: 5px;
}
.txt_direita{
  text-align: right !Important;
  padding: 5px;
}
.txt_centro{
  text-align: center !Important;
  padding: 5px;
}

.flt_direita{
  float: right !Important;
  overflow: auto !Important;
}
.flt_esquerda{
  float: left !Important;
  overflow: auto !Important;
}

/*Centraliza um componente horizontalmente*/
.hor_centro{
  text-align: center !Important;
  margin: auto !Important;
}

.dsp_block{
  display: block !Important;
  width: 100% !Important;
}
.dsp_inline_block{
  display: inline-block !Important;
}

/*Classes utilizadas para formatar caixas de mensagem*/
.mensagem{
  background-color: #DDFFE5 !Important;
  color: #000 !Important;
  padding: 10px !Important;
  margin: 10px auto!Important;
  border: 1px solid #000 !Important;
}
.mensagem li{
  margin-left: 20px;
}
.atencao{
  background-color: #F1F386 !Important;
  color: #000 !Important;
  padding: 10px !Important;
  margin: 10px auto!Important;
  border: 1px solid #000 !Important;
}
.atencao li{
  margin-left: 20px;
}
.perigo{
  background-color: #FF4C4C !Important;
  color: #FFFFFF !Important;
  padding: 10px !Important;
  margin: 10px auto!Important;
  border: 1px solid #000 !Important;
}
.perigo li{
  margin-left: 20px;
}
.perigo a{
  color: #ffe820;
}
.perigo a:hover{
  color: #000000;
}


/*Retira a borda de um componente*/
.sem_borda{
  border: none !Important;
}
/*Acrescenta borda a um componente.
 *Obs: A cor da borda pode ser sobreposta.
 * */
.com_borda{
  border-width: 1px !Important;
  border-style: solid !Important;
  border-color: #000;
}

/*Classe  para formatar um botão
  <a class="botao">
    <label>Texto botao</label>
  </a>
*/
.botao label{
  cursor: pointer !Important;
}

.botao{
	background: #64bc7c !Important;
	color: #fff !Important;
	margin: 5px !Important;
	padding: 10px !Important;
	border-radius: 5px;
	text-align: center;
	text-decoration: none !Important;
	border: 0px;
}

.botao:hover {
  	background: #2e610f !Important;
}


.botao_destaque{
	background: rgb(255,200,100) !Important; 
	color: black !Important;
	border: 1px solid orangered !Important;
	border-radius: 5px !Important;
	margin: 0px !Important;
	padding: 10px !Important;
	text-decoration: none !Important;
	text-align: center !Important;
}

.botao_destaque:hover {
	background:orange !Important; 
	color: white !Important;
}

.inativo{
  opacity: 0.3 !Important;
}
.inativo label{
  cursor: default !Important;
}

/* Seção */

.secao {
	margin-top: 20px;
}

.secao-cab {
	display: flex; 
	align-items: center; 
	justify-content: center;
	padding: 0;
	margin: 30px 0 15px 0;
}

.secao-cab-sep-esquerdo {
	width: 0; 
	height: 0; 
	border-style: solid; 
	border-width: 3px 200px 3px 0; 
	border-color: transparent rgb(80,80,80) transparent transparent;
}

.secao-cab-sep-direito {
	width: 0; 
	height: 0; 
	border-style: solid; 
	border-width: 3px 0 3px 200px; 
	border-color: transparent transparent transparent rgb(80,80,80);
}

.secao-cab-titulo {
	color: gray; 
	font-size: 22px;
	font-weight: bold;
	margin: 0;
	padding: 0 10px 0 10px;
	color: rgb(80,80,80);
}

.secao-conteudo {
	background-image: linear-gradient(#f8f8f8, #f0f0f0);
	border: 1px solid #e7e7e7;
	border-radius: 15px;
	padding: 10px 0 10px 0;
}	

@media (max-width: 768px){
	.secao-cab-sep-esquerdo {
		border-width: 3px 150px 3px 0; 
	}
	
	.secao-cab-sep-direito {
		border-width: 3px 0 3px 150px; 
	}
}

@media (max-width: 640px){
	.secao-cab-sep-esquerdo {
		border-width: 3px 80px 3px 0; 
	}
	
	.secao-cab-sep-direito {
		border-width: 3px 0 3px 80px; 
	}
}

@media (max-width: 480px){
	.secao-cab-sep-esquerdo {
		border-width: 3px 50px 3px 0; 
	}
	
	.secao-cab-sep-direito {
		border-width: 3px 0 3px 50px; 
	}
}