/*<meta />*/

@import url("https://fonts.googleapis.com/css?family=Montserrat:300_400_500_600_700_800_display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap");
@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

::-moz-selection {
  background: #face7d;
  /* WebKit/Blink Browsers */
  color: #fff;
}

::selection {
  background: #face7d;
  /* WebKit/Blink Browsers */
  color: #fff;
}

::-moz-selection {
  background: #face7d;
  /* Gecko Browsers */
  color: #fff;
}

:root {
  --Brand: #076685;
  --Dark-Gray: #45494c;
  --Medium-Gray: #b9bec1;
  --Light-Gray: #d0d3d5;
  --White: #ffffff;
  --fontPrimary: "Montserrat", sans-serif;
  /* Colors: */
  --unnamed-color-595959: #595959;
  --unnamed-color-ffffff: #ffffff;
  --unnamed-color-f48b00: #f48b00;
  --unnamed-color-3c4257: #3c4257;
  --unnamed-color-838797: #838797;
  /* Font/text values */
  --unnamed-font-family-poppins: "Poppins";
  --unnamed-font-family-david-clm-mediumitalic: David CLM MediumItalic;
  --unnamed-font-family-nsimsun: NSimSun;
  --unnamed-font-style-normal: normal;
  --unnamed-font-style-italic: italic;
  --unnamed-font-weight-300: 300px;
  --unnamed-font-weight-medium: medium;
  --unnamed-font-weight-normal: normal;
  --unnamed-font-size-14: 14px;
  --unnamed-character-spacing-0: 0px;
  --unnamed-line-spacing-24: 24px;
}

* {
  font-family: var(--fontPrimary);
}

body {
  font-family: var(--fontPrimary);
  font-size: 1em;
}

.body-container {
  padding-left: 2%;
  overflow: auto !important;
}

/* Clip horizontal bleed from embedded widgets (SearchUnify, etc.) inside the topic column */
.off-canvas-content [data-mc-content-body="True"] {
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}

.fixed-note {
  position: fixed;
  top: 36%;
  right: -2px;
  z-index: 100;
}

.fixed-note img {
  max-width: 38px;
  height: 200px;
  display: block;
}

/* #mc-main-content-top {
    margin: 15px;
} */

div#mc-main-content {
  overflow: hidden;
  margin-top: 25px;
}

div#mc-main-content p a {
  font-weight: 500;
  display: inline;
}

div#mc-main-content video,
div#mc-main-content p video {
  width: 100% !important;
  min-height: auto !important;
  height: auto !important;
  min-width: auto !important;
  max-width: auto !important;
  max-height: auto !important;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.central-account-wrapper {
  display: none;
}

/*Code */

code,
code[class*="language-"],
pre[class*="language-"] {
  color: black;
  background: none;
  text-shadow: 0 1px white;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-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;
}

/* Code blocks */

pre[class*="language-"] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

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

/* Inline code */

:not(pre) > code[class*="language-"] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}

blockquote {
  border-left: 5px solid #ffb200;
  padding: 0.5rem 1.5rem 0.5rem;
  margin: 1rem 0;
  background: #ffffff;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}

.token.punctuation {
  color: #999;
}

.namespace {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #9a6e3a;
  background: hsla(0, 0%, 100%, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
}

.token.function,
.token.class-name {
  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;
}

/*Code */

/*Table*/

table {
  background: #ffffff;
  margin-bottom: 1.25rem;
  border: solid 1px #dddddd;
  table-layout: auto;
}

table caption {
  background: transparent;
  color: #222222;
  font-size: 1rem;
  font-weight: bold;
}

table thead {
  background: #f5f5f5;
}

table thead tr th,
table thead tr td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-size: 0.875rem;
  font-weight: bold;
  color: #222222;
}

table tfoot {
  background: #f5f5f5;
}

table tfoot tr th,
table tfoot tr td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-size: 0.875rem;
  font-weight: bold;
  color: #222222;
}

table tr th,
table tr td {
  padding: 0.5625rem 0.625rem;
  font-size: 0.875rem;
  color: #222222;
  text-align: left;
}

table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
  background: #f9f9f9;
}

table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
  display: table-cell;
  line-height: 1.125rem;
}

/*/Table*/

/*Customs*/

p.tip {
  color: #000;
  font-size: 14px;
  padding: 10px;
  background-color: #e7e7e7;
  border-radius: 3px;
  width: 100%;
  text-align: left;
}

.full-width-content .related ul {
  padding-left: 2px;
}

.related ul li {
  list-style: none;
  padding-left: 0;
}

/*Customs*/

/* Content */

img {
  border: none;
  max-width: 100%;
  vertical-align: middle;
}

.title-bar-layout .logo-wrapper {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  width: 340px;
  height: 47px;
}

.title-bar-section.middle {
  display: none;
}

p {
  font-size: 1em;
  margin-bottom: 8px;
  margin-top: 8px;
}

p.table-text {
  font-size: 12pt;
}

/* Headings */

h1 {
  font-weight: bold;
  font-size: 2em;
  color: var(--Dark-Gray);
}

h2 {
  font-weight: bold;
  font-size: 1.8em;
}

h3 {
  font-weight: bold;
  font-size: 1.6em;
}

h4 {
  font-weight: bold;
  font-size: 1.4em;
}

/* Home page topic */

div.home-layout {
  padding: 2% 5%;
}

div.home-section {
  padding: 5% 0;
  border-bottom: solid 1px var(--Light-Gray);
}

div.home-section:last-of-type

/*Removes the border on the last section of the home page*/ {
  border-bottom: none;
}

div.home-tiles

