.fileupload {
    font-family:"Source Sans Pro", sans-serif;
    font-size: 12px;
}
    .fileupload * {
        -webkit-box-sizing : border-box;
        -moz-box-sizing : border-box;
        box-sizing: border-box;
    }
    .fileupload table.files {
        border-collapse: collapse;
        border-spacing: 0;
        margin-top:5px;
        clear:both;
        width:100%;
    }

    .fileupload .fileinput-button {
        float:none;
        cursor:pointer;
    }

    .fileupload .ui-button-icon-primary {
        /* margin-top:-2px;
        margin-bottom:-2px; */
    }

.fileupload .ui-button-text {
    font-size:12px;
}

/*** Icones ***/
.fileupload table td.preview a,
.fileupload table td.action  button {
    background-repeat:no-repeat;
    background-position: 50% 50%;
}

    .fileupload table td.preview.view a {
        background:url(../../../../images/plugins/fileupload/eye-open.svg) no-repeat 50% 50%;
        _background:url(../../../../images/plugins/fileupload/eye-open.png) no-repeat 50% 50%;
    }

    .fileupload table td.action.edit a {
        background:url(../../../../images/plugins/fileupload/application-edit.svg) no-repeat 50% 50%;
        _background:url(../../../../images/plugins/fileupload/application-edit.png) no-repeat 50% 50%;
    }

    .fileupload table td.preview.download a {
        background:url(../../../../images/plugins/fileupload/download.svg) no-repeat 50% 50%;
        _background:url(../../../../images/plugins/fileupload/download.png) no-repeat 50% 50%;
    }

    .fileupload table td.action.delete button {
        background:url(../../../../images/plugins/fileupload/trash.svg) no-repeat 50% 50%;
        _background:url(../../../../images/plugins/fileupload/trash.png) no-repeat 50% 50%;
    }

    .fileupload table td.action.cancel button {
        background:url(../../../../images/plugins/fileupload/ban-circle.svg) no-repeat 50% 50%;
        _background:url(../../../../images/plugins/fileupload/ban-circle.png) no-repeat 50% 50%;
    }

        .fileupload table td.progression .progress .bar {
            position: absolute;
            top:0;
            left:0;
            height:100%;
            background:url(../../../../images/plugins/fileupload/progress-bar.gif);
        }

/*** Filename ***/ 
.fileupload table.has-filename tr {
    width:100%;
    margin:5px 0;
    position: relative;
}
    .fileupload table.has-filename td.name {
        /* font-size: 16px; */
        vertical-align: middle;
    }
        .fileupload table.has-filename td.name a {
            width:100%;
            height:100%;
            text-decoration: none;
            color:#333;
        }
            .fileupload table.has-filename td.name a:hover {
                color:#535353;
            }
    

    .fileupload table.has-filename td.action,
    .fileupload table.has-filename td.preview {
        width: 29px;
        vertical-align: middle;
    }
        .fileupload table.has-filename td.preview a,
        .fileupload table.has-filename td.edit a,
        .fileupload table.has-filename td.action button {
            background-color:#CCC;
            border:none;
            height: 29px;
            width: 29px;
            display: block;
        }

            .fileupload table.has-filename td.preview a:hover,
            .fileupload table.has-filename td.edit a:hover,
            .fileupload table.has-filename td.action button:hover {
                background-color:#999;
                background-repeat:no-repeat;
            }

            .fileupload table.has-filename td.action button > span {
                display:none;
            }

    .fileupload table.has-filename .name .breakWord {
        width:auto !important;
    }


    .fileupload table.has-filename td.progression {
        display: block;
        height: 30px;
        position: relative;
    }
        .fileupload table.has-filename td.progression .progress {
            position: absolute;
            height: 6px;
            width: 95%;
            top: 13px;
            left: 0;
        }

.fileupload .ui-button-text {
    overflow: hidden;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    /* width:60px; */
}
.cs-form-abstract .fileupload input[type="file"] {
    width:500%;
}

