.view[name='notifications'] {
    background-color: #ffffff;
}
.view[name='notifications'] > .header {
    border-bottom: 1px solid #e0e0e0;
}
.view[name='notifications'] > .content > .tabs > .tab:not(.active) {
    color: #cbcbcb;
}
.view[name='notifications'] > .content > .tabs > .active {
    color: #181818;
}
.view[name='notifications'] > .content > .section > .fTable > .content > table > tbody > tr > .line {
    border-bottom: 1px solid #e0e0e0;
}
.view[name='notifications'] > .content > .section[key='campaign'] > .fTable > .content > table > tbody > tr > td > .description,
.view[name='notifications'] > .content > .section > .fTable > .content > table > tbody > tr > td > .createdAt,
.view[name='notifications'] > .content > .section[key='campaign'] > .fTable > .content > table > tbody > tr > td > .duration {
    color: #939393;
}
.view[name='notifications'] > .content > .section[key='campaign'] > .fTable > .content > table > tbody > tr > td > .slides > .slick-dots > li > button {
    background-color: #272727;
}
.view[name='notifications'] > .content > .section[key='campaign'] > .fTable > .content > table > tbody > tr > td > .slides > .slick-list > .slick-track > .slick-slide > div > .slide {
    background-color: #c8cad4;
}