.ThemeGlobal {
  .ImcNavigation {
    --navigation-max-width: 1280px;
    --navigation-padding: 10px 0;
    --navigation-height: 110px;
    --navigation-background: #000;
    --navigation-shadow: 0 1px 0 0 #1d1d1d;
    --navigation-font-family: CorporateSRegular, Helvetica, Arial, sans-serif;
    --navigation-logo-padding: 13px 54px 13px 10px;
    --navigation-logo-mobile-padding: 10px 0;
    --navigation-logo-height: 64px;
    --navigation-logo-width: 261px;
    --navigation-items-left-valign: flex-end;
    --navigation-items-right-valign: flex-end;
    --navigation-items-left-valign-items: flex-end;
    --navigation-items-right-valign-items: flex-end;
    --navigation-item-padding: 1px 15px 10px 15px;
    --navigation-item-text-color: #fff;
    --navigation-item-active-text-color: #00adef;
    --navigation-item-hover-text-color: #00adef;
    --navigation-item-badge-background: #00adef;
    --navigation-item-avatar-border: none;
    --navigation-item-avatar-border-radius: 0px;
    --navigation-dropdown-grouptitle-background: linear-gradient(90deg, #424242, transparent);
    --navigation-dropdown-grouptitle-active-background: linear-gradient(90deg, #424242, transparent);
    --navigation-dropdown-grouptitle-padding: 4px 15px !important;
    --navigation-dropdown-background: #333333;
    --navigation-dropdown-item-border-color: #424242;
    --navigation-search-placeholder-text-color: #eee;
    --navigation-search-divider: #424242;
    --navigation-search-result-hover-background: #242424;
    --navigation-search-result-breadcrumb-text-color: #fff;
    --navigation-search-result-breadcrumb-divider-color: #fff;
  }
  .QuickSearch {
    --quick-search-margin: 0 0 5px;
  }
  .ImcFooter {
    --footer-background: #000;
  }

  .LearningCard {
    --card-background: #242424;
    &.isDisabled {
      --card-background: #424242;
    }
  }
  .searchTabContainer {
    background: transparent !important;
    border-top: none !important;
  }
  .fullscreen-with-table {
    --inbox-background-color: #242424;
  }
  .message-section-wrapper .ImcHtml table {
    background: transparent;
    color: #fff;
    tbody {
      background: transparent;
      color: #fff;
    }
    td {
      background: transparent;
      color: #fff;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    table {
      border: 1px solid rgba(255, 255, 255, 0.1);
    }
  }
  .experience-wrapper .level {
    --experience-level-rank-color-default: #fff;
  }
  .experience-wrapper .leaderboard-wrapper .ImcTabs {
    --tab-background: #424242;
  }
  .experience-wrapper .leaderboard-wrapper .rank-wrapper tr {
    --rank-row-background-disabled: #242424;
  }
  .experience-wrapper .childrenWrapper tr {
    --rank-row-background-disabled: #242424;
  }

  .ImcTopbar {
    --topbar-sticky-background: rgba(0, 0, 0, 0.3);
    --topbar-icon-color: #ffffff;
  }
  .ImcHeading {
    &.h6 {
      font-family: var(--theme-font-family-primary);
    }
  }
  .ImcCheckbox {
    --checkbox-border: 1px solid #bbbbbb;
    --checkbox-disabled-background: rgba(255, 255, 255, 0.3);
  }
  .ImcLearningCard {
    --learning-card-background: #242424;
  }
  .Card {
    --learning-card-background: #242424;
  }
  .ImcCard {
    --card-background: #242424;
    .detailsOverlay .ImcChip .ImcText {
      color: #fff;
    }
  }
  .ImcMediaCard {
    --media-card-background: #242424;
    --media-card-notStarted-box-shadow: unset;
  }
  .ImcChip {
    --chip-background: #424242;
    --chip-text-color: #fff;
  }
  .ImcProgressBar {
    --progress-bar-background: #424242;
  }
  .ImcDrawer {
    --drawer-background: #1d1d1d;
  }
  .LearningPlan {
    background: transparent;
    .TaskItem .ImcMediaCard {
      box-shadow: unset;
    }
  }
  .ImcTrainingCard {
    --training-card-background: #242424;
    --training-card-middle-border: 1px solid rgba(255, 255, 255, 0.1);
    --training-card-border: 1px solid rgba(255, 255, 255, 0.1);
    .ImcDropdown .ImcButton {
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      border-left: 1px solid rgba(255, 255, 255, 0.1);
    }
  }
  .MultiEnrollment {
    --search-bar-background: #242424;
    --training-card-background: #242424;
    .coursesSearchList .coursesList .cardSeparator {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .coursesSearchList .coursesList .cardWrapper.disabled {
      background-color: rgba(255, 255, 255, 0.1);
      .Card {
        &:hover {
          background: none;
        }
      }
    }
    .coursesSearchList .coursesList .cardWrapper .Card {
      background: #242424;
      &:hover {
        background: rgba(255, 255, 255, 0.1);
      }
    }
    .ImcDrawer {
      --drawer-background: #242424;
      .ImcPill .chips .leftChip {
        border-color: rgba(255, 255, 255, 0.1);
      }
      .ImcPill .chips .rightChip {
        border-color: rgba(255, 255, 255, 0.1);
      }
    }
  }
  .ManageEnrollment {
    --search-bar-background: #242424;
    .wrapper .inputBox {
      padding: 11px;
      height: auto;
    }
    .ImcInput {
      --input-background: #242424;
      --input-text-color: #fff;
    }
    .cardWrapper.disabled {
      background-color: rgba(255, 255, 255, 0.1);
      .Card {
        &:hover {
          background: transparent;
        }
      }
    }
    .cardSeparator {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .cardWrapper .Card {
      &:hover {
        background: rgba(255, 255, 255, 0.1);
      }
      & .cardDisabled {
        --card-background-disabled: #424242;
      }
    }
    .userCardWrapper {
      background: transparent;
      &:hover {
        background: rgba(255, 255, 255, 0.1);
      }
    }
    .selectedUserCardWrapper {
      background: #242424;
      border: 1px solid rgba(255, 255, 255, 0.1);
      .userErase {
        border: 1px solid rgba(255, 255, 255, 0.1);
      }
    }
    .ImcVirtualList {
      .cardDisabled {
        --card-background-disabled: #424242;
      }
    }
    .PrerequisitesModal {
      .ImcModal {
        --modal-background: #1d1d1d;
      }
      --prerequisites-table-row: #1d1d1d;
      --table-background-color: #242424;
    }
  }
  .ManagerTemplate {
    > div:not(.mainBlock) {
      --table-cell-selected-background: #242424;
      .ImcText.selected {
        color: #ffffff;
      }
    }
    .ImcToolbar {
      background: #242424;
    }
    .ImcTable {
      --table-header-background: #ffffff;
      .ImcTablePagination {
        --table-pagination-background: #242424;
      }
      .ImcChip {
        --chip-text-color: #999;
      }
    }
  }
  .SelectionTableDrawer {
    .ImcTable {
      --table-header-background: #ffffff;
      .ImcTablePagination {
        --table-pagination-background: #242424;
        .ImcPagination {
          --pagination-background: transparent;
          --pagination-text-color: #fff;
        }
      }
    }
  }
  .MyStaff {
    background: transparent;
    .ImcCard {
      --card-background: #1d1d1d;
      --card-border-color: rgba(255, 255, 255, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.1);
      .ImcMenu .ImcMenuItem.parent-direction-is-vertical.level-0:not(:first-child) {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
      }
    }
    .FilterBar {
      --filter-bar-background: #1d1d1d;
      background-color: var(--filter-bar-background);
      .ImcInput {
        --input-background: #1d1d1d;
      }
      .ImcButton {
        --button-secondary-background: #1d1d1d;
      }
    }
    .my-staff-grid {
      .FiltersPanel {
        --filter-panel-background: #1d1d1d;
        background: var(--filter-panel-background);
        &:before {
          background: var(--filter-panel-background);
        }
        .ImcInput {
          --input-background: #242424;
          --input-text-color: #fff;
        }
        .ImcCheckbox {
          --checkbox-background: #242424;
        }
      }
    }
    .ImcCheckbox {
      --checkbox-background: #242424;
      --checkbox-border: 1px solid #424242;
      --checkbox-cross-color: #242424;
    }
  }
  .ManageStaffEnrolment {
    .ImcModal {
      --modal-background: #1d1d1d;
      .ImcSelect {
        --select-background: #242424;
        --select-border: 1px solid #242424;
        --select-dropdown-background: #242424;
        --select-disabled-background: #424242;
        --select-option-hover-background: #00adef;
        --select-option-hover-text-color: #fff;
        --select-option-disabled-text-color: #fff;
      }
      .ImcTextarea {
        --textarea-background: #242424;
        --textarea-border: 1px solid #242424;
        --textarea-text-color: #fff;
        --textarea-disabled-background: #424242;
      }
    }
    .ImcCard {
      --card-background: #1d1d1d;
      --card-border-color: rgba(255, 255, 255, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.1);
      .ImcCheckbox {
        --checkbox-background: #242424;
        --checkbox-disabled-background: #424242;
        --checkbox-cross-color: #242424;
      }
    }
    .my-staff-grid {
      .FiltersPanel {
        --filter-panel-background: #1d1d1d;
        background: var(--filter-panel-background);
        &:before {
          background: var(--filter-panel-background);
        }
        .ImcInput {
          --input-background: #242424;
          --input-text-color: #fff;
        }
        .ImcCheckbox {
          --checkbox-background: #242424;
        }
      }
    }
    .FilterBar {
      --filter-bar-background: #1d1d1d;
      background-color: var(--filter-bar-background);
      .ImcInput {
        --input-background: #1d1d1d;
      }
      .ImcButton {
        --button-secondary-background: #1d1d1d;
      }
    }
    .ImcCheckbox {
      --checkbox-background: #242424;
      --checkbox-border: 1px solid #424242;
      --checkbox-cross-color: #242424;
    }
    .SelectionTableDrawer .ImcCard {
      --replace-selectionDrawer-color: #242424;
    }
  }
  .CreateUserDrawer {
    .ImcDrawer {
      --drawer-background: #1d1d1d;
      .ImcSelect {
        --select-background: #242424;
        --select-border: 1px solid #242424;
        --select-text-color: #fff;
        --select-dropdown-background: #242424;
        --select-disabled-background: #424242;
        --select-option-hover-background: #00adef;
        --select-option-hover-text-color: #fff;
        --select-option-disabled-text-color: #fff;
        .searchInput {
          --input-background: #1d1d1d;
          --input-border: 1px solid #1d1d1d;
        }
      }
      .ImcInput {
        --input-background: #242424;
        --input-border: 1px solid #242424;
        --input-text-color: #fff;
        --input-disabled-background: #424242;
        --input-disabled-text-color: #fff;
      }
      .ImcTextarea {
        --textarea-background: #242424;
        --textarea-border: 1px solid #242424;
        --textarea-text-color: #fff;
        --textarea-disabled-background: #424242;
        --textarea-disabled-text-color: #fff;
      }
    }
    .ImcDatepicker {
      --icon-color: #424242;
    }
    .ImcSelect {
      --icon-color: #424242;
      --select-border: 1px solid #fff;
    }
  }
  .ImcPlayerTemplate {
    .navbar {
      --navbar-background: #242424;
    }
  }
  .UserProfileView {
    --category-background: #1d1d1d;
  }
  .UserProfileEdit {
    --category-background: #1d1d1d;
    .ImcSelect {
      --select-background: #242424;
      --select-border: 1px solid #242424;
      --select-dropdown-background: #242424;
      --select-option-hover-background: #00adef;
      --select-option-hover-text-color: #fff;
      --select-disabled-background: #424242;
      --select-option-disabled-text-color: #fff;
      .searchInput {
        --input-background: #1d1d1d;
        --input-border: 1px solid #1d1d1d;
      }
    }
    .ImcInput {
      --input-background: #242424;
      --input-border: 1px solid #242424;
      --input-text-color: #fff;
      --input-disabled-background: #424242;
      --input-disabled-text-color: #fff;
    }
    .ImcTextarea {
      --textarea-background: #242424;
      --textarea-border: 1px solid #242424;
      --textarea-text-color: #fff;
      --textarea-disabled-background: #424242;
      --textarea-disabled-text-color: #fff;
    }
    .ImcCheckbox {
      --checkbox-background: #242424;
      --checkbox-border: 1px solid #424242;
      --checkbox-disabled-background: #424242;
      --checkbox-cross-color: #242424;
    }
  }
  .Calendar {
    --fc-border-color: #2d2d2d;
    .ImcCalendar {
      --calendar-header-background: #242424;
      .fc-header-toolbar {
        gap: 12px;
      }
      .fc-button {
        --calendar-header-toolbar-button-hover-background: #00adef;
      }
    }
    .ImcExpandableView {
      --expandable-background: #242424;
    }
    .ImcCheckbox {
      --checkbox-background: #242424;
      --checkbox-border: 1px solid #424242;
    }
  }
  .EnrollmentForm {
    --category-background: #1d1d1d;
    .ImcSelect {
      --select-background: #242424;
      --select-border: 1px solid #242424;
      --select-dropdown-background: #242424;
      --select-option-hover-background: #00adef;
      --select-option-hover-text-color: #fff;
      --select-disabled-background: #424242;
      --select-option-disabled-text-color: #fff;
      .searchInput {
        --input-background: #1d1d1d;
        --input-border: 1px solid #1d1d1d;
      }
    }
    .ImcInput {
      --input-background: #242424;
      --input-border: 1px solid #242424;
      --input-text-color: #fff;
      --input-disabled-background: #424242;
      --input-disabled-text-color: #fff;
    }
    .ImcTextarea {
      --textarea-background: #242424;
      --textarea-border: 1px solid #242424;
      --textarea-text-color: #fff;
      --textarea-disabled-background: #424242;
      --textarea-disabled-text-color: #fff;
    }
    .ImcCheckbox {
      --checkbox-background: #242424;
      --checkbox-border: 1px solid #424242;
      --checkbox-disabled-background: #424242;
      --checkbox-cross-color: #242424;
    }
  }
  .AttendanceTracking {
    .ImcModal .ImcModalWrapper {
      background: #242424;
    }
    .pTable {
      background-color: #424242;
      border-color: #1b1b1b;
      border-radius: 0;
      .pHead {
        background-color: #1b1b1b;
      }
    }
  }
  .Dashboard {
    background-color: transparent;
    .LearningCard {
      --card-background: #1b1b1b;
    }
  }
}