/*admonitions - important*/
/* links, primary color now VOSS dark blue for accessibility */
:root {
 --pst-color-admonition-important: 251, 196, 3;
 --pst-color-inline-code: 25, 0, 71;
 --pst-color-info: 0, 173, 229;
 --pst-color-link: 0, 0, 70;
 --pst-color-primary: 0, 0, 70!important;   
 --pst-color-success: 162, 208, 46;
 --pst-font-size-h1: 34px;
 --pst-font-size-h2: 26px;
 --pst-font-size-h3: 22px;
 --pst-font-size-h4: 20px;
}
/*
.admonition.important {
    background-color: #f2e0d5;
}
*/
/* smaller line spacing for lists */
li p {
    margin-bottom: 0.15rem!important;
}

/* chapter titles highlighted */
div.section h1 {
/*  border-radius: 45px; */
    padding: 12px;
/*  box-shadow: 0px 0px 15px grey; */
/*  box-shadow: 0px 0px 3px grey; */
  }
div.section h2 {
    font-weight: 800;
  }
div.section h3 {
    font-weight: 600;
  }
div.section h4 {
    font-weight: 600;
    font-style: italic;
  }

/* slightly smaller */
.prevnext-title {
    font-size: 1em;
}

/* copyright + left margin footer: email us */
footer.footer, span.emailus {
 font-size:12px;
}


/* table headers */
table th {
    background-color: #f0f0f0;
}

/* docutils override; left align tables */
table {
    margin-left: unset!important;
}

/**** Accordion ****/

.activity.collapsed > .html-toggle-button
{
    margin-bottom: 1em;
}

/* .activity.collapsed > .html-toggle-button:before */
.activity.collapsed > .html-toggle-button,
.section.collapsed > .html-toggle-button
{
    background-image: url("../_images/icon_title_plus.png");
    padding-left: 34px;
    background-position: left center;
    background-repeat: no-repeat;
}

/* .activity.expanded > .html-toggle-button:before */
.activity.expanded > .html-toggle-button,
.section.expanded > .html-toggle-button
{
    background-image: url("../_images/icon_title_minus.png");
    padding-left: 34px;
    background-position: left center;
    background-repeat: no-repeat;
}

/**** End Accordion ****/

/* lines below tables
    border-bottom: 1px solid #dee2e6;
 */
.table td, .table th { 
    border: 1px solid #dee2e6;
}    
/*center table headings*/
th.head { 
    text-align: center;
}    

/*landing page right padding*/
.pr-md-0, .px-md-0 {
    padding-right: 1rem!important;
}

/*test for underline in left nav bar selected item*/
li.toctree-l2.current.active a.current.reference.internal {
  text-decoration: underline;
}

/* move logo up */
div.navbar-brand-box {
    padding-top: 0em;
}

/* resize new logo image */
.navbar-brand img {
    max-width: 50%!important;
}    

.highlight .c1 {
    color: #0066CC;
    font-style: italic;
}

a.headerlink:hover {
    background-color: transparent;
    color:#0066CC;
    opacity: 1!important;
}

a:hover {
       color:#0066CC!important;
}

nav.bd-links li>a:hover {
       color:#0066CC!important;
}

/* can remove orig=85px indent Home icon below in left ToC - for pydata-sphinx-theme v0.16.1 but expand/collapse then not working as expected */
.navbar-icon-links {
    padding-left: 100px!important;
}

.toc-entry a.nav-link:hover {
       color:#0066CC!important;
}

ul.breadcrumbs li>a:hover {
       color:#0066CC!important;
       font-size: 14px;
}


.prev-next-area a:hover p.prev-next-title:hover {
   color:#0066CC!important;
}  
.prev-next-area a:hover p.prev-next-subtitle:hover {
   color:#0066CC!important;
}  

.bd-content .sd-tab-set>input:not(:checked)+label:hover {
	border-color:#579aca!important;
}	

ul.search li div.context {
    color: black;
    margin: 2px 0 0 30px;
    text-align: left;
}

/* remove duplicate square brackets */
/*
a.brackets:before, span.brackets > a:before {
    content: none;
}
a.brackets:after, span.brackets > a:after {
    content: none;
}
*/
main.bd-content #main-content span.brackets:before {
    content: none;
}
main.bd-content #main-content span.brackets:after {
    content: none;
}

/* start EKB-13814 */


#site-navigation nav ul.nav li a, #site-navigation nav ul.nav ul li a {
    color: #0066CC;
}

.bd-toc div.onthispage, .bd-toc .toc-entry a {
    color: #0066CC;
}


#site-navigation h1.site-logo {
    font-weight: bold;
    color: #000046;
}    


/* end EKB-13814 */

/* add light grey to inline code */
/* add voss darkblue as text color */
code {
    color: #000046!important;
    background-color: #efebeb!important;
}


/* start breadcrumbs styling */
/*    position: fixed;
    z-index: 1050; */
