/* Folgende breakpoint er brukt:
 * breakpoint 1280px - brukes av FUN, sidemargen forsvinner og menyen blir en dropdown
 * breakpoint  930px
 * breakpoint  786px - globalt søk treffer logoen
 * breakpoint  700px - RWD tabeller
 * breakpoint 15.5cm - brukes av FUN (ca 585px), her forsvinner logo-en og bundmargen blir gjort mindre
 * breakpoint  472px
 * breakpoint  435px
 * breakpoint  370px

 * INNHOLD:
 * GENERELT
 * FORSIDE
 * VARSELMELDINGER
 * TIMEPLAN
 * OPPMOTE
 * STREKKODE
 * NOKKELINFO
 * PROFILhttps://app.vitnemalsportalen.no/vp/sharedResults
 * PROFIL-VEILEDNING
 * E-POST
 * GLOBALT SOK
 * SOK
 * FILTER
 * BAR-GRAF
 * UNDERVISNING
 * VURDERING
 * BARCHART
 * STATISTIKK + RESULTATER
 * SENSURKOMMISJON
 * EMNE-VURDTRE
 * INAKTIV
 * RWD TABLE
 * FELLES/MISC
*/

/*= GENERELT */
/* pga Chrome i fullskjerm modus så blir bakgrunnen svart */
html {
	background-color: white;
}

dd {
	margin: 0;
	padding: 0;
}

/* pga Chrome i fullskjerm modus så blir det svarte felt over og under html */
:-webkit-full-screen {
	padding-top: 10px;
	width: 100%;
	height: 100%;
}
/* reset default style */
fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
legend {
	padding: 0;
}

.login-module-box {
	float: none;
}

input[type=button]::-moz-focus-inner,
button::-moz-focus-inner {
	border: 0;
}

main {
	margin-bottom: 55px;
	position: relative;
}
main ul {
	list-style-type: none !important;
	margin: 0;
	padding: 0;
}

.til-toppen {
	bottom: -40px;
	left: 45%;
	position: absolute;
}

/* pga FUN setter width til auto på breakpoint 1280px som gjør at fanene ikke fyller ut bredden/siden (dersom overskriften er kort).*/
div.container main,
.ui-tabs /* fanene fra primefaces */ {
	width: 100%;
}
/* hvis ikke så går innholdet uten for fanen */
@media screen and (max-width: 435px) {
	.ui-tabs {
		width: auto;
	}
}

/* Siden det ikke skal brukes tid på å få tabeller til å være mer responsive,
legger jeg på overflow som er egentlig fy fy når applikasjonen skal være responsiv,
(det er den ikke når man må scrolle) men for unngå at inneholdet til en fane ikke går
uten for fanen dersom siden ikke er bredd nok */
.ui-tabs-panel {
	overflow-y: hidden;
	overflow-x: auto;
}

.ui-panel-content.ui-widget-content {
	padding: 15px;
}

@media screen and (max-width: 435px) {
	.ui-panel-content.ui-widget-content {
		padding: 10px 10px 20px;
	}
}

.ui-paginator-bottom {
	border-bottom: none;
}

/* FUN har no-break som blir problematisk for små skjermer */
.lightbox header {
	white-space: normal;
}

.lightbox article {
	padding-left: 2px;
	/* pga hele fokus-rammen skal synes når scrolling blir lagt på */
}

@media screen and (max-width: 472px) {
	.lightbox article {
		margin: 15px 15px 0;
	}
}

/* Trestrukturen fra Primefaces har på øverste nivå white-space: nowrap og da blir den ikke responsiv.
 * Videre så må det korrigeres for at teksten kan gå over flere linjer for å unngå masse luft over
 * teksten og manglende innrykk
 */
.ui-tree .ui-tree-container {
	white-space: normal !important;
}
.ui-tree .ui-treenode-leaf-icon {
     width: 0;
}
.ui-treenode-leaf-icon ~ .ui-corner-all.ui-treenode-label {
    display: inline-block;
    padding-left: 24px;
}



/*= FORSIDE */
.forside.link {
	line-height: 1.8;
}

ul.aktiviteter {
	border-spacing: 0 2px;
	margin-top: 0;
	padding-left: 20px;
}

ul.aktiviteter:last-child {
	margin-bottom: 0;
}

.aktiviteter li {
	display: table-row;
}

.aktiviteter li span {
	display: table-cell;
	padding-right: 20px;
}

@media screen and (max-width: 15.5cm) {
	.aktiviteter li {
		display: block;
		margin: 8px 0;
	}
	.aktiviteter li span {
		display: inline-block;
		padding-right: 5px;
	}
}

/*= VARSELMELDINGER */
.varselMeldinger {
  max-height: 236px;
  overflow: hidden;
  overflow-y: auto; }

.varselmeldingBody label {
  font-weight: bold;
  font-size: 12px;
  background-color: #ffffff;
  display: block;
  padding-top: 7px;
  padding-left: 13px; }

.varselmeldingBody .ui-widget-content {
	padding: 0;
}

