.heartbeat-body {
    background-size: 100% 100%;
    background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.heartbeat-body::after {
	content: "";
	background: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}

.status-page {
	color: #fff;
}

.navbar {
	background: black;
	color: #fff;
	font-size: 16px;
    border: 0 solid transparent;
}

.login-form tbody {
	background: #444;
}
.login-form td {
	padding: 10px;
	width: 100%;
}

.pointer {
	cursor: pointer;
}

.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently */
}

.text-center {
	text-align:center;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-red {
	color: red;
}

.text-green {
	color: green;
}

.text-yellow {
	color: yellow;
}

.text-lg {
	font-size: 24px;
}

.text-md {
	font-size: 20px;
}

.text-sm {
	font-size: 16px;
}

.footer {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	width: 300px;
	margin: auto;
	background-color: var(--background-color);
	border-style: none;
	color: #888;
}
.footer div {
	position: relative;
	top: 2px;
}

.heartbeat-table {
    margin-top: 60px;
}

.heartbeat-table tbody:before {
    content: "-";
    display: block;
    line-height: 1em;
    color: transparent;
}

.heartbeat-table tr td {
    border: none !important;
    padding: 0 !important;
}


.spinner {
  border: 4px solid #000;
  border-radius: 100%;
  border-top: 2px solid #ff0;
  border-right: 3px solid #ff0;
  border-bottom: 4px solid #ff0;
  width: 16px;
  height: 16px;
  animation: spin 1s linear infinite;
  display: inline-block;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}