html, body {
    max-width: 100%;
    overflow-x: hidden;
}

/**
* Spinner Loader (parametrizar cor)
*/
.spinner-loader {
	box-sizing: border-box;
	min-width: 20px;
	min-height: 20px;
	background-image: url("../img/spinner-loader.gif");
	background-repeat: no-repeat;
	background-size: contain;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



/* sidebar + footer */
html {
	position: relative; /* necessário para elementos absolutos */
	min-height: 100%;
}
body {
  padding-left: 80px;
  padding-bottom: 80px;
}



/* imagens */
.logo-emissor, .logo-emissor-ico, .water-mark {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.logo-emissor {
	background-image: url("../../custom-assets/img/logo.png");
}
.logo-emissor-ico {
	background-image: url("../../custom-assets/img/logo-ico.png");
}
.water-mark {
	position: fixed;
	z-index: -1000;
	left: 80px; /* espaço para a navbar */
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url("../../custom-assets/img/logo-wm.png");
}
/* Filtro em caso de não ter wm (NÃO FUNCIONA EM INTERNET EXPLORER) * /
.water-mark {
	background-image: url("../../custom-assets/img/logo.png");
	filter: blur(4px) grayscale(100%) opacity(20%);
	-webkit-filter: blur(4px) grayscale(100%) opacity(20%);
}
*/



.sidebar {
	position: fixed;
	display: inline-block;
	left: 0;
	top: 0;
	height: 100%;
	max-height: 100%;
	z-index: 1000;
}
.nav-item {
	position: relative;
	width: 80px;
	height: 80px;
	/*border: 1px solid #000; /* somente para testes */
}
.menu-link.fas {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 200%;
}
.nav-item.active {
	background-color: #ddd;
}
.menu-link.fas:hover {
	color: #ddd;
}
.menu-logo {
	margin: 10px;
	width: 60px;
	height: 60px;
	padding: 10px;
	background-color: #fff;
	border-radius: 3px;
}
.nav-item .logo-emissor-ico {
	width: 100%;
	height: 100%;
}
.nav-item .menu-link  {
	width: 60px;
	height: 60px;
	padding: 5px;
	margin: 10px;
	line-height: 60px;
	/*box-sizing: border-box; border: 1px solid #ddd; /* somente para testes */
}



.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	line-height: 60px; /* Centraliza o texto verticalmente */
	background-color: #f5f5f5;
}
.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}