@CHARSET "ISO-8859-1";
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	vertical-align: middle;}
body, html {
	padding:0;
	margin:0 auto;
	margin-top: 0.5px;
	font: normal 14px Arial, sans-serif;}
.tituloh2 {
	display: block;
	font-weight: bold;
	text-align:center;
	margin-left:1px;
	margin-top:1px;
	color:#D3DDEB;
	background-image: url(images/Logo-Projeto.png);
	background-size: 100%;}
/*	Configuracao da Pagina do Projeto .............................................................................................. */
.pgheader {
	width:100%;
	height:65px;
	margin-left:0px;
	margin-top:0px;
	border:1px solid #F5F5F5;
	border-left:5px solid #203764;
	color:white;
	font-size:32px;
	font-weight:bold;
	background-size: 100% 100%;
	background-image:url(images/Logo-Projeto.png);}
.pgmenu {
	width:100%;
	height:44px;
	display:table;
	font: normal 14px tahoma,arial,serif;
	margin-left:0px;
	margin-top:1px;
	border-left:5px solid gray;
	border-left:5px solid gray;
	border-bottom:1px solid silver;}
.pgconteudo {
	width:100%;
	height:calc(100% - 139px);
	margin-left:0px;
	margin-top:1px;
	border:0px solid #C86C2F;
	border-left:5px solid #C86C2F;}
.pgfooter {
	width:100%;
	height:27px;
	margin-left:0px;
	margin-top:1px;
	border:1px solid #F5F5F5;
	border-left:5px solid #203764;
	display: table;
	background-size: 100% 100%;
	background-image: url(images/Logo-Projeto.png);}
button:active {
	position: relative;
	top: 3px;
	right: 1px;}
/*	Configuracao da barra de LOGIN	................................................................................................ */
.login {
	float: right;}
.login input[type=text], .login input[type=password] {
	padding: 6px;
	margin-top: 5px;
	font-size: 17px;
	border: none;
	width:170px;
	height:32px;
	background:lightgray;
	color:blue;}
.login button {
	float: right;
	padding: 6px 10px;
	margin-top: 5px;
	margin-right: 16px;
	background-color: #555;
	color: white;
	font-size: 17px;
	height:32px;
	border: none;
	cursor: pointer;}
/*	Configuração da Pagina do Programa .............................................................................................. */
.direita {
	width:155px;
	height:200px;
	position:fixed;
	background:#ECF0F8;
	margin-left:1px;
	margin-top:0px;}
.direita a {
	background-color: #D9E1F2;
	color: black;
	display: block;
	padding: 10px;
	height: 39.5px;
	text-align:center;}
.direita a:hover {
	background-color: #B4C6E7;
	font-weight:bold;}
.direita a.active {
	background-color: #305496;
	color: white;
	font-weight:bold;}
.grafico {
	width:calc(100% - 158px);
	height:200px;
	margin-left:158px;
	padding:0px;}
/*	Configuracao dos Botoes do MENU	................................................................................................ */
.btnexit {
	border-radius: 5px;
	border: 0.5px solid rgba(0,0,0,0.2);
	width: 30px;
	height: 30px;
	font-size: 14px;
	margin-right: auto;
	top:50px;
	cursor: pointer;
	background: #efefef url('images/Exit-24.png') 1px center no-repeat;}	
.btnpsq {
	margin-top: -1px;
	border-radius: 5px;
	border: 0.5px solid #404D6B;
	width: 40px;
	height: 24px;
	cursor: pointer;
	text-decoration: none;
	margin-left: 0px;
	background: lightyellow url('images/Erase.jpg') center no-repeat;}
.btnpsq:active {
	position: relative;
	top: 3px;
	right: 1px;}
/*	Configuracao da Tabela Scroll .................................................................................................. */
.tabscr {
	position: relative;
	width: 100%;
	height: 100%;
	font: normal 14px tahoma,arial,serif;
	margin-top: 1px;
	margin-left: 0px;
	z-index: 1;
	overflow: auto;}
.tabscr table {
	width: 100%;
	font: normal 14px tahoma,arial,serif;
	min-width: 100%;
	margin: auto;
	border-collapse: separate;
	border-spacing: 0;}
.tabscr th,
.tabscr td {
	padding: 1px 4px;
	height: 25.4px;
	border: 1px solid #BFBFBF;
	vertical-align: center;}
.tabscr thead th,
.tabscr thead td {
	font-weight:bold;color:#D3DDEB;background:#596A94;
	position: -webkit-sticky;
	position: sticky;
	top: 0;}
/*	.................................................................................................. Fixa as 2 primeiras linhas */
.tabscr thead tr:last-child th ,
.tabscr thead tr:last-child td {
	font-weight:bold;color:#D3DDEB;background:#404D6B;
	position: -webkit-sticky;
	position: sticky;
	top: 27px;
	text-align:center;}
/* safari and ios need the tfoot itself to be position:sticky also */
.tabscr tfoot,
.tabscr tfoot th,
.tabscr tfoot td {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	font-weight:bold;color:#D3DDEB;background:#404D6B;
	z-index:4;}
/*	.................................................................................................. Fixa as 2 primeiras colunas */
th:nth-child(1) {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 2;
	background: #FDFDFD;}
thead th:nth-child(1),
tfoot th:nth-child(1) {
	z-index: 5;}
th:nth-child(2) {
	position: -webkit-sticky;
	position: sticky;
	left: 60px;
	z-index: 2;
	background: #FDFDFD;}
thead th:nth-child(2),
tfoot th:nth-child(2) {
	z-index: 5;}
/*	.................................................................................................. Fixa a ultima coluna */
th:last-child {
	position: -webkit-sticky;
	position: sticky;
	right: 0;
	z-index: 2;
	background: #FDFDFD;}
thead th:last-child,
tfoot th:last-child {
	z-index: 5;}
/*	Configuracao da linha de PESQUISA .............................................................................................. */
.tabscr input.filtro,
.tabscr select.filtro {
	height:23px;
	font: normal 14px tahoma,arial,serif;
	background: lightyellow;
	color: navy;
	padding: 0.1em;
	border: 1px solid #CCC;
	display: block;}
/*	Configuracao do Formulario ..................................................................................................... */
select[readonly] {
	pointer-events: none;
	touch-action: none;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	background: #FDFDFD;
	color: DimGray;}
fieldset {
	border: 0;}
.grupo:before, .grupo:after {
	content: " ";
	display: table;}
.grupo:after {
	clear: both;}
.campo {
	margin-bottom: 0.4em;}
.campo label {
	color: DimGray;
	display: block;
	margin-top:4px;}
fieldset.grupo .campo {
	float: left;
	margin-right:2px;}
.campo input[type="text"],
.campo input[type="email"],
.campo input[type="url"],
.campo input[type="tel"],
.campo input[type="date"],
.campo select {
	padding: 0.2em;
	height:25px;
	border: 1px solid #CCC;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	display: block;
	background: white;
	font: normal 14px tahoma,arial,serif;}
.campo textarea {
	padding: 0.2em;
	border: 1px solid #CCC;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	display: block;
	font: normal 14px tahoma,arial,serif;}
.campo select option {
	padding-right: 1em;}
.campo input:focus, .campo select:focus, .campo textarea:focus {
	background: #FFC;}
.campo input:invalid { border: 1px solid red; }
.campo input:valid { border: 1px solid green; }
.campo textarea:invalid { border: 1px solid red; }
.campo textarea:valid { border: 1px solid green; }
.campo select:invalid { border: 1px solid red; }
.campo select:valid { border: 1px solid green; }
.campo label.checkbox {
	color: #000;
	display: inline-block;
	margin-right: 1em;}
/*	Configuracao dos Botoes do FORMULARIO ......................................................................................... */
.btnExec, .btnCanc {
	border-radius:5px;
	padding:4px 7px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	font-weight:bold;
	color:white;
	cursor: pointer;
	float: left;
	margin-right:1px;
	position:relative; top:3px; left:1px;}
/*	Configuracao dos inputs ........................................................................................................ */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;}
/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}