/**
 * DARK MODE
 */

body.dark-mode,
body.dark-mode .top-menu,
body.dark-mode .bottom-layout,
body.dark-mode .order-content .vreBackground,
body.dark-mode .order-content .vreBody {
	background: #1a1d21 !important;
	color: #cfd2d6 !important;
}

body.dark-mode .navigation-orders-list,
body.dark-mode .navigation-orders-list .list-group-item {
	background: #1d2228 !important;
	color: #cfd2d6 !important;
}
body.dark-mode .navigation-orders-list .list-group-item.new-item,
body.dark-mode .navigation-orders-list .list-group-item.new-item:hover {
	background: #208665 !important;
	color: #cfd2d6 !important;
}
body.dark-mode .navigation-orders-list,
body.dark-mode .navigation-orders-list .list-group-item {
	border-color: #44474a !important;
}
body.dark-mode .navigation-orders-list .list-group-item:hover {
	background: #313842 !important;
}

body.dark-mode .navigation-orders-list .list-group-item.active,
body.dark-mode .navigation-orders-list .list-group-item.active:focus {
	background: #01669e !important;
	border-color: #01669e !important;
}

body.dark-mode .bottom-layout {
	font-size: 13px;
	line-height: 20px;
	color: #83868a !important;
	border-color: #44474a !important;
}

body.dark-mode .input-group-addon {
	background: #1d2228 !important;
	border-color: #44474a !important;
	color: #83868a !important;
}

body.dark-mode input[type="text"],
body.dark-mode input[type="password"],
body.dark-mode input[type="number"],
body.dark-mode select,
body.dark-mode textarea,
body.dark-mode .CodeMirror {
	background: #232529 !important;
	border-color: #44474a;
	color: #cfd2d6;
}

body.dark-mode .config-tabs-head ul li a {
	color: #cfd2d6;
}
body.dark-mode .config-tabs-head ul li a:hover {
	background: #222529;
	color: #cfd2d6;
}
body.dark-mode .config-tabs-head ul li.active a {
	background-color: #01669e;
	color: #fff;
}
body.dark-mode .config-tabs-head ul li a.disabled {
	color: #555;
}

body.dark-mode pre,
body.dark-mode .panel,
body.dark-mode .panel-default > .panel-heading {
	background: #1d2228 !important;
	color: #cfd2d6 !important;
	border-color: #44474a !important;
}

body.dark-mode .config-section #printstyle-help {
	border-color: #44474a;
}
body.dark-mode .CodeMirror-gutters {
	background: #1d2228 !important;
    border-color: #44474a !important;
    color: #83868a !important;
}
body.dark-mode .CodeMirror div.CodeMirror-cursor {
	border-left: 1px solid #83868a;
}
body.dark-mode .cm-s-default .cm-def,
body.dark-mode .cm-s-default .cm-tag {
	color: #e78c45; 
}
body.dark-mode .cm-s-default .cm-qualifier {
	color: #dac17a;
}
body.dark-mode .cm-s-default .cm-builtin {
	color: #8798a5;
}
body.dark-mode .cm-s-default .cm-atom {
	color: #d54e53;
}
body.dark-mode .cm-s-default .cm-meta {
	color: #d2a163;
}
body.dark-mode .cm-s-default .cm-variable {
	color: #7aa6da;
}
body.dark-mode .cm-s-default .cm-number {
	color: #a16a94;
}
body.dark-mode .cm-s-default .cm-string {
	color: #8f9d64;
}
body.dark-mode .cm-s-default .cm-variable-3 {
	color: #19a570;
}
body.dark-mode .cm-s-default .cm-error,
body.dark-mode .cm-s-default .cm-keyword {
	color: #83868a; 
}
body.dark-mode .cm-s-default .cm-comment {
	color: #5c5a5c;
}
body.dark-mode .CodeMirror-focused .CodeMirror-selected,
body.dark-mode .CodeMirror-selected {
	background: #444;
}
body.dark-mode .alert-info {
	color: #b9e1f5;
    background-color: #0f3d54;
    border-color: #0f3d54;
}
body.dark-mode .btn-primary {
	background-color: #163e61;
	border-color: #163e61;
}
body.dark-mode .btn-danger {
	background-color: #92201e;
	border-color: #92201e;
}

/**
 * DARK MODE
 */

