#df-container {
  background: #fff;
  margin: 1em 1em 0 0;
}

#df-container button {
  display: block;
  margin-top: 1em;
}

#df-export-input {
  height: 0;
  overflow: hidden;
}

#df-export-options {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
}

#df-export-options button {
  margin-right: 1em;
}

#df-progress-export {
  padding-bottom: 1px;
}

#df-progress-export p {
  margin: 0 0 1em 0;
}

.df-field {
  border-top: #EEEEEE solid 1px;
  padding: 0 1em 1em 1em;
}

.df-field label {
  display: block;
  font-weight: bold;
}

.df-field input[type=text] {
  margin-top: 10px;
  min-width: 50%;
}

.doi-fetcher-button::after {
  content: attr(data-text);
}

.doi-fetcher-button[data-text='Processando...']:disabled .loader {
  border: 3px solid #66c6e4;
  border-radius: 50%;
  border-top: 3px solid transparent;
  display: inline-block;
  margin-right: 3px;
  width: 10px;
  height: 10px;
  vertical-align: sub;
  animation: spin 1.5s linear infinite;
}

#df-notice {
  animation: flash .75s linear;
  margin-top: 1em;
}

#df-notice a {
  display: block;
  overflow-wrap: break-word;
}

#progress-counter {
  margin-left: .2em;
}

.df-log a {
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

#df-export-log table {
  table-layout: fixed;
  width: 100%;
}

#df-export-log table tr:first-child td:nth-child(-n+2) {
  width: 15%;
}

#df-export-log-btn, #df-import-log-btn {
  cursor: pointer;
  height: 0;
  overflow: hidden;
}

.margin-0 {
  margin: 0;
}

.df-arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  margin-left: .5em;
  padding: 3px;
}

.df-arrow-up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.df-arrow-down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

@keyframes flash {
	0% { opacity: 1; }
	50% { opacity: .5; }
	100% { opacity: 1; }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}