@font-face {
	font-family: 'NokiaPureHeadline';
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	src: url('../webfonts/NokiaPureText_Rg.eot');
	src: url('../webfonts/NokiaPureText_Rg.woff2') format('woff2'), /* Super Modern Browsers */
	url('../webfonts/NokiaPureText_Rg.woff') format('woff'), /* Pretty Modern Browsers */
	url('../webfonts/nokiapureheadline_regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../webfonts/NokiaPureText_Rg.svg#svgFontName') format('svg'); /* Legacy iOS */
  }
  
  @font-face {
	font-family: 'NokiaPureHeadline';
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url('../webfonts/NokiaPureHeadline_Lt.eot'); /* IE9 Compat Modes */
	src: url('../webfonts/NokiaPureHeadline_Lt.woff2') format('woff2'), /* Super Modern Browsers */
	url('../webfonts/NokiaPureHeadline_Lt.woff') format('woff'), /* Pretty Modern Browsers */
	url('../webfonts/nokiapureheadline_regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../webfonts/NokiaPureHeadline_Lt.svg#svgFontName') format('svg'); /* Legacy iOS */
  }
  
  @font-face {
	font-family: 'NokiaPureHeadline';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url('../webfonts/NokiaPureText_Bd.eot'); /* IE9 Compat Modes */
	src: url('../webfonts/NokiaPureText_Bd.woff2') format('woff2'), /* Super Modern Browsers */
	url('../webfonts/NokiaPureText_Bd.woff') format('woff'), /* Pretty Modern Browsers */
	url('../webfonts/nokiapureheadline_bold.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../webfonts/NokiaPureText_Bd.svg#svgFontName') format('svg'); /* Legacy iOS */
  }
  
  @font-face {
	font-family: 'NokiaPureHeadlineLight';
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	src: url('../webfonts/NokiaPureHeadline_Lt.eot'); /* IE9 Compat Modes */
	src: url('../webfonts/NokiaPureHeadline_Lt.woff2') format('woff2'), /* Super Modern Browsers */
	url('../webfonts/NokiaPureHeadline_Lt.woff') format('woff'), /* Pretty Modern Browsers */
	url('../webfonts/nokiapureheadline_regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../webfonts/NokiaPureHeadline_Lt.svg#svgFontName') format('svg'); /* Legacy iOS */
  }
  @font-face {
	font-family: 'NokiaPureText';
	font-weight: normal;
	font-style: normal;
	src: url('../webfonts/NokiaPureText_Rg.woff2') format('woff2'), /* Super Modern Browsers */
	url('../webfonts/NokiaPureText_Rg.woff') format('woff'), /* Pretty Modern Browsers */
	url('../webfonts/nokiapuretextreg.ttf') format('truetype') /* Safari, Android, iOS */
  }
  
  @font-face {
	font-family: 'NokiaPureText';
	font-weight: 300;
	font-style: normal;
	src: url('../webfonts/NokiaPureText_Lt.woff2') format('woff2'), /* Super Modern Browsers */
	url('../webfonts/NokiaPureText_Lt.woff') format('woff'), /* Pretty Modern Browsers */
	url('../webfonts/nokiapuretextlight.ttf') format('truetype') /* Safari, Android, iOS */
  }
  
  @font-face {
	font-family: 'NokiaPureText';
	font-weight: 700;
	font-style: normal;
	src: url('../webfonts/NokiaPureText_Bd.woff2') format('woff2'), /* Super Modern Browsers */
	url('../webfonts/NokiaPureText_Bd.woff') format('woff'), /* Pretty Modern Browsers */
	url('../webfonts/nokiapuretextbold.ttf') format('truetype') /* Safari, Android, iOS */
  }
    
html {
	--nokia-blue: #124191;
	--our-blue: #0065ed;
	--light-blue: #daedf7;
	--light-blue-back: #d8ecf3;
	--grey-link: #6e6e6e;
	--nokia-grey1: #edf2f5;
	--nokia-grey2: #bec8d2;
	--nokia-grey3: #98a2ae;
	--nokia-grey4: #4d5766;
	--nokia-grey5: #273142;
	--nokia-off-white1: #f0efeb;
	--nokia-off-white2: #f2f1f1;
	--nokia-blueblack: #001135;
	--nokia-cyan: #00c9ff;
	--nokia-green: #4bdd33;
	--nokia-yellow: #fffb00;
	--nokia-orange: #ff8b10;
	--nokia-red: #ff3154;
	--Nokia-Black: #000000;
	--Nokia-White: #FFFFFF;
	--Nokia-Blue500: #005AFF;
	--Nokia-Blue700: #0049B4;
	--Nokia-Grey800: #666666;
	--Nokia-Grey100: #F9F9F9;
	--Nokia-Grey200: #F3F3F3;

	--conf-head: var(--nokia-blue);

	--text-color: var(--Nokia-Black);
	--background-color:  var(--Nokia-White);
	--link-color: var(--Nokia-Blue700);
	--nav-color:  var(--Nokia-Black);
	--nav-background-color:  var(--Nokia-White);
	--dropdown-background-color: var(--Nokia-White);
	--dropdown-border-color: var(--Nokia-Blue700);
	--filter-border: var(--nokia-grey4);
	--code-color: var(--Nokia-Black);
	--code-background-color: var(--Nokia-Grey200);
	--code-number-background: var(--nokia-grey1);
	--code-number-border: var(--nokia-grey2);

	--copylink-color: var(--nokia-grey3);

	--selected-color: var(--Nokia-White);
	--selected-background-color: var(--nokia-grey5);

	--breadcrumb-bar-bg-color: var(--Nokia-Grey200);
	--breadcrumb-before-color: var(--Nokia-White);
	--breadcrumb-after-color: var(--nokia-grey3);
	--breadcrumb-border-color: var(--nokia-grey2);
	--breadcrumb-active-color: var(--Nokia-White);
	--breadcrumb-active-bg-color: var(--nokia-blueblack);
	--breadcrumb-inactive-color: var(--Nokia-Grey800);
	--breadcrumb-inactive-bg-color: var(--Nokia-White);

	--breadcrumbs-button-color: var(--nokia-blueblack);
	--sidebar-background-color: var(--Nokia-White);

	--searchbar_image: url(../libgraphics/banner_web.jpg);
	--dash: url(../libgraphics/s_da.svg);
	--banner-logo: url(../libgraphics/NOKIA_LOGO_RGB.svg);
	--title-logo: url(../libgraphics/NOKIA_rgb_k.svg);
	--link: url(../libgraphics/Link_mb.svg);
	--filter-image: url(../libgraphics/filter-sm.svg);
	--search-image: url(../libgraphics/magnifying-glass-solid.svg);
	--x-mark: url(../libgraphics/x-mark.svg);
	--chevron-down: url(../libgraphics/chevron-down-solid.svg);
	--chevron-right:  url(../libgraphics/chevron-right-solid.svg);
	--copy-code:  url(../libgraphics/copy-code-icon.svg);

	--titlepage-text-color: var(--Nokia-Grey800);
	--titlepage-logo-color: var(--our-blue);

	--th-rule-color: var(--Nokia-White);
	--th-top-rule-color: var(--Nokia-White);
	--table-rule-color: var(--Nokia-Black);
	--prop-notice-color: var(--nokia-grey4);
	--focus-color: var(--nokia-blueblack);

	--card-color: var(--Nokia-Black);
	--card-bg-color: var(--Nokia-White);
	--card-border-color: var(--nokia-grey2);
	--card-header-color: var(--Nokia-Black);
	--card-header-bg-color: var(--nokia-grey1);

	--related-border-color: var(--nokia-grey4);
	--scrollbar-thumb: var(--nokia-grey2);
	--scrollbar-track: var(--nokia-grey1);

	background-color: var(--Nokia-White);
	/* --navbar-toggler: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); */
	scroll-padding-top: 28px;

}

