/***** HEADER *****/
header {
	position: relative;
	background: #cecece !important;
	height: 50px !important;
	width: 100%;
	z-index: 10;
	padding: 0, 0.25rem, 0, 0.25rem !important;
}


/*Botão de fechar menu lateral*/
.dismiss {
	width: 35px;
	height: 35px;
	position: absolute;
	top: 10px;
	right: 10px;
	transition: all .3s;
	background: #444;
	border-radius: 4px;
	text-align: center;
	line-height: 35px;
	cursor: pointer;
}

.dismiss:hover, .dismiss:focus {
	background: #555;
	color: #fff;
}

/*Botão abrir Menu Lateral*/
.open-menu {
	position: relative;
}
/***** END-HEADER *****/


/***** MENU USUARIO *****/
.dropdown-menu.menu-usuario.show {
	padding: 2rem !important;
	text-align: center !important;
}


/***** WRAPPER *****/
	.wrapper { display: block; }


/***** SIDEBAR *****/

.sidebar {
	width: 250px;
	height: 100vh; 
	position: fixed; 
	top: 0; 
	left: -255px; 
	z-index: 999; 
	background: #333; 
	color: #fff; 
	transition: all .3s; 
	box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.5);
	text-align: left;
}

.sidebar.active{ 
	left: 0; 
}

/*Logo menu lateral*/
.sidebar .logo { 
	padding: 40px 20px; 
	border-bottom: 1px solid #444; 
	transition: all .3s; }

.sidebar .logo a {
	display: inline-block;
	width: 172px;
	height: 34px;
	background: url(../img/logo.png) left top no-repeat;
	border: 0;
	text-indent: -999999px;
}

/*Links menu lateral*/
.sidebar ul.menu-elements { 
	padding: 10px 0; 
	border-bottom: 1px solid #444; 
	transition: all .3s;
}

.sidebar ul li a {
	display: block; 
	padding: 10px 20px;
	border: 0; 
	color: #fff;
}


.sidebar ul li a:hover,
.sidebar ul li a:focus,
.sidebar ul li.active > a:hover,
.sidebar ul li.active > a:focus { 
	outline: 0; 
	background: #555; 
	color: #fff; 
}

/*Sublinks do menu lateral*/
.sidebar ul li a i {
	margin-right: 5px;
}

.sidebar ul li.active > a, a[aria-expanded="true"] {
	background: #444;
	color: #fff;
}

.sidebar ul ul a {
	background: #444;
	padding-left: 30px;
	font-size: 14px;
}

.sidebar ul ul li.active > a {
	background: #555;
}

.sidebar a[data-toggle="collapse"] {
	position: relative;
}
/***** END-SIDEBAR *****/


/***** Content *****/
.content { 
	width: 100%; 
}