/* Acordeon styles */
.tab {
	position: relative;
	margin-bottom: 1px;
	width: 100%;
	overflow: hidden;
	text-align: left;
}
#sidebar-nav-container input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}
#sidebar-nav-container label {
	position: relative;
	display: block !important;
	padding: 0 0 0 1em;
	background: #4e5565;
	font-weight: bold;
	line-height: 3;
	cursor: pointer;
	font-size: 12px;
}
#sidebar-nav-container label:hover {
	background: #5a6172;
}
.blue label {
	background: #2980b9;
}
.tab-content {
	max-height: 0;
	overflow: hidden;
	background: #353942;
	-webkit-transition: max-height .35s;
	-o-transition: max-height .35s;
	transition: max-height .35s;
	font-size: 12px;
}
.tab-content:hover {
	background-color: #b45252;
}
.blue .tab-content {
	background: #3498db;
}
.tab-content p {
	margin: 1em;
	display:block;
}
.tab-content.current {
	background-color: #b45252;
}
/* :checked */
#sidebar-nav-container input:checked ~ .tab-content {
  max-height: 10em;
}
/* Icon */
#sidebar-nav-container label::after {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 3em;
	height: 3em;
	line-height: 3;
	text-align: center;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
#sidebar-nav-container input[type=checkbox] + label::after {
	content: ">";
}
#sidebar-nav-container input[type=checkbox]:checked + label::after {
	transform: rotate(90deg);
}