html[data-theme='dark'] {
	background-color: var(--nokia-grey5);
	color: var(--Nokia-White);

	--text-color: var(--Nokia-White);
	--background-color: var(--nokia-grey5);
	--link-color: var(--nokia-cyan);
	--nav-color:  var(--Nokia-White);
	--nav-background-color: var(--nokia-grey5);
	--dropdown-background-color: var(--nokia-grey4);
	--dropdown-border-color: var(--Nokia-White);
	--filter-border: var(--Nokia-White);
	--related-border-color: var(--Nokia-White);

	--code-color: var(--Nokia-White);
	--code-background-color: var(--nokia-grey4);
	--code-number-background: var(--nokia-grey3);
	--code-number-border: var(--nokia-grey5);
	--copylink-color: var(--nokia-grey3);
	
	--selected-color: var(--Nokia-Black);
	--selected-background-color: var(--nokia-off-white2);

	--breadcrumb-bar-bg-color: var(--nokia-grey2);
	--breadcrumb-before-color: var(--nokia-grey4);
	--breadcrumb-after-color: var(--Nokia-White);
	--breadcrumb-border-color: var(--Nokia-White);
	--breadcrumb-active-color: var(--Nokia-White);
	--breadcrumb-active-bg-color: var(--nokia-blueblack);
	--breadcrumb-inactive-color: var(--Nokia-White);
	--breadcrumb-inactive-bg-color: var(--nokia-grey4);

	--sidebar-background-color: var(--nokia-grey5);
	--searchbar_image: url(../libgraphics/banner_web_dark.jpg);
	--dash: url(../libgraphics/s_da_w.svg);
	--banner-logo: url(../libgraphics/NOKIA_w.svg);
	--title-logo: url(../libgraphics/NOKIA_w.svg);
	--link: url(../libgraphics/Link_mw.svg);
	--filter-image: url(../libgraphics/filter-sm-dk.svg);
	--x-mark: url(../libgraphics/x-mark-dk.svg);
	--chevron-down: url(../libgraphics/chevron-down-dark.svg);
	--chevron-right: url(../libgraphics/chevron-right-dark.svg);
	--copy-code:  url(../libgraphics/copy-code-dark.svg);

	--titlepage-text-color: var(--nokia-grey2);
	--titlepage-logo-color: var(--Nokia-White);

	--th-top-rule-color: var(--Nokia-White);
	--th-rule-color: var(--Nokia-White);
	--table-rule-color: var(--Nokia-White);
	--prop-notice-color: var(--nokia-grey2);
	--focus-color: var(--nokia-cyan);

	--card-color: var(--Nokia-White);
	--card-bg-color: var(--nokia-grey5);
	--card-border-color: var(--nokia-grey3);
	--card-header-color: var(--Nokia-White);
	--card-header-bg-color: var(--nokia-grey4);

	--conf-head: var(--nokia-cyan);

	--scrollbar-thumb: var(--nokia-grey4);
	--scrollbar-track: var(--nokia-grey3);

	/* --navbar-toggler: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); */
}

/* .navbar-toggler-icon {
	background-image: var(--navbar-toggler);
} */


body {
	font-family: 'Nokia Pure Text','Arial','Helvetica','sans-serif';
	font-size: 0.875rem;

    -webkit-font-kerning: normal;
    font-kerning: normal;
    -ms-font-feature-settings: "kern", "liga", "clig", "calt";
    -webkit-font-feature-settings: "kern", "liga", "clig", "calt";
    font-feature-settings: "kern", "liga", "clig", "calt";

	background-color: inherit;
	color: inherit;
}

.core {
	/* pre-positioning to avoid jarring reflow */
	padding-top: 198px;
	padding-right:15px;
}

 /* *********************** new styles for new OLH for barrier free and all START ******************** */

#wd_topnavbar { /* space for selection box */
	padding-bottom: 3px;
}
#wd_breadcrumbbar {
	background-color: var(--breadcrumb-bar-bg-color);
}

#page_header {
	background-color: var(--nav-background-color);

}
#dropdown-list { /* space for selection box */
	margin-bottom: 3px !important;
	margin-left: 2px;
    margin-top: 2px;
	margin-right: 2px;
}
#search_input.ws-noc:focus-within {
	transform: scale(1.5);
}
#search_input.ws-noc:focus { /* added by Manohar */
	outline: var(--focus-color) solid 3px;
    border-color: unset !important;
    outline-offset: 0px !important;
}
#do_search.ws-noc:focus { /* added by Manohar */
	outline: var(--focus-color) solid 3px;
    border-color: unset !important;
    outline-offset: 0px !important	;
	transform: scale(1.5); 
}
#search_advanced:focus { /* added by Manohar */
	outline: var(--focus-color) solid 3px;
    border-color: unset !important;
    outline-offset: 0px !important;
	transform: scale(1.5); /* Added by Harsh 13-02-2024 */
}
#core a { /* high-contrast link color */
	color: var(--link-color) !important;
}
a:hover { /* high-contrast link color */
	color: var(--link-color);
}
/* Underline on hover in dropdowns. Is this a ws-noc requirement? */
/* li.nav-item:hover {
    text-decoration: underline #0056b3 !important;
    text-underline-offset: 5px;
} */
ul.dropdown-menu.show {
	border: 1px solid var(--dropdown-border-color) !important;
}
.dropdown-item:hover {
	color: var(--Nokia-White);
	text-decoration: none;
	background-color: var(--Nokia-Grey800);
}
@media (forced-colors: active) {
	.dropdown-toggle::after {
		forced-color-adjust: none;
	}
}
@media (forced-colors: active){
	ul.breadcrumbs li:after{
	forced-color-adjust: none;
	}
}
@media (forced-colors: active){
	ul.breadcrumbs li:before {
forced-color-adjust: none;
	}
}
.nav-link {
	color: var(--nav-color);
}
 /* *********************** new styles for new OLH for barrier free and all END ******************** */