/*This is a custom responsive layout row style (div class) in your stylesheet.*/ {
  mc-grid-row: true;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

ul.sidenav li.is-accordion-submenu-parent > a span.submenu-toggle {
  background: url(../Images/Icons/dropdown-icon.svg);
  height: 20px;
  width: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  border: 0;
}

.set-sidebar-position .vertical.menu.fixed-doc-menu > ul li a::after {
  display: none;
}

.set-sidebar-position .vertical.menu.fixed-doc-menu > ul > li a::before {
  content: ">";
  position: absolute;
  height: 22px;
  display: block;
  left: -4%;
  top: 0;
  bottom: 0;
  font-size: 18px;
  font-weight: normal;
  margin: auto;
  /* z-index: -1; */
  background: transparent;
}

.submenu-toggle-container[aria-expanded="true"] > span.submenu-toggle {
  transform-origin: 50% 19%;
}

div.home-tiles:before {
  content: " ";
  display: table;
}

div.home-tiles:after {
  content: " ";
  display: table;
  clear: both;
}

div.home-tiles > div {
  float: left;
  box-sizing: border-box;
  background-color: var(--Medium-Gray);
  padding: 2%;
  height: 250px;
}

div.home-tiles > div:nth-child(1) {
  width: 30%;
  margin-left: 19%;
}

div.home-tiles > div:nth-child(2) {
  width: 30%;
  margin-left: 2%;
}

div.topic-hero {
  padding: 5%;
  background-image: url("../Images/Hero-Background.jpg");
  background-size: cover;
  background-attachment: fixed;
}

div.topic-hero h1 {
  color: var(--White);
  font-size: 3.5em;
  text-align: center;
}

html.home-topic .body-container {
  padding: 0;
}

html.home-topic .main-section>.outer-row

/*Overrides padding set in the skin when in tablet/mobile*/ {
  max-width: 100%;
  padding: 0;
}

/* Links */

a {
  color: var(--Brand);
}

a:link {
  color: var(--Brand);
}

a:visited {
  color: var(--Brand);
}

.page-content table tr td a:hover {
  /* transform: translateX(4px); */
}

.page-content table tr td a:hover:before {
  width: 100%;
}

.main-nav ul li a:hover {
  color: #699ff9;
}

.vertical.menu.fixed-doc-menu ul.menu.mc-component li > a:hover {
  background-color: transparent;
}

a.home-button {
  display: block;
  padding: 10px;
  text-decoration: none;
  width: 100%;
}

MadCap|dropDown {
  border-bottom: 1px solid var(--Dark-Gray);
  mc-image-position: left;
  mc-image-spacing: 10px;
  padding: 10px 0;
  mc-closed-image: url("../Images/Plus.png");
  mc-open-image: url("../Images/Minus.png");
}

MadCap|dropDownBody {
  padding: 10px 30px 0;
}

MadCap|dropDownHotspot {
  cursor: hand;
  text-decoration: none;
  color: var(--Dark-Gray);
  font-size: 14pt;
  font-weight: bold;
  border-bottom: none;
}

MadCap|expandingBody {
  color: var(--Dark-Gray);
  font-style: italic;
}

MadCap|expandingHead {
  font-style: italic;
  font-weight: normal;
  cursor: hand;
  text-decoration: none;
  color: var(--Brand);
}

MadCap|xref {
  font-weight: bold;
  mc-format: "{para}";
  text-decoration: underline;
  color: var(--Brand);
}

/* Lists */

li {
  margin-bottom: 6pt;
  margin-top: 6pt;
}

li p {
  margin-bottom: 6pt;
  margin-top: 6pt;
}

ol,
ul {
  letter-spacing: 0.25;
  line-height: 20pt;
  margin-top: 0px;
  margin-bottom: 0px;
}

/****** Custom Style starts from here ********/

/* Scrollbar css starts here */

div.right-menu-wrapper::-webkit-scrollbar-thumb,
.sidenav-wrapper::-webkit-scrollbar-thumb,
ul.sidenav
  > li.is-accordion-submenu-parent
  > ul.menu.accordion-menu::-webkit-scrollbar-thumb,
.body-container::-webkit-scrollbar-thumb,
ol.vertical.menu.fixed-doc-menu::-webkit-scrollbar-thumb,
.rightbar .vertical.menu.fixed-doc-menu::-webkit-scrollbar-thumb {
  background-color: #f48b00 !important;
  outline: 1px solid transparent;
  border-radius: 10px;
}

div.right-menu-wrapper::-webkit-scrollbar-thumb,
ol.vertical.menu.fixed-doc-menu::-webkit-scrollbar-thumb,
.rightbar .vertical.menu.fixed-doc-menu::-webkit-scrollbar-thumb {
  /* visibility: hidden; */
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

div.right-menu-wrapper::-webkit-scrollbar-thumb,
ol.vertical.menu.fixed-doc-menu:hover::-webkit-scrollbar-thumb,
.rightbar .vertical.menu.fixed-doc-menu:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

div.right-menu-wrapper::-webkit-scrollbar-track,
.sidenav-wrapper::-webkit-scrollbar-track,
ul.sidenav
  > li.is-accordion-submenu-parent
  > ul.menu.accordion-menu::-webkit-scrollbar-track,
.body-container::-webkit-scrollbar-track,
ol.vertical.menu.fixed-doc-menu::-webkit-scrollbar-track,
.rightbar .vertical.menu.fixed-doc-menu::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
  border-radius: 10px;
}

/* div.right-menu-wrapper::-webkit-scrollbar-track,
ol.vertical.menu.fixed-doc-menu::-webkit-scrollbar-track,
.rightbar .vertical.menu.fixed-doc-menu::-webkit-scrollbar-track
{
    box-shadow: inset 0 0 6px transparent !important;
} */

div.right-menu-wrapper::-webkit-scrollbar,
.sidenav-wrapper::-webkit-scrollbar,
ul.sidenav
  > li.is-accordion-submenu-parent
  > ul.menu.accordion-menu::-webkit-scrollbar,
.body-container::-webkit-scrollbar,
ol.vertical.menu.fixed-doc-menu::-webkit-scrollbar,
.rightbar .vertical.menu.fixed-doc-menu::-webkit-scrollbar {
  width: 8px;
}

/* Scrollbar css ends here */

/*** Header CSS starts here  ***/
.body-container .columns.large-8 .vertical.menu.fixed-doc-menu {
  display: none;
}

.title-bar-layout a.logo {
  width: 264px;
  height: 27px;
  background: transparent url("../Images/Homepage/logo_new.svg") no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-size: contain;
  align-items: center;
}

.title-bar-layout a.logo img {
  max-width: 100%;
  height: auto;
}

nav.title-bar {
  background-color: #fff;
  padding-top: 0px;
  padding-bottom: 0px;
  box-shadow: 0px 0px 3px 4px rgba(0, 0, 0, 0.04);
}

::-webkit-scrollbar-thumb {
  background-color: #000 !important;
}

.sidenav-wrapper::-webkit-scrollbar-thumb {
  background-color: #f48b00 !important;
}

.off-canvas-wrapper-inner.is-open-right {
  right: 0;
}

/* Search bar */

.search-bar .search-field {
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  padding: 25px 20px;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.search-bar .search-submit {
  height: 3.4em;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.search-bar.search-bar-container .search-submit {
  width: 66px;
}

/*** Header CSS ends here ***/

/** Left side nav css starts here **/

.sidenav-container {
  padding: 0;
}

ul.sidenav li a {
  padding: 12px 20px;
  color: #565658;
  font-size: 14px;
  border-bottom: 0;
  font-family: var(--fontPrimary);
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

ul.sidenav li a:hover {
  color: #f48b00;
  background: rgb(244 139 0 / 10%) 0% 0%;
}

.tree-node .tree-node {
  transition: all 0.3s ease-out;
  font: normal normal 300 12px/18px "Poppins";
}

.tree-node .tree-node:hover {
  margin-left: 5px;
}

.tree-node .tree-node:hover span span {
  right: 5px;
}

ul.sidenav ul > li > a:hover,
ul.sidenav ul ul > li > a:hover,
ul.sidenav ul ul ul > li > a:hover {
  background-color: transparent;
}

ul.sidenav ul > li > a {
  margin-left: 3em;
  font-size: 12px;
}

.main-nav ul li.nav-item-active a {
  color: #58c1fe;
}

/***** Left side menu icons code starts here ******/

ul.sidenav > li > a:before {
  content: "";
  background-image: url("../../Resources/Images/Icons/GettingStarted/Apps.svg");
  /** Common icons if no icons specified **/
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
}

ul.sidenav li a.selected {
  font-family: var(--unnamed-font-family-poppins) !important;
  font-style: var(--unnamed-font-style-normal) !important;
  font-weight: unset !important;
  font-size: 14px;
  color: #f48b00 !important;
  background: rgb(244 139 0 / 10%) 0% 0% no-repeat padding-box;
}

.is-accordion-submenu-parent > a span.submenu-toggle {
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.sidenav-wrapper {
  background: #ffffff 0% 0% no-repeat padding-box;
}

/** For Get started link **/

ul.sidenav > li:nth-child(1) > a:before {
  background-image: url("../Images/Icons/menu-icons/0_GettingStarted.svg");
}

ul.sidenav > li:nth-child(2) > a:before {
  background-image: url("../Images/Icons/menu-icons/1_Home.svg");
}

ul.sidenav > li:nth-child(3) > a:before {
  background-image: url("../Images/Icons/menu-icons/2_ContentSources.svg");
}

ul.sidenav > li:nth-child(4) > a:before {
  background-image: url("../Images/Icons/menu-icons/3_SearchClients.svg");
}

ul.sidenav > li:nth-child(5) > a:before {
  background-image: url("../Images/Icons/menu-icons/4_VirtualAgent.svg");
}

ul.sidenav > li:nth-child(6) > a:before {
  background-image: url("../Images/Icons/menu-icons/5_SearchAnalytics.svg");
}

ul.sidenav > li:nth-child(7) > a:before {
  background-image: url("../Images/Icons/menu-icons/6_SearchTuning.svg");
}

ul.sidenav > li:nth-child(8) > a:before {
  background-image: url("../Images/Icons/menu-icons/7_NLP-Manager.svg");
}

ul.sidenav > li:nth-child(9) > a:before {
  background-image: url("../Images/Icons/menu-icons/8_KnowledgeGrpah.svg");
}

ul.sidenav > li:nth-child(10) > a:before {
  background-image: url("../Images/Icons/menu-icons/9_llm.svg");
}

ul.sidenav > li:nth-child(11) > a:before {
  background-image: url("../Images/Icons/menu-icons/9_Security.svg");
}

ul.sidenav > li:nth-child(12) > a:before {
  background-image: url("../Images/Icons/menu-icons/10_ManageUsers.svg");
}

ul.sidenav > li:nth-child(13) > a:before {
  background-image: url("../Images/Icons/menu-icons/11_AssetLibrary.svg");
}

ul.sidenav > li:nth-child(14) > a:before {
  background-image: url("../Images/Icons/menu-icons/12_Apps.svg");
}

ul.sidenav > li:nth-child(15) > a:before {
  background-image: url("../Images/Icons/menu-icons/EndUser.svg");
}

ul.sidenav > li:nth-child(16) > a:before {
  background-image: url("../Images/Icons/menu-icons/14_Addons.svg");
}

ul.sidenav > li:nth-child(17) > a:before {
  background-image: url("../Images/Icons/menu-icons/15_DeveloperGuide.svg");
}

ul.sidenav > li:nth-child(18) > a:before {
  background-image: url("../Images/Icons/menu-icons/16_Features-for-user.svg");
}

ul.sidenav > li:nth-child(19) > a:before {
  background-image: url("../Images/Icons/menu-icons/18-Release-note.svg");
}

ul.sidenav > li:nth-child(20) > a:before {
  background-image: url("../Images/Icons/menu-icons/19-Docs-archive.svg");
}

/** For system requirements link **/

ul.sidenav > li:last-child > a:before {
  background-image: url("../Images/Icons/menu-icons/GettingStarted.svg");
}

/** Left side menu icons code ends here **/

/****** Left side nav css ends here *******/

/******* Right fixed nav sidebar css starts here ********/

div.right-menu-wrapper,
.vertical.menu.fixed-doc-menu {
  background: #ffffff 0% 0% no-repeat padding-box;
  overflow: hidden;
  padding: 0.8rem 0rem;
  margin: 0;
  width: auto;
  /* box-shadow: 0px 3px 6px #0000000F; */
  border-radius: 4px;
  list-style: decimal;
  padding-left: 2rem;
}

div.right-menu-wrapper {
  width: 302px;
}

div.right-menu-wrapper h4 {
  margin: 8px 0;
}

div.right-menu-wrapper h4 a {
  color: #565658;
}

div.right-menu-wrapper h4.mt-2 {
  margin-top: 20px;
}

.vertical.menu.fixed-doc-menu-2 li,
.vertical.menu.fixed-doc-menu li {
  color: #4d5184;
  font-size: 12px;
  padding: 2px 0;
  margin: 0;
  font-weight: 300;
  line-height: 1.4rem;
  display: list-item;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.rightbar .vertical.menu.fixed-doc-menu > ul > li {
  list-style: auto;
}

.set-sidebar-position .vertical.menu.fixed-doc-menu > ul > li {
  list-style: none;
}

/* .rightbar .vertical.menu.fixed-doc-menu>ul>li:hover::marker {
    color: #f48b00;
} */

@supports (-ms-ime-align: auto) {
  .vertical.menu.fixed-doc-menu-2 li {
    display: block;
  }
}

.vertical.menu.fixed-doc-menu-2 li {
  list-style: decimal;
}

div {
  outline: none;
}

.vertical.menu.fixed-doc-menu-2 li a,
.vertical.menu.fixed-doc-menu li a {
  color: #565658;
  font-size: 12px;
  padding: 0;
  margin: 0;
  font-weight: 500;
  cursor: pointer;
  line-height: 1.2rem;
  padding: 0.2rem 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  text-decoration: none;
}

.vertical.menu.fixed-doc-menu-2 li a:before,
.vertical.menu.fixed-doc-menu li a:before {
  width: 100%;
  content: "";
  position: absolute;
  height: 1px;
  background: #f6f7fa;
  bottom: 0;
  left: -10px;
}

/* .rightbar .vertical.menu.fixed-doc-menu-2 li a:after,
.rightbar .vertical.menu.fixed-doc-menu li a:after {
    content: '>';
    background-image: url('../../Resources/Images/Icons/GettingStarted/rightArrow.svg');
    display: inline-block;
    width: 15px;
    height: 15px;
    font-size: 16px;
    background-repeat: no-repeat;
} */

.vertical.menu.fixed-doc-menu-2 li ul li:hover,
.vertical.menu.fixed-doc-menu li ul li:hover {
  -webkit-transform: translateX(4px);
  -ms-transform: translateX(4px);
  /* transform: translateX(4px); */
  font-weight: 600;
}

.vertical.menu.fixed-doc-menu-2 li a.active,
.vertical.menu.fixed-doc-menu li a.active,
.vertical.menu.fixed-doc-menu-2 li:hover a,
.vertical.menu.fixed-doc-menu li:hover a {
  background: transparent !important;
  color: #f48b00;
}

ul.menu.mc-component li > a.selected,
ul.menu.mc-component li > a.selected:hover {
  color: #f48b00 !important;
  font-weight: normal;
  background-color: transparent;
}

.vertical.menu.fixed-doc-menu-2 li::before a,
.vertical.menu.fixed-doc-menu li::before a,
.vertical.menu.fixed-doc-menu-2 li::before a,
.vertical.menu.fixed-doc-menu li::before a {
  content: "";
  right: 14px;
  display: inline-block;
  background-size: contain;
  width: 276px;
  margin-top: 59px;
  margin-left: 20px;
  background: transparent url("../Images/Banner/Group 5971.svg") 0% 0% no-repeat
    padding-box;
  height: 218px;
}

.rightbar {
  position: fixed;
}

.set-sidebar-position {
  position: fixed;
  background: rgb(255, 255, 255) !important;
  right: 30px;
  top: 10px;
  width: 275px !important;
}

.set-sidebar-position > ul {
  max-height: 100%;
  overflow-y: auto !important;
  overflow-x: hidden;
}

.set-sidebar-position > ul::-webkit-scrollbar {
  width: 0px !important;
}

.full-width-content .rightbar strong {
  margin: 13px 0;
  display: block;
}

.full-width-content .rightbar h3,
.rightbar h3,
.full-width-content .rightbar strong {
  font-size: 10px;
  color: #838797;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 2px;
}

.vertical.menu.fixed-doc-menu li:last-child a {
  border-bottom: none;
}

hr {
  display: none;
}

.rightbar ul.vertical.menu.fixed-doc-menu > li > a,
ul.vertical.menu.fixed-doc-menu > li > a {
  display: none;
}

ul.vertical.menu.fixed-doc-menu li:nth-child(3) {
  display: list-item;
}

.rightbar ul.vertical.menu.fixed-doc-menu li:nth-child(2) {
  display: list-item;
}

ul.vertical.menu.fixed-doc-menu > li ul.custom-ol {
  display: block;
}

.vertical.menu.fixed-doc-menu > ul > ul {
  margin-left: 26px;
  width: 92%;
  /* overflow: hidden; */
}

/******* Right fixed nav sidebar css ends here ********/

.backlink-container-sidenav {
  width: 100%;
  text-align: right;
  display: none;
}

.buttons._Skins_Toolbar.mc-component {
  display: none;
}

/* Top right toolbar hidden */

span.visually-hidden {
  display: none;
}

.page-content h2,
.page-content h3,
.full-width-content h2 {
  margin-bottom: 0;
}

ul#awesomplete_list_1 {
  position: absolute;
  background: #fff;
  color: #333;
  font-size: 13px;
  list-style: none;
  padding: 1rem;
  width: 100%;
}

ul#awesomplete_list_1 li {
  cursor: pointer;
}

.single-report {
  border-bottom: 1px solid #e6e6e6;
  padding: 0.3rem 0 1rem;
}

/************ Icons css starts here ************/

.su-icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #fff;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 18px;
  box-shadow: 0px 3px 6px #00000029;
  margin-right: 0.5rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: bottom;
  border-radius: 2px;
}

.su-icon:before {
  background-image: url("../../Resources/Images/Icons/GettingStarted/world.svg");
  content: "";
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
}

#searchUnifyChat .show-profile {
  z-index: 1300 !important;
}

/** Icons  **/

.icon-account-id:before {
  background-image: url("../../Resources/Images/Icons/GettingStarted/contact.svg");
}

.icon-password:before {
  background-image: url("../../Resources/Images/Icons/GettingStarted/key.svg");
}

.icon-endpoint:before {
  background-image: url("../../Resources/Images/Icons/GettingStarted/world.svg");
}

.icon-provision-key:before {
  background-image: url("../../Resources/Images/Icons/GettingStarted/provisionKey.svg");
}

.icon-index-content-source:before {
  background-image: url("../../Resources/Images/Icons/GettingStarted/ContentSourcesBlue.svg");
}

.icon-install-search-client:before {
  background-image: url("../../Resources/Images/Icons/GettingStarted/SearchClientsBlue.svg");
}

.icon-search-anlytics:before {
  background-image: url("../../Resources/Images/Icons/GettingStarted/SearchAnalyticsBlue.svg");
}

.icon-alert:before {
  background-image: url("../../Resources/Images/Icons/GettingStarted/AlertsBlue.svg");
}

.icon-addons:before {
  background-image: url("../../Resources/Images/Icons/GettingStarted/AddonsBlue.svg");
}

.icon-anlytics-api:before {
  background-image: url("../../Resources/Images/Icons/GettingStarted/worldBlue.svg");
}

.icon-security:before {
  background-image: url("../../Resources/Images/Icons/GettingStarted/SecurityBlue.svg");
}

.icon-search-tuning:before {
  background-image: url("../../Resources/Images/Icons/GettingStarted/SearchTunningBlue.svg");
}

.icon-synonyms:before {
  background-image: url("../../Resources/Images/Icons/GettingStarted/ManageSynonymsBlue.svg");
}

.icon-stopwords:before {
  background-image: url("../../Resources/Images/Icons/GettingStarted/ManageStopWordsBlue.svg");
}

.icon-knowledge-graph:before {
  background-image: url("../../Resources/Images/Icons/GettingStarted/KnowledgeGraphBlue.svg");
}

.icon-asset-library:before {
  background-image: url("../../Resources/Images/Icons/GettingStarted/AssetLibraryBlue.svg");
}

.icon-search-api:before {
  background-image: url("../../Resources/Images/Icons/GettingStarted/contactBlue.svg");
}

.icon-dashboard:before {
  background-image: url("../../Resources/Images/Icons/GettingStarted/HomeBlue.svg");
}

/************ Icons css ends here ************/

/* Search page style */

.body-container.search-layout {
  padding: 0;
}

/***********  Content css starts here   *************/

.card-content h4 {
  margin: 0;
}

.card-content {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

/* Div for the text with the icons */

a strong {
  font-weight: 600;
}

.page-content > h1,
.full-width-content > h1 {
  margin-top: 0;
}

.page-content ul,
.full-width-content ul {
  padding-left: 18px;
}

.page-content h1,
.full-width-content h1 {
  color: #565658;
  font-weight: 600 !important;
  font-family: var(--unnamed-font-family-poppins);
  font-style: normal;
  font-size: 28px;
  margin: 0 0 14px 0;
  letter-spacing: 0px;
}

.page-content h2,
.full-width-content h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
  color: #3c4257;
  font-style: normal;
  letter-spacing: 0px;
  font-family: var(--unnamed-font-family-poppins);
}

.page-content h3,
.full-width-content h3 {
  font-size: 22px;
  font-weight: 300;
  font-family: var(--unnamed-font-family-poppins);
  font-style: normal;
  color: #f48b00;
  letter-spacing: 0px;
  line-height: 26px;
  margin: 10px 0;
  margin-left: 10px;
}

.page-content h4,
.full-width-content h4 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  margin: 8px 0;
}

.page-content h5,
.full-width-content h5 {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  margin: 8px 0;
}

.large-4 .full-width-content .rightbar h3 {
  font-size: 13px;
  line-height: 16px;
}

div.right-menu-wrapper h4 a {
  font-size: 14px;
  line-height: 16px;
}

.breadcrumbs span,
a.MCBreadcrumbsLink {
  font-size: 12px;
  color: #565658;
  text-decoration: none;
}

.page-content p,
.page-content li,
.full-width-content p,
.full-width-content li {
  font-size: 14px;
  color: #595959;
  line-height: 1.6;
  font-family: var(--unnamed-font-family-poppins);
  letter-spacing: 0px;
  font-weight: 400;
  font-style: normal;
}
.page-content p,
.full-width-content p {
  margin-bottom: 12px;
}

.page-content a,
.full-width-content a {
  color: #f48b00;
  text-decoration: none;
}

.page-content h2 a,
.full-width-content h2 a {
  border: 1px solid #6f6f6f;
  color: #6f6f6f;
  font-size: 13px;
  padding: 3px 10px;
  border-radius: 2px;
  margin: 0 5px;
  cursor: pointer;
  display: inline-block;
}

.page-content h2 a.step-active,
.full-width-content h2 a.step-active {
  border: 1px solid #58c1fe;
  color: #58c1fe;
}

/* Section with left blue border */

.left-border-list {
  background: transparent -webkit-linear-gradient(
      top,
      #fbfbfbcf 0%,
      #ffffffcf 100%
    )
    0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #fbfbfbcf 0%, #ffffffcf 100%)
    0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #e4e4e412;
  border-radius: 4px;
  border-left: 2px solid #58c1fe;
  padding: 1rem 0.8rem;
  margin: 1.5rem 0;
}

.bullet-ul ul li:before {
  content: "";
  border: 2px solid #d3d4d4;
  border-radius: 100%;
  display: inline-block;
  margin-right: 8px;
}

.left-border-list h2 {
  margin: 0;
}

.left-border-list h5 {
  margin: 0 0 15px 0;
}

.left-border-list ul {
  list-style: none;
  padding-left: 0;
}

.left-border-list ul li strong {
  color: #58c1fe;
  font-weight: 500;
}

.bullet-ul ul li strong {
  color: #6f6f6f;
}

.left-border-list ul li {
  margin-bottom: 15px;
}

.left-border-list ul li:last-child {
  margin-bottom: 0;
}

.bullet-ul ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
}

