@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-d4601b0b6de55a813269678618bcc950.svg?d4601b0b6de55a813269678618bcc950) 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-d4601b0b6de55a813269678618bcc950.svg?d4601b0b6de55a813269678618bcc950) 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?dc15a25d325f6e422665aaea4eee9834) 0 center repeat-x; } .SidebarInse-quot:hover { background: #639ec3; } .SidebarInse-quot .SidebarInset__title-text:after { background: url(wave-qu-8ff3a7579823f9099d975ad581dc134e.svg?8ff3a7579823f9099d975ad581dc134e) 0 center repeat-x; } .SidebarInset-ref:hover { background: #289870; } .SidebarInset-ref .SidebarInset__title-text:after { background: url(wave-rf-d7c35952140e971b52a5fbb5b5acf36d.svg?d7c35952140e971b52a5fbb5b5acf36d) 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: 62px; font-weight: 600; line-height: 68px; margin-right: 10px; } .ui-plagCheck-stats-matched-text { color: #333; display: inline-block; font-size: 22px; font-weight: 300; line-height: 26px; 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?8ff3a7579823f9099d975ad581dc134e); font-weight: 400; } .ui-plagCheck-node-reSources { background-image: url(wave-rf-d7c35952140e971b52a5fbb5b5acf36d.svg?d7c35952140e971b52a5fbb5b5acf36d); font-weight: 400; } .ui-plagCheck-node-sources { background-image: url(wave-dc15a25d325f6e422665aaea4eee9834.svg?dc15a25d325f6e422665aaea4eee9834); 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-d4601b0b6de55a813269678618bcc950.svg?d4601b0b6de55a813269678618bcc950) 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-d4601b0b6de55a813269678618bcc950.svg?d4601b0b6de55a813269678618bcc950) 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-d4601b0b6de55a813269678618bcc950.svg?d4601b0b6de55a813269678618bcc950) 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-d4601b0b6de55a813269678618bcc950.svg?d4601b0b6de55a813269678618bcc950) 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-d4601b0b6de55a813269678618bcc950.svg?d4601b0b6de55a813269678618bcc950) 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-d4601b0b6de55a813269678618bcc950.svg?d4601b0b6de55a813269678618bcc950) 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-d4601b0b6de55a813269678618bcc950.svg?d4601b0b6de55a813269678618bcc950) no-repeat; background-position: -995px -1038px; height: 15px; width: 60px; min-width: 65px; margin-right: 5px; margin-left: -5px; } .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); } }