/* 
    Use these classes to change the default rendering of file upload control.

    To make it work like a charm, use this HTML structure :

    <div class="custom-file-upload">
        <div class="custom-file-upload-button">FICHIER</div>
        <div class="custom-file-upload-text"></div>
        <input type="file" name="File" />
    </div>

    N.B. : Don't forget to include the /Scripts/ProwebTools/custom-file-upload.js in your page ;)
*/

.form label.btn-selection {background:#000; color:#fff; font-size:10px; padding:7px 7px;}

.custom-file-upload { background:#fff; position:relative; width:660px; margin:0 0 10px;}
.custom-file-upload input {border:none; position:absolute; top: 0; left: 0;height:20px; cursor: pointer; padding:7px 0 0 65px;}
.custom-file-upload-button {
    height:20px; line-height:20px; padding:7px; color:#fff; font-size: 10px; background: #000; 
    display: inline-block; position:relative;z-index:10;
}
.custom-file-upload:hover .custom-file-upload-button { background:#E82027; }
.custom-file-upload-text { display: inline-block; line-height: 35px; }