@CHARSET "utf-8";

div#preloader {
	position  : fixed;
	left      : 0;
	top       : 0;
	z-index   : 99999;
	width     : 100%;
	height    : 100%;
	overflow  : visible;
	background: #ffffff url('../img/loading_spinner.gif') no-repeat;
	background-position: 50% 25%;
	opacity   : 0.5;
}

div#preloader hide {
	display: none;
}

div#preloader show {
	display: inline;
}


.xsmall {
	font-size: small;
	color: darkgray;
}

.session-panel {
	padding-top: 20px;
}

.table td {
	margin-left : 0px;
	padding-left: 0px;
}

tr.head-link {
	cursor: pointer;
}

tr.head-link:hover {
	background-color: #D9D9D9;
	color           : black;
}

.uf img {
	margin-right: 5px;
	border      : 1px solid silver;
}

div.card {
	float     : left;
	margin    : 2px;
	margin-top: 10px;
	width     : 100%;
}

@media (min-width : 768px) {
	div.grupos div.card {
		width: 48%;
	}
}

@media (max-width : 767px) {
	div.card {
		width  : 100%;
		padding: 2px 0px 2px 0px;
		margin : 2px 0px 2px 0px;
	}

	div.card-body {
		padding: 2px;
		margin : 2px;
	}
}


/* infoWindow */

.tblInfoWindow td,
.tblInfoWindow .tblReunioes th,
.tblInfoWindow .tblReunioes td {
	white-space: normal;
}

.tblInfoWindow.tblReunioes th,
.tblInfoWindow.tblReunioes td {
	text-align: center;
}

.tblInfoWindow.tblReunioes th {
	color: gray;
}

/* 
divs like tables 
source: https://html-cleaner.com/features/replace-html-table-tags-with-divs/
*/
.rTable {
	display: table;
	width  : 100%;
	padding: 0px;
	margin : 0px;
}

.rTableRow {
	display: table-row;
}

.rTableHeading {
	display         : table-header-group;
	background-color: #ddd;
}

.rTableCell,
.rTableHead {
	white-space: nowrap;
	display    : table-cell;
	padding    : 0px;
	border     : 1px solid #999999;
	text-align : center;
}

@media (min-width : 768px) {

	.rTableCell,
	.rTableHead {
		padding: 2px;
	}
}

.rTableCell {
	color: black;
}

.rTableHeading {
	display         : table-header-group;
	background-color: #ddd;
	font-weight     : bold;
}

.rTableFoot {
	display         : table-footer-group;
	font-weight     : bold;
	background-color: #ddd;
}

.rTableBody {
	display: table-row-group;
}

/* filtro por região */

.filtro-regioes {
	margin-top   : 15px;
	margin-bottom: 15px;
}

.btn-filtro-regiao {
	margin-right: 5px;
}

.filtro-regioes a.nav-item {
	margin: 2px;
}

.card-filtro {
	background-color: transparent;
	border          : none;
}


a.nav-filtro {
	opacity: 0.65;
	color  : white;
}

a.nav-filtro.bg-warning,
a.nav-filtro.bg-light {
	color: black;
}

a.nav-filtro.bg-primary:hover,
a.nav-filtro.bg-primary.ativo {
	background-color: #0062cc !important;
}

a.nav-filtro.bg-secondary:hover,
a.nav-filtro.bg-secondary.ativo {
	background-color: #545b62 !important;
}

a.nav-filtro.bg-success:hover,
a.nav-filtro.bg-success.ativo {
	background-color: #1e7e34 !important;
}

a.nav-filtro.bg-info:hover,
a.nav-filtro.bg-info.ativo {
	background-color: #117a8b !important;
}

a.nav-filtro.bg-warning:hover,
a.nav-filtro.bg-warning.ativo {
	background-color: #d39e00 !important;
}

a.nav-filtro.bg-danger:hover,
a.nav-filtro.bg-danger.ativo {
	background-color: #bd2130 !important;
}

a.nav-filtro.bg-light:hover,
a.nav-filtro.bg-light.ativo {
	background-color: #dae0e5 !important;
}

a.nav-filtro.bg-dark:hover,
a.nav-filtro.bg-dark.ativo {
	background-color: #1d2124 !important;
}


a.nav-filtro:hover,
a.nav-filtro.ativo {
	opacity: 1;
}