[data-theme="dark"] {
    background-color: #111 !important;
    color: #eee;
  }
  
  [data-theme="dark"] .featureContent {
    background: black !important;
    color: white;
  }
  
  [data-theme="dark"] .bg-light {
    background-color: #333 !important;
  }
  
  [data-theme="dark"] .bg-white {
    background-color: #000 !important;
  }

  [data-theme="dark"] .nav-link {
    color: #eee !important;
  }

  [data-theme="dark"] .bg-primary {
    background: white !important;
    color: black;
  }

  [data-theme="dark"] .text-primary {
    color: #eee !important;
  }
  
  [data-theme="dark"] .bg-black {
    background-color: #eee !important;
  }

  [data-theme="dark"] .bg-dark {
    background-color: #1f1f1f !important;
  }

  [data-theme="dark"] .dropdown-menu {
    background-color: black !important;
  }

  [data-theme="dark"] .footer.footer {
    background-color: black !important;
  }  
  
  [data-theme="dark"] .hljs-comment,
  .hljs-quote {
      color: #b6b18b;
  }
  
  [data-theme="dark"] .hljs-deletion,
  .hljs-name,
  .hljs-regexp,
  .hljs-selector-class,
  .hljs-selector-id,
  .hljs-tag,
  .hljs-template-variable,
  .hljs-variable {
      color: #eb3c54
  }
  
  
  [data-theme="dark"] .hljs-comment,
  .hljs-quote {
      color: #b6b18b
  }
  [data-theme="dark"]  .hljs-deletion,
  .hljs-name,
  .hljs-regexp,
  .hljs-selector-class,
  .hljs-selector-id,
  .hljs-tag,
  .hljs-template-variable,
  .hljs-variable {
      color: #eb3c54
  }
  [data-theme="dark"]  .hljs-built_in,
  .hljs-builtin-name,
  .hljs-link,
  .hljs-literal,
  .hljs-meta,
  .hljs-number,
  .hljs-params,
  .hljs-type {
      color: #e7ce56
  }
  [data-theme="dark"] .hljs-attribute {
      color: #ee7c2b
  }
  [data-theme="dark"] .hljs-addition,
  .hljs-bullet,
  .hljs-string,
  [data-theme="dark"] .hljs-symbol {
      color: #4fb4d7
  }
  [data-theme="dark"] .hljs-section,
  .hljs-title {
      color: #78bb65
  }
  [data-theme="dark"] .hljs-keyword,
  .hljs-selector-tag {
      color: #b45ea4
  }
  [data-theme="dark"] .hljs {
      display: block;
      overflow-x: auto;
      background: #1c1d21;
      color: #c0c5ce;
      padding: .5em
  }
  [data-theme="dark"] .hljs-emphasis {
      font-style: italic
  }
  [data-theme="dark"] .hljs-strong {
      font-weight: 700
  }
  
  [data-theme="dark"] .accordion-body {
    background: #000 !important;
    color: #fff;
    display: none;
    border: 1px solid #353434;
  }
  
  [data-theme="dark"] ul li{
    color: #fff !important;
  }
  
  [data-theme="dark"] #sidebar{
    background: #252525 !important;
  }
  
  [data-theme="dark"] #sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #ffffff;
  }
  
  
  
  [data-theme="dark"] .bg-primary {
    background-color: #252525 !important;
  }
  
  [data-theme="dark"] h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,{
    color: #fff !important;
  }
  
  
  [data-theme="dark"] .myrelatedtopics {
    background: #252525;
    color: white;
  }
  
  [data-theme="dark"] .topics-list > li > a{
    color: white !important;
  }
  
  
  [data-theme="dark"] span.nav-link-text {
    color: white;
  }
  
  [data-theme="dark"] i.fas {
    color: white;
  }
  
  [data-theme="dark"] i.fas.fa-search {
    color: #252525;
  }
  
  [data-theme="dark"] #buttonTop i.fas.fa-arrow-circle-up {
    color: black !important;
  }
  
  [data-theme="dark"] .navbar-light .navbar-nav .nav-link{
    color: white;
  }
  [data-theme="dark"] .first_div > h1 {
    color: white;
  }
  
  [data-theme="dark"] .first_div > h2 {
    color: white;
  }
  [data-theme="dark"] .first_div > h3 {
    color: white;
  }
  [data-theme="dark"] .first_div > h4 {
    color: white;
  }
  [data-theme="dark"] .first_div > h5 {
    color: white;
  }
  [data-theme="dark"] .first_div > h6 {
    color: white;
  }
  
  [data-theme="dark"] table td {
    color: white;
    background: #000000;
  }
    

  [data-theme="dark"] .form-switch svg path{
    fill: var(--bs-orange) !important;
  }
  
  
  /* [data-theme="dark"] .ni-align-left-2::before {
    color: white;
  } */
  
  [data-theme="dark"] .ni-shop::before {
    color: white;
  }
  
  [data-theme="dark"] .sidenav-toggler-line{
    background-color: white;
  }
  
  
  [data-theme="dark"] .breadcrumb-item .fa-home:before {
    color: white;
  }
  
  [data-theme="dark"] .dropdown .dropdown-item i {
    color: black !important;
  }
  [data-theme="dark"] .dropdown .dropdown-item span {
    color: black !important;
  }
  
  [data-theme="dark"] .text-default {
    color: white !important;
  }
  
  [data-theme="dark"] .card-body{
    background: #252525;
    color: white;
  }

  [data-theme="dark"] .productlist  .card-body{
    background: transparent;
    color: white;
  }

  [data-theme="dark"] .sidenav-container ul ul {
    background-color: #252525;
  }
  
  [data-theme="dark"] #sidebar ul li a:hover {
    color: #003e75;
    background: #fff;
  }
  
  
  [data-theme="dark"] #toc > ul.nav.navbar-nav > li > a.nav-link{
    color: white;
  }
  
  [data-theme="dark"] nav[data-toggle=toc] .nav>li>a{
    color: white;
  }
  
  [data-theme="dark"] nav[data-toggle=toc] .nav>li>a:hover{
    color: #F9B233;
    border-left: 1px solid #F9B233;
  }
  
  [data-theme="dark"] h2 {
    color: white;
  }
  [data-theme="dark"] h3 {
    color: white;
  }
  [data-theme="dark"] h4 {
    color: white;
  }
  [data-theme="dark"] h5 {
    color: white;
  }
  [data-theme="dark"] h6 {
    color: white;
  }
  
  
  [data-theme="dark"] .navbar-vertical .navbar-brand > img {
     filter: brightness(0) invert(1);
  }
  
  [data-theme="dark"] .modal-content{
    background-color: #2a2a2a;
    border: 1px solid #575757;
    box-shadow: 0 15px 35px rgb(31 31 31), 0 5px 15px rgb(0 0 0 / 17%);
  }
  
  [data-theme="dark"] .close > span:not(.sr-only){
    color: #fff;
  }

  [data-theme="dark"] .modal .close > span:not(.sr-only){
    color: #000000;
  }


  [data-theme="dark"]  .form-check-input:checked {
    background-color: var(--bs-orange);
    border-color: var(--bs-orange);
}

