:root {
/** Generated with https://colorffy.com/dark-theme-generator */
/** CSS DARK THEME PRIMARY COLORS */
--color-primary-100: #3f0f47;
--color-primary-200: #53295a;
--color-primary-300: #68416d;
--color-primary-400: #7d5a80;
--color-primary-500: #927495;
--color-primary-600: #a78ea9;
/** CSS DARK THEME SURFACE COLORS */
--color-surface-100: #080808;
--color-surface-200: #222222;
--color-surface-300: #393939;
--color-surface-400: #525252;
--color-surface-500: #6c6c6c;
--color-surface-600: #888888;
/** CSS DARK THEME MIXED SURFACE COLORS */
--color-surface-mixed-100: #110a11;
--color-surface-mixed-200: #272327;
--color-surface-mixed-300: #3e3a3e;
--color-surface-mixed-400: #565356;
--color-surface-mixed-500: #706d70;
--color-surface-mixed-600: #8b888b;

    --default-line-height: 1.5em;

    --color-header1: #eeeeee;
    --color-header2: #cacaca;
    --color-header3: var(--color-primary-600);
}
@media (prefers-color-scheme: dark) {
    :root {
        --background-color: var(--color-surface-100);
        --form-background-color: var(--color-surface-200);
        --card-background-color: var(--color-surface-200);
        --preview-background-color: var(--color-surface-200);
        --preview-border-color: var(--color-surface-200);
        --button-face-color: var(--color-surface-200);
        --breadcrumb-color: #274b5e;
        --text-color: var(--color-surface-mixed-600);
        --link-color: var(--color-surface-mixed-500);
        --active_link-color: var(--color-surface-mixed-300);
        --header-color: var(--color-surface-mixed-200);
        --footer-color: var(--color-surface-mixed-400);
        --border-color: var(--color-surface-mixed-200);
        --color3: #174155;
        --color4: #1f4d62;
    }
}
html {
  --scrollbarBG: var(--background-color);
  --thumbBG: var(--border-color);
}
div::-webkit-scrollbar,
textarea::-webkit-scrollbar,
select::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 15px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
div::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
select::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
div::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
select::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border: 1px solid var(--scrollbarBG);
}

div::-webkit-resizer, textarea::-webkit-resizer {
    background-color: var(--thumbBG);
}

body {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 16px;
    line-height: var(--default-line-height) !important;
    letter-spacing: 0.025em;
    text-shadow: 0 0 1em transparent, 1px 1px 1.2px rgb(0 0 0 / 0%);
    background-color: var(--background-color) !important;
    color: var(--text-color) !important;
}
blockquote {
    border-left: 4px solid;
    padding-left: 15px;
    font-style: italic;
}
nav {
    padding-bottom: 0.1rem;
}
#navi li.bread-crumb-item + li.bread-crumb-item {
    padding-left: 0.5rem;
}
#navi li.bread-crumb-item + li.bread-crumb-item::before {
    content: "»";
    padding-right: 0.5rem;
}
#navi {
    list-style: none;
    padding: 0 0;
}
#navi .bread-crumb-item {
    float: left;
    display: block;
}
#navi .icons {
    float: right;
    padding-left: 1rem;
}
.alert {
    clear: both;
}
.content {
    clear: both;
}
footer {
    margin-top: 30px;
    color: var(--footer-color);
    font-size: 12px;
    text-align: center;
    border-top: 1px solid var(--border-color);
    padding-top: 25px;
}
a {
    line-height: calc(var(--default-line-height) * 1.25) !important;
    color: var(--link-color) !important;
    text-decoration-color: var(--border-color) !important;
}
a.clicked {
    color: var(--active_link-color) !important;
}
@media (max-width: 767px) {
    .content a {
        line-height: calc(var(--default-line-height) * 1.5) !important;
    }
    .content .toc {
        display:block;
        float: none;
    }
}
h1 {
    border-bottom: 1px solid var(--color-surface-300);
    color: var(--color-header1) !important;
    margin-top: 2em !important;
    margin-bottom: 0.5em !important;
/**    text-transform: uppercase;*/
}
h2 {
    border-bottom: 1px solid var(--color-surface-300);
    color: var(--color-header2) !important;
    margin-top: 1.3em !important;
    margin-bottom: 0.5em !important;
/**    text-transform: uppercase;*/
}
h3 {
    color: var(--color-header3) !important;
    margin-top: 1.0em !important;
    margin-bottom: 0.3em !important;
}
table {
    width: 100%;
}
.toc {
    font-size: 14px;
    float: right;
    padding: 5px;
    margin: 10px;
    border: 1px solid var(--border-color);
    background-color: var(--form-background-color);
}
.toc ul {
    list-style-type: none;
}
.toc li {
    margin-left: -20px;
}
.toc a {
    text-decoration: none;
    color: var(--color-primary-500) !important;
}
img {
    max-width: 100%;
}
pre {
    padding: 3px;
    background-color: var(--form-background-color);
}
code {
    color: var(--color-surface-mixed-400) !important;
}
.form-control:focus, .form-select:focus {
    box-shadow: 0 0 0 .15rem var(--color-surface-mixed-400) !important;
}
.site_list li {
    list-style-type: none;
}
.site_list li {
    margin-left: -33px;
}
.modal-content {
    background-color: var(--form-background-color) !important;
}
.modal-header, .modal-footer {
    border-color: var(--color-surface-mixed-400) !important;
}

