.logo{
	fill: #fff;
}
.marketing-byline li [class^=icon-]:before{
	font-size: 0.9rem;
	vertical-align: middle;
	color: #6c6c6c;
	width: 25px;
}
#documenter_sidebar {
	width: 320px;
	position: fixed;
	top: 0;
	bottom: 0;
	overflow-y: scroll;
	background: #383838;
}

.masthead {
	padding: 0 45px 0 365px;
	display: table;
	width: 100%;
	background: #f9f9f9;
	height: 90px;
	box-sizing: border-box;
	border-bottom: 1px solid #ececec;
}

#documenter_content {max-width: 1600px;padding: 0 45px 0 365px;}
@media screen and (max-width: 1199px){
	#documenter_content,.masthead{
		padding: 0 15px 0 335px;
	}
}
.nav a {
	color: #fff;
	text-decoration: initial;
	font-size: 12px;
	display: block;
	text-transform: uppercase;
	padding:16px 20px;
	width: 100%;
	box-sizing: border-box;
	vertical-align: middle;
	line-height: 1.8;
}

.active .active {
	color: #47a4e7;
}

.nav > a {
	text-transform: uppercase;
}

.nav li {
	overflow: visible;
	width: 100%;
	color: #fff;
}

body {
	padding: 0;
	background: #fafbff;
	color: #565656;
	line-height: 2;
	font-size: 14px;
	font-family: Roboto;
	margin: auto;
}

img {
	max-width: 100%;
	height: auto!important;
	margin: 22px 0;
	display: block;
}

html {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6{
	line-height:1.5;
	font-weight: 400;
}

h1 {
	font-size: 30px;
}

h2{
	font-size:28px;
}

h3 {
	font-size: 26px;
	margin: 50px 0 10px;
}

h4 {
	font-size: 22px;
	margin: 35px 0 8px;
}

h5 {
	font-size: 20px;
	margin: 25px 0 6px;
}

h6 {
	font-size: 18px;
	margin: 20px 0 4px;
}

.nav li ul {display: none;}

.nav-collapse {
	overflow: visible;
}

.brand {
	height: 90px;
	text-align: center;
	color: #fff;
	background: #232323;
	text-decoration: none;
	vertical-align: middle;
	width: 100%;
	display: block;
	line-height: 100%;
	box-sizing: border-box;
	padding: 28px 0 0;
}

.brand:before {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	/* content: ''; */
}

.nav {
	padding: 0;
	width: 100%;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

.nav .open ul {
	display: block;
}

a {
	color: #4b88fa;
}

a:hover {
	text-decoration: none;
}

.btn:active {
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3) inset;
}

.logo {
	width: 46%;
	display: block;
	height: auto;
	text-align: center;
	margin: auto;
	max-height: 100%;
}

.btn {
	min-width: 130px;
	display: inline-block;
	text-align: center;
	border: 1px solid #d4d4d4;
	height: 40px;
	text-decoration: none;
	color: #868686;
	border-radius: 2px;
}

.btn-blue {
	background: #3aa9e3;
	color: #fff;
	border: 1px solid #3aa9e3;
	box-shadow: 0px 1px 3px rgba(58,169,227,0.5);
}

.btn:before {
	content: '';
	vertical-align: middle;
	height: 100%;
	display: inline-block;
}

ul {
	vertical-align: top;
	display: inline-block;
}

.btn-navbar {
	display: none;
}

.active > a {
	background: #fafbff;
	color: #47a4e7;
	text-shadow: 0px 1px 1px rgba(72, 179, 210, 0.2);
}

.active .active a {
	background: transparent;
}

.nav .active ul {
	display: block;
}

.masthead ul {
	list-style: none;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
}

.masthead li {
	display: inline-block;
	vertical-align: text-top;
	padding-right: 40px;
}

.right {
	text-align: right;
	margin: 0;
}

.right li {
	padding: 0 0 0 10px;
}

.masthead span {
	color: #47a4e7;
}
.masthead .masthead__title{
	color: #565656;
}

section ul,section ol {
	list-style: none;
	color: #939393;
	margin: 0 0 18px;
}

b {
	font-weight: 500;
}

section ul,section p,section ol {
	padding: 22px;
	display: block;
	background: #fff;
}

section p:last-child {
	padding-bottom: 22px;
}

em {
	font-size: initial;
}

p + ul,p + ol {
	padding-top: 0;
	margin-top: -22px;
}

section ul, section ol {
	padding-left: 6%;
}

section p + p,section p + ol {
	padding-top: 0;
	margin-top: -22px;
}

p + p +ol, p + ol + p, p + ul + p, ul + p + ul {
	margin-top: -22px;
}

pre > code.highlight:after {
	outline: .4em solid red;
	outline-offset: 0.3em;
	text-align: left;
	content: '';
	display: block;
	position: absolute;
	top: 0.6em;
	bottom: 0;
	left: 0;
	right: 0;
}

pre > code.highlight {
	padding-top: 0.4em;
}
.page_search_form{
	position: relative;
	background: #2d2d2d;
	padding: 5px 4px 5px 23px;
}
.page_search_form__btn{
	border:none;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	background: #47a4e7;
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: 4px;
	outline: none;
}
.search_input{
	outline: none;
	color: #ababab;
	width: calc(100% - 34px);
	background: none;
	border: none;
	height: 26px;
}
.search_input::-webkit-input-placeholder {color:#ababab;}
.search_input::-moz-placeholder          {color:#ababab;}/* Firefox 19+ */
.search_input:-moz-placeholder           {color:#ababab;}/* Firefox 18- */
.search_input:-ms-input-placeholder      {color:#ababab;}
.page_search_form__btn:hover{
	background: #078BEA;
}
.page_search_form .icon-search:before{
	width: auto;
	font-size: 12px;
	padding: 0;
	line-height: inherit;
}

@media screen and (max-width: 1368px){
	.masthead .btn{
		margin-bottom: 6px;
	}
	.masthead .masthead__title{
		display: none;
	}
}
@media screen and (max-width: 991px){
	.masthead li{
		font-size: 12px;
		padding-right: 10px;
	}
}