.form-control {
		font-size: 1.4rem;
	}

.fluid-group .form-label {
	position: absolute;
	top: var(--fluid-label-top--placeholder);
	left: var(--fluid-label-left--placeholder);
	font-size: var(--fluid-label-fontSize--placeholder);
	pointer-events: none;
	color: var(--fluid-label-color);
	z-index: 1;
}

:is(.fluid-g-input, .fluid-g-radio) .form-label,
.fluid-g-radio .form-label,
.fluid-group input:focus + .form-label,
.fluid-group input[value]:not([value=""]) + .form-label {
	transition: var(--fluid-label-transition);
}

:is(.fluid-g-input, .fluid-g-radio).focus .form-label,
.fluid-group input:focus + .form-label,
.fluid-group input[value]:not([value=""]) + .form-label,
.fluid-group.focused .form-label {
	top: var(--fluid-label-top--focused);
	left: var(--fluid-label-left--focused);
	font-size: var(--fluid-label-fontSize--focused);
}

/* 	fluid form groups	*/
/*	----------------	*/
.fluid-group {
	position: relative;
	/* margin-bottom: 1rem; */
	margin-bottom: 1.5rem;
}

#payment .fluid-group .form-control:disabled {
	border-color: var(--fluid-input-borderColor--disabled);
	background-color: var(--fluid-input-backgroundColor--disabled);
}

	.fluid-group i {
		position: absolute;
		right: 10px;
		top: 16px;
	}
	i.togglePassword {
		display: none;
		color: darkgray;
	}

.fluid-group .togglePassword {
	top: 7px;
}

.fluid-group .remaining {
	position: absolute;
	right: 5px;
    top: 3px;
	font-size: 9px;
	color: #ababab;
}

	.fluid-g-radio,
	.fluid-g-input input,
	.fluid-g-select select {
		padding: 22px 10px 10px 10px;
	    height: 45px;
	}
	:is(.IE, .MSIE) .fluid-g-radio,
	:is(.IE, .MSIE) .fluid-g-input input,
	:is(.IE, .MSIE) .fluid-g-select select {
		padding-top: 16px;
	}
	.fluid-group-multi {
		max-width: 302px;
		margin: auto;
	}
	.fluid-group-multi .form-group:first-of-type input,
	.fluid-group-multi .form-group:first-of-type select {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.fluid-group-multi .form-group:not(:first-of-type) input,
	.fluid-group-multi .form-group:not(:first-of-type) select {
/* 	 	margin-left: -1px; */
/* 	 	width: 100.5%; */
	 	width: 100%;
    	border-left: 0;
	}
	.fluid-group-multi .form-group:not(:first-of-type):not(:last-of-type) input,
	.fluid-group-multi .form-group:not(:first-of-type):not(:last-of-type) select {
		border-radius: 0;
	}
	.fluid-group-multi .form-group:last-of-type input,
	.fluid-group-multi .form-group:last-of-type select {
	 	border-top-left-radius: 0;
	 	border-bottom-left-radius: 0;
	}
	/* 	validation states	*/
	/*	----------------	*/
	.fluid-group.focus .form-label {
		font-size: 1.1rem;
		top: 5px;
		left: 10px;
	}
	.fluid-group:is(
		.error,
		.Weak,
		[data-error='Weak'],
		.Invalid,
		[data-error='Invalid'],
		[data-error='Must be 9 digits'],
		[data-error='Must be a number']
	 ) :is(.form-label, cite) {
		color: var(--fluid-color--weak);
	}
	/* cite[data-value=Invalid] {
		animation: animate-error 250ms forwards;
	} */
	.fluid-group:is(
		.error,
		.Weak,
		[data-error='Weak'],
		.Invalid,
		[data-error='Invalid'],
		[data-error='Must be 9 digits'],
		[data-error='Must be a number']
	 ) input {
		border-color: var(--fluid-color--weak);
		background-color: #fdf6f4;
	}
	.fluid-meter {
		position: absolute;
	    bottom: 0;
	    left: 1px;
	    height: 3px;
	    font-size: 7px;
	    text-transform: uppercase;
	    color: #fff;
	    text-align: right;
	    padding-right: 10px;
	    border-radius: .25rem;
	}
	.fluid-meter.Weak {
		background-color: var(--fluid-color--weak);
	}
	.fluid-meter.Fair {
		background-color: goldenrod;
	}
	.fluid-meter.Good {
		background-color: green;
	}
	.fluid-meter.Strong {
		background-color: limegreen;
	}
/*
 * 	radios
 */
	.fluid-group .radios {
	    margin-top: -3px;
	    display: none;
	}
	.fluid-group .radios label {
		margin-left: 3%;
	}
	.fluid-group .radios label:first-of-type {
		margin-left: 0;
	}
	.fluid-group input[type=radio] {
		vertical-align: middle;
	    margin-top: -2px;
	}
	.fluid-g-radio i {
		color: darkgray;
	}

/*
 * 	selects
 */
	.fluid-group select {
		color: #fff;
		padding: 20px !important;
		-webkit-appearance: none;
		   -moz-appearance: none;
			-ms-appearance: none;
			 -o-appearance: none;
				appearance: none;
	}
	.fluid-group .selectVal {
	    position: absolute;
	    left: 1rem;
	    top: 2rem;
	/* top: 1.3rem; */
	    background: #fff;
	pointer-events: none;
}

.fluid-group.disabled .selectVal {
	background-color: transparent;
	}
/* 	.fluid-group .vrule { */
/* 	    border-left: 1px solid gainsboro; */
/* 	    display: block; */
/* 	    width: 2.5em; */
/* 	    height: 40%; */
/* 	    pointer-events: none; */
/* 	    position: absolute; */
/* 	    top: 50%; */
/* 	    right: 5px; */
/* 	    padding: 3px 0 0 9px; */
/* 	    color: gainsboro; */
/* 	    font-size: 10px; */
/* 		transform: translate(0%, -50%); */
/* 	} */
	.fluid-group .vrule:after {
/* 		content: " \f078"; */
/* 		content: "\f0d7"; */
		font-family: 'FontAwesome';
	}

.fluid-group .vrule {
	/* Use with Font Awesome CDN. Give vrule class of 'fa fa-caret-down' */
	
	    border-left: 1px solid gainsboro;
	    display: block;
	    width: 1.5em;
	    height: 51%;
	    pointer-events: none;
	    position: absolute;
	    top: 50%;
	    right: 10px;
	    padding: 3px 0 0 9px;
	    color: darkgray;
	    font-size: 16px;
	    transform: translate(0%, -50%);
	}
.fluid-group .remaining {
	position: absolute;
	right: 5px;
    top: 3px;
	font-size: 9px;
	color: #ababab;
}
.fluid-group .togglePassword {
	top: 7px;
}
@media screen and (min-width: 768px) {
	.fluid-group-multi .l-md-edgeAdjust {
		margin-left: -1px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
}