html,
body {
    margin: 0;
    height: 100%;
    overflow: hidden
}

html,
body,
input,
textarea,
div,
span,
.data,
.data * {
    font-family: 'Poppins', 'Yantramanav', 'Roboto', 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Helvetica Neue', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: var(--primaryTextColor);
    -moz-font-feature-settings: "kern" 1;
    -ms-font-feature-settings: "kern" 1;
    -o-font-feature-settings: "kern" 1;
    -webkit-font-feature-settings: "kern" 1;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.data div,
a,
a:hover,
a:active,
a:visited,
a:focus {
    color: var(--fontPrimaryColor);
}

hr {
    border: 0px none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin-top: 4px;
    margin-bottom: 4px;
}

.data ul {
    text-align: left;
    max-width: 800px;
}

.data ul li {
    margin: 0px;
    text-align: justify;
}

.data ._subtitle {
    font-size: 1.2rem;
    padding: 4px 0 1% 0;
}

.data b,
.data strong,
.data bolder {
    font-weight: bold;
}

.data article .textBold {
    font-size: 0.9rem;
    font-weight: bold;
}

.data h1,
.data h1 *,
.data h2,
.data h2 *,
.data h3,
.data h3 *,
.data h4,
.data h4 *,
.data h5,
.data h5 *,
.data h6,
.data h6 * {
    position: relative;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 6px 0px 0.3rem 0px; 
}

.data_document h1,
.data_document h1 *,
.data_document h2,
.data_document h2 *,
.data_document h3,
.data_document h3 *,
.data_document h4,
.data_document h4 *,
.data_document h5,
.data_document h5 *,
.data_document h6,
.data_document h6 * {
    position: relative;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0.8em 0px 0.3em 0px; 
}
.data_document p{
    margin-bottom: 0.8em;
}
.data_document a{
    color: var( --primaryLinkColor);
}
.data_document_popup{
    padding: 0px 6% 0px 6% ;  
}


.data h1 *,
.data h2 *,
.data h3 *,
.data h4 *,
.data h5 *,
.data h6 * {
    font-size: inherit;
}

.data h1 {
    font-size: 2.0rem;
    line-height: 1.8rem;
}

.data h2 {
    font-size: 1.8rem;
    line-height: 1.6rem;
}

.data h3 {
    font-size: 1.6rem;
    line-height: 1.4rem;
}

.data h4 {
    font-size: 1.3rem;
    line-height: 1.2rem;
}

.data h5 {
    font-size: 1.2rem;
    line-height: 1.1rem;
}

.data h6 {
    font-size: 1rem;
    line-height: 1.1rem;
}

.data .font-size30 {
    font-size: 30px
}

.data .font-size28 {
    font-size: 28px
}

.data .font-size26 {
    font-size: 26px
}

.data .font-size24 {
    font-size: 24px
}

.data .font-size23 {
    font-size: 23px
}

.data .font-size22 {
    font-size: 22px
}

.data .font-size21 {
    font-size: 21px
}

.data .font-size20 {
    font-size: 20px
}

.data .font-size19 {
    font-size: 19px
}

.data .font-size18 {
    font-size: 18px
}

.data .font-size17 {
    font-size: 17px
}

.data .font-size16 {
    font-size: 16px
}

.data .font-size15 {
    font-size: 15px
}

.data .font-size14 {
    font-size: 14px
}

.data .font-size13 {
    font-size: 13px
}

.data .font-size12 {
    font-size: 12px
}

.data .font-size11 {
    font-size: 11px
}

.data .font-size30b {
    font-size: 30px;
    font-weight: 700
}

.data .font-size28b {
    font-size: 28px;
    font-weight: 700
}

.data .font-size26b {
    font-size: 26px;
    font-weight: 700
}

.data .font-size24b {
    font-size: 24px;
    font-weight: 700
}

.data .font-size23b {
    font-size: 23px;
    font-weight: 700
}

.data .font-size22b {
    font-size: 22px;
    font-weight: 700
}

.data .font-size21b {
    font-size: 21px;
    font-weight: 700
}

.data .font-size20b {
    font-size: 20px;
    font-weight: 700
}

.data .font-size19b {
    font-size: 19px;
    font-weight: 700
}

.data .font-size18b {
    font-size: 18px;
    font-weight: 700
}

.data .font-size17b {
    font-size: 17px;
    font-weight: 700
}

.data .font-size16b {
    font-size: 16px;
    font-weight: 700
}

.data .font-size15b {
    font-size: 15px;
    font-weight: 700
}

.data .font-size14b {
    font-size: 14px;
    font-weight: 700
}

.data .font-size13b {
    font-size: 13px;
    font-weight: 700
}

.data .font-size12b {
    font-size: 12px;
    font-weight: 700
}

.data .font-size11b {
    font-size: 11px;
    font-weight: 700
}

.data article {
    margin-bottom: 10px;
}

.data p {
    margin-top: 0px;
    margin-bottom: 0px;
}

.data img {
    width: auto;
    max-width: 100%;
}

.data .code_wrp {
    margin-bottom: 16px;
}

.data .code_wrp .code_wrp_header {
    margin-top: 8px;
    margin-bottom: 2px;
    font-size: 0.8rem;
    color: rgba(0, 0, 0, 0.7);
}

.data .code_wrp .code_data_scrl {
    overflow: auto;
    max-width: 100%;
    max-height: 800px;
    background-color: #252730;
}

.data .code_wrp .code_data_scrl::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    display: block;
}

