html {
    width: 90%;
    height: 90%;
  }
  body {
    background: #eef1f4;
    padding-left: 20px;
  }
  h4 {
    font-family: "Helvetica","Arial",sans-serif;
    font-weight: bold;
  }
  td {
    padding: 5px;
  }

  .mdl-button--file {
    input {
      cursor: pointer;
      height: 100%;
      right: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 300px;
      z-index: 4;
    }
  }
  .mdl-textfield--file {
    .mdl-textfield__input {
      box-sizing: border-box;
      width: calc(100% - 32px);
    }
    .mdl-button--file {
      right: 0;
    }
  }
  .mdl-textfield {
      width: 500px;
      font-weight: bold;
  }
  .mdl-data-table th,
  .mdl-data-table td {
    text-align: left;
  }
  .mdl-button {
      border-radius: 10px;
  }
  .mdl-button--raised.mdl-button--colored {
      background: #173963;
  }
  .mdl-button--raised.mdl-button--colored:hover {
      background: #dbdbdb;
  }
  .pass {
      background-color: Green;
      color: white;
      text-align: center;
      font-weight: bold;
  }
  .fail {
      background-color: FireBrick;
      color: white;
      text-align: center;
      font-weight: bold;
  }