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

.form-submit-button {
	background: #B9DFFF;
	color: #fff;
	border: 1px solid #eee;
	border-radius: 20px;
	box-shadow: 5px 5px 5px #eee;
	text-shadow: none;
	}
	.form-submit-button:hover {
	background: #016ABC;
	color: #fff;
	border: 1px solid #eee;
	border-radius: 20px;
	box-shadow: 5px 5px 5px #eee;
	text-shadow: none;
	}
	
	
	.input {
		margin-top: 1rem;
	}
	
	input::file-selector-button {
		background-color: #27aae0;
		border-radius: 5px;
		color: #fff;
		cursor: pointer;
		margin: 10px;
		padding: 6px 10px;
		border: none;
	}
	
	input::placeholder {
	  color: #ffffff;
	  font-size: 12px;
	  font-style: italic;
	}
	
	select {
	  appearance: none;
	  background-image: url('../imagens/arrow-down.png');
	  background-position: right 10px top 50%;
	  background-repeat: no-repeat;
	  background-color: #f5f5f5;
	  box-shadow: none;
	  color: #565656;
	  line-height: 1.43;
	  min-height: 2.5em;
	  padding: .5em .5em;
	  border-radius: .25rem;
	  width: 100%;
	  height: calc(2.25rem + 2px);
	  height: auto;
	  border: 1px solid #e8e8e8;
	  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	  text-align: left;
	  
	}
	
	select:focus {
	 
	   background-color: #ffffff;
	outline: 3px solid #BFDEFF;
	}
	
	.collapsible2 {
	  background-color: #f5f5f5;
	  background-image: url('../../imagens/arrow-down.png');
	  background-position: right 10px top 50%;
	  background-repeat: no-repeat;
	  color: rgb(49, 49, 49);
	  cursor: pointer;
	  line-height: 1.43;
	  min-height: 2.5em;
	  padding: .5em .5em;
	  .width: 100%;
	  margin-left: 0px;
	  text-align: left;
	  outline: none;
	  font-size: 15px;
	  border: solid 1px #cecece;
	  border-radius: 3px;
	  height: calc(2.25rem + 2px);
	  z-index: 3000;
	  align-items: center;
	  
	}
	
	.collapsible2:hover {
	  background-color: #ffffff;
	  background-image: url('../../imagens/arrow-down.png');
	  background-position: right 10px top 50%;
	  background-repeat: no-repeat;
	  border: solid 1px #BFDEFF;
	  border-radius: 4px;
	  padding: .5em .5em;
	}

	.collapsible2:active {
		background-color: #666464;
		background-image: url('../../imagens/arrow-up.png');
		background-position: right 10px top 50%;
		background-repeat: no-repeat;
		border: solid 4px #BFDEFF;
		border-radius: 4px;
		padding: .5em .5em;
	  }

	  .collapsible2:focus {
		background-color: #ffffff;
		background-image: url('../../imagens/arrow-up.png');
		background-position: right 10px top 50%;
		background-repeat: no-repeat;
		border: solid 4px #BFDEFF;
		border-radius: 4px;
		padding: .5em .5em;
	  }
	
	.content {
	  padding: 1px 15px 0px 5px;  
	  margin-top: 1px;
	  margin-bottom: 5px;
	  max-height: 0;
	  overflow: hidden;
	  transition: max-height 0.2s ease-out;
	  background-color: #f8f8f8;
	  z-index: 1000;
	  
	}

	.form-group-assunto {
		margin-bottom: 0.1rem;
	}
	
	.L-codigo {
	font-family: Arial ;
	font-size: 24px;
	text-align: center;
	border: 2px solid #333333;
	width: 160px;
	padding: 0px 10px 0px 10px;
	
	display: block;

}

.janela-codigo {
border: solid 1px #E8E8E8;
	  border-radius: 6px;
	  height: calc(2.25rem + 2px);
outline: 0;
text-align: center;
	}

.janela-codigo:hover {

	border: solid 4px #BFDEFF;
}

.janela-codigo:focus {

	border: solid 4px #BFDEFF;
}

