.center {
width:100%;	
max-width:1000px;	
top: 0px;
left:0px;	
right:0px;
margin:0 auto;
background-color:#ddd;
}

input[type=text]{
width:100%;
border-radius:2px;	
border:none;
height:23px;
margin: 0 0 10px 0;
display:block;
background-color:#fff;
text-transform:uppercase;
}


th{
text-align:center;
height:40px;
background-color: #bdb6b6;
}

table{
/*border-collapse: separate;*/
border-collapse: collapse;
}


input[type=date]{
width:100%;
border-radius:2px;	
border:none;
height:23px;
margin: 0 0 10px 0;
display:block;
background-color:#fff;
text-transform:uppercase;
}


#text2[type=text] {
    max-width: 80px;
    /*height: 18px;*/
    background-color: #fff;
    text-align: center;
    margin-top:3px;
}

input[type=password]{
width:100%;
border-radius:2px;	
border:none;
height:23px;
margin: 0 0 10px 0;
display:block;
background-color:#fff;
}

input[type=submit]{
width:100%;
font:normal 13px arial;	
background-color:#3367d6;
color:#fff;	
padding:0px;
margin:0px;
border:none;
height:22px;
/*border-bottom: solid 3px #000;*/
}

input[type=submit]:hover{
background-color:#bdb6b6;
color:#000;	
padding:0px;
cursor:pointer;
margin:0px;
}

input[id=botao]{
background-color:#3367d6;
color:#fff;
width:100%;
height:30px;
margin:0px 0 3px 0;
padding:0px;
}

input[id=botao]:hover{
background-color:#bdb6b6;	
color:#000;
margin:0px 0 3px 0;
padding:0px;
}


input[id=botao2]{
background-color:#3367d6;
color:#fff;
width:100%;
height:30px;
margin:0px 0 3px 0;
padding:0px;
}

input[id=botao2]:hover{
background-color:#bdb6b6; 
color:#000;
margin:0px 0 3px 0;
padding:0px;
}



.botao{
background-color:#3367d6;
color:#fff;
width:100%;
height:30px;
margin:0px 0 3px 0;
padding:0px;
}

.botao:hover{
background-color:#bdb6b6; 
color:#000;
margin:0px 0 3px 0;
padding:0px;
}






button[type='submit']{
background-color:#3367d6;
color:#fff;
width:100%;
height:30px;
margin:0px 0 3px 0;
padding:0px;
border:none;
}

button[type='submit']:hover{
background-color:#bdb6b6; 
color:#000;
margin:0px 0 3px 0;
padding:0px;
border:none;
cursor:pointer;
}


input[id=botao_consulta]{
background-color:#936940;
color:#fff;
width:100%;
height:30px;
margin:0px 0 3px 0;
padding:0px;
}

input[id=botao_consulta]:hover{
background-color:#bdb6b6;	
color:#000;
margin:0px 0 3px 0;
padding:0px;
}


input[id=editar]{
background-color:#18a418;
color:#fff;
width:100%;
height:20px;
margin:0px;
padding:0px;
}

input[id=editar]:hover{
background-color:#bdb6b6;	
color:#000;
margin:0px;
padding:0px;
}


input[id=editar2]{
background-color:#18a418;
color:#fff;
width:100%;
height:30px;
margin:0px;
padding:0px;
}

input[id=editar2]:hover{
background-color:#bdb6b6;	
color:#000;
margin:0px;
padding:0px;
}


input[id=excluir2]{
background-color:#000;
color:#fff;
width:100%;
height:20px;
margin:0px;
padding:0px;
}

input[id=excluir2]:hover{
background-color:#bdb6b6;	
color:#000;
margin:0px;
padding:0px;
}

input[id=visualizar]{
background-color:#3367d6;
color:#fff;
width:100%;
height:20px;
margin:0px;
padding:0px;
}

input[id=visualizar]:hover{
background-color:#bdb6b6;	
color:#000;
margin:0px;
padding:0px;
}

