/* SPLUNK CSS CUSTOM */

@media (max-width: 640px) {
    .ezd-portal_hero_title-wrapper.index-root, .ezd-portal_hero_title-wrapper.search-index, .ezd-portal_hero_title-wrapper.section-index {
        color:black !important;
        height:100px !important;
    }
}

.ezd-portal_hero_title-wrapper{
    padding:30px;
}


div#custom-banner span.close-icon{
    padding:0 3px;
}


/* O11Y TABS */

/* Ensure code blocks inside tabs maintain full width */
.dl.tabs .codeblock {
    max-width: 100% !important;
}

/* Main tab container */
.dl.tabs {
    position: relative;
    margin: 1rem 0;
    padding: 0;
    border-radius: 4px;
    min-height: 410px; /* Ensure enough space for content */
    
    display: flex;
    flex-direction: column;
}

/* Scrollable tab row */
.dl.tabs .dt-container {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 4px;
    
    scrollbar-width: auto; /* Firefox */
    -ms-overflow-style: auto; /* IE/Edge */
}

/* Make horizontal scrollbar visible in WebKit browsers */
.dl.tabs .dt-container::-webkit-scrollbar {
    height: 6px;
}

.dl.tabs .dt-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.dl.tabs .dt-container::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 4px;
}

.dl.tabs .dt-container::-webkit-scrollbar-thumb:hover {
    background: #666;
}

/* Each dt (tab) */
.dl.tabs .dt.dlterm {
    display: inline-block;
    margin: 0 4px 0 0; /* Space between tabs */
    padding: 0.5rem 1rem;
    
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-bottom: none; /* Merge with content box */
    border-radius: 4px 4px 0 0;
    
    cursor: pointer;
    position: relative;
    z-index: 2; /* Ensure tabs stay above the content */
    flex: none; /* Prevent resizing in flex container */
}

/* Active tab styling */
.dl.tabs .dt.dlterm.active {
    background: #fff;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    z-index: 3;
}

/* Hide all dd (content panels) by default */
.dl.tabs .dd {
    display: none;
    position: absolute;
    top: 2.5em; /* Align under tab row */
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 1rem;
    
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0 4px 4px 4px;
    
    z-index: 1;
    overflow: auto; /* Enable scrolling for tall content */
}

/* Show only the active content panel */
.dl.tabs .dd.active {
    display: block;
}

/* END O11Y TABS */



/* O11Y GET STARTED*/

/*
   Style the overall section container
   (optional max-width and margin to center the content).
*/
.section.get-started-o11y {
    max-width: 900px;
    margin: 2rem auto;
    font-family: sans-serif; /* or your preferred font */
}

/*
   Give each heading paragraph (e.g. .newparawithicon.icon-info)
   a distinct look: bigger font, bold, a small icon, etc.
   We also add a bottom border for visual separation.
*/
.section.get-started-o11y .newparawithicon {
    font-size: 1.3rem;
    font-weight: bold;
    margin: 2rem 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #eaeaea;
    display: flex;
    align-items: center; /* so text aligns with an icon if you add one */
}

/*
   Turn each .newcard into a bulleted “list item.”
   Because they’re just <p> tags, we can simulate bullets using ::before.
*/
.section.get-started-o11y .newcard {
    position: relative;
    margin: 0.5rem 0 0.5rem 1.5rem; /* left indent to make room for bullet */
    line-height: 1.4;
}

/* The “bullet” itself: */
.section.get-started-o11y .newcard::before {
    content: "•";
    position: absolute;
    left: -1.5rem;
    /* Align bullet with the first text line: */
    top: 0;
    font-size: 1.2rem;
    color: #666; /* choose your bullet color */
}


/* Make any paragraph with "newparawithicon" show an icon via ::before */
.newparawithicon::before {
    font-family: "Material Icons";
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5rem;
    /* Use a placeholder content, each icon class will override it */
    content: "";
}
/* .icon-info => "info" icon (codepoint \e88e in Material Icons) */
.icon-info::before {
    content: "\e88e";
}
/* .icon-cogs => "settings" icon (closest to cogs, codepoint \e8b8) */
.icon-cogs::before {
    content: "\e8b8";
}
/* .icon-users => "groups" icon (codepoint \e7ef) */
.icon-users::before {
    content: "\e7ef";
}
.icon-search::before { content: "\e8b6"; }

