body.stop-scrolling {
height:100%;
overflow:hidden;
}

.sweet-overlay {
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
background-color:rgba(0,0,0,0.4);
position:fixed;
left:0;
right:0;
top:0;
bottom:0;
display:none;
z-index:10000;
}

.sweet-alert {
background-color:#FFF;
font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
width:478px;
border-radius:5px;
text-align:center;
position:fixed;
left:50%;
top:50%;
margin-left:-256px;
margin-top:-200px;
overflow:hidden;
display:none;
z-index:99999;
padding:17px;
}

.sweet-alert h2 {
color:#575757;
font-size:30px;
text-align:center;
font-weight:600;
text-transform:none;
position:relative;
line-height:40px;
display:block;
width:100%!important;
margin:25px 0;
padding:0;
}

.sweet-alert p {
color:#797979;
font-size:16px;
font-weight:300;
position:relative;
text-align:inherit;
float:none;
line-height:normal;
margin:0;
padding:0;
}

.sweet-alert fieldset {
border:none;
position:relative;
}

.sweet-alert .sa-error-container {
background-color:#f1f1f1;
margin-left:-17px;
margin-right:-17px;
overflow:hidden;
max-height:0;
webkit-transition:padding .15s max-height .15s;
transition:padding .15s max-height .15s;
padding:0 10px;
}

.sweet-alert .sa-error-container.show {
max-height:100px;
webkit-transition:padding .2s max-height .2s;
transition:padding .25s max-height .25s;
padding:10px 0;
}

.sweet-alert .sa-error-container .icon {
display:inline-block;
width:24px;
height:24px;
border-radius:50%;
background-color:#ea7d7d;
color:#FFF;
line-height:24px;
text-align:center;
margin-right:3px;
}

.sweet-alert .sa-error-container p {
display:inline-block;
}

.sweet-alert .sa-input-error {
position:absolute;
top:29px;
right:26px;
width:20px;
height:20px;
opacity:0;
-webkit-transform:scale(0.5);
transform:scale(0.5);
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transition:all .1s;
transition:all .1s;
}

.sweet-alert .sa-input-error::before,.sweet-alert .sa-input-error::after {
content:"";
width:20px;
height:6px;
background-color:#f06e57;
border-radius:3px;
position:absolute;
top:50%;
margin-top:-4px;
left:50%;
margin-left:-9px;
}

.sweet-alert .sa-input-error::before {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.sweet-alert .sa-input-error::after {
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

.sweet-alert .sa-input-error.show {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1);
}

.sweet-alert input {
width:100%;
box-sizing:border-box;
border-radius:3px;
border:1px solid #d7d7d7;
height:43px;
margin-top:10px;
margin-bottom:17px;
font-size:18px;
box-shadow:inset 0 1px 1px rgba(0,0,0,0.06);
display:none;
-webkit-transition:all .3s;
transition:all .3s;
padding:0 12px;
}

.sweet-alert input:focus {
outline:none;
box-shadow:0 0 3px #c4e6f5;
border:1px solid #b4dbed;
}

.sweet-alert.show-input input {
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:4px;
opacity:0;
visibility:hidden;
}

.sweet-alert button {
background-color:#8CD4F5;
color:#FFF;
border:none;
box-shadow:none;
font-size:17px;
font-weight:500;
-webkit-border-radius:4px;
border-radius:5px;
cursor:pointer;
margin:26px 5px 0;
padding:10px 32px;
}

.sweet-alert button:focus {
outline:none;
box-shadow:0 0 2px rgba(128,179,235,0.5), inset 0 0 0 1px rgba(0,0,0,0.05);
}

.sweet-alert button:hover {
background-color:#7ecff4;
}

.sweet-alert button:active {
background-color:#5dc2f1;
}

.sweet-alert button.cancel {
background-color:#C1C1C1;
}

.sweet-alert button.cancel:hover {
background-color:#b9b9b9;
}

.sweet-alert button.cancel:active {
background-color:#a8a8a8;
}

.sweet-alert button.cancel:focus {
box-shadow:rgba(197,205,211,0.8) 0 0 2px rgba(0,0,0,0.0470588) 0 0 0 1px inset!important;
}

.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 button::-moz-focus-inner {
border:0;
}

.sweet-alert[data-has-cancel-button=false] button {
box-shadow:none!important;
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
padding-bottom:40px;
}

.sweet-alert .sa-icon {
width:80px;
height:80px;
border:4px solid gray;
-webkit-border-radius:40px;
border-radius:50%;
position:relative;
box-sizing:content-box;
margin:20px auto;
padding:0;
}

.sweet-alert .sa-icon.sa-error {
border-color:#F27474;
}

.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:#F27474;
display:block;
top:37px;
border-radius:2px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
left:17px;
-ms-transform:rotate(45deg) 9;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
right:16px;
-ms-transform:rotate(-45deg) 9;
}

.sweet-alert .sa-icon.sa-warning {
border-color:#F8BB86;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
position:absolute;
width:5px;
height:47px;
left:50%;
top:10px;
-webkit-border-radius:2px;
border-radius:2px;
margin-left:-2px;
background-color:#F8BB86;
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
position:absolute;
width:7px;
height:7px;
-webkit-border-radius:50%;
border-radius:50%;
margin-left:-3px;
left:50%;
bottom:10px;
background-color:#F8BB86;
}