ul.breadcrumbs {
    display: inline-flex;
    background-color: buttonface;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-inline-start: 25px;
}    
ul.breadcrumbs li {
    list-style-type: none;
    font-size: 14px;
}    
ul.breadcrumbs li a {
    font-size: 14px;
}  
# padding above main-content to separate breadcrumbs bottom
main.bd-content #main-content {
    padding-top: 2em;
}
# adding space above title if breadcrumbs run over 2 lines
h1 {
    margin-top:16px;
}    
/* end breadcrumbs styling */

/*start chap TOC bold */
/*div.toctree-wrapper>ul>li.toctree-l1>a {
/*    font-weight:bold;
/*}
/* end chap TOC bold */

/* Badge Tooltips */
/* from https://www.w3schools.com/howto/howto_css_tooltip.asp */

/* primary badge background color*/
span.sd-sphinx-override.sd-badge.sd-bg-primary.sd-bg-text-primary {
    background-color: #000046!important;
}

.badge-tooltip {
    position: relative;
    display: inline-block;
  }
  
.badge-tooltiptext {    
    font-size: 12px;
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}
.badge-tooltiptext a {    
    color: white !important;
    text-decoration: underline;
}    
/*  
.badge-tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
*/  
.badge-tooltip:hover .badge-tooltiptext {
    visibility: visible;
    opacity: 1;
}

#site-navigation div.navbar_extra_footer {
    position: sticky !important;
    bottom: 13px !important;
    background-color: white !important;
    padding-top: 5px !important;
}

/* buttons */
.feature-button-h {
    border-radius:4px;
    background: linear-gradient(to left, #00ade5 0%, #000046 70%);
    color: white;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 9px;
    font-size: 16px;
    border: 0.5px solid white;
    width:195px;
    text-align:left;
}
.dropdown-feature-button-h {
    border-radius:4px;
    background: linear-gradient(to left, #00ade5 0%, #000046 70%);
    color: white;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 9px;
    font-size: 16px;
    border: 0.5px solid white;
    width:175px;
    text-align:left;
}


/* tabs colors */
html .sd-tab-set>label:hover {
    color: #17a2b8 !important;
}

.sd-tab-set>input:checked+label {
    border-color:  #007fb0 !important;
    border: 2px solid;
    color:  #ffffff !important;
    border-bottom: white;
    background-color:  #007fb0 !important;
}


.sd-tab-content {
    display: none;
    order: 99;
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
    width: 100%;
}


.sd-tab-set>label {
    border-bottom: 0.125rem solid transparent;
    margin-bottom: 0;
    color: var(--sd-color-tabs-label-inactive);
    border-color: var(--sd-color-tabs-underline-inactive);
    cursor: pointer;
    font-size: var(--sd-fontsize-tabs-label);
    font-weight: 700;
    padding: 1em 1.25em 0.5em;
    transition: color 250ms;
    width: auto;
    z-index: 1;
    border: 1px solid;
    margin: 3px;
}

.sd-tab-set>input:not(.focus-visible)+label {
    outline: none;
    color: black;
}

#pst-back-to-top {
    background-color: #000046 !important;
    color:  white !important;
}    
/* narrower left sidebar for smaller logo */
.bd-sidebar-primary {
  flex-basis: 260px!important;
}

div#searchbox p.highlight-link a {
    color: #000046!important;
}
/* dropdown */

/****************************************/
/* version dropdown */
/****************************************/
.dropdown-button {
    background-color: white;
    color: #000046;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #000046;
}

.dropdown-feature-button {
    background-color: white;
    color: #000046;
    padding: 2px;
    font-size: 14px;
    border: 1px solid #bcbec0;
    width: 200px;
}

