.dropbtn {
      display: inline-block;
      width: 100%;
      height: calc(1.5em + .75rem + 2px);
      padding: .375rem 1.75rem .375rem .75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #000;
      vertical-align: middle;
      overflow: hidden;
      text-overflow: ellipsis;
      background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
      border: 1px solid rgb(22, 145, 72);
      border-radius: .25rem;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
}

.myInput {
  box-sizing: border-box;
  background-position: 14px 12px;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 14px 20px 12px 45px;
  border: none;
  border-bottom: 1px solid #ddd;
}

.myInput:focus {outline: 3px solid #ddd;}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 230px;
  overflow: auto;
  border: 1px solid #ddd;
  z-index: 1;
}

.dropdown-content button {
  color: rgb(22, 145, 72);
  padding: 12px 16px;
  border: none;
  background: none;
  text-decoration: none;
  display: block;
}

.dropdown button:hover {
    background-color: rgb(22, 145, 72);
    color: #FFFFFF
}

.dropdown-content button:hover{
    background-color: rgb(22, 145, 72);
    color: #FFFFFF
}
.show {display: block;}