.customSelect {
  display: inline-block;
  background: #FFF;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0 10px;
  line-height: 42px;
  width: 75%;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.customSelect.customSelectHover {
/* Styles for when the select box is hovered */
}

.customSelect.customSelectOpen {
/* Styles for when the select box is open */
}

.customSelect.customSelectFocus {
/* Styles for when the select box is in focus */
}

.customSelect.customSelectDisabledOption {
/* Styles for when the selected item is a disabled one */
}

.customSelect.customSelectDisabled {
/* Styles for when the select box itself is disabled */
}

.customSelectInner {
/* You can style the inner box too */
position: relative;
pointer-events:none;
}
.customSelectInner::after {
  content:"";
  position:absolute;
  top: 16px;
  right: -5px;
  background:url('../img/down_arrow.png') no-repeat;
  width:12px;height:12px;
}