.main {
  width: 100%;
}
body, table, td, tr, th, thead, tbody, a, div {
  font-family: 'Quicksand', sans-serif;
}

table {
  width: 100%;
  border-collapse: collapse;
  color: #666;
}
td {
  padding: 5px 0px 5px 0px;
  vertical-align: middle;
}
tr {
  border-bottom:1px solid #e6e6e6;
}
a {
  text-decoration:none;
}

.tablefixhead thead th {
  position: sticky;
  top: 105px;
  z-index:1;
  background-color: #e6ffe6;
}

.headerSortUp {
  background-color:#cdcdcd;
}

.headerSortDown {
  background-color:#ededed;
}

.topnavi {
  overflow: hidden;
  position: fixed;
  top:0;
  width: 100%;
  background-color: #fff;
  z-index: 9999;
}

.headline {
  font-size: 13px;
  text-align: left;
}
.cryptoheadline {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.cryptoname {
  font-weight: bold;
  text-align: left;
  font-size: 16px;
}
.buyingprice {
  text-align: left;
  font-size: 16px;
}
.subcontent {
  text-align: left;
  font-size: 14px;
  margin-top:5px;
}
.different {
  width: 70px;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
  padding:8px 5px 8px 5px;
}
.menubutton {
  padding: 5px 10px 5px 10px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-block;
}
.sumtotalbuy {
  font-size: 16px;
  font-weight: bold;
}
.smallbutton {
  padding: 2px 8px 2px 8px;
  color: white;
  font-weight: bold;
  font-size: 13px;
  border-radius: 4px;
  text-decoration: none;
}
.bggreen {
  background-color: #2ebd85;
}
.bgred {
  background-color: #f6465d;
}
.bggray{
  background-color: #e6e6e6;
}
.bglightgray {
  background-color:#f2f2f2;
}
.green {
  color: #2ebd85;
}
.red {
  color: #f6465d;
}
.purple {
  background-color: #e600ac;
}
.darkgrey {
  color: #333;
}
.lightgrey {
  color: #888;
}
.black {
  color: #000;
}
.white {
  color: #fff;
}
.boldtext {
  font-weight: bold;
}
.progress{
    position: relative;
    height: 5px;
    width: 60px;
    border: 1px solid #cdcdcd;
    border-radius: 15px;
}
.progress .color{
    position: absolute;
    background-color: #cc99ff;
    width: 0px;
    height: 6px;
    border-radius: 15px;
    animation: progres 4s infinite linear;
}
@keyframes progres{
    0%{
      width: 0%;
    }
    25%{
        width: 50%;
    }
    50%{
        width: 75%;
    }
    75%{
        width: 85%;
    }
    100%{
        width: 100%;
    }
};