.popupAlert {
    position: fixed;
    top: 60px;
    right: 2%;
    min-width: 500px;
    height: 45px;
    z-index: 100000;
    border-radius: 4px;
    background-color: whitesmoke;
    transition: top 300ms;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.popupAlert>span {
    line-height: 40px;
    margin-left: 10px;
}

.danger.popupBox span::after{
    font-family: FontAwesome;
    content: '\f057';
    line-height: 45px;
    font-size: 30px;
    width: 80%;
    color: whitesmoke;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.danger.popupBox{
    background-color: #FF4136;
}
.info.popupBox span::after{
    font-family: FontAwesome;
    content: '\f05a';
    line-height: 45px;
    font-size: 20px;
    width: 80%;
    color: whitesmoke;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.info.popupBox{
    background-color: #01FF70;
}


.warning.popupBox span::after{
    font-family: FontAwesome;
    content: '\f071';
    line-height: 45px;
    font-size: 20px;
    width: 80%;
    color: whitesmoke;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.warning.popupBox{
    background-color: #FFDC00;
}
.success.popupBox span::after{
    font-family: FontAwesome;
    content: '\f058';
    line-height: 45px;
    font-size: 20px;
    width: 80%;
    color: whitesmoke;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.success.popupBox{
    border-right: #a1d999 solid 1px;
    background-color: #a1d570;
}
.popupAlert div {
    width: 20%;
    height: 100%;
    float: left;
    background-color: whitesmoke;
}