|
|
|
@ -4740,9 +4740,19 @@ ul.nav-tabs > li.nav-item{
|
|
|
|
|
.modal-dialog {
|
|
|
|
|
position: relative;
|
|
|
|
|
width: auto;
|
|
|
|
|
margin: var(--bs-modal-margin);
|
|
|
|
|
max-width: var(--bs-modal-width);
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
margin-top: 30px;
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.modal-sm { min-width: 250px; --bs-modal-width: 310px; }
|
|
|
|
|
.modal-md { min-width: 400px; --bs-modal-width: 500px; }
|
|
|
|
|
.modal-lg { min-width: 800px; --bs-modal-width: 1000px; }
|
|
|
|
|
.modal-xl { min-width: 1000px; --bs-modal-width: 1140px; }
|
|
|
|
|
.modal-xxl { min-width: 1400px; --bs-modal-width: 1600px; }
|
|
|
|
|
|
|
|
|
|
.modal.fade .modal-dialog {
|
|
|
|
|
transition: transform 0.15s ease-out;
|
|
|
|
|
transform: translateY(-100px) scale(0.8);
|
|
|
|
@ -4851,35 +4861,6 @@ ul.nav-tabs > li.nav-item{
|
|
|
|
|
margin: calc(var(--bs-modal-footer-gap) * 0.5);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (min-width: 576px) {
|
|
|
|
|
.modal {
|
|
|
|
|
--bs-modal-margin: 1.75rem;
|
|
|
|
|
--bs-modal-box-shadow: 0 2px 20px 0 rgba(67, 89, 113, 0.45);
|
|
|
|
|
}
|
|
|
|
|
.modal-dialog {
|
|
|
|
|
max-width: var(--bs-modal-width);
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
}
|
|
|
|
|
.modal-sm {
|
|
|
|
|
--bs-modal-width: 22.5rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media (min-width: 992px) {
|
|
|
|
|
.modal-lg,
|
|
|
|
|
.modal-xl {
|
|
|
|
|
--bs-modal-width: 50rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
|
.modal-xl {
|
|
|
|
|
--bs-modal-width: 1140px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.modal-xxl {
|
|
|
|
|
--bs-modal-width: 1600px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.modal-fullscreen {
|
|
|
|
|
width: 100vw;
|
|
|
|
@ -9756,22 +9737,11 @@ form select.selectpicker.is-invalid ~ .btn {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (min-width: 576px) {
|
|
|
|
|
.modal-content {
|
|
|
|
|
box-shadow: 0 2px 20px 0 rgba(67, 89, 113, 0.45);
|
|
|
|
|
}
|
|
|
|
|
.modal-sm .modal-dialog {
|
|
|
|
|
max-width: 22.5rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
|
.modal-xl .modal-dialog {
|
|
|
|
|
max-width: 1140px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.modal-xxl .modal-dialog {
|
|
|
|
|
max-width: 1600px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.progress {
|
|
|
|
|