@charset "UTF-8";
.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;
  margin: 0 2px;
  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; }

.collapsible-text .ingress:after {
  content: "…"; }
.collapsible-text.collapsed .full-text, .collapsible-text.always-expanded .full-text {
  display: none; }
.collapsible-text.collapsed .collapse-link, .collapsible-text.always-expanded .collapse-link {
  display: none; }
.collapsible-text.expanded .ingress, .collapsible-text.always-expanded .ingress {
  display: none; }
.collapsible-text.expanded .expand-link, .collapsible-text.always-expanded .expand-link {
  display: none; }
.collapsible-text.always-expanded .full-text {
  display: block; }

.collapsible-list .hidden {
  display: none; }

.undMelding dt {
  width: 190px; }

.undMelding ul {
  margin-left: 0;
  padding-left: 5px;
  margin-bottom: 10px; }

.undMelding ul li {
  padding-left: 5px;
  list-style: none; }

table.vurdMeldingTekster td {
  padding: 0;
  border: none; }

.vurdMeldingDelInfo {
  margin-left: 0;
  padding-left: 5px; }

.vurdmeldingObligatorisk {
  font-weight: bold;
  vertical-align: top;
  display: block; }

.editKnapperContainer {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px; }

.meldingPopupInnhold {
  display: block;
  max-width: 450px;
  width: 100%;
  white-space: normal;
  word-wrap: break-word; }

.eksamenskollisjon {
  display: block;
  margin-bottom: 10px; }

@media (max-width: 400px) {
  .editKnapperContainer {
    margin-left: 0; } }
.rettigheterVelkommentekst {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px; }

.rettigheterContainer {
  margin-bottom: 20px; }

.rettigheterRegler {
  padding-top: 10px; }

.utdanningsplan .varselmeldingBody {
  display: block; }

.varselMeldingType {
  font-size: 14px;
  color: #222;
  padding: 0; }

