body {
  background-image: url("../img/background.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.ogame-bg {
  background-color: #131a20;
}

tr.row-ogame td {
  background-color: #131a20;
  color: white;
  font-size: 11px;
  text-align: center;
}

.table {
  border: 1px solid #0d0d0d;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #0d0d0d;
}

table.table.table-ogame tr td {
  padding: 2px;
}

table.table.table-ogame tr {
  max-width: 100px;
}

tr.row-ogame {
  line-height: 20px;
  min-height: 20px;
  max-height: 20px;
  height: 20px;
}

tr.row-ogame td.transparent, th.transparent {
  background-color: transparent !important;
  border: 0px !important;
}

tr.row-ogame th {
  background-color: #0e1317;
  color: white;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
}

tr.row-ogame th.row-side {
  background-color: #131315;
  color: white;
  font-size: 11px;
  text-align: center;
}

tr.bold {
  font-weight: bold;
}

div.well {
  text-align: center;
}

tr.no-border td {
  border: 0px;
}

.text-default {
  color: white;
}

.text-grey {
  color: #808080;
}

.text-red {
  color: #d56461;
}

.text-green {
  color: #72bb50;
}

.text-yellow {
  color: #ffff08;
}

.text-orange {
  color: #cc9900;
}

.text-beige {
  color: #c4bd97;
}

.text-lime {
  color: limegreen;
}

.text-black {
  color: black;
}

.text-blue {
  color: #2aabd2;
}

.text-linethrough {
  text-decoration: line-through !important;
}

table.table tr td.text-vert-center {
  vertical-align: middle;
}

tr td.vertical-text-cw {
  white-space: nowrap;
  width: 30px;
  max-width: 30px;
}

tr td.vertical-text-cw > div {
  transform: translate(0px, 135px) rotate(270deg);
}

tr td.vertical-text-ccw {
  white-space: nowrap;
  width: 30px;
  max-width: 30px;
}

tr td.vertical-text-ccw > div {
  transform: translate(0px, 60px) rotate(90deg);
}

input.height-15 {
  max-height: 15px !important;
  height: 15px !important;
  padding-top: 0px;
  padding-bottom: 0px;
}

.height-14 {
  max-height: 14px !important;
  height: 14px !important;
}

input.width-30p {
  max-width: 30% !important;
  width: 30% !important;
}

input.width-25p {
  max-width: 22% !important;
  width: 22% !important;
}

input.width-50p {
  max-width: 50% !important;
  width: 50% !important;
}

input.width-100 {
  max-width: 100px !important;
  width: 100px !important;
}

input.width-48 {
  max-width: 48px !important;
  width: 48px !important;
}

input.text-center {
  text-align: center;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
	-moz-appearance: textfield;
}

tr td.width-30 {
  max-width: 30px !important;
}

.cursor-pointer {
  cursor: pointer;
}