/* body */

body {
  margin: 0;
  padding: 0;
  font-family: 'Helvetica Neue',Helvetica,'Segoe UI',Arial,freesans,sans-serif;
}

body a {
  color: #73BD2E;
  text-decoration: none;
  font-weight: 400;
}

/* top bar */

div.topbar {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 64px;
  width: 100%;
  background-color: #fff;
  color: #444;
  z-index: 1000;
  overflow: hidden;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

div.headerbar {
max-width: 1300px;
margin-top: -1px;
}

.navbar-brand img {
float: left;
margin: 15px 0px 15px 25px;
}

.headerbar ul {
    margin: 0px 50px 10px 0;
	float: right;
}

.nav ul {
    padding-left: 0;
    list-style: none;
}

.nav ul li {
    position: relative;
    display: block;
    list-style: none;
}

.navbar-nav li {
    float: left;
    padding: 23px 25px 23px 25px;
    list-style: none;
}

.navbar-nav li.current {
    border-bottom: 2px solid #fff;
    margin-bottom: -1px;
    list-style: none;
	background: #fff;
}

.navbar-nav li.current a {
	color: #73BD2E;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}

.headerbar ul li a {
    position: relative;
    display: block;
    color: #787878;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}

.headerbar ul li a:hover {
    color: #787878;
}

table.json td ul:last-child {
  margin-bottom: 0px;
}

/* main container */

div.body {
  margin-left: 300px;
}

@media screen and (max-width: 768px) {
div.body {
  margin-left: 230px;
}
}

/* sidebar */

div.body div.sidebar {
  width: 300px;
  position: fixed;
  left: 0px;
  top: 65px;
  bottom: 0px;
  background-color: #EFEFEF;
  padding-right: none;
}

@media screen and (max-width: 768px) {
div.body div.sidebar {
  width: 230px;
}
}

div.body div.sidebar div.sidebar-dragger {
  position: absolute;
  top: 0;
  right: -8px;
  bottom: 0;
  width: 8px;
  background-color: #EAEAEA;
  // cursor: ew-resize; DISABLED as the resize feature is disabled
}

div.body div.sidebar div.sidebar-inner {
  height: 100%;
  overflow: auto;
}

div.body div.sidebar div.sidebar-inner a, div.body div.sidebar div.sidebar-inner span {
  text-decoration: none;
  color: #888;
}

div.body div.sidebar div.sidebar-inner a, div.body div.sidebar div.sidebar-inner span {
  display: block;
  margin: -17px 0 3px 26px;
}

div.body div.sidebar div.sidebar-inner a:hover {
  text-decoration: underline;
}

div.body div.sidebar div.sidebar-inner i {
  margin-right: 5px;
  color: #797;
  position: relative;
  top: 2px;
}

div.body div.sidebar div.sidebar-inner ul {
  list-style-type: none;
  padding: 0px 0px 0px 15px;
  font-size: 16px;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  line-height: 1.13;
}

div.body div.sidebar div.sidebar-inner li.toctree-l1 {
  padding-bottom: 5px;
}

div.body div.sidebar div.sidebar-inner li.toctree-l1.current-page > a {
  font-weight: bold;
  color: #777;
}

div.body div.sidebar div.sidebar-inner .nav-child-controller:hover {
  cursor: hand;
}

div.body div.content {
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}

div.product-banner {
background-color: #ddd;
padding: 20px;
}

div.content .products a img {
	background-color: #eee;
    padding: 20px;
    width: 40%;
    margin: 20px 20px 20px 0;
}
@media screen and (max-width: 1056px) {
div.content .products a img {
    width: 80% !important;
}
}


a.product-logo {
margin-top: 0px!important;
}

a.product-logo::before {
content: url(/docs/assets/GreenArrow-Studio4-white.png);
}



/* version picker */

#version-picker {
  padding-left: 15px;
}

#version-picker select {
  width: 240px;
  margin: 25px 0 4px 0;
  padding: 3px;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  background: #fff;
  color: #444;
  font-size: 16px;
  border: 1px solid #bbb;
}


/* generic clearfix */

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/* sidebar clearfix */

div.body div.sidebar div.sidebar-inner li:before,
div.body div.sidebar div.sidebar-inner li:after {
  content:"";
  display:table;
}

div.body div.sidebar div.sidebar-inner li:after {
  clear:both;
}

div.body div.sidebar div.sidebar-inner li {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/* sidebar search input */

div.body div.sidebar div.sidebar-search {
  text-align: center;
}

div.body div.sidebar div.sidebar-search input {
  outline: none !important;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
  background-color: rgb(255, 255, 255);
  border-bottom-color: #ccc;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0px;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: #ccc;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #ccc;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-style: solid;
  border-top-width: 1px;
  box-shadow: rgb(221, 221, 221) 0px 1px 3px 0px inset;
  box-sizing: border-box;
  color: rgb(0, 0, 0);
  cursor: auto;
  display: inline-block;
  font-family: Lato, proxima-nova, 'Helvetica Neue', Arial, sans-serif;
  font-size: 12.8px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 30px;
  letter-spacing: normal;
  line-height: normal;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding-bottom: 6px;
  padding-left: 20px;
  padding-right: 12px;
  padding-top: 6px;
  text-align: start;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-transform: none;
  transition-delay: 0s;
  transition-duration: 0.3s;
  transition-property: border;
  transition-timing-function: linear;
  vertical-align: baseline;
  width: 230px;
  word-spacing: 0px;
  writing-mode: lr-tb;
  -webkit-writing-mode: horizontal-tb;
}

@media screen and (max-width: 768px) {
div.body div.sidebar div.sidebar-search input {
width: 170px;
}
}

/* search results */

div.result-entry {
  margin-top: 25px;
}

div.result-entry-title {
  font-size: 1.2em;
}

div.result-entry-summary {
  color: #555;
}

span.result-dimmed {
  color: #999;
}

h3.no-results, h3.result-count {
  color: #777;
}

#select-search select {
  padding: 3px;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  background: #fff;
  color: #444;
  font-size: 16px;
  border: 1px solid #bbb;
  margin: 0 3px 0 5px;
}

/* page content */

/* fix anchor link position */
h1:before, h2:before, h3:before, h4:before {
  display: block;
  content: " ";
  margin-top: -58px;
  height: 58px;
  visibility: hidden;
  z-index: -5000;
}

h1, h2, h3, h4 {
  /* fix so that these headers don't block clicking on links */
  z-index: -5000;
}

div.body div.content {
  margin-top: 50px;
  overflow: hidden;
  padding: 60px;
  max-width: 900px;
}

.markdown-body a {
color: #73BD2E;
font-weight: 400;
}

.content .products a img {
	background-color: #eee;
    padding: 20px;
    width: 350px;
    margin: 20px 20px 20px 0;
}


/* notice/alert panels */

div.panel-notice {
  border: 1px solid #9EB6D4;
  border-radius: 5px;
  background-color: #E0EFFF;
  padding: 5px;
}

div.panel-alert {
  border: 1px solid #DF9898;
  border-radius: 5px;
  background-color: #FFE7E7;
  padding: 5px;
}

div.panel-notice .panel-icon {
  color: #9EB6D4;
}

div.panel-alert .panel-icon {
  color: #DF9898;
}

div.panel-container .panel-icon {
  width: 75px;
  height: 50px;
  padding: 10px 0px 0px 20px;
  overflow: hidden;
  display: inline-block;
  float: left;
}

div.panel-container .panel-heading {
  font-weight: bold;
  margin-left: 75px;
}

div.panel-container .panel-body {
  margin-left: 75px;
}

div.panel-container .panel-body :last-child {
  margin-bottom: 0px;
}


/* notice/alert panels clearfix */

div.panel-container:before, div.panel-container:after {
  content:"";
  display:table;
}

div.panel-container:after {
  clear:both;
}

div.panel-container {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

div.panel-container {
  margin-bottom: 1em;
}


/* table of contents */

#markdown-toc {
  background-color: #F8F8F8;
  border: 1px solid #E8E8E8;
  padding-bottom: 10px;
}

#markdown-toc li {
  font-size: 19px;
  line-height: 1.45;
}

