:root {
  --bg: #111;
}

html {
  color: #fff;
  scrollbar-color: #555555 #222222;
}

body {
  font-family: verdana, arial;
  font-size: 1.1rem;
  margin: 0;
  padding: 0;
  color: #fff;
}
body.parent {
  background: #111;
  overflow: hidden;
}

body.child { 
  background: #111; 
}

.va-m {
  vertical-align: middle;
}

#maincontentspacer {
  margin: 0;
  height: 100%;
}

.childpage { 
  background-color: transparent;
  /* OG background-color: #111; */
  min-height: 100vh;
}

@font-face {
  font-family: "robotoblack";
  src: url("/nagiosfusion/static/fonts/Roboto-Black-webfont.eot");
  src: url("/nagiosfusion/static/fonts/Roboto-Black-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("/nagiosfusion/static/fonts/Roboto-Black-webfont.woff") format("woff"),
    url("/nagiosfusion/static/fonts/Roboto-Black-webfont.ttf")
      format("truetype"),
    url("/nagiosfusion/static/fonts/Roboto-Black-webfont.svg#robotoblack")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

.single-half-col {
  max-width: 60%;
}
@media (max-width: 1200px) {
  .single-half-col {
    max-width: 100%;
  }
}

.hiddenmenu {
  display: none;
}
#mdropdown {
  font-weight: bold;
  color: #fff;
  cursor: default;
}
#mdropdown .nav-head {
  padding: 0 15px;
}
#mdropdown li > a {
  font-weight: normal;
  color: #fff;
  cursor: pointer;
  padding: 5px 15px;
}
#mdropdown a:hover {
  text-decoration: none;
  color: #aaa;
}
ul.dropdown-items {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #222;
  display: none;
  position: absolute;
  line-height: 30px;
  z-index: 9000;
}
#mdropdown span ul {
  padding: 5px 0;
}
#mdropdown:hover {
  background: #222;
}
#mdropdown:hover span > ul {
  display: block;
}

@media (max-width: 1250px) {
  .hiddenmenu {
    display: block;
  }
  .mainmenu {
    display: none;
  }
}

.help-section {
  padding: 10px 0;
}
code {
  font-size: 1.2rem;
}
form textarea.form-control {
  line-height: 1.3rem;
}

.fa.pop {
  font-size: 14px;
  cursor: pointer;
}
td.checkbox label {
  line-height: 2rem;
}
.checkbox,
.radio {
  margin: 0 0 10px 0;
  line-height: 2rem;
}
.popover-content {
  font-size: 1.3rem;
  line-height: 1.75rem;
  padding: 1rem 1.2rem;
  background-color: #222;
  color: white;
}
.popover-title {
  background-color: #161616;
  border-radius: 0;
}

td.checkbox {
  display: table-cell;
}
.ui-tabs .ui-tabs-nav li a,
input,
select,
button {
  outline: none;
}
div.message {
  display: inline-block;
  position: static;
  width: auto;
}
div.message .errorMessage a {
  color: #333;
  border-bottom: 1px dotted #333;
  font-weight: bold;
}
div.message .errorMessage a:hover {
  border-bottom: 1px solid #333;
  text-decoration: none;
}

.btn-xs {
  font-size: 1.1rem;
  line-height: 1.1rem;
  padding: 6px 10px;
}
#tabs a .fa {
  margin-right: 2px;
}

/* Button colors */
.btn-primary {
  background-color: #4d89f9;
  border-color: #3371e6;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #3371e6;
  border-color: #1b59cd;
}

.well {
  background-color: #262626;
  border-radius: 0;
  border-color: #262626;
  color: white;
}

form label.checkbox {
  font-weight: normal;
  color: #aaa;
}

