/*Notification Block | Begin*/ 
#notification-container { background-color: #fff; border-top: 7px solid #5dade2; overflow: visible; position: absolute;top:49px;right:83px; margin-left: 44px; width: 247px; z-index: 999; display: none; -webkit-box-shadow: 1px 1px 15px 0 rgba(50,50,50,0.75); -moz-box-shadow: 1px 1px 15px 0 rgba(50,50,50,0.75); box-shadow: 1px 1px 15px 0 rgba(50,50,50,0.75);}
/*#notification-container:before { content: ''; display: block; position: absolute; width: 0; height: 0; color: transparent; border: 10px solid black; border-color: transparent transparent #5cade4; margin-top: -25px; margin-left: 150px }*/
#notification-container::before{display:none;}
.bell-arrow {content: '';display:none;position: absolute;width: 0;height: 0;color: transparent;border:10px solid black;border-color: transparent transparent #5cade4;top:11px;left:5px;z-index: 100}
.notification-title { padding: 5px 8px; background-color: #fff; border-bottom: 1px solid #ddd; text-transform: uppercase; font-size: 11px; text-shadow: 1px 0 0 #000; color: #000 }
.nav-after-login #notification-container:before { margin-left: 187px }
.notify-box { list-style: none; padding: 0; margin: 0 }
.notify-box .notify-cont { font-size: 11px; font-weight: normal; line-height: 12px; color: #565656; margin: 0 }
.notify-box .notify-title { font-size: 11px; color: #565656; margin: 0; text-shadow: 1px 0 0 #000 }
.notify-box .notify-normal { font-weight: normal; text-shadow: none }
.menu-section-left .notify-box a { padding: 0!important }
.notify-box li { list-style: none; font-size: 11px; line-height: 12px; border-bottom: 1px solid #ccc; position: relative }
.notify-box li a { display: inline-block; padding: 12px 10px 5px; width: 100% }
.notify-box .unread { background-color: #c5efe1 }
.notify-box .readed { background-color: #fff }
.notify-box .empty { min-height: 60px; padding: 14px 10px 0 }
.notify-box .empty p { padding-top: 6px; font-size: 11px; margin: 0; line-height: 12px }
.notify-box .notification-title { padding: 8px }
.notify-box .notification-title:hover { cursor: default }
.notify-box .circle { position: absolute; background: url(/images/take-over/notification-bg.png) no-repeat; width: 27px; height: 64px; top: -6px; left: 247px }
.notify-box .grn-bg { background-position: 0 -126px }
.notify-box .wht-bg { background-position: 0 -60px }
.notify-box .empty .circle { margin-top: -1px }
.notify-box li:hover { background-color: #efefef; cursor: pointer }
.notify-box li:hover .circle { background-position: 0 4px }
.notify-box .notification-title:hover { background-color: #fff }
.rupee-symbol,.notify-icon{background-image: url(/images/take-over/notification-icons-v2.png); background-repeat: no-repeat; }
.rupee-symbol { background-position: -12px -513px; height: 10px; width: 10px; display: inline-block }
.notify-icon { height: 45px; width: 45px; position: absolute; left: -27px; top: 16px }
.notify-box .empty i { margin-top: 0 }
.notify-box .pl-notify { background-position: 10px 0 }
.notify-box .cl-notify { background-position: 10px -44px }
.notify-box .hl-notify { background-position: 10px -89px }
.notify-box .cc-notify { background-position: 10px -136px }
.notify-box .dc-notify { background-position: 10px -136px }
.notify-box .tli-notify { background-position: 10px -185px }
.notify-box .ci-notify { background-position: 10px -237px }
.notify-box .hi-notify { background-position: 10px -290px }
.notify-box .fd-notify { background-position: 10px -337px }
.notify-box .el-notify { background-position: 10px -442px }
.notify-box .emp-notify { background-position: 10px -386px }
.notify-box .date-exp { margin-top: 5px; color: #868686; font-weight: normal; font-size: 10px; text-align: right; clear: both; display: block; width: 91% }
.notification-count {background:#c00;color:#fff;font-weight:normal;margin-left:8px;position:absolute;margin-top:6px;font-size:8px;text-align:center;width:14px;height:14px;-moz-border-radius:14px;-webkit-border-radius:14px;border-radius:14px;line-height:14px}
.notification-icon { display: none }
.menu-notification img { position: relative; top: 0; }
.menu-notification{position: relative;}
@media(min-width:768px) and (max-width:1024px) { 
	.portrait .notification-icon { display: none }
	.bell-arrow{top:10px;}
}
@media(min-width:768px) and (max-width:917px) { 
	#notification-container:before { margin-left: 133px }
	#notification-container { top: 50px; 	right: 24px }
}
@media(min-width:918px) and (max-width:1153px) { 
	#notification-container:before { margin-left: 133px }
	#notification-container { top: 105px; 	right: 20px }
}
@media(min-device-width :720px) and (max-device-width :1080px) and (orientation :portrait) { 
	.mobile .sticky-header-nav #notification-container:before {right: 85px!important;}
}
@media(min-device-width :720px) and (max-device-width :1080px) and (orientation :landscape) {  
	#notification-container:before {margin-left: 11px }
	#notification-container {top: 65px }
}
@media(max-width:767px) { 
	.bblogo a { float: left; }
	#notification-container { right: inherit }
	.notification-icon {float:right;padding:3px 0px 0 0px;}
	.notification { position: inherit; 	right: 0 }
	.notify-box .circle { display: none }
	.notify-box .notification-title { border-right: 0; 	background: #fff }
	.notify-box .date-exp { width: 95% }
	#notification-container:before { margin-left: 249px; 	right: 65px }
	.notify-box .cc-notify { border-left: 8px solid #f62459 }
	.notify-box li { padding: 0 }
	.notify-box li a { display: inline-block; 	padding: 8px 9px 3px; 	width: 100% }
	.notify-box li.cc { border-left: 8px solid #3a539b }
	.notify-box li.pl { border-left: 8px solid #f62459 }
	.notify-box li.hl { border-left: 8px solid #1e8bc3 }
	.notify-box li.cl { border-left: 8px solid #03a678 }
	.notify-box li.el { border-left: 8px solid #c1ca2c }
	#notification-container { width: 100%; 	margin-left: 0 }
    .notification-count{margin-left:8px;margin-top:-1px;}
	.bell-arrow{top:13px; left: 9px;}
}
@media(max-width:580px) {
	#notification-container:before { right: 50px }
}
@media(width:811px) {
    #notification-container {top:65px }
    #notification-container:before { margin-left:109px }
}
/*Notification Block | End*/
@media (width: 1024px){
    #notification-container:before, .nav-after-login #notification-container:before {
        margin-left: 58px;
    }
    .offer-page #notification-container {
        top: 62px;
    }
    #notification-container {
        top: 98px;
    }
    .nav-after-login .navbar-nav {
        float: none;
    }
}
@media(width:800px) {
    #notification-container {top:65px }
    #notification-container:before { margin-left:109px }
}
@media (device-width:768px){
    #notification-container:before {
        margin-left: 109px;
    }
    #notification-container {
        top: 65px;
    }
    .mobile .sticky-header-nav #notification-container:before {right:61px !important; }
    .nav-after-login .navbar-nav {float:left}
}
.sprite-cd{background-image:url(/images/sprite-dashboard-V7.png);background-repeat:no-repeat;display:inline-block;height:25px;
vertical-align:middle;}
.bbicons-notification{background-position:-125px 1px;width:24px;}