.sidebar_wrap_hidden {
  
  display: none !important;

}

.sidebar_hide_hidden {
  
  display: none !important;

}

.sidebar_wrap {  

  overflow: hidden;
  background-color: white;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  animation-name: menuClose;
  animation-duration: 0.4s;
  width: 300px;

}

.sidebar_wrap.wrap_active {

  animation-name: menuOpen;
  animation-duration: 0.4s;

}

.sidebar_hide {
  
  z-index: 101;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);

}

.sidebar_hide.hide_active {

  animation-name: menuShow;
  animation-duration: 0.4s;

}

@keyframes menuOpen {
  
  from {
    
    left: -300px;
  
  }
  
  to {
    
    left: 0;
  
  }

}

@keyframes menuClose {
  
  from {
    
    left: 0;
  
  }
  
  to {
    
    left: -300px;
  
  }

}

@keyframes menuShow {
  
  from {
    
    opacity: 0;
  
  }
  
  to {
    
    opacity: 1;
  
  }

}

.panel-left-top div{
  
  position: absolute;
  top: 48%;
  right: 15px;
  transform: translateY(-48%);
  color: rgba(255,255,255,0.5);
  
}

.panel-left-phone {
  
  overflow: hidden;
  height: 90px;
  
}

.panel-left-menu-nav {

  margin-right: 5px;
  margin-left: 5px;
  
}

.panel-left-menu {
  
  display: block;
  outline: none;
  padding: 11px;
  padding-left: 16px;
  color: #354248;
  font-size: 14px;
  border: none;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  
}

.panel-left-menu:hover {
  
  transition: 0.3s;
  background: rgba(0,0,0,0.07);
  
}

.panel-left-menu i {
  
  display: inline-block;
  border-radius: 100%;
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  background-color: #DEDEDE;
  
}

.panel-left-menu span{
  
  position: relative;
  left: 7px;
  font-weight: bold;
  letter-spacing: 1px;
  top: 1px;
  
}

.hvm i{
  
  background-color: #469BE7;
  color: white;
  
}

.pfm_gray {
  
  background-color: #EDF4F7;
  
}

.pfm_name {
  
  color: #2F454F;
  font-weight: bold;
  margin-top: 7px;
  
}

.pfm {
  
  height: 100vh; 
  overflow-y: auto; 
  overflow-x: hidden;
  margin-right: -1px;
  
}

.pfm::-webkit-scrollbar { height: 5px; width: 5px; }
.pfm::-webkit-scrollbar-button {  display: none; }
.pfm::-webkit-scrollbar-track {  background-color: #72BDE1; }
.pfm::-webkit-scrollbar-track-piece { background-color: #ffffff; }
.pfm::-webkit-scrollbar-thumb { height: 5px; width: 5px; background-color: #72BDE1; }
.pfm::-webkit-scrollbar-corner { background-color: #72BDE1; }
.pfm::-webkit-resizer { background-color: #72BDE1; }
.pfm::scrollbar { height: 5px; width: 5px; }
.pfm::scrollbar-button {  display: none; }
.pfm::scrollbar-track {  background-color: #72BDE1; }
.pfm::scrollbar-track-piece { background-color: #ffffff; }
.pfm::scrollbar-thumb { height: 5px; width: 5px; background-color: #72BDE1; }
.pfm::scrollbar-corner { background-color: #72BDE1; }
.pfm::resizer { background-color: #72BDE1; }