.manager-file-container{
    display: flex;
    align-items: center;
    padding: 16px 8px;

    .manager-file-status{
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        height: 38px;
    }

    .manager-file-direction{
        font-size: 12px;
        width: 12px;
        height: 12px;
        margin-left: 8px;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

    .manager-file-preview{
        margin: 8px;

        .mdi{
            font-size: 32px;
            width: 32px;
            line-height: 32px;
            -webkit-user-select: none; /* Safari */
            -ms-user-select: none; /* IE 10 and IE 11 */
            user-select: none; /* Standard syntax */
        }
    }

    .manager-file-info{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;

        .manager-file-title, .manager-file-room{
            flex: 1 1 auto;
            overflow: hidden;
            height: 22px;
            word-break: break-all;
        }

        .manager-file-room{
            display: flex;
            align-items: center;
        }

        .manager-file-progress{
            white-space: nowrap;
            text-align: right;
            margin-left: 8px;
        }

        app-avatar{
            height: 14px;
            width: 14px;
            margin: 0 6px 0 0;
        }
    }

    .manager-file-action{
        margin-left:6px;
        white-space: nowrap;

        mat-icon{
            margin: 4px;
        }
    }

    .manager-file-bar{
        margin-top:6px;
    }
}
.preview{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    
    width: 100%;
    height: 100%;

    img{
        max-height: 400px;
        max-width: 100%;
        display: block;
    }
}

.done{
    cursor: pointer;
}