.sphinxsidebarwrapper .caption {
  display: none;
}

figure figcaption span.caption-number {
  display: none;
}

.toctree-wrapper .caption, .site-toc nav.toc .caption {
  font-weight: bold;
}

.site-toc nav.toc .caption {
  font-size: 1.25rem;
}

.bg-primary {
  background-color: #0a2d55 !important;
}

div.sphinxsidebar #searchbox input[type="text"]{
  width: 70%
}
div.sphinxsidebar #searchbox input[type="submit"]{
  width: 30%
}



:root {
  --whitemode-bg: #f7f7f7;
  --whitemode-scrollbar-color: #83878c;
  --whitemode-scrollbar-bg-color: #DEDEDE;
  --whitemode-scrollbar-bg-hover-color: #555555;
  --whitemode-toc-link-color: #0a2d55;
  --whitemode-link-hover-color: #6f6b6b !important;
  
  --darkmode-primary: #0a2d55;
  --darkmode-tb-bg: #020722;
  --darkmode-color: #fafafa;
  --darkmode-a-color: #016cda;
  --darkmode-bg: #021033;
  --darkmode-color-darker:#cacaca;
  --darkmode-bg-lighter:#0a2d55;
  --darkmode-bg-medium-lighter:#072445;
  --darkmode-bg-high-lighter:#134177;
  --darkmode-code: #ED6A5E;
  --darkmode-link-hover-color: #18a0fb !important;
  --darkmode-scrollbar-color: #0075EC;
  --darkmode-scrollbar-hover-color: #0056ae;

  --bg-sec-high: #C4C4C4;
  --bg-sec: #DBDBDB;
  --bg-sec-low: #EDEDED;
  --scrollbar-color: var(--whitemode-scrollbar-color);
  --scrollbar-bg-color: var(--whitemode-scrollbar-bg-color);
  --scrollbar-bg-hover-color: var(--whitemode-scrollbar-bg-hover-color);
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
background: var(--scrollbar-bg-color); 
}

/* Handle */
::-webkit-scrollbar-thumb {
background: var(--scrollbar-color); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: var(--scrollbar-bg-hover-color); 
}

pre {
  background-color: var(--darkmode-primary);
}

body > div {
  padding-top: 10px;
  padding-bottom: 10px;
}

body {


  background-color: var(--whitemode-bg);

  div.site-toc > nav > p {
    font-style: bold;
  }

  a {
    text-decoration: none;
    color: var(--darkmode-scrollbar-color);
  }

  .admonition.warning .admonition-title {
    background-color: #996c00;
  }
  
  .admonition.warning {
    background-color: #fff3d5;
  }

  header a.logo {
    color: var(--darkmode-color) !important; 
  }
  
  aside a {
    text-decoration: none;
    &:focus,
    &:hover {
      color: var(--darkmode-bg-high-lighter) !important;
      text-decoration: none;
      background-color: var(--bg-sec);
    }
  }
  
  .btn-link, a {
    color: var(--darkmode-bg-high-lighter);
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;

    &:focus,
    &:hover {
      color: var(--darkmode-scrollbar-color);
      text-decoration-thickness: 2px;
      text-underline-offset: 3px;
    }
  }
  
  .btn-light {
    color: color-yiq(var(--darkmode-primary)) !important;
    background-color: var(--bg-sec);
    border-color: var(--bg-sec-high);
    &:hover {
        background-color: var(--bg-sec-high);
    }
  }
  
  tr th.head {
      background-color: var(--bg-sec) !important;
      border-color: var(--bg-sec) !important;
  }
  tr.row-odd td {
      background-color: var(--bg-sec-low) !important;
      border-color: var(--bg-sec-low) !important;
  }
  tr.row-even td {
      background-color: var(--bg-sec-low) !important;
      border-color: var(--bg-sec-low) !important;
  }

  .toc a {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
  }

  .toc .toctree-expand {
      background-color: var(--bg-sec);
  }
  
  .toc .current>a.current {
      background-color: var(--bg-sec);
  }

  .toc .current>a {
      color: var(--darkmode-bg-high-lighter);
  }

}

body.theme-dark {
  --scrollbar-color: var(--darkmode-scrollbar-color);
  --scrollbar-bg-color: var(--darkmode-primary);
  --bg-sec: var(--darkmode-bg-medium-lighter);
  --bg-sec-low: var(--darkmode-bg-lighter);
  --bg-sec-high: var(--darkmode-bg-high-lighter);
  --scrollbar-bg-hover-color: var(--darkmode-scrollbar-hover-color);
  
  
  color: var(--darkmode-color);
  background-color: var(--darkmode-tb-bg);

  aside a {
    color: var(--darkmode-color) !important;
    
    &:focus,
    &:hover {
      color: var(--darkmode-link-hover-color);
      background-color: var(--bg-sec);
    }
  }
  
  .admonition.warning {
    background-color: #412c00;
  }

  .btn-link, a {
    color: var(--darkmode-a-color);

    &:focus,
    &:hover {
      color: var(--darkmode-link-hover-color);
    }
  }

  .toc .current > a {
    color: #ffffff;
  }

  .page-toc {  
    a {
      color: var(--darkmode-color-darker);
    }
  }

  .toc .current>a.current {
      background-color: var(--bg-sec-high);
  }

  .toc .toctree-expand {
    background-color: var(--darkmode-primary);
  }

  figure .caption-text {
    color: var(--darkmode-color-darker);
  }

  .breadcrumb-item.active {
    color: var(--darkmode-color-darker);
  }

  blockquote {
    border-color: var(--darkmode-bg-lighter);

    .attribution {
      color: var(--darkmode-color-darker);
    }
  }

  .autocomplete {
    background-color: var(--darkmode-bg);

    .group {
      background-color: var(--darkmode-bg);
      color: var(--darkmode-color-darker);
    }
  }

  hr,
  .border,
  .border-top,
  .border-right,
  .border-bottom,
  .border-left,
  .search li {
    border-color: var(--darkmode-bg-lighter) !important;
    border-width: 2px !important;
  }

  .btn-light {
    color: color-yiq(var(--darkmode-bg-lighter)) !important;
    background-color: var(--darkmode-bg-lighter);
    border-color: var(--darkmode-primary);
    &:hover {
      background-color: var(--bg-sec-high);
    }
  }

  .form-control {
      color: color-yiq(var(--darkmode-bg-lighter));
      background-color: var(--bg-sec) !important;
      border-color: var(--bg-sec-high) !important;
      border-width: 2px !important;
  }

  .form-control::placeholder {
    color: var(--darkmode-color-darker);
  }

  .input-group-text {
    color: var(--darkmode-color-darker);
    border-color: var(--darkmode-primary);
    border-width: 2px !important;

    &.bg-white {
      background-color: var(--bg-sec) !important;
      border-color: var(--bg-sec-high) !important;
    }
  }

  .sidebar-container {
    border-color: var(--darkmode-primary) !important;        
  }

  
  code {
    color: var(--darkmode-code);
  }
}

 a{
      text-decoration: none;
      color: #2e1f5e;
      text-underline-offset: 3px;
 }