/* Admin Nightmode Styles */
:root {
  --bg-dark: #171b21!important;
  --bor-dark: #171b21!important;
  --bg-light: #242d37!important;
  --bor-light: #555!important;
  --bg-grey: #333!important;
  --bg-lightgrey: #444!important;
  --bg-extralight: #888!important;
  --fon-light: #ccc!important;
  --fon-medium: #888!important;
}
#nightmode:hover { background: var(--bg-light)!important; }
html, body { color: var(--fon-light); }
#header {
  background-color: var(--bg-dark);
  border-color: var(--bor-dark);
  box-shadow: 0 0 3px var(--bg-light);
}
#header .navbar-header { border-right: 1px solid var(--bor-light); }
#header .navbar-right > li { border-left: 1px solid var(--bor-light); }
#header .navbar-right > li > a { color: var(--ft-light); }
.dropdown-menu { background-color: var(--bg-dark); }
#column-left { background-color: var(--bg-dark); }
#container { background-color: var(--bg-grey); }
.page-header h1 {
  color: var(--fon-light);
  text-shadow: 0 1px #000!important;
}
.breadcrumb > li { text-shadow: 0 1px #000; }
.breadcrumb > li a { color: var(--fon-light); }
.panel { background-color: var(--bg-lightgrey); }
.panel-default .panel-heading {
  color: var(--fon-light);
  border-color: var(--bor-light);
  background: var(--bg-dark);
  text-shadow: none;
}
.panel-default {
  border: 1px solid var(--bor-light);
  border-top: 1px solid var(--bor-light);
}
.panel-default { border-color: var(--bor-light); }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: var(--fon-light);
  background-color: var(--bg-grey);
  border: 1px solid var(--bor-light);
  border-bottom-color: var(--bor-light);
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: var(--bg-light); }
.nav-tabs { border-bottom: 1px solid var(--bor-light); }
.nav-tabs > li > a:hover { border-color: var(--bor-light); }
.nav > li > a:hover, .nav > li > a:focus { background-color: var(--bg-light); }
.table-hover > tbody > tr:hover { background-color: var(--bg-grey); }
.table-bordered { border: 1px solid var(--bor-light); }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
  border: 1px solid var(--bor-light);
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: 1px solid var(--bor-light);
}
legend {
  color: var(--fon-medium);
  border-bottom: 1px solid var(--bor-dark);
}
.well {
  background-color: var(--bg-light);
  border: 1px solid var(--bg-dark);
}
.alert-success {
  background-color: #005500!important;
  border-color: #008800!important;
  color: #ffffff!important;
}
.alert-info {
  background-color: #005588!important;
  border-color: #0088aa!important;
  color: #ffffff!important;
}
.alert-danger {
  background-color: #cc5500!important;
  border-color: #ff5500!important;
  color: #FFFFFF!important;
}
.form-control {
  color: var(--fon-light);
  background-color: var(--bg-dark);
  border: 1px solid var(--bg-light);
}
.input-group-addon {
  color: var(--fon-light);
  background-color: var(--bg-dark);
  border: 1px solid var(--bg-light);
}
.form-control:hover {
  border: 1px solid var(--bg-light);
  border-top-color: var(--bg-light);
}
input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"], input[type="checkbox"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  background: var(--bg-extralight);
  border: 1px solid var(--bor-dark);
}
input[type="radio"]:active, .radio input[type="radio"]:active, .radio-inline input[type="radio"]:active, input[type="checkbox"]:active, .checkbox input[type="checkbox"]:active, .checkbox-inline input[type="checkbox"]:active {
  background-color: var(--bg-extralight);
  border-color: var(--bg-extralight);
}
#vmap svg { background: var(--bg-lightgrey); }
.list-group-item {
  background-color: var(--bg-lightgrey);
  border: 1px solid var(--bor-dark);
}
.note-editor.note-frame .note-editing-area .note-editable {
  color: var(--fon-light);
  background-color: var(--bg-dark);
}
.note-editor.note-frame .note-statusbar { background-color: var(--bg-grey); }
.note-editor.note-frame .note-editing-area .note-editable {
  color: var(--fon-light)!important;
  background-color: var(--bg-dark)!important;
}
.note-editor.note-frame .note-statusbar { background-color: var(--bg-grey)!important; }
.dropdown-menu > li > a { color: var(--fon-light); }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: var(--fon-light);
  background-color: var(--bg-light);
}
.table-striped > tbody > tr:nth-of-type(odd) { background-color: var(--bg-lightgrey); }
.pagination > li > a, .pagination > li > span {
	background-color: var(--bg-light);
	border: none!important;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	background-color: var(--bg-dark);
	border: none!important;
}
a.list-group-item, button.list-group-item {
    color: inherit;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: var(--bg-lightgrey);
}
.modal-content {
    background-color: var(--bg-light);
}
.modal-content hr {
    border-top: 1px solid var(--bor-dark);
}
.modal-header {
    border-bottom: 1px solid var(--bor-dark);
}
.modal-footer {
    border-top: 1px solid var(--bor-dark);
}
.thumbnail {
    background-color: var(--bg-dark);
    border: 1px solid var(--bor-dark);
}
.img-thumbnail {
    background-color: var(--bg-light);
    border: 1px solid var(--bor-dark);
}