@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;
	margin: 12px 0 5px 0;
}
.logo img {
	max-width: 95%;
}

/* 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: 4vw;
	display: table-cell;
	/*border: 1px solid #000;*/
}

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





/* 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;
}

.brMobile {
	display: block;
}
#divLogoCabecalho {
	width: 100%;
	text-align: center;
}
#divInfoCabecalho {
	width: 100%;
	text-align: center;
}




/* FORMULARIOS*/
label>span {
    float: none;
    display: inline-block;
    text-align: center;
    width: 95%;
	font-size: 4.5vw;
    margin-top: 10px;
    font-size: 5vw; 
}
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;	
}



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


#divScore {
	bottom: 5%;
	margin: 0 2px;
	padding: 10px 15px 7px 15px;
}
#tituloScore {
	font-size: 10pt;
}
#valorScore {
	font-size: 20pt;
}

.aSecao {
	padding: 10px 10px;
	line-height: 140%;
}
.aSecao img {
	margin-right: 8px;
}
.divSecao {
	padding: 0;
	line-height: 130%;
}
.divQuestao {
	margin: 15px 0 35px 0;
	text-align: left;
}
.tituloQuestao {
	font-size: 11pt;
}
.respostaQuestao {
	height: 100px !important;
	width: 98% !important;
	font-size: 4vw !important;
}
.dicasQuestao {
	font-size: 10pt;
}




/*	TABELAS */
.tbEstilo1 td, .tbEstilo2 td {
	font-size: 3.3vw;
	padding: 1px;
	line-height: 120%;
}

.tbEstilo1 th, .tbEstilo2 th {
	font-size: 3.7vw;
	line-height: 120%;
}

.tbEstilo2 td input {
	font-size: 3.3vw;
	padding: 1px;
}

.tbEstilo1 td font, .tbEstilo2 td font {
	font-size: 8pt;
}

#tabela7-3 td:nth-child(2), #tabela7-3 td:nth-child(3) {
	width:23%;
}

#tabela7-13 td, #tabela7-14 td, #tabela7-15 td,
#tabela7-17 td, #tabela7-18 td, #tabela7-19 td {
	padding: 3px 0px 3px 0px;
	line-height: 120%;
}
#divTabela7-13, #divTabela7-14, #divTabela7-15 {
	width: 100%;
	display: block;
}

#divSecao8 p {
	text-align: left;
}

.divGrafico2 {
	width: 100%;
	height: 200px;
	display: block;
	margin: 0;
}


/*	ocultar colunas quando mobile */
.hideMobile, 
#tabelaUsuarios th:nth-child(3), #tabelaUsuarios td:nth-child(3), 
#tabelaClientes th:nth-child(3), #tabelaClientes td:nth-child(3), 
#tabelaPlanos th:nth-child(1), #tabelaPlanos td:nth-child(1), #tabelaPlanos th:nth-child(5), #tabelaPlanos td:nth-child(5) {
	display: none;
}

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

	



	
}








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