
/*custom upload elements*/
.customfile-input {
    position:     absolute;
    height:       48px;
    cursor:       pointer;
    background:   transparent;
    border:       1px solid #cacaca;
    opacity:      0;
    -moz-opacity: 0;
    filter:       progid:DXImageTransform.Microsoft.Alpha(opacity = 0);
    z-index:      999;
    border-radius: 0px;
    padding: 10px 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: 400;
    background: #ffffff;
    color: #495057;
    border-radius: 5px;
    background-clip: inherit !important;
}


.customfile {
    background: #fff;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #cacaca;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    white-space: nowrap;
    height: 48px;
    padding: 10px 20px;
}

.customfile-disabled {
    opacity: .5;
    filter:  progid:DXImageTransform.Microsoft.Alpha(opacity = 0);
    cursor:  default;
}

.customfile-feedback {
    /* display: block; */
    font-style: italic;
    font-size: 16px;
    font-weight: 400;
    background: #ffffff;
    color: #495057;
}

.customfile-feedback-populated {
    color: #495057;
    font-style: normal;
    font-weight: 400;
    background: url(https://dl.dropbox.com/u/20165443/jsFiddle/images/jquery.fileinput.icon-generic.gif) left 4px no-repeat;
}

.customfile-button {
    border: 1px solid #ababab;
    background: #ababab url(https://dl.dropbox.com/u/20165443/jsFiddle/images/jquery.fileinput.bg-submit.gif) bottom repeat-x;
    color: #fff;
    font-weight: 400;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    border-radius: 0 5px 5px 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 48px;
}

/*.customfile-hover .customfile-button, .customfile-focus .customfile-button {
    color:        #111;
    background:   #aaa url(https://dl.dropbox.com/u/20165443/jsFiddle/images/jquery.fileinput.bg-btn.png) bottom repeat-x;
    border-color: #aaa;
    padding:      .3em .6em;
}*/

.customfile-focus .customfile-button {
    outline: 1px dotted #ef3139;
}

/*file type icons*/
.customfile-ext-jpg, .customfile-ext-gif, .customfile-ext-png, .customfile-ext-jpeg, .customfile-ext-bmp {
    background-image: url(https://dl.dropbox.com/u/20165443/jsFiddle/images/jquery.fileinput.icon-image.gif);
}

.customfile-ext-mp3, .customfile-ext-mp4, .customfile-ext-mov, .customfile-ext-swf, .customfile-ext-wav, .customfile-ext-m4v {
    background-image: url(https://dl.dropbox.com/u/20165443/jsFiddle/images/jquery.fileinput.icon-media.gif);
}

.customfile-ext-zip, .customfile-ext-tar, .customfile-ext-sit {
    background-image: url(https://dl.dropbox.com/u/20165443/jsFiddle/images/jquery.fileinput.icon-zip.gif);
}