.logs-box_wrapper {
  background-color: #fff;
  border: 1px solid #eee;
  display: flex;
  flex-direction: column;
  margin: 0 1% 10px;
  padding: 10px 20px;
}

.logs-box_header {
  color: #cb4240;
  display: flex;
  flex-direction: row;
}

.logs-box {
  background-color: #efe1e3;
  color: #363636;
  font-size: 12px;
  line-height: 16px;
  margin-top: 10px;
  padding: 10px;
}

.logs-box_date {
  align-self: flex-end;
  color: #929292;
  font-size: 12px;
  margin-left: 4%;
}

.logs-box_type {
  font-size: 12px;
  letter-spacing: 0.2px;
}

.align_end {
  margin-left: auto;
}

.logs-header {
  border-bottom: 1px solid #eee;
  display: flex;
  font-size: 14px;
  margin: 0 1% 10px;
}

.logs-range {
  align-self: flex-end;
  display: flex;
  font-size: 12px;
  padding-bottom: 8px;
}

.logs-dateRange {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 11px;
}

.logs-box_text_label {
  color: red;
}

.logs-infoLog {
  color: #3fbed7;
}

.logs-successLog {
  color: green;
}

.logs-errorLog {
  color: red;
}

.logs-infobox {
  background-color: rgba(222, 237, 242, 0.5);
}

.logs-successbox {
  background-color: rgba(227, 233, 230, 0.6);
}

.logs-errorbox {
  background-color: rgba(239, 225, 227, 0.5);
}

.logs-download {
  align-self: center;
  font-size: 12px;
  margin-left: auto;
  padding-right: 3%;
}

.logs-download a {
  text-decoration: none;
}

#logs-count {
  background-color: #929292;
  color: #fff;
  font-size: 8px;
  letter-spacing: 1px;
  margin-left: 4px;
  padding: 3px 5px;
  vertical-align: super;
}

.logs-inner-container {
  background-color: white;
  overflow: auto;
  padding: 2rem;
}