$lui-full-input-background-color: whitesmoke;
$lui-full-input-border-radius: $border-radius;
$lui-full-input-border-color: darken($border-color, 10);
$lui-full-input-box-shadow: inset 0 1px 3px rgba(black,0.06);
$lui-full-input-color: $grey-900;
$lui-full-input-border-color-hover: $primary-1-color;
$lui-full-input-border-color-focus: $primary-1-color;
$lui-full-input-box-shadow-focus: $lui-full-input-box-shadow, 0 0 5px rgba(darken($lui-full-input-border-color-focus, 5), 0.7);
$lui-full-input-focus-color: $primary-1-color;


$lui-full-input-inverse-background-color: $grey-800;
$lui-full-input-inverse-border-radius: $border-radius;
$lui-full-input-inverse-border-color: $grey-900;
$lui-full-input-inverse-box-shadow: inset 0 1px 3px rgba(black,0.06);
$lui-full-input-inverse-color: $white;
$lui-full-input-inverse-border-color-hover: none;
$lui-full-input-inverse-border-color-focus: $primary-1-color;
$lui-full-input-inverse-box-shadow-focus: $lui-full-input-inverse-box-shadow, 0 0 5px rgba(darken($lui-full-input-inverse-border-color-focus, 5), 0.7);
$lui-full-input-inverse-focus-color: $primary-1-color;

.lui-full-input {
	@include transition(border-color);
	@extend %lui-font-style-input;
	box-sizing: border-box;
	background-color: $lui-full-input-background-color;
	border-radius: $lui-full-input-border-radius;
	border: 0px solid $lui-full-input-border-color;
	box-shadow: $lui-full-input-box-shadow;
	width: 100%;
	color: $lui-full-input-color;

	&:hover {
		border-color: $lui-full-input-border-color-hover;
	}

	&:focus {
		border-color: $lui-full-input-border-color-focus;
		box-shadow: $lui-full-input-box-shadow-focus;
		color: $lui-full-input-focus-color;
		outline: none;
	}

	&.inverse {

		background-color: $lui-full-input-inverse-background-color;
		border-radius: $lui-full-input-inverse-border-radius;
		border: 1px solid $lui-full-input-inverse-border-color;
		box-shadow: $lui-full-input-inverse-box-shadow;
		color: $lui-full-input-inverse-color;

		&:hover {
			border-color: $lui-full-input-inverse-border-color-hover;
		}

		&:focus {
			border-color: $lui-full-input-inverse-border-color-focus;
			box-shadow: $lui-full-input-inverse-box-shadow-focus;
			color: $lui-full-input-inverse-focus-color;
		}

	}

 }