@charset "utf-8";
/* CSS Projeto */

/* === Projeto Board Dados [Estrutural] === */
.projeto-board-dados { overflow: hidden; margin-bottom: 1.5em; clear: both; }
.projeto-board-dados .projeto-board-btn { padding: 0; }
.projeto-board-dados .projeto-board-btn li { width: 20%; }
.projeto-board-dados .projeto-board-btn li a { font-size: 1.25em; padding: 0.3em; }

/* === Projeto Board Dados [Color] === */
.projeto-board-dados { border: 1px solid #e0e0e0; }
.projeto-board-dados:hover { background: #FFF; border: 1px solid #CCC; }
.projeto-board-dados .projeto-board-btn li a { color: #333; }
.projeto-board-dados .projeto-board-btn li a:hover { background: #EEE; }
.projeto-board-dados .projeto-board-btn li a.at { background: #b4cf54; color: #FFF; }


/* === Projeto Board [Estrutural] === */
.projeto-board { float: left; overflow: hidden; width: 49%; height: auto; margin-bottom: 1.5em; }
.projeto-board.des { width: 0; height: 0; border: none; }
.projeto-board:nth-last-child(2n) { float: right; }
.projeto-board-topo { display: block; position: relative; overflow: hidden; padding: 1em; }
.projeto-board-topo.mb2 { margin-bottom: 1.5em; }
.projeto-topo .projeto-board-topo { padding: 0; padding-bottom: 1em; }
.projeto-board-topo h3 { float: left; }
.projeto-board-topo h3 strong { display: inline-block; padding: 0.4em 0.5em; border-radius: 0.3em; }
.projeto-board-topo span { position: absolute; top: 0; right: 0; padding: 0.5em 0.6em; }
.projeto-board-topo span.sp { padding: 0em; }
.projeto-board-topo p { clear: both; padding-top: 0.5em; }
.projeto-board-barra { display: block; }
.projeto-topo .projeto-board-barra { margin-bottom: 1em; }
.projeto-board-barra span { display: block; height: 10px; }
.projeto-board-btn { display: block; overflow: hidden; padding: 0.5em 0; }
.projeto-board-btn li { float: left; width: 33%; }
.projeto-board-btn.t4 li { float: left; width: 25%; }
.projeto-board-btn li a { display: block; padding: 0.2em 0.5em; text-align: center; }
.projeto-board-btn li a span { display: block; padding-top: 5px; }

/* === Projeto Board [Color] === */
.projeto-board { background: #f9f9f9; border: 1px solid #e0e0e0; }
.projeto-board:hover { background: #FFF; }
.projeto-board-topo { color: #574425; }
.projeto-board-topo:hover { color: #dd7c13; }
.projeto-board-topo.bb { border-bottom: 1px solid #e0e0e0; }
.projeto-board-topo h3 { font-size: 1.3em; }
.projeto-board-topo h3.principal { font-size: 1.7em; }
.projeto-board-topo h3 strong { font-size: 0.7em; }
.projeto-board-topo span { font-size: 1.3em; }
.projeto-board-topo span img { display: inline-block; max-width: 0.9em; }
.projeto-board-barra { background: #f0f0f0; }
.projeto-topo .projeto-board-barra { background: #FFFFFF; }
.projeto-board-btn li { border-left: 1px solid #e0e0e0; }
.projeto-board-btn li:nth-child(1) { border-left: none; }
.projeto-board-btn li a { font-size: 1.3em; color: #9e9e9e; }
.projeto-board-btn li a:hover { color: #333; }
.projeto-board-btn li a span { font-family: 'ubuntul'; font-size: 0.6em; }
/* Automática */
.projeto-board.automatica .projeto-board-topo h3, .projeto-topo.automatica .projeto-board-topo h3 { color: #d57610; }
/* Desativada */
.projeto-board.desativada .projeto-board-topo h3, .projeto-topo.desativada .projeto-board-topo h3 { color: #9e9e9e; }

.projeto-board-topo p .icon-notif { float: left; width: 1em; margin-right: 0.3em; }

/* === Atividade do Projeto === */
.projeto-atividade { overflow: hidden; width: 100%; height: auto; }
.projeto-atividade.des { width: 0; height: 0; }
.projeto-atividade-dados { display: block; overflow: hidden; background: #f9f9f9; border: 1px solid #e0e0e0; cursor: pointer; }
.projeto-atividade-dados li { float: left; margin: 0.2em 0; padding: 0.6em 1em; border-right: 1px solid #e0e0e0; }
.projeto-atividade-dados li.w10 { width: 10%; }
.projeto-atividade-dados li.w20 { width: 20%; }
.projeto-atividade-dados li.w30 { width: 30%; }
.projeto-atividade-dados li.w40 { width: 40%; }
.projeto-atividade-dados li.com-link { padding: 0; }
.projeto-atividade-dados li.com-link a { display: block; padding: 0.6em 1em; text-decoration: underline; }
.projeto-atividade-dados li.com-link.btn-detalhes { float: right; margin: 0; border-right: 0; border-left: 1px solid #e0e0e0; }
.projeto-atividade-dados li.com-link.btn-detalhes a { font-family: 'icon'; font-size: 0.8em; text-decoration: none; padding: 1.1em 1.2em; color: #555; background: #f9f9f9; }
.projeto-atividade-dados li.com-link.btn-detalhes a:hover { color: #F60; }
.projeto-atividade-detalhes { overflow: hidden; background: #FFF; border: 1px solid #e0e0e0; border-top: none; margin-bottom: 0.2em; width: 0; height: 0; padding: 0; }
.projeto-atividade-detalhes.at { width: 100%; height: auto; padding: 1em; }
.projeto-atividade-detalhes li { display: block; padding: 0.4em 0; font-size: 0.9em; }
.projeto-atividade-detalhes li strong { font-family: 'ubuntu'; font-weight: bold; }
.projeto-atividade-dados-completo { overflow: hidden; float: right; width: 48%; }
.projeto-atividade-linha { overflow: hidden; float: left; width: 48%; text-align: left; }
.projeto-atividade-linha h5 { display: inline-block; font-size: 0.8em; color: #CCC; border-bottom: 1px solid #e0e0e0; margin: 0.8em 0 1em 0; padding: 0 1em 0.5em 1em; }
.projeto-atividade-linha h5:nth-child(1) { margin-top: 0; }
.projeto-atividade-linha ul { display: block; overflow: hidden; }
.projeto-atividade-linha ul li { float: left; clear: both; overflow: hidden; background: #EEE; border-radius: 0.4em; padding: 0.6em 1em; font-size: 0.9em; margin-bottom: 2px; }
.projeto-atividade-linha ul li h6 { float: left; color: #555; text-align: left; margin-right: 1em; line-height: 1.5em; }
.projeto-atividade-linha ul li h6 a { color: #138aa3; text-decoration: underline; }
.projeto-atividade-linha ul li span { float: right; font-size: 0.8em; color: #999; }
.projeto-atividade-linha .btn-mais { display: inline-block; font-size: 0.9em; background: #9bb345; color: #FFF; padding: 0.5em 1em; margin-top: 0.8em; }
/* Alerta */
.projeto-atividade-linha ul li.alerta { background: #f2e4e4; }
.projeto-atividade-linha ul li.alerta h6 { color: #ae4444; }
/* Nota */
.projeto-atividade-linha ul li.nota { background: #e4f0f3; }
.projeto-atividade-linha ul li.nota h6 { color: #236a7a; }
/* Andamento */
.andamento .projeto-atividade-dados { background: #ddeea0; }
.andamento .projeto-atividade-dados:hover { background: #cbdf85; }
.andamento .projeto-atividade-dados li { border-right: 1px solid #c5dd70; }
/* Concluido */
.concluida .projeto-atividade-dados, .concluida .projeto-atividade-dados a { color: #CCCCCC; }
.concluida .projeto-atividade-dados:hover { background: #FFF; }
.concluida .projeto-atividade-dados li { border-right: 1px solid #E0E0E0; }
.concluida .projeto-atividade-dados li.com-link.btn-detalhes a { color: #E0E0E0; }
/* Com Atrso */
.com-atraso .projeto-atividade-dados { background: #dd7070; color: #FFF; }
.com-atraso .projeto-atividade-dados:hover { background: #cc5a5a; }
.com-atraso .projeto-atividade-dados li { border-right: 1px solid #f67d7d; }
.com-atraso .projeto-atividade-dados li a { color: #FFF; }


/* === Responsivo === */
@media only screen and (max-width: 1500px) {
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 900px) {
	/* Projeto - Board */
	.projeto-board-topo h3.principal { font-size: 1.6em; }
	.projeto-board-dados { margin-bottom: 1em; }
	.projeto-board { width: 100%; margin-bottom: 1em; }
	/* Atividade - Tabela */
	.projeto-atividade-dados li.p1 { display: none; }
}
@media only screen and (max-width: 600px) {
	/* Projeto - Board */
	.projeto-board-topo h3.principal { font-size: 1.5em; }
	/* Atividade - Tabela */
	.projeto-atividade-dados li.p2 { display: none; }
	.projeto-atividade-dados-completo { width: 100%; }
	.projeto-atividade-linha { width: 100%; }
}
@media only screen and (max-width: 400px) {
	/* Projeto - Board */
	.projeto-board-dados { display: none; }
	.projeto-board .projeto-board-btn li a { font-size: 1em; }
	.projeto-board-topo h3.principal { font-size: 1.4em; }
	.projeto-board-topo h3 { font-size: 1em; }
	.projeto-board-topo span { font-size: 1em; }
	/* Atividade - Tabela */
	.projeto-atividade-dados li.p3 { display: none; }
}