/*!
*  filename: doc-site.min.css
*  version : 12.1
*  Copyright Syncfusion Inc. 2001 - 2013. All rights reserved.
*  Use of this code is subject to the terms of our license.
*  A copy of the current license can be obtained at any time by e-mailing
*  licensing@syncfusion.com. Any infringement will be prosecuted under
*  applicable laws. 
*/


@font-face {
  font-family: 'OpenSans-Regular';
  src: url("//cdn.syncfusion.com/content/fonts/documentation/open-sans/OpenSans-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'OpenSans-Bold';
  src: url("//cdn.syncfusion.com/content/fonts/documentation/open-sans/OpenSans-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'OpenSans-Semibold';
  src: url("//cdn.syncfusion.com/content/fonts/documentation/open-sans/OpenSans-Semibold.ttf") format("truetype");
}

@font-face {
  font-family: 'OpenSans-Light';
  src: url("//cdn.syncfusion.com/content/fonts/documentation/open-sans/OpenSans-Light.ttf") format("truetype");
}



@font-face {
  font-family: 'Poppins-Regular';
  src: url("//cdn.syncfusion.com/content/fonts/documentation/Poppins/Poppins-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Poppins-Bold';
  src: url("//cdn.syncfusion.com/content/fonts/documentation/Poppins/Poppins-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'Poppins-Semibold';
  src: url("//cdn.syncfusion.com/content/fonts/documentation/Poppins/Poppins-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: 'Poppins-Light';
  src: url("//cdn.syncfusion.com/content/fonts/documentation/Poppins/Poppins-Light.ttf") format("truetype");
}

@font-face {
	font-family: 'CourierNew-Regular';
	src: url("//cdn.syncfusion.com/content/fonts/documentation/CourierNew/Courier+New+Regular.ttf") format("truetype");
  }

@font-face {
  font-family: "FontAwesome";
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2") format("woff2");
}

::-webkit-scrollbar {
	width: 4px
}

::-webkit-scrollbar-button {
	height: 0;
	background-color: #666
}

::-webkit-scrollbar-track {
	background-color: #999
}

::-webkit-scrollbar-track-piece {
	background-color: #e6e6e6
}

::-webkit-scrollbar-thumb {
	height: 100px;
	background: #c1c1c1;
	border-radius: 8px;
}

::-webkit-scrollbar-corner {
	background-color: #999
}

::-webkit-resizer {
	background-color: #666;
}

.modal {
	display: none;
	position: fixed;
	z-index: 10000;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.modal-content {
	margin: auto;
	display: block;
	max-width: 80%
}


.ai_modal {
	display: block;
	position: relative;
	z-index: 10000;
	left: 0;
	top: 0;
	height: 100%;
}

.ai_modal_content {
	display: block;
	height:auto;
	max-width: 100%;
	border-radius: 12px;
	height: 90%;
	background-color: #FFFFFF;
}

#caption {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px
}

.modal-content,
#caption {
	-webkit-animation-name: zoom;
	-webkit-animation-duration: .6s;
	animation-name: zoom;
	animation-duration: .6s
}

@-webkit-keyframes zoom {
	from {
		-webkit-transform: scale(0)
	}
	to {
		-webkit-transform: scale(1)
	}
}

@keyframes zoom {
	from {
		transform: scale(0)
	}
	to {
		transform: scale(1)
	}
}

.modal-close {
	position: absolute;
	top: 15px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: .3s
}

.modal-close:hover,
.modal-close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer
}

.syncfusion-menu {
	background-color: #FFFFFF!important;
	border-bottom: medium none;
	height: 60px;
	padding-top: 4px;
	padding-right: 15px;
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
	  border-color: #E2EAF5;
    box-shadow: #E2EAF5 0px 8px 11px -6px;
}

#breadcrumb {
	margin-top: 0
}

#chat-layout{
	background: none!important;
}

#chatOption {
    right: -40px!important;
}

#livechat {
    right: -72px!important;
}

ul.breadcrumb a {
    color: #0079F3;
	text-decoration: none;
}

ul.breadcrumb a:hover {
    color: #2793FF;
}

@font-face {
	font-family: 'syncfusion docs logo';
	src: url('../fonts/syncfusion-docs-logo.eot?v=13.3');
	src: url('../fonts/syncfusion-docs-logo.eot?#iefix') format(embedded-opentype), url('../fonts/syncfusion-docs-logo.woff?v=13.3') format(woff), url('../fonts/syncfusion-docs-logo.ttf?v=13.3') format(truetype), url('../fonts/syncfusion-docs-logo.svg#syncfusion-docs-logo') format(svg);
	font-weight: 400;
	font-style: normal
}

.brand-logo {
	background: url("//cdn.syncfusion.com/documentation/images/Syncfusion_Logo_Header.svg") no-repeat center center transparent;
	display: block;
	color: #fff;
	height: 55px
}

.syncfusion-menu .syncfusion-logo img {
	margin-top: 5px;
	padding-left: 15px
}

.syncfusion-menu .desktop-icon {
	height: 37px;
	padding: 9px 10px;
	margin: 8px 0 8px 0;
	border: 1px solid #ddd;
    border-radius: 4px;
	position: fixed;
    right: 45px;
	background: none;
}

.syncfusion-menu .navbar-toggle:hover {
	background-color: none
}

