dark-th3me-BrammpCustom/custom.css

@import url("../css/legacy.css"); /* Don't remove this line! */

/*
  --== Customization off Dark th3me by G3rard ==--
*/

/*background of switches transparent end*/
#copyright {
  display: none !important;
}

body {
  background: url(images/domoticz.jpg) center fixed !important;
}

canvas#canvas2 {
    display: none;
}

/*
  --== Dark th3me by G3rard ==--
  Based on Sverto's Dark Theme for Domoticz
  v 28-08-2017
*/
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  src: url('fonts/Ubuntu.ttf');
  src: local('Ubuntu'), url('fonts/Ubuntu.ttf') format('truetype');
}
/* Font Ubuntu everywhere */
html * {
  font-family: Ubuntu !important;
  font-weight: normal !important;
  border-radius: 0 !important;
}
.navbar-inverse .navbar-inner {
  background-color: rgba(51, 51, 51, 0.8);
  height: 50px !important;
  border-color: transparent;
}
.brand h1 {
  margin-left: 40px;
  margin-top: -45px;
  font-size: 18px;
  font-weight: 500 !important;
  color: #FFF;
  text-transform: uppercase;

}
.brand h2 {
  float: left;
  margin-left: 40px;
  margin-top: -20px;
  text-decoration: none;
  text-transform: none;
  font-size: 0.6em;
  font-style: normal;
  color: #FFF;
}
#appversion:after {
  content: "";
}
li {
  line-height: normal;
}
.navbar .nav .current_page_item > a:hover {
  background-color: #48b;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#48b), color-stop(100%, #25a));
  background-image: -webkit-linear-gradient(top, #48b, #25a);
  background-image: -moz-linear-gradient(top, #48b, #25a);
  background-image: -ms-linear-gradient(top, #48b, #25a);
  background-image: -o-linear-gradient(top, #48b, #25a);
  background-image: linear-gradient(top, #48b, #25a);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#48b, endColorstr=#25a);
}
.navbar .nav .current_page_item > a {
  background-color: #49d;
}
.navbar .nav li a {
  background-color: #454545;
  background-image: none;
  border: none;
}

#holder > .container-fluid {
  padding-top: 51px;
}

/* Dashboard tekst */
body table#itemtablesmall tr td:first-child,
body table#itemtablesmalldoubleicon  tr td:first-child,
body table#itemtablesmalltrippleicon  tr td:first-child {
  font-size: 100%;
  border: none;
  background-color: #444;
  color: #fff;
  border-radius: 0;
}
/* Dashboard status */
body table#itemtablesmall tr td:first-child + td,
body table#itemtablesmalldoubleicon tr td:first-child + td,
body table#itemtablesmalltrippleicon tr td:first-child + td {
  color: #eee;
  margin: -24px 4px 0px 0px;
  font-weight: normal;
  font-size: 110% !important;
  border-radius: 0;
  text-transform: uppercase !important;
}
h1 {
  text-transform: uppercase;
}
h2 {
  color: #d0d0d0;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 14px;
  text-transform: uppercase;
}
body table#itemtablenostatus tbody tr {
  color: #eee;
  background-color: #353535;
  overflow: hidden;
}
/* switches page text */
body table#itemtablenostatus tr td:first-child,
td#name {
  font-size: 120% !important;
  color: #fff;
  background-color: #444;
  border: none;
  margin-top: -4px !important;
  margin-bottom: 8px !important;
}
/* switches page status*/
body table#itemtablenostatus tr td:first-child + td,
td#bigtext {
  color: #FFBB3F !important;
  /*margin: -25px 4px 0px 0px;
  font-weight: 600 !important;
  font-size: 130% !important;*/
  margin: -23px 6px 0px 0px !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
}
body table#itemtablenotype tbody tr,
body table#itemtable tbody tr,
body table#itemtablesmalldoubleicon tbody tr,
body table#itemtablesmalltrippleicon tbody tr {
  color: #eee;
  background-color: #353535;
  overflow: hidden;
}
body table#itemtablenostatus tbody tr:hover,
body table#itemtablenotype tbody tr:hover,
body table#itemtable tbody tr:hover,
body table#itemtablesmall tbody tr:hover,
body table#itemtablesmalldoubleicon tbody tr:hover,
body table#itemtablesmalltrippleicon tbody tr:hover,
body table#itemtabledoubleicon tbody tr:hover,
body table#itemtabletrippleicon tbody tr:hover {
  border-color: inherit;
  background-color: #3a3a3a;
}
/*background of switches transparent*/
body table#itemtablenostatus tbody tr,
body table#itemtablenotype tbody tr,
body table#itemtable tbody tr,
body table#itemtablesmall tbody tr,
body table#itemtablesmalldoubleicon tbody tr,
body table#itemtablesmalltrippleicon tbody tr,
body table#itemtabledoubleicon tbody tr,
body table#itemtabletrippleicon tbody tr {
  background: rgba(51, 51, 51, 0.7) !important;
  overflow: hidden !important;
}
body table#itemtablenostatus tbody tr:hover,
body table#itemtablenotype tbody tr:hover,
body table#itemtable tbody tr:hover,
body table#itemtablesmall tbody tr:hover,
body table#itemtablesmalldoubleicon tbody tr:hover,
body table#itemtablesmalltrippleicon tbody tr:hover,
body table#itemtabledoubleicon tbody tr:hover,
body table#itemtabletrippleicon tbody tr:hover {
  border-color: inherit;
  background-color: #3a3a3a;
  background: rgba(53, 53, 53, 0.5) !important;
}

