.select_headline{
	position:relative;
	left:5px; 
	top:10px;
	font-size:12px;
	height:16px;
}


/* The container must be positioned relative: */
.custom-select, .dyn-select {
  position: relative;
}

.dyn-select {
  display: none;
  margin-bottom:0px; 
  margin-left:35px; 
  margin-right:20px;
}


.custom-select select, .dyn-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: #ffcc00;
  color:#000;
  border-radius: 4px; 
  margin:5px; 
  margin-top:1px; 
  width:calc( 100% - 25px );
  min-height: 42px;
}



/* style the items (options), including the selected item: */
.select-items div,.select-selected {

  padding: 8px 33px 8px 15px;
  border:solid 1px  #444;
  cursor: pointer;

}

.select-items div,.select-selected {

	transition: background-color .25s ease-in-out, color .25s ease-in-out, padding-left .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out, color .25s ease-in-out, padding-left .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out, padding-left .25s ease-in-out;
  
}

/* Style items (options): */
.select-items {
	position: absolute;
	background-color: #FFF;
	color:#000;
	border:solid 0px  rgba(0, 0, 0, 0.2);
	width:calc( 100% - 27px );
	margin-left:8px; 
	top: calc( 100% - 4px );
	left: -2px;
	right: 0;
	z-index: 99;
	border-bottom-right-radius:4px; 
	border-bottom-left-radius :4px; 
	overflow:hidden;
}

.select-items div {
	  border:solid 0px  red !important;
	  padding-top:6px; 
	  height:auto;
	  border-bottom:solid 0px  red;
	  width:100%;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover {
  background-color: #999999;
  color:#FFF;
}

.same-as-selected {
  background-color: #CCC;
  color:#333;
}

.middle_line{
	position:absolute; right:13px; top:29px; height:35px; width:1px; background:#444
}


/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  vertical-align: middle;
  content: "";
  top: 8px;
  right:25px;
  width: 30px;
  height: 33px;
  background:url( ../img/arrow_down.svg);
  background-size:85%;

}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  background:url( ../img/arrow_up.svg);
  background-size:85%;
  top: 8px;
}