/* WCFM Integration */
#wcfm_wholesalex_dynamic_rules .wcfmfa.wholesalex_wcfm_logo {
  margin-top: 20px;
}
.wholesalex_logo {
  max-height: 25px;
}

/* WordPress DataView Component */
.dataviews-view-table
  tr
  .dataviews-item-actions
  .components-button:not(.dataviews-all-actions-button) {
  opacity: 0;
}
.dataviews-view-table
  tr:hover
  .dataviews-item-actions
  .components-button:not(.dataviews-all-actions-button) {
  opacity: 1;
}
.dataviews-item-actions .wsx-data-views-action-label {
  display: none;
}
.dataviews-view-table th {
  text-align: start;
}
.dataviews__view-actions,
.dataviews-filters__container {
  box-sizing: border-box;
  padding: 16px 24px;
  flex-shrink: 0;
  position: sticky;
  left: 0;
  background-color: inherit;
}
#wholesalex-react-root table.dataviews-view-table {
  margin: 0;
  border-collapse: collapse;
}
#wholesalex-react-root table.dataviews-view-table.has-comfortable-density td,
#wholesalex-react-root table.dataviews-view-table.has-comfortable-density th {
  padding: 16px 12px !important;
}
#wholesalex-react-root table.dataviews-view-table.has-compact-density td,
#wholesalex-react-root table.dataviews-view-table.has-compact-density th {
  padding: 4px 8px !important;
}
#wholesalex-react-root table.dataviews-view-table tr td:first-child,
#wholesalex-react-root table.dataviews-view-table tr th:first-child {
  padding-left: 24px !important;
}
#wholesalex-react-root table.dataviews-view-table tbody tr {
  border-top: 1px solid #cccccc;
}
.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper {
  min-height: 32px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.dataviews-footer {
  position: sticky;
  bottom: 0;
  left: 0;
  background-color: inherit;
  padding: 12px 24px;
  border-top: 1px solid #cccccc;
  flex-shrink: 0;
}
.dataviews-pagination {
  gap: 24px !important;
}
.dataviews-pagination > * {
  gap: 4px !important;
}
.dataviews-settings-section.dataviews-settings-section {
  grid-template-columns: 1fr;
}
.dataviews-settings-section.dataviews-settings-section
  .dataviews-settings-section__content {
  grid-template-columns: 1fr;
}
.dataviews-settings-section.dataviews-settings-section
  .dataviews-settings-section__content
  > div {
  display: flex;
  gap: 16px !important;
}
.dataviews-settings-section.dataviews-settings-section
  .dataviews-settings-section__content
  > div
  > * {
  width: 100%;
}
.dataviews-view-config__properties {
  margin-top: -16px;
}

/* WCFM Css Override */
#wholesalex-react-root
  .components-checkbox-control__input[type="checkbox"]:checked {
  background: var(
    --wp-components-color-accent,
    var(--wp-admin-theme-color, #3858e9)
  );
  border-color: var(
    --wp-components-color-accent,
    var(--wp-admin-theme-color, #3858e9)
  );
}
#wholesalex-react-root svg.components-checkbox-control__checked {
  --checkmark-size: calc(var(--checkbox-input-size) + 10px);
  fill: #fff;
  cursor: pointer;
  height: var(--checkmark-size);
  left: 55%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-user-select: none;
  user-select: none;
  transform: translate(-45%, -50%);
  width: var(--checkmark-size);
  -webkit-transform: translate(-45%, -50%);
  -moz-transform: translate(-45%, -50%);
  -ms-transform: translate(-45%, -50%);
  -o-transform: translate(-45%, -50%);
}