body,
div,
dl,
dd,
form,
img,
input,
figure,
menu {
    margin: 0;
    padding: 0
}
iframe {
    border: 0
}
.caution>:first-child,
.dogfood>:first-child,
.key-point>:first-child,
.key-term>:first-child,
.note>:first-child,
.objective>:first-child,
.quickstart-left>:first-child,
.quickstart-wide>:first-child,
.special>:first-child,
.success>:first-child,
.warning>:first-child,
aside>:first-child,
blockquote>:first-child,
dd>:first-child,
li>p:first-child,
td>:first-child,
td>:first-child>li:first-child,
td>.devsite-table-wrapper:first-child>table,
td>.expandable:first-child>:nth-child(2) {
    margin-top: 0
}
.caution>:last-child,
.dogfood>:last-child,
.key-point>:last-child,
.key-term>:last-child,
.note>:last-child,
.objective>:last-child,
.quickstart-left>:last-child,
.quickstart-wide>:last-child,
.special>:last-child,
.success>:last-child,
.warning>:last-child,
aside>:last-child,
blockquote>:last-child,
dd>:last-child,
li>p:last-child,
td>:last-child,
td>:last-child>li:last-child,
td>.devsite-table-wrapper:last-child>table,
td>.expandable:last-child>:last-child {
    margin-bottom: 0
}
html {
    box-sizing: border-box
}
*,
*:before,
*:after {
    box-sizing: inherit
}
.clearfix:after,
.quickstart-step:after {
    clear: both;
    content: "";
    display: table;
    height: 0;
    visibility: hidden
}
body,
html {
    color: #212121;
    background-color: #eceff1;
    font: 400 16px/24px Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}
p {
    margin: 16px 0;
    padding: 0
}
img,
video {
    border: 0;
    max-width: 100%
}
table img {
    max-width: 272px
}
:link,
:visited {
    color: #039be5;
    outline: 0;
    text-decoration: none
}
a:focus {
    text-decoration: underline
}
th:link,
th:visited,
.devsite-toast-content:link,
.devsite-toast-content:visited {
    color: #fff;
    text-decoration: underline
}
th a:focus,
.devsite-toast-content a:focus {
    background: rgba(255, 255, 255, .3);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
}
sup {
    line-height: 1
}
dd,
ol,
ul {
    margin: 0;
    padding-left: 40px
}
td>dl>dd,
td>ol,
td>ul {
    padding-left: 20px
}
ol {
    list-style: decimal outside
}
ol ol {
    list-style-type: lower-alpha
}
ol ol ol {
    list-style-type: lower-roman
}
ol.upper-alpha {
    list-style-type: upper-alpha
}
ul {
    list-style: disc outside
}
li,
li p {
    margin: 8px 0;
    padding: 0
}
dt {
    font: 700 16px/24px Roboto, sans-serif
}
dt,
dd {
    margin: 16px 0
}
blockquote {
    background: #f7f7f7;
    margin: 16px 0;
    padding: 8px;
    quotes: none
}
hr {
    background: #ebebeb;
    border: 0;
    height: 1px;
    margin: 16px 0;
    width: 100%
}
abbr,
acronym {
    border-bottom: 1px dotted #757575;
    cursor: help
}
address,
cite,
dfn,
em {
    font-style: italic
}
strong {
    font-weight: bold
}
.devsite-article-body .material-icons,
.devsite-landing-page .devsite-article .material-icons {
    vertical-align: bottom
}
.devsite-article-body .material-icons:not(:link),
.devsite-landing-page .devsite-article .material-icons:not(:link) {
    cursor: default
}
.devsite-hidden {
    display: none
}
.no-feedback .devsite-feedback-button {
    display: none
}
a.external::after {
    content: 'open_in_new';
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px;
    margin-left: 4px;
    vertical-align: text-bottom
}
h2.numbered {
    line-height: 48px;
    margin-top: 60px;
    padding-bottom: 19px
}
h2.numbered:before {
    background: #bdbdbd;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    margin-right: 20px;
    text-align: center;
    width: 48px
}
h2.numbered:nth-of-type(1):before {
    content: '1'
}
h2.numbered:nth-of-type(2):before {
    content: '2'
}
h2.numbered:nth-of-type(3):before {
    content: '3'
}
h2.numbered:nth-of-type(4):before {
    content: '4'
}
h2.numbered:nth-of-type(5):before {
    content: '5'
}
h2.numbered:nth-of-type(6):before {
    content: '6'
}
h2.numbered:nth-of-type(7):before {
    content: '7'
}
h2.numbered:nth-of-type(8):before {
    content: '8'
}
h2.numbered:nth-of-type(9):before {
    content: '9'
}
.compare-better,
.compare-no,
.compare-worse,
.compare-yes {
    font-weight: bold
}
.compare-better::before,
.compare-blank::before,
.compare-no::before,
.compare-worse::before,
.compare-yes::before {
    content: '';
    display: inline-block;
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    margin: -4px 4px 0 0;
    text-transform: none;
    vertical-align: middle;
    width: 24px
}
.compare-better::before {
    color: #0f9d58;
    content: 'thumb_up'
}
.compare-no::before {
    color: #dd2c00;
    content: 'not_interested'
}
.compare-worse::before {
    color: #dd2c00;
    content: 'thumb_down'
}
.compare-yes::before {
    color: #0f9d58;
    content: 'check'
}
.align-center {
    text-align: center
}
.align-right {
    text-align: right
}
.hanging-indent,
.members.function td:first-child {
    padding-left: 25px;
    text-indent: -17px
}
.bad-table {
    table-layout: fixed
}
.bad-table tr,
.bad-table td {
    word-wrap: break-word
}
.bad-table pre {
    word-wrap: normal
}
.screenshot {
    border: 1px solid #ebebeb;
    padding: 3px
}
.columns tr,
.columns td,
.columns th {
    background: 0;
    border: 0;
    font: 16px/24px Roboto, sans-serif;
    padding: 0
}
.columns th {
    color: #212121;
    font-weight: 500
}
.columns code,
.columns pre {
    background: #f7f7f7
}
.inline:not(.expandable) {
    display: inline
}
.inline-block {
    display: inline-block
}
.block {
    display: block
}
.attempt-left {
    float: left;
    margin: 0 40px 40px 0;
    max-width: calc((100% - 40px)/2)
}
.attempt-right {
    float: right;
    margin: 0 0 40px 40px;
    max-width: calc((100% - 40px)/2)
}
.attempt-left+.attempt-right {
    margin-left: 0
}
.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.devsite-wrapper {
    margin-top: 0;
    overflow: hidden;
    width: 100%
}
.devsite-main-content {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 24px;
    position: relative;
	float: left;
    width: 100%;
}

.devsite-full-width-page .devsite-main-content,
.devsite-landing-page .devsite-main-content,
.devsite-products-page .devsite-main-content {
    max-width: 1592px;
    padding: 0 120px
}
.devsite-article-inner,
.devsite-main-content {
    /*min-height: calc(100vh - 582px)*/
}
.devsite-header-no-upper-tabs .devsite-article-inner,
.devsite-header-no-upper-tabs .devsite-main-content {
    min-height: calc(100vh - 526px)
}
.devsite-header-no-lower-tabs .devsite-article-inner,
.devsite-header-no-lower-tabs .devsite-main-content {
    min-height: calc(100vh - 562px)
}
.devsite-header-no-upper-tabs.devsite-header-no-lower-tabs .devsite-article-inner,
.devsite-header-no-upper-tabs.devsite-header-no-lower-tabs .devsite-main-content {
    min-height: calc(100vh - 478px)
}
.devsite-home-page.devsite-header-no-upper-tabs.devsite-header-no-lower-tabs .devsite-main-content {
    min-height: calc(100vh - 710px)
}
.devsite-site-mask,
.ui-widget-overlay {
    background: #212121;
    cursor: pointer;
    display: none;
    height: 100vh;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10011
}
.ui-widget-overlay {
    display: block
}
.devsite-article {
    margin-left: 296px;
    position: relative;
    width: calc(100% - 496px)
}

.devsite-article-inner {
    float: left;
    width: 100%
}
.devsite-article h1:first-of-type {
    position: relative;
    margin-top: 0;
    top: -4px
}