/* .anchor {
	scroll-margin-top: 200px;
} */
.highlight0 {
	background-color: yellow;
}
.highlight1 {
	background-color: aqua;
}
.highlight2 {
	background-color: lime;
}
.highlight3 {
	background-color: fuchsia;
}
.highlight4 {
	background-color: teal;
}
.highlight5 {
	background-color: blue;
}
.highlight6 {
	background-color: purple;
}
.highlight7 {
	background-color: green;
}
.highlight8 {
	background-color: maroon;
}
.highlight9 {
	background-color: red;
}
.new {
	/* text-decoration: underline; */
	background-color: var(--nokia-cyan);
}
.changed {
	/* text-decoration: underline; */
	background-color: var(--nokia-yellow);
}
h1, h2, h3, h4, h5, h6 {
	/* font-family: 'Nokia Pure Headline'; */
	font-family: 'Nokia Pure Text','Arial','Helvetica','sans-serif';
	margin-top: 6pt;
}
h1.title-page {
	font-size: 2em;
	font-weight: bold;
	margin-top: 0.75in;
	margin-left: 1in;
	margin-bottom: 2pt;
	color: var(--titlepage-text-color);
}

H2.title-page {
	font-size: 2em;
	font-weight:bold;
	text-align: left;
	border: 0;
	padding: 0;
	margin-left:1in;
	margin-top: 28pt;
	margin-bottom: 28pt;
}
H3.title-page {
	font-size: 1em;
	font-weight: bold;
	margin: 6pt 0 0 1in;
}
H3.ordnum {
	font-size: 1em;
	font-weight: bold;
	margin-top: 2in;
}

H4.title-page {
	font-size: 1.2em;
	font-weight: bold;
	margin: 6pt 0 0 1in;
	color: var(--titlepage-text-color);
}
H5.title-page {
	color: var(--titlepage-text-color);
	font-size: 1.2em;
	font-weight: bold;
	margin: 6pt 0 0 1in;
}
h1 {
	font-size: 2em;
	font-weight: 400;
}
h2 {
	font-size: 2em;
	font-weight: bold;
}
h3 {
	font-size: 1.7em;
	font-weight: bold;
}
h4.pMapTitle, h4.pProcedureTitle, h4.pLOTitle, h4.pOverviewTitle, h4.pTOCTitle {
	font-size: 1.7em;
	font-weight: bold;
	/* border-bottom-color: #999999; */
	border-bottom-color: var(--Nokia-Grey800);
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-bottom: 2pt;
}
h5 {
	font-size: 1.2em;
	font-weight: bold;
}
h5.pCaption, h5.pTableCaption, h5.pFigureCaption {
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
}
h6 {
	font-size: 1em;
	font-weight: bold;
}
div.libcontents {
	margin: 0 5% 2em 5%;
}
span.pLibraryTitle {
	font-size: 1.25em;
	font-weight: bold;
}
span.pProductLibrary {
	font-weight: bold;
	font-size: 1.5em;
}
hr {
	border-top: 2px solid var(--Nokia-Grey800);
}
p.pTOC1, p.pTOC2, p.pTOC3, p.pTOC4, p.pTOC5 {
	margin-bottom: 3pt;
} 
p.pTOC1 {
	font-weight: bold;
}
p.pTOC4 {
	display: list-item;
    list-style-type: disc;
    list-style-position: inside;
	margin-left: 1.5em;

}
p.pTOC5, p.pLOT5 {
	margin-left: 3em;
	padding: 0 0 0 1.5em;
	background-position: 1px 9px;
	background-repeat: no-repeat;
	background-image: var(--dash);
}
p.pLevel1IOM
{
	font-weight: bold;
	margin-bottom: 0.25rem;
}
table.table-content {
	margin-bottom: 0.5em;
}
table.libtable {
	border-spacing: 6px;
}
th.libtablehead {
	border: 1px solid var(--table-rule-color);
	border-collapse: collapse;
	padding: 6px;
}
td.libtablecell {
	border: 1px solid var(--table-rule-color);
	border-collapse: collapse;
	padding: 6px;
}
td.libtablercell {
	border-top:1px solid var(--table-rule-color);
	border-bottom:1px solid var(--table-rule-color);
	border-collapse: collapse;
	padding: 6px;
	text-align: center;
}
td.libtablelcell {
	border-top:1px solid var(--table-rule-color);
	border-bottom:1px solid var(--table-rule-color);
	border-collapse: collapse;
	padding: 6px;
	text-align: center;
}
th.TableHead, th.confluenceTh {
	vertical-align: middle;
	border-top:1px solid var(--th-top-rule-color);
	border-right:1px solid var(--th-rule-color);
	/* border-bottom:1px solid var(--th-rule-color); */
	border-left:1px solid var(--th-rule-color);
	border-collapse: collapse;
	background-color: var(--Nokia-Blue700); 
	color: var(--Nokia-White);
	/* background-color: #b8e9f0; */
	
	padding: 8px 4px 8px 4px;
}
td.TableCell, td.confluenceTd {
	vertical-align: top;
	border:1px solid var(--nokia-grey2);
	padding: 8px 4px 8px 4px;
}
td.tc-noframe {
	border: none;
}

td.no-right {
	border-right: none;
}
td.no-left {
	border-left: none;
}
td.no-top {
	border-top: none;
}
td.no-bottom {
	border-bottom: none;
}

p.pTableCellHeading {
	margin-bottom: 0 !important;
}
/* This works with the linux XML to HTML conversion, which adds the "last" class. */
p.last, ul.last, ol.last {
	margin-bottom: 0 !important;
}
ul.branch {
	padding-left: 20px;

}
.TableCellStepNum {
    width: 22px;
}
.pAction, div.pQuestion
{
	/* font-size: 1.2em; */
	font-weight: Bold;
} 

p.pEndOfSteps
{
  font-variant: small-caps;
  font-weight: bold;
  border-top-color: var(--Nokia-Grey800);
  border-top-style: solid;
  border-top-width: 2px;
}
#results {
	margin-top: 1rem;
}
p.pAdmonDamageAvoid, p.pCaution, p.pWarning, p.pDanger, p.pCautionProc, p.pWarningProc, p.pDangerProc {
	margin: 0 0 4pt 0;
	font-style: italic;
}
.hazardType, p.pHazardCaution, p.pHazardDanger, p.pHazardWarning, p.pHazardType {
	margin: 0 0 4pt 0;
}
p.pIXLevel1, p.pIXLevel2, p.pIXLevel3, p.pIXLevel4, p.pIXLevel5 {
	font-size: 0.75rem;
	margin-bottom: 2pt;
}

p.pIXLevel1
{
	padding: 0 0 0 18pt;
}
p.pIXLevel2
{
	padding: 0 0 0 24pt;
}
p.pIXLevel3
{
	padding: 0 0 0 30pt;
}
p.pIXLevel4
{
	padding: 0 0 0 36pt;
}
p.pIXLevel5
{
	padding: 0 0 0 42pt;
}

