$positive-bg: #27892f;
$negative-bg: #c02a1d;

.text-disabled {
  color: #777;
}

.positive {
  color: $positive-bg;
}

.negative {
  color: $negative-bg;
}

.positive-bg {
  -webkit-animation-name: positive-change;
}

.positive-bg-alt {
  -webkit-animation-name: positive-change-alt;
}

.positive-bg, .positive-bg-alt {
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: none;
  animation-play-state: running;
}

.negative-bg {
  -webkit-animation-name: negative-change;
}

.negative-bg-alt {
  -webkit-animation-name: negative-change-alt;
}

.negative-bg, .negative-bg-alt {
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: none;
  animation-play-state: running;
}

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

.update-available {
  background: #f7931a;
  color: #efefef;

  .icon {
    color: #efefef;
  }
}

.currency-list {
  height: 23px;
  width: auto;
  border-top-color: #c2c0c2;
  border-right-color: #c2c0c2;
  border-bottom-color: #a19fa1;
  border-left-color: #c2c0c2;
  margin-right: 4px;
}

.btn-group-actions {
  margin-bottom: -1px;
}

.online {
  text-shadow: 0 0 10px rgba(41,160,59,0.5);
  color: #29a03b!important;
}

.offline {
  text-shadow: 0 0 10px rgba(251,47,41,0.5);
  color: #fb1710!important;
}

.hide {
  display: none!important;
}

.wait-loader {
  display: table;
  height: 100%;
  width: 100%;

  > div {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
  }
}

.coin-selected {
  background: #eee !important;
  border-left: 4px solid;
}

@keyframes positive-change {
	0%   { background-color: #fff; }
	50%  { background-color: lighten($positive-bg, 30%); }
	100% { background-color: #fff; }
}

@keyframes positive-change-alt {
	0%   { background-color: #fff; }
	50%  { background-color: lighten($positive-bg, 30%); }
	100% { background-color: #fff; }
}

@keyframes negative-change {
	0%   { background-color: #fff; }
	50%  { background-color: lighten($negative-bg, 30%); }
	100% { background-color: #fff; }
}

@keyframes negative-change-alt {
	0%   { background-color: #fff; }
	50%  { background-color: lighten($negative-bg, 30%); }
	100% { background-color: #fff; }
}

.coin-icon {
  min-height: 100px;
  min-width: 100px;
}
