1216 lines
30 KiB
CSS
1216 lines
30 KiB
CSS
@import url(https://fonts.googleapis.com/css?family=Roboto);@charset "UTF-8";
|
|
* {
|
|
box-sizing: border-box; }
|
|
|
|
html {
|
|
font-family: "Roboto", sans-serif; }
|
|
|
|
body {
|
|
margin: 0; }
|
|
|
|
.RootLayout {
|
|
color: #333;
|
|
background: #fff;
|
|
height: auto;
|
|
width: 100%;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
overflow-x: hidden; }
|
|
|
|
.RootLayout__content {
|
|
padding: 20px 40px;
|
|
flex-grow: 1;
|
|
flex-basis: 0;
|
|
max-width: 100%;
|
|
z-index: 0;
|
|
position: relative; }
|
|
|
|
@media only screen and (max-width: 1441px) {
|
|
.RootLayout__content {
|
|
padding: 20px 20px; } }
|
|
|
|
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
|
|
.RootLayout__content {
|
|
padding: 20px 20px; } }
|
|
|
|
.OverlapBar {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 12px;
|
|
width: 1px; }
|
|
|
|
.OverlapBar__overlap-part {
|
|
width: 1px;
|
|
background-color: #a13169; }
|
|
|
|
.SidebarInset {
|
|
background: #d7d7d7;
|
|
color: #333;
|
|
font-size: 15px;
|
|
line-height: 50px;
|
|
height: 50px;
|
|
opacity: 1;
|
|
padding: 0 10px;
|
|
text-transform: uppercase;
|
|
align-items: center;
|
|
display: flex; }
|
|
.SidebarInset:hover {
|
|
color: white; }
|
|
.SidebarInset:hover .SidebarInset__open-arrow {
|
|
background: url(sprite-629f3f2022a6e5fc28f69395449a59a3.svg) no-repeat;
|
|
background-position: -98px -89px;
|
|
height: 29px;
|
|
width: 18px; }
|
|
|
|
.SidebarInsetContainer {
|
|
border-top: 1px solid #cacaca;
|
|
overflow: hidden; }
|
|
|
|
.SidebarInsetContainer:first-child {
|
|
border-top: none; }
|
|
|
|
.SidebarInset__title {
|
|
flex-basis: 72%;
|
|
max-width: 72%; }
|
|
|
|
.SidebarInset__percent {
|
|
flex-basis: 16.667%;
|
|
max-width: 16.667%; }
|
|
|
|
.SidebarInset__open-arrow-container {
|
|
flex-basis: 8.333%;
|
|
max-width: 8.333%;
|
|
margin-left: 10px; }
|
|
|
|
.SidebarInset__open-arrow {
|
|
background: url(sprite-629f3f2022a6e5fc28f69395449a59a3.svg) no-repeat;
|
|
background-position: -80px -60px;
|
|
height: 29px;
|
|
width: 18px;
|
|
cursor: pointer;
|
|
margin-right: 3px; }
|
|
|
|
.SidebarInset__open-arrow-open {
|
|
transform: rotate(180deg); }
|
|
|
|
.SidebarInset__percent-text {
|
|
font-weight: 600; }
|
|
|
|
.SidebarInset__title-text {
|
|
display: inline-block;
|
|
max-width: 160px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
font-weight: 400; }
|
|
.SidebarInset__title-text:after {
|
|
content: '';
|
|
display: inline-block;
|
|
height: 10px;
|
|
margin-left: 8px;
|
|
vertical-align: middle;
|
|
width: 25px; }
|
|
|
|
.SidebarInset-plag:hover {
|
|
background: #a13169; }
|
|
|
|
.SidebarInset-plag .SidebarInset__title-text:after {
|
|
background: url(wave-dc15a25d325f6e422665aaea4eee9834.svg) 0 center repeat-x; }
|
|
|
|
.SidebarInse-quot:hover {
|
|
background: #639ec3; }
|
|
|
|
.SidebarInse-quot .SidebarInset__title-text:after {
|
|
background: url(wave-qu-8ff3a7579823f9099d975ad581dc134e.svg) 0 center repeat-x; }
|
|
|
|
.SidebarInset-ref:hover {
|
|
background: #289870; }
|
|
|
|
.SidebarInset-ref .SidebarInset__title-text:after {
|
|
background: url(wave-rf-d7c35952140e971b52a5fbb5b5acf36d.svg) 0 center repeat-x; }
|
|
|
|
.SidebarInset__title-button {
|
|
display: inline-block;
|
|
margin-right: 7px;
|
|
margin-left: -3px;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
width: 25px;
|
|
border-radius: 8px;
|
|
cursor: pointer;
|
|
overflow: hidden; }
|
|
|
|
.SidebarInset__title-button-label {
|
|
border-radius: 8px;
|
|
cursor: pointer;
|
|
display: block;
|
|
overflow: hidden;
|
|
font-size: 16px; }
|
|
|
|
.SidebarInset__title-button-inner {
|
|
display: block;
|
|
transition: margin .2s ease-in 0s;
|
|
width: 200%;
|
|
font-weight: 600;
|
|
margin-left: 0; }
|
|
|
|
.SidebarInset__title-button-inner:after {
|
|
background-color: #EEEEEE;
|
|
color: #999999;
|
|
content: "";
|
|
padding-right: 10px;
|
|
text-align: right; }
|
|
|
|
.SidebarInset__title-button-inner:before, .SidebarInset__title-button-inner:after {
|
|
box-sizing: border-box;
|
|
color: white;
|
|
display: block;
|
|
float: left;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
height: 14px;
|
|
line-height: 14px;
|
|
padding: 0;
|
|
width: 50%; }
|
|
|
|
.SidebarInset__title-button-inner:before {
|
|
background-color: #EEEEEE;
|
|
content: "";
|
|
color: #FFFFFF;
|
|
padding-left: 10px; }
|
|
|
|
.SidebarInset__title-button-switch {
|
|
background: #949494;
|
|
border: 1px solid #EEEEEE;
|
|
border-radius: 8px;
|
|
display: block;
|
|
margin: 0px;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 10px;
|
|
bottom: 0;
|
|
transition: all .2s ease-in 0s;
|
|
width: 14px;
|
|
font-weight: 600;
|
|
box-sizing: border-box; }
|
|
|
|
.SidebarInset__title-button-switch-checked {
|
|
background-color: #10b34c;
|
|
right: 0; }
|
|
|
|
.SidebarInset__content {
|
|
max-height: 0;
|
|
opacity: 0;
|
|
transition: .3s ease; }
|
|
|
|
.SidebarInset__content-open {
|
|
opacity: 1;
|
|
position: relative;
|
|
max-height: calc(100vh - 183px); }
|
|
|
|
@media only screen and (max-width: 1441px) {
|
|
.SidebarInset {
|
|
font-size: 14px; } }
|
|
|
|
.Report {
|
|
overflow: hidden;
|
|
position: relative;
|
|
margin: -20px -40px; }
|
|
|
|
@media only screen and (max-width: 1441px) {
|
|
.Report {
|
|
margin: -20px -20px; } }
|
|
|
|
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
|
|
.Report {
|
|
margin: -20px -20px; } }
|
|
|
|
.ui-plagCheck-workspace-content {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-right: 320px;
|
|
height: 100vH; }
|
|
|
|
.ui-plagCheck-stats {
|
|
background: whitesmoke;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
position: relative;
|
|
padding: 0 20px;
|
|
min-height: 95px;
|
|
display: flex;
|
|
align-items: center; }
|
|
|
|
.ui-plagCheck-stats-content {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: 101px;
|
|
max-width: 900px;
|
|
width: 100%;
|
|
margin: 0 auto; }
|
|
|
|
.ui-plagCheck-stats-matched-percent {
|
|
color: #a13169;
|
|
display: inline-block;
|
|
font-size: 37px;
|
|
line-height: 37px;
|
|
font-weight: 600;
|
|
margin-right: 10px; }
|
|
|
|
.ui-plagCheck-stats-matched-text {
|
|
color: #333;
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
line-height: 18px;
|
|
max-width: 180px;
|
|
position: relative;
|
|
text-transform: uppercase; }
|
|
|
|
.ui-plagCheck-nodes-scroll {
|
|
display: flex;
|
|
align-items: center;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0; }
|
|
|
|
.ui-plagCheck-nodes-scroll-container {
|
|
max-width: 900px;
|
|
margin: 40px 20px;
|
|
text-align: left;
|
|
line-height: 26px;
|
|
word-wrap: break-word;
|
|
position: relative;
|
|
width: 100%; }
|
|
|
|
.ui-plagCheck-nodes-scroll-container-center {
|
|
display: flex;
|
|
justify-content: center; }
|
|
|
|
.ui-plagCheck-stats-matched-percent-symbol {
|
|
font-weight: 300; }
|
|
|
|
.ui-plagCheck-nodes-scroll-report-name {
|
|
font-weight: 700;
|
|
line-height: 44px;
|
|
margin-right: 20px;
|
|
margin-bottom: 20px;
|
|
vertical-align: middle;
|
|
font-size: 34px; }
|
|
|
|
.ui-plagcheck-custom-trumb {
|
|
background-color: #333;
|
|
opacity: 0.3;
|
|
border-radius: 2px;
|
|
width: 4px; }
|
|
|
|
.ui-plagCheck-workspace {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
justify-content: space-between; }
|
|
|
|
.ui-plagCheck-nodes {
|
|
box-sizing: border-box;
|
|
text-align: justify;
|
|
width: 100%;
|
|
flex: 1 1 100%;
|
|
position: relative; }
|
|
|
|
.ui-plagCheck-nodes:hover .ui-plagcheck-custom-trumb {
|
|
background: #306a8f;
|
|
opacity: .6; }
|
|
|
|
.ui-plagcheck-custom-track {
|
|
background-color: #ececec;
|
|
border-radius: 2px;
|
|
right: 5px;
|
|
top: 10px;
|
|
height: 93%;
|
|
position: absolute;
|
|
width: 4px; }
|
|
|
|
.ui-plagCheck-sources-sticky {
|
|
overflow-y: auto; }
|
|
|
|
.ui-plagCheck-sidebar-sources-container {
|
|
width: 98%; }
|
|
|
|
.ui-plagCheck-sidebar {
|
|
background: #ececec;
|
|
max-width: 320px;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
transition: .3s ease;
|
|
width: 100%; }
|
|
|
|
.ui-plagCheck-sidebar-open-button {
|
|
display: none; }
|
|
|
|
.ui-plagCheck-sidebar-button {
|
|
z-index: 1;
|
|
background: #8d2b5c;
|
|
border-radius: 4px 0 0 4px;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: none;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
position: absolute;
|
|
top: 98px;
|
|
left: -50px;
|
|
text-align: center;
|
|
width: 50px; }
|
|
.ui-plagCheck-sidebar-button:before {
|
|
color: white;
|
|
content: "%"; }
|
|
|
|
html body .SidebarInset__content-open .ui-plagCheck-sources-scroll {
|
|
position: relative; }
|
|
|
|
.ui-plagcheck-custom-sources-track {
|
|
border-radius: 2px;
|
|
right: 2px;
|
|
top: 10px;
|
|
height: 95%;
|
|
position: absolute;
|
|
width: 4px; }
|
|
|
|
.ui-plagcheck-custom-sources-trumb {
|
|
background-color: #333;
|
|
opacity: 0.3;
|
|
border-radius: 2px;
|
|
width: 4px; }
|
|
|
|
.ui-plagCheck-overlap-part-sources {
|
|
background: #a13169;
|
|
width: 2px; }
|
|
|
|
.ui-plagCheck-overlap-part-quSources {
|
|
background: #639ec3;
|
|
width: 2px; }
|
|
|
|
.ui-plagCheck-overlap-part-reSources {
|
|
background: #289870;
|
|
width: 2px; }
|
|
|
|
@media only screen and (max-width: 1441px) {
|
|
.ui-plagCheck-stats {
|
|
padding: 0 20px; }
|
|
.ui-plagCheck-stats-content {
|
|
height: 86px; }
|
|
.ui-plagCheck-stats {
|
|
padding: 0 20px; }
|
|
.ui-plagCheck-nodes-scroll-report-name {
|
|
font-size: 30px; }
|
|
.ui-plagCheck-sidebar {
|
|
max-width: 280px; }
|
|
.ui-plagCheck-workspace-content {
|
|
margin-right: 280px; }
|
|
.ui-plagCheck-stats-matched-percent {
|
|
font-size: 37px;
|
|
line-height: 37px; }
|
|
.ui-plagCheck-stats-matched-text {
|
|
font-size: 16px;
|
|
line-height: 18px; } }
|
|
|
|
@media only screen and (max-width: 1025px) {
|
|
.ui-plagCheck-stats {
|
|
min-height: 117px; }
|
|
.ui-plagCheck-nodes-scroll-report-name {
|
|
font-size: 24px;
|
|
margin-right: 0;
|
|
max-width: 250px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis; }
|
|
.ui-plagCheck-workspace-content {
|
|
margin-right: 0;
|
|
height: 100vH; }
|
|
.ui-plagCheck-sidebar {
|
|
right: -280px; }
|
|
.ui-plagCheck-sidebar:after {
|
|
background: #333;
|
|
content: "";
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
opacity: 0;
|
|
visibility: visible;
|
|
z-index: 0;
|
|
transition: .3s ease; }
|
|
.ui-plagCheck-sidebar-open {
|
|
right: 0; }
|
|
.ui-plagCheck-sidebar-open:after {
|
|
left: -1000px;
|
|
opacity: .3;
|
|
right: 280px; }
|
|
.ui-plagCheck-sidebar-button {
|
|
display: block; }
|
|
.ui-plagCheck-sidebar-open .ui-plagCheck-sidebar-button:before {
|
|
content: "\2716"; }
|
|
.ui-plagCheck-sidebar-open-button {
|
|
display: block; }
|
|
.ui-plagCheck-stats-matched-percent {
|
|
font-size: 42px;
|
|
line-height: 39px; }
|
|
.ui-plagCheck-stats-matched-text {
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
line-height: 18px; } }
|
|
|
|
@media only screen and (max-width: 1020px) {
|
|
.ui-plagCheck-workspace-content {
|
|
height: 100vH; } }
|
|
|
|
.ui-plagCheck-nodes-header {
|
|
margin-bottom: 20px; }
|
|
|
|
.ui-plagCheck-overlap-bar {
|
|
top: 10px;
|
|
height: 93%;
|
|
right: 12px;
|
|
width: 2px; }
|
|
|
|
@media only screen and (max-width: 641px) {
|
|
.ui-plagCheck-stats {
|
|
padding: 10px 20px;
|
|
overflow: hidden; } }
|
|
|
|
@media only screen and (max-width: 425px) {
|
|
.ui-plagCheck-stats {
|
|
padding: 0 10px;
|
|
position: relative;
|
|
height: 86px; }
|
|
.ui-plagCheck-stats-content {
|
|
padding-right: 10px; } }
|
|
|
|
.ui-plagCheck-node-isVisible {
|
|
display: inline; }
|
|
|
|
.ui-plagCheck-node {
|
|
font-size: 15px;
|
|
white-space: pre-wrap;
|
|
background-repeat: repeat-x;
|
|
background-position: bottom;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
transition: all 0.3s cubic-bezier(0.51, -0.38, 1, 1);
|
|
vertical-align: top; }
|
|
.ui-plagCheck-node.quote {
|
|
background-color: #639ec3;
|
|
color: white; }
|
|
.ui-plagCheck-node.reference {
|
|
background-color: #289870;
|
|
color: white; }
|
|
.ui-plagCheck-node.active, .ui-plagCheck-node.ui-plagCheck-source:hover {
|
|
background-color: #a13169;
|
|
color: white; }
|
|
|
|
.ui-plagCheck-node-quSources {
|
|
background-image: url(wave-qu-8ff3a7579823f9099d975ad581dc134e.svg);
|
|
font-weight: 400; }
|
|
|
|
.ui-plagCheck-node-reSources {
|
|
background-image: url(wave-rf-d7c35952140e971b52a5fbb5b5acf36d.svg);
|
|
font-weight: 400; }
|
|
|
|
.ui-plagCheck-node-sources {
|
|
background-image: url(wave-dc15a25d325f6e422665aaea4eee9834.svg);
|
|
font-weight: 400; }
|
|
|
|
@media only screen and (max-width: 426px) {
|
|
.ui-plagCheck-node {
|
|
line-height: 18px; } }
|
|
|
|
.checkIcon:before,
|
|
.checkIcon:after {
|
|
content: "";
|
|
height: 7px;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 1px;
|
|
transform-origin: center;
|
|
transform: rotate(-45deg);
|
|
width: 14px; }
|
|
|
|
.checkIcon:before {
|
|
transition: 0s ease opacity; }
|
|
|
|
.checkIcon:after {
|
|
top: 0px;
|
|
transform: rotate(-45deg) scale(0.9); }
|
|
|
|
.checkIcon-checked:before {
|
|
transition: .3s ease opacity;
|
|
opacity: 1; }
|
|
|
|
.checkIcon-checked:after {
|
|
opacity: 1; }
|
|
|
|
.ui-plagCheck-source {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
align-items: center;
|
|
line-height: 35px;
|
|
font-size: 15px;
|
|
padding: 0 10px;
|
|
position: relative;
|
|
z-index: 0;
|
|
cursor: pointer;
|
|
transition: all 0.3s cubic-bezier(0.51, -0.38, 1, 1); }
|
|
.ui-plagCheck-source.highlighted {
|
|
background: #a13169;
|
|
color: #fff; }
|
|
.ui-plagCheck-source .ui-dropDown-options {
|
|
right: 0;
|
|
left: auto;
|
|
min-width: 160px; }
|
|
.ui-plagCheck-source.active .plagCheckSource-web-cache-icon, .ui-plagCheck-source:hover .plagCheckSource-web-cache-icon {
|
|
background: url(sprite-629f3f2022a6e5fc28f69395449a59a3.svg) no-repeat;
|
|
background-position: -1055px -1053px;
|
|
height: 15px;
|
|
width: 60px; }
|
|
|
|
.ui-plagCheck-source-disabled:hover {
|
|
background-color: rgba(211, 211, 211, 0.5); }
|
|
|
|
.ui-plagCheck-source-enabled.ui-plagCheck-source-sources.active, .ui-plagCheck-source-enabled.ui-plagCheck-source-sources.ui-plagCheck-source:hover {
|
|
background: #a13169;
|
|
color: #fff; }
|
|
.ui-plagCheck-source-enabled.ui-plagCheck-source-sources.active .plagCheckSource-web-cache-icon, .ui-plagCheck-source-enabled.ui-plagCheck-source-sources.ui-plagCheck-source:hover .plagCheckSource-web-cache-icon {
|
|
background: url(sprite-629f3f2022a6e5fc28f69395449a59a3.svg) no-repeat;
|
|
background-position: -1055px -1053px;
|
|
height: 15px;
|
|
width: 60px; }
|
|
|
|
.ui-plagCheck-source-enabled.ui-plagCheck-source-sources:hover {
|
|
color: #fff;
|
|
background-color: #a13169; }
|
|
.ui-plagCheck-source-enabled.ui-plagCheck-source-sources:hover .plagCheckSource-web-cache-icon {
|
|
background: url(sprite-629f3f2022a6e5fc28f69395449a59a3.svg) no-repeat;
|
|
background-position: -1055px -1053px;
|
|
height: 15px;
|
|
width: 60px; }
|
|
|
|
.ui-plagCheck-source-enabled.ui-plagCheck-source-quSources.active, .ui-plagCheck-source-enabled.ui-plagCheck-source-quSources.ui-plagCheck-source:hover {
|
|
background: #639ec3;
|
|
color: #fff; }
|
|
.ui-plagCheck-source-enabled.ui-plagCheck-source-quSources.active .ui-plagCheck-source-a, .ui-plagCheck-source-enabled.ui-plagCheck-source-quSources.ui-plagCheck-source:hover .ui-plagCheck-source-a {
|
|
background: url(sprite-629f3f2022a6e5fc28f69395449a59a3.svg) no-repeat;
|
|
background-position: -2995px -3158px;
|
|
height: 23px;
|
|
width: 16px; }
|
|
|
|
.ui-plagCheck-source-enabled.ui-plagCheck-source-quSources:hover {
|
|
color: #fff;
|
|
background-color: #639ec3; }
|
|
|
|
.ui-plagCheck-source-enabled.ui-plagCheck-source-reSources.active, .ui-plagCheck-source-enabled.ui-plagCheck-source-reSources.ui-plagCheck-source:hover {
|
|
background: #289870;
|
|
color: #fff; }
|
|
|
|
.ui-plagCheck-source-enabled.ui-plagCheck-source-reSources:hover {
|
|
color: #fff;
|
|
background-color: #289870; }
|
|
|
|
.ui-plagCheck-source-checkbox {
|
|
outline: none;
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
background-color: transparent;
|
|
border-radius: 2px;
|
|
cursor: pointer;
|
|
height: 19px;
|
|
min-width: 19px;
|
|
position: relative;
|
|
margin: 0;
|
|
margin-right: 10px;
|
|
overflow: hidden;
|
|
border: 2px solid #d0d0d0; }
|
|
.ui-plagCheck-source-checkbox:checked {
|
|
border: 2px solid transparent;
|
|
background: #dfdfdf; }
|
|
.ui-plagCheck-source-checkbox:hover {
|
|
cursor: pointer; }
|
|
|
|
.ui-plagCheck-source-title {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
max-width: 65%; }
|
|
|
|
.ui-plagCheck-source-a {
|
|
display: block;
|
|
margin-left: 6px;
|
|
flex-basis: 8.333%;
|
|
max-width: 8.333%;
|
|
cursor: pointer; }
|
|
|
|
.ui-plagCheck-source-a-link {
|
|
background: url(sprite-629f3f2022a6e5fc28f69395449a59a3.svg) no-repeat;
|
|
background-position: -4113px -3962px;
|
|
height: 18px;
|
|
width: 18px;
|
|
opacity: 0.8; }
|
|
.ui-plagCheck-source-a-link:hover {
|
|
opacity: 1; }
|
|
|
|
.ui-plagCheck-source-external-link {
|
|
background: url(sprite-629f3f2022a6e5fc28f69395449a59a3.svg) no-repeat;
|
|
background-position: -2959px -3122px;
|
|
height: 18px;
|
|
width: 18px;
|
|
opacity: 0.8; }
|
|
.ui-plagCheck-source-external-link:hover {
|
|
opacity: 1; }
|
|
|
|
.ui-plagCheck-source-percent {
|
|
width: 100%;
|
|
max-width: 16.667%;
|
|
font-size: 12px;
|
|
font-weight: 600; }
|
|
|
|
html body .ui-plagCheck-source-name {
|
|
box-sizing: border-box;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
margin: 0 5px 0 0;
|
|
overflow: hidden;
|
|
padding-right: 4px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: 100%; }
|
|
html body .ui-plagCheck-source-name:hover {
|
|
cursor: pointer;
|
|
color: inherit; }
|
|
|
|
.ui-plagCheck-source-links {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
width: 44px;
|
|
justify-content: flex-end;
|
|
margin-left: auto; }
|
|
|
|
.ui-plagCheck-source-options {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
padding: 0 4px; }
|
|
|
|
.plagCheckSource-web-cache-icon {
|
|
background: url(sprite-629f3f2022a6e5fc28f69395449a59a3.svg) no-repeat;
|
|
background-position: -995px -1038px;
|
|
height: 15px;
|
|
width: 60px;
|
|
min-width: 65px;
|
|
margin-right: 5px;
|
|
margin-left: -5px; }
|
|
.Spinner {
|
|
margin: 0px auto;
|
|
width: 40px;
|
|
height: 40px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%); }
|
|
|
|
.Spinner-little {
|
|
width: 20px;
|
|
height: 20px; }
|
|
.Spinner-little .Spinner__cube1, .Spinner-little .Spinner__cube2 {
|
|
width: 8px;
|
|
height: 8px;
|
|
-webkit-animation: sk-little-cubemove 1.8s infinite ease-in-out;
|
|
animation: sk-little-cubemove 1.8s infinite ease-in-out; }
|
|
.Spinner-little .Spinner__cube2 {
|
|
-webkit-animation-delay: -0.9s;
|
|
animation-delay: -0.9s; }
|
|
|
|
.Spinner__cube1, .Spinner__cube2 {
|
|
background-color: #a13169;
|
|
width: 15px;
|
|
height: 15px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
-webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
|
|
animation: sk-cubemove 1.8s infinite ease-in-out; }
|
|
|
|
html body .Spinner__cube2 {
|
|
-webkit-animation-delay: -0.9s;
|
|
animation-delay: -0.9s; }
|
|
|
|
.Spinner__with-title-container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center; }
|
|
|
|
.Spinner__title {
|
|
font-size: 25pt;
|
|
margin-bottom: 25px;
|
|
font-weight: bold;
|
|
color: #306a8f; }
|
|
|
|
.Spinner__with-title-spinner-container {
|
|
position: relative;
|
|
height: 40px; }
|
|
|
|
@-webkit-keyframes sk-cubemove {
|
|
25% {
|
|
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); }
|
|
50% {
|
|
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); }
|
|
75% {
|
|
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }
|
|
100% {
|
|
-webkit-transform: rotate(-360deg); } }
|
|
|
|
@keyframes sk-cubemove {
|
|
25% {
|
|
transform: translateX(42px) rotate(-90deg) scale(0.5);
|
|
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); }
|
|
50% {
|
|
transform: translateX(42px) translateY(42px) rotate(-179deg);
|
|
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); }
|
|
50.1% {
|
|
transform: translateX(42px) translateY(42px) rotate(-180deg);
|
|
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); }
|
|
75% {
|
|
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
|
|
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }
|
|
100% {
|
|
transform: rotate(-360deg);
|
|
-webkit-transform: rotate(-360deg); } }
|
|
|
|
@keyframes sk-little-cubemove {
|
|
25% {
|
|
transform: translateX(21px) rotate(-90deg) scale(0.5);
|
|
-webkit-transform: translateX(21px) rotate(-90deg) scale(0.5); }
|
|
50% {
|
|
transform: translateX(21px) translateY(21px) rotate(-179deg);
|
|
-webkit-transform: translateX(21px) translateY(21px) rotate(-179deg); }
|
|
50.1% {
|
|
transform: translateX(21px) translateY(21px) rotate(-180deg);
|
|
-webkit-transform: translateX(21px) translateY(21px) rotate(-180deg); }
|
|
75% {
|
|
transform: translateX(0px) translateY(21px) rotate(-270deg) scale(0.5);
|
|
-webkit-transform: translateX(0px) translateY(21px) rotate(-270deg) scale(0.5); }
|
|
100% {
|
|
transform: rotate(-360deg);
|
|
-webkit-transform: rotate(-360deg); } }
|
|
.SelectOption {
|
|
background: #fff;
|
|
color: #306a8f;
|
|
padding: 0 5px;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
min-height: 45px;
|
|
text-align: left;
|
|
width: 100%;
|
|
font-size: 16px;
|
|
text-transform: uppercase;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
display: flex;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
transition: all 0.1s linear;
|
|
text-decoration: none; }
|
|
.SelectOption:hover {
|
|
background: #306a8f;
|
|
color: white; }
|
|
|
|
.SelectOption:first-child {
|
|
border-top: 0px; }
|
|
|
|
.SelectOption__container {
|
|
overflow: hidden; }
|
|
|
|
.SelectOption__title {
|
|
white-space: nowrap;
|
|
padding: 0 20px;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden; }
|
|
|
|
@media only screen and (max-width: 1025px) {
|
|
.SelectOption {
|
|
padding: 0; } }
|
|
.SelectDropDown {
|
|
transition: background, height 0.2s linear;
|
|
position: absolute;
|
|
width: 100%;
|
|
box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 30px;
|
|
z-index: 100000;
|
|
margin-top: 10px; }
|
|
.SelectDropDown:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: -10px;
|
|
right: -1px;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 5px solid transparent;
|
|
border-right: 5px solid transparent;
|
|
border-bottom: 7px solid #fff;
|
|
border-width: 0 0 10px 10px; }
|
|
.SelectDropDown:hover:before {
|
|
border-bottom: 7px solid #306a8f;
|
|
border-width: 0 0 10px 10px; }
|
|
|
|
.SelectDropDown__opened {
|
|
height: 100%; }
|
|
|
|
.SelectDropDown__closed {
|
|
height: 0;
|
|
visibility: hidden;
|
|
outline: none; }
|
|
|
|
.SelectDropDown__scroll-trumb {
|
|
border-radius: inherit;
|
|
background-color: rgba(0, 0, 0, 0.2); }
|
|
|
|
.SelectDropDown__scrollbar {
|
|
outline: 1px solid #fff; }
|
|
.SelectDropDown__scrollbar:hover {
|
|
outline: 1px solid #306a8f; }
|
|
.SelectHeader {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
cursor: pointer;
|
|
min-height: 45px;
|
|
background: #fff;
|
|
padding: 0 5px;
|
|
color: #306a8f;
|
|
text-transform: uppercase;
|
|
border-bottom: 1px solid #bfbfbf; }
|
|
.SelectHeader:hover {
|
|
background: #306a8f;
|
|
color: white;
|
|
border-bottom: 1px solid transparent; }
|
|
.SelectHeader:hover .SelectHeader__clear-button {
|
|
color: white; }
|
|
.SelectHeader:hover .SelectHeader__placeholder {
|
|
color: white; }
|
|
.SelectHeader:hover:after {
|
|
background: url(sprite-629f3f2022a6e5fc28f69395449a59a3.svg) no-repeat;
|
|
background-position: -5539px -5109px;
|
|
height: 29px;
|
|
width: 12px; }
|
|
.SelectHeader:after {
|
|
content: '';
|
|
display: block;
|
|
background: url(sprite-629f3f2022a6e5fc28f69395449a59a3.svg) no-repeat;
|
|
background-position: -5551px -5138px;
|
|
height: 29px;
|
|
width: 12px;
|
|
transition: .3s transform; }
|
|
|
|
.SelectHeader__title {
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden; }
|
|
|
|
.SelectHeader.SelectHeader-open:after {
|
|
transform: rotate(180deg); }
|
|
|
|
.SelectHeader__placeholder {
|
|
color: #ccc;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
cursor: pointer; }
|
|
.SelectHeader__placeholder:hover {
|
|
color: #fff; }
|
|
|
|
.SelectHeader__clear-button {
|
|
position: absolute;
|
|
right: 32px;
|
|
color: #306a8f;
|
|
font-size: 12px; }
|
|
|
|
@media only screen and (max-width: 1025px) {
|
|
.SelectHeader {
|
|
padding: 0 5px; } }
|
|
.Select {
|
|
position: relative; }
|
|
html body #ExternalReport .ExternalReport__header-container {
|
|
height: 80px;
|
|
padding: 0 20px; }
|
|
|
|
html body #ExternalReport .ExternalReport__header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between; }
|
|
|
|
html body #ExternalReport .ExternalReport__header-logo {
|
|
flex-basis: 25%;
|
|
max-width: 25%; }
|
|
html body #ExternalReport .ExternalReport__header-logo:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
background-image: url(logo-on-white-4ae10676b15e573d5f4ba85e13352ffb.svg);
|
|
height: 50px;
|
|
margin: 15px 0; }
|
|
|
|
html body #ExternalReport .ExternalReport__header-logo-img {
|
|
height: 50px;
|
|
margin: 15px 0; }
|
|
|
|
html body #ExternalReport .ExternalReport__header-close-button:before,
|
|
html body #ExternalReport .ExternalReport__header-close-button:after {
|
|
background: #333;
|
|
border-radius: 2px;
|
|
content: '';
|
|
height: 2px;
|
|
position: absolute;
|
|
top: 25px;
|
|
left: 5px;
|
|
transform-origin: center;
|
|
transform: rotate(45deg);
|
|
width: 50px; }
|
|
|
|
html body #ExternalReport .ExternalReport__header-close-button {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
height: 50px;
|
|
opacity: .8;
|
|
position: relative;
|
|
width: 50px; }
|
|
html body #ExternalReport .ExternalReport__header-close-button:after {
|
|
transform: rotate(-45deg); }
|
|
|
|
html body #ExternalReport .ExternalReport__navigation-container {
|
|
background: #efefef;
|
|
font-size: 16px; }
|
|
|
|
html body #ExternalReport .ExternalReport__top-bar {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 500000000;
|
|
background: #fff; }
|
|
|
|
html body #ExternalReport .ExternalReport__navigation {
|
|
margin: 0 auto; }
|
|
|
|
html body #ExternalReport .ExternalReport__navigation-link {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 40px;
|
|
color: #306a8f;
|
|
cursor: pointer;
|
|
font-weight: 400;
|
|
border-bottom: 1px solid transparent; }
|
|
|
|
html body #ExternalReport .ExternalReport__navigation-previous:before,
|
|
html body #ExternalReport .ExternalReport__navigation-next:after {
|
|
background: url(sprite-629f3f2022a6e5fc28f69395449a59a3.svg) no-repeat;
|
|
background-position: -80px -60px;
|
|
height: 29px;
|
|
width: 18px;
|
|
background-position: -80px -60px;
|
|
height: 29px;
|
|
width: 18px;
|
|
content: '';
|
|
display: inline-block;
|
|
transition: margin .4s ease; }
|
|
|
|
html body #ExternalReport .ExternalReport__navigation-previous:hover:before {
|
|
margin-right: 5px;
|
|
margin-left: -5px; }
|
|
|
|
html body #ExternalReport .ExternalReport__navigation-next:hover:after {
|
|
margin-right: -5px;
|
|
margin-left: 5px; }
|
|
|
|
html body #ExternalReport .ExternalReport__navigation-previous:before {
|
|
transform: rotate(90deg); }
|
|
|
|
html body #ExternalReport .ExternalReport__navigation-next:after {
|
|
transform: rotate(-90deg); }
|
|
|
|
html body #ExternalReport .ExternalReport__navigation-source-choosen, html body #ExternalReport .ExternalReport__navigation-source:hover {
|
|
text-decoration: underline;
|
|
margin-top: 3px;
|
|
color: #306a8f; }
|
|
|
|
html body #ExternalReport .ExternalReport__navigation-source {
|
|
color: #306a8f;
|
|
max-width: 300px;
|
|
min-width: 200px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
padding-right: 15px;
|
|
cursor: pointer;
|
|
transition: all 0.2s ease-in-out;
|
|
font-weight: normal; }
|
|
html body #ExternalReport .ExternalReport__navigation-source:last-child {
|
|
padding-right: 0px; }
|
|
|
|
html body #ExternalReport .ExternalReport__navigation-current {
|
|
overflow: hidden;
|
|
padding: 0 50px; }
|
|
|
|
@media only screen and (min-width: 1025px) {
|
|
html body #ExternalReport .ExternalReport__header-logo {
|
|
flex-basis: 16.667%;
|
|
max-width: 16.667%; } }
|
|
|
|
@media only screen and (max-width: 1025px) {
|
|
html body #ExternalReport .ExternalReport__header-logo-img {
|
|
height: 40px;
|
|
margin: 10px 0; }
|
|
html body #ExternalReport .ExternalReport__header-container {
|
|
height: 60px; }
|
|
html body #ExternalReport .ExternalReport__header-close-button:before,
|
|
html body #ExternalReport .ExternalReport__header-close-button:after {
|
|
width: 40px; } }
|
|
.ExternalReport {
|
|
background: white;
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 125px;
|
|
transition: opacity .3s ease;
|
|
z-index: 101;
|
|
min-height: calc(100vh - 125px);
|
|
overflow: auto; }
|
|
|
|
.ExternalReport__frame-container {
|
|
height: 100%;
|
|
width: 100%; }
|
|
|
|
.ExternalReport__highlight {
|
|
color: white;
|
|
padding: 1px 3px; }
|
|
.ExternalReport__highlight:after {
|
|
content: ' '; }
|
|
|
|
.ExternalReport__not-found-container {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
color: #a13169; }
|
|
|
|
.ExternalReport__highlight {
|
|
background: #a13169; }
|
|
|
|
@media only screen and (max-width: 1025px) {
|
|
.ExternalReport {
|
|
top: 105px;
|
|
min-height: calc(100vh - 105px); } }
|
|
.checkIcon:before, html body .RootLayout .CheckBox__input:before,
|
|
.checkIcon:after,
|
|
html body .RootLayout .CheckBox__input:after {
|
|
content: "";
|
|
height: 7px;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 1px;
|
|
transform-origin: center;
|
|
transform: rotate(-45deg);
|
|
width: 14px; }
|
|
|
|
.checkIcon:before, html body .RootLayout .CheckBox__input:before {
|
|
transition: 0s ease opacity; }
|
|
|
|
|
|
.checkIcon:after,
|
|
html body .RootLayout .CheckBox__input:after {
|
|
top: 0px;
|
|
transform: rotate(-45deg) scale(0.9); }
|
|
|
|
.checkIcon-checked:before, html body .RootLayout .CheckBox__input:checked:before {
|
|
transition: .3s ease opacity;
|
|
opacity: 1; }
|
|
|
|
.checkIcon-checked:after, html body .RootLayout .CheckBox__input:checked:after {
|
|
opacity: 1; }
|
|
|
|
html body .RootLayout .CheckBox__input {
|
|
position: relative;
|
|
-webkit-appearance: none;
|
|
background: transparent;
|
|
border: 1px solid #d0d0d0;
|
|
border-radius: 2px;
|
|
cursor: pointer;
|
|
height: 19px;
|
|
width: 19px;
|
|
transition: .2s ease-in;
|
|
outline: none;
|
|
overflow: hidden; }
|
|
html body .RootLayout .CheckBox__input:before {
|
|
top: 2px; }
|
|
html body .RootLayout .CheckBox__input:after {
|
|
top: 0px; }
|
|
|
|
html body .RootLayout .Checkbox-error {
|
|
border-color: #bf3c26;
|
|
box-shadow: 0px 0px 10px #bf3c26;
|
|
animation-name: errorZoom;
|
|
animation-duration: 0.3s; }
|
|
|
|
html body .RootLayout .CheckBox__input:before,
|
|
html body .RootLayout .CheckBox__input:after {
|
|
left: 1px; }
|
|
|
|
html body .RootLayout .CheckBox__input:checked {
|
|
border: 2px solid transparent; }
|
|
|
|
html body .RootLayout .CheckBox-document:checked {
|
|
background: #306a8f;
|
|
border: 2px solid #306a8f; }
|
|
html body .RootLayout .CheckBox-document:checked:before {
|
|
background: white; }
|
|
html body .RootLayout .CheckBox-document:checked:after {
|
|
background: #306a8f; }
|
|
|
|
html body .RootLayout .CheckBox-report:checked {
|
|
background: #dfdfdf; }
|
|
html body .RootLayout .CheckBox-report:checked:before {
|
|
background: #306a8f; }
|
|
html body .RootLayout .CheckBox-report:checked:after {
|
|
background: #dfdfdf; }
|
|
|
|
@keyframes errorZoom {
|
|
0% {
|
|
transform: scale(1); }
|
|
50% {
|
|
transform: scale(1.25); }
|
|
100% {
|
|
transform: scale(1); } }
|
|
.Report {
|
|
overflow: hidden;
|
|
position: relative;
|
|
margin: 0; }
|
|
|
|
@media only screen and (max-width: 1441px) {
|
|
.Report {
|
|
margin: 0; } }
|
|
|
|
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
|
|
.Report {
|
|
margin: 0; } }
|