body {
  overflow-y: scroll;
}

.main-content {
  min-height: calc(100vh - 350px);
}

.user-login-page .main-content {
  min-height: calc(100vh - 160px);
  background-color: #102a42;
  border-top: 0;
}

.user-login-page .panel {
  max-width: 450px;
  margin: 20% auto 50px auto;
}

.user-password-reset-page .panel {
  max-width: 600px;
  margin: 100px auto;
}

.user-password-reset-page .panel .description {
  margin-bottom: 30px;
}

.external-login {
  border-top: 1px solid #E5E5E5;
  text-align: center;
}

.remember-me {
  padding: 5px 0 5px 30%;
}

.remember-me input {
  display: inline-block;
  margin-right: 5px;
}

.permissions {
  margin: 5px 10px 10px 10px;
}

.permissions.form__control {
  margin: 0;
}

.permissions .permissions__item {
  display: block;
  line-height: 1.8;
}

.permissions .permissions__item-description {
  margin-left: 17px;
  margin-bottom: 10px;
}

.permissions__bulk-action {
  text-align: center;
}

.permissions__bulk-action-label {
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 5px;
}

.application-selection {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 17px;
  position: relative;
}

.application-selection select {
  width: 100%;
  background: #fff;
  font-weight: lighter;
  display: block;
  padding: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  border: 1px solid #ddd;
}

.application-selection::after {
  content: "q";
  font-family: BAMO Icons;
  font-style: normal;
  font-weight: normal;
  line-height: 1.7em;
  font-size: 13px;
  position: absolute;
  right: 10px;
  top: 8px;
  pointer-events: none;
}

.grid__column--type-datetime,
.grid__column--data {
  font-family: monospace;
  font-size: 12px;
}

.grid__column--created,
.grid__column--user {
  width: 15%;
}

.grid__column--source {
  width: 20%;
}

.grid__column--action,
.grid__column--data {
  width: 25%;
}

.selection-info {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 13px;
}

.form--inline.access-request .form__selection::after {
  top: 8px;
}

.access-request-grid .grid__column--created {
  font-family: inherit;
  font-size: inherit;
  width: auto;
}

.access-request-grid .grid__column--state .label {
  font-size: 12px;
}

.access-request-grid .fa-cog {
  font-size: 18px;
  padding-top: 8px;
  color: #919db5;
}

.access-request-grid .dropdown__menu {
  min-width: 115px;
}

.access-request-grid .grid__column--state {
  white-space: nowrap;
}

.access-request-grid .grid__column--state .label.access-request-created {
  background-color: #e2cc55;
}

.access-request-grid .grid__column--state .label.access-request-approved {
  background-color: #11b7ab;
}

.access-request-grid .grid__column--state .label.access-request-activated {
  background-color: #288a00;
}

.access-request-grid .grid__column--state .label.access-request-expired {
  background-color: #7f99aa;
}

.access-request-grid .grid__column--state .label.access-request-rejected,
.access-request-grid .grid__column--state .label.access-request-revoked {
  background-color: #e23232;
}

.access-request__requester {
  height: 27px;
}

.form .permissions__item tooltip {
  float: inherit;
}