.my-notifications .container-general{padding-top:40px;padding-bottom:40px;color:#333f48}
@media(min-width:768px){.my-notifications .container-general{padding-top:64px;padding-bottom:64px}
}
@media(max-width:780px){.my-notifications .container-general{padding-top:32px;padding-bottom:32px}
}
.my-notifications .container-general .spinner{display:flex;justify-content:center}
.my-notifications .container-general-pop-up{max-width:540px;box-shadow:0 1px 4px 0 rgba(0,0,0,0.12);background-color:#fff;height:630px;overflow-y:auto}
.my-notifications .container-general-pop-up ::-webkit-scrollbar{display:none}
@media(max-width:768px){.my-notifications .container-general-pop-up{height:730px}
}
.my-notifications .container-general-pop-up .top-page{padding:40px 40px 24px 40px;position:sticky;top:0;background-color:#fff;z-index:1}
@media(max-width:375px){.my-notifications .container-general-pop-up .top-page{padding:0}
}
@media(max-width:375px){.my-notifications .container-general{margin:0}
.my-notifications .container-general .top-page{margin:0 16px}
}
.my-notifications .circle{min-width:12px;min-height:12px;border-radius:100%}
.my-notifications .circle--confirmation{background-color:#009262}
.my-notifications .circle--warning{background-color:#e85515}
.my-notifications .circle--informative{background-color:#009bb7}
.my-notifications .circle--error{background-color:#d4161b}
.my-notifications .page-title{padding-bottom:50px}
.my-notifications .page-title .main-title{color:#333f48;margin-bottom:20px;font-family:'N27 Bold';font-weight:700;font-style:normal;font-size:32px;line-height:40px;text-transform:uppercase;hyphens:auto;word-break:auto-phrase}
@media(min-width:1024px){.my-notifications .page-title .main-title{font-size:40px;line-height:48px}
}
@media(min-width:1600px){.my-notifications .page-title .main-title{font-size:48px;line-height:56px}
}
@media(min-width:768px){.my-notifications .page-title .main-title{hyphens:none;word-break:normal}
}
.my-notifications .page-title p{font-family:'N27 Regular';font-weight:400;font-style:normal;font-size:18px;line-height:26px}
@media(max-width:375px){.my-notifications .page-title{padding-bottom:24px}
.my-notifications .page-title h3{font-family:'N27 Bold';font-weight:700;font-style:normal;font-size:24px;line-height:32px;text-transform:capitalize;padding-bottom:24px}
}
@media(max-width:375px) and (min-width:1024px){.my-notifications .page-title h3{font-size:28px;line-height:36px}
}
@media(max-width:375px) and (min-width:1600px){.my-notifications .page-title h3{font-size:32px;line-height:40px}
}
.my-notifications .container-general-pop-up .page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:0}
.my-notifications .container-general-pop-up .page-title .title{font-family:'N27 Bold';font-weight:700;font-style:normal;font-size:22px;line-height:30px}
@media(min-width:1024px){.my-notifications .container-general-pop-up .page-title .title{font-size:24px;line-height:28px}
}
@media(min-width:1600px){.my-notifications .container-general-pop-up .page-title .title{font-size:24px;line-height:32px}
}
.my-notifications .container-general-pop-up .page-title a{font-family:'N27 Regular';font-weight:400;font-style:normal;font-size:18px;line-height:26px;color:#d52b1e}
@media(max-width:375px){.my-notifications .container-general-pop-up .page-title{padding:32px 16px 0 16px}
}
.my-notifications .tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:40px}
.my-notifications .tags .tag{font-family:'N27 Regular';font-weight:400;font-style:normal;font-size:16px;line-height:24px;border:0;border-radius:44px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;column-gap:8px}
.my-notifications .tags .tag--white{color:#333f48;background-color:#fff;border:1px solid #333f48}
.my-notifications .tags .tag--gray{color:#fff;background-color:#333f48;border:1px solid #333f48}
.my-notifications .container-general-pop-up .tags{padding-bottom:0}
@media(max-width:375px){.my-notifications .container-general-pop-up .tags{padding:0 16px;padding-bottom:24px}
}
@media(max-width:768px){.my-notifications .container-general .tags{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;margin-right:-17px;margin-left:-17px;padding-left:16px;padding-right:16px}
.my-notifications .container-general .tags::-webkit-scrollbar{display:none}
}
.my-notifications .select-all-container{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px}
.my-notifications .select-all-container .select-all{display:flex;column-gap:12px}
.my-notifications .select-all-container .select-all label{font-family:'N27 Regular';font-weight:400;font-style:normal;font-size:16px;line-height:24px}
.my-notifications .select-all-container .button-delete{font-size:18px;line-height:26px;font-family:'N27 Bold';font-weight:700;font-style:normal;color:#d52b1e;display:flex;column-gap:16px;border:0;background-color:#fff;cursor:pointer}
.my-notifications .select-all-container .button-delete span{font-size:22px}
@media(max-width:375px){.my-notifications .select-all-container{padding-bottom:24px}
}
.my-notifications .container-general .table{padding-bottom:24px}
.my-notifications .container-general .table .no-results-alert{display:none;text-align:center;padding:30px 0;border-bottom:1px solid #ebebeb}
.my-notifications .container-general .table .no-results-alert span{display:block;font-size:18px;margin-bottom:5px;transform:rotate(180deg)}
.my-notifications .container-general .table .no-results-alert p{font-family:'N27 Regular';font-weight:400;font-style:normal}
.my-notifications .container-general .table .no-results-alert p:nth-child(2){font-size:20px;line-height:28px}
.my-notifications .container-general .table .no-results-alert p:nth-child(3){font-size:18px;line-height:26px}
@media(max-width:780px){.my-notifications .container-general .table .no-results-alert{padding:30px 0}
.my-notifications .container-general .table .no-results-alert p:nth-child(2){padding-bottom:10px}
}
@media(min-width:375px){.my-notifications .container-general .table{padding-bottom:40px}
}
.my-notifications .container-general .table .when{font-size:18px;line-height:26px;font-family:'N27 Bold';font-weight:700;font-style:normal;padding:16px;border-bottom:1px solid #333f48}
@media(min-width:768px){.my-notifications .container-general .table .when{padding:16px 32px}
}
.my-notifications .container-general-pop-up .table .title{font-size:18px;line-height:26px;font-family:'N27 Bold';font-weight:700;font-style:normal;padding:16px 40px}
@media(max-width:375px){.my-notifications .container-general-pop-up .table{margin-bottom:32px}
.my-notifications .container-general-pop-up .table .title{padding:0 16px;margin-bottom:16px}
}
.my-notifications .table .result{display:flex;align-items:center;border-bottom:1px solid #ebebeb;padding:24px 32px;justify-content:space-between}
.my-notifications .table .result--seen{background-color:#f5f5f5}
.my-notifications .table .result--seen .title-container a{font-family:'N27 Regular';font-weight:400;font-style:normal;font-size:16px;line-height:24px}
.my-notifications .table .result--unseen .title-container a{font-family:'N27 Bold';font-weight:700;font-style:normal;font-size:16px;line-height:24px}
.my-notifications .table .result .title-container{display:flex;align-items:center;column-gap:24px;width:55%}
.my-notifications .table .result .title-container a:hover{text-decoration:underline}
.my-notifications .table .result .title-container .no-hover:hover{text-decoration:none}
.my-notifications .table .result .delete-container{width:20%}
.my-notifications .table .result .delete-container .wrapper{display:flex;justify-content:space-between}
.my-notifications .table .result .delete-container .wrapper div{display:flex;align-items:center;column-gap:8px}
.my-notifications .table .result .delete-container .wrapper div p{font-size:14px;line-height:22px;font-family:'N27 Medium';font-weight:500;font-style:normal}
.my-notifications .table .result .delete-container .wrapper button{background-color:transparent;border:0;display:flex;align-items:center;justify-content:center}
.my-notifications .table .result .delete-container .wrapper button span{font-size:22px;cursor:pointer}
.my-notifications .table .result .date-container{font-size:16px;line-height:24px;font-family:'N27 Regular';font-weight:400;font-style:normal;width:15%;text-align:center}
@media(max-width:768px){.my-notifications .table .result{padding:24px 16px;display:block}
.my-notifications .table .result .title-container,.my-notifications .table .result .date-container,.my-notifications .table .result .delete-container{width:100%;display:grid}
.my-notifications .table .result .title-container{grid-template-columns:24px 1fr;padding-bottom:8px}
.my-notifications .table .result .date-container{padding-bottom:16px}
.my-notifications .table .result .date-container p{text-align:left}
.my-notifications .table .result .date-container,.my-notifications .table .result .delete-container{grid-template-columns:24px 1fr;column-gap:24px}
.my-notifications .table .result .date-container .wrapper,.my-notifications .table .result .delete-container .wrapper,.my-notifications .table .result .date-container .wrapper-p,.my-notifications .table .result .delete-container .wrapper-p{grid-column:2}
}
.my-notifications .table .result-hidden{display:none}
.my-notifications .container-general-pop-up .table .no-results-alert{display:none;text-align:center;padding:30px 0;border-bottom:1px solid #ebebeb}
.my-notifications .container-general-pop-up .table .no-results-alert span{display:block;font-size:18px;margin-bottom:5px;transform:rotate(180deg)}
.my-notifications .container-general-pop-up .table .no-results-alert p{font-family:'N27 Regular';font-weight:400;font-style:normal}
.my-notifications .container-general-pop-up .table .no-results-alert p:nth-child(2){font-size:20px;line-height:28px}
.my-notifications .container-general-pop-up .table .no-results-alert p:nth-child(3){font-size:18px;line-height:26px}
@media(max-width:780px){.my-notifications .container-general-pop-up .table .no-results-alert{padding:30px 0}
.my-notifications .container-general-pop-up .table .no-results-alert p:nth-child(2){padding-bottom:10px}
}
.my-notifications .container-general-pop-up .table .result{display:block;border-bottom:0;padding:0 40px}
.my-notifications .container-general-pop-up .table .result .result-container{padding:16px 0;border-bottom:1px solid #ebebeb}
.my-notifications .container-general-pop-up .table .result--seen{background-color:#f5f5f5}
.my-notifications .container-general-pop-up .table .result--seen .title-container p{font-family:'N27 Regular';font-weight:400;font-style:normal;font-size:16px;line-height:24px}
.my-notifications .container-general-pop-up .table .result--unseen .title-container p{font-family:'N27 Bold';font-weight:700;font-style:normal;font-size:16px;line-height:24px}
.my-notifications .container-general-pop-up .table .result .type-container,.my-notifications .container-general-pop-up .table .result .title-container{width:100%}
.my-notifications .container-general-pop-up .table .result .type-container{font-size:14px;line-height:22px;font-family:"N27 Medium";display:flex;align-items:center;column-gap:8px;margin-bottom:8px}
.my-notifications .container-general-pop-up .table .result .type-container p{position:relative;top:2px}
.my-notifications .container-general-pop-up .table .result .title-container{display:flex;align-items:center}
.my-notifications .container-general-pop-up .table .result .title-container a:hover{text-decoration:underline}
.my-notifications .container-general-pop-up .table .result .title-container .no-hover:hover{text-decoration:none}
.my-notifications .container-general-pop-up .table .result-hidden{display:none}
@media(max-width:375px){.my-notifications .container-general-pop-up .table .result{padding:16px;border-bottom:1px solid #ebebeb}
.my-notifications .container-general-pop-up .table .result .result-container{padding:0;border-bottom:0}
}