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

/*AJUSTAR CONTEÚDO À PÁGINA*/
.conteudo{
width: 100%;
}

/*MOSTRAR QR CODE*/
.qrcode canvas{
	width: 6em;
}
/*TRATAMENTO DE COLUNAS*/

.coluna {
width: 80%;
float: none;
margin-left: 10%;
}

.coluna a{
	display: block;
}

.coluna a.noprint{
	display: none;
}

/*ALTERA ORDEM DOS ELEMENTOS DAS COLUNAS*/

.div-5-colunas .coluna, .div-4-colunas .coluna, .div-2-colunas .coluna {
    display: flex;
    flex-direction: column;
}

.div-5-colunas p, .div-4-colunas p, .div-2-colunas p {
    order: -1;
}


/*OCULTAR NAVEGAÇÃO*/
.menu_dropdown,
.imprimir,
.button-anterior,
.button-anterior-dis,
.button-proxima,
.button-proxima-dis{
display: none;
}

/*TRATAMENTO DE LINKS*/
a[href*="://"]:after {
content: " " attr(href);
color: #00F;
text-decoration: underline;
}
a:not([href*="://"]):after {
content: " http://extranet.ead.fiocruz.br/criacao/2019/viask-grade/EEP/percurso_aprendizagem/" attr(href);
color: #00F;
text-decoration: underline;
}
a,
a:visited {
color: inherit;
text-decoration: none;
}

.referencia > a {
color: #00F;
text-decoration: underline;
}
.referencia > a:after {
content: none;
}

li a {word-break: break-word;}
p a {word-break: break-word;}
li {word-break: break-word;}

/*DESTAQUES LATERAIS*/
.div-block_dica {
right: 0;
margin-left: 5%;
width:90%;
}
.dropdown_destaque-lateral{box-shadow: none;
							border: 1px solid black;}

.dropdown-toggle_destaque-lateral{
/*display: none;*/
	width:auto;
	height: 6em;
	float:left;
	z-index: 9999;
}
.icon-dica {display: none;}
.dropdown-list_destaque-lateral,
.dropdown-list_destaque-lateral-estudos{
display: block;
position: relative;
}
.paragrafo_destaque-lateral{text-align: justify;}
.image-atencao{max-width: auto;
min-width: auto;
	width: 55px;
	height: auto;
margin-left: 0px;}

/*CORES DAS TAGS*/
.texto-tag-prazo,
.texto-tag-produto {
color:#333;
}

/*COR DO TITULO DAS UNIDADES*/
.titulo-unidade-iv {
color:#333;
}


/*OCULTAR IMAGENS*/
.noprint {
	display: none;
}

/*EXIBIR MODAIS ABERTOS*/
.div-modal-wrapper,
.div-modal-wrapper-subtext{
	display: block;
	position: relative;
	background-color: transparent;
}

.div-modal-window,
.div-modal-window-subtext{
	width: 90%;
	box-shadow: none;
	border: 1px solid black;
	margin-bottom: 1em;
	margin-top: 1em;
	margin-left: 5%;
}

.div-modal-window > a[data-w-id][href="#"],
.div-modal-window-subtext > a[data-w-id][href="#"]{
	display: none;
}

/*EXIBIR IMAGENS INTEIRAS*/

.div-block-img, .qrcode {page-break-inside: avoid;}