html {
	box-sizing: border-box;
	overflow:   -moz-scrollbars-vertical;
	overflow-y: scroll;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	margin:      0;
	background:  #fafafa;
	font-size:   18px;
	font-family: sans-serif;
}

.header {
	height:           70px;
	padding:          0 20px;
	display:          flex;
	align-items:      center;
	background-color: #fff;
	border-bottom:    1px solid #ddd;
	font-family:      "Source Sans Pro", sans-serif;
	font-weight:      400;
	font-size:        16px;
}

.header > * {
	height:      100%;
	display:     flex;
	align-items: center;
}

.header .logo img {
	height:         45px;
	vertical-align: middle;
}

.header .logo {
	margin-right: 20px;
}

.header ul {
	list-style-type: none;
	margin:          0;
	padding:         0
}

.header ul li {
	display:    inline-block;
	list-style: none
}

.header ul li a {
	color:           #607d8b;
	padding:         8px 13px;
	display:         block;
	font-size:       18px;
	white-space:     nowrap;
	text-decoration: none;
}

.header ul li a.active, .header ul li a:hover {
	color: #009efb
}

.header ul li a.active {
	font-weight: 400;
	color:       #263238
}

.header > ul > li {
	padding: 6px 0
}

.header > ul > li.active > a {
	color: #009efb
}

.header > ul > li > a {
	border-radius: 4px
}

.header > ul > li > a i {
	width:          27px;
	font-size:      21px;
	display:        inline-block;
	vertical-align: middle;
	color:          #99abb4
}

.header > ul > li > a .label {
	float:      right;
	margin-top: 6px
}

.header > ul > li > a.active {
	font-weight: 400;
	background:  #242933;
	color:       #009efb
}

.header > ul > li.active:hover > a, .header > ul > li.active > a {
	color:      #fff;
	background: #1e88e5
}

.sidenav {
	top: 70px;
}

.sdk-list {
	width:              100%;
	max-width:          1460px;
	margin:             0 auto;
	padding:            0 20px;
	-webkit-box-sizing: border-box;
	box-sizing:         border-box;
}

.sdk-list ul li {
	margin-top: .7em;
}