.notification-view.k-listview {
    background-color: unset !important;
}

.notification-view .notification-list .content {
    margin: 6px 16px;
    min-height: 40px;
    height: 40px;
    overflow: hidden;
}

    .notification-view .notification-list .content.showAll {
        height: auto;
    }

.notification-card .left {
    box-sizing: border-box;
    flex: 12;
}

.notification-card .right {
    box-sizing: border-box;
    flex: 5;
}

.notification-card .title-area {
    border: 1px solid black;
    background-color: #bbbbbb;
    padding: 6px 20px;
    display: flex;
}

    .notification-card .title-area .title {
        font-size: 200%;
    }

    .notification-card .title-area .owner {
        font-size: 200%;
        font-style: italic;
    }

    .notification-card .title-area .share {
        font-size: 1.2rem;
    }

.notification-card .body-area {
    border: 1px solid black;
    border-top: none;
    border-radius: unset !important;
    display: flex;
}

    .notification-card .body-area.minimize {
        display: none !important;
    }

    .notification-card .body-area .content {
        padding: 20px;
        font-size: 1rem;
    }

    .notification-card .body-area .left {
        border-right: 1px solid black;
        background-color: #ffffff;
    }

    .notification-card .body-area .right {
        background-color: #dddddd;
    }