body {
  background: grey;
}


#loader {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  text-align: center;
}


#loader p {
  background-color: #fff;
  border-radius: 40px;
  font-size: 1.0em;
  margin: 0px auto;
  width: 300px;
  color: #fff;
  top: 200px;
  position: relative;
}


.warning-header {
  color: #00000;
  font-weight: Bolder;
  background-color: #EED202;
  padding: 5px;
}

.warning-header div {
  text-align: Center
}

.statbox {
  min-width: 80px;
  padding: 4px;
  font-size: 0.8em;
  border-radius: 3px;
  margin: 4px 0 0 5px;
  display: inline-block;
  text-align: center;
  background-color: #f7f7f7
}

.statboxws {
  min-width: 80px;
  padding: 4px;
  font-size: 0.8em;
  border-radius: 3px;
  margin: 4px 0 0 5px;
  display: inline-block;
  text-align: center;
  background-color: #ffcebf
}

.statbox b,
.statboxws b {
  display: block;
  font-size: 1.4em;
}

.minitable td {
  padding: 4px !important;
  border-top: 1px solid #000 !important;
}

.nopad {
  padding: 0;
  margin: 0;
}

.errorrow {
  animation: borderpulse 0.3s infinite;
}

.breadcrumbs>h4>span {
  font-size: 16px;
}

.packtickbutton {
  padding: 10px 20px !important;
  font-size: 0.8em !important;
}

.blinking {
  animation: blinkingText 1.2s infinite;
}

.rotated {
  animation: rotation 2s infinite linear;
}

.panel {
  overflow: auto;
}

a.circular-link {
  border-radius: 20px;
  background: #fbbfa7;
  padding: 5px 10px 5px 10px;
  font-size: 12px;
  transition: background .3s ease-in-out 0s;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
  text-decoration: none;
}

a.circular-link:hover {
  color: #FFFFFF;
}

a.underline:hover {
  text-decoration: underline;
}

.currency-aud::before {
  content: "\0024 \00A0"
}

.currency-usd::before {
  content: "\0024 \00A0"
}

.currency-::before {
  content: "\0024 \00A0"
}

.currency-eur::before {
  content: "\20AC \00A0"
}

.currency-gbp::before {
  content: "\00A3 \00A0"
}

.search-results {
  display: none;
  overflow: auto;
}

.w-25 {
  width: 25%
}

.w-50 {
  width: 50%
}

.w-75 {
  width: 75%
}

.w-100 {
  width: !00%;
}

@keyframes borderpulse {
  0% {
    border: 10px solid red;
  }

  100% {
    border: 10px solid orange;
  }
}

@keyframes blinkingText {
  0% {
    color: #000;
  }

  49% {
    color: #000;
  }

  60% {
    color: transparent;
  }

  99% {
    color: transparent;
  }

  100% {
    color: #000;
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

b.typelabel,
b.typelabelinline {
  font-size: 0.8em;
  border: 1px solid #fff;
  color: #fff;
  padding: 3px;
  display: block;
  margin: 0 0 5px 0;
  text-align: center;
}

b.typelabelinline {
  display: inline-block;
  padding: 3px 8px;
  margin: 0px 5px;
  font-size: 0.6em;
}

table.table-counter tbody tr {
  counter-increment: row-num;
}

table.table-counter tbody tr td:first-child::before {
  content: counter(row-num) ". ";
}


@media screen and (max-width: 800px) {
  .statbox {
    display: none;
  }
}