/* Button-specific styling for ajaxtables cells. */

div.ajaxtable_container table tr td.hasButton {
  white-space: nowrap;
}

div.ajaxtable_container table tr td.hasButton.ajaxtable_div {
  white-space: normal;
  padding: 6px;
}

div.ajaxtable_container table tr td.hasButton span.ajaxtable_cell_content,
div.ajaxtable_container table tr td.hasButton>a,
div.ajaxtable_container table tr td.hasButton>span.dataChangeButton,
div.ajaxtable_container table tr td.hasButton>div.dataChangeButton {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  border-radius: 4px;
  padding: 4px;
  transition: color 0.18s ease;
}

div.ajaxtable_container table tr td.hasButton span.dataChangeButton,
div.ajaxtable_container table tr td.hasButton a.dataChangeButton,
div.ajaxtable_container table tr td.hasButton div.dataChangeButton {
  /* Keep empty ajaxform/dataChangeButton variants aligned with populated buttons. */
  min-height: 26px;
  box-sizing: border-box;
}

div.ajaxtable_container table tr td.hasButton span.dataChangeButton {
  /* Keep a stable line box when the ajaxform wrapper spans the cell content. */
  width: calc(100% - 8px);
  display: inline-block;
  position: relative;
  padding-right: 34px;
  min-height: 36px;
}

div.ajaxtable_container table tr:hover td.hasButton span.dataChangeButton {
  background-color: #f4f4f4;
}

div.ajaxtable_container table tr.ajaxtable_bulkRowSelected:hover td.hasButton span.dataChangeButton {
  background-color: white;
}

div.ajaxtable_container table tr td.hasButton span.dataChangeButton:hover span.ajaxtable_cell_content {
  color: var(--lor-color);
}

div.ajaxtable_container table tr:hover td.hasButton span.dataChangeButton:hover svg.dataButtonIcon {
  color: var(--lor-color);
}

div.ajaxtable_container table tr:hover td.hasButton span.dataChangeButton:hover svg.dataButtonIcon:hover {
  color: var(--lor-color-dark);
  cursor: pointer;
  transform:scale(1.1);
  transition: transform 0.2s ease-in-out;
}

div.ajaxtable_container table tr td.hasButton span.dataChangeButton span.awfClass {
  /* Anchor the opener icon to the right edge even when wrapped content grows. */
  position: absolute;
  top: calc(50% - 9px);
  right: 8px;
}

div.ajaxtable_container table tr td.hasButton span.dataChangeButton span.ajaxtable_cell_content {
  display: block;
  max-width: 100%;
}

div.ajaxtable_container table tr td.hasButton>span.dataChangeButton:not(:first-child),
div.ajaxtable_container table tr td.hasButton>div.dataChangeButton:not(:first-child) {
  margin-left: 8px;
}

div.ajaxtable_container table tr td.hasButton span.ajaxformButton svg.dataButtonIcon {
  /* Only the icon keeps the opener attributes for wrapped text cells. */
  float: right;
}

div.ajaxtable_container table tr td.hasButton.ajaxtable_div>div.ajaxtable_divElement.dataChangeButton {
  display: inline-block;
  min-width: 80px;
  padding: 8px 4px;
  margin: 1px 2px 1px 0;
  border-radius: 4px;
  background-color: var(--ajaxtable-color-text-link);
  color: #fff;
  font-size: 13px;
  font-weight: inherit;
  line-height: 16px;
  position: static;
  top: auto;
  left: auto;
  float: none;
  text-align: center;
  transition: background-color 0.18s ease, color 0.18s ease;
  vertical-align: baseline;
}

div.ajaxtable_container table tr td.hasButton.ajaxtable_div>div.ajaxtable_divElement.dataChangeButton:hover {
  background-color: var(--ajaxtable-color-text-link-hover);
  cursor: pointer;
}

div.ajaxtable_container table tr td.hasButton {
  padding: 5px;
}

div.ajaxtable_container table tr td.ajaxtable_onoff {
  padding-left: 1px;
  padding-right: 1px;
}

div.ajaxtable_container table tr td.hasButton > span.ajaxtable_onoff > i.dataChangeButton,
div.ajaxtable_container table tr td.hasButton > span.ajaxtable_onoff > svg.dataChangeButton {
  cursor: pointer;
  transition: color 0.18s ease, transform 0.2s ease-in-out;
}

div.ajaxtable_container table tr td.hasButton > span.ajaxtable_onoff > i.dataChangeButton:hover,
div.ajaxtable_container table tr td.hasButton > span.ajaxtable_onoff > svg.dataChangeButton:hover {
  color: var(--ajaxtable-color-text-link-hover) !important;
  transform: scale(1.1);
}