.varselmeldingBody ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.varselmeldingBody ul li {
  background-repeat: no-repeat;
  background-position: 15px 50%;
  padding-left: 55px;
  border-top: 1px solid #caced5; }

.varsel {
  padding: 3px 5px 5px 13px;
  background-color: #ffffff; }

.HASTER {
  background-color: #f4dddc;
  background-image: url("../img/icons_a/24x24/Alert-24x24-red.png"); }

.VIKTIG {
  background-color: #ffead7;
  background-image: url("../img/icons_a/24x24/Alert-24x24-orange.png"); }

.headerIcon.HASTER, .headerIcon.VIKTIG {
  background-color: inherit; }

.INFO {
  background-image: url("../img/icons_a/24x24/Info-24x24-blue.png"); }


/*= TIMEPLAN */
.timeplan-filter-container {
	float: right;
	width: 280px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: 45%;
}

.timeplan-filter-container .ui-datepicker-other-month span {
	color: #c1bfb0;
}

.timeplan-filter-kalender-velger {
	width: 280px; /* samme bredde som kalenderen (satt fra FUN) */
}

.timeplan-filter-kalender-velger.select2-container .select2-choice {
	margin-top: 20px;
	width: 100%;
}

.timeplan-filter-sok input[type=text] {
	width: 200px;
}

.timeplan-filter-sok button[type=button] {
	height: 37px;
	font-size: 13px;
	margin-left: 4px;
	width: 71px;
}

.timeplan-container {
	width: 72%;
}

.timeplan-forekomst {
	background: #d0d6dd;
	border: 1px solid #c1bfb0;
	border-radius: 3px;
	color: #222;
	display: inline-block;
	margin: 0 6px 10px 0;
	min-height: 170px;
	padding: 10px 10px 40px;
	position: relative;
	vertical-align: top;
	width: 48%;
}

.timeplan-forekomst:hover {
	background: #ecebe9;
}

.timeplan-forekomst .tittel {
	color: #222;
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.timeplan-forekomst .oppmote {
	background: url("../img/icons_a/24x24/Navigation-right-24x24.png")
		no-repeat right center;
	bottom: 10px;
	display: block;
	height: 24px;
	padding-right: 25px;
	position: absolute;
	right: 12px;
	text-align: right;
}

@media screen and (max-width: 1280px) {
	.timeplan-container {
		width: 68%;
	}
	.timeplan-forekomst {
		width: 48%;
	}
}

@media screen and (max-width: 930px) {
	.timeplan-container {
		width: 100%;
	}
	.timeplan-filter-container {
		float: none;
		width: 100%;
	}
	.timeplan-filter-container::after {
		clear: both;
		content: "";
		display: table;
	}
	.timeplan-filter-container .ui-datepicker,
		.timeplan-filter-kalender-velger, .timeplan-filter-sok input[type=text]
		{
		width: 48%;
	}
}

@media screen and (max-width: 15.5cm) {
	.timeplan-filter-container .ui-datepicker,
		.timeplan-filter-kalender-velger, .timeplan-filter-sok input[type=text]
		{
		width: 75%;
	}
	.timeplan-filter-sok button[type=button] {
		float: right;
		width: 20%;
	}
	.timeplan-forekomst {
		width: 100%;
	}
}

@media screen and (max-width: 435px) {
	.timeplan-filter-container .ui-datepicker,
		.timeplan-filter-kalender-velger, .timeplan-filter-sok input[type=text],
		.timeplan-filter-sok button[type=button] {
		width: 100%;
	}
	.timeplan-filter-sok button[type=button] {
		margin: 0 0 20px 0;
	}
}

/*= OPPMOTE */
.oppmote-advarsel {
	margin-bottom: 20px;
	width: 66%;
}

.oppmote-med-kort-container {
	height: 118px;
	width: 32%;
}

.oppmote-med-kort {
	background: #d2d2c7 url("../img/studentkort.png") no-repeat scroll 2px
		center/auto 96%;
	border: 1px solid #c1bfb0;
	border-radius: 3px;
	color: #444;
	display: block;
	height: inherit;
	padding: 20px 10px 10px 190px;
	text-align: center;
}

.oppmote-med-kort:hover {
	background-color: #e6e5da;
}

@media screen and (max-width: 1280px) {
	.oppmote-med-kort-container {
		width: 300px;
	}
}

@media screen and (max-width: 786px) {
	.oppmote-advarsel {
		width: 100%;
	}
}

@media screen and (max-width: 472px) {
	.oppmote-med-kort-container {
		width: 100%;
	}
}

.oppmote-toolbar {
	margin: 20px 0 6px;
	vertical-align: top;
}
.oppmote-toolbar-header {
	font-weight: bold;
	font-size: 22px;
	margin-right: 10px;
}

.oppmote-toolbar-item {
	display: inline-block;
	margin: 5px 10px 0 0;
	vertical-align: bottom;
}
.oppmote-toolbar-item  input[type="checkbox"] {
	margin-right: 0;
	/* må gjøre det under her pga FUN */
	float: none;
	height: 18px;
	position: static;
	width: 18px;
}

.oppmote-toolbar-velg-alle {
	background-color: #f9f8f6;
}
.oppmote-toolbar-velg-alle label {
	display: inline-block;
	padding: 0 8px 0 5px;
}
.oppmote-toolbar-legg-til {
	height: 30px;
	padding-top: 5px;
}

.oppmote-toolbar-legg-til a {
	display: inline-block;
	margin-bottom: 4px;
}

.oppmote-toolbar-sok-pil {
	border-bottom: 9px solid #262f30;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	height: 0;
	margin: 0 auto;
	width: 0;
}

@media screen and (max-width: 472px) {
	.oppmote-toolbar-item {
		display: block !important;
		margin-left: 6%;
		margin-top: 5px;
	}
	.oppmote-toolbar-oppdater {
		margin-left: 0;
	}
	.oppmote-toolbar-velg-alle {
		background-color: transparent;
	}
	.oppmote-toolbar-velg-alle label {
		padding-left: 0;
	}
	.oppmote-toolbar-oppdater,
	.oppmote-toolbar-legg-til {
		display: inline-block !important;
	}
}

.oppmote-sok-input {
	width: 300px;
}

.oppmote-sok-knapp {
	margin-left: 10px;
}

.oppmote-sok-ingen {
	display: block;
	max-width: 630px;
}

.oppmote-sok-student {
	background-color: white;
	border: 1px solid #c1bfb0;
	border-radius: 3px;
	display: inline-table;
	margin: 5px 5px 5px 0;
	min-width: 154px; /* pga teksten undervisningsparti:*/
	padding: 10px;
	text-align: center;
	vertical-align: bottom;
	width: 154px;
}

@media screen and (max-width: 930px) {
	.oppmote-sok-student {
		margin-right: 0.5%;
		padding: 10px 5px;
		width: 18%;
	}
}

@media screen and (max-width: 786px) {
	.oppmote-sok-student {
		padding: 10px 1%;
		width: 23%;
	}
}

@media screen and (max-width: 15.5cm) {
	.oppmote-sok-input {
		width: 70%;
	}
	.oppmote-sok-student {
		padding: 10px 1%;
		width: 32%;
	}
}

@media screen and (max-width: 472px) {
	.oppmote-sok-student {
		margin-right: 3%;
		padding: 10px 1%;
		width: 45%;
	}
}

@media screen and (max-width: 435px) {
	.oppmote-sok-input, .oppmote-sok-knapp {
		text-align: center;
		width: 100%;
	}
	.oppmote-sok-knapp {
		margin-left: 0;
	}
	.oppmote-sok-resultat-container {
		margin-top: 20px;
	}
}

@media screen and (max-width: 370px) {
	.oppmote-sok-student {
		display: table;
		margin: 5px auto;
		padding: 10px;
		width: 100%;
	}
}

.oppmote-studentboks {
	display: inline-block;
	position: relative;
	margin: 0 10px 10px 0;
	width: 32%;
}
/* pga FUN må gjøre dette */
.oppmote-studentboks input[type="checkbox"] {
	float: none;
	height: 18px;
	position: static;
	width: 18px;
}
.oppmote-studentboks input[type="submit"] {
	position: absolute;
	left: -9999px;
}
.oppmote-studentboks  input[type="submit"]:focus+label,
	.oppmote-studentboks  input[type="submit"].checked:focus+label {
	border: 2px solid #2277ff;
	padding: 9px;
}

.oppmote-studentboks input[type="submit"]+label {
	align-items: center;
	background-color: #ecebe9;
	border: 1px solid #c1bfb0;
	border-radius: 3px;
	color: #444;
	display: block;
	margin: 0;
	min-height: 65px;
	overflow: hidden;
	padding: 10px;
	position: relative;
}

.oppmote-studentboks input[type="submit"].checked+label {
	border: 1px solid #308113;
	background: #dcf4dd no-repeat
		url('../img/icons_a/24x24/Check-24x24.png') right 3px top 3px;
}

.oppmote-studentboks input[type="submit"]:not(:disabled )+label {
	cursor: pointer;
}

.oppmote-studentboks input[type="submit"]:not(:disabled )+label:hover
{
	background-color: #f9f8f6;
}

.oppmote-studentboks input[type="submit"]:not(:disabled ).checked+label:hover	{
	background-color: #e6f7e8;
}

.oppmote-studentboks input[type="checkbox"] {
	left: auto;
	margin: 0;
	position: absolute;
	right: 6px;
	top: 8px;
}

.oppmote-studentspinner {
	margin-right: 5px;
	bottom: 10px;
	position: absolute;
	top: 42px;
	right: 3px;
}

.oppmote-studentbilde {
	display: table-cell;
	max-width: 89px;
}

.oppmote-studentinfo {
	display: table-cell;
	padding: 10px 10px 10px 8px;
	vertical-align: top;
}

.oppmote-studentmerknad {
	bottom: 0;
	height: 42px;
	margin: 1px;
	padding: 6px 8px;
	position: absolute;
	right: 0;
	width: 40px;
}

.oppmote-add-icon {
	background: rgba(0, 0, 0, 0) url("../img/icons_a/24x24/Add-24x24.png")
		no-repeat scroll center center;
}

.oppmote-add-disabled-icon {
	background: rgba(0, 0, 0, 0) url("../img/icons_d/24x24/Add-24x24.png")
		no-repeat scroll center center;
}

.oppmote-edit-icon {
	background: rgba(0, 0, 0, 0) url("../img/icons_a/24x24/Edit-24x24.png")
		no-repeat scroll center center;
}

.oppmote-edit-disabled-icon {
	background: rgba(0, 0, 0, 0) url("../img/icons_d/24x24/Edit-24x24.png")
		no-repeat scroll center center;
}

@media screen and (max-width: 786px) {
	.oppmote-studentboks {
		margin-right: 6px;
		width: 49%;
	}
	.oppmote-studentboks:nth-of-type(2n) {
		margin-right: 0;
	}
}

@media screen and (max-width: 15.5cm) {
	.oppmote-toolbar-header {
		font-size: 20px;
	}
}

@media screen and (max-width: 472px) {
	.oppmote-studentboks {
		width: 100%;
		margin-right: 0;
	}
	.oppmote-studentboks:nth-of-type(2n) {
		margin-right: 0;
	}
}

/*= PRAKSIS */
ul.praksissteder {
	list-style: none;
	padding: 0;
}

ul.praksissted-kontaktpersoner{
	list-style: none;
	padding: 0;
}
.praksisaktivitet {
	display: inline-block;
}
.steddetaljer {
	background-color: #f9f8f6;
	margin: 0 0 10px 20px;
	padding: 10px;
}

.togglebutton {
	border: 0;
	color: #444;
    font-size: 16px;
}

div.steddetaljer>div:nth-child(3) {
	margin-top: 10px;
}

div[id$='pklister'] {
	padding: 0 0 10px 25px;
}
div.pklisteOverskrift {
	margin-top: 15px;
}
.kontaktnavn{
	margin-top: 5px;
}


/*= STREKKODE - registrer oppmote med kort */
#strekkodeForm {
	font-size: 20px;
}

.strekkode-overskrift {
	float: left;
	font-size: 36px;
}

.strekkode-link {
	float: right;
	font-size: 16px;
	margin: 6px 0 10px 15px;
	padding-top: 7px;
}

.strekkode-container {
	margin: 30px auto;
	text-align: center;
	width: 70%;
}

@media screen and (max-width: 789px) {
	.strekkode-container {
		width: 100%;
	}
}

@media screen and (max-width: 15.5cm) {
	#strekkodeForm {
		font-size: 18px;
	}
	.strekkode-overskrift {
		clear: both;
	}
	.strekkode-link {
		float: left;
		margin: 0 15px 10px 0;
	}
}

@media screen and (max-width: 435px) {
	.strekkode-overskrift {
		font-size: 32px;
	}
}

/*= NOKKELINFO f.eks. studieprogram, emne, student, oppmote */
.nokkelinfo {
	display: table;
	margin-bottom: 10px;
}

.nokkelinfo .rad {
	display: table-row;
}

.nokkelinfo label {
	color: #767676;
	display: table-cell;
	padding: 0 5px 10px 0;
}

.nokkelinfo label:after {
	content: "\003A";
}

.nokkelinfo .lik-lengde {
	min-width: 120px;
}

.nokkelinfo .verdi {
	display: table-cell;
	padding: 0 5px 10px 0;
}

@media screen and (max-width: 435px) {
	.nokkelinfo .rad {
		display: block;
		padding: 5px 0;
	}
	.nokkelinfo label {
		display: inline-block;
	}
	.nokkelinfo .verdi {
		display: inline;
		padding: 0;
	}
	.nokkelinfo .verdi,
	.nokkelinfo label {
		padding: 0;
	}
}


/*= PROFIL */
.profil-container {
	margin: 0 0 30px;
}
.profil-container input[type='text'] {
	width: 400px;
}
.profil-container .chzn-select,
.profil-container button {
	width: 180px;
}
.profil-nokkelinfo {
	display: inline-block;
}
.profil-mine-roller {
	border-spacing: 0 5px;
	padding-left: 0;
	margin: 0 0 15px;
}
.profil-mine-roller > li {
    display: table-row;
}
.profil-mine-roller a {
	font-size: 14px;
}
.profil-mine-roller .element {
	display: table-cell;
}
.profil-mine-roller .luft {
	padding-right: 20px;
}

@media screen and (max-width: 786px) {
	.profil-mine-roller {
		padding: 5px 0;
	}
	.profil-mine-roller > li {
		margin-bottom: 10px;
	}
	.profil-mine-roller > li,
	.profil-mine-roller .element {
		display: block;
	}
	.profil-mine-roller .element {
		margin-left: 20px;
	}
	.profil-mine-roller .element.rolle {
		margin-left: 0;
	}
	.profil-mine-roller .luft {
		padding-right: 0;
	}
}
@media screen and (max-width: 15.5cm) {
	.profil-nokkelinfo {
		display: block;
	}
}

/*= E-POST */
.epost-type-container {
	display: inline-block;
	margin-right: 10px;
	padding-right: 10px;
	vertical-align: top;
}

#mottakere {
	margin-bottom: 10px;
}

