.manage-notification,.manage-notification-block {
background:#fff;
font-size:14px;
text-align:center;
color:#000;
border-radius:5px;
position:fixed;
top:50px;
left:0;
right:0;
display:none;
width:80%;
height:80px;
box-shadow:0 2px 1px 1px #ccc;
font-family:arial;
margin:auto;
padding:20px;
}

.manage-notification-close,.manage-notification-close-block {
position:absolute;
top:-5px;
right:5px;
font-size:25px;
}

.notf-overlay {
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
opacity:0.4;
z-index:10000000;
position:fixed;
background:#000;
display:none;
}

.notf-popup {
width:96%;
border-radius:5px;
background:#fff;
height:100px;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:9999999999;
box-sizing:border-box;
margin:auto;
padding:10px;
}

.notf-heading {
font-size:15px;
color:#333;
font-weight:700;
padding-bottom:10px;
text-align:center;
}

.notf-btns {
text-align:center;
padding-top:15px;
}

.popup-bs-notlinks {
background:#fff;
z-index:10000000;
position:fixed;
top:0;
right:-720px;
bottom:0;
overflow:hidden;
height:100%;
width:100%;
transition:right .8s ease-in-out 0;
padding:0;
}

.popup-bs-notlinks.bsactive {
right:0;
}

.popup-bs-notlinks.bsactive .popup-notf-content {
display:block;
}

.popup-bs-notclose {
position:absolute;
top:5px;
right:0;
color:#666;
font-size:18px;
font-weight:400;
padding:2px 5px;
}

.popup-bs-notclose a {
color:#666;
}

.popup-bs-artimg {
float:left;
width:100px;
}

.popup-bs-notlinks ul {
height:90%;
overflow:auto;
width:100%;
padding-bottom:55px;
}

.popup-bs-notlinks ul li {
list-style-type:none;
border-bottom:thin solid #ccc;
position:relative;
padding:5px 5px 0;
}

.popup-bs-notlinks ul li.liactive {
right:-400px;
transition:right .8s ease-in-out 0;
}

.popup-bs-title {
margin-left:110px;
font-size:14px;
color:#363636;
margin-right:30px;
line-height:21px;
}

.oi-notify {
font-family:'Open Sans', sans-serif;
background-color:#fff;
text-align:center;
z-index:100000001;
position:fixed;
right:0;
left:0;
bottom:0;
margin-right:auto;
margin-left:auto;
}


.oi-instant-updates-block {
max-width:320px;
margin:auto;
}

.oi-instant-updates-block-head {
font-size:14px;
font-weight:700;
padding:15px 0 5px 45px;
}

.oi-instant-logo {
width:60px;
height:60px;
background:url(/images/oneindia-app-icon.svg) no-repeat 0 0;
position:absolute;
left:5px;
top:10px;
}

.oi-instant-updates-block-head strong {
color:#f47321;
}

.oi-instant-updates-block-bottom {
padding:5px 0 0;
}

.oi-instant-updates-block-bottom p {
font-size:12px;
font-weight:600;
color:#666;
}

.oi-instant-updates-btn {
text-align:left;
padding:5px 0;
}

.oi-instant-updates-btn button {
border:none;
width:110px;
height:30px;
text-align:center;
line-height:30px;
display:inline-block;
font-size:14px;
border-radius:2px;
cursor:pointer;
margin:0 10px 0 0;
}

.oi-instant-updates-btn button.oi-not-now {
border:solid thin #b3b3b3;
background:#fff;
color:#666;
z-index:100000!important;
}

.oi-instant-updates-btn button.oi-enable {
font-weight:600;
color:#fff;
background:#06c;
border:solid thin #06c;
text-transform:uppercase;
z-index:100000!important;
}

.oi-bell {
position:fixed;
bottom:80px;
z-index:100000!important;
left:10px;
}

.oi-bell-notification {
background:#f47321;
font-size:14px;
color:#fff;
position:fixed;
bottom:20px;
left:10px;
right:10px;
z-index:999;
border-radius:4px;
box-shadow:1px 5px 10px -2px #000;
display:none;
padding:10px;
}

.oi-bell-notification:before {
position:absolute;
content:"";
border-bottom:solid 10px #f47321;
border-left:solid 8px transparent;
border-right:solid 8px transparent;
top:-10px;
left:20px;
}

#oi-instant {
position:relative;
z-index:100000001;
background:#fff;
}

.popup-notification-header {
background:#E1E1E1;
height:55px;
padding:0 10px;
}

.popup-notification-text {
font-size:20px;
color:#000;
float:left;
padding:15px 10px;
}

.popup-notification-text i {
font-size:24px;
float:left;
margin-right:10px;
color:#666;
}

.popup-notification-on-off {
float:right;
width:40px;
height:14px;
background:#fff;
border-radius:10px;
position:relative;
margin:20px 10px;
}

.popup-notification-on-off span.on-off-link {
width:20px;
height:20px;
cursor:pointer;
border-radius:50%;
position:absolute;
top:-3px;
transition:all .8s ease 0;
}

.popup-notification-on-off.onstate span.on-off-link {
background:#00A1E4;
transform:translateX(25px);
}

.popup-notification-on-off.offstate span.on-off-link {
transform:translateX(-5px);
background:#999;
}

span.notification-num {
background:red;
border-radius:50%;
width:18px;
height:18px;
position:absolute;
font-size:12px;
top:0;
right:2px;
line-height:22px;
font-weight:700;
color:#fff;
text-align:center;
}

.notification-text {
text-align:center;
font-size:22px;
color:#4f33e8;
position:absolute;
left:0;
right:0;
bottom:0;
top:0;
height:30px;
display:none;
margin:auto;
}

.notification-bell.ismovement {
-webkit-animation-name:bellmovement;
animation-delay:.5s;
-webkit-animation-duration:.5s;
-webkit-animation-iteration-count:5;
-webkit-animation-direction:linear;
-webkit-transform-origin:50% 0;
-webkit-animation-timing-function:ease-in-out;
}

20% {
-webkit-transform:rotate(20deg);
}

40% {
-webkit-transform:rotate(5deg);
}

60% {
-webkit-transform:rotate(-5deg);
}

80% {
-webkit-transform:rotate(-20deg);
}

.manage-notification:before,.manage-notification-block:before {
content:"";
position:absolute;
top:-9px;
right:23px;
border-bottom:solid 10px #fff;
border-left:solid 8px transparent;
border-right:solid 8px transparent;
transition:all ease-out .2s;
}

.notf-popup-wrapper,.popup-notf-content {
display:none;
}

.notf-submit-btn,.notf-cancel-btn {
font-size:14px;
color:#fff;
background:#1d75bc;
border:0 none;
cursor:pointer;
border-radius:5px;
margin:0 5px;
padding:5px 10px;
}

10%,30% {
-webkit-transform:rotate(10deg);
}

50%,100% {
-webkit-transform:rotate(0deg);
}

70%,90% {
-webkit-transform:rotate(-10deg);
}