/*
--- Form Floating ---
*/

.form-control {
	background-color: var(--bg-main);
	font-size: 0.875rem;
	color: var(--color-main);
	border: none;
	border-bottom: 1px solid var(--color-gray);
	border-radius: 0;
	/*
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	*/
	-webkit-box-shadow: none !important;
			box-shadow: none !important;
}

.form-control:focus {
	background-color: var(--bg-main);
	color: var(--color-main);
	border-color: var(--color-teal);
	outline: 0;
	/*
	-webkit-box-shadow: 0 0 0 0.30rem rgba(81, 56, 238, 0.25);
			box-shadow: 0 0 0 0.30rem rgba(81, 56, 238, 0.25);	
	*/
	
	-webkit-box-shadow: none !important;
			box-shadow: none !important;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
	height: calc(2rem + calc(var(--bs-border-width) * 2));
	min-height: calc(2rem + calc(var(--bs-border-width) * 2));
}

.form-floating > label {
	color: var(--color-gray);
	font-size: 0.875rem;
}

.form-floating > .form-control, 
.form-floating > .form-control-plaintext, 
.form-floating > .form-select, 
.form-floating > label {
	padding: .375rem .75rem;
}

.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
	padding-top: 0.75rem;
	padding-bottom: 0.35rem;
}

.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
	padding-top: 0.75rem;
	padding-bottom: 0.35rem;
}

.form-floating > .form-control:focus {
	background-color: var(--bg-transparent);
	border-bottom: 1px solid var(--color-teal);
}

.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
	padding-top: 0.75rem;
	padding-bottom: 0.35rem;
}

.form-floating > .form-select {
	padding-top: 0.75rem;
	padding-bottom: 0.35rem;
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
	color: var(--color-gray);
	transform: scale(.65) translateY(-.5rem) translateX(.15rem);
}

.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
	background-color: var(--bg-transparent);
}

.input-group-text {
	background-color: #070831;
	color: #848484;
	border: none;
	border-bottom: 1px solid var(--color-gray);
	border-radius: 0;
}

#form_transfer_confirm .input-group-text  {
    color: #cccccc;
}

.form-floating-sm > label {
	font-size: 0.75rem;
}

.form-floating-sm > .form-control,
.form-floating-sm > .form-control-plaintext,
.form-floating-sm > .form-select {
	height: calc(1.563rem + calc(var(--bs-border-width) * 2));
	min-height: calc(1.563rem + calc(var(--bs-border-width) * 2));
}

.form-floating-sm > .form-control, 
.form-floating-sm > .form-control-plaintext, 
.form-floating-sm > .form-select, 
.form-floating-sm > label {
	padding: .275rem .35rem;
}

.form-floating-sm > .form-control:focus ~ label,
.form-floating-sm > .form-control:not(:placeholder-shown) ~ label,
.form-floating-sm > .form-control-plaintext ~ label,
.form-floating-sm > .form-select ~ label {
	transform: scale(.7) translateY(-.5rem) translateX(.15rem);
}

.input-group-text-sm {
	font-size: 0.75rem;
	padding: .275rem .35rem;
}
.password-eye-form-floating {
	position: absolute;
	right: 0;
	top: 0;
	color: var(--color-gray);
}
.form-control.with-eye.is-invalid, 
.was-validated .form-control.with-eye:invalid {
	background-position: right 1.5em center;
}