a.numlink, a.numlink:visited {
	border-color: var(--link-color) !important;
	color: var(--link-color);
	padding: 2px 2px 2px 2px;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;

}
a.tlink {
	color: inherit;
}
a.without {
	border-color: var(--our-blue);
	color: var(--our-blue);
	padding: 0px 1px 1px 1px;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
}
#core a.numlink:hover {
	background-color: var(--link-color) !important;
	color : var(--Nokia-White) !important;
	text-decoration: none;
}
a:focus-visible {
	outline: solid var(--focus-color);
}
a.img-expand {
	color: var(--our-blue);
	text-decoration: none;
}
a.img-expand:hover {
	color: var(--nokia-blueblack);

}
img.img-expand {
	border:2px solid var(--our-blue);
	margin: 0 0 12px"
}
img.img-expand:hover {
	border-color: var(--nokia-blueblack);
}

P.IP-Status	{
	font-weight: bold;
	text-align: right;
	color: var(--nokia-orange);
	margin: 0;
}

p.copyright {
	margin-left: 1in;
}

p.propNotice
{
	font-weight: bold;
	margin-bottom: 0pt;
	font-size: 9px;
	text-align: center;
	margin-top: 0.75rem;
	padding-top: 6px;
	color: var(--prop-notice-color);
	border-top-color: var(--nokia-grey3);
	border-top-style: solid;
	border-top-width: 2px;
}
p.propNotice2
{
	margin-bottom: 0pt;
	font-size: 0.625rem;
	text-align: center;
	margin-top: 2px;
	color: var(--prop-notice-color);
}

.breadcrumb-item+.breadcrumb-item::before {
	content: ">";
}
.scroller {
	visibility: hidden;
}
#dd-scroll-right, #dd-scroll-left {
	color: var(--nav-color);
}

/* search box */
#search_div {
	margin-left: 0;
	display: inline-flex;
	line-height: 16px;
	font-size: 16px;
}
#nav-tree-search-wrapper {
	width: 100%;
}
#tree_filter {
	margin-top: 6px;
	margin-left: 3px;
	margin-right: 5px;
}
#tree_filter, #search_banner {
	color: #555;
	display: flex;
	padding: 0;
	border: 1px solid var(--filter-border);
	border-radius: 5px;
}
#search_banner {
	margin: 0;
}
#search_spacer {
	width: 100%;
}

/* Hide for mobile, show later */
#sidebar, #breadcrumbs, #dropdown-navbar {
	display: none;
} 
#wd_searchbar {
	padding: 0 1rem 0 1rem;
}
#search_banner {
	width: 100%;
	background-color: var(--Nokia-White);
	padding-right: 6px;
}
#search_input {
	border: solid 1px var(--Nokia-White);
}
input#search_input.ws-noc {
	border: solid 1px var(--Nokia-Black);
}

@media screen and (min-width: 768px){
	#search_div {
		margin-left: 3rem;
	}
	#search_banner {
		width: 533px;
	}
	#search_spacer {
		width: unset;
	}
	#search_banner {
		margin-top: 6px;
		margin-left: 3px;
		margin-right: 5px;
	}
	#breadcrumbs {
		display: block;
	}
	#burger-list {
		display: none;
	}
	#dropdown-navbar {
		display: flex;
	}
	.scroller {
		visibility: visible;
	}
	#sidebar {
		position: fixed;
		width: 330px;
		bottom: 0;
		background-color:var(--sidebar-background-color);
		top: 214px;
		bottom: 0;
		left: 0;
		z-index: 500;
		display: block;
		overflow-x: hidden;
		overflow-y: hidden;
	}
	input#search_input.ws-noc {
		border: solid 1px var(--Nokia-White);
	}
		#core {
		padding-left: 340px;
    }
	#wd_searchbar {
		background: var(--searchbar_image) no-repeat;
		background-size: cover;
		background-position: center center;
	}
}

.button {
	padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1.5em;
	color: var(--Nokia-Black);
	border-radius: 20px/50px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease-out;
  }

  
.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--nokia-grey5);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
}
.overlay:target {
	visibility: visible;
	opacity: 1;
}

/* formatting for information popup */
.modal-dialog {
	max-width: unset !important;
}
.modal-content {
	background-color: var(--background-color);
}
.modal-header {
	display: block;
}
.modal-backdrop {
	z-index: 1000 !important;
}
.popup {
	margin: 105px auto;
	background: var(--Nokia-White);
	border-radius: 5px;
	width: 50%;
	position: relative;
	transition: all 5s ease-in-out;
}
.popup h2 {
	margin-top: 0;
	color: var(--nokia-grey5);
	font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
	position: absolute;
	top: 25px;
	right: 30px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: var(--nokia-grey5);
	padding: 5px !important;
}
.popup .close:hover {
	color: var(--Nokia-Black);
  }
  .popup .content {
	max-height: 30%;
	overflow: auto;
  }
  .popup .content .Img-icon {
	margin-top: 20px;
  }
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: var(--Nokia-White);
	display: none;
}
.tooltip > .tooltip-inner {
    border: 1px solid var(--Nokia-Black);
    padding: 0 5px;
    max-width: 450px;
    color: var(--Nokia-Black);
    text-align: left;
    background-color: var(--Nokia-White);
    opacity: 1.0;
    filter: alpha(opacity=100);
	font-weight: 700;
	bottom: 5px;
	position: relative;
}
.tooltip > .tooltip-arrow {
    border-bottom-color: var(--Nokia-White);
} 
#tips-button:focus-visible {
	outline: solid var(--focus-color);
transform: scale(1.5); /* Added by Harsh 13-02-2024 */
}
#tips-button {
	color: var(--nav-color);
}
#tips-button:hover {
	outline: solid var(--nokia-blueblack);
	color: var(--nokia-blueblack);
}
button.close {
	border: 3px solid var(--Nokia-Black) !important;
}
.remove-focus {
	outline: unset !important;
}
/* end of formatting for information popup */

#alpha_sidebar {
	position: fixed;
	top: 66px;
	bottom: 0;
	width: 18px;
	background-color:#f3f3f3;
	  border-right: 1px #AAAAAA solid;
  }
  #alpha_core {
	margin-left: 36px;
  }
  #alpha_nav {
	overflow-y: auto;
	position: absolute;
	height:  calc(100vh - 66px);
  }
  #treeview {
	font-size: 0.75rem;
	overflow: hidden;
  }

  /* space and formatting for focus-visible keyboard selection */
.treeview-list { 
	padding: 3px;
}
.treeview-list:focus-visible {
	border: 3px solid var(--focus-color);
	padding: 0;
	outline: none;
}
.list-group-item {
	border-color: var(--Nokia-Grey200);
	background-color: inherit;
}
.node-treeview {
	border: none;
}
.node-selected {
	color: var(--selected-color);
	background-color: var(--selected-background-color);
}
#navcontent {
	padding-left: 8px;
	margin-top: 2px;
	overflow-y: auto;
	position: absolute;
	max-block-size: -webkit-fill-available;
}
  .btn-link {
	color: var(--breadcrumbs-button-color);
  }
  div.listofbooks {
	font-size: 0.75em;
	margin-bottom: 1rem;
  }

  .hidecontent {
	display: none;
}
details {
    border: 1px solid #d4d4d4;    
    padding: .75em .75em 0;
	margin-top: 10px;
	
}

