@import url('https://fonts.googleapis.com/css?family=Nunito');

html,
body {
	height: 100%;
	font-size: 1rem;
	line-height: 1.6;
	background-color: #ffffff;
}
/* Cabeçalho */
div.header {
	padding: 2px 0;
}
img.logo {
	float: right;
	width: 100%;
	/* height: 100%; */
}
h1.header {
	padding-top: 1rem!important;
	font-size: 255%;
	text-transform: uppercase;
	color: #2B84A5;
	padding: 0;
	margin: 0;
}
h2.sub-header {
	color: #8C8C8C;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 180%;
}
/* .carousel-inner .carousel-item {
	height: 389px;
} */
/* .carousel-item img{
	margin-top: -50px;
} */
/* Tile buttons */
.tile-btn {
	position: relative;
	border-radius: 50px !important;
	width: 100%;
	height: 70px;
	padding: 0 !important;
	padding-left: 10px!important;
	font-size: 1rem;
	font-weight: bold;
  background: #ffffff !important;
  color: #2B84A5;
	border: 2px solid #2B84A5!important;
	align-items: flex-start;
}
.tile-btn:visited {
  color: #FFF3F3;
}
.tile-btn:hover {
	text-decoration: none;
	opacity: 0.8;
}
.tile-btn i {
	position: absolute;
	top: -5px;
	left: -15px;
	background-color: #2B84A5;
	color: #fff;
	border-radius: 50px!important;
	padding: 5%;
	width: 75px;
	height: 75px;
  font-size: 250%;
}
.tile-btn.tile-btn-info{
  background: #326080;
}

.tile-btn.tile-btn-disabled{
  background: #eee;
  color:#333;
}

.tile-btn.tile-btn-disabled:hover{
  background: #ddd;
}
/* Dropdown da pagina inicial */
.tile-dropdown {
	border-radius: 20px!important;
	border: 2px solid #2B84A5!important;
}

h1.titulo {
	text-transform: uppercase;
	font-family: sans-serif;
	font-weight: bolder;
	font-size: 2rem;
	color: rgb(59, 58, 58);
}

h1.titulo small {
	display: block;
	font-family: sans-serif;
	font-size: 15px;
	padding-top: 5px;
}

#footer {
  background-color: #0f1d66;
}

#footer p {
  margin-top: 10px;
  color: #fff;
  font-size: 0.9rem;
}

#footer img {
	padding-top: 20px;
	padding-right: 0px
}

/**
 * HELP
 * PERSONAL STYLE
 */
.bg-simple {
	background-color:#2098BE;
	font-weight: bold;
}
.bg-simple a {
	color: #fff!important;
}

#rodape a { color: #333 !important; }
/* Backgrounds */
.bg-inst { background-color: #52A438!important;}
.bg-plan { background-color: #A51842!important;}
.bg-san { background-color: #20C6E7!important;}
.bg-fiscal { background-color: #DDA63A!important;}
.bg-carta { background-color: #FD6925!important;}
.bg-receita { background-color: #366D26!important;}
.bg-despesa { background-color: #6D102B!important;}
.bg-controle { background-color: #178297!important;}
.bg-acesso { background-color: #906D25!important;}
.bg-ouv { background-color: #A74518!important;}
.bg-repasse { background-color: #73AD2E!important;}
.bg-social { background-color: #B53A35!important;}
.bg-patri { background-color: #4AC8BB!important;}
.bg-pessoal { background-color: #E3AD2F!important;}
.bg-obra { background-color: #FE7B1D!important;}
.bg-dados { background-color: #73AD2E!important;}

.navbar-dark .navbar-nav .active>.nav-link {
	background-color: #2B84A5!important;
}
.navbar-dark .navbar-nav .nav-link:hover {
	background-color: #43B7DA!important;
}

.bg-cidadao {
	background-color: #648D35;
}
.bg-logo {
	background-color: #E0EDF1;
}

#rodape-azul { background-color: #0b6c9a; padding: 50px 0; color: #fff; font-family: fregular}
#rodape-azul a:link, #rodape-azul a:visited { color: #fff}
#rodape-azul a:hover {color: #ccc}
#rodape-azul .titulo { border-bottom: 1px solid #fff; padding: 5px; display: block; font-size: 15px}


@media only screen and (min-width: 350px) {
  img.logo {
		display: none;
	}
	h1.header {
		font-size: 120%;
	}
	h2.sub-header {
		font-size: 80%;
	}

	/* .carousel-item {
		height: 100px;
	} */
}
@media only screen and (min-width: 600px) {
	img.logo {
		display: block;
		padding-left: 1rem;
	}
	h1.header {
		font-size: 140%;
	}
	h2.sub-header {
		font-size: 90%;
	}
	/* .carousel-item {
		height: 150px;
	} */
}
@media only screen and (min-width: 800px) {
	img.logo {
		width: 150px;
		height: 130px;
	}
	h1.header {
		font-size: 170%;
	}
	h2.sub-header {
		font-size: 110%;
	}
	/* .carousel-item {
		height: 200px;
	} */
}
@media only screen and (min-width: 900px) {
	/* .carousel-item {
		height: 250px;
	} */
	h1.header {
		font-size: 180%;
	}
	h2.sub-header {
		font-size: 150%;
	}
}
@media only screen and (min-width: 1000px) {
	h1.header {
		font-size: 255%;
	}
	h2.sub-header {
		font-size: 180%;
	}
}