.pagination {
  padding-left: 20px;
  padding-right: 20px;
  .glyphicon {
    top: 0;
    color: @enterprise-blue;
    width: auto;
    margin-left: 20px;
    &.glyphicon-pagination-prev {
      margin-right: 20px;
    }
    &:hover {
      font-weight: normal;
    }
  }
  li {
    a, span {
      background: none;
      .border-radius(0);
      color: @black090;
      border: none;
      height: 30px;
      width: 30px;
      padding: 0;
      text-align: center;
      line-height: 30px;
      &:hover {
        background: none;
        color: @enterprise-blue;
        font-weight: bold;
      }
      &:focus {
        background: none;
      }
    }
    &.active {
      a, a:hover, span, span:hover {
        background-color: @enterprise-blue;
        font-weight: bold;
      }
    }
    &.disabled {
      a, a:hover, span, span:hover {
        background: none;
        font-weight: normal;
        color: @black040;
        &:focus {
          background: none;
          color: @black040;
        }
      }
    }
  }
}

// remove margin when inside table cell
td {
  .pagination {
    padding-left: 4px;
    padding-right: 4px;
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .pagination-page-view {
    padding-left: 4px;
    padding-right: 4px;
    margin-top: -4px;
    margin-bottom: -4px;
    height: 30px;
    label {
      line-height: 30px;
      width: auto;
      padding-top: 0;
      margin: 0;
    }
    .form-group {
      width: auto;
      margin-right: 0;
      label{
        text-align: left;
        width: 70px;
        padding: 0;
      }
      .form-control {
        width: 100px;
      }
    }
  }
}