#header {
  background: url("/nagiosfusion/static/images/footer_lodyas.png") 0px 0px;
  height: 50px;
  line-height: 48px;
}
#feedback_content,
#popup_content {
  line-height: 1.4rem;
}
#close_popup_link,
#close_feedback_link {
  position: relative;
  top: -5px;
}
#toplogo {
  float: left;
  width: auto;
  font-family: "robotoblack";
  margin: 0;
}
#toplogo a {
  font-size: 24px;
  letter-spacing: 1px;
  color: #ffffff;
}
#toplogo a:hover,
#toplogo a:visited,
#toplogo a:focus,
#toplogo a:active {
  text-decoration: none;
  color: #ffffff;
}
#header img.xi-logo {
  height: 24px;
  vertical-align: middle;
  margin-left: 1.5rem;
  padding-bottom: 2px;
}
#header img.fusion-logo {
  margin-left: 4px;
  margin-top: -3px;
  height: 32px;
}
.header-right {
  float: right;
  color: #fff;
}
.header-right.profile {
  margin-right: 1.5rem;
}
.header-right a {
  color: #fff;
  font-size: 1.1rem;
  line-height: 2rem;
  display: inline-block;
}
.header-right a:hover {
  text-decoration: none;
  color: #aaa;
}
.header-right a:hover span {
}
.header-right.search {
  margin-right: 2rem;
}
.header-right.search form {
  margin: 0;
}
.header-right.search form input {
  color: #222;
}
.ext {
  cursor: default;
  font-size: 1.7rem;
  width: 54px;
  text-align: center;
  height: 50px;
}
.ext:hover {
  background-color: #222;
}
.ext ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 200px;
}
.ext:hover span > ul {
  display: block;
}
.ext ul {
  display: none;
  position: absolute;
  top: 50px;
  right: 0px;
  height: auto;
  z-index: 9999;
}
.ext ul li {
  background-color: #222;
  font-weight: bold;
  padding: 0.25rem 1rem 1rem 1rem;
  color: #fff;
  line-height: 1.7rem;
  width: 54px;
  text-align: center;
}
.ext ul li:first-child {
  padding-top: 1rem;
}
.ext ul li:last-of-type {
  padding-bottom: 1.75rem;
}
.ext ul li a {
  font-size: 1.5rem;
}

#submitAddViewButton {
  margin: 0;
}
#addview_form .textfield {
  margin-bottom: 10px;
}

#techsupport-contents ul li {
  margin-left: 1rem;
}

#footer img {
  margin-bottom: 0.1em;
}
#footer {
  width: 100%;
  height: auto;
  line-height: 3em;
  background: url("/nagiosfusion/static/images/footer_lodyas.png");
  cursor: default;
  margin: 0;
  padding: 0;
}
#footer a {
  color: #fff;
  border-bottom: 1px dotted #fff;
}
#footer a:hover {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}
.footer-right {
  text-align: right;
  color: #fff;
}
.footer-left {
  text-align: left;
  color: #fff;
}
.footer-left .btn-group .btn {
  padding: 3px 6px 4px;
  font-size: 90%;
  line-height: 1;
  font-weight: bold;
  margin-top: -3px;
}
.footer-left .btn-group .btn:first-child {
  -webkit-border-radius: 0.25em 0 0 0.25em;
  -moz-border-radius: 0.25em 0 0 0.25em;
  border-radius: 0.25em 0 0 0.25em;
}
.footer-left .btn-group .btn:last-child {
  -webkit-border-radius: 0 0.25em 0.25em 0;
  -moz-border-radius: 0 0.25em 0.25em 0;
  border-radius: 0 0.25em 0.25em 0;
}

#tray_alerter {
  position: inherit;
  padding: 0;
  bottom: 0;
  right: 0;
  display: inline-block;
  margin-right: 1em;
}
#tray_alerter_popup {
  border: 1px solid #ddd;
  height: auto;
  text-align: left;
  bottom: 40px;
  padding: 15px;
  line-height: 1.43;
  right: 300px;
}

.contentheadernotice {
  border-radius: 0;
  margin: 0;
  padding: 8px 16px;
}
.enterprisefeaturenotice.maincontent {
  margin: 0;
  top: 0;
  left: 0px;
  padding: 8px 16px;
  width: 100%;
  border-radius: 0;
}

#maincontent {
  width: 82%;
  left: 200px;
  top: 50px;
}
#leftnav {
  background-color: #202020;
  border: none; /* border-right: 1px solid #E5E5E5; */
  border-radius: 0;
  height: 85%;
  margin: 0;
  width: 200px;
  padding: 0;
  left: 0;
}
#topmenucontainer {
  margin: 0;
}

