.filtered-select input {
    box-sizing: border-box;
    width: inherit;
    height: inherit;
	color: #333333;

    border: 1px solid #999999;
    box-shadow: #f0f0f0 0 0 0 3px inset, #EDDDF5 2px 3px 0;

    padding: 0 20px;

    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}

.filtered-select.container {
	position: relative;
}

.filtered-select.container:after {
	font-family: 'FontAwesome';
	content: '\f0d7';
	position: absolute;

    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.filtered-select.container.open:after {
	content: '\f0d9';
}

.filtered-select ::-webkit-input-placeholder {
	color: #dddddd;
	font-style: italic;
}

.filtered-select :-moz-placeholder {
	color: #dddddd;
	font-style: italic;
}

.filtered-select ::-moz-placeholder {
	color: #dddddd;
	font-style: italic;
}

.filtered-select :-ms-input-placeholder {
	color: #dddddd;
	font-style: italic;
}

.filtered-select .suggestions {
    box-sizing: border-box;
	position: absolute;
	list-style: none;

    width: 100%;
	max-height: 200px;

	overflow: auto;

    padding: 0px;
    margin: 0px;
    border: 1px solid #cccccc;
    box-shadow: #f0f0f0 0 0 0 3px inset, #EDDDF5 2px 3px 0;
}

.filtered-select .suggestions .item {
	text-align: left;
	cursor: pointer;
	padding: 10px 15px;
	background: #ffffff;

	border-bottom: 1px solid #cccccc;
}

.filtered-select .suggestions .item:last-child {
	border-bottom: none;
}

.filtered-select .suggestions .item:hover {
	background: #dddddd;
}
