/*----------------------------------------
  40. Selectize
----------------------------------------*/

.selectize-control {

	&.single {

		.selectize-input {
			border-color: $border-color;
			box-shadow: none;
			background-color: $default-white;
			background-image: none;

			

			&:after {   
				content: "\e64b";
			    font-family: 'themify';
			    border-style: none; 
			    border-width: 0px; 
			    top: 40%;
			    right: 25px;
			    font-size: 10px;
			    border-color: transparent;
			}

			&.dropdown-active {
				&:after {
					content: "\e648";
				}	
			}
		}	
	}
}

.selectize-dropdown {
	color: $default-text-color;
	border: 1px solid $border-color;

	.single {
		border-color: $border-color;
	}

	&.single {
		border-color: $border-color;
	}

	.active {
		background-color: $default-gray;
		color: $default-text-color;
	}

	[data-selectable],
	.optgroup-header {
		padding: 10px 8px;
	}
}	

.selectize-input { 
	color: $default-text-color;
	border-radius: 2px;
	box-shadow: none;
	border: 1px solid $border-color;

	input {
		color: $default-text-color;
		@include placeholder {
			color: lighten($default-text-color, 30%);
		}
	}

	> input {
		line-height:  1.8 !important;

	}

	>* {
		line-height:  1.8 !important;	
	}

	&.focus {
		box-shadow: none;
	}
}



.selectize-control.multi .selectize-input [data-value] {
	background-color: $default-success;
	color: $default-white;
	background-image: none;
	border: 0px;
	border-radius: 50px;
	margin-right: 8px;
	margin-top: 3px;
	padding: 0px 10px;
	box-shadow: none;
	text-shadow: none;
	font-weight: 500;

	&.active {
		border: 0px;
		background-color: $default-success;
		color: $default-white;
		background-image: none;
	}
}

.tag-primary {

	&.selectize-control.multi .selectize-input [data-value] {
		background-color: $default-primary;
		background-image: none;

		&.active {
			background-color: $default-primary;
			background-image: none;
		}
	}
}

.tag-info {

	&.selectize-control.multi .selectize-input [data-value] {
		background-color: $default-info;
		background-image: none;

		&.active {
			background-color: $default-info;
			background-image: none;
		}
	}
}

.tag-warning {

	&.selectize-control.multi .selectize-input [data-value] {
		background-color: $default-warning;
		background-image: none;

		&.active {
			background-color: $default-warning;
			background-image: none;
		}
	}
}

.tag-danger {

	&.selectize-control.multi .selectize-input [data-value] {
		background-color: $default-danger;
		background-image: none;

		&.active {
			background-color: $default-danger;
			background-image: none;
		}
	}
}

.tag-gradient-primary {
	
	&.selectize-control.multi .selectize-input [data-value] {
		background: $gradient-primary;

		&.active {
			background: $gradient-primary;
		}
	}
}

.tag-gradient-success {
	
	&.selectize-control.multi .selectize-input [data-value] {
		background: $gradient-success;

		&.active {
			background: $gradient-success;
		}
	}
}

.tag-gradient-info {
	
	&.selectize-control.multi .selectize-input [data-value] {
		background: $gradient-info;

		&.active {
			background: $gradient-info;
		}
	}
}

.tag-gradient-warning {
	
	&.selectize-control.multi .selectize-input [data-value] {
		background: $gradient-warning;

		&.active {
			background: $gradient-warning;
		}
	}
}

.tag-gradient-danger {
	
	&.selectize-control.multi .selectize-input [data-value] {
		background: $gradient-danger;

		&.active {
			background: $gradient-danger;
		}
	}
}
