body {
  margin: 0px;
}

body,td,th {
  font-family: arial;
  font-size: 15px; 
  line-height: 1.4;
}

#logo-header, .search-head {
  position: fixed;left: 0px;right: 0px; top: 0px;
  background-color: #6182BB;
  margin: 0px;padding: 0px;z-index: 2;
}

#logo-header-row1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-height: 50px;
}

#breadcrumbs {
  xposition: fixed;
  left: 0;
  right: 0;
  top: 50px;
  height: 36px;
  background-color: #f8faff;
  color: #666;
  xbox-shadow: 0px 4px 12px 0px #eee;
	border-bottom: 1px solid #eee;

  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 32px;
  font-size: 14px;
  xfont-weight: bold;
  z-index: 1;
}

#breadcrumbs span:not(.breadcrumb-link) {
  padding-bottom: 4px;
}

#breadcrumbs .breadcrumb-link:not(.last):hover a {
  color: #253F89;
  text-decoration: underline;
  cursor: pointer;
}

.breadcrumb-link a:visited,
.breadcrumb-link a {
  color: #6a6a6a;
}

.breadcrumb-link.last {
  text-transform: capitalize;
}

#breadcrumbs span:not(.breadcrumb-link) {
  font-size: 12px;
  font-weight: bold;
}

#mobile-nav-toggler {
  display: none;
  margin-left: 15px;
  margin-right: 5px;
}

#sahi-logo {
  display: inline-block;
  width: 115px;height: 44px;
  margin: 0;padding: 0;
}

#sahi-logo img, .search-head img {
  width: 105px;
  height: 45px;
  margin-left: 25px;
  margin-top: 3px;
}

#searchBar {
  background: #FFFFFF; 
  opacity: 0.7;
  border-radius: 15px; 
  float: right;
  height: 30px; 
  width: 220px; 
  margin: 9px 60px 0px 0px; 
  display: inline-flex;
}
#searchBar input {
  font-style: normal;
  font-weight: 500;
  line-height: 19px; 
  color: black;
  border:none; 
  outline: none;
  margin-left: 12px;
}

#searchBar img {
  background-color: #FFFFFF;
  height: 15px;width: 15px;
  margin: 7px 6px 0px 4px;
}


/*.navbar {
  width: 100%; 
  position: fixed; 
  top:70px; 
  left: 300px;
  background-color: #EEF3FF; 
  color: white;
  padding:0px; 
  xdisplay: flex; 
  font-weight: 700;
}	*/	

.navbar {
  flex-basis: 75%;
  margin-left: 120px;
  padding-top: 4px;
}

.navbar li:hover {
  xbackground-color: #7396CE;
  border-radius: 5px;
  color: white;
}

/*.navbar li.selected {
  background: white;
}

.navbar a.selected {
  color: rgb(37, 63, 137); 
  background: white;
  border-bottom: 2px solid rgb(37, 63, 137);
  border-radius: 5px 5px 0px 0px;
  padding-bottom: 5px;
}*/

.navbar ul {
  list-style-type: none; margin: 0; padding: 0;
}

.navbar ul li {
  float: left; 
  padding: 2px 20px 2px 20px;
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  gap: 10px;
  color: #ECF2FD;
  xfont-weight: bold; 
}

.navbar a {
  xfont-size: 14px; 
  /* margin-right:-20px; */
  /* color: #D5E0F2; */
  color: #ECF2FD;
  xfont-weight: bold; 
  /* padding: 7px; */
  /* text-shadow: 0 1px 0 #eee; */
}

.navbar .subnav-menu a {
  color: #ffffff;
}

.navbar .sub-menu-icon {
  cursor: pointer;
  transition: transform 200ms;
}

.navbar .sub-menu-icon.reverse {
  transform: rotate(180deg) translateY(2px);
}

.navbar .sub-menu-icon img {
	height: 16px;
	margin-bottom: -2px;	
}

.navbar li {
  position: relative;
}

.navbar .subnav-menu {
  display: none;

  /* gap: 5px; */
  flex-direction: column;
  width: max-content;

  position: absolute;
  top: 35px;
  left: 40px;
  background-color: #6182bb;
  color: rgba(102, 102, 102, 1);
  xfont-weight: bold;
  font-size: 14px;
  /* padding: 8px 10px; */
  border-radius: 5px;
  box-shadow: 0 4px 24px 0 rgba(178, 178, 178, 0.25);
  min-width: 160px;
  z-index: 2;
  border: 1px solid #eef3ff;
}