input[id=exportar2]{
background-color:#ac6c34;
color:#fff;
width:100%;
height:20px;
margin:0px;
padding:0px;
}

input[id=exportar2]:hover{
background-color:#bdb6b6;	
color:#000;
margin:0px;
padding:0px;
}


input[id=exportar]{
background-color:#ac6c34; 
color:#fff;
height:30px;
width:100%;
margin:0px;
padding:0px;
}

input[id=exportar]:hover{
background-color:#bdb6b6;	
color:#000;
margin:0px;
padding:0px;
}

input[id=excluir]{
background-color:#000;
color:#fff;
width:100%;
height:30px;
margin:0px;
}

input[id=excluir]:hover{
background-color:#bdb6b6;	
color:#000;
margin:0px;
}

input[id=excluir2]{
background-color:#000;
color:#fff;
width:100%;
margin:0px;
}

input[id=excluir2]:hover{
background-color:#bdb6b6;	
color:#000;
margin:0px;
}


input[id=bot]{
background-color:#3367d6;	
color:#fff;
width:200px;
height:30px;
margin: 0 0 6px 0;
}

input[id=bot]:hover{
background-color:#bdb6b6;	
color:#000;
margin: 0 0 6px 0;
}


.select{
display:block;
width:100%;
max-width:100%;
height:25px;
margin:0 0px 7px 0px;
background-color:#fff;
padding:0px;
}


label{
font: bold 13px arial;
display:block;
}

legend{
font: bold 14px arial;	
color:#1747a9;
}

.center2 {
width:100%;	
max-width:900px;	
top: 0px;
left:0px;	
right:0px;
margin:0 auto;
background-color:#ddd;
}

.center3 {
width:100%;
max-width:600px;	
top:20%;
left:0px;	
right:0px;
margin:0 auto;
}

.center4 {
width:100%;
max-width:400px;	
top:8%;
left:0px;	
right:0px;
margin:0 auto;
}

.center5 {
width:100%;	
max-width:280px;	
top:8%;
left:0px;	
right:0px;
margin:0 auto;
position:absolute;
}

.center6 {
width:100%;	
max-width:1000px;
min-height:600px;
top:8%;
left:0px;	
right:0px;
bottom:0px;
margin:0 auto;
background-color:#ddd;
border-radius:7px;
}

.center6 img{
max-width:100%;	
height:auto;
}

p{
font:normal 17px arial;	
padding: 0 10px;
}

header{
top:0px;
left:0px;	
right:0px;
margin:0 auto;
max-width:1000px;
/*background-color:#3b5998;*/
background-color:#3367d6;
min-height:50px;
z-index:9999;
/*border-radius:7px;*/
border-bottom: solid 3px #000;
}

.info{
background-color:#ddd;	
text-align:center;
padding: 7px 0px;*/
z-index:0;
margin-bottom: 7px;
margin-top: 7px;
}

.conteudo{
	max-width:1000px;
	min-height:750px;
	z-index:9995;
	background-color:#ddd;
	padding: 10px 0px;
	border-radius:5px;
	/*margin:0px;*/
	}

.conteudo2{
max-width:1000px;
height:auto;
z-index:9995;
background-color:#ddd;
padding: 10px 0px;
border-radius:5px;
}

#menu-esquerda img{
	width:45px;
	height:45px;
	margin:7px 0 0 2px;
	float:left;
}


#menu-direita img{
	width:45px;
	height:45px;
	margin:7px 0 0 10px;
	float:right;
}

#menucomp{
max-width:250px;
position:absolute;	
}

#menucomp img{
	width:45px;
	height:45px;
}

.footer{
	max-width:1000px;
	background-color:#3367d6;
	padding: 10px 0px;
	color:#fff;
	text-align:center;
	/*border-radius:7px;*/
	margin-top: 10px;
	margin-bottom:15px;
	}

.footer span{
margin:10px;	
}


body{
font:normal 13px arial;
background-color:#bdb6b6;
margin:0;
padding:0;
}

