:root {
  /* Background Colors */
  --background-color-1: #FFB636;
  --background-color-2: #ffffff;
  --background-color-3: #ffdea4;
  --background-color-4: #ffffff;
  --background-color-5: #FFB636;
  --background-color-6: #ffffff;
  --background-color-7: #abc5bd;
  --background-color-8: #595a5c;
  --background-color-9: #e3eeea;
  --background-color-10: #f0f9f6;
  --background-color-11: #f5f5f5;
  --background-color-12: #f7f7f7;
  --background-color-13: #f4f8f7;
  --background-color-14: #fff;
  --background-color-15: #f9f9f9;
  --background-color-16: #e3eeea;
  --background-color-17: #f0f9f6;
  --background-color-18: #fff;
  --background-color-19: #e3eeea;
  --background-color-20: #f0f5f3;
  --background-color-21: #f8f8f8;
  --background-color-22: #f8f8f8;
  --background-color-23: #fff6f6;
  --background-color-24: #fff6f6;
  --background-color-25: rgba(0, 0, 0, 0.05);
  /* Border Colors */
  --border-color-1: #e0e0e1;
  --border-color-2: #ccdcd7;
  --border-color-3: #a8a8a8;
  --border-color-4: #ffffff;
  --border-color-5: #FFB636;
  --border-color-6: #d6d6d6;
  --border-color-7: #ddd;
  --border-color-9: #ccdcd7;
  --border-color-10: #d6d6d6;

  /* Text Colors */
  --text-color-1: #595a5c;
  --text-color-2: #595a5c;
  --text-color-3: #6e6f72;
  --text-color-4: #b4b5b6;
  --text-color-5: #FFB636;
  --text-color-6: #595a5c;
  --text-color-7: #FFB636;
  --text-color-9: rgba(110, 111, 114, 0.5);
  /* Gradient Colors */
  --grd-color-1: linear-gradient(90.03deg,
      #297d59 -27.75%,
      #297d59 13.22%,
      rgba(45, 109, 90, 0) 110.01%);
  --scroll-thumb: #d9d9d9;
  --scroll-thumb-bg: #ededee;
  --invert: unset;

  --graph-background-color: rgba(255, 255, 255, 1);

  --background-select-selected: #0d6efd;
  --color-select-selected: #fff;

  --background-hover-selected: #e9ecef;
  --color-hover-selected: #000;
  --ckeditor-filter: unset;
  --filter-red-border: red;

}

[data-theme="dark"] {
  /* Background Colors */
  --background-color-1: #338068;
  --background-color-2: #1e1e1e;
  --background-color-3: #1e1e1e;
  --background-color-4: #121212;
  --background-color-5: #1e1e1e;
  --background-color-6: #343434;
  --background-color-7: #616161;
  --background-color-8: #343434;
  --background-color-9: #2e2e2e;
  --background-color-10: #2e2e2e;
  --background-color-11: #2e2e2e;
  --background-color-12: #1e1e1eb3;
  --background-color-13: #2b2b2b;
  --background-color-14: #1e1e1e;
  --background-color-15: #1a1a1a;
  --background-color-16: #151515;
  --background-color-17: #1e1e1e;
  --background-color-18: #2e2e2e;
  --background-color-19: #1e1e1e;
  --background-color-20: #1e1e1e;
  --background-color-21: #1e1e1e;
  --background-color-22: #2e2e2e;
  --background-color-23: #2e2e2e;
  --background-color-24: #2e2e2e;
  --background-color-25: rgba(0, 0, 0, 0.9);

  /* Border Colors */
  --border-color-1: #4b4b4b;
  --border-color-2: #343434;
  --border-color-3: #4b4b4b;
  --border-color-4: #1e1e1e;
  --border-color-5: #4b4b4b;
  --border-color-6: #4b4b4b;
  --border-color-7: #4b4b4b;
  --border-color-9: #4b4b4b;
  --border-color-10: #a79e9e;

  /* Text Colors */
  --text-color-1: #787878;
  --text-color-2: #ffffff;
  --text-color-3: #a5a5a5;
  --text-color-4: #b4b5b65c;
  --text-color-5: #787878;
  --text-color-6: #a5a5a5;
  --text-color-7: #338068;
  --text-color-9: rgba(110, 111, 114, 0.7);

  /* Gradient Colors */
  --grd-color-1: linear-gradient(90.01deg,
      #1e1e1e 15.9%,
      #1e1e1e 40.91%,
      rgba(30, 30, 30, 0) 99.99%);
  --scroll-thumb: #343434;
  --scroll-thumb-bg: #1e1e1e;
  --invert: invert(1);
  --graph-background-color: rgba(0, 0, 0, 0.3);
  --background-select-selected: #121212;
  --color-select-selected: #4b4b4b;


  --background-hover-selected: #1e1e1e;
  --color-hover-selected: #ffffff;
  --ckeditor-filter: invert(85.5%) brightness(0.8);
  --filter-red-border: #00ffff;

}

