/*******************************
         Site Overrides
*******************************/

.ui.segment {
  &.no-padding {
    padding: 0;
  }

  &.full-height {
    min-height: 650px;
  }

  &.transparent {
    background-color: unset;
  }

  &.pagination {
    font-size: 12px;

    .previous, .next {
      font-size: 1.2em;
      padding: 10px;

      border-bottom: none!important;
      a {
        border-bottom: none!important;
      }

      &:not(.disabled):hover {
        background-color: #e6f2ff;
        border-radius: 50%;
      }
    }

    input.goto-page {
      width: 64px;
      font-size: 14px;

      &:focus {
        border: 1px solid #019CFE !important;
      }
    }

    .goto-page-label {
      color: #4D5280;
      font-size: 10px;
      letter-spacing: 1px;
      line-height: 15px;
    }

    .items-on-page-container {
      width: 140px;
      display: inline-block;
    }

    .items-on-page.selection:not(.active):hover {
      background-color: #D6D4E3;
      border: none;
    }

    .items-on-page.selection.active {
      border: none;
    }

    .ui.dropdown.items-on-page {
      width: 140px;
      font-size: 14px;
    }

    .goto-page-container {
      width: 140px;
      display: inline-block;
    }

    .goto-page {
      text-align: center;
    }

    label {
      padding-top: 12px;
      padding-right: 8px;
    }

    .pages-links-container {
      display: inline-block;
    }

    .pages-links {
      list-style: none;
      padding-left: 0;

      li {
        display: inline;
        margin-right: 32px;

        >.icon {
          color: #b8bcd9ff;
        }

        &.active a {
          font-weight: bold;
          color: #000000;
        }

        &.disabled a {
          color: #BBBFDA;
        }

        &:hover {
          border-bottom: 1px solid #089CFE;
        }

      }

    }

  }

  &.details {

    .grid {
      padding-top: 10px;
      padding-bottom: 10px;

      .row {
        margin-left: 10px;
        margin-right: 10px;

        .column {
          padding-left: 20px;
        }

      }

    }

    label {
      color: #4D5280;
      text-transform: uppercase;
      font-size: 10px;
      letter-spacing: 1px;
      line-height: 15px;

      &.editable {
        padding-top: 8px;
        display: inline-block;
      }

    }

    .value {
      color: #0E101A;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 20px;

      &.editable {
        padding-top: 5px;
        display: inline-block;
      }

    }

  }
}

.right-content-wrapper {
  .ui.segment.pagination {

    .goto-page-container {
      width: 120px;
    }

    .pages-links {
      list-style: none;

      li {
        margin-right: 20px;

        &.next {
          margin-right: 10px;
        }

      }

    }

  }

}