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


/***** UTSA STYLING *****/
/*** Text Styling ***/
.component .app-name-view.component-name {
   color: #032044 !important;
   font-size: 1.2rem !important;
   font-weight: bold !important;
   /*** border-bottom: solid 1px #032044; ***/
    border-left: 3px solid #032044 !important;
    padding: .7em 0.6em !important;
    background: rgba(12, 35, 64,.1)
}

.component-body h3  {
    color: #032044 !important;
    font-size: 1.05rem !important;
    font-weight: bold !important;
    border-bottom: solid 1px #032044;
}

.component-body h4  {
    color: #032044 !important;
    font-size: 0.95rem !important;
    font-weight: bold !important;
}

.component-body {
   color: #000000 !important;
  font-size: 0.80rem !important;
  font-weight: 400 !important;
}

.component-body h1 {
   line-height: 1.2 !important;
}

.component-body h1 br {
    display: block;
    margin-bottom: 5px !important;
    content: "";
}

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

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

.app-doc-side-nav div a.active-scroll-spy {
    font-weight: bold !important;
    color: #032044 !important;
}

.fr-view blockquote {
    border-left: 0px solid #032044 !important;
    padding: 1.5em 1.5em !important;
    color: #000000 !important;
    font-style: italic;
}


/*** Link Styling 
.component-body a[href] {
    color: #025483 !important;
    text-decoration: underline;
}

.component-body a[href]:active,
.component-body a[href]:focus,
.component-body a[href]:hover {
    background-color: #F1F3F4;
    color: #025483;
}

.component-body a[href]:active, 
.component-body a[href]:focus, 
.component-body a[href]:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
} ***/

/*** Course Schedule Component Styling ***/

.schedule-component .component-body tr.mat-header-row {
    background: #ececec;
    height: auto !important;
}

.component-body th.mat-header-cell {
    color: #000000 !important;
}

.component-body .mat-table {
    border-collapse: collapse;
    font-family: Roboto,sans-serif !important;
}

.component-body .mat-cell {
    color: #000000 !important;
    font-weight: 300 !important;
    font-size: 13px !important;
}

.component-body .mat-table tbody tr:nth-child(2n) {
    background: #f5f5f5
}

.component-body .mat-table td, .mat-table th {
    border: 1px solid #ddd !important;
}

/*** Table Caption Styling ***/
caption {
    caption-side: bottom;
    text-align: left;
    font-size: .7rem;
    margin-top: .5rem;
    color: #535A60;
}

/*** Table Highlighted Cell Styling ***/
.fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted {
    border: 1px double #D3430D !important;
}