@charset "UTF-8";
/* Primary color */
/* Secondary color */
/* Greyscales */
/* Status colors */
/* Success */
/* Warning */
/* Error */
/* Background & Shadow */
:root {
  --inst-primary-main: #0A4260;
  --inst-primary-light: #D2E8F2;
  --inst-primary-dark: #0C354A;
  --inst-primary-900: #062535;
  --inst-primary-800: #0A3043;
  --inst-primary-700: #0C354A;
  --inst-primary-600: #20465A;
  --inst-primary-500: #0A4260;
  --inst-primary-400: #295D79;
  --inst-primary-300: #5E91AC;
  --inst-primary-200: #A7CFE3;
  --inst-primary-100: #D2E8F2;
  --inst-primary-50: #E7F0F4;
  --inst-primary-25: #F0F3F4;
  --inst-on-primary-light: #153344;
  --inst-on-primary-dark: #FAFCFD;
  --inst-secondary-main: #99D0CF;
  --inst-secondary-light: #D9EFEE;
  --inst-secondary-dark: #609D9C;
  --inst-secondary-900: #005457;
  --inst-secondary-800: #017374;
  --inst-secondary-700: #609D9C;
  --inst-secondary-600: #8ABBBA;
  --inst-secondary-500: #99D0CF;
  --inst-secondary-400: #B8DDDC;
  --inst-secondary-300: #BEE2E2;
  --inst-secondary-200: #D3EBEA;
  --inst-secondary-100: #D9EFEE;
  --inst-secondary-50: #E2F1F0;
  --inst-secondary-25: #EBF3F2;
  --inst-on-secondary-light: #011414;
  --inst-on-secondary-dark: #FCFDFD;
  --inst-greyscale-900: #1A1A1A;
  --inst-greyscale-800: #292929;
  --inst-greyscale-700: #333333;
  --inst-greyscale-600: #4D4D4D;
  --inst-greyscale-500: #666666;
  --inst-greyscale-400: #808080;
  --inst-greyscale-300: #999999;
  --inst-greyscale-200: #B3B3B3;
  --inst-greyscale-100: #E6E6E6;
  --inst-greyscale-50: #F2F2F2;
  --inst-greyscale-25: #FCFDFD;
  --inst-default-dark: #1A1A1A;
  --inst-dark: #4D4D4D;
  --inst-medium-dark: #999999;
  --inst-default-light: #FCFDFD;
  --inst-light: #F2F2F2;
  --inst-medium-light: #E6E6E6;
  --inst-success-900: #4B7E2B;
  --inst-success-800: #428E17;
  --inst-success-700: #4AA415;
  --inst-success-600: #52BB11;
  --inst-success-500: #53BD11;
  --inst-success-400: #6AC339;
  --inst-success-300: #80CB55;
  --inst-success-200: #94D36E;
  --inst-success-100: #A7DA87;
  --inst-success-50: #B9E29F;
  --inst-success-25: #DCF1CE;
  --inst-success-main: #53BD11;
  --inst-success-light: #A7DA87;
  --inst-success-dark: #4AA415;
  --inst-warning-900: #977717;
  --inst-warning-800: #B08B1B;
  --inst-warning-700: #C99F1F;
  --inst-warning-600: #E2b323;
  --inst-warning-500: #FBC727;
  --inst-warning-400: #FBC628;
  --inst-warning-300: #FECC49;
  --inst-warning-200: #FFD262;
  --inst-warning-100: #FFD87A;
  --inst-warning-50: #FFDF91;
  --inst-warning-25: #FFE5A7;
  --inst-warning-main: #FBC727;
  --inst-warning-light: #FFD87A;
  --inst-warning-dark: #C99F1F;
  --inst-error-900: #701010;
  --inst-error-800: #821212;
  --inst-error-700: #951515;
  --inst-error-600: #A71717;
  --inst-error-500: #E2493C;
  --inst-error-400: #E75C50;
  --inst-error-300: #EA7166;
  --inst-error-200: #EC8D85;
  --inst-error-100: #EEB3AE;
  --inst-error-50: #EFC9C5;
  --inst-error-25: #F5DEDC;
  --inst-error-main: #E2493C;
  --inst-error-light: #EEB3AE;
  --inst-error-dark: #951515;
  --inst-background: #F4F9FC;
  --inst-shadow-dark: #1A1A1A;
  --inst-shadow-medium: #BDBDBD;
  --inst-shadow-light: #FAFCFD;
  --inst-font-family: "DIN Next LT Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
  --inst-sidebar-width: 263px;
  /* Bootstrap overrides */
  --bs-font-sans-serif: var(--inst-font-family);
  /* Kendo overrides */
  --kendo-color-primary: var(--inst-primary-main);
  --kendo-font-family: var(--inst-font-family);
}