div#utilitycontent {
  margin-bottom: 15px;
}
.navbar .nav .dropdown-menu {
  padding: 1px;
  background-color: #777;
  background-image: initial;
}
.navbar .nav li a:hover {
  background-color: #454545;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#646464), color-stop(100%, #222));
  background-image: -webkit-linear-gradient(top, #646464, #222);
  background-image: -moz-linear-gradient(top, #646464, #222);
  background-image: -ms-linear-gradient(top, #646464, #222);
  background-image: -o-linear-gradient(top, #646464, #222);
  background-image: linear-gradient(top, #646464, #222);
}
.dropdown-menu > li > a {
  line-height: 20px;
}
.sub-tabs > li > a {
  color: #fff;
  background-color: #555;
  border: none;
}
.sub-tabs > .active > a {
  color: #fff;
  background-color: #457595;
  border: none;
}
.ui-corner-all {
  -webkit-border-radius: .3125em;
  border-radius: .3125em;
}
.ui-button-text { /* button for selector switch */
  height: 10px;
  margin: -1px -1px 2px -3px;
  font-size: 0.9em;
  text-transform: uppercase;
}
.ui-buttonset { /* row for selector switch */
  height: 11px;
  margin: 4px;
}
.ui-selectmenu-button,
.ui-corner-top {
  height: 16px;
  margin-top: 4px;
  color: green !important;
}
.ui-state-active,
#comboroom.combobox {
  color: #FFBB3F !important;
  background: #333333 !important;
}
.ui-state-active:hover {
  color: yellow !important;
  /*background: #555555 !important;*/
  /*button for dimslider*/
  background: url('/images/handle.png') no-repeat 50% 50% !important;
}
.ui-button-text-only:hover {
  color: yellow !important;
  background: #555555 !important;
  border-color: #555555 !important;
}
/*selector switch pulldown*/
.ui-menu-item {
  color: #FFBB3F !important;
  background: #353535 !important;
  border-color: #353535 !important;
  text-transform: uppercase;
}
.ui-menu-item:hover {
  color: yellow !important;
  background: #555555 !important;
  border-color: #555555 !important;
  text-transform: uppercase;
}
.ui-selectmenu-button {
  color: #FFBB3F !important;
  background: #353535 !important;
  text-transform: uppercase;
  border-color: #353535 !important;
  padding: 0 0 4px 0;
  margin: 0 0 2px 0;
  text-shadow: none !important;
}

/*dashboard status row*/
body table#itemtablesmall td,
body table#itemtablesmalldoubleicon td,
body table#itemtablesmalltrippleicon td {
  margin: 0px 0px 0px -6px;
}
td#type{ /* type of switch row*/
  color: grey;
  font-size: 9px !important;
  margin: 0px 0px 0px 0px !important;
}
.nav-tabs > li > a {
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
  border: 0;
}
.navbar .nav li a:hover {
  border: 0;
}
.page-header-small {
  border-bottom: 1px solid #888;
}
.nav > li > a:hover, .nav > li > a:focus {
  color: #111;
}
body table#itemtablesmall tr td:first-child + td + td + td,
body table#itemtablesmalldoubleicon tr td:first-child + td + td + td + td,
body table#itemtablesmalltrippleicon  tr td:first-child + td + td + td + td + td{
  line-height: 1.1em;
 }
td#status {
  color: #AACBFF;
}

