/*
 * The related css is auto-generated. Do not edit the generated css file directly.
 * Instead, make changes to the source LESS file and recompile.
 * the .less files stored in <repo location>\Store.Web\RapidScale.Store.Web\Styles\
 * Again, only edit the .less files, not the generated .css files.
 * 
 * To have .less compile automatically, run the project using the task in <repo location>\Store.Web\README.md.
 * .css will be generated automatically on .less file change.
 */
@media (max-width: 768px) {
  .shared-modal .modal-content {
    max-height: 95vh;
  }
}
.shared-modal .modal-content .modal-header .btn-close {
  position: absolute;
  right: 0;
}
.shared-modal .modal-content .modal-header .btn-close > i {
  transition: all 0.3s ease-in-out;
}
.shared-modal .modal-content .modal-header .btn-close:hover {
  text-decoration: none;
  top: 0;
  box-shadow: unset;
}
.shared-modal .modal-content .modal-header .btn-close:hover > i {
  box-shadow: 0 1px 23px 3px #0035ff91;
}
.shared-modal .modal-content .modal-header.bg-primary .btn-close:hover > i {
  box-shadow: 0 1px 23px 3px #ffffffd4;
}
.shared-modal .modal-content .modal-body {
  overflow-y: auto;
}
.shared-modal .modal-content .modal-body img.solution-img {
  width: 50px;
}
.shared-modal .modal-content .modal-body.overflow-auto.mh-600p,
.shared-modal .modal-content .modal-body .overflow-auto.mh-600p {
  max-height: 600px;
}
.shared-modal .modal-content .modal-body.overflow-auto.mh-700p,
.shared-modal .modal-content .modal-body .overflow-auto.mh-700p {
  max-height: 700px;
}
.shared-modal .modal-content .modal-body.overflow-auto.mh-900p,
.shared-modal .modal-content .modal-body .overflow-auto.mh-900p {
  max-height: 900px;
}
.shared-modal .modal-content .modal-footer {
  background-color: var(--rs-section-lightlightgray);
}
@media (min-width: 1440px) {
  .shared-modal .modal-xxl {
    max-width: 1400px;
  }
  .shared-modal .modal-xxl .contents.elem-flex-row-wrap {
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  .shared-modal .modal-xxl .contents.elem-flex-row-wrap.stretch {
    align-items: stretch;
  }
}
@media (max-height: 900px) {
  .shared-modal .modal-body.overflow-auto.mh-700p,
  .shared-modal .modal-body .overflow-auto.mh-700p,
  .shared-modal .modal-body.overflow-auto.mh-900p,
  .shared-modal .modal-body .overflow-auto.mh-900p {
    max-height: 400px;
  }
}