.varselNiva {
  font-size: 14px;
  background-color: #ffffff;
  display: block;
  padding-top: 7px;
  padding-left: 13px;
  margin-bottom: 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 15px 13px;
  background-color: #ffffff; }

.varsel-text {
  max-width: 600px; }

.varsel-icon-container {
  background-repeat: no-repeat;
  background-position: 3px 1px;
  padding: 3px 5px 5px 32px; }

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

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

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

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

@media (max-width: 400px) {
  .varselmeldingBody {
    padding-bottom: 20px; }

  .varselmeldingBody.ui-widget-header,
  .varselmeldingBody.ui-widget-content {
    width: 100%; }

  .varselmeldingBody ul li {
    background-repeat: no-repeat;
    background-position: 3% 2px;
    padding-top: 6px;
    padding-left: 0;
    border-top: 1px solid #caced5; }

  .varsel {
    padding-left: 13px;
    background-color: #ffffff;
    padding-bottom: 8px;
    padding-top: 8px; }

  .varselNiva {
    background-color: transparent;
    padding: 0 0 5px 40px; } }
.opplasting-height-short {
  height: 45px; }

.vertical-spacing {
  line-height: 2.3em; }

.block {
  display: block; }

.labelMedLenke {
  display: inline-block;
  margin-right: 10px; }

.hovedInfoLinje {
  display: block;
  margin-bottom: 20px; }

.infoLinjeMediumMargin {
  display: block;
  margin-bottom: 10px; }

.infoLinje {
  display: block; }

.infoPadding {
  display: block;
  margin-bottom: 6px; }

label.infoLabel {
  color: #767676;
  /* samme som .lightLabel */
  display: inline; }

/* pga kontrasten skal være gyldig i forhold til bakgrunnen */
.studieContainer label.infoLabel,
.editBox label.infoLabel {
  color: #595454; }

.radioContainer label.infoLabel {
  margin: 0; }

.inlineLabel {
  display: inline-block;
  width: 180px; }

.readonlyInlineField {
  display: inline-block; }

.readonlyField {
  display: block; }

.bold {
  font-weight: bold; }

.radioVerticalMargin {
  margin-top: 10px;
  margin-bottom: 15px; }

.skjult-sporsmal {
  display: none; }

.advarsel {
  color: #ce4c11;
  font-style: italic; }

.show-disabled .select2-disabled {
  display: list-item;
  color: #999; }

.ui-datatable tbody td {
  word-wrap: break-word; }

.ui-fileupload {
  border: none; }

.ui-fileupload .verticalButton {
  display: inline-block; }

.ui-fileupload .iconButtonContainer .iconButton {
  width: auto;
  margin-right: 10px; }

.ui-fileupload .ui-fileupload-buttonbar {
  padding: 0; }

.stegprosessKnapper {
  margin-top: 10px; }

.padding-top-small {
  padding-top: 5px; }

.width-medium {
  max-width: 400px;
  width: 100%; }

.reflow .ui-datatable-data td .ui-column-title,
.reflow td .ui-column-title,
.reflow-mini td .ui-column-title {
  display: none; }

.display-block {
  display: block !important; }

.display-contents {
  display: contents !important; }

.text-ellipsis {
  text-overflow: ellipsis; }

.inline-block {
  display: inline-block; }

.margin-left-5 {
  margin-left: 5px; }

.heading-span {
  font-weight: normal;
  font-size: 16px; }

@media (max-width: 768px) {
  /* primefaces tabell - tilsvarer ui-panel-content */
  .ui-panel .reflow .ui-datatable-tablewrapper {
    background-color: white;
    padding: 0;
    border: solid 1px #caced5; }

  .reflow {
    width: 100% !important; }

  /* Reflow datatable. Funksjonalitet i Primefaces 5.1.10 */
  .reflow thead tr {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0); }

  .reflow .ui-datatable-data tr.ui-widget-content td,
  .reflow tr td {
    border: 0 none;
    display: block;
    text-align: left;
    width: auto; }

  .reflow tr td .textAlignRight {
    text-align: left; }

  .reflow .ui-widget-content {
    background: #ffffff;
    color: #4f4f4f; }

  .reflow .ui-datatable-data td .ui-column-title,
  .reflow td .ui-column-title {
    display: block;
    font-weight: bold; }

  .reflow tbody tr td:empty {
    padding: 0; }

  .reflow tbody tr td:last-child {
    padding-bottom: 20px; }

  .reflow .firstColumn,
  .reflow tfoot {
    border-top: 1px solid #a8a8a8 !important; }

  /* legge på farge på annenhver rad slik at det blir enklere å skille når en ny rad begynner */
  .reflow.annenhver-farge tr:nth-of-type(2n) {
    background-color: #f9f8f6; } }
@media (max-width: 500px) {
  /* primefaces tabell - tilsvarer ui-panel-content */
  .ui-panel .reflow-mini .ui-datatable-tablewrapper {
    background-color: white;
    padding: 0;
    border: solid 1px #caced5; }

  .reflow-mini {
    width: 100% !important; }

  .reflow-mini thead tr {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0); }

  .reflow-mini .ui-datatable-data tr.ui-widget-content td,
  .reflow-mini tr td {
    border: 0 none;
    display: block;
    text-align: left;
    width: auto; }

  .reflow tr td .textAlignRight {
    text-align: left; }

  .reflow-mini .ui-widget-content {
    background: #ffffff;
    color: #4f4f4f; }

  .reflow-mini .ui-datatable-data td .ui-column-title,
  .reflow-mini td .ui-column-title {
    display: block;
    font-weight: bold; }

  .reflow-mini tbody tr td:empty {
    padding: 0; }

  .reflow-mini tbody tr td:last-child {
    padding-bottom: 20px; }

  .reflow-mini .firstColumn,
  .reflow-mini tfoot {
    border-top: 1px solid #a8a8a8 !important; }

  /* legge på farge på annenhver rad slik at det blir enklere å skille når en ny rad begynner */
  .reflow-mini.annenhver-farge tr:nth-of-type(2n) {
    background-color: #f9f8f6; } }
.skjul {
  display: none; }

.vis-mer {
  background: transparent url(../img/li_collapsed.png) no-repeat left 45%;
  border: none;
  color: #444;
  font-size: inherit;
  margin: 6px 0; }

.vis-mer[aria-expanded="true"] {
  background-image: url(../img/li_open.png);
  background-position-y: 55%;
  margin-bottom: 0; }

.vis-mer-liten-tekst {
  font-size: 11px;
  text-transform: uppercase; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.personvern {
  padding: 5px 0; }

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

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

@media (max-width: 400px) {
  .bare-pa-desktop {
    display: none; }

  .bare-pa-mobil {
    display: block; } }
.brodtekst-maks-lengde {
  max-width: 650px; }

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

.varseltrekant-oransje {
  background-image: url("../img/icons_a/24x24/Alert-24x24-orange.png");
  background-position: left -4px;
  background-repeat: no-repeat;
  padding-left: 30px; }

.pa-linje {
  display: inline-block;
  vertical-align: top; }

.editBox p {
  font-size: inherit; }

.editBox p:last-child {
  margin-bottom: 0; }

@media (max-width: 400px) {
  textarea,
  textarea.ui-inputtextarea {
    width: 100% !important;
    /* pga FUN*/ } }
.list-rm-default {
  margin: 0;
  padding: 0;
  list-style: none; }

.list-bullet {
  margin: 0;
  padding-left: 18px; }

.list-bullet li {
  padding: 5px 5px 5px 0; }

.show-for-sr {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

.undertittel {
  font-size: 26px; }

/* pga FUN endrer h1 til 24px for denne skjermstørrelsen */
@media screen and (max-width: 15.5cm) {
  h1 .undertittel {
    font-size: 22px; } }
.margin-top-5 {
  margin-top: 5px; }

.margin-top-10 {
  margin-top: 10px; }

main {
  margin-bottom: 55px;
  width: 100%;
  /* pga FUN som gjør at siden ikke fylles ut hvis ikke dette og dette ønsker vi i forbindelse med RWD */
  position: relative; }

.til-toppen {
  bottom: -44px;
  left: 45%;
  position: absolute;
  /* NB! avhengig at main sin position er relativ */ }

/* pga FUN som gjør at det blir  horisontal scrolling i forbindelse med RWD - breakpoint er allerede brukt i FUN derfor dette, mulig det bør endres */
@media screen and (max-width: 815px) {
  body > header a {
    white-space: normal;
    width: 100%; } }
/* FUN har no-break som blir problematisk for små skjermer */
.lightbox.ui-dialog header {
  white-space: normal; }

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

@media screen and (max-width: 472px) {
  .lightbox.ui-dialog header {
    font-size: 18px; }

  .lightbox.ui-dialog article {
    margin: 15px 15px 0; } }
.as-label {
  margin: 0 0 6px 0;
  color: #767676;
  /* samme som .lightLabel */ }

.width350-reflow {
  width: 350px; }

@media screen and (max-width: 465px) {
  .width350-reflow {
    max-width: 350px;
    width: 100% !important; }

  /*.width350-reflow .select2-container .select2-choice {
  	width: 100% !important;
  }*/
  /* for å unngå at elementer i rullegardinmenyen stikker uten for viewport */
  .width350-reflow.select2-drop {
    left: 0 !important; } }
dd {
  margin-left: 0; }

dt.as-label {
  margin-bottom: 0; }

.dl-rad {
  margin-bottom: 12px; }

.dl-term,
.dl-data {
  display: inline-block; }

.dl-term {
  color: #767676; }

.margin-0 {
  margin: 0; }

.margin-top-15 {
  margin: 15px 0 0 0; }

/* pga kontrast kravet på 4,5:1 */
.editBox .dl-term {
  color: #595454; }

.dl-data {
  margin-left: 0; }

.multi-line {
  overflow-y: auto;
  resize: both; }

.link.lys {
  color: #ffffff;
  border-color: #ffffff; }

.link.mork {
  color: #444;
  border-color: #444; }

.clear-both {
  clear: both; }

.inlineBlock {
  display: inline-block; }

.height-auto {
  height: auto !important;
  max-height: 80vh !important; }
  @media screen and (max-height: 813px) {
    .height-auto {
      max-height: 70vh !important; } }
  @media screen and (max-height: 600px) {
    .height-auto {
      max-height: 65vh !important; } }

.center-notfixed {
  max-height: 100vh !important;
  margin: 0 auto;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%); }
  @media screen and (max-width: 800px) {
    .center-notfixed {
      width: 100% !important;
      left: 0 !important;
      transform: translate(0, -50%); } }
  @media screen and (max-width: 450px) {
    .center-notfixed {
      margin-top: 0 !important; } }

.list-style-none {
  list-style: none; }

.padding-left-15 {
  padding-left: 15px; }

.ui-paginator-page:focus, .ui-paginator-first:focus, .ui-paginator-last:focus, .ui-paginator-next:focus, .ui-paginator-prev:focus {
  outline: 2px solid #2277ff; }

.h2-font-size {
  font-size: 22px; }

.popup-h2-font-size {
  font-size: 16px; }

.flex-between {
  display: flex;
  justify-content: space-between; }

.flex-start {
  display: flex;
  justify-content: start; }

.flex-end {
  display: flex;
  justify-content: flex-end; }

.close-link-popup {
  max-width: 16px;
  width: 100% !important; }

@media screen and (max-height: 813px) {
  .title-mobile {
    max-height: 1em;
    overflow: hidden;
    word-break: break-all; } }
@media screen and (max-width: 400px) {
  .aktiv-emne-container .editKnapperContainer,
  .undMelding-editbox .editKnapperContainer,
  .emne-table-container .editKnapperContainer {
    float: none;
    margin-left: 0; } }
caption.ui-datatable-subtable-header {
  margin: 0;
  font-size: 14px;
  line-height: 1em;
  text-align: left; }

.errorMessageInplaceEkstraMargin {
  margin: -25px 10px 15px 0 !important; }

.validateFieldError {
  padding-bottom: 15px; }

.labelLook {
  display: block;
  margin: 0 0 6px 0;
  color: #767676; }

.lineHeight-unset {
  line-height: unset; }

.fontSize-14 {
  font-size: 14px; }

.margin-bottom-10 {
  margin-bottom: 10px; }

@media screen and (max-width: 500px) {
  .ui-fileupload-files td {
    display: block !important; }

  .ui-progressbar {
    float: unset !important; } }
.whitespace-normal {
  white-space: normal; }

.textAlignLeft {
  text-align: left; }

.ui-accordion-header h1, .ui-accordion-header h2, .ui-accordion-header h3, .ui-accordion-header h4, .ui-accordion-header h5, .ui-accordion-header h6 {
  padding: 0;
  margin: 0;
  text-decoration: none;
  font-weight: normal;
  font-size: 100%; }
.ui-accordion-header[aria-expanded="true"] h1, .ui-accordion-header[aria-expanded="true"] h2, .ui-accordion-header[aria-expanded="true"] h3, .ui-accordion-header[aria-expanded="true"] h4, .ui-accordion-header[aria-expanded="true"] h5, .ui-accordion-header[aria-expanded="true"] h6 {
  color: #FFF; }

.messageInPlace {
  display: block;
  padding: 20px 20px 20px 40px; }

.infoMessageInPlaceNoColor {
  font-style: italic;
  padding-top: 5px;
  display: block; }

.infoMessageInPlaceIcon {
  background-image: url(/studentweb/resources/img/icons_b/24x24/Info-24x24.png);
  background-repeat: no-repeat;
  background-position: 5px;
  background-color: #d6eff6;
  border: 1px solid #97c3ce; }

.errorMessageInPlaceIcon {
  background-image: url(/studentweb/resources/img/icons_b/24x24/Alert-24x24.png);
  background-repeat: no-repeat;
  background-position: 5px;
  background-color: #fce4d9;
  border: 1px solid #ce4c11; }

.error-message-margin {
  margin: 15px 0 15px 30px; }

.dl-noMarginBot .dl-rad {
  margin-bottom: 0; }

.dl-noMargin {
  margin-top: 0;
  margin-bottom: 0; }
  .dl-noMargin .dl-rad {
    margin-bottom: 0; }

@media screen and (max-width: 768px) {
  .uuHiddenMobile {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0); } }

.feedback-full > p {
  padding-left: 20px;
  margin: 0; }

.ui-paginator a.ui-state-active {
  color: #3c8712;
  text-decoration: underline; }

[id$='utdanningsplan'] .vurdkombTre {
  width: 100%; }

#aktiveEmnerForm .vurdkombTre {
  width: 100%; }

[id$='vurdkombTreIPopup'] .vurdkombTre {
  width: 100%; }

[id$='vurdkombTreIPopup'] .vurdkombTre ul.ui-tree-container {
  width: 95%;
  white-space: normal; }

.vurdkombTre .ui-tree-container {
  padding: 0px;
  white-space: normal; }

.vurdkombTre .ui-treenode-content {
  display: block;
  width: 100%; }

.vurdkombTre .ui-treenode-leaf-icon {
  display: none; }

.vurdkombTre .ui-tree-toggler {
  display: none; }

.vurdkombTre .ui-treenode-label {
  width: 100%;
  cursor: unset !important; }

.vurdkombTre .vurdDeler {
  display: block;
  white-space: normal; }

.vurdkombTre .vurdDeler:hover {
  background-color: #d6eff6; }

.vurdkombTre .vurdDelerUtenMelding {
  display: block;
  white-space: normal; }

.vurdkombTre .vurdDelerUtenMelding:hover {
  background-color: #d6eff6; }

.vurdDelTreBarn {
  display: block !important; }

.vurdKombTreActionButtons {
  display: block;
  float: right; }

.vurdKombTreActionButtonsEkstraPadding {
  padding-top: 19px;
  padding-left: 5px; }

.statusikonVurdkomb {
  float: left;
  padding-right: 3px; }

.alignTextTop {
  vertical-align: text-top; }

.valgbareVanligeEmnekombTable thead tr:first-child th {
  border-top-style: none; }

.valgbareVanligeEmnekombTable thead th:first-child {
  border-left-style: none; }

.valgbareVanligeEmnekombTable thead th:last-child {
  border-right-style: none; }

.valgbareVanligeEmnekombTable tbody tr:last-child td {
  border-bottom-style: none; }

.valgbareVanligeEmnekombTable tbody td:first-child {
  border-left-style: none; }

.valgbareVanligeEmnekombTable tbody td:last-child {
  border-right-style: none; }

.vurdkombTreButton {
  overflow-x: hidden;
  overflow-wrap: normal;
  white-space: normal;
  text-align: left;
  margin: 0 2px 0 2px;
  display: block;
  word-break: break-word; }

.alignWithButton {
  padding-left: 22px; }

.vurdDelerKnapp {
  text-align: left;
  width: 120px; }

@media (max-width: 321px) {
  .vurdKombTreActionButtons {
    float: none;
    padding: 3px 5px; } }
.vurdkombTre {
  background: transparent !important; }

@media (max-width: 770px) {
  .ui-treenode-children {
    margin: 0 !important; } }

@media screen and (max-width: 768px) {
  .mobile-block {
    display: block; } }

@media screen and (max-width: 768px) {
  .mobile-alignWithButton {
    padding-left: 22px;
    float: none;
    margin-left: 0; } }

#aktiveEmnerForm .panel {
  max-width: 933px;
  width: 100%; }

.ui-accordion-header.ui-state-active .teacher1 {
  background: url("../img/icons_w/24x24/Teacher-24x24-Ok.png") no-repeat; }

.ui-accordion-header .teacher1 {
  background: url("../img/icons_b/24x24/Teacher-24x24-Ok.png") no-repeat; }

.ui-accordion-header.ui-state-active .exam1 {
  background: url("../img/icons_w/24x24/Exam-24x24-Ok.png") no-repeat; }

.ui-accordion-header .exam1 {
  background: url("../img/icons_b/24x24/Exam-24x24-Ok.png") no-repeat; }

.ui-accordion-header.ui-state-active .teacher0 {
  background: url("../img/icons_w/24x24/Teacher-24x24-No.png") no-repeat; }

.ui-accordion-header .teacher0 {
  background: url("../img/icons_b/24x24/Teacher-24x24-No.png") no-repeat; }

.ui-accordion-header.ui-state-active .exam0 {
  background: url("../img/icons_w/24x24/Exam-24x24-No.png") no-repeat; }

.ui-accordion-header .exam0 {
  background: url("../img/icons_b/24x24/Exam-24x24-No.png") no-repeat; }

.ui-accordion-header.ui-state-active .spIcon {
  background: url("../img/icons_w/24x24/Coin-24x24.png") no-repeat;
  color: #1684a9; }

.headerIcon {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin: -6px 0px -5px 5px; }

#aktiveEmnerForm .ui-accordion-content {
  font-size: 14px; }

.aktiv-emne-container {
  display: inline-block;
  margin: 0 1px;
  vertical-align: top;
  width: 49%; }

.aktiv-emne-container .pameldingBoks button {
  margin: 10px 0; }

.emneTabTittel {
  display: flex;
  justify-content: space-between; }

@media screen and (max-width: 600px) {
  .emneTabTittel {
    font-size: 15px; }

  .aktiv-emne-container {
    display: block;
    margin: 0 0 10px;
    vertical-align: top;
    width: 100%; } }
@media screen and (max-width: 400px) {
  .aktiv-emne-container .editKnapperContainer {
    float: none;
    margin-left: 0; } }
.undpartimeldinger-header {
  font-size: 14px; }

.undpartimeldinger-header-h5 {
  margin: 10px 0 3px 0;
  font-size: 13px; }

.undpartimeldinger-list {
  margin: 0 0 5px 0; }

.undpartimeldinger-dl {
  margin: 0; }

.undpartimeldinger-dlrad {
  margin-bottom: 0; }

.vis-mer-knapp {
  background: transparent url("../img/li_collapsed.png") no-repeat left 45%;
  border: none;
  color: #444;
  font-size: inherit; }

.vis-mer-knapp-pil-ned[aria-expanded="true"] {
  background-image: url("../img/li_open.png");
  background-position-y: 55%;
  margin-bottom: 0; }

.vis-mer-knapp-pil-opp[aria-expanded="true"] {
  background-image: url("../img/li_up.png");
  background-position-y: 55%;
  margin-bottom: 0; }

.dl-rad-margin-0 .dl-rad {
  margin-bottom: 0; }

.iconAction:first-child {
  margin-right: 10px; }

.vitnemalsportalen-img {
  margin-top: 20px;
  width: 150px; }

span.docimg {
  display: inline-block;
  position: relative;
  z-index: 0; }

span.docimg img {
  /*give the thumbnails a frame*/ }

span.docimg:hover {
  z-index: 50;
  /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1*/
  cursor: pointer;
  /*changes the cursor to a hand*/ }

img.thumb {
  width: 20px;
  height: 40px; }

img.thumb:hover {
  z-index: 50; }

span.preview {
  position: absolute;
  left: -9999px;
  background-color: #eae9d4;
  /*frame colour*/
  padding: 6px;
  /*frame size*/
  /*add a drop shadow to the frame*/
  -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, 0.75);
  -moz-box-shadow: 0 0 6px rgba(132, 132, 132, 0.75);
  box-shadow: 0 0 6px rgba(132, 132, 132, 0.75);
  /*and give the corners a small curve*/
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

span.docimg:hover span {
  /*positions the nested <span> when thumbnail is hovered*/
  top: -100px;
  /*the distance from the bottom of the thumbnail to the top of the popup image*/
  left: -200px;
  /*distance from the left of the thumbnail to the left of the popup image*/ }

table.ui-fileupload-files td:nth-child(1) {
  display: none; }

table.ui-fileupload-files td:nth-child(2) {
  width: 200px;
  word-wrap: break-word;
  display: inline-block; }

table.ui-fileupload-files td:nth-child(3) {
  width: 82px;
  word-wrap: break-word;
  display: inline-block; }

table.ui-fileupload-files td:nth-child(5) {
  display: inline-block; }

/* responsiv dokumentarkiv tabell  */
table.table-dokumentarkiv .header {
  display: none; }

table.table-dokumentarkiv td:empty {
  padding: 0; }

table.table-dokumentarkiv td a {
  word-break: break-all;
  display: inline-block; }

table.table-dokumentarkiv .checkboks + label {
  font-size: 14px;
  word-break: break-word;
  -ms-word-break: break-all; }

@media screen and (max-width: 768px) {
  /* legge på farge på annenhver rad slik at det blir enklere å skille når en ny begynner */
  table.table-dokumentarkiv tr:nth-of-type(2n) {
    background-color: #f9f8f6; }

  table.table-dokumentarkiv .checkboks + label {
    color: #444;
    /* pga kontrastkravet og annenhver rad med farge */ }

  table.table-dokumentarkiv .checkboks:hover:not([disabled]) + label {
    color: #0067C5; }

  table.table-dokumentarkiv thead tr {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0); }

  table.table-dokumentarkiv tbody tr td:last-child {
    padding-bottom: 20px; }

  table.table-dokumentarkiv td {
    display: block; }

  table.table-dokumentarkiv .header {
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
    text-transform: uppercase; } }
p.dokument-beskrivelse-makslengde {
  color: #767676;
  margin: 0;
  font-style: italic;
  font-size: 14px; }

table.sokRes {
  border-left: 1px solid #caced5;
  border-right: 1px solid #caced5; }

.frittEmneSokContainer {
  display: inline-block;
  margin-right: 20px;
  vertical-align: top; }

.frittEmneSokSubmitContainer {
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: bottom; }

.frittEmneSokEmnekode,
.frittEmneSokEmnenavn,
.frittEmneSokFag,
.frittEmneSokFakultet {
  width: 350px;
  margin-bottom: 20px; }

.sokeresultat {
  clear: both;
  padding-right: 12px; }

.emneLink {
  display: inline-block;
  margin-bottom: 3px;
  margin-top: 3px; }

@media screen and (max-width: 800px) {
  .frittEmneSokContainer:last-child {
    margin-right: 0; }

  .frittEmneSokSubmitContainer {
    display: block; }

  .frittEmneSokSubmit {
    display: block;
    margin-bottom: 20px; } }
@media screen and (max-width: 670px) {
  .frittEmneSokContainer {
    display: block;
    margin-right: 0; } }
@media screen and (max-width: 450px) {
  .frittEmneSokEmnekode,
  .frittEmneSokEmnenavn,
  .frittEmneSokSubmit,
  .frittEmneSokFag,
  .frittEmneSokFakultet,
  .frittEmneSokSubmit {
    max-width: 350px;
    width: 100%; } }
/* sokeresultatet responsivt */
.table-standard.sokRes .header {
  display: none; }

@media screen and (max-width: 840px) {
  .table-standard.sokRes thead tr th {
    width: auto !important;
    /* pga bredden er brukt style på fra Primefaces */ }

  /* legge på farge på annenhver rad slik at det blir enklere å skille når en ny begynner */
  .table-standard.sokRes tr:nth-of-type(2n + 1) {
    background-color: #f9f8f6; }

  .table-standard.sokRes thead tr {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0); }

  .table-standard.sokRes tr {
    border-bottom: 1px solid #caced5; }

  .table-standard.sokRes td {
    border: none;
    display: block;
    text-align: left !important; }

  .table-standard.sokRes td:last-child {
    padding-bottom: 20px; }

  .table-standard.sokRes td:empty {
    padding: 0; }

  .table-standard.sokRes tr.ui-widget-content > td {
    border: none; }

  .table-standard.sokRes .header {
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
    text-transform: uppercase; } }
.flag {
  margin-right: 10px; }

.select2-results .select2-disabled {
  display: block;
  color: #aaaaaa; }

#fakturaer {
  margin-bottom: 20px; }

#fakturaer table.table-faktura tr {
  vertical-align: text-top; }

#fakturaer table.table-faktura tbody tr td:nth-child(2),
#fakturaer table.table-faktura thead tr th:nth-child(2),
#fakturaer table.table-faktura tbody tr td:nth-child(6),
#fakturaer table.table-faktura thead tr th:nth-child(6) {
  text-align: right; }

.faktura-vis {
  margin-right: 15px; }

.faktura-vis-button {
  background: transparent url("../img/icons_a/24x24/Eye-24x24.png") no-repeat center;
  width: 30px;
  height: 30px; }

.faktura-last-ned-button {
  background: transparent url("../img/icons_a/24x24/Document-PDF-24x24.png") no-repeat center;
  width: 30px;
  height: 30px; }

.faktura-last-ned-button :first-child, .faktura-vis-button :first-child {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0); }

.faktura-tekst {
  display: none; }

.fakturaDetaljer tr td:nth-child(2),
.fakturaDetaljer tr th:nth-child(2) {
  text-align: right; }

.fakturaPurreavsnitt {
  margin-top: 15px;
  white-space: pre-wrap; }

#fakturaer table.table-faktura .header {
  display: none; }

@media screen and (max-width: 780px) {
  #fakturaer table.table-faktura th,
  #fakturaer table.table-faktura td {
    padding-right: 0; }

  #fakturaer table.table-faktura th:first-child,
  #fakturaer table.table-faktura td:first-child {
    padding-left: 0;
    text-align: center; }

  .faktura-vis {
    margin-right: 8px; } }
@media screen and (max-width: 605px) {
  /* legge på farge på annenhver rad slik at det blir enklere å skille når en ny begynner */
  #fakturaer table.table-faktura tr:nth-of-type(2n+1) {
    background-color: #f9f8f6; }

  #fakturaer table.table-faktura thead tr th:nth-child(2),
  #fakturaer table.table-faktura tbody tr td:nth-child(2),
  #fakturaer table.table-faktura thead tr th:nth-child(6),
  #fakturaer table.table-faktura tbody tr td:nth-child(6) {
    text-align: left; }

  #fakturaer table.table-faktura th:first-child,
  #fakturaer table.table-faktura td:first-child {
    padding: 8px 15px 7px 15px;
    text-align: left; }

  #fakturaer table.table-faktura thead tr {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0); }

  #fakturaer table.table-faktura tbody tr td:last-child {
    padding-bottom: 20px; }

  #fakturaer table.table-faktura td {
    display: block; }

  #fakturaer table.table-faktura td:empty {
    padding: 0; }

  #fakturaer table.table-faktura .header {
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
    text-transform: uppercase; }

  .faktura-vis {
    margin-right: 15px; }

  .faktura-tekst {
    display: inline-block;
    vertical-align: text-top; } }
.fristPanel {
  margin: 20px 0;
  width: 100%; }

.fristPanel .ui-datatable-tablewrapper {
  max-height: 192px;
  overflow-x: hidden;
  overflow-y: auto; }

.col1-dato {
  width: 75px; }

@media screen and (max-width: 500px) {
  .fristPanel .ui-datatable-tablewrapper {
    max-height: none;
    overflow-y: hidden; }

  .col1-dato {
    width: 100%; } }
/* Infotekster fra institusjonen på forsiden */
.infoTekst {
  display: block;
  margin-bottom: 10px; }

/* Header facet */
.headerFacetContent {
  width: 500px;
  float: right; }

.saksbehandlerContainer {
  width: 320px;
  float: left;
  margin: 20px 5px 0 5px;
  padding-top: 9px; }

.oppdateringsRettigheterImage {
  position: relative;
  top: 3px;
  margin-top: -10px; }

/* 'Bytt bruker' dropdown*/
.byttBrukerContainer {
  width: 150px;
  float: right;
  margin: 18px 5px 0 5px; }

.byttBrukerMeny {
  float: right; }

#byttBruker {
  width: 160px;
  float: right; }

.col1Emnenavn {
  width: 110px; }

.col2Termin {
  width: 65px; }

.col3Emnekombinasjon {
  width: 90px; }

.col5Emnekategori {
  width: 75px; }

.col4Kulltrinn, .col6SoOResultat, .col7Planlagt, .col8Bestatt {
  width: 45px; }

.col9Emnestatus {
  width: 20px; }

[id$='studieoversikt'] td.col6SoOResultat, [id$='studieoversikt'] td.col7Planlagt, [id$='studieoversikt'] td.col8Bestatt {
  text-align: right; }
  @media screen and (max-width: 768px) {
    [id$='studieoversikt'] td.col6SoOResultat, [id$='studieoversikt'] td.col7Planlagt, [id$='studieoversikt'] td.col8Bestatt {
      text-align: left; } }

.grupperingsvalg {
  padding-top: 10px;
  min-width: 150px;
  margin-right: 15px;
  display: inline-grid; }

.grupperingsvalgLedetekst {
  display: inline-block;
  float: left;
  margin-top: 10px;
  margin-right: 10px; }

#kubest label {
  margin: 0 40px 0 0; }

#kubest label {
  margin: 1px 0 0 7px;
  line-height: 1.6;
  float: left;
  font-size: 16px; }

#kubest span {
  float: left; }

#kubest span label {
  display: inline; }

table.kbestEmner {
  width: auto;
  clear: both; }

.editBox h4 {
  padding-top: 0; }

#klageskjemaWrapper .buttons {
  margin-top: 20px; }

.klagetypeknapper {
  padding: 15px 0 30px 0;
  width: 300px; }

.klagetypeknapper input[type="button"] {
  display: block;
  margin: 5px 0 5px 0;
  width: 100%; }

.klage-type-navn {
  margin-bottom: 5px; }

.login-module-box {
  float: none;
  margin-top: 5px; }

.felt [class|='korr'] {
  margin-top: 0;
  margin-bottom: 15px; }

.links {
  margin-bottom: 20px; }

.profile-block {
  display: block;
  margin-bottom: 15px;
  margin-right: 20px;
  max-width: 410px;
  vertical-align: top;
  width: 100%; }

.profile-block > fieldset > legend, .adresse-block > fieldset > legend {
  margin: 0 0 10px 0;
  padding: 12px 0 0 0;
  color: #222;
  font-weight: bold; }

.profile-block-row .profile-block {
  display: inline-block; }

.profile-block [type="text"] {
  width: 100%; }

.profile-block .land-block .chzn-select,
.profile-block .phone-block .chzn-select {
  margin-right: 10px;
  width: 192px; }

.profile-block .phone-block [type="text"] {
  width: 198px; }

.profile-block [type="text"].a100 {
  width: 100px; }

.profile-block [type="text"].bankkontoinput {
  width: 201px; }

.profile-block .infocontainer .content_container {
  padding: 5px; }

.profile-block .infocontainer p {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 10px; }

.profile-block:empty {
  display: none; }

@media screen and (max-width: 425px) {
  .profile-block-row {
    margin-right: 0;
    max-width: none; }

  .profile-block-row .profile-block {
    display: block; }

  .profile-block [type="text"].bankkontoinput {
    width: 100%; }

  .profile-block .infocontainer {
    margin: -10px 0 0 0 !important;
    position: static !important;
    width: 100% !important; }

  .profile-block .infocontainer .arrow {
    display: block;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 12px solid #d6eff6;
    border-top: none;
    left: 10%;
    top: 0; } }
.section-header {
  margin: 0 0 10px 0;
  padding: 12px 0 0 0;
  color: #222;
  font-weight: bold; }

.marginBottom0 {
  margin-bottom: 0; }

.personAkseptanseToggleButton {
  margin-bottom: 10px; }

.personAkseptanseToggleContainer {
  margin-bottom: 10px;
  background-color: #f9f8f6; }

.personAkseptanseItem {
  padding: 10px; }

.bankkonto-infolinje {
  margin-bottom: 10px;
  max-width: 290px;
  width: 100%;
  display: block;
  margin-left: 0;
  padding: 5px;
  background-color: #d6eff6;
  vertical-align: top;
  font-size: 14px;
  white-space: normal; }

.linjeskift:after {
  content: "\a";
  white-space: pre; }

.button-refresh {
  margin-left: 10px;
  background-color: transparent !important;
  background-position: center !important;
  border: none !important;
  min-height: 28px;
  font-size: 11px;
  min-width: 24px !important;
  padding-left: 10px !important;
  padding-right: 10px; }

.refreshIcon-24x24 {
  background-image: url("../img/icons_a/24x24/Refresh-24x24.png"); }

.dl-term-korr {
  margin: 0; }

.marginBottom15 {
  margin-bottom: 15px; }

#emneliste .ikke-valgt-termin {
  color: #d0d6dd; }

#terminvalgForm .input-block-container {
  display: block;
  clear: both;
  margin-bottom: 20px; }

.lightbox[id='histogramPopup:popup'] div.ui-dialog-content {
  overflow: hidden;
  /* aht. Firefox-scrollbars */ }

.resultat td:nth-child(1), .resultat td:nth-child(2) {
  border-bottom: 0;
  border-top: 0; }

.resultatTop td:nth-child(1), .resultatTop td:nth-child(2) {
  border-bottom: 0; }

.statistikkButton {
  float: left; }

.statistikkButton-icon {
  background: transparent url("../img/icons_a/24x24/Chart-curve-24x24.png") no-repeat center;
  height: 30px;
  width: 30px; }
  .statistikkButton-icon :first-child {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0); }

.taPaNyttButton {
  display: inline-block;
  width: 100%;
  margin-top: 5px; }

.col1Semester {
  width: 120px; }

.col2Emne {
  width: 260px; }

.col3Vurdering {
  width: 128px; }

.col4ResultatDato {
  width: 126px; }

.col5Kandnr {
  width: 102px; }

.col6Resultat {
  width: 100px; }

.col7Studiepoeng {
  width: 90px; }

.col8Kunngjor {
  width: 125px; }

.col1EksternSemester {
  width: 120px; }

.col2EksternEmne {
  width: 570px; }

.col3EksternResultat {
  width: 222px; }

.col4EksternStudiepoeng {
  width: 55px; }

.vurderingsdelInfo {
  color: #767676; }

.link-wrapper {
  margin-top: 20px; }

.visningResultat {
  margin: 20px 0 0; }

.visningResultat table.radioknapper {
  margin-bottom: 0; }

.table-footer {
  background: #f1f1f1;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #caced5;
  border-top: none;
  padding: 8px 15px 7px 15px;
  text-align: right; }

@media (max-width: 768px) {
  /* Eksterne resultater */
  .col1EksternSemester,
  .col2EksternEmne,
  .col3EksternResultat,
  .col4EksternStudiepoeng {
    width: auto; }

  /* har å gjøre med en del eksamen */
  .reflow tbody .resultat .col2Emne {
    display: none; }

  .reflow tbody .resultat .firstColumn {
    border-top: none !important; }

  .kubestLink {
    display: inline-block;
    margin-bottom: 15px; }

  .del-title {
    text-transform: uppercase; }

  .vurderingsdelInfo {
    color: #444; }

  tr.resultat {
    background-color: #f9f8f6; }

  .table-footer {
    text-align: left; } }
.semregKnapp {
  display: inline-block;
  background-color: #3c8712;
  border: 1px solid #308113;
  border-radius: 3px;
  max-width: 285px;
  padding: 32px;
  margin-left: 0;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  text-align: center;
  white-space: normal;
  float: left; }

.semregKnapp:hover {
  background-color: #4b9e1a; }

.semregBox {
  display: inline-block;
  margin-bottom: 30px; }

.semregBox .semregList {
  margin: -14px 20px 10px 0;
  padding: 0 0 0 16px;
  vertical-align: top;
  display: inline-block;
  float: left; }

.semregBox .semregList li {
  padding: 5px 0 0 0;
  margin-bottom: 4px; }

.semregBox .smeregList li .cell {
  display: table-cell; }

.semregBox .semregList li img {
  height: 20px;
  margin: 0 3px 0 -2px;
  vertical-align: text-bottom; }

@media screen and (max-width: 400px) {
  .semregBox {
    display: block; }

  .semregBox .semregList li {
    padding-right: 0; }

  .semregKnapp {
    margin: auto;
    /* slik at knappen blir sentrert */ }

  .semregKnapp,
  .semregBox .semregList {
    clear: both;
    display: block;
    float: none; } }
.nySoknadKnapp {
  margin-bottom: 20px; }

.soknadListe {
  display: inline-block;
  margin: 0 10px 0 0; }

.soknadKnapper {
  display: inline-block;
  vertical-align: top; }

ul.vedlegg {
  margin-top: 5px;
  padding-left: 20px; }

.vedlegg li {
  margin-bottom: 10px; }

.ettersend-dokumenter-container {
  margin: 20px 0; }

.ettersend-resultater-container {
  margin: 20px 0 40px; }

.sporsmal-svar {
  margin-bottom: 20px; }

.sporsmal .validateLabel label {
  display: inline-block; }

.polarsporsmal table {
  margin-top: 5px; }

.polarsporsmal table td {
  width: 65px; }

.sporsmal {
  margin-bottom: 6px; }

.sporsmal textarea {
  max-height: 700px;
  min-height: 130px;
  max-width: 990px; }

@media (max-width: 400px) {
  #soknadWrapper .stegprosessKnapper button {
    padding: 5px 10px 5px 10px;
    height: 35px;
    font-size: 13px;
    min-width: unset;
    margin-left: 5px; }

  #soknadWrapper .stegprosessKnapper a {
    margin-right: unset;
    font-size: 14px; } }
.alternativItem td {
  text-align: left; }

.alternativItem td input {
  float: left;
  margin-right: 10px; }

.paddingLeft {
  padding-left: 16px; }

/* responsiv tabell */
.sp-undersokelse .header {
  display: none; }

.date-and-answer {
  display: inline-block;
  float: right;
  padding-right: 10px; }

.date-and-answer .date {
  margin-left: 15px; }

.date-label {
  margin-right: 3px; }

.sporreund-lagreKnapp {
  margin: 15px; }

@media screen and (max-width: 600px) {
  /* legge på farge på annenhver rad slik at det blir enklere å skille når en ny begynner */
  .sp-undersokelse tr:nth-of-type(2n+1) {
    background-color: #f9f8f6; }

  .sp-undersokelse thead tr {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0); }

  .sp-undersokelse td:empty {
    padding: 0; }

  .sp-undersokelse td {
    display: block; }

  .sp-undersokelse .header {
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
    text-transform: uppercase; }

  .paddingLeft {
    padding-left: 0; }

  .date-and-answer {
    display: block;
    float: none; }

  .date-and-answer .date {
    margin-left: 0; }

  .besvart {
    margin-right: 15px;
    display: block; } }
.height-5px {
  height: 5px; }

.sporsmalsContainer {
  max-width: 570px;
  width: 100%; }

.sporsmalFont {
  font-size: 16px; }

.studieContainer {
  background: #f9f8f6;
  border: 1px solid #c1bfb0;
  display: inline-block;
  max-width: 400px;
  padding: 20px 20px 0;
  margin: 0 20px 20px 0;
  border-radius: 3px;
  cursor: pointer;
  color: #222;
  text-decoration: none;
  vertical-align: top;
  width: 100%;
  min-height: 250px;
  position: relative; }

.studieContainer:hover {
  /*background: #ecebe9;*/
  background: #fbfbfb;
  cursor: pointer; }

.studieContainer div {
  margin-bottom: 8px; }

.studieContainer p {
  margin-bottom: 8px;
  color: #222; }

.studieContainer .studieTittel {
  font-size: 18px;
  color: #222; }

.studieContainer .studieTittel:hover, .studieContainer .studieTittel:active {
  text-decoration: none; }

.studieContainer:focus-within {
  outline: 2px solid #2277ff; }

.studieContainer .studieVelgKnapp {
  background: url("../img/icons_a/24x24/Navigation-right-24x24.png") no-repeat right center;
  display: block;
  padding-right: 25px;
  color: inherit; }
  .studieContainer .studieVelgKnapp:focus {
    outline: none; }
  .studieContainer .studieVelgKnapp:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    box-sizing: inherit; }

.studieContainer .studieknappContainer {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 5px; }
.studieContainer .studieknappWrapper {
  /*margin-top: 20px;*/
  margin-bottom: 5px;
  align-self: flex-end; }

.studieContainerIkkeAktiv {
  background: #d0d6dd; }

.studieContainerIkkeAktiv:hover {
  background: #d0d6dd;
  cursor: auto; }

.studieContainerIkkeDetaljer:hover {
  background: #f9f8f6;
  cursor: auto; }

@media screen and (max-width: 420px) {
  .studieContainer {
    display: block;
    margin-right: 0;
    max-width: none;
    min-height: 0; } }
.studieInfoContainer dl {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 15px 0; }
.studieInfoContainer .dl-term {
  color: #707070; }

/* 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
 */
.emnekombTre .ui-tree .ui-tree-container {
  white-space: normal; }

.alignTextTop {
  vertical-align: text-top; }

.handleNewline {
  white-space: pre-wrap; }

.emnekombTre {
  overflow: hidden;
  overflow-y: auto;
  width: 454px;
  height: 247px;
  display: inline-block; }

.emnekombTre .ui-tree-toggler {
  display: none; }

.emnekombTre .ui-treenode-leaf-icon {
  display: none; }

.emnekombTre .ui-tree {
  margin-bottom: 20px;
  width: auto;
  word-wrap: break-word; }

.emnekombTre ul.ui-tree-container {
  overflow: hidden; }

.emnekombTre .skalKunneTogglesContainer {
  display: inline; }

.emnekombTre .vis-mer {
  padding-right: 30px;
  /* fordi det ligger en img-tag og ønsker å gjøre klikkeflaten større siden ikke kan klikke på img-tag */ }

.emnebeskrivelse {
  margin-bottom: 15px; }

dl.emnekombinfo-name-value-list {
  display: table; }

dl.emnekombinfo-name-value-list div {
  display: table-row; }

.emnekombinfo-name-value-list dt,
.emnekombinfo-name-value-list dd {
  display: table-cell; }

.emnekombinfo-name-value-list dt {
  font-size: 13px;
  text-transform: uppercase;
  padding-right: 10px;
  /* pga grådig css-regel i _meldinger.scss*/
  float: none;
  margin-left: 0;
  width: auto; }

.emnekombinfo-name-value-list dd {
  float: none;
  /* pga grådig css-regel i _meldinger.scss*/
  text-align: right; }

.emnekombinfo-name-value-list dd.status {
  padding-right: 4px; }

.emnekombinfo-status {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase; }

.emneinfo {
  padding-top: 5px; }

@media (max-width: 768px) {
  .emnekombTre .ui-tree .ui-tree-container {
    overflow: scroll; } }
.statusOgOversiktKnapp {
  overflow-x: hidden;
  overflow-wrap: normal;
  white-space: normal;
  text-align: left;
  margin-left: 2px;
  margin-right: 2px; }

#emnekombTreWrapper .ui-treenode-children {
  margin: 0 0 0 10px;
  padding: 0; }

.width120 {
  margin-bottom: 0px;
  min-width: 120px; }

.forceNoFloat {
  float: none !important; }

.marginLeftRight {
  margin: 0 10px 0 16px; }

.prioritering {
  height: 47px;
  padding-bottom: 5px; }

.prioritering .visningsnavn {
  display: inline-block;
  padding-right: 5px;
  margin-bottom: 0;
  width: 400px; }

.prioriteringsinnhold {
  padding: 12px 0 12px 20px; }

.enEmneprioritering {
  padding: 5px 5px 0; }

.enEmneprioritering .emne {
  display: inline-block; }

.enEmneprioritering .termin {
  display: inline-block;
  vertical-align: top;
  padding-left: 15px; }

.valgbareEmnerMargin {
  margin-top: 15px; }

.emneprioriteringKnapp {
  width: 100px; }

.emnekombHeader {
  box-sizing: content-box;
  background-color: #f1f1f1;
  border-left: 1px solid #caced5;
  border-top: 1px solid #caced5;
  border-right: 1px solid #caced5;
  padding: 8px 15px 7px; }

.emnekombTittel {
  background-color: #f1f1f1;
  border: 1px solid #caced5;
  padding: 8px 15px 7px;
  font-size: 14px;
  font-weight: bold;
  text-align: left; }

.col1EmneIPlan {
  vertical-align: top;
  width: 320px; }

.col2Emnepoeng {
  vertical-align: top;
  width: 45px; }

.col3Emneinfo {
  vertical-align: top;
  width: 510px; }

[id$='\:emnekombIPlan'] thead {
  display: none; }

[id$='\:emnekombIPlan'] tr:last-child td {
  border-bottom: 0px; }

[id$='\:terminEmnerIPlanWrapper'] > div:last-of-type {
  border-bottom: 1px solid #caced5; }

.fuupKnapp {
  display: inline-block;
  background-color: #3d8815;
  border: 1px solid #308113;
  border-radius: 3px;
  max-width: 325px;
  width: 100%;
  padding: 32px;
  margin-left: 20px;
  margin-top: 0px;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  text-align: center;
  white-space: normal;
  float: none; }
  @media screen and (max-width: 500px) {
    .fuupKnapp {
      margin-left: 0; } }

.fuupKnapp:hover {
  background-color: #4b9e1a; }

.erstatningForKnapp {
  height: 28px; }

.leggTilEmner {
  padding-top: 20px; }

.innholdPrioritering {
  padding: 8px;
  padding-left: 12px; }

.extraMarginRight {
  margin-right: 10px; }

.h2 {
  font-size: 22px;
  margin: 0 0 10px 0;
  padding: 12px 0 0 0;
  color: #222;
  font-weight: bold; }

.utdanningsplan h1 {
  padding: 20px;
  padding-bottom: 0; }

.textAlignRightVertAlignTop {
  text-align: right !important;
  vertical-align: top; }

.verticalAlignTop {
  vertical-align: top; }

.pameldingBoks {
  padding-bottom: 5px;
  padding-top: 4px; }

.pameldingKnapp {
  margin-right: 20px; }

.pameldingKnappFloatRight {
  float: right; }

.pameldingTekst {
  display: block;
  padding-top: 4px;
  font-weight: bold; }

.pameldingTekstHeading {
  font-size: 14px;
  margin-bottom: 2px;
  padding-top: 4px; }

.meldingKnapp {
  width: 150px; }

.meldingInnhold {
  display: inline-block;
  width: 100%; }

.emneKnapp {
  width: 180px; }

.emneTabell {
  width: 970px; }

[id$='studieoversikt'] {
  margin: -1px; }

.marginBot5 {
  margin-bottom: 5px; }

.marginBot40 {
  margin-bottom: 40px; }

.fellesMelding {
  float: right;
  margin: 10px 20px 10px 0; }

.tabellSoO {
  width: 96%; }

.boks {
  margin-bottom: 15px;
  border: 1px solid #caced5;
  clear: both; }

.extraPadding {
  padding-bottom: 10px; }

.rettigheterLink {
  margin: 8px 0 8px 0;
  display: inline-block; }

.utdanningsplan .boks {
  border-left: 0;
  border-right: 0;
  border-top: 0; }

.utdanningsplan .boks h3 {
  padding: 0; }

.statusHeader {
  padding-bottom: 10px; }

table thead th {
  text-align: left; }

.textAlignRight,
.ui-datatable tbody td.textAlignRight,
.ui-datatable thead th.textAlignRight {
  text-align: right; }

.veivalgHeader h3 {
  padding: 0;
  margin: 0; }

.veivalg {
  padding: 0 12px 20px 0;
  margin-top: 12px; }

.veivalg img {
  vertical-align: middle; }

.veivalgDetaljer {
  vertical-align: top; }

.veivalgActions {
  margin: 10px 0;
  word-wrap: break-word;
  vertical-align: top; }

#DineVeivalg {
  padding: 0 20px 15px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #caced5; }

#DineVeivalg h4 {
  margin-bottom: 6px; }

#DineVeivalg > div.veivalg:not(:last-of-type) {
  border-bottom: 1px solid #caced5; }

.veivalgHeader.boks h3 {
  padding-top: 15px; }

.veivalgHeader.boks p {
  margin: 10px 0 0 0; }

.termin div.ui-accordion-content {
  padding: 0;
  border: 0 !important;
  overflow: hidden; }

.veivalgLink {
  font-weight: bolder;
  margin: 0 10px 0 15px;
  vertical-align: middle;
  display: inline-block; }

.veivalgBeskrivelse {
  margin-left: 10px;
  margin-right: 10px;
  width: 410px; }

.utdanningsplan {
  max-width: 970px;
  width: 100%; }

/* Overstyrer 'box-sizing: initial' i fun-default.css aht. IE */
.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
  box-sizing: content-box !important; }

.utdanningsplan div.ui-tabs-panels div.ui-tabs-panel {
  padding: 15px 18px 0; }

.utdanningsplan .tabs-panel-fyll-hele {
  margin-left: -18px !important;
  margin-right: -18px !important; }

.utdanningsplan .ui-accordion {
  width: auto !important; }

.utdanningsplan h3.ui-accordion-header {
  border-left: 0 !important;
  border-right: 0 !important; }

.utdanningsplan .termin .panel {
  width: 100%;
  padding: 0 15px 15px; }

.utdanningsplan .accordionPanelPadding {
  padding-left: 15px; }

.leggTilEmnerHeading {
  padding-top: 0; }

.spIcon {
  background: url("../img/icons_b/24x24/Coin-24x24.png") no-repeat;
  color: white;
  text-align: center; }

[id$="vurdEnhetValg"].select2-container {
  padding-right: 20px; }

.valgbareEmnerVisning.radioknapper {
  margin-bottom: 0; }

.innrykk {
  margin-left: 15px; }

.column-empty {
  display: none; }

.legg-til-emner {
  font-size: 18px;
  margin: 0 0 8px 0;
  padding: 10px 0 0 0; }

@media (max-width: 321px) {
  .ui-tabs.ui-tabs-top > .ui-tabs-nav li {
    border: none;
    clear: both; }

  .ui-tabs.ui-tabs-top > .ui-tabs-nav:after {
    height: 15px; } }
@media (max-width: 768px) {
  .utdanningsplan {
    width: 100%; }

  .utdanningsplan .tabs-panel-fyll-hele {
    margin-left: 0 !important; }

  .studieoversikt-table .ui-widget-content {
    border-bottom: 1px solid #caced5; }

  .column-empty {
    display: block; }

  .total-stp {
    display: inline-block !important; } }
.paddingTop-15 {
  padding-top: 15px; }

.valgbareEmner table {
  table-layout: auto; }

.valgbareEmner tr {
  border-bottom: 1px solid #caced5; }

@media screen and (max-width: 840px) {
  .valgbareEmner tr:nth-of-type(2n + 1) {
    background-color: #f9f8f6; } }
.studieoversikt-table > table:nth-child(n+2) > thead {
  opacity: 0; }
  .studieoversikt-table > table:nth-child(n+2) > thead > tr > th {
    padding-top: 0;
    padding-bottom: 0; }
    .studieoversikt-table > table:nth-child(n+2) > thead > tr > th > span {
      margin: 0;
      opacity: 0;
      height: 0;
      display: block; }

.statusOgOversikt-oppsummering {
  border: 1px solid #caced5; }
  .statusOgOversikt-oppsummering > td {
    font-weight: bold;
    font-size: 14px;
    text-align: right !important; }
  @media screen and (max-width: 768px) {
    .statusOgOversikt-oppsummering {
      border: none;
      text-align: left !important; }
      .statusOgOversikt-oppsummering .oppsummering-headertext {
        font-weight: bold; }
      .statusOgOversikt-oppsummering > td {
        font-weight: normal;
        text-align: left !important; } }

@media screen and (min-width: 769px) {
  .caption-table-hidden-desktop {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0); } }

@media screen and (max-width: 768px) {
  .first-table-table-header {
    display: none; } }

.statusOgOversikt-oppsummering-totalt {
  border: 1px solid #caced5;
  border-top: none;
  text-align: right;
  background: #f1f1f1; }
  .statusOgOversikt-oppsummering-totalt > p {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 15px 7px 15px;
    text-align: right;
    margin: 0; }
  @media screen and (max-width: 768px) {
    .statusOgOversikt-oppsummering-totalt {
      border-top: 1px solid #caced5;
      text-align: left; }
      .statusOgOversikt-oppsummering-totalt > p {
        text-align: left; } }

.utdanningsplan-info .emnekombTittel {
  padding: 8px 15px 7px; }
.utdanningsplan-info h4, .utdanningsplan-info h5, .utdanningsplan-info h6 {
  margin: 0;
  padding: 8px 0 7px;
  font-size: 16px; }
.utdanningsplan-info .studiepoeng-emne, .utdanningsplan-info .merknad-emne {
  margin-bottom: 5px; }
.utdanningsplan-info .oppmeldingssekvensknapp {
  padding-top: 5px; }
.utdanningsplan-info .utdanningsplan-emner-wrapper {
  margin: 0 15px;
  padding-bottom: 10px; }

.ny-linje {
  display: block; }

.utdanningsplan-info .flex-between {
  display: block; }
.utdanningsplan-info .editKnapperContainer {
  float: none;
  margin-left: 0; }
.utdanningsplan-info .pameldingKnappFloatRight {
  float: none; }

table[id$="valgbareVanligeEmnekombTable"] .width380 {
  width: 380px; }
table[id$="valgbareVanligeEmnekombTable"] .width45 {
  width: 45px; }
table[id$="valgbareVanligeEmnekombTable"] .width296 {
  width: 296px; }
table[id$="valgbareVanligeEmnekombTable"] .width80 {
  width: 80px; }

.emnekomb-per-emne {
  font-weight: normal; }

.chatForm {
  max-width: 600px; }

.mld-list {
  list-style: none;
  margin-top: 5px;
  padding: 0 16% 0 0;
  width: 87%; }

.mld-item {
  clear: both;
  margin-left: 15px; }

.mld-sendt-av {
  font-size: 13px;
  margin-bottom: 2px; }

.mld-sendt-av-hoyre {
  text-align: right; }

.mld-boks {
  border: 1px solid #caced5;
  border-radius: 8px;
  margin-bottom: 8px;
  max-width: 70%;
  padding: 12px 8px;
  position: relative; }

.mld-boks-hoyre {
  background: #b7e4ff;
  float: right; }

.mld-boks-hoyre p {
  color: #000; }

.mld-boks-hoyre::after {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #b7e4ff;
  content: '';
  height: 0;
  position: absolute;
  right: -10px;
  top: 15px;
  width: 0;
  z-index: 1; }

.mld-boks-hoyre::before {
  border-bottom: 11px solid transparent;
  border-top: 11px solid transparent;
  border-left: 11px solid #caced5;
  content: '';
  height: 0;
  position: absolute;
  right: -11px;
  top: 14px;
  width: 0; }

.mld-boks-venstre {
  background: #f1f1f1;
  float: left; }

.mld-boks-venstre::after {
  content: '';
  top: 15px;
  left: -10px;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #f1f1f1;
  z-index: 1; }

.mld-boks-venstre::before {
  border-bottom: 11px solid transparent;
  border-top: 11px solid transparent;
  border-right: 11px solid #caced5;
  content: '';
  height: 0;
  left: -11px;
  position: absolute;
  top: 14px;
  width: 0; }

.mld-send-container {
  margin-top: 10px;
  padding-left: 15px; }

.mld-boks-skriv {
  display: inline-block;
  margin-right: 8px;
  padding: 8px;
  width: 71% !important;
  /* pga FUN */ }

button.mld-send {
  margin-top: 20px;
  padding: 5px 0;
  vertical-align: top; }

.chatIcon {
  background-image: url(../img/icons_b/16x16/Chat-16x16.png); }

.chatForm .vis-mer-samtale {
  background-color: white;
  padding-top: 10px; }

@media screen and (max-width: 600px) {
  .mld-list {
    padding-right: 0;
    width: 97%; }

  mld-boks {
    max-width: 92%; }

  .mld-boks-skriv {
    display: block;
    width: 95% !important;
    /* pga FUN */ }

  button.mld-send {
    display: block;
    margin: 0 0 20px;
    width: auto; } }
footer nav {
  box-shadow: none;
  display: block;
  position: static;
  top: auto; }

footer nav form {
  margin: 0 0 10px -10px; }

footer form ul li:first-child {
  font-weight: normal; }

footer form ul li {
  display: inline-block; }

footer form ul li a {
  color: #0f6a88;
  background: none;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
  padding: 0 10px;
  text-align: center; }

footer form ul li a:focus,
footer form ul li a:hover {
  background-color: #ccc;
  color: #222;
  text-decoration: none;
  outline: 2px solid #2277ff; }

.footerNavContainer ul {
  line-height: 2; }

body > footer ul,
body > footer #cookie_sticky {
  margin-left: 0;
  padding-left: 0; }