/* Tracker.id v1.0.15 dark mode overrides.
   This file intentionally layers on top of the existing theme CSS. */

#top_panel .iot-darkmode-btn img {
	display: block;
	width: 16px;
	height: 16px;
	padding: 3px 0;
}

@media (max-width: 850px) {
	#top_panel .iot-darkmode-btn {
		display: none;
	}
}

body.iot-dark-mode {
	background-color: #272727;
	color: #e6e6e6;
}

body.iot-dark-mode,
body.iot-dark-mode * {
	scrollbar-color: #505050 #2f2f2f;
}

body.iot-dark-mode::-webkit-scrollbar-track,
body.iot-dark-mode *::-webkit-scrollbar-track {
	background-color: #2f2f2f;
}

body.iot-dark-mode::-webkit-scrollbar-thumb,
body.iot-dark-mode *::-webkit-scrollbar-thumb {
	background-color: #505050;
}

body.iot-dark-mode::-webkit-scrollbar-corner,
body.iot-dark-mode *::-webkit-scrollbar-corner {
	background-color: #2f2f2f;
}

body.iot-dark-mode a,
body.iot-dark-mode a:hover {
	color: #d24c7f;
}

body.iot-dark-mode input,
body.iot-dark-mode select,
body.iot-dark-mode textarea,
body.iot-dark-mode .inputbox,
body.iot-dark-mode .textarea {
	border-color: #444444;
	background-color: #343434;
	color: #e6e6e6;
}

body.iot-dark-mode input:focus,
body.iot-dark-mode textarea:focus,
body.iot-dark-mode select:focus,
body.iot-dark-mode input:hover,
body.iot-dark-mode textarea:hover,
body.iot-dark-mode select:hover {
	background-color: #3d3d3d;
}

body.iot-dark-mode input:disabled,
body.iot-dark-mode textarea:disabled,
body.iot-dark-mode select:disabled {
	border-color: #3a3a3a;
	background-color: #303030;
	color: #777777;
}

body.iot-dark-mode option,
body.iot-dark-mode optgroup {
	background-color: #343434;
	color: #e6e6e6;
}

body.iot-dark-mode ::-webkit-input-placeholder { color: #9d9d9d; }
body.iot-dark-mode ::-moz-placeholder { color: #9d9d9d; }
body.iot-dark-mode :-moz-placeholder { color: #9d9d9d; }

body.iot-dark-mode .inputbox-calendar,
body.iot-dark-mode .inputbox-calendar-mmdd {
	background: #343434 url("images/calendar-darkmode.svg") right no-repeat;
	background-size: 14px 14px;
}

body.iot-dark-mode .inputbox-calendar:hover,
body.iot-dark-mode .inputbox-calendar:focus,
body.iot-dark-mode .inputbox-calendar-mmdd:hover,
body.iot-dark-mode .inputbox-calendar-mmdd:focus {
	background: #3d3d3d url("images/calendar-darkmode.svg") right no-repeat;
	background-size: 14px 14px;
}

body.iot-dark-mode .inputbox-calendar:disabled,
body.iot-dark-mode .inputbox-calendar-mmdd:disabled {
	background: #303030 url("images/calendar-darkmode.svg") right no-repeat;
	background-size: 14px 14px;
}

body.iot-dark-mode div.Tokenize ul.TokensContainer,
body.iot-dark-mode div.Tokenize ul.Dropdown {
	border-color: #444444;
	background: #343434;
	color: #e6e6e6;
	box-shadow: none;
}

body.iot-dark-mode div.Tokenize ul.TokensContainer:hover,
body.iot-dark-mode div.Tokenize ul.TokensContainer.Focused {
	background: #3d3d3d;
}

body.iot-dark-mode div.Tokenize ul.TokensContainer li.TokenSearch input {
	background-color: transparent;
	color: #e6e6e6;
}

body.iot-dark-mode div.Tokenize ul.TokensContainer li.Placeholder {
	color: #9d9d9d;
}

body.iot-dark-mode div.Tokenize ul.TokensContainer li.Token {
	border-color: #505050;
	background-color: #3d3d3d;
	color: #ffffff;
}

body.iot-dark-mode div.Tokenize ul.TokensContainer li.Token.PendingDelete {
	background-color: #4a3a3a;
}

body.iot-dark-mode div.Tokenize ul.TokensContainer li.Token.MovingShadow {
	border-color: #B00045;
	background-color: #44333b;
}

body.iot-dark-mode div.Tokenize ul.TokensContainer li.Token a.Close {
	color: #d6d6d6;
}

body.iot-dark-mode div.Tokenize ul.TokensContainer li.Token a.Close:hover {
	color: #ffffff;
}

body.iot-dark-mode div.Tokenize ul.Dropdown li {
	color: #e6e6e6;
}

body.iot-dark-mode div.Tokenize ul.Dropdown li.Hover {
	background-color: #3d3d3d;
	color: #ffffff;
}

body.iot-dark-mode input.button,
body.iot-dark-mode input.button-32,
body.iot-dark-mode .button {
	border-color: #444444;
	background-color: #343434;
	color: #e6e6e6;
}

body.iot-dark-mode input.button:hover,
body.iot-dark-mode input.button:active,
body.iot-dark-mode input.button-32:hover,
body.iot-dark-mode input.button-32:active {
	background-color: #3d3d3d;
}

body.iot-dark-mode input.button.panel {
	border-color: #444444;
	background-color: #343434;
}

body.iot-dark-mode input.button.panel:hover,
body.iot-dark-mode input.button.panel:active {
	border-color: #505050;
	background-color: #3d3d3d;
}

body.iot-dark-mode .panel-button img {
	background: #343434;
}

body.iot-dark-mode .panel-button img:hover {
	background: #3d3d3d;
}

body.iot-dark-mode .ui-jqgrid-titlebar .panel-button img {
	background: #343434;
}

body.iot-dark-mode .ui-jqgrid-titlebar .panel-button img:hover {
	background: #383838;
}

body.iot-dark-mode .ui-jqgrid-titlebar,
body.iot-dark-mode .ui-jqgrid-titlebar .ui-jqgrid-title,
body.iot-dark-mode .ui-jqgrid-titlebar .ui-jqgrid-caption,
body.iot-dark-mode .ui-jqgrid-titlebar .row4,
body.iot-dark-mode .ui-jqgrid-titlebar .float-right,
body.iot-dark-mode .ui-jqgrid-titlebar a,
body.iot-dark-mode .ui-jqgrid-titlebar .panel-button {
	background: transparent;
	background-color: transparent;
}

body.iot-dark-mode #side_panel .ui-jqgrid-titlebar,
body.iot-dark-mode #bottom_panel .ui-jqgrid-titlebar,
body.iot-dark-mode #side_panel .ui-jqgrid-titlebar .row4,
body.iot-dark-mode #bottom_panel .ui-jqgrid-titlebar .row4 {
	background: #2f2f2f;
	background-color: #2f2f2f;
}

body.iot-dark-mode .row,
body.iot-dark-mode .row2,
body.iot-dark-mode .row3,
body.iot-dark-mode .row4,
body.iot-dark-mode .title-block,
body.iot-dark-mode .text {
	color: #e6e6e6;
}

body.iot-dark-mode .title-block {
	border-bottom-color: #444444;
}

body.iot-dark-mode hr,
body.iot-dark-mode fieldset,
body.iot-dark-mode .icon_selector,
body.iot-dark-mode #places_marker_icon_default_list,
body.iot-dark-mode #places_marker_icon_custom_list,
body.iot-dark-mode #settings_object_edit_select_icon_default_list,
body.iot-dark-mode #settings_object_edit_select_icon_custom_list {
	border-color: #444444;
}

body.iot-dark-mode .icon_selector {
	background: #2f2f2f;
	background-color: #2f2f2f;
}

body.iot-dark-mode .controls-block {
	background: #343434;
	background-color: #343434;
}

body.iot-dark-mode #dialog_dashboard {
	background: #272727;
	background-color: #272727;
}

