@-webkit-keyframes progressBar {
    0% {
        left: 0
    }

    to {
        left: -105%
    }
}

@keyframes progressBar {
    0% {
        left: 0
    }

    to {
        left: -105%
    }
}

.eggy > div.success {
    border: 2px solid #61c9a8
}

    .eggy > div.success svg:first-of-type {
        fill: #61c9a8
    }

.eggy > div.warning {
    border: 2px solid #ed9b40
}

    .eggy > div.warning svg:first-of-type {
        fill: #ed9b40
    }

.eggy > div.info {
    border: 2px solid #40a2ed
}

    .eggy > div.info svg:first-of-type {
        fill: #40a2ed
    }

.eggy > div.error {
    border: 2px solid #d64550
}

    .eggy > div.error svg:first-of-type {
        fill: #d64550
    }

.eggy > div svg:first-of-type {
    width: 30px;
    z-index: 2
}

.eggy > div svg:last-of-type {
    z-index: 2;
    width: 25px;
    fill: #8d8d8d;
    -ms-grid-column-align: center;
    justify-self: center;
    cursor: pointer;
    margin-left: auto
}

.eggy > div > div .message, .eggy > div > div .title {
    margin: .1rem 0;
    color: #bcbcbc; /*//NEW chnge  old ===#404040 */
}

    .eggy > div > div .message.title, .eggy > div > div .title.title {
        font-weight: 700;
        font-size: .9rem
    }

    .eggy > div > div .message.message, .eggy > div > div .title.message {
        font-weight: 400;
        font-size: .8rem
    }