.ThemeGlobal {
  .ImcNavigation {
    --navigation-padding: 10px;
    --navigation-background: #2b2b30;
    --navigation-shadow: 0 1px 0 0 #2b2b30;
    /* --navigation-logo-padding: 15px 40px 15px 20px; */
    --navigation-logo-height: 24px;
    --navigation-logo-width: 207px;
    --navigation-burger-margin: 0;
    /* --navigation-item-padding: 2px 15px 0; */
    --navigation-item-text-color: #fff;
    --navigation-item-font-weight: 500;
    --navigation-item-hover-text-color: #fa4d0f;
    --navigation-item-active-text-color: #fa4d0f;
    /* --navigation-item-active-border-color: #fa4d0f; */
    --navigation-item-avatar-border: none;
    --navigation-item-avatar-border-radius: 0px;
    --navigation-dropdown-background: #2b2b30;
    /* --navigation-dropdown-item-font-weight: 700; */
    --navigation-dropdown-item-text-color: #fff;
    --navigation-dropdown-item-border-color: #3a3a42;
    --navigation-dropdown-grouptitle-text-transform: uppercase;
    --navigation-dropdown-grouptitle-font-weight: 500;
    --navigation-dropdown-separator: none;
    --navigation-search-result-hover-background: #eee;
    --navigation-search-result-border-bottom: none;
    --navigation-search-placeholder-text-color: #eee;
    --navigation-search-divider: #3a3a42;
    --navigation-dropdown-category-switch-active-border: 1px solid transparent;

  }


  .ImcFooter {
    --footer-background: #2b2b30;
  }

  .ImcHeader {
    --header-padding: 0 10px;
  }

  .ImcHeading {
    &.h6 {
      font-family: var(--theme-font-family-secondary, 'MundoSerif');
    }
  }

  .ImcCheckbox {
    --checkbox-border: 1px solid #bbbbbb;
    --checkbox-disabled-background: rgba(255, 255, 255, .3);
  }

  .ImcLearningCard,
  .LearningCard,
  .Card,
  .ImcCard {
    --learning-card-background: #3a3a42;
    --card-provider-background: transparent;
    --card-background: #3a3a42;

    .providerLogo {
      border: none !important;
    }
  }

  .ImcMediaCard {
    --media-card-background: #3a3a42;
    --media-card-notStarted-box-shadow: unset;
  }

  .ImcChip {
    --chip-background: #3a3a42;
  }

  .ImcProgressBar {
    --progress-bar-background: #3a3a42;

    .progress-bar {
      --progress-bar-background-back: #3a3a42;
    }
  }

  .LearningPlan {
    background: transparent;

    .TaskItem {
      .ImcMediaCard {
        box-shadow: unset;
      }
    }
  }

  .ImcTrainingCard {
    --training-card-background: #3a3a42;
    --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: #ffffff;
    --training-card-background: #3a3a42;

    .coursesSearchList .coursesList {
      .cardSeparator {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      }

      .cardWrapper {
        &.disabled {
          background-color: rgba(255, 255, 255, 0.1);

          .Card:hover {
            background: none;
          }
        }

        .Card {
          background: #3a3a42;

          &:hover {
            background: rgba(255, 255, 255, 0.1);
          }
        }
      }
    }

    .ImcDrawer {
      --drawer-background: #3a3a42;

      .ImcPill .chips {

        .leftChip,
        .rightChip {
          border-color: rgba(255, 255, 255, 0.1);
        }
      }
    }
  }

  .ManageEnrollment {
    --search-bar-background: #ffffff;

    .wrapper {
      .inputBox {
        padding: 11px;
        height: auto;
      }
    }

    .ImcInput {
      --input-background: #ffffff;
      --input-text-color: #2b2b30;
    }

    .cardWrapper {
      &.disabled {
        background-color: rgba(255, 255, 255, 0.1);

        .Card:hover {
          background: transparent;
        }
      }

      .Card {
        &:hover {
          background: rgba(255, 255, 255, 0.1);
        }
      }
    }

    .userCardWrapper {
      background: transparent;

      &:hover {
        background: rgba(255, 255, 255, 0.1);
      }
    }

    .selectedUserCardWrapper {
      background: #3a3a42;
      border: 1px solid rgba(255, 255, 255, 0.1);

      .userErase {
        border: 1px solid rgba(255, 255, 255, 0.1);
      }
    }
  }

  .ManagerTemplate {
    >div:not(.mainBlock) {
      --table-cell-selected-background: #3a3a42;

      .ImcText.selected {
        color: #ffffff;
      }
    }

    .ImcToolbar {
      background: #3a3a42;
    }

    .ImcTable {
      --table-header-background: #ffffff;

      .ImcTablePagination {
        --table-pagination-background: #3a3a42;
      }
    }
  }

  .SelectionTableDrawer {
    .ImcTable {
      --table-header-background: #ffffff;

      .ImcTablePagination {
        --table-pagination-background: #3a3a42;

        .ImcPagination {
          --pagination-background: transparent;
          --pagination-text-color: #fff;
        }
      }
    }
  }

  .MyStaff {
    background: transparent;

    .ImcCard {
      --card-background: #3a3a42;
      --card-border-color: rgba(255, 255, 255, .1);
      border: 1px solid rgba(255, 255, 255, .1);

      .ImcMenu .ImcMenuItem.parent-direction-is-vertical.level-0:not(:first-child) {
        border-top: 1px solid rgba(255, 255, 255, .1);
      }
    }

    .ImcInput {
      --input-disabled-background: #3a3a42;
    }
  }

  .CreateUserDrawer {

    .ImcDatepicker,
    .ImcSelect {
      --icon-color: #3a3a42;
    }

    .ImcSelect {
      --select-border: 1px solid #fff;

      .select-header {
        .ImcText {
          color: #3a3a42;
        }
      }
    }
  }

  .ImcPlayerTemplate {
    .navbar {
      --navbar-background: #3a3a42;
    }
  }

  .ManageStaffEnrolment {
    background: transparent;

    .ReplaceSelectionDrawer {
      .ImcCard {
        border-bottom: 1px solid #3a3a42;

        &:nth-child(2n+1) {
          background-color: #3a3a42;
        }
      }
    }
  }

  .ImcToolbar {
    --toolbar-background: #f5f5f5;
  }

  .ImcSelect {
    --select-dropdown-background: #2b2b30;

    .select-header {

      .ImcText,
      .ImcIcon {
        color: #000;
      }
    }
  }

  .ImcDrawer {
    --drawer-background: #3a3a42;
  }

  .ExplorerPage {
    background: transparent;
  }

  .OJTMentor {
    background-color: transparent;

    .FilterBar .ImcSelect {

      .ImcText,
      .ImcIcon {
        color: #fff;
      }

      .isSelectable:hover {
        background: rgba(0, 0, 0, .2);
      }
    }
  }

  .ImcModalWrapper {
    .ImcModalBody {
      .tableDetails {
        .pTable {
          .pHead {
            .hName {
              --prerequisites-subtable-header: #fff;
            }
          }
        }

        .prerequisitesSeparator {

          color: #ffffff;

          .line,
          .ImcText {
            --prerequisites-line-separator: 1px solid #fff;
            --prerequisites-subtable-header: #fff;
          }
        }

      }
    }
  }

}