aside,
.caution,
.dogfood,
.key-point,
.key-term,
.note,
.objective,
.special,
.success,
.warning,
#embedded-explorer .com-jaxto-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 12px 24px 12px 60px
}
aside::before,
.caution::before,
.dogfood::before,
.key-point::before,
.key-term::before,
.note::before,
.objective::before,
.special::before,
.success::before,
.warning::before,
#embedded-explorer .com-jaxto-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error .gwt-Label::before {
    float: left;
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    margin-left: -36px
}
aside:link,
aside:visited,
.caution:link,
.caution:visited,
.dogfood:link,
.dogfood:visited,
.key-point:link,
.key-point:visited,
.key-term:link,
.key-term:visited,
.note:link,
.note:visited,
.objective:link,
.objective:visited,
.special:link,
.special:visited,
.success:link,
.success:visited,
.warning:link,
.warning:visited {
    text-decoration: underline
}
aside a:focus,
.caution a:focus,
.dogfood a:focus,
.key-point a:focus,
.key-term a:focus,
.note a:focus,
.objective a:focus,
.special a:focus,
.success a:focus,
.warning a:focus {
    background: rgba(255, 255, 255, .7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
}
aside pre,
.caution pre,
.dogfood pre,
.key-point pre,
.key-term pre,
.note pre,
.objective pre,
.special pre,
.success pre,
.warning pre {
    background: rgba(255, 255, 255, .75)
}
aside code,
aside var,
.caution code,
.dogfood code,
.key-point code,
.key-term code,
.note code,
.objective code,
.special code,
.success code,
.warning code {
    font-weight: 700;
    padding: 0
}
aside,
aside code,
aside var,
aside:link,
aside:visited,
.note,
.note code,
.note:link,
.note:visited,
.special,
.special code,
.special:link,
.special:visited {
    background: #e1f5fe;
    color: #0288d1
}
aside::before,
.note::before,
.special::before {
    color: #039be5;
    content: 'star'
}
.caution,
.caution code,
.caution:link,
.caution:visited {
    background: #fff3e0;
    color: #dd2c00
}
.caution::before {
    color: #ff6e40;
    content: 'error'
}
.dogfood,
.dogfood code,
.dogfood:link,
.dogfood:visited {
    background: #eceff1;
    color: #546e7a
}
.dogfood::before {
    color: #78909c;
    content: 'pets'
}
.key-point,
.key-point code,
.key-point:link,
.key-point:visited {
    background: #e8eaf6;
    color: #3f51b5
}
.key-point::before {
    color: #536dfe;
    content: 'lightbulb_outline'
}
.key-term,
.key-term code,
.key-term:link,
.key-term:visited {
    background: #f3e5f5;
    color: #9c27b0
}
.key-term::before {
    color: #d500f9;
    content: 'font_download'
}
.objective,
.objective code,
.objective:link,
.objective:visited,
.success,
.success code,
.success:link,
.success:visited {
    background: #e0f2f1;
    color: #00897b
}
.objective::before {
    color: #00bfa5;
    content: 'school'
}
.success::before {
    color: #00bfa5;
    content: 'check_circle'
}
.warning,
.warning code,
.warning:link,
.warning:visited,
#embedded-explorer .com-jaxto-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error,
#embedded-explorer .com-jaxto-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error:link,
#embedded-explorer .com-jaxto-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error:visited {
    background: #fbe9e7;
    color: #d50000
}
.warning::before,
#embedded-explorer .com-jaxto-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error .gwt-Label::before {
    color: #ff1744;
    content: 'warning'
}
.devsite-no-page-title>aside:first-child,
.devsite-no-page-title>.caution:first-child,
.devsite-no-page-title>.dogfood:first-child,
.devsite-no-page-title>.key-point:first-child,
.devsite-no-page-title>.key-term:first-child,
.devsite-no-page-title>.note:first-child,
.devsite-no-page-title>.objective:first-child,
.devsite-no-page-title>.special:first-child,
.devsite-no-page-title>.success:first-child,
.devsite-no-page-title>.warning:first-child {
    clear: right
}
.devsite-banner {
    font-size: 14px;
    margin: -40px -10024px 40px;
    text-align: left
}
.devsite-landing-page .devsite-banner {
    margin: 0 -10024px
}
.devsite-banner:link,
.devsite-banner:visited {
    text-decoration: underline
}
.devsite-banner a:focus {
    background: rgba(255, 255, 255, .7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
}
.devsite-banner-confidential,
.devsite-banner-confidential:link,
.devsite-banner-confidential:visited {
    background: #fbe9e7;
    color: #d50000
}
.devsite-banner-announcement,
.devsite-banner-announcement:link,
.devsite-banner-announcement:visited {
    background: #fff3e0;
    color: #dd2c00;
    font-weight: 500
}
.devsite-banner-inner {
    margin: 0 10000px;
    padding: 20px 24px
}
.devsite-banner-confidential .devsite-banner-inner {
    padding-left: 60px
}
.devsite-banner-confidential .devsite-banner-inner::before {
    color: #ff1744;
    content: 'warning';
    float: left;
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    margin-left: -36px
}
.devsite-banner-icon {
    display: inline;
    height: 24px;
    margin-right: 24px;
    vertical-align: bottom;
    width: 24px
}
.devsite-banner-header {
    font-weight: bold
}
.button,
.fc-button,
button,
#embedded-explorer .com-jaxto-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute,
#embedded-explorer div.com-jaxto-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-showHideHeaders,
.gwt-PopupPanel .popupContent button,
input[type="button"],
input[type="file"],
input[type="image"],
input[type="reset"],
input[type="submit"] {
    background-color: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: none;
    color: #039be5;
    cursor: pointer;
    display: inline-block;
    font: 500 14px/20px Roboto, sans-serif;
    height: 36px;
    margin: 0;
    min-width: 36px;
    outline: 0;
    overflow: hidden;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: background-color .2s, box-shadow .2s;
    vertical-align: middle;
    white-space: nowrap
}
.button+.button,
button+button,
input[type="button"]+input[type="button"],
input[type="file"]+input[type="file"],
input[type="image"]+input[type="image"],
input[type="reset"]+input[type="reset"],
input[type="submit"]+input[type="submit"] {
    margin-left: 16px
}
.button-flat+.button-flat,
.button-white+.button-white,
button+.button {
    margin-left: 8px
}
.button:focus,
.button:hover,
button:focus,
button:hover,
#embedded-explorer button:focus,
#embedded-explorer button:hover,
#embedded-explorer div.com-jaxto-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-showHideHeaders:focus,
#embedded-explorer div.com-jaxto-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-showHideHeaders:hover,
.gwt-PopupPanel .popupContent button:focus,
.gwt-PopupPanel .popupContent button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="file"]:focus,
input[type="file"]:hover,
input[type="image"]:focus,
input[type="image"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
    background-color: #e1f3fc
}
.button:active,
button:active,
#embedded-explorer button:active,
#embedded-explorer div.com-jaxto-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-showHideHeaders:active,
.gwt-PopupPanel .popupContent button:active,
input[type="button"]:active,
input[type="file"]:active,
input[type="image"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background-color: #c3e7f9
}
.button,
button,
input[type="button"],
input[type="file"],
input[type="image"],
input[type="reset"],
input[type="submit"],
#embedded-explorer .com-jaxto-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    padding: 8px 16px
}
.button:focus {
    text-decoration: none
}
.button:active,
.button-blue:active,
.button-green:active,
.button-primary:active,
.button-red:active,
button:active,
input[type="button"]:active,
input[type="file"]:active,
input[type="image"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
#embedded-explorer .com-jaxto-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute:active {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .38)
}
.button-blue,
.button-green,
.button-primary,
.button-red,
#embedded-explorer .com-jaxto-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute {
    background-color: #039be5;
    color: #fff
}
.button-blue:focus,
.button-blue:hover,
.button-green:focus,
.button-green:hover,
.button-primary:focus,
.button-primary:hover,
.button-red:focus,
.button-red:hover,
#embedded-explorer .com-jaxto-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute:focus,
#embedded-explorer .com-jaxto-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute:hover {
    background-color: #0388ca
}
.button-blue:active,
.button-green:active,
.button-primary:active,
.button-red:active,
#embedded-explorer .com-jaxto-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute:active {
    background-color: #0277bd
}
.button-white,
.fc-button,
.gwt-PopupPanel .popupContent button {
    background-color: transparent;
    box-shadow: none;
    color: #039be5;
    padding: 8px
}
.button-white:focus,
.button-white:hover {
    box-shadow: none
}
.button-flat,
.button-flat:focus,
.button-flat:hover,
.button-flat:active {
    background: 0;
    box-shadow: none
}
.button-transparent,
.button-transparent:focus,
.button-transparent:hover {
    background-color: transparent;
    box-shadow: none
}
.button-flat,
.button-transparent {
    padding: 8px
}
.fc-button:focus,
.fc-button:hover {
    background-color: #ebebeb
}
.fc-button:active {
    background-color: #ddd
}
.devsite-top-button {
    background: 0;
    box-shadow: none;
    color: rgba(255, 255, 255, .7);
    transition: background-color .2s, color .2s;
    padding: 8px
}
.devsite-top-button:focus,
.devsite-top-button:hover {
    background-color: rgba(204, 204, 204, .15);
    box-shadow: none;
    color: #fff
}
.devsite-top-button:active {
    background-color: rgba(204, 204, 204, .3);
    box-shadow: none;
    color: #fff
}
.devsite-top-logo-row .devsite-top-button {
    color: #039be5
}
.devsite-top-logo-row .devsite-top-button:focus,
.devsite-top-logo-row .devsite-top-button:hover,
.devsite-top-logo-row .devsite-top-button:active {
    color: #0277bd
}
.button-text-white {
    color: #fff
}
.button-text-blue,
#embedded-explorer div.com-jaxto-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-showHideHeaders {
    color: #039be5
}
.button-lowercase {
    text-transform: none
}
.button-unindented {
    margin-left: -8px
}
.button.button-disabled,
.button.button-disabled:hover,
.button.button-disabled:focus,
.button.button-disabled:active,
button:disabled,
.fc-button:disabled,
#embedded-explorer button:disabled,
#embedded-explorer .com-jaxto-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute:disabled,
.gwt-PopupPanel .popupContent button:disabled,
input[type="button"]:disabled,
input[type="file"]:disabled,
input[type="image"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled {
    background-color: #ddd;
    box-shadow: none;
    color: rgba(0, 0, 0, .26);
    cursor: default
}
.button-flat:disabled,
.button-white:disabled,
.gwt-PopupPanel .popupContent button:disabled {
    background-color: transparent
}
.devsite-crx-install {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}
.devsite-crx-install .material-icons {
    margin-right: 4px
}
.devsite-background:not(.devsite-background-grey):not(.devsite-landing-row-cards) .button-white {
    color: #fff
}
.devsite-background.devsite-background-theme:not(.devsite-landing-row-cards) .button-white {
    color: #fff
}
.devsite-background.devsite-background-cyan:not(.devsite-landing-row-cards) .button-white,
.devsite-background.devsite-background-jaxto-yellow:not(.devsite-landing-row-cards) .button-white,
.devsite-background.devsite-background-light-green:not(.devsite-landing-row-cards) .button-white,
.devsite-background.devsite-background-orange:not(.devsite-landing-row-cards) .button-white {
    color: #212121
}
.devsite-background:not(.devsite-background-grey):not(.devsite-landing-row-cards) .button-white:hover {
    background: rgba(153, 153, 153, .3)
}
.devsite-background:not(.devsite-background-grey):not(.devsite-landing-row-cards) .button-white:focus {
    background: rgba(153, 153, 153, .5)
}
.devsite-background .button-primary {
    background: #fff;
    color: #039be5
}
.devsite-background .button-primary:active,
.devsite-background .button-primary:focus {
    background: #e1f3fc
}
.devsite-background .button-primary:hover {
    background: #c3e7f9
}
.devsite-foreground-theme .button:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-theme .button:not(.button-disabled) {
    color: #039be5
}
.devsite-foreground-theme .button.button-primary:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-theme .button.button-primary:not(.button-disabled) {
    background: #039be5
}
.devsite-foreground-theme .button.button-primary:not(.button-disabled):active,
.devsite-foreground-theme .button.button-primary:not(.button-disabled):hover,
.devsite-foreground-theme .button.button-primary:not(.button-disabled):focus,
.devsite-landing-row-item.devsite-foreground-theme .button.button-primary:not(.button-disabled):active,
.devsite-landing-row-item.devsite-foreground-theme .button.button-primary:not(.button-disabled):hover,
.devsite-landing-row-item.devsite-foreground-theme .button.button-primary:not(.button-disabled):focus {
    background: #0277bd
}
.devsite-foreground-blue-grey .button:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-blue-grey .button:not(.button-disabled) {
    color: #607d8b
}
.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled) {
    background: #607d8b
}
.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled):active,
.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled):hover,
.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled):focus,
.devsite-landing-row-item.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled):active,
.devsite-landing-row-item.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled):hover,
.devsite-landing-row-item.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled):focus {
    background: #455a64
}
.devsite-foreground-blue-grey-dark .button:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-blue-grey-dark .button:not(.button-disabled) {
    color: #455a64
}
.devsite-foreground-blue-grey-dark .button.button-primary:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-blue-grey-dark .button.button-primary:not(.button-disabled) {
    background: #455a64
}
.devsite-foreground-blue-grey-dark .button.button-primary:not(.button-disabled):active,
.devsite-foreground-blue-grey-dark .button.button-primary:not(.button-disabled):hover,
.devsite-foreground-blue-grey-dark .button.button-primary:not(.button-disabled):focus,
.devsite-landing-row-item.devsite-foreground-blue-grey-dark .button.button-primary:not(.button-disabled):active,
.devsite-landing-row-item.devsite-foreground-blue-grey-dark .button.button-primary:not(.button-disabled):hover,
.devsite-landing-row-item.devsite-foreground-blue-grey-dark .button.button-primary:not(.button-disabled):focus {
    background: #37474f
}
.devsite-foreground-cyan .button:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-cyan .button:not(.button-disabled) {
    color: #00bcd4
}
.devsite-foreground-cyan .button.button-primary:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-cyan .button.button-primary:not(.button-disabled) {
    background: #00bcd4
}
.devsite-foreground-cyan .button.button-primary:not(.button-disabled):active,
.devsite-foreground-cyan .button.button-primary:not(.button-disabled):hover,
.devsite-foreground-cyan .button.button-primary:not(.button-disabled):focus,
.devsite-landing-row-item.devsite-foreground-cyan .button.button-primary:not(.button-disabled):active,
.devsite-landing-row-item.devsite-foreground-cyan .button.button-primary:not(.button-disabled):hover,
.devsite-landing-row-item.devsite-foreground-cyan .button.button-primary:not(.button-disabled):focus {
    background: #0097a7
}
.devsite-foreground-deep-orange .button:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-deep-orange .button:not(.button-disabled) {
    color: #ff5722
}
.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled) {
    background: #ff5722
}
.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled):active,
.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled):hover,
.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled):focus,
.devsite-landing-row-item.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled):active,
.devsite-landing-row-item.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled):hover,
.devsite-landing-row-item.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled):focus {
    background: #e64a19
}
.devsite-foreground-deep-purple .button:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-deep-purple .button:not(.button-disabled) {
    color: #673ab7
}
.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled) {
    background: #673ab7
}
.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled):active,
.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled):hover,
.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled):focus,
.devsite-landing-row-item.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled):active,
.devsite-landing-row-item.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled):hover,
.devsite-landing-row-item.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled):focus {
    background: #512da8
}
.devsite-foreground-jaxto-blue .button:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-jaxto-blue .button:not(.button-disabled) {
    color: #4285f4
}
.devsite-foreground-jaxto-blue .button.button-primary:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-jaxto-blue .button.button-primary:not(.button-disabled) {
    background: #4285f4
}
.devsite-foreground-jaxto-blue .button.button-primary:not(.button-disabled):active,
.devsite-foreground-jaxto-blue .button.button-primary:not(.button-disabled):hover,
.devsite-foreground-jaxto-blue .button.button-primary:not(.button-disabled):focus,
.devsite-landing-row-item.devsite-foreground-jaxto-blue .button.button-primary:not(.button-disabled):active,
.devsite-landing-row-item.devsite-foreground-jaxto-blue .button.button-primary:not(.button-disabled):hover,
.devsite-landing-row-item.devsite-foreground-jaxto-blue .button.button-primary:not(.button-disabled):focus {
    background: #3367d6
}
.devsite-foreground-jaxto-green .button:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-jaxto-green .button:not(.button-disabled) {
    color: #00c853
}
.devsite-foreground-jaxto-green .button.button-primary:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-jaxto-green .button.button-primary:not(.button-disabled) {
    background: #00c853
}
.devsite-foreground-jaxto-green .button.button-primary:not(.button-disabled):active,
.devsite-foreground-jaxto-green .button.button-primary:not(.button-disabled):hover,
.devsite-foreground-jaxto-green .button.button-primary:not(.button-disabled):focus,
.devsite-landing-row-item.devsite-foreground-jaxto-green .button.button-primary:not(.button-disabled):active,
.devsite-landing-row-item.devsite-foreground-jaxto-green .button.button-primary:not(.button-disabled):hover,
.devsite-landing-row-item.devsite-foreground-jaxto-green .button.button-primary:not(.button-disabled):focus {
    background: #008c3a
}
.devsite-foreground-jaxto-red .button:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-jaxto-red .button:not(.button-disabled) {
    color: #db4437
}
.devsite-foreground-jaxto-red .button.button-primary:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-jaxto-red .button.button-primary:not(.button-disabled) {
    background: #db4437
}
.devsite-foreground-jaxto-red .button.button-primary:not(.button-disabled):active,
.devsite-foreground-jaxto-red .button.button-primary:not(.button-disabled):hover,
.devsite-foreground-jaxto-red .button.button-primary:not(.button-disabled):focus,
.devsite-landing-row-item.devsite-foreground-jaxto-red .button.button-primary:not(.button-disabled):active,
.devsite-landing-row-item.devsite-foreground-jaxto-red .button.button-primary:not(.button-disabled):hover,
.devsite-landing-row-item.devsite-foreground-jaxto-red .button.button-primary:not(.button-disabled):focus {
    background: #c53929
}
.devsite-foreground-jaxto-yellow .button:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-jaxto-yellow .button:not(.button-disabled) {
    color: #f4b400
}
.devsite-foreground-jaxto-yellow .button.button-primary:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-jaxto-yellow .button.button-primary:not(.button-disabled) {
    background: #f4b400
}
.devsite-foreground-jaxto-yellow .button.button-primary:not(.button-disabled):active,
.devsite-foreground-jaxto-yellow .button.button-primary:not(.button-disabled):hover,
.devsite-foreground-jaxto-yellow .button.button-primary:not(.button-disabled):focus,
.devsite-landing-row-item.devsite-foreground-jaxto-yellow .button.button-primary:not(.button-disabled):active,
.devsite-landing-row-item.devsite-foreground-jaxto-yellow .button.button-primary:not(.button-disabled):hover,
.devsite-landing-row-item.devsite-foreground-jaxto-yellow .button.button-primary:not(.button-disabled):focus {
    background: #f09300
}
.devsite-foreground-grey .button:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-grey .button:not(.button-disabled) {
    color: #757575
}
.devsite-foreground-grey .button.button-primary:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-grey .button.button-primary:not(.button-disabled) {
    background: #757575
}
.devsite-foreground-grey .button.button-primary:not(.button-disabled):active,
.devsite-foreground-grey .button.button-primary:not(.button-disabled):hover,
.devsite-foreground-grey .button.button-primary:not(.button-disabled):focus,
.devsite-landing-row-item.devsite-foreground-grey .button.button-primary:not(.button-disabled):active,
.devsite-landing-row-item.devsite-foreground-grey .button.button-primary:not(.button-disabled):hover,
.devsite-landing-row-item.devsite-foreground-grey .button.button-primary:not(.button-disabled):focus {
    background: #424242
}
.devsite-foreground-indigo .button:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-indigo .button:not(.button-disabled) {
    color: #3f51b5
}
.devsite-foreground-indigo .button.button-primary:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-indigo .button.button-primary:not(.button-disabled) {
    background: #3f51b5
}
.devsite-foreground-indigo .button.button-primary:not(.button-disabled):active,
.devsite-foreground-indigo .button.button-primary:not(.button-disabled):hover,
.devsite-foreground-indigo .button.button-primary:not(.button-disabled):focus,
.devsite-landing-row-item.devsite-foreground-indigo .button.button-primary:not(.button-disabled):active,
.devsite-landing-row-item.devsite-foreground-indigo .button.button-primary:not(.button-disabled):hover,
.devsite-landing-row-item.devsite-foreground-indigo .button.button-primary:not(.button-disabled):focus {
    background: #303f9f
}
.devsite-foreground-light-green .button:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-light-green .button:not(.button-disabled) {
    color: #8bc34a
}
.devsite-foreground-light-green .button.button-primary:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-light-green .button.button-primary:not(.button-disabled) {
    background: #8bc34a
}
.devsite-foreground-light-green .button.button-primary:not(.button-disabled):active,
.devsite-foreground-light-green .button.button-primary:not(.button-disabled):hover,
.devsite-foreground-light-green .button.button-primary:not(.button-disabled):focus,
.devsite-landing-row-item.devsite-light-green .button.button-primary:not(.button-disabled):active,
.devsite-landing-row-item.devsite-light-green .button.button-primary:not(.button-disabled):hover,
.devsite-landing-row-item.devsite-light-green .button.button-primary:not(.button-disabled):focus {
    background: #689f38
}
.devsite-foreground-orange .button:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-orange .button:not(.button-disabled) {
    color: #fb8c00
}
.devsite-foreground-orange .button.button-primary:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-orange .button.button-primary:not(.button-disabled) {
    background: #fb8c00
}
.devsite-foreground-orange .button.button-primary:not(.button-disabled):active,
.devsite-foreground-orange .button.button-primary:not(.button-disabled):hover,
.devsite-foreground-orange .button.button-primary:not(.button-disabled):focus,
.devsite-landing-row-item.devsite-foreground-orange .button.button-primary:not(.button-disabled):active,
.devsite-landing-row-item.devsite-foreground-orange .button.button-primary:not(.button-disabled):hover,
.devsite-landing-row-item.devsite-foreground-orange .button.button-primary:not(.button-disabled):focus {
    background: #ef6c00
}
.devsite-foreground-pink .button:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-pink .button:not(.button-disabled) {
    color: #e91e63
}
.devsite-foreground-pink .button.button-primary:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-pink .button.button-primary:not(.button-disabled) {
    background: #e91e63
}
.devsite-foreground-pink .button.button-primary:not(.button-disabled):active,
.devsite-foreground-pink .button.button-primary:not(.button-disabled):hover,
.devsite-foreground-pink .button.button-primary:not(.button-disabled):focus,
.devsite-landing-row-item.devsite-foreground-pink .button.button-primary:not(.button-disabled):active,
.devsite-landing-row-item.devsite-foreground-pink .button.button-primary:not(.button-disabled):hover,
.devsite-landing-row-item.devsite-foreground-pink .button.button-primary:not(.button-disabled):focus {
    background: #c2185b
}
.devsite-foreground-purple .button:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-purple .button:not(.button-disabled) {
    color: #9c27b0
}
.devsite-foreground-purple .button.button-primary:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-purple .button.button-primary:not(.button-disabled) {
    background: #9c27b0
}
.devsite-foreground-purple .button.button-primary:not(.button-disabled):active,
.devsite-foreground-purple .button.button-primary:not(.button-disabled):hover,
.devsite-foreground-purple .button.button-primary:not(.button-disabled):focus,
.devsite-landing-row-item.devsite-foreground-purple .button.button-primary:not(.button-disabled):active,
.devsite-landing-row-item.devsite-foreground-purple .button.button-primary:not(.button-disabled):hover,
.devsite-landing-row-item.devsite-foreground-purple .button.button-primary:not(.button-disabled):focus {
    background: #7b1fa2
}
.devsite-foreground-teal .button:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-teal .button:not(.button-disabled) {
    color: #009688
}
.devsite-foreground-teal .button.button-primary:not(.button-disabled),
.devsite-landing-row-item.devsite-foreground-teal .button.button-primary:not(.button-disabled) {
    background: #009688
}
.devsite-foreground-teal .button.button-primary:not(.button-disabled):active,
.devsite-foreground-teal .button.button-primary:not(.button-disabled):hover,
.devsite-foreground-teal .button.button-primary:not(.button-disabled):focus,
.devsite-landing-row-item.devsite-foreground-teal .button.button-primary:not(.button-disabled):active,
.devsite-landing-row-item.devsite-foreground-teal .button.button-primary:not(.button-disabled):hover,
.devsite-landing-row-item.devsite-foreground-teal .button.button-primary:not(.button-disabled):focus {
    background: #00796b
}
.devsite-foreground .button.button-primary:not(.button-disabled) {
    color: #fff
}
.devsite-foreground .button:not(.button-disabled):active,
.devsite-foreground .button:not(.button-disabled):hover,
.devsite-landing-row-item.devsite-foreground .button:not(.button-disabled):active,
.devsite-landing-row-item.devsite-foreground .button:not(.button-disabled):hover {
    background: rgba(153, 153, 153, .3)
}
.devsite-foreground .button:not(.button-disabled):focus,
.devsite-landing-row-item.devsite-foreground .button:not(.button-disabled):focus {
    background: rgba(153, 153, 153, .5)
}
.devsite-foreground .button.button-disabled,
.devsite-foreground .button.button-disabled:hover,
.devsite-foreground .button.button-disabled:focus,
.devsite-foreground .button.button-disabled:active,
.devsite-foreground button:disabled,
.devsite-foreground .fc-button:disabled,
.devsite-foreground #embedded-explorer button:disabled,
.devsite-foreground #embedded-explorer .com-jaxto-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute:disabled,
.devsite-foreground .gwt-PopupPanel .popupContent button:disabled,
.devsite-foreground input[type="button"]:disabled,
.devsite-foreground input[type="file"]:disabled,
.devsite-foreground input[type="image"]:disabled,
.devsite-foreground input[type="reset"]:disabled,
.devsite-foreground input[type="submit"]:disabled {
    background-color: rgba(153, 153, 153, .3)
}
code,
pre,
.pre-style {
    background: #f7f7f7;
    color: #37474f;
    font: 400 100%/1 Roboto Mono, monospace;
    padding: 1px 4px
}
.devsite-dark-code pre,
.devsite-dark-code pre code,
.devsite-dark-code .pre-style {
    background: #212121;
    color: #eceff1
}
code {
    font: 500 90%/1 Roboto Mono, monospace;
    word-break: break-word
}
table code,
pre code,
.pre-style code {
    font-weight: 400;
    word-break: normal
}
pre,
.pre-style {
    font: 14px/20px Roboto Mono, monospace;
    margin: 16px 0;
    overflow-x: auto;
    padding: 8px;
    position: relative
}
pre code,
.pre-style code {
    background: 0;
    font-size: 14px;
    padding: 0
}
b code,
strong code {
    font-weight: 700
}
.devsite-code-highlight.prettyprint>span {
    opacity: .54
}
table pre {
    background: rgba(255, 255, 255, .95)
}
td>pre:only-child {
    padding: 0
}
body:not(.devsite-dark-code) td>pre:only-child {
    background: 0
}
h1 code,
h2 code,
h3 code,
h4 code,
h5 code,
h6 code {
    background: 0;
    color: #212121;
    padding: 0
}
h1 code {
    color: #757575
}
#embedded-explorer .com-jaxto-api-explorer-client-Resources-Css-jsonString,
pre .com {
    color: #d81b60
}
.devsite-dark-code pre .com {
    color: #f06292
}
#embedded-explorer .com-jaxto-api-explorer-client-Resources-Css-jsonNumber,
pre .lit,
pre .dec {
    color: #c53929
}
.devsite-dark-code pre .lit,
.devsite-dark-code pre .dec {
    color: #fbc02d
}
pre .kwd,
pre .tag {
    color: #3b78e7
}
.devsite-dark-code pre .kwd,
.devsite-dark-code pre .tag {
    color: #4dd0e1
}
#embedded-explorer .com-jaxto-api-explorer-client-Resources-Css-jsonBoolean,
pre .str,
pre .atv {
    color: #0d904f
}
.devsite-dark-code pre .str,
.devsite-dark-code pre .atv {
    color: #9ccc65
}
#embedded-explorer .com-jaxto-api-explorer-client-Resources-Css-jsonKey,
pre .typ,
pre .atn {
    color: #9c27b0
}
.devsite-dark-code pre .typ,
.devsite-dark-code pre .atn {
    color: #ce93d8
}
a code,
td a code {
    color: #039be5
}
a .atv,
a .atn,
a .com,
a .dec,
a .kwd,
a .lit,
a .str,
a .tag,
a .typ,
.prettyprint:not(.devsite-github-link)>a:not(.devsite-github-link) {
    color: #039be5;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-weight: 700
}
.devsite-dark-code a .atv,
.devsite-dark-code a .atn,
.devsite-dark-code a .com,
.devsite-dark-code a .dec,
.devsite-dark-code a .kwd,
.devsite-dark-code a .lit,
.devsite-dark-code a .str,
.devsite-dark-code a .tag,
.devsite-dark-code a .typ,
.devsite-dark-code .prettyprint:not(.devsite-github-link)>a:not(.devsite-github-link) {
    color: #29b6f6
}
a:hover .atv,
a:hover .atn,
a:hover .com,
a:hover .dec,
a:hover .kwd,
a:hover .lit,
a:hover .str,
a:hover .tag,
a:hover .typ,
.prettyprint a:hover {
    text-decoration: underline
}
var,
var code,
var span,
.prettyprint var span {
    color: #ec407a;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-weight: 700
}
.devsite-terminal::before {
    color: #bdbdbd;
    content: "$ "
}
.devsite-github-link {
    display: block;
    text-align: right
}
a.devsite-github-link:hover,
a.devsite-github-link:focus {
    text-decoration: none
}
.devsite-github-link::after {
    color: #039be5;
    content: 'open_in_new';
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px;
    margin-left: 8px;
    vertical-align: bottom
}
.devsite-dark-code .devsite-github-link>a,
.devsite-dark-code .devsite-github-link::after {
    color: #29b6f6
}
.replaceable-credential {
    border: 1px dashed #e91e63;
    cursor: pointer;
    padding: 2px
}
.devsite-dialog {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 17px 17px rgba(0, 0, 0, .15), 0 27px 55px rgba(0, 0, 0, .3);
    display: none;
    font: 14px/20px Roboto, sans-serif;
    margin: 24px;
    max-height: calc(100% - 48px);
    max-width: calc(100% - 48px);
    overflow: auto;
    padding: 8px;
    position: fixed;
    z-index: 10012
}
.devsite-dialog.devsite-henhouse-dialog {
    left: calc(50% - 300px);
    padding: 0;
    margin: 0;
    top: calc(50% - 182px);
    width: auto;
    height: auto;
    background: transparent
}
.devsite-henhouse-inner {
    background: #fff;
    margin-top: 2px
}
.devsite-henhouse-spinner-container {
    width: 600px;
    height: 365px
}
.devsite-henhouse-cross-container {
    height: 160px
}
.devsite-henhouse-cross {
    margin: 16px;
    float: right;
    cursor: pointer
}
.devsite-dialog-contents {
    color: #757575;
    padding: 16px
}
.devsite-dialog-contents>p:first-child:last-child {
    margin: 0
}
.devsite-dialog h3 {
    margin: 0 0 20px
}
.devsite-dialog-buttons {
    text-align: right
}

.devsite-landing-row .devsite-landing-row-item-no-image {
	width: 48%;
    float: left;
    padding-left: 2%;
}