.editor {
    font-family: 'JetBrainsMono-Regular', monospace;
    font-size: 0.8rem !important;
    height: 500px;
}
.dragging {
    border: 2px dashed var(--link-color);
}
.dropped {
    border: 2px solid var(--link-color);
}
.dropped_error {
    border: 2px solid red;
}
.dropped_success {
    border: 2px solid green;
}
.form-control, .form-select {
    background-color: var(--form-background-color) !important;
    color: var(--text-color) !important;
    border: 1px solid var(--color-surface-300) !important;
}
.card {
    background-color: var(--card-background-color) !important;
    margin-bottom: 20px;
}
.card-header {
    color: var(--color-primary-500);
}
.card a {
    color: var(--link-color) !important;
}
.card .charging {
    background-color: #222266;
}
.card .outoforder {
    background-color: #880000;
    color: black;
}
.card .blocked {
    background-color: #440000;
}
.card .available {
    background-color: #008800;
    color: black;
}
.btn-link {
    color: var(--link-color) !important;
}
.btn-light {
    background-color: var(--button-face-color) !important;
    border: none !important;
    color: var(--link-color) !important;
}
.page-link {
    border: none !important;
    background: none !important;
}
.page-link:hover {
    border: none !important;
    background-color: var(--button-face-color) !important;
}

#page-history {
    font-family: 'JetBrainsMono-Regular', monospace;
    white-space: pre;
    overflow-x: auto;
    overflow-y: auto;
    resize: vertical;
    height: 400px;
    display: none;
}
.exception {
    font-family: 'JetBrainsMono-Regular', monospace;
    white-space: pre;
    overflow-x: auto;
    overflow-y: auto;
}
#page-history .added {
    color: greenyellow;
}
#page-history .removed {
    color: red;
}
#page-preview {
    background-color: var(--preview-background-color);
    border-radius: .25rem;
    border: 1px dashed var(--link-color);
    height: 500px;
    overflow-x: auto;
    overflow-y: auto;
    resize: vertical;
    display: none;
}
#page-task-cron-next-schedule, #page-task-generate-page-filename-template-example {
    margin-left: 20px;
}

#page-task-send-mail fieldset {
    padding: 5px;
    border: 1px solid var(--border-color);
}

#new-page-dialog::backdrop {
  background-color: #3a3a3a;
  opacity: 0.7;
}
#new-page-dialog {
  box-shadow: 0 4px 5px rgb(0 0 0 / 30%);
  border-radius: 8px;
  border: none;
  background-color: var(--background-color);
}
#new-page-dialog footer menu {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin: 0;
}
#insert-at-dialog {
  border: none;
  padding: 0;
  margin: 0;
}
#insert-option {
    position: absolute;
    overflow: hidden;
    border: none;
    background-color: var(--background-color);
    color: var(--text-color) !important;
}
#insert-option option {
    padding: 10px;
}
#insert-option::focus {
    border: none;
}
.searched {
    background-color: yellow;
}
#searchDiv {
    width: 80%;
    background-color: var(--form-background-color);
    margin: auto;
    clear: both;
}
#searchDiv > input::placeholder {
    color: var(--color-surface-mixed-400);
}
#searchResultsDiv > div {
    background-color: var(--form-background-color);
    margin: 2px;
    padding: 3px;
}
#searchResultsDiv > div span {
    color: #888;
}
#searchResultsDiv > div > div {
    padding-left: 5px;
    font-size: smaller;
}
.page_times {
    font-size: x-small;
    color: var(--footer-color);
    text-align: right;
    margin-top: -15px;
    margin-bottom: 20px;
}
.page_cached_at {
    font-size: x-small;
    color: var(--footer-color);
    text-align: right;
    margin-top: 10px;
    margin-bottom: -30px;
}
.modified_at {
    font-size: x-small;
    color: var(--footer-color);
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'JetBrainsMono-Regular';
    font-style: normal;
    font-weight: 400;
    src: url(/static/JetBrainsMono-Regular.woff2) format('woff2');
}