/*
*/
.modal {
position: fixed;
top: -100vh;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
padding: 20px;
width: calc(100% - 5px);
max-height: calc(100vh - 5px);
background: #fff;
border-radius: 6px;
box-shadow: 0 0 10px 5px rgba(var(--grey-rgb), 0.6);
overflow: visible;
/*display:none;*/
box-sizing: border-box;
-webkit-transition: all 0.7s cubic-bezier(.49,.18,.49,.82);
-moz-transition: all 0.7s cubic-bezier(.49,.18,.49,.82);
-ms-transition: all 0.7s cubic-bezier(.49,.18,.49,.82);
-o-transition: all 0.7s cubic-bezier(.49,.18,.49,.82);
transition: all 0.7s cubic-bezier(.49,.18,.49,.82)
}
.hide-close .ui-dialog-titlebar-close { display: none }
.modal.active {
top: 20px;
}
/*
@media(min-width: 760px) {
.modal {
width: 500px;
}
}
@media(min-width: 1000px) {
.modal {
width: 700px;
}
}
@media(min-width: 1200px) {
.modal {
width: 800px;
}
}
*/
@media(min-width: 760px) {
.modal {
width: 800px;
}
}
@media(min-width: 1000px) {
.modal {
width: 1000px;
}
}
@media(min-width: 1200px) {
.modal {
width: 1100px;
}
}
.modal-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.modal-header h2 {
width: calc(100% - 20px);
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.modal-body {
overflow: auto;
}
.modal-footer {
margin-top: 20px;
}