/*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */

.pagination-control {
  font-size: @font-size-small;

  li {
    &.active {
      > a,
      > a:hover {
        background-color: @text-color;
        border-color: @text-color;
        color: @text-color-inverted;
      }
      > a:hover {
        cursor: default;
        text-decoration: none;
      }
    }

    &.disabled {
      color: @gray-light;
      cursor: no-drop;
    }

    &:first-child {
      > a,
      > a:hover {
        margin-left: 0;
      }
    }

    > a,
    > span {
      border: 1px solid @gray-lighter;
      margin-left: -1px;
      padding: 4px 8px;
    }
    > a:hover {
      background-color: @gray-lighter;
      border: 1px solid @gray-lighter;
      padding: 4px 8px;
    }
  }
}