.alert {
        padding: 20px;
        background-color: #FA8072;
        color: white;
    }

    .success {
        padding: 20px;
        background-color: #FF8B00;
        color: white;
        /*font-size: 14px;*/
    }

    .failed {
        padding: 20px;
        background-color: #f44336;
        color: white;
    }

    .closebtn {
        margin-left: 15px;
        color: white;
        font-weight: bold;
        float: right;
        font-size: 22px;
        line-height: 20px;
        cursor: pointer;
        transition: 0.3s;
    }

        .closebtn:hover {
            color: black;
        }


.popupAlert {
background-color:transparent;
}
.failedNw {
padding: 20px;
background-color: #f66358; 
color: white;
margin-bottom: 15px;
}
.successNw {
padding: 20px;
background-color: #2eb886; 
color: white;
margin-bottom: 15px;
}
.infoNw {
padding: 20px;
background-color: #46a8f5; 
color: white;
margin-bottom: 15px;
}
.warningNw {
padding: 20px;
background-color: #ffa92b; 
color: white;
margin-bottom: 15px;
}

/* The close button */
.closebtnNw {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtnNw:hover {
color: black;
}