.acf-field[data-name="apartment_fees"] .acf-table tbody {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.acf-field[data-name="apartment_fees"] .acf-table tbody tr.acf-row {
  position: relative;
  display: flex;
  flex-direction: row !important;
  width: 100% !important;
  background: #f8f9fa;
  border: 1px solid #ccd0d4;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

.acf-field[data-name="apartment_fees"] .acf-row td {
  border: none !important;
  padding: 15px 0 !important;
}

.acf-field[data-name="apartment_fees"] td.acf-fields {
  order: 2;
  width: 100%;
  background-color: #f8f9fa;
}

.acf-field[data-name="apartment_fees"] .acf-fields > .acf-field:first-child {
  background-color: #fff;
  border-left: 1px solid #d5d9dd !important;
  border-top: 1px solid #d5d9dd;
  border-right: 1px solid #d5d9dd;
}

.acf-field[data-name="apartment_fees"] .acf-field.acf-accordion {
  border-left: 1px solid #d5d9dd !important;
  border-right: 1px solid #d5d9dd;
}

.acf-field[data-name="apartment_fees"] .acf-row-handle.order {
  display: flex;
  align-items: center;
  justify-content: center;
  order: 1;
  background: #f8f9fa;
  border-bottom: 1px solid #ccd0d4;
  padding: 8px 10px !important;
  font-weight: bold;
}

.acf-field[data-name="apartment_fees"] td.acf-row-handle.remove {
  padding: 12px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  order: 3;
  a {
    position: relative;
    margin: 6px 0;
    top: auto;
  }
}

.acf-switch.-on {
    background: var(--wp-admin-theme-color) !important;
    > .acf-switch-off {
      background: var(--wp-admin-theme-color) !important;
    }
}

@media (max-width: 782px) {
  .acf-field[data-name="apartment_fees"] .acf-table tbody {
    grid-template-columns: 1fr;
  }
}

.acf-field[data-name="apartment_fees"] .acf-row-handle {
  order: 1;
  background: #f8f9fa;
  border-bottom: 1px solid #ccd0d4;
  padding: 8px 10px !important;
  font-weight: bold;
}

.acf-field[data-name="apartment_fees"]
  .acf-field.acf-field-accordion.acf-accordion
  .acf-label.acf-accordion-title {
  color: #2271b0;
}
.acf-field[data-name="apartment_fees"]
  .acf-field.acf-field-accordion.acf-accordion
  svg {
  fill: #2271b0;
  stroke: #2271b0;
}

.acf-field[data-name="apartment_fees"]
  .acf-input.acf-accordion-content
  .acf-fields
  .acf-field:nth-of-type(1n + 3)
  label {
  flex-direction: column !important;
  align-items: flex-start;
  .message {
    display: block;
    margin-top: 0.5rem;
    margin-left: 0;
  }
}
.acf-field[data-name="prepend_community_name"] label {
  align-items: flex-start !important;
  flex-direction: column-reverse !important;
  .message {
    display: block;
    margin-bottom: 1rem;
    margin-left: 0;
  }
}

@media (max-width: 1200px) {
  .acf-field[data-name="apartment_fees"] .acf-table tbody {
    grid-template-columns: 1fr;
  }
}

.rentpress_page_fee-calculator-settings {
  .inside.acf-fields {
    .acf-field.acf-field-color-picker {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      button.button.wp-color-result {
        margin-bottom: 2px !important;
      }
    }
    .acf-field[data-name="fees_container_title"] {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      .acf-input-wrap {
        margin-bottom: 2px !important;
      }
    }
    .acf-field.acf-field-accordion .acf-accordion-title {
      max-width: 400px;
      margin: 0.75rem auto;
      background-color: #2271b0;
      border-radius: 4px;
      label {
        font-size: 14px;
        font-weight: bold;
        /*color: #2271b0;*/
        color: #fff !important;
        cursor: pointer;
      }
      i.acf-accordion-icon.dashicons:before {
        /*color: #2271b0;*/
        color: #fff;
      }
    }
    .secondary-admin-button .acf-label.acf-accordion-title {
      background-color: #403b3b;
    }
    .fees-accordion .acf-label.acf-accordion-title {
      transition: all 200ms ease-in-out;
      background-color: var(--wp-admin-theme-color);
    }
    .fees-accordion:hover .acf-label.acf-accordion-title {
      background-color: var(--wp-admin-theme-color-darker-10);
    }
    .acf-field-repeater[data-name="apartment_fees"]
      .acf-label.acf-accordion-title {
      background-color: #fff !important;
      color: #2271b0 !important;
      border: 1px solid;
      label {
        color: #2271b0 !important;
      }
      i.acf-accordion-icon.dashicons:before {
        color: #2271b0;
      }
    }
  }
}
