/* line 5, ../sass/sweet-alert.scss */

.sweet-overlay {

  background-color: black;

  /* IE8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

  /* IE8 */

  background-color: rgba(0, 0, 0, 0.4);

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  display: none;

  z-index: 10000;

}



/* line 20, ../sass/sweet-alert.scss */

.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: 99999;

}

@media all and (max-width: 540px) {

  /* line 20, ../sass/sweet-alert.scss */

  .sweet-alert {

    width: auto;

    margin-left: 0;

    margin-right: 0;

    left: 15px;

    right: 15px;

  }

}

/* line 50, ../sass/sweet-alert.scss */

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

}

/* line 63, ../sass/sweet-alert.scss */

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

}

/* line 76, ../sass/sweet-alert.scss */

.sweet-alert button {

  background-color: #AEDEF4;

  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;

}

/* line 91, ../sass/sweet-alert.scss */

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

}

/* line 95, ../sass/sweet-alert.scss */

.sweet-alert button:hover {

  background-color: #a1d9f2;

}

/* line 98, ../sass/sweet-alert.scss */

.sweet-alert button:active {

  background-color: #81ccee;

}

/* line 101, ../sass/sweet-alert.scss */

.sweet-alert button.cancel {

  background-color: #D0D0D0;

}

/* line 103, ../sass/sweet-alert.scss */

.sweet-alert button.cancel:hover {

  background-color: #c8c8c8;

}

/* line 106, ../sass/sweet-alert.scss */

.sweet-alert button.cancel:active {

  background-color: #b6b6b6;

}

/* line 110, ../sass/sweet-alert.scss */

.sweet-alert button.cancel:focus {

  box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.04706) 0px 0px 0px 1px inset !important;

}

/* line 115, ../sass/sweet-alert.scss */

.sweet-alert button::-moz-focus-inner {

  border: 0;

}

/* line 121, ../sass/sweet-alert.scss */

.sweet-alert[data-has-cancel-button=false] button {

  box-shadow: none !important;

}

/* line 125, ../sass/sweet-alert.scss */

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {

  padding-bottom: 40px;

}

/* line 129, ../sass/sweet-alert.scss */

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

}

/* line 146, ../sass/sweet-alert.scss */

.sweet-alert .sa-icon.sa-error {

  border-color: #F27474;

}

/* line 149, ../sass/sweet-alert.scss */

.sweet-alert .sa-icon.sa-error .sa-x-mark {

  position: relative;

  display: block;

}

/* line 154, ../sass/sweet-alert.scss */

.sweet-alert .sa-icon.sa-error .sa-line {

  position: absolute;

  height: 5px;

  width: 47px;

  background-color: #F27474;

  display: block;

  top: 37px;

  border-radius: 2px;

}

/* line 163, ../sass/sweet-alert.scss */

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  left: 17px;

}

/* line 168, ../sass/sweet-alert.scss */

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

  right: 16px;

}

/* line 175, ../sass/sweet-alert.scss */

.sweet-alert .sa-icon.sa-warning {

  border-color: #F8BB86;

}

/* line 178, ../sass/sweet-alert.scss */

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

}

/* line 189, ../sass/sweet-alert.scss */

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

}

/* line 201, ../sass/sweet-alert.scss */

.sweet-alert .sa-icon.sa-info {

  border-color: #C9DAE1;

}

/* line 204, ../sass/sweet-alert.scss */

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

}

/* line 215, ../sass/sweet-alert.scss */

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

}

/* line 226, ../sass/sweet-alert.scss */

.sweet-alert .sa-icon.sa-success {

  border-color: #A5DC86;

}

/* line 229, ../sass/sweet-alert.scss */

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

}

/* line 241, ../sass/sweet-alert.scss */

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

}

/* line 252, ../sass/sweet-alert.scss */

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

}

/* line 264, ../sass/sweet-alert.scss */

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

}

/* line 279, ../sass/sweet-alert.scss */

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

}

/* line 293, ../sass/sweet-alert.scss */

.sweet-alert .sa-icon.sa-success .sa-line {

  height: 5px;

  background-color: #A5DC86;

  display: block;

  border-radius: 2px;

  position: absolute;

  z-index: 2;

}

/* line 302, ../sass/sweet-alert.scss */

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {

  width: 25px;

  left: 14px;

  top: 46px;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}

/* line 311, ../sass/sweet-alert.scss */

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {

  width: 47px;

  right: 8px;

  top: 38px;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

/* line 322, ../sass/sweet-alert.scss */

.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-tranform: 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-tranform: 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);

  }

}

/* line 364, ../sass/sweet-alert.scss */

.showSweetAlert {

  -webkit-animation: showSweetAlert 0.3s;

  animation: showSweetAlert 0.3s;

}

/* line 367, ../sass/sweet-alert.scss */

.showSweetAlert[data-animation=none] {

  -webkit-animation: none;

  animation: none;

}



/* line 371, ../sass/sweet-alert.scss */

.hideSweetAlert {

  -webkit-animation: hideSweetAlert 0.2s;

  animation: hideSweetAlert 0.2s;

}

/* line 374, ../sass/sweet-alert.scss */

.hideSweetAlert[data-animation=none] {

  -webkit-animation: none;

  animation: none;

}



@-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);

  }

}

/* line 403, ../sass/sweet-alert.scss */

.animateSuccessTip {

  -webkit-animation: animateSuccessTip 0.75s;

  animation: animateSuccessTip 0.75s;

}



/* line 406, ../sass/sweet-alert.scss */

.animateSuccessLong {

  -webkit-animation: animateSuccessLong 0.75s;

  animation: animateSuccessLong 0.75s;

}



/* line 409, ../sass/sweet-alert.scss */

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

  }

}

/* line 420, ../sass/sweet-alert.scss */

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

  }

}

/* line 429, ../sass/sweet-alert.scss */

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

  }

}

/* line 437, ../sass/sweet-alert.scss */

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

  }

}

/* line 445, ../sass/sweet-alert.scss */

.pulseWarningIns {

  -webkit-animation: pulseWarningIns 0.75s infinite alternate;

  animation: pulseWarningIns 0.75s infinite alternate;

}