.sidebar-nav {
	padding: 9px 0
}
.dropdown-menu {
  border-radius:0;
}
.dropdown-menu .sub-menu {
	left: 100%;
	position: absolute;
	top: 0;
	visibility: hidden;
	margin-top: -1px
}

.dropdown-menu li:hover .sub-menu {
	visibility: visible
}

.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu,
.navbar .dropdown-menu {
	margin-top: 0
}

.navbar .sub-menu:before {
	border-bottom: 7px solid transparent;
	border-left: none;
	border-right: 7px solid rgba(0, 0, 0, 0.2);
	border-top: 7px solid transparent;
	left: -7px;
	top: 10px
}

.navbar .sub-menu:after {
	border-top: 6px solid transparent;
	border-left: none;
	border-right: 6px solid #fff;
	border-bottom: 6px solid transparent;
	left: 10px;
	top: 11px;
	left: -6px
}

 .dropdown-submenu{
    position:relative;
}
 
.dropdown-submenu > .dropdown-menu
{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    border-radius:0;
}
.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}
 .dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
  
.dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}
 
.dropdown-submenu .pull-left{
    float:none;
}
 
.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

.dropdown:hover > .dropdown-menu{
    display:block;
}

.navbar {
    padding: 0;
    height:71px;
}

li.nav-item {
    height: 71px;
   line-height: 61px;
}
ul.dropdown-menu li {
    height: 35px;
      line-height: 35px;
}


/*****************************/
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInUp {
  0% {
  -webkit-transform: translateY(30%);
  transform: translateY(30%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
  @keyframes slideInUp {
  0% {
  -webkit-transform: translateY(30%);
  transform: translateY(30%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  } 

/*
accordin
*/

  #accordion .card-header {
  margin-bottom: 8px;
}
#accordion .accordion-title {
  position: relative;
  display: block;
  padding: 8px 0 8px 50px;
  background: #f6f4fb;
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  width: 100%;
  text-align: left;
  transition: all 0.4s ease-in-out;
}
#accordion .accordion-title i {
  position: absolute;
  width: 40px;
  height: 100%;
  left: 0;
  top: 0;
  color: #000;
  background:  #f6f4fb;
  text-align: center;
  border-right: 1px solid transparent;
}
#accordion .accordion-title:hover {
  padding-left: 60px;
  background: #f6f4fb;
  color: #000;
}
#accordion .accordion-title:hover i {
  border-right: 1px solid #000;
}
#accordion [aria-expanded=true] {
  background: #f5f5f5;
  color: #000;
}
#accordion [aria-expanded=true] i {
  color: #000;
  background: #f5f5f5;
}
#accordion [aria-expanded=true] i:before {
  content: "";
}
#accordion .accordion-body {
  padding: 10px 25px;
}