/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 #wdm_show_groups_report {
  font-size: 16px;
 }

 .wdm_report_buttons {
    display: flex;
    gap: 1em;
    margin: 2em auto;
 }

 .export_reports,
 #wdm_generate_table,
 #wdm_download_report {
  color: #fff !important;
  background-color: var(--ldx-btn-primary-bg-color);
  text-align: center;
  height: 44px;
  width: 100%;
  min-width: 10em;
  max-width: 360px;
  padding: 14px 22px;
  border: 0;
  border-radius: 0 !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  align-items: center;
  align-content: center;
 }

 #wdm_generate_table:hover,
 #wdm_download_report:hover {
  background-color: var(--ldx-btn-primary-bg-color-hover) !important;
 }

 .wdm_report_buttons {
   display: flex;
   flex-wrap: wrap;
 }

 #groups-dashboard-buttons {
   display: flex;
   gap: 1em;
 }

 #groups-dashboard-buttons table {
  text-align: left;
 }

 #groups-dashboard-buttons .wp-block-column .wp-block-buttons,
 #groups-dashboard-buttons .wp-block-column .wp-block-buttons .wp-block-button {
  width: 100%;

 }

 #groups-dashboard-buttons .wp-block-column {
   border: 0px solid transparent;
 }

 #groups-dashboard-buttons .wp-block-column .wp-block-button .wp-block-button__link,
 #groups-dashboard-buttons .wp-block-column .export_reports {
  background-color: var(--ldx-btn-primary-bg-color);
  min-width: 10em;
  padding: 14px 22px;
  height: 44px;
  width: 100%;
  border-radius: 0 !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  align-items: center;
  align-content: center;

 }

 .modal-footer button {
  padding: 10px 22px;
  height: 44px;
  border-radius: 0 !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  align-items: center;
  align-content: center;
 }

 @media (max-width: 1128px) {
  #groups-dashboard-buttons :nth-child(1) :nth-child(2) {
    display: none;
  }
 }
 
 span.ldgr-course-lesson-progress {
    display: none;
}