#topmenu {
  float: left;
  margin-left: 5rem;
  margin-top: 1px;
  height: 48px;
}
#topmenu div.mainmenu > div {
  float: left;
}
#topmenu div.mainmenu div a {
  font-size: 1.1rem;
  color: #fff;
  text-shadow: 1px 1px 0px #333;
  font-weight: bold;
  padding: 0 1.7rem 0 1.5rem;
}
#topmenu div.mainmenu div:last-child a {
  border-right: none;
}
#topmenu div.mainmenu div a:hover,
#topmenu div a:active,
#topmenu div a:focus {
  text-decoration: none;
  color: #aaa;
}

#topmenu a.servers-nolink {
  cursor: default;
}
#topmenu a.servers-nolink:hover,
#topmenu a.servers-nolink:active,
#topmenu a.servers-nolink:focus {
  color: #fff !important;
}

div.menusectiontitle {
  background-color: #191919;
  color: white;
  border: none;
  margin: 0;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  vertical-align: middle;
}
#popup_data table td {
  padding: 2px 4px;
}

.btn i.r {
  margin-left: 0.25em;
}
.btn i.l {
  margin-right: 0.25em;
}

.form-error {
  border: 1px solid red;
}
form .form-control,
.form-control {
  color: white;
  background-color: #090909;
  border: 1px solid #333333;
  line-height: 1.1rem;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  font-size: 1.1rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0;
  height: 29px;
}
form .form-control:focus,
.form-control:focus {
  border: 1px solid #333333;
  box-shadow: inset 0 0 22px #2c2c2c;
}
form select.form-control,
select.form-control {
  padding: 0.2rem 0.4rem;
  height: 29px;
}
label input {
  font-weight: normal;
}

.dashlettable {
  border: 1px solid transparent;
  padding: 0.75em 1em 1em 0.75em;
}
.dashlettable.dashlettablehover {
  border: 1px dashed #888;
}
.dashifybutton {
  top: 0;
  height: auto;
}

table.infotable {
  margin: 0;
  background-color: #262626;
}
table.infotable thead th {
  padding: 0.4em 0.6em;
  text-align: center;
  background-color: #262626;
}
table.infotable tbody td {
  padding: 0.4em;
}
.sysstat_componentstates table.infotable tbody td,
.sysstat_serverstats table.infotable tbody td,
.sysstat_monitoringproc table.infotable tbody td,
.sysstat_monitoringstats table.infotable tbody td,
.sysstat_monitoringperf table.infotable tbody td {
  padding: 0.1em 0.4em;
}
.sysstat_monitoringproc table.infotable tbody tr:last-child td,
.sysstat_monitoringstats table.infotable tbody tr:last-child td,
.sysstat_monitoringperf table.infotable tbody tr:last-child td,
.sysstat_serverstats table.infotable tbody tr:last-child td,
.sysstat_componentstates table.infotable tbody tr:last-child td {
  padding-bottom: 0.4em;
}
.sysstat_monitoringproc table.infotable tbody tr:first-child td,
.sysstat_monitoringstats table.infotable tbody tr:first-child td,
.sysstat_monitoringperf table.infotable tbody tr:first-child td,
.sysstat_serverstats table.infotable tbody tr:first-child td,
.sysstat_componentstates table.infotable tbody tr:first-child td {
  padding-top: 0.4em;
}

.table.table-no-border > tbody > tr > td,
.table.table-no-border > tbody > tr > th,
.table.table-no-border > tfoot > tr > td,
.table.table-no-border > tfoot > tr > th,
.table.table-no-border > thead > tr > td,
.table.table-no-border > thead > tr > th {
  border: none;
}

textarea.code {
  font-family: courier;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
textarea.fullsize {
  width: 100%;
  min-width: 400px;
  height: 100%;
}

table.table.table-auto-width {
  width: auto;
}
table.table.table-no-margin {
  margin: 0;
}
table.table.table-no-bg {
  background-color: transparent;
}

table.tablesorter tbody tr td.hover,
table.tablesorter tbody tr.even td.hover,
table.tablesorter tbody tr.selected td,
table.tablesorter tbody tr.even.selected td {
  background-color: #edf3ff;
  cursor: default;
}
table.tablesorter tbody tr td input.uidcheckbox,
#checkall {
  cursor: pointer;
}
table.tablesorter tbody tr td.clickable {
  cursor: default;
}

