body{
    background-color: #f8f8f8;
    font: 400 14px / 1.6 "Avenir Next","Avenir","Frutiger","Segoe UI",Arial,sans-serif;
}

.page-header{
    border-color: #ddd;
}

.box-api{
    margin-top: 40px;
    margin-right: 0;
    margin-left: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

.box-api p{
    padding: 15px;
    clear: both;
}

.box-api h4{
    margin-left: 15px;
    margin-bottom: 20px;
}

.box-header{
    padding: 15px;
    margin: 0;
    font-size: 2.6rem;
    border-bottom: 1px solid #ddd;
}

.box-header.sub{   
    float: left;
    width: 100%;
    font-size: 2rem;
    background-color: #f5ca00;
}

.box-header.sub h3{    
    color: #333333;
    margin: 0;
}

.div-method{
    float: left;
    font-size: 1.8rem;
    margin-top: 10px;
}

.type-method{
    float: left;
    background-color: #666666;
    padding: 2px 10px;
    color: #fff;
    border-radius: 5px 0 0 5px;
}

.url-method{
    float: left;
    font-size: 1.6rem;
    background-color: #ddd;
    padding: 4px 20px;
    border-radius: 0 5px 5px 0;
}

.code-sample pre{
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    width: 100%;
    font-size: 90%;
    color: #ccc;
    background-color: #28292d;
    padding: 15px;
    margin-bottom: 30px;
}

.box-api .div-table{
    padding: 0 15px;
}

.box-api table thead{
    color: #0099cc;
    font-weight: bolder;
}

.menu-lateral{
    top: 40px;
    position: fixed;
    height: 90%;
    overflow-y: auto;
    padding-bottom: 10px;
}

/* width */
.menu-lateral::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.menu-lateral::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
.menu-lateral::-webkit-scrollbar-thumb {
    background: #ddd; 
}

/* Handle on hover */
.menu-lateral::-webkit-scrollbar-thumb:hover {
    background: #888; 
}

.menu-lateral .nav>li>a{
    padding: 5px 15px;
}

.menu-lateral .nav>li>a.active {
    background-color: #ddd;
}

.menu-lateral .nav .sub{
    padding-left: 20px;
}