1/* Copyright 2014 Mozilla Foundation
2 *
3 * Licensed under the Apache License, Version 2.0 (the "License");
4 * you may not use this file except in compliance with the License.
5 * You may obtain a copy of the License at
6 *
7 *     http://www.apache.org/licenses/LICENSE-2.0
8 *
9 * Unless required by applicable law or agreed to in writing, software
10 * distributed under the License is distributed on an "AS IS" BASIS,
11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 * See the License for the specific language governing permissions and
13 * limitations under the License.
14 */
15
16.textLayer {
17  position: absolute;
18  left: 0;
19  top: 0;
20  right: 0;
21  bottom: 0;
22  overflow: hidden;
23  opacity: 0.2;
24  line-height: 1.0;
25}
26
27.textLayer > span {
28  color: transparent;
29  position: absolute;
30  white-space: pre;
31  cursor: text;
32  -webkit-transform-origin: 0% 0%;
33          transform-origin: 0% 0%;
34}
35
36.textLayer .highlight {
37  margin: -1px;
38  padding: 1px;
39
40  background-color: rgb(180, 0, 170);
41  border-radius: 4px;
42}
43
44.textLayer .highlight.begin {
45  border-radius: 4px 0px 0px 4px;
46}
47
48.textLayer .highlight.end {
49  border-radius: 0px 4px 4px 0px;
50}
51
52.textLayer .highlight.middle {
53  border-radius: 0px;
54}
55
56.textLayer .highlight.selected {
57  background-color: rgb(0, 100, 0);
58}
59
60.textLayer ::-moz-selection { background: rgb(0,0,255); }
61
62.textLayer ::selection { background: rgb(0,0,255); }
63
64.textLayer .endOfContent {
65  display: block;
66  position: absolute;
67  left: 0px;
68  top: 100%;
69  right: 0px;
70  bottom: 0px;
71  z-index: -1;
72  cursor: default;
73  -webkit-user-select: none;
74     -moz-user-select: none;
75      -ms-user-select: none;
76          user-select: none;
77}
78
79.textLayer .endOfContent.active {
80  top: 0px;
81}
82
83
84.annotationLayer section {
85  position: absolute;
86}
87
88.annotationLayer .linkAnnotation > a,
89.annotationLayer .buttonWidgetAnnotation.pushButton > a {
90  position: absolute;
91  font-size: 1em;
92  top: 0;
93  left: 0;
94  width: 100%;
95  height: 100%;
96}
97
98.annotationLayer .linkAnnotation > a:hover,
99.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
100  opacity: 0.2;
101  background: #ff0;
102  box-shadow: 0px 2px 10px #ff0;
103}
104
105.annotationLayer .textAnnotation img {
106  position: absolute;
107  cursor: pointer;
108}
109
110.annotationLayer .textWidgetAnnotation input,
111.annotationLayer .textWidgetAnnotation textarea,
112.annotationLayer .choiceWidgetAnnotation select,
113.annotationLayer .buttonWidgetAnnotation.checkBox input,
114.annotationLayer .buttonWidgetAnnotation.radioButton input {
115  background-color: rgba(0, 54, 255, 0.13);
116  border: 1px solid transparent;
117  box-sizing: border-box;
118  font-size: 9px;
119  height: 100%;
120  margin: 0;
121  padding: 0 3px;
122  vertical-align: top;
123  width: 100%;
124}
125
126.annotationLayer .choiceWidgetAnnotation select option {
127  padding: 0;
128}
129
130.annotationLayer .buttonWidgetAnnotation.radioButton input {
131  border-radius: 50%;
132}
133
134.annotationLayer .textWidgetAnnotation textarea {
135  font: message-box;
136  font-size: 9px;
137  resize: none;
138}
139
140.annotationLayer .textWidgetAnnotation input[disabled],
141.annotationLayer .textWidgetAnnotation textarea[disabled],
142.annotationLayer .choiceWidgetAnnotation select[disabled],
143.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
144.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
145  background: none;
146  border: 1px solid transparent;
147  cursor: not-allowed;
148}
149
150.annotationLayer .textWidgetAnnotation input:hover,
151.annotationLayer .textWidgetAnnotation textarea:hover,
152.annotationLayer .choiceWidgetAnnotation select:hover,
153.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
154.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
155  border: 1px solid #000;
156}
157
158.annotationLayer .textWidgetAnnotation input:focus,
159.annotationLayer .textWidgetAnnotation textarea:focus,
160.annotationLayer .choiceWidgetAnnotation select:focus {
161  background: none;
162  border: 1px solid transparent;
163}
164
165.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
166.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
167.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
168  background-color: #000;
169  content: '';
170  display: block;
171  position: absolute;
172}
173
174.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
175.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
176  height: 80%;
177  left: 45%;
178  width: 1px;
179}
180
181.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
182  -webkit-transform: rotate(45deg);
183          transform: rotate(45deg);
184}
185
186.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
187  -webkit-transform: rotate(-45deg);
188          transform: rotate(-45deg);
189}
190
191.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
192  border-radius: 50%;
193  height: 50%;
194  left: 30%;
195  top: 20%;
196  width: 50%;
197}
198
199.annotationLayer .textWidgetAnnotation input.comb {
200  font-family: monospace;
201  padding-left: 2px;
202  padding-right: 0;
203}
204
205.annotationLayer .textWidgetAnnotation input.comb:focus {
206  /*
207   * Letter spacing is placed on the right side of each character. Hence, the
208   * letter spacing of the last character may be placed outside the visible
209   * area, causing horizontal scrolling. We avoid this by extending the width
210   * when the element has focus and revert this when it loses focus.
211   */
212  width: 115%;
213}
214
215.annotationLayer .buttonWidgetAnnotation.checkBox input,
216.annotationLayer .buttonWidgetAnnotation.radioButton input {
217  -webkit-appearance: none;
218     -moz-appearance: none;
219          appearance: none;
220  padding: 0;
221}
222
223.annotationLayer .popupWrapper {
224  position: absolute;
225  width: 20em;
226}
227
228.annotationLayer .popup {
229  position: absolute;
230  z-index: 200;
231  max-width: 20em;
232  background-color: #FFFF99;
233  box-shadow: 0px 2px 5px #888;
234  border-radius: 2px;
235  padding: 6px;
236  margin-left: 5px;
237  cursor: pointer;
238  font: message-box;
239  font-size: 9px;
240  word-wrap: break-word;
241}
242
243.annotationLayer .popup > * {
244  font-size: 9px;
245}
246
247.annotationLayer .popup h1 {
248  display: inline-block;
249}
250
251.annotationLayer .popup span {
252  display: inline-block;
253  margin-left: 5px;
254}
255
256.annotationLayer .popup p {
257  border-top: 1px solid #333;
258  margin-top: 2px;
259  padding-top: 2px;
260}
261
262.annotationLayer .highlightAnnotation,
263.annotationLayer .underlineAnnotation,
264.annotationLayer .squigglyAnnotation,
265.annotationLayer .strikeoutAnnotation,
266.annotationLayer .freeTextAnnotation,
267.annotationLayer .lineAnnotation svg line,
268.annotationLayer .squareAnnotation svg rect,
269.annotationLayer .circleAnnotation svg ellipse,
270.annotationLayer .polylineAnnotation svg polyline,
271.annotationLayer .polygonAnnotation svg polygon,
272.annotationLayer .caretAnnotation,
273.annotationLayer .inkAnnotation svg polyline,
274.annotationLayer .stampAnnotation,
275.annotationLayer .fileAttachmentAnnotation {
276  cursor: pointer;
277}
278
279.pdfViewer .canvasWrapper {
280  overflow: hidden;
281}
282
283.pdfViewer .page {
284  direction: ltr;
285  width: 816px;
286  height: 1056px;
287  margin: 1px auto -8px auto;
288  position: relative;
289  overflow: visible;
290  border: 9px solid transparent;
291  background-clip: content-box;
292  -webkit-border-image: url(images/shadow.png) 9 9 repeat;
293       -o-border-image: url(images/shadow.png) 9 9 repeat;
294          border-image: url(images/shadow.png) 9 9 repeat;
295  background-color: white;
296}
297
298.pdfViewer.removePageBorders .page {
299  margin: 0px auto 10px auto;
300  border: none;
301}
302
303.pdfViewer.singlePageView {
304  display: inline-block;
305}
306
307.pdfViewer.singlePageView .page {
308  margin: 0;
309  border: none;
310}
311
312.pdfViewer.scrollHorizontal, .pdfViewer.scrollWrapped, .spread {
313  margin-left: 3.5px;
314  margin-right: 3.5px;
315  text-align: center;
316}
317
318.pdfViewer.scrollHorizontal, .spread {
319  white-space: nowrap;
320}
321
322.pdfViewer.removePageBorders,
323.pdfViewer.scrollHorizontal .spread,
324.pdfViewer.scrollWrapped .spread {
325  margin-left: 0;
326  margin-right: 0;
327}
328
329.spread .page,
330.pdfViewer.scrollHorizontal .page,
331.pdfViewer.scrollWrapped .page,
332.pdfViewer.scrollHorizontal .spread,
333.pdfViewer.scrollWrapped .spread {
334  display: inline-block;
335  vertical-align: middle;
336}
337
338.spread .page,
339.pdfViewer.scrollHorizontal .page,
340.pdfViewer.scrollWrapped .page {
341  margin-left: -3.5px;
342  margin-right: -3.5px;
343}
344
345.pdfViewer.removePageBorders .spread .page,
346.pdfViewer.removePageBorders.scrollHorizontal .page,
347.pdfViewer.removePageBorders.scrollWrapped .page {
348  margin-left: 5px;
349  margin-right: 5px;
350}
351
352.pdfViewer .page canvas {
353  margin: 0;
354  display: block;
355}
356
357.pdfViewer .page canvas[hidden] {
358  display: none;
359}
360
361.pdfViewer .page .loadingIcon {
362  position: absolute;
363  display: block;
364  left: 0;
365  top: 0;
366  right: 0;
367  bottom: 0;
368  background: url('images/loading-icon.gif') center no-repeat;
369}
370
371.pdfPresentationMode .pdfViewer {
372  margin-left: 0;
373  margin-right: 0;
374}
375
376.pdfPresentationMode .pdfViewer .page,
377.pdfPresentationMode .pdfViewer .spread {
378  display: block;
379}
380
381.pdfPresentationMode .pdfViewer .page,
382.pdfPresentationMode .pdfViewer.removePageBorders .page {
383  margin-left: auto;
384  margin-right: auto;
385}
386
387.pdfPresentationMode:-ms-fullscreen .pdfViewer .page {
388  margin-bottom: 100% !important;
389}
390
391.pdfPresentationMode:-webkit-full-screen .pdfViewer .page {
392  margin-bottom: 100%;
393  border: 0;
394}
395
396.pdfPresentationMode:-moz-full-screen .pdfViewer .page {
397  margin-bottom: 100%;
398  border: 0;
399}
400
401.pdfPresentationMode:fullscreen .pdfViewer .page {
402  margin-bottom: 100%;
403  border: 0;
404}
405
406:root {
407  --sidebar-width: 200px;
408}
409
410* {
411  padding: 0;
412  margin: 0;
413}
414
415html {
416  height: 100%;
417  width: 100%;
418  /* Font size is needed to make the activity bar the correct size. */
419  font-size: 10px;
420}
421
422body {
423  height: 100%;
424  width: 100%;
425  background-color: #404040;
426  background-image: url(images/texture.png);
427}
428
429body,
430input,
431button,
432select {
433  font: message-box;
434  outline: none;
435}
436
437.hidden {
438  display: none !important;
439}
440[hidden] {
441  display: none !important;
442}
443
444#viewerContainer.pdfPresentationMode:-ms-fullscreen {
445  top: 0px !important;
446  overflow: hidden !important;
447}
448
449#viewerContainer.pdfPresentationMode:-ms-fullscreen::-ms-backdrop {
450  background-color: #000;
451}
452
453#viewerContainer.pdfPresentationMode:-webkit-full-screen {
454  top: 0px;
455  border-top: 2px solid transparent;
456  background-color: #000;
457  width: 100%;
458  height: 100%;
459  overflow: hidden;
460  cursor: none;
461  -webkit-user-select: none;
462          user-select: none;
463}
464
465#viewerContainer.pdfPresentationMode:-moz-full-screen {
466  top: 0px;
467  border-top: 2px solid transparent;
468  background-color: #000;
469  width: 100%;
470  height: 100%;
471  overflow: hidden;
472  cursor: none;
473  -moz-user-select: none;
474       user-select: none;
475}
476
477#viewerContainer.pdfPresentationMode:-ms-fullscreen {
478  top: 0px;
479  border-top: 2px solid transparent;
480  background-color: #000;
481  width: 100%;
482  height: 100%;
483  overflow: hidden;
484  cursor: none;
485  -ms-user-select: none;
486      user-select: none;
487}
488
489#viewerContainer.pdfPresentationMode:fullscreen {
490  top: 0px;
491  border-top: 2px solid transparent;
492  background-color: #000;
493  width: 100%;
494  height: 100%;
495  overflow: hidden;
496  cursor: none;
497  -webkit-user-select: none;
498     -moz-user-select: none;
499      -ms-user-select: none;
500          user-select: none;
501}
502
503.pdfPresentationMode:-webkit-full-screen a:not(.internalLink) {
504  display: none;
505}
506
507.pdfPresentationMode:-moz-full-screen a:not(.internalLink) {
508  display: none;
509}
510
511.pdfPresentationMode:-ms-fullscreen a:not(.internalLink) {
512  display: none;
513}
514
515.pdfPresentationMode:fullscreen a:not(.internalLink) {
516  display: none;
517}
518
519.pdfPresentationMode:-webkit-full-screen .textLayer > span {
520  cursor: none;
521}
522
523.pdfPresentationMode:-moz-full-screen .textLayer > span {
524  cursor: none;
525}
526
527.pdfPresentationMode:-ms-fullscreen .textLayer > span {
528  cursor: none;
529}
530
531.pdfPresentationMode:fullscreen .textLayer > span {
532  cursor: none;
533}
534
535.pdfPresentationMode.pdfPresentationModeControls > *,
536.pdfPresentationMode.pdfPresentationModeControls .textLayer > span {
537  cursor: default;
538}
539
540#outerContainer {
541  width: 100%;
542  height: 100%;
543  position: relative;
544}
545
546#sidebarContainer {
547  position: absolute;
548  top: 32px;
549  bottom: 0;
550  width: 200px; /* Here, and elsewhere below, keep the constant value for compatibility
551                   with older browsers that lack support for CSS variables. */
552  width: var(--sidebar-width);
553  visibility: hidden;
554  z-index: 100;
555  border-top: 1px solid #333;
556
557  -webkit-transition-duration: 200ms;
558
559          transition-duration: 200ms;
560  -webkit-transition-timing-function: ease;
561          transition-timing-function: ease;
562}
563html[dir='ltr'] #sidebarContainer {
564  -webkit-transition-property: left;
565  transition-property: left;
566  left: -200px;
567  left: calc(-1 * var(--sidebar-width));
568}
569html[dir='rtl'] #sidebarContainer {
570  -webkit-transition-property: right;
571  transition-property: right;
572  right: -200px;
573  right: calc(-1 * var(--sidebar-width));
574}
575
576.loadingInProgress #sidebarContainer {
577  top: 36px;
578}
579
580#outerContainer.sidebarResizing #sidebarContainer {
581  /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
582  -webkit-transition-duration: 0s;
583          transition-duration: 0s;
584  /* Prevent e.g. the thumbnails being selected when the sidebar is resized. */
585  -webkit-user-select: none;
586     -moz-user-select: none;
587      -ms-user-select: none;
588          user-select: none;
589}
590
591#outerContainer.sidebarMoving #sidebarContainer,
592#outerContainer.sidebarOpen #sidebarContainer {
593  visibility: visible;
594}
595html[dir='ltr'] #outerContainer.sidebarOpen #sidebarContainer {
596  left: 0px;
597}
598html[dir='rtl'] #outerContainer.sidebarOpen #sidebarContainer {
599  right: 0px;
600}
601
602#mainContainer {
603  position: absolute;
604  top: 0;
605  right: 0;
606  bottom: 0;
607  left: 0;
608  min-width: 320px;
609}
610
611#sidebarContent {
612  top: 32px;
613  bottom: 0;
614  overflow: auto;
615  -webkit-overflow-scrolling: touch;
616  position: absolute;
617  width: 100%;
618  background-color: hsla(0,0%,0%,.1);
619}
620html[dir='ltr'] #sidebarContent {
621  left: 0;
622  box-shadow: inset -1px 0 0 hsla(0,0%,0%,.25);
623}
624html[dir='rtl'] #sidebarContent {
625  right: 0;
626  box-shadow: inset 1px 0 0 hsla(0,0%,0%,.25);
627}
628
629#viewerContainer {
630  overflow: auto;
631  -webkit-overflow-scrolling: touch;
632  position: absolute;
633  top: 32px;
634  right: 0;
635  bottom: 0;
636  left: 0;
637  outline: none;
638}
639#viewerContainer:not(.pdfPresentationMode) {
640  -webkit-transition-duration: 200ms;
641          transition-duration: 200ms;
642  -webkit-transition-timing-function: ease;
643          transition-timing-function: ease;
644}
645html[dir='ltr'] #viewerContainer {
646  box-shadow: inset 1px 0 0 hsla(0,0%,100%,.05);
647}
648html[dir='rtl'] #viewerContainer {
649  box-shadow: inset -1px 0 0 hsla(0,0%,100%,.05);
650}
651
652#outerContainer.sidebarResizing #viewerContainer {
653  /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
654  -webkit-transition-duration: 0s;
655          transition-duration: 0s;
656}
657
658html[dir='ltr'] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
659  -webkit-transition-property: left;
660  transition-property: left;
661  left: 200px;
662  left: var(--sidebar-width);
663}
664html[dir='rtl'] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
665  -webkit-transition-property: right;
666  transition-property: right;
667  right: 200px;
668  right: var(--sidebar-width);
669}
670
671.toolbar {
672  position: relative;
673  left: 0;
674  right: 0;
675  z-index: 9999;
676  cursor: default;
677}
678
679#toolbarContainer {
680  width: 100%;
681}
682
683#toolbarSidebar {
684  width: 100%;
685  height: 32px;
686  background-color: #424242; /* fallback */
687  background-image: url(images/texture.png),
688                    -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,30%,.99)), to(hsla(0,0%,25%,.95)));
689  background-image: url(images/texture.png),
690                    linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95));
691}
692html[dir='ltr'] #toolbarSidebar {
693  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25),
694              inset 0 -1px 0 hsla(0,0%,100%,.05),
695              0 1px 0 hsla(0,0%,0%,.15),
696              0 0 1px hsla(0,0%,0%,.1);
697}
698html[dir='rtl'] #toolbarSidebar {
699  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25),
700              inset 0 1px 0 hsla(0,0%,100%,.05),
701              0 1px 0 hsla(0,0%,0%,.15),
702              0 0 1px hsla(0,0%,0%,.1);
703}
704
705#sidebarResizer {
706  position: absolute;
707  top: 0;
708  bottom: 0;
709  width: 6px;
710  z-index: 200;
711  cursor: ew-resize;
712}
713html[dir='ltr'] #sidebarResizer {
714  right: -6px;
715}
716html[dir='rtl'] #sidebarResizer {
717  left: -6px;
718}
719
720#toolbarContainer, .findbar, .secondaryToolbar {
721  position: relative;
722  height: 32px;
723  background-color: #474747; /* fallback */
724  background-image: url(images/texture.png),
725                    -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,32%,.99)), to(hsla(0,0%,27%,.95)));
726  background-image: url(images/texture.png),
727                    linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
728}
729html[dir='ltr'] #toolbarContainer, .findbar, .secondaryToolbar {
730  box-shadow: inset 0 1px 1px hsla(0,0%,0%,.15),
731              inset 0 -1px 0 hsla(0,0%,100%,.05),
732              0 1px 0 hsla(0,0%,0%,.15),
733              0 1px 1px hsla(0,0%,0%,.1);
734}
735html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar {
736  box-shadow: inset 0 1px 1px hsla(0,0%,0%,.15),
737              inset 0 -1px 0 hsla(0,0%,100%,.05),
738              0 1px 0 hsla(0,0%,0%,.15),
739              0 1px 1px hsla(0,0%,0%,.1);
740}
741
742#toolbarViewer {
743  height: 32px;
744}
745
746#loadingBar {
747  position: relative;
748  width: 100%;
749  height: 4px;
750  background-color: #333;
751  border-bottom: 1px solid #333;
752}
753
754#loadingBar .progress {
755  position: absolute;
756  top: 0;
757  left: 0;
758  width: 0%;
759  height: 100%;
760  background-color: #ddd;
761  overflow: hidden;
762  -webkit-transition: width 200ms;
763  transition: width 200ms;
764}
765
766@-webkit-keyframes progressIndeterminate {
767  0% { left: -142px; }
768  100% { left: 0; }
769}
770
771@keyframes progressIndeterminate {
772  0% { left: -142px; }
773  100% { left: 0; }
774}
775
776#loadingBar .progress.indeterminate {
777  background-color: #999;
778  -webkit-transition: none;
779  transition: none;
780}
781
782#loadingBar .progress.indeterminate .glimmer {
783  position: absolute;
784  top: 0;
785  left: 0;
786  height: 100%;
787  width: calc(100% + 150px);
788
789  background: repeating-linear-gradient(135deg,
790                                        #bbb 0, #999 5px,
791                                        #999 45px, #ddd 55px,
792                                        #ddd 95px, #bbb 100px);
793
794  -webkit-animation: progressIndeterminate 950ms linear infinite;
795
796          animation: progressIndeterminate 950ms linear infinite;
797}
798
799.findbar, .secondaryToolbar {
800  top: 32px;
801  position: absolute;
802  z-index: 10000;
803  height: auto;
804  min-width: 16px;
805  padding: 0px 6px 0px 6px;
806  margin: 4px 2px 4px 2px;
807  color: hsl(0,0%,85%);
808  font-size: 12px;
809  line-height: 14px;
810  text-align: left;
811  cursor: default;
812}
813
814.findbar {
815  min-width: 300px;
816}
817.findbar > div {
818  height: 32px;
819}
820.findbar.wrapContainers > div {
821  clear: both;
822}
823.findbar.wrapContainers > div#findbarMessageContainer {
824  height: auto;
825}
826html[dir='ltr'] .findbar {
827  left: 68px;
828}
829html[dir='rtl'] .findbar {
830  right: 68px;
831}
832
833.findbar label {
834  -webkit-user-select: none;
835     -moz-user-select: none;
836      -ms-user-select: none;
837          user-select: none;
838}
839
840#findInput {
841  width: 200px;
842}
843#findInput::-webkit-input-placeholder {
844  color: hsl(0, 0%, 75%);
845}
846#findInput::-moz-placeholder {
847  font-style: italic;
848}
849#findInput:-ms-input-placeholder {
850  font-style: italic;
851}
852#findInput::-ms-input-placeholder {
853  font-style: italic;
854}
855#findInput::placeholder {
856  font-style: italic;
857}
858#findInput[data-status="pending"] {
859  background-image: url(images/loading-small.png);
860  background-repeat: no-repeat;
861  background-position: right;
862}
863html[dir='rtl'] #findInput[data-status="pending"] {
864  background-position: left;
865}
866
867.secondaryToolbar {
868  padding: 6px;
869  height: auto;
870  z-index: 30000;
871}
872html[dir='ltr'] .secondaryToolbar {
873  right: 4px;
874}
875html[dir='rtl'] .secondaryToolbar {
876  left: 4px;
877}
878
879#secondaryToolbarButtonContainer {
880  max-width: 200px;
881  max-height: 400px;
882  overflow-y: auto;
883  -webkit-overflow-scrolling: touch;
884  margin-bottom: -4px;
885}
886
887#secondaryToolbarButtonContainer.hiddenScrollModeButtons > .scrollModeButtons,
888#secondaryToolbarButtonContainer.hiddenSpreadModeButtons > .spreadModeButtons {
889  display: none !important;
890}
891
892.doorHanger,
893.doorHangerRight {
894  border: 1px solid hsla(0,0%,0%,.5);
895  border-radius: 2px;
896  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
897}
898.doorHanger:after, .doorHanger:before,
899.doorHangerRight:after, .doorHangerRight:before {
900  bottom: 100%;
901  border: solid transparent;
902  content: " ";
903  height: 0;
904  width: 0;
905  position: absolute;
906  pointer-events: none;
907}
908.doorHanger:after,
909.doorHangerRight:after {
910  border-bottom-color: hsla(0,0%,32%,.99);
911  border-width: 8px;
912}
913.doorHanger:before,
914.doorHangerRight:before {
915  border-bottom-color: hsla(0,0%,0%,.5);
916  border-width: 9px;
917}
918
919html[dir='ltr'] .doorHanger:after,
920html[dir='rtl'] .doorHangerRight:after {
921  left: 13px;
922  margin-left: -8px;
923}
924
925html[dir='ltr'] .doorHanger:before,
926html[dir='rtl'] .doorHangerRight:before {
927  left: 13px;
928  margin-left: -9px;
929}
930
931html[dir='rtl'] .doorHanger:after,
932html[dir='ltr'] .doorHangerRight:after {
933  right: 13px;
934  margin-right: -8px;
935}
936
937html[dir='rtl'] .doorHanger:before,
938html[dir='ltr'] .doorHangerRight:before {
939  right: 13px;
940  margin-right: -9px;
941}
942
943#findResultsCount {
944  background-color: hsl(0, 0%, 85%);
945  color: hsl(0, 0%, 32%);
946  text-align: center;
947  padding: 3px 4px;
948}
949
950#findMsg {
951  font-style: italic;
952  color: #A6B7D0;
953}
954#findMsg:empty {
955  display: none;
956}
957
958#findInput.notFound {
959  background-color: rgb(255, 102, 102);
960}
961
962#toolbarViewerMiddle {
963  position: absolute;
964  left: 50%;
965  -webkit-transform: translateX(-50%);
966          transform: translateX(-50%);
967}
968
969html[dir='ltr'] #toolbarViewerLeft,
970html[dir='rtl'] #toolbarViewerRight {
971  float: left;
972}
973html[dir='ltr'] #toolbarViewerRight,
974html[dir='rtl'] #toolbarViewerLeft {
975  float: right;
976}
977html[dir='ltr'] #toolbarViewerLeft > *,
978html[dir='ltr'] #toolbarViewerMiddle > *,
979html[dir='ltr'] #toolbarViewerRight > *,
980html[dir='ltr'] .findbar * {
981  position: relative;
982  float: left;
983}
984html[dir='rtl'] #toolbarViewerLeft > *,
985html[dir='rtl'] #toolbarViewerMiddle > *,
986html[dir='rtl'] #toolbarViewerRight > *,
987html[dir='rtl'] .findbar * {
988  position: relative;
989  float: right;
990}
991
992html[dir='ltr'] .splitToolbarButton {
993  margin: 3px 2px 4px 0;
994  display: inline-block;
995}
996html[dir='rtl'] .splitToolbarButton {
997  margin: 3px 0 4px 2px;
998  display: inline-block;
999}
1000html[dir='ltr'] .splitToolbarButton > .toolbarButton {
1001  border-radius: 0;
1002  float: left;
1003}
1004html[dir='rtl'] .splitToolbarButton > .toolbarButton {
1005  border-radius: 0;
1006  float: right;
1007}
1008
1009.toolbarButton,
1010.secondaryToolbarButton,
1011.overlayButton {
1012  border: 0 none;
1013  background: none;
1014  width: 32px;
1015  height: 25px;
1016}
1017
1018.toolbarButton > span {
1019  display: inline-block;
1020  width: 0;
1021  height: 0;
1022  overflow: hidden;
1023}
1024
1025.toolbarButton[disabled],
1026.secondaryToolbarButton[disabled],
1027.overlayButton[disabled] {
1028  opacity: .5;
1029}
1030
1031.splitToolbarButton.toggled .toolbarButton {
1032  margin: 0;
1033}
1034
1035.splitToolbarButton:hover > .toolbarButton,
1036.splitToolbarButton:focus > .toolbarButton,
1037.splitToolbarButton.toggled > .toolbarButton,
1038.toolbarButton.textButton {
1039  background-color: hsla(0,0%,0%,.12);
1040  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,.05)), to(hsla(0,0%,100%,0)));
1041  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1042  background-clip: padding-box;
1043  border: 1px solid hsla(0,0%,0%,.35);
1044  border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
1045  box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1046              0 0 1px hsla(0,0%,100%,.15) inset,
1047              0 1px 0 hsla(0,0%,100%,.05);
1048  -webkit-transition-property: background-color, border-color, box-shadow;
1049  transition-property: background-color, border-color, box-shadow;
1050  -webkit-transition-duration: 150ms;
1051          transition-duration: 150ms;
1052  -webkit-transition-timing-function: ease;
1053          transition-timing-function: ease;
1054
1055}
1056.splitToolbarButton > .toolbarButton:hover,
1057.splitToolbarButton > .toolbarButton:focus,
1058.dropdownToolbarButton:hover,
1059.overlayButton:hover,
1060.overlayButton:focus,
1061.toolbarButton.textButton:hover,
1062.toolbarButton.textButton:focus {
1063  background-color: hsla(0,0%,0%,.2);
1064  box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1065              0 0 1px hsla(0,0%,100%,.15) inset,
1066              0 0 1px hsla(0,0%,0%,.05);
1067  z-index: 199;
1068}
1069.splitToolbarButton > .toolbarButton {
1070  position: relative;
1071}
1072html[dir='ltr'] .splitToolbarButton > .toolbarButton:first-child,
1073html[dir='rtl'] .splitToolbarButton > .toolbarButton:last-child {
1074  position: relative;
1075  margin: 0;
1076  margin-right: -1px;
1077  border-top-left-radius: 2px;
1078  border-bottom-left-radius: 2px;
1079  border-right-color: transparent;
1080}
1081html[dir='ltr'] .splitToolbarButton > .toolbarButton:last-child,
1082html[dir='rtl'] .splitToolbarButton > .toolbarButton:first-child {
1083  position: relative;
1084  margin: 0;
1085  margin-left: -1px;
1086  border-top-right-radius: 2px;
1087  border-bottom-right-radius: 2px;
1088  border-left-color: transparent;
1089}
1090.splitToolbarButtonSeparator {
1091  padding: 8px 0;
1092  width: 1px;
1093  background-color: hsla(0,0%,0%,.5);
1094  z-index: 99;
1095  box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
1096  display: inline-block;
1097  margin: 5px 0;
1098}
1099html[dir='ltr'] .splitToolbarButtonSeparator {
1100  float: left;
1101}
1102html[dir='rtl'] .splitToolbarButtonSeparator {
1103  float: right;
1104}
1105.splitToolbarButton:hover > .splitToolbarButtonSeparator,
1106.splitToolbarButton.toggled > .splitToolbarButtonSeparator {
1107  padding: 12px 0;
1108  margin: 1px 0;
1109  box-shadow: 0 0 0 1px hsla(0,0%,100%,.03);
1110  -webkit-transition-property: padding;
1111  transition-property: padding;
1112  -webkit-transition-duration: 10ms;
1113          transition-duration: 10ms;
1114  -webkit-transition-timing-function: ease;
1115          transition-timing-function: ease;
1116}
1117
1118.toolbarButton,
1119.dropdownToolbarButton,
1120.secondaryToolbarButton,
1121.overlayButton {
1122  min-width: 16px;
1123  padding: 2px 6px 0;
1124  border: 1px solid transparent;
1125  border-radius: 2px;
1126  color: hsla(0,0%,100%,.8);
1127  font-size: 12px;
1128  line-height: 14px;
1129  -webkit-user-select: none;
1130     -moz-user-select: none;
1131      -ms-user-select: none;
1132          user-select: none;
1133  /* Opera does not support user-select, use <... unselectable="on"> instead */
1134  cursor: default;
1135  -webkit-transition-property: background-color, border-color, box-shadow;
1136  transition-property: background-color, border-color, box-shadow;
1137  -webkit-transition-duration: 150ms;
1138          transition-duration: 150ms;
1139  -webkit-transition-timing-function: ease;
1140          transition-timing-function: ease;
1141}
1142
1143html[dir='ltr'] .toolbarButton,
1144html[dir='ltr'] .overlayButton,
1145html[dir='ltr'] .dropdownToolbarButton {
1146  margin: 3px 2px 4px 0;
1147}
1148html[dir='rtl'] .toolbarButton,
1149html[dir='rtl'] .overlayButton,
1150html[dir='rtl'] .dropdownToolbarButton {
1151  margin: 3px 0 4px 2px;
1152}
1153
1154.toolbarButton:hover,
1155.toolbarButton:focus,
1156.dropdownToolbarButton,
1157.overlayButton,
1158.secondaryToolbarButton:hover,
1159.secondaryToolbarButton:focus {
1160  background-color: hsla(0,0%,0%,.12);
1161  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,.05)), to(hsla(0,0%,100%,0)));
1162  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1163  background-clip: padding-box;
1164  border: 1px solid hsla(0,0%,0%,.35);
1165  border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
1166  box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1167              0 0 1px hsla(0,0%,100%,.15) inset,
1168              0 1px 0 hsla(0,0%,100%,.05);
1169}
1170
1171.toolbarButton:hover:active,
1172.overlayButton:hover:active,
1173.dropdownToolbarButton:hover:active,
1174.secondaryToolbarButton:hover:active {
1175  background-color: hsla(0,0%,0%,.2);
1176  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,.05)), to(hsla(0,0%,100%,0)));
1177  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1178  border-color: hsla(0,0%,0%,.35) hsla(0,0%,0%,.4) hsla(0,0%,0%,.45);
1179  box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset,
1180              0 0 1px hsla(0,0%,0%,.2) inset,
1181              0 1px 0 hsla(0,0%,100%,.05);
1182  -webkit-transition-property: background-color, border-color, box-shadow;
1183  transition-property: background-color, border-color, box-shadow;
1184  -webkit-transition-duration: 10ms;
1185          transition-duration: 10ms;
1186  -webkit-transition-timing-function: linear;
1187          transition-timing-function: linear;
1188}
1189
1190.toolbarButton.toggled,
1191.splitToolbarButton.toggled > .toolbarButton.toggled,
1192.secondaryToolbarButton.toggled {
1193  background-color: hsla(0,0%,0%,.3);
1194  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,.05)), to(hsla(0,0%,100%,0)));
1195  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1196  border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.45) hsla(0,0%,0%,.5);
1197  box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset,
1198              0 0 1px hsla(0,0%,0%,.2) inset,
1199              0 1px 0 hsla(0,0%,100%,.05);
1200  -webkit-transition-property: background-color, border-color, box-shadow;
1201  transition-property: background-color, border-color, box-shadow;
1202  -webkit-transition-duration: 10ms;
1203          transition-duration: 10ms;
1204  -webkit-transition-timing-function: linear;
1205          transition-timing-function: linear;
1206}
1207
1208.toolbarButton.toggled:hover:active,
1209.splitToolbarButton.toggled > .toolbarButton.toggled:hover:active,
1210.secondaryToolbarButton.toggled:hover:active {
1211  background-color: hsla(0,0%,0%,.4);
1212  border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.5) hsla(0,0%,0%,.55);
1213  box-shadow: 0 1px 1px hsla(0,0%,0%,.2) inset,
1214              0 0 1px hsla(0,0%,0%,.3) inset,
1215              0 1px 0 hsla(0,0%,100%,.05);
1216}
1217
1218.dropdownToolbarButton {
1219  width: 120px;
1220  max-width: 120px;
1221  padding: 0;
1222  overflow: hidden;
1223  background: url(images/toolbarButton-menuArrows.png) no-repeat;
1224}
1225html[dir='ltr'] .dropdownToolbarButton {
1226  background-position: 95%;
1227}
1228html[dir='rtl'] .dropdownToolbarButton {
1229  background-position: 5%;
1230}
1231
1232.dropdownToolbarButton > select {
1233  min-width: 140px;
1234  font-size: 12px;
1235  color: hsl(0,0%,95%);
1236  margin: 0;
1237  padding: 3px 2px 2px;
1238  border: none;
1239  background: rgba(0,0,0,0); /* Opera does not support 'transparent' <select> background */
1240}
1241
1242.dropdownToolbarButton > select > option {
1243  background: hsl(0,0%,24%);
1244}
1245
1246#customScaleOption {
1247  display: none;
1248}
1249
1250#pageWidthOption {
1251  border-bottom: 1px rgba(255, 255, 255, .5) solid;
1252}
1253
1254html[dir='ltr'] .splitToolbarButton:first-child,
1255html[dir='ltr'] .toolbarButton:first-child,
1256html[dir='rtl'] .splitToolbarButton:last-child,
1257html[dir='rtl'] .toolbarButton:last-child {
1258  margin-left: 4px;
1259}
1260html[dir='ltr'] .splitToolbarButton:last-child,
1261html[dir='ltr'] .toolbarButton:last-child,
1262html[dir='rtl'] .splitToolbarButton:first-child,
1263html[dir='rtl'] .toolbarButton:first-child {
1264  margin-right: 4px;
1265}
1266
1267.toolbarButtonSpacer {
1268  width: 30px;
1269  display: inline-block;
1270  height: 1px;
1271}
1272
1273html[dir='ltr'] #findPrevious {
1274  margin-left: 3px;
1275}
1276html[dir='ltr'] #findNext {
1277  margin-right: 3px;
1278}
1279
1280html[dir='rtl'] #findPrevious {
1281  margin-right: 3px;
1282}
1283html[dir='rtl'] #findNext {
1284  margin-left: 3px;
1285}
1286
1287.toolbarButton::before,
1288.secondaryToolbarButton::before {
1289  /* All matching images have a size of 16x16
1290   * All relevant containers have a size of 32x25 */
1291  position: absolute;
1292  display: inline-block;
1293  top: 4px;
1294  left: 7px;
1295}
1296
1297html[dir="ltr"] .secondaryToolbarButton::before {
1298  left: 4px;
1299}
1300html[dir="rtl"] .secondaryToolbarButton::before {
1301  right: 4px;
1302}
1303
1304html[dir='ltr'] .toolbarButton#sidebarToggle::before {
1305  content: url(images/toolbarButton-sidebarToggle.png);
1306}
1307html[dir='rtl'] .toolbarButton#sidebarToggle::before {
1308  content: url(images/toolbarButton-sidebarToggle-rtl.png);
1309}
1310
1311html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {
1312  content: url(images/toolbarButton-secondaryToolbarToggle.png);
1313}
1314html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before {
1315  content: url(images/toolbarButton-secondaryToolbarToggle-rtl.png);
1316}
1317
1318html[dir='ltr'] .toolbarButton.findPrevious::before {
1319  content: url(images/findbarButton-previous.png);
1320}
1321html[dir='rtl'] .toolbarButton.findPrevious::before {
1322  content: url(images/findbarButton-previous-rtl.png);
1323}
1324
1325html[dir='ltr'] .toolbarButton.findNext::before {
1326  content: url(images/findbarButton-next.png);
1327}
1328html[dir='rtl'] .toolbarButton.findNext::before {
1329  content: url(images/findbarButton-next-rtl.png);
1330}
1331
1332html[dir='ltr'] .toolbarButton.pageUp::before {
1333  content: url(images/toolbarButton-pageUp.png);
1334}
1335html[dir='rtl'] .toolbarButton.pageUp::before {
1336  content: url(images/toolbarButton-pageUp-rtl.png);
1337}
1338
1339html[dir='ltr'] .toolbarButton.pageDown::before {
1340  content: url(images/toolbarButton-pageDown.png);
1341}
1342html[dir='rtl'] .toolbarButton.pageDown::before {
1343  content: url(images/toolbarButton-pageDown-rtl.png);
1344}
1345
1346.toolbarButton.zoomOut::before {
1347  content: url(images/toolbarButton-zoomOut.png);
1348}
1349
1350.toolbarButton.zoomIn::before {
1351  content: url(images/toolbarButton-zoomIn.png);
1352}
1353
1354.toolbarButton.presentationMode::before,
1355.secondaryToolbarButton.presentationMode::before {
1356  content: url(images/toolbarButton-presentationMode.png);
1357}
1358
1359.toolbarButton.print::before,
1360.secondaryToolbarButton.print::before {
1361  content: url(images/toolbarButton-print.png);
1362}
1363
1364.toolbarButton.openFile::before,
1365.secondaryToolbarButton.openFile::before {
1366  content: url(images/toolbarButton-openFile.png);
1367}
1368
1369.toolbarButton.download::before,
1370.secondaryToolbarButton.download::before {
1371  content: url(images/toolbarButton-download.png);
1372}
1373
1374.toolbarButton.bookmark,
1375.secondaryToolbarButton.bookmark {
1376  box-sizing: border-box;
1377  outline: none;
1378  padding-top: 4px;
1379  text-decoration: none;
1380}
1381.secondaryToolbarButton.bookmark {
1382  padding-top: 5px;
1383}
1384
1385.bookmark[href='#'] {
1386  opacity: .5;
1387  pointer-events: none;
1388}
1389
1390.toolbarButton.bookmark::before,
1391.secondaryToolbarButton.bookmark::before {
1392  content: url(images/toolbarButton-bookmark.png);
1393}
1394
1395#viewThumbnail.toolbarButton::before {
1396  content: url(images/toolbarButton-viewThumbnail.png);
1397}
1398
1399html[dir="ltr"] #viewOutline.toolbarButton::before {
1400  content: url(images/toolbarButton-viewOutline.png);
1401}
1402html[dir="rtl"] #viewOutline.toolbarButton::before {
1403  content: url(images/toolbarButton-viewOutline-rtl.png);
1404}
1405
1406#viewAttachments.toolbarButton::before {
1407  content: url(images/toolbarButton-viewAttachments.png);
1408}
1409
1410#viewFind.toolbarButton::before {
1411  content: url(images/toolbarButton-search.png);
1412}
1413
1414.toolbarButton.pdfSidebarNotification::after {
1415  position: absolute;
1416  display: inline-block;
1417  top: 1px;
1418  /* Create a filled circle, with a diameter of 9 pixels, using only CSS: */
1419  content: '';
1420  background-color: #70DB55;
1421  height: 9px;
1422  width: 9px;
1423  border-radius: 50%;
1424}
1425html[dir='ltr'] .toolbarButton.pdfSidebarNotification::after {
1426  left: 17px;
1427}
1428html[dir='rtl'] .toolbarButton.pdfSidebarNotification::after {
1429  right: 17px;
1430}
1431
1432.secondaryToolbarButton {
1433  position: relative;
1434  margin: 0 0 4px 0;
1435  padding: 3px 0 1px 0;
1436  height: auto;
1437  min-height: 25px;
1438  width: auto;
1439  min-width: 100%;
1440  white-space: normal;
1441}
1442html[dir="ltr"] .secondaryToolbarButton {
1443  padding-left: 24px;
1444  text-align: left;
1445}
1446html[dir="rtl"] .secondaryToolbarButton {
1447  padding-right: 24px;
1448  text-align: right;
1449}
1450html[dir="ltr"] .secondaryToolbarButton.bookmark {
1451  padding-left: 27px;
1452}
1453html[dir="rtl"] .secondaryToolbarButton.bookmark {
1454  padding-right: 27px;
1455}
1456
1457html[dir="ltr"] .secondaryToolbarButton > span {
1458  padding-right: 4px;
1459}
1460html[dir="rtl"] .secondaryToolbarButton > span {
1461  padding-left: 4px;
1462}
1463
1464.secondaryToolbarButton.firstPage::before {
1465  content: url(images/secondaryToolbarButton-firstPage.png);
1466}
1467
1468.secondaryToolbarButton.lastPage::before {
1469  content: url(images/secondaryToolbarButton-lastPage.png);
1470}
1471
1472.secondaryToolbarButton.rotateCcw::before {
1473  content: url(images/secondaryToolbarButton-rotateCcw.png);
1474}
1475
1476.secondaryToolbarButton.rotateCw::before {
1477  content: url(images/secondaryToolbarButton-rotateCw.png);
1478}
1479
1480.secondaryToolbarButton.selectTool::before {
1481  content: url(images/secondaryToolbarButton-selectTool.png);
1482}
1483
1484.secondaryToolbarButton.handTool::before {
1485  content: url(images/secondaryToolbarButton-handTool.png);
1486}
1487
1488.secondaryToolbarButton.scrollVertical::before {
1489  content: url(images/secondaryToolbarButton-scrollVertical.png);
1490}
1491
1492.secondaryToolbarButton.scrollHorizontal::before {
1493  content: url(images/secondaryToolbarButton-scrollHorizontal.png);
1494}
1495
1496.secondaryToolbarButton.scrollWrapped::before {
1497  content: url(images/secondaryToolbarButton-scrollWrapped.png);
1498}
1499
1500.secondaryToolbarButton.spreadNone::before {
1501  content: url(images/secondaryToolbarButton-spreadNone.png);
1502}
1503
1504.secondaryToolbarButton.spreadOdd::before {
1505  content: url(images/secondaryToolbarButton-spreadOdd.png);
1506}
1507
1508.secondaryToolbarButton.spreadEven::before {
1509  content: url(images/secondaryToolbarButton-spreadEven.png);
1510}
1511
1512.secondaryToolbarButton.documentProperties::before {
1513  content: url(images/secondaryToolbarButton-documentProperties.png);
1514}
1515
1516.verticalToolbarSeparator {
1517  display: block;
1518  padding: 8px 0;
1519  margin: 8px 4px;
1520  width: 1px;
1521  background-color: hsla(0,0%,0%,.5);
1522  box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
1523}
1524html[dir='ltr'] .verticalToolbarSeparator {
1525  margin-left: 2px;
1526}
1527html[dir='rtl'] .verticalToolbarSeparator {
1528  margin-right: 2px;
1529}
1530
1531.horizontalToolbarSeparator {
1532  display: block;
1533  margin: 0 0 4px 0;
1534  height: 1px;
1535  width: 100%;
1536  background-color: hsla(0,0%,0%,.5);
1537  box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
1538}
1539
1540.toolbarField {
1541  padding: 3px 6px;
1542  margin: 4px 0 4px 0;
1543  border: 1px solid transparent;
1544  border-radius: 2px;
1545  background-color: hsla(0,0%,100%,.09);
1546  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,.05)), to(hsla(0,0%,100%,0)));
1547  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1548  background-clip: padding-box;
1549  border: 1px solid hsla(0,0%,0%,.35);
1550  border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
1551  box-shadow: 0 1px 0 hsla(0,0%,0%,.05) inset,
1552              0 1px 0 hsla(0,0%,100%,.05);
1553  color: hsl(0,0%,95%);
1554  font-size: 12px;
1555  line-height: 14px;
1556  outline-style: none;
1557  -webkit-transition-property: background-color, border-color, box-shadow;
1558  transition-property: background-color, border-color, box-shadow;
1559  -webkit-transition-duration: 150ms;
1560          transition-duration: 150ms;
1561  -webkit-transition-timing-function: ease;
1562          transition-timing-function: ease;
1563}
1564
1565.toolbarField[type=checkbox] {
1566  display: inline-block;
1567  margin: 8px 0px;
1568}
1569
1570.toolbarField.pageNumber {
1571  -moz-appearance: textfield; /* hides the spinner in moz */
1572  min-width: 16px;
1573  text-align: right;
1574  width: 40px;
1575}
1576
1577.toolbarField.pageNumber.visiblePageIsLoading {
1578  background-image: url(images/loading-small.png);
1579  background-repeat: no-repeat;
1580  background-position: 1px;
1581}
1582
1583.toolbarField.pageNumber::-webkit-inner-spin-button,
1584.toolbarField.pageNumber::-webkit-outer-spin-button {
1585    -webkit-appearance: none;
1586    margin: 0;
1587}
1588
1589.toolbarField:hover {
1590  background-color: hsla(0,0%,100%,.11);
1591  border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.43) hsla(0,0%,0%,.45);
1592}
1593
1594.toolbarField:focus {
1595  background-color: hsla(0,0%,100%,.15);
1596  border-color: hsla(204,100%,65%,.8) hsla(204,100%,65%,.85) hsla(204,100%,65%,.9);
1597}
1598
1599.toolbarLabel {
1600  min-width: 16px;
1601  padding: 3px 6px 3px 2px;
1602  margin: 4px 2px 4px 0;
1603  border: 1px solid transparent;
1604  border-radius: 2px;
1605  color: hsl(0,0%,85%);
1606  font-size: 12px;
1607  line-height: 14px;
1608  text-align: left;
1609  -webkit-user-select: none;
1610     -moz-user-select: none;
1611      -ms-user-select: none;
1612          user-select: none;
1613  cursor: default;
1614}
1615
1616#thumbnailView {
1617  position: absolute;
1618  width: calc(100% - 60px);
1619  top: 0;
1620  bottom: 0;
1621  padding: 10px 30px 0;
1622  overflow: auto;
1623  -webkit-overflow-scrolling: touch;
1624}
1625
1626#thumbnailView > a:active,
1627#thumbnailView > a:focus {
1628  outline: 0;
1629}
1630
1631.thumbnail {
1632  margin: 0 10px 5px 10px;
1633}
1634html[dir='ltr'] .thumbnail {
1635  float: left;
1636}
1637html[dir='rtl'] .thumbnail {
1638  float: right;
1639}
1640
1641#thumbnailView > a:last-of-type > .thumbnail {
1642  margin-bottom: 10px;
1643}
1644
1645#thumbnailView > a:last-of-type > .thumbnail:not([data-loaded]) {
1646  margin-bottom: 9px;
1647}
1648
1649.thumbnail:not([data-loaded]) {
1650  border: 1px dashed rgba(255, 255, 255, 0.5);
1651  margin: -1px 9px 4px 9px;
1652}
1653
1654.thumbnailImage {
1655  border: 1px solid transparent;
1656  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
1657  opacity: 0.8;
1658  z-index: 99;
1659  background-color: white;
1660  background-clip: content-box;
1661}
1662
1663.thumbnailSelectionRing {
1664  border-radius: 2px;
1665  padding: 7px;
1666}
1667
1668a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage,
1669.thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage {
1670  opacity: .9;
1671}
1672
1673a:focus > .thumbnail > .thumbnailSelectionRing,
1674.thumbnail:hover > .thumbnailSelectionRing {
1675  background-color: hsla(0,0%,100%,.15);
1676  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,.05)), to(hsla(0,0%,100%,0)));
1677  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1678  background-clip: padding-box;
1679  box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1680              0 0 1px hsla(0,0%,100%,.2) inset,
1681              0 0 1px hsla(0,0%,0%,.2);
1682  color: hsla(0,0%,100%,.9);
1683}
1684
1685.thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage {
1686  box-shadow: 0 0 0 1px hsla(0,0%,0%,.5);
1687  opacity: 1;
1688}
1689
1690.thumbnail.selected > .thumbnailSelectionRing {
1691  background-color: hsla(0,0%,100%,.3);
1692  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,.05)), to(hsla(0,0%,100%,0)));
1693  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1694  background-clip: padding-box;
1695  box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1696              0 0 1px hsla(0,0%,100%,.1) inset,
1697              0 0 1px hsla(0,0%,0%,.2);
1698  color: hsla(0,0%,100%,1);
1699}
1700
1701#outlineView,
1702#attachmentsView {
1703  position: absolute;
1704  width: calc(100% - 8px);
1705  top: 0;
1706  bottom: 0;
1707  overflow: auto;
1708  -webkit-overflow-scrolling: touch;
1709  -webkit-user-select: none;
1710     -moz-user-select: none;
1711      -ms-user-select: none;
1712          user-select: none;
1713}
1714
1715#outlineView {
1716  padding: 4px 4px 0;
1717}
1718#attachmentsView {
1719  padding: 3px 4px 0;
1720}
1721
1722html[dir='ltr'] .outlineWithDeepNesting > .outlineItem,
1723html[dir='ltr'] .outlineItem > .outlineItems {
1724  margin-left: 20px;
1725}
1726
1727html[dir='rtl'] .outlineWithDeepNesting > .outlineItem,
1728html[dir='rtl'] .outlineItem > .outlineItems {
1729  margin-right: 20px;
1730}
1731
1732.outlineItem > a,
1733.attachmentsItem > button {
1734  text-decoration: none;
1735  display: inline-block;
1736  min-width: 95%;
1737  min-width: calc(100% - 4px); /* Subtract the right padding (left, in RTL mode)
1738                                  of the container. */
1739  height: auto;
1740  margin-bottom: 1px;
1741  border-radius: 2px;
1742  color: hsla(0,0%,100%,.8);
1743  font-size: 13px;
1744  line-height: 15px;
1745  -webkit-user-select: none;
1746     -moz-user-select: none;
1747      -ms-user-select: none;
1748          user-select: none;
1749  white-space: normal;
1750}
1751
1752.attachmentsItem > button {
1753  border: 0 none;
1754  background: none;
1755  cursor: pointer;
1756  width: 100%;
1757}
1758
1759html[dir='ltr'] .outlineItem > a {
1760  padding: 2px 0 5px 4px;
1761}
1762html[dir='ltr'] .attachmentsItem > button {
1763  padding: 2px 0 3px 7px;
1764  text-align: left;
1765}
1766
1767html[dir='rtl'] .outlineItem > a {
1768  padding: 2px 4px 5px 0;
1769}
1770html[dir='rtl'] .attachmentsItem > button {
1771  padding: 2px 7px 3px 0;
1772  text-align: right;
1773}
1774
1775.outlineItemToggler {
1776  position: relative;
1777  height: 0;
1778  width: 0;
1779  color: hsla(0,0%,100%,.5);
1780}
1781.outlineItemToggler::before {
1782  content: url(images/treeitem-expanded.png);
1783  display: inline-block;
1784  position: absolute;
1785}
1786html[dir='ltr'] .outlineItemToggler.outlineItemsHidden::before {
1787  content: url(images/treeitem-collapsed.png);
1788}
1789html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before {
1790  content: url(images/treeitem-collapsed-rtl.png);
1791}
1792.outlineItemToggler.outlineItemsHidden ~ .outlineItems {
1793  display: none;
1794}
1795html[dir='ltr'] .outlineItemToggler {
1796  float: left;
1797}
1798html[dir='rtl'] .outlineItemToggler {
1799  float: right;
1800}
1801html[dir='ltr'] .outlineItemToggler::before {
1802  right: 4px;
1803}
1804html[dir='rtl'] .outlineItemToggler::before {
1805  left: 4px;
1806}
1807
1808.outlineItemToggler:hover,
1809.outlineItemToggler:hover + a,
1810.outlineItemToggler:hover ~ .outlineItems,
1811.outlineItem > a:hover,
1812.attachmentsItem > button:hover {
1813  background-color: hsla(0,0%,100%,.02);
1814  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,.05)), to(hsla(0,0%,100%,0)));
1815  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1816  background-clip: padding-box;
1817  box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1818              0 0 1px hsla(0,0%,100%,.2) inset,
1819              0 0 1px hsla(0,0%,0%,.2);
1820  border-radius: 2px;
1821  color: hsla(0,0%,100%,.9);
1822}
1823
1824.outlineItem.selected {
1825  background-color: hsla(0,0%,100%,.08);
1826  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,.05)), to(hsla(0,0%,100%,0)));
1827  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1828  background-clip: padding-box;
1829  box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1830              0 0 1px hsla(0,0%,100%,.1) inset,
1831              0 0 1px hsla(0,0%,0%,.2);
1832  color: hsla(0,0%,100%,1);
1833}
1834
1835.noResults {
1836  font-size: 12px;
1837  color: hsla(0,0%,100%,.8);
1838  font-style: italic;
1839  cursor: default;
1840}
1841
1842/* TODO: file FF bug to support ::-moz-selection:window-inactive
1843   so we can override the opaque grey background when the window is inactive;
1844   see https://bugzilla.mozilla.org/show_bug.cgi?id=706209 */
1845::-moz-selection { background: rgba(0,0,255,0.3); }
1846::selection { background: rgba(0,0,255,0.3); }
1847
1848#errorWrapper {
1849  background: none repeat scroll 0 0 #FF5555;
1850  color: white;
1851  left: 0;
1852  position: absolute;
1853  right: 0;
1854  z-index: 1000;
1855  padding: 3px;
1856  font-size: 0.8em;
1857}
1858.loadingInProgress #errorWrapper {
1859  top: 37px;
1860}
1861
1862#errorMessageLeft {
1863  float: left;
1864}
1865
1866#errorMessageRight {
1867  float: right;
1868}
1869
1870#errorMoreInfo {
1871  background-color: #FFFFFF;
1872  color: black;
1873  padding: 3px;
1874  margin: 3px;
1875  width: 98%;
1876}
1877
1878.overlayButton {
1879  width: auto;
1880  margin: 3px 4px 2px 4px !important;
1881  padding: 2px 6px 3px 6px;
1882}
1883
1884#overlayContainer {
1885  display: table;
1886  position: absolute;
1887  width: 100%;
1888  height: 100%;
1889  background-color: hsla(0,0%,0%,.2);
1890  z-index: 40000;
1891}
1892#overlayContainer > * {
1893  overflow: auto;
1894  -webkit-overflow-scrolling: touch;
1895}
1896
1897#overlayContainer > .container {
1898  display: table-cell;
1899  vertical-align: middle;
1900  text-align: center;
1901}
1902
1903#overlayContainer > .container > .dialog {
1904  display: inline-block;
1905  padding: 15px;
1906  border-spacing: 4px;
1907  color: hsl(0,0%,85%);
1908  font-size: 12px;
1909  line-height: 14px;
1910  background-color: #474747; /* fallback */
1911  background-image: url(images/texture.png),
1912                    -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,32%,.99)), to(hsla(0,0%,27%,.95)));
1913  background-image: url(images/texture.png),
1914                    linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
1915  box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08),
1916              inset 0 1px 1px hsla(0,0%,0%,.15),
1917              inset 0 -1px 0 hsla(0,0%,100%,.05),
1918              0 1px 0 hsla(0,0%,0%,.15),
1919              0 1px 1px hsla(0,0%,0%,.1);
1920  border: 1px solid hsla(0,0%,0%,.5);
1921  border-radius: 4px;
1922  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
1923}
1924
1925.dialog > .row {
1926  display: table-row;
1927}
1928
1929.dialog > .row > * {
1930  display: table-cell;
1931}
1932
1933.dialog .toolbarField {
1934  margin: 5px 0;
1935}
1936
1937.dialog .separator {
1938  display: block;
1939  margin: 4px 0 4px 0;
1940  height: 1px;
1941  width: 100%;
1942  background-color: hsla(0,0%,0%,.5);
1943  box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
1944}
1945
1946.dialog .buttonRow {
1947  text-align: center;
1948  vertical-align: middle;
1949}
1950
1951.dialog :link {
1952  color: white;
1953}
1954
1955#passwordOverlay > .dialog {
1956  text-align: center;
1957}
1958#passwordOverlay .toolbarField {
1959  width: 200px;
1960}
1961
1962#documentPropertiesOverlay > .dialog {
1963  text-align: left;
1964}
1965#documentPropertiesOverlay .row > * {
1966  min-width: 100px;
1967}
1968html[dir='ltr'] #documentPropertiesOverlay .row > * {
1969  text-align: left;
1970}
1971html[dir='rtl'] #documentPropertiesOverlay .row > * {
1972  text-align: right;
1973}
1974#documentPropertiesOverlay .row > span {
1975  width: 125px;
1976  word-wrap: break-word;
1977}
1978#documentPropertiesOverlay .row > p {
1979  max-width: 225px;
1980  word-wrap: break-word;
1981}
1982#documentPropertiesOverlay .buttonRow {
1983  margin-top: 10px;
1984}
1985
1986.clearBoth {
1987  clear: both;
1988}
1989
1990.fileInput {
1991  background: white;
1992  color: black;
1993  margin-top: 5px;
1994  visibility: hidden;
1995  position: fixed;
1996  right: 0;
1997  top: 0;
1998}
1999
2000#PDFBug {
2001  background: none repeat scroll 0 0 white;
2002  border: 1px solid #666666;
2003  position: fixed;
2004  top: 32px;
2005  right: 0;
2006  bottom: 0;
2007  font-size: 10px;
2008  padding: 0;
2009  width: 300px;
2010}
2011#PDFBug .controls {
2012    background:#EEEEEE;
2013    border-bottom: 1px solid #666666;
2014    padding: 3px;
2015}
2016#PDFBug .panels {
2017  bottom: 0;
2018  left: 0;
2019  overflow: auto;
2020  -webkit-overflow-scrolling: touch;
2021  position: absolute;
2022  right: 0;
2023  top: 27px;
2024}
2025#PDFBug button.active {
2026  font-weight: bold;
2027}
2028.debuggerShowText {
2029  background: none repeat scroll 0 0 yellow;
2030  color: blue;
2031}
2032.debuggerHideText:hover {
2033  background: none repeat scroll 0 0 yellow;
2034}
2035#PDFBug .stats {
2036  font-family: courier;
2037  font-size: 10px;
2038  white-space: pre;
2039}
2040#PDFBug .stats .title {
2041    font-weight: bold;
2042}
2043#PDFBug table {
2044  font-size: 10px;
2045}
2046
2047#viewer.textLayer-visible .textLayer {
2048  opacity: 1.0;
2049}
2050
2051#viewer.textLayer-visible .canvasWrapper {
2052  background-color: rgb(128,255,128);
2053}
2054
2055#viewer.textLayer-visible .canvasWrapper canvas {
2056  mix-blend-mode: screen;
2057}
2058
2059#viewer.textLayer-visible .textLayer > span {
2060  background-color: rgba(255, 255, 0, 0.1);
2061  color: black;
2062  border: solid 1px rgba(255, 0, 0, 0.5);
2063  box-sizing: border-box;
2064}
2065
2066#viewer.textLayer-hover .textLayer > span:hover {
2067  background-color: white;
2068  color: black;
2069}
2070
2071#viewer.textLayer-shadow .textLayer > span {
2072  background-color: rgba(255,255,255, .6);
2073  color: black;
2074}
2075
2076.grab-to-pan-grab {
2077  cursor: url("images/grab.cur"), move !important;
2078  cursor: -webkit-grab !important;
2079  cursor: grab !important;
2080}
2081.grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link) {
2082  cursor: inherit !important;
2083}
2084.grab-to-pan-grab:active,
2085.grab-to-pan-grabbing {
2086  cursor: url("images/grabbing.cur"), move !important;
2087  cursor: -webkit-grabbing !important;
2088  cursor: grabbing !important;
2089
2090  position: fixed;
2091  background: transparent;
2092  display: block;
2093  top: 0;
2094  left: 0;
2095  right: 0;
2096  bottom: 0;
2097  overflow: hidden;
2098  z-index: 50000; /* should be higher than anything else in PDF.js! */
2099}
2100
2101@page {
2102  margin: 0;
2103}
2104
2105#printContainer {
2106  display: none;
2107}
2108
2109@media screen and (-webkit-min-device-pixel-ratio: 1.1), screen and (min-resolution: 1.1dppx) {
2110  /* Rules for Retina screens */
2111  .toolbarButton::before {
2112    -webkit-transform: scale(0.5);
2113            transform: scale(0.5);
2114    top: -5px;
2115  }
2116
2117  .secondaryToolbarButton::before {
2118    -webkit-transform: scale(0.5);
2119            transform: scale(0.5);
2120    top: -4px;
2121  }
2122
2123  html[dir='ltr'] .toolbarButton::before,
2124  html[dir='rtl'] .toolbarButton::before {
2125    left: -1px;
2126  }
2127
2128  html[dir='ltr'] .secondaryToolbarButton::before {
2129    left: -2px;
2130  }
2131  html[dir='rtl'] .secondaryToolbarButton::before {
2132    left: 186px;
2133  }
2134
2135  .toolbarField.pageNumber.visiblePageIsLoading,
2136  #findInput[data-status="pending"] {
2137    background-image: url(images/loading-small@2x.png);
2138    background-size: 16px 17px;
2139  }
2140
2141  .dropdownToolbarButton {
2142    background: url(images/toolbarButton-menuArrows@2x.png) no-repeat;
2143    background-size: 7px 16px;
2144  }
2145
2146  html[dir='ltr'] .toolbarButton#sidebarToggle::before {
2147    content: url(images/toolbarButton-sidebarToggle@2x.png);
2148  }
2149  html[dir='rtl'] .toolbarButton#sidebarToggle::before {
2150    content: url(images/toolbarButton-sidebarToggle-rtl@2x.png);
2151  }
2152
2153  html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {
2154    content: url(images/toolbarButton-secondaryToolbarToggle@2x.png);
2155  }
2156  html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before {
2157    content: url(images/toolbarButton-secondaryToolbarToggle-rtl@2x.png);
2158  }
2159
2160  html[dir='ltr'] .toolbarButton.findPrevious::before {
2161    content: url(images/findbarButton-previous@2x.png);
2162  }
2163  html[dir='rtl'] .toolbarButton.findPrevious::before {
2164    content: url(images/findbarButton-previous-rtl@2x.png);
2165  }
2166
2167  html[dir='ltr'] .toolbarButton.findNext::before {
2168    content: url(images/findbarButton-next@2x.png);
2169  }
2170  html[dir='rtl'] .toolbarButton.findNext::before {
2171    content: url(images/findbarButton-next-rtl@2x.png);
2172  }
2173
2174  html[dir='ltr'] .toolbarButton.pageUp::before {
2175    content: url(images/toolbarButton-pageUp@2x.png);
2176  }
2177  html[dir='rtl'] .toolbarButton.pageUp::before {
2178    content: url(images/toolbarButton-pageUp-rtl@2x.png);
2179  }
2180
2181  html[dir='ltr'] .toolbarButton.pageDown::before {
2182    content: url(images/toolbarButton-pageDown@2x.png);
2183  }
2184  html[dir='rtl'] .toolbarButton.pageDown::before {
2185    content: url(images/toolbarButton-pageDown-rtl@2x.png);
2186  }
2187
2188  .toolbarButton.zoomIn::before {
2189    content: url(images/toolbarButton-zoomIn@2x.png);
2190  }
2191
2192  .toolbarButton.zoomOut::before {
2193    content: url(images/toolbarButton-zoomOut@2x.png);
2194  }
2195
2196  .toolbarButton.presentationMode::before,
2197  .secondaryToolbarButton.presentationMode::before {
2198    content: url(images/toolbarButton-presentationMode@2x.png);
2199  }
2200
2201  .toolbarButton.print::before,
2202  .secondaryToolbarButton.print::before {
2203    content: url(images/toolbarButton-print@2x.png);
2204  }
2205
2206  .toolbarButton.openFile::before,
2207  .secondaryToolbarButton.openFile::before {
2208    content: url(images/toolbarButton-openFile@2x.png);
2209  }
2210
2211  .toolbarButton.download::before,
2212  .secondaryToolbarButton.download::before {
2213    content: url(images/toolbarButton-download@2x.png);
2214  }
2215
2216  .toolbarButton.bookmark::before,
2217  .secondaryToolbarButton.bookmark::before {
2218    content: url(images/toolbarButton-bookmark@2x.png);
2219  }
2220
2221  #viewThumbnail.toolbarButton::before {
2222    content: url(images/toolbarButton-viewThumbnail@2x.png);
2223  }
2224
2225  html[dir="ltr"] #viewOutline.toolbarButton::before {
2226    content: url(images/toolbarButton-viewOutline@2x.png);
2227  }
2228  html[dir="rtl"] #viewOutline.toolbarButton::before {
2229    content: url(images/toolbarButton-viewOutline-rtl@2x.png);
2230  }
2231
2232  #viewAttachments.toolbarButton::before {
2233    content: url(images/toolbarButton-viewAttachments@2x.png);
2234  }
2235
2236  #viewFind.toolbarButton::before {
2237    content: url(images/toolbarButton-search@2x.png);
2238  }
2239
2240  .secondaryToolbarButton.firstPage::before {
2241    content: url(images/secondaryToolbarButton-firstPage@2x.png);
2242  }
2243
2244  .secondaryToolbarButton.lastPage::before {
2245    content: url(images/secondaryToolbarButton-lastPage@2x.png);
2246  }
2247
2248  .secondaryToolbarButton.rotateCcw::before {
2249    content: url(images/secondaryToolbarButton-rotateCcw@2x.png);
2250  }
2251
2252  .secondaryToolbarButton.rotateCw::before {
2253    content: url(images/secondaryToolbarButton-rotateCw@2x.png);
2254  }
2255
2256  .secondaryToolbarButton.selectTool::before {
2257    content: url(images/secondaryToolbarButton-selectTool@2x.png);
2258  }
2259
2260  .secondaryToolbarButton.handTool::before {
2261    content: url(images/secondaryToolbarButton-handTool@2x.png);
2262  }
2263
2264  .secondaryToolbarButton.scrollVertical::before {
2265    content: url(images/secondaryToolbarButton-scrollVertical@2x.png);
2266  }
2267
2268  .secondaryToolbarButton.scrollHorizontal::before {
2269    content: url(images/secondaryToolbarButton-scrollHorizontal@2x.png);
2270  }
2271
2272  .secondaryToolbarButton.scrollWrapped::before {
2273    content: url(images/secondaryToolbarButton-scrollWrapped@2x.png);
2274  }
2275
2276  .secondaryToolbarButton.spreadNone::before {
2277    content: url(images/secondaryToolbarButton-spreadNone@2x.png);
2278  }
2279
2280  .secondaryToolbarButton.spreadOdd::before {
2281    content: url(images/secondaryToolbarButton-spreadOdd@2x.png);
2282  }
2283
2284  .secondaryToolbarButton.spreadEven::before {
2285    content: url(images/secondaryToolbarButton-spreadEven@2x.png);
2286  }
2287
2288  .secondaryToolbarButton.documentProperties::before {
2289    content: url(images/secondaryToolbarButton-documentProperties@2x.png);
2290  }
2291
2292  .outlineItemToggler::before {
2293    -webkit-transform: scale(0.5);
2294            transform: scale(0.5);
2295    top: -1px;
2296    content: url(images/treeitem-expanded@2x.png);
2297  }
2298  html[dir='ltr'] .outlineItemToggler.outlineItemsHidden::before {
2299    content: url(images/treeitem-collapsed@2x.png);
2300  }
2301  html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before {
2302    content: url(images/treeitem-collapsed-rtl@2x.png);
2303  }
2304  html[dir='ltr'] .outlineItemToggler::before {
2305    right: 0;
2306  }
2307  html[dir='rtl'] .outlineItemToggler::before {
2308    left: 0;
2309  }
2310}
2311
2312@media print {
2313  /* General rules for printing. */
2314  body {
2315    background: transparent none;
2316  }
2317
2318  /* Rules for browsers that don't support mozPrintCallback. */
2319  #sidebarContainer, #secondaryToolbar, .toolbar, #loadingBox, #errorWrapper, .textLayer {
2320    display: none;
2321  }
2322  #viewerContainer {
2323    overflow: visible;
2324  }
2325
2326  #mainContainer, #viewerContainer, .page, .page canvas {
2327    position: static;
2328    padding: 0;
2329    margin: 0;
2330  }
2331
2332  .page {
2333    float: left;
2334    display: none;
2335    border: none;
2336    box-shadow: none;
2337    background-clip: content-box;
2338    background-color: white;
2339  }
2340
2341  .page[data-loaded] {
2342    display: block;
2343  }
2344
2345  .fileInput {
2346    display: none;
2347  }
2348
2349  /* Rules for browsers that support PDF.js printing */
2350  body[data-pdfjsprinting] #outerContainer {
2351    display: none;
2352  }
2353  body[data-pdfjsprinting] #printContainer {
2354    display: block;
2355  }
2356  #printContainer {
2357    height: 100%;
2358  }
2359  /* wrapper around (scaled) print canvas elements */
2360  #printContainer > div {
2361    position: relative;
2362    top: 0;
2363    left: 0;
2364    width: 1px;
2365    height: 1px;
2366    overflow: visible;
2367    page-break-after: always;
2368    page-break-inside: avoid;
2369  }
2370  #printContainer canvas,
2371  #printContainer img {
2372    display: block;
2373  }
2374}
2375
2376.visibleLargeView,
2377.visibleMediumView,
2378.visibleSmallView {
2379  display: none;
2380}
2381
2382@media all and (max-width: 900px) {
2383  #toolbarViewerMiddle {
2384    display: table;
2385    margin: auto;
2386    left: auto;
2387    position: inherit;
2388    -webkit-transform: none;
2389            transform: none;
2390  }
2391}
2392
2393@media all and (max-width: 840px) {
2394  #sidebarContent {
2395    background-color: hsla(0,0%,0%,.7);
2396  }
2397
2398  html[dir='ltr'] #outerContainer.sidebarOpen #viewerContainer {
2399    left: 0px !important;
2400  }
2401  html[dir='rtl'] #outerContainer.sidebarOpen #viewerContainer {
2402    right: 0px !important;
2403  }
2404
2405  #outerContainer .hiddenLargeView,
2406  #outerContainer .hiddenMediumView {
2407    display: inherit;
2408  }
2409  #outerContainer .visibleLargeView,
2410  #outerContainer .visibleMediumView {
2411    display: none;
2412  }
2413}
2414
2415@media all and (max-width: 770px) {
2416  #outerContainer .hiddenLargeView {
2417    display: none;
2418  }
2419  #outerContainer .visibleLargeView {
2420    display: inherit;
2421  }
2422}
2423
2424@media all and (max-width: 700px) {
2425  #outerContainer .hiddenMediumView {
2426    display: none;
2427  }
2428  #outerContainer .visibleMediumView {
2429    display: inherit;
2430  }
2431}
2432
2433@media all and (max-width: 640px) {
2434  .hiddenSmallView, .hiddenSmallView * {
2435    display: none;
2436  }
2437  .visibleSmallView {
2438    display: inherit;
2439  }
2440  .toolbarButtonSpacer {
2441    width: 0;
2442  }
2443  html[dir='ltr'] .findbar {
2444    left: 38px;
2445  }
2446  html[dir='rtl'] .findbar {
2447    right: 38px;
2448  }
2449}
2450
2451@media all and (max-width: 535px) {
2452  #scaleSelectContainer {
2453    display: none;
2454  }
2455}
2456