﻿
.sdu-notification {
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    box-sizing: border-box;
    line-height: 16px;
    margin-bottom: 0px;
    margin-top: 6px;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 23px;
    padding-top: 3px;
    position: relative;
    text-align: left;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica;
}

    .sdu-notification strong {
        font-size: 12px;
        font-weight: 700;
        padding-right: 5px;
    }

    .sdu-notification span p {
        font-size: 12px;
        font-weight: 400;
    }

.sdu-notification-container {
    display: grid;
    /*grid-template-columns: auto 30px 20px;*/
    grid-template-columns: 830px 30px 20px;
    grid-gap: 2px;
}
.sdu-notification-cut-text {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 800px;
    white-space: nowrap;
}

.sdu-notification-error {
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

    .sdu-notification-error strong {
        color: #721c24;
    }

    .sdu-notification-error span {
        color: #721c24;
    }

    .sdu-notification-error p {
        color: #721c24;
    }

.sdu-notification-primary {
    background-color: #cce5ff;
    border-color: #b8daff;
}

    .sdu-notification-primary strong {
        color: #004085;
    }

    .sdu-notification-primary span {
        color: #004085;
    }

    .sdu-notification-primary p {
        color: #004085;
    }

.sdu-notification-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

    .sdu-notification-info strong {
        color: #0c5460;
    }

    .sdu-notification-info span {
        color: #0c5460;
    }

    .sdu-notification-info p {
        color: #0c5460;
    }

.sdu-notification-alert {
    background-color: #fff3cd;
    border-color: #ffeeba;
}

    .sdu-notification-alert strong {
        color: #856404;
    }

    .sdu-notification-alert span {
        color: #856404;
    }

    .sdu-notification-alert p {
        color: #856404;
    }