/**
 * cosyAlert
 * @author Jan Ebsen <xicrow@gmail.com>
 * @version 1.0.0
 * @date 2013-04-09
 * @copyright Jan Ebsen 2013
 */
.cosyAlert-container{margin:10px;padding:0;position:fixed;width:500px;font-weight:400;font-size:13px;font-family:Tahoma,Geneva,sans-serif;z-index:9999}.cosyAlert-container.top{top:0}.cosyAlert-container.middle{top:40%}.cosyAlert-container.bottom{bottom:0}.cosyAlert-container.left{left:0}.cosyAlert-container.center{margin:10px auto;left:0;right:0}.cosyAlert-container.right{right:0}.cosyAlert{margin:5px 0;padding:10px;position:relative;top:0;left:0;border-width:1px;border-style:solid;z-index:9999}.cosyAlert.alert{color:#C09853;background-color:#FCF8E3;border-color:#FBEED5}.cosyAlert.notice{color:#3A87AD;background-color:#D9EDF7;border-color:#BCE8F1}.cosyAlert.success{color:#468847;background-color:#DFF0D8;border-color:#D6E9C6}.cosyAlert.error{color:#B94A48;background-color:#F2DEDE;border-color:#EED3D7}.cosyAlert .close{margin:0;padding:0;position:absolute;top:5px;right:5px;font-weight:700;font-size:15px;line-height:15px;color:#444;cursor:pointer}.cosyAlert .close:hover{color:#000}.cosyAlert .loader{margin-top:15px;width:100%;height:5px;clear:both}.cosyAlert .loader-bar{width:100%;height:5px;background:#BBB}

/* */
.cosyAlert-container{width:100%; max-width:300px; border:none; font-family:Roboto}
.cosyAlert{background:#fff; border-radius:10px; font-size:14px; min-height:60px; display:flex;align-items:center ; padding:8px 30px 15px 60px; position:relative; white-space:inherit}
.cosyAlert:before{font-family: "Font Awesome 5"; font-weight:900; content: "\f05a"; font-size:24px; position:absolute; top:7px; left:7px; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:14px; box-shadow: 0 5px 10px rgba(0,0,0,.1)}
.cosyAlert .close{font-size:0; background:transparent; width:30px; height:30px; margin-top:-18px; top:50%; line-height:30px; text-align:center; border-radius:5px; text-shadow:none; opacity:1; color:rgba(0,0,0,.7); transition:.3s;}
.cosyAlert .close:hover{background:#fff; color:#ec1f26}
.cosyAlert .close:before{font-family: "Font Awesome 5"; font-weight:400; content: "\f00d"; font-size:16px;}
.cosyAlert .loader{position:absolute; left:10px; bottom:2px; width:calc(100% - 20px); height:2px; }
.cosyAlert .loader-bar{height:100%; border-radius:2px;}

.cosyAlert.info{background:#e5eff9; border-color:#abceef; box-shadow:  0 10px 20px -7px #e5eff9; color:#000;}
.cosyAlert.info .loader-bar{background:#0270df}
.cosyAlert.info:before{content: "\f05a"; background:#0270df;}

.cosyAlert.success{ background:#eaf7ee; border-color:#bfe5c9; box-shadow:  0 10px 20px -7px #eaf7ee; color:#000;}
.cosyAlert.success .loader-bar{background:#44be68}
.cosyAlert.success:before{content: "\f058";background:#44be68 ;}

.cosyAlert.warning{color:#000; background:#fef7eb; border-color:#faddb2; box-shadow:  0 10px 20px -7px #fef7eb; color:#000;}
.cosyAlert.warning .loader-bar{background:#ee9225}
.cosyAlert.warning:before{content: "\f071"; background:#ee9225; font-size:19px;}

.cosyAlert.error{color:#000; background:#fcedea; border-color:#f4c8c0; box-shadow:  0 10px 20px -7px #fcedea; color:#000;}
.cosyAlert.error .loader-bar{background:#ea4c33}
.cosyAlert.error:before{content: "\f071"; background:#ea4c33; font-size:19px;}