body.iot-dark-mode .dashboard-container {
	background: #2f2f2f;
	background-color: #2f2f2f;
}

body.iot-dark-mode .dashboard-container-header {
	background: #343434;
	background-color: #343434;
	color: #e6e6e6;
}

body.iot-dark-mode .dashboard-container-header a,
body.iot-dark-mode .dashboard-container-header a:hover {
	color: #d24c7f;
}

body.iot-dark-mode .dashboard-container-text {
	color: #b8b8b8;
}

body.iot-dark-mode .dashboard-container-graph-plot,
body.iot-dark-mode #dashboard_objects_graph_plot,
body.iot-dark-mode #dashboard_events_graph_plot,
body.iot-dark-mode #dashboard_maintenance_graph_plot,
body.iot-dark-mode #dashboard_tasks_graph_plot,
body.iot-dark-mode #dashboard_odometer_graph_plot,
body.iot-dark-mode #dashboard_mileage_graph_plot {
	background: #2f2f2f;
	background-color: #2f2f2f;
	color: #d6d6d6;
}

body.iot-dark-mode #dialog_dashboard .flot-text,
body.iot-dark-mode #dialog_dashboard .tickLabel,
body.iot-dark-mode #dialog_dashboard .flot-tick-label {
	color: #b8b8b8 !important;
}

body.iot-dark-mode #dialog_dashboard .legend > div {
	background: #2f2f2f !important;
	background-color: #2f2f2f !important;
	opacity: 0.85 !important;
}

body.iot-dark-mode #dialog_dashboard .legend table,
body.iot-dark-mode #dialog_dashboard .legendLabel,
body.iot-dark-mode #dialog_dashboard .legend table div {
	color: #d6d6d6 !important;
}

body#login.iot-dark-mode {
	background-color: #272727;
}

body#login.iot-dark-mode .wrapper .inner-wrapper {
	background-color: #2f2f2f;
}

body#login.iot-dark-mode .logo-block {
	box-sizing: border-box;
	width: calc(100% + 40px);
	margin: -20px -20px 20px -20px;
	min-height: 120px;
	padding: 28px 20px;
	background-color: #d8d8d8;
	display: flex;
	align-items: center;
}

body#login.iot-dark-mode .logo-block .logo {
	margin-bottom: 0;
}

body#login.iot-dark-mode .wrapper .inner-wrapper .content,
body#login.iot-dark-mode .footer,
body#login.iot-dark-mode .server-select .ms-choice,
body#login.iot-dark-mode .server-select .ms-drop {
	border-color: #444444;
	background-color: #2f2f2f;
	color: #e6e6e6;
}

body#login.iot-dark-mode input.inputbox {
	border-color: #444444;
	background-color: #343434;
	color: #e6e6e6;
}

body#login.iot-dark-mode input.inputbox:hover,
body#login.iot-dark-mode input.inputbox:focus {
	background-color: #3d3d3d;
}

body#login:not(.iot-dark-mode) input.inputbox:is(:autofill, :-webkit-autofill) {
	-webkit-text-fill-color: #444444;
	caret-color: #444444;
	-webkit-box-shadow: 0 0 0 1000px #f5f5f5 inset;
	box-shadow: 0 0 0 1000px #f5f5f5 inset;
	transition: background-color 9999s ease-out 0s;
}

body#login:not(.iot-dark-mode) input.inputbox:is(:autofill, :-webkit-autofill):hover,
body#login:not(.iot-dark-mode) input.inputbox:is(:autofill, :-webkit-autofill):focus {
	-webkit-box-shadow: 0 0 0 1000px #ffffff inset;
	box-shadow: 0 0 0 1000px #ffffff inset;
}