/* GZ added to hide lastseen and status */
body table#itemtablesmall tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtabledoubleicon tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtabletrippleicon tbody tr td:first-child + td + td + td + td + td + td:before,
body table#itemtable tbody tr td:first-child + td + td + td + td + td:before ,
body table#itemtablenotype tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtablenostatus tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtablesmalldoubleicon tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtablesmalltrippleicon tbody tr td:first-child + td + td + td + td + td + td:before,
body table#mobileitem tbody tr td:first-child + td + td + td + td + td:before{
 content: "" !important;
}

body table#itemtablesmall tbody tr td:first-child + td + td + td + td:before,
body table#itemtabledoubleicon tbody tr td:first-child + td + td + td + td:before,
body table#itemtable tbody tr td:first-child + td + td + td + td:before ,
body table#itemtablenotype tbody tr td:first-child + td + td + td + td:before,
body table#itemtablenostatus tbody tr td:first-child + td + td + td + td:before,
body table#itemtabletrippleicon tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtablesmalldoubleicon tbody tr td:first-child + td + td + td + td:before,
body table#itemtablesmalltrippleicon tbody tr td:first-child + td + td + td + td:before,
body table#mobileitem tbody tr td:first-child + td + td + td + td:before{
 content: "";
}

body table#itemtablesmall tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtabledoubleicon tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtable tbody tr td:first-child + td + td + td + td + td:before ,
body table#itemtablenotype tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtablenostatus tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtabletrippleicon tbody tr td:first-child + td + td + td + td + td + td:before,
body table#itemtablesmalldoubleicon tbody tr td:first-child + td + td + td + td + td:before,
body table#itemtablesmalltrippleicon tbody tr td:first-child + td + td + td + td + td:before,
body table#mobileitem tbody tr td:first-child + td + td + td + td + td:before{
 content: "";
}
/* GZ added to hide lastseen and status */
/* remove Type for group */
body table#itemtabledoubleicon tr td:first-child + td + td + td + td + td + td:before{
	content: "";
}
body table#itemtablesmall tbody tr,
body table#itemtabledoubleicon tbody tr,
body table#itemtabletrippleicon tbody tr {
  color: #eee;
  background-color: #353535;
  overflow: hidden;
}
body table#itemtablesmall tr:hover td:first-child,
body table#itemtablesmalldoubleicon tr:hover td:first-child,
body table#itemtablesmalltrippleicon tr:hover td:first-child,
body table#itemtablenostatus tr:hover td:first-child,
body table#itemtablenotype tr:hover td:first-child,
body table#itemtabledoubleicon tr:hover td:first-child,
body table#itemtabletrippleicon tr:hover td:first-child {
  color: inherit;
}

body table#itemtablenotype tr td:first-child,
body table#itemtable tr td:first-child,
body table#itemtabledoubleicon tr td:first-child,
body table#itemtabletrippleicon tr td:first-child {
  color: #ffffff;
  border: 0;
}
body table#itemtable tr:hover td:first-child {
  color: #ffffff;
  border: 0;
}
body table#itemtablenotype tr td:first-child + td ,
body table#itemtable tr td:first-child + td,
body table#itemtabledoubleicon tr td:first-child + td,
body table#itemtabletrippleicon tr td:first-child + td {
  margin: -22px 6px 0px 0px;
  font-size: 130%;
  font-weight: normal;
  color: #fff;
}
#timesun {
  text-align: left;
  color: #ccc;
}

