/*!
 * Custom styles for Wikimedia CAS-SSO that override Bootstrap CSS.
 *
 * Change log:
 * - Jan 2021, Use colors from https://design.wikimedia.org
 * - May 2020, https://phabricator.wikimedia.org/T233939
 */

/* General layout and color changes that apply to all pages. */

a {
  color: #36c;
}

footer {
  border-top: 1px solid #c8ccd1;
  padding-top: 1rem;
  text-align: center;
}

/* Wikimedia redesign of form pages, such as login form. */

body.login {
  /* Grey page with white form (class=card) */
  background-color: #eaecf0;
}

.form-check-label {
   /* Make clear that labels are clickable.
      This was not yet done by default in Bootstrap 4. */
    cursor: pointer;
}

.form-control::placeholder {
  color: #72777d;
}

.login-form {
  /* Put somewhat in vertical center */
  margin-top: 45px;
  /* Add space between login form and footer */
  margin-bottom: 2em;
}

.card-header {
  margin-bottom: 10px;
  text-align: center;
  background-color: unset;
  border-bottom: unset;
}

/* Upstream CAS extension of Bootstrap CSS, preserved in-place. */

.btn-outline-cas-primary {
  color: #153e50;
  background-color: transparent;
  background-image: none;
  border-color: #153e50;
}

.btn-outline-cas-primary:hover {
  color: #fff;
  background-color: #153e50;
  border-color: #153e50;
}

.btn-outline-cas-primary:focus, .btn-outline-cas-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(21, 62, 80, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(21, 62, 80, 0.5);
}

.btn-outline-cas-primary.disabled, .btn-outline-cas-primary:disabled {
  color: #153e50;
  background-color: transparent;
}

.btn-outline-cas-primary:not(:disabled):not(.disabled):active, .btn-outline-cas-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-cas-primary.dropdown-toggle {
  color: #fff;
  background-color: #153e50;
  border-color: #153e50;
}

.btn-outline-cas-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-cas-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-cas-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(21, 62, 80, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(21, 62, 80, 0.5);
}

.btn-outline-cas-secondary {
  color: #74C163;
  background-color: transparent;
  background-image: none;
  border-color: #74C163;
}

.btn-outline-cas-secondary:hover {
  color: #212529;
  background-color: #74C163;
  border-color: #74C163;
}

.btn-outline-cas-secondary:focus, .btn-outline-cas-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 193, 99, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(116, 193, 99, 0.5);
}

.btn-outline-cas-secondary.disabled, .btn-outline-cas-secondary:disabled {
  color: #74C163;
  background-color: transparent;
}

.btn-outline-cas-secondary:not(:disabled):not(.disabled):active, .btn-outline-cas-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-cas-secondary.dropdown-toggle {
  color: #212529;
  background-color: #74C163;
  border-color: #74C163;
}

.btn-outline-cas-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-cas-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-cas-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 193, 99, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(116, 193, 99, 0.5);
}

.btn-outline-btn-submit {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
}