@font-face {
  font-family: "DIN Next LT Pro";
  src: url("/font/din-next-lt-pro-regular.woff2") format("woff2");
}
#inst.html {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  font-family: var(--inst-font-family);
}

#inst .inst-page-header {
  font-weight: 500;
  font-size: 25px;
  line-height: 30px;
}

#inst button.btn-link {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: var(--inst-primary-400);
}

#inst button.btn-link:hover {
  color: var(--inst-primary-500);
}

#inst h1 {
  font-weight: 500;
  font-size: 25px;
  line-height: 30px;
}

#inst h2 {
  font-weight: 500;
  font-size: 20px;
  line-height: 15px;
}

#inst .inst-card-header {
  font-weight: 800;
  font-size: 25px;
  line-height: 24px;
  letter-spacing: 1px;
}

#inst .inst-popup-header {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

#inst .inst-small-header {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

#inst h3 {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

#inst .inst-body-text-1 {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

#inst .inst-body-text-2 {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}

#inst .bold {
  font-weight: 700;
}

#inst .italic {
  font-style: italic;
}

a {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}

#inst .label {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}

#inst label {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}

#inst .form-switch label {
  vertical-align: sub;
  margin-left: 8px;
}

button.rounded-pill {
  padding: 6px 18px;
}

.nav-link.rounded-pill {
  padding: 0 16px;
}

/*#inst .k-expander-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 15px;
}*/
/*main {
  background: var(--inst-background);
}*/
@media (min-width: 640px) {
  html {
    font-size: 16px;
  }
  main {
    max-width: calc(100% - var(--inst-sidebar-width));
  }
  .k-table-row {
    height: 41px;
  }
}
.k-table-row {
  height: 36px;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--inst-primary-main);
}

input[disabled], input[readonly], select[disabled], select[readonly], textarea[disabled], textarea[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed !important;
  pointer-events: all !important;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

li.deleting {
  background-color: #f2dede;
}

li.deleting button.remove-button {
  display: none;
}

li:not(.deleting) button.restore-button {
  display: none;
}

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

.k-form-error.manual-validation {
  display: none;
}

.error-state .k-form-error.manual-validation {
  display: block;
}

.error-state .k-input {
  border-color: var(--kendo-color-error);
}

.error-state .k-checkbox {
  border-color: var(--kendo-color-error);
}

.error-state .control-label {
  color: var(--kendo-color-error);
}

.inherited-message {
  color: var(--kendo-color-subtle);
  font-size: var(--kendo-font-size-xs);
}

/* nav items */
.nav-item {
  font-size: 0.9rem;
  padding-bottom: 0.5rem;
}

.nav-item:first-of-type {
  padding-top: 1rem;
}

.nav-item:last-of-type {
  padding-bottom: 1rem;
}

.nav-item .nav-link {
  background: none;
  color: var(--inst-default-dark);
  border: none;
  height: 3rem;
  display: flex;
  align-items: center;
  line-height: 3rem;
  width: 100%;
}

.nav-item a.active {
  background-color: var(--inst-primary-main);
  color: #FCFDFD;
}

.nav-item .nav-link:hover {
  background-color: var(--inst-primary-light);
  color: var(--inst-default-dark);
}

.top-row a {
  color: var(--inst-on-primary-dark);
}

.k-searchbox {
  border-radius: 30em;
}

.k-searchbox.k-grid-search {
  width: 200px;
}

#inst thead {
  background-color: var(--inst-primary-light);
}

#inst .k-grid .k-table-alt-row {
  background-color: var(--inst-light);
}

#inst .k-grid .k-table-th, #inst .k-grid td, .k-grid .k-table-td {
  border-width: 0 1px 1px 0;
  border-inline-start-width: 0;
  border-color: var(--inst-greyscale-100);
}

button {
  font-weight: 100;
}

#inst tr.k-master-row {
  height: 60px;
}

#inst .inspfield-form h2 {
  margin-top: 40px;
}

#inst .inspfield-form h3 {
  margin-top: 20px;
}

.top-row .toolbar-link {
  margin-left: 24px;
}

.top-row {
  color: white;
}

#inst .btn.btn-primary {
  color: var(--inst-on-primary-dark);
}

#inst .btn.btn-primary:hover {
  background: var(--inst-primary-light);
  border-color: var(--inst-primary-light);
  color: var(--inst-on-primary-light);
}

.fa-light, .fa-solid {
  margin: 8px;
  font-size: 16px;
}

/* TODO: Midlertidig løsning indtil solid ikoner virker */
.sidebar .fa-solid {
  display: none;
}

/*.sidebar a.nav-link.active .fa-light {
  display: none;
}
.sidebar a.nav-link:not(.active) .fa-solid {
  display: none;
}*/

/*# sourceMappingURL=site.css.map */