/* Globals */
ul.lista_navegacao {
	list-style-image: url('/_assets/img/ui/bullet.svg');
}

ol.lista_numerais_romanos {
	counter-reset: roman;
	list-style-type: upper-roman;
	list-style-position: inside;
}


ol.lista_numerais_romanos li {
	counter-increment: roman;
	margin-bottom: 1rem;
}

ol.lista_numerais_romanos li::marker {
	content: counter(roman, upper-roman) " - "; /* Roman numeral with dash */
	font-weight: bold;
}

@media (min-width: 576px)  { .lista-responsiva-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 2rem; } }
@media (min-width: 768px)  { .lista-responsiva-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px)  { .lista-responsiva-grid { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 1400px) { .lista-responsiva-grid { grid-template-columns: repeat(6, 1fr); } }

.lista-bi {
	--bi-list-icon: "\F287";
}
.lista-bi li {
	font-family: bootstrap-icons !important;
	list-style-type: var(--bi-list-icon);
	padding-left: 0.5rem;
}

.form-control, .form-select {
	--bs-border-radius: 0;
}

.form-control-sm, .form-select-sm {
	--bs-border-radius-sm: 0;
}

.form-control-lg, .form-select-lg {
	--bs-border-radius-lg: 0;
}

.btn {
	--bs-btn-border-radius: 0;
}

.card {
	--bs-card-border-radius: 0;
}

.nav-tabs .nav-link {
	--bs-nav-tabs-border-radius: 0;
}

.nav-pills .nav-link {
	--bs-nav-pills-border-radius: 0;
}

.btn:not(.btn-sm):not(.btn-lg) {
	--bs-btn-padding-y: 1rem;
	--bs-btn-padding-x: 1rem;
}

.btn.btn-lg {
	--bs-btn-padding-y: 1.5rem;
	--bs-btn-padding-x: 1.5rem;
}

.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;
}

#abasBotoes .nav-link {
	padding: 1.5rem;
	margin: .5rem;
}

#abasBotoes.nav-pills .nav-link {
	--bs-nav-link-color: #fff;
	background-color: var(--bs-default);
}

#abasBotoes.nav-pills .nav-link:hover,
#abasBotoes.nav-pills .nav-link:focus {
	--bs-nav-link-hover-color: #fff;
	background-color: #2e90bf;/*shade-color($default, 15%);*/;
}

#abasBotoes.nav-pills .nav-link.active {
	--bs-nav-link-hover-color: var(--bs-default-text-emphasis);
	--bs-nav-pills-link-active-bg: var(--bs-primary);
	--bs-nav-pills-link-active-color: var(--bs-link-color);
	background-color: var(--bs-nav-pills-link-active-bg);
}

.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,
.heading-mensagens-lai {
	zoom: 0.85;
}

#btn-back-to-top {
	position: fixed;
	bottom: 10px;
	right: 1rem;
	width: 50px;
    height: 50px;
	display: none;
	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 .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: 600;
	}
	
}

@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;
	}
}