alert

custom.css

/* ==============================================================================
/* ====== ALERT Overlay
/* ============================================================================= */

.alert-overlay {
    background: rgba(0,0,0,0.8);
    height: 200px;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
    padding: 55px 20px 0;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 200px;
    z-index: 9999;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.alert-overlay .alert-msg {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 14px 0;
}
.alert-overlay .icon-check-sign {
    color: #99e118;
    font-size: 36px;
    text-align: center;
}
.alert-overlay .icon-exclamation-sign {
    color: #FC2D2D;
    font-size: 36px;
    text-align: center;
}
.alert-overlay .icon-exclamation-sign.alert-medium {
    color: #fce129;
    font-size: 36px;
    text-align: center;
}


@keyframes alertFadeIn {
    from { opacity:0; }
    to { opacity:1; }
}
@-webkit-keyframes alertFadeIn {
    from { opacity:0; }
    to { opacity:1; }
}
@-moz-keyframes alertFadeIn {
    from { opacity:0; }
    to { opacity:1; }
}
@-ms-keyframes alertFadeIn {
    from { opacity:0; }
    to { opacity:1; }
}
@-o-keyframes alertFadeIn {
    from { opacity:0; }
    to { opacity:1; }
}

@keyframes alertFadeOut {
    from { opacity:1; }
    to { opacity:0; }
}
@-webkit-keyframes alertFadeOut {
    from { opacity:1; }
    to { opacity:0; }
}
@-moz-keyframes alertFadeOut {
    from { opacity:1; }
    to { opacity:0; }
}
@-ms-keyframes alertFadeOut {
    from { opacity:1; }
    to { opacity:0; }
}
@-o-keyframes alertFadeOut {
    from { opacity:1; }
    to { opacity:0; }
}