summary {	
    
    margin: -.75em -.75em 0;
    padding: .75em;
 
}

details[open] {
    padding: .75em;
	border-bottom: 1px solid #d4d4d4;
}

details[open] summary {
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 10px;
}
p.hit {
	margin-bottom: 0;
  }
  p.ancestory {
	font-size: 0.75em;
	margin-left: 1em;
	margin-bottom: 0.5em;
  }
  p.ancestory a {
	color:var(--Nokia-Black);
  }
  span.s_da {
	padding-right: 17px;

	background-position: 0 7px;
    background-image: var(--dash);
	background-repeat: no-repeat;
  }
  .expand-icon {
	  padding-right: 1em;
	  padding-left:0;
	  padding-top: 3px;
	  color: inherit;
  }
  .expand-icon:hover {
	  text-decoration: none;
  }
  .collapse-icon {
	padding-right: 0.5em;
	padding-left:0;
	color: var(--text-color);
	}
	.collapse-icon:hover {
		text-decoration: none;
	}
  
  ul.breadcrumbs {
	margin: 0;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: inline-block;
	zoom: 1;
	vertical-align: top;
	height: 26px;
  }
  ul.breadcrumbs li {
	color: var(--breadcrumb-inactive-color);
	position: relative;
	margin: 0px 0px;
	padding: 0px;
	list-style: none;
	list-style-image: none;
	display: inline-block;
	zoom: 1;
	vertical-align: top;
	border-left: 1px solid var(--breadcrumb-border-color);
	transition: 0.3s ease;
  }
  ul.breadcrumbs li:hover:before {
	border-left: 10px solid var(--nokia-blueblack);
  }
  ul.breadcrumbs li:hover {
	color: var(--breadcrumb-active-color);
	background: var(--breadcrumb-active-bg-color);
  }
  ul.breadcrumbs li:hover a {
	color: var(--breadcrumb-active-color);
	background: var(--breadcrumb-active-bg-color);
  }
  ul.breadcrumbs li:before {
	content: "";
	position: absolute;
	right: -9px;
	top: -1px;
	z-index: 20;
	border-left: 10px solid var(--breadcrumb-before-color);
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	transition: 0.3s ease;
  }
  ul.breadcrumbs li:after {
	content: "";
	position: absolute;
	right: -10px;
	top: -1px;
	z-index: 10;
	border-left: 10px solid var(--breadcrumb-after-color);
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
  }
  ul.breadcrumbs li.active a {
	color: var(--breadcrumb-active-color);
	background: var(--breadcrumb-active-bg-color);
  }
  ul.breadcrumbs li.first {
	border-left: none;
  }
  ul.breadcrumbs li.first a {
	font-size: 18px;
	padding-left: 20px;
	border-radius: 5px 0px 0px 5px;
  }
  ul.breadcrumbs li.last:before {
	display: none;
  }
  ul.breadcrumbs li.last:after {
	display: none;
  }
  ul.breadcrumbs li.last a {
	padding-right: 20px;
	border-radius: 0px 40px 40px 0px;
  }
  ul.breadcrumbs li.wide-crumb {
	max-width: 150px;
  }
  ul.breadcrumbs li.narrow-crumb {
	max-width: 40px;
  }
  ul.breadcrumbs li a {
	display: block;
	font-size: 12px;
	line-height: 26px;
	color: var(--breadcrumb-inactive-color);
	padding: 0px 15px 0px 15px;
	text-decoration: none;
	background: var(--breadcrumb-inactive-bg-color);
	border: 1px solid var(--breadcrumb-border-color);
	white-space: nowrap;
	overflow: hidden;
	transition: 0.3s ease;
  }

#navcontent::-webkit-scrollbar {
	width: 12px;
}
html::-webkit-scrollbar {
	width: 12px;
	height: 8px;
} 
  
#navcontent::-webkit-scrollbar-track {
	/* background-color: #e4e4e4; */
	border-radius: 100px;
}
html::-webkit-scrollbar-track {
	/* background-color: #e4e4e4; */
	border-radius: 100px;
}
  
#navcontent::-webkit-scrollbar-thumb {
	/* background-color: #c4c4c4; */
	border-radius: 100px;
}
html::-webkit-scrollbar-thumb {
	/* background-color: #c4c4c4; */
	border-radius: 100px;
}
  
#navcontent {
	scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
	scrollbar-width: thin;
}
html {
	scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
	scrollbar-width: thin;
}
  
.o-hidden {
	overflow-x: hidden;
}

.dropdown { 
	position: inherit; 
}
.dropdown-menu {
	background-color: var(--dropdown-background-color);
	color: var(--nav-color);
}
.dropdown-item { /* redundant? */
	font-size: 0.875rem;
	color: var(--nav-color);
}	
.dropdown, .extras {
	font-size: 0.875rem;
	white-space: nowrap;
  }

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

tr.step-row {
	vertical-align: top;
	text-align: left;
}
.CourierBoldItalic {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, 'Courier New', Courier, monospace;
	font-weight: bold;
	font-style: italic;
}
.CourierBold {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, 'Courier New', Courier, monospace;
	font-weight: bold;
}
.CourierItalic {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, 'Courier New', Courier, monospace;
	font-weight: bold;
}
.Courier {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, 'Courier New', Courier, monospace;
}
table.format-obj {
	vertical-align: top;
	border-width: 0;
}

table.parameter-list {
	vertical-align: top;
}

table.definition-entry {
	vertical-align: top;
	border-spacing: 4px;
}
td.term, td.definition {
	padding: 4px;
	vertical-align: top;
}

table.avoidance {
	border-width: 0;
	border-spacing: 0;
}
table.tbl-content {
	border-spacing: 4px;
}

table.lines {
	vertical-align: top;
	border: 2px solid #6e6e6e;
	border-spacing: 0;
	border-radius: 13px;
	border-collapse: separate;
	padding: 10px;
}
h5.keyblock-line {
	margin-bottom: 0;
}

