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

.table-scrollable {
    overflow-x: auto;
    margin: 0px 0px 75px 0px;
}
    .table-scrollable::-webkit-scrollbar {
        height: 3px;
    }

    .table-scrollable::-webkit-scrollbar-thumb {
        background-color: #d4d4d4;
    }


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

    .table-scrollable > .help-page-table {
        margin-bottom: 0px;
    }

.help-page-table th {
    text-align: left;
    font-weight: 500;
    border-bottom: 1px solid #D4D4D4;
    padding: 5px 20px 5px 6px;
    font-size: 13px;
    color: #9f9f9f;
}

.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: #f9f9f9;
}

.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;
    margin-bottom: 25px;
    font-weight: 600;
}

#body.help-page {
    font-size: 14px;
    color: #333;
    min-height: calc(100vh - 70px - 201px ) !important
}

@media (min-width: 768px) {
    #body.help-page {
        min-height: calc(100vh - 70px - 166px ) !important
    }
}

.help-page a {
    color: var(--primary);
    text-decoration: none;
}

.help-page h2 {
    margin-top: 0px;
    margin-bottom: 20px;
}

.help-page code {
    background-color: #bfdbf2;
    padding: 0.3rem 0.5rem;
    color: var(--primary);
}

.help-page .code-preview pre {
    background-color: #4f566b;
    border: none;
    padding: 20px;
    border-radius: 8px;
    color: #fff;
}

.help-page .head {
    padding: 25px 0;
}

    .help-page .head .previous-link {
        margin: 40px 0;
    }

        .help-page .head .previous-link button,
        .help-page .head .previous-link a {
            padding: 12px 24px;
            border-radius: 8px;
            background-color: #f2f3f8;
            color: #0e3c6e;
            font-weight: 500;
            text-decoration: none;
            font-size: 14px;
            display: inline-block;
            border: none;
        }

.help-page .description {
    font-size: 16px;
    color: #718096;
    font-weight: 500;
}

.help-header {
    padding-top: 75px;
    padding-bottom: 75px;
}

.api-method {
    width: 0;
}

    .api-method span {
        padding: 0.3rem 0.5rem;
        border-radius: 4px;
        color: #fff;
        font-size: 14px;
        white-space: nowrap;
    }

    .api-method span[data-type="get"] {
        background-color: #59abfd;
    }

    .api-method span[data-type="delete"] {
        background-color: #ff7070;
    }

    .api-method span[data-type="put"] {
        background-color: #ffab70;
    }

    .api-method span[data-type="post"] {
        background-color: #94d7be;
    }

    .api-method span[data-type="patch"] {
        background-color: #b694d7;
    }

.api-documentation {
    width: 68% !important;
}

.authorisation-header {
    margin-bottom: 70px;
}