body {
  font-family: Iran-Sans-Light !important;
  font-size: 14px;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  background: rgb(177, 177, 177);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgb(156, 156, 156);
}

:focus {
  outline: none !important;
}

.page-heading h1 {
  font-weight: 600;
}

.header-section {
  position: absolute;
}

.page-heading {
  padding: 1rem !important;
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  box-sizing: border-box;
}

.page-heading h1 {
  color: #fff;
}

.hdsp-info-search-inner {
  min-width: auto;
  margin-top: 5px;
  /* border: 2px solid #cccccc; */
  border-radius: 5px;
  font-size: 17px;
  background-color: #fff;
}

.hdsp-info-search-form {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 11px 10px;
  border: none;
}

.hdsp-info-search-form-input {
  flex: 1;
  margin: 0 10px 0 0;
  padding: 0;
  border: none;
}

.hdsp-info-search-form-search-btn {
  margin: 0;
  padding: 10px 36px;
  background: #2fc7f7;
  border: none;
  border-radius: 5px;
  color: #fff;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
  transition: background .3s;
  cursor: pointer;
}

.hdsp-info-search-form-search-btn:hover {
  background: #68ddff;
}

.highlight {
  padding: 1rem;
  margin-bottom: 1rem;
  background-color: #f8f9fa;
  direction: ltr;
  text-align: left;
}

.bd-content .highlight {
  margin-right: -.75rem;
  margin-left: -.75rem;
}

.bd-clipboard+.highlight {
  margin-top: 0;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.highlight pre {
  padding: 0;
  margin-top: .65rem;
  margin-bottom: .65rem;
  white-space: pre;
  background-color: transparent;
  border: 0;
}

.highlight pre code {
  font-size: inherit;
  color: #212529;
  word-wrap: normal;
}

.bd-clipboard {
  position: relative;
  display: none;
  float: right;
}

.btn-clipboard {
  position: absolute;
  top: .65rem;
  right: .65rem;
  z-index: 9;
  display: block;
  padding: .25rem .5rem;
  font-size: .65em;
  color: #0d6efd;
  background-color: #fff;
  border: 1px solid;
  border-radius: .25rem;
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}

.btn-clipboard:hover,
.btn-clipboard:focus {
  color: #fff;
  background-color: #0d6efd;
}

.left_side {
  transition: .5s all;
}

.left_side nav {
  font-size: .875rem;
}

.left_side nav ul {
  padding-right: 0;
  list-style: none;
}

.left_side nav li {
  margin-top: 5px;
  transition: .3s all;
  padding: 5px 15px;
  border-radius: 10px;
  cursor: pointer;
}

.left_side nav li:hover {
  background-color: #edecec;
}
.left_side nav li.active {
  background-color: #cceffd;
}

.left_side nav a {
  color: inherit;
}

.left_side nav ul ul {
  padding-right: 1rem;
  margin-top: .25rem;
}

.right_side {
  overflow: auto;
  padding-right: 0;
  transition: .5s all;
}

.right_side .closebtn,
.openbtn {
  display: none
}

@media (min-width: 576px) {
  .highlight {
    padding: 1rem 1.5rem;
  }

  .bd-content .highlight {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .right_side {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    bottom: 0;
    display: block !important;
    height: 100vh;
    padding-left: .25rem;
    margin-left: -.25rem;
    overflow-y: auto;
    border-left: 1px solid #dee2e6;
  }

  .bd-clipboard {
    display: block;
  }
}

@media (min-width: 992px) {
  .left_side {
    position: sticky;
    top: 0;
    right: 0;
    z-index: 2;
    height: 100vh;
    overflow-y: auto;
  }
}

@media (max-width: 992px) {
  .left_side {
    border-bottom: 1px solid #ccc;
    margin-bottom: 3rem;
  }
}

@media (max-width: 768px) {
  .right_side {
    height: -webkit-fill-available;
    width: 0;
    position: fixed;
    z-index: 99;
    top: 0rem;
    left: 0;
    overflow-x: hidden;
    padding-top: 60px;
    transition: 0.5s;
    background-color: #fff;
    overflow: scroll;
    padding-left: 0px;
    padding-right: 0px;
  }

  .right_side.open {
    padding-left: 5px;
    padding-right: 5px;
    width: 250px;
  }

  .right_side .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    display: block
  }

  .openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: #2fc7f7;
    color: #ffffff;
    padding: 0px 9px;
    border: none;
    display: block;
    width: 40px;
    height: 35px;
    position: sticky;
    top: 0;
    left: 10px;
    margin: 0 auto 0 0;
  }

  .openbtn:hover {
    background-color: #444;
  }

  .hdsp-info-search-form-search-btn {
    padding: 10px 14px;
  }

  .page-heading {
    position: relative;
  }
}

