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