[data-theme="dark"] svg path{
    fill: var(--bs-white);
}

/*Dark mode fix for feature page*/

div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-topRow button.dtsp-dull:hover{
  background-color: #f0f0f0 !important;
}
button.dtsp-paneButton.clearButton {
  display: none !important;
}

[data-theme="dark"] div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane input.dtsp-paneInputButton{
background-color: #f0f0f0
}

[data-theme="dark"] div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane button.dtsp-paneButton{
background-color: #f0f0f0
}

[data-theme="dark"] div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane button.dtsp-paneButton{
background-color: #f0f0f0
}

[data-theme="dark"] button.dtsp-clearAll, [data-theme="dark"] .dataTables_wrapper .dataTables_info {
  color: #ffffff;
}

[data-theme="dark"] a#apitable_previous, [data-theme="dark"] a#apitable_next, [data-theme="dark"] div#apitable_filter label{
  color: #ffffff !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button{
  color: #ffffff !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current{
  color: #000000 !important;
}

[data-theme="dark"] .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-theme="dark"] #surveyBody svg path {
  fill: revert-layer;
}

/*New*/
[data-theme="dark"] .darkmode .checkbox-label {
  background-color: var(--bs-orange);
}
[data-theme="dark"] .feedbackDiv .feedbackbtn{
  border: 1px solid var(--bs-white);
  color: var(--bs-white) !important;
}