.dropdown-container{
    background-color: #ececec;
    padding: 10px;
    color: black;
    width:auto;
    max-width: 70%;
    height:70px;
    position:relative;
    margin:0 12px;
    border-radius: 4px;
}

.dropdown-container:first-child{
    margin:0 ;
    margin-right:12px;
}
.dropdown-container:last-child{
    margin:0 ;
    margin-left:12px;
 } 
 
  .dropdown-placeholder{
   color:#afafaf;
   padding-bottom:7px;
  } 


/*the container must be positioned relative:*/
.custom-select {
    position: relative;
    width:100%;
  }
  
  .dropdown {
    display: none; /*hide original SELECT element:*/
  }
  
  /*style the arrow inside the select element:*/
  .select-selected:after {
    position: absolute;
    content: "";
    top: 17px;
    right: 10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-color: #202020 transparent transparent transparent;
  }
  
  /*point the arrow upwards when the select box is open (active):*/
  .select-selected.select-arrow-active:after {
    border-color: transparent transparent #202020 transparent;
    top: 7px;
  }
  
  /*style the items (options), including the selected item:*/
  .select-items div,.select-selected {
    color: #202020;
    /* padding: 8px 16px; */
    /* border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; */
    cursor: pointer;
    user-select: none;
  }

  .select-selected{
    font-weight: bold;
  }
  
  /*style items (options):*/
  .select-items {
    position: absolute;
    background-color: white;
    top: 50px;
    font-size: 0.7rem;
    background-color:#ececec;
    border:1px solid rgb(0, 0, 0,0.6);
    left: 0;
    right: 0;
    z-index: 99;
  }
  
  /*hide the items when the select box is closed:*/
  .select-hide {
    display: none;
  }
  
  .select-items div{
    padding:1rem;
  }
  
  .select-items div:hover,.same-as-selected:hover{
    background-color:#00a0bb; 
    color:white;
     font-weight: 600;
  }