.epost-mottaker {
	display: inline-block;
	margin: 0 3px 3px 0;
	vertical-align: bottom;
	/* pga fade og firefox ikke klarer å vise kant når bruker fade*/
	padding-right: 4px;
	border: 1px solid transparent;
	border-radius: 3px;
}

.epost-mottaker .link {
	display: inline-block;
	height: 18px;
	margin-right: 2px;
	width: 18px;
	vertical-align: text-top;
}

.epost-mottaker .link.slett {
	background: url("../img/icons_d/16x16/Delete-16x16.png") no-repeat
		scroll center center;
}

.epost-mottaker .link.legg-til {
	background: url("../img/icons_d/16x16/Add-16x16.png") no-repeat scroll
		center center;
}

.epost-ny-fade {
	animation: 2s epostNy;
}

@keyframes epostNy {
	from {
		background-color:#ddd;
		border: 1px solid #888;
		border-radius: 3px;
	}
}
.epost-vis-alle-region {
	white-space: nowrap;
	margin: 0 5px 5px 0;
	vertical-align: bottom;
}

#mottakereVisAlleRegion.vis {
	display: inline;
}

.epost-legg-til-mottaker-container {
	display: inline-block;
	width: 250px;
}

.epost-legg-til-mottaker {
	font-size: 14px !important;
	height: 28px !important;
	margin: 0 !important;
	padding: 0 8px !important;
	vertical-align: bottom;
	width: 100%;
}