#utilitycontent > center #timesun {
  height: 35px;
}
body table#itemtablenostatus tr td:first-child + td + td + td + td + td {
  margin-top: 2px;
}
body table#itemtable tr td:first-child + td + td + td + td,
body table#itemtablenotype tr td:first-child + td + td + td + td,
body table#itemtablenostatus tr td:first-child + td + td + td + td ,
body table#itemtablesmall tr td:first-child + td + td + td + td {
  line-height: 1.6em;
}
body table#itemtabledoubleicon tr td:first-child + td + td + td + td + td,
body table#itemtablesmalldoubleicon tr td:first-child + td + td + td + td + td ,
body table#itemtablesmalltrippleicon tr td:first-child + td + td + td + td + td + td,
body table#itemtabletrippleicon tr td:first-child + td + td + td + td + td + td {
  line-height: 1.6em;
}
table#itemtablesmall td#name,
table#itemtablesmalldoubleicon td#name,
body table#itemtablesmalltrippleicon td#name,
table#itemtablenotype td#name,
table#itemtable td#name,
table#itemtabledoubleicon td#name,
table#itemtabletrippleicon td#name {
  margin-left: -26px !important;
}
select {
  background-color: #f5f5f5;
}
.ui-widget-content {
  /* background: #000 url(images/ui-bg_inset-soft_25_000000_1x100.png) 50% bottom repeat-x; */
  background: #f5f5f5;
  color: #000;
}
div.log {
  /* GZ */
  /* background-color: #000000; */
  color: black;
}
.lognorm {
  /* GZ */
  /* color: #efefef; */
}
.logerror {
  color: #FA1515;
}
.dropdown-menu .divider {
  height: 0px;
  margin: 0px 0px;
  overflow: hidden;
  background-color: #353535;
  border-bottom: 0px solid #676D79;
}
td#name {
  /* Workaround-CSS-Hack for ugly coloured name tags without losing the state color */
  /* GZ */
  font-size: 120% !important;
  width: 9px !important;
  height: 18px !important;
  overflow: visible;
  margin-left: -26px !important;
  text-indent: 21px;
  /* margin-bottom: 1.2em !important; */
  margin-top: -5px !important;
  /* border-radius: 0 !important; */
}
ul#noty_topRight_layout_container {
  top: 45px !important;
}
.warning-text {
  color: #FB0;
}

.btnstyle, .btnstylerev { /* buttons on switches tab */
  padding: 0px 6px 0px 6px !important;
}
.btnstyle:hover, .btnstylerev:hover { /* buttons on switches tab */
  background: #353535;
  color: yellow !important;
  padding: 0px 6px 0px 6px !important;
}
#comboroom.combobox { /* dropdown menu */
  margin: 0px 6px 0px 0px;
  text-transform: uppercase;
}
.btnstylerev {
  margin-top: 0;
}
/* Flat style for 'Apply settings' button at Settings page */
.sub-tabs-apply {
  border: 1px solid transparent !important;
}
#bannav,
#scenecontent > table{
  margin-top: 10px;
  margin-bottom: 10px;
}
#bannav > tbody > tr > td:nth-child(2) > a:nth-child(1) {
  margin-left: 10px;
}
@media (max-width: 979px) {
  .navbar-fixed-top {
      margin-bottom: 10px;
  }
}
/* GZ changed to show history.txt in normal way */
/*
div.log {
  color: #FFF;
}
.logerror {
  color: #FA1515;
}
*/
.progress-label {
  color: #CD3D3D;
}
tr.even {
  background-color: rgb(92, 92, 92) !important;
  color: #FFF;
}
tr.odd,
.sorting_1 {
  background-color: #545454 !important;
  color: #FFF;
}
nav, section {
  overflow: hidden;
}
#hardwaretable_wrapper table.display td {
  padding: 10px 5px;
}
#fileupload,
#uservariablestable_filter {
  border-radius: 0;
  background: initial;
  border: 0;
  color: #fff;
}
input {
  background-color: #eee;
}
input[type="search"] {
  border-radius: 3px;
  border: 0;
  margin-left: 3px;
}
.dimslider {
  position: relative;
  right: -58px;
  width: calc(98% - 120px) !important;
  background-color: #555555 !important;
  border-radius: 0px !important;
  height: 10px;
  margin-top: 7px !important;
  margin-left: 56px !important;
  box-shadow: initial;
}
.btnsmall,
.btnsmall-dis {
  margin-top: 2px;
  margin-bottom: 1px;
  margin-left: -16px;
  margin-right: 12px;
  background: transparent;
  color: #d0d0d0;
  text-transform: uppercase;
}
.btnsmall-sel {
  margin-top: 1px;
  margin-left: -16px;
  margin-right: 12px;
  background: #333333;
  color: #FFBB3F;
  text-transform: uppercase;
}
.btnsmall:hover,
.btnsmall-sel:hover,
.btnsmall-dis:hover {
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: -16px;
  margin-right: 12px;
  color: yellow !important;
  background: #353535 !important;
}
.btnstyle3,
.btnstyle3-dis,
.btn.btn-info,
.btnstyle,
.btnstylerev,
.label.label-info.lcursor {
  margin-bottom: 3px;
  background: #3c3e40;
  color: #d0d0d0;
  text-transform: uppercase;
}
/*buttons database backup*/

