.operator-theme-switch {
	min-width: 12rem;
	cursor: pointer;
}

.operator-theme-switch.dropdown-item:active {
	color: inherit;
	background-color: transparent;
}

.operator-theme-switch .custom-control-label,
.operator-theme-switch .custom-control-input {
	cursor: pointer;
}

html.theme-dark {
	color-scheme: dark;
	--dark-menu: #234270;
	--dark-selection: #2f5f9e;
	--dark-selection-border: #3a6ea8;
	--dark-selection-active: #284f86;
	--dark-link: #63a8ff;
	--dark-link-hover: #8fc2ff;
	--dark-accent: #60a5fa;
	--dark-focus-shadow: rgba(99,168,255,.25);
	--dark-pagination-link: #93c5fd;
}

html.theme-dark body {
	color: #d7dde7;
	background-color: #111827;
	background-image: url(../images/cloudspot_background_dark.svg);
}

html.theme-dark div.content-wrapper {
	background-color: rgba(17,24,39,.94);
}

html.theme-dark div.content,
html.theme-dark main,
html.theme-dark .container-fluid {
	background-color: transparent;
}

html.theme-dark header,
html.theme-dark header nav.navbar,
html.theme-dark footer,
html.theme-dark .card,
html.theme-dark .modal-content,
html.theme-dark .dropdown-menu,
html.theme-dark .list-group,
html.theme-dark nav.menu .list-group {
	color: #d7dde7;
	background-color: #1f2937;
}

html.theme-dark nav.menu,
html.theme-dark nav.menu.navbar,
html.theme-dark nav.menu .navbar-collapse,
html.theme-dark nav.menu .navbar-nav {
	color: #d7dde7;
	background-color: var(--dark-menu) !important;
}

html.theme-dark nav.menu .menu-heading,
html.theme-dark nav.menu a.menu-link {
	color: #d7dde7;
}

html.theme-dark nav.menu .list-group {
	background-color: #1f2937 !important;
}

html.theme-dark nav.menu .list-group-item {
	color: #d7dde7 !important;
	background-color: #1f2937 !important;
}

html.theme-dark nav.menu .list-group-item:hover,
html.theme-dark nav.menu .list-group-item:focus,
html.theme-dark nav.menu .list-group-item.active {
	color: #fff !important;
	background-color: #374151 !important;
}

html.theme-dark header {
	border-bottom: 1px solid #374151;
}

html.theme-dark footer {
	border-top: 1px solid #374151;
}

html.theme-dark .dropdown-divider,
html.theme-dark nav.menu .menu-divider {
	border-top-color: #374151;
}

html.theme-dark .dropdown-item,
html.theme-dark .nav-link,
html.theme-dark nav.menu .list-group-item {
	color: #d7dde7;
}

html.theme-dark a {
	color: var(--dark-link);
}

html.theme-dark a:hover,
html.theme-dark a:focus {
	color: var(--dark-link-hover);
}

html.theme-dark .dropdown-item:hover,
html.theme-dark .dropdown-item:focus {
	color: #fff;
	background-color: #374151;
}

html.theme-dark .btn-primary,
html.theme-dark .btn-info {
	color: #fff;
	background-color: var(--dark-selection);
	border-color: var(--dark-selection-border);
}

html.theme-dark .btn-primary:hover,
html.theme-dark .btn-primary:focus,
html.theme-dark .btn-primary.focus,
html.theme-dark .btn-info:hover,
html.theme-dark .btn-info:focus,
html.theme-dark .btn-info.focus {
	color: #fff;
	background-color: var(--dark-selection-border);
	border-color: var(--dark-link);
	box-shadow: 0 0 0 .2rem var(--dark-focus-shadow);
}

html.theme-dark .btn-primary:not(:disabled):not(.disabled):active,
html.theme-dark .btn-primary:not(:disabled):not(.disabled).active,
html.theme-dark .show > .btn-primary.dropdown-toggle,
html.theme-dark .btn-info:not(:disabled):not(.disabled):active,
html.theme-dark .btn-info:not(:disabled):not(.disabled).active,
html.theme-dark .show > .btn-info.dropdown-toggle {
	color: #fff;
	background-color: var(--dark-selection-active);
	border-color: var(--dark-link);
}

html.theme-dark .btn-primary.disabled,
html.theme-dark .btn-primary:disabled,
html.theme-dark .btn-info.disabled,
html.theme-dark .btn-info:disabled {
	color: #d7dde7;
	background-color: #334155;
	border-color: #475569;
}

html.theme-dark nav.menu .menu-heading:hover,
html.theme-dark nav.menu a.menu-link:hover {
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}

html.theme-dark nav.menu a.menu-link.active,
html.theme-dark nav.menu div.menu-heading.active {
	color: #fff;
}