body#login.iot-dark-mode input.inputbox:is(:autofill, :-webkit-autofill) {
	-webkit-text-fill-color: #e6e6e6;
	caret-color: #e6e6e6;
	-webkit-box-shadow: 0 0 0 1000px #343434 inset;
	box-shadow: 0 0 0 1000px #343434 inset;
	transition: background-color 9999s ease-out 0s;
}

body#login.iot-dark-mode input.inputbox:is(:autofill, :-webkit-autofill):hover,
body#login.iot-dark-mode input.inputbox:is(:autofill, :-webkit-autofill):focus {
	-webkit-box-shadow: 0 0 0 1000px #3d3d3d inset;
	box-shadow: 0 0 0 1000px #3d3d3d inset;
}

#login .row3:has(input.icon:-webkit-autofill) {
	position: relative;
}

#login .row3:has(input.icon:-webkit-autofill)::before {
	content: "";
	position: absolute;
	top: 16px;
	left: 15px;
	z-index: 1;
	width: 16px;
	height: 16px;
	pointer-events: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

#login .row3:has(input.icon-user:-webkit-autofill)::before {
	background-image: url("images/user.svg");
}

#login .row3:has(input.icon-email:-webkit-autofill)::before {
	background-image: url("images/email.svg");
}

#login .row3:has(input.icon-password:-webkit-autofill)::before {
	background-image: url("images/password.svg");
}

body#login.iot-dark-mode .recover-register-block li a,
body#login.iot-dark-mode .footer .mobile-v {
	color: #d6d6d6;
}

body#login.iot-dark-mode .footer {
	border-top-color: #444444;
}

body#login.iot-dark-mode .submit-btn .remember-block .custom-checkbox {
	background-color: transparent;
	filter: grayscale(100%) brightness(260%);
}

body#login.iot-dark-mode .submit-btn .remember-block .custom-checkbox.checked {
	background-color: transparent;
}

body.iot-dark-mode #loading_panel,
body.iot-dark-mode #loading_data_panel,
body.iot-dark-mode #blocking_panel {
	background-color: #272727;
}

body.iot-dark-mode #blocking_panel_text,
body.iot-dark-mode #loading_panel_text {
	background-color: transparent;
	color: #e6e6e6;
	border: 0;
	box-shadow: none;
}

body.iot-dark-mode #top_panel {
	background-color: #2f2f2f;
	border-bottom-color: #444444;
}

body.iot-dark-mode #top_panel .tp-menu div a {
	color: #d6d6d6;
}

body.iot-dark-mode #top_panel a:hover,
body.iot-dark-mode #top_panel a.active {
	background-color: #383838;
}

body.iot-dark-mode #top_panel .user-btn span,
body.iot-dark-mode #top_panel .user-list-btn span,
body.iot-dark-mode #top_panel .object-list-btn span,
body.iot-dark-mode #top_panel .billing-plan-list-btn span,
body.iot-dark-mode #top_panel .unused-object-list-btn span {
	color: #d6d6d6;
}

body.iot-dark-mode #top_panel .chat-btn span,
body.iot-dark-mode #top_panel .billing-btn span,
body.iot-dark-mode #top_panel .billing-btn-red span {
	background-color: #383838;
	color: #e6e6e6;
}

body.iot-dark-mode #top_panel .tp-menu div:not(.about-btn):not(.cpanel-btn):not(.billing-btn):not(.billing-btn-red):not(.logout-btn):not(.map-btn):not(.iot-darkmode-btn) img {
	filter: grayscale(100%) brightness(193%);
}

body.iot-dark-mode #top_panel .tp-menu .about-btn img {
	filter: none !important;
}

body.iot-dark-mode #side_panel,
body.iot-dark-mode #bottom_panel,
body.iot-dark-mode #bottom_panel_datalist,
body.iot-dark-mode #bottom_panel_graph,
body.iot-dark-mode #bottom_panel_msg,
body.iot-dark-mode #side_panel_share {
	background-color: #2f2f2f;
	color: #e6e6e6;
}

body.iot-dark-mode #side_panel_objects_dragbar,
body.iot-dark-mode #side_panel_events_dragbar,
body.iot-dark-mode #side_panel_history_dragbar,
body.iot-dark-mode #side_panel_dragbar,
body.iot-dark-mode #bottom_panel_dragbar {
	background-color: #383838;
}

body.iot-dark-mode #side_panel_objects_dragbar:hover,
body.iot-dark-mode #side_panel_events_dragbar:hover,
body.iot-dark-mode #side_panel_history_dragbar:hover,
body.iot-dark-mode #side_panel_dragbar:hover,
body.iot-dark-mode #bottom_panel_dragbar:hover {
	background-color: #444444;
}

body.iot-dark-mode #bottom_panel_graph_plot .flot-text,
body.iot-dark-mode #bottom_panel_graph_plot .tickLabel,
body.iot-dark-mode #bottom_panel_graph_plot .flot-tick-label {
	color: #9a9a9a !important;
}

body.iot-dark-mode .object-list-item .status,
body.iot-dark-mode .object-list-item .messages,
body.iot-dark-mode .version,
body.iot-dark-mode #cpanel h1.title span {
	color: #b8b8b8;
}

body.iot-dark-mode .object-list-item .messages,
body.iot-dark-mode .object-action-menu:hover {
	background-color: #383838;
}

body.iot-dark-mode #bottom_panel_datalist .datalist-item-list {
	background-color: #2f2f2f;
}

body.iot-dark-mode #bottom_panel_datalist .datalist-item {
	color: #e6e6e6;
}

