input:-webkit-autofill ~ label,
input:-webkit-autofill ~ .form-validation {
	color: #000 !important;
}
.form-label-outside ~ .form-validation {
	top: 10px;
}

[data-x-mode='true'] .form-label {
	pointer-events: auto;
}

.form-validation {
	position: absolute;
	right: 15px;
	top: 0;
	z-index: 11;
	margin-top: 3px;
	font-size: 11px;
	font-weight: 500;
	line-height: 12px;
	letter-spacing: 0;
	color: #dc0000;
	transition: .3s;
	transform: scale3d(1, 1, 1);
}

.form-validation:empty {
	transform: scale3d(1, 0, 1);
}

.form-validation-left .form-validation {
	top: 2px;
	bottom: auto;
	right: auto;
	left: 14px;
}

.form-sm .form-validation {
	top: -16px;
}

.form-group.has-error .form-control {
    border-color: #dc0000;
}

.form-group.has-focus .form-control {
    border-color: #E31F1C;
}
.ancho-100 {
	width: 100%;
	/*margin-bottom: 24px;  esto si en el caso se necesita espacion ente inputs */
}
/*
*
* Snackbars
*/
.snackbars {
	padding: 9px 16px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	text-align: left;
	background-color: #ffbb2f;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	font-size: 14px;
}

.snackbars .icon-xxs {
	font-size: 18px;
}

.snackbars p span:last-child {
	padding-left: 14px;
}

.snackbars-left {
	display: inline-block;
	margin-bottom: 0;
}

.snackbars-right {
	display: inline-block;
	float: right;
	text-transform: uppercase;
}

.snackbars-right:hover {
	text-decoration: underline;
}

@media (min-width: 576px) {
	.snackbars {
		max-width: 540px;
		padding: 12px 15px;
		font-size: 15px;
	}
}

#form-output-global {
	position: fixed;
	bottom: 30px;
	left: 15px;
	z-index: 2000;
	visibility: hidden;
	transform: translate3d(-500px, 0, 0);
	transition: .3s all ease;
}

#form-output-global.active {
	visibility: visible;
	transform: translate3d(0, 0, 0);
}

@media (min-width: 576px) {
	#form-output-global {
		left: 30px;
	}
}



.d-none {
	display: none;
}

.justify {
	text-align: justify;
}

.content-center {
	justify-content: center;
}