.devsite-landing-row .devsite-landing-row-item-no-image.full {
    width: 96%;
}
#save-jaxto-settings
{
	width:120px;
	margin-right: 20px !important;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0
}
label {
    color: #757575;
    display: block;
    font-size: 12px
}
input+label {
    color: #212121;
    display: inline;
    font-size: 16px
}
label[for] {
    cursor: pointer
}
/*
input[type="checkbox"],
input[type="radio"] {
    -webkit-appearance: none;
    background: #fff;
    border-radius: 2px;
    color: #757575;
    cursor: pointer;
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    height: 18px;
    margin: -2px 8px 2px 0;
    outline: 0;
    position: relative;
    transition: color .2s;
    vertical-align: middle;
    width: 18px
}
input[type="radio"] {
    border-radius: 50%;
    transition: none
}
input[type="checkbox"]:checked,
input[type="checkbox"]:indeterminate,
input[type="radio"]:checked {
    color: #039be5
}

input[type="checkbox"]::after,
input[type="radio"]::after {
    content: 'check_box_outline_blank';
    position: relative;
    right: 3px;
    top: -3px
}

input[type="checkbox"]:checked::after {
    content: 'check_box'
}
input[type="checkbox"]:indeterminate::after {
    content: 'indeterminate_check_box'
}
input[type="radio"]::after {
    content: 'radio_button_unchecked'
}
input[type="radio"]:checked::after {
    content: 'radio_button_checked'
}

input[type="checkbox"]:focus::before,
input[type="radio"]:focus::before {
    background: #ebebeb;
    border-radius: 50%;
    content: '';
    display: block;
    height: 36px;
    left: -9px;
    position: absolute;
    top: -9px;
    transition: background .2s;
    width: 36px;
    z-index: -1
}
input[type="checkbox"]:checked:focus::before,
input[type="checkbox"]:indeterminate:focus::before,
input[type="radio"]:focus::before {
    background: #b3e5fc
}
input[type="checkbox"]:disabled,
input[type="radio"]:disabled,
input:disabled+label {
    color: #bdbdbd;
    cursor: default
}
*/
.col-3 {
    width: 25%;
    float: left;
}

.devsite-navigating-radio:checked+label {
    color: #039be5
}
label+.devsite-navigating-radio {
    margin-left: 40px
}
#embedded-explorer input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select[multiple],
select[size],
textarea {
    border: 1px solid #ebebeb;
    border-radius: 2px;
    color: #212121;
    font: 16px/20px Roboto, sans-serif;
    margin: 0;
    max-width: 100%;
    outline: 0;
    padding: 7px;
    transition: border-color .2s;
    vertical-align: middle
}
#embedded-explorer input[type="text"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
select[multiple]:focus,
select[size]:focus,
textarea:focus {
    border-bottom: 2px solid #039be5;
    padding-bottom: 6px
}
#embedded-explorer input[type="text"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="email"]:disabled,
input[type="month"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="week"]:disabled,
select[multiple]:disabled,
select[size]:disabled,
textarea:disabled {
    background: #f7f7f7
}

.input-container .md-select {
    background-color: white;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 transparent inset, 0 0 0 1px #e0e0e0 inset;
    box-sizing: border-box;
    color: rgba(0,0,0,0.87);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    outline: 0;
    padding: 8px 0 8px 8px!important;
    transition: box-shadow .15s;
    vertical-align: middle;
    -webkit-appearance: none;
    text-transform: capitalize;
    width: 100%;
}

.select2-container--default .select2-selection--single:focus,.input-container .md-select:focus,.select2-container--default .select2-selection--multiple:focus
{
	box-shadow: 0 -2px 0 #039be5 inset, 0 0 0 1px #e0e0e0 inset;
}

#layoutSetting label
{
	margin-top: 10px;
}

.md-button{
    display: inline-block;
    position: relative;
    cursor: pointer;
    min-height: 36px;
    min-width: 88px;
    line-height: 36px;
    vertical-align: middle;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -webkit-user-select: none;
    outline: none;
    border: 0;
    padding: 0 6px;
    margin: 6px 8px;
    background: transparent;
    color: currentColor;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    font-style: inherit;
    font-variant: inherit;
    font-family: inherit;
    text-decoration: none;
    overflow: hidden;
    -webkit-transition: box-shadow .4s cubic-bezier(0.25,0.8,0.25,1),background-color .4s cubic-bezier(0.25,0.8,0.25,1);
    -webkit-transition: box-shadow .4s cubic-bezier(0.25,0.8,0.25,1),background-color .4s cubic-bezier(0.25,0.8,0.25,1);
    transition: box-shadow .4s cubic-bezier(0.25,0.8,0.25,1),background-color .4s cubic-bezier(0.25,0.8,0.25,1);
	width: 120px !important;
}
.md-button {
    letter-spacing: .01em;
}


.devsite-main-content.half-col {
    width: 50%;
    float: left;
}

.kd-select,
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    box-shadow: none;
    color: #212121;
    cursor: pointer;
    display: inline-block;
    font: 14px/20px Roboto, sans-serif;
    height: 36px;
    min-width: 72px;
    outline: 0;
    overflow: hidden;
    padding: 7px 27px 7px 7px;
    text-align: left;
    text-indent: .01px;
    text-overflow: ellipsis;
    text-overflow: '';
    transition: background-color .2s;
    vertical-align: middle;
    white-space: nowrap
}
.kd-select:focus,
.kd-select:hover,
select:focus,
select:hover {
    background-color: #f7f7f7
}
.kd-select:active,
select:active {
    background-color: #ebebeb
}
select {
    background: #fff no-repeat right
}
select:disabled {
    background: #f7f7f7 no-repeat right;
    border-color: transparent;
    color: #bdbdbd;
    cursor: default
}
select:-ms-expand {
    display: none
}
.kd-select {
    font-weight: 500;
    position: relative;
    text-transform: uppercase
}
.kd-select::before {
    content: 'arrow_drop_down';
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px;
    position: absolute;
    right: 8px;
    text-transform: lowercase;
    top: 8px
}
.kd-select .label {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}
.kd-menulist {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .37);
    margin: 0 24px 0 0;
    max-height: 512px;
    overflow: auto;
    padding: 8px 0!important;
    position: absolute;
    white-space: nowrap;
    z-index: 10013
}
.kd-menulistitem {
    cursor: default;
    font: 14px/32px Roboto, sans-serif;
    margin: 0;
    padding: 8px 16px;
    transition: background .2s
}
.kd-menulistitem:hover,
.kd-menulistitem.devsite-selected-option {
    background: #f7f7f7
}
.devsite-form-error {
    color: #dd2c00
}

h1,
h2,
h3,
h4,
h5,
h6 {
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis
}
h1,
.devsite-landing-row h2,
.devsite-landing-row-large-headings .devsite-landing-row-item-description>a>h3,
.devsite-landing-row-large-headings .devsite-landing-row-item-description>h3,
.devsite-products-alphabet-letter-heading {
    color: #757575;
    font: 300 34px/40px Roboto, sans-serif;
    letter-spacing: -.01em;
    margin: 40px 0 20px
}
h2,
.devsite-landing-row h3 {
    border-bottom: 1px solid #ebebeb;
    font: 300 24px/32px Roboto, sans-serif;
    letter-spacing: -.01em;
    margin: 40px 0 20px;
    padding-bottom: 3px
}
.exw-control+h2.showalways {
    margin: 44px 0 20px;
    padding-bottom: 7px
}
h3,
#embedded-explorer .com-jaxto-api-explorer-client-embedded-EmbeddedView_EmbeddedViewUiBinderImpl_GenCss_style-all h3 {
    font: 400 20px/32px Roboto, sans-serif;
    margin: 32px 0 16px
}
.devsite-landing-row-item-no-image h3,
.devsite-landing-row h4 {
    font: 400 20px/32px Roboto, sans-serif;
    margin: 32px 0 12px;
    padding: 0
}
.devsite-landing-row-large-headings .devsite-landing-row-item-list h4 {
    font: 300 24px/32px Roboto, sans-serif;
    letter-spacing: -.01em
}
.exw-control+h3.showalways,
.exw-control+h4.showalways {
    margin: 36px 0 20px
}
h4 {
    font: 400 18px/32px Roboto, sans-serif;
    margin: 32px 0 16px
}
h5 {
    font: 700 16px/24px Roboto, sans-serif;
    margin: 32px 0 16px
}
h6 {
    font: 500 16px/24px Roboto, sans-serif;
    margin: 32px 0 16px
}
h1+h1,
h1+h2,
h1+h3,
h1+h4,
h1+h5,
h1+h6,
h2+h1,
h2+h2,
h2+h3,
h2+h4,
h2+h5,
h2+h6,
h3+h1,
h3+h2,
h3+h3,
h3+h4,
h3+h5,
h3+h6,
h4+h1,
h4+h2,
h4+h3,
h4+h4,
h4+h5,
h4+h6,
h5+h1,
h5+h2,
h5+h3,
h5+h4,
h5+h5,
h5+h6,
h6+h1,
h6+h2,
h6+h3,
h6+h4,
h6+h5,
h6+h6,
h1+dl>dt:first-child,
h2+dl>dt:first-child,
h3+dl>dt:first-child,
h4+dl>dt:first-child,
h5+dl>dt:first-child,
h6+dl>dt:first-child {
    margin-top: 0
}

table,
table.jaxto-visualization-table-table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    font: 14px/20px Roboto, sans-serif;
    margin: 16px 0;
    width: 100%
}
caption {
    background: #f7f7f7;
    font-weight: 500;
    padding: 12px 8px;
    text-align: center
}
tr,
table.jaxto-visualization-table-table .jaxto-visualization-table-tr-head,
table.jaxto-visualization-table-table .jaxto-visualization-table-tr-even,
table.jaxto-visualization-table-table .jaxto-visualization-table-tr-odd {
    background: #757575;
    border: 0;
    border-top: 1px solid #e0e0e0
}
th,
td,
table.jaxto-visualization-table-table .jaxto-visualization-table-th,
table.jaxto-visualization-table-table .jaxto-visualization-table-td {
    border: 0;
    margin: 0;
    text-align: left
}
table.jaxto-visualization-table-table .jaxto-visualization-table-th,
table.jaxto-visualization-table-table .jaxto-visualization-table-td {
    background: 0;
    border: 0
}
th {
    font: 500 16px/24px Roboto, sans-serif;
    height: 48px;
    padding: 8px;
    vertical-align: middle
}
th>h2,
th>h3 {
    border: 0;
    font: 500 16px/24px Roboto, sans-serif;
    margin: 0;
    padding: 0
}
td>h2:only-child,
td>h3:only-child,
td>.expandable>h2.showalways,
td>.expandable>h3.showalways {
    border: 0;
    font: 14px/20px Roboto, sans-serif;
    margin: 0;
    padding-bottom: 0
}
td>.expandable>h2.showalways,
td>.expandable>h3.showalways {
    line-height: 24px
}
th b,
th strong,
td b,
td strong {
    font-weight: 500
}
th,
th code {
    color: #fff
}
td,
td code,
table.jaxto-visualization-table-table .jaxto-visualization-table-td {
    color: #212121;
    padding: 7px 8px 8px
}
th code,
td code {
    background: 0;
    font: 500 100%/1 Roboto Mono, monospace;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    padding: 0
}
table.responsive td,
table.responsive th {
    min-width: 214px
}
table.responsive th code,
table.responsive td code {
    word-break: break-all;
    word-break: break-word
}
td,
table.responsive tr:not(.alt) td td:first-child,
table.responsive td tr:not(.alt) td:first-child,
table.jaxto-visualization-table-table .jaxto-visualization-table-td {
    background: rgba(255, 255, 255, .95);
    vertical-align: top
}
table.responsive tr:not(.alt) td:first-child {
    background: rgba(255, 255, 255, .87)
}
td.alt,
.alt td {
    background: rgba(255, 255, 255, .75)
}
table.nested-classes tr,
table.pink tr,
table#nestedclasses tr,
table.member.type tr {
    background: #d81b60;
    border-top-color: #f06292
}
table.constants tr,
table.blue tr,
table#inhconstants tr {
    background: #3949ab;
    border-top-color: #7986cb
}
table.properties tr,
table.orange tr,
table#inhfields tr,
table#properties tr,
table#property_table tr,
table.members.property tr {
    background: #fb8c00;
    border-top-color: #ffb74d
}
table.constructors tr,
table.purple tr,
table#pubctors tr,
table#request_properties_JSON tr,
table.function.advancedparam tr {
    background: #8e24aa;
    border-top-color: #ba68c8
}
table.methods tr,
table.cyan tr,
table#pubmethods tr,
table.members.function tr {
    background: #00acc1;
    border-top-color: #4dd0e1
}
table.jaxto-visualization-table-table .jaxto-visualization-table-tr-head,
table.jaxto-visualization-table-table .jaxto-visualization-table-tr-even,
table.jaxto-visualization-table-table .jaxto-visualization-table-tr-odd,
table.details tr,
table.green tr,
table#inhmethods tr,
table#request_parameters tr,
table.function.param tr {
    background: #7cb342;
    border-top-color: #aed581
}
.devsite-table-wrapper {
    margin: 16px 0;
    overflow: auto
}
.devsite-table-wrapper .devsite-table-wrapper {
    overflow: visible
}
.devsite-table-wrapper table {
    margin: 0
}
.devsite-table-wrapper .devsite-table-wrapper table {
    margin: 16px 0
}
table.responsive table.responsive {
    margin: 0
}
table.responsive tr:first-child {
    border-top: 0
}
table.responsive td tr:first-child td {
    padding-top: 0
}
table.responsive td tr:last-child td {
    padding-bottom: 0
}
table.responsive td td:first-child {
    padding-left: 0
}
table.responsive th:not(:first-child) {
    display: none
}

.devsite-rating-description,
.devsite-tooltip {
    background: rgba(97, 97, 97, .9);
    border-radius: 2px;
    color: #fff;
    font: 500 10px/10px Roboto, sans-serif;
    position: absolute
}
.devsite-tooltip {
    margin-top: 8px;
    max-width: 400px;
    opacity: 1;
    padding: 6px 8px;
    text-align: center;
    transition: opacity .2s;
    visibility: visible;
    z-index: 20
}
.devsite-tooltip-hide {
    opacity: 0;
    visibility: hidden
}
.devsite-tooltip-data {
    display: none
}
.com-jaxto-api-explorer-client-auth-AuthView_AuthUiBinderImpl_GenCss_style-scopePanel::-webkit-scrollbar,
.com-jaxto-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-fields::-webkit-scrollbar,
.devsite-apix::-webkit-scrollbar,
.devsite-dialog::-webkit-scrollbar,
.devsite-nav-responsive::-webkit-scrollbar,
.devsite-overflow-menu::-webkit-scrollbar,
.devsite-page-nav::-webkit-scrollbar,
.devsite-popout::-webkit-scrollbar,
.devsite-section-nav::-webkit-scrollbar,
.devsite-section-nav-responsive::-webkit-scrollbar,
.kd-menulist::-webkit-scrollbar {
    height: 4px;
    width: 4px
}
.devsite-table-wrapper::-webkit-scrollbar,
pre::-webkit-scrollbar {
    height: 8px;
    width: 4px
}
.devsite-header-upper-tabs::-webkit-scrollbar,
.devsite-doc-set-nav-row::-webkit-scrollbar {
    height: 0;
    width: 0
}
.com-jaxto-api-explorer-client-auth-AuthView_AuthUiBinderImpl_GenCss_style-scopePanel::-webkit-scrollbar-thumb,
.com-jaxto-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-fields::-webkit-scrollbar-thumb,
.devsite-apix::-webkit-scrollbar-thumb,
.devsite-dialog::-webkit-scrollbar-thumb,
.devsite-nav-responsive::-webkit-scrollbar-thumb,
.devsite-overflow-menu::-webkit-scrollbar-thumb,
.devsite-page-nav::-webkit-scrollbar-thumb,
.devsite-popout::-webkit-scrollbar-thumb,
.devsite-section-nav::-webkit-scrollbar-thumb,
.devsite-section-nav-responsive::-webkit-scrollbar-thumb,
.devsite-table-wrapper::-webkit-scrollbar-thumb,
.kd-menulist::-webkit-scrollbar-thumb,
pre::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .26)
}
.devsite-dark-code pre::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .7)
}
.devsite-table-wrapper::-webkit-scrollbar-corner,
pre::-webkit-scrollbar-corner {
    background: 0
}
.devsite-top-section-wrapper {
    position: relative;
    z-index: 7
}
.devsite-top-section {
    background-color: #039be5;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    position: static;
    top: 0;
    width: 100%;
    z-index: 5
}
.devsite-top-section-pinned {
    position: fixed;
    transform: translateZ(0)
}
.devsite-full-site-width,
.devsite-toast-fill {
    margin: 0 auto;
    max-width: 100%;
}
.devsite-top-logo-row-wrapper-wrapper {
    border-bottom: 0;
    position: static;
    top: 35px;
    transform: translateZ(0);
    width: 100%;
    z-index: 6
}
.devsite-top-logo-row-wrapper {
    background: #fff
}
.devsite-top-logo-row {
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    padding: 0 24px;
    position: relative
}
.devsite-header-upper-tabs {
    display: inline-block;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    overflow-y: auto;
    vertical-align: top;
    transition: flex .2s, margin .2s, width .2s;
    transition: flex .2s, margin .2s, width .2s, -ms-flex .2s
}
.devsite-header-upper-tabs:not(:empty) {
    margin-left: 15px
}
.devsite-header-upper-tabs small{
     margin-top: 25px;
	 float: left;
}

.devsite-top-logo-row.devsite-search-active:not(.disable-responsive-nav) .devsite-header-upper-tabs {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    visibility: hidden;
    width: 0
}
.devsite-header-background {
    position: relative
}
.devsite-header-background>.devsite-feedback-button {
    bottom: 0;
    margin: 6px 0;
    position: absolute;
    right: 16px
}
.devsite-header-icon-button {
    color: #757575;
    display: none;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 24px;
    min-width: 24px;
    padding: 0;
    transition: color .2s;
    width: 24px
}
.devsite-expand-section-nav {
    margin: 12px 24px 12px 0
}
.devsite-header-icon-button:focus,
.devsite-header-icon-button:hover,
.devsite-header-icon-button:active {
    color: #bdbdbd
}

.devsite-product-name-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 36px;
    margin: 6px 0
}
.devsite-product-name-link,
.devsite-site-logo-link {
    display: inline-block;
    opacity: 1;
    transition: opacity .2s
}
.devsite-product-name-link:hover,
.devsite-product-name-link:focus,
.devsite-site-logo-link:focus {
    opacity: .7;
    text-decoration: none
}
.devsite-product-logo-container {
    background: #039be5;
    border-radius: 50%;
    display: inline-block;
    height: 36px;
    margin-right: 16px;
    text-align: center;
    width: 36px
}
.devsite-product-logo {
    color: #039be5;
    font-size: 32px;
    height: 32px;
    margin: 2px 16px 2px 0;
    min-width: 32px;
    width: 32px
}
.devsite-product-logo-white {
    color: #fff;
    margin: 2px 0
}
.devsite-product-name {
    color: #757575;
    display: inline-block;
    font: 20px/36px Roboto, sans-serif;
    letter-spacing: 0;
    margin: 0;
    vertical-align: top;
    white-space: nowrap
}
.devsite-site-logo {
    height: 32px;
    margin: 2px 0
}
.devsite-site-logo-no-text {
    width: 32px
}
.devsite-site-logo+.devsite-site-name {
    display: none
}
.devsite-breadcrumb-link>.devsite-product-name {
    color: inherit
}

