body, html {
	height: 100%;
	font-family: Helvetica,Arial,sans-serif;
	overflow: hidden;
}

body {
	height: 100%;
	background-color: #ee7f00;
}


nav {
	height: 80px;
	background-color: white;
}

section {
	height: 100%;
}



.container {
  padding-top: 85px;
  padding-left: 5px;
  padding-right: 5px;
  overflow-x: hidden;
}


.card{
	margin: 0 auto;
}

.card-header {
	text-align: center;
}

.btn-azul {
	color: white;
	background-color: #0d1748;
	width: 100%;
}


.painel {
	font-size: 12px; 
	padding: 5px;
	background-color: white; 
	border-radius: 5px;

}

/* Scrollbar */
::-webkit-scrollbar {
	width: 4px;
}

::-webkit-scrollbar-track {
	margin-top: 10px;
	box-shadow: inset 0 0 5px grey;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	background: grey;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
	background: #555;
}

@media (max-width: 560px) {
	#rodape {
		display: block;
		background-color: white;
		text-align: center;
		font-size: 12px;
		height: 40px;
		padding-top: 3px;
	}
	.container {
		padding-bottom: 45px;
	}
	
}

@media (min-width: 561px) {
	#rodape {
		display: block;
		background-color: white;
		text-align: center;
		height: 30px;
		padding-top: 3px;
	}

	.container {
		padding-bottom: 35px;
	}


}