.sidr {display: block;position: fixed;top: 0;height: 100%;z-index: 999999;width: 260px;overflow-x: hidden;overflow-y: auto;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;font-size: 15px;background: #333;color: #fff;box-shadow: 0 0 5px 5px #222 inset;}
.sidr .sidr-inner {padding: 0 0 15px;}
.sidr .sidr-inner>p {margin-left: 15px;margin-right: 15px;}
.sidr.right {left: auto;right: -260px;}
.sidr.left {left: -260px;right: auto;}
.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 {background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhMWExYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#4d4d4d),color-stop(100%,#1a1a1a));background-image: -moz-linear-gradient(#4d4d4d,#1a1a1a);background-image: -webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image: linear-gradient(#4d4d4d,#1a1a1a);background-size: 100%;font-size: 11px;font-weight: 400;padding: 0 15px;margin: 0 0 5px;color: #fff;line-height: 24px;box-shadow: 0 5px 5px 3px rgba(0,0,0,.2);}
.sidr label, .sidr p, .sidr ul li ul li {font-size: 13px;}
.sidr ul li ul li.active>a, .sidr ul li ul li.active>span, .sidr ul li ul li.sidr-class-active>a, .sidr ul li ul li.sidr-class-active>span, .sidr ul li ul li:hover>a, .sidr ul li ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span, .sidr ul li:hover>a, .sidr ul li:hover>span {box-shadow: 0 0 15px 3px #222 inset;}
.sidr p {margin: 0 0 12px;}
.sidr p a {color: rgba(255,255,255,.9);}
.sidr>p {margin-left: 15px;margin-right: 15px;}
.sidr ul {display: block;margin: 0 0 15px;padding: 0;border-top: 1px solid #1a1a1a;border-bottom: 1px solid #4d4d4d;}
.sidr ul li {display: block;margin: 0;line-height: 48px;border-top: 1px solid #4d4d4d;border-bottom: 1px solid #1a1a1a;}
.sidr ul li ul, .sidr ul li ul li:last-child {border-bottom: 0;}
.sidr ul li.active, .sidr ul li.sidr-class-active, .sidr ul li:hover {border-top: 0;line-height: 49px;}
.sidr ul li a, .sidr ul li span {padding: 0 15px;display: block;text-decoration: none;color: #fff;}
.sidr ul li ul {margin: 0;}
.sidr ul li ul li {line-height: 40px;}
.sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active, .sidr ul li ul li:hover {border-top: 0;line-height: 41px;}
.sidr ul li ul li a, .sidr ul li ul li span {color: rgba(255,255,255,.8);padding-left: 30px;}
.sidr form {margin: 0 15px;}
.sidr input[type=url], .sidr input[type=text], .sidr input[type=password], .sidr input[type=date], .sidr input[type=datetime], .sidr input[type=email], .sidr input[type=number], .sidr input[type=search], .sidr input[type=tel], .sidr input[type=time], .sidr select, .sidr textarea {width: 100%;font-size: 13px;padding: 5px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0 0 10px;border-radius: 2px;border: 0;background: rgba(0,0,0,.1);color: rgba(255,255,255,.6);display: block;clear: both;}
.sidr input[type=checkbox] {width: auto;display: inline;clear: none;}
.sidr input[type=button], .sidr input[type=submit] {color: #333;background: #fff;}
.sidr input[type=button]:hover, .sidr input[type=submit]:hover {background: rgba(255,255,255,.9);}