@charset "UTF-8";
/* CSS Document */

.select-sim {
	width: 85%;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	position: relative;
	background: #000;
	color: #fff;
	border: 1px solid #F90;
	overflow: hidden;
	font-weight: 300;
	padding: 5px;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.select-sim::after {
  content:"▼";
  font-size:0.5em;
  font-family:arial;
  position:absolute;
  top:50%;
  right:5px;
  transform:translate(0, -50%);
}

.select-sim:hover::after {
  content:"";
}

.select-sim:hover {
  overflow:visible;
}

.select-sim:hover .options .option label {
  display:inline-block;
}

.select-sim:hover .options {
	background: #000;
	color: #fff;
	border: 1px solid #F90;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: auto;
	max-height: 40vh;
	overflow-y: scroll;
	z-index: 9999;
}

.select-sim .options .option {
  overflow:hidden;
}

.select-sim:hover .options .option {
	height: 24px;
	overflow: hidden;
	padding: 5px;
}

.select-sim .options .option img {
	vertical-align: middle;
	margin-top: -3px;
}

.select-sim .options .option label {
  display:none;
}

.select-sim .options .option input {
  width:0;
  height:0;
  overflow:hidden;
  margin:0;
  padding:5;
  float:left;
  display:inline-block;
  /* fix specific for Firefox */
  position: absolute;
  left: -10000px;
}

.select-sim .options .option input:checked + label {
  display:block;
  width:100%;
  z-index: 9998;
}

.select-sim:hover .options .option input + label {
  display:block;
}

.select-sim:hover .options .option input:checked + label {
  background:#F90;
  color: #FFF
}