/* Remove upper area for new student "my-training" view */
.new-ui.learner-user div[data-vue-component="my_courses"] > section.tw-flex.tw-flex-col {
    display: none;
}

/* Remove Switch UI button for new student view */
.new-ui.learner-user .twui-switch-ui.group {
    display: none;
}

/* remove "show reminders banner" button for new student view */
#toggle-reminders-banner {
    display: none;
}

/* increase course card height on catalog view */
.ef-card-entries .ef-card {
    height: 400px !important;
}

/* Fix overlapping icons on admin dashboard */
@media (min-width: 992px) and (max-width: 1375px) {
  div.ef-block .iconTable {
    grid-template-columns: repeat(auto-fill, minmax(max(110px, 100% / var(--icon-table-column-count)), 1fr));
    word-wrap: break-word;
  }
}

/* course description stylings */
#ef-description h1,
#ef-description .h1,
#ef-description h2,
#ef-description .h2,
#ef-description h3,
#ef-description .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
#ef-description a {
    text-decoration: underline;
}

.new-ui.learner-user header > div.tw-w-full > div.tw-flex > div.tw-mx-10 > div.tw-relative > div {
  max-width: 170px;
}

#widgetGrid section.widget {
    border: 1px solid #DDD;
}

#widgetGrid section.widget .courseProgress {
    background-color: green !important;
}

#widgetGrid section.widget .courseProgress .course-progress-text {
    color: var(--dashboard-color-white) !important;
}