.noselect{
	-webkit-touch-callout:	none;
	-webkit-user-select:	none;
	-khtml-user-select:		none;
	-moz-user-select:		none;
	-ms-user-select:		none;
	user-select:			none;
}
@media print{	body{	display:	none;	}	}
.p100{		width:				var(--p, 100%)	!important;	}
.pborda{	width:				calc(var(--p, 100%) - 2px);	}
.show{		display:			block;		}
.none{		display:			none;		}
.inline{	display:			inline-block;	}
.b{			font-weight:		bold;		}
.i{			font-style:			italic;		}
.s{			text-decoration:	underline;	}
.border{	border:				1px solid;	}
.test{		border:				1px solid red;	}
.left{		float:				left;	}
.middle{	float:				center;	}
.right{		float:				right;	}
.cursor{	cursor:				pointer;	}
.upper{		text-transform:		uppercase;	}
.lower{		text-transform:		lowercase;	}
.sepi{		filter:				sepia(80%) opacity(90%);	}
.center{
	text-align:			center;
	align-items:		center;
	justify-content:	center;
}
.bIcon{	font-family:	'Bootstrap-icons';	}
.bcIcon{
	width:			max-content;
	border:			2px solid;
	padding:		5px 2px 0 2px;
	font-size:		20px;
	aspect-ratio:	1;
	border-radius:	50%;
}
.bcIcon span{	transform:	scale(1.2);	}
/*------------------------------------------------------------------------------------------------*/
/*----------------------------------------SWITCH--------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.switch{
	position:	relative !important;
	display:	inline-block !important;
	width:		30px !important;
	min-width:	30px !important;
	max-width:	30px !important;
	height:		17px !important;
	border:		none !important;
}
.switch input{	display:none !important;	}
.slider{
	position:			absolute;
	cursor:				pointer;
	top:				0;
	left:				0;
	right:				0;
	bottom:				0;
	background-color:	#ccc;
	-webkit-transition:	.4s;
	transition:			.4s;
}
.slider:before{
	position:			absolute;
	content:			"";
	height:				13px;
	width:				13px;
	left:				2px;
	bottom:				2px;
	background-color:	white;
	-webkit-transition:	.4s;
	transition:			.4s;
}
input:checked + .slider{	background-color:	#2196F3;	}
input:focus + .slider{	box-shadow:	0 0 1px #2196F3;	}
input:checked + .slider:before{
	-webkit-transform:	translateX(12px);
	-ms-transform:		translateX(12px);
	transform:			translateX(12px);
}
.slider.round{	border-radius:	17px;	}		/* Rounded sliders */
.slider.round:before{	border-radius:	50%;	}
/*------------------------------------------------------------------------------------------------*/
/*---------------------------------------TOP------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
#barraTop{
	top:				0px;
	left:				40px;
	right:				0;
	height:				40px;
	z-index:			2;
	position:			fixed;
	position:			-webkit-sticky;
	border-bottom:		1px solid var(--cor-bord);
	background-color:	var(--cor-back);
}
#barraTop #barraTitle{
	width:			calc(100% - 90px);
	display:		inline-block;
	padding:		0 5px;
	position:		absolute;
	margin-top:		10px;
	text-align:		center;
	font-weight:	bold;
	padding-left:	40px;
}
/*------------------------------------------------------------------------------------------------*/
/*--------------------------------PESQUISAR-------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
#pesquisar{
	color:			lightblue;
	float:			right;
	width:			20px;
	border:			1px solid gray;
	height:			20px;
	z-index:		8;
	padding:		5px;
	overflow:		hidden;
	position:		relative;
	background:		white;
	transition:		all 125ms;
	border-radius:	15px;
}
#pesquisar span:hover{	color:	darkblue;	}
#pesquisar span::after{	content:	'\F52A';	}
#pesquisar input{
	float:		left;
	width:		165px;
	margin:		0 5px;
	border:		0px solid red;
	display:	none;
	outline:	none;
}
#pesquisar span{
	float:		left;
	font-size:	20px;
	cursor:		pointer;
	transition:	all 500ms;
}
#pesquisar.open{
	color:		darkred;
	width:		200px;
}
#pesquisar.open span:hover{	color:	orangered;	}
#pesquisar.open input{	display:	block; width:	165px;	}
#pesquisar.open span::after{	content:	'\F62A';	}
/*------------------------------------------------------------------------------------------------*/
/*---------------------------------------------LATERAL--------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.menu-lateral{
	position:			fixed;
	margin:				0px;
	padding:			40px 0px 0px 0px;
	-moz-transition:	all 1s ease;
	-webkit-transition:	all 1s ease;
	-o-transition:		all 1s ease;
	transition:			all 1s ease;
	font-size:			1.2em;
	background:			rgb(44, 62, 80);
	background-image:	-moz-linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79));
	background-image:	-webkit-linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79));
	background-image:	-o-linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79) );
	background-image:	-ms-linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79));
	background-image:	linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79));
	color:				var(--cor-back);
	height:				100%;
	overflow:			hidden;
	width:				40px;
	top:				0px;
	left:				0px;
	z-index:			1000;
}
.menu-lateral.open{
	width:		var(--menu-width);
	padding:	10px;
}
.menu-lateral.open #menu-itens{	width:	85%;	}
.menu-lateral div.sair, .menu-lateral .menu-icon{
	position:	absolute;
	top:		0px;
}
.menu-lateral div.sair{
	left:			0px;
	color:			var(--cor-pri);
	cursor:			pointer;
	display:		none;
	background:		#eee;
	border-radius:	5px;
}
.menu-lateral div.sair span{
	width:			30px;
	height:			30px;
	margin:			5px;
	font-size:		28px;
	transition:		0.4s;
}
.menu-lateral div.sair:hover span{	color:	var(--cor-sec);	}
.menu-lateral.open div.sair{	display:	block;	}
.menu-lateral .menu-icon{
	left:			0px;
	display:		inline-block;
	background:		#eee;
	border-right:	1px solid #ccc;
	border-bottom:	2px solid #ccc;
	cursor:			pointer;
	border-radius:	5px;
}
.menu-lateral .menu-icon div{
	width:			30px;
	height:			5px;
	background:		#333;
	margin:			5px;
	transition:		0.4s;
	border-radius:	2px;
}
.menu-lateral.open .menu-icon-close{	background:	#bbb;	}
.menu-lateral .menu-icon:hover div{	background:	var(--cor-sec);	}
.menu-lateral.open .menu-icon div:nth-child(1n){	transform:	translate(0, 10px) rotate(-45deg);	}
.menu-lateral.open .menu-icon div:nth-child(2n){	opacity:	0;	}
.menu-lateral.open .menu-icon div:nth-child(3n){	transform:	translate(0, -10px) rotate(45deg);	}
.menu-lateral #menu-perfil{
	width:			40%;
	aspect-ratio:	3 / 4;
    border-radius:	5%;
}
.menu-lateral center label{
	display:	inline-block;
	width:		90%;
	font-size:	.9em;
}
.menu-lateral.open #menu-itens div label, .menu-lateral.menu-auto:hover #menu-itens div label,
.menu-lateral.open #menu-itens, .menu-lateral.fix #menu-itens,
.menu-lateral.menu-auto:hover center, .menu-lateral.open center{	display:	block;	}
.menu-lateral #menu-itens{
	overflow:		hidden;
	overflow-y:		auto;
	margin-left:	calc(15% / 2);
	display:		none;
	height:			calc(100% - 50px);
}
.menu-lateral.open #menu-itens{
	height:			calc(100% - 320px);
}
.menu-lateral #menu-itens div{
	width:			100%;
	cursor:			pointer;
	height:			40px;
	margin:			10px 0;
	transition:		all 0.5s ease;
	font-family:	sans-serif;
	font-weight:	700;
	text-transform:	uppercase;
}
.menu-lateral #menu-itens div:hover, .menu-lateral #menu-itens div.sel{
	color:			var(--cor-sec);
	transform:		scale(1.05);
	transition:		all 0.5s ease;
	background:		var(--cor-back);
	border-left:	4px solid var(--cor-sec);
	border-radius:	50% 0 0 50%;
}
.menu-lateral.open #menu-itens div:hover, .menu-lateral.open #menu-itens div.sel{	border-radius:	0;	}
.menu-lateral #menu-itens div span{
	float:			left;
	font-size:		24px;
	margin-top:		7px;
	margin-left:	4px;
}
.menu-lateral #menu-itens div label{
	float:		left;
	cursor:		pointer;
	margin:		8px 10px;
	display:	none;
	font-size:	16px;
}
@media screen and (min-width: 500px){	.menu-auto:hover{	width:	var(--menu-width);	}}
@media screen and (max-width: 500px){	.menu-lateral.open{	width:	calc(100% - 20px);	}}
/*------------------------------------------------------------------------------------------------*/
/*--------------------------------policiesAcess---------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
#cookie-body, #cookie-body #cookie-button{	position:	absolute;	}
#cookie-body{
	top:				0%;
	left:				0;
	width:				100%;
	height:				auto;
	display:			none;
	z-index:			1000;
	padding:			10px 30px;
	font-size:			1.4rem;
	background:			linear-gradient(315deg, rgb(15,40,60), rgb(16,57,79));
	border-top:			#ccc solid 0.2rem;
	box-sizing:			border-box;
	text-align:			center;
	align-items:		center;
	justify-content:	center;
}
#cookie-body .cookie-txt{
	color:			#fff;
	width:			calc(100% - 0px);
	display:		inline-block;
	margin-bottom:	45px;
}
#cookie-body #cookie-button{
	left:				50%;
	color:				#842;
	width:				100px;
	border:				none;
	bottom:				15px;
	cursor:				pointer;
	padding:			5px 10px;
	transform:			translateX(-50%);
	background:			#ccc;
	border-radius:		0.5rem;
}
#cookie-body #cookie-button:hover{	color:	#224;	background:	#eee;	}
#cookie-body #cookie-button:active{	color:	#112;	background:	#fff;	}
/*------------------------------------------------------------------------------------------------*/
/*--------------------------------CONFIG-MENU-----------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.menu-config{
	color:			white;
	float:			right;
	width:			20px;
	padding:		5px;
	overflow:		visible;
	background:		var(--cor-back);
	max-height:		90vh;
	transition:		all 250ms;
	border-radius:	0 0 0 5px;
}
.menu-config span{
	color:			var(--cor-pri);
	float:			right;
	border:			0px solid;
	font-size:		28px;
	cursor:			pointer;
	transition:		all 1s linear;
	border-radius:	50%;
}
.menu-config span.bIcon:after{	content:'\F5D3';	}
.menu-config.open span.bIcon:after{	content:'\F62A';	}
.menu-config.open{
	position:		absolute;
	right:			0px;
	width:			200px;
	z-index:		10;
	border-left:	2px solid var(--cor-bord);
	border-bottom:	2px solid var(--cor-bord);
}
.menu-config .cmenu-itens{
	height:		calc(100% - 50px);
	display:	none;
	padding:	5px;
	overflow:	hidden;
	margin-top:	35px;
	max-height:	calc(90vh - 40px);
	overflow-y:	auto;
}
.menu-config.open .cmenu-itens div{
	background:		darkblue;
	right:			0px;
	color:			white;
	margin:			5px 0;
	cursor:			pointer;
	padding:		5px;
	border-radius:	5px;
	overflow:		hidden;
	transition:		all 150ms linear;
	border-bottom:	2px solid var(--cor-bord);
	animation:		loadMenu calc(var(--p, 1) * 250ms) ease-out;
}
@-webkit-keyframes loadMenu {
	0%	{	display:	none;	opacity:	0;	width:	calc(1% - 10px);	}
	100%{	display:	block;	opacity:	1;	width:	calc(100% - 10px);	}
}
.menu-config.open .cmenu-itens{	display:	block; }
.menu-config.open .cmenu-itens div:hover{	background:	var(--cor-sec);	}
.menu-config.open .cmenu-itens div i{
	float:		left;
	font-size:	20px;
}
.menu-config.open .cmenu-itens div label{
	float:	left;
	cursor:	pointer;
	margin:	2px 5px;
}
/*------------------------------------------------------------------------------------------------*/
/*---------------------------------------------ETC------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.formImg{
	border:			1px solid gray;
	padding:		3px;
	position:		relative;
	max-width:		fit-content;
	max-height:		fit-content;
	border-radius:	5px;
}
.formImg div{
	top:			3px;
	color:			var(--cor-pri);
	width:			auto						!important;
	right:			3px;
	border:			1px solid var(--cor-pri);
	margin:			0px							!important;
	opacity:		0;
	padding:		1px;
	position:		absolute;
	background:		white;
	border-radius:	5px;
}
.formImg:hover div{	opacity:	1;	}
.formImg div span{
	float:			left;
	border:			1px solid;
	font-size:		20px;
	cursor:			pointer;
	margin:			1px;
	opacity:		0.4;
	border-radius:	25%;
}
.formImg div span:hover{
	opacity:	1;
	color:		var(--cor-sec);
}
input[type="email"]{
	color: red;
	background:	url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='50 100 1000 1000'><path fill='red' d='m338 768 142-142 142 142 50-50-142-142 142-142-50-50-142 142-142-142-50 50 142 142-142 142 50 50Zm142.138 233q-88.138 0-165.625-33.084-77.488-33.083-135.417-91.012T88.084 741.625Q55 664.276 55 576.138 55 487 88.084 409.513q33.083-77.488 90.855-134.969 57.772-57.482 135.195-91.013Q391.557 150 479.779 150q89.221 0 166.827 33.454 77.605 33.453 135.012 90.802 57.407 57.349 90.895 134.877Q906 486.66 906 576q0 88.276-33.531 165.747-33.531 77.471-91.013 135.278-57.481 57.808-134.831 90.891Q569.276 1001 480.138 1001Z'/></svg>") no-repeat right, white;
	background-size: 15px 15px;
}
input[type="email"]:valid{
	color:	green;
	background:	url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='50 100 1000 1000'><path fill='green' d='m419 773 294-294-66-66-228 228-111-111-65 66 176 177Zm61.138 228q-88.138 0-165.625-33.084-77.488-33.083-135.417-91.012T88.084 741.625Q55 664.276 55 576.138 55 487 88.084 409.513q33.083-77.488 90.855-134.969 57.772-57.482 135.195-91.013Q391.557 150 479.779 150q89.221 0 166.827 33.454 77.605 33.453 135.012 90.802 57.407 57.349 90.895 134.877Q906 486.66 906 576q0 88.276-33.531 165.747-33.531 77.471-91.013 135.278-57.481 57.808-134.831 90.891Q569.276 1001 480.138 1001Z'/></svg>") no-repeat right, white;
	background-size: 15px 15px;
}
button label{	cursor:	pointer;	}
.aux{	color:	var(--cor-sec);	}
#flameA{
	position:		absolute;
	width:			150px;
	height:			230px;
	right:			-20px;
	bottom:			0px;
	border:			none;
	background:		transparent;
	overflow:		hidden;
}