@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');

body {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 16px;
    line-height: 26px;
    color: #28323a
}

a {
    color: #2164b2
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, html, body, .tocify-header {
    font-family: 'Source Sans Pro', sans-serif !important
}

.page-wrapper .lang-selector {
    background: #222a33;
    border: 0;
    padding: 14px 0
}

.lang-selector a {
    line-height: 28px;
    padding: 0 10px;
    border-radius: 3px;
    margin: 0 0 0 3px;
    color: #bbc2cb
}

.lang-selector a.active, .lang-selector a:active, .lang-selector a:focus {
    background: #00a5c8
}

.page-wrapper {
    background: #fff
}

.content table tr td, .content h1 {
    background: none !important
}

.content h1 {
    border: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 0
}

.content code, .content pre {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 14px;
    line-height: 26px
}

.tocify-wrapper > img.logo_img {
    clear: both;
    overflow: hidden;
    display: block;
    margin: 0 30px 0 30px;
    padding: 12px 0;
    width: auto
}

.tocify-wrapper > .search {
    margin: 0 30px;
    border: 1px solid #ddd !important;
    border-radius: 3px !important
}

.tocify-wrapper > .search input {
    width: 100%;
    border: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    color: #5c666f !important
}

.tocify-wrapper {
    width: 260px !important;
    background: #f5f6f7;
    border-right: 1px solid #e4e9f1
}

.page-wrapper {
    margin-left: 260px !important
}

.tocify-wrapper .tocify-item > a {
    white-space: normal !important;
    font-size: 15px !important;
    line-height: 18px;
    padding: 10px 30px !important
}

.tocify-header li {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.tocify-header li a {
    color: #5c666f;
    padding: 5px 30px !important;
    font-weight: 400;
    line-height: 25px;
    font-size: 16px !important
}

.tocify-header li.tocify-item a {
    font-weight: bold;
}

.tocify-header li.api_resource_header {
    padding-left: 10px;
}

.tocify-header li.api_resource_header a, .tocify-header li.api_object_header a, .tocify-header li.api_method_header a {
    font-weight: normal;
}

.tocify-header li.api_object_header {
    padding-left: 20px;
}

.tocify-header li.api_method_header {
    padding-left: 20px;
}

.tocify-wrapper .tocify-focus {
    background: none;
    box-shadow: 0 0 0 #fff !important;
    background: #e3e6ea;
    font-weight: 600
}

.tocify-wrapper .tocify-focus a {
    color: #28323a !important
}

.tocify-item[data-unique="common-topics"], .api_name_header {
    border: 0;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 20px !important;
    margin-bottom: 0px !important
}

.tocify-item[data-unique="common-topics"] a, .api_name_header a {
    color: #28323a !important;
    font-weight: 600 !important
}

#common-topics {
    margin-bottom: 0px !important
}

.tocify-subheader {
    background: none !important
}

.tocify-subheader li a {
    padding-left: 60px !important
}

.tocify-wrapper .toc-footer {
    border: 0
}

.content pre {
    padding: 30px 50px;
    background: #222a33
}

.content blockquote {
    padding: 20px 50px;
    background: #2f3b49
}

.content blockquote > p {
    background: none;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    font-weight: 600;
    text-shadow: 0 0 0 0 #fff
}

.page-wrapper .dark-box {
    background: #2f3b49
}

PRE.CodeContainer img {
    margin-bottom: -3px;
    margin-left: 5px;
    margin-right: 5px
}

.tocify-wrapper > .search::before {
    color: #5c666f !important;
    top: 7px
}

.tocify-wrapper > .search input {
    padding-left: 40px
}

.tocify-wrapper .search-results {
    background: #fff;
    padding: 0 15px;
    margin: 0 30px
}

.tocify-wrapper .search-results.visible {
    border: 1px solid #ddd !important
}

.tocify-wrapper .search-results a {
    color: #5c666f
}

.content table th {
    color: #242b31
}

.content h3, .content h4, .content h5, .content h6 {
    font-size: 16px;
    font-weight: 600
}

.content table.table-stylen th {
    color: #ffffff !important
}

.content {
    font-size: 14px
}

.content p {
    font-size: 16px
}

.content table.table-style1 tbody {
    width: 100% !important;
    display: block
}

.content table.table-style1 tr td {
    border-bottom: 1px solid #eef2f8
}

.content table.table-style1 tr td b {
    text-transform: uppercase
}

.object_table tr th {
    font-size: 16px
}

.field_table .field_type {
    color: #949fab;
    font-style: normal
}

.field_parent_tr {
    margin-top: 20px
}

.field_parent_tr td {
    padding: 0 !important
}

.field_table .field {
    color: #242b31 !important;
    padding-left: 10px !important;
    line-height: 24px
}

.field_table .field_desc {
    padding: 15px 20px 0 20px !important
}

.table-style2 {
    margin-left: 40px !important;
    width: auto !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important
}

.table-style2 .field_desc {
    padding: 0 10px !important
}

.valid_val {
    color: #b93d6a !important
}

.content > h1, .content > h2, .content > h3, .content > h4, .content > h5, .content > h6, .content > p, .content > table, .content > ul, .content > ol, .content > aside, .content > dl {
    padding-left: 40px;
    padding-right: 40px;
    text-shadow: 0px 0px 0px 0px #fff !important
}

.logo-wrapper {
    border-bottom: 1px solid #ddd;
    padding: 0 30px;
    height: 80px;
    margin: 0 0 20px 0
}

.logo-wrapper > img.logo_img {
    width: 200px;
    padding: 0;
    margin: 14px 0 0 0
}

.field_parent_tr1 {
    margin: 0 !important;
    border: 0 !important
}

.field_parent_tr1 .field_table {
    margin-bottom: 20px !important
}

.field_parent_tr1 .field_table tr td {
    border: 0 !important
}

.field_parent_tr1 .field_table tr:first-child td {
    padding: 0 10px !important
}

.field_parent_tr {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd
}

.object_table.field_parent_tr > td {
    padding-left: 0 !important
}

.field_parent_tr_no_border {
    border: 0 !important
}

.field.has_children {
    position: relative
}

.field.has_children:after {
    position: absolute;
    right: 3px;
    top: 3px
}

.field_parent_tr_clicked {
    border: 0
}

.valid_value {
    color: #b93d6a;
    background: #F5F5F5;
    padding: 1px 3px;
    border-radius: 3px
}

.table-striped tr td {
    border-bottom: 1px solid #ddd
}

.params_list1, .param_info {
    padding: 0;
    list-style: none;
    margin-top: 5px;
    margin-bottom: 5px
}

.params_list1 li {
    display: block;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd
}

.params_list1 li:first-of-type {
    border-top: none
}

.params_list1 li:last-of-type {
    border-bottom: none
}

.param_info li {
    display: block;
    width: 100%;
    float: left;
    border: none
}

.param_name {
    font-weight: bold
}

.field_name_sp {
    background: #f5f6f7 !important;
    margin-right: 20px;
    color: #242b31 !important;
    padding: 5px !important;
    line-height: 24px
}

.field_type_sp {
    color: #949fab;
    font-style: normal;
    margin-right: 20px
}

.field_optional_sp {
    color: #F99E33;
    font-style: italic;
    margin-right: 20px
}

.valid_value.param {
    margin-right: 20px
}

.field_name_wrapper {
    display: inline-block;
    font-weight: bold
}

.table-style1 {
    display: table !important;
    border-collapse: separate
}

.table-style1 thead {
    display: table-header-group !important
}

.table-style1 tbody {
    display: table-row-group !important
}

.logo-wrapper, .tocify-wrapper #search_holder {
    position: fixed;
    left: 0;
    background: #f5f6f7;
    z-index: 99;
    width: 200px
}

