.sidebar-toggle {
  margin-left: -240px;
}
.sidebar {
  width: 100%;   height: auto;
 
  position: relative; float: left;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 70;
}
.sidebar #leftside-navigation ul,
.sidebar #leftside-navigation ul ul {
  margin: -2px 0 0;
  padding: 0;
}
.sidebar #leftside-navigation ul li {
  list-style-type: none;margin-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.sidebar #leftside-navigation ul li.active > a,.sidebar #leftside-navigation ul li:hover > a { background-color: transparent;
  color: #e21108;
}
.sidebar #leftside-navigation ul li.active > a::before{content: '';position: absolute; width: 3px; height: 100%; left:-8px; background-color: #e21108; 
}

 

.sidebar #leftside-navigation ul li.active ul {
  display: block;
}
.sidebar #leftside-navigation ul li a {border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
    background-color: transparent;  
  color: #959595;
  text-decoration: none;
  display: flex;height: 36px; align-items: center;
 font: 18px 'GothamNarrow-Bold';
  outline: 0;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}

.sidebar #leftside-navigation ul li a:hover:before {content: '';width: 3px; height: 100%; position: absolute;   left: -8px; 
  background-color:  #e21108; 
}


.sidebar #leftside-navigation ul li a:hover {
  background-color: transparent;color: #e21108;
}


.sidebar #leftside-navigation ul li a.grup-name {height: 54px;    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;align-items: center;}
 






.sidebar #leftside-navigation ul li a span {flex: 1; -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  display: inline-block;
}
.sidebar #leftside-navigation ul li a span.grup-span {flex: 11;    -webkit-box-flex: 11;
    -moz-box-flex: 11;
    -webkit-flex: 11;
    -ms-flex: 11;
    flex: 11;
 
}

.sidebar #leftside-navigation ul li a i {
  width: 20px;flex: 1;
}
.sidebar #leftside-navigation ul li a i .fa-angle-left,
.sidebar #leftside-navigation ul li a i .fa-angle-right {
  padding-top: 3px;
}
.sidebar #leftside-navigation ul ul {
  display: none;
}
.sidebar #leftside-navigation ul ul li {
  background-color: transparent;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
 
}
.sidebar #leftside-navigation ul ul li a {
 font:18px 'GothamNarrow-Book';
 padding: 6px 28px; background-color: transparent;
  color: #666666;border-bottom: 1px solid #ececec;
}

.sidebar #leftside-navigation ul ul li a:hover:before {content:none; 
}




.sidebar #leftside-navigation ul ul li:last-child a{border-bottom: 0;}

.sidebar #leftside-navigation ul ul li a:hover,.sidebar #leftside-navigation ul ul li a.active {
 background-color: #fff; color: #f65c50; 
}



.sidebar-ok{ position:relative; float:right;}