.devsite-search-form {
    background: #f7f7f7;
    border-radius: 2px;
    display: inline-block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 36px;
    margin: 6px 0 6px 24px;
    opacity: 1;
    position: relative;
    text-align: left;
    transition: background .2s, flex .2s, opacity .2s, width .2s;
    transition: background .2s, flex .2s, opacity .2s, width .2s, -ms-flex .2s;
    vertical-align: top;
    width: 200px
}
.devsite-search-form.hide-this-form {
    opacity: 0;
    pointer-events: none;
    width: 0
}
.devsite-high-contrast .devsite-search-form {
    background: #039be5
}
.devsite-search-form:hover {
    background: #ebebeb
}
.devsite-high-contrast .devsite-search-form:hover {
    background: #03a9f4
}
.devsite-top-logo-row.devsite-search-active .devsite-search-form {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
.devsite-high-contrast .devsite-search-active .devsite-search-form,
.devsite-search-active .devsite-search-form {
    background: #f7f7f7
}
.devsite-search-image {
    color: #757575;
    left: 24px;
    position: absolute;
    top: 6px;
    transition: color .2s
}
.devsite-search-image::before {
    content: 'search'
}
.devsite-search-active .devsite-search-image {
    color: #757575
}
input.devsite-search-field {
    background: 0;
    border: 0;
    color: #757575;
    height: 36px;
    padding: 8px 8px 8px 72px;
    transition: color .2s;
    width: 100%
}
.devsite-search-active .devsite-search-field {
    color: #212121
}
input.devsite-search-field:focus {
    border: 0;
    padding-bottom: 8px
}
.devsite-search-form::-webkit-input-placeholder {
    color: #757575;
    transition: color .2s
}
.devsite-search-form:-moz-placeholder {
    color: #757575;
    transition: color .2s
}
.devsite-search-form::-moz-placeholder {
    color: #757575;
    transition: color .2s
}
.devsite-search-form:-ms-input-placeholder {
    color: #757575;
    transition: color .2s
}
.devsite-search-active .devsite-search-form::-webkit-input-placeholder {
    color: #757575
}
.devsite-search-active .devsite-search-form:-moz-placeholder {
    color: #757575
}
.devsite-search-active .devsite-search-form::-moz-placeholder {
    color: #757575
}
.devsite-search-active .devsite-search-form:-ms-input-placeholder {
    color: #757575
}
.devsite-search-button {
    margin: 12px 0
}
.devsite-search-button::before {
    content: 'search'
}
.devsite-responsive-search-open .devsite-search-button {
    margin: 12px 0 12px 16px
}
.devsite-responsive-search-open .devsite-search-button::before {
    content: 'cancel'
}

.devsite-popout {
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24), inset 0 4px 6px -4px rgba(0, 0, 0, .24);
    margin-top: 6px;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    position: absolute;
    transition: transform .2s, visibility .2s;
    transform: translateY(0);
    width: 100%;
    z-index: -1
}
.devsite-popout-closed {
    transform: translateY(-110%);
    visibility: hidden
}
.devsite-history-side-column {
    float: left;
    width: 72px
}
.devsite-history-icon {
    color: #757575;
    display: block;
    height: 24px;
    margin: 16px auto;
    width: 24px
}
.devsite-history-icon::before {
    content: 'history'
}
.devsite-history-main-column {
    font-size: 14px;
    float: right;
    width: calc(100% - 72px);
    margin-top: 16px
}
.devsite-history-message {
    padding-right: 16px
}
.devsite-history-column {
    display: inline-block;
    vertical-align: top;
    width: calc((100% - 8px)/2)
}
.devsite-history-column+.devsite-history-column {
    margin-left: 8px
}
.devsite-suggest-results {
    padding: 16px 0 16px 72px
}
.devsite-suggest-category,
.devsite-suggest-project {
    color: #757575;
    font-size: 12px
}
.devsite-suggest-category:not(:first-child),
.devsite-suggest-project:not(:first-child) {
    border-top: 1px solid #ebebeb;
    margin: 8px 0 0;
    padding-top: 12px
}
.devsite-history-item,
.devsite-suggest-item {
    font: 13px/20px Roboto, sans-serif;
    margin: 0
}
.devsite-history-item a,
.devsite-suggest-item a {
    color: #212121;
    display: block;
    margin-left: -8px;
    outline: 0;
    padding: 8px;
    transition: background .2s
}
.devsite-history-item.goog-menuitem-highlight a,
.devsite-history-item a:focus,
.devsite-suggest-item.goog-menuitem-highlight a,
.devsite-suggest-item a:focus {
    background: #f7f7f7;
    text-decoration: none
}
.devsite-suggest-item.goog-menuitem-highlight {
    margin-left: -8px;
    padding-left: 8px
}
.devsite-suggest-item b {
    font-weight: 500
}
.devsite-history-footer,
.devsite-suggest-footer {
    border-top: 1px solid #ebebeb;
    margin: 8px 0 0;
    padding: 7px 0 8px
}
.devsite-suggest-footer {
    margin-bottom: -16px
}
.devsite-history-preferences-link,
.devsite-suggest-all-results {
    margin-left: -8px
}
.devsite-suggestion-fragment+.devsite-suggestion-fragment::before {
    content: "|";
    margin: 0 8px
}

.devsite-header-billboard-lockup {
    display: block;
    max-height: 64px;
    margin: 0 auto
}
.devsite-header-billboard {
    background: #fff;
    padding: 40px 24px;
    position: relative;
    text-align: center;
    z-index: 8888
}
.devsite-header-billboard h1 {
    font: 300 44px/44px Roboto, sans-serif;
    margin: 13px 0;
    padding: 0
}
.devsite-header-billboard-search-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 7777
}
.devsite-header-billboard-search-wrapper .devsite-search-form {
    border: 6px solid #fff;
    border-radius: 8px;
    height: 48px;
    margin: -8px 0 48px;
    max-width: 816px;
    width: 100%
}
.devsite-header-billboard-search-wrapper .devsite-popout {
    max-height: calc(100vh - 234px)
}


