.onp-wrapper{border:1px solid #bfc7ce;border-radius:5px;background:#f8f8f8;font-family:Arial,sans-serif;max-width:100%;box-shadow:0 1px 3px rgba(0,0,0,.12);overflow:hidden}.onp-titlebar{background:linear-gradient(#eee,#d7d7d7);text-align:center;font-weight:700;font-size:20px;padding:12px;color:#2d3943}.onp-menubar{display:flex;gap:12px;align-items:center;padding:8px 12px;border-bottom:1px solid #ddd;background:#f5f5f5}.onp-menu{position:relative}.onp-menu>button,.onp-toolbar button,.onp-dropdown button{background:transparent;border:0;cursor:pointer;font-size:16px;padding:6px 8px}.onp-menu:hover .onp-dropdown{display:flex}.onp-dropdown{display:none;position:absolute;top:100%;left:0;z-index:20;background:white;min-width:170px;flex-direction:column;border:1px solid #bbb;box-shadow:0 4px 12px rgba(0,0,0,.16)}.onp-dropdown button{text-align:left;border-bottom:1px solid #eee}.onp-dropdown button:hover,.onp-toolbar button:hover{background:#e9eef5}.onp-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid #c9c9c9;background:#fafafa}.onp-toolbar span{height:32px;width:1px;background:#ccc;margin:0 4px}.onp-toolbar select{font-size:16px;padding:6px 24px 6px 8px;border:0;background:#fff;border-left:1px solid #ddd}.onp-findbar{display:flex;gap:8px;padding:8px 12px;background:#fff8d9;border-bottom:1px solid #e5d990}.onp-findbar input{padding:7px;min-width:240px}.onp-editor{min-height:500px;background:#fff;padding:18px;outline:none;font-size:16px;line-height:1.6;overflow:auto;white-space:pre-wrap}.onp-editor.nowrap{white-space:pre}.onp-status{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;background:#f1f1f1;border-top:1px solid #ddd;font-size:13px;color:#555}.onp-wrapper.onp-fullscreen{position:fixed!important;inset:0;z-index:999999;background:white;border-radius:0}.onp-wrapper.onp-fullscreen .onp-editor{height:calc(100vh - 170px);min-height:0}@media(max-width:600px){.onp-titlebar{font-size:16px}.onp-menubar{gap:3px}.onp-menu>button,.onp-toolbar button{font-size:14px;padding:5px}.onp-toolbar select{width:130px}.onp-editor{min-height:420px}}


/* By Law Doors visibility fix */
.online-notepad,
.online-notepad *,
.notepad-wrapper,
.notepad-wrapper *,
.onp-wrapper,
.onp-wrapper *,
.toolbar,
.toolbar *,
.menu,
.menu *,
.dropdown,
.dropdown *,
button,
select,
option {
    color: #000 !important;
}

.online-notepad button,
.notepad-wrapper button,
.onp-wrapper button,
.toolbar button,
.menu button,
.online-notepad select,
.notepad-wrapper select,
.onp-wrapper select {
    background-color: #ffffff !important;
    opacity: 1 !important;
}

.online-notepad .dropdown-menu,
.notepad-wrapper .dropdown-menu,
.onp-wrapper .dropdown-menu,
.menu ul,
.menu .submenu {
    color: #000 !important;
    background-color: #ffffff !important;
    z-index: 999999 !important;
}