.mobile-view-icon{
	background: url(//cdn.syncfusion.com/documentation/images/search-icon.png) no-repeat;
	height: 20px;
	width: 20px;
	display:block;
}


.syncfusion-menu .search {
	width: 500px;
}
.form-group{
	position: fixed;
	right: 300px;
	top: 15px;
}
.navbar-default .navbar-toggle{
	display: none;
}

.sr-only{
	position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.navbar-toggle .icon-bar{
	display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar{
	margin-top: 4px;
}

.navbar-nav>li{
    float: left;
	text-decoration: none;
}

.navbar-collapse{
	display: block !important;
	flex-basis: 50% !important;
}

.navbar-right{
	float: right;
	display: block;
	position: relative;
	bottom: 6px;
	left: 30px;
}

.navbar-fixed-top {
	position: relative;
	z-index: 10;
}
.syncfusion-menu .search table {
	border: 1px solid #595959;
}

.syncfusion-menu .search div,
.syncfusion-menu .search form,
.syncfusion-menu .search div table,
.syncfusion-menu .search div table td {
	margin: 0;
	padding: 0;
	border: 0 none;
	border-radius: 14px
}

.syncfusion-menu .search form table tr td.gsc-input {
	background-image: none!important;
	height: auto;
	padding-right: 0
}

.syncfusion-menu .search input.gsc-input {
	background-image: none!important;
	background-color: #F4F5F8 !important;
	color: #6C7786;
	margin-top: -2px!important;
	font-size: 14px;
	padding: 2px 35px!important;
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
}

#gsc-i-id1{
	 width: 55% !important;  
    height: 37px !important;
    border-radius:5px !important;
    background-image: url("//cdn.syncfusion.com/documentation/images/doc-Search.png") !important;
    background-repeat: no-repeat !important;
    background-position: 10px 10px !important;
    background-color: @color_F4F5F8 !important;
	border: 1px solid #0079F3 !important;
}

.syncfusion-menu .search td.gsc-search-button {
	background-image: url(//cdn.syncfusion.com/documentation/images/doc-sprite.png)!important;
	background-repeat: no-repeat;
	background-position: -8px -37px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	height: 42px;
	width: 30px;
	display: none;
	border: medium none
}

.syncfusion-menu .search td.gsc-search-button:hover {
	background-position: -36px -37px;
	border: medium none;
	outline: none
}

.syncfusion-menu .search input.gsc-search-button {
	padding: 13px 15px;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0;
	margin: 0
}

.syncfusion-menu .search input.gsc-search-button:focus {
	border: medium none;
	outline: none;
	box-shadow: none
}

.syncfusion-menu .search td.gsib_b {
	display: none
}

.syncfusion-menu .search td .gsc-search-button,
.gsc-search-button-v2 {
	display: none!important
}

.syncfusion-menu .search .gsc-results-wrapper-overlay {
	padding: 25px;
	margin: 10px;
	width: 65%;
	border: 1px solid #ccc!important;
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serifsans-serif;
	font-size: 12px;
	box-shadow: none;
	top: 75px;
	left: 224px;
	height: 500px;
	right: auto;
	border-radius: 0;
	background-color: #fff!important
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-results-close-btn {
	top: 12px;
	right: 14px;
	background-image: url(//cdn.syncfusion.com/documentation/images/doc-sprite.png)!important;
	background-repeat: no-repeat;
	background-position: -15px -80px;
	height: 13px;
	width: 13px
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-results-close-btn:hover {
	background-position: -44px -80px
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-above-wrapper-area .gsc-result-info-container .gsc-result-info {
	font-size: 14px
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-above-wrapper-area {
	margin-top: 10px;
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serifsans-serif;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-wrapper .gsc-adBlock,
.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-wrapper .gs-spelling,
.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-wrapper .gs-spelling-original,
.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-adBlockVertical {
	display: none!important
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-above-wrapper-area .gsc-above-wrapper-area-container tr {
	background-color: #fff
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-above-wrapper-area .gsc-orderby .gsc-orderby-label {
	font-size: 13px;
	padding: 5px 0;
	color: #353535
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-above-wrapper-area .gsc-orderby .gsc-selected-option-container {
	width: 115px!important;
	border: 1px solid #ccc;
	background-image: none;
	background-color: #fff;
	font-size: 12px;
	line-height: 25px;
	font-weight: 400;
	border-radius: 6px!important;
	box-shadow: none
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-above-wrapper-area .gsc-orderby .gsc-selected-option-container .gsc-selected-option {
	padding-left: 5px;
	text-align: left
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-above-wrapper-area .gsc-orderby .gsc-selected-option-container .gsc-option-selector {
	background-image: url(//cdn.syncfusion.com/documentation/images/doc-sprite.png)!important;
	background-repeat: no-repeat;
	background-position: -40px -100px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	height: 22px;
	width: 18px;
	top: 2px;
	border: medium none
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-above-wrapper-area .gsc-orderby .gsc-option-menu-container .gsc-option-menu {
	top: 27px!important;
	width: 104px!important;
	text-align: left;
	box-shadow: none;
	border-radius: 0;
	border: 1px solid #ccc;
	border-top: medium none
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-above-wrapper-area .gsc-orderby .gsc-option-menu-container .gsc-option-menu .gsc-option-menu-item {
	text-align: left;
	padding-left: 5px
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-wrapper .gsc-webResult,
.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-wrapper .gsc-webResult:hover {
	padding: 0;
	border: medium none
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-wrapper .gs-webResult {
	padding: 15px 0;
	border-bottom: 1px solid #ccc
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-wrapper .gs-webResult .gsc-thumbnail-inside {
	height: auto
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-wrapper .gs-webResult .gsc-thumbnail-inside .gs-title,
.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-wrapper .gs-webResult .gsc-thumbnail-inside .gs-title a,
.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-wrapper .gs-webResult .gsc-thumbnail-inside .gs-title a b {
	text-decoration: none;
	color: #0079F3;
	height: auto;
	line-height: 25px;
	font-size: 16px;
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-wrapper .gs-webResult .gsc-thumbnail-inside .gs-title a b:hover,
.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-wrapper .gs-webResult .gsc-thumbnail-inside .gs-title a:hover {
	color: #0079F3
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-wrapper .gs-webResult .gsc-url-top div {
	color: #50565F;
	font-size: 13px;
	padding-bottom: 5px;
	padding-top: 10px;
    line-height: 20px;
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
	word-break: normal
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-wrapper .gs-webResult .gsc-table-result .gs-snippet {
	background-color: #fff;
	color: #22252A;
	font-size: 13px;
    line-height: 25.6px;
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
	word-break: normal
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-wrapper .gsc-webResult .gs-no-results-result .gs-snippet {
	background-color: #fff;
	font-size: 16px
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-wrapper .gsc-cursor-box {
	padding-top: 10px
}

.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-wrapper .gsc-cursor-box .gsc-cursor-page {
	color: #353535;
	cursor: pointer
}

.syncfusion-menu .menu-links a {
	background-color: #FFFFFF !important;
            color: #1A1A1A !important;
            font-size: 14px;
			font-weight: 500;
			line-height: 18px;
            padding: 7px 7px 12px;
            margin-top: 10px;
            outline: none;
            border-radius: 4px;
			text-decoration: none;
}

.syncfusion-menu .menu-links a:hover {
	color: #0079F3 !important
}

.syncfusion-menu .demo a {
	border-right: 1px solid #fff
}

.syncfusion-menu .syncfusion-logo div {
	float: left;
	display: block;
	height: 60px
}

.syncfusion-menu .syncfusion-logo div a {
	height: 60px;
	display: block;
	width: 150px
}

.syncfusion-menu .syncfusion-logo .left-menu-icon {
	display: none
}

.syncfusion-menu .syncfusion-logo .js-doc {
	color: #1A1A1A;
	float: left;
	padding-left: 8px;
	font-size: 24px;
	line-height: 21px;
	padding-top: 17px;
	font-weight: 600;
	cursor: pointer;
}

#platformlist {
	width: 100%;
}

.syncfusion-menu .syncfusion-logo .js-doc .platform-dropdown-down-arrow {
    position: relative;
    background: url(https://cdn.syncfusion.com/content/images/kb/platform-dropdown-down-arrow.svg);
    display: inline-block;
    width: 25px;
    height: 22px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: 18px!important;
	vertical-align: middle;
    margin-left: 8px;
}

.js-doc::before {
    background-image: url(//cdn.syncfusion.com/documentation/images/doc-collapse.png);
	background-repeat: no-repeat;
}

.fixed-bottom {
	padding-left: 0;
	padding-right: 0
}

footer {
    background: #f5f7fa;
    border-top: 1px solid #eaeaea;
    height: 50px;
	padding-top: 5px;
	position: fixed !important;
	width: 100%;
	bottom: 0;
}

footer .copyright {
	background: #F5F7FA;
	color: #6C7786;
	float: right;
	font-size: 12px;
	padding-top: 2px;
	padding-right: 20px;
	text-decoration: none
}

footer .copyright:hover {
	color: #2c69a5
}

.ug-file-type {
	padding-left: 5px;
    font-size: 14px;
	color: #22252A;
}

.syncfusion-menu .syncfusion-logo .js-doc #pltformlist{
border: 1px solid #fff!important;
    box-shadow: 0 2px 34px 0 rgba(0,0,0,0.2)!important;
}

.platformgroup {
	display: none;
}
#back-top {
	display: none;
}

.syncfusion-menu .search::-moz-placeholder,
.syncfusion-menu .search::-webkit-input-placeholder,
.syncfusion-menu .search::-ms-input-placeholder {
	color: #909;
	opacity: 1
}

body {
	padding-bottom: 60px;
	height: 100%;
	font-size: 14px!important;
	line-height: 183% !important;
	min-height: 100%;
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
	overflow-y: hidden;
	overflow-x: hidden;
	color: #1A1A1A;
}

.help-content {
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 110px;
}

.minimize_post {
	font-size: 16px;
	padding-left: 18%;
	position: relative;
	right: 0;
	width: 75% !important;
	bottom: 0;
}
.maximize_post{
	font-size: 16px;
	padding-left: 20%;
	padding-right: 20%;
	position: relative;
	right: 0;
	width: 100% !important;
	bottom: 0;

}
.minimize_post .post-content
{
	padding-right: 20px;
	padding-left: 20px;
	max-height: calc(100vh - 150px);
	overflow-y: scroll;
	border-right: 1px solid rgb(231, 231, 231);
	width: 72%;
} 
.maximize_post .post-content{
	width: 100%;
	padding-right: 25px;
	max-height: calc(100vh - 150px);
	overflow-y: scroll;
	border-right: 1px solid rgb(231, 231, 231);
}

.post-content a {
    color: #0079F3;
	text-decoration: none;
}

.post-content a:hover {
    color: #2793FF;
	text-decoration: underline;
}

.ai_fixed_icon_container {
	position: fixed;
	bottom: 80px; 
	right: 20px; 
	z-index: 1000;
}

button.helpbot_chat_button {
    float: inline-end;
    border-radius: 50px;
    background: #0050EB;
    width: fit-content;
    height: 58px;
    display: flex;
    align-items: center;
}
button.helpbot_chat_button:hover{
    background: #0050EB;
	padding: 20px;
}
.helpbot_syncfusion_content{
    display: none;
    font-family: 'OpenSans-Regular';
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    position: relative;
    margin-bottom: 0;
	margin-left: 8px;
}
button.helpbot_chat_button:hover .helpbot_syncfusion_content{
    display: block !important;
}

button.helpbot_chat_button:focus{
	outline: none;
}
.ai_modal_header{
	padding: 12px 20px 12px 20px;
	text-align: center;
	background-color: #FFFFFF;
	box-shadow: 2px 0px 9px 0px rgba(0, 0, 0, 0.08) inset;
	color: white;
}
#rightside_aichatbox{
	float: right;
	width: 25%;
	position: absolute;
	top: -6px;
	right: 0;
	background-color: #FFFFFF;
	box-shadow: 2px 0px 9px 0px rgba(0, 0, 0, 0.08) inset;
	height: 100%;
	display: none;
}
.minimize_post #rightside_aichatbox{
	display: block;
}
.ai_modal_title{
	font-size: 14px;
	font-family: "OpenSans-Regular";
	position: relative;
	font-weight: 600;
	color: rgba(15, 23, 42, 1);
}

#aichatreseticonimg{
	float: left;
    position: relative;
    top: 4px;
    width: 24px;
	cursor: pointer;
}

#aichatresethovericonimg{
	float: right;
    position: relative;
    top: 4px;
    width: 24px;
    right: 6px;
	display: none;
}

#aichatcloseiconimg{
	float: right;
    position: relative;
    width: 24px;
    top: 4px;
	cursor: pointer;
	right: 8px;
}

#aichatclosehovericonimg{
	float: right;
    position: relative;
    width: 24px;
    top: 4px;
	cursor: pointer;
	display: none;
}
#aichatcloseiconimg:hover{
   cursor: pointer;
}

.ai_bordered_container {
	border: 2px solid #E2E8F0A6;
	padding: 12px 18px 12px 18px;
	border-radius: 8px 8px 8px 0px;
	background-color: #E2E8F0A6;
	margin: 0px 12px 12px;
  }

.ai_documentationcontent{
	font-size: 14px;
	font-family: 'OpenSans-Regular';
	font-weight: 400;
	color: #0F172A;
}

.ai_components {
	border: 1px solid #4484FF;
    padding: 4px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
	font-size: 13px;
	font-family: 'OpenSans-Regular';
	font-weight: 600;
	margin-bottom: 12px !important;
    display: inline-block;
    padding: 8px 16px 8px 16px;
	color: #0057FF;
	background-color: white;
}

.ai_feedback{
	margin-right: auto;
	font-size: 13px;
	font-family: 'OpenSans-Regular';
	font-weight: 400;
	color: #0F172A;
	margin-top: 6px;
}

.ai_tab_content a {
  border: 1px solid #4484FF;
  padding: 4px;
  border-radius: 6px;
  position: relative;
  font-size: 13px;
  font-family: 'OpenSans-Regular';
  font-weight: 600;
  display: flex;
  flex-direction: column;
  color: #0057FF;
  display: block;
  word-wrap: break-word;
  max-width: 100%;
}

.ai_tab_content{
  margin-top: 10px;
}

.ai_tab_content img {
  width: 15px;
  margin-left: 6px;
  height: auto;
}

.ai_inputValidation{
	font-weight: 400;
    font-family: 'OpenSans-Regular';
    color: #000000;
}

div#ai_title {
    color: #F8FAFC;
    background-color: #334155;
    font-size: 12px;
    margin-top: 12px;
    padding: 6px 0px 6px 12px;
    border-radius: 8px 8px 0px 0px;
}
div#ai_codeSnippet {
    width: 85%;
    padding-left: 20px;
}

p.ai_content_title {
    color: #000000;
    font-weight: 600;
    font-family: 'OpenSans-Regular';
    padding-top: 12px;
}

p.ai_content_para{
	font-weight: 400;
    font-family: 'OpenSans-Regular';
	color: #000000;
}

.ai_code_snippet
{
	margin: 0 0 0px;
    font-size: 13px;
    color: #F8FAFC;
    background-color: #0F172A;
    font-family: 'CourierNew-Regular';
    font-weight: 700;
    line-height: 26px;
	padding-top:25px;
}
.ai_users_message {
	border: 2px solid #0057FF;
    padding: 12px 20px 12px 20px;
    border-radius: 8px 8px 0px 8px;
    overflow: hidden;
    position: relative;
	font-family: 'OpenSans';
    background-color: #0057FF;
	max-width: 85%;
	margin-left: auto;
    font-size: 14px;
    font-family: 'OpenSans-Regular';
    font-weight: 400;
    color: #F8FAFC;
	margin-bottom:20px;
}

.minimum .ai_users_message{
	max-width: 86%;
}

.ai_response, .ai_validationResponse {
	background-color: #F1F5F9;
	padding: 12px 20px 12px 20px;
	border-radius: 8px 8px 8px 0px;
	position: relative;
	margin-right: auto;
	margin-bottom: 12px;
	font-family: 'OpenSans-Regular';
	color: #0F172A;
	font-size: 14px;
	
}

.ai_feedbackresponse{
	color: #0F172A;
	font-family: 'OpenSans-Regular';
	position: relative;
	text-align: center;
	border: 2px solid #6CE9A6;
	padding: 10px 8px 10px 8px;
	border-radius: 8px;
	margin: 0 auto;
	display: none;
}
.ai_feedbackquestion{
	border: 1px solid #EFEFEF;
	background-color: #F1F5F999;
	padding: 12px 20px 12px 20px;
	margin-top: 12px;
	display: none;
	border-radius: 8px;
	padding-bottom: 43px;
}
.aifeedbackbuttons{
	display: flex;
	flex-direction: column;
}
	
#aifeedback_textbox{
	position: relative;
    top: 28px;
    border: 1px solid #CBD5E1;
    outline: none;
	height: 40px;
}

#aifeedback_textbox::placeholder{
	color: #64748B;
	font-size: 13px;
	font-family: 'OpenSans-Regular';
	font-weight: 400;
}

#aifeedback_submit{
	padding: 5px 3px;
    color: #0057FF;
    float: right;
    position: relative;
    top: 40px;
    text-align: end;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    font-family: 'OpenSans-Regular';
	border: none;
	width: fit-content;
	align-self: end;
	pointer-events: none;
	border: none;
	background-color: #F1F5F999;
	opacity: 0.5;
}
.aifeedbackbuttons > div {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	top: 4px;
}

.ai_feedbackbutton, .ai_feedbackbutton1 , .ai_feedbackbutton2, .ai_feedbackbutton3
{
	background-color: #FFFFFF;
    border: 1px solid #4484FF;
    color: #0057FF;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    position: relative;
	top: 12px;
    font-size: 12px;
	padding: 5px 16px;
    cursor: pointer;
    font-family: 'OpenSans-Regular';
	border-radius: 5px;
	width: fit-content;
	margin-bottom: 10px;
	margin-right: 10px;
}

#aichatrating
{
	font-family: 'OpenSans-Regular';
	font-weight: 600;
	color: #0F172A;
	font-size: 14px;
	width: auto;
}
.aichatrating-container {
display: flex;
justify-content: space-between;
align-items:baseline;
}
#ai_optional{
	color: #334155;
	font-family: 'OpenSans-Regular';
	font-size: 13px;
}
.ainetworkerrorwizrd,.aiservererrorwizrd{
	position: absolute;
    bottom: 16%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    margin: 0 auto;
	color: #0057FF;
	font-size: 16px;
	font-weight: 400;
	font-family: 'OpenSans-Regular';
	display: none;
}

.ainetworkerrorwizrd a,.aiservererrorwizrd a{
	text-decoration: none !important;
	color: #0057FF !important;
}

img#aireconnecingimg {
    width: 13px;
    position: relative;
    left: 6px;
}
p.aicheckinternet,p.aicheckserver{
	font-size: 12px;
	color: #64748B;
	font-family: 'OpenSans-Regular';
	font-weight: 400;
}
p.aicheckserver{
	width: 235px;
}

img#aichatcheckcircleiconimg
{
	float: left;
    position: relative;
	top: 3px;
}
.ai_componentscontent{
	position: relative;
	padding-bottom: 48px;
	margin: 0px 12px 12px;
}
  
.ai_tab{
	height: 13px;
    position: relative;
	top: 0px;
    left: 6px;
	cursor: pointer;
}

.ai_Copy {
	float: right;
	position: relative;
	padding: 2px 6px 6px 0px;
	border: none;
	right: 35px;
	background: 0 0;
	cursor: pointer;
}

.ai_response_title {
    color: #0F172A;
    font-weight: 600;
    padding-top: 10px;
    font-family: 'OpenSans-Regular';
}
.ai_loading {
	display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 10px 20px;
	width: 60px;
	background-color: #E2E8F0A6;
	border-radius: 8px 8px 8px 0px;
    overflow: hidden;
	  
  }

.dot-flashing {
	position: relative;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	background-color: #334155;
	color: #334155;
	animation: dot-flashing 1s infinite linear alternate;
	animation-delay: 0.5s;
  }
.dot-flashing::before, .dot-flashing::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
  }
.dot-flashing::before {
	left: -15px;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	background-color: #334155;
	color: #334155;
	animation: dot-flashing 1s infinite alternate;
	animation-delay: 0s;
  }
.dot-flashing::after {
	left: 15px;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	background-color: #334155;
	color: #334155;
	animation: dot-flashing 1s infinite alternate;
	animation-delay: 1s;
  }
  
@keyframes dot-flashing {
	0% {
	  background-color: #334155;
	}
	50%, 100% {
	  background-color: #94A3B8;
	}
  }
.ai_modal_dialog p{
	margin: 0px;
}

.minimize_post .ai_modal_dialog{
position: relative;
margin-left: auto !important;
}

.maximize_post .ai_modal_dialog{
	position: relative;
	margin: auto !important;
	padding: 0px 0px !important;
	width: 860px !important;
	top: 50% !important;
    transform: translateY(-50%) !important;
}
.ai_modal_body_area{
	flex-grow: 1 !important;
    overflow-y: auto; 
	margin: 6px;
	overflow-x: hidden;
    padding: 0px 8px;
    margin: 12px 10px 0px 0px;
	height: 60vh;
}

.ai_modal_body_area::-webkit-scrollbar, #ai_messageInput::-webkit-scrollbar {
	width: 8px;
	padding-right: 40px !important;
}

.ai_modal_body_area::-webkit-scrollbar-track-piece, #ai_messageInput::-webkit-scrollbar-track-piece{
	background-color: #ffffff !important; 
}

.ai_modal_body_area::-webkit-scrollbar-thumb, #ai_messageInput::-webkit-scrollbar-thumb {
	background-color: #C1C1C1 !important;
	border-radius: 50px; 
}
  
.ai_modal_body_area::-webkit-scrollbar-track , #ai_messageInput::-webkit-scrollbar-track
{
	background-color: #ffffff !important; 
}
  
.ai_modal_body_area::-webkit-scrollbar-corner, #ai_messageInput::-webkit-scrollbar-corner
{
	background-color: #ffffff !important;
}
.ai_modal_footer_area{
	padding: 0px 20px 20px;
}

.ai_typemessage{
	font-size: 13px;
	color: #0F172A !important;
	background-color: #F4F8FF !important;
	font-family: 'OpenSans-Regular' !important;
	font-weight: 400;
	outline: none;
	resize: none;
	height: 42px;
	border: 1px solid #CBD5E1 !important;
}

textarea#ai_messageInput {
	position: absolute;
	bottom: 12%;
	width: 91%;
	right: 15px;
	padding: 10px 26px 7px 14px;
	border-radius: 8px;
}
.thumbs-up-image{
	width: 22px;
	margin-right: 10px;
	cursor: pointer;
}
.thumbs-down-image{
	width: 22px;
	cursor: pointer;
	position: relative;
	right: 7px;
}
.thumbs-down-image_click{
	width: 22px;
    cursor: pointer;
    position: relative;
    left: 25px;
    top: -22px;
}
.thumbs_down_circle_image{
	width: 22px;
    cursor: pointer;
    position: relative;
    left: 25px;
    bottom: 22px;
	display: none;
}
.thumbs_up_circle_image{
	width: 22px;
    cursor: pointer;
    position: relative;
	bottom: 43px;
	display: none;
}
img#aichatfeedbackcloseiconimg {
    float: inline-end;
    position: relative;
	cursor: pointer;
	left: 8px;
	top: 1px;
}

.minimum img#aichatfeedbackcloseiconimg{
	left: 6px;
	top: -16px;
}


.ai_send_icon {
	position: fixed;
	bottom: 12.8%;
	right: 28px;
	width: 16px;
	height: 16px;
	background: url(//cdn.syncfusion.com/documentation/staging/images/documentationai/send_button.svg) no-repeat;
	background-position: center;
	background-size: cover;
	cursor: not-allowed;
	opacity: 0.3;
	pointer-events: none;
} 

.ai_send_icon.disabled {
    opacity: 0.5;
    pointer-events: none;
}

#release-notes-message {
	margin-top: 30px
}

#no-change {
	margin-top: 30px
}

.note-change {
	font-size: .88em!important;
	padding: 10px 17px 14px;
	margin-bottom: 1.5em;
	background-color: #efd9fd;
}

#rightsidetoc code {
	text-transform: capitalize;
	font-style: italic
}

h2 code {
	text-transform: capitalize;
	background-color: #337ab7;
	color: #fff;
	padding: .2em .6em;
	font-size: 14px;
	vertical-align: middle;
	font-weight: normal
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-weight: 600!important
}

h1,
.h1 {
	font-size: 32px;
	line-height: 40px;
}

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

h4,
.h4 {
	font-size: 20px
}

h5,
.h5 {
	font-size: 18px;
	margin-top: 2em
}

h6,
.h6 {
	font-size: 16px;
	margin-top: 2.4em
}

.post .post-content h1 {
	font-weight: 500;
	margin-top: .3em;
	margin-bottom: 20px
}

.post .post-content h2 {
	font-weight: 500;
	margin-bottom: .6em;
	margin-top: 1.5em;
	padding-bottom: 13px;
}

.post .post-content h3 {
	margin-top: 1.6em;
	margin-bottom: .8em;
	font-size: 18px;
	line-height: 27px;
}

.post .post-content h4 {
	margin-top: 2em;
	margin-bottom: .8em
}

.post .post-content h5,
h6 {
	margin-bottom: .8em!important
}

.h5,
.h6 {
	margin-bottom: .8em!important
}

.post .post-content p {
	margin-bottom: 1.3em
}

.post .post-content pre {
	border-radius: 0!important;
	margin-bottom: 1.25em;
	border: 1px solid #e8e8e8;
	padding: .88em 1.13em;
	white-space: normal;
	margin-top: 0px;
	font-size: 14px;
    line-height: 24px;
	overflow-x: auto;
	overflow-y: auto;
	max-height: 40vh;
	background-color: #f2f2f2;
	word-break:break-word;
}

pre code{
	white-space: pre !important;
}

pre::-webkit-scrollbar {
  height: 4px;
  }

pre::-webkit-scrollbar-button {
	width: 0;
}

pre::-webkit-scrollbar-corner {
    background-color: #e6e6e6;
}

pre:hover::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

pre:hover::-webkit-scrollbar-thumb {
  background-color: #A9A9A9; 
}

.post .post-content img {
	margin: 1.25em 0;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.post .post-content img {
	max-height: 550px;
	max-width: 100%;
}

.post .post-content table tr td img {
    max-height: 300px;
}

.post .post-content figure figcaption {
	color: #656565;
	margin-top: .5em;
	font-style: italic;
	text-align: left;
	font-size: .82em
}

.post .post-content .highlight {
	margin-bottom: 15px;
	margin-bottom: 25px
}

.release-notes-info {
	margin-left: 0
}

.release-notes-info .label-primary {
	margin-right: 10px
}

.release-notes-info .label .fa {
	padding-right: 5px
}

.copy-code {
	color: #0079F3;
	background: none;
	border: 0px solid #ddd;
	margin-left: -30px;
	padding: 0 15px 0 0;
	outline: none
}

.fa-copy:before, .fa-files-o:before {
	content: "\f0c5";
	font-size: 14px!important;
	font-family: FontAwesome;
	font-style: normal;
}

.post blockquote.notes .info-header::before {
    content: "";
    background: url("//cdn.syncfusion.com/documentation/images/doc-alert-icon.png") no-repeat;
	background-size: 17px;
    background-position: 1px 5px !important;
    width: 22px;
	
}
.post blockquote.important .info-header::before {
    content: "";
    background: url("//cdn.syncfusion.com/documentation/images/doc-alert-icon.png") no-repeat;
	background-size: 17px;
    background-position: 1px 5px !important;
    width: 22px;
}

.run-code {
	background: #efefef;
	border: 1px solid #ddd;
	margin-bottom: -31px;
	margin-right: 35px;
	outline: none
}

.download-code {
	background: #efefef;
	border: 1px solid #ddd;
	outline: none;
	width: 24px;
	height: 20px;
	margin-left: -80px
}

.download-code img {
	width: 16px;
	height: 13px;
	margin-top: 3px!important;
	margin-left: 3px!important
}

.post .post-content ul li,
.post .post-content ol li {
	margin-bottom: 10px
}

.post .post-content .caption {
	border: 0 none!important;
	text-align: center;
	color: #656565;
	font-size: 12px!important;
	font-style: italic;
	margin-bottom: 25px;
	padding: 0
}

.post blockquote,
.post blockquote.notes {
	font-size: .88em!important;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
	border: 1px solid #efd9fd;
	line-height: 1.58em;
	background: #efd9fd;
	border-radius: 4px;
	padding: 20px 30px;
	word-break: break-word;
}

.post blockquote .info-header,
.post blockquote.notes .info-header {
	font-size: 16px!important;
	font-weight: 600;
	padding-bottom: 3px;
	display: flex;
}

.post blockquote .info-header,
.post blockquote.notes .info-header {
	color: #3b2e58;
	margin-bottom: 16px !important;
}

.post blockquote.error {
	background-color: #fde7e9;
	border: 1px solid #fde7e9;
}

.post blockquote.error .info-header::before {
	content: "";
    background: url("//cdn.syncfusion.com/documentation/images/doc-error-icon.png") no-repeat;
	background-size: 17px;
    background-position: 1px 5px !important;
    width: 22px;
}

.post blockquote.error .info-header {
	color: #470001;
}

.post blockquote.warning {
	background-color: #fff4ce;
	border: 1px solid #fff4ce;
}
.post blockquote.warning .info-header::before {
	content: "";
    background: url("//cdn.syncfusion.com/documentation/images/doc-warning-icon.png") no-repeat;
	background-size: 17px;
    background-position: 1px 5px !important;
    width: 22px;
	
}
.post blockquote.warning .info-header {
	color: #7f6230;
}

.post blockquote.important {
	background-color: #d7eaf8;
	border: 1px solid #d7eaf8
}

.post blockquote.important .info-header {
font-size: 14px;
color: #004173;
text-align: left;
 line-height: 20px;
}

.post blockquote.tips {
	background-color: #dff6dd;
	border: 1px solid #dff6dd;
}

.post blockquote.tips .info-header::before {
	content: "";
    background: url("//cdn.syncfusion.com/documentation/images/doc-tips-icon.png") no-repeat;
	background-size: 17px;
    background-position: 1px 5px !important;
    width: 22px;
	
}


.post blockquote.tips .info-header {
	color: #074d18;
}

.post blockquote ul,
.post blockquote ol {
	font-size: 14px!important;
	margin-bottom: 0!important;
    text-align: left;
    line-height: 160% !important;
}

.post blockquote p {
	font-size: 16px!important;
	margin-bottom: 0!important;
    text-align: left;
    line-height: 160% !important;
	display: inline-block;
}

.e-treeview .e-item {
	padding: 0 0 2px 16px
}

.left-toc {
	background: #f5f5f7 url(//cdn.syncfusion.com/documentation/images/left-toc-waiting.gif) no-repeat scroll center center;
	border-right: 1px solid #e7e7e7;
	background-color: #FFFFFF;
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
	left: 0;
	overflow-y: scroll;
	padding-left: 0px;
	position: fixed;
	top: 0;
	white-space: normal;
	width: 18%;
	z-index:5;
	bottom: 0
}

.left-toc.collapse.show {
    display: block !important;
}

.left-toc .e-treeview .e-item .e-text,	
.left-toc .e-treeview .e-item {
	position: relative;
	color: #22252A;
	text-indent: 0px;
	white-space: normal;
	font-size: 14px!important;
	border: 0 none;
	margin-left: 15px!important;
	padding: 3px 3px 1px;
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
	background-color: #FFFFFF;
	line-height: 183%;
	min-width: 90%;
}

.left-toc .e-treeview .e-treeview-ul .e-item .e-text,
.left-toc .e-treeview .e-treeview-ul .e-item .e-text:hover {
	color: #252525 !important;
	font-size: 14px!important;
	font-weight: 400;
	border: 0 none;
	margin-left: 10px;
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
}

.e-treeview .e-active,
.e-treeview .e-active:hover {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
	border: 0 none;
	color: #252525!important;
	margin-left: 20px;
}

.left-toc .e-treeview .e-treeview-ul .e-item .node-selected,
.left-toc .e-treeview .e-item .node-selected {
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #0079F3!important;
	outline: medium none;
	font-weight: 500;
	background-color: #EFF6FF !important;
	border-radius: 4px;
}

.left-toc .e-item {
	margin-bottom: 2px
}

.left-toc .e-treeview .e-item .e-node-hover,
.left-toc .e-treeview .e-treeview-ul .e-item {
	background: none!important;
	border: 0!important;
}

.e-treeview .e-item {
	line-height: 15px;
	cursor: pointer;
	margin: 0px;
}

.left-toc .e-treeview .e-treeview-ul .e-item .e-text:hover,
.left-toc .e-treeview .e-item .e-node-hover,
.left-toc .e-treeview .e-treeview-ul .e-item:hover {
	/*color: #0073DC;
	margin-left: 4px;*/
	color: #0079F3!important;
}

.left-toc .e-treeview .e-treeview-ul .e-item .node-selected:hover,
.left-toc .e-treeview .e-item .node-selected:hover {
	/*background-color: #507994!important;
	color: #fff;*/
	font-weight: 500;
}

.e-icon.e-plus::before,
.e-icon.e-minus::before {
	content: none!important
}

/*.e-treeview .e-icon {
	background-image: url(//cdn.syncfusion.com/documentation/images/doc-sprite.png);
	margin-top: 4px;
	margin-left: 4px;

	/*height: 10px;
	width: 14px
}*/

.e-treeview>li:first-child {
	padding-top: 70px!important
}

.e-treeview .e-plus {
	background-image: url(//cdn.syncfusion.com/documentation/images/doc-expand.png);
	background-position: right center;
	position: absolute;
	margin-top: 13px;
	margin-left: 2px;
	height: 8px !important;
    width: 9px !important;
}

.e-treeview .e-minus {
    background-image: url(//cdn.syncfusion.com/documentation/images/doc-collapse.png);
	background-position: center;
	position: absolute;
	margin-left: 0px;
	margin-top: 13px;
	height: 8px !important;
    width: 8px !important;
}

.e-treeview .e-treeview-ul .e-plus {
	background-image: url(//cdn.syncfusion.com/documentation/images/doc-expand.png);
	position: absolute;
	left: 0;
	margin-top: 14px;
	margin-left: 5px;
	height: 8px !important;
    width: 9px !important;
}

.e-treeview .e-treeview-ul .e-minus {
	background-image: url(//cdn.syncfusion.com/documentation/images/doc-collapse.png);
	position: absolute;
	left: 0;
	margin-top: 13px;
	height: 8px !important;
    width: 8px !important;
}

.loadingpopup {
	background: #f5f5f7 url(//cdn.syncfusion.com/content/images/documentation/api-reference/SideArrow1.png) no-repeat scroll center center;
	width: 100px;
	height: 80px;
	display: none
}

footer .feedback-section .feedback-part {
	padding-bottom: 32px;
	width: 707px;
	height: 12px;
	margin-bottom: 45px;
	margin-top: 23px;
}

footer .feedback-section .feedback-part .feedback-ques {
	padding-left: 305px;
	margin-top: -15px;
	font-size: 14px;
	color: #22252A
}

footer .feedback-section .feedback-part .feedback-ques #feedback-up {
	width: 30px!important
}

#feedback-up:before { content: "";
    display: inline-block;
    background-image: url("//cdn.syncfusion.com/documentation/images/doc-tick.png") !important;
	background-repeat: no-repeat !important;
    width: 15px;
    height: 11px;
	color: #22252A;
}

#feedback-down:before { content: "";
    display: inline-block;
    background-image: url("//cdn.syncfusion.com/documentation/images/doc-close.png") !important;
	background-repeat: no-repeat !important;
    width: 15px;
    height: 11px;
	color: #22252A;
}

footer .feedback-section .feedback-ques .feedback {
	background: #FFFFFF;
	cursor: pointer;
	margin-left: 10px;
	margin-right: 5px;
	padding: 5px 10px;
	text-align: center;
	width: 40px;
	font-size: 13px;
	border-radius: 4px;
	border: 1px solid #C5C5C5;
}

footer .feedback-section .feedback-ques .feedback:hover {

}

footer .feedback-section .feedback-part .feedback-up-response {
	display: none;
	color: #268c5b;
	padding-left: 306px;
	margin-top: -20px;
	font-size: 14px
}

footer .feedback-section .feedback-part .feedback-confirmation {
	display: none;
	color: #268c5b;
	padding-left: 305px;
	margin-top: -32px!important;
	font-size: 14px
}

footer .feedback-section .feedback-part .feedback-error {
	display: none;
	color: #d84d4d;
	padding-left: 332px;
	margin-top: -33px;
	font-size: 14px
}

.post .feedback-down-response {
	display: none;
	color: #1A1A1A;
	border: 1px solid #e7e7e7;
	width: 100%;
	margin-top: 50px;
	padding-left: 40px;
	padding-top: 25px;
	margin-bottom: 45px;
	font-size: 18px;
	font-weight: lighter;
	background-color: #f7f7f7;
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-weight: 500;
    text-transform: uppercase;
}

.post .feedback-down-response #checkboxes {
	color: #1A1A1A;
	margin-top: 23px;
	font-size: 3px!important;
	text-transform: none;
}

.post .feedback-down-response #checkboxes label {
	margin-top: 10px!important;
	margin-left: 10px!important;
	font-weight: normal!important;
	cursor: pointer;
	font-size: 16px;
	text-transform: none;
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif !important;
}

.post .feedback-down-response #checkboxes .label-three {
	margin-left: 13px
}

.post .feedback-down-response #checkboxes .label-four {
	margin-left: 11px
}

