html {
  background-color: #181a20 !important; }

body {
  font: 400 12px 'Ubuntu';
  background-color: #1d1e22;
  color: #eaecef;
  padding: 0px; }

sub {
  font-size: 8px; }

h2 {
  text-align: left;
  float: left;
  position: relative;
  color: #fff; }

.right-align {
  float: right; }

#coinsCombo.hidden {
  display: none; }

#coinsCombo {
  display: inline-block; }

#chart {
  height: auto;
  width: 100%; }

.minmax-graph {
  cursor: pointer; }

.material-icons-outlined {
  font-family: 'Material Icons'; }

.container, header {
  display: none; }

@media screen and (max-height: 575.98px) and (orientation: landscape) {
  .container, header {
    display: block; }
  #landscape-warning {
    display: none; }
  table.crypto-grid tbody tr td input[type="text"], table#crypto-grouped tbody tr td input[type="text"] {
    font-size: 10px; } }

@media only screen and (min-width: 601px) {
  .container, header {
    display: block; }
  #landscape-warning {
    display: none; }
  table.crypto-grid tbody tr thead tr, table#crypto-grouped tbody tr thead tr {
    height: 36px; }
  table.crypto-grid tbody tr td input[type="text"], table#crypto-grouped tbody tr td input[type="text"] {
    font-size: 12px; } }

