body { word-wrap: break-word;  }
.gobmx-docs-sidenav { border: 1px solid #eeeeee;  float: right;   margin-top: 64px;   max-width: 260px;   text-align: right; }
.docs-nav li {  border-top: 1px solid #eeeeee; }
.docs-nav a { color: #263131;   display: block;   padding: 18px 30px;   position: relative;   text-decoration: none; }
.docs-nav a:hover { background: #f6f6f6;  text-decoration: none; }
.docs-nav a.active {  background: #eeeeee; }
.docs-nav a.active:before { display: block; }
.docs-nav-logo {  padding: 20px 0;  text-align: center; }
.docs-nav-logo a {  display: block;   margin-bottom: 7px; }
.gobmx-docs-section { float: right;   width: 960px; }
.docs-nav { list-style-type: none;  margin: 0;  padding: 0; }
.show-grid {  font-size: 14px;  margin-bottom: 15px; }
.show-grid [class^=col-] {  background-color: #eee;   background-color: rgba(179, 179, 179, 0.15);  border: 1px solid #ddd;   border: 1px solid rgba(115, 115, 115, 0.2);   padding-bottom: 10px;   padding-top: 10px; }
.highlight {  background-color: #f7f7f9;  border: 1px solid #e1e1e8;  border-radius: 4px;   margin-bottom: 14px;  padding: 9px 14px; }
.highlight pre {  background-color: transparent;  border: 0;  margin-bottom: 0;   margin-top: 0;  padding: 0;   white-space: nowrap;  word-break: normal; }
.highlight pre code { color: #333;  font-size: 13px; }
.highlight pre code:first-child { display: inline-block;  padding-right: 45px; }
.example {  background: white;  border: 1px solid #eeeeee;  border-radius: 3px 3px 0 0;   margin: 10px 0 30px 0;  moz-border-radius: 3px 3px 0 0;   padding: 25px 25px;   position: relative;   webkit-border-radius: 3px 3px 0 0; }
.example-modal { background-color: #B5B5B5;}
.example .modal {     position: relative; top: auto;  right: auto;   bottom: auto;  left: auto;  z-index: 1; display: block;}

.hll {  background-color: #ffc; }
.c {  color: #999; }
.err {  background-color: #FAA;   color: #A00; }
.k {  color: #069; }
.o {  color: #555; }
.cm { color: #999; }
.cp { color: #099; }
.c1 { color: #999; }
.cs { color: #999; }
.gd { background-color: #FCC;   border: 1px solid #C00; }
.ge { font-style: italic; }
.gr { color: red; }
.gh { color: #030; }
.gi { background-color: #CFC;   border: 1px solid #0C0; }
.go { color: #AAA; }
.gp { color: #009; }
.gu { color: #030; }
.gt { color: #9C6; }
.kc { color: #069; }
.kd { color: #069; }
.kn { color: #069; }
.kp { color: #069; }
.kr { color: #069; }
.kt { color: #078; }
.m {  color: #F60; }
.s {  color: #d44950; }
.na { color: #4f9fcf; }
.nb { color: #366; }
.nc { color: #0A8; }
.no { color: #360; }
.nd { color: #99F; }
.ni { color: #999; }
.ne { color: #C00; }
.nf { color: #C0F; }
.nl { color: #99F; }
.nn { color: #0CF; }
.nt { color: #2f6f9f; }
.nv { color: #033; }
.ow { color: #000; }
.w {  color: #bbb; }
.mf { color: #F60; }
.mh { color: #F60; }
.mi { color: #F60; }
.mo { color: #F60; }
.sb { color: #C30; }
.sc { color: #C30; }
.sd { color: #C30;  font-style: italic; }
.s2 { color: #C30; }
.se { color: #C30; }
.sh { color: #C30; }
.si { color: #A00; }
.sx { color: #C30; }
.sr { color: #3AA; }
.s1 { color: #C30; }
.ss { color: #FC3; }
.bp { color: #366; }
.vc { color: #033; }
.vg { color: #033; }
.vi { color: #033; }
.il { color: #F60; }
.css .o,.css .o+.nt,.css .nt+.nt {  color: #999; }
.gobmx-callout {  border: 1px solid #eeeeee;  border-left-width: 5px;   border-radius: 3px;   margin: 20px 0;   moz-border-radius: 3px;   padding: 20px;  webkit-border-radius: 3px; }
.gobmx-callout h4 { margin: 0 0 5px 0; }
.gobmx-callout p:last-child { margin-bottom: 0; }
.gobmx-callout code { border-radius: 3px;   moz-border-radius: 3px;   webkit-border-radius: 3px; }
.gobmx-callout + .gobmx-callout { margin-top: -10px; }
.gobmx-callout.gobmx-callout-danger { border-left-color: #777; }
.gobmx-callout.gobmx-callout-danger h4 {  color: #777; }
.gobmx-callout.gobmx-callout-warning {  border-left-color: #777; }
.gobmx-callout.gobmx-callout-warning h4 { color: #777; }
.gobmx-callout.gobmx-callout-info { border-left-color: #777; }
.gobmx-callout.gobmx-callout-info h4 {  color: #777; }
.gobmx-example + .gobmx-callout { margin: -10px 0 30px; }
.bs-glyphicons {  margin: 0 -10px 20px;   overflow: hidden; }
.bs-glyphicons-list { list-style: none;   padding-left: 0; }
.bs-glyphicons li { background-color: #f9f9f9;  border: 1px solid #fff;   float: left;  font-size: 10px;  height: 115px;  line-height: 1.4;   padding: 10px;  text-align: center;   width: 25%; }
.bs-glyphicons .glyphicon { font-size: 24px;  margin-bottom: 10px;  margin-top: 5px; }
.bs-glyphicons .gobmxfont { display: block;   font-size: 42px;  margin-bottom: 14px;  margin-top: 5px; }
.bs-glyphicons .glyphicon-class { display: block;   text-align: center;   word-wrap: break-word; }
.bs-glyphicons li:hover { background-color: #555;   color: #fff; }
ol.space li { margin-bottom: 20px; }
.sub-navbar.demo {  margin-top: 0px;  width: auto;  z-index: 100; }

.btn-group .btn { overflow: hidden; }
.gobmx-example-color{  margin: 10px 0 30px 0;  height: 60px;  border-radius: 3px;  border: 1px solid #eeeeee;}

.faq { counter-reset: section; }      
.faq h5::before { counter-increment: section; content: counter(section) ". ";}
.faq h5 { margin-bottom: 10px !important; line-height: 1.5}

@media (min-width: 768px) { 
  .bs-glyphicons {  margin-left: 0;   margin-right: 0; }
  .bs-glyphicons li {  font-size: 12px;  width: 12.5%; }
}