pre.add-box {
	background-color: var(--code-background-color);
	border-radius: 7px;
	padding: 10px;
}
code {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, 'Courier New', Courier, monospace;
	font-size: 100%;
}
pre:has(code) {
	position: relative;
}
pre:has(code) button{
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

pre code {
	color: var(--code-color);
}

pre.code {
    display: table;
    table-layout: fixed;
    width: 100%; /* anything but auto, otherwise fixed layout not guaranteed */
    white-space: pre-wrap;
	background-color: var(--code-background-color);
}
pre.code::before {
    counter-reset: linenum;
}
pre.code span.tr {
    display: table-row;
    counter-increment: linenum;
}
pre.code span.th { /* used for line numbers */
	/* color: var(--code-color); */
    display: table-cell;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
pre.code span.th::before {
    content: counter(linenum);
    text-align: right;
    display: block;
}
pre.code span.th {
    width: 3em; 
}
pre.code code {
    display: table-cell;
}
pre.code span.th {
    background: var(--code-number-background);
    padding: 0 7px 3px 3px;
    border-right: solid 1px var(--code-number-border);
    border-top: solid 1px var(--code-number-border);
}
pre tt {
	background-color: var(--background-color);
	color: var(--code-color);
}
span.tr code {
	padding-left: 7px;
}

p.glossary-term {
	margin-bottom: 0.25rem;
}

.navbar-text {
	color: var(--our-blue);
}
.focus-node { /* enables keyboard selection of tree items */
	border: 3px solid var(--focus-color) !important;
}
.btn-outline-nokia {
	background-color: var(--Nokia-White);
	color: var(--nokia-blueblack);
	border-color: var(--nokia-blueblack);
	margin-left: 4px; /* added by Manohar */
}
.copylink {
	float: right;
	display: none;
	height: 24px;
	width: 24px;

    background-image: var(--link);
	background-repeat: no-repeat;
}

.scrollable-menu {
      height: auto;
      max-height: 400px;
      overflow-x: hidden;
}

.card-option:hover {
	border-color: var(--Nokia-Black);
	transform: scale(1.05);
}

#ua-related {
	border-color: var(--related-border-color);
}

#library-title {
	font-size: 1rem;
	color: var(--nav-color);
    font-family: NokiaPureHeadline, Arial, Helvetica, sans-serif; 
	padding-left: 0.1in;
	padding-right: 0.1in;
}
#some_div {
	margin-bottom: 0;
}
.searchoff {
	text-decoration: none;
	color: inherit;
}
.searchoff:hover {
	text-decoration: none;
	color: inherit;
}

/* FOOTER */
.nokia-footer {
    padding: 32px 16px;
    font-family: NokiaPureHeadline, Arial, Helvetica, sans-serif; 
    font-size: 12px;
    letter-spacing: .03em;
    background-color: var(--Nokia-Grey100);
	font-weight: 300;
}

@media (min-width:768px) {
    .nokia-footer {
        padding: 16px 32px;
        font-size: 14px
    }
}

@media (min-width:1366px) {
    .nokia-footer {
        padding: 48px 0 80px
    }
}

.nokia-footer--nokia-logo a {
    padding-left: 0
}

.nokia-footer--nokia-logo img {
    margin-bottom: 0;
    height: 20px
}

@media (min-width:1366px) {
    .nokia-footer--nokia-logo img {
        height: 40px
    }
}

.nokia-footer--nokia-logo .nav-breadcrumb {
    display: none
}

.nokia-footer .divider {
    margin: 0;
    border-top: 1px solid var(--nokia-grey2);
    border-right: 0;
    border-bottom: 0;
    border-left: 0
}

.nokia-footer a {
    text-decoration: none
}

.nokia-footer--first,
.nokia-footer--second,
.nokia-footer--third,
.nokia-footer--fourth {
    padding: 16px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:768px) {

    .nokia-footer--first,
    .nokia-footer--second,
    .nokia-footer--third,
    .nokia-footer--fourth {
        padding: 32px 0
    }
}

@media (min-width:1366px) {

    .nokia-footer--first,
    .nokia-footer--second,
    .nokia-footer--third,
    .nokia-footer--fourth {
        padding: 48px 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.nokia-footer--first ul li,
.nokia-footer--second ul li,
.nokia-footer--third ul li,
.nokia-footer--fourth ul li {
    margin-bottom: 0
}

@media (min-width:768px) and (max-width:989px) {
    .nokia-footer--second {
        padding: 16px 0
    }
}

.nokia-footer--third--right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:1366px) {
    .nokia-footer--third--right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.nokia-footer--mynokia {
    margin-bottom: 24px
}

@media (min-width:768px) {
    .nokia-footer--mynokia {
        margin-bottom: 32px
    }
}

@media (min-width:1366px) {
    .nokia-footer--mynokia {
        margin-bottom: 0
    }
}

.nokia-footer--mynokia h6 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%
}

.nokia-footer--mynokia svg {
    margin-right: 10px;
    margin-bottom: 0
}

.nokia-footer--mynokia a {
    color: var(--Nokia-Black);
    font-weight: 700
}

.nokia-footer--subscribe {
    margin: 32px 16px
}

@media (min-width:1366px) {
    .nokia-footer--subscribe {
        margin: 0 24px 0 auto
    }
}

.nokia-footer--copyright {
    margin-bottom: 16px;
    color: var(--grey-link)
}

@media (min-width:1366px) {
    .nokia-footer--copyright {
        margin-bottom: 0
    }
}

.nokia-footer__menu-global {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding-left: 0;
    list-style: none
}

@media (min-width:1366px) {
    .nokia-footer__menu-global {
        margin-bottom: 0
    }
}

.nokia-footer__menu-global li {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    padding-right: 0;
    padding-left: 0
}

@media (min-width:1366px) {
    .nokia-footer__menu-global li {
        -webkit-box-flex: 0;
        -ms-flex: 0 33%;
        flex: 0 33%;
        margin-bottom: 0
    }
}

.nokia-footer__menu-global a {
    display: block;
    margin-bottom: 16px;
    font-size: 12px;
    color: var(--Nokia-Black);
    text-decoration: none
}

@media (min-width:768px) {
    .nokia-footer__menu-global a {
        font-size: 14px
    }
}

@media (min-width:1366px) {
    .nokia-footer__menu-global a {
        margin-bottom: 8px
    }
}

.nokia-footer__menu-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin: 16px 0 32px;
    list-style: none
}

@media (min-width:768px) {
    .nokia-footer__menu-contact {
        margin: 12px 0 44px
    }
}

@media (min-width:1366px) {
    .nokia-footer__menu-contact {
        margin: 0
    }
}

.nokia-footer__menu-contact li {
    padding-right: 48px
}

.nokia-footer__menu-contact li:last-of-type {
    padding-right: 0
}

.nokia-footer__menu-contact a {
    color: var(--Nokia-Blue500);
    font-size: 16px;
    font-weight: 700
}

@media (min-width:1366px) {
    .nokia-footer__menu-contact a {
        font-size: 18px
    }
}

.nokia-footer__menu-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 16px;
    padding-right: 16px;
    margin: 0;
    list-style: none
}

@media (min-width:1366px) {
    .nokia-footer__menu-social {
        padding-left: 0
    }
}

.nokia-footer__menu-social li {
    padding: 0 8px
}

.nokia-footer__menu-social li:first-of-type {
    padding-left: 0
}

.nokia-footer__menu-social li:last-of-type {
    padding-right: 0
}

.nokia-footer__menu-social a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--Nokia-Black);
    width: 44px;
    height: 44px;
    border-radius: 50%
}

@media (min-width:1366px) {
    .nokia-footer__menu-social a {
        width: 32px;
        height: 32px
    }
}

.nokia-footer__menu-social a svg {
    width: 24px;
    height: 24px
}

@media (min-width:1366px) {
    .nokia-footer__menu-social a svg {
        width: 16px;
        height: 16px
    }
}

