.alert-icon {
    height: 25px;
    opacity: 1;
    fill: #D32F2F;
    align-self: self-start;
    padding-left: 10px;
}

.info-icon {
    height: 25px;
    opacity: 1;
    align-self: self-start;
    padding-left: 10px;
}

.success-icon {
    height: 18px;
    opacity: 1;
    padding-left: 13px;
}

.close-icon {
    padding-left: 18px;
    font-size: 14px;
    opacity: 1;
    fill: #621B16;
}

.notification {
    margin: auto;
    padding: 0.5em 0;
    max-width: 436px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
}

    .notification div {
        flex: 0 1 auto;
        text-align: left;
        margin-right: 20px;
        letter-spacing: 0px;
        font: normal normal normal 14px/22px Arial;
    }

        .notification div ul {
            margin-top: 0;
            margin-bottom: 0;
        }

    .alert {
        background: #FDECEB 0% 0% no-repeat padding-box;
    }

    .alert div {
        color: #621B16;
    }

.info {
    background: #E9F5FE 0% 0% no-repeat padding-box;
}

    .info div {
        color: #0D3C61;
    }

.success {
    background: #EDF7EE 0% 0% no-repeat padding-box;
}

    .success div {
        color: #1E4620;
    }

.close-alert {
    background: none;
    border: none;
    cursor: pointer;
    color: #d9534f;
}

.textMessage {
    padding-left: 30px;
}