/* Final AdminLTE sidebar skin for the existing account menu markup. */
.account-nav .account-menu-list > button,
.account-nav .account-menu-list > li > button{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:44px!important;
  margin:0 0 .2rem!important;
  padding:.5rem 1rem!important;
  border:0!important;
  border-radius:.25rem!important;
  outline:none!important;
  box-shadow:none!important;
  background-color:transparent!important;
  color:#c2c7d0!important;
  font-family:"Vazir",Tahoma,sans-serif!important;
  font-size:1rem!important;
  font-weight:400!important;
  line-height:1.5!important;
  text-align:right!important;
  cursor:pointer!important;
}
.account-nav .account-menu-list > button:hover,
.account-nav .account-menu-list > li > button:hover{
  color:#fff!important;
  background-color:rgba(255,255,255,.1)!important;
}
.account-nav .account-menu-list > button.active,
.account-nav .account-menu-list > li > button.active{
  color:#fff!important;
  background-color:#007bff!important;
}
.account-nav .account-menu-list > button:focus,
.account-nav .account-menu-list > button:active,
.account-nav .account-menu-list > li > button:focus,
.account-nav .account-menu-list > li > button:active{
  outline:none!important;
  box-shadow:none!important;
  border:0!important;
}
.account-nav .account-menu-list > button .nav-icon,
.account-nav .account-menu-list > li > button .nav-icon{
  flex:0 0 1.6rem!important;
  width:1.6rem!important;
  min-width:1.6rem!important;
  margin-right:.2rem!important;
  margin-left:.4rem!important;
  font-size:1.2rem!important;
  line-height:1!important;
  color:inherit!important;
  text-align:center!important;
}
.account-nav .account-menu-list > button p,
.account-nav .account-menu-list > li > button p{
  display:inline-block!important;
  margin:0!important;
  color:inherit!important;
  font-family:"Vazir",Tahoma,sans-serif!important;
  font-size:1rem!important;
  font-weight:400!important;
  line-height:1.5!important;
}
.account-nav .account-menu-list > button::-moz-focus-inner,
.account-nav .account-menu-list > li > button::-moz-focus-inner{
  border:0!important;
}
@media (min-width:992px){
  body.sidebar-collapse .account-nav .account-menu-list > button,
  body.sidebar-collapse .account-nav .account-menu-list > li > button{
    width:57px!important;
    min-width:57px!important;
    max-width:57px!important;
    padding:.5rem 0!important;
    justify-content:center!important;
  }
  body.sidebar-collapse .account-nav .account-menu-list > button .nav-icon,
  body.sidebar-collapse .account-nav .account-menu-list > li > button .nav-icon{
    margin:0!important;
  }
}