.sweet-alert .sa-icon.sa-info {
border-color:#C9DAE1;
}

.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:#C9DAE1;
}

.sweet-alert .sa-icon.sa-info::after {
content:"";
position:absolute;
width:7px;
height:7px;
border-radius:50%;
margin-left:-3px;
top:19px;
background-color:#C9DAE1;
}

.sweet-alert .sa-icon.sa-success {
border-color:transparent9;
}

.sweet-alert .sa-icon.sa-success::before,.sweet-alert .sa-icon.sa-success::after {
content:'';
-webkit-border-radius:40px;
border-radius:50%;
position:absolute;
width:60px;
height:120px;
background:#FFF;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

.sweet-alert .sa-icon.sa-success::before {
-webkit-border-radius:120px 0 0 120px;
border-radius:120px 0 0 120px;
top:-7px;
left:-33px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-transform-origin:60px 60px;
transform-origin:60px 60px;
}

.sweet-alert .sa-icon.sa-success::after {
-webkit-border-radius:0 120px 120px 0;
border-radius:0 120px 120px 0;
top:-11px;
left:30px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-transform-origin:0 60px;
transform-origin:0 60px;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
width:80px;
height:80px;
border:4px solid rgba(165,220,134,0.2);
-webkit-border-radius:40px;
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;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line {
height:5px;
background-color:#A5DC86;
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;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
-ms-transform:rotate(45deg) 9;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width:47px;
right:8px;
top:38px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
-ms-transform:rotate(-45deg) 9;
}

.sweet-alert .sa-icon.sa-custom {
background-size:contain;
border-radius:0;
border:none;
background-position:center center;
background-repeat:no-repeat;
}

45% {
transform:scale(1.05);
-webkit-transform:scale(1.05);
}

80% {
margin-top:-6px;
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
}

100% {
left:14px;
width:47px;
right:8px;
top:38px;
margin-top:0;
background-color:#F8BB86;
opacity:0;
-webkit-transform:translateY(145%);
-moz-transform:translateY(145%);
-o-transform:translateY(145%);
transform:translateY(145%);
border-color:#F8BB86;
}

.showSweetAlert[data-animation=pop] {
-webkit-animation:showSweetAlert .3s;
animation:showSweetAlert .3s;
}

.showSweetAlert[data-animation=slide-from-top] {
-webkit-animation:slideFromTop .3s;
animation:slideFromTop .3s;
}

.showSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation:slideFromBottom .3s;
animation:slideFromBottom .3s;
}

.hideSweetAlert[data-animation=pop] {
-webkit-animation:hideSweetAlert .2s;
animation:hideSweetAlert .2s;
}

.hideSweetAlert[data-animation=slide-from-top] {
-webkit-animation:slideToTop .4s;
animation:slideToTop .4s;
}

.hideSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation:slideToBottom .3s;
animation:slideToBottom .3s;
}

54% {
width:0;
left:1px;
top:19px;
}

70% {
width:50px;
left:-8px;
top:37px;
}

84% {
left:21px;
width:55px;
right:0;
top:35px;
}

65% {
width:0;
right:46px;
top:54px;
}

5% {
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}

12% {
transform:rotate(-405deg);
-webkit-transform:rotate(-405deg);
}

.animateSuccessTip {
-webkit-animation:animateSuccessTip .75s;
animation:animateSuccessTip .75s;
}

.animateSuccessLong {
-webkit-animation:animateSuccessLong .75s;
animation:animateSuccessLong .75s;
}

.sa-icon.sa-success.animate::after {
-webkit-animation:rotatePlaceholder 4.25s ease-in;
animation:rotatePlaceholder 4.25s ease-in;
}

.animateErrorIcon {
-webkit-animation:animateErrorIcon .5s;
animation:animateErrorIcon .5s;
}

50% {
transform:scale(0.4);
-webkit-transform:scale(0.4);
margin-top:26px;
opacity:0;
}

.animateXMark {
-webkit-animation:animateXMark .5s;
animation:animateXMark .5s;
}

.pulseWarning {
-webkit-animation:pulseWarning .75s infinite alternate;
animation:pulseWarning .75s infinite alternate;
}

.pulseWarningIns {
-webkit-animation:pulseWarningIns .75s infinite alternate;
animation:pulseWarningIns .75s infinite alternate;
}

.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;
width:54px;
height:18px;
}

.la-ball-fall.la-dark {
color:#333;
}

.la-ball-fall > div {
display:inline-block;
float:none;
background-color:currentColor;
border:0 solid currentColor;
width:10px;
height:10px;
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;
margin:4px;
}

.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;
}

20% {
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
}

.sweet-alert input:focus::-moz-placeholder,.sweet-alert input:focus:-ms-input-placeholder,.sweet-alert input:focus::-webkit-input-placeholder {
transition:opacity .3s .03s ease;
opacity:0.5;
}

.sweet-alert input::-moz-placeholder,.sweet-alert input:-ms-input-placeholder,.sweet-alert input::-webkit-input-placeholder {
color:#bdbdbd;
}

.showSweetAlert[data-animation=none],.hideSweetAlert[data-animation=none] {
-webkit-animation:none;
animation:none;
}

10%,90% {
opacity:.5;
}

@media all and max-width 540px {
.sweet-alert {
width:auto;
margin-left:0;
margin-right:0;
left:15px;
right:15px;
}
}
