.main-left {
  float: left;
  width: 300px;
}

.main-left h3 {
  height: 50px;
  line-height: 50px;
  padding: 0 0 0 15px;
  background:#0078D5;
  font-size: 20px;
  color: #fff;
  font-family: var(--font-family1);
  text-transform: uppercase;
  position: relative;
}

.main-left h3::after {
  display:none;
  font-family: "qico";
  content: "\e727";
  position: absolute;
  right: 0;
  top: 5px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  text-align: center;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.main-left h3.active::after {
  -webkit-transform: rotate(45deg) scale(1.08);
  -ms-transform: rotate(45deg) scale(1.08);
  transform: rotate(45deg) scale(1.08);
}

.sidemenu{margin:0 0 20px;}
.sidemenu > ul{}
.sidemenu > ul > li{border:1px solid #EAEAEA;margin-top:5px;}
.sidemenu > ul > li h5{height:45px;line-height:45px;display:block;background:#fff;padding:0 0 0 15px;font-size:18px;color:#333;cursor:pointer;position:relative;text-transform:capitalize;}
.sidemenu > ul > li h5 a{display:block;padding:0 40px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sidemenu > ul > li h5 a:hover{color:var(--active-color);}
.sidemenu > ul > li h5 span{position:absolute;right:0;top:0;width:40px;height:45px;display:block;text-align:center;transition:all 0.3s ease 0s;}
.sidemenu > ul > li h5 span::after{font-family:"qico";content:"\e699";font-size:18px;display:inline-block;transition:all 0.3s ease 0s;}

.sidemenu > ul > li ul {display:none;background:#fff;}
.sidemenu > ul > li ul li{line-height:24px;border-bottom:2px solid #F1F1F3;background:#fff;margin:0 20px;position:relative;}
.sidemenu > ul > li ul li:last-child {border-bottom:none;}
.sidemenu > ul > li ul li > span{position:absolute;top:2px;right:0;width:40px;height:40px;line-height:40px;text-align:center;display:block;cursor:pointer;transition:all 0.3s ease 0s;}
.sidemenu > ul > li ul li > span::after{font-family:"qico";content:"\e699";font-size:18px;display:inline-block;transition:all 0.3s ease 0s;}
.sidemenu > ul > li > ul > li > a {font-size:16px;display:block;color:#484848;padding:10px 40px 10px 15px;text-transform:capitalize;background:url(../images/dot1.png) no-repeat left 18px;}
.sidemenu > ul > li > ul > li.active > a,.sidemenu > ul > li > ul > li > a:hover {color:var(--active-color);}

.sidemenu > ul > li ul li.active > span i{transform:rotate(180deg);}

.sidemenu > ul > li > ul > li > ul > li{margin:0 15px;}
.sidemenu > ul > li > ul > li > ul > li a{font-size:15px;display:block;color:#666;padding:10px 10px 10px 15px;background:url(../images/dot1.png) no-repeat left 18px;}
.sidemenu > ul > li > ul > li > ul > li a:hover,.sidemenu > ul > li > ul > li > ul > li.active a{color:#009148;}

.sidemenu > ul > li.active h5{color:var(--active-color);border-bottom:1px solid #e2e2e2;}
.sidemenu > ul > li.active h5 > span::after{transform:rotate(180deg);}
                              
.sidenav {
  margin: 0 0 20px;
}

.sidenav ul {}

.sidenav ul li {
  display: block;
  line-height: 24px;
  font-size: 16px;
  color: #333;
  background: #fff;
  border: 1px solid #e2e2e2;
  border-top: none;
  position: relative;
}

.sidenav ul li a {
  color: #333;
  display: block;
  padding: 10px 30px 10px 18px;
}

.sidenav ul li:last-child a {
  border-bottom: none;
}

.sidenav ul li::after {
  color: #555;
  font-family: "qico";
  content: "\e7eb";
  position: absolute;
  right: 8px;
  top: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 44px;
}

.sidenav ul li.active::after {
  display: block;
  color: var(--active-color);
}

.sidenav ul li.active a,
.sidenav ul li a:hover {
  color: var(--active-color);
}

@media screen and (max-width:1441px) {
  .main-left {float: left;width: 260px;}
}

@media screen and (max-width:1281px){
  .main-left {width: 240px;}
}

@media screen and (max-width:992px) {
  .main-left {
    float: none;
    width: 100%;
  }

  .main-left h3 {
    display: block
  }
.main-left h3::after {display:block;}
  .sidemenu>ul {
    display: none;
  }

  .sidemenu>ul>li {
    margin-top: 4px;
  }

  .sidemenu>ul>li h5 {
    height: auto;
    padding: 10px 10px;
  }

  .sidemenu>ul>li h5 a {
    font-size: 16px;
    line-height: 22px;
  }

  .sidemenu>ul>li ul {
    padding: 0 10px;
  }

  .sidemenu>ul>li ul li {
    line-height: 22px;
    padding: 12px 0;
  }
}