.campo_pesquisa{
  background-color:transparent;
  border: 0px solid;
}

.campo_pesquisa:hover{
	outline: none;
	border: transparent;
}

.campo_pesquisa:focus{
	outline: 0 none;
	border: transparent;
}

.btn_filtro {
  width:;
  padding:0 20 0 20;
  height: 22.5px;
  text-align: center;
  line-height: 22.5px;
  margin-left:5px;
  margin-top: 2.5px;
  float:left;
  overflow: none;
  color: #FFF;
  border-bottom: 1px #FFF solid;
  transition: background-color 500ms ease-out;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
}

.btn_filtro_c{
	background: rgb(90,90,90);
}

.btn_filtro_c:hover{
	background: rgb(130,130,130);
}

.btn_filtro_l{
	float: right;
	margin-right: 10px;
	background: #FF4500;
}

.btn_filtro_l:hover{
	background: #FF8C00;
}

.input_filtro {
  height: 25px;
  margin-top: 0px;
  overflow: none;
  background: ;
  border-bottom: 1px #FFF solid;
}

.input_filtro select {
  background: rgb(68,68,68);
  border-bottom:1px #FFF solid;
  margin-top: 2.5px;
  width: 90%;
  font-size: 12px;
  color: #FFF;
  border: 0;
  border-radius: 0;
  height: 20px;
  -webkit-appearance: none;
  border: 0 none !important;
  outline: 0px none !important;
}

.input_filtro input {
  background: rgb(68,68,68);
  border-bottom:1px #FFF solid;
  margin-top: 2.5px;
  width: 90%;
  font-size: 10px;
  color: #FFF;
  border: 0;
  border-radius: 0;
  height: 20px;
  -webkit-appearance: none;
  border: 0 none !important;
  outline: 0px none !important;
}

.input_filtro input::-webkit-input-placeholder { /* Chrome */
  color: #FFF;
}

.btn_upload
{
	width: 120px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	float: left;
	color: #fff;
	background: #009639;
	transition: background-color 500ms ease-out;
}

.btn_upload:hover {  
  background-color: #0078a0;
}

.file-upload {
  white-space: nowrap;
  margin-left: 10px;
  height: 50px;
  background: red;
}

.file-upload > input[type="file"] {
  opacity: 0;            /* Set this to 0.2 and background-color: red to see how it overlays */
  width: 10em;           /* Enough width to cover the button and the label */
}

.file-upload button {
  float: left;
  height: 100%;
  padding: 1em 1.5em 1em 1.3em;
  color: #fff;
  background: #009639;
  border-width: 0;
  transition: background-color 300ms ease-out;
}

.file-upload button:hover {  
  background-color: #0078a0;
}

.file-upload label {
  height: 100%;
  padding: 1em 1.5em 1em 1.3em;
  color: #fff;
  background: #009639;
  border-width: 0;
  transition: background-color 300ms ease-out;
}

body{
	background: rgb(38,38,38);
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-style: normal;
	font-variant: normal;
	margin: 0px;
	}

canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	z-index: 9999;
    }

.alerta
{
	width: 500px;
	height: 100px;
	background: #FFF;
	position: absolute;
	margin: 120px 0 0 50%;
	left: -25%;
	
}

.btn-alerta
{
	width: 500px;
	height: 30px;
	background: #F15E5E;
	color: #FFF;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin: 5 0 0 0;
	float: ;
	cursor: pointer;
}

.btn_alerta:hover
{
	filter: brightness(200%);
}
	
.perfil
{
	width: 300px;
	height: 170px;
	float: right;
	background: #FFF;
	position: absolute;
	margin-top: 55px;
	margin-left:calc(100% - 310px);
	display: none;
	z-index: 9999;
	box-shadow: 0px 0px 20px #000;
}

.caret-perfil
{
	width: 15px;
	height: 15px;
	background: #FFF;
	margin: -5px 19px 0px 0px;
	float: right;
	transform: rotate(45deg);
}