#navbar .hasMenu .spacer {
  position: absolute;
  width: 90%;
  height: 12px;
  background: transparent;
}

#navbar .hasMenu:hover + .subnav-menu,
#navbar .hasMenu + .subnav-menu:hover {
  display: inline-flex;
}

.navbar .subnav-menu.sub-menu-open {
  display: inline-flex;
}

.navbar .subnav-menu a {
  padding: 16px 16px;
}

.navbar .subnav-menu a:hover {
  background-color: white;
}

.navbar .subnav-menu a:first-child:hover {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.navbar .subnav-menu a:last-child:hover {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.navbar .subnav-menu a:hover {
  color: #6182BB;
}

.sub-menu-open.reverse {
  transform: rotate(180deg);
}

#nav-mobile {
  display: none;
}

#nav-mobile {
  position: fixed;
  top: 50px;
  bottom: 0;
  left: 0;
  width: 260px;
  background-color: white;
  z-index: 100;

  box-shadow: 4px 0px 24px 0px rgba(45, 45, 45, 0.25);
}

#nav-mobile .menu {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 16px 20px;
  font-size: 16px;
  font-weight: bold;

}

#nav-mobile .heading {
  position: relative;
  color: #6182B8;
  cursor: pointer;
}

#nav-mobile .heading.with-submenu::after {
  display: inline-block;
  content: '';
  width: 18px;
  height: 18px;
  background-image: url('../images/sub-menu-caret-blue.svg');

  position: absolute;
  right: -20px;
  top: 0px;
  transition: 100ms;
}

#nav-mobile .menu .sub-menu-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-left: 20px;
  margin-top: 16px;
}

#nav-mobile .menu .sub-menu-items a {
  color: #666;
}

#nav-mobile .submenu-closed .heading.with-submenu::after {
  transform: rotate(180deg) translateY(-2px);
}

#nav-mobile .submenu-closed .sub-menu-items {
  display: none;
}

/* .with-subnav::after {
  display: inline-block;
  content: '';
  width: 20px;
  height: 16px;
  background-image: url('../images/sub-menu-caret.svg');
} */
.hasMenu {
	white-space: nowrap;
}
#viewOnlineDocs { 
  /* color: #253F89; */
  display: inline-flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
pre {
  padding: 9px 14px; margin-bottom: 14px; background-color: #fff;
  border: 1px solid #ccc; xborder-radius: 4px;
  box-shadow: 1px 3px 3px #ccc;
  -webkit-box-shadow: 1px 3px 3px #ccc;
  -moz-box-shadow: 1px 3px 3px #ccc;
  overflow: auto;
}

.box {
  padding: 9px 14px; margin-bottom: 14px; background-color: #fff;
  border: 1px solid #ccc; xborder-radius: 4px;
  box-shadow: 1px 3px 3px #ccc;
  -webkit-box-shadow: 1px 3px 3px #ccc;
  -moz-box-shadow: 1px 3px 3px #ccc;
}

.search-results p {
	margin-block: 20px;
}
.result-title a {
    font-size: 1.5em;
    font-weight: 600;
    color: #253f89;
    text-decoration: none;
}

.result-title a:hover {
    text-decoration: underline;
}

.result-preview {
    color: black;
    font-weight: 400;
    font-size: 14px;
}

.search-input {
	display: flex; height: 25px;
    width: 250px;
    border-radius: 15px;
    border: none; outline: none;
    padding-left: 15px;
}

.resultCount {
    color: #808080;
}

.result-query {
    font-weight: bold;
}

.pagination {
	text-align: center;
	margin: 16px 8px 16px 8px;
}

.pagination a {
	color: black;
	padding: 8px 16px;
	text-decoration: none;
}

.pagination a.active {
	background-color: #4CAF50;
	color: white;
}

.pagination a:hover:not(.active) {
	background-color: #ddd;
}

pre code {
  font-family: verdana; font-size:12px; border: 0px; padding: 0px;line-height:16px;
  background-color: #fff;
}

code {
  font-family: monospace; border-bottom: 1px dotted #e1e1e8; xborder-radius: 4px;
  padding: 0px 5px; xbackground-color: #f7f7f9;
}

a {
  text-decoration: none; color: blue;
}