.logo-wrapper {
    top: 0;
    margin: 0
}

.tocify-wrapper #search_holder {
    top: 81px;
    padding: 20px 30px 21px 30px;
    border-bottom: 1px solid #ddd
}

.tocify-wrapper #search_holder .search_wrap {
    position: relative
}

.tocify-wrapper #search_holder .search-results.visible {
    display: block
}

.tocify-wrapper #search_holder .search-results {
    display: none;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%
}

.tocify-wrapper #search_holder .search-results li {
    color: #5c666f !important
}

.tocify-wrapper #search_holder .search_wrap > .search {
    margin: 0;
    padding: 0 5px 0 40px;
    border-radius: 3px;
    border: 1px solid #ddd;
    background: #fff
}

.tocify-wrapper #search_holder .search_wrap > .search input {
    background: transparent !important;
    border: 0;
    outline: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 35px;
    line-height: 35px
}

.tocify-wrapper #search_holder .search_wrap > .search::before {
    color: #5c666f !important;
    top: 10px;
    position: absolute;
    left: 15px;
    font-family: 'slate';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e607"
}

.tocify {
    padding-top: 140px
}

.param_info li {
    margin-bottom: 10px
}

table.params_list tbody tr, table.headers_list tbody tr {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-top: 20px
}

.field_table .field_desc p {
    padding: 0px !important;
    margin: 0px !important;
    font-size: 14px !important
}

#leftnav {
    display: none
}

.param {
    background: #fff;
    color: #2e67b2;
    font-style: italic
}

.tocify-wrapper .tocify-subheader li a {
    padding-left: 50px !important
}

.content pre, .content blockquote, .content pre, .page-wrapper .dark-box {
    width: 50% !important
}

