body {
}


.file-input-wrapper {
    width: 30px;
    height: 30px;
    overflow: hidden;
    position: relative;
}

    .file-input-wrapper > input[type="file"] {
        /* font-size: 30px; */
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 30px;
        z-index: 100;
        height: 30px;
    }

    .file-input-wrapper > .btn-file-input {
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url(../images/output.jpg) no-repeat;
        background-size: cover;
    }

    .file-input-wrapper:hover > .btn-file-input {
        background-color: #aaa;
    }

    .file-input-wrapper > .btn-attached-file-input {
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url(../ScanDocs/attacheddoc.jpg) no-repeat;
        background-size: cover;
    }

/* Used for all readonly dropdown and datepicker controls*/
.no-pointer {
    pointer-events: none;
    opacity: 1; /*0.6 Optionally reduce opacity to indicate it's not editable */
    background-color: #e9ecef !important;
}