.customSweerAlertContainer {
	font-family: OpenSans-Regular, Serif, Sans-serif, cursive, fantasy, Monospace !important;
}

.button-warning-swal {
	font-family: OpenSans-Regular, Serif, Sans-serif, cursive, fantasy, Monospace !important;
	color: #FFFFFF !important;
}

/* Anchos porcentajes */
.w-1 { width: 10%  !important; }
.w-2 { width: 20%  !important; }
.w-3 { width: 30%  !important; }
.w-4 { width: 40%  !important; }
.w-5 { width: 50%  !important; }
.w-6 { width: 60%  !important; }
.w-7 { width: 70%  !important; }
.w-8 { width: 80%  !important; }
.w-9 { width: 90%  !important; }
.w-10 { width: 100%  !important; }

/* Anchos pantalla */
.vw-1 { width: 10vw  !important; }
.vw-2 { width: 20vw  !important; }
.vw-3 { width: 30vw  !important; }
.vw-4 { width: 40vw  !important; }
.vw-5 { width: 50vw  !important; }
.vw-6 { width: 60vw  !important; }
.vw-7 { width: 70vw  !important; }
.vw-8 { width: 80vw  !important; }
.vw-9 { width: 90vw  !important; }
.vw-10 { width: 100vw  !important; }

/* Margenes */
/* all */
.m-0 { margin: 0 !important; }
.m-1 { margin: 10px !important; }
.m-2 { margin: 20px !important; }
.m-3 { margin: 30px !important; }
.m-4 { margin: 40px !important; }
.m-5 { margin: 50px !important; }
.m-6 { margin:60px !important; }
.m-7 { margin:70px !important; }
.m-8 { margin: 80px !important; }
.m-9 { margin:90px !important; }
.m-10 { margin: 100px !important; }
.m-0 { margin: 0 !important; }
/* top */
.mt-1 { margin-top: 10px !important; }
.mt-2 { margin-top: 20px !important; }
.mt-3 { margin-top: 30px !important; }
.mt-4 { margin-top: 40px !important; }
.mt-5 { margin-top: 50px !important; }
.mt-6 { margin-top:60px !important; }
.mt-7 { margin-top:70px !important; }
.mt-8 { margin-top: 80px !important; }
.mt-9 { margin-top:90px !important; }
.mt-10 { margin-top: 100px !important; }
/* bottom */
.mb-1 { margin-bottom: 10px !important; }
.mb-2 { margin-bottom: 20px !important; }
.mb-3 { margin-bottom: 30px !important; }
.mb-4 { margin-bottom: 40px !important; }
.mb-5 { margin-bottom: 50px !important; }
.mb-6 { margin-bottom:60px !important; }
.mb-7 { margin-bottom:70px !important; }
.mb-8 { margin-bottom: 80px !important; }
.mb-9 { margin-bottom:90px !important; }
.mb-10 { margin-bottom: 100px !important; }
/* left */
.ml-1 { margin-left: 10px !important; }
.ml-2 { margin-left: 20px !important; }
.ml-3 { margin-left: 30px !important; }
.ml-4 { margin-left: 40px !important; }
.ml-5 { margin-left: 50px !important; }
.ml-6 { margin-left:60px !important; }
.ml-7 { margin-left:70px !important; }
.ml-8 { margin-left: 80px !important; }
.ml-9 { margin-left:90px !important; }
.ml-10 { margin-left: 100px !important; }
/* right */
.mr-1 { margin-right: 10px !important; }
.mr-2 { margin-right: 20px !important; }
.mr-3 { margin-right: 30px !important; }
.mr-4 { margin-right: 40px !important; }
.mr-5 { margin-right: 50px !important; }
.mr-6 { margin-right:60px !important; }
.mr-7 { margin-right:70px !important; }
.mr-8 { margin-right: 80px !important; }
.mr-9 { margin-right:90px !important; }
.mr-10 { margin-right: 100px !important; }

/* Padding */
/* all */
.p-0 { padding: 0 !important; }
.p-1 { padding: 10px !important; }
.p-2 { padding: 20px !important; }
.p-3 { padding: 30px !important; }
.p-4 { padding: 40px !important; }
.p-5 { padding: 50px !important; }
.p-6 { padding:60px !important; }
.p-7 { padding:70px !important; }
.p-8 { padding: 80px !important; }
.p-9 { padding:90px !important; }
.p-10 { padding: 100px !important; }
.p-0 { padding: 0 !important; }
/* top */
.pt-1 { padding-top: 10px !important; }
.pt-2 { padding-top: 20px !important; }
.pt-3 { padding-top: 30px !important; }
.pt-4 { padding-top: 40px !important; }
.pt-5 { padding-top: 50px !important; }
.pt-6 { padding-top:60px !important; }
.pt-7 { padding-top:70px !important; }
.pt-8 { padding-top: 80px !important; }
.pt-9 { padding-top:90px !important; }
.pt-10 { padding-top: 100px !important; }
/* bottom */
.pb-1 { padding-bottom: 10px !important; }
.pb-2 { padding-bottom: 20px !important; }
.pb-3 { padding-bottom: 30px !important; }
.pb-4 { padding-bottom: 40px !important; }
.pb-5 { padding-bottom: 50px !important; }
.pb-6 { padding-bottom:60px !important; }
.pb-7 { padding-bottom:70px !important; }
.pb-8 { padding-bottom: 80px !important; }
.pb-9 { padding-bottom:90px !important; }
.pb-10 { padding-bottom: 100px !important; }
/* left */
.pl-1 { padding-left: 10px !important; }
.pl-2 { padding-left: 20px !important; }
.pl-3 { padding-left: 30px !important; }
.pl-4 { padding-left: 40px !important; }
.pl-5 { padding-left: 50px !important; }
.pl-6 { padding-left:60px !important; }
.pl-7 { padding-left:70px !important; }
.pl-8 { padding-left: 80px !important; }
.pl-9 { padding-left:90px !important; }
.pl-10 { padding-left: 100px !important; }
/* right */
.pr-1 { padding-right: 10px !important; }
.pr-2 { padding-right: 20px !important; }
.pr-3 { padding-right: 30px !important; }
.pr-4 { padding-right: 40px !important; }
.pr-5 { padding-right: 50px !important; }
.pr-6 { padding-right:60px !important; }
.pr-7 { padding-right:70px !important; }
.pr-8 { padding-right: 80px !important; }
.pr-9 { padding-right:90px !important; }
.pr-10 { padding-right: 100px !important; }

.focusError {
	/* animation-duration: 3s;
	animation-name: focusError;
	animation-iteration-count: infinite;
	animation-direction: alternate; */
	animation: 1s infinite alternate focusErrorAnimation;
}

.focusErrorBorder {
	border-radius: 25px;
	animation: 1s infinite alternate focusErrorAnimation;
}

.indicateWarning {
	animation: 1s infinite alternate indicateWarningAnimation;
}

/* @keyframes focusErrorAnimation {
	from {
		box-shadow: 0 0 10px 5px red;
	}

	to {
		box-shadow: 0 0 10px 5px blue;
	}
} */
@keyframes focusErrorAnimation {
	from {
		box-shadow: 0 0 0px 0px red;
	}

	to {
		box-shadow: 0 0 10px 0px red;
	}
}

@keyframes indicateWarningAnimation {
	from {
		box-shadow: 0 0 0px 0px #2DC84D;
	}

	to {
		/* box-shadow: 0 0 10px 0px #2DC84D; */
		box-shadow: 0px 0px 10px 10px #2DC84D;
	}
}