.page-deleted {
        opacity: 0.6;
        background-color: #f8d7da;
    }
    .preview-modal .modal-dialog {
        max-width: 900px;
    }
    #previewModal {
        z-index: 1060;
    }
    #previewModal .modal-backdrop {
        z-index: 1055;
    }
    .pd-b-0 { padding-bottom: 0; }
    .pd-l-20 { padding-left: 20px; }
    .pd-0-f { padding: 0 !important; }
    .mg-b-5 { margin-bottom: 5px; }
    .tx-15 { font-size: 15px; }
    .tx-medium { font-weight: 500; }
    .ht-sm-300 { min-height: 300px; }
    .note-editor.note-frame {
        border: solid 1px #eee !important;
    }
    .note-editable {
        min-height: 400px !important;
    }
    .editor-mode-switch {
        margin-bottom: 10px;
    }
    .mg-r-15 {
        margin-right: 15px;
    }
    /* Validation Styles */
    .is-invalid {
        border-color: #dc3545 !important;
    }
    .invalid-feedback {
        display: none;
        width: 100%;
        margin-top: 0.25rem;
        font-size: 0.875em;
        color: #dc3545;
    }
    .is-invalid ~ .invalid-feedback {
        display: block;
    }
    .note-toolbar {
      position: relative;
      border-bottom: solid 1px #eeeeee;
    }
    .btn-default {
        padding: 3px 10px;
        background-color: #fff;
        border-color: #c0ccda !important;
    }
    .note-dropdown-menu.show{
      display: flex;
    }
    .dropdown-fontname.show,
    .dropdown-style.show,
    .dropdown-fontsize.show,
    .dropdown-line-height.show
    {
      display: flex;
      flex-direction: column;
    }
    .note-toolbar .dropdown-toggle::after {
      display: none;
    }
    .CodeMirror-linenumber {
        min-width: 32px !important;
    }