/*Write your custom css in this file.*/

/* clearly mark the unread notifications in the notifications dropdown (client request) */
.unread-notification {
    background-color: #e3edfd !important;
    border-left: 4px solid #6690F4 !important;
}

/* sticky notes next to the work cards calendar - stretch to the full row height */
.widget-container:has(.work-cards-side-note) {
    display: flex;
    flex-direction: column;
}
.work-cards-side-note {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.work-cards-side-note #sticky-note-container {
    flex: 1;
    display: flex;
}
.work-cards-side-note #sticky-note-container textarea.sticky-note {
    flex: 1;
    width: 100%;
    height: 100% !important;
    min-height: 326px; /* keeps the old size when the widget is placed alone in a custom dashboard */
    resize: none;
}

/* blue dot after the sender name on unread notifications */
.unread-notification .mb5 > strong:first-child::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #6690F4;
    border-radius: 50%;
    margin-left: 6px;
    vertical-align: middle;
}