.user-header{width:100%;height:70px;position:absolute;top:0;left:0;display:grid;justify-items:end;align-items:center;grid-template-columns:1fr min-content}.user-header .header-button{display:grid;justify-self:start;margin-left:280px;background-color:#85ce36;border-radius:3px}.user-header .header-button a{display:grid;grid-template-columns:1fr min-content;font-family:Open Sans,sans-serif;font-weight:700;font-size:16px;color:#fff;align-items:center;padding:5px 10px;text-decoration:none}.user-header .header-button i{font-size:25px}.user-header .header-panel{display:grid;grid-template-columns:1fr 1fr 1fr max-content max-content;margin-right:35px;align-items:center;background:#fff;border-radius:10px;padding:10px}.user-header .header-panel .panel-notify{position:relative;width:25px;padding-right:10px}.user-header .header-panel .panel-notify i{font-size:22px;color:#4f5f6f;cursor:pointer}.user-header .header-panel .panel-notify .notify-amount{position:absolute;top:-5px;right:-6px;font-family:Open Sans,sans-serif;font-weight:700;font-size:14px;color:#85ce36;pointer-events:none}.user-header .header-panel .panel-notify .notify-amount::selection{background-color:transparent}.user-header .header-panel .panel-notify .notify-menu{position:absolute;right:-17px;top:48px;box-shadow:1px 1px 4px 0 rgba(0,0,0,.25);background:#fff;z-index:10}.user-header .header-panel .panel-separator{width:2px;height:30px;background:#4f5f6f;margin-left:15px;margin-right:16px}.user-header .header-panel .panel-user-name{font-family:Open Sans,sans-serif;font-weight:700;font-size:16px;color:#4f5f6f;margin-left:15px;cursor:pointer;min-width:100px}.user-header .header-panel .panel-menu-arrow{position:relative}.user-header .header-panel .panel-menu-arrow .icon-up-dir{font-size:25px;cursor:pointer}.user-header .header-panel .panel-menu-arrow .icon-up-dir:before{transition:all .2s ease-in-out;transform:rotate(180deg)}.user-header .header-panel .panel-menu-arrow .open-menu:before{transform:rotate(0deg);transition:all .4s ease-in-out}.user-header .header-panel .panel-menu-arrow .panel-menu{z-index:10;position:absolute;left:-183px;top:55px;width:230px;box-shadow:1px 1px 4px 0 rgba(0,0,0,.25);background:#fff;border-radius:10px;min-width:100px}.user-header .header-panel .panel-menu-arrow .panel-menu div{display:grid;grid-template-columns:1fr;align-items:center;transition:all .2s ease-in-out;cursor:pointer}.user-header .header-panel .panel-menu-arrow .panel-menu div:hover{background:#dcdcdc;transition:all .3s ease-in-out}.user-header .header-panel .panel-menu-arrow .panel-menu div p{margin:0;font-family:Open Sans,sans-serif;font-weight:700;font-size:15px;color:#4f5f6f}.user-header .header-panel .panel-menu-arrow .panel-menu div i{margin-right:10px;color:#85ce36;font-size:20px}.user-header .header-panel .panel-menu-arrow .panel-menu div img{margin-right:10px;margin-left:5px}.user-header .header-panel .panel-menu-arrow .panel-menu div a{padding:15px;display:grid;grid-template-columns:min-content 1fr;text-decoration:none;align-items:center}