@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;700&family=Roboto&display=swap";

/* src/index.css */
body {
  margin: 0;
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #222;
  color: #eee;
}
code {
  font-family:
    source-code-pro,
    Menlo,
    Monaco,
    Consolas,
    "Courier New",
    monospace;
}
a {
  color: #eee;
}
a:visited {
  color: #eee;
}
a:hover {
  color: #bbb;
}

/* src/App.css */
.App {
  width: 100%;
}

/* src/Header.css */
.Header {
  background-color: #333;
  width: 100%;
}
.Header__content {
  display: flex;
  justify-content: space-between;
  margin-left: 20px;
  margin-right: 20px;
  align-items: center;
}
.Header__content > header {
  font-size: 40px;
  font-weight: 200;
  font-family: "Montserrat", sans-serif;
}
.Header__stats {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  align-items: end;
  margin-top: 5px;
  margin-bottom: 5px;
}
.Header__logout {
  cursor: pointer;
  text-decoration: underline;
}

/* node_modules/react-tooltip/dist/react-tooltip.css */
:root {
  --rt-color-white: #fff;
  --rt-color-dark: #222;
  --rt-color-success: #8dc572;
  --rt-color-error: #be6464;
  --rt-color-warning: #f0ad4e;
  --rt-color-info: #337ab7;
  --rt-opacity: 0.9;
}
.styles-module_tooltip__mnnfp {
  visibility: hidden;
  width: max-content;
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px 16px;
  border-radius: 3px;
  font-size: 90%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  will-change: opacity, visibility;
}
.styles-module_fixed__7ciUi {
  position: fixed;
}
.styles-module_arrow__K0L3T {
  position: absolute;
  background: inherit;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}
.styles-module_no-arrow__KcFZN {
  display: none;
}
.styles-module_clickable__Bv9o7 {
  pointer-events: auto;
}
.styles-module_show__2NboJ {
  visibility: visible;
  opacity: var(--rt-opacity);
}
.styles-module_dark__xNqje {
  background: var(--rt-color-dark);
  color: var(--rt-color-white);
}
.styles-module_light__Z6W-X {
  background-color: var(--rt-color-white);
  color: var(--rt-color-dark);
}
.styles-module_success__A2AKt {
  background-color: var(--rt-color-success);
  color: var(--rt-color-white);
}
.styles-module_warning__SCK0X {
  background-color: var(--rt-color-warning);
  color: var(--rt-color-white);
}
.styles-module_error__JvumD {
  background-color: var(--rt-color-error);
  color: var(--rt-color-white);
}
.styles-module_info__BWdHW {
  background-color: var(--rt-color-info);
  color: var(--rt-color-white);
}

/* src/faction/FactionNav.css */
.FactionNav {
  width: 100%;
}
.FactionNav__list {
  display: flex;
  justify-content: space-evenly;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
}
.FactionNav__list > li {
  list-style-type: none;
}
.FactionNav__list > li > a {
  color: #eee;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.FactionNav__list > li > a:hover {
  color: #fba607;
}
.FactionNav__list > li > a.active {
  color: #fba607;
  font-weight: 700;
}

/* src/faction/Faction.css */
.Faction {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Faction__content {
  width: fit-content;
  max-width: 90%;
  padding: 20px;
  background-color: #333;
  border-radius: 10px;
  display: flex;
  justify-content: center;
}
.Faction__content:has(.FactionStatus) {
  width: 90%;
}
@media (max-width:1000px) {
  .Faction__content {
    max-width: 95%;
  }
}

/* src/Loader.css */
.Loader {
  width: 48px;
  height: 48px;
  border: 3px solid #FFF;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  margin: 50px;
}
.Loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-bottom-color: #FF3D00;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* src/StateBar.css */
.StateBar {
  height: 10px;
}
.StateBar--okay {
  background-color: rgb(93, 143, 24);
}
.StateBar--traveling {
  background-color: rgb(45, 157, 172);
}
.StateBar--abroad {
  background-color: rgb(55, 98, 163);
}
.StateBar--hospital {
  background-color: #a0101a;
}

/* src/User.css */
.User {
  display: flex;
  align-items: center;
}
.User__data {
  flex-grow: 1;
}
.User__activity-bars,
.User__state-bars {
  display: flex;
}
.User__name {
  width: 150px;
}
.User__expand {
  width: 20px;
  cursor: pointer;
}

/* src/ActivityBar.css */
.ActivityBar {
  height: 5px;
}
.ActivityBar--Online {
  background-color: green;
}
.ActivityBar--Idle {
  background-color: orange;
}
.ActivityBar--Offline {
  background-color: lightgrey;
}

/* src/UserDetails.css */

/* src/faction/FactionStatus.css */
.FactionStatus {
  width: 100%;
}

/* src/faction/FactionStats.css */
.FactionStats {
  overflow-x: auto;
  max-height: calc(100vh - 200px);
}
.FactionStats thead {
  position: sticky;
  top: 0;
  z-index: 10;
}
.FactionStats tr {
}
.FactionStats td,
.FactionStats th {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #222;
  border: #333 solid 1px;
  text-align: center;
}
.FactionStats tr td:first-child {
  position: sticky;
  left: 0;
  text-align: right;
}
.FactionStats thead tr th:first-child {
  position: sticky;
  left: 0;
  text-align: right;
}

/* src/auth/LoginWrapper.css */
.LoginWrapper {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.LoginWrapper__content > header {
  font-size: 40px;
  font-weight: 200;
  font-family: "Montserrat", sans-serif;
}
.LoginWrapper__content {
  padding: 20px;
  background-color: #333;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.LoginWrapper__form {
  margin-top: 20px;
}
.LoginWrapper__form > input {
  margin-left: 10px;
  background-color: #222;
  border: none;
  appearance: none;
  color: #eee;
  padding: 10px;
}
.LoginWrapper__form > button {
  position: relative;
  margin-left: 10px;
  padding: 10px;
  background-color: #222;
  border: none;
  appearance: none;
  color: #eee;
  margin-right: 18px;
  cursor: pointer;
}
.LoginWrapper__form > button::after {
  content: "";
  position: absolute;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-right: 18px solid transparent;
  border-left: 18px solid #222;
  right: -36px;
  top: 0px;
  cursor: pointer;
}
.LoginWrapper__error {
  margin-top: 10px;
  color: #c00;
}
.LoginWrapper__key-link {
  margin-top: 10px;
}

/* src/faction/FactionActivity.css */
.FactionActivity {
  overflow-x: auto;
  max-height: calc(100vh - 200px);
  font-size: 14px;
}
.FactionActivity thead {
  position: sticky;
  top: 0;
  z-index: 10;
}
.FactionActivity tr {
}
.FactionActivity td,
.FactionActivity th {
  padding: 5px;
  background-color: #222;
  border: #333 solid 1px;
  text-align: center;
}
.FactionActivity tr td:first-child {
  position: sticky;
  left: 0;
  text-align: right;
}
.FactionActivity thead tr th:first-child {
  position: sticky;
  left: 0;
  text-align: right;
}
/*# sourceMappingURL=index.css.map */