#markdown-toc li.toc-header {
  list-style-type: none;
  border-bottom: 1px solid #EEE;
  margin-left: -32px;
  margin-bottom: 10px;
  padding: 6px 12px;
  font-weight: 500;
  font-size: 17px;
  text-decoration: none;
  color: #666666;
}


/* previous/next buttons at bottom of each page */

div.previous-next-buttons {
  margin-top: 25px;
}

div.previous-next-buttons div.previous-page-button a,
div.previous-next-buttons div.next-page-button a {
  text-decoration: none;
}

div.previous-next-buttons div.previous-page-button {
  float: left;
}

div.previous-next-buttons div.next-page-button {
  float: right;
}


/* previous/next button clearfix */

div.previous-next-buttons li:before,
div.previous-next-buttons li:after {
  content:"";
  display:table;
}

div.previous-next-buttons li:after {
  clear:both;
}

div.previous-next-buttons li {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


/* cool arrow breadcrumbs

#breadcrumb {
  list-style: none;
  display: inline-block;
  margin: 0px 0px 25px 0px;
  padding: 0px 0px 0px 0px;
}
#breadcrumb .icon {
  font-size: 14px;
}
#breadcrumb li {
  float: left;
}
#breadcrumb li a,
#breadcrumb li span {
  color: #FFF;
  display: block;
  background: #3498db;
  text-decoration: none;
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
}
#breadcrumb li:nth-child(even) a,
#breadcrumb li:nth-child(even) span {
  background-color: #2980b9;
}
#breadcrumb li:nth-child(even) a:before,
#breadcrumb li:nth-child(even) span:before {
  border-color: #2980b9;
  border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after,
#breadcrumb li:nth-child(even) span:after {
  border-left-color: #2980b9;
}
#breadcrumb li:first-child a,
#breadcrumb li:first-child span {
  padding-left: 15px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
}
#breadcrumb li:first-child a:before,
#breadcrumb li:first-child span:before {
  border: none;
}
#breadcrumb li:last-child a,
#breadcrumb li:last-child span {
  padding-right: 15px;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
}
#breadcrumb li:last-child a:after,
#breadcrumb li:last-child span:after {
  border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after,
#breadcrumb li span:before, #breadcrumb li span:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #3498db;
  border-width: 20px 10px;
  width: 0;
  height: 0;
}
#breadcrumb li a:before,
#breadcrumb li span:before {
  left: -20px;
  border-left-color: transparent;
}
#breadcrumb li a:after,
#breadcrumb li span:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #3498db;
}
#breadcrumb li a:hover,
#breadcrumb li span:hover {
  background-color: #1abc9c;
}
#breadcrumb li a:hover:before,
#breadcrumb li span:hover:before {
  border-color: #1abc9c;
  border-left-color: transparent;
}
#breadcrumb li a:hover:after,
#breadcrumb li span:hover:after {
  border-left-color: #1abc9c;
}
#breadcrumb li a:active,
#breadcrumb li span:active {
  background-color: #16a085;
}
#breadcrumb li a:active:before,
#breadcrumb li span:active:before {
  border-color: #16a085;
  border-left-color: transparent;
}
#breadcrumb li a:active:after,
#breadcrumb li span:active:after {
  border-left-color: #16a085;
}
.fa-home:before {
  content: url("/assets/GreenArrow-logo-23.png");
}
*/

/* new plain breadcrumbs*/

ul#breadcrumb {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
ul#breadcrumb li {
  float: left;
  padding-right: 10px;
}
ul#breadcrumb li a, ul#breadcrumb li span {
  text-decoration: none;
  color: #888;
}

