body {
  overflow-x: hidden;
}

.btn-progress {
  box-shadow: none;
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
  position: relative;
}
.btn-progress>.btn-label {
  display: none;
}
.btn-progress-spinner {
  display: none;
}
.btn-progress .btn-progress-spinner {
  display: block;
  color: white;
}

.btn-progress-spinner:before {
  content: "";
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;

  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite
    var(--bs-spinner-animation-name);
  color: white;
  margin-right: 6px;
  vertical-align: middle;
}

a {
  text-decoration: none !important;
}

.resetcache {
  position: absolute;
  top: 20px;
  left: 30px;
}

.modules {
  column-count: 3;
  column-gap: 1em;
}

.module {
  display: inline-block;
  margin: 0 0 1em;
  width: 100%;
}

.form-check-input {
  vertical-align: text-bottom;
}

.btn-white {
  background-color: #fff;
  border-color: #fff;
}

.btn-white:hover {
  background-color: #eaeaea;
  border-color: #fff !important;
}

.btn-outline-white {
  border-color: #eaeaea !important;
  color: #7c7777;
}

.btn-outline-white:hover {
  background-color: #eaeaea !important;
  border-color: #fff !important;
}

.bootstrap-tagsinput {
  display: block !important;
  width: 100%;
  min-height: 38px;
  padding: 12px !important;
  /* border: 1px solid #ced4da; */
  border-radius: 4px;
}
.bootstrap-tagsinput .tag {
  background: #eaeaea;
  color: #000 !important;
  padding: 5px;
  border-radius: 3px;
  margin-right: 5px;
}

.sidebar-footer {
  position: sticky;
  bottom: 0;
  width: 100%;
  background: #ffffff;
  border-top: 1px solid #eee;
}

.sidebar-wrapper .menu,
html[data-bs-theme="dark"] .sidebar-wrapper .menu {
  padding: 0 1rem 0 2rem;
}
.sidebar-wrapper .menu .submenu {
  margin-top: 5px;
}
.sidebar-wrapper .menu .submenu .submenu-item.active {
  background: #435ebe1c;
  border-radius: 10px;
}
.sidebar-wrapper .submenu-item i {
  margin-left: -15px;
  margin-right: 10px;
  font-size: 1rem;
  opacity: 0.6;
  vertical-align: bottom;
}
.navbar-fixed .navbar-top {
  border-bottom: 1px solid #dfe4ee;
}
html[data-bs-theme="dark"] .navbar-fixed .navbar-top {
  border-bottom: 1px solid #34384d;
}
.dropdown-divider {
  border-top: 1px solid #d2def2;
}
html[data-bs-theme="dark"] .dropdown-divider {
  border-top: 1px solid #393d52;
}

.course-title,
.topic-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.topic-title a {
  color: #666;
}

.topic-title:hover {
  -webkit-line-clamp: 8;
}

.topic-title.draft {
  background-color: #f1f1f1;
}

.topic-title.draft a {
  color: #888;
}

.lesson-list li,
.submenu-lesson-list li {
  position: relative;
}

.lesson-list li .movable-topic,
.submenu-lesson-list li .movable-lesson {
  position: absolute;
  top: 7px;
  right: 2px;
  display: none;
  font-size: 0;
}

.lesson-list li:hover .movable-topic,
.submenu-lesson-list li:hover .movable-lesson {
  display: block;
}

.lesson-list li .movable-topic a,
.submenu-lesson-list li .movable-lesson a {
  color: #444 !important;
  background-color: white;
  padding: 5px;
  border: 1px solid #bbb;
  font-size: 14px;
  border-radius: 5px;
}

.submenu-lesson-list li {
  margin-bottom: 5px;
  padding: 4px 7px;
  font-size: 13px;
  line-height: 16px;
}

.submenu-lesson-list li.draft {
  background: #eee;
}

.submenu-lesson-list li.publish a {
  color: #444;
}

.submenu-lesson-list li a:hover {
  text-decoration: none;
}

.submenu-lesson-list li.active {
  background: #75c9dc;
}

.submenu-lesson-list li.active a {
  color: white;
}

.editor {
  border-radius: 4px;
  padding: 0;
  background: #fff;
  border: 1px solid #eee;
}

.editor img {
  width: 100%;
}

.sidebar-lesson {
  max-height: 78vh;
  overflow: auto;
}

.block-editor {
  transition: all 0.2s;
}

.block-editor.expand {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

.select2-container .select2-selection--single {padding: 5px 2px;height: 38px !important; border: 1px solid #dce7f1 !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 5px !important; right: 5px !important; }
.select2-container {position: relative; width: 100% !important;}

.btn .bi { vertical-align: text-bottom; }

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@media print {
  body {
    margin: 0 !important;
  }
}

.main-container {
  font-family: "Lato";
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.ck-content {
  font-family: "Lato";
  line-height: 1.6;
  word-break: break-word;
}

.editor_container__word-count .ck-word-count {
  color: var(--ck-color-text);
  display: flex;
  height: 30px;
  gap: var(--ck-spacing-small);
  justify-content: flex-end;
  font-size: var(--ck-font-size-base);
  line-height: var(--ck-line-height-base);
  font-family: var(--ck-font-face);
  padding: var(--ck-spacing-small) var(--ck-spacing-standard);
}

.editor-container_include-word-count.editor-container_classic-editor
  .editor_container__word-count {
  border: 1px solid var(--ck-color-base-border);
  border-radius: var(--ck-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
}

.editor-container_include-word-count.editor-container_classic-editor
  .editor-container__editor
  .ck-editor
  .ck-editor__editable {
  border-radius: 0;
}

.text-ellipsis-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-ellipsis-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-ellipsis-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-link.disabled, .disabled>.page-link {
  background-color: #eee !important;
}

.table .bg-white {
  --bs-table-hover-bg: white !important;
}