#ohsnap {
    z-index: 9999999999999999999999999999999;
    position: fixed;
    top: 15px;
    right: 15px;
    font-family: 'Manrope', 'Segoe UI', sans-serif;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 11px;
    position: relative;
    bottom: 0px;
    right: 1px;
    float: right;
    clear: right;
    font-size: 14px;
    zoom: 90%;
    webkit-box-shadow: 0px 0px 63px 12px #080a0d;
    -moz-box-shadow: 0px 0px 63px 12px #080a0d;
    box-shadow: 0px 0px 63px 12px #080a0d;
}
.alert-red {
    color: #fff7f2;
    border: 1px solid rgba(232, 115, 130, .82);
    background: rgba(73, 20, 29, .96);
}
.alert-red i {
    color: #f08e99;
}
.alert-green {
    color: #f3ecdf;
    border: 1px solid rgba(84, 199, 146, .62);
    background: rgba(13, 69, 55, .94);
}
.alert-green i {
    color: #58d7a3;
}
.alert-blue {
    color: #eef7ff;
    border: 1px solid rgba(120, 181, 221, .62);
    background: rgba(23, 43, 58, .94);
}
.alert-blue i {
    color: #8dc3e7;
}
.alert-yellow {
    color: #fff8ea;
    border: 1px solid rgba(223, 183, 108, .72);
    background: rgba(82, 58, 18, .94);
}
.alert-yellow i {
    color: #f0c56b;
}
.alert-orange {
    color: #fff4ea;
    border: 1px solid rgba(228, 132, 82, .74);
    background: rgba(70, 33, 21, .95);
}
.alert-orange i {
    color: #f39a74;
}

.alert i {
    margin-right: 5px;
    font-size: 16px;
}