.combo-box-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 55px;
  float: right;
}

.combo-box {
  padding: 10px 15px;
  font-size: var(--millenio-font-sm);
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  /*border: 0px solid #c1c1c1;
    border-radius: 0px;*/
  background-color: #ffffff;
  appearance: none;
  /* Removes default styling */
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100px;
  cursor: pointer;
  background: url("arrow-down.png") no-repeat right #ffffff;
  /* Custom arrow */
  background-size: 20px;
  background-position: calc(100% - 10px) center;
}

.combo-box:hover {
  border-color: #587da9;
}

.combo-box:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

/* Option styling */
.combo-box option {
  background-color: white;
}

.combo-box option:checked {
  background-color: #587da9;
  color: 677882;
}

/* If you want to style the dropdown itself */
.combo-box::-ms-expand {
  display: none;
  /* for IE */
}

/* For custom arrow if using a custom image doesn't work for you */
.combo-box::after {
  content: "\25BC";
  /* Unicode character for down arrow */
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  /* Makes sure the click goes to the select */
}

#dropdown-teste {
  background-color: white;
  border: 0px;
  border-radius: 0px;
  text-align: right;
  padding-right: 1rem;
  color: #000;
}