.license-activity {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0.25em;
  text-align: center;
}

.license-activity.href {
  cursor: pointer !important;
}

.license-activity .logo {
  float: none;
  margin: 0 auto 5px;
  max-height: 4rem;
  height: 100%;
}

.license-activity .title {
  float: left;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

.license-activity .period {
  float: left;
  width: 100%;
  font-size: 0.75em;
  font-style: italic;
}

.license-activity .heading {
  float: left;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 0.5em;
  word-break: break-word;
}

.license-activity .key {
  float: left;
  width: 80%;
  text-align: left;
}

.license-activity .value {
  float: left;
  width: 20%;
  text-align: right;
}

.license-activity-shortcode {
  position: relative;
  width: 100%;
  text-align: left;
}

.license-activity-shortcode .period {
  float: left;
  width: 100%;
  font-size: 0.54em;
  margin-bottom: 1em;
}

.license-activity-shortcode .heading {
  float: left;
  width: 100%;
  font-size: 1.0em;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

.license-activity-shortcode .list {
  float: left;
  width: 100%;
}

.license-activity-shortcode .list .list-entry {
  float: left;
  width: 100%;
}

.license-activity-shortcode .list .list-entry .pair {
  float: none;
  width: 100%;
  max-width: 300px;
  /*margin: 0 auto;  --- to be centered*/
}

.license-activity-shortcode .list .list-entry .pair .key {
  float: left;
  width: 70%;
  text-align: left;
}

.license-activity-shortcode .list .list-entry .pair .value {
  float: left;
  width: 30%;
}

.license-activity-shortcode .user {
  position: relative;
  float: left;
  width: 100%;
  border: solid lightgrey;
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1rem;
}

.license-activity-shortcode img.collapse,
.license-activity-shortcode img.expand {
  float: right;
  width: 1rem;
  margin-left: 1rem;
  cursor: pointer;
}

.license-activity-shortcode .collapsable,
.license-activity-shortcode img.collapse,
.license-activity-shortcode img.expand {
  display: none;
}
.license-activity-shortcode .collapsable.active,
.license-activity-shortcode img.collapse.active,
.license-activity-shortcode img.expand.active {
  display: block;
}

.license-activity-shortcode .user .title {
  float: left;
  width: calc(100% - 2rem)
}

.license-activity-shortcode .user .activity {
  float: left;
  width: 100%;
}

.license-activity-shortcode .user .boxing {
  float: left;
  display: flex;
  flex-wrap: wrap;
}

.license-activity-shortcode .user .block {
  float: left;
  width: 100%;
  max-width: 200px;
  text-align: center;
  overflow-x: clip;
}

.license-activity-shortcode .user .devicesHeading {
  float: left;
  width: 100%;
  font-style: italic;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 1em;
}

.license-activity-shortcode .user .block .heading {
  font-weight: bold;
}

.license-activity-shortcode .user .block .entry {
  font-weight: normal;
}