.notes-modal .modal-dialog {
    --bs-modal-width: min(1320px, calc(100vw - 2rem));
    max-width: min(1320px, calc(100vw - 2rem));
}

.notes-modal-header {
    background: #e3edf7;
    border-bottom-color: #c7d4e2;
}

.notes-modal-note-body {
    min-height: 12rem;
}

.notes-modal-note-body img {
    max-width: 100%;
    height: auto;
}

.notes-modal-side-column {
    border-left: 1px solid rgba(0, 0, 0, 0.08);
}

.notes-modal-side-sticky {
    position: sticky;
    top: 0;
}

.notes-modal-discussion-panel,
.notes-modal-improve-panel {
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 0.375rem;
    padding: 0.75rem;
    scroll-margin-top: 1rem;
}

.notes-modal .notes-modal-links,
.notes-modal .notes-modal-media {
    font-size: 0.9rem;
}

.notes-modal .notes-modal-links td[style*="float: right"] {
    float: none !important;
    text-align: right;
    white-space: nowrap;
    width: 1% !important;
}

.notes-modal .notes-modal-links .rate-link {
    align-items: center;
    display: inline-flex;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.notes-modal .notes-modal-links .link_good_count,
.notes-modal .notes-modal-links .link_bad_count {
    display: inline-block;
    white-space: nowrap;
}

.notes-modal .note-editor {
    margin-bottom: 0;
}

.notes-modal #modalusernoteswrapper .note-editable {
    min-height: 9rem;
}

@media (max-width: 1199.98px) {
    .notes-modal-side-column {
        border-left: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.08);
        padding-top: 1rem;
    }

    .notes-modal-side-sticky {
        position: static;
    }
}