/*   
  :root {
    --md-primary-fg-color:        #B3C8CF;
    --md-primary-fg-color--light: #ECB7B7;
    --md-primary-fg-color--dark:  #90030C;
  }
  */
  
  
  /* Light mode colors */
  [data-md-color-scheme="default"] {
    --md-primary-fg-color:        #314fa1;
    --md-primary-fg-color--light: #60A5FA;
    --md-primary-fg-color--dark:  #1E40AF;
    /* --md-default-fg-color--dark:  #1E293B; */
    --md-default-fg-color--dark:  #1E293B;
    --md-default-bg-color:        #F8FBFF; /* E9EDF1 F8FBFF;   F2F8FF*/
    --md-default-fg-color--light: #1E293B;
    --md-accent-color:            #F59E0B;
    --md-text-color:              #374151;
    --md-link-color:              #93b2f4;
    --md-code-bg-color:           #E7ECF4;
    /*background: linear-gradient(to bottom, #F9FAFB, #E5E7EB);*/
  }
  
  /* Dark mode colors */
  [data-md-color-scheme="slate"] {
    --md-primary-fg-color:        #af9b22;
    --md-primary-fg-color--light: #BFDBFE;
    --md-primary-fg-color--dark:  #1E40AF;
    --md-default-bg-color:        #1E293B; /* hsl(225deg 15.29% 15.53% / 89%) /*
    /* --md-default-bg-color:        #1E293B; /* hsl(225deg 15.29% 15.53% / 89%) /* */
    --md-accent-color:            #F59E0B;
    --md-text-color:              #D1D5DB;
    --md-link-color:              #60A5FA;
    --md-code-bg-color:           #121c25; /*21374b*/
    --md-tabs__link--active:      #ff9600;
  }
  /* Default Dark mode colors */ 
  /*
  [data-md-color-scheme="slate"] {
    --md-primary-fg-color:        #6e9acc;
    --md-primary-fg-color--light: #BFDBFE;
    --md-primary-fg-color--dark:  #1E40AF;
    --md-default-bg-color:        #1E293B; /* hsl(225deg 15.29% 15.53% / 89%) /*
    --md-accent-color:            #F59E0B;
    --md-text-color:              #D1D5DB;
    --md-link-color:              #60A5FA;
    --md-code-bg-color:           #121c25; /*21374b /*
    --md-tabs__link--active:      #ff9600;
  } */

 

/* THE RIGHT SIDEBAR */ 
.md-sidebar--secondary {
    border-left: 2px solid var(--md-default-fg-color--lightest);
    max-height: calc(100vh - 85px) !important;
    padding-top: 2rem;
    position: sticky;
  }
  
  .md-sidebar__scrollwrap{
    max-height: calc(100vh - 85px);
  }
  
  
  /* THE LEFT SIDEBAR */ 
  .md-grid {
    max-width: 100%;
  }
  
  @media (min-width: 1220px) {
    .md-sidebar {
      height: auto;
      width: 20%;
      overflow-y: auto;
    }
    .md-main__inner {
      margin-top: 5;
      /*padding-right: 1rem;*/
    }
    .md-sidebar--primary {
      border-right: 1px solid var(--md-default-fg-color--lightest);
    }
    .md-nav .md-nav__title {
      display: none;
    }
    .md-nav__icon {
      width: 1.2rem; 
      height: 1.2rem; 
      margin-top: -.1rem; 
    }
    .md-nav__list {
      width: 100%; 
    }
    [dir=ltr] .md-sidebar__inner {
      padding-right: 0% !important;
    }
    /* THE PADDING FROM DRAWER */
    [dir=ltr] .md-nav--primary .md-nav__list {
      padding-left: 1.4rem !important;
    }
    .md-sidebar__link:focus {
      font-weight: bold;
    }
  }
  
  
  

  
  
  /* THE HEADINGS EXTRA STYLES (horizontal line) */ 
  h1::after {
      content: "";
      display: block;
      width: 100%;
      height: 1.4px;
      background: #374151; 
      margin-top: 8px; 
  }
  
  h2::after {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      background: #7e9ccc; 
      margin-top: 8px; 
  }
  
  h3::after {
    content: "";
    display: block;
    width: 100%;
    height: 0.5px;
    background: #a0b9e2; 
    margin-top: 8px; 
  }
  
  /*
  .md-footer {
      background-color: #08bad2;*/   /* Same color background for the footer and the header */
      /*color: white;  }     */         /* Dark text for the footer */
  /*
  
  
  /* HEADER LOGO */
  .md-header__button.md-logo img {
    height: 80px;
    width: auto;
    margin-left: 30px;
    align-items: center;
  }
  
  [dir=ltr] .md-header__title {
    font-size: 32px; /* or xx-large */
    margin-left: 30px;
  }
  
  nav.md-header__inner.md-grid {
    height: 85px;
    align-items: center;
  }
  
  
  
  /* RENDERED CONTENT TABS STYLE */
  .md-typeset .tabbed-set {
    border: 0.6px dashed rgba(52, 108, 157, 0.58);
  }
  
  .js .md-typeset .tabbed {
    /*background-color: rgba(182, 182, 55, 0.429);*/
    border: none;
  }
  
  .md-typeset .tabbed-labels>label {
    color: rgba(127, 217, 228, 0.479);
  }
  
  .md-typeset .tabbed-labels>label:active {
    color: rgba(127, 216, 228, 0.814);
  }
  
  /*
  .js .md-typeset .tabbed-labels::before {
    background-color: rgba(46, 197, 56, 0.309);
  }*/
  
  /*.md-typeset .tabbed-content {
    padding: 0 1rem 0 1rem;
  }*/
  
  
  /*.md-typeset .tabbed-content:not(:has(pre)):not(:has(code)) {
    padding: 0 1rem;
  }*/
  
  
  
  /* DATA TABLES EXTRA STYLES */
  
  th, td {
      border: 1px solid var(--md-typeset-table-color);
      border-spacing: 0;
      border-bottom: none;
      border-left: none;
      border-top: none;
  }
  
  .md-typeset__table {
      line-height: 1.5;
  }
  
  .md-typeset__table table:not([class]) {
      font-size: .74rem;
      border-right: none;
  }
  
  .md-typeset__table table:not([class]) td,
  .md-typeset__table table:not([class]) th {
      padding: 9px;
  }
  
  /* light mode alternating table bg colors */
  .md-typeset__table tr:nth-child(2n) {
    background-color: #f8f8f8;
  }
  
  /* dark mode alternating table bg colors */
  [data-md-color-scheme="slate"] .md-typeset__table tr:nth-child(2n) {
    background-color: hsla(var(--md-hue),25%,25%,1)
  }
  
  /* Remove bold from the first row */
  /*.md-typeset__table table:not([class]) th,
  .md-typeset__table table:not([class]) td {
      font-weight: normal;
  }*/
  
  body {
    background-image: url("images/bt-background.webp") !important;
    background-size: cover !important;
    background-color: transparent !important;
}
html{
}