.quotes-header div {
  float: left;
  text-align: left;
  cursor: pointer;
}

  .quotes-header div.active {
    font-weight: bold;
    color: #054e7d;
    cursor: default;
  }

#online-quotes div.up {
  color: green;
}

#online-quotes div.down {
  color: red;
}

.quotes-header {
  color: #838383;
  padding: 10px 10px 0 10px;
  border-bottom: 1px solid #d1d1d1;
  text-align: center;
  font-size: 13px;
  box-sizing: border-box;
  margin-bottom: 5px;
  margin-right: 7px;
}

  .quotes-header::after {
    content: '';
    display: block;
    clear: both;
  }

.quotes-body {
  font-weight: 400;
  color: #3b3b3b;
  overflow: auto;
  position: relative;
  height: 280px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

  .quotes-body .line {
    float: none;
    padding: 10px;
  }

    .quotes-body .line:hover {
      background-color: aliceblue;
    }

    .quotes-body .line::after {
      content: '';
      display: block;
      clear: both;
    }

    .quotes-body .line div {
      float: left;
      text-align: left;
    }

      .quotes-body .line div.symbol {
        font-weight: bold;
      }

      .quotes-body .line div.quote {
        padding-right: 15px;
        text-align: right;
      }

      .quotes-body .line div.button a {
        display: inline-block;
        color: #3b3b3b;
        border: 2px solid white;
        width: 90%;
        max-width: 100px;
        text-align: center;
        border-radius: 5px;
      }

      .quotes-body .line div.sell a {
        border-color: #f07869;
      }

      .quotes-body .line div.buy a {
        border-color: #0099e6;
      }