input[type="checkbox"] {
	color: #fff!important
}

input[type="checkbox"]:checked {
	color: #428bca!important
}

.post .button {
	padding-top: 36px;
	margin-bottom: 26px
}

.post #submitButton {
	margin-top: 2px;
	cursor: pointer;
	background-color: #428bca;
	color: #fff;
	float: left;
	font-size: 13px;
}

.post .hide {
	display: none
}

.post .disabledButton {
	cursor: not-allowed!important;
	pointer-events: all!important;
	opacity: .4;
	background-color: #428bca!important
}

.post #submitButton:hover {
	background-color: #3071a9
}

.post #skipButton {
	margin-left: 17px;
	font-size: 13px;
	cursor: pointer;
	color: white;
	background-color: #555555;
	border: 1px solid #ccc;
}

.post #skipButton:hover {
	background-color: #666666;
    border: 1px solid #ccc !important;
    outline: none !important;
}

.post .information {
	font-size: 15px;
	width: 65%;
	margin-top: -33px;
	margin-left: 21px;
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif !important;
    text-transform: none;
	font-weight:normal;
}

.post .emailcheckbox {
	margin-top: 8px
}

.post .mail {
	width: 65%;
	margin-top: 14px
}

.post #commentone,
#commenttwo,
#commentthree,
#commentfour,
#commentfive,
#commentsix {
	width: 65%
}

.post .error-messageone,
.error-messagetwo,
.error-messagethree,
.error-messagefour,
.error-messagefive,
.error-messagesix,
#email-error-message {
	display: none;
	color: #d84d4d;
	font-size: 12px;
	padding-left: 4px
}

.api {
	position: absolute;
	right: 0;
	width: 80%
}

.api+.post .post-content p {
	margin-bottom: 15px
}

.api+.post .post-content li p {
	margin-bottom: 10px
}

.api+.post .post-content h4 {
	margin-top: 35px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ebecee
}

.help-content.api+.post .post-content ul,
.api+.post .post-content ol {
	margin-bottom: 15px
}

.api+.post .post-content .param {
	margin-bottom: 7px;
	float: left;
	margin-right: 12px;
	font-size: 14px;
	font-weight: 600
}

.api+.post .post-content .param+ul {
	list-style-type: none;
	font-size: 14px
}

.api+.post .post-content h3 {
	color: #416187
}