/* Bootstrap Buttons */

/*border on button and text before button*/
.btnstyle3:before,
.btnstyle3-dis:before,
.btnstyle3-sel:before,
.btn.btn-info:before,
.btnstyle:before,
.btnstylerev:before,
.label.label-info.lcursor:before,
.btn-danger:before,
.nav-tabs  > li > a:before,
.btn-small:before,
.btn-success:before {
}
.btnstyle3,
.btnstyle3:disabled,
.btnstyle3-dis,
.btnstyle3-sel,
.btnstyle,
.btnstylerev,
.label.label-info.lcursor {
  border: 1px !important;
  border-color: rgba(51, 51, 51, 0.51) !important;
  border-style: solid !important;
  color: #d0d0d0 !important;
}

.btnstyle3-sel {
  margin-bottom: 3px;
  color: #FFBB3F;
  background: #353535;
  text-transform: uppercase;
}
.btnstyle3:hover,
.btnstyle3-sel:hover {
  margin-bottom: 3px;
  color: yellow !important;
  background: #353535;
}
.btnstyle3:disabled {
  opacity: 0.35;
  background: #3c3e40;
  text-transform: uppercase;
}

.btn {
  border: 1px solid rgba(51, 51, 51, 0.51);
  padding: 4px 16px;
  text-transform: uppercase;
  text-shadow: none;
  color: #d0d0d0;
}

.btn.active {
  color: yellow;
}

.btn:hover,
.btn:focus {
  color: yellow;
  cursor: pointer;
}

.btn:disabled {
  cursor: default;
  color: #d0d0d0;
  opacity: 0.35;
}

.btn-default {
  background: #3c3e40;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.active {
  background: #353535;
}

.btn-primary {
  background: #375a7f;
}

.btn-primary:hover,
.btn-primary:focus {
  background: #2b4764;
}

.btn-primary:disabled {
  background: #375a7f;
  opacity: 0.65;
}

.btn-danger {
  background: #B94A48;
  color: #d0d0d0;
}

.btn-danger:hover,
.btn-danger:focus {
  background: #B94A48;
}

.btn-warning,
.btn-warning:focus {
  background: #f89406;
}

.btn-link {
  border-color: transparent;
}

