.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 { background-color: transparent;
  color: #d5454c;
}
.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: #000;
  text-decoration: none;
  display: block;
  padding: 9px 4px 9px 24px;
 font: 20px 'Gilroy-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 {
  background-color: transparent;color: #d5454c;
}


.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 { margin-left: 24px;
 font:19px 'Gilroy-Light';
 padding: 6px 16px; background-color: transparent;
  color: #a3a3a3;border-bottom: 1px solid #ececec;
}
.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: transparent; color: #d5454c; 
}



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