Mercurial > hg > orthanc-stone

comparison Applications/StoneWebViewer/WebApplication/app.css @ 1538:d1806b4e4839

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
comparison
equal deleted inserted replaced
1537:de8cf5859e84 1538:d1806b4e4839
1 .browsehappy {
2 margin: 0.2em 0;
3 background: #ccc;
4 color: #000;
5 padding: 0.2em 0; }
6
7 .wv-html, .wv-body {
8 height: 100%;
9 width: 100%;
10 margin: 0;
11 padding: 0;
12 overflow: hidden; }
13
14 .wv-body {
15 background-color: black;
16 color: white;
17 position: relative;
18 overflow: hidden;
19 font-family: "Open Sans", Helvetica, Arial, sans-serif;
20 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
21 font-size: 13px;
22 font-weight: 400;
23 line-height: 1.49;
24 font-size-adjust: 100%;
25 -moz-osx-font-smoothing: grayscale !important;
26 font-smoothing: antialiased !important;
27 -webkit-font-smoothing: antialiased !important; }
28
29 .wvLoadingScreen {
30 width: 100%;
31 height: 100%;
32 background-color: black;
33 position: fixed;
34 top: 0;
35 left: 0;
36 z-index: 9999;
37 display: flex;
38 align-items: center;
39 justify-content: center; }
40
41 .wvLoadingSpinner {
42 margin: 100px auto 0;
43 width: 70px;
44 text-align: center; }
45
46 .wvLoadingSpinner > div {
47 width: 18px;
48 height: 18px;
49 background-color: #FFF;
50 border-radius: 100%;
51 display: inline-block;
52 -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
53 animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
54
55 .wvLoadingSpinner .bounce1 {
56 -webkit-animation-delay: -0.32s;
57 animation-delay: -0.32s; }
58
59 .wvLoadingSpinner .bounce2 {
60 -webkit-animation-delay: -0.16s;
61 animation-delay: -0.16s; }
62
63 @-webkit-keyframes sk-bouncedelay {
64 0%, 80%, 100% {
65 -webkit-transform: scale(0); }
66 40% {
67 -webkit-transform: scale(1); } }
68
69 @keyframes sk-bouncedelay {
70 0%, 80%, 100% {
71 -webkit-transform: scale(0);
72 transform: scale(0); }
73 40% {
74 -webkit-transform: scale(1);
75 transform: scale(1); } }
76
77 /* wvp-ui stuffs */
78 wv-webviewer {
79 display: block;
80 height: 100%;
81 overflow: hidden; }
82
83 .wvButton, .wvButton--rotate, .wvButton--vflip, .wvButton--underline, .fa.wvButton--underline, .wvButton--border, .wvButton--borderAndWhite {
84 outline: none;
85 background-color: transparent;
86 border: none;
87 border-radius: 0;
88 position: relative;
89 display: inline-block;
90 cursor: pointer;
91 font-variant: small-caps;
92 text-transform: lowercase;
93 text-align: center;
94 font-size: 1.3rem;
95 font-weight: 400;
96 color: #d9d9d9;
97 transition: 0.3s text-decoration ease, 0.3s border ease, 0.3s opacity ease;
98 margin: 0;
99 min-width: 3rem;
100 padding: 0 10px;
101 line-height: 3.6rem; }
102 .wvButton:hover, .wvButton--rotate:hover, .wvButton--vflip:hover, .wvButton--underline:hover, .wvButton--border:hover, .wvButton--borderAndWhite:hover {
103 text-decoration: none;
104 color: white; }
105 .wvButton.wvLargeButton, .wvLargeButton.wvButton--rotate, .wvLargeButton.wvButton--vflip, .wvLargeButton.wvButton--underline, .wvLargeButton.wvButton--border, .wvLargeButton.wvButton--borderAndWhite {
106 font-size: 2rem;
107 line-height: 6.2rem;
108 padding: 0 20px; }
109
110 .wvButton--rotate:before, .wvButton--rotate:after {
111 transform: rotate(90deg);
112 display: inline-block; }
113
114 .wvButton--vflip:before, .wvButton--vflip:after {
115 transform: scaleX(-1);
116 display: inline-block; }
117
118 .wvButton--underline, .fa.wvButton--underline {
119 position: relative;
120 background-color: inherit;
121 text-decoration: none;
122 text-align: left;
123 font-size: 1.2rem;
124 width: 3.2rem;
125 vertical-align: middle;
126 color: white;
127 opacity: 0.75;
128 border: none;
129 border-bottom: 2px solid rgba(255, 255, 255, 0.1);
130 top: 0px; }
131 .wvButton--underline.wvLargeButton, .fa.wvButton--underline.wvLargeButton {
132 font-size: 2rem;
133 width: 6.4rem; }
134 .wvButton--underline *, .fa.wvButton--underline * {
135 pointer-events: none; }
136 .wvButton--underline:hover, .wvButton--underline:active, .wvButton--underline:focus, .fa.wvButton--underline:hover, .fa.wvButton--underline:active, .fa.wvButton--underline:focus {
137 outline: 0; }
138 .wvButton--underline:hover, .wvButton--underline:focus, .fa.wvButton--underline:hover, .fa.wvButton--underline:focus {
139 border-color: white;
140 opacity: 1; }
141 .wvButton--underline:hover .wvButton__bottomTriangle, .wvButton--underline:focus .wvButton__bottomTriangle, .fa.wvButton--underline:hover .wvButton__bottomTriangle, .fa.wvButton--underline:focus .wvButton__bottomTriangle {
142 border-left-color: white; }
143 .wvButton--underline.active, .fa.wvButton--underline.active {
144 opacity: 1;
145 border-color: #3498db; }
146 .wvButton--underline::before, .fa.wvButton--underline::before {
147 position: relative;
148 top: -1px; }
149 .wvButton--underline.fa, .fa.wvButton--underline.fa {
150 top: 0px;
151 font-weight: 800; }
152
153 .wvButton__bottomTriangle {
154 transition: 0.3s border ease, 0.3s opacity ease;
155 display: block;
156 position: absolute;
157 bottom: 0;
158 left: 0;
159 width: 0;
160 height: 0;
161 border-style: solid;
162 border-width: 10px 0 0 10px;
163 border-color: transparent transparent transparent rgba(255, 255, 255, 0.1); }
164 .wvButton__bottomTriangle.active {
165 border-color: transparent transparent transparent #3498db !important; }
166 .wvButton__bottomTriangle.active.toggled {
167 border-left-color: #3498db !important; }
168
169 .wvButton--border, .wvButton--borderAndWhite {
170 max-height: calc(2.8rem - 3px);
171 max-width: 100%;
172 overflow: hidden;
173 margin: 0.6rem;
174 margin-left: 0rem;
175 margin-right: 0rem;
176 line-height: 2rem;
177 padding-top: 0.1rem;
178 padding-bottom: 0.5rem;
179 font-size: 1.4rem;
180 border: 1px solid #454545;
181 font-family: Arial;
182 background-color: black; }
183 .wvButton--border + .wvButton--border, .wvButton--borderAndWhite + .wvButton--border, .wvButton--border + .wvButton--borderAndWhite, .wvButton--borderAndWhite + .wvButton--borderAndWhite {
184 margin-left: 0.7rem; }
185 .wvButton--border:hover, .wvButton--borderAndWhite:hover {
186 background-color: #1a1a1a; }
187 .wvButton--border > .glyphicon, .wvButton--borderAndWhite > .glyphicon {
188 position: relative;
189 display: inline-block;
190 top: 3px;
191 margin-right: 4px; }
192
193 .wvButton--borderAndWhite {
194 color: #1a1a1a;
195 border: 1px solid #bababa;
196 background-color: white; }
197 .wvButton--borderAndWhite:hover {
198 color: #1a1a1a;
199 background-color: #e6e6e6; }
200
201 .wvExitButton {
202 margin-left: 1rem;
203 margin-top: .25rem;
204 font-size: 1.25em;
205 color: white;
206 opacity: .66;
207 transition: .3s opacity ease;
208 background-color: inherit;
209 border: none;
210 text-decoration: none;
211 text-align: left;
212 padding: 0;
213 cursor: pointer;
214 font-family: inherit;
215 line-height: inherit; }
216 .wvExitButton:hover, .wvExitButton:focus {
217 opacity: 1;
218 outline: 0; }
219
220 .wvExitButton__text {
221 position: relative;
222 top: -1px; }
223
224 .wvStudyIsland--blue, .wvStudyIsland--red, .wvStudyIsland--green, .wvStudyIsland--yellow, .wvStudyIsland--violet {
225 margin: 1rem 1rem 1rem 1rem;
226 border: 0.3rem solid gray; }
227
228 .wvStudyIsland__header--blue, .wvStudyIsland__header--red, .wvStudyIsland__header--green, .wvStudyIsland__header--yellow, .wvStudyIsland__header--violet {
229 background-color: gray;
230 padding: 0.5rem 0.5rem 0.8rem 0.5rem;
231 line-height: 1.35rem;
232 width: 100%; }
233
234 .wvStudyIsland__actions {
235 float: right;
236 margin-top: -0.8rem;
237 margin-right: -0.8rem; }
238
239 .wvStudyIsland__actions--oneCol {
240 float: none;
241 text-align: center; }
242
243 .wvStudyIsland__main {
244 padding: 0.4rem;
245 color: white;
246 width: 100%; }
247
248 .wvStudyIsland--blue {
249 border-color: rgba(51, 152, 219, 0.7); }
250
251 .wvStudyIsland__header--blue {
252 background-color: rgba(51, 152, 219, 0.7); }
253
254 .wvStudyIsland--red {
255 border-color: rgba(206, 0, 0, 0.7); }
256
257 .wvStudyIsland__header--red {
258 background-color: rgba(206, 0, 0, 0.7); }
259
260 .wvStudyIsland--green {
261 border-color: rgba(0, 160, 27, 0.7); }
262
263 .wvStudyIsland__header--green {
264 background-color: rgba(0, 160, 27, 0.7); }
265
266 .wvStudyIsland--yellow {
267 border-color: rgba(220, 200, 0, 0.9); }
268
269 .wvStudyIsland__header--yellow {
270 background-color: rgba(220, 200, 0, 0.9); }
271
272 .wvStudyIsland--violet {
273 border-color: rgba(255, 31, 255, 0.7); }
274
275 .wvStudyIsland__header--violet {
276 background-color: rgba(255, 31, 255, 0.7); }
277
278 /*
279 * Source code taken from private Osimis' frontend toolbox 3.2.1.
280 */
281 /**
282 _overlay.scss
283 */
284 .overlay__transparent {
285 position: fixed;
286 top: 0;
287 left: 0;
288 width: 100%;
289 height: 100%;
290 z-index: 1; }
291
292 /** _transition.scss **/
293 .transition {
294 transition: 0.3s all ease; }
295
296 .transition--long {
297 transition: 0.6s all ease; }
298
299 /** _list.scss **/
300 dd + dt {
301 clear: both; }
302
303 .listDefinition {
304 width: 100%;
305 line-height: 1.3; }
306
307 .listDefinition__term {
308 clear: both;
309 float: left;
310 text-align: right;
311 padding-right: 10px;
312 width: 50%; }
313
314 .listDefinition__data {
315 text-align: left;
316 padding-left: 10px;
317 float: right;
318 width: 50%; }
319
320 /** _animation.scss **/
321 @keyframes blink__primary {
322 0% {
323 color: #3498db; }
324 100% {
325 color: #666666; } }
326
327 .blink__primary {
328 animation: blink__primary 0.8s linear infinite; }
329
330 [translate-cloak] {
331 transition: 0.3s all ease;
332 opacity: 1; }
333 [translate-cloak].translate-cloak {
334 opacity: 0; }
335
336 /** _button.scss **/
337 .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 {
338 background-color: inherit;
339 border: none;
340 text-decoration: none;
341 text-align: left;
342 padding: 0;
343 cursor: pointer; }
344 .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 * {
345 pointer-events: none; }
346 .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 {
347 outline: 0; }
348
349 .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 {
350 transition: 0.3s all ease; }
351
352 .button__state--active {
353 opacity: 1; }
354 .button__state--active:hover {
355 opacity: 0.9;
356 color: #3498db; }
357
358 .button__state--inactive {
359 opacity: 0.333; }
360 .button__state--inactive:hover {
361 opacity: 0.4333;
362 color: #3498db; }
363
364 .button__iconed {
365 opacity: 1; }
366 .button__iconed:hover, .button__iconed:focus, .button__iconed.active {
367 opacity: 0.75;
368 color: #3498db; }
369
370 .button__switch--base, .button__switch, .button__switch--first, .button__switch--last {
371 padding: 5px 0px;
372 display: inline-block;
373 text-align: center;
374 border-top: 1px solid;
375 border-bottom: 1px solid;
376 border-color: #3498db;
377 background-color: white;
378 overflow: hidden; }
379 .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 {
380 background-color: #5faee3;
381 color: white; }
382 .button__switch--base.active, .active.button__switch, .active.button__switch--first, .active.button__switch--last {
383 background-color: #3498db;
384 color: white; }
385
386 .button__switch--first {
387 border-left: 1px solid #3498db;
388 border-radius: 5px 0 0 5px; }
389
390 .button__switch--last {
391 border-right: 1px solid #3498db;
392 border-radius: 0 5px 5px 0; }
393
394 .button__lightgrey--hover:hover, .button__lightgrey--hover:focus, .button__lightgrey--hover.active {
395 background-color: #cccccc; }
396
397 .button__text-danger--hover:hover, .button__text-danger--hover:focus, .button__text-danger--hover.active {
398 color: #E63F24; }
399
400 .button__text-primary--hover:hover, .button__text-primary--hover:focus, .button__text-primary--hover.active {
401 color: #3498db; }
402
403 .button__danger--hover:hover, .button__danger--hover:focus, .button__danger--hover.active {
404 background-color: #E63F24;
405 color: white; }
406
407 .button__text {
408 opacity: 0.66; }
409 .button__text:hover, .button__text.active, .button__text:focus {
410 opacity: 1; }
411
412 .button__text--underlined {
413 text-decoration: underline; }
414 .button__text--underlined:hover, .button__text--underlined.active, .button__text--underlined:focus {
415 text-decoration: none; }
416
417 .button__bordered {
418 border-bottom: 2px solid #666666; }
419 .button__bordered:hover, .button__bordered:focus, .button__bordered.active {
420 border-color: #3498db; }
421
422 .button__bordered--inverted {
423 border-bottom: 2px solid white; }
424
425 .button__close {
426 position: absolute;
427 top: 0;
428 right: 0;
429 opacity: 0.6;
430 z-index: 10; }
431 .button__close:hover, .button__close:focus {
432 opacity: 1; }
433
434 /** _block.scss **/
435 .block {
436 display: block !important; }
437
438 /** _boxsizing.scss **/
439 .boxsizing__borderbox {
440 box-sizing: border-box; }
441
442 .boxsizing__contentbox {
443 box-sizing: content-box; }
444
445 /** _scrollable.scss **/
446 .scrollable {
447 overflow-y: auto; }
448
449 .scrollable--x {
450 overflow-x: auto; }
451
452 .no-scroll {
453 overflow: hidden; }
454
455 /** _float.scss **/
456 .float__right {
457 float: right; }
458
459 .float__left {
460 float: left; }
461
462 /** _fonts.scss **/
463 .font__bold {
464 font-weight: 600; }
465
466 .font__normal, .listDefinition__data {
467 font-weight: 400; }
468
469 .font__light, .listDefinition__term {
470 font-weight: 200; }
471
472 .fontColor__primary {
473 color: #3498db; }
474
475 .fontColor__lightGrey {
476 color: #cccccc; }
477
478 .fontColor__normal {
479 color: #666666; }
480
481 .fontColor__darker {
482 color: #333333; }
483
484 .fontColor__white {
485 color: white; }
486
487 /** _forms.scss **/
488 .textarea__unstyled {
489 border: none;
490 outline: none;
491 background-color: transparent;
492 color: inherit;
493 resize: none;
494 padding: 0;
495 margin: 0;
496 width: 100%; }
497
498 /** _position.scss **/
499 .position__relative {
500 position: relative; }
501
502 /** _margin.scss **/
503 .margin__auto {
504 margin: auto; }
505
506 /** _helpers.scss **/
507 /*************HELPERS**************/
508 /**********************************/
509 /*** identical width and height ***/
510 .wh__0 {
511 width: 0px !important;
512 height: 0px !important; }
513
514 .lh__0 {
515 line-height: 0px !important; }
516
517 .wh__5 {
518 width: 5px !important;
519 height: 5px !important; }
520
521 .lh__5 {
522 line-height: 5px !important; }
523
524 .wh__8 {
525 width: 8px !important;
526 height: 8px !important; }
527
528 .lh__8 {
529 line-height: 8px !important; }
530
531 .wh__10 {
532 width: 10px !important;
533 height: 10px !important; }
534
535 .lh__10 {
536 line-height: 10px !important; }
537
538 .wh__11 {
539 width: 11px !important;
540 height: 11px !important; }
541
542 .lh__11 {
543 line-height: 11px !important; }
544
545 .wh__12 {
546 width: 12px !important;
547 height: 12px !important; }
548
549 .lh__12 {
550 line-height: 12px !important; }
551
552 .wh__13 {
553 width: 13px !important;
554 height: 13px !important; }
555
556 .lh__13 {
557 line-height: 13px !important; }
558
559 .wh__14 {
560 width: 14px !important;
561 height: 14px !important; }
562
563 .lh__14 {
564 line-height: 14px !important; }
565
566 .wh__15 {
567 width: 15px !important;
568 height: 15px !important; }
569
570 .lh__15 {
571 line-height: 15px !important; }
572
573 .wh__16 {
574 width: 16px !important;
575 height: 16px !important; }
576
577 .lh__16 {
578 line-height: 16px !important; }
579
580 .wh__17 {
581 width: 17px !important;
582 height: 17px !important; }
583
584 .lh__17 {
585 line-height: 17px !important; }
586
587 .wh__18 {
588 width: 18px !important;
589 height: 18px !important; }
590
591 .lh__18 {
592 line-height: 18px !important; }
593
594 .wh__19 {
595 width: 19px !important;
596 height: 19px !important; }
597
598 .lh__19 {
599 line-height: 19px !important; }
600
601 .wh__20 {
602 width: 20px !important;
603 height: 20px !important; }
604
605 .lh__20 {
606 line-height: 20px !important; }
607
608 .wh__21 {
609 width: 21px !important;
610 height: 21px !important; }
611
612 .lh__21 {
613 line-height: 21px !important; }
614
615 .wh__22 {
616 width: 22px !important;
617 height: 22px !important; }
618
619 .lh__22 {
620 line-height: 22px !important; }
621
622 .wh__23 {
623 width: 23px !important;
624 height: 23px !important; }
625
626 .lh__23 {
627 line-height: 23px !important; }
628
629 .wh__24 {
630 width: 24px !important;
631 height: 24px !important; }
632
633 .lh__24 {
634 line-height: 24px !important; }
635
636 .wh__25 {
637 width: 25px !important;
638 height: 25px !important; }
639
640 .lh__25 {
641 line-height: 25px !important; }
642
643 .wh__26 {
644 width: 26px !important;
645 height: 26px !important; }
646
647 .lh__26 {
648 line-height: 26px !important; }
649
650 .wh__27 {
651 width: 27px !important;
652 height: 27px !important; }
653
654 .lh__27 {
655 line-height: 27px !important; }
656
657 .wh__28 {
658 width: 28px !important;
659 height: 28px !important; }
660
661 .lh__28 {
662 line-height: 28px !important; }
663
664 .wh__29 {
665 width: 29px !important;
666 height: 29px !important; }
667
668 .lh__29 {
669 line-height: 29px !important; }
670
671 .wh__30 {
672 width: 30px !important;
673 height: 30px !important; }
674
675 .lh__30 {
676 line-height: 30px !important; }
677
678 .wh__31 {
679 width: 31px !important;
680 height: 31px !important; }
681
682 .lh__31 {
683 line-height: 31px !important; }
684
685 .wh__32 {
686 width: 32px !important;
687 height: 32px !important; }
688
689 .lh__32 {
690 line-height: 32px !important; }
691
692 .wh__33 {
693 width: 33px !important;
694 height: 33px !important; }
695
696 .lh__33 {
697 line-height: 33px !important; }
698
699 .wh__34 {
700 width: 34px !important;
701 height: 34px !important; }
702
703 .lh__34 {
704 line-height: 34px !important; }
705
706 .wh__35 {
707 width: 35px !important;
708 height: 35px !important; }
709
710 .lh__35 {
711 line-height: 35px !important; }
712
713 .wh__36 {
714 width: 36px !important;
715 height: 36px !important; }
716
717 .lh__36 {
718 line-height: 36px !important; }
719
720 .wh__37 {
721 width: 37px !important;
722 height: 37px !important; }
723
724 .lh__37 {
725 line-height: 37px !important; }
726
727 .wh__38 {
728 width: 38px !important;
729 height: 38px !important; }
730
731 .lh__38 {
732 line-height: 38px !important; }
733
734 .wh__39 {
735 width: 39px !important;
736 height: 39px !important; }
737
738 .lh__39 {
739 line-height: 39px !important; }
740
741 .wh__40 {
742 width: 40px !important;
743 height: 40px !important; }
744
745 .lh__40 {
746 line-height: 40px !important; }
747
748 .wh__41 {
749 width: 41px !important;
750 height: 41px !important; }
751
752 .lh__41 {
753 line-height: 41px !important; }
754
755 .wh__42 {
756 width: 42px !important;
757 height: 42px !important; }
758
759 .lh__42 {
760 line-height: 42px !important; }
761
762 .wh__43 {
763 width: 43px !important;
764 height: 43px !important; }
765
766 .lh__43 {
767 line-height: 43px !important; }
768
769 .wh__44 {
770 width: 44px !important;
771 height: 44px !important; }
772
773 .lh__44 {
774 line-height: 44px !important; }
775
776 .wh__45 {
777 width: 45px !important;
778 height: 45px !important; }
779
780 .lh__45 {
781 line-height: 45px !important; }
782
783 .wh__46 {
784 width: 46px !important;
785 height: 46px !important; }
786
787 .lh__46 {
788 line-height: 46px !important; }
789
790 .wh__47 {
791 width: 47px !important;
792 height: 47px !important; }
793
794 .lh__47 {
795 line-height: 47px !important; }
796
797 .wh__48 {
798 width: 48px !important;
799 height: 48px !important; }
800
801 .lh__48 {
802 line-height: 48px !important; }
803
804 .wh__49 {
805 width: 49px !important;
806 height: 49px !important; }
807
808 .lh__49 {
809 line-height: 49px !important; }
810
811 .wh__50 {
812 width: 50px !important;
813 height: 50px !important; }
814
815 .lh__50 {
816 line-height: 50px !important; }
817
818 .wh__55 {
819 width: 55px !important;
820 height: 55px !important; }
821
822 .lh__55 {
823 line-height: 55px !important; }
824
825 .wh__60 {
826 width: 60px !important;
827 height: 60px !important; }
828
829 .lh__60 {
830 line-height: 60px !important; }
831
832 .wh__64 {
833 width: 64px !important;
834 height: 64px !important; }
835
836 .lh__64 {
837 line-height: 64px !important; }
838
839 .wh__65 {
840 width: 65px !important;
841 height: 65px !important; }
842
843 .lh__65 {
844 line-height: 65px !important; }
845
846 .wh__70 {
847 width: 70px !important;
848 height: 70px !important; }
849
850 .lh__70 {
851 line-height: 70px !important; }
852
853 .wh__72 {
854 width: 72px !important;
855 height: 72px !important; }
856
857 .lh__72 {
858 line-height: 72px !important; }
859
860 .wh__75 {
861 width: 75px !important;
862 height: 75px !important; }
863
864 .lh__75 {
865 line-height: 75px !important; }
866
867 .wh__80 {
868 width: 80px !important;
869 height: 80px !important; }
870
871 .lh__80 {
872 line-height: 80px !important; }
873
874 .wh__85 {
875 width: 85px !important;
876 height: 85px !important; }
877
878 .lh__85 {
879 line-height: 85px !important; }
880
881 .wh__90 {
882 width: 90px !important;
883 height: 90px !important; }
884
885 .lh__90 {
886 line-height: 90px !important; }
887
888 .wh__95 {
889 width: 95px !important;
890 height: 95px !important; }
891
892 .lh__95 {
893 line-height: 95px !important; }
894
895 .wh__96 {
896 width: 96px !important;
897 height: 96px !important; }
898
899 .lh__96 {
900 line-height: 96px !important; }
901
902 .wh__100 {
903 width: 100px !important;
904 height: 100px !important; }
905
906 .lh__100 {
907 line-height: 100px !important; }
908
909 .wh__110 {
910 width: 110px !important;
911 height: 110px !important; }
912
913 .lh__110 {
914 line-height: 110px !important; }
915
916 .wh__120 {
917 width: 120px !important;
918 height: 120px !important; }
919
920 .lh__120 {
921 line-height: 120px !important; }
922
923 .wh__130 {
924 width: 130px !important;
925 height: 130px !important; }
926
927 .lh__130 {
928 line-height: 130px !important; }
929
930 .wh__140 {
931 width: 140px !important;
932 height: 140px !important; }
933
934 .lh__140 {
935 line-height: 140px !important; }
936
937 .wh__150 {
938 width: 150px !important;
939 height: 150px !important; }
940
941 .lh__150 {
942 line-height: 150px !important; }
943
944 .wh__160 {
945 width: 160px !important;
946 height: 160px !important; }
947
948 .lh__160 {
949 line-height: 160px !important; }
950
951 .wh__170 {
952 width: 170px !important;
953 height: 170px !important; }
954
955 .lh__170 {
956 line-height: 170px !important; }
957
958 .wh__180 {
959 width: 180px !important;
960 height: 180px !important; }
961
962 .lh__180 {
963 line-height: 180px !important; }
964
965 .wh__190 {
966 width: 190px !important;
967 height: 190px !important; }
968
969 .lh__190 {
970 line-height: 190px !important; }
971
972 .wh__200 {
973 width: 200px !important;
974 height: 200px !important; }
975
976 .lh__200 {
977 line-height: 200px !important; }
978
979 .wh__210 {
980 width: 210px !important;
981 height: 210px !important; }
982
983 .lh__210 {
984 line-height: 210px !important; }
985
986 .wh__220 {
987 width: 220px !important;
988 height: 220px !important; }
989
990 .lh__220 {
991 line-height: 220px !important; }
992
993 .wh__230 {
994 width: 230px !important;
995 height: 230px !important; }
996
997 .lh__230 {
998 line-height: 230px !important; }
999
1000 .wh__240 {
1001 width: 240px !important;
1002 height: 240px !important; }
1003
1004 .lh__240 {
1005 line-height: 240px !important; }
1006
1007 .wh__250 {
1008 width: 250px !important;
1009 height: 250px !important; }
1010
1011 .lh__250 {
1012 line-height: 250px !important; }
1013
1014 .wh__260 {
1015 width: 260px !important;
1016 height: 260px !important; }
1017
1018 .lh__260 {
1019 line-height: 260px !important; }
1020
1021 .wh__270 {
1022 width: 270px !important;
1023 height: 270px !important; }
1024
1025 .lh__270 {
1026 line-height: 270px !important; }
1027
1028 .wh__280 {
1029 width: 280px !important;
1030 height: 280px !important; }
1031
1032 .lh__280 {
1033 line-height: 280px !important; }
1034
1035 .wh__290 {
1036 width: 290px !important;
1037 height: 290px !important; }
1038
1039 .lh__290 {
1040 line-height: 290px !important; }
1041
1042 .wh__300 {
1043 width: 300px !important;
1044 height: 300px !important; }
1045
1046 .lh__300 {
1047 line-height: 300px !important; }
1048
1049 .wh__310 {
1050 width: 310px !important;
1051 height: 310px !important; }
1052
1053 .lh__310 {
1054 line-height: 310px !important; }
1055
1056 .wh__320 {
1057 width: 320px !important;
1058 height: 320px !important; }
1059
1060 .lh__320 {
1061 line-height: 320px !important; }
1062
1063 .wh__330 {
1064 width: 330px !important;
1065 height: 330px !important; }
1066
1067 .lh__330 {
1068 line-height: 330px !important; }
1069
1070 .wh__340 {
1071 width: 340px !important;
1072 height: 340px !important; }
1073
1074 .lh__340 {
1075 line-height: 340px !important; }
1076
1077 .wh__350 {
1078 width: 350px !important;
1079 height: 350px !important; }
1080
1081 .lh__350 {
1082 line-height: 350px !important; }
1083
1084 .wh__360 {
1085 width: 360px !important;
1086 height: 360px !important; }
1087
1088 .lh__360 {
1089 line-height: 360px !important; }
1090
1091 .wh__370 {
1092 width: 370px !important;
1093 height: 370px !important; }
1094
1095 .lh__370 {
1096 line-height: 370px !important; }
1097
1098 .wh__380 {
1099 width: 380px !important;
1100 height: 380px !important; }
1101
1102 .lh__380 {
1103 line-height: 380px !important; }
1104
1105 .wh__390 {
1106 width: 390px !important;
1107 height: 390px !important; }
1108
1109 .lh__390 {
1110 line-height: 390px !important; }
1111
1112 .wh__400 {
1113 width: 400px !important;
1114 height: 400px !important; }
1115
1116 .lh__400 {
1117 line-height: 400px !important; }
1118
1119 .wh__410 {
1120 width: 410px !important;
1121 height: 410px !important; }
1122
1123 .lh__410 {
1124 line-height: 410px !important; }
1125
1126 .wh__420 {
1127 width: 420px !important;
1128 height: 420px !important; }
1129
1130 .lh__420 {
1131 line-height: 420px !important; }
1132
1133 .wh__430 {
1134 width: 430px !important;
1135 height: 430px !important; }
1136
1137 .lh__430 {
1138 line-height: 430px !important; }
1139
1140 .wh__440 {
1141 width: 440px !important;
1142 height: 440px !important; }
1143
1144 .lh__440 {
1145 line-height: 440px !important; }
1146
1147 .wh__450 {
1148 width: 450px !important;
1149 height: 450px !important; }
1150
1151 .lh__450 {
1152 line-height: 450px !important; }
1153
1154 .wh__460 {
1155 width: 460px !important;
1156 height: 460px !important; }
1157
1158 .lh__460 {
1159 line-height: 460px !important; }
1160
1161 .wh__470 {
1162 width: 470px !important;
1163 height: 470px !important; }
1164
1165 .lh__470 {
1166 line-height: 470px !important; }
1167
1168 .wh__480 {
1169 width: 480px !important;
1170 height: 480px !important; }
1171
1172 .lh__480 {
1173 line-height: 480px !important; }
1174
1175 .wh__490 {
1176 width: 490px !important;
1177 height: 490px !important; }
1178
1179 .lh__490 {
1180 line-height: 490px !important; }
1181
1182 .wh__500 {
1183 width: 500px !important;
1184 height: 500px !important; }
1185
1186 .lh__500 {
1187 line-height: 500px !important; }
1188
1189 .lh__1 {
1190 line-height: 1 !important; }
1191
1192 .no-wrap {
1193 white-space: nowrap; }
1194
1195 .ov-h {
1196 overflow: hidden; }
1197
1198 .va-m {
1199 vertical-align: middle; }
1200
1201 .bg-inherit {
1202 background-color: inherit; }
1203
1204 .bg-black {
1205 background-color: black; }
1206
1207 .v-center:before {
1208 content: '';
1209 display: inline-block;
1210 height: 100%;
1211 vertical-align: middle;
1212 margin-top: -0.25em;
1213 /* Adjusts for spacing */ }
1214
1215 .fluid-height {
1216 height: 100%; }
1217
1218 .visibility__hidden {
1219 visibility: hidden; }
1220
1221 .pointerEvents__none {
1222 pointer-events: none; }
1223
1224 /* Padding Helpers */
1225 .pn {
1226 padding: 0 !important; }
1227
1228 .p1 {
1229 padding: 1px !important; }
1230
1231 .p2 {
1232 padding: 2px !important; }
1233
1234 .p3 {
1235 padding: 3px !important; }
1236
1237 .p4 {
1238 padding: 4px !important; }
1239
1240 .p5 {
1241 padding: 5px !important; }
1242
1243 .p6 {
1244 padding: 6px !important; }
1245
1246 .p7 {
1247 padding: 7px !important; }
1248
1249 .p8 {
1250 padding: 8px !important; }
1251
1252 .p10 {
1253 padding: 10px !important; }
1254
1255 .p12 {
1256 padding: 12px !important; }
1257
1258 .p15 {
1259 padding: 15px !important; }
1260
1261 .p20 {
1262 padding: 20px !important; }
1263
1264 .p25 {
1265 padding: 25px !important; }
1266
1267 .p30 {
1268 padding: 30px !important; }
1269
1270 .p35 {
1271 padding: 35px !important; }
1272
1273 .p40 {
1274 padding: 40px !important; }
1275
1276 .p50 {
1277 padding: 50px !important; }
1278
1279 .ptn {
1280 padding-top: 0 !important; }
1281
1282 .pt5 {
1283 padding-top: 5px !important; }
1284
1285 .pt10 {
1286 padding-top: 10px !important; }
1287
1288 .pt15 {
1289 padding-top: 15px !important; }
1290
1291 .pt20 {
1292 padding-top: 20px !important; }
1293
1294 .pt25 {
1295 padding-top: 25px !important; }
1296
1297 .pt30 {
1298 padding-top: 30px !important; }
1299
1300 .pt35 {
1301 padding-top: 35px !important; }
1302
1303 .pt40 {
1304 padding-top: 40px !important; }
1305
1306 .pt50 {
1307 padding-top: 50px !important; }
1308
1309 .prn {
1310 padding-right: 0 !important; }
1311
1312 .pr5 {
1313 padding-right: 5px !important; }
1314
1315 .pr10 {
1316 padding-right: 10px !important; }
1317
1318 .pr15 {
1319 padding-right: 15px !important; }
1320
1321 .pr20 {
1322 padding-right: 20px !important; }
1323
1324 .pr25 {
1325 padding-right: 25px !important; }
1326
1327 .pr30 {
1328 padding-right: 30px !important; }
1329
1330 .pr35 {
1331 padding-right: 35px !important; }
1332
1333 .pr40 {
1334 padding-right: 40px !important; }
1335
1336 .pr50 {
1337 padding-right: 50px !important; }
1338
1339 .pbn {
1340 padding-bottom: 0 !important; }
1341
1342 .pb5 {
1343 padding-bottom: 5px !important; }
1344
1345 .pb10 {
1346 padding-bottom: 10px !important; }
1347
1348 .pb15 {
1349 padding-bottom: 15px !important; }
1350
1351 .pb20 {
1352 padding-bottom: 20px !important; }
1353
1354 .pb25 {
1355 padding-bottom: 25px !important; }
1356
1357 .pb30 {
1358 padding-bottom: 30px !important; }
1359
1360 .pb35 {
1361 padding-bottom: 35px !important; }
1362
1363 .pb40 {
1364 padding-bottom: 40px !important; }
1365
1366 .pb50 {
1367 padding-bottom: 50px !important; }
1368
1369 .pln {
1370 padding-left: 0 !important; }
1371
1372 .pl5 {
1373 padding-left: 5px !important; }
1374
1375 .pl10 {
1376 padding-left: 10px !important; }
1377
1378 .pl15 {
1379 padding-left: 15px !important; }
1380
1381 .pl20 {
1382 padding-left: 20px !important; }
1383
1384 .pl25 {
1385 padding-left: 25px !important; }
1386
1387 .pl30 {
1388 padding-left: 30px !important; }
1389
1390 .pl35 {
1391 padding-left: 35px !important; }
1392
1393 .pl40 {
1394 padding-left: 40px !important; }
1395
1396 .pl50 {
1397 padding-left: 50px !important; }
1398
1399 /* Axis Padding (both top/bottom or left/right) */
1400 .pv5 {
1401 padding-top: 5px !important;
1402 padding-bottom: 5px !important; }
1403
1404 .pv8 {
1405 padding-top: 8px !important;
1406 padding-bottom: 8px !important; }
1407
1408 .pv10 {
1409 padding-top: 10px !important;
1410 padding-bottom: 10px !important; }
1411
1412 .pv15 {
1413 padding-top: 15px !important;
1414 padding-bottom: 15px !important; }
1415
1416 .pv20 {
1417 padding-top: 20px !important;
1418 padding-bottom: 20px !important; }
1419
1420 .pv25 {
1421 padding-top: 25px !important;
1422 padding-bottom: 25px !important; }
1423
1424 .pv30 {
1425 padding-top: 30px !important;
1426 padding-bottom: 30px !important; }
1427
1428 .pv40 {
1429 padding-top: 40px !important;
1430 padding-bottom: 40px !important; }
1431
1432 .pv50 {
1433 padding-top: 50px !important;
1434 padding-bottom: 50px !important; }
1435
1436 .ph5 {
1437 padding-left: 5px !important;
1438 padding-right: 5px !important; }
1439
1440 .ph8 {
1441 padding-left: 8px !important;
1442 padding-right: 8px !important; }
1443
1444 .ph10 {
1445 padding-left: 10px !important;
1446 padding-right: 10px !important; }
1447
1448 .ph15 {
1449 padding-left: 15px !important;
1450 padding-right: 15px !important; }
1451
1452 .ph20 {
1453 padding-left: 20px !important;
1454 padding-right: 20px !important; }
1455
1456 .ph25 {
1457 padding-left: 25px !important;
1458 padding-right: 25px !important; }
1459
1460 .ph30 {
1461 padding-left: 30px !important;
1462 padding-right: 30px !important; }
1463
1464 .ph40 {
1465 padding-left: 40px !important;
1466 padding-right: 40px !important; }
1467
1468 .ph50 {
1469 padding-left: 50px !important;
1470 padding-right: 50px !important; }
1471
1472 /* margin center helper */
1473 .mauto {
1474 margin-left: auto;
1475 margin-right: auto; }
1476
1477 .mn {
1478 margin: 0 !important; }
1479
1480 .m1 {
1481 margin: 1px !important; }
1482
1483 .m2 {
1484 margin: 2px !important; }
1485
1486 .m3 {
1487 margin: 3px !important; }
1488
1489 .m4 {
1490 margin: 4px !important; }
1491
1492 .m5 {
1493 margin: 5px !important; }
1494
1495 .m8 {
1496 margin: 8px !important; }
1497
1498 .m10 {
1499 margin: 10px !important; }
1500
1501 .m15 {
1502 margin: 15px !important; }
1503
1504 .m20 {
1505 margin: 20px !important; }
1506
1507 .m25 {
1508 margin: 25px !important; }
1509
1510 .m30 {
1511 margin: 30px !important; }
1512
1513 .m35 {
1514 margin: 35px !important; }
1515
1516 .m40 {
1517 margin: 40px !important; }
1518
1519 .m50 {
1520 margin: 50px !important; }
1521
1522 .mtn {
1523 margin-top: 0 !important; }
1524
1525 .mt5 {
1526 margin-top: 5px !important; }
1527
1528 .mt10 {
1529 margin-top: 10px !important; }
1530
1531 .mt15 {
1532 margin-top: 15px !important; }
1533
1534 .mt20 {
1535 margin-top: 20px !important; }
1536
1537 .mt25 {
1538 margin-top: 25px !important; }
1539
1540 .mt30 {
1541 margin-top: 30px !important; }
1542
1543 .mt35 {
1544 margin-top: 35px !important; }
1545
1546 .mt40 {
1547 margin-top: 40px !important; }
1548
1549 .mt50 {
1550 margin-top: 50px !important; }
1551
1552 .mt70 {
1553 margin-top: 70px !important; }
1554
1555 .mrn {
1556 margin-right: 0 !important; }
1557
1558 .mr5 {
1559 margin-right: 5px !important; }
1560
1561 .mr10 {
1562 margin-right: 10px !important; }
1563
1564 .mr15 {
1565 margin-right: 15px !important; }
1566
1567 .mr20 {
1568 margin-right: 20px !important; }
1569
1570 .mr25 {
1571 margin-right: 25px !important; }
1572
1573 .mr30 {
1574 margin-right: 30px !important; }
1575
1576 .mr35 {
1577 margin-right: 35px !important; }
1578
1579 .mr40 {
1580 margin-right: 40px !important; }
1581
1582 .mr50 {
1583 margin-right: 50px !important; }
1584
1585 .mbn {
1586 margin-bottom: 0 !important; }
1587
1588 .mb5 {
1589 margin-bottom: 5px !important; }
1590
1591 .mb10 {
1592 margin-bottom: 10px !important; }
1593
1594 .mb15 {
1595 margin-bottom: 15px !important; }
1596
1597 .mb20 {
1598 margin-bottom: 20px !important; }
1599
1600 .mb25 {
1601 margin-bottom: 25px !important; }
1602
1603 .mb30 {
1604 margin-bottom: 30px !important; }
1605
1606 .mb35 {
1607 margin-bottom: 35px !important; }
1608
1609 .mb40 {
1610 margin-bottom: 40px !important; }
1611
1612 .mb50 {
1613 margin-bottom: 50px !important; }
1614
1615 .mb70 {
1616 margin-bottom: 70px !important; }
1617
1618 .mln {
1619 margin-left: 0 !important; }
1620
1621 .ml5 {
1622 margin-left: 5px !important; }
1623
1624 .ml10 {
1625 margin-left: 10px !important; }
1626
1627 .ml15 {
1628 margin-left: 15px !important; }
1629
1630 .ml20 {
1631 margin-left: 20px !important; }
1632
1633 .ml25 {
1634 margin-left: 25px !important; }
1635
1636 .ml30 {
1637 margin-left: 30px !important; }
1638
1639 .ml35 {
1640 margin-left: 35px !important; }
1641
1642 .ml40 {
1643 margin-left: 40px !important; }
1644
1645 .ml50 {
1646 margin-left: 50px !important; }
1647
1648 /* Axis Margins (both top/bottom or left/right) */
1649 .mv5 {
1650 margin-top: 5px !important;
1651 margin-bottom: 5px !important; }
1652
1653 .mv10 {
1654 margin-top: 10px !important;
1655 margin-bottom: 10px !important; }
1656
1657 .mv15 {
1658 margin-top: 15px !important;
1659 margin-bottom: 15px !important; }
1660
1661 .mv20 {
1662 margin-top: 20px !important;
1663 margin-bottom: 20px !important; }
1664
1665 .mv25 {
1666 margin-top: 25px !important;
1667 margin-bottom: 25px !important; }
1668
1669 .mv30 {
1670 margin-top: 30px !important;
1671 margin-bottom: 30px !important; }
1672
1673 .mv40 {
1674 margin-top: 40px !important;
1675 margin-bottom: 40px !important; }
1676
1677 .mv50 {
1678 margin-top: 50px !important;
1679 margin-bottom: 50px !important; }
1680
1681 .mv70 {
1682 margin-top: 70px !important;
1683 margin-bottom: 70px !important; }
1684
1685 .mh5 {
1686 margin-left: 5px !important;
1687 margin-right: 5px !important; }
1688
1689 .mh10 {
1690 margin-left: 10px !important;
1691 margin-right: 10px !important; }
1692
1693 .mh15 {
1694 margin-left: 15px !important;
1695 margin-right: 15px !important; }
1696
1697 .mh20 {
1698 margin-left: 20px !important;
1699 margin-right: 20px !important; }
1700
1701 .mh25 {
1702 margin-left: 25px !important;
1703 margin-right: 25px !important; }
1704
1705 .mh30 {
1706 margin-left: 30px !important;
1707 margin-right: 30px !important; }
1708
1709 .mh40 {
1710 margin-left: 40px !important;
1711 margin-right: 40px !important; }
1712
1713 .mh50 {
1714 margin-left: 50px !important;
1715 margin-right: 50px !important; }
1716
1717 .mh70 {
1718 margin-left: 70px !important;
1719 margin-right: 70px !important; }
1720
1721 /* Negative Margin Helpers */
1722 .mtn5 {
1723 margin-top: -5px !important; }
1724
1725 .mtn10 {
1726 margin-top: -10px !important; }
1727
1728 .mtn15 {
1729 margin-top: -15px !important; }
1730
1731 .mtn20 {
1732 margin-top: -20px !important; }
1733
1734 .mtn30 {
1735 margin-top: -30px !important; }
1736
1737 .mrn5 {
1738 margin-right: -5px !important; }
1739
1740 .mrn10 {
1741 margin-right: -10px !important; }
1742
1743 .mrn15 {
1744 margin-right: -15px !important; }
1745
1746 .mrn20 {
1747 margin-right: -20px !important; }
1748
1749 .mrn30 {
1750 margin-right: -30px !important; }
1751
1752 .mbn5 {
1753 margin-bottom: -5px !important; }
1754
1755 .mbn10 {
1756 margin-bottom: -10px !important; }
1757
1758 .mbn15 {
1759 margin-bottom: -15px !important; }
1760
1761 .mbn20 {
1762 margin-bottom: -20px !important; }
1763
1764 .mbn30 {
1765 margin-bottom: -30px !important; }
1766
1767 .mln5 {
1768 margin-left: -5px !important; }
1769
1770 .mln10 {
1771 margin-left: -10px !important; }
1772
1773 .mln15 {
1774 margin-left: -15px !important; }
1775
1776 .mln20 {
1777 margin-left: -20px !important; }
1778
1779 .mln30 {
1780 margin-left: -30px !important; }
1781
1782 /* Vertical Negative Margin "mv" + "n" + "x" */
1783 .mvn5 {
1784 margin-top: -5px !important;
1785 margin-bottom: -5px !important; }
1786
1787 .mvn10 {
1788 margin-top: -10px !important;
1789 margin-bottom: -10px !important; }
1790
1791 .mvn15 {
1792 margin-top: -15px !important;
1793 margin-bottom: -15px !important; }
1794
1795 .mvn20 {
1796 margin-top: -20px !important;
1797 margin-bottom: -20px !important; }
1798
1799 .mvn30 {
1800 margin-top: -30px !important;
1801 margin-bottom: -30px !important; }
1802
1803 /* Horizontal Negative Margin "mh" + "n" + "x" */
1804 .mhn5 {
1805 margin-left: -5px !important;
1806 margin-right: -5px !important; }
1807
1808 .mhn10 {
1809 margin-left: -10px !important;
1810 margin-right: -10px !important; }
1811
1812 .mhn15 {
1813 margin-left: -15px !important;
1814 margin-right: -15px !important; }
1815
1816 .mhn20 {
1817 margin-left: -20px !important;
1818 margin-right: -20px !important; }
1819
1820 .mhn30 {
1821 margin-left: -30px !important;
1822 margin-right: -30px !important; }
1823
1824 /* Vertical Align Helpers */
1825 .va-t {
1826 vertical-align: top !important; }
1827
1828 .va-m {
1829 vertical-align: middle !important; }
1830
1831 .va-b {
1832 vertical-align: bottom !important; }
1833
1834 .va-s {
1835 vertical-align: super !important; }
1836
1837 /* Text Helpers */
1838 .text-left {
1839 text-align: left !important; }
1840
1841 .text-right {
1842 text-align: right !important; }
1843
1844 .text-center {
1845 text-align: center !important; }
1846
1847 .text-justify {
1848 text-align: justify !important; }
1849
1850 .text-nowrap {
1851 white-space: nowrap !important; }
1852
1853 /* Inline Block Helper */
1854 .ib,
1855 .inline-object {
1856 display: inline-block !important; }
1857
1858 .clear {
1859 clear: both; }
1860
1861 .wvWarning {
1862 position: relative;
1863 width: 320px;
1864 min-height: 130px;
1865 z-index: 999;
1866 left: calc(50% - 160px);
1867 border: #000 solid 1px;
1868 -webkit-border-radius: 7px;
1869 -moz-border-radius: 7px;
1870 border-radius: 7px;
1871 color: #FF5722;
1872 box-shadow: 0px 3px 23px #ff980078;
1873 -webkit-animation-name: example;
1874 /* Safari 4.0 - 8.0 */
1875 -webkit-animation-duration: 3s;
1876 /* Safari 4.0 - 8.0 */
1877 -webkit-animation-fill-mode: both;
1878 /* Safari 4.0 - 8.0 */
1879 animation-name: example;
1880 animation-duration: 2s;
1881 animation-fill-mode: both;
1882 animation-timing-function: ease-out; }
1883
1884 @-webkit-keyframes example {
1885 from {
1886 top: 0vh;
1887 opacity: 0;
1888 background: #868686; }
1889 to {
1890 top: 10vh;
1891 opacity: 1;
1892 background: #ffffff; } }
1893
1894 @keyframes example {
1895 from {
1896 top: 0vh;
1897 opacity: 0;
1898 background: #868686; }
1899 to {
1900 top: 10vh;
1901 opacity: 1;
1902 background: #ffffff; } }
1903
1904 .wvWarning-content {
1905 position: relative;
1906 width: 190px;
1907 min-height: 88px;
1908 max-height: 80vh;
1909 margin: auto; }
1910
1911 .wvWarning-icon {
1912 font-size: 32px; }
1913
1914 .wvWarning-text {
1915 position: relative; }
1916
1917 .wvWarning-button {
1918 background-color: #f1ededcc;
1919 color: #607D8B;
1920 width: 50px;
1921 font-weight: 600;
1922 margin-top: 2px;
1923 margin-right: 30px; }
1924
1925 .wvScreenToSmallWarning {
1926 position: fixed;
1927 display: block;
1928 top: 0;
1929 left: 0;
1930 background-color: white;
1931 color: #333;
1932 width: 100%;
1933 height: 100%;
1934 z-index: 1000; }
1935
1936 .wvScreenToSmallWarning-content {
1937 padding: 10px;
1938 text-align: center; }
1939
1940 /* on some mobile devices, the size returned for the "screen" is actually the viewport size so 360x640 is actually equal to 280x560 */
1941 @media only screen and (min-width: 550px) and (min-height: 280px) {
1942 .wvScreenToSmallWarning {
1943 display: none; } }
1944
1945 /* on some mobile devices, the size returned for the "screen" is actually the viewport size so 360x640 is actually equal to 280x560 */
1946 @media only screen and (min-width: 280px) and (min-height: 550px) {
1947 .wvScreenToSmallWarning {
1948 display: none; } }
1949
1950 wv-notice {
1951 display: block;
1952 height: 100%;
1953 width: 100%; }
1954
1955 .wvNotice {
1956 padding: 0.5rem 0.25rem;
1957 height: 100%; }
1958
1959 .wvNotice__text {
1960 position: relative;
1961 top: 50%;
1962 transform: translateY(-50%);
1963 text-align: center;
1964 margin-left: 1rem;
1965 font-weight: 400;
1966 color: #b3b3b3;
1967 float: left;
1968 width: calc(100% - 7rem); }
1969
1970 .wvNotice__closeButton {
1971 float: right;
1972 margin-right: 0.5em;
1973 position: relative;
1974 top: 50%;
1975 transform: translateY(-50%);
1976 width: 3.5rem;
1977 height: 2.5rem;
1978 text-align: center;
1979 font-size: 1em;
1980 font-weight: 100;
1981 line-height: 2.2rem;
1982 cursor: pointer;
1983 border: 1px solid #454545; }
1984
1985 /* layout: left section */
1986 .wvLayoutLeft {
1987 position: absolute;
1988 z-index: 2;
1989 background-color: black;
1990 width: 32rem;
1991 left: 0; }
1992 .wvLayoutLeft.wvLayoutLeft--toppadding {
1993 top: 42px; }
1994 .wvLayoutLeft:not(.wvLayoutLeft--toppadding) {
1995 top: 0; }
1996 @media screen and (max-device-width: 374px) {
1997 .wvLayoutLeft.wvLayoutLeft--bottompadding {
1998 bottom: 7rem; } }
1999 @media screen and (min-device-width: 375px) {
2000 .wvLayoutLeft.wvLayoutLeft--bottompadding {
2001 bottom: 5rem; } }
2002 .wvLayoutLeft:not(.wvLayoutLeft--bottompadding) {
2003 bottom: 0; }
2004 .wvLayoutLeft.wvLayoutLeft--closed {
2005 transform: translateX(-32rem); }
2006 .wvLayoutLeft.wvLayoutLeft--closed.wvLayoutLeft--small {
2007 transform: translateX(-12rem); }
2008 .wvLayoutLeft.wvLayoutLeft--small {
2009 width: 12rem; }
2010 .wvLayoutLeft.wvLayoutLeft--small .wvLayoutLeft__contentTop, .wvLayoutLeft.wvLayoutLeft--small .wvLayoutLeft__contentMiddle, .wvLayoutLeft.wvLayoutLeft--small .wvLayoutLeft__contentBottom {
2011 width: 100%; }
2012
2013 .wvLayoutLeft__content {
2014 border-right: 1px solid #AAA;
2015 flex: 1;
2016 display: flex;
2017 flex-direction: column;
2018 overflow-y: auto;
2019 height: 100%; }
2020
2021 .wvLayoutLeft__contentTop {
2022 padding: 0rem 1rem 0rem 1rem;
2023 width: 31.9rem; }
2024 .wvLayoutLeft__contentTop:after {
2025 content: "";
2026 display: block;
2027 height: 0;
2028 width: 0;
2029 clear: both; }
2030
2031 .wvLayoutLeft__contentMiddle {
2032 flex: 1 0 auto;
2033 width: 31.9rem; }
2034
2035 .wvLayoutLeft__contentBottom {
2036 width: 31.9rem; }
2037
2038 .wvLayout__leftBottom.wvLayout__leftBottom--enabled {
2039 border-top: 1px solid rgba(255, 255, 255, 0.2);
2040 margin-top: 1rem;
2041 padding: 1rem; }
2042
2043 .wvLayoutLeft__actions, .wvLayoutLeft__actions--outside {
2044 display: block;
2045 position: absolute;
2046 right: 1px;
2047 top: 50%;
2048 transform: translateY(-50%);
2049 width: 25px; }
2050
2051 .wvLayoutLeft__actions--outside {
2052 right: -25px; }
2053
2054 .wvLayoutLeft__action {
2055 background-color: #3498db;
2056 opacity: 0.5;
2057 color: white;
2058 transition: none; }
2059 .wvLayoutLeft__action:hover, .wvLayoutLeft__action:focus {
2060 opacity: 1; }
2061
2062 /* layout: right section */
2063 .wvLayout__right {
2064 display: block;
2065 position: absolute;
2066 z-index: 2;
2067 background-color: black;
2068 width: 85px;
2069 right: 0; }
2070 .wvLayout__right.wvLayout__right--toppadding {
2071 top: 42px; }
2072 .wvLayout__right:not(.wvLayout__right--toppadding) {
2073 top: 0; }
2074 @media screen and (max-device-width: 374px) {
2075 .wvLayout__right.wvLayout__right--bottompadding {
2076 bottom: 7rem; } }
2077 @media screen and (min-device-width: 375px) {
2078 .wvLayout__right.wvLayout__right--bottompadding {
2079 bottom: 5rem; } }
2080 .wvLayout__right:not(.wvLayout__right--bottompadding) {
2081 bottom: 0; }
2082 .wvLayout__right.wvLayout__right--closed {
2083 transform: translateX(85px); }
2084 .wvLayout__right > wv-layout-right,
2085 .wvLayout__right > wv-layout-right > .wvViewer__asideRight {
2086 display: block;
2087 height: 100%;
2088 width: 100%; }
2089
2090 .wvAsideRight__content {
2091 height: 100%;
2092 float: left;
2093 border-left: 1px solid #AAA;
2094 padding: 0 5px;
2095 width: 32rem; }
2096
2097 .wvAsideRight__actions, .wvAsideRight__actions--outside {
2098 display: block;
2099 position: absolute;
2100 left: 1px;
2101 top: 50%;
2102 transform: translateY(-50%);
2103 width: 25px;
2104 z-index: 3; }
2105
2106 .wvAsideRight__actions--outside {
2107 left: -25px; }
2108
2109 .wvAsideRight__action {
2110 background-color: #3498db;
2111 opacity: 0.5;
2112 color: white;
2113 transition: none; }
2114 .wvAsideRight__action:hover, .wvAsideRight__action:focus {
2115 opacity: 1; }
2116
2117 .wvAsideRight__fixOpenFullyTooltip + .tooltip {
2118 left: -6.633em !important;
2119 top: 1px !important; }
2120
2121 /* layout: bottom section */
2122 .wvLayout__bottom {
2123 position: absolute;
2124 left: 0;
2125 bottom: 0;
2126 right: 0;
2127 background-color: #1a1a1a; }
2128 @media screen and (max-device-width: 374px) {
2129 .wvLayout__bottom {
2130 height: 7rem; } }
2131 @media screen and (min-device-width: 375px) {
2132 .wvLayout__bottom {
2133 height: 5rem; } }
2134
2135 /* layout: main section */
2136 .wvLayout__main {
2137 position: absolute;
2138 text-align: center;
2139 right: 0;
2140 left: 0; }
2141 .wvLayout__main .wvLayout__splitpane--toolbarAtTop {
2142 display: block;
2143 height: calc(100% - 42px);
2144 width: 100%;
2145 position: relative;
2146 top: 42px; }
2147 .wvLayout__main .wvLayout__splitpane--toolbarAtRight {
2148 display: block;
2149 height: 100%;
2150 width: calc(100% - 42px); }
2151 .wvLayout__main .wvLayout__splitpane--bigToolbarAtTop {
2152 display: block;
2153 height: calc(100% - 68px);
2154 width: 100%;
2155 position: relative;
2156 top: 68px; }
2157 .wvLayout__main .wvLayout__splitpane--bigToolbarAtRight {
2158 display: block;
2159 height: 100%;
2160 width: calc(100% - 68px); }
2161 .wvLayout__main.wvLayout__main--toppadding {
2162 top: 42px; }
2163 .wvLayout__main:not(.wvLayout__main--toppadding) {
2164 top: 0; }
2165 .wvLayout__main.wvLayout__main--bottompadding {
2166 bottom: 440px; }
2167 @media screen and (max-device-width: 374px) {
2168 .wvLayout__main.wvLayout__main--bottompadding {
2169 bottom: 7rem; } }
2170 @media screen and (min-device-width: 375px) {
2171 .wvLayout__main.wvLayout__main--bottompadding {
2172 bottom: 5rem; } }
2173 .wvLayout__main:not(.wvLayout__main--bottompadding) {
2174 bottom: 0; }
2175 .wvLayout__main.wvLayout__main--leftpadding {
2176 left: 32rem; }
2177 .wvLayout__main {
2178 left: 0px; }
2179 .wvLayout__main.wvLayout__main--smallleftpadding {
2180 left: 12rem; }
2181 .wvLayout__main.wvLayout__main--rightpadding {
2182 right: 85px; }
2183 .wvLayout__main:not(.wvLayout__main--rightpadding) {
2184 right: 0px; }
2185
2186 /* global */
2187 .popover {
2188 color: black; }
2189
2190 .wvViewer__editor--full {
2191 position: absolute;
2192 top: 0;
2193 right: 0;
2194 z-index: 10;
2195 opacity: 0;
2196 transform: translateX(100%);
2197 width: 100%;
2198 height: 100%;
2199 background-color: white;
2200 color: #666666; }
2201 .wvViewer__editor--full.opened {
2202 opacity: 1;
2203 transform: translateX(0); }
2204
2205 .wvViewer__topBar {
2206 width: 100%;
2207 overflow-y: auto;
2208 white-space: nowrap;
2209 max-width: 100%; }
2210
2211 .wvViewer__buttonGroup {
2212 display: inline-block; }
2213
2214 .wvViewer__buttonGroup--asideWidth {
2215 width: 32rem;
2216 padding-right: 1rem; }
2217
2218 .wvViewer__buttonGroup--contentWidth {
2219 width: calc(100% - 32rem);
2220 padding-left: 1rem;
2221 max-height: 4.2rem; }
2222
2223 .wvViewer__iframe {
2224 position: absolute;
2225 left: 0;
2226 top: 0; }
2227
2228 /* bottom bar */
2229 .wvViewer__bottomBar, .wvViewer__bottomBar--expanded, .wvViewer__bottomBar--minimized {
2230 position: absolute;
2231 left: 0;
2232 bottom: 0;
2233 width: 100%;
2234 background-color: #111111; }
2235
2236 .wvViewer__bottomBar--expanded {
2237 height: 80px;
2238 color: white; }
2239 .wvViewer__bottomBar--expanded .wvViewer__timeline {
2240 width: calc(100% - 80px); }
2241 .wvViewer__bottomBar--expanded .wvTimeline__hotspots {
2242 bottom: -40px; }
2243
2244 .wvViewer__bottomBar--minimized {
2245 color: white;
2246 padding-top: 0.5rem;
2247 padding-bottom: 0.5rem;
2248 padding-left: 2.5rem; }
2249 .wvViewer__bottomBar--minimized .wvTimeline__hotspot {
2250 top: -40px;
2251 opacity: 0;
2252 visibility: hidden;
2253 z-index: -1; }
2254 .wvViewer__bottomBar--minimized:hover .wvTimeline__hotspot {
2255 opacity: 1;
2256 visibility: visible;
2257 z-index: 5;
2258 transition-delay: 0s; }
2259
2260 .wvViewer__timeline {
2261 height: 24px;
2262 line-height: 24px;
2263 vertical-align: middle;
2264 width: 100%; }
2265
2266 .wvViewer__trademark {
2267 display: inline-block;
2268 float: right;
2269 width: 80px;
2270 height: 80px;
2271 float: right;
2272 line-height: 80px;
2273 vertical-align: middle;
2274 text-align: center; }
2275
2276 .wvTimeline__input {
2277 border-radius: 3px;
2278 margin-top: 2px;
2279 border: 1px solid #e7e7e7; }
2280 .wvTimeline__input:focus {
2281 outline: none; }
2282
2283 .wvTimeline__actions {
2284 display: inline-block;
2285 border-right: 1px solid #e7e7e7; }
2286
2287 .wvSerieslist {
2288 margin: 0;
2289 padding: 0;
2290 list-style: none; }
2291
2292 .wvSerieslist__seriesItem--selectable {
2293 cursor: pointer !important; }
2294 .wvSerieslist__seriesItem--selectable:hover {
2295 color: white; }
2296
2297 .wvSerieslist__placeholderIcon, .wvSerieslist__placeholderIcon.fa {
2298 position: absolute;
2299 width: 100%;
2300 height: 100%;
2301 font-size: 3.25rem;
2302 line-height: 6.5rem;
2303 text-align: center; }
2304
2305 .wvSerieslist__placeholderIcon--strikeout, .wvSerieslist__placeholderIcon--strikeout.fa {
2306 color: #c3c3c3; }
2307 .wvSerieslist__placeholderIcon--strikeout::after, .wvSerieslist__placeholderIcon--strikeout.fa::after {
2308 position: absolute;
2309 left: 0;
2310 top: 50%;
2311 right: 0;
2312 transform: rotate(-45deg) scaleX(0.9);
2313 border-top: 5px solid;
2314 border-color: inherit;
2315 content: ""; }
2316
2317 .wvSerieslist__picture {
2318 display: inline-block;
2319 font-size: 14px;
2320 width: 6.5rem;
2321 height: 6.5rem;
2322 position: relative;
2323 z-index: -1; }
2324
2325 .wvSerieslist__badge, .wvSerieslist__badge--blue, .wvSerieslist__badge--red, .wvSerieslist__badge--green, .wvSerieslist__badge--yellow, .wvSerieslist__badge--violet {
2326 position: absolute;
2327 bottom: 5px;
2328 right: 5px;
2329 font-size: 10px;
2330 line-height: 15px;
2331 width: 15px;
2332 height: 15px;
2333 border-radius: 100%;
2334 background-color: gray;
2335 vertical-align: middle;
2336 text-align: center;
2337 font-weight: bold; }
2338
2339 .wvSerieslist__information {
2340 font-size: 14px;
2341 float: right;
2342 padding-left: 1rem;
2343 width: calc(100% - 6.5rem);
2344 height: 6.5rem; }
2345
2346 .wvSerieslist__label {
2347 white-space: nowrap;
2348 width: calc(100% - 10px);
2349 overflow: hidden;
2350 height: 3.25rem;
2351 line-height: 3.25rem;
2352 vertical-align: middle; }
2353
2354 .wvSerieslist__timeline {
2355 height: 3.25rem;
2356 line-height: 3.25rem;
2357 vertical-align: middle; }
2358
2359 .wvSerieslist__seriesItem {
2360 position: relative;
2361 padding-left: 0;
2362 list-style: none;
2363 font-size: 0;
2364 border-right: 0.2rem solid transparent;
2365 border-left: 0.2rem solid transparent;
2366 border-top: 0.2rem solid transparent;
2367 border-bottom: 0.2rem solid transparent;
2368 border-corner-shape: notch;
2369 line-height: 0px;
2370 margin: 0.1rem; }
2371 .wvSerieslist__seriesItem.active {
2372 border-color: rgba(255, 255, 255, 0.6);
2373 border-style: solid; }
2374 .wvSerieslist__seriesItem.highlighted {
2375 border-color: white;
2376 border-style: solid; }
2377 .wvSerieslist__seriesItem:hover, .wvSerieslist__seriesItem:focus, .wvSerieslist__seriesItem.focused {
2378 border-style: dashed;
2379 border-color: rgba(255, 255, 255, 0.8); }
2380
2381 .wvSerieslist__seriesItem--list {
2382 display: block; }
2383
2384 .wvSerieslist__seriesItem--grid {
2385 display: inline-block; }
2386
2387 .wvSerieslist__seriesItem--oneCol {
2388 text-align: center; }
2389
2390 .wvSerieslist__seriesItem--activated,
2391 .wvSerieslist__videoItem--activated,
2392 .wvSerieslist__pdfItem--activated {
2393 border: 0.2rem solid #3398db !important; }
2394
2395 .wvSerieslist__badge--blue {
2396 background-color: rgba(51, 152, 219, 0.7); }
2397
2398 .wvSerieslist__badge--red {
2399 background-color: rgba(206, 0, 0, 0.7); }
2400
2401 .wvSerieslist__badge--green {
2402 background-color: rgba(0, 160, 27, 0.7); }
2403
2404 .wvSerieslist__badge--yellow {
2405 background-color: rgba(220, 200, 0, 0.9); }
2406
2407 .wvSerieslist__badge--violet {
2408 background-color: rgba(255, 31, 255, 0.7); }
2409
2410 .wvToolbar {
2411 position: absolute; }
2412
2413 .wvToolbar--top {
2414 top: 0;
2415 height: 42px;
2416 right: 0;
2417 text-align: right;
2418 white-space: nowrap;
2419 max-width: 100%; }
2420
2421 .wvToolbar--right {
2422 right: 0;
2423 width: 42px;
2424 height: 100%;
2425 z-index: 2; }
2426 .wvToolbar--right.wvToolbar--big {
2427 width: 68px; }
2428
2429 /* Splitpane Grid Configuration */
2430 .wvToolbar__splitpaneConfigPopover {
2431 font-size: 0; }
2432
2433 .wvToolbar__splitpaneConfigNotice {
2434 font-size: 1.25rem;
2435 font-style: italic;
2436 text-align: center;
2437 color: #333; }
2438
2439 input[type="radio"].wvToolbar__splitpaneConfigButtonInput {
2440 position: absolute;
2441 width: 0;
2442 height: 0;
2443 left: 0;
2444 top: 0;
2445 bottom: 2px;
2446 right: 0;
2447 opacity: 0; }
2448
2449 /* Windowing Preset */
2450 .wvToolbar__windowingPresetConfigNotice {
2451 font-size: 1.25rem;
2452 font-style: italic;
2453 text-align: center;
2454 color: #333; }
2455
2456 .wvToolbar__windowingPresetList {
2457 list-style: none;
2458 margin: 0;
2459 padding: 0;
2460 font-size: 1.5rem; }
2461
2462 .wvToolbar__windowingPresetListItem {
2463 outline: none;
2464 background-color: transparent;
2465 border: none;
2466 position: relative;
2467 display: inline-block;
2468 cursor: pointer;
2469 font-variant: small-caps;
2470 text-transform: lowercase;
2471 text-align: center;
2472 font-size: 1.3rem;
2473 font-weight: 400;
2474 line-height: 2.2rem;
2475 color: #d9d9d9;
2476 transition: 0.3s text-decoration ease, 0.3s border ease, 0.3s opacity ease;
2477 margin: 0;
2478 min-width: 3rem;
2479 padding: 0 10px;
2480 line-height: 3.6rem;
2481 max-height: 2.8rem;
2482 max-width: 100%;
2483 overflow: hidden;
2484 margin: 0.6rem;
2485 margin-left: 0rem;
2486 margin-right: 0rem;
2487 line-height: 2rem;
2488 padding-top: 0.1rem;
2489 padding-bottom: 0.5rem;
2490 font-size: 1.4rem;
2491 border: 1px solid #454545;
2492 font-family: Arial;
2493 background-color: black;
2494 color: #1a1a1a;
2495 border: 1px solid #bababa;
2496 background-color: white;
2497 width: 100%;
2498 margin: 0;
2499 margin-left: 0 !important;
2500 border-top: none;
2501 border-bottom: none; }
2502 .wvToolbar__windowingPresetListItem:hover {
2503 text-decoration: none;
2504 color: white; }
2505 .wvToolbar__windowingPresetListItem + .wvToolbar__windowingPresetListItem {
2506 margin-left: 0.7rem; }
2507 .wvToolbar__windowingPresetListItem:hover {
2508 background-color: #1a1a1a; }
2509 .wvToolbar__windowingPresetListItem > .glyphicon {
2510 position: relative;
2511 display: inline-block;
2512 top: 3px;
2513 margin-right: 4px; }
2514 .wvToolbar__windowingPresetListItem:hover {
2515 color: #1a1a1a;
2516 background-color: #e6e6e6; }
2517
2518 .wvVideo {
2519 position: absolute;
2520 top: 50%;
2521 left: 0;
2522 width: 100%;
2523 height: auto;
2524 transform: translateY(-50%); }
2525
2526 .wvStudyInformationBreadcrumb__patient {
2527 display: inline-block;
2528 background-color: rgba(255, 255, 255, 0.15);
2529 padding: 0.2rem 1rem 0.3rem 1rem;
2530 text-align: center;
2531 font-size: 1em;
2532 margin: 0.6rem;
2533 font-weight: 400;
2534 line-height: 2.3rem;
2535 margin-right: 0; }
2536
2537 .wvStudyInformationBreadcrumb__study {
2538 display: inline-block;
2539 background-color: rgba(255, 255, 255, 0.15);
2540 padding: 0.2rem 1rem 0.3rem 1rem;
2541 text-align: center;
2542 font-size: 1em;
2543 margin: 0.6rem;
2544 font-weight: 400;
2545 line-height: 2.3rem; }
2546
2547 .wvSelectionActionlist {
2548 display: block;
2549 text-align: center; }
2550
2551 /* wvb-ui stuffs */
2552 .wv-overlay {
2553 color: orange; }
2554
2555 .wv-overlay-icon {
2556 width: 64px; }
2557
2558 .wvOverlay__studyBadge, .wvOverlay__studyBadge--blue, .wvOverlay__studyBadge--red, .wvOverlay__studyBadge--green, .wvOverlay__studyBadge--yellow, .wvOverlay__studyBadge--violet {
2559 position: absolute;
2560 top: 0;
2561 left: 0;
2562 width: 1.5rem;
2563 height: 1.5rem;
2564 background-color: gray;
2565 z-index: 1; }
2566
2567 .wv-overlay-topleft {
2568 position: absolute;
2569 top: 0rem;
2570 left: 0rem;
2571 text-align: left; }
2572
2573 .wv-overlay-topright {
2574 position: absolute;
2575 top: 0rem;
2576 right: 0rem;
2577 text-align: right; }
2578
2579 .wv-overlay-bottomright {
2580 position: absolute;
2581 bottom: 2em;
2582 right: 0rem;
2583 text-align: right; }
2584
2585 .wv-overlay-bottomleft {
2586 position: absolute;
2587 bottom: 2em;
2588 left: 0rem;
2589 text-align: left; }
2590
2591 .wv-overlay-timeline-wrapper {
2592 position: absolute;
2593 right: 0;
2594 bottom: 0;
2595 left: 0;
2596 z-index: 1; }
2597
2598 .wv-overlay-topleft, .wv-overlay-topright, .wv-overlay-bottomright, .wv-overlay-bottomleft {
2599 padding: 2rem;
2600 transition: color 500ms, background-color 500ms;
2601 background-color: rgba(0, 0, 0, 0.66); }
2602
2603 .wv-overlay-topleft:hover, .wv-overlay-topright:hover, .wv-overlay-bottomright:hover, .wv-overlay-bottomleft:hover {
2604 background-color: rgba(0, 0, 0, 0.9); }
2605
2606 .wvPaneOverlay {
2607 position: absolute;
2608 top: 50%;
2609 width: 100%;
2610 transform: translateY(-50%);
2611 font-weight: 100;
2612 text-align: center;
2613 color: white;
2614 font-size: 2rem; }
2615
2616 .wv-overlay-scrollbar-loaded {
2617 position: absolute;
2618 bottom: 0;
2619 left: 0;
2620 height: 5px;
2621 background-color: red;
2622 will-change: right;
2623 transform-origin: 0% 50%; }
2624
2625 .wv-overlay-scrollbar-loading {
2626 position: absolute;
2627 bottom: 0;
2628 left: 0;
2629 height: 5px;
2630 background-color: #660000;
2631 will-change: right;
2632 transform-origin: 0% 50%; }
2633
2634 .wv-overlay-scrollbar-text {
2635 position: absolute;
2636 bottom: calc(1em + 5px);
2637 left: 5px;
2638 height: 1em;
2639 color: red;
2640 font-size: 0.8em;
2641 font-family: helvetica; }
2642
2643 .wvOverlay__studyBadge--blue {
2644 background-color: rgba(51, 152, 219, 0.7); }
2645
2646 .wvOverlay__studyBadge--red {
2647 background-color: rgba(206, 0, 0, 0.7); }
2648
2649 .wvOverlay__studyBadge--green {
2650 background-color: rgba(0, 160, 27, 0.7); }
2651
2652 .wvOverlay__studyBadge--yellow {
2653 background-color: rgba(220, 200, 0, 0.9); }
2654
2655 .wvOverlay__studyBadge--violet {
2656 background-color: rgba(255, 31, 255, 0.7); }
2657
2658 wv-pdf-viewer {
2659 display: block;
2660 width: 100%;
2661 height: 100%; }
2662
2663 #toolbarContainer > #toolbarViewer > #toolbarViewerLeft > .wv-pdf-viewer-closebutton {
2664 background-color: inherit;
2665 color: white;
2666 border: none;
2667 padding: 2px;
2668 margin-left: 4px;
2669 margin-right: 2px; }
2670 #toolbarContainer > #toolbarViewer > #toolbarViewerLeft > .wv-pdf-viewer-closebutton:hover {
2671 color: black; }
2672
2673 .fa.fa-window-close.wv-pdf-viewer-closebuttonicon {
2674 font-size: 2rem;
2675 line-height: 28px; }
2676
2677 .pdfjs .textLayer {
2678 position: absolute;
2679 left: 0;
2680 top: 0;
2681 right: 0;
2682 bottom: 0;
2683 overflow: hidden;
2684 opacity: 0.2; }
2685
2686 .pdfjs .textLayer > div {
2687 color: transparent;
2688 position: absolute;
2689 white-space: pre;
2690 cursor: text;
2691 -webkit-transform-origin: 0 0;
2692 -moz-transform-origin: 0 0;
2693 -o-transform-origin: 0 0;
2694 -ms-transform-origin: 0 0;
2695 transform-origin: 0 0; }
2696
2697 .pdfjs .textLayer .highlight {
2698 margin: -1px;
2699 padding: 1px;
2700 background-color: #b400aa;
2701 border-radius: 4px; }
2702
2703 .pdfjs .textLayer .highlight.begin {
2704 border-radius: 4px 0 0 4px; }
2705
2706 .pdfjs .textLayer .highlight.end {
2707 border-radius: 0 4px 4px 0; }
2708
2709 .pdfjs .textLayer .highlight.middle {
2710 border-radius: 0; }
2711
2712 .pdfjs .textLayer .highlight.selected {
2713 background-color: #006400; }
2714
2715 .pdfjs .textLayer ::selection {
2716 background: #00f; }
2717
2718 .pdfjs .textLayer ::-moz-selection {
2719 background: #00f; }
2720
2721 .pdfjs .pdfViewer .canvasWrapper {
2722 overflow: hidden; }
2723
2724 .pdfjs .pdfViewer .page {
2725 direction: ltr;
2726 width: 816px;
2727 height: 1056px;
2728 margin: 1px auto -8px;
2729 position: relative;
2730 overflow: visible;
2731 border: 9px solid transparent;
2732 background-clip: content-box;
2733 border-image: url("../images/pdf.js-viewer/shadow.png") 9 9 repeat;
2734 background-color: #fff; }
2735
2736 body {
2737 height: 100%; }
2738
2739 .pdfjs .pdfViewer.removePageBorders .page {
2740 margin: 0 auto 10px;
2741 border: none; }
2742
2743 .pdfjs .pdfViewer .page canvas {
2744 margin: 0;
2745 display: block; }
2746
2747 .pdfjs .pdfViewer .page .loadingIcon {
2748 position: absolute;
2749 display: block;
2750 left: 0;
2751 top: 0;
2752 right: 0;
2753 bottom: 0;
2754 background: url("../images/pdf.js-viewer/loading-icon.gif") center no-repeat; }
2755
2756 .pdfjs .pdfViewer .page .annotLink > a:hover {
2757 opacity: .2;
2758 background: #ff0;
2759 box-shadow: 0 2px 10px #ff0; }
2760
2761 .pdfjs .pdfPresentationMode:-webkit-full-screen .pdfViewer .page {
2762 margin-bottom: 100%;
2763 border: 0; }
2764
2765 .pdfjs .pdfPresentationMode:-moz-full-screen .pdfViewer .page {
2766 margin-bottom: 100%;
2767 border: 0; }
2768
2769 .pdfjs .pdfPresentationMode:-ms-fullscreen .pdfViewer .page {
2770 margin-bottom: 100% !important;
2771 border: 0; }
2772
2773 .pdfjs .pdfPresentationMode:fullscreen .pdfViewer .page {
2774 margin-bottom: 100%;
2775 border: 0; }
2776
2777 .pdfjs .pdfViewer .page .annotText > img {
2778 position: absolute;
2779 cursor: pointer; }
2780
2781 .pdfjs .pdfViewer .page .annotTextContentWrapper {
2782 position: absolute;
2783 width: 20em; }
2784
2785 .pdfjs .pdfViewer .page .annotTextContent {
2786 z-index: 200;
2787 float: left;
2788 max-width: 20em;
2789 background-color: #FF9;
2790 box-shadow: 0 2px 5px #333;
2791 border-radius: 2px;
2792 padding: .6em;
2793 cursor: pointer; }
2794
2795 .pdfjs .pdfViewer .page .annotTextContent > h1 {
2796 font-size: 1em;
2797 border-bottom: 1px solid #000;
2798 padding-bottom: 0.2em; }
2799
2800 .pdfjs .pdfViewer .page .annotTextContent > p {
2801 padding-top: 0.2em; }
2802
2803 .pdfjs .pdfViewer .page .annotLink > a {
2804 position: absolute;
2805 font-size: 1em;
2806 top: 0;
2807 left: 0;
2808 width: 100%;
2809 height: 100%; }
2810
2811 .pdfjs .pdfViewer .page .annotLink > a {
2812 background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAA LAAAAAABAAEAAAIBRAA7") 0 0 repeat; }
2813
2814 .pdfjs * {
2815 padding: 0;
2816 margin: 0; }
2817
2818 html {
2819 height: 100%;
2820 font-size: 10px; }
2821
2822 .pdfjs input,
2823 .pdfjs button,
2824 .pdfjs select {
2825 font: message-box;
2826 outline: none; }
2827
2828 .pdfjs .hidden {
2829 display: none !important; }
2830
2831 .pdfjs [hidden] {
2832 display: none !important; }
2833
2834 .pdfjs #viewerContainer.pdfPresentationMode:-webkit-full-screen {
2835 top: 0;
2836 border-top: 2px solid transparent;
2837 background-color: #000;
2838 width: 100%;
2839 height: 100%;
2840 overflow: hidden;
2841 cursor: none;
2842 -webkit-user-select: none; }
2843
2844 .pdfjs #viewerContainer.pdfPresentationMode:-moz-full-screen {
2845 top: 0;
2846 border-top: 2px solid transparent;
2847 background-color: #000;
2848 width: 100%;
2849 height: 100%;
2850 overflow: hidden;
2851 cursor: none;
2852 -moz-user-select: none; }
2853
2854 .pdfjs #viewerContainer.pdfPresentationMode:-ms-fullscreen {
2855 top: 0 !important;
2856 border-top: 2px solid transparent;
2857 width: 100%;
2858 height: 100%;
2859 overflow: hidden !important;
2860 cursor: none;
2861 -ms-user-select: none; }
2862
2863 .pdfjs #viewerContainer.pdfPresentationMode:-ms-fullscreen::-ms-backdrop {
2864 background-color: #000; }
2865
2866 .pdfjs #viewerContainer.pdfPresentationMode:fullscreen {
2867 top: 0;
2868 border-top: 2px solid transparent;
2869 background-color: #000;
2870 width: 100%;
2871 height: 100%;
2872 overflow: hidden;
2873 cursor: none;
2874 -webkit-user-select: none;
2875 -moz-user-select: none;
2876 -ms-user-select: none; }
2877
2878 .pdfjs .pdfPresentationMode:-webkit-full-screen a:not(.internalLink) {
2879 display: none; }
2880
2881 .pdfjs .pdfPresentationMode:-moz-full-screen a:not(.internalLink) {
2882 display: none; }
2883
2884 .pdfjs .pdfPresentationMode:-ms-fullscreen a:not(.internalLink) {
2885 display: none !important; }
2886
2887 .pdfjs .pdfPresentationMode:fullscreen a:not(.internalLink) {
2888 display: none; }
2889
2890 .pdfjs .pdfPresentationMode:-webkit-full-screen .textLayer > div {
2891 cursor: none; }
2892
2893 .pdfjs .pdfPresentationMode:-moz-full-screen .textLayer > div {
2894 cursor: none; }
2895
2896 .pdfjs .pdfPresentationMode:-ms-fullscreen .textLayer > div {
2897 cursor: none; }
2898
2899 .pdfjs .pdfPresentationMode:fullscreen .textLayer > div {
2900 cursor: none; }
2901
2902 .pdfjs .pdfPresentationMode.pdfPresentationModeControls > *,
2903 .pdfjs .pdfPresentationMode.pdfPresentationModeControls .textLayer > div {
2904 cursor: default; }
2905
2906 .pdfjs .outerCenter {
2907 pointer-events: none;
2908 position: relative; }
2909
2910 html[dir='ltr'] .pdfjs .outerCenter {
2911 float: right;
2912 right: 50%; }
2913
2914 html[dir='rtl'] .pdfjs .outerCenter {
2915 float: left;
2916 left: 50%; }
2917
2918 .pdfjs .innerCenter {
2919 pointer-events: auto;
2920 position: relative; }
2921
2922 html[dir='ltr'] .pdfjs .innerCenter {
2923 float: right;
2924 right: -50%; }
2925
2926 html[dir='rtl'] .pdfjs .innerCenter {
2927 float: left;
2928 left: -50%; }
2929
2930 .pdfjs #outerContainer {
2931 width: 100%;
2932 height: 100%;
2933 position: relative;
2934 background-color: #404040;
2935 background-image: url("../images/pdf.js-viewer/texture.png"); }
2936
2937 .pdfjs #sidebarContainer {
2938 position: absolute;
2939 top: 0;
2940 bottom: 0;
2941 width: 200px;
2942 visibility: hidden;
2943 -webkit-transition-duration: 200ms;
2944 -webkit-transition-timing-function: ease;
2945 transition-duration: 200ms;
2946 transition-timing-function: ease; }
2947
2948 html[dir='ltr'] .pdfjs #sidebarContainer {
2949 -webkit-transition-property: left;
2950 transition-property: left;
2951 left: -200px; }
2952
2953 html[dir='rtl'] .pdfjs #sidebarContainer {
2954 -webkit-transition-property: right;
2955 transition-property: right;
2956 right: -200px; }
2957
2958 .pdfjs #outerContainer.sidebarMoving > #sidebarContainer,
2959 .pdfjs #outerContainer.sidebarOpen > #sidebarContainer {
2960 visibility: visible; }
2961
2962 html[dir='ltr'] .pdfjs #outerContainer.sidebarOpen > #sidebarContainer {
2963 left: 0; }
2964
2965 html[dir='rtl'] .pdfjs #outerContainer.sidebarOpen > #sidebarContainer {
2966 right: 0; }
2967
2968 .pdfjs #mainContainer {
2969 position: absolute;
2970 top: 0;
2971 right: 0;
2972 bottom: 0;
2973 left: 0;
2974 min-width: 320px;
2975 -webkit-transition-duration: 200ms;
2976 -webkit-transition-timing-function: ease;
2977 transition-duration: 200ms;
2978 transition-timing-function: ease; }
2979
2980 html[dir='ltr'] .pdfjs #outerContainer.sidebarOpen > #mainContainer {
2981 -webkit-transition-property: left;
2982 transition-property: left;
2983 left: 200px; }
2984
2985 html[dir='rtl'] .pdfjs #outerContainer.sidebarOpen > #mainContainer {
2986 -webkit-transition-property: right;
2987 transition-property: right;
2988 right: 200px; }
2989
2990 .pdfjs #sidebarContent {
2991 top: 32px;
2992 bottom: 0;
2993 overflow: auto;
2994 -webkit-overflow-scrolling: touch;
2995 position: absolute;
2996 width: 200px;
2997 background-color: rgba(0, 0, 0, 0.1); }
2998
2999 html[dir='ltr'] .pdfjs #sidebarContent {
3000 left: 0;
3001 box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25); }
3002
3003 html[dir='rtl'] .pdfjs #sidebarContent {
3004 right: 0;
3005 box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25); }
3006
3007 .pdfjs #viewerContainer {
3008 overflow: auto;
3009 -webkit-overflow-scrolling: touch;
3010 position: absolute;
3011 top: 32px;
3012 right: 0;
3013 bottom: 0;
3014 left: 0;
3015 outline: none; }
3016
3017 html[dir='ltr'] .pdfjs #viewerContainer {
3018 box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.05); }
3019
3020 html[dir='rtl'] .pdfjs #viewerContainer {
3021 box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.05); }
3022
3023 .pdfjs .toolbar {
3024 position: relative;
3025 left: 0;
3026 right: 0;
3027 cursor: default; }
3028
3029 .pdfjs #toolbarContainer {
3030 width: 100%; }
3031
3032 .pdfjs #toolbarSidebar {
3033 width: 200px;
3034 height: 32px;
3035 background-color: #424242;
3036 background-image: url("../images/pdf.js-viewer/texture.png"), linear-gradient(rgba(77, 77, 77, 0.99), rgba(64, 64, 64, 0.95)); }
3037
3038 html[dir='ltr'] .pdfjs #toolbarSidebar {
3039 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); }
3040
3041 html[dir='rtl'] .pdfjs #toolbarSidebar {
3042 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); }
3043
3044 .pdfjs #toolbarContainer,
3045 .pdfjs .findbar,
3046 .pdfjs .secondaryToolbar {
3047 position: relative;
3048 height: 32px;
3049 background-color: #474747;
3050 background-image: url("../images/pdf.js-viewer/texture.png"), linear-gradient(rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95)); }
3051
3052 html[dir='ltr'] .pdfjs #toolbarContainer,
3053 .pdfjs .findbar,
3054 .pdfjs .secondaryToolbar {
3055 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); }
3056
3057 html[dir='rtl'] .pdfjs #toolbarContainer,
3058 .pdfjs .findbar,
3059 .pdfjs .secondaryToolbar {
3060 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); }
3061
3062 .pdfjs #toolbarViewer {
3063 height: 32px; }
3064
3065 .pdfjs #loadingBar {
3066 position: relative;
3067 width: 100%;
3068 height: 4px;
3069 background-color: #333;
3070 border-bottom: 1px solid #333; }
3071
3072 .pdfjs #loadingBar .progress {
3073 position: absolute;
3074 top: 0;
3075 left: 0;
3076 width: 0;
3077 height: 100%;
3078 background-color: #ddd;
3079 overflow: hidden;
3080 -webkit-transition: width 200ms;
3081 transition: width 200ms; }
3082
3083 @-webkit-keyframes progressIndeterminate {
3084 0% {
3085 left: 0; }
3086 50% {
3087 left: 100%; }
3088 100% {
3089 left: 100%; } }
3090
3091 @keyframes progressIndeterminate {
3092 0% {
3093 left: 0; }
3094 50% {
3095 left: 100%; }
3096 100% {
3097 left: 100%; } }
3098
3099 .pdfjs #loadingBar .progress.indeterminate {
3100 background-color: #999;
3101 -webkit-transition: none;
3102 transition: none; }
3103
3104 .pdfjs #loadingBar .indeterminate .glimmer {
3105 position: absolute;
3106 top: 0;
3107 left: 0;
3108 height: 100%;
3109 width: 50px;
3110 background-image: linear-gradient(to right, #999 0%, #fff 50%, #999 100%);
3111 background-size: 100% 100%;
3112 background-repeat: no-repeat;
3113 -webkit-animation: progressIndeterminate 2s linear infinite;
3114 animation: progressIndeterminate 2s linear infinite; }
3115
3116 .pdfjs .findbar,
3117 .pdfjs .secondaryToolbar {
3118 top: 32px;
3119 position: absolute;
3120 z-index: 10000;
3121 height: 32px;
3122 min-width: 16px;
3123 padding: 0 6px;
3124 margin: 4px 2px;
3125 color: #d9d9d9;
3126 font-size: 12px;
3127 line-height: 14px;
3128 text-align: left;
3129 cursor: default; }
3130
3131 html[dir='ltr'] .pdfjs .findbar {
3132 left: 68px; }
3133
3134 html[dir='rtl'] .pdfjs .findbar {
3135 right: 68px; }
3136
3137 .pdfjs .findbar label {
3138 -webkit-user-select: none;
3139 -moz-user-select: none; }
3140
3141 .pdfjs #findInput[data-status="pending"] {
3142 background-image: url("../images/pdf.js-viewer/loading-small.png");
3143 background-repeat: no-repeat;
3144 background-position: right; }
3145
3146 html[dir='rtl'] .pdfjs #findInput[data-status="pending"] {
3147 background-position: left; }
3148
3149 .pdfjs .secondaryToolbar {
3150 padding: 6px;
3151 height: auto;
3152 z-index: 30000; }
3153
3154 html[dir='ltr'] .pdfjs .secondaryToolbar {
3155 right: 4px; }
3156
3157 html[dir='rtl'] .pdfjs .secondaryToolbar {
3158 left: 4px; }
3159
3160 .pdfjs #secondaryToolbarButtonContainer {
3161 max-width: 200px;
3162 max-height: 400px;
3163 overflow-y: auto;
3164 -webkit-overflow-scrolling: touch;
3165 margin-bottom: -4px; }
3166
3167 .pdfjs .doorHanger,
3168 .pdfjs .doorHangerRight {
3169 border: 1px solid rgba(0, 0, 0, 0.5);
3170 border-radius: 2px;
3171 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }
3172
3173 .pdfjs .doorHanger:after,
3174 .pdfjs .doorHanger:before,
3175 .pdfjs .doorHangerRight:after,
3176 .pdfjs .doorHangerRight:before {
3177 bottom: 100%;
3178 border: solid transparent;
3179 content: " ";
3180 height: 0;
3181 width: 0;
3182 position: absolute;
3183 pointer-events: none; }
3184
3185 .pdfjs .doorHanger:after,
3186 .pdfjs .doorHangerRight:after {
3187 border-bottom-color: rgba(82, 82, 82, 0.99);
3188 border-width: 8px; }
3189
3190 .pdfjs .doorHanger:before,
3191 .pdfjs .doorHangerRight:before {
3192 border-bottom-color: rgba(0, 0, 0, 0.5);
3193 border-width: 9px; }
3194
3195 html[dir='ltr'] .pdfjs .doorHanger:after,
3196 html[dir='rtl'] .pdfjs .doorHangerRight:after {
3197 left: 13px;
3198 margin-left: -8px; }
3199
3200 html[dir='ltr'] .pdfjs .doorHanger:before,
3201 html[dir='rtl'] .pdfjs .doorHangerRight:before {
3202 left: 13px;
3203 margin-left: -9px; }
3204
3205 html[dir='rtl'] .pdfjs .doorHanger:after,
3206 html[dir='ltr'] .pdfjs .doorHangerRight:after {
3207 right: 13px;
3208 margin-right: -8px; }
3209
3210 html[dir='rtl'] .pdfjs .doorHanger:before,
3211 html[dir='ltr'] .pdfjs .doorHangerRight:before {
3212 right: 13px;
3213 margin-right: -9px; }
3214
3215 .pdfjs #findMsg {
3216 font-style: italic;
3217 color: #A6B7D0; }
3218
3219 .pdfjs #findInput.notFound {
3220 background-color: #f66; }
3221
3222 html[dir='ltr'] .pdfjs #toolbarViewerLeft {
3223 margin-left: -1px; }
3224
3225 html[dir='rtl'] .pdfjs #toolbarViewerRight {
3226 margin-right: -1px; }
3227
3228 html[dir='ltr'] .pdfjs #toolbarViewerLeft,
3229 html[dir='rtl'] .pdfjs #toolbarViewerRight {
3230 position: absolute;
3231 top: 0;
3232 left: 0; }
3233
3234 html[dir='ltr'] .pdfjs #toolbarViewerRight,
3235 html[dir='rtl'] .pdfjs #toolbarViewerLeft {
3236 position: absolute;
3237 top: 0;
3238 right: 0; }
3239
3240 html[dir='ltr'] .pdfjs #toolbarViewerLeft > *,
3241 html[dir='ltr'] .pdfjs #toolbarViewerMiddle > *,
3242 html[dir='ltr'] .pdfjs #toolbarViewerRight > *,
3243 html[dir='ltr'] .pdfjs .findbar > * {
3244 position: relative;
3245 float: left; }
3246
3247 html[dir='rtl'] .pdfjs #toolbarViewerLeft > *,
3248 html[dir='rtl'] .pdfjs #toolbarViewerMiddle > *,
3249 html[dir='rtl'] .pdfjs #toolbarViewerRight > *,
3250 html[dir='rtl'] .pdfjs .findbar > * {
3251 position: relative;
3252 float: right; }
3253
3254 html[dir='ltr'] .pdfjs .splitToolbarButton {
3255 margin: 3px 2px 4px 0;
3256 display: inline-block; }
3257
3258 html[dir='rtl'] .pdfjs .splitToolbarButton {
3259 margin: 3px 0 4px 2px;
3260 display: inline-block; }
3261
3262 html[dir='ltr'] .pdfjs .splitToolbarButton > .toolbarButton {
3263 border-radius: 0;
3264 float: left; }
3265
3266 html[dir='rtl'] .pdfjs .splitToolbarButton > .toolbarButton {
3267 border-radius: 0;
3268 float: right; }
3269
3270 .pdfjs .toolbarButton,
3271 .pdfjs .secondaryToolbarButton,
3272 .pdfjs .overlayButton {
3273 border: 0 none;
3274 background: none;
3275 width: 32px;
3276 height: 25px; }
3277
3278 .pdfjs .toolbarButton > span {
3279 display: inline-block;
3280 width: 0;
3281 height: 0;
3282 overflow: hidden; }
3283
3284 .pdfjs .toolbarButton[disabled],
3285 .pdfjs .secondaryToolbarButton[disabled],
3286 .pdfjs .overlayButton[disabled] {
3287 opacity: 0.5; }
3288
3289 .pdfjs .toolbarButton.group {
3290 margin-right: 0; }
3291
3292 .pdfjs .splitToolbarButton.toggled .toolbarButton {
3293 margin: 0; }
3294
3295 .pdfjs .splitToolbarButton:hover > .toolbarButton,
3296 .pdfjs .splitToolbarButton:focus > .toolbarButton,
3297 .pdfjs .splitToolbarButton.toggled > .toolbarButton,
3298 .pdfjs .toolbarButton.textButton {
3299 background-color: rgba(0, 0, 0, 0.12);
3300 background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
3301 background-clip: padding-box;
3302 border: 1px solid rgba(0, 0, 0, 0.35);
3303 border-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.38) rgba(0, 0, 0, 0.42);
3304 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);
3305 -webkit-transition-property: background-color, border-color, box-shadow;
3306 -webkit-transition-duration: 150ms;
3307 -webkit-transition-timing-function: ease;
3308 transition-property: background-color, border-color, box-shadow;
3309 transition-duration: 150ms;
3310 transition-timing-function: ease; }
3311
3312 .pdfjs .splitToolbarButton > .toolbarButton:hover,
3313 .pdfjs .splitToolbarButton > .toolbarButton:focus,
3314 .pdfjs .dropdownToolbarButton:hover,
3315 .pdfjs .overlayButton:hover,
3316 .pdfjs .toolbarButton.textButton:hover,
3317 .pdfjs .toolbarButton.textButton:focus {
3318 background-color: rgba(0, 0, 0, 0.2);
3319 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);
3320 z-index: 199; }
3321
3322 .pdfjs .splitToolbarButton > .toolbarButton {
3323 position: relative; }
3324
3325 html[dir='ltr'] .pdfjs .splitToolbarButton > .toolbarButton:first-child,
3326 html[dir='rtl'] .pdfjs .splitToolbarButton > .toolbarButton:last-child {
3327 position: relative;
3328 margin: 0;
3329 margin-right: -1px;
3330 border-top-left-radius: 2px;
3331 border-bottom-left-radius: 2px;
3332 border-right-color: transparent; }
3333
3334 html[dir='ltr'] .pdfjs .splitToolbarButton > .toolbarButton:last-child,
3335 html[dir='rtl'] .pdfjs .splitToolbarButton > .toolbarButton:first-child {
3336 position: relative;
3337 margin: 0;
3338 margin-left: -1px;
3339 border-top-right-radius: 2px;
3340 border-bottom-right-radius: 2px;
3341 border-left-color: transparent; }
3342
3343 .pdfjs .splitToolbarButtonSeparator {
3344 padding: 8px 0;
3345 width: 1px;
3346 background-color: rgba(0, 0, 0, 0.5);
3347 z-index: 99;
3348 box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
3349 display: inline-block;
3350 margin: 5px 0; }
3351
3352 html[dir='ltr'] .pdfjs .splitToolbarButtonSeparator {
3353 float: left; }
3354
3355 html[dir='rtl'] .pdfjs .splitToolbarButtonSeparator {
3356 float: right; }
3357
3358 .pdfjs .splitToolbarButton:hover > .splitToolbarButtonSeparator,
3359 .pdfjs .splitToolbarButton.toggled > .splitToolbarButtonSeparator {
3360 padding: 12px 0;
3361 margin: 1px 0;
3362 box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03);
3363 -webkit-transition-property: padding;
3364 -webkit-transition-duration: 10ms;
3365 -webkit-transition-timing-function: ease;
3366 transition-property: padding;
3367 transition-duration: 10ms;
3368 transition-timing-function: ease; }
3369
3370 .pdfjs .toolbarButton,
3371 .pdfjs .dropdownToolbarButton,
3372 .pdfjs .secondaryToolbarButton,
3373 .pdfjs .overlayButton {
3374 min-width: 16px;
3375 padding: 2px 6px 0;
3376 border: 1px solid transparent;
3377 border-radius: 2px;
3378 color: rgba(255, 255, 255, 0.8);
3379 font-size: 12px;
3380 line-height: 14px;
3381 -webkit-user-select: none;
3382 -moz-user-select: none;
3383 -ms-user-select: none;
3384 cursor: default;
3385 -webkit-transition-property: background-color, border-color, box-shadow;
3386 -webkit-transition-duration: 150ms;
3387 -webkit-transition-timing-function: ease;
3388 transition-property: background-color, border-color, box-shadow;
3389 transition-duration: 150ms;
3390 transition-timing-function: ease; }
3391
3392 html[dir='ltr'] .pdfjs .toolbarButton,
3393 html[dir='ltr'] .pdfjs .overlayButton,
3394 html[dir='ltr'] .pdfjs .dropdownToolbarButton {
3395 margin: 3px 2px 4px 0; }
3396
3397 html[dir='rtl'] .pdfjs .toolbarButton,
3398 html[dir='rtl'] .pdfjs .overlayButton,
3399 html[dir='rtl'] .pdfjs .dropdownToolbarButton {
3400 margin: 3px 0 4px 2px; }
3401
3402 .pdfjs .toolbarButton:hover,
3403 .pdfjs .toolbarButton:focus,
3404 .pdfjs .dropdownToolbarButton,
3405 .pdfjs .overlayButton,
3406 .pdfjs .secondaryToolbarButton:hover,
3407 .pdfjs .secondaryToolbarButton:focus {
3408 background-color: rgba(0, 0, 0, 0.12);
3409 background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
3410 background-clip: padding-box;
3411 border: 1px solid rgba(0, 0, 0, 0.35);
3412 border-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.38) rgba(0, 0, 0, 0.42);
3413 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); }
3414
3415 .pdfjs .toolbarButton:hover:active,
3416 .pdfjs .overlayButton:hover:active,
3417 .pdfjs .dropdownToolbarButton:hover:active,
3418 .pdfjs .secondaryToolbarButton:hover:active {
3419 background-color: rgba(0, 0, 0, 0.2);
3420 background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
3421 border-color: rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.45);
3422 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);
3423 -webkit-transition-property: background-color, border-color, box-shadow;
3424 -webkit-transition-duration: 10ms;
3425 -webkit-transition-timing-function: linear;
3426 transition-property: background-color, border-color, box-shadow;
3427 transition-duration: 10ms;
3428 transition-timing-function: linear; }
3429
3430 .pdfjs .toolbarButton.toggled,
3431 .pdfjs .splitToolbarButton.toggled > .toolbarButton.toggled,
3432 .pdfjs .secondaryToolbarButton.toggled {
3433 background-color: rgba(0, 0, 0, 0.3);
3434 background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
3435 border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.5);
3436 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);
3437 -webkit-transition-property: background-color, border-color, box-shadow;
3438 -webkit-transition-duration: 10ms;
3439 -webkit-transition-timing-function: linear;
3440 transition-property: background-color, border-color, box-shadow;
3441 transition-duration: 10ms;
3442 transition-timing-function: linear; }
3443
3444 .pdfjs .toolbarButton.toggled:hover:active,
3445 .pdfjs .splitToolbarButton.toggled > .toolbarButton.toggled:hover:active,
3446 .pdfjs .secondaryToolbarButton.toggled:hover:active {
3447 background-color: rgba(0, 0, 0, 0.4);
3448 border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.55);
3449 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); }
3450
3451 .pdfjs .dropdownToolbarButton {
3452 width: 120px;
3453 max-width: 120px;
3454 padding: 0;
3455 overflow: hidden;
3456 background: url("../images/pdf.js-viewer/toolbarButton-menuArrows.png") no-repeat; }
3457
3458 html[dir='ltr'] .pdfjs .dropdownToolbarButton {
3459 background-position: 95%; }
3460
3461 html[dir='rtl'] .pdfjs .dropdownToolbarButton {
3462 background-position: 5%; }
3463
3464 .pdfjs .dropdownToolbarButton > select {
3465 min-width: 140px;
3466 font-size: 12px;
3467 color: #f2f2f2;
3468 margin: 0;
3469 padding: 3px 2px 2px;
3470 border: none;
3471 background: rgba(0, 0, 0, 0); }
3472
3473 .pdfjs .dropdownToolbarButton > select > option {
3474 background: #3d3d3d; }
3475
3476 .pdfjs #customScaleOption {
3477 display: none; }
3478
3479 .pdfjs #pageWidthOption {
3480 border-bottom: 1px rgba(255, 255, 255, 0.5) solid; }
3481
3482 html[dir='ltr'] .pdfjs .splitToolbarButton:first-child,
3483 html[dir='ltr'] .pdfjs .toolbarButton:first-child,
3484 html[dir='rtl'] .pdfjs .splitToolbarButton:last-child,
3485 html[dir='rtl'] .pdfjs .toolbarButton:last-child {
3486 margin-left: 4px; }
3487
3488 html[dir='ltr'] .pdfjs .splitToolbarButton:last-child,
3489 html[dir='ltr'] .pdfjs .toolbarButton:last-child,
3490 html[dir='rtl'] .pdfjs .splitToolbarButton:first-child,
3491 html[dir='rtl'] .pdfjs .toolbarButton:first-child {
3492 margin-right: 4px; }
3493
3494 .pdfjs .toolbarButtonSpacer {
3495 width: 30px;
3496 display: inline-block;
3497 height: 1px; }
3498
3499 .pdfjs .toolbarButtonFlexibleSpacer {
3500 -webkit-box-flex: 1;
3501 -moz-box-flex: 1;
3502 min-width: 30px; }
3503
3504 html[dir='ltr'] .pdfjs #findPrevious {
3505 margin-left: 3px; }
3506
3507 html[dir='ltr'] .pdfjs #findNext {
3508 margin-right: 3px; }
3509
3510 html[dir='rtl'] .pdfjs #findPrevious {
3511 margin-right: 3px; }
3512
3513 html[dir='rtl'] .pdfjs #findNext {
3514 margin-left: 3px; }
3515
3516 .pdfjs .toolbarButton::before,
3517 .pdfjs .secondaryToolbarButton::before {
3518 position: absolute;
3519 display: inline-block;
3520 top: 4px;
3521 left: 7px; }
3522
3523 html[dir="ltr"] .pdfjs .secondaryToolbarButton::before {
3524 left: 4px; }
3525
3526 html[dir="rtl"] .pdfjs .secondaryToolbarButton::before {
3527 right: 4px; }
3528
3529 html[dir='ltr'] .pdfjs .toolbarButton#sidebarToggle::before {
3530 content: url("../images/pdf.js-viewer/toolbarButton-sidebarToggle.png"); }
3531
3532 html[dir='rtl'] .pdfjs .toolbarButton#sidebarToggle::before {
3533 content: url("../images/pdf.js-viewer/toolbarButton-sidebarToggle-rtl.png"); }
3534
3535 html[dir='ltr'] .pdfjs .toolbarButton#secondaryToolbarToggle::before {
3536 content: url("../images/pdf.js-viewer/toolbarButton-secondaryToolbarToggle.png"); }
3537
3538 html[dir='rtl'] .pdfjs .toolbarButton#secondaryToolbarToggle::before {
3539 content: url("../images/pdf.js-viewer/toolbarButton-secondaryToolbarToggle-rtl.png"); }
3540
3541 html[dir='ltr'] .pdfjs .toolbarButton.findPrevious::before {
3542 content: url("../images/pdf.js-viewer/findbarButton-previous.png"); }
3543
3544 html[dir='rtl'] .pdfjs .toolbarButton.findPrevious::before {
3545 content: url("../images/pdf.js-viewer/findbarButton-previous-rtl.png"); }
3546
3547 html[dir='ltr'] .pdfjs .toolbarButton.findNext::before {
3548 content: url("../images/pdf.js-viewer/findbarButton-next.png"); }
3549
3550 html[dir='rtl'] .pdfjs .toolbarButton.findNext::before {
3551 content: url("../images/pdf.js-viewer/findbarButton-next-rtl.png"); }
3552
3553 html[dir='ltr'] .pdfjs .toolbarButton.pageUp::before {
3554 content: url("../images/pdf.js-viewer/toolbarButton-pageUp.png"); }
3555
3556 html[dir='rtl'] .pdfjs .toolbarButton.pageUp::before {
3557 content: url("../images/pdf.js-viewer/toolbarButton-pageUp-rtl.png"); }
3558
3559 html[dir='ltr'] .pdfjs .toolbarButton.pageDown::before {
3560 content: url("../images/pdf.js-viewer/toolbarButton-pageDown.png"); }
3561
3562 html[dir='rtl'] .pdfjs .toolbarButton.pageDown::before {
3563 content: url("../images/pdf.js-viewer/toolbarButton-pageDown-rtl.png"); }
3564
3565 .pdfjs .toolbarButton.zoomOut::before {
3566 content: url("../images/pdf.js-viewer/toolbarButton-zoomOut.png"); }
3567
3568 .pdfjs .toolbarButton.zoomIn::before {
3569 content: url("../images/pdf.js-viewer/toolbarButton-zoomIn.png"); }
3570
3571 .pdfjs .toolbarButton.presentationMode::before,
3572 .pdfjs .secondaryToolbarButton.presentationMode::before {
3573 content: url("../images/pdf.js-viewer/toolbarButton-presentationMode.png"); }
3574
3575 .pdfjs .toolbarButton.print::before,
3576 .pdfjs .secondaryToolbarButton.print::before {
3577 content: url("../images/pdf.js-viewer/toolbarButton-print.png"); }
3578
3579 .pdfjs .toolbarButton.openFile::before,
3580 .pdfjs .secondaryToolbarButton.openFile::before {
3581 content: url("../images/pdf.js-viewer/toolbarButton-openFile.png"); }
3582
3583 .pdfjs .toolbarButton.download::before,
3584 .pdfjs .secondaryToolbarButton.download::before {
3585 content: url("../images/pdf.js-viewer/toolbarButton-download.png"); }
3586
3587 .pdfjs .toolbarButton.bookmark,
3588 .pdfjs .secondaryToolbarButton.bookmark {
3589 -webkit-box-sizing: border-box;
3590 -moz-box-sizing: border-box;
3591 box-sizing: border-box;
3592 outline: none;
3593 padding-top: 4px;
3594 text-decoration: none; }
3595
3596 .pdfjs .secondaryToolbarButton.bookmark {
3597 padding-top: 5px; }
3598
3599 .pdfjs .bookmark[href='#'] {
3600 opacity: .5;
3601 pointer-events: none; }
3602
3603 .pdfjs .toolbarButton.bookmark::before,
3604 .pdfjs .secondaryToolbarButton.bookmark::before {
3605 content: url("../images/pdf.js-viewer/toolbarButton-bookmark.png"); }
3606
3607 .pdfjs #viewThumbnail.toolbarButton::before {
3608 content: url("../images/pdf.js-viewer/toolbarButton-viewThumbnail.png"); }
3609
3610 html[dir="ltr"] .pdfjs #viewOutline.toolbarButton::before {
3611 content: url("../images/pdf.js-viewer/toolbarButton-viewOutline.png"); }
3612
3613 html[dir="rtl"] .pdfjs #viewOutline.toolbarButton::before {
3614 content: url("../images/pdf.js-viewer/toolbarButton-viewOutline-rtl.png"); }
3615
3616 .pdfjs #viewAttachments.toolbarButton::before {
3617 content: url("../images/pdf.js-viewer/toolbarButton-viewAttachments.png"); }
3618
3619 .pdfjs #viewFind.toolbarButton::before {
3620 content: url("../images/pdf.js-viewer/toolbarButton-search.png"); }
3621
3622 .pdfjs .secondaryToolbarButton {
3623 position: relative;
3624 margin: 0 0 4px;
3625 padding: 3px 0 1px;
3626 height: auto;
3627 min-height: 25px;
3628 width: auto;
3629 min-width: 100%;
3630 white-space: normal; }
3631
3632 html[dir="ltr"] .pdfjs .secondaryToolbarButton {
3633 padding-left: 24px;
3634 text-align: left; }
3635
3636 html[dir="rtl"] .pdfjs .secondaryToolbarButton {
3637 padding-right: 24px;
3638 text-align: right; }
3639
3640 html[dir="ltr"] .pdfjs .secondaryToolbarButton.bookmark {
3641 padding-left: 27px; }
3642
3643 html[dir="rtl"] .pdfjs .secondaryToolbarButton.bookmark {
3644 padding-right: 27px; }
3645
3646 html[dir="ltr"] .pdfjs .secondaryToolbarButton > span {
3647 padding-right: 4px; }
3648
3649 html[dir="rtl"] .pdfjs .secondaryToolbarButton > span {
3650 padding-left: 4px; }
3651
3652 .pdfjs .secondaryToolbarButton.firstPage::before {
3653 content: url("../images/pdf.js-viewer/secondaryToolbarButton-firstPage.png"); }
3654
3655 .pdfjs .secondaryToolbarButton.lastPage::before {
3656 content: url("../images/pdf.js-viewer/secondaryToolbarButton-lastPage.png"); }
3657
3658 .pdfjs .secondaryToolbarButton.rotateCcw::before {
3659 content: url("../images/pdf.js-viewer/secondaryToolbarButton-rotateCcw.png"); }
3660
3661 .pdfjs .secondaryToolbarButton.rotateCw::before {
3662 content: url("../images/pdf.js-viewer/secondaryToolbarButton-rotateCw.png"); }
3663
3664 .pdfjs .secondaryToolbarButton.handTool::before {
3665 content: url("../images/pdf.js-viewer/secondaryToolbarButton-handTool.png"); }
3666
3667 .pdfjs .secondaryToolbarButton.documentProperties::before {
3668 content: url("../images/pdf.js-viewer/secondaryToolbarButton-documentProperties.png"); }
3669
3670 .pdfjs .verticalToolbarSeparator {
3671 display: block;
3672 padding: 8px 0;
3673 margin: 8px 4px;
3674 width: 1px;
3675 background-color: rgba(0, 0, 0, 0.5);
3676 box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); }
3677
3678 html[dir='ltr'] .pdfjs .verticalToolbarSeparator {
3679 margin-left: 2px; }
3680
3681 html[dir='rtl'] .pdfjs .verticalToolbarSeparator {
3682 margin-right: 2px; }
3683
3684 .pdfjs .horizontalToolbarSeparator {
3685 display: block;
3686 margin: 0 0 4px;
3687 height: 1px;
3688 width: 100%;
3689 background-color: rgba(0, 0, 0, 0.5);
3690 box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); }
3691
3692 .pdfjs .toolbarField {
3693 padding: 3px 6px;
3694 margin: 4px 0;
3695 border: 1px solid transparent;
3696 border-radius: 2px;
3697 background-color: rgba(255, 255, 255, 0.09);
3698 background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
3699 background-clip: padding-box;
3700 border: 1px solid rgba(0, 0, 0, 0.35);
3701 border-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.38) rgba(0, 0, 0, 0.42);
3702 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.05);
3703 color: #f2f2f2;
3704 font-size: 12px;
3705 line-height: 14px;
3706 outline-style: none;
3707 transition-property: background-color, border-color, box-shadow;
3708 transition-duration: 150ms;
3709 transition-timing-function: ease; }
3710
3711 .pdfjs .toolbarField[type=checkbox] {
3712 display: inline-block;
3713 margin: 8px 0; }
3714
3715 .pdfjs .toolbarField.pageNumber {
3716 -moz-appearance: textfield;
3717 min-width: 16px;
3718 text-align: right;
3719 width: 40px; }
3720
3721 .pdfjs .toolbarField.pageNumber.visiblePageIsLoading {
3722 background-image: url("../images/pdf.js-viewer/loading-small.png");
3723 background-repeat: no-repeat;
3724 background-position: 1px; }
3725
3726 .pdfjs .toolbarField.pageNumber::-webkit-inner-spin-button,
3727 .pdfjs .toolbarField.pageNumber::-webkit-outer-spin-button {
3728 -webkit-appearance: none;
3729 margin: 0; }
3730
3731 .pdfjs .toolbarField:hover {
3732 background-color: rgba(255, 255, 255, 0.11);
3733 border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.43) rgba(0, 0, 0, 0.45); }
3734
3735 .pdfjs .toolbarField:focus {
3736 background-color: rgba(255, 255, 255, 0.15);
3737 border-color: rgba(77, 184, 255, 0.8) rgba(77, 184, 255, 0.85) rgba(77, 184, 255, 0.9); }
3738
3739 .pdfjs .toolbarLabel {
3740 min-width: 16px;
3741 padding: 3px 6px 3px 2px;
3742 margin: 4px 2px 4px 0;
3743 border: 1px solid transparent;
3744 border-radius: 2px;
3745 color: #d9d9d9;
3746 font-size: 12px;
3747 line-height: 14px;
3748 text-align: left;
3749 -webkit-user-select: none;
3750 -moz-user-select: none;
3751 cursor: default; }
3752
3753 .pdfjs #thumbnailView {
3754 position: absolute;
3755 width: 120px;
3756 top: 0;
3757 bottom: 0;
3758 padding: 10px 40px 0;
3759 overflow: auto;
3760 -webkit-overflow-scrolling: touch; }
3761
3762 .pdfjs .thumbnail {
3763 float: left;
3764 margin-bottom: 5px; }
3765
3766 .pdfjs #thumbnailView > a:last-of-type > .thumbnail {
3767 margin-bottom: 10px; }
3768
3769 .pdfjs #thumbnailView > a:last-of-type > .thumbnail:not([data-loaded]) {
3770 margin-bottom: 9px; }
3771
3772 .pdfjs .thumbnail:not([data-loaded]) {
3773 border: 1px dashed rgba(255, 255, 255, 0.5);
3774 margin: -1px -1px 4px; }
3775
3776 .pdfjs .thumbnailImage {
3777 border: 1px solid transparent;
3778 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
3779 opacity: .8;
3780 z-index: 99;
3781 background-color: #fff;
3782 background-clip: content-box; }
3783
3784 .pdfjs .thumbnailSelectionRing {
3785 border-radius: 2px;
3786 padding: 7px; }
3787
3788 .pdfjs a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage,
3789 .pdfjs .thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage {
3790 opacity: 0.9; }
3791
3792 .pdfjs a:focus > .thumbnail > .thumbnailSelectionRing,
3793 .pdfjs .thumbnail:hover > .thumbnailSelectionRing {
3794 background-color: rgba(255, 255, 255, 0.15);
3795 background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
3796 background-clip: padding-box;
3797 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);
3798 color: rgba(255, 255, 255, 0.9); }
3799
3800 .pdfjs .thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage {
3801 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
3802 opacity: 1; }
3803
3804 .pdfjs .thumbnail.selected > .thumbnailSelectionRing {
3805 background-color: rgba(255, 255, 255, 0.3);
3806 background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
3807 background-clip: padding-box;
3808 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);
3809 color: #ffffff; }
3810
3811 .pdfjs #outlineView,
3812 .pdfjs #attachmentsView {
3813 position: absolute;
3814 width: 192px;
3815 top: 0;
3816 bottom: 0;
3817 overflow: auto;
3818 -webkit-overflow-scrolling: touch;
3819 -webkit-user-select: none;
3820 -moz-user-select: none; }
3821
3822 .pdfjs #outlineView {
3823 padding: 4px 4px 0; }
3824
3825 .pdfjs #attachmentsView {
3826 padding: 3px 4px 0; }
3827
3828 html[dir='ltr'] .pdfjs .outlineItem > .outlineItems {
3829 margin-left: 20px; }
3830
3831 html[dir='rtl'] .pdfjs .outlineItem > .outlineItems {
3832 margin-right: 20px; }
3833
3834 .pdfjs .outlineItem > a,
3835 .pdfjs .attachmentsItem > button {
3836 text-decoration: none;
3837 display: inline-block;
3838 min-width: 95%;
3839 height: auto;
3840 margin-bottom: 1px;
3841 border-radius: 2px;
3842 color: rgba(255, 255, 255, 0.8);
3843 font-size: 13px;
3844 line-height: 15px;
3845 -moz-user-select: none;
3846 white-space: normal; }
3847
3848 .pdfjs .attachmentsItem > button {
3849 border: 0 none;
3850 background: none;
3851 cursor: pointer;
3852 width: 100%; }
3853
3854 html[dir='ltr'] .pdfjs .outlineItem > a {
3855 padding: 2px 0 5px 10px; }
3856
3857 html[dir='ltr'] .pdfjs .attachmentsItem > button {
3858 padding: 2px 0 3px 7px;
3859 text-align: left; }
3860
3861 html[dir='rtl'] .pdfjs .outlineItem > a {
3862 padding: 2px 10px 5px 0; }
3863
3864 html[dir='rtl'] .pdfjs .attachmentsItem > button {
3865 padding: 2px 7px 3px 0;
3866 text-align: right; }
3867
3868 .pdfjs .outlineItem > a:hover,
3869 .pdfjs .attachmentsItem > button:hover {
3870 background-color: rgba(255, 255, 255, 0.02);
3871 background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
3872 background-clip: padding-box;
3873 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);
3874 color: rgba(255, 255, 255, 0.9); }
3875
3876 .pdfjs .outlineItem.selected {
3877 background-color: rgba(255, 255, 255, 0.08);
3878 background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
3879 background-clip: padding-box;
3880 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);
3881 color: #ffffff; }
3882
3883 .pdfjs .noResults {
3884 font-size: 12px;
3885 color: rgba(255, 255, 255, 0.8);
3886 font-style: italic;
3887 cursor: default; }
3888
3889 .pdfjs ::selection {
3890 background: rgba(0, 0, 255, 0.3); }
3891
3892 .pdfjs ::-moz-selection {
3893 background: rgba(0, 0, 255, 0.3); }
3894
3895 .pdfjs #errorWrapper {
3896 background: none repeat scroll 0 0 #F55;
3897 color: #fff;
3898 left: 0;
3899 position: absolute;
3900 right: 0;
3901 z-index: 1000;
3902 padding: 3px;
3903 font-size: 0.8em; }
3904
3905 .pdfjs .loadingInProgress #errorWrapper {
3906 top: 37px; }
3907
3908 .pdfjs #errorMessageLeft {
3909 float: left; }
3910
3911 .pdfjs #errorMessageRight {
3912 float: right; }
3913
3914 .pdfjs #errorMoreInfo {
3915 background-color: #FFF;
3916 color: #000;
3917 padding: 3px;
3918 margin: 3px;
3919 width: 98%; }
3920
3921 .pdfjs .overlayButton {
3922 width: auto;
3923 margin: 3px 4px 2px !important;
3924 padding: 2px 6px 3px; }
3925
3926 .pdfjs #overlayContainer {
3927 display: table;
3928 position: absolute;
3929 width: 100%;
3930 height: 100%;
3931 background-color: rgba(0, 0, 0, 0.2);
3932 z-index: 40000; }
3933
3934 .pdfjs #overlayContainer > * {
3935 overflow: auto;
3936 -webkit-overflow-scrolling: touch; }
3937
3938 .pdfjs #overlayContainer > .container {
3939 display: table-cell;
3940 vertical-align: middle;
3941 text-align: center; }
3942
3943 .pdfjs #overlayContainer > .container > .dialog {
3944 display: inline-block;
3945 padding: 15px;
3946 border-spacing: 4px;
3947 color: #d9d9d9;
3948 font-size: 12px;
3949 line-height: 14px;
3950 background-color: #474747;
3951 background-image: url("../images/pdf.js-viewer/texture.png"), linear-gradient(rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95));
3952 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);
3953 border: 1px solid rgba(0, 0, 0, 0.5);
3954 border-radius: 4px;
3955 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }
3956
3957 .pdfjs .dialog > .row {
3958 display: table-row; }
3959
3960 .pdfjs .dialog > .row > * {
3961 display: table-cell; }
3962
3963 .pdfjs .dialog .toolbarField {
3964 margin: 5px 0; }
3965
3966 .pdfjs .dialog .separator {
3967 display: block;
3968 margin: 4px 0;
3969 height: 1px;
3970 width: 100%;
3971 background-color: rgba(0, 0, 0, 0.5);
3972 box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); }
3973
3974 .pdfjs .dialog .buttonRow {
3975 text-align: center;
3976 vertical-align: middle; }
3977
3978 .pdfjs #passwordOverlay > .dialog {
3979 text-align: center; }
3980
3981 .pdfjs #passwordOverlay .toolbarField {
3982 width: 200px; }
3983
3984 .pdfjs #documentPropertiesOverlay > .dialog {
3985 text-align: left; }
3986
3987 .pdfjs #documentPropertiesOverlay .row > * {
3988 min-width: 100px; }
3989
3990 html[dir='ltr'] .pdfjs #documentPropertiesOverlay .row > * {
3991 text-align: left; }
3992
3993 html[dir='rtl'] .pdfjs #documentPropertiesOverlay .row > * {
3994 text-align: right; }
3995
3996 .pdfjs #documentPropertiesOverlay .row > span {
3997 width: 125px;
3998 word-wrap: break-word; }
3999
4000 .pdfjs #documentPropertiesOverlay .row > p {
4001 max-width: 225px;
4002 word-wrap: break-word; }
4003
4004 .pdfjs #documentPropertiesOverlay .buttonRow {
4005 margin-top: 10px; }
4006
4007 .pdfjs .clearBoth {
4008 clear: both; }
4009
4010 .pdfjs .fileInput {
4011 background: #fff;
4012 color: #000;
4013 margin-top: 5px;
4014 visibility: hidden;
4015 position: fixed;
4016 right: 0;
4017 top: 0; }
4018
4019 .pdfjs #PDFBug {
4020 background: none repeat scroll 0 0 #fff;
4021 border: 1px solid #666;
4022 position: fixed;
4023 top: 32px;
4024 right: 0;
4025 bottom: 0;
4026 font-size: 10px;
4027 padding: 0;
4028 width: 300px; }
4029
4030 .pdfjs #PDFBug .controls {
4031 background: #EEE;
4032 border-bottom: 1px solid #666;
4033 padding: 3px; }
4034
4035 .pdfjs #PDFBug .panels {
4036 bottom: 0;
4037 left: 0;
4038 overflow: auto;
4039 -webkit-overflow-scrolling: touch;
4040 position: absolute;
4041 right: 0;
4042 top: 27px; }
4043
4044 .pdfjs #PDFBug button.active {
4045 font-weight: 700; }
4046
4047 .pdfjs .debuggerShowText {
4048 background: none repeat scroll 0 0 #ff0;
4049 color: blue; }
4050
4051 .pdfjs .debuggerHideText:hover {
4052 background: none repeat scroll 0 0 #ff0; }
4053
4054 .pdfjs #PDFBug .stats {
4055 font-family: courier;
4056 font-size: 10px;
4057 white-space: pre; }
4058
4059 .pdfjs #PDFBug .stats .title {
4060 font-weight: 700; }
4061
4062 .pdfjs #PDFBug table {
4063 font-size: 10px; }
4064
4065 .pdfjs #viewer.textLayer-visible .textLayer > div,
4066 .pdfjs #viewer.textLayer-hover .textLayer > div:hover {
4067 background-color: #fff;
4068 color: #000; }
4069
4070 .pdfjs #viewer.textLayer-shadow .textLayer > div {
4071 background-color: rgba(255, 255, 255, 0.6);
4072 color: #000; }
4073
4074 .pdfjs .grab-to-pan-grab {
4075 cursor: url("../images/pdf.js-viewer/grab.cur"), move !important;
4076 cursor: -webkit-grab !important;
4077 cursor: -moz-grab !important;
4078 cursor: grab !important; }
4079
4080 .pdfjs .grab-to-pan-grab :not(input):not(textarea):not(button):not(select):not(:link) {
4081 cursor: inherit !important; }
4082
4083 .pdfjs .grab-to-pan-grab:active,
4084 .pdfjs .grab-to-pan-grabbing {
4085 cursor: url("../images/pdf.js-viewer/grabbing.cur"), move !important;
4086 cursor: -webkit-grabbing !important;
4087 cursor: -moz-grabbing !important;
4088 cursor: grabbing !important;
4089 position: fixed;
4090 background: transparent;
4091 display: block;
4092 top: 0;
4093 left: 0;
4094 right: 0;
4095 bottom: 0;
4096 overflow: hidden;
4097 z-index: 50000; }
4098
4099 @page {
4100 margin: 0; }
4101
4102 .pdfjs #printContainer {
4103 display: none; }
4104
4105 @media screen and (min-resolution: 2dppx) {
4106 .pdfjs .toolbarButton::before {
4107 -webkit-transform: scale(0.5);
4108 transform: scale(0.5);
4109 top: -5px; }
4110 .pdfjs .secondaryToolbarButton::before {
4111 -webkit-transform: scale(0.5);
4112 transform: scale(0.5);
4113 top: -4px; }
4114 html[dir='ltr'] .pdfjs .toolbarButton::before,
4115 html[dir='rtl'] .pdfjs .toolbarButton::before {
4116 left: -1px; }
4117 html[dir="ltr"] .pdfjs .secondaryToolbarButton::before {
4118 left: -2px; }
4119 html[dir="rtl"] .pdfjs .secondaryToolbarButton::before {
4120 left: 186px; }
4121 .pdfjs .toolbarField.pageNumber.visiblePageIsLoading,
4122 .pdfjs #findInput[data-status="pending"] {
4123 background-image: url("../images/pdf.js-viewer/loading-small@2x.png");
4124 background-size: 16px 17px; }
4125 .pdfjs .dropdownToolbarButton {
4126 background: url("../images/pdf.js-viewer/toolbarButton-menuArrows@2x.png") no-repeat;
4127 background-size: 7px 16px; }
4128 html[dir='ltr'] .pdfjs .toolbarButton#sidebarToggle::before {
4129 content: url("../images/pdf.js-viewer/toolbarButton-sidebarToggle@2x.png"); }
4130 html[dir='rtl'] .pdfjs .toolbarButton#sidebarToggle::before {
4131 content: url("../images/pdf.js-viewer/toolbarButton-sidebarToggle-rtl@2x.png"); }
4132 html[dir='ltr'] .pdfjs .toolbarButton#secondaryToolbarToggle::before {
4133 content: url("../images/pdf.js-viewer/toolbarButton-secondaryToolbarToggle@2x.png"); }
4134 html[dir='rtl'] .pdfjs .toolbarButton#secondaryToolbarToggle::before {
4135 content: url("../images/pdf.js-viewer/toolbarButton-secondaryToolbarToggle-rtl@2x.png"); }
4136 html[dir='ltr'] .pdfjs .toolbarButton.findPrevious::before {
4137 content: url("../images/pdf.js-viewer/findbarButton-previous@2x.png"); }
4138 html[dir='rtl'] .pdfjs .toolbarButton.findPrevious::before {
4139 content: url("../images/pdf.js-viewer/findbarButton-previous-rtl@2x.png"); }
4140 html[dir='ltr'] .pdfjs .toolbarButton.findNext::before {
4141 content: url("../images/pdf.js-viewer/findbarButton-next@2x.png"); }
4142 html[dir='rtl'] .pdfjs .toolbarButton.findNext::before {
4143 content: url("../images/pdf.js-viewer/findbarButton-next-rtl@2x.png"); }
4144 html[dir='ltr'] .pdfjs .toolbarButton.pageUp::before {
4145 content: url("../images/pdf.js-viewer/toolbarButton-pageUp@2x.png"); }
4146 html[dir='rtl'] .pdfjs .toolbarButton.pageUp::before {
4147 content: url("../images/pdf.js-viewer/toolbarButton-pageUp-rtl@2x.png"); }
4148 html[dir='ltr'] .pdfjs .toolbarButton.pageDown::before {
4149 content: url("../images/pdf.js-viewer/toolbarButton-pageDown@2x.png"); }
4150 html[dir='rtl'] .pdfjs .toolbarButton.pageDown::before {
4151 content: url("../images/pdf.js-viewer/toolbarButton-pageDown-rtl@2x.png"); }
4152 .pdfjs .toolbarButton.zoomIn::before {
4153 content: url("../images/pdf.js-viewer/toolbarButton-zoomIn@2x.png"); }
4154 .pdfjs .toolbarButton.zoomOut::before {
4155 content: url("../images/pdf.js-viewer/toolbarButton-zoomOut@2x.png"); }
4156 .pdfjs .toolbarButton.presentationMode::before,
4157 .pdfjs .secondaryToolbarButton.presentationMode::before {
4158 content: url("../images/pdf.js-viewer/toolbarButton-presentationMode@2x.png"); }
4159 .pdfjs .toolbarButton.print::before,
4160 .pdfjs .secondaryToolbarButton.print::before {
4161 content: url("../images/pdf.js-viewer/toolbarButton-print@2x.png"); }
4162 .pdfjs .toolbarButton.openFile::before,
4163 .pdfjs .secondaryToolbarButton.openFile::before {
4164 content: url("../images/pdf.js-viewer/toolbarButton-openFile@2x.png"); }
4165 .pdfjs .toolbarButton.download::before,
4166 .pdfjs .secondaryToolbarButton.download::before {
4167 content: url("../images/pdf.js-viewer/toolbarButton-download@2x.png"); }
4168 .pdfjs .toolbarButton.bookmark::before,
4169 .pdfjs .secondaryToolbarButton.bookmark::before {
4170 content: url("../images/pdf.js-viewer/toolbarButton-bookmark@2x.png"); }
4171 .pdfjs #viewThumbnail.toolbarButton::before {
4172 content: url("../images/pdf.js-viewer/toolbarButton-viewThumbnail@2x.png"); }
4173 html[dir="ltr"] .pdfjs #viewOutline.toolbarButton::before {
4174 content: url("../images/pdf.js-viewer/toolbarButton-viewOutline@2x.png"); }
4175 html[dir="rtl"] .pdfjs #viewOutline.toolbarButton::before {
4176 content: url("../images/pdf.js-viewer/toolbarButton-viewOutline-rtl@2x.png"); }
4177 .pdfjs #viewAttachments.toolbarButton::before {
4178 content: url("../images/pdf.js-viewer/toolbarButton-viewAttachments@2x.png"); }
4179 .pdfjs #viewFind.toolbarButton::before {
4180 content: url("../images/pdf.js-viewer/toolbarButton-search@2x.png"); }
4181 .pdfjs .secondaryToolbarButton.firstPage::before {
4182 content: url("../images/pdf.js-viewer/secondaryToolbarButton-firstPage@2x.png"); }
4183 .pdfjs .secondaryToolbarButton.lastPage::before {
4184 content: url("../images/pdf.js-viewer/secondaryToolbarButton-lastPage@2x.png"); }
4185 .pdfjs .secondaryToolbarButton.rotateCcw::before {
4186 content: url("../images/pdf.js-viewer/secondaryToolbarButton-rotateCcw@2x.png"); }
4187 .pdfjs .secondaryToolbarButton.rotateCw::before {
4188 content: url("../images/pdf.js-viewer/secondaryToolbarButton-rotateCw@2x.png"); }
4189 .pdfjs .secondaryToolbarButton.handTool::before {
4190 content: url("../images/pdf.js-viewer/secondaryToolbarButton-handTool@2x.png"); }
4191 .pdfjs .secondaryToolbarButton.documentProperties::before {
4192 content: url("../images/pdf.js-viewer/secondaryToolbarButton-documentProperties@2x.png"); } }
4193
4194 @media print {
4195 body {
4196 background: transparent none; }
4197 .pdfjs #sidebarContainer,
4198 .pdfjs #secondaryToolbar,
4199 .pdfjs .toolbar,
4200 .pdfjs #loadingBox,
4201 .pdfjs #errorWrapper,
4202 .pdfjs .textLayer {
4203 display: none; }
4204 .pdfjs #viewerContainer {
4205 overflow: visible; }
4206 .pdfjs #mainContainer,
4207 .pdfjs #viewerContainer,
4208 .pdfjs .page,
4209 .pdfjs .page canvas {
4210 position: static;
4211 padding: 0;
4212 margin: 0; }
4213 .pdfjs .page {
4214 float: left;
4215 display: none;
4216 border: none;
4217 box-shadow: none;
4218 background-clip: content-box;
4219 background-color: #fff; }
4220 .pdfjs .page[data-loaded] {
4221 display: block; }
4222 .pdfjs .fileInput {
4223 display: none; }
4224 body[data-mozPrintCallback] .pdfjs #outerContainer {
4225 display: none; }
4226 body[data-mozPrintCallback] .pdfjs #printContainer {
4227 display: block; }
4228 .pdfjs #printContainer > div {
4229 position: relative;
4230 top: 0;
4231 left: 0;
4232 overflow: hidden; }
4233 .pdfjs #printContainer canvas {
4234 display: block; } }
4235
4236 .pdfjs .visibleLargeView,
4237 .pdfjs .visibleMediumView,
4238 .pdfjs .visibleSmallView {
4239 display: none; }
4240
4241 @media all and (max-width: 960px) {
4242 html[dir='ltr'] .pdfjs #outerContainer.sidebarMoving .outerCenter,
4243 html[dir='ltr'] .pdfjs #outerContainer.sidebarOpen .outerCenter {
4244 float: left;
4245 left: 205px; }
4246 html[dir='rtl'] .pdfjs #outerContainer.sidebarMoving .outerCenter,
4247 html[dir='rtl'] .pdfjs #outerContainer.sidebarOpen .outerCenter {
4248 float: right;
4249 right: 205px; } }
4250
4251 @media all and (max-width: 900px) {
4252 .pdfjs .sidebarOpen .hiddenLargeView {
4253 display: none; }
4254 .pdfjs .sidebarOpen .visibleLargeView {
4255 display: inherit; } }
4256
4257 @media all and (max-width: 860px) {
4258 .pdfjs .sidebarOpen .hiddenMediumView {
4259 display: none; }
4260 .pdfjs .sidebarOpen .visibleMediumView {
4261 display: inherit; } }
4262
4263 @media all and (max-width: 770px) {
4264 .pdfjs #sidebarContainer {
4265 top: 32px;
4266 z-index: 100; }
4267 .pdfjs .loadingInProgress #sidebarContainer {
4268 top: 37px; }
4269 .pdfjs #sidebarContent {
4270 top: 32px;
4271 background-color: rgba(0, 0, 0, 0.7); }
4272 html[dir='ltr'] .pdfjs #outerContainer.sidebarOpen > #mainContainer {
4273 left: 0; }
4274 html[dir='rtl'] .pdfjs #outerContainer.sidebarOpen > #mainContainer {
4275 right: 0; }
4276 html[dir='ltr'] .pdfjs .outerCenter {
4277 float: left;
4278 left: 205px; }
4279 html[dir='rtl'] .pdfjs .outerCenter {
4280 float: right;
4281 right: 205px; }
4282 .pdfjs #outerContainer .hiddenLargeView,
4283 .pdfjs #outerContainer .hiddenMediumView {
4284 display: inherit; }
4285 .pdfjs #outerContainer .visibleLargeView,
4286 .pdfjs #outerContainer .visibleMediumView {
4287 display: none; } }
4288
4289 @media all and (max-width: 700px) {
4290 .pdfjs #outerContainer .hiddenLargeView {
4291 display: none; }
4292 .pdfjs #outerContainer .visibleLargeView {
4293 display: inherit; } }
4294
4295 @media all and (max-width: 660px) {
4296 .pdfjs #outerContainer .hiddenMediumView {
4297 display: none; }
4298 .pdfjs #outerContainer .visibleMediumView {
4299 display: inherit; } }
4300
4301 @media all and (max-width: 600px) {
4302 .pdfjs .hiddenSmallView {
4303 display: none; }
4304 .pdfjs .visibleSmallView {
4305 display: inherit; }
4306 html[dir='ltr'] .pdfjs #outerContainer.sidebarMoving .outerCenter,
4307 html[dir='ltr'] .pdfjs #outerContainer.sidebarOpen .outerCenter,
4308 html[dir='ltr'] .pdfjs .outerCenter {
4309 left: 156px; }
4310 html[dir='rtl'] .pdfjs #outerContainer.sidebarMoving .outerCenter,
4311 html[dir='rtl'] .pdfjs #outerContainer.sidebarOpen .outerCenter,
4312 html[dir='rtl'] .pdfjs .outerCenter {
4313 right: 156px; }
4314 .pdfjs .toolbarButtonSpacer {
4315 width: 0; } }
4316
4317 @media all and (max-width: 510px) {
4318 .pdfjs #scaleSelectContainer,
4319 .pdfjs #pageNumberLabel {
4320 display: none; } }
4321
4322 /* should be hidden differently */
4323 #fileInput.fileInput {
4324 display: none; }
4325
4326 .wvSplitpane {
4327 height: 100%;
4328 padding: 7px 2px 2px 2px;
4329 position: relative; }
4330
4331 .wvSplitpane__cell {
4332 display: inline-block;
4333 float: left;
4334 height: 100%;
4335 width: 100%;
4336 position: relative; }
4337
4338 .wvSplitpane__cellBorder, .wvSplitpane__cellBorder--selected, .wvSplitpane__cellBorder--blue, .wvSplitpane__cellBorder--red, .wvSplitpane__cellBorder--green, .wvSplitpane__cellBorder--yellow, .wvSplitpane__cellBorder--violet {
4339 display: inline-block;
4340 float: left;
4341 height: calc(100% - 2px);
4342 width: calc(100% - 2px);
4343 border: 2px dashed transparent;
4344 padding: 2px;
4345 margin: 1px; }
4346
4347 .wvSplitpane__cellBorder--selected {
4348 border: 2px solid rgba(51, 152, 219, 0.7); }
4349
4350 .wvSplitpane__cellBorder--blue {
4351 border-color: rgba(51, 152, 219, 0.7); }
4352
4353 .wvSplitpane__cellBorder--red {
4354 border-color: rgba(206, 0, 0, 0.7); }
4355
4356 .wvSplitpane__cellBorder--green {
4357 border-color: rgba(0, 160, 27, 0.7); }
4358
4359 .wvSplitpane__cellBorder--yellow {
4360 border-color: rgba(220, 200, 0, 0.9); }
4361
4362 .wvSplitpane__cellBorder--violet {
4363 border-color: rgba(255, 31, 255, 0.7); }
4364
4365 wv-pane-policy {
4366 display: block;
4367 width: 100%;
4368 height: 100%; }
4369 wv-pane-policy > div[ng-transclude] {
4370 display: block;
4371 width: 100%;
4372 height: 100%; }
4373
4374 .wv-timeline {
4375 position: relative;
4376 height: 2em; }
4377 .wv-timeline.reduced {
4378 height: 5px; }
4379 .wv-timeline.reduced .wv-timeline-loading-bar-wrapper {
4380 width: 100%;
4381 height: 100%; }
4382
4383 .wv-timeline-controls-wrapper {
4384 position: absolute;
4385 left: 0;
4386 bottom: 0;
4387 width: 16em;
4388 height: 100%;
4389 color: white; }
4390
4391 .wv-timeline-loading-bar-wrapper {
4392 position: absolute;
4393 right: 0;
4394 bottom: 0;
4395 width: calc(100% - 16em);
4396 height: calc(100% + 2px); }
4397 .wv-timeline-loading-bar-wrapper svg {
4398 position: absolute;
4399 left: 0;
4400 top: 0; }
4401
4402 /* wv-timeline-controls directive */
4403 .wv-timeline-controls {
4404 padding: 0.5em 0.5em 0.5em 0.5em;
4405 line-height: 1em;
4406 background-color: rgba(0, 0, 0, 0.66);
4407 text-align: center;
4408 transition: color 500ms, background-color 500ms; }
4409
4410 .wv-timeline-controls:hover {
4411 background-color: rgba(0, 0, 0, 0.9); }
4412
4413 .wv-timeline-controls-vertical-sizing {
4414 display: inline-block;
4415 line-height: 1em;
4416 font-size: 1em; }
4417
4418 .wv-timeline-controls-vflip:before, .wv-timeline-controls-vflip:after {
4419 transform: scaleX(-1);
4420 display: inline-block; }
4421
4422 .wv-timeline-controls-button {
4423 display: inline-block;
4424 height: 1em;
4425 width: 1em;
4426 line-height: 1em;
4427 font-size: 1em;
4428 margin: 0;
4429 user-select: none;
4430 cursor: pointer; }
4431
4432 .wv-timeline-controls-input {
4433 height: 1em;
4434 width: 3em;
4435 padding: 0;
4436 padding-bottom: 1px;
4437 box-sizing: content-box;
4438 border: none;
4439 border-bottom: 1px solid rgba(255, 202, 128, 0.24);
4440 background-color: transparent;
4441 text-align: right; }
4442
4443 .wv-timeline-controls-play-button-wrapper {
4444 float: right; }
4445
4446 /* wv-play-button directive */
4447 .wv-play-button {
4448 display: inline-block;
4449 position: relative;
4450 line-height: 1em;
4451 height: 3em;
4452 width: 6em;
4453 padding-bottom: 1em;
4454 padding-left: 0.25em;
4455 padding-right: 0.25em; }
4456
4457 .wv-play-button:hover .wv-play-button-config-position-handler {
4458 visibility: visible; }
4459
4460 .wv-play-button-config-position-handler {
4461 visibility: hidden;
4462 position: absolute;
4463 bottom: 3em;
4464 left: 1em;
4465 right: 0.5em; }
4466
4467 .wv-play-button-config {
4468 position: absolute;
4469 bottom: 0;
4470 left: -6em;
4471 width: 12em;
4472 padding: 1em;
4473 background-color: rgba(0, 0, 0, 0.5); }
4474
4475 /* Style range input (see http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html) */
4476 .wv-play-button-config-framerate-wrapper {
4477 display: inline-block;
4478 margin: 0.25em 0 0.5em 0; }
4479
4480 input[type="range"].wv-play-button-config-framerate {
4481 /*removes default webkit styles*/
4482 -webkit-appearance: none;
4483 /*fix for FF unable to apply focus style bug */
4484 border: 1px solid white;
4485 /*required for proper track sizing in FF*/
4486 width: 10em; }
4487
4488 input[type="range"].wv-play-button-config-framerate::-webkit-slider-runnable-track {
4489 width: 10em;
4490 height: 5px;
4491 background: #ddd;
4492 border: none;
4493 border-radius: 3px; }
4494
4495 input[type="range"].wv-play-button-config-framerate::-webkit-slider-thumb {
4496 -webkit-appearance: none;
4497 border: none;
4498 height: 16px;
4499 width: 16px;
4500 border-radius: 50%;
4501 background: goldenrod;
4502 margin-top: -4px; }
4503
4504 input[type="range"].wv-play-button-config-framerate:focus {
4505 outline: none; }
4506
4507 input[type="range"].wv-play-button-config-framerate:focus::-webkit-slider-runnable-track {
4508 background: #ccc; }
4509
4510 input[type="range"].wv-play-button-config-framerate::-moz-range-track {
4511 width: 10em;
4512 height: 5px;
4513 background: #ddd;
4514 border: none;
4515 border-radius: 3px; }
4516
4517 input[type="range"].wv-play-button-config-framerate::-moz-range-thumb {
4518 border: none;
4519 height: 16px;
4520 width: 16px;
4521 border-radius: 50%;
4522 background: goldenrod; }
4523
4524 /*hide the outline behind the border*/
4525 input[type="range"].wv-play-button-config-framerate:-moz-focusring {
4526 outline: 1px solid white;
4527 outline-offset: -1px; }
4528
4529 input[type="range"].wv-play-button-config-framerate::-ms-track {
4530 width: 10em;
4531 height: 5px;
4532 /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
4533 background: transparent;
4534 /*leave room for the larger thumb to overflow with a transparent border */
4535 border-color: transparent;
4536 border-width: 6px 0;
4537 /*remove default tick marks*/
4538 color: transparent; }
4539
4540 input[type="range"].wv-play-button-config-framerate::-ms-fill-lower {
4541 background: #777;
4542 border-radius: 10px; }
4543
4544 input[type="range"].wv-play-button-config-framerate::-ms-fill-upper {
4545 background: #ddd;
4546 border-radius: 10px; }
4547
4548 input[type="range"].wv-play-button-config-framerate::-ms-thumb {
4549 border: none;
4550 height: 16px;
4551 width: 16px;
4552 border-radius: 50%;
4553 background: goldenrod; }
4554
4555 input[type="range"].wv-play-button-config-framerate:focus::-ms-fill-lower {
4556 background: #888; }
4557
4558 input[type="range"].wv-play-button-config-framerate:focus::-ms-fill-upper {
4559 background: #ccc; }
4560
4561 .wv-loadingbar-image-bar {
4562 cursor: pointer; }
4563
4564 .wv-loadingbar-not-loaded {
4565 fill: rgba(255, 255, 255, 0.1); }
4566
4567 .wv-loadingbar-not-loaded, .wv-loadingbar-LOW-quality {
4568 transition: none; }
4569
4570 .wv-loadingbar-not-loaded:hover {
4571 fill: rgba(255, 255, 255, 0.2); }
4572
4573 .wv-loadingbar-LOSSLESS-quality, .wv-loadingbar-PIXELDATA-quality {
4574 fill: rgba(0, 255, 0, 0.7); }
4575
4576 .wv-loadingbar-LOSSLESS-quality:hover,
4577 .wv-loadingbar-LOSSLESS-quality.wv-loadingbar-active,
4578 .wv-loadingbar-PIXELDATA-quality:hover,
4579 .wv-loadingbar-PIXELDATA-quality.wv-loadingbar-active {
4580 fill: lime; }
4581
4582 .wv-loadingbar-LOW-quality {
4583 fill: rgba(255, 0, 0, 0.7); }
4584
4585 .wv-loadingbar-LOW-quality:hover, .wv-loadingbar-LOW-quality.wv-loadingbar-active {
4586 fill: red; }
4587
4588 .wv-loadingbar-MEDIUM-quality {
4589 fill: rgba(255, 95, 0, 0.7); }
4590
4591 .wv-loadingbar-MEDIUM-quality:hover, .wv-loadingbar-MEDIUM-quality.wv-loadingbar-active {
4592 fill: #ff5f00; }
4593
4594 .disclaimer {
4595 color: #E63F24;
4596 background-color: #303030;
4597 padding: 5px;
4598 text-align: center;
4599 font-weight: bold; }
4600
4601 .tbGroup {
4602 position: relative; }
4603
4604 .tbGroup__buttons--base, .tbGroup__buttons--bottom, .tbGroup__buttons--left {
4605 z-index: 5;
4606 background-color: black;
4607 position: absolute; }
4608
4609 .tbGroup__buttons--bottom {
4610 right: 0;
4611 display: block; }
4612
4613 .tbGroup__buttons--left {
4614 right: 100%;
4615 top: 0;
4616 display: block; }
4617
4618 .tbGroup__icon {
4619 display: block;
4620 position: absolute;
4621 bottom: 0;
4622 left: 0;
4623 width: 0;
4624 height: 0;
4625 border-style: solid;
4626 border-width: 10px 0 0 10px;
4627 border-color: transparent transparent transparent rgba(255, 255, 255, 0.1); }
4628 .tbGroup__icon.active {
4629 border-color: transparent transparent transparent #3498db; }
4630
4631 wv-viewport {
4632 display: inline-block;
4633 width: 100%;
4634 height: 100%; }
4635 wv-viewport > div {
4636 position: relative;
4637 width: 100%;
4638 height: 100%; }
4639 wv-viewport > div > .wv-cornerstone-enabled-image {
4640 width: 100%;
4641 height: 100%;
4642 text-align: center; }
4643
4644 .wv-draggable-clone {
4645 width: 150px;
4646 height: 150px;
4647 background-color: rgba(255, 255, 255, 0.25); }
4648
4649 @media print {
4650 .wvPrintExclude {
4651 display: none; }
4652 .wvPrintFullPage {
4653 width: 100% !important;
4654 height: 100% !important;
4655 position: absolute !important;
4656 top: 0 !important;
4657 left: 0 !important;
4658 display: block !important; }
4659 .wvLayout__main {
4660 top: 0 !important;
4661 right: 0 !important;
4662 left: 0 !important;
4663 bottom: 0 !important; }
4664 .wvPrintViewer {
4665 width: 100%;
4666 height: 100%;
4667 display: flex;
4668 align-items: center;
4669 justify-content: center; }
4670 .wvPrintViewer canvas {
4671 max-width: 100% !important;
4672 max-height: 100% !important;
4673 margin: auto; }
4674 .wv-overlay-topleft, .wv-overlay-topleft *, .wv-overlay-topright, .wv-overlay-topright *, .wv-overlay-bottomright, .wv-overlay-bottomright *, .wv-overlay-bottomleft, .wv-overlay-bottomleft * {
4675 background-color: black !important;
4676 -webkit-print-color-adjust: exact !important;
4677 color-adjust: exact !important;
4678 color: orange !important; }
4679 .tooltip {
4680 display: none !important; }
4681 body {
4682 margin: 0;
4683 padding: 0;
4684 position: relative;
4685 width: 8.5in;
4686 height: 11in; }
4687 body, body * {
4688 background-color: black !important;
4689 -webkit-print-color-adjust: exact !important; } }
4690
4691 .closePrintButton {
4692 display: none; }
4693
4694 body.print .wvPrintExclude {
4695 display: none; }
4696
4697 body.print .wvPrintFullPage {
4698 width: 100% !important;
4699 height: 100% !important;
4700 position: absolute !important;
4701 top: 0 !important;
4702 left: 0 !important;
4703 display: block !important; }
4704
4705 body.print .wvLayout__main {
4706 top: 0 !important;
4707 right: 0 !important;
4708 left: 0 !important;
4709 bottom: 0 !important; }
4710
4711 body.print .wvPrintViewer {
4712 width: 100%;
4713 height: 100%;
4714 display: flex;
4715 align-items: center;
4716 justify-content: center; }
4717
4718 body.print .wvPrintViewer canvas {
4719 max-width: 100% !important;
4720 max-height: 100% !important;
4721 margin: auto; }
4722
4723 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 * {
4724 background-color: black !important;
4725 -webkit-print-color-adjust: exact !important;
4726 color-adjust: exact !important;
4727 color: orange !important; }
4728
4729 body.print .tooltip {
4730 display: none !important; }
4731
4732 body.print body {
4733 margin: 0;
4734 padding: 0;
4735 position: relative;
4736 width: 8.5in;
4737 height: 11in; }
4738 body.print body, body.print body * {
4739 background-color: black !important;
4740 -webkit-print-color-adjust: exact !important; }
4741
4742 @media screen {
4743 body.print .closePrintButton {
4744 display: block;
4745 position: fixed;
4746 top: 0;
4747 right: 0;
4748 padding: 10px;
4749 font-size: 24px;
4750 background-color: black;
4751 color: white;
4752 border: none; } }