@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700,800);
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
}
html { 
	background-color:#fff;
}
body{
	font-size: 20px;
  	font-weight: 400;
	min-height:100%;
	height:auto;
	width:100%;
	color: #000;
	font-family:'Roboto', sans-serif;
}
footer, header, section {
	display:block;
}
a{ color:#60a659; text-decoration:none; cursor:pointer; }
a:hover { text-decoration:underline }
p{
	margin: 0;
	letter-spacing: 0.3px;
    line-height: 24px;
}
ul{
	list-style-type: disc;
}
ol{
	padding: 0;
	margin: 0;
}
strong{
	font-weight:700;
}
dt {
    display: inline-block;
    text-transform: uppercase;
letter-spacing: 1px;
}

dd {
    display: inline-block;
    margin: 0;
    font-weight: 500;
    letter-spacing: 0.5px;
}
strong{
	font-weight:700;
}
/*----------------------------------------------------------------------*/
/* Sidebar
/*----------------------------------------------------------------------*/
#documenter_sidebar{
	position:fixed;
	left:0;
	width:350px;
	height:100%;
	min-height:100%;
	z-index:100;
}
#documenter_sidebar a{
	position:relative;
	z-index:100;
}

#documenter_sidebar #documenter_logo{
	display:block;
	text-align: center;	
}
#documenter_sidebar #documenter_logo img{
	max-width: 226px;
}
#documenter_sidebar ol{
	font-size:12px;
	font-weight:normal;
	min-height:150px;
	height:75%;
	overflow:auto;
}
#documenter_sidebar img{
	border:0;
	margin:10px 0;
	padding: 10px 0 10px 0;
	max-width: 100%;
}
#documenter_sidebar ol li{
	text-align:right;
	padding:0;
}
#documenter_sidebar ol a{
	display:block;
	padding:7px 15px 7px 0;
	text-align:right;
}
#documenter_sidebar ol a:hover,#documenter_sidebar ol a.current{
	-webkit-text-shadow:none;
	-moz-text-shadow:none;
	text-shadow:none;
	text-decoration:none;
}
#documenter_sidebar ol li ol{
	border-top:0;
	font-size:10px;
	min-height:10px;
	height:auto;
	overflow:auto;
	margin:0;
	display:none;
}
#documenter_sidebar ol li ol li a{
	display:block;
	padding:7px 15px 7px 0;
	text-align:right;
	text-transform: capitalize;
}
#documenter_sidebar, #documenter_sidebar ol a {
	background:#f8f8f8;
	color:#000;
}
#documenter_sidebar{
	border-right:1px dotted #bdbdbd;
}
#documenter_sidebar ol {}
#documenter_sidebar ol a {
	border-bottom:1px dotted #bdbdbd;
	color:#000;
	text-align:left;
	padding-left:20px;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	letter-spacing: 0.5px;
}
#documenter_sidebar ol a:hover {
	background: #f1f1f1;
	color:#000;
}
#documenter_sidebar ol a.current {
	background:#60a659;
	color:#fff;
}
#documenter_sidebar ol li li a {
	font-size: 16px;
	opacity: 0.9;
}


div.scrollholder
{
    position: absolute;
    top:115px;
    left:0;
    bottom: 0;
    width: 100%;
    overflow: auto;   
    height:80%;
    padding:18px 0;
}

div.scroll
{
    position: absolute;    
    width: 96%;
	margin-left: 2%;
    
}

/* <Scroll> */
div.track
{
    position: relative;
    float:right;
    top: 0; 
    width: 10px; height: 100%;
    font-size: 0;
    z-index: 3;
    background: #141414;
}

div.drag_bar
{
    position: absolute;
    width: 100%; height: 100px;
    cursor: pointer;
    z-index: 4;
    background: #4d4d4d;
}  

#documenter_content > section {
	padding-bottom: 30px;
}

/*----------------------------------------------------------------------*/
/* Content
/*----------------------------------------------------------------------*/
#documenter_content{
	position:absolute;
	right:18px;
	left:350px;
	padding-left:30px;
	padding-top: 50px;
	padding-bottom:800px;
	min-height:100%;
	height:auto;
	z-index:1;
}

#documenter_cover {
    width: 63.667%;
}

