
/* CSS for SA IdP 19.07, 20.06 */
/* 14-Oct-2022 - Added banner css */
/* 10-Apr-2023 - added spacing between list items in informal table and spacing after informal table */
/* 30-May-2024 - added Algolia search styling */
/* July-2024 - SecureAuth rebranding with the blue / green colors */
 
/* October 14, 2022 - Banner css for critical product adivsory 
.experience-header {
    background-color: #5dbb4380;
    box-sizing: border-box;
    color: #000000;
    height: 48px;
    padding: 10px 0;
    text-align: center;
    font-size: large;
}       
*/

/* Add Sora font */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
body {  
    font-family: 'Sora';  
}

/* Heading sizes Paligo css: H1=41, H2=34, H3=28, H4=? */
h1 {
    font-family: 'Sora';
    font-size: 34px; 
}
h2 {
    font-family: 'Sora';
    font-size: 29px;
}
h3 {
    font-family: 'Sora';
    font-size: 24px;
}
h4 {
    font-family: 'Sora';
    font-size: 19px;
}
h5 {
    font-family: 'Sora';
    font-size: 14px;
    text-transform: none;
}
/* Primary color for links, buttons, sidebar, portal-header etc - For example, Show more and See also links */
a,.text-primary,.btn-link,.pagination>li>a,.pagination>li>span,.publication-contents a:hover {
    color:#0075e2;
}

/* Primary color for landing page buttons */
.bg-primary,.btn-primary,.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus,.portal-single-publication .publication-icon {
    background-color:#2898ff;
}

/* Increase logo image size on portal page */
.portal-header-navbar .navbar-container .logo {
    height: 60px;
    width: auto;
}

/* Category panel icons */
.cat-panel-1:before { /* Release Notes */
	content: "\";
}
.cat-panel-2:before { /* Getting Started */ 
    content: "\f0f4";
}
.cat-panel-3:before { /* Data Store Management */ 
    content: "\f1c0";
}
.cat-panel-4:before { /* API Documents */
    content: "\f121";
}
.cat-panel-5:before { /* SecureAuth Apps */
    content: "\f10b";
}
.cat-panel-6:before { /* Global MFA Management */
    content: "\f0ac";
}
.cat-panel-7:before { /* Authentication Policies */
    content: "\f109";
}
.cat-panel-8:before { /* Application Manager */
    content: "\f007";
}
.cat-panel-9:before { /* Administration */
    content: "\";
}
.cat-panel-10:before { /* Integrations */
    content: "\f12e";
}
.cat-panel-11:before { /* Knowledge Base */
    content: "\f0eb";
}
.cat-panel-12:before { /* Troubleshooting */
    content: "\";
}

/* Primary color for landing page header */
.portal-header::before {
  background-color: transparent !important;   

}
.portal-header::after {
    opacity: 1 !important;
    filter: none;
}
.portal-header {
    color:#06223b;
}

/* Landing page publication name text */
.publication-contents a {
    color: #06223b;
}

/* Hover over links primary color */
a:hover,a:focus,.btn-link:hover,.btn-link:focus {
    color: #909eaa;
}

/* Topic page left-padding */
.theme1.page-toc main article {
    padding-left: 8%;
}

/* Navigation pane 5 nested levels */
.nav-site-sidebar ul ul ul ul a {
    padding-left: 75px;
}									 

/* Body text */
body,html{-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%}
body {
    font-size: 14px;
    color: #06223b;
}

/* Secondary color - For portal search button, publication count button on landing page */
.portal-header .portal-search button,.publication-contents h4 span {
    background-color: #0075e2;    
}

/* Portal page - Magnifying glass search icon */
.portal-header .portal-search button { 
    background-color: #fcda27;
}

.portal-header .portal-search button:hover {
    background-color:#909eaa;
}

/* Search field text - Portal header */ 
.portal-header .portal-search .search-field::placeholder {
    color: #06223b;
}

.portal-header .portal-search .search-field {
    color: #06223b;
}

/* Search field text - Inside page - left navigation */
.search-field::placeholder {
    color: #f6f7f8;
}

.search-field {
    background-color: #0075e2;
}

/* Landing page category icons font color and hover */
.portal-single-publication h3 {
    color: #06223b;
    
}
.portal-single-publication h3:hover {
    color: #909eaa;
    
}

/* START -- Styling for Algolia search results */
/* breadcrumbs - color: #333 background-color: #f2f2f2 */
/* breadcrumbs:hover - background-color: #e0e0e0 */

.aa-suggestion .aa-search-body em {
    font-style: normal;
    font-weight: bold;    
  }

  .breadcrumbs {
    font-weight: 300;
    font-size: 0.75em;
    color: #333;
    background-color: #f2f2f2;
    padding: 4px 8px;
    border-radius: 4px;
    margin-top: 6px;
 }
  
  .breadcrumbs:hover {
    background-color: #e0e0e0;
 }
 
/* END -- Styling for Algolia search results */ 

/* Breadcrumb separator - default is "/\00a0" */ 
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #909eaa;
    content: "\003e";
}

/* Prev and Next links at bottom of page */
/* Tertiary color - For pager */
.pager li>a,.pager li>span {
    color:#0075e2;   
}

/* Prev and Next link hover color at bottom of page */
.pager li>a:hover,.pager li>span:hover {
    background-color:#0075e2;
}

