@import 'ember-data-table';

table.data-table {
  thead {
    .sorted {
      md-icon {
        transition: transform 0.25s, opacity 0.25s;

        &.asc {
          transform: rotate(0deg);
        }

        &.desc {
          transform: rotate(180deg);
        }
      }
    }

    .sortable {
      &:not(.sorted):hover {
        span::before {
          content: unset;
        }

        md-icon::before {
          color: rgb(62%,62%,62%);
          content: 'arrow_upward';
        }
      }
    }
  }

  tbody {
    tr {
      md-checkbox {
        position: relative;
        top: 7px;
      }
    }
  }

  td.is-loading-data md-progress-circular {
    margin: auto;
  }
}

/** Pagination */
.data-table-pagination {
  md-input-container {
    margin: 0;
    top: 10px;
  }

  .data-table-pagination-right {
    .md-button.md-icon-button {
      padding: 0;
      margin: 0;
    }
  }
}

/** Text search */
.row-reverse {
  flex-direction: row-reverse;
}

.data-table-search {
  md-icon[md-icon-font="close"] {
    cursor: pointer;
  }

  md-input-container {
    margin: 0;
    cursor: pointer;

    .md-errors-spacer {
      min-height: 0;
    }

    input {
      width: 0;

      -webkit-transition: all .5s;
	    -moz-transition: all .5s;
	    transition: all .5s;
    }

    &.expanded input {
      width: 170px;
    }

    &:not(.md-input-invalid).md-input-focused {
      .md-input {
        border-color: rgba(0, 0, 0, 0.12);
      }

      md-icon {
        color: rgba(0, 0, 0, 0.87);
      }
    }
  }
}