.modal-bib-group-formats .ui-dialog .ui-dialog-titlebar-close {
  right: 1.3em !important;
}
.modal-bib-group-formats span.ui-button-icon-space {
    padding: 40px
}
.modal-bib-group-formats .ui-dialog .ui-dialog-titlebar {
    padding: 1.4em 1em !important;
}
.dialog-off-canvas-main-canvas{
  min-height: 1000px;
}
section#block-searchresultsblock {
    min-height: 1000px;
}
.tiles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 90%;
  margin: 0 auto;
}

.tile {
  background-color: #f9f9f9;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.tile-inner {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.image-column {
  max-width: 150px;
  flex-shrink: 0;
}

.image-column img {
  max-width: 100%;
  height: auto;
  display: block;
}

.content-column {
  flex: 1;
}

.path-solr-search h1.page-header {
    margin-top: 10px;
    font-size: 2em;
}
#no-results-wrapper {
  margin-bottom: 10px;
  padding-left: 12px;
}
div.form-item-boolean-search-index-0 > div.select-wrapper {
  padding-inline-start: 76px;
}

input[id^="edit-boolean-search-"] {
  width: 100%;
}

div[id^="boolean-fieldset-wrapper-"] div.panel-body {
  display: flex;
  padding: 0;
}

div[data-drupal-selector="edit-sm-field-item-locations"] div.panel-body {
  max-height: 215px;
  overflow: hidden;
  transition: max-height 0.5s ease;
}

div[data-drupal-selector="edit-sm-field-item-locations"] div.panel-body.expanded {
  max-height: 2000px;
  transition: max-height 0.5s ease;
}
#toggle-button {
  margin-top: 10px;
  cursor: pointer;
  font-weight: bold;
}

#booleans-fieldset-wrapper {
  border: 1px solid transparent;
  border-color: #ddd;
  border-radius: 4px;
}

#booleans-fieldset-wrapper > div.panel-body {
  display: block;
}
div#alternative-search-wrapper {
    text-align: right;
}
div#search-input-wrapper .form-group,
.panel-body > .form-group {
  margin-bottom: 0px;
}
div#basic-search-wrapper {
  height: 35px;
}

div#advanced-search-wrapper .panel {
  border: 0px;
  margin-bottom: 0px;
}

.advHelp,
div#advanced-search-wrapper .form-actions {
  padding-block-start: 10px;
}
div#edit-basic-or-advanced {
  display: flex;
}

div#edit-basic-or-advanced .radio {
  color: #fff;
  margin: 0px 7px 0px 7px;
}

button[id^="edit-submit"] {
  max-height: 35px;
}

div#edit-basic-search-container {
  display: flex;
  /*padding: 15px;*/
}

div#edit-basic-search-container label {
  display: none;
  margin: 0px 0px 5px 5px;
}

div.page-navigation-container {
  text-align: center;
  width: 80%;
  margin-top: 18px;
}

.checkbox-button .btn {
  cursor: pointer;
  display: inline-block;
}
.checkbox {
  margin: 3px !important;
}
/*
.show-all-items {
    position: absolute;
    background-image: linear-gradient(to top, white, #ffffff00);
    width: 100%;
    height: 165px;
    top: 10px;
}
*/
.show-all-toggle {
    cursor: pointer;
    width: 150px;
    position: relative;
    text-align: center;
    padding: 3px 10px;
    background: #477487;
    color: white;
    top: -1px;
    left: 8px;
    margin-bottom: 10px;
    font-size: max(10px, 0.9vw);
    border-radius: 5px;
}

#facets-search-results-container .panel {
  /*margin-bottom: 15px !important;*/
  margin-bottom: 15px;
  border-radius: 0px;
  border-color: #252525;
}

#facets-search-results-container .facets-container .panel-body {
  padding: 5px 15px !important;
}

form.bib-level-hold-form .panel-body {
  padding: 0;
}

#facets-container .panel,
#facets-container .panel-default {
  box-shadow: none;
  border: none;
}
#facets-search-results-container .panel-title {
  color: #252525;
}
#facets-container .panel-title {
  padding: 0px 12px;
  font-size: 20px;
}
#search-results .bib-search-results-title {
  font-size: 22px;
  text-transform: capitalize;
}
.place-patron-hold-form .panel-heading::after {
  border-bottom: none !important;
}
#facets-search-results-container .panel-heading {
  background-color: #e3f0f7;
  padding-left: 15px;
  padding-right: 15px;
}
#facets-container .panel-heading {
    padding: 4px 15px;
}

