.help-page h1,
.help-page .h1,
.help-page h2,
.help-page .h2,
.help-page h3,
.help-page .h3,
#body.help-page,
.help-page-table th,
.help-page-table pre,
.help-page-table p {
    font-family: "Segoe UI Light", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
}

.help-page pre.wrapped {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
}

.help-page .warning-message-container {
    margin-top: 20px;
    padding: 0 10px;
    color: #525252;
    background: #EFDCA9;
    border: 1px solid #CCCCCC;
}

.help-page-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    margin: 0px 0px 20px 0px;
    border-top: 1px solid #D4D4D4;
}

    .help-page-table th {
        text-align: left;
        font-weight: bold;
        border-bottom: 1px solid #D4D4D4;
        padding: 5px 6px 5px 6px;
    }

    .help-page-table td {
        border-bottom: 1px solid #D4D4D4;
        padding: 10px 8px 10px 8px;
        vertical-align: top;
    }

    .help-page-table pre,
    .help-page-table p {
        margin: 0px;
        padding: 0px;
        font-family: inherit;
        font-size: 100%;
    }

    .help-page-table tbody tr:hover td {
        background-color: #F3F3F3;
    }

.help-page a:hover {
    background-color: transparent;
}

.help-page .sample-header {
    border: 2px solid #D4D4D4;
    background: #00497E;
    color: #FFFFFF;
    padding: 8px 15px;
    border-bottom: none;
    display: inline-block;
    margin: 10px 0px 0px 0px;
}

.help-page .sample-content {
    display: block;
    border-width: 0;
    padding: 15px 20px;
    background: #FFFFFF;
    border: 2px solid #D4D4D4;
    margin: 0px 0px 10px 0px;
}

.help-page .api-name {
    width: 40%;
}

.help-page .api-documentation {
    width: 60%;
}

.help-page .parameter-name {
    width: 20%;
}

.help-page .parameter-documentation {
    width: 40%;
}

.help-page .parameter-type {
    width: 20%;
}

.help-page .parameter-annotations {
    width: 20%;
}

.help-page h1,
.help-page .h1 {
    font-size: 36px;
    line-height: normal;
}

.help-page h2,
.help-page .h2 {
    font-size: 24px;
}

.help-page h3,
.help-page .h3 {
    font-size: 20px;
}

#body.help-page {
    font-size: 14px;
    line-height: 143%;
    color: #333;
}

.help-page a {
    color: #0000EE;
    text-decoration: none;
}

.getMethod .methodType {
    background-color: #0f6ab4;
}

.postMethod .methodType {
    background-color: #10a54a;
}

.putMethod .methodType {
    background-color: #c5862b;
}

.deleteMethod .methodType {
    background-color: #a41e22;
}

.getMethod {
    border-color: #0f6ab4;
}

.postMethod {
    border-color: #10a54a;
}

.putMethod {
    border-color: #c5862b;
}

.deleteMethod {
    border-color: #a41e22;
}

.apiMethod {
    border-style: solid;
    border-radius: 5px;
    border-width: thin;
    margin: 0.8rem 0;
    line-height: 2em;
}

.apiMethod h1{
    margin: 0;
}

.methodType {
    color: white;
    padding-left: 0.5em;
}

.material-icons {
    vertical-align: text-bottom;
}

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

.inline-block {
    display: inline-block;
}

.expandContent {
    padding: 1.5rem;
    border: solid 1px #ddd;
    border-top: none;
    background-color: #fff;
}

.expandRow{
    padding-top: 1rem !important;
}

a.expandRow {
    background-color: #fff;
    border: solid 1px #ddd;
    margin: 0;
    margin-top: -1px;
    padding: .25rem 1.5rem;
    text-decoration: none;
    display: block;
    color: #337ab7;
}

a.expandRow:hover {
    text-decoration: none;
    background-color: #eee;
}

a.expandRow:active {
    text-decoration: none;
    background-color: #ddd;
}

a.expandRowExpanded {
    border-bottom: none;
}

.tab-container ul {
        border:none;
    }
    .tab-container a:active {

    color:#F5F5F5!important;
        
    }

    .tab-container a,
    .tab-container a:visited {
        color:#222222;
    }
    .tab-container li.in-active a,
    .tab-container li a {
        background:#bbdefb!important;
        color:#222222;
        border-radius:0px;
        height:42px!important;
    }

    .tab-container li.active a {
        background:#1976d2!important;
        color:#F5F5F5!important;
        border: none!important;
        height:42px!important;
        border-radius:0px;
        margin-right:3px;
        text-shadow:none;
    }
    .tab-container .tab-pane.fade.sample-content {
        display:none;
    }
    .tab-container .tab-pane.fade.sample-content.active {
        display:block;
    }

    .tab-container .nav.nav-tabs {
        margin-bottom:5px;
    }

    @@media screen and (max-width:760px) {
        .tab-container li a {
            display:block;
            margin-top:4px;
            width:250px;    
        }
    }