.fundo{
background-color:#ddd;	
padding:5px;
border-radius:7px;
}


.botao a:link, a:visited{
font:normal 13px arial;	
border:none;
color:#fff;
text-decoration:none;
cursor:pointer;
background-color:#3367d6;
border-bottom: solid 3px #000;
margin:0px;
padding:5px;
}

.botao a:hover{
background-color:#bdb6b6;
color:#000;
padding:0px;
border:none;
margin:0px;
padding:5px;
border-bottom: solid 3px #000;
}

.botao2 a:link, a:visited{
color:#ff1010;
text-decoration:none;
}

.botao2 a:hover{
color:#ff1010;
text-decoration:underline;
}

.maius{
text-transform:uppercase;	
}

.negrito{
font-weight: bold;
}

.italico{
font-style:italic;	
}

.azul{
color:#1747a9;
}

.vermelho{
color:#6f0707;	
}

.verde{
color:#225222;	
}

.marron{
color:#936940;	
}



tr:nth-child(even) {
background-color: #bdb6b6;
}

tr{
padding:0px;
margin:0px;	
}

th{
background-color:#3367d6;	
color:#fff;
}

td{
/*text-transform:uppercase;*/
margin:0px;
padding:0px;
}

textarea{
width:99%;
margin:0px;
padding:0px;
}


.textleft{
text-align:left;	
}

.recebida{
font-style:italic;
color:blue;
}


.select{
width:100%;
/*max-width:100%;*/
border-radius:2px;	
border:none;
height:25px;
margin: 0 0px 10px 0;
background-color:#fff;
}

input[id=botPequeno]{
background-color:#3367d6;	
color:#fff;
width:60px;
height:30px;
margin: 0 0 0px 7px;
float:right;
display:inline;
border-radius:5px;
}

input[id=botPequeno]:hover{
background-color:#bdb6b6;	
color:#000;
margin: 0 0 0px 7px;
}

.text-center{
text-align:center;	
}

input[type=checkbox] {
  transform: scale(1.3);
}

h3{
text-align:center;
color:#1747a9;
}


.alerta {
padding:10px;
border:1px solid gray;	
border-radius:3px;
font-size:15px;
margin:10px 10px;
text-align:center;
}

.alerta2 {
padding:10px;
border-radius:3px;
font-size:15px;
margin:10px 10px;
text-align:justify;
}

.error{
border-color:#e8273b;	
color:#000;
background-color:#ed5565;
}

.sucesso{
border-color:#87c940;	
color:#000;
background-color:#a0d468;
}

.atencao{
border-color:#f4a911;	
color:#000;
background-color:#f6bb42;
}

.inf{
border-color:#2f80e7;	
color:#000;
background-color:#5d9cec;
}

.aviso{
border-color:#2f80e7; 
color:#fff;
background-color:#3367d6;
}





/*PAGINAAO*/
#pagina{
padding:8px 3px;	
}

#pagina a:link, a:visited{
background-color:#ddd;	
padding:3px 6px;
margin:2px;
border-radius:3px;
text-decoration:none;
font-size:15px;
color:#000;
}

#pagina a:hover{
background-color:#3367d6;
color:#fff;	
}

#pagina a.ativo{
background-color:#3367d6;
color:#fff;
font-weight:bold;
}
/*FIM DA PAGINACAO*/



/**
*** Seta para ESQUERDA
**/
.seta-esquerda:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0; 
  height: 0; 

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; 
  border-right: 5px solid blue; 
}

/**
*** Seta para DIREITA
**/
.seta-direita:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0; 
  height: 0; 

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid green;
}

/**
*** Seta para CIMA
**/
.seta-cima:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0; 
  height: 0; 

  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}

/**
*** Seta para BAIXO
**/
.seta-baixo:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0; 
  height: 0; 

  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #f00;
}

.sb{
border:none;
}

.none{
display:none;  
}

.centro{
text-align:center;  
}

