.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%;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: 10000;width: 100vw;height: 100vh;background-color: var(--modal-backdrop-bg); } .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 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.3333333333; } .modal-body {position: relative;flex: 1 1 auto;padding: 1.3333333333rem; } .modal-footer {display: flex;align-items: center;justify-content: flex-end;padding: 1.3333333333rem;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: 1280px) {.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.6666666667rem; } .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: 8.3333333333rem;min-height: 8.3333333333rem; } @media (min-width: 576px) {.modal .modal-content {min-width: 12.5rem;} } @media (min-width: 768px) {.modal .modal-content {min-width: 16.6666666667rem;} } .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: 5px;right: 10px; } .modal .modal-header .btn-close {box-shadow: none;color: var(--primary); } .modal .modal-header .btn-close svg {width: 1.3333333333rem;height: auto;color: var(--primary); } .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.3333333333rem); } .modal.modal-messages .modal-dialog .modal-content .modal-body {display: flex;align-items: center;justify-content: center;max-width: 900px;padding: 1.3333333333rem; } .modal.modal-quiz .modal-dialog {width: 100%;max-width: 1400px;min-height: auto; } .modal.modal-quiz .modal-dialog .modal-content {width: 100%;height: 100%;max-height: calc(100vh - 1.6666666667rem); } .modal.modal-quiz .modal-dialog .modal-content .modal-body {padding: 2.5rem;overflow: auto; } .modal.modal-quiz .modal-dialog .modal-content .step {display: flex;flex-direction: column;justify-content: center;align-items: center; } .modal.modal-quiz .modal-dialog .modal-content h2 {font-weight: 700;font-size: 1.6666666667rem;line-height: 2.0416666667rem;margin-bottom: 0.8333333333rem;color: var(--primary);text-align: center; } .modal.modal-quiz .modal-dialog .modal-content .radios {display: flex;flex-direction: column;font-weight: 700; } .modal.modal-quiz .modal-dialog .modal-content #poup-bar {display: none; } .modal.modal-quiz .modal-dialog .modal-content .steps {display: flex;justify-content: center;padding: 0;margin: 0;padding-bottom: 1.6666666667rem; } .modal.modal-quiz .modal-dialog .modal-content .steps li {margin: 0.2083333333rem;width: 2.5rem;height: 2.5rem;background: #e5e7ef;border-radius: 2.5rem;display: flex;align-items: center;justify-content: center;font-size: 1rem;font-weight: 700;cursor: pointer; } .modal.modal-quiz .modal-dialog .modal-content .steps li.active {background: #031965;color: #fff; } .modal.modal-quiz .modal-dialog .modal-content .forms {display: flex;flex-direction: column;align-items: center;font-weight: 700; } .modal.modal-quiz .modal-dialog .modal-content .forms .l, .modal.modal-quiz .modal-dialog .modal-content .forms .r {text-align: right;margin-left: auto;padding-right: 0.8333333333rem; } .modal.modal-quiz .modal-dialog .modal-content .forms .l {width: 6.25rem;padding-top: 0.25rem; } .modal.modal-quiz .modal-dialog .modal-content .forms .r {width: 12.5rem;text-align: left;margin-right: auto; } .modal.modal-quiz .modal-dialog .modal-content .forms .input-group-text {background: transparent;border: 0;color: var(--primary);font-weight: 700;font-size: 1rem;padding-top: 0;padding-bottom: 0;width: 0.4166666667rem;margin-bottom: 0.4166666667rem; } .modal.modal-quiz .modal-dialog .modal-content .forms .radios {padding-top: 0.25rem;padding-bottom: 0.25rem; } .modal.modal-quiz .modal-dialog .modal-content .btn {color: var(--white);display: flex;align-items: center;width: fit-content;margin-left: auto;margin-right: auto; } .modal.modal-quiz .modal-dialog .modal-content .btn svg {margin-left: 0.5416666667rem;position: relative; } .modal.modal-quiz .modal-dialog .modal-content .form-control {margin-bottom: 0.4166666667rem; } .modal.modal-quiz .modal-dialog .modal-content .alert {display: flex;flex-direction: row;align-items: center; } .modal.modal-quiz .modal-dialog .modal-content .alert svg {margin-right: 0.6666666667rem; } .modal.modal-quiz .modal-dialog .modal-content .alert p {margin-bottom: 0; } .modal.modal-quiz .modal-dialog .modal-content .result-box {padding: 1.6666666667rem 2.5rem;background: #e5e7ef; } .modal.modal-quiz .modal-dialog .modal-content .result-box .result-info {display: flex;flex-direction: row;font-size: 1.6666666667rem;line-height: 2.0833333333rem;font-weight: 700; } .modal.modal-quiz .modal-dialog .modal-content .result-box .result-info #bmi-value {flex-basis: 50%;text-align: center; } .modal.modal-quiz .modal-dialog .modal-content .result-box .result-info #bmi-word {flex-basis: 50%;text-align: center; } .modal.modal-quiz .modal-dialog .modal-content .result-box .result-info #bmi-graph {margin-top: 1.6666666667rem;text-align: center; } .modal.modal-quiz .modal-dialog .modal-content .result {display: block;text-align: center;margin-top: 20px;font-weight: 700; } .modal.modal-message .modal-body {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 30px; } .modal.modal-message .modal-body ul {list-style-type: none;padding: 0; } .modal.modal-login .modal-content {padding: 0.625rem;min-width: 20.8333333333rem; } .modal.modal-story .btn-close {color: var(--white); } .modal.modal-story .btn-close svg {color: var(--white); } .modal.modal-story .modal-dialog {max-height: calc(100% - 2.0833333333rem);aspect-ratio: 16/9; } .modal.modal-story .modal-content {background: transparent;width: 100%; } .modal.modal-story .modal-body {display: flex;align-items: center;justify-content: center;flex-direction: column; } .modal.modal-pdf .modal-header .btn-close {top: 35px;position: relative; } .modal.modal-pdf .modal-content {width: 95vw;height: 95vh; } .modal.modal-pdf .modal-content .frame-pdf {width: 100%;height: 100%;border: 0; }