.flash {
  display: none; }

.spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%); }

.spinner-background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100vh;
  background-color: rgba(50, 50, 50, 0.5); }

#ico-status {
  font-size: 1rem;
  font-family: Raleway; }
  #ico-status .finished {
    color: black;
    display: none; }
  #ico-status .running {
    color: black;
    display: none; }
  #ico-status .not-started {
    color: black; }

.supply {
  color: #248bd7;
  font-weight: bold; }

.sold {
  color: #3a277a;
  font-weight: bold; }

.reserved .amount {
  color: #ffb500;
  font-weight: bold; }

.available-to-buy, .todayAvailableForUser, .boughtToday {
  color: #00838d;
  font-weight: bold; }

.slidecontainer {
  width: 100%; }

/* The slider itself */
.slider {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 6px;
  background: none;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  cursor: pointer;
  margin: 0;
  margin-top: 19px;
  margin-bottom: 10px; }

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #3a277a;
  cursor: pointer;
  margin-top: -6px; }

.slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #3a277a;
  cursor: pointer; }

.slider::-webkit-slider-runnable-track {
  height: 3px;
  background: #00838d; }

.slider::-moz-range-track {
  height: 3px;
  background: #00838d; }

#hot-input {
  width: 175px; }

#eth-input {
  width: 175px; }

#hot-input:invalid {
  -webkit-box-shadow: none;
          box-shadow: none; }

#hot-input:-moz-submit-invalid {
  box-shadow: none; }

#hot-input:-moz-ui-invalid {
  box-shadow: none; }

#eth-input:invalid {
  -webkit-box-shadow: none;
          box-shadow: none; }

#eth-input:-moz-submit-invalid {
  box-shadow: none; }

#eth-input:-moz-ui-invalid {
  box-shadow: none; }

.purchase-button {
  margin: auto;
  display: table;
  padding: 10px 30px 10px !important; }
  .purchase-button.disabled {
    cursor: default;
    opacity: 0.6; }

.balance {
  margin-bottom: 10px;
  font-weight: bold; }

.hot-balance {
  font-weight: bold;
  color: #3a277a; }

.token-instructions {
  font-style: italic; }

.token-address {
  color: #3a277a; }

.max-out {
  font-weight: bold; }

.tomorrow {
  color: #00838d; }

.launch-date {
  margin: 20px;
  border-radius: 3px;
  background-color: #00838d;
  padding: 3px;
  padding-left: 5px;
  font-size: 16px;
  color: white;
  text-align: center; }

.tx-requested {
  display: none;
  margin: 20px 70px 0;
  font-weight: bold;
  color: #3a277a; }

.tx-sent {
  display: none;
  color: #00838d; }

.buy-tokens {
  margin: 20px 40px;
  border: 1px solid #3a277a;
  border-radius: 10px; }
  .buy-tokens .content-purchase {
    display: none;
    padding: 10px 40px; }
    .buy-tokens .content-purchase.deactivated {
      opacity: 0.5; }

@media screen and (max-width: 800px) {
  .buy-tokens {
    margin: 20px 0; } }
.total {
  float: right; }
  .total #totalHotSold, .total #totalEthRaised {
    display: inline; }
  .total #totalHotSold {
    color: #3a277a;
    font-weight: bold; }
  .total #totalEthRaised {
    color: #3a277a;
    font-weight: bold; }
  .total .align-right {
    text-align: right; }