diff --git a/Domoticz/Customisation/custom.css b/Domoticz/Customisation/custom.css
new file mode 100644
index 0000000..039912d
--- /dev/null
+++ b/Domoticz/Customisation/custom.css
@@ -0,0 +1,1139 @@
+@import url("../../css/legacy.css"); /* Don't remove this line! */
+@import url("base.css"); /* Don't remove this line! */
+
+/*
+  --== Customization off Dark th3me by G3rard ==--
+  --== Downloaded from B.Prieshof ==--
+*/
+
+/*background of switches transparent end*/
+#copyright {
+  border: 0;
+  font-size: 12px;
+}
+#copyright p {
+  color: #bebebe;
+  margin-top: 10px;
+}
+#copyright a {
+  /* color: #ddddff; */
+}
+#copyright p:before {
+  content: "";
+}
+#copyright p:after {
+  content: " | Dark th3mes";
+}
+
+
+body {
+  background: url(images/domoticz.jpg) center fixed !important;
+}
+
+canvas#canvas2 {
+    display: none;
+}
+
+.brand * {
+  font-family: Ubuntu !important;
+}
+
+#actions a {
+  color: #86acd1 !important;
+}
+
+#actions a:hover {
+  color: #51a5e3 !important;
+}
+/*Donation button about page*/
+input[type="image"] {
+  background: #00000000 !important;
+}
+
+
+/*
+  --== 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;
+  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;
+}
+
+/*/ Disabled
+body {
+  background: #7d7e7d;
+}
+
+/*only show special background when screen is min 1000px width, so tablets show normal background*/
+/*@media (min-width: 1025px) {
+/*  body {
+/*    background: #7d7e7d url(images/domoticz.jpg) center fixed;
+/*    color: #ffffff;
+/*  }
+/*}
+
+/* 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;
+}
+.chart h2 {
+  margin-top: 0px;
+  font-size: 1em;
+}
+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;
+}
+/*background of switches transparent end*/
+#copyright {
+  border: 0;
+  font-size: 12px;
+}
+#copyright p {
+  color: #bebebe;
+  margin-top: 10px;
+}
+#copyright a {
+  /* color: #ddddff; */
+}
+#copyright p:before {
+  content: "";
+}
+#copyright p:after {
+  content: " | Dark th3me";
+}
+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;
+}
+
+/*Login page*/
+#login {
+  color: white !important;
+  background: #44413F !important;
+  background-image: none;
+}
+
+#login:before {
+  box-shadow: none !important;
+  border: 0px !important;
+}
+#login h1 {
+  color: white !important;
+
+}
+
+.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: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', 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;
+}