.success-layout .message-container,
.error-layout .message-container,
.warning-layout .message-container,
.info-layout .message-container {
    margin: 20px 0px;
}

.success-layout .message-container .message-wrapper {
    padding: 15px;
    background: rgb(80, 193, 147);
}

.error-layout .message-container .message-wrapper {
    padding: 15px;
    background: #bf3b3b;
    /*    rgb(195, 104, 104)*/
}

.warning-layout .message-container .message-wrapper {
    padding: 15px;
    background: #FBC02D;
}

.info-layout .message-container .message-wrapper {
    padding: 15px;
    background: #8da6d6;
}

.success-layout .message-container .message-wrapper .close-btn,
.error-layout .message-container .message-wrapper .close-btn,
.warning-layout .message-container .message-wrapper .close-btn,
.info-layout .message-container .message-wrapper .close-btn {
    background: none;
    border: none;
    float: right;
    font-size: 35px;
    color: #fff;
    position: relative;
    right: 3px;
    top: -10px;
}

.success-layout .message-container .message-wrapper i {
    font-size: 34px;
    color: #E8F5E9;
}

.error-layout .message-container .message-wrapper i {
    font-size: 34px;
    color: #f9d3d2;
}

.warning-layout .message-container .message-wrapper i {
    font-size: 34px;
    color: #FFF9C4;
}

.info-layout .message-container .message-wrapper i {
    font-size: 34px;
    color: #E8EAF6;
}

.success-layout .message-container .message-wrapper p,
.error-layout .message-container .message-wrapper p,
.warning-layout .message-container .message-wrapper p,
.info-layout .message-container .message-wrapper p {
    display: inline-block;
    color: #fff;
    position: relative;
    top: -6px;
    left: 16px;
    font-size: 16px;
    margin-bottom: 0;
}