body.iot-dark-mode #bottom_panel_datalist .datalist-item.even {
	background-color: #343434;
}

body.iot-dark-mode #bottom_panel_datalist .datalist-item.odd {
	background-color: #2f2f2f;
}

body.iot-dark-mode #bottom_panel_datalist .datalist-item-name {
	color: #cfcfcf;
}

body.iot-dark-mode #bottom_panel_datalist .datalist-item-value {
	color: #e6e6e6;
}

body.iot-dark-mode #bottom_panel_datalist .data-item-text {
	color: #b8b8b8;
}

body.iot-dark-mode #bottom_panel_datalist .datalist-item-icon {
	filter: grayscale(100%) brightness(193%);
}

body.iot-dark-mode .ui-widget-content,
body.iot-dark-mode .ui-dialog,
body.iot-dark-mode .ui-dialog .ui-dialog-content,
body.iot-dark-mode .ui-tabs .ui-tabs-panel {
	border-color: #444444;
	background: #2f2f2f;
	color: #e6e6e6;
}

body.iot-dark-mode .ui-dialog {
	-webkit-box-shadow: 0 10px 28px rgba(0, 0, 0, 0.55);
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.55);
}

body.iot-dark-mode .ui-widget-header,
body.iot-dark-mode .ui-dialog .ui-dialog-titlebar {
	border-color: #444444;
	background: #383838;
	color: #e6e6e6;
}

body.iot-dark-mode .ui-widget-overlay {
	background: #000000;
	opacity: 0.45;
}

body.iot-dark-mode .ui-datepicker {
	border-color: #444444;
	background: #2f2f2f;
	color: #e6e6e6;
}

body.iot-dark-mode .ui-datepicker .ui-datepicker-header {
	background: #2f2f2f;
	color: #e6e6e6;
}

body.iot-dark-mode .ui-datepicker-calendar,
body.iot-dark-mode .ui-datepicker table,
body.iot-dark-mode .ui-datepicker tbody {
	background: #2f2f2f;
	color: #e6e6e6;
}

body.iot-dark-mode .ui-datepicker-calendar thead {
	background: #383838;
	color: #d6d6d6;
}

body.iot-dark-mode .ui-datepicker th,
body.iot-dark-mode .ui-datepicker td {
	border-color: #444444;
	background: #2f2f2f;
	color: #e6e6e6;
}

body.iot-dark-mode .ui-datepicker td span,
body.iot-dark-mode .ui-datepicker td a {
	background: #343434;
	color: #e6e6e6;
}

body.iot-dark-mode .ui-datepicker .ui-state-default:hover,
body.iot-dark-mode .ui-datepicker td a:hover {
	background: #3d3d3d;
	color: #ffffff;
}

body.iot-dark-mode .ui-datepicker .ui-state-active,
body.iot-dark-mode .ui-datepicker .ui-widget-content .ui-state-active {
	border-color: #B00045;
	background: #B00045;
	color: #ffffff;
}

body.iot-dark-mode .ui-datepicker .ui-state-disabled span,
body.iot-dark-mode .ui-datepicker .ui-state-disabled a {
	background: #303030;
	color: #777777;
}

body.iot-dark-mode .ui-datepicker .ui-icon-circle-triangle-w,
body.iot-dark-mode .ui-datepicker .ui-icon-circle-triangle-e {
	filter: grayscale(100%) brightness(220%);
}

body.iot-dark-mode .ui-state-default,
body.iot-dark-mode .ui-widget-content .ui-state-default,
body.iot-dark-mode .ui-widget-header .ui-state-default {
	border-color: #444444;
	background: #343434;
	color: #e6e6e6;
}

body.iot-dark-mode .ui-state-hover,
body.iot-dark-mode .ui-widget-content .ui-state-hover,
body.iot-dark-mode .ui-widget-header .ui-state-hover,
body.iot-dark-mode .ui-state-focus,
body.iot-dark-mode .ui-widget-content .ui-state-focus,
body.iot-dark-mode .ui-widget-header .ui-state-focus {
	border-color: #505050;
	background: #3d3d3d;
	color: #ffffff;
}

body.iot-dark-mode .ui-state-active,
body.iot-dark-mode .ui-widget-content .ui-state-active,
body.iot-dark-mode .ui-widget-header .ui-state-active {
	border-color: #B00045;
	background: #B00045;
	color: #ffffff;
}

body.iot-dark-mode .ui-tabs .ui-tabs-nav {
	background: #383838;
	border-color: #444444;
}

body.iot-dark-mode .ui-tabs .ui-tabs-nav li a {
	background-color: #343434;
	color: #d6d6d6;
}

body.iot-dark-mode .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	background-color: #B00045;
	color: #ffffff;
}

body.iot-dark-mode .ui-jqgrid .loading,
body.iot-dark-mode .ui-jqgrid .ui-jqgrid-hdiv,
body.iot-dark-mode .ui-jqgrid .ui-jqgrid-pager {
	background: #343434;
	color: #e6e6e6;
}

body.iot-dark-mode .ui-jqgrid tr.ui-row-ltr td {
	border-color: #444444;
	color: #e6e6e6;
}

body.iot-dark-mode .ui-jqgrid .ui-state-hover {
	background: #383838;
}

body.iot-dark-mode .ui-jqgrid .ui-state-highlight,
body.iot-dark-mode .ui-widget-content .ui-state-highlight,
body.iot-dark-mode .ui-widget-header .ui-state-highlight {
	background: #3d3d3d;
	color: #ffffff;
}

body.iot-dark-mode .ui-jqgrid tr.ui-row-ltr td span.status {
	color: #b8b8b8;
}

body.iot-dark-mode .ui-jqgrid > .blockUI.blockOverlay {
	background: #2f2f2f !important;
	background-color: #2f2f2f !important;
	opacity: 0.65 !important;
}