@media (prefers-color-scheme: dark) {
	body:not(.light-mode),
	body:not(.light-mode) .top-menu,
	body:not(.light-mode) .bottom-layout,
	body:not(.light-mode) .order-content .vreBackground,
	body:not(.light-mode) .order-content .vreBody {
		background: #1a1d21 !important;
		color: #cfd2d6 !important;
	}

	body:not(.light-mode) .navigation-orders-list,
	body:not(.light-mode) .navigation-orders-list .list-group-item {
		background: #1d2228 !important;
		color: #cfd2d6 !important;
	}
	body:not(.light-mode) .navigation-orders-list,
	body:not(.light-mode) .navigation-orders-list .list-group-item {
		border-color: #44474a !important;
	}
	body:not(.light-mode) .navigation-orders-list .list-group-item:hover {
		background: #313842 !important;
	}

	body:not(.light-mode) .list-group-item.active,
	body:not(.light-mode) .list-group-item.active:focus {
		background: #517ba2 !important;
		border-color: #517ba2 !important;
	}

	body:not(.light-mode) .bottom-layout {
		font-size: 13px;
		line-height: 20px;
		color: #83868a !important;
		border-color: #44474a !important;
	}

	body:not(.light-mode) .input-group-addon {
		background: #1d2228 !important;
		border-color: #44474a !important;
		color: #83868a !important;
	}

	body:not(.light-mode) input[type="text"],
	body:not(.light-mode) input[type="password"],
	body:not(.light-mode) input[type="number"],
	body:not(.light-mode) select,
	body:not(.light-mode) textarea,
	body:not(.light-mode) .CodeMirror {
		background: #232529 !important;
		border-color: #44474a;
		color: #cfd2d6;
	}

	body:not(.light-mode) .config-tabs-head ul li a {
		color: #cfd2d6;
	}
	body:not(.light-mode) .config-tabs-head ul li a:hover {
		background: #222529;
		color: #cfd2d6;
	}
	body:not(.light-mode) .config-tabs-head ul li.active a {
		background-color: #01669e;
		color: #fff;
	}
	body:not(.light-mode) .config-tabs-head ul li a.disabled {
		color: #555;
	}

	body:not(.light-mode) .panel,
	body:not(.light-mode) .panel-default > .panel-heading {
		background: #1d2228 !important;
		color: #cfd2d6 !important;
		border-color: #44474a !important;
	}

	body:not(.light-mode) .config-section #printstyle-help {
		border-color: #44474a;
	}
	body:not(.light-mode) .CodeMirror-gutters {
		background: #1d2228 !important;
		border-color: #44474a !important;
		color: #83868a !important;
	}
	body:not(.light-mode) .CodeMirror div.CodeMirror-cursor {
		border-left: 1px solid #83868a;
	}
	body:not(.light-mode) .cm-s-default .cm-def,
	body:not(.light-mode) .cm-s-default .cm-tag {
		color: #e78c45; 
	}
	body:not(.light-mode) .cm-s-default .cm-qualifier {
		color: #dac17a;
	}
	body:not(.light-mode) .cm-s-default .cm-builtin {
		color: #8798a5;
	}
	body:not(.light-mode) .cm-s-default .cm-atom {
		color: #d54e53;
	}
	body:not(.light-mode) .cm-s-default .cm-meta {
		color: #d2a163;
	}
	body:not(.light-mode) .cm-s-default .cm-variable {
		color: #7aa6da;
	}
	body:not(.light-mode) .cm-s-default .cm-number {
		color: #a16a94;
	}
	body:not(.light-mode) .cm-s-default .cm-string {
		color: #8f9d64;
	}
	body:not(.light-mode) .cm-s-default .cm-variable-3 {
		color: #19a570;
	}
	body:not(.light-mode) .cm-s-default .cm-error,
	body:not(.light-mode) .cm-s-default .cm-keyword {
		color: #83868a; 
	}
	body:not(.light-mode) .cm-s-default .cm-comment {
		color: #5c5a5c;
	}
	body:not(.light-mode) .CodeMirror-focused .CodeMirror-selected,
	body:not(.light-mode) .CodeMirror-selected {
		background: #444;
	}
	body:not(.light-mode) .alert-info {
		color: #b9e1f5;
		background-color: #0f3d54;
		border-color: #0f3d54;
	}
	body:not(.light-mode) .btn-primary {
		background-color: #163e61;
		border-color: #163e61;
	}
	body:not(.light-mode) .btn-danger {
		background-color: #92201e;
		border-color: #92201e;
	}
}
