﻿/*======================================
	Selectric v1.13.0
======================================*/

.selectric-wrapper { position: relative; cursor: pointer; }

.selectric-responsive { width: 100%; }

.selectric { border-bottom: 1px solid #909091; border-radius: 0px; background: transparent; position: relative; overflow: hidden; }

	.selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 38px 0 15px; font-size: 13pt; line-height: 38px; color: #888; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 400; }

	.selectric .button { border: 0; display: block; position: absolute; right: 0; top: 0; width: 38px; height: 38px; line-height: 38px; background-color: #F8f8f8; color: #BBB; text-align: center; font: 0/0 a; *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; background-color: transparent; }

		.selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 7px solid transparent; border-top-color: #888; border-bottom: none; }


.selectric-open { z-index: 9; }

	.selectric-open .selectric { border-color: #c4c4c4; }

	.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: #F8F8F8; border: 1px 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: 12px; line-height: 20px; min-height: 20px; }

.selectric-items li { display: block; padding: 10px; color: #666; cursor: pointer; }



	.selectric-items li.highlighted { background: #033178; color: #fff; }

	.selectric-items li:hover { background: #7f7f7f; color: #fff; }
	.selectric-items li.selected, .selectric-items li.selected:hover { background: #033178; color: #fff; }
.selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !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: #444; }

.selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; }

.selectric-items .selectric-group li { padding-left: 25px; }
