div.jumbotron {
    top: 70px;
    height: 200px;
    z-index: 900;
}

tr.sticky-top {
    top: 258px;
    z-index: 900;
}

.sticky-header th {
    background-color: #ddd;
    position: sticky;
    top: 0;
}

dt.comp-title {
    padding-left: 2rem;
    font-weight: 700;
    padding-right: 1rem;
}

dd.comp-value {
    width: 75%;
    text-align: left;
    padding-left: 2rem;
    margin: 0;
}

td.comp-title {
    text-align: right;
    padding-left: 20px;
    font-weight: 700;
}

td.comp-value {
    width: 75%;
    text-align: left;
    padding-left: 2rem;
}

div.card-material {
    float: left;
    font-size: .9em;
    text-align: center;
    box-shadow: 0 0.1rem .3rem 0 rgba(0, 0, 0, 0.15);
}

div.modal-compendium {
    max-width: 35%;
}

.mw-50 {
    max-width: 50%;
}

.accordion-button::after {
    margin-left: 10px !important;
}

.logo-lg img {
    height: 45px;
}

ul.pagination {
    padding-left: 5%;
    padding-right: 5%;
}

:root {
    --ct-logo-lg-height: 32px;
    --ct-logo-lg-height: 32px;
    --ct-leftbar-condensed-height: calc(100vh - var(--ct-footer-height) - 11px) !important;    
}

.pagination {
    --ct-pagination-hover-bg: #f7eeee;
    --ct-pagination-hover-border-color: #e6dede;
    --ct-pagination-focus-color: #fa6767;
    --ct-pagination-focus-bg: #f7eeee;
    --ct-pagination-focus-box-shadow: 0 0 0 0.15rem rgba(252, 54, 54, 0.25);
    --ct-pagination-active-color: #fff;
    --ct-pagination-active-bg: #fa6767 !important;
    --ct-pagination-active-border-color: #fa6767 !important;
    --ct-pagination-disabled-color: #9c8a8a;
    --ct-pagination-disabled-bg: #fff;
    --ct-pagination-disabled-border-color: #e6dede;
}

a {
    --ct-menu-item-hover-color: #fa6767;
    --ct-menu-item-active-color: #fa6767;
    --ct-help-box-bg: #fa6767;
}

.table-clickable {
    --ct-table-hover-bg: #fee6e6 !important;   
}