#zenodo-Widget {
  overflow-y: scroll;
}

.zenodo-Upload {
  padding: 10px 10px 2em 74px;
  font-family: var(--jp-ui-font-family);
}

.zenodo-Upload h2 {
  font-weight: var(--jp-content-heading-font-weight);
  font-size: var(--jp-content-font-size5);
}

.zenodo-Upload h3 {
  font-weight: var(--jp-content-heading-font-weight);
  font-size: var(--jp-content-font-size2);
}

.zenodo-LoadingMessage {
  position: absolute;
  top: calc(50% + 3em);
  color: var(--jp-ui-font-color3);
}

.zenodo-SuccessMessageFAQ {
  margin-top: 2em;
}

.zenodo-SuccessMessageFAQ p {
  max-width: 35em;
  line-height: 1.5em;
}

.zenodo-InputRow {
  display: flex;
  margin-top: 1em;
}

.zenodo-InputRow > * {
  flex: 1;
}

.zenodo-InputRow input,
.zenodo-InputRow textarea {
  padding: 0.5em;
}

.zenodo-InputRow label {
  padding: 0.5em 0.5em 0.5em 0;
}

.zenodo-InputRow input,
.zenodo-InputRow textarea {
  background: var(--jp-input-background);
  border: 1px solid var(--jp-input-border-color);
  box-shadow: var(--jp-input-box-shadow);
  font-family: var(--jp-ui-font-family);
  font-size: var(--jp-ui-font-size1);
}

.zenodo-InputRow input::placeholder,
.zenodo-InputRow textarea::placeholder {
  color: var(--jp-ui-font-color3);
}

.zenodo-InputRow input:hover,
.zenodo-InputRow textarea:hover {
  background: var(--jp-input-hover-background);
}

.zenodo-InputRow input:focus,
.zenodo-InputRow textarea:focus {
  background: var(--jp-input-active-background);
  border-color: var(--jp-input-active-border-color);
  box-shadow: var(--jp-input-active-box-shadow-color);
}

.zenodo-PublishButton {
  margin-top: 1em;
}

.zenodo-Upload a[href] {
  text-decoration: underline;
  color: blue;
}

.zenodo-Upload .basic-btn {
  background-color: #ededed;
  border: 1px solid transparent;
  border-color: grey;
  border-radius: 4px;
  padding: 6px;
}

.zenodo-Upload .basic-btn:hover {
  background-color: #bdbdbd;
}

/****** Styles for upload form ******/
/* Style form elements */
.zenodo-InputRow {
  font-size: 14px;
}

/* Required questions are bold */
.zenodo-InputRow label.required::after {
  content: 'required';
  color: var(--jp-accent-color0);
  font-size: var(--jp-ui-font-size0);
  margin-right: 0.5em;
  /* display: block; */
  float: right;  
}

/* Hover elements for clarification on form */
.zenodo-InputRow .hover {
  color: grey;
  text-decoration: underline;
  font-weight: normal;
}

.zenodo-InputRow .hover:hover {
  color: blue;
}

/* Add indicator for published items in filebrowser */

.jp-DirListing-item[data-doi]::after {
  box-sizing: border-box;
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #0067c9;
  position: absolute;
  border: 1px solid white;
}