.em-select > select{
  display: block;
  height: 100%;
}

a.em-carousel-arrow:hover {
  text-decoration: none;
}

a.em-button-default:hover {
  color: white;
}

hr {
  opacity: 1;
  border: 0;
  border-top: 1px solid #D1D3D4;
  height: 0;
}

/* Didn't want to universally override UIkit so use this class to override for em-form-field */
div.em-input-c > div > button.em-icon-eye-slash, button.em-icon-eye {
  background: transparent !important;
}

/* High specificity selector for input in ember form inputs to prevent UIkit override */
div.em-input-c > div > [id^="em-input-"] {
  height: auto;
  margin-bottom: 0;
}

div.em-input-c label {
  color: black;
}

/* Override UI Kit teal active effect to something more ember friendly */
button.em-on-click:active:hover:focus {
  background-color: transparent!important;
}