.page-content pre,
.full-width-content pre {
  background: #eee;
  border-left: 5px solid #58c1fe;
  color: #333;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px;
  overflow: auto;
  direction: ltr;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* icon-li-div --> div for ul li's with icons on left  with flex li */

.icon-li-div li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* inline-icon-li-div --> div for ul li's with icons on left  without flex li */

.inline-icon-li-div ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.inline-icon-li-div ul li p span {
  font-weight: 600;
}

.inline-icon-li-div .card-content {
  display: inline-block;
}

.inline-icon-li-div ul li p {
  display: inline-block;
}

.inline-icon-li-div ul,
.icon-li-div ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.inline-icon-li-div p strong {
  color: #000;
  font-weight: 500;
  font-size: 14px;
}

.inline-icon-li-div ul li p span img {
  vertical-align: middle;
}

.page-content table tr td,
.full-width-content table tr td {
  padding-bottom: 10px;
}

aside.rightbar p {
  font-size: 11px;
  color: #ffa000;
  margin-top: 0;
}

.page-content table tr td a,
.full-width-content table tr td a {
  display: inline-block;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  position: relative;
}

.page-content table tr td a:before {
  content: "";
  width: 0%;
  height: 2px;
  background: #58c1fe;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

img.MCPopupThumbnail {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.MCPopupFullImage {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  background: #fff;
}

.modal-list-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.list-video img {
  cursor: pointer;
  display: block;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.list-video {
  position: relative;
  overflow: hidden;
}

/* before */

.list-video:before {
  content: "";
  position: absolute;
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease;
  height: 40px;
  width: 60px;
  background: rgba(88, 193, 254, 0.7);
  pointer-events: none;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 4px;
}

.list-video:hover:before {
  background: rgba(88, 193, 254, 0.9);
}

/* After */

.list-video:after {
  content: "";
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 20px;
  border-color: transparent transparent transparent #fafafa;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.list-video:hover:after {
  border-color: transparent transparent transparent #fff;
}

.list-video-container {
  background: #fff;
  padding: 8px;
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}

div#searchUnifyChatbot {
  display: none !important;
}

/***********  Content css ends here   *************/

.is-open-right .js-off-canvas-exit {
  right: 0;
  background: transparent;
  display: none !important;
}

/** Tags css **/

.tag {
  display: inline-block;
  margin-top: 1rem;
  background: #ffa000;
  border-radius: 2px;
  color: #fff;
  font-size: 10px;
  padding: 3px 5px;
}

/** Fullwidth page content css starts here **/

/*.full-width-content li
{
    font-size: 14px;
}*/

a.MCPopupThumbnailLink.MCPopupThumbnailPopup {
  max-width: 70%;
  display: block;
  height: auto;
}

p.img-container img {
  height: auto;
  display: block;
  background: #fff;
  width: 100%;
}

p.img-container {
  margin: 1rem 0;
}

.emailandfeedback .row.medium-flex-row {
  margin-left: 2px;
}

.full-width-content ol,
.full-width-content ul {
  padding-left: 30px;
}

.full-width-content ol li {
  list-style: number;
}

.full-width-content ol li::marker {
  font-weight: bold;
}

.full-width-content img {
  vertical-align: middle;
  display: inline;
}
/* Shared styles for both figure and img-container */
.full-width-content figure {
  margin: 2rem auto;
  padding: 1.25rem;
  background: #ffffff;
  border-radius: 16px;
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.06),
    0 1px 2px rgba(0, 0, 0, 0.03);
  text-align: center;
  border: 1px solid #eef2f6;
}

.MCPopupThumbnailLink {
  display: inline-block;
}

.full-width-content figcaption {
  margin-top: 0.875rem;
}

.full-width-content figcaption p {
  font-style: italic;
  color: #5b6e8c;
  font-size: 0.875rem;
  margin: 0;
  padding: 0.25rem 0.5rem;
  display: inline-block;
}

@media (max-width: 768px) {
  .full-width-content figure {
    padding: 0.875rem;
    margin: 1rem auto;
  }

  .full-width-content figcaption p {
    font-size: 0.8rem;
  }
}
/** Fullwidth page content css ends here **/

/* Imagepopup custom css */

.MCPopupContainer {
  border: none;
  border-radius: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 0 !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/*Custom Style*/

/* Master page */

.footer {
  padding: 25px 25px 10px 25px;
  background-color: var(--Brand);
}

.footer-icons {
  text-align: right;
}

.footer-icons > a:first-of-type {
  padding-right: 10px;
}

.footer-links a {
  padding-right: 15px;
}

.footer-logo {
  max-width: 100%;
  margin: 0;
  text-align: left;
}

div.home-footer

/*Controls the look of the footer in the Home master page.*/ {
  mc-grid-row: true;
  margin-left: auto;
  margin-right: auto;
}

div.home-footer:before {
  content: " ";
  display: table;
}

div.home-footer:after {
  content: " ";
  display: table;
  clear: both;
}

div.home-footer > div {
  float: left;
  box-sizing: border-box;
}

div.home-footer > div:nth-child(1) {
  width: 25%;
  margin-left: 0%;
}

div.home-footer > div:nth-child(2) {
  width: 75%;
  margin-left: 0%;
}

MadCap|breadcrumbsProxy {
  border-bottom-width: 0;
  color: var(--Dark-Gray);
}

p.footer-sub {
  color: var(--White);
  font-family: Arial, Avenir, Myriad;
  font-size: 14pt;
}

/********* CSS for the popup *********/

/* Outer */

.popup {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.85);
  z-index: 1000;
  overflow: auto;
}

/* Inner */

.popup-inner {
  max-width: 64rem;
  width: 100%;
  padding: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
  border-radius: 3px;
  background: #fff;
  position: relative;
  min-height: 36rem;
}

.popup-inner iframe {
  width: 100%;
  height: 100% !important;
  position: absolute;
}

/* Close Button */

.popup-close {
  width: 30px;
  height: 30px;
  padding-top: 4px;
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
  -webkit-transition: ease 0.25s all;
  transition: ease 0.25s all;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  border-radius: 1000px;
  background: rgba(0, 0, 0, 0.8);
  font-family: Arial, Sans-Serif;
  font-size: 20px;
  text-align: center;
  line-height: 100%;
  color: #fff;
}

a.popup-close {
  color: #fff;
}

.popup-close:hover {
  -webkit-transform: translate(50%, -50%) rotate(180deg);
  -ms-transform: translate(50%, -50%) rotate(180deg);
  transform: translate(50%, -50%) rotate(180deg);
  background: rgba(0, 0, 0, 1);
  text-decoration: none;
}

/** Custom search for mobile screens **/

#mobile-search-btn {
  right: 6%;
  position: absolute;
  top: 22%;
  display: none;
}

#mobile-search-btn img {
  height: 22px;
  max-width: 100%;
}

