@charset "UTF-8";
.R4CustomSelect{
  position:relative;
  padding:1rem;
  background:url("/themes/base/res/img/icons/downArrow.png") no-repeat right 0.5rem center;
  background-size:2.4rem;
  cursor:pointer;
  padding-right:2rem;
}
.R4CustomSelect span{
  height:2.4rem;
  line-height:2.4rem;
  display:block;
}
.R4CustomSelect ul{
  position:absolute;
  list-style:none;
  left:0;
  right:0;
  display:none;
  background-color:white;
  padding:0.5rem 0;
  max-height:21rem;
  overflow-y:auto;
  overflow-x:hidden;
  z-index:10001;
}
.R4CustomSelect ul.active{
  display:block;
}
.R4CustomSelect ul li{
  line-height:2.4rem;
  padding:0.5rem;
  white-space:nowrap;
}
.R4CustomSelect ul li.selected{
  background-color:silver;
}
.R4CustomSelect ul li:hover{
  background-color:gray;
}
.R4CustomSelect ul li:hover,
.R4CustomSelect ul li.selected{
  color:#fafafa;
}