/*modal message se non essite div esito*/
.modal-dialog-message-size .modal-dialog .modal-content{
    width: auto; /* larghezza desiderata */
    max-width: 90%;
    min-width: 300px;

}

.modal-dialog-message-size .modal-dialog .modal-content .modal-header{
    background-color: var(--appcolor);
}
/*fine*/


.modal{
    max-height: 100vh;
    height: 100vh;
    position: fixed !important;
}


.modal:last-child  {
    /*    background-color: black !important;
        opacity: .5;*/

}

.bootstrap-dialog-draggable:hover{
    cursor: pointer
}

.modal-title{
    font-size: 22px;
    margin-left:15px;
    position: absolute
}
.modal-dialog{
    /*    min-width: 700px;*/
    max-width: 90%;
    width: auto !important
}


.modal-fullscreen{
    width: 90vw;
    max-width: none;
    height: 90vh;
    max-height: 90vh;
    margin: 5vh auto;
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2) );
    margin: 0 auto;
}

.modal-content{
    margin: auto;
    max-width: 100%;
    /*    height: 90Vh;
      max-height: 90Vh;
      overflow: auto;*/
}

.modal-body{
    max-height: 86Vh;
    overflow: auto
}
.modal-footer .btn-primary{
    background: var(--appcoloralpha2);
    color:var(--nero);
}

.modal-footer .btn-secondary{
    background: var(--bianco);
    color:var(--appcolor);
    border-color: var(--appcolor);
}

.modal-backdrop ~ .modal-backdrop {
    background-color: transparent !important;
}


.modal:last-of-type .modal-content {
    box-shadow: 0 0 10px 3px var(--appcolor);
}