@font-face {
	font-family:"orbitron";
	src: url("http://cdn.normall.com.br/font/orbitron/Orbitron-Regular.ttf") format("truetype");
}

.b-example-divider {
	height: 3rem;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.form-control-dark {
	color: #fff;
	background-color: var(--bs-dark);
	border-color: var(--bs-gray);
}

.form-control-dark:focus {
	color: #fff;
	background-color: var(--bs-dark);
	border-color: #fff;
	box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}

.bg-norange {
	background-color: #ff6600 !important;
}

.bg-ngray {
	background-color: #333333 !important;
}

.border-norange {
	border-color: #ff6600 !important;
}

.border-ngray {
	border-color: #333333 !important;
}

.text-norange {
	color: #ff6600 !important;
}

.text-ngray {
	color: #333333 !important;
}

.bi {
	vertical-align: -.125em;
	fill: currentColor;
}

.text-small {
	font-size: 85%;
}

.dropdown-toggle {
	outline: 0;
}

.icon-media {
	min-width: 14px;
	max-width: 14px;
}

.btn-toggle {
	display: inline-flex;
	align-items: center;
	padding: 0 !important;
	font-weight: 600;
	color: #FFFFFF;
	background-color: transparent;
	border: 0;
}

.btn-toggle::before {
	width: 1.25em;
	line-height: 0;
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
	transition: transform .35s ease;
	transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"] {
	transform: rotate(90deg);
}

aside {
	margin: 0;
	z-index: 1020;
	padding: 1rem;
	position: fixed;
	height: 4.5rem;
	width: 100%;
	display: block;
}

aside span {
	display: block;
}

aside menu {
	display: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

aside .filter-options {
	display: inline-block;
}

aside button[data-checked=true] {
	background: #FF6600;
	color: #FFFFFF;
	box-shadow: 0 0 0.75rem #FFFFFF;
}

aside button[data-checked=false] {
	background: #FFFFFF;
	color: #FF6600;
	box-shadow: inset 0 0 0.25rem #000000;
}

aside button[data-checked=true] {
	color: #FFFFFF;
}

aside button[data-checked=false] {
	color: #AAAAAA;
}

aside.actived {
	z-index: 2000;
	top: 0;
	height: 100%;
	overflow: auto;
}

aside.actived span {
	display: block;
}

aside.actived menu {
	display: block;
	width: 100%;
}

aside .actived button[aria-label=Search] {
	display: block !important;
}

aside .actived button[aria-label=Close] {
	display: block !important;
}

aside:not(.actived) button[aria-label=Search] {
	display: none;
}

aside:not(.actived) button[aria-label=Close] {
	display: none;
}

main {
	margin-top: 0; 
	/*padding-top: 4.5rem;*/
	z-index: 10;
	width: 100%;
}

.w-5 {
	width: 5% !important;
}

.w-10 {
	width: 10% !important;
}

.w-15 {
	width: 15% !important;
}

.w-20 {
	width: 20% !important;
}

.w-30 {
	width: 30% !important;
}

.w-35 {
	width: 35% !important;
}

.w-40 {
	width: 40% !important;
}

.w-45 {
	width: 45% !important;
}

.w-55 {
	width: 55% !important;
}

.w-60 {
	width: 60% !important;
}

.w-65 {
	width: 65% !important;
}

.w-70 {
	width: 70% !important;
}

.w-80 {
	width: 80% !important;
}

.w-85 {
	width: 85% !important;
}

.w-90 {
	width: 90% !important;
}

.w-95 {
	width: 95% !important;
}

.h-5 {
	height: 5% !important;
}

.h-10 {
	height: 10% !important;
}

.h-15 {
	height: 15% !important;
}

.h-20 {
	height: 20% !important;
}

.h-30 {
	height: 30% !important;
}

.h-35 {
	height: 35% !important;
}

.h-40 {
	height: 40% !important;
}

.h-45 {
	height: 45% !important;
}

.h-55 {
	height: 55% !important;
}

.h-60 {
	height: 60% !important;
}

.h-65 {
	height: 65% !important;
}

.h-70 {
	height: 70% !important;
}

.h-80 {
	height: 80% !important;
}

.h-85 {
	height: 85% !important;
}

.h-90 {
	height: 90% !important;
}

.h-95 {
	height: 95% !important;
}

.img-logo {
	width: 33%;
	heigth: auto;
}

@media screen and (max-width: 500px){

	#mdl-facebook .modal-dialog {
		width: 280px;
		margin: auto;
	}
	
	.sidenav {
		padding-top: 15px; 
	}
	
	.sidenav a {
		font-size: 18px;
	}
}