*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #777;
}
.container{
	width: 1170px;
	padding: 0 15px;
	margin: 0 auto;
	max-width: 100%;
}
h1,h2,h3,h4,h5,h6{
	color: #111;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 20px
}
h2{	font-size: 24px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
h5{font-size: 14px;}
h6{font-size: 12px;}
pre {
	background: #ddd;
	text-align: left;
}
ol,ul{margin-bottom: 20px;padding-left: 15px}
p{margin-bottom: 15px;}
img{
	max-width: 100%;
	height: auto;
	margin-bottom: 20px
}
header {
    background: #f5f5f5;
    color: #000;
    overflow: hidden;
    padding: 25px;
}
a{
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	text-decoration: none;
}
pre{
	overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}
.header-inner{
	display: table;
	width: 100%;
}
.header-inner > div{
	display: table-cell;
	vertical-align: middle;
}
.left-header a {
    float: left;
    width: 135px;
    margin-right: 15px;
}
.left-header h1{
	display: block;
	padding-left: 135px;
	padding-top: 4px;
	text-transform: uppercase;
	font-size: 24px;
	margin-bottom: 3px;
	color: #000;
	font-weight: bold;
}
.left-header h2{
	display: block;
	padding-left: 135px;
	font-weight: normal;
	font-size: 14px;
	color: inherit;
}
.right-header{
	text-align: right;
}
.right-header a{
	color: inherit;
	font-size: 16px;
}

.main-container{
	padding: 50px 0;
}
.main-container > .container{overflow: hidden;}
#documenter_sidebar{
	float: left;
	width: 30%;
	padding-right: 30px;
}
#documenter_content{
	float: left;
	width: 70%;
}
#documenter_content section{margin-bottom: 50px;}
#documenter_sidebar h3{
	color: #111;
	margin-bottom: 15px;
}
#documenter_sidebar ul{
	margin-bottom: 50px;
	padding-left: 15px;
}
#documenter_sidebar ul li{
	list-style: none;
	line-height: 30px;
}
#documenter_sidebar ul li a{color: inherit;}
#documenter_sidebar  ul li a.active{
	color: #111;
}
#documenter_content .content-docs{
	display: none;
	animation-name: fadeInUp;
	animation-duration: 1s;
}
#documenter_content .content-docs.active{
	display: block;
}

@-webkit-keyframes fadeInUp {
	 0% {
	  opacity:0;
	  -webkit-transform:translateY(20px)
	 }
	 100% {
	  opacity:1;
	  -webkit-transform:translateY(0)
 }
}
@-moz-keyframes fadeInUp {
	 0% {
	  opacity:0;
	  -moz-transform:translateY(20px)
	 }
	 100% {
	  opacity:1;
	  -moz-transform:translateY(0)
	 }
}
@keyframes fadeInUp {
	 0% {
	  opacity:0;
	  transform:translateY(20px)
	 }
	 100% {
	  opacity:1;
	  transform:translateY(0)
	 }
}
.docs-box{margin-top: 40px;}
.docs-box ol li, ol li{margin-bottom: 10px;}
strong, b{color: #111}
.highlight{
	display: inline-block;
	background-color: #111;
	color: #fff;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	padding: 2px 6px;
}
.cols{
	overflow: hidden;
	margin: 0 -15px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.cols .col-50{
	width: 50%;
	padding: 0 15px;
}
.cols .col-33{
	width: 33.33%;
	padding: 0 15px;
}
footer{
	padding: 25px 0;
	background:#f5f5f5;
	text-align: center;
}