.devsite-user-dropdown #gb,
.devsite-user-dropdown #gba {
    margin-top: -100px
}
.devsite-user-dropdown>div>div>div>div>div>div>a {
    display: none
}
.devsite-wrapper .devsite-user-dropdown>div>div>div>div>div>div+div {
    margin-top: 100px
}
.devsite-user-avatar,
.devsite-user-link,
.devsite-user-signin {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.devsite-user-avatar {
    border-radius: 50%;
    height: 32px;
    margin: 8px 0 8px 24px;
    outline: 0;
    vertical-align: top;
    width: 32px
}
.devsite-settings-menu-wrapper+.devsite-user-avatar,
.devsite-settings-menu-wrapper+.devsite-user-link>.devsite-user-avatar {
    margin: 8px 0 8px 8px
}
a.devsite-user-signin {
    margin: 6px -8px 6px 16px
}

.devsite-product-id-row {
    display: -ms-flexbox;
    display: flex;
    padding: 24px 24px 8px
}
.devsite-header-no-lower-tabs .devsite-product-id-row {
    padding-bottom: 24px
}
.devsite-product-description-row {
    color: #fff;
    font: 20px/36px Roboto, sans-serif
}
.devsite-landing-page .devsite-product-description-row {
    max-width: calc((100% - 80px)/3)
}
.devsite-product-description-link {
    color: #fff;
    opacity: 1
}
.devsite-product-description-link:hover,
.devsite-product-description-link:focus {
    opacity: .7;
    text-decoration: none
}
.devsite-breadcrumb-list+.devsite-product-description:not(:empty) {
    margin-top: 16px
}
.devsite-product-description {
    font: 16px/24px Roboto, sans-serif
}
.devsite-product-button-row {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: auto 0 auto 24px;
    text-align: right;
    z-index: 1
}
:not(.cloud-free-trial-eligible)>.cloud-free-trial-button {
    display: none
}

.devsite-product-platform-row {
    margin: 8px 0;
    padding: 0 24px
}
.devsite-header-no-lower-tabs .devsite-product-platform-row {
    margin-top: -12px;
    padding-bottom: 24px
}
.devsite-platform-container {
    display: inline-block
}
.devsite-platform-container+.devsite-platform-container {
    margin-left: 16px
}
.devsite-platform-icon-container {
    background: #fff;
    border-radius: 50%;
    height: 40px;
    margin: 0 auto;
    width: 40px
}
.devsite-platform-icon {
    color: #757575;
    font-size: 24px;
    height: 24px;
    margin: 8px;
    width: 24px
}

.devsite-doc-set-nav-row {
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    padding: 0;
    width: 100%
}
.devsite-doc-set-nav {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
.devsite-doc-set-nav-tab-list {
    white-space: nowrap
}
.devsite-doc-set-nav-tab-container {
    display: inline-block;
    margin: 0
}
.devsite-doc-set-nav-tab {
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    color: rgba(255, 255, 255, .7);
    display: inline-block;
    font: 500 14px/44px Roboto, sans-serif;
    margin: 0;
    padding: 0 24px;
    text-transform: uppercase;
    transition: color .2s
}
.devsite-doc-set-nav-tab:hover,
.devsite-doc-set-nav-tab:focus {
    color: #fff;
    text-decoration: none
}
.devsite-doc-set-nav-active {
    border-bottom-color: #fff;
    color: #fff
}
.devsite-header-upper-tabs .devsite-doc-set-nav-tab {
    color: #757575;
    font-weight: 400;
    text-transform: none
}
.devsite-header-upper-tabs .devsite-doc-set-nav-tab:hover,
.devsite-header-upper-tabs .devsite-doc-set-nav-tab:focus {
    color: #212121
}
.devsite-header-upper-tabs .devsite-doc-set-nav-active {
    border-bottom-color: #0277bd;
    color: #212121;
    font-weight: 500
}
.devsite-doc-set-nav-row>.devsite-feedback-button {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 6px 16px 6px 8px
}

.devsite-header-link {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    margin: 6px -8px 6px 16px
}
.devsite-header-link-icon {
    margin-right: 4px
}

.devsite-settings-menu-open-touch {
    cursor: pointer
}
.devsite-settings-menu-wrapper {
    position: relative
}
.devsite-home-page-user-row .devsite-settings-menu-wrapper {
    display: none
}
.devsite-settings-kabob {
    display: block;
    margin: 12px 0 12px 12px
}
.devsite-settings-menu {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .37);
    padding: 8px 0;
    position: absolute;
    right: 0;
    top: 4px;
    white-space: nowrap;
    z-index: 10012
}
.devsite-settings-menu ul {
    list-style: none;
    padding: 0
}
.devsite-settings-menu li {
    margin: 0
}
.devsite-settings-menu-link {
    font: 14px/20px Roboto, sans-serif;
    padding: 4px 16px;
    transition: background .2s
}
.devsite-settings-menu-link:hover,
.devsite-settings-menu-link:focus {
    background: #f7f7f7;
    text-decoration: none
}
.devsite-settings-menu-link::after {
    content: 'open_in_new';
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px;
    padding-left: 8px;
    vertical-align: middle
}

.devsite-footer-promos {
    background: #f7f7f7;
    font: 14px/20px Roboto, sans-serif
}
.devsite-footer-promos-list {
    padding: 20px 4px;
    text-align: center
}
.devsite-footer-promo {
    display: inline-block;
    margin: 20px;
    vertical-align: top;
    width: 192px
}
.devsite-footer-promo-icon {
    color: rgba(0, 0, 0, .87);
    display: block;
    font-size: 48px;
    height: 48px;
    margin: 0 auto 8px;
    width: 48px
}
.devsite-footer-promo-title {
    color: rgba(0, 0, 0, .87);
    display: block;
    font-weight: 500
}
.devsite-footer-promo-title:hover,
.devsite-footer-promo-title:focus {
    color: #039be5;
    text-decoration: none
}
.devsite-footer-linkboxes {
    background: linear-gradient(90deg, #263238 50%, #37424b 50%);
    font: 14px/16px Roboto, sans-serif
}
.devsite-footer-linkboxes>.devsite-full-site-width {
    max-width: 1432px
}
.devsite-footer-linkboxes-all-backup {
    background: linear-gradient(90deg, #303c42 50%, #37424b 50%)
}
.devsite-footer-linkboxes-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0
}
.devsite-footer-linkbox {
    background: #263238;
    display: inline-block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    padding: 24px 40px 40px;
    text-align: left;
    vertical-align: top;
    width: 25%
}
.devsite-footer-linkbox-backup {
    background: #303c42
}
.devsite-footer-linkbox-sites {
    background: #37424b
}
.devsite-footer-linkbox-logo-link {
    border-bottom: 1px solid #455a64;
    display: block;
    margin: 0 -40px 24px;
    padding: 0 40px 17px
}
.devsite-footer-linkbox-logo {
    margin: -5px 0 0 -3px;
    max-width: 260px;
    width: 100%
}
.devsite-footer-linkbox-heading {
    color: #fff;
    font: 500 14px/16px Roboto, sans-serif;
    margin: 0 0 16px
}
.devsite-footer-linkbox-list {
    list-style-type: none;
    padding: 0
}
.devsite-footer-linkbox-item {
    margin: 16px 0
}
.devsite-footer-linkbox-item:first-child {
    margin-top: 0
}
.devsite-footer-linkbox-item:last-child {
    margin-bottom: 0
}
.devsite-footer-linkbox-item a {
    color: #cfd8dc
}
.devsite-footer-linkbox-item a:hover,
.devsite-footer-linkbox-item a:focus {
    color: #fff;
    text-decoration: none
}
.devsite-utility-footer {
    background: #455a64
}
.devsite-utility-footer-nav {
    color: #fff;
    overflow: auto;
    padding: 14px 24px
}
.devsite-utility-footer-nav-left,
.devsite-utility-footer-nav-right {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}
.devsite-utility-footer-nav-left {
    float: left
}
.devsite-utility-footer-nav-right {
    float: right
}
.devsite-utility-footer-links,
.devsite-utility-footer-newsletter-signup-text {
    font-weight: 500;
    margin-right: 16px
}
.devsite-utility-footer-link {
    color: #fff
}
.devsite-utility-footer-link:focus {
    text-decoration: underline
}
.devsite-utility-footer-link+.devsite-utility-footer-link::before {
    content: '|';
    margin: 0 8px
}
.devsite-utility-footer-language {
    margin-right: 16px
}
.devsite-utility-footer-language .kd-select {
    border-color: #fff;
    min-width: 96px
}

.devsite-breadcrumb-nav {
    display: none;
    margin: -16px 0 16px
}
.devsite-breadcrumb-list {
    padding: 0;
    white-space: nowrap
}
.devsite-breadcrumb-item {
    display: inline-block;
    margin: 0
}
.devsite-breadcrumb-guillemet {
    font-size: 24px;
    margin: 0 4px;
    position: relative;
    top: 6px;
    vertical-align: top;
    width: 24px
}
.devsite-breadcrumb-nav .devsite-breadcrumb-guillemet {
    font-size: 16px;
    top: 4px;
    width: 16px
}
.devsite-breadcrumb-guillemet::before {
    content: 'chevron_right'
}
.devsite-breadcrumb-link {
    color: #fff;
    display: inline-block;
    transition: color .2s
}
.devsite-product-name .devsite-breadcrumb-link {
    color: #757575
}
.devsite-breadcrumb-nav .devsite-breadcrumb-link {
    color: #757575
}
.devsite-breadcrumb-link:hover,
.devsite-breadcrumb-link:focus {
    color: rgba(255, 255, 255, .7);
    text-decoration: none
}
.devsite-product-name .devsite-breadcrumb-link:hover,
.devsite-product-name .devsite-breadcrumb-link:focus {
    color: #212121
}
.devsite-breadcrumb-nav .devsite-breadcrumb-link:hover,
.devsite-breadcrumb-nav .devsite-breadcrumb-link:focus {
    color: #039be5
}

.devsite-nav {
    font-size: 13px
}
.devsite-nav ul {
    list-style-type: none;
    padding: 0
}
.devsite-nav-item {
    line-height: 16px;
    margin: 8px 0 0;
    position: relative
}
.devsite-nav-item-heading {
    font-weight: bold
}
.devsite-nav-item-heading:not(:first-child) {
    margin-top: 24px
}
.devsite-page-nav>ul>:first-child,
.devsite-page-nav-embedded>ul>:first-child,
.devsite-section-nav>ul>:first-child,
.devsite-section-nav-responsive>ul>:first-child {
    margin-top: 0
}
.devsite-nav-title {
    color: #212121;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.devsite-nav-has-status>.devsite-nav-title {
    overflow: visible
}
.devsite-nav-title[href]:hover,
.devsite-nav-title[href]:focus {
    text-decoration: none;
    color: #039be5
}
.devsite-nav-deprecated .devsite-nav-title {
    color: #bdbdbd
}
.devsite-nav-active,
.devsite-nav-active .devsite-nav-title,
.devsite-nav-responsive-tabs .devsite-nav-item-heading>.devsite-nav-title.devsite-nav-active {
    color: #039be5;
    font-weight: 500
}
.devsite-page-nav-embedded .devsite-nav-title {
    display: inline-block;
    overflow: visible
}
.devsite-nav-text {
    display: inline-block;
    max-width: calc(100% - 22px);
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom
}
.devsite-nav-icon-wrapper {
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    vertical-align: top;
    width: 18px
}
.devsite-nav-icon {
    color: #757575;
    cursor: default;
    display: block;
    font-size: 18px;
    margin: -1px 0
}
.devsite-nav-icon::before {
    content: 'info'
}
.devsite-nav-deprecated .devsite-nav-icon::before {
    color: #bdbdbd;
    content: 'not_interested'
}
.devsite-nav-alpha .devsite-nav-icon::before,
.devsite-nav-beta .devsite-nav-icon::before,
.devsite-nav-experimental .devsite-nav-icon::before {
    content: url(../images/redesign-14/nav-status-experimental.svg)
}
.devsite-nav-external .devsite-nav-icon::before {
    content: 'open_in_new'
}
.devsite-nav-new .devsite-nav-icon::before {
    content: 'new_releases'
}
.devsite-section-nav {
    background: #f7f7f7;
    float: left;
    margin-right: 40px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px 12px 16px 16px;
    width: 256px
}
.devsite-nav-list>.devsite-nav-item-heading {
    border-top: 1px solid #cfd8dc;
    margin: 15px -16px 0;
    padding: 16px 16px 0
}
.devsite-nav-list>.devsite-nav-item-heading:last-child {
    border-bottom: 1px solid #cfd8dc;
    padding-bottom: 15px
}
.devsite-nav-item-section-expandable.devsite-nav-accordion {
    border-top: 1px solid #cfd8dc;
    margin: 16px -16px -16px;
    padding: 15px 16px 16px
}
.devsite-nav-item-section-expandable.devsite-nav-accordion>.devsite-nav-title {
    color: #757575;
    font-weight: bold;
    padding-right: 24px
}
.devsite-nav-item-heading.devsite-nav-divider {
    background: #eceff1;
    font: 400 12px/16px Roboto, sans-serif;
    margin-bottom: -16px;
    padding: 7px 16px 8px;
    text-transform: uppercase
}
.devsite-nav-list>.devsite-nav-item-heading:first-child,
.devsite-nav-item-section-expandable.devsite-nav-accordion:first-child {
    border: 0;
    padding-top: 0
}
.devsite-nav-item-section-expandable.devsite-nav-accordion:first-child>.devsite-nav-toggle::before {
    top: -5px
}
.devsite-nav-item-heading.devsite-nav-divider:first-child {
    border: 0;
    margin-top: -16px;
    padding-top: 8px
}
.devsite-nav-item-heading>.devsite-nav-title {
    color: #757575
}
.devsite-nav-section {
    overflow: hidden
}
.devsite-nav-section-collapsed {
    display: none
}
.devsite-nav-expandable .devsite-nav-item {
    padding-left: 16px
}
.devsite-nav-only-accordions>.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider) {
    padding: 0
}
.devsite-nav-item-section-expandable>.devsite-nav-title-no-path {
    cursor: pointer
}
.devsite-nav-item-section-expandable>.devsite-nav-title-no-path:focus {
    color: #03a9f4;
    outline: 0;
    text-decoration: none
}
.devsite-nav-toggle {
    color: #bdbdbd;
    cursor: pointer;
    font-size: 18px;
    position: absolute
}
.devsite-nav-toggle::before {
    content: 'arrow_drop_down';
    left: -21px;
    position: absolute;
    top: -18px
}
.devsite-nav-toggle-collapsed::before {
    transform: rotate(-90deg)
}
.devsite-nav-accordion>.devsite-nav-toggle {
    font-size: 24px;
    right: 0;
    top: 0
}
.devsite-nav-accordion>.devsite-nav-toggle::before {
    content: 'expand_less';
    left: auto;
    right: 12px;
    top: 10px
}
.devsite-nav-accordion>.devsite-nav-toggle-collapsed::before {
    content: 'expand_more';
    transform: none
}
.devsite-nav-break {
    margin: 12px;
    visibility: hidden
}

.devsite-nav-responsive {
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    height: 100%;
    max-width: 256px;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    transition: left .2s;
    visibility: hidden;
    white-space: nowrap;
    width: calc(100% - 64px);
    z-index: 10012
}
.devsite-nav-responsive-open {
    left: 0!important;
    visibility: visible
}
.devsite-nav-responsive-no-animate {
    transition: none
}
.devsite-nav-responsive-tabs-panel,
.devsite-nav-responsive-sidebar-panel {
    display: inline-block;
    margin: 0 16px;
    transition: none;
    transform: translateX(0);
    vertical-align: top;
    width: calc(100% - 32px)
}
.devsite-nav-responsive-sidebar-panel:only-child {
    margin: 16px
}
.devsite-nav-responsive-transition {
    transition: transform .2s
}
.devsite-nav-responsive-transform {
    display: inline-block;
    transform: translateX(-100%)
}
.devsite-nav-responsive-tabs .devsite-nav-responsive-tabs .devsite-nav-item-heading {
    border: 0;
    font-weight: 400;
    margin: 16px 0;
    padding: 0 0 0 16px
}
.devsite-nav-responsive-tabs .devsite-nav-responsive-tabs .devsite-nav-item-heading>.devsite-nav-title:not(.devsite-nav-active) {
    color: #212121
}
.devsite-nav-responsive-forward {
    cursor: pointer;
    outline: 0;
    padding-right: 24px;
    position: relative
}
.devsite-nav-responsive-forward::before {
    color: #757575;
    content: 'arrow_forward';
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    position: absolute;
    right: 0;
    top: -4px
}
.devsite-nav-responsive-back {
    background: #eceff1;
    cursor: pointer;
    margin: 0 -16px 16px;
    outline: 0;
    padding: 12px
}
.devsite-nav-responsive-back::before {
    color: #757575;
    content: 'arrow_back';
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    vertical-align: top
}
.devsite-expand-section-nav {
    margin: 12px 24px 12px 0
}
.devsite-expand-section-nav::before {
    content: 'menu'
}

.devsite-page-nav,
.devsite-page-nav-embedded {
    border-left: 4px solid #039be5
}
.devsite-page-nav {
    background: #fff;
    float: right;
    overflow-x: hidden;
    overflow-y: auto;
    width: 160px;
    z-index: 10000
}
.devsite-page-nav-embedded {
    display: none;
    overflow-y: visible
}
.devsite-page-nav-list {
    margin-left: 12px
}
.devsite-nav-show-all,
.devsite-nav-show-all:focus,
.devsite-nav-show-all:hover {
    color: #757575;
    height: 24px;
    margin-left: 4px;
    min-width: 20px;
    padding: 0;
    position: absolute;
    top: -4px
}
.devsite-nav-show-all::before {
    content: 'expand_more'
}
.devsite-nav-open::before {
    content: 'expand_less'
}
.devsite-page-nav-embedded .devsite-nav-item-hidden {
    display: none
}
.devsite-nav-more-items {
    color: #757575
}
.devsite-nav-more-items::before {
    content: 'more_horiz'
}
.devsite-nav-more-items.devsite-nav-more-items-close::before {
    content: 'expand_less'
}

#table-of-contents,
h2#contents,
h3#contents,
h2.toc,
h3.toc,
div.toc:not(.class):not(.group):not(.type):not(.interface),
section.toc,
ol.toc,
ul.toc,
.inline-toc {
    display: none
}
ol.toc,
ol.toc ol,
ol.toc ul {
    list-style-type: none
}
.devsite-content-footer {
    border-top: 1px solid #ebebeb;
    clear: both;
    color: #757575;
    font: italic 13px/20px Roboto, sans-serif;
    margin-top: 16px
}
.devsite-content-footer-date {
    margin-bottom: 0
}
.framebox {
    margin: -20px
}
.devsite-framebox {
    overflow: hidden;
    padding: 20px
}
.quickstart-step {
    margin: 16px 0
}
.quickstart-left {
    float: left;
    margin-right: 40px;
    width: calc((100% - 40px)*.4)
}
.quickstart-right {
    background: #f7f7f7;
    float: right;
    text-align: center;
    width: calc((100% - 40px)*.6)
}
.quickstart-wide {
    width: calc(100% - 200px)
}
.quickstart-end {
    margin-top: 60px
}

.devsite-search-project {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 39px;
    margin-bottom: 40px
}
.devsite-projectless-search-link,
.devsite-search-term {
    font-weight: bold
}
.devsite-page-title .devsite-search-term {
    color: #212121;
    font-weight: 500
}
aside+.devsite-search-results,
.devsite-search-results-restricted aside {
    margin-top: 40px
}
.devsite-search-results-heading {
    line-height: 24px;
    margin: 40px 0 0
}
.devsite-search-results-path {
    color: #0d904f;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.devsite-search-results-path,
.devsite-search-results-content {
    margin: 0
}
.devsite-search-loading-restricted {
    border-top: 1px solid #ebebeb;
    margin-top: 40px;
    padding-top: 19px;
    text-align: center
}
.devsite-search-results table {
    border-collapse: inherit;
    margin: 0
}
.devsite-search-results tr {
    background: #fff;
    border: 0
}
.devsite-search-results td {
    padding: 0
}
.devsite-search-results {
    margin: -8px
}
aside+.devsite-search-results {
    margin: 0 -8px
}
.devsite-search-results .gsc-control-cse,
.devsite-search-results .gsc-control-cse .gsc-table-result {
    font: 400 16px/24px Roboto, sans-serif
}
.devsite-search-results .gsc-above-wrapper-area {
    display: none
}
.devsite-search-results .gsc-control-cse {
    background: 0;
    border: 0;
    padding: 0
}
.devsite-search-results .gsc-webResult.gsc-result,
.devsite-search-results .gsc-webResult.gsc-result:hover,
.devsite-search-results .gsc-results .gsc-imageResult {
    background: 0;
    border: 0
}
.devsite-search-results .gsc-control-cse .gs-webResult.gs-result a.gs-title:visited,
.devsite-search-results .gsc-control-cse .gs-webResult.gs-result a.gs-title:visited b,
.devsite-search-results .gsc-control-cse .gs-imageResult a.gs-title:visited,
.devsite-search-results .gsc-control-cse .gs-imageResult a.gs-title:visited b,
.devsite-search-results .gsc-control-cse .gs-result .gs-title,
.devsite-search-results .gsc-control-cse .gs-result .gs-title * {
    color: #039be5;
    font: 400 18px/32px Roboto, sans-serif;
    height: auto;
    text-decoration: none
}
.devsite-search-results .gsc-control-cse .gs-webResult.gs-result a.gs-title:focus,
.devsite-search-results .gsc-control-cse .gs-imageResult a.gs-title:focus,
.devsite-search-results .gsc-control-cse .gs-result .gs-title:focus {
    text-decoration: underline
}
.devsite-search-results .gsc-control-cse .gs-result .gs-title b {
    font-weight: bold
}
.devsite-search-results .gs-webResult div.gs-visibleUrl,
.devsite-search-results .gs-imageResult div.gs-visibleUrl {
    color: #0d904f;
    font-size: 14px
}
.devsite-search-results .gs-no-results-result .gs-snippet,
.devsite-search-results .gs-error-result .gs-snippet {
    background: 0;
    border: 0;
    color: #212121
}
.devsite-search-results .gcsc-branding {
    display: none
}
.devsite-support-form-hidden {
    display: none
}
.devsite-support-form-field {
    margin: 8px 0
}
.devsite-support-form-cc {
    color: #757575;
    display: block;
    font-size: 13px
}
.devsite-support-form-half {
    display: inline-block;
    margin-right: 20px;
    width: calc((100% - 40px)/2)
}
.devsite-support-form-field>input:not([type="checkbox"]):not([type="radio"]),
.devsite-support-form-field>select,
.devsite-support-form-field>textarea {
    width: 100%
}
.devsite-support-quota {
    font: italic 400 12px/20px Roboto, sans-serif;
    margin-top: 8px
}
.devsite-support-quota-help {
    font-size: 18px;
    margin-left: 4px;
    vertical-align: top
}
.devsite-support-quota-help::after {
    content: 'help';
    color: #bdbdbd
}

.devsite-landing-page .devsite-main-content {
    margin: 0 auto
}
.devsite-landing-page .devsite-article {
    margin: 0;
    max-width: none;
    width: 100%
}
.devsite-landing-page .devsite-content-footer {
    margin-top: 80px
}
.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-colored):not(.devsite-landing-row-grey):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) {
    padding: 25px 0 0
}
.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-colored):not(.devsite-landing-row-grey):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee)+.devsite-landing-row.devsite-background,
.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-colored):not(.devsite-landing-row-grey):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee)+.devsite-landing-row-colored,
.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-colored):not(.devsite-landing-row-grey):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee)+.devsite-landing-row-grey,
.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-colored):not(.devsite-landing-row-grey):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee)+.devsite-landing-row-cta {
    margin-top: 25px
}
.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-colored):not(.devsite-landing-row-grey):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee):last-child {
    padding-bottom: 25px
}
.devsite-landing-row-colored,
.devsite-landing-row-grey,
.devsite-landing-row.devsite-background {
    margin: 0 -10000px;
    padding: 40px 10000px
}
.devsite-background-theme {
    background-color: #039be5
}
.devsite-background-blue-grey {
    background: #607d8b
}
.devsite-background-blue-grey-dark {
    background: #455a64
}
.devsite-background-cyan {
    background: #4dd0e1
}
.devsite-background-deep-orange {
    background: #ff5722
}
.devsite-background-deep-purple {
    background: #673ab7
}
.devsite-background-jaxto-blue {
    background: #4285f4
}
.devsite-background-jaxto-green {
    background: #00c853
}
.devsite-background-jaxto-red {
    background: #db4437
}
.devsite-background-jaxto-yellow {
    background: #f5c04c
}
.devsite-background-grey,
.devsite-landing-row-grey {
    background-color: #f7f7f7
}
.devsite-background-indigo {
    background: #3f51b5
}
.devsite-background-light-green {
    background: #aed581
}
.devsite-background-orange {
    background: #ffb74d
}
.devsite-background-pink {
    background: #e91e63
}
.devsite-background-purple {
    background: #9c27b0
}
.devsite-background-teal {
    background: #009688
}
.devsite-background:not(.devsite-landing-row-cards),
.devsite-background h2,
.devsite-background:not(.devsite-landing-row-cards) h3 {
    color: #fff
}
.devsite-background-theme:not(.devsite-landing-row-cards),
.devsite-background-theme h2,
.devsite-background-theme:not(.devsite-landing-row-cards) h3 {
    color: #fff
}
.devsite-background-cyan:not(.devsite-landing-row-cards),
.devsite-background-cyan h2,
.devsite-background-cyan:not(.devsite-landing-row-cards) h3,
.devsite-background-jaxto-yellow:not(.devsite-landing-row-cards),
.devsite-background-jaxto-yellow h2,
.devsite-background-jaxto-yellow:not(.devsite-landing-row-cards) h3,
.devsite-background-grey:not(.devsite-landing-row-cards),
.devsite-background-grey h2,
.devsite-background-grey:not(.devsite-landing-row-cards) h3,
.devsite-background-light-green:not(.devsite-landing-row-cards),
.devsite-background-light-green h2,
.devsite-background-light-green:not(.devsite-landing-row-cards) h3,
.devsite-background-orange:not(.devsite-landing-row-cards),
.devsite-background-orange h2,
.devsite-background-orange:not(.devsite-landing-row-cards) h3 {
    color: #212121
}
.devsite-background .devsite-landing-row-description {
    color: #fff
}
.devsite-background-theme .devsite-landing-row-description {
    color: #fff
}
.devsite-background-cyan .devsite-landing-row-description,
.devsite-background-jaxto-yellow .devsite-landing-row-description,
.devsite-background-grey .devsite-landing-row-description,
.devsite-background-light-green .devsite-landing-row-description,
.devsite-background-orange .devsite-landing-row-description {
    color: #212121
}
.devsite-background:link:not(.button),
.devsite-background:visited:not(.button) {
    color: #fff
}
.devsite-background-theme:link:not(.button),
.devsite-background-theme:visited:not(.button) {
    color: #fff
}
.devsite-background-grey:link:not(.button),
.devsite-background-grey:visited:not(.button) {
    color: #039be5
}
.devsite-background-cyan:link:not(.button),
.devsite-background-cyan:visited:not(.button),
.devsite-background-jaxto-yellow:link:not(.button),
.devsite-background-jaxto-yellow:visited:not(.button),
.devsite-background-light-green:link:not(.button),
.devsite-background-light-green:visited:not(.button),
.devsite-background-orange:link:not(.button),
.devsite-background-orange:visited:not(.button) {
    color: #212121
}
.devsite-background:not(.devsite-background-grey):link>*:not(.material-icons):hover,
.devsite-background:not(.devsite-background-grey):focus>*:not(.material-icons),
.devsite-background:not(.devsite-background-grey) p>a:not(.button) {
    text-decoration: underline
}
.devsite-background:not(.devsite-background-grey) p>a:focus {
    background: rgba(255, 255, 255, .7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
}
.devsite-foreground-theme a:not(.button),
.devsite-foreground-theme a:not(.button) h2,
.devsite-foreground-theme a:not(.button) h3 {
    color: #039be5
}
.devsite-foreground-grey a:not(.button),
.devsite-foreground-grey a:not(.button) h2,
.devsite-foreground-grey a:not(.button) h3 {
    color: #757575
}
.devsite-foreground-blue-grey a:not(.button),
.devsite-foreground-blue-grey a:not(.button) h2,
.devsite-foreground-blue-grey a:not(.button) h3 {
    color: #607d8b
}
.devsite-foreground-blue-grey-dark a:not(.button),
.devsite-foreground-blue-grey-dark a:not(.button) h2,
.devsite-foreground-blue-grey-dark a:not(.button) h3 {
    color: #455a64
}
.devsite-foreground-cyan a:not(.button),
.devsite-foreground-cyan a:not(.button) h2,
.devsite-foreground-cyan a:not(.button) h3 {
    color: #00bcd4
}
.devsite-foreground-deep-orange a:not(.button),
.devsite-foreground-deep-orange a:not(.button) h2,
.devsite-foreground-deep-orange a:not(.button) h3 {
    color: #ff5722
}
.devsite-foreground-deep-purple a:not(.button),
.devsite-foreground-deep-purple a:not(.button) h2,
.devsite-foreground-deep-purple a:not(.button) h3 {
    color: #673ab7
}
.devsite-foreground-jaxto-blue a:not(.button),
.devsite-foreground-jaxto-blue a:not(.button) h2,
.devsite-foreground-jaxto-blue a:not(.button) h3 {
    color: #4285f4
}
.devsite-foreground-jaxto-green a:not(.button),
.devsite-foreground-jaxto-green a:not(.button) h2,
.devsite-foreground-jaxto-green a:not(.button) h3 {
    color: #00c853
}
.devsite-foreground-jaxto-red a:not(.button),
.devsite-foreground-jaxto-red a:not(.button) h2,
.devsite-foreground-jaxto-red a:not(.button) h3 {
    color: #db4437
}
.devsite-foreground-jaxto-yellow a:not(.button),
.devsite-foreground-jaxto-yellow a:not(.button) h2,
.devsite-foreground-jaxto-yellow a:not(.button) h3 {
    color: #f4b400
}
.devsite-foreground-indigo a:not(.button),
.devsite-foreground-indigo a:not(.button) h2,
.devsite-foreground-indigo a:not(.button) h3 {
    color: #3f51b5
}
.devsite-foreground-light-green a:not(.button),
.devsite-foreground-light-green a:not(.button) h2,
.devsite-foreground-light-green a:not(.button) h3 {
    color: #8bc34a
}
.devsite-foreground-orange a:not(.button),
.devsite-foreground-orange a:not(.button) h2,
.devsite-foreground-orange a:not(.button) h3 {
    color: #fb8c00
}
.devsite-foreground-pink a:not(.button),
.devsite-foreground-pink a:not(.button) h2,
.devsite-foreground-pink a:not(.button) h3 {
    color: #e91e63
}
.devsite-foreground-purple a:not(.button),
.devsite-foreground-purple a:not(.button) h2,
.devsite-foreground-purple a:not(.button) h3 {
    color: #9c27b0
}
.devsite-foreground-teal a:not(.button),
.devsite-foreground-teal a:not(.button) h2,
.devsite-foreground-teal a:not(.button) h3 {
    color: #009688
}
.devsite-foreground:link>*:not(.material-icons):hover,
.devsite-foreground:focus>*:not(.material-icons) {
    text-decoration: underline
}
.devsite-landing-row-cta {
    background-color: #039be5;
    color: #fff;
    margin: 0 -10000px;
    padding: 40px 10000px;
    text-align: center
}
.devsite-landing-row-cta .devsite-landing-row-item {
    -ms-flex-pack: center;
    justify-content: center
}
.devsite-landing-row-cta h3 {
    font: 400 34px/40px Roboto, sans-serif;
    letter-spacing: -.01em;
    margin-bottom: 16px
}
.devsite-landing-row-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0;
}
.devsite-landing-row-header-text {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.devsite-landing-row h2 {
    border-bottom: 0;
    padding-bottom: 0
}
.devsite-landing-row-header-text>h2 {
    margin: 0
}
.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-colored):not(.devsite-landing-row-grey):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee):not(:first-child) .devsite-landing-row-header-text>h2 {
    margin-top: 40px
}
.devsite-landing-row.devsite-background+.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-colored):not(.devsite-landing-row-grey):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) .devsite-landing-row-header-text>h2,
.devsite-landing-row-colored+.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-colored):not(.devsite-landing-row-grey):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) .devsite-landing-row-header-text>h2,
.devsite-landing-row-grey+.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-colored):not(.devsite-landing-row-grey):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) .devsite-landing-row-header-text>h2,
.devsite-landing-row-cta+.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-colored):not(.devsite-landing-row-grey):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) .devsite-landing-row-header-text>h2 {
    margin-top: 0
}
.devsite-landing-row-description {
    font: 18px/24px Roboto, sans-serif
}
.devsite-landing-row:not(.devsite-background):not(.devsite-foreground) .devsite-landing-row-description {
    color: #757575
}
h2+.devsite-landing-row-description {
    margin: 16px 0 0
}
.devsite-landing-row-header-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: -4px
}
.devsite-landing-row-header-buttons>.button {
    margin: 4px
}

.devsite-landing-row-group {
    display: -ms-flexbox;
    display: flex
}
.devsite-landing-row-column>.devsite-landing-row-item:not(:first-child) {
    margin-top: 32px
}
.devsite-landing-row-column,
.devsite-landing-row-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0;
    flex: 1 0;
    -ms-flex-direction: column;
    flex-direction: column
}
.devsite-landing-row-1-up .devsite-landing-row-item {
    -ms-flex-direction: row;
    flex-direction: row
}
.devsite-landing-row-1-up.devsite-landing-row-100 .devsite-landing-row-item {
    -ms-flex-direction: column;
    flex-direction: column
}
.devsite-landing-row-column:not(:first-child),
.devsite-landing-row-item:not(:first-child) {
   /* margin-left: 40px */
}
.devsite-landing-row-column>.devsite-landing-row-item {
    -ms-flex: unset;
    flex: unset;
    margin-left: 0
}
.devsite-landing-row-item.devsite-foreground-theme:link h2,
.devsite-landing-row-item.devsite-foreground-theme:link h3 {
    color: #039be5
}
.devsite-landing-row-item.devsite-foreground-grey:link h2,
.devsite-landing-row-item.devsite-foreground-grey:link h3 {
    color: #757575
}
.devsite-landing-row-item.devsite-foreground-blue-grey:link h2,
.devsite-landing-row-item.devsite-foreground-blue-grey:link h3 {
    color: #607d8b
}
.devsite-landing-row-item.devsite-foreground-blue-grey-dark:link h2,
.devsite-landing-row-item.devsite-foreground-blue-grey-dark:link h3 {
    color: #455a64
}
.devsite-landing-row-item.devsite-foreground-cyan:link h2,
.devsite-landing-row-item.devsite-foreground-cyan:link h3 {
    color: #00bcd4
}
.devsite-landing-row-item.devsite-foreground-deep-orange:link h2,
.devsite-landing-row-item.devsite-foreground-deep-orange:link h3 {
    color: #ff5722
}
.devsite-landing-row-item.devsite-foreground-deep-purple:link h2,
.devsite-landing-row-item.devsite-foreground-deep-purple:link h3 {
    color: #673ab7
}
.devsite-landing-row-item.devsite-foreground-firebase-blue:link h2,
.devsite-landing-row-item.devsite-foreground-firebase-blue:link h3 {
    color: #039be5
}
.devsite-landing-row-item.devsite-foreground-jaxto-blue:link h2,
.devsite-landing-row-item.devsite-foreground-jaxto-blue:link h3 {
    color: #4285f4
}
.devsite-landing-row-item.devsite-foreground-jaxto-green:link h2,
.devsite-landing-row-item.devsite-foreground-jaxto-green:link h3 {
    color: #00c853
}
.devsite-landing-row-item.devsite-foreground-jaxto-red:link h2,
.devsite-landing-row-item.devsite-foreground-jaxto-red:link h3 {
    color: #db4437
}
.devsite-landing-row-item.devsite-foreground-jaxto-yellow:link h2,
.devsite-landing-row-item.devsite-foreground-jaxto-yellow:link h3 {
    color: #f4b400
}
.devsite-landing-row-item.devsite-foreground-indigo:link h2,
.devsite-landing-row-item.devsite-foreground-indigo:link h3 {
    color: #3f51b5
}
.devsite-landing-row-item.devsite-foreground-light-green:link h2,
.devsite-landing-row-item.devsite-foreground-light-green:link h3 {
    color: #8bc34a
}
.devsite-landing-row-item.devsite-foreground-orange:link h2,
.devsite-landing-row-item.devsite-foreground-orange:link h3 {
    color: #fb8c00
}
.devsite-landing-row-item.devsite-foreground-pink:link h2,
.devsite-landing-row-item.devsite-foreground-pink:link h3 {
    color: #e91e63
}
.devsite-landing-row-item.devsite-foreground-purple:link h2,
.devsite-landing-row-item.devsite-foreground-purple:link h3 {
    color: #9c27b0
}
.devsite-landing-row-item.devsite-foreground-teal:link h2,
.devsite-landing-row-item.devsite-foreground-teal:link h3 {
    color: #009688
}

