/* input(194,10): run-time error CSS1030: Expected identifier, found '.'
input(194,25): run-time error CSS1025: Expected comma or open brace, found ')' */
.mainMenu a {
  background-color: #4d488b;
  border-radius: 3px;
  padding: 5px;
  color: white;
  text-decoration: none;
  outline: none;
  border: none;
  min-width: 90px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.5s;
  font-weight: bold;
  font-size: 16px;
  width: 100%;
}
.mainMenu a:hover {
  background-color: #726dac;
  transition: background-color 0.2s;
}
.mainMenu a:hover {
  background-color: #726dac;
  transition: background-color 0.2s;
}
.mainMenu table {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.mainMenu td:nth-child(2) {
  padding-left: 20px;
}
.mainMenu td {
  padding-bottom: 10px;
}

#badgeList {
  height: calc(100vh - 120px);
  overflow: auto;
  border: solid 1px black;
}
#badgeList thead tr {
  background-color: #000000 !important;
  line-height: 40px;
}
#badgeList thead td {
  font-weight: bold;
  font-size: 18px;
  color: white;
  padding-left: 5px;
}
#badgeList tr:nth-child(odd) {
  background-color: #dae9ea;
}
#badgeList tr.guessedMember,
#badgeList tr.disabledBadge {
  background-color: #edafb1;
}
#badgeList tr.guessedMember:nth-child(odd),
#badgeList tr.disabledBadge:nth-child(odd) {
  background-color: #dd9698;
}
#badgeList tr.guessedMember:nth-child(odd):hover,
#badgeList tr.disabledBadge:nth-child(odd):hover {
  background-color: #86c1d7;
}
#badgeList tr:hover {
  background-color: #86c1d7;
}
#badgeList select {
  width: 100%;
}
.info + #badgeList {
  height: calc(100vh - 190px);
}
.acceptMember {
  display: none;
}
.guessedMember .removeMember {
  display: none;
}
.guessedMember .acceptMember {
  display: inline-block;
}