.img-user
{
	width: 100px;
	height: 100px;
	float: left;
	background: #E74C3C;
	color: #FFF;
	border-radius: 50px;
	margin: 10px 0px 0px 5px;
	line-height: 100px;
	text-align: center;
	font-size: 50px;
	font-weight: bold;
}

.user-info
{
	width: 180px;
	height: 50px;
	float: left;
	color: #000;
	padding: 5 0 0 5;
	font-size: 14px;
}

.user-visualiza
{
	width: 180px;
	height: 50px;
	float: left;
	color: #000;
	padding: 0 0 0 5;
	font-size: 14px;
}

.texto-visualiza
{
	color: rgb(51,102,204);
	cursor: pointer;
}

.barra-sair
{
	width: 100%;
	height: 50px;
	background: rgb(245,245,245);
	position: absolute;
}

.btn-logout
{
	width:70px;
	height:30px;
	background:rgb(248,248,248);
	line-height:30px;
	color:#AAA;
	float:right;
	text-align:center;
	border:1px #CCC solid;
	margin:10 15 0 0;
	cursor:pointer;
}

.btn-logout:hover
{
	background: #E74C3C;
	color: #FFF;
	font-weight: bold;
}
	
.loading {
  position: fixed;
  width: 100%;
  height: 100%;
}
.loaded .loading {
  display: none;
}
	
.principal
{
	width: 99%;
	height: auto;
	background: ;
	margin-left: 0.5%;
	margin-top: 7px;
}

.secundario
{
	margin-bottom: 10px;
	width: 100%;
	height: auto;
	position: ;
	border: 1px rgb(68,68,68) solid;
	padding-bottom: 15px;
	margin-left: ;
	margin-top: 5px;
}
	
.paginacao{
	height: 30px;
	background: rgb(240,240,240);
	color: rgb(60,60,60);
	line-height: 30px;
	text-align: center;
	float: left;
	margin-right: 5px;
	cursor: pointer;
	font-weight: ;
	border-radius: 3px;
	border-bottom: 1px rgb(50,50,50) solid;
}
.paginacao:hover{
	background: rgb(255,187,78);
	color: #FFF;
}

.paginacao:active{
	background: rgb(255,172,34);
	margin-top: 1px;
}
	
.topo{
	background: ;
	width: 100%;
	height: 50px;
	margin-left: 0px;
	color: #FFF;
	}
	
.logo{
	width: 150px;
	height: 100%;
	float: left;
	background: ;
	line-height: 0px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-top: -5px;
	}
.topo_titulo{
	/* width: 150px; */
	width: ;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	float: left;
	background: ;
	padding-left: 20px;
	letter-spacing: 1px;
	border-left: 1px rgb(150,150,150) solid;
	background:;
	}
.area_user
{
	width: 150px;
	height: 100%;
	background: ;
	float: right;
}

.menucontexto
{
	position: fixed;
	z-index: 9999;
	width: 150px;
	height:	;
	background: red;
	display: none;
	cursor: pointer;
	border: 1px rgb(60,60,60) solid;
}

.filtrocontexto
{
	position: fixed;
	z-index: 9999;
	width: 150px;
	height:	;
	background: ;
	display: none;
	cursor: pointer;
	border: 1px rgb(60,60,60) solid;
	float: left;
}

.itenscontexto
{
	width: 100%;
	height: 30px;
	background: green;
	line-height: 30px;
	background: rgb(240,240,240);
	color: rgb(60,60,60);
}

.itenscontexto:hover
{
	background: rgb(60,60,60);
	border-right: 5px orange solid;
	color: #FFF;
}

.iconcontexto
{
	width: 30px;
	height: 100%;
	background: ;
	float: left;
	line-height: 30px;
	padding-top: 7px;
	text-align: center;
}

.textocontexto
{
	
}

.pdf{
	background: ;
	background-image:url(img/ico/pdf.png);
	background-position:center;
	background-repeat:no-repeat;
	height: 90px;
}

