:root {
  --color-laranja: #ee7f00;
  --btn-color-laranja: rgba(238, 150, 0, 0.7);
  --color-azul: #0d1748;
  --lista-color-laranja: rgba(238, 150, 0, 0.5);
}


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

body {
	background-color: var(--color-laranja);
}



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


#container {
	padding-top: 80px; 
	padding-bottom: 30px;
	height: auto;

}

.container-fluid {
  height: 100%;
  max-height: 100%;
	padding-top: 85px;
	padding-bottom: 35px;
	overflow-x: hidden;
}

#rodape {
	background-color: white;
	text-align: center;
	height: 30px;
	padding-top: 3px;
}

.lista-color {
  background-color: var(--lista-color-laranja); 
}

.menu-principal{
	display: inline-block;
	float: right;
}


.card{
	margin: 0 auto;
}

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

.btn-azul {
	color: white;
	background-color: var(--color-azul);
	width: 100%;
}

.btn-laranja {
	color: black;
	background-color: var(--btn-color-laranja);
	width: 50%;
}

.color-azul {
	color: var(--color-azul);
}

.dropdown-toggle {
	border: 0px solid
}

.painel {
	padding: 5px;
	background-color: white; 
	border-radius: 5px;
}

.hidden {
    height:0px !important;
    visibility:hidden;
}


/* 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;
}