@keyframes showSweetAlert {
0%{transform:scale(0.7)}
45%{transform:scale(1.05)}
80%{transform:scale(0.95)}
100%{transform:scale(1)}
}
@keyframes hideSweetAlert {
0%{transform:scale(1)}
100%{transform:scale(0.5)}
}
@keyframes slideFromTop {
0%{top:0}
100%{top:50%}
}
@keyframes slideToTop {
0%{top:50%}
100%{top:0}
}
@keyframes slideFromBottom {
0%{top:70%}
100%{top:50%}
}
@keyframes slideToBottom {
0%{top:50%}
100%{top:70%}
}
.showSweetAlert{animation:showSweetAlert .3s}
.showSweetAlert[data-animation=none]{animation:none}
.showSweetAlert[data-animation=slide-from-top]{animation:slideFromTop .3s}
.showSweetAlert[data-animation=slide-from-bottom]{animation:slideFromBottom .3s}
.hideSweetAlert{animation:hideSweetAlert .3s}
.hideSweetAlert[data-animation=none]{animation:none}
.hideSweetAlert[data-animation=slide-from-top]{animation:slideToTop .3s}
.hideSweetAlert[data-animation=slide-from-bottom]{animation:slideToBottom .3s}
@keyframes animateSuccessTip {
0%{width:0;left:1px;top:19px}
54%{width:0;left:1px;top:19px}
70%{width:50px;left:-8px;top:37px}
84%{width:17px;left:21px;top:48px}
100%{width:25px;left:14px;top:45px}
}
@keyframes animateSuccessLong {
0%{width:0;right:46px;top:54px}
65%{width:0;right:46px;top:54px}
84%{width:55px;right:0;top:35px}
100%{width:47px;right:8px;top:38px}
}
@keyframes rotatePlaceholder {
0%{transform:rotate(-45deg)}
5%{transform:rotate(-45deg)}
12%{transform:rotate(-405deg)}
100%{transform:rotate(-405deg)}
}
.animateSuccessTip{animation:animateSuccessTip .75s}
.animateSuccessLong{animation:animateSuccessLong .75s}
.sa-icon.sa-success.animate::after{animation:rotatePlaceholder 4.25s ease-in}
@keyframes animateErrorIcon {
0%{transform:rotateX(100deg);opacity:0}
100%{transform:rotateX(0deg);opacity:1}
}
.animateErrorIcon{animation:animateErrorIcon .5s}
@keyframes animateXMark {
0%{transform:scale(0.4);margin-top:26px;opacity:0}
50%{transform:scale(0.4);margin-top:26px;opacity:0}
80%{transform:scale(1.15);margin-top:-6px}
100%{transform:scale(1);margin-top:0;opacity:1}
}
.animateXMark{animation:animateXMark .5s}
@keyframes pulseWarning {
0%{border-color:#F8D486}
100%{border-color:#F8BB86}
}
.pulseWarning{animation:pulseWarning .75s infinite alternate}
@keyframes pulseWarningIns {
0%{background-color:#F8D486}
100%{background-color:#F8BB86}
}
.pulseWarningIns{animation:pulseWarningIns .75s infinite alternate}
@keyframes rotate-loading {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
body.stop-scrolling{height:100%;overflow:hidden}
.sweet-overlay{background-color:rgba(0,0,0,0.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:1040}
.sweet-alert{background-color:#fff;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:2000}
@media all and (max-width: 767px) {
.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}
}
.sweet-alert .form-group{display:none}
.sweet-alert .form-group .sa-input-error{display:none}
.sweet-alert.show-input .form-group{display:block}
.sweet-alert .sa-confirm-button-container{display:inline-block;position:relative}
.sweet-alert .la-ball-fall{position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:-9px;opacity:0;visibility:hidden}
.sweet-alert button[disabled]{opacity:.6;cursor:default}
.sweet-alert button.confirm[disabled]{color:transparent}
.sweet-alert button.confirm[disabled] ~ .la-ball-fall{opacity:1;visibility:visible;transition-delay:0}
.sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;border-radius:50%;margin:20px auto;position:relative;box-sizing:content-box}
.sweet-alert .sa-icon.sa-error{border-color:#d43f3a}
.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}
.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#d9534f;display:block;top:37px;border-radius:2px}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left{transform:rotate(45deg);left:17px}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right{transform:rotate(-45deg);right:16px}
.sweet-alert .sa-icon.sa-warning{border-color:#eea236}
.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;border-radius:2px;margin-left:-2px;background-color:#f0ad4e}
.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#f0ad4e}
.sweet-alert .sa-icon.sa-info{border-color:#46b8da}
.sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#5bc0de}
.sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#5bc0de}
.sweet-alert .sa-icon.sa-success{border-color:#4cae4c}
.sweet-alert .sa-icon.sa-success::before,.sweet-alert .sa-icon.sa-success::after{content:'';border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;transform:rotate(45deg)}
.sweet-alert .sa-icon.sa-success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;transform:rotate(-45deg);transform-origin:60px 60px}
.sweet-alert .sa-icon.sa-success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;transform:rotate(-45deg);transform-origin:0 60px}
.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(92,184,92,0.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}
.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;transform:rotate(-45deg)}
.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#5cb85c;display:block;border-radius:2px;position:absolute;z-index:2}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;transform:rotate(45deg)}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;transform:rotate(-45deg)}
.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}
.sweet-alert .btn-default:focus{border-color:#ccc;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(204,204,204,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(204,204,204,0.6)}
.sweet-alert .btn-success:focus{border-color:#4cae4c;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(76,174,76,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(76,174,76,0.6)}
.sweet-alert .btn-info:focus{border-color:#46b8da;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(70,184,218,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(70,184,218,0.6)}
.sweet-alert .btn-danger:focus{border-color:#d43f3a;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(212,63,58,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(212,63,58,0.6)}
.sweet-alert .btn-warning:focus{border-color:#eea236;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(238,162,54,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(238,162,54,0.6)}
.sweet-alert button::-moz-focus-inner{border:0}
.la-ball-fall,.la-ball-fall > div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.la-ball-fall{display:block;font-size:0;color:#fff}
.la-ball-fall.la-dark{color:#333}
.la-ball-fall > div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}
.la-ball-fall{width:54px;height:18px}
.la-ball-fall > div{width:10px;height:10px;margin:4px;border-radius:100%;opacity:0;-webkit-animation:ball-fall 1s ease-in-out infinite;-moz-animation:ball-fall 1s ease-in-out infinite;-o-animation:ball-fall 1s ease-in-out infinite;animation:ball-fall 1s ease-in-out infinite}
.la-ball-fall > div:nth-child(1){-webkit-animation-delay:-200ms;-moz-animation-delay:-200ms;-o-animation-delay:-200ms;animation-delay:-200ms}
.la-ball-fall > div:nth-child(2){-webkit-animation-delay:-100ms;-moz-animation-delay:-100ms;-o-animation-delay:-100ms;animation-delay:-100ms}
.la-ball-fall > div:nth-child(3){-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.la-ball-fall.la-sm{width:26px;height:8px}
.la-ball-fall.la-sm > div{width:4px;height:4px;margin:2px}
.la-ball-fall.la-2x{width:108px;height:36px}
.la-ball-fall.la-2x > div{width:20px;height:20px;margin:8px}
.la-ball-fall.la-3x{width:162px;height:54px}
.la-ball-fall.la-3x > div{width:30px;height:30px;margin:12px}
@-webkit-keyframes ball-fall {
0%{opacity:0;-webkit-transform:translateY(-145%);transform:translateY(-145%)}
10%{opacity:.5}
20%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
90%{opacity:.5}
100%{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}
}
@-moz-keyframes ball-fall {
0%{opacity:0;-moz-transform:translateY(-145%);transform:translateY(-145%)}
10%{opacity:.5}
20%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}
80%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}
90%{opacity:.5}
100%{opacity:0;-moz-transform:translateY(145%);transform:translateY(145%)}
}
@-o-keyframes ball-fall {
0%{opacity:0;-o-transform:translateY(-145%);transform:translateY(-145%)}
10%{opacity:.5}
20%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}
80%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}
90%{opacity:.5}
100%{opacity:0;-o-transform:translateY(145%);transform:translateY(145%)}
}
@keyframes ball-fall {
0%{opacity:0;-webkit-transform:translateY(-145%);-moz-transform:translateY(-145%);-o-transform:translateY(-145%);transform:translateY(-145%)}
10%{opacity:.5}
20%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
80%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
90%{opacity:.5}
100%{opacity:0;-webkit-transform:translateY(145%);-moz-transform:translateY(145%);-o-transform:translateY(145%);transform:translateY(145%)}
}