body.stop-scrolling {
height:100%;
overflow:hidden
}
.sweet-overlay {
background-color:#00000;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
background-color:rgba(0,0,0,.4);
position:fixed;
left:0;
right:0;
top:0;
bottom:0;
display:none;
z-index:10000
}

.sweet-alert {
background-color:#000000;
font-family: 'Segoe UI Light', 'Open Sans', 'Helvetica Neue Medium', Arial, sans-serif;
width:478px;
padding:5px;
border-radius:0px;
text-align:center;
position:fixed;
left:50%;
top:50%;
margin-left:-256px;
margin-top:-200px;
overflow:hidden;
display:none;
z-index:99999
}

@media all and (max-width:540px) {
.sweet-alert {
width:auto;
margin-left:0;
margin-right:0;
left:15px;
right:15px
}
}

.sweet-alert h2 {
font-family: 'Segoe UI Light', 'Open Sans', 'Helvetica Neue Medium', Arial, sans-serif;
color:#ffffff;
background-color:#000000;
font-size:1.4em;
text-align:left;
text-transform:none;
position:relative;

padding:0;
padding-left:40px;
line-height:2em;
display:block
}

.sweet-alert p {
color:#797979;
font-size:16px;
font-weight:300;
position:relative;
text-align:inherit;
float:none;
margin:0;
padding:0;
line-height:normal
}

.sweet-alert fieldset {
border:none;
position:relative
}

.sweet-alert .sa-error-container {
background-color:#f1f1f1;
margin-left:-17px;
margin-right:-17px;
overflow:hidden;
padding:0 10px;
max-height:0;
webkit-transition:padding .15s,max-height .15s;
transition:padding .15s,max-height .15s
}

.sweet-alert .sa-error-container.show {
padding:10px 0;
max-height:100px;
webkit-transition:padding .2s,max-height .2s;
transition:padding .25s,max-height .25s
}

.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(.5);
transform:scale(.5);
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transition:all .1s;
transition:all .1s
}

.sweet-alert .sa-input-error::after,.sweet-alert .sa-input-error::before {
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,.06);
padding:0 12px;
display:none;
-webkit-transition:all .3s;
transition:all .3s
}

.sweet-alert input:focus {
outline:0;
box-shadow:0 0 3px #c4e6f5;
border:1px solid #b4dbed
}

.sweet-alert.show-input input {
display:block
}

.sweet-alert button {
background-color:#FF0000;
color:#fffff;
border:none;
box-shadow:none;
font-size:1.4em;
font-weight:500;
-webkit-border-radius:0px;
border-radius:0px;
padding:10px 32px;
margin-bottom:25px;
cursor:pointer
}

.sweet-alert button:focus {
outline:0;
box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)
}

.sweet-alert button:hover {
background-color:#FF0000
}

.sweet-alert button:active {
background-color:#FF0000
}

.sweet-alert button.cancel {
background-color:#FF0000
}

.sweet-alert button.cancel:hover {
background-color:#c8c8c8
}

.sweet-alert button.cancel:active {
background-color:#FF0000
}

.sweet-alert button.cancel:focus {
box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important
}

.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%;
margin:20px auto;
padding:0;
position:relative;
box-sizing:content-box
}

.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
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
right:16px
}

.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:#A5DC86
}