/** Main nav **/

.main-nav ul li {
  display: inline-block;
}

.main-nav ul li a {
  padding: 1rem;
  color: #1d1d1c;
  text-decoration: none;
}

/* Standard table */

table.standard-table {
  margin-top: 1.5rem;
  border-collapse: collapse;
  width: 100%;
}

.standard-table tbody tr td {
  border-bottom: 1px solid #e0e0e0;
  color: #6f6f6f;
  line-height: 18px;
  padding: 1rem;
  font-weight: 500;
  vertical-align: text-top;
}

.standard-table tbody tr td p {
  font-weight: 500;
  color: #6f6f6f;
}

.standard-table thead {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #b8b8b812;
}

.standard-table thead tr th:first-child {
  width: 45%;
}

.standard-table thead tr th {
  padding: 1rem;
  width: 55%;
  border: 0;
  text-align: left;
  color: #1d1d1c;
  font-size: 13px;
}

.standard-table tr td:first-child {
  color: #848ab8;
}

.standard-table tr td {
  padding-bottom: 10px;
  font-size: 13px;
  border-right: none;
}

/** Glossary section style **/

.glossary-headings .inline-list {
  padding: 3.2px 0;
  padding: 0.2rem 0;
  border-radius: 2rem;
  display: inline-block;
}

.inline-list li {
  list-style: none;
  display: inline;
  font-size: 0;
}

.glossary-headings .inline-list li {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #1d1d1c;
  margin: 5px !important;
  padding: 3.2px 3.2px;
  padding: 0.3rem 0.2rem 0.2rem 0.2rem;
  border-radius: 50%;
  cursor: pointer;
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
  display: inline-block !important;
  text-align: center;
}

.glossary-headings .inline-list li.active {
  background-color: #d5e5f2;
  color: #58c1fe;
}

.glossary-headings.vertical.menu.fixed-doc-menu li:hover {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.glossary-headings .inline-list li:hover {
  background-color: #d5e5f2;
}

.glossary-headings .inline-list li.disabled {
  cursor: default;
  color: #c1c1c1;
}

.glossary-item-content {
  display: none;
}

.glossary-item-content.show {
  display: table-row-group;
}

body .is-accordion-submenu-parent .is-accordion-submenu-parent > a {
  color: #3c4257;
  font-size: 12px;
  font-family: "Poppins";
  font-style: normal;
  letter-spacing: var(--unnamed-character-spacing-0);
}

.off-canvas-accordion
  .is-accordion-submenu-parent
  li.tree-node.tree-node-leaf
  > a {
  margin-left: 4rem;
  font-family: "Poppins";
}

.vertical.menu.fixed-doc-menu li:last-child a,
.vertical.menu.fixed-doc-menu li a {
  border-bottom: none;
  font-family: "Poppins";
  font-weight: 300;
  color: #4d5184;
  padding-bottom: 10px;
}

ul.sidenav > li > a {
  color: #21243d;
}

/*page ratting*/

.su_feedback_form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.su_page_rating_box .su_helpful {
  margin: 0 10px;
}

.su_page_rating_box .su_feedback_success p {
  color: #fff;
}

.su_page_rating_box .su_feedback_success {
  width: 100%;
}

div.first-section p {
  padding: 0 10px;
}

/*page ratting*/

/* Help tab */

.help-tab {
  padding: 0.2rem 1rem;
  background: #edf1f2;
  margin-top: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 40%;
}

.help-tab p,
.help-tab a {
  color: #1d1d1c;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
}

.help-tab a {
  background: #f3f8f9;
  box-shadow: 0px 3px 6px #b8b8b812;
  border-radius: 4px;
  padding: 0.5rem 0.8rem;
  margin: 0 0.25rem;
  color: #58c1fe;
  text-align: center;
  min-width: 3rem;
}

/** Custom Search form **/

form#searchForm {
  position: relative;
}

.submit-icon {
  background: transparent
    url("../../Resources/Images/Icons/GettingStarted/searchClients.svg")
    no-repeat center center;
  position: absolute;
  height: 100%;
  width: 66px;
  right: 0;
  top: 0;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}

/* Search page */

div#searchUnifyContainer .su-icon {
  height: auto;
}

/* Hacks */

.MCDropDown.dropDown.height-container-sidenav.height-container.MCDropDown_Closed,
.MCDropDown.dropDown.height-container-sidenav.height-container.MCDropDown_Open {
  min-height: 0 !important;
}

/* Main Banner */

.main-banner {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  /* Lock visible height — only abs-positioned children won’t establish flow; transition on height caused ~118px mid-states */
  min-height: 156px !important;
  height: 156px !important;
  max-height: 156px !important;
  position: relative;
  /* Flex-end aligns both illos to the strip bottom; .search-bar stays out of flow (position:absolute). */
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: space-between;
  padding-left: 14px;
  padding-right: 40px;
  overflow: hidden;
  background: #f3f3f3 0% 0% no-repeat padding-box;
  /* Scroll show/hide: animate size + motion + opacity (see .show / .hide for staggered timing). */
  transition:
    min-height 0.42s cubic-bezier(0.4, 0, 0.2, 1),
    max-height 0.42s cubic-bezier(0.4, 0, 0.2, 1),
    height 0.42s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.32s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.34s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  pointer-events: auto;
  flex-shrink: 0;
}

.main-banner.hide {
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
  min-height: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden;
  /* Fade and lift first, then collapse height; visibility hidden after motion so focus isn’t trapped. */
  visibility: hidden;
  transition:
    min-height 0.42s cubic-bezier(0.4, 0, 0.2, 1) 0.1s,
    max-height 0.42s cubic-bezier(0.4, 0, 0.2, 1) 0.1s,
    height 0.42s cubic-bezier(0.4, 0, 0.2, 1) 0.1s,
    opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.32s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0s linear 0.36s;
}

.main-banner.show {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  pointer-events: auto;
  min-height: 156px !important;
  height: 156px !important;
  max-height: 156px !important;
  transition:
    visibility 0s linear 0s,
    min-height 0.42s cubic-bezier(0.4, 0, 0.2, 1),
    max-height 0.42s cubic-bezier(0.4, 0, 0.2, 1),
    height 0.42s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.34s cubic-bezier(0.4, 0, 0.2, 1) 0.08s,
    transform 0.34s cubic-bezier(0.4, 0, 0.2, 1) 0.08s;
}

/*
 * Banner search track: fixed geometry so focus/outline/fonts cannot change positioned height.
 * NO translateY on this box — any inner reflow was re-centering it and looked like a downward step.
 * Use a fixed top (not % of banner height): .main-banner height animates on scroll show/hide, so
 * top: calc(50% - 26px) made 50% track the mid-animation height and the bar jumped vertically.
 * 52px = (156px banner − 52px row) / 2 — matches .main-banner.show height 156px !important.
 */
/*
 * Horizontal center: left+right 0 + margin-inline auto + fixed width (no transform on this box).
 * left:50% + translateX(-50%) caused horizontal drift when width or % base shifted (focus/autocomplete/scrollbar).
 * Vertical: fixed top (half strip minus half row) — do not use % top (banner height animates on scroll hide/show).
 */
.main-banner .search-bar {
  position: absolute;
  left: 0;
  right: 0;
  top: 52px;
  transform: none;
  width: min(100%, calc(50% - 5rem), 670px);
  max-width: 100%;
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  margin-left: auto;
  margin-right: auto;
  min-width: 0;
  z-index: 2;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  /* Search UI is authored LTR; prevents dir=rtl pages from flipping the row (reads as a horizontal jump). */
  direction: ltr;
}

/* Banner: align with SearchUnify main.css (left ~18px, 38px hit target); avoid left+right:0 fighting client CSS */
.main-banner .search-bar .su__search_btn {
  left: 10px !important;
  right: auto !important;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  min-width: 50px;
  height: auto;
  max-height: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.navbar-search-container .su__search_btn {
  left: 0px !important;
  padding: 9px 15px 5px;
  right: 0 !important;
  width: fit-content;
  height: 100%;
}

.main-banner .search-bar .su__search_btn svg path,
.navbar-search-container .su__search_btn svg path {
  fill: #f48b00;
}

/* form#searchForm + second ID beats .su__documentaion-wrapper form#searchForm .su__input-search (main.css) */
.main-banner .search-bar #search-box-autocomplete,
.main-banner .search-bar form#searchForm #search-box-autocomplete,
.navbar-search-container #search-box-autocomplete {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 0 3.5rem 0 3.5rem;
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  border-radius: 26px !important;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #ebebeb !important;
  background: #fbfbfb 0% 0% no-repeat padding-box;
  font-size: 14px !important;
  font-weight: normal;
  color: #838797;
  letter-spacing: 0px;
  line-height: 20px !important;
  font-family: "Poppins";
  outline: none !important;
  box-sizing: border-box;
  margin: 0;
  vertical-align: middle;
}

/* main.css adds outline/border on focus — keep identical box metrics so the banner row does not reflow */
.main-banner .search-bar #search-box-autocomplete:focus,
.main-banner .search-bar #search-box-autocomplete:focus-visible,
.main-banner .search-bar #search-box-autocomplete:active,
.main-banner .search-bar form#searchForm #search-box-autocomplete:focus,
.main-banner .search-bar form#searchForm #search-box-autocomplete:focus-visible,
.main-banner .search-bar form#searchForm #search-box-autocomplete:active {
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding: 0 3.5rem 0 3.5rem !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #f48b00 !important;
  outline: none !important;
  box-shadow: 0px 3px 6px #00000029 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin: 0 !important;
}

/* Beats global span.su__input-close… rule (right:28px / top:17px) which overflows narrow banner fields */
.main-banner
  .search-bar
  form#searchForm
  span.su__input-close.su__mr-4.su__animate-zoom.su__position-absolute.su__cursor,
.main-banner .search-bar form#searchForm .su__input-close {
  right: 2.75rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}

.main-banner .search-bar .su__app {
  background-color: transparent;
}

/* Undo documentation hero metrics from main.css inside the banner strip */
.main-banner .search-bar .su__search_section {
  background-color: transparent;
  min-height: 0;
  max-height: 52px;
  padding: 0 !important;
  margin: 0;
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box;
  background-image: none;
  background-size: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

/* Injected markup: section.su__py-4 > .su__container — main.css .su__container uses 736px/960px caps; kills banner width */
.main-banner .search-bar .su__container {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

/* main.css: .su__search-forms .su__form-block { max-width: 1026px } — still cap inner flex; banner needs full .search-bar width */
.main-banner .search-bar .su__form-block {
  max-width: none !important;
  width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
}

.main-banner .search-bar .su__app.su__wrapper,
.main-banner .search-bar .su__wrapper.su_autocomplete-block,
.main-banner .search-bar #su_autocomplete-block {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
}

.main-banner .search-bar .su__d-flex.su__position-relative {
  width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
}

/* main.css uses display:flex + width:90% on form#searchForm — that can refuse to shrink and shift content right */
.main-banner .search-bar form#searchForm {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 52px !important;
  height: 52px !important;
  max-height: 52px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: left;
  box-sizing: border-box;
  position: relative;
  overflow: visible !important;
  outline: none !important;
}

