/*mainLayout*/

.notificationUnreadTitleText {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #272727 !important;
}

.notificationTitleText {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.notificationTimeText {
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #272727 !important;
    opacity: 0.5 !important;
}

.notificationBodyText {
    font-size: 12px !important;
    font-weight: 400 !important;
}

.notificationActiveLayoutMenu {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    color: #3CD1F2 !important
}

.notificationPassiveLayoutMenu {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    color: #272727 !important
}

.notificationPaddingBottom {
    padding-bottom: 1px !important;
}

.notificationPaddingTop {
    padding-top: 8px !important;
}

@media (max-width: 960px) {
    .mud-popover.mud-popover-open.mud-popover-bottom-right.mud-popover-anchor-bottom-left.mud-popover-overflow-flip-onopen.mud-paper.mud-elevation-8 {
        top: 70px !important;
        left: 10px !important;
        right: 10px !important;
        width: calc(100% - 20px) !important;
    }
}

@media (min-width: 960px) {
    .mud-popover.mud-popover-open.mud-popover-bottom-right.mud-popover-anchor-bottom-left.mud-popover-overflow-flip-onopen.mud-paper.mud-elevation-8 {
        top: 70px !important;
        width: 350px !important;
    }
}

.mud-paper {
    background-color: white !important;
}