/*******************************
* Compile: cd web/modules/custom/stacks_folio; npm run build;
*******************************/
/*******************************
Stacks Modal
*******************************/
.folio-dialog-modal.ui-dialog {
  border-radius: 4px;
  /******
  Close modal icon
  ******/
  /******
  Title
  ******/
  /******
  Button
  ******/
  /******
  Alert Message
  ******/
  /******
  Locations availability
  ******/
  /******
  Place hold success message
  ******/
}
@media screen and (min-width: 64em) {
  .folio-dialog-modal.ui-dialog {
    width: 70rem !important;
  }
}
@media screen and (max-width: 63.9375em) {
  .folio-dialog-modal.ui-dialog {
    width: 95% !important;
  }
}
.folio-dialog-modal.ui-dialog label {
  color: #374151;
  font-weight: 700;
}
.folio-dialog-modal.ui-dialog select {
  color: #6b7280;
  border: 1px solid #d1d5db;
  border-radius: 4px;
}
.folio-dialog-modal.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
  height: auto;
}
.folio-dialog-modal.ui-dialog .ui-dialog-titlebar {
  background: none;
  border: none;
}
.folio-dialog-modal.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  font-size: 1.1rem;
  padding-inline-end: 0.5rem;
  line-height: 1.6rem;
}
.folio-dialog-modal.ui-dialog .ui-dialog-buttonpane .button {
  padding: 0.5rem 1rem;
  border-width: 1px;
  border-radius: 4px;
  margin-inline-start: 0.5rem;
}
.folio-dialog-modal.ui-dialog .ui-dialog-buttonpane .btn-close-modal,
.folio-dialog-modal.ui-dialog .ui-dialog-buttonpane .btn-close-modal:hover {
  color: #4b5563;
  background: white;
  border-color: #d1d5db;
}
.folio-dialog-modal.ui-dialog .ui-dialog-buttonpane .btn-submit-form,
.folio-dialog-modal.ui-dialog .ui-dialog-buttonpane .btn-submit-form:hover {
  color: white;
  background-color: #0369A1;
  border-color: #0369A1;
}
.folio-dialog-modal.ui-dialog .messages .close-button {
  display: none;
}
.folio-dialog-modal.ui-dialog .location-availability {
  max-height: 25rem !important;
  overflow-y: scroll;
}
.folio-dialog-modal.ui-dialog .place-hold-success {
  /* Image Holder */
  /* Action wrapper */
}
.folio-dialog-modal.ui-dialog .place-hold-success p {
  color: #4b5563;
}
.folio-dialog-modal.ui-dialog .place-hold-success .pickup-location {
  color: #374151;
  font-weight: 600;
}
.folio-dialog-modal.ui-dialog .place-hold-success .page-details {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  display: flex;
  padding: 1rem;
  margin-bottom: 1.3rem;
}
.folio-dialog-modal.ui-dialog .place-hold-success .aside-content {
  align-content: center;
  align-self: center;
  display: flex;
  justify-content: center;
  padding-inline-end: 1rem;
  text-align: center;
}
.folio-dialog-modal.ui-dialog .place-hold-success .content ul {
  margin: 0;
  list-style: none;
}
.folio-dialog-modal.ui-dialog .place-hold-success .item-queue-position {
  background-color: #f3f4f6;
  border-radius: 6px;
  color: #374151;
  display: inline-block;
  font-weight: 500;
  padding: 0 0.5rem;
}
.folio-dialog-modal.ui-dialog .place-hold-success .item-title {
  color: #0369A1;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.6rem;
  margin-bottom: 0.4rem;
}
.folio-dialog-modal.ui-dialog .place-hold-success .item-author {
  font-size: 1rem;
  color: #4b5563;
  line-height: 1.6rem;
  color: #4b5563;
}
.folio-dialog-modal.ui-dialog .place-hold-success .image-holder {
  width: 9.375rem;
  height: 14.063rem;
}
.folio-dialog-modal.ui-dialog .place-hold-success .image-holder .stacks-image,
.folio-dialog-modal.ui-dialog .place-hold-success .image-holder .icon-image {
  width: 9.375rem;
  height: 14.063rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.folio-dialog-modal.ui-dialog .place-hold-success .image-holder .icon-image {
  background-color: #f3f4f6;
}
.folio-dialog-modal.ui-dialog .place-hold-success .image-holder .icon-image::before {
  font-size: 4.063rem;
  color: white;
}
.folio-dialog-modal.ui-dialog .place-hold-success .image-holder .stacks-image img {
  width: 100%;
}
.folio-dialog-modal.ui-dialog .place-hold-success .form-actions {
  display: flex;
  justify-content: end;
}
.folio-dialog-modal.ui-dialog .place-hold-success .form-actions .button {
  padding: 0.5rem 1rem;
  border-width: 1px;
  border-radius: 4px;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../scss/stacks_folio_modal.scss%22,%22../../../../themes/base_theme/scss/abstracts/_mixins.scss%22,%22../../../../themes/base_theme/scss/abstracts/_colors.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAA;AAAA;AAAA;AAQA;AAAA;AAAA;AAGA;EACE;AAqBA;AAAA;AAAA;AAOA;AAAA;AAAA;AAeA;AAAA;AAAA;AAwBA;AAAA;AAAA;AAOA;AAAA;AAAA;AAQA;AAAA;AAAA;;AC+PE;EDlVJ;IAII;;;AC0UA;ED9UJ;IAQI;;;AAGF;EACE,OEEO;EFDP;;AAGF;EACE,OELO;EFMP;EACA;;AAMF;EACE;;AAMF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAQJ;EACE;EACA;EACA;EACA;;AAGF;AAAA;EAEE,OE3CO;EF4CP;EACA,cEhDO;;AFmDT;AAAA;EAEE;EACA,kBEqIM;EFpIN,cEoIM;;AF9HR;EACE;;AAMF;EACE;EACA;;AAMF;AA2DE;AAiCA;;AA3FA;EACE,OE3EK;;AF8EP;EACE,OE9EK;EF+EL;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAIJ;EACE,kBEjHK;EFkHL;EACA,OE7GK;EF8GL;EACA;EACA;;AAIF;EACE,OEkEI;EFjEJ;EACA;EACA;EACA;;AAGF;EACE;EACA,OE/HK;EFgIL;EACA,OEjIK;;AFqIP;EAIE,OAHI;EAIJ,QAHI;;AAKJ;AAAA;EAEE,OARE;EASF,QARE;EASF;EACA;EACA;EACA;;AAGF;EACE,kBE5JG;;AF8JH;EACE;EACA;;AAIJ;EACE;;AAMJ;EACE;EACA;;AAEA;EACE;EACA;EACA%22,%22file%22:%22stacks_folio_modal.css%22%7D */