@font-face {
    font-family: 'almoniDL600';
    font-weight: 500;
    /*(medium)*/
    font-style: normal;
    src: url('/Static/fonts/almoni2019/almoni-neue-demibold-aaa.eot');
    src: url('/Static/fonts/almoni2019/almoni-neue-demibold-aaa.eot?#iefix') format('embedded-opentype'), url('/Static/fonts/almoni2019/almoni-neue-demibold-aaa.woff2') format('woff2'), url('/Static/fonts/almoni2019/almoni-neue-demibold-aaa.woff') format('woff');
}

.notification {
    border-radius: 4px;
    border: 1px solid #E4DBD7;
    background: #ECF1FE;
    margin-right: 16px;
    color: #20232C;
    font-size: 16px;
    line-height: 110%;
    font-family: 'almoniDL600';
    display: inline-flex;
    padding: 6px 8px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-top: 5px;
    flex-direction: row;
}

#navWrap:has(.notification) {    text-align: left;}
.nagishLink {margin-right: 16px;}
.logoWrap {    justify-content: normal;}
.notification:before {
    content: url(https://res.cloudinary.com/globes/image/upload/v1739096414/Frame_1686562537_xt21j0.svg);
    width: 20px;
    height: 20px;
}
.notification.alert { background: #FEECEC;}
.notification.alert:before {content: url(https://res.cloudinary.com/globes/image/upload/v1739182106/info_fymyix.svg); }

@media only screen and (max-width: 480px) {
    .notification {font-size: 14px; justify-content: flex-start;  line-height: 118%;  font-family: 'almoniDL600';   width: calc(100% - 40px); margin:10px 16px 5px; padding: 1px 4px; display:none}
    .notification.show {display: inline-flex;}
    .notification .closeX {content: url(https://res.cloudinary.com/globes/image/upload/v1745236557/Digital/icons/Vector_hjjexn.svg);    width: 10px;  margin-right: auto;  height: 10px; margin-left: 4px;}
}

.portal.app .notification {margin-top: 25px;}