select{cursor:pointer;}
.select-css option  {
    font-family: Robotolight,serif;
    font-weight: normal;
}
.select-css  {
	font-family: Robotolight;
    font-weight: normal;
}
.select-css::-ms-expand {
    display: none;
}
select:focus::-ms-value {
    background: none;
}

option:hover,select:focus,select:hover  {
    background-color:#ffbf00;
}
select > option { 
    background-color: #ddd;
	color:#444;
	border-radius:40px;
}
select:focus > option:checked { 
    background-color: rgba(255, 191, 0,.5);
}
select::-ms-value {
    color: #444;
}
.custom-dropdown {
  position: relative;
  vertical-align: middle;
  margin: 10px; 
}
.custom-dropdown select {
  background: none;
  color: #444;
  font-size: inherit;
  padding: .5em;
  padding-right: 2.5em; 
  border: none;
  border-bottom: 2px solid #ffbf00;
  border-top: 2px solid #ffbf00;
  border-radius: 40px;
  margin: 0;
  text-indent: 0.01px;
  text-overflow: ''; /* hide default arrow in chrome OSX */
}

.custom-dropdown::before,
.custom-dropdown::after {
  content: "";
  position: absolute;
  pointer-events: none;
  
}

.custom-dropdown::after { /*  Custom dropdown arrow */
  content: "\25BC";
  height: 1em;
  font-size: .625em;
  line-height: 1;
  right: 1.2em;
  top: 50%;
  margin-top: -.5em;
}

.custom-dropdown::before { /*  Custom dropdown arrow cover */
  width: 2em;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 40px 40px 0;
}

.custom-dropdown::before {
  background-color: rgba(0,0,0,.15);
}

.custom-dropdown::after {
  color: rgba(0,0,0,.4);
}
select[disabled]{
color:#ccc;
	}
select[disabled]::-ms-value {
    color: #ccc;
}
.custom-dropdown,.select-css{display: inline-block;}
	.custom-dropdown{width:40%;}
	.select-css{width:100%;}
	select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}