.logs-view-element .header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .logs-view-element {
    min-width: 300px;
  }

  .logs-view-element #bar-chart {
    display: none;
  }

  .logs-view-element .date-line {
    display: block;
    margin-bottom: 10px;
  }

  .logs-view-element .date-line-caption {
    display: inline-block;
    width: 50px;
    text-transform: capitalize;
  }

  .logs-view-element .manager-header {
    padding-bottom: 82px;
  }
}

.logs-view-element .table-container {
  min-height: 200px;
}

.logs-view-element .manager-header .header-text {
  font-size: 24px;
  vertical-align: middle;
}

.logs-view-element .manager-header .header-text .mini {
  font-size: 18px;
  color: #999;
  margin-left: 10px;
}

.logs-view-element .logs-date-picker {
  width: 122px;
}

.logs-view-element .datepicker {
  padding: 12px;
}

.logs-view-element .datepicker button {
  border: 0px;
}

.logs-view-element .manager-header input {
  font-size: 14px;
  text-align: center;
  border: 1px solid #eee;
  padding: 4px;
  border-radius: 4px;
  margin-left: 4px;
  margin-right: 4px;
}

.logs-view-element .manager-header .right {
  float: right;
  margin-left: 10px;
}

.logs-view-element .log i.fa {
  margin-right: 6px;
}

.logs-view-element .log .circle {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 6px;
  margin-top: 7px;
  vertical-align: middle;
  float: left;
}

.logs-view-element .log .log-description {
  margin-left: 20px;
  display: block;
  line-height: 25px;
}

.logs-view-element .log .log-description code {
  max-width: 200px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.logs-view-element .log-performer {
  white-space: nowrap;
}

.logs-view-element .side-controls .filter-input {
  vertical-align: middle;
}

.logs-view-element .side-controls {
  float: none !important;
  text-align: right;
  margin-bottom: 20px;
}