body.iot-dark-mode .ui-jqgrid > .blockUI.blockMsg {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

body.iot-dark-mode .menu,
body.iot-dark-mode .menu ul,
body.iot-dark-mode .ui-menu {
	background: #2f2f2f;
	box-shadow: 0 0 5px 0 #1b1b1b;
}

body.iot-dark-mode .menu li {
	border-top-color: #444444;
}

body.iot-dark-mode .menu li a:hover,
body.iot-dark-mode .menu.ui-menu .ui-menu-item.ui-state-focus > a,
body.iot-dark-mode .menu.ui-menu .ui-menu-item.ui-state-active > a,
body.iot-dark-mode .menu.ui-menu .ui-menu-item.ui-state-hover > a,
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.ui-state-focus,
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.ui-state-active,
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.ui-state-hover {
	background-color: #383838;
}

body.iot-dark-mode .menu.ui-menu .ui-menu-item a,
body.iot-dark-mode .menu.ui-menu .ui-menu-item.ui-state-focus > a,
body.iot-dark-mode .menu.ui-menu .ui-menu-item.ui-state-active > a,
body.iot-dark-mode .menu.ui-menu .ui-menu-item.ui-state-hover > a,
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.ui-state-focus,
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.ui-state-active,
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.ui-state-hover {
	border-color: #444444;
	color: #e6e6e6;
}

body.iot-dark-mode .menu.ui-menu .ui-menu-item.ui-state-focus,
body.iot-dark-mode .menu.ui-menu .ui-menu-item.ui-state-active,
body.iot-dark-mode .menu.ui-menu .ui-menu-item.ui-state-hover {
	border-color: #444444;
	background-color: #383838;
	color: #e6e6e6;
}

body.iot-dark-mode .menu .ui-menu-icon {
	background-image: url(images/arrow-right.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 10px 10px;
	filter: grayscale(100%) brightness(193%);
	opacity: 0.8;
}

body.iot-dark-mode .menu li a:hover .ui-menu-icon,
body.iot-dark-mode .menu.ui-menu .ui-menu-item.ui-state-focus > a .ui-menu-icon,
body.iot-dark-mode .menu.ui-menu .ui-menu-item.ui-state-active > a .ui-menu-icon,
body.iot-dark-mode .menu.ui-menu .ui-menu-item.ui-state-hover > a .ui-menu-icon,
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.ui-state-focus .ui-menu-icon,
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.ui-state-active .ui-menu-icon,
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.ui-state-hover .ui-menu-icon {
	opacity: 1;
}

body.iot-dark-mode .menu.ui-menu .ui-menu-item a[class*="icon-"] {
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 10px 10px;
}

body.iot-dark-mode .menu.ui-menu .ui-menu-item a.icon-arrow-right { background-image: url(images/arrow-right.svg); }
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.icon-close { background-image: url(images/remove.svg); }
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.icon-create { background-image: url(images/create.svg); }
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.icon-edit { background-image: url(images/edit.svg); }
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.icon-erase { background-image: url(images/erase.svg); }
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.icon-export { background-image: url(images/export.svg); }
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.icon-follow { background-image: url(images/follow.svg); }
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.icon-import { background-image: url(images/import.svg); }
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.icon-marker { background-image: url(images/marker.svg); }
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.icon-markers { background-image: url(images/markers.svg); }
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.icon-remove3 { background-image: url(images/remove3.svg); }
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.icon-routes { background-image: url(images/routes.svg); }
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.icon-save { background-image: url(images/save-darkmode.svg); }
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.icon-share { background-image: url(images/share.svg); }
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.icon-street { background-image: url(images/street-view.svg); }
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.icon-tasks { background-image: url(images/tasks.svg); }
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.icon-tick { background-image: url(images/tick.svg); }
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.icon-time { background-image: url(images/time.svg); }
body.iot-dark-mode .menu.ui-menu .ui-menu-item a.icon-zones { background-image: url(images/zones.svg); }

body.iot-dark-mode .ms-choice,
body.iot-dark-mode .ms-drop,
body.iot-dark-mode .ms-search input {
	border-color: #444444;
	background-color: #343434;
	color: #e6e6e6;
}

body.iot-dark-mode .ms-choice > div {
	filter: grayscale(100%) brightness(220%);
	opacity: 0.95;
}

body.iot-dark-mode .ms-choice:hover > div,
body.iot-dark-mode .ms-choice > div.open {
	opacity: 1;
}

body.iot-dark-mode .ms-choice:hover,
body.iot-dark-mode .ms-search input:hover,
body.iot-dark-mode .ms-search input:focus,
body.iot-dark-mode .ms-drop ul > li:hover {
	background-color: #3d3d3d;
}

body.iot-dark-mode .ms-choice > span,
body.iot-dark-mode .ms-choice > span.placeholder,
body.iot-dark-mode .ms-drop label {
	color: #e6e6e6;
}

body.iot-dark-mode .ms-drop ul > li.selected {
	background-color: #444444;
	box-shadow: inset 3px 0 0 #B00045;
}

body.iot-dark-mode .ms-drop ul > li.selected:hover {
	background-color: #4a4a4a;
}

body.iot-dark-mode .ms-drop ul > li.selected label,
body.iot-dark-mode .ms-drop ul > li:hover label {
	color: #ffffff;
}

body.iot-dark-mode .ms-drop ul > li label.optgroup {
	background-color: #383838;
	color: #ffffff;
}

body.iot-dark-mode .qtip,
body.iot-dark-mode .qtip-default,
body.iot-dark-mode .qtip-bootstrap {
	border-color: #444444;
	background: #2f2f2f;
	color: #e6e6e6;
}

body.iot-dark-mode .qtip-titlebar {
	background: #383838;
	color: #ffffff;
}

body.iot-dark-mode .ui-pnotify-container,
body.iot-dark-mode .ui-pnotify .ui-pnotify-shadow {
	border-color: #444444;
	background: #2f2f2f;
	color: #e6e6e6;
}

body.iot-dark-mode .map-layer-control,
body.iot-dark-mode .history-view-control,
body.iot-dark-mode .camera-control,
body.iot-dark-mode .street-view-control {
	background-color: #2f2f2f;
	border-color: #444444;
	color: #e6e6e6;
}

body.iot-dark-mode .history-view-control a,
body.iot-dark-mode .history-view-control a:hover {
	background-color: #2f2f2f;
	border-color: #444444;
}

body.iot-dark-mode .history-view-control a:hover {
	background-color: #383838;
}

body.iot-dark-mode .history-view-control span,
body.iot-dark-mode .leaflet-control a span {
	filter: grayscale(100%) brightness(193%);
}

body.iot-dark-mode .leaflet-bar,
body.iot-dark-mode .leaflet-control-layers,
body.iot-dark-mode .leaflet-routing-container,
body.iot-dark-mode .leaflet-routing-error {
	border-color: #444444;
	background-color: #2f2f2f;
	color: #e6e6e6;
}

body.iot-dark-mode .leaflet-bar a,
body.iot-dark-mode .leaflet-bar a:hover,
body.iot-dark-mode .leaflet-control-layers-toggle {
	border-color: #444444;
	background-color: #343434;
	color: #e6e6e6;
}

body.iot-dark-mode .leaflet-bar a:hover,
body.iot-dark-mode .leaflet-bar a:focus {
	background-color: #3d3d3d;
}

body.iot-dark-mode .leaflet-control-zoom-in,
body.iot-dark-mode .leaflet-control-zoom-out {
	font-size: 0 !important;
	line-height: 0 !important;
	text-indent: -9999px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 10px 10px;
}

body.iot-dark-mode .leaflet-control-zoom-in {
	background-image: url(images/plus-darkmode.svg);
}

body.iot-dark-mode .leaflet-control-zoom-out {
	background-image: url(images/minus-darkmode.svg);
}

body.iot-dark-mode .leaflet-control-browser-print a.leaflet-browser-print {
	background-color: #343434 !important;
	background-image: url(images/print-darkmode.svg) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: 12px 12px !important;
}

body.iot-dark-mode .leaflet-control-browser-print .browser-print-holder,
body.iot-dark-mode .leaflet-control-browser-print .browser-print-mode {
	background-color: #343434 !important;
	color: #e6e6e6 !important;
}

body.iot-dark-mode .leaflet-control-browser-print .browser-print-mode {
	border-color: #444444 !important;
}

body.iot-dark-mode .leaflet-control-browser-print .browser-print-mode:hover,
body.iot-dark-mode .leaflet-control-browser-print .browser-print-mode:focus {
	background-color: #3d3d3d !important;
	color: #ffffff !important;
}

body.iot-dark-mode .leaflet-bar a.leaflet-disabled {
	background-color: #303030;
	color: #777777;
}

body.iot-dark-mode .leaflet-container .leaflet-control-attribution,
body.iot-dark-mode .leaflet-container .leaflet-control-scale,
body.iot-dark-mode .leaflet-control-scale-line {
	background-color: rgba(47, 47, 47, 0.88);
	border-color: #444444;
	color: #d6d6d6;
}

body.iot-dark-mode .leaflet-popup-content-wrapper,
body.iot-dark-mode .leaflet-popup-tip,
body.iot-dark-mode .leaflet-tooltip {
	background: #2f2f2f;
	border-color: #444444;
	color: #e6e6e6;
}

body.iot-dark-mode .leaflet-tooltip-top:before {
	border-top-color: #2f2f2f;
}

body.iot-dark-mode .leaflet-tooltip-bottom:before {
	border-bottom-color: #2f2f2f;
}

body.iot-dark-mode .leaflet-tooltip-left:before {
	border-left-color: #2f2f2f;
}

body.iot-dark-mode .leaflet-tooltip-right:before {
	border-right-color: #2f2f2f;
}

body.iot-dark-mode .leaflet-popup-content {
	color: #e6e6e6;
}

body.iot-dark-mode .leaflet-popup-content a,
body.iot-dark-mode .leaflet-popup-content a:link,
body.iot-dark-mode .leaflet-popup-content a:visited {
	color: #d24c7f;
}

body.iot-dark-mode .leaflet-container a.leaflet-popup-close-button {
	color: #e6e6e6;
}

body.iot-dark-mode .leaflet-container a.leaflet-popup-close-button:hover,
body.iot-dark-mode .leaflet-container a.leaflet-popup-close-button:focus {
	color: #ffffff;
}

body.iot-dark-mode #image_gallery_img,
body.iot-dark-mode #chat_msgs {
	border-color: #444444;
}

body.iot-dark-mode #dialog_image_gallery .ui-jqgrid .ui-jqgrid-pager {
	background: #343434;
	background-color: #343434;
}