.dropdown-feature-button-h {
    /*    background-color: white; */
    border-radius: 4px;
    background: linear-gradient(to left, #00ade5 0%, #000046 70%);
    /*  background-color: #000046; */
    /*    color: #0A7FB0; */
    color: white;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 9px;
    font-size: 16px;
    border: 0.5px solid white;
    width: 175px;
    text-align: left;
}

.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-list {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0 0 5px #bcbec0;
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-list a {
    color: #000046;
    padding: 4px 4px;
    text-decoration: none;
    display: block;
    font-family: helvetica,sans-serif;
    font-size: 12px;
}

/* Change color of dropdown links on hover */
.dropdown-list a:hover {
    background-color: #ddd;
}

/* Show the dropdown list on hover */
.dropdown:hover .dropdown-list {
    display: block;
}

/*topology images styles*/
img[alt="Unified-Node"]{
     border-radius: 800px!important;
}
img[alt="Unified-Node-Cluster"]{
     border-radius: 800px!important;
}
img[alt="Single-Node-Cluster"]{
     border-radius: 800px!important;
}
img[alt="Single-Unified-Node"]{
     border-radius: 800px!important;
}
img[alt="Modular-Cluster"]{
     border-radius: 800px!important;
}
img[alt="Modular-Node-Cluster"]{
     border-radius: 800px!important;
}
/* dark theme DOC-4078*/
html[data-theme="dark"] {

   .active, .collapsible:hover {
      background-color: #007fb0 !important;
   }
   nav.bd-links li>a {
      color: white !important;
   }
   nav.bd-links li>a:hover {
      color: white !important;
   }
   .bd-content .sd-tab-set>input:not(:checked)+label {
      border-color: #579aca !important;
   }
   .sd-tab-set>input:not(.focus-visible)+label {
      outline: none;
      color:  white !important;
   }
   .bd-toc div.onthispage, .bd-toc .toc-entry a {
      color: white;
   }
   ul.breadcrumbs {
      color: #ffdd03;
      background-color:#000046;
   }   
   .navbar-nav li a {
      color: #ffffff;
   }
   .bd-header-article .btn {
      color: #ffffff;
   }
   .skip-link {
      background-color: #ffdd03 !important;
   }   
   #pst-back-to-top {
    background-color: #579aca !important;
    color:  #14181e !important;
  }
}

/*dashboard panel tables */
table.panel-table {
	border-radius: 6px;
	border-collapse:separate;
	font-family: Roboto, sans-serif;
	font-size:14px;
	border-color:#000046;
	border-width:1px;
}
table.panel-table tbody tr th {
	border-radius: 6px;
	color:white;
	background-color: #000046;
}
table.panel-table tbody tr td {
	padding:6px;
}

/*add category panels to group guides */
.panel-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 80%;
    max-width: 900px;
}

.panel {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #ccc;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-decoration: none;
    color: inherit;
    width: auto;
    min-width: 280px;
    max-width: 320px;
    height: auto;
    min-height: 130px;
    transition: box-shadow 0.3s ease-in-out; /* Smooth shadow transition */
}

.panel-title {
    font-size: 1em; /* Slightly smaller title */
    font-weight: bold;
    margin-bottom: 5px;
    color: #333;
}

.panel-body {
    font-size: 0.9em; /* Adjusted relative to title */
    font-weight: normal;
    color: #555;
    flex-grow: 1;
}

.panel:hover {
    border-color: #003366;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); /* Increased shadow on hover */
    
}

/* panel layout for menus */

.menu-panel-container {
    overflow-x: auto; 	
    word-wrap: break-word;
    white-space:normal;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    width: 90%;
    max-width: 1200px;
}
.menu-panel ul {
    padding-inline-start: 15px;
}
.menu-panel {
    background-color: #efefef;
    overflow-x: auto; 	
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-decoration: none;
    color: inherit;
    width: auto;
    word-wrap: anywhere;
    white-space:normal;
    min-width: 270px;
    max-width: 350px;
    height: auto;
    min-height: 130px;
    transition: box-shadow 0.3s ease-in-out; /* Smooth shadow transition */
}

.menu-panel-title {
    font-size: 1em; /* Slightly smaller title */
    font-weight: bold;
    margin-bottom: 5px;
    color: #333;
}

.menu-panel-body {
    word-wrap: anywhere;
    white-space:normal;
    font-size: 0.5em; /* Adjusted relative to title */
    font-weight: normal;
    color: #555;
    flex-grow: 1;
    overflow-x: auto; 	
}

.menu-panel:hover {
    border-color: #003366;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); /* Increased shadow on hover */
    
}


/* test widen page, columns */

.bd-page-width {
        max-width: 100rem !important;
}
.bd-main .bd-content .bd-article-container {
    max-width: 65em !important;
}
.bd-sidebar-primary {
    padding-left: 0rem !important;
}   
/* VOSS chat style for <pre> tags */
.bg-gray-600 {
    background-color: rgb(204 210 218) !important;
}    

/* hover-over zoom images with class="zoom" */
img.zoom:hover{
    transition: transform .2s;
    transform: scale(1.5);
}

/* adds icon, timeline graphic */
.icon {
  margin-right: 6px;
  font-size: 1.2em;
}

.timeline {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}
.timeline-node {
  padding: 6px 12px;
  background-color: #ccc;
  border-radius: 4px;
  font-weight: bold;
}
.timeline-node.active { background-color: #1890ff; color: white; }
.timeline-node.upcoming { background-color: #ffccc7; }



/* Apply colors to table */

.whatsnew-table thead tr,
.whatsnew-table thead td {
  background-color: transparent !important;
}

.whatsnew-table tr {
  background-color: white; /* All rows default to white */
  transition: background-color 0.3s ease;
}

.whatsnew-table thead td {
  font-weight: bold;
  border-bottom: 2px solid #ccc;
}

/* Remove alternating row colors */
.whatsnew-table tr:nth-child(odd),
.whatsnew-table tr:nth-child(even) {
  background-color: unset;
}

.whatsnew-table tr:hover {
  background-color: rgba(0, 123, 255, 0.3) !important;
  cursor: pointer;
}