.main-banner .search-bar form#searchForm:focus-within {
  outline: none !important;
  box-shadow: none !important;
  min-height: 52px !important;
  height: 52px !important;
  max-height: 52px !important;
}

.main-banner .search-bar #auto,
.main-banner .search-bar .su__app,
.main-banner .search-bar .su__documentaion-wrapper {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
  height: 52px;
  max-height: 52px;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

/* Angular / bind-html-compile wrappers inside #auto */
.main-banner .search-bar #auto > div,
.main-banner .search-bar #auto > div > div {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  max-height: 52px;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.main-banner .imgLeft {
  position: relative;
  flex: 0 0 auto;
  display: block;
  margin: 0;
  z-index: 1;
  max-width: min(276px, 28vw);
  max-height: 190px;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: bottom left;
}

.main-banner .imgRight {
  position: relative;
  flex: 0 0 auto;
  display: block;
  margin: 0;
  z-index: 1;
  max-width: min(276px, 28vw);
  max-height: 190px;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: bottom right;
}

/* .main-banner::before {
    content: "";
    left: 14px;
    pointer-events: none;
    display: inline-block;
    background-size: contain;
    width: 276px;
    position: absolute;
    top: 59px;
    background: transparent url('../Images/Banner/Group 5971.svg') 0% 0% no-repeat padding-box;
    height: 218px;
}

.main-banner::after {
    content: "";
    display: inline-block;
    top: 33px;
    pointer-events: none;
    right: 20px;
    width: 276px;
    background: transparent url("../Images/Banner/Group 5914.svg") 0% 0% no-repeat padding-box;
    height: 218px;
    position: absolute;
} */

/********* shashank css  *********/

body .sidenav-container::-webkit-scrollbar,
body nav.sidenav-wrapper::-webkit-scrollbar {
  width: 5px;
}

.sidenav-container::-webkit-scrollbar-track,
body nav.sidenav-wrapper::-webkit-scrollbar-track {
  box-shadow: 0px 3px 6px #00000029 !important;
  background: #e4e4e4 !important;
}

.sidenav-container::-webkit-scrollbar-thumb,
body nav.sidenav-wrapper::-webkit-scrollbar-thumb {
  background-image: unset !important;
  background-color: #f48b00 !important;
  /* height: 100px !important; */
}

.nav-search form.search {
  display: none;
}

#main-banner {
  display: none;
}

/* When script shows the banner (clears inline display:none), keep a positioning context for the absolutely centered search bar */
#main-banner.main-banner {
  position: relative;
  flex-shrink: 0;
}

.return-to-top {
  display: none;
  text-align: left;
  position: fixed;
  font-family: "Poppins";
  bottom: 20px;
  right: 110px;
  font-weight: normal;
  background: #fff;
  color: #f48b00;
  font-style: normal;
  font-size: 14px;
}

.return-to-top:hover {
  margin-bottom: 8px;
  cursor: pointer;
  z-index: 999;
  pointer-events: fill;
}

.hamburger-toolbar.hamburger-toolbar-sec {
  margin-bottom: 20px;
}

.hamburger-toolbar {
  color: #3c4257;
  display: flex;
  font-family: "Poppins";
  font-style: normal;
  font-weight: normal;
  justify-content: space-between;
  text-transform: uppercase;
  letter-spacing: 0px;
}

.hamburger-menu {
  font: normal normal normal 10px/16px Poppins;
  letter-spacing: 0px;
  color: #3c4257;
  text-transform: uppercase;
}

.hamburger-date {
  font: normal normal normal 10px/16px Poppins;
  letter-spacing: 0px;
  color: #3c4257;
  text-transform: uppercase;
}

.hamburger-date::before {
  content: "";
  background: url("../Images/Icons/Icon ionic-ios-timer.svg") no-repeat;
  width: 20px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
}

.permission-component {
  background: #f1fbfd 0% 0% no-repeat padding-box;
  border: 1px solid #a0e3f2;
  border-radius: 7px;
  margin-top: 20px;
  padding: 24px;
}

.permission-component .permission-chk {
  letter-spacing: 0px;
  color: #3c4257;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}

.permission-component .permission-chk.permission-highlight {
  color: #4c4cf1;
}

.permission-component ul,
.permission-component ul li {
  text-align: left;
  font: normal normal 300 12px "Poppins";
  letter-spacing: 0px;
  color: #595959;
}

.permission-component .permission-hidden {
  display: none;
}

.permission-component ul li {
  list-style: none;
}

.permission-component > ul > li::before,
.permission-component > ul .permission-hidden > li::before {
  content: "";
  background: #55c7ff;
  font-weight: bold;
  display: inline-block;
  height: 8px;
  width: 8px;
  margin-right: 6px;
  /* font-size: 24px; */
  border-radius: 5px;
}

.permission-component ul > ul > li::before {
  content: "";
  font-weight: bold;
  display: inline-block;
  width: 8px;
  border-radius: 50%;
  border: 1px solid #55c7ff;
  /* margin-left: -1em; */
  margin-right: 6px;
  height: 8px;
}

.permission-component ul > ul li span {
  font-weight: bold;
}

.permission-crawl-main {
  display: flex;
  justify-content: space-between;
}

.permission-crawl {
  display: flex;
}

.permission-crawl span {
  letter-spacing: 0px;
  color: #4c4cf1;
  text-transform: uppercase;
  font-weight: 600;
  padding-top: 10px;
}

.info-permission::before {
  content: "";
  background: url("../Images/Icons/Icon feather-info.svg") no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

.permission-copy::before {
  content: "";
  background: url("../Images/Icons/Copy icon.svg") no-repeat;
  width: 20px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
}

.permission-component > ul:last-child {
  display: none;
}

.permission-crawl .switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 20px;
  margin: 9px;
}

.permission-crawl .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.permission-crawl .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #4c4cf1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.permission-crawl .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.permission-crawl input:checked + .slider {
  background-color: #4c4cf1;
}

.permission-crawl input:focus + .slider {
  box-shadow: 0 0 1px #4c4cf1;
}

.permission-crawl input:checked + .slider:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

.permission-crawl .slider.round {
  border-radius: 34px;
}

.permission-crawl .slider.round:before {
  border-radius: 50%;
}

/* permission section end */

/* note section */

.note-section {
  padding: 10px;
  margin: 5px;
  margin-top: 20px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  font-family: "Poppins";
  border-left: 1px solid #ffb200;
}

.note-section span {
  color: #f48b00;
  font-size: 10px;
  font-weight: 500;
}

.note-section p {
  font-size: 12px;
}

/* realated article section */

.related-article {
  box-shadow: 0px 3px 6px #00000029;
  border: 0.5px solid #00000029;
  border-radius: 6px;
  font-family: "Poppins";
  margin: 5px;
  padding: 15px;
  margin-top: 20px;
}

.related-article .related-list-main {
  margin-top: 15px;
}

.related-article .related-list-main::before {
  content: "";
  background: url("../Images/Icons/Icon\ feather-file-text.svg") no-repeat;
  width: 20px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
}

.related-article .related-list-main .related-list-main-head {
  font-size: 12px;
  vertical-align: text-top;
  color: #838797;
}

.related-article .related-list-main .related-list-main-content {
  font-size: 10px;
  font-weight: 300;
  left: 25px;
  text-align: left;
  position: relative;
  color: #838797;
  display: block;
  width: 99%;
}

/* PREREQUISITES */

.prerequisites-section {
  background: #ffffff 0% 0% no-repeat padding-box;
  /* box-shadow: 0px 8px 6px #00000029; */
  box-shadow: 0px 3px 6px #00000029;
  /* margin: 5px; */
  padding: 15px;
  font-family: "Poppins";
  margin-top: 20px;
}

.prerequisites-section h4 {
  color: #5fb12d;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
}

.prerequisites-section ol li a {
  text-align: left;
  text-decoration: underline;
  font: normal normal normal 12px/26px Poppins;
  letter-spacing: 0px;
  color: #7886f7;
}

#SupportedPlatforms {
  margin-top: 25px;
}

/* feedback */

h5.did-you-find-head::before,
h5.did-you-find-head::after {
  content: "";
  position: absolute !important;
  height: 1px;
  width: 170px;
  display: inline-block;
  background: #838797;
  top: 50%;
}

h5.did-you-find-head,
b.did-you-find-head {
  position: relative;
  width: 100%;
  font: normal normal normal 18px/27px "Poppins";
  letter-spacing: 0px;
  color: #3c4257;
  text-align: center;
  display: block;
}

b.did-you-find-head::before {
  left: 0%;
}

h5.did-you-find-head:before {
  left: 0;
}

h5.did-you-find-head:after {
  right: 0;
}

.su__feedbackform_custom {
  margin: 0 auto;
  gap: 10px;
}

.su__flex-vcenter.su__feedbackform_custom {
  justify-content: center;
}

/* recommended */

.su__Recommended_Articles-R {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 0.5px solid #d8d8d8;
  border-radius: 6px;
  /* opacity: 0.27; */
  width: 95% !important;
  margin: 5px 0;
}

.su__Recommended_Articles-R h2 {
  font: normal normal 500 12px/18px "Poppins";
  letter-spacing: 0px;
  color: #3c4257;
}

.su__Recommended_Articles-R .su__recommendations-content-title {
  font: normal normal 500 12px/18px Poppins;
  letter-spacing: 0px;
  color: #838797;
  margin-top: 5px;
}

.su__Recommended_Articles-R .su__recommendations-content-description {
  font: normal normal 300 12px/18px "Poppins";
  letter-spacing: 0px;
  display: none;
  color: #838797;
}

.su__Recommended_Articles-R .su__search-title {
  gap: 10px;
  margin-left: 0px;
  transition: all 0.3s ease-out;
}

.su__Recommended_Articles-R .su__search-title:hover {
  margin-left: 10px;
}

.su__Recommended_Articles-R .recommended-img {
  margin-top: 4px;
}

/* baseurl-section */

.baseurl-section {
  font-family: "Poppins";
  margin-top: 20px;
}

.baseurl-section .baseurl-head-toggler {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  padding: 5px 10px;
  cursor: pointer;
}

.baseurl-section .baseurl-head {
  font: normal normal 500 24px/35px Poppins;
  letter-spacing: 0px;
  color: #12141c;
  transition: all 0.3s ease-out;
}

.baseurl-section .baseurl-head-toggler:hover .baseurl-head {
  color: #f48b00;
}

.baseurl-section .toggled-baseurl {
  display: none;
  margin-top: 5px;
  padding: 5px 10px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  font: normal normal 300 14px/24px Poppins;
  letter-spacing: 0px;
  color: #595959;
  transition: display 0.3s ease-out;
}

.baseurl-section .toggled-baseurl.toggled-baseurl-cl {
  display: block;
}

/* Tabs */

.custom-tab {
  margin-top: 20px;
  font-family: "Poppins";
}

.custom-tab * {
  font-family: "Poppins";
}

.custom-tab .accordion {
  overflow: hidden;
  width: 100%;
}

.custom-tab .accordion-tabs {
  display: none;
}

.custom-tab .accordion-tabs :focus {
  outline: none;
}

.custom-tab .accordion-item {
  border-bottom: 1px solid #eaeaea;
}

.custom-tab .accordion-item:last-child {
  border: none;
}

.custom-tab .accordion-item__label {
  margin: 0;
  padding: 1.25rem;
  cursor: pointer;
  transition: padding 0.2s ease;
  position: relative;
}

.custom-tab .accordion-item__label:after {
  content: "";
  height: 4px;
  width: 4px;
  position: absolute;
  top: -4px;
  right: 1.25rem;
  bottom: 0;
  margin: auto;
  border: 3px solid transparent;
  border-radius: 2px;
  transform: rotate(45deg);
  border-color: transparent #447fff #447fff transparent;
  opacity: 1;
  transition: opacity 0.1s ease;
}

