.modal-body{
    max-height: 70vh;
    overflow-y: auto;
}

.modal-dialog-centered{
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    min-height: 0 !important;
    height: 100vh;
}

.modal-header.ui-draggable-handler{
    cursor: move;
}

.modal-dialog-top-left{
    position: fixed !important;
    top: 0px;
    left: 0px;
    margin: 0px !important;
}   

.modal-dialog-top-right{
    position: fixed !important;
    top: 0px;
    right: 0px;
    margin: 0px !important;
}       

.modal-dialog-bottom-right{
    position: fixed !important;
    bottom: 0px;
    right: 0px;
    margin: 0px !important;     
}  

.modal-dialog-bottom-left{
    position: fixed !important;
    bottom: 0px;
    left: 0px;
    margin: 0px !important;             
}  

.modal-dialog-100vh{
    height: 100vh;
    max-height: none;
}    

.modal-dialog-100vh .modal-content{
    height: 100%;
}

.modal-dialog-100vh .modal-body{
    max-height: none;
}

.modal-header.ui-draggable-handle{
    cursor: move;
}

@media (min-width: 768px){   
    
    .modal-dialog-no-margins{
        margin: 0px !important;
    }
    
    .modal-dialog.modal-dialog-100vw{
        width: 100vw;
        max-width: none;
    }
    
    .modal-dialog.modal-dialog-90vw{
        width: 90vw;
        max-width: none;
    }  
    
    .modal-dialog.modal-dialog-80vw{
        width: 80vw;
        max-width: none;
    }  

    .modal-dialog.modal-dialog-70vw{
        width: 70vw;
        max-width: none;
    }      
}