.vertical-user-menu{box-sizing:border-box;background:#fff;width:300px;height:100vh;padding:15px 15px 15px 0;font-family:IRANSans,sans-serif;overflow-y:auto}.vertical-user-menu ul{margin:0;padding:0;list-style:none}.vertical-user-menu ul li{margin-bottom:15px;position:relative}.vertical-user-menu ul li a{color:#676d7c;border-radius:6px 0 0 6px;align-items:center;padding:8px 12px;font-size:13px;font-weight:600;line-height:28px;text-decoration:none;transition:color .3s;display:flex;position:relative}.vertical-user-menu ul li a:hover{color:#df002f}.menu-icon{width:20px;height:20px;transition:opacity .3s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.menu-icon.default{opacity:1}.menu-icon.active,.vertical-user-menu ul li a:hover .menu-icon.default{opacity:0}.vertical-user-menu ul li a:hover .menu-icon.active{opacity:1}.vertical-user-menu ul li a:hover,.vertical-user-menu ul li a.active{color:#df002f}.vertical-user-menu ul li a:hover .menu-icon.default,.vertical-user-menu ul li a.active .menu-icon.default{opacity:0}.vertical-user-menu ul li a:hover .menu-icon.active,.vertical-user-menu ul li a.active .menu-icon.active{opacity:1}.vertical-user-menu ul li a span{margin-right:32px}.vertical-user-menu ul li a.active:before{content:"";background-color:#df002f;border-radius:0 6px 6px 0;width:3px;height:100%;position:absolute;top:0;left:0}.menu-icon.only{position:absolute;top:50%;right:0;transform:translateY(-50%);opacity:1!important}.vertical-user-menu ul li a.logout .menu-icon.only{display:inline-block}.vertical-user-menu ul li a.logout:hover .menu-icon.only{opacity:1}.vertical-user-menu ul li a.logout .menu-icon.active{display:none!important}