#page-upload {
  margin: unset;
}
#page-upload #dragAndDrop {
  width: 70%;
  height: 100%;
  padding: 50px;
  margin: auto;
  border: 1px solid #d1cdcd;
  border-radius: 50px;
  margin-bottom: 10px;
}
#page-upload #dragAndDrop > *:not(:first-child) {
  margin-top: 30px;
}
#page-upload #dragAndDrop #icon {
  width: 100px;
}
#page-upload #dragAndDrop h1 {
  word-spacing: 30px;
  color: #606060;
}
#page-upload #dragAndDrop h4 {
  margin-bottom: 40px;
}
#page-upload #dragAndDrop .custom-file-upload {
  outline: none;
  min-height: 15px;
  border-radius: 50px;
  border: 1px solid #b9b9b9;
  padding: 10px 20px;
  font-size: 20px;
  font-family: inherit;
  text-align: center;
  padding: 10px 60px;
  border-color: #7017ef;
  color: #606060;
  cursor: pointer;
}
#page-upload #dragAndDrop input[type="file"] {
  display: none;
}
#page-upload #dragAndDrop input[type="submit"] {
  margin-top: 30px;
}
#page-upload #dragAndDrop #file-list {
  margin: 40px 0;
}
#page-upload #dragAndDrop #file-list .file-list-row {
  display: flex;
  justify-content: space-around;
}
#page-upload #dragAndDrop #file-list .file-list-row .item-row-title {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex: 1;
  margin: auto;
  margin-inline-start: 20px;
}
#page-upload #dragAndDrop #file-list .file-list-row .item-row-title span {
  text-align: start;
  flex: 1;
}
#page-upload #dragAndDrop #file-list .file-list-row.failed {
  color: red;
  font-weight: bold;
}
#page-upload .progress-bar .progress-bar-fill {
  background-color: green;
}
#page-upload #youtube {
  margin: auto;
  border: 1px solid #d1cdcd;
  padding: 30px;
  border-radius: 50px;
  width: 70%;
}
#page-upload.in-drag {
  outline: 2px dashed #7017ef;
}
#page-upload.in-drag * {
  pointer-events: none;
}