* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* QR API / legacy hide rules */
.qr-api-main {
  display: none;
}

div#qr-dynamic-content section.section-content-qr-spaced-table .w-layout-blockcontainer.container-banner.bg-gradient-line-image.w-container {
  display: none;
}

div#qr-dynamic-contents section.qr-api-section {
  display: none;
}

/* QR Contents table - legacy AGMS style */
#qr-dynamic-content {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  padding: 30px 0 44px;
  color: #000;
}

#qr-dynamic-content .qr-contents-table-wrapper {
  width: 100%;
  margin: 0 auto;
  overflow-x: auto;
}

#qr-dynamic-content .qr-contents-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  color: #000;
  font-size: 18px;
  line-height: 1.25;
  background: #fff;
  border: 2px solid #000;
}

#qr-dynamic-content .qr-contents-table td {
  padding: 11px 14px;
  color: #000;
  vertical-align: middle;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  background: #fff;
  font-weight: 400;
}

#qr-dynamic-content .qr-contents-table tr:last-child td {
  border-bottom: none;
}

#qr-dynamic-content .qr-contents-table td:last-child {
  border-right: none;
}

/* Middle title column grey only */
#qr-dynamic-content .qr-contents-table td.qr-contents-title-cell {
  background: #d9d9d9;
}

#qr-dynamic-content .qr-contents-number {
  width: 58px;
  text-align: center;
  font-weight: 700;
}

#qr-dynamic-content .qr-contents-title-cell {
  width: 52%;
  font-weight: 700;
}

#qr-dynamic-content .qr-contents-composer {
  width: 40%;
  font-weight: 700;
}

#qr-dynamic-content .qr-contents-title-link {
  color: #000;
  font-weight: 700;
  text-decoration: none;
}

#qr-dynamic-content .qr-contents-title-link:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  #qr-dynamic-content {
    max-width: 100%;
    padding: 22px 12px 30px;
  }

  #qr-dynamic-content .qr-contents-table {
    font-size: 14px;
  }

  #qr-dynamic-content .qr-contents-table td {
    padding: 8px 7px;
  }

  #qr-dynamic-content .qr-contents-number {
    width: 38px;
  }

  #qr-dynamic-content .qr-contents-title-cell {
    width: 50%;
  }

  #qr-dynamic-content .qr-contents-composer {
    width: 42%;
  }
}