.btn-outline-btn-submit:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-btn-submit:focus, .btn-outline-btn-submit.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-btn-submit.disabled, .btn-outline-btn-submit:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-btn-submit:not(:disabled):not(.disabled):active, .btn-outline-btn-submit:not(:disabled):not(.disabled).active,
.show > .btn-outline-btn-submit.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-btn-submit:not(:disabled):not(.disabled):active:focus, .btn-outline-btn-submit:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-btn-submit.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-submit {
  background-color: #28a745;
  color: #fff;
  background-color: #28a745;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-submit:focus, .btn-submit.focus {
  color: #fff;
  background-color: #1e7e34;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-submit:hover {
  color: #fff;
  background-color: #1e7e34;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-submit:active, .btn-submit.active,
.open > .btn-submit.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-submit:active:hover, .btn-submit:active:focus, .btn-submit:active.focus, .btn-submit.active:hover, .btn-submit.active:focus, .btn-submit.active.focus,
.open > .btn-submit.dropdown-toggle:hover,
.open > .btn-submit.dropdown-toggle:focus,
.open > .btn-submit.dropdown-toggle.focus {
  color: #fff;
  background-color: #176128;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-submit:active, .btn-submit.active,
.open > .btn-submit.dropdown-toggle {
  background-image: none;
}

.btn-submit.disabled:hover, .btn-submit.disabled:focus, .btn-submit.disabled.focus, .btn-submit[disabled]:hover, .btn-submit[disabled]:focus, .btn-submit[disabled].focus,
fieldset[disabled] .btn-submit:hover,
fieldset[disabled] .btn-submit:focus,
fieldset[disabled] .btn-submit.focus {
  background-color: #28a745;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-submit .badge {
  color: #28a745;
  background-color: #fff;
}

.btn-cas {
  background-color: #153e50;
  color: #fff;
  background-color: #153e50;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-cas:focus, .btn-cas.focus {
  color: #fff;
  background-color: #0a1f28;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-cas:hover {
  color: #fff;
  background-color: #0a1f28;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-cas:active, .btn-cas.active,
.open > .btn-cas.dropdown-toggle {
  color: #fff;
  background-color: #0a1f28;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-cas:active:hover, .btn-cas:active:focus, .btn-cas:active.focus, .btn-cas.active:hover, .btn-cas.active:focus, .btn-cas.active.focus,
.open > .btn-cas.dropdown-toggle:hover,
.open > .btn-cas.dropdown-toggle:focus,
.open > .btn-cas.dropdown-toggle.focus {
  color: #fff;
  background-color: #03090b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-cas:active, .btn-cas.active,
.open > .btn-cas.dropdown-toggle {
  background-image: none;
}

.btn-cas.disabled:hover, .btn-cas.disabled:focus, .btn-cas.disabled.focus, .btn-cas[disabled]:hover, .btn-cas[disabled]:focus, .btn-cas[disabled].focus,
fieldset[disabled] .btn-cas:hover,
fieldset[disabled] .btn-cas:focus,
fieldset[disabled] .btn-cas.focus {
  background-color: #153e50;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-cas .badge {
  color: #153e50;
  background-color: #fff;
}


.btn-oidc {
  background-color: #f7931e;
  color: #fff;
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-oidc:focus, .btn-oidc.focus {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-oidc:hover {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-oidc:active, .btn-oidc.active,
.open > .btn-oidc.dropdown-toggle {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-oidc:active:hover, .btn-oidc:active:focus, .btn-oidc:active.focus, .btn-oidc.active:hover, .btn-oidc.active:focus, .btn-oidc.active.focus,
.open > .btn-oidc.dropdown-toggle:hover,
.open > .btn-oidc.dropdown-toggle:focus,
.open > .btn-oidc.dropdown-toggle.focus {
  color: #fff;
  background-color: #b86607;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-oidc:active, .btn-oidc.active,
.open > .btn-oidc.dropdown-toggle {
  background-image: none;
}

.btn-oidc.disabled:hover, .btn-oidc.disabled:focus, .btn-oidc.disabled.focus, .btn-oidc[disabled]:hover, .btn-oidc[disabled]:focus, .btn-oidc[disabled].focus,
fieldset[disabled] .btn-oidc:hover,
fieldset[disabled] .btn-oidc:focus,
fieldset[disabled] .btn-oidc.focus {
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-oidc .badge {
  color: #f7931e;
  background-color: #fff;
}

.btn-restart {
  background-color: #28a745;
  color: #fff;
  background-color: #28a745;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-restart:focus, .btn-restart.focus {
  color: #fff;
  background-color: #1e7e34;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-restart:hover {
  color: #fff;
  background-color: #1e7e34;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-restart:active, .btn-restart.active,
.open > .btn-restart.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-restart:active:hover, .btn-restart:active:focus, .btn-restart:active.focus, .btn-restart.active:hover, .btn-restart.active:focus, .btn-restart.active.focus,
.open > .btn-restart.dropdown-toggle:hover,
.open > .btn-restart.dropdown-toggle:focus,
.open > .btn-restart.dropdown-toggle.focus {
  color: #fff;
  background-color: #176128;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-restart:active, .btn-restart.active,
.open > .btn-restart.dropdown-toggle {
  background-image: none;
}

.btn-restart.disabled:hover, .btn-restart.disabled:focus, .btn-restart.disabled.focus, .btn-restart[disabled]:hover, .btn-restart[disabled]:focus, .btn-restart[disabled].focus,
fieldset[disabled] .btn-restart:hover,
fieldset[disabled] .btn-restart:focus,
fieldset[disabled] .btn-restart.focus {
  background-color: #28a745;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-restart .badge {
  color: #28a745;
  background-color: #fff;
}

.btn-refresh {
  background-color: #ffc107;
  color: #fff;
  background-color: #ffc107;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-refresh:focus, .btn-refresh.focus {
  color: #fff;
  background-color: #d39e00;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-refresh:hover {
  color: #fff;
  background-color: #d39e00;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-refresh:active, .btn-refresh.active,
.open > .btn-refresh.dropdown-toggle {
  color: #fff;
  background-color: #d39e00;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-refresh:active:hover, .btn-refresh:active:focus, .btn-refresh:active.focus, .btn-refresh.active:hover, .btn-refresh.active:focus, .btn-refresh.active.focus,
.open > .btn-refresh.dropdown-toggle:hover,
.open > .btn-refresh.dropdown-toggle:focus,
.open > .btn-refresh.dropdown-toggle.focus {
  color: #fff;
  background-color: #af8300;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-refresh:active, .btn-refresh.active,
.open > .btn-refresh.dropdown-toggle {
  background-image: none;
}

.btn-refresh.disabled:hover, .btn-refresh.disabled:focus, .btn-refresh.disabled.focus, .btn-refresh[disabled]:hover, .btn-refresh[disabled]:focus, .btn-refresh[disabled].focus,
fieldset[disabled] .btn-refresh:hover,
fieldset[disabled] .btn-refresh:focus,
fieldset[disabled] .btn-refresh.focus {
  background-color: #ffc107;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-refresh .badge {
  color: #ffc107;
  background-color: #fff;
}

.btn-shutdown {
  background-color: #dc3545;
  color: #fff;
  background-color: #dc3545;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-shutdown:focus, .btn-shutdown.focus {
  color: #fff;
  background-color: #bd2130;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-shutdown:hover {
  color: #fff;
  background-color: #bd2130;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-shutdown:active, .btn-shutdown.active,
.open > .btn-shutdown.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-shutdown:active:hover, .btn-shutdown:active:focus, .btn-shutdown:active.focus, .btn-shutdown.active:hover, .btn-shutdown.active:focus, .btn-shutdown.active.focus,
.open > .btn-shutdown.dropdown-toggle:hover,
.open > .btn-shutdown.dropdown-toggle:focus,
.open > .btn-shutdown.dropdown-toggle.focus {
  color: #fff;
  background-color: #9f1c28;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-shutdown:active, .btn-shutdown.active,
.open > .btn-shutdown.dropdown-toggle {
  background-image: none;
}

.btn-shutdown.disabled:hover, .btn-shutdown.disabled:focus, .btn-shutdown.disabled.focus, .btn-shutdown[disabled]:hover, .btn-shutdown[disabled]:focus, .btn-shutdown[disabled].focus,
fieldset[disabled] .btn-shutdown:hover,
fieldset[disabled] .btn-shutdown:focus,
fieldset[disabled] .btn-shutdown.focus {
  background-color: #dc3545;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-shutdown .badge {
  color: #dc3545;
  background-color: #fff;
}

/* End of Upstream CAS extension of Bootstrap CSS */