/* 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;
}

/* alert / course announcement design */
.ef-new-feature-alert, .alert-info, aside.alert.alert-info {
    background-color: #D8EDF6 !important;
    color: var(--color-primary) !important;
    padding: 15px !important;
}

/* Make sure disabled links in new tables are red */
.tabulator--ef-theme .tabulator-row.disabled * {
    color: var(--c-brand-danger) !important;
}