/* These are the "theme" styles for our button applied via separate button class, style as you like */

/* Set the background fallback to solid #fff so Firefox renders the <option> list readably. */

.custom-select {

	border: 1px solid #bbb;

	border-radius: .3em;

	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);

}



.custom-select select {

	/* General select styles: change as needed */

	font-family: sans-serif;

	font-weight: normal;

	color: #444;

	line-height: 100%;

	border-radius: .2em;

	font-size: 14px;

}

/* Hover style */

.custom-select:hover {

	border-color: #dedede;

}

/* Focus style */

.custom-select select:focus {

	/* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */

	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);

	box-shadow: 0 0 0 3px -moz-mac-focusring;

	color: #222; /* Match-02 */

}

@supports ( box-shadow: none ) {

	.custom-select select:focus {

		outline: none;

	}

}



/* Set options to normal weight */

.custom-select option {

	font-weight:normal;

}







.custom-select{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ffffff+100 */

background: #efefef; /* Old browsers */

background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #efefef 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1) inset; 

}