ul#breadcrumb li a:hover {
  text-decoration: underline;
}

/*ul#breadcrumb li a::after, ul#breadcrumb li span::after {
   content: " >>";
}*/

ul#breadcrumb .separator {
  font-size: 1.25em;
}

ul#breadcrumb li:last-child {
  display:none;
}

/* apitables */

table.apitable-table td {
  vertical-align: top;
}

table.apitable-table em.apitable-type p {
  margin-bottom: 0px;
  display: inline-block;
}
.apitable-right ul:last-child {
  margin-bottom: 0px;
}

/* syntax highlighting - https://raw.githubusercontent.com/richleland/pygments-css/master/github.css */

.highlighter-rouge .hll { background-color: #ffffcc }
.highlighter-rouge .c { color: #999988; font-style: italic } /* Comment */
.highlighter-rouge .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlighter-rouge .k { color: #000000; font-weight: bold } /* Keyword */
.highlighter-rouge .o { color: #000000; font-weight: bold } /* Operator */
.highlighter-rouge .cm { color: #999988; font-style: italic } /* Comment.Multiline */
.highlighter-rouge .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
.highlighter-rouge .c1 { color: #999988; font-style: italic } /* Comment.Single */
.highlighter-rouge .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.highlighter-rouge .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlighter-rouge .ge { color: #000000; font-style: italic } /* Generic.Emph */
.highlighter-rouge .gr { color: #aa0000 } /* Generic.Error */
.highlighter-rouge .gh { color: #999999 } /* Generic.Heading */
.highlighter-rouge .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.highlighter-rouge .go { color: #888888 } /* Generic.Output */
.highlighter-rouge .gp { color: #555555 } /* Generic.Prompt */
.highlighter-rouge .gs { font-weight: bold } /* Generic.Strong */
.highlighter-rouge .gu { color: #aaaaaa } /* Generic.Subheading */
.highlighter-rouge .gt { color: #aa0000 } /* Generic.Traceback */
.highlighter-rouge .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
.highlighter-rouge .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
.highlighter-rouge .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
.highlighter-rouge .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
.highlighter-rouge .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
.highlighter-rouge .kt { color: #445588; font-weight: bold } /* Keyword.Type */
.highlighter-rouge .m { color: #009999 } /* Literal.Number */
.highlighter-rouge .s { color: #d01040 } /* Literal.String */
.highlighter-rouge .na { color: #008080 } /* Name.Attribute */
.highlighter-rouge .nb { color: #0086B3 } /* Name.Builtin */
.highlighter-rouge .nc { color: #445588; font-weight: bold } /* Name.Class */
.highlighter-rouge .no { color: #008080 } /* Name.Constant */
.highlighter-rouge .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
.highlighter-rouge .ni { color: #800080 } /* Name.Entity */
.highlighter-rouge .ne { color: #990000; font-weight: bold } /* Name.Exception */
.highlighter-rouge .nf { color: #990000; font-weight: bold } /* Name.Function */
.highlighter-rouge .nl { color: #990000; font-weight: bold } /* Name.Label */
.highlighter-rouge .nn { color: #555555 } /* Name.Namespace */
.highlighter-rouge .nt { color: #000080 } /* Name.Tag */
.highlighter-rouge .nv { color: #008080 } /* Name.Variable */
.highlighter-rouge .ow { color: #000000; font-weight: bold } /* Operator.Word */
.highlighter-rouge .w { color: #bbbbbb } /* Text.Whitespace */
.highlighter-rouge .mf { color: #009999 } /* Literal.Number.Float */
.highlighter-rouge .mh { color: #009999 } /* Literal.Number.Hex */
.highlighter-rouge .mi { color: #009999 } /* Literal.Number.Integer */
.highlighter-rouge .mo { color: #009999 } /* Literal.Number.Oct */
.highlighter-rouge .sb { color: #d01040 } /* Literal.String.Backtick */
.highlighter-rouge .sc { color: #d01040 } /* Literal.String.Char */
.highlighter-rouge .sd { color: #d01040 } /* Literal.String.Doc */
.highlighter-rouge .s2 { color: #009999 } /* Literal.String.Double */
.highlighter-rouge .se { color: #d01040 } /* Literal.String.Escape */
.highlighter-rouge .sh { color: #d01040 } /* Literal.String.Heredoc */
.highlighter-rouge .si { color: #d01040 } /* Literal.String.Interpol */
.highlighter-rouge .sx { color: #d01040 } /* Literal.String.Other */
.highlighter-rouge .sr { color: #009926 } /* Literal.String.Regex */
.highlighter-rouge .s1 { color: #d01040 } /* Literal.String.Single */
.highlighter-rouge .ss { color: #990073 } /* Literal.String.Symbol */
.highlighter-rouge .bp { color: #999999 } /* Name.Builtin.Pseudo */
.highlighter-rouge .vc { color: #008080 } /* Name.Variable.Class */
.highlighter-rouge .vg { color: #008080 } /* Name.Variable.Global */
.highlighter-rouge .vi { color: #008080 } /* Name.Variable.Instance */
.highlighter-rouge .il { color: #009999 } /* Literal.Number.Integer.Long */

/* Prevent WebKit from hiding scrollbars */

::-webkit-scrollbar {
  -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
  width: 11px;
}

::-webkit-scrollbar:horizontal {
  height: 11px;
}

::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white; /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, .3);
}

::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 8px;
}

div.directive-header {
  background-color: #ddd;
  padding: 5px;
  border-top: 5px solid #aaa;
  margin-bottom: 15px;
  margin-top: 40px;
}

div.directive-header div.directive-label {
  display: inline-block;
  width: 150px;
}

div.directive-header div.directive-syntax {
  display: inline-block;
  font-family: 'Source Code Pro', monospace;
  font-size: 19px;
  font-weight: 400;
}

a.directive-link {
  display: inline-block;
  font-family: 'Source Code Pro', monospace;
  font-size: 19px;
  font-weight: 400;
}