.notifications-container {
    height: calc(100% - 160px);
}

#notification, #notifications-content {
   height: 100%;
}

.notification-row {
    height: 45px; /* change to 65px if row has subtitle */
    cursor: pointer;
}

.notification-row-unread {
    border-left: 2px solid #20C4F4;
}

.notification-row:hover {
    background-color: silver;
}
.notification-row:not(:last-of-type) {
    border-bottom: 1px solid #ccc;
}

.notification-row-title {
     white-space: nowrap;
     width: 200px;
     overflow: hidden;
     text-overflow: ellipsis;
     font-size: 11pt;
}

.notification-row-title-unread {
    font-weight: bold;
}

.notification-row-title-read {
     color: grey;
}

.notification-row-date {
    position: relative;
    top: -28px;
    opacity: 0.9;
    font-size: 8.5pt;
}

.notifications-row-content {
    height: 100%;
    padding: 8px 15px 0 15px;
}

.sidebar {
    min-width: 300px;
    height: 100%;
    border-right: 1px solid #111;
    padding-bottom: 15px;
}

#notifications-filter-wrapper {
    margin-bottom: 10px;
    padding-top: 10px;
    height: 60px;
    box-shadow: 0 4px 2px -2px #888888;
}

#notifications-wrapper  {
   overflow-y: scroll;
   height: calc(100% - 60px);
   padding: 0 15px;
}

#action-buttons {
    margin-right:12px;
    margin-top:35px;
}

#notification-message-container {
    height: 100%;
    min-width: 300px;
    overflow-y: scroll;
    background-color: #fff;
}

#notification-message {
    padding-left: 15px;
}

#notification-message-title {
    font-size: 14pt;
}