/* O11Y END GET STARTED */



/* FEB 27 2025 */


.ezd-portal_content-page_main-wrapper render-html .codeblock{
    /* max-width: 100% !important; */
    padding:2%;
    font-size:14px !important;
}


.mw-parser-output{
    font-size: 14px;
    max-width: 80%;
    overflow:auto;
}






/* ========== 2nd-Level Menu ========== */
.header-child-links-container {
    display: none;
    position: absolute;
    top: 100%;    /* Sit flush below the parent (the .header-link-wrapper) */
    left: 0;      /* Align left edges */

    background-color: #fff;
    box-shadow: 0 2px 12px 0 #0000001F;
    padding: 4px 8px;
    gap: 4px;
    z-index: 99;  /* Ensure it floats on top of other elements */
}

/* Show on hover of the parent .header-link-wrapper */
.header-link-wrapper:hover .header-child-links-container {
    display: flex;
    flex-direction: column; /* If you prefer a vertical stack */
}

/* ========== 3rd-Level Menu ========== */
.submenu-link-wrapper {
    position: relative; /* So we can absolutely-position the .header-grandchild-links-container */
}

.header-grandchild-links-container {
    display: none;
    position: absolute;
    top: 0;         /* Align with the top of the .submenu-link-wrapper */
    left: 100%;     /* Sit flush to the right edge of its parent container */

    background-color: #fff;
    box-shadow: 0 2px 12px 0 #0000001F;
    padding: 4px 8px;
    gap: 4px;
    z-index: 999;
    min-width: 200px;
}

/* Show on hover of the parent .submenu-link-wrapper */
.submenu-link-wrapper:hover .header-grandchild-links-container {
    display: flex;
    flex-direction: column;
}

/* Basic link styling (similar to what you already have) */
a.header-link,
a.header-child-link,
a.header-grandchild-link {
    color: #000;
    text-decoration: none;
    padding: 4px 0;
}

a.header-child-link:hover,
a.header-grandchild-link:hover {
    text-decoration: underline;
}

#header-links .header-link{
    display: none;
}

#header-links .header-link-wrapper .header-link{
    display: inline-block;
}


/* END FEB 27 2025 */

#userback_button_container{
    display:none;
}


/* BANNER FIXES TMP FOR PENDO*/
/* 
.splunk-header-v2 .splunk-navbar .mega-menu-nav .search-container{

    margin-top:-130px !important;
}
header.ezd-portal_app-bar_root{
	height: 15rem;
}

.ezd-portal_hero_title-wrapper{
	margin-top: 112px;
}

._pendo-step-container-size{
	height:120px !important;
}

.ezd-portal_content-page_container, .ezd-portal_search-index_root{
	padding-top:110px;
}


@media (max-width: 900px) {
  ._pendo-step-container-size {
    height: 150px !important;
  }

  .ezd-portal_content-page_main-wrapper{
      padding-top:40px;
  }

  .ezd-portal_hero_root{
      padding-top:70px;
  }
}


@media (max-width: 767px) {
  ._pendo-step-container-size {
    height: 190px !important;
  }
    .ezd-portal_hero_root{
      padding-top:0px;
  }

  .ezd-portal_layout_root.index-root{
    height: calc(100vh + 100px) !important;
    margin-top: -100px !important;
  }
} */

/* @media (max-width: 450px) {

  ._pendo-step-container-size {
    height: 0px !important;
  }

  .ezd-portal_content-page_main-wrapper{
      padding-top:0px;
  }

  .ezd-portal_hero_root{
      padding-top:0px;
  }

  .ezd-portal_layout_root.index-root{
    height: calc(100vh + 100px) !important;
    margin-top: -100px !important;
  }
}
  */




/* END BANNER FIXES */

.shortdesc{
	display:none !important;
}

p.h3, .section.h3 .title {
	
    font-size: 18px !important;
    font-weight: bold !important;
    font-family: var(--primary-font-family) !important;
}