.nokia-footer__menu-legal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0 !important;
    margin: 0;
    list-style: none
}

@media (min-width:768px) {
    .nokia-footer__menu-legal {
        padding-left: 16px
    }
}

.nokia-footer__menu-legal li {
    padding: 0 16px 8px 0;
    margin-bottom: 0
}

@media (min-width:1366px) {
    .nokia-footer__menu-legal li {
        padding: 0 16px
    }
}

.nokia-footer__menu-legal a {
    color: var(--grey-link);
    font-size: 12px
}

@media (min-width:768px) {
    .nokia-footer__menu-legal a {
        font-size: 14px
    }
}

#block-footerreskincontact {
    border-bottom: 2px solid var(--nokia-grey3);
}

@media (min-width:768px) {
    #block-footerreskincontact {
        margin-left: 16px;
        margin-right: 16px;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:1366px) {
    #block-footerreskincontact {
        border-bottom: none
    }
}


.btn-transparent-blue {
    background-color: transparent;
    color: var(--Nokia-Blue500);
    display: inline-block;
    padding: 10px 18px;
    border-radius: 4px;
    border: solid 1px var(--Nokia-Blue500);
    background-color: transparent;
    font-family: NokiaPureHeadline, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: 0.54px;
    text-align: center;
    cursor: pointer
}

.btn-transparent-blue:hover {
    background-color: transparent;
    border-color: var(--Nokia-Blue700);
    color: var(--Nokia-Blue700)
}
.exp-col {
	width: 16px;
	height: 16px;
	overflow: hidden;
	border: 2px solid transparent;
	border-radius: inherit;
	cursor: pointer;
	vertical-align: middle;
}
.collapse-a {
	background: transparent var(--chevron-down) no-repeat center;
}
.expand-a {
	background: transparent var(--chevron-right) no-repeat center;
}
.copy-code {
	width: 24px;
	height: 24px;
	overflow: hidden;
	border: 2px solid transparent;
	border-radius: inherit;
	cursor: pointer;
	/* vertical-align: middle; */
	background: transparent var(--copy-code) no-repeat center;

}

#filter_input {
	font-family: 'NokiaPureText';
	border-radius: inherit;
	width: 100%;
}
.std_search_in {
	font-family: 'NokiaPureText';
	border-radius: inherit;
	width: 100%;
	border: 2px solid transparent;
}
.std_search_do {
	overflow: hidden;
	width: 24px;
	border: 2px solid transparent;
	border-radius: inherit;
	cursor: pointer;
	background: transparent var(--search-image) no-repeat center;
}
.std_search_clear {
	overflow: hidden;
	width: 24px;
	border: 2px solid transparent;
	border-radius: inherit;
	cursor: pointer;
	background: transparent url(../libgraphics/x-mark.svg) no-repeat center;
}
  #filter_input {
	background: var(--sidebar-background-color);
	border: 1px solid transparent;
	color: var(--text-color);
  }
  .std_search_in::placeholder {
	color: var(--nokia-grey3);
  }
  #filter_input::placeholder {
	color: var(--nokia-grey3);
  }
  #filter_submit {
	overflow: hidden;
	width: 24px;
	border: 2px solid transparent;
	border-radius: inherit;
	cursor: pointer;
  }
  #filter_submit {
	background: transparent var(--filter-image) no-repeat center;
  }
  #filter_clear {
	overflow: hidden;
	width: 24px;
	border: 2px solid transparent;
	border-radius: inherit;
	cursor: pointer;
  }
  #filter_clear {
	background: transparent var(--x-mark) no-repeat center;
  }
  #search_submit:focus,
  .std_search_in:focus {
	box-shadow: 0 0 3px 0 var(--our-blue);
	border-color: var(--our-blue);
	outline: none;
  }

  #filter_submit:focus,
  #filter_input:focus {
	box-shadow: 0 0 3px 0 var(--our-blue);
	border-color: var(--our-blue);
	outline: none;
  }

#search_input {
	box-sizing: content-box;
	font-family: 'NokiaPureText';
	height: 1.4rem;
	padding-top: 0.5rem;
	padding-right: 3.75rem;
	line-height: 1.4rem;
}
#magnify-srch-str {
  display: inline-flex;
  align-items: center;
  position: relative;
  right: -1.5rem;
  color: var(--nokia-grey3);
  z-index: 1;
}

#del-first-srch-str {
  display: inline-flex;
  align-items: center;
  visibility: hidden;
  position: relative;
  margin-top: .75rem;
  margin-bottom: .5rem;
  left: -3.25rem;
  color: var(--nokia-grey3);
  width: 1rem;
  border-right: solid;
  cursor:pointer;
}

#del-srch-str {
  display: inline-flex;
  align-items: center;
  visibility: hidden;
  position: relative;
  margin-top: .5rem;
  margin-bottom: .5rem;
  left: -3.25rem;
  color: var(--nokia-grey3);
  width: 1rem;
  border-right: solid;
  cursor:pointer;
}

.search-button, .filter-button {
  background: transparent;
  position: relative;
  right: 2.75rem;
  color: var(--nokia-grey3);
  margin-bottom: 1.25rem;
}
.search-button{
	top: .70rem;
}
.filter-button {
	top: .10rem;
}
.search-button:hover {
  color: var(--our-blue);
  background: transparent;
  font-weight: 600;
}

.clear-all-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: 'NokiaPureText';
  font-size: 0.9rem;
  color: var(--Nokia-White);
  background-color: var(--our-blue);
  cursor:pointer;
  border-radius: 3px 3px 3px 3px;
  padding-top: 0.3rem;
  width: 5.5rem;
  margin-top: 0.8rem;
}


.clear-all-button:hover {
  background-color: var(--Nokia-Grey800);
}
.custom-control-label::before{
	border: 1px solid var(--nokia-blueblack)
}

.custom-switch .custom-control-label::before {
    width: 46px;
    height: 20px;
    pointer-events: all;
    background: url(../libgraphics/moon.svg) no-repeat;
    background-position: 22px 0;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: gray;
    background: url(../libgraphics/sun.svg) no-repeat;
    background-position: 2px 0;
}

.custom-switch .custom-control-label::after{
    width: 16px;
    height: 16px;
    pointer-events: all;
    border-radius: 2.5rem;
    left: calc(100% - 34px);
    background-color: var(--nokia-grey4);
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background: var(--nokia-grey4);
    transform: translate(24px);
}

#nokia_logo {
	height: 41px;
	width: 180px;
	margin-top: 25px;
	margin-left: 25px;
    background: var(--title-logo) no-repeat;
	background-size: contain;
}
#wd_logo {
	height: 23px;
	width: 101px;
    background: var(--banner-logo) no-repeat;
	background-size: contain;
}

.card {
	color: var(--card-color);
	background-color: var(--card-bg-color);
	border-color: var(--card-border-color);
}
.card-header {
	color: var(--card-header-color);
	background-color: var(--card-header-bg-color);
}

table.Parameters {
	border-style:none;
	margin-bottom:5px;
}
table.Parameters td{
	border-style:none;
}

