[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;
  }

  [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"] .dark-switch svg path{
    fill: var(--bs-orange) !important;
  }
  
  
  [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");
}

/*New*/

[data-theme="dark"] .sidenav-wrapper{
  background-color: #252525;
}

[data-theme="dark"] ul.sidenav ul a.selected {
  background-color: #000 !important;
    color: #fffffff !important
}

[data-theme="dark"] ul.sidenav ul a{
  background-color: #252525 !important;
    color: #fff !important
}

[data-theme="dark"] table th {
  background: #525252 !important;
  color: #fff !important;
  padding: 5px 10px;
  word-wrap: normal;
}
[data-theme="dark"] table td {
  color: var(--bs-blue);
  padding: 10px;
}

[data-theme="dark"] table tbody tr:nth-of-type(even) > *{
  background:#000 !important;
  color: #fff !important;
}

[data-theme="dark"] table tbody tr:nth-of-type(odd) > *{
  background: #252525 !important;
  color: #fff !important;
}

[data-theme="dark"] table > :not(caption) > * > * {
  border-width: 0.5px 0.5px !important;
  border-color: rgb(255 255 255 / 30%) !important;
}

[data-theme="dark"] ul.menu._Skins_SideMenuNT.mc-component ul > li > a, [data-theme="dark"] ul.menu._Skins_SideMenuNT.mc-component li > a.selected, [data-theme="dark"] ul.menu._Skins_SideMenuNT.mc-component li > a{
  color: #ffffff;
  background: transparent;
}

[data-theme="dark"] div.code-toolbar>.toolbar>.toolbar-item>button{
  color: #ffffff !important;
}

/*Scroll*/

[data-theme="dark"] * {
  scrollbar-width: thin;
  scrollbar-color: var(--bs-white);
}

[data-theme="dark"] *::-webkit-scrollbar {
  width: 1.1rem;
}

[data-theme="dark"] *::-webkit-scrollbar-track {
  background-color: #000;
}

[data-theme="dark"] *::-webkit-scrollbar-track:hover {
    background-color:#252525
    
}

[data-theme="dark"] *::-webkit-scrollbar-thumb {
    background-color:#888;
    border-radius:16px;
    border:6px solid #000;
}

[data-theme="dark"] *::-webkit-scrollbar-thumb:hover {
    background-color:#000;
     border:6px solid #252525;
   
}

/**/

[data-theme="dark"] .title-bar .menu-icon span {
  filter: gray;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

[data-theme="dark"] .off-canvas{
  background-color:#252525;
}

[data-theme="dark"] ul.off-canvas-list li a{
  background: #252525;
}

[data-theme="dark"] ul.off-canvas-list ul  a.selected{
  background: #000000;
}

[data-theme="dark"] .feedbackBox{
  background: #252525;
}

[data-theme="dark"] .fixed-box{
  background: #252525;
}

[data-theme="dark"] .copybtn, [data-theme="dark"] .topicheadname, [data-theme="dark"] div.first_div div.important a{
  color: #ffffff !important;
}

[data-theme="dark"] .MCDropDown_Closed a.MCDropDownHotSpot.dropDownHotspot.MCDropDownHotSpot_.MCHotSpotImage:before{
  color: #F08261;
}

[data-theme="dark"] #dragable_modal img, [data-theme="dark"] .first_div img{
  background: #ffffff;
}

[data-theme="dark"] table.TableStyle_TemenosTables td p span {
  color: #ffffff !important;
}

[data-theme="dark"] table.TableStyle-TemenosTables td p span {
  color: #ffffff !important;
}

[data-theme="dark"] i.T24Field {
  color: #99b8e8;
  text-shadow: 0 0 1px #C9D9F2, 0 0 2px #293276, 0 0 3px #293276, 0 0 4px #293276, 0 0 5px #293276, 0 0 7px #C9D9F2;
}

[data-theme="dark"] .ui-icon::after {
  color: var(--bs-white);
  content: "\f065";
  font-family: FontAwesome;
  font-weight: 500;
  transform: scaleX(-1);
  font-size: 1.2rem;
}

[data-theme="dark"] .fa-remove:before, [data-theme="dark"] .fa-close:before, [data-theme="dark"] .fa-times:before {
  color: var(--bs-white) !important;
}

/*New*/

[data-theme="dark"] .title-bar .menu-icon span {
  filter: gray;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

[data-theme="dark"] .off-canvas{
  background-color:#252525;
}

[data-theme="dark"] ul.off-canvas-list li a{
  background: #252525;
}

[data-theme="dark"] ul.off-canvas-list ul  a.selected{
  background: #000000;
}

[data-theme="dark"] .feedbackBox{
  background: #252525;
}

[data-theme="dark"] .fixed-box{
  background: #252525;
}

[data-theme="dark"] .copybtn, [data-theme="dark"] .topicheadname, [data-theme="dark"] div.first_div div.important a{
  color: #ffffff !important;
}

[data-theme="dark"] .MCDropDown_Closed a.MCDropDownHotSpot.dropDownHotspot.MCDropDownHotSpot_.MCHotSpotImage:before{
  color: #F08261;
}

[data-theme="dark"] #dragable_modal img, [data-theme="dark"] .first_div img{
  background: #ffffff;
}

[data-theme="dark"] table.TableStyle_TemenosTables td p span {
  color: #ffffff !important;
}

[data-theme="dark"] table.TableStyle-TemenosTables td p span {
  color: #ffffff !important;
}

[data-theme="dark"] i.T24Field {
  color: #99b8e8;
  text-shadow: 0 0 1px #C9D9F2, 0 0 2px #293276, 0 0 3px #293276, 0 0 4px #293276, 0 0 5px #293276, 0 0 7px #C9D9F2;
}

[data-theme="dark"] .ui-icon::after {
  color: var(--bs-white);
  content: "\f065";
  font-family: FontAwesome;
  font-weight: 500;
  transform: scaleX(-1);
  font-size: 1.2rem;
}

[data-theme="dark"] .fa-remove:before, [data-theme="dark"] .fa-close:before, [data-theme="dark"] .fa-times:before {
  color: var(--bs-white) !important;
}

[data-theme="dark"] .topsection .toolbar .darkmode .checkbox-label {
  background-color: var(--bs-orange);
}

[data-theme="dark"] .feedbackbtn{
  border: 1px solid var(--bs-white);
  color: var(--bs-white) !important;
}

[data-theme="dark"] .topsection .toolbar .disabled{
  background-color: transparent;
}

[data-theme="dark"] .topsection .toolbar .btn {
    background-color: transparent;
}
[data-theme="dark"] #surveyBody svg path {
  fill: revert-layer;
}

[data-theme="dark"] span.T24Field {
  color: #99b8e8;
  text-shadow: 0 0 1px #C9D9F2, 0 0 2px #293276, 0 0 3px #293276, 0 0 4px #293276, 0 0 5px #293276, 0 0 7px #C9D9F2;
}

[data-theme="dark"] ul.menu._Skins_SideMenuNT.mc-component ul > li > a:hover {
  background-color: #F08261;
}

[data-theme="dark"] #sidebar ul.sidenav ul > li > a:hover {
  background-color: #F08261 !important;
}