.right_side .hdsp-info-search-inner {
  min-width: auto;
  margin-top: 5px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  font-size: 17px;
  background-color: #fff;
  margin-right: 5px;
  margin-bottom: 2px;
}

.right_side .hdsp-info-search-form {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 3px 5px;
  border: none;
}

.right_side .hdsp-info-search-form-search-btn {
  margin: 0;
  padding: 7px 7px;
  background: #2fc7f7;
  border: none;
  border-radius: 5px;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  transition: background .3s;
  cursor: pointer;
}

.right_side .hdsp-info-search-form-input {
  margin: 0;
}

.document_container .right_side .accordion-body a.content_link {
  display: block;
  border-right: 3px solid transparent;
  transition: .3s all;
  padding: 3px 5px 3px 0;
  font-size: 0.9rem;
  color: #0b66c3;
  cursor: pointer;
  direction: ltr;
  text-align: left;
}

.document_container .right_side .accordion-body a.content_link.active {
  border-right: 3px solid #0b66c3;
}

.document_container .accordion-collapse {
  border: unset;
  border-width: unset;
}

.document_container a.accordion-button {
  transition: .5s all;
  border: unset;
  padding: .5rem 1rem;
  border-bottom: 1px solid #eee;
  color: #000;
}

.document_container a.accordion-button:hover {
  transition: .5s all;
  background: linear-gradient(to bottom, #e1f9ff, #fff);
  cursor: pointer;
  -webkit-appearance: none;
  color: #000;
}

.document_container a.accordion-button:not(.collapsed) {
  color: #000;
  background-color: unset;
  border: unset;
  background: linear-gradient(to bottom, #e1f9ff, #fff);
}

.document_container a.accordion-button::after {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-right: auto;
  margin-left: 0;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQ2OS4zMzMzMyA0NjkuMzMzMzMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0ibTQzNy4zMzIwMzEgMTkyaC0xNjB2LTE2MGMwLTE3LjY2NDA2Mi0xNC4zMzU5MzctMzItMzItMzJoLTIxLjMzMjAzMWMtMTcuNjY0MDYyIDAtMzIgMTQuMzM1OTM4LTMyIDMydjE2MGgtMTYwYy0xNy42NjQwNjIgMC0zMiAxNC4zMzU5MzgtMzIgMzJ2MjEuMzMyMDMxYzAgMTcuNjY0MDYzIDE0LjMzNTkzOCAzMiAzMiAzMmgxNjB2MTYwYzAgMTcuNjY0MDYzIDE0LjMzNTkzOCAzMiAzMiAzMmgyMS4zMzIwMzFjMTcuNjY0MDYzIDAgMzItMTQuMzM1OTM3IDMyLTMydi0xNjBoMTYwYzE3LjY2NDA2MyAwIDMyLTE0LjMzNTkzNyAzMi0zMnYtMjEuMzMyMDMxYzAtMTcuNjY0MDYyLTE0LjMzNTkzNy0zMi0zMi0zMnptMCAwIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 0.5555rem;
  background-position: center;
  transition: transform .2s ease-in-out;
  border-radius: 50px;
  background-color: #2fc6f7;
}

.document_container a.accordion-button:not(.collapsed)::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQ2OS4zMzMzMyA0NjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0ibTQzNy4zMzIwMzEuMTY3OTY5aC00MDUuMzMyMDMxYy0xNy42NjQwNjIgMC0zMiAxNC4zMzU5MzctMzIgMzJ2MjEuMzMyMDMxYzAgMTcuNjY0MDYyIDE0LjMzNTkzOCAzMiAzMiAzMmg0MDUuMzMyMDMxYzE3LjY2NDA2MyAwIDMyLTE0LjMzNTkzOCAzMi0zMnYtMjEuMzMyMDMxYzAtMTcuNjY0MDYzLTE0LjMzNTkzNy0zMi0zMi0zMnptMCAwIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
  background-position: bottom;
}

.document_container .accordion-item:first-of-type .accordion-button {
  border-top-right-radius: unset;
  border-top-left-radius: unset;
  transition: .5s all;
}

.accordion-body {
  padding-right: 1.5rem;
}

.document_container .sub_category .accordion-button {
  color: #2ecaf7;
}

.document_container .sub_category .accordion-button {
  color: #2ecaf7;
}

.document_container .sub_category .accordion-button:hover {
  background: unset;
  color: #2ecaf7;
}

.document_container .sub_category .accordion-item .accordion-button {
  padding: 3px 0;
}

.document_container .sub_category .accordion-button {
  border: unset;
}

.document_container .sub_category .accordion-button:not(.collapsed) {
  background: unset;
  color: #2ecaf7;
}

.document_container .sub_category .accordion-button::after {
  border-radius: unset;
  background-color: unset;
  left: 0;
  top: 11px;
  width: 0;
  height: 0;
  border-width: 5px 6px 5px 0;
  border-style: solid;
  border-color: transparent #2ecaf7 transparent transparent;
}

.document_container .sub_category .accordion-button:not(.collapsed)::after {
  border-width: 0px 5px 6px 5px;
  border-color: transparent transparent #2ecaf7 transparent;
}

.document_container .next_prev_holder {
  padding: 0 30px 30px;
  margin: 0;
}

.document_container .next_prev_holder .btn_next_prev {
  border-radius: 5px;
  text-align: center;
  background: linear-gradient(135deg, rgb(8 193 239 / 50%) 0%, rgb(109 207 115 / 50%) 100%);
  color: #282828;
  transition: .3s all;
  cursor: pointer;
  font-size: 1rem;
  padding: 10px;
  display: flex;
}

.document_container .next_prev_holder .btn_next_prev.next_btn {
  background: linear-gradient(227deg, rgb(8 193 239 / 50%) 0%, rgb(109 207 115 / 50%) 100%);
}

.document_container .next_prev_holder .btn_next_prev:hover {
  box-shadow: 0 0 15px -2px #108a9bba;
}

.document_container .comment_form {
  padding: 0 30px 30px 30px;
}

.document_container .comment_form .form-control {
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  border-radius: unset
}

.document_container .comment_form textarea.form-control {
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: .25rem
}

.document_container .comment_form .form-control.has_error {
  border-color: rgb(255 0 106 / 62%);
}

.document_container .comment_form .form-control:focus {
  box-shadow: unset;
  border-bottom-color: #fff;
}

.document_container .comment_form .form-control+.input_border {
  width: 0;
  height: 2px;
  background: #00b4ff;
  transition: 0.3s all;
}

.document_container .comment_form .form-control:focus+.input_border {
  width: 100%
}

.document_container .comments_list {
  padding: 30px;
}

.document_container .comments_list .commnet_holder .commnet_holder {
  margin-right: 2rem;
}

.document_container .comments_list img {
  width: 60px;
  height: auto;
}

.document_container .comments_list .user_name {
  font-size: 1.1rem;
  font-weight: 600;
}

.document_container .comments_list .date i.fa {
  color: #3786f9;
  font-size: 1rem;
}

.document_container .comments_list .comment {
  /* background: linear-gradient(135deg, rgb(8 193 239 / 30%) 0%, rgb(109 207 115 / 50%) 100%); */
  background-color: #d8e4e7;
  padding: 12px;
  border-radius: 12px;
  margin-top: 6px;
}

.document_container .comments_list .comment .btn.btn-light {
  font-size: .8rem;
}

.document_container .comments_list .comment .comment_title {
  font-size: 1.2rem;
  font-weight: 600;
}

/* =============================================================================
================================================================================
                            Documentation Contents
================================================================================
================================================================================ */
.dir_rtl {
  direction: rtl;
  text-align: right;
}

.dir_ltr {
  direction: ltr;
  text-align: left;
}

.doc-content {
  padding: 30px;
  font-family: 'Iran-Yekan';
}

.doc-content>div,
.doc-content>pre {
  margin-bottom: 22px;
}

.doc-content code,
.doc-content kbd,
.doc-content pre,
.doc-content samp {
  font-family: monospace, monospace;
  font-size: 1em;
  color: #424242
}

.doc-content p {
  text-align: justify;
}

.doc-content .doc-image {
  width: 100%;
  height: auto;
  box-shadow: 0 0 15px -5px #37c8b6;
  border-radius: 10px;
  padding: 5px;
  cursor: pointer;
  margin-bottom: 15px
}

.doc-content .doc-image-modal {
  width: 100%;
  height: 78vh;
  object-fit: contain;
}

.doc-content .doc-heading.doc-h1,
.doc-content .doc-heading.doc-h2,
.doc-content .doc-heading.doc-h3,
.doc-content .doc-heading.doc-h4,
.doc-content .doc-heading.doc-h6,
.doc-content .doc-heading.doc-h7 {
  color: #00b4ff;
  cursor: pointer;
}

.doc-content a {
  border-bottom: 1px dotted;
  color: #00b4ff;
  font-weight: 500;
  outline: 0;
  text-decoration: none;
  transition: opacity .2s;
  white-space: nowrap;
}

.doc-content a:hover {
  opacity: .8;
}
.doc-content ul.doc-ul {
  padding-right: 2rem;
  padding-left: unset;
}
.doc-content ul.doc-ul li {
  list-style-type: disc;
}
.doc-content ul.doc-ul li::marker {
    color: #09c1ed;
    font-size: 18px;
}
.doc-content .examplePreview a {
  border-bottom: unset;
  color: unset;
  font-weight: unset;
  outline: 0;
  text-decoration: none;
  transition: all .2s;
  white-space: unset;
}

.doc-content a:hover {
  opacity: .8;
}

.doc-heading.doc-h1 {
  font-size: 3rem;
  font-weight: 600;
  line-height: 3rem;
  margin: 0 0 0.5em !important;
  padding: 1rem 0;
  direction: ltr;
  text-align: center;
}

.doc-heading.doc-h2 {
  border-bottom: 1px solid #ccc;
  font-weight: 600;
  line-height: 2rem;
  margin: 4rem 0 1.5rem;
  padding: 0.5rem 0;
}

.doc-heading.doc-h3 {
  font-size: 1.7rem;
  line-height: 1.7rem;
  margin: 2.5rem 0 1.5rem;
  padding: 0.45rem 0;
}

.doc-heading:after {
  content: " #";
  opacity: 0;
  transition: all .5s;
}

.doc-heading:hover:after {
  opacity: 1;
}

.doc-note {
  background-color: #f5f5f5;
  border-color: #eee;
  border-radius: 4px;
  border-style: solid;
  border-width: 0 5px;
  font-family: Avenir, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 1em;
  letter-spacing: .5px;
  line-height: 1.35em;
  margin: 16px 0;
  padding: 16px 24px;
}

.doc-note>p,
.doc-note>ul {
  margin-bottom: 0;
}

.doc-note__title {
  font-weight: 500;
  padding-bottom: 8px;
}

.doc-note--tip {
  background-color: #daf8e1;
  border-color: #9cedaf;
}

.doc-note--warning {
  background-color: #fcf2d7;
  border-color: #f9e09b;
}

.doc-note--danger {
  background-color: #ffdfe3;
  border-color: #ff808e;
}

.doc-token {
  background-color: #fff;
  border: 1px dotted #00b4ff;
  border-radius: 5px;
  color: #00b4ff;
  display: inline-block;
  font-family: inherit;
  line-height: 1;
  padding: 2px 4px;
  white-space: nowrap;
}

.doc-code .token.operator {
  background: unset;
}

.doc-note .doc-token {
  color: #000;
}

.doc-note--tip .doc-token {
  background: #9cedaf;
  border-width: 0;
}

.doc-note--warning .doc-token {
  background: #f7d987;
  border-width: 0;
}

.doc-note--danger .doc-token {
  background: #ff808e;
  border-width: 0;
}

.doc-note--tip a {
  color: #15792d;
}

.doc-note--warning a {
  color: #99730a;
}

.doc-note--danger a {
  color: #910010;
}

.doc-code {
  border-radius: 4px;
  overflow: visible;
  padding: 0;
}

.doc-code p,
doc-code span {
  margin: 0;
  padding: 0;
  text-align: left;
}

:not(pre)>code[class*=language-], pre[class*=language-] {
  background: #f5f5f5;
}

.doc-code:not(pre)>code[class*=language-], pre[class*=language-].doc-code {
  padding: 0;
  margin: 0;
}

.doc-code,
.doc-code__inner {
  max-height: 50vh;
  direction: ltr;
  unicode-bidi: unset;
}

.doc-code__inner {
  background-color: #f5f5f5;
  display: block;
  height: inherit;
  max-height: inherit;
  overflow: auto;
  padding: 1em;
}

code[class*=language-], pre[class*=language-] {
  white-space: pre-wrap;
}

.doc-code__inner--prerendered {
  border-color: #0000001f #00b4ff;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px 4px;
}

.doc-table>:not(caption)>*>* {
  border-width: 0 0px;
}

.doc-table>:not(caption)>*>*:first-child {
  border-width: 0 1px 0 0;
}

.doc-table>:not(caption)>*>*:last-child {
  border-width: 0 0 0 1px;
}

.doc-card-title {
  background: #e0e0e0;
  border-radius: 5px 3px 0px 5px;
  color: #616161;
  margin-right: -28px;
  padding: 2px 24px 2px 10px;
  position: relative;
  width: fit-content;
}

.doc-card-title:after {
  border: 0 solid #0000;
  border-top-color: #bebebe;
  border-width: 9px 0 0 11px;
  content: "";
  height: 0;
  right: 0;
  position: absolute;
  top: 100%;
  width: 0;
  transform: rotateY(180deg);
}

.doc-code-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 26px;
  height: 26px;
  cursor: pointer;
}

