:root {
	--dark-bg: #111;
	--dark-highlight: #222;
	--dark-extra-highlight: #666;
	--dark-fg-font: #fff;
}

body {
	background-color: var(--dark-bg);
}

#menuwrapper,
#pendencias-wrapper,
#header,
.report,
.pendencias {
	border-color: var(--dark-extra-highlight);
}

a,
h3,
h4,
table,
label,
.form-control,
span.form-control,
textarea,
input.span-unfocused,
[data-haschildren] ul li,
.input-group-addon,
.btn-group > .bootstrap-select,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.btn-default,
.dropdown-menu,
.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover,
.dropdown-menu>li>a,
.btn-default {
	color: var(--dark-fg-font);
}

div.header,
span.form-control,
textarea,
#menuwrapper,
#pendencias-wrapper,
[data-haschildren] ul li,
.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover,
.btn-group > .bootstrap-select,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.btn-default,
.dropdown-menu,
.table-striped>tbody>tr:nth-of-type(odd),
.header-panel,
.pendencias,
.form-control,
.input-group-addon {
	background-color: var(--dark-highlight);
}

#header {
	border-bottom: 1px solid;
}

#pendencias-wrapper, .pendencias {
	border-left: 1px solid;
}

.dropdown-menu {
	border: 1px solid #fff;
}

#menu li.opened,
#menu .nav>li>a:focus,
#menu .nav>li>a:hover,
#menu .nav a:hover,
.table-hover>tbody>tr:hover,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: var(--dark-extra-highlight);
	transition: 0.5s;
}

.pagination>li>a,
.pagination>li>span,
.pagination>li>span:hover,
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	color: #000;
}

#sinModal, .ui-widget-content {
	background-color: var(--dark-bg);
	border: 1px solid #ccc;
	color: var(--dark-fg-font);
}