.alert{background:#000;padding:16px 40px;min-width:420px;position:fixed;right:0;top:10px;border-radius:4px;border-left:8px solid #000;overflow:hidden;opacity:0;pointer-events:none}.alert.showAlert{opacity:1;pointer-events:auto}.alert.show-notification{animation:show_slide .25s ease forwards!important}@keyframes show_slide{0%{opacity:0}100%{opacity:1}}.alert.hide-notification{animation:hide_slide .25s ease forwards!important}@keyframes hide_slide{0%{opacity:1}100%{opacity:0}}.alert .fa-check-circle,.alert .fa-exclamation-circle,.alert .fa-info-circle{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:22px}.text-success{color:green}.text-error{color:red}.text-info{color:#00f}.text-warning{color:orange}.alert .msg{padding:0 16px;font-size:14px;color:#fff}.alert .close-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#000;padding:20px 18px;cursor:pointer}.alert .close-btn .fas{color:#fff;font-size:16px;line-height:40px}.warning-btn-col{background:#e69100}.info-btn-col{background:#00f}.wrong-btn-col{background:red}.correct-btn-col{background:#0f0}.warning-alert-col{border-left:8px solid #ffa502}.info-alert-col{border-left:8px solid #00f}.wrong-alert-col{border-left:8px solid red}.success-alert-col{border-left:8px solid #59e817}