/* colors
 ------------------------------------------------------------- */
/* black, textcolor */
/* white, background-color */
/* grey bckgrd */
/* orange */
/* grey disabled */
/* grey light weeditmode */
/* blue light weeditmode */
/* blue dark weeditmode */
/* grey leight navabr */
/* grey bootstrap */
/* margins / paddings
 ------------------------------------------------------------- */
/* mixins
 ------------------------------------------------------------- */
/* borders
 ------------------------------------------------------------- */
/* margins / paddings
 ------------------------------------------------------------- */
#sidebar-wrapper {
  margin-right: -300px;
  top: 0;
  right: 0;
  width: 250px;
  background: #000;
  position: fixed;
  height: 100%;
  overflow-y: auto;
  z-index: 1000;
  transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;
  -ms-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s; }

.sidebar-nav {
  position: relative;
  width: 300px;
  list-style: none;
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 80px 0px; }
  .sidebar-nav ul {
    list-style: none; }
  .sidebar-nav .list-group-item {
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important; }
  .sidebar-nav li {
    text-indent: 20px;
    line-height: 35px; }
  .sidebar-nav li a {
    color: #fff;
    display: block;
    text-decoration: none; }
  .sidebar-nav li a:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    text-decoration: none; }
  .sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none;
    /*background-color: transparent;*/ }
  .sidebar-nav li a.active, .sidebar-nav a.active:focus {
    background-color: #f2922a;
    color: #000; }
  .sidebar-nav li a.active:hover {
    background: rgba(255, 255, 255, 0.2); }
  .sidebar-nav li.level1 {
    text-indent: 0px; }
  .sidebar-nav li.level1 a {
    padding-left: 20px; }
  .sidebar-nav li.level1 a.active {
    color: #000;
    background-color: #f5f5f5; }
/* http://shoreditchmeetingrooms.com/ */
/*.menu_slide .fixed_bottom {
 bottom: 45px;
 font-size: 20px;
 letter-spacing: 0.01em;
 line-height: 1.3em;
 max-width: 250px;
 position: absolute;
 right: inherit;
 }
 @media (max-height: 400px) {
 .menu_slide .inner {
 height: 100%;
 overflow: auto;
 }
 .menu_slide .fixed_bottom {
 bottom: 0;
 padding-bottom: 45px;
 position: relative;
 }
 }*/
.sidebar-brand {
  /*margin-top: 60px;*/
  position: absolute;
  bottom: 60px;
  padding: 0px 0px 0px 20px;
  font-size: 1empx; }
  .sidebar-brand a {
    color: #fff !important; }
  .sidebar-brand a:hover {
    color: #f2922a !important; }

#menu-toggle {
  display: inline-block;
  width: 61px;
  height: 61px;
  background-image: url(/pictures/assets/button-menue-open-01.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 61px 122px; }

#menu-toggle:hover {
  background-position: 0 -61px; }

#sidebar-wrapper.active {
  right: 300px;
  width: 300px;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s; }

#menu-close {
  display: inline-block;
  width: 61px;
  height: 61px;
  margin: 30px 0px 0px 20px;
  background-image: url(/pictures/assets/button-menue-close-01.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 61px 122px; }

#menu-close:hover {
  background-position: 0 -61px; }