@CHARSET "ISO-8859-1";

/* MEDIA QUERIES PARA TELAS 'PEQUENAS' - ATÉ 640px */
@media screen and (max-width: 640px) {

footer {
	margin-top: 25px;
}
	
/*	CABEÇALHO	*/
.logo {
	float: none;
	text-align: center;
}
.navPerfil {
	float: none;
	text-align: center;
	margin: 15px 0;
	font-size: 12pt;
}

/* CAIXA DE LOGIN */
.login-card {
  padding: 20px 7px;
  width: 90%;
}

		
		
/* CATEGORIAS NO HEADER */
.navCategorias {
	width: 100%;
}

.itemCategoria {
	text-align: center;
	font-weight: bold;
	font-size: 2.5vw;
	display: table-cell;
	/*border: 1px solid #000;*/
}

.imgCategoria {
	width: 100%;	
	margin: 0 5px;
}


/*	DIV NAVEGACAO - CONTÉM A NAVEGAÇÃO LATERAL	*/
#divNavegacao {
	float: left;
	text-align: center;
	width: 100%; 
}

/* NAVEGACAO LATERAL	*/
.navLateral {
	width: 100%; 
	text-align: center;	
	margin: 0 0 1em 0; 
}

.navLateral ul a:link { 
   font-size: 5vw;
} 

.navLateral ul a:active { 
   font-size: 5vw; 
} 

.navLateral ul a:visited {  
   font-size: 5vw;
} 

.navLateral ul li a:hover { 
   font-size: 5vw;
} 

/* IMAGEM DO MENU NA NAVEGACAO LATERAL	*/
.imgMenuNavegacaoLateral {	
	visibility: hidden;
	height: 0px;
}



/* CONTEÚDO PRINCIPAL	*/
.conteudo {
	float: left;
	width: 100%;
	height: auto;
	text-align: center;
}


/* DIVS NO CONTEUDO PRINCIPAL QUE CONTÉM O FORMULÁRIO DE CRIAÇÃO	*/
.cadastrarEditar {
	text-align: center;
}

#divFiltrosRelatorio span {
	display: inline-block;
	margin: 3vw 0;
}
#divFiltrosRelatorio input[type="text"], #divFiltrosRelatorio input[type="date"] {
	width: auto;
}
.brMobile {
	display: block;
}
#divLogoCabecalho {
	width: 100%;
	text-align: center;
}
#divInfoCabecalho {
	width: 100%;
	text-align: center;
}



/* TITULO	*/
.titulo h2 {
	font-size: 5vw;
	margin-top: .3em;
	margin-bottom: .3em;
}


/* FORMULARIOS*/
label>span {
    float: none;
    display: inline-block;
    text-align: center;
    width: 95%;
	font-size: 4.5vw;
    margin-top: 10px;
    font-size: 5vw; 
    font-weight: bold;
}
input[type="text"], .form input[type="email"], .form input[type="password"], input[type="date"], .form input[type="number"], input[type="number"], .form input[type="time"], .form textarea, select, textarea {
    height: 6vw;
    font-size: 4.5vw;
    width: 90%;
}
select {
    height: 9vw;
   	width: auto;   
}

/*	span para texto após outro span	*/
.spanTexto {
	width: 95% !important;	
}


/*	TABELAS */
.tbEstilo1 td, .tbEstilo2 td {
	font-size: 3.2vw;
}

.tbEstilo1 th, .tbEstilo2 th {
	font-size: 3.7vw;
}

#tbMaquinariosCarga {
	width: 98%;
}

/*	ocultar colunas quando mobile */
.hideMobile, 
#tabelaCargas th:nth-child(4), #tabelaCargas td:nth-child(4), 
#tbCargasFaturamento th:nth-child(1), #tbCargasFaturamento td:nth-child(1), #tbCargasFaturamento th:nth-child(4), #tbCargasFaturamento td:nth-child(4), #tbCargasFaturamento th:nth-child(5), #tbCargasFaturamento td:nth-child(5), #tbCargasFaturamento th:nth-child(6), #tbCargasFaturamento td:nth-child(6), #tbCargasFaturamento th:nth-child(7), #tbCargasFaturamento td:nth-child(7), #tbCargasFaturamento th:nth-child(9), #tbCargasFaturamento td:nth-child(9),
#tbCargasRelatorio th:nth-child(1), #tbCargasRelatorio td:nth-child(1), #tbCargasRelatorio th:nth-child(4), #tbCargasRelatorio td:nth-child(4), #tbCargasRelatorio th:nth-child(5), #tbCargasRelatorio td:nth-child(5), #tbCargasRelatorio th:nth-child(6), #tbCargasRelatorio td:nth-child(6), #tbCargasRelatorio th:nth-child(7), #tbCargasRelatorio td:nth-child(7), #tbCargasRelatorio th:nth-child(9), #tbCargasRelatorio td:nth-child(9), #tbCargasRelatorio th:nth-child(11), #tbCargasRelatorio td:nth-child(11),
#tbFaturamentosRelatorio th:nth-child(1), #tbFaturamentosRelatorio td:nth-child(1), #tbFaturamentosRelatorio th:nth-child(2), #tbFaturamentosRelatorio td:nth-child(2), #tbFaturamentosRelatorio th:nth-child(5), #tbFaturamentosRelatorio td:nth-child(5)  {
	display: none;
}
#tbCargasRelatorio th, #tbCargasRelatorio td {
	padding: 2px;
}

.popup {
	width: 90%;
	height: 85% !important;
}
.popup label {
	width: 98%;
}


	
/*	TABS	*/
.tab-links li {
	margin:5px 5px;;
}

.tab-links a {
	font-size:3.7vw;
}



	
}








/* MEDIA QUERIES PARA TELAS 'PEQUENAS / paisagem' - ATÉ 640px */
@media screen and (max-width: 640px) and (orientation: landscape) {
	
	
}