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;}

.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;}
}