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%; } }