
/*/  ticket #22961 - System requirements responsive table / */
.ds-ui-kit-scope .responsive-table__system-requirements { width: 100%; margin-bottom: 0; border-bottom: 2pt solid #c2c2c2 !important; }
.ds-ui-kit-scope .responsive-table__system-requirements .small-text { margin: 0; font-size: 14px; line-height: 20px; }
.ds-ui-kit-scope .responsive-table__system-requirements .small-text.red { color: red; }
.ds-ui-kit-scope .responsive-table__system-requirements .small-text.normal { font-weight: 400; }
.ds-ui-kit-scope .responsive-table__system-requirements .small-text.bold { font-weight: 600; }
.ds-ui-kit-scope .responsive-table__system-requirements p.red, .ds-ui-kit-scope .responsive-table__system-requirements .red { color: red; }
.ds-ui-kit-scope .responsive-table__system-requirements thead td.table-text-header { font-weight: 300; color: white; background-color: #717171; }
.ds-ui-kit-scope .responsive-table__system-requirements thead th { font-weight: 300; display: table-cell; color: white; background-color: #717171; }
.ds-ui-kit-scope .responsive-table__system-requirements thead th:first-of-type { text-align: left; }
.ds-ui-kit-scope .responsive-table__system-requirements thead th[data-title] { text-align: center; padding: 5px; }
.ds-ui-kit-scope .responsive-table__system-requirements thead th[data-title] > p { margin-top: 8px; padding-bottom: 8px; }
.ds-ui-kit-scope .responsive-table__system-requirements thead th[data-title] > p.align-left { text-align: left; padding-left: 12px; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody { display: table-row-group; padding: 0; text-align: left; white-space: normal; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr { display: table-row; display: table-row; margin-bottom: 1rem; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr.bg-white { background-color: white !important; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.016); }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr:nth-of-type(odd) { background-color: white; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr td { font-size: 18px; line-height: 20px; padding: 14px; border-bottom: 1px rgba(0, 0, 0, 0.08) solid; display: table-cell; text-align: center; border-bottom: 0; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr td p { margin-top: 0; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr td div.yes { display: inline-block; vertical-align: middle; font: normal normal normal 14px/1 'icon'; font-size: 22px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: background-color .3s ease; text-align: center; letter-spacing: 0; color: #14bf14; text-shadow: 0.05em 0.02em #bbbbbb; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr td div.yes::after { content: '\e90e'; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr td div.no { display: inline-block; vertical-align: middle; font: normal normal normal 14px/1 'icon'; font-size: 22px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: background-color .3s ease; text-align: center; letter-spacing: 0; color: red; text-shadow: 0.05em 0.02em #FFEBE5; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr td div.no::after { content: '\e911'; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr td.product { font-weight: 400; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr td.red { color: red; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr td.normal { font-weight: 400; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr td.bold, .ds-ui-kit-scope .responsive-table__system-requirements tbody tr td.product-category { text-align: left; font-weight: 600; border-top: 2pt solid #c2c2c2; background-color: #D6D6D6; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr td.divider { border-top: 2pt solid #c2c2c2; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr td[data-title] { text-align: left; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr td[data-title]:before { content: none; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr td:first-child { text-align: left; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr td:not(:first-child) { text-align: center; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr:nth-of-type(odd) { background-color: white !important; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr:last-of-type { margin-bottom: 0; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr.rowtitle { background-color: rgba(0, 0, 0, 0.08); font-size: 22px; line-height: 28px; font-weight: 400; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr.section-break-border { border-bottom: 1px solid #B3B3B3; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody tr:last-child { border-bottom: 2pt solid #c2c2c2 !important; }
.ds-ui-kit-scope .responsive-table__system-requirements thead { position: relative; overflow: auto; clip: auto; width: auto; height: auto; }
.ds-ui-kit-scope .responsive-table__system-requirements thead .is-colheader { display: none; }
.ds-ui-kit-scope .responsive-table__system-requirements tbody > tr > td .ds-lists { padding: 0; margin: 0; margin-top: 12px; line-height: 24px; }
@media (max-width: 720px) { .ds-ui-kit-scope .responsive-table__system-requirements thead { display: none; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody { display: table-row-group; padding: 0; text-align: left; white-space: normal; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr { margin-bottom: 1rem; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr:nth-of-type(even) { background-color: white; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr:nth-of-type(odd) { background-color: white; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr td { font-size: 18px; line-height: 20px; padding: 14px; padding-top: 7px; border-bottom: 1px rgba(0, 0, 0, 0.08) solid; display: table-cell; text-align: center; border-top: 1pt solid #EBEBEB; margin-top: 0px; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr td P { width: 100%; text-align: center; padding-left: 50%; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr td div.yes { width: 50%; display: inline-block; vertical-align: middle; font: normal normal normal 14px/1 'icon'; font-size: 22px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: background-color .3s ease; text-align: center; letter-spacing: 0; color: #14bf14; text-shadow: 0.05em 0.02em #bbbbbb; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr td div.yes::after { content: '\e90e'; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr td div.no { width: 50%; display: inline-block; vertical-align: middle; font: normal normal normal 14px/1 'icon'; font-size: 22px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: background-color .3s ease; text-align: center; letter-spacing: 0; color: red; text-shadow: 0.05em 0.02em #FFEBE5; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr td div.no::after { content: '\e911'; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr td.red { color: red; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr td.normal { font-weight: 400; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr td.bold, .ds-ui-kit-scope .responsive-table__system-requirements tbody tr td.product-category { padding-top: 10px; text-align: left; font-weight: 600; border-top: 18pt solid #F6F6F6; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr td.product { font-weight: 400; padding-top: 10px; text-align: left; display: table-cell; float: left; width: 100%; font-weight: 600; border-top: 1pt solid #c2c2c2; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr td[data-title] { text-align: left; display: table-cell; border-top: 1pt solid #EBEBEB; padding-top: 14px; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr td[data-title]:before { font-size: 16px; float: left; display: block; content: attr(data-title); color: rgba(0, 0, 0, 0.8); width: 50%; text-align: left; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr td:first-child { text-align: left; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr td:not(:first-child) { text-align: center; display: table-column; float: left; width: 100%; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr:nth-of-type(odd) { background-color: white !important; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr:last-of-type { margin-bottom: 0; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr.rowtitle { background-color: rgba(0, 0, 0, 0.08); font-size: 22px; line-height: 28px; font-weight: 400; }
  .ds-ui-kit-scope .responsive-table__system-requirements tbody tr.section-break-border { border-bottom: 1px solid #B3B3B3; } }
