$lui-flat-split-button-border: $grey-300;
$lui-flat-split-drop-down-button-color: $grey-500;

$lui-flat-split-button-primary-border: rgba($accent-1-color, 0.3);
$lui-flat-split-drop-down-button-primary-color: $accent-1-color;

$lui-flat-split-button-secondary-border: rgba($primary-1-color, 0.3);
$lui-flat-split-drop-down-button-secondary-color: $primary-1-color;

$lui-flat-split-button-success-border: rgba($success, 0.3);
$lui-flat-split-drop-down-button-success-color: $success;

$lui-flat-split-button-alert-border: rgba($alert, 0.3);
$lui-flat-split-drop-down-button-alert-color: $alert;

$lui-flat-split-button-error-border: rgba($error, 0.3);
$lui-flat-split-drop-down-button-error-color: $error;

$lui-flat-split-button-disabled-border: rgba($grey-400, 0.3);
$lui-flat-split-drop-down-button-disabled-color: $grey-400;



.lui-flat-split-button-wrapper {
		border: 1px solid $lui-flat-split-button-border;
		white-space: nowrap;
	
	.lui-menu {
		left: 0px;
		width: 100% !important;
	}


	&.lui-is-success {
		border: 1px solid $lui-flat-split-button-success-border;

		.lui-flat-split-drop-down-button{
			border-left: 1px solid $lui-flat-split-button-success-border;

		}

		.lui-menu-drop-down-icon {
			top: 5px;
			* {
				fill: $lui-flat-split-drop-down-button-success-color;
			}
		}
	}

	&.lui-is-primary {
		border: 1px solid $lui-flat-split-button-primary-border;

		.lui-flat-split-drop-down-button{
			border-left: 1px solid $lui-flat-split-button-primary-border;

		}

		.lui-menu-drop-down-icon {
			top: 5px;
			* {
				fill: $lui-flat-split-drop-down-button-primary-color;
			}
		}
	}

	&.lui-is-secondary {
		border: 1px solid $lui-flat-split-button-secondary-border;

		.lui-flat-split-drop-down-button{
			border-left: 1px solid $lui-flat-split-button-secondary-border;

		}

		.lui-menu-drop-down-icon {
			top: 5px;
			* {
				fill: $lui-flat-split-drop-down-button-secondary-color;
			}
		}
	}

	&.lui-is-alert {
		border: 1px solid $lui-flat-split-button-alert-border;

		.lui-flat-split-drop-down-button{
			border-left: 1px solid $lui-flat-split-button-alert-border;

		}
		
		.lui-menu-drop-down-icon {
			top: 5px;
			* {
				fill: $lui-flat-split-drop-down-button-alert-color;
			}
		}
	}

	&.lui-is-error {
		border: 1px solid $lui-flat-split-button-error-border;

		.lui-flat-split-drop-down-button{
			border-left: 1px solid $lui-flat-split-button-error-border;

		}
		
		.lui-menu-drop-down-icon {
			top: 5px;
			* {
				fill: $lui-flat-split-drop-down-button-error-color;
			}
		}
	}	

	&.lui-is-disabled {
		border: 1px solid $lui-flat-split-button-disabled-border;

		.lui-flat-split-drop-down-button{
			border-left: 1px solid $lui-flat-split-button-disabled-border;

		}
		
		.lui-menu-drop-down-icon {
			top: 5px;
			* {
				fill: $lui-flat-split-drop-down-button-disabled-color;
			}
		}
	}

	&.lui-drop-down-menu {
		height: auto !important;
	}
	
	&.lui-is-rounded {
		border-radius: 3px;
	}

	.lui-menu-drop-down-icon {
		top: 5px;
		* {
			fill: $lui-flat-split-drop-down-button-color;
		}
	}

	.lui-flat-split-button {
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		text-align: right;
	}

	.lui-flat-split-drop-down-button{
		border-left: 1px solid $lui-flat-split-button-border;
		min-width: 0px!important;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
		height: 36px;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}

}