/*!
* BNPP v0.1.0 Core css file 
* Last modification:2023/10/29
* Author:BNPPAM UX Team Cardif
*/

/*---------------------------------
*  Site  Variables 
*---------------------------------*/

.bnp-notif{position: relative;/* float: left; */top: -4px;right: 20px;/* height: 40px; *//* left: -22px; *//* width: 40px; */}
.bnp-notif-icon{position: absolute;top:5px;right:4px;z-index: 2; width: 30px;height: 30px;cursor: pointer; background: url('/images/notification.png') no-repeat center center;}
/*.bnp-notif:hover .bnp-notif-content{display: block;z-index:20;}
.bnp-notif:hover .bnp-notif-content:before{content: ''; position: fixed;width: 100vw;height:100vh ;top: 0;left: 0; background:rgba(0, 0, 0, 0.70) ;z-index: 1; }*/
.bnp-notif-content{display: none; position:absolute;z-index: 10; right: -10px;top: 44px; width: 386px;border-radius: 8px; box-shadow: 0px 3.2px 7.2px 0px rgba(0, 0, 0, 0.13), 0px 0.6px 1.8px 0px rgba(0, 0, 0, 0.11);}
.bnp-notif-title{position: relative;z-index: 20; background-color: #22543A;padding: 15px 20px;color:#fff;font-size: 22px;font-weight: 700;}
.bnp-notif-title::after{content: '';position: absolute;top: -8px;right: 20px; display:block;width: 20px;height: 20px;transform: rotate(45deg);background-color: #22543A; }
.close-modal{position: absolute;top:15px;right:30px;cursor: pointer;content:'';height: 20px;width: 20px;background:transparent url("/images/close.svg");}
.bnp-notif-entry{padding: 20px;border-bottom: 1px solid #f7f7f7;position: relative;z-index: 20;background-color: #fff;}
.bnp-notif-entry span{display: inline-block;font-size: 14px;margin-bottom:14px;color:#fff;padding:10px 12px; border-radius: 3px;}
.bnp-notif-entry h3{font-family:bnp;font-size: 18px;font-style: normal;font-weight: 400;}
.bnp-notif-entry p{font-family:bnplight;font-size:14px;font-style: normal;font-weight: 400;}
.to-background{
    opacity: 0.5;
}
.to-foreground{
    opacity: 1;
    z-index: 1;
}

div#Account {left: 130px;}
li.logout {
    left: 50px;
    position: relative;
}
.Information{
    background: #00945f !important;
}
.New{
    background: #702963 !important;
}
.Alerte{
    background: #ff7f00 !important;
}
div[class*='ExternalClass'] span{
    padding:0;
    margin: 0;
    display: inline;
    color:rgb(50, 49, 48);
}