body.iot-dark-mode #dialog_image_gallery .ui-jqgrid .ui-pager-control,
body.iot-dark-mode #dialog_image_gallery .ui-jqgrid .ui-pg-table {
	background: transparent;
}

body.iot-dark-mode #dialog_image_gallery .ui-jqgrid .ui-jqgrid-bdiv {
	border-color: #444444;
}

body.iot-dark-mode #gview_image_gallery_list_grid {
	border-bottom-color: #444444;
}

body.iot-dark-mode #gview_chat_object_list_grid {
	border-bottom-color: #444444;
}

body.iot-dark-mode #gview_settings_object_sensor_calibration_list_grid,
body.iot-dark-mode #gview_settings_object_sensor_dictionary_list_grid,
body.iot-dark-mode #gview_settings_event_param_sensor_condition_list_grid,
body.iot-dark-mode #gview_cpanel_manage_server_theme_list_grid,
body.iot-dark-mode #gview_cpanel_manage_server_custom_map_list_grid,
body.iot-dark-mode #gview_cpanel_manage_server_log_list_grid,
body.iot-dark-mode #gview_cpanel_manage_server_billing_plan_list_grid,
body.iot-dark-mode #gview_cpanel_manage_server_language_list_grid,
body.iot-dark-mode #gview_cpanel_manage_server_template_list_grid {
	border-bottom-color: #444444;
}

