body.stop-scrolling {   height: 100%;   overflow: hidden; } .sweet-overlay {   background-color: black;   /* IE8 */   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";   /* IE8 */   background-color: rgba(0, 0, 0, 0.83);   position: fixed;   left: 0;   right: 0;   top: 0;   bottom: 0;   display: none;   z-index: 100000000; } .sweet-alert {   background-color: white;   font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;   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: 11111111199999; }   @media all and (max-width: 540px) {     .sweet-alert {       width: auto;       margin-left: 0;       margin-right: 0;    top: 200px;   left: 15px;       right: 15px; } }   .sweet-alert h2 {     color: #575757;     font-size: 30px;     text-align: center;     font-weight: 600;     text-transform: none;     position: relative;     margin: 25px 0;     padding: 0;     line-height: 40px;     display: block;    word-wrap: break-word; }   .sweet-alert p {     color: #797979;     font-size: 16px;     text-align: center;     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 0.15s, max-height 0.15s;     transition: padding 0.15s, max-height 0.15s; }     .sweet-alert .sa-error-container.show {       padding: 10px 0;       max-height: 100px;       webkit-transition: padding 0.2s, max-height 0.2s;       transition: padding 0.25s, max-height 0.25s; }     .sweet-alert .sa-error-container .icon {       display: inline-block;       width: 24px;       height: 24px;       border-radius: 50%;       background-color: #ea7d7d;       color: white;       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 0.1s;     transition: all 0.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 fieldset input, .inputtext { 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 0px 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s;  }     .sweet-alert fieldset input:focus, .inputtext:focus {       outline: none;       box-shadow: 0px 0px 3px #c4e6f5;       border: 1px solid #b4dbed; }       .sweet-alert fieldset input:focus::-moz-placeholder, .inputtext:focus::-moz-placeholder {         transition: opacity 0.3s 0.03s ease;         opacity: 0.5; }       .sweet-alert fieldset input:focus:-ms-input-placeholder, .inputtext:focus:-ms-input-placeholder {         transition: opacity 0.3s 0.03s ease;         opacity: 0.5; }       .sweet-alert fieldset input:focus::-webkit-input-placeholder, .inputtext:focus::-webkit-input-placeholder {         transition: opacity 0.3s 0.03s ease;         opacity: 0.5; }     .sweet-alert fieldset input::-moz-placeholder, .inputtext::-moz-placeholder {       color: #bdbdbd; }     .sweet-alert fieldset input:-ms-input-placeholder, .inputtext:-ms-input-placeholder {       color: #bdbdbd; }     .sweet-alert fieldset input::-webkit-input-placeholder, .inputtext::-webkit-input-placeholder {       color: #bdbdbd; }   .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: white;     border: none;     box-shadow: none;     font-size: 17px;     font-weight: 500;     -webkit-border-radius: 4px;     border-radius: 5px;     padding: 10px 32px;     margin: 26px 5px 0 5px;     cursor: pointer; }     .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) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 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: 0s; }     .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: 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::before, .sweet-alert .sa-icon.sa-success::after {         content: '';         -webkit-border-radius: 40px;         border-radius: 40px;         border-radius: 50%;         position: absolute;         width: 60px;         height: 120px;         background: white;         -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: 0px 60px;         transform-origin: 0px 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: 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: white;         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); }         .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; } /*  * Animations  */ @-webkit-keyframes showSweetAlert {   0% {     transform: scale(0.7);     -webkit-transform: scale(0.7); }   45% {     transform: scale(1.05);     -webkit-transform: scale(1.05); }   80% {     transform: scale(0.95);     -webkit-transform: scale(0.95); }   100% {     transform: scale(1);     -webkit-transform: scale(1); } } @keyframes showSweetAlert {   0% {     transform: scale(0.7);     -webkit-transform: scale(0.7); }   45% {     transform: scale(1.05);     -webkit-transform: scale(1.05); }   80% {     transform: scale(0.95);     -webkit-transform: scale(0.95); }   100% {     transform: scale(1);     -webkit-transform: scale(1); } } @-webkit-keyframes hideSweetAlert {   0% {     transform: scale(1);     -webkit-transform: scale(1); }   100% {     transform: scale(0.5);     -webkit-transform: scale(0.5); } } @keyframes hideSweetAlert {   0% {     transform: scale(1);     -webkit-transform: scale(1); }   100% {     transform: scale(0.5);     -webkit-transform: scale(0.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 0.3s;   animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] {   -webkit-animation: none;   animation: none; } .showSweetAlert[data-animation=slide-from-top] {   -webkit-animation: slideFromTop 0.3s;   animation: slideFromTop 0.3s; } .showSweetAlert[data-animation=slide-from-bottom] {   -webkit-animation: slideFromBottom 0.3s;   animation: slideFromBottom 0.3s; } .hideSweetAlert[data-animation=pop] {   -webkit-animation: hideSweetAlert 0.2s;   animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation=none] {   -webkit-animation: none;   animation: none; } .hideSweetAlert[data-animation=slide-from-top] {   -webkit-animation: slideToTop 0.4s;   animation: slideToTop 0.4s; } .hideSweetAlert[data-animation=slide-from-bottom] {   -webkit-animation: slideToBottom 0.3s;   animation: slideToBottom 0.3s; } @-webkit-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 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; } } @-webkit-keyframes animateSuccessLong {   0% {     width: 0;     right: 46px;     top: 54px; }   65% {     width: 0;     right: 46px;     top: 54px; }   84% {     width: 55px;     right: 0px;     top: 35px; }   100% {     width: 47px;     right: 8px;     top: 38px; } } @keyframes animateSuccessLong {   0% {     width: 0;     right: 46px;     top: 54px; }   65% {     width: 0;     right: 46px;     top: 54px; }   84% {     width: 55px;     right: 0px;     top: 35px; }   100% {     width: 47px;     right: 8px;     top: 38px; } } @-webkit-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); }   100% {     transform: rotate(-405deg);     -webkit-transform: rotate(-405deg); } } @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); }   100% {     transform: rotate(-405deg);     -webkit-transform: rotate(-405deg); } } .animateSuccessTip {   -webkit-animation: animateSuccessTip 0.75s;   animation: animateSuccessTip 0.75s; } .animateSuccessLong {   -webkit-animation: animateSuccessLong 0.75s;   animation: animateSuccessLong 0.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 0.5s;   animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark {   0% {     transform: scale(0.4);     -webkit-transform: scale(0.4);     margin-top: 26px;     opacity: 0; }   50% {     transform: scale(0.4);     -webkit-transform: scale(0.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% {     transform: scale(0.4);     -webkit-transform: scale(0.4);     margin-top: 26px;     opacity: 0; }   50% {     transform: scale(0.4);     -webkit-transform: scale(0.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 0.5s;   animation: animateXMark 0.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 0.75s infinite alternate;   animation: pulseWarning 0.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 0.75s infinite alternate;   animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading {   0% {     transform: rotate(0deg); }   100% {     transform: rotate(360deg); } } @keyframes rotate-loading {   0% {     transform: rotate(0deg); }   100% {     transform: rotate(360deg); } } /* Internet Explorer 9 has some special quirks that are fixed here */ /* The icons are not animated. */ /* This file is automatically merged into sweet-alert.min.js through Gulp */ /* Error icon */ .sweet-alert .sa-icon.sa-error .sa-line.sa-left {   -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right {   -ms-transform: rotate(-45deg) \9; } /* Success icon */ .sweet-alert .sa-icon.sa-success {   border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {   -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long {   -ms-transform: rotate(-45deg) \9; } /*!  * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)  * Copyright 2015 Daniel Cardoso <@DanielCardoso>  * Licensed under MIT  */ .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 > 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: 0ms;   -moz-animation-delay: 0ms;   -o-animation-delay: 0ms;   animation-delay: 0ms; } /*  * Animation  */ @-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%); }  }