@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("~src/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("~src/assets/common-assets/icons/external.svg") no-repeat; background-size: contain; } .custom-copy-white { background: url("~src/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("~src/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.line-1 p { -webkit-line-clamp: 1; } .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; } .hide-element { padding: 0 !important; height: 0 !important; overflow: hidden !important; } .cursor-default { cursor: default !important; } .custom-break { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }