.action-tracks {
  text-align: center;
}

.button-start-transcribing,
.button-start-reviewing,
.button-start-inactive {
  display: block;
  background-color: #00A3D8;
  color: #FFF;
  font-size: 16px;
  width: 90%;
  padding: 8px 12px;
  margin: 0 auto 5px auto;
  text-align: center;
}

.button-start-reviewing {
  background-color: #df5400;
}

.button-start-inactive {
  background-color: #C0C0C0;
}

.transcribr_site-user-activities li {
  margin-bottom: .5em;
}

.transcribr_site-user-activities li .date {
  display: block;
  font-size: .8em;
}

.transcribr_site-status-0,
.transcribr_site-status-2,
.transcribr_site-status-4,
.transcribr_site-status-8 {

}

.act-caption { position: relative; }

.asset-button {
  display: inline-block;
  margin: 0 5px;
  padding: 2px 4px;
  background: #ECECEC;
  cursor: pointer;
  font-size: .8em;
}

.asset-button.none {
  padding: 2px 4px 2px 5px;
}

.asset-button.active {
  background-color: #777;
  color: #FFF;
}

/* 220 - 10 / 4 = 49 */
/* 220 - 10 / 3 = 70 */
.act-caption .b1,
.act-caption .b2,
.act-caption .b3,
.act-caption .b4 {
  position: absolute;
  bottom: 3px;
  left: 4px;
  width: 65px;
  height: 6px;
  background-color: #888;
}

.act-caption .b2 { left: 72px; }
.act-caption .b3 { left: 140px; }
.act-caption .b4 { left: 208px; }

.transcribr_site-status-0 .b1,
.transcribr_site-status-1 .b1 {}