#ugyldigEpost {
	margin: 0;
}

.epost-toolbar {
	margin-bottom: 8px;
}

.epost-toolbar-item {
	display: inline-block;
	margin-right: 10px !important;
	vertical-align: bottom;
}

.epost-toolbar-item a {
	display: inline-block;
	margin-bottom: 4px;
}

.epost-toolbar-fjernet {
	height: 30px;
	padding-top: 8px;
}

.epost-toolbar-pil {
	border-bottom: 9px solid #f9f8f6;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	height: 0;
	margin: 0 auto;
	width: 0;
}

.epost-toolbar-region {
	background-color: #f9f8f6;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 15px 20px 10px;
	width: 100%;
}

.epost-send-knapp {
	margin: 10px 0;
}

.epost-felt {
	display: block;
	width: 100%;
}

.epost-tekst {
	margin-bottom: 15px;
}

.epost-antall {
	display: block;
	width: 80px;
}


@media screen and (max-width: 472px){
	#mottakereVisAlleCtrl {
		margin: 0 5px 0 0;
	}
	.epost-legg-til-mottaker-container {
		display: block;
		margin-top: 10px;
		width: 100%;
	}
	.epost-legg-til-mottaker {
		display: block;
		font-size: 16px !important;
		height: 37px !important;
		padding: 8px !important;
	}
}

/*= GLOBALT SOK */
.global-sokecontainer {
	float: right;
	padding-top: 30px;
}
.global-soketekst {
	margin: 0 10px 0 0 !important;
	vertical-align: top;
	width: 200px;
}
.global-soketype {
	margin-bottom: 0 !important;
	margin-right: 10px;
	width: 160px;
}
.global-soketype.select2-container .select2-choice {
	width: 100%;
}
.global-sokeknapp {
	height: 37px;
	margin-left: 5px;
	vertical-align: top;
	width: 50px;
}

@media screen and (max-width: 786px) {
	.global-sokecontainer {
		clear: both;
		float: none;
		padding-top: 10px;
		width: 100%;
	}
	.global-soketekst, .global-soketype {
		margin-bottom: 0 !important;
	}
	.global-soketekst {
		width: 46%;
	}
	.global-soketype {
		width: 196px;
	}
	.global-sokeknapp {
		width: 58px;
	}
}

@media screen and (max-width: 15.5cm) {
	.global-sokecontainer {
		padding-bottom: 20px;
	}
	.global-soketekst {
		display: block;
		margin: 0 0 10px 0 !important;
		width: 75%;
	}
	.global-soketype {
		width: 75%;
	}
	.global-sokeknapp {
		width: 20%;
	}
}
@media screen and (max-width: 435px) {
	.global-soketekst {
		width: 100%;
	}
	.global-soketype {
	    width: 76%;
	    margin-right: 3%;
	}
	.global-sokeknapp {
		width: 19%;
	}
}
@media screen and (max-width: 370px) {
	.global-sokecontainer {
		padding-bottom: 10px;
	}
	.global-sokeknapp {
		margin: 10px 0 !important;
	}
	.global-sokeknapp,
	.global-soketekst,
	.global-soketype {
		width: 100%;
	}
}

/*= SØK */
.soke-icon {
	background: url("../img/icons_d/24x24/Search-24x24.png") no-repeat center;
}

.sok .ui-panel-titlebar.ui-widget-header {
	/* må være med for å bli riktig i Chrome */
	display: block;
	height: 44px;
}
/* pga primefaces og Chrome slik at tittelen vises riktig */
.sok .ui-panel-title {
	display: block;
}

.sok .ui-panel-title h1 {
	color: white;
	font-size: 18px;
	margin: 0;
}

.soketekst {
	/*display: inline-block;*/
	margin-right: 10px;
	width: 38%;
}

.soketype {
	vertical-align: top;
	width: 196px;
}

.soketype.select2-container .select2-choice {
	width: 100%;
}

.sokeknapp {
	display: inline-block;
	margin-left: 10px;
}

.soke-container {
	position: relative;
}

.sokefeilmld {
	position: absolute;
	margin-top: -15px;
	margin-bottom: 2px;
}

.sokeresultat-container {
	padding: 10px;
}

.sokeresultat .header {
	font-size: 18px;
	padding: 0 7px 0 0;
	/* fordi vil ha pagineringen på samme linje som headeren helt fram til breakpoint 435px*/
}

.sokeresultat .ui-datalist-header, .sokeresultat .ui-paginator-top {
	display: inline-block;
	padding: 0;
	text-align: left;
}

.sokeresultat ul {
	list-style-type: none;
	margin: 5px 0 20px;
	padding: 0;
}

.sokeresultat li {
	margin-bottom: 5px;
}

.sokeresultat .ekstra {
	color: #767676;
	font-size: 90%;
	margin-left: 7px;
}

/* spinner layout for pagenering*/
#sok .ui-widget-overlay {
	opacity: 0.1;
}
#sok .ui-blockui-content {
	background-color: white;
}
.sok-pagingering-spinner-tekst {
	display: inline-block;
	font-weight: bold;
	padding: 0 0 10px 5px;
	vertical-align: middle;}

@media screen and (max-width: 786px) {
	.soketekst {
		width: 46%;
	}
	.sokeknapp {
		min-width: auto !important;
		padding: 5px 10px;
		width: 58px;
	}
}

