html, body{max-width:100%; margin:0; height:auto; background-color:#FFFFFF;color:#383838;}
body{ padding-bottom: 40px; font-family: 'Open Sans', sans-serif;; font-size:13px; line-height:1.5em;}
#documenter-cover{ min-height: 600px;}
a { color:#000; text-decoration:none; outline:none; }
a:hover,
a:focus {  color:#000; text-decoration:underline; }
img { max-width:100%;}

img{height:auto !important;}
iframe{	max-width:100% !important;}

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


h2 { font-size:20px; color:#000; font-weight:700;}
section h3 { font-weight:400; font-size:16px; margin-top:0; color:#000; font-weight:600; margin-bottom:20px; } 
section h3 + p { padding:10px 0; }
section h4 { font-size:14px; font-weight:600; text-transform:uppercase; }

section{ margin-top:50px;}
section table{	border-top:1px solid;margin: 18px 0 18px;}
section table td, section table th{	border-bottom:1px solid;text-align:left;padding: 10px 10px 10px 3px;}
section table th{font-weight: 900;}

footer{	padding-bottom:500px;}

.container{	padding-bottom:3px;	position: relative;}

#documenter_copyright{display:block !important;visibility:visible !important;}
#documenter_copyright a { max-width:100px; margin:10px auto 0; display:block; }
	
h1.logo { background-color:#000; padding:9px; text-align:center; margin:0; }
.logo a { height:49px; display:block; }

#documenter_sidebar { position:fixed; left:0; top:0; width:300px; height:100%; background:#f0f1f1; box-shadow:3px 0px 6px rgba(0,0,0,0.3); z-index:999; }

#documenter_nav { float:none; margin:0; padding:0; height:600px; }
#documenter_nav li {  list-style:none; border-bottom:1px solid #ddd;}
#documenter_nav li>a { display:block; margin:0; padding:8px 13px; font-size:14px; font-family:arial; display:block; max-width:100%; color:#000; list-style:none; text-decoration:none;}
#documenter_nav li.active > a  { background:#fb7e66; color:#fff; outline:none; }
#documenter_nav li li:last-child { border:none; }

#documenter_nav .nav ul { list-style:none; padding:0; display:none; }
#documenter_nav .nav .active ul { display:block; max-height:400px; overflow-x:auto; }
#documenter_nav .nav ul li a { padding-left:30px; font-size:13px; }

#documenter_content { left:300px ; position:absolute; padding:60px 40px;}
#documenter_content>section { margin:0; padding:10px 0; }
#documenter_content h2 { padding-top:50px; }

#documenter_copyright { width:100%; padding:10px; text-align:center; position:absolute; left:0; bottom:0; font-size:11px; box-sizing:border-box; }
#documenter_copyright span { display:inline-block; text-align:left; line-height:normal; vertical-align:middle; }
#documenter_copyright img { vertical-align:middle; }
#documenter_content { padding-bottom:700px; }


span.step { display:inline-block; line-height:20px; height:20px; width:20px; background:#e98602 ; color:#fff; text-align:center; margin-right:10px; font-size:12px;}

.note { margin-bottom:20px; font-size:16px; display:block; padding:10px; color:#c04541; background:#f7f89c; font-weight:700 !important; display:inline-block;}
.note span { font-weight:700; color:#bc3d05; }

p { margin-bottom:20px; }

.textarea { resize:none; border:1px solid #ddd; border-radius:5px; padding:20px;  overflow:hidden; height:1050px; width:80%; clear:both; }

.themeSettings { max-height:250px; overflow-y:auto !important; }

.steps { counter-reset: section;}
.steps { padding-left:10px; margin-top:30px;}
.steps>li { padding-left:20px; font-weight:700; font-family:18px; color:#000; padding-bottom:15px; position:relative; list-style:none;}
.steps>li:before { background:#fb7e66; color:#fff;  counter-increment: section ; content: " " counter(section) " "; height:30px; position:absolute; height:25pxpx; text-align:center;
line-height:30px; left:-30px; top:-5px; min-width:30px; text-align:center; border-radius:50%;}
.steps>li p { font-weight:400; font-size:14px; margin:20px 0; }

.steps h4 { margin:20px 0; }

.decimal { counter-reset: step; }
.decimal>li { padding-left:20px; font-weight:600; font-size:13px; color:#000; padding-bottom:15px; position:relative; list-style:none;  }
.decimal>li a { color:#555; text-decoration:underline;}
.decimal>li a:hover { text-decoration:none; }
.decimal>li:before { background: #000;counter-increment: step;content: "" counter(step) " ";position: absolute;height: 22px;width: 22px;text-align: center;left: -17px;top: -4px;line-height: 22px;border-radius: 3px;color: #fff; }
.decimal ol { padding-top:15px; font-weight:400; line-height:24px; }

p code { color:#fff; background:#5bc0de; padding:5px 10px; font-weight:600; letter-spacing:0.3px; font-size:16px; }

.dispaly-table { display:table; vertical-align:top;} 
.dispaly-table-cell { display:table-cell; vertical-align:top; padding-right:10px;} 
.dispaly-table-cell p { margin:0 0 10px 0; }

.top-bar { background:#333; width:100%; padding:17px 15px 16px 315px; width:100%; color:#fff; position:fixed; top:0; left:0; z-index:99; box-sizing:border-box; text-decoration:none; }
#documenter_content .top-bar h2 { float:left; margin:0; padding:7px 0 0; font-weight:400; font-size:18px; }
.top-bar .logo { color:#fff; text-decoration:none; font-size:18px; }
.top-bar .logo  img { vertical-align:middle; }
.top-bar .logo a { display:block; height:49px;}

.right-buttons { float:right; }
.right-buttons a { transition:all 0.3s ease-in-out 0s; text-decoration:none; float:right; color:#000; border-radius:3px; font-size:12px; text-transform:uppercase; background:#fff; margin-left:10px; padding:7px 20px; font-weight:700; }
.right-buttons a:hover { background:#fb7e66; color:#fff; }
.right-buttons a.buy { background:#fb7e66; color:#fff; }
.right-buttons a.buy:hover { background:#fff; color:#000; }

#documenter_content>section.welcome { text-align:center; padding:80px; margin:0 -40px; background:#fff; border-bottom:2px solid #eee; }
#documenter_content>section.welcome h3 { color:#000; font-size:25px; font-weight:700; margin:25px 0 0; text-transform:uppercase; letter-spacing:0.6px; margin-bottom:15px;}
.welcome-text { color:#000; font-size:17px; line-height:25px; padding:0 60px; }
.welcome-text a { color:#fb7e66; }
.btn-video { transition-duration:0.5s; background:#000; color:#fff; padding:10px 25px; letter-spacing:0.2px; margin-bottom:20px; display:inline-block; text-decoration:none;  font-weight:700; font-size:13px; text-transform:uppercase; border-radius:20px; }
.btn-video .fas  { padding:0 0 0 5px; vertical-align:calc; font-size:10px; }
.btn-video:hover , .btn-video:focus { text-decoration:none; background:#F30; color:#fff; opacity:0.9; }

p.copytext { font-weight:bold !important; }
p.copytext input { border:1px solid #ddd; background:#fff; min-width:280px; padding:5px 15px;}
p.copytext button { background:#000; color:#Fff; border:0; padding:6px 10px; cursor:pointer; }