#id_nlicenses {
  max-width: 195px !important;
}

#page-my-index #page-header {
  padding: 20px;
}

.page-context-header {
  margin: 20px 0;
}

@media(min-width:768px) {
  .page-context-header {
    padding: 0 20px;
  }

}



/* srt managebusiness user css */

.bundle_table table {
  width: 100%;
}

.table_heading {
  color: #fff;
  font-size: 30px;
  text-align: center;
  margin: 10px 0;
  background: #3376d2;
}

.bundle_table {
  margin-top: 50px;
}

.bundle_table table tr th,
.bundle_table table tr td {
  padding: 6px 8px;
}

.bundle_table thead {
  background: #0f47ad;
  color: #fff;
  font-size: 16px;
  text-wrap: nowrap;
}

.bundle_table table {
  border: 1px solid #ddd;
}

td.cell a.btn {
  white-space: nowrap;
}

/* end managebusiness user css */

/* strt editpage */

.page-context-header {
  align-items: baseline !important;
}

.page-context-header {
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

div#page-navbar ol.breadcrumb {
  justify-content: flex-start;
}

/* end editpage */

@media (max-width:991px) {
  body.has-secondarynavigation .drawer-toggles .drawer-toggler {
    position: fixed;
    top: 227px;
  }
}

body.pagelayout-incourse #region-main a:not(.btn),
body.pagelayout-incourse .section-navigation>a:not(.btn) {
  text-decoration: none;
}

table,
th,
td {
  /* border: 1px solid black; */
  border-collapse: collapse;
}

th {
  text-align: left;
}

div#camera-wrapper {
  overflow-x: hidden;
}


div#video-wrapper video#video {
  width: 100%;
  margin: 20px 0;
}

#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

#loader img {
  width: 50px;
  height: 50px;
}

@media(max-width:767px) {
  a.navbar-brand.d-none.aabtn {
    display: block !important;
    align-self: center;
  }

  .primary-navigation {
    display: block;
  }

  body#page-mod-courserating-view .activity-navigation {
    display: block !important;
  }

  .chart-card .course-item {
    flex-direction: column;
    justify-content: center;
  }

  .chart-card .course-item span {
    text-align: left !important;
  }


}


@media (max-width:640px) {
  .dataTables_wrapper .dataTables_filter {
    text-align: left !important;
  }

  .dataTables_wrapper .dataTables_length {
    text-align: left !important;
  }

}