/*======================================
  Selectric
======================================*/
@font-face {
	font-family:  		AccordAlt_Bold;
	src:          		url("/fileadmin/templates/fonts/accord_alt_bold.otf") format("opentype");
	src:          		url('/fileadmin/templates/fonts/accord_alt_bold.eot');
	src:        		url('/fileadmin/templates/fonts/accord_alt_bold.eot?#iefix') format('embedded-opentype'),
						url('/fileadmin/templates/fonts/accord_alt_bold.woff2') format('woff2'),
						url('/fileadmin/templates/fonts/accord_alt_bold.woff') format('woff'),
						url('/fileadmin/templates/fonts/accord_alt_bold.ttf') format('truetype');
}

.selectric-wrapper {
	position: 			relative;
	cursor: 			pointer;
}

.selectric-responsive {
	width: 				100%;
}

.selectric {
	border: 			0px solid #DDDDDD;
	background: 		#EAE9E9;
	position: 			relative;
	border-radius: 		0px;
}

.selectric .label {
	display:			block;
	white-space: 		nowrap;
	overflow: 			hidden;
	text-overflow: 		ellipsis;
	margin: 			0 30px 0 0;
	padding-left:		20px;
	font-size: 			16px;
	line-height:	 	30px;
	color: 				#2d2926;
	height: 			30px;
	font-family:		AccordAlt_Bold !important;
	opacity: 0.6;
}

.selectric .button {
	border-radius: 		0px;
	display: 			block;
	position: 			absolute;
	right: 				0px;
	top: 				0;
	bottom: 			0;
	margin: 			auto;
	width: 				30px;
	height: 			30px;
	/*color: 				#2d2926;
	text-align: 		center;
	font: 				0/0 a;
	*font: 				30px/30px Lucida Sans Unicode, Arial Unicode MS, Arial;*/
	background-image:	url("/fileadmin/templates/images/select_button.png");
	background-repeat:	no-repeat;
	background-position:top right;
	text-indent:		-5000px;
}

.selectric-open .selectric  .button {
	background-image:	url("/fileadmin/templates/images/select_button.png");
	background-repeat:	no-repeat;
	background-position:bottom right;
}

/* .selectric .button:after {
	content: 			" ";
	position: 			absolute;
	top: 				0;
	right: 				0;
	bottom: 			0;
	left: 				0;
	margin: 			auto;
	width: 				0;
	height: 			0;
	border: 			4px solid transparent;
	border-top-color:	#444444;
	border-bottom: 		none;
} */

.selectric-focus .selectric {
	/*border-color: 		#AAA;*/
}

.selectric-hover .selectric {
	/*border-color: 		#c4c4c4;*/
}

.selectric-hover .selectric .button {
	/*color: 				#c4c4c4;*/
}

.selectric-hover .selectric .button:after {
	/*border-top-color: 	#c4c4c4;*/
}

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

.selectric-open .selectric {
	/*border-color: 		#c4c4c4;*/
	background: 		#EAE9E9;
}

.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: 		#d1d0cf;
	border: 			0px solid #C4C4C4;
	z-index: 			-1;
	box-shadow: 		0 0 10px -6px;
}

.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;
	font-family:		AccordAlt_Bold !important;
}

.selectric-items li {
	display: 			block;
	padding: 			8px 8px 8px 22px;
	/* border-top: 		1px solid #FFF;
	border-bottom: 		1px solid #EEE; */
	color: 				#2d2926;
	cursor: 			pointer;
}

.selectric-items li.selected {
	background: 		#d1d0cf;
	color: 				#ffa300;
}

.selectric-items li.highlighted {
	background: 		#d1d0cf;
	color: 				#ffa300;
}

.selectric-items li:hover {
	background: 		#d1d0cf;
	color: 				#ffa300;
}

.selectric-items .disabled {
	filter:				alpha(opacity=50);
	opacity: 			0.5;
	cursor: 			default !important;
	background: 		none !important;
	color: 				#2d2926 !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: 		10px;
	cursor: 			default;
	-webkit-user-select:none;
	-moz-user-select: 	none;
	-ms-user-select: 	none;
	user-select: 		none;
	background: 		none;
	color: 				#2d2926;
}

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

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

.no-touch .selectric-wrapper {
    -webkit-transform: initial;
    -moz-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial;
}