h1,h2,h3,h4,h5 {
  color: #000;
  xcolor: #4a7f23;
  xtext-shadow: 0 2px 0 #eee;
}
h2 * {
  color: #000;
  xtext-shadow: 0 2px 0 #eee;
}
h3 * {
  color: #000;
  xtext-shadow: 0 2px 0 #eee;
}
h4 * {
  color: #000;
  xtext-shadow: 0 2px 0 #eee;
}
h5 * {
	font-size: 115%;
  color: #000;
  xtext-shadow: 0 2px 0 #eee;
}
#footer {
  margin:20px;
  text-align:center;
  color: #ccc;
}
.tdyes {
	color:green;
}
.tdno {
	color:red;
	font-weight:bold;
}

.search-content {
	margin-right: 50px;
    padding-top: 11px;
    float: right;
}


.search-results {
	margin-left:55px; margin-top: 70px;
}

.main {
  padding-top: 10px;
  margin-top: 87px; /* will be rest by js */
}

#content {
  width: calc(100% - 500px); 
  vertical-align: top; 
  xmargin-top: 45px;   
  padding-left: 350px;
}

#submenu {
	width: 100%;
	background-color: #ccc;
}

#menuToggler{
	display: none;
}

#sideNavOuter {
  position: fixed; 
  top: 87px; /* will be rest by js */
  left: 0px; 
  bottom:0px;
  margin-top:0px; 
  padding: 0px;
  background: #EEF3FF;
  padding-right: 20px;
  overflow-y: hidden;overflow-x: hidden;
}


#sideNavOuter:hover{
	overflow-y: auto;
}
#sideNavOuterHeading {
  margin: 20px 0px 0px 35px;
  color: #253F89;
  font-style: normal;
  font-weight: 700; font-size: 20px;
  line-height: 24px;
}

#sideNavOuterHeading img {
	width: fit-content; height: 17px;
}

#sideNavSearch {
  background: #FFFFFF; border-radius: 15px;
  cursor: pointer; height: 30px;
  margin: 25px 0px 0px 15px;
}

#expandCollapseNav {margin-left: 175px;margin-top: 13px;display: inline-flex}
#expandAll, #collapseAll { 
	border-radius: 5px;
	height: 30px; 
	margin-left: 10px;
	transform: scale(-1, 1);
}
#sideNavSearch input {
  font-style: normal; 
  width: calc(100% - 53px);
  font-weight: 500; 
  font-size: 16px;
  line-height: 19px; 
  color: #666;
  border: none; 
  outline: none; 
  margin: 4px 0px 0px 20px;
}
#sideNavSearch img {
  background-color: #FFFFFF; 
  width: fit-content;
  height: 15px;
  width: 15px;
  vertical-align:middle;
  margin-bottom: 2px;
}

#sideNavScroller {
  width: 260px;
  padding: 0px;
  margin: 10px;
  margin-bottom: 10px;
  border: 0;
}

#sideNav{
  xborder: 1px solid #ddd; 
  margin-left: 15px;
}

#sideNav.focused {
  overflow-y:auto;
  overflow-x:hidden;
}

#sideNav.unfocused {
  overflow:hidden;
}

#sideNav.unfocused *{
  xcolor: #ddd !important;
}
#sideNav.unfocused a{
  xcolor: #ddf !important;
}

#sideNav ul {
  padding:0 8px; margin: 0px;
}

#sideNav>ul>li>div{
  font-weight:500;
  line-height: 1.75;
}
#sideNav ul li {
  font-weight:400;
  line-height: 1.75;
  font-size:12px;
  list-style: none; 
  xpadding: 2px 2px 2px 10px;
}

#sideNav ul li span {
  font-size:14px;
  display:block;
  margin-left:12px;
  xpadding: 2px 2px 2px 10px;
}

#sideNav ul li a {
  font-size:14px;
  display:block;margin-top: 8px;
  margin-left:-8px;
  padding-left:17px;  
  color: #6182BB;
  padding: 2px 2px 2px 10px;
  word-break: break-word;
}

#sideNav ul li a:hover {
   background: white;
   border-radius: 12px;
}

#sideNav ul li a.selected {
	color: #6182BB; 
	background: white;
	border-radius: 12px; 
	font-weight: 700;
	margin-left: -8px;
	xborder-right: 8px solid #6182BB;
}
#sideNav li li div{
   display:none;
   padding-left: 10px;
}

