//  =================
//      Imports
//  =================

@import '../../assets/base/color_variables';    // Color Variables
@import '../../assets/base/fonticons';              // Fonticons Variables
@import '../../assets/base/urls';                   // URLS Variables
@import '../../assets/base/utilities_variables';  // Utilities Variables

@-webkit-keyframes "showSweetAlert" {
	0% {
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
	45% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	80% {
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes "showSweetAlert" {
	0% {
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
	45% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	80% {
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes "hideSweetAlert" {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
	}
}
@keyframes "hideSweetAlert" {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
	}
}
@-webkit-keyframes "animate-success-tip" {
	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 "animate-success-tip" {
	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 "animate-success-long" {
	0% {
		width: 0;
		right: 46px;
		top: 54px;
	}
	65% {
		width: 0;
		right: 46px;
		top: 54px;
	}
	84% {
		width: 55px;
		right: 0;
		top: 35px;
	}
	100% {
		width: 47px;
		right: 8px;
		top: 38px;
	}
}
@keyframes "animate-success-long" {
	0% {
		width: 0;
		right: 46px;
		top: 54px;
	}
	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% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	5% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	12% {
		-webkit-transform: rotate(-405deg);
		transform: rotate(-405deg);
	}
	100% {
		-webkit-transform: rotate(-405deg);
		transform: rotate(-405deg);
	}
}
@keyframes "rotatePlaceholder" {
	0% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	5% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	12% {
		-webkit-transform: rotate(-405deg);
		transform: rotate(-405deg);
	}
	100% {
		-webkit-transform: rotate(-405deg);
		transform: rotate(-405deg);
	}
}
@-webkit-keyframes "animate-error-icon" {
	0% {
		-webkit-transform: rotateX(100deg);
		transform: rotateX(100deg);
		opacity: 0;
	}
	100% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		opacity: 1;
	}
}
@keyframes "animate-error-icon" {
	0% {
		-webkit-transform: rotateX(100deg);
		transform: rotateX(100deg);
		opacity: 0;
	}
	100% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		opacity: 1;
	}
}
@-webkit-keyframes "animate-x-mark" {
	0% {
		-webkit-transform: scale(0.4);
		transform: scale(0.4);
		margin-top: 26px;
		opacity: 0;
	}
	50% {
		-webkit-transform: scale(0.4);
		transform: scale(0.4);
		margin-top: 26px;
		opacity: 0;
	}
	80% {
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
		margin-top: -6px;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		margin-top: 0;
		opacity: 1;
	}
}
@keyframes "animate-x-mark" {
	0% {
		-webkit-transform: scale(0.4);
		transform: scale(0.4);
		margin-top: 26px;
		opacity: 0;
	}
	50% {
		-webkit-transform: scale(0.4);
		transform: scale(0.4);
		margin-top: 26px;
		opacity: 0;
	}
	80% {
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
		margin-top: -6px;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		margin-top: 0;
		opacity: 1;
	}
}
@-webkit-keyframes "rotate-loading" {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes "rotate-loading" {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
body.swal2-shown {
	overflow-y: hidden;
}
body.swal2-iosfix {
	position: $pos-fix;
	left: 0;
	right: 0;
}
.swal2-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: $align-center;
	-ms-flex-align: $align-center;
	align-items: $align-center;
	position: $pos-fix;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 10px;
	background-color: $color_none;
	z-index: 1060;
}
.swal2-container.swal2-fade {
	-webkit-transition: background-color .1s;
	transition: background-color .1s;
}
.swal2-container.swal2-shown {
	background-color: $color_244;
}
.swal2-modal {
	background-color: $white;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: $align-center;
	margin: auto;
	overflow-x: hidden;
	overflow-y: auto;
	display: none;
	position: $pos-rel;
	max-width: 100%;
	&:focus {
		outline: none;
	}
	.swal2-title {
		color: $additional-color-11 !important;
		font-size: 24px !important;
		text-align: $align-center;
		font-weight: normal;
		text-transform: none;
		position: $pos-rel;
		margin: 0 0 .4em;
		padding: 0;
		display: block;
		word-wrap: break-word;
	}
	.swal2-buttonswrapper {
		margin-top: 15px;
		&:not(.swal2-loading) {
			.swal2-styled[disabled] {
				opacity: .4;
				cursor: no-drop;
			}
		}
	}
	.swal2-buttonswrapper.swal2-loading {
		.swal2-styled.swal2-confirm {
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			border: 4px $solid $color_none;
			border-color: $color_none;
			width: 40px;
			height: 40px;
			padding: 0;
			margin: 7.5px;
			vertical-align: top;
			background-color: $color_none !important;
			background-image: none !important;
			color: $color_none;
			cursor: default;
			border-radius: 100%;
			-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
			animation: rotate-loading 1.5s linear 0s infinite normal;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		.swal2-styled.swal2-cancel {
			margin-left: $m-30;
			margin-right: $m-30;
		}
		&:not(.swal2-styled).swal2-confirm {
			&::after {
				display: inline-block;
				content: '';
				margin-left: 5px 0 15px;
				vertical-align: -1px;
				height: 15px;
				width: 15px;
				border: 3px $solid #999999;
				-webkit-box-shadow: 1px 1px 1px #fff;
				box-shadow: 1px 1px 1px #fff;
				border-right-color: $color_none;
				border-radius: 50%;
				-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
				animation: rotate-loading 1.5s linear 0s infinite normal;
			}
		}
	}
	.swal2-styled {
		border: 0;
		border-radius: 30px;
		-webkit-box-shadow: none;
		box-shadow: none;
		color: $white;
		cursor: pointer;
		font-size: 17px;
		font-weight: normal;
		margin: 12px 5px 0 !important;
		padding: 6px 36px !important;
		border-radius: 30px;
	}
	.swal2-confirm.swal2-styled {
		background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%) !important;
		border-left-color: $gradient-primary !important;
		border-right-color: $gradient-primary !important;
		border-radius: 43px !important;
	}
	.swal2-cancel.swal2-styled {
		background-image: linear-gradient(-20deg, #fc6076 0%, #ff9a44 100%) !important;
		border-left-color: $color_146 !important;
		border-right-color: $color_146 !important;
		color: $white !important;
		border-radius: 43px !important;
	}
	.swal2-image {
		margin: 20px auto;
		max-width: 100%;
		width: 50%;
	}
	.swal2-close {
		background: $color_none;
		border: 0;
		margin: 0;
		padding: 0;
		width: 38px;
		height: 40px;
		font-size: 36px;
		line-height: 40px;
		font-family: $font_family_18;
		position: $pos-abs;
		top: 5px;
		right: 8px;
		cursor: pointer;
		color: $color_103;
		-webkit-transition: color .1s ease;
		transition: color .1s ease;
		&:hover {
			color: $color_621;
		}
	}
	>.swal2-input {
		display: none;
	}
	>.swal2-file {
		display: none;
	}
	>.swal2-textarea {
		display: none;
	}
	>.swal2-select {
		display: none;
	}
	>.swal2-radio {
		display: none;
	}
	>.swal2-checkbox {
		display: none;
	}
	.swal2-content {
		font-size: 18px;
		text-align: $align-center;
		font-weight: 300;
		position: $pos-rel;
		float: none;
		margin: 0;
		padding: 0;
		line-height: normal;
		color: $additional-color-5 !important;
		word-wrap: break-word;
	}
	.swal2-input {
		margin: 20px auto;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 18px;
		border-radius: 5px;
		border: 1px $solid $light-gray;
		-webkit-box-shadow: inset 0px 3px 25px 0px rgba(113, 106, 202, 0.1);
		box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.1);
		-webkit-transition: border-color box-shadow .3s;
		transition: border-color box-shadow .3s;
		height: 43px;
		padding: 0 12px;
		&:focus {
			outline: none;
			border: 1px $solid #3b3f5c;
			-webkit-box-shadow: 0 0 3px #c4e6f5;
			box-shadow: 0 0 3px #c4e6f5;
			&::-webkit-input-placeholder {
				-webkit-transition: opacity .3s .03s ease;
				transition: opacity .3s .03s ease;
				opacity: .8;
			}
			&::-moz-placeholder {
				-webkit-transition: opacity .3s .03s ease;
				transition: opacity .3s .03s ease;
				opacity: .8;
			}
			&:-ms-input-placeholder {
				-webkit-transition: opacity .3s .03s ease;
				transition: opacity .3s .03s ease;
				opacity: .8;
			}
			&::placeholder {
				-webkit-transition: opacity .3s .03s ease;
				transition: opacity .3s .03s ease;
				opacity: .8;
			}
		}
		&::-webkit-input-placeholder {
			color: $light-gray;
		}
		&::-moz-placeholder {
			color: $light-gray;
		}
		&:-ms-input-placeholder {
			color: $light-gray;
		}
		&::placeholder {
			color: $light-gray;
		}
	}
	.swal2-file {
		margin: 20px auto;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 18px;
		border-radius: 5px;
		border: 1px $solid $light-gray;
		-webkit-box-shadow: inset 0px 3px 25px 0px rgba(113, 106, 202, 0.1);
		box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.1);
		-webkit-transition: border-color box-shadow .3s;
		transition: border-color box-shadow .3s;
		font-size: 16px;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 18px;
		border-radius: 0;
		outline: none;
		border: 1px $solid $light-gray;
		-webkit-box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.1);
		box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.1);
		-webkit-transition: border-color box-shadow .3s;
		transition: border-color box-shadow .3s;
		&:focus {
			outline: none;
			-webkit-box-shadow: 0 0 3px #c4e6f5;
			box-shadow: 0 0 3px #c4e6f5;
			&::-webkit-input-placeholder {
				-webkit-transition: opacity .3s .03s ease;
				transition: opacity .3s .03s ease;
				opacity: .8;
			}
			&::-moz-placeholder {
				-webkit-transition: opacity .3s .03s ease;
				transition: opacity .3s .03s ease;
				opacity: .8;
			}
			&:-ms-input-placeholder {
				-webkit-transition: opacity .3s .03s ease;
				transition: opacity .3s .03s ease;
				opacity: .8;
			}
			&::placeholder {
				-webkit-transition: opacity .3s .03s ease;
				transition: opacity .3s .03s ease;
				opacity: .8;
			}
		}
		&::-webkit-input-placeholder {
			color: $light-gray;
		}
		&::-moz-placeholder {
			color: $light-gray;
		}
		&:-ms-input-placeholder {
			color: $light-gray;
		}
		&::placeholder {
			color: $light-gray;
		}
	}
	.swal2-textarea {
		margin: 20px auto;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 18px;
		border-radius: 5px;
		border: 1px $solid $light-gray;
		-webkit-box-shadow: inset 0px 3px 25px 0px rgba(113, 106, 202, 0.1);
		box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.1);
		-webkit-transition: border-color box-shadow .3s;
		transition: border-color box-shadow .3s;
		height: 108px;
		padding: 12px;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 18px;
		border-radius: 0;
		border: 1px $solid $light-gray;
		-webkit-box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.1);
		box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.1);
		-webkit-transition: border-color box-shadow .3s;
		transition: border-color box-shadow .3s;
		&:focus {
			outline: none;
			border: 1px $solid #3b3f5c;
			-webkit-box-shadow: 0 0 3px #c4e6f5;
			box-shadow: 0 0 3px #c4e6f5;
			&::-webkit-input-placeholder {
				-webkit-transition: opacity .3s .03s ease;
				transition: opacity .3s .03s ease;
				opacity: .8;
			}
			&::-moz-placeholder {
				-webkit-transition: opacity .3s .03s ease;
				transition: opacity .3s .03s ease;
				opacity: .8;
			}
			&:-ms-input-placeholder {
				-webkit-transition: opacity .3s .03s ease;
				transition: opacity .3s .03s ease;
				opacity: .8;
			}
			&::placeholder {
				-webkit-transition: opacity .3s .03s ease;
				transition: opacity .3s .03s ease;
				opacity: .8;
			}
		}
		&::-webkit-input-placeholder {
			color: $light-gray;
		}
		&::-moz-placeholder {
			color: $light-gray;
		}
		&:-ms-input-placeholder {
			color: $light-gray;
		}
		&::placeholder {
			color: $light-gray;
		}
	}
	.swal2-select {
		margin: 20px auto;
		color: $additional-color-6;
		font-size: inherit;
		padding: 5px 10px;
		min-width: 40%;
		max-width: 100%;
		border: 1px $solid $light-gray;
		outline: none;
	}
	.swal2-radio {
		margin: 20px auto;
		border: 0;
		label {
			&:not(:first-child) {
				margin-left: 20px;
			}
		}
		input {
			vertical-align: middle;
			outline: none;
			margin: 0 6px 0 0;
		}
		span {
			vertical-align: middle;
			outline: none;
		}
	}
	.swal2-checkbox {
		margin: 20px auto;
		color: $color_56;
		input {
			vertical-align: middle;
			outline: none;
		}
		span {
			vertical-align: middle;
			outline: none;
		}
	}
	.swal2-input.swal2-inputerror {
		border-color: $color_56 !important;
		-webkit-box-shadow: 0 0 2px #f27474 !important;
		box-shadow: 0 0 2px #f27474 !important;
	}
	.swal2-file.swal2-inputerror {
		border-color: $color_56 !important;
		-webkit-box-shadow: 0 0 2px #f27474 !important;
		box-shadow: 0 0 2px #f27474 !important;
	}
	.swal2-textarea.swal2-inputerror {
		border-color: $color_56 !important;
		-webkit-box-shadow: 0 0 2px #f27474 !important;
		box-shadow: 0 0 2px #f27474 !important;
	}
	.swal2-range {
		input {
			float: left;
			width: 80%;
			height: 43px;
			line-height: 41px;
			vertical-align: middle;
			margin: 20px auto;
			padding: 0;
			outline: none;
		}
		output {
			float: right;
			width: 20%;
			font-size: 20px;
			font-weight: 600;
			text-align: $align-center;
			height: 43px;
			line-height: 41px;
			vertical-align: middle;
			margin: 20px auto;
			padding: 0;
			outline: none;
		}
	}
	.swal2-input[type='number'] {
		max-width: 150px;
	}
	.swal2-validationerror {
		background-color: $color_54;
		margin: 0 -20px;
		overflow: hidden;
		padding: 10px;
		color: $additional-color-6;
		font-size: 15px;
		font-weight: 300;
		display: none;
		&::before {
			font-family: $font_family_1 !important;
			content: '\f231';
			display: inline-block;
			width: 24px;
			height: 24px;
			border-radius: 50%;
			color: $color_56;
			line-height: 28px;
			text-align: $align-center;
			margin-right: 12px;
			font-size: 24px;
		}
	}
}
.swal2-modal.swal2-loading {
	overflow-y: hidden;
}
.swal2-modal.background-modal {
	.swal2-title {
		color: $white !important;
	}
}
.swal2-popup {
	.swal2-actions.swal2-loading {
		.swal2-styled.swal2-confirm {
			background-image: none !important;
			margin: 0 .3125em !important;
			padding: 0 !important;
		}
	}
	.swal2-styled {
		&:focus {
			box-shadow: none !important;
		}
	}
}
.swal2-icon {
	width: 80px;
	height: 80px;
	border: 4px $solid $color_none;
	border-radius: 50%;
	margin: 20px auto 30px;
	padding: 0;
	position: $pos-rel;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	&:not(.swal2-animate-error-icon) {
		&:not(.swal2-animate-success-icon) {
			width: 2em !important;
			line-height: 119px !important;
			height: 2em !important;
			margin: 0.25em auto 0.875em !important;
		}
	}
}
.swal2-icon.swal2-error {
	border-color: $color_56 !important;
	border: 5px $solid #f1f3f1 !important;
	box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.2);
	.swal2-x-mark {
		position: $pos-rel;
		display: block;
	}
	[class^='swal2-x-mark-line'] {
		position: $pos-abs;
		height: 5px;
		width: 47px;
		background-color: $color_56 !important;
		display: block;
		top: 37px;
		border-radius: 2px;
	}
	[class^='swal2-x-mark-line'][class$='left'] {
		-webkit-transform: $rotate-45deg;
		transform: $rotate-45deg;
		left: 17px;
	}
	[class^='swal2-x-mark-line'][class$='right'] {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		right: 16px;
	}
}
.swal2-icon.swal2-warning {
	font-family: $font_family_17;
	color: $color_88 !important;
	border: 5px $solid #f1f3f1 !important;
	box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.2);
	font-size: 60px;
	line-height: 80px;
	text-align: $align-center;
}
.swal2-icon.swal2-info {
	font-family: $font_family_2;
	color: $color_57 !important;
	border: 5px $solid #f1f3f1 !important;
	box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.2);
	font-size: 60px;
	line-height: 80px;
	text-align: $align-center;
}
.swal2-icon.swal2-question {
	font-family: $font_family_17;
	color: $color_47 !important;
	border: $solid 5px $light-gray !important;
	border-color: $no-color !important;
	text-align: $align-center;
	box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.2);
}
.swal2-icon-text {
	font-size: 5.75rem !important;
}
.swal2-icon.swal2-success {
	border-color: $color_620;
	[class^='swal2-success-circular-line'] {
		border-radius: 50%;
		position: $pos-abs;
		width: 60px;
		height: 120px;
		-webkit-transform: $rotate-45deg;
		transform: $rotate-45deg;
	}
	[class^='swal2-success-circular-line'][class$='left'] {
		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;
	}
	[class^='swal2-success-circular-line'][class$='right'] {
		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;
	}
	.swal2-success-ring {
		width: 80px;
		height: 80px;
		border: 5px $solid #f1f3f1 !important;
		box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.2);
		border-radius: 50%;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		position: $pos-abs;
		left: -4px;
		top: -4px;
		z-index: 2;
	}
	.swal2-success-fix {
		width: 7px;
		height: 90px;
		position: $pos-abs;
		left: 28px;
		top: 8px;
		z-index: 1;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	[class^='swal2-success-line'] {
		height: 5px;
		background-color: $color_84 !important;
		display: block;
		border-radius: 2px;
		position: $pos-abs;
		z-index: 2;
	}
	[class^='swal2-success-line'][class$='tip'] {
		width: 25px;
		left: 14px;
		top: 46px;
		-webkit-transform: $rotate-45deg;
		transform: $rotate-45deg;
	}
	[class^='swal2-success-line'][class$='long'] {
		width: 47px;
		right: 8px;
		top: 38px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}
.swal2-progresssteps {
	font-weight: 600;
	margin: $m-0 $m-0 $m-20;
	padding: $p-0;
	li {
		display: inline-block;
		position: $pos-rel;
	}
	.swal2-progresscircle {
		background: $color_57;
		border-radius: 2em;
		color: $white;
		height: 2em;
		line-height: 2em;
		text-align: $align-center;
		width: 2em;
		z-index: 20;
		&:first-child {
			margin-left: 0;
		}
		&:last-child {
			margin-right: 0;
		}
	}
	.swal2-progresscircle.swal2-activeprogressstep {
		background: #25d5e4 !important;
		&~.swal2-progresscircle {
			background: $light-gray !important;
		}
		&~.swal2-progressline {
			background: $light-gray !important;
		}
	}
	.swal2-progressline {
		background: $color_57;
		height: .4em;
		margin: 0 -1px;
		z-index: 10;
	}
}
[class^='swal2'] {
	-webkit-tap-highlight-color: $color_none;
}
.swal2-show {
	-webkit-animation: showSweetAlert 0.3s;
	animation: showSweetAlert 0.3s;
}
.swal2-show.swal2-noanimation {
	-webkit-animation: none;
	animation: none;
}
.swal2-hide {
	-webkit-animation: hideSweetAlert 0.15s forwards;
	animation: hideSweetAlert 0.15s forwards;
}
.swal2-hide.swal2-noanimation {
	-webkit-animation: none;
	animation: none;
}
.swal2-animate-success-line-tip {
	-webkit-animation: animate-success-tip 0.75s;
	animation: animate-success-tip 0.75s;
}
.swal2-animate-success-line-long {
	-webkit-animation: animate-success-long 0.75s;
	animation: animate-success-long 0.75s;
}
.swal2-success.swal2-animate-success-icon {
	.swal2-success-circular-line-right {
		-webkit-animation: rotatePlaceholder 4.25s ease-in;
		animation: rotatePlaceholder 4.25s ease-in;
	}
}
.swal2-animate-error-icon {
	-webkit-animation: animate-error-icon 0.5s;
	animation: animate-error-icon 0.5s;
}
.swal2-animate-x-mark {
	-webkit-animation: animate-x-mark 0.5s;
	animation: animate-x-mark 0.5s;
}
@media all and (-ms-high-contrast: none) {
	.swal2-range {
		input {
			width: 100% !important;
		}
		output {
			display: none;
		}
	}
}
@media (-ms-high-contrast: active) {
	.swal2-range {
		input {
			width: 100% !important;
		}
		output {
			display: none;
		}
	}
}
@media (max-width: 575px) {
	.background-modal {
		padding: 5em 4em !important;
	}
}