/* ##### FILEUPLOAD ##### */

.cs-form-abstract .fileupload  {
}
    .cs-form-abstract .fileupload input[type="file"] {
        height: 22px;
    }
    .cs-form-abstract .fileupload .files {
        border-spacing: 0 4px;
        margin: 0 0 0 135px; /* La marge droite correspond à la largeur par défaut des labels (marges comprises) */
        min-width: 214px; /* Largeur par défaut des champs de formulaire */
    }
        .cs-form-abstract .fileupload .files.multiple tr {
            border: 1px solid rgba(200, 200, 200, 0.8);
            border-width: 1px 0;
        }
        .cs-form-abstract .fileupload .files.multiple tr:nth-child(odd) {
            background: rgba(200,200,200,.3);
        }
        .cs-form-abstract .fileupload .files .ui-sortable tr {
            cursor : move;
        }
            .cs-form-abstract .fileupload .files td {
                padding: 4px;
                vertical-align : middle;
                width: auto;
            }
            .cs-form-abstract .fileupload .files.multiple tr:nth-child(even) td {
                padding-top: 0;     /* L'espacement est déjà défini par le    */
                padding-bottom: 0;  /* border-spacing appliqué sur le tableau */
            }
            .cs-form-abstract .fileupload .files .preview {
                height: 60px; /* Permet de "réserver l'emplacement de l'image et donc d'éviter que la       */
                width: 80px;  /* largeur du tableau augmenter visuellement lors du chargement de la preview */
                text-align : center;
            }
            .cs-form-abstract .fileupload .files.has-preview.has-filename .name,
            .cs-form-abstract .fileupload .files.has-preview.has-filename .progression,
            .cs-form-abstract .fileupload .files.has-preview.has-filename .size,
            .cs-form-abstract .fileupload .files.has-preview.has-filesize .progression {
                width: 80px;
            }
            .cs-form-abstract .fileupload .files.has-filename.has-filesize .name {
                width: 94px;
            }
            .cs-form-abstract .fileupload .files.has-filename .progression,
            .cs-form-abstract .fileupload .files.has-filesize .progression,
            .cs-form-abstract .fileupload .files.has-filename.has-filesize .progression {
                width: 160px; /* Taille de .name + taille de .size */
            }
            .cs-form-abstract .fileupload .files.has-preview.has-filename.has-filesize .name {
                width: 60px;
            }
            .cs-form-abstract .fileupload .files.has-preview.has-filename.has-filesize .size {
                width: 66px;
            }
            .cs-form-abstract .fileupload .files.has-preview.has-filename.has-filesize .progression {
                width: 134px; /* Taille de .name + taille de .size */
            }
                .cs-form-abstract .fileupload .files .preview img,
                .cs-form-abstract .fileupload .files .preview canvas {
                    vertical-align: middle;
                }
                .cs-form-abstract .fileupload .files .name .breakWord,
                .cs-form-abstract .fileupload .files .progress {
                    /* width: auto; */
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
            .cs-form-abstract .fileupload .files .size {
                min-width: 66px; /* Place suffisante pour un chiffre de la forme XXXX.XX KB */ 
                text-align: right;
            }
            .cs-form-abstract .fileupload .files .action {
                text-align : center;
                width: 30px; /* Largeur d'un bouton */
            }
                .cs-form-abstract .fileupload .files .action.delete .btn {
                    padding: 8px 0;
                }
            .cs-form-abstract .fileupload .files .error .label-important {
                font-weight: bold;
            }