html {
    scroll-behavior: smooth;
}

main > section > section {
    padding-top: 1.9rem;
}

img{
    max-width: 100%;
    max-height: 100%;
    display: block; /* remove extra space below image */
}

ol {
    list-style: decimal-leading-zero;
    padding: 0;
    margin: 0;
    padding-left: 30px;
}

    ol::marker {
        position: absolute;
        left: 0;
        top: 0;
    }

.code-highlight {
    padding: 1rem;
    border-radius: 4px;
}

    .code-highlight pre {
        margin: 0;
    }

.modal-backdrop {
    visibility: hidden !important;
}

.modal-header {
    background-color: lightgray !important;
}

.modal-footer {
    background-color: lightgray !important;
}

.modal-content {
    border-color: darkgray !important;
}

.modal.in {
    background-color: rgba(0,0,0,0.5);
}

.rheo-list {
    padding-left: 45px;
    padding-right: 15px;
}

ol.rheo-list {
    list-style-type: decimal;
}

.rheo-item {
    padding-bottom: 10px;
}

.rheo-row {
    margin-top: 10px;
}

.rheo-ptitle {
    font-weight: bold;
    text-decoration: underline;
}

.rheo-hcolumn {
    font-weight: bold;
}

.rheo-emphasis {
    font-style: italic;
}

.rheo-icon {
    vertical-align: bottom;
}

.rheo-logo-color {
    font-weight: bold;
    color: #025290;
}

.rheo-button {
    font-weight: bold;
}

.rheo-selection {
    font-weight: bold;
}

.mail-unread-blue {
    font-size: 16px;
    color: blue;
}

.mail-unread-red {
    font-size: 16px;
    color: red;
}