table.tablesorter thead tr .headerSortUp {
  background-image: url("/nagiosfusion/static/images/icons/th_up.png");
}
table.tablesorter thead tr .headerSortDown {
  background-image: url("/nagiosfusion/static/images/icons/th_down.png");
}
table.tablesorter thead tr .sort-header {
  background-repeat: no-repeat;
  background-position: 0% center;
  padding-left: 18px;
}

table.tablesorter tbody td {
  color: #ffffff;
  vertical-align: middle;
  padding: 5px;
  background-color: initial;
}
table.tablesorter tfoot tr,
table.tablesorter thead tr {
  background-color: #fff;
}
table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
  background-color: #111111;
  font-size: 9pt;
  padding: 5px;
}
table.tablesorter tbody tr.even td {
  background-color: initial;
}

table table.table {
  margin: 0;
}
.perm-users {
  margin-top: 10px;
}

li.menulink a:hover,
li.menulink a:visited,
li.menulink a:focus {
  text-decoration: none;
}
li.menulink a:hover {
  color: #fa8700;
}
li.menulink a span {
  width: 15px;
  text-align: left;
  display: inline-block;
}
li.menulink a {
  color: white;
}

.btn-sm {
  height: 29px;
}
.btn-sm img {
  vertical-align: top;
  margin-right: 2px;
}
.fa.l {
  margin-right: 2px;
}
.fa.r {
  margin-left: 2px;
}
a.btn span:hover {
  text-decoration: none;
}
.pager-select-page {
  margin: 0 10px 0 20px;
}
.pager-select-numpages {
  margin: 0 20px 0 10px;
}
.tablepagerselect,
.tablepagertextfield {
  vertical-align: middle;
}

.form-control.vam {
  vertical-align: middle;
}

.xicore_perfdata_chart_outboard {
  padding: 0;
}

form .submitbutton.login {
  margin-top: 10px;
}
.login-box {
  float: right;
}
.login-box h1 {
  margin: 0;
  padding: 0 0 15px 0;
}
.login-box .forgot-pw {
  padding: 0;
  margin: 0;
}
.login-box .message {
  width: 100%;
}
.login-box .message ul.errorMessage {
  margin: 0 0 12px 0;
}
.login-box .message ul.infoMessage {
  margin: 0 0 12px 0;
  border-color: #4d97fa;
  background-color: #a7cdff;
}
.login-box form .form-control {
  width: 65%;
}
#languageopts {
  margin-top: 5px;
}
.login-box .select-language {
  padding-top: 10px;
}

.login-cell h3 {
  font-size: 18px;
}

div.message ul {
  padding: 1em 1.5em;
}

/* jQuery UI Overwrites */
.ui-widget-content a {
  color: #4d89f9;
}
.ui-widget-content a.btn {
  color: #fff;
}
.ui-widget-content,
.ui-widget-header {
  background: #111;
  color: #eee;
}
.ui-widget-header {
  border-bottom: 1px solid #333;
  border-top: none;
  border-right: none;
  border-left: none;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #eee;
}
.ui-state-default:not(.ui-state-active):hover {
  background-color: #555;
  border-top: 1px solid #555;
  border-left: 1px solid #555;
  border-right: 1px solid #555;
}
.ui-widget-content a.btn-default {
  color: #333;
}

.reset-pass {
  width: 600px;
  margin: 80px auto;
}
.reset-pass h1 {
  margin: 0;
}
pre {
  border-radius: 0;
}

/* New report layout fixes in Modern */
div.reportexportlinks {
}
.report-options {
  margin: -10px -20px 20px -20px;
  border-left: none;
  border-right: none;
}

.wiz-header-cb {
  margin: 0 0 0 15px;
}

.extraicons img,
.hosticons img,
.serviceicons img {
  margin-left: 3px;
}

