/* -- Common -- */
body.dark-theme,
html.dark-theme {
    background: #222;
    color: #eee;
}

/* -- Settings Menu and Controls -- */

.dark-theme #selbach-pm-main-menu {
    background: #252525;
    /*border: 1px solid #181818;*/
    border: 1px solid #444;
    color: #eee;
}
.dark-theme #selbach-pm-main-menu-overlay {
    background: rgba(0, 0, 0, 0.66);
}
.dark-theme #selbach-pm-main-menu button {
    background: #444;
    color: #eee;
}
.dark-theme #selbach-pm-main-menu button:hover {
    background: #555;
}
.dark-theme #selbach-pm-main-menu button:active {
    background: #888;
}
.dark-theme #selbach-pm-main-menu #selbach-pm-main-menu-close-btn {
    background: transparent;
    color: #eee;
}

.dark-theme .selbach-app-button.btn-tools {
    background: #444;
}
.dark-theme .selbach-app-button.btn-ctrl {
    color: #eee;
    background: transparent;
}

/* -- Master Container, Panels and Taskbar -- */

.dark-theme .selbach-pm-master-container {
    border: 0px solid #181818;
    background: #222;
    color: #eee;
    background-image: url(../img/selbach-logo-big.png);
    background-size: 28%;
    background-position: 50% 45%;
    background-repeat: no-repeat;
}
.dark-theme .selbach-pm-master-container-start-btn {
    background: #222;
    color: #7ec3d8;
    border-color: #065b7e;
}
.dark-theme .selbach-pm-master-container-start-btn:hover {
    color: #eee;
    background: #175269;
}

/* -- if you change this adjust this as well: UI.restoreColorScheme(...) -- */
.dark-theme .selbach-pm-panel-content {
    background: #252525 !important;
    color: #eee !important;
    outline: 1px solid #181818;
    outline-offset: -1px;
}

.dark-theme .selbach-ui-control-panel.static .selbach-pm-panel-content {
    background: #252525 !important;
}

/* -- if you change this adjust this as well: UI.restoreColorScheme(...) -- */
.dark-theme .selbach-pm-child-container {
    background: #186b8c;
    outline: 1px solid #186b8c;
    outline-offset: -1px;
}
.dark-theme .selbach-pm-child-container.has-content {
    outline: 1px solid #181818;
}

.dark-theme .selbach-pm-panel > .selbach-pm-panel-options, 
.dark-theme .selbach-pm-panel > .selbach-pm-panel-content .selbach-pm-panel-options {
    background: #404040;
    color: #eee;
}
.dark-theme .selbach-pm-container-panel > .selbach-pm-panel-options {
    background: #404040;
    color: #eee;
}

.dark-theme .selbach-pm-connectors-container {
    background: #444;
    color: #eee;
    outline-color: #444;
}

.dark-theme .selbach-pm-taskbar {
    background: #252525 !important;
    color: #eee !important;
    outline: 1px solid #252525;
    outline-offset: -1px;
}
.dark-theme .selbach-pm-taskbar.has-content {
    outline: 1px solid #252525;
}

.dark-theme .flat-framed.jsPanel-depth-3 > .jsPanel-content, 
.dark-theme .snapped.jsPanel-depth-3 > .jsPanel-content {
    border-color: #181818 !important;
    outline-color: #181818 !important;
}
.dark-theme .jsPanel-content.highlight {
    border-color: #0f0 !important;
    outline-color: #0f0 !important;
}
.dark-theme .flat-framed.jsPanel-depth-3 > .jsPanel-content.highlight,
.dark-theme .snapped.jsPanel-depth-3 > .jsPanel-content.highlight {
    border-color: #0f0 !important;
    outline-color: #0f0 !important;
}

.dark-theme .jsPanel-depth-3 {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.20);
}
.dark-theme .jsPanel-depth-3.pm-theme-tool,
.dark-theme .jsPanel-depth-3.pm-theme-assistant {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25), inset 0px 0px 0px 1px rgba(200, 200, 200, 0.10);
}
.dark-theme .flat.jsPanel-depth-3, 
.dark-theme .flat-framed.jsPanel-depth-3, 
.dark-theme .snapped.jsPanel-depth-3 {
    box-shadow: none;
}

/* -- Themes -- */

/*.dark-theme .pm-theme-container {
    background: #ff2010 !important;
}*/

/*.dark-theme .pm-theme-assistant,
.dark-theme .pm-theme-tool {
    background: #333333 !important;
    color: #eee;
}*/

/* -- Form Elements -- */

.dark-theme .selbach-widget-content form input {
    border: transparent;
    border-radius: 3px;
    background: #444;
    color: #eee;
}
.dark-theme .selbach-widget-content form.view-only-mode input:disabled,
.dark-theme .selbach-widget-content form .static-content input:disabled {
    color: #eee;
    background: #333;
}
.dark-theme .selbach-widget-content form button,
.dark-theme .selbach-widget-content form input[type=submit],
.dark-theme .selbach-widget-content form input[type=button] {
    background: #444;
    color: #eee;
    border: 1px solid #666;
}
.dark-theme .selbach-widget-content form select {
    background: #444;
    color: #eee;
}

/* -- Details -- */

.dark-theme .selbach-pm-small-size-overlay {
    background: #333 !important;
    color: #ccc !important;
}

/* -- Text Editor -- */

.dark-theme .ql-toolbar.ql-snow {
    border-color: #222;
}
.dark-theme .ql-container.ql-snow {
    border-color: #222;
}
.dark-theme .ql-toolbar.ql-snow+.ql-container.ql-snow {
    border-top: 1px solid #181818;
}