:host {
  height: 100%;
  width: 100%;
}

.btn.with-border {
  background: none;
  border: 1px solid var(--color-ti-primary-blue);
  outline: none;
}

.err-cntr {
  height: 45px;
}

.err-tag {
  background-color: var(--color-ti-selection-blue-light);
  color: var(--color-ti-primary-red);
  padding: 5px 10px;
  border-radius: 4px;
  height: 30px;
}

.err-tag.check {
  color: var(--color-ti-indicator-green);
}

.footer {
  height: 45px;
}

.icon {
  height: 20px;
  width: 30px;
}

.icon.check {
  color: var(--color-ti-indicator-green);
}

.icon-with-border {
  height: 20px;
  width: 20px;
  border: 2px solid var(--color-ti-primary-blue);
  color: var(--color-ti-primary-blue);
  border-radius: 25px;
}

.report-section,
.report-content {
  width: 100%;
}

.report-list {
  margin: 0px 7px;
}

.report-contr {
  width: 85%;
}

.report-content {
  width: 500px;
  background-color: var(--color-ti-bg-grey);
  max-height: 150px;
  overflow: auto;
}

.report-title-container {
  width: 500px;
  color: var(--color-ti-primary-blue);
  background-color: var(--color-ti-bg-grey);
  font-size: 13px;
  height: 30px;
}

.title-container {
  width: 250px;
  padding: 0px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.report-left-section,
.report-right-section {
  background-color: var(--color-ti-bg-grey-02);
  padding: 3px;
  height: 100%;
  width: 49.5%;
}