learndash-import.css

.learndash-import-wrap { margin-top: 20px; margin-bottom: 25px; }

.title-wrap .heading-title { margin: 0; padding: 0; }

.title-wrap { padding: 10px; box-sizing: border-box; }
.title-wrap { background: #1e8cbe; color: #fff; }
.title-wrap.delete-data { margin-bottom: 20px; }

.heading-title { text-transform: uppercase; margin: 0; padding: 0; color: #fff; }

.heading-wrap { margin-bottom: 20px; }

.quiz-info-item label { width: 125px; text-transform: uppercase; font-weight: 700; }

.question-info-item label { font-weight: 700; text-transform: uppercase; width: 125px; }

.rows-removed-container { background: #ddd; padding: 10px; box-sizing: border-box; margin-bottom: 20px; overflow-x: auto; }

.deleted-tables-status { padding: 10px; box-sizing: border-box; color: #fff; font-weight: 700; }
.deleted-tables-status.success { background: limegreen; }
.deleted-tables-status.failure { background: orangered; }

.main-action-wrap { background: #1e8cbe; padding: 20px; box-sizing: border-box; display: block; width: calc(100% - 160px); position: fixed; bottom: 0; left: 160px; z-index: 9999; }

.main-action-wrap button { padding: 6px; background: orange; border: none; color: #fff; margin-right: 10px; cursor: pointer; transition: all 0.3s ease; }
.main-action-wrap button:last-child { margin-right: 0; }
.main-action-wrap button:hover { background: darkorange; }

.json-structure { background: #ddd; padding: 10px; box-sizing: border-box; overflow: auto; max-height: 640px; }

.courses-import-container { display: flex; }

.course-item { background: orange; color: #fff; padding: 10px; box-sizing: border-box; margin-bottom: 20px; display: inline-block; margin-right: 20px; min-width: 350px; }

.course-item .title-row { text-transform: uppercase; font-size: 1.25em; display: flex; align-items: center; margin-bottom: 10px; }
.course-item .title-row label { margin-right: 6px; font-weight: 500; }

.course-item .information-row { background: #f1f1f1; color: #222; }
.course-item .information-row div { display: flex; align-items: center; padding: 10px; }
.course-item .information-row div:nth-child(even) { background: #fff; }
.course-item .information-row div label { width: 250px; font-weight: 500; text-transform: uppercase; border-right: 1px solid #222; padding-right: 10px; margin-right: 10px; }

#go-back-to-main { float: right; }

@media(max-width: 960px) {
    .main-action-wrap { width: calc(100% - 36px); left: 36px; }
    .courses-import-container { display: block; }
    .course-item { width: 100%; display: block; }
}

@media(max-width: 782px) {
    .learndash-import-wrap { margin-top: 10px; margin-bottom: 56px; }

    .main-action-wrap { width: 100%; left: 0; }

    .main-action-wrap button { width: 100%; float: none; margin-bottom: 10px; }
    .main-action-wrap button:last-child { margin-bottom: 0; }
}

@media(max-width: 350px) {
    .course-item { min-width: 0; }

    .course-item .title-row label { display: none; }

    .course-item .information-row div { display: block; }
    .course-item .information-row div label { border-right: none; padding-right: 0; margin-right: 0; display: block; }
}