.apriGrafico {
    cursor: pointer;
}

@media all and (min-width: 800px) { 
    .modal {
        width: 800px !important ;
        height: 600px !important ;
    }
}


 @media all and (max-width: 800px) { 
    .modal {
        display:block;
        /* min-height: 450px !important; */
        /*width: 50vh !important;*/
        width: 800px !important;
        height: 120vh !important;
        overflow: visible !important
    }
    .modal-footer {
        text-align: left !important;
    }
    body {
        width: 800px !important;
        overflow: scroll !important
     }
} 

#modalGrafico { width: 700px !important ; height: 500px !important ;  max-height: 100%; overflow: visible}
#modalGrafico .modal-content {padding: 0 !important;}