// Flex-Objects
/* Flex Objects Admin Styles */

#directory {

  .search-wrapper {
    input, select {
      color: $form-field-text;
      border: 1px solid $form-border;
      background-color: $form-field-bg;

      @include placeholder {
        @if (lightness($form-field-bg) < 50) {
          color: darken($form-field-text, 25%);
        } @else {
          color: lighten($form-field-text, 25%);
        }
      }
    }
  }

  .edit-action {
    color: $button-bg !important;
  }

  .delete-action {
    color: $critical-bg !important;
  }

  thead {
    tr {
      background: darken($content-bg,2%);
    }
  }

  tbody {
    tr:nth-child(even) {
      background: lighten($content-bg,1%);
    }
  }

  i.published {
    color: $flat-green-4;
  }

  i.unpublished {
    color: $flat-red-1;
  }

  .flex-list-pagination {
    background: darken($content-bg,1%);
    border-top: 1px solid darken($content-bg,5%);

    .flex-objects-pagination {
      .button {
        color: $content-header;

        &.active {
          color: $button-text;
          background: $button-bg;
        }

        &.disabled {
          color: lighten($content-text, 15%);
        }
      }
    }
  }
}