.placeholder {
font-family: 'Roboto Condensed', sans-serif;
color: #a7a7a4;		
font-size: calc(0.2364285714285714vw + 11.571428571428571px);			
margin: 16Px 5px;
		
			}

			.placeholder2 {
				font-family: 'Roboto Condensed', sans-serif;
				color: #a7a7a4;		
				font-size: calc(0.2364285714285714vw + 11.571428571428571px);			
				margin: 2Px 2px;
				align-items: center;
						
							}



			.txtbanner {
				font-family: 'Roboto Condensed', sans-serif;				
				text-align: LEFT;				
				font-size: calc(0.2364285714285714vw + 8.571428571428571px);
                color: #ffffff;
							
			  }	

			  

			.popup-banner{
				display: none;
				position: fixed;
				background: linear-gradient(90deg, #27aae0, #0f5e79);
				box-shadow: 6px 2px 8px 8px rgba(0,0,0,0.2);
				
				z-index: 2000;
				width: 100%;
    padding: calc(10px * 1.5) calc(10px * 1.5);
    padding: calc(var(--default-value) * 1.5) calc(var(--default-value) * 1.5);
  
	bottom: 0;
			}

			.bt-cookies {
				background-color: #27aae0;
				border-radius: 5px;
				color: #fff;
				cursor: pointer;
			
				padding: 6px 10px;
				border: none;
				width: 200px;
				text-align: center;
				box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.2);
			  }

			  .bt-cookies:hover  {
				background-color: #0d445e;
				border-radius: 5px;
				color: #fff;
				cursor: pointer;
				
				padding: 6px 10px;
				border: none;
				width: 200px;
				text-align: center;
				letter-spacing: 1px;
				box-shadow: 0px 2px 8px 4px rgba(0,0,0,0.2);
			  }

			  .bt-cookies:active  {
				background-color: #0d445e;
				border-radius: 5px;
				color: #fff;
				cursor: pointer;
				
				padding: 6px 10px;
				border: none;
				width: 200px;
				text-align: center;
				letter-spacing: 1px;
				box-shadow: 0px 2px 8px 4px rgba(0,0,0,0.2);
				
			  }

			  .janela-cookies  {
				background-color: #34aae0;
				border-radius: 0px 5px 5px 5px;
				color: #ffffff;
				cursor: initial;
				margin: 10px;
				padding: 1px 1px;				
				border-left: 2px solid #3c5469;
				border-top: 2px solid #3c5469;
				width: 100%;
				text-align: center;
			  }

	#popprivacidade {		  
	display: none;
	position: fixed;
	top: 0.6%;
	left: 12%;
	padding: 20px;
	width: 76%;
	height: auto;
	border: 3px solid #ffffff;
	background-color: #e0e0dd;	
	box-shadow: 6px 6px 8px 8px rgba(0,0,0,0.2);
	padding-top: 10px;
	z-index: 2000;
	margin-top: 40px;
}

.bt-priv {
	font-family: 'Roboto Condensed', sans-serif;	
	font-size: calc(0.3364285714285714vw + 11.571428571428571px);
	background-color: #27aae0;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	
	padding: 6px 10px;
	border: none;
	width: 250px;
	text-align: center;
	box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.2);
  }

  .bt-priv:hover  {
	font-family: 'Roboto Condensed', sans-serif;	
	font-size: calc(0.3364285714285714vw + 11.571428571428571px);
	background-color: #0d445e;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	
	padding: 6px 10px;
	border: none;
	width: 250px;
	text-align: center;
	letter-spacing: 1px;
	box-shadow: 0px 2px 8px 4px rgba(0,0,0,0.2);
  }

  .labelgerador  {
	background-color: #27aae0;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	.margin: 10px;
	.padding: 4px 10px;
	border: none;
	height: 28px;
	align-items: center;
  }

  .btnpontosituacao  {
	background-color: #138d50;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	
	border: none;
	height: 28px;
	align-items: center;
  }

  .btnpontosituacao:hover  {
	background-color: #106b3d;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	.margin: 10px;
	.padding: 4px 10px;
	border: none;
	height: 28px;
	align-items: center;
  }

  .janelagerador  {
	font-size: 19px; 
	margin-left: 5px; 
	border: solid 1px #27aae0;
	border-radius: 5px; 
	.padding: 0px 10px; 
	width: 130px;
	height: 28px; 
	text-align: center;
	align-items: center;
	
  }

  .MENU-BACK a{
	display: inline-block;
	width: 45px;
	height: 45px;		
	background-image: url("../../IMAGENS/Voltar.png");	
	padding: 8px 8px;	
	margin-TOP: 5px;
		
	}
	
	.MENU-BACK a:hover{
	display: inline-block;
	width: 45px;
	height: 45px;		
	background-image: url("../../IMAGENS/Voltar-ON.png");
	padding: 8px 8px;	
	margin-TOP: 5PX;
	}