/* Globals */
ul.lista_navegacao {
	list-style-image: url('/_assets/img/ui/bullet.svg');
}

.btn, .card, .form-control, .nav-link {
	border-radius: 0 !important;
}

.btn {
	padding: 1rem;
}

.btn-ao-topo {
	padding: .75rem;
/* 	z-index:1;     */
/* 	position: fixed; */
/*  bottom: 10px; */
/*  width: 50px; */
/*  height: 50px; */
/*  line-height: 15px; */
/*  cursor: pointer; */
/*  transition: all 300ms ease; */
}

.btn-compartilhar {
	color: #FFF !important;
	margin-left: .25rem !important;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 50%;
	padding: .5rem 1.25rem !important;
	text-decoration: none !important;
	cursor: pointer;
}

a.btn-compartilhar:hover {
	color: #333 !important;
	text-decoration: none !important;
	background-color: #EEEEEE;
}

.btn-print {
	background-image: url('/_assets/img/ui/icoPrint.png');
	padding-left: 18px !important;
	background-position: 50% !important;
	color: #333 !important;
}

.btn-mail {
	background-image: url('/_assets/img/redes-sociais/mail.png');
	background-size: 16px 16px;
	background-color: #666;
}

.btn-twitter {
	background-image: url('/_assets/img/redes-sociais/twitter.png');
	background-size: 16px 16px;
	background-color: #3aF;
}

.btn-fb {
	background-image: url('/_assets/img/redes-sociais/facebook.png');
	background-size: 16px 16px;
	background-color: #259;
}

.btn-wpp {
	background-image: url('/_assets/img/redes-sociais/whatsapp.png');
	background-size: 16px 16px;
	background-color: #4C4;
}

.preenche {
	width: 100% !important;
	padding: 5px;
}

.lista_navegacao li p a {
	color: #000 !important;
}

/* Corrige Bootstrap :) */
.table-bordered>:not(caption)>* {
	border-width: 0.05rem 0;
}
/* Modal Carregando - rrgrossi*/
#loading {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, .8) url('/_assets/img/ui/carregando.gif') 50% 50% no-repeat;
	background-size: 4rem 4rem;
}

/* enquanto estiver carregando, o scroll da p�gina estar� desativado */
body.loading {
	overflow: hidden;
}

/* a partir do momento em que o body estiver com a classe loading,  o modal aparecer� */
body.loading .modal {
	display: block;
}

#abas .nav-link {
	padding: 1.5rem;
}

#abas-botoes .nav-link {
	padding: 1.5rem;
	margin: .5rem;
}

.messageCheckbox {
	margin: .5rem;
}

/* https://desenvolvimentoparaweb.com/html/iframes-responsivos/ */
[style*="--aspect-ratio"]>:first-child {
	width: 100%;
}

[style*="--aspect-ratio"]>img {
	height: auto;
}

@supports (--custom:property) { [style *="--aspect-ratio"] { position:relative;
	
}

[style*="--aspect-ratio"]::before {
	content: "";
	display: block;
	/*     padding-bottom: calc(100% / (var(--aspect-ratio))); */
}

/*   [style*="--aspect-ratio"] > :first-child { */
/*     position: absolute; */
/*     top: 0; */
/*     left: 0; */
/*     height: 100%; */
/*   }   */
}
/* Fim - https://desenvolvimentoparaweb.com/html/iframes-responsivos/ */

#tabela-mensagens-lai {
	text-align: center;
}

#tabela-mensagens-lai h3 {
	text-align: center;
	color: black;
}

#tabela-mensagens-lai .texto-vertical {
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	padding: 0.25rem 0rem; 
}

#tabela-mensagens-lai {
	zoom: 0.85;
}

#btn-back-to-top {
	position: fixed;
	bottom: 10px;
	right: 1rem;
	width: 50px;
    height: 50px;
	display: none;
	border-radius: 65px !important;
	box-shadow: 2px 3px 5px -2px rgba(0, 0, 0, .5);
}
#btn-back-to-top .bi-chevron-up::before {
    vertical-align: 0;
}

/* Canal denúncia */
#canal-denuncia .cartilha{
	border: solid 1px black;
}
#canal-denuncia .figure-caption {
    font-size: 1.3em;
}
#canal-denuncia .qr-code{
	width: 10rem
}

/* Telas pequenas */
/* Bootstrap: 576px, 768px, 992px, and 1200px */
/* @media screen and (max-width:480px) {	 */
@media screen and (max-width:576px) {
	.desktopOnly {
		display: none;
	}
	#abas .nav-item {
		width: 100%;
	}
		
	.logo-baixo {
		padding: 0 4rem;
	}
	
	/*Tabelas responsivas*/
/*	.tabela-responsiva tr{*/
/*		display: block;*/
/*		padding: .5rem;*/
/*	}*/
	
	/*não exibe cabeçalhos*/
	.tabela-responsiva th{
		display: none;
	}
		
	.tabela-responsiva td{
		display: block;
		width: 100%;
	}
	.tabela-responsiva td::before{
		content: attr(data-cell) ": ";
		font-weight: bold;
	}
	
}

@media screen and (min-width: 577px) and (max-width: 1199px) {
	.tablet {
		display: block;
	}
	.desktopOnly, .mobileOnly {
		display: none;
	}
}

@media screen and (min-width : 1200px) {
	.mobileOnly {
		display: none;
	}
}