/* Generic div wrappers */
/* Mostly these do nothing, they are here only if for some reason, explicit formatting needs to be applied. */


/* div for P elements */
.divP {
	display:inline;
	width:auto;
}

.ttlSpecificationGroup, .ttlSpecificationSubGroup {
	margin-bottom:5px;
}
.Specification {
	padding-left:15px;
	text-indent:-15px;
	margin-bottom:10px;
	font-size:10pt;
	font-weight:normal;
}

/* Spans */
.entity {
	font-family: "Arial Unicode MS";
}
.entitybig {
	font-family: "Arial Unicode MS";
	font-size:14pt;
}
.FmtSpecInfo {
	font-weight:bold;
}
.FmtBold{
	font-weight:bold;
}
.FmtCourier{
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, 'Courier New', Courier, monospace;
}
.FmtEmphasis{
	font-style:italic;
}
.FmtSuper {
	font-size:70%;
	vertical-align: super;
}
.FmtSub {
	font-size:70%;
	vertical-align: sub;
}
.FmtStrike {
	text-decoration: line-through;
}
.FmtReview {
	background-color: #9900ff;
}

/* Graphic objecs */

/* From SARCLI */
.CLIHeader {
	position:relative;
	clear:both;
	font-size:10pt;
	font-weight:bold;
	width:auto;
	display:inline;
}
.CLISample, .CLISyntax {
	position:relative;
	clear:both;
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, 'Courier New', Courier, monospace;
	font-size:10pt;
	margin-bottom:15px;
	width:auto;
	left:2em;
}
.CLICLI {
	position:relative;
	clear:both;
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, 'Courier New', Courier, monospace;
	font-size:10pt;
	font-weight:bold;
	width:auto;
	left:2em;
}

/* Line elements */
.Level0 {
	clear:both;
	position:relative;
	text-indent:-10pt;
	padding-left:10pt;
	left:0pt;
	width:auto;
}
.Level1 {
	clear:both;
	position:relative;
	left:0pt;
	text-indent:-10pt;
	padding-left:20pt;
	width:auto;
}
.Level2 {
	clear:both;
	position:relative;
	left:0pt;
	text-indent:-10pt;
	padding-left:30pt;
	width:auto;
}
.Level3 {
	clear:both;
	position:relative;
	text-indent:-10pt;
	padding-left:40pt;
	width:auto;
}
.Level4 {
	clear:both;
	position:relative;
	left:0pt;
	text-indent:-10pt;
	padding-left:50pt;
	width:auto;
}
.Level5 {
	clear:both;
	position:relative;
	left:0pt;
	text-indent:-10pt;
	padding-left:60pt;
	width:auto;
}
.Level6 {
	clear:both;
	position:relative;
	left:0pt;
	text-indent:-10pt;
	padding-left:70pt;
	width:auto;
}
.Level7 {
	clear:both;
	position:relative;
	left:0pt;
	text-indent:-10pt;
	padding-left:80pt;
	width:auto;
}
.Level8 {
	clear:both;
	position:relative;
	left:0pt;
	text-indent:-10pt;
	padding-left:90pt;
	width:auto;
}
.Level9 {
	clear:both;
	position:relative;
	left:0pt;
	text-indent:-10pt;
	padding-left:100pt;
	width:auto;
}
.Level10 {
	clear:both;
	position:relative;
	left:0pt;
	text-indent:-10pt;
	padding-left:110pt;
	width:auto;
}
.Level11 {
	clear:both;
	position:relative;
	left:0pt;
	text-indent:-10pt;
	padding-left:120pt;
	width:auto;
}
.Level12 {
	clear:both;
	position:relative;
	left:0pt;
	text-indent:-10pt;
	padding-left:130pt;
	width:auto;
}
.Level13 {
	clear:both;
	position:relative;
	left:0pt;
	text-indent:-10pt;
	padding-left:140pt;
	width:auto;
}
/* From SAR Commands */

.Command {
	margin-bottom:20px;
}
.Context, .Syntax, .SpecialCase, .Description, .Default, .OutputSample{
	position:relative;
	left:2em;
	width:90%;
}

.ParamValues, .ParamDefault {
	position:relative;
	left:2em;
	width:90%;
	margin-bottom:-15px;
}

.Parameter {
	position:relative;
	left:2em;
	width:90%;
	margin-bottom:1em;
}

.SyntaxHeader, .ContextHeader, .ContextFullHeader, .DescriptionHeader, .ParametersHeader, .DefaultHeader, .OutputHeader, .SpecialCasesHeader {
	font-size:10pt;
	font-weight:bold;
}

.ParamValuesHeader, .ParamDefaultHeader, .CaseHeader, .ParamKeyword {
	position:relative;
	width:auto;
	font-weight:bold;
}
.ParamUser {
	position:relative;
	width:auto;
	font-style:italic;
}
.OutputSampleHeader {
	display:block;
	width:auto;
	font-weight:bold;
/*	color:purple; */
}

.divContent{
	position:relative;
	left:2em;
	width:auto;
}
.divCommandSub {
	position:relative;
	left:4.5em;
	top:-14px;
	width:auto;
	line-height:110%;
	width:auto;
}

.CommandContext {
	position:relative;
	font-size:10pt;
	margin-bottom:1em;
	width:auto;
}
.CommandFull {
	position:relative;
	font-size:10pt;
	margin-bottom:1em;
	width:auto;
}
.CommandSyntax {
	position:relative;
	font-size:10pt;
	font-weight:bold;
	margin-bottom:1em;
	width:auto;
}

/* Screen text elements */
.OutputScreenText {
	position:relative;
	border:0;
	border-style:solid;
	clear:both;
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, 'Courier New', Courier, monospace;
	margin-bottom:1em;
	/* Changes to force inline */
	display:inline-block;
	width:800px;
	white-space:normal;
}
.ScreenText {
	border:0;
	border-style:solid;
	clear:both;
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, 'Courier New', Courier, monospace;
	font-size:10pt;
	width:auto;
	line-height: 1.0;
}

/* From SARLists */

/* From SARTitles */
.Unknown {
	position:relative;
	color:red;
	clear:both;
	width:auto;
}
/* From SARLinks */
.RefCommand {
	color:red;
}

.email_form {
	display: none;
}

/* Added by Karthik */
.table-container {
    width: 100%;
    overflow-x: auto; /* Enables horizontal scrolling if needed */
  }
  
  .tbl-content {
    width: 100%;
    border-collapse: collapse; /* Ensures borders collapse */
    table-layout: fixed; /* Ensures equal width columns if not specified */
  }
  
  .tbl-content th, .tbl-content td {
    word-wrap: break-word; /* Breaks words to fit in the cell */
  }
  
  @media (max-width: 600px) {
    .tbl-content {
        width: 100%;
    }
}

.d-none {
	display: none;
}
.undecorate {
	text-decoration: none;
}
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE"; 
}

.sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
}

#kapa-widget-container button {
    /* width: auto !important; */
    bottom: 100px !important;
}