html {
  height: 100%;
}

body {
  height: 100%;
  padding-top: 50px;
}

.rename {
  padding: 3px;
}
.rename:hover {
  cursor: pointer;
  padding: 2px !important;
  border: 1px solid rgba(0, 0, 0, .10);
}

.line-scale-party > div,
.ball-scale-multiple > div {
  background: #C9282B;
}

.fa-pulse {
  display: inline-block;
  -moz-animation: pulse 2s infinite linear;
  -o-animation: pulse 2s infinite linear;
  -webkit-animation: pulse 2s infinite linear;
  animation: pulse 2s infinite linear;
}

@-webkit-keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
@-ms-keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.sim-link:hover {
  text-decoration: underline;
  cursor: pointer;
}

.line-scale-party > div {
  height: 10px !important;
}

.nohov:hover {
  background-image: none !important;
  background: none !important;
}

.loader-inner {
  display: inline;
}

.disabled {
  pointer-events: none;
  cursor: default;
  color: gray;
}

.content {
  padding: 20px 5px;
}

.image {
  width: 100%;
}

.nav-icon-2x {
  margin-top: 12px;
  cursor: pointer;
}

.nav-icon {
  margin-top: 16px;
  cursor: pointer;
}

.icon-grey {
  margin-top: 3px;
  color: gray !important;
}

.icon-red {
  margin-top: 3px;
  color: red !important;
}

.icon-sw-red > i {
  color: red !important;
}

.icon-sw-green > i {
  color: #0ede0e !important;
}

.icon-green {
  margin-top: 3px;
  color: green !important;
}

.icon-yellow {
  margin-top: 3px;
  color: yellow !important;
}

.wifi-green {
  color: green !important;
}

.wifi-gray {
  color: #999 !important;
}

.wifi-red {
  color: red !important;
}

.wifi-orange {
  color: orange !important;
}

.yellow {
  color: #FFC300 !important;
}

#prog {
  margin-top: 25px; 
}

.custom-brand {
  padding: 7px 5px !important;
}

.status-lit {
  color: #FFF !important;
}

.thumb {
  height: 128px !important;
  width: 128px !important;
  padding: 0px !important;
  cursor: pointer;
}

.thumb:hover {
  border-color: #ED3235;
}

#chart {
  margin-bottom: 15px;
}

.marker {
  stroke-width: 1;
  cursor: crosshair;
}

.marker.hum {
  fill: #DBAB1A;
}

.marker.temp {
  fill: #CF461D;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.line {
  fill: none;
  stroke-width: 1.5px;
}

.btn-refresh { 
  color: #ffffff; 
  background-color: #C21F22; 
  border-color: #C9282B; 
}
 
.btn-refresh:hover, 
.btn-refresh:focus, 
.btn-refresh:active, 
.btn-refresh.active, 
.open .dropdown-toggle.btn-refresh { 
  color: #ffffff; 
  background-color: #ED3235; 
  border-color: #C9282B; 
}
 
.btn-refresh:active, 
.btn-refresh.active, 
.open .dropdown-toggle.btn-refresh { 
  background-image: none; 
} 
 
.btn-refresh.disabled, 
.btn-refresh[disabled], 
fieldset[disabled] .btn-refresh, 
.btn-refresh.disabled:hover, 
.btn-refresh[disabled]:hover, 
fieldset[disabled] .btn-refresh:hover, 
.btn-refresh.disabled:focus, 
.btn-refresh[disabled]:focus, 
fieldset[disabled] .btn-refresh:focus, 
.btn-refresh.disabled:active, 
.btn-refresh[disabled]:active, 
fieldset[disabled] .btn-refresh:active, 
.btn-refresh.disabled.active, 
.btn-refresh[disabled].active, 
fieldset[disabled] .btn-refresh.active { 
  background-color: #C21F22; 
  border-color: #C9282B; 
} 
 
.btn-refresh .badge { 
  color: #C21F22; 
  background-color: #ffffff; 
}