.form-checkboxes *,
.form-checkboxes ::after,
.form-checkboxes ::before {
  box-sizing: border-box;
}
.form-checkboxes [type=checkbox].substituted {
  margin: 0;
  width: 0;
  height: 0;
  display: inline;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-checkboxes [type=checkbox].substituted + label:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  height: 1.15em;
  width: 1.15em;
  margin-right: 0.6em;
  color: rgba(0, 0, 0, 0.275);
  border: solid 0.06em;
  box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em inset, 0 0 0 0.07em transparent inset;
  border-radius: 0.2em;
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xml:space="preserve" fill="white" viewBox="0 0 9 9"><rect x="0" y="4.3" transform="matrix(-0.707 -0.7072 0.7072 -0.707 0.5891 10.4702)" width="4.3" height="1.6" /><rect x="2.2" y="2.9" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 12.1877 2.9833)" width="6.1" height="1.7" /></svg>') no-repeat center, white;
  background-size: 0;
  will-change: color, border, background, background-size, box-shadow;
  transform: translate3d(0, 0, 0);
  transition: color 0.1s, border 0.1s, background 0.15s, box-shadow 0.1s;
}
.form-checkboxes [type=checkbox].substituted:enabled:active + label:before,
.form-checkboxes [type=checkbox].substituted:enabled + label:active:before {
  box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset;
  background-color: #f0f0f0;
}
.form-checkboxes [type=checkbox].substituted:checked + label:before {
  background-color: #3B99FC;
  background-size: 0.75em;
  color: rgba(0, 0, 0, 0.075);
}
.form-checkboxes [type=checkbox].substituted:checked:enabled:active + label:before,
.form-checkboxes [type=checkbox].substituted:checked:enabled + label:active:before {
  background-color: #0a7ffb;
  color: rgba(0, 0, 0, 0.275);
}
.form-checkboxes [type=checkbox].substituted:focus + label:before {
  box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset, 0 0 0 3.3px rgba(65, 159, 255, 0.55), 0 0 0 5px rgba(65, 159, 255, 0.3);
}
.form-checkboxes [type=checkbox].substituted:focus:active + label:before,
.form-checkboxes [type=checkbox].substituted:focus + label:active:before {
  box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset, 0 0 0 3.3px rgba(65, 159, 255, 0.55), 0 0 0 5px rgba(65, 159, 255, 0.3);
}
.form-checkboxes [type=checkbox].substituted:disabled + label:before {
  opacity: 0.5;
}

.form-checkboxes [type=checkbox].substituted.dark + label:before {
  color: rgba(255, 255, 255, 0.275);
  background-color: #222;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xml:space="preserve" fill="rgba(34, 34, 34, 0.999)" viewBox="0 0 9 9"><rect x="0" y="4.3" transform="matrix(-0.707 -0.7072 0.7072 -0.707 0.5891 10.4702)" width="4.3" height="1.6" /><rect x="2.2" y="2.9" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 12.1877 2.9833)" width="6.1" height="1.7" /></svg>');
}
.form-checkboxes [type=checkbox].substituted.dark:enabled:active + label:before,
.form-checkboxes [type=checkbox].substituted.dark:enabled + label:active:before {
  background-color: #444;
  box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(255, 255, 255, 0.1) inset;
}
.form-checkboxes [type=checkbox].substituted.dark:checked + label:before {
  background-color: #a97035;
  color: rgba(255, 255, 255, 0.075);
}
.form-checkboxes [type=checkbox].substituted.dark:checked:enabled:active + label:before,
.form-checkboxes [type=checkbox].substituted.dark:checked:enabled + label:active:before {
  background-color: #c68035;
  color: rgba(0, 0, 0, 0.275);
}
.form-checkboxes [type=checkbox].substituted + label {
  -webkit-user-select: none;
  user-select: none;
}

button.copy-button {
  background-image: url("/themes/ahml/copy_icon_100x100.png");
  background-repeat: no-repeat;
  border: none;
  padding: 16px;
  background-size: cover;
  outline: none !important;
}

span.search-results-header {
  font-size: 1.6em;
  padding-inline-end: 15px;
}

