.dark-mode .ck.ck-reset_all, .dark-mode  .ck.ck-reset_all * {
    color: white !important;
    background-color: #343a40 !important;
}
.dark-mode .ck.ck-editor__main>.ck-editor__editable {
    background: #2f3439 !important;
}
.dark-mode a {
    color: #c2c7d0;
}
.dark-mode a:hover {
    color: #ffffff !important;
}
.dark-mode button {
    color: #c2c7d0;
}
.dark-mode button:hover {
    color: #ffffff;
}
.dark-mode .card-body table th a span {
    color: white !important;
}
.dark-mode .table-secondary, .dark-mode .table-secondary>td, .dark-mode .table-secondary>th {
    background-color: #454d55 !important;
}
.dark-mode hr {
    background: #6c757d !important;
}
.dark-mode .file-caption-name {
    color: white !important;
}
.dark-mode .ck .ck-toolbar {
    border: 1px solid #6c757d !important;
}
.dark-mode .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
    border-color: #6c757d !important;
}
.dark-mode .page-item .page-link {
    color: unset !important;
}

.dark-mode .dd-handle {
    border: 1px solid #6c757d !important;
    background: #343a40 !important;
}
.dark-mode .dd3-content {
    border: 1px solid #6c757d !important;
    background: #343a40 !important;
}
.dark-mode .dd3-content:hover {
    background: #454d55 !important;
}
.dark-mode .dd3-handle i {
    color: #cccdcf !important;
}

.dark-mode .popover {
    background-color: #343a40 !important;
}
.dark-mode .bs-popover-auto[x-placement^=bottom]>.arrow::after, .dark-mode .bs-popover-bottom>.arrow::after {
    border-bottom-color: #343a40 !important;
}
.dark-mode .popover-body {
    color: white;
}

.dark-mode input:-webkit-autofill,
.dark-mode input:-webkit-autofill:hover,
.dark-mode input:-webkit-autofill:focus,
.dark-mode textarea:-webkit-autofill,
.dark-mode textarea:-webkit-autofill:hover,
.dark-mode textarea:-webkit-autofill:focus,
.dark-mode select:-webkit-autofill,
.dark-mode select:-webkit-autofill:hover,
.dark-mode select:-webkit-autofill:focus {
    background-color: #343a40 !important;
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px #343a40 inset;
    transition: background-color 5000s ease-in-out 0s;
}

.dark-mode .card .breadcrumb {
    background-color: #343a40 !important;
}

.dark-mode .card .breadcrumb-item {
    color: #adb5bd !important;
}
.dark-mode .popover-header {
    background-color: #2e3439 !important;
}
.dark-mode pre {
    color: white;
}
a.editable-pre-wrapped {
    white-space: normal !important;
}