html.theme-dark .card {
	border-color: #374151;
}

html.theme-dark .card-header,
html.theme-dark .card-footer,
html.theme-dark .modal-header,
html.theme-dark .modal-footer {
	background-color: #273244;
	border-color: #374151;
}

html.theme-dark .table,
html.theme-dark table {
	color: #d7dde7;
}

html.theme-dark .table th,
html.theme-dark .table td,
html.theme-dark table th,
html.theme-dark table td {
	border-color: #374151;
}

html.theme-dark .pagination .page-link {
	color: var(--dark-pagination-link);
	background-color: #1f2937;
	border-color: #374151;
}

html.theme-dark .pagination .page-link:hover,
html.theme-dark .pagination .page-link:focus {
	color: #fff;
	background-color: #374151;
	border-color: #4b5563;
	box-shadow: none;
}

html.theme-dark .pagination .page-item.active .page-link {
	color: #fff;
	background-color: var(--primary);
	border-color: var(--primary);
}

html.theme-dark .pagination .page-item.disabled .page-link {
	color: #6b7280;
	background-color: #111827;
	border-color: #374151;
}

html.theme-dark .form-control,
html.theme-dark .custom-select,
html.theme-dark .input-group-text {
	color: #e5e7eb;
	background-color: #111827;
	border-color: #4b5563;
}

html.theme-dark .form-control:focus,
html.theme-dark .custom-select:focus {
	color: #fff;
	background-color: #111827;
	border-color: var(--primary);
	box-shadow: none;
}

html.theme-dark .form-control:disabled,
html.theme-dark .form-control[readonly],
html.theme-dark .custom-select:disabled {
	color: #9ca3af;
	background-color: #1f2937;
}

html.theme-dark .text-muted,
html.theme-dark .text-secondary {
	color: #9ca3af !important;
}

html.theme-dark .alert-light {
	color: #d7dde7;
	background-color: #1f2937;
	border-color: #374151;
}

html.theme-dark .close {
	color: #fff;
	text-shadow: none;
}

html.theme-dark .cleditorMain {
	background-color: #273244;
	border-color: #4b5563;
	box-shadow: 0 0 0 1px rgba(17,24,39,.35);
}

html.theme-dark .cleditorToolbar {
	background: #d7dde7;
	border-bottom: 1px solid #9ca3af;
}

html.theme-dark .cleditorGroup {
	background-color: transparent;
}

html.theme-dark .cleditorButton {
	border-radius: 2px;
}

html.theme-dark .cleditorButton:hover {
	background-color: #fff !important;
}

html.theme-dark .cleditorDivider {
	background: #9ca3af;
}

html.theme-dark .cleditorMain iframe,
html.theme-dark .cleditorMain textarea {
	background-color: #fff;
	color: #000;
}

html.theme-dark .cleditorMain[style*="background-color"] iframe {
	background-color: transparent;
}

html.theme-dark .cleditorPopup {
	color: #e5e7eb;
	background-color: #1f2937;
	border-color: #4b5563;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,.35);
}

html.theme-dark .cleditorPopup input,
html.theme-dark .cleditorPopup select,
html.theme-dark .cleditorPopup textarea {
	color: #e5e7eb;
	background-color: #111827;
	border: 1px solid #4b5563;
}

html.theme-dark .cleditorList div:hover {
	color: #fff;
	background-color: #374151 !important;
}

html.theme-dark .cleditorPrompt,
html.theme-dark .cleditorMsg {
	color: #e5e7eb;
	background-color: #1f2937;
}

html.theme-dark .application-logo {
	filter: drop-shadow(0 0 1px rgba(255,255,255,.4));
}

html.theme-dark header .application-logo,
html.theme-dark div.logon .application-logo {
	background-image: url(../images/cloudspot-dark.svg);
}

html.theme-dark div.logon .card {
	background-color: #1f2937;
	border-color: #374151;
}

html.theme-dark div.logon .card-footer {
	background-color: #273244;
	border-top-color: #374151;
}

html.theme-dark div.logon hr {
	border-top-color: #4b5563;
}

html.theme-dark div.logon .btn-oauth {
	color: #e5e7eb;
	background-color: #273244;
	border-color: #4b5563;
}

html.theme-dark div.logon .btn-oauth:hover,
html.theme-dark div.logon .btn-oauth:focus {
	color: #fff;
	background-color: #374151;
	border-color: var(--dark-accent);
	box-shadow: 0 0 0 .2rem var(--dark-focus-shadow);
}

