@import url('base.css');

html, body {
  height: 100%;
  /* overflow-x: hidden; */ 
}

.jsc-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 250px;
  height: 100%; 
}
.jsc-sidebar-content {
  position: relative;
  top: 0;
  left: 0;
  min-height: 100%;
  z-index: 10;
}

.jsc-sidebar-pulled {
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  transition: transform 0.5s ease;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000; }

.jsc-sidebar-pushed {
  -webkit-transform: translate3d(220px, 0, 0);
  -moz-transform: translate3d(220px, 0, 0);
  -ms-transform: translate3d(220px, 0, 0);
  -o-transform: translate3d(220px, 0, 0);
  transform: translate3d(220px, 0, 0); }

/*
.sidebar li + li {margin-top:12px}
.sidebar li a {padding:4px 10px; display:block; color:#cecece}
.sidebar li a:hover {background-color: #424242}
.sidebar li .current {background-color: #51648b}
*/

.jsc-sidebar-scroll-disabled {position:fixed; overflow:hidden;}
.sidebar {overflow-y: scroll;}
.sidebar header {background:#333945; padding:20px 25px 20px 20px}
.sidebar header h1 {}

.sidebar nav {padding:0 0 20px 20px}
.sidebar nav li {padding:20px 0; border-bottom:1px solid #4b525c}
.sidebar nav li a {color:#FFF}
.sidebar nav li a:hover {color:#fec61c}
.sidebar nav li h2 {font-size:16px}
.sidebar nav li .now {color:#fec61c}

.sidebar nav li .nav_de2 {font-size:14px; padding-top:20px}
.sidebar nav li .nav_de2 li {padding:11px 0}
.sidebar nav li .nav_de2 li .now {color:#fec61c}
.sidebar nav li .nav_de2 li.last {border-bottom:none}