@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; } }