.note-editor .note-toolbar .note-dropdown-menu, .note-popover .popover-content .note-dropdown-menu {
    min-width: 350px !important;
    min-width: 337px !important;
}
.note-editor .note-toolbar .note-color .dropdown-toggle, .note-popover .popover-content .note-color .dropdown-toggle {
    width: 20px;
    height: 30px;
    padding-left: 5px;
}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
    border: 0px solid #fff;
}
.note-btn-group.note-color {
    display: inline-flex;
}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette {
    display: table-cell;
    margin: 5px;
    width: 160px;
}
.note-color span.note-icon-caret::before {
    font-family: "Font Awesome 5 Free";
    /* content: "&\f1fc" !important; */
    content: "\f0d7" !important;
}
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}
h1, .h1 {
    font-size: 36px !important;
}
h2, .h2 {
    font-size: 30px;
}
h3, .h3 {
    font-size: 24px;
}
h4, .h4 {
    font-size: 18px;
}
h5, .h5 {
    font-size: 14px;
}
h6, .h6 {
    font-size: 12px;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.note-editor.note-airframe .note-editing-area, .note-editor.note-frame .note-editing-area {
    min-height: 200px !important;
    background: #1c1c1c !important; 
}

/********* STYLING OF BOX ****************/


.note-toolbar {
    color: #fff !important;
    background-color: #d42a2a !important;
    border-color: #d42a2a !important;
}
.note-btn-group {
    background: #090909 !important;
    border: 1px solid #090909 !important;
    color: #fff;
}
.note-editor .note-toolbar .note-dropdown-menu, .note-popover .popover-content .note-dropdown-menu {
    background: #d42a2a !important;
    border-color: #d42a2a !important;
}
button.note-color-reset.btn.btn-light.btn-default {
    background: #090909 !important;
    border-color: #090909 !important;
    color: #fff !important;
}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
    border: 0px solid transparent !important;
    color: transparent !important;
    background: transparent !important;
}
button.note-color-select.btn.btn-light.btn-default {
    background: #090909 !important;
    border-color: #090909 !important;
    color: #fff !important;
}
blockquote {
    border-left: 5px solid #fff !important;
}
pre {
    color: #ffffff !important;
    background-color: #090909 !important;
    border: 1px solid #090909 !important;
}
a.note-dropdown-item {
    color: #fff !important;
}
button.note-btn.dropdown-toggle.active {
    color: #fff !important;
    background: #090909 !important;
    border: #090909 !important;
}
button.note-btn.dropdown-toggle {
    color: #fff !important;
    background: #090909 !important;
    border: #090909 !important;
}
button.note-btn.note-current-color-button {
    background: #090909 !important;
    border: #090909 !important;
    color: #fff !important;
    border-right: 2px solid #333 !important;
}
button.note-btn.note-btn-bold {
    color: #fff !important;
    border-color: #090909 !important;
    background: #090909 !important;
}
button.note-btn.note-btn-underline {
    color: #fff !important;
    border-color: #090909 !important;
    background: #090909 !important;
}
button.note-btn {
    background: transparent;
    border: transparent;
    color: #fff !important;
}
.note-btn.active, .note-btn.focus, .note-btn:active, .note-btn:focus, .note-btn:hover {
    color: #fff !important;
    border: 1px solid #333333 !important;
    background-color: #333333 !important;
}
.note-dropdown-item:hover {
    color: #000000 !important;
}
.note-modal-content {
    background: #090909  !important;
}
pre:hover {
    color: #f00 !important;
}
.note-modal-header {
    border: 1px solid #090909 !important;
    border-bottom: 1px solid #d42a2a !important;
    background: #d42a2a;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    color: #fff !important;
}
h4.note-modal-title {
    color: #fff !important;
}
label.note-form-label {
    color: #fff !important;
}
label {
    color: #d42a2a !important;
}
.note-btn-primary {
    background: #d42a2a;
    color: #fff;
    margin-bottom: 20px !important;
    display: table-row-group;
    position: relative;
    bottom: 20px !important;
    right: 5px !important;
    border-color: #d42a2a;
}
.note-btn.active, .note-btn.focus, .note-btn:active, .note-btn:focus, .note-btn:hover {
    color: #fff !important;
    border: 1px solid #d42a2a !important;
    background-color: #d42a2a !important;
}
.note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable {
    background: #1c1c1c !important;
}
.note-icon-close:before {
    content: "";
    font-size: 30px;
    color: #fff !important;
}

::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #d42a2a;
}

::selection {
  color: #fff;
  background: #d42a2a;
}
.note-dropdown-item:hover {
    background-color: transparent !important;
}
.note-icon-menu-check:before {
    color: #fff !important;
}
.note-modal-body {
    color: #fff !important;
}
.note-modal-footer a {
    color: #d42a2a !important;
}