.animate-menu-push {
  left: 0;
  position: relative;
  transition: all 0.3s ease; }
  .animate-menu-push.animate-menu-push-right {
    left: 200px; }
  .animate-menu-push.animate-menu-push-left {
    left: -200px; }

.animate-menu {
  position: fixed;
  top: 0;
  width: 200px;
  height: 100%;
  transition: all 0.3s ease; }

.animate-menu-left {
  left: -200px; }
  .animate-menu-left.animate-menu-open {
    left: 0; }

.animate-menu-right {
  right: -200px; }
  .animate-menu-right.animate-menu-open {
    right: 0; }

.sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
  .sidebar-menu > li {
    position: relative;
    margin: 0;
    padding: 0; }

    .sidebar-menu > li > a {
      padding: 12px 12px 12px 15px;
      display: block;
      border-left: 3px solid transparent;
      color: #b8c7ce; 
    }
    .sidebar-menu > li .label,
    .sidebar-menu > li .badge {
      margin-top: 3px;
      margin-right: 5px; }

	.sidebar-menu li .fa-angle-right {
		/*width: auto;
    height: auto;*/
		margin-top: 3px;
		transform: rotate(90deg);
	}
	.sidebar-menu li.active .fa-angle-right {
		transform: rotate(-90deg);
		top: 1px;
	}
  .sidebar-menu li.active > .sidebar-submenu {
    display: block; }
  .sidebar-menu a {
    color: #b8c7ce;
    text-decoration: none; }
  .sidebar-menu .sidebar-submenu {
    display: none;
    list-style: none;
    padding-left: 5px;
    margin: 0;
 }
    .sidebar-menu .sidebar-submenu .sidebar-submenu {
      padding-left: 20px; }
    .sidebar-menu .sidebar-submenu > li > a {
      padding: 5px 5px 5px 15px;
      display: block;
      font-size: 14px;
      color: #8aa4af; }
      .sidebar-menu .sidebar-submenu > li .fa {
        width: 20px; }
      .sidebar-menu .sidebar-submenu > li .fa-angle-right,
      .sidebar-menu .sidebar-submenu > li .fa-angle-down {
        width: auto; }

        .sidebar-menu > li:first-child > a:hover {
          border-top-left-radius: 8px;
          border-top-right-radius: 8px;
              }
              .sidebar-menu > li:last-child > a:hover {
                  border-bottom-left-radius: 8px;
                  border-bottom-right-radius: 8px;
                      }
.sidebar-menu ul > li {
  border-top: 1px dotted #285072;
}
.sidebar-menu ul > li:first-child {
  border-top: 1px solid #2b5786;
}
.sidebar-submenu > li {
  background-color: #071929 !important;
}
@media (max-width:992px) {
  ul.sidebar-menu {
    width: 100% !important;
    margin-top: 40px;
  }

  ul.sidebar-menu li {
    width: 100% !important;
    max-width: 100% !important;
  }
  #secondary-page #main-content .left-col ul li::before {
    width: 100% !important;
  }
}

@media (min-width:575px) and (max-width:992px) {
  #side-menu {
    padding-left: 0 !important;
  }
}

.highMenuItem {
  margin-top: 15px !important;
}

.sidebar-menu i {
	width: 32px;
	top: 5px;
	left:-3px;
	color: white;
	padding: 10px;
	position:relative;
	pointer-events: all;
	cursor: pointer;
	float: right;
}

.sidebar-menu > li > a {
float: left;
}

.sidebar-menu > li.active > a {
position: relative;
z-index: 999;
}
.sidebar-menu > li.active  {
  background-color: #06111c !important;
  z-index: 998 !important;
  } 
.sidebar-menu > li.active i {
  position: relative;
  z-index: 1000;
  }

  .sidebar-menu > li.active ul::before {
    clear: both !important;
    content: "";
    display: table;
  }