html.theme-dark div.logon input.form-control:-webkit-autofill,
html.theme-dark div.logon input.form-control:-webkit-autofill:hover,
html.theme-dark div.logon input.form-control:-webkit-autofill:focus {
	-webkit-text-fill-color: #fff;
	-webkit-box-shadow: 0 0 0 1000px #111827 inset;
	caret-color: #fff;
}

html.theme-dark .jqx-chart-title-text,
html.theme-dark .jqx-chart-title-description,
html.theme-dark .jqx-chart-legend-text,
html.theme-dark .jqx-chart-label-text {
	color: #d7dde7 !important;
	fill: #d7dde7 !important;
}

html.theme-dark .jqx-chart-axis-text,
html.theme-dark .jqx-chart-axis-description {
	color: #9ca3af !important;
	fill: #9ca3af !important;
}

html.theme-dark button.touch,
html.theme-dark button.touch.jqx-button {
	background-color: #273244 !important;
	border-color: #4b5563 !important;
	box-shadow: none;
}

html.theme-dark button.touch:hover,
html.theme-dark button.touch:focus,
html.theme-dark button.touch.jqx-fill-state-hover {
	background-color: #374151 !important;
	border-color: var(--dark-accent) !important;
	box-shadow: 0 0 0 1px var(--dark-focus-shadow);
}

html.theme-dark button.touch:active,
html.theme-dark button.touch.jqx-fill-state-pressed {
	background-color: var(--dark-selection) !important;
	border-color: var(--dark-selection-border) !important;
}

html.theme-dark button.touch:disabled,
html.theme-dark button.touch.disabled,
html.theme-dark button.touch.jqx-fill-state-disabled {
	opacity: .5;
}

html.theme-dark button.touch img {
	filter: invert(1) brightness(1.35) contrast(.9);
}

html.theme-dark img.appearance,
html.theme-dark div.app_button img {
	filter: invert(1) brightness(1.35) contrast(.9);
}

html.theme-dark .custom-file-label {
	color: #e5e7eb;
	background-color: #111827;
	border-color: #4b5563;
}

html.theme-dark .custom-file-label::after {
	color: #e5e7eb;
	background-color: #273244;
	border-left-color: #4b5563;
}

html.theme-dark .custom-file-input:focus ~ .custom-file-label {
	border-color: var(--dark-accent);
	box-shadow: none;
}

html.theme-dark input[type="date"] {
	color-scheme: dark;
}

html.theme-dark input[type="date"]::-webkit-calendar-picker-indicator {
	filter: invert(1) brightness(1.35) contrast(.9);
	opacity: .85;
}

html.theme-dark input[type="date"]::-webkit-calendar-picker-indicator:hover {
	opacity: 1;
}

html.theme-dark div.cartography-device > div {
	color: #111827 !important;
	background: rgba(255,255,255,.92) !important;
	border-color: var(--dark-accent) !important;
	text-shadow: none;
}

html.theme-dark div.cartography-device.router > div {
	border-color: #1f2937 !important;
}

html.theme-dark .jqx-widget,
html.theme-dark .jqx-widget-content,
html.theme-dark .jqx-fill-state-normal,
html.theme-dark .jqx-grid,
html.theme-dark .jqx-grid-content,
html.theme-dark .jqx-grid-cell,
html.theme-dark .jqx-listbox,
html.theme-dark .jqx-menu,
html.theme-dark ul.jqx-menu-dropdown {
	color: #d7dde7;
	background-color: #1f2937;
	border-color: #374151;
}

html.theme-dark .jqx-grid .jqx-checkbox {
	background: transparent;
}

html.theme-dark .jqx-grid .jqx-checkbox-default,
html.theme-dark .jqx-grid .jqx-checkbox-hover,
html.theme-dark .jqx-grid .jqx-checkbox-disabled-box {
	background: transparent;
	border-color: #4b5563;
}

html.theme-dark .jqx-grid .jqx-checkbox-default > div,
html.theme-dark .jqx-grid .jqx-checkbox-hover > div,
html.theme-dark .jqx-grid .jqx-checkbox-disabled-box > div {
	background-color: #111827;
}

html.theme-dark .jqx-grid .jqx-checkbox-check-checked {
	background-image: url(../jqw-20.0.0/styles/images/check_white.png);
}

html.theme-dark .jqx-grid .jqx-checkbox-check-indeterminate {
	background-image: url(../jqw-20.0.0/styles/images/check_indeterminate_white.png);
}

html.theme-dark .jqx-grid,
html.theme-dark .jqx-grid-content {
	scrollbar-color: #64748b #111827;
	scrollbar-width: thin;
}

html.theme-dark .jqx-grid ::-webkit-scrollbar,
html.theme-dark .jqx-grid-content::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

html.theme-dark .jqx-grid ::-webkit-scrollbar-track,
html.theme-dark .jqx-grid-content::-webkit-scrollbar-track {
	background: #111827;
}

