@font-face {
    font-family: 'Raleway';
    src: url('/static/fonts/Raleway/static/Raleway-Regular.ttf')  format('truetype')
}

body {
	font-family: "Raleway";
}

a {	color: #01ff70; }
a:link { color: #01ff70;}
a:visited { color: #01ff70;}
a:hover { color: #1f2d3d;}
a:active { color: #1f2d3d;}
footer {
	font-size: 8pt;
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}
.hidden {
	display: none;
}
.dgoffline {
	background-image: url("images/redball.png");
	background-repeat: no-repeat;
	display: inline-block;
	background-position: right;
	float: right;
}
.dgonline {
	background-image: url("images/lightgreenball.png");
	background-repeat: no-repeat;
	display: inline-block;
	background-position: right;
	position: relative;
	float: right;
}
.dgidle {
	background-image: url("images/greenball.png");
	background-repeat: no-repeat;
	background-position: right;
	float: right;
}
.dgrunning {
	background-image: url("images/blueball.png");
	background-repeat: no-repeat;
	display: inline-block;
	background-position: right;
	position: relative;
	float: right;
}
.dgdelayedpending {
	background-image: url("images/orangeball.png");
	background-repeat: no-repeat;
	animation: blink 2s infinite;
	background-position: right;
	position: relative;
	float: right;
}
.dgdelayed {
	background-image: url("images/blueball.png");
	background-repeat: no-repeat;
	animation: blink 2s infinite;
	background-position: right;
	position: relative;
	float: right;
	}

.dgbig {
	background-size:32px;
	height: 32px;
	width: 32px;
}

.dgsmall {
	background-size:16px;
	height: 16px;
	width: 16px;
}
.tooltiptable {
	width: 100%;
	border: 0px collapse;
}

/* Menütabelle: Menüpunkte ohne Rollen rot hinterlegen */
#menuTable tr.menu-row-no-roles > td {
	background-color: #f8d7da;
}