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

.select-selected {
  background:#FFFFFF;}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 16px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #e4e7eb transparent transparent transparent;}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #e4e7eb transparent;
  top: 7px;}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected{
  color: #272d36;
  height:38px;
  padding-top:0px;
  border: 0px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
  line-height:39px;
  vertical-align:middle;
  padding-left:15px;
  padding-right:15px;}
  
.select-items div{
    border-top:1px solid #e4e7eb;}
    
.select-items div:last-child{
    border-bottom:none}

/*style items (options):*/
.select-items {
  width:100%;
  position: absolute;
  background-color:#ffffff;
  top: 100%;
  left: -1px;
  right: 0;
  z-index: 2000;
  /*z-index: 99;*/
  border:1px solid #e4e7eb;
  border-top:none;
  /*-webkit-box-shadow: 0px 0px 10px 0px rgba(70,70,70,0.3);
  -moz-box-shadow: 0px 0px 10px 0px rgba(70,70,70,0.3);
  box-shadow: 0px 0px 10px 0px rgba(70,70,70,0.3);*/}

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

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

/*
.same-as-selected {
  background-color:#5D626C;
  color:#FFFFFF !important}
*/