.devsite-landing-row-item-code,
.devsite-landing-row-item-image,
.devsite-landing-row-item-video,
.devsite-landing-row-item-youtube {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 32px;
    width: 100%
}
.devsite-landing-row-item-description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: column;
    flex-direction: column
}
.devsite-landing-row-item .devsite-landing-row-item-buttons {
    margin: auto 0 -8px -12px;
    padding-top: 8px
}

.devsite-landing-row-1-up .devsite-landing-row-item-description {
    display: block;
    margin: 0 40px 0 0;
    -ms-flex-order: 1;
    order: 1
}
.devsite-landing-row-1-up.devsite-landing-row-100 .devsite-landing-row-item-description {
    margin: 0
}
.devsite-landing-row-1-up .devsite-landing-row-item-image-left {
    -ms-flex-order: 1;
    order: 1
}
.devsite-landing-row-1-up .devsite-landing-row-item-image-left+.devsite-landing-row-item-description {
    -ms-flex-order: 2;
    order: 2;
    margin: 0 0 0 40px
}

.devsite-landing-row-item-description>h2,
.devsite-landing-row-large-headings h3,
.devsite-landing-row h3:first-child,
.devsite-landing-row h4:first-child,
.devsite-landing-row h5:first-child,
.devsite-landing-row h6:first-child,
.devsite-landing-row p:first-child,
.devsite-landing-row h4+p {
    margin-top: 0
}
.devsite-landing-row-item h3 {
    border-bottom: 0;
    padding-bottom: 0
}
.devsite-landing-row-item-description p:first-of-type {
    margin-top: 0
}
.devsite-landing-row-item-description p:last-of-type {
    margin-bottom: 0
}

.devsite-landing-row-item-buttons {
    margin: 8px 0 0 -12px
}
.devsite-landing-row-item-buttons .button {
    margin: 4px 4px 4px 12px
}
.devsite-landing-row-item-buttons .button-white:not(.button-raised),
.devsite-landing-row-item-buttons .button-white:not(.button-raised)+.button-white:not(.button-raised) {
    margin: 0 4px
}
.devsite-landing-row-cta .devsite-landing-row-item-buttons {
    margin: 24px 0 0
}
p+.devsite-landing-row-item-buttons {
    margin-top: -8px
}
.devsite-landing-row-item-code pre {
    margin: 0
}
.devsite-landing-row-item-custom-image {
    background: #039be5;
    width: 100%
}
.devsite-landing-row-1-up .devsite-landing-row-item-custom-image {
    padding: calc((((100% - 20px)*2/3*.5625) - 256px)/2) 0
}
.devsite-landing-row-2-up .devsite-landing-row-item-custom-image {
    padding: calc((56.25% - 192px)/2) 0
}
.devsite-landing-row-3-up .devsite-landing-row-item-custom-image {
    padding: calc((56.25% - 128px)/2) 0
}
.devsite-landing-row-4-up .devsite-landing-row-item-custom-image {
    padding: calc((56.25% - 96px)/2) 0
}
.devsite-landing-row-50 .devsite-landing-row-item-custom-image {
    padding: calc((((100% - 40px)/2*.5625) - 192px)/2) 0
}
.devsite-landing-row-67 .devsite-landing-row-item-custom-image {
    padding: calc((((100% - 80px)/3*.5625) - 128px)/2) 0
}
.devsite-landing-row-75 .devsite-landing-row-item-custom-image {
    padding: calc((((100% - 120px)/4*.5625) - 128px)/2) 0
}
.devsite-landing-row-item-custom-image-icon {
    color: #fff;
    display: block;
    margin: 0 auto
}
.devsite-landing-row-item-custom-image-icon.material-icons {
    opacity: .8
}
.devsite-landing-row-1-up .devsite-landing-row-item-custom-image-icon {
    font-size: 256px;
    width: 256px
}
.devsite-landing-row-2-up .devsite-landing-row-item-custom-image-icon,
.devsite-landing-row-50 .devsite-landing-row-item-custom-image-icon {
    font-size: 192px;
    width: 192px
}
.devsite-landing-row-3-up .devsite-landing-row-item-custom-image-icon,
.devsite-landing-row-67 .devsite-landing-row-item-custom-image-icon {
    font-size: 128px;
    width: 128px
}
.devsite-landing-row-4-up .devsite-landing-row-item-custom-image-icon,
.devsite-landing-row-75 .devsite-landing-row-item-custom-image-icon {
    font-size: 96px;
    width: 96px
}

.devsite-landing-row-item-image {
    -ms-flex-item-align: start;
    align-self: flex-start;
    background: #ebebeb
}
.devsite-landing-row-item-image img {
    vertical-align: middle;
    width: 100%
}
.devsite-landing-row-item-image a {
    display: block
}
.devsite-landing-row-no-image-background .devsite-landing-row-item-image {
    background: 0
}
.devsite-landing-row-item-icon-container {
    color: #757575;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 56px;
    margin: 0 20px 8px 0;
    transition: background .2s, box-shadow .2s, color .2s;
    width: 56px
}
.devsite-landing-row-item-icon-background .devsite-landing-row-item-icon-container {
    margin: 0 20px 20px 0
}
.devsite-landing-row-item-icon {
    font-size: 48px;
    height: 48px;
    margin-left: 4px;
    width: 48px
}
:link .devsite-landing-row-item-icon-container:hover,
:focus .devsite-landing-row-item-icon-container {
    color: #039be5
}
.devsite-landing-row-item-icon-background .devsite-landing-row-item-icon-container,
.devsite-landing-row-item-icon-is-white .devsite-landing-row-item-icon-container {
    border-radius: 50%
}
.devsite-landing-row-item-icon-background .devsite-landing-row-item-icon,
.devsite-landing-row-item-icon-is-white .devsite-landing-row-item-icon {
    font-size: 36px;
    height: 56px;
    margin-left: 0;
    padding: 10px;
    width: 56px
}
.devsite-background .devsite-landing-row-item-icon-container {
    color: #fff
}
.devsite-background.devsite-background-theme .devsite-landing-row-item-icon-container {
    color: #fff
}
.devsite-background.devsite-background-grey .devsite-landing-row-item-icon-container {
    color: #757575
}
.devsite-background.devsite-background-cyan .devsite-landing-row-item-icon-container,
.devsite-background.devsite-background-jaxto-yellow .devsite-landing-row-item-icon-container,
.devsite-background.devsite-background-light-green .devsite-landing-row-item-icon-container,
.devsite-background.devsite-background-orange .devsite-landing-row-item-icon-container {
    color: #212121
}
.devsite-foreground .devsite-landing-row-item:link .devsite-landing-row-item-icon-container:hover,
.devsite-foreground .devsite-landing-row-item:focus .devsite-landing-row-item-icon-container {
    color: rgba(153, 153, 153, .5)
}
.devsite-background .devsite-landing-row-item:link .devsite-landing-row-item-icon-container:hover,
.devsite-background .devsite-landing-row-item:focus .devsite-landing-row-item-icon-container {
    color: rgba(255, 255, 255, .7)
}
.devsite-background-theme .devsite-landing-row-item:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-theme .devsite-landing-row-item:focus .devsite-landing-row-item-icon-container {
    color: rgba(255, 255, 255, .7)
}
.devsite-background-cyan .devsite-landing-row-item:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-cyan .devsite-landing-row-item:focus .devsite-landing-row-item-icon-container,
.devsite-background-jaxto-yellow .devsite-landing-row-item:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-jaxto-yellow .devsite-landing-row-item:focus .devsite-landing-row-item-icon-container,
.devsite-background-grey .devsite-landing-row-item:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-grey .devsite-landing-row-item:focus .devsite-landing-row-item-icon-container,
.devsite-background-light-green .devsite-landing-row-item:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-light-green .devsite-landing-row-item:focus .devsite-landing-row-item-icon-container,
.devsite-background-orange .devsite-landing-row-item:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-orange .devsite-landing-row-item:focus .devsite-landing-row-item-icon-container {
    color: rgba(153, 153, 153, .5)
}
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-grey .devsite-landing-row-item-icon-container {
    color: #757575
}
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-theme .devsite-landing-row-item-icon-container {
    color: #039be5
}
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-white .devsite-landing-row-item-icon-container {
    color: #fff
}
.devsite-landing-row-item-icon-background-grey .devsite-landing-row-item-icon-container {
    background: #f7f7f7
}
.devsite-landing-row-item-icon-background-theme .devsite-landing-row-item-icon-container {
    background: #039be5
}
.devsite-landing-row-item-icon-background-white .devsite-landing-row-item-icon-container {
    background: #fff
}
.devsite-landing-row .devsite-landing-row-item.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-grey:link .devsite-landing-row-item-icon-container:hover,
.devsite-landing-row .devsite-landing-row-item.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-grey:focus .devsite-landing-row-item-icon-container {
    color: #757575
}
.devsite-landing-row .devsite-landing-row-item.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-theme:link .devsite-landing-row-item-icon-container:hover,
.devsite-landing-row .devsite-landing-row-item.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-theme:focus .devsite-landing-row-item-icon-container {
    color: #039be5
}
.devsite-landing-row .devsite-landing-row-item.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-white:link .devsite-landing-row-item-icon-container:hover,
.devsite-landing-row .devsite-landing-row-item.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-white:focus .devsite-landing-row-item-icon-container {
    color: #fff
}
.devsite-landing-row-item-icon-background:link .devsite-landing-row-item-icon-container:hover,
.devsite-landing-row-item-icon-background:focus .devsite-landing-row-item-icon-container {
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 4px rgba(0, 0, 0, .28)
}
.devsite-background .devsite-landing-row-item.devsite-landing-row-item-icon-background:link .devsite-landing-row-item-icon-container:hover,
.devsite-background .devsite-landing-row-item.devsite-landing-row-item-icon-background:focus .devsite-landing-row-item-icon-container {
    color: #fff
}
.devsite-background-theme .devsite-landing-row-item.devsite-landing-row-item-icon-background:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-theme .devsite-landing-row-item.devsite-landing-row-item-icon-background:focus .devsite-landing-row-item-icon-container {
    color: #fff
}
.devsite-background-cyan .devsite-landing-row-item.devsite-landing-row-item-icon-background:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-cyan .devsite-landing-row-item.devsite-landing-row-item-icon-background:focus .devsite-landing-row-item-icon-container,
.devsite-background-jaxto-yellow .devsite-landing-row-item.devsite-landing-row-item-icon-background:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-jaxto-yellow .devsite-landing-row-item.devsite-landing-row-item-icon-background:focus .devsite-landing-row-item-icon-container,
.devsite-background-light-green .devsite-landing-row-item.devsite-landing-row-item-icon-background:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-light-green .devsite-landing-row-item.devsite-landing-row-item-icon-background:focus .devsite-landing-row-item-icon-container,
.devsite-background-orange .devsite-landing-row-item.devsite-landing-row-item-icon-background:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-orange .devsite-landing-row-item.devsite-landing-row-item-icon-background:focus .devsite-landing-row-item-icon-container {
    color: #212121
}
.devsite-background-grey .devsite-landing-row-item.devsite-landing-row-item-icon-background:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-grey .devsite-landing-row-item.devsite-landing-row-item-icon-background:focus .devsite-landing-row-item-icon-container {
    color: #757575
}
.devsite-landing-row-item-icon-is-white .devsite-landing-row-item-icon-container {
    background: #039be5;
    color: #fff
}
.devsite-landing-row-item-icon-is-white:link .devsite-landing-row-item-icon-container:hover,
.devsite-landing-row-item-icon-is-white:focus .devsite-landing-row-item-icon-container {
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 4px rgba(0, 0, 0, .28);
    color: rgba(255, 255, 255, .7)
}
.devsite-background-theme .devsite-landing-row-item-icon-is-white .devsite-landing-row-item-icon-container {
    background: #fff;
    color: #039be5
}
.devsite-background .devsite-landing-row-item-icon-is-white:link .devsite-landing-row-item-icon-container:hover,
.devsite-background .devsite-landing-row-item-icon-is-white:focus .devsite-landing-row-item-icon-container {
    background: rgba(255, 255, 255, .7);
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 4px rgba(0, 0, 0, .28)
}
.devsite-landing-row-item.devsite-landing-row-item-with-icon {
    -ms-flex-direction: row;
    flex-direction: row
}
.devsite-landing-row-item.devsite-landing-row-item-icon-position-top {
    -ms-flex-direction: column;
    flex-direction: column
}
.devsite-landing-row-item-video {
    display: block
}
.devsite-landing-row-item-youtube {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}
.devsite-landing-row-item-youtube iframe {
    height: 101%;
    left: -.5%;
    position: absolute;
    top: -.5%;
    width: 101%
}
.devsite-landing-row-1-up .devsite-landing-row-item-youtube {
    padding-bottom: calc((100% - 20px)*2/3*.5625)
}
.devsite-landing-row-50 .devsite-landing-row-item-youtube {
    padding-bottom: calc((100% - 40px)/2*.5625)
}
.devsite-landing-row-67 .devsite-landing-row-item-youtube {
    padding-bottom: calc((100% - 80px)/3*.5625)
}
.devsite-landing-row-75 .devsite-landing-row-item-youtube {
    padding-bottom: calc((100% - 120px)/4*.5625)
}
.devsite-landing-row-100 .devsite-landing-row-item-youtube {
    padding-bottom: 56.25%
}

.devsite-landing-row-item-description-callout {
    font-weight: bold
}
.devsite-landing-row-item-description-feature {
    margin-top: 16px;
    position: relative
}
.devsite-landing-row-item-description-feature+.devsite-landing-row-item-description-feature {
    margin: 0
}
.devsite-landing-row-item-description-feature-link {
    border-bottom: 1px solid #ebebeb;
    font-weight: 500;
    padding: 12px 0 11px
}
.devsite-landing-row-item-description-feature-tooltip {
    background: #455a64;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .37);
    color: rgba(255, 255, 255, .7);
    font: 14px/20px Roboto, sans-serif;
    min-width: 200px;
    opacity: 0;
    padding: 24px;
    position: absolute;
    transition: opacity .2s, visibility .2s;
    visibility: hidden;
    width: 67%;
    z-index: 10020
}
.no-touch .devsite-landing-row-item-description-feature-link:hover+.devsite-landing-row-item-description-feature-tooltip {
    opacity: 1;
    visibility: visible
}
.devsite-landing-row-item-description-feature-tooltip:before {
    border-bottom: 8px solid #455a64;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: '';
    position: absolute;
    top: -8px
}
.devsite-landing-row-item-description-feature-tooltip h3 {
    color: white;
    margin-bottom: 8px;
    padding: 0
}
.devsite-landing-row-item-list {
    margin: 32px 0;
    padding: 0
}
.devsite-landing-row-item-list-item {
    list-style: none
}
.devsite-landing-row-item-list-item:not(:first-child) {
    margin: 24px 0 0
}
.devsite-landing-row-item-list-item-content {
    display: -ms-flexbox;
    display: flex
}
.devsite-landing-row-item-list-item-icon-container {
    color: #757575;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 40px;
    margin: 0 20px 0 0;
    transition: background .2s, box-shadow .2s, color .2s;
    width: 40px
}
.devsite-landing-row-item-list-item-icon {
    font-size: 32px;
    height: 32px;
    width: 32px
}
.devsite-landing-row-item-icon-background .devsite-landing-row-item-list-item-icon-container {
    border-radius: 50%
}
.devsite-landing-row-item-icon-background .devsite-landing-row-item-list-item-icon {
    font-size: 24px;
    height: 40px;
    padding: 8px;
    width: 40px
}
.devsite-landing-row-item-list h4 {
    font: 400 16px/20px Roboto, sans-serif;
    margin: 0 0 4px
}
.devsite-landing-row-item-list-item p {
    font: 400 14px/20px Roboto, sans-serif
}
.devsite-background .devsite-landing-row-item-list-item-icon-container {
    color: #fff
}
.devsite-background-theme .devsite-landing-row-item-list-item-icon-container {
    color: #fff
}
.devsite-background-cyan .devsite-landing-row-item-list-item-icon-container,
.devsite-background-jaxto-yellow .devsite-landing-row-item-list-item-icon-container,
.devsite-background-grey .devsite-landing-row-item-list-item-icon-container,
.devsite-background-light-green .devsite-landing-row-item-list-item-icon-container,
.devsite-background-orange .devsite-landing-row-item-list-item-icon-container {
    color: #212121
}
.devsite-landing-row-item-icon-background-grey .devsite-landing-row-item-list-item-icon-container {
    background: #f7f7f7;
    color: #757575
}
.devsite-landing-row-item-icon-background-theme .devsite-landing-row-item-list-item-icon-container {
    background: #039be5;
    color: #fff
}
.devsite-landing-row-item-icon-background-white .devsite-landing-row-item-list-item-icon-container {
    background: #fff;
    color: #757575
}
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-grey .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #757575
}
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-theme .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #039be5
}
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-white .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #fff
}
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-grey:link .devsite-landing-row-item-list-item-icon-container:hover,
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-grey:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(153, 153, 153, .5)
}
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-theme:link .devsite-landing-row-item-list-item-icon-container:hover,
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-theme:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(255, 255, 255, .7)
}
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-white:link .devsite-landing-row-item-list-item-icon-container:hover,
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-white:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(255, 255, 255, .7)
}
.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-grey:link .devsite-landing-row-item-list-item-icon-container:hover,
.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-grey:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #757575
}
.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-theme:link .devsite-landing-row-item-list-item-icon-container:hover,
.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-theme:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #039be5
}
.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-white:link .devsite-landing-row-item-list-item-icon-container:hover,
.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-white:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #fff
}
.devsite-background-theme .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #fff
}
:link>.devsite-landing-row-item-list-item-content:not(.material-icons):hover,
.devsite-background:link>.devsite-landing-row-item-list-item-content:not(.material-icons):hover {
    text-decoration: none
}
.devsite-landing-row-item-list-item a:focus {
    text-decoration: none
}
.devsite-foreground:link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container,
.devsite-foreground:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(153, 153, 153, .5)
}
.devsite-background:link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container,
.devsite-background:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(255, 255, 255, .7)
}
.devsite-background-theme:link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container,
.devsite-background-theme:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(255, 255, 255, .7)
}
.devsite-background-cyan:link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container,
.devsite-background-cyan:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container,
.devsite-background-jaxto-yellow:link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container,
.devsite-background-jaxto-yellow:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container,
.devsite-background-grey:link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container,
.devsite-background-grey:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container,
.devsite-background-light-green:link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container,
.devsite-background-light-green:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container,
.devsite-background-orange:link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container,
.devsite-background-orange:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(153, 153, 153, .5)
}
:link .devsite-landing-row-item-list-item-description h4+p {
    color: #212121;
    text-decoration: none
}
.devsite-background:link .devsite-landing-row-item-list-item-description h4+p {
    color: #fff;
    text-decoration: none
}
.devsite-background-theme:link .devsite-landing-row-item-list-item-description h4+p {
    color: #fff;
    text-decoration: none
}
.devsite-background-cyan:link .devsite-landing-row-item-list-item-description h4+p,
.devsite-background-jaxto-yellow:link .devsite-landing-row-item-list-item-description h4+p,
.devsite-background-grey:link .devsite-landing-row-item-list-item-description h4+p,
.devsite-background-light-green:link .devsite-landing-row-item-list-item-description h4+p,
.devsite-background-orange:link .devsite-landing-row-item-list-item-description h4+p {
    color: #fff;
    text-decoration: none
}
.devsite-landing-row-item-icon-background:link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container,
.devsite-landing-row-item-icon-background:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    background: rgba(255, 255, 255, .7);
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 4px rgba(0, 0, 0, .28)
}
.devsite-background:link .devsite-landing-row-item-list-item-description>*:first-child,
.devsite-landing-row:focus .devsite-landing-row-item-list-item-description>*:first-child {
    text-decoration: underline
}
.devsite-landing-row-logos .devsite-landing-row-item-custom-image {
    background: 0;
    margin: 0;
    padding: 0
}
.devsite-landing-row-logos .devsite-landing-row-item-custom-image-icon {
    opacity: 1;
    width: 96px
}
.devsite-landing-row-logos .devsite-landing-row-item-description {
    text-align: center
}

