@font-face {
    font-family: 'Calibre';
    font-weight: 400;
    src: url('../../Content/fonts/calibre-web-regular.eot'); /* IE9 Compat Modes */
    src: url('../../Content/fonts/calibre-web-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../Content/fonts/calibre-web-regular.woff2') format('woff2'),  /*Super Modern Browsers */
    url('../../Content/fonts/calibre-web-regular.woff') format('woff');  /*Pretty Modern Browsers */
}

@font-face {
    font-family: 'Calibre';
    font-weight: 500;
    src: url('../../Content/fonts/calibre-web-medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/calibre-web-medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../Content/fonts/calibre-web-medium.woff2') format('woff2'),  /*Super Modern Browsers */
    url('../../Content/fonts/calibre-web-medium.woff') format('woff');  /*Pretty Modern Browsers */
}

@font-face {
    font-family: 'Calibre';
    font-weight: 600;
    src: url('../../Content/fonts/calibre-web-semibold.eot');  /*IE9 Compat Modes */
    src: url('../../Content/fonts/calibre-web-semibold.eot?#iefix') format('embedded-opentype'),/*  IE6-IE8 */
    url('../../Content/fonts/calibre-web-semibold.woff2') format('woff2'),  /*Super Modern Browsers */
    url('../../Content/fonts/calibre-web-semibold.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
    font-family: 'Calibre';
    font-weight: 700;
    src: url('../../Content/fonts/calibre-web-bold.eot'); /* IE9 Compat Modes */
    src: url('../../Content/fonts/calibre-web-bold.eot?#iefix') format('embedded-opentype'),/*  IE6-IE8 */
    url('../../Content/fonts/calibre-web-bold.woff2') format('woff2'),  /*Super Modern Browsers */
    url('../../Content/fonts/calibre-web-bold.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
    font-family: 'Calibre   ';
    font-weight: 300;
    src: url('../../Content/fonts/calibre-web-light.woff2') format('woff2'); /* Super Modern Browsers */
}



.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: 'Calibre', 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
}

th {
    font-weight:600;
}

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

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

.help-page .sample-header {
    background: #e3e3e3;
    color: #333;
    padding: 8px 15px;
    display: inline-block;
    border-radius: 8px;
    margin: 10px 0px;
    /* font-family: Monaco, Menlo, Consolas, "Courier New", monospace; */
}

.help-page .sample-content {
    display: block;
    border-width: 0;
    padding: 15px 20px;
    background: #FFFFFF;
    border: 1px solid #D4D4D4;
    border-radius: 8px;
    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-name > p {
        padding: 2px 4px;
        font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
        color: #0c2f6a;
        background-color: #fafafc;
        border: 1px solid #e3e4e7;
        display: inline;
        border-radius: 3px;
    }

.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: 32px;
    line-height: normal;
}

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

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

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

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