select.ipt_uif_select.ipt_uif_select_native {
	background-color: transparent;
	border: none;
	border-bottom: $input-border;
	border-radius: 0;
	outline: none;
	height: $input-height;
	width: 100%;
	font-size: $input-font-size;
	margin: $input-margin;
	padding: $input-padding;
	box-shadow: none;
	box-sizing: content-box;
	transition: $input-transition;
	color: $primary-text-color;

	// Disabled input style
	&:disabled {
		color: $input-disabled-color;
		border-bottom: $input-disabled-border;
	}

	// Focused input style
	&:focus:not([disabled]) {
		border-bottom: 1px solid $input-focus-color;
		box-shadow: 0 1px 0 0 $input-focus-color;
		color: $secondary-text-color;
		background-color: transparent;
	}

	// Focused label style
	&:focus:not([disabled]) + label {
		color: $input-focus-color;
	}

	// Valid Input Style
	&.valid,
	&:focus.valid {
		border-bottom: 1px solid $input-success-color;
		box-shadow: 0 1px 0 0 $input-success-color;
	}

	// Invalid Input Style
	&.invalid,
	&:focus.invalid {
		border-bottom: $input-invalid-border;
		box-shadow: 0 1px 0 0 $input-error-color;
	}

	// Overrides for boxy design
	&.eform-override-element-boxy {
		border: $input-border;
		border-radius: 4px;
		box-shadow: inset 0 1px 2px fade-out($input-border-color, 0.7),
		0 0 0 0 transparent;
		padding-left: 0.5em;
		padding-right: 0.5em;
		width: calc(100% - 1em - 2px);
		@include material__smooth-tran();

		// Disabled input style
		&:disabled {
			color: $input-disabled-color;
			border: $input-disabled-border;
		}

		// Focused input style
		&:focus:not([disabled]) {
			border-color: $input-focus-color;
			box-shadow: inset 0 0 0 transparent,
			0 0 0 0.2em fade-out($input-focus-color, 0.75);
			color: $secondary-text-color;
		}

		// Valid Input Style
		&.valid {
			border-color: $input-success-color;
			&:focus {
				border-color: $input-success-color;
				box-shadow: inset 0 0 0 transparent,
				0 0 0 0.2em fade-out($input-success-color, 0.75);
			}
		}

		// Invalid Input Style
		&.invalid {
			border-color: $input-error-color;
			&:focus {
				border-color: $input-error-color;
				box-shadow: inset 0 0 0 transparent,
				0 0 0 0.2em fade-out($input-error-color, 0.75);
			}
		}
	}
}