/* mantém o comportamento padrão do input do DS */
.br-input input {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #888;
  border-radius: 4px;
}

/* estilo apenas do select */
.br-input select.br-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  width: 100%;
  height: 40px;

  padding: 0 40px 0 12px;

  font-size: 16px;
  line-height: 1.5;

  border: 1px solid #888;
  border-radius: 4px;

  background-color: #fff;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23333333' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;

  cursor: pointer;
}

/* foco */
.br-input select.br-select:focus,
.br-input input:focus {
  outline: none;
  border-color: #1351b4;
  box-shadow: 0 0 0 1px #1351b4;
}

/* tamanho grande */
.br-input.large select.br-select,
.br-input.large input {
  height: 48px;
}