#sideNav label.plus { margin-top: 0px; }

#sideNav label.minus { margin-top: -1px; }

#sideNav label.bullet { margin-top: -1px; }

.label {
  float: left; 
  color: #6182bb;
  margin-right: 6px;
  xfont-weight: 600;
  font-size: 16px;
  width: 10px;
}
#content h1 {
  border-top: 1px solid #ddd;
  margin-top:20px;
  padding-top: 20px;
  font-size: 18x;
}

#content h2 {
  border-top: 1px solid #ddd;
  margin-top:20px;
  padding-top: 20px;
  font-size: 17x;
}

#content h3 {
  border-top: 1px solid #ddd;
  margin-top:20px;
  padding-top: 20px;
  font-size: 16x;
}

#content h2.pageTitle {
  border-top:0px;
  margin-top:20px;
  padding-top:0px;
}


#content ol,ul {
  padding: 10px; 
  margin: 0px 10px;
}

#content li {
  padding: 5px;
}

div.danger {
  margin: 20px 0; padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee; background-color: #fcf2f2;
  border-color: #dFb5b4;
  border-radius: 12px;											box-shadow: 1px 3px 3px #ccc;
  -webkit-box-shadow: 1px 3px 3px #ccc;
  -moz-box-shadow: 1px 3px 3px #ccc;
}

div.warning {
  margin: 20px 0; padding: 15px 30px 15px 15px;
  border-left: 5px solid #EEA7A6; background-color: #FCF2F2;
  border-radius: 12px;
  box-shadow: 1px 3px 3px #ccc;
  -webkit-box-shadow: 1px 3px 3px #ccc;
  -moz-box-shadow: 1px 3px 3px #ccc;
}

div.info {
  margin: 20px 0; padding: 15px 30px 15px 15px;
  border-left: 5px solid #9AC8E8; background-color: #f0f7fd;
  border-radius: 12px;
  box-shadow: 1px 3px 3px #ccc;
  -webkit-box-shadow: 1px 3px 3px #ccc;
  -moz-box-shadow: 1px 3px 3px #ccc;
}

div.question {
  margin: 20px 0; padding: 15px 30px 15px 15px;
  xborder-left: 5px solid #eee; xbackground-color: #cccccc;
  border-color: #d0e3f0;
  xbox-shadow: 1px 3px 3px #ccc;
  x-webkit-box-shadow: 1px 3px 3px #ccc;
  x-moz-box-shadow: 1px 3px 3px #ccc;
}

div.answer {
  margin: 20px 0; padding: 15px 30px 15px 15px;
  xborder-left: 5px solid #eee; xbackground-color: #f0f7fd;
  border-color: #d0e3f0;
  xbox-shadow: 1px 3px 3px #ccc;
  x-webkit-box-shadow: 1px 3px 3px #ccc;
  x-moz-box-shadow: 1px 3px 3px #ccc;
}

div.example {
  margin: 20px 0; padding: 15px 30px 15px 15px;
  border-left: 5px solid #F5F2A7; background-color: #FFFFE8;
  border-color: #F5F2A7;
  box-shadow: 1px 3px 3px #ccc;
  -webkit-box-shadow: 1px 3px 3px #ccc;
  -moz-box-shadow: 1px 3px 3px #ccc;
}

div.abstract {
  margin: 20px 0; padding: 15px 30px 15px 15px;
  border-left: 5px solid #E8D998; background-color: #FEFBED;
  border-radius: 12px;
  box-shadow: 1px 3px 3px #ccc;
  -webkit-box-shadow: 1px 3px 3px #ccc;
  -moz-box-shadow: 1px 3px 3px #ccc;
}

div.goal {
	border-left: 5px solid #E8D998; background-color: #FEFBED;
}

div.steps {
	margin: 20px 0; 
	padding: 15px 30px 15px 15px;	
	xborder-left: 5px solid #E8D998; 
}
div.steps strong.heading {
	display:none;
}

div.outcome {
	border-left: 5px solid #E8D998; background-color: #FEFBED;
}

div.concepts {
	border-left: 5px solid #E8D998; background-color: #FEFBED; display:none;
}

div.goal, div.outcome, div.concepts {
	margin: 20px 0; 
	padding: 15px 30px 15px 15px;
	border-radius: 12px;
	box-shadow: 1px 3px 3px #ccc;
	-webkit-box-shadow: 1px 3px 3px #ccc;
	-moz-box-shadow: 1px 3px 3px #ccc;
}