body.iot-dark-mode #settings_object_sensor_calibration_list_grid,
body.iot-dark-mode #settings_object_sensor_calibration_list_grid tbody,
body.iot-dark-mode #settings_object_sensor_calibration_list_grid tr,
body.iot-dark-mode #settings_object_sensor_calibration_list_grid td,
body.iot-dark-mode #settings_object_sensor_dictionary_list_grid,
body.iot-dark-mode #settings_object_sensor_dictionary_list_grid tbody,
body.iot-dark-mode #settings_object_sensor_dictionary_list_grid tr,
body.iot-dark-mode #settings_object_sensor_dictionary_list_grid td {
	background: #2f2f2f;
	background-color: #2f2f2f;
	border-color: #444444;
}

body.iot-dark-mode #chat_object_list_grid,
body.iot-dark-mode #chat_object_list_grid tbody,
body.iot-dark-mode #chat_object_list_grid tr,
body.iot-dark-mode #chat_object_list_grid td {
	background: #2f2f2f;
	background-color: #2f2f2f;
	border-color: #444444;
}

body.iot-dark-mode #image_gallery_list_grid,
body.iot-dark-mode #image_gallery_list_grid tbody,
body.iot-dark-mode #image_gallery_list_grid tr,
body.iot-dark-mode #image_gallery_list_grid td {
	background: #2f2f2f;
	background-color: #2f2f2f;
	border-color: #444444;
}

body.iot-dark-mode #image_gallery_img_data {
	background: #343434;
	color: #e6e6e6;
}

body.iot-dark-mode #chat_msgs_dt {
	background: #383838;
	color: #e6e6e6;
}

body.iot-dark-mode #billing_plan_purchase_list .row {
	border-bottom-color: #444444;
}

body.iot-dark-mode #billing_plan_purchase_list .row.header,
body.iot-dark-mode #billing_plan_purchase_list .row.even {
	background: #343434;
	color: #e6e6e6;
}

body.iot-dark-mode .marker-cluster span,
body.iot-dark-mode .object-cluster span {
	color: #333333;
}

body#cpanel.iot-dark-mode,
body#cpanel.iot-dark-mode #content {
	background: #272727;
	background-color: #272727;
}

body#cpanel.iot-dark-mode #cpanel_user_list,
body#cpanel.iot-dark-mode #cpanel_object_list,
body#cpanel.iot-dark-mode #cpanel_unused_object_list,
body#cpanel.iot-dark-mode #cpanel_billing_plan_list,
body#cpanel.iot-dark-mode #cpanel_manage_server {
	background: #2f2f2f;
	background-color: #2f2f2f;
	color: #e6e6e6;
}

body#cpanel.iot-dark-mode .ui-jqgrid,
body#cpanel.iot-dark-mode .ui-jqgrid .ui-jqgrid-view,
body#cpanel.iot-dark-mode .ui-jqgrid .ui-jqgrid-bdiv,
body#cpanel.iot-dark-mode .ui-jqgrid .ui-jqgrid-btable,
body#cpanel.iot-dark-mode .ui-jqgrid tr.jqgrow,
body#cpanel.iot-dark-mode .ui-jqgrid tr.jqgfirstrow {
	background: #2f2f2f;
	background-color: #2f2f2f;
	color: #e6e6e6;
}

body#cpanel.iot-dark-mode .ui-jqgrid .ui-jqgrid-titlebar {
	background: transparent;
	border-color: #444444;
	color: #e6e6e6;
}

body#cpanel.iot-dark-mode .ui-jqgrid .ui-jqgrid-hdiv,
body#cpanel.iot-dark-mode .ui-jqgrid .ui-jqgrid-hbox,
body#cpanel.iot-dark-mode .ui-jqgrid .ui-jqgrid-pager,
body#cpanel.iot-dark-mode .ui-jqgrid .ui-pager-control {
	background: #343434;
	background-color: #343434;
	border-color: #444444;
	color: #e6e6e6;
}

body#cpanel.iot-dark-mode .ui-jqgrid .ui-jqgrid-htable th,
body#cpanel.iot-dark-mode .ui-jqgrid .ui-jqgrid-htable th.ui-th-column,
body#cpanel.iot-dark-mode .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
	background: #343434;
	background-color: #343434;
	border-color: #444444;
	color: #e6e6e6;
}

body#cpanel.iot-dark-mode .ui-jqgrid tr.ui-row-ltr td,
body#cpanel.iot-dark-mode .ui-jqgrid tr.jqgrow td {
	background: #2f2f2f;
	background-color: #2f2f2f;
	border-color: #444444;
	color: #e6e6e6;
}

body#cpanel.iot-dark-mode .ui-jqgrid tr.ui-state-hover td,
body#cpanel.iot-dark-mode .ui-jqgrid tr.jqgrow:hover td {
	background: #383838;
	background-color: #383838;
	color: #ffffff;
}

body#cpanel.iot-dark-mode .ui-jqgrid tr.ui-state-highlight td,
body#cpanel.iot-dark-mode .ui-jqgrid tr.ui-state-active td {
	background: #3d3d3d;
	background-color: #3d3d3d;
	color: #ffffff;
}