.api+.post .post-content .example {
	color: #656565;
	margin-bottom: 4px;
	font-size: .82em;
	font-style: italic;
	margin-top: .5em;
	text-align: left
}

h3 .type-signature {
	border-radius: 3px!important;
	color: #fff;
	font-size: 14px;
	margin-left: 10px;
	padding: 2px 4px;
	background-color: #808080
}

h3 .type-signature a {
	color: #fff!important;
	text-decoration: none
}

h3 .boolean {
	background: none repeat scroll 0 0 #59a57a!important
}

h3 .string {
	background-color: #808080
}

.support .btn-contact-support {
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	padding: 7px 9px !important;
	right: 0;
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
	text-align: center;
	background-color: #0079F3 !important;
	color: #FFFFFF;
	text-transform: none !important;
	background-repeat: no-repeat !important;
	margin-top: 35px;
	font-weight: 500;
}

.btn-contact-support:hover {
	cursor: pointer;
}

#boldsign-ad{
	cursor: pointer;
}

.support {
	margin-top: 30px;
}

.support .info-content {
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-weight: 500;
    font-size: 14px;
    color: #22252A;
    text-align: left;
	text-transform: none !important;
	line-height: 21px;
}

.rightsidetoc-title{
    display: inline-flex;
	position: relative;
} 
.rightsidetoc-title-heading{
   margin-left: 2px;
}
.rightsidetoc-title-icon{
    background: url("//cdn.syncfusion.com/documentation/images/rightsidetoc-title-icon.png") no-repeat ;
    display: block;
    width: 20px;
    margin-top: 6px;
} 

.minimize_post #rightsidetoc {
	background-color: #ffffff;
	float: right;
	font-family: Segoe UI, SegoeUI, Helvetica Neue, Helvetica, Arial, sans-serif;
	padding: 20px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	right: 0;
	top: 0% !important;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	width: 26%;
}

/* #rightsidetoc {
	background-color: #ffffff;
	float: right;
	font-family: Segoe UI, SegoeUI, Helvetica Neue, Helvetica, Arial, sans-serif;
	padding: 20px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	right: 0;
	top: 0% !important;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
} */

.maximize_post #rightsidetoc{
	background-color: #ffffff;
	float: right;
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
	padding: 40px 30px 10px;
	width: 20%;
	height: 100%;
	margin: -21px 0 22px 30px;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
	right: 0;
	top: 120px !important;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	/*border-left: 1px solid #e7e7e7*/
}

#rightsidetoc a {
	font-size: 14px;
	color: #50565F;
	text-decoration: none;
}

#rightsidetoc ol {
	padding-left: 0px;
	font-weight: 400;
	font-size: 13px;
	list-style-type: none;
	text-transform: none !important;
}

#rightsidetoc ol ol {
	padding-left: 25px !important; 
}

#rightsidetoc ol li {
	line-height:183%;
	/*word-break: break-word;
	text-indent: -5px;
	padding-left: 5px*/
	padding-top:10px;
}

  /* #rightsidetoc ol li.active { 
     border-left: 2px solid #0073dc;  
	padding-left: 28px;
	margin-left: -30px
}

 #rightsidetoc ol ol li.active { 
	 border-left: 2px solid #0073dc;  
	padding-left: 52px;
	margin-left: -55px
}   */

#rightsidetoc ol li.active a {
	color: #0073DC;  
	/*border-left: 2px solid #0073dc; */
	padding-left: 30px;
	margin-left: -30px;
}

#rightsidetoc ol ol li.active a {
	color: #0073DC !important; 
	/*border-left: 2px solid #0073dc*/; 
	padding-left: 55px !important; 
	margin-left: -55px !important; 
}

#h3Tags a{
	color: #50565F !important;
	border-left: none !important; 
	padding-left: 30px !important; 
}

#rightsidetoc a:hover {
	text-decoration: none;
	color: #7b7979f0
}

.post .post-content table {
	border-collapse: collapse;
	border-spacing: 0;
	/*margin-top: 1.25em;*/
	max-width: 950px;
	margin-bottom: 1.58em;
	table-layout: fixed;
	line-height: 1.375em;
	word-break:break-word;
	width:100%;
}

.post .post-content table tr th {
	background: none repeat scroll 0 0 #f3f5f7;
	text-align: left;
	padding: .313em .65em;
	border: 1px solid #ccc ; 
	font-weight: 500;
}

.post .post-content table tr td {
	border: 1px solid #ccc;
	color: #252525;
	padding: .313em .65em
}

.post .post-content td a {
	color: #0079F3
}

table td p {
	display: inline-block;
	margin-bottom: 0!important
}

#breadcrumb {
	left: 0;
	padding-left: 20%;
	margin-top: 0;
	position: fixed;
	width: 100%;
	background-color: #f5f5f7;
	border-bottom: 1px solid #e7e7e7;
	z-index: 4;
}

.breadcrumb {
	position: relative;
	top: 10px;
	background-color: #f5f5f7!important;
	float: left;
	font-size: 14px;
	margin-bottom: 0;
	white-space: nowrap;
	display: ruby !important;
}

.breadcrumb li:not([data-text^="ej"]) {
	text-transform: capitalize
}

.breadcrumb>li+li:before{
	padding: 0px 5px;
	color: #ccc;
    content: "/\00a0";
}
.right-breadcrumb{
	display: flex;
    flex-direction: row-reverse;
	position: relative;
	right: 10px;
}

.right-breadcrumb a{
	text-decoration: none;
}

#sharing-menu {
	    left: 830px !important;
	    left: 830px !important;
		min-width: 130px !important; 
		top: 40px !important; 
		list-style:none;
}

.sharing {
	list-style: none;
    margin-left: -25px;
}

.ug-download {
	padding: 8px 0;
	width: 75px;
	position: relative;
	right: 20px;
}

.ug-share {
	float: right;
    padding: 8px 12px;
    width: 95px;
}

.share-link:hover {
	text-decoration: none
}

.ug-feedback {
    padding: 8px 10px;
	margin-right: 15px;
}

.feedback-link:hover {
	text-decoration: none
}

.ug-bookmark {
	float: right;
    padding: 8px 12px;
    width: 125px;
}

.bookmark-link:hover {
	text-decoration: none
}

.download {
	padding-bottom: 5px;
	padding-right: 7px
}

.download-link {
	color: #428bca;
}

.download-link:hover {
	text-decoration: none
}

.e-treeview-wrap {
	overflow: inherit!important
}

.e-treeview-wrap>.e-ul {
	height: inherit!important;
	overflow: auto!important
}

.help-content .post .post-content a code {
	color: #0079F3!important
}

.help-content .post .post-content a code:hover {
	color: #2a6496!important;
	text-decoration: underline!important
}

#retired-product-information-message {
	display: none;
	position: absolute;
	opacity: .85;
	width: 100%;
	z-index: 1025;
	background-color: #fff7d7;
	border-bottom: 1px solid #eada96;
	margin-top: 0;
	margin-left: -15px
}

.gcsc-more-maybe-branding-root {
	display: none
}

.gs-image {
	display: none
}

.post .post-content b,strong {
	font-weight: 500;
}
.search-mobile{
	display: none !important;
}

/* Tab container styling */
.tabcontents {
	margin: 20px 0;
}

.tabcontents li{
	margin-bottom: 9px !important;
}

.tabcontent-links {
    list-style: none;
    padding: 0;
    display: flex;
	gap: 0px;
	margin-bottom: 0px;	
}

.tabcontent-links a {
    padding: 12px 20px; /* Padding for tabs */
    text-decoration: none;
    font-family: Segoe UI, SegoeUI, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
	border-style: solid;
	color: #3D434C;
	border-radius: 10px 10px 0px 0px;
	border: none;
}

.tabcontent-links a.active {
	background-color:#F8FAFECC;
    color: #0057FF;	;
    font-weight: 600;
	border: 1px solid #D1D6E0;
    border-bottom: none;
}

.tabcontent-links a:hover{
	text-decoration: none;
}

.tabcontent-panels {
	background-color: #F8FAFECC;
    padding: 15px 20px 10px;
	border: 1px solid #D1D6E0;
	margin-top: -1px;
}

.tabcontent-panel {
	display: none;
}

.tabcontent-panel h2{
	margin-top: 0px !important;
}

.tabcontent-panel.active {
	display: block;
}

@media (max-width: 778px) {
    .tabcontent-links a {
        font-size: 14px;
        padding: 12px 15px;
    }
}

@media (max-width: 480px) {
	.tabcontents {
        white-space: nowrap; 
        display: block;
		overflow-x: auto;
		padding-top: 10px;
    }
	.tabcontents::-webkit-scrollbar {
        height: 6px;
    }

    .tabcontent-panel {
        word-wrap: break-word;
    }

	.tabcontent-panels {
        width: fit-content;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#retired-product-information-message {
		margin-top: -25px
	}
	#breadcrumb {
		margin-top: 0
	}
	.post {
    font-size: 16px!important
	}
	
}

@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop,
	#retired-product-information-message {
		margin-top: -25px
	}
	*::-ms-backdrop,
	#breadcrumb {
		margin-top: -25px
	}
	.post {
    font-size: 14px!important
	}
}

#retired-product-information-message .container {
	width: 1190px
}

#retired-product-information-message .information_close_icon {
	background: url(//cdn.syncfusion.com/documentation/images/doc-sprite.png) no-repeat;
	cursor: pointer;
	height: 20px;
	width: 20px;
	background-position: -10px -79px;
	margin-left: 1310px;
	margin-top: -45px
}

#retired-product-information-message .common-message {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 100px
}

.container-fluid #content {
	background-image: linear-gradient(90deg, #8200d6 0%, #0047c6 100%);
	border: 1px solid #756aea 1px;
	width: 58%;
	border-radius: 5px;
	height: 78px;
	left: 340px;
	position: relative
}

.container-fluid .message {
	margin: 56px 8px;
	width: 70%;
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif !important;
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	padding-top: 16px;
	padding-left: 13px
}

.deprecated-message .switch-btn .switch-button {
	background: #fae000;
	box-shadow: 0 6px 8px 0 rgba(0, 32, 92, .49);
	height: 33px;
	border-radius: 20px;
	margin-top: -215px;
	margin-left: 660px;
	padding: 6px 25px;
	font-family: helvetica;
	color: #000;
	font-weight: 400
}

.deprecated-message .switch-btn .switch-button:hover {
	opacity: .9
}

#EJ2Modal {
	background: rgba(255, 255, 255, .8);
	padding: 0;
	font-family: helvetica
}

#EJ2Modal .ej2-dialog {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

#EJ2Modal .ej2-modal-content {
	background: #013;
	box-shadow: 0 2px 25px 0 rgba(4, 19, 50, .49);
	border-radius: 8px
}

#EJ2Modal .ej2-modal-content .close {
	padding-right: 15px;
	padding-top: 10px;
	font-size: 25px;
	font-weight: 500;
	color: #fff;
	opacity: .6;
	float: right;
	background: 0 0;
    border: 0;
}

#EJ2Modal .ej2-modal-content .close:focus {
	outline: none
}

#EJ2Modal .ej2-modal-content .close:hover {
	opacity: 1
}

#EJ2Modal .ej2-modal-content .modal-body {
	margin-top: 30px;
	padding-bottom: 5px
}

#EJ2Modal .ej2-modal-content .modal-body .ej2-image {
	margin-left: auto;
	margin-right: auto;
	width: 190px
}

#EJ2Modal .ej2-modal-content .modal-body .ej2-message {
	font-size: 14px;
	color: #fff;
	letter-spacing: 0;
	text-align: left !important;
	line-height: 22px;
	padding: 13px 20px 13px 20px
}

#EJ2Modal .ej2-modal-content .modal-footer {
	padding-top: 0;
	text-align: center;
	border-top: none
}

#EJ2Modal .ej2-modal-content .modal-footer .modal-switch-button {
	background: #006af1;
	border-radius: 4.27px;
	padding: 15px 25px;
	margin-bottom: 20px;
	font-weight: 400
}

#EJ2Modal .ej2-modal-content .modal-footer .modal-switch-button .essential-js-btn {
	font-size: 14px;
	color: #fff;
	letter-spacing: 0;
	text-align: center
}

#EJ2Modal .ej2-modal-content .modal-footer .modal-switch-button:hover {
	opacity: .9
}

#EJ2Modal .ej2-modal-content .modal-footer .no-thanks-btn {
	display: block;
	font-size: 13px;
	text-decoration: underline;
	color: #fff;
	margin-bottom: 10px
}

#EJ2Modal .ej2-modal-content .modal-footer .no-thanks-btn:focus {
	outline: none
}

#EJ2Modal .ej2-modal-content .modal-footer .no-thanks-btn:hover {
	opacity: .5
}

@media(max-width:992px) and (min-width:601px) {
	#EJ2Modal .ej2-dialog {
		max-width: 70%
	}
}

@media(max-width:992px){
	.ai_bordered_container{
		padding: 12px;
	}
	.ai_components{
		padding: 8px 12px 8px 12px;
	}
	.ai_response, .ai_validationResponse{
		padding: 12px 16px 12px 16px;
	}
	.maximize_post #rightsidetoc{
		padding: 40px 18px 10px;
	}
	.support .btn-contact-support{
		font-size: 12px !important;
	}
}

@media(min-width:1024px){
	#rightsidetoc{
		display: block;
	}
	
}

@media(max-width:1024px){
	.left-toc .e-treeview .e-item .e-text,	
	.left-toc .e-treeview .e-item {
		margin-left: 12px!important;
		padding-top: 4px;
	}
	.e-treeview .e-plus{
	  margin-top: 14px;
	}
	.post .post-content{
	  padding-left: 20px;
	  padding-right: 20px !important;
	}
	.post .post-content h1{
	  font-size: 23px;
	}
	.post .post-content h2{
	  font-size: 20px;
	}
	.post .post-content h2{
	  font-size: 20px;
	}
	.post .post-content h2{
	  font-size: 20px;
	}
	.breadcrumb {
	  top: 0px;
	  padding: 8px 0px 8px 28px !important;
    }
	.minimize_post{
		width: 70% !important;
	}
	#rightside_aichatbox{
		width: 30% !important;
	}
	.ai_feedbackbutton, .ai_feedbackbutton1, .ai_feedbackbutton2, .ai_feedbackbutton3{
		padding: 5px 6px;
	}
	#aichatcloseiconimg{
		right: 0px;
	}
	#rightsidetoc{
		display: none;
	}
	/* .minimize_post #right-toc-closebtn{
		right: -2% !important;
	} */
	.minimize_post .post-content{
		width: 100%;
	}
}

@media(max-width:767px){
	#EJ2Modal .ej2-dialog {
		left: 50%;
		width: 97%
	}
	.dropdown .btn{
		margin-top: 5px;
		margin-right: 20px;
	}
	.ai_modal_content {
		margin: auto;
		display: block;
		height: auto;
		max-width: auto !important;
	}
	div#ai_codeSnippet {
		width: auto;
		padding-left: 0px;
	}
	#rightside_aichatbox{
		width: 90% !important;
		right: 5%;
		box-shadow: 0 6px 10px 2px rgba(16,24,40,.08),0 2px 4px 0 rgba(16,24,40,.08),0 0 41px 29px rgba(16,24,40,.06);
		height: 90%;
		z-index: 1;
	}
	.ai_fixed_icon_container{
		bottom: 10px;
		right: 40px;
	}
	textarea#ai_messageInput{
		bottom: 3%;
	}
	.ai_modal_header
	{
		box-shadow: 0 6px 10px 2px rgb(16 24 16 / 0%);
	}
	.ai_send_icon{
		position: fixed;
		right: 9%;
		z-index: 9999;
		bottom: 13.4%;
	}
}