.doc-code-btn::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='24.000000pt' height='24.000000pt' viewBox='0 0 24.000000 24.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,24.000000) scale(0.004687,-0.004687)' fill='%23000000' stroke='none'%3E%3Cpath d='M1825 3824 c-44 -23 -1143 -1122 -1166 -1166 -24 -47 -26 -146 -3 -191 22 -44 1120 -1144 1166 -1168 76 -39 198 -19 254 43 60 65 77 176 40 248 -10 19 -228 245 -484 503 l-467 467 467 468 c256 257 473 482 482 500 54 106 10 239 -96 293 -46 24 -150 25 -193 3z'%3E%3C/path%3E%3Cpath d='M3105 3823 c-80 -42 -131 -132 -122 -214 3 -27 13 -63 23 -81 9 -18 226 -243 482 -500 l467 -468 -467 -467 c-256 -258 -473 -483 -482 -501 -54 -106 -10 -239 96 -293 50 -26 146 -26 196 0 46 24 1144 1124 1166 1168 23 45 21 144 -3 191 -24 46 -1124 1144 -1168 1166 -42 21 -148 20 -188 -1z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  z-index: 1;
}

.doc-code-btn::after {
  content: "";
  background-color: #d5d5d5;
  display: block;
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: .3s all;
  z-index: 0;
}