.custom-tab .accordion-item__label:hover {
  background: #fff;
}

.custom-tab .accordion-item__container {
  padding: 0 1.25em;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition:
    padding 0.2s ease,
    opacity 0.5s 0.15s ease;
}

.custom-tab .accordion-active {
  background: rgba(68, 127, 255, 0.1);
}

.custom-tab .accordion-active .accordion-item__label {
  padding-bottom: 0;
  cursor: inherit;
}

.custom-tab .accordion-active .accordion-item__label:hover {
  background: none;
}

.custom-tab .accordion-active .accordion-item__label:after {
  opacity: 0;
}

.accordion-active .accordion-item__container {
  padding: 1.25em;
  height: auto;
  opacity: 1;
}

.custom-tab .accordion-active .accordion-item__container h1:first-child,
.custom-tab .accordion-active .accordion-item__container h2:first-child,
.custom-tab .accordion-active .accordion-item__container h3:first-child,
.custom-tab .accordion-active .accordion-item__container h4:first-child,
.custom-tab .accordion-active .accordion-item__container h5:first-child,
.custom-tab .accordion-active .accordion-item__container h6:first-child {
  margin-top: 0;
}

.custom-tab .accordion-active .accordion-item__container p:last-child,
.custom-tab .accordion-active .accordion-item__container h1:last-child,
.custom-tab .accordion-active .accordion-item__container h2:last-child,
.custom-tab .accordion-active .accordion-item__container h3:last-child,
.custom-tab .accordion-active .accordion-item__container h4:last-child,
.custom-tab .accordion-active .accordion-item__container h5:last-child,
.custom-tab .accordion-active .accordion-item__container h6:last-child {
  margin-bottom: 0;
}

.custom-tab section.accordion-content {
  border: 1px solid #e9eaec;
  margin-top: -2px;
}

@media (min-width: 600px) {
  .custom-tab .accordion-tabs {
    display: flex;
    background: #fff;
  }

  .custom-tab .accordion-tabs .accordion-tab {
    padding: 1rem 2rem;
    color: #acafba;
    font: inherit;
    font-weight: normal;
    border: 1px solid #e3e5e9;
    cursor: pointer;
    transition: all 0.1s ease-out;
  }

  .custom-tab .accordion-tabs .accordion-tab:hover {
    background: rgba(249, 249, 249, 0.01);
  }

  .custom-tab .accordion-tabs .accordion-tab.accordion-active {
    background: #fff;
    border-bottom: none;
  }

  .custom-tab .accordion-item {
    padding: 2.4rem;
    display: none;
    border: none;
    background: #fff;
    min-height: 260px;
  }

  .custom-tab .accordion-item__label,
  .accordion-item__container {
    padding: 0;
    transition: inherit;
  }

  .custom-tab .accordion-item__label {
    margin-bottom: 1.5rem;
  }

  .custom-tab .accordion-item.accordion-active {
    display: block;
  }

  .custom-tab .accordion-item.accordion-active .accordion-item__container {
    padding: 0;
  }
}

@media print {
  /* Links */
  MadCap|xref {
    font-weight: normal;
    mc-format: "{quote}{para}{quote} {pageref}";
    text-decoration: none;
  }
}

MadCap|menuProxy.something {
  mc-context-sensitive: True;
  mc-include-parent: True;
  mc-include-siblings: True;
  mc-include-children: True;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  * {
    font-family: "Montserrat", sans-serif;
  }

  body {
    font-family: "Montserrat", sans-serif;
    font-size: 1em;
  }

  .vertical.menu.fixed-doc-menu-2 li {
    display: block !important;
  }
}

@media only screen and (max-width: 1280px) {
  .return-to-top {
    display: block !important;
    right: 35px;
    background: #fff;
    bottom: 0;
    padding: 5px;
    z-index: 99;
  }
}

@media print {
  code[class*="language-"],
  pre[class*="language-"] {
    text-shadow: none;
  }
}

@media (min-width: 1200px) {
  .custom-width-xl {
    max-width: 70%;
  }
}

@media (min-width: 1500px) {
  .custom-width-xl {
    max-width: 50%;
  }
}

@media (max-width: 1500px) {
  .help-tab {
    max-width: 50%;
  }
}

@media only screen and (max-width: 1400px) {
  .rightbar .vertical.menu.fixed-doc-menu {
    max-height: calc(100vh-100px);
  }

  .sidenav-wrapper {
    width: 25%;
  }

  ol.vertical.menu.fixed-doc-menu {
    overflow-y: auto;
    height: 25rem;
  }

  .full-width-content .page-content {
    /* max-width: 80%; */
  }

  div.right-menu-wrapper {
    width: 302px;
    max-height: 500px;
    overflow-y: scroll;
  }

  .emailandfeedback p a {
    display: block;
  }
}

@media only screen and (max-width: 1279px) {
  /* Home page topic */
  html.home-topic .body-container {
    margin-left: 0;
  }

  /* Master page */
  .footer {
    padding: 2% 2% 1%;
  }

  div.home-footer > div:nth-child(1) {
    width: 25%;
    margin-left: 0%;
  }

  div.home-footer > div:nth-child(2) {
    width: 75%;
    margin-left: 0%;
  }

  .title-bar .menu-icon span {
    background: transparent;
    position: relative;
    background: #f48b00;
    display: none;
    height: 4px;
    width: 30px;
    border-radius: 2px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }

  .title-bar .menu-icon span:before,
  .title-bar .menu-icon span:after {
    content: "";
    background: #f48b00;
    height: 4px;
    width: 30px;
    display: block;
    position: absolute;
    top: -8px;
    border-radius: 2px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }

  .title-bar .menu-icon span:after {
    top: 8px;
  }

  .is-off-canvas-open .title-bar .menu-icon span {
    background: transparent;
  }

  .is-off-canvas-open .title-bar .menu-icon span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
  }

  .is-off-canvas-open .title-bar .menu-icon span:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
  }

  nav.title-bar .menu-icon {
    right: 0px;
  }

  .off-canvas {
    display: none;
  }

  .sidenav-wrapper {
    display: block;
  }

  .sidenav-layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .rightbar {
    display: none;
  }

  .body-container {
    /* overflow: unset !important; */
    padding-left: 4%;
    padding-right: 4%;
    margin-left: -1em;
    margin-right: -1em;
  }

  .sidenav-wrapper {
    width: 25%;
    margin-left: -1em;
  }

  .nav-search-wrapper {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .title-bar-layout .nav-search-wrapper {
    display: none;
  }

  .title-bar-layout .logo-wrapper {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .nav-search {
    width: 275px;
    margin-top: 0;
  }
}

@media (max-width: 1199px) {
  .medium-flex-row > .columns {
    width: 100%;
  }

  .popup-inner {
    max-width: 58rem;
    top: 40%;
    min-height: 32rem;
  }

  .custom-width-xl {
    max-width: 100%;
  }

  .help-tab {
    max-width: 100%;
  }

  .full-width-content .page-content {
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  .sidenav-wrapper {
    display: none;
  }

  .title-bar .menu-icon span {
    display: block;
  }

  .off-canvas {
    display: block;
  }

  a.MCPopupThumbnailLink.MCPopupThumbnailPopup {
    max-width: 100%;
  }

  .position-right {
    top: -100%;
    right: 0;
    width: 100%;
  }

  .off-canvas-wrapper-inner.is-open-right {
    right: 0;
  }

  .position-right.is-open {
    right: 0;
    top: 70px;
    padding: 0 1rem;
  }

  .off-canvas {
    z-index: 999;
  }

  .nav-search-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .nav-search {
    width: 100%;
  }

  .search-bar .search-field {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  ul.vertical.off-canvas-list li {
    padding: 0.1rem 0;
    border-bottom: 2px solid #5a5a5a;
  }

  .popup-inner {
    max-width: 45rem;
    min-height: 25rem;
    top: 60%;
  }

  .nav-search-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 0;
    z-index: 1;
    -webkit-transition: width 0.35s ease;
    transition: width 0.35s ease;
    right: 20%;
    visibility: hidden;
  }

  .nav-search-wrapper.openSearch {
    width: 84%;
    right: 14%;
    visibility: visible;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
  }

  #mobile-search-btn,
  .title-bar-section.middle {
    display: block;
  }

  .main-nav {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  /* Home page topic */
  div.home-tiles p {
    line-height: 1.2;
  }

  div.home-tiles > div:nth-child(1) {
    width: 100%;
    margin-left: 0%;
    margin-bottom: 10px;
  }

  div.home-tiles > div:nth-child(2) {
    width: 100%;
    margin-left: 0%;
  }

  div.topic-hero h1 {
    font-size: 2.5em;
    text-align: center;
  }

  /* Master page */
  .footer {
    padding: 5% 7%;
    text-align: center;
  }

  .footer-icons {
    text-align: center;
  }

  .footer-logo {
    text-align: center;
  }

  div.home-footer > div:nth-child(1) {
    width: 100%;
  }

  div.home-footer > div:nth-child(2) {
    width: 100%;
    margin: 3% 0;
  }

  /* Mobile title bar: keep logo on the left; center it vertically in the row (was riding high vs account). */
  .title-bar-layout {
    align-items: center;
  }

  .title-bar-layout .logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-self: center;
    height: auto;
    min-height: 48px;
    position: static;
    margin: 0;
  }

  .title-bar-layout .logo-wrapper a.logo {
    height: 30px;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    /* Anchor scale on the left so horizontal alignment stays put; vertical origin centers the glyph in the row */
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }

  .title-bar .menu-icon span {
    height: 3px;
    width: 25px;
  }

  .title-bar .menu-icon span:before,
  .title-bar .menu-icon span:after {
    height: 3px;
    width: 25px;
    top: -7px;
  }

  .title-bar .menu-icon span:after {
    top: 7px;
  }

  .position-right.is-open {
    top: 72px;
  }

  nav.title-bar {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  nav.title-bar .menu-icon {
    top: 30px;
  }

  #mobile-search-btn {
    top: 50%;
  }

  .popup-inner {
    max-width: 38rem;
    min-height: 21rem;
  }
}

/* Working til here */

@media (max-width: 667px) {
  .popup-inner {
    max-width: 32rem;
    min-height: 18rem;
  }
}

@media (max-width: 567px) {
  .popup-inner {
    max-width: 27rem;
    min-height: 15rem;
  }
}

@media (max-width: 480px) {
  .body-container {
    padding-top: 5%;
  }

  .page-content h2 span,
  .full-width-content h2 span {
    display: block;
  }

  .inline-icon-li-div ul li p {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    margin-top: 0;
  }

  .title-bar .menu-icon span {
    height: 2px;
    width: 20px;
  }

  .title-bar .menu-icon span:before,
  .title-bar .menu-icon span:after {
    height: 2px;
    width: 20px;
    top: -5px;
  }

  .title-bar .menu-icon span:after {
    top: 5px;
  }

  .inline-icon-li-div ul li {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
  }

  .tag {
    margin-top: 2rem;
  }

  .popup-inner {
    max-width: 21rem;
    min-height: 12rem;
    top: 20%;
  }

  .list-video {
    margin-bottom: 15px;
  }

  .nav-search-wrapper.openSearch {
    width: 78%;
    right: 20%;
  }

  #mobile-search-btn img {
    height: 16px;
  }

  #mobile-search-btn {
    right: 9%;
  }

  .nav-search-wrapper {
    right: 31%;
  }
}

.main-section .sidenav-layout .body-container {
  padding: 0 !important;
}