.devsite-landing-row-cards+.devsite-landing-row-cards {
    padding-top: 0
}
.devsite-landing-row-cards+.devsite-landing-row-cards .devsite-landing-row-header {
    padding-top: 40px
}
.devsite-landing-row-cards.devsite-background+.devsite-landing-row-cards:not(.devsite-background):not(.devsite-landing-row-colored):not(.devsite-landing-row-grey) .devsite-landing-row-header,
.devsite-landing-row-cards.devsite-landing-row-colored+.devsite-landing-row-cards:not(.devsite-background):not(.devsite-landing-row-colored):not(.devsite-landing-row-grey) .devsite-landing-row-header,
.devsite-landing-row-cards.devsite-landing-row-grey+.devsite-landing-row-cards:not(.devsite-background):not(.devsite-landing-row-colored):not(.devsite-landing-row-grey) .devsite-landing-row-header {
    padding-top: 0
}
.devsite-landing-row-cards .devsite-landing-row-item {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    position: relative
}
.devsite-landing-row-cards.devsite-landing-row-theme,
.devsite-landing-row-cards.devsite-landing-row-theme h3,
.devsite-landing-row-cards.devsite-landing-row-theme .devsite-landing-row-description {
    color: #212121
}
.devsite-landing-row-cards.devsite-landing-row-theme .button-white,
.devsite-landing-row-cards.devsite-landing-row-theme:link:not(.button),
.devsite-landing-row-cards.devsite-landing-row-theme:visited {
    color: #039be5
}
.devsite-landing-row-cards .devsite-landing-row-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.devsite-landing-row-cards .devsite-landing-row-column>.devsite-landing-row-item:not(:first-child) {
    margin-top: 40px
}
.devsite-landing-row-cards .devsite-landing-row-column .devsite-landing-row-item {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.devsite-landing-row-cards .devsite-landing-row-item-code,
.devsite-landing-row-cards .devsite-landing-row-item-image,
.devsite-landing-row-cards .devsite-landing-row-item-video,
.devsite-landing-row-cards .devsite-landing-row-item-youtube {
    margin-bottom: 0;
    -ms-flex-order: 1;
    order: 1
}
.devsite-landing-row-cards .devsite-landing-row-item-description {
    margin: 0;
    -ms-flex-order: 2;
    order: 2;
    padding: 16px
}
.devsite-landing-row-cards .devsite-landing-row-item-buttons {
    padding-top: 16px
}
.devsite-landing-row-cards .devsite-landing-row-item-no-image {
    -ms-flex-direction: column;
    flex-direction: column
}
.devsite-landing-row-cards .devsite-landing-row-item-icon-container {
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: calc((56.25% - 56px)/2);
    width: 100%
}
.devsite-landing-row-cards.devsite-landing-row-theme .devsite-landing-row-item-icon {
    color: #757575
}
.devsite-landing-row-cards .devsite-landing-row-item-icon-description {
    margin: 8px 0 0
}
.devsite-landing-row-cards .devsite-landing-row-item-no-image .devsite-landing-row-item-description:not(.devsite-landing-row-item-icon-description) {
    padding-top: calc(56.25% + 16px)
}
.devsite-landing-row-cards .devsite-landing-row-item-no-image h3 {
    font: 300 24px/32px Roboto, sans-serif;
    margin: 0 0 20px
}
.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-code,
.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-image,
.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-video,
.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-youtube {
    margin: 0;
    width: 100%
}
.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-description {
    left: 0;
    position: absolute;
    top: 0;
    width: calc((100% - 40px)/2)
}
.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-buttons .button:hover,
.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-buttons .button:focus {
    background-color: rgba(255, 255, 255, .7)
}
.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-buttons .button:active {
    background-color: rgba(255, 255, 255, .85)
}
.devsite-landing-row-cards .devsite-landing-row-item-youtube {
    padding-bottom: 56.25%
}

.devsite-landing-row-1-up.devsite-landing-row-marquee {
    padding: 0
}
.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-header {
    margin: 0;
    padding: 40px 0 0
}
.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-code,
.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-image,
.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-video,
.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-youtube {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin: 0
}
.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-image {
    background: 0
}
.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-description {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 40px 0
}
.devsite-landing-row-1-up.devsite-landing-row-marquee.devsite-background,
.devsite-landing-row-1-up.devsite-landing-row-marquee.devsite-landing-row-colored,
.devsite-landing-row-1-up.devsite-landing-row-marquee.devsite-landing-row-grey {
    padding: 0 10000px
}

.devsite-products-page .devsite-doc-set-nav-row {
    display: none
}
.devsite-products-page .devsite-product-id-row {
    padding-bottom: 24px
}
h2.devsite-products-alphabet-row-heading {
    border-bottom: 0;
    border-top: 1px solid #ebebeb;
    margin: 0;
    padding: 80px 0 40px;
    text-transform: capitalize
}
.devsite-products-alphabet {
    border-bottom: 1px solid #ebebeb;
    color: #bdbdbd;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 40px
}
.devsite-products-alphabet-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px 0
}
.devsite-products-alphabet-link:hover,
.devsite-products-alphabet-link:focus {
    color: #212121;
    text-decoration: none
}
.devsite-products-alphabet-letter {
    border-bottom: 1px solid #ebebeb;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.devsite-products-alphabet-letter-list-item:link.devsite-products-alphabet-letter-link,
.devsite-products-alphabet-letter-list-item:visited.devsite-products-alphabet-letter-link {
    color: #757575
}
.devsite-products-alphabet-letter-list-item:hover.devsite-products-alphabet-letter-link,
.devsite-products-alphabet-letter-list-item:focus.devsite-products-alphabet-letter-link {
    color: #039be5;
    text-decoration: none
}
.devsite-products-alphabet-link-disabled:hover,
.devsite-products-alphabet-link-disabled:focus {
    color: #bdbdbd;
    cursor: default
}
.devsite-landing-row h2.devsite-products-alphabet-letter-heading {
    color: #212121;
    font-weight: 300;
    margin: 20px 0;
    text-transform: uppercase;
    width: 40px
}
.devsite-products-alphabet-letter-list {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 40px;
    column-gap: 40px;
    list-style: none;
    margin: 0 0 40px;
    padding: 0
}
.devsite-products-alphabet-letter-list-item {
    page-break-inside: avoid;
    break-inside: avoid;
    margin: 0
}
.devsite-products-alphabet-letter-link {
    display: block;
    padding: 10px 0;
    white-space: nowrap
}

.devsite-back-to-top-link {
    border-radius: 50%;
    display: none;
    position: absolute;
    right: 0
}
.devsite-back-to-top-link::before {
    content: 'arrow_upward'
}
.devsite-back-to-top-link:focus {
    background: #b3e5fc;
    text-decoration: none;
    transition: background .2s
}

.devsite-charts-table-hidden {
    display: none
}
.devsite-charts-table-header-row {
    overflow: hidden;
    background-color: gainsboro
}
.devsite-charts-table-header-row th {
    color: black
}
.devsite-charts-table-header-row .sort-ascending {
    color: black
}
.devsite-charts-table-header-row .sort-descending {
    color: black
}
.devsite-charts-table-row {
    background-color: white
}
.sort-ascending span.jaxto-visualization-table-sortind {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black
}
.sort-descending span.jaxto-visualization-table-sortind {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black
}
.devsite-code-button-wrapper {
    margin-top: -8px;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity .2s
}
.devsite-terminal>.devsite-code-button-wrapper {
    margin-top: -28px
}
.devsite-code-button {
    background: rgba(0, 0, 0, .26);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    padding: 3px;
    transition: background .2s
}
.devsite-dark-code .devsite-code-button {
    background: rgba(204, 204, 204, .15)
}
td>pre:only-child>.devsite-code-button {
    margin-top: 0
}
.devsite-click-to-copy:hover>.devsite-code-button-wrapper,
.devsite-enable-open-in-jsfiddle:hover>.devsite-code-button-wrapper,
pre:hover>.devsite-code-button-wrapper {
    opacity: 1
}
.devsite-code-button:hover {
    background: rgba(0, 0, 0, .54)
}
.devsite-dark-code .devsite-code-button:hover {
    background: rgba(204, 204, 204, .3)
}
.devsite-click-to-copy-button::before {
    content: 'content_copy'
}
.devsite-dark-code-button::before {
    content: 'hdr_strong'
}
.devsite-dark-code .devsite-dark-code-button::before {
    content: 'hdr_weak'
}
.devsite-jsfiddle-button::before {
    content: 'code'
}
.devsite-jsfiddle-hide {
    opacity: 0;
    position: absolute;
    z-index: -10
}
.devsite-code-button-clone {
    position: absolute;
    left: -99999px
}
.devsite-credentials-dialog {
    left: 50%;
    margin-left: -274px;
    top: 25%;
    width: 548px
}
.devsite-credentials-dialog-selector {
    width: 100%
}
.devsite-credentials-dialog-selector-region {
    margin-top: 20px
}
.devsite-credentials-spinner-region {
    width: 28px;
    margin: 8px auto
}
.devsite-credentials-spinner {
    height: 28px;
    overflow: hidden;
    -webkit-animation: cred-spin-rotate 1568.63ms infinite linear;
    width: 28px
}
.devsite-credentials-spinner>div {
    -webkit-animation: cred-spin-revrot 5332ms infinite steps(4)
}
.devsite-credentials-spinner>div>div {
    background-image: url('../images/credentials-spinner.svg');
    width: 11340px;
    height: 28px;
    -webkit-animation: cred-spin-film 5332ms infinite steps(324)
}
@keyframes cred-spin-film {
    from {
        transform: translateX(0)
    }
    to {
        transform: translateX(-11340px)
    }
}
@keyframes cred-spin-rotate {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}
@keyframes cred-spin-revrot {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-360deg)
    }
}
.devsite-easter-egg-err-background {
    background-color: #0404b4
}
.devsite-easter-egg-err {
    color: #fff;
    font-family: "Droid Sans Mono", monospace;
    margin: 50px auto;
    max-width: 600px
}
.devsite-feedback-dialog {
    left: 50%;
    margin-left: -200px;
    top: 25%;
    width: 400px
}
.devsite-feedback-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: calc((100% - 20px)/2)
}
.devsite-feedback-item+.devsite-feedback-item {
    margin-left: 20px
}
.devsite-feedback-item-icon {
    color: #039be5;
    display: block;
    font-size: 48px;
    height: 48px;
    margin: 12px auto;
    width: 48px
}
.devsite-feedback-item-icon-container {
    background: #039be5;
    border-radius: 50%;
    display: block;
    height: 56px;
    margin: 8px auto;
    width: 56px
}
.devsite-feedback-item-icon-white {
    color: #fff;
    font-size: 36px;
    height: 36px;
    margin: 10px;
    width: 36px
}
.devsite-feedback-item-icon-docs::before {
    content: 'description'
}
.devsite-feedback-dialog a {
    color: #039be5;
    cursor: pointer;
    outline: 0
}
.devsite-feedback-support {
    margin-top: 20px;
    text-align: center
}
.devsite-feedback-support img {
    vertical-align: middle
}
.devsite-firebase-status-content aside {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 24px
}
.devsite-firebase-status-content aside::before {
    float: none;
    margin-left: 0;
    margin-right: 24px
}
.devsite-firebase-status-text {
    -ms-flex: 1;
    flex: 1
}
.devsite-firebase-status-view:link {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    padding: 0 0 0 12px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}
.devsite-firebase-status-view:link::after {
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    content: 'open_in_new';
    font-size: 18px;
    margin-left: 8px;
    text-transform: lowercase
}
.devsite-multiple-choice {
    background: #fff;
    border-radius: 2px;
    margin: 16px 0
}
.devsite-multiple-choice-question {
    background: #039be5;
    color: #fff;
    padding: 16px 24px
}
.devsite-multiple-answer .devsite-multiple-choice-explanation {
    background: #f7f7f7;
    font-size: 14px;
    padding: 16px 24px
}
.devsite-multiple-choice-explanation-correctness {
    margin-top: 16px;
    text-align: center
}
.devsite-multiple-choice .expandable {
    border-bottom: 1px solid rgba(207, 216, 220, .87);
    color: #757575
}
.devsite-multiple-choice .expandable .expand-control {
    background: #f7f7f7;
    color: #212121;
    padding: 16px 60px 16px 24px
}
.devsite-multiple-choice .expand-control::after {
    color: #757575;
    content: 'expand_more';
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    height: 24px;
    position: absolute;
    right: 24px;
    width: 24px
}
.devsite-multiple-choice .exw-expanded::after {
    content: 'expand_less'
}
.devsite-home-page .devsite-notification-promo {
    bottom: 0;
    display: block;
    left: 0;
    top: initial;
    width: 200px
}
.devsite-rating-container {
    float: right;
    margin: 0 0 20px 40px;
    overflow: visible;
    position: relative;
    text-align: right
}
.devsite-rating-position-bottom {
    clear: both;
    float: none;
    margin: 16px 0;
    text-align: left
}
.devsite-rating-feedback {
    margin: 0 -8px
}
.devsite-rating-star {
    cursor: pointer;
    display: inline-block;
    height: 24px;
    vertical-align: bottom;
    width: 24px
}
.devsite-rating-caption {
    font-style: italic;
    margin-bottom: 8px
}
.devsite-rating-description {
    line-height: 22px;
    padding: 0 8px;
    right: 0;
    white-space: nowrap
}
.devsite-rating-position-bottom .devsite-rating-description {
    left: 0;
    right: auto
}
.devsite-rating-star-outline::before {
    color: #bdbdbd;
    content: 'star_border'
}
.devsite-rating-star-full::before {
    color: #f57c00;
    content: 'star'
}
.devsite-rating-internal {
    color: #dd2c00;
    font-size: 10px;
    height: 0;
    line-height: 1;
    white-space: nowrap
}
.devsite-rating-stats {
    color: #757575
}

.devsite-embedded-youtube-video-placeholder span {
    color: #212121;
    padding: 8px;
    position: absolute
}
.devsite-embedded-youtube-video-placeholder img {
    position: absolute
}
.devsite-section-back-to-top-container,
.devsite-section-back-to-top-container.devsite-background,
.devsite-section-back-to-top-container.devsite-landing-row-colored,
.devsite-section-back-to-top-container.devsite-landing-row-grey {
    padding-bottom: 136px;
    position: relative
}
.devsite-section-back-to-top-link {
    background: #039be5;
    border-radius: 50%;
    bottom: 40px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 4px rgba(0, 0, 0, .28);
    color: #fff;
    font-size: 36px;
    height: 56px;
    margin-top: 40px;
    opacity: 1;
    padding: 10px;
    position: absolute;
    right: 0;
    transition: background .2s, color .2s, opacity .5s;
    width: 56px
}
.devsite-section-back-to-top-link:hover,
.devsite-section-back-to-top-link:focus {
    color: #039be5;
    background: #fff;
    text-decoration: none
}
.devsite-section-back-to-top-link::before {
    color: white;
    content: 'arrow_upward'
}
.devsite-section-back-to-top-link:hover::before,
.devsite-section-back-to-top-link:focus::before {
    color: #039be5
}
.devsite-landing-row-grey .devsite-section-back-to-top-link,
.devsite-landing-row.devsite-background .devsite-section-back-to-top-link {
    right: 10000px
}
.devsite-section-back-to-top-invisible {
    opacity: 0;
    pointer-events: none
}
.devsite-section-back-to-top-pinned {
    position: fixed
}
.devsite-section-back-to-top-pinned,
.devsite-landing-row-grey .devsite-section-back-to-top-pinned,
.devsite-landing-row.devsite-background .devsite-section-back-to-top-pinned {
    right: 120px
}