/*** Preview **/
.fileupload table.has-preview:not(.has-filename) tr {
    display:block;
    float:left;
    width:48px; height:48px;
    overflow:hidden;
    margin:0 5px 5px 0;
    position:relative;
    clear:none;
}
    .fileupload .fileupload-loading {
        width:48px; height:48px;
        background:url(../../../../images/plugins/fileupload/ajax-loader.gif) 50% 50% no-repeat;
        background-size: 20px 20px;
        display:block;
        float:left;
        clear:none;
        position: absolute;
    }

    .fileupload table.has-preview:not(.has-filename) td.caption {
        padding:0;
    }
        .fileupload table.has-preview:not(.has-filename) td.caption a {
            width:48px;
            height: 48px;
        }
            .fileupload table.has-preview:not(.has-filename) td.caption img,
            .fileupload table.has-preview:not(.has-filename) td.caption canvas {
                min-height: 48px;
                min-width: 48px;
            }


    .fileupload table.has-preview:not(.has-filename) td.name {
        display:none;
    }
    .fileupload table.has-preview:not(.has-filename) td.preview,
    .fileupload table.has-preview:not(.has-filename) td.progression,
    .fileupload table.has-preview:not(.has-filename) td.action {
        display:block;
        opacity:0;
        position:absolute;
        background:#000;
        left: 0; right: 0;
        text-indent: -1000px;
        overflow:hidden;
        float:none;
        width: auto; 
        height:24px;

        -webkit-transition: all .2s;
        transition: all .2s;
    } 
        .fileupload table.has-preview:not(.has-filename) td.progression {
            top: 0;
            bottom:50%;
            opacity:1;
            background:none;
        }
            .fileupload table.has-preview:not(.has-filename) td.progression .progress {
                position: absolute;
                height:6px;
                width:70px;
                top:18px;
                left:5px;
            }

        .fileupload table.has-preview:not(.has-filename) td.action { 
            top: 24px; 
        }
        
        .fileupload table.has-preview:not(.has-filename) td.preview{ 
            top:0;
        }
                
            .fileupload table.has-preview:not(.has-filename) td.action button,
            .fileupload table.has-preview:not(.has-filename) td.action button:hover,
            .fileupload table.has-preview:not(.has-filename) td.preview a,
            .fileupload table.has-preview:not(.has-filename) td.preview a:hover {
                border:none;
                background-color:transparent;
            }

                .fileupload table.has-preview:not(.has-filename) td.action button > span {
                    display:none;
                }

        .fileupload table.has-preview:not(.has-filename) tr:hover td.preview,
        .fileupload table.has-preview:not(.has-filename) tr:hover td.action {
            opacity:0.5;
        } 
            .fileupload table.has-preview:not(.has-filename) tr td.preview:hover,
            .fileupload table.has-preview:not(.has-filename) tr td.action:hover {
                opacity:1;
            }


            .fileupload table.has-preview:not(.has-filename) td.preview div,
            .fileupload table.has-preview:not(.has-filename) td.preview a,
            .fileupload table.has-preview:not(.has-filename) td.action button {
                display:block;
                height:100%;
                width:100%;
                margin:0;
                padding:0;
            }

            .fileupload table.has-preview:not(.has-filename) td.preview:hover,
            .fileupload table.has-preview:not(.has-filename) td.action:hover {
                background-color:rgba(0, 0, 0, .8); 
            }


/** Preview || Preview && Filename **/
.fileupload table.has-preview td.caption a {
    position: relative;
    display: block;
    overflow: hidden;
}

/** Preview && Filename **/
.fileupload table.has-preview.has-filename td.caption {
    padding:5px;
}

/** Disabled **/
.fileupload .ui-state-disabled {
    opacity:0.6;
    cursor: default;
    border-bottom: 1px solid #a5a5a5;
}


.fileupload table.has-filename td.preview a, .fileupload table.has-filename td.action button {
    padding:0;
}