div.classic, div.flowcharts {
	display: none;
}


#content table {
  width: 100%;
  border: 1px solid #efefef;
  border-collapse: collapse;
  margin-top: 10px;
  margin-bottom: 20px;
}

#content table td,th {
  border-right: 1px solid #efefef; 
  border-bottom: 1px solid #efefef; 
  padding: 10px;
  margin:0px;
  vertical-align: top;
}

#content table#version td {
	padding: 5px !important;
}

a.headinganchor {
  clear:both;
  display:block;
  padding-bottom:50px;
}

a.headinganchor2 {
  padding-top:130px;
  margin-top:-130px;
  padding-left:300px;
  margin-left:-300px;  
  clear:both;
  display:block;
  border:0px;  
  outline:0px;
  xdisplay: inline-block;
}

#content img.float-left {
  float:left;
  margin-right:30px;
}

#content img.float-right {
  float:right;
  margin-left:30px;
}

#content img:not(.icon, .logo) {
  border: 1px solid #ccc;
  margin:20px;
  margin-left:5px;
  display: block;
  box-shadow: 1px 5px 5px #ccc;
  -webkit-box-shadow: 1px 5px 5px #ccc;
  -moz-box-shadow: 1px 5px 5px #ccc;
  max-width: 800px;
}
.list-item {
   display: flex;
   align-items: center;
   padding: 0px !important;
}
#content img.inline{
	display: inline;
	border: 0px;
	padding: 0px;
	margin: 0px 5px;
	margin-bottom: -2px;
	box-shadow: 0px 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px 0px;
	-moz-box-shadow: 0px 0px 0px 0px;
}
strong.heading {
  text-transform:capitalize;display:block; 
  margin-bottom:5px;
}

.question .heading {color:#253F89}
.answer .heading {color:#528110}
.info strong.heading {
  display: none;
}
.warning strong.heading {
  display: none;
}
.danger strong.heading {
  display: none;
}
.next strong.heading {
  display: none;
}
.next strong.heading {
  display: inline;
}
.next strong.heading::after{
  content: ": ";
}

div.api {
  border:0px;
  margin-top: 0px;
  margin-bottom: 50px;
  border-left: 1px dotted #eee;
  margin-left:-20px;
  padding-left:20px;
}
#content div.api h3 {
  margin-top:10px;
  border-top: 0px;
  padding:0px;
}
div.api span.heading {
  color:olive;font-style:italic
}
span.code-highlight {
  xbackground-color:#fefefe;
}

span.code-highlight *{
  font-weight:bold;
}
.hidden-el {
  display: none !important;
}
img.icon {
  margin-bottom: -5px;
  height: 20px;
  width: 20px;
  margin-left: 5px;
}
div.console {
  color:white;
  background-color:black;
  font-family:Lucida Console;
  padding:10px;
  box-shadow: 1px 3px 3px #ccc;
  -webkit-box-shadow: 1px 3px 3px #ccc;
  -moz-box-shadow: 1px 3px 3px #ccc;
  white-space: pre-line;
}

div.console span.code-highlight {
	font-weight:bold;
	font-color:yellow;
}

div.symptom {
	margin-top:10px;
	margin-bottom:10px;
}

div.cause {
	margin-top:10px;
	margin-bottom:10px;
}

div.resolution {
	margin-top:10px;
	margin-bottom:10px;
}

table.excel td{
  line-height:20px;
  height:20px;
  padding: 3px 5px !important;
  font-family:calibri;
  font-size:11pt;
}

table.excel td.comment{
  color:green;
  border-color: white !important;
  border: 0px;
  border-bottom: 1px dashed #ccc !important;
  line-height:20px;
  height:20px;
  padding: 3px 5px !important;
  font-family:calibri;
  font-size:11pt;
  font-style: italic;
}

.hide-block {
  display: none;
}

#sidenav-close {
  display: none;
}

#breadcrumbs-bar {
  position: relative;
}

.intro-section, 
.add-ons-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

.intro-card {
  box-shadow: 0 4px 32px 0 rgba(149, 149, 149, 0.15);
  border-radius: 15px;
  margin-bottom: 5px;
}

