body img{
max-width:100%;
height:auto!important;
}
body{
overflow-x:hidden;
}

#documenter_sidebar, #documenter_sidebar ul a{
background-color: #4baed0!important;
}

#documenter_sidebar #documenter_logo{
	height: 15% !important;
        background-size: 100%;
        margin-left: 5px;
}

#documenter_copyright{
	min-height: 50px;
}

#documenter_sidebar ul {
	border-top:0!important;
    height:70%;
	margin:0;
}
#inwave_theme_options ul ul{
	margin-top:0;
	margin-bottom:0;
}

#documenter_sidebar ul a {
padding: 15px 15px 15px 15px;
color: #fff !important;
font-size: 11px;
font-family: Arial;
text-transform: uppercase;
font-weight: bold;
display: block;
background-color: #4baed0 !important;
border-top: 1px solid #68bbd8!important;
border-bottom: none !important;
text-shadow: none !important;
text-align: left;
}

#documenter_content h3 {color: #0d98d9;}

#documenter_sidebar ul a:hover {
	color: #fff!important;
	background: none !important;
	background-color: #68bbd8 !important;
}

#documenter_sidebar ul a.current {
	color: #797979!important;
	background-color: #fff!important;
}

#documenter_content section {
	padding-top: 20px;
}
#documenter_content .syntaxhighlighter .line.alt1  {
	background-color: #ffffff!important;
}

ol.linenums li {
	list-style: decimal;
}
.prettyprint.linenums ol{overflow-x:auto;}

#documenter_copyright {
	bottom: 0px;
	color:#fff;
}
#documenter_copyright a{
	color:#fff;
}
#documenter_content {
    left:238px;
}
#documenter_sidebar {
    width: 220px;
}

#documenter_cover {
background: url(../images/screenshot.png) top center no-repeat;
background-size: cover;
padding: 200px 0 0 0!important;
color:#fff;
margin: 0 -25px 0;
}
.cover-overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#212121;
	opacity:0.93;
}
.welcome{
	position:relative;
}
.welcome-bg{
	position:absolute;
	width:100%;
	height:100%;

	z-index:1;
}
.welcome-content{
	z-index:2;
	position:relative;
	padding:5px 30px 5px 20px;
}
.welcome-content h2{
}
.welcome-content ul{
	margin:0;
}
.welcome-content{
	text-align:center;
}
.welcome-content h4 span{
	border: 2px solid;
    font-weight: bold;
    padding: 5px 10px;

	
}
.welcome-content h4 {
	font-size: 18px;
    text-transform: uppercase;
}
.welcome-content hr{
	opacity:0.3;
	margin: 60px -25px 20px -25px;
	border-bottom:0;
}
#documenter_cover .welcome-content h1 {
	font-size: 60px;
	font-weight: bold;
    text-transform: uppercase;
}
.welcome-content h5 {
	font-size: 16px;
    text-transform: uppercase;
    font-weight: bold!important;
}

iframe {
max-width: 100%;
}
#documenter_sidebar ul {

		height: 75%;
	}

	
	::-webkit-scrollbar {
		  width: 6px;
		  height:0;
	} /* this targets the default scrollbar (compulsory) */
	
	::-webkit-scrollbar-track {
		  background-color: #484848;
	} /* the new scrollbar will have a flat appearance with the set background color */

	::-webkit-scrollbar-thumb {
		  background-color: #ACACAC;
	} /* this will style the thumb, ignoring the track */

	::-webkit-scrollbar-thumb:hover {
		  background-color: #F3F3F3; 
	} /* this will style the thumb, ignoring the track */

	::-webkit-scrollbar-button {
		  background-color: none;
	} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */

	::-webkit-scrollbar-corner {
		  background-color: #121212;
	} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */
	
	
	
.logo{
	background: url("../images/logo.png") no-repeat scroll 12px 12px #222c38;
    color: #fff;
    height: 70px;
    padding-left: 66px;
    position: relative;
}
.logo h2{
	display: inline-block;
    font-style: normal;
    padding-right: 5px;
	color: #fff;
    font-size: 15px;
    line-height: 22px;
    padding-top: 13px;
    text-transform: uppercase;
}
.logo span{
	color: #888888;
	bottom: 10px;
    position: absolute;
    right: 10px;
}
body a{
	color:#663398;
}