@charset "UTF-8";

/*.note {
    margin-bottom: 20px;
    position: relative;
    border-radius: 4px;
    display: flex;
    flex: 1;
    border-left: 3px solid;
}
.note .note-icon {
    width: 80px;
    font-size: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.note .note-content {
    padding: 15px;
    flex: 1;
}
.note .note-content .h1, .note .note-content .h2, .note .note-content .h3, .note .note-content .h4, .note .note-content .h5, .note .note-content .h6, .note .note-content h1, .note .note-content h2, .note .note-content h3, .note .note-content h4, .note .note-content h5, .note .note-content h6 {
    color: inherit;
}
.note.note-with-end-icon {
    border-left: none;
    border-right: 3px solid;
}
.note.note-default {
    border-color: #e9ecef;
    background: #fff;
    color: #90a0af;
}
.note.note-primary {
    background: #61a8e8;
    color: #10416d;
}
.note.note-secondary {
    border-color: #6c757d;
    background: #868e96;
    color: #25282b;
}
.note.note-success {
    border-color: #00acac;
    background: #00dfdf;
    color: #001313;
}
.note.note-info {
    border-color: #49b6d6;
    background: #73c7df;
    color: #195a6d;
}
.note.note-warning {
    border-color: #f59c1a;
    background: #f7b14b;
    color: #714505;
}
.note.note-danger {
    border-color: #ff5b57;
    background: #ff8d8a;
    color: #bd0500;
}
.note.note-light {
    background: #fff;
    color: #2d353c;
}
.note.note-dark {
    border-color: #2d353c;
    background: #434f59;
    color: #000;
}
.note.note-inverse {
    border-color: #2d353c;
    background: #434f59;
    color: #000;
}
.note.note-blue {
    border-color: #348fe2;
    background: #61a8e8;
    color: #10416d;
}
.note.note-indigo {
    border-color: #8753de;
    background: #a57ee6;
    color: #3f1880;
}
.note.note-purple {
    border-color: #727cb6;
    background: #949bc7;
    color: #31375e;
}
.note.note-pink {
    border-color: #fb5597;
    background: #fc87b5;
    color: #b3044a;
}
.note.note-red {
    border-color: #ff5b57;
    background: #ff8d8a;
    color: #bd0500;
}
.note.note-orange {
    border-color: #f59c1a;
    background: #f7b14b;
    color: #714505;
}
.note.note-yellow {
    border-color: #ffd900;
    background: #ffe133;
    color: #665700;
}
.note.note-green {
    border-color: #32a932;
    background: #46c846;
    color: #0f330f;
}
.note.note-teal {
    border-color: #00acac;
    background: #00dfdf;
    color: #001313;
}
.note.note-lime {
    border-color: #90ca4b;
    background: #a8d672;
    color: #41601c;
}
.note.note-cyan {
    border-color: #49b6d6;
    background: #73c7df;
    color: #195a6d;
}
.note.note-white {
    border-color: #fff;
    background: #fff;
    color: #b3b3b3;
}
.note.note-gray {
    border-color: #6c757d;
    background: #868e96;
    color: #25282b;
}
.note.note-gray-dark {
    border-color: #2d353c;
    background: #434f59;
    color: #000;
}
.note.note-muted {
    border-color: #adb5bd;
    background: #c9cfd4;
    color: #5d6974;
}
.note.note-black {
    border-color: #000;
    background: #1a1a1a;
    color: #000;
}
.note.note-silver {
    border-color: #b6c2c9;
    background: #d3dadf;
    color: #627884;
}
.note.note-gray-100 {
    border-color: #f8f9fa;
    background: #fff;
    color: #9fadba;
}
.note.note-gray-200 {
    border-color: #e9ecef;
    background: #fff;
    color: #90a0af;
}
.note.note-gray-300 {
    border-color: #dee2e6;
    background: #fbfcfc;
    color: #8796a4;
}
.note.note-gray-400 {
    border-color: #ced4da;
    background: #ebeef0;
    color: #778898;
}
.note.note-gray-500 {
    border-color: #adb5bd;
    background: #c9cfd4;
    color: #5d6974;
}
.note.note-gray-600 {
    border-color: #6c757d;
    background: #868e96;
    color: #25282b;
}
.note.note-gray-700 {
    border-color: #495057;
    background: #606a73;
    color: #030404;
}
.note.note-gray-800 {
    border-color: #2d353c;
    background: #434f59;
    color: #000;
}
.note.note-gray-900 {
    border-color: #20252a;
    background: #363f47;
    color: #000;
}*/