@media(min-width:768px){
	.ai_modal_content{
		box-shadow: 2px 0px 9px 0px rgba(0, 0, 0, 0.08) inset;
	}
}

@media(max-width:600px)
{
	.ai_tab{
		float: none;
		top: 0px;
	}
	.ai_modal_footer_area{
		padding : 0px 20px 15px 20px;
	}
	.ai_send_icon{
		right: 11%;
	}
}

@media(max-width:502px){
	#aichatrating{
		font-size: 13px;
	}
}

@media(max-width:600px) and (min-width:400px) {
	#EJ2Modal .ej2-dialog {
		width: 370px
	}
}

@media(max-width:425px) {
	#EJ2Modal .ej2-modal-content .modal-body .ej2-message {
		padding: 0
	}
	#EJ2Modal .ej2-modal-content .modal-body{
	    margin-top: 35px;
	}
	.breadcrumb{
		/* width: 40%; */
	}
	.ai_modal_body_area{
		margin: 10px 6px 0px;
	}
	.ai_users_message{
		max-width: 85%;
	}
	.ai_bordered_container{
		padding: 12px;
	}
	.ai_feedbackresponse{
		width: auto !important;
	}
}

@media(max-width:1023px){
	.breadcrumb{
		display: ruby !important;
		width: 40%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media(max-width:399px) {
	#EJ2Modal .ej2-dialog {
		width: 330px
	}
	.ai_modal_header{
		padding: 8px;
	}
	.ai_modal_title{
		font-size: 13px;
	}
	.ai_documentationcontent{
		font-size: 13px;
	}
	.ai_components{
		font-size: 11px;
	}
	.ai_users_message{
		font-size: 12px;
	}
	.ai_response{
		font-size: 12px;
	}
	.ai_tab_content{
		font-size: 11px;
	}
	#aichatcloseiconimg{
		right: 18px;
	}
	#aichatreseticonimg{
		left: 11px;
	}
}
@media(max-width:375px) {
	.ai_components{
		padding: 12px;
	}
	.ai_users_message{
		max-width: 90%;
	}
	.ai_send_icon{
	right: 13%;
}
}

@media(max-width:410px) {
	.buttonContent{
		display: block !important;
	}
	.stackblitz-button{
		margin-left: 0px !important;
		margin-top: 10px;
	}
}

@media(max-width:569px) and (min-width:320px) {
	.container-fluid #content {
		width: 104%;
		height: 120px;
		left: -9px;
		top: -27px
	}
	.container-fluid .message {
		width: 91%;
		padding: 10px 0px 0px 10px;
		font-size: 12px;
		margin: 70px 8px !important;
	}
	.deprecated-message .switch-btn .switch-button {
		margin-top: -130px;
		margin-left: 17px;
		padding: 6px 11px;
		font-size: 12px;
		height: 28px;
	}
}

@media(max-width:600px) and (min-width:570px) {
	.container-fluid #content {
		width: 97%;
		height: 110px;
		left: 3px;
		top: -27px
	}
	.container-fluid .message {
		width: 91%;
		padding: 10px 0px 0px 10px;
		margin: 70px 8px !important;
	}
	.deprecated-message .switch-btn .switch-button {
		margin-top: -119px;
		margin-left: 17px;
		padding: 6px 15px;
	}
}

@media(max-width:767px) and (min-width:601px) {
	.deprecated-message .switch-btn .switch-button {
		margin-top: -119px;
		margin-left: 17px;
		padding: 6px 15px;
	}
	.container-fluid .message {
		width: 89%;
		padding: 10px 0px 0px 10px;
		margin: 70px 8px !important;
	}
	.container-fluid #content {
		width: 97%;
		height: 113px;
		left: 3px;
		top: -27px
	}
}

@media(min-width:768px) and (max-width:849px) {
	.container-fluid #content {
		width: 71%;
		height: 107px;
		left: 203px;
		top: -22px
	}
	.container-fluid .message {
		width: 90%;
		padding: 10px 0px 0px 10px;
		margin: 70px 8px !important;
	}
	.deprecated-message .switch-btn .switch-button {
		margin-top: -124px;
		margin-left: 17px;
		padding: 6px 15px;
	}
	.right-breadcrumb{
		display: none;
	}
	.syncfusion-menu .search{
		width: 390px;
    }
	.syncfusion-menu .desktop-icon{
		margin-left: 29%;
	}
	.preview-sample-button{
		width: 150px !important;
		background-size: 15px !important;
		background-position: 15px !important;
		padding-left: 30px !important;
	}
	.stackblitz-button{
		width: 150px !important;
		padding: 8px 10px !important;
	}
	
}

@media(min-width:849px) and (max-width:885px) {
	.container-fluid #content {
		width: 72%;
		height: 110px;
		left: 235px;
		top: -21px
	}
	.container-fluid .message {
		width: 95%;
		margin: 70px 8px !important;
	}
	.deprecated-message .switch-btn .switch-button {
		margin-top: -128px;
		margin-left: 17px;
		padding: 6px 15px;
	}
	.breadcrumb{
	/* width: 62% !important; */
	}
}

@media(min-width:886px) and (max-width:990px) {
	.container-fluid #content {
		left: 244px;
		width: 72%;
		height: 107px;
		top: -21px
	}
	.container-fluid .message {
		width: 97%;
		margin: 70px 8px !important;
	}
	.deprecated-message .switch-btn .switch-button {
		margin-top: -130px;
		margin-left: 21px;
		padding: 6px 15px;
	}
}

@media(min-width:1024px) and (max-width:1151px) {
	.container-fluid #content {
	width: 41%;
    height: 100px;
    left: 242px;
    top: -19px;		
	}
	.container-fluid .message {
		width: 93%;
		padding: 10px 0px 0px 10px;
		margin: 70px 8px !important;
	}
	.deprecated-message .switch-btn .switch-button {
		margin-top: -176px;
		margin-left: 223px
	}
}

@media(min-width:1152px) and (max-width:1279px) {
	.container-fluid #content {
		width: 46%;
		height: 95px;
		left: 260px;
		top: -13px
	}
	.container-fluid .message {
		width: 63%;
		margin: 70px 8px !important;
	}
	.deprecated-message .switch-btn .switch-button {
		margin-top: -244px;
		margin-left: 347px
	}
}

@media(min-width:1280px) and (max-width:1360px) {
	.container-fluid #content {
		left: 284px;
		width: 48%;
		height: 97px;
	}
	.deprecated-message .switch-btn .switch-button {
		margin-left: 404px;
		margin-top: -215px;
	}
}

@media(min-width:991px) and (max-width:1024px) {
	.container-fluid #content {
		width: 41%;
		height: 105px;
		left: 214px;
		top: -18px
	}
	.container-fluid .message {
		width: 89%;
		padding: 10px 0px 0px 10px;
		margin: 70px 8px !important;
	}
	.deprecated-message .switch-btn .switch-button {
		margin-top: -171px;
		margin-left: 227px;
	}
}

@media(min-width:1440px) and (max-width:1469px) {
	.deprecated-message .switch-btn .switch-button {
		margin-top: -184px;
		margin-left: 578px
	}
	.container-fluid .message {
		width: 76%
	}
	.container-fluid #content {
		width: 53%;
		height: 78px;
		left: 311px
	}
}

@media(min-width:1400px) and (max-width:1439px) {
	.container-fluid #content {
		width: 50%;
		left: 321px
	}
	.deprecated-message .switch-btn .switch-button {
		margin-left: 510px;
		margin-top: -184px
	}
	footer .feedback-section .feedback-part .feedback-ques {
		padding-left: 360px;
	}
}

@media(min-width:1540px) and (max-width:1599px) {
	.container-fluid .message {
		width: 72%
	}
	.deprecated-message .switch-btn .switch-button {
		margin-left: 650px
	}
}

@media screen and (min-width:1530px) {
	footer .feedback-section .feedback-part .feedback-error {
		padding-left: 378px;
	}
	.post .information {
	margin-top: -31px;
}
	.breadcrumb{
		padding-left: 0px;
	}
}

@media screen and (min-width:1920px) {
	
	footer .feedback-section .feedback-part {
		width: 850px;
	}
	footer .feedback-section .feedback-part .feedback-ques {
		padding-left: 488px;
	}
	footer .feedback-section .feedback-part .feedback-up-response {
		padding-left: 488px;
        margin-top: -14px;
	}
	footer .feedback-section .feedback-part .feedback-confirmation {
		padding-left: 488px;
        margin-top: -30px!important;
	}
	footer .feedback-section .feedback-part .feedback-error {
		padding-left: 488px;
	}
	.ug-download{
		width: 110px;
	}
}

@media(min-width:1600px) and (max-width:1679px) {
	.container-fluid #content {
		width: 53%;
		left: 361px
	}
	.deprecated-message .switch-btn .switch-button {
		margin-left: 642px;
		margin-top: -183px
	}
}

@media(min-width:1680px) and (max-width:1819px) {
	.container-fluid #content {
		width: 55%;
		left: 380px
	}
	.deprecated-message .switch-btn .switch-button {
		margin-left: 722px;
		margin-top: -186px
		
	}
}

@media(min-width:1820px) {
	.container-fluid #content {
		width: 58%;
		height: 71px;
		left: 393px
	}
	.deprecated-message .switch-btn .switch-button {
		height: 32px;
		margin-top: -195px;
		margin-left: 82%
	}
	#retired-product-information-message .common-message {
		margin-left: 129px
	}
	#retired-product-information-message .information_close_icon {
		margin-left: 1870px;
		margin-top: -40px
	}
	.post .feedback-section .message {
		width: 40%!important
	}
	.post .feedback-section .mail {
		width: 40%
	}
	.post .feedback-section .information {
		font-size: 12px;
		width: 40%;
		/*margin-top: -45px;*/
		margin-left: 21px;
		line-height: 27px
	}
	.syncfusion-menu .search .gsc-results-wrapper-overlay {
		width: 60%;
		top: 112px;
		left: 318px;
		height: 675px
	}
	.breadcrumb {
		padding-left: 20px;
	}
}

@media(min-width:1680px) and (max-width:1819px) {
	#retired-product-information-message .information_close_icon {
		margin-left: 1620px;
		margin-top: -45px
	}
	.post {
    font-size: 16px!important
	}
}

@media(min-width:1600px) and (max-width:1679px) {
	#retired-product-information-message .information_close_icon {
		margin-left: 1550px;
		margin-top: -45px
	}
	.post {
    font-size: 16px!important
	}
}

@media(min-width:1440px) and (max-width:1469px) {
	#retired-product-information-message .information_close_icon {
		margin-left: 1385px;
		margin-top: -45px
	}
	.post {
    font-size: 14px!important
	}
}

@media(min-width:1400px) and (max-width:1439px) {
	#retired-product-information-message .information_close_icon {
		margin-left: 1330px;
		margin-top: -45px
	}
	.post {
    font-size: 16px!important
	}
}

@media only screen and (max-width:1023px) {
	.breadcrumb {
		/* width: 50% */
	}
	.post .feedback-section .message,
	.mail,
	.information {
		width: 80%!important
	}
	.post .feedback-down-response {
		width: 100%;
	}
}

@media(min-width:768px) and (max-width:990px) {
	.dropdown .btn{
		margin-top: 0px;
	}
	#retired-product-information-message .container {
		width: 576px
	}
	#retired-product-information-message .common-message {
		margin-bottom: 10px;
		margin-left: 40px;
		font-size: 13px
	}
	#retired-product-information-message .information_close_icon {
		margin-left: 715px;
		margin-top: -60px
	}
}

@media(min-width:1024px) and (max-width:1151px) {
	#retired-product-information-message .container {
		width: 815px
	}
	#retired-product-information-message .common-message {
		margin-bottom: 15px;
		margin-left: 115px;
		font-size: 13px
	}
	#retired-product-information-message .information_close_icon {
		margin-left: 970px;
		margin-top: -55px
	}
	/* .syncfusion-menu .search {
		width: 360px;
		margin-right: -106px;
	} */
	#download_section {
		width: 94px;
	}
	.post {
    font-size: 14px;
	}

	.syncfusion-menu .syncfusion-logo .js-doc {
		font-size: 14px;
		font-weight: 700px;
		padding-left: 0
	}
	footer .feedback-section .feedback-part {
		width: 800px;
	}
	footer .feedback-section .feedback-part .feedback-ques {
		padding-left: 260px;
		    font-size: 12px;
	}
	footer .feedback-section .feedback-part .feedback-up-response {
		padding-left: 260px;
        margin-top: -14px;
	}
	footer .feedback-section .feedback-part .feedback-confirmation {
		padding-left: 260px;
        margin-top: -30px!important;
	}
	footer .feedback-section .feedback-part .feedback-error {
		padding-left: 260px;
	}
	.post .feedback-down-response {
		width: 100%;
	}
	footer {
		margin-left: -22px;
	}
	footer .copyright {
		padding-right: 10px;
		font-size: 11px;
	}
	.support .btn-contact-support
	{
		padding: 9px 25px;
	}
}


@media(min-width:1152px) and (max-width:1279px) {
	#retired-product-information-message .information_close_icon {
		margin-left: 1095px;
		margin-top: -55px
	}
}

@media(min-width:1280px) and (max-width:1330px) {
	#retired-product-information-message .container {
		width: 1020px
	}
	#retired-product-information-message .common-message {
		margin-bottom: 20px;
		margin-left: 130px;
		font-size: 14px
	}
	#retired-product-information-message .information_close_icon {
		margin-left: 1220px;
		margin-top: -55px
	}
}

@media(min-width:991px) and (max-width:1023px) {
	#retired-product-information-message .container {
		width: 710px
	}
	#retired-product-information-message .common-message {
		margin-bottom: 10px;
		margin-left: 40px;
		font-size: 12px
	}
	#retired-product-information-message .information_close_icon {
		margin-left: 690px;
		margin-top: -45px
	}
	#download_section {
		width: 94px;
	}
	.syncfusion-menu .syncfusion-logo .js-doc {
		font-size: 14px;
		font-weight: 700px;
		padding-left: 0
	}
	footer .feedback-section .feedback-part {
		width: 800px;
	}
	footer .feedback-section .feedback-part .feedback-ques {
		padding-left: 270px;
		    font-size: 12px;
	}
	footer .feedback-section .feedback-part .feedback-up-response {
		padding-left: 280px;
        margin-top: -14px;
	}
	footer .feedback-section .feedback-part .feedback-confirmation {
		padding-left: 280px;
        margin-top: -30px!important;
	}
	footer .feedback-section .feedback-part .feedback-error {
		padding-left: 280px;
	}
	.post .feedback-down-response {
		width: 100%;
	}
	footer {
		margin-left: -22px;
	}
	footer .copyright {
		padding-right: 13px;
		font-size: 11px;
	}
	.support .btn-contact-support
	{
		    padding: 10px 2px;
	}
	footer .feedback-section .feedback-ques .feedback{
		margin:2px;
		font-size:10px;
		padding:5px;
	}
	.syncfusion-menu .desktop-icon{
		margin-left: 35%;
	}
}

