@charset "utf-8";
/* CSS Document */

.nav .open > a { background-color: transparent;}
.nav .open > a:hover { background-color: transparent;}
.nav .open > a:focus {  background-color: transparent;}
/*           Wrappers            */
#wrapper { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; padding-left: 0px; transition: all 0.5s ease;  }
#wrapper.toggled { padding-left: 260px;}
#wrapper.toggled #sidebar-wrapper { width: 260px;}
#wrapper.toggled #page-content { margin-right: -260px; position: absolute;}
#sidebar-wrapper {  -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  background:#f8f8f8;
 /* background-image:-webkit-linear-gradient(390deg, #f8f8f8, #eee); background-image:linear-gradient(90deg,#f8f8f8,#eee);*/
  height: 100%;  left: 260px;  margin-left: -260px;  overflow-x: hidden;  overflow-y: auto;  transition: all 0.5s ease;  width: 0;  position: fixed;  z-index: 10000;}
#sidebar-wrapper::-webkit-scrollbar {  display: none;}
#page-content { padding-top: 5.6em;  width: 100%;}

/*     Sidebar nav styles   右侧渐变sidebar-navbg     */

.sidebar-nav { list-style: none;  margin: 0;  padding: 0;  position: absolute;  top: 0;  width: 260px; 
/*background-image:-webkit-linear-gradient(300px 100px at 200px 150px, #000, #eee); background-image:linear-gradient(300px 100px at 200px 150px,#000,#eee); */
background-image:-webkit-linear-gradient(390deg, #f8f8f8 93%,#ececec); background-image:linear-gradient(90deg,#f8f8f8 93%,#ececec);
/*background: -moz-linear-gradient(left, #f8f8f8, #f8f8f8 80%, #000);*/
/*background-image: -webkit-radial-gradient(300px 100px at 200px 150px,hsla(120,70%,60%,.9),hsla(360,60%,60%,.9)); background-image: radial-gradient(300px 100px at 200px 150px,hsla(120,70%,60%,.9),hsla(360,60%,60%,.9));*/
height:100%;  z-index:1000; }
.sidebar-nav li {  display: inline-block;  position: relative;  width: 100%;  border-bottom:1px solid #eaeaea;}
.sidebar-nav li:before {  background-color: #FFF;  content: '';  height: 100%;  left: 0;  position: absolute;  top: 0;  -webkit-transition: width 0.2s ease-in;  transition: width 0.2s ease-in;  width: 1px;  z-index: -1;}
/*.sidebar-nav li:first-child a {color: #ffffff;}
.sidebar-nav li:nth-child(2):before {  background-color: #402d5c;}
.sidebar-nav li:nth-child(3):before {  background-color: #4c366d;}
.sidebar-nav li:nth-child(4):before {  background-color: #583e7e;}
.sidebar-nav li:nth-child(5):before {  background-color: #64468f;}
.sidebar-nav li:nth-child(6):before {  background-color: #704fa0;}
.sidebar-nav li:nth-child(7):before {  background-color: #7c5aae;}
.sidebar-nav li:nth-child(8):before {  background-color: #8a6cb6;}
.sidebar-nav li:nth-child(9):before {  background-color: #987dbf;}*/
.sidebar-nav li:hover:before { -webkit-transition: width 0.2s ease-in;  transition: width 0.2s ease-in;  width: 100%;}
.sidebar-nav li a { color: #7c7c7c;  display: block;  font-size: 1.578em;   padding-left:30px;  line-height:3.0em;height: 3.0em;  text-decoration: none;}
.sidebar-nav li.open:hover before {  -webkit-transition: width 0.2s ease-in;  transition: width 0.2s ease-in;  width: 100%;}
.sidebar-nav .dropdown-menu {  background-color: #fff;  border-radius: 0;  border: none;  box-shadow: none;  margin: 0;  padding: 0;  position: relative;  width: 100%;}
.sidebar-nav li a:hover,.sidebar-nav li a:active,.sidebar-nav li a:focus,.sidebar-nav li.open a:hover,.sidebar-nav li.open a:active,.sidebar-nav li.open a:focus {background-color: transparent;  color: #2e2e2e;  text-decoration: none;}
.sidebar-brand { display:block; height: 5.5em;  text-align:left;padding-left:30px; margin-bottom:1em; border-bottom:1px dashed #ddd; }
.sidebar-brand img{/* height:4em; */width:70%; margin-top:1em;}
/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.hamburger { border: none; position: fixed; top: 0px;  background:#222; width:5.6em; height:5.6em;  z-index: 999;}
.hamburger:hover {outline: none;}
.hamburger:focus {outline: none;}
.hamburger:active { outline: none;}
.hamburger.is-closed:before {  -webkit-transform: translate3d(0, 0, 0);  -webkit-transition: all 0.35s ease-in-out;  color: #ffffff;  content: '';  display: block;  font-size: 14px;  line-height: 32px;  opacity: 0;  text-align: center;  width: 100px;}
.hamburger.is-closed:hover before {  -webkit-transform: translate3d(-100px, 0, 0);  -webkit-transition: all 0.35s ease-in-out;  display: block;  opacity: 1;}
/*.hamburger.is-closed:hover .hamb-top {  -webkit-transition: all 0.35s ease-in-out;  top: 0;}
.hamburger.is-closed:hover .hamb-bottom {  -webkit-transition: all 0.35s ease-in-out;  bottom: 0;}*/
.hamburger.is-closed .hamb-top {  -webkit-transition: all 0.35s ease-in-out;  background-color: rgba(255, 255, 255, 0.7);  top: 1.8em;}
.hamburger.is-closed .hamb-middle {  background-color: rgba(255, 255, 255, 0.7);  margin-top: -2px;  top: 50%;}
.hamburger.is-closed .hamb-bottom {  -webkit-transition: all 0.35s ease-in-out;  background-color: rgba(255, 255, 255, 0.7);  bottom: 1.9em;}
.hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom,.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom {  height: 1px;  left: 20%;  position: absolute;  width: 60%;}
.hamburger.is-open .hamb-top {  -webkit-transform: rotate(45deg);  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);  background-color: #ffffff;  margin-top: -2px;  top: 50%;}
.hamburger.is-open .hamb-middle {  background-color: #ffffff;  display: none;}
.hamburger.is-open .hamb-bottom {  -webkit-transform: rotate(-45deg);  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);  background-color: #ffffff;  margin-top: -2px;  top: 50%;}
.hamburger.is-open:before {  -webkit-transform: translate3d(0, 0, 0);  -webkit-transition: all 0.35s ease-in-out;  color: #ffffff;  content: '';  display: block;  font-size: 14px;  line-height: 32px;  opacity: 0;  text-align: center;  width: 100px;}
.hamburger.is-open:hover before {  -webkit-transform: translate3d(-100px, 0, 0);  -webkit-transition: all 0.35s ease-in-out;  display: block;  opacity: 1;}
/*          Dark Overlay         */
.overlay {  position: fixed;  display: none;  width: 100%;  height: 100%;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: rgba(0, 0, 0, 0.4);  z-index: 1;}