.llms-import-file-wrap {
  background: #fafafa;
  border: 1px solid #ccd0d4;
  padding: 10px;
  margin: 20px auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.llms-cloud-import-help.button-link {
  color: inherit;
  vertical-align: top;
  text-decoration: none; }

ul.llms-importable-courses {
  margin: 0 -10px; }
  ul.llms-importable-courses li.llms-importable-course {
    background: #fff;
    margin: 10px; }
    ul.llms-importable-courses li.llms-importable-course img {
      display: block;
      max-width: 100%; }
    ul.llms-importable-courses li.llms-importable-course h3 {
      margin: 20px 20px 10px; }
    ul.llms-importable-courses li.llms-importable-course p {
      margin: 0 20px; }
    ul.llms-importable-courses li.llms-importable-course.has-action-button {
      padding-bottom: 80px;
      position: relative; }
      ul.llms-importable-courses li.llms-importable-course.has-action-button .button {
        bottom: 20px;
        left: 20px;
        position: absolute; }

@media only screen and (min-width: 600px) {
  ul.llms-importable-courses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

@media only screen and (min-width: 600px) and (max-width: 767px) {
  ul.llms-importable-courses li.llms-importable-course {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc( 50% - 20px);
            flex: 1 0 calc( 50% - 20px);
    max-width: calc( 50% - 20px); } }

@media only screen and (min-width: 768px) {
  ul.llms-importable-courses li.llms-importable-course {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc( 33% - 20px);
            flex: 1 0 calc( 33% - 20px);
    max-width: calc( 33% - 20px); } }