.data .code_wrp .code_data_scrl {
    scrollbar-width: thin;
    scrollbar-color: var(--scroll_T1_1_ThumbColor) var(--scroll_T1_1_BgColor);
}

.data .code_wrp .code_data_scrl::-webkit-scrollbar-track {
    background: var(--scroll_T1_1_BgColor);
}

.data .code_wrp .code_data_scrl::-webkit-scrollbar-thumb {
    background-color: var(--scroll_T1_1_ThumbColor);
    border: none;
}

.data .code_wrp .code_data_scrl::-webkit-scrollbar-thumb:hover {
    background-color: var(--scroll_T1_1_HoverColor);
    border: none;
}

.data .code_wrp .code_data_scrl .code_data {
    padding: 16px;
}

.data .code_data,
.data .code_data * {
    font-family: 'Courier New', Consolas, Menlo, Monaco, monospace !important;
    font-size: 0.96rem;
    line-height: 1.2em;
    font-weight: 500;
    color: #8ed3fd;
}

.data .code_data .code_f_prop {
    margin-left: 24px;
}

.data .code_data .code_f_prop > span:nth-child(1) {
    color: #9cebc4;
}

.data .code_data .code_f_prop > span:nth-child(2) {
    color: #e3cc9b;
}

.data .code_wrp .code_wrp_footer {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 0.8rem;
    color: rgba(0, 0, 0, 0.7);
}

.data .code_wrp .code_data.theme_html,
.data .code_wrp .code_data.theme_html * {
    color: #e6cfa6;
}

.doc_wrap_dark {
    padding: 2px;
    box-shadow: 0px 0px 1px 0px rgba(50, 80, 118, 0.6), 2px 2px 14px 5px rgba(50, 80, 118, 0.13);
}

body .data .code-color-blue {
    color: #bdc1ff;
}

body .data .code-color-green {
    color: #c3ffc5;
}

body .data ._colorBlue {
    color: blue;
}

body .data .codeBlue2 {
    color: #7cc4f8;
}

body .data .codeBoldBlue {
    font-weight: bold;
    color: #79a8d7;
}

body .data .code codeGreen {
    color: #88ccac;
    font-weight: normal;
}

body .data .codeYellow {
    color: #f1ea58;
    font-weight: normal;
}

body .data .codePink {
    color: #f3acdf;
    font-weight: normal;
}

body .data .codePinkBold {
    color: #cd85bb;
    font-weight: bold;
}

.data .code_data.theme_react_import {
    color: #96dee2;
    font-weight: 600;
}

@media screen and (max-width: 900px) {}

@media screen and (max-width: 600px) {
    .data ul li {
        margin-bottom: 10%;
    }
}