@charset "utf-8";

@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: 0.3s ease 0s 1 normal none running showSweetAlert; }

.showSweetAlert[data-animation="none"] { animation: auto ease 0s 1 normal none running none; }

.showSweetAlert[data-animation="slide-from-top"] { animation: 0.3s ease 0s 1 normal none running slideFromTop; }

.showSweetAlert[data-animation="slide-from-bottom"] { animation: 0.3s ease 0s 1 normal none running slideFromBottom; }

.hideSweetAlert { animation: 0.3s ease 0s 1 normal none running hideSweetAlert; }

.hideSweetAlert[data-animation="none"] { animation: auto ease 0s 1 normal none running none; }

.hideSweetAlert[data-animation="slide-from-top"] { animation: 0.3s ease 0s 1 normal none running slideToTop; }

.hideSweetAlert[data-animation="slide-from-bottom"] { animation: 0.3s ease 0s 1 normal none running slideToBottom; }

@keyframes animateSuccessTip { 
  0% { width: 0px; left: 1px; top: 19px; }
  54% { width: 0px; 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: 0px; right: 46px; top: 54px; }
  65% { width: 0px; right: 46px; top: 54px; }
  84% { width: 55px; right: 0px; 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: 0.75s ease 0s 1 normal none running animateSuccessTip; }

.animateSuccessLong { animation: 0.75s ease 0s 1 normal none running animateSuccessLong; }

.sa-icon.sa-success.animate::after { animation: 4.25s ease-in 0s 1 normal none running rotatePlaceholder; }

@keyframes animateErrorIcon { 
  0% { transform: rotateX(100deg); opacity: 0; }
  100% { transform: rotateX(0deg); opacity: 1; }
}

.animateErrorIcon { animation: 0.5s ease 0s 1 normal none running animateErrorIcon; }

@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: 0px; opacity: 1; }
}

.animateXMark { animation: 0.5s ease 0s 1 normal none running animateXMark; }

@keyframes pulseWarning { 
  0% { border-color: rgb(248, 212, 134); }
  100% { border-color: rgb(248, 187, 134); }
}

.pulseWarning { animation: 0.75s ease 0s infinite alternate none running pulseWarning; }

@keyframes pulseWarningIns { 
  0% { background-color: rgb(248, 212, 134); }
  100% { background-color: rgb(248, 187, 134); }
}

.pulseWarningIns { animation: 0.75s ease 0s infinite alternate none running pulseWarningIns; }

@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; inset: 0px; display: none; z-index: 1040; }

.sweet-alert { background-color: rgb(255, 255, 255); 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 (max-width: 767px) {
  .sweet-alert { width: auto; margin-left: 0px; margin-right: 0px; 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: 0.6; cursor: default; }

.sweet-alert button.confirm[disabled] { color: rgba(255, 255, 255, 0); }

.sweet-alert button.confirm[disabled] ~ .la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; }

.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: rgb(212, 63, 58); }

.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: rgb(217, 83, 79); 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: rgb(238, 162, 54); }

.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: rgb(240, 173, 78); }

.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: rgb(240, 173, 78); }

.sweet-alert .sa-icon.sa-info { border-color: rgb(70, 184, 218); }

.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: rgb(91, 192, 222); }

.sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: rgb(91, 192, 222); }

.sweet-alert .sa-icon.sa-success { border-color: rgb(76, 174, 76); }

.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: rgb(255, 255, 255); transform: rotate(45deg); }

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

.sweet-alert .sa-icon.sa-success::after { border-radius: 0px 120px 120px 0px; top: -11px; left: 30px; transform: rotate(-45deg); transform-origin: 0px 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: rgb(255, 255, 255); position: absolute; left: 28px; top: 8px; z-index: 1; transform: rotate(-45deg); }

.sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: rgb(92, 184, 92); 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: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-position: center center; background-repeat: no-repeat; }

.sweet-alert .btn-default:focus { border-color: rgb(204, 204, 204); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(204, 204, 204, 0.6) 0px 0px 8px; }

.sweet-alert .btn-success:focus { border-color: rgb(76, 174, 76); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(76, 174, 76, 0.6) 0px 0px 8px; }

.sweet-alert .btn-info:focus { border-color: rgb(70, 184, 218); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(70, 184, 218, 0.6) 0px 0px 8px; }

.sweet-alert .btn-danger:focus { border-color: rgb(212, 63, 58); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(212, 63, 58, 0.6) 0px 0px 8px; }

.sweet-alert .btn-warning:focus { border-color: rgb(238, 162, 54); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(238, 162, 54, 0.6) 0px 0px 8px; }

.sweet-alert .sa-confirm-button-container button { background: rgb(68, 152, 255); }

.la-ball-fall, .la-ball-fall > div { position: relative; box-sizing: border-box; }

.la-ball-fall { display: block; font-size: 0px; color: rgb(255, 255, 255); }

.la-ball-fall.la-dark { color: rgb(51, 51, 51); }

.la-ball-fall > div { display: inline-block; float: none; background-color: currentcolor; border: 0px solid; }

.la-ball-fall { width: 54px; height: 18px; }

.la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; animation: 1s ease-in-out 0s infinite normal none running ball-fall; }

.la-ball-fall > div:nth-child(1) { animation-delay: -200ms; }

.la-ball-fall > div:nth-child(2) { animation-delay: -100ms; }

.la-ball-fall > div:nth-child(3) { animation-delay: 0ms; }

.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; transform: translateY(-145%); }
  10% { opacity: 0.5; }
  20% { opacity: 1; transform: translateY(0px); }
  80% { opacity: 1; transform: translateY(0px); }
  90% { opacity: 0.5; }
  100% { opacity: 0; transform: translateY(145%); }
}

@keyframes ball-fall { 
  0% { opacity: 0; transform: translateY(-145%); }
  10% { opacity: 0.5; }
  20% { opacity: 1; transform: translateY(0px); }
  80% { opacity: 1; transform: translateY(0px); }
  90% { opacity: 0.5; }
  100% { opacity: 0; transform: translateY(145%); }
}