html, body {
	  height:100%;
}
section {
	  min-height: 100%;
	  margin: 0;
	  padding: 0;
	  border: none;
	  /* for the "next" link */
	  position: relative;
}
img {
	  max-width:100%;
}

menu {
	padding: 0;
	margin: 0;
}

menu ul {
	list-style-type: none;
    padding: 0px;
    margin: 0px;
}

menu ul li {
	font-weight: 300;
	font-size: 1.3em;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	padding: 10px;
}

menu .inactive-category {
	background: #f4f3f3
}

menu ul li img {
	margin-right: 8px;
	vertical-align: text-top;
}

menu ol {
	font-size: 1.1em;
}

menu ol li {
	padding: 15px;
}

body.page-weight section {
	  color: #54504c;
	  background: #ffffff;
}

body.page-weight section:nth-child(even) {
	  background: #f4f3f3;
}

.page-weight h2 {
	  color: #ee187d;
}

body.page-activity section {
	  color: #54504c;
	  background: #ffffff;
}

body.page-activity section:nth-child(even) {
	  background: #f4f3f3;
}

.page-activity h2 {
	  color: #ff5a0a;
}

body.page-bp section {
	  color: #54504c;
	  background: #ffffff;
}

body.page-bp section:nth-child(even) {
	  background: #f4f3f3;
}

.page-bp h2 {
	  color: #38b623;
}

body.page-sleep section {
      color: #54504c;
      background: #ffffff;
}

body.page-sleep section:nth-child(even) {
      background: #f4f3f3;
}

.page-sleep h2 {
      color: #3f51b5;
}

a.whi-title {
	  color: #54504c; font-weight: bold; border: none
}

a.next {
	  bottom: 0;
	  position: absolute;
	  text-align: center;
	  width: 100%;
	  font-size: 300%;
	  color: #54504c;
	  font-weight: bold;
	  border: none
}

b {
	font-weight: 500;
}

h3 {
	margin: 0;
}

.filters label,
.whi-form label {
	display: inline-block;
}

.radio input {
	margin-left: 15px;
	margin-right: 2px;
}

.radio label {
	cursor: pointer;
}

.widget-cartogram .huge {
	font-size: 200%;
}

.widget-cartogram .filters {
	margin-top: 8px;
}

.widget-cartogram-detail {
	box-shadow: 0 -5px 5px rgba(0,0,0,0.05);
	margin-top: 10px;
	padding: 10px 0;
}

.btn-map-back {
	padding: 10px;
	color: #54504c;
}

.btn-feedback {
	padding: 10px;
	color: #54504c;
}

select.region {
    font-size: 140%;
    font-family: inherit;
    font-weight: 300;
    padding: 5px 8px;
    background: rgba(255,255,255,0);
    border: 1px solid rgba(84,80,76,0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

select.region option {
    font-family: inherit;
    font-weight: 300;
}

.widget-correlation1 img.center,
.widget-correlation2 img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 200px 0px;
}

@media screen and (max-width: 568px) {
	.widget-correlation1 img.center,
	.widget-correlation2 img.center {
		display: none;
	}
}

img.start-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

h2.center {
	padding: 50px 0px 0px 0px;
    text-align: center;
}

h4.center {
    text-align: center;
}

p.center {
    text-align: center;
    font-size: 130%;
}

.small {
	font-size: 75%;
}

.chart .loading {
	text-align: center;
	font-size: 130%;
	padding: 100px
}

.whi-map {
	height: 600px;
}

.whi-pie {
	height: 240px;
}

.whi-column {
	height: 240px;
}

.whi-area {
	height: 240px;
}

.whi-evol {
	height: 400px;
}

.whi-progr {
	height: 400px;
}

.whi-corr {
	height: 400px;
}

.hidden {
	display: none;
}

.whi-infotext .light {
	padding: 7px 0px;
}