.modal-open {overflow: hidden; } .modal-open .modal {overflow-x: hidden;overflow-y: auto; } .modal {position: fixed;top: 0;left: 0;z-index: 1050;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%;color: var(--modal-content-color);pointer-events: auto;background-color: var(--modal-content-bg);background-clip: padding-box;border: 1px solid var(--modal-content-border-color);border-radius: 0;outline: 0; } .modal-backdrop {position: fixed;top: 0;left: 0;z-index: 1040;width: 100vw;height: 100vh;background-color: var(--modal-backdrop-bg); } .modal-backdrop.fade {opacity: 0; } .modal-backdrop.show {opacity: 0.5; } .modal-header {display: flex;align-items: flex-start;justify-content: space-between;padding: 1rem 1rem;border-bottom: 1px solid var(--modal-header-border-color);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 var(--modal-footer-border-color);border-bottom-right-radius: 0;border-bottom-left-radius: 0; } .modal-footer > :not(:first-child) {margin-left: 0.25rem; } .modal-footer > :not(:last-child) {margin-right: 0.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: 1584px) {.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.625rem; } .modal .modal-dialog-centered {justify-content: center; } .modal .modal-content {width: auto;display: flex;flex-direction: column;justify-content: center;background-color: var(--white);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: var(--white); } .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: var(--primary); } .modal .modal-header .btn-close svg {width: 2rem;height: auto; } .modal .modal-header .btn-close:hover {color: var(--link-hover-color); } .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 - 1.25rem); } .modal.modal-message .modal-body {display: flex;flex-direction: column;align-items: center;justify-content: center; } .modal.modal-message .modal-body ul {list-style-type: none;padding: 0; } .modal.modal-login .modal-content {padding: 0.9375rem;min-width: 31.25rem; }