.user-messenger{background-color:#000;background-color:rgba(0,0,0,.4);height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.user-messenger-on{opacity:1;transition:visibility .5s,opacity .5s;visibility:visible}.user-messenger-off{opacity:0;transition:visibility .5s,opacity .5s;visibility:hidden}.user-messenger-content{background-color:#fefefe;border:1px solid #888;border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);margin:auto;padding:0;position:relative;top:30%;width:50%}.user-messenger-header{background-color:#5cb85c;border-radius:10px 10px 0 0;color:#fff;padding:2px 16px}.user-messenger-header>h2{margin-top:.5rem}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.user-messenger-body{padding:2px 16px}.user-messenger-footer{background-color:#5cb85c;border-radius:0 0 10px 10px;color:#fff;padding:2px 16px}#user-messenger-footer{padding-buttom:5px;padding-top:5px}.user-messenger-content-fly-in{animation:slide-in .8s forwards}.user-messenger-content-fly-out{animation:slide-out .8s forwards}@keyframes slide-in{0%{transform:translateY(-500%)}to{transform:translateY(0)}}@keyframes slide-out{0%{transform:translateY(0)}to{transform:translateY(-500%)}}