[slot="drawer"]:is(header,footer){display: flex;align-items: center;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-s);box-sizing: border-box}[slot="drawer"]:is(header,footer):is(:empty){display: none}header[slot="drawer"]>vaadin-drawer-toggle{margin-inline-start: auto;--vaadin-button-padding: var(--vaadin-padding-block-container) var(--vaadin-padding-xs)}vaadin-app-layout[drawer-opened]:not([overlay]) [slot~="navbar"] vaadin-drawer-toggle{display: none}html{--vaadin-dialog-padding: var(--vaadin-padding-l)}@media (min-width: 750px){html{--vaadin-dialog-padding: var(--vaadin-padding-xl)}}vaadin-dialog:not([has-title])::part(header){padding-bottom: var(--vaadin-gap-l)}vaadin-grid-sorter::part(content){text-overflow: clip}vaadin-grid::part(last-header-row-cell){text-overflow: clip}vaadin-rich-text-editor::part(toolbar-button-image){display: none}.update-log vaadin-details-summary::part(content){width: 100%}@media (min-width: 750px){image-crop.upload-image-crop img{max-width: calc(100vw - 8rem);max-height: calc(100vh - 16rem)}}vaadin-grid{width: fit-content}vaadin-grid{--vaadin-grid-row-hover-background-color: var(--vaadin-background-container)}vaadin-grid::part(invoice-state-overdue),vaadin-grid::part(invoice-state-cancelled){--vaadin-grid-cell-background-color: color-mix(in srgb,var(--aura-red) 12%,transparent)}vaadin-grid::part(active),vaadin-grid::part(invoice-state-paid){--vaadin-grid-cell-background-color: color-mix(in srgb,var(--aura-green) 10%,transparent)}vaadin-grid::part(invoice-state-delivered){--vaadin-grid-cell-background-color: color-mix(in srgb,var(--aura-blue) 8%,transparent)}vaadin-grid::part(invoice-state-partially-paid){--vaadin-grid-cell-background-color: color-mix(in srgb,var(--aura-yellow) 15%,transparent)}vaadin-grid::part(font-semibold){font-weight: var(--aura-font-weight-semibold)}vaadin-grid::part(wrap-cell-content){white-space: normal}vaadin-grid::part(not-active){color: var(--vaadin-text-color-secondary)}vaadin-grid-sorter::part(indicators){min-width: 1.3em}vaadin-grid::part(error){--vaadin-grid-cell-background-color: color-mix(in srgb,var(--aura-red) 12%,transparent)}vaadin-grid::part(align-items-start){align-items: start}vaadin-grid::part(top-padding-s){padding-top: var(--vaadin-padding-s)}vaadin-grid::part(border-none){border: none !important}vaadin-grid::part(border-top-none){border-top: none !important}vaadin-grid::part(editable-cell){cursor: pointer;--vaadin-grid-cell-background-color: color-mix(in srgb,var(--aura-accent-color) 10%,transparent)}vaadin-grid::part(editable-cell-select)::before{content: '';order: 1;flex: none;width: var(--vaadin-icon-size,1lh);height: var(--vaadin-icon-size,1lh);margin-inline: auto var(--vaadin-padding-m);background-color: var(--vaadin-text-color-secondary);mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>') center / contain no-repeat}vaadin-grid::part(editable-cell-empty-input)::before{content: '';position: absolute;inset-inline: var(--vaadin-padding-m);top: calc(50% + 0.45em);border-top: 1px solid var(--vaadin-border-color)}vaadin-grid::part(dialog-open-on-row){--vaadin-grid-cell-background-color: color-mix(in srgb,var(--aura-accent-color) 20%,transparent);font-weight: var(--aura-font-weight-semibold)}vaadin-grid::part(context-menu-open-on-row){--vaadin-grid-row-highlight-background-color: var(--vaadin-grid-row-hover-background-color)}vaadin-grid::part(disabled-row){--vaadin-grid-cell-background-color: var(--vaadin-background-container)}.invoice-state-issued{color: var(--aura-blue-text)}.invoice-state-delivered{color: var(--aura-yellow-text)}.invoice-state-overdue,.invoice-state-cancelled{color: var(--aura-red-text)}.invoice-state-partially-paid{color: var(--aura-orange-text)}.invoice-state-paid{color: var(--aura-green-text)}.invoice-state-draft,.invoice-state-pending{color: var(--vaadin-text-color-disabled)}.vaadin-select-item-disabled-color-inherit vaadin-select-item[disabled]{color: inherit}vaadin-confirm-dialog.message-width-auto::part(message){width: auto}vaadin-app-layout header .studd-logo{width: 133px;height: 77px;background-repeat: no-repeat;background-position: center;background-size: 133px;background-image: url('images/studd.png')}html[theme~='dark'] vaadin-app-layout header .studd-logo{background-image: url('images/Studd_logo-hvit 1.svg')}.menu-icon{height: var(--vaadin-icon-size,1lh);width: var(--vaadin-icon-size,1lh);mask-repeat: no-repeat;mask-position: center;background-color: var(--vaadin-icon-color,currentColor)}vaadin-side-nav-item:not([current]) .menu-icon{opacity: 0.8}.menu-icon.dashboard{mask-image: url('images/mainmenu/dashboard-grey.svg')}.menu-icon.students{mask-image: url('images/mainmenu/graa-studenter.svg')}.menu-icon.messages{mask-image: url('images/mainmenu/grey-messages.svg')}.menu-icon.subject{mask-image: url('images/mainmenu/graa-fag.svg')}.menu-icon.studyprogram{mask-image: url('images/mainmenu/graa-studieprogram.svg')}.menu-icon.teachings{mask-image: url('images/mainmenu/graa-gjennomforinger.svg')}.menu-icon.admissions{mask-image: url('images/mainmenu/graa-opptak.svg')}.menu-icon.exams{mask-image: url('images/mainmenu/graa-eksamen.svg')}.menu-icon.grades{mask-image: url('images/mainmenu/graa-grades.svg')}.menu-icon.lecturers{mask-image: url('images/mainmenu/graa-laerere.svg')}.menu-icon.diploma{mask-image: url('images/mainmenu/graa-bookmark-added.svg')}.menu-icon.settings{mask-image: url('images/mainmenu/graa-oppsett.svg')}.menu-icon.admin{mask-image: url('images/mainmenu/graa-laerere.svg')}.menu-icon.integration{mask-image: url('images/mainmenu/graa-api.svg')}.menu-icon.payments{mask-image: url('images/mainmenu/graa-payments.svg')}.menu-icon.folder_open{mask-image: url('images/mainmenu/graa-folder_open.svg')}.menu-icon.studentid{mask-image: url('images/mainmenu/graa-badge.svg')}gsym.material-symbols-outlined{&.spin-slow{animation: spin 5s linear infinite}}@keyframes spin{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}.eduPanels vaadin-details-summary::part(content){width: 100%}.eduPanels vaadin-details::part(content){padding-bottom: 0;padding-right: 0}.eduPanels vaadin-details-summary{padding: 0 0 var(--vaadin-padding-s)}.eduPanels{width: fit-content}.eduPanels .details-pane{padding-right: var(--vaadin-padding-l);padding-left: var(--vaadin-padding-xl);min-width: 700px;width: 100%;box-sizing: border-box;min-height: 48px;align-items: center;box-shadow: var(--aura-shadow-xs)}.eduPanels .details-pane,.eduPanels .panel-cell{--aura-surface-level: 4}.eduPanels .details-pane.prog-of-study-name{border-left: 10px solid var(--aura-accent-color)}.eduPanels .details-pane.diploma-group-name{border-left: 10px solid var(--aura-green)}.eduPanels .panel-rows{grid-template-columns: repeat(9,auto)}.eduPanels .panel-cell{border-bottom: 1px solid var(--vaadin-border-color);margin-bottom: var(--vaadin-gap-s);padding-right: var(--vaadin-padding-l);padding-left: var(--vaadin-padding-l);min-height: 48px;align-content: center}.eduPanels .info-cell{padding-right: 0;padding-left: 0}.eduPanels .text-align-right{text-align: right;padding-right: var(--vaadin-padding-l)}.eduPanels .text-align-center{text-align: center}.eduPanels .first-panel-cell{padding-left: var(--vaadin-padding-xl);border-left: 10px solid var(--vaadin-text-color-secondary)}.eduPanels .first-panel-cell.panel-cell-header{border-left-color: var(--vaadin-border-color)}.eduPanels vaadin-menu-bar-button[aria-haspopup]::part(suffix)::after{display: none}.eduPanels .panel-cell-header{font-weight: var(--aura-font-weight-semibold)}.eduPanels .details-pane:hover,.eduPanels .panel-cell.hover-row{background: linear-gradient(var(--vaadin-background-container),var(--vaadin-background-container)),var(--aura-surface-color-solid) padding-box}.eduPanels .panel-cell.last-moved{animation: markEduPanelChanged 2s ease forwards}.eduPanels .panel-cell.last-modified{animation: markEduPanelChanged 4s ease forwards}@keyframes markEduPanelChanged{from{background-color: var(--aura-accent-surface)}}.studyProgramStructurePage{min-width: 700px}.courseHierachyPanels vaadin-details-summary{padding: 0}.courseHierachyPanels vaadin-details-summary::part(content){width: 100%}.courseHierachyPanels vaadin-details::part(content){padding-top: 0;padding-bottom: 0;padding-right: 0}.courseHierachyPanels .details-pane{padding-left: var(--vaadin-padding-xl);border-left: 10px solid var(--aura-accent-color);min-width: 400px;align-items: center;margin-bottom: var(--vaadin-gap-s);min-height: 60px;box-shadow: var(--aura-shadow-xs)}.courseHierachyPanels .details-pane,.courseHierachyPanels .panel-rows{--aura-surface-level: 4}.courseHierachyPanels .details-pane:hover{background: linear-gradient(var(--vaadin-background-container),var(--vaadin-background-container)),var(--aura-surface-color-solid) padding-box}.courseHierachyPanels .first-panel-cell.subject{border-left-color: var(--aura-green);min-width: 0}.courseHierachyPanels .first-panel-cell.subject .text{overflow: hidden;white-space: nowrap;text-overflow: ellipsis}.courseHierachyPanels .panel-rows{border-bottom: 1px solid var(--vaadin-border-color);grid-template-columns: 3fr 1fr auto;column-gap: var(--vaadin-gap-m);width: 100%;align-items: center;margin-bottom: var(--vaadin-gap-s);min-height: 60px}.courseHierachyPanels .panel-rows:hover{background: linear-gradient(var(--vaadin-background-container),var(--vaadin-background-container)),var(--aura-surface-color-solid) padding-box}.courseHierachyPanels .panel-rows.last-moved{animation: markHierarchyPanelChanged 2s ease forwards}.courseHierachyPanels .panel-rows.last-modified{animation: markHierarchyPanelChanged 4s ease forwards}@keyframes markHierarchyPanelChanged{from{background-color: var(--aura-accent-surface)}}.courseHierachyPanels .panel-cell{padding: var(--vaadin-padding-xs) var(--vaadin-padding-xs) var(--vaadin-padding-xs) var(--vaadin-padding-l);white-space: nowrap}.courseHierachyPanels .info-cell{padding-right: 0;padding-left: 0}.courseHierachyPanels .text-align-right{text-align: right;padding-right: var(--vaadin-padding-l)}.courseHierachyPanels .text-align-center{text-align: center}.courseHierachyPanels .first-panel-cell{padding-left: var(--vaadin-padding-xl);border-left: 10px solid var(--vaadin-text-color-secondary);height: 100%;align-items: center}.courseHierachyPanels .last-panel-cell{column-gap: var(--vaadin-gap-s)}.courseHierachyPanels .last-panel-cell.grid-tempalte-cols{grid-template-columns: 1fr max-content max-content max-content max-content}.courseHierachyPanels .last-panel-cell.grid-tempalte-2-cols{grid-template-columns: auto 1fr}.courseHierachyPanels .panel-row-leaf vaadin-details-summary::part(toggle)::before{visibility: hidden}.courseHierachyPanels vaadin-menu-bar-button[aria-haspopup]::part(suffix)::after{display: none}.courseHierachyPanels .last-panel-cell .up-down-arrow:hover{font-weight: var(--aura-font-weight-semibold)}.courseHierachyPanels .last-panel-cell .reorder-arrow-container{min-height: calc(2 * 24px);max-height: calc(2 * 24px)}.courseHierachyPanels .panel-cell-header{font-weight: var(--aura-font-weight-semibold)}ul.strength{display: inline;list-style: none;padding: 0;vertical-align: 2px}.point{background-color: var(--vaadin-background-container-strong);border-radius: var(--vaadin-radius-s);display: inline-block;height: 5px;margin-right: var(--vaadin-gap-xs);width: 20px;&:last-child{margin: 0}}.point.level1{background-color: var(--aura-red)}.point.level2{background-color: var(--aura-orange)}.point.level3{background-color: var(--aura-yellow)}.point.level4{background-color: color-mix(in srgb,var(--aura-green) 60%,var(--aura-yellow))}.point.level5{background-color: var(--aura-green)}.smooth-panel-transition :is(vaadin-details,vaadin-accordion-panel){display: grid;grid-template-rows: min-content 0fr;transition: grid-template-rows 400ms}.smooth-panel-transition :is(vaadin-details,vaadin-accordion-panel)[opened]{grid-template-rows: min-content 1fr}.smooth-panel-transition :is(vaadin-details,vaadin-accordion-panel)::part(content){display: block;min-height: 0;transition: visibility 400ms,opacity 400ms}.smooth-panel-transition :is(vaadin-details,vaadin-accordion-panel):not([opened])::part(content){visibility: hidden;pointer-events: none;opacity: 0}:root{--current-color-select-value: unset}.studd-messages{.messages-container{.messages{.message-list{.message-listing{--aura-surface-level: 4;--aura-surface-opacity: 0.7;&:hover:not(.active){background: linear-gradient(var(--vaadin-background-container),var(--vaadin-background-container)),var(--aura-surface-color) padding-box}&.active{outline: 1px solid var(--aura-accent-color);outline-offset: -1px;.creator-name{color: var(--aura-accent-text-color)}}&.not-read{box-shadow: inset 4px 0 0 0 var(--aura-accent-color);.creator-name{font-weight: var(--aura-font-weight-semibold)}}}}}}.message-thread-accordion{vaadin-details{--aura-surface-level: 4;border-radius: var(--vaadin-radius-m);&::part(content){margin-inline-start: 0}vaadin-details-summary::part(content){flex: 1 1 auto;min-width: 0}&[opened]{vaadin-accordion-heading{pointer-events: none}}vaadin-details-summary{&::part(toggle){display: none}}}}}.message-content{line-height: var(--aura-base-line-height);:is(h1,h2,h3,h4,h5,h6){line-height: normal;text-wrap: wrap}}.message-tags-style{vaadin-multi-select-combo-box-chip::part(label){display: flex;align-items: center}}.message-tags-style vaadin-multi-select-combo-box-chip[slot="chip"]::part(label)::before,.message-tags-style-overlay vaadin-multi-select-combo-box-scroller .tag-icon-svg{content: '';display: inline-block;margin-right: var(--vaadin-gap-xs);width: 22px;height: 13px;mask-image: url('images/message-tag.svg');mask-repeat: no-repeat;mask-size: contain}vaadin-rich-text-editor::part(toolbar-button-attachment)::before{mask-image: url('images/file-ic-attachment-copy.svg');mask-size: auto var(--vaadin-icon-visual-size,100%)}.message-tags-style-overlay vaadin-combo-box .tag-icon-svg{height: 1rem;mask-image: url('images/message-tag.svg');mask-repeat: no-repeat;mask-size: contain}vaadin-combo-box.message-tags-style>input{background-color: var(--current-color-select-value);mask-image: url('images/message-tag.svg');mask-repeat: no-repeat;mask-position: 0 center;mask-size: auto 1rem;caret-color: transparent;color: transparent}vaadin-rich-text-editor.minimal-rte-editor{&::part(toolbar-group-history),&::part(toolbar-group-style),&::part(toolbar-group-rich-text),&::part(toolbar-group-block),&::part(toolbar-group-alignment),&::part(toolbar-group-glyph-transformation),&::part(toolbar-group-format),&::part(toolbar-button-strike),&::part(toolbar-button-clean),&::part(toolbar-button-subscript),&::part(toolbar-button-superscript){display: none}}vaadin-rich-text-editor.rte-hide-toolbar::part(toolbar){display: none}.studd-student{.student-card{--aura-surface-level: 4;border-radius: var(--vaadin-radius-m);box-shadow: var(--aura-shadow-xs);.student-card{background: var(--vaadin-background-container) padding-box;box-shadow: none}}vaadin-details-summary::part(content){flex: 1 1 auto;min-width: 0}.detailsToggleIconToTop{vaadin-details-summary::part(toggle){align-self: self-start}}footer[slot="drawer"]{margin-top: auto}.student-info-box{background: light-dark(#e1edff,var(--aura-accent-surface)) padding-box;border-radius: var(--vaadin-radius-m)}.dashboard-nav{--vaadin-icon-size: 1.5rem;>vaadin-button{--vaadin-button-background: var(--aura-surface-color-solid);--vaadin-button-border-color: transparent;--vaadin-button-text-color: var(--vaadin-text-color);--vaadin-button-padding: var(--vaadin-padding-s) var(--vaadin-padding-m);--vaadin-button-gap: 0 var(--vaadin-gap-m);min-height: 4rem;&::part(label){flex: 1 1 auto;text-align: start}&::part(prefix),&::part(suffix){color: var(--aura-accent-color)}}.menu-icon{mask-size: contain}}.application-drop-zone{border: 2px dashed var(--aura-accent-color);border-radius: var(--vaadin-radius-m);&.v-drag-over-target{--aura-accent-color-light: var(--aura-green);--aura-accent-color-dark: var(--aura-green);--aura-accent-color: light-dark(var(--aura-accent-color-light),var(--aura-accent-color-dark));border-style: solid}}vaadin-button.plan-approval-button[disabled]::part(label){color: inherit}}:root{--sat: env(safe-area-inset-top,0px);--sar: env(safe-area-inset-right,0px);--sab: env(safe-area-inset-bottom,0px);--sal: env(safe-area-inset-left,0px)}.safe-area{padding: var(--sat) var(--sar) var(--sab) var(--sal);box-sizing: border-box}