body {
	margin: 0;
	background-color: #ededed;
}

.toppruta {
	display: grid;
	background-color: rgb(206, 217, 231);
	align-items: center;
	justify-content: center;
	margin: 0;
	min-height: 12rem;
	margin-bottom: 2rem;
}

.huvudknapp {
	box-shadow: 0 .25rem .25rem rgba(31, 42, 54, .1) !important;
	padding: .8rem 2rem;
	border: 0;
	margin: 0;
	border-radius: .25rem;
	cursor: pointer;
	display: inline-flex;
	flex-wrap: nowrap;
	font-size: .88rem;
	text-decoration: none;
	text-shadow: none;
	align-items: center;
	background-color: rgb(87, 146, 201);
	

/*
	bottom: 0;
	position: absolute;
	transform: translateY(50%);
*/
}

.knapp-rod {
	background-color: #d9002f;
	color: #fff;
}

.huvudknapp > span {
	color: #ffffff;
        font-size: 1.33rem;
}



.ruta-resultat {
	/*visibility: hidden;*/
	background-color: #fff;
	padding: 1rem;
	height: 12rem;
	margin-top: 1rem;
	width: 100%;
	position: relative;
}

.ruta-resultat-rubrik {
	font-size: 1.25rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
	color: rgb(87, 146, 201);
}
.ruta-resultat-ikon {
	font-size: 6rem;
	margin-right: 1rem;

}

.ruta-resultat-text {

}

.natvark-ikon {
	font-size:6rem;
	color:rgb(56, 88, 109);
	margin-left: auto;
	margin-right: auto;
}

.dator-ikon {
	font-size:6rem;
	color:rgb(56, 88, 109);
}
.resultat-bra {
	color:rgb(0, 204, 34);
}
.resultat-mjah {
	color:rgb(221, 151, 0);
}
.resultat-daligt {
	color:rgb(156, 22, 29);
}
.kropp {
	display: flex;
}

.rad {
	display: flex;
	height: 100%;
}

.mitten {
	margin-top: auto;
	margin-bottom: auto;
}

.cell {
	margin-top: auto;
    margin-bottom: auto;
	text-align: center;
	padding-right: 1rem;
    width: 100%;
}

.kod-ruta {
	margin-top: 1rem;
	background-color: #fff;
	visibility: hidden;
}

.kontroller {
	text-align: center;
}

.container-fluid {
	padding-left: 0;
	padding-right: 0;	
}

.laddar{
	text-align: center;
	color: rgb(87, 146, 201);
}
.ikon {
	font-size: 6rem;
}

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

.debugkod {
	font-weight: bold;
	color:#d9002f;
}