.doc-code-btn:hover::after {
  opacity: .50;
  width: 100%;
  height: 100%;
}

.codeContainer div.code-toolbar>.toolbar {
  opacity: 1;
}

.codeContainer div.code-toolbar>.toolbar>.toolbar-item>button {
  position: absolute;
  width: 30px;
  height: 30px;
  z-index: 1;
  right: 10px;
  top: 10px;
  background: #00b4ff;
  transition: .3s all;
  cursor: pointer;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 115.77 122.88' style='enable-background:new 0 0 115.77 122.88' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M89.62,13.96v7.73h12.19h0.01v0.02c3.85,0.01,7.34,1.57,9.86,4.1c2.5,2.51,4.06,5.98,4.07,9.82h0.02v0.02 v73.27v0.01h-0.02c-0.01,3.84-1.57,7.33-4.1,9.86c-2.51,2.5-5.98,4.06-9.82,4.07v0.02h-0.02h-61.7H40.1v-0.02 c-3.84-0.01-7.34-1.57-9.86-4.1c-2.5-2.51-4.06-5.98-4.07-9.82h-0.02v-0.02V92.51H13.96h-0.01v-0.02c-3.84-0.01-7.34-1.57-9.86-4.1 c-2.5-2.51-4.06-5.98-4.07-9.82H0v-0.02V13.96v-0.01h0.02c0.01-3.85,1.58-7.34,4.1-9.86c2.51-2.5,5.98-4.06,9.82-4.07V0h0.02h61.7 h0.01v0.02c3.85,0.01,7.34,1.57,9.86,4.1c2.5,2.51,4.06,5.98,4.07,9.82h0.02V13.96L89.62,13.96z M79.04,21.69v-7.73v-0.02h0.02 c0-0.91-0.39-1.75-1.01-2.37c-0.61-0.61-1.46-1-2.37-1v0.02h-0.01h-61.7h-0.02v-0.02c-0.91,0-1.75,0.39-2.37,1.01 c-0.61,0.61-1,1.46-1,2.37h0.02v0.01v64.59v0.02h-0.02c0,0.91,0.39,1.75,1.01,2.37c0.61,0.61,1.46,1,2.37,1v-0.02h0.01h12.19V35.65 v-0.01h0.02c0.01-3.85,1.58-7.34,4.1-9.86c2.51-2.5,5.98-4.06,9.82-4.07v-0.02h0.02H79.04L79.04,21.69z M105.18,108.92V35.65v-0.02 h0.02c0-0.91-0.39-1.75-1.01-2.37c-0.61-0.61-1.46-1-2.37-1v0.02h-0.01h-61.7h-0.02v-0.02c-0.91,0-1.75,0.39-2.37,1.01 c-0.61,0.61-1,1.46-1,2.37h0.02v0.01v73.27v0.02h-0.02c0,0.91,0.39,1.75,1.01,2.37c0.61,0.61,1.46,1,2.37,1v-0.02h0.01h61.7h0.02 v0.02c0.91,0,1.75-0.39,2.37-1.01c0.61-0.61,1-1.46,1-2.37h-0.02V108.92L105.18,108.92z'/%3E%3C/g%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 115.77 122.88' style='enable-background:new 0 0 115.77 122.88' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M89.62,13.96v7.73h12.19h0.01v0.02c3.85,0.01,7.34,1.57,9.86,4.1c2.5,2.51,4.06,5.98,4.07,9.82h0.02v0.02 v73.27v0.01h-0.02c-0.01,3.84-1.57,7.33-4.1,9.86c-2.51,2.5-5.98,4.06-9.82,4.07v0.02h-0.02h-61.7H40.1v-0.02 c-3.84-0.01-7.34-1.57-9.86-4.1c-2.5-2.51-4.06-5.98-4.07-9.82h-0.02v-0.02V92.51H13.96h-0.01v-0.02c-3.84-0.01-7.34-1.57-9.86-4.1 c-2.5-2.51-4.06-5.98-4.07-9.82H0v-0.02V13.96v-0.01h0.02c0.01-3.85,1.58-7.34,4.1-9.86c2.51-2.5,5.98-4.06,9.82-4.07V0h0.02h61.7 h0.01v0.02c3.85,0.01,7.34,1.57,9.86,4.1c2.5,2.51,4.06,5.98,4.07,9.82h0.02V13.96L89.62,13.96z M79.04,21.69v-7.73v-0.02h0.02 c0-0.91-0.39-1.75-1.01-2.37c-0.61-0.61-1.46-1-2.37-1v0.02h-0.01h-61.7h-0.02v-0.02c-0.91,0-1.75,0.39-2.37,1.01 c-0.61,0.61-1,1.46-1,2.37h0.02v0.01v64.59v0.02h-0.02c0,0.91,0.39,1.75,1.01,2.37c0.61,0.61,1.46,1,2.37,1v-0.02h0.01h12.19V35.65 v-0.01h0.02c0.01-3.85,1.58-7.34,4.1-9.86c2.51-2.5,5.98-4.06,9.82-4.07v-0.02h0.02H79.04L79.04,21.69z M105.18,108.92V35.65v-0.02 h0.02c0-0.91-0.39-1.75-1.01-2.37c-0.61-0.61-1.46-1-2.37-1v0.02h-0.01h-61.7h-0.02v-0.02c-0.91,0-1.75,0.39-2.37,1.01 c-0.61,0.61-1,1.46-1,2.37h0.02v0.01v73.27v0.02h-0.02c0,0.91,0.39,1.75,1.01,2.37c0.61,0.61,1.46,1,2.37,1v-0.02h0.01h61.7h0.02 v0.02c0.91,0,1.75-0.39,2.37-1.01c0.61-0.61,1-1.46,1-2.37h-0.02V108.92L105.18,108.92z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 18px;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 18px;
  mask-position: center;
  padding: unset;
  border-radius: unset;
  box-shadow: unset;
}

.codeContainer div.code-toolbar>.toolbar>.toolbar-item>button span {
  display: none;
}

.codeContainer div.code-toolbar>.toolbar>.toolbar-item>button:hover {
  background-color: #75d5fd;
}

.codeContainer.nocopy div.code-toolbar>.toolbar>.toolbar-item>button {
  display: none;
}

.doc-tabs {
  position: relative;
  transition: color .3s, background-color .3s;
}

.doc-example__tabs {
  background: #eee;
  color: #757575;
  border: unset;
}

.doc-example__tabs .fade {
  opacity: unset;
  transition: unset;
}

.doc-example__tabs .nav-tabs {
  padding-left: 0;
}

.doc-example__tabs .nav-tabs .nav-item,
.doc-example__tabs .nav-tabs .nav-link {
  outline: unset !important;
  border: unset;
  transition: .5s all;
  position: relative;
}

.doc-example__tabs .nav-tabs .nav-link::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  background: #00b4ff;
  left: 0;
  right: 0;
  bottom: 0;
  transition: .3s all;
}

.doc-example__tabs .nav-tabs .nav-link.active {
  color: #495057;
  background: unset;
  border: unset;
}

.doc-example__tabs .nav-tabs .nav-link.active::after {
  height: 3px;
}