.content > h1, .content > h2, .content > h3, .content > h4, .content > h5, .content > h6, .content > p, .content > table, .content > ul, .content > ol, .content > aside, .content > dl {
    margin-right: 50% !important
}

@media screen and (min-width: 1021px) and (max-width: 1120px) {
    .content pre, .content blockquote, .content pre, .page-wrapper .dark-box {
        width: 50% !important
    }

    .content > h1, .content > h2, .content > h3, .content > h4, .content > h5, .content > h6, .content > p, .content > table, .content > ul, .content > ol, .content > aside, .content > dl {
        margin-right: 50% !important
    }
}

@media (max-width: 1020px) {
    body {
        overflow: hidden
    }

    .page-wrapper .dark-box {
        position: fixed
    }

    .tocify-wrapper {
        left: -324px
    }

    #nav-button {
        display: none
    }

    .page-wrapper {
        left: 0;
        top: 208px;
        bottom: 0;
        right: 0;
        position: absolute;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: scroll;
        margin: 0 !important
    }

    #search_holder, .logo-wrapper, #leftnav_holder {
        position: fixed !important;
        left: 0 !important;
        background: #fff !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important
    }

    .logo-wrapper {
        top: 0 !important;
        height: 56px
    }

    .logo-wrapper > img.logo_img {
        float: left;
        margin: 5px 0 0 15px
    }

    .lang-selector {
        position: fixed !important;
        left: 0 !important;
        top: 56px !important;
        padding: 10px 0 !important
    }

    .lang-selector a {
        margin-left: 15px;
        padding: 0 5px !important
    }

    #leftnav_holder {
        position: fixed;
        left: 0;
        top: 104px !important;
        z-index: 999;
        width: 100%;
        background: #fff
    }

    #search_holder {
        top: 140px !important
    }

    .toc-footer {
        display: none
    }

    #leftnav {
        margin: 0;
        line-height: 36px;
        display: block;
        padding: 0 15px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background: #fff url(../images/Collapsed.gif) no-repeat 95% center;
        text-decoration: none;
        color: #28323a
    }

    #leftnav.active {
        background: #fff url(../images/Expanded.gif) no-repeat 95% center
    }

    .tocify {
        padding: 20px 0 10px 0;
        margin: 0;
        position: relative !important;
        left: 0;
        top: 100%;
        width: 100% !important;
        height: 200px !important;
        background: #f5f6f7;
        border-bottom: 1px solid #ddd
    }

    .tocify-wrapper #search_holder .search_wrap {
        margin: 15px
    }

    #tocify-header0 .tocify-item {
        margin-top: 0 !important
    }

    .block_holder {
        padding-top: 206px
    }

    .content pre, .content blockquote, .content pre, .page-wrapper .dark-box {
        width: 50% !important
    }

    .content > h1, .content > h2, .content > h3, .content > h4, .content > h5, .content > h6, .content > p, .content > table, .content > ul, .content > ol, .content > aside, .content > dl {
        margin-right: 50% !important
    }
}

@media (max-width: 767px) {
    .tocify-wrapper {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        bottom: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        height: auto !important;
        background: #fff;
        overflow: initial !important;
    }

    .content blockquote, .content pre, .content > h1, .content > h2, .content > h3, .content > h4, .content > h5, .content > h6, .content > p, .content > table, .content > ul, .content > ol, .content > aside, .content > dl, .tocify-header li a {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .content pre, .content blockquote, .content pre, .page-wrapper .dark-box {
        width: 100% !important
    }

    .content > h1, .content > h2, .content > h3, .content > h4, .content > h5, .content > h6, .content > p, .content > table, .content > ul, .content > ol, .content > aside, .content > dl {
        margin-right: 0% !important
    }

    .page-wrapper .dark-box {
        position: static
    }
}

@media (max-width: 930px) {
    .page-wrapper {
        margin-left: 0
    }

    .tocify-wrapper {
        border: 0;
        left: -324px;
        overflow: initial !important;
    }

    #nav-button {
        margin: 0;
        padding: 0
    }

    #nav-button.open {
        left: 275px
    }

    #nav-button img {
        padding: 0
    }

    #nav-button span {
        padding: 0;
        border-radius: 0;
        background: #f5f6f7
    }

    .tocify-wrapper .lang-selector {
        padding: 15px 0
    }
}

.content > p, .param_info, .content em em {
    white-space: pre-wrap;
    word-break: break-word;
    word-spacing: normal;
}

.content-type {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}

* {
    -webkit-overflow-scrolling: touch;
}

.field_table {

    table-layout: fixed !important;
    width: 100% !important;
    margin-top: 20px;
    margin-bottom: 20px !important;
}  .field_parent_tr[field_depth='0']{ display: table-row}