.conteudo{
	background: rgb(38,38,38);
	width: 100%;
	height: calc(100% - 50px);
	}
.caret-expandir{
	height: 30px;
	line-height: 30px;
	text-align: right;
	color: rgb(200,200,200);
	padding-right: 5px;
	cursor: pointer;
	}
.menu_lateral{
	z-index: 9999;
	background: rgb(19, 22, 28);
	width: 150px;
	height: 100%;
	float: left;
	}
.exibe_menu{
	width: 30px;
	height: 30px;
	background: ;
	color: #FFF;
	cursor: pointer;
	text-align: center;
	line-height: 30px;
	float: left;
}
.itens_menu{
	background: rgb(19, 22, 28);
	padding-left: 5px;
	width: ;
	height: 30px;
	line-height: 30px;
	color: rgb(200,200,200);
	font-size: 12px;
	}
.itens_menu:hover{
	background: rgb(121, 190, 200);
	cursor: pointer;
	color: #000;
	}
.itens_sub_menu{
	background: rgb(49, 55, 70);
	padding-left: 15px;
	height:30px;
	line-height: 30px;
	color: rgb(200,200,200);
	font-size: 12px;
	}
.itens_sub_menu:hover{
	background: rgb(121, 190, 200);
	cursor: pointer;
	font-weight: bold;
	color: #000;
	}
.exibicao{
	position: relative;
	background: #FFF;
	height: calc(100% - 30px);
	overflow: auto;
	}
.informacoes{
	background: ;
	line-height: 20px;
	width: 100%;
	height: 20px;
	position: fixed;
    z-index:10;
	bottom: 0;
    clear: both;
	margin-bottom: 0;
	float: right;
	display: none;
}
.exibicao_load{
	position: relative;
	background: #CCC;
	width: calc(100% - 150px;);
	height: calc(100% - 30px);
	overflow-x: scroll;
	display: none;
	}
.submenu{
	background: rgb(8,8,8);
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: white;
	}
.cx-md{
	float: left;
	width: 250px;
	height: calc(100% - 20px);
	background:red;
	margin: 10px;
	}
