@import (reference) './colortheme-all.less';
@import (reference) './modal.less';

.fileupload_main () {
    --LessLoader_require: LessLoader_currentFile();
    .modal_main();
}
& {
    /* Upload status table */
    #cp-fileupload {
        .modal_base();
        position: absolute;
        left: 10vw; right: 10vw;
        bottom: 10vh;
        opacity: 0.9;
        box-sizing: border-box;
        z-index: 1000000; //Z file upload table container
        display: none;
        #cp-fileupload-table {
            width: 80vw;
            tr:nth-child(1) {
                background-color: darken(@colortheme_modal-bg, 20%);
                td {
                    font-weight: bold;
                    padding: 0.25em;
                    &:nth-child(4), &:nth-child(5) {
                        text-align: center;
                    }
                }
            }
            @upload_pad_h: 0.25em;
            @upload_pad_v: 0.5em;

            td {
                padding: @upload_pad_h @upload_pad_v;
            }
            .cp-fileupload-table-link {
                .fa {
                    margin-right: 5px;
                }
            }
            .cp-fileupload-table-progress {
                width: 25%;
                position: relative;
                text-align: center;
                box-sizing: border-box;
            }
            .cp-fileupload-table-progress-container {
                position: absolute;
                width: 0px;
                left: @upload_pad_v;
                top: @upload_pad_h; bottom: @upload_pad_h;
                background-color: rgba(0,0,255,0.3);
                z-index: -1; //Z file upload progress container
            }
            .cp-fileupload-table-cancel { text-align: center; }
            .fa.cancel {
                color: rgb(255, 0, 115);
            }
        }
    }
}