.copy-button-tooltip {
  /*visibility: hidden;*/
  width: 400px !important;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: static;
  z-index: 1;
  left: 150%;
  /*margin-left: -75px;*/
  opacity: 0;
  transition: opacity 0.3s;
}
/* Aren't these in themes/ahml/css/style.css? */
.status-available {
  background: #477487;
}
.status-unavailable {
  background-color: #b63c41 !important;
}
.status-check-provider {
  background: #ecaf00 !important;
}
.col-sm-12 .bib-item-table .show-as-unavailable {
  color: #000 !important;
  font-size: 1em !important;
}

.ahml-search-hold .modal-staff-hold-form a,
.ahml-search-hold .modal-hold-form a,
.search-result-bib-buttons .bib_place_staff_hold:first-child a,
.search-result-bib-buttons .etitle-access.search-result-bib-button:first-child,
.search-result-bib-buttons .search-result-bib-button:first-child a {
  background-color: #c03e35;
  color: white;
  font-weight: normal;
  font-size: max(10px, 0.9vw);
}
.bib_place_staff_hold a,
.etitle-access a,
.bib_place_hold a,
a.bib-action-button,
div.bib-action-button div.panel-heading a,
div.bib-action-button a {
  white-space: normal;
  height: 41px;
  display: grid;
  background-color: #e3f0f7;
  color: #000;
  font-weight: normal;
  font-size: max(16px, 0.9vw);
  padding: 0px;
  align-items: center;
  text-align: center;
}
.no-bib-items {
  height: 10px;
}
.bib_place_staff_hold a,
.bib_place_hold a {
    width: 100%;
    color: black;
    font-size: 16px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 3px 2px rgb(0 0 0 / 5%);
    padding: 6px !important;
}

.search-result-bib-buttons .etitle-access.search-result-bib-button:first-child {
  margin-right: 18px;
}

div.while-you-wait-form {
  padding-right: 7px !important;
}

.search-result-bib-buttons .search-result-bib-button,
.search-result-bib-buttons .search-result-bib-button div,
.search-result-bib-buttons .search-result-bib-button div div,
.search-result-bib-buttons .search-result-bib-button a {
  border: none;
  box-shadow: none;
}

div.ui-dialog div.ui-dialog-content p.search-result-status-container {
  height: 43px !important;
  width: 200px !important;
}
div.ui-dialog div.ui-dialog-content form[id^="ahml-search-hold"] div[id^="modal-hold-form"] {
  margin: 0 !important;
  height: 100% !important;
  width: 200px !important;
}
div.ui-dialog div.ui-dialog-content form[id^="ahml-search-hold"] a[id^="edit-place-hold"] {
  height: 43px !important;
  width: 200px !important;
  border-radius: 0 !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}
div.ui-dialog div.ui-dialog-content div[id^="edit-hold-item"] {
  width: 200px !important;
}
div.ui-dialog div.ui-dialog-content div[id^="edit-hold-item"] div.panel-heading {
  height: 43px !important;
  width: 200px !important;
}
div.ui-dialog div.ui-dialog-content div[id^="edit-hold-item"] div.alert p a {
  background-color: transparent;
  color: #3c763d;
  text-decoration: underline;
}

@media (max-width: 900px) {
  .tiles-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .tiles-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .search-results .content-column {
    width: 50px !important;
  }
  .search-results .status_check_provider {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  div.ui-dialog div.ui-dialog-content form[id^="ahml-search-hold"] div[id^="modal-hold-form"] {
    width: 100% !important;
  }
  div.ui-dialog div.ui-dialog-content form[id^="ahml-search-hold"] a[id^="edit-place-hold"] {
    width: 100% !important;
  }
  .nsuggest-dropdown {
    top: 60px;
  }
}

.rows-container {
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.row-tile {
  background-color: #f9f9f9;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.row-tile .bib-search-results-title {
  margin-bottom: 5px;
}

.tile-inner {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.image-column {
  max-width: 150px;
  flex-shrink: 0;
}

.image-column img {
  max-width: 100%;
  height: auto;
  display: block;
}

.content-column {
  flex: 1;
}

div.search-result-info div.bib-items-mobile div.mobile-item {
  border-bottom-color: #b0b0b0;
  border-bottom-width: thin;
  border-bottom-style: solid;
  padding: 0em;
  overflow-wrap: anywhere;
  margin-bottom: 10px;
}

table.bib-item-table.hiding-some-rows > tbody > tr:nth-child(n + 6) {
  display: none;
}

table.bib-item-table.showing-all-rows > tbody > tr:nth-child(n + 6) {
  display: table-row;
}