body.iot-dark-mode .icon-save {
	background-image: url(images/save-darkmode.svg);
}

body.iot-dark-mode input.button.icon-close {
	background-image: url(images/close-darkmode.svg);
	background-size: 9px 9px;
}

body.iot-dark-mode .icon-key {
	background-image: url(images/key-white.svg);
}

body.iot-dark-mode .ui-jqgrid tr.jqgrow td img[src$="copy.svg"],
body.iot-dark-mode .ui-jqgrid tr.jqgrow td img[src$="edit.svg"],
body.iot-dark-mode .ui-jqgrid tr.jqgrow td img[src$="erase.svg"],
body.iot-dark-mode .ui-jqgrid tr.jqgrow td img[src$="file.svg"],
body.iot-dark-mode .ui-jqgrid tr.jqgrow td img[src$="key.svg"],
body.iot-dark-mode .ui-jqgrid tr.jqgrow td img[src$="lock-open.svg"],
body.iot-dark-mode .ui-jqgrid tr.jqgrow td img[src$="remove.svg"],
body.iot-dark-mode .ui-jqgrid tr.jqgrow td img[src$="save.svg"],
body.iot-dark-mode .ui-jqgrid tr.jqgrow td img[src$="remove3.svg"] {
	filter: grayscale(100%) brightness(230%);
	opacity: 0.9;
}

body.iot-dark-mode .ui-jqgrid tr.jqgrow:hover td img[src$="copy.svg"],
body.iot-dark-mode .ui-jqgrid tr.jqgrow:hover td img[src$="edit.svg"],
body.iot-dark-mode .ui-jqgrid tr.jqgrow:hover td img[src$="erase.svg"],
body.iot-dark-mode .ui-jqgrid tr.jqgrow:hover td img[src$="file.svg"],
body.iot-dark-mode .ui-jqgrid tr.jqgrow:hover td img[src$="key.svg"],
body.iot-dark-mode .ui-jqgrid tr.jqgrow:hover td img[src$="lock-open.svg"],
body.iot-dark-mode .ui-jqgrid tr.jqgrow:hover td img[src$="remove.svg"],
body.iot-dark-mode .ui-jqgrid tr.jqgrow:hover td img[src$="save.svg"],
body.iot-dark-mode .ui-jqgrid tr.jqgrow:hover td img[src$="remove3.svg"] {
	filter: grayscale(100%) brightness(260%);
	opacity: 1;
}

body#cpanel.iot-dark-mode .ui-jqgrid .ui-pg-table td,
body#cpanel.iot-dark-mode .ui-jqgrid .ui-paging-info {
	color: #e6e6e6;
}

body#cpanel.iot-dark-mode #gview_image_gallery_list_grid,
body#cpanel.iot-dark-mode #gview_chat_object_list_grid,
body#cpanel.iot-dark-mode #gview_settings_object_sensor_calibration_list_grid,
body#cpanel.iot-dark-mode #gview_settings_object_sensor_dictionary_list_grid,
body#cpanel.iot-dark-mode #gview_settings_event_param_sensor_condition_list_grid,
body#cpanel.iot-dark-mode #gview_cpanel_manage_server_theme_list_grid,
body#cpanel.iot-dark-mode #gview_cpanel_manage_server_custom_map_list_grid,
body#cpanel.iot-dark-mode #gview_cpanel_manage_server_log_list_grid,
body#cpanel.iot-dark-mode #gview_cpanel_manage_server_billing_plan_list_grid,
body#cpanel.iot-dark-mode #gview_cpanel_manage_server_language_list_grid,
body#cpanel.iot-dark-mode #gview_cpanel_manage_server_template_list_grid {
	border-bottom-color: #444444;
}

body#cpanel.iot-dark-mode #cpanel_manage_server .ui-tabs-nav {
	background: #383838;
}

body#cpanel.iot-dark-mode #cpanel_manage_server .ui-tabs .ui-tabs-nav li a {
	background-color: #343434;
	color: #d6d6d6;
}

body#cpanel.iot-dark-mode #cpanel_manage_server .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	background-color: #B00045;
	color: #ffffff;
}

body#cpanel.iot-dark-mode .cpanel-tabs-content,
body#cpanel.iot-dark-mode #cpanel_manage_server .ui-img-container {
	background-color: #2f2f2f;
	border-color: #444444;
}

body.iot-dark-mode .panel-button img,
body.iot-dark-mode .ui-pg-div .ui-icon-import,
body.iot-dark-mode .ui-pg-div .ui-icon-export,
body.iot-dark-mode .ui-pg-div .ui-icon-action,
body.iot-dark-mode .ui-pg-div .ui-icon-delete-all,
body.iot-dark-mode .ui-pg-div .ui-icon-refresh {
	filter: grayscale(100%) brightness(193%);
}

body.iot-dark-mode .panel-button img[src*="-color"] {
	filter: none;
}

body.iot-dark-mode .panel-button img[src$="billing-add.svg"],
body.iot-dark-mode .panel-button img[src$="export.svg"],
body.iot-dark-mode .panel-button img[src$="groups.svg"],
body.iot-dark-mode .panel-button img[src$="import.svg"],
body.iot-dark-mode .panel-button img[src$="map.svg"],
body.iot-dark-mode .panel-button img[src$="marker-add.svg"],
body.iot-dark-mode .panel-button img[src$="object-add.svg"],
body.iot-dark-mode .panel-button img[src$="remove2.svg"],
body.iot-dark-mode .panel-button img[src$="route-add.svg"],
body.iot-dark-mode .panel-button img[src$="share-orange.svg"],
body.iot-dark-mode .panel-button img[src$="theme.svg"],
body.iot-dark-mode .panel-button img[src$="zone-add.svg"] {
	filter: none;
}