.OAuthCenter {
  padding-top: 0 !important;
  margin-top: 0 !important;

  .hidden {
    display: none;
  }

  .pull-right {
    float: right;
  }

  .oauth-menu {
    background: @control-bg;
    margin-bottom: 15px;


    .Button {
      padding: 12px 13px;
      border-radius: 0;

      &.item-selected {
        background: darken(@control-bg, 10%);
      }
    }
  }

  .OAuthCenterPage-container {
    max-width: 100% !important;
  }

  .OAuthCenter-clientsPage {
    table {
      width: 100%;

      td, th {
        padding: 3px 5px;
      }

      th {
        text-align: left;
      }
    }

    .FormControl {
      background: @body-bg;
      border-color: @control-bg;

      // We set the same as Flarum default, but with more specificity
      &:focus,
      &.focus {
        border-color: @primary-color;
      }
    }
  }
}
@media (min-width: 992px) {
  .OAuthCenter {
    .OAuthCenterPage-container {
      max-width: 600px;
      margin: 0;
    }
  }
}