input[type="file"] {
  position: relative;
    padding: 20px;
    background-color: #e1e6e9;
    width: 400px;
	margin-left:30px;
}

input[type="file"]::file-selector-button {
  width: 136px;
  color: transparent;
}

/* Faked label styles and icon */
input[type="file"]::before {
  position: absolute;
  pointer-events: none;
  top: 8px;
  left: 33px;
  height: 50px;
  width: 25px;
  content: "";
  
  
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E");*/
  
  background-image:url(../images/paper-clip.png);
  background-repeat:no-repeat;
  
}

input[type="file"]::after {
  position: absolute;
  pointer-events: none;
  top: 29px;
  left: 76px;
  color: #FFF;
  content: "Ajouter un CV";
}


/* ------- From Step 1 ------- */

/* file upload button */
input[type="file"]::file-selector-button {
  border-radius: 4px;
  padding: 0 16px;
  height: 40px;
  width:200px;
  cursor: pointer;
  background-color: #007bff;
  border: 1px solid rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
  margin-right: 16px;
  transition: background-color 200ms;
}

/* file upload button hover state */
input[type="file"]::file-selector-button:hover {
  background-color: #0053ad;
}

/* file upload button active state */
input[type="file"]::file-selector-button:active {
  background-color: #0053ad;
}