#dm-uploader-errors {
  color: red;
  display: none;
}

.dm-uploader-wrapper {
  display: none;
}

#dropzone {
  border: 2px dashed #BBB;
  border-radius: 10px;
}

#dropzone.highlight {
  border: 2px dashed #f0be00;
}

.dm-uploader {
  text-align: center;
  margin: 30px 0 0 0;
  padding: 20px;
}

.dm-uploader.active {
  border-color: red;
  border-style: solid;
}

.dm-uploader h3 {
  margin-top: 0px !important;
  margin-bottom: 10px !important;
  font-size: 40px;
}

.dm-uploader .btn-primary {
  margin: 50px auto !important;
}

.btn-primary {
  color: #fff;
  background-color: #f0be00;
  border-color: #c0a000;
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #f0be00;
  border-color: #c0a000;
}

.btn-primary:hover {
  color: #fff;
  background-color: #ddaa00;
  border-color: #c0a000;
}

.shadow {
  filter: drop-shadow(0 0 0.2rem #000000);
}

div.container.big-margin {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.header1 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 50px;
}

.dm-uploader-files {
  width: 400px;
  margin: 30px auto;
}

.dm-uploader-files div {
  padding: 2px 7px;
  border-radius: 5px;
  margin: 1px 1px;
  display: inline-block;
  border-width: 1px;
  border-style: solid;
}

.dm-uploader-files div.file-new {
  border-color: #ccc;
  background-color: white;
  color: #777;
}

.dm-uploader-files div.file-success {
  border-color: #00ab33;
  background-color: #00ab33;
  color: white;
}

.dm-uploader-files div.file-fail {
  border-color: red;
  background-color: red;
  color: white;
}

.auth-form-wrapper {
  max-width: 300px;
  margin: 0 auto;
}

.doc-table {
   overflow: auto;
   margin: auto;
}

.doc-url {
  background: #272822;
  color: #f92672;
  padding:.2em .6em;
}

.doc-method {
  background: #333;
  color: #ae81ff;
  padding:.2em .6em;
}

.doc-description {
  background: #333;
  color: #e6db74;
  padding:.2em .6em;
}

.share-link-container {
  max-width: 350px;
  margin: 60px auto 50px auto;
}

.share-link-container .input-group-text {
  width: 55px;
}

.share-link-container input {
  width: 200px !important;
}

.share-link-container button {
  margin-left: 5px;
}

#copy-link-tooltip {
  width: 88px;
  height: 48px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-44px) translateY(-24px);
  display: none;
}

.demo-description {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 50px auto;
  justify-content: center;
  align-content: center;
}

.demo-description-text {
  padding-top: 6px;
}

.header1-main {
  margin-top: 100px;
}

#btn-new-feed {
  margin: 200px auto 0 auto;
}

#btn-login {
  width: 150px;
  margin: 70px auto 0 auto;
}

.error-message {
  display: none;
  color: red;
}

.result-wrapper {
  display: none;
}

.feed-info-study-name {
  font-weight: bold;
}

.result-fail-wrapper > h3 {
  color: red !important;
}

.result-done-wrapper > h3 {
  color: #17cf41 !important;
}

.service-selector-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.dm-uploader {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.dm-uploader .btn {
  position: relative;
  overflow: hidden
}

.dm-uploader .btn input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  width: 100%;
  opacity: 0;
  cursor: pointer
}

@font-face {
  font-family: 'Twemoji Country Flags';
  unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
  src: url('https://cdn.jsdelivr.net/npm/country-flag-emoji-polyfill@0.1.8/dist/TwemojiCountryFlags.woff2') format('woff2');
}

.win {
  font-family: "Twemoji Country Flags", "robotoregular", "Lucida Grande", Arial, Helvetica, sans-serif;
}