html, body {
        font-size: 16px !important;
    }
    * { font-family: 'Mulish', sans-serif; }
    .panel-heading.note-toolbar {
        position: sticky;
        top: 0px;
        z-index: 999;
    }
    .new-page {
        width: 100%;
        height: 1px;
        border-top: 1px dashed #D3D3D3;
        margin-bottom: 40px;
        margin-top: 40px;
        position: relative;
    }
    .new-page::after {
        content: 'New page';
        padding: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        background: white;
        font-size: 17px;
        position: absolute;
        top: 50%;
        color: #D3D3D3;
        left: 50%;
        padding: 24px;
        border-top: none;
        transform: translate(-50%, -50%);
    }
    .note-editor.note-frame {
        border: none !important;
    }
    li[aria-label="blockquote"],li[aria-label="pre"] {
        display: none;
    }
    table.with-border {
        border: 1px solid black;
        border-collapse: collapse;
    }
    table.with-border th, table.with-border td {
        border: 1px solid black;
        padding: 8px
    }
    #loading {
        width: 0%;
        height: 80%;
        position:absolute; /*it can be fixed too*/
        left:0; right:0;
        top:0; bottom:0;
        margin:auto;
        display: block;
        z-index: 99;
    }

    .loader {
        border: 8px solid #f3f3f3; /* Light grey */
        border-top: 8px solid #f9423a; 
        border-radius: 50%;
        width: 60px;
        height: 60px;
        animation: spin 1s linear infinite;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }