.dark.sun-editor {
    border-color: #404046 !important;
    background: #1e1e21;
}
.dark.sun-editor .sun-editor-editable pre {
    background-color: #2d2d2d;
    color: #c5c4ff;
    border-color: #404046;
}
.dark.sun-editor .sun-editor-editable span {
    color: #aaaab3;
}
.dark.sun-editor .sun-editor-editable hr {
    border-color: #aaaab3;
}
.dark.sun-editor .se-list-layer.se-list-format ul pre {
    background-color: #2d2d2d;
    color: #c5c4ff;
    border-color: #404046;
}
.dark.sun-editor .se-container .se-toolbar {
    background: #1e1e21;
    border-color: #404046;
    outline: none;
}
.dark.sun-editor .se-toolbar-more-layer {
    background: #2d2d31;
    border-color: #404046;
}
.dark.sun-editor .se-toolbar-more-layer .se-more-layer {
    border-top: 1px solid #404046;
}
.dark.sun-editor .se-toolbar-more-layer .se-tooltip {
    color: #aaaab3;
}
.dark.sun-editor .se-btn:enabled:focus, 
.dark.sun-editor .se-btn:enabled:hover {
    background-color: #28282b !important;
}
.dark.sun-editor .se-container .se-toolbar.se-toolbar-balloon {
    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important;
}
.dark.sun-editor .se-container .se-toolbar.se-toolbar-balloon .se-arrow.se-arrow-down:after {
    border-top-color: #1e1e21;
}
.dark.sun-editor .se-container .se-toolbar .se-btn-tray .se-btn-module {
    background: #2d2d31;
    border-color: #404046;
}
.dark.sun-editor .se-container .se-toolbar .se-btn-tray .se-btn-module .se-menu-list li button,
.dark.sun-editor .se-container .se-toolbar .se-menu-tray .se-list-inner li .se-btn-list {
    color: #aaaab3;
}
.dark.sun-editor .se-container .se-toolbar .se-menu-tray .se-list-inner li .se-btn-list:active {
    color: #aaaab3;
}
.dark.sun-editor .se-container .se-toolbar .se-menu-tray .se-list-inner li .se-btn-list:focus,
.dark.sun-editor .se-container .se-toolbar .se-menu-tray .se-list-inner li .se-btn-list:hover {
    background: #373737;
    color: #ffffff;
}
.dark.sun-editor .se-list-inner .se-list-basic li button.active {
    background-color: #3f3f3f;
    border: 1px solid #5f5f5f;
}

.dark.sun-editor .se-list-layer.se-list-format ul h1,
.dark.sun-editor .se-list-layer.se-list-format ul h2,
.dark.sun-editor .se-list-layer.se-list-format ul h3,
.dark.sun-editor .se-list-layer.se-list-format ul h4,
.dark.sun-editor .se-list-layer.se-list-format ul h5,
.dark.sun-editor .se-list-layer.se-list-format ul h6 {
    color: #aaaab3;
}