@media screen and (max-width: 15.5cm) {
	.soketekst {
		display: block;
		margin: 0 0 10px !important;
	}
	.soketekst, .soketype {
		width: 75%;
	}
	.sokeknapp {
		width: 20%;
	}
	.sokeresultat li {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 435px) {
	.soketekst {
		width: 100%;
	}
	.soketype {
		width: 76%;
	}
	.sokeknapp {
		width: 19%;
	}
}
@media screen and (max-width: 370px) {
	.soketekst,
	.soketype,
	.sokeknapp {
		width: 100%;
	}
	.sokeknapp {
		margin: 0 0 10px 0;
	}
	.sokefeilmld {
		position: static;
	}
	.sokeresultat .ui-datalist-header,
	.sokeresultat .ui-paginator-top {
		display: block;
		text-align: left !important;
	}
	.sokeresultat .ui-paginator-top {
		margin-left: -5px;
	}
}

/*= FILTER */
.filter-data-container {
	float: left;
	width: 70%;
}
.filter-data-container .header {
	font-size: 18px;
	font-weight: bold;
}

.filter-container {
	border-left: 1px solid #caced5;
	float: right;
	margin: 0 0 15px 5px;
	padding: 0 0 5px 10px;
	vertical-align: top;
	width: 28%;
}
.filter-container legend,
.filter-container .header {
	font-weight: bold;
	margin-bottom: 6px;
}
.filter-boks {
	font-size: 14px;
	width: 100%;
}

.filter-boks.select2-container .select2-choice {
	width: 100%;
}
.filter-radio {
	margin-bottom: 15px;
}
.filter-radio label {
	display: block;
	color: #767676;
}
.filter-radio label,
.filter-radio input {
	font-size: 14px;
	margin: 0 0 5px 0;
}
input.filter-radio {
	margin: 0 5px 5px 0;
}
.filter-excel-eksport {
	background: url("../img/icons_a/24x24/Document-XLS-24x24.png") no-repeat left center;
	display: block;
	padding: 15px 4px 15px 23px;
	width: 150px;
}
.filter-print {
	background-image: url("../img/icons_b/16x16/Print-16x16.png");
}
.filter-print:disabled {
	background-image: url("../img/icons_d/16x16/Print-16x16.png");
}
.filter-epost {
	background-image: url("../img/icons_b/16x16/Message-16x16.png");
}
.filter-epost:disabled {
	background-image: url("../img/icons_d/16x16/Message-16x16.png");
}


@media screen and (max-width: 930px) {
	.filter-container {
		border-left: medium none;
		float: none;
		margin-left: 0;
		padding-left: 0;
		max-width: 320px;
		width: 100%;
	}
	.filter-container::after {
		clear: both;
		content: "";
		display: table;
	}
	.filter-radio label {
		margin-bottom: 10px;
	}
	.filter-data-container {
		float: none;
		width: 100%;
	}
}

/*= BAR-GRAF */
.bar-graph-forklaring-container {
	font-size: 14px;
}
.bar-graph-forklaring-soyle {
	display: inline-block;
	margin: 2px 0;
	padding: 10px;
	vertical-align: top;
}
.bar-graph-forklaring-tekst {
	display: inline-block;
	padding-top: 3px;
}

.bar-graph-container {
	background-color: #f9f8f6;
	display: flex;
	height: 1.2em;
	margin: 4px 0 5px;
	text-align: center;
}
.bar-graph-mott {
	background-color: #097faf;
	color: white;
}
.bar-graph-fravar {
	background-color: #c2c0bc;
}
.bar-graph-uregistrerte {
	border: 1px solid #c1bfb0;
}


/*= UNDERVISNING */
/* overskriver primefaces som har white-space:nowrap*/
.ui-tree .ui-tree-container ul.und-timeplan {
	white-space: normal;
}

.und-timeplan {
	background-color: #f9f8f6;
	border-spacing: 5px 5px;
	padding: 0 10px 5px 0;
	margin-bottom: 10px;
}
.und-timeplan li {
	padding: 5px;
}
.und-timeplan-rad {
	display: table-row;
}
.und-timeplan-cell {
	display: table-cell;
}
.und-timeplan-icon {
	background: url("../img/icons_d/16x16/Time-16x16.png") no-repeat left top;
	padding-left: 20px;
	min-width: 200px;
}

@media screen and (max-width: 472px) {
	.und-timeplan-rad {
		display: list-item;
	}
	.und-timeplan-cell {
		display: inline-block;
		padding-right: 5px;
	}
	.und-timeplan-cell:last-child {
		padding-right: 0;
	}
}

@media screen and (max-width: 435px) {
	.und-timeplan li span {
		display: block;
	}
	.und-timeplan li span.und-timeplan-cell {
		display: inline-block;
	}
	.und-timeplan li span.und-timeplan-cell.dato {
		display: block;
		padding-left: 20px;
	}
}


/*= SENSUR */
.sensur-metainfo {
	font-size: 14px;
	margin: 0;
}
.sensur-metainfo dt {
	clear: left;
	color: #767676;
	float: left;
	min-width: 110px;
	padding-right: 5px;
}
.sensur-metainfo dd {
	float: left;
	padding-bottom: 10px;
}
@media screen and (max-width: 472px){
	.sensur-metainfo dd,
	.sensur-metainfo dd {
		clear: left;
		display: inline-block;
	}
}

.sensur-process {
	margin: 0 auto;
    padding: 20px 5px 10px;
    width: 100%;
    text-align: center;
}
@media screen and (max-width: 786px){
	.sensur-process .process li {
		width: 32%;
		max-width: 120px;
	}
	.sensur-process .process .step .left,
	.sensur-process .process .step .right {
		width: 49%;
		max-width: 60px;
	}
	.sensur-process .process .step .line {
		width: 99%;
		max-width: 66px;
	}
}

@media screen and (max-width: 585px){
	.sensur-process {
		margin: 0 auto;
		padding: 0;
	}
	.sensur-process .process {
 		margin: 0 10% 0 0;
	}
	.sensur-process .process li {
		position: relative;
		width: auto;
		max-width: none;
	}
	.sensur-process .process li,
	.sensur-process .process .left,
	.sensur-process .process .right,
	.sensur-process .process .step .line {
		display: block;
		margin: auto;
	}
	.sensur-process .process .step .left,
	.sensur-process .process .step .right,
	.sensur-process .process .step .idx {
		float: none;
	}
	.sensur-process .process .processTop {
		height: auto;
		margin-bottom: 0;
	}
	.sensur-process .process .step .left,
	.sensur-process .process .step .right,
	.sensur-process .process .step .line {
		height: 20px;
		position: static;
		width: 6px;
	}
	.sensur-process .process .step.done .line,
	.sensur-process .process .step.current .left .line {
		border-bottom: none;
		border-left: 1px solid #097faf;
		border-right: 1px solid #097faf;
		border-top: none;
	}
	.sensur-process .process .step.current .right .line,
	.sensur-process .process .step.todo .line {
		border-bottom: none;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-top: none;
	}
	.sensur-process .process .name {
		bottom: 27px;
	    left: 60%;
	    position: absolute;
	    text-align: left;
	}
}

.sensur-excel-container-pil {
    border-bottom: 14px solid #f9f8f6;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: 0;
    margin: 0 auto;
    width: 0;
}
.sensur-excel-container {
	background-color: #f9f8f6;
	padding: 15px 20px 0;
	width: 100%;
}
.sensur-excel-container legend {
	font-size: 15px;
	font-weight: bold;
}
.ui-fileupload-choose:focus {
	outline: 2px solid #2277ff;
}
.sensur-excel-container .ui-messages.ui-widget.ui-helper-hidden {
	padding-left: 10px;
}
.sensur-excel-last-ned {
	background-image: url("../img/icons_b/24x24/Download-alt-24x24.png");
	background-position: 1px center !important;
	margin: 6px 0 20px;
	min-width: 114px !important;
	padding-left: 28px !important;
}
.sensur-excel-import {
	background-color: inherit;
	border: none;
	display: inline-block;
	margin: 6px 0 0 -6px;
}
.sensur-excel-import table.ui-fileupload-files {
	width: auto;
}
.sensur-excel-import td.ui-fileupload-preview {
	display: none;
}
.sensur-excel-container td.ui-fileupload-progress {
    padding-right: 0;
}
.sensur-excel-container td:last-child {
	padding: 0;
}
.sensur-excel-mld-container {
	margin-top: 20px;
	position: relative;
}
.sensur-excel-mld-container .lukk {
	background:  url("../img/icons_d/16x16/Delete-16x16.png") no-repeat center;
    border: none;
    padding: 12px;
    position: absolute;
    right: 0;
    top: 0;
}
@media screen and (max-width: 585px){
	.sensur-excel-container {
		padding: 15px 15px 0;
	}
	.sensur-excel-container .ui-fileupload-files td {
		display: block;
	}
	.sensur-excel-container td.ui-fileupload-progress,
	.sensur-excel-container td:last-child {
		display: inline-block;
	}
}

.sensur-toolbar-top {
	margin-top: 20px;
}
.sensur-toolbar-top button {
	height: 32px;
	margin-right: 20px;
}
.sensur-toolbar-top label {
	display: inline-block;
	margin: 10px 10px 10px 0;
}
.sensur-toolbar-top .sensur-andre-ikon {
	background-image: url("../img/icons_b/24x24/Male-and-female-24x24.png");
	padding-left: 30px !important;
}
@media screen and (max-width: 435px){
	.sensur-toolbar-top button {
		height: 37px;
		margin: 0 0 5px;
	}
	.sensur-toolbar-top label {
		margin-top: 0;
	}
}
@media screen and (max-width: 370px){
	.sensur-toolbar-top button {
	}
}

.sensur-tabell.table-light {
	min-width: 850px;
	width: auto;
	border-bottom: 2px solid #999;
	margin-top: 15px;
	margin-bottom: 30px;
}
.sensur-tabell.table-light caption {
	font-size: 16px;
	text-align: left;
}
.sensur-tabell.table-light tbody tr {
	border-bottom: none;
    border-top: 2px solid #caced5;
}
.sensur-tabell.table-light tbody tr.meg-sensor:not(.OVERFORT) {
	border-top: 2px solid  #caced5;
}
.sensur-tabell.table-light tbody tr.annen-sensor {
	border-top: 1px dashed  #caced5;
}
.sensur-tabell.table-light tbody tr.annen-sensor-begr {
	border-top: none;
}
.sensur-tabell.table-light th#statusCol {
    min-width: 150px;
}
.sensur-tabell input.KARAKTER {
	margin: 1px 0;
	max-width: 100px;
}
.sensur-tabell .begr-dato input {
	font-size: 14px;
	max-width: 110px;
}
.sensur-tabell textarea {
	height: 38px;
	width: auto;
	margin-bottom: 0;
}
.sensur-tabell .errorMessageInplace {
	margin: 0;
}
.sensur-tabell .toolbar-karakter {
	width: 180px;
}
.sensur-tabell div.toolbar-karakter {
	margin-top: 10px;
	text-align: center;
}
.sensur-tabell input.toolbar-karakter {
	max-width: none;
}
.sensur-tabell td.karakter {
	text-align: left;
}
.sensur-tabell .select2-container.chzn-select {
	margin-bottom: 0;
}
.sensur-tabell .feilmld {
	color: #ce4c11;
}
.sensur-tabell th#gruppeCol,
.sensur-tabell td.gruppeCol {
	display: none;
}
.sensur-tabell .header {
	display: none;
}
.sensur-tabell .header-value-visibility-hidden {
	border: 0 none;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sensur-tabell .sensor {
	background-position: left center;
	background-repeat: no-repeat;
	display: table-cell;
	padding: 0 5px 0 25px;
	vertical-align: middle;
}
.sensur-tabell .status  {
	background-position: left center;
	background-repeat: no-repeat;
	padding: 8px 5px 8px 25px;
	vertical-align: middle;
}

.sensur-tabell .status.overfort {
	background-image: url("../img/icons_a/16x16/Check-16x16.png");
}
.sensur-tabell .status.feil {
	background-image: url("../img/icons_a/16x16/Alert-16x16-red.png");
}
.sensur-tabell .status.ulik {
	background-image: url("../img/icons_b/24x24/Exam-24x24-No.png");
}
.sensur-tabell .status.klar {
	background-image: url("../img/icons_b/24x24/Exam-24x24.png");
}
.sensur-tabell .status.signert {
	background-image: url("../img/icons_b/24x24/Exam-24x24-Ok.png");
}
.sensur-tabell .status.mangler {
	background-image: url("../img/icons_a/16x16/Alert-alt-16x16-orange.png");
}
.sensur-tabell .sensor.meg {
	background-image: url("../img/icons_a/16x16/User-16x16.png");
}
.sensur-tabell .sensor.andre {
	background-image: url("../img/icons_d/16x16/User-16x16.png");
}
/* sensur-begrunnelse*/
.sensur-tabell tr.annen-sensor-begr {
	border-top: none;
}
.sensur-tabell .status-begr {
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	padding: 0 5px 15px 28px;
}
.sensur-tabell .status-begr.begr-bedt-om {
	background-image: url("../img/icons_b/24x24/Tag-24x24.png");
}
.sensur-tabell .status-begr.begr-kunngjoring {
	background-image: url("../img/icons_b/24x24/Calendar-alt-24x24.png");
}
.sensur-tabell .status-begr.overfort {
	background-image: url("../img/icons_a/16x16/Check-16x16.png");
}
.sensur-tabell .status-begr.sensur-ikke-kunngj {
	background-image: url("../img/icons_b/16x16/Info-16x16.png");
}

.sensur-tabell .begr-celle {
	background-position: left top;
	vertical-align: top;
}
.sensur-tabell .begr-pdf-last-ned {
	background-image: url("../img/icons_b/24x24/Download-alt-24x24.png");
	background-position: 1px center !important;
	margin: 6px 0 20px;
	min-width: 114px !important;
	padding-left: 28px !important;
}
.sensur-tabell .toggle-tekst {
	margin-top: 10px;
	max-width: 300px;
}

.studentinfo-margin {
	margin: 10px 0 0 0;
}
/* sensur-begrunnelse slutt */

.sensur-tabell table.radioContainer tr {
	border: none;
}
.sensur-tabell table.radioContainer label {
	font-size: 14px;
}
.sensur-tabell .sensur-begr-filopplaster {
	background-color: transparent;
	border: none;
}
.sensur-tabell .sensur-begr-filopplaster .ui-fileupload-buttonbar {
	padding: 0;

}
.sensur-toolbar {
	background-color: #f9f8f6;
	min-width: 362px;
	padding: 10px 5px;
	text-align: center;
}
.sensur-toolbar button:first-child,
.sensur-toolbar .samsensur-k2 {
	margin-right: 20px;
}
.sensur-toolbar-sticky-container {
	padding-bottom: 57px;
	position: relative;
}
.sensur-toolbar-sticky {
	border-top: 1px solid #caced5;
	margin-top: -1px;
	position: absolute;
}

@media screen and (max-width: 786px) {
	.sensur-tabell.table-light {
		min-width: auto;
		width: 100%;
	}
	.sensur-tabell tr:nth-of-type(2n+1) {
	    background-color: #f9f8f6;
	}
	.sensur-tabell thead tr {
	    left: -9999px;
	    position: absolute;
	    top: -9999px;
	}
	.sensur-tabell td,
	.sensur-tabell td.gruppeCol {
		display: block;
	}
	.sensur-tabell td.skjul-pa-mobil {
		display: none;
	}
	.sensur-tabell .header {
		display: block;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.sensur-tabell .header-value-visibility-hidden {
	    clip: auto;
	    height: auto;
	    overflow: auto;
	    position: inherit;
	    width: auto;
	}
	.sensur-tabell textarea {
	    height: auto;
	    width: 100%;
	}
	.sensur-tabell .feilmld {
		margin-bottom: 10px;
	}
	.sensur-tabell.table-light tbody tr.annen-sensor td:nth-child(2){
		margin-top: -15px;
	}
	.sensur-tabell .toggle-tekst {
		max-width: none;
	}
}

@media screen and (max-width: 435px){
	.sensur-tabell.table-light {
		min-width: auto;
	}
	.sensur-toolbar {
		min-width: auto;
		padding: 10px 0;
	}
}

@media screen and (max-width: 370px){
	.sensur-toolbar button:first-child {
		margin-right: 14px;
	}
	.sensur-toolbar .samsensur-k1,
	.sensur-toolbar .samsensur-k2,
	.sensur-toolbar .samsensur-k3 {
		margin: 0 0 10px 0;
	}
	.sensur-toolbar .samsensur-k1 {
		margin-right: 8%;
	}
	.sensur-toolbar .samsensur-k1,
	.sensur-toolbar .samsensur-k2 {
		width: 46%;
	}
	.sensur-toolbar .samsensur-k3 {
		width: 100%;
	}
}


/*= VURDERING */

ul.vurderinger {
	list-style-type: none;
	padding: 0;
}


/*= BARCHART */
.barchart {
	border: 1px solid #ddd;
	font: 14px sans-serif;
	height: 354px;
	margin: 0 auto 14px;
	max-width: 420px;
	padding: 26px;
	position: relative;
	width: 100%;
}

.barchart .hgrid {
	position: relative;
	margin-left: 21px;
	border-top: 1px solid gray;
}

.barchart .hgrid span {
	position: absolute;
	left: -44px;
	top: -9px;
	width: 39px;
	text-align: right;
}

.barchart ul {
	position: relative;
	left: -5px;
	margin: 0;
	list-style: none;
	z-index: 2;
}

.barchart li {
	float: left;
	position: relative;
}

.barchart .sp {
	position: relative;
	height: 280px;
	padding: 0;
	text-align: center;
	vertical-align: bottom;
}

.barchart .sp .bar {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	border: 1px solid #060;
	border-bottom: none;
	background-color: #080;
	box-shadow: 3px -1px 4px #aaa;
	max-width: 33px;
	padding-top: 4px;
	color: white;
	text-align: center;
}

.barchart .sp.zero span {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1.7px;
}

.barchart .bar.low span {
	position: relative;
	top: -22.7px;
	color: black;
}

.barchart .label {
	border-top: 1px solid #666;
	padding: 4px 1px;
	background-color: white;
	font-weight: normal;
	text-align: center;
	vertical-align: top;
}

/*= STATISTIKK + RESULTATER */
.resultater.table-light tr,
.statistikk.table-light tr {
	border-bottom: none !important;
}
.resultater.table-light tr.vis-felles,
.statistikk.table-light tr.vis-felles {
	border-top: 1px solid #caced5;
}
.resultater.table-light tr.skjul-felles td:nth-child(n+3),
.statistikk.table-light tr.skjul-felles td:nth-child(n+2){
	border-bottom: 1px solid #caced5;
	border-top: 1px solid #caced5;
}

.resultater.table-light tfoot tr {
	border-top: 1px solid #caced5;
	border-bottom: none !important;
}

.statistikk.table-light tr:last-child td:nth-child(n+2) {
	border-bottom: none !important;
}

.statistikk .hoyre-justert {
	text-align: right !important;
}
.statistikk .midtstilt {
	text-align: center;
}

/*= EMNE-VURDTRE */
.emne-vurdtre-rot.ui-tree .ui-treenode-leaf-icon {
	width: 0;
}
.emne-vurdtre-blad {
	margin-left: -10px !important;
}


/*= STUDENT */
.utdplan .header {
	font-weight: bold;
}
.utdplan .nokkelinfo {
	margin-top: 7px;
}

.utdplanTittel {
	font-size: 18px;
	font-weight: bold;
}

/*= SENSURKOMMISJON */
div[id$="kommisjon"] {
	margin-top: 2px;
}

dl.kommMedlemmer dd {
	padding-bottom: 12px;
}


/*= INAKTIV */
.inaktiv, .inaktiv a, .inaktiv-item-select2 {
	color: #767676;;
}

.select2-highlighted .inaktiv-item-select2, .select2-highlighted .inaktiv-item-select2:hover
	{
	color: white;
}

.select2-chosen .inaktiv-item-select2:hover {
	color: #767676;;
}

.inaktiv-toggle.table-light {
	margin-bottom: 15px;
}

.inaktiv-toggle.table-light th:nth-child(1),
.inaktiv-toggle.table-light td:nth-child(1) {
	padding: 9px 0 0 0;
	width: 16px;
}

.inaktiv-toggle.table-light th:nth-child(2),
.inaktiv-toggle.table-light td:nth-child(2) {
	padding-left: 4px;
}

/*= RWD TABLE */
.rwd-table .rwd-header,
.rwd-statistikk-table .rwd-statistikk-header  {
	display: none;
	font-weight: bold;
}
@media screen and (max-width: 700px){
	/* farge på annenhver rad - enkler å se når et element begynner */
   .rwd-table tr:nth-of-type(2n+1) {
 		background-color: #f9f8f6;
	}
	/* fordi noen tabeller har en kolonne med inaktivt ikon */
	.rwd-table.table-light th:nth-child(1),
	.rwd-table.table-light td:nth-child(1),
	.rwd-table.table-light th:nth-child(2),
	.rwd-table.table-light td:nth-child(2) {
		padding-left: 15px;
	}
	.rwd-table thead tr {
	    left: -9999px;
	    position: absolute;
	    top: -9999px;
	}
	.rwd-table td {
		display: block;
	}
	.rwd-table td.hoyre {
		float: none;
	}
    .rwd-table .rwd-header {
		display: block;
	}
}

@media screen and (max-width: 890px){
	.rwd-statistikk-table thead tr {
	    left: -9999px;
	    position: absolute;
	    top: -9999px;
	}
	.rwd-statistikk-table tr.vis-felles td:nth-child(1) {
	  	background-color: #f9f8f6;
	}
	.rwd-statistikk-table tr.skjul-felles td:nth-child(2) {
		border-top: 1px solid #caced5 !important;
	}
	.rwd-statistikk-table td {
		display: block;
	}
	/* statistikk knapp og vis protokoll lenke på samme rad */
	.rwd-statistikk-table tr td:nth-child(8),
	.rwd-statistikk-table tr td:nth-child(9) {
		display: inline-block;
	}
	.rwd-statistikk-table tr td .rwd-statistikk-header {
		display: inline-block;
	}
  	.rwd-statistikk-table tr td:nth-child(1) .rwd-statistikk-header,
  	.rwd-statistikk-table tr td:nth-child(2) .rwd-statistikk-header,
  	.rwd-statistikk-table tr td:nth-child(3) .rwd-statistikk-header {
		display: block;
	}
	.rwd-statistikk-table .skjul-felles td:nth-child(n+2) {
	    border-bottom: medium none !important;
	    border-top: medium none !important;
	}
	/* verdien til terminkolonne skal ikke vises hvis den allerede er blitt vist i raden tidligere */
	.rwd-statistikk-table tr.skjul-felles td:nth-child(1) .rwd-statistikk-header {
		display: none;
	}
	/* alle kolonner bortsett fra terminkolonnen(den første) og siste (Vis protokoll) skal ha et innrykk */
	.rwd-statistikk-table tr td:not(:nth-child(1)) {
		margin-left: 26px;
	}
	.rwd-statistikk-table tr td:nth-child(9) {
		margin-left: 0;
		padding-left: 0;
	}
	.rwd-statistikk-table td:empty {
		display:none;
	}
	.rwd-statistikk-table {
		empty-cells:hide;
	}
	.rwd-statistikk-table .midtstilt,
	.rwd-statistikk-table .hoyre-justert {
		display: inline-block;
	}
}


/*= FELLES/MISC */
.clearfix:before, .clearfix:after {
	content: "";
	clear: both;
	display: table;
}

.line-break:after,
.line-break-before:before{ /* i steden for <br/> pga UU */
	content: "\a";
	white-space: pre-wrap;
}

.ingen-linje-skift {
	white-space: nowrap;
	display: block;
}

.vis-linjeskift {
	white-space: pre-wrap;
}

.venstre {
	float: left;
}

.hoyre {
	float: right;
}

.marginLeft {
	margin-left: 10px;
}

.infolabel {
	color: #767676;
	padding-right: 10px
}

caption.infolabel {
	text-align: left;
	font-size: 16px;
}

.infovalue {
	margin-left: 10px;
}

.avstand-mellom-element {
	margin-top: 15px !important;
}

.skjul {
	display: none;
}

.vis {
	display: inline-block;
}

.bar-label {
	padding-top: 1em;
	color: #0f6a88;
	cursor: pointer;
}

.detaljer {
	display: block;
	clear: both;
	padding-top: 2em;
}

.indikator {
	float: right;
}

.inline {
	display: inline-block;
}

.nokkelOgVerdi {
	display: table-row;
}
.hovedElement {
	border-bottom: 1px solid #caced5;
	width: 100%;
}

.hovedElement > .verdi {
	width: 75%;
}

.flereVerdier {
	display: table-cell;
	padding-bottom: 10px;
}
dt.nokkel {
	display: table-cell;
	padding-bottom: 10px;
}
dd.verdi {
	display: table-cell;
	padding-left: 10px;
}
dd.enAvFlereVerdier {
	padding-left: 10px;
}
dd.enAvFlereVerdier:last-child {
    padding-bottom: 10px;
}
.verdi .nokkel {
	min-width: 150px;
}

.tabellSpacing {
	padding: 15px !important;
	vertical-align: top;
	font-size: 14px;
}

.bare-pa-desktop {
        display: block;
}

.bare-pa-mobil {
        display: none;
}


@media screen and (max-width: 480px) {
	.hovedElement:nth-child(2n) {
		background: #f9f8f6;
	}

	.nokkelOgVerdi {
		display: block;
	}
	dt.nokkel {
		display: block;
		padding: 5px 0 0;
	}

	dd.verdi {
		display: block;
	}
	dd.enAvFlereVerdier {
		display: block;
	}
	.tabellSpacing.verdi {
		border: 0;
		padding: 0 15px 15px !important;
	}
	.tabellSpacing.nokkel {
		border: 0;
		padding: 15px 15px 0 !important;
	}
        .bare-pa-desktop {
                display: none;
        }

        .bare-pa-mobil {
                display: block;
        }
}

/* kvikk fiks for å ordne margin masseregistrerform.xhmtml */
.medium.green.marginLeft.tvingMargin {
	margin-left: 10px;
}

@media print {
	#bar-wrap { display: none !important;}
	[id='tabPanel:studentliste'] {display:block;}
}

.visibility-hidden {
	border: 0 none;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px;
}

.brodtekst-maks-tegn {
	max-width: 550px;
}

#sok .ui-dataview-layout-options {
	display: none;
}

#sensurkladder td.godkjent {
	background: url("../img/icons_a/24x24/Check-24x24.png") no-repeat right center;
	padding-right: 30px;
}

#sensurkladder td.ikkegodkjent {
	background: url("../img/icons_a/24x24/Delete-24x24.png") no-repeat right center;
	padding-right: 30px;
}


#visSkjulKarakterImport {
	background: url("../img/icons_a/24x24/Document-24x24.png") no-repeat left center;
	padding-left: 25px;
}

#visSkjulKarakterImportForklaring {
	background: url("../img/icons_a/16x16/Help-alt2-16x16-blue.png") no-repeat left center;
	padding-left: 25px;
}

.ui-fileupload-row {
	display: block;
}

button.ui-fileupload-cancel.verticalButton { display: none; }

span.studselector {
	padding: 2px 0.6ch;
	border-radius: 16px;
	font-size: 80%;
}
span.studselector.campus {
    background-color: rgb(202 222 252);
}

span.studselector.klasse {
    background-color: rgb(223 239 223);
}

#sensurkladder tr[aria-hidden=true] {
	display: none;
}

input + label {
	display: inline-block;
}