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

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