.devsite-steps {
    display: -ms-flexbox;
    display: flex;
    margin: 24px 0 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.devsite-steps-direction {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 500;
    -ms-flex-pack: center;
    justify-content: center
}
.devsite-steps-previous {
    margin-left: 40px
}
.devsite-steps-next {
    margin-right: 40px;
    text-align: right
}
.devsite-steps-link:focus {
    text-decoration: none
}
.devsite-steps-link-direction {
    color: #039be5;
    display: block;
    font-size: 14px
}
.devsite-steps-link-title {
    color: #01579b;
    font-size: 18px;
    position: relative
}
.devsite-steps-link:focus .devsite-steps-link-title {
    border-bottom: 1px solid #01579b
}
.devsite-steps-link-arrow {
    color: #039be5;
    height: 24px;
    position: absolute;
    width: 24px
}
.devsite-steps-link-arrow-left {
    left: -40px
}
.devsite-steps-link-arrow-right {
    right: -40px
}

.devsite-toast-content {
    background: #323232;
    border-radius: 2px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .4);
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    font: 14px/24px Roboto;
    max-width: 568px;
    min-width: 288px;
    padding: 16px 24px
}
.devsite-toast-content-span {
    display: inline-block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.devsite-toast-caution,
.devsite-toast-error,
.devsite-toast-success {
    padding-left: 40px
}
.devsite-toast-caution::before,
.devsite-toast-error::before,
.devsite-toast-success::before {
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    margin-left: -40px;
    position: absolute
}
.devsite-toast-caution::before {
    color: #f4b400;
    content: 'error'
}
.devsite-toast-error::before {
    color: #ff5252;
    content: 'warning'
}
.devsite-toast-success::before {
    color: #00bfa5;
    content: 'check_circle'
}
.devsite-toast-buttons {
    display: inline-block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: auto 0 auto 48px
}
.devsite-toast-action {
    margin: -6px 0
}
.devsite-toast-dismiss {
    color: #bdbdbd;
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    height: 24px;
    min-width: 24px;
    padding: 0;
    text-transform: none
}
.devsite-toast-dismiss:focus,
.devsite-toast-dismiss:hover,
.devsite-toast-dismiss:active {
    color: #fff
}
.devsite-toast-dismiss::before {
    content: 'close'
}

.devsite-tracking-question {
    background-color: #f7f7f7;
    padding: 8px
}
.devsite-tracking-question-text {
    font-weight: bold
}
.devsite-tracking-question-choice-button {
    background: #039be5;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    color: #fff;
    cursor: pointer;
    line-height: 50px;
    margin: 8px 0;
    padding: 0 20px;
    transition: background .2s, box-shadow .2s
}
.devsite-tracking-question-choice-button:focus,
.devsite-tracking-question-choice-button:hover {
    background: #03a9f4;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .38)
}

.devsite-vplus-controls {
    background-color: white;
    border-radius: 6px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-top: 20px;
    margin: 0 auto;
    max-width: 490px;
    min-width: 490px;
    padding: 6px;
    text-align: center
}
.devsite-vplus-controls-text {
    font-size: 16px;
    font-style: normal;
    font-weight: bold
}
.devsite-vplus-slide-status-container {
    margin-top: 3px;
    width: 25%
}
.devsite-vplus-slide-status span {
    font-size: 18px
}
.devsite-vplus-slide-status span:not(:first-of-type) {
    padding-left: 5px
}
.devsite-vplus-player-controls {
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    width: 32%
}
.devsite-vplus-speed-controls {
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
    width: 37%
}
.devsite-vplus-control-button {
    box-shadow: none;
    height: 43px;
    padding-top: 0;
    width: 50px
}
.devsite-vplus-control-button:focus,
.devsite-vplus-control-button:hover {
    animation: 1s focus-fade;
    background-color: transparent
}
.devsite-vplus-prev-button>div {
    margin-left: 4px
}
.devsite-vplus-next-button>div {
    margin-left: 6px
}
.devsite-vplus-video-controls-container {
    display: -ms-flexbox;
    display: flex
}
.devsite-vplus-play-icon {
    margin-left: 0
}
.devsite-vplus-pause-icon {
    margin-left: 0
}
.devsite-vplus-play-button {
    padding-left: 0;
    width: 50px
}
.devsite-vplus-triangle {
    border-style: solid;
    height: 0;
    margin: auto;
    position: relative;
    width: 0
}
.devsite-vplus-back {
    border-color: transparent #24508d transparent transparent;
    border-width: 8px 16px 8px 0
}
.devsite-vplus-back-triangle-1 {
    left: -16px;
    top: 15px
}
.devsite-vplus-back-triangle-2 {
    left: 0px;
    top: -1px
}
.devsite-vplus-forward-single {
    border-color: transparent transparent transparent #24508d;
    border-width: 16px 0 16px 25px;
    margin-left: 8px;
    top: 5px
}
.devsite-vplus-forward {
    border-color: transparent transparent transparent #24508d;
    border-width: 8px 0 8px 16px;
    top: 5px
}
.devsite-vplus-forward-triangle-1 {
    left: -16px;
    top: 15px
}
.devsite-vplus-forward-triangle-2 {
    left: 0px;
    top: -1px
}
.devsite-vplus-pause {
    background-color: #24508d;
    height: 30px;
    width: 9px
}
.devsite-vplus-rect-1 {
    left: 6px;
    position: relative;
    top: 6px
}
.devsite-vplus-rect-2 {
    left: 22px;
    position: relative;
    top: -24px
}
.devsite-vplus-playbackrate {
    background-color: white;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border: 0;
    color: #24508d;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    margin-top: 1px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    vertical-align: 10%;
    width: 40px
}
.devsite-vplus-playbackrate:focus,
.devsite-vplus-playbackrate:hover {
    animation: 1s focus-fade;
    background-color: transparent
}
.devsite-vplus-caption-control-container {
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px
}
.devsite-vplus-caption-control {
    background-color: #24508d;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border: 0;
    color: white;
    display: inline-block;
    height: 35px;
    line-height: 39px;
    margin-right: 10px;
    margin-top: 1px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    vertical-align: 10%;
    width: 50px
}
.devsite-vplus-captions-off {
    background-color: white;
    color: #24508d
}
.devsite-vplus-controls .devsite-vplus-control-button.disabled {
    background-color: transparent
}
.devsite-vplus-prev-button.disabled .devsite-vplus-triangle {
    border-right-color: #94969a
}
.devsite-vplus-prev-button:hover:not(.disabled) .devsite-vplus-triangle {
    border-right-color: #18345c
}
.devsite-vplus-next-button:hover:not(.disabled) .devsite-vplus-triangle {
    border-right-color: #18345c
}
.devsite-vplus-next-button.disabled .devsite-vplus-triangle {
    border-left-color: #94969a
}
.devsite-vplus-playbackrate.devsite-vplus-selected {
    color: white;
    background-color: #24508d
}
.devsite-vplus-play-button:hover:not(.disabled) .devsite-vplus-triangle,
.next-button:hover:not(.disabled) .devsite-vplus-triangle {
    border-left-color: #18345c
}
.devsite-vplus-navigation-button-container {
    margin: 0 auto;
    text-align: center
}
.devsite-vplus-navigation-button-link {
    text-decoration: none
}
.devsite-vplus-navigation-button {
    background-color: #24508d;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    color: white;
    display: inline-block;
    font-size: 16px;
    margin: 12px 36px;
    padding: 12px 36px
}
.devsite-vplus-transcript {
    border-top: 0;
    border: 1px solid black;
    cursor: pointer
}
.devsite-vplus-transcript-header {
    background-color: #e0e0e0;
    outline: none;
    width: 100%
}
.devsite-vplus-transcript-label {
    display: table-cell;
    padding-left: 8px
}
.devsite-vplus-transcript-control {
    display: table-cell;
    padding-left: 8px;
    padding-right: 8px
}
.devsite-vplus-transcript-control:focus,
.devsite-vplus-transcript-control:hover,
.devsite-vplus-language-selector-wrapper .kd-select:focus,
.devsite-vplus-language-selector-wrapper .kd-select:hover {
    animation: 1s focus-fade
}
@keyframes focus-fade {
    from {
        color: #607d8b;
        box-shadow: 0 2px 5px 0
    }
    to {}
}
.devsite-vplus-transcript-control>span {
    display: none
}
.devsite-vplus-transcript-control.goog-zippy-expanded .devsite-vplus-transcript-opened {
    display: table-cell
}
.devsite-vplus-transcript-control.goog-zippy-collapsed .devsite-vplus-transcript-closed {
    display: table-cell
}
.devsite-vplus-search-widget {
    display: table-cell;
    padding-left: 8px;
    position: relative;
    width: 100%
}
.devsite-vplus-search-label {
    display: table-cell
}
.devsite-vplus-search-input {
    font-size: 0.85em;
    width: 100%
}
.devsite-vplus-search-autocomplete {
    display: table-cell;
    padding-left: 8px;
    position: relative;
    width: 100%;
    z-index: 1
}
.devsite-vplus-search-autocomplete .ac-renderer {
    font: normal 13px Arial, sans-serif;
    position: absolute;
    background: #fff;
    border: 1px solid #757575;
    box-shadow: 2px 2px 2px rgba(102, 102, 102, .4);
    width: 300px
}
.devsite-vplus-search-autocomplete .ac-row {
    cursor: pointer;
    padding: .4em
}
.devsite-vplus-search-autocomplete .ac-highlighted {
    font-weight: bold
}
.devsite-vplus-search-autocomplete .ac-active {
    background-color: #b2b4bf
}
.devsite-vplus-language-selector-wrapper {
    display: table-cell;
    padding: 0 8px 0 8px;
    height: auto
}
.devsite-vplus-language-selector-wrapper select.kd-select {
    background-color: transparent;
    font-size: small;
    padding-top: 2px;
    padding-bottom: 2px;
    height: auto
}
.devsite-vplus-transcript-captions {
    border-top: 1 solid black;
    height: 4.5em;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: relative;
    resize: vertical;
    width: 100%
}
.devsite-vplus-transcript-caption {
    display: table-row;
    padding: 0.15em 1em;
    width: 100%
}
.devsite-vplus-transcript-caption:focus {
    outline-offset: -3px
}
.devsite-vplus-transcript-caption span {
    padding: 0 0.25em;
    text-shadow: 0px 0px 0px currentColor
}
.devsite-vplus-transcript-caption span:hover {
    text-shadow: .5px 0px .1px #757575, -.5px 0px .1px #757575
}
.devsite-vplus-transcript-caption.devsite-vplus-caption-highlighted span {
    text-shadow: .5px 0px .1px currentColor, -.5px 0px .1px currentColor
}
.devsite-vplus-transcript-caption .devsite-vplus-transcript-caption-bullet {
    padding-left: 8px;
    visibility: hidden
}
.devsite-vplus-transcript-caption.devsite-vplus-caption-highlighted .devsite-vplus-transcript-caption-bullet {
    visibility: visible
}
.devsite-vplus-transcript-caption-time {
    display: table-cell;
    font-weight: lighter;
    min-width: 2.5em;
    text-align: right
}
.devsite-vplus-transcript-caption-text {
    display: table-cell;
    width: 100%
}
.devsite-apix,
.apis-explorer {
    background: #f7f7f7
}
.devsite-apix-error {
    padding: 32px
}

.expandable {
    position: relative
}
.expandable>*:not(.showalways):not(.exw-control):not(.exw-expanded-content):not(.expand-control) {
    display: none
}
.expand-control:not(button):not(.button) {
    color: #039be5;
    cursor: pointer
}
.exw-control+.showalways {
    line-height: 24px;
    padding-left: 40px
}
a.exw-control,
a.exw-control:hover {
    background: #757575;
    border-radius: 50%;
    color: transparent;
    cursor: pointer;
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    height: 20px;
    margin: 2px 0;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20px
}
a.exw-control::before {
    color: #fff;
    content: 'expand_more';
    position: relative;
    right: 2px;
    top: -2px
}
a.exw-control.exw-expanded::before {
    content: 'expand_less'
}
.exw-expanded-content {
    display: block
}
.treelist li {
    list-style-type: none
}
.feed.rendered>article {
    display: block
}
.feed>article {
    display: none;
    margin: 40px 0
}
.feed header {
    font: 500 18px/32px Roboto, sans-serif
}
.devsite-filter {
    width: 100%
}
.kd-tabbed-horz,
.kd-tabbed-vert,
.ui-datasection-main {
    background: #fff;
    border: 1px solid #ebebeb;
    font: 14px/20px Roboto, sans-serif;
    margin: 16px 0
}
.kd-buttonbar {
    border-bottom: 1px solid #ebebeb;
    height: 48px;
    overflow: visible;
    position: relative;
    white-space: nowrap
}
.kd-tabbutton {
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    color: #757575;
    cursor: pointer;
    display: inline-block;
    font: 500 14px/43px Roboto, sans-serif;
    height: 47px;
    max-width: 200px;
    margin: 0;
    overflow: hidden;
    padding: 0 24px;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: color .2s, border-bottom .2s;
    white-space: nowrap
}
.kd-tabbutton[value="curl"],
.kd-tabbutton[value="ios"] {
    text-transform: none
}
.kd-tabbutton>.two-line-tab {
    -webkit-box-orient: vertical;
    display: inline-block;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    line-height: 20px;
    max-height: 43px;
    overflow: hidden;
    vertical-align: middle;
    white-space: normal
}
.devsite-overflow-menu .kd-tabbutton {
    display: block;
    overflow-x: visible
}
.devsite-overflow-menu .kd-tabbutton:hover {
    background: #f7f7f7
}
.devsite-overflow-menu-button {
    padding-right: 28px;
    position: absolute;
    right: 0
}
.devsite-overflow-menu-button::before {
    color: #757575;
    content: 'arrow_drop_down';
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px;
    position: absolute;
    right: 8px;
    text-transform: lowercase;
    top: 12px
}
.devsite-overflow-menu {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .37);
    max-height: 272px;
    overflow-y: auto;
    padding: 16px 0;
    position: absolute
}
.kd-tabbutton.selected {
    border-bottom-color: #039be5;
    color: #039be5
}
.kd-tabbed-horz>article,
.kd-tabbed-vert>article,
.ui-datasection-main>section {
    padding: 7px
}
.kd-tabbed-vert>article {
    margin: 0!important
}
.kd-buttonbar~:not(.selected) {
    display: none
}
.kd-tabbed-horz>article>pre,
.kd-tabbed-vert>article>pre,
.ui-datasection-main>section>pre {
    background: #f7f7f7;
    margin: 8px -7px;
    padding: 8px 7px
}
.devsite-dark-code .kd-tabbed-horz>article>pre,
.devsite-dark-code .kd-tabbed-vert>article>pre,
.devsite-dark-code .ui-datasection-main>section>pre {
    background: #212121
}
.kd-tabbed-horz>article>p+pre,
.kd-tabbed-vert>article>p+pre,
.ui-datasection-main>section>p+pre {
    margin-top: -8px
}
.kd-tabbed-horz>article>pre+p,
.kd-tabbed-vert>article>pre+p,
.ui-datasection-main>section>pre+p {
    margin-top: 0
}
.kd-tabbed-horz>article>:first-child,
.kd-tabbed-vert>article>:first-child,
.ui-datasection-main>section>:first-child {
    margin-top: 0
}
.kd-tabbed-horz>article>pre:first-child,
.kd-tabbed-vert>article>pre:first-child,
.ui-datasection-main>section>pre:first-child {
    margin-top: -7px;
    padding-top: 7px
}
.ui-datasection-main>section>h3:first-child+p:empty {
    display: none
}
.kd-tabbed-horz>article>:last-child,
.kd-tabbed-vert>article>:last-child,
.ui-datasection-main>section>:last-child {
    margin-bottom: 0
}
.kd-tabbed-horz>article>pre:last-child,
.kd-tabbed-vert>article>pre:last-child,
.ui-datasection-main>section>pre:last-child {
    margin-bottom: -7px;
    padding-bottom: 7px
}
.ui-datasection-main>section>p:last-child:empty {
    margin-bottom: -15px
}

.devsite-overflow-tabs-scroll-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%
}
.devsite-doc-set-nav-row .devsite-overflow-tabs-scroll-wrapper {
    padding-right: 24px
}
.devsite-overflow-tabs-scroll {
    left: 0;
    position: relative;
    transition: left .2s;
    width: 100%
}
.devsite-overflow-tabs-scroll .devsite-feedback-button {
    position: absolute;
    right: 0;
    margin: 6px -8px 6px 0
}
.devsite-overflow-tabs-scroll-button,
.devsite-overflow-tabs-scroll-button:focus,
.devsite-overflow-tabs-scroll-button:hover,
.devsite-overflow-tabs-scroll-button:active {
    background: #039be5;
    border-radius: 0;
    height: 48px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px
}
.devsite-top-logo-row .devsite-overflow-tabs-scroll-button,
.devsite-top-logo-row .devsite-overflow-tabs-scroll-button:focus,
.devsite-top-logo-row .devsite-overflow-tabs-scroll-button:hover,
.devsite-top-logo-row .devsite-overflow-tabs-scroll-button:active {
    background: #fff
}
.devsite-overflow-tabs-scroll-button::before {
    content: 'chevron_right'
}
.devsite-overflow-tabs-scroll-button.devsite-scroll-back {
    left: 0
}
.devsite-overflow-tabs-scroll-button.devsite-scroll-back::before {
    content: 'chevron_left'
}

#iphone_5_emulator {
    background-image: url(../../img/nexus5Frame.png);
    width: 100%;
    height: 820px;
    margin: auto;
}
#frame_iphone_5_emulator {
    width: 306px;
    height: 516px;
    margin-top: 64px;
    margin-left: 26px;
    float: left;
    border: 0px solid;
}
.col-md-12
{
	padding-left: 15px;
    padding-right: 15px;
}
#myframe {
    width: 100%;
    height: 100%;
    border: 0px solid;
	overflow-y: auto;
	font-size: 14px;
}
#layoutSetting input[type="text"]
{
    outline: none;
    z-index: 1;
    position: relative;
    background: none;
    width: 250px;
    height: 30px;
    border: 0;
    color: #212121;
    font-size: 24px;
    font-weight: 400;
    font: 400 16px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    box-shadow: none;
	border-bottom:1px solid #e8e8e8;
}
#layoutSetting input[type="text"]:focus
{
	border-bottom:2px solid #039be5;
	transition: .2s ease;
}
.col-md-4{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

#myframe .h4, #myframe h4 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.btn-default:hover {
    text-decoration: none;
	color: #333;
    background-color: #fff;
    border-color: #03aeef;
}
.jaxto-container p {
    margin: 0 0 10px;
}
.minicolors-swatch
{
	z-index: 1;
}
.fa-shopping-cart1:before {
    content: "\f07a";
}
.fa-heart-o1:before {
    content: "\f08a";
}
.fa-search1:before {
    content: "\f002";
}
.fa-navicon1:before {
    content: "\f0c9";
}
.devsite-landing-row-item.devsite-landing-row-item-no-image.nopadding {
    padding: 0;
}
ul.tagit li.tagit-choice
{
	background-color: #039be5;
    border: 1px solid #039be5;
    border-radius: 15px;
    cursor: default;
    float: left;
    padding: 0px 20px 0 10px;
	margin: 4px 2px;
	color:#ffffff;
}
.float-left,.devsite-landing-row-item.devsite-landing-row-item-no-image.float-left
{
	flat:left;
}
.float-right
{
	flat:right;
}
.rightalign
{
	text-align: right;
}
#layoutSetting .fileUpload {
    position: absolute;
    overflow: hidden;
	color : #fff;
    background : #3bafda;
	width: 150px;
	cursor:pointer;
}
#layoutSetting .fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
	position:absolute;
	width: 150px;
}

#layoutSetting input[type="submit"] {
    background-color: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: none;
    color: #039be5;
    cursor: pointer;
    display: inline-block;
    font: 500 14px/20px Roboto, sans-serif;
    height: 36px;
    margin: 0;
    min-width: 36px;
    outline: 0;
    overflow: hidden;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: background-color .2s, box-shadow .2s;
    vertical-align: middle;
    white-space: nowrap;
	width: 120px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    padding: 8px 16px;
}

#layoutSetting input[type="submit"]:disabled{
    background-color: #ddd;
    box-shadow: none;
    color: rgba(0, 0, 0, .26);
    cursor: default;
}

#blah
{
	max-width: 120px;
}
.tooltip {
    position: relative;
    display: inline-block;
	font-size: 21px !important;
	text-align: right;
	top: -35px;
    left: 20px;
	cursor:pointer;
}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: #212121;
    color: rgba(255,255,255,.7);
    text-align: center;
    border-radius: 2px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
	width: 384px;
    font: 400 16px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    line-height: 20px;
    word-break: break-word;
    padding: 15px 10px;
	
}

.tooltip:hover .tooltiptext {
    visibility: visible;
	top: -50px;
    right: 0%;
}
#jaxto_wo_setup_form .input-container {
    margin-top: 20px;
	height: 28px;
}
#jaxto_wo_setup_form .devsite-landing-row .devsite-landing-row-item-no-image.full
{
	height:55px;
}

/*
css
*/
.g-cols.offset_small>div:first-child, .g-cols.offset_small>div.full-width {
    margin-left: 0;
}
.g-cols.offset_small {
    text-align: center;
}
.g-cols.offset_small>.one-sixth{
    width: 135px;
	float:left;
	margin-left: 10px;
	margin-bottom: 20px;
	font-size: 14px;
}
button#copyAppLink {
    width: 100px;
    box-shadow: none;
    background-color: #ccc;
}
input.textLink
{
	width:80%;
}
.md-ripple-container
{
	text-align:right;
}
.editbutton,.cancelbutton
{
	background-color:#e1f3fc !important;
	width:120px;
}
.cls_padding_left{
	padding-left:20px;
}
.about-devsite .devsite-landing-row h5:first-child
{
	margin-bottom:0;
}
.white-space
{
	padding-bottom:12%;
}

@media screen and (max-width: 1024px) {
	.col-3 {
		width: 100%;
		float: left;
	}
	.white-space
	{
		padding-bottom:0;
	}
}
@media screen and (max-width: 720px) {
	.devsite-landing-row .devsite-landing-row-item-no-image {
    width: 96%;
	}
	.devsite-main-content.half-col {
		width: 100%;
	}

	.devsite-main-content {
		padding: 0;
	}
	#layoutSetting input {
		width: 110px;
	}
	#layoutSetting .bar {
		width: 110px;
	}
	#layoutSetting label{
		width: 110px;
	}
	.jaxto-container {
		margin: 10px 10px 0 0;
	}
	.minicolors-position-left .minicolors-panel {
		left: 0px !important;
	}
	.col-3 {
		width: 100%;
		float: left;
		padding: 5px 0;
	}
	input.textLink {
		width: 100%;
	}
	.devsite-overflow-tabs-scroll {
		overflow-y: auto;
	}
	.cls_padding_left{
		padding-left:0;
		word-wrap: break-word;
	}
}