* {
  box-sizing: content-box
}
li.hasChild ul {
    display: none;
}
.noChild  a.pro-active.active {
    color: #7bbb2a;
}
span.active {
    color: rgb(0, 0, 0);
    display: block;
    cursor: pointer;
    padding: 5px 0px;
    transition: 0.5s;
    padding-left: 44px;
    text-indent: -44px;
}
li.hasChild {
  position: relative;
}
.show-full{display:none !important}
.api-code-panel .light-theme .api-code-panel-inner{max-height: fit-content !important;
    height: 100% !important;}
.zoho-parent-wrapper a:hover {
    color: rgb(3, 169, 245);
}
.zoho-parent-wrapper a{
color: rgb(0, 0, 0);
    display: block;
    cursor: pointer;
    padding: 5px 0px;
    transition: 0.5s;
    padding-left: 44px;
    text-indent: -44px;
}
#meCommonFooterNew {
  margin-top: 59px;
  float: left;
  width: 100%;
}
.zoho-api-toggle {
  position: absolute;
  top: -12px;
  left: -19px;
  width: 12px;
  height: 15px;
  cursor: pointer;
}
:target {
  scroll-margin-top: 150px
}
.zoho-api-toggle:before, .zoho-api-toggle:after {
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  top: 29px;
  width: 7px;
  background: rgb(51, 51, 51);
}
.zoho-parent-wrapper, .zoho-parent-wrapper ul {
  list-style: none !important
}
.zoho-api-toggle:before {
  left: 4px;
  transform: rotate(-45deg);
}
.zoho-api-toggle:after {
  left: 0px;
  transform: rotate(45deg);
}
h1 {
  font-size: 28px !important;
  font-family: var(--zf-primary-semibold);
  margin-bottom: 25px !important;
}
h4 {
  font-size: 17px !important;
 margin-bottom: 25px !important;
  margin-left: 0 !important;
}
.api-code-panel {
  width: 40% !important
}
.api-content-inner-wrap {
  width: 60% !important
}
.clearfix:before, .clearfix:after {
  display: inline !important;
}
.lhs-tree {
  border-right: 1px dotted #ddd;
  z-index: -1;
  margin-top: 120px;
}
.rhs-cont {
  border: none;
  z-index: -1;
  margin-top: 120px;
}
.api-menu-lists {
  height: auto !important
}
.inner-cont {
  margin-top: 160px;
}
.heading-menu {
  display: none !important
}
.zoverflow-mobile {
  height: 100%
}
#btmBar {
  display: inline-block;
  position: relative;
  bottom: -8px !Important;
  z-index: -1
}
#scroll.container {
  width: 100%;
  max-width: 1400px;
  position: relative;
  width: 90%; /*    max-width: 1280px;*/
}
.containte {}
header {
  position: fixed;
  width: 100%;
  background: #fff;
  top: 0
}
.product-header-top {
  display: none
}
.zw-product-header .content-wrap {
  max-width: 100%
}
.zw-product-header {
  border-bottom: 1px solid #ececec;
  padding: 0 60px
}
.z-highlight-word {
  width: 95%;
  padding: 2px 4px;
  position: relative;
  background-color: #e8e8e8;
  border: 0;
  margin: 0 5px;
  border-radius: 3px;
  letter-spacing: .75px;
  line-height: 24px;
  white-space: pre-warp
}
code[class*="language-"], pre[class*="language-"] {
  max-width: 100%;
}
.light-theme code[class*="language-"], pre.light-theme[class*="language-"] {
  color: black;
  background: 0;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none
}
pre.light-theme[class*="langfstar-rauage-"] {
  position: relative;
  margin: .5em 0;
  overflow: visible;
  padding: 0
}
pre.light-theme[class*="language-"] > code {
  background: #f7fafc
}
.light-theme code[class*="language"] {
  max-height: inherit;
  height: inherit;
  padding: 0 1em;
  display: block;
  overflow: auto
}
pre.light-theme [class*="language-"] {
  background-color: #fdfdfd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1em
}
pre.light-theme[class*="language-"]:before, pre.light-theme[class*="language-"]:after {
  content: '';
  z-index: -2;
  display: block;
  position: absolute;
  bottom: .75em;
  left: .18em;
  width: 40%;
  height: 20%;
  max-height: 13em;
  box-shadow: 0 13px 8px #979797;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg)
}
pre.light-theme[class*="language-"]:after {
  right: .75em;
  left: auto;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg)
}
.light-theme .token.comment, .light-theme .token.block-comment, .light-theme .token.prolog, .light-theme .token.doctype, .light-theme .token.cdata {
  color: #7d8b99
}
.light-theme .token.punctuation {
  color: #5f6364
}
.light-theme .token.property, .light-theme .token.tag, .light-theme .token.boolean, .light-theme .token.number, .light-theme .token.function-name, .light-theme .token.constant, .light-theme .token.symbol, .light-theme .token.deleted {
  color: #c92c2c
}
.light-theme .token.selector, .light-theme .token.attr-name, .light-theme .token.string, .light-theme .token.char, .light-theme .token.function, .light-theme .token.builtin, .light-theme .token.inserted {
  color: #2f9c0a
}
.light-theme .token.operator, .light-theme .token.entity, .light-theme .token.url, .light-theme .token.variable {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5)
}
.light-theme .token.atrule, .light-theme .token.attr-value, .light-theme .token.keyword, .light-theme .token.class-name {
  color: #1990b8
}
.light-theme .token.regex, .light-theme .token.important {
  color: #e90
}
.light-theme .language-css .token.string, .light-theme .style .token.string {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5)
}
.light-theme .language-graphql .token.keyword {
  color: #dd4a68
}
.light-theme .token.important {
  font-weight: normal
}
.light-theme .token.bold {
  font-weight: bold
}
.light-theme .token.italic {
  font-style: italic
}
.light-theme .token.entity {
  cursor: help
}
.light-theme .namespace {
  opacity: .7
}
@media screen and (max-width:767px) {
  pre.light-theme[class*="language-"]:before, pre.light-theme[class*="language-"]:after {
    bottom: 14px;
    box-shadow: none
  }
}
.light-theme .token.tab:not(:empty):before, .light-theme .token.cr:before, .light-theme .token.lf:before {
  color: #e0d7d1
}
pre.light-theme[class*="language-"].line-numbers.line-numbers {
  padding-left: 0
}
pre.light-theme[class*="language-"].line-numbers.line-numbers code {
  padding-left: 3.8em
}
pre.light-theme[class*="language-"].line-numbers.line-numbers .line-numbers-rows {
  left: 0
}
pre.light-theme[class*="language-"][data-line] {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0
}
pre.light-theme[data-line] code {
  position: relative;
  padding-left: 4em
}
pre.light-theme .line-highlight {
  margin-top: 0
}
#block-block-4 .product-header-top {
  display: none
}
h1 {
  font-size: 28px;
  font-family: var(--zf-primary-semibold);
  margin-bottom: 25px
}
h2 {
  font-size: 25px
}
h3 {
  font-size: 21px
}
h4 {
  font-size: 17px
}
p {
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 20px
}
.main-container-wrapper #mini-panel-product_menu {
  background: #fff;
  border-bottom: 1px solid #ececec
}
pre[class*="language-"] {
  padding: 10px 1em 15px
}
.api-code-panel-inner.max-active pre[class*="language-"] {
  padding: 10px 1em 50px
}
.region.region-blog-top-bar {
  position: fixed;
  width: 100%;
  z-index: 0
}
#mini-panel-product_menu .content-wrap {
  max-width: none
}
.content-wrap {
  width: 100%;
  max-width: none
}
.api-menu-panel {
  float: left;
  display: block;
  box-sizing: border-box;
  width: 250px;
  position: fixed;
  background-color: #fff;
  border-right: 1px solid #ececec;
  top: 133px;
  bottom: 0;
  left: 0;
  z-index: -1
}
.api-menu-panel {
  display: none
}
//.zw-product-109 .api-menu-panel {
top:175px
}
.api-menu-search {
  position: fixed;
  background: #fff;
  z-index: 2;
  width: 249px;
  border-bottom: 1px solid #ececec
}
.select-wrap {
  padding: 5px 10px;
  width: 187px;
  display: inline-block;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  border-right: 1px solid #ececec
}
.select-wrap .select-dropdown {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 13px;
  margin: auto
}
select {
  padding: 0 10px 0 10px;
  width: 100%;
  max-width: 175px;
  height: 28px;
  line-height: 28px;
  font-family: var(--zf-primary-regular), Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-transform: capitalize;
  border: 0;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  color: #000;
  text-shadow: 0 0 0 #000;
  text-overflow: ''
}
.zgh-search-iconn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  border: 0;
  outline: 0;
  background: var(--common-elements) no-repeat;
  background-size: 800px auto;
  background-position: -380px 0;
  cursor: pointer;
  font-size: 0;
  transform: scale(.8)
}
.zgh-search-popupp {
  position: fixed;
  top: -30%;
  left: 0;
  width: 50%;
  background: #fff;
  z-index: 1;
  border-bottom: 1px solid #eee;
  -webkit-transition: top 500ms ease-in-out;
  transition: top 500ms ease-in-out
}
.zgh-search-popupp.active {
  top: 20%
}
.api-menu-panel .api-menu-lists {
  margin-top: 30px;
  height: 1000px !important;
  overflow: hidden;
  overflow-y: scroll
}
.api-menu-panel ul.zoho-parent-wrapper {
  padding: 10px 15px 0 15px
}
.api-menu-panel .zoho-parent-wrapper ul {
  display: none
}
.api-menu-panel li {
  margin: 10px 0;
  font-size: 13px;
  padding-left: 18px
}
.api-menu-panel li.hasChild {
  font-size: 15px;
  position: relative
}
.api-menu-panel li a {
  position: relative;
  color: #000;
  display: block;
  padding: 5px 0;
  transition: .5s ease;
  cursor: pointer
}
.api-menu-panel li a:hover {
  color: #03a9f5
}
.api-menu-panel li.active a, .api-menu-panel li a.active {
  color: #03a9f5
}
.api-menu-panel li.active a:after {
  width: 50px
}
.api-menu-panel li.hasChild.open ul li a.active {
  color: #03a9f5
}
.api-menu-panel li.hasChild.open ul li.hasChild > a.active {
  color: #000
}
.api-menu-panel li > a {
  font-size: 13px
}
.api-menu-panel li.api-type-menu > a {
  padding-left: 44px;
  text-indent: -44px
}
.api-menu-panel div > ul > li > a {
  color: #000
}
.api-menu-panel li span.zoho-api-toggle {
  position: absolute;
  top: 8px;
  left: 0;
  width: 12px;
  height: 15px;
  cursor: pointer
}
.api-menu-panel li span.zoho-api-toggle:before, .api-menu-panel li span.zoho-api-toggle:after {
  background: #333;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  top: 7px;
  width: 7px
}
.api-menu-panel li .zoho-api-toggle:before {
  left: 4px;
  transform: rotate(-45deg)
}
.api-menu-panel li .zoho-api-toggle:after {
  left: 0;
  transform: rotate(45deg)
}
.api-menu-panel li a:hover + .zoho-api-toggle:before, .api-menu-panel li a:hover + .zoho-api-toggle:after {
  background: #03a9f5
}
.api-menu-panel li.open > .zoho-api-toggle:before {
  left: 0
}
.api-menu-panel li.open > .zoho-api-toggle:after {
  left: 4px
}
.api-menu-panel li.hasChild.open > a, .api-menu-panel li.hasChild.open > .nolink {
  cursor: pointer;
  font-family: var(--zf-primary-semibold);
  color: #000
}
.api-menu-panel li.hasChild > .nolink {
  cursor: pointer
}
.api-menu-panel li.hasChild.open ul {
  font-weight: 400
}
.api-menu-panel li.hasChild ul.hideIt, .api-menu-panel ul.hideIt .zoho-api-toggle {
  display: none !important
}
.api-menu-panel ul.hideIt a.expandThis + .zoho-api-toggle {
  display: block !important
}
.api-type {
  background: #fff;
  text-transform: uppercase;
  padding: 2px;
  font-size: 7px;
  font-weight: 700;
  margin: 0 5px 5px 0;
  width: 32px;
  display: inline-block;
  text-align: center;
  border-radius: 10px;
  vertical-align: middle;
  text-indent: 0
}
.api-type.get {
  border: 1px solid #90a6ef;
  color: #4b6cd5
}
.api-type.post {
  border: 1px solid #47766a;
  color: #47766a
}
.api-type.put {
  border: 1px solid #b29927;
  color: #b29927
}
.api-type.delete {
  border: 1px solid #b24746;
  color: #b24746
}
.api-type.patch {
  border: 1px solid #795548;
  color: #795548
}
.search-containerr {
  position: fixed;
  top: -120px;
  width: 600px;
  margin-left: -300px;
  left: 50%;
  background: #fff;
  z-index: 999;
  border-bottom: 1px solid #eee;
  transition: top 800ms ease
}
.search-containerr.active {
  top: 0
}
.search-wrapp {
  background: #fff;
  position: relative;
  z-index: 2;
  border-radius: 2px
}
.search-boxx {
  padding: 0;
  position: relative;
  max-width: 520px;
  width: 100%;
  margin: auto
}
.search-wrapp form {
  position: relative
}
.search-fieldd {
  font-size: 13px;
  width: 93%;
  height: 40px;
  margin: 45px 0 25px;
  padding: 0 15px;
  background: #f8f7f7;
  border-radius: 3px;
  font-family: var(--zf-primary-regular);
  border: 0
}
.search-wrapp .search-iconn {
  position: absolute;
  top: 54px;
  right: 18px;
  width: 0;
  height: 0;
  padding: 10px;
  border: 0;
  outline: 0;
  background: var(--common-elements) no-repeat;
  background-size: 800px auto;
  background-position: -380px 0;
  cursor: pointer;
  font-size: 0;
  transform: scale(.8)
}
span.search-clearr {
  position: absolute;
  top: 5px;
  right: -32px;
  width: 10px;
  height: 2px;
  padding: 10px;
  cursor: pointer
}
span.search-clearr:before {
  content: "";
  width: 12px;
  height: 2px;
  background: #000;
  position: absolute;
  top: 10px;
  right: 4px;
  transform: rotate(-45deg)
}
span.search-clearr:after {
  content: "";
  width: 12px;
  height: 2px;
  background: #000;
  position: absolute;
  transform: rotate(45deg)
}
.search-containerr .search-overlayy {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.36);
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: all 800ms ease
}
.search-containerr.active .search-overlayy {
  visibility: visible;
  opacity: 1
}
.feedback-container {
  position: fixed;
  top: -400px;
  width: 500px;
  margin-left: -250px;
  left: 50%;
  background: #fff;
  z-index: 2;
  border-bottom: 1px solid #eee;
  transition: top 800ms ease
}
.feedback-container.active {
  top: 100px
}
.feedback-wrap {
  background: #fff;
  position: relative;
  z-index: 2;
  border-radius: 2px
}
.feedback-box {
  padding: 0;
  position: relative;
  max-width: 430px;
  width: 100%;
  margin: auto
}
.feedback-wrap form {
  position: relative;
  text-align: right;
  padding: 30px 0 20px;
  font-family: var(--zf-primary-semibold)
}
.feedback-wrap form div {
  text-align: left;
  margin: 0 0 0 -10px;
  font-size: 15px
}
.feedback-wrap textarea {
  width: 100%;
  margin: 10px 0 10px -10px;
  height: 100px;
  background: #f7f7f7;
  border: 0;
  font-size: 15px;
  padding: 10px
}
.feedback-wrap #submit {
  font-size: 11px;
  line-height: 32px;
  padding: 0 10px;
  margin-right: -10px;
  font-family: var(--zf-primary-semibold)
}
.feedback-container .feedback-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.36);
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: all 800ms ease
}
.feedback-container.active .feedback-overlay {
  visibility: visible;
  opacity: 1
}
.feedback-container span.search-clearr {
  top: 7px;
  right: -25px
}
.feedback-container span.search-clearr:after {
  right: 3px
}
.api-content-panel {
  /* position: absolute; */
  width: 100%;
  left: 0;
  top: 0px !important;
  z-index: -1;
  display: block;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap
}
.api-content-panel.zthree-col > div {
  display: flex;
  flex-direction: row
}
.api-content-panel.ztwo-col > div {
  display: block;
  width: 100%
}
.api-content-panel.zthree-col > div:last-child {
  width: 100%
}
.api-content-panel.ztwo-col {
  max-width: 900px
}
.api-content-panel.ztwo-col.right-panel-none {
  max-width: 1100px
}
.zthree-col .api-content-inner-wrap, .ztwo-col .api-content-inner-wrap {
  display: inline-block;
  word-wrap: break-word;
  word-break: break-word;
  flex-shrink: 0;
  width: 50%
}
.ztwo-col .api-content-inner-wrap {
  width: 100%;
  max-width: 1100px
}
.api-content-inner-wrap {
  line-height: 1.8;
  color: #000;
  overflow: hidden
}
.api-content-inner-wrap > div {
  padding: 0 25px 20px 35px
}
.api-content-panel.ztwo-col > div .api-content-inner-wrap > div {
  padding: 0 25px 0 35px
}
.api-content-inner-wrap p {
  margin-bottom: 15px
}
.api-content-inner-wrap a {
  color: #2b7bb9
}
.api-content-inner-wrap > h2 {
  padding-bottom: 15px;
  margin: 40px 0 20px;
  border-bottom: 2px solid #f4f4f4
}
.api-content-inner-wrap pre.edit_code {
  white-space: pre-wrap
}
h1 {
  font-size: 28px
}
.api-content-inner-wrap ul li, .api-content-inner-wrap ol li {
  list-style: outside;
  display: list-item;
  margin: 10px 0;
  padding: 0;
  font-size: 15px
}
.api-content-inner-wrap ul, .api-content-inner-wrap ol {
  margin: 0 0 20px 20px;
  padding: 0
}
.api-content-panel .api-content-inner-wrap ol li {
  list-style-type: decimal
}
.api-content-inner-wrap li ul li, .api-content-panel .api-content-inner-wrap ul li {
  list-style-type: disc;
  font-size: 15px;
  line-height: 1.6
}
.api-content-inner-wrap li ol li {
  list-style-type: lower-roman
}
.api-content-inner-wrap li ol li li {
  list-style-type: lower-alpha
}
.api-content-inner-wrap img {
  margin: 15px 0
}
.api-content-inner-wrap table {
  margin: 15px 0 50px;
  table-layout: fixed;
  width: 100%
}
.api-content-inner-wrap table th {
  font-family: var(--zf-primary-semibold)
}
.api-content-inner-wrap table td, .api-content-inner-wrap table th {
  font-size: 15px;
  line-height: 1.4;
  padding: 10px;
  border: 1px solid #e3e3e3;
  vertical-align: middle
}
.api-content-inner-wrap table td p, .api-content-inner-wrap table th p {
  margin-bottom: 0
}
.api-content-inner-wrap table.bottom-only-border td, .api-content-inner-wrap table.bottom-only-border th {
  border: 0;
  padding: 10px 0;
  border-bottom: 1px solid #e3e3e3
}
.api-content-inner-wrap table tr.bg-grey td, .api-content-inner-wrap table tr.bg-grey th {
  background: #f7f7f7
}
.api-content-inner-wrap table tr.bg-blue td, .api-content-inner-wrap table tr.bg-blue th {
  background: #f0f7ff
}
.api-content-inner-wrap table tr.bg-purple td, .api-content-inner-wrap table tr.bg-purple th {
  background: #f1f0ff
}
.api-content-inner-wrap table tr.bg-green td, .api-content-inner-wrap table tr.bg-green th {
  background: #f0fffd
}
.xl-table {
  overflow: scroll;
  width: 100%
}
.z-notes {
  width: 95%;
  padding: 16px 18px 10px;
  margin: 30px 0;
  position: relative
}
.z-notes p {
  margin-bottom: 10px
}
.z-notes p:last-child {
  margin-bottom: 0
}
.z-notes.z-notes-blue {
  background: #f5f8fd;
  border-left: 4px solid #5d99dc
}
.z-notes.z-notes-yellow {
  background: #fffbe6;
  border-left: 4px solid #f4e9af
}
.z-notes.z-notes-red {
  background: #fff2f2;
  border-left: 4px solid #ffcece
}
.z-higlight-block {
  width: 95%;
  padding: 10px 15px 10px;
  margin: 0;
  position: relative
}
.z-higlight-block p {
  margin-bottom: 10px
}
.z-higlight-block p:last-child {
  margin-bottom: 0
}
.z-bg-blue {
  background: #f5f8fd
}
.z-bg-yellow {
  background: #fffbe6
}
.z-bg-red {
  background: #fff2f2
}
.z-endpoints {
  color: #fff;
  background: #f7fafc;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .07);
  border-radius: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  padding: 20px
}
.z-endpoints p {
  font-size: 13px;
  margin: 0 0 10px
}
.z-endpoints p a {
  color: #666;
  font-family: var(--zf-primary-semibold)
}
.z-text-blue {
  color: #2b7bb9
}
.z-text-red {
  color: #f0483e
}
.z-text-green {
  color: #09825d
}
.z-text-yellow {
  color: #b29927
}
.z-data-list {
  margin-top: 30px
}
.z-data-list .data-list-title {
  font-size: 19px;
  font-family: var(--zf-primary-semibold);
  margin-bottom: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e3e3
}
.z-data-list .data-list-group {
  list-style: none;
  padding: 0;
  margin: 0
}
.z-data-list .data-list-group .data-list-item {
  padding: 15px 0;
  border-bottom: 1px solid #e3e3e3;
  list-style: none;
  margin: 0
}
.data-list-group .data-list-item .data-label {
  font-size: 15px;
  margin-bottom: 5px
}
.data-list-group .data-list-item .data-label span {
  margin-right: 7px
}
.data-list-group .data-list-item .data-label .data-name {
  font-family: var(--zf-primary-semibold)
}
.data-list-group .data-list-item .data-label .data-type, .data-list-group .data-list-item .data-label .data-extra {
  color: #666
}
.data-list-group .data-list-item .data-label .data-badge {
  color: #666
}
.data-list-group .data-list-item .data-description p {
  margin-bottom: 10px;
  font-size: 15px
}
.data-list-group .data-list-item .data-description p:last-child {
  margin-bottom: 0
}
.script {
  padding: 20px 20px 0;
  background: #e3e3e3;
  overflow: hidden;
  margin: 0 0 20px
}
.img-sec {
  max-width: 100%;
  height: auto
}
.img-sec img {
  border: 1px solid #fafafa;
  box-sizing: border-box
}
.img-sec.mid-img img {
  margin: 30px auto
}
.img-sec.multiple-img {
  margin: 30px 10px;
  display: inline-block
}
.mobileapp-wrap ul {
  margin-left: 0
}
.mobileapp-wrap ul li {
  display: inline-block;
  margin: 0 20px 0 0
}
.mobileapp-wrap ul li:last-child {
  margin-right: 0
}
.mobileapp-wrap ul li a {
  background: url('/images/product-common-sprite.png') no-repeat;
  height: 40px;
  width: 135px;
  display: block
}
.mobileapp-wrap ul li a.googleplay {
  background-position: 0 -105px
}
.mobileapp-wrap ul li a.appstore {
  background-position: 0 -60px
}
.zthree-col .api-code-panel {
  display: inline-block;
  padding: 0 30px;
  position: sticky;
  align-self: flex-start;
  top: 110px;
  padding-top: 40px
}
.ztwo-col .api-code-panel {
  max-width: 1100px;
  width: 100%
}
.api-code-panel > div {
  margin-bottom: 50px
}
.ztwo-col .api-code-panel > div {
  padding: 0 25px 0 35px;
  margin-bottom: 40px
}
.api-code-panel .api-code-panel-inner {
  color: #fff;
  background: #3f4255;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .07);
  border-radius: 8px;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  height: auto;
  animation: all .5s ease;
  margin-bottom: 20px
}
.api-code-panel .light-theme .api-code-panel-inner {
  background: #f7fafc
}
.api-code-panel .api-code-panel-inner .show-full, .api-code-panel .api-code-panel-inner .show-less {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  cursor: pointer;
  display: none;
  width: 100%;
  height: 35px;
  background: #3e4156;
  width: max-content
}
.api-code-panel .light-theme .api-code-panel-inner .show-full, .api-code-panel .light-theme .api-code-panel-inner .show-less {
  background: #f6fafc
}
.api-code-panel .api-code-panel-inner.max-active .show-full, .api-code-panel .api-code-panel-inner:not(.max-active) .show-less {
  display: block
}
.api-code-panel .api-code-panel-inner.max-active .show-full p, .api-code-panel .api-code-panel-inner:not(.max-active) .show-less p {
  padding-right: 15px;
  font-size: 13px;
  color: #fff;
  font-family: var(--zf-primary-semibold);
  position: relative
}
.api-code-panel .api-code-panel-inner.max-active .show-full p:before, .api-code-panel .api-code-panel-inner:not(.max-active) .show-less p:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  position: absolute;
  top: 0;
  bottom: 8px;
  right: 77px;
  margin: auto
}
.api-code-panel .api-code-panel-inner:not(.max-active) .show-less p::before {
  right: 80px;
  border-bottom: 5px solid #fff;
  border-top: unset;
  bottom: 10px
}
.api-code-panel .light-theme .api-code-panel-inner.max-active .show-full p, .api-code-panel .light-theme .api-code-panel-inner:not(.max-active) .show-less p {
  color: #3e4156
}
.api-code-panel .light-theme .api-code-panel-inner.max-active .show-full p:before {
  border-top: 5px solid #000
}
.api-code-panel .light-theme .api-code-panel-inner:not(.max-active) .show-less p:before {
  border-bottom: 5px solid #000
}
:not(pre) > code[class*="language-"], pre[class*="language-"] {
  background: 0
}
.api-code-panel .api-code-panel-inner .api-code-block {
  display: none;
  clear: both
}
.api-code-panel .api-code-panel-inner .api-code-block.active {
  display: block
}
.api-code-panel-inner .api-code-block .inner-lang-selector {
  position: relative;
  min-height: 42px;
  border-bottom: 1px solid #999
}
.api-code-panel-inner .api-code-block .inner-lang-selector .selector-set {
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 10px
}
.api-code-panel-inner .api-code-block .inner-lang-selector .selector-set select {
  background: #000;
  color: #fff;
  width: auto;
  padding: 0 30px 0 10px;
  font-family: var(--primaryfont-semibold)
}
.api-code-panel-inner .api-code-block .inner-lang-selector .selector-set:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6px;
  margin: auto
}
.api-code-panel-inner .api-code-block .inner-lang-selector .version-set {
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 13px
}
.api-code-panel-inner .api-code-block .inner-lang-selector .version-set span {
  display: none;
  font-family: var(--primaryfont-semibold)
}
.api-code-panel-inner .api-code-block .inner-lang-selector .version-set span.active {
  display: inline-block
}
.api-code-panel-inner .api-code-block pre {
  display: none
}
.api-code-panel-inner .api-code-block pre.active {
  display: block
}
.api-code-panel .api-code-panel-inner h3 {
  color: #9fa8da
}
.api-code-panel .api-code-panel-inner p {
  padding-bottom: 10px;
  color: #fff
}
.lang-selector {
  display: none;
  background-color: #333543;
  border-radius: 10px 10px 0 0;
  float: left;
  width: 100%;
  font-weight: bold
}
.lang-selector:after {
  content: "";
  width: 2px;
  height: 38px;
  background: #3f4255;
  position: absolute;
  right: 40px
}
.lang-selector a {
  display: block;
  float: left;
  color: #fff;
  text-decoration: none;
  padding: 2px 12px;
  font-size: 15px;
  font-weight: 500;
  line-height: 32px;
  outline: 0;
  cursor: pointer
}
.lang-selector a.active {
  color: #5fa7f2;
  border-bottom: 2px solid #5fa7f2;
  font-weight: 700
}
.menu-select {
  background-color: #333543;
  border-radius: 10px 10px 0 0;
  float: left;
  width: 100%;
  font-weight: bold;
  padding: 5px 0 5px 11px;
  display: none;
  position: relative
}
.api-code-panel .api-code-panel-inner .menu-select:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 120px;
  margin: auto
}
.menu-select select {
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  background: #000;
  overflow-x: hidden !important;
  padding: 0 30px 0 10px;
  width: 85px
}
.api-panel {
  position: relative;
  margin-bottom: 35px
}
.api-panel .copy {
  content: '';
  background: no-repeat url(//www.zohowebstatic.com/sites/zweb/images/pop-out.png);
  background-size: 100%;
  display: inline-block;
  height: 1em;
  width: 1em;
  position: absolute;
  right: 25px;
  top: 10px
}
.copy_button {
  position: absolute;
  width: 10px;
  height: 12px;
  right: 11px;
  top: 9px;
  padding: 5px;
  cursor: pointer;
  background: url('//www.zohowebstatic.com/sites/zweb/images/commonroot/product-api-sprite.png');
  background-position: -40px 0;
  background-size: 80px
}
.copy_button.copy_text {
  background: unset;
  width: auto;
  padding: 3px 5px 4px 5px;
  height: auto;
  line-height: 1;
  top: 11px;
  right: 8px;
  background-color: #bbb;
  border-radius: 3px;
  color: rgb(0, 0, 0, .6);
  border: unset;
  font-size: 12px;
  font-family: var(--zf-primary-medium)
}
.light-theme .copy_button.copy_text {
  background-color: #000;
  color: #e3e3e3
}
.light-theme .copy_button {
  background-position: -60px 0
}
.copiedTooltip {
  background-color: #bbb;
  border-radius: 3px;
  font-size: 9px;
  line-height: 22px;
  padding: 0 5px;
  position: absolute;
  right: 37px;
  top: 8px;
  display: none
}
.copiedTooltip:after {
  top: 6px;
  right: -10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(242, 242, 242, 0);
  border-left-color: #bbb;
  border-width: 5px
}
.copiedFadeOut {
  display: block;
  opacity: 1;
  -webkit-animation-name: copiedFadeOut;
  -webkit-animation-duration: 1s;
  animation-name: copiedFadeOut;
  animation-duration: 1s
}
@-webkit-keyframes copiedFadeOut {
  0% {
    opacity: 1;
    right: 37px
  }
  100% {
    opacity: 0;
    right: 60px
  }
}
@keyframes copiedFadeOut {
  0% {
    opacity: 1;
    right: 37px
  }
  100% {
    opacity: 0;
    right: 60px
  }
}
.external-link::after, .api-menu-panel li a[target="_blank"]::after {
  content: "";
  background: var(--common-elements);
  height: 13px;
  width: 14px;
  background-position: -310px 0;
  background-size: 620px auto;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: -2px
}
.green {
  border-left: 4px solid #18a668;
  background-color: transparent;
  clear: both;
  padding: 15px !important;
  margin: 10px 0 20px
}
.text-green {
  color: #18a668
}
.btn-green {
  background: #18a668;
  padding: 10px 25px;
  font-size: 17px;
  color: #fff !important;
  font-weight: 700;
  line-height: normal;
  border-radius: 0;
  margin-bottom: 10px;
  display: inline-block
}
.api-right-panel {
  position: fixed;
  top: 128px;
  left: 1080px;
  padding-left: 20px;
  width: 250px;
  border-left: 3px solid #eee
}
.api-content-inner-wrap .api-right-panel {
  position: static;
  top: 0;
  width: auto;
  margin-bottom: 20px;
  display: none
}
.api-right-panel p {
  margin-bottom: 5px;
  font-family: var(--zf-primary-semibold)
}
.api-right-panel ul li {
  font-size: 13px;
  line-height: 22px;
  margin-bottom: 10px
}
.api-right-panel ul li a.active-menu {
  font-family: var(--zf-secondary-bold);
  color: #000
}
.api-right-panel ul li ul {
  margin: 10px 0 0 20px
}
.api-content-inner-wrap .api-right-panel > ul {
  margin: 0
}
.api-content-inner-wrap .api-right-panel ul li {
  list-style-type: none
}
.api-content-panel .footer-wrapper {
  text-align: center;
  width: auto;
  padding: 15px 0;
  margin: 30px 20px 20px 25px;
  clear: both;
  justify-content: center
}
.api-content-panel .footer-wrapper p {
  margin-bottom: 0;
  font-size: 11px
}
@media only screen and (max-width :1368px) {
  .api-right-panel {
    display: none
  }
  .api-content-inner-wrap .api-right-panel {
    display: block
  }
  .api-content-panel.ztwo-col {
    max-width: none
  }
}
@media only screen and (min-width :768px) and (max-width:1199px) {
  .api-menu-panel li.hasChild {
    font-size: 13px
  }
  .api-menu-panel li.hasChild .zoho-parent-toggle {
    top: 11px
  }
  .api-content-panel .footer-wrapper {
    width: 100%
  }
}
@media only screen and (max-width :1199px) {
  .api-content-panel.zthree-col > div {
    display: block;
    flex-direction: unset
  }
  .zthree-col .api-content-inner-wrap, .ztwo-col .api-content-inner-wrap {
    display: block;
    width: 100%;
    flex-shrink: unset
  }
  .api-content-inner-wrap > div {
    padding: 0 50px 0 35px
  }
  .zthree-col .api-code-panel, .ztwo-col .api-code-panel {
    width: 100%;
    display: block;
    position: relative;
    padding: 0;
    top: 0;
    align-self: unset
  }
  .api-code-panel > div, .ztwo-col .api-code-panel > div {
    margin-bottom: 30px;
    padding: 0 50px 0 35px
  }
}
@media only screen and (max-width :1023px) {
  .zw-product-header {
    padding: 0 10px
  }
}
@media only screen and (max-width :767px) {
  .api-content-inner-wrap > div, .api-content-panel.ztwo-col > div .api-content-inner-wrap > div {
    padding: 0
  }
  .ztwo-col .api-content-inner-wrap {
    margin: 0 auto
  }
  .zw-product-header {
    padding: 0
  }
  .zoho-parent-wrapper {
    padding: 10px 0 0 0
  }
  h1 {
    font-size: 23px;
    padding-bottom: 10px
  }
  .star-rating {
    top: 21px
  }
  #block-system-main {
    margin-top: 7px
  }
  #block-system-main .content-wrap {
    width: 90%
  }
  .api-content-panel.ztwo-col {
    width: 100%
  }
  .api-content-panel {
    background: #fff;
    top: 90px;
    left: 50%;
    transform: translateX(-50%)
  }
  .api-content-inner-wrap table {
    width: calc(100% - 5px) !important;
    display: block;
    overflow-x: auto;
    white-space: nowrap
  }
  .api-menu-panel {
    overflow-y: visible;
    overflow-x: visible
  }
  .api-code-panel {
    width: 100%;
    margin-top: 0;
    top: 0;
    position: relative
  }
  .main-container-wrapper #mini-panel-product_menu {
    background: #fff
  }
  #mini-panel-product_menu .menu-icon-help-header .product-title a, .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header + .product-nav-links li a {
    color: #333
  }
  .mob-menu-click {
    position: absolute;
    right: -37px;
    top: 50%;
    margin-top: -24px;
    background: #fff;
    border-radius: 0 5px 5px 0;
    width: 36px;
    height: 42px;
    border: 1px solid #ccc;
    border-left-color: #fff;
    cursor: pointer
  }
  .mob-menu-click:before {
    content: '+';
    position: absolute;
    left: 0;
    top: 0;
    width: 33px;
    height: 100%;
    color: #666;
    font-size: 23px;
    line-height: 41px;
    text-align: center
  }
  .mob-menu-click.menu-click-active:before {
    content: '-'
  }
  .api-menu-panel {
    position: fixed;
    left: -280px;
    top: 55px;
    bottom: 0;
    background: rgba(255, 255, 255, 1);
    width: 281px;
    z-index: 1;
    transition: .75s ease;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3)
  }
  .api-menu-panel > div.api-menu-lists {
    padding: 30px;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: scroll;
    opacity: 0;
    visibility: hidden;
    transition: .5s ease
  }
  .api-menu-panel.mmenu-active > div {
    visibility: visible;
    opacity: 1;
    transition: 2s ease;
    padding: 0 0 0 30px
  }
  .api-menu-panel.mmenu-active {
    left: -20px
  }
  .api-menu-search {
    width: 249px
  }
  .mob-menu-click {
    display: inline-block
  }
  .mobile-h-scroll {
    overflow: hidden;
    overflow-x: scroll
  }
  .main-container-wrapper #mini-panel-product_menu, .zph-sticky .main-container-wrapper #mini-panel-product_menu {
    background: #fff;
    border-bottom: 1px solid #f7f7f7
  }
  .lang-selector {
    position: static
  }
  .lang-selector a:first-child {
    padding-left: 10px
  }
  .lang-selector a {
    font-size: 14px;
    padding: 2px 6px
  }
}
@media only screen and (max-width :480px) {
  .api-menu-panel {
    left: -280px;
    width: 280px
  }
  .api-menu-panel.mmenu-active {
    left: 0
  }
}
.og-context-node-35297 .star-rating, .zw-product-33 .star-rating {
  display: none
}
.og-context-node-35297 .api-content-inner-wrap h1, .zw-product-33 .api-content-inner-wrap h1 {
  padding-bottom: 0;
  margin-bottom: 15px
}
.api-menu-search {
  display: none
}
.api-menu-panel .api-menu-lists {
  margin-top: 0
}
.zw-product-48 .api-menu-search, .zw-product-107 .api-menu-search, .zw-product-109 .api-menu-search, .zw-product-90 .api-menu-search, .zw-product-88 .api-menu-search, .zw-product-57 .api-menu-search, .zw-product-80 .api-menu-search {
  display: block;
  height: 40px
}
.zw-product-48 .api-menu-panel .api-menu-lists, .zw-product-107 .api-menu-panel .api-menu-lists, .zw-product-109 .api-menu-panel .api-menu-lists, .zw-product-90 .api-menu-panel .api-menu-lists, .zw-product-88 .api-menu-panel .api-menu-lists, .zw-product-57 .api-menu-panel .api-menu-lists, .zw-product-80 .api-menu-panel .api-menu-lists {
  margin-top: 30px
}
.zw-product-79.zw-template-zp_api .api-menu-panel {
  width: 250px
}
.zw-product-79.zw-template-zp_api .api-content-panel {
  margin-left: 0
}
.zw-product-23 .zsiq_floatmain {
  display: none !important
}
.zw-product-23 .zcommunity_fixed {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: #06c url(//www.zohowebstatic.com/sites/zweb/images/contracts/zc-icon.svg) no-repeat 100% 100%;
  background-position: center center
}
.zw-product-23 .zcommunity_fixed a {
  position: absolute;
  width: 100%;
  height: 100%
}
.zw-product-23 .community-tooltip {
  opacity: 0
}
.zw-product-23 .community-tooltip:before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #226eb3;
  bottom: -147px;
  color: white;
  height: 137px;
  left: 85%;
  position: absolute;
  width: 0;
  content: '';
  pointer-events: none
}
.zw-product-23 .zcommunity_fixed:hover .community-tooltip {
  box-shadow: 0 0 5px #363535;
  font-size: 13px;
  line-height: 22px;
  min-height: 25px;
  text-align: left;
  border: 0;
  opacity: 1;
  transition: opacity .5s ease;
  display: block;
  position: absolute;
  top: -66px;
  left: -210px;
  background: #226eb3;
  color: #fff;
  font-family: 'Zoho_Puvi_SemiBoldItalic';
  padding: 15px;
  border-radius: 7px
}
@media only screen and (max-width:767px) {
  .zw-product-23 .zcommunity_fixed {
    width: 50px;
    height: 50px;
    border-radius: 0;
    right: 0;
    bottom: 0;
    background-size: 48px
  }
  .zw-product-23 .community-tooltip {
    display: none !important
  }
}
.zw-product-23 .product-nav-links-new {
  display: none
}
.og-context-node-100 .zgh-search-iconn {
  display: none
}
.og-context-node-100 .api-menu-panel .api-menu-lists {
  margin-top: 0
}
footer {
  display: none
}
.api-content-inner-wrap table td.tdMain {
  background: #f3f3f3
}
.note {
  padding: 20px;
  background: #fafaf0;
  overflow: hidden;
  margin: 0 0 20px
}
.zw-product-crm li.data-list-faq {
  border-bottom: 1px solid #e3e3e3;
  margin: 10px 0;
  list-style-type: none !important;
  padding: 0 10px !important
}
.zw-product-crm .data-desc-ans {
  display: none
}
.zw-product-crm ul.data-list-group {
  list-style: none
}
.zw-product-crm .data-list-faq .data-label {
  padding: 0 20px 10px 0;
  position: relative;
  cursor: pointer
}
.zw-product-crm .faq-opn-icn {
  position: absolute;
  width: 6px;
  height: 6px;
  border: 2px solid #7e7979;
  transform: rotate(45deg);
  border-left: 0;
  border-top: 0;
  top: 5px;
  right: 0
}
.zw-product-crm .faq-clse-icn {
  transform: rotate(225deg);
  top: 9px
}
.zw-product-crm .faq-qusname {
  font-family: var(--zf-primary-semibold)
}
.za-nav-wrap {
  width: 100%;
  max-width: 800px;
  margin: auto;
  padding: 50px 0 40px;
  display: flex !important;
  justify-content: center;
  gap: 30px
}
.za-nav-item {
  width: 40%;
  padding: 10px 20px;
  box-shadow: 0 1px 4px rgba(116, 129, 141, 0.1);
  border: 1px solid #eaeef0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: grid;
  align-items: center;
  transition: all .2s ease;
  -webkit-transition: all .2s ease
}
.za-nav-item:hover {
  border-color: #976bbf
}
.za-nav-item a {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  color: #000;
  position: relative;
  flex-direction: row-reverse
}
.za-nav-item.right-sec a {
  justify-content: flex-start
}
.za-nav-item a::before, .za-nav-item a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto
}
.za-nav-item.right-sec a::before {
  border-right: 2px solid #92929c;
  border-bottom: 2px solid #92929c;
  width: 10px;
  height: 10px;
  left: 11px;
  transform: rotate(318deg)
}
.za-nav-item.left-sec a::before {
  border-right: 2px solid #92929c;
  border-bottom: 2px solid #92929c;
  width: 10px;
  height: 10px;
  transform: rotate(130deg);
  right: 11px
}
.za-nav-item.right-sec a::after {
  width: 21px;
  height: 1px;
  border-bottom: 2px solid #92929c;
  left: 0
}
.za-nav-item.left-sec a::after {
  width: 21px;
  height: 1px;
  border-bottom: 2px solid #92929c;
  right: 0
}
.za-nav-item.right-sec a .za-nav-btn {
  text-align: right
}
.za-nav-item.right-sec .column {
  text-align: right
}
.za-nav-item.left-sec .column {
  text-align: left
}
.za-nav-item .za-nav-btn span {
  display: block;
  font-size: 16px
}
.za-nav-item .za-nav-btn {
  width: 80%
}
.za-nav-item .za-nav-btn span:first-child {
  color: #92929c;
  font-size: 14px
}
@media only screen and (max-width:1199px) {
  .za-nav-wrap {
    display: flex !important
  }
}
@media only screen and (max-width:1199px) and (min-width:767px) {
  .za-nav-wrap {
    max-width: 91%
  }
}
@media only screen and (max-width:991px) and (min-width:767px) {
  .za-nav-item a {
    padding-top: 20px
  }
  .za-nav-item a::before, .za-nav-item a::after {
    margin: unset
  }
  .za-nav-item.left-sec a::after, .za-nav-item.right-sec a::after {
    top: 4px
  }
  .za-nav-item.left-sec a::before, .za-nav-item.left-sec a::after {
    left: 0
  }
  .za-nav-item.right-sec a::after, .za-nav-item.right-sec a::before {
    right: 0;
    left: unset
  }
  .za-nav-item .za-nav-btn {
    width: 100%
  }
  .za-nav-item {
    align-items: flex-start
  }
}
@media only screen and (max-width:640px) {
  .za-nav-item {
    padding: 10px 10px
  }
  .za-nav-item .za-nav-btn {
    width: 100%
  }
  .za-nav-item .za-nav-btn span:first-child {
    font-size: 12px
  }
  .za-nav-item .za-nav-btn span {
    font-size: 13px
  }
  .za-nav-item a {
    padding-top: 20px
  }
  .za-nav-item a::before, .za-nav-item a::after {
    margin: unset
  }
  .za-nav-item.left-sec a::after, .za-nav-item.right-sec a::after {
    top: 4px
  }
  .za-nav-item.left-sec a::before, .za-nav-item.left-sec a::after {
    left: 0
  }
  .za-nav-item.right-sec a::after, .za-nav-item.right-sec a::before {
    right: 0;
    left: unset
  }
  .za-nav-item.left-sec a::before, .za-nav-item.right-sec a::before {
    width: 8px;
    height: 8px;
    top: 1px
  }
  .za-nav-item.left-sec a::after, .za-nav-item.right-sec a::after {
    width: 12px
  }
  .za-nav-wrap {
    gap: 15px;
    padding: 0 0 40px
  }
  .za-nav-item {
    align-items: flex-start
  }
}
.zw-product-2 .api-content-panel, .zw-product-129 .api-content-panel {
  display: none
}
.zw-product-88 .select-wrap {
  width: 229px
}
.zw-product-88 .select-wrap {
  box-sizing: content-box
}
.zw-product-107 .select-wrap select, .zw-product-90 .select-wrap select, .zw-product-88 .select-wrap select {
  max-width: 220px
}
.zw-product-57 .api-menu-panel {
  top: 68px
}
.zw-product-57 .api-content-panel {
  top: 110px
}
.zw-product-129.zw-template-zp_api main, .zw-product-20.zw-template-zp_api main {
  position: fixed;
  top: 133px;
  height: calc(100vh - 133px);
  width: 100%;
  overflow: scroll;
  bottom: 30px
}
.zw-product-129 .api-content-panel, .zw-product-20 .api-content-panel {
  top: 0;
  padding-top: 25px
}
.zw-product-129 .api-code-panel > div, .zw-product-129 .api-code-panel .api-code-panel-inner.api-code-panel > div, .zw-product-129 .api-code-panel .api-code-panel-inner, .zw-product-20 .api-code-panel > div, .zw-product-20 .api-code-panel .api-code-panel-inner.api-code-panel > div, .zw-product-20 .api-code-panel .api-code-panel-inner {
  margin-bottom: 0
}
.zw-product-129 .api-content-panel.ztwo-col > div .api-content-inner-wrap > div, .zw-product-20 .api-content-panel.ztwo-col > div .api-content-inner-wrap > div {
  padding: 20px 25px 0 35px
}
.zw-product-129 .api-content-panel.ztwo-col > div > div:first-child .api-content-inner-wrap > div, .zw-product-20 .api-content-panel.ztwo-col > div > div:first-child .api-content-inner-wrap > div {
  padding-top: 0
}
.zw-product-129 .api-right-panel ul li a, .zw-product-20 .api-right-panel ul li a {
  color: #333;
  font-family: var(--zf-secondary-medium)
}
.zw-product-129 .api-right-panel ul li a.active-menu, .zw-product-20 .api-right-panel ul li a.active-menu {
  font-family: var(--zf-secondary-bold);
  color: #000
}
.zw-product-129 .api-content-panel.ztwo-col.right-panel, .zw-product-20 .api-content-panel.ztwo-col.right-panel {
  flex-direction: row;
  flex-wrap: nowrap;
  width: calc(100% - 250px);
  max-width: unset
}
.zw-product-129 .api-right-panel, .zw-product-20 .api-right-panel {
  position: relative;
  left: unset;
  top: unset;
  border-left: unset;
  padding: unset;
  border-left: 1px solid #ececec;
  margin-top: -30px;
  padding-top: 30px;
  min-width: 250px;
  max-width: fit-content
}
.zw-product-129 .api-right-panel .stick-panel, .zw-product-20 .api-right-panel .stick-panel {
  padding-left: 20px;
  position: sticky;
  top: 25px
}
.zw-product-129 .api-right-panel .stick-panel ul, .zw-product-20 .api-right-panel .stick-panel ul {
  overflow: hidden;
  overflow-y: scroll
}
.zw-product-129 .api-content-panel.ztwo-col > div:first-child, .zw-product-20 .api-content-panel.ztwo-col > div:first-child {
  min-width: 900px
}
@media(max-width:1410px) {
  .zw-product-129 .api-content-panel.ztwo-col > div:first-child, .zw-product-20 .api-content-panel.ztwo-col > div:first-child {
    min-width: calc(100% - 250px)
  }
  .zw-product-129 .api-content-panel.ztwo-col, .zw-product-20 .api-content-panel.ztwo-col {
    max-width: none
  }
}
@media(max-width:1279px) {
  .zw-product-129 .api-right-panel, .zw-product-20 .api-right-panel {
    display: none !important
  }
  .zw-product-129 .api-content-panel.ztwo-col > div:first-child, .zw-product-20 .api-content-panel.ztwo-col > div:first-child {
    min-width: 100%
  }
}
@media(max-width:767px) {
  .zw-product-129.zw-template-zp_api main, .zw-product-20.zw-template-zp_api main {
    top: 58px
  }
  .zw-product-129 .api-content-inner-wrap > div, .zw-product-129 .api-content-panel.ztwo-col > div .api-content-inner-wrap > div, .zw-product-20 .api-content-inner-wrap > div, .zw-product-20 .api-content-panel.ztwo-col > div .api-content-inner-wrap > div {
    padding: 0
  }
  .zw-product-129 .api-content-panel.ztwo-col.right-panel, .zw-product-20 .api-content-panel.ztwo-col.right-panel {
    width: unset;
    max-width: none
  }
}
code[class*="language-"], pre[class*="language-"] {
  color: white;
  background: 0;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 28px;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none
}
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc
}
pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection {
  text-shadow: none;
  background: #b3d4fc
}
@media print {
  code[class*="language-"], pre[class*="language-"] {
    text-shadow: none
  }
}
pre[class*="language-"] {
  padding: 0 1em;
  overflow: auto
}
:not(pre) > code[class*="language-"], pre[class*="language-"] {
  background: #292c3a
}
:not(pre) > code[class*="language-"] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal
}
.token.comment, .token.prolog, .token.doctype, .token.cdata {
  color: slategray
}
.token.punctuation {
  color: #999
}
.namespace {
  opacity: .7
}
.token.property {
  color: #c3d358
}
.token.boolean, .token.number, .token.constant, .token.string, .token.char {
  color: #fff
}
.token.tag, .token.symbol, .token.deleted {
  color: #905
}
.token.selector, .token.attr-name, .token.builtin, .token.inserted {
  color: #690
}
.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
  color: #a67f59
}
.token.atrule, .token.attr-value, .token.keyword {
  color: #07a
}
.token.function {
  color: #dd4a68
}
.token.regex, .token.important, .token.variable {
  color: #e90
}
.token.important, .token.bold {
  font-weight: bold
}
.token.italic {
  font-style: italic
}
.token.entity {
  cursor: help
}

div#scroll.container.inner-cont.clearfix .rhs-cont {
    padding-left: 0;   padding-top: 0;
}