/* Add dark mode changes here */
BODY {
    background: #525252 !important;
    color: #eeeeee !important;
  }
  
  #header {
    background: #151515 !important;
    color: #eeeeee;
  }
  #header *,
  #PageTitle {
    color: #eeeeee;
  }
  
  .navbar_category .slideset > ul > li > a {
    color: black !important;
  }
  
  body,
  body header#header {
    background-color: #151515 !important;
    border-bottom: 0px;
  }
  #nav .nav-opener-holder:before,
  #nav .nav-opener-holder:after,
  #nav .nav-opener-holder span,
  .site-search .icon-search {
    background-color: #eeeeee;
  }
  .right-holder i,
  .reports-block h2,
  .reports-block .frame_container ul li a,
  .page-head h1,
  .page-head h1 a.opener,
  body .panel-default > .panel-heading td,
  .page-head .breadcrumbs ul li a,
  .page-head .breadcrumbs ul li {
    color: #eeeeee;
  }
  .navbar_category .slideset > ul > li > a {
    font-size: 12px;
    color: #eeeeee;
    text-transform: uppercase;
    background-color: #222020;
  }
  li.navDash > a {
    background-color: aliceblue#333 !important;
  }
  .reports-block,
  .reports-block .frame_container u,
  body .panel-default > .panel-heading,
  .panel-body,
  .account_info th,
  .account_info td,
  .row.xmFormButtonBar,
  .navbar_category .slideset > ul > li a:hover {
    background-color: #222222;
    color: #eeeeee;
    border: 0px;
  }
  
  label.icon-search {
    background-color: #333 !important;
  }
  
  .xm-drop-box .xm-drop .xm-drop-frame:after,
  .xm-edit .xm-drop .xm-drop-frame:after {
    border-bottom: 10px solid #262626;
  }
  
  ul#AddNewMenuGroup {
    background-color: #333;
    color: white !important;
  }
  
  .xm-drop-frame {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }
  
  .xm-drop-box .xm-drop .xm-drop-frame:before,
  .xm-edit .xm-drop .xm-drop-frame:before {
    border: 1px solid #333 !important;
  }
  
  .xm-drop-box .xm-drop .xm-drop-frame,
  .xm-edit .xm-drop .xm-drop-frame {
    padding: 0px !important;
  }
  
  .xm-drop-box .xm-drop a {
    border: 1px solid #555555 !important;
    color: #eee !important;
  }
  
  .xm-drop-box .xm-drop a:hover {
    border: 1px solid #333 !important;
    color: #eee !important;
    background-color: #151515;
  }
  
  .xm-drop-box .xm-drop a.add-new:before,
  .xm-drop-box .xm-drop a.add-new:after {
    background: #eee;
  }
  .navbar_category .slideset {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333 !important;
    background-color: #151515 !important;
  }
  
  .custom-drop {
    color: #eee !important;
    background-color: #464646 !important;
  }
  .navbar_category .slideset > ul > li a {
    background-color: #151515 !important;
    color: #eee !important;
  }
  .navbar_category .slideset > ul > li {
    border: 0px solid #252525 !important;
    background-color: #151515 !important;
  }
  
  .custom-drop ul {
    border: 1px solid #454343 !important;
  }
  
  li.sub-menu.second {
    border-bottom: 1px solid #444;
  }
  
  .second.sub-menu .sub-link:before,
  .second.sub-menu .sub-link:after {
    background: #eee !important;
  }
  
  .fa-table:before {
    color: #eee !important;
  }
  
  .fa-location-dot:before,
  .fa-map-marker-alt:before {
    color: #eee !important;
  }
  
  .fa-telescope:before {
    color: #eee !important;
  }
  
  .profile {
    background-color: #333;
  }
  
  a.mail {
    color: #eee !important;
  }
  
  span.position {
    color: #eee !important;
  }
  
  #tab1 > div > div.text-holder > a:nth-child(1) > h2 {
    color: #b2dbff !important;
  }
  
  .control_panel_slider {
    border: 1px solid #333 !important;
  }
  
  li.active {
  }
  
  ul.accordion {
    background-color: #333 !important;
  }
  
  label {
    color: #eee !important;
  }
  
  #dropdownMenufx_demo_contacts_photo > span > i {
    color: #333 !important;
  }
  
  a.opener {
    background-color: #282828 !important;
    border: 0px;
  }
  
  .control_panel .accordion li > a i {
    color: #eee;
  }
  
  .control_panel .accordion li > a {
    color: #eee !important;
    border: 0px !important;
  }
  .control_panel .accordion li,
  .control_panel .accordion,
  .control_panel {
    border: 0px solid #000 !important;
  }
  
  i {
    color: #eee !important;
    border: 0px !important;
  }
  
  .control_panel .form_row {
    border: 1px solid #333;
  }
  
  section.page-head {
    background-color: #333 !important;
  }
  
  nav.navbar_category {
    background-color: #151515 !important;
  }
  
  u {
  }
  
  .navbar_category .slideset > ul {
    background-color: #151515;
  }
  
  .footer_bottom {
    background-color: #333 !important;
  }
  
  .XMFormRowChild:not(.table-bordered tr) {
    border-left: 0px !important;
  }
  
  .panel {
    border: #3b3b3b;
  }
  .panel-default {
    border-color: #3b3b3b;
  }
  form#DynamicForm {
  }
  
  div#SectionBodySection {
  }
  
  div#Section {
    border: 4px solid #212121 !important;
    border-radius: 5px !important;
  }
  
  div#Sectiontagging {
    border: 4px solid #212121 !important;
    border-radius: 5px !important;
  }
  
  div#Sectionfx_demo_contacts_activities {
    border: 4px solid #212121 !important;
    border-radius: 5px;
  }
  
  div#Sectionfx_demo_contacts {
    border: 4px solid #212121 !important;
    border-radius: 5px;
  }
  
  .panel-default > .panel-heading {
    border-color: #333 !important;
  }
  
  .XMFormRowChild:focus-within {
    background: #212121 !important;
    box-shadow: none;
  }
  
  input:focus,
  select:focus,
  textarea:focus {
    background-color: #f1f1f1 !important;
  }
  
  input {
    background-color: #f1f1f1 !important;
  }
  
  #form_row_fx_demo_contacts_email > div > div > span > i {
    color: #333 !important;
  }
  
  div#SectionBodySectionfx_demo_contacts > * > i {
  }
  
  ::before {
  }
  
  #form_row_fx_demo_contacts_dob > div > div > span > span > i {
    color: #333 !important;
  }
  
  #form_row_fx_demo_contacts_phone > div > div > span > i {
    color: #333 !important;
  }
  
  input#fx_demo_contacts_photoFilePicker {
    color: #333 !important;
  }
  
  input.ui-widget-content.ui-autocomplete-input {
    color: #333 !important;
  }
  
  ul.tagit input[type="text"] {
    background-color: #212121 !important;
    color: #eee !important;
  }
  
  input#btnxm,
  #form_row_fx_demo_contacts_activities_activity_date
    > div
    > div
    > span
    > span
    > i,
  #form_row_fx_demo_contacts_activities_follow_up_date
    > div
    > div
    > span
    > span
    > i,
  #ValidationIconfx_demo_contacts_activities_location {
    color: #333 !important;
  }
  
  footer#footer {
    background-color: #fff !important;
    color: #eee !important;
  }
  
  span.select2-results {
    background-color: #333 !important;
  }
  
  .select2-container--bootstrap .select2-results__option[aria-selected="true"] {
    background-color: #337ab7 !important;
    color: #fff;
  }
  
  #fx_demo_contacts_signature_signature_wrapper
    > div
    > table
    > tbody
    > tr
    > td:nth-child(2)
    > i,
  #fx_demo_contacts_signature_signature_wrapper
    > div
    > table
    > tbody
    > tr
    > td.btn.btn-secondary.xmTip.saveSignature
    > i,
  #fx_demo_contacts_signature_signature_wrapper
    > div
    > table
    > tbody
    > tr
    > td:nth-child(1)
    > i,
  #fx_demo_contacts_signature_signature_wrapper
    > div
    > table
    > tbody
    > tr
    > td.btn.btn-secondary.xmTip.clearButton
    > i {
    color: #eee !important;
  }
  
  #fx_demo_contacts_signature_signature_wrapper > div > table {
    background-color: #333 !important;
    border: 0px !important;
  }
  
  .sigWrapper {
    border: 1px solid #333;
  }
  
  canvas.pad {
    width: 388px !important;
  }
  
  div#tab2 {
    background-color: #333 !important;
  }
  
  .tab-content.jcf-scrollable {
    background-color: #333 !important;
  }
  
  .ui-switcher {
    background-color: #4c4c4c !important;
  }
  
  .slider {
    background-color: #474747;
  }
  
  ul.main_nav {
    background-color: #474747;
  }
  
  ul.main_nav {
    border: 0px solid;
  }
  
  li#MenuItemCompliance {
    border-bottom: 1px solid #333;
  }
  
  #MenuItemContacts {
    border-bottom: 1px solid #333;
  }
  
  .main_nav > li > a {
    border-bottom: 1px !important;
    border: 0px !important;
  }
  
  li#MenuItemInterview {
    border-bottom: 1px solid #333;
  }
  
  li#MenuItemLibrary {
    border-bottom: 1px solid #333;
  }
  
  li#MenuItemMyProfile {
    border-bottom: 1px solid #333;
  }
  
  li#MenuItemPresentations {
    border-bottom: 1px solid #333;
  }
  
  .main_nav > li > a:hover {
    background-color: #333 !important;
  }
  
  li.sub-menu {
    background-color: #333 !important;
  }
  
  ul.custom-accordion {
    background-color: #333 !important;
  }
  
  .control_panel .tabset li a.active {
    background-color: #333333 !important;
    color: #fff;
  }
  
  .control_panel .tabset li a {
    color: #fff !important;
  }
  
  a.btn-close {
    border: 0px !important;
  }
  
  .cke_resizer {
    border-color: transparent #000 transparent transparent;
  }
  
  .select2-container--bootstrap .select2-selection__clear {
    color: #333 !important;
  }
  
  .reports-block {
    border: 1px solid #333;
    border-radius: 5px;
  }
  
  .head h1,
  .head h1,
  .head h2,
  .head h2,
  .head h3,
  .head h3 {
    color: #eee;
  }
  
  ul#ControlBarTabs {
    background-color: #3f3d3d;
    border-radius: 0px 0px 5px 5px;
  }
  
  .reports-block .frame_container {
    background: #333;
  }
  
  .head {
    border-bottom: 0px;
  }
  
  .reports-block .frame_container ul li:after {
    background: #333;
  }
  
  .account_info th {
    border: 1px solid #333 !important;
  }
  
  .XMFormRow {
    border-bottom: 1px solid #333;
  }
  
  #PodBox5 > div {
    background-color: #212121;
    color: #eee;
  }
  
  .panel-title {
    color: #eee !important;
  }
  
  ul.list-group {
    background-color: #4c4c4c;
  }
  
  li.list-group-item.NoWrap {
    background-color: #3f3d3d !important;
  }
  
  .label-default {
    background-color: #000;
  }
  
  .old-xm-box-heading.panel-heading {
    border: 0px;
  }
  
  li.list-group-item {
    background-color: #212121;
  }
  
  .btn-gray:active:hover,
  .btn-gray:active:focus,
  .btn-gray:active.focus,
  .btn-gray.active:hover,
  .btn-gray.active:focus,
  .btn-gray.active.focus,
  .open > .btn-gray.dropdown-toggle:hover,
  .open > .btn-gray.dropdown-toggle:focus,
  .open > .btn-gray.dropdown-toggle.focus {
    background-color: #191919 !important;
    border: 0px !important;
    padding: 5px 20px !important;
  }
  .btn-gray:active,
  .btn-gray,
  .btn-gray:active.focus,
  .btn-gray.active:hover,
  .btn-gray.active:focus,
  .btn-gray.active.focus,
  .open > .btn-gray.dropdown-toggle:hover,
  .open > .btn-gray.dropdown-toggle:focus,
  .open > .btn-gray.dropdown-toggle.focus {
    background-color: #333 !important;
    border: 0px !important;
    padding: 5px 20px !important;
  }
  
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border: 1px solid #333;
  }
  
  li.list-group-item {
    background-color: #3f3d3d !important;
  }
  
  span.pull-right {
    color: #fff !important;
  }
  
  div#PodBodyPodBox3 {
    background-color: #3f3d3d !important;
  }
  
  #PodBox2 > div:nth-child(2) {
    background-color: #333 !important;
    border: 0px;
  }
  
  table.TableGrid.table.table-bordered.table-striped {
    background-color: #333 !important;
    border: 0px;
  }
  
  #PodBox2 > div:nth-child(2) > table > colgroup {
    background-color: #333 !important;
  }
  
  .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #3f3d3d !important;
  }
  
  .TableGrid tbody tr td {
    border: 0px;
  }
  
  td.Wrap {
    color: #fff !important;
  }
  
  .account_info th:hover {
    background: #3f3d3d !important;
  }
  
  select option {
    background: #333 !important;
  }
  
  .pq-grid-row {
    background: #6f6f6f !important;
    color: #fff !important;
  }

  .pq-theme .ui-state-default, .pq-theme .ui-button,  div.pq-theme, .search-filter-bar {
    background: #6f6f6f !important;
    color: #fff !important;
  }