BODY
{
font-family:"Roboto Condensed",Roboto,Arial,sans-serif;
background-color:#4d4d4d;
}

.code
{
font-family:"Share Tech Mono",monospace;
}

.row.make-equal
{
overflow: hidden;
}

.row.make-equal [class*="col-"]
{
padding-bottom: 99999px;
}

.navbar
{
margin-bottom:0;
}

.navbar-inverse
{
color:#FFF;
background-color: #444;
border: 0;
}

.navbar-brand
{
padding:0;
margin-bottom:2px;
}

.navbar-header SPAN
{
font-size: 20px;
margin-top: 12px;
display: inline-block;
margin-left:10px;
}

.navbar-right
{
font-size:13px;
}

.navbar-right .nav-pills
{
border-radius: 60px;
background-color: #333;
padding:3px;
margin-top: 10px;
margin-right: 10px;
}

.navbar-right .nav-pills>li>a
{
border-radius:60px;
padding:3px 15px;
font-weight:bold;
color:#6cafd0;
}

.navbar-right .nav-pills>li.active>a, 
.navbar-right .nav-pills>li.active>a:focus, 
.navbar-right .nav-pills>li.active>a:hover
{
background-color:#6cafd0;
color:#FFF;
}

#layout
{
margin-top:52px;
scroll-behavior:smooth;
}

#layout #picker
{
background-color:#4d4d4d;
color:#FFF;
position: relative;
z-index: 1;
}

#layout #picker .fixed
{
position: fixed;
left: 5px;
width: inherit;
overflow-y: auto;
padding-right: 5px;
height: 100%;
max-height: 2000%;
padding-bottom:150px;
}

#layout #picker .fixed #plug
{
font-size: 12px;
position: relative;
top: 97px;
float: right;
right:5px;
margin-top:50px;
}

#layout #picker .fixed #plug A,
#layout #picker .fixed #plug A:visited
{
color:#777;
text-decoration:none;
}

#layout #picker .fixed #plug A:hover,
#layout #picker .fixed #plug A:focus
{
color:#ff930c;
}

#layout #picker H1
{
font-size:16px;
margin-bottom:1px;
color:#a3a3a3;
padding-left:5px;
}

#layout #picker .list-unstyled .list-unstyled
{
margin-left:10px;
display:none;
}

#layout #picker .list-unstyled LI A:hover,
#layout #picker .list-unstyled LI A:focus
{
background-color:#555;
border-radius:2px;
}

#layout #picker .list-unstyled LI.active > A
{
background-color:#656565;
border-radius:2px;
}

#layout #picker .list-unstyled LI A,
#layout #picker .list-unstyled LI A:visited
{
color:#FFF !important;
text-decoration:none !important;
display:block;
padding:1px;
padding-left:5px;
margin-top:1px;
}

#layout #main
{
padding-right: 0px;
float: right;
padding-left: 5px;
background-color:#FFF;
}

#layout #main .desc
{
width:50%;
overflow:hidden;
float:left;
clear:right;
padding:20px;
font-size:15px;
color:#444;
}

.example
{
width:50%;
overflow:hidden;
float:right;
padding:20px;
}

#layout #main SECTION
{
position: relative;
z-index: 1;
width: 100%;
clear: both;
overflow: hidden;
border-bottom:1px solid #DDD;
}

#layout #main #example-bg
{
background-color: #F8F8F8;
width: 50%;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}

#layout #main .desc TABLE THEAD TR
{
background:#F2F2F2;
}

#layout #main .desc TABLE THEAD TR TH
{
border-bottom:0;
}

#layout #main .desc TABLE
{
font-size:13px;
}

#layout #main .desc TT
{
font-family: "Share Tech Mono",monospace;
background-color: #f7f7f7;
padding-left: 2px;
padding-right: 2px;
color: #333;
letter-spacing:-0.5px;
}

#layout #main .desc A TT,
#layout #main .desc A:visited TT
{
color:#48B;
}

#layout #main .desc A TT:hover,
#layout #main .desc A:visited TT:focus
{

}

#layout #main .desc TABLE TT
{
font-size: 13px;
letter-spacing:-0.5px;
}

#layout #main .desc H1,
{
font-size: 22px;
font-weight: bold;
}

#layout #main .desc H2
{
font-size:18px;
}

#layout #main .example H1
{
font-size: 19px;
font-weight: bold;
}

#layout #main .example H2
{
font-size:15px;
font-weight:bold;
}


#layout #main .example .request-url
{
width: 100%;
overflow: hidden;
background: #444;
color: #FFF;
font-family: "Share Tech Mono",monospace;
font-size: 13px;
border-radius: 3px;
line-height: normal;
}

#layout #main .example .request-url P:nth-child(1)
{
width:11%;
max-width:48px;
text-align:center;
float:left;
clear:right;
display:inline-block;
padding:0;
margin:0;
padding: 5px;
background-color:#6cafd0;
}

#layout #main .example .request-url P:nth-child(2)
{
width:88%;
float:left;
display:inline-block;
padding:0;
margin:0;
padding: 5px;
font-size:12px;
letter-spacing: -0.5px;
}

#layout #main .example PRE
{
border: 0;
padding: 0;
}

#layout #main .example PRE CODE
{
padding-top:0;
padding-bottom:0;
font-family:"Share Tech Mono",monospace;
font-size:12px;
letter-spacing:-0.5px;
line-height:14px;
margin-top:-7px;
margin-bottom:-7px;
}

#layout #main .example .choose
{
display:none;
}

#layout #main .example .choose-default
{
display:block;
}