.m_navbar {
  min-width: 250px;
  max-width: 250px;
  min-height: 80vh;
  background-color: #007a53;
  transition: all 0.25s;
  position: relative; 
  z-index: 99999;
  background: rgb(2, 0, 36);
  background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(0, 92, 92, 1) 0%, rgba(0, 122, 83, 1) 100%);
}

.m_navbar_active {  
  transform:translate(-250px); 
  min-width: 0;  
}


.m_nav_item {
  color: #dedede;
  width: 99%;
  margin-left: 15px;
  margin-right: 2px;  
  margin-top: 3px; 
  margin-bottom: 3px;
  display: block;
  text-decoration: none;
  font-size: 1.07em;
  padding: 5px;
}

.m_nav_item:hover {
  color: #ffffff;
  background-color: #007a53; 
  border-radius: 9px;
}

.m_nav_item_selected {
  color: #ffffff;
  background-color: #007a53;
  border-radius: 9px;
}

.m_nav_item_icon {
  padding-left: 0.25rem !important;
  margin-right: 7px;
}

@media (max-width: 777px){
  .m_navbar {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    min-height: 100vh;
  }
}