canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.drop {
    width : 99%;
    height: 99%;
    overflow: hidden;
}

.icons {
    width : 24px;
}

.icons_zone {
    padding: 0px; 
    margin: 15px; 
}

.files {
    display: none;
}

.context-menu { 
    position: absolute; 
    text-align: center; 
    background: lightgray; 
    border: 1px solid black; 
} 

.context-menu ul { 
    padding: 0px; 
    margin: 0px; 
    min-width: 80px; 
    list-style: none; 
} 

.context-menu ul li { 
    padding-bottom: 0px; 
    padding-top: 0px; 
    border: 1px solid black; 
} 

.context-menu ul li a { 
    text-decoration: none; 
    color: black; 
} 

.context-menu ul li:hover { 
    background: darkgray; 
} 

button {
    display: inline-block;
    padding: 4px 12px;
/*    color: #1b54da; */
/*    color: #ffbf7d; */
/*  	color : #000000; */
    text-align: center;
    vertical-align: middle;
/*   background-color: #bd8cb5; */
/*  background-color: #ffbf7d;*/
/*    background: radial-gradient(circle, skyblue, steelblue);
    background: radial-gradient(circle at center, rgba( 255, 125 , 125, 0 ) 0%, #fff 0%, #fff 100%);  */
    background-image: none;
    border: 1px solid #cccccc;
    font-size: inherit;
    line-height: inherit;
    /* text-shadow: 1px 1px 1px black, 0 0 1em white; */
    border-radius: 4px;
    font-weight: 600;
    transition-duration: 0.4s;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    cursor: pointer;
}

button:hover {
    background-color: rgba(200,200,200,0.5);
/*   background-color: #bd8cb5; 
    color: #3a7999;*/
    color: #000;
    box-shadow: inset 0 0 0 1px #aaf;
}