/*<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;
}

.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: 24px;
    font-family: var(--unnamed-font-family-poppins);
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
}

.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;
    padding: 10px;
    width: auto;
}

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

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

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

.full-width-content img {
    vertical-align: middle;
}

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

/** 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%;
    height: 200px;
    position: relative;
    background: #f3f3f3 0% 0% no-repeat padding-box;
}

.main-banner .search-bar {
    width: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.main-banner .search-bar .su__search_btn,
.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;
}

.main-banner .search-bar #search-box-autocomplete,
.navbar-search-container #search-box-autocomplete {
    padding-left: 40px;
    height: 52px;
    border-radius: 26px;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #ebebeb;
    background: #fbfbfb 0% 0% no-repeat padding-box;
    font-size: 14px;
    font-weight: normal;
    color: #838797;
    letter-spacing: 0px;
    font-family: "Poppins";
    outline: none;
}

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

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

.main-banner .imgLeft {
    margin-top: 10px;
    margin-right: 40px;
}

.main-banner .imgRight {
    position: absolute;
    top: 10px;
    right: 40px;
    height: 204px;
}

/* .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;
}

.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%;
    }

    .main-banner .search-bar {
        width: 45%;
    }
}

@media (max-width: 991px) {
    .main-banner .search-bar {
        width: 40%;
    }

    .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;
    }

    .title-bar-layout a.logo {
        height: 68px;
        -webkit-transform: scale(0.6) translateX(-36%);
        -ms-transform: scale(0.6) translateX(-36%);
        transform: scale(0.6) translateX(-36%);
    }

    .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;
}

.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;
}

.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 .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;
}

.off-canvas-content.inner-wrap .main-banner {
    opacity: 1;
    display: block;
}

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

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

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

.off-canvas-content.inner-wrap .main-banner.hide {
    animation: collapseHeight 0.3s ease forwards;
}

@keyframes expandHeight {
    from {
        height: 0;
        opacity: 0;
    }

    to {
        height: 200px;
        opacity: 1;
    }
}

@keyframes collapseHeight {
    from {
        height: 200px;
        opacity: 1;
    }

    to {
        height: 0;
        opacity: 0;
    }
}

.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: 80%;
    }
}

@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;
    }
}
i {
    font-family: var(--unnamed-font-family-poppins);
}