.alert {
    border: 0;
    position: relative;
    padding: .95rem 1.25rem;
    border-radius: 1px;
    color: inherit;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 14px 0 rgb(18 38 63 / 26%);
    -moz-box-shadow: 1px 1px 14px 0 rgba(18,38,63,.26);
    box-shadow: 1px 1px 14px 0 rgb(18 38 63 / 26%);
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    color: #000;
    text-decoration: none;
    opacity: .75;
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.alert .close {
    background: rgba(255,255,255,.8);
    width: 25px;
    height: 25px;
    line-height: 25px!important;
    top: 12px!important;
    border-radius: 50%;
    border: 0px;
}
.alert [data-notify=icon]{display:block}
.alert [data-notify=icon]::before{line-height:35px;font-size:22px;display:block;left:15px;position:absolute;top:50%;transform:translateY(-50%);width:35px;height:35px;border-radius:30px;text-align:center;color:#fff}
.alert [data-notify=title]{display:block;color:#2b2b2b;font-weight:700;font-size:14px;margin-bottom:5px}
.alert [data-notify=message]{font-size:13px;color:#908e8e}
.alert-default{border-left:4px solid #1a2035}
.alert-default [data-notify=icon]:before{background:#1a2035}
.alert-primary{border-left:4px solid #1572e8}
.alert-primary [data-notify=icon]:before{background:#1572e8}
.alert-secondary{border-left:4px solid #6861ce}
.alert-secondary [data-notify=icon]:before{background:#6861ce}
.alert-info{border-left:4px solid #48abf7}
.alert-info [data-notify=icon]:before{background:#48abf7}
.alert-success{border-left:4px solid #31ce36}
.alert-success [data-notify=icon]:before{background:#31ce36}
.alert-warning{border-left:4px solid #ffad46}
.alert-warning [data-notify=icon]:before{background:#ffad46}
.alert-danger{border-left:4px solid #f25961}
.alert-danger [data-notify=icon]:before{background:#f25961}