﻿header nav.menu>ul>li#notification-bell{min-width:40px;z-index:100;padding:4px 0 0 0;text-align:center}header nav.menu>ul>li#notification-bell .icon-bell{cursor:pointer;width:100%}header nav.menu>ul>li#notification-bell .badge{-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;font-size:12px;background:#ff0027;color:#fff;padding:0 5px;vertical-align:super;margin-left:-10px;font-style:normal}header nav.menu>ul>li a.notification-link:focus,header nav.menu>ul>li a.notification-link:hover{border-bottom:none}header nav.menu>ul>li#notification-bell:hover{border-bottom:3px solid #fe8e9f;background:#f7f3f5}.notification-container{width:340px;right:0;top:45px;position:fixed;z-index:900000;background-color:#fafafa;box-shadow:0 12px 12px 0 rgba(0,0,0,.25);height:100%;min-height:100%;padding:12px 24px;overflow:auto}.notification-container .notification-header{border-bottom:1px solid #8a4c6d;height:55px}.notification-container .notification-header h3.header{font-size:1.3rem}.notification-container .notification-header .close-box{padding:13px 0;color:#000;cursor:pointer}.notification-container .notification-header .close-box i.close-box{content:""}.notification-container #notification-content{color:#000;text-align:left;height:100%;min-height:100%;margin-top:16px}.notification-container #notification-content .badge-box{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ff0027;height:12px;width:12px}.notification-container #notification-content .box{background-color:#fff;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);margin:16px 0 0 0;padding:16px;clear:right}.notification-container #notification-content .box h3.header{padding:0;margin:0;font-size:1.2em;font-weight:500;line-height:1.8rem}.notification-container #notification-content .box .badge-box{float:right;position:unset}.notification-container #notification-content .box p{padding-top:10px;font-size:1rem;color:rgba(0,0,0,.6);line-height:1.6rem}.notification-container #notification-content .box .link a{color:#375590;border-bottom:0;text-align:right}.notification-container #notification-content .box .link a :hover{text-decoration:underline}.notification-container #notification-content .box-footer{height:35px;position:relative;color:#000;text-align:center;font-family:"Suisse Intl",sans-serif;font-weight:400;font-size:1em;background-color:#fff4f5;cursor:pointer;margin:16px -16px -16px;line-height:2.3rem}.notification-container #notification-content .box-footer:hover{background-color:#eff7fc}.notification-container #notification-content .list{margin-top:40px;margin-bottom:70px}.notification-container #notification-content .list h2{font-size:1.5em}.notification-container #notification-content .list ul li{min-height:30px;border-bottom:1px solid #8a4c6d}.notification-container #notification-content .list ul li .li-header{width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.notification-container #notification-content .list ul li .li-header .badge-box{margin-top:10px;margin-right:5px}.notification-container #notification-content .list ul li h3.list-header{font-size:1.2em;font-weight:500;width:90%;line-height:1.4rem}.notification-container #notification-content .list ul li .arrow-icon{height:30px;cursor:pointer}
