Mercurial > hg > orthanc-stone
view Applications/StoneWebViewer/WebApplication/app.css @ 1538:d1806b4e4839
moving OrthancStone/Samples/ as Applications/Samples/
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Tue, 11 Aug 2020 13:24:38 +0200 |
parents | StoneWebViewer/WebApplication/app.css@fb74ed5d8c22 |
children | 092af2150f67 |
line wrap: on
line source
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } .wv-html, .wv-body { height: 100%; width: 100%; margin: 0; padding: 0; overflow: hidden; } .wv-body { background-color: black; color: white; position: relative; overflow: hidden; font-family: "Open Sans", Helvetica, Arial, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 13px; font-weight: 400; line-height: 1.49; font-size-adjust: 100%; -moz-osx-font-smoothing: grayscale !important; font-smoothing: antialiased !important; -webkit-font-smoothing: antialiased !important; } .wvLoadingScreen { width: 100%; height: 100%; background-color: black; position: fixed; top: 0; left: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; } .wvLoadingSpinner { margin: 100px auto 0; width: 70px; text-align: center; } .wvLoadingSpinner > div { width: 18px; height: 18px; background-color: #FFF; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .wvLoadingSpinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .wvLoadingSpinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /* wvp-ui stuffs */ wv-webviewer { display: block; height: 100%; overflow: hidden; } .wvButton, .wvButton--rotate, .wvButton--vflip, .wvButton--underline, .fa.wvButton--underline, .wvButton--border, .wvButton--borderAndWhite { outline: none; background-color: transparent; border: none; border-radius: 0; position: relative; display: inline-block; cursor: pointer; font-variant: small-caps; text-transform: lowercase; text-align: center; font-size: 1.3rem; font-weight: 400; color: #d9d9d9; transition: 0.3s text-decoration ease, 0.3s border ease, 0.3s opacity ease; margin: 0; min-width: 3rem; padding: 0 10px; line-height: 3.6rem; } .wvButton:hover, .wvButton--rotate:hover, .wvButton--vflip:hover, .wvButton--underline:hover, .wvButton--border:hover, .wvButton--borderAndWhite:hover { text-decoration: none; color: white; } .wvButton.wvLargeButton, .wvLargeButton.wvButton--rotate, .wvLargeButton.wvButton--vflip, .wvLargeButton.wvButton--underline, .wvLargeButton.wvButton--border, .wvLargeButton.wvButton--borderAndWhite { font-size: 2rem; line-height: 6.2rem; padding: 0 20px; } .wvButton--rotate:before, .wvButton--rotate:after { transform: rotate(90deg); display: inline-block; } .wvButton--vflip:before, .wvButton--vflip:after { transform: scaleX(-1); display: inline-block; } .wvButton--underline, .fa.wvButton--underline { position: relative; background-color: inherit; text-decoration: none; text-align: left; font-size: 1.2rem; width: 3.2rem; vertical-align: middle; color: white; opacity: 0.75; border: none; border-bottom: 2px solid rgba(255, 255, 255, 0.1); top: 0px; } .wvButton--underline.wvLargeButton, .fa.wvButton--underline.wvLargeButton { font-size: 2rem; width: 6.4rem; } .wvButton--underline *, .fa.wvButton--underline * { pointer-events: none; } .wvButton--underline:hover, .wvButton--underline:active, .wvButton--underline:focus, .fa.wvButton--underline:hover, .fa.wvButton--underline:active, .fa.wvButton--underline:focus { outline: 0; } .wvButton--underline:hover, .wvButton--underline:focus, .fa.wvButton--underline:hover, .fa.wvButton--underline:focus { border-color: white; opacity: 1; } .wvButton--underline:hover .wvButton__bottomTriangle, .wvButton--underline:focus .wvButton__bottomTriangle, .fa.wvButton--underline:hover .wvButton__bottomTriangle, .fa.wvButton--underline:focus .wvButton__bottomTriangle { border-left-color: white; } .wvButton--underline.active, .fa.wvButton--underline.active { opacity: 1; border-color: #3498db; } .wvButton--underline::before, .fa.wvButton--underline::before { position: relative; top: -1px; } .wvButton--underline.fa, .fa.wvButton--underline.fa { top: 0px; font-weight: 800; } .wvButton__bottomTriangle { transition: 0.3s border ease, 0.3s opacity ease; display: block; position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 10px 0 0 10px; border-color: transparent transparent transparent rgba(255, 255, 255, 0.1); } .wvButton__bottomTriangle.active { border-color: transparent transparent transparent #3498db !important; } .wvButton__bottomTriangle.active.toggled { border-left-color: #3498db !important; } .wvButton--border, .wvButton--borderAndWhite { max-height: calc(2.8rem - 3px); max-width: 100%; overflow: hidden; margin: 0.6rem; margin-left: 0rem; margin-right: 0rem; line-height: 2rem; padding-top: 0.1rem; padding-bottom: 0.5rem; font-size: 1.4rem; border: 1px solid #454545; font-family: Arial; background-color: black; } .wvButton--border + .wvButton--border, .wvButton--borderAndWhite + .wvButton--border, .wvButton--border + .wvButton--borderAndWhite, .wvButton--borderAndWhite + .wvButton--borderAndWhite { margin-left: 0.7rem; } .wvButton--border:hover, .wvButton--borderAndWhite:hover { background-color: #1a1a1a; } .wvButton--border > .glyphicon, .wvButton--borderAndWhite > .glyphicon { position: relative; display: inline-block; top: 3px; margin-right: 4px; } .wvButton--borderAndWhite { color: #1a1a1a; border: 1px solid #bababa; background-color: white; } .wvButton--borderAndWhite:hover { color: #1a1a1a; background-color: #e6e6e6; } .wvExitButton { margin-left: 1rem; margin-top: .25rem; font-size: 1.25em; color: white; opacity: .66; transition: .3s opacity ease; background-color: inherit; border: none; text-decoration: none; text-align: left; padding: 0; cursor: pointer; font-family: inherit; line-height: inherit; } .wvExitButton:hover, .wvExitButton:focus { opacity: 1; outline: 0; } .wvExitButton__text { position: relative; top: -1px; } .wvStudyIsland--blue, .wvStudyIsland--red, .wvStudyIsland--green, .wvStudyIsland--yellow, .wvStudyIsland--violet { margin: 1rem 1rem 1rem 1rem; border: 0.3rem solid gray; } .wvStudyIsland__header--blue, .wvStudyIsland__header--red, .wvStudyIsland__header--green, .wvStudyIsland__header--yellow, .wvStudyIsland__header--violet { background-color: gray; padding: 0.5rem 0.5rem 0.8rem 0.5rem; line-height: 1.35rem; width: 100%; } .wvStudyIsland__actions { float: right; margin-top: -0.8rem; margin-right: -0.8rem; } .wvStudyIsland__actions--oneCol { float: none; text-align: center; } .wvStudyIsland__main { padding: 0.4rem; color: white; width: 100%; } .wvStudyIsland--blue { border-color: rgba(51, 152, 219, 0.7); } .wvStudyIsland__header--blue { background-color: rgba(51, 152, 219, 0.7); } .wvStudyIsland--red { border-color: rgba(206, 0, 0, 0.7); } .wvStudyIsland__header--red { background-color: rgba(206, 0, 0, 0.7); } .wvStudyIsland--green { border-color: rgba(0, 160, 27, 0.7); } .wvStudyIsland__header--green { background-color: rgba(0, 160, 27, 0.7); } .wvStudyIsland--yellow { border-color: rgba(220, 200, 0, 0.9); } .wvStudyIsland__header--yellow { background-color: rgba(220, 200, 0, 0.9); } .wvStudyIsland--violet { border-color: rgba(255, 31, 255, 0.7); } .wvStudyIsland__header--violet { background-color: rgba(255, 31, 255, 0.7); } /* * Source code taken from private Osimis' frontend toolbox 3.2.1. */ /** _overlay.scss */ .overlay__transparent { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /** _transition.scss **/ .transition { transition: 0.3s all ease; } .transition--long { transition: 0.6s all ease; } /** _list.scss **/ dd + dt { clear: both; } .listDefinition { width: 100%; line-height: 1.3; } .listDefinition__term { clear: both; float: left; text-align: right; padding-right: 10px; width: 50%; } .listDefinition__data { text-align: left; padding-left: 10px; float: right; width: 50%; } /** _animation.scss **/ @keyframes blink__primary { 0% { color: #3498db; } 100% { color: #666666; } } .blink__primary { animation: blink__primary 0.8s linear infinite; } [translate-cloak] { transition: 0.3s all ease; opacity: 1; } [translate-cloak].translate-cloak { opacity: 0; } /** _button.scss **/ .button__unstyled, .button__base, .button__state--active, .button__state--inactive, .button__iconed, .button__switch--base, .button__switch, .button__switch--first, .button__switch--last, .button__lightgrey--hover, .button__text-danger--hover, .button__text-primary--hover, .button__danger--hover, .button__text, .button__text--underlined, .button__bordered, .button__bordered--inverted, .button__close { background-color: inherit; border: none; text-decoration: none; text-align: left; padding: 0; cursor: pointer; } .button__unstyled *, .button__base *, .button__state--active *, .button__state--inactive *, .button__iconed *, .button__switch--base *, .button__switch *, .button__switch--first *, .button__switch--last *, .button__lightgrey--hover *, .button__text-danger--hover *, .button__text-primary--hover *, .button__danger--hover *, .button__text *, .button__text--underlined *, .button__bordered *, .button__bordered--inverted *, .button__close * { pointer-events: none; } .button__unstyled:hover, .button__base:hover, .button__state--active:hover, .button__state--inactive:hover, .button__iconed:hover, .button__switch--base:hover, .button__switch:hover, .button__switch--first:hover, .button__switch--last:hover, .button__lightgrey--hover:hover, .button__text-danger--hover:hover, .button__text-primary--hover:hover, .button__danger--hover:hover, .button__text:hover, .button__text--underlined:hover, .button__bordered:hover, .button__bordered--inverted:hover, .button__close:hover, .button__unstyled:active, .button__base:active, .button__state--active:active, .button__state--inactive:active, .button__iconed:active, .button__switch--base:active, .button__switch:active, .button__switch--first:active, .button__switch--last:active, .button__lightgrey--hover:active, .button__text-danger--hover:active, .button__text-primary--hover:active, .button__danger--hover:active, .button__text:active, .button__text--underlined:active, .button__bordered:active, .button__bordered--inverted:active, .button__close:active, .button__unstyled:focus, .button__base:focus, .button__state--active:focus, .button__state--inactive:focus, .button__iconed:focus, .button__switch--base:focus, .button__switch:focus, .button__switch--first:focus, .button__switch--last:focus, .button__lightgrey--hover:focus, .button__text-danger--hover:focus, .button__text-primary--hover:focus, .button__danger--hover:focus, .button__text:focus, .button__text--underlined:focus, .button__bordered:focus, .button__bordered--inverted:focus, .button__close:focus { outline: 0; } .button__base, .button__state--active, .button__state--inactive, .button__iconed, .button__switch--base, .button__switch, .button__switch--first, .button__switch--last, .button__lightgrey--hover, .button__text-danger--hover, .button__text-primary--hover, .button__danger--hover, .button__text, .button__text--underlined, .button__bordered, .button__bordered--inverted, .button__close { transition: 0.3s all ease; } .button__state--active { opacity: 1; } .button__state--active:hover { opacity: 0.9; color: #3498db; } .button__state--inactive { opacity: 0.333; } .button__state--inactive:hover { opacity: 0.4333; color: #3498db; } .button__iconed { opacity: 1; } .button__iconed:hover, .button__iconed:focus, .button__iconed.active { opacity: 0.75; color: #3498db; } .button__switch--base, .button__switch, .button__switch--first, .button__switch--last { padding: 5px 0px; display: inline-block; text-align: center; border-top: 1px solid; border-bottom: 1px solid; border-color: #3498db; background-color: white; overflow: hidden; } .button__switch--base:hover, .button__switch:hover, .button__switch--first:hover, .button__switch--last:hover, .button__switch--base:focus, .button__switch:focus, .button__switch--first:focus, .button__switch--last:focus { background-color: #5faee3; color: white; } .button__switch--base.active, .active.button__switch, .active.button__switch--first, .active.button__switch--last { background-color: #3498db; color: white; } .button__switch--first { border-left: 1px solid #3498db; border-radius: 5px 0 0 5px; } .button__switch--last { border-right: 1px solid #3498db; border-radius: 0 5px 5px 0; } .button__lightgrey--hover:hover, .button__lightgrey--hover:focus, .button__lightgrey--hover.active { background-color: #cccccc; } .button__text-danger--hover:hover, .button__text-danger--hover:focus, .button__text-danger--hover.active { color: #E63F24; } .button__text-primary--hover:hover, .button__text-primary--hover:focus, .button__text-primary--hover.active { color: #3498db; } .button__danger--hover:hover, .button__danger--hover:focus, .button__danger--hover.active { background-color: #E63F24; color: white; } .button__text { opacity: 0.66; } .button__text:hover, .button__text.active, .button__text:focus { opacity: 1; } .button__text--underlined { text-decoration: underline; } .button__text--underlined:hover, .button__text--underlined.active, .button__text--underlined:focus { text-decoration: none; } .button__bordered { border-bottom: 2px solid #666666; } .button__bordered:hover, .button__bordered:focus, .button__bordered.active { border-color: #3498db; } .button__bordered--inverted { border-bottom: 2px solid white; } .button__close { position: absolute; top: 0; right: 0; opacity: 0.6; z-index: 10; } .button__close:hover, .button__close:focus { opacity: 1; } /** _block.scss **/ .block { display: block !important; } /** _boxsizing.scss **/ .boxsizing__borderbox { box-sizing: border-box; } .boxsizing__contentbox { box-sizing: content-box; } /** _scrollable.scss **/ .scrollable { overflow-y: auto; } .scrollable--x { overflow-x: auto; } .no-scroll { overflow: hidden; } /** _float.scss **/ .float__right { float: right; } .float__left { float: left; } /** _fonts.scss **/ .font__bold { font-weight: 600; } .font__normal, .listDefinition__data { font-weight: 400; } .font__light, .listDefinition__term { font-weight: 200; } .fontColor__primary { color: #3498db; } .fontColor__lightGrey { color: #cccccc; } .fontColor__normal { color: #666666; } .fontColor__darker { color: #333333; } .fontColor__white { color: white; } /** _forms.scss **/ .textarea__unstyled { border: none; outline: none; background-color: transparent; color: inherit; resize: none; padding: 0; margin: 0; width: 100%; } /** _position.scss **/ .position__relative { position: relative; } /** _margin.scss **/ .margin__auto { margin: auto; } /** _helpers.scss **/ /*************HELPERS**************/ /**********************************/ /*** identical width and height ***/ .wh__0 { width: 0px !important; height: 0px !important; } .lh__0 { line-height: 0px !important; } .wh__5 { width: 5px !important; height: 5px !important; } .lh__5 { line-height: 5px !important; } .wh__8 { width: 8px !important; height: 8px !important; } .lh__8 { line-height: 8px !important; } .wh__10 { width: 10px !important; height: 10px !important; } .lh__10 { line-height: 10px !important; } .wh__11 { width: 11px !important; height: 11px !important; } .lh__11 { line-height: 11px !important; } .wh__12 { width: 12px !important; height: 12px !important; } .lh__12 { line-height: 12px !important; } .wh__13 { width: 13px !important; height: 13px !important; } .lh__13 { line-height: 13px !important; } .wh__14 { width: 14px !important; height: 14px !important; } .lh__14 { line-height: 14px !important; } .wh__15 { width: 15px !important; height: 15px !important; } .lh__15 { line-height: 15px !important; } .wh__16 { width: 16px !important; height: 16px !important; } .lh__16 { line-height: 16px !important; } .wh__17 { width: 17px !important; height: 17px !important; } .lh__17 { line-height: 17px !important; } .wh__18 { width: 18px !important; height: 18px !important; } .lh__18 { line-height: 18px !important; } .wh__19 { width: 19px !important; height: 19px !important; } .lh__19 { line-height: 19px !important; } .wh__20 { width: 20px !important; height: 20px !important; } .lh__20 { line-height: 20px !important; } .wh__21 { width: 21px !important; height: 21px !important; } .lh__21 { line-height: 21px !important; } .wh__22 { width: 22px !important; height: 22px !important; } .lh__22 { line-height: 22px !important; } .wh__23 { width: 23px !important; height: 23px !important; } .lh__23 { line-height: 23px !important; } .wh__24 { width: 24px !important; height: 24px !important; } .lh__24 { line-height: 24px !important; } .wh__25 { width: 25px !important; height: 25px !important; } .lh__25 { line-height: 25px !important; } .wh__26 { width: 26px !important; height: 26px !important; } .lh__26 { line-height: 26px !important; } .wh__27 { width: 27px !important; height: 27px !important; } .lh__27 { line-height: 27px !important; } .wh__28 { width: 28px !important; height: 28px !important; } .lh__28 { line-height: 28px !important; } .wh__29 { width: 29px !important; height: 29px !important; } .lh__29 { line-height: 29px !important; } .wh__30 { width: 30px !important; height: 30px !important; } .lh__30 { line-height: 30px !important; } .wh__31 { width: 31px !important; height: 31px !important; } .lh__31 { line-height: 31px !important; } .wh__32 { width: 32px !important; height: 32px !important; } .lh__32 { line-height: 32px !important; } .wh__33 { width: 33px !important; height: 33px !important; } .lh__33 { line-height: 33px !important; } .wh__34 { width: 34px !important; height: 34px !important; } .lh__34 { line-height: 34px !important; } .wh__35 { width: 35px !important; height: 35px !important; } .lh__35 { line-height: 35px !important; } .wh__36 { width: 36px !important; height: 36px !important; } .lh__36 { line-height: 36px !important; } .wh__37 { width: 37px !important; height: 37px !important; } .lh__37 { line-height: 37px !important; } .wh__38 { width: 38px !important; height: 38px !important; } .lh__38 { line-height: 38px !important; } .wh__39 { width: 39px !important; height: 39px !important; } .lh__39 { line-height: 39px !important; } .wh__40 { width: 40px !important; height: 40px !important; } .lh__40 { line-height: 40px !important; } .wh__41 { width: 41px !important; height: 41px !important; } .lh__41 { line-height: 41px !important; } .wh__42 { width: 42px !important; height: 42px !important; } .lh__42 { line-height: 42px !important; } .wh__43 { width: 43px !important; height: 43px !important; } .lh__43 { line-height: 43px !important; } .wh__44 { width: 44px !important; height: 44px !important; } .lh__44 { line-height: 44px !important; } .wh__45 { width: 45px !important; height: 45px !important; } .lh__45 { line-height: 45px !important; } .wh__46 { width: 46px !important; height: 46px !important; } .lh__46 { line-height: 46px !important; } .wh__47 { width: 47px !important; height: 47px !important; } .lh__47 { line-height: 47px !important; } .wh__48 { width: 48px !important; height: 48px !important; } .lh__48 { line-height: 48px !important; } .wh__49 { width: 49px !important; height: 49px !important; } .lh__49 { line-height: 49px !important; } .wh__50 { width: 50px !important; height: 50px !important; } .lh__50 { line-height: 50px !important; } .wh__55 { width: 55px !important; height: 55px !important; } .lh__55 { line-height: 55px !important; } .wh__60 { width: 60px !important; height: 60px !important; } .lh__60 { line-height: 60px !important; } .wh__64 { width: 64px !important; height: 64px !important; } .lh__64 { line-height: 64px !important; } .wh__65 { width: 65px !important; height: 65px !important; } .lh__65 { line-height: 65px !important; } .wh__70 { width: 70px !important; height: 70px !important; } .lh__70 { line-height: 70px !important; } .wh__72 { width: 72px !important; height: 72px !important; } .lh__72 { line-height: 72px !important; } .wh__75 { width: 75px !important; height: 75px !important; } .lh__75 { line-height: 75px !important; } .wh__80 { width: 80px !important; height: 80px !important; } .lh__80 { line-height: 80px !important; } .wh__85 { width: 85px !important; height: 85px !important; } .lh__85 { line-height: 85px !important; } .wh__90 { width: 90px !important; height: 90px !important; } .lh__90 { line-height: 90px !important; } .wh__95 { width: 95px !important; height: 95px !important; } .lh__95 { line-height: 95px !important; } .wh__96 { width: 96px !important; height: 96px !important; } .lh__96 { line-height: 96px !important; } .wh__100 { width: 100px !important; height: 100px !important; } .lh__100 { line-height: 100px !important; } .wh__110 { width: 110px !important; height: 110px !important; } .lh__110 { line-height: 110px !important; } .wh__120 { width: 120px !important; height: 120px !important; } .lh__120 { line-height: 120px !important; } .wh__130 { width: 130px !important; height: 130px !important; } .lh__130 { line-height: 130px !important; } .wh__140 { width: 140px !important; height: 140px !important; } .lh__140 { line-height: 140px !important; } .wh__150 { width: 150px !important; height: 150px !important; } .lh__150 { line-height: 150px !important; } .wh__160 { width: 160px !important; height: 160px !important; } .lh__160 { line-height: 160px !important; } .wh__170 { width: 170px !important; height: 170px !important; } .lh__170 { line-height: 170px !important; } .wh__180 { width: 180px !important; height: 180px !important; } .lh__180 { line-height: 180px !important; } .wh__190 { width: 190px !important; height: 190px !important; } .lh__190 { line-height: 190px !important; } .wh__200 { width: 200px !important; height: 200px !important; } .lh__200 { line-height: 200px !important; } .wh__210 { width: 210px !important; height: 210px !important; } .lh__210 { line-height: 210px !important; } .wh__220 { width: 220px !important; height: 220px !important; } .lh__220 { line-height: 220px !important; } .wh__230 { width: 230px !important; height: 230px !important; } .lh__230 { line-height: 230px !important; } .wh__240 { width: 240px !important; height: 240px !important; } .lh__240 { line-height: 240px !important; } .wh__250 { width: 250px !important; height: 250px !important; } .lh__250 { line-height: 250px !important; } .wh__260 { width: 260px !important; height: 260px !important; } .lh__260 { line-height: 260px !important; } .wh__270 { width: 270px !important; height: 270px !important; } .lh__270 { line-height: 270px !important; } .wh__280 { width: 280px !important; height: 280px !important; } .lh__280 { line-height: 280px !important; } .wh__290 { width: 290px !important; height: 290px !important; } .lh__290 { line-height: 290px !important; } .wh__300 { width: 300px !important; height: 300px !important; } .lh__300 { line-height: 300px !important; } .wh__310 { width: 310px !important; height: 310px !important; } .lh__310 { line-height: 310px !important; } .wh__320 { width: 320px !important; height: 320px !important; } .lh__320 { line-height: 320px !important; } .wh__330 { width: 330px !important; height: 330px !important; } .lh__330 { line-height: 330px !important; } .wh__340 { width: 340px !important; height: 340px !important; } .lh__340 { line-height: 340px !important; } .wh__350 { width: 350px !important; height: 350px !important; } .lh__350 { line-height: 350px !important; } .wh__360 { width: 360px !important; height: 360px !important; } .lh__360 { line-height: 360px !important; } .wh__370 { width: 370px !important; height: 370px !important; } .lh__370 { line-height: 370px !important; } .wh__380 { width: 380px !important; height: 380px !important; } .lh__380 { line-height: 380px !important; } .wh__390 { width: 390px !important; height: 390px !important; } .lh__390 { line-height: 390px !important; } .wh__400 { width: 400px !important; height: 400px !important; } .lh__400 { line-height: 400px !important; } .wh__410 { width: 410px !important; height: 410px !important; } .lh__410 { line-height: 410px !important; } .wh__420 { width: 420px !important; height: 420px !important; } .lh__420 { line-height: 420px !important; } .wh__430 { width: 430px !important; height: 430px !important; } .lh__430 { line-height: 430px !important; } .wh__440 { width: 440px !important; height: 440px !important; } .lh__440 { line-height: 440px !important; } .wh__450 { width: 450px !important; height: 450px !important; } .lh__450 { line-height: 450px !important; } .wh__460 { width: 460px !important; height: 460px !important; } .lh__460 { line-height: 460px !important; } .wh__470 { width: 470px !important; height: 470px !important; } .lh__470 { line-height: 470px !important; } .wh__480 { width: 480px !important; height: 480px !important; } .lh__480 { line-height: 480px !important; } .wh__490 { width: 490px !important; height: 490px !important; } .lh__490 { line-height: 490px !important; } .wh__500 { width: 500px !important; height: 500px !important; } .lh__500 { line-height: 500px !important; } .lh__1 { line-height: 1 !important; } .no-wrap { white-space: nowrap; } .ov-h { overflow: hidden; } .va-m { vertical-align: middle; } .bg-inherit { background-color: inherit; } .bg-black { background-color: black; } .v-center:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-top: -0.25em; /* Adjusts for spacing */ } .fluid-height { height: 100%; } .visibility__hidden { visibility: hidden; } .pointerEvents__none { pointer-events: none; } /* Padding Helpers */ .pn { padding: 0 !important; } .p1 { padding: 1px !important; } .p2 { padding: 2px !important; } .p3 { padding: 3px !important; } .p4 { padding: 4px !important; } .p5 { padding: 5px !important; } .p6 { padding: 6px !important; } .p7 { padding: 7px !important; } .p8 { padding: 8px !important; } .p10 { padding: 10px !important; } .p12 { padding: 12px !important; } .p15 { padding: 15px !important; } .p20 { padding: 20px !important; } .p25 { padding: 25px !important; } .p30 { padding: 30px !important; } .p35 { padding: 35px !important; } .p40 { padding: 40px !important; } .p50 { padding: 50px !important; } .ptn { padding-top: 0 !important; } .pt5 { padding-top: 5px !important; } .pt10 { padding-top: 10px !important; } .pt15 { padding-top: 15px !important; } .pt20 { padding-top: 20px !important; } .pt25 { padding-top: 25px !important; } .pt30 { padding-top: 30px !important; } .pt35 { padding-top: 35px !important; } .pt40 { padding-top: 40px !important; } .pt50 { padding-top: 50px !important; } .prn { padding-right: 0 !important; } .pr5 { padding-right: 5px !important; } .pr10 { padding-right: 10px !important; } .pr15 { padding-right: 15px !important; } .pr20 { padding-right: 20px !important; } .pr25 { padding-right: 25px !important; } .pr30 { padding-right: 30px !important; } .pr35 { padding-right: 35px !important; } .pr40 { padding-right: 40px !important; } .pr50 { padding-right: 50px !important; } .pbn { padding-bottom: 0 !important; } .pb5 { padding-bottom: 5px !important; } .pb10 { padding-bottom: 10px !important; } .pb15 { padding-bottom: 15px !important; } .pb20 { padding-bottom: 20px !important; } .pb25 { padding-bottom: 25px !important; } .pb30 { padding-bottom: 30px !important; } .pb35 { padding-bottom: 35px !important; } .pb40 { padding-bottom: 40px !important; } .pb50 { padding-bottom: 50px !important; } .pln { padding-left: 0 !important; } .pl5 { padding-left: 5px !important; } .pl10 { padding-left: 10px !important; } .pl15 { padding-left: 15px !important; } .pl20 { padding-left: 20px !important; } .pl25 { padding-left: 25px !important; } .pl30 { padding-left: 30px !important; } .pl35 { padding-left: 35px !important; } .pl40 { padding-left: 40px !important; } .pl50 { padding-left: 50px !important; } /* Axis Padding (both top/bottom or left/right) */ .pv5 { padding-top: 5px !important; padding-bottom: 5px !important; } .pv8 { padding-top: 8px !important; padding-bottom: 8px !important; } .pv10 { padding-top: 10px !important; padding-bottom: 10px !important; } .pv15 { padding-top: 15px !important; padding-bottom: 15px !important; } .pv20 { padding-top: 20px !important; padding-bottom: 20px !important; } .pv25 { padding-top: 25px !important; padding-bottom: 25px !important; } .pv30 { padding-top: 30px !important; padding-bottom: 30px !important; } .pv40 { padding-top: 40px !important; padding-bottom: 40px !important; } .pv50 { padding-top: 50px !important; padding-bottom: 50px !important; } .ph5 { padding-left: 5px !important; padding-right: 5px !important; } .ph8 { padding-left: 8px !important; padding-right: 8px !important; } .ph10 { padding-left: 10px !important; padding-right: 10px !important; } .ph15 { padding-left: 15px !important; padding-right: 15px !important; } .ph20 { padding-left: 20px !important; padding-right: 20px !important; } .ph25 { padding-left: 25px !important; padding-right: 25px !important; } .ph30 { padding-left: 30px !important; padding-right: 30px !important; } .ph40 { padding-left: 40px !important; padding-right: 40px !important; } .ph50 { padding-left: 50px !important; padding-right: 50px !important; } /* margin center helper */ .mauto { margin-left: auto; margin-right: auto; } .mn { margin: 0 !important; } .m1 { margin: 1px !important; } .m2 { margin: 2px !important; } .m3 { margin: 3px !important; } .m4 { margin: 4px !important; } .m5 { margin: 5px !important; } .m8 { margin: 8px !important; } .m10 { margin: 10px !important; } .m15 { margin: 15px !important; } .m20 { margin: 20px !important; } .m25 { margin: 25px !important; } .m30 { margin: 30px !important; } .m35 { margin: 35px !important; } .m40 { margin: 40px !important; } .m50 { margin: 50px !important; } .mtn { margin-top: 0 !important; } .mt5 { margin-top: 5px !important; } .mt10 { margin-top: 10px !important; } .mt15 { margin-top: 15px !important; } .mt20 { margin-top: 20px !important; } .mt25 { margin-top: 25px !important; } .mt30 { margin-top: 30px !important; } .mt35 { margin-top: 35px !important; } .mt40 { margin-top: 40px !important; } .mt50 { margin-top: 50px !important; } .mt70 { margin-top: 70px !important; } .mrn { margin-right: 0 !important; } .mr5 { margin-right: 5px !important; } .mr10 { margin-right: 10px !important; } .mr15 { margin-right: 15px !important; } .mr20 { margin-right: 20px !important; } .mr25 { margin-right: 25px !important; } .mr30 { margin-right: 30px !important; } .mr35 { margin-right: 35px !important; } .mr40 { margin-right: 40px !important; } .mr50 { margin-right: 50px !important; } .mbn { margin-bottom: 0 !important; } .mb5 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px !important; } .mb35 { margin-bottom: 35px !important; } .mb40 { margin-bottom: 40px !important; } .mb50 { margin-bottom: 50px !important; } .mb70 { margin-bottom: 70px !important; } .mln { margin-left: 0 !important; } .ml5 { margin-left: 5px !important; } .ml10 { margin-left: 10px !important; } .ml15 { margin-left: 15px !important; } .ml20 { margin-left: 20px !important; } .ml25 { margin-left: 25px !important; } .ml30 { margin-left: 30px !important; } .ml35 { margin-left: 35px !important; } .ml40 { margin-left: 40px !important; } .ml50 { margin-left: 50px !important; } /* Axis Margins (both top/bottom or left/right) */ .mv5 { margin-top: 5px !important; margin-bottom: 5px !important; } .mv10 { margin-top: 10px !important; margin-bottom: 10px !important; } .mv15 { margin-top: 15px !important; margin-bottom: 15px !important; } .mv20 { margin-top: 20px !important; margin-bottom: 20px !important; } .mv25 { margin-top: 25px !important; margin-bottom: 25px !important; } .mv30 { margin-top: 30px !important; margin-bottom: 30px !important; } .mv40 { margin-top: 40px !important; margin-bottom: 40px !important; } .mv50 { margin-top: 50px !important; margin-bottom: 50px !important; } .mv70 { margin-top: 70px !important; margin-bottom: 70px !important; } .mh5 { margin-left: 5px !important; margin-right: 5px !important; } .mh10 { margin-left: 10px !important; margin-right: 10px !important; } .mh15 { margin-left: 15px !important; margin-right: 15px !important; } .mh20 { margin-left: 20px !important; margin-right: 20px !important; } .mh25 { margin-left: 25px !important; margin-right: 25px !important; } .mh30 { margin-left: 30px !important; margin-right: 30px !important; } .mh40 { margin-left: 40px !important; margin-right: 40px !important; } .mh50 { margin-left: 50px !important; margin-right: 50px !important; } .mh70 { margin-left: 70px !important; margin-right: 70px !important; } /* Negative Margin Helpers */ .mtn5 { margin-top: -5px !important; } .mtn10 { margin-top: -10px !important; } .mtn15 { margin-top: -15px !important; } .mtn20 { margin-top: -20px !important; } .mtn30 { margin-top: -30px !important; } .mrn5 { margin-right: -5px !important; } .mrn10 { margin-right: -10px !important; } .mrn15 { margin-right: -15px !important; } .mrn20 { margin-right: -20px !important; } .mrn30 { margin-right: -30px !important; } .mbn5 { margin-bottom: -5px !important; } .mbn10 { margin-bottom: -10px !important; } .mbn15 { margin-bottom: -15px !important; } .mbn20 { margin-bottom: -20px !important; } .mbn30 { margin-bottom: -30px !important; } .mln5 { margin-left: -5px !important; } .mln10 { margin-left: -10px !important; } .mln15 { margin-left: -15px !important; } .mln20 { margin-left: -20px !important; } .mln30 { margin-left: -30px !important; } /* Vertical Negative Margin "mv" + "n" + "x" */ .mvn5 { margin-top: -5px !important; margin-bottom: -5px !important; } .mvn10 { margin-top: -10px !important; margin-bottom: -10px !important; } .mvn15 { margin-top: -15px !important; margin-bottom: -15px !important; } .mvn20 { margin-top: -20px !important; margin-bottom: -20px !important; } .mvn30 { margin-top: -30px !important; margin-bottom: -30px !important; } /* Horizontal Negative Margin "mh" + "n" + "x" */ .mhn5 { margin-left: -5px !important; margin-right: -5px !important; } .mhn10 { margin-left: -10px !important; margin-right: -10px !important; } .mhn15 { margin-left: -15px !important; margin-right: -15px !important; } .mhn20 { margin-left: -20px !important; margin-right: -20px !important; } .mhn30 { margin-left: -30px !important; margin-right: -30px !important; } /* Vertical Align Helpers */ .va-t { vertical-align: top !important; } .va-m { vertical-align: middle !important; } .va-b { vertical-align: bottom !important; } .va-s { vertical-align: super !important; } /* Text Helpers */ .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } /* Inline Block Helper */ .ib, .inline-object { display: inline-block !important; } .clear { clear: both; } .wvWarning { position: relative; width: 320px; min-height: 130px; z-index: 999; left: calc(50% - 160px); border: #000 solid 1px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: #FF5722; box-shadow: 0px 3px 23px #ff980078; -webkit-animation-name: example; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */ -webkit-animation-fill-mode: both; /* Safari 4.0 - 8.0 */ animation-name: example; animation-duration: 2s; animation-fill-mode: both; animation-timing-function: ease-out; } @-webkit-keyframes example { from { top: 0vh; opacity: 0; background: #868686; } to { top: 10vh; opacity: 1; background: #ffffff; } } @keyframes example { from { top: 0vh; opacity: 0; background: #868686; } to { top: 10vh; opacity: 1; background: #ffffff; } } .wvWarning-content { position: relative; width: 190px; min-height: 88px; max-height: 80vh; margin: auto; } .wvWarning-icon { font-size: 32px; } .wvWarning-text { position: relative; } .wvWarning-button { background-color: #f1ededcc; color: #607D8B; width: 50px; font-weight: 600; margin-top: 2px; margin-right: 30px; } .wvScreenToSmallWarning { position: fixed; display: block; top: 0; left: 0; background-color: white; color: #333; width: 100%; height: 100%; z-index: 1000; } .wvScreenToSmallWarning-content { padding: 10px; text-align: center; } /* on some mobile devices, the size returned for the "screen" is actually the viewport size so 360x640 is actually equal to 280x560 */ @media only screen and (min-width: 550px) and (min-height: 280px) { .wvScreenToSmallWarning { display: none; } } /* on some mobile devices, the size returned for the "screen" is actually the viewport size so 360x640 is actually equal to 280x560 */ @media only screen and (min-width: 280px) and (min-height: 550px) { .wvScreenToSmallWarning { display: none; } } wv-notice { display: block; height: 100%; width: 100%; } .wvNotice { padding: 0.5rem 0.25rem; height: 100%; } .wvNotice__text { position: relative; top: 50%; transform: translateY(-50%); text-align: center; margin-left: 1rem; font-weight: 400; color: #b3b3b3; float: left; width: calc(100% - 7rem); } .wvNotice__closeButton { float: right; margin-right: 0.5em; position: relative; top: 50%; transform: translateY(-50%); width: 3.5rem; height: 2.5rem; text-align: center; font-size: 1em; font-weight: 100; line-height: 2.2rem; cursor: pointer; border: 1px solid #454545; } /* layout: left section */ .wvLayoutLeft { position: absolute; z-index: 2; background-color: black; width: 32rem; left: 0; } .wvLayoutLeft.wvLayoutLeft--toppadding { top: 42px; } .wvLayoutLeft:not(.wvLayoutLeft--toppadding) { top: 0; } @media screen and (max-device-width: 374px) { .wvLayoutLeft.wvLayoutLeft--bottompadding { bottom: 7rem; } } @media screen and (min-device-width: 375px) { .wvLayoutLeft.wvLayoutLeft--bottompadding { bottom: 5rem; } } .wvLayoutLeft:not(.wvLayoutLeft--bottompadding) { bottom: 0; } .wvLayoutLeft.wvLayoutLeft--closed { transform: translateX(-32rem); } .wvLayoutLeft.wvLayoutLeft--closed.wvLayoutLeft--small { transform: translateX(-12rem); } .wvLayoutLeft.wvLayoutLeft--small { width: 12rem; } .wvLayoutLeft.wvLayoutLeft--small .wvLayoutLeft__contentTop, .wvLayoutLeft.wvLayoutLeft--small .wvLayoutLeft__contentMiddle, .wvLayoutLeft.wvLayoutLeft--small .wvLayoutLeft__contentBottom { width: 100%; } .wvLayoutLeft__content { border-right: 1px solid #AAA; flex: 1; display: flex; flex-direction: column; overflow-y: auto; height: 100%; } .wvLayoutLeft__contentTop { padding: 0rem 1rem 0rem 1rem; width: 31.9rem; } .wvLayoutLeft__contentTop:after { content: ""; display: block; height: 0; width: 0; clear: both; } .wvLayoutLeft__contentMiddle { flex: 1 0 auto; width: 31.9rem; } .wvLayoutLeft__contentBottom { width: 31.9rem; } .wvLayout__leftBottom.wvLayout__leftBottom--enabled { border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 1rem; padding: 1rem; } .wvLayoutLeft__actions, .wvLayoutLeft__actions--outside { display: block; position: absolute; right: 1px; top: 50%; transform: translateY(-50%); width: 25px; } .wvLayoutLeft__actions--outside { right: -25px; } .wvLayoutLeft__action { background-color: #3498db; opacity: 0.5; color: white; transition: none; } .wvLayoutLeft__action:hover, .wvLayoutLeft__action:focus { opacity: 1; } /* layout: right section */ .wvLayout__right { display: block; position: absolute; z-index: 2; background-color: black; width: 85px; right: 0; } .wvLayout__right.wvLayout__right--toppadding { top: 42px; } .wvLayout__right:not(.wvLayout__right--toppadding) { top: 0; } @media screen and (max-device-width: 374px) { .wvLayout__right.wvLayout__right--bottompadding { bottom: 7rem; } } @media screen and (min-device-width: 375px) { .wvLayout__right.wvLayout__right--bottompadding { bottom: 5rem; } } .wvLayout__right:not(.wvLayout__right--bottompadding) { bottom: 0; } .wvLayout__right.wvLayout__right--closed { transform: translateX(85px); } .wvLayout__right > wv-layout-right, .wvLayout__right > wv-layout-right > .wvViewer__asideRight { display: block; height: 100%; width: 100%; } .wvAsideRight__content { height: 100%; float: left; border-left: 1px solid #AAA; padding: 0 5px; width: 32rem; } .wvAsideRight__actions, .wvAsideRight__actions--outside { display: block; position: absolute; left: 1px; top: 50%; transform: translateY(-50%); width: 25px; z-index: 3; } .wvAsideRight__actions--outside { left: -25px; } .wvAsideRight__action { background-color: #3498db; opacity: 0.5; color: white; transition: none; } .wvAsideRight__action:hover, .wvAsideRight__action:focus { opacity: 1; } .wvAsideRight__fixOpenFullyTooltip + .tooltip { left: -6.633em !important; top: 1px !important; } /* layout: bottom section */ .wvLayout__bottom { position: absolute; left: 0; bottom: 0; right: 0; background-color: #1a1a1a; } @media screen and (max-device-width: 374px) { .wvLayout__bottom { height: 7rem; } } @media screen and (min-device-width: 375px) { .wvLayout__bottom { height: 5rem; } } /* layout: main section */ .wvLayout__main { position: absolute; text-align: center; right: 0; left: 0; } .wvLayout__main .wvLayout__splitpane--toolbarAtTop { display: block; height: calc(100% - 42px); width: 100%; position: relative; top: 42px; } .wvLayout__main .wvLayout__splitpane--toolbarAtRight { display: block; height: 100%; width: calc(100% - 42px); } .wvLayout__main .wvLayout__splitpane--bigToolbarAtTop { display: block; height: calc(100% - 68px); width: 100%; position: relative; top: 68px; } .wvLayout__main .wvLayout__splitpane--bigToolbarAtRight { display: block; height: 100%; width: calc(100% - 68px); } .wvLayout__main.wvLayout__main--toppadding { top: 42px; } .wvLayout__main:not(.wvLayout__main--toppadding) { top: 0; } .wvLayout__main.wvLayout__main--bottompadding { bottom: 440px; } @media screen and (max-device-width: 374px) { .wvLayout__main.wvLayout__main--bottompadding { bottom: 7rem; } } @media screen and (min-device-width: 375px) { .wvLayout__main.wvLayout__main--bottompadding { bottom: 5rem; } } .wvLayout__main:not(.wvLayout__main--bottompadding) { bottom: 0; } .wvLayout__main.wvLayout__main--leftpadding { left: 32rem; } .wvLayout__main { left: 0px; } .wvLayout__main.wvLayout__main--smallleftpadding { left: 12rem; } .wvLayout__main.wvLayout__main--rightpadding { right: 85px; } .wvLayout__main:not(.wvLayout__main--rightpadding) { right: 0px; } /* global */ .popover { color: black; } .wvViewer__editor--full { position: absolute; top: 0; right: 0; z-index: 10; opacity: 0; transform: translateX(100%); width: 100%; height: 100%; background-color: white; color: #666666; } .wvViewer__editor--full.opened { opacity: 1; transform: translateX(0); } .wvViewer__topBar { width: 100%; overflow-y: auto; white-space: nowrap; max-width: 100%; } .wvViewer__buttonGroup { display: inline-block; } .wvViewer__buttonGroup--asideWidth { width: 32rem; padding-right: 1rem; } .wvViewer__buttonGroup--contentWidth { width: calc(100% - 32rem); padding-left: 1rem; max-height: 4.2rem; } .wvViewer__iframe { position: absolute; left: 0; top: 0; } /* bottom bar */ .wvViewer__bottomBar, .wvViewer__bottomBar--expanded, .wvViewer__bottomBar--minimized { position: absolute; left: 0; bottom: 0; width: 100%; background-color: #111111; } .wvViewer__bottomBar--expanded { height: 80px; color: white; } .wvViewer__bottomBar--expanded .wvViewer__timeline { width: calc(100% - 80px); } .wvViewer__bottomBar--expanded .wvTimeline__hotspots { bottom: -40px; } .wvViewer__bottomBar--minimized { color: white; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 2.5rem; } .wvViewer__bottomBar--minimized .wvTimeline__hotspot { top: -40px; opacity: 0; visibility: hidden; z-index: -1; } .wvViewer__bottomBar--minimized:hover .wvTimeline__hotspot { opacity: 1; visibility: visible; z-index: 5; transition-delay: 0s; } .wvViewer__timeline { height: 24px; line-height: 24px; vertical-align: middle; width: 100%; } .wvViewer__trademark { display: inline-block; float: right; width: 80px; height: 80px; float: right; line-height: 80px; vertical-align: middle; text-align: center; } .wvTimeline__input { border-radius: 3px; margin-top: 2px; border: 1px solid #e7e7e7; } .wvTimeline__input:focus { outline: none; } .wvTimeline__actions { display: inline-block; border-right: 1px solid #e7e7e7; } .wvSerieslist { margin: 0; padding: 0; list-style: none; } .wvSerieslist__seriesItem--selectable { cursor: pointer !important; } .wvSerieslist__seriesItem--selectable:hover { color: white; } .wvSerieslist__placeholderIcon, .wvSerieslist__placeholderIcon.fa { position: absolute; width: 100%; height: 100%; font-size: 3.25rem; line-height: 6.5rem; text-align: center; } .wvSerieslist__placeholderIcon--strikeout, .wvSerieslist__placeholderIcon--strikeout.fa { color: #c3c3c3; } .wvSerieslist__placeholderIcon--strikeout::after, .wvSerieslist__placeholderIcon--strikeout.fa::after { position: absolute; left: 0; top: 50%; right: 0; transform: rotate(-45deg) scaleX(0.9); border-top: 5px solid; border-color: inherit; content: ""; } .wvSerieslist__picture { display: inline-block; font-size: 14px; width: 6.5rem; height: 6.5rem; position: relative; z-index: -1; } .wvSerieslist__badge, .wvSerieslist__badge--blue, .wvSerieslist__badge--red, .wvSerieslist__badge--green, .wvSerieslist__badge--yellow, .wvSerieslist__badge--violet { position: absolute; bottom: 5px; right: 5px; font-size: 10px; line-height: 15px; width: 15px; height: 15px; border-radius: 100%; background-color: gray; vertical-align: middle; text-align: center; font-weight: bold; } .wvSerieslist__information { font-size: 14px; float: right; padding-left: 1rem; width: calc(100% - 6.5rem); height: 6.5rem; } .wvSerieslist__label { white-space: nowrap; width: calc(100% - 10px); overflow: hidden; height: 3.25rem; line-height: 3.25rem; vertical-align: middle; } .wvSerieslist__timeline { height: 3.25rem; line-height: 3.25rem; vertical-align: middle; } .wvSerieslist__seriesItem { position: relative; padding-left: 0; list-style: none; font-size: 0; border-right: 0.2rem solid transparent; border-left: 0.2rem solid transparent; border-top: 0.2rem solid transparent; border-bottom: 0.2rem solid transparent; border-corner-shape: notch; line-height: 0px; margin: 0.1rem; } .wvSerieslist__seriesItem.active { border-color: rgba(255, 255, 255, 0.6); border-style: solid; } .wvSerieslist__seriesItem.highlighted { border-color: white; border-style: solid; } .wvSerieslist__seriesItem:hover, .wvSerieslist__seriesItem:focus, .wvSerieslist__seriesItem.focused { border-style: dashed; border-color: rgba(255, 255, 255, 0.8); } .wvSerieslist__seriesItem--list { display: block; } .wvSerieslist__seriesItem--grid { display: inline-block; } .wvSerieslist__seriesItem--oneCol { text-align: center; } .wvSerieslist__seriesItem--activated, .wvSerieslist__videoItem--activated, .wvSerieslist__pdfItem--activated { border: 0.2rem solid #3398db !important; } .wvSerieslist__badge--blue { background-color: rgba(51, 152, 219, 0.7); } .wvSerieslist__badge--red { background-color: rgba(206, 0, 0, 0.7); } .wvSerieslist__badge--green { background-color: rgba(0, 160, 27, 0.7); } .wvSerieslist__badge--yellow { background-color: rgba(220, 200, 0, 0.9); } .wvSerieslist__badge--violet { background-color: rgba(255, 31, 255, 0.7); } .wvToolbar { position: absolute; } .wvToolbar--top { top: 0; height: 42px; right: 0; text-align: right; white-space: nowrap; max-width: 100%; } .wvToolbar--right { right: 0; width: 42px; height: 100%; z-index: 2; } .wvToolbar--right.wvToolbar--big { width: 68px; } /* Splitpane Grid Configuration */ .wvToolbar__splitpaneConfigPopover { font-size: 0; } .wvToolbar__splitpaneConfigNotice { font-size: 1.25rem; font-style: italic; text-align: center; color: #333; } input[type="radio"].wvToolbar__splitpaneConfigButtonInput { position: absolute; width: 0; height: 0; left: 0; top: 0; bottom: 2px; right: 0; opacity: 0; } /* Windowing Preset */ .wvToolbar__windowingPresetConfigNotice { font-size: 1.25rem; font-style: italic; text-align: center; color: #333; } .wvToolbar__windowingPresetList { list-style: none; margin: 0; padding: 0; font-size: 1.5rem; } .wvToolbar__windowingPresetListItem { outline: none; background-color: transparent; border: none; position: relative; display: inline-block; cursor: pointer; font-variant: small-caps; text-transform: lowercase; text-align: center; font-size: 1.3rem; font-weight: 400; line-height: 2.2rem; color: #d9d9d9; transition: 0.3s text-decoration ease, 0.3s border ease, 0.3s opacity ease; margin: 0; min-width: 3rem; padding: 0 10px; line-height: 3.6rem; max-height: 2.8rem; max-width: 100%; overflow: hidden; margin: 0.6rem; margin-left: 0rem; margin-right: 0rem; line-height: 2rem; padding-top: 0.1rem; padding-bottom: 0.5rem; font-size: 1.4rem; border: 1px solid #454545; font-family: Arial; background-color: black; color: #1a1a1a; border: 1px solid #bababa; background-color: white; width: 100%; margin: 0; margin-left: 0 !important; border-top: none; border-bottom: none; } .wvToolbar__windowingPresetListItem:hover { text-decoration: none; color: white; } .wvToolbar__windowingPresetListItem + .wvToolbar__windowingPresetListItem { margin-left: 0.7rem; } .wvToolbar__windowingPresetListItem:hover { background-color: #1a1a1a; } .wvToolbar__windowingPresetListItem > .glyphicon { position: relative; display: inline-block; top: 3px; margin-right: 4px; } .wvToolbar__windowingPresetListItem:hover { color: #1a1a1a; background-color: #e6e6e6; } .wvVideo { position: absolute; top: 50%; left: 0; width: 100%; height: auto; transform: translateY(-50%); } .wvStudyInformationBreadcrumb__patient { display: inline-block; background-color: rgba(255, 255, 255, 0.15); padding: 0.2rem 1rem 0.3rem 1rem; text-align: center; font-size: 1em; margin: 0.6rem; font-weight: 400; line-height: 2.3rem; margin-right: 0; } .wvStudyInformationBreadcrumb__study { display: inline-block; background-color: rgba(255, 255, 255, 0.15); padding: 0.2rem 1rem 0.3rem 1rem; text-align: center; font-size: 1em; margin: 0.6rem; font-weight: 400; line-height: 2.3rem; } .wvSelectionActionlist { display: block; text-align: center; } /* wvb-ui stuffs */ .wv-overlay { color: orange; } .wv-overlay-icon { width: 64px; } .wvOverlay__studyBadge, .wvOverlay__studyBadge--blue, .wvOverlay__studyBadge--red, .wvOverlay__studyBadge--green, .wvOverlay__studyBadge--yellow, .wvOverlay__studyBadge--violet { position: absolute; top: 0; left: 0; width: 1.5rem; height: 1.5rem; background-color: gray; z-index: 1; } .wv-overlay-topleft { position: absolute; top: 0rem; left: 0rem; text-align: left; } .wv-overlay-topright { position: absolute; top: 0rem; right: 0rem; text-align: right; } .wv-overlay-bottomright { position: absolute; bottom: 2em; right: 0rem; text-align: right; } .wv-overlay-bottomleft { position: absolute; bottom: 2em; left: 0rem; text-align: left; } .wv-overlay-timeline-wrapper { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; } .wv-overlay-topleft, .wv-overlay-topright, .wv-overlay-bottomright, .wv-overlay-bottomleft { padding: 2rem; transition: color 500ms, background-color 500ms; background-color: rgba(0, 0, 0, 0.66); } .wv-overlay-topleft:hover, .wv-overlay-topright:hover, .wv-overlay-bottomright:hover, .wv-overlay-bottomleft:hover { background-color: rgba(0, 0, 0, 0.9); } .wvPaneOverlay { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); font-weight: 100; text-align: center; color: white; font-size: 2rem; } .wv-overlay-scrollbar-loaded { position: absolute; bottom: 0; left: 0; height: 5px; background-color: red; will-change: right; transform-origin: 0% 50%; } .wv-overlay-scrollbar-loading { position: absolute; bottom: 0; left: 0; height: 5px; background-color: #660000; will-change: right; transform-origin: 0% 50%; } .wv-overlay-scrollbar-text { position: absolute; bottom: calc(1em + 5px); left: 5px; height: 1em; color: red; font-size: 0.8em; font-family: helvetica; } .wvOverlay__studyBadge--blue { background-color: rgba(51, 152, 219, 0.7); } .wvOverlay__studyBadge--red { background-color: rgba(206, 0, 0, 0.7); } .wvOverlay__studyBadge--green { background-color: rgba(0, 160, 27, 0.7); } .wvOverlay__studyBadge--yellow { background-color: rgba(220, 200, 0, 0.9); } .wvOverlay__studyBadge--violet { background-color: rgba(255, 31, 255, 0.7); } wv-pdf-viewer { display: block; width: 100%; height: 100%; } #toolbarContainer > #toolbarViewer > #toolbarViewerLeft > .wv-pdf-viewer-closebutton { background-color: inherit; color: white; border: none; padding: 2px; margin-left: 4px; margin-right: 2px; } #toolbarContainer > #toolbarViewer > #toolbarViewerLeft > .wv-pdf-viewer-closebutton:hover { color: black; } .fa.fa-window-close.wv-pdf-viewer-closebuttonicon { font-size: 2rem; line-height: 28px; } .pdfjs .textLayer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; opacity: 0.2; } .pdfjs .textLayer > div { color: transparent; position: absolute; white-space: pre; cursor: text; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .pdfjs .textLayer .highlight { margin: -1px; padding: 1px; background-color: #b400aa; border-radius: 4px; } .pdfjs .textLayer .highlight.begin { border-radius: 4px 0 0 4px; } .pdfjs .textLayer .highlight.end { border-radius: 0 4px 4px 0; } .pdfjs .textLayer .highlight.middle { border-radius: 0; } .pdfjs .textLayer .highlight.selected { background-color: #006400; } .pdfjs .textLayer ::selection { background: #00f; } .pdfjs .textLayer ::-moz-selection { background: #00f; } .pdfjs .pdfViewer .canvasWrapper { overflow: hidden; } .pdfjs .pdfViewer .page { direction: ltr; width: 816px; height: 1056px; margin: 1px auto -8px; position: relative; overflow: visible; border: 9px solid transparent; background-clip: content-box; border-image: url("../images/pdf.js-viewer/shadow.png") 9 9 repeat; background-color: #fff; } body { height: 100%; } .pdfjs .pdfViewer.removePageBorders .page { margin: 0 auto 10px; border: none; } .pdfjs .pdfViewer .page canvas { margin: 0; display: block; } .pdfjs .pdfViewer .page .loadingIcon { position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; background: url("../images/pdf.js-viewer/loading-icon.gif") center no-repeat; } .pdfjs .pdfViewer .page .annotLink > a:hover { opacity: .2; background: #ff0; box-shadow: 0 2px 10px #ff0; } .pdfjs .pdfPresentationMode:-webkit-full-screen .pdfViewer .page { margin-bottom: 100%; border: 0; } .pdfjs .pdfPresentationMode:-moz-full-screen .pdfViewer .page { margin-bottom: 100%; border: 0; } .pdfjs .pdfPresentationMode:-ms-fullscreen .pdfViewer .page { margin-bottom: 100% !important; border: 0; } .pdfjs .pdfPresentationMode:fullscreen .pdfViewer .page { margin-bottom: 100%; border: 0; } .pdfjs .pdfViewer .page .annotText > img { position: absolute; cursor: pointer; } .pdfjs .pdfViewer .page .annotTextContentWrapper { position: absolute; width: 20em; } .pdfjs .pdfViewer .page .annotTextContent { z-index: 200; float: left; max-width: 20em; background-color: #FF9; box-shadow: 0 2px 5px #333; border-radius: 2px; padding: .6em; cursor: pointer; } .pdfjs .pdfViewer .page .annotTextContent > h1 { font-size: 1em; border-bottom: 1px solid #000; padding-bottom: 0.2em; } .pdfjs .pdfViewer .page .annotTextContent > p { padding-top: 0.2em; } .pdfjs .pdfViewer .page .annotLink > a { position: absolute; font-size: 1em; top: 0; left: 0; width: 100%; height: 100%; } .pdfjs .pdfViewer .page .annotLink > a { background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAA LAAAAAABAAEAAAIBRAA7") 0 0 repeat; } .pdfjs * { padding: 0; margin: 0; } html { height: 100%; font-size: 10px; } .pdfjs input, .pdfjs button, .pdfjs select { font: message-box; outline: none; } .pdfjs .hidden { display: none !important; } .pdfjs [hidden] { display: none !important; } .pdfjs #viewerContainer.pdfPresentationMode:-webkit-full-screen { top: 0; border-top: 2px solid transparent; background-color: #000; width: 100%; height: 100%; overflow: hidden; cursor: none; -webkit-user-select: none; } .pdfjs #viewerContainer.pdfPresentationMode:-moz-full-screen { top: 0; border-top: 2px solid transparent; background-color: #000; width: 100%; height: 100%; overflow: hidden; cursor: none; -moz-user-select: none; } .pdfjs #viewerContainer.pdfPresentationMode:-ms-fullscreen { top: 0 !important; border-top: 2px solid transparent; width: 100%; height: 100%; overflow: hidden !important; cursor: none; -ms-user-select: none; } .pdfjs #viewerContainer.pdfPresentationMode:-ms-fullscreen::-ms-backdrop { background-color: #000; } .pdfjs #viewerContainer.pdfPresentationMode:fullscreen { top: 0; border-top: 2px solid transparent; background-color: #000; width: 100%; height: 100%; overflow: hidden; cursor: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .pdfjs .pdfPresentationMode:-webkit-full-screen a:not(.internalLink) { display: none; } .pdfjs .pdfPresentationMode:-moz-full-screen a:not(.internalLink) { display: none; } .pdfjs .pdfPresentationMode:-ms-fullscreen a:not(.internalLink) { display: none !important; } .pdfjs .pdfPresentationMode:fullscreen a:not(.internalLink) { display: none; } .pdfjs .pdfPresentationMode:-webkit-full-screen .textLayer > div { cursor: none; } .pdfjs .pdfPresentationMode:-moz-full-screen .textLayer > div { cursor: none; } .pdfjs .pdfPresentationMode:-ms-fullscreen .textLayer > div { cursor: none; } .pdfjs .pdfPresentationMode:fullscreen .textLayer > div { cursor: none; } .pdfjs .pdfPresentationMode.pdfPresentationModeControls > *, .pdfjs .pdfPresentationMode.pdfPresentationModeControls .textLayer > div { cursor: default; } .pdfjs .outerCenter { pointer-events: none; position: relative; } html[dir='ltr'] .pdfjs .outerCenter { float: right; right: 50%; } html[dir='rtl'] .pdfjs .outerCenter { float: left; left: 50%; } .pdfjs .innerCenter { pointer-events: auto; position: relative; } html[dir='ltr'] .pdfjs .innerCenter { float: right; right: -50%; } html[dir='rtl'] .pdfjs .innerCenter { float: left; left: -50%; } .pdfjs #outerContainer { width: 100%; height: 100%; position: relative; background-color: #404040; background-image: url("../images/pdf.js-viewer/texture.png"); } .pdfjs #sidebarContainer { position: absolute; top: 0; bottom: 0; width: 200px; visibility: hidden; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; transition-duration: 200ms; transition-timing-function: ease; } html[dir='ltr'] .pdfjs #sidebarContainer { -webkit-transition-property: left; transition-property: left; left: -200px; } html[dir='rtl'] .pdfjs #sidebarContainer { -webkit-transition-property: right; transition-property: right; right: -200px; } .pdfjs #outerContainer.sidebarMoving > #sidebarContainer, .pdfjs #outerContainer.sidebarOpen > #sidebarContainer { visibility: visible; } html[dir='ltr'] .pdfjs #outerContainer.sidebarOpen > #sidebarContainer { left: 0; } html[dir='rtl'] .pdfjs #outerContainer.sidebarOpen > #sidebarContainer { right: 0; } .pdfjs #mainContainer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-width: 320px; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; transition-duration: 200ms; transition-timing-function: ease; } html[dir='ltr'] .pdfjs #outerContainer.sidebarOpen > #mainContainer { -webkit-transition-property: left; transition-property: left; left: 200px; } html[dir='rtl'] .pdfjs #outerContainer.sidebarOpen > #mainContainer { -webkit-transition-property: right; transition-property: right; right: 200px; } .pdfjs #sidebarContent { top: 32px; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; position: absolute; width: 200px; background-color: rgba(0, 0, 0, 0.1); } html[dir='ltr'] .pdfjs #sidebarContent { left: 0; box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25); } html[dir='rtl'] .pdfjs #sidebarContent { right: 0; box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25); } .pdfjs #viewerContainer { overflow: auto; -webkit-overflow-scrolling: touch; position: absolute; top: 32px; right: 0; bottom: 0; left: 0; outline: none; } html[dir='ltr'] .pdfjs #viewerContainer { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.05); } html[dir='rtl'] .pdfjs #viewerContainer { box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.05); } .pdfjs .toolbar { position: relative; left: 0; right: 0; cursor: default; } .pdfjs #toolbarContainer { width: 100%; } .pdfjs #toolbarSidebar { width: 200px; height: 32px; background-color: #424242; background-image: url("../images/pdf.js-viewer/texture.png"), linear-gradient(rgba(77, 77, 77, 0.99), rgba(64, 64, 64, 0.95)); } html[dir='ltr'] .pdfjs #toolbarSidebar { box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.1); } html[dir='rtl'] .pdfjs #toolbarSidebar { box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.1); } .pdfjs #toolbarContainer, .pdfjs .findbar, .pdfjs .secondaryToolbar { position: relative; height: 32px; background-color: #474747; background-image: url("../images/pdf.js-viewer/texture.png"), linear-gradient(rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95)); } html[dir='ltr'] .pdfjs #toolbarContainer, .pdfjs .findbar, .pdfjs .secondaryToolbar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.08), inset 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1); } html[dir='rtl'] .pdfjs #toolbarContainer, .pdfjs .findbar, .pdfjs .secondaryToolbar { box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.08), inset 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1); } .pdfjs #toolbarViewer { height: 32px; } .pdfjs #loadingBar { position: relative; width: 100%; height: 4px; background-color: #333; border-bottom: 1px solid #333; } .pdfjs #loadingBar .progress { position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #ddd; overflow: hidden; -webkit-transition: width 200ms; transition: width 200ms; } @-webkit-keyframes progressIndeterminate { 0% { left: 0; } 50% { left: 100%; } 100% { left: 100%; } } @keyframes progressIndeterminate { 0% { left: 0; } 50% { left: 100%; } 100% { left: 100%; } } .pdfjs #loadingBar .progress.indeterminate { background-color: #999; -webkit-transition: none; transition: none; } .pdfjs #loadingBar .indeterminate .glimmer { position: absolute; top: 0; left: 0; height: 100%; width: 50px; background-image: linear-gradient(to right, #999 0%, #fff 50%, #999 100%); background-size: 100% 100%; background-repeat: no-repeat; -webkit-animation: progressIndeterminate 2s linear infinite; animation: progressIndeterminate 2s linear infinite; } .pdfjs .findbar, .pdfjs .secondaryToolbar { top: 32px; position: absolute; z-index: 10000; height: 32px; min-width: 16px; padding: 0 6px; margin: 4px 2px; color: #d9d9d9; font-size: 12px; line-height: 14px; text-align: left; cursor: default; } html[dir='ltr'] .pdfjs .findbar { left: 68px; } html[dir='rtl'] .pdfjs .findbar { right: 68px; } .pdfjs .findbar label { -webkit-user-select: none; -moz-user-select: none; } .pdfjs #findInput[data-status="pending"] { background-image: url("../images/pdf.js-viewer/loading-small.png"); background-repeat: no-repeat; background-position: right; } html[dir='rtl'] .pdfjs #findInput[data-status="pending"] { background-position: left; } .pdfjs .secondaryToolbar { padding: 6px; height: auto; z-index: 30000; } html[dir='ltr'] .pdfjs .secondaryToolbar { right: 4px; } html[dir='rtl'] .pdfjs .secondaryToolbar { left: 4px; } .pdfjs #secondaryToolbarButtonContainer { max-width: 200px; max-height: 400px; overflow-y: auto; -webkit-overflow-scrolling: touch; margin-bottom: -4px; } .pdfjs .doorHanger, .pdfjs .doorHangerRight { border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 2px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); } .pdfjs .doorHanger:after, .pdfjs .doorHanger:before, .pdfjs .doorHangerRight:after, .pdfjs .doorHangerRight:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .pdfjs .doorHanger:after, .pdfjs .doorHangerRight:after { border-bottom-color: rgba(82, 82, 82, 0.99); border-width: 8px; } .pdfjs .doorHanger:before, .pdfjs .doorHangerRight:before { border-bottom-color: rgba(0, 0, 0, 0.5); border-width: 9px; } html[dir='ltr'] .pdfjs .doorHanger:after, html[dir='rtl'] .pdfjs .doorHangerRight:after { left: 13px; margin-left: -8px; } html[dir='ltr'] .pdfjs .doorHanger:before, html[dir='rtl'] .pdfjs .doorHangerRight:before { left: 13px; margin-left: -9px; } html[dir='rtl'] .pdfjs .doorHanger:after, html[dir='ltr'] .pdfjs .doorHangerRight:after { right: 13px; margin-right: -8px; } html[dir='rtl'] .pdfjs .doorHanger:before, html[dir='ltr'] .pdfjs .doorHangerRight:before { right: 13px; margin-right: -9px; } .pdfjs #findMsg { font-style: italic; color: #A6B7D0; } .pdfjs #findInput.notFound { background-color: #f66; } html[dir='ltr'] .pdfjs #toolbarViewerLeft { margin-left: -1px; } html[dir='rtl'] .pdfjs #toolbarViewerRight { margin-right: -1px; } html[dir='ltr'] .pdfjs #toolbarViewerLeft, html[dir='rtl'] .pdfjs #toolbarViewerRight { position: absolute; top: 0; left: 0; } html[dir='ltr'] .pdfjs #toolbarViewerRight, html[dir='rtl'] .pdfjs #toolbarViewerLeft { position: absolute; top: 0; right: 0; } html[dir='ltr'] .pdfjs #toolbarViewerLeft > *, html[dir='ltr'] .pdfjs #toolbarViewerMiddle > *, html[dir='ltr'] .pdfjs #toolbarViewerRight > *, html[dir='ltr'] .pdfjs .findbar > * { position: relative; float: left; } html[dir='rtl'] .pdfjs #toolbarViewerLeft > *, html[dir='rtl'] .pdfjs #toolbarViewerMiddle > *, html[dir='rtl'] .pdfjs #toolbarViewerRight > *, html[dir='rtl'] .pdfjs .findbar > * { position: relative; float: right; } html[dir='ltr'] .pdfjs .splitToolbarButton { margin: 3px 2px 4px 0; display: inline-block; } html[dir='rtl'] .pdfjs .splitToolbarButton { margin: 3px 0 4px 2px; display: inline-block; } html[dir='ltr'] .pdfjs .splitToolbarButton > .toolbarButton { border-radius: 0; float: left; } html[dir='rtl'] .pdfjs .splitToolbarButton > .toolbarButton { border-radius: 0; float: right; } .pdfjs .toolbarButton, .pdfjs .secondaryToolbarButton, .pdfjs .overlayButton { border: 0 none; background: none; width: 32px; height: 25px; } .pdfjs .toolbarButton > span { display: inline-block; width: 0; height: 0; overflow: hidden; } .pdfjs .toolbarButton[disabled], .pdfjs .secondaryToolbarButton[disabled], .pdfjs .overlayButton[disabled] { opacity: 0.5; } .pdfjs .toolbarButton.group { margin-right: 0; } .pdfjs .splitToolbarButton.toggled .toolbarButton { margin: 0; } .pdfjs .splitToolbarButton:hover > .toolbarButton, .pdfjs .splitToolbarButton:focus > .toolbarButton, .pdfjs .splitToolbarButton.toggled > .toolbarButton, .pdfjs .toolbarButton.textButton { background-color: rgba(0, 0, 0, 0.12); background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.35); border-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.38) rgba(0, 0, 0, 0.42); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.05); -webkit-transition-property: background-color, border-color, box-shadow; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: ease; transition-property: background-color, border-color, box-shadow; transition-duration: 150ms; transition-timing-function: ease; } .pdfjs .splitToolbarButton > .toolbarButton:hover, .pdfjs .splitToolbarButton > .toolbarButton:focus, .pdfjs .dropdownToolbarButton:hover, .pdfjs .overlayButton:hover, .pdfjs .toolbarButton.textButton:hover, .pdfjs .toolbarButton.textButton:focus { background-color: rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 0 1px rgba(0, 0, 0, 0.05); z-index: 199; } .pdfjs .splitToolbarButton > .toolbarButton { position: relative; } html[dir='ltr'] .pdfjs .splitToolbarButton > .toolbarButton:first-child, html[dir='rtl'] .pdfjs .splitToolbarButton > .toolbarButton:last-child { position: relative; margin: 0; margin-right: -1px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; border-right-color: transparent; } html[dir='ltr'] .pdfjs .splitToolbarButton > .toolbarButton:last-child, html[dir='rtl'] .pdfjs .splitToolbarButton > .toolbarButton:first-child { position: relative; margin: 0; margin-left: -1px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-left-color: transparent; } .pdfjs .splitToolbarButtonSeparator { padding: 8px 0; width: 1px; background-color: rgba(0, 0, 0, 0.5); z-index: 99; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); display: inline-block; margin: 5px 0; } html[dir='ltr'] .pdfjs .splitToolbarButtonSeparator { float: left; } html[dir='rtl'] .pdfjs .splitToolbarButtonSeparator { float: right; } .pdfjs .splitToolbarButton:hover > .splitToolbarButtonSeparator, .pdfjs .splitToolbarButton.toggled > .splitToolbarButtonSeparator { padding: 12px 0; margin: 1px 0; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03); -webkit-transition-property: padding; -webkit-transition-duration: 10ms; -webkit-transition-timing-function: ease; transition-property: padding; transition-duration: 10ms; transition-timing-function: ease; } .pdfjs .toolbarButton, .pdfjs .dropdownToolbarButton, .pdfjs .secondaryToolbarButton, .pdfjs .overlayButton { min-width: 16px; padding: 2px 6px 0; border: 1px solid transparent; border-radius: 2px; color: rgba(255, 255, 255, 0.8); font-size: 12px; line-height: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: default; -webkit-transition-property: background-color, border-color, box-shadow; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: ease; transition-property: background-color, border-color, box-shadow; transition-duration: 150ms; transition-timing-function: ease; } html[dir='ltr'] .pdfjs .toolbarButton, html[dir='ltr'] .pdfjs .overlayButton, html[dir='ltr'] .pdfjs .dropdownToolbarButton { margin: 3px 2px 4px 0; } html[dir='rtl'] .pdfjs .toolbarButton, html[dir='rtl'] .pdfjs .overlayButton, html[dir='rtl'] .pdfjs .dropdownToolbarButton { margin: 3px 0 4px 2px; } .pdfjs .toolbarButton:hover, .pdfjs .toolbarButton:focus, .pdfjs .dropdownToolbarButton, .pdfjs .overlayButton, .pdfjs .secondaryToolbarButton:hover, .pdfjs .secondaryToolbarButton:focus { background-color: rgba(0, 0, 0, 0.12); background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.35); border-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.38) rgba(0, 0, 0, 0.42); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.05); } .pdfjs .toolbarButton:hover:active, .pdfjs .overlayButton:hover:active, .pdfjs .dropdownToolbarButton:hover:active, .pdfjs .secondaryToolbarButton:hover:active { background-color: rgba(0, 0, 0, 0.2); background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); border-color: rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.45); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.05); -webkit-transition-property: background-color, border-color, box-shadow; -webkit-transition-duration: 10ms; -webkit-transition-timing-function: linear; transition-property: background-color, border-color, box-shadow; transition-duration: 10ms; transition-timing-function: linear; } .pdfjs .toolbarButton.toggled, .pdfjs .splitToolbarButton.toggled > .toolbarButton.toggled, .pdfjs .secondaryToolbarButton.toggled { background-color: rgba(0, 0, 0, 0.3); background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.05); -webkit-transition-property: background-color, border-color, box-shadow; -webkit-transition-duration: 10ms; -webkit-transition-timing-function: linear; transition-property: background-color, border-color, box-shadow; transition-duration: 10ms; transition-timing-function: linear; } .pdfjs .toolbarButton.toggled:hover:active, .pdfjs .splitToolbarButton.toggled > .toolbarButton.toggled:hover:active, .pdfjs .secondaryToolbarButton.toggled:hover:active { background-color: rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.55); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 1px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.05); } .pdfjs .dropdownToolbarButton { width: 120px; max-width: 120px; padding: 0; overflow: hidden; background: url("../images/pdf.js-viewer/toolbarButton-menuArrows.png") no-repeat; } html[dir='ltr'] .pdfjs .dropdownToolbarButton { background-position: 95%; } html[dir='rtl'] .pdfjs .dropdownToolbarButton { background-position: 5%; } .pdfjs .dropdownToolbarButton > select { min-width: 140px; font-size: 12px; color: #f2f2f2; margin: 0; padding: 3px 2px 2px; border: none; background: rgba(0, 0, 0, 0); } .pdfjs .dropdownToolbarButton > select > option { background: #3d3d3d; } .pdfjs #customScaleOption { display: none; } .pdfjs #pageWidthOption { border-bottom: 1px rgba(255, 255, 255, 0.5) solid; } html[dir='ltr'] .pdfjs .splitToolbarButton:first-child, html[dir='ltr'] .pdfjs .toolbarButton:first-child, html[dir='rtl'] .pdfjs .splitToolbarButton:last-child, html[dir='rtl'] .pdfjs .toolbarButton:last-child { margin-left: 4px; } html[dir='ltr'] .pdfjs .splitToolbarButton:last-child, html[dir='ltr'] .pdfjs .toolbarButton:last-child, html[dir='rtl'] .pdfjs .splitToolbarButton:first-child, html[dir='rtl'] .pdfjs .toolbarButton:first-child { margin-right: 4px; } .pdfjs .toolbarButtonSpacer { width: 30px; display: inline-block; height: 1px; } .pdfjs .toolbarButtonFlexibleSpacer { -webkit-box-flex: 1; -moz-box-flex: 1; min-width: 30px; } html[dir='ltr'] .pdfjs #findPrevious { margin-left: 3px; } html[dir='ltr'] .pdfjs #findNext { margin-right: 3px; } html[dir='rtl'] .pdfjs #findPrevious { margin-right: 3px; } html[dir='rtl'] .pdfjs #findNext { margin-left: 3px; } .pdfjs .toolbarButton::before, .pdfjs .secondaryToolbarButton::before { position: absolute; display: inline-block; top: 4px; left: 7px; } html[dir="ltr"] .pdfjs .secondaryToolbarButton::before { left: 4px; } html[dir="rtl"] .pdfjs .secondaryToolbarButton::before { right: 4px; } html[dir='ltr'] .pdfjs .toolbarButton#sidebarToggle::before { content: url("../images/pdf.js-viewer/toolbarButton-sidebarToggle.png"); } html[dir='rtl'] .pdfjs .toolbarButton#sidebarToggle::before { content: url("../images/pdf.js-viewer/toolbarButton-sidebarToggle-rtl.png"); } html[dir='ltr'] .pdfjs .toolbarButton#secondaryToolbarToggle::before { content: url("../images/pdf.js-viewer/toolbarButton-secondaryToolbarToggle.png"); } html[dir='rtl'] .pdfjs .toolbarButton#secondaryToolbarToggle::before { content: url("../images/pdf.js-viewer/toolbarButton-secondaryToolbarToggle-rtl.png"); } html[dir='ltr'] .pdfjs .toolbarButton.findPrevious::before { content: url("../images/pdf.js-viewer/findbarButton-previous.png"); } html[dir='rtl'] .pdfjs .toolbarButton.findPrevious::before { content: url("../images/pdf.js-viewer/findbarButton-previous-rtl.png"); } html[dir='ltr'] .pdfjs .toolbarButton.findNext::before { content: url("../images/pdf.js-viewer/findbarButton-next.png"); } html[dir='rtl'] .pdfjs .toolbarButton.findNext::before { content: url("../images/pdf.js-viewer/findbarButton-next-rtl.png"); } html[dir='ltr'] .pdfjs .toolbarButton.pageUp::before { content: url("../images/pdf.js-viewer/toolbarButton-pageUp.png"); } html[dir='rtl'] .pdfjs .toolbarButton.pageUp::before { content: url("../images/pdf.js-viewer/toolbarButton-pageUp-rtl.png"); } html[dir='ltr'] .pdfjs .toolbarButton.pageDown::before { content: url("../images/pdf.js-viewer/toolbarButton-pageDown.png"); } html[dir='rtl'] .pdfjs .toolbarButton.pageDown::before { content: url("../images/pdf.js-viewer/toolbarButton-pageDown-rtl.png"); } .pdfjs .toolbarButton.zoomOut::before { content: url("../images/pdf.js-viewer/toolbarButton-zoomOut.png"); } .pdfjs .toolbarButton.zoomIn::before { content: url("../images/pdf.js-viewer/toolbarButton-zoomIn.png"); } .pdfjs .toolbarButton.presentationMode::before, .pdfjs .secondaryToolbarButton.presentationMode::before { content: url("../images/pdf.js-viewer/toolbarButton-presentationMode.png"); } .pdfjs .toolbarButton.print::before, .pdfjs .secondaryToolbarButton.print::before { content: url("../images/pdf.js-viewer/toolbarButton-print.png"); } .pdfjs .toolbarButton.openFile::before, .pdfjs .secondaryToolbarButton.openFile::before { content: url("../images/pdf.js-viewer/toolbarButton-openFile.png"); } .pdfjs .toolbarButton.download::before, .pdfjs .secondaryToolbarButton.download::before { content: url("../images/pdf.js-viewer/toolbarButton-download.png"); } .pdfjs .toolbarButton.bookmark, .pdfjs .secondaryToolbarButton.bookmark { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; padding-top: 4px; text-decoration: none; } .pdfjs .secondaryToolbarButton.bookmark { padding-top: 5px; } .pdfjs .bookmark[href='#'] { opacity: .5; pointer-events: none; } .pdfjs .toolbarButton.bookmark::before, .pdfjs .secondaryToolbarButton.bookmark::before { content: url("../images/pdf.js-viewer/toolbarButton-bookmark.png"); } .pdfjs #viewThumbnail.toolbarButton::before { content: url("../images/pdf.js-viewer/toolbarButton-viewThumbnail.png"); } html[dir="ltr"] .pdfjs #viewOutline.toolbarButton::before { content: url("../images/pdf.js-viewer/toolbarButton-viewOutline.png"); } html[dir="rtl"] .pdfjs #viewOutline.toolbarButton::before { content: url("../images/pdf.js-viewer/toolbarButton-viewOutline-rtl.png"); } .pdfjs #viewAttachments.toolbarButton::before { content: url("../images/pdf.js-viewer/toolbarButton-viewAttachments.png"); } .pdfjs #viewFind.toolbarButton::before { content: url("../images/pdf.js-viewer/toolbarButton-search.png"); } .pdfjs .secondaryToolbarButton { position: relative; margin: 0 0 4px; padding: 3px 0 1px; height: auto; min-height: 25px; width: auto; min-width: 100%; white-space: normal; } html[dir="ltr"] .pdfjs .secondaryToolbarButton { padding-left: 24px; text-align: left; } html[dir="rtl"] .pdfjs .secondaryToolbarButton { padding-right: 24px; text-align: right; } html[dir="ltr"] .pdfjs .secondaryToolbarButton.bookmark { padding-left: 27px; } html[dir="rtl"] .pdfjs .secondaryToolbarButton.bookmark { padding-right: 27px; } html[dir="ltr"] .pdfjs .secondaryToolbarButton > span { padding-right: 4px; } html[dir="rtl"] .pdfjs .secondaryToolbarButton > span { padding-left: 4px; } .pdfjs .secondaryToolbarButton.firstPage::before { content: url("../images/pdf.js-viewer/secondaryToolbarButton-firstPage.png"); } .pdfjs .secondaryToolbarButton.lastPage::before { content: url("../images/pdf.js-viewer/secondaryToolbarButton-lastPage.png"); } .pdfjs .secondaryToolbarButton.rotateCcw::before { content: url("../images/pdf.js-viewer/secondaryToolbarButton-rotateCcw.png"); } .pdfjs .secondaryToolbarButton.rotateCw::before { content: url("../images/pdf.js-viewer/secondaryToolbarButton-rotateCw.png"); } .pdfjs .secondaryToolbarButton.handTool::before { content: url("../images/pdf.js-viewer/secondaryToolbarButton-handTool.png"); } .pdfjs .secondaryToolbarButton.documentProperties::before { content: url("../images/pdf.js-viewer/secondaryToolbarButton-documentProperties.png"); } .pdfjs .verticalToolbarSeparator { display: block; padding: 8px 0; margin: 8px 4px; width: 1px; background-color: rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); } html[dir='ltr'] .pdfjs .verticalToolbarSeparator { margin-left: 2px; } html[dir='rtl'] .pdfjs .verticalToolbarSeparator { margin-right: 2px; } .pdfjs .horizontalToolbarSeparator { display: block; margin: 0 0 4px; height: 1px; width: 100%; background-color: rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); } .pdfjs .toolbarField { padding: 3px 6px; margin: 4px 0; border: 1px solid transparent; border-radius: 2px; background-color: rgba(255, 255, 255, 0.09); background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.35); border-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.38) rgba(0, 0, 0, 0.42); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.05); color: #f2f2f2; font-size: 12px; line-height: 14px; outline-style: none; transition-property: background-color, border-color, box-shadow; transition-duration: 150ms; transition-timing-function: ease; } .pdfjs .toolbarField[type=checkbox] { display: inline-block; margin: 8px 0; } .pdfjs .toolbarField.pageNumber { -moz-appearance: textfield; min-width: 16px; text-align: right; width: 40px; } .pdfjs .toolbarField.pageNumber.visiblePageIsLoading { background-image: url("../images/pdf.js-viewer/loading-small.png"); background-repeat: no-repeat; background-position: 1px; } .pdfjs .toolbarField.pageNumber::-webkit-inner-spin-button, .pdfjs .toolbarField.pageNumber::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .pdfjs .toolbarField:hover { background-color: rgba(255, 255, 255, 0.11); border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.43) rgba(0, 0, 0, 0.45); } .pdfjs .toolbarField:focus { background-color: rgba(255, 255, 255, 0.15); border-color: rgba(77, 184, 255, 0.8) rgba(77, 184, 255, 0.85) rgba(77, 184, 255, 0.9); } .pdfjs .toolbarLabel { min-width: 16px; padding: 3px 6px 3px 2px; margin: 4px 2px 4px 0; border: 1px solid transparent; border-radius: 2px; color: #d9d9d9; font-size: 12px; line-height: 14px; text-align: left; -webkit-user-select: none; -moz-user-select: none; cursor: default; } .pdfjs #thumbnailView { position: absolute; width: 120px; top: 0; bottom: 0; padding: 10px 40px 0; overflow: auto; -webkit-overflow-scrolling: touch; } .pdfjs .thumbnail { float: left; margin-bottom: 5px; } .pdfjs #thumbnailView > a:last-of-type > .thumbnail { margin-bottom: 10px; } .pdfjs #thumbnailView > a:last-of-type > .thumbnail:not([data-loaded]) { margin-bottom: 9px; } .pdfjs .thumbnail:not([data-loaded]) { border: 1px dashed rgba(255, 255, 255, 0.5); margin: -1px -1px 4px; } .pdfjs .thumbnailImage { border: 1px solid transparent; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3); opacity: .8; z-index: 99; background-color: #fff; background-clip: content-box; } .pdfjs .thumbnailSelectionRing { border-radius: 2px; padding: 7px; } .pdfjs a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage, .pdfjs .thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage { opacity: 0.9; } .pdfjs a:focus > .thumbnail > .thumbnailSelectionRing, .pdfjs .thumbnail:hover > .thumbnailSelectionRing { background-color: rgba(255, 255, 255, 0.15); background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); background-clip: padding-box; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 0 1px rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.9); } .pdfjs .thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); opacity: 1; } .pdfjs .thumbnail.selected > .thumbnailSelectionRing { background-color: rgba(255, 255, 255, 0.3); background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); background-clip: padding-box; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 0 1px rgba(0, 0, 0, 0.2); color: #ffffff; } .pdfjs #outlineView, .pdfjs #attachmentsView { position: absolute; width: 192px; top: 0; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-user-select: none; -moz-user-select: none; } .pdfjs #outlineView { padding: 4px 4px 0; } .pdfjs #attachmentsView { padding: 3px 4px 0; } html[dir='ltr'] .pdfjs .outlineItem > .outlineItems { margin-left: 20px; } html[dir='rtl'] .pdfjs .outlineItem > .outlineItems { margin-right: 20px; } .pdfjs .outlineItem > a, .pdfjs .attachmentsItem > button { text-decoration: none; display: inline-block; min-width: 95%; height: auto; margin-bottom: 1px; border-radius: 2px; color: rgba(255, 255, 255, 0.8); font-size: 13px; line-height: 15px; -moz-user-select: none; white-space: normal; } .pdfjs .attachmentsItem > button { border: 0 none; background: none; cursor: pointer; width: 100%; } html[dir='ltr'] .pdfjs .outlineItem > a { padding: 2px 0 5px 10px; } html[dir='ltr'] .pdfjs .attachmentsItem > button { padding: 2px 0 3px 7px; text-align: left; } html[dir='rtl'] .pdfjs .outlineItem > a { padding: 2px 10px 5px 0; } html[dir='rtl'] .pdfjs .attachmentsItem > button { padding: 2px 7px 3px 0; text-align: right; } .pdfjs .outlineItem > a:hover, .pdfjs .attachmentsItem > button:hover { background-color: rgba(255, 255, 255, 0.02); background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); background-clip: padding-box; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 0 1px rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.9); } .pdfjs .outlineItem.selected { background-color: rgba(255, 255, 255, 0.08); background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); background-clip: padding-box; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 0 1px rgba(0, 0, 0, 0.2); color: #ffffff; } .pdfjs .noResults { font-size: 12px; color: rgba(255, 255, 255, 0.8); font-style: italic; cursor: default; } .pdfjs ::selection { background: rgba(0, 0, 255, 0.3); } .pdfjs ::-moz-selection { background: rgba(0, 0, 255, 0.3); } .pdfjs #errorWrapper { background: none repeat scroll 0 0 #F55; color: #fff; left: 0; position: absolute; right: 0; z-index: 1000; padding: 3px; font-size: 0.8em; } .pdfjs .loadingInProgress #errorWrapper { top: 37px; } .pdfjs #errorMessageLeft { float: left; } .pdfjs #errorMessageRight { float: right; } .pdfjs #errorMoreInfo { background-color: #FFF; color: #000; padding: 3px; margin: 3px; width: 98%; } .pdfjs .overlayButton { width: auto; margin: 3px 4px 2px !important; padding: 2px 6px 3px; } .pdfjs #overlayContainer { display: table; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 40000; } .pdfjs #overlayContainer > * { overflow: auto; -webkit-overflow-scrolling: touch; } .pdfjs #overlayContainer > .container { display: table-cell; vertical-align: middle; text-align: center; } .pdfjs #overlayContainer > .container > .dialog { display: inline-block; padding: 15px; border-spacing: 4px; color: #d9d9d9; font-size: 12px; line-height: 14px; background-color: #474747; background-image: url("../images/pdf.js-viewer/texture.png"), linear-gradient(rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95)); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.08), inset 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); } .pdfjs .dialog > .row { display: table-row; } .pdfjs .dialog > .row > * { display: table-cell; } .pdfjs .dialog .toolbarField { margin: 5px 0; } .pdfjs .dialog .separator { display: block; margin: 4px 0; height: 1px; width: 100%; background-color: rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); } .pdfjs .dialog .buttonRow { text-align: center; vertical-align: middle; } .pdfjs #passwordOverlay > .dialog { text-align: center; } .pdfjs #passwordOverlay .toolbarField { width: 200px; } .pdfjs #documentPropertiesOverlay > .dialog { text-align: left; } .pdfjs #documentPropertiesOverlay .row > * { min-width: 100px; } html[dir='ltr'] .pdfjs #documentPropertiesOverlay .row > * { text-align: left; } html[dir='rtl'] .pdfjs #documentPropertiesOverlay .row > * { text-align: right; } .pdfjs #documentPropertiesOverlay .row > span { width: 125px; word-wrap: break-word; } .pdfjs #documentPropertiesOverlay .row > p { max-width: 225px; word-wrap: break-word; } .pdfjs #documentPropertiesOverlay .buttonRow { margin-top: 10px; } .pdfjs .clearBoth { clear: both; } .pdfjs .fileInput { background: #fff; color: #000; margin-top: 5px; visibility: hidden; position: fixed; right: 0; top: 0; } .pdfjs #PDFBug { background: none repeat scroll 0 0 #fff; border: 1px solid #666; position: fixed; top: 32px; right: 0; bottom: 0; font-size: 10px; padding: 0; width: 300px; } .pdfjs #PDFBug .controls { background: #EEE; border-bottom: 1px solid #666; padding: 3px; } .pdfjs #PDFBug .panels { bottom: 0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; position: absolute; right: 0; top: 27px; } .pdfjs #PDFBug button.active { font-weight: 700; } .pdfjs .debuggerShowText { background: none repeat scroll 0 0 #ff0; color: blue; } .pdfjs .debuggerHideText:hover { background: none repeat scroll 0 0 #ff0; } .pdfjs #PDFBug .stats { font-family: courier; font-size: 10px; white-space: pre; } .pdfjs #PDFBug .stats .title { font-weight: 700; } .pdfjs #PDFBug table { font-size: 10px; } .pdfjs #viewer.textLayer-visible .textLayer > div, .pdfjs #viewer.textLayer-hover .textLayer > div:hover { background-color: #fff; color: #000; } .pdfjs #viewer.textLayer-shadow .textLayer > div { background-color: rgba(255, 255, 255, 0.6); color: #000; } .pdfjs .grab-to-pan-grab { cursor: url("../images/pdf.js-viewer/grab.cur"), move !important; cursor: -webkit-grab !important; cursor: -moz-grab !important; cursor: grab !important; } .pdfjs .grab-to-pan-grab :not(input):not(textarea):not(button):not(select):not(:link) { cursor: inherit !important; } .pdfjs .grab-to-pan-grab:active, .pdfjs .grab-to-pan-grabbing { cursor: url("../images/pdf.js-viewer/grabbing.cur"), move !important; cursor: -webkit-grabbing !important; cursor: -moz-grabbing !important; cursor: grabbing !important; position: fixed; background: transparent; display: block; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 50000; } @page { margin: 0; } .pdfjs #printContainer { display: none; } @media screen and (min-resolution: 2dppx) { .pdfjs .toolbarButton::before { -webkit-transform: scale(0.5); transform: scale(0.5); top: -5px; } .pdfjs .secondaryToolbarButton::before { -webkit-transform: scale(0.5); transform: scale(0.5); top: -4px; } html[dir='ltr'] .pdfjs .toolbarButton::before, html[dir='rtl'] .pdfjs .toolbarButton::before { left: -1px; } html[dir="ltr"] .pdfjs .secondaryToolbarButton::before { left: -2px; } html[dir="rtl"] .pdfjs .secondaryToolbarButton::before { left: 186px; } .pdfjs .toolbarField.pageNumber.visiblePageIsLoading, .pdfjs #findInput[data-status="pending"] { background-image: url("../images/pdf.js-viewer/loading-small@2x.png"); background-size: 16px 17px; } .pdfjs .dropdownToolbarButton { background: url("../images/pdf.js-viewer/toolbarButton-menuArrows@2x.png") no-repeat; background-size: 7px 16px; } html[dir='ltr'] .pdfjs .toolbarButton#sidebarToggle::before { content: url("../images/pdf.js-viewer/toolbarButton-sidebarToggle@2x.png"); } html[dir='rtl'] .pdfjs .toolbarButton#sidebarToggle::before { content: url("../images/pdf.js-viewer/toolbarButton-sidebarToggle-rtl@2x.png"); } html[dir='ltr'] .pdfjs .toolbarButton#secondaryToolbarToggle::before { content: url("../images/pdf.js-viewer/toolbarButton-secondaryToolbarToggle@2x.png"); } html[dir='rtl'] .pdfjs .toolbarButton#secondaryToolbarToggle::before { content: url("../images/pdf.js-viewer/toolbarButton-secondaryToolbarToggle-rtl@2x.png"); } html[dir='ltr'] .pdfjs .toolbarButton.findPrevious::before { content: url("../images/pdf.js-viewer/findbarButton-previous@2x.png"); } html[dir='rtl'] .pdfjs .toolbarButton.findPrevious::before { content: url("../images/pdf.js-viewer/findbarButton-previous-rtl@2x.png"); } html[dir='ltr'] .pdfjs .toolbarButton.findNext::before { content: url("../images/pdf.js-viewer/findbarButton-next@2x.png"); } html[dir='rtl'] .pdfjs .toolbarButton.findNext::before { content: url("../images/pdf.js-viewer/findbarButton-next-rtl@2x.png"); } html[dir='ltr'] .pdfjs .toolbarButton.pageUp::before { content: url("../images/pdf.js-viewer/toolbarButton-pageUp@2x.png"); } html[dir='rtl'] .pdfjs .toolbarButton.pageUp::before { content: url("../images/pdf.js-viewer/toolbarButton-pageUp-rtl@2x.png"); } html[dir='ltr'] .pdfjs .toolbarButton.pageDown::before { content: url("../images/pdf.js-viewer/toolbarButton-pageDown@2x.png"); } html[dir='rtl'] .pdfjs .toolbarButton.pageDown::before { content: url("../images/pdf.js-viewer/toolbarButton-pageDown-rtl@2x.png"); } .pdfjs .toolbarButton.zoomIn::before { content: url("../images/pdf.js-viewer/toolbarButton-zoomIn@2x.png"); } .pdfjs .toolbarButton.zoomOut::before { content: url("../images/pdf.js-viewer/toolbarButton-zoomOut@2x.png"); } .pdfjs .toolbarButton.presentationMode::before, .pdfjs .secondaryToolbarButton.presentationMode::before { content: url("../images/pdf.js-viewer/toolbarButton-presentationMode@2x.png"); } .pdfjs .toolbarButton.print::before, .pdfjs .secondaryToolbarButton.print::before { content: url("../images/pdf.js-viewer/toolbarButton-print@2x.png"); } .pdfjs .toolbarButton.openFile::before, .pdfjs .secondaryToolbarButton.openFile::before { content: url("../images/pdf.js-viewer/toolbarButton-openFile@2x.png"); } .pdfjs .toolbarButton.download::before, .pdfjs .secondaryToolbarButton.download::before { content: url("../images/pdf.js-viewer/toolbarButton-download@2x.png"); } .pdfjs .toolbarButton.bookmark::before, .pdfjs .secondaryToolbarButton.bookmark::before { content: url("../images/pdf.js-viewer/toolbarButton-bookmark@2x.png"); } .pdfjs #viewThumbnail.toolbarButton::before { content: url("../images/pdf.js-viewer/toolbarButton-viewThumbnail@2x.png"); } html[dir="ltr"] .pdfjs #viewOutline.toolbarButton::before { content: url("../images/pdf.js-viewer/toolbarButton-viewOutline@2x.png"); } html[dir="rtl"] .pdfjs #viewOutline.toolbarButton::before { content: url("../images/pdf.js-viewer/toolbarButton-viewOutline-rtl@2x.png"); } .pdfjs #viewAttachments.toolbarButton::before { content: url("../images/pdf.js-viewer/toolbarButton-viewAttachments@2x.png"); } .pdfjs #viewFind.toolbarButton::before { content: url("../images/pdf.js-viewer/toolbarButton-search@2x.png"); } .pdfjs .secondaryToolbarButton.firstPage::before { content: url("../images/pdf.js-viewer/secondaryToolbarButton-firstPage@2x.png"); } .pdfjs .secondaryToolbarButton.lastPage::before { content: url("../images/pdf.js-viewer/secondaryToolbarButton-lastPage@2x.png"); } .pdfjs .secondaryToolbarButton.rotateCcw::before { content: url("../images/pdf.js-viewer/secondaryToolbarButton-rotateCcw@2x.png"); } .pdfjs .secondaryToolbarButton.rotateCw::before { content: url("../images/pdf.js-viewer/secondaryToolbarButton-rotateCw@2x.png"); } .pdfjs .secondaryToolbarButton.handTool::before { content: url("../images/pdf.js-viewer/secondaryToolbarButton-handTool@2x.png"); } .pdfjs .secondaryToolbarButton.documentProperties::before { content: url("../images/pdf.js-viewer/secondaryToolbarButton-documentProperties@2x.png"); } } @media print { body { background: transparent none; } .pdfjs #sidebarContainer, .pdfjs #secondaryToolbar, .pdfjs .toolbar, .pdfjs #loadingBox, .pdfjs #errorWrapper, .pdfjs .textLayer { display: none; } .pdfjs #viewerContainer { overflow: visible; } .pdfjs #mainContainer, .pdfjs #viewerContainer, .pdfjs .page, .pdfjs .page canvas { position: static; padding: 0; margin: 0; } .pdfjs .page { float: left; display: none; border: none; box-shadow: none; background-clip: content-box; background-color: #fff; } .pdfjs .page[data-loaded] { display: block; } .pdfjs .fileInput { display: none; } body[data-mozPrintCallback] .pdfjs #outerContainer { display: none; } body[data-mozPrintCallback] .pdfjs #printContainer { display: block; } .pdfjs #printContainer > div { position: relative; top: 0; left: 0; overflow: hidden; } .pdfjs #printContainer canvas { display: block; } } .pdfjs .visibleLargeView, .pdfjs .visibleMediumView, .pdfjs .visibleSmallView { display: none; } @media all and (max-width: 960px) { html[dir='ltr'] .pdfjs #outerContainer.sidebarMoving .outerCenter, html[dir='ltr'] .pdfjs #outerContainer.sidebarOpen .outerCenter { float: left; left: 205px; } html[dir='rtl'] .pdfjs #outerContainer.sidebarMoving .outerCenter, html[dir='rtl'] .pdfjs #outerContainer.sidebarOpen .outerCenter { float: right; right: 205px; } } @media all and (max-width: 900px) { .pdfjs .sidebarOpen .hiddenLargeView { display: none; } .pdfjs .sidebarOpen .visibleLargeView { display: inherit; } } @media all and (max-width: 860px) { .pdfjs .sidebarOpen .hiddenMediumView { display: none; } .pdfjs .sidebarOpen .visibleMediumView { display: inherit; } } @media all and (max-width: 770px) { .pdfjs #sidebarContainer { top: 32px; z-index: 100; } .pdfjs .loadingInProgress #sidebarContainer { top: 37px; } .pdfjs #sidebarContent { top: 32px; background-color: rgba(0, 0, 0, 0.7); } html[dir='ltr'] .pdfjs #outerContainer.sidebarOpen > #mainContainer { left: 0; } html[dir='rtl'] .pdfjs #outerContainer.sidebarOpen > #mainContainer { right: 0; } html[dir='ltr'] .pdfjs .outerCenter { float: left; left: 205px; } html[dir='rtl'] .pdfjs .outerCenter { float: right; right: 205px; } .pdfjs #outerContainer .hiddenLargeView, .pdfjs #outerContainer .hiddenMediumView { display: inherit; } .pdfjs #outerContainer .visibleLargeView, .pdfjs #outerContainer .visibleMediumView { display: none; } } @media all and (max-width: 700px) { .pdfjs #outerContainer .hiddenLargeView { display: none; } .pdfjs #outerContainer .visibleLargeView { display: inherit; } } @media all and (max-width: 660px) { .pdfjs #outerContainer .hiddenMediumView { display: none; } .pdfjs #outerContainer .visibleMediumView { display: inherit; } } @media all and (max-width: 600px) { .pdfjs .hiddenSmallView { display: none; } .pdfjs .visibleSmallView { display: inherit; } html[dir='ltr'] .pdfjs #outerContainer.sidebarMoving .outerCenter, html[dir='ltr'] .pdfjs #outerContainer.sidebarOpen .outerCenter, html[dir='ltr'] .pdfjs .outerCenter { left: 156px; } html[dir='rtl'] .pdfjs #outerContainer.sidebarMoving .outerCenter, html[dir='rtl'] .pdfjs #outerContainer.sidebarOpen .outerCenter, html[dir='rtl'] .pdfjs .outerCenter { right: 156px; } .pdfjs .toolbarButtonSpacer { width: 0; } } @media all and (max-width: 510px) { .pdfjs #scaleSelectContainer, .pdfjs #pageNumberLabel { display: none; } } /* should be hidden differently */ #fileInput.fileInput { display: none; } .wvSplitpane { height: 100%; padding: 7px 2px 2px 2px; position: relative; } .wvSplitpane__cell { display: inline-block; float: left; height: 100%; width: 100%; position: relative; } .wvSplitpane__cellBorder, .wvSplitpane__cellBorder--selected, .wvSplitpane__cellBorder--blue, .wvSplitpane__cellBorder--red, .wvSplitpane__cellBorder--green, .wvSplitpane__cellBorder--yellow, .wvSplitpane__cellBorder--violet { display: inline-block; float: left; height: calc(100% - 2px); width: calc(100% - 2px); border: 2px dashed transparent; padding: 2px; margin: 1px; } .wvSplitpane__cellBorder--selected { border: 2px solid rgba(51, 152, 219, 0.7); } .wvSplitpane__cellBorder--blue { border-color: rgba(51, 152, 219, 0.7); } .wvSplitpane__cellBorder--red { border-color: rgba(206, 0, 0, 0.7); } .wvSplitpane__cellBorder--green { border-color: rgba(0, 160, 27, 0.7); } .wvSplitpane__cellBorder--yellow { border-color: rgba(220, 200, 0, 0.9); } .wvSplitpane__cellBorder--violet { border-color: rgba(255, 31, 255, 0.7); } wv-pane-policy { display: block; width: 100%; height: 100%; } wv-pane-policy > div[ng-transclude] { display: block; width: 100%; height: 100%; } .wv-timeline { position: relative; height: 2em; } .wv-timeline.reduced { height: 5px; } .wv-timeline.reduced .wv-timeline-loading-bar-wrapper { width: 100%; height: 100%; } .wv-timeline-controls-wrapper { position: absolute; left: 0; bottom: 0; width: 16em; height: 100%; color: white; } .wv-timeline-loading-bar-wrapper { position: absolute; right: 0; bottom: 0; width: calc(100% - 16em); height: calc(100% + 2px); } .wv-timeline-loading-bar-wrapper svg { position: absolute; left: 0; top: 0; } /* wv-timeline-controls directive */ .wv-timeline-controls { padding: 0.5em 0.5em 0.5em 0.5em; line-height: 1em; background-color: rgba(0, 0, 0, 0.66); text-align: center; transition: color 500ms, background-color 500ms; } .wv-timeline-controls:hover { background-color: rgba(0, 0, 0, 0.9); } .wv-timeline-controls-vertical-sizing { display: inline-block; line-height: 1em; font-size: 1em; } .wv-timeline-controls-vflip:before, .wv-timeline-controls-vflip:after { transform: scaleX(-1); display: inline-block; } .wv-timeline-controls-button { display: inline-block; height: 1em; width: 1em; line-height: 1em; font-size: 1em; margin: 0; user-select: none; cursor: pointer; } .wv-timeline-controls-input { height: 1em; width: 3em; padding: 0; padding-bottom: 1px; box-sizing: content-box; border: none; border-bottom: 1px solid rgba(255, 202, 128, 0.24); background-color: transparent; text-align: right; } .wv-timeline-controls-play-button-wrapper { float: right; } /* wv-play-button directive */ .wv-play-button { display: inline-block; position: relative; line-height: 1em; height: 3em; width: 6em; padding-bottom: 1em; padding-left: 0.25em; padding-right: 0.25em; } .wv-play-button:hover .wv-play-button-config-position-handler { visibility: visible; } .wv-play-button-config-position-handler { visibility: hidden; position: absolute; bottom: 3em; left: 1em; right: 0.5em; } .wv-play-button-config { position: absolute; bottom: 0; left: -6em; width: 12em; padding: 1em; background-color: rgba(0, 0, 0, 0.5); } /* Style range input (see http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html) */ .wv-play-button-config-framerate-wrapper { display: inline-block; margin: 0.25em 0 0.5em 0; } input[type="range"].wv-play-button-config-framerate { /*removes default webkit styles*/ -webkit-appearance: none; /*fix for FF unable to apply focus style bug */ border: 1px solid white; /*required for proper track sizing in FF*/ width: 10em; } input[type="range"].wv-play-button-config-framerate::-webkit-slider-runnable-track { width: 10em; height: 5px; background: #ddd; border: none; border-radius: 3px; } input[type="range"].wv-play-button-config-framerate::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: goldenrod; margin-top: -4px; } input[type="range"].wv-play-button-config-framerate:focus { outline: none; } input[type="range"].wv-play-button-config-framerate:focus::-webkit-slider-runnable-track { background: #ccc; } input[type="range"].wv-play-button-config-framerate::-moz-range-track { width: 10em; height: 5px; background: #ddd; border: none; border-radius: 3px; } input[type="range"].wv-play-button-config-framerate::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: goldenrod; } /*hide the outline behind the border*/ input[type="range"].wv-play-button-config-framerate:-moz-focusring { outline: 1px solid white; outline-offset: -1px; } input[type="range"].wv-play-button-config-framerate::-ms-track { width: 10em; height: 5px; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ background: transparent; /*leave room for the larger thumb to overflow with a transparent border */ border-color: transparent; border-width: 6px 0; /*remove default tick marks*/ color: transparent; } input[type="range"].wv-play-button-config-framerate::-ms-fill-lower { background: #777; border-radius: 10px; } input[type="range"].wv-play-button-config-framerate::-ms-fill-upper { background: #ddd; border-radius: 10px; } input[type="range"].wv-play-button-config-framerate::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: goldenrod; } input[type="range"].wv-play-button-config-framerate:focus::-ms-fill-lower { background: #888; } input[type="range"].wv-play-button-config-framerate:focus::-ms-fill-upper { background: #ccc; } .wv-loadingbar-image-bar { cursor: pointer; } .wv-loadingbar-not-loaded { fill: rgba(255, 255, 255, 0.1); } .wv-loadingbar-not-loaded, .wv-loadingbar-LOW-quality { transition: none; } .wv-loadingbar-not-loaded:hover { fill: rgba(255, 255, 255, 0.2); } .wv-loadingbar-LOSSLESS-quality, .wv-loadingbar-PIXELDATA-quality { fill: rgba(0, 255, 0, 0.7); } .wv-loadingbar-LOSSLESS-quality:hover, .wv-loadingbar-LOSSLESS-quality.wv-loadingbar-active, .wv-loadingbar-PIXELDATA-quality:hover, .wv-loadingbar-PIXELDATA-quality.wv-loadingbar-active { fill: lime; } .wv-loadingbar-LOW-quality { fill: rgba(255, 0, 0, 0.7); } .wv-loadingbar-LOW-quality:hover, .wv-loadingbar-LOW-quality.wv-loadingbar-active { fill: red; } .wv-loadingbar-MEDIUM-quality { fill: rgba(255, 95, 0, 0.7); } .wv-loadingbar-MEDIUM-quality:hover, .wv-loadingbar-MEDIUM-quality.wv-loadingbar-active { fill: #ff5f00; } .disclaimer { color: #E63F24; background-color: #303030; padding: 5px; text-align: center; font-weight: bold; } .tbGroup { position: relative; } .tbGroup__buttons--base, .tbGroup__buttons--bottom, .tbGroup__buttons--left { z-index: 5; background-color: black; position: absolute; } .tbGroup__buttons--bottom { right: 0; display: block; } .tbGroup__buttons--left { right: 100%; top: 0; display: block; } .tbGroup__icon { display: block; position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 10px 0 0 10px; border-color: transparent transparent transparent rgba(255, 255, 255, 0.1); } .tbGroup__icon.active { border-color: transparent transparent transparent #3498db; } wv-viewport { display: inline-block; width: 100%; height: 100%; } wv-viewport > div { position: relative; width: 100%; height: 100%; } wv-viewport > div > .wv-cornerstone-enabled-image { width: 100%; height: 100%; text-align: center; } .wv-draggable-clone { width: 150px; height: 150px; background-color: rgba(255, 255, 255, 0.25); } @media print { .wvPrintExclude { display: none; } .wvPrintFullPage { width: 100% !important; height: 100% !important; position: absolute !important; top: 0 !important; left: 0 !important; display: block !important; } .wvLayout__main { top: 0 !important; right: 0 !important; left: 0 !important; bottom: 0 !important; } .wvPrintViewer { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .wvPrintViewer canvas { max-width: 100% !important; max-height: 100% !important; margin: auto; } .wv-overlay-topleft, .wv-overlay-topleft *, .wv-overlay-topright, .wv-overlay-topright *, .wv-overlay-bottomright, .wv-overlay-bottomright *, .wv-overlay-bottomleft, .wv-overlay-bottomleft * { background-color: black !important; -webkit-print-color-adjust: exact !important; color-adjust: exact !important; color: orange !important; } .tooltip { display: none !important; } body { margin: 0; padding: 0; position: relative; width: 8.5in; height: 11in; } body, body * { background-color: black !important; -webkit-print-color-adjust: exact !important; } } .closePrintButton { display: none; } body.print .wvPrintExclude { display: none; } body.print .wvPrintFullPage { width: 100% !important; height: 100% !important; position: absolute !important; top: 0 !important; left: 0 !important; display: block !important; } body.print .wvLayout__main { top: 0 !important; right: 0 !important; left: 0 !important; bottom: 0 !important; } body.print .wvPrintViewer { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } body.print .wvPrintViewer canvas { max-width: 100% !important; max-height: 100% !important; margin: auto; } body.print .wv-overlay-topleft, body.print .wv-overlay-topleft *, body.print .wv-overlay-topright, body.print .wv-overlay-topright *, body.print .wv-overlay-bottomright, body.print .wv-overlay-bottomright *, body.print .wv-overlay-bottomleft, body.print .wv-overlay-bottomleft * { background-color: black !important; -webkit-print-color-adjust: exact !important; color-adjust: exact !important; color: orange !important; } body.print .tooltip { display: none !important; } body.print body { margin: 0; padding: 0; position: relative; width: 8.5in; height: 11in; } body.print body, body.print body * { background-color: black !important; -webkit-print-color-adjust: exact !important; } @media screen { body.print .closePrintButton { display: block; position: fixed; top: 0; right: 0; padding: 10px; font-size: 24px; background-color: black; color: white; border: none; } }