@media (min-width: 960px) {
  .float-children-right-at-medium > * {
    float: right;
  }
}

@media (max-width: 959px) {
  .margin-small-top-at-small {
    margin-top: 10px !important;
  }
}

.space {
  margin-left: 4px !important;
}

.custom-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: text-top;
}

.custom-icon.large {
  width: 22px;
  height: 22px;
}

.custom-external {
  background: url("/assets/common-assets/external-link.svg") no-repeat;
  background-size: contain;
}

.custom-icon-button {
  border-radius: 50%;
  padding: 9px 10px;
  line-height: unset;
}

.custom-external-white {
  background: url("/assets/common-assets/icons/external.svg") no-repeat;
  background-size: contain;
}

.custom-copy-white {
  background: url("/assets/common-assets/icons/copy.svg") no-repeat;
  background-size: contain;
}

h2 .custom-external {
  min-height: 20px;
  background-size: 20px 20px;
  padding-left: 21px;
  background: rgba(0, 0, 0, 0) url("/assets/common-assets/external-link.svg") no-repeat scroll left center;
}

.multi-line-ellipsis p {
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multi-line-ellipsis.lines-2 p {
  -webkit-line-clamp: 2;
}

.multi-line-ellipsis.lines-3 p {
  -webkit-line-clamp: 3;
}

.multi-line-ellipsis.lines-10 p {
  -webkit-line-clamp: 10;
}

.iframeContainer {
  overflow: hidden;

}

.iframeContainer iframe {
  width: 100%;
  height: 100%;
  border: 0;
}


.orcid > input[name="code"] {
  border-radius: 2px 0 0 2px;
  border: 1px solid #ededed;
  border-right: none;
}

.orcid > .uk-button.copy {
  border-radius: 0 2px 2px 0;
  border-left: none;
}

.uk-button.copy {
  border-radius: 0;
}

.uk-link-text a:hover, .uk-link-toggle:focus .uk-link-text, .uk-link-toggle:hover .uk-link-text, a.uk-link-text:hover{
  color:var(--portal-main-color) !important;
}

ul > li > .circle {
  border-radius: 50%;
  padding: 1px;
}

ul > li > .circle.uk-light svg > * {
  stroke: #ffffff;
}

div:not(.uk-logo) > img {
  align-self: start;
}

.number-width {
  width: 270px;
}
