body{
      background-color: #222;
}
body, #appContent, #notification{
      color: white;
}

input[type="file"], input[type="email"], input[type="text"], input[type="password"], select, textarea{
      border: 0;
      border-bottom: 1px solid #fff;
}

a{
      color: white;
}

h4{
      color: white !important;
}

.item{
      color: white;
}

.item:hover{
      color: white;
}

#menu{
      background-color: #444;
}

#menu a{
      color: white;
}

#menu .fa{
      color: #bbb;
}

#menu a{
      border-bottom: 1px solid #666;
}

#menuLabel{
      background-color: #222;
}

#menuLabel b{
      color: #ddd;
}

#menu a:hover{
      background-color: #00ccff;
}

#menu a:hover span{
      color: white !important;
}

#autocomplete{
      background-color: #555;
}

#autocomplete a{
      color: white;
}

#autocomplete a:hover{
      color: white;
}



input, select, textarea, .inputHint, #tabLogout, #tabClose, #tabRecover, #tabErase, #tabLogout a, #tabClose a, #tabErase a{
      color: white !important;
}

::-moz-placeholder{
      color: #bbb !important;
}

input::placeholder{
      color: #bbb !important;
}

::-webkit-input-placeholder{
      color: #bbb !important;
}


#menu a:hover .green{
      color: white  !important;
}

#unlock input, #edit input, .overlap input{
      background-color: black;
}

h1, h2{
      color: white;
}

.help img{
      background-color: white;
}

#emptyList .fa{

}

.emptyL1{
      color: #eee;
}

.emptyL2{
      color: #aaa;
}

.detailContent{
      background-color: #222222;
}

.login #logo{
      background: url('../images/general/logo-white.svg') center center no-repeat;
      background-size: 220px auto;
}

#tabMenuContainer{
      background: #000;
      border: 0;
      border-bottom: 1px solid #888;

}

#tabMenu a{
      color: #ccc;
}

#tabMenu a span{
      color: #ccc;
}

#tabMenu a:hover, #tabMenu .tabActive{
      color: white;
}

#tabMenu a:hover span, #tabMenu .tabActive span{
      color: white;
}

#top{
      background: #222222;
}

#topLogo{
      background: url('../images/general/logo-white.svg') center center no-repeat;
      background-size: auto 20px;
}

#emptyList .newSensor{
      color: white;
}

a:hover{
      color: #00ccff;
}


#emptyList .newSensor:hover, #emptyList .newSensor:hover span{
      color: #00ccff;
}

#showMenu{
      color: white;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
     -webkit-text-fill-color: #fff;
     background-color: #222 !important;
     -webkit-transition-delay: 9999s;
     transition-delay: 9999s;
     -webkit-box-shadow: 0 0 0 1000px #222 inset !important;
}

.login form{
      background: #222;
      border-radius: 6px;
      padding-bottom: 15px;
}



.simpleLink{
      color: white;
      text-shadow: none;
}

.groupSetting{
      color: #aaa;
}

.itemNotificationStatus{
      color: #ddd;
}

#topBack{
      background: #222;
      color: white;
}

#topBack .topBackClick:hover{
      color: #00CCFF;
}

.fa-square .fa-users{
      color: black;
}

#menuUsername:hover{
      color: white;
}