p.h4, .section.h4 .title{
	
    font-size: 16px !important;
    font-weight: bold !important;
    font-family: var(--primary-font-family) !important;
}





 .collapsible {
      border: 1px solid #ccc;
      background-color: #f9f9f9;
      margin: 1em 0;
      padding: 1em;
      position: relative; /* So we can control positioning of the expand/collapse label if desired */
}

/* The header row: first paragraph + toggle button on the right */
.collapsible-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

/* The toggle button on the far right */
.toggle-button {
    color: #007bff;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 1em;
    white-space: nowrap;
}

/* The collapsible content is hidden by default */
.collapsible-content {
    display: none;
    margin-top: 1em;
}


.custom-list-indent{
    margin:0 0 0 20px;
}

.custom-list{
    margin-bottom: 20px;
}

.ezd-portal_simple-tree_item p{
    max-width: 310px;
}

@media (max-width: 1780px) {

    .ezd-portal_simple-tree_item p{
        max-width: 210px;
    }

}

@media (max-width: 1350px) {

    .ezd-portal_simple-tree_item p{
        max-width: 110px;
    }

}

@media (max-width: 640px) {
  .section-wrapper-3 {
	display: flex;
    flex-direction: column;
  }
}

#splunk-feedback-submit{
    display: block;
    color: rgb(255, 255, 255);
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1;
    position: relative;
    text-align: center;
    text-transform: none;
    min-width: 0px;
    background-color: rgb(206, 0, 112);
    background-image: none;
    border-radius: 3px;
    font-size: 16px;
    padding: 13px 32px;
    white-space: pre-wrap;
    width: auto;
    margin: 0px 5px 5px 0px;
    overflow-wrap: break-word;
    border: 0px solid rgb(42, 44, 53);
    float: none;
    vertical-align: baseline;
    max-width: none;
    cursor: pointer;
}

#splunk-feedback-toggle{
    border-radius: 3px;
    background: transparent;
    padding: 7px 11px;
    border: 1px solid;
    font-size: 17px;
    font-weight: bold;
    margin-left: 20px;
}
 .splunk-feedback-container {
      margin-top:20px;
      font-family: Arial, sans-serif;
}
.splunk-feedback-container label {
    display: block;
    margin-bottom: 0.2em;
    font-size: 14px;
}
.splunk-feedback-container select,
.splunk-feedback-container input[type="email"],
.splunk-feedback-container textarea {
    width: 100%;
    max-width: 100%;
    padding: 8px;
    margin-bottom: 0.5em;
    border-radius: 4px;
    box-sizing: border-box;
    border:1px solid #ccc;
    font-size: 14px;
}
.splunk-feedback-container textarea {
    height: 100px;
    resize: vertical;
}
#splunk-feedback-recaptcha {
    margin-bottom: 1em;
    display: flex;
    align-items: center;
}
#splunk-feedback-recaptcha input[type="checkbox"] {
    margin-right: 8px;
}

.label-feedback{
    font-weight: bold;
}

.splunk-feedback-trigger{
    margin-top: 33px;
    border-top: 1px solid #ccc;
    padding-top: 33px;

}

.header-child-links-container{
    min-width: 200px !important;
    padding:4px 13px !important;
}

a.header-child-link, a.header-grandchild-link{
    padding: 4px 0 !important;
    font-weight: bold;
    color: rgb(12, 23, 36) !important;
}

.header-grandchild-links-container{
    min-width: 300px !important;
    padding: 10px 8px 10px 20px !important;
}


.global-header-v2-wrapper{
    margin-top: -35px !important;
}

.splunk-btn.sp-btn-borderless:not(.multiline):after{
    content:"" !important;
}

#topnav-100013{
    margin-left: 20px;
}

.header-fixed header{
    display: none !important;
}

.global-header-v2-wrapper .splunk-header-v2 .splunk-navbar .container-fluid .navbar-nav>li #account, .global-header-v2-wrapper .splunk-header-v2 .splunk-navbar .container-fluid .navbar-nav.icon-flyout{
    top:127% !important;
}

