/*======================================
	Selectric
======================================*/
#category_box{width:200px;margin:10px 0;}
.selectric-wrapper{
	position:relative;
	cursor:pointer;
	width:100%;
}

.selectric-responsive{
	width:100%;
}

.selectric{
	width:100%;
	min-width:200px;
	color:#fff;
	position:relative;
	background-repeat:no-repeat;
	background-position:0;
	padding:5px 0;
}

.selectric .label{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:0 30px;
	font-size:16px;
	line-height:38px;
	color:#fff;
	height:38px;
	text-align:left;
}

.selectric .button{
	position:absolute;
	z-index:2;
	right:0;
	top:-5px;
	width:40px;
	height:100%;
	font-size:40px;
	color:#FFF;
	text-align:center;
}

.selectric-open{
	z-index:9999;
}

.selectric-open .selectric-items{
	display:block;
}

.selectric-disabled{
	filter:alpha(opacity=50);
	opacity:0.5;
	cursor:default;
	-webkit-user-select:none;
		 -moz-user-select:none;
			-ms-user-select:none;
					user-select:none;
}

.selectric-hide-select{
	position:relative;
	overflow:hidden;
	width:0;
	height:0;
}

.selectric-hide-select select{
	position:absolute;
	left:-100%;
}

.selectric-hide-select.selectric-is-native{
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
}

.selectric-hide-select.selectric-is-native select{
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:100%;
	width:100%;
	border:none;
	z-index:1;
	box-sizing:border-box;
	opacity:0;
}

.selectric-input{
	position:absolute !important;
	top:0 !important;
	left:0 !important;
	overflow:hidden !important;
	clip:rect(0, 0, 0, 0) !important;
	margin:0 !important;
	padding:0 !important;
	width:1px !important;
	height:1px !important;
	outline:none !important;
	border:none !important;
	*font:0/0 a !important;
	background:none !important;
}

.selectric-temp-show{
	position:absolute !important;
	visibility:hidden !important;
	display:block !important;
}

/* Items box */
.selectric-items{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	border-left:1px solid #018db1;
	border-bottom:1px solid #018db1;
	z-index:-1;
	box-shadow:0 0 10px -6px;
	width:100%;
}

.selectric-items .selectric-scroll{
	height:100%;
	overflow:auto;
}

.selectric-above .selectric-items{
	top:auto;
	bottom:100%;
}

.selectric-items ul, .selectric-items li{
	list-style:none;
	padding:0;
	margin:0;
	font-size:16px;
	line-height:20px;
	min-height:20px;
	text-align:left;
	color:#fff;
}

.selectric-items li{
	display:block;
	padding:10px;
	color:#333;
	cursor:pointer;
}

.selectric-items li.selected{
	background:#2c99af;
	color:#FFF;
}

.selectric-items li.highlighted{
	background:#2c99af;
	color:#FFF;
}

.selectric-items li:hover{
	background:#2c99af;
	color:#FFF;
}

.selectric-items .disabled{
	filter:alpha(opacity=50);
	opacity:0.5;
	cursor:default !important;
	background:none !important;
	color:#FFF !important;
	-webkit-user-select:none;
		 -moz-user-select:none;
			-ms-user-select:none;
					user-select:none;
}

.selectric-items .selectric-group .selectric-group-label{
	font-weight:bold;
	padding-left:0;
	cursor:default;
	-webkit-user-select:none;
		 -moz-user-select:none;
			-ms-user-select:none;
					user-select:none;
	background:none;
	color:#FFF;
}

.selectric-items .selectric-group.disabled li{
	filter:alpha(opacity=100);
	opacity:1;
}

.selectric-items .selectric-group li{
	padding-left:25px;
}
