koha-dev.rot13.org Git - srvgit/blob - koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss

   1 @import "mixins";
   2 @import "tables";
   3 @import "flatpickr";
   4
   5 ::selection {
   6     background: #538200;
   7     color: #FFFFFF;
   8 }
   9
  10 a {
  11     &:link,
  12     &:visited {
  13         color: #004D99;
  14         text-decoration: none;
  15     }
  16
  17     &:hover,
  18     &:active {
  19         color: #538200;
  20         text-decoration: none;
  21     }
  22
  23     &:hover {
  24         .term {
  25             color: #FF9090;
  26         }
  27     }
  28
  29     &.btn {
  30         &:link,
  31         &:visited {
  32             color: #333333;
  33         }
  34
  35         &.btn-link {
  36             &:link,
  37             &:visited {
  38                 color: #004D99;
  39             }
  40
  41             &:hover {
  42                 color: #538200;
  43             }
  44         }
  45     }
  46
  47     &.cancel {
  48         padding-left: 1em;
  49     }
  50
  51     &.cartRemove {
  52         color: #CC3333;
  53         font-size: 90%;
  54         margin: 0;
  55         padding: 0;
  56     }
  57
  58     &.clear_date {
  59         color: #C33;
  60         font-size: 130%;
  61     }
  62
  63     &.close {
  64         &:hover {
  65             color: #538200;
  66         }
  67     }
  68
  69
  70     &.csv {
  71         background-image: url("../img/famfamfam/silk/page_white_excel.png");
  72     }
  73
  74     &.dropdown-toggle {
  75         white-space: nowrap;
  76     }
  77
  78     &.incart {
  79         color: #666;
  80     }
  81
  82     &.disabled {
  83         color: #999999;
  84     }
  85
  86     &.document {
  87         background-position: left middle;
  88         background-repeat: no-repeat;
  89         display: inline-block;
  90         min-height: 20px;
  91         padding-left: 20px;
  92     }
  93
  94     &.highlight_toggle {
  95         display: none;
  96     }
  97
  98     .localimage {
  99         img {
 100             border: 1px solid #0000CC;
 101             margin: 0 .5em;
 102             padding: .3em;
 103         }
 104     }
 105
 106     &.pdf {
 107         background-image: url("../img/famfamfam/silk/page_white_acrobat.png");
 108     }
 109
 110     &.submit {
 111         @include default-button;
 112         display: inline-block;
 113
 114         &:active {
 115             border: 1px inset #999999;
 116         }
 117
 118         &:disabled {
 119             @include disabled-button;
 120         }
 121     }
 122
 123     &.term {
 124         text-decoration: underline;
 125     }
 126
 127     &.xml {
 128         background-image: url("../img/famfamfam/silk/page_white_code.png");
 129     }
 130
 131 }
 132
 133 aside {
 134     h5 {
 135         font-size: 100%;
 136         margin: .5em 0;
 137     }
 138
 139     fieldset {
 140         &.brief {
 141             padding: .4em .7em;
 142
 143             button + button,
 144             input + input {
 145                 margin-left: 5px;
 146             }
 147
 148             fieldset {
 149                 border-width: 1px;
 150                 border-radius: 0;
 151                 margin: 0 0 .5em 0;
 152                 padding: .5em;
 153
 154                 legend {
 155                     font-size: 95%;
 156                     margin: 0;
 157                 }
 158
 159                 &.action {
 160                     margin-left: 0;
 161                     padding: .5em 0;
 162                 }
 163             }
 164
 165             input, select {
 166                 height: calc(1.5em + .75rem + 2px);
 167             }
 168
 169             label {
 170                 margin: .5em 0 0 0;
 171             }
 172
 173             li {
 174                 &.checkbox {
 175                     label {
 176                         display: inline;
 177                         margin-left: 0;
 178                     }
 179                 }
 180
 181                 &.dateinsert {
 182                     label {
 183                         display: inline;
 184                     }
 185
 186                     span {
 187                         &.label {
 188                             display: inline;
 189                         }
 190                     }
 191                 }
 192
 193                 &.radio {
 194                     padding: .7em 0;
 195
 196                     input {
 197                         padding: .3em 0;
 198                     }
 199
 200                     label {
 201                         display: inline;
 202                     }
 203
 204                     span {
 205                         &.label {
 206                             display: inline;
 207                         }
 208                     }
 209                 }
 210             }
 211
 212             ol {
 213                 margin: 0;
 214                 padding: 0;
 215             }
 216
 217             select,
 218             [type="text"] {
 219                 width: 100%;
 220             }
 221
 222             .hasDatepicker {
 223                 margin-right: 3px;
 224                 width: calc(100% - 20px);
 225             }
 226         }
 227     }
 228 }
 229
 230 button {
 231     @include default-button;
 232
 233     &:active {
 234         border: 1px inset #999999;
 235     }
 236
 237     &:disabled {
 238         @include disabled-button;
 239     }
 240
 241     &.closebtn {
 242         background: transparent;
 243         border: 0;
 244         cursor: pointer;
 245         padding: 0;
 246     }
 247 }
 248
 249 main {
 250     &::after {
 251         clear: both;
 252         content: " ";
 253         display: table;
 254     }
 255 }
 256
 257 body {
 258     font-family: $font-main;
 259     font-size: 13px;
 260     line-height: 1.22;
 261     padding: 0 0 4em;
 262     text-align: left;
 263
 264     &.nobackdrop {
 265         .modal-backdrop {
 266             opacity: 0;
 267         }
 268     }
 269 }
 270
 271 br {
 272     &.clear {
 273         clear: both;
 274         line-height: 1px;
 275     }
 276 }
 277
 278 form {
 279     display: inline;
 280
 281     &.confirm {
 282         display: block;
 283         font-size: 110%;
 284         line-height: 130%;
 285
 286         ul {
 287             padding: 1em 0;
 288
 289             li {
 290                 list-style-type: none;
 291             }
 292         }
 293
 294         .notification_method {
 295             background-color: #FFE;
 296             border: 1px solid #CCC;
 297             border-radius: 5px;
 298             display: inline-block;
 299             margin: .5em 0;
 300             padding: .1em .3em;
 301
 302             &.none {
 303                 background-color: #EEE;
 304             }
 305         }
 306
 307         .hold-found-barcode {
 308             display: inline-block;
 309             font-size: 90%;
 310         }
 311     }
 312 }
 313
 314 h1 {
 315     font-size: 161.6%;
 316     font-weight: bold;
 317
 318     &#logo {
 319         border: 0 none;
 320         float: left;
 321         margin: .75em .3em .75em .7em;
 322         padding: 0;
 323         width: 180px;
 324     }
 325 }
 326
 327 h2 {
 328     font-size: 146.5%;
 329     font-weight: bold;
 330 }
 331
 332 h3 {
 333     font-size: 131%;
 334     font-weight: bold;
 335 }
 336
 337 h4 {
 338     font-size: 116%;
 339     font-weight: bold;
 340 }
 341
 342 h5 {
 343     font-size: 100%;
 344     font-weight: bold;
 345 }
 346
 347 h6 {
 348     font-size: 93%;
 349     font-weight: bold;
 350 }
 351
 352 h1,
 353 h2,
 354 h3,
 355 h4,
 356 h5,
 357 h6 {
 358     margin: .3em 0;
 359 }
 360
 361 hr {
 362     clear: both;
 363     margin: 1em 0;
 364 }
 365
 366 p {
 367     margin: .5em 0;
 368 }
 369
 370 strong {
 371     font-weight: bold;
 372
 373     em {
 374         font-style: italic;
 375         font-weight: bold;
 376     }
 377
 378     em & {
 379         font-style: italic;
 380         font-weight: bold;
 381     }
 382 }
 383
 384 em,
 385 cite {
 386     font-style: italic;
 387 }
 388
 389 input,
 390 textarea {
 391     &:focus {
 392         border-color: #538200;
 393         border-radius: 4px;
 394     }
 395 }
 396
 397 input {
 398     &[type="checkbox"],
 399     &[type="radio"] {
 400         margin: 0;
 401         vertical-align: middle;
 402     }
 403
 404     &[type="submit"],
 405     &[type="button"] {
 406         &:active {
 407             border: 1px inset #999999;
 408         }
 409     }
 410
 411     &[type="submit"],
 412     &[type="reset"],
 413     &[type="button"] {
 414         @include default-button;
 415
 416         &:active {
 417             border: 1px inset #999999;
 418         }
 419
 420         &:disabled {
 421             @include disabled-button;
 422         }
 423     }
 424
 425     &.submit {
 426         @include default-button;
 427
 428         &:active {
 429             border: 1px inset #999999;
 430         }
 431
 432         &:disabled {
 433             @include disabled-button;
 434         }
 435     }
 436 }
 437
 438 .input-warning {
 439     background-color: #FF9;
 440     border-color: #900;
 441 }
 442
 443 label,
 444 .label {
 445     color: #000;
 446     display: inline;
 447     font-size: inherit;
 448     font-weight: normal;
 449     max-width: inherit;
 450     padding: 0;
 451     vertical-align: middle;
 452
 453     input {
 454         &[type="checkbox"],
 455         &[type="radio"],
 456         &[type="checkbox"],
 457         &[type="radio"] {
 458             margin-top: 0;
 459         }
 460     }
 461
 462     &.circ_barcode {
 463         display: inline-block;
 464         font-size: 105%;
 465         font-weight: bold;
 466         margin-bottom: 1rem;
 467         max-width: 75%;
 468     }
 469
 470     &.required {
 471         color: #C00;
 472     }
 473 }
 474
 475 .subfield-label {
 476     font-style: italic;
 477
 478     span {
 479         &.subfield-code {
 480             font-weight: bold;
 481         }
 482     }
 483 }
 484
 485 .members-update-table {
 486     padding-top: 10px;
 487 }
 488
 489 #navmenulist {
 490     li {
 491         border-bottom: 1px solid #EEE;
 492         list-style-image: url("../img/arrow-bullet.gif");
 493         padding: .2em 0;
 494
 495         a {
 496             text-decoration: none;
 497
 498             &.current {
 499                 font-weight: bold;
 500             }
 501         }
 502     }
 503 }
 504
 505 .main {
 506     margin-bottom: $language-footer-min-height * 1.5;
 507     margin-top: 1em;
 508 }
 509
 510 #login_controls {
 511     padding: .4em .5em;
 512     position: absolute;
 513     right: .5em;
 514 }
 515
 516 ul {
 517     padding-left: 1.1em;
 518
 519     li {
 520         list-style-type: disc;
 521
 522         input {
 523             &.submit {
 524                 font-size: 87%;
 525                 padding: 2px;
 526             }
 527         }
 528
 529         li {
 530             list-style-type: circle;
 531         }
 532     }
 533
 534     .toolbar {
 535         padding-left: 0;
 536
 537         button {
 538             font-family: $font-main;
 539             padding-bottom: 2px;
 540         }
 541
 542         li {
 543             display: inline;
 544             list-style: none;
 545         }
 546     }
 547
 548     &.budget_hierarchy {
 549         margin-left: 0;
 550         padding-left: 0;
 551
 552         li {
 553             display: inline;
 554
 555             &::after {
 556                 content: " -> ";
 557             }
 558
 559             &:first-child {
 560                 &::after {
 561                     content: "";
 562                 }
 563             }
 564
 565             &:last-child {
 566                 &::after {
 567                     content: "";
 568                 }
 569             }
 570         }
 571     }
 572
 573     // For Font Awesome icon bullets
 574     &.fa-ul {
 575         li {
 576             list-style-type: none;
 577         }
 578     }
 579
 580     &.ui-tabs-nav {
 581         li {
 582             list-style: none;
 583         }
 584     }
 585 }
 586
 587 ol {
 588     padding-left: 1.5em;
 589
 590     li {
 591         list-style: decimal;
 592     }
 593
 594     &.bibliodetails {
 595         float: left;
 596         margin: 0 0 1em 1em;
 597     }
 598 }
 599
 600
 601 .gradient {
 602     background-image: linear-gradient(to bottom, rgb(230, 240, 242) 1%, rgb(255, 255, 255) 99%);
 603     display: inline-block;
 604     width: 100%;
 605 }
 606
 607 .cart-controls {
 608     border-top: 1px solid #E8E8E8;
 609     padding: 7px 0;
 610 }
 611
 612 #editions {
 613     table,
 614     td {
 615         border: 0;
 616     }
 617 }
 618
 619 .overdue,
 620 .debit {
 621     color: #CC0000;
 622     font-weight: bold;
 623 }
 624
 625 .strong {
 626     font-weight: bold;
 627 }
 628
 629 .problem {
 630     color: #990000;
 631     font-weight: bold;
 632 }
 633
 634 fieldset {
 635     background-color: #F4F8F9;
 636     border: 2px solid #B9D8D9;
 637     border-radius: 5px;
 638     margin: 1em 1em 1em 0;
 639     padding: 1em;
 640
 641     + fieldset {
 642         &.action {
 643             padding-top: 20px;
 644         }
 645     }
 646
 647     &.lastchecked {
 648         border-bottom-left-radius: 0;
 649         border-bottom-right-radius: 0;
 650         border-bottom-width: 0;
 651         margin-bottom: 0;
 652         margin-right: 0;
 653     }
 654
 655     .standard {
 656         background-color:#f4f8f9 !important;
 657     }
 658
 659     .contrast {
 660         background-color:#F3F3F3 !important;
 661     }
 662
 663     &.action {
 664         background-color: transparent;
 665         border: 0;
 666         clear: both;
 667         float: none;
 668         margin: .9em 0 0;
 669         padding: .4em;
 670         width: auto;
 671     }
 672
 673     &.brief {
 674         border: 2px solid #B9D8D9;
 675
 676         div {
 677             &.hint {
 678                 margin-bottom: .4em;
 679             }
 680         }
 681
 682         label {
 683             display: block;
 684             font-weight: bold;
 685             padding: .3em 0;
 686
 687             &.inline {
 688                 display: inline;
 689                 float: none;
 690                 margin-left: 1em;
 691                 width: auto;
 692             }
 693         }
 694
 695         li {
 696             &[aria-disabled="true"] {
 697                 color: #999;
 698             }
 699
 700             &.inline {
 701                 display: inline;
 702                 float: none;
 703                 margin-left: 1em;
 704                 width: auto;
 705             }
 706
 707             &.radio,
 708             &.checkbox {
 709                 label {
 710                     display: inline;
 711                 }
 712             }
 713         }
 714
 715         ol,
 716         li {
 717             list-style-type: none;
 718         }
 719
 720         span {
 721             .label {
 722                 display: block;
 723                 font-weight: bold;
 724                 padding: .3em 0;
 725                 text-align: left;
 726             }
 727         }
 728
 729         .action {
 730             margin-left: 1em;
 731         }
 732     }
 733
 734     &.rows {
 735         border: 2px solid #B9D8D9;
 736         border-width: 1px;
 737         clear: left;
 738         float: left;
 739         font-size: 90%;
 740         margin: .9em 0 0;
 741         padding: 0;
 742         width: 100%;
 743
 744         fieldset {
 745             background-color: transparent;
 746             border-width: 1px;
 747             margin: 1em;
 748             padding: .3em;
 749
 750             &.action {
 751                 padding: 1em;
 752             }
 753         }
 754
 755         &.inputnote {
 756             clear: left;
 757             float: left;
 758             margin: 1em 0 0 11em;
 759         }
 760
 761
 762         &.left {
 763             label {
 764                 text-align: left;
 765                 width: 8em;
 766             }
 767
 768             li {
 769                 padding-bottom: .4em;
 770             }
 771
 772             span {
 773                 label {
 774                     text-align: left;
 775                     width: 8em;
 776                 }
 777             }
 778         }
 779
 780         &.ui-accordion-content {
 781             border-top-left-radius: 0;
 782             border-top-right-radius: 0;
 783             margin: 0;
 784             padding: 0;
 785             width: 100%;
 786
 787             table {
 788                 margin: 0;
 789             }
 790         }
 791
 792         &.unselected {
 793             background-color: #FFFFFF;
 794             border: 0;
 795             border-width: 0;
 796         }
 797
 798         caption {
 799             font-size: 120%;
 800         }
 801
 802         div {
 803             &.hint {
 804                 margin: .5em 0;
 805                 margin-left: 10.5em;
 806             }
 807         }
 808
 809         label {
 810             float: left;
 811             font-weight: bold;
 812             margin-right: 1em;
 813             text-align: right;
 814             width: 9em;
 815
 816             &.error {
 817                 float: none;
 818                 margin-left: 1em;
 819                 width: auto;
 820             }
 821
 822             &.inline {
 823                 display: inline;
 824                 float: none;
 825                 margin-left: 1em;
 826             }
 827
 828             &.radio {
 829                 display: inline-block;
 830                 margin: 0 1em 0 0;
 831                 padding: 0;
 832                 width: auto;
 833             }
 834
 835             &.yesno {
 836                 float: none;
 837                 width: auto;
 838             }
 839         }
 840
 841         legend {
 842             font-size: 110%;
 843             font-weight: bold;
 844             margin-left: 1em;
 845         }
 846
 847         li {
 848             clear: left;
 849             float: left;
 850             list-style-type: none;
 851             padding-bottom: 1em;
 852             width: 100%;
 853
 854             &[aria-disabled="true"] {
 855                 color: #999;
 856             }
 857
 858             &.radio {
 859                 margin: 0;
 860                 padding-left: 9em;
 861                 width: auto;
 862
 863                 input + label {
 864                     margin-left: 0;
 865                     padding-left: 0;
 866                 }
 867
 868                 label {
 869                     float: none;
 870                     margin: 0 0 0 1em;
 871                     width: auto;
 872                 }
 873             }
 874
 875             input + label {
 876                 margin-left: 0;
 877                 padding-left: 0;
 878             }
 879
 880             fieldset {
 881                 margin-left: 10em;
 882
 883                 label {
 884                     width: 6em;
 885                 }
 886
 887                 li.radio {
 888                     padding-left: 0;
 889                 }
 890             }
 891
 892             legend {
 893                 margin-bottom: 0;
 894             }
 895         }
 896
 897         ol {
 898             list-style-type: none;
 899             padding: 1em 1em 0;
 900
 901             &.radio {
 902                 label {
 903                     float: none;
 904                     margin-left: 20px;
 905                     margin-right: 30px;
 906                     padding-left: 0;
 907                     vertical-align: middle;
 908                     width: auto;
 909
 910                     &.radio {
 911                         float: left;
 912                         margin-right: 1em;
 913                         margin-top: 0;
 914                         width: 9em;
 915                     }
 916                 }
 917
 918                 input {
 919                     &[type="checkbox"],
 920                     &[type="radio"] {
 921                         margin-left: -20px;
 922                     }
 923                 }
 924             }
 925         }
 926
 927         p {
 928             margin: 1em 0 1em 1em;
 929         }
 930
 931         span {
 932             &.label {
 933                 float: left;
 934                 font-weight: bold;
 935                 margin-right: 1em;
 936                 text-align: right;
 937                 width: 9em;
 938             }
 939         }
 940
 941         table {
 942             clear: both;
 943             font-size: 105%;
 944             margin: 1em 0 1em 1em;
 945
 946             &.dataTable {
 947                 margin: 0;
 948             }
 949
 950             &.mceListBox {
 951                 margin: 0;
 952             }
 953         }
 954
 955         td {
 956             label {
 957                 float: none;
 958                 font-weight: normal;
 959                 width: auto;
 960             }
 961         }
 962
 963         .inputnote {
 964             clear: left;
 965             float: left;
 966             margin: 1em 0 0 11em;
 967         }
 968
 969         + h3 {
 970             clear: both;
 971             padding-top: .5em;
 972         }
 973
 974         .dataTables_wrapper {
 975             label {
 976                 font-weight: 400;
 977                 width: unset;
 978             }
 979         }
 980
 981         .dropdown-menu {
 982             li {
 983                 padding-bottom: 0;
 984             }
 985         }
 986     }
 987 }
 988
 989 #multi_receiving {
 990     fieldset {
 991         &.rows {
 992             label {
 993                 width: 50%;
 994             }
 995         }
 996     }
 997 }
 998
 999 legend {
1000     background-color: #FFFFFF;
1001     border: 2px solid #B9D8D9;
1002     border-radius: 3px;
1003     font-size: 123.1%;
1004     font-weight: bold;
1005     padding: .2em .5em;
1006     width: auto;
1007 }
1008
1009 details {
1010     > summary {
1011         cursor: pointer;
1012
1013         &::before {
1014             content: "\f0da";
1015             display: inline-block;
1016             font-family: FontAwesome;
1017             width: 1em;
1018         }
1019
1020         &.checkouts-by-itemtype {
1021             li {
1022                 display: inline-block;
1023             }
1024         }
1025     }
1026 }
1027
1028 details[open] {
1029     > summary {
1030         &::before {
1031             content: "\f0d7";
1032         }
1033     }
1034 }
1035
1036
1037 #floating-save {
1038     background-color: rgba(185, 216, 217, .6);
1039     bottom: 3%;
1040     position: fixed;
1041     right: 1%;
1042     width: 150px;
1043 }
1044
1045 #breadcrumbs {
1046     background-color: #E6F0F2;
1047     clear: both;
1048     margin: 0;
1049     padding: .8em .5em .8em 10px;
1050     position: relative;
1051
1052     .title {
1053         font-style: italic;
1054         font-weight: normal;
1055     }
1056 }
1057
1058 #header {
1059     + #breadcrumbs {
1060         margin-top: 1em;
1061     }
1062
1063     > .container-fluid {
1064         padding: 0;
1065     }
1066 }
1067
1068 div {
1069     &.action {
1070         background-color: transparent;
1071         border: 0;
1072         clear: both;
1073         float: none;
1074         margin: .9em 0 0;
1075         padding: .4em;
1076         width: auto;
1077     }
1078
1079     .renew_formfield {
1080         margin-bottom: 1em;
1081     }
1082
1083     .circmessage {
1084         margin-bottom: .3em;
1085         padding: 0 .4em .4em;
1086
1087         &:first-child {
1088             margin-top: 1em;
1089         }
1090     }
1091
1092     &.first {
1093         fieldset {
1094             margin-right: 0;
1095         }
1096     }
1097
1098     &.help {
1099         margin: .9em 0 0;
1100     }
1101
1102     &.justify {
1103         text-align: justify;
1104     }
1105
1106     &.message {
1107         background: linear-gradient(to bottom, #FFFFFF 0%, #F4F6FA 2%, #EAEEF5 23%, #E8EDF6 94%, #CDDBF2 100%);
1108         border: 1px solid #BCBCBC;
1109         text-align: center;
1110         width: 55%;
1111
1112         ul,
1113         h5 {
1114             padding-left: 25%;
1115             text-align: left;
1116         }
1117
1118         ul + h4 {
1119             margin-top: .7em;
1120         }
1121     }
1122
1123     &.note {
1124         background: linear-gradient(to bottom, #F4F6FA 0%, #E8EDF6 100%); // W3C
1125         border: 1px solid #BCBCBC;
1126         margin: .5em 0;
1127         padding: .5em;
1128
1129         i {
1130             &.fa-exclamation {
1131                 color: #CC0000;
1132                 font-style: italic;
1133                 padding: 0 .3em;
1134             }
1135         }
1136     }
1137
1138     // Tools > automatic_item_modification_by_age
1139     &.rules {
1140         display: block;
1141     }
1142
1143     &[class$="_table_controls"] {
1144         padding: .7em 0;
1145     }
1146
1147     &.results {
1148         padding: .7em 0;
1149     }
1150
1151     &.rule {
1152         background-color: #F4F8F9;
1153         border: 2px solid #B9D8D9;
1154         border-radius: 5px;
1155         margin: .3em;
1156         padding: .3em;
1157     }
1158
1159     &.lastchecked {
1160         border: 2px solid #BCDB89;
1161         border-bottom-left-radius: 5px;
1162         border-bottom-right-radius: 5px;
1163         padding: .2em 1em;
1164     }
1165
1166     &.listgroup {
1167         clear: left;
1168
1169         h4 {
1170             font-style: italic;
1171
1172             a {
1173                 font-size: 80%;
1174             }
1175         }
1176
1177         input {
1178             font-size: 90%;
1179             padding: .2em .6em;
1180         }
1181     }
1182
1183     &.sysprefs {
1184         h3 {
1185             margin: .2em 0 .2em .4em;
1186         }
1187
1188         dl {
1189             margin-left: 1.5em;
1190         }
1191
1192         &.hint {
1193             float: right;
1194             margin: .7em;
1195             padding: .5em;
1196             width: 25%;
1197         }
1198     }
1199
1200     &.rows {
1201         clear: left;
1202         float: left;
1203         margin: 0;
1204         padding: 0;
1205         width: 100%;
1206
1207         + div {
1208             &.rows {
1209                 margin-top: .6em;
1210             }
1211         }
1212
1213         li {
1214             border-bottom: 1px solid #EEE;
1215             clear: left;
1216             float: left;
1217             list-style-type: none;
1218             padding: .275em;
1219             width: 100%;
1220         }
1221
1222         ol {
1223             list-style-type: none;
1224             padding: .5em 1em 0 0;
1225
1226             li {
1227                 li {
1228                     border-bottom: 0;
1229                 }
1230             }
1231         }
1232
1233         p {
1234             margin-left: 10em;
1235         }
1236
1237         span {
1238             &.label {
1239                 float: left;
1240                 font-weight: bold;
1241                 margin-right: 1em;
1242                 padding-top: 0;
1243                 text-align: left;
1244                 width: 9em;
1245             }
1246         }
1247     }
1248
1249     &.pages {
1250         margin: .5em 0;
1251
1252         a {
1253             font-weight: bold;
1254             padding: 1px 5px;
1255             text-decoration: none;
1256
1257             &:link,
1258             &:visited {
1259                 background-color: #EEEEEE;
1260                 color: #3366CC;
1261             }
1262
1263             &:hover,
1264             &:active {
1265                 background-color: #FFC;
1266             }
1267         }
1268
1269         .current,
1270         .currentPage {
1271             background-color: #E6FCB7;
1272             color: #666;
1273             font-weight: bold;
1274             padding: 1px 5px;
1275         }
1276
1277         .inactive {
1278             background-color: #F3F3F3;
1279             color: #BCBCBC;
1280             font-weight: bold;
1281             padding: 1px 5px;
1282         }
1283     }
1284
1285     .browse {
1286         margin: .5em 0;
1287     }
1288 }
1289
1290 #header_search {
1291     background-position: .5em .5em;
1292     background-repeat: no-repeat;
1293     float: left;
1294     margin: .3em 0 .5em;
1295
1296     input {
1297         &[type="submit"] {
1298             border-radius: 3px;
1299             padding: .2em .8em;
1300         }
1301     }
1302
1303     div {
1304         &.residentsearch {
1305             border: 0;
1306             border-bottom: 1px solid #85CA11;
1307             padding: 0 0 .2em;
1308         }
1309     }
1310
1311     ul {
1312         &.ui-tabs-nav {
1313             margin-left: 1em;
1314             padding-top: 0;
1315
1316             li {
1317                 &.ui-state-default {
1318                     background: transparent none;
1319                     border: 0;
1320                     top: 0;
1321
1322                     a {
1323                         padding: .3em .6em;
1324                     }
1325                 }
1326
1327                 &.ui-tabs-active {
1328                     background-color: #FFFFF1;
1329                     border: 1px solid #85CA11;
1330                     border-top-width: 0;
1331                     top: -2px;
1332
1333                     a {
1334                         text-decoration: none;
1335                     }
1336                 }
1337             }
1338         }
1339     }
1340
1341     .ui-corner-top {
1342         border-radius: 0 0 4px 4px;
1343     }
1344
1345     > div,
1346     > ul {
1347         display: none;
1348
1349         > li {
1350             display: none;
1351
1352             &:first-of-type {
1353                 display: block;
1354             }
1355         }
1356
1357         &:first-of-type {
1358             display: block;
1359         }
1360     }
1361
1362     .head-searchbox {
1363         font-size: 1.3em;
1364         width: 30em;
1365     }
1366 }
1367
1368 #reserves,
1369 #checkouts {
1370     border: 1px solid #B9D8D9;
1371     padding: 1em;
1372 }
1373
1374 #sales {
1375     display: none;
1376 }
1377
1378 .tip {
1379     color: #808080;
1380 }
1381
1382 .single-line {
1383     white-space: nowrap;
1384 }
1385
1386 .ex {
1387     font-family: $font-monospace;
1388     font-weight: bold;
1389 }
1390
1391 dt {
1392     font-weight: bold;
1393 }
1394
1395 dd {
1396     font-size: 90%;
1397     font-weight: normal;
1398     padding: .2em .2em .2em 2.5em;
1399 }
1400
1401 #toolbar,
1402 .btn-toolbar {
1403     background-color: #EDF4F6;
1404     border: 1px solid #E6F0F2;
1405     border-radius: 5px 5px 0 0;
1406     margin: 0;
1407     padding: 5px;
1408
1409     .dropdown-menu {
1410         border-top-width: 1px;
1411         font-size: 13px;
1412     }
1413
1414     &.floating {
1415         border-radius: 0;
1416         margin-top: 0;
1417         z-index: 300;
1418     }
1419
1420     a.addtocart {
1421         display: block;
1422     }
1423
1424     a.cartRemove {
1425         padding: 6px 12px;
1426         font-size: 12px;
1427         display: none;
1428     }
1429
1430     a.addtocart.incart {
1431         display: none;
1432     }
1433
1434     a.cartRemove.incart {
1435         display: block;
1436     }
1437 }
1438
1439 #disabled {
1440     a {
1441         color: #999;
1442
1443         &:hover {
1444             color: #999;
1445         }
1446     }
1447 }
1448
1449 #disabled2 {
1450     a {
1451         color: #999;
1452     }
1453 }
1454
1455
1456 .patroninfo {
1457     margin-top: -.5em;
1458
1459     h5 {
1460         border-right: 1px solid #B9D8D9;
1461         margin-bottom: 0;
1462         padding-bottom: .5em;
1463         padding-left: 0em;
1464         padding-top: .5em;
1465
1466         &:empty {
1467             border-right: 0;
1468         }
1469     }
1470
1471     ul {
1472         border: 0;
1473         border-bottom: 0;
1474         border-right: 1px solid #B9D8D9;
1475         border-top: 0;
1476         margin: 0;
1477         padding: 0;
1478
1479         li {
1480             list-style-type: none;
1481             margin: 0;
1482         }
1483     }
1484
1485     + #menu {
1486         margin-right: 0;
1487     }
1488
1489     > div {
1490         border-right: 1px solid #B9D8D9;
1491         width: 100%;
1492     }
1493
1494     &.is-staff {
1495         h5 {
1496             background-color: #EEE;
1497         }
1498     }
1499 }
1500
1501 .patroninfo-section {
1502     padding: .5em;
1503     margin: .5em;
1504
1505     .rows {
1506         padding: .5em;
1507     }
1508 }
1509
1510 .patroninfo-heading {
1511     background-color: rgba(237, 244, 246, .4);
1512     padding: .5em;
1513     margin-bottom: .3em;
1514     clear: both;
1515
1516     h3 {
1517         display: inline-block;
1518     }
1519
1520     .btn {
1521         float: right;
1522     }
1523 }
1524
1525 /* Patron image */
1526
1527 .patronimage-container {
1528     padding: .2em;
1529     position: relative;
1530
1531     &:hover {
1532         .patronimage {
1533             opacity: .8;
1534         }
1535
1536         .patronimage-controls {
1537             opacity: 1;
1538         }
1539     }
1540 }
1541
1542 .patronimage {
1543     border: 1px solid #EEE;
1544     display: block;
1545     max-width: 160px;
1546     margin: auto;
1547     opacity: 1;
1548     transition: .2s ease;
1549
1550     &.empty {
1551         background: transparent url( "../img/patron-blank.min.svg" ) center 5px no-repeat;
1552         height: 125px;
1553         padding: 0;
1554         width: 80%;
1555     }
1556 }
1557
1558 .patronimage-controls {
1559     left: 50%;
1560     opacity: 0;
1561     position: absolute;
1562     text-align: center;
1563     top: 80%;
1564     transform: translate( -50%, -50% );
1565     transition: .5s ease;
1566 }
1567
1568 .patronimage-control {
1569     padding: 1em 2em;
1570  }
1571
1572 #patronImageEdit input[type="file" ] {
1573     display: inline-block;
1574 }
1575
1576 .patronviews {
1577     border-right: 1px solid #000;
1578     border-top: 1px solid #000;
1579     margin-bottom: .5em;
1580     padding: .5em 0;
1581 }
1582
1583 .column-tool {
1584     font-size: 80%;
1585 }
1586
1587 .hint {
1588     color: #666;
1589     font-size: 95%;
1590 }
1591
1592 .dropdown-menu {
1593     li {
1594         list-style-type: none;
1595     }
1596 }
1597
1598 .btn-toolbar {
1599     fieldset {
1600         &.action {
1601             margin-top: 0;
1602         }
1603     }
1604
1605     .dropdown-menu {
1606         font-size: 13px;
1607     }
1608 }
1609
1610 .rows {
1611     .label {
1612         white-space: normal;
1613     }
1614 }
1615
1616 .readonly,
1617 input[type='text']:read-only {
1618     background: #EEE url("../img/locked.png") center left no-repeat;
1619     border-style: inset;
1620     border-width: 1px;
1621     cursor: default;
1622     padding-left: 15px;
1623 }
1624
1625 .readonly:focus,
1626 input[type='text']:read-only:focus {
1627     border-color: unset;
1628     border-radius: unset;
1629 }
1630
1631 .checkedout {
1632     color: #999999;
1633     font-style: italic;
1634 }
1635
1636 .subfield_not_filled {
1637     background-color: #FFFF99;
1638 }
1639
1640 .important_subfield_not_filled {
1641     background-color : #FFFFCC;
1642 }
1643
1644 .content_hidden {
1645     display: none;
1646     visibility: hidden; // you propably don't need to change this one
1647 }
1648
1649 // the property for the displayed tab
1650 .content_visible {
1651     display: block;
1652     visibility: visible; // you propably don't need to change this one
1653 }
1654
1655 #z3950searcht {
1656     table {
1657         border: 0;
1658         padding: 20px;
1659     }
1660 }
1661
1662 #z3950_search_targets {
1663     height: 338px;
1664     overflow-y: auto;
1665 }
1666
1667 #z3950_search_targets_acq {
1668     height: 308px;
1669     overflow-y: auto;
1670 }
1671
1672 .z3950checks {
1673     padding-left: 1em;
1674 }
1675
1676 .error {
1677     color: #CC0000;
1678 }
1679
1680 // Font Awesome icons
1681 i {
1682     &.error {
1683         color: #CC0000;
1684     }
1685
1686     &.success {
1687         color: #008000;
1688     }
1689
1690     &.warn {
1691         color: #FFA500;
1692     }
1693 }
1694
1695 .circ-setting {
1696     font-size: 85%;
1697     padding-top: .3em;
1698
1699     input {
1700         vertical-align: middle;
1701     }
1702
1703     label {
1704         font-size: inherit;
1705         font-weight: normal;
1706     }
1707 }
1708
1709 .circ-settings {
1710     background-color: #F4F8F9;
1711     border-radius: 0;
1712     border-top: 2px solid #B9D8D9;
1713     display: none;
1714     margin-left: -1em;
1715     margin-right: -1em;
1716     margin-top: 1em;
1717     padding: 1em 1em 0;
1718 }
1719
1720 #show-circ-settings {
1721     margin-top: .5em;
1722 }
1723
1724 .checkin-active-setting {
1725     background-color: #FFC;
1726     border-radius: 3px;
1727     box-shadow: 1px 1px 2px 0 rgba(102, 102, 102, .5);
1728     margin: .5em;
1729     padding: .5em;
1730 }
1731
1732 .form-control-group {
1733     white-space: nowrap;
1734 }
1735
1736 .form-group {
1737     label {
1738         display: block;
1739         margin-bottom: 5px;
1740     }
1741
1742     div {
1743         &.hint {
1744             margin: 5px 0;
1745         }
1746     }
1747 }
1748
1749 .blocker,
1750 .inaccurate-item-statuses {
1751     color: #990000;
1752 }
1753
1754 .circmessage {
1755     li {
1756         list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 25 25'%3E%3Cpath fill='%23999' d='M9.66.95h4.56l9.21 11.85-9.21 10.53H9.66l5.08-10.53z'/%3E%3C/svg%3E");
1757         margin-bottom: .4em;
1758     }
1759 }
1760
1761 #circ_needsconfirmation {
1762     margin: auto;
1763 }
1764
1765 .dialog {
1766     border: 1px solid #BCBCBC;
1767     border-radius: 2px;
1768     margin: 1em auto;
1769     padding: .5em;
1770     text-align: center;
1771     width: 65%;
1772
1773     a {
1774         &.approve {
1775             display: inline-block;
1776         }
1777     }
1778
1779     button,
1780     a.approve {
1781         background: #FFF none;
1782         border: 1px outset #999999;
1783         border-left-color: #666;
1784         border-top-color: #666;
1785         margin: .4em;
1786         padding: .4em;
1787         white-space: pre-line;
1788
1789         &:active {
1790             border: 1px inset #999999;
1791         }
1792
1793         &:hover {
1794             background-color: #FFC;
1795         }
1796     }
1797
1798     h2,
1799     h3,
1800     h4 {
1801         margin: 5px auto;
1802         text-align: center;
1803     }
1804
1805     input {
1806         background-color: #FFFFFF;
1807         border: 1px solid #BCBCBC;
1808         margin: .4em;
1809         padding: .4em .4em .4em 25px;
1810
1811         &:hover {
1812             background-color: #FFC;
1813         }
1814
1815         &[type="submit"] {
1816             background: #FFF none;
1817         }
1818
1819         &.flatpickr-input {
1820             padding: 3px 3px 3px 20px;
1821         }
1822     }
1823
1824     li {
1825         list-style-position: inside;
1826     }
1827
1828     p {
1829         margin-top: 0;
1830         &+p {
1831             margin-top: 5px;
1832         }
1833     }
1834
1835     table {
1836         margin: .5em auto;
1837
1838         td {
1839             text-align: left;
1840         }
1841
1842         th {
1843             text-align: right;
1844         }
1845     }
1846
1847     &.alert,
1848     &.error {
1849         background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%);
1850         border: 1px solid #E0C726;
1851         color: inherit;
1852         text-align: center;
1853         text-shadow: none;
1854
1855         strong {
1856             color: #900;
1857         }
1858     }
1859 }
1860
1861
1862 .approve,
1863 .success {
1864     i {
1865         &.fa {
1866             color: #008000;
1867         }
1868     }
1869 }
1870
1871 .deny {
1872     i {
1873         &.fa {
1874             color: #CC0000;
1875         }
1876     }
1877 }
1878
1879 .new {
1880     i {
1881         &.fa {
1882             color: #425FAF;
1883         }
1884     }
1885 }
1886
1887 .warning {
1888     i {
1889         &.fa-exclamation-triangle {
1890             color: #FFD700;
1891             text-shadow: 0 -1px 0 rgba( 0, 0, 0, .3);
1892         }
1893     }
1894 }
1895
1896 .accesskey {
1897     text-decoration: underline;
1898 }
1899
1900 .missing {
1901     background-color: #FFFFCC;
1902 }
1903
1904 .term {
1905     background-color: #FFC;
1906     color: #990000;
1907 }
1908
1909 // style for shelving location in catalogsearch
1910 .shelvingloc {
1911     display: block;
1912     font-style: italic;
1913 }
1914
1915 #menu {
1916     border-right: 1px solid #B9D8D9;
1917     margin-right: .5em;
1918     padding-bottom: 2em;
1919     padding-top: 1em;
1920
1921     li {
1922         a {
1923             background: linear-gradient(to bottom, #E8F0F6 0%, #E8F0F6 96%, #C1C1C1 100%);
1924             border: 1px solid #B9D8D9;
1925             border-bottom-left-radius: 5px;
1926             border-top-left-radius: 5px;
1927             display: block;
1928             font-size: 111%;
1929             margin: .5em 0;
1930             margin-right: -1px;
1931             padding: .4em .3em;
1932             text-decoration: none;
1933
1934             &:hover {
1935                 background: linear-gradient(to bottom, #FAFAFA 0%, #FFFFFF 96%, #E6E6E6 97%, #CCCCCC 99%, #C1C1C1 100%);
1936                 border-bottom: 1px solid #85CA11;
1937                 border-left: 1px solid #85CA11;
1938                 border-top: 1px solid #85CA11;
1939             }
1940         }
1941
1942         &.active {
1943             a {
1944                 background-color: #FFFFFF;
1945                 background-image: none;
1946                 border-bottom: 1px solid #85CA11;
1947                 border-left: 1px solid #85CA11;
1948                 border-right: 0;
1949                 border-top: 1px solid #85CA11;
1950                 color: #000000;
1951                 font-weight: bold;
1952
1953                 &:hover {
1954                     background-color: #FFFFFF;
1955                     color: #538200;
1956                 }
1957             }
1958         }
1959     }
1960
1961     ul {
1962         li {
1963             list-style-type: none;
1964         }
1965     }
1966 }
1967
1968
1969 #logo {
1970     background: transparent url("../img/koha-logo-medium.png") no-repeat scroll 0%;
1971     margin: .75em .3em .75em .7em;
1972
1973     a {
1974         border: 0;
1975         cursor: pointer;
1976         display: block;
1977         height: 0 !important;
1978         margin: 0;
1979         overflow: hidden;
1980         padding: 44px 0 0;
1981         text-decoration: none;
1982         width: 180px;
1983     }
1984 }
1985
1986 #closewindow {
1987     margin-top: 2em;
1988     text-align: center;
1989
1990     a {
1991         font-weight: bold;
1992     }
1993 }
1994
1995 .barcode {
1996     font-size: 200%;
1997     vertical-align: middle;
1998 }
1999
2000 li {
2001     &.email {
2002         overflow: hidden;
2003         text-overflow: ellipsis;
2004         white-space: nowrap;
2005     }
2006 }
2007
2008 .patronbriefinfo {
2009     li {
2010         &.email {
2011             font-size: 87%;
2012             padding: 0 10px 0 0;
2013             width: 90%;
2014         }
2015     }
2016 }
2017
2018 .empty {
2019     color: #CCC;
2020 }
2021
2022 .address {
2023     font-size: 110%;
2024
2025     li {
2026         list-style-type: none;
2027     }
2028 }
2029
2030 .title {
2031     font-weight: bold;
2032 }
2033
2034 .hold {
2035     float: right;
2036     font-size: 90%;
2037     margin: 0;
2038 }
2039
2040 .thumbnail {
2041     display: block;
2042     margin: auto;
2043 }
2044
2045 .thumbnails {
2046     li {
2047         display: inline-block;
2048         list-style-type: none;
2049         margin: 4px;
2050     }
2051
2052     .remove {
2053         border-top: 1px solid #EEE;
2054         display: block;
2055         font-size: 90%;
2056         margin: 4px -4px 2px -4px;
2057         padding-top: .5em;
2058         text-align: center;
2059     }
2060
2061     & + p {
2062         border-top: 1px solid #eee;
2063         margin-top: 1em;
2064         padding-top: 1em;
2065     }
2066 }
2067
2068 #searchresults {
2069     ul {
2070         li {
2071             clear: left;
2072             font-size: 90%;
2073             list-style: url("../img/item-bullet.gif");
2074             padding: .2em 0;
2075
2076             img {
2077                 float: left;
2078                 margin: 3px 5px 3px -5px;
2079             }
2080         }
2081     }
2082
2083     span {
2084         &.status {
2085             clear: left;
2086             color: #900;
2087             display: block;
2088         }
2089
2090         &.unavailable {
2091             clear: left;
2092             display: block;
2093         }
2094     }
2095
2096     table {
2097         td {
2098             vertical-align: top;
2099         }
2100     }
2101
2102     &.unavailability {
2103         strong {
2104             display: block;
2105         }
2106     }
2107 }
2108
2109 #searchresults {
2110     .address {
2111         ul {
2112             margin: 0;
2113             padding-left: 0;
2114             li {
2115                 clear: none;
2116                 float: left;
2117                 list-style: none;
2118                 margin-left: 1ch;
2119                 padding: 0;
2120             }
2121         }
2122     }
2123 }
2124
2125 .searchheader {
2126     background-color: #E6F0F2;
2127     border: 1px solid #B9D8D9;
2128     border-radius: 5px 5px 0 0;
2129     font-size: 80%;
2130     margin: 0 0 .5em -1px;
2131     padding: .4em 0 .4em 1em;
2132
2133     &.floating {
2134         border-radius: 0;
2135         margin-top: 0;
2136     }
2137
2138     .btn-group {
2139         > .btn {
2140             &:first-child {
2141                 margin-left: .7em;
2142             }
2143         }
2144     }
2145
2146     form {
2147         float: right;
2148         padding: 5px 5px 3px 0;
2149
2150         &.fz3950 {
2151             float: right;
2152             font-size: 125%;
2153             padding: 0 0 0 5em;
2154         }
2155
2156         &.fz3950bigrpad {
2157             float: right;
2158             font-size: 125%;
2159             padding: 5px 25em 0 0;
2160         }
2161     }
2162 }
2163
2164 #search-facets {
2165     border: 1px solid #B9D8D9;
2166     border-radius: 5px 5px 0 0;
2167
2168     h4 {
2169         background-color: #E6F0F2;
2170         border-bottom: 1px solid #B9D8D9;
2171         border-radius: 5px 5px 0 0;
2172         font-size: 90%;
2173         margin: 0;
2174         padding: .4em .2em;
2175         text-align: center;
2176     }
2177
2178     ul {
2179         margin: 0;
2180         padding: .3em;
2181
2182         li {
2183             font-weight: bold;
2184             list-style-type: none;
2185         }
2186     }
2187
2188     li {
2189         li {
2190             font-size: 85%;
2191             font-weight: normal;
2192             margin-bottom: 2px;
2193             padding: .1em .2em;
2194         }
2195
2196         &.showmore {
2197             font-weight: bold;
2198             text-indent: 1em;
2199         }
2200     }
2201 }
2202
2203 .facet-count {
2204     display: inline-block;
2205 }
2206
2207 .bookcoverimg {
2208     text-align: center;
2209 }
2210
2211 .custom_cover_image {
2212     img {
2213         max-width: 140px;
2214     }
2215 }
2216
2217 #biblio-cover-slider {
2218     border: 1px solid #b9d8d9;
2219     border-radius: 3px;
2220     margin: 5px;
2221     padding: 10px 5px 5px 5px;
2222     min-height: 175px;
2223 }
2224
2225 .cover-slides {
2226     background: #FFF url("../img/spinner-small.gif") center center no-repeat;
2227
2228     .hint {
2229         font-size: 90%;
2230         padding: .5em 0;
2231     }
2232
2233     a {
2234         &.nav-active {
2235             &:link,
2236             &:visited {
2237                 color: #85ca11;
2238             }
2239         }
2240     }
2241 }
2242
2243 td {
2244     &.bookcoverimg {
2245         background: #FFF url("../img/spinner-small.gif") center center no-repeat;
2246         min-width: 120px;
2247         text-align: center;
2248     }
2249
2250     .cover-slides {
2251         background: transparent none;
2252         border: 0;
2253         margin: 0;
2254         min-height: unset;
2255         padding: 0;
2256     }
2257 }
2258
2259 .cover-image {
2260     display: none;
2261
2262     img {
2263         height: auto;
2264         max-width: 100%;
2265     }
2266 }
2267
2268 .cover-nav {
2269     display: inline-block;
2270     padding: 3px 4px;
2271 }
2272
2273 .searchhighlightblob {
2274     font-size: 75%;
2275     font-style: italic;
2276 }
2277
2278 #irregularity_summary {
2279     vertical-align: top;
2280 }
2281
2282 #CheckAll,
2283 #CheckNone,
2284 #CheckPending {
2285     font-weight: normal;
2286     margin: 0 .5em 0 0;
2287 }
2288
2289 .lost,
2290 .dmg,
2291 .wdn {
2292     color: #990000;
2293     display: block;
2294 }
2295
2296 .datedue {
2297     color: #999;
2298     display: block;
2299     font-style: italic;
2300 }
2301
2302 .waitinghere,
2303 .credit {
2304     color: #669900;
2305 }
2306
2307 #mainuserblock {
2308     border: 1px solid #E8E8E8;
2309     margin-top: .5em;
2310     padding: .5em;
2311 }
2312
2313 .labeledmarc-table {
2314     border: 0;
2315 }
2316
2317 .labeledmarc-label {
2318     border: 0;
2319     color: #000000;
2320     font-size: 11pt;
2321     font-style: italic;
2322     padding: 5;
2323 }
2324
2325 .labeledmarc-value {
2326     border: 0;
2327     color: #000;
2328     font-size: 10pt;
2329     padding: 5;
2330 }
2331
2332 #marcPreview {
2333     table {
2334         border: 0;
2335         font-family: $font-monospace;
2336         font-size: 95%;
2337         margin: .7em 0 0;
2338     }
2339
2340     tbody {
2341         tr {
2342             &:nth-child(2n+1) {
2343                 td {
2344                     background-color: #FFFFFF;
2345                 }
2346             }
2347         }
2348     }
2349
2350     td {
2351         border: 0;
2352         padding: 2px;
2353         vertical-align: top;
2354     }
2355
2356     th {
2357         background-color: #FFFFFF;
2358         border: 0;
2359         padding: 2px;
2360         text-align: left;
2361         vertical-align: top;
2362         white-space: nowrap;
2363     }
2364
2365     &.modal-dialog {
2366         width: 80%;
2367     }
2368 }
2369
2370 .modal-dialog {
2371     .dialog {
2372         border-radius: 0;
2373         border-width: 1px 0 0 0;
2374         clear: both;
2375         margin: 15px -15px -15px -15px;
2376         padding: 15px;
2377         text-align: left;
2378         width: unset;
2379
2380         h3 {
2381             margin: unset;
2382             text-align: left;
2383         }
2384
2385         &.alert {
2386             background: #FFFADE none;
2387             border-color: #E0C726;
2388         }
2389
2390         &.message {
2391             background: #E8EDF6 none;
2392             border-color: #A4BEDD;
2393         }
2394     }
2395
2396     &.modal-wide {
2397         width: 80%;
2398     }
2399 }
2400
2401 #cartDetails {
2402     background-color: #FFFFFF;
2403     border: 1px solid #739ACF;
2404     box-shadow: 1px 1px 3px 0 #666;
2405     color: #000;
2406     display: none;
2407     margin: 0;
2408     padding: 10px;
2409     text-align: center;
2410     width: 180px;
2411     z-index: 50;
2412 }
2413
2414 #cartmenulink {
2415     padding-left: 15px;
2416
2417     i.fa.fa-shopping-cart {
2418         padding-right: 7px;
2419     }
2420 }
2421
2422 #basketcount {
2423     span {
2424         display: inline;
2425         font-size: 90%;
2426         font-weight: normal;
2427         padding: 0;
2428     }
2429 }
2430
2431 #moremenu {
2432     display: none;
2433 }
2434
2435 .results_summary {
2436     color: #202020;
2437     display: block;
2438     font-size: 85%;
2439     padding: 0 0 .5em;
2440
2441     a {
2442         font-weight: normal;
2443     }
2444
2445     .label {
2446         color: #707070;
2447     }
2448 }
2449
2450 .child_fund_amount {
2451     font-style: italic;
2452 }
2453
2454 .number_box {
2455     font-size: 105%;
2456     line-height: 200%;
2457
2458     a,
2459     span {
2460         background-color: #E4ECF5;
2461         border: 1px solid #A4BEDD;
2462         border-radius: 4px;
2463         font-weight: bold;
2464         padding: .1em .4em;
2465         text-decoration: none;
2466
2467         &:hover {
2468             background-color: #EBEFF7;
2469         }
2470     }
2471 }
2472
2473 .container {
2474     border: 1px solid #EEE;
2475     margin: 1em 0;
2476     padding: 1em;
2477 }
2478
2479 .import_export {
2480     position: relative;
2481
2482     .export_ok {
2483         background: #E3E3E3 none;
2484         border: 0;
2485         cursor: pointer;
2486         margin-left: 20px;
2487         padding: 10px;
2488     }
2489
2490     .import_export_options {
2491         background: #FFFFFF;
2492         border: 1px solid #CDCDCD;
2493         left: 60px;
2494         padding: 10px;
2495         position: absolute;
2496         top: 0;
2497         width: 300px;
2498         z-index: 1;
2499     }
2500 }
2501
2502 .import_export_options {
2503     background: #E3E3E3 none;
2504     border: 0;
2505     cursor: pointer;
2506     margin-left: 20px;
2507     padding: 10px;
2508
2509     fieldset {
2510         &.rows {
2511             li {
2512                 label {
2513                     width: 16em;
2514                 }
2515             }
2516         }
2517     }
2518
2519     .importing {
2520         background: none;
2521         padding: inherit;
2522     }
2523 }
2524
2525 .form_import {
2526     fieldset {
2527         &.rows {
2528             li {
2529                 label {
2530                     width: auto;
2531                 }
2532             }
2533         }
2534     }
2535
2536     .input_import {
2537         border: 1px solid #BCBCBC;
2538     }
2539 }
2540
2541 .importing {
2542     position: relative;
2543
2544     .importing_msg {
2545         padding-bottom: 10px;
2546         padding-left: 10px;
2547     }
2548 }
2549
2550
2551 .field_hint {
2552     color: #808080;
2553     font-style: italic;
2554     padding-left: 1em;
2555 }
2556
2557 .m880 {
2558     display: block;
2559     float: right;
2560     padding-left: 20px;
2561     text-align: right;
2562     width: 50%;
2563 }
2564
2565 .advsearch {
2566     margin: 0;
2567
2568     table {
2569         border-collapse: separate;
2570         border-spacing: 5px;
2571         border-width: 0;
2572     }
2573
2574     td {
2575         border: 1px solid #EEE;
2576         padding: .3em .4em;
2577     }
2578 }
2579
2580 #circ_circulation_issue {
2581     position: relative;
2582 }
2583
2584 #renew_as_unseen_label {
2585     margin-left: 1em;
2586 }
2587
2588 #renew_as_unseen_checkbox {
2589     margin-right: 1em;
2590 }
2591
2592 #clearscreen {
2593     position: absolute;
2594     right: 0;
2595     top: 0;
2596
2597     a {
2598         background-color: #EEE;
2599         border-radius: 0 0 0 5px;
2600         color: #CCC;
2601         display: block;
2602         font-size: 160%;
2603         font-weight: bold;
2604         padding: 0 .7em .2em;
2605         text-decoration: none;
2606         text-shadow: 0 -1px 0 #666;
2607
2608         &:hover {
2609             color: #CC0000;
2610         }
2611     }
2612 }
2613
2614 #printclearscreen {
2615     position: absolute;
2616     right: 43px;
2617     top: 0;
2618
2619     a {
2620         background-color: #EEE;
2621         border-radius: 0 0 0 5px;
2622         color: #CCC;
2623         display: block;
2624         font-size: 160%;
2625         font-weight: bold;
2626         padding: 0 .7em .2em;
2627         text-decoration: none;
2628         text-shadow: 0 -1px 0 #666;
2629
2630         &:hover {
2631             color: #CC0000;
2632         }
2633     }
2634 }
2635
2636 .no-image {
2637     background-color: #FFFFFF;
2638     border: 1px solid #AAAAAA;
2639     border-radius: 3px;
2640     color: #979797;
2641     display: block;
2642     font-size: 86%;
2643     font-weight: bold;
2644     margin: 1em auto;
2645     padding: 1em;
2646     text-align: center;
2647     width: 75px;
2648 }
2649
2650 #acqui_order_supplierlist {
2651     > div {
2652         &.supplier {
2653             border: 1px solid #EEEEEE;
2654             margin: .5em;
2655             padding: 1em;
2656         }
2657
2658         > div {
2659             > .baskets {
2660                 margin-top: .5em;
2661             }
2662         }
2663
2664         > span {
2665             &.action {
2666                 margin-left: 5em;
2667             }
2668
2669             &.suppliername {
2670                 display: inline;
2671                 font-size: 1.7em;
2672                 margin-bottom: .5em;
2673             }
2674         }
2675     }
2676 }
2677
2678 #ADD-contact {
2679     margin: 0 0 8px 8px;
2680 }
2681
2682 #contact-template {
2683     display: none;
2684 }
2685
2686 // Override core jQueryUI widgets
2687 .ui-widget-content {
2688     background: #FFFFFF none;
2689     border: 1px solid #B9D8D9;
2690     color: #222222;
2691 }
2692
2693 .ui-widget-header {
2694     background: #E6F0F2 none;
2695     border: 1px solid #B9D8D9;
2696     color: #222222;
2697     font-weight: bold;
2698 }
2699
2700 .ui-state-default,
2701 .ui-widget-content .ui-state-default,
2702 .ui-widget-header .ui-state-default {
2703     background: #F4F8F9 none;
2704     border: 1px solid #B9D8D9;
2705     color: #555555;
2706     font-weight: normal;
2707 }
2708
2709 .ui-state-hover,
2710 .ui-widget-content .ui-state-hover,
2711 .ui-widget-header .ui-state-hover,
2712 .ui-state-focus,
2713 .ui-widget-content .ui-state-focus,
2714 .ui-widget-header .ui-state-focus {
2715     background: #E6F0F2 none;
2716     border: 1px solid #B9D8D9;
2717     color: #212121;
2718     font-weight: normal;
2719 }
2720
2721 .ui-state-active,
2722 .ui-widget-content .ui-state-active,
2723 .ui-widget-header .ui-state-active {
2724     background: #FFFFFF none;
2725     border: 1px solid #AAAAAA;
2726     color: #212121;
2727     font-weight: normal;
2728 }
2729
2730 .ui-state-highlight,
2731 .ui-widget-content .ui-state-highlight,
2732 .ui-widget-header .ui-state-highlight {
2733     background: #FFF4C6;
2734     border: 1px solid #FED22F;
2735     color: #363636;
2736 }
2737
2738 .ui-state-error,
2739 .ui-widget-content .ui-state-error,
2740 .ui-widget-header .ui-state-error {
2741     background: #FEF1EC;
2742     border: 1px solid #CD0A0A;
2743     color: #CD0A0A;
2744 }
2745
2746 // Override jQuery Autocomplete
2747 .ui-autocomplete {
2748     box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
2749     cursor: default;
2750     position: absolute;
2751
2752     &.ui-widget-content {
2753         .ui-state-hover {
2754             background: #E6F0F2 none;
2755             border: 1px solid #B9D8D9;
2756             color: #212121;
2757             font-weight: normal;
2758         }
2759     }
2760 }
2761
2762 .ui-autocomplete-loading {
2763     background: #FFF url("../img/spinner-small.gif") right center no-repeat;
2764 }
2765
2766 // jQuery UI standard tabs
2767 .ui-menu {
2768     li {
2769         list-style: none;
2770     }
2771 }
2772
2773 .ui-tabs-nav {
2774     .ui-tabs-active a,
2775     a:hover,
2776     a:focus,
2777     a:active,
2778     span.a {
2779         background: none repeat scroll 0 0 transparent;
2780         outline: 0 none;
2781     }
2782
2783     &.ui-widget-header {
2784         background: none;
2785         border: 0;
2786     }
2787 }
2788
2789 .ui-tabs {
2790     .ui-tabs-nav {
2791         li {
2792             background: #E6F0F2 none;
2793             border: 1px solid #B9D8D9;
2794             margin-right: .4em;
2795             top: 1px;
2796
2797             &.ui-tabs-active {
2798                 background-color: #FFFFFF;
2799                 border: 1px solid #B9D8D9;
2800                 border-bottom-width: 0;
2801
2802                 a {
2803                     color: #000;
2804                     font-weight: bold;
2805                 }
2806
2807                 &.ui-state-hover {
2808                     background: #FFF none;
2809                 }
2810             }
2811
2812             &.ui-state-default {
2813                 &.ui-state-hover {
2814                     background: #EDF4F5 none;
2815                 }
2816             }
2817         }
2818     }
2819
2820     .ui-tabs-panel {
2821         border: 1px solid #B9D8D9;
2822     }
2823
2824     &.ui-widget-content {
2825         background: transparent none;
2826         border: 0;
2827     }
2828
2829     .ui-state-default {
2830         a {
2831             color: #004D99;
2832
2833             &:link,
2834             &:visited {
2835                 color: #004D99;
2836             }
2837         }
2838     }
2839
2840     .ui-state-hover {
2841         a {
2842             color: #538200;
2843
2844             &:link,
2845             &:visited {
2846                 color: #538200;
2847             }
2848         }
2849     }
2850
2851 }
2852
2853 .ui-widget {
2854     font-family: inherit;
2855     font-size: inherit;
2856
2857     input,
2858     select,
2859     textarea,
2860     button {
2861         font-family: inherit;
2862         font-size: inherit;
2863     }
2864 }
2865
2866 .statictabs {
2867     > ul {
2868         background: none repeat scroll 0 0 transparent;
2869         border: 0 none;
2870         border-bottom-left-radius: 4px;
2871         border-bottom-right-radius: 4px;
2872         border-top-left-radius: 4px;
2873         border-top-right-radius: 4px;
2874         color: #222222;
2875         font-size: 100%;
2876         font-weight: bold;
2877         line-height: 1.3;
2878         list-style: none outside none;
2879         margin: 0;
2880         outline: 0 none;
2881         padding: .2em .2em 0;
2882         text-decoration: none;
2883
2884         &::after {
2885             clear: both;
2886         }
2887
2888         &::before,
2889         &::after {
2890             content: "";
2891             display: table;
2892         }
2893
2894         li {
2895             background: none repeat scroll 0 0 #E6F0F2;
2896             border: 1px solid #B9D8D9;
2897             border-bottom: 0 none;
2898             border-top-left-radius: 4px;
2899             border-top-right-radius: 4px;
2900             color: #555555;
2901             float: left;
2902             font-weight: normal;
2903             list-style: none outside none;
2904             margin-bottom: 0;
2905             margin-right: .4em;
2906             padding: 0;
2907             position: relative;
2908             top: 1px;
2909             white-space: nowrap;
2910
2911             &.active {
2912                 background-color: #FFFFFF;
2913                 color: #212121;
2914                 font-weight: normal;
2915                 padding-bottom: 1px;
2916
2917                 a {
2918                     background: none repeat scroll 0 0 transparent;
2919                     color: #000000;
2920                     cursor: text;
2921                     font-weight: bold;
2922                     outline: 0 none;
2923                     top: 1px;
2924                 }
2925             }
2926
2927             a {
2928                 color: #004D99;
2929                 cursor: pointer;
2930                 float: left;
2931                 padding: .5em 1em;
2932                 text-decoration: none;
2933
2934                 &:hover {
2935                     background-color: #EDF4F5;
2936                     border-top-left-radius: 4px;
2937                     border-top-right-radius: 4px;
2938                     color: #538200;
2939                 }
2940             }
2941         }
2942     }
2943
2944     .tabs-container {
2945         background: none repeat scroll 0 0 transparent;
2946         border: 1px solid #B9D8D9;
2947         border-bottom-left-radius: 4px;
2948         border-bottom-right-radius: 4px;
2949         color: #222222;
2950         display: block;
2951         padding: 1em 1.4em;
2952     }
2953 }
2954
2955 .toptabs {
2956         .ui-tabs-panel {
2957             background: #FFF none;
2958         }
2959 }
2960
2961 .authref {
2962     font-style: normal;
2963     text-indent: 4em;
2964 }
2965
2966 .seefrom,
2967 .seealso {
2968     font-style: italic;
2969     text-indent: 2em;
2970 }
2971
2972 #authfinderops {
2973     float: right;
2974 }
2975
2976 .authorizedheading {
2977     font-weight: bold;
2978 }
2979
2980 .authres_notes,
2981 .authres_seealso,
2982 .authres_otherscript {
2983     padding-top: 3px;
2984 }
2985
2986 .authres_notes {
2987     font-style: italic;
2988 }
2989
2990
2991 .contents {
2992     width: 75%;
2993
2994     .newline::after {
2995         content: "\A → ";
2996         white-space: pre;
2997     }
2998
2999     .t {
3000         font-weight: bold;
3001         display: inline;
3002     }
3003
3004     .r {
3005         display: inline;
3006     }
3007 }
3008
3009
3010 .contentblock {
3011     font-size: 95%;
3012     line-height: 135%;
3013     margin-left: 2em;
3014     position: relative;
3015
3016     :first-child::before {
3017         content: "→ ";
3018     }
3019 }
3020
3021 #hierarchies {
3022     a {
3023         color: #069;
3024         font-weight: normal;
3025         text-decoration: underline;
3026
3027         &:hover {
3028             color: #990033;
3029         }
3030     }
3031 }
3032
3033 #didyoumeanopac,
3034 #didyoumeanintranet {
3035     float: left;
3036     width: 260px;
3037 }
3038
3039 .pluginlist {
3040     padding-bottom: 10px;
3041 }
3042
3043 .plugin {
3044     margin: 0 1em 1em 0;
3045 }
3046
3047 .pluginname {
3048     background-color: #E6F0F2;
3049     cursor: move;
3050     margin: .3em;
3051     padding-bottom: 4px;
3052     padding-left: .2em;
3053
3054     .ui-icon {
3055         float: right;
3056     }
3057 }
3058
3059 .plugindesc {
3060     padding: .4em;
3061 }
3062
3063 .ui-sortable-placeholder {
3064     border: 1px dotted #000;
3065     height: 80px;
3066     visibility: visible;
3067
3068     * {
3069         visibility: hidden;
3070     }
3071 }
3072
3073 // jQuery UI Datepicker
3074 .ui-datepicker {
3075     box-shadow: 1px 1px 3px 0 #666;
3076
3077     table {
3078         border: 0;
3079         border-collapse: collapse;
3080         font-size: .9em;
3081         margin: 0 0 .4em;
3082         width: 100%;
3083     }
3084
3085     th {
3086         background: transparent none;
3087         border: 0;
3088         font-weight: bold;
3089         padding: .7em .3em;
3090         text-align: center;
3091     }
3092 }
3093
3094 .ui-datepicker-trigger {
3095     vertical-align: middle;
3096 }
3097
3098 // css for timepicker
3099 .ui-timepicker-div {
3100     dl {
3101         text-align: left;
3102
3103         dd {
3104             margin: 0 10px 10px 65px;
3105         }
3106
3107         dt {
3108             height: 25px;
3109             margin-bottom: -25px;
3110         }
3111
3112         td {
3113             font-size: 90%;
3114         }
3115     }
3116
3117     .ui-widget-header {
3118         margin-bottom: 8px;
3119     }
3120 }
3121
3122 .ui-tpicker-grid-label {
3123     background: none;
3124     border: 0;
3125     margin: 0;
3126     padding: 0;
3127 }
3128
3129 .ui_tpicker_second,
3130 .ui_tpicker_millisec,
3131 .ui_tpicker_microsec {
3132     display: none;
3133 }
3134
3135 // jQuery UI Accordion
3136 .ui-accordion-header,
3137 .ui-widget-content .ui-accordion-header {
3138     font-size: 110%;
3139     font-weight: bold;
3140 }
3141
3142 video {
3143     width: 480px;
3144 }
3145
3146 // Bootstrap overrides
3147
3148 .dropdown-header {
3149     border-top: 1px solid #EEE;
3150     color: #000;
3151     font-weight: bold;
3152     margin-top: 5px;
3153     padding-left: 10px;
3154
3155     &:first-child {
3156         border-top: 0;
3157     }
3158 }
3159
3160 nav {
3161     background: #E6F0F2 none;
3162     border: 0;
3163
3164     &.breadcrumb {
3165         background-color: #E6F0F2;
3166         clear: both;
3167         margin: 0;
3168         padding: .8em .5em .8em 10px;
3169         position: relative;
3170
3171         ol {
3172             margin: 0;
3173             padding-left: 0;
3174             list-style: none;
3175         }
3176
3177         li {
3178             display: inline;
3179
3180             &+li::before {
3181                 background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1yaWdodCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNy4zNyAwbDUuMzUgNy4zYy4yLjIuMi41MSAwIC43bC01LjM4IDhoLTQuMmw1LjY0LTguMzVMMy4xMy4wMXoiLz48L3N2Zz4=") 50% 50% no-repeat;
3182                 background-size: 8px;
3183                 content: '';
3184                 display: inline-block;
3185                 height: .8em;
3186                 width: .8em;
3187             }
3188
3189         }
3190
3191         [aria-current="page"] {
3192             color: #000;
3193             font-weight: 700;
3194             text-decoration: none;
3195         }
3196     }
3197
3198
3199 }
3200
3201 .navbar-collapse {
3202     background: #E6F0F2 none;
3203     box-shadow: none;
3204 }
3205
3206 .navbar-nav {
3207     li {
3208         list-style: none;
3209
3210         &.open {
3211             li {
3212                 a {
3213                     font-weight: normal;
3214                 }
3215             }
3216         }
3217
3218         a {
3219             font-weight: bold;
3220             padding-bottom: .4em;
3221             padding-top: .4em;
3222         }
3223     }
3224 }
3225
3226 .nav .open > a,
3227 .nav .open > a:hover,
3228 .nav .open > a:focus {
3229     background-color: transparent;
3230     border: 0;
3231 }
3232
3233 .nav > li > a:hover,
3234 .nav > li > a:focus {
3235     background-color: transparent;
3236     text-decoration: none;
3237 }
3238
3239 .pagination {
3240     margin:.5em .8em;
3241
3242     .active {
3243         a {
3244             background-color: #5A9EAA;
3245             border-color: #5A9EAA;
3246
3247             &:hover,
3248             &:focus {
3249                 background-color: #5A9EAA;
3250                 border-color: #5A9EAA;
3251             }
3252         }
3253
3254         span {
3255             background-color: #5A9EAA;
3256             border-color: #5A9EAA;
3257
3258             &:hover,
3259             &:focus {
3260                 background-color: #5A9EAA;
3261                 border-color: #5A9EAA;
3262             }
3263         }
3264     }
3265 }
3266
3267 button,
3268 .btn {
3269     border-color: #ADADAD #ADADAD #949494;
3270     font-family: $font-main;
3271
3272     &.btn-link {
3273         border: 0;
3274     }
3275 }
3276
3277 .btn-xs,
3278 .btn-group-xs > .btn {
3279     font-size: 10.5px;
3280     padding: 3px 5px;
3281 }
3282
3283 #toolbar {
3284     .dropdown-menu {
3285         border-top-width: 1px;
3286         font-size: 13px;
3287     }
3288
3289     &.floating {
3290         border-radius: 0;
3291         margin-top: 0;
3292     }
3293 }
3294
3295 #changelanguage {
3296     background: #FFF none;
3297     border-top: 1px solid #EEE;
3298     min-height: $language-footer-min-height;
3299
3300     .dropdown-menu {
3301         > li {
3302             > a,
3303             > span {
3304                 padding: 5px 15px;
3305             }
3306         }
3307     }
3308
3309     .navbar-text {
3310         margin: 0;
3311
3312         span {
3313             display: block;
3314             line-height: 20px;
3315         }
3316     }
3317
3318     .navbar-nav {
3319         li {
3320             a {
3321                 line-height: 20px;
3322             }
3323         }
3324     }
3325 }
3326
3327 .loggedout {
3328     color: #004D99;
3329     font-weight: bold;
3330     padding: .4em .2em;
3331 }
3332
3333 .navbar-fixed-bottom {
3334     .navbar-inner {
3335         min-height: 0;
3336         padding: .4em 0;
3337     }
3338
3339     .nav > li {
3340         border-right: 1px solid #CCC;
3341
3342         > a {
3343             font-weight: normal;
3344         }
3345
3346         &:last-child {
3347             border-right: 0;
3348         }
3349
3350         &.navbar-text {
3351             line-height: normal;
3352             padding: .4em .7em;
3353         }
3354     }
3355 }
3356
3357 .tooltip {
3358     &.bottom {
3359         .tooltip-arrow {
3360             border-bottom-color: #EEE;
3361         }
3362
3363         .tooltip-inner {
3364             background-color: #FFFFFF;
3365             border: 1px solid rgba(0, 0, 0, .2);
3366             box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
3367             color: #000;
3368             font-size: 120%;
3369             padding: 1em;
3370         }
3371     }
3372 }
3373
3374 .separator {
3375     color: #666;
3376     padding: 0 .2em;
3377 }
3378
3379 .close {
3380     filter: none;
3381     float: none;
3382     font-size: inherit;
3383     font-weight: normal;
3384     line-height: 1.5;
3385     opacity: inherit;
3386     position: inherit;
3387     right: auto;
3388     text-shadow: none;
3389     top: auto;
3390
3391     &:hover {
3392         color: inherit;
3393         filter: inherit;
3394         font-size: inherit;
3395         opacity: inherit;
3396     }
3397 }
3398
3399
3400 label {
3401     .radio &,
3402     .checkbox & {
3403         margin-left: 20px;
3404         padding-left: 0;
3405     }
3406
3407     &.tip {
3408         display: block;
3409         margin: .5em 0;
3410     }
3411
3412     &.disabled {
3413         color: #CCC;
3414         cursor: not-allowed;
3415     }
3416 }
3417
3418 .radio {
3419     input {
3420         &[type="radio"] {
3421             margin-left: 0;
3422             position: relative;
3423         }
3424     }
3425 }
3426
3427 .checkbox {
3428     input {
3429         &[type="checkbox"] {
3430             margin-left: 0;
3431             position: relative;
3432         }
3433     }
3434 }
3435
3436 .modal-header {
3437     .closebtn {
3438         margin-top: 4px;
3439     }
3440 }
3441
3442 .closebtn {
3443     color: #000;
3444     filter: alpha(opacity = 20);
3445     float: right;
3446     font-size: 21px;
3447     font-weight: bold;
3448     line-height: 1;
3449     opacity: .2;
3450     text-shadow: 0 1px 0 #FFFFFF;
3451
3452     &:hover,
3453     &:focus {
3454         color: #000;
3455         cursor: pointer;
3456         filter: alpha(opacity = 50);
3457         opacity: .5;
3458         text-decoration: none;
3459     }
3460 }
3461
3462 .modal-body {
3463     background-color: #FFF;
3464     overflow-y: auto;
3465
3466     fieldset,
3467     ol {
3468         background-color: transparent;
3469         border: 0;
3470         margin: 0;
3471         padding: 0;
3472     }
3473 }
3474
3475 .modal-content {
3476     background-color: #EDF4F6;
3477 }
3478
3479 .btn-group {
3480     label,
3481     select {
3482         font-size: 13px;
3483     }
3484 }
3485
3486 .tooltip-inner {
3487     white-space: pre-wrap;
3488 }
3489
3490 pre {
3491     background-color: transparent;
3492     border: 0;
3493     border-radius: 0;
3494     color: inherit;
3495     display: block;
3496     font-size: inherit;
3497     line-height: inherit;
3498     margin: 0;
3499     padding: 0;
3500     word-break: break-all;
3501     word-wrap: break-word;
3502 }
3503
3504 code {
3505     background-color: transparent;
3506     border-radius: 0;
3507     color: inherit;
3508     font-size: inherit;
3509     padding: 0;
3510 }
3511
3512 .pagination > li > a,
3513 .pagination > li > span {
3514     font-weight: bold;
3515 }
3516
3517 // End Bootstrap overrides
3518
3519 .waiting {
3520     cursor: wait;
3521 }
3522
3523 #jobpanel,
3524 #jobstatus,
3525 #jobfailed {
3526     display: none;
3527 }
3528
3529 #jobstatus {
3530     margin: .4em;
3531 }
3532
3533 #jobprogress {
3534     background: url("../img/progress.png") -300px 0 no-repeat;
3535     border: 1px solid #666;
3536     display: inline-block;
3537     height: 10px;
3538     width: 200px;
3539  }
3540
3541 .progress_panel {
3542     border: 2px solid #EEE;
3543     border-radius: 5px;
3544     clear: both;
3545     font-size: 120%;
3546     margin: 1em 0;
3547     padding: 1em;
3548 }
3549
3550 progress {
3551     width: 50%;
3552 }
3553
3554 #selections {
3555     white-space: normal;
3556     width: 100%;
3557
3558     input {
3559         margin: 0 2px;
3560         vertical-align: middle;
3561     }
3562
3563     span {
3564         background-color: #EBF3FF;
3565         border-radius: 5px;
3566         display: inline-block;
3567         font-size: 75%;
3568         margin: 3px;
3569         padding: 3px;
3570         white-space: nowrap;
3571
3572         &.selected {
3573             background-color: #CCE0FC;
3574         }
3575     }
3576 }
3577
3578 #changepasswordf {
3579     input {
3580         &[type="text"],
3581         &[type="password"] {
3582             font-family: $font-monospace;
3583             font-size: 140%;
3584             padding: .3em;
3585         }
3586     }
3587 }
3588
3589 // Class to be added to toolbar when it starts being fixed at the top of the screen
3590
3591 .floating {
3592     box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5);
3593     z-index: 100;
3594 }
3595
3596 .inline {
3597     display: inline;
3598 }
3599
3600 .nowrap {
3601     white-space: nowrap;
3602 }
3603
3604 .tag_editor {
3605     background: transparent url("../img/edit-tag.png") top left no-repeat;
3606     display: block;
3607     float: left;
3608     height: 16px;
3609     margin: 4px;
3610     overflow: hidden;
3611     text-indent: 100%;
3612     white-space: nowrap;
3613     width: 16px;
3614
3615     &.upload {
3616         background: transparent none;
3617         font-size: 90%;
3618         height: unset;
3619         overflow: unset;
3620         text-indent: unset;
3621         width: unset;
3622     }
3623 }
3624
3625 .browse-controls {
3626     margin-left: 1.1em;
3627     margin-right: .5em;
3628     padding-bottom: 1em;
3629     padding-top: 1em;
3630 }
3631
3632 #browse-return-to-results {
3633     background-color: #E8F0F6;
3634     border: 1px solid #B9D8D9;
3635     border-bottom-width: 0;
3636     border-top-left-radius: 5px;
3637     border-top-right-radius: 5px;
3638     display: block;
3639     padding: .5em;
3640     text-align: center;
3641 }
3642
3643 .browse-button {
3644     background-color: #FFF;
3645     border: 1px solid #B9D8D9;
3646     color: #004D99;
3647     display: block;
3648     overflow: hidden;
3649     padding: .4em .6em;
3650     text-align: center;
3651     white-space: nowrap;
3652     width: 100%;
3653
3654     &:hover {
3655         background: #FAFAFA;
3656     }
3657 }
3658
3659 span {
3660     &.browse-button {
3661         background: #FAFAFA;
3662         color: #222;
3663     }
3664
3665     &.circ-hlt {
3666         color: #CC0000;
3667         font-weight: bold;
3668     }
3669
3670     &.expired {
3671         color: #990000;
3672         font-style: italic;
3673     }
3674
3675     &.name {
3676         font-style: italic;
3677         font-weight: bold;
3678     }
3679
3680     &.required {
3681         color: #C00;
3682         font-style: italic;
3683         margin-left: .5em;
3684     }
3685
3686     &.important {
3687         color: #EAC117;
3688         font-style: italic;
3689         margin-left: .5em;
3690     }
3691
3692     &[class*=" label-"] {
3693         color: #FFF;
3694         display: inline;
3695         font-size: 75%;
3696         font-weight: normal;
3697         padding: .2em .6em .3em;
3698     }
3699 }
3700
3701
3702 .result-biblio-itemtype {
3703     float: right;
3704     font-size: 85%;
3705     margin: .5em;
3706     padding: .5em;
3707     text-align: center;
3708
3709     img {
3710         display: block;
3711         margin: auto;
3712         margin-bottom: 2px;
3713     }
3714 }
3715
3716 #browse-previous {
3717     border-bottom-width: 0;
3718 }
3719
3720 #browse-next {
3721     border-bottom-right-radius: 5px;
3722     border-bottom-left-radius: 5px;
3723 }
3724
3725 .loading-overlay {
3726     background-color: #FFFFFF;
3727     cursor: wait;
3728     height: 100%;
3729     left: 0;
3730     opacity: .7;
3731     position: fixed;
3732     top: 0;
3733     width: 100%;
3734     z-index: 1000;
3735
3736     div {
3737         background: transparent url("../img/loading.gif") top left no-repeat;
3738         font-size: 175%;
3739         font-weight: bold;
3740         height: 2em;
3741         left: 50%;
3742         margin: -1em 0 0 -2.5em;
3743         padding-left: 50px;
3744         position: absolute;
3745         top: 50%;
3746         width: 15em;
3747     }
3748 }
3749
3750 #merge_invoices {
3751     display: none;
3752     margin: 1em auto;
3753 }
3754
3755 #merge_table {
3756     tr {
3757         &.active {
3758             td {
3759                 background-color: #FFFFCC;
3760             }
3761         }
3762     }
3763 }
3764
3765 input.renew {
3766     margin-right: 1em;
3767 }
3768
3769 .renewals {
3770     display: block;
3771     font-size: .8em;
3772     padding: .5em;
3773 }
3774
3775 .date-select {
3776     label {
3777         display: inline-block;
3778         width: 40%;
3779     }
3780 }
3781
3782 #newonholdduedate {
3783     display: none;
3784 }
3785
3786 #transport-types {
3787     padding-top: .5px;
3788 }
3789
3790 #i18nMenu {
3791     .navbar-text {
3792         .currentlanguage {
3793             color: #000;
3794             font-weight: bold;
3795         }
3796     }
3797
3798     a {
3799         &.currentlanguage {
3800             &:link,
3801             &:visited {
3802                 font-weight: bold;
3803             }
3804         }
3805
3806         .sublanguage-selected {
3807             color: #000;
3808             font-weight: bold;
3809         }
3810     }
3811 }
3812
3813 .onsite_checkout-select {
3814     label,
3815     #circ_circulation_issue & {
3816         font-size: inherit;
3817         font-weight: normal;
3818     }
3819 }
3820
3821 .onsite_checkout {
3822     color: #CC0000;
3823 }
3824
3825 .onsite-checkout-only {
3826     background-color: rgba(255, 242, 206, .5);
3827     border: 1px solid #FFF2CE;
3828     border-radius: 4px;
3829 }
3830
3831 .branchgriditem {
3832     background-color: #FFFFFF;
3833     border: 1px solid #B9D8D9;
3834     border-radius: 3px;
3835     display: table-cell;
3836     float: left;
3837     margin: 3px;
3838     padding: .3em;
3839 }
3840
3841 .branchgridrow {
3842     display: table-row;
3843 }
3844
3845 .branchselector {
3846     display: table;
3847 }
3848
3849 .hq-author {
3850     font-weight: bold;
3851 }
3852
3853 #cn_browser_table_wrapper > #cn_browser_table {
3854     margin: auto;
3855     width: 90%;
3856 }
3857
3858 #new_rule {
3859     background-color: #F4F8F9;
3860     border: 2px solid #B9D8D9;
3861     border-radius: 5px;
3862     display: none;
3863     margin: .3em;
3864     padding: .3em;
3865 }
3866
3867
3868 .blocks {
3869     margin-bottom: .3em;
3870 }
3871
3872 .remove_rule {
3873     font-size: 80%;
3874     padding-left: .7em;
3875 }
3876
3877 .underline {
3878     text-decoration: underline;
3879 }
3880
3881 .overline {
3882     text-decoration: overline;
3883 }
3884
3885 .order-control {
3886     padding-right: 5px;
3887 }
3888
3889 #borrower_message {
3890     margin-top: 10px;
3891 }
3892
3893 .form-group {
3894     margin-bottom: 10px;
3895
3896     label {
3897         font-weight: bold;
3898     }
3899 }
3900
3901
3902 .form-message {
3903     background-color: #FFF;
3904     border: 1px solid #A4BEDD;
3905     border-radius: 5px;
3906     margin: 1em;
3907     padding: .5em;
3908 }
3909
3910 .modal-textarea {
3911     width: 98%;
3912 }
3913
3914 #pat_member {
3915     #patron_list_dialog,
3916     #searchresults {
3917         display: none;
3918     }
3919 }
3920
3921 #patron_search {
3922     #filters {
3923         display: none;
3924     }
3925 }
3926
3927 #fixedlengthbuilderaction {
3928     border: 3px solid #E6F0F2;
3929     left: 80%;
3930     padding: 5px;
3931     position: relative;
3932     top: -80px;
3933     width: 12%;
3934 }
3935
3936 #interlibraryloans {
3937     #dataPreviewLabel {
3938         margin: .3em 0;
3939     }
3940
3941     .bg-info {
3942         overflow: auto;
3943         position: relative;
3944     }
3945
3946     .format {
3947         h4 {
3948             margin-bottom: 20px;
3949         }
3950
3951         h5 {
3952             margin-top: 20px;
3953         }
3954
3955         input {
3956             margin: 10px 0;
3957         }
3958
3959         li {
3960             list-style: none;
3961         }
3962     }
3963
3964     #add-new-fields {
3965         margin: 1em;
3966     }
3967
3968     #column-toggle,
3969     #reset-toggle {
3970         font-weight: 700;
3971         line-height: 1.5em;
3972         margin: 15px 0;
3973     }
3974
3975     #freeform-fields {
3976         .custom-name {
3977             margin-right: 1em;
3978             text-align: right;
3979             width: 9em;
3980         }
3981
3982         .delete-new-field {
3983             margin-left: 1em;
3984         }
3985     }
3986
3987     #search-summary {
3988         position: absolute;
3989         top: 50%;
3990         transform: translateY(-50%);
3991     }
3992
3993     #generic_confirm_search_count {
3994         margin: 1em 0 1em 10em;
3995     }
3996
3997     #generic_confirm_search {
3998         display: block;
3999         visibility: hidden;
4000         margin: 1em 0 1em 10em;
4001     }
4002
4003     #partnerSearch {
4004         .modal-dialog {
4005             width: 50vw;
4006         }
4007         .modal-body {
4008             max-height: 70vh;
4009         }
4010     }
4011 }
4012
4013 .ill-view-panel {
4014     margin-top: 15px;
4015
4016     .notesopac {
4017         display: inline-block;
4018     }
4019 }
4020
4021 #illfilter_dateplaced_start,
4022 #illfilter_datemodified_start,
4023 #illfilter_dateplaced_end,
4024 #illfilter_datemodified_end {
4025     width: 80%;
4026 }
4027
4028 #requestattributes {
4029     font-family: monospace;
4030     line-height: 1.3em;
4031 }
4032
4033 #ill-requests {
4034     width: 100% !important;
4035 }
4036
4037 .ar-title, .hq-title {
4038     .biblio-title {
4039         font-weight: bold;
4040     }
4041 }
4042
4043 #ill-issue-title {
4044     margin: 20px 0 30px 0;
4045 }
4046
4047 .ill_availability_sourcename {
4048     margin-top: 20px;
4049 }
4050
4051 #stockrotation {
4052     h3 {
4053         margin: 30px 0 10px 0;
4054     }
4055     .dialog {
4056         h3 {
4057             margin: 10px 0;
4058         }
4059         margin-bottom: 20px;
4060     }
4061     .highlight_stage {
4062         font-weight: bold;
4063     }
4064 }
4065
4066 #catalog_stockrotation .highlight_stage {
4067     font-weight: bold;
4068 }
4069
4070 #stockrotation {
4071     #rota_form {
4072         textarea {
4073             width: 300px;
4074             height: 100px;
4075         }
4076         #name {
4077             width: 300px;
4078         }
4079         fieldset {
4080             width: auto;
4081         }
4082     }
4083     #stage_form fieldset, #add_rota_item_form fieldset {
4084         width: auto;
4085     }
4086     .dialog.alert {
4087         ul {
4088             margin: 20px 0;
4089         }
4090         li {
4091             list-style-type: none;
4092         }
4093     }
4094 }
4095
4096 #catalog_stockrotation {
4097     .item_select_rota {
4098         vertical-align: middle;
4099     }
4100     h1 {
4101         margin-bottom: 20px;
4102     }
4103 }
4104
4105 #stockrotation td.actions, #catalog_stockrotation td.actions {
4106     vertical-align: middle;
4107 }
4108
4109 #stockrotation .stage, #catalog_stockrotation .stage {
4110     display: inline-block;
4111     padding: 5px 7px;
4112     margin: 3px 0 3px 0;
4113     border-radius: 5px;
4114     background-color: rgba(0, 0, 0, 0.1);
4115 }
4116
4117 #stage_list_headings {
4118     font-weight: bold;
4119     span {
4120         padding: 3px;
4121     }
4122 }
4123
4124 #manage_stages {
4125     ul {
4126         padding-left: 0;
4127     }
4128     li {
4129         list-style: none;
4130         margin-bottom: 5px;
4131         span {
4132             padding: 6px 3px;
4133         }
4134     }
4135     .stagename {
4136         width: 15em;
4137         display: inline-block;
4138     }
4139     .stageduration {
4140         width: 10em;
4141         display: inline-block;
4142     }
4143     .stageactions {
4144         display: inline-block;
4145     }
4146     li:nth-child(odd) {
4147         background-color: #F3F3F3;
4148     }
4149     .drag_handle {
4150         margin-right: 6px;
4151         cursor: move;
4152     }
4153     .drag_placeholder {
4154         height: 2em;
4155         border: 1px dotted #aaa;
4156     }
4157     h3 {
4158         display: inline-block;
4159     }
4160     #ajax_status {
4161         display: inline-block;
4162         border: 1px solid #bcbcbc;
4163         border-radius: 5px;
4164         padding: 5px;
4165         margin-left: 10px;
4166         background: #f3f3f3;
4167     }
4168     #manage_stages_help {
4169         margin: 20px 0;
4170     }
4171 }
4172
4173 #payForm {
4174     fieldset {
4175         &.rows {
4176             padding-left: 1em;
4177             padding-right: 2em;
4178         }
4179     }
4180 }
4181
4182 #helper {
4183     span {
4184         display: none;
4185     }
4186 }
4187
4188 #logged-in-info-full {
4189     display: none;
4190 }
4191
4192 .loggedin-menu-label {
4193     color: #777;
4194     font-size: 12px;
4195     line-height: 1.42857143;
4196     padding: 4px 12px;
4197     white-space: nowrap;
4198
4199     span {
4200         color: #000;
4201         font-weight: bold;
4202     }
4203
4204     &.divider {
4205         padding: 0;
4206     }
4207 }
4208
4209 .lastborrower {
4210     background-color: #E6F0F2;
4211     border: 1px solid #95C6D0;
4212     box-shadow: 1px 1px 1px 0 #999;
4213     color: #CC0000;
4214     margin: .4em 0;
4215     padding: .3em .5em .3em .5em;
4216 }
4217
4218 #lastborrower-ref {
4219     border-radius: 5px 0px 0px 5px;
4220     float: left;
4221 }
4222
4223 #lastborrower-remove {
4224     border-radius: 0px 5px 5px 0px;
4225     cursor: pointer;
4226     float: right;
4227 }
4228
4229 #lastborrower-window {
4230     display: none;
4231     position: absolute;
4232     right: 5px;
4233     top: 0px;
4234 }
4235
4236 /* ==== MODULE LINKS - Start ==== */
4237 .buttons-list {
4238     // List containing the module links
4239     margin-bottom: 30px;
4240     padding: 0;
4241
4242     li {
4243         // Standard attributes for the list elements
4244         list-style-type: none;
4245
4246         a {
4247             &.circ-button {
4248                 // Class used for each module link
4249                 background-color: #F4F8F9;
4250                 background-position: 5px 3px;
4251                 background-repeat: no-repeat;
4252                 border: 2px solid #B9D8D9;
4253                 border-radius: 6px;
4254                 box-sizing: content-box;
4255                 color: #000000;
4256                 display: block;
4257                 font-size: 110%;
4258                 font-weight: bold;
4259                 margin: .5em 0;
4260                 max-width: 260px;
4261                 padding: 8px;
4262                 text-decoration: none;
4263
4264                 &:hover {
4265                     // Class used for each module link hover state
4266                     border-color: #538200;
4267                     color: #538200;
4268                 }
4269             }
4270         }
4271     }
4272 }
4273
4274 .about h2 {
4275     border-bottom: 1px solid #B9D8D9;
4276     padding: .5em .2em;
4277     margin:  .5em 0;
4278 }
4279
4280 .columns-2 {
4281     columns: 2 auto;
4282     column-gap: 2.5em;
4283 }
4284
4285 .columns-3 {
4286     columns: 3 auto;
4287     column-gap: 2.5em;
4288 }
4289
4290 .columns-4 {
4291     columns: 4 auto;
4292     column-gap: 2em;
4293 }
4294
4295 // ==== MODULE LINKS - End ====
4296
4297 #catalog-search-link {
4298     border-right: 1px solid lighten( #E6F0F2, 15% );
4299     padding-right: .3em;
4300 }
4301
4302 #catalog-search-dropdown {
4303     padding: 0;
4304
4305     & > a {
4306         border-left: 1px solid darken( #B4D2D8, 5% );
4307         margin-right: .6em;
4308         padding: .4em .6em;
4309
4310         &:hover,
4311         &.catalog-search-dropdown-hover {
4312             background-color: darken( #E6F0F2, 5% );
4313             border-left: 1px solid darken( #B4D2D8, 15% );
4314         }
4315     }
4316 }
4317
4318 .adlibris-cover {
4319     max-height: 120px;
4320 }
4321
4322 .adlibris-cover-big {
4323     max-height: 200px;
4324 }
4325
4326 #tools_holidays {
4327     .radio,
4328     .checkbox {
4329         label {
4330             margin-left: 0;
4331         }
4332     }
4333 }
4334
4335 /* Permissions */
4336
4337 #permissionstree {
4338     display: inline-block;
4339
4340     label {
4341         cursor: pointer;
4342
4343         &:hover {
4344             color: #004d99;
4345         }
4346     }
4347 }
4348
4349 .main_permission {
4350     font-size: 110%;
4351     font-weight: bold;
4352 }
4353
4354 .permissioncode {
4355     color: #666;
4356     font-style: italic;
4357 }
4358
4359 .permission-highlight {
4360     background-color: #FFC !important;
4361 }
4362
4363 .togglechildren_on,
4364 .togglechildren_off {
4365     float: right;
4366 }
4367
4368 .togglechildren_off,
4369 .children {
4370     display: none;
4371 }
4372
4373 .open {
4374     .togglechildren_off {
4375         display: inline;
4376     }
4377
4378     .togglechildren_on {
4379         display: none;
4380     }
4381 }
4382
4383 .parent {
4384     border: 1px solid #DDD;
4385     border-bottom-width: 0;
4386     padding: 5px;
4387
4388     &:last-child {
4389         border-bottom-width: 1px;
4390     }
4391
4392     &:nth-child(odd) {
4393         background-color: #F8F8F8;
4394     }
4395 }
4396
4397
4398 .superlibrarian-hint {
4399     color: #000;
4400     padding: .2em 0;
4401     text-indent: 2em;
4402 }
4403
4404 .child-flags {
4405     background-color: #FFF;
4406     border: 1px solid #DDD;
4407     border-bottom-width: 0;
4408     margin: 0 5px 0 20px;
4409     padding: 5px;
4410
4411     &:first-child {
4412         margin-top: 10px;
4413     }
4414
4415     &:last-child {
4416         border-bottom-width: 1px;
4417     }
4418
4419     &:nth-child(odd) {
4420         background-color: #EEE;
4421     }
4422 }
4423
4424 .header-menu-link {
4425     display: none;
4426     font-weight: bold;
4427     padding: .4em .6em;
4428 }
4429
4430 #user-menu {
4431     position: absolute;
4432     right: 5px;
4433     top: 0;
4434 }
4435
4436 div#makechart ol li {
4437     list-style: none;
4438 }
4439
4440 div .suggestion_note {
4441     background: transparent none;
4442     border-style: dotted;
4443     border-width: 1px 0 0 0;
4444     font-size: 90%;
4445     padding: 2px 0 0 0;
4446
4447     i {
4448         color: #CCC;
4449     }
4450 }
4451
4452 .ac-library {
4453     background-color: #EEE;
4454     border-radius: 4px;
4455     color: #000;
4456     display: inline-block;
4457     font-size: 80%;
4458     padding: 1px 4px;
4459 }
4460
4461 .ac-currentlibrary {
4462     .ac-library {
4463         background-color: #E6FCB7;
4464         font-weight: bold;
4465
4466     }
4467 }
4468
4469 .currentlibrary {
4470     background-color: #E6FCB7;
4471     display: inline-block;
4472     padding: 2px 4px;
4473 }
4474
4475 @media (min-width: 200px) {
4476
4477 }
4478
4479 @media (max-width: 767px) {
4480     .header-menu-link {
4481         display: inline-block;
4482     }
4483
4484     #catalog-search-link {
4485         display: none;
4486         padding: 0;
4487     }
4488
4489     #cartmenulink {
4490         background: transparent none;
4491         padding-left: 1.5em;
4492     }
4493
4494     #changelanguage {
4495         li {
4496             float: left;
4497
4498             li {
4499                 float: none;
4500             }
4501         }
4502
4503         .open {
4504             .dropdown-menu {
4505                 background-color: #FFF;
4506                 border: 1px solid #ccc;
4507                 position: absolute;
4508             }
4509         }
4510     }
4511
4512     #header {
4513         background-color: #FFF;
4514         border: 1px solid #CCC;
4515         margin-bottom: 1em;
4516
4517         a {
4518             font-weight: normal;
4519             padding-left: 1.5em;
4520
4521             &:hover {
4522                 background-color: #0070A9;
4523                 color: #FFF;
4524             }
4525         }
4526
4527         ul {
4528             border: 0;
4529             box-shadow: unset;
4530             float: none;
4531             left: auto;
4532             position: relative;
4533             right: auto;
4534
4535             &.dropdown-menu {
4536                 display: block;
4537             }
4538         }
4539
4540         .dropdown-menu {
4541             li {
4542                 a {
4543                     color: #004D99;
4544
4545                     &:hover {
4546                         color: #FFF;
4547                     }
4548                 }
4549             }
4550         }
4551
4552         .dropdown-toggle {
4553             display: none;
4554         }
4555     }
4556
4557     h1#logo {
4558         float: none;
4559         margin: auto;
4560     }
4561
4562     #marcPreview {
4563         margin: 0;
4564         width: auto;
4565     }
4566
4567     .navbar-fixed-bottom .nav > li {
4568         border-right: 0;
4569     }
4570
4571     #user-menu {
4572         .open {
4573             .dropdown-menu {
4574                 background-color: #FFF;
4575                 border: 1px solid #ccc;
4576                 position: absolute;
4577             }
4578         }
4579
4580         li {
4581             float: left;
4582
4583             li {
4584                 float: none;
4585             }
4586         }
4587     }
4588 }
4589
4590 @media (max-width: 768px) {
4591     .navbar-nav {
4592         li {
4593
4594             a {
4595                 padding: .4em .6em;
4596             }
4597         }
4598     }
4599 }
4600
4601 @media only screen and ( max-width: 768px ) {
4602     .browse-button {
4603         display: inline-block;
4604         width: 50%;
4605     }
4606
4607     #browse-previous {
4608         border-bottom-left-radius: 5px;
4609         border-bottom-width: 1px;
4610         border-right-width: 0;
4611     }
4612
4613     #browse-next {
4614         border-bottom-left-radius: 0;
4615         border-bottom-right-radius: 5px;
4616     }
4617 }
4618
4619 @media (min-width: 800px) {
4620
4621
4622
4623     #helper {
4624         i {
4625             display: none;
4626         }
4627
4628         span {
4629             display: inline;
4630         }
4631     }
4632
4633     #logged-in-info-full {
4634         display: inline;
4635     }
4636
4637     #logged-in-info-brief {
4638         display: none;
4639     }
4640
4641     .loggedin-menu-label {
4642         display: none;
4643     }
4644 }
4645
4646 @media only screen and ( min-width: 1200px ) {
4647     .browse-button {
4648         display: inline-block;
4649         width: 50%;
4650     }
4651
4652     #browse-previous {
4653         border-bottom-left-radius: 5px;
4654         border-bottom-width: 1px;
4655         border-right-width: 0;
4656     }
4657
4658     #browse-next {
4659         border-bottom-left-radius: 0;
4660         border-bottom-right-radius: 5px;
4661     }
4662 }
4663
4664 @media print {
4665     body.modalprinter * {
4666         visibility: hidden;
4667     }
4668
4669     body.modalprinter .modal-dialog.focused {
4670         position: absolute;
4671         padding: 0;
4672         margin: 0;
4673         left: 0;
4674         top: 0;
4675     }
4676
4677     body.modalprinter .modal-dialog.focused .modal-content {
4678         border-width: 0;
4679     }
4680
4681     body.modalprinter .modal-dialog.focused .modal-content .modal-header .modal-title,
4682     body.modalprinter .modal-dialog.focused .modal-content .modal-body,
4683     body.modalprinter .modal-dialog.focused .modal-content .modal-body * {
4684         visibility: visible;
4685     }
4686
4687     body.modalprinter .modal-dialog.focused .modal-content .modal-header,
4688     body.modalprinter .modal-dialog.focused .modal-content .modal-body {
4689         padding: 0;
4690     }
4691
4692     body.modalprinter .modal-dialog.focused .modal-content .modal-header .modal-title {
4693         margin-bottom: 20px;
4694     }
4695 }