table, th, td {
    border: 0px solid black;
	white-space: nowrap;
	font-size: 12px;
}
table {
    margin-left: 0.5%;
	border-collapse: collapse;
	width: 99%;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-size: 10px;
}
tr{
	border-bottom: 1px solid rgb(200,200,200);
}
th {
	padding: 2px;
    background-color: #FFF;
    color: #000;
	height: 25px;
	border-bottom: 1px #CCC solid;
	text-align: left;
}
th:hover{
	background: #BBB;
	font-weight: bold;
}
td {
	padding: 2px;
	height: 20px;
	
}
tr:nth-child(odd){background-color: #f2f2f2}
tr:hover{background-color: #BBB;cursor: pointer;color:;font-weight:;}
.div-tabela{
	margin-top: 10px;
	width: 100%;
	background: ;
	overflow-x: auto;
	padding-bottom:px;
}
.semselecao{
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.div-formulario{
	margin-top:0px;
	width: 100%;
	height: ;
	background: rgb(255,255,255);
	overflow-x: auto;
}
.combo-input{
	background: #009639;
	color: #FFF;
	width: 30%;
	height: 30px;
	float: left;
	margin-left: 2.5%;
	margin-bottom:20px;
	border-left: 5px solid #009639;
}
.div-input{
	background: #FFF;
	width: 102%;
	height: 25px;
}
.div-label-input{
	font-size: 10.5px;
	font-weight: bold;
	padding-top: 2px;
}
.textareaform{
	border: 1px #CCC solid;
	width:100%;
	height:50px;
	resize:none;;
}
.textareaform:hover{border: 1px solid #333;}
input{
	background-color: #fff;
	border: 1px solid #ccc;
	width: 100%;
	height: 25px;
	padding: 0px 10px 0px 10px;
	font-size: 12px;
}
input:hover{border: 1px solid #333;}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box
}

input[type=checkbox]
{
	width: 15px;
	height:15px;
	cursor: pointer;
}

input[type="text"]:disabled {
    background: #EEE;
}

select[disabled]{
    background: #EEE;
	font-size: 12px;
}

/* Esconder no IE 10 */
select::-ms-expand {
  display: none 
}

select{
	background-color: #fff;
	border: 1px solid #ccc;
	width: 100%;
	height: 25px;
	padding: 0px 10px 0px 10px;
	font-size: 12px;
}
select:hover{border: 1px solid #AAA;}

/* Outros navegadores */
select {
  -webkit-appearance: none;
          appearance: none
}

select:focus {
  outline: ;
}

/* Caixa em volta do select */
.select {
  position: relative;
  width: 100%;
  height: 25px;
  z-index: 1;
}

/* A seta */
.select:before { 
  display: block;
  font-family: 'FontAwesome';
  height: 100%;
  position: absolute;
  top: 0; right: 0;
  width: 1em;
  z-index: -1
}

.select > select {
  display: block;
  margin: 0;
  padding-left: 10px;
  width: 100%;
}

/**
 * Pseudo-class 'any', referência:
 * https://developer.mozilla.org/en-US/docs/Web/CSS/:any */
:-moz-any(.select):before {
  background-color: #fff;
  pointer-events: none;
  z-index: 1;
}

/**
 * O código abaixo não tem relevância, o único propósito
 * é tornar o exemplo 'apresentável' esteticamente. */
.select {
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 0 0 2em;
  padding: 0;
}

.select:hover {
  border-color: #333;
}

.select:before {
  color: #333;
  font-size: 1em;
  line-height: 2.5em;
  padding: 0 0.625em;
  text-align: center;
}

.select > select {
  background-color: transparent;
  border: 0 none;
  box-shadow: none;
  color: #333;
  font-size: 100%;
  line-height: normal;
}

.barramenu{
	width: 100%;
	height:30px;
	background-color: rgb(200,200,200);;
}

/* MODAL500 */
.modal500
{
	width:80%;
	height:400px;
	background:rgb(203,220,225);
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-250px;
	margin-left:-40%;
	display:none;
	z-index: 9999;
}
/* MODAL500 */

/* BOTAO 1 */

.botao_laranja
{
	width:px;
	height:30px;
	background:rgb(255,184,72);
	line-height:30px;
	text-align:center;
	font-weight:;
	color:#FFF;
	margin-right:5px;
	float:left;
	cursor:pointer;
	border-radius:2px;
	padding: 0px 10px 0px 10px
}

.botao_vermelho
{
	width:px;
	height:30px;
	background:rgb(216,74,56);
	line-height:30px;
	text-align:center;
	font-weight:;
	color:#FFF;
	margin-right:5px;
	float:left;
	cursor:pointer;
	border-radius:2px;
	padding: 0px 10px 0px 10px
}

.botao_azul
{
	width:px;
	height:30px;
	background:blue;
	line-height:30px;
	text-align:center;
	font-weight:;
	color:#FFF;
	margin-right:5px;
	float:left;
	cursor:pointer;
	border-radius:2px;
	padding: 0px 10px 0px 10px
}

/* BOTAO 1 */

/* BOTÃO MÉDIO */
.botao_md{
	width:100px;
	height:100%;
	float:left;
	position:;
	cursor:pointer;
	border:1px solid #696969;
}
.botao_md:hover{
	background-color: #898989;
	color: #EEE;
}
.icone_botao_md{
	width:29px;
	height:100%;
	background:;
	float:left;
	text-align:center;
	line-height:50px;
}
.texto_botao_md{
	width:69px;
	height:100%;
	font-size: 12px;
	background:;
	float:left;
	text-align:;
	line-height:30px;
}
/* BOTÃO MÉDIO */

/* TESTE BOTAO */
.icon-arrow-right:before {
	content: ">";
}
/* General button style (reset) */
.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: ;
	cursor: pointer;
	/* padding: 25px 80px; */
	display: inline-block;
	/* margin: 15px 30px; */
	margin-right: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	float: left;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/* BTN LARANJA */
.btn-laranja{
	background: #fcad26;
	color: #fff;
}

.btn-laranja:hover {
	background: #f29e0d;
}

.btn-laranja:active {
	background: #f58500;
	top: 2px;
}

.btn-laranja:before {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 3;
	font-size: 140%;
	width: 60px;
}
/* BTN LARANJA */

/* BTN VERMELHO */
.btn-vermelho{
	background: #c90303;
	color: #fff;
}

.btn-vermelho:hover {
	background: #c20a0a;
}

.btn-vermelho:active {
	background: #cc0000;
	top: 2px;
}

.btn-vermelho:before {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 3;
	font-size: 140%;
	width: 60px;
}
/* BTN VERMELHO */

/* BTN AZUL */
.btn-azul{
	background: #2783fc;
	color: #fff;
}

.btn-azul:hover {
	background: #0d70f2;
}

.btn-azul:active {
	background: #006af5;
	top: 2px;
}

.btn-azul:before {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 3;
	font-size: 140%;
	width: 60px;
}
/* BTN AZUL */

.btn-3e {
	/* padding: 25px 120px 25px 60px; */
	padding: 5px 30px 5px 10px;
	overflow: hidden;
}

.btn-3e:before {
	left: auto;
	right: 10px;
	z-index: 2;
}

.btn-3e:after {
	width: 30%;
	height: 200%;
	background: rgba(255,255,255,0.1);
	z-index: 1;
	right: 0;
	top: 0;
	margin: -5px 0 0 -5px;
	-webkit-transform-origin: 0 0;
	-webkit-transform: rotate(-20deg);
	-moz-transform-origin: 0 0;
	-moz-transform: rotate(-20deg);
	-ms-transform-origin: 0 0;
	-ms-transform: rotate(-20deg);
	transform-origin: 0 0;
	transform: rotate(-20deg);
}

.btn-3e:hover:after {
	width: 40%;
}
/* TESTE BOTAO */

/* BTN MENU */
.input-m
{
	width:50px;
	height:30px;
	float:left;
	cursor: pointer;
	border-bottom: 1px rgb(60,60,60) solid;
	text-align: center;
}

.btn-menu
{
	width:50px;
	height:30px;
	float:left;
	cursor: pointer;
	border-bottom: 1px rgb(60,60,60) solid;
	text-align: center;
}

.inicio
{
	border-radius: 5px 0px 0px 5px;
}

.unico
{
	border-radius: 5px 5px 5px 5px;
}

.fim
{
	border-radius: 0px 5px 5px 0px;
}

.btn-m{
	background: rgb(240,240,240);
	color: rgb(60,60,60);
}

.btn-m:hover {
	background: rgb(255,187,78);
	color: #FFF;
}

.btn-m:active {
	background: rgb(255,172,34);
	margin-top: 1px;
}
/* BTN MENU */

.btn-load
{
	width:50px;
	height:100%;
	line-height: 40px;
	text-align:center;
	cursor: pointer;
	margin-right: 2px;
	background-image: url('../img/load.gif');
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: center;
	display: none;
}

.btn-menu2
{
	width:50px;
	height:100%;
	line-height: 40px;
	background:rgb(60,60,60);
	float:left;
	text-align:center;
	cursor: pointer;
	margin-right: 2px;
}

.btn-menu2:hover
{
	border-bottom: 5px orange solid;
}

.btn-menu2:active
{
	margin-top: 1px;
}

.btn-menu3
{
	width:50px;
	height:100%;
	line-height: 40px;
	background:rgb(60,60,60);
	float:left;
	text-align:center;
	cursor: pointer;
	margin-right: 2px;
}

/* BTN MENU */