html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}
/* Player Management button color groups, matching the legacy SupportTool's cManagement.aspx classes */
.btn-pm-green { background-color: #8fce00; border-color: #7fb800; color: #fff; }
.btn-pm-pink { background-color: #e69138; border-color: #cc7a1f; color: #fff; }
.btn-pm-yellow { background-color: #f1c232; border-color: #d4a017; color: #000; }
.btn-pm-purple { background-color: #8e7cc3; border-color: #6f5ba3; color: #fff; }
.btn-pm-blue { background-color: #3d85c6; border-color: #2a6396; color: #fff; }
.btn-pm-red { background-color: #cc4125; border-color: #a8341d; color: #fff; }
.btn-pm-green:hover, .btn-pm-pink:hover, .btn-pm-yellow:hover, .btn-pm-purple:hover, .btn-pm-blue:hover, .btn-pm-red:hover {
  opacity: 0.85;
  color: inherit;
}

/* Mirrors SupportTool\SupportTool\Content\Site.css's dark topbar/sidebar/home-screen theme */
body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

.wa2-topbar {
  background-color: #333;
  color: #fff;
  padding: 8px 16px;
}
.wa2-topbar a { color: #ccc; text-decoration: underline; }
.wa2-topbar a:hover { color: #fff; }

.wa2-sidebar {
  background-color: #333;
  min-width: 220px;
  padding-top: 10px;
}
.wa2-sidebar .nav-out > a {
  display: block;
  color: #fff;
  text-decoration: underline;
  padding: 10px;
  border: 1px solid #222;
}
.wa2-sidebar .nav-out > a:hover { background-color: #444; }
.wa2-sidebar .nav-in a {
  display: block;
  color: #999;
  text-decoration: underline;
  padding: 6px 10px 6px 20px;
}
.wa2-sidebar .nav-in a:hover { color: #fff; }

#home ul {
  border: 1px dashed black;
  padding: 20px;
  margin: 20px;
  display: inline-block;
  list-style-type: none;
  vertical-align: top;
}
#home li { padding-bottom: 10px; }
#home a { text-decoration: underline; }
#home a:hover { color: #555; }