body{
    width:100%;
    height:100%;
}

.filemanager {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.fileitem {
    width: 150px;
    height: 200px;
    border-radius: 10px;
    border: 1px solid gray;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 5px;
    filter: drop-shadow(0);
    transform: scale(1);
    cursor:pointer;
}

    .fileitem:hover {
        filter: drop-shadow(2px 4px 6px black);
        transform: scale(1.05);
    }

.fileitemselected{
    background-color:yellow;
}


.fileitem img {
    max-height: 110px;
    max-width: 100%;
}

.fileitem span {
    width: 100%;
    overflow: hidden;
} 

.filetime{
    font-size:10px;
}

.filename{
    font-size:12px;
}

.fileimage
{

}

.fileinfo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    background-color: #e3e3e3;
    position: absolute;
    bottom: 0px;
    padding: 5px;
    border-radius: 0px 0px 10px 10px;
}