.iwb-file {
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 0;

    .iwb-file-input {
        opacity: 0;
    }

    .iwb-file-label {
        background-color: $white;
        border: 1px solid $input-border-color;
        color: $gray-600 !important;
        text-align: left;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: calc( 1.8125rem + 2px);
        padding: 7px 150px 7px 8px;
        line-height: 1.25;
        font-size: .875rem;
        font-weight: 400 !important;
        border-radius: .25rem;

        &.choice {
            color: #e9ecef;
        }

        &:after {
            content: "\e81c   浏览文件";
            width: 99px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: $white;
            border-left: 1px solid $border-color;
            background-color: $iwb-color;
            position: absolute;
            top: -1px;
            right: 0;
            bottom: 0;
            z-index: 3;
            height: calc( 1.8125rem + 2px);
            font-family: "iconfont";
            border-radius: 0 .25rem .25rem 0;
        }
    }

    .iwb-file-input:lang(en) ~ .iwb-file-label::after {
        content: "Browse";
    }

    .clear {
        color: $white;
        border-left: 1px solid $border-color;
        background-color: $iwb-color;
        width: 35px;
        height: calc( 1.8125rem + 2px);
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 100px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    &.file-error {
        .iwb-file-label {
            border: 1px solid $red !important;
        }
    }

    &.file-success {
        .iwb-file-label {
            color: $gray-700 !important;
            //border: 1px solid #28a745 !important;
        }
    }
}