Open-ILS/src/templates-bootstrap/opac/css/style.css.tt2

   1 [%-
   2     PROCESS "opac/parts/css/colors.tt2";
   3     PROCESS "opac/parts/css/fonts.tt2";
   4     rtl = ctx.get_i18n_l(ctx.eg_locale).rtl;
   5 %]
   6
   7 .adv_filters{
   8
   9     -moz-column-count: 4;
  10     -moz-column-gap: 20px;
  11     -webkit-column-count: 4;
  12     -webkit-column-gap: 20px;
  13     column-count: 4;
  14     column-gap: 20px;
  15     list-style: none;
  16 }
  17
  18 .top-divide{
  19         border-top: 1px solid rgba(0,0,0,.1);
  20 }
  21
  22 /*
  23 Mini Table Styling
  24 */
  25 @media
  26 only screen and (max-width: 650px)  {
  27     .miniTable{
  28         width: 100% !important;
  29     }
  30
  31     /* Force table to not be like tables anymore */
  32     .miniTable table, .miniTable thead, .miniTable tbody, .miniTable th, .miniTable td, .miniTable tr
  33     {
  34         display: block;
  35     }
  36
  37     .miniTable th{
  38        display:none;
  39     }
  40
  41     /* Hide table headers (but not display: none;, for accessibility) */
  42     .miniTable thead tr{
  43         position: absolute;
  44         top: -9999px;
  45         left: -9999px;
  46     }
  47
  48     .miniTable tr
  49      {
  50          border: 1px solid #ccc;
  51          margin: 10px 0px;
  52      }
  53
  54
  55     .miniTable td
  56     {
  57         border: none;
  58         border-bottom: 1px solid #eee;
  59         position: relative;
  60         padding-left: 50%;
  61         min-height:45px;
  62         text-align: right;
  63     }
  64
  65     .miniTable td:before
  66     {
  67         left: 6px;
  68         width: 45%;
  69         padding-right: 10px;
  70         white-space: nowrap;
  71         position: absolute;
  72     }
  73     .copyTable tr:nth-of-type(1):before { content: "Copy #1"; display: block; text-align:center; }
  74     .copyTable tr:nth-of-type(2):before { content: "Copy #2"; display: block; text-align:center;}
  75     .copyTable tr:nth-of-type(3):before { content: "Copy #3"; display: block; text-align:center;}
  76     .copyTable tr:nth-of-type(4):before { content: "Copy #4"; display: block; text-align:center;}
  77     .copyTable tr:nth-of-type(5):before { content: "Copy #5"; display: block; text-align:center;}
  78     .copyTable tr:nth-of-type(6):before { content: "Copy #6"; display: block; text-align:center;}
  79     .copyTable tr:nth-of-type(7):before { content: "Copy #7"; display: block; text-align:center;}
  80     .copyTable tr:nth-of-type(8):before { content: "Copy #8"; display: block; text-align:center;}
  81     .copyTable tr:nth-of-type(9):before { content: "Copy #9"; display: block; text-align:center;}
  82     .copyTable tr:nth-of-type(10):before { content: "Copy #10"; display: block; text-align:center;}
  83
  84     .copyTable td:nth-of-type(1):before { content: "Library"; display: flex; }
  85     .copyTable td:nth-of-type(2):before { content: "Call Number"; display: flex; }
  86     .copyTable td:nth-of-type(3):before { content: "Barcode"; display: flex;}
  87     .copyTable td:nth-of-type(4):before { content: "Shelving Location"; display: flex;}
  88     .copyTable td:nth-of-type(5):before { content: "Status"; display: flex;}
  89     .copyTable td:nth-of-type(6):before { content: "Due Date"; display: flex;}
  90     .copyTable td:nth-of-type(7):before { content: "[% l('Distance') %]"; display: flex;}
  91
  92     .holdingsTable tr:nth-of-type(1):before { content: "Copy #1"; display: block; text-align:center; }
  93     .holdingsTable tr:nth-of-type(2):before { content: "Copy #2"; display: block; text-align:center;}
  94     .holdingsTable tr:nth-of-type(3):before { content: "Copy #3"; display: block; text-align:center;}
  95     .holdingsTable tr:nth-of-type(4):before { content: "Copy #4"; display: block; text-align:center;}
  96     .holdingsTable tr:nth-of-type(5):before { content: "Copy #5"; display: block; text-align:center;}
  97     .holdingsTable tr:nth-of-type(6):before { content: "Copy #6"; display: block; text-align:center;}
  98     .holdingsTable tr:nth-of-type(7):before { content: "Copy #7"; display: block; text-align:center;}
  99     .holdingsTable tr:nth-of-type(8):before { content: "Copy #8"; display: block; text-align:center;}
 100     .holdingsTable tr:nth-of-type(9):before { content: "Copy #9"; display: block; text-align:center;}
 101     .holdingsTable tr:nth-of-type(10):before { content: "Copy #10"; display: block; text-align:center;}
 102
 103
 104     .holdingsTable td:nth-of-type(1):before { content: "Library"; display: flex; }
 105     .holdingsTable td:nth-of-type(2):before { content: "Shelving location"; display: flex; }
 106     .holdingsTable td:nth-of-type(3):before { content: "Call number"; display: flex;}
 107     .holdingsTable td:nth-of-type(4):before { content: "Status"; display: flex;}
 108
 109     .chargesTable td:nth-of-type(1):before { content: "Select"; display: flex; }
 110     .chargesTable td:nth-of-type(2):before { content: "Owed"; display: flex; }
 111     .chargesTable td:nth-of-type(3):before { content: "Billing Type"; display: flex;}
 112     .chargesTable td:nth-of-type(4):before { content: "Note"; display: flex;}
 113     .chargesTable td:nth-of-type(5):before { content: "Date"; display: flex;}
 114
 115     .chargesMainTable td:nth-of-type(1):before { content: "Select"; display: flex; }
 116     .chargesMainTable td:nth-of-type(2):before { content: "Owed"; display: flex; }
 117     .chargesMainTable td:nth-of-type(3):before { content: "Billing Type"; display: flex;}
 118     .chargesMainTable td:nth-of-type(4):before { content: "Title"; display: flex;}
 119     .chargesMainTable td:nth-of-type(5):before { content: "Checkout"; display: flex;}
 120     .chargesMainTable td:nth-of-type(6):before { content: "Due"; display: flex;}
 121     .chargesMainTable td:nth-of-type(7):before { content: "Returned/Renewed"; display: flex;}
 122
 123     .activeHoldstable td:nth-of-type(1):before { content: "Select"; display: flex; }
 124     .activeHoldstable td:nth-of-type(2):before { content: "Title"; display: flex; }
 125     .activeHoldstable td:nth-of-type(3):before { content: "Author"; display: flex;}
 126     .activeHoldstable td:nth-of-type(4):before { content: "Format"; display: flex;}
 127     .activeHoldstable td:nth-of-type(5):before { content: "Pickup Location"; display: flex;}
 128     .activeHoldstable td:nth-of-type(6):before { content: "Cancel If Not Filled By"; display: flex;}
 129     .activeHoldstable td:nth-of-type(7):before { content: "Status"; display: flex;}
 130     .activeHoldstable td:nth-of-type(8):before { content: "Notes"; display: flex;}
 131
 132     .holdHistoryTable td:nth-of-type(1):before { content: "Title"; display: flex; }
 133     .holdHistoryTable td:nth-of-type(2):before { content: "Author"; display: flex; }
 134     .holdHistoryTable td:nth-of-type(3):before { content: "Format"; display: flex; }
 135     .holdHistoryTable td:nth-of-type(4):before { content: "Pickup Location"; display: flex; }
 136     .holdHistoryTable td:nth-of-type(5):before { content: "Status"; display: flex; }
 137
 138     .curbsideApptTable td:nth-of-type(1):before { content: "Pickup Location"; display: flex; }
 139     .curbsideApptTable td:nth-of-type(2):before { content: "Date"; display: flex; }
 140     .curbsideApptTable td:nth-of-type(3):before { content: "Time"; display: flex;}
 141     .curbsideApptTable td:nth-of-type(4):before { content: "Arrival Notes"; display: flex;}
 142     .curbsideApptTable td:nth-of-type(5):before { content: "Action"; display: flex;}
 143
 144     .paymentTable td:nth-of-type(1):before { content: "Payment Date"; display: flex; }
 145     .paymentTable td:nth-of-type(2):before { content: "Payment For"; display: flex; }
 146     .paymentTable td:nth-of-type(3):before { content: "Amount"; display: flex; }
 147     .paymentTable td:nth-of-type(4):before { content: "Receipt"; display: flex; }
 148
 149     .messagesTable td:nth-of-type(1):before { content: "Select"; display: flex; }
 150     .messagesTable td:nth-of-type(2):before { content: "Date"; display: flex; }
 151     .messagesTable td:nth-of-type(3):before { content: "Library"; display: flex; }
 152     .messagesTable td:nth-of-type(4):before { content: "Subject"; display: flex; }
 153     .messagesTable td:nth-of-type(5):before { content: ""; display: flex; }
 154
 155     .circTable td:nth-of-type(1):before { content: "Select"; display: flex; }
 156     .circTable td:nth-of-type(2):before { content: "Title"; display: flex; }
 157     .circTable td:nth-of-type(3):before { content: "Author"; display: flex; }
 158     .circTable td:nth-of-type(4):before { content: "Renewals Left"; display: flex; }
 159     .circTable td:nth-of-type(5):before { content: "Due Date"; display: flex; }
 160     .circTable td:nth-of-type(6):before { content: "Barcode"; display: flex; }
 161     .circTable td:nth-of-type(7):before { content: "Call Number"; display: flex; }
 162
 163     .circHistTable td:nth-of-type(1):before { content: "Select"; display: flex; }
 164     .circHistTable td:nth-of-type(2):before { content: "Title"; display: flex; }
 165     .circHistTable td:nth-of-type(3):before { content: "Author"; display: flex; }
 166     .circHistTable td:nth-of-type(4):before { content: "Checkout Date"; display: flex; }
 167     .circHistTable td:nth-of-type(5):before { content: "Due Date"; display: flex; }
 168     .circHistTable td:nth-of-type(6):before { content: "Date Returned"; display: flex; }
 169     .circHistTable td:nth-of-type(7):before { content: "Barcode"; display: flex; }
 170     .circHistTable td:nth-of-type(8):before { content: "Call Number"; display: flex; }
 171
 172     .bookbagTable td:nth-of-type(1):before { content: ""; display: flex; }
 173     .bookbagTable td:nth-of-type(2):before { content: "Title"; display: flex; }
 174     .bookbagTable td:nth-of-type(3):before { content: "Author(s)"; display: flex; }
 175     .bookbagTable td:nth-of-type(4):before { content: "Local Call number"; display: flex; }
 176     .bookbagTable td:nth-of-type(5):before { content: "Publication Date"; display: flex; }
 177     .bookbagTable td:nth-of-type(6):before { content: "Format"; display: flex; }
 178     .bookbagTable td:nth-of-type(7):before { content: "Notes"; display: flex; }
 179
 180     .eholdsTable td:nth-of-type(1):before { content: "Title"; display: flex; }
 181     .eholdsTable td:nth-of-type(2):before { content: "Author"; display: flex; }
 182     .eholdsTable td:nth-of-type(3):before { content: "Expire Date"; display: flex; }
 183     .eholdsTable td:nth-of-type(4):before { content: "Status"; display: flex; }
 184     .eholdsTable td:nth-of-type(5):before { content: "Actions"; display: flex; }
 185
 186     .eholdsreadyTable td:nth-of-type(1):before { content: "Title"; display: flex; }
 187     .eholdsreadyTable td:nth-of-type(2):before { content: "Author"; display: flex; }
 188     .eholdsreadyTable td:nth-of-type(3):before { content: "Expire Date"; display: flex; }
 189     .eholdsreadyTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
 190
 191     .echeckoutTable td:nth-of-type(1):before { content: "Title"; display: flex; }
 192     .echeckoutTable td:nth-of-type(2):before { content: "Author"; display: flex; }
 193     .echeckoutTable td:nth-of-type(3):before { content: "Due Date"; display: flex; }
 194     .echeckoutTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
 195
 196     .ecircsTable td:nth-of-type(1):before { content: "Title"; display: flex; }
 197     .ecircsTable td:nth-of-type(2):before { content: "Author"; display: flex; }
 198     .ecircsTable td:nth-of-type(3):before { content: "Due Date"; display: flex; }
 199     .ecircsTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
 200
 201     .bucketTable td:nth-of-type(2):before { content: "Title"; display: flex; text-align:left; }
 202     .bucketTable td:nth-of-type(3):before { content: "Author"; display: flex; text-align:left; }
 203     .bucketTable td:nth-of-type(4):before { content: "Call Number"; display: flex; text-align:left; }
 204
 205     /*Media Style Additions*/
 206     .fullRow{
 207         padding: 5px !important;
 208         text-align: center !important;
 209         width: 100%;
 210     }
 211
 212     .paginateText{
 213         display:none;
 214     }
 215 }/*Micro Tables End*/
 216
 217 .sumNum {
 218     font-weight:700;
 219 }
 220
 221 .coverImage{position: relative;}
 222 .carousel .glide__arrow{background: unset;}
 223
 224 /*
 225 Novelist Styling
 226 */
 227
 228 .NovGroupHeader{
 229     font-size: 16pt !important;
 230     text-align: center;
 231     font-weight: 600 !important;
 232 }
 233
 234 .NovSectionHeader{
 235     font-size: 16pt !important;
 236     font-weight: 600 !important;
 237 }
 238
 239 .NovSelectImageHeadingToggle{
 240         font-size: 20px;
 241
 242 }
 243
 244 /*Novelist Styling End*/
 245
 246 /* Buttons */
 247
 248 .btn-confirm {
 249     color: [% css_colors.button_confirm_text %];
 250     background-color: [% css_colors.button_confirm %];
 251     border-color: [% css_colors.button_confirm_border %];
 252 }
 253
 254 .btn-confirm:hover {
 255     color: [% css_colors.button_confirm_text %];
 256     background-color: [% css_colors.button_confirm_hover %];
 257     border-color: [% css_colors.button_confirm_border_hover %];
 258 }
 259
 260 .btn-deny {
 261     color: [% css_colors.button_deny_text %];
 262     background-color: [% css_colors.button_deny %];
 263     border-color: [% css_colors.button_deny_border_hover %];
 264 }
 265
 266 .btn-deny:hover {
 267     color: [% css_colors.button_deny_text %];
 268     background-color: [% css_colors.button_deny_hover %];
 269     border-color: [% css_colors.button_deny_border_hover %];
 270 }
 271
 272 .btn-remove {
 273     color: [% css_colors.button_remove_text %];
 274     background-color: [% css_colors.button_remove %];
 275     border-color: [% css_colors.button_remove_border %];
 276 }
 277
 278 .btn-remove:hover {
 279     color: [% css_colors.button_remove_text %];
 280     background-color: [% css_colors.button_remove_hover %];
 281     border-color: [% css_colors.button_remove_border_hover %];
 282 }
 283
 284 .btn-opac{
 285     color: [% css_colors.opac_button_text %] !important;
 286     background-color: [% css_colors.opac_button %];
 287     border-color: [% css_colors.opac_button_border %];
 288 }
 289
 290 .btn-opac:hover{
 291     color: [% css_colors.opac_button_text %];
 292     background-color: [% css_colors.opac_button_hover %] !important;
 293     border-color: [% css_colors.opac_button_border_hover %];
 294 }
 295
 296 .btn-action{
 297     color: [% css_colors.action_button_text %] !important;
 298     background-color: [% css_colors.action_button %];
 299     border-color: [% css_colors.action_button_border %];
 300 }
 301
 302 .btn-action:hover{
 303     color: [% css_colors.action_button_text %];
 304     background-color: [% css_colors.action_button_hover %] !important;
 305     border-color: [% css_colors.action_button_border_hover %];
 306 }
 307 .btn-action > a{
 308     color: [% css_colors.action_button_text_anchors %];
 309 }
 310
 311
 312 .dash-link{
 313     color: #fff;
 314 }
 315
 316 .dash-clear{
 317     color: [% css_colors.zero_count %] !important;
 318 }
 319
 320 .dash-unclear{
 321     color: [% css_colors.non_zero_count %] !important;
 322 }
 323
 324 .remove_filter{
 325     padding: .25rem .25rem !important;
 326     font-size: .875rem;
 327     line-height: 0.5;
 328     border-radius: 1rem !important;
 329 }
 330
 331
 332 .cn_browse_item .card{
 333     padding: 15px;
 334 }
 335 #facets .card-header,#facets .card-header a {
 336     background-color: [% css_colors.facets_back %];
 337     color: [% css_colors.text_invert %]
 338 }
 339
 340 .facet_template:hover{
 341         background-color:#e8e8e8;
 342 }
 343
 344 .danger, .validate{
 345     color: [% css_colors.text_alert %] !important;
 346 }
 347
 348 .danger{
 349     font-weight: 600;
 350     font-style: italic;
 351 }
 352
 353 .success{
 354     color: green !important;
 355 }
 356 .dropdown-menu{
 357     border: 1px solid black;
 358     box-shadow: 2px 2px #00000054;
 359 }
 360 .dropdown-item.active, .dropdown-item:active{
 361     color : #000 !important;
 362 }
 363 .browse-result-list{
 364     list-style:none;
 365 }
 366 .not_active_pill{
 367     border: 2px solid #007bff;
 368     padding: 6px;
 369     margin: 0 10px;
 370 }
 371
 372 .mini-control{
 373     max-width: 100px !important;
 374 }
 375
 376 .mod-control{
 377     max-width: 150px !important;
 378 }
 379
 380 .card-body:empty{
 381     display:none;
 382 }
 383 .min{
 384  min-height:500px;
 385 }
 386 .container{
 387
 388 }
 389 html{
 390     height:100%;
 391     min-height: 100vh;
 392 }
 393 body {
 394     min-height: 100vh;
 395     margin:0;
 396     font-family: [% css_fonts.font_main %] !important;
 397     font-size: [% css_fonts.size_base %];
 398   /*  background-color: [% css_colors.primary %]; */
 399     [% IF rtl == 't' -%]
 400     direction: rtl;
 401     [%- END %]
 402 }
 403
 404 button, input {
 405     font-family: [% css_fonts.font_main %] !important;
 406     font-size: [% css_fonts.size_base %];
 407 }
 408
 409 img {
 410     border: none;
 411 }
 412
 413 #topnav_logo {
 414     margin: 2em 0;
 415 }
 416
 417 #homesearch_main_logo {
 418     padding-top: 60px;
 419     margin: auto;
 420     width: 50%;
 421 }
 422
 423 a {
 424     color: [% css_colors.link %];
 425 }
 426
 427 #search-wrapper h1,
 428 #search-wrapper h2 {
 429     text-align: center;
 430 }
 431
 432 #search-wrapper input[type=text] {
 433     height: calc(1.8125rem + 2px);
 434     margin:0;
 435     padding:0;
 436 }
 437
 438 #search-wrapper select, .results_header_lbl select {
 439     border:1px solid [% css_colors.border_standard %];
 440     height: calc(1.8125rem + 2px);
 441     margin:0;
 442     padding:0;
 443     width: 12em;
 444 }
 445
 446 .search-check {
 447     text-align: center;
 448 }
 449
 450 .searchbar {
 451     font-weight: bold;
 452     padding-top: 10px;
 453     [% IF rtl == 't' -%]
 454     margin-right: 1em;
 455     [%- ELSE %]
 456     margin-left: 1em;
 457     [%- END %]
 458 }
 459
 460 .refine_search {
 461     padding-bottom: 7px;
 462     margin-left: 1em;
 463 }
 464
 465 /*
 466 #search-wrapper select {
 467     border:0px solid [% css_colors.border_dark %];
 468     filter:alpha(opacity=0);
 469     -khtml-opacity:0;
 470     opacity:0;
 471     padding:0;
 472     margin:0;
 473     height:18px;
 474 }
 475 */
 476
 477 #actions .btn-action {
 478     text-align: left;
 479 }
 480
 481 #adv_numeric_block{
 482     max-width: 600px;
 483 }
 484
 485
 486 h2.graphic880 {
 487     font-size: [% css_fonts.size_bigger %];
 488     font-weight:normal;
 489 }
 490
 491 .hide_me, .hidden {
 492     display: none;
 493     visibility: hidden;
 494 }
 495
 496 div.select-box-wrapper {
 497     position:absolute;
 498     padding-top:2px;
 499     overflow:hidden;
 500     [% IF rtl == 't' -%]
 501     padding-right: 3px;
 502     text-align:right;
 503     [%- ELSE %]
 504     padding-left:3px;
 505     text-align:left;
 506     [%- END %]
 507 }
 508
 509 #dash_wrapper {
 510     [% IF rtl == 't' -%]
 511     margin-right: 0.5em;
 512     [%- ELSE %]
 513     margin-left: 0.5em;
 514     [%- END %]
 515 }
 516
 517 #dash_wrapper div {
 518     background-color: [% css_colors.primary %];
 519     border-radius: 5px;
 520     padding: 0em 1em;
 521 }
 522
 523 .dash_divider {
 524     margin: 0 20px;
 525     color: #fff;
 526     display:inline-block;
 527 }
 528
 529
 530
 531 #dash_user {
 532     font-weight: bold;
 533 }
 534
 535 #logout_link {
 536     [% IF rtl == 't' -%]
 537     right: 1px;
 538     [%- ELSE %]
 539     left: 1px;
 540     [%- END %]
 541 }
 542
 543
 544 /*
 545 #dash_fines { color: [% css_colors.text_badnews %]; }
 546 the color contrast between "text_badnews" and "primary"
 547 is too low for WCAG compliance.  Use "text_attention"
 548 for now until a better color is picked - if needed.
 549 */
 550
 551 #dash_wrapper #dash_user_message_button_container {
 552     display: inline;
 553     padding: 0;
 554 }
 555 #dash_wrapper #unread_message_count_floater {
 556     position: absolute;
 557     background-color: [% css_colors.text_alert %];
 558     padding-left: 0.2em;
 559     padding-right: 0.2em;
 560     display: inline-block;
 561     font-size: 95%;
 562     border-radius: 0;
 563     z-index: 2;
 564     margin-top: 0.2em;
 565     [% IF rtl == 't' -%]
 566     margin-right: -1.5em;
 567     [%- ELSE %]
 568     margin-left: -1.5em;
 569     [%- END %]
 570 }
 571
 572 #header-wrap {
 573     /* border-bottom: 5px solid [% css_colors.nav_separation %]; */
 574     background-color: [% css_colors.header_primary_fade %];
 575     background-image: -moz-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
 576     background-image: -o-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
 577     background-image: -webkit-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
 578     background-image: linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
 579 }
 580 #header {
 581     color: [% css_colors.background %];
 582     margin-left: 1em;
 583     margin-right: 1em;
 584     font-size: [% css_fonts.size_small %];
 585 }
 586
 587 #header a {
 588     color: [% css_colors.background %];
 589 }
 590
 591 #header a:hover {
 592     color: [% css_colors.text_invert %];
 593     text-decoration: none;
 594 }
 595
 596 #header-links {
 597     color: [% css_colors.text_invert %];
 598     font-size: [% css_fonts.size_small %];
 599     font-weight: bold;
 600     position: relative;
 601     top:4px;
 602
 603 }
 604
 605 #header-links a {
 606     color: [% css_colors.text_invert %];
 607     display: block;
 608     text-decoration: none;
 609     [% IF rtl == 't' -%]
 610     float: right;
 611     margin-left: 22px;
 612     [%- ELSE %]
 613     float:left;
 614     margin-right:22px;
 615     [%- END %]
 616 }
 617
 618 #header-links a:hover {
 619     color: [% css_colors.text_invert %];
 620     text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
 621     text-decoration: none;
 622 }
 623
 624 #header #header-links2 {
 625     position:relative;
 626     top:-8px;
 627     color: [% css_colors.text_invert %];
 628     padding-bottom: 15px;
 629 }
 630
 631 #header #header-links2 a {
 632     color: [% css_colors.text_invert %];
 633 }
 634
 635 #header #header-links2 a:hover {
 636     text-decoration: underline;
 637 }
 638
 639 #your-acct-login {
 640     padding-top:2em;
 641 }
 642
 643 #gold-links {
 644     [% IF rtl == 't' -%]
 645     margin-right: 1em;
 646     padding-right: 0px;
 647     [%- ELSE %]
 648     margin-left: 1em;
 649     padding-left:0px;
 650     [%- END %]
 651 }
 652
 653 #gold-links-home {
 654     margin:auto;
 655     [% IF rtl == 't' -%]
 656     padding-right: 0px;
 657     [%- ELSE %]
 658     padding-left:0px;
 659     [%- END %]
 660 }
 661
 662 #gold-links-holder {
 663     height: 24px;
 664     background-color: [% css_colors.background_invert %];
 665 }
 666
 667 #util-bar {
 668     [% IF rtl == 't' -%]
 669     margin-right: 1em;
 670     padding-right: 0px;
 671     [%- ELSE %]
 672     margin-left: 1em;
 673     padding-left:0px;
 674     [%- END %]
 675     height:0px;
 676 }
 677
 678 .search_box_wrapper {
 679     padding-left: 1rem;
 680 }
 681
 682 #search-wrapper {
 683     /*border-bottom: 1px solid [% css_colors.border_standard %];*/
 684     padding-bottom: 5px;
 685     background-color: [% css_colors.background %];
 686 }
 687
 688 #search-wrapper #breadcrumb {
 689     margin-top:0px;
 690     font-size: [% css_fonts.size_smaller %];
 691     [% IF rtl == 't' -%]
 692     float: right;
 693     [%- ELSE %]
 694     float:left;
 695     [%- END %]
 696 }
 697
 698 #search-wrapper #search-within {
 699     margin-top:10px;
 700     position:relative;
 701     [% IF rtl == 't' -%]
 702     float: left;
 703     right: -173px;
 704     [%- ELSE %]
 705     float:right;
 706     left:-173px;
 707     [%- END %]
 708 }
 709
 710 #search-wrapper #breadcrumb a {
 711     color: [% css_colors.text %];
 712 }
 713
 714 #search-wrapper #search_frm label {
 715     font-size: [% css_fonts.size_smaller %];
 716 }
 717
 718 #search-wrapper #search-box {
 719     [% IF rtl == 't' -%]
 720     margin-right: 1em;
 721     padding-right: 0px;
 722     [%- ELSE %]
 723     margin-left: 1em;
 724     padding-left: 0px;
 725     [%- END %]
 726     padding-top: 10px;
 727     padding-bottom: 10px;
 728 }
 729
 730 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
 731     [% IF rtl == 't' -%]
 732     margin-right:2px;
 733     [%- ELSE %]
 734     margin-left: 2px;
 735     [%- END %]
 736     overflow: auto;
 737 }
 738
 739 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
 740     [% IF rtl == 't' -%]
 741     float: right;
 742     margin: 10px 0px 0px 7px;
 743     border-radius: 10px 10px 0px 0px;
 744     [%- ELSE %]
 745     float: left;
 746     margin: 10px 7px 0px 0px;
 747     border-radius: 10px 10px 0px 0px;
 748     [%- END %]
 749     text-align: center;
 750     vertical-align: middle;
 751     display: block;
 752     padding: 10px 0px 10px 0px;
 753     font-weight: bold;
 754     color: [% css_colors.text_invert %];
 755     background-color: [% css_colors.control %];
 756     font-weight: bold;
 757     text-decoration: none;
 758 }
 759
 760 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
 761     padding: 1em 1em 0.5em;
 762 }
 763
 764 #adv_search_tabs a:hover, #acct_tabs a:hover, #acct_fines_tabs a:hover, #acct_checked_tabs a:hover, #acct_holds_tabs a:hover, #acct_prefs_tabs a:hover {
 765     background-color: [% css_colors.primary %];
 766     color: [% css_colors.text_invert %];
 767     text-decoration: none;
 768 }
 769
 770 #adv_search_filters {
 771     position: relative;
 772 }
 773 #adv_search_rows {
 774     border-bottom: none;
 775 }
 776 .adv_filter_block {
 777     [% IF rtl == 't' -%]
 778     float: right;
 779     [%- ELSE %]
 780     float: left;
 781     [%- END %]
 782     padding: 15px;
 783     clear: both;
 784 }
 785 .adv_filter_block_item {
 786     [% IF rtl == 't' -%]
 787     float: right;
 788     [%- ELSE %]
 789     float: left;
 790     [%- END %]
 791     padding: 5px;
 792 }
 793
 794 .adv_special_block {
 795
 796     padding: 5px;
 797     margin-top: 5px;
 798 }
 799
 800
 801 .checkbox_col {
 802     width: 1%;
 803     [% IF rtl == 't' -%]
 804     padding-right: 10px !important;
 805     [%- ELSE %]
 806     padding-left: 10px !important;
 807     [%- END %]
 808 }
 809
 810 #adv_search.on, #num_search.on, #expert_search.on {
 811     color: [% css_colors.accent_darker %];
 812     background-color: [% css_colors.background %];
 813     text-decoration: none;
 814 }
 815
 816 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
 817     color: [% css_colors.accent_darker %];
 818     background-color: [% css_colors.background %];
 819     text-decoration: none;
 820 }
 821
 822 .acct-tab-off {
 823     background-color: [% css_colors.control %];
 824 }
 825
 826 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
 827     margin-top: 0px;
 828     font-size: [% css_fonts.size_smaller %];
 829     color: [% css_colors.accent_darker %];
 830     padding: 10px 10px 10px 10px;
 831 }
 832
 833 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
 834     background-color: [% css_colors.accent_lightest %];
 835     color: [% css_colors.accent_darker %];
 836 }
 837
 838 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
 839     padding-bottom: 12px;
 840     color: [% css_colors.accent_medium %];
 841 }
 842
 843 #acct_select, #acct_prefs_select {
 844      display: none;
 845 }
 846
 847 #mobile_acct_search_links {
 848       background-color: [% css_colors.primary_fade %];
 849 }
 850
 851 .rdetail_header {
 852     [% IF rtl == 't' -%]
 853     padding: 5px 0px 6px 7px;
 854     margin-right: 1em;
 855     [%- ELSE %]
 856     padding: 5px 7px 6px 0px;
 857     margin-left: 1em;
 858     [%- END %]
 859     border-bottom: 1px dotted [% css_colors.accent_light %];
 860 }
 861
 862 .rdetail_results a {
 863     color:[% css_colors.primary_fade %];
 864     font-weight:bold;
 865     font-size: [% css_fonts.size_bigger %];
 866 }
 867
 868 .rdetail_result_count {
 869     color: [% css_colors.text %];
 870     font-weight: normal;
 871     display: inline-block;
 872     [% IF rtl == 't' -%]
 873     padding-right: 1em;
 874     [%- ELSE %]
 875     padding-left: 1em;
 876     [%- END %]
 877 }
 878
 879 .rdetail_result_nav {
 880     font-weight:normal;
 881     display: inline-block;
 882     [% IF rtl == 't' -%]
 883     padding-right: 1em;
 884     [%- ELSE %]
 885     padding-left: 1em;
 886     [%- END %]
 887 }
 888
 889 #rdetail_details_table {
 890     margin-top: 15px;
 891 }
 892
 893 #rdetail_image { border: none; }
 894 #rdetail_image_cell {
 895     padding-top: 3px;
 896     [% IF rtl == 't' -%]
 897     padding-left: 10px;
 898     [%- ELSE %]
 899     padding-right: 10px;
 900     [%- END %]
 901 }
 902
 903 h2.rdetail_uris {
 904     margin-top: 1em;
 905 }
 906 div.rdetail_uris {
 907     padding: 0.5em 1em 0.5em 1em;
 908     background-color: [% css_colors.accent_lighter2 %];
 909 }
 910 div.rdetail_uris ul li {
 911     position: relative;
 912     [% IF rtl == 't' -%]
 913     right: 1em;
 914     [%- ELSE %]
 915     left: 1em;
 916     [%- END %]
 917 }
 918
 919 div.rdetail_show_copies {
 920     margin-top: 1em;
 921 }
 922
 923 div#rdetail_actions_div {
 924     background-color: [% css_colors.background %];
 925     [% IF rtl == 't' -%]
 926     float: left;
 927     [%- ELSE %]
 928     float: right;
 929     [%- END %]
 930 }
 931
 932 span#rdetail_copy_counts {
 933     display: inline-block;
 934     vertical-align: top;
 935     [% IF rtl == 't' -%]
 936     border-left: thin;
 937     margin-left: 1em;
 938     padding-left: 1em;
 939     [%- ELSE %]
 940     border-right: thin;
 941     margin-right: 1em;
 942     padding-right: 1em;
 943     [%- END %]
 944 }
 945
 946 span#rdetail_hold_counts {
 947     display: inline-block;
 948     vertical-align: top;
 949 }
 950 span#rdetail_hold_counts p {
 951     [% IF rtl == 't' -%]
 952     padding-right: 2em;
 953     [%- ELSE %]
 954     padding-left: 2em;
 955     [%- END %]
 956 }
 957
 958 #rdetail_image_div {
 959     [% IF rtl == 't' -%]
 960     float: right;
 961     margin-left: 1em;
 962     [%- ELSE %]
 963     float: left;
 964     margin-right: 1em;
 965     [%- END %]
 966 }
 967
 968 .rdetail_aux_utils {
 969     padding-bottom: 6px;
 970     [% IF rtl == 't' -%]
 971     border-right: 1px dotted [% css_colors.accent_light %];
 972     padding-right:17px;
 973     padding-left:70px;
 974     [%- ELSE %]
 975     border-left:1px dotted [% css_colors.accent_light %];
 976     padding-left: 17px;
 977     padding-right: 70px;
 978     [%- END %]
 979 }
 980
 981 div.place_hold {
 982     border-bottom: 1px dotted [% css_colors.accent_light %];
 983     padding-top: 10px;
 984 }
 985
 986 div.toggle_list { padding-top: 6px; }
 987
 988 div.share_record {
 989     padding-top: 6px;
 990     border-top: 1px dotted [% css_colors.accent_light %];
 991 }
 992
 993 div.format_icon {
 994     [% IF rtl == 't' -%]
 995     float: left;
 996     margin-left: 17px;
 997     [%- ELSE %]
 998     float: right;
 999     margin-right: 17px;
1000     [%- END %]
1001 }
1002
1003 #metarecord_population {
1004     overflow: hidden;
1005     width: 40%;
1006     padding-bottom: 10px;
1007 }
1008
1009 .metarecord_population_span_link {
1010     line-height: 20px;
1011 }
1012
1013 .metarecord_population_format {
1014     border-right: thin;
1015     display: inline-block;
1016     margin-right: 1em;
1017     padding-right: 1em;
1018     vertical-align: top;
1019 }
1020
1021 .metarecord_population_item_lang {
1022     display: inline-block;
1023     vertical-align: top;
1024 }
1025
1026 .metarecord_population_all {
1027     padding-top:10px;
1028 }
1029
1030 .results_aux_utils {
1031     display: table-cell;
1032 }
1033
1034 .result_util {
1035     border-bottom: 1px dotted [% css_colors.accent_light %];
1036     padding-top: 6px;
1037     [% IF rtl == 't' -%]
1038     padding-right: 1em;
1039     [%- ELSE %]
1040     padding-left: 1em;
1041     [%- END %]
1042 }
1043
1044 .results_reviews {
1045     top: -5px;
1046 }
1047
1048 #rdetail_copies {
1049     padding-top: 1.5em;
1050 }
1051
1052 #rdetails_status td {
1053     [% IF rtl == 't' -%]
1054     padding: 7px 13px 3px 0px;
1055     [%- ELSE %]
1056     padding: 7px 0px 3px 13px;
1057     [%- END %]
1058 }
1059
1060 #rdetails_status td[headers=copy_header_library],
1061 #rdetails_status td[headers=copy_header_shelfloc] {
1062     white-space: normal;
1063 }
1064
1065 #rdetails_status thead th {
1066     [% IF rtl == 't' -%]
1067     padding: 13px 13px 13px 0px;
1068     text-align: right;
1069     [%- ELSE %]
1070     padding: 13px 0px 13px 13px;
1071     text-align: left;
1072     [%- END %]
1073     background-color: [% css_colors.accent_lighter2 %];
1074     font-size: [% css_fonts.size_smaller %];
1075     font-weight: bold;
1076 }
1077
1078 #rdetails_status tbody td {
1079     [% IF rtl == 't' -%]
1080     padding-right: 13px;
1081     text-align: right;
1082     [%- ELSE %]
1083     padding-left: 13px;
1084     text-align: left;
1085     [%- END %]
1086 }
1087 #rdetails_status tbody td.copy_note {
1088     color: [% css_colors.primary %];
1089     text-wrap:normal;
1090     white-space:pre-wrap !important;
1091     word-wrap:normal;
1092 }
1093
1094 #rdetails_status tbody td.copy_tag {
1095     border-color: [% css_colors.primary %];
1096     border-style: dashed;
1097     border-width: 2px;
1098 }
1099 #rdetails_status tbody .copy_tag_value {
1100     font-weight: bolder;
1101 }
1102
1103 .rdetail_extras {
1104     background-color: [% css_colors.primary_fade %];
1105     border: 1px solid [% css_colors.primary %];
1106     padding-top:1px;
1107     clear:both;
1108 }
1109
1110 #rdetail_extras_div {
1111     margin: 1em 0;
1112 }
1113
1114 .rdetail_extras_hr {
1115     [% IF rtl == 't' -%]
1116     margin-right: 1px;
1117     margin-left: 1px;
1118     [%- ELSE %]
1119     margin-left: 1px;
1120     margin-right: 1px;
1121     [%- END %]
1122     height: 1px;
1123     background-color: [% css_colors.accent_light %];
1124 }
1125
1126 .rdetail_extras_link {
1127     padding: 6px 12px;
1128     font-size: [% css_fonts.size_smaller %];
1129     font-weight: bold;
1130 }
1131
1132 .rdetail_extras_lbl {
1133     color: [% css_colors.text_invert %];
1134     text-decoration: none;
1135 }
1136
1137 #rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
1138     [% IF rtl == 't' -%]
1139     margin-right: 13px;
1140     [%- ELSE %]
1141     margin-left: 13px;
1142     [%- END %]
1143 }
1144
1145 #rdetail_locs_expand, #rdetail_locs_collapse {
1146     [% IF rtl == 't' -%]
1147     margin-right: 13px;
1148     [%- ELSE %]
1149     margin-left:13px;
1150     [%- END %]
1151     padding-bottom:3px;
1152     margin-top:15px;
1153 }
1154
1155 #rdetail_anotes_div .biography {
1156     margin:0;
1157 }
1158
1159 span.copy_note_label {
1160     font-weight: bold;
1161 }
1162
1163 span.copy_tag_type_label {
1164     font-weight: bold;
1165 }
1166
1167 #gbp_extra, #gbp_arrow_down_link {
1168     display: none;
1169 }
1170
1171 .almost-content-wrapper {
1172     background-color: [% css_colors.background %];
1173 }
1174
1175 #cartDropdown .dropdown-menu {
1176
1177 }
1178
1179 #content-wrapper {
1180     background-color: [% css_colors.background %];
1181     height: auto;
1182     display: grid;
1183 }
1184
1185 .content-wrapper-record-page { top: -15px; position: relative; }
1186
1187 #main-content-home {
1188     [% IF rtl == 't' -%]
1189     padding-right: 17px;
1190     margin-right: 1em;
1191     [%- ELSE %]
1192     padding-left: 17px;
1193     margin-left: 1em;
1194     [%- END %]
1195 }
1196 #main-content {
1197     [% IF rtl == 't' -%]
1198     padding-right: 0px;
1199     [%- ELSE %]
1200     padding-left: 0px;
1201     [%- END %]
1202     margin: 0 1em;
1203     clear: both;
1204 }
1205
1206 #main-content-after-bar {
1207     [% IF rtl == 't' -%]
1208     margin-right: 1em;
1209     padding-right: 4px;
1210     [%- ELSE %]
1211     margin-left: 1em;
1212     padding-left: 4px;
1213     [%- END %]
1214 }
1215
1216 #results_header_inner {
1217     padding-bottom: 1rem;
1218 }
1219
1220 #results-side-bar {
1221     [% IF rtl == 't' -%]
1222     float: right;
1223     margin-left: 5px;
1224     [%- ELSE %]
1225     float: left;
1226     margin-right: 5px;
1227     [%- END %]
1228     width: 174px;
1229     background-color: [% css_colors.background %];
1230 }
1231
1232 #main-content .login_boxes {
1233     border: 1px solid [% css_colors.accent_lighter %];
1234     background-color: [% css_colors.accent_lightest %];
1235     background-image: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1236     background-image: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1237     background-image: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1238     background-image: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1239     background-image: linear-gradient(to bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1240     color: [% css_colors.accent_darker %];
1241 }
1242
1243 #main-content .login_boxes h1 {
1244     font-weight: normal;
1245     font-size: [% css_fonts.size_biggest %];
1246     margin:0;
1247 }
1248
1249 #main-content .left_brain {
1250     [% IF rtl == 't' -%]
1251     padding-right: 28px;
1252     [% ELSE -%]
1253     padding-left:28px;
1254     [% END -%]
1255     padding-top:25px;
1256 }
1257
1258 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
1259     width:167px;
1260     margin:0;
1261     padding:0;
1262     background-color: [% css_colors.background %];
1263     font-size: [% css_fonts.size_bigger %];
1264     color: [% css_colors.text %];
1265 }
1266
1267 #main-content .left_brain .input_bg {
1268     [% IF rtl == 't' -%]
1269     padding: 10px 13px 0px 10px;
1270     [% ELSE -%]
1271     padding:10px 10px 0px 13px;
1272     [% END -%]
1273     width:167px;
1274     height:29px;
1275 }
1276
1277 .login-help-box {
1278     [% IF rtl == 't' -%]
1279     float: right;
1280     margin-right: 2em;
1281     [% ELSE -%]
1282     float: left;
1283     margin-left: 2em;
1284     [% END -%]
1285     width: 200px;
1286     text-align: center;
1287 }
1288
1289 .login-help-button {
1290     font-size: [% css_fonts.size_biggest %];
1291     padding: 1.5em;
1292 }
1293
1294 #login-failed-message {
1295     font-size: [% css_fonts.size_bigger %];
1296     font-weight: bold;
1297     color: [% css_colors.text_alert %];
1298     padding-top: 1em;
1299 }
1300
1301 #holds_temp_parent td {
1302     border-bottom:1px solid [% css_colors.border_standard %];
1303 }
1304
1305 #holds_temp_parent input, #holds_temp_parent select {
1306     margin:0;
1307 }
1308
1309
1310 #holds_temp_parent tr td div.format_icon {
1311     margin-top: 6px;
1312     margin-bottom: 6px;
1313     float: none;
1314 }
1315
1316 #results_header_bar {
1317     background-color: [% css_colors.accent_medium %];
1318     border-top:1px solid [% css_colors.accent_mediumdark %];
1319     border-bottom:1px solid [% css_colors.accent_mediumdark %];
1320 }
1321
1322 .results_header_lbl {
1323     [% IF rtl == 't' -%]
1324     float: right;
1325     [% ELSE -%]
1326     float: left;
1327     [% END -%]
1328     font-weight: bold;
1329     color: [% css_colors.text %];
1330     /* this border is not visible, but it keeps these labels the same size
1331     as the buttons */
1332     border: 1px solid [% css_colors.accent_medium %];
1333     background-color: [% css_colors.accent_medium %];
1334     margin: 0.5em 0.3em;
1335     padding: 0.3em;
1336 }
1337 /* we need a negative margin on the select to allow the containing <label>
1338 to determine the actual size of the element.  By doing this, we can increase
1339 the odds that the buttons and the select will be the same size, and therefore
1340 collapse correctly when the window width decreases */
1341 .results_header_lbl select {
1342     margin: -0.5em 0;
1343 }
1344
1345 #limit_to_available {
1346     vertical-align: middle;
1347 }
1348
1349 .results_header_sel {
1350     [% IF rtl == 't' -%]
1351     float: right;
1352     [% ELSE -%]
1353     float:left;
1354     [% END -%]
1355     margin:0;
1356 }
1357
1358
1359 .results_header_nav1 {
1360     text-align: center;
1361 }
1362
1363 .results_header_nav1 .h1 {
1364     font-size: [% css_fonts.size_bigger %];
1365     font-weight:bold;
1366     color:[% css_colors.primary_fade %];
1367 }
1368
1369 .table_no_border_space {
1370   border-spacing: 0px;
1371 }
1372 .table_no_cell_pad td {
1373   padding: 0px;
1374 }
1375 .table_no_border {
1376   border-collapse: collapse;
1377 }
1378
1379 #result_table_table {
1380   margin-top:10px;
1381 }
1382
1383 #result_table_div {
1384     margin-top: 1em;
1385 }
1386
1387 tr.result_table_row > td.results_row_count,
1388 tr.result_table_row > td.result_table_pic_header,
1389 tr.result_table_row > td.result_table_title_cell {
1390     vertical-align: top;
1391 }
1392
1393 .result_metadata {
1394     [% IF rtl == 't' -%]
1395     float: right;
1396     padding-left: 2em;
1397     [% ELSE -%]
1398     float: left;
1399     padding-right: 2em;
1400     [% END -%]
1401     width: 30em;
1402 }
1403
1404 tr.result_table_row:nth-child(n+2) > td {
1405     border-top: 1px solid [% css_colors.accent_lighter2 %];
1406 }
1407
1408 tr.result_table_row > td.result_table_pic_header {
1409     [% IF rtl == 't' -%]
1410     padding-right: 1em;
1411     [% ELSE -%]
1412     padding-left: 1em;
1413     [% END -%]
1414     white-space: nowrap;
1415     width: 78px;
1416 }
1417
1418 /* styles for selecting records in the results set */
1419 .result_table_row_selected {
1420     background-color: [% css_colors.item_selected %];
1421 }
1422 #selected_records_summary, #clear_basket {
1423     margin-left: 5em;
1424 }
1425
1426 /* styles for the basket */
1427 #record_basket {
1428     [% IF rtl == 't' -%]
1429     float: left;
1430     margin-left: 5em;
1431     [% ELSE; %]
1432     float: right;
1433     margin-right: 5em;
1434     [% END %]
1435 }
1436 #record_basket_icon {
1437     [% IF rtl == 't' -%]
1438     float: left;
1439     margin-left: 2em;
1440     [% ELSE; %]
1441     float: right;
1442     margin-right: 2em;
1443     [% END %]
1444     position: relative;
1445 }
1446 #record_basket_count_floater {
1447     background-color: #ddd;
1448     position: absolute;
1449     top: 0px;
1450     right: -10px;
1451     z-index: 2;
1452     text-align: center;
1453     border-radius: 50%;
1454     width: 20px;
1455 }
1456 #record_basket_count_floater a {
1457     text-decoration: none;
1458 }
1459 #basket_actions {
1460     margin: .5rem;
1461 }
1462 #basket_actions select {
1463     border-color: rgb(169, 169, 169);
1464 }
1465
1466 .result_number {
1467     [% IF rtl == 't' -%]
1468     padding-right: 1em;
1469     [% ELSE -%]
1470     padding-left: 1em;
1471     [% END -%]
1472     white-space: nowrap;
1473 }
1474
1475 .result_count_number {
1476    font-weight: bold;
1477 }
1478
1479 .result_table_subtable {
1480     width: 100%;
1481     padding-top: 1em;
1482 }
1483
1484 div.result_table_utils_cont {
1485     [% IF rtl == 't' -%]
1486     text-align: right;
1487     float: right;
1488     [% ELSE -%]
1489     text-align:left;
1490     float: left;
1491     [% END -%]
1492 }
1493
1494 .mylist_action:hover{
1495     text-decoration: none;
1496 }
1497
1498 #myopac_summary_div p {
1499     margin:0;
1500     margin-bottom: 10px;
1501 }
1502
1503 #acct_sum_checked_table td {
1504     padding-bottom:5px;
1505 }
1506
1507 .zero_search_hits_main {
1508     [% IF rtl == 't' -%]
1509     float: right;
1510     [% ELSE -%]
1511     float:left;
1512     [% END -%]
1513     width:300px;
1514     margin-top: 2ex;
1515 }
1516 .zero_search_hits_saved {
1517     [% IF rtl == 't' -%]
1518     float: right;
1519     margin-left: 2em;
1520     [% ELSE -%]
1521     float:left;
1522     margin-right: 2em;
1523     [% END -%]
1524     width:200px;
1525     margin-top: 2ex;
1526 }
1527
1528 #zero_search_hits p {
1529     margin-top:0;
1530 }
1531
1532 #zero_hits_term {
1533     font-weight: bold;
1534 }
1535
1536 #zero_search_hits #spell_check_link {
1537 }
1538
1539 #zero_search_hits #zero_hits_suggestions {
1540 }
1541
1542 #lowhits_help {
1543     [% IF rtl == 't' -%]
1544     float: left;
1545     [% ELSE -%]
1546     float: right;
1547     [% END-%]
1548     width: 353px;
1549     background-color: [% css_colors.accent_light %];
1550     padding: 10px;
1551     margin-top: 7px;
1552 }
1553
1554 .results_info_table td {
1555     [% IF rtl == 't' -%]
1556     padding-left: 10px;
1557     [% ELSE -%]
1558     padding-right: 10px;
1559     [% END-%]
1560 }
1561
1562 #myopac_holds_main_table {
1563     border-collapse: collapse;
1564 }
1565
1566 #myopac_holds_main_table td {
1567     border: 1px solid [% css_colors.border_dark %];
1568
1569 }
1570
1571 .myopac-hold-available {
1572     color: [% css_colors.text_greatnews %];
1573     font-weight: bold;
1574 }
1575
1576 .myopac-hold-suspended {
1577     color: [% css_colors.text_badnews %];
1578     font-weight: bold;
1579 }
1580
1581 #myopac_prefs_div .data_grid {
1582     border-collapse:collapse;
1583 }
1584
1585 #myopac_prefs_div .data_grid td {
1586     [% IF rtl == 't' -%]
1587     padding: 6px 17px 7px 0px;
1588     [% ELSE -%]
1589     padding:6px 0px 7px 17px;
1590     [% END -%]
1591     background-color:[% css_colors.accent_ultralight %];
1592     border-bottom:3px solid [% css_colors.background %];
1593 }
1594
1595 .header_middle {
1596     [% IF rtl == 't' -%]
1597     padding: 0px 0px 0px 7px;
1598     [% ELSE -%]
1599     padding: 0px 7px 0px 0px;
1600     [% END -%]
1601     height:22px;
1602     font-size: [% css_fonts.size_bigger %];
1603     font-weight:bold;
1604     color:[% css_colors.primary_header %];
1605     /*border-bottom: 1px dotted [% css_colors.accent_light %];*/
1606     clear: both;
1607 }
1608
1609 .header_middle a {
1610     font-weight: normal;
1611 }
1612
1613 #acct_sum_block {
1614     [% IF rtl == 't' -%]
1615     float: right;
1616     clear: right;
1617     [% ELSE -%]
1618     float: left;
1619     clear: left;
1620     [% END -%]
1621 }
1622
1623 .acct_sum_table {
1624     border-collapse: collapse;
1625     background-color: [% css_colors.accent_ultralight %];
1626 }
1627
1628 .acct_sum_table tr {
1629     border-bottom: 2px solid white;
1630 }
1631
1632 .acct_sum_table td {
1633     padding: 1em;
1634 }
1635
1636 .acct_sum_table a {
1637     text-transform: none;
1638     position:relative;
1639     top:-1px;
1640 }
1641
1642 .acct_sum_table .view_link {
1643     font-weight: normal;
1644 }
1645
1646 #myopac_sum_fines {
1647     [% IF rtl == 't' -%]
1648     float: left;
1649     padding: 15px 23px 0px 0px;
1650     [% ELSE -%]
1651     float:right;
1652     padding: 15px 0px 0px 23px;
1653     [% END -%]
1654     width: 177px;
1655 }
1656
1657 .cc_logo_img
1658 {
1659    width: 79%;
1660     [% IF rtl == 't' -%]
1661       padding-right: .5em;
1662     [% ELSE -%]
1663        padding-left: .5em;
1664     [% END -%]
1665 }
1666
1667 #myopac_sum_fines_placehold {
1668     [% IF rtl == 't' -%]
1669     float: left;
1670     [% ELSE -%]
1671     float: right;
1672     [% END -%]
1673     width: 177px;
1674     height: 166px;
1675 }
1676
1677 .acct_holds_temp td {
1678     [% IF rtl == 't' -%]
1679     text-align: right;
1680     [% ELSE -%]
1681     text-align: left;
1682     [% END -%]
1683 }
1684
1685 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
1686     [% IF rtl == 't' -%]
1687     float: right;
1688     [% ELSE -%]
1689     float:left;
1690     [% END -%]
1691 }
1692
1693
1694
1695 .acct_fines_header
1696 {
1697    width: 100%;
1698    padding-bottom:1em;
1699    [% IF rtl == 't' -%]
1700    float: right;
1701    [% ELSE -%]
1702    float:left;
1703    [% END -%]
1704 }
1705
1706 /* tables for entering payment information */
1707 #acct_fines_main_header
1708 {
1709    width: 100%;
1710 }
1711
1712 /* tables for entering payment information */
1713 #billing_info_table
1714 {
1715     width: auto;
1716     [% IF rtl == 't' -%]
1717     float: right;
1718     [% ELSE -%]
1719     float:left;
1720     [% END -%]
1721     display:inline;
1722     padding-left: 1em;
1723     padding-right: 1em;
1724 }
1725
1726 /* tables for entering payment information */
1727 #credit_card_info_table
1728 {
1729     width: auto;
1730     display: block;
1731 }
1732
1733 /* tables for entering payment information */
1734 #billing_info_table td,
1735 #credit_card_info_table td
1736 {
1737    [% IF rtl == 't' -%]
1738     padding-right: .5em;
1739     [% ELSE -%]
1740     padding-left: .5em;
1741     [% END -%]
1742
1743 }
1744
1745 /* div for the payment buttons with the total */
1746 #payment_actions
1747 {
1748    width: auto;
1749    display: block;
1750    padding: 1em 0 0 1em;
1751    text-align:center;
1752 }
1753
1754 /* Stripe's payment form */
1755 #payment_form
1756 {
1757     background-color: [% css_colors.accent_ultralight %];
1758     width: 75%;
1759 }
1760 #card-element
1761 {
1762     padding: 10px;
1763 }
1764
1765 /* text to state what is seen on cc statement */
1766 .cc_disclaimer
1767 {
1768    font-style:italic;
1769    font-size: 90%;
1770    color:[% css_colors.primary_fade %];
1771 }
1772
1773 .hold_notes {
1774     text-transform: none;
1775     font-weight: normal;
1776 }
1777
1778
1779
1780 #acct_list_header select, #acct_list_header_anon select {
1781     font-weight:normal;
1782     text-transform:none;
1783 }
1784
1785 .search_catalog_lbl,
1786 .adv_search_catalog_lbl,
1787 .browse_the_catalog_lbl,
1788 .search_courses_lbl,
1789 .browse_courses_lbl {
1790     font-size: [% css_fonts.size_bigger %];
1791 }
1792
1793 .lbl1 {
1794     font-size: [% css_fonts.size_bigger %];
1795     font-weight:bold;
1796 }
1797
1798 .lbl2 {
1799     font-size: [% css_fonts.size_smaller %];
1800     font-weight:normal;
1801     position:relative;
1802     top:3px;
1803     max-width:300px;
1804 }
1805
1806 #fines_payments_wrapper {
1807     padding-left: 5px;
1808     padding-right: 5px;
1809 }
1810
1811 .myopac_payments_table th {
1812     [% IF rtl == 't' -%]
1813     text-align: right; }
1814     [% ELSE -%]
1815     text-align: left;
1816     [% END -%]
1817 }
1818
1819 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
1820 .myopac_payments_table thead th:first-child { width: 8em; }
1821 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
1822 .myopac_payments_table form { display: inline; }
1823 .myopac_payments_table input[type="submit"] { padding: 1px; }
1824
1825 .cc_header
1826 {
1827    padding-top:1em;
1828    background-color: [% css_colors.accent_lighter %];
1829 }
1830
1831 .payment-error {
1832     font-weight: bold; color: [% css_colors.text_alert %];
1833     padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1834 }
1835
1836 .payment-processing {
1837     font-weight: bold;
1838     color: [% css_colors.text_greatnews %];
1839     font-size: [% css_fonts.size_bigger %];
1840     padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1841     text-align: center;
1842 }
1843 #adv_search_input { width: 100%; }
1844 #adv_search_parent {
1845     margin-bottom:0px;
1846 }
1847
1848 #search-wrapper #search-submit-go,
1849 #search-wrapper #search-submit-go-1,
1850 #search-wrapper #search-submit-go-2,
1851 #search-wrapper #search-submit-go-depth {
1852     display: inline-block;
1853     margin-top: 1.3rem;
1854 }
1855
1856 #search-submit-spinner {
1857     height: 16px;
1858     width: 16px;
1859 }
1860 div.adv_search_available {
1861     margin-top: 1em;
1862 }
1863
1864 #myopac_loading {
1865     width:100%;
1866     text-align:center;
1867     padding-top:20px;
1868     font-size: [% css_fonts.size_bigger %];
1869     font-weight:bold;
1870 }
1871
1872 .chili_link {
1873     width:100px !important;
1874     text-align: center !important;
1875 }
1876
1877 .chili_review div.chili_link div {
1878     margin: auto;
1879 }
1880
1881 /* styling for advanced search filters that display with searchbar */
1882
1883 #adv_filter_results_block h4 { display: inline; }
1884
1885 #adv_filter_results_block {
1886     margin-top: 6px;
1887     text-align: center;
1888 }
1889
1890 .adv_filter_results_block_label {
1891     font-weight:bold;
1892     [% IF rtl == 't' -%]
1893     padding: 4px 12px 4px 0px;
1894     [% ELSE -%]
1895     padding: 4px 0px 4px 12px;
1896     [% END -%]
1897 }
1898
1899 .adv_filter_results_group {
1900     font-size: 12px;
1901     display: inline-block;
1902     background-color:  [% css_colors.accent_lighter2 %];
1903     border-style: solid;
1904     border-color: [% css_colors.accent_medium %];
1905     border-width: 1px;
1906     border-radius: 4px;
1907     padding: 2px 4px 2px 4px;
1908 }
1909
1910 .adv_filter_results_group_wrapper {
1911     display: inline-block;
1912     [% IF rtl == 't' -%]
1913     margin-right: 1em;
1914     [% ELSE -%]
1915     margin-left: 1em;
1916     [% END -%]
1917     margin-bottom: 8px;
1918 }
1919
1920 .adv_filter_results_group_header {
1921     display: inline-block;
1922 }
1923
1924 .adv_filter_results_group_values {
1925     display: inline;
1926 }
1927
1928 .adv_search_result_filter {
1929     display: inline-block;
1930     font-size: 16px;
1931 }
1932
1933 .remove_filter {
1934     font-size: 16px;
1935     [% IF rtl == 't' -%]
1936     margin-right: 3px;
1937     [% ELSE -%]
1938     margin-left: 3px;
1939     [% END -%]
1940 }
1941
1942 a.remove_filter {
1943     text-decoration: none;
1944     color: [% css_colors.accent_dark %];
1945 }
1946
1947 #filter_hits {
1948      display: inline-block;
1949 }
1950
1951 #refine_search_link {
1952     display: inline-block;
1953 }
1954
1955 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1956 /* some facet styling */
1957 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1958 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1959 .facetClassLabel { font-weight: bold; text-align: center; }
1960 .facetFieldContainer {  }
1961 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1962 .extraFacetFieldsWrapper { }
1963 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1964 .facetFieldLineCount {
1965     display: inline-block;
1966     border-right: 1px solid [% css_colors.accent_light %];
1967     color: [% css_colors.accent_mediumdark %];
1968     width: 3em;
1969     margin-right: 3px
1970 }
1971 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1972 .facetFields { padding-left: 5px; }
1973 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1974 [%- END -%]
1975
1976 div#facet_sidebar {
1977     [% IF rtl == 't' -%]
1978     float: right;
1979     margin-left: 1em;
1980     [% ELSE -%]
1981     float: left;
1982     margin-right: 1em;
1983     [% END-%]
1984 }
1985
1986 .facet_box_temp {
1987     padding-bottom:3px;
1988 }
1989
1990 .facet_box_temp .header {
1991     height: 2.3em;
1992     background-color:[% css_colors.primary %];
1993     border-top-left-radius: 5px;
1994     border-top-right-radius: 5px;
1995     font-weight:bold;
1996     color:[% css_colors.text_invert %];
1997     padding-top:4px;
1998 }
1999
2000 .facet_box_temp.filter_box_temp .header {
2001     background-color: [% css_colors.background_invert %] !important;
2002 }
2003
2004 .filter_box_label {
2005     color: [% css_colors.background_invert %];
2006     font-weight:bold;
2007     padding-top:4px;
2008     padding-bottom:4px;
2009     padding-left:12px;
2010 }
2011
2012 .facet_box_temp .header .title {
2013     [% IF rtl == 't' -%]
2014     float: right;
2015     padding-right: 12px;
2016     [% ELSE -%]
2017     float:left;
2018     padding-left:12px;
2019     [% END -%]
2020     padding-top:6px;
2021 }
2022
2023 /* in this context, where h4 is primarily for structure,
2024    avoid the normal large font and margin for h4's */
2025 .facet_box_temp h4 {
2026     font-size : 100%;
2027     margin: 0px;
2028 }
2029
2030 .facet_box_temp .header a.button {
2031     [% IF rtl == 't' -%]
2032     float: left;
2033     padding-left: 6px;
2034     [% ELSE -%]
2035     float:right;
2036     padding-right:6px;
2037     [% END -%]
2038     padding-top:6px;
2039     color:[% css_colors.text_invert %];
2040 }
2041
2042 .facet_box_wrapper .box_wrapper .box {
2043     border-top:1px solid [% css_colors.border_standard %];
2044     border-left:1px solid [% css_colors.border_standard %];
2045     border-right:1px solid [% css_colors.border_standard %];
2046     padding: 0 0.5em;
2047     overflow: hidden;
2048 }
2049
2050 .filter_box_wrapper {
2051     margin-bottom: 3px;
2052     padding: 2px;
2053     border: 1px solid [% css_colors.background_invert %];
2054     border-radius: 3px;
2055     font-weight:bold;
2056     padding-top:4px;
2057 }
2058
2059 .facet_template {
2060     box-sizing: border-box;
2061     -moz-box-sizing: border-box;
2062     display: table;
2063     margin: 0.5em 0;
2064     width: 100%;
2065 }
2066
2067 .facet_template div {
2068     display: table-cell;
2069     padding: 2px;
2070 }
2071
2072 .facet_template.filter_template div {
2073     padding: 0px !important;
2074 }
2075
2076 .facet_template .count {
2077     text-align: right;
2078     color: [% css_colors.accent_dark %];
2079 }
2080
2081 .page-item.active .page-link {
2082     background-color: #00593d;
2083     border-color: #00593d;
2084 }
2085 .page-link
2086 {
2087     color: #00593d;
2088 }
2089
2090 .filter-header{
2091      background-color: [% css_colors.bg_filter %];
2092      color: [% css_colors.text_filter %];
2093 }
2094
2095 .filter-header:hover{
2096      background-color: [% css_colors.bg_filter_hover %];
2097 }
2098
2099 .extra_header{
2100      background-color: [% css_colors.bg_extras %];
2101 }
2102 .facet_template_selected {
2103     background-color: [% css_colors.accent_lighter2 %];
2104     border: 1px solid [% css_colors.accent_medium %];
2105 }
2106
2107 #footer-wrap {
2108     /* border-top: 5px solid [% css_colors.nav_separation %]; */
2109     background-color: [% css_colors.footer_primary %];
2110     background-image: -moz-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2111     background-image: -o-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2112     background-image: -webkit-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2113     background-image: linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2114     bottom: 0px;
2115     width: 100%;
2116 }
2117
2118 #footer {
2119     [% IF rtl == 't' -%]
2120     margin-right: 1em;
2121     [% ELSE -%]
2122     margin-left: 1em;
2123     [% END -%]
2124     padding-top:5px;
2125     padding-bottom: 10px;
2126     font-size: [% css_fonts.size_small %];
2127 }
2128
2129 #footer .navbar-nav {
2130     justify-content: center;
2131 }
2132
2133 #copyright_text, #footer_logo {
2134     color: [% css_colors.footer_link %];
2135     font-size: [% css_fonts.size_small %];
2136     margin: 5px 0;
2137     text-align: center;
2138 }
2139
2140 .color_4 {
2141     font-weight: bold;
2142 }
2143
2144 .advanced_div { padding-top: 15px; }
2145 #adv_global_search { width: 100%; }
2146 #adv_global_addrow td { padding-top: 7px; }
2147 [% IF rtl == 't' -%]
2148 #adv_global_addrow.td-search-left{text-align:right;}
2149 [% END -%]
2150 #adv_global_input_table { width: 100%; }
2151 #adv_global_input_table select { width: 7em; }
2152 .adv_adv_link {
2153     font-size: [% css_fonts.size_smaller %];
2154     color: [% css_colors.text_alert %];
2155 }
2156 #acct_prefs_header {
2157     [% IF rtl == 't' -%]
2158     float: right;
2159     [% ELSE -%]
2160     float: left;
2161     [% END -%]
2162 }
2163 .search_page_nav_link {
2164     cursor: pointer;
2165     [% IF rtl == 't' -%]
2166     padding-right: 1em;
2167     [% ELSE -%]
2168     padding-left: 1em;
2169     [% END -%]
2170 }
2171 #opac.result.sort { width: 160px; }
2172 .renew-summary, .message-update-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
2173 .failure-text {
2174     [% IF rtl == 't' -%]
2175     margin-right: 4em;
2176     [% ELSE -%]
2177     margin-left: 4em;
2178     [% END -%]
2179     font-style: italic;
2180     color: [% css_colors.text_alert %];
2181 }
2182 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
2183 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
2184 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
2185 #adv_search_refine {
2186     [% IF rtl == 't' -%]
2187     padding-right: 5em;
2188     [% ELSE -%]
2189     padding-left: 5em;
2190     [% END -%]
2191     background-color: [% css_colors.accent_lighter2 %];
2192     margin: 2ex 0;
2193 }
2194 .row-remover { position: relative; top: 1px; vertical-align: middle; }
2195 .subtle-button {
2196     background-color: [% css_colors.background %];
2197     color: [% css_colors.primary %]; text-decoration: none;
2198     padding: 0; border: 0; margin: 0;
2199     vertical-align: middle;
2200 }
2201 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
2202 .no-dec:hover { text-decoration: none; }
2203 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
2204
2205 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
2206 #account-update-email table td {
2207     [% IF rtl == 't' -%]
2208     text-align: right;
2209     [% ELSE -%]
2210     text-align: left;
2211     [% END -%]
2212     padding: 5px 15px 5px 15px;
2213     border-bottom: 1px solid [% css_colors.accent_lighter %];
2214 }
2215 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
2216 a.dash-link:hover { text-decoration: underline !important; }
2217 #list_create_table td { vertical-align: middle; padding: 0 8px; }
2218 #list_create_table {
2219     background-color: [% css_colors.accent_light %];
2220     padding-bottom: 4px;
2221     margin-bottom: 10px;
2222     border-bottom: 1px dotted [% css_colors.accent_medium %];
2223     width: 100%;
2224 }
2225 .list_create_table_label {
2226     width: 30%;
2227 }
2228 #list_description, #list_create_name {
2229         width: 500px;
2230 }
2231 .list-create-table-buttons input[type=image] { margin-top: 2px; }
2232 .result_table_format_cell { padding: 0px 10px; text-align: center; }
2233 .results_row_count { font-weight: bold; }
2234
2235 .fmt-note {
2236     [% IF rtl == 't' -%]
2237     padding-right: 1em !important;
2238     [% ELSE -%]
2239     padding-left: 1em !important;
2240     [% END -%]
2241     vertical-align: middle;
2242 }
2243 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
2244 .hold-editor-controls a { padding-left: 2em; }
2245
2246 .text-right {
2247     [% IF rtl == 't' -%]
2248     text-align: left;
2249     [% ELSE -%]
2250     text-align: right;
2251     [% END -%]
2252 }
2253 .text-right-top {
2254     [% IF rtl == 't' -%]
2255     text-align: right;
2256     [% ELSE -%]
2257     vertical-align: top;
2258     [% END -%]
2259 }
2260 .rdetail-author-div {
2261     padding-bottom: 10px;
2262     display: inline-block;
2263 }
2264
2265 .invisible { visibility: hidden; }
2266 .rdetail-extras-summary { margin: 10px; }
2267 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
2268 .expert-search tbody tr th {
2269     [% IF rtl == 't' -%]
2270     text-align: left;
2271     padding-right: 2em;
2272     [% ELSE -%]
2273     text-align: right;
2274     padding-left: 2em;
2275     [% END -%]
2276 }
2277 #adv_expert_row label { font-weight: bold; }
2278
2279 .cn_browse_item { padding: 2ex; }
2280 .results-paginator-list {
2281     [% IF rtl == 't' -%]
2282     padding-right: 1em;
2283     [% ELSE -%]
2284     padding-left: 1em;
2285     [% END -%]
2286 }
2287 .results-paginator-selected { color: [% css_colors.text_alert %]; }
2288 .inactive-hold { background-color: [% css_colors.inactive_hold %]; }
2289 .unread-patron-message { font-weight: bold; }
2290
2291 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
2292 .hold-items-list-title {
2293   font-size: [% css_fonts.size_bigger %];
2294   margin-bottom: 20px;
2295 }
2296 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
2297
2298 .hold_success_links > span { margin: 0 2em; }
2299
2300 .radio-parts-selection {
2301    width: 75%;
2302    margin-bottom: 20px;
2303 }
2304
2305 .parts-radio-option {
2306   display: inline-block;
2307   width:15em;
2308 }
2309
2310 .mr_holds_no_formats {
2311   [% IF rtl == 't' -%]
2312   margin-right: 25px;
2313   [% ELSE -%]
2314   margin-left: 25px;
2315   [% END -%]
2316   padding: 5px;
2317   font-size: 110%;
2318   font-weight: bold;
2319   color: [% css_colors.text_invert %];
2320   background-color: [% css_colors.primary %];
2321 }
2322
2323 .holds_item_row_separator td {
2324   border-top: 2px dashed [% css_colors.accent_medium %];
2325 }
2326
2327 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2328
2329 .results_header_btns, .results_header_sel {
2330     [% IF rtl == 't' -%]
2331     float: right;
2332     [% ELSE -%]
2333     float:left;
2334     [% END -%]
2335 }
2336
2337 /*
2338  * .various_containers a = shortcut to putting .opac-button on every 'a' with
2339  *     the tradeoff of increased stylesheet complexity (TODO: rethink?)
2340  */
2341
2342 .opac-multiline-button > a,
2343 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
2344     color: [% css_colors.button_text %];
2345     font-weight: bold;
2346     text-decoration: none;
2347     cursor: pointer !important;
2348     border-radius: 5px;
2349     border: 1px solid [% css_colors.primary %];
2350     background-color:  [% css_colors.primary_fade %];
2351     margin: 0.5em;
2352     padding: 0.3em;
2353     display: inline-block;
2354 }
2355
2356 .opac-multiline-button > a:hover,
2357 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
2358     background-color: [% css_colors.primary %];
2359 }
2360
2361 .opac-button:disabled {
2362     color: [% css_colors.accent_medium %];
2363     cursor: pointer !important;
2364     border: 1px solid [% css_colors.accent_light %];
2365     background-color: [% css_colors.accent_lighter %];
2366 }
2367
2368 /* Firefox adds its own special space to inputs; this gets us closer */
2369 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
2370     padding: 0;
2371     border: 0;
2372 }
2373
2374 .opac-button-header, #dash_wrapper .opac-button {
2375     background-color: [% css_colors.control %];
2376     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2377     font-size: [% css_fonts.size_base %];
2378 }
2379 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
2380     border-color: [% css_colors.control %];
2381 }
2382
2383 .opac-multiline-button > a {
2384     display: inline-block;
2385 }
2386
2387 #myopac_checked_div {
2388     padding: 0px;
2389 }
2390
2391 .rdetail-mfhd-head {
2392     margin-top: 5px;
2393     padding-top: 5px;
2394     background-color: [% css_colors.table_heading %];
2395 }
2396
2397 .rdetail-mfhd-type {
2398     [% IF rtl == 't' -%]
2399     padding-right: 1em;
2400     [% ELSE -%]
2401     padding-left: 1em;
2402     [% END -%]
2403 }
2404
2405 .rdetail-mfhd-bottom {
2406     border-bottom: thin solid [% css_colors.border_dark %];
2407     width: 100%;
2408 }
2409
2410 #rdetail_record_details {
2411     clear: both;
2412     margin-top: 1em;
2413 }
2414
2415 .rdetail_content {
2416     [% IF rtl == 't' -%]
2417     margin-right: 1.5em;
2418     padding-right: 1.5em;
2419     [% ELSE -%]
2420     margin-left: 1.5em;
2421     padding-left: 1.5em;
2422     [% END -%]
2423 }
2424
2425 .rdetail_content_type, .rdetail_subject_type {
2426     vertical-align: top;
2427     font-weight: bold;
2428 }
2429
2430 .bookbag-item-row td { vertical-align: top; }
2431
2432 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
2433 .success {
2434     color: [% css_colors.text_greatnews %];
2435     font-weight: bold;
2436 }
2437
2438 .rdetail_related_subjects {
2439     margin-top: 1.5em;
2440 }
2441
2442 .rdetail_related_series {
2443     margin-top: 1.5em;
2444 }
2445
2446 #rdetail_openurl {
2447     margin-top: 1em;
2448 }
2449
2450 .rdetail_openurl_entry {
2451     [% IF rtl == 't' -%]
2452     margin-right: 1em;
2453     padding-right: 1em;
2454     [% ELSE -%]
2455     margin-left: 1em;
2456     padding-left: 1em;
2457     [% END -%]
2458 }
2459 .bookbag-controls-holder { width: 100%; }
2460 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
2461 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
2462 .bookbag-controls-holder .most {
2463     [% IF rtl == 't' -%]
2464     padding-right: 0;
2465     margin-left: 5em;
2466     [% ELSE -%]
2467     padding-left: 0;
2468     margin-right: 5em;
2469     [% END -%]
2470 }
2471 .bookbag-controls-title-block {
2472     [% IF rtl == 't' -%]
2473     float:right;
2474     [% ELSE -%]
2475     float:left;
2476     [% END -%]
2477     width:40%;
2478 }
2479 .bookbag-controls-button-block {
2480     [% IF rtl == 't' -%]
2481     float:right;
2482     [% ELSE -%]
2483     float:left;
2484     [% END -%]
2485     width:50%;
2486 }
2487 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
2488 .bookbag-share .fixed { min-width: 4em; }
2489 .bookbag-specific {
2490     [% IF rtl == 't' -%]
2491     margin-right: 1em;
2492     [% ELSE -%]
2493     margin-left: 1em;
2494     [% END -%]
2495 }
2496 .bookbag-specific div.sort {
2497     [% IF rtl == 't' -%]
2498     float: right;
2499     text-align: right;
2500     margin-right: 15px;
2501     [% ELSE -%]
2502     float: left;
2503     text-align: left;
2504     margin-left: 15px;
2505     [% END -%]
2506     width: 40%;
2507 }
2508 .bookbag-specific div.meta {
2509     background-color: [% css_colors.accent_light %];
2510     [% IF rtl == 't' -%]
2511     float: left;
2512     text-align: left;
2513     [% ELSE -%]
2514     float: right;
2515     text-align: right;
2516     [% END -%]
2517     width: 54%;
2518     border: 1px solid [% css_colors.accent_light %];
2519     padding: 5px;
2520     margin-top: 5px;
2521 }
2522 #bbag-name-desc-form tr th { vertical-align: middle; }
2523 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
2524 .bookbag-description {
2525     padding-top: 0em;
2526     font-style: italic;
2527     max-width: 40em;
2528 }
2529 .bbag-edit-desc-label {
2530     [% IF rtl == 't' -%]
2531     float:right;
2532     [% ELSE -%]
2533     float:left;
2534     [% END -%]
2535     width:8em;
2536 }
2537 .bbag-edit-desc-save {
2538     clear:both;
2539     margin-bottom:10px;
2540 }
2541 #bbag-edit-description {
2542     width: 20em;
2543     [% IF rtl == 't' -%]
2544     float:right;
2545     [% ELSE -%]
2546     float:left;
2547     [% END -%]
2548 }
2549 #bbag-edit-name {
2550     width: 20em;
2551     [% IF rtl == 't' -%]
2552     float: right;
2553     [% ELSE -%]
2554     float: left;
2555     [% END -%]
2556 }
2557 .bbag-action {
2558     [% IF rtl == 't' -%]
2559     margin-right: 15px;
2560     [% ELSE -%]
2561     margin-left: 15px;
2562     [% END -%]
2563 }
2564 .bbag-navigate-list {
2565     [% IF rtl == 't' -%]
2566     padding-right: 32px;
2567     float:right;
2568     [% ELSE -%]
2569     padding-left: 32px;
2570     float:left;
2571     [% END -%]
2572 }
2573 .bbag-navigate-list-pages {
2574     [% IF rtl == 't' -%]
2575     padding-right: 10px;
2576     float:right;
2577     [% ELSE -%]
2578     padding-left: 10px;
2579     float:left;
2580     [% END -%]
2581 }
2582 textarea { font-family: sans-serif; }
2583 table.bookbag-specific {
2584     border-right: 1px solid [% css_colors.accent_dark %];
2585     border-bottom: 1px solid [% css_colors.accent_medium %];
2586     margin-bottom: 2ex;
2587     width: 100%;
2588 }
2589 .bookbag-share {
2590     [% IF rtl == 't' -%]
2591     float: right;
2592     padding: 0px 10px 0px 0px;
2593     [% ELSE -%]
2594     float: left;
2595     padding: 0px 0px 0px 10px;
2596     [% END -%]
2597 }
2598 .bookbag-share .fixed { min-width: 6em; }
2599 .bookbag-controls {
2600     [% IF rtl == 't' -%]
2601     float: right;
2602     padding: 0px 10px 0px 0px;
2603     [% ELSE -%]
2604     float: left;
2605     padding: 0px 0px 0px 10px;
2606     [% END -%]
2607 }
2608 .bookbag-specific td.list_checkbox {
2609     [% IF rtl == 't' -%]
2610     padding-right: 10px !important;
2611     [% ELSE -%]
2612     padding-left: 10px !important;
2613     [% END -%]
2614 }
2615 .bookbag-specific td.list_entry {
2616     min-width: 10em;
2617     [% IF rtl == 't' -%]
2618     padding-right: 5px !important;
2619     [% ELSE -%]
2620     padding-left: 5px !important;
2621     [% END -%]
2622 }
2623 .bookbag-specific td.list_actions {
2624     white-space: nowrap !important;
2625 }
2626 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
2627
2628 .list_is_empty {
2629     padding: 8px 0px 6px 0px;
2630     width: 100%;
2631     border: 0;
2632     font-size: [% css_fonts.size_bigger %];
2633     text-align: center;
2634     font-style: italic;
2635 }
2636 .save-notes { padding-bottom: 1.5ex; }
2637
2638 .nonbreaking-wrapper {
2639     display: inline-block;
2640 }
2641
2642 /* Moved from semiauto.css */
2643 .adv_global_input_container {
2644     border-bottom: none;
2645     clear: both;
2646 }
2647 .opac-auto-013 {
2648     border-bottom: none;
2649     *height: 0px;
2650 }
2651 .adv_global_filter_sort {
2652     border: none;
2653     width: 100%;
2654 }
2655 .clear-both { clear: both; }
2656 .common-no-pad {
2657     clear: both;
2658     height: 0px;
2659     margin: 0px;
2660     padding: 0px;
2661 }
2662 .common-full-pad {
2663     clear: both;
2664     height: 15px;
2665 }
2666 .opac-alert { color: [% css_colors.text_alert %]; }
2667
2668 .float-left {
2669     [% IF rtl == 't' -%]
2670     float: right;
2671     [% ELSE -%]
2672     float: left;
2673     [% END -%]
2674 }
2675 .float-right {
2676     [% IF rtl == 't' -%]
2677     float: left;
2678     [% ELSE -%]
2679     float: right;
2680     [% END -%]
2681 }
2682
2683 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2684 .saved-searches-header .button {
2685     [% IF rtl == 't' -%]
2686     float: left;
2687     [% ELSE -%]
2688     float: right;
2689     width: 28px;
2690     [% END -%]
2691 }
2692 .saved-searches-header .text {
2693     [% IF rtl == 't' -%]
2694     float: right;
2695     padding-left: 1em;
2696     [% ELSE -%]
2697     float: left;
2698     padding-right: 1em;
2699     [% END -%]
2700     margin: 0.5ex 0;
2701 }
2702 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2703 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
2704 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
2705     [% IF rtl == 't' -%]
2706     border-left: 1px solid [% css_colors.accent_darker %];
2707     [% ELSE -%]
2708     border-right: 1px solid [% css_colors.accent_darker %];
2709     [% END -%]
2710 }
2711 .result_item_circulated {
2712     padding-top: 4px;
2713 }
2714
2715 .result_item_circulated span {
2716     position: relative;
2717     top:-3px;
2718     [% IF rtl == 't' -%]
2719     right: 3px;
2720     [% ELSE -%]
2721     left:3px;
2722     [% END -%]
2723 }
2724
2725 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
2726 #result-bookbag-heading { text-align: center; margin: 2ex; }
2727
2728 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
2729 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
2730 .result-bookbag-item-note { font-style: italic; }
2731 .lowhits-bookbag-name { font-weight: bold; }
2732 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
2733 .oils_AS_match_term {
2734     [% IF rtl == 't' -%]
2735     text-align: right;
2736     [% ELSE -%]
2737     text-align: left;
2738     [% END -%]
2739     color: [% css_colors.text %];
2740 }
2741 .oils_AS_match_field {
2742     font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
2743     [% IF rtl == 't' -%]
2744     text-align: left;
2745     [% ELSE -%]
2746     text-align: right;
2747     [% END -%]
2748     color: [% css_colors.accent_medium %];
2749 }
2750 table.result_holdings_table {
2751     margin-top: 1em;
2752     margin-bottom: 1em;
2753 }
2754 table.result_holdings_table thead tr {
2755     background-color: [% css_colors.table_heading %];
2756 }
2757 table.result_holdings_table thead tr th {
2758     font-weight: bold;
2759 }
2760 span.preflib {
2761     margin: 0 2em 0 2em;
2762 }
2763 a.preflib_change {
2764   vertical-align: super;
2765   font-size: [% css_fonts.size_smaller %];
2766   line-height: normal;
2767   text-decoration: none;
2768 }
2769 .rdetail-holding-group {
2770     [% IF rtl == 't' -%]
2771     margin-right: 1.5em;
2772     [% ELSE -%]
2773     margin-left: 1.5em;
2774     [% END -%]
2775 }
2776 .rdetail-holding-group span {
2777     [% IF rtl == 't' -%]
2778     margin-right: 1.5em;
2779     [% ELSE -%]
2780     margin-left: 1.5em;
2781     [% END -%]
2782 }
2783 .rdetail-holding-group .paging {
2784     [% IF rtl == 't' -%]
2785     margin-right: 1.5em;
2786     [% ELSE -%]
2787     margin-left: 1.5em;
2788     [% END -%]
2789 }
2790 #rdetail_deleted_exp {
2791     font-weight: bold;
2792     padding: 1em;
2793     margin: 1em;
2794     border: thick solid [% css_colors.border_alert %];
2795 }
2796
2797 #ac_tab_wrapper { width : 100%; }
2798 .ac_tab {
2799     [% IF rtl == 't' -%]
2800     float: right;
2801     padding-left: 10px;
2802     [% ELSE -%]
2803     float: left;
2804     padding-right: 10px;
2805     [% END -%]
2806     font-size: [% css_fonts.size_big %];
2807     padding: 5px;
2808     border: 1px solid [% css_colors.primary_offset %];
2809 }
2810 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
2811 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
2812 #ac_content { clear: both; width: 100%; margin-top: 10px; }
2813
2814 /* Popmenu styles used for making css menus. */
2815 .popmenu {
2816     margin: 0;
2817     padding: 0;
2818 }
2819 .popmenu li {
2820     list-style: none;
2821 }
2822 .popmenu li a {
2823     display: block;
2824     padding: 3px 5px;
2825 }
2826 .popmenu li ul {
2827     display: none;
2828     width: 10em; /* Width to help Opera out */
2829     background-color: [% css_colors.primary %];
2830 }
2831 .popmenu li:hover ul {
2832     display: block;
2833     position: absolute;
2834     margin: 0;
2835     padding: 0;
2836     border-color: [% css_colors.border_dark %];
2837     border-width: 1px;
2838     border-style: solid;
2839 }
2840 .popmenu li:hover li {
2841     float: none;
2842 }
2843 .popmenu li:hover li a {
2844     background-color: [% css_colors.primary %];
2845     color: [% css_colors.accent_ultralight %];
2846 }
2847 .popmenu li li a:hover {
2848     background-color: [% css_colors.accent_ultralight %];
2849     color: [% css_colors.primary %];
2850 }
2851 /* Styles for the basket entry. */
2852 .popmenu li:hover li[class~="temporary"] a {
2853     background-color: [% css_colors.primary %];
2854     color: [% css_colors.accent_ultralight %];
2855 }
2856 .popmenu li li[class~="temporary"] a:hover {
2857     background-color: [% css_colors.accent_ultralight %];
2858     color: [% css_colors.primary %];
2859 }
2860 /* Styles for the default list entry. */
2861 .popmenu li:hover li[class~="default"] a {
2862     background-color: [% css_colors.primary %];
2863     color: [% css_colors.accent_ultralight %];
2864 }
2865 .popmenu li li[class~="default"] a:hover {
2866     background-color: [% css_colors.accent_ultralight %];
2867     color: [% css_colors.primary %];
2868 }
2869 /* Styles for the new list entry. */
2870 .popmenu li:hover li[class~="new"] a {
2871     background-color: [% css_colors.primary %];
2872     color: [% css_colors.accent_ultralight %];
2873 }
2874 .popmenu li li[class~="new"] a:hover {
2875     background-color: [% css_colors.accent_ultralight %];
2876     color: [% css_colors.primary %];
2877 }
2878 /* Style to add a divider on the menu. */
2879 .popmenu li li[class~="divider"] {
2880     border-bottom-width: 1px;
2881     border-bottom-color: [% css_colors.border_dark %];
2882     border-bottom-style: solid;
2883 }
2884
2885
2886
2887
2888 #patron_usr_barcode_not_found {
2889     font-weight: bold; color: [% css_colors.text_alert %];
2890 }
2891
2892 .record_title {
2893     font-weight: bold;
2894 }
2895
2896 .record_author {
2897     font-style: italic;
2898 }
2899
2900 .password_message {
2901     padding-top: 1em;
2902     padding-bottom: 0.5em;
2903     font-style: italic;
2904 }
2905
2906 #maintenance_message {
2907     padding: 5px;
2908     width: 100%;
2909     background-color: [% css_colors.text_alert %];
2910     color: [% css_colors.text_invert %];
2911     text-align: center;
2912 }
2913
2914 #search-box > span {
2915     margin: 0 1em;
2916 }
2917 .browse-error {
2918     font-weight: bold;
2919     font-color: #c00;
2920 }
2921 .browse-result-sources, .browse-result-authority-bib-links {
2922     [% IF rtl == 't' -%]
2923     margin-right: 1em;
2924     [% ELSE -%]
2925     margin-left: 1em;
2926     [% END -%]
2927 }
2928 .browse-result-best-match {
2929     font-weight: bold;
2930 }
2931 .browse-pager {
2932     margin: 2ex 0;
2933 }
2934 .browse-result-list {
2935     padding-bottom: 0.5ex;
2936 }
2937 .browse-shortcuts {
2938     font-size: [% css_fonts.size_bigger %];
2939 }
2940 .browse-result-authority-field-name {
2941     font-style: italic;
2942     [% IF rtl == 't' -%]
2943     margin-left: 1em;
2944     [% ELSE -%]
2945     margin-right: 1em;
2946     [% END -%]
2947 }
2948 .browse-leading-article-warning {
2949     font-style: italic;
2950     font-size: [% css_fonts.size_big %];
2951 }
2952 .browse-public-general-note {
2953     font-size: [% css_fonts.size_big %];
2954 }
2955 .browse-public-general-note-label { }
2956 .browse-public-general-note-institution {
2957     font-style: normal;
2958     font-weight: bold;
2959 }
2960 .browse-public-general-note-body {
2961     font-style: italic;
2962 }
2963
2964 .bib_peer_type {
2965     font-weight: bold;
2966 }
2967
2968 #main-content-register {
2969     [% IF rtl == 't' -%]
2970     margin-right: 40px;
2971     [% ELSE -%]
2972     margin-left: 40px;
2973     [% END -%]
2974     font-size: [% css_fonts.size_bigger %];
2975 }
2976
2977 #main-content-register table {
2978     padding: 20px;
2979     margin-top: 18px;
2980     border-collapse: collapse;
2981 }
2982
2983 #main-content-register td {
2984     [% IF rtl == 't' -%]
2985     text-align: right;
2986     [% ELSE -%]
2987     text-align: left;
2988     [% END -%]
2989 }
2990
2991 #main-content-register td:not(:first-child) {
2992     [% IF rtl == 't' -%]
2993     padding-right: 20px;
2994     [% ELSE -%]
2995     padding-left: 20px;
2996     [% END -%]
2997 }
2998
2999 .patron-reg-invalid {
3000     font-weight: bold;
3001     color: red;
3002     [% IF rtl == 't' -%]
3003     padding-left: 10px;
3004     [% ELSE -%]
3005     padding-right: 10px;
3006     [% END -%]
3007 }
3008
3009 .result_footer_nav1 {
3010     clear: both;
3011 }
3012
3013 .small_view_only, #filter_hits, #refine_hits, #return_to_hits {
3014     display: none;
3015 }
3016
3017 .rdetail_authors_div {
3018     margin-bottom: 1em;
3019 }
3020
3021 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
3022     white-space: nowrap;
3023     display: inline-block;
3024 }
3025
3026 .result_table_title_cell {
3027     padding-top: 4px;
3028     padding-bottom: 4px;
3029 }
3030
3031 .record_title {
3032     font-size: [% css_fonts.size_bigger %];
3033 }
3034
3035 /* styling for sms text call number */
3036 .sms_text pre {
3037     font-family: Arial, Helvetica, sans-serif;
3038     font-size: [% css_fonts.size_medium %];
3039     background-color: [% css_colors.accent_lightest %];
3040     padding: .5%;
3041     /* Allow text to wrap */
3042     white-space: pre-wrap;       /* css-3 */
3043     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
3044     white-space: -pre-wrap;      /* Opera 4-6 */
3045     white-space: -o-pre-wrap;    /* Opera 7 */
3046     word-wrap: break-word;       /* Internet Explorer 5.5+ */
3047 }
3048
3049 .mobile_view {
3050    display:none;
3051 }
3052
3053 /* patron message center */
3054 #myopac_message_tbody {
3055     vertical-align: top;
3056 }
3057 .myopac_message_message {
3058     white-space: pre-wrap;
3059 }
3060
3061 #browse-controls {
3062     text-align: center;
3063 }
3064
3065 .browse-pager-spinner {
3066     display: inline-block;
3067     height: 16px;
3068     width: 16px;
3069 }
3070
3071 /* override a tiny bootstrap alignment issue */
3072 .form-check-input {
3073     margin-top: .2rem;
3074 }
3075
3076 @media only screen and (min-width: 992px) {
3077     .nav-fr{
3078         float: right;
3079     }
3080     .nav-fl{
3081         float: left;
3082     }
3083     #nav-divide{
3084         display:none !important;
3085     }
3086 }
3087
3088 @media only screen and (max-width: 767px) {
3089     .search_box_wrapper {
3090         padding-left: 0;
3091     }
3092
3093 }
3094
3095 @media only screen and (max-width: 800px) {
3096     .adv_options{
3097         width: 100% !important;
3098     }
3099     .facet_sidebar_hidden, .result_block_hidden {
3100         display: none;
3101     }
3102     .facet_sidebar_visible, .result_block_visible {
3103         display: inline ! important;
3104     }
3105     #acct_select, #acct_prefs_select {
3106         display: inline-block;
3107     }
3108     #acct_tabs, #acct_prefs_tabs {
3109          display:none;
3110      }
3111     .radio-parts-selection { width: 90%; }
3112     #list_description, #list_create_name {
3113         width: 300px;
3114     }
3115 }
3116
3117 @media only screen and (max-width: 600px) {
3118     input, select {
3119         font-size: [% css_fonts.size_big %];
3120     }
3121     span .nav_arrow_fix {
3122         display: none;
3123     }
3124     #header {
3125         padding: 0px;
3126         margin: 0px;
3127     }
3128     #homesearch_main_logo img {
3129         width:75%;
3130     }
3131     #format_selector {
3132         display:none;
3133     }
3134     #your-acct-login {
3135         padding: 0px;
3136         padding-top: 5px;
3137     }
3138     #your-acct-login a {
3139         margin: 0px;
3140         padding: 5px;
3141     }
3142     #topnav_logo {
3143         margin: 0;
3144     }
3145     #topnav_logo img {
3146         width: 200px;
3147     }
3148
3149     #gold-links-holder {
3150         display: none;
3151     }
3152     #simple-detail-view-links {
3153         display: none;
3154     }
3155     #acct_tabs a, #acct_fines_tabs a {
3156        [% IF rtl == 't' -%]
3157        border-radius: 6px 0px 0px 6px;
3158        margin: 0px 0px 0px 5px;
3159        [% ELSE -%]
3160        border-radius: 6px 6px 0px 0px;
3161        margin: 0px 5px 0px 0px;
3162        [% END -%]
3163        padding: 2px 4px 3px 4px;
3164        font-size: [% css_fonts.size_base %];
3165     }
3166     .bookbag-controls-title-block {
3167         [% IF rtl == 't' -%]
3168         clear:right;
3169         [% ELSE -%]
3170         clear:left;
3171         [% END -%]
3172         width:90%;
3173     }
3174     .bookbag-controls-button-block {
3175         [% IF rtl == 't' -%]
3176         clear:right;
3177         [% ELSE -%]
3178         clear:left;
3179         [% END -%]
3180         width;90%;
3181     }
3182     .bookbag-specific {
3183         [% IF rtl == 't' -%]
3184         margin-right: 0px;
3185         [% ELSE -%]
3186         margin-left: 0px;
3187         [% END -%]
3188     }
3189     .bookbag-specific div.sort {
3190         [% IF rtl == 't' -%]
3191         float: right;
3192         text-align: right;
3193         [% ELSE -%]
3194         float: left;
3195         text-align: left;
3196         [% END -%]
3197         width: 95%;
3198         margin: 5px 0px 5px 0px;
3199         border: 1px solid [% css_colors.accent_light %];
3200         padding:5px;
3201     }
3202     .bookbag-specific div.meta {
3203         [% IF rtl == 't' -%]
3204         float: right;
3205         margin-right:0px;
3206         text-align: right;
3207         [% ELSE -%]
3208         float: left;
3209         margin-left:0px;
3210         text-align: left;
3211         [% END -%]
3212         width: 95%;
3213         margin-bottom:5px;
3214         padding:5px;
3215     }
3216     #bbag-edit-name {
3217         [% IF rtl == 't' -%]
3218         float: right;
3219         [% ELSE -%]
3220         float: left;
3221         [% END -%]
3222         width: 220px;
3223     }
3224     #bbag-edit-description {
3225         width: 220px;
3226         margin-top:5px;
3227     }
3228     .bbag-content {
3229         padding:5px;
3230         border:1px solid [% css_colors.accent_light %];
3231     }
3232     .bbag-action {
3233         [% IF rtl == 't' -%]
3234         margin-right:0px;
3235         [% ELSE -%]
3236         margin-left:0px;
3237         [% END -%]
3238         margin-bottom:5px;
3239     }
3240     .bbag-action-field {
3241         width:230px;
3242     }
3243     .bookbag-specific div.sort select {
3244         width:180px;
3245     }
3246     .bookbag-specific tr {
3247         display: block;
3248         border-bottom: 1px solid [% css_colors.border_standard %];
3249     }
3250     .bookbag-specific td.list_checkbox {
3251         [% IF rtl == 't' -%]
3252         padding-right: 0px !important;
3253         [% ELSE -%]
3254         padding-left: 0px !important;
3255         [% END -%]
3256     }
3257     .bookbag-specific td.list_entry {
3258         display: inline-block;
3259         min-width: 5em;
3260         [% IF rtl == 't' -%]
3261         padding-right: 40% !important;
3262         [% ELSE -%]
3263         padding-left: 40% !important;
3264         [% END -%]
3265     }
3266     .bookbag-specific td.list_entry:before {
3267         content: attr(data-label);
3268         position: absolute;
3269         [% IF rtl == 't' -%]
3270         right: 10px;
3271         [% ELSE -%]
3272         left: 10px;
3273         [% END -%]
3274     }
3275     .bbag-navigate-list {
3276         display: none;
3277     }
3278     .bbag-navigate-list-pages {
3279         [% IF rtl == 't' -%]
3280         text-align:left;
3281         float:left;
3282         [% ELSE -%]
3283         text-align:right;
3284         float:right;
3285         [% END -%]
3286     }
3287     #dash_wrapper div {
3288         background-color: transparent;
3289         padding: 0px;
3290     }
3291     #dash_wrapper {
3292         position: static;
3293         top: auto;
3294     }
3295     #dash_wrapper .opac-button {
3296         top: 0px;
3297     }
3298     .small_view_only, #filter_hits {
3299         display: inline !important;
3300     }
3301     #dash_identity a {
3302         [% IF rtl == 't' -%]
3303         float:right;
3304         [% ELSE -%]
3305         float:left;
3306         [% END -%]
3307     }
3308
3309     #holds_box form blockquote {
3310         [% IF rtl == 't' -%]
3311         margin-right: 10px;
3312         margin-left: 2px;
3313         [% ELSE -%]
3314         margin-left: 10px;
3315         margin-right: 2px;
3316         [% END -%]
3317     }
3318     #holds_box form blockquote select {
3319         width: 100%;
3320     }
3321     #myopac_sum_fines_placehold {
3322         display:none;
3323     }
3324     #myopac_sum_fines {
3325         display: none;
3326     }
3327     #list_description, #list_create_name {
3328         width: 170px;
3329     }
3330     .results_header_lbl {
3331         display: none;
3332     }
3333     .results_header_nav1 span.h1 {
3334         display: none;
3335     }
3336     .preflib {
3337         display: none;
3338     }
3339     .start_end_links_span {
3340         display: block;
3341     }
3342     .invisible {
3343         display: none;
3344     }
3345     .result_table_pic_header {
3346         [% IF rtl == 't' -%]
3347         padding-right: 0px !important;
3348         padding-left: 5px;
3349         [% ELSE -%]
3350         padding-left: 0px !important;
3351         padding-right: 5px;
3352         [% END -%]
3353         width: 0px !important;
3354         margin: 0px;
3355     }
3356     .result_table_pic {
3357         width: 55px;
3358         padding: 0px;
3359         margin: 0px;
3360     }
3361     tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
3362          display: none;
3363     }
3364     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
3365     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
3366         display:none;
3367     }
3368     #results_header_bar {
3369         background-color: inherit;
3370     }
3371     .results_header_btns a {
3372         margin: 0.3em;
3373     }
3374     .adv_filter_results_hide {
3375         display: none;
3376     }
3377     .adv_filter_results_show {
3378         display: block;
3379     }
3380     .adv_filter_results_block_label {
3381         display: block;
3382     }
3383     .adv_filter_results_group_wrapper {
3384         display: block;
3385     }
3386     #main-content {
3387         margin: 0 1px;
3388     }
3389     #rdetails_status thead {
3390         display: none;
3391     }
3392     #rdetails_status tr {
3393     display: block;
3394     margin-top: 3px;
3395     }
3396     #rdetails_status td {
3397     display: block;
3398     padding: 1px;
3399     }
3400     .copy_details_row {
3401     background-color: [% css_colors.accent_lightest %];
3402     }
3403     .copy_details_offers_row {
3404     background-color: [% css_colors.accent_lightest %];
3405     }
3406     select#pickup_lib.search-wrapper-locg {
3407         width: 100%;
3408     }
3409     #search-wrapper #search-box {
3410         width: 85%;
3411         padding-top: 5px;
3412     }
3413     #main-content-home {
3414         padding: 0px;
3415         margin: 0px;
3416     }
3417     /* Make use of full width in mobile mode */
3418     .facet_box_wrapper .box_wrapper .box,
3419     .facet_template .facet,
3420     .facet_box_temp {
3421         width: inherit;
3422     }
3423     .facet_template .count {
3424         [% IF rtl == 't' -%]
3425         padding-right: 1em;
3426         [% ELSE -%]
3427         padding-left: 1em;
3428         [% END -%]
3429     }
3430     #facet_sidebar {
3431         margin-top: 0.5em;
3432     }
3433     #adv_search_parent {
3434         font-size: [% css_fonts.size_smaller %];
3435     }
3436     #adv_search_filters {
3437         position: relative;
3438         width: 300px;
3439     }
3440     #format_actions {
3441         [% IF rtl == 't' -%]
3442         float: right;
3443         [% ELSE -%]
3444         float: left;
3445         [% END -%]
3446     }
3447     .rdetail_aux_utils {
3448         padding: 0px;
3449         border: none;
3450     }
3451     .result_metadata {
3452         width: inherit;
3453     }
3454     div#rdetail_actions_div {
3455         float: none;
3456     }
3457     h2.rdetail_uris {
3458         clear: both;
3459     }
3460     #metarecord_population {
3461         overflow: hidden;
3462         width: 100%;
3463     }
3464     .metarecord_population_span_link {
3465     }
3466     .metarecord_population_item_lang {
3467         float: none;
3468     }
3469     .search_catalog_lbl {
3470         [% IF rtl == 't' -%]
3471     margin-right: 0;
3472         [% ELSE -%]
3473     margin-left: 0;
3474         [% END -%]
3475     white-space: nowrap;
3476     }
3477     .adv_search_catalog_lbl {
3478         margin-top: 0;
3479     white-space: nowrap;
3480     }
3481     .browse_the_catalog_lbl {
3482         white-space: nowrap;
3483     }
3484     .mobile_hide {
3485     display: none;
3486     }
3487     #dash_user {
3488         display: block;
3489         padding: 0.5em;
3490         font-size: 18px;
3491         text-align: center;
3492     }
3493     .dash_divider {
3494     display: none;
3495     }
3496     .dash_account_buttons {
3497         display: block;
3498     }
3499     .searchbar { line-height: 1.5em; }
3500     #browse-controls { line-height: 1.5em; }
3501     #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
3502         display: block;
3503     }
3504     .bookshelf td {
3505     display: block;
3506     width: 100%;
3507     }
3508     .bookshelf table thead tr {
3509     display: block;
3510     }
3511     #lowhits_help { width: inherit; }
3512     #adv_search_tabs a{
3513         font-size: [% css_fonts.size_small %];
3514         margin: 2px 2px 0px 2px;
3515         padding: 2px 2px 5px 2px;
3516         [% IF rtl == 't' -%]
3517         border-radius: 7px 0px 0px 7px;
3518         [% ELSE -%]
3519         border-radius: 7px 7px 0px 0px;
3520         [% END -%]
3521     }
3522     #adv_global_tbody td {
3523         border-bottom: thin solid [% css_colors.accent_light %];
3524     }
3525     #adv_global_addrow td {
3526         border-bottom: none;
3527     }
3528         /* Force table to not be like tables anymore */
3529         table#acct_checked_main_header thead tr th, table#acct_holds_main_header thead tr th, table#acct_checked_hist_header thead tr th, table#acct_holds_hist_header thead tr th, table#ebook_circs_main_table thead tr th, table#ebook_holds_main_table thead tr th {
3530                 display: none;
3531         }
3532         table#acct_checked_main_header tbody tr td, table#acct_holds_main_header tbody tr td, table#acct_checked_hist_header tbody tr td, table#acct_holds_hist_header tbody tr td, table#ebook_circs_main_table tbody tr td, table#ebook_holds_main_table tbody tr td {
3533                 display: block;
3534         }
3535
3536         /* Hide table headers (but not display: none;, for accessibility) */
3537        /* thead tr {
3538                 position: absolute;
3539                 top: -9999px;
3540                 [% IF rtl == 't' -%]
3541                 right: -9999px;
3542                 [% ELSE -%]
3543                 left: -9999px;
3544                 [% END -%]
3545         }*/
3546
3547         table#acct_checked_main_header, table#acct_holds_main_header, table#acct_checked_hist_header, table#acct_holds_hist_header, table#ebook_circs_main_table, table#ebook_holds_main_table {
3548                 width: 90%;
3549         }
3550
3551         table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr { border: 1px solid #ddd; }
3552
3553         /* Holds history gets large white border to mimic header cell on other
3554            account screens that provide visual cue for next title. We should do
3555            the same for ebook tables too since we have no actions on those
3556            tables. If actions get added, we should move those tables out of
3557            here. */
3558
3559         table#ebook_circs_main_table tr, table#ebook_holds_main_table tr { border-top: 25px solid #fff; }
3560         table#acct_holds_hist_header tr{ border-top: 2px solid #bbb; }
3561
3562         table#acct_checked_main_header td, table#acct_holds_main_header td, table#acct_checked_hist_header td, table#acct_holds_hist_header td, table#ebook_circs_main_table td, table#ebook_holds_main_table td {
3563                 /* Behave  like a "row" */
3564                 border: none;
3565                 border-bottom: 1px solid #eee;
3566                 position: relative;
3567                 [% IF rtl == 't' -%]
3568                 padding-right: 40%;
3569                 [% ELSE -%]
3570                 padding-left: 40%;
3571                 [% END -%]
3572         }
3573
3574          table#acct_checked_main_header td:before, table#acct_holds_main_header td:before, table#acct_checked_hist_header td:before, table#acct_holds_hist_header td:before, table#ebook_circs_main_table td:before, table#ebook_holds_main_table td:before {
3575                 /* Now like a table header */
3576                 position: absolute;
3577                 /* Top/left values mimic padding */
3578                 top: 2px;
3579                 width: 40%;
3580                 [% IF rtl == 't' -%]
3581                 right: 2px;
3582                 padding-left: 10px;
3583                 [% ELSE -%]
3584                 left: 2px;
3585                 padding-right: 10px;
3586                 [% END -%]
3587                 white-space: nowrap;
3588         }
3589
3590         table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3591         table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3592         table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3593         table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Renewals Left') %]"; }
3594         table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3595         table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Barcode') %]"; }
3596         table#acct_checked_main_header td:nth-of-type(7):before { content: "[% l('Call number') %]"; }
3597
3598      table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3599         table#acct_checked_hist_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3600         table#acct_checked_hist_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3601         table#acct_checked_hist_header td:nth-of-type(4):before { content: "[% l('Checkout Date') %]"; }
3602         table#acct_checked_hist_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3603         table#acct_checked_hist_header td:nth-of-type(6):before { content: "[% l('Date Returned') %]"; }
3604         table#acct_checked_hist_header td:nth-of-type(7):before { content: "[% l('Barcode') %]"; }
3605         table#acct_checked_hist_header td:nth-of-type(8):before { content: "[% l('Call number') %]"; }
3606
3607         table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3608         table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3609         table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3610         table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
3611         table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
3612         table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Cancel on') %]"; }
3613         table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Status') %]"; }
3614         table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
3615
3616         table#acct_holds_hist_header td:nth-of-type(1):before { content: "[% l('Title') %]";}
3617         table#acct_holds_hist_header td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3618         table#acct_holds_hist_header td:nth-of-type(3):before { content: "[% l('Format') %]"; }
3619         table#acct_holds_hist_header td:nth-of-type(4):before { content: "[% l('Pickup Location') %]"; }
3620         table#acct_holds_hist_header td:nth-of-type(8):before { content: "[% l('Status') %]"; }
3621
3622         table#ebook_circs_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3623         table#ebook_circs_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3624         table#ebook_circs_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3625         table#ebook_circs_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3626
3627         table#ebook_holds_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3628         table#ebook_holds_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3629         table#ebook_holds_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3630         table#ebook_holds_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3631
3632
3633
3634        /*Want to see these in mobile ONLY */
3635        .mobile_view{
3636           display:block;
3637        }
3638
3639        .mobile_search_lbl_clr{
3640           color:[% css_colors.mobile_header_text %];
3641        }
3642 }
3643
3644
3645 /*
3646 For text which is visible only to screen readers.
3647 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
3648 See also http://webaim.org/techniques/css/invisiblecontent/
3649 */
3650 .sr-only {
3651     position: absolute;
3652     width: 1px;
3653     height: 1px;
3654     padding: 0;
3655     margin: -1px;
3656     overflow: hidden;
3657     clip: rect(0, 0, 0, 0);
3658     border: 0;
3659 }
3660
3661 /* Make added rows in Expert Search have bold labels like the initial row */
3662 label[for*=expert_]
3663 {
3664     font-weight: bold;
3665 }
3666
3667 .sort_deemphasize {
3668     font-weight: lighter;
3669     font-size: 70%;
3670 }
3671
3672 #results-page-depth-hint {
3673     text-align: center;
3674     font-style: italic;
3675 }
3676
3677 #clear-history-confirm {
3678   font-weight: bold;
3679   color: [% css_colors.text_badnews %];
3680   padding: 10px;
3681 }
3682
3683 /*Inline rules from other templates files*/
3684
3685 .td-left{
3686     [% IF rtl == 't' -%]
3687     text-align:right;
3688     [% ELSE -%]
3689     text-align:left;
3690     [% END -%]
3691     width:100%;
3692 }
3693 .td-search-left{
3694     [% IF rtl == 't' -%]
3695     text-align:right;
3696     [% ELSE -%]
3697     text-align:left;
3698     [% END -%]
3699 }
3700 #myopac_summary_div{padding:0px;}
3701 .div-left{
3702     [% IF rtl == 't' -%]
3703     float: right;
3704     [% ELSE -%]
3705     float: left;
3706     [% END -%]
3707 }
3708 .td-right{
3709     [% IF rtl == 't' -%]
3710     text-align:left;
3711     [% ELSE -%]
3712     text-align:right;
3713     [% END -%]
3714 }
3715 .login-form-left{
3716     [% IF rtl == 't' -%]
3717     float: right;
3718     margin-left: 40px;
3719     [% ELSE -%]
3720     float: left;
3721     margin-right: 40px;
3722     [% END -%]
3723     padding-bottom: 10px;
3724 }
3725 .hold-div{
3726     [% IF rtl == 't' -%]
3727     padding-right: 10px;
3728     [% ELSE -%]
3729     padding-left: 10px;
3730     [% END -%]
3731     padding-bottom: 15px;
3732 }
3733 .hold-span{font-weight: bold;}
3734 .padding-left-6{
3735     [% IF rtl == 't' -%]
3736     padding-right: 6px;
3737     [% ELSE -%]
3738     padding-left: 6px;
3739     [% END -%]
3740 }
3741 .padding-left-10{
3742     [% IF rtl == 't' -%]
3743     padding-right:10px;
3744     [% ELSE -%]
3745     padding-left:10px;
3746     [% END -%]
3747 }
3748 .padding-left-5{
3749     [% IF rtl == 't' -%]
3750     padding-right: 5px;
3751     [% ELSE -%]
3752     padding-left: 5px;
3753     [% END -%]
3754 }
3755
3756 /* Rules from metarecord_hold_filters.tt2 */
3757
3758 .metarecord_filters{
3759       padding: 5px;
3760       margin-top: 5px;
3761       border-bottom: 1px solid #333;
3762       border-top: 1px solid #333; }
3763 .metarecord_filter_container{
3764     [% IF rtl == 't' -%]
3765     float : right;
3766     margin-left: 10px;
3767     [% ELSE -%]
3768     float : left;
3769     margin-right: 10px;
3770     [% END -%]
3771 }
3772 .metarecord_filter_container select{padding: 2px;width: 13em; /* consistent w/ adv search selectors */}
3773 .metarecord_filter_header{padding-bottom: 5px;}
3774
3775 /* Toggled items. */
3776 /* A block that is initially hidden and shown by clicking an anchor. */
3777 [id^="toggled-block-"]{
3778     display: none;
3779 }
3780 [id^="toggled-block-"]:target{
3781     display: block;
3782 }
3783 /* Inline text that is initially hidden and shown by clicking an anchor. Useful on a span. */
3784 [id^="toggled-inline-"]{
3785     display: none;
3786 }
3787 [id^="toggled-inline-"]:target{
3788     display: inline;
3789 }
3790
3791 .oils_SH {
3792     font-weight: bolder;
3793     background-color: #99ff99;
3794 }
3795
3796 .oils_SH.identifier {
3797     font-weight: bolder;
3798     background-color: #42b0f4;
3799 }
3800 .hold_note_title { font-weight: bold; }
3801
3802 /*
3803 #acct_checked_main_header td, #acct_holds_main_header td, #acct_fines_main_header td, #acct_fines_confirm_header td, #acct_fees_main_header td,#acct_checked_hist_header td, #acct_holds_hist_header td, #acct_list_header td, #acct_list_header_anon td, #temp_list_holds td, #acct_messages_main_header td, #ebook_circs_main_table td, #ebook_holds_main_table td {
3804     background-color: [% css_colors.background %];
3805     padding: 10px;
3806      border: 1px solid #d3d3d3;
3807 }
3808
3809 #acct_checked_main_header th, #acct_holds_main_header th, #acct_fines_main_header th, #acct_fines_confirm_header th, #acct_fees_main_header th, #acct_checked_hist_header th, #acct_holds_hist_header th, #acct_list_header th, #acct_list_header_anon th, #temp_list_holds th, #acct_messages_main_header th, #ebook_holds_main_table th {
3810     [% IF rtl == 't' -%]
3811     text-align: right;
3812     [% ELSE -%]
3813     text-align: left;
3814     [% END -%]
3815     padding: 0px 10px 0px 10px;
3816 }
3817 #acct_checked_main_header, #acct_holds_main_header, #acct_fines_main_header, #acct_checked_hist_header, #acct_holds_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds, #acct_messages_main_header, #ebook_circs_main_table, #ebook_holds_main_table {
3818     border-collapse: collapse;
3819 }
3820
3821 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
3822 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
3823 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
3824 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
3825 #hold_editor_table th {
3826     [% IF rtl == 't' -%]
3827     text-align: left;
3828     padding-left: 1em;
3829     [% ELSE -%]
3830     text-align: right;
3831     padding-right: 1em;
3832     [% END -%]
3833 }
3834 #hold_editor_table td { padding: 0.25em 0; }
3835 */
3836
3837
3838 /*
3839   Carousels
3840 */
3841
3842 .carousel {
3843     width: 80%;
3844     margin: 0 auto;
3845 }
3846 .carousel-title {
3847     font-size: 150%;
3848     font-weight: bold;
3849     text-align: center;
3850 }
3851
3852 .fas, .far{
3853     margin: 0px 3px;
3854 }
3855 .carousel-entry {
3856     max-width: 150px;
3857 }
3858 .carousel-entry-image {
3859     width: 100%;
3860     height: auto;
3861 }
3862 .carousel .glide__arrow {
3863     color: [% css_colors.button_text %];
3864     font-weight: bold !important;
3865     text-decoration: none !important;
3866     cursor: pointer;
3867     border-radius: 5px;
3868     border: 1px solid [% css_colors.primary %];
3869     background-color:  [% css_colors.primary_fade %];
3870     margin: 0.5em;
3871     padding: 0.3em;
3872     display: inline-block;
3873 }
3874 .carousel .glide__arrow--right {
3875     right: -6em;
3876 }
3877 .carousel .glide__arrow--left {
3878     left: -6em;
3879 }
3880
3881 .search-filter{
3882     display: inline;
3883     white-space: nowrap;
3884 }
3885
3886
3887
3888 .search-option{
3889     display: inline-block;
3890     margin: 0px 10px;
3891 }
3892
3893
3894 #homeLogo{
3895     filter: alpha(opacity=50);
3896     background-color: #fff; /* Used if the image is unavailable */
3897     height: 500px; /* You must set a specified height */
3898     background-position: center; /* Center the image */
3899     background-repeat: no-repeat; /* Do not repeat the image */
3900     background-size: contain; /* Resize the background image to cover the entire container */
3901     background-image: url("[% ctx.media_prefix %]/images/Evergreen-Final-Logo.png");
3902
3903 }
3904
3905 .navbar-dark .navbar-nav .nav-link{
3906     color: #fff !important;
3907 }
3908
3909 .nav-link.active {
3910     color: #000;
3911 }
3912
3913 .pref_table{
3914     margin: 10px;
3915 }
3916
3917 .checkCell{width:30px;}
3918
3919 @media (min-width: 650px){
3920 .modal-dialog {
3921     max-width: 600px !important;
3922     }
3923
3924 }
3925
3926 .listTitleText{
3927     width:33%;
3928 }
3929
3930 .facet_box_wrapper .card-header{
3931     background-color: [% css_colors.facets_back %];
3932     color: [% css_colors.facets_text %];
3933 }
3934 .facet_box_wrapper .card-body {
3935     padding: .5rem;
3936 }
3937
3938 .vertMid {
3939     position: relative;
3940     top: 50%;
3941     transform: translateY(-50%);
3942 }
3943
3944 .sumNum{
3945     margin-right:5px;
3946 }
3947
3948 .my_nav .active{
3949      background-color: #c8ffaf;
3950 }
3951
3952 .my_nav a {
3953     text-align:left !important;
3954     border-radius: 0;
3955 }
3956
3957 .my_nav .dropdown {
3958     display: block;
3959     width: 100%;
3960 }
3961
3962 .my_nav .dropdown button {
3963     border-radius: 0;
3964 }
3965
3966 .my_nav .dropdown-toggle::after{
3967     float: right;
3968     margin: 5px 0 0 5px;
3969 }
3970
3971 .dropdown-item:active {
3972     background-color: #EDFFCC;
3973 }
3974
3975 .my_nav .fas, .mynav .far{
3976     min-width:20px;
3977 }
3978
3979 .adv_options {
3980     width: 50%;
3981 }
3982
3983 .page-link {
3984     color: [% css_colors.link %];
3985 }
3986
3987 .page-item.active .page-link {
3988     background-color: [% css_colors.link %];
3989     border-color: [% css_colors.link %];
3990 }
3991
3992 .btn-outline-primary {
3993     border-color: [% css_colors.link %];
3994     color: [% css_colors.link %];
3995 }
3996
3997 .btn-outline-primary:hover {
3998     color: [% css_colors.button_confirm_text %];
3999     background-color: [% css_colors.button_confirm_hover %];
4000     border-color: [% css_colors.button_confirm_border_hover %];
4001 }
4002
4003 #rdetail_extras_div .card-header {
4004     background-color: #007a54;
4005 }
4006
4007 #rdetail_extras_div .card-header  a {
4008     color: #FFF
4009 }
4010
4011 #record_actions .btn {
4012     text-align: left;
4013 }
4014
4015 .alert-danger a:link,
4016 .alert-danger a:visited {
4017     color: #424fa6;
4018 }
4019
4020 .language_form button {
4021     background:none;
4022     border:none;
4023     margin:0;
4024     padding:0;
4025     color:[% css_colors.footer_link %];
4026 }
4027 .language_form button:disabled {
4028     color:[% css_colors.footer_link_disabled %];
4029 }
4030 .language_form ul{
4031     list-style:none;
4032 }
4033 .language_form h6{
4034     color:[% css_colors.footer_link %];
4035         }
4036 .language_form{
4037     float: right;
4038 padding: 15px;
4039 }
4040
4041 .course-material-title-column {
4042     width: 30%;
4043 }
4044
4045 #course_material_table td, #course_material_table th {
4046     padding: 4px;
4047 }
4048
4049 .form-control {
4050     border: 1px solid [% css_colors.border_standard %];
4051 }