.sidenav_container {
  display: flex;
  flex-direction: row;
}

.slide_nav {
  width: 22%;
  margin-right: 1%;
}

.main_content {
  width: 78%;
}
#loadContentDashboard{
  min-height: 80vh;
  width: 110%;
}
.dashbord_nav_list {
  box-shadow: 5px 5px 10px 0px rgb(0 0 0 /10%);
}
.menu_bar {
  display: none;
}

.icon_profile .dropdown-toggle::after {
  margin-left: 0 !important;
}

.icon_profile.dropdown {
  width: 100%;
  display: flex;
}
.icon_profile.dropdown button {
  border: none;
  box-shadow: none;
}
.icon_profile .dropdown-menu.show {
  transform: none !important;
  background-color: #fff;
  width: 220px;
  padding: 11%;
  left: -16% !important;
  top: 100% !important;
}

@media screen and (max-width: 992px) {
  .menu_bar {
    display: block;
    /* height: 100%; */
    background: var(--main-bg-gnrl);
    padding: 9px;
    margin-right: 15px;
    position: fixed;
    z-index: 10;
  }

  .bt-menu .flaticon-menu,
  .bt-menu .flaticon-close {
    color: var(--main-color-widget);
    font-size: 1.5rem;
  }

  .slide_nav {
    display: none;
  }

  .main_content {
    width: 99%;
  }

  .slide_nav.active {
    display: block;
    position: fixed;
    z-index: 2;
    margin-top: -16px;
    margin-left: -29px;
    width: 72%;
  }

  .slide_nav.active .dashbord_nav_list {
    background-color: var(--main-bg-color-body);
    overflow: auto;
    height: 76vh;
  }
  .slide_nav.active .dashbord_nav_list li {
    margin-left: 3%;
  }

  .user_profile {
    margin: 0;
    margin-bottom: 13px;
  }

  .dashbord_nav_list {
    margin-left: 15px;
  }
  .menu_bar.closemenu {
    float: right;
    right: 20px;
    position: fixed;
    z-index: 100;
    height: 6%;
  }

  .nav_icon {
    transform: translate(0%, 27%);
    color: var(--main-bg-color-body);
    font-size: 1.6rem;
  }
}