Bug 22680: OPAC language footer not positioned correctly
[koha.git] / koha-tmpl / opac-tmpl / bootstrap / css / src / opac.scss
1 @import "mixins";
2
3 @font-face {
4     font-family: 'NotoSans';
5     font-style: normal;
6     font-weight: 400;
7     src: local('Noto Sans Regular'),
8         url('fonts/NotoSans-Regular-webfont.woff2') format('woff2'),
9         url('fonts/NotoSans-Regular-webfont.woff') format('woff');
10 }
11
12 @font-face {
13     font-family: 'NotoSans';
14     font-style: bold;
15     font-weight: 700;
16     src: local('Noto Sans Bold'),
17         url('fonts/NotoSans-Bold-webfont.woff2') format('woff2'),
18         url('fonts/NotoSans-Bold-webfont.woff') format('woff');
19 }
20
21 @font-face {
22     font-family: 'NotoSans';
23     font-style: italic;
24     font-weight: 400;
25     src: local('Noto Sans Italic'),
26         url('fonts/NotoSans-Italic-webfont.woff2') format('woff2'),
27         url('fonts/NotoSans-Italic-webfont.woff') format('woff');
28 }
29
30 @font-face {
31     font-family: 'NotoSans';
32     font-style: italic;
33     font-weight: 700;
34     src: local('Noto Sans Bold Italic'),
35         url('fonts/NotoSans-BoldItalic-webfont.woff2') format('woff2'),
36         url('fonts/NotoSans-BoldItalic-webfont.woff') format('woff');
37 }
38
39 $footer-height: 45px;
40
41 body {
42     background: #FCF9FC none;
43     font-family: sans-serif;
44     font-size: 16px;
45 }
46
47 .fonts-loaded body {
48     font-family: 'NotoSans';
49 }
50
51 /* Sticky footer styles */
52 html,
53 body {
54     height: 100%;
55     /* The html and body elements cannot have any padding or margin. */
56 }
57
58 .no-js {
59     .dateformat {
60         display: inline;
61         white-space: nowrap;
62     }
63
64     .modal-body {
65         padding: 0;
66     }
67
68     .selections-toolbar {
69         display: none;
70     }
71 }
72
73 .js {
74     .dateformat {
75         display: none;
76     }
77 }
78
79 /* Wrapper for page content to push down footer */
80 #wrap {
81     height: auto !important;
82     height: 100%;
83     min-height: 100%;
84     padding-left: 40px;
85     padding-right: 40px;
86     /* Negative indent footer by its height */
87     margin: 0 auto -#{$footer-height + 1};
88 }
89
90 .fa.fa-icon-black,
91 .fa.fa-icon-white {
92     color: #000;
93 }
94
95 #changelanguage {
96     clear: both;
97     /* Set the fixed height of the footer here */
98     min-height: $footer-height;
99     .nav {
100         > .active {
101             > p {
102                 padding: 0 15px;
103             }
104         }
105     }
106 }
107
108 .popup {
109     padding-left: 0;
110     padding-right: 0;
111
112     .main {
113         font-size: 90%;
114         padding: 0 1em;
115     }
116
117     legend {
118         line-height: 1.5em;
119         margin-bottom: .5em;
120     }
121 }
122
123 a {
124     color: $links;
125
126     &.cancel {
127         padding-left: 1em;
128     }
129
130     &:visited {
131         color: $links;
132     }
133
134     &.title {
135         font-size: 108%;
136         font-weight: bold;
137     }
138
139     &.btn {
140         &:visited {
141             color: #333;
142         }
143     }
144
145     &.btn-primary {
146         &:visited {
147             color: #FFF;
148         }
149     }
150
151     &.login-link {
152         color: #005580;
153         font-weight: bold;
154         &.loginModal-trigger {
155             color: #85ca11;
156         }
157     }
158
159     &.listmenulink {
160         &:link,
161         &:visited {
162             color: #0076B2;
163             font-weight: bold;
164         }
165
166         &:hover,
167         &:active {
168             color: #FFF;
169             font-weight: bold;
170         }
171     }
172
173     .idreambooksrating {
174         color: #29ADE4;
175         font-size: 30px;
176         line-height: 30px;
177         padding-left: 85px;
178         text-decoration: none;
179     }
180
181     &.reviewlink,
182     &.reviewlink:visited {
183         color: black;
184         font-weight: normal;
185         text-decoration: none;
186     }
187
188     &.addtocart {
189         @extend %initial_icon;
190         background-position: -5px -262px; /* Cart */
191         padding-left: 35px;
192     }
193
194     &.addtoshelf {
195         @extend %initial_icon;
196         background-position: -5px -222px; /* Virtual shelf */
197         padding-left: 35px;
198     }
199
200     &.brief {
201         @extend %initial_icon;
202         background-position: -2px -868px; /* Zoom out */
203         padding-left: 27px;
204     }
205
206
207
208     &.detail {
209         @extend %initial_icon;
210         background-position: -2px -898px; /* Zoom in */
211         padding-left: 27px;
212     }
213
214     &.download {
215         @extend %initial_icon;
216         background-position: -5px -348px; /* Download */
217         padding-left: 20px;
218     }
219
220     &.editshelf {
221         @extend %initial_icon;
222         background-position: 2px -348px; /* List edit */
223         padding-left: 26px;
224     }
225
226     &.empty {
227         @extend %initial_icon;
228         background-position: 2px -598px; /* Trash */
229         padding-left: 30px;
230     }
231
232     &.hide {
233         @extend %initial_icon;
234         background-position: -3px -814px; /* Close */
235         padding-left: 26px;
236     }
237
238     &.highlight_toggle {
239         @extend %initial_icon;
240         background-position: -5px -836px; /* Highlight */
241         display: none;
242         padding-left: 35px;
243     }
244
245     &.hold {
246         @extend %initial_icon;
247         background-position: -2px -453px; /* Toolbar place hold */
248         padding-left: 23px;
249
250         &.disabled {
251             @extend %initial_icon;
252             background-position: -5px -621px; /* Place hold disabled */
253         }
254     }
255
256     &.incart {
257         @extend %initial_icon;
258         background-position: -5px -265px; /* Cart */
259         color: #666;
260         padding-left: 35px;
261     }
262
263     &.new {
264         @extend %initial_icon;
265         background-position: -4px -922px;
266         padding-left: 23px;
267     }
268
269     &.print-small {
270         @extend %initial_icon;
271         background-position: 0 -423px; /* Toolbar print */
272         padding-left: 30px;
273     }
274
275     &.print-large {
276         @extend %initial_icon;
277         background-position: 0 -187px; /* Toolbar print */
278         padding-left: 35px;
279     }
280
281     &.removeitems {
282         @extend %initial_icon;
283         background-position: 2px -690px; /* Delete */
284         padding-left: 25px;
285
286         &.disabled {
287             @extend %initial_icon;
288             background-position: 2px -712px; /* Delete disabled */
289         }
290     }
291
292     &.reserve {
293         @extend %initial_icon;
294         background-position: -6px -141px; /* Place hold */
295         padding-left: 35px;
296     }
297
298     &.article_request {
299         @extend %initial_icon;
300         background-position: 0 -24px; /* Place article request */
301         padding-left: 35px;
302     }
303
304     &.send {
305         @extend %initial_icon;
306         background-position: 2px -386px; /* Email */
307         padding-left: 28px;
308     }
309
310     &.sharelist {
311         @extend %initial_icon;
312         background-position: 2px -1148px; /* List share */
313         padding-left: 26px;
314     }
315
316     &.tag_add {
317         @extend %initial_icon;
318         background-position: 3px -1111px; /* Tag results */
319         padding-left: 27px;
320     }
321
322     &.removefromlist {
323         @extend %initial_icon;
324     }
325 }
326
327 h1 {
328     font-size: 140%;
329     line-height: 150%;
330     color: #727272;
331
332     &#libraryname {
333         background: transparent url( "../images/logo-koha.png" ) no-repeat scroll 0%;
334         border: 0;
335         float: left !important;
336         margin: 0;
337         padding: 0;
338         width: 120px;
339
340         a {
341             border: 0;
342             cursor: pointer;
343             display: block;
344             height: 0 !important;
345             margin: 0;
346             overflow: hidden;
347             padding: 40px 0 0;
348             text-decoration: none;
349             width: 120px;
350         }
351     }
352 }
353
354 h2 {
355     color: #727272;
356     font-size: 130%;
357     line-height: 150%;
358 }
359
360 h3 {
361     color: #727272;
362     font-size: 120%;
363     line-height: 150%;
364 }
365
366 h4 {
367     font-size: 110%;
368 }
369
370 h5 {
371     font-size: 100%;
372     color: #727272;
373 }
374
375 caption {
376     color: #727272;
377     font-size: 120%;
378     font-weight: bold;
379     margin: 0;
380     text-align: left;
381 }
382
383 input,
384 textarea {
385     width: auto;
386 }
387
388 .input-fluid {
389     width: 50%;
390 }
391
392 legend {
393     font-size: 110%;
394     font-weight: bold;
395     color: #727272;
396 }
397
398 table {
399     font-size: 90%;
400 }
401
402 table,
403 td {
404     background-color: #FFF;
405 }
406
407 td {
408     img {
409         max-width: none;
410     }
411
412     &.overdue {
413         color: #CC3333;
414     }
415
416     .sum {
417         background-color: #FFFFE5;
418         font-weight: bold;
419     }
420
421     .btn {
422         white-space: nowrap;
423     }
424
425     .btn-link {
426         padding: 0;
427     }
428 }
429
430 th {
431     background-color: #E2E8E8;
432
433     &.sum {
434         text-align: right;
435     }
436
437     &[scope=row] {
438         background-color: transparent;
439         text-align: right;
440     }
441 }
442
443 #advsearches,
444 #booleansearch {
445     label {
446         display: inline;
447     }
448 }
449
450 #basketcount {
451     display: inline;
452     margin: 0;
453     padding: 0;
454
455     span {
456         @include border-radius-all( 3px );
457         background-color: #85ca11;
458         color: #FFF;
459         display: inline;
460         font-family: 'NotoSans';
461         font-size: 80%;
462         font-weight: normal;
463         margin: 0 0 0 .9em;
464         padding: 0 .3em;
465     }
466 }
467
468
469 #members {
470     display: block;
471
472     p {
473         color: #727272;
474     }
475
476     a {
477         &.logout {
478             color: #E8583C;
479             font-weight: bold;
480             padding: 0 .3em;
481         }
482     }
483 }
484
485 #koha_url {
486     p {
487         color: #666666;
488         float: right;
489         margin: 0;
490     }
491 }
492
493 #moresearches {
494     margin: .5em 0;
495     padding: 0 .8em;
496
497     li {
498         display: inline;
499         white-space: nowrap;
500
501         &::after {
502             content: " | ";
503         }
504
505         &:last-child {
506             &::after {
507                 content: "";
508             }
509         }
510
511     }
512
513     ul {
514         margin: 0;
515     }
516 }
517
518 #news {
519     margin: .5em 0;
520     padding: 1em;
521
522     .newsitem {
523         &:last-child {
524             .newsfooter {
525                 border-bottom: 0;
526             }
527         }
528     }
529 }
530
531 .newscontainer {
532     border: 1px solid #DDD;
533 }
534
535 .newsheader {
536     margin: 0;
537     padding: 8px 0;
538 }
539
540 .newsbody {
541     padding: 8px 0;
542 }
543
544 .newsfooter {
545     border-bottom: 1px solid #EEE;
546     color: #727272;
547     font-size: 90%;
548     margin-bottom: .5em;
549     padding-bottom: .5em;
550 }
551
552 #rssnews-container {
553     color: #727272;
554     font-size: 90%;
555 }
556
557 #rssnews-container {
558     font-size: 90%;
559     padding: .5em 0;
560 }
561
562 .rsssearchlink {
563     &:hover {
564         text-decoration: none;
565     }
566 }
567
568 .fa {
569     &.fa-rss {
570         background: linear-gradient(135deg, #DA5E2A 0%, #FA9C39 50%, #DA5E2A 100%);
571         border-radius: 3px;
572         color: #FFF;
573         padding: 2px 3px;
574         text-shadow: 1px 0 1px rgba(0, 0, 0, .25);
575
576         &.rsssearchicon {
577             font-size: 90%;
578         }
579     }
580 }
581
582 #opacheader {
583     background-color: #fcf9fc;
584 }
585
586 #numresults {
587     color: #727272;
588 }
589
590 #selections {
591     color: #727272;
592     font-weight: bold;
593 }
594
595 #selections-toolbar {
596     background: #e2e8e8 none;
597     border-bottom: none;
598     margin-top: 3px;
599 }
600
601 .selections {
602     font-weight: bold;
603 }
604
605 .selections-toolbar.toolbar {
606     background: #e2e8e8 none;
607 }
608
609 .actions {
610     a {
611         background-repeat: no-repeat;
612         margin-right: 1em;
613         text-decoration: none;
614         white-space: nowrap;
615
616         &.hold {
617             background-image: url( "../images/sprite.png" ); /* Place hold small */
618             background-position: -5px -539px;
619             padding-left: 21px;
620         }
621
622         &.article_request {
623             background-image: url( "../images/sprite.png" ); /* Place hold small */
624             background-position: -2px -26px;
625             padding-left: 21px;
626         }
627
628         &.addtocart {
629             background-image: url( "../images/sprite.png" ); /* Cart small */
630             background-position: -5px -570px;
631             padding-left: 20px;
632         }
633
634         &.addtoshelf {
635             background-image: url( "../images/sprite.png" ); /* MARC view */
636             background-position: -5px -24px;
637             padding-left: 20px;
638         }
639
640         &.addtolist {
641             background-position: -5px -27px;
642             padding-left: 20px;
643         }
644
645         &.tag_add {
646             background-position: -5px -1110px;
647             padding-left: 20px;
648         }
649
650         /* List contents remove from list link */
651         &.removefromlist {
652             background-position: -8px -690px; /* Delete */
653             padding-left: 15px;
654         }
655     }
656 }
657
658 /* Override Bootstrap alert */
659 .alert {
660     background: linear-gradient( to bottom, #FFFBE5 0%, #FFF0B2 9%, #FFF1A8 89%, #F7E665 100% );
661     border-color: #D6C43B;
662     color: #333;
663
664     /* Redefine a new style for Bootstrap's class "close" since we use that already */
665     /* Use <a class="closebtn" href="#">&times;</a> */
666
667     .closebtn {
668         line-height: 20px;
669         position: relative;
670         right: -21px;
671         top: -2px;
672     }
673 }
674
675 /* Override Bootstrap alert.alert-info */
676 .alert-info {
677     background: linear-gradient( to bottom, #F4F6FA 0%, #EAEEF5 4%, #E8EDF6 96%, #CDDBF2 100% );
678     border-color: #C5D1E5;
679     color: #333;
680 }
681
682 /* Override Bootstrap alert.alert-success */
683 .alert-success {
684     background: linear-gradient( to bottom, #F8FFE8 0%, #E3F5AB 4%, #DCF48D 98%, #9EBF28 100% );
685     border-color: #9FBA35;
686     color: #333;
687 }
688
689 .breadcrumb {
690     background-color: #F0F3F3;
691     font-size: 85%;
692     list-style: none outside none;
693     margin: 10px 20px;
694     padding: 5px 10px;
695     border-radius: 0px;
696 }
697
698 .buttons-print {
699     @extend %initial_icon;
700     background-color: transparent;
701     background-position: 0 -184px; /* Toolbar print */
702     border: 0;
703     color: #0076B2;
704     font-size: 100%;
705     padding-left: 35px;
706 }
707
708 .form-inline {
709     display: inline;
710     margin: 0;
711     padding: 0;
712
713     fieldset {
714         margin: .3em 0;
715         padding: .3em;
716     }
717 }
718
719 .main {
720     background-color: #FFF;
721     border: 1px solid #F0F3F3;
722     margin-bottom: .5em;
723     margin-top: .5em;
724 }
725
726 .mastheadsearch {
727     background: #f0f3f3;
728     margin: .5em 0;
729     padding: .8em;
730
731     label {
732         color: #727272;
733         font-size: 115%;
734         font-weight: bold;
735     }
736 }
737
738 .btn-primary {
739     background-color: #85ca11;
740     background-image: linear-gradient(to bottom, #85ca11, #77b50f);
741     background-position: 0;
742     font-family: 'NotoSans';
743     &:hover {
744         background-color: #85ca11;
745         background-image: linear-gradient(to bottom, #85ca11, #77b50f);
746         background-position: 0;
747     }
748     &:active {
749         background-color: #85ca11;
750         background-image: linear-gradient(to bottom, #85ca11, #77b50f);
751         background-position: 0;
752     }
753     &:visited {
754         background-color: #85ca11;
755         background-image: linear-gradient(to bottom, #85ca11, #77b50f);
756         background-position: 0;
757     }
758     &:focus {
759         background-color: #85ca11;
760         background-image: linear-gradient(to bottom, #85ca11, #77b50f);
761         background-position: 0;
762     }
763 }
764
765 input[type="text"]:focus {
766     border-color: #85ca11;
767     box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
768  }
769
770  input[type="password"]:focus {
771     border-color: #85ca11;
772     box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
773  }
774
775  .navbar {
776     .divider-vertical {
777         border-left-color: #fcf9fc;
778         border-right-color: #fcf9fc;
779     }
780     .nav li.dropdown > a {
781         &:focus .caret {
782         border-top-color: #85ca11;
783         border-bottom-color: #85ca11;
784         }
785         &:hover .caret {
786         border-top-color: #85ca11;
787         border-bottom-color: #85ca11;
788         }
789     }
790 }
791
792 .navbar-inverse {
793     .brand {
794         color: #9FE1FF;
795         font-weight: bold;
796     }
797
798     .navbar-inner {
799         background: #fcf9fc none;
800         border-color: #fcf9fc;
801         box-shadow: none;
802     }
803
804     .nav {
805         > li {
806             > a {
807                 color: #727272;
808                 font-weight: bold;
809                 text-shadow: none;
810                 &:hover {
811                     color: #85ca11;
812                 }
813                 &:focus {
814                     color: #85ca11;
815                 }
816             }
817         }
818         li.dropdown {
819         > a {
820             &:hover .caret {
821                 border-top-color: #85ca11;
822                 border-bottom-color: #85ca11;
823             }
824             &:focus .caret {
825                 border-top-color: #85ca11;
826                 border-bottom-color: #85ca11;
827             }
828         }
829         &.open > .dropdown-toggle {
830             background-color: transparent;
831             color: #85ca11;
832             .caret {
833                 border-top-color: #85ca11;
834                 border-bottom-color: #85ca11;
835                 &:hover {
836                 border-top-color: #85ca11;
837                 border-bottom-color: #85ca11;
838                 }
839             }
840         }
841         }
842     }
843 }
844
845 .navbar-inner {
846     background: #fcf9fc none;
847 }
848
849 .navbar-fixed-bottom {
850     &.navbar-static-bottom {
851         position: static;
852     }
853     .navbar-inner {
854         box-shadow: none;
855         min-height: $footer-height;
856     }
857 }
858
859 [class^="icon-"] {
860     vertical-align: 0;
861 }
862 [class*=" icon-"] {
863     vertical-align: 0;
864 }
865
866 .table-striped tbody > tr:nth-child(odd) > td,
867 .table-striped tbody > tr:nth-child(odd) > th {
868     background-color: #F0F3F3;
869 }
870
871 #availability_facet {
872     color: #727272;
873 }
874
875 #facet-holdings-library {
876     color: #727272;
877 }
878
879 #toolbar.toolbar {
880     background-color: #f0f3f3;
881     border: 1px solid #f0f3f3;
882     &.clearfix {
883         background-color: #f0f3f3;
884     }
885 }
886
887
888 /* jQuery UI standard tabs */
889 .ui-tabs-nav .ui-tabs-active a,
890 .ui-tabs-nav a:hover,
891 .ui-tabs-nav a:focus,
892 .ui-tabs-nav a:active,
893 .ui-tabs-nav span.a {
894     background: none repeat scroll 0 0 transparent;
895     outline: 0 none;
896 }
897
898 .ui-widget,
899 .ui-widget input,
900 .ui-widget select,
901 .ui-widget textarea,
902 .ui-widget button {
903     font-family: 'NotoSans';
904     font-size: inherit;
905 }
906
907 ul {
908     &.ui-tabs-nav {
909         li {
910             list-style: none;
911         }
912     }
913 }
914
915 .ui-tabs {
916     .ui-tabs-nav {
917         li {
918             background: #F0F3F3 none;
919             border-color: #D8D8D8;
920             margin-right: .4em;
921
922             &.ui-tabs-active {
923                 background-color: #FFF;
924                 border: 1px solid #D8D8D8;
925                 border-bottom: 0;
926
927                 a {
928                     color: #727272;
929                     font-weight: bold;
930                 }
931
932                 &.ui-state-hover {
933                     background: #FFF none;
934                     &.ui-state-active {
935                         background: #FFF none;
936                     }
937                 }
938             }
939
940             &.ui-state-default.ui-state-hover {
941                 background: #F3F3F3 none;
942             }
943         }
944     }
945
946     .ui-tabs-panel {
947         border: 1px solid #D8D8D8;
948         margin-bottom: 1em;
949     }
950
951     &.ui-widget-content {
952         background: transparent none;
953         border: 0;
954     }
955
956     .ui-state-default {
957         a {
958             color: #006699;
959
960             &:link {
961                 color: #006699;
962             }
963
964             &:visited {
965                 color: #006699;
966             }
967         }
968     }
969
970     .ui-state-hover a {
971         color: #990033;
972
973         &:link {
974             color: #990033;
975         }
976
977         &:visited {
978             color: #990033;
979         }
980     }
981 }
982
983 .ui-tabs-nav {
984     &.ui-widget-header {
985         background: none;
986         border: 0;
987     }
988 }
989
990 .ui-corner-top {
991     border-radius: 0px;
992 }
993
994 .statictabs {
995     ul {
996         background: none repeat scroll 0 0 transparent;
997         border: 0 none;
998         border-bottom-left-radius: 4px;
999         border-bottom-right-radius: 4px;
1000         border-top-left-radius: 4px;
1001         border-top-right-radius: 4px;
1002         color: #222222;
1003         font-size: 100%;
1004         font-weight: bold;
1005         line-height: 1.3;
1006         list-style: none outside none;
1007         margin: 0;
1008         outline: 0 none;
1009         padding: .2em .2em 0;
1010         text-decoration: none;
1011
1012         &::before {
1013             content: "";
1014             display: table;
1015         }
1016
1017         &::after {
1018             clear: both;
1019             content: "";
1020             display: table;
1021         }
1022     }
1023
1024     li {
1025         background: none repeat scroll 0 0 #E6F0F2;
1026         border: 1px solid #B9D8D9;
1027         border-bottom: 0 none !important;
1028         border-top-left-radius: 4px;
1029         border-top-right-radius: 4px;
1030         color: #555555;
1031         float: left;
1032         font-weight: normal;
1033         list-style: none outside none;
1034         margin-bottom: 0;
1035         margin-right: .4em;
1036         padding: 0;
1037         position: relative;
1038         top: 1px;
1039         white-space: nowrap;
1040
1041         &.active {
1042             background-color: #FFFFFF;
1043             color: #212121;
1044             font-weight: normal;
1045             padding-bottom: 1px;
1046
1047             a {
1048                 background: none repeat scroll 0 0 transparent;
1049                 color: #000000;
1050                 cursor: text;
1051                 font-weight: bold;
1052                 outline: 0 none;
1053             }
1054         }
1055
1056         a {
1057             color: #004D99;
1058             cursor: pointer;
1059             float: left;
1060             padding: .5em 1em;
1061             text-decoration: none;
1062
1063             &:hover {
1064                 background-color: #EDF4F5;
1065                 border-top-left-radius: 4px;
1066                 border-top-right-radius: 4px;
1067                 color: #538200;
1068             }
1069         }
1070     }
1071
1072     .tabs-container {
1073         background: none repeat scroll 0 0 transparent;
1074         border: 1px solid #B9D8D9;
1075         border-bottom-left-radius: 4px;
1076         border-bottom-right-radius: 4px;
1077         color: #222222;
1078         display: block;
1079         padding: 1em 1.4em;
1080     }
1081 }
1082
1083 /* End jQueryUI tab styles */
1084
1085 /* jQuery UI Datepicker */
1086
1087 .ui-datepicker {
1088     @include shadowed;
1089     table {
1090         border: 0;
1091         border-collapse: collapse;
1092         font-size: .9em;
1093         margin: 0 0 .4em;
1094         width: 100%;
1095     }
1096
1097     th {
1098         background: transparent none;
1099         border: 0;
1100         font-weight: bold;
1101         padding: .7em .3em;
1102         text-align: center;
1103     }
1104 }
1105
1106 .ui-datepicker-trigger {
1107     margin: 0 3px;
1108     vertical-align: middle;
1109 }
1110
1111 /* End jQueryUI datepicker styles */
1112
1113
1114 /* jQueryUI Core */
1115
1116 .ui-widget-content {
1117     background: #FFFFFF none;
1118     border: 1px solid #AAA;
1119     color: #222222;
1120
1121     a,
1122     a:visited {
1123         color: $links;
1124     }
1125 }
1126
1127 .ui-widget-header {
1128     background: #E6F0F2 none;
1129     border: 1px solid #AAA;
1130     color: #222222;
1131     font-weight: bold;
1132 }
1133
1134 .ui-state-default,
1135 .ui-widget-content .ui-state-default,
1136 .ui-widget-header .ui-state-default {
1137     background: #F4F8F9 none;
1138     border: 1px solid #AAA;
1139     color: #555555;
1140     font-weight: normal;
1141 }
1142
1143 .ui-state-hover,
1144 .ui-widget-content .ui-state-hover,
1145 .ui-widget-header .ui-state-hover,
1146 .ui-state-focus,
1147 .ui-widget-content .ui-state-focus,
1148 .ui-widget-header .ui-state-focus {
1149     background: #E6F0F2 none;
1150     border: 1px solid #AAA;
1151     color: #212121;
1152     font-weight: normal;
1153 }
1154
1155 .ui-state-active,
1156 .ui-widget-content .ui-state-active,
1157 .ui-widget-header .ui-state-active {
1158     background: #FFFFFF none;
1159     border: 1px solid #AAAAAA;
1160     color: #212121;
1161     font-weight: normal;
1162 }
1163
1164 .ui-state-highlight,
1165 .ui-widget-content .ui-state-highlight,
1166 .ui-widget-header .ui-state-highlight {
1167     background: #FBF9EE;
1168     border: 1px solid #FCEFA1;
1169     color: #363636;
1170 }
1171
1172 .ui-state-error,
1173 .ui-widget-content .ui-state-error,
1174 .ui-widget-header .ui-state-error {
1175     background: #FEF1EC;
1176     border: 1px solid #CD0A0A;
1177     color: #CD0A0A;
1178 }
1179
1180 /* end jQueryUI core */
1181
1182 .item-thumbnail {
1183     max-width: none;
1184 }
1185
1186 .no-image {
1187     @include border-radius-all( 3px );
1188     background-color: #FFF;
1189     border: 1px solid #AAA;
1190     color: #979797;
1191     display: block;
1192     font-size: 86%;
1193     font-weight: bold;
1194     text-align: center;
1195     width: 75px;
1196 }
1197
1198 #bookcover {
1199     float: left;
1200     margin: 0;
1201     padding: 0;
1202
1203     .no-image {
1204         margin-bottom: 10px;
1205         margin-right: 10px;
1206     }
1207
1208     img {
1209         margin: 0 1em 1em 0;
1210     }
1211 }
1212
1213 .required {
1214     color: #C00;
1215 }
1216
1217
1218 .label {
1219     background-color: transparent;
1220     color: inherit;
1221     display: inline;
1222     font-weight: normal;
1223     padding: 0;
1224     text-shadow: none;
1225 }
1226
1227 .blabel {
1228     background-color: #999999;
1229     border-radius: 3px;
1230     color: #FFFFFF;
1231     display: inline-block;
1232     font-weight: bold;
1233     padding: 2px 4px;
1234     text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
1235 }
1236
1237 .label-important {
1238     background-color: #B94A48;
1239 }
1240
1241 .label-warning {
1242     background-color: #F89406;
1243 }
1244
1245 .label-success {
1246     background-color: #468847;
1247 }
1248
1249 .label-info {
1250     background-color: #3A87AD;
1251 }
1252
1253 .label-inverse {
1254     background-color: #333333;
1255 }
1256
1257 fieldset {
1258     &.rows {
1259         clear: left;
1260         float: left;
1261         font-size: 90%;
1262         margin: .9em 0 0;
1263         padding: 0;
1264         width: 100%;
1265
1266         legend {
1267             font-size: 130%;
1268             font-weight: bold;
1269         }
1270
1271         label,
1272         .label {
1273             float: left;
1274             font-weight: bold;
1275             margin-right: 1em;
1276             text-align: right;
1277             width: 9em;
1278         }
1279
1280         label {
1281             &.lradio {
1282                 float: none;
1283                 margin: inherit;
1284                 width: auto;
1285             }
1286         }
1287
1288         fieldset {
1289             margin: 0;
1290             padding: .3em;
1291         }
1292
1293         ol {
1294             list-style-type: none;
1295             padding: 1em 1em 0 1em;
1296
1297             &.lradio {
1298                 label {
1299                     float: none;
1300                     margin-right: 0;
1301                     width: auto;
1302
1303                     &.lradio {
1304                         float: left;
1305                         margin-right: 1em;
1306                         width: 12em;
1307                     }
1308                 }
1309             }
1310         }
1311
1312         li {
1313             clear: left;
1314             float: left;
1315             list-style-type: none;
1316             padding-bottom: 1em;
1317             width: 100%;
1318
1319             &.lradio {
1320                 padding-left: 8.5em;
1321                 width: auto;
1322
1323                 label {
1324                     float: none;
1325                     margin: 0 0 0 1em;
1326                     width: auto;
1327                 }
1328             }
1329         }
1330
1331         .hint {
1332             display: block;
1333             margin-left: 11em;
1334         }
1335     }
1336
1337     &.action {
1338         border: 0;
1339         clear: both;
1340         float: none;
1341         margin: 0;
1342         padding: 1em 0 .3em;
1343         width: auto;
1344
1345         p {
1346             margin-bottom: 1em;
1347         }
1348     }
1349
1350     table {
1351         font-size: 100%;
1352     }
1353 }
1354
1355 div {
1356     &.rows {
1357         float: left;
1358         clear: left;
1359         margin: 0;
1360         padding: 0;
1361         width: 100%;
1362
1363         + div.rows {
1364             margin-top: .6em;
1365         }
1366
1367         span {
1368             &.label {
1369                 float: left;
1370                 font-weight: bold;
1371                 margin-right: 1em;
1372                 text-align: left;
1373                 width: 9em;
1374             }
1375         }
1376
1377         ol {
1378             list-style-type: none;
1379             margin-left: 0;
1380             padding: .5em 1em 0 0;
1381
1382             li {
1383                 li {
1384                     border-bottom: 0;
1385                 }
1386             }
1387         }
1388
1389         li {
1390             border-bottom: 1px solid #EEE;
1391             clear: left;
1392             float: left;
1393             list-style-type: none;
1394             padding-bottom: .2em;
1395             padding-top: .1em;
1396             width: 100%;
1397         }
1398
1399         ul {
1400             li {
1401                 margin-left: 7.3em;
1402
1403                 &:first-child {
1404                     clear: none;
1405                     float: none;
1406                     margin-left: 0;
1407                 }
1408             }
1409         }
1410     }
1411 }
1412
1413 /* different sizes for different tags in opac-tags.tt */
1414
1415 .tagweight0 {
1416     font-size: 12px;
1417 }
1418
1419 .tagweight1 {
1420     font-size: 14px;
1421 }
1422
1423 .tagweight2 {
1424     font-size: 16px;
1425 }
1426
1427 .tagweight3 {
1428     font-size: 18px;
1429 }
1430
1431 .tagweight4 {
1432     font-size: 20px;
1433 }
1434
1435 .tagweight5 {
1436     font-size: 22px;
1437 }
1438
1439 .tagweight6 {
1440     font-size: 24px;
1441 }
1442
1443 .tagweight7 {
1444     font-size: 26px;
1445 }
1446
1447 .tagweight8 {
1448     font-size: 28px;
1449 }
1450
1451 .tagweight9 {
1452     font-size: 30px;
1453 }
1454
1455 .toolbar {
1456     background-color: #EEEEEE;
1457     border: 1px solid #E8E8E8;
1458     font-size: 85%;
1459     padding: 3px 3px 5px 5px;
1460     vertical-align: middle;
1461
1462     a {
1463         white-space: nowrap;
1464     }
1465
1466     label {
1467         display: inline;
1468         font-size: 100%;
1469         font-weight: bold;
1470         margin-left: .5em;
1471     }
1472
1473     select {
1474         font-size: 97%;
1475         height: auto;
1476         line-height: inherit;
1477         margin: 0;
1478         padding: 0;
1479         white-space: nowrap;
1480         width: auto;
1481     }
1482
1483     .hold,
1484     #tagsel_tag {
1485         font-size: 97%;
1486         font-weight: bold;
1487         padding-left: 28px;
1488     }
1489
1490     #tagsel_form {
1491         margin-top: .5em;
1492     }
1493
1494     li {
1495         display: inline;
1496         list-style: none;
1497
1498         a {
1499             border-left: 1px solid #E8E8E8;
1500         }
1501
1502         &:first-child {
1503             a {
1504                 border-left: 0;
1505             }
1506         }
1507     }
1508
1509     ul {
1510         padding-left: 0;
1511     }
1512 }
1513
1514 #basket {
1515     .toolbar {
1516         padding: 7px 5px 9px 9px;
1517     }
1518 }
1519
1520 #selections-toolbar,
1521 .selections-toolbar {
1522     background: linear-gradient( top, #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
1523     margin: 0 0 1em;
1524     padding-left: 10px;
1525     padding-top: .5em;
1526 }
1527
1528 .list-actions {
1529     display: inline;
1530 }
1531
1532 %tag_button_default {
1533     background-color: transparent;
1534     background-image: url( "../images/sprite.png" );
1535     background-position: 1px -643px;
1536     background-repeat: no-repeat;
1537     border: 0;
1538     color: #0076B2;
1539     cursor: pointer;
1540     font-size: 100%;
1541     padding-left: 25px;
1542     text-decoration: none;
1543 }
1544
1545 %tag_button_hover {
1546     color: #005580;
1547     text-decoration: underline;
1548 }
1549
1550 %tag_button_disabled {
1551     color: #888888;
1552     padding-left: 23px;
1553     text-decoration: none;
1554 }
1555
1556 #tagsel_tag {
1557     @extend %tag_button_default;
1558
1559     &.disabled {
1560         background-position: -1px -667px;
1561     }
1562 }
1563
1564 #selections-toolbar {
1565     input.hold {
1566         &:hover {
1567             @extend %tag_button_hover;
1568         }
1569
1570         &.disabled {
1571             @extend %tag_button_disabled;
1572
1573             &:hover {
1574                 @extend %tag_button_disabled;
1575             }
1576         }
1577     }
1578
1579     a.disabled {
1580         @extend %tag_button_disabled;
1581
1582         &:hover {
1583             @extend %tag_button_disabled;
1584         }
1585     }
1586 }
1587
1588 #tagsel_span input {
1589     &.submit {
1590         @extend %tag_button_default;
1591     }
1592
1593     &:hover {
1594         @extend %tag_button_hover;
1595     }
1596
1597     &.disabled {
1598         @extend %tag_button_disabled;
1599
1600         &:hover {
1601             @extend %tag_button_disabled;
1602         }
1603     }
1604
1605     &.hold.disabled {
1606         @extend %tag_button_disabled;
1607
1608         &:hover {
1609             @extend %tag_button_disabled;
1610         }
1611     }
1612 }
1613
1614 .selections-toolbar a.disabled {
1615     @extend %tag_button_disabled;
1616
1617     &:hover {
1618         @extend %tag_button_disabled;
1619     }
1620 }
1621
1622 .results_summary {
1623     color: #707070;
1624     display: block;
1625     font-size: 85%;
1626     padding: 0 0 .5em;
1627
1628     .results_summary {
1629         font-size: 100%;
1630     }
1631
1632     &.actions {
1633         margin-top: .5em;
1634     }
1635
1636     &.tagstatus {
1637         display: inline;
1638     }
1639
1640     .label {
1641         color: #202020;
1642     }
1643
1644     a {
1645         font-weight: normal;
1646     }
1647 }
1648
1649 #views {
1650     margin-bottom: .5em;
1651     padding: 0 2em .2em .2em;
1652 }
1653
1654 .view {
1655     background-color: #F0F3F3;
1656     border: 1px solid #C9C9C9;
1657     border-radius: 4px;
1658     color: #727272;
1659     display: inline-block;
1660     padding: .2em .5em;
1661     white-space: nowrap;
1662
1663     a,
1664     span {
1665         background-image: url( "../images/sprite.png" );
1666         background-repeat: no-repeat;
1667         font-size: 87%;
1668         font-weight: normal;
1669         padding-left: 15px;
1670         text-decoration: none;
1671     }
1672 }
1673
1674 #bibliodescriptions,
1675 #isbdcontents {
1676     clear: left;
1677     margin-top: .5em;
1678 }
1679
1680 .current-view {
1681     background-color: #FFF;
1682     font-weight: bold;
1683 }
1684
1685 #MARCview {
1686     background-position: -9px -28px;
1687 }
1688
1689 #ISBDview {
1690     background-position: -10px -56px;
1691 }
1692
1693 #Normalview {
1694     background-position: -8px 1px;
1695 }
1696
1697 #Fullhistory,
1698 #Briefhistory {
1699     background:  transparent none;
1700     padding-left: 0;
1701 }
1702
1703 /* pagination */
1704 .results-pagination {
1705     background-color: #F3F3F3;
1706     display: none;
1707     padding-bottom: 10px;
1708 }
1709
1710 .close_pagination {
1711     display: none;
1712 }
1713
1714 .back {
1715     float: right;
1716
1717     input {
1718         background: none !important;
1719         color: #999 !important;
1720     }
1721 }
1722
1723 .pagination_list {
1724     ul {
1725         margin: 0;
1726         padding: 0;
1727     }
1728
1729     li {
1730         border-top: 1px solid #DDDDDD;
1731         color: #999;
1732         float: bottom;
1733         list-style: none;
1734         padding: 4px;
1735
1736         &.highlight {
1737             background-color: #DDDDDD;
1738         }
1739
1740         a {
1741             padding-left: 0;
1742         }
1743     }
1744
1745     .li_pag_index {
1746         color: #636363;
1747         font-size: 90%;
1748         font-weight: bold;
1749         padding-right: 10px;
1750         text-align: right;
1751         width: 13px;
1752     }
1753 }
1754
1755 .pagination_footer {
1756     background-color: #E1E1E1;
1757     text-align: center;
1758
1759     .close_pagination {
1760         display: none;
1761     }
1762 }
1763
1764 .l_Results {
1765     background-color: #E1E1E1;
1766
1767     .close_pagination {
1768         float: right;
1769         padding: 8px 12px;
1770     }
1771 }
1772
1773 .nav_results {
1774     border: 1px solid #D0D0D0;
1775     font-size: 95%;
1776     font-weight: bold;
1777     margin-top: .5em;
1778     position: relative;
1779 }
1780
1781 #a_listResults {
1782     color: #006699;
1783     display: inline-block;
1784     padding: 8px 28px;
1785     text-decoration: none;
1786 }
1787
1788 .pg_menu {
1789     background-color: #F3F3F3;
1790     border-top: 1px solid #D0D0D0;
1791     margin: 0;
1792     white-space: nowrap;
1793
1794     li {
1795         color: #B2B2B2;
1796         display: inline-block;
1797         float: left;
1798         list-style: none;
1799         margin: 0;
1800
1801         &.back_results {
1802             a {
1803                 border-left: 1px solid #D0D0D0;
1804                 border-right: 1px solid #D0D0D0;
1805             }
1806         }
1807
1808         a,
1809         span {
1810             background-color: #F3F3F3;
1811             display: block;
1812             float: left;
1813             font-weight: normal;
1814             padding: .4em .5em;
1815             text-align: center;
1816             text-decoration: none;
1817         }
1818
1819         span {
1820             color: #B2B2B2;
1821         }
1822     }
1823 }
1824
1825 #listResults {
1826     li {
1827         color: #C5C5C5;
1828         display: inline-block;
1829         font-size: 80%;
1830         font-weight: normal;
1831         padding: 0;
1832         text-align: center;
1833
1834         a {
1835             background-color: #999999;
1836             color: #FFFFFF;
1837             display: block;
1838             font-weight: normal;
1839             min-width: 18px;
1840             text-decoration: none;
1841
1842             &:hover {
1843                 background-color: #006699;
1844             }
1845         }
1846
1847         .highlight {
1848             a {
1849                 background-color: #616161;
1850             }
1851         }
1852     }
1853 }
1854
1855 /* nav */
1856 .nav_pages {
1857     border-top: 1px solid #DDD;
1858     padding: .6em;
1859
1860     ul {
1861         display: inline-block;
1862         margin: 0;
1863         padding: 0;
1864     }
1865
1866     li {
1867         color: #999;
1868         list-style: none;
1869         padding: 4px;
1870
1871         a {
1872             &:hover {
1873                 text-decoration: underline;
1874             }
1875         }
1876     }
1877 }
1878
1879 /* action buttons */
1880 #action {
1881     background-color: #F0F3F3;
1882     border: 1px solid #E8E8E8;
1883     margin: .5em 0 0 0;
1884     padding-bottom: 3px;
1885
1886     li {
1887         list-style: none;
1888         margin: .2em;
1889         padding: .3em 0;
1890     }
1891
1892     a {
1893         font-weight: bold;
1894         text-decoration: none;
1895     }
1896 }
1897
1898 #export,
1899 #moresearches_menu {
1900     li {
1901         margin: 0;
1902         padding: 0;
1903
1904         a {
1905             font-weight: normal;
1906
1907             &.menu-inactive {
1908                 font-weight: bold;
1909             }
1910         }
1911     }
1912 }
1913
1914 #format,
1915 #furthersearches {
1916     padding-left: 35px;
1917 }
1918
1919 .highlight_controls {
1920     float: left;
1921 }
1922
1923 %initial_icon {
1924     background-image: url( "../images/sprite.png" );
1925     background-repeat: no-repeat;
1926     text-decoration: none;
1927 }
1928
1929 input {
1930     &.hold {
1931         @extend %initial_icon;
1932         background-color: transparent;
1933         background-position: -2px -453px; /* Toolbar place hold */
1934         border: 0;
1935         color: #0076B2;
1936         font-weight: bold;
1937         padding-left: 23px;
1938         text-decoration: none;
1939
1940         &.disabled {
1941             @extend %initial_icon;
1942             background-position: -5px -621px; /* Place hold disabled */
1943         }
1944     }
1945
1946     &.editshelf {
1947         @extend %initial_icon;
1948         background-color: transparent;
1949         background-position: 2px -734px; /* List edit */
1950         border: 0;
1951         color: #006699;
1952         cursor: pointer;
1953         filter: none;
1954         font-size: 100%;
1955         padding-left: 29px;
1956         text-decoration: none;
1957
1958         &:active {
1959             border: 0;
1960         }
1961     }
1962 }
1963
1964 .newshelf {
1965     @extend %initial_icon;
1966     background-position: 2px -761px; /* List new */
1967     border: 0;
1968     color: #006699;
1969     cursor: pointer;
1970     filter: none;
1971     font-size: 100%;
1972     padding-left: 28px;
1973
1974     &.disabled {
1975         @extend %initial_icon;
1976         background-position: -4px -791px; /* List new disabled */
1977     }
1978 }
1979
1980 .deleteshelf {
1981     @extend %initial_icon;
1982     background-color: transparent;
1983     background-position: 2px -687px; /* Delete */
1984     border: 0;
1985     color: #006699;
1986     cursor: pointer;
1987     filter: none;
1988     font-size: 100%;
1989     padding-left: 25px;
1990     text-decoration: none;
1991
1992     &:active {
1993         border: 0;
1994     }
1995
1996     &:hover {
1997         color: #990033;
1998     }
1999
2000     &.disabled {
2001         background-position: 0 -712px; /* Delete */
2002     }
2003 }
2004
2005 .links a {
2006     font-weight: bold;
2007 }
2008
2009 #tagslist li {
2010     display: inline;
2011 }
2012
2013 #login4tags {
2014     background-image: url( "../images/sprite.png" ); /* Tag results disabled */
2015     background-position: -6px -1130px;
2016     background-repeat: no-repeat;
2017     padding-left: 20px;
2018     text-decoration: none;
2019 }
2020
2021 .tag_results_input {
2022     font-size: 12px;
2023     margin-left: 1em;
2024     padding: .3em;
2025
2026     input[type="text"] {
2027         font-size: inherit;
2028         margin: 0;
2029         padding: 0;
2030     }
2031
2032     label {
2033         display: inline;
2034     }
2035 }
2036
2037 .tagsinput {
2038     input[type="text"] {
2039         font-size: inherit;
2040         margin: 0;
2041         padding: 0;
2042     }
2043
2044     label {
2045         display: inline;
2046     }
2047 }
2048
2049 .branch-info-tooltip {
2050     display: none;
2051 }
2052
2053 .ui-tooltip-content p {
2054     margin: .3em 0;
2055 }
2056
2057 #social_networks {
2058     a {
2059         background: transparent url( "../images/social-sprite.png" ) no-repeat;
2060         display: block;
2061         height: 20px !important;
2062         text-indent: -999em;
2063         width: 20px;
2064     }
2065
2066     span {
2067         color: #274D7F;
2068         display: block;
2069         float: left;
2070         font-size: 85%;
2071         font-weight: bold;
2072         line-height: 2em;
2073         margin: .5em 0 .5em .5em !important;
2074     }
2075
2076     div {
2077         float: left !important;
2078         margin: .5em 0 .5em .2em !important;
2079     }
2080
2081     #facebook {
2082         background-position: -7px -35px;
2083     }
2084
2085     #twitter {
2086         background-position: -7px -5px;
2087     }
2088
2089     #linkedin {
2090         background-position: -7px -95px;
2091     }
2092
2093     #delicious {
2094         background-position: -7px -66px;
2095     }
2096
2097     #email {
2098         background-position: -7px -126px;
2099     }
2100 }
2101
2102 #marc {
2103     td,
2104     th {
2105         background-color: transparent;
2106         border: 0;
2107         padding: 3px 5px;
2108         text-align: left;
2109     }
2110
2111     td:first-child {
2112         text-indent: 2em;
2113     }
2114
2115     p {
2116         padding-bottom: .6em;
2117
2118         .label {
2119             font-weight: bold;
2120         }
2121     }
2122
2123     ul {
2124         padding-bottom: .6em;
2125     }
2126
2127     .results_summary {
2128         clear: left;
2129
2130         ul {
2131             clear: none;
2132             display: inline;
2133             float: none;
2134             list-style: none;
2135             margin: 0;
2136             padding: 0;
2137         }
2138
2139         li {
2140             display: inline;
2141         }
2142     }
2143 }
2144
2145 #items,
2146 #items td,
2147 #items th {
2148     border: 1px solid #EEE;
2149     font-size: 90%;
2150 }
2151
2152 #plainmarc {
2153     table {
2154         border: 0;
2155         font-family: monospace;
2156         font-size: 95%;
2157         margin: .7em 0 0;
2158     }
2159
2160     th {
2161         background-color: #FFF;
2162         border: 0;
2163         padding: 2px;
2164         text-align: left;
2165         vertical-align: top;
2166         white-space: nowrap;
2167     }
2168
2169     td {
2170         border: 0;
2171         padding: 2px;
2172         vertical-align: top;
2173     }
2174 }
2175
2176 #renewcontrols {
2177     float: right;
2178     font-size: 66%;
2179
2180     a {
2181         background-repeat: no-repeat;
2182         padding: .1em .4em;
2183         padding-left: 18px;
2184         text-decoration: none;
2185     }
2186 }
2187
2188 #renewselected_link {
2189     background-image: url( "../images/sprite.png" );
2190     background-position: -5px -986px;
2191     background-repeat: no-repeat;
2192 }
2193
2194 #renewall_link {
2195     background-image: url( "../images/sprite.png" );
2196     background-position: -8px -967px;
2197     background-repeat: no-repeat;
2198 }
2199
2200 .authref {
2201     text-indent: 2em;
2202
2203     .label {
2204         font-style: italic;
2205     }
2206 }
2207
2208 .authstanza {
2209     margin-top: 1em;
2210
2211     li {
2212         margin-left: .5em;
2213     }
2214 }
2215
2216 .authstanzaheading {
2217     font-weight: bold;
2218 }
2219
2220 .authorizedheading {
2221     font-weight: bold;
2222 }
2223
2224 .authres_notes,
2225 .authres_seealso,
2226 .authres_otherscript {
2227     padding-top: .5em;
2228 }
2229
2230 .authres_notes {
2231     font-style: italic;
2232 }
2233
2234 #didyoumean {
2235     @include border-radius-all( 3px );
2236     background-color: #EEE;
2237     border: 1px solid #E8E8E8;
2238     box-sizing: border-box;
2239     margin: .5em 1.5em;
2240     padding: .5em;
2241     text-align: left;
2242
2243     &.dym-loaded {
2244         background-color: #FFFBEA;
2245         border-color: #F4ECBE;
2246     }
2247 }
2248
2249 .suggestionlabel {
2250     font-weight: bold;
2251 }
2252
2253 .searchsuggestion {
2254     display: inline-block;
2255     padding: .2em .5em;
2256 }
2257
2258 .authlink {
2259     padding-left: .25em;
2260 }
2261
2262 #hierarchies {
2263     a {
2264         color: #069;
2265         font-weight: normal;
2266         text-decoration: underline;
2267
2268         &:hover {
2269             color: #990033;
2270         }
2271     }
2272 }
2273
2274 #top-pages {
2275     margin: 0 0 .5em;
2276 }
2277
2278 .dropdown-menu {
2279     border-radius: 0px;
2280     > li {
2281         > a {
2282             font-size: 90%;
2283             &:hover {
2284                 background: #85ca11 none;
2285             }
2286             &:focus {
2287             background: #85ca11 none;
2288             }
2289         }
2290     }
2291 }
2292
2293 #cartDetails,
2294 #cartUpdate,
2295 #holdDetails,
2296 #listsDetails {
2297     background-color: #FFF;
2298     border: 1px solid rgba( 0, 0, 0, .2 );
2299     border-radius: 6px;
2300     box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
2301     color: black;
2302     display: none;
2303     font-size: 90%;
2304     margin: 0;
2305     padding: 8px 20px;
2306     text-align: center;
2307     width: 180px;
2308     z-index: 2;
2309 }
2310
2311 #cartmenulink {
2312     white-space: nowrap;
2313 }
2314
2315 #search-facets,
2316 #menu {
2317     border: 1px solid #D2D2CF;
2318
2319     ul {
2320         margin: 0;
2321         padding: .3em;
2322     }
2323
2324     form {
2325         margin: 0;
2326     }
2327
2328     h4 {
2329         font-size: 90%;
2330         margin: 0 0 .6em 0;
2331         text-align: center;
2332
2333         a {
2334             background-color: #F0F3F3;
2335             border-bottom: 1px solid #D8D8D8;
2336                         display: block;
2337             font-weight: bold;
2338             padding: .7em .2em;
2339             text-decoration: none;
2340         }
2341     }
2342
2343     li {
2344         font-size: 90%;
2345         font-weight: bold;
2346         list-style-type: none;
2347
2348         li {
2349             font-size: 95%;
2350             font-weight: normal;
2351             line-height: 125%;
2352             margin-bottom: 2px;
2353             padding: .1em .2em;
2354         }
2355
2356         &.showmore {
2357             a {
2358                 font-weight: bold;
2359                 text-indent: 1em;
2360             }
2361         }
2362     }
2363
2364     a {
2365         font-weight: normal;
2366         text-decoration: underline;
2367     }
2368
2369     .facet-count {
2370         display: inline-block;
2371     }
2372
2373 }
2374
2375 #menu {
2376     font-size: 94%;
2377
2378     li {
2379         list-style-type: none;
2380
2381         a {
2382             background-color: #F0F3F3;
2383             border: 1px solid #D8D8D8;
2384             border-bottom-color: #999;
2385             display: block;
2386             font-size: 111%;
2387             margin: .4em 0;
2388             margin-right: -1px;
2389             padding: .4em .6em;
2390             text-decoration: none;
2391
2392             &:hover {
2393                 background: #EAEEF5;
2394             }
2395         }
2396
2397         &.active {
2398             a {
2399                 background-color: #FFF;
2400                 background-image: none;
2401                 border-right-width: 0;
2402                 font-weight: bold;
2403
2404                 &:hover {
2405                     background-color: #FFF;
2406                 }
2407             }
2408         }
2409     }
2410
2411     h4 {
2412         display: none;
2413     }
2414 }
2415
2416 #addto {
2417     max-width: 10em;
2418 }
2419
2420 /* Search results add to cart (lists disabled) */
2421 .addto {
2422     .addtocart {
2423         background-image: url( "../images/sprite.png" ); /* Cart */
2424         background-position: -5px -266px;
2425         background-repeat: no-repeat;
2426         padding-left: 33px;
2427         text-decoration: none;
2428     }
2429 }
2430
2431 .searchresults {
2432     p {
2433         margin: 0;
2434         padding: 0 0 .6em 0;
2435
2436         &.details {
2437             color: #979797;
2438         }
2439     }
2440
2441     a {
2442         &.highlight_toggle {
2443             background-image: url( "../images/sprite.png" ); /* Highlight */
2444             background-position: -11px -837px;
2445             background-repeat: no-repeat;
2446             display: none;
2447             font-weight: normal;
2448             padding: 0 10px 0 21px;
2449         }
2450     }
2451
2452     .commentline {
2453         @include border-radius-all( 3px );
2454         @include shadowed;
2455         background-color: rgba( 255, 255, 204, .4 );
2456         border: 1px solid #CCC;
2457         display: inline-block;
2458         margin: .3em;
2459         padding: .4em;
2460
2461         .yours {
2462             background-color: rgba( 239, 254, 213, .4 );
2463         }
2464     }
2465 }
2466
2467 .commentline .avatar {
2468     float: right;
2469     padding-left: .5em;
2470 }
2471
2472 /* style for search terms in catalogsearch */
2473 .term {
2474     /* color: blue; */
2475     background-color: #FFFFCC;
2476     color: #990000;
2477 }
2478
2479 /* style for shelving location in catalogsearch */
2480 .shelvingloc {
2481     font-style: italic;
2482 }
2483
2484 #CheckAll,
2485 #CheckNone,
2486 .CheckAll,
2487 .CheckNone {
2488     font-weight: normal;
2489     margin: 0 .5em;
2490     text-decoration: underline;
2491 }
2492
2493 .sep {
2494     color: #888;
2495     padding: 0 .2em 0 .5em;
2496     text-shadow: 1px 1px 0 #FFF;
2497 }
2498
2499 %page-first-child {
2500     border-bottom-left-radius: 3px;
2501     border-top-left-radius: 3px;
2502     border-width: 1px;
2503 }
2504
2505 %page-last-child {
2506     border-bottom-right-radius: 3px;
2507     border-top-right-radius: 3px;
2508     border-width: 1px 1px 1px 0;
2509 }
2510
2511 %page-middle-child {
2512     background-color: #FFFFFF;
2513     border-color: #DDDDDD;
2514     border-image: none;
2515     border-style: solid;
2516     border-width: 1px 1px 1px 0;
2517     float: left;
2518     font-size: 11.9px;
2519     line-height: 20px;
2520     padding: 4px 12px;
2521     text-decoration: none;
2522 }
2523
2524 .pages {
2525     margin: 20px 0;
2526
2527     span {
2528         &:first-child {
2529             @extend %page-first-child;
2530         }
2531
2532         &:last-child {
2533             @extend %page-last-child;
2534         }
2535     }
2536
2537     a {
2538         @extend %page-middle-child;
2539
2540         &:first-child {
2541             @extend %page-first-child;
2542         }
2543
2544         &:last-child {
2545             @extend %page-last-child;
2546         }
2547     }
2548
2549     .inactive {
2550         @extend %page-middle-child;
2551         background-color: #F5F5F5;
2552     }
2553
2554     .currentPage {
2555         @extend %page-middle-child;
2556     }
2557
2558     a[rel='last'] {
2559         border-bottom-right-radius: 3px;
2560         border-top-right-radius: 3px;
2561     }
2562 }
2563
2564 .hold-message {
2565     @include border-radius-all( 3px );
2566     background-color: #FFF0B1;
2567     display: inline-block;
2568     margin: .5em;
2569     padding: .2em .5em;
2570 }
2571
2572 .reserve_date,
2573 .expiration_date {
2574     white-space: nowrap;
2575 }
2576
2577 .close {
2578     color: #0088CC;
2579     filter: none;
2580     float: none;
2581     font-size: inherit;
2582     font-weight: normal;
2583     opacity: inherit;
2584     position: inherit;
2585     right: auto;
2586     text-shadow: none;
2587     top: auto;
2588 }
2589
2590 .close:hover {
2591     color: #538200;
2592     filter: inherit;
2593     font-size: inherit;
2594     opacity: inherit;
2595 }
2596
2597 /* Redefine a new style for Bootstrap's class "close" since we use that already */
2598 /* Use <a class="closebtn" href="#">&times;</a> */
2599
2600 .modal-header .closebtn {
2601     margin-top: 2px;
2602 }
2603
2604 .closebtn {
2605     color: #000000;
2606     float: right;
2607     font-size: 20px;
2608     font-weight: bold;
2609     line-height: 20px;
2610     opacity: .2;
2611     text-shadow: 0 1px 0 #FFFFFF;
2612
2613     &:hover {
2614         color: #000000;
2615         cursor: pointer;
2616         opacity: .4;
2617         text-decoration: none;
2618     }
2619 }
2620
2621 button.closebtn {
2622     background: transparent;
2623     border: 0;
2624     cursor: pointer;
2625     padding: 0;
2626 }
2627
2628 .modal {
2629     form {
2630         margin: 0;
2631     }
2632 }
2633
2634 #loginModal {
2635     margin-left: -200px;
2636     width: 400px;
2637
2638     input {
2639         box-sizing: border-box;
2640         display: block;
2641         font-size: 150%;
2642         height: auto;
2643         padding: .4em;
2644         width: 100%;
2645
2646         &[type='submit'] {
2647             font-size: 100%;
2648             padding: .5em;
2649             transition: background-color .5s ease;
2650
2651             &:hover {
2652                 background: #77b50f none;
2653             }
2654         }
2655     }
2656
2657     .closebtn {
2658         color: #C00;
2659         opacity: 1;
2660
2661         &:hover {
2662             opacity: .4;
2663         }
2664     }
2665
2666     .modal-header,
2667     .modal-body,
2668     .modal-footer {
2669         font-size: 120%;
2670         padding: 1em 2em;
2671     }
2672 }
2673
2674 .nologininstructions,
2675 .forgotpassword,
2676 .patronregistration {
2677     padding-top: 1em;
2678 }
2679
2680 .btn-group {
2681     label,
2682     select {
2683         font-size: 13px;
2684     }
2685 }
2686
2687 .span2 select {
2688     width: 100%;
2689 }
2690
2691 .item-status {
2692     display: block;
2693     font-size: 95%;
2694     margin-bottom: .5em;
2695 }
2696
2697 .available {
2698     color: #006600;
2699 }
2700
2701 .unavailable {
2702     color: #990033;
2703 }
2704
2705 .waiting,
2706 .intransit,
2707 .notforloan,
2708 .checkedout,
2709 .lost,
2710 .notonhold {
2711     display: block;
2712 }
2713
2714 .notforloan {
2715     color: #900;
2716 }
2717
2718 .lost {
2719     color: #666;
2720 }
2721
2722 .suggestion {
2723     background-color: #F0F3F3;
2724     border: 1px solid #F0F3F3;
2725     color: #727272;
2726     margin: 1em auto;
2727     padding: .5em;
2728     width: 35%;
2729 }
2730
2731 .librarypulldown .transl1 {
2732     width: auto;
2733 }
2734
2735 .nolibrarypulldown {
2736     width: 68%;
2737
2738     .transl1 {
2739         width: 87%;
2740     }
2741 }
2742
2743 #opac-main-search {
2744     select {
2745         max-width: 12em;
2746         width: auto;
2747     }
2748 }
2749
2750 #logo {
2751     background: transparent url( "../images/koha-green-logo.png" ) no-repeat scroll 0%;
2752     border: 0;
2753     float: left !important;
2754     margin: 0;
2755     padding: 0;
2756     width: 100px;
2757
2758     a {
2759         border: 0;
2760         cursor: pointer;
2761         display: block;
2762         height: 0 !important;
2763         margin: 0;
2764         overflow: hidden;
2765         padding: 40px 0 0;
2766         text-decoration: none;
2767         width: 100px;
2768          &:focus {
2769         background-color: transparent;
2770          }
2771     }
2772 }
2773
2774 #user-menu-trigger {
2775     display: none;
2776
2777     i {
2778         padding: 14px 0 0;
2779         width: 14px;
2780     }
2781
2782     .caret {
2783         border-bottom-color: #999999;
2784         border-top-color: #999999;
2785         margin-top: 18px;
2786     }
2787 }
2788
2789 #header-region .icon-white {
2790     background-image: url(/opac-tmpl/bootstrap/lib/bootstrap/img/glyphicons-halflings.png);
2791 }
2792
2793 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2794 .floating {
2795     box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2796     margin-top: 0;
2797 }
2798
2799 .tdlabel {
2800     display: none;
2801     font-weight: bold;
2802 }
2803
2804 #ulactioncontainer {
2805     min-width: 16em;
2806 }
2807
2808 .notesrow {
2809     label {
2810         font-weight: bold;
2811     }
2812
2813     span {
2814         display: block;
2815     }
2816 }
2817
2818 .thumbnail-shelfbrowser span {
2819     margin: 0 auto;
2820 }
2821
2822 .table {
2823     .sorting_asc {
2824         background: url( "../images/asc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2825         padding-right: 19px;
2826     }
2827
2828     .sorting_desc {
2829         background: url( "../images/desc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2830         padding-right: 19px;
2831     }
2832
2833     .sorting {
2834         background: url( "../images/ascdesc.gif" ) no-repeat scroll 100% 75% #E2E8E8;
2835         padding-right: 19px;
2836     }
2837
2838     .nosort,
2839     .nosort.sorting_asc,
2840     .nosort.sorting_desc,
2841     .nosort.sorting {
2842         background: #E2E8E8 none;
2843         padding-right: 19px;
2844     }
2845
2846     th,
2847     td {
2848         line-height: 135%;
2849     }
2850 }
2851
2852 .table-bordered {
2853     border-radius: 0;
2854     thead:first-child tr:first-child > th {
2855         &:last-child {
2856         border-radius: 0;
2857         }
2858         &:first-child {
2859         border-radius: 0;
2860         }
2861     }
2862     tbody:last-child tr:last-child > td {
2863         &:last-child {
2864         border-radius: 0;
2865         }
2866         &:first-child {
2867         border-radius: 0;
2868         }
2869     }
2870 }
2871
2872 .tags,
2873 .shelves {
2874     ul {
2875         display: inline;
2876         list-style: none;
2877         margin-left: 0;
2878
2879         li {
2880             display: inline;
2881         }
2882     }
2883 }
2884
2885 .coverimages {
2886     float: right;
2887 }
2888
2889 #i18nMenu {
2890     margin-left: 1em;
2891
2892     li {
2893         font-size: 85%;
2894
2895         li {
2896             font-size: 100%;
2897
2898             > a {
2899                 font-size: 100%;
2900             }
2901
2902             &:hover {
2903                 color: #FFF;
2904             }
2905         }
2906
2907         a {
2908             color: $links;
2909         }
2910     }
2911
2912     .dropdown-menu {
2913         li {
2914             p {
2915                 clear: both;
2916                 display: block;
2917                 font-weight: normal;
2918                 line-height: 20px;
2919                 padding: 3px 20px;
2920                 white-space: nowrap;
2921             }
2922         }
2923     }
2924 }
2925
2926 #subjectsList,
2927 #authorSearch {
2928     label {
2929         display: inline;
2930         vertical-align: middle;
2931     }
2932
2933     ul {
2934         border-bottom: 1px solid #EEE;
2935         list-style-type: none;
2936         margin: 0;
2937         padding: .6em 0;
2938     }
2939
2940     li {
2941         list-style-type: none;
2942         margin: 0;
2943         padding: 0;
2944     }
2945 }
2946
2947
2948 #overdrive-results,
2949 #recordedbooks-results,
2950 #openlibrary-results {
2951     font-weight: bold;
2952     padding-left: 1em;
2953 }
2954
2955 .throbber {
2956     vertical-align: middle;
2957 }
2958
2959 #overdrive-results-list .star-rating-control {
2960     display: block;
2961     overflow: auto;
2962 }
2963
2964 #shelfbrowser {
2965     table {
2966         margin: 0;
2967     }
2968
2969     table,
2970     td,
2971     th {
2972         border: 0;
2973         font-size: 90%;
2974         text-align: center;
2975     }
2976
2977     td,
2978     th {
2979         padding: 3px 5px;
2980         width: 20%;
2981     }
2982
2983     a {
2984         display: block;
2985         font-size: 110%;
2986         font-weight: bold;
2987         text-decoration: none;
2988     }
2989
2990     #browser_next,
2991     #browser_previous {
2992         background-image: url( "../images/sprite.png" );
2993         background-repeat: no-repeat;
2994         width: 16px;
2995
2996         a {
2997             cursor: pointer;
2998             display: block;
2999             height: 0 !important;
3000             margin: 0;
3001             overflow: hidden;
3002             padding: 50px 0 0;
3003             text-decoration: none;
3004             width: 16px;
3005         }
3006     }
3007
3008     #browser_previous {
3009         background-position: -9px -1007px;
3010     }
3011
3012     #browser_next {
3013         background-position: -9px -1057px;
3014     }
3015 }
3016
3017 #holds {
3018     margin: 0 auto;
3019     max-width: 800px;
3020 }
3021
3022 .holdrow {
3023     border-bottom: 1px solid #CCC;
3024     clear: both;
3025     margin-bottom: .5em;
3026     padding: 0 1em 1em 1em;
3027
3028     fieldset {
3029         border: 0;
3030         float: none;
3031         margin: 0;
3032
3033         .label {
3034             font-size: 14px;
3035         }
3036     }
3037
3038     label {
3039         display: inline;
3040     }
3041 }
3042
3043 .hold-options {
3044     clear: both;
3045 }
3046
3047 .toggle-hold-options {
3048     background-color: #EEE;
3049     clear: both;
3050     display: block;
3051     font-weight: bold;
3052     margin: 1em 0;
3053     padding: .5em;
3054 }
3055
3056 .copiesrow {
3057     clear: both;
3058 }
3059
3060 #idreambooksreadometer {
3061     float: right;
3062 }
3063
3064 .idreambookslegend {
3065     font-size: small;
3066 }
3067
3068 .idreambookssummary {
3069     a {
3070         color: #707070;
3071         text-decoration: none;
3072     }
3073
3074     img {
3075         vertical-align: middle;
3076     }
3077 }
3078
3079 .idbresult {
3080     color: #29ADE4;
3081     margin: .5em;
3082     padding: .5em;
3083     text-align: center;
3084
3085     img {
3086         padding-right: 6px;
3087         vertical-align: middle;
3088     }
3089
3090     a,
3091     a:visited {
3092         text-decoration: none;
3093         color: #29ADE4;
3094     }
3095 }
3096
3097 .js-show {
3098     display: none;
3099 }
3100
3101 .modal-nojs {
3102     .modal-header,
3103     .modal-footer {
3104         display: none;
3105     }
3106 }
3107
3108 .contents {
3109     width: 75%;
3110
3111     .t:first-child::before {
3112         content: "→ ";
3113     }
3114
3115     .t::before {
3116         content: "\A â†’ ";
3117         white-space: pre;
3118     }
3119
3120     .t {
3121         font-weight: bold;
3122         display: inline;
3123     }
3124
3125     .r {
3126         display: inline;
3127     }
3128 }
3129
3130
3131 .contentblock {
3132     font-size: 95%;
3133     line-height: 135%;
3134     margin-left: 2em;
3135     position: relative;
3136 }
3137
3138 .m880 {
3139     display: block;
3140     float: right;
3141     padding-left: 20px;
3142     text-align: right;
3143     width: 50%;
3144 }
3145
3146 #memberentry-form {
3147     input.error {
3148         border-color: #C00;
3149         box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
3150         color: #F00;
3151         outline: 0 none;
3152
3153         &:focus {
3154             border-color: #C00;
3155             box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
3156             color: #F00;
3157             outline: 0 none;
3158         }
3159
3160         label.error {
3161             color: #C00;
3162             float: none;
3163             font-size: 90%;
3164         }
3165     }
3166 }
3167
3168
3169 #illrequests {
3170     .illrequest-actions {
3171         margin-bottom: 20px;
3172         padding-top: 20px;
3173
3174         .btn,
3175         .cancel {
3176             margin-right: 5px;
3177         }
3178     }
3179
3180     #illrequests-create-button {
3181         margin-bottom: 20px;
3182     }
3183
3184     .bg-info {
3185         overflow: auto;
3186         position: relative;
3187
3188         #search-summary {
3189             position: absolute;
3190             top: 50%;
3191             transform: translateY( -50% );
3192         }
3193
3194     }
3195
3196     #freeform-fields .custom-name {
3197         float: left;
3198         margin-right: 1em;
3199         text-align: right;
3200         width: 8em;
3201     }
3202
3203     .dropdown:hover .dropdown-menu.nojs {
3204         display: block;
3205     }
3206 }
3207
3208 #dc_fieldset {
3209     border: 1px solid #DDDDDD;
3210     border-radius: 10px;
3211     border-width: 1px;
3212     padding: 5px;
3213 }
3214
3215 .label_dc {
3216     cursor: pointer;
3217     display: inline;
3218     margin: 0;
3219     padding: 0;
3220 }
3221
3222 .btn-danger {
3223     color: white !important;
3224 }
3225
3226 .count_label {
3227     $base: #369;
3228     background-color: $base;
3229     border-radius: 5px;
3230     color: #FFF;
3231     display: inline-block;
3232     font-weight: bold;
3233     min-width: 1.5em;
3234     padding: .2em;
3235     text-align: center;
3236     text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
3237
3238     &:hover {
3239         background-color: lighten( $base, 20% );
3240     }
3241 }
3242
3243 .user_overdues_count,
3244 .user_fines_count {
3245     background-color: #990000;
3246
3247     &:hover {
3248         background-color: lighten( #990000, 10% );
3249     }
3250 }
3251
3252 .user_holds_waiting_count {
3253     background-color: #538200;
3254
3255     &:hover {
3256         background-color: lighten( #538200, 10% );
3257     }
3258 }
3259
3260 #user_summary {
3261     border: 1px solid #EAEAE6;
3262     margin-bottom: 1em;
3263     padding-bottom: .5em;
3264
3265     h3 {
3266         background-color: #E2E8E8;
3267         color: #727272;
3268         margin-top: 0;
3269         padding: .2em 0;
3270         text-align: center;
3271     }
3272
3273     ul {
3274         list-style-type: none;
3275         margin: 0 0 .2em 0;
3276
3277         a {
3278             display: block;
3279             font-weight: bold;
3280             padding: .2em 1em;
3281         }
3282     }
3283 }
3284
3285 .adlibris-cover {
3286     max-height: 120px;
3287 }
3288
3289 .adlibris-cover-big {
3290     max-height: 200px;
3291 }
3292
3293 /* jQuery Bar Rating plugin for star ratings */
3294
3295 $star-default: #D2D2D2;
3296 $star-active: #C24A4A;
3297 $star-selected: #EDB867;
3298
3299 .br-wrapper {
3300     display: inline-block;
3301 }
3302
3303 .br-theme-fontawesome-stars {
3304
3305     .br-widget {
3306         height: 28px;
3307         white-space: nowrap;
3308
3309         a {
3310             -webkit-font-smoothing: antialiased;
3311             font: normal normal normal 20px/1 FontAwesome;
3312             margin-right: 2px;
3313             text-decoration: none;
3314             text-rendering: auto;
3315
3316             &::after {
3317                 color: $star-default;
3318                 content: "\f005";
3319             }
3320
3321             &.br-active {
3322                 &::after {
3323                     color: $star-active;
3324                 }
3325             }
3326
3327             &.br-selected {
3328                 &::after {
3329                     color: $star-selected;
3330                 }
3331             }
3332         }
3333
3334
3335         .br-current-rating {
3336             display: none;
3337         }
3338     }
3339
3340     .br-readonly {
3341         a {
3342             cursor: default;
3343         }
3344     }
3345
3346 }
3347
3348 #cancel_rating_text {
3349     a {
3350         color: #C24A4A;
3351     }
3352 }
3353
3354 @media print {
3355     .br-theme-fontawesome-stars {
3356
3357         .br-widget {
3358             a {
3359                 &::after {
3360                     color: #000000;
3361                     content: "\f006";
3362                 }
3363
3364                 &.br-active::after,
3365                 &.br-selected::after {
3366                     color: #000000;
3367                     content: "\f005";
3368                 }
3369             }
3370
3371         }
3372
3373     }
3374 }
3375
3376 /* END jQuery Bar Rating plugin for star ratings */
3377
3378
3379 @import "responsive";