ul.config-dropdown {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #222;
  display: none;
  position: absolute;
  line-height: 30px;
  z-index: 9000;
}
ul.config-dropdown span {
  padding-right: 1.7rem;
  color: #fff;
  font-size: 1.1rem;
  text-shadow: 1px 1px 0px #333;
  vertical-align: middle;
  margin-left: -5px;
}
#topmenu div.mainmenu ul.config-dropdown li a.external-login {
  width: 20px;
  color: #fff;
  padding-left: 0;
  margin-left: -5px;
}
#topmenu div.mainmenu ul.config-dropdown li a.external-login:hover {
  color: #aaa;
}
#topmenu div.mainmenu ul.config-dropdown li span.auto-login {
  margin-right: 30px;
}
#topmenu div.mainmenu ul.config-dropdown li span.auto-login a {
  padding: 0;
}
#topmenu div.mainmenu ul.config-dropdown li span.auto-login i {
  width: 14px;
  height: 16px;
}
#config-menulink span ul {
  padding: 5px 0;
}
#topmenu div#config-menulink span ul li a {
  font-weight: normal;
}
#config-menulink:hover {
  background: #222;
}
#config-menulink:hover span > ul {
  display: block;
}

#topmenu ul.config-dropdown {
  max-height: 50%;
  overflow-y: auto;
  overflow-x: hidden;
}

.getting_started_dashlet ul,
.admin_task_dashlet ul {
  padding: 6px 0 8px 30px;
  margin: 0;
}
.getting_started_dashlet ul li,
.admin_task_dashlet ul li {
  padding: 3px 0;
}

#mydashboardsmenu li:first-child {
  padding-bottom: 5px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 5px;
  margin-right: 15px;
}
#wizardSearchBox {
  font-size: 0.9rem;
}

.system-alerts {
  margin-right: 2em;
}
.system-alerts .popover-title {
  display: none;
}

.alert {
  border-radius: 0;
}
.table-outside-bordered {
  border: 1px solid #ddd;
}

/* warning/critical highcharts buttons */
.highcharts-container .highcharts-button rect.active {
  fill: #ddd;
  x: 0.5;
  y: 0.5;
  rx: 2;
  ry: 2;
}

/* DARKMODE NEWLY MODIFIED */
.sel-users-new { overflow: auto; background-color: #111; height: 180px; border: 1px solid #222; padding: 5px 10px; }
.sel-users-new.fixed { margin: 0 0 5px 20px; width: 90%; }
.sel-users-new div.checkbox { margin: 0; }

/* GENERAL ELEMENTS */
h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
  color: white;
}
label {
  color: white;
}
span.text {
  color: #dadada;
}

/* SETTINGS */
#settings_tabs {
  background-color: #111;
}
.login-table {
  background-color: #111;
}
.subtext {
  color: white;
}

/* LOGIN PAGE*/
#language-button {
  color: #fff;
}
#language-button:hover,
#language-button:focus {
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
}

#autoLoginButton {
  background-color: var(--bg);
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-top: 20px;
}
#autoLoginButton:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
#autoLoginButton:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.title-row {
  color: #212121;
}

.login-input-wrapper #usernameBox,
.login-input-wrapper #passwordBox {
  border: 1px solid rgba(0, 0, 0, 0.4);
}

.modern-login-wrapper {
  background-color: var(--bg);
}
.modern-login-wrapper #loginButton,
#autoLoginButton {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.contact-wrapper #contact-card {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  background-color: #333333;
  color: #fff;
}
.modern-login-wrapper .login-card {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  background-color: #333333;
}

.fixed-login-message.error {
  background-color: #bf360c;
  border: solid 1px #ffccbc;
  color: #ffccbc;
}
.fixed-login-message.info {
  background-color: #01579b;
  border: solid 1px #b3e5fc;
  color: #b3e5fc;
}

/* BUTTONS */
.btn-default {
  background-color: #333;
  border-color: #333;
  color: #fff;
}
.btn-default[disabled],
.btn-default.disabled {
  background: #111;
  border-color: #111;
}

/* PAGINATION */
.ajax-pagination {
  color: #fff;
}
.with-selected {
  color: #fff;
}
input.form-control.jump-to {
  background-color: #111;
  border-color: #333333;
}

/* READ-ONLY FORM INPUTS */
.form-control[readonly] {
  background-color: #090909;
}

/* TABLE */
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
  border-top: 1px #444 solid;
}
.table-striped > tbody > tr:nth-of-type(2n + 1),
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #191919;
}
.table-striped > tbody > tr:nth-of-type(2n) {
  background-color: #242424;
}
.table-outside-bordered,
.table > thead > tr > th {
  border-color: #444;
}
.table {
  color: #ccc;
  border-color: #444;
}
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border-color: #444;
}