/* Outer topic column only: stop SearchUnify banner/widgets from forcing horizontal scroll */
.main-section .sidenav-layout > .body-container {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.main-section .sidenav-layout .body-container::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.body-container .vertical.menu.fixed-doc-menu > ul > ul {
  padding-left: 0 !important;
  margin-left: 0;
  width: 100%;
}

.body-container .vertical.menu.fixed-doc-menu > ul > ul > ul {
  padding-left: 0 !important;
}

.body-container nav.sidenav-wrapper ul.sidenav > li:nth-child(13):after {
  width: 94%;
  content: "";
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 30px;
  position: absolute;
  right: 0;
  bottom: -1rem;
}

.body-container nav.sidenav-wrapper ul.sidenav > li:nth-child(13) {
  padding-bottom: 1.5rem;
  position: relative;
}

.su-body-container
  #mc-main-content-top
  .vertical.menu.fixed-doc-menu
  li:hover
  a {
  color: #f48b00 !important;
}

.off-canvas-content
  .emailandfeedback
  .su__feedbackform_custom
  span.su_thumb-yes.su__mx-3 {
  margin: 0;
}

.su-body-container .full-width-content h2 {
  margin-bottom: 1rem !important;
}

.su-body-container .full-width-content h1 {
  margin: 8px 0 18px 0 !important;
}

@media (max-width: 1180px) {
  .body-container.su-body-container.show {
    padding: inherit !important;
  }

  .body-container.su-body-container.show .row.medium-flex-row {
    margin: 0 !important;
    padding: 0 !important;
  }

  .su-body-container .columns.large-8 {
    margin-left: 0rem;
    padding: 0 2rem;
  }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  #searchUnifyChat .suva-chatbot-buttom-btn {
    bottom: 39px !important;
    right: 19px !important;
  }
}

.vertical.menu.fixed-doc-menu {
  padding-left: 0.8rem !important;
}

.vertical.menu.fixed-doc-menu li {
  /* list-style: auto; */
  display: list-item;
}

.vertical.menu.fixed-doc-menu-2 li {
  list-style: none;
}

.vertical.menu.fixed-doc-menu li ul li {
  list-style: none;
}

ul.vertical.set-sidebar-position ul {
  padding-left: 15px;
}

* {
  scrollbar-width: auto !important;
  scrollbar-color: auto !important;
}

/* For Chrome, Edge, and Safari */

*::-webkit-scrollbar {
  width: 4px !important;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.29) !important;
  /* Set the width to make it thinner */
}

*::-webkit-scrollbar-track {
  background: transparent !important;
  /* Adjust the scrollbar track color */
}

*::-webkit-scrollbar-thumb {
  background-color: #f48b00 !important;
  background-image: unset !important;
  border-radius: 10px !important;
}

.su-body-container h4.content-heading {
  color: #838797;
  font-size: 10px;
  letter-spacing: 5px;
  margin-left: -11px;
  font-weight: 500;
}

.su-body-container div.MCBreadcrumbsBox_0 {
  margin-bottom: 0px;
}

/* div#mc-main-content-top .columns {
    z-index: -1;
    position: sticky;
} */

span.su__input-close.su__mr-4.su__animate-zoom.su__position-absolute.su__cursor {
  right: 28px;
  top: 17px;
  margin: 0;
}

/* @author:Krishna */

.off-canvas-content .main-banner {
  z-index: 99;
}

.off-canvas-content.inner-wrap {
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}

.floating-navigation {
  position: fixed;
  top: 250px;
  right: 100px;
}

.row.medium-flex-row {
  position: relative;
  width: 100%;
}

.su__linear-loader {
  display: none !important;
}

.su-body-container div#mc-main-content blockquote p {
  color: #f48b00;
}

.su-body-container div#mc-main-content blockquote li p {
  color: #838797;
}

.su-body-container div#mc-main-content blockquote {
  border-left: 2px solid #f48b00;
  padding: 0.5rem 1.5rem 0.5rem;
  margin: 1rem 0;
  background: #ffffff;
  box-shadow: 0px 3px 6px #00000029;
}

.main-section .fixed-note .img-fluid p,
.main-section .fixed-note :hover p {
  transition: ease 0.2s;
}

.su-body-container .vertical.menu.fixed-doc-menu > ul > ul {
  margin-left: 15px !important;
  width: 100%;
  display: block;
  width: auto;
}

/* .vertical.menu.fixed-doc-menu-2 li:hover,
.vertical.menu.fixed-doc-menu li:hover
{
    color: #f48b00 !important;
} */

.vertical.menu.fixed-doc-menu-2 li ul li:not(:has(ul)):hover a,
.vertical.menu.fixed-doc-menu li ul li:not(:has(ul)):hover a {
  color: #f48b00 !important;
}

.vertical.menu.fixed-doc-menu li ul li ul li:hover a,
.vertical.menu.fixed-doc-menu-2 li ul li ul li:hover a {
  color: #f48b00 !important;
}

.vertical.menu.fixed-doc-menu li:hover::marker {
  color: #f48b00 !important;
}

.vertical.menu.fixed-doc-menu li:has(> a.selected)::marker {
  color: #f48b00 !important;
}

.main-section
  .sidenav-layout
  .body-container
  div#mc-main-content
  p.img-container
  img {
  max-width: auto !important;
}

.sidenav-wrapper
  .off-canvas-accordion
  .is-accordion-submenu-parent
  li.tree-node.tree-node-leaf
  > a {
  margin-left: 1rem;
  /* padding-bottom: 10px; */
}

.sidenav-wrapper ul ul.is-accordion-submenu {
  background: #ffff;
  /* padding-bottom: 10px; */
}

.su-body-container .full-width-content h2 {
  margin-bottom: 0rem !important;
}

.su__Recommended_Articles-R .su__recommendations-content-title {
  font: normal normal 500 12px/18px Poppins;
  letter-spacing: 0px;
  color: #838797;
  margin-top: 5px;
}

.su__Recommended_Articles-R .su__search-title {
  gap: 10px;
  margin-left: 0px;
  transition: all 0.3s ease-out;
}

.su__font-12.su__whitespace-initial.su__recommendations-title.su__Recommended_Article-max-width
  a
  h3 {
  font-size: 12px !important;
  margin: 0;
  color: #838797;
}

.su__Recommended_Articles-R .su__search-title:hover {
  margin-left: 10px;
}

.su__position-relative.su__border-b.su__d-flex.su__align-items-center.su__pb-3 {
  border-bottom: none;
  padding-bottom: 0.6rem !important;
}

/* .su-body-container aside.rightbar {
    top: calc(100vh-80px) !important;
} */

aside.rightbar strong {
  font-weight: 400 !important;
}

@media (min-width: 1400px) {
  .set-sidebar-position {
    position: fixed;
    background: rgb(255, 255, 255) !important;
    right: 30px;
    top: 10px;
    max-width: 375px !important;
    width: 100% !important;
  }

  aside.rightbar {
    width: 375px !important;
  }
}

ul.menu.custom-ol > li {
  list-style: unset !important;
}

ul.menu.custom-olul {
  list-style-type: none !important;
  display: unset !important;
}

.su__feedshow-center {
  position: fixed !important;
}

/* for firefox */

/* changes done on 14-03-2024 */

.body-container .return-to-top {
  width: 64px;
}

div#su__recommendation-widget {
  display: none;
  opacity: 0;
}

/* .su-body-container aside.rightbar {
    display: none;
    top: calc(100vh-80px) !important;
} */

/* For Chrome, Edge, and Safari */

*::-webkit-scrollbar {
  width: 4px !important;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.29) !important;
  /* Set the width to make it thinner */
}

set-sidebar-position > ul::-webkit-scrollbar {
  width: 2px !important;
}

.main-section .sidenav-layout .body-container::-webkit-scrollbar {
  display: block;
  /* Safari and Chrome */
}

.body-container .full-width-content ul li {
  position: relative;
}

.body-container .vertical.menu.fixed-doc-menu li a:after {
  content: ">";
  position: absolute;
  top: 5px;
  right: 15px;
}

/* .body-container .large-4 .vertical.menu.fixed-doc-menu li:after {
    content: ">";
    position: absolute;
    top: 5px;
    right: 0;
} */

.su_feedback_form {
  border: 1px solid #f3f3f3;
  color: #fff;
  font-size: 14px;
  padding: 10px 16px;
  text-align: center;
  background: #fff;
  box-shadow: 0 1px 7px #ccc;
  border-radius: 6px;
}

.body-container .hamburger-toolbar {
  margin: 2rem 1rem 0 0;
}

.body-container div#mc-main-content {
  overflow: hidden;
  margin-top: 0;
}

.body-container div#mc-main-content ul li {
  list-style: disc;
}

.body-container .columns.large-8 {
  padding-left: 2rem;
}

.sidenav-wrapper .off-canvas-accordion .is-accordion-submenu-parent > a {
  position: relative;
  padding-right: 2em;
}

.sidenav-wrapper
  .off-canvas-accordion
  .is-accordion-submenu-parent
  li.tree-node.tree-node-leaf
  > a {
  margin-left: 1rem;
}

.main-section .sidenav-wrapper,
.main-section .su-body-container {
  padding-top: 8px;
}

.sidenav-wrapper .outer-row.sidenav-layout .fixed-doc-menu li a {
  padding: 0;
  padding-top: 5px;
  padding-bottom: 10px;
}

.sidenav-wrapper .vertical.menu.fixed-doc-menu {
  padding: 0;
}

.sidenav-wrapper li.tree-node.is-accordion-submenu-parent a {
  padding-top: 10px;
}

.sidenav-wrapper .sidenav-container ul.sidenav ul > li > a {
  margin-left: 0 !important;
  padding-left: 3em;
}

.sidenav-wrapper
  .sidenav-container
  ul.sidenav
  .is-accordion-submenu-parent
  > ul
  > li
  > ul
  > li
  > a {
  margin-left: 1rem !important;
}

.sidenav-wrapper
  .sidenav-container
  ul.sidenav
  .is-accordion-submenu-parent
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > a {
  margin-left: 2rem !important;
}

/* Search bar is centered via .main-banner .search-bar absolute positioning (works with JS display:block on #main-banner) */
.off-canvas-content.inner-wrap .main-banner {
  opacity: 1;
  /* Do not set display:block here — it overrides .main-banner flex and breaks bottom alignment of illos. */
  position: relative;
}

/* Do not display:none banner imgs on .hide — parent opacity/height transition stays smooth. */

.off-canvas-content.inner-wrap .main-banner.show img {
  display: inline;
}

.off-canvas-content.inner-wrap .main-banner img {
  display: inline;
}

/* Banner illos are flex items (align-items:flex-end on .main-banner); keep block so inner-wrap .show img {inline} cannot shrink the line box. */
.off-canvas-content.inner-wrap .main-banner img.imgLeft,
.off-canvas-content.inner-wrap .main-banner img.imgRight {
  display: block !important;
  position: relative !important;
  flex: 0 0 auto;
  margin: 0 !important;
  z-index: 1;
  transform: none !important;
  width: auto;
  height: auto;
  max-width: min(276px, 28vw);
  max-height: 190px;
  object-fit: contain;
}

.off-canvas-content.inner-wrap .main-banner img.imgLeft {
  object-position: bottom left;
}

.off-canvas-content.inner-wrap .main-banner img.imgRight {
  object-position: bottom right;
}

/* Height is controlled by .main-banner / .main-banner.hide — avoid collapseHeight animation (conflicted with height transition, left ~118px mid/final). */

.off-canvas-content.inner-wrap {
  overflow: auto !important;
  height: 100vh !important;
}

.su-body-container #mc-main-content .hamburger-toolbar.hamburger-toolbar-sec {
  display: none;
}

.page-content a,
.full-width-content a.MCXref.xref {
  color: #f48b00;
  text-decoration: none;
}

.su__feedshow-center.su__pagerating-lay .su__close-svg {
  top: 10px;
  min-width: 23px;
  z-index: 9999;
  background-color: #fff;
}

@media screen and (min-width: 1200px) {
  nav.sidenav-wrapper {
    max-height: initial;
  }
}

.body-container .return-to-top {
  width: 64px;
}

.su-body-container h4.content-heading {
  margin-top: 0;
}

.su-body-container div.MCBreadcrumbsBox_0 {
  margin-bottom: 0px;
}

