body {
  background: #222;
  margin-top: 20px;
  font-size: 12px; }

div.grid-container {
  max-width: 100%; }

div.chart {
  width: 100%;
  height: 350px;
  margin-bottom: 30px; }
  div.chart canvas {
    width: 100% !important;
    height: 100% !important; }

div.topchart {
  width: 100%;
  height: 350px;
  margin-bottom: 30px; }
  div.topchart canvas {
    width: 100% !important;
    height: 100% !important; }

div.card {
  background: #333;
  border: none;
  color: #fff; }
  div.card a {
    color: #fff; }
    div.card a:hover {
      color: #1779ba; }

div.card-divider {
  background: #444;
  text-transform: capitalize;
  padding: 5px 10px; }

h4 {
  font-size: 16px; }

div.card-section {
  padding: 0; }

table, thead, tbody {
  margin-bottom: 0;
  border: none; }
  table td, thead td, tbody td {
    border: none; }

thead {
  background: #444;
  color: #fff;
  border: none; }

tbody {
  background: #333;
  border: none; }

tbody tr:nth-child(even) {
  background: #393939;
  border: none; }

.top-bar {
  background: #333; }
  .top-bar ul {
    background: #333; }
    .top-bar ul li.menu-text {
      color: #fff; }

/*# sourceMappingURL=css.css.map */