.userinfo{font-size:1rem;height:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.userinfo .login_btn{color:#fff;margin:0 5px;line-height:0;background-color:#007bff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:5px 10px}.userinfo .login_btn:hover,.userinfo .register_btn{color:#fff}.userinfo .register_btn:hover{color:#007bff}.userinfo .register_btn i{padding:0 5px;position:relative;top:3px;font-size:1.3rem}.userinfo .userinfo_dropdown_btn{box-shadow:none;padding:10px 0;background:0 0;border:0;outline:0}.userinfo .user_info_btn{display:flex;flex-direction:row;align-items:center;justify-content:space-between;order:revert}.userinfo .user_info_btn .userinfo_image{width:2.6rem;height:2.6rem;margin:0 .2rem;overflow:hidden;border:2px solid rgba(0,0,0,.3);order:1}.userinfo .user_info_btn:hover .userinfo_image{border:2px solid rgba(0,0,0,.7)}.userinfo .user_info_btn .userinfo_image img{width:100%}.userinfo .user_info_btn .userinfo_name{font-size:.8rem}.userinfo .dropdown-menu{min-width:200px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);-moz-box-shadow:0 2px 10px rgba(0,0,0,.2);box-shadow:0 2px 10px rgba(0,0,0,.2)}.userinfo .dropdown-menu .user_login_data .user_image{width:45%;margin:1rem auto .5rem;display:flex;flex-direction:row;justify-content:center;position:relative}.userinfo .dropdown-menu .user_login_data .user_image .change_profile_image{z-index:1000;background-color:#fff;border:1px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:40px;height:40px;text-align:center;line-height:2rem;font-size:1.1rem;color:#5f6368;display:flex;flex-direction:row;justify-content:center;position:absolute;bottom:0;right:0}.userinfo .dropdown-menu .user_login_data .user_image .change_profile_image i{width:32px;height:32px;box-shadow:0 0 2px #5f6368;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin-top:3px;padding:6px 0 0;border:1px solid #c1c1c1}.userinfo .dropdown-menu .user_login_data .user_image img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:100%}.userinfo .dropdown-menu .user_login_data .user_name{font-size:1rem;font-weight:700}.userinfo .dropdown-menu .user_login_data .user_email{font-size:.8rem;color:#565656;width:100%;line-break:anywhere;margin-bottom:.6rem;padding:0 .1rem}.userinfo .dropdown-menu .user_menus{margin-top:1rem;padding-top:.5rem;border-top:1px solid #e9ecef}.userinfo .dropdown-menu .user_menus .dropdown-item{font-size:.8rem;padding:.3rem .8rem}.userinfo .notification-alert-circle{left:90%}html[dir=rtl] .userinfo .notification-alert-circle{left:auto;right:90%}@media (max-width:433px){.userinfo{margin:auto -15px;text-align:center}.userinfo .register_btn{margin-bottom:10px;display:block}}