/* In order to use this import, make sure you have the bourbon setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "bourbon";
 */
/* In order to use this import, make sure you have the bourbonneat setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "neat";
 */
/* In order to use this import, make sure you have the breakpoint setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "breakpoint";
 */
/* Animation definitions */
.block--featuresnew {
  max-width: 100%;
  width: 1210px;
  margin: 0 auto;
  padding: 0.25rem 20px;
}

.block--featuresnew .brick__inner {
  padding: 0.25rem 20px;
}

.block--featuresnew .table--features .show-more-button,
.block--featuresnew .table--features .show-less-button {
  font-weight: 700;
  color: #46AEF8;
  padding-right: 1.5rem;
  text-decoration: none;
  position: relative;
  display: inline-block;
}

.block--featuresnew .table--features .show-more-button::after,
.block--featuresnew .table--features .show-less-button::after {
  border-style: solid;
  border-color: #46AEF8;
  border-width: 2px 2px 0 0;
  content: '';
  height: 7px;
  width: 7px;
  position: absolute;
  right: 0;
  top: 0.25rem;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.block--featuresnew .table--features .show-more-button:hover,
.block--featuresnew .table--features .show-less-button:hover {
  cursor: pointer;
}

.block--featuresnew .table--features .show-less-button::after {
  top: 0.5rem;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.block--featuresnew .tablefield-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block--featuresnew .tablefield-wrapper .small-only {
  display: none;
}

.block--featuresnew .tablefield-wrapper .large-only {
  display: block;
}

.block--featuresnew .tablefield-wrapper table {
  width: 100%;
  border-collapse: unset;
  border-spacing: 1rem;
  color: #084975;
}

.block--featuresnew .tablefield-wrapper table tr:first-child td:nth-child(2) {
  font-weight: bold;
}

.block--featuresnew .tablefield-wrapper table tr:first-child td:nth-child(3) {
  font-size: initial;
  font-weight: bold;
}

.block--featuresnew .tablefield-wrapper table tr:first-child td:nth-child(3):first-letter {
  font-size: inherit;
}

.block--featuresnew .tablefield-wrapper table tr:first-child td:nth-child(4) {
  font-size: initial;
  font-weight: bold;
  padding: 0 35px;
}

.block--featuresnew .tablefield-wrapper table th {
  width: 25%;
  font-size: 1.5rem;
  padding: 1rem 0;
  border-bottom: 1px solid #084975;
  text-align: center;
}

.block--featuresnew .tablefield-wrapper table th .deprecated {
  font-size: 12px;
  font-weight: normal;
}

.block--featuresnew .tablefield-wrapper table th .product-name {
  text-decoration: none;
}

.block--featuresnew .tablefield-wrapper table th .product-name a {
  color: #084975;
}

.block--featuresnew .tablefield-wrapper table tr.hasText td {
  border-bottom: 3.5px solid rgba(8, 73, 117, 0.2);
}

.block--featuresnew .tablefield-wrapper table td {
  padding: 0 0 0.5rem;
  border-bottom: 1px solid rgba(8, 73, 117, 0.2);
}

.block--featuresnew .tablefield-wrapper table td:nth-child(1) {
  font-weight: 700;
}

.block--featuresnew .tablefield-wrapper table td:nth-child(3), .block--featuresnew .tablefield-wrapper table td:nth-child(4), .block--featuresnew .tablefield-wrapper table td.col_2, .block--featuresnew .tablefield-wrapper table td.col_3 {
  width: 20%;
  font-size: 1.85rem;
  text-align: center;
  overflow: hidden;
  background-size: 1rem 1rem;
  background-repeat: no-repeat;
  background-position: center;
}

.block--featuresnew .tablefield-wrapper table td:nth-child(3), .block--featuresnew .tablefield-wrapper table td.col_2 {
  color: #46AEF8;
  font-size: 16px;
}

.block--featuresnew .tablefield-wrapper table td:nth-child(3):first-letter, .block--featuresnew .tablefield-wrapper table td.col_2:first-letter {
  font-size: 30px;
}

.block--featuresnew .tablefield-wrapper table td:nth-child(4), .block--featuresnew .tablefield-wrapper table td.col_3 {
  color: #F99D25;
}

@media screen and (max-width: 600px) {
  .block--featuresnew .tablefield-wrapper .large-only {
    display: none;
  }
  .block--featuresnew .tablefield-wrapper .small-only {
    display: block;
  }
}

/*# sourceMappingURL=maps/tablefield.css.map */