.report-charts {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 20px;
  gap: 20px;
  align-items: center;
  align-content: stretch;
}
.report-charts > * {
  flex: 1;
}
.vulnerability-chart {
  height: 250px;
  width: 250px;
  margin-right: 20px;
}

// tr {
//   .vulnerability-chart {
//     height: 200px;
//     width: 200px;
//     margin-right: 20px;
//   }
//   .vulnerability-table {
//     height: 200px;
//   }
// }
.vulnerability-table {
  height: 250px;
  thead {
    tr {
      th {
        border: none;
        padding: 4px 8px !important;
      }
    }
  }
  tbody {
    tr {
      td {
        vertical-align: middle;
        padding: 4px 8px;
      }
    }
  }
}
.color-div {
  height: 10px;
  width: 10px;
  display: inline-block;
  margin-right: 5px;
}