.note-editor.note-frame {
    font-family: "Open Sans", sans-serif;
    color: var(--app-component-color);
}
.note-editor.note-frame .note-toolbar {
    background: var(--bs-light);
    border-color: var(--app-component-border-color);
    /*padding: .9375rem!important;*/
    padding:6px 0.9375rem!important;
    border-radius: 0;
}
.note-editor.note-frame .note-toolbar .note-btn-group {
    /*margin-top: 0!important;*/
    margin: 0!important;
}
.note-editor.note-frame .note-toolbar .note-btn-group .note-btn {
    /*background: var(--app-component-bg);*/
    background: 0 0;
    /*border-color: var(--app-component-border-color);*/
    border:none;
    color: var(--app-component-color);
}
.note-editor.note-frame .note-toolbar .note-btn {
    font-size:10px!important;
}
.note-editor.note-frame .note-toolbar .note-btn-group .note-btn:focus, .note-editor.note-frame .note-toolbar .note-btn-group .note-btn:hover {
    /*background: var(--app-component-hover-bg);*/
    background: rgba(var(--app-component-bg-rgb),.75);
    border-radius: 4px!important;
    box-shadow: none!important;
}
.note-editor.note-frame .note-toolbar .note-btn-group .note-btn.active {
    background: var(--app-component-active-bg);
    border-color: var(--app-component-active-bg);
    color: var(--app-component-active-color);
}
.note-editor.note-frame .note-toolbar .note-dropdown-menu {
    border: none;
    padding: .25rem 0;
    background-color: var(--app-component-dropdown-bg);
    color: var(--app-component-color);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border-radius: 4px;
}
.note-editor.note-frame .note-toolbar .note-dropdown-menu .note-dropdown-item {
    padding: .309375rem .9375rem;
    color: rgba(var(--app-component-color-rgb), .85);
    white-space: nowrap;
}
.note-editor.note-frame .note-toolbar .note-dropdown-menu .note-dropdown-item:focus, .note-editor.note-frame .note-toolbar .note-dropdown-menu .note-dropdown-item:hover {
    color: var(--app-component-color);
    background: var(--app-component-dropdown-hover-bg);
}
.note-editor.note-frame .note-toolbar .note-dropdown-menu .note-dropdown-item blockquote, .note-editor.note-frame .note-toolbar .note-dropdown-menu .note-dropdown-item pre {
    padding: 0;
    margin: 0;
}
.note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu {
    min-width: 350px;
}
.note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select, .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title {
    margin-left: 0;
    margin-right: 0;
}
.note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select {
    background: #495057;
    border-color: #495057;
}
.note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:active, .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:focus, .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:active, .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:focus, .note-editor.note-frame .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
    background: #2d353c;
    border-color: #2d353c;
}
.note-editor.note-frame .note-modal .note-modal-content {
    border-width: 0;
    border-color: var(--app-component-modal-border-color);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}
.note-editor.note-frame .note-modal .note-modal-content .note-modal-header {
    border: none;
    border-bottom: 1px solid #ced4da;
    padding: .9375rem .9375rem;
}
.note-editor.note-frame .note-modal .note-modal-content .note-modal-header .note-modal-title {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.2;
    color: #2d353c;
}
.note-editor.note-frame .note-modal .note-modal-content .note-modal-body {
    padding: .9375rem;
}
.note-editor.note-frame .note-modal .note-modal-content .note-modal-body .note-form-label {
    font-size: .75rem;
    color: #2d353c;
    display: block;
    margin: 0 0 .234375rem;
    font-weight: 600;
    padding: 0;
}
.note-editor.note-frame .note-modal .note-modal-content .note-modal-body .note-input {
    min-height: calc(1.5em + .875rem + 2px);
    padding: .4375rem .75rem;
    border-color: #ced4da;
    font-size: .75rem;
}
.note-editor.note-frame .note-modal .note-modal-content .note-modal-body .note-input:focus {
    border-color: #67abe9;
}
.note-editor.note-frame .note-modal .note-modal-content .note-modal-body .checkbox input {
    margin-right: .46875rem;
}
.note-editor.note-frame .note-modal .note-modal-content .note-modal-footer {
    height: auto;
    padding: .9375rem;
    border-top: 1px solid #ced4da;
    margin-top: .5rem;
    display: flex;
    justify-content: flex-end;
}
.note-editor.note-frame .note-btn-primary {
    padding: .4375rem .75rem;
    font-weight: 600;
    line-height: 1.5;
    border-radius: 4px;
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #348fe2;
    --bs-btn-border-color: #348fe2;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #276baa;
    --bs-btn-hover-border-color: #276baa;
    --bs-btn-focus-shadow-rgb: 82, 160, 230;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #276baa;
    --bs-btn-active-border-color: #276baa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,  0,  0,  0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #67abe9;
    --bs-btn-disabled-border-color: #67abe9;
}
.note-editor.note-frame .note-placeholder {
    padding: .9375rem!important;
    color: rgba(var(--app-component-color-rgb), .6);
}
.note-editor.note-frame .note-editing-area {
    background: var(--app-component-bg);
}
.note-editor.note-frame .note-editing-area .note-editable {
    padding: .9375rem!important;
}
.note-editor.note-frame .note-tooltip .note-tooltip-content {
    background: #20252a;
    font-family: "Open Sans", sans-serif;
    font-size: .6875rem;
    font-weight: 600;
    border-radius: 4px;
}
.note-editor.note-frame .note-tooltip.top .note-tooltip-arrow {
    border-top-color: #20252a;
}
.note-editor.note-frame .note-tooltip.right .note-tooltip-arrow {
    border-right-color: #20252a;
}
.note-editor.note-frame .note-tooltip.bottom .note-tooltip-arrow {
    border-bottom-color: #20252a;
}
.note-editor.note-frame .note-tooltip.left .note-tooltip-arrow {
    border-left-color: #20252a;
}
.note-editor.note-frame .note-popover.popover {
    display: none;
}
.note-editor.note-frame .note-popover.popover .note-toolbar, .note-editor.note-frame .note-popover.popover .popover-content {
    padding: .46875rem .9375rem!important;
    background: #20252a;
    border-radius: 0;
}
.note-editor.note-frame.note-frame {
    /* border: none!important; */
    /* margin: 0!important; */
    background: 0 0;
    overflow: hidden;
}
.note-editor.note-frame.note-frame .note-statusbar {
    border-color: var(--app-component-border-color);
    background: var(--bs-light);
}
.note-editor.note-frame.note-frame .note-statusbar .note-resizebar .note-icon-bar {
    border-top-color: var(--app-component-border-color);
}
.note-editor.note-frame.fullscreen .note-toolbar-wrapper {
    display: none;
}