body {
  padding-top: 5rem;
}

/* Bootstrap Navbar Background */

.bg-homebridge {
  background-color: #421367;
}

/* Navbar homebridge logo aka logo.svg */
.nav-logo {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border: transparent;
  filter: invert(100%);
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='262.5' height='264.9' viewBox='0 0 262.5 264.9'%3E%3Cpath d='M251.7,112.4h-.2l-22-22a4.19,4.19,0,0,1-.9-1.4,4.53,4.53,0,0,1-.3-1.6V36.6a19.46,19.46,0,0,0-19.5-19.5H195a19.79,19.79,0,0,0-13.8,5.7,19.19,19.19,0,0,0-5.7,13.8v.3L143,5.4a19.56,19.56,0,0,0-27.3.3l-110,110A20.44,20.44,0,0,0,1.5,122a19.57,19.57,0,0,0,4.2,21.3l10.5,10.4a19.44,19.44,0,0,0,27.4.1l84.5-83.3a4.35,4.35,0,0,1,6,0l82.8,82.8a4.35,4.35,0,0,1,0,6l-10.2,10.2a4.35,4.35,0,0,1-6,0l-58.2-56.4a19.53,19.53,0,0,0-13.7-5.5,19.32,19.32,0,0,0-13.6,5.7L59.4,169.4a19.79,19.79,0,0,0-5.7,13.8A19.36,19.36,0,0,0,59.4,197l10.3,10.3a19.44,19.44,0,0,0,27.4.1l30.1-29.7a4.35,4.35,0,0,1,6,0l29.9,29.4a4.19,4.19,0,0,1,.9,1.4,4.53,4.53,0,0,1,.3,1.6,4.34,4.34,0,0,1-1.3,3l-29.6,29.7c-.1,0-.2-.1-.4-.1a11.58,11.58,0,0,0-6.2,1.9,11.12,11.12,0,0,0-4.1,5,10.81,10.81,0,0,0-.6,6.4,11.27,11.27,0,0,0,3,5.7,10.56,10.56,0,0,0,5.7,3,11.58,11.58,0,0,0,6.4-.6,11.12,11.12,0,0,0,5-4.1,11.32,11.32,0,0,0,1.9-6.2v-.2l29.8-29.8a18.26,18.26,0,0,0,4.2-6.4,19.5,19.5,0,0,0,0-15,19.6,19.6,0,0,0-4.3-6.3l-29.9-29.4a19.56,19.56,0,0,0-27.4,0L86.3,196.5a4.35,4.35,0,0,1-6,0L70,186.2a4.35,4.35,0,0,1,0-6l55.8-56.1a4.34,4.34,0,0,1,3-1.3,4.23,4.23,0,0,1,3,1.2L190,180.5a20,20,0,0,0,13.7,5.5,19.32,19.32,0,0,0,13.6-5.7l10.2-10.2a19.79,19.79,0,0,0,5.7-13.8,19.36,19.36,0,0,0-5.7-13.8L144.6,59.6a19.44,19.44,0,0,0-27.4-.1L32.7,142.8a4.35,4.35,0,0,1-6,0L16.3,132.3a4.35,4.35,0,0,1,0-6l110-110a4.34,4.34,0,0,1,3-1.3,4.23,4.23,0,0,1,3,1.2l58.3,56.4v-36a4.71,4.71,0,0,1,1.2-3,4.23,4.23,0,0,1,3-1.2h13.7a4.71,4.71,0,0,1,3,1.2,4.6,4.6,0,0,1,1.3,3V87.4a19.79,19.79,0,0,0,5.7,13.8l21.9,21.9c0,.1-.1.3-.1.4a11.58,11.58,0,0,0,1.9,6.2,11.81,11.81,0,0,0,5,4.1,11.08,11.08,0,0,0,12.1-2.5,10.56,10.56,0,0,0,3-5.7,11.58,11.58,0,0,0-.6-6.4,11.12,11.12,0,0,0-4.1-5A9.83,9.83,0,0,0,251.7,112.4Z'/%3E%3C/svg%3E");
}

.round-logo {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  content: url(/images/homebridge-color-round-stylized.png);
}

.green-dot {
	height: 25px;
	width: 25px;
	background-color: rgb(15, 216, 82);
	border-radius: 50%;
	display: inline-block;
  }

  .red-dot {
	height: 25px;
	width: 25px;
	background-color: rgb(216, 15, 58);
	border-radius: 50%;
	display: inline-block;
  }

  .yellow-dot {
	height: 25px;
	width: 25px;
	background-color: rgb(216, 179, 15);
	border-radius: 50%;
	display: inline-block;
  }