.user-img{width:33px;height:33px;float:left;position:relative;bottom:6px;right:8px;}
.user-img > img{width:33px;height:33px;border-radius:50%;}
#nav{display:block;list-style:none;margin:0px;padding:0px;float:right;margin:0;}
#nav li{float:left;font-size:14px;font-weight:normal;padding:9px 15px 5px 15px;}
#nav li a{color:#333333;text-decoration:none;}
#notification_li{position:relative;font-size:20px;margin-right:2px;}
#notificationContainer{background-color:#fff;border:1px solid rgba(100, 100, 100, .4);-webkit-box-shadow:0 3px 8px rgba(0, 0, 0, .25);overflow:visible;position:absolute;top:38px;margin-left:-188px;width:300px;z-index:-1;display:none;}
#notificationContainer:before{content:'';display:block;position:absolute;width:0;height:0;color:transparent;border:10px solid black;border-color:transparent transparent #d4d4d4;margin-top:-20px;margin-left:188px;}
#notificationTitle{z-index:1000;font-weight:bold;padding:8px;font-size:13px;background-color:#ffffff;width:284px;border-bottom:1px solid #dddddd;}
#notificationsBody{padding:10px 0px 0px 0px !important;min-height:300px;}
#notificationFooter{background-color:#e9eaed;text-align:center;font-weight:bold;padding:8px;font-size:12px;border-top:1px solid #dddddd;}
#notification_count{padding:1px 5px 1px 5px;background:#e86760;color:#ffffff;font-weight:bold;margin-left:15px;border-radius:9px;position:absolute;margin-top:-7px;font-size:10px;}
#m-notification_li{position:relative}
#m-notificationContainer{background-color:#fff;border:1px solid rgba(100, 100, 100, .4);-webkit-box-shadow:0 3px 8px rgba(0, 0, 0, .25);overflow:visible;position:absolute;top:38px;margin-left:-188px;width:300px;z-index:-1;display:none;}
#m-notificationContainer:before{content:'';display:block;position:absolute;width:0;height:0;color:transparent;border:10px solid black;border-color:transparent transparent #d4d4d4;margin-top:-20px;margin-left:188px;}
#m-notificationTitle{z-index:1000;font-weight:bold;padding:8px;font-size:13px;background-color:#ffffff;width:284px;border-bottom:1px solid #dddddd;}
#m-notificationsBody{padding:0px 0px 0px 0px !important;min-height:300px;}
#m-notificationFooter{background-color:#e9eaed;text-align:center;font-weight:bold;padding:8px;font-size:12px;border-top:1px solid #dddddd;}
#m-notification_count{padding:1px 5px 1px 5px;background:#cc0000;color:#ffffff;font-weight:bold;margin-left:15px;border-radius:9px;position:absolute;margin-top:-7px;font-size:10px;}
#u-notification_li, .u-notification_li{position:relative}
#u-notification_li i, .u-notification_li i{color:#FFF;}
#u-notification_li span, .u-notification_li span{color:#FFF !important;}
#u-notificationContainer{background-color:#fff;border:1px solid rgba(100, 100, 100, .4);-webkit-box-shadow:0 3px 8px rgba(0, 0, 0, .25);overflow:visible;position:absolute;top:49px;margin-left:-120px;width:250px;z-index:-1;display:none;}
#u-notificationContainer:before{content:'';display:block;position:absolute;width:0;height:0;color:transparent;border:10px solid black;border-color:transparent transparent #dddddd;margin-top:-20px;margin-left:230px;}
#u-notificationTitle{z-index:1000;font-weight:bold;padding:8px;font-size:13px;background-color:#ffffff;width:284px;border-bottom:1px solid #dddddd;}
#u-notificationsBody{padding:0px 0px 0px 0px !important;min-height:175px;}
#u-notificationFooter{background-color:#e9eaed;font-weight:bold;padding:8px;font-size:12px;border-top:1px solid #dddddd;}
#u-notification_count{padding:3px 7px 3px 7px;background:#cc0000;color:#ffffff;font-weight:bold;margin-left:50px;border-radius:9px;position:absolute;margin-top:-11px;font-size:11px;}
.mobile-dot{display:none;}
@media only screen and (max-width:1024px){#u-notificationContainer{margin-left:-120px;}
}
@media only screen and (max-width:650px){
.mobile-dot{display:block; margin-right:0px; position:relative; top:-3px; -webkit-filter: invert(100%);filter: invert(100%);}
.mobile-angel{display:none;}
}
@media only screen and (max-width:490px){
	.mobile-dot{-webkit-filter: invert(0);filter: invert(0);}
}