.body-container .return-to-top:before {
  content: "";
  width: 33px;
  height: 38px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../Images/Icons/GettingStarted/Return-to-top.svg");
  z-index: 999;
  max-width: 100px;
  left: -40px;
  top: 5px;
  position: absolute;
}

/* body .is-accordion-submenu-parent .is-accordion-submenu-parent>a {
    color: #3C4257 !important;
    font-weight: normal !important;
} */

.su-body-container b.did-you-find-head::before,
b.did-you-find-head::after {
  width: 35%;
}

@media (max-width: 1800px) {
  .su-body-container b.did-you-find-head::before,
  b.did-you-find-head::after {
    width: 33%;
  }
}

@media (max-width: 1570px) {
  .su-body-container b.did-you-find-head::before,
  b.did-you-find-head::after {
    width: 28%;
  }
}

@media (max-width: 1380px) {
  .su-body-container b.did-you-find-head::before,
  b.did-you-find-head::after {
    width: 29%;
  }
}

@media (max-width: 830px) {
  .su-body-container b.did-you-find-head::before,
  b.did-you-find-head::after {
    width: 30%;
  }
}

@media (max-width: 650px) {
  .su-body-container b.did-you-find-head::before,
  b.did-you-find-head::after {
    display: none !important;
  }
}

b.did-you-find-head::before,
b.did-you-find-head::after,
b.did-you-find-head::before,
b.did-you-find-head::after {
  content: "";
  position: absolute !important;
  height: 1px;
  width: 28%;
  display: inline-block;
  background: #838797;
  top: 50%;
}

.main-section .fixed-note {
  position: fixed;
  transform: translateY(-50px);
  top: 50%;
  right: -80px;
  z-index: 100;
}

.main-section .fixed-note .img-fluid p {
  transform: rotate(270deg);
  background-color: #f48b00;
  color: #ffffff;
  padding: 4px 16px 4px 8px;
  font-size: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.main-section .fixed-note :hover p {
  padding: 6px 18px 6px 10px;
}

.main-section .fixed-note .img-fluid p::before {
  background-image: url("../Images/Icons/fixed-note-svg.svg");
  content: "";
  display: inline-block;
  width: 20px;
  position: relative;
  height: 20px;
  right: -8px;
  top: 5px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
  transform: rotate(270deg);
}

.main-section .fixed-note a {
  text-decoration: none;
}

#searchUnifyChat
  .contact-form-page.show-profile
  .col-md-8.col-sm-6.col-xs-6.first-section {
  max-width: 100% !important;
  width: 100% !important;
  flex: 0 0 100%;
}

#searchUnifyChat
  .contact-form-page.show-profile
  .col-md-12.col-sm-12.col-xs-12.third-section {
  padding: 0;
}

.su-body-container .MCBreadcrumbsBox_0.breadcrumbs span {
  font-family: "Poppins";
  font-weight: 400;
  color: #3c4257;
  font-size: 10px !important;
}

.su-body-container .MCBreadcrumbsBox_0.breadcrumbs a {
  font-family: "Poppins";
  font-weight: 500;
  color: #f48b00;
}

.vertical.menu.fixed-doc-menu {
  /* padding-left: 20px !important; */
}

.main-section .sidenav-layout .body-container .columns.large-12 {
  padding-left: 2.5rem;
}

.su-body-container div#mc-main-content .page-content h2,
.full-width-content h2 {
  font-weight: 500;
}

.main-section
  .sidenav-layout
  .body-container
  div#mc-main-content
  p.img-container
  img {
  max-width: auto !important;
}

.su-body-container
  div#mc-main-content
  .emailandfeedback
  h5.did-you-find-head:after,
.su-body-container
  div#mc-main-content
  .emailandfeedback
  b.did-you-find-head:after {
  right: 7px !important;
}

.su-body-container
  div#mc-main-content
  .emailandfeedback
  h5.did-you-find-head:before,
.su-body-container
  div#mc-main-content
  .emailandfeedback
  b.did-you-find-head:before {
  left: -7px !important;
}

@media only screen and (max-width: 767px) {
  .off-canvas-content.inner-wrap .main-banner img {
    visibility: hidden;
  }

  .main-banner .search-bar {
    width: min(calc(100% - 1.5rem), 670px);
    max-width: calc(100% - 1.5rem);
  }
}

@media only screen and (max-width: 1279px) {
  .sidenav-wrapper {
    display: none !important;
  }

  .off-canvas-wrapper-inner .main-section .outer-row {
    margin: 0 auto;
    max-width: 96%;
    width: 100%;
  }

  .main-section .sidenav-layout .body-container {
    width: 100%;
  }
}

ul.sidenav ul ul ul ul > li > a:hover {
  background-color: unset !important;
}

.breadcrumbs span,
a.MCBreadcrumbsLink {
  font-size: 10px !important;
}

.body-container .hamburger-toolbar span {
  font-family: var(--unnamed-font-family-poppins);
}

.main-nav ul li.nav-item-active a {
  color: #f48b00 !important;
}

.main-nav ul li a:hover {
  color: #f48b00 !important;
}

div#suPageRateApp {
  padding-top: 10px;
}

.su__suggestion-desc.su__line-height-n.su__font-11.su__color-lgray.su__suggest {
  font-size: 14px;
  font-weight: 400 !important;
  color: #3c4257 !important;
}

span.su__suggestion-title.su__font-13.su__text-black.su__f-regular {
  /* margin-top: 12px; */
  margin-left: 7px;
  font-size: 14px;
  font-weight: 400 !important;
  color: #3c4257 !important;
}

span.su__suggestion-title.su__font-13.su__text-black.su__f-regular .highlight {
  color: #3c4257 !important;
}

.su__suggestions-list.su__bg-gray-hover.su__d-flex.su__font-14.su__text-black {
  align-items: flex-start;
}

.mc-component .custom-ol ul {
  display: block !important;
}

.MCDropDown.MCDropDown_Closed.dropDown {
  box-shadow: 0px 3px 6px #00000029;
  padding: 15px;
  border-bottom: none;
}

.MCDropDown.dropDown.MCDropDown_Open {
  border-bottom: none;
}

.MCDropDown .MCDropDownHotSpot_.MCHotSpotImage {
  color: #f48b00;
  background-position: left;
  background-image: none;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  font-weight: 600;
  white-space: pre-wrap;
  /* Preserve whitespace while allowing wrapping */
  overflow-wrap: break-word;
  /* Break long words if necessary */
  word-break: break-all;
}

.MCDropDown .MCDropDown_Image_Icon {
  border: none;
  display: none;
}

.full-width-content pre code {
  white-space: pre-wrap;
  /* Preserve whitespace while allowing wrapping */
  overflow-wrap: break-word;
  /* Break long words if necessary */
  word-break: break-all;
}

.full-width-content table {
  width: 100%;
  border-collapse: collapse;
  word-wrap: break-word;
  /* Ensures words break to the next line */
  table-layout: fixed;
  /* Ensures columns don't stretch unevenly */
}

.full-width-content table td {
  padding: 8px;
  border: 1px solid #ddd;
  text-align: left;
  word-break: break-word;
  /* Forces long words to break */
  white-space: normal;
  /* Allows text to wrap inside the cell */
}

.full-width-content table td code {
  white-space: pre-wrap;
  /* Preserve whitespace while allowing wrapping */
  overflow-wrap: break-word;
  /* Break long words if necessary */
  word-break: break-all;
  display: block;
  background-color: #ddd;
  padding: 6px 8px;
}

.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage {
  background-position: left;
  background-image: none;
  padding-left: 0;
  padding-right: 0;
}

.accordion-content .accordion-item {
  display: none;
}

.accordion-content .accordion-item.accordion-active {
  display: block;
}

.accordion-tab {
  cursor: pointer;
}

.accordion-tab.accordion-active {
  font-weight: bold;
}

.sidebar-version {
  /* padding: 25px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    padding-top: 0;
    border-bottom: 1px solid #E4E4E4;
    display: flex;
    flex-direction: column;
    gap: 10px; */

  border-bottom: 1px solid #e4e4e4;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
  /* position: fixed; */
  top: 88px;
  left: 0;
  /* width: 342px; */
  padding: 25px;
  background-color: #fff;
  border-right: 1px solid #ddd;
  z-index: 1;
  /* overflow-y: auto; */
}

#version-dropdown {
  border: 0.5px solid #f48b00;
  color: #f48b00;
  border-radius: 5px;
  padding: 5px;
  width: -webkit-fill-available;
  outline: none;
}

#version-dropdown option:hover {
  background-color: #f48b00;
}

.version-icon-wrapper {
  display: flex;
  gap: 8px;
}

/* Basic styling for the custom select box */
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none;
  font-family: Arial, sans-serif;
}

.custom-select {
  position: relative;
  cursor: pointer;
}

.custom-select-trigger {
  padding: 6.5px;
  background-color: transparent;
  border: 1px solid #f48b00;
  border-radius: 5px;
  color: #f48b00;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-family: var(--unnamed-font-family-poppins);
}

.arrow-down {
  /* background: url(../Images/Icons/dropdown-icon.svg);
    height: 5px;
    width: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    border: 0; */
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 6px solid rgba(244, 139, 0, 1);
}

/* Arrow up icon when select box is open */
.custom-select.open .arrow-down {
  transform: translateY(-50%) rotate(180deg);
  /* Rotate arrow icon */
}

.custom-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  box-shadow: 0px 3px 6px #00000029;
  background-color: white;
  display: none;
  flex-direction: column;
  z-index: 999;
}

.custom-option {
  padding: 10px;
  background-color: transparent;
  color: #3c4257;
  cursor: pointer;
  font-size: 12px;
  font-family: var(--unnamed-font-family-poppins);
}

.custom-option:hover {
  color: #3c4257;
  background-color: rgba(244, 139, 0, 0.11);
}

.custom-select.open .custom-options {
  display: flex;
  margin-top: 6px;
  /* padding-right: 7px; */
}

.version-text {
  font-family: var(--unnamed-font-family-poppins);
  font-size: 14px;
  color: #3c4257;
}

.sidenav-container {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

ul.off-canvas-accordion.vertical.menu.sidenav {
  overflow: auto;
  margin-top: -4px;
}

.main-content-wrapper ul.filter {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  gap: 10px;
  padding: 10px 0px;
  margin-left: 0;
}

.main-content-wrapper ul {
  margin-left: 10px;
}

.main-content-wrapper ul.filter li {
  background: rgb(244 139 0 / 10%) 0% 0% no-repeat padding-box;
  border-radius: 4px;
  padding: 6px;
}

.main-content-wrapper ul.filter li a {
  padding: 5px 10px;
}

.main-content-wrapper h2 {
  border-left: 6px solid #f48b00;
  padding-left: 5px;
}

.main-content-wrapper p {
  margin-left: 10px;
}

.main-content-wrapper h2#Conclusion {
  border-left: none;
  padding-left: 0;
  margin-left: 0;
}

.main-content-wrapper p.conclusion {
  margin-left: 0;
}

.main-content-wrapper p.GenAIandLLMGlossary {
  margin-left: 0;
}

.off-canvas-wrapper-inner .title-bar-container {
  min-height: 47px !important;
}

.rightbar .vertical.menu.fixed-doc-menu {
  width: 300px;
}

ul.menu > ul > li:not(ul) {
  list-style-type: decimal;
}

.columns.large-4 .rightbar {
  display: block;
  padding-top: 20px;
}

.register-button {
  border-radius: 4px;
  color: white;
  background: linear-gradient(90deg, #f80 0, #ffb300 100%) !important;
  font-weight: 600;
  font-size: 14px;
  padding: 9px;
  box-shadow: none;
  border: none !important;
  font-family: "Montserrat";
  border: none;
  box-shadow: none;
  outline: none;
}

.register-now-alert {
  display: flex;
  justify-content: center;
  gap: 15px;
  background: #123670;
  padding: 10px;
}

@media (max-width: 767px) {
  .register-now-alert {
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
}

.register-now-alert p {
  font-weight: 400;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

@media (min-width: 1280px) {
  .register-now-alert {
    margin-top: 10px;
  }
}