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