.check_mark{height:130px;margin:0 auto;width:80px}.sa-icon{border:4px solid gray;border-radius:40px;border-radius:50%;box-sizing:content-box;height:80px;margin:20px auto;padding:0;position:relative;width:80px}.sa-icon.sa-success{border-color:#4caf50}.sa-icon.sa-success:after,.sa-icon.sa-success:before{background:#fff;border-radius:40px;border-radius:50%;content:"";height:120px;position:absolute;transform:rotate(45deg);width:60px}.sa-icon.sa-success:before{border-radius:120px 0 0 120px;left:-33px;top:-7px;transform:rotate(-45deg);transform-origin:60px 60px}.sa-icon.sa-success:after{border-radius:0 120px 120px 0;left:30px;top:-11px;transform:rotate(-45deg);transform-origin:0 60px}.sa-icon.sa-success .sa-placeholder{border:4px solid rgba(76,175,80,.5);border-radius:40px;border-radius:50%;box-sizing:content-box;height:80px;left:-4px;position:absolute;top:-4px;width:80px;z-index:2}.sa-icon.sa-success .sa-fix{background-color:#fff;height:90px;left:28px;position:absolute;top:8px;transform:rotate(-45deg);width:5px;z-index:1}.sa-icon.sa-success.animate:after{animation:rotatePlaceholder 4.25s ease-in}.sa-icon.sa-success{border-color:transparent\9}.sa-icon.sa-success .sa-line.sa-tip{-ms-transform:rotate(45deg)\9}.sa-icon.sa-success .sa-line.sa-long{-ms-transform:rotate(-45deg)\9}.animateSuccessTip{animation:animateSuccessTip .75s}.animateSuccessLong{animation:animateSuccessLong .75s}@keyframes animateSuccessTip{0%{left:1px;top:19px;width:0}54%{left:1px;top:19px;width:0}70%{left:-8px;top:37px;width:50px}84%{left:21px;top:48px;width:17px}to{left:14px;top:45px;width:25px}}@keyframes animateSuccessLong{0%{right:46px;top:54px;width:0}65%{right:46px;top:54px;width:0}84%{right:0;top:35px;width:55px}to{right:8px;top:38px;width:47px}}.sa-icon.sa-success .sa-line{background-color:#4caf50;border-radius:2px;display:block;height:5px;position:absolute;z-index:2}.sa-icon.sa-success .sa-line.sa-tip{left:14px;top:46px;transform:rotate(45deg);width:25px}.sa-icon.sa-success .sa-line.sa-long{right:8px;top:38px;transform:rotate(-45deg);width:47px}@keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}to{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}

/*# sourceMappingURL=check-animation.css.map*/