.epresto.dialog.overlay
{
    position: fixed;
    top: 0px;
    left: 0px;           
    width: 100%;
    height: 100%;           
    display: flex;                       
    justify-content: center;
    align-items: center;            
}
 
.epresto.dialog.overlay .fader
{
    background-color: #000000;           
    position: fixed;
    top: 0px;
    left: 0px;       
    width: 100%;
    height: 100%;           
    opacity: 0.5;        
    transition: opacity 0.5s;     
    } 
    
.epresto.dialog.overlay .dialogbox
{             
    margin: 50px;          
    overflow: hidden;    
    background-color: Blue;    
    max-width: 500px;    
    transform: scale(0, 0);
    transition: transform 0.3s;   
    

    }
    
.epresto.dialog.overlay .dialogbox.open
{
    transform: scale(1, 1);   
    }
    
.epresto.dialog.overlay .dialogbox header
{
    display: flex;                
    justify-content: space-between;
    align-items: center;    
    }
    
.epresto.dialog.overlay .dialogbox header h2
{}

.epresto.dialog.overlay .dialogbox header button.close
{
    width: 30px;
    height: 30px; 

    }