
.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;
}

@media (min-width: 768px){
    .modal-dialog-top-left{
        position: fixed;
        top: 0px;
        left: 0px;
        margin: 0px;
        margin-left: 15px;
        margin-top: 15px;
    }   
    
    .modal-dialog-top-right{
        position: fixed;
        top: 0px;
        right: 0px;
        margin: 0px;
        margin-right: 15px;
        margin-top: 15px;
    }       
    
    .modal-dialog-bottom-right{
        position: fixed;
        bottom: 0px;
        right: 0px;
        margin: 0px;
        margin-bottom: 15px;
        margin-right: 15px;        
    }  
    
    .modal-dialog-bottom-left{
        position: fixed;
        bottom: 0px;
        left: 0px;
        margin: 0px;
        margin-bottom: 15px;
        margin-left: 15px;                
    }     
    
    .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;
    }      
    
    .modal-dialog-100vh{
        height: 100vh;
        max-height: none;
    }    
    
    .modal-dialog-100vh .modal-content{
        height: 100%;
    }
}