.asset-button.transcription.active,
.transcribr_site-status-2 .b1 { background-color: #BF2316; }

.asset-button.review.active,
.transcribr_site-status-4 .b1,
.transcribr_site-status-4 .b2 { background-color: #f6d607; }
.asset-button.review.active { color: #000; }

.asset-button.approval.active,
.transcribr_site-status-8 .b1,
.transcribr_site-status-8 .b2,
.transcribr_site-status-8 .b3 { background-color: #6fcf6f; }

.transcribr_site-status-10 .b1,
.transcribr_site-status-10 .b2,
.transcribr_site-status-10 .b3,
.transcribr_site-status-10 .b4 { background-color: #6fcf6f; } /*62b6eb*/

.completion-progress {
  margin: 15px 0;
}

#asset-group-controls { margin-top: 15px; }

.text-status-wrapper {
  line-height: 1.5em;
  background-color: #d7d7d7;
  border: 1px solid #d7d7d7;
  padding: 5px;
}

.text-status-wrapper strong {
  font-weight: bold;
  padding: 0 10px;
  border-radius: 10px;
  margin-right: 10px;
  -webkit-border-radius: 10px;
  background-color: #EFEFEF;
}

.meter-wrapper {
  height: 16px;
  width: 100%;
  background-color: #EFEFEF;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
}

.meter-status-2,
.meter-status-4,
.meter-status-8,
.meter-status-10 {
  float: left;
  height: 16px;
}

.text-status-wrapper strong.text-status-2,
.meter-status-2 { background-color: #BF2316; color: #FFF; }

.text-status-wrapper strong.text-status-4,
.meter-status-4 { background-color: #f6d607; }

.text-status-wrapper strong.text-status-8,
.meter-status-8 { background-color: #6fcf6f; }

.text-status-wrapper strong.text-status-10,
.meter-status-10 { background-color: #6fcf6f; } /*62b6eb*/

.activity-stream {
  margin-bottom: 3em;
}

.activity-stream li {
  position: relative;
  padding-left: 25px;
  margin-bottom: .5em;
}

.activity-stream li.header { padding-left: 0; }

.activity-stream h3 {
  margin-top: 1em;
}

.activity-stream .meter-status-2,
.activity-stream .meter-status-4,
.activity-stream .meter-status-8,
.activity-stream .meter-status-10 {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 16px;
  width: 16px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  text-align: center;
  line-height: 16px;
}

.contributions-list .contribution-stat {
  margin: 1em auto;
}


/*
.box.red { background-color: #BF2316; overflow:auto; }
.box.yellow { background-color: #f6d607; overflow:auto; }
.box.green { background-color: #6fcf6f; overflow:auto; }
.box.blue { background-color: #009; overflow:auto; }
*/

.box.yellow a { color: #000; }

/* adding for table display of dasch template items. */
table.view-dasch-table, table.view-dasch-table th, table.view-dasch-table td {
  border: 1px solid #D7D7D7;
  padding: 2px 2px 2px 2px;
}

.view-reg-header {
  width: 59px;
}

.view-date-header {
  width: 111px;
}

.view-comment-header {
  width: 276px;
}

/**
 * Asset search
 */
.transcribr_site-search-form .transcribr_site-search-form-filters {
  margin: 1em 0;
  overflow: auto;
}

.transcribr_site-search-form .transcribr_site-search-form-filters .form-item {
  margin: 0 2px 0 0;
  padding: 0 10px;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  min-width: 50px;
  height: 35px;
  display: block;
  float: left;
  background-color: #ffffff;
  font-size: .75em;
  line-height: 33px;
  color: #777;
  text-align: center;
}

/* Limit the search input's width because it is significantly longer in Windows Chrome and causes wrapping. */
.transcribr_site-search-form .transcribr_site-search-form-filters .form-item-keys input {
  max-width: 250px;
}

.transcribr_site-search-form .transcribr_site-search-form-filters .form-submit {
  margin: 0;
  padding: 8px 12px;
  border: none;
  box-sizing: border-box;
  height: 35px;
  display: block;
  background-color: #00A3D8;
  font-size: 16px;
  font-family: Tauri, sans-serif;
  color: #fff;
  text-align: center;
  outline: none;
}

.transcribr_site-search-form .transcribr_site-search-form-filters .form-submit:active {
  background-color: #0078a4;
}

.transcribr_site-search-help-text {
  margin-top: 2em;
}

h2 + .transcribr_site-search-help-text {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #d7d7d7;
}

.transcribr_site-search-help-text p {
  margin: 1em 0;
}

.transcribr_site-search-help-text ul {
  margin-top: .5em;
  padding-left: 1em;
  list-style-type: disc;
}

.transcribr_site-search-help-text strong {
  font-family: Courier, Courier New, monospace;
  font-weight: bold;
  line-height: 1;
  color: #0592a5;
}

.transcribr_site-row_count {
  margin-bottom: 1em;
}

.transcribr_site-results,
.transcribr_site-results th,
.transcribr_site-results td {
  padding: 5px;
  vertical-align: top;
}

.transcribr_site-results {
  margin-bottom: 1em;
  border-bottom-width: 2px;
  background-color: #fff;
  width: 100%;
}

.transcribr_site-results th {
  border: none;
  background-color: #343434;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
}

.transcribr_site-results td {
  border: 1px solid #d7d7d7;
}

.transcribr_site-results .asset-thumbnail {
  text-align: center;
}

.transcribr_site-results .asset-thumbnail .wrapper {
  border: 1px solid #000;
  width: 75px;
  height: 75px;
  position: relative;
  overflow: hidden;
  background-color: #000;
}

.transcribr_site-results .asset-thumbnail .wrapper img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.transcribr_site-results .csc-link::after {
  margin-left: .25em;
  display: inline-block;
  width: 1em;
  height: 1em;
  content: "";
  background: url('images/collections-logo.png') 0 0 / contain no-repeat;
}

.transcription-form-content .viewer p {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}

.segment-title {
  text-align: center;
  color: #000;
  position: absolute;
  bottom: 65px;
  left: 0;
  right: 0;
}

.difficulty {
  font-size: 1rem;
  padding: 5px 0;
}
.difficulty h3 {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  font-size: 0.9rem;
}
.difficulty .difficulty-off {
  background-color: #e0e0e0;
  width: 10px;
  margin-right: 2px;
  display: inline-block;
  height: 17px;
  vertical-align: middle;
}
.difficulty .difficulty-on {
  background-color: #00A3D8;
  width: 10px;
  margin-right: 2px;
  display: inline-block;
  height: 17px;
  vertical-align: middle;
}
.difficulty .difficulty-text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
}