CustomFileInput.css

.customFileUpload {
  position: relative;
  height: 50px; }
  .customFileUpload .customFileUploadNativeInputWrapper {
    z-index: 1;
    position: absolute;
    opacity: 0; }
  .customFileUpload .customFileUploadCustomInputWrapper {
    position: absolute;
    opacity: 1;
    width: 100%;
    height: 100%;
    font-size: 0px; }
    .customFileUpload .customFileUploadCustomInputWrapper .customFileUploadCustomInputImgViewer {
      height: 100%;
      background: blue;
      display: inline-block;
      width: 50px;
      vertical-align: top; }
    .customFileUpload .customFileUploadCustomInputWrapper .customFileUploadCustomInputFileName {
      display: inline-block;
      width: calc(100% - 50px);
      vertical-align: top;
      height: 100%;
      background: blue; }
      .customFileUpload .customFileUploadCustomInputWrapper .customFileUploadCustomInputFileName .customFileUploadCustomInputFileNameTextWrapper {
        height: 100%;
        width: 100%;
        display: table; }
        .customFileUpload .customFileUploadCustomInputWrapper .customFileUploadCustomInputFileName .customFileUploadCustomInputFileNameTextWrapper .customFileUploadCustomInputFileNameTextWrapperInner {
          display: table-cell;
          vertical-align: middle;
          font-size: 1rem;
          color: white;
          padding: 0 1em;
          white-space: nowrap;
          overflow: hidden; }