:host div,
:host label,
:host .label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
:host ::ng-deep cmf-core-controls-label > label,
:host cmf-core-controls-label > label > div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.changes-details {
  width: 100%;
  overflow-y: auto;
}
.changes-details .changes-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-left: 5px;
  margin-right: 5px;
}
.changes-details .changes-header .changes-title {
  -webkit-box-flex: 1;
          flex-grow: 1;
  opacity: 0.7;
  font-weight: bold;
}
.changes-details .changes-header .changes-close {
  font-size: 25px;
  margin-right: 15px;
  cursor: pointer;
}
.changes-details .changes-subheader {
  padding: 10px 20px 0 10px;
  display: -webkit-box;
  display: flex;
}
.changes-details .changes-subheader .changes-instance {
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  /* Added to make the propertyViewer respect the bounds */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.changes-details .changes-subheader /deep/ cmf-core-controls-selectList .cmf-core-controls-select-list > ul > li {
  margin-right: 12px;
}
.changes-details .change-property,
.changes-details .change-property-header {
  display: -webkit-box;
  display: flex;
}
.changes-details .change-property .property-title,
.changes-details .change-property-header .property-title,
.changes-details .change-property .property-name,
.changes-details .change-property-header .property-name,
.changes-details .change-property .property-old-value,
.changes-details .change-property-header .property-old-value,
.changes-details .change-property .property-new-value,
.changes-details .change-property-header .property-new-value {
  -webkit-box-flex: 1;
          flex: 1;
  /* Added to make the propertyViewer respect the bounds */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 4px;
}
.changes-details .change-property .property-name,
.changes-details .change-property-header .property-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.changes-details .change-property .property-old-value,
.changes-details .change-property-header .property-old-value {
  opacity: 0.7;
}
.changes-details .change-property .property-title,
.changes-details .change-property-header .property-title {
  text-transform: uppercase;
}
.changes-details .change-property-header {
  margin-bottom: 8px;
  opacity: 0.7;
}
.changes-details .changes-details-content {
  padding: 10px 10px 0 10px;
}