@media only screen and (max-width:991px) {

	.syncfusion-menu .syncfusion-logo .js-doc {
		font-size: 18px;
		padding-top: 16px;
		width: 120px;
		font-size: 16px;
		line-height: 16px
	}
	.syncfusion-menu {
		padding-right: 24px
	}
	.syncfusion-menu .active a {
		font-size: 14px
	}
	.syncfusion-menu .search {
		height: 32px;
		/* width: 270px; */
		/* margin-top: 9px */
	}
	.syncfusion-menu .search .gsc-results-wrapper-overlay {
		width: 80%;
		top: 160px;
		left: 98px;
		height: 675px
	}
	footer .feedback-section .feedback-part {
		width: 800px;
	}
	footer .feedback-section .feedback-part .feedback-ques {
		padding-left: 258px;
		    font-size: 10px;
	}
	footer .feedback-section .feedback-part .feedback-up-response {
		padding-left: 258px;
        margin-top: -14px;
	}
	footer .feedback-section .feedback-part .feedback-confirmation {
		padding-left: 258px;
        margin-top: -30px!important;
	}
	footer .feedback-section .feedback-part .feedback-error {
		padding-left: 258px;
	}
	footer .feedback-section .feedback-ques .feedback {
	font-size: 10px;
	margin:2px;
	}
	.post .feedback-down-response {
		width: 100%;
	}
	footer {
		margin-left: -18px;
	}
	footer .copyright {
		padding-right: 4px;
		font-size: 10px;
	}
	.support .btn-contact-support
	{
		    padding: 10px 15px;
			margin-left: 5px;
			font-size: 1vw;
	}
}

@media only screen and (max-width:940px) {
	.ug-feedback {
		width: auto;
		margin: 0px 10px 0px 0px;
	}
  }

@media only screen and (max-width:891px) {
	footer .feedback-section .feedback-part {
		width: 580px
	}
	.breadcrumb {
    /* width: 75%; */
    }
	.ug-download {
		width: 77px;
	}
.icon-mail {
    background-size: 12px;
    background-position: 0px 7px !important;
}
.icon-linkedin {
    background-size: 12px;
    background-position: 0px 7px !important;
}
.icon-twitter {
    background-size: 12px;
    background-position: 0px 7px !important;
}
.icon-fb {
    background-size: 12px;
    background-position: 0px 7px !important;
}
footer .feedback-section .feedback-part .feedback-ques {
		padding-left: 220px;
		    font-size: 8px;
	}
	footer .feedback-section .feedback-part .feedback-up-response {
		padding-left: 230px;
        margin-top: -14px;
	}
	footer .feedback-section .feedback-part .feedback-confirmation {
		padding-left: 230px;
        margin-top: -30px!important;
	}
	footer .feedback-section .feedback-part .feedback-error {
		padding-left: 230px;
	}
	footer .feedback-section .feedback-ques .feedback {
	font-size: 8px;
	margin-left:2px;
	}
	footer .copyright {
		padding-right: 5px;
		font-size: 8px;
	}
	footer .feedback-section .feedback-part .feedback-ques #feedback-up {
    width: 20px!important;
    padding: 3px 3px;
    }
	footer .feedback-section .feedback-part .feedback-ques #feedback-down {
		width: 20px !important;
		padding: 3px 3px;
	}
} 

@media only screen and (max-width:767px) {
	.post-content {
		overflow-x: scroll
	}
	#retired-product-information-message {
		margin-top: -5px
	}
	#retired-product-information-message .container {
		width: 765px
	}
	#retired-product-information-message .common-message {
		margin-bottom: 20px;
		margin-left: 40px;
		font-size: 14px
	}
	#retired-product-information-message .information_close_icon {
		margin-left: 715px;
		margin-top: -70px
	}
	.post .feedback-down-response #checkboxes .label-one {
		margin-left: 12px
	}
	.post .feedback-down-response {
		width: 100% !important;
	}
	.post .feedback-down-response #checkboxes label {
		font-size: 14px
	}
	.syncfusion-menu .syncfusion-logo .left-menu-icon {
		background: url(//cdn.syncfusion.com/documentation/images/menu-icon.png) no-repeat 0 0; 
		cursor: pointer;
		display: block;
		height: 28px;
		margin-top: 12px;
		margin-left: 14px;
		width: 33px;
	}
	.syncfusion-menu #mobile-view-link ul {
		padding-left: 13%;
		padding-right: 15%;
	}
	.left-toc {
		background: none repeat scroll 0 0 #f5f7f8;
		border-right: 1px solid #ebecee;
		width: 100% !important;
		display: none
	}
	.syncfusion-menu {
		height: 54px;
		right: 20px;
		padding-top: 0;
		margin-bottom: 0;
		padding-right: 6px;
		border: medium none
	}
	.syncfusion-menu .syncfusion-logo div {
		height: 35px
	}
	.syncfusion-menu .syncfusion-logo img {
		height: 35px;
		margin-top: 8px;
		padding-left: 10px
	}
	.syncfusion-menu .syncfusion-logo {
		padding-top: 3px;
		display:flex;
	}
	.syncfusion-menu .syncfusion-logo .js-doc {
		padding-left: 10px;
		 font-size: 14px;
		padding-top: 14px;
		display: block ;
	}
	.syncfusion-menu #bs-example-navbar-collapse-1 {
		background-color:#FFFFFF;
		border: medium none;
		margin-right: -21px;
		box-shadow: none;
		
	}
	.syncfusion-menu #bs-example-navbar-collapse-1 ul {
		padding-left: 13%;
		padding-right: 15%;
		margin-top: 20px;
	}
	.syncfusion-menu #bs-example-navbar-collapse-1 ul li {
		display: inline!important;
		margin: 0;
		padding: 0
	}
	 .syncfusion-menu #bs-example-navbar-collapse-1 ul li.menu-links {
		display: none!important
	} 
	.syncfusion-menu .search .gsc-results-wrapper-overlay {
		width: 80%;
		top: 80px;
		left: 32px;
		height: 675px
	}
	.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-above-wrapper-area .gsc-orderby .gsc-orderby-label {
		font-size: 12px
	}
	.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-above-wrapper-area .gsc-orderby .gsc-selected-option-container {
		width: 90px!important;
		font-size: 12px
	}
	.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-above-wrapper-area .gsc-orderby .gsc-option-menu-container .gsc-option-menu {
		top: 27px!important;
		width: 81px!important;
		font-size: 12px
	}
	.syncfusion-menu .search .gsc-results-wrapper-overlay .gsc-above-wrapper-area .gsc-result-info-container .gsc-result-info {
		font-size: 14px
	}

	.post,
	.api {
		width: 100%;
		margin-left: 0;
		padding: 0 15px;
		min-height: calc(100% - 88px) !important;
	}
	 .post .post-content {
		width: 100% !important;
		padding-right:0px !important;
	} 
	.post-content::-webkit-scrollbar {
		display:none;
	}
	#breadcrumb {
		padding-left: 0;
		top: 54px;
		width: 100%;
		z-index: 1;
	}
	.right-breadcrumb{
		display: none;
	}
	#rightsidetoc {
		display: none !important;
	}
	.post .post-content img {
		width: 100%
	}
	.search{
		display: none !important;
	}
	.syncfusion-menu .desktop-icon{
		display: none !important;
	}
	.navbar-right{
		display: none;
	}
	.mobile-icon{
		margin-left: auto;
		border: none;
		display: block !important;
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-top: 8px;
		margin-right: 15px;
		background: none;
	}
	.search-mobile{
		display: block !important;
		width: 270px;
		height: 32px;
	}
	#gsc-i-id2{
	   width: 100% !important;  
	   height: 37px !important;
	   border-radius:5px !important;
	   background-image: url("//cdn.syncfusion.com/documentation/images/doc-Search.png") !important;
	   background-repeat: no-repeat !important;
	   background-position: 10px 10px !important;
	   border: 1px solid #0079F3 !important;
   }
   .gsib_a{
	   padding: 0 !important;
   }
   .gsc-input-box{
	   border: none !important;
   }
   .gsc-control-cse{
	   padding: 0 !important;
   }
   .syncfusion-menu #mobile-view-link{
    background-color: #fff;
    border: medium none;
    margin-right: -60px;
	margin-top: 5px;
    box-shadow: none;
	position: relative;
	left: -5px;
  }
  .syncfusion-menu #mobile-view-link ul li{
      display: inline;
	  margin: 0;
      padding: 0;
  }
  input.gsc-input{
	background-color: #f4f5f8!important;
    color: #6c7786;
    margin-top: -2px!important;
    font-size: 14px;
    padding: 2px 35px!important;
    font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
  }
  .mobile-unorderlist{
	display: block !important;
}
.navbar-nav{
	box-shadow: none !important;
}
.navbar-collapse{
	flex-basis: 100% !important;
}
.navbar-collapse.collapse.show{
	display: block !important;
}
}

@media only screen and (max-width:430px) {
	#retired-product-information-message {
		margin-top: -5px
	}
	#retired-product-information-message .container {
		width: 415px
	}
	#retired-product-information-message .common-message {
		margin-bottom: 20px;
		margin-left: 20px;
		font-size: 12px
	}
	#retired-product-information-message .information_close_icon {
		margin-left: 380px;
		margin-top: -80px
	}
	#rightsidetoc {
		float: left
	}
	.post .feedback-section .information {
		width: 90%!important
	}
	footer .feedback-section .feedback-part {
		width: 369px
	}
	.post .feedback-down-response #checkboxes label {
		margin-top: -38px;
		margin-left: 22px;
		font-size: 12px!important
	}
	.post .feedback-down-response #checkboxes .label-one {
		margin-left: 10px!important;
		margin-top: 0!important;
		display: unset!important
	}
	.post .feedback-down-response #checkboxes .label-two {
		margin-left: 12px!important
	}
	.post .feedback-down-response #checkboxes .label-four {
		margin-left: 7px
	}
	.post .feedback-down-response #checkboxes .label-five {
		margin-left: 11px
	}
	.post .feedback-down-response #checkboxes .label-six {
		margin-left: 11px
	}
	.post .feedback-down-response {
		font-size: 16px;
		width: 93%
	}
	.post .feedback-section .mail {
		width: 90%!important;
		margin-top: 14px
	}
	.post .feedback-section .message {
		width: 90%!important
	}
	footer .feedback-section .feedback-part .feedback-confirmation {
		margin-top: -24px
	}
	#gsc-i-id1{
        width:100% !important;
    }
}

@media only screen and (max-width:479px) {
	#retired-product-information-message {
		margin-top: -5px
	}
	#retired-product-information-message .container {
		width: 428px
	}
	#retired-product-information-message .common-message {
		margin-bottom: 10px;
		margin-left: 30px;
		font-size: 12px
	}
	#retired-product-information-message .information_close_icon {
		margin-left: 430px;
		margin-top: -80px
	}
	.api {
		display: none
	}
	footer .feedback-section .feedback-part {
		width: 428px
	}
	.post .feedback-section .mail {
		width: 90%
	}
	.post .feedback-down-response {
		width: 93%;
		font-size: 18px
	}
	.post .feedback-down-response #checkboxes label {
		font-size: 14px
	}
}

@media(max-width:400px) {
	#retired-product-information-message {
		margin-top: -5px
	}
	#retired-product-information-message .container {
		width: 390px
	}
	#retired-product-information-message .common-message {
		margin-bottom: 20px;
		margin-left: 24px;
		font-size: 12px
	}
	#retired-product-information-message .information_close_icon {
		margin-left: 360px;
		margin-top: -80px
	}
	.post .feedback-down-response #checkboxes .label-two {
		margin-left: 10px!important;
		margin-top: -32px!important
	}
	footer .feedback-section .feedback-part {
		width: 369px
	}
	.syncfusion-menu .syncfusion-logo .left-menu-icon {
		width: 46px
	}
	.syncfusion-menu .syncfusion-logo div {
		width: 110px
	}
	.syncfusion-menu .syncfusion-logo div a {
		width: 120px
	}
	.brand-logo {
		background-size: 88%
	}
	  .syncfusion-menu .syncfusion-logo .js-doc {
		line-height: 12px;
		padding-top: 16px;
		width: 95px
	}  
	.syncfusion-menu #mobile-view-link ul{
		padding-right: 5%;
	}  
}

h2:hover,
h3:hover {
	color: #0079f3
}

.permalink {
	margin-left: 11px;
	font-size: 18px;
	color: #757575;
	display: none
}

h2:hover .permalink,
h3:hover .permalink,
h4:hover .permalink,
h5:hover .permalink,
h6:hover .permalink {
	margin-left: 11px;
	font-size: 18px;
	color: #757575;
	display: inline-block
}

.highlight {
	background: #fff
}

.highlight .c {
	color: #998;
	font-style: italic
}

.highlight .err {
	color: #a61717
}

/*.highlight .k {
	font-weight: 700
}

.highlight .o {
	font-weight: 700
}*/

.highlight .cm {
	color: #998;
	font-style: italic
}

.highlight .cp {
	color: #999;
	/*font-weight: 700*/
}

.highlight .c1 {
	color: #998;
	font-style: italic
}

.highlight .cs {
	color: #999;
/*	font-weight: 700;*/
	font-style: italic
}

.highlight .gd {
	color: #000;
	background-color: #fdd
}

.highlight .gd .x {
	color: #000;
	background-color: #faa
}

.highlight .ge {
	font-style: italic
}

.highlight .gr {
	color: #a00
}

.highlight .gh {
	color: #999
}

.highlight .gi {
	color: #000;
	background-color: #dfd
}

.highlight .gi .x {
	color: #000;
	background-color: #afa
}

.highlight .go {
	color: #888
}

.highlight .gp {
	color: #555
}

/*.highlight .gs {
	font-weight: 700
}*/

.highlight .gu {
	color: #aaa
}

.highlight .gt {
	color: #a00
}

/*.highlight .kc {
	font-weight: 700
}

.highlight .kd {
	font-weight: 700
}

.highlight .kp {
	font-weight: 700
}

.highlight .kr {
	font-weight: 700
}*/

.highlight .kt {
	color: #458;
	/*font-weight: 700*/
}

.highlight .m {
	color: #099
}

.highlight .s {
	color: #d14
}

.highlight .na {
	color: #008080
}

.highlight .nb {
	color: #0086b3
}

.highlight .nc {
	color: #458;
	/*font-weight: 700*/
}

.highlight .no {
	color: #008080
}

.highlight .ni {
	color: #800080
}

.highlight .ne {
	color: #900;
	/*font-weight: 700*/
}

.highlight .nf {
	color: #900;
	/*font-weight: 700*/
}

.highlight .nn {
	color: #555
}

.highlight .nt {
	color: #000080
}

.highlight .nv {
	color: #008080
}

/*.highlight .ow {
	font-weight: 700
}*/

.highlight .w {
	color: #bbb
}

.highlight .mf {
	color: #099
}

.highlight .mh {
	color: #099
}