html {
  font-size: 14px;
  background-color: white;
  font-family: sans-serif;
  color: black;
}
@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;
}
#navBar {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  background-color: white;
  border-bottom: 1px solid #c3c3c3;
  line-height: 50px;
  padding-left: 30px;
  font-size: 20px;
}
#navBar span {
  margin-right: 20px;
  color: #7d7d7d;
}
#navBar a {
  display: inline-block;
  color: black;
  text-decoration: none;
  min-width: 100px;
  text-align: center;
}
#mainContainer {
  margin-top: 60px;
}
html {
  position: relative;
  min-height: 100%;
}
.commands {
  margin-top: 10px;
  text-align: center;
}
.commands a,
.commands input[type=submit] {
  background-color: #4d488b;
  border-radius: 3px;
  padding: 5px;
  color: white;
  text-decoration: none;
  outline: none;
  border: none;
  min-width: 90px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.5s;
  font-weight: bold;
  font-size: 16px;
}
.commands a:hover,
.commands input[type=submit]:hover {
  background-color: #726dac;
  transition: background-color 0.2s;
}
.error {
  border: solid 1px #d97272;
  padding: 5px;
  background-color: #fec4c4;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 15px;
}
.info {
  border: solid 1px #72aad9;
  padding: 5px;
  background-color: #c4f2fe;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 15px;
}
.warning {
  border: solid 1px #efd869;
  padding: 5px;
  background-color: #ffefa4;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 15px;
}
h1 span {
  vertical-align: bottom;
}
h1 input,
h1 select {
  vertical-align: baseline;
}
p {
  text-align: justify;
}
body:has(.menuBarVisible) p {
  padding-right: 20px;
}
label {
  margin-top: 10px;
  font-size: 14px;
  color: #676767;
  display: inline-block;
}
.button {
  background-color: #4d488b;
  border-radius: 3px;
  padding: 5px;
  color: white;
  text-decoration: none;
  outline: none;
  border: none;
  min-width: 90px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.5s;
  font-weight: bold;
  font-size: 16px;
}
.button:hover {
  background-color: #726dac;
  transition: background-color 0.2s;
}
input[type="text"],
input[type="password"],
textarea,
select {
  width: 100%;
  border: solid 1px #d0d0d0;
  border-radius: 3px;
  padding: 5px;
  box-sizing: border-box;
  background-color: white !important;
  line-height: 1.5;
  font-size: 16px;
  appearance: none;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  outline: none;
  border: solid 1px #7a7a7a;
}
textarea {
  resize: none;
  height: 150px;
}
*,
::after,
::before {
  box-sizing: border-box;
}
input[type="checkbox"],
input[type="radio"] {
  width: auto;
}
input[type="submit"] {
  background-color: #4d488b;
  border-radius: 3px;
  padding: 5px;
  color: white;
  text-decoration: none;
  outline: none;
  border: none;
  min-width: 90px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.5s;
  font-weight: bold;
  font-size: 16px;
}
input[type="submit"]:hover {
  background-color: #726dac;
  transition: background-color 0.2s;
}
table {
  border-spacing: 0px;
  border-collapse: collapse;
  width: 100%;
}
#badgeList {
  height: calc(100vh - 120px);
  overflow: auto;
  border: solid 1px black;
}
#badgeList thead tr {
  background-color: #000000 !important;
  line-height: 40px;
}
#badgeList thead td {
  font-weight: bold;
  font-size: 18px;
  color: white;
  padding-left: 5px;
}
#badgeList tr:nth-child(odd) {
  background-color: #dae9ea;
}
#badgeList tr.guessedMember,
#badgeList tr.disabledBadge {
  background-color: #edafb1;
}
#badgeList tr.guessedMember:nth-child(odd),
#badgeList tr.disabledBadge:nth-child(odd) {
  background-color: #dd9698;
}
#badgeList tr.guessedMember:nth-child(odd):hover,
#badgeList tr.disabledBadge:nth-child(odd):hover {
  background-color: #86c1d7;
}
#badgeList tr:hover {
  background-color: #86c1d7;
}
#badgeList select {
  width: 100%;
}
.info + #badgeList {
  height: calc(100vh - 190px);
}
.acceptMember {
  display: none;
}
.guessedMember .removeMember {
  display: none;
}
.guessedMember .acceptMember {
  display: inline-block;
}
.mainMenu a {
  background-color: #4d488b;
  border-radius: 3px;
  padding: 5px;
  color: white;
  text-decoration: none;
  outline: none;
  border: none;
  min-width: 90px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.5s;
  font-weight: bold;
  font-size: 16px;
  width: 100%;
}
.mainMenu a:hover {
  background-color: #726dac;
  transition: background-color 0.2s;
}
.mainMenu table {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.mainMenu td:nth-child(2) {
  padding-left: 20px;
}
.mainMenu td {
  padding-bottom: 10px;
}
.importResults {
  width: calc(100vw - 40px);
  margin-left: 20px;
  border: solid 1px black;
  overflow-y: scroll;
  height: 300px;
}
.importResults div {
  padding: 3px;
}
.importResults .resultSuccess {
  background-color: #c7dcc8;
}
.importResults .resultSuccess:nth-child(2n+1) {
  background-color: #88ca8c;
}
.importResults .resultError {
  background-color: #eeb3b3;
}
.importResults .resultError:nth-child(2n+1) {
  background-color: #d79090;
}

.importResults {
  width: calc(100vw - 40px);
  margin-left: 20px;
  border: solid 1px black;
  overflow-y: scroll;
  height: 300px;
}
.importResults div {
  padding: 3px;
}
.importResults .resultSuccess {
  background-color: #c7dcc8;
}
.importResults .resultSuccess:nth-child(2n+1) {
  background-color: #88ca8c;
}
.importResults .resultError {
  background-color: #eeb3b3;
}
.importResults .resultError:nth-child(2n+1) {
  background-color: #d79090;
}