/* ProfiCRM documentation code blocks */
.courses-post pre,
.courses-right-side pre,
.learning-course-detail pre {
  max-width: 100%;
  margin: 10px 0 18px;
  padding: 0;
  overflow-x: auto;
  border: 1px solid #d8dee4;
  border-radius: 6px;
  background: #f6f8fa;
}

.courses-post pre code.hljs,
.courses-right-side pre code.hljs,
.learning-course-detail pre code.hljs {
  display: block;
  box-sizing: border-box;
  min-width: 100%;
  padding: 13px 15px;
  background: #f6f8fa;
  color: #24292f;
  font-family: Consolas, Monaco, 'Courier New', monospace;
  font-size: 13px;
  line-height: 1.55;
  white-space: pre;
}

.courses-post p + pre,
.courses-right-side p + pre,
.learning-course-detail p + pre {
  margin-top: 6px;
}

.courses-post code:not(.hljs),
.courses-right-side code:not(.hljs),
.learning-course-detail code:not(.hljs) {
  padding: 2px 5px;
  border-radius: 4px;
  background: #f6f8fa;
  color: #d14;
  font-size: 90%;
}


/* Code comparison tables */
.courses-post .code-table-scroll,
.courses-right-side .code-table-scroll,
.learning-course-detail .code-table-scroll {
  max-width: 100%;
  overflow-x: auto;
  margin: 10px 0 18px;
  -webkit-overflow-scrolling: touch;
}

.courses-post table.code-compare-table,
.courses-right-side table.code-compare-table,
.learning-course-detail table.code-compare-table {
  width: 100%;
  table-layout: fixed;
}

.courses-post table.code-compare-table th,
.courses-post table.code-compare-table td,
.courses-right-side table.code-compare-table th,
.courses-right-side table.code-compare-table td,
.learning-course-detail table.code-compare-table th,
.learning-course-detail table.code-compare-table td {
  vertical-align: top;
}

.courses-post table.code-compare-table pre,
.courses-right-side table.code-compare-table pre,
.learning-course-detail table.code-compare-table pre {
  margin: 0;
}

@media (max-width: 767px) {
  .courses-post table.code-compare-table,
  .courses-right-side table.code-compare-table,
  .learning-course-detail table.code-compare-table {
    display: table !important;
    min-width: 680px;
    width: 680px;
  }

  .courses-post table.code-compare-table thead,
  .courses-right-side table.code-compare-table thead,
  .learning-course-detail table.code-compare-table thead {
    display: table-header-group !important;
  }

  .courses-post table.code-compare-table tbody,
  .courses-right-side table.code-compare-table tbody,
  .learning-course-detail table.code-compare-table tbody {
    display: table-row-group !important;
  }

  .courses-post table.code-compare-table tr,
  .courses-right-side table.code-compare-table tr,
  .learning-course-detail table.code-compare-table tr {
    display: table-row !important;
  }

  .courses-post table.code-compare-table th,
  .courses-post table.code-compare-table td,
  .courses-right-side table.code-compare-table th,
  .courses-right-side table.code-compare-table td,
  .learning-course-detail table.code-compare-table th,
  .learning-course-detail table.code-compare-table td {
    display: table-cell !important;
    width: 50% !important;
  }
}