.learnpress-gradebook button .components-spinner {
  margin: 0 10px 0 0;
}
.learnpress-gradebook table th.index {
  width: 50px;
}
.learnpress-gradebook table thead th {
  color: #2271b1;
}

div#learnpress-gradebook-react {
  padding: 20px 20px 20px 0px;
}
div#learnpress-gradebook-react .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e4e4e4;
  border-radius: 2px;
  margin-left: 0;
}
div#learnpress-gradebook-react .breadcrumb > li {
  margin: 0;
}
div#learnpress-gradebook-react .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: #6c757d;
  content: "/";
}
div#learnpress-gradebook-react .breadcrumb a {
  cursor: pointer;
}

.learnpress-gradebook .pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  margin-top: 20px;
}
.learnpress-gradebook .pagination li {
  position: relative;
  margin-left: -1px;
  line-height: 1.25;
  color: #2271b1;
  background-color: #fff;
  border: 1px solid #dee2e6;
  cursor: pointer;
}
.learnpress-gradebook .pagination li.active {
  z-index: 1;
  color: #fff;
  background-color: #2271b1;
  border-color: #2271b1;
}
.learnpress-gradebook .pagination li.active a {
  color: white;
}
.learnpress-gradebook .pagination li a {
  display: flex;
  width: 33px;
  height: 33px;
  justify-content: center;
  align-items: center;
}

.learnpress-gradebook .lp-skeleton-animation li {
  width: 100%;
  height: 30px;
  border-radius: "4px";
}

.learnpress-gradebook h2.title-head span {
  font-size: 14px;
}
.learnpress-gradebook .wrap-config {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.learnpress-gradebook .wrap-config .export-csv {
  width: 50%;
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.learnpress-gradebook .wrap-config .export-csv input[type=search] {
  min-width: 400px;
}
.learnpress-gradebook .wrap-config .search-screen {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.learnpress-gradebook .wrap-config .search-screen form#posts-filter {
  display: flex;
  align-items: center;
}
.learnpress-gradebook .chart_sc {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  text-align: center;
  justify-content: space-between;
  align-items: end;
}
.learnpress-gradebook .chart_sc.chart_sc3 {
  text-align: left;
  justify-content: unset;
  align-items: center;
}
.learnpress-gradebook .chart_sc.chart_sc3 .quiz_detail {
  width: 30%;
}
.learnpress-gradebook .chart_sc.chart_sc3 .detail-chart {
  width: 22%;
}
.learnpress-gradebook .chart_sc .detail-chart {
  width: 45%;
}
.learnpress-gradebook .chart_sc .detail-chart__loading {
  position: relative;
}
.learnpress-gradebook .chart_sc .detail-chart__loading > :not(.components-spinner) {
  opacity: 0.2;
  pointer-events: none;
}
.learnpress-gradebook .chart_sc .detail-chart__loading > .components-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
}
.learnpress-gradebook .chart_sc .detail-chart ul.subsubsub {
  margin-bottom: 20px;
}
.learnpress-gradebook .chart_sc .detail-chart ul.subsubsub li {
  margin-right: 5px;
}
.learnpress-gradebook .chart_sc .detail-chart .ct-chart {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.learnpress-gradebook .chart_sc .detail-chart .ct-chart .ct-left {
  width: 55%;
}
.learnpress-gradebook .chart_sc .detail-chart .ct-chart .ct-right {
  width: 45%;
  text-align: left;
}
.learnpress-gradebook .chart_sc .title-chart {
  display: flex;
  align-items: center;
}
.learnpress-gradebook .chart_sc .title-chart p {
  font-style: italic;
  font-size: 14px;
  padding-left: 10px;
}
.learnpress-gradebook .chart_sc .title-chart.center {
  justify-content: center;
}
.learnpress-gradebook .number_retake {
  display: inline;
  position: relative;
}
.learnpress-gradebook .number_retake span.count_retake {
  padding: 8px;
  cursor: pointer;
}
.learnpress-gradebook span.lp-gradebook-item__title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}

.wp-list-table.lp-gradebook-spinner {
  position: relative;
}
.wp-list-table.lp-gradebook-spinner tbody {
  opacity: 0.2;
}
.wp-list-table.lp-gradebook-spinner > .components-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
}

.lp-gradebook-overlay {
  background-color: rgba(0, 0, 0, 0.05);
}
.lp-gradebook-overlay .components-modal__frame {
  box-shadow: 0 0 2px 0 #ccc;
}

.lp-gradebook_retake {
  width: 150px;
}
.lp-gradebook_retake .lp-gradebook_retake_detail {
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
  cursor: pointer;
  font-size: 13px;
  font-weight: normal;
  background-color: #f6f7f7;
}
.lp-gradebook_retake .lp-gradebook_retake_detail:nth-child(2n+1) {
  background-color: #fff;
}

.components-dropdown__content.lp-gradebook_my_popover_content .components-popover__content {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  border-radius: 5px;
}
.components-dropdown__content.lp-gradebook_my_popover_content .components-popover__content > div {
  padding: 0;
}

/*# sourceMappingURL=gradebook.css.map*/