.btn-syy,
.btn-syy:hover,
.btn-syy:active,
.btn-syy:visited,
.btn-syy:disabled {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color);
  color: white;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:visited {
  background-color: transparent !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--primary-color);
  color: var(--primary-color);
}

.form-control-syy {
  border-color: var(--primary-color);
}

.form-control-syy:focus {
  box-shadow: none;
  transition: all .1s linear;
  border-color: var(--primary-color);
  box-shadow: inset 0px 0px 0px 1px var(--primary-color)
}

.form-select-syy {
  border-color: var(--primary-color);
}

.form-select-syy:focus {
  box-shadow: none;
  transition: all .1s linear;
  border-color: var(--primary-color);
  box-shadow: inset 0px 0px 0px 1px var(--primary-color)
}

.city-picker-icon {
  width: .625rem;
  height: .375rem;
  position: absolute;
  top: 50%;
  margin-top: -0.14rem;
  right: 0.5rem;
}