html.theme-dark .jqx-grid ::-webkit-scrollbar-thumb,
html.theme-dark .jqx-grid-content::-webkit-scrollbar-thumb {
	background-color: #64748b;
	border: 2px solid #111827;
	border-radius: 3px;
}

html.theme-dark .jqx-grid ::-webkit-scrollbar-thumb:hover,
html.theme-dark .jqx-grid-content::-webkit-scrollbar-thumb:hover {
	background-color: #94a3b8;
}

html.theme-dark .jqx-scrollbar-state-normal {
	background: #111827;
	border-color: #374151;
}

html.theme-dark .jqx-scrollbar-button-state-normal {
	color: #cbd5e1;
	background: #1f2937;
	border-color: transparent;
}

html.theme-dark .jqx-scrollbar-button-state-hover,
html.theme-dark .jqx-scrollbar-button-state-pressed {
	color: #fff;
	background: #374151;
	border-color: transparent;
}

html.theme-dark .jqx-scrollbar-thumb-state-normal,
html.theme-dark .jqx-scrollbar-thumb-state-normal-horizontal {
	background: #64748b;
	border-color: #111827;
	border-radius: 3px;
}

html.theme-dark .jqx-scrollbar-thumb-state-hover,
html.theme-dark .jqx-scrollbar-thumb-state-hover-horizontal,
html.theme-dark .jqx-scrollbar-thumb-state-pressed,
html.theme-dark .jqx-scrollbar-thumb-state-pressed-horizontal {
	background: #94a3b8;
	border-color: #1f2937;
	border-radius: 3px;
}

html.theme-dark .jqx-widget-header,
html.theme-dark .jqx-grid-header,
html.theme-dark .jqx-grid-column-header,
html.theme-dark .jqx-grid-toolbar,
html.theme-dark .jqx-grid-statusbar,
html.theme-dark .jqx-tabs-header {
	color: #e5e7eb;
	background: #273244;
	border-color: #374151;
}

html.theme-dark .jqx-tabs-header {
	background: #1f2937;
}

html.theme-dark .jqx-tabs-title {
	color: #e5e7eb;
	background: #1f2937;
	border-color: transparent;
}

html.theme-dark .jqx-tabs-title-hover-top,
html.theme-dark .jqx-tabs-title-hover-bottom {
	color: #fff;
	background: #2b374a;
	border-color: transparent;
}

html.theme-dark .chart-actions a {
	color: var(--dark-link);
}

html.theme-dark .chart-actions a:hover,
html.theme-dark .chart-actions a:focus {
	color: var(--dark-link-hover);
}

html.theme-dark .jqx-tabs-title-selected-top,
html.theme-dark .jqx-tabs-title-selected-bottom,
html.theme-dark .jqx-tabs-selection-tracker-top,
html.theme-dark .jqx-tabs-selection-tracker-bottom {
	color: #fff;
	background: var(--dark-selection) !important;
	border-color: var(--dark-selection-border) !important;
}

html.theme-dark .jqx-grid-cell-alt,
html.theme-dark .jqx-grid .jqx-adaptive-view,
html.theme-dark .jqx-grid .jqx-adaptive-table {
	background-color: #111827;
}

html.theme-dark .jqx-fill-state-hover,
html.theme-dark .jqx-grid-cell-hover,
html.theme-dark .jqx-menu-item-top-hover,
html.theme-dark .jqx-menu-item-hover {
	color: #fff;
	background: #374151;
	border-color: #4b5563;
}

html.theme-dark .jqx-fill-state-pressed,
html.theme-dark .jqx-grid-cell-selected {
	color: #fff;
	background: var(--dark-selection);
	border-color: var(--dark-selection-border);
}

html.theme-dark .jqx-grid-cell-selected.text-muted,
html.theme-dark .jqx-grid-cell-selected .text-muted {
	color: #e5e7eb !important;
}

html.theme-dark .jqx-grid-cell-selected a {
	color: #fff;
}

/* API documentation */
html.theme-dark .apidoc {
	--apidoc-border: #3b4b60;
	--apidoc-surface: #1f2b3a;
	--apidoc-surface-alt: #27364a;
	--apidoc-text-muted: #aab6c5;
	--apidoc-code: #111b29;
	--apidoc-code-text: #dce7f5;
	--apidoc-inline-code-text: #93c5fd;
	--apidoc-warning-bg: #4a3c18;
	--apidoc-warning-text: #ffe7a3;
	--apidoc-link: var(--dark-link);
}
html.theme-dark .apidoc-change-added { color: #65d69b; }
html.theme-dark .apidoc-change-removed { color: #ff8791; }
html.theme-dark .apidoc-change-changed { color: #ffd166; }