.template-users {

  .content-wrapper {
    max-width: 95%;
    padding: 20px 35px 45px 35px;
    margin-top: 10px;
    margin-bottom: 50px;
    background: #fff;
    border-radius: 1px;
    box-shadow: 0 2px 1px 1px rgba(0, 0, 0, .15);
  }

  a {
    color: lighten($text, 10%);
    transition: color .5s;

    &:hover {
      color: $red;
    }
  }

  .user-table-heading {
    margin-bottom: -50px;
  }

  .reactive-table-filter {
    margin: 5px 7px 25px 0;

    span {
      font-size: 1.15em;
      color: $text;
      font-weight: bold;
    }

    input {
      width: 170px;
      height: 30px;
      font-size: 1em;
      padding: .7em;
      margin-left: .3em;
      transition: width .7s ease-in-out;

      &:focus {
        width: 220px;
        outline: none;
      }
    }
  }

  td {
    border: solid $grey 1px;
    text-align: center;
  }

  td.actions {

    li {
      margin-bottom: .25em;

      &:last-child {
        margin-bottom: .15em;
      }
    }
  }

  .reactive-table-navigation {
    margin-top: 30px;
  }
}