html,
body {
    height: 100%;
}

body.login {
  display: flex;
  align-items: center;
}

body {
  padding-bottom: 75px;
  background-color: #333;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: Tahoma, sans-serif;
  font-size: 0.9em;
}

.loginDiv {
  position: absolute;
  left: 50%;
  width: 500px;
  margin: 0 0 0 -250px;
  background: rgba(75, 75, 75, 0.6);
  border-radius: 0 0 2px 2px;
  border: 1px solid #545454;
  padding: 10px;
  min-height: 200px;
  top: 200px;
}

table {
  font-size: 0.9em;
  border-collapse: collapse;
}

td {
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-collapse: collapse;
  padding: 4px;
  padding-right: 6px;
}

thead th {
  background-color: #333;
  color: #fff;
  position: sticky;
  top: 0px;
}

main {
    width: 100%;
    padding: 15px;
	padding-bottom: 40px;
    margin: auto;
    border-radius: 10px;
}

.btn-xs {
    --bs-btn-padding-y: 0.15rem;
	--bs-btn-padding-x: 0.15rem;
	--bs-btn-font-size: 0.375rem;
	--bs-btn-border-radius:var(--bs-border-radius-sm)
}


.btn-discord {
    background-color: #7289DA;
    max-width: 300px;
	margin-left: auto;
	margin-right: auto;
    color: whitesmoke;
	display: block;
	height: 50px;
}
.btn-discord:hover {
    background-color: #6578BD;
    color: whitesmoke;
}


.enemy, .hostile, .hostile a {
    color: var(--bs-danger);
}

.own, .own a, .own a:visited .friendly, .friendly a, .friendly a:visited {
    color: var(--bs-green);
}

.nap, .nap a, .nap a:visited, .allied, .allied a {
	color: var(--bs-blue);
}

.unknown, .unknown a, .unknown a:visited,.neutral, .neutral a {
    color: var(--bs-secondary);
}

.food {
    color: #73AA35;
}

.metal {
    color: #EEEEEE;
}

.mineral {
    color: #E33E4C;
}

.energy {
    color: #6596DA;
}

.population {
    color: #EAC861;
}
.opacity-70 {
	opacity:.70!important
}
.opacity-80 {
	opacity:.80!important
}
.opacity-85 {
	opacity:.85!important
}
.opacity-95 {
	opacity:.95!important
}
.w-10 {
  width: 10% !important;
}
.w-20 {
  width: 20% !important;
}
.w-30 {
  width: 30% !important;
}
.w-40 {
  width: 40% !important;
}
.w-60 {
  width: 60% !important;
}
.w-70 {
  width: 70% !important;
}
.w-80 {
  width: 80% !important;
}
.w-00 {
  width: 90% !important;
}
pre.json { padding: 5px; margin-left: 5px; margin-right: 5px; }
.json_string { color: var(--bs-green); }
.json_number { color: var(--bs-blue); }
.json_boolean { color: var(--bs-orange); }
.json_null { color: var(--bs-magenta); }
.json_key { color: var(--bs-red); }

.monospace { 
  font-family: "Liberation Mono", "Courier New", monospace !important;
}

.verticaltext {
     position: relative;
     padding-left: 50px;
     margin: 1em 0;
     min-height: 120px;
 }

 .verticaltext_content {
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
     left: 0px;
     top: 35px;
     position: absolute;
     color: #FFF;
     font-size: 18px;
     font-weight: bold;
 }

 /* Select 2 Dark Theme */
 /*
 html[data-bs-theme="dark"] .select2-container--default .select2-selection--single {
	 background-color: #212529 !important;
 }

 html[data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
	 color: #fff !important;
 }

 html[data-bs-theme="dark"] .select2-dropdown {
	 background-color: #212529 !important;
 }

 html[data-bs-theme="dark"] .select2-container--default .select2-results__option[aria-selected=true] {
	 background-color: black !important;
 }
*/
 .select2-container--bootstrap-5 .select2-selection {
	 background-color: #212529 !important;
	 color: #ffffff !important;
 }

 .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
	 color: #ffffff !important;
 }