@import url('https //fonts.googleapis.com/css family=poppins')
*{
  margin:0;
  padding: 0;
  user-select: none; 
  color: white; 
  box-sizing: border-box;
  font-family: 'Popsins',sans-serif;
}
.sidebar i{
  font-size:23px;
  color:white !important;
  position: absolute;
  right: 6%;
  display: block !important;
  transition: all 0.5s;

}

.menuicon{
	position: relative;
    top: -37px;
    float: left;
    width: 100%;
}
.icon7{
color:green !important;

position: absolute;
right:-24px!important;
margin-top:49px !important;
}
.sidebar{
    width: 100%px;
    height: 100%;
    left:0;
   background: #FF0000;
}
nav ul{
  background: #e10101;
  height: 100%;
  width: 100%;
  list-style: none;
  margin:0px;
  padding: 0px;
}
nav ul li{
  background: #e10101;
  line-height:50px;
  margin:0px;
  padding:0px;
  border-bottom: 1px solid #fd7c7c;
}
nav ul li a{
  position: relative;
  color: white;
  text-decoration:none;
  font-size: 18px;
  font-weight: 500;
  display: block;
  width: 100%;
  
}

nav ul li a:hover{
  color: #FFFFFF;
  background: #FF0000;
}
nav ul ul{
  position: static;
  display: none;
}
nav ul ul li{
line-height: 50px;
border-bottom:none;
}
nav ul ul li a{
	font-size: 17px;
	color:#FFFFFF;
	padding-left: 25px;
}
nav ul ul ul li a{
  font-size: 17px;
  color:#FFFFFF;
  padding-left: 45px;
}
nav ul li a span i{
  position:absolute;
  
  right:20px;
  transform:translate(-50%);
  font-size: 22px;
  transition:transform 0.2s;
}
.down{
  transform: rotate(90deg);
  transition:0.5s;
  cursor: pointer;
}
nav ul .feat-show.show{
  display: block;
}

nav ul ul li:not(:last-child) {
  border-bottom: 1px solid #fd7c7c;
}

.feat-shows {
  display:none;
}
.sidebar{
  height: 100%;
}
.feat-shows.show{
  display:block;
}
.feat-showsp{
  display: none;
}
.feat-showsp.show{
  display:block;
}
.feat-showsn{
  display: none;
}
.feat-showsn.show{
  display:block;
}
.feat-showsa{
  display:none;
}
.feat-showsa.show{
  display: block;
}
.feat-showsh{
  display:none;
}
.feat-showsh.show{
  display:block !important;
}
.feat-showsht{
  display:none;
}
.feat-showsht.show{
  display:block !important;
}
.feat-showshp{
   display:none;
}
.feat-showshp.show{
  display:block;
}
.feat-showshn{
   display:none;
}
.feat-showshn.show{
  display:block;
}
.feat-showsat{
  display:none;
}
.feat-showsat.show{
display: block;
}
.feat-showsap{
  display:none;
}
.feat-showsap.show{
display: block;
}
.feat-showsan{
  display:none;
}
.feat-showsan.show{
display: block;
}
nav{
  background:#FF0000;
}
.close-btn{
  box-sizing: content-box;
    width: 1em;
    height: 1em;
    border:0;
    padding: 0.25em 0.25em;
    border-radius: 0.25rem;
     background: transparent;
     margin-top:20px;
}
.close-btn i{
  font-size:30px !important;
}
.sidebar.delete{
  display:none;
}
/*.offcanvas.offcanvas-start.show{
  overflow-y:scroll !important;
}*/