.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

header ul {
	list-style: none;
}
header ul li {
	padding: 0;
}
header ul li strong {
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 1.1rem;
}
header ul li a,
header ul li a:visited {
	color: #253e50 !important;
	text-decoration: none;
	font-weight: 600;
}

header ul li a:hover {
	border-bottom: 2px solid #253e50;
	color: #253e50;
}



	@media (min-width: 550px) {
	  .container {
	    width: 95%; 
	}
	.container {
		max-width: 1500px;
	}
}
	
	* {
		font-family: Open Sans;
		color: #253e50;
	}
	a {
		color: #008feb;
	}
	a:visited {
		color: #ab409c !important;
	}
	h1, h2, h3 {
		font-family: Publico Text, Times New Roman;
		letter-spacing: 0;
	}
	footer {
		border-top: 1px solid #79d1ea;
		margin-top: 20px;
		padding-top: 20px;
	}
	hr {
	    margin-top: 0.5rem;
	    margin-bottom: 2.5rem;
	    border-width: 0;
	    border-top: 1px solid #79d1ea;
	}
	abbr[title] {
		border-bottom: 0;
		text-decoration: none;
	}
	.h {
		text-align: right;
		padding: 2px 10px 2px 4px !important;
	}
	.m {
		text-align: center;
	}
	#framside .row, 
	#framside_lex .row {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #79d1ea;
	}
	#framside h2, 
	#framside_lex h2  {
	  text-transform: uppercase;
	  font-family: 'Open Sans', Arial, sans-serif;
	  font-size: 1.8rem;
	  font-weight: bold;
	  margin-bottom: 0;
	}
	#framside .storttal, 
	#framside_lex .storttal {
	  color: #6bc4dd;
	  font-size: 5rem;
	  font-weight: bold;
	  padding-bottom: 0;
	}
	#framside p, 
	#framside_lex p {
		margin: 0;
	}
	#framside table, 
	#framside_lex table {
		margin-top: 10px;
		border-top: 1px solid #E1E1E1;
	}
	#framside table th, 
	#framside_lex table th { 
		font-weight: 600;
	}
	
	.markeringgul span  {padding: 2px 4px; background: #ffff99 !important;}
	.markeringraud span {padding: 2px 4px; background: #e24e1b !important; color: white !important;}
	.kvalitet0 strong   {padding: 2px 4px; background: #ff00ff !important; color: white;}
	.kvalitet1 strong   {padding: 2px 4px; background: #00895c !important; color: white;}
	.kvalitet2 strong   {padding: 2px 4px; background: #00a676 !important; color: white;}
	.kvalitet3 strong   {padding: 2px 4px; background: #9ad3b8 !important;}
	.kvalitet4 strong   {padding: 2px 4px; background: #fed766 !important;}
	.kvalitet5 strong   {padding: 2px 4px; background: #e24e1b !important; color: white;}

	.kvalitetgraf0 div   {height: 10px; background: #ff00ff !important;}
	.kvalitetgraf1 div   {height: 10px; background: #00895c !important;}
	.kvalitetgraf2 div   {height: 10px; background: #00a676 !important;}
	.kvalitetgraf3 div   {height: 10px; background: #9ad3b8 !important;}
	.kvalitetgraf4 div   {height: 10px; background: #fed766 !important;}
	.kvalitetgraf5 div   {height: 10px; background: #e24e1b !important;}
	
	.statusbakgrunn-morkgron, tr:hover .statusbakgrunn-morkgron {background: #31a354; color: #fff;}
	.statusbakgrunn-lysgron {background: #a1d99b !important;}
	.statusbakgrunn-gul {background: #faed27 !important;}
	.statusbakgrunn-raud {background: #FFA500 !important; color: #fff !important;}
	.statusbakgrunn-morkraud {background: #c00 !important; color: #fff !important;}
	.statusbakgrunn-aldri {background: #FF00FF !important; color: #fff !important;}
	
		  
	sup.ubehandla {
	    border-radius: 50%; 
	    padding: 1px 5px;
	    background: #e24e1b;
	    color: #fff;
	    text-align: center;
		font-size: 1rem;
	}
  
	.metadata {
		margin: 10px 0 0 0;
	}
	.metadata p {
		margin: 0 !important;
		padding: 0;
	}
	
	header .row {
		background: #79d1ea;
		margin: 10px 0 30px 0;
	}
	header .two {
		background: #79d1ea;
	}
	header .columns {
		padding-top: 10px;
	}
	header img {
		width: 100px !important;
		margin: 0 10px 10px 15px;
	}
	header h3 {
		color: white;
		font-family: Open Sans;
		font-weight: bold;
		font-size: 5rem; 
	}
	header p {
		color: white;
	}
	.ikkjeferdig {
		text-decoration: line-through; 
		color: #6a7986 !important;
	}
	
	
	td,th {
		padding: 2px 4px;
		border-right: 1px solid #fff;
	}
	tr:hover td, tr:hover th {
		background: #ffffde;
		border-right: 1px solid #e1e1e1;
	}
	thead th {
		position: sticky;
		top: 0;
		background: white;
		border-bottom: 1px solid #e1e1e1; 
	}
	thead tr:hover th {
		background: white !important;
		border-right: 1px solid #fff !important;
	}
	caption {
		font-weight: 600; 
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	
	
	
	

	.filterredaktorar {
		list-style: none;
		column-width: 90px;
	}
	.filterredaktorar li {
		margin: 0;
		padding: 0;
	}
	
	table .profilbilete {
		height: 15px;
		width: 15px;
	}
	
	
	td.sisteaktivitet, td.hovudarbeidsoppgave {
	  vertical-align: top !important;
	}

	.sisteaktivitet ul {
	    list-style: none;
	    column-width: 300px;
	    padding: 1rem 0 4rem 0;
	}
	
	.sisteaktivitet li {
	break-inside: avoid;
	}
	.sisteaktivitet ul li:nth-of-type(1n+12) {
	    display: none;
	}