#documenter_cover .sub-title{
	color: #60a659;
	font-size: 22px;
	margin: 0 0 10px 0;
	font-weight: 400;
}
#documenter_cover .main-img img{
	max-width: 100%;
	
	margin: 0 auto;
	text-align: center;
	display: block;
	border: none;
}

#documenter_content .template-heading{
	display: block;
	text-align: left;
	border: none;
	text-transform:capitalize;
	color: #000;
	font-size: 40px;
	font-weight: 700;	
	font-family: 'PT Sans', sans-serif;
}
.inner-heading {
    font-weight: 600;
}
#documenter_content section.nonetop{
	padding-top:0px;
}

#documenter_content section .inner-content{
	border: 1px solid #ccc;
	 margin-bottom: 20px;
	padding: 15px 20px;
}

#credits a{
	color: #000;
}
#documenter_cover .sub-title{
	color: #60a659;
	font-size: 22px;
}
#documenter_content .main-title > h2{
	color: #60a659;
	font-size: 30px;
	margin: 15px 0;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

#documenter_content p{
	margin-bottom: 10px;
}
#documenter_content img{
	max-width: 100%;
	margin: 18px 0;
	border: 1px solid #cccccc;
	display: block;
}

.inner-body ol > strong{
	margin-bottom: 10px;
	display: block;
}
.inner-body .code {
    border: 1px solid #cccccc;
    color: #333333;
    margin: 15px 0;
    padding: 10px;
    word-wrap: break-word;
    max-height: 350px;
    font-size: 18px;
    overflow: auto;
    background: #f9f9f9;
}
.green-color{
	color: #3c933c;
}

.red{
	color: #d0321e;
}
.blue-color{
	color: #1e91cf;
}
.imp{
	color: #454545;
	font-weight: 600;
}
.inner-heading {
    font-weight: 600;
}
.inner-body li > ul{
	padding-left: 10px;
}
.configutation > span {
    display: block;
    margin-bottom: 10px;
}
.main-title h2{
	color:#60a659;
	font-size: 30px;
    margin: 15px 0;
    text-transform: uppercase;
}
.inner-body ol > li, .inner-body ul > li {
    letter-spacing: 0.4px;
    line-height: 30px;
    margin-left: 25px;
    margin-bottom: 7px;
}

.inner-body {
    padding-left: 10px;
}

.sub-title h3 {
    color: #60a659;
    font-size: 25px;
    margin: 0 0 10px 0;
    text-transform: capitalize;
}

.inner-heading {
    font-weight: 600;
}
.inner-body div {
    margin-bottom: 10px;
}
.configutation > span {
    display: block;
    margin-bottom: 10px;
}

.responsive_video{
	margin-left: 15px;
}

/*--------------------------------------*/
#documenter_content .steps td{
	width:200px;
	padding-right:30px;
	}
#documenter_content .steps td ul li{
	margin-left:15px;
	}
#documenter_content .header-1{
	font-size:16px;
	margin-bottom:18px;
	font-weight:bold;
	color:#fff;
	background:#d46900;
	border-radius:10px;
	padding:10px;
}
#documenter_content .header-1 strong {
	border-radius:30px;
	height:24px;
	width:30px;
	display:inline-block;
	background:#fff;
	color:#d46900;
	text-align:center;
	padding:6px 0 0 0;
}
#documenter_content .header-1 span {
	display:inline-block;
	width:140px;
}
#documenter_content .link-button {
	display:inline-block;
	padding:4px 14px;
	color:#d46900;
	background:#fff;
	font-weight:bold;
	border-radius:20px;
	-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
	}

#documenter_content .steps1 ul {
	margin-top:0px;
	}
#documenter_content .steps1 li {
	margin-left:15px;
	}
#documenter_content .steps1 td {
	padding-left:20px;
	vertical-align:top;
	}
#documenter_content .step-header {
	background:#d46900;
	border-radius:10px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	padding:20px;
	width:120px;
	text-align:center;
	}
#documenter_content .step-header strong {
	border-radius:30px;
	height:42px;
	width:60px;
	display:inline-block;
	background:#fff;
	color:#d46900;
	font-size:20px;
	text-align:center;
	padding:18px 0 0 0;
	margin-bottom:10px;
	}