.dashboard-main-container .dashboard-sidebar .sidebar-logo img {
  height: auto;
}

.notification-list .notification-list-body .notification-list-item .item-dot span {
  background: #FFB63617;
}

.summary-card-wrapper .summary-card .summary-card-heading::after {
  background: #FFB636;
}

.lms-courses-list table thead {
  background-color: #FFB63617;
}

.summary-card {
  border-color: #FFB63617;
}

.active>.page-link, .page-link.active {
  background: #FFB636 !important;
  border: 1px solid #FFB636 !important;
  color: #f9f9f9 !important;
}

.dashboard-main-container .dashboard-sidebar .sidebar-nav ul li.sidebar-dropdown .sidebar-dropdown-menu li a.active,
.dashboard-main-container .dashboard-sidebar .sidebar-nav ul li.sidebar-dropdown .sidebar-dropdown-menu li.active > a {
  background-color: #FFB63617;
}


.activity-log-list .activtiy-list-item .bullet-icon,
.tab-wrapper .nav-tabs .nav-item.show .nav-link, .tab-wrapper .nav-tabs .nav-link.active,
.dropdown-item:focus, .dropdown-item:hover,
.bootstrap-select .dropdown-menu li a.selected,
.lms-courses-list table tbody tr td span {
  background : #FFB63617;
}

.tab-wrapper .nav-tabs .nav-item.show .nav-link, .tab-wrapper .nav-tabs .nav-link.active,
.tab-wrapper .nav-tabs .nav-link {
  border-color: #FFB63617;
}


.swal2-styled.swal2-confirm{
  background-color: #FFB636 !important;
}

.course-module-intro-content h1,
.add-module-button a, .add-file-module-button a,
.step-form-header-wrapper .progress-bar-value {
  color :#FFB636 !important;
}

.form-step-group .form-step-group-item.activeItem:not(:last-child):before,
.step-form-header-wrapper .progress-bar {
  background-color : #FFB636;
}

.add-question-wrapper .add-question-wrapper-button, .add-question-wrapper .add-question-wrapper-buttons,
.form-step-group .form-step-group-item.activeItem .form-step-content,.module-link span,
.step-form-header-wrapper .step-form-title span {
  color :#FFB636;
}

.form-step-group .form-step-group-item.activeItem .form-step-number {
  border: 2px solid #FFB636;
    color: #FFB636;
}

.form-step-group .form-step-group-item.previousItem .form-step-number {
  color: #fff;
  background: #FFB636;
}

#englishArabicTab .nav-item .nav-link.active,
.dashboard-tabs-vertical .nav-pills .nav-link.active,
.video-file-up-btn {
  background-color: #FFB63617 !important;
}

.swal2-styled.swal2-cancel {
  background-color: #FFB63617 !important;
  border:1px solid #FFB636 !important;
  color :red !important;
}

.dashboard-tabs-vertical .nav-pills .nav-link.active img {
  filter: invert(22%) sepia(85%) saturate(4435%) hue-rotate(347deg) brightness(89%) contrast(101%);
}