.resp {
  position: relative;
  padding-bottom: 55%;
  padding-top: 10px;
  height: 0;
  overflow: hidden;
}

.resp iframe,  
.resp object,  
.resp embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.just{
text-align:justify;
}



.toggle > label {
    position: relative;
    display: block;
    height: 20px;
    width: 44px;
    background: #898989;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.toggle > label:after {
    position: absolute;
    left: -2px;
    top: -3px;
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 100px;
    background: #fff;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.05);
    content: '';
    transition: all 0.3s ease;
}
.toggle > label:active:after {
    transform: scale(1.15, 0.85);
}
.toggle > input:checked ~ label {
    background: #84a3e5; /*azul claro*/
}
.toggle > input:checked ~ label:after {
    left: 20px;
    background: #3367d6; /*azul escuro*/
}
.toggle > input:disabled ~ label {
    /*background: #d5d5d5;*/ /*branco*/
    background: #bdb6b6; /*branco*/
    pointer-events: none;
}
.toggle > input:disabled ~ label:after {
    background: #3a3737; /*cinza escuro*/
}

.toggle {
    margin-bottom: 40px;
}
.toggle > input {
    display: none;
}



/* CSS W3 */
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}

#editor1,#editor2,#editor3,#editor4,#editor5,#editor6,#editor7,
#editor8,#editor9,#editor10,#editor11,#editor12{width:100%;}

/* direcao */
.w3-left{float:left!important}
.w3-right{float:right!important}

/* botao */
.w3-button:hover{color:#000!important;background-color:#ccc!important}

/* card */
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}

/* animação */
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}

/*modal*/
.w3-modal{z-index:3;display:none;padding-top:8%;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px;font-family:arial}
.w3-modal-pequeno{max-width:400px;}
.w3-modal-medio{max-width:600px;}
.w3-modal-grande{max-width:800px;}

/*cor*/
.w3-azul,.w3-hover-zul:hover{color:#fff!important;background-color:#3367d6!important}

/*display*/
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}

/* botao */
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}


/* NOVO MODAL */

.novoModal {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.7);
  z-index: 9999;
  display:none;
}

.novoModal h1, h2, h3{
  text-align:center;
}

.novoModal p {
text-align:left;
}

.novoModal:target{
  opacity:1;
  pointer-events: auto;
}


.novoModal > div {
  width: 320px;
  text-align:left;
  position: relative;
  margin: 10% auto;
  padding: 5px 10px 13px 10px;
  border-radius: 10px;
  background: #fff;
  background: -moz-linear-gradient(#fff, #999);
  background: -webkit-linear-gradient(#fff, #999);
  background: -o-linear-gradient(#fff, #999);
  }

.close {
  background: #606061;
  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
}

.titulo-modal{
  margin:-10px;
  background-color:#3367d6;
  padding:15px 10px;
  color:#fff;
  margin-bottom:15px;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}

/* FIM DO MODAL */ 



/* SPINNER E LOADER */


.spinner{
  border: 8px solid rgba(0,0,0,.1);
  border-left-color: #3367d6;
  height:60px;
  width:60px;
  border-radius:50%;
  animation: spin 1s linear infinite;
}

.centralizar{
  display:flex;
  align-items:center;
  justify-content: center;
}

@keyframes spin{
  to {transform: rotate(360deg); }
}


/*LOADER*/
.loader{
  height:100px;
  width:100%;
  border-radius:50%;
  display:flex;
  justify-content: center;
  align-items: center;
}

.circle{
  background: #3367d6;
  width:40px;
  height:40px;
  margin: 0 4px;
  border-radius:50%;
  animation: animate 2s infinite linear;
}

.circle:nth-child(0){
   animation-delay: 0.5s;
}

.circle:nth-child(1){
   animation-delay: 1s;
}

.circle:nth-child(2){
   animation-delay: 1.5s;
}

@keyframes animate{
  0%, 100%{ opacity:0; }
  50% {opacity: 1;}
}

/* FIM DO LOADER E SPINER */