.asyncindex .log-container {
  position: relative;
}
.asyncindex .log-container #is_developer {
  position: absolute;
  right: 0px;
  top: 4px;
}
.asyncindex .log-container #detailed_log {
  display: block;
  height: 20px;
  padding: 0px;
  margin-top: 10px;
  overflow-y: hidden;
  overflow-x: hidden;
  position: relative;
  border: 1px solid #dadfe0;
}
.asyncindex .log-container #detailed_log.visible-true {
  height: 400px;
  padding: 25px 10px;
  overflow-y: scroll;
}
.asyncindex .log-container #detailed_log pre {
  padding: 0px !important;
  margin: 0px !important;
  text-align: left;
  line-height: 14px;
  font-size: 11px;
}
.asyncindex .log-container #detailed_log .status {
  display: block;
  width: 100%;
  padding: 1px 10px;
  position: absolute;
  top: 0px;
  left: 0px;
  color: #fff !important;
  font-weight: bold;
  text-align: left;
}
.asyncindex .log-container #detailed_log .status.processing {
  background: #ff9c00;
}
.asyncindex .log-container #detailed_log .status.waiting {
  background: #FC8300;
}
.asyncindex .log-container #detailed_log .status.success {
  background: #3cb861;
}
.asyncindex .log-container #detailed_log .status.error {
  background: #e41101;
}
.asyncindex .log-container #detailed_log .indicator {
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 3px;
  right: 10px;
}
.asyncindex .log-container #detailed_log tr td {
  padding: 2px 10px 2px 10px;
}
.asyncindex .log-container #detailed_log tr td.state {
  width: 150px;
}
.asyncindex .log-container #detailed_log tr td.processing-time {
  width: 90px;
}
.asyncindex .log-container #detailed_log tr td.since {
  width: 200px;
  text-align: right;
}
.asyncindex .log-container #detailed_log tr:hover td {
  background: #dfd;
}