/* table.live-gold-prices-table.safegold.loading td.column-2 {
	color: rgba(58, 58, 58, 0);
} */
table.live-gold-prices-table.smartgoldhamilton.loading td.column-2 {
	color: #ffffff00;
}

table.live-gold-prices-table td.column-2 {
	position: relative;
  transition: color 350ms ease-in-out;
}

table.live-gold-prices-table .placeholder {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
  padding: 11px 10px 10px 8px;
  transition: opacity 350ms ease-in-out;
	display: flex;
  justify-content: center;
  flex-flow: column wrap;
  gap: 5px;
  opacity: 1;
}
table.live-gold-prices-table.safegold tr:nth-child(2n) .placeholder {
  background: #f5f5f5;
}
table.live-gold-prices-table.safegold .placeholder {
	background: #fff;
	padding: 10px 10px 10px 2em;
}
table.live-gold-prices-table .placeholder.hide {
  opacity: 0;
}

.bar {
  display: block;
  height: 1rem;
  overflow: hidden;
  border-radius: 5px;
  background-color: #dbdbdb;
}
.bar:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 3rem;
  top: 0;
  animation: load 750ms cubic-bezier(0.2, 0.7, 0.3, 1) infinite;
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0) 100%
  );
}

@keyframes load {
  from {
    left: -100px;
  }
  to {
    left: 100%;
  }
}

.row-1 .bar {width: 65%}
.row-1 .bar:nth-child(1) {width: 59%}
.row-2 .bar {width: 54%}
.row-2 .bar:nth-child(1) {width: 62%}
.row-3 .bar {width: 60%}
.row-3 .bar:nth-child(1) {width: 59%}
.row-4 .bar {width: 70%}
.row-4 .bar:nth-child(1) {width: 68%}
.row-5 .bar {width: 50%}
.row-5 .bar:nth-child(1) {width: 51%}
.row-6 .bar {width: 58%}
.row-6 .bar:nth-child(1) {width: 69%}
.row-7 .bar {width: 63%}
.row-7 .bar:nth-child(1) {width: 68%}
.row-8 .bar {width: 53%}
.row-8 .bar:nth-child(1) {width: 65%}
.row-9 .bar {width: 67%}
.row-9 .bar:nth-child(1) {width: 66%}
.row-10 .bar {width: 57%}
.row-10 .bar:nth-child(1) {width: 56%}
.row-11 .bar {width: 67%}
.row-11 .bar:nth-child(1) {width: 70%}
.row-12 .bar {width: 52%}
.row-12 .bar:nth-child(1) {width: 68%}
.row-13 .bar {width: 60%}
.row-13 .bar:nth-child(1) {width: 57%}
.row-14 .bar {width: 50%}
.row-14 .bar:nth-child(1) {width: 61%}
.row-15 .bar {width: 62%}
.row-15 .bar:nth-child(1) {width: 69%}
.row-16 .bar {width: 62%}
.row-16 .bar:nth-child(1) {width: 68%}
.row-17 .bar {width: 65%}
.row-17 .bar:nth-child(1) {width: 68%}
.row-18 .bar {width: 69%}
.row-18 .bar:nth-child(1) {width: 51%}
.row-19 .bar {width: 67%}
.row-19 .bar:nth-child(1) {width: 63%}
.row-20 .bar {width: 50%}
.row-20 .bar:nth-child(1) {width: 62%}
.row-21 .bar {width: 63%}
.row-21 .bar:nth-child(1) {width: 61%}
.row-22 .bar {width: 50%}
.row-22 .bar:nth-child(1) {width: 67%}
.row-23 .bar {width: 59%}
.row-23 .bar:nth-child(1) {width: 65%}
.row-24 .bar {width: 55%}
.row-24 .bar:nth-child(1) {width: 55%}
.row-25 .bar {width: 69%}
.row-25 .bar:nth-child(1) {width: 64%}
.row-26 .bar {width: 65%}
.row-26 .bar:nth-child(1) {width: 53%}
.row-27 .bar {width: 70%}
.row-27 .bar:nth-child(1) {width: 63%}
.row-28 .bar {width: 54%}
.row-28 .bar:nth-child(1) {width: 59%}
.row-29 .bar {width: 65%}
.row-29 .bar:nth-child(1) {width: 59%}
.row-30 .bar {width: 64%}
.row-30 .bar:nth-child(1) {width: 61%}
.row-31 .bar {width: 52%}
.row-31 .bar:nth-child(1) {width: 68%}
.row-32 .bar {width: 62%}
.row-32 .bar:nth-child(1) {width: 57%}
.row-33 .bar {width: 55%}
.row-33 .bar:nth-child(1) {width: 62%}
.row-34 .bar {width: 59%}
.row-34 .bar:nth-child(1) {width: 52%}
.row-35 .bar {width: 66%}
.row-35 .bar:nth-child(1) {width: 69%}
.row-36 .bar {width: 56%}
.row-36 .bar:nth-child(1) {width: 64%}
.row-37 .bar {width: 62%}
.row-37 .bar:nth-child(1) {width: 66%}
.row-38 .bar {width: 53%}
.row-38 .bar:nth-child(1) {width: 64%}
.row-39 .bar {width: 62%}
.row-39 .bar:nth-child(1) {width: 70%}
.row-40 .bar {width: 63%}
.row-40 .bar:nth-child(1) {width: 65%}
.row-41 .bar {width: 68%}
.row-41 .bar:nth-child(1) {width: 62%}
.row-42 .bar {width: 67%}
.row-42 .bar:nth-child(1) {width: 68%}
.row-43 .bar {width: 62%}
.row-43 .bar:nth-child(1) {width: 64%}
.row-44 .bar {width: 50%}
.row-44 .bar:nth-child(1) {width: 53%}
.row-45 .bar {width: 65%}
.row-45 .bar:nth-child(1) {width: 50%}
.row-46 .bar {width: 68%}
.row-46 .bar:nth-child(1) {width: 58%}
.row-47 .bar {width: 52%}
.row-47 .bar:nth-child(1) {width: 66%}
.row-48 .bar {width: 62%}
.row-48 .bar:nth-child(1) {width: 59%}
.row-49 .bar {width: 69%}
.row-49 .bar:nth-child(1) {width: 64%}
.row-50 .bar {width: 53%}
.row-50 .bar:nth-child(1) {width: 56%}