body {
  background-color: #15232E;
  /* height: 100%; */
}

html, body {
  height: 100%;
}

.h1-title {
 margin-bottom: 0;
 border-bottom: solid #333E4C 1px;
}

.main-title {
 color: white;
 font-family:system-ui;
 font-size: 2em;
 }

.h1-title .outer .left-time {
	color: white;
}

.h2-title span {
	color: white;
}

.h1-title .outer .weather {
	color: white;
}


.card {
  background-color: #1F2935;
  border-radius: 5px;
  box-shadow: 2px 2px 5px rgb(21, 21, 21);
  min-height: 250px;
  margin: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


.statistics li .title {
 	color: white;
}
.row-item-chart .mchart .chart-title, .row-item-chart .vswiper .chart-title {
  background:none;
  border-left: none;
  border-bottom: solid #333E4C 1px;
}

.chart-title {
  color: white;
  border-bottom: solid #333E4C 1px;
  font-size: 10px;
  padding: 3px;
}
.mapChart {
  background: none;
  display: block;
  flex: none;
}

.statistics li {
    flex: 1;
    text-align: center;
    background-color: #1F2935;
    margin: 5px;
    padding: 10px;
    border-radius: 2px;
    color: white;
}

.row .item {
  background: none;
}

.row-item-chart .mchart {
	min-height: 200px;
}

.row-item-chart {
  display: flex;
  flex-wrap: wrap;
}

.chart {
  min-height: 250px;
}

.mchart {
  margin: 5px;
  width: 100%;
}

.header-controls {
  font-size: 10px;
}