@keyframes showSweetAlert {
 100% {
 transform: scale(1);
}
}
@keyframes hideSweetAlert {
 0% {
 transform: scale(0.5);
}
}
.showSweetAlert {
	animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation=none] {
	animation: none;
}
.showSweetAlert[data-animation=slide-from-top] {
	animation: slideFromTop 0.3s;
}
.showSweetAlert[data-animation=slide-from-bottom] {
	animation: slideFromBottom 0.3s;
}
.hideSweetAlert {
	animation: hideSweetAlert 0.3s;
}
.hideSweetAlert[data-animation=none] {
	animation: none;
}

@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 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 rotatePlaceholder {
 0% {
 transform: rotate(-45deg);
}
 5% {
 transform: rotate(-45deg);
}
 12% {
 transform: rotate(-405deg);
}
 100% {
 transform: rotate(-405deg);
}
}
.animateSuccessTip {
	animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
	animation: animateSuccessLong 0.75s;
}
.sa-icon.sa-success.animate::after {
	animation: rotatePlaceholder 4.25s ease-in;
}
@keyframes animateErrorIcon {
 0% {
 transform: rotateX(100deg);
 opacity: 0;
}
 100% {
 transform: rotateX(0deg);
 opacity: 1;
}
}
.animateErrorIcon {
	animation: animateErrorIcon 0.5s;
}
@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: 0;
 opacity: 1;
}
}
.animateXMark {
	animation: animateXMark 0.5s;
}
@keyframes pulseWarning {
 0% {
 border-color: #F8D486;
}
 100% {
 border-color: #F8BB86;
}
}
.pulseWarning {
	animation: pulseWarning 0.75s infinite alternate;
}
@keyframes pulseWarningIns {
 0% {
 background-color: #F8D486;
}
 100% {
 background-color: #F8BB86;
}
}
.pulseWarningIns {
	animation: pulseWarningIns 0.75s infinite alternate;
}
@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;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
	z-index: 9999;
}
.sweet-alert {
	background-color: #ffffff;
	min-width: 240px;
	max-width: 480px;
	padding: 10px 15px;
	border-radius: 5px;
	text-align: center;
	position: fixed;
	left: 55%;
	top: 45%;
	margin-left: -256px;
	margin-top: -200px;
	overflow: hidden;
	display: none;
	z-index: 99999;
}
.sweet-alert h2 {
	font-size: 13px;
}
@media all and (max-width: 767px) {
.sweet-alert {
	width: auto;
	margin-left: 0;
	margin-right: 0;
	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: .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;
}