.add-ons-section .intro-card {
  padding: 0;

  display: grid;
  grid-template-rows: fit-content(25px) 1fr 0.2fr;
  min-height: 200px;
}

.intro-card .intro-header {
  background-color: #f9fbff;
  padding: 6px 16px;
}

.intro-card .intro-logo {
  height: 60px;
  width: fit-content;
  border-radius: 15px 15px 0 0;
  margin-bottom: 12px;
  /* margin-left: 15px; */
}

.intro-card .addon-logo:not(.runner) {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  padding: 4px;
  background-color: #e4efff;
}

.intro-card .addon-logo.ai-assist {
  text-align: center;
  padding: 7px;
}

.intro-card .addon-logo.runner {
  height: 50px;
  width: auto;
}

.ai-assist-logo {
  font-weight: bold;
  font-size: 19px;
  line-height: 22px;
  vertical-align: middle;
  color: #6182bb;
}

.intro-card .addon-header {
  display: flex;
  gap: 12px;
  background-color: #f9fbff;
  padding: 16px;
}

.intro-card img.logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.intro-card .intro-heading {
  font-size: 20px;
  /* font-weight: bold; */
  line-height: 24px;
  color: #6182B8;
  /* margin-bottom: 12px; */
}

.intro-section .intro-card {
  display: grid;
  grid-template-rows: fit-content(50px) 0.6fr 2fr fit-content(20px);
}

.intro-section .intro-card .intro-content {
  padding: 6px 16px;
}

.intro-card .intro-content a {
  color: #666;
  text-decoration: underline;
}

.intro-section .intro-card .intro-tags {
    margin: 16px 16px;
}

.intro-section .intro-card .intro-heading {
  padding: 6px 16px;
}

.add-ons-section .intro-heading {
  margin-bottom: 0;
  margin-top: 7px;
}

.intro-card .intro-heading span {
  /* color: #253F89; */
}

.intro-card .intro-content {
  font-size: 14px;
  line-height: 17.5px;
  color: #4e4e4e;
}

.add-ons-section .intro-content {
  padding: 15px 15px;
}

.intro-card .intro-tags,
.intro-card .intro-tags a {
  font-size: 14px;
  line-height: 17.5px;
  color: #6182B8;
  padding-bottom: 5px;
}

.add-ons-section .intro-card .intro-tags {
  /* align-self: end; */
  padding: 5px 10px 15px 15px;
}

.intro-card .intro-tags .btn-tag {
  border-radius: 4px 8px 4px 8px;
  background-color: #EEF3FF;
  padding: 5px 8px;
  white-space: nowrap;
  width: fit-content;
}

.intro-tags.tags-grid {
  /* display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: fit-content(25px) fit-content(25px) fit-content(25px);
  grid-row-gap: 5px;
  grid-column-gap: 10px; */

  display: flex;
  flex-direction: row;
  gap: 10px;
}

.intro-tags.tags-grid > a {
  align-self: flex-end;
}

.intro-tags.tags-grid .tags {
  display: flex;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap;
}

.intro-card .main-tag {
  /* font-weight: bold; */
  margin-right: 16px;
}

.intro-card .main-tag::after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 14px;
  margin-left: 5px;
  margin-bottom: -1px;
  background-image: url("../images/fi-rr-arrow-link.svg");
}
.dashboardImageAndInfo {
	display: flex;
}
@media print {
  body{
   -webkit-print-color-adjust:exact;
  }
  #sideNavOuter {
    display:none;
  }
  .navbar {
  display:none;
  }
  #content {
  width: calc(100% - 500x); 
  vertical-align: top; 
  padding: 10px;
  }
}

@media (hover: none) {
  #sideNavOuter {
    overflow-y: auto;
  }
}

