/*!
Copyright (c) 2015 Raj Dharamsinh(iMaker)
*/

 #sidebar-wrapper {	bottom: 0;
    margin-right: -250px;
    right: 0;
    /* width: 250px; */
    background: rgba(0, 0, 0, 0.75);
    position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 1000;
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
  }

  .sidebar-nav {
    position: absolute;
    top: 0;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .sidebar-nav li {
    line-height: 50px;
    text-indent: 20px;
  }

  .sidebar-nav li a {
    color: #999999;
    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;
  }

  /*.sidebar-nav > .sidebar-brand {
    height: 55px;
    line-height: 55px;
    font-size: 18px;
  }

  .sidebar-nav > .sidebar-brand a {
    color: #999999;
  }
*/
  .sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
  }

  #menu-toggle {
  /*   top: 0;
    right: 0;
    position: fixed;
    z-index: 1; */
	
  } 

  #sidebar-wrapper.active {
    right: 250px;
    width: 34%;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
  }

  .toggle {
   /* margin: 5px 5px 0 0;*/
  }

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    position: relative; 
    line-height: 20px;
    display: inline-block;
    width: 100%;
}

.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 3px;
    background-color: #1c1c1c;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
/*.sidebar-nav li:first-child a {
    color: #fff;
    background-color: #1a1a1a;
}*/
.sidebar-nav li:nth-child(2):before {
    background-color: #ec1b5a;   
}
.sidebar-nav li:nth-child(3):before {
    background-color: #79aefe;   
}
.sidebar-nav li:nth-child(4):before {
    background-color: #314190;   
}
.sidebar-nav li:nth-child(5):before {
    background-color: #279636;   
}
.sidebar-nav li:nth-child(6):before {
    background-color: #7d5d81;   
}
.sidebar-nav li:nth-child(7):before {
    background-color: #ead24c;   
}
.sidebar-nav li:nth-child(8):before {
    background-color: #2d2366;   
}
.sidebar-nav li:nth-child(9):before {
    background-color: #35acdf;   
}.sidebar-nav li:nth-child(10):before {    background-color: #79aefe;   }.sidebar-nav li:nth-child(11):before {    background-color: #314190;   }.sidebar-nav li:nth-child(12):before {    background-color: #279636;   }.sidebar-nav li:nth-child(13):before {    background-color: #7d5d81;   }.sidebar-nav li:nth-child(14):before {    background-color: #ead24c;   }.sidebar-nav li:nth-child(15):before {    background-color: #2d2366;   }.sidebar-nav li:nth-child(16):before {    background-color: #35acdf;   }.sidebar-nav li:nth-child(17):before {    background-color: #79aefe;   }.sidebar-nav li:nth-child(18):before {    background-color: #314190;   }.sidebar-nav li:nth-child(19):before {    background-color: #279636;   }.sidebar-nav li:nth-child(20):before {    background-color: #7d5d81;   }.sidebar-nav li:nth-child(21):before {    background-color: #ead24c;   }.sidebar-nav li:nth-child(22):before {    background-color: #2d2366;   }.sidebar-nav li:nth-child(23):before {    background-color: #35acdf;   }
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}

/* Start Class Active */

.sidebar-nav li:nth-child(2) .active {
    background-color: #ec1b5a;   
}
.sidebar-nav li:nth-child(3) .active {
    background-color: #79aefe;   
}
.sidebar-nav li:nth-child(4) .active {
    background-color: #314190;   
}
.sidebar-nav li:nth-child(5) .active {
    background-color: #279636;   
}
.sidebar-nav li:nth-child(6) .active {
    background-color: #7d5d81;   
}
.sidebar-nav li:nth-child(7) .active {
    background-color: #ead24c;   
}
.sidebar-nav li:nth-child(8) .active {
    background-color: #2d2366;   
}
.sidebar-nav li:nth-child(9) .active {
    background-color: #35acdf;   
}.sidebar-nav li:nth-child(10) .active {    background-color: #79aefe;   }
.sidebar-nav li:nth-child(11) .active {    background-color: #314190;   }
.sidebar-nav li:nth-child(12) .active {    background-color: #279636;   }
.sidebar-nav li:nth-child(13) .active {    background-color: #7d5d81;   }
.sidebar-nav li:nth-child(14) .active {    background-color: #ead24c;   }
.sidebar-nav li:nth-child(15) .active {    background-color: #2d2366;   }
.sidebar-nav li:nth-child(16) .active {    background-color: #35acdf;   }
.sidebar-nav li:nth-child(17) .active {    background-color: #79aefe;   }
.sidebar-nav li:nth-child(18) .active {    background-color: #314190;   }
.sidebar-nav li:nth-child(19) .active {    background-color: #279636;   }
.sidebar-nav li:nth-child(20) .active {    background-color: #7d5d81;   }
.sidebar-nav li:nth-child(21) .active {    background-color: #ead24c;   }
.sidebar-nav li:nth-child(22) .active {    background-color: #2d2366;   }
.sidebar-nav li:nth-child(23) .active {    background-color: #35acdf;   }
/* End Class Active */


#menu-close img {
    width: /*211px*/ 80px ;
}
.sidebar-nav li a {
    display: block;
    color: #ddd;
    text-decoration: none;
    padding: 9px 15px 6px 30px; /* original--> padding: 10px 15px 10px 30px;  */
	font-size: 14px;	
}

.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{
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

.sidebar-nav > .sidebar-brand {
   /*  height: 121px; */ 
	/* height: 65px; */
    font-size: 20px;
    line-height: 44px;
	background-color: rgba(0, 0, 0, 0.4);
}
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
}
@media only screen and (max-width: 767px) {
	
	#sidebar-wrapper.active 
	    {
   
    width: 80%;
   
      }



}