/* Accelero Dark Mode 1.0.4 - scoped to screen rendering. */
@media screen {
	:root {
		color-scheme: dark;
		--darkmode-background: #0f141b;
		--darkmode-surface: #171e28;
		--darkmode-surface-raised: #1e2733;
		--darkmode-surface-muted: #263240;
		--darkmode-border: #394657;
		--darkmode-text: #e8edf3;
		--darkmode-text-muted: #aab5c3;
		--darkmode-link: #7ec8ff;
		--darkmode-focus: #52c7a0;
		--darkmode-selection: #33465a;
		--light-gray: #202a36;
		--mid-gray: #2b3745;
		--dark-gray: #394657;
		--table-odd-row: #1b2531;
		--material-shadow: 0 4px 10px rgba(0, 0, 0, 0.42);
		--material-shadow-inverted: -2px 4px 10px rgba(0, 0, 0, 0.42);
		--material-shadow-hover: 0 8px 20px rgba(0, 0, 0, 0.52);
	}

	html,
	body {
		background-color: var(--darkmode-background);
		color: var(--darkmode-text);
	}

	::selection {
		background: var(--darkmode-selection);
		color: #ffffff;
	}

	#content-wrapper,
	#main,
	.main-content {
		background-color: var(--darkmode-background);
		color: var(--darkmode-text);
	}

	div.header,
	#menuwrapper,
	.navbar-header,
	ul.navbar-nav.mr-auto:not(.dashboard-link) {
		background-color: var(--darkmode-surface);
		color: var(--darkmode-text);
	}

	div.header {
		border-bottom: 1px solid var(--darkmode-border);
		position: relative;
	}


	.darkmode-top-toggle {
		position: absolute;
		right: auto;
		top: 50%;
		z-index: 5;
		transform: translateY(-50%);
		width: 38px;
		height: 20px;
		padding: 0;
		border: 1px solid #536173;
		border-radius: 999px;
		background: #536173;
		color: transparent !important;
		font-size: 0;
		cursor: pointer;
	}

	.darkmode-top-toggle::after {
		content: '';
		display: block;
		width: 14px;
		height: 14px;
		position: absolute;
		left: 2px;
		top: 2px;
		border-radius: 50%;
		background: #ffffff;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
		transition: transform 0.15s ease;
	}

	.darkmode-top-toggle[aria-checked='true'] {
		border-color: #319c36;
		background: #319c36;
	}

	.darkmode-top-toggle[aria-checked='true']::after {
		transform: translateX(18px);
	}

	#darkmode-top-toggle {
		position: relative;
		top: auto;
		right: auto;
		transform: none !important;
		vertical-align: middle;
		width: 58px;
		height: 26px;
		margin-right: 12px;
		color: #ffffff !important;
		font-size: 20px;
		line-height: 25px;
		text-align: center;
	}

	#darkmode-top-toggle::after {
		display: none;
	}

	.darkmode-top-toggle:hover,
	.darkmode-top-toggle:focus {
		border-color: #ff8a24;
		outline: none;
	}

	div.header .dropdown .btn,
	.header .dropdown.open .btn,
	.user-presentation {
		color: var(--darkmode-text);
	}

	#menuwrapper {
		border-right: 1px solid var(--darkmode-border);
	}

	#menu a,
	#menu span.menu-item-label,
	#menu .nav-link {
		color: var(--darkmode-text);
	}

	#menu li.opened > ul,
	#menu li.opened ul,
	#menu .navbar-collapse,
	#menu .collapse.show {
		background-color: var(--darkmode-surface-raised);
	}

	#menu [data-haschildren] ul li {
		border-bottom-color: var(--darkmode-border);
	}

	#menu .dashboard-link,
	#menu .dashboard-link a,
	#menu .dashboard-link span {
		color: #ffffff;
	}

	a,
	.btn-link,
	.page-link {
		color: var(--darkmode-link);
	}

	a:hover,
	a:focus,
	.btn-link:hover,
	.btn-link:focus {
		color: #b7e1ff;
	}

	.card,
	.card-container,
	.card-dynamic,
	.dashboard-card,
	.analytic-card,
	.event-box,
	.levMonitorAssociadosCar,
	.well,
	.panel,
	.panel-default,
	.jumbotron {
		background-color: var(--darkmode-surface);
		border-color: var(--darkmode-border);
		color: var(--darkmode-text);
	}

	.dashboard .card:hover {
		background-color: var(--darkmode-surface-raised);
	}

	.card-title,
	.panel-heading,
	.panel-footer,
	.card-header,
	.card-footer {
		background-color: var(--darkmode-surface-raised);
		border-color: var(--darkmode-border);
		color: var(--darkmode-text);
	}

	.dashboard-eventos .event-box .row,
	.dashboard-card {
		border-color: var(--darkmode-border);
	}

	/* Dashboard: titulos dos graficos e linha do tempo de acessos. */
	.dashboard-stats .card-title,
	.dashboard-stats .card-title h4 {
		background-color: var(--darkmode-surface) !important;
		color: var(--darkmode-text) !important;
	}

	.dashboard-stats .timeline {
		color: var(--darkmode-text);
	}

	.dashboard-stats .timeline > li {
		color: var(--darkmode-text) !important;
	}

	.dashboard-stats .timeline > li .content-timeline,
	.dashboard-stats .timeline > li .content-timeline p,
	.dashboard-stats .timeline > li .content-timeline .h5 {
		color: var(--darkmode-text) !important;
	}

	.dashboard-stats .timeline > li .content-timeline .text-muted {
		color: var(--darkmode-text-muted) !important;
	}

	.dashboard-stats .timeline > li.logevento-error,
	.dashboard-stats .timeline > li.logevento-error .content-timeline,
	.dashboard-stats .timeline > li.logevento-error .content-timeline p {
		color: #ff8790 !important;
	}

	.dashboard-stats .timeline .image-user img {
		background-color: var(--darkmode-surface-muted);
		border: 1px solid var(--darkmode-border);
		color: var(--darkmode-text-muted);
	}

	.form-control,
	.custom-select,
	.input-group-text,
	.input-group-addon,
	.bootstrap-select > .dropdown-toggle,
	.bootstrap-select .dropdown-toggle,
	.jqte,
	.jqte_editor {
		background-color: var(--darkmode-surface-raised);
		border-color: var(--darkmode-border);
		color: var(--darkmode-text);
	}

	.form-control::placeholder,
	input::placeholder,
	textarea::placeholder {
		color: #8491a2;
		opacity: 1;
	}

	.form-control:focus,
	.custom-select:focus,
	.bootstrap-select > .dropdown-toggle:focus {
		background-color: var(--darkmode-surface-raised);
		border-color: var(--darkmode-focus);
		box-shadow: 0 0 0 0.15rem rgba(82, 199, 160, 0.22);
		color: var(--darkmode-text);
	}

	.form-control:disabled,
	.form-control[readonly],
	span.form-control,
	.span-unfocused,
	input:disabled,
	select:disabled,
	textarea:disabled {
		background-color: #111821;
		border-color: #2d3948;
		color: var(--darkmode-text-muted);
	}

	select option,
	select optgroup {
		background-color: var(--darkmode-surface-raised);
		color: var(--darkmode-text);
	}

	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus {
		-webkit-box-shadow: 0 0 0 1000px var(--darkmode-surface-raised) inset;
		-webkit-text-fill-color: var(--darkmode-text);
		caret-color: var(--darkmode-text);
	}

	.bootstrap-select .filter-option,
	.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
		color: var(--darkmode-text);
	}

	.dropdown-menu,
	.bootstrap-select .dropdown-menu,
	.typeahead,
	.tt-menu {
		background-color: var(--darkmode-surface-raised);
		border-color: var(--darkmode-border);
		box-shadow: var(--material-shadow);
		color: var(--darkmode-text);
	}

	.dropdown-item,
	.dropdown-menu > li > a,
	.bootstrap-select .dropdown-item {
		background-color: transparent;
		color: var(--darkmode-text);
	}

	.dropdown-item:hover,
	.dropdown-item:focus,
	.dropdown-item.active,
	.dropdown-item:active,
	.dropdown-menu > li > a:hover,
	.bootstrap-select .dropdown-item:hover,
	.bootstrap-select .dropdown-item:focus,
	.bootstrap-select .selected .dropdown-item {
		background-color: var(--darkmode-surface-muted);
		color: #ffffff;
	}

	.dropdown-divider {
		border-top-color: var(--darkmode-border);
	}

	.btn-default,
	.btn-light,
	.btn-secondary,
	.btn-clear-search {
		background-color: var(--darkmode-surface-muted);
		border-color: var(--darkmode-border);
		color: var(--darkmode-text);
	}

	.btn-default:hover,
	.btn-default:focus,
	.btn-light:hover,
	.btn-light:focus,
	.btn-secondary:hover,
	.btn-secondary:focus,
	.btn-clear-search:hover,
	.btn-clear-search:focus {
		background-color: #344355;
		color: #ffffff;
	}

	.table {
		background-color: transparent;
		color: var(--darkmode-text);
	}

	.table th,
	.table td,
	.table thead th,
	.table tbody + tbody {
		border-color: var(--darkmode-border);
	}

	.table thead th,
	th.grouper,
	tfoot tr.separator {
		background-color: var(--darkmode-surface-raised);
		color: var(--darkmode-text);
	}

	.table-striped > tbody > tr:nth-of-type(odd):not(.dirty),
	.table-striped tbody tr:nth-of-type(odd) {
		background-color: var(--darkmode-surface);
	}

	.table-striped > tbody > tr:nth-of-type(even),
	.table tbody tr {
		color: var(--darkmode-text);
	}

	.table tbody td,
	.table tbody td a,
	.table tbody td label,
	.table tbody td span:not(.slider):not(.switch) {
		color: var(--darkmode-text) !important;
	}

	.badge,
	.label {
		background-color: #536173 !important;
		color: #ffffff !important;
		text-shadow: none;
	}

	.badge-danger,
	.label-danger {
		background-color: #b83b4b !important;
		color: #ffffff !important;
	}

	.badge-warning,
	.label-warning {
		background-color: #b97816 !important;
		color: #ffffff !important;
	}

	table tbody td sup,
	table tbody td small,
	table tbody td [class*='badge'] {
		display: inline-block;
		min-width: 16px;
		padding: 1px 4px;
		border-radius: 4px;
		background-color: #536173 !important;
		color: #ffffff !important;
		text-align: center;
	}

	.json_key,
	.json_value {
		border-radius: 4px;
		text-shadow: none;
	}

	.json_key {
		background-color: #536173 !important;
		color: #ffffff !important;
	}

	.json_value {
		background-color: #263240 !important;
		color: #ffffff !important;
	}

	#LogEventoList tbody tr:not(.tableModel) {
		background-color: var(--darkmode-surface) !important;
		color: var(--darkmode-text) !important;
	}

	#LogEventoList tbody tr:not(.tableModel).acc-authorized,
	#LogEventoList tbody tr:not(.tableModel).acc-authorized-delayed,
	#LogEventoList tbody tr:not(.tableModel).acc-authorized:hover,
	#LogEventoList tbody tr:not(.tableModel).acc-authorized-delayed:hover {
		background-color: var(--darkmode-surface) !important;
		color: #effff5 !important;
	}

	#LogEventoList tbody tr:not(.tableModel).acc-not-authorized,
	#LogEventoList tbody tr:not(.tableModel).acc-danger,
	#LogEventoList tbody tr:not(.tableModel).acc-not-authorized:hover,
	#LogEventoList tbody tr:not(.tableModel).acc-danger:hover {
		background-color: #ffc4c8 !important;
		color: #d9273b !important;
	}

	#LogEventoList tbody tr:not(.tableModel).acc-warning,
	#LogEventoList tbody tr:not(.tableModel).acc-warning:hover {
		background-color: #66501c !important;
		color: #fff8df !important;
	}

	#LogEventoList tbody tr:not(.tableModel).acc-authorized td,
	#LogEventoList tbody tr:not(.tableModel).acc-authorized td *,
	#LogEventoList tbody tr:not(.tableModel).acc-authorized-delayed td,
	#LogEventoList tbody tr:not(.tableModel).acc-authorized-delayed td * {
		color: #56c271 !important;
	}

	#LogEventoList tbody tr:not(.tableModel).acc-not-authorized td,
	#LogEventoList tbody tr:not(.tableModel).acc-not-authorized td *,
	#LogEventoList tbody tr:not(.tableModel).acc-danger td,
	#LogEventoList tbody tr:not(.tableModel).acc-danger td * {
		color: #d9273b !important;
	}

	#LogEventoList tbody tr:not(.tableModel) td,
	#LogEventoList tbody tr:not(.tableModel) td * {
		color: inherit !important;
	}

	table tbody td,
	table tbody td a,
	table tbody td label,
	table tbody td span:not(.slider):not(.switch):not([class*='switch']) {
		color: var(--darkmode-text) !important;
	}

	table tbody td,
	table tbody td * {
		color: #e8edf3 !important;
	}

	.table-hover > tbody > tr:hover,
	.table-hover tbody tr:hover,
	.table-striped > tbody > tr:nth-of-type(odd):not(.dirty):hover,
	.table-hover > tbody > tr.selected,
	.table-striped > tbody > tr.selected:nth-of-type(odd) {
		background-color: var(--darkmode-surface-muted) !important;
		color: #ffffff;
	}

	table.loaded tr.dirty,
	tr.dirty:hover {
		background-color: #5a4317 !important;
		color: #fff4cf;
	}

	tr.controlador-online,
	tr.controlador-online:hover {
		background-color: var(--bg-success) !important;
		color: #ffffff;
	}

	tr.controlador-offline,
	tr.controlador-offline:hover,
	tr.acc-danger,
	tr.acc-danger:hover {
		background-color: var(--bg-danger-desaturated) !important;
		color: #ffffff;
	}

	.nav-tabs,
	.nav-tabs .nav-link,
	.nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link.active {
		border-color: var(--darkmode-border);
	}

	.nav-tabs .nav-link {
		color: var(--darkmode-text-muted);
	}

	.nav-tabs .nav-link:hover,
	.nav-tabs .nav-link:focus,
	.nav-tabs .nav-link.active,
	.nav-tabs .nav-item.show .nav-link {
		background-color: var(--darkmode-surface-raised);
		color: #ffffff;
	}

	.list-group-item,
	.breadcrumb,
	.pagination-wrapper-pageview {
		background-color: var(--darkmode-surface);
		border-color: var(--darkmode-border);
		color: var(--darkmode-text);
	}

	.list-group-item-action:hover,
	.list-group-item-action:focus,
	.page-link:hover,
	.page-item.active .page-link,
	[data-toggle-nopage]:hover {
		background-color: var(--darkmode-surface-muted);
		color: #ffffff;
	}

	.page-item.disabled .page-link {
		background-color: transparent;
		color: #697789;
	}

	.modal-content,
	#sinModal,
	#sinModal-data,
	.alertify,
	.popover {
		background-color: var(--darkmode-surface);
		border-color: var(--darkmode-border);
		color: var(--darkmode-text);
	}

	.modal-header,
	.modal-footer,
	.alertify-inner {
		border-color: var(--darkmode-border);
	}

	.close,
	#modal-close {
		color: var(--darkmode-text);
		text-shadow: none;
	}

	.modal-backdrop,
	#modal-wrapper {
		background-color: rgba(0, 0, 0, 0.72);
	}

	.alertify-message,
	.alertify-text,
	.popover-body,
	.popover-header {
		background-color: var(--darkmode-surface);
		border-color: var(--darkmode-border);
		color: var(--darkmode-text);
	}

	.ui-widget-content,
	.ui-menu,
	.ui-autocomplete,
	#ui-datepicker-div,
	.datepicker,
	.datetimepicker {
		background: var(--darkmode-surface-raised);
		border-color: var(--darkmode-border);
		color: var(--darkmode-text);
	}

	.ui-state-default,
	.ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
		background: var(--darkmode-surface-muted);
		border-color: var(--darkmode-border);
		color: var(--darkmode-text);
	}

	.ui-state-hover,
	.ui-widget-content .ui-state-hover,
	.ui-menu-item-wrapper.ui-state-active,
	.datepicker td.day:hover,
	.datepicker td span:hover,
	.datepicker thead tr:first-child th:hover,
	.datetimepicker table tr td.minute:hover,
	.datetimepicker table tr td.hour:hover,
	.datetimepicker table tr td.day:hover,
	.datetimepicker table tr td span:hover,
	.datetimepicker thead tr:first-child th:hover,
	.datetimepicker tfoot th:hover {
		background: var(--darkmode-selection);
		color: #ffffff;
	}

	.datepicker:after,
	.datetimepicker-dropdown:after,
	.datetimepicker-dropdown-left:after {
		border-bottom-color: var(--darkmode-surface-raised);
	}

	.datetimepicker-dropdown-top:after {
		border-top-color: var(--darkmode-surface-raised);
		border-bottom-color: transparent;
	}

	.datepicker td.new,
	.datepicker td.old,
	.datetimepicker table tr td.old,
	.datetimepicker table tr td.new,
	.datetimepicker table tr td.disabled,
	.datetimepicker table tr td span.disabled {
		color: #778598;
	}

	pre,
	code,
	kbd,
	.context-element-descriptor code {
		background-color: #111821;
		border-color: var(--darkmode-border);
		color: #ffb47d;
	}

	hr,
	fieldset,
	legend {
		border-color: var(--darkmode-border);
		color: var(--darkmode-text);
	}

	.block-upload .wrapper_upload,
	.block-upload .wrapper-upload,
	.map-div-icon {
		background-color: var(--darkmode-surface-raised);
		border-color: var(--darkmode-border);
		color: var(--darkmode-text);
	}

	.slider {
		background-color: #566477;
	}

	input[type='checkbox']:after {
		background-color: var(--darkmode-surface-raised);
		border-color: var(--darkmode-border);
		color: var(--darkmode-focus);
	}

	.apexcharts-canvas text,
	.apexcharts-legend-text,
	.apexcharts-title-text,
	.apexcharts-subtitle-text {
		fill: var(--darkmode-text) !important;
		color: var(--darkmode-text) !important;
	}

	.apexcharts-gridline,
	.apexcharts-xaxis line,
	.apexcharts-yaxis line {
		stroke: var(--darkmode-border);
	}

	.apexcharts-tooltip,
	.apexcharts-tooltip-title,
	.apexcharts-xaxistooltip,
	.apexcharts-yaxistooltip {
		background: var(--darkmode-surface-raised) !important;
		border-color: var(--darkmode-border) !important;
		color: var(--darkmode-text);
	}

	.leaflet-popup-content-wrapper,
	.leaflet-popup-tip {
		background-color: var(--darkmode-surface-raised);
		color: var(--darkmode-text);
	}

	::-webkit-scrollbar {
		background-color: var(--darkmode-background);
		height: 12px;
		width: 12px;
	}

	::-webkit-scrollbar-thumb {
		background-color: #455468;
		border: 3px solid var(--darkmode-background);
		border-radius: 8px;
	}

	::-webkit-scrollbar-thumb:hover {
		background-color: #5b6c81;
	}

	/* Ações de tabela: mantenha editar/excluir visíveis no tema escuro. */
	.table td:last-child a,
	.table td:last-child button,
	.table td:last-child .btn,
	.table td:last-child i,
	.table td:last-child svg,
	.table td:last-child [class*='fa-'],
	.table td:last-child [class*='glyphicon'],
	.table td:last-child [class*='ti-'],
	.table td:last-child [class*='icon-'],
	.table .acoes a,
	.table .acoes button,
	.table .acoes i,
	.table .acoes svg,
	.table .acoes [class*='icon'],
	.table .acoes [class*='fa-'],
	.table .acoes [class*='ti-'],
	.table [class*='acao'] a,
	.table [class*='acao'] button,
	.table [class*='acao'] i,
	.table [class*='acao'] svg,
	.table [class*='edit'] a,
	.table [class*='edit'] button,
	.table [class*='edit'] i,
	.table [class*='edit'] svg,
	.table [title*='Editar'],
	.table [aria-label*='Editar'] {
		color: #d6e0eb !important;
		opacity: 1 !important;
		visibility: visible !important;
		text-shadow: 0 0 1px rgba(214, 224, 235, 0.35);
	}

	.table td:last-child a:hover,
	.table td:last-child button:hover,
	.table td:last-child .btn:hover,
	.table .acoes a:hover,
	.table .acoes button:hover,
	.table [class*='acao'] a:hover,
	.table [class*='acao'] button:hover,
	.table [class*='edit'] a:hover,
	.table [class*='edit'] button:hover,
	.table [title*='Editar']:hover,
	.table [aria-label*='Editar']:hover {
		color: #ff8a24 !important;
		text-shadow: 0 0 5px rgba(255, 138, 36, 0.35);
	}

	@media (max-width: 850px) {
		.table-hover > tbody > tr,
		.table-striped > tbody > tr:nth-of-type(odd) {
			background-color: var(--darkmode-surface) !important;
		}

		.table-hover > tbody > tr:hover,
		.table-hover > tbody > tr.selected,
		.table-striped > tbody > tr.selected:nth-of-type(odd) {
			background-color: var(--darkmode-surface-muted) !important;
		}
	}
}