@charset "utf-8";			

#notiBody{}


#notiBody .noti_tab{height:48px;line-height:47px;border-bottom:solid 1px #ebeff8;}
#notiBody .noti_tab .tab_button{cursor:pointer;width:50%;text-align:center;position:relative;}
#notiBody .noti_tab .tab_button.selected{color:#031827;}
#notiBody .noti_tab .tab_button .tab_indicator{position:absolute;width:100%;height:2px;background:#3f9dff;bottom:0;left:0;opacity:0;transition:opacity .15s ease-in;}
#notiBody .noti_tab .tab_button.selected .tab_indicator{opacity:1;}
#notiBody .noti_tab .tab_button .new_badge{position:absolute;width:6px;height:6px;border-radius:3px;background:#ec5245;top:12px;right:50px;}
#notiBody .noti_tab .tab_button .new_badge.friend_badge{right:68px;}
#notiBody .noti_tab .tab_button .new_badge.minimap_badge{right:60px;}
#notiBody .noti_tab .tab_button .new_badge.off{display:none;}

#notiBody .noti_empty{height:calc(100vh - 145px);text-align:center;}
#notiBody .noti_empty .no_result_image{width:140px;margin-top:calc(50vh - 168px);}
#notiBody .noti_empty .no_result_text{margin-top:24px;line-height:24px;}

#notiBody .noti_list{display:none;height:calc(100vh - 145px);max-height:calc(100vh - 145px);overflow:auto;}
#notiBody .noti_list.selected{display:block;}
#notiBody .noti_list .date_divider{display:block;height:44px;line-height:20px;padding:12px 16px;font-size:13px;}
#notiBody .noti_item{width:100%;position:relative;padding:0px 16px 16px 16px;overflow:hidden;}
#notiBody .noti_item.not_read{background:#e5f3ff;}
#notiBody .noti_item .noti_profile_wrap{display:inline-block;margin-top:16px;margin-right:16px;position:relative;width:40px;height:40px;vertical-align:top;}
#notiBody .noti_item .noti_profile_wrap .image_container{width:40px;height:40px;border-radius:8px;background:#FFF;}
#notiBody .noti_item .noti_profile_wrap .noti_custom{border:solid 1px #ebeff8;}
#notiBody .noti_item .noti_profile_wrap .noti_profile{height:40px;width:40px;border:solid 1px #ced8e5;background:#FFF;border-radius:20px;}
#notiBody .noti_item .noti_profile_wrap .noti_achievement{position:absolute;width:44px;top:-4px;left:-2px;}
#notiBody .noti_item .noti_profile_wrap .noti_icon{position:absolute;width:22px;height:22px;right:-4px;bottom:-4px;}
#notiBody .noti_item .noti_content{display:inline-block;width:calc(100% - 56px);min-height:56px;vertical-align:top;line-height:20px;padding-top:16px;border-top:solid 1px #ebeff8;}
#notiBody .noti_item:first-child .noti_content{border-top:none;}
#notiBody .date_divider + .noti_item .noti_content{border-top:none;}
#notiBody .noti_item .noti_content .user_name{color:#3f9dff;display:inline;}
#notiBody .noti_item .noti_content .game_name{color:#3f9dff;display:inline;}
#notiBody .noti_item .noti_content .game_name .mobile_icon_new{height:19px;}
#notiBody .noti_item .noti_content .achievement_name{color:#3f9dff;display:inline;}
#notiBody .noti_item .noti_content .custom_highlight{color:#3f9dff;display:inline;}
#notiBody .noti_item .noti_content .noti_image{float:right;vertical-align:top;height:40px;width:40px;margin-left:10px;overflow:hidden;border-radius:8px;background:#FFF;}
#notiBody .noti_item .noti_content .noti_follow_button{float:right;vertical-align:top;width:82px;margin-left:10px;margin-top:4px;}