/* DASHLET */
.dashlet.inline > .content-overflow {
  background-color: #111111;
}
.dashlet.inline {
  border: none;
}
.dashlet:hover,
.dashlet.show-border {
  border-color: #4d89f9;
}
.dashlet:hover .icons,
.dashlet:hover .dashletize {
  background-color: #2b2b2b;
  color: white;
}
.dashlet-infotable {
  background-color: #262626;
  color: white;
}
.content {
  color: white;
}
.dashlet:hover .icons,
.dashlet:hover .dashletize {
  border-color: #4d89f9;
}
.dashlet-settings.managed {
  background-color: #1f1f1f;
  border-color: #5e5e5e;
  box-shadow: 0px 0px 10px #313131;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-color: transparent;
  border-color: rgb(136, 136, 136);
  color: #eee;
}
.ui-widget-header {
  border-color: rgb(189, 189, 189);
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active {
  background-color: transparent;
  border-bottom: 1px solid #222222;
}

#child_popup_layer {
  z-index: 9002;
  min-width: 300px;
  height: auto;
  position: absolute;
  top: 100px;
  left: 100px;
  visibility: hidden;
  border: 1px solid #111;
  background-color: #262626;
  box-shadow: 0px 0px 10px #111;
}

#whiteout {
  background-color: #111;
  opacity: 0.85;
  z-index: 9000;
  display: none;
}

/* SPECTRUM OVERWRITES */
.sp-replacer {
  --test: #424242;
  background-color: var(--test);
  border-color: var(--test);
}

.sp-container {
  --test: #424242;
  background-color: var(--test);
  border-color: black;
}

.sp-palette-container {
  border-right-color: black;
}

.sp-picker-container {
  border-left: 0px;
  border-color: black;
}

.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px gray;
}

.sp-dd {
  color: rgb(199, 199, 199);
}

.form-control.textfield {
  background-color: #090909;
}

textarea.form-control {
  color: white;
  background-color: #191919;
}

.upload-dashlet {
  color: white;
}

.dropdown-menu {
  background-color: #222;
  color: #eee;
}
.dropdown-menu > li > a {
  color: #eee;
}
.dropdown-menu > li > a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #eee;
}
.dropdown-menu .divider {
  background-color: rgba(255, 255, 255, 0.1);
}

.popover-content {
  background-color: #222;
}

#pagetopalertcontent .popover a,
#pagetopalertcontent .popover span {
  color: #eee;
}

pre,
code {
  background-color: rgba(255, 255, 255, 0.1);
  color: #eee;
}

input {
  background-color: rgba(255, 255, 255, 0.1);
  color: #eee;
}

#truncate_polling_locks {
  background-color: rgba(255, 255, 255, 0.1);
  color: #eee;
}

#truncate_polling_locks:hover {
  background-color: rgb(90, 90, 90);
}

#popup_layer,
#feedback_layer {
  border: 1px solid #414141;
  background-color: #222222;
  box-shadow: 0px 0px 10px #222222;
}

#popup_header,
#feedback_header {
  color: white;
}

.dashlet_added {
  color: #333333;
}

.input-group-addon {
  background-color: #262626;
  color: white;
  border-color: #262626;
}

/* SCROLLBAR */

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background-color: #222222;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
  background-color: #555555;
  /* outline: 1px solid slategrey; */
}

::-webkit-scrollbar-corner {
  background: #222222;
}

.popover a {
  color: white;
}

.popover {
  background-color: rgb(34, 34, 34);
  color: rgb(238, 238, 238);
}
.popover.bottom > .arrow:after {
  border-bottom-color: rgb(34, 34, 34);
}

/* LDAP AD STYLING */
#root {
  background-color: rgb(34, 34, 34);
}
.folder-list {
  background-color: rgb(34, 34, 34);
}
#ad-ldap-container {
  border: 1px solid #ccc;
}
.ad-folder:hover {
  background-color: rgb(78, 78, 78);
}
.ad-folder.active {
  background-color: rgb(78, 78, 78);
}
#edit-multiple {
  background-color: rgb(24, 24, 24);
}
.ldap-ad-message {
  color: rgb(0, 0, 0);
}
.num-users {
  color: white;
}
#selected-users {
  color: white;
}
.search-description {
  color: #f5f5f5;
}