.dark.sun-editor .se-list-layer.se-list-format ul .active h1,
.dark.sun-editor .se-list-layer.se-list-format ul .active h2,
.dark.sun-editor .se-list-layer.se-list-format ul .active h3,
.dark.sun-editor .se-list-layer.se-list-format ul .active h4,
.dark.sun-editor .se-list-layer.se-list-format ul .active h5,
.dark.sun-editor .se-list-layer.se-list-format ul .active h6 {
    color: #ffffff;
}
.dark.sun-editor .se-list-layer.se-list-format ul h1:hover,
.dark.sun-editor .se-list-layer.se-list-format ul h2:hover,
.dark.sun-editor .se-list-layer.se-list-format ul h3:hover,
.dark.sun-editor .se-list-layer.se-list-format ul h4:hover,
.dark.sun-editor .se-list-layer.se-list-format ul h5:hover,
.dark.sun-editor .se-list-layer.se-list-format ul h6:hover {
    color: #ffffff;
}
.dark.sun-editor .se-btn-list.default_value {
    background-color: #484848;
    border-top: 1px dotted #b1b1b1;
    border-bottom: 1px dotted #b1b1b1;
}
.dark.sun-editor .se-btn-list:disabled,
.dark.sun-editor .se-btn:disabled,
.dark.sun-editor button:disabled {
    color: #4a4a4a !important;
}
.dark.sun-editor .se-btn:enabled.on,
.dark.sun-editor .se-btn:enabled.on:focus,
.dark.sun-editor .se-btn:enabled.on:hover {
    background-color: #28282b !important;
    -webkit-box-shadow: inset 0 3px 5px #c1c1c150;
    box-shadow: inset 0 3px 5px #c1c1c150;
}
.dark.sun-editor .se-btn:enabled:active:focus,
.dark.sun-editor .se-btn:enabled:active:hover{
    -webkit-box-shadow: inset 0 3px 5px #c1c1c150;
    box-shadow: inset 0 3px 5px #c1c1c150;
}
.dark.sun-editor .se-btn:enabled.active {
    color: #20b2aa !important;
}
.dark.sun-editor .se-list-layer {
    background-color: #28282b;
    border-color: #404046;
    color: #aaaab3;
}
.dark.sun-editor .se-container .se-toolbar .se-btn-tray .se-btn-module .se-menu-list li button:hover {
    background: #28282b;
    border-color: #404046;
}
.dark.sun-editor .se-container .se-wrapper {
    background: #0b0b0b;
}
.dark.sun-editor .se-container .se-wrapper .se-wrapper-inner {
    background: #0b0b0b;
    color: #aaaab3;
}
.dark.sun-editor .se-container .se-resizing-bar {
    background: #1e1e21;
    border-color: #404046;
}

.dark.sun-editor input {
    padding-left: 20px;
}

.dark.sun-editor .se-selector-table {
    background-color: #1e1e21;
}
.dark.sun-editor .se-selector-table .se-table-size-unhighlighted {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAAM0lEQVR42mNkIAswAnFkZCTxGpYvX47QpqamRoyeW7dujWob1TaotRGjBwIQ2sgAZGoDAFk6VBMuQscCAAAAAElFTkSuQmCC)
        repeat;
}
.dark.sun-editor .se-selector-table .se-table-size-highlighted {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAAM0lEQVR42mNkIAswArGDgwPxGg4cOIDQJikpSYye58+fj2ob1TaotRGjBwIQ2sgAZGoDAEYtVBNpXzgkAAAAAElFTkSuQmCC)
        repeat;
}

.dark.sun-editor .se-dialog .se-dialog-inner .se-dialog-content {
    background-color: #1e1e21;
    color: #aaaab3;
    border: solid 2px #404046;
}
.dark.sun-editor .se-dialog .se-dialog-inner .se-dialog-header {
    border-bottom: 1px solid #404046;
}
.dark.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer {
    border-top: 1px solid #404046;
}

.dark.sun-editor .se-dialog-tabs button {
    background-color: #393939;
    border-right: 1px solid #404046;
    color: #aaaab3;
    border-bottom: 0 !important;
}
.dark.sun-editor .se-dialog-tabs button.active {
    background-color: #1e1e21;
}
.dark.sun-editor .se-dialog-tabs button.active:hover {
    background-color: #1e1e21;
}
.dark.sun-editor .se-dialog-tabs button:hover {
    background-color: #28282b;
}

.dark.sun-editor .se-dialog button,
.dark.sun-editor .se-dialog input {
    color: #aaaab3;
    background-color: #343434;
    border: 1px solid #404046;
}
.dark.sun-editor .se-dialog label {
    color: #aaaab3;
    background-color: #343434;
}
.dark.sun-editor .se-dialog button:hover,
.dark.sun-editor .se-dialog input:hover {
    color: #aaaab3;
    background-color: #515151;
    border: 1px solid #404046;
}

