/*#notification-container {background-color: #fff;border-top:7px solid #5dade2;overflow: visible;position: absolute;top:48px; right:85px;margin-left:44px;width: 247px;z-index: 99;display: none;
    -webkit-box-shadow: 1px 1px 15px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 15px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 15px 0px rgba(50, 50, 50, 0.75);}
.notification-flash-sale{right:141px !important;}*/
#notification-container {background-color: #fff;border-top:7px solid #5dade2;overflow: visible;position: absolute;top:48px; right:83px;margin-left:44px;width: 247px;z-index: 99;display: none;
    -webkit-box-shadow: 1px 1px 15px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 15px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 15px 0px rgba(50, 50, 50, 0.75);}


.offer-page .notification-flash-sale{right:56px !important;}
/*#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:85px;}*/
.bell-arrow {content: '';display:none;position: absolute;width: 0;height: 0;color: transparent;border:10px solid black;border-color: transparent transparent #5cade4;top:30px;margin-left:-33px;z-index: 100}
#notification-container::before{display:none;}
.notification-title {padding:5px 8px;font-size: 13px;background-color: #ffffff;
    border-bottom: 1px solid #dddddd; text-transform:uppercase; font-size:11px;text-shadow:1px 0 0 #000; color:#000;}
.iphone #notification-container:before {right:53px;}
.nav-after-login #notification-container:before{margin-left:187px;}
.iphone.landscape #notification-container:before{right: 64px;}
.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{ background-position:-12px -513px;background-image:url(/images/take-over/notification-icons-v2.png); background-repeat:no-repeat; height:10px; width:10px; display: inline-block;}
.notify-icon{background-image:url(/images/take-over/notification-icons-v2.png); background-repeat:no-repeat; 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: #cc0000;color: #ffffff;font-weight:normal;margin-left:8px;border-radius:21px;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;}
@media (min-width: 768px) and (max-width:1024px) {
    .portrait .notification-icon{display:none;}
    .bell-arrow{top:25px;}
}

@media (min-width: 768px) and (max-width:917px) {
    #notification-container:before{margin-left: 133px;}
    #notification-container{top:50px;right:38px;}
   .menu-section .navbar{ position:inherit;}
    .notification-flash-sale {
        right: 24px !important;
    }
}
@media (min-width: 918px) and (max-width:1153px) {
    #notification-container:before{margin-left: 133px;}
    #notification-container{top:105px;right:34px;}
}
@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) {

    .ipad #login-status .logout { display:block;}
    #login-status .mob-logout li {list-style: none;}
    .mobile .sticky-header-nav #login-status-span li.logout{ padding-top: 12px; border-radius:0!important;}
    .mobile .sticky-header-nav #login-status-span li.logout span{ float: left;}
    .mobile .sticky-header-nav #login-status-span li.logout,
    .mobile .sticky-header-nav #login-status-span li.logout span,
    .mobile .sticky-header-nav #login-status-span .li-radius{ background: transparent !important; color: #000;}
    .mobile .sticky-header-nav .logout .logout-icon { background-position:2px -80px; }
    #notification-container:before { margin-left: 11px;}
    #notification-container {top: 65px;}
}
@media screen and (min-width: 801px) and (max-width:854px) {
    #notification-container{right:58px;}
    #notification-container:before {right: 166px;}
    .nav-after-login #notification-container:before{margin-left: 30px;}
}

@media (max-width: 767px) {
    .hide-on-mobile{ display: none;}
    #notification-container{ right:inherit; }
    .show-on-mobile{ display:block;}
    .notification-icon{float:right;padding:5px 0 0 0;}
    .menu-container .navbar-toggle{ padding:0 8px;}
    .notification{ position:inherit; right:0;}
    .notify-box .circle{ display:none;}
    .notify-box .notification-title{ border-right:none; 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;}
    .menu-section .navbar{ position:inherit;}
    .notification-flash-sale{right:0 !important;}
    .notification-count{margin-top:1px;}
    .bell-arrow{top:13px; left: 9px;}
}
@media (max-width: 580px) {
    .sticky-header-nav .mob-logout {
        padding: 8px 5px;
    }
    #notification-container:before{right:43px;}
}

@media (width:811px){
    .notification-flash-sale{right:30px !important;}
    .notification-flash-sale:before {
        right: 55px !important;
    }
}


.ipad .sticky-header-nav #login-status-span .li-radius{ color: #fff;}

@media (width: 1024px){
    #notification-container:before, .nav-after-login #notification-container:before {
        margin-left: 150px;
    }
    .offer-page #notification-container {
        top: 62px;
    }
    #notification-container {
        top: 114px;
    }
    .nav-after-login .navbar-nav {
        float: none;
    }
    .notification-flash-sale {
        right: 21px !important;
    }
    .flash-sale-img, .hl-flash-sale-img {right:10px}
}
@media (width:800px){
    .mobile .sticky-header-nav #notification-container:before {
        right: 76px !important;
    }
    #notification-container {
        top: 65px;
    }
   .mobile .sticky-header-nav .notification-flash-sale:before {
        left: 162px;
    }
    .notification-flash-sale{right:30px !important;}
}
@media (device-width:768px){
    #notification-container:before {
        margin-left: 26px;
    }
    #notification-container {
        top:61px;
    }
    .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;}