.jumboparent
{
	text-align: center;
	position: relative;
}

.jumbobackground
{
	width: 100vw;
	height: 100vh;
	margin-left: -50vw;
	margin-top: -50vh;
	left: 50%;
	top: 50%;
	position: absolute;
	border-radius: 50%;
	background-color: transparent;
	transition: background-color 2s ease;
	-moz-transition: background-color 2s ease;
}

.jumbobackground.finished
{
	background-color: white !important;
}

.jumboanimation
{
	animation-name: jumboanimation;
	-moz-animation-name: jumboanimation;
	animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	animation-fill-mode: both;
	-moz-animation-fill-mode: both;
}

.jumbotron
{
	display: inline-block;
	position: relative;
	background-color: transparent;
	margin-bottom: 0;
	z-index: 1;
}

.johanniter-alarm-triggered .table > tbody > tr > td
{
	border-top-color: white;
}

.johanniter-alarm-triggered .table
{
	margin-top: 30px;
	border-bottom: 1px solid white;
}

.johanniter-alarm-triggered .btn,
.johanniter-alarm-triggered .btn:hover,
.johanniter-alarm-triggered .btn:focus
{
	background-color: transparent;
	border-color: white;
	color: white;
	box-shadow: none;
	transition: all 2s ease;
}

.johanniter-alarm-triggered.finished .btn,
.johanniter-alarm-triggered.finished .btn:hover,
.johanniter-alarm-triggered.finished .btn:focus
{
	border-color: #333333 !important;
	color: #333333 !important;
}

.jumbotron .input-lg
{
	width: 500px;
}

.jumbotron .input-group .form-control:first-child
{
	width: 350px;
	border-right: 0;
}

.jumbotron .input-group .form-control:last-child
{
	width: 150px;
}

#johanniter-trigger-alarm,
.johanniter-alarm-button
{
	margin-top: 20px;
}

#participantTable,
#searchingForParamedics,
#searchResult
{
	display: none;
}

@keyframes jumboanimation
{
	10%
	{
		background-color: #D8475D;
	}
	100%
	{
		background-color: #D8475D;
		transform: scale(140);
	}
}

.johanniter-running-operations
{
	text-align: left;
}

.runningOperation {
	cursor: pointer;
}

#operationListWrapper
{
	display: none;
}

#searchHeading
{
	transition: color 2s ease;
}

.johanniter-alarm-triggered.finished #searchHeading
{
	color: #333333 !important;
}

#unavailableUsersTable {
	display: block;
}

#unavailableUsersTable.empty {
	display: none;
}

#unavailableUsersTable .tableHeader {
	padding: 5px 0 0 0;
	text-align: left;
}

#unavailableUsersTable .table {
	margin-top: 5px;
}

#unavailableUsersTable td {
	text-align: left;
}

#operationListTable tr.runningOperation:hover
{
	background-color:lightgray;
}