#menu-wrapper {position: sticky;top: 0;z-index: 9;}body {font-family: Open sans, sans-serif;}h1 {font-size: 32px;font-weight: 700;line-height: 50px;margin-bottom: 8px;color: #0F172A;margin-top: 0;margin-bottom: 30px;}h2 {font-weight: 600;font-size: 26px;line-height: 42px;color: #0F172A;margin-top: 30px;margin-bottom: 10px;}p {font-size: 16px;line-height: 26px;font-weight: 400;color: #1E293B;}@media (max-width: 767px) {p {font-size: 14px;line-height: 22px;}}h3 {font-size: 19px;line-height: 30px;font-weight: 600;color: #0F172A;margin-top: 0;margin-bottom: 0px;}a {color: #0057FF;}a:hover {text-decoration: none;}a:focus, a:active {text-decoration: none;}.col-lg-6 p a {font-weight: 600;}.feature-list-header .static-dropdown-btn {display: none;flex-direction: column;row-gap: 4px;cursor: pointer;}.feature-list-header .static-dropdown-btn .icon-bar {background: #1e293b;display: block;height: 2px;width: 22px;border-radius: 1px;}.feature-list-header .static-dropdown-btn .close-button {margin: 0 !important;}@media (max-width: 1200px) {.feature-list-header .static-dropdown-btn {display: flex;}}@media (max-width: 1200px) {.feature-list-header {padding-left: 15px;padding-right: 15px;}}.static-bar {box-shadow: 0px 4px 11px 0px #B3C0D9;padding: 12px 0;}.static-bar .container, .static-bar .container-fluid {display: flex;justify-content: space-between;}.static-bar .container::after, .static-bar .container::before, .static-bar .container-fluid::after, .static-bar .container-fluid::before {display: none;}.static-bar .container .download-free-trial-btn, .static-bar .container-fluid .download-free-trial-btn {background-color: #0057ff;border-radius: 6px;color: #ffffff;font-size: 16px;padding: 12px 24px;line-height: 24px;font-weight: 600;}.static-bar .container .static-menu-url:hover, .static-bar .container-fluid .static-menu-url:hover {color: #0057FF;}.static-bar a {color: #0F172A;font-weight: 700;font-size: 29px;line-height: 45px;}.section-container {padding-top: 46px;}.section-container img {width: 100%;height: auto;}.section-container::after {content: "";background: linear-gradient(0deg, #FFFFFF 50%, #EDF3FF 100%);display: block;position: absolute;top: 72px;width: 100%;z-index: -1;height: 212px;}.code-snippet-tabs {border: 1px solid #D9E3F1;padding: 10px;border-radius: 10px;margin-bottom: 30px;}.code-snippet-tabs .nav-tabs {display: flex;margin-bottom: 10px;border: none;}.code-snippet-tabs .nav-tabs li a {text-transform: uppercase;color: #0057FF;border: none;font-weight: 600;}.code-snippet-tabs .nav-tabs li a:hover {border: none;}.code-snippet-tabs .prettyprint {scrollbar-color: #405268 rgba(255, 255, 255, 0);scrollbar-width: thin;padding-top: 35px;padding-right: 10px;padding-left: 10px;}.code-snippet-tabs .prettyprint .copy-button {border: 0;font-size: 16px;font-weight: 500;padding: 10px 15px;color: #fff;background-color: rgba(255, 255, 255, 0);position: absolute;top: 60px;right: 15px;display: flex;align-items: center;}.code-snippet-tabs .prettyprint .linenums {max-height: 300px;overflow: auto;scrollbar-color: #405268 rgba(255, 255, 255, 0);scrollbar-width: thin;padding-top: 12px;padding-left: 30px;}.code-snippet-tabs .disabled {display: none !important;}#toc-segment {background: #ffffff;border: 1px solid #e6eef6;border-radius: 12px;padding: 18px;box-sizing: border-box;font-family: Open sans, sans-serif;}#toc-segment h2 {margin-bottom: 20px;font-size: 16px;font-weight: 600;color: #21303a;position: relative;line-height: 1;margin-top: 10px;}#toc-segment ul {list-style: none;margin: 0;padding: 0;padding-left: 8px;}#toc-segment li {position: relative;padding: 12px 12px 12px 22px;margin: 0;transition: background-color 0.12s ease;}#toc-segment li a {color: #34414a;text-decoration: none;font-size: 15px;display: inline-block;vertical-align: middle;}#toc-segment li a:hover {color: #0057ff;}#toc-segment li a:focus {outline: none;}#toc-segment li a {color: #1E293B;font-weight: 600;}#toc-segment li a.active {color: #0057ff;}#toc-segment li a.active::before {content: "";position: absolute;left: -8px;top: 5px;bottom: 8px;width: 4px;background: #0057ff;border-radius: 2px;}@media (max-width: 360px) {#toc-segment {max-width: 100%;padding: 14px;}#toc-segment h2 {font-size: 15px;}#toc-segment li {padding-left: 30px;}}.static-bar-fixed {background-color: #FFFFFF;z-index: 9;width: 100%;top: 0;position: fixed;}.feature-list-container {border-right: 1px solid #E6E6E6;padding-right: 10px;}.fixed-segments {position: fixed !important;}.col-lg-3 {box-sizing: border-box;padding: 12px 8px;}.col-lg-3 .search-container-wrapper input[type=search], .col-lg-3 .search-container-wrapper input[name=Search] {width: 100%;height: 40px;padding: 8px 12px 8px 12px;border: 1px solid #e6eef6;border-radius: 4px;background: #ffffff;color: #1f2b33;font-size: 14px;box-shadow: none;box-sizing: border-box;}.col-lg-3 .search-container-wrapper input[type=search]::-moz-placeholder, .col-lg-3 .search-container-wrapper input[name=Search]::-moz-placeholder {color: #9aa6b0;opacity: 1;}.col-lg-3 .search-container-wrapper input[type=search]::placeholder, .col-lg-3 .search-container-wrapper input[name=Search]::placeholder {color: #9aa6b0;opacity: 1;}.col-lg-3 .search-container-wrapper input[type=search]:focus, .col-lg-3 .search-container-wrapper input[name=Search]:focus {outline: none;border-color: #0078ff;box-shadow: 0 0 0 4px rgba(0, 120, 255, 0.06);}.col-lg-3 .search-container-wrapper {position: relative;}.col-lg-3 .search-container-wrapper span {position: absolute;top: 14px;right: 14px;}.col-lg-3 .search-container-wrapper .sf-icon-close {right: 34px;top: 12.5px;cursor: pointer;font-size: 16px;position: absolute;border: none;background: none;}.col-lg-3 .no-result-search-text {padding-left: 10px;font-size: 16px;padding-bottom: 10px;}.col-lg-3 #features-list {margin-top: 12px;background: #ffffff;border-radius: 4px;overflow: hidden;box-sizing: border-box;}.col-lg-3 #features-list ul {list-style: none;margin: 0;padding: 8px 0;max-height: calc(100vh - 250px);overflow-y: auto;-webkit-overflow-scrolling: touch;}.col-lg-3 #features-list li {position: relative;margin: 0;padding: 12px 16px;padding-left: 28px;transition: background-color 120ms ease, color 120ms ease;}.col-lg-3 #features-list li a {color: #1f2b33;font-size: 15px;text-decoration: none;display: block;line-height: 1.4;}.col-lg-3 #features-list li:hover {background: rgba(0, 0, 0, 0.02);}.col-lg-3 #features-list li a:focus {outline: none;}.col-lg-3 #features-list li.active {background: rgba(0, 120, 255, 0.08);}.col-lg-3 #features-list li.active a {color: #0078ff;font-weight: 600;}.col-lg-3 #features-list li.active::before {content: "";position: absolute;left: 10px;top: 10px;bottom: 10px;width: 4px;background: #0078ff;border-radius: 2px;}.col-lg-3 #features-list {scrollbar-color: #dcdfe3 rgba(255, 255, 255, 0);scrollbar-width: thin;}@media (max-width: 480px) {.col-lg-3 {width: 100%;padding: 8px;}.col-lg-3 #features-list ul {max-height: 320px;}}.github-project {margin-top: 10px;}.github-project, .nuget-installation, .installer-and-license {margin-bottom: 40px;}.github-project p, .nuget-installation p, .installer-and-license p {font-size: 20px;font-weight: 400;background-color: #111111;border-radius: 8px;padding: 10px;color: #FFFFFF;display: flex;justify-content: space-between;}.github-project p .copy-to-clipboard-btn, .nuget-installation p .copy-to-clipboard-btn, .installer-and-license p .copy-to-clipboard-btn {background-color: unset;border: none;padding: 0;}.github-project p .copy-to-clipboard-btn object, .nuget-installation p .copy-to-clipboard-btn object, .installer-and-license p .copy-to-clipboard-btn object {margin: 0;pointer-events: none;}.github-project strong, .nuget-installation strong, .installer-and-license strong {font-weight: 600;}.github-project a, .nuget-installation a, .installer-and-license a {display: flex;-moz-column-gap: 10px;column-gap: 10px;align-items: center;flex-wrap: wrap;row-gap: 10px;width: -moz-max-content;width: max-content;color: #FFFFFF;}.github-project a:hover, .nuget-installation a:hover, .installer-and-license a:hover {text-decoration: none;color: #e6f3ff;}.github-project a img, .nuget-installation a img, .installer-and-license a img {width: 32px;height: 32px;}.github-project img, .nuget-installation img, .installer-and-license img {vertical-align: middle;margin-right: 8px;}.installer-and-license {margin-bottom: 0;}.nuget-installation {margin-bottom: 30px;}.nuget-installation p {background-color: #004880;}.relative-container {position: relative;}.code-editor-frame {display: none;background-color: #FFFFFF;border: 1px dotted;margin-left: auto;flex-direction: column;position: fixed;top: 93px;right: 0;}.code-editor-frame iframe {width: -webkit-fill-available;height: calc(100vh - 154px);}.code-editor-frame .code-editor-exit-btn {display: flex;width: -moz-max-content;width: max-content;margin: 9px;margin-left: auto;color: #0057FF;border: 1px solid #0057FF;border-radius: 4px;font-size: 16px;line-height: 24px;font-weight: 600;padding: 8px 12px;background-color: #FFFFFF;-moz-column-gap: 7px;column-gap: 7px;align-items: center;}.code-editor-frame .code-editor-exit-btn:hover {background-color: #e8f1ff;}.code-editor-frame .code-editor-exit-btn::before {content: url(https://cdn.syncfusion.com/content/images/FT/common/exit-editor.svg);height: 18px;width: 16px;}@media (max-width: 1280px) {.code-editor-frame {top: 85px;}.code-editor-frame iframe {height: calc(100vh - 145px);}}.split-section.code-editor-frame {display: flex;}.code-editor-absolute {position: absolute !important;bottom: 0;}#code-editor-btn, .code-editor-btn {margin-left: auto;font-size: 16px;line-height: 25px;font-weight: 600;color: #FFFFFF;padding: 6px 12px;border-radius: 6px;display: flex;align-items: center;-moz-column-gap: 8px;column-gap: 8px;padding-left: 28px;background-color: #0057FF;}#code-editor-btn:hover, .code-editor-btn:hover {background-color: #0050eb;color: #FFFFFF;}#code-editor-btn::before, .code-editor-btn::before {content: "";position: absolute;right: 50px;width: 20px;height: 10px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 9px solid #FFFFFF;}#fileformats-support-section.new-technical-support-section {margin-top: 120px;float: inherit;padding-top: 60px;padding-bottom: 60px;background-color: #fafbff;}@media (max-width: 1024px) {#fileformats-support-section.new-technical-support-section {margin-top: 86px;}}#fileformats-support-section.new-technical-support-section #technical-support .container .row .platform-heading-text {color: #0F172A;margin: 0px 0px 28px 0px;font-size: 30px;font-weight: 600;line-height: 45px;}#fileformats-support-section.new-technical-support-section .short-description-text {font-size: 16px;line-height: 24px;font-weight: 400;color: #0F172A;margin: 20px 0;margin-top: 15px;}#fileformats-support-section.new-technical-support-section .clearfix {border: 1px solid #D1E0FF;padding: 18px 60px;border-radius: 16px;margin: 20px 15px 0px 15px;background: #FFFFFF;}#fileformats-support-section.new-technical-support-section .clearfix::after {content: "";clear: both;display: table;}#fileformats-support-section.new-technical-support-section .one-column-row {padding-bottom: 30px;}#fileformats-support-section.new-technical-support-section .support-link-container {padding-bottom: 20px;}#fileformats-support-section.new-technical-support-section .resource-category-heading-text {padding-bottom: 30px;}#fileformats-support-section.new-technical-support-section .technical-category {padding-bottom: 20px;padding-top: 20px;}#fileformats-support-section.new-technical-support-section .support-link-container, #fileformats-support-section.new-technical-support-section .technical-category {padding-left: 0px;}#fileformats-support-section.new-technical-support-section .resource-category-heading-text {font-family: Open Sans;font-size: 24px;font-weight: 600;line-height: 36px;text-align: left !important;color: #0F172A;margin-left: -10px;margin-bottom: 0px;}#fileformats-support-section.new-technical-support-section .support-link-section {text-align: left;display: flex;}#fileformats-support-section.new-technical-support-section .support-link-section img {width: 25px;height: 25px;}#fileformats-support-section.new-technical-support-section .support-link-section .link-item-title {font-family: Open Sans;font-size: 18px;font-weight: 600;line-height: 32px;text-align: left;color: #475569;padding-left: 20px;vertical-align: middle;}#fileformats-support-section.new-technical-support-section .support-link-section .link-item-title:hover {color: #0057FF;}.video-player {position: relative;margin-bottom: 30px;}.video-player::before {background-color: rgba(0, 0, 0, 0.5);content: "";position: absolute;width: 100%;height: 100%;}.youtube-video::after {content: url(https://cdn.syncfusion.com/content/images/FT/blue-hover-button.svg);position: absolute;width: 150px;height: 150px;left: calc(50% - 75px);top: calc(50% - 75px);}@media (max-width: 767px) {.youtube-video::after {width: 100px;height: 100px;left: calc(50% - 50px);top: calc(50% - 50px);}}.youtube-video:hover::after {content: url(https://cdn.syncfusion.com/content/images/FT/orange-hover-button.svg);}.steps-section {margin-left: 20px;}.steps-section .detailed-step {margin-bottom: 12px;font-size: 15px;}.steps-section .code-snippet-tabs {position: relative;}.steps-section .code-snippet-tabs .copy-button::before {content: url(https://cdn.syncfusion.com/content/images/react-data-table/copy-icon.svg);position: absolute;left: -9px;top: 7px;}.steps-header {margin-top: 30px;}@media (max-width: 1200px) {#toc-segment {display: none;}}.back-to-top {position: fixed;width: 3.71428571em;height: 3.71428571em;background: #fff;border-radius: 50%;text-align: center;right: 1.85714286em;bottom: 3.71428571em;padding-top: 12px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);z-index: 99;border: 1px solid #ececec;transition: 0.2s ease-out;-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;}.back-to-top i {color: #252525;}.back-to-top .active:hover {transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}.back-to-top:not(.active) {opacity: 0;transform: translate3d(0, 20px, 0);-webkit-transform: translate3d(0, 20px, 0);pointer-events: none;}@media (max-width: 1280px) {.section-container {padding-top: 60px;}.section-container::after {top: 70px;}.feature-list-container {width: 265px;}.split-section {width: 100% !important;}.split-section .static-bar-fixed {width: 100%;}.split-section.code-editor-frame {background-color: #FFFFFF;z-index: 9;}.col-lg-3 {padding: 0;}}@media (max-width: 768px) {.link-item-title {font-size: 16px !important;}.static-bar a {font-size: 26px;}.section-container {padding-top: 56px;}h1 {line-height: 40px;}#fileformats-support-section.new-technical-support-section #technical-support .container .row .platform-heading-text {font-size: 25px;line-height: 37px;}#fileformats-support-section.new-technical-support-section .short-description-text {width: 95%;margin-left: auto;margin-right: auto;}.container-fluid {padding: 0;}}@media (max-width: 500px) {.static-bar a {font-size: 20px;}.section-container {padding-top: 46px;}h2 {line-height: 33px;}.github-project p, .nuget-installation p, .installer-and-license p {font-size: 16px;line-height: 24px;}.static-bar .container-fluid {flex-direction: column;align-items: center;row-gap: 10px;}}.container-fluid .col-lg-3:first-child {width: 22%;display: flex;justify-content: flex-end;flex-direction: column;}.container-fluid .col-lg-3:first-child .feature-list-container {width: 300px;border-radius: 6px;margin-top: -10px;}.container-fluid .col-lg-3:first-child .feature-list-header {display: flex;align-items: center;-moz-column-gap: 12px;column-gap: 12px;padding: 10px;margin-left: -10px;}@media (max-width: 1280px) {.container-fluid .col-lg-3:first-child .feature-list-container {width: 265px;}}.container-fluid .col-lg-3:first-child .search-container-wrapper {margin-top: 10px;}@media (max-width: 1280px) {.container-fluid .section-container {padding-top: 76px;}.container-fluid .section-container .feature-list-container {top: -30px;}}@media (min-width: 1200px) {.container-fluid .col-lg-6 {width: 54%;padding-left: 30px;padding-right: 30px;}}.container-fluid .col-lg-3:last-child {width: 24%;}.split-section {width: 50%;}@media (min-width: 1024px) {.split-section.video-banner .close {margin-right: 4%;}}.split-section .col-lg-3 {width: unset;}.split-section .col-lg-3:first-child {width: auto;}.split-section .col-lg-3:first-child .feature-list-container {z-index: 2;position: absolute !important;top: -30px !important;margin-bottom: 10px;margin-left: 15px;border: 0;padding-left: 10px;}.split-section .section-container {padding-top: 76px;}.split-section .col-lg-6 {width: 100%;}.split-section .static-dropdown-btn {display: flex;}.split-section #toc-segment {display: none;}.split-section .static-bar-fixed {width: 50%;}.split-section #fileformats-support-section.new-technical-support-section {margin-top: 80px;}.split-section #fileformats-support-section.new-technical-support-section .container {width: unset !important;}.split-section #features-list, .split-section .search-container-wrapper {display: none;}.show-dropdown.feature-list-container {border: 1px solid #E6E6E6 !important;}.show-dropdown {background-color: #FFFFFF;}.show-dropdown #features-list, .show-dropdown .search-container-wrapper {display: block !important;}@media (max-width: 1200px) {h1 {margin-bottom: 20px;margin-top: 15px;}.section-container {padding-top: 76px;}.section-container .col-lg-3:first-child {width: auto;}.section-container .col-lg-3:first-child .feature-list-container {z-index: 2;position: absolute !important;top: -50px !important;margin-bottom: 10px;margin-left: 10px;border-right: 0;padding-left: 10px;}.section-container .col-lg-3:first-child #features-list, .section-container .col-lg-3:first-child .search-container-wrapper {display: none;}}@media (max-width: 1024px) {.section-container {padding-top: 76px;}.section-container h1 {margin-top: 0;}.section-container .col-lg-3:first-child {width: auto;}.section-container .col-lg-3:first-child .feature-list-container {width: 40%;}.section-container .col-lg-3:first-child .feature-list-header {margin-left: -10px;}}@media (max-width: 768px) {.section-container .col-lg-3:first-child .feature-list-container {width: 50%;}}@media (max-width: 600px) {.section-container .col-lg-3:first-child .feature-list-container {width: 95%;}}.show-dropdown #features-list, .show-dropdown .search-container-wrapper {display: block;}@media (min-width: 1920px) {.container-fluid .col-lg-3:first-child {display: flex;justify-content: flex-end;}}.container-fluid {max-width: 1500px;}.library-text {font-size: 20px;font-weight: 600;display: block;color: #0F172A;margin-bottom: 0;}.copy-tooltip {position: absolute;z-index: 99999;display: inline-block;padding: 6px 10px;background: rgba(17, 24, 39, 0.95);color: #fff;border-radius: 6px;font-size: 13px;line-height: 1.2;pointer-events: none;box-shadow: 0 6px 18px rgba(2, 6, 23, 0.35);white-space: nowrap;transition: opacity 0.12s ease;}.copy-tooltip::after {content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -6px;border-width: 6px 6px 0 6px;border-style: solid;border-color: rgba(17, 24, 39, 0.95) transparent transparent transparent;}.copy-tooltip.below::after {top: -6px;bottom: auto;border-width: 0 6px 6px 6px;border-color: transparent transparent rgba(17, 24, 39, 0.95) transparent;}.copy-to-clipboard-btn {cursor: pointer;display: inline-flex;align-items: center;vertical-align: middle;}.copy-to-clipboard-btn img {display: block;max-width: 20px;height: auto;}.copy-to-clipboard-btn.copied img {opacity: 0.85;transform: scale(0.98);transition: transform 0.12s ease, opacity 0.12s ease;}.prettyprint {background: #002451;font-family: Menlo, Bitstream Vera Sans Mono, DejaVu Sans Mono, Monaco, Consolas, monospace;border: 0 !important }.pln {color: #fff !important }ol.linenums {margin-top: 0;margin-bottom: 0;color: #7285b7 }li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9 {padding-left: 1em;background-color: #002451 !important;list-style-type: decimal !important;margin-bottom: 5px !important;}@media screen {.str {color: #d1f1a9 !important }.kwd {color: #ebbbff !important }.com {color: #8395BE !important }.typ {color: #bbdaff !important }.lit {color: #ffc58f !important }.pun {color: #fff !important }.opn {color: #fff !important }.clo {color: #fff !important }.tag {color: #ff9da4 !important }.atn {color: #ffc58f !important }.atv {color: #9ff !important }.dec {color: #ffc58f !important }.var {color: #ff9da4 !important }.fun {color: #bbdaff !important }}