/* #1 Text color in side bar */
.nav-site-sidebar li a {
    color: #ffffff;
}

/* #2 For active (selected) links in the nav menu (can be given different style to show they're active) */
.nav-site-sidebar .active>a {
    color: #ffffff;
}

/* #3 Text color for nested sections */
.nav-site-sidebar ul a {
    color: rgba(255, 255, 255, 0.8);
}

/* Nav menu background color */
.site-sidebar {
    background-color: #06223b;
}

/* Informal table rules */
.rules-rows td {
    vertical-align: top;
}

/* Graphical-list css background color */ 
.theme1 .procedure > li::before {
    background-color: #0075e2;
}

/* Version picker font size -- Paligo 14px  
.sm-simple a,
    .sm-simple a {
        font-size: 16px;
} */

/* Text below search bar on portal header */
.my-new-class {
    color: #06223b;
    font-size: 14px;
    margin-top: 24px; 
}

.my-new-class a { color: #0075e2; font-weight: bold; }

/* Highlight search result one shade darker */
ul.searchresults .search-highlight {
    font-style: normal;
    color: #0075e2;
}

/* mini TOC font size */
.page-toc .section-nav-container {
    font-size: 12px;
}

/* See also section */ 
.section-toc-title {
    margin-top: 3em;
 }
/* Paligo fix for x-ref to numbered step number icon */ 
 .fixed-toolbar .procedure li:target:before{content:counter(step-counter);height:24px;margin-top:0px}

/* START - Josh code for version picker above search box */
.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}

.btn-secondary:hover {
  color: #06223b !important;
  background-color: #ffffff;
  border-color: #06223b;
}

.dropdown-menu {
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1.2rem;
  color: #06223b;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: .25rem;
  margin-left: auto;
  margin-right: auto;
  width: 210px;
  left: 0;
  right: 0;  
}

.dropdown.show {  
    margin-bottom: 1em;
    margin-top:-1.3em;
}

.btn-secondary {
  color: #fff !important;
  background-color: #06223b;
  border-color: #06223b;
  background: #06223b;
  color: #fff !important;
  border-radius: 5px;
  outline: none;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #06223b;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.portal-header .inner { margin-top: 75px; }

/* Hamburger css for mobile */ 
@media screen and (max-width:767px) {
.navbar-fixed-top .navbar-collapse { background: #06223b; padding-top:0.5em; padding-bottom: 0.5em; }
.sm li { padding: 0.5em 0; }
}

/* STOP - Josh code */

/* CSS for product name dropdown list */ 
.inner #dropdownMenuLink.btn-secondary { width: 210px !important; }

.page-toc #navbar a { color: #0075e2 !important; }
		
/* Expand-Collapse toggle button */
#toggleButton {
	background: none;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border: 0;
    margin-left: 0.76em;
    margin-top: 1em;
}

/* Hide Featured Content section on landing page */
.featured-content-label {
    display:none;
}

.portal-contents featured-content {
    display:none;
}

.portal-contents .inner {
    display:none;
}

/* CSS for admonition - Note */
/* Side bar and box color for Note */
.note {
    border-left-color:#9ee345;
    background-color:rgba(158, 227, 69, .10);
}

/* Symbol color for Note */
.note::before {
    color:#9ee345;
}

/* Text heading for Note */
.note h3 {
    font-weight:bold;
}

/* CSS for admonition - Important */
/* Side bar and box color for Important */
.important {
    border-left-color:#9ee345;
    background-color:rgba(158, 227, 69, .10);
}

/* Symbol color for Important */
.important::before {
    color:#9ee345;
}

/* Text heading for Important */
.important h3 {
    font-weight:bold;
}

/* CSS for admonition - Tip */
/* Side bar and box color for Tip */
.tip {
    border-left-color:#2898ff;
    background-color:rgba(40, 152, 255, .10);
}

/* Symbol color for Tip */
.tip::before {
    color:#2898ff;
}

/* Text heading for Tip */
.tip h3 {
    font-weight:bold;
}

/* CSS for admonition - Warning */
/* Side bar and box color for Warning */
.warning {
    border-left-color:#fc6727;
    background-color:rgba(252, 103, 39, .10);
}

/* Symbol color for Warning */
.warning::before {
    color:#fc6727;
}

/* Text heading for Warning */
.warning h3 {
    font-weight:bold;
}

/* CSS for admonition - Caution */
/* Side bar and box color for Caution */
.caution {
    border-left-color:#fcda27;
    background-color:rgba(252, 218, 39, .10);
}

/* Symbol color for Caution */
.caution::before {
    color:#fcda27;
}

/* Text heading for Caution */
.caution h3 {
    font-weight:bold;
}

/* For page toc if selected: */
/* To theme1 */
.theme1 .section-nav.nav li.active>a {
    color: #0075e2;
}
/*old color #1976D2*/
.theme1 .section-nav.nav>li.active>a:before {
    content: '';
    border-radius: 50%;
    left: -3px;
    top: 12px;
    background: #0075e2;
    position: absolute;
    width: 6px;
    height: 6px;
}

/* Updates as of April 2023 */

/* spacing between list items in informal table */ 
.informaltable li p {
    margin-top: 6pt;
}

/* spacing after informal table */
.informaltable.table-responsive {
    margin-bottom: 18px; 
}
