body { background-color: #f1f2f7; color: #212529 }

.alert_box { background: #f1f2f7 }

#header { height: 50px; background-color: transparent }

#leftmenu li > a.active { border-left-color: #c5292d }

#logo { background-color: #272c33 }
#logo div { height: 50px; background-image: url("../images/logo_glitch.png") }

#topmenu { background: #ffffff url("../images/top_bg.png") repeat-x bottom left; height: 50px; line-height: 47px }
#topmenu a { color: #272c33 }
#topmenu a:hover { color: #ffffff; background-color: #272c33 }
#topmenu li a.logout { background-color: #ffffff; color: #e74c3c; font-weight: bold }
#topmenu li a.logout:hover { background-color: #e74c3c; color: #ffffff }

#leftmenu li .menu { font-size: 0.9em; color: #9496a1; margin: 0 20px; border-bottom: 1px solid #4e4e52; padding: 20px 0; border-left: 0 }
#leftmenu li .menu:hover { background-color: transparent; color: #ffffff }
#leftmenu li li .menu { padding: 10px 0 10px 40px; border-bottom: 0 }

#leftmenu li .menu.active { color: #ffffff }

#leftmenu li input:checked ~ ul { background-color: transparent }

#toolbar { top: 50px; color: #212529; background-color: #f1f2f7 }
#toolbar > div { border-bottom: 1px solid #dfdfdf }
.toolbar { top: 142px; background-color: #f1f2f7; border-bottom: 0 }

@media screen and (max-width: 767px) {
	#header { height: 70px }
	#topmenu { height: 70px; line-height: 70px }
	#header, #header label, #topmenu, #logo div { background: #272c33 }

}