.mensagem {
	/*border: 1px solid yellow;*/
	background-color: #FFFFE8;
	color: #808000;
	font-family: Rawline, Raleway, sans-serif;
	font-size: 90%;
	padding: 8px 8px 8px 40px;
	background-repeat: no-repeat;
	background-position: 8px center;
	text-align: center;
	border-radius: 2px;
	background-size: 20px;
	margin: 10px 0;
}

.mensagem a {
	text-decoration: none;
	font-weight: bold;
}


/* topdoc
name: Mensagem de erro
markup: <div class='mensagem erro'>Mensagem de erro com <a>link</a></div>
 */
.mensagem.erro {
	border-color: #FE0A0A;
	color: #FE0A0A;
	background-image: url("../imagens/icones/erro.png");
	background-color: #FFEFEF;
}

.mensagem.erro a {
	color: #FE0A0A;
}

.mensagem.erro a:hover {
	color: #BF3535;
}

/* topdoc
name: Mensagem de sucesso
markup: <div class='mensagem sucesso'>Mensagem de sucesso com <a>link</a></div>
 */
.mensagem.sucesso {
	border-color: #12A03D;
	color: #12A03D;
	background-image: url("../imagens/icones/sucesso.png");
	background-color: #DFF0D8;
}

.mensagem.sucesso a {
	color: #12A03D;
}

.mensagem.sucesso a:hover {
	color: #287840;
}

/* topdoc
name: Mensagem de informação
markup: <div class='mensagem info'>Mensagem de informação com <a>link</a></div>
 */
.mensagem.info {
	/*border-color: #269AFF;*/
	/*color: #269AFF;*/
	color:#333;
	/*background-image: url("../imagens/icones/info.png");*/
	background-image: url("../imagens/bootstrap-icons/info-circle-fill.svg");
	/*background-color: #D9EDF7;*/
	background-color: #d4e5ff;
}

.mensagem.info a {
	color: #269AFF;
}

.mensagem.info a:hover {
	color: #4586BF;
}

/* topdoc
name: Mensagem de informação de manutenção
markup: <div class='mensagem infoManutencao'>Mensagem de informação de manutenção com <a>link</a></div>
 */
.mensagem.infoManutencao {
	border-color: #222;
	color: #222;
	background-image: url("../imagens/icones/manutencao.png");
	background-color: #EEE;
}

.mensagem.infoManutencao a {
	color: #222;
}

.mensagem.infoManutencao a:hover {
	color: black;
}

/* topdoc
name: Mensagem de informação negativa
markup: <div class='mensagem infoNegativa'>Mensagem de informação negativa com <a>link</a></div>
 */
.mensagem.infoNegativa{
	border-color: #FE0909;
	color: #FE0909;
	background-image: url("../imagens/icones/infoNegativa.png");
}

.mensagem.infoNegativa a {
	color: #FE0909;
}

.mensagem.infoNegativa a:hover {
	color: #BF3535;
}


/* topdoc
name: Mensagem de informação positiva
markup: <div class='mensagem infoPositiva'>Mensagem de informação positiva com <a>link</a></div>
 */
.mensagem.infoPositiva {
	border-color: #12A03D;
	color: #12A03D;
	background-image: url("../imagens/icones/infoPositiva.png");
	background-color: #FFFFEE;
}

.mensagem.infoPositiva a {
	color: #12A03D;
}

.mensagem.infoPositiva a:hover {
	color: #287840;
}


/* topdoc
name: Mensagem de alerta
markup: <div class='mensagem alerta'>Mensagem de alerta com <a>link</a></div>
 */
.mensagem.alerta {
	border-color: #D8E331;
	color: black;
	background-image: url("../imagens/icones/alerta.png");
	background-color: #FFFFEE;
}

.mensagem.alerta a {
	color: #222;
}

.mensagem.alerta a:hover {
	color: black;
}

/* topdoc
name: Instrução para o usuário
markup: <div class='instrucao'>Instrução</div>
 */
.instrucao {
	font-family: arial;
	margin: 10px 0;
	border: 1px solid #DDD;
	border-radius: 3px;
	background-color: #EEE;
	padding: 7px;
}

.larguraAdaptavel {
	display: inline-block;
}

.instrucao > .titulo  {
	font-weight: bold;
	text-align: center;
	margin: 7px 0 5px 0;
}