.modal-open {overflow: hidden; }.modal-open .modal {overflow-x: hidden;overflow-y: auto; } .modal {position: fixed;top: 0;left: 0;z-index: 11000;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0; } .modal-dialog {position: relative;width: auto;margin: 0.5rem;pointer-events: none; }.modal.fade .modal-dialog {transition: transform 0.3s ease-out;transform: translate(0, -50px); }@media (prefers-reduced-motion: reduce) {.modal.fade .modal-dialog {transition: none; } }.modal.show .modal-dialog {transform: none; } .modal-dialog-scrollable {display: flex;max-height: calc(100% - 1rem); }.modal-dialog-scrollable .modal-content {max-height: calc(100vh - 1rem);overflow: hidden; }.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer {flex-shrink: 0; }.modal-dialog-scrollable .modal-body {overflow-y: auto; } .modal-dialog-centered {display: flex;align-items: center;min-height: calc(100% - 1rem); }.modal-dialog-centered::before {display: block;height: calc(100vh - 1rem);content: ""; }.modal-dialog-centered.modal-dialog-scrollable {flex-direction: column;justify-content: center;height: 100%; }.modal-dialog-centered.modal-dialog-scrollable .modal-content {max-height: none; }.modal-dialog-centered.modal-dialog-scrollable::before {content: none; } .modal-content {position: relative;display: flex;flex-direction: column;width: 100%;pointer-events: auto;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 0;outline: 0; } .modal-backdrop {position: fixed;top: 0;left: 0;z-index: 10000;width: 100vw;height: 100vh;background-color: #000; }.modal-backdrop.fade {opacity: 0; }.modal-backdrop.show {opacity: 0.8; } .modal-header {display: flex;align-items: flex-start;justify-content: space-between;padding: 1rem 1rem;border-bottom: 1px solid #dee2e6;border-top-left-radius: 0;border-top-right-radius: 0; }.modal-header .close {padding: 1rem 1rem;margin: -1rem -1rem -1rem auto; } .modal-title {margin-bottom: 0;line-height: 1.7; } .modal-body {position: relative;flex: 1 1 auto;padding: 1rem; } .modal-footer {display: flex;align-items: center;justify-content: flex-end;padding: 1rem;border-top: 1px solid #dee2e6;border-bottom-right-radius: 0;border-bottom-left-radius: 0; }.modal-footer > :not(:first-child) {margin-left: .25rem; }.modal-footer > :not(:last-child) {margin-right: .25rem; } .modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll; } @media (min-width: 576px) {.modal-dialog {max-width: 500px;margin: 1.75rem auto; }.modal-dialog-scrollable {max-height: calc(100% - 3.5rem); }.modal-dialog-scrollable .modal-content {max-height: calc(100vh - 3.5rem); }.modal-dialog-centered {min-height: calc(100% - 3.5rem); }.modal-dialog-centered::before {height: calc(100vh - 3.5rem); }.modal-sm {max-width: 300px; } } @media (min-width: 992px) {.modal-lg,.modal-xl {max-width: 800px; } } @media (min-width: 1100px) {.modal-xl {max-width: 1140px; } } .modal {z-index: 110000;align-items: center;justify-content: center; }.modal.modal-close {cursor: pointer; }.modal.show {display: flex; }.modal .modal-dialog {max-width: none;margin: 0.5rem; }.modal .modal-dialog-centered {justify-content: center; }.modal .modal-content {width: auto;display: flex;flex-direction: column;justify-content: center;background-color: #fff;border: 0;max-width: 1920px;min-width: 12.5rem;min-height: 12.5rem; }@media (min-width: 576px) {.modal .modal-content {min-width: 18.75rem; } }@media (min-width: 768px) {.modal .modal-content {min-width: 25rem; } }.modal .modal-content > .spinner-border {position: absolute;color: #fff; }.modal .modal-header {display: flex;flex-direction: row;justify-content: flex-end;padding: 0;border: 0;position: absolute;z-index: 3;top: 0;right: 0; }.modal .modal-header .btn-close {box-shadow: none;color: #151515; }.modal .modal-header .btn-close svg {width: 2rem;height: auto; }.modal .modal-header .btn-close:hover {color: black; }.modal .modal-body {padding: 0;width: 100%;height: 100%;cursor: default; }.modal .modal-body .img-fluid {width: auto; }.modal .modal-body .carousel .holder {display: flex;justify-content: center; }.modal .modal-body .carousel .holder .item {display: flex;justify-content: center;aspect-ratio: auto;z-index: 2; }.modal .modal-body .carousel .holder .item .btn-close {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 3; }.modal .modal-body .carousel .holder .item .inner {position: relative;display: flex;align-items: center;justify-content: center;z-index: 4; }.modal .modal-body .carousel .holder .item picture {display: flex;align-items: center;justify-content: center; }.modal .modal-body .carousel .holder .item .img-fluid {width: auto;height: auto;object-fit: contain;max-height: calc(100vh - 1rem); }.modal.modal-messages .modal-body {display: flex;align-items: center;justify-content: center;padding: 1rem; }