.highlight .mi {
	color: #099
}

.highlight .mo {
	color: #099
}

.highlight .sb {
	color: #d14
}

.highlight .sc {
	color: #d14
}

.highlight .sd {
	color: #d14
}

.highlight .s2 {
	color: #d14
}

.highlight .se {
	color: #d14
}

.highlight .sh {
	color: #d14
}

.highlight .si {
	color: #d14
}

.highlight .sx {
	color: #d14
}

.highlight .sr {
	color: #009926
}

.highlight .s1 {
	color: #d14
}

.highlight .ss {
	color: #990073
}

.highlight .bp {
	color: #999
}

.highlight .vc {
	color: #008080
}

.highlight .vg {
	color: #008080
}

.highlight .vi {
	color: #008080
}

.highlight .il {
	color: #099
}

.highlight .hll {
	background-color: #ffc
}

.highlight .n {
	color: #000014
}

.highlight .k {
	color: #00f
}

.highlight .cp {
	color: #008000
}

.highlight .cp {
	color: #00f
}

.highlight .c1 {
	color: #008000
}

.highlight .cs {
	color: #008000
}

.highlight .gd {
	color: #000;
	background-color: #fdd
}

.highlight .ge {
	font-style: italic
}

.highlight .gr {
	color: #a00
}

.highlight .gi {
	color: #000;
	background-color: #dfd
}

.highlight .go {
	color: #888
}

/*.highlight .gh {
	font-weight: 700
}

.highlight .gp {
	font-weight: 700
}

.highlight .gs {
	font-weight: 700
}

.highlight .gu {
	font-weight: 700
}*/

.highlight .gt {
	color: #a00
}

.highlight .kc {
	color: #00f
}

.highlight .kd {
	color: #00f
}

.highlight .kn {
	color: #00f
}

.highlight .kp {
	color: #00f
}

.highlight .kr {
	color: #00f
}

.highlight .kt {
	color: #2b91af
}

.highlight .m {
	color: #00d;
/*	font-weight: 700*/
}

.highlight .s {
	color: #a31515
}

.highlight .na {
	color: #369
}

.highlight .nb {
	color: #038
}

.highlight .nc {
	color: #2b91af
}

.highlight .no {
	color: #036;
	/*font-weight: 700*/
}

.highlight .nd {
	color: #555
}

.highlight .ne {
	color: #b06;
/*	font-weight: 700*/
}

.highlight .nf {
	color: #06b;
/*	font-weight: 700*/
}

.highlight .nl {
	color: #369;
	font-style: italic
}

.highlight .nn {
	color: #b06;
	/* font-weight: 700 */
}

.highlight .py {
	color: #369;
	/*font-weight: 700*/
}

.highlight .nt {
	color: #b06;
	/*font-weight: 700*/
}

.highlight .nv {
	color: #369
}

.highlight .ow {
	color: #00f
}

.highlight .w {
	color: #bbb
}

.highlight .mf {
	color: #00d;
	/*font-weight: 700*/
}

.highlight .mh {
	color: #00d;
	/*font-weight: 700*/
}

.highlight .mi {
	color: #00d;
	/*font-weight: 700*/
}

.highlight .mo {
	color: #00d;
	/*font-weight: 700*/
}

.highlight .sb {
	color: #a31515
}

.highlight .sc {
	color: #a31515
}

.highlight .sd {
	color: #a31515
}

.highlight .s2 {
	color: #a31515
}

.highlight .se {
	color: #a31515
}

.highlight .sh {
	color: #a31515
}

.highlight .si {
	color: #a31515
}

.highlight .sx {
	color: #a31515
}

.highlight .sr {
	color: #a31515
}

.highlight .s1 {
	color: #a31515
}

.highlight .ss {
	color: #a31515
}

.highlight .bp {
	color: #038
}

.highlight .vc {
	color: #369
}

.highlight .vg {
	color: #d70
}

.highlight .vi {
	color: #33b
}

.highlight .il {
	color: #00d;
/*	font-weight: 700*/
}

.tabs ul.nav {
	/* text-transform: uppercase; */
	font-size: .879em
}

.nav-tabs {
	border-bottom: 0px !important;
	background-color: #e6e6e6;
}

.nav>li>a{
	display: block;
	padding: 8px 12px;
	text-decoration: none;
}

.nav>li>a:hover{
text-decoration: none;
}

.tabs ul.nav li[role="presentation"] {
	margin-bottom: -1px!important;
	cursor: pointer
}

.tabs ul.nav li[role="presentation"] a {
	color: #333
}

.tabs>ul>li.active>a {
	color: #179bd7!important;
	border-bottom-width: 3px;
	border-style: solid;
	border-bottom-color: #4198ef;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top: 0px;
    border-left: 0px;
    border-right: 0px;
	background-color: #e6e6e6;
}

.tabs>ul>li.active>a:hover {
	border-bottom-color: #4198ef;
	border-bottom-width: 3px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top: 0px;
    border-left: 0px;
    border-right: 0px;
	background-color: #e6e6e6;
}

li[role="presentation"] {
	display: none
}

.tabs>ul {
	display: block !important;
}

.tabs>ul>li {
	display: inline-block;
}

#center {
	height: 100%;
	width: 100%;
	display: table;
	text-align: center
}

.content {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.error-message {
	font-size: 30px
}

#resultlogo {
	margin-top: -48px
}

.dropdown {
	float: right!important;
	width: 170px;
}

.dropdown-menu {
	height: 150px;
	padding: 10px;
	position: fixed !important;
}

.dropdown-menu>li>a {
	cursor: pointer;
	color: #333 !important;
	text-decoration: none !important;
	display: block;
}

.dropdown-menu>li:hover{
	background-color: #f5f5f5;
}

.dropdown .btn {
	height: 41px;
	width: 170px;
	background: #fff;
	color: #333;
	--bs-btn-active-bg: #fff;
	--bs-btn-active-color: #333;
}

#releasenotes-type>button>.selected {
	float: left
}

#releasenotes-type>button>.caret {
	float: right;
	margin-top: 8px
}

#feedbacks-dialogue {
	background: #fff;
	padding: 0
}

#feedbacks-dialogue iframe {
	border: none;
	height: 100%;
	overflow: hidden;
	width: 100%
}

#closeicon {
	background: transparent url(//cdn.syncfusion.com/content/images/common/close-icon2.png) no-repeat scroll -48px -4px;
	cursor: pointer;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	width: 20px
}

#popup-banner {
	background: #fff1e6;
	height: 50px;
	text-align: center;
	width: 104%;
	padding-right: 15px;
	padding-left: 15px;
	margin-top: -4px
}

#popup-banner .banner-content {
	padding-top: 10px
}

#popup-banner .banner-text {
	font-size: 16px;
	color: #2a2a2a;
	letter-spacing: 0
}

#popup-banner .banner-text .learn-more-link {
	cursor: pointer;
	font-size: 16px;
	color: #ff4800;
	letter-spacing: 0
}

#popup-banner .banner-text .learn-more-link:hover {
	color: #ff6d34
}

#popup-banner .banner-icon {
	background: url("//cdn.syncfusion.com/documentation/images/banner-icon.svg");
	background-repeat: no-repeat;
	background-size: cover;
	padding-left: 22px;
	margin-right: 10px
}

#popup-banner .close-icon {
	background: url("//cdn.syncfusion.com/documentation/images/close-icon.svg");
	background-size: cover;
	background-repeat: no-repeat;
	float: right;
	padding: 26px 0 0 30px;
	margin-right: 3%;
	cursor: pointer!important
}

#popup-banner .close-icon:hover {
	opacity: .3
}

@media(max-width:767px) {
	#popup-banner .banner-text {
		font-size: 14px;
		display: inline-block;
		width: 85%
	}
	#popup-banner .close-icon {
		padding: 23px 0 0 23px;
		margin-top: 3px
	}
	#popup-banner .banner-text .learn-more-link {
		display: inline-block;
		font-size: 14px
	}
	.gsc-results-wrapper-overlay{
		top: auto !important;
		height: 480px !important;
	}
	#left-toc-closebtn{
		display: none !important;
	}
	#right-toc-closebtn{
		display: none !important;
	}
	.post .post-content{
		border: none;
	}
	.ai_feedbackresponse{
		width: 60%;
	}
	.dropdown{
		width: 100% !important;
	}
	.dropdown .btn{
		margin-left: -12px;
	}
}

@media(max-width:545px) {
	#popup-banner {
		height: 60px
	}
	#popup-banner .banner-text {
		margin: -3px
	}
	#popup-banner .close-icon {
		margin-top: 13px
	}
}

.gsib_a .gsc-input {
	text-indent: 0!important
}

.doc-pdf-download {
    font-family: doc-icons;
    float: right;
    font-size: 16px;
    font-weight: 600;
    margin: 0 10px 0 20px;
    color: #666;
    height: 50px;
    line-height: 50px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #FFFFFF !important;
}

.navbar-nav>.active>a:hover {
    color: none !important;
}

#download_section {
   border: 1px solid white;
        width: 95px;
        text-align: center;
		margin-top: 8px;
        background-color: #0079F3 !important;
        color: white !important;
		padding-top: 10px;
		padding-bottom: 10px;
}

#resultRT{
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 14px;
	margin-top: -10px;
	color: #6C7786;
	line-height: 24px;
}

.dot {
  height: 4px;
  width: 4px;
  background-color: #6C7786;
  border-radius: 50%;
  display: inline-block;
  margin: 3px 10px;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
	padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif !important;
	font-size:13px;
}

.breadcrumb>.active {
    color: #1A1A1A;
}

@font-face {
font-family: 'UG icons';
src:
url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMj1tSfQAAAEoAAAAVmNtYXDnE+ddAAABkAAAADpnbHlmWhKVUAAAAdgAAAM0aGVhZBrjiI8AAADQAAAANmhoZWEIAQQFAAAArAAAACRobXR4EAAAAAAAAYAAAAAQbG9jYQIEARgAAAHMAAAACm1heHABEQCdAAABCAAAACBuYW1l0di7IAAABQwAAAIxcG9zdI+WksUAAAdAAAAAQAABAAAEAAAAAFwEAAAAAAADpAABAAAAAAAAAAAAAAAAAAAABAABAAAAAQAAeZ9KGF8PPPUACwQAAAAAANwQoeIAAAAA3BCh4gAAAAADpAPOAAAACAACAAAAAAAAAAEAAAAEAJEAAwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQQAAZAABQAAAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA5wDnAgQAAAAAXAQAAAAAAAABAAAAAAAABAAAAAQAAAAEAAAABAAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAJgAAAAQABAABAADnAv//AADnAP//AAAAAQAEAAAAAQACAAMAAAAAAAAAagEYAZoAAAADAAAAAAOkA84AIgAnAEsAADcVHwchPwcvByEPBgkBIzUBJwEPAxUfBzM/AwE/AjUvBw8CXAECBAUHBwQIAvgICAcHBQQCAQECBAUHBwQI/QgICAcHBQQCAmT+XG0BpB7+MgUEAQIBAgQFBwcECKwICAcHAdEEAwICAwSrBwcICAgIB1wEBAgHBwUEAQIBAgQFBwcICAgIBwcFBAECAQIEBQcHCAKY/lxtAaRZ/jIHBwQIrAgIBwcFBAECAQIEBQHRBwgICAgIB6sFBAIBAQIEAAAAAAIAAAAAA6QDzgBVAJAAABMVHw8hPw81LwcPBxUPByEvBzUvBw8GAREvAyMPBhUfBjM/BjUvBiMPAxEvBw8GXAECAwQFBwcICQoKCwwMDA0CTA0MDAwLCgoJCAcHBQQDAgEBAgQFBwcICAgIBwcFBAECAQIEBQcHBAj9sAgIBwcFBAECAQIEBQcHCAgICAcHBQQCAXljBwgICAgIBwYEAwICAwSuBwgICAgIB64EAwICAwQGBwgICAgIB2MBAgQFBwcICAgIBwcFBAIBLn4NDAwMCwoKCQgHBwUEAwIBAQIDBAUHBwgJCgoLDAwMDX4ICAcHBQQCAQECBAUHBwQIgggIBwcFBAECAQIEBQcHBAiCCAgHBwUEAgEBAgQFBwcIAm7+GWQEAwICAwQGBwgICAgIB64EAwICAwSuBwgICAgIBwYEAwICAwRkAecICAcHBQQCAQECBAUHBwgAAAMAAAAAA6QDzgADACwAYAAAAREjESURDwcjES8HIQ8HESMvBxEBJwEPAxEfDyE/DxEvAgEvAw8CAlSoAaQBAgQFBwcECIIBAgQFBwcECP8ACAgHBwUEAQJ+CAgHBwUEAQIBUBr+hgMGBQIBAgMEBQcHCAkKCgsMDAwNAkwNDAwMCwoKCQgHBwUEAwIBAgUG/oMGBwYHBwcGAdb+sAFQk/5HCQcIBgUEAQIBeggIBwcFBAECAQIEBQcHBAj+ggECBAUGCAMJAb0BBlb+2gMHCQn+LQ0MDQsLCwkJCAgGBQQDAgEBAgMEBQYICAkJCwsLDQwNAdMJCQcBKQQDAQEBAQMAAAAAAAASAN4AAQAAAAAAAAABAAAAAQAAAAAAAQAIAAEAAQAAAAAAAgAHAAkAAQAAAAAAAwAIABAAAQAAAAAABAAIABgAAQAAAAAABQALACAAAQAAAAAABgAIACsAAQAAAAAACgAsADMAAQAAAAAACwASAF8AAwABBAkAAAACAHEAAwABBAkAAQAQAHMAAwABBAkAAgAOAIMAAwABBAkAAwAQAJEAAwABBAkABAAQAKEAAwABBAkABQAWALEAAwABBAkABgAQAMcAAwABBAkACgBYANcAAwABBAkACwAkAS8gVUcgaWNvbnNSZWd1bGFyVUcgaWNvbnNVRyBpY29uc1ZlcnNpb24gMS4wVUcgaWNvbnNGb250IGdlbmVyYXRlZCB1c2luZyBTeW5jZnVzaW9uIE1ldHJvIFN0dWRpb3d3dy5zeW5jZnVzaW9uLmNvbQAgAFUARwAgAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAFUARwAgAGkAYwBvAG4AcwBVAEcAIABpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFUARwAgAGkAYwBvAG4AcwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIAB1AHMAaQBuAGcAIABTAHkAbgBjAGYAdQBzAGkAbwBuACAATQBlAHQAcgBvACAAUwB0AHUAZABpAG8AdwB3AHcALgBzAHkAbgBjAGYAdQBzAGkAbwBuAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAQIBAwEEAQUABEVkaXQIRG93bmxvYWQESG9tZQAA) format('truetype');
font-weight: normal;
font-style: normal;
}