.dark.sun-editor .se-dialog label:hover {
    color: #aaaab3;
    background-color: #515151;
}
.dark.sun-editor .se-btn-primary:active {
    -webkit-box-shadow: inset 0 3px 5px #4592ff;
    box-shadow: inset 0 3px 5px #7c7c7c;
}
.dark.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert {
    border-color: #404046;
}
.dark.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert:hover {
    background-color: #515151;
    border-color: #404046;
}
.dark.sun-editor input,
.dark.sun-editor select,
.dark.sun-editor textarea {
    color: #aaaab3 !important;
    border: 1px solid #404046;
    background-color: #1e1e21 !important;
}

.dark.sun-editor label {
    color: #aaaab3 !important;
    background-color: #1e1e21 !important;
}
.dark.sun-editor input:focus,
.dark.sun-editor select:focus,
.dark.sun-editor label:focus,
.dark.sun-editor textarea:focus {
    -webkit-box-shadow: 0 0 0 0.2rem #676767;
    box-shadow: 0 0 0 0.2rem #676767;
}

.dark.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button:hover {
    background-color: #515151;
}
.dark.sun-editor .se-dialog-tabs {
    border-bottom: 1px solid #404046;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-math-exp {
    border: 1px solid #404046;
}

.dark.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text {
    background-color: #404046;
    color: #d0d0d0;
    border: 1px solid #676767;
}
.dark.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text:after {
    border-bottom-color: #505050;
}

.dark.sun-editor .se-controller-table,
.dark.sun-editor .se-controller-table-cell,
.dark.sun-editor .se-controller-resizing {
    background-color: #2d2d31;
    border: 1px solid #676767;
}
.dark.sun-editor .se-controller-link {
    background-color: #2d2d31;
}
.dark.sun-editor .se-arrow.se-arrow-up:after {
    border-bottom-color: #2d2d31;
}
.dark.sun-editor .se-controller .se-btn-group button {
    color: #aaaab3;
}
.dark.sun-editor .se-controller button:hover {
    background-color: #373737 !important;
    color: #ffffff;
}
.dark.sun-editor .se-btn-list:focus,
.dark.sun-editor .se-btn-list:hover {
    background-color: #373737;
    border-color: #ffffff;
}
.dark.sun-editor .sun-editor-editable table th {
    background-color: #404046;
    color: #ffffff;
    border: 2px solid #505050;
}
.dark.sun-editor .sun-editor-editable table td {
    border: 1px solid #505050;
}

.dark.sun-editor .se-file-browser .se-file-browser-body {
    color: #aaaab3;
    background-color: #1e1e21 !important;
}

.dark.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {
    background-color: #404046;
    border: 1px solid #404046;
}
.dark.sun-editor .se-file-browser .se-file-browser-header {
    border-bottom: 1px solid #5c5c5c;
    background-color: #404046;
    color: #aaaab3;
}
.dark.sun-editor .se-loading-box {
    color: #aaaab3;
    background-color: #1e1e21 !important;
}
.dark.sun-editor .se-file-browser button,
.dark.sun-editor .se-file-browser input,
.dark.sun-editor .se-file-browser label {
    color: #aaaab3;
}
.dark.sun-editor .se-file-browser button:hover,
.dark.sun-editor .se-file-browser input:hover,
.dark.sun-editor .se-file-browser label:hover {
    color: #ffffff;
    background-color: #28282b;
}

.dark.sun-editor .sun-editor-editable figure figcaption {
    background-color: #404046;
}

.dark.sun-editor .se-controller .se-btn-group button:enabled.on {
    background-color: #3f3f3f;
}

.dark.sun-editor .sun-editor-editable[contenteditable=true] .se-component {
    outline: 1px dashed #3d3d3d;
}
.dark.sun-editor .sun-editor-editable audio {
    filter: sepia(20%) saturate(70%) grayscale(1) contrast(80%) invert(80%);
}