@media only screen and (max-width: 1360px) {
  .add-ons-section {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 1200px) {
  #searchIcon{
  	height: 30px;
    width: 30px;
    margin-top: -2px;
  }
  .navbar {width: 78%; left: 287px} 

  .intro-section {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 985px) {
	#sideNavOuter{
  	margin: 0px;
  	padding-top: 2px;
  	top: 50px;
  }
  #content{
    width: calc(100% - 375px);
  	padding-top: 30px;
  }

  .intro-tags.tags-grid {
    flex-direction: column;
  }

  .intro-tags.tags-grid > a {
    align-self: flex-start;
    margin-bottom: 10px;
  }
  .dashboardImageAndInfo {
	display: block;
  }
}
@media only screen and (max-width: 700px) {
}
@media only screen and (max-width: 560px) {
	#content{
		padding-top:70px;
		padding-right: 15px;
    padding-left: 15px;
	}
	#sideNavOuter{
		top:160px; padding-top: 0px;
	}
	#logo-header {z-index: 0}
	#sahi-logo {width: 79px;}
	#sahi-logo img { margin-left: 90px;}
	/*#searchBar {width: 40px; margin: 8px 40px 0px 0px}
	#searchBar input {display:none}
	#searchBar img {margin-left: 12px;}*/
	#navbar {padding-left: 0px}
	#menuToggler {top: -15%;}
	.bar1, .bar2, .bar3 {background-color: white}					 
}

@media only screen and (max-width: 720px) {
  .hide{
    display: none;
  }

  .show{
    display: block;
  }

  #mainnav {
    display: none;
  }

  #nav-mobile {
    /* display: none; */
  }

  #searchBar input { 
    display: none; 
  }

  #searchBar {
    cursor: pointer;
    width: fit-content;
    height: fit-content;
    display: inline-block;
    padding: 8px 8px;
    border-radius: 50%;
    margin-top: 12px;
  }

  #searchBar #searchIcon {
    height: 12px;
    width: 12px;
    padding: 0;
    margin: 0;
    display: block;
  } 

  #mobile-nav-toggler {
    display: block;
    align-self: center;
    cursor: pointer;
  }

  #mobile-nav-toggler img {
    height: 28px;
    width: 28px;
    vertical-align: middle;
  }

  #sidenav-close {
    display: block;
    position: absolute;
    right: 2%;
    top: 5px;
    cursor: pointer;
  }

  #sidenav-close.opened img {
    transform: rotate(180deg) translateY(-2px);
  }

  #sideNavOuter { width: 96%; }

  #sideNavScroller { width: auto; }

  #sideNav label.plus { margin-top: 1px; }

  /* styles for earlier 700px breakpoint */
  body {
    font-size: 17px;
  }
  table.excel{
  	  table-layout:fixed;
  }
  table.excel tbody{
  	  display: block;
  	  overflow: scroll;
  }
  img:not(.nav-img, .icon) {
  	width: 90%;
  	max-width: 100%;
  }
  code{
  	overflow-wrap: break-word;
  }
  pre{
  	white-space: normal;
  }
  #sideNavSearch img, img.inline, img[alt="Relations Sample"]{
  	width: auto;
  }
  #sideNavSearch img, #filter{
  	height: 20px;
  }
  img ~ div {
  	margin-left:0px !important;
  }
  .logo{
  	width: 20%;
  }
  #content{
  	width: 90%;
  	padding: 30px 22px;
  }
  #breadcrumbs {
    padding-left: 16px;
  }
  #searchBar {
    margin: 9px 2% 0px 0px;
  }
  #sahi-logo img {
    margin-left: 24px;
  }
  #searchIcon{
  	height: 30px;
    width: 30px;
    margin-top: -2px;
  }
  #navbar{
  	padding-left: 60px;
  	z-index: 1; left: 0px;
  	width: 100%;
  }
  #sideNavOuter {
    margin: 0px;
    /* padding-top: 45px; */
    top: 60px;
  }
  #expandCollapseNav { 
    display: flex;
    justify-content: flex-end;
  }
  #expandAll, #collapseAll { 
    height: 24px; 
    width: 24px;
  }
  #sideNav ul li a, #sideNav ul li span {
  	font-size: 16px;
  }
  
  #menuToggler{
	display: inline-block;
    left: 40px;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  #close { 
  	margin-top: 1em; 
  }
	.container {
	  display: inline-block;
	  cursor: pointer;
	}
	
	.bar1, .bar2, .bar3 {
	  width: 35px;
	  height: 5px;
	  background-color: #706b6b;
	  margin: 6px 0;
	  transition: 0.4s;
	}
	
	.change .bar1 {
	  transform: translate(0, 11px) rotate(-45deg);
	}
	
	.change .bar2 {opacity: 0;}
	
	.change .bar3 {
	  transform: translate(0, -11px) rotate(45deg);
	}
}

@media only screen and (min-width:720px) and (max-width: 1360px) {
  .navbar .subnav-menu {
    left: 50px;
  }

  #navbar {
    padding-bottom: 4px;
  }
}