.fileinput-wrapper {
    display: block;
    cursor: pointer;
}
.fileinput {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    z-index: 1;
}
.fileinput input[type=file],
.fileinput input[type=file]:focus,
.fileinput input[type=file]:hover {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
    outline: 0;
}
.fileinput-name {
    margin-left: 8px;position: absolute;top: 1.45rem;z-index: 1;width: 100%;white-space: nowrap;
}
.fileinput-name .close {
    float: none;
    margin-left: 8px;
    vertical-align: middle;
}

.fileinput span{color: transparent;width: 21px;display: inline-block;position: absolute;right: 10px;top: 1.1rem;}
.fileinput span::before{
    content: url('../img/paper-clip.svg');
}
.fileinput, .fileinput input{border: none;}
.fileinput-clear.close{color: transparent!important;opacity: 1;float: right;margin-top: -6px;width: 25px;height: 25px;overflow: hidden;margin-right: 1rem;position: absolute;right: -6px;}
.fileinput-clear.close::before{
    content: url('../img/delete.svg');
}

.fileinput-wrapper.file-selected .fileinput span::before{display: none;}