body {
  /*background-color: #eee;*/
  background-color: #fefefe;
}
.appTopbar {
  height:     46px; position: fixed; top: 0; width: 100%; text-align: center; background-color: #444; overflow: hidden; color: white; z-index: 1000; /* z-index 1050 haben bootstrap modals, diese müssen noch davor sein */
  border-top: 2px solid #4fb88c; box-shadow: 0 2px 1px 0 #333;
  box-shadow: 0 2px 1px 0 #333; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; text-shadow: 0 0.1em rgba(0, 0, 0, 0.5); }
.appContent { margin-top: 46px; margin-bottom: 20px }
#terminalTable { margin-top: 15px; }
.topbarBranding {
  position:      absolute;
  top:           -2px;
  width:         100%;
  overflow:      hidden;
  text-overflow: ellipsis;
  white-space:   nowrap;
  width:         100%;
  padding:       12px 12px 6px 12px;
  font-size:     18px;
}
.topbarTitle {
  white-space: nowrap;
  font-size:   18px;
}
.hiddenRow {
  padding:    0 !important;
  border-top: none !important;
}
.widgetList {
  padding: 15px 20px 0;
}
.openSource {
  text-align: center;
}
.table {
  background-color: white;
  box-shadow:       0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.linkedRow {
  cursor: pointer;
}
.linkedRow:hover {
  /*background-color: #A7DCC6 !important;*/
  background-color: #eeeeee !important;
}
.linkedRow:active {
  /*background-color: #4fb88c !important;*/
  background-color: #e0e0e0 !important;
}
a:focus, a:hover {
  color:           #23527c;
  text-decoration: none;
}

.btnCell{min-width: 30px; color: #337ab7; text-align: center}
.btnCell:hover{cursor: pointer; color: #23527c;}
.labelCell{width: 36px;}

.isLive{color: #5CB85C;}

.animationRotation {
  -webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}