[class^="sf-icon-"], [class*=" sf-icon-"] {
 font-family: 'UG icons' !important;
speak: none;
font-size: 13px;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-fb { content: "";
    display: inline-block;
    background-image: url("//cdn.syncfusion.com/documentation/staging/images/doc-facebook.png") !important;
	background-repeat: no-repeat !important;
    background-position: 0px 5px !important;
    width: 25px;
    height: 30px;
	color: #22252A;
	}
.icon-twitter { content: "";
    display: inline-block;
    background-image: url("//cdn.syncfusion.com/documentation/staging/images/doc-twitter.png") !important;
	background-repeat: no-repeat !important;
    background-position: 0px 5px !important;
    width: 25px;
    height: 30px;
}
.icon-linkedin { content: "";
    display: inline-block;
    background-image: url("//cdn.syncfusion.com/documentation/staging/images/doc-linkedin.png") !important;
	background-repeat: no-repeat !important;
    background-position: 0px 5px !important;
    width: 27px;
    height: 30px;
}
.icon-mail { content: "";
    display: inline-block;
    background-image: url("//cdn.syncfusion.com/documentation/staging/images/doc-mail.png") !important;
	background-repeat: no-repeat !important;
    background-position: 0px 5px !important;
    width: 27px;
    height: 30px;
}


.sf-icon-Edit:before { content: "";
    display: inline-block;
    background-image: url("//cdn.syncfusion.com/documentation/images/doc-edit.png") !important;
	background-repeat: no-repeat !important;
    background-position: 0px 5px !important;
    width: 15px;
    height: 20px;
	color: #22252A;
	position: relative;
	top: 2px;
	}
.sf-icon-Download:before { content: "";
    display: inline-block;
    background-image: url("//cdn.syncfusion.com/documentation/images/doc-download.png") !important;
	background-repeat: no-repeat !important;
    background-position: 0px 5px !important;
    width: 15px;
    height: 20px;
}
.sf-icon-Share:before { content: "";
    display: inline-block;
    background-image: url("//cdn.syncfusion.com/documentation/images/doc-Ssshare.png") !important;
	background-repeat: no-repeat !important;
    background-position: 0px 5px !important;
    width: 15px;
    height: 20px;
}
.sf-icon-Bookmark:before { content: "";
    display: inline-block;
    background-image: url("//cdn.syncfusion.com/documentation/images/doc-bookmark.png") !important;
	background-repeat: no-repeat !important;
    background-position: 0px 5px !important;
    width: 15px;
    height: 20px;
}
.sf-icon-Feedback:before { content: "";
    display: inline-block;
    background-image: url("//cdn.syncfusion.com/documentation/images/doc-feedback.png") !important;
	background-repeat: no-repeat !important;
    background-position: 0px 5px !important;
    width: 15px;
    height: 20px;
	position: relative;
    top: 3px;
}
.sf-icon-Home:before { 
    content: "";
    display: inline-block;
    background-image: url("//cdn.syncfusion.com/documentation/images/bread-crumb.png") !important;
	background-repeat: no-repeat !important;
    background-position: 0px 5px !important;
    width: 15px;
    height: 20px;
}

.classic-banner {
    margin-top: 120px;
    margin-bottom: -85px;
}

.e-treeview .e-treeview-ul {
    margin-bottom: 0;
    margin-top: 0px;
}

#preview-sample { 

	width: 100%;
	height: 400px;
	background: #F9F9F9;
	border: 1px solid #E8E8E8;
	box-sizing: border-box;
}

.preview-sample-button {
	background: #0A76FF;
	border: 1px solid #0A76FF;
	box-sizing: border-box;
	border-radius: 4px;
	width: 173px;
	height: 32px;
	padding-left:35px; 
	
	font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
	src: url("//cdn.syncfusion.com/content/fonts/documentation/Poppins/Poppins-Regular.ttf") format("truetype");
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	
	background-image: url("//cdn.syncfusion.com/documentation/images/play-circle.png") !important;
	background-repeat: no-repeat !important;
	background-size: 20px 20px;
	background-position:17px;   
	background-origin: border-box; 
}

.preview-sample-div{
	margin-bottom: 1.3em;
}

.social-icons {
	background: #f5f7fa;
	padding-top:15px;
}

@media (max-width: 767px) {
	.row-fluid{
		margin:0px !important;
		height: 80px;
	}
	.footer{
		margin:0px !important;
	}
	.copyright {
		font-size: 10px !important;
		text-align: center;
		float:none !important;
		padding: 0px !important;
		color: #6C7786 !important;
	}
	.feedback-section{
		position: relative;
		bottom: 15px;
	}
	.feedback-ques {
		text-align: center;
		font-size: 10px !important;
		padding: 10px !important;
		margin-top:0px !important;
	}

	.feedback {
		font-size: 10px !important;
	}

	.feedback-part{
		width:auto !important;
		margin:0px !important;
	}
	.col-xs{
		position: relative;
		bottom: 15px;
	}
	.col-xs.social-icons{
		position: relative;
		bottom: 8px;
		padding-top: 0px !important;
		text-align: center;
	}
	.maximize_post .post-content{
		max-height: calc(100vh - 180px);
	}
	.icon-fb {
		padding: 10px 20px;
	}

	.icon-twitter {
		padding: 10px 20px;
	}

	.icon-linkedin {
		padding: 10px 20px;
	}

	.icon-mail {
		padding: 10px 20px;
	}
	.hidden-xs{
		display: none !important;
	}
}
.navbar-collapse.in
{
    overflow-y:visible !important;
}
.navbar-default .navbar-toggle{
	border-color: none !important;
}
 .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent !important;
} 
.navbar-header {
    display: flex;
}

@media(max-width:1200px) {
	/* .breadcrumb{
		padding: 8px 0px 8px 43px;
	} */
	.support .btn-contact-support{
		font-size: 13px;
	}
	.minimize_post #rightsidetoc{
		padding: 16px;
	}
}

  @media(max-width:1250px) and (min-width:1200px) {
	.syncfusion-menu .desktop-icon{
		margin-left: 18%;
	}
  }

@media(min-width:766px) and (max-width:1364px){
	.navbar-collapse.collapse.show{
        display: block !important;
        position: relative;
        top: 5px;
		right: 10px;
	}
	.navbar-collapse{
		flex-basis: 90% !important;
	}
}

@media (max-width: 1365px) {
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.desktop-icon {
		display: block !important;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	
	.navbar-collapse.collapse.show{
		display: block !important;
	}
	
	.navbar-nav {
		float: right!important;
		margin-right: 0 !important;
		background-color: white;
		padding: 10px;
		border-color: #e2eaf5;
		box-shadow: #e2eaf5 0px 8px 11px -6px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}
	
	.navbar-brand {
	  display: inline-block;
	  float: none;
	}
	.navbar-form{
		border-color: none !important;
	}
	
	.navbar-form.form-inline {
	  display: inline-block;
	  border-color: transparent;
	  margin: 4px;
	  padding: 5px;
	}
	
	.navbar-form .form-control {
	  display: inline-block;
	  width: auto;
	  vertical-align: middle;
	 }
	 .navbar-default .navbar-collapse, .navbar-default .navbar-form{
		 border: none;
	 }
	 .navbar-default .navbar-toggle:hover {
        background-color: #FFFFFF !important;
    }
    .navbar-default .navbar-toggle:focus-within {
        background-color: #FFFFFF !important;
    }
	.navbar-default .navbar-toggle .icon-bar{
		background-color:#000000;
		opacity:0.5;
	}
	.mobile-unorderlist{
		display: none;
	}
	.form-group{
		right: -7% !important;
	}
  }

  #table-of-contents.more-width::-webkit-scrollbar {
	width: 10px;
 }
 #rightsidetoc.more-width::-webkit-scrollbar {
	width: 10px;
 }
  #table-of-contents.more-width::-webkit-scrollbar-thumb{
   background-color:#A9A9A9;
 }
 #table-of-contents::-webkit-scrollbar-thumb:vertical:active {
   background-color:#808080;
 }
 #rightsidetoc.more-width::-webkit-scrollbar-thumb{
   background-color:#A9A9A9;
 }
#rightsidetoc::-webkit-scrollbar-thumb:vertical:active {
	background-color: #808080;
}
.post-content.more-width::-webkit-scrollbar-thumb {
	background-color: #A9A9A9;
}
.post-content::-webkit-scrollbar-thumb:vertical:active {
	background-color: #808080;
}
.post-content.more-width::-webkit-scrollbar {
	width: 10px;
}
.post-content::-webkit-scrollbar-track {
	margin-top: -10px;
}

.stackblitz-button{
	width: 174px;
    height: 32px;
    padding: 8px 23px;
    background-color:inherit;
    color: #0057FF; 
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: space-between;
	border: 1.2px solid #0057FF;
	border-radius: 4px;
	margin-left: 20px;
}

.buttonContent{
	display: flex;
    width: 100%;
}

.stackblitz-icon {
    width: 13px !important;
    height: 16px;
    margin-right: 8px !important; 
}

.stackblitz-text {
    width: 105px;
	height: 16px;
	font-size: 12px;
	font-weight: 600;
	line-height: 16.34px;
	white-space: nowrap; 
    overflow: hidden;
	font-family: 'OpenSans-Regular' !important;
}

#left-toc-closebtn{
	position: fixed;
	width: 36px;
	height: 36px;
	background: url(https://cdn.syncfusion.com/documentation/images/left-toc-collapse.svg);
	background-size: cover;
	background-repeat: no-repeat;
	border: none;
	z-index: 15;
	display:block;
	float: left;
	left: 16.5%;
	top:63px;
	
}

.minimize_post #right-toc-closebtn{
	position: fixed;
	width: 36px;
	height: 36px;
	background: url(https://cdn.syncfusion.com/documentation/images/right-toc-collapse.svg);
	background-size: cover;
	background-repeat: no-repeat;
	border: none;
	z-index: 15;
	float: right;
	right: 40%;
}

.maximize_post #right-toc-closebtn{
position: fixed;
width: 36px;
height: 36px;
background: url(https://cdn.syncfusion.com/documentation/images/right-toc-collapse.svg);
background-size: cover;
background-repeat: no-repeat;
border: none;
z-index: 15;
float: right;
right: 19%;
}

.left-toc.left-toc-collapsed{
	width: 3% !important;
	overflow-y: unset;
}
.left-toc.left-toc-collapsed .left-toc-content{
	display: none;
}
.post.left-toc-collapsed{
padding-left: 7%;
}
#breadcrumb.left-toc-collapsed{
	padding-left: 4%;
}
#rightsidetoc.right-toc-collapsed{
	display: none !important;
}
.post.right-toc-collapsed{
	padding-right: 4%;
}
#left-toc-closebtn.left-toc-collapsed{
	width:19px;
	height:16px;
	background: url(https://cdn.syncfusion.com/documentation/images/left-toc-menu.svg);
	background-size: cover;
	left: 1%;
	top:71px;
}
#right-toc-closebtn.right-toc-collapsed{
	background: url(https://cdn.syncfusion.com/documentation/images/right-toc-expand.svg);
	background-size: cover;
	right: 3%;
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
	#left-toc-closebtn{
		left: 17.5%;
		bottom:101%;
	}
	#left-toc-closebtn.left-toc-collapsed{
		background: url(https://cdn.syncfusion.com/documentation/images/left-toc-menu-tabView.svg);
		left: 0%;
		top:65px;
		width: 36px;
		height: 36px;
	}
	#right-toc-closebtn{
		right: 19.5%;
	}
	#right-toc-closebtn.right-toc-collapsed{
		right: 2.5%;
	}
	.left-toc.left-toc-collapsed{
		width: 5% !important;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
	#left-toc-closebtn.left-toc-collapsed{
		background: url(https://cdn.syncfusion.com/documentation/images/left-toc-menu-tabView.svg);
		left: 0%;
		top:65px;
		width: 36px;
		height: 36px;
 }
  .breadcrumb {
	overflow:hidden;
	text-overflow:ellipsis;
    /* width: 60%; */
    }
}

@media(min-width:1280px) and (max-width:1530px){
	.breadcrumb{
		overflow:hidden;
		text-overflow:ellipsis;
		/* width: 60%; */
	}
}

.document-processing-playground-button{
	color: #FFFFFF;
	background: #0057FF;
	border-radius: 4px;
	border: none;
	width: 68px;
	font-family: OpenSans-Regular;
	font-size: 14px;
	letter-spacing: 0.32px;
	position: relative;
	top: 7px;
	right: 5px;
}

.document-processing-playground{
	float: right !important;
}

.row{
	display: inline !important;
}

.badge{
	padding: 5px;
	border-radius: 3px;
}

.bg-primary {
    background-color: #337ab7 !important;
	width: 80px !important;
	margin-right: 5px;
}

.bg-secondary{
    background-color: #777 !important;
	width: 140px !important
}

.dropdown-toggle::after{
	float: right;
	margin-top: 10px;
}

.fa-tag:before {
    content: "\f02b";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1";
}

.fa {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	float: left;
}
.table-container {
	position: relative; /* Ensures button stays above table */
	display: flex;
	flex-direction: column; /* Stack button above table */
	align-items: flex-end; /* Aligns button to the right */
	max-width: 950px; /* Limit width of table-container */
}

.table-expand-btn {
	background-image: url(//cdn.syncfusion.com/documentation/images/doc-expand-table-icon.png) !important;
	background-repeat: no-repeat !important;
	background-position: 8px center; /* Position the icon properly */
	background-size: 16px 16px; /* Adjust icon size */
	display: flex;
	align-items: center;
	justify-content: start;
	cursor: pointer;
	background-color: white;
	border: none;
	padding: 5px 0px 5px 36px; /* Left padding to avoid text overlap */
	border-radius: 4px;
	font-size: 15px;
	float: right;
	margin: 0px;
}

.table-expand-btn:hover {
		color: #0079F3; /* Keep text color the same */
}

.table-collapse-btn:hover {
	color: #0079F3; /* Keep text color the same */
}

.table-overlay {
	background-color: #1a1a1a; /* Dark grey overlay */
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999; /* Behind the modal */
	display: none;
	opacity: 40%;
}

.table-modal-header {
	display: flex;
	justify-content: flex-end;
	padding: 0px;
	background-color: white;
	border-radius: 12px;
}
/* Collapse Button */
.table-collapse-btn {
	background-image: url(//cdn.syncfusion.com/documentation/images/doc-collapse-table-icon.png) !important;
	background-repeat: no-repeat !important;
	background-position: 8px center; /* Position the icon properly */
	background-size: 16px 16px; /* Adjust icon size */
	display: flex;
	align-items: center;
	justify-content: start;
	cursor: pointer;
	background-color: white;
	border: none;
	padding: 5px 0px 5px 36px; /* Left padding to avoid text overlap */
	border-radius: 4px;
	font-size: 15px;
	float: right;
	margin: 0px;
}

.table-modal-content {
	width: 100%;
	height: calc(100% - 60px); /* Adjusts dynamically */
	overflow-y: auto;
}

.table-modal-content table {
		width: 100% !important;
		max-width: 100% !important;
		height: auto;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
}

.table-modal-content::-webkit-scrollbar {
		width: 10px;
}

.table-modal-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 80vw; /* Responsive width */
	max-width: 1600px; /* Prevents excessive width */
	height: 80vh; /* Adapts to screen height */
	max-height: 80vh; /* Prevents overflow */
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); /* Ensures perfect centering */
	border-radius: 12px;
	background-color: white;
	z-index: 1000;
	border: 1px solid #DCE2EE;
	padding: 20px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	overflow: hidden; /* Prevents content overflow */
}