.incidence-charts {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  margin: 10px;
}
.incidence-reports .title {
  font-weight: bold;
  font-size: 14px;
}
.incidence-reports .title.list-title {
  margin: 10px 5px;
}
.incidence-charts .row1 {
  width: 100%;
  display: flex;
}
.incidence-charts .row2 {
  width: 100%;
}
.incidence-charts .small-chart {
}
.incidence-charts .chart {
  display: inline-block;
  height: 151px;
  margin-bottom: 20px;
}
.incidence-list {
  margin: 10px 0px 15px 15px;
}
.list-header,
.incidence-list .list {
  width: 950px;
}
.incidence-list .log {
  line-height: 1.5em;
  background: #eee;
  width: 100%;
  margin-bottom: 1px;
}
.incidence-list .list .log:first-child{
  margin-top: 1px;
}
.incidence-list .time {
  color: #999;
  width: 190px !important;
}
.incidence-list .header-item {
  color: black;
  font-size: 15px;
  font-weight: bold;
}
.log.header-row {
  height: 27px;
  width: 950px;
  display: table-cell;
  vertical-align: middle;
}
.incidence-list .driver {
  width: 130px !important;
}
.incidence-list .log div {
  display: inline-table;
  width: 160px;
  text-align: justify;
  margin: 4px 7px;
  word-wrap: break-word;
  display: inline-flex;
  /*background:transparent;*/
}
.edit-incidence {
  width: 20px !important;
  background: url('../icons/edit.png') no-repeat center;
  height: 15px;
}
.edit-incidence.header-item {
  background:transparent;
}
.delete-incidence {
  width: 20px !important;
}
.incidence-list .comment {
  width: 220px;
}
.incidence-list div.distance,
.incidence-list div.delay {
  width: 160px;
  padding-right: 10px;
  text-align: right;
}
.incidence-list .early {
  color: green;
}