pre {
    white-space: pre-wrap;
}

.component img {
    max-width:100%;
    height: auto;
}

body.mce-content-body .block-placeholder {
    background-color: bisque !important;
}

body.mce-content-body .block-prefix {
    background-color: beige !important;
}

body.mce-content-body .block-prefix::before {
    color: rgba(0, 0, 0, 0.60) !important;
    content: "(" !important;
}

body.mce-content-body .block-suffix {
    background-color: beige !important;
}

body.mce-content-body .block-suffix::after {
    color: rgba(0, 0, 0, 0.60) !important;
    content: ")" !important;
}


h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
}

.component-header, .component-name {
    page-break-after: avoid;
}

.component table {
    height: auto;
    width: auto;
    max-width: 100%;
}

/* Adds bullet style to objective items */
.objective-component .cell-basic {
    margin-left: 52px;
}

.objective-component .cell-basic:nth-child(1) {
    list-style: disc;
    display: list-item;
}

td.fr-thick {
    line-height: 1.5em;
    padding: 5px;
}


.component .app-name-view.component-name {
   color: #013A81 !important;
   font-weight: 800 !important;
   border-bottom: solid 1px #2D9CA0 !important;
}

h2 {
    font-size: 20px;
    font-weight: 500 !important;
    color: #013A81 !important;
}

h3 {
    font-size: 18px;
    font-weight: 450 !important;
    color: #013A81 !important;
}

.doc .component-body {
    color: #414141 !important;
    font-family: Roboto,sans-serif !Important;
    font-weight: 400 !Important;
    font-size: 14px !Important;
}
.component-body {
   color: #414141 !important;
   font-family: Roboto,sans-serif;
    font-weight: 400 !Important;
   font-size: 14px !important;
   line-height: 1.6 !Important
}

.component-body p {
   color: #414141 !important;
   font-family: Roboto,sans-serif;
    font-weight: 400 !Important;
   font-size: 14px !important;
   line-height: 1.6 !Important
}

.mat-card {
    background: white;
    font-family: Roboto,sans-serif !Important;
    color: #414141 !important;
    font-size: 14px !important;
}

.doc .component-body li {
    margin: .4em auto
    color: #414141 !important;
    font-size: 14px !important;
}

    .fr-file-details {
        display: flex;
        flex-wrap: wrap;
        font-size: 14px
  }

.fr-view table { width: auto !important; }

tbody {word-break:break-word;}

.instructor-component .cell-name {
    font-weight: bold;
}

.material-component .cell-content > div.fr-view {
    text-indent: -36px;
    padding-left: 36px;
}

app-doc-import-quick.switch-button {
    display: none !important;
}

.component-id-4d9b8cd1-16b0-4147-bad9-6cd08ee57e8b .delete-row-cell button {
    display: none;
    cursor: default;
    pointer-events: none;
}

.component-id-6215e87c-b1fd-44e1-9650-eda628ba1173 ol > li {
    list-style: none;
    text-indent: -36px !important;
}

.component-id-4593ec95-acb2-4548-afc9-338302d92c08 ol > li {
    list-style: none;
    text-indent: -36px !important;
}

.component-id-f73c51e3-34c6-43d4-887e-42cdfaabd7f3 ol > li {
    list-style: none;
    text-indent: -36px !important;
}

.component-id-0dc3f82a-c0f3-4ddd-a16b-93063c976ce9 ol > li {
    list-style: none;
    text-indent: -36px !important;
}

.component-id-e5162631-306a-4b84-b55b-3d588848bddc .cell-4 {
  font-family: Roboto,sans-serif;
  font-size: 14px !important;
  color: #434343 !important;
}