.report-div .report-field-div {
  float: left;
  width: 370px;
}

.report-div .report-button-div {
  float: left;
  margin-top: 42px;
  margin-left: 20px;
}

.report-div .report-button-div button:hover {
  background-color: #bcf9bc;
  cursor: pointer;
}

.report-div .report-button-div button {
  text-align: center;
  padding: 8px 16px;
  color: #139dd8;
  border: 2px solid #139dd8;
  background-color: #fff;
  margin-top: -8px;
  margin-bottom: 5px;
  border-radius: 1px;
  text-transform: uppercase;
}

.report-div li > label {
  width: 120px;
  flex: none;
}

.report-div .table-colour th {
  color: white;
  font-weight: bold;
  padding: 10px 20px;
  background-color: rgb(91, 155, 213);
}

.report-div .table-colour tr:nth-child(odd) {
  background: rgb(222, 234, 246) !important;
}

.report-div .table-colour td {
  padding: 5px 10px;
}

.report-div .table-colour strong {
  font-weight: bold;
}

.report-div .table-colour .sub th {
  background-color: rgb(120, 110, 138) !important;
}

.report-div .table-colour .sub td {
  text-align: center;
}

.report-div .table-colour .sub .border-top,
.report-div .table-colour .sub .border-bottom {
  border-top: 2px solid #786e8a;
}

.report-div .table-wrapper {
  width: 98%;
  overflow: auto;
}

.flipped {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg); /* Safari and Chrome */
}

.report-div .u-link {
  text-decoration: underline;
  cursor: pointer;
}

#scroll-style::-webkit-scrollbar-track {
  background-color: #786e8a;
}

#scroll-style::-webkit-scrollbar {
  height: 25px;
}

#scroll-style::-webkit-scrollbar-thumb {
  background-color: #5b9bd5;
  border: 1px solid #ffffff;
}