#kantarWrapper {
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-flow: column nowrap;
	row-gap: 16px;
}
#fileDrop {
  padding: 20px;
  background-color: #f0f0f0;
  text-align: center;
  border-radius: 8px;
}
#fileDrop p {
  margin: 20px;
  border: 2px dashed black;
  border-radius: 8px;
  padding: 20px;
  color: black;
  transition: all 0.2s ease-in-out;
}
#fileDrop.active p {
  padding: 30px;
  margin: 10px;
  transition: all 0.2s ease-in-out;
}
.uploadResult {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
  border: 2px solid transparent;
  background-color: #f0f0f0;
  margin-bottom: 16px;
  border-radius: 8px;
}
.uploadResult a {
  display: block;
  padding: 12px 18px;
  border-radius: 8px;
  text-decoration: none;
  color: #777d75;
  border: 1px solid #777d75;
  background-color: white;
  white-space: nowrap;
  margin-left: 24px;
}
.uploadResult a:hover {
  background-color: #85a27b;
  color: white;
  border-color: white;
}
.uploadResult p {
  margin-bottom: 0;
}
.uploadResult.loading {
  background-image: url(../img/three-dots.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px;
}
.uploadResult.success {
  background: #d0e6b1;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZTZiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWVkYjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,#d0e6b1 0%,#d5edb6 100%);
  background: -webkit-linear-gradient(left,#d0e6b1 0%,#d5edb6 100%);
  background: linear-gradient(to right,#d0e6b1 0%,#d5edb6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0e6b1',endColorstr='#d5edb6',GradientType=1);
}
.uploadResult.error {
  background: #f7c1b1;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3YzFiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQyYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,#f7c1b1 0%,#ffd2b7 100%);
  background: -webkit-linear-gradient(left,#f7c1b1 0%,#ffd2b7 100%);
  background: linear-gradient(to right,#f7c1b1 0%,#ffd2b7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7c1b1',endColorstr='#ffd2b7',GradientType=1);
}