.h1, .h2, .h3, .h4, .h5, .h6{
    font-weight: inherit;
    font-family: inherit;
}

h1, h2, h3, h4{
	
	margin-bottom:25px;
    font-weight: bold !important;
}

.note, .thead, em{
	font-size:1rem;
    line-height: 1.5;
}


.ezd-portal_content-page_container p{
	font-size:1rem;
}


.ezd-portal_content-page_main-wrapper render-html table th p{
    color: white;
}

.body p{
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
    font-family: var(--primary-font-family) !important;
    font-size: 1rem;
    line-height:1.5;
    padding-bottom: inherit;
}

.h2, h2{
    font-size: 16px;
}

.h3{
    font-size: inherit;
}

.navbar-header .navbar-brand{
    cursor: pointer;
}

.ezd-portal_content-page_main-wrapper render-html tr, .ezd-portal_content-page_main-wrapper render-html td, .ezd-portal_content-page_main-wrapper render-html th{

    font-size: 1rem;

}

.content-main table{
    display: table;
}

.ezd-portal_content-page_main-wrapper render-html table th {
    /* background: linear-gradient(180deg, #F4781F 0%, #EE1D62 100%); */
    /* background:#EE1D62; */
    background: #444;
    color: white;
}

.table>thead>tr>th{
    border-bottom: 0;
    vertical-align: middle;
}

/* Zebra striping for tables with more than 2 rows */
.table tbody tr:nth-child(even) {
  background-color: transparent; /* Default, no striping */
}

/* Apply zebra striping only if table has more than 2 rows */
.table tbody:has(> tr:nth-child(3)) tr:nth-child(even) {
  background-color: #f5f5f5; /* Subtle gray for even rows */
}

#account{

    margin-top:-4px;
}

/* .base-component{
    height:18px;
} */

.header {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.header.visible {
    visibility: visible;
    opacity: 1;
}

.css-6cpkhk .sui-search-box__autocomplete-container li{
    font-size: 14px;
}

.css-6cpkhk .sui-search-box__autocomplete-container li em{
    font-size: inherit;
}



pre{
    white-space: pre-line;
}

.h4-title{
	font-size:38px !important;
}

.section-wrapper-3 .level-2-header{
	font-size:28px;
}

.sui-result__title em{
    font-size:  inherit;
}

/* .sui-search-box__autocomplete-container{
    display:none !important;
    visibility: hidden !important;
    opacity: 0 !important;
} */


/* @media (max-width: 640px) {
    .ezd-portal_layout_root.header-fixed {
        height: calc(100vh - 30px) !important;
        margin-top: 30px !important;
    }
} */

@media (max-width: 767px) {
    .ezd-portal_layout_root.header-fixed {
        height: calc(100vh - 30px) !important;
        margin-top: 30px !important;
    }
}



#printing-root{
    overflow-x:hidden;
}

.section{
    overflow-x: auto;
}

.global-header-v2-wrapper {
    margin-top: 0 !important;
}
.ezd-portal_layout_root {
    height: calc(100vh - 4rem) !important;
    margin-top:6rem !important;
}

/* .codeblock-search-wrapper {
  display: inline-flex;   
  align-items: flex-start;
  gap: 0.5rem;           
}

.codeblock-search-btn{
    margin-top: 2%;
} */


/* Block-level flex wrapper keeps vertical spacing */
.codeblock-search-wrapper {
  display: flex;          /* block-level by default */
  align-items: flex-start;
  gap: 0.5rem;            /* space between code and icon */
  margin-block: 1rem;     /* preserves the old top/bottom gap */
}

/* Let the code block shrink instead of forcing full width */
.codeblock-search-wrapper > .codeblock.search {
  flex: 1 1 auto;         /* grow + shrink as needed */
  min-width: 0;           /* prevents overflow from forcing a wrap */
  margin: 0;              /* wrapper now controls the outer spacing */
}

/* Search button – same as before */
.codeblock-search-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  background: #5BC05C;
  color: white;
  padding: 6px;
  cursor: default;
}

.table.search thead th{
      background: #5BC05C !important;
}

td, th{
    padding:.5rem;
}