table.crypto-grid, table#crypto-grouped {
  border-spacing: 1px;
  /*border-collapse: collapse;*/
  border-radius: 6px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative; }
  table.crypto-grid .mobile-only, table#crypto-grouped .mobile-only {
    display: none; }
  table.crypto-grid *, table#crypto-grouped * {
    position: relative; }
  table.crypto-grid thead tr, table#crypto-grouped thead tr {
    background-color: rgba(88, 42, 84, 0.7);
    font-size: 12px;
    color: #ddd; }
  table.crypto-grid thead th, table#crypto-grouped thead th {
    text-align: center;
    white-space: nowrap; }
  table.crypto-grid tbody tr.owned, table#crypto-grouped tbody tr.owned {
    opacity: 1; }
  table.crypto-grid tbody tr, table#crypto-grouped tbody tr {
    height: 36px;
    border-bottom: 1px solid #273138;
    opacity: 0.7; }
    table.crypto-grid tbody tr:last-child, table#crypto-grouped tbody tr:last-child {
      border: 0; }
    table.crypto-grid tbody tr td, table#crypto-grouped tbody tr td {
      text-align: left;
      border: 1px dotted #262626; }
      table.crypto-grid tbody tr td.l, table#crypto-grouped tbody tr td.l {
        text-align: right; }
      table.crypto-grid tbody tr td.c, table#crypto-grouped tbody tr td.c {
        text-align: center; }
      table.crypto-grid tbody tr td.r, table#crypto-grouped tbody tr td.r {
        text-align: center; }
      table.crypto-grid tbody tr td .flexdiv, table#crypto-grouped tbody tr td .flexdiv {
        display: flex;
        align-items: center; }
        table.crypto-grid tbody tr td .flexdiv span.coin-row-no, table#crypto-grouped tbody tr td .flexdiv span.coin-row-no {
          line-height: 28px; }
        table.crypto-grid tbody tr td .flexdiv span.EURO, table#crypto-grouped tbody tr td .flexdiv span.EURO {
          font-size: 0.75em;
          color: yellow;
          border-radius: 4px;
          text-align: right;
          position: absolute;
          top: -40%;
          width: 96%; }
      table.crypto-grid tbody tr td .border-on, table#crypto-grouped tbody tr td .border-on {
        border: 1px solid #022034;
        background-color: #292929;
        border-radius: 4px; }
      table.crypto-grid tbody tr td select, table#crypto-grouped tbody tr td select {
        box-sizing: border-box;
        border-radius: 4px;
        padding: .5em 1em;
        font-size: 12px;
        width: 50%;
        padding: .5em 1em; }
      table.crypto-grid tbody tr td input[type="text"], table#crypto-grouped tbody tr td input[type="text"] {
        box-sizing: border-box;
        border-radius: 4px;
        text-align: right;
        color: #eaecef;
        background-color: transparent;
        border: 1px solid transparent;
        width: 100%;
        /*padding: .5em 1em;*/ }
      table.crypto-grid tbody tr td input[type="text"]:disabled, table#crypto-grouped tbody tr td input[type="text"]:disabled {
        opacity: 1; }
      table.crypto-grid tbody tr td input.livedata, table#crypto-grouped tbody tr td input.livedata {
        position: relative;
        top: -1px;
        left: 1px;
        visibility: hidden; }
      table.crypto-grid tbody tr td input[type='radio']:after, table#crypto-grouped tbody tr td input[type='radio']:after {
        width: 14px;
        height: 14px;
        border-radius: 14px;
        top: -1px;
        left: 0px;
        position: relative;
        background-color: #292929;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 1px solid #505000; }
      table.crypto-grid tbody tr td input[type='radio']:checked:after, table#crypto-grouped tbody tr td input[type='radio']:checked:after {
        background-color: #ffa500;
        border: 1px solid #d1d3d1; }
      table.crypto-grid tbody tr td input[type="text"]:focus, table#crypto-grouped tbody tr td input[type="text"]:focus {
        outline: none;
        /*border: 1px solid #777;*/
        background-color: #444; }
      table.crypto-grid tbody tr td input[type="text"].edit, table#crypto-grouped tbody tr td input[type="text"].edit {
        /*background-color: #292929;*/ }
      table.crypto-grid tbody tr td input[type="text"].edit:focus, table#crypto-grouped tbody tr td input[type="text"].edit:focus {
        border: 1px solid #808080; }
      table.crypto-grid tbody tr td input[type="text"].profit, table#crypto-grouped tbody tr td input[type="text"].profit {
        color: #00ff21; }
      table.crypto-grid tbody tr td input[type="text"].loss, table#crypto-grouped tbody tr td input[type="text"].loss {
        color: #ff0000; }
      table.crypto-grid tbody tr td .newcoin, table#crypto-grouped tbody tr td .newcoin {
        display: flex; }
      table.crypto-grid tbody tr td .newcoin input[type="button"], table#crypto-grouped tbody tr td .newcoin input[type="button"] {
        background: transparent;
        color: #b0b0b0;
        border: transparent;
        font-size: 1em; }
      table.crypto-grid tbody tr td .newcoin label, table#crypto-grouped tbody tr td .newcoin label {
        width: 8px;
        text-align: center;
        background-color: #0021F0;
        opacity: 0.4;
        position: absolute;
        right: 0; }
      table.crypto-grid tbody tr td .newcoin label:hover, table#crypto-grouped tbody tr td .newcoin label:hover {
        width: 8px;
        text-align: center;
        background-color: #0021F0;
        opacity: 1;
        cursor: pointer; }
  table.crypto-grid tbody tr:hover, table#crypto-grouped tbody tr:hover {
    background-color: #022034; }
  table.crypto-grid tfoot tr, table#crypto-grouped tfoot tr {
    height: 36px;
    color: #b9b9b9;
    background-color: rgba(88, 42, 84, 0.4);
    font-size: 12px; }
    table.crypto-grid tfoot tr td input[type="text"], table#crypto-grouped tfoot tr td input[type="text"] {
      box-sizing: border-box;
      border-radius: 4px;
      text-align: right;
      color: #eaecef;
      background-color: transparent;
      border: 1px solid transparent;
      width: 100%;
      padding: .5em 1em;
      font-weight: bolder; }
    table.crypto-grid tfoot tr td input[type="text"].profit, table#crypto-grouped tfoot tr td input[type="text"].profit {
      color: #00ff21; }
    table.crypto-grid tfoot tr td input[type="text"].loss, table#crypto-grouped tfoot tr td input[type="text"].loss {
      color: #ff0000; }
    table.crypto-grid tfoot tr td input[type="text"].nutral, table#crypto-grouped tfoot tr td input[type="text"].nutral {
      color: #d1d3d1; }

table#crypto-grouped {
  border: 1px dotted #808080; }
  table#crypto-grouped thead tr {
    background-color: #333;
    opacity: 0.4;
    color: #fff;
    font-size: 14px; }
  table#crypto-grouped thead th sup {
    font-size: 8px;
    color: orange; }

table.graph-grid {
  border-spacing: 1px;
  border-collapse: collapse;
  border-radius: 6px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative; }

body {
  font: 400 10px 'Ubuntu'; }