.label.label-info.lcursor:hover {
  color: yellow !important;
  background: #353535 !important;
}
/*buttons in settings page - start*/
.nav-tabs  > li > a {
  margin: -1px;
  margin-bottom: 3px;
  background: #444141;
  color: #d0d0d0;
  border: 2px;
  border-style: solid;
  border-color: #444141;
  position: relative;
  bottom: 0;
  padding: 7px 10px !important;
  text-transform: uppercase !important;
}
.nav-tabs  > li > a:hover,
.sub-tabs > .active > a:hover {
  background-image: none;
  background-color: #353535 !important;
  color: yellow !important;
  border: 2px;
  border-style: solid;
  border-color: #444141;
  position: relative;
  bottom: 0;
  padding: 7px 11px 7px 11px !important;
  text-transform: uppercase !important;
  cursor: pointer;
}
.sub-tabs > .active > a {
  background-image: none !important;
  background-color: #353535 !important;
  color: #FFBB3F !important;
  border: 2px;
  border-style: solid;
  border-color: #444141;
  position: relative;
  bottom: 0;
  padding: 7px 11px 7px 11px !important;
  text-transform: uppercase !important;
}
/*buttons in settings page - end*/

#type br {
  display: none;
}
#slider > div {
  background-color: grey;
  /*background: -webkit-linear-gradient(top, #444141 0%,#444141 100%);*/
  background: -webkit-linear-gradient(top, grey 0%,grey 100%);
  background: grey;
}
/* top buttons closer for iPhone */
#cDashboard, #cLightSwitches, #cScenes, #cTemperature, #cWeather, #cUtility,.dropdown-toggle.lcursor {
  margin: 0px -4px 0px 0px;
  text-transform: uppercase !important;
  color: #d0d0d0;
}
/*top buttons 2 on the right, with important, if important in code above, then hover in yellow is not working anymore*/
.dropdown-toggle.lcursor {
  color: #d0d0d0 !important;
}
#version {
  margin: 4px 0px 0px -10px;
}
/*location favorite star*/
body table#itemtable tr td:first-child+td+td+td+td+td+td img,
body table#itemtabledoubleicon tr td:first-child+td+td+td+td+td+td+td img,
body table#itemtabletrippleicon tr td:first-child+td+td+td+td+td+td+td+td img,
body table#itemtablenostatus tr td:first-child+td+td+td+td+td+td img,
body table#itemtablenotype tr td:first-child+td+td+td+td+td img {
  float: left;
  right: 0px;
  margin: 5px 8px 0px 0px;
  /*right: 12px;
  bottom: 20px;
  position: absolute;*/
}
/*next pages in table overview*/
#notificationtable_paginate,
#devices_paginate {
  margin: 0px 0px 0px 0px;
}

/*bar color behind buttons*/
body table#itemtable tr td:first-child + td + td + td + td + td + td,
body table#itemtablenotype tr td:first-child + td + td + td + td + td,
body table#itemtabledoubleicon tr td:first-child + td + td + td + td + td + td + td,
body table#itemtabletrippleicon tr td:first-child + td + td + td + td + td + td + td + td,
body table#itemtablenostatus tr td:first-child + td + td + td + td + td + td {
  background: #3e3e3e;
  overflow: auto;
  padding: 0 5px;
  margin-top: 0px;
  margin-right: 2px;
}
/*buttons on top*/
.navbar .nav li a,
.navbar .nav .current_page_item > a {
  background-image: none;
  border-radius: 0;
  border: none;
  position: relative;
  bottom: 0;
  padding: 10px 4px 10px 4px !important;
  text-align: left;
  text-transform: uppercase !important;
}
.navbar .nav li a:hover,
.navbar .nav .current_page_item > a:hover {
  background-image: none;
  background-color: #353535 !important;
  color: yellow !important;
  border: 1px;
  border-style: solid;
  border-color: #444141;
  position: relative;
  bottom: 0;
  padding: 9px 3px 9px 3px !important;
  text-transform: uppercase !important;
}
.navbar .nav .current_page_item > a {
  background-image: none !important;
  background-color: #353535 !important;
  color: #FFBB3F !important;
  border: 1px;
  border-style: solid;
  border-color: #444141;
  position: relative;
  bottom: 0;
  padding: 9px 3px 9px 3px !important;
  text-transform: uppercase !important;
}

