div.fancy-select {
	position: relative;
/* 	font-weight: bold; */
/* 	text-transform: uppercase; */
	font-size: 12px;
	color: #555;
}

div.fancy-select.disabled {
	opacity: 0.5;
}

/* div.fancy-select select:focus + div.trigger { */
/* 	box-shadow: 0 0 0 1px #ccc; */
/* } */

div.fancy-select select:focus + div.trigger.open {
	box-shadow: none;
}

div.fancy-select div.trigger {
	border-radius: 3px;
	cursor: pointer;
	padding: 5px 24px 4px 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	background: #fefefe;
	border: 1px solid #ddd;
	border-top-color: #ddd;
	color: #333;
/* 	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); */

}
div.trigger:hover{
	background:#f7f7f7 !important;
	}
div.selected{
	background:#f5f5f5 !important;
	}

div.fancy-select div.trigger:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: #4B5468;
	top: 12px;
	right: 9px;
}

div.fancy-select div.trigger.open {
	background: #ddd !important;
	border: 1px solid #ddd;
	color: #555;
	box-shadow: none;
}

/* div.fancy-select div.trigger.open:after { */
/* 	border-top-color: #333; */
/* } */

div.fancy-select ul.options {
	list-style: none;
	margin: 0;
	position: absolute;
	top: 40px;
	left: 0;
	visibility: hidden;
	opacity: 0;
	z-index: 50;
	max-height: 300px;
	overflow: auto;
	background: #fff;
	border-radius: 4px;
	border-top: 1px solid #ccc;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	min-width: 250px;


}
@media (max-width: 380px) {
	div.fancy-select ul.options{
		min-width: 120px;
	}	
}

div.fancy-select ul.options.open {
	visibility: visible;
	top: 35px;
	opacity: 1;

	/* have to use a non-visibility transition to prevent this iOS issue (bug?): */
	/*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/

}

div.fancy-select ul.options.overflowing {
	top: auto;
	bottom: 40px;


}

div.fancy-select ul.options.overflowing.open {
	top: auto;
	bottom: 50px;

}

div.fancy-select ul.options li {
	padding: 5px 12px;
	color: #333;
	cursor: pointer;
	white-space: nowrap;


}

div.fancy-select ul.options li.selected {
	background: #eee;
	color: #222;
}

div.fancy-select ul.options li.hover {
	color: #333;
	background: #f2f2f2;
}

.caret {
/*     background: none repeat scroll 0 0 #ababab; */
    content: "";
    display: inline-block;
    height: 32px;
    margin-left: 2px;
    padding-top: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 30px;
    border:0 !important;
    background:transparent !important;
    width: 26px !important;
    height: 100% !important;
}
.caret:before {
        content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #4B5468;
    top: 12px;
    right: 9px;
}

/* Mine */
.multiselect {
	font-size:1.05em !important;
	height:31px !important;
	/*height:37px !important;*/
	padding-left:10px !important;
	text-align: left !important;
	min-width: 90%;
	
	border-radius: 3px !important;
	cursor: pointer;
	padding: 7px 24px 6px 9px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	background: #fafafa;
	border: 1px solid #ddd;
	border-top-color: #ddd;
	color: #444;
}
.dropdown-menu, .dropdown-submenu {
/* 	background:none;	 */
}	
.multiselect-container > li > a > label {
		padding: 0 6px 0 0;
		color: #ccc;
	}
.dropdown-menu > li > a, .dropdown-submenu > li > a {
		padding: 6px 8px !important;
}
.multiselect-container > li > a > label > input[type="checkbox"] {
    margin-right: 4px;
}