/**
 * @file
 * Purely visual styling (“look-and-feel”) for a component.
 */
.uk-icon:not(a) {
  cursor: default;
}
.uk-button-link-reset {
  background: #fff;
  border: 0;
  margin: 0 !important;
  padding: 5px 15px;
}
.uk-nav-dropdown>li>.uk-button-link-reset:focus {
  background: #fff;
  outline: 0;
}
.uk-nav-dropdown>li>.uk-button-link-reset:hover {
  background: #009dd8;
  color: #fff;
  outline: 0;
  box-shadow: inset 0 2px 4px rgba(0,0,0,.2);
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}

/**
 * Progress
 */
.progress__track {
  border: 0;
}

/**
 * Subnavs.
 */
.uk-list ul.uk-subnav {
  margin-left: -20px;
  padding-left: 0;
}
ul.comment-links>*>*,
ul.comment-links>*>:first-child {
  display: inline-block;
  color: #999;
  font-size: .875rem;
  text-transform: uppercase;
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
  -webkit-transition-property: color,background-color;
  transition-property: color,background-color;
}
ul.comment-links>*>a:focus,
ul.comment-links>*>a:hover {
  color: #0f6ecd;
}

/**
 * Special icons.
 */
sup > i.form-required {
  font-size: 65%;
}
.js input.form-autocomplete,
.js input.form-autocomplete.ui-autocomplete-loading {
  background-image: none;
}
.uk-form-icon.icon-spin {
  -webkit-animation: icon-spin 2s infinite linear;
  animation: icon-spin 2s infinite linear;
}

@-webkit-keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(359deg)
  }
}
@keyframes icon-spin {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(359deg)
  }
}