.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before {
content:'';
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,.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:#E91921;
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)
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width:47px;
right:8px;
top:38px;
-webkit-transform:rotate(-45deg);
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
}
@-webkit-keyframes showSweetAlert {
0% {
transform:scale(.7);
-webkit-transform:scale(.7)
}
45% {
transform:scale(1.05);
-webkit-transform:scale(1.05)
}
80% {
transform:scale(.95);
-webkit-transform:scale(.95)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes showSweetAlert {
0% {
transform:scale(.7);
-webkit-transform:scale(.7)
}
45% {
transform:scale(1.05);
-webkit-transform:scale(1.05)
}
80% {
transform:scale(.95);
-webkit-transform:scale(.95)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@-webkit-keyframes hideSweetAlert {
0% {
transform:scale(1);
-webkit-transform:scale(1)
}
100% {
transform:scale(.5);
-webkit-transform:scale(.5)
}
}
@keyframes hideSweetAlert {
0% {
transform:scale(1);
-webkit-transform:scale(1)
}
100% {
transform:scale(.5);
-webkit-transform:scale(.5)
}
}
@-webkit-keyframes slideFromTop {
0% {
top:0
}
100% {
top:50%
}
}
@keyframes slideFromTop {
0% {
top:0
}
100% {
top:50%
}
}
@-webkit-keyframes slideToTop {
0% {
top:50%
}
100% {
top:0
}
}
@keyframes slideToTop {
0% {
top:50%
}
100% {
top:0
}
}
@-webkit-keyframes slideFromBottom {
0% {
top:70%
}
100% {
top:50%
}
}
@keyframes slideFromBottom {
0% {
top:70%
}
100% {
top:50%
}
}
@-webkit-keyframes slideToBottom {
0% {
top:50%
}
100% {
top:70%
}
}
@keyframes slideToBottom {
0% {
top:50%
}
100% {
top:70%
}
}

.showSweetAlert[data-animation=pop] {
-webkit-animation:showSweetAlert .3s;
animation:showSweetAlert .3s
}

.showSweetAlert[data-animation=none] {
-webkit-animation:none;
animation:none
}

.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=none] {
-webkit-animation:none;
animation:none
}

.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
}
@-webkit-keyframes animateSuccessTip {
0%,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 animateSuccessTip {
0%,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
}
}
@-webkit-keyframes animateSuccessLong {
0%,65% {
width:0;
right:46px;
top:54px
}
84% {
width:55px;
right:0;
top:35px
}
100% {
width:47px;
right:8px;
top:38px
}
}
@keyframes animateSuccessLong {
0%,65% {
width:0;
right:46px;
top:54px
}
84% {
width:55px;
right:0;
top:35px
}
100% {
width:47px;
right:8px;
top:38px
}
}
@-webkit-keyframes rotatePlaceholder {
0%,5% {
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg)
}
100%,12% {
transform:rotate(-405deg);
-webkit-transform:rotate(-405deg)
}
}
@keyframes rotatePlaceholder {
0%,5% {
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg)
}
100%,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
}
@-webkit-keyframes animateErrorIcon {
0% {
transform:rotateX(100deg);
-webkit-transform:rotateX(100deg);
opacity:0
}
100% {
transform:rotateX(0deg);
-webkit-transform:rotateX(0deg);
opacity:1
}
}
@keyframes animateErrorIcon {
0% {
transform:rotateX(100deg);
-webkit-transform:rotateX(100deg);
opacity:0
}
100% {
transform:rotateX(0deg);
-webkit-transform:rotateX(0deg);
opacity:1
}
}

.animateErrorIcon {
-webkit-animation:animateErrorIcon .5s;
animation:animateErrorIcon .5s
}
@-webkit-keyframes animateXMark {
0%,50% {
transform:scale(.4);
-webkit-transform:scale(.4);
margin-top:26px;
opacity:0
}
80% {
transform:scale(1.15);
-webkit-transform:scale(1.15);
margin-top:-6px
}
100% {
transform:scale(1);
-webkit-transform:scale(1);
margin-top:0;
opacity:1
}
}
@keyframes animateXMark {
0%,50% {
transform:scale(.4);
-webkit-transform:scale(.4);
margin-top:26px;
opacity:0
}
80% {
transform:scale(1.15);
-webkit-transform:scale(1.15);
margin-top:-6px
}
100% {
transform:scale(1);
-webkit-transform:scale(1);
margin-top:0;
opacity:1
}
}

.animateXMark {
-webkit-animation:animateXMark .5s;
animation:animateXMark .5s
}
@-webkit-keyframes pulseWarning {
0% {
border-color:#F8D486
}
100% {
border-color:#F8BB86
}
}
@keyframes pulseWarning {
0% {
border-color:#F8D486
}
100% {
border-color:#F8BB86
}
}

.pulseWarning {
-webkit-animation:pulseWarning .75s infinite alternate;
animation:pulseWarning .75s infinite alternate
}
@-webkit-keyframes pulseWarningIns {
0% {
background-color:#F8D486
}
100% {
background-color:#F8BB86
}
}
@keyframes pulseWarningIns {
0% {
background-color:#F8D486
}
100% {
background-color:#F8BB86
}
}

.pulseWarningIns {
-webkit-animation:pulseWarningIns .75s infinite alternate;
animation:pulseWarningIns .75s infinite alternate
}
