﻿        
.epresto .picUp
{
    
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox; 
    
    /*       
    flex: 0 2 calc(45% - 18px);
    -webkit-flex: 0 2 calc(45% - 18px);
    margin: 18px;     
    */
    
    /*
    flex-basis: calc(45% - 18px);
    -webkit-flex-basis: calc(45% - 18px);
    margin: 18px;     
    */
    
    flex-basis: calc(46% - 20px);
    -webkit-flex-basis: calc(46% - 20px);
    margin: 20px;
    
    
    margin-left: 0px;
    
    min-width: 180px;
            
                                                 
            
    
            
         
    border:1px dashed #c9c9c9;
    
    position:relative;                                                         
    }

@media screen and (max-width: 580px) 
{
    .epresto .picUp  
    {
        /*
        flex: 0 1 100%; 
        -webkit-flex: 0 1 100%;
        */
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
     }
}    


        
.epresto .picUp canvas.displayCanvas
{
    position: absolute;                                  
    display: inline;
    }
            
.epresto .picUp canvas.displayCanvas.hidden
{
    display: none;
    }
            
.epresto .picUp div.fileSelectorPanel
{
    position: absolute;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
            
    display: flex;
    display: -webkit-flex;                        
    flex-direction: column;
    -webkit-flex-direction: column;            
    justify-content: center;                        
    -webkit-justify-content: center;
    align-items: center;
                        
            
    
    font-size: 1.2em;
    text-align: center;
    color: #999999;
            
    overflow: hidden;
    }            
        
.epresto .picUp div.fileSelectorPanel.hidden
{
    display: none;
    }

.epresto .picUp div.fileSelectorPanel div.icon
{
    width: 50px;
    height: 50px;
    background-color: #ff6b00;
    /*
    background-image:url(../Pix/PicUpFileSelectorImageIcon.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:50px 50px;
    */
    
    background-image:url(../../Pix/Icons.png);
    background-repeat: no-repeat;
    background-position: -100px center;  
    background-size:1000px 50px;


    }
        
.epresto .picUp div.fileSelectorPanel input[type='file']
{
    display: none;             
    }
        
        
.epresto .picUp div.fileSelectorPanel label
{
    display: inline;
    color: #ff6b00;
    text-decoration: underline; 
    cursor: pointer;                      
}  
        
.epresto .picUp button
{
    
    border-radius: 18px;
    width:36px;
    height: 36px;
    background-color: #ff6b00;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    }
    
.epresto .picUp button:focus
{
    outline: 0px;
    }    
    
.epresto .picUp button[disabled]
{
    visibility: hidden;
    background-color: #999999; 
    cursor: default;   
    }    
        
.epresto .picUp button.butFileSelector
{
    position:absolute;
    top:-15px;
    right:-15px;
    /*
    background-image:url(../Pix/PicUpButtonClear.png);    
    background-size:16px 16px;              
    */
    background-image:url(../../Pix/Icons.png);
    background-repeat: no-repeat;
    background-position: -207px center;  
    background-size:1000px 50px;    
    }
            
.epresto .picUp button.butRotate
{
    position:absolute;
    bottom:-15px;
    right:-15px;     
    /*                   
    background-image:url(../Pix/PicUpButtonRotate.png);
    background-size:24px 24px; 
    */
    background-image:url(../../Pix/Icons.png);
    background-repeat: no-repeat;
    background-position: -156px center;  
    background-size:1000px 50px;
    
       
    }
/*          
.epresto .picUp img.sandglass
{
    position: relative;                        
    display: inline;
            
    align-self: center;
    -webkit-align-self: center;
    margin-left: auto;
    margin-right: auto; 
            
    animation: sandglassSpin 1s linear infinite;
    -webkit-animation: sandglassSpin 1s linear infinite;                       
    }                
    @-webkit-keyframes sandglassSpin { 100% { -webkit-transform:rotate(360deg); } }
    @keyframes sandglassSpin { 100% { transform:rotate(360deg); } }
        
.epresto .picUp img.sandglass.hidden
{
    display: none;
    }

 
            
.epresto .picUp .message
{
    border:1px solid black;            
    position:relative;
            
    align-self: center;
    -webkit-align-self: center;
    margin-left: auto;
    margin-right: auto;
                                   
    width: 70%;
    max-height: 70%;            
                       
    padding: 10px;
            
    background-color: #ffffff;
    }
                                    
.epresto .picUp .message h2, .picUp .message p
{
    margin: 0px;
    }                        
            
        
.epresto .picUp .message.error
{
    background-color: #e4c3db;
    }
 
*/   

.epresto .picUp .message
{
    align-self: center;
    -webkit-align-self: center;
    margin-left: auto;
    margin-right: auto;
                                   
    width: 85%;
    height: 70%;
    max-height: 70%;
    min-height: 10px;   
    }                                    