#by-package .inner-body >ol{
	margin-bottom: 30px;
}
#by-package .inner-body >div{
	margin-bottom: 30px;
}
/*--------------------------------------*/


#documenter_content table{
	border-collapse:collapse;
}
#documenter_content table th{
	font-weight:700;
}
#documenter_content table th, #documenter_content table td{
	padding:3px;
	text-align:left;
}
#documenter_content code, #documenter_content pre{
	font-size:12px;
}

#documenter_content .info p{margin:0 0 15px}
#documenter_content .info h4{margin:0 0 18px}


#documenter_content .table-list {
	border-collapse:collapse;
	}
#documenter_content .table-list td {
	border:1px solid #ccc;
	padding:6px;
	}


/*----------------------------------------------------------------------*/
/* Print Styles
/*----------------------------------------------------------------------*/

@media print {
	 * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
	hr { border-top:1px solid #000 !important;border-bottom:0 !important; }
	
	#documenter_sidebar{
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		position:absolute;
		left:10px;
		top:0;
		width:100%;
		margin-top:500px;
	}
	#documenter_sidebar ol:before { content: "Table of Contents"; }
	
	#documenter_sidebar ol{
		border:0 !important;
	}
	#documenter_sidebar ol li{
		border:0 !important;
		text-align:left;
	}
	#documenter_sidebar ol li a{
		border:0 !important;
		text-align:left;
		padding:4px;
	}
	#documenter_sidebar ol li a:hover{
		border:0 !important;
	}
	#documenter_sidebar #documenter_logo{
		display:none;
	}
	#documenter_sidebar #documenter_copyright{
		display:none;
	}
	#documenter_content{
		left:10px;
	}
	#documenter_cover{
		margin-bottom:300px;
	}
}

/*----------------------------------------------------------------------*/
/* Slider Styles
/*----------------------------------------------------------------------*/

.slides_container {
	width:800px;
	display:none;
	-webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2);
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
.slides_container div {
	width:800px;
	height:600px;
	display:block;
	background:#fff;
}

/*
	Optional:
	Reset list default style
*/
.pagination {
	list-style-type:none !important;
	margin:10px 0 0 0;
	padding:0;
}
#documenter_content .pagination li {
	list-style-type:none !important;
	margin:0 5px 0 0;
	padding:0;
	display:inline-block;
}
#documenter_content .pagination li a {
	display:block;
	width:30px;
	height:23px;
	border-radius:40px;
	background:#fff;
	text-align:center;
	padding:7px 0 0 0;
	font-weight:bold;
	-webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2);
	text-decoration:none;
	font-size:16px;
	color:#ed5f79;
}

/*
	Optional:
	Show the current slide in the pagination
*/
#documenter_content .pagination .current a {
	background:#ed5f79;
	color:#fff;
}

/*----------------*/
html {
	background-color:#fff;
}

hr {
	border-top: 1px solid #D4D4D4;
	border-bottom: 1px solid #FFFFFF;
	margin: 40px 0;
}

#documenter_copyright {
	display:block !important;
	visibility:visible !important;
}
#documenter_copyright, #documenter_copyright a {
	color: #ccc;
}

.styled-list {
	position: relative;
	margin: 20px 0 20px;
	padding: 0;
	list-style: none;
	line-height: 18px;
	font-size: 14px;
}
.styled-list li {
	margin-bottom: 6px;
	padding: 0
}
.styled-list li span {
	display: block;
	overflow: hidden
}
.styled-list li i {
	width: 16px;
	float: left;
	margin-right: 10px;
	text-align: center;
	color: #000;
	font-size: 14px
}
.styled-list li:before {
	color: #215590;
	float: left
}
.styled-list .circle li, .styled-list.circle li {
	text-indent: 0;
	margin-left: 0;
	padding-left: 0;
	list-style: none
}
.styled-list .circle > li:before, .styled-list.circle > li:before {
	content: "\25CF";
	margin: -1px 10px 0 0;
	font-size: 12px
}

.styled-list ul {
	margin-left: 0;
	padding: 5px 0 0
}
.p-t-20{
	padding-top: 20px;
}
.p-r-15{
padding-left: 15px;
}