koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss

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