#hider {
	background-color:{{BODY.BG.ALPHA_100}};
}

.panel {
	display: none;
	top: 50px;
	position: fixed;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: {{BORDER.COLOR.ALPHA_120}}; 
	border-radius: 5px;
	display:none;
	right: 48px;
	box-shadow: 0 0.5px 0 0 #ffffff inset, 0 1px 2px 0 #B3B3B3;
}

.slider {
	background-color: {{PANEL.BG}};
	color: {{PANEL.TEXT}};
	margin: 10px;
}

.panel .card {
	background-color: {{BODY.BG}};
	color: {{BODY.TEXT}};
	border-color: {{BORDER.COLOR}};
}

.panel  .card-header, .panel .card-footer {
	background-color: {{HEADER.BG}};
	color: {{HEADER.TEXT}};
}

.panel .card h3 { 
	margin-bottom: 0;
	font-size: 20px;
	text-transform: uppercase;
}
