/* ******************* DARK MODE ************** 

@media (prefers-color-scheme: dark) {
    .headerlogo {
		background-image: url("../img/Logo_white.svg");
    }

    .menu {
		background: #2B2B2B;
		border-bottom-color: #999;
    }



    div.lightbox section,
    div.lightbox footer,
    div.lightbox div[class*="uploader"] h3,
    body section.widget div.searchResults > div,
    section.widget footer,
	div.mainheader{
		background: #2B2B2B;
    }

    div.lightbox header,
    div.lightbox footer,
    section.widget footer {
		border-color: #999;
    }

    ul.subNavi {
		background: #2B2B2B;
    }

    .subNavi li {
		border-bottom-color: #3C3F41;
    }

    .subNavi li:hover {
		border-bottom-color: #fff;
    }

    .menu *,
    ul.subNavi *,
    a{
		color: #fff;
    }

    section.widget:not(.transparent) {
		background: #2B2B2B !important;
    }

    div.widgetSizer {
		filter: invert();
    }

    body div.widgetSizer.closed:before {
		background: #2B2B2B;
    }

    div.widgetSizer.closed {
		filter: none;
    }

    body div.widgetSizer.closed i {
		color: #fff;
    }

    div.widgetSizer i {
		color: black;
    }

    .button, button {
		color: #000;
		background: #fff;
    }

    .button:hover, button:hover:not([disabled]) {
		color: #fff;
		background: #000;
    }

    input[type="text"], input[type="search"], input[type="password"], input[type="number"], select {
		background: transparent;
		border-color: #fff;
    }

    section.widget header {
		border-bottom-color: #999 !important;
    }

    body {
		background: #3C3F41;
		color: #fff;
    }

    input,
    input::placeholder,
    section.toolbar header input::placeholder {
		color: #fff !important;
    }

    div.addWidget ul {
		background: #2B2B2B !important;
    }

    input[type="checkbox"], input[type="radio"] {
		filter: invert();
    }

    select,
    ul.barmenu li i {
		color: #fff;
    }

    hr {
		border-color: #e5e5e5;
    }

    [contenteditable] {
		outline-color: #fff;
    }

    body div.addWidget i.fa-plus-circle:before {
		background: #2B2B2B;
    }

    input[type="text"], input[type="search"], input[type="password"], input[type="number"], select, .input {
		border-color: #fff;
    }

    header i.fa-file-upload {
		color: #fff;
    }

    tr:nth-child(2n+1) td {
		background: rgba(255, 255, 255, .06);

    }

    tr td,
    tr td i {
		color: #fff;
    }

    div.controls {
		filter: invert();
    }

    div.controls p {
		color: #000;
    }

    div.dragimage > div {
		border-color: #fff !important;
    }

    .dragimage div.scaling,
    .dragimage div.rotate{
		filter: invert();
    }

    datalist{
		filter: invert();
    }

    h1.stage{
		color:rgba(255,255,255,.3);
    }

    div.message p{
		color:#fff;
    }
}
*/