.navbar .nav {
  margin-top: 7px;
}
.dropdown-menu.pull-right {
  /*border: 1px !important;*/
}
/*notification after pressing button*/
#notification{
  background: #353535 !important;
  border: 2px;
  border-style: solid;
  border-color: #444141;
}
#notification p{
  font-size: 18px;
  color: #FFBB3F;
  margin: 11px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  font-weight: bold;
  text-transform: uppercase !important;
}
/*Devices table*/
.DataTables_sort_wrapper {
  text-transform: uppercase;
  padding: 0;
  font-size: 0.9em;
}
.sorting,
.sorting_asc,
.sorting_disabled {
  background: #444;
  border-color: #444;
}
/*Devices toolbar*/
.fg-toolbar,
.ui-dialog-titlebar {
  background: rgba(51, 51, 51, 0.7);
  text-transform: uppercase;
  font-size: 0.9em;
  margin-bottom: 15px;
}
.dataTables_paginate {
  margin: 0px 0px 10px 0px;
}
.btn.dropdown-toggle,
.btn.btn-success {
  text-transform: uppercase;
}
.btn.btn-success:hover {
  color: yellow;
}

/*Layout of color-picker*/
#rgbw_popup {
  padding-right: 40px;
}
.colpick {
  margin-top: 30px;
  margin-bottom: 20px;
  margin-left: 50px;
  margin-right: 20px;
}
.jQWCP-wWheel.jQWCP-wHueWheel,
.jQWCP-wWheel.jQWCP-wHueWheel > .jQWCP-wWheelOverlay {
  border-radius: 50% !important;
}
/*apply settings button in settings page*/
.btn-danger.sub-tabs-apply {
  background: #B94A48 !important;
  color: #d0d0d0 !important;
}
/*button for Zwave initialization*/
.label-important {
  background-color: #b94a48;
  text-transform: uppercase;
}
.label-important:hover {
  background-color: #b94a48;
  text-transform: uppercase;
  color: yellow !important;
}
.ace_editor * {
  font-family: monospace !important;
}
/* buttons for selector switch */
.btn-small {
  height: 23px;
  margin: -2px -2px 2px -2px;
  font-size: 10px !important;
  text-transform: uppercase !important;
  background: #353535 !important;
  color: #FFBB3F !important;
  text-shadow: none !important;
}
.btn-small:hover {
  background: #555555 !important;
  color: yellow !important;
}
.dropdown-menu .divider {
    border-bottom: 1px solid #676D79;
}
.dropdown-submenu > a:after {
    margin-right: 0px;
}

.page-header {
    margin: 12px 0;
}

.events-editor {
  top: 64px;
  bottom: 32px;
}

.events-editor__search {
  margin-left: 0 !important;
}

.events-editor__menu {
  border: 1px solid #616261;
  background-color: #777;
  background-image: initial;
}

.events-editor__menu-item {
  color: white !important;
  padding: 8px !important;
  text-align: left;
  text-transform: uppercase;
}

.events-editor__menu-item:hover {
  color: yellow !important;
  background: #353535 !important;
}

.events-editor__splitter {
  background-color: rgba(0, 0, 0, 0.1);
}

.events-editor__splitter:hover {
  background-color: rgba(0, 0, 0, 0.25);
}

.events-editor-file__content-table {
  background-color: #606060;
}

.battery {
  background-color: #FFF;
}

.battery:before, .battery:after {
  border-color: #FFF;
}

.modal {
  background-color: #303030;
  border: 1px solid #444;
  border-radius: 2px !important;
  box-shadow: none;
}

.modal-dialog {
  border-radius: 2px !important;
}

.modal-header {
  border-bottom-color: #444;
}

.modal-footer {
  background-color: inherit;
  border-top-color: #444;
  box-shadow: none;
}

.modal-title,
.bootbox-body {
  color: inherit;
}

.modal .form-control {
  line-height: 1.5;
  color: #444;
  background-color: #fff;
  padding: 0.125rem 0.25rem;
  border: 1px solid transparent;
}

.list-group-item {
  background-color: #303030;
  border-color: #444;
}

.list-group-item.active {
  color: #fff;
  background-color: #375a7f;
  border-color: #375a7f;
}

.list-group-item-action {
  color: #444;
}