/*! jQuery UI - v1.12.0 - 2016-07-20
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  /* support: IE8 */
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}
/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}
/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc(100% - 2.4em);
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}
.ui-checkboxradio-disabled {
  pointer-events: none;
}
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}
.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}
.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}
.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}
.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}
.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}
.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}
.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}
.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}
.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}
body .ui-tooltip {
  border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}
.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}
.ui-widget-content a {
  color: #333333;
}
.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}
.ui-widget-header a {
  color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}
.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}
.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: alpha(opacity=35);
  /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}
/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-caret-1-n {
  background-position: 0 0;
}
.ui-icon-caret-1-ne {
  background-position: -16px 0;
}
.ui-icon-caret-1-e {
  background-position: -32px 0;
}
.ui-icon-caret-1-se {
  background-position: -48px 0;
}
.ui-icon-caret-1-s {
  background-position: -65px 0;
}
.ui-icon-caret-1-sw {
  background-position: -80px 0;
}
.ui-icon-caret-1-w {
  background-position: -96px 0;
}
.ui-icon-caret-1-nw {
  background-position: -112px 0;
}
.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}
.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
  background-color: #000000;
  /* Fallback color */
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* support: IE8 */
}
.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}

.file-aktivitetsplanlaegning-less {
  color: blue;
}
.display-grid-aktivitetsplan-oversigt {
  display: grid;
  min-width: calc(390px + 575px + 100px);
  width: 98vw;
  margin-top: 0.5rem;
  grid-template-columns: minmax(auto, 2fr) 575px;
  grid-template-rows: auto;
  grid-template-areas: 'visning details';
  grid-column-gap: 0.875rem;
  align-items: start;
  min-height: 150px;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container {
  grid-area: visning;
  overflow-x: hidden;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender {
  background-color: transparent;
  display: inline-grid;
  justify-content: start;
  grid-template-areas: 'entity kalender' ' entity indhold';
  font-size: 0.9em;
  max-height: 68vh;
  max-width: calc(98vw - 575px - 100px);
  width: 100%;
  min-width: 390px;
  overflow-x: auto;
  padding: 0 1px 1px 0;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender.aktivitetplan-visning-kalender-kortsigtet .aktivitetsplan-visning-indhold-container,
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender.aktivitetplan-visning-kalender-kortsigtet .aktivitetsplan-visning-kalender-container .aktivitetsplan-year-container,
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender.aktivitetplan-visning-kalender-kortsigtet .aktivitetsplan-visning-kalender-container .aktivitetsplan-month-container,
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender.aktivitetplan-visning-kalender-kortsigtet .aktivitetsplan-visning-kalender-container .aktivitetsplan-week-container {
  grid-auto-columns: 2px;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender.aktivitetplan-visning-kalender-langsigtet .aktivitetsplan-visning-indhold-container,
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender.aktivitetplan-visning-kalender-langsigtet .aktivitetsplan-visning-kalender-container .aktivitetsplan-year-container,
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender.aktivitetplan-visning-kalender-langsigtet .aktivitetsplan-visning-kalender-container .aktivitetsplan-month-container,
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender.aktivitetplan-visning-kalender-langsigtet .aktivitetsplan-visning-kalender-container .aktivitetsplan-week-container {
  grid-auto-columns: 2px;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender.dragging .aktivitetsplan-visning-week-in-entity-interval.aktivitetsplan-visning-indhold-selected {
  z-index: 3 !important;
  background-color: transparent !important;
  background: transparent !important;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container {
  grid-area: entity;
  display: inline-grid;
  position: sticky;
  left: 0;
  background-color: white;
  grid-template-rows: 22px 21px 21px;
  z-index: 1001;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container > div:nth-child(1) {
  top: 0;
  position: sticky;
  border-top: 1px solid;
  border-color: #c1c7ce;
  background-color: white;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-entity,
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-top-header,
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-empty-entity {
  text-wrap: nowrap;
  border-left: 1px solid;
  padding: 0 5px 0 5px;
  border-color: #c1c7ce;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-entity:hover,
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-top-header:hover,
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-empty-entity:hover {
  background-color: #cae6ff;
  color: #001e2f;
  cursor: pointer;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-top-header {
  height: calc(100% - 2px);
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-top-header > div {
  font-size: small;
  font-weight: bold;
  min-width: 12rem;
  text-align: left;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-entity.aktivitetsplan-visning-entity-selected {
  outline: solid;
  outline-width: 2px;
  outline-offset: -2px;
  outline-color: #fb910b;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-entity:focus:not(.aktivitetsplan-visning-entity-selected) {
  outline: unset;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-entity .prepend-fonticon-uddannelsesforloeb:hover::before {
  color: #001e2f;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-entity.highlight-light-hold {
  background-color: #f1ffcd;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-entity.highlight-incomplete-hold {
  background-color: #ffb877;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-entity-highlighted {
  background-color: #d3e5f5;
  color: #0c1d29;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-entity-highlighted.prepend-fonticon-uddannelsesforloeb::before {
  color: #0c1d29;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity {
  font-size: small;
  font-weight: bold;
  border-left: 1px solid;
  border-color: #c1c7ce;
  height: 30px;
  align-content: center;
  text-align: left;
  padding-left: 5px;
  border-right: 0px;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity.allow_sorting > span {
  cursor: pointer;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="None"] {
  display: flex;
  align-items: center;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="None"]::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="None"]:active::before,
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="None"]:focus::before {
  opacity: 0.88;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="None"]:hover::before {
  opacity: 0.92;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="None"][disabled="disabled"]::before {
  opacity: 0.62;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="None"][disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="None"].large::before {
  font-size: 2rem;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="None"]::before {
  content: "keyboard_arrow_right";
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="Descending"] {
  display: flex;
  align-items: center;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="Descending"]::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="Descending"]:active::before,
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="Descending"]:focus::before {
  opacity: 0.88;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="Descending"]:hover::before {
  opacity: 0.92;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="Descending"][disabled="disabled"]::before {
  opacity: 0.62;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="Descending"][disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="Descending"].large::before {
  font-size: 2rem;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="Descending"]::before {
  content: "keyboard_arrow_down";
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="Ascending"] {
  display: flex;
  align-items: center;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="Ascending"]::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="Ascending"]:active::before,
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="Ascending"]:focus::before {
  opacity: 0.88;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="Ascending"]:hover::before {
  opacity: 0.92;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="Ascending"][disabled="disabled"]::before {
  opacity: 0.62;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="Ascending"][disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="Ascending"].large::before {
  font-size: 2rem;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity > span[data-sort-direction="Ascending"]::before {
  content: "keyboard_arrow_up";
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-kalender-container {
  grid-area: kalender;
  display: inline-grid;
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 1000;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-kalender-container .aktivitetsplan-year-container {
  display: inline-grid;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-kalender-container .aktivitetsplan-year-container .aktivitetsplan-visning-year {
  border-top: 1px solid;
  border-color: #c1c7ce;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  font-size: 0.916rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-kalender-container .aktivitetsplan-month-container {
  display: inline-grid;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-kalender-container .aktivitetsplan-month-container .aktivitetsplan-visning-month {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  font-size: 0.916rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-kalender-container .aktivitetsplan-week-container {
  display: inline-grid;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-kalender-container .aktivitetsplan-week-container .aktivitetsplan-visning-week {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  font-size: 0.916rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-kalender-container .aktivitetsplan-week-container .aktivitetsplan-visning-week.aktivitetsplan-visning-week-highlighted {
  background-color: #d3e5f5;
  color: #0c1d29;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container {
  grid-area: indhold;
  display: inline-grid;
  background-color: transparent;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element) {
  display: inline-grid;
  align-content: center;
  justify-content: start;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-invisible-drag-drop {
  background-color: #cae6ff;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-color: transparent;
  z-index: 0;
  user-select: none;
  user-drag: none;
  will-change: z-index, background-color, background, border-color;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-invisible-drag-drop.drop-over {
  z-index: 3;
  background-color: royalBlue !important;
  background: royalBlue !important;
  border-color: #c1c7ce;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element):not(.aktivitetsplan-visning-invisible-drag-drop) {
  z-index: 1;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).drop-over:not(.aktivitetsplan-visning-invisible-drag-drop) {
  background-color: royalBlue !important;
  background: royalBlue !important;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-color: #c1c7ce;
  z-index: 2;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element):hover:not(.aktivitetsplan-visning-week-title) {
  background: none;
  background-color: #cae6ff;
  color: #001e2f;
  cursor: pointer;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element):focus {
  outline: unset;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-indhold-selected,
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-indhold-highlighted {
  outline: solid;
  outline-width: 2px;
  outline-offset: -2px;
  outline-color: #fb910b;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-week-in-entity-interval {
  background-color: #acedff;
  padding-left: 2px;
  padding-right: 2px;
  position: relative;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-week-in-entity-interval:not([title=""]) {
  cursor: help;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-week-in-entity-interval[data-entityid]:not([data-entityid=""]) {
  cursor: pointer;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-week-in-entity-interval.highlight-light-hold {
  background-color: #f1ffcd;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-week-in-entity-interval.highlight-incomplete-hold {
  background-color: #ffb877;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-week-in-entity-interval.extends-left::before,
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-week-in-entity-interval.extends-right::after {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  vertical-align: text-bottom;
  font-size: 1.2rem;
  width: 10px;
  line-height: 120%;
  position: absolute;
  height: 100%;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-week-in-entity-interval.extends-left {
  padding-left: 8px;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-week-in-entity-interval.extends-left::before {
  content: 'keyboard_arrow_left';
  text-align: left;
  direction: rtl;
  left: 1px;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-week-in-entity-interval.extends-right {
  padding-right: 8px;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-week-in-entity-interval.extends-right::after {
  content: 'keyboard_arrow_right';
  text-align: right;
  right: 2px;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-entity-belastning {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  font-size: 0.916rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-entity-belastning:not([title=""]) {
  cursor: help;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-entity-belastning:not([title=""]):hover {
  opacity: 0.8;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-entity-belastning[data-entityid]:not([data-entityid=""]) {
  cursor: pointer;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-entity-belastning.aktivitetsplan-visning-entity-belastning-very-high {
  background-color: #fc5d4f;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-entity-belastning.aktivitetsplan-visning-entity-belastning-very-high.aktivitetsplan-visning-partial-lukke-week {
  background: linear-gradient(45deg, #f0f0f3 0% 10%, #fc5d4f 10% 20%, #f0f0f3 20% 30%, #fc5d4f 30% 40%, #f0f0f3 40% 50%, #fc5d4f 50% 60%, #f0f0f3 60% 70%, #fc5d4f 70% 80%, #f0f0f3 80% 90%, #fc5d4f 90% 100%);
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-entity-belastning.aktivitetsplan-visning-entity-belastning-high {
  background-color: #fdf2c3;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-entity-belastning.aktivitetsplan-visning-entity-belastning-high.aktivitetsplan-visning-partial-lukke-week {
  background: linear-gradient(45deg, #f0f0f3 0% 10%, #fdf2c3 10% 20%, #f0f0f3 20% 30%, #fdf2c3 30% 40%, #f0f0f3 40% 50%, #fdf2c3 50% 60%, #f0f0f3 60% 70%, #fdf2c3 70% 80%, #f0f0f3 80% 90%, #fdf2c3 90% 100%);
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-entity-belastning.aktivitetsplan-visning-entity-belastning-very-low {
  background-color: #fc5d4f;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-entity-belastning.aktivitetsplan-visning-entity-belastning-very-low.aktivitetsplan-visning-partial-lukke-week {
  background: linear-gradient(45deg, #f0f0f3 0% 10%, #fc5d4f 10% 20%, #f0f0f3 20% 30%, #fc5d4f 30% 40%, #f0f0f3 40% 50%, #fc5d4f 50% 60%, #f0f0f3 60% 70%, #fc5d4f 70% 80%, #f0f0f3 80% 90%, #fc5d4f 90% 100%);
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-entity-belastning.aktivitetsplan-visning-entity-belastning-low {
  background-color: #fdf2c3;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-entity-belastning.aktivitetsplan-visning-entity-belastning-low.aktivitetsplan-visning-partial-lukke-week {
  background: linear-gradient(45deg, #f0f0f3 0% 10%, #fdf2c3 10% 20%, #f0f0f3 20% 30%, #fdf2c3 30% 40%, #f0f0f3 40% 50%, #fdf2c3 50% 60%, #f0f0f3 60% 70%, #fdf2c3 70% 80%, #f0f0f3 80% 90%, #fdf2c3 90% 100%);
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-partial-lukke-week {
  background: linear-gradient(45deg, #f0f0f3 0% 10%, white 10% 20%, #f0f0f3 20% 30%, white 30% 40%, #f0f0f3 40% 50%, white 50% 60%, #f0f0f3 60% 70%, white 70% 80%, #f0f0f3 80% 90%, white 90% 100%);
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-lukke-week {
  background-color: #f0f0f3;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > DIV:not(.drag-element).aktivitetsplan-visning-week-title {
  height: 30px;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-indhold-container > div,
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container > div,
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-kalender-container > div > div {
  border-right: 1px solid;
  border-bottom: 1px solid;
  text-align: center;
  align-self: center;
  height: 20px;
  border-color: #c1c7ce;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-week span {
  margin-top: 2px;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-week:nth-child(even) span {
  /*transform: rotate(-90deg);*/
  color: transparent;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-detailes {
  grid-area: details;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-detailes .ls-aktivitetsplan-detailes-uf-hold {
  max-height: 60vh;
  overflow-y: auto;
  padding-right: 0.5rem;
  margin-bottom: 0.2rem;
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-detailes .ls-aktivitetsplan-detailes-uf-hold-search input {
  width: 100%;
  min-width: 18em;
}
.aktivitetsplaninfo-hold {
  appearance: none;
  background-color: #ffffff;
  box-sizing: border-box;
  padding-top: 0.083em;
  padding-right: 0.25em;
  padding-bottom: 0.083em;
  padding-left: 0.25em;
  min-height: 1.75em;
  cursor: text;
  outline: none;
  background-image: none;
  cursor: pointer;
  overflow: auto;
  border: 1px solid #c1c7ce;
  border-radius: 0.25em;
  height: 200px;
  width: 18em;
}
/****** AktplanOversigt ********/
.ls-aktplanoversigt-colorbox {
  height: 1.5rem;
  width: 1.5rem;
  margin-bottom: 1.2rem;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}
.file-aktivitetsplanlaegning-less-end {
  color: blue;
}

.file-historik-less {
  color: blue;
}
/*
@color_lectio_Sky1: #dce9f5;
@color_lectio_Sky2: #cad5e0;
@color_lectio_Violet1: #dfdcf5;
@color_lectio_Violet2: #cdcae0;
@color_lectio_Grass1: #dcf5dc;
@color_lectio_Grass2: #cae0ca;
@color_lectio_Ocean: #dcf5f5;
@color_lectio_Sand: #f5f3dc;
@color_lectio_DarkGreen: #339900;
	*/
svg .zoom {
  cursor: move;
  fill: transparent;
  pointer-events: all;
}
svg .btn {
  stroke: black;
  stroke-width: 0.5pt;
  cursor: pointer;
}
svg .btn:not(:hover) {
  fill: transparent;
}
svg .btn:hover {
  fill: lightblue;
  fill-opacity: 0.5;
}
svg .main {
  clip-path: url(#clip);
}
svg .main .labeltext {
  fill: black;
  font-size: 14pt;
  opacity: 1;
}
svg .main .box {
  stroke: black;
  stroke-width: 0.2pt;
}
svg .main .box text {
  stroke-width: 0;
}
svg .main .box text.nonClickable {
  pointer-events: none;
}
svg .main .box:hover {
  stroke-width: 0.4pt;
}
svg .main rect {
  rx: 2;
  ry: 2;
}
svg .main rect.udd.lectioControlled {
  fill: #dce9f5;
}
svg .main rect.udd.nonLectioControlled {
  fill: #cad5e0;
}
svg .main rect.elevhist.lectioControlled {
  fill: #dce9f5;
}
svg .main rect.elevhist.nonLectioControlled {
  fill: #cad5e0;
}
svg .main rect.aftale.lectioControlled {
  fill: #dfdcf5;
}
svg .main rect.aftale.nonLectioControlled {
  fill: #cdcae0;
}
svg .main rect.skoleforloeb.lectioControlled {
  fill: #dcf5dc;
}
svg .main rect.skoleforloeb.nonLectioControlled {
  fill: #cae0ca;
}
svg .main rect.xprselevtype {
  fill: darkkhaki;
  fill: #f5f3dc;
}
svg .main rect.skolePraktik.isNotInSchool {
  fill: white;
}
svg .main rect.skolePraktik.isInSchool {
  fill: #dcf5f5;
}
svg .main rect.skolePraktik.isTransparent {
  fill: transparent;
  pointer-events: none;
}
svg .main rect.pause {
  fill: orange;
  opacity: 0.2;
}
svg .main rect.pause:hover {
  opacity: 0.4;
}
svg .main .todayLine {
  stroke: #006493;
  stroke-width: 1pt;
}
svg .main .todayLineZoom {
  stroke: #006493;
  stroke-width: 1pt;
}
svg .main .xAxis line {
  stroke: gray;
}
svg .main .xAxis text {
  fill: gray;
}
svg .main .xAxis .domain {
  stroke: gray;
}
svg .main .xAxis .axis {
  font-size: 10pt;
  font-family: Helvetica neue, Helvetica, sans-serif;
}
svg .main .xAxis .axis.month,
svg .main .xAxis .axis.year {
  font-size: 8pt;
  opacity: 1;
  font-family: Helvetica neue, Helvetica, sans-serif;
}
.overview {
  fill: #339900;
}
.toolTip {
  position: absolute;
  display: none;
  min-width: 80px;
  height: auto;
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #6F257F;
  padding: 14px;
  z-index: 10;
  text-align: center;
}
.file-historik-less-end {
  color: blue;
}

.file-lectiofloatingscroll-less {
  color: blue;
}
.fl-scrolls {
  overflow: auto;
  position: fixed;
}
.fl-scrolls,
.fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
  z-index: 1;
}
.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}
.fl-scrolls div::before {
  content: "\A0";
  /* fixes #6 */
}
.fl-scrolls[data-orientation="horizontal"],
.fl-scrolls:not([data-orientation]) {
  /* handling cases with no data attribute for backward compatibility */
  bottom: 0;
  min-height: 17px;
  /* based on https://codepen.io/sambible/post/browser-scrollbar-widths (fixes Amphiluke/handy-scroll#3) */
}
.fl-scrolls[data-orientation="horizontal"] div,
.fl-scrolls:not([data-orientation]) div {
  height: 1px;
}
.fl-scrolls[data-orientation="vertical"] {
  right: 0;
  min-width: 17px;
}
.fl-scrolls[data-orientation="vertical"] div {
  width: 1px;
}
.fl-scrolls-hidden.fl-scrolls[data-orientation="horizontal"],
.fl-scrolls-hidden.fl-scrolls:not([data-orientation]) {
  bottom: 9999px;
}
.fl-scrolls-hidden.fl-scrolls[data-orientation="vertical"] {
  right: 9999px;
}
.fl-scrolls-hidden div::before {
  content: "\A0\A0";
  /* changing content fixes eventual bug with widget re-rendering in Chrome */
}
.fl-scrolls-viewport {
  position: relative;
}
.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}
.fl-scrolls-viewport .fl-scrolls[data-orientation="horizontal"],
.fl-scrolls-viewport .fl-scrolls:not([data-orientation]) {
  left: 0;
}
.fl-scrolls-viewport .fl-scrolls[data-orientation="vertical"] {
  top: 0;
}
.fl-scrolls-body {
  overflow: auto;
}
.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}
.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s ease 0.3s;
}
.file-lectiofloatingscroll-less-end {
  color: blue;
}

.file-skemaforside-less {
  color: red;
  /*  marker, not meant to be used. */
}
/* skemascenarie contextmenu */
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li[data-command=""],
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li .external-link {
  background-color: #dde3ea;
  display: flex;
  align-items: center;
}
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li[data-command=""]::after,
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li .external-link::after {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  position: absolute;
  right: 0.5em;
  content: "";
  padding-left: 0.1em;
}
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li[data-command=""]:active::after,
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li .external-link:active::after,
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li[data-command=""]:focus::after,
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li .external-link:focus::after {
  opacity: 0.88;
}
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li[data-command=""]:hover::after,
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li .external-link:hover::after {
  opacity: 0.92;
}
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li[data-command=""][disabled="disabled"]::after,
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li .external-link[disabled="disabled"]::after {
  opacity: 0.62;
}
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li[data-command=""][disabled="disabled"]:hover::after,
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li .external-link[disabled="disabled"]:hover::after {
  opacity: 0.62;
}
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li[data-command=""].large::after,
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li .external-link.large::after {
  font-size: 2rem;
}
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li[data-command=""]::after,
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li .external-link::after {
  content: "open_in_new";
}
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li[data-command=""]:hover::after,
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li .external-link:hover::after {
  color: #ffffff;
  pointer-events: none;
}
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li .external-link .buttonlink {
  width: 100%;
}
body:has(.display-grid-skemaforside) .lec-context-menu > ul > li .external-link .buttonlink a {
  margin-right: 2.4em;
}
.ls-toolbar-scenario {
  position: sticky;
  top: 0;
  z-index: 2;
  min-width: 10rem;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 0.5rem;
  overflow-x: auto;
  flex-wrap: nowrap;
  border-bottom: solid 1px #ddd;
}
.ls-toolbar-scenario .ls-std-rowblock-ltr {
  margin-bottom: 0;
}
/*@skemaforside-grid-details-width: 530px;*/
.display-grid-skemaforside {
  display: grid;
  width: 98vw;
  margin-top: 0.5rem;
  /*grid-template-columns: 240px minmax(auto, 3fr) max-content;*/
  grid-template-columns: 252px minmax(auto, 3fr) 420px;
  grid-template-rows: auto;
  grid-template-areas: 'filters skema details';
}
.display-grid-skemaforside.ls-sidepanel-toggle {
  grid-template-columns: 0 minmax(auto, 3fr) 0;
}
.display-grid-skemaforside.ls-sidepanel-toggle .grid-area-filters,
.display-grid-skemaforside.ls-sidepanel-toggle .grid-area-details {
  display: none;
}
.display-grid-skemaforside.ls-sidepanel-toggle .grid-area-skema .ls-skema-scroll-horizontal {
  width: calc(98vw - 64px);
}
.display-grid-skemaforside .grid-area-filters {
  grid-area: filters;
  margin-right: 1rem;
  overflow-x: hidden;
}
.display-grid-skemaforside .grid-area-filters option {
  vertical-align: middle;
}
.display-grid-skemaforside .grid-area-skema {
  grid-area: skema;
  border-left: solid 1px transparent;
  padding: 0.25rem;
  overflow-x: hidden;
}
.display-grid-skemaforside .grid-area-skema .ls-skema-scroll-horizontal {
  width: calc(98vw - (64px + 252px + 420px));
  overflow-x: auto;
  /* TEST scrollbar top **********/
  /*transform: rotateX(180deg);
			& >:first-child {
				transform: rotateX(-180deg);
			}*/
  /*********************************/
}
.display-grid-skemaforside .grid-area-skema .ls-skema-scroll-horizontal .s2skyggeSkemabrik a.s2ambient {
  cursor: pointer;
}
.display-grid-skemaforside .grid-area-details {
  grid-area: details;
  margin-left: 1rem;
  padding: 0.25rem;
  height: 100%;
}
.display-grid-skemaforside .grid-area-details .ls-skemabrik-credit-area {
  width: 30rem;
  overflow-x: auto;
}
.display-grid-skemaforside .grid-area-details .ls-skemabrik-credit-teacher,
.display-grid-skemaforside .grid-area-details .ls-skemabrik-credit-hold {
  min-width: 60%;
}
.display-grid-skemaforside .grid-area-details .ls-skemabrik-credit-teacher tr,
.display-grid-skemaforside .grid-area-details .ls-skemabrik-credit-hold tr {
  border-bottom: solid 1px #c1c7ce;
}
.display-grid-skemaforside .grid-area-details .ls-skemabrik-credit-teacher th,
.display-grid-skemaforside .grid-area-details .ls-skemabrik-credit-hold th {
  vertical-align: text-top;
  font-size: 0.9em;
  text-align: center;
}
.display-grid-skemaforside .grid-area-details .ls-skemabrik-credit-teacher td,
.display-grid-skemaforside .grid-area-details .ls-skemabrik-credit-hold td {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
.display-grid-skemaforside .grid-area-details .ls-skemabrik-credit-teacher td > span,
.display-grid-skemaforside .grid-area-details .ls-skemabrik-credit-hold td > span {
  display: block;
}
.display-grid-skemaforside .grid-area-details .ls-skemabrik-credit-teacher {
  width: 100%;
}
.display-grid-skemaforside .grid-area-details .ls-skemabrik-credit-teacher th:first-of-type {
  width: 50px;
}
.display-grid-skemaforside .grid-area-details .ls-skemabrik-changes-table {
  /*width: 30rem;*/
}
.display-grid-skemaforside .grid-area-details .ls-skemabrik-changes-table a.s2skemabrik {
  margin-bottom: 0.3em;
  max-width: 15rem;
}
.display-grid-skemaforside .grid-area-details .ls-skemabrik-changes-table a.s2skemabrik > div {
  padding: 0.15em 0 0 0.25em;
}
.display-grid-skemaforside .grid-area-details .ls-skemabrik-changes-table a.s2skemabrik.s2scenario:hover {
  cursor: default !important;
  opacity: 1;
}
.display-grid-skemaforside .grid-area-details .ls-modulregnskab-table th {
  padding: 0.4rem;
}
.display-grid-skemaforside .grid-area-details .ls-modulregnskab-table td {
  vertical-align: text-top;
  text-align: right;
  max-width: 10rem;
  white-space: pre-wrap;
  word-wrap: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  padding: 0.4rem;
}
.display-grid-skemaforside .grid-area-details .ls-modulregnskab-table td:nth-child(1),
.display-grid-skemaforside .grid-area-details .ls-modulregnskab-table td:nth-child(2) {
  text-align: left;
}
.ls-master-pageheader {
  margin-bottom: 0;
}
/*dbl.book*/
.ls-skemabrik-dblbook-student {
  background-color: #fc5d4f;
  width: 0.7rem;
  height: 0.7rem;
  color: black;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
}
.ls-skemabrik-dblbook-teacher {
  background-color: #fb910b;
  width: 0.7rem;
  height: 0.7rem;
  color: black;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
}
.ls-skemabrik-dblbook-room {
  background-color: #fbe570;
  width: 0.7rem;
  height: 0.7rem;
  color: black;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
}
/**************************************/
/* Miniskema ***************************/
.ls-miniskema {
  background-color: #ffffff;
  border-collapse: collapse;
  border-width: 1px;
  border-style: solid;
  border-color: #e2e2e5;
  margin-bottom: 1rem;
}
.ls-miniskema th {
  border-collapse: collapse;
  border-width: 1px;
  border-style: solid;
  border-color: #e2e2e5;
  padding: 0.3rem 0.5rem;
  text-align: center;
}
.ls-miniskema td {
  border-collapse: collapse;
  border-width: 1px;
  border-style: solid;
  border-color: #e2e2e5;
}
.ls-miniskema .ls-miniskema-db-container {
  display: flex;
  padding: 0.6rem 0.4rem;
  border: solid 2px transparent;
  margin: 0;
}
.ls-miniskema .ls-miniskema-position-hold {
  background-color: #cfe3fe;
  /*lyseblå baggrund*/
}
.ls-miniskema td:hover .ls-miniskema-db-container,
.ls-miniskema .ls-miniskema-position-selected {
  padding: 0.6rem 0.4rem;
  border: solid 2px #006493;
  cursor: pointer;
}
.ls-miniskema tr:hover:not(tr:first-of-type) th {
  color: #006493;
  opacity: 0.7;
}
.ls-miniskema .ls-miniskema-dblbook-none {
  width: 1rem;
  height: 1rem;
  background-color: transparent;
  /*gennemsigtig baggrund*/
  border: solid 1px transparent;
}
.ls-miniskema .ls-miniskema-dblbook-student {
  width: 1rem;
  height: 1rem;
  background-color: #fc5d4f;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
}
.ls-miniskema .ls-miniskema-dblbook-teacher {
  width: 1rem;
  height: 1rem;
  background-color: #fb910b;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
}
.ls-miniskema .ls-miniskema-dblbook-room {
  width: 1rem;
  height: 1rem;
  background-color: #fbe570;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
}
/* entity double booked******/
div.buttonlink a:link[dblBook=true] {
  color: #fc5d4f;
}
/************************************/
.ls-drag-info {
  position: absolute;
  right: 0px;
  background-color: white;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border: 1px solid #9bc9fd;
}
/* ls-prikskema-************************/
.ls-prikskema tr:nth-child(2n) {
  background-color: #f6f9ff;
}
.ls-prikskema tr > th .ls-std-rowblock > div {
  width: 1rem;
  height: 1rem;
  margin: 0.25rem;
  margin-bottom: 0.5rem;
}
.ls-prikskema tr > td {
  vertical-align: top;
  text-align: left;
}
.ls-prikskema tr > td:first-of-type {
  text-align: center;
  padding-top: 0.7rem;
}
.ls-prikskema tr > td .ls-label-block {
  height: 2rem;
  padding: 0;
  display: flex;
  align-items: center;
}
.ls-prikskema tr > td .ls-label-block > span {
  margin: 0.25rem;
  vertical-align: middle;
}
.ls-prikskema tr > td .ls-std-rowblock {
  display: flex;
  align-items: center;
  height: 2rem;
  margin: 0;
}
.ls-prikskema tr > td .ls-std-rowblock > span {
  width: 1rem;
  height: 1rem;
  border-radius: 50% 50%;
  border: solid 1px transparent;
  margin: 0.25rem;
}
.ls-prikskema tr > td .ls-std-rowblock > span.ls-prikskema-prik {
  background-color: #006493;
}
.ls-prikskema tr > td .ls-std-rowblock > span.ls-prikskema-prik:hover {
  opacity: 0.9;
}
.file-skemaforside-less-end {
  color: blue;
  /*  marker, not meant to be used. */
}
.ls-select-room-list-container {
  /*.surface-container;*/
  width: 100%;
  max-width: 15rem;
  padding: 0;
}
.ls-select-room-list-container select.ls-select-room-list {
  width: 100%;
  background-color: transparent;
  border: none;
  overflow-x: hidden;
  padding: 0;
}
.ls-select-room-list-container select.ls-select-room-list option {
  background-color: transparent;
  min-height: 1rem;
  font-size: 1rem;
  color: #006493;
  padding: 0;
  max-width: 97%;
  overflow-x: hidden;
  /*override default room icon*/
}
.ls-select-room-list-container select.ls-select-room-list option.prepend-fonticon-room {
  display: flex;
  align-items: center;
}
.ls-select-room-list-container select.ls-select-room-list option.prepend-fonticon-room::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.ls-select-room-list-container select.ls-select-room-list option.prepend-fonticon-room:active::before,
.ls-select-room-list-container select.ls-select-room-list option.prepend-fonticon-room:focus::before {
  opacity: 0.88;
}
.ls-select-room-list-container select.ls-select-room-list option.prepend-fonticon-room:hover::before {
  opacity: 0.92;
}
.ls-select-room-list-container select.ls-select-room-list option.prepend-fonticon-room[disabled="disabled"]::before {
  opacity: 0.62;
}
.ls-select-room-list-container select.ls-select-room-list option.prepend-fonticon-room[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.ls-select-room-list-container select.ls-select-room-list option.prepend-fonticon-room.large::before {
  font-size: 2rem;
}
.ls-select-room-list-container select.ls-select-room-list option.prepend-fonticon-room::before {
  content: "add";
  color: #006493;
}
.ls-select-room-list-container select.ls-select-room-list option:hover {
  opacity: 0.88;
}
.ls-select-room-list-container select.ls-select-room-list option[dblBook="True"] {
  color: #fc5d4f;
}

.file-skemauge-less {
  color: blue;
}
.display-grid-skemany {
  display: grid;
  width: 100%;
  margin-top: 0.5rem;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.display-grid-skemany .ls-skema-scroll-horizontal {
  width: 100%;
  overflow-x: auto;
  /* TEST scrollbar top **********/
  /*transform: rotateX(180deg);
			& >:first-child {
				transform: rotateX(-180deg);
			}*/
  /*********************************/
}
.display-grid-skemaforside .grid-area-skema .skemaweekContainer a.s2ambient {
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: none;
  background-color: #f0f0f3;
  border-left: solid 2px #c6c6c9;
  color: #1d5f97;
  font-style: normal;
  text-decoration: none;
}
.display-grid-skemaforside .grid-area-skema .skemaweekContainer a.s2ambient span {
  cursor: pointer;
}
.display-grid-skemany .grid-area-skema,
.display-grid-skemaforside .grid-area-skema {
  grid-area: skema;
  border-left: solid 1px transparent;
  padding: 0.25rem;
  overflow-x: hidden;
  /***** Skemauger *****/
  /************** Skemauger - visning af skemabrikker **************/
  /* expandablepanel: div-en med foerste brik og foldeknap. */
}
.display-grid-skemany .grid-area-skema .skemaweekContainer,
.display-grid-skemaforside .grid-area-skema .skemaweekContainer {
  display: -ms-inline-grid;
  display: inline-grid;
  border: 1px solid #b8c3cc;
  border-left-color: transparent;
  -ms-justify-content: start;
  justify-content: start;
  font-size: 0.9em;
  border: none;
}
.display-grid-skemany .grid-area-skema .skemaweekModuleContainer > span,
.display-grid-skemaforside .grid-area-skema .skemaweekModuleContainer > span {
  /*modulnummer*/
  display: inline-block;
  white-space: nowrap;
  color: #466c80;
  font-weight: bold;
  vertical-align: middle;
}
.display-grid-skemany .grid-area-skema .skemaweekModuleContainer[data-rowcol~=c1] > span,
.display-grid-skemaforside .grid-area-skema .skemaweekModuleContainer[data-rowcol~=c1] > span {
  cursor: pointer;
  color: #006493;
  /*primary-text*/
}
.display-grid-skemany .grid-area-skema .skemaweekModuleContainer,
.display-grid-skemaforside .grid-area-skema .skemaweekModuleContainer {
  white-space: nowrap;
  border-left: 0.1em solid #b8c3cc;
  border: 1px solid #b8c3cc;
  border-bottom: 1px solid #dce9f5;
  display: flex;
  min-width: 1em;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0.3em;
  padding-left: 0.3em;
  padding-right: 0.1em;
  padding-bottom: 0.1em;
  /* modul 'kolonne-bredde' */
  max-width: 5em;
  user-select: none;
  background-color: #ecf1f9;
  /*neutral-variant95*/
}
.display-grid-skemany .grid-area-skema .skemaweekContainer.hasCheckboxes .skemaweekModuleContainer,
.display-grid-skemaforside .grid-area-skema .skemaweekContainer.hasCheckboxes .skemaweekModuleContainer {
  justify-content: space-between;
  min-width: 2.6em;
}
.display-grid-skemany .grid-area-skema .skemaweekContainer .skemaweekModuleContainer[data-rowcol~=c1],
.display-grid-skemaforside .grid-area-skema .skemaweekContainer .skemaweekModuleContainer[data-rowcol~=c1] {
  min-width: 2.8em;
}
.display-grid-skemany .grid-area-skema .skemaweekContainer.hasCheckboxes .skemaweekModuleContainer[data-rowcol~=c1],
.display-grid-skemaforside .grid-area-skema .skemaweekContainer.hasCheckboxes .skemaweekModuleContainer[data-rowcol~=c1] {
  min-width: 4em;
}
.display-grid-skemany .grid-area-skema .skemaweekModuleContainer input[type=checkbox],
.display-grid-skemaforside .grid-area-skema .skemaweekModuleContainer input[type=checkbox] {
  margin-left: 0.2em;
}
.display-grid-skemany .grid-area-skema .skemaweekWeek,
.display-grid-skemaforside .grid-area-skema .skemaweekWeek {
  white-space: nowrap;
  text-align: center;
  /* uge 'kolonne-bredde' */
  max-width: 35em;
  cursor: pointer;
  user-select: none;
  border: none;
  padding: 0 0 0.25em 0;
  border-bottom: solid 1px #c1c7ce;
  /*outline-variant*/
  /*title-small*/
  font-weight: 500;
  font-size: 1.166rem;
  line-height: 1.666rem;
  letter-spacing: 0.008rem;
  color: #006493 /*primary-text*/;
}
.display-grid-skemany .grid-area-skema .skemaweekWeek:hover,
.display-grid-skemaforside .grid-area-skema .skemaweekWeek:hover {
  cursor: pointer;
  opacity: 0.85;
}
.display-grid-skemany .grid-area-skema .skemaweekWeekDay,
.display-grid-skemaforside .grid-area-skema .skemaweekWeekDay {
  white-space: nowrap;
  border-bottom: solid 1px #b8c3cc;
  text-align: center;
  vertical-align: middle;
  border-left: 1px solid #ccc;
  /* uge 'kolonne-bredde' */
  max-width: 35em;
  cursor: pointer;
  user-select: none;
  background-color: #f6f9ff;
  /*neutral-variant98*/
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  color: #006493;
  /*primary-text*/
  padding: 0.15rem 0 0.05rem 0;
}
.display-grid-skemany .grid-area-skema .skemaweekWeekDay:hover,
.display-grid-skemaforside .grid-area-skema .skemaweekWeekDay:hover {
  cursor: pointer;
  opacity: 0.85;
}
.display-grid-skemany .grid-area-skema .skemaweekWeekDayAlle,
.display-grid-skemaforside .grid-area-skema .skemaweekWeekDayAlle {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  color: #475968;
  border-left: 1px solid #ccc;
  /* uge 'kolonne-bredde' */
  max-width: 35em;
  cursor: pointer;
  user-select: none;
  background-color: #f6f9ff;
  /*neutral-variant98*/
  /*label-medium;*/
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  color: #006493;
  /*primary-text*/
  padding: 0.15rem 0 0.05rem 0;
}
.display-grid-skemany .grid-area-skema .skemaweekWeekDayAlle:hover,
.display-grid-skemaforside .grid-area-skema .skemaweekWeekDayAlle:hover {
  cursor: pointer;
  opacity: 0.85;
}
.display-grid-skemany .grid-area-skema .skemaweekSkemabrikContainer,
.display-grid-skemaforside .grid-area-skema .skemaweekSkemabrikContainer {
  padding: 0px 2px 0px 2px;
  background: white;
  min-height: 1.9em;
  border-bottom: 1px solid #dce9f5;
  /* skemabrik 'kolonne-bredde' */
  width: 202px;
  white-space: nowrap;
}
.display-grid-skemany .grid-area-skema .skemaweekSkemabrikContainer.holiday,
.display-grid-skemaforside .grid-area-skema .skemaweekSkemabrikContainer.holiday {
  background: #eeeeee;
  border-bottom: 1px solid #c7c7c7;
}
.display-grid-skemany .grid-area-skema .skemaweekSkemabrikContainer.drop-over,
.display-grid-skemaforside .grid-area-skema .skemaweekSkemabrikContainer.drop-over,
.display-grid-skemany .grid-area-skema .s2module-bg.drop-over,
.display-grid-skemaforside .grid-area-skema .s2module-bg.drop-over {
  background-color: royalBlue;
}
.display-grid-skemany .grid-area-skema .lc-expander-link,
.display-grid-skemaforside .grid-area-skema .lc-expander-link {
  float: left;
}
.display-grid-skemany .grid-area-skema .highlightSelection,
.display-grid-skemaforside .grid-area-skema .highlightSelection {
  background: #e5f8ff;
  /*tertiary97*/
}
.display-grid-skemany .grid-area-skema .s2skemabrik:hover:not(.s2bgboxeksamen):not(.s2ambient),
.display-grid-skemaforside .grid-area-skema .s2skemabrik:hover:not(.s2bgboxeksamen):not(.s2ambient) {
  cursor: pointer !important;
  opacity: 0.85;
}
.display-grid-skemany .grid-area-skema a.s2skemabrik,
.display-grid-skemaforside .grid-area-skema a.s2skemabrik {
  overflow: hidden;
  display: block;
  width: 175px;
  float: left;
  cursor: context-menu;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
.display-grid-skemany .grid-area-skema a.s2normal,
.display-grid-skemaforside .grid-area-skema a.s2normal {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #e9f1fe;
  border-left: solid 2px #6eaef1;
  color: #1d5f97;
  font-style: normal;
  text-decoration: none;
}
.display-grid-skemany .grid-area-skema a.s2faded,
.display-grid-skemaforside .grid-area-skema a.s2faded {
  opacity: 0.3;
}
.display-grid-skemany .grid-area-skema a.s2changed,
.display-grid-skemaforside .grid-area-skema a.s2changed {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #e9f1fe;
  border-left: solid 2px #6eaef1;
  /*color: @--md-ref-palette-custom360;*/
  color: #339900;
  font-style: italic;
  text-decoration: none;
}
.display-grid-skemany .grid-area-skema a.s2optional,
.display-grid-skemaforside .grid-area-skema a.s2optional {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #d8f6ff;
  border-left: solid 2px #009eb9;
  color: #00687a;
  font-style: normal;
  text-decoration: none;
}
.display-grid-skemany .grid-area-skema a.s2optional.s2changed,
.display-grid-skemaforside .grid-area-skema a.s2optional.s2changed {
  /*color: @--md-ref-palette-custom360;*/
  color: #339900;
  font-style: italic;
  text-decoration: none;
}
.display-grid-skemany .grid-area-skema a.s2cancelled,
.display-grid-skemaforside .grid-area-skema a.s2cancelled {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #fedbd6;
  border-left: solid 2px #fc8e80;
  color: #a43f34;
  font-style: italic;
  text-decoration: line-through;
}
.display-grid-skemany .grid-area-skema a.s2bgboxeksamen,
.display-grid-skemaforside .grid-area-skema a.s2bgboxeksamen {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #fbe570;
  border-left: solid 2px #c2ad3d;
  color: #6d5f0f;
  font-style: normal;
  text-decoration: none;
  cursor: help !important;
}
.display-grid-skemany .grid-area-skema a.s2scenario,
.display-grid-skemaforside .grid-area-skema a.s2scenario {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #cef087;
  border-left: solid 2px #98b756;
  /*	.skemabrik-scenario-text();*/
}
.display-grid-skemany .grid-area-skema a.s2skemabrik,
.display-grid-skemaforside .grid-area-skema a.s2skemabrik {
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 0;
  margin: 3px 3px 3px 2px;
}
.display-grid-skemany .grid-area-skema a.s2selected,
.display-grid-skemaforside .grid-area-skema a.s2selected {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px #006493;
  margin: 1px 1px 1px 2px;
}
.display-grid-skemany .grid-area-skema a.s2defocus,
.display-grid-skemaforside .grid-area-skema a.s2defocus {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  opacity: 0.8;
  filter: grayscale(60%);
}
.display-grid-skemany .grid-area-skema .skemaweekSkemabrikContainer > div:first-child:not(.skemaweekSkemabrik),
.display-grid-skemaforside .grid-area-skema .skemaweekSkemabrikContainer > div:first-child:not(.skemaweekSkemabrik) {
  display: flex;
}
.display-grid-skemany .grid-area-skema .skemaweekSkemabrik,
.display-grid-skemaforside .grid-area-skema .skemaweekSkemabrik {
  border: solid 2px transparent;
}
.display-grid-skemany .grid-area-skema .skemaweekSkemabrikBorder-deleteme,
.display-grid-skemaforside .grid-area-skema .skemaweekSkemabrikBorder-deleteme {
  border: solid 2px transparent;
  overflow: hidden;
  display: inline-block;
  float: left;
}
.file-skemauge-less-end {
  color: blue;
}

.file-aktivitetdeltagerscanner-less {
  color: blue;
}
.ls-scanner-container {
  max-width: 34rem;
  margin-bottom: 1rem;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-scanner-container {
    width: 95vw;
    max-width: 95vw;
  }
}
.ls-scanner-container-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-scanner-container-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.166rem;
    line-height: 1.666rem;
    letter-spacing: 0.008rem;
    max-width: 95vw;
  }
}
.ls-scanner-cameraview {
  margin-top: 0.75rem;
  margin-bottom: 1.25rem;
  box-sizing: border-box;
  text-align: center;
  /** end **/
}
.ls-scanner-cameraview div#videoContainer {
  /** start **/
}
.ls-scanner-cameraview div#videoContainer video {
  text-align: center;
  display: block;
  object-fit: cover;
  object-position: 50% 50%;
  height: 15rem;
  width: 15rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0.25rem;
  /**************/
  --b: 0.2rem;
  /* border thickness */
  --c: #0000 25%, #666 0;
  /* define the color here */
  padding: 1rem;
  background: conic-gradient(from 90deg at top var(--b) left var(--b), var(--c)) 0 0, conic-gradient(from 180deg at top var(--b) right var(--b), var(--c)) 100% 0, conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--c)) 0 100%, conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--c)) 100% 100%;
  background-size: 25px 25px;
  /* adjust border length here */
  background-repeat: no-repeat;
  /******************/
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-scanner-cameraview div#videoContainer video {
    width: 35vw;
    height: 35vw;
  }
}
.ls-scanner-cameraview div#videoContainer div {
  display: flex;
  justify-content: center;
  margin: auto auto;
  width: 10rem;
}
.ls-scanner-cameraview div#videoContainer div input[type="radio"] {
  appearance: none;
  cursor: pointer;
  margin: 0.2rem 0.5rem;
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  background-color: transparent;
  background-color: #ecf1f9;
  transition: background-color 0.35s ease-in;
  /*&:not(:checked) {
					.surface-container-highest;
				}*/
}
.ls-scanner-cameraview div#videoContainer div input[type="radio"]:checked {
  background-color: #006493;
  color: #ffffff;
}
.ls-scanner-cameraview-nav span {
  /*.outline-variant;*/
  margin: auto auto;
  display: inline;
  display: block;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  background-color: transparent;
  /*.secondary-container;
		.secondary-container-text;*/
  background-color: #ecf1f9;
  transition: background-color 0.35s ease-in;
}
.ls-scanner-cameraview-nav span.cam-selected {
  background-color: #006493;
  color: #ffffff;
}
.ls-scanner-person {
  /*.ls-card-filled;*/
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
  box-shadow: none;
  background-color: #fff;
  padding: 0.575rem;
  margin-top: 1rem;
}
.ls-scanner-person .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
.ls-scanner-person .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
  border-bottom: solid 1px #fff;
  background-color: #fff;
}
.ls-scanner-person div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.ls-scanner-person .ls-scanner-person-foto img {
  width: 100px;
  margin-right: 0.25rem;
}
.ls-scanner-person .ls-scanner-person-name {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-scanner-person .ls-scanner-person-name {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.166rem;
    line-height: 1.666rem;
    letter-spacing: 0.008rem;
  }
}
.ls-scanner-person .ls-scanner-status {
  color: #00687a;
  font-weight: 600;
}
.ls-scanner-person .ls-scanner-status-history {
  max-width: 16rem;
  color: #75777a;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-scanner-person .ls-scanner-status-history {
    font-size: 0.8rem;
  }
}
.ls-scanner-person-search {
  margin: 0.5em 0;
}
/* mobile portrait placer søgebox i toppen  ******************************/
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-scanner-container-title {
    margin-top: 2.7rem;
  }
}
.ls-searchbox-container {
  /* override default styles */
}
.ls-searchbox-container input {
  width: 30rem;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-searchbox-container {
    position: fixed;
    top: 2.7rem;
  }
  .ls-searchbox-container input {
    width: 78dvw;
  }
}
.file-aktivitetdeltagerscanner-less-end {
  color: blue;
}

.file-beskeder-less {
  color: blue;
}
.message-thread-container {
  width: auto;
  overflow: hidden;
  background-color: #ecf1f9;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
  border: none;
  box-shadow: none;
}
.message-thread-container div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.message-thread-message {
  margin-bottom: 1.5rem;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
  box-shadow: none;
  background-color: #fff;
}
.message-thread-message .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
.message-thread-message .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
  border-bottom: solid 1px #fff;
  background-color: #fff;
}
.message-thread-message div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.message-thread-message.viewed-persons-message {
  background-color: #d3e5f5;
}
.message-reply-summary.viewed-persons-message {
  background-color: #d3e5f5;
}
.message {
  word-break: break-word;
  hyphens: auto;
  display: block;
}
.message-menu .buttonicon a {
  padding: 0;
}
.message-thread-message-sender {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  font-size: 0.916rem;
  padding: 0 0.5rem;
}
.message-replysum-header-menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
}
.message-thread-message-header {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  font-weight: 600;
}
.message-reply-summary {
  opacity: 0.8;
  font-size: 0.9rem;
  background-color: #ecf1f9;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
  border: none;
  box-shadow: none;
  margin-bottom: 0.25rem;
}
.message-reply-summary div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.message-thread-message-content {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
}
.grayed-out {
  font-style: italic;
  color: #75777a;
  cursor: default;
  padding-top: 2px;
}
/*bruges denne?*/
.thread-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
}
.flex-row-div {
  display: flex;
}
.thread-header-container {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  display: flex;
  justify-content: space-between;
}
.thread-header-content {
  flex-wrap: wrap;
}
.md-fill {
  font-variation-settings: 'FILL' 1;
}
.md-unfill {
  font-variation-settings: 'FILL' 0;
}
.lpm-trunc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.thread-header-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0.5em 0;
  align-items: flex-start;
}
.thread-header-buttons img,
.thread-header-buttons a,
.thread-header-buttons span,
.thread-header-buttons div,
.thread-header-buttons label {
  vertical-align: middle;
}
.thread-header-buttons .buttonoutlined,
.thread-header-buttons .buttonfilledtonal,
.thread-header-buttons .buttonfilled {
  margin-bottom: 0.3rem;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .thread-header-buttons {
    /* toolbar knapper wrappede på mobil - skal muligvis gøres generel også gælde for desktop*/
  }
  .thread-header-buttons > div {
    white-space: nowrap;
  }
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .thread-header-buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0.2em 0;
    flex-wrap: wrap;
  }
  .thread-header-buttons img,
  .thread-header-buttons a,
  .thread-header-buttons span,
  .thread-header-buttons div,
  .thread-header-buttons label {
    vertical-align: middle;
  }
}
.message-thread-message-header .buttonicon {
  vertical-align: middle;
}
.message-buttons-options-container {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0.2em 0;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}
.message-buttons-options-container .message-options {
  display: inline-block;
  max-width: 50em;
}
.message-buttons-options-container .message-options .message-reply-notify-dropdown {
  margin: 0.5rem 0rem 0.5rem 0.5rem;
}
.message-buttons-options-container .message-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  justify-content: flex-end;
}
/*ulæste beskeder*/
.unread {
  font-weight: 700;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .message-folder-header h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.333rem;
    line-height: 2rem;
    letter-spacing: 0.0125rem;
    color: #1a1c1e;
    display: inline-flex;
  }
  .message-folder-header img {
    display: none;
  }
  tr.unread .message-list-thread-container .message-list-thread-from,
  tr.unread .message-list-thread-container .message-list-thread-datetime,
  tr.unread .message-list-thread-container a {
    font-weight: 700;
  }
  .message-list-thread-container {
    width: 100%;
    display: grid;
    grid-template-areas: 'a b b' 'c d d';
    grid-template-columns: 1fr auto auto;
    padding: 0.5rem 0 0 0;
    margin: 0;
  }
  .message-list-thread-container .message-list-thread-from {
    grid-area: a;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 1.666rem;
    letter-spacing: 0.008rem;
    font-size: 1.166rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .message-list-thread-container .message-list-thread-subject {
    grid-area: c;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 1.333rem;
    letter-spacing: 0.042rem;
    font-size: 0.916rem;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 21px;
  }
  .message-list-thread-container .message-list-thread-subject div {
    width: 100%;
    overflow: hidden;
  }
  .message-list-thread-container .message-list-thread-subject div a {
    color: unset;
    padding: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }
  .message-list-thread-container .message-list-thread-timeex {
    display: flex;
    grid-area: b;
  }
  .message-list-thread-container .message-list-thread-timeex .message-list-thread-datetime {
    display: inline;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.033rem;
    line-height: 1.333rem;
    font-size: 0.8rem;
    color: #aaabae;
    margin-right: 0.5rem;
  }
  .message-list-thread-container .message-list-thread-menu {
    grid-area: d;
    text-align: right;
  }
  .message-thread-message-header {
    margin-bottom: 0.5rem;
  }
  .ls-std-rowblock .message-options {
    white-space: unset;
  }
  .message-buttons-options-container {
    row-gap: 10px;
  }
  .message-buttons-options-container .message-options {
    display: flex;
    justify-content: space-between;
    white-space: unset;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 1.333rem;
    letter-spacing: 0.042rem;
    font-size: 0.916rem;
    font-size: 13px;
    flex-grow: 1;
    align-items: center;
  }
  .message-buttons-options-container .message-options input[type="text"] {
    margin-bottom: 0.5rem;
    margin-left: unset;
  }
  .message-buttons-options-container .message-options div.buttonoutlined {
    margin: unset;
  }
  .message-buttons-options-container .message-options .message-reply-notify-dropdown {
    max-width: 12em;
    text-overflow: ellipsis;
    margin-top: 0.5rem;
  }
  .message-buttons-options-container .message-options .message-reply-notify-dropdown option {
    max-width: 12em;
  }
  .message-buttons-options-container .message-buttons {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 1.333rem;
    letter-spacing: 0.042rem;
    font-size: 0.916rem;
    font-size: 13px;
    flex-grow: 1;
  }
}
.file-beskeder-less-end {
  color: blue;
}

.file-buttons-less {
  color: blue;
}
/********************************************************************/
/** HYPERLINK *******************************************************/
/********************************************************************/
a:focus {
  outline-style: solid;
  outline-color: #1f76ea;
  outline-width: thin;
}
A[href],
.ClientButton,
A.tooltip,
A SPAN.tooltip {
  color: #1b5c9e;
  text-decoration: none;
  cursor: pointer;
}
A[href] img,
.ClientButton img,
A.tooltip img,
A SPAN.tooltip img {
  vertical-align: middle;
}
a.buttonlink {
  color: #006493;
  text-decoration: none;
  cursor: pointer;
}
a.buttonlink:hover {
  /*opacity: 0.92;*/
  opacity: 0.82;
}
A[href]:hover,
.ClientButton:hover,
A[href].alert:hover,
A[href].attention:hover {
  /*background-color: @brush_linkBackgroundHover;
	color: @brush_linkHover;*/
  /*.surface-container*/
  text-decoration: none;
  cursor: pointer;
  /*opacity: 0.92;*/
  opacity: 0.82;
}
label[disabled] {
  color: #c6c6c9;
}
a[disabled],
a[disabled]:hover {
  color: #c6c6c9;
  background: transparent;
  cursor: default;
  text-shadow: 1px 1px #ffffff;
  transition: none;
  /*opacity: 0.62; MD*/
}
a[disabled] img,
a[disabled]:hover img {
  filter: grayscale(100%) opacity(0.5);
}
/********************************************************************/
/*  START Button (standard buttons for INPUT TAGs )******************/
/********************************************************************/
.ls-button-layout {
  padding-top: 0.27em;
  padding-bottom: 0.27em;
  line-height: 1.3rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
  box-sizing: border-box;
}
.ls-button-behavior {
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
}
/* Button theme start ********************************************************************/
.ls-button-face {
  background-color: #d5e3f2;
  background-image: url('/lectio/img/gradlink.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #e2e2e5;
  border-left: 1px solid #e2e2e5;
  border-right: 1px solid #c6c6c9;
  border-bottom: 1px solid #c6c6c9;
  color: #1b5c9e;
  border-radius: 0px;
}
.ls-button-face-hover {
  background-color: #006493;
  background-image: url('/lectio/img/gradhover.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #1f76ea;
  border-left: 1px solid #1f76ea;
  border-right: 1px solid #006493;
  border-bottom: 1px solid #006493;
  color: #ffffff;
}
/* End of button theme ********************************************************************/
.ls-button {
  padding-top: 0.27em;
  padding-bottom: 0.27em;
  line-height: 1.3rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #d5e3f2;
  background-image: url('/lectio/img/gradlink.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #e2e2e5;
  border-left: 1px solid #e2e2e5;
  border-right: 1px solid #c6c6c9;
  border-bottom: 1px solid #c6c6c9;
  color: #1b5c9e;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
}
.ls-button-hover {
  padding-top: 0.27em;
  padding-bottom: 0.27em;
  line-height: 1.3rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #d5e3f2;
  background-image: url('/lectio/img/gradlink.png');
  border-top: 1px solid #e2e2e5;
  border-left: 1px solid #e2e2e5;
  border-right: 1px solid #c6c6c9;
  border-bottom: 1px solid #c6c6c9;
  color: #1b5c9e;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  background-color: #006493;
  background-image: url('/lectio/img/gradhover.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #1f76ea;
  border-left: 1px solid #1f76ea;
  border-right: 1px solid #006493;
  border-bottom: 1px solid #006493;
  color: #ffffff;
  transition: all 0.1s linear;
}
.ls-button-disabled {
  color: #c6c6c9 !important;
  text-shadow: 1px 1px #ffffff;
}
.ls-button-disabled-hover {
  padding-top: 0.27em;
  padding-bottom: 0.27em;
  line-height: 1.3rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #d5e3f2;
  background-image: url('/lectio/img/gradlink.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #e2e2e5;
  border-left: 1px solid #e2e2e5;
  border-right: 1px solid #c6c6c9;
  border-bottom: 1px solid #c6c6c9;
  color: #1b5c9e;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  color: #c6c6c9 !important;
  text-shadow: 1px 1px #ffffff;
  cursor: default;
  transition: none;
}
/******************************************************************/
/*  START Button (standard buttons )******************/
/******************************************************************/
INPUT.button,
BUTTON.button {
  padding-top: 0.27em;
  padding-bottom: 0.27em;
  line-height: 1.3rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #d5e3f2;
  background-image: url('/lectio/img/gradlink.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #e2e2e5;
  border-left: 1px solid #e2e2e5;
  border-right: 1px solid #c6c6c9;
  border-bottom: 1px solid #c6c6c9;
  color: #1b5c9e;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
}
INPUT.buttonHover,
BUTTON.buttonHover,
INPUT.button:hover,
BUTTON.button:hover {
  padding-top: 0.27em;
  padding-bottom: 0.27em;
  line-height: 1.3rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #d5e3f2;
  background-image: url('/lectio/img/gradlink.png');
  border-top: 1px solid #e2e2e5;
  border-left: 1px solid #e2e2e5;
  border-right: 1px solid #c6c6c9;
  border-bottom: 1px solid #c6c6c9;
  color: #1b5c9e;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  background-color: #006493;
  background-image: url('/lectio/img/gradhover.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #1f76ea;
  border-left: 1px solid #1f76ea;
  border-right: 1px solid #006493;
  border-bottom: 1px solid #006493;
  color: #ffffff;
  transition: all 0.1s linear;
}
INPUT.button[disabled="disabled"],
INPUT.button[disabled="true"],
BUTTON.button[disabled="true"],
BUTTON.button[disabled="disabled"] {
  color: #c6c6c9 !important;
  text-shadow: 1px 1px #ffffff;
}
DIV.button,
SPAN.button,
DIV.buttonlink,
DIV.buttonicon {
  display: inline-block;
  /*min-height: 1.4em;*/
}
DIV.button A,
A.button,
SPAN.button A {
  padding-top: 0.27em;
  padding-bottom: 0.27em;
  line-height: 1.3rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #d5e3f2;
  background-image: url('/lectio/img/gradlink.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #e2e2e5;
  border-left: 1px solid #e2e2e5;
  border-right: 1px solid #c6c6c9;
  border-bottom: 1px solid #c6c6c9;
  color: #1b5c9e;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
}
DIV.button A:hover,
A.button:hover,
SPAN.button A:hover,
DIV.buttonSelected A {
  padding-top: 0.27em;
  padding-bottom: 0.27em;
  line-height: 1.3rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #d5e3f2;
  background-image: url('/lectio/img/gradlink.png');
  border-top: 1px solid #e2e2e5;
  border-left: 1px solid #e2e2e5;
  border-right: 1px solid #c6c6c9;
  border-bottom: 1px solid #c6c6c9;
  color: #1b5c9e;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  background-color: #006493;
  background-image: url('/lectio/img/gradhover.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #1f76ea;
  border-left: 1px solid #1f76ea;
  border-right: 1px solid #006493;
  border-bottom: 1px solid #006493;
  color: #ffffff;
  transition: all 0.1s linear;
}
DIV.button A[disabled="disabled"],
SPAN.button A[disabled="disabled"],
DIV.button A[disabled="disabled"]:hover,
A.button[disabled="disabled"]:hover,
SPAN.button A[disabled="disabled"]:hover,
.buttonhover A[disabled="disabled"],
DIV.button A.aspNetDisabled,
DIV.button A.aspNetDisabled:hover,
.buttonhover A.aspNetDisabled,
.buttonhover A.aspNetDisabled:hover {
  padding-top: 0.27em;
  padding-bottom: 0.27em;
  line-height: 1.3rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #d5e3f2;
  background-image: url('/lectio/img/gradlink.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #e2e2e5;
  border-left: 1px solid #e2e2e5;
  border-right: 1px solid #c6c6c9;
  border-bottom: 1px solid #c6c6c9;
  color: #1b5c9e;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  color: #c6c6c9 !important;
  text-shadow: 1px 1px #ffffff;
  cursor: default;
  transition: none;
}
/* spec. Back-button-icon fix*/
div.button a[data-rolevariant=back],
DIV.button A[data-rolevariant=back]:hover {
  padding-left: 0;
}
DIV.button A IMG,
DIV.buttontoggleUP A IMG,
SPAN.button A IMG,
DIV.buttonlink A IMG,
DIV.buttonicon A IMG {
  vertical-align: middle;
  position: relative;
  /*top: -1px;*/
  margin-right: 0.15em;
  margin-left: 0.15em;
  /*height: 1em;*/
}
DIV.buttonicon A IMG {
  margin-right: 0;
}
DIV.buttonicon:hover A {
  background-color: transparent;
  opacity: 0.82;
}
DIV.buttonicon:hover A[disabled] {
  background-color: transparent;
  opacity: 1;
}
/* End Button **********************************/
/* End Subnavigator buttons **********************************/
/**** BUTTONHEADER ********/
.buttonHeader A,
INPUT.buttonHeader,
BUTTON.buttonHeader {
  padding-top: 0.27em;
  padding-bottom: 0.27em;
  line-height: 1.3rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #d5e3f2;
  background-image: url('/lectio/img/gradlink.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #e2e2e5;
  border-left: 1px solid #e2e2e5;
  border-right: 1px solid #c6c6c9;
  border-bottom: 1px solid #c6c6c9;
  color: #1b5c9e;
  border-radius: 0px;
  display: block;
  margin-bottom: 0.1em;
  white-space: nowrap;
  text-align: left;
}
.buttonHeader A:hover,
INPUT.buttonHeader:hover,
BUTTON.buttonHeader:hover {
  padding-top: 0.27em;
  padding-bottom: 0.27em;
  line-height: 1.3rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #006493;
  background-image: url('/lectio/img/gradhover.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #1f76ea;
  border-left: 1px solid #1f76ea;
  border-right: 1px solid #006493;
  border-bottom: 1px solid #006493;
  color: #ffffff;
  display: block;
  margin-bottom: 0.1em;
  white-space: nowrap;
  text-align: left;
}
/********************************************************** */
/* TOOLBAR ************************************************ */
/********************************************************** */
.lectioToolbar {
  padding: 0em;
  background-image: url('/lectio/img/gradlink.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-bottom: solid 1px #c6c6c9;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.lectioToolbar .button A,
.lectioToolbar .buttonicon A,
.lectioToolbar .tidsreg-wrapper,
.lectioToolbar .login-wrapper {
  display: inline-block;
  border-left: none;
  border-top: none;
  border-bottom: none;
}
.lectioToolbar .button A:hover {
  display: inline-block;
  border-left: none;
  border-top: none;
  border-bottom: none;
}
.lectioToolbar .button A[disabled="disabled"],
.lectioToolbar .button A[disabled="disabled"]:hover {
  cursor: default;
  border-top: none;
  border-bottom: none;
}
.lectiotoolbar IMG {
  background-color: Transparent;
  vertical-align: middle;
}
.lectioToolbar .button .ls-fonticon {
  font-weight: 300;
  font-size: 1.3rem;
  vertical-align: bottom;
}
.lectioToolbar .tidsreg-wrapper {
  display: inline-flex;
}
.lectioToolbar .tidsreg-wrapper :first-of-type a {
  padding-right: 0.6em;
  border-right: none;
}
.lectioToolbar .tidsreg-wrapper .vertical-seperator {
  height: 10px;
  align-self: center;
  border-right: 1px solid #c6c6c9;
}
.lectioToolbar .tidsreg-wrapper a.navbar-middle {
  padding-left: 0.6em;
  align-self: center;
}
.lectioToolbar .login-wrapper {
  display: inline-flex;
}
.lectioToolbar .login-wrapper > :first-of-type a {
  padding-right: 0.6em;
  border-right: none;
}
.lectioToolbar .login-wrapper .vertical-seperator {
  height: 10px;
  align-self: center;
  border-right: 1px solid #c6c6c9;
}
.lectioToolbar .login-wrapper a.navbar-middle {
  padding-left: 0.6em;
  align-self: center;
}
.lectioToolbar .login-wrapper .buttonicon A {
  padding-top: 0.27em;
  padding-bottom: 0.27em;
  line-height: 1.3rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #d5e3f2;
  background-image: url('/lectio/img/gradlink.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #e2e2e5;
  border-left: 1px solid #e2e2e5;
  border-right: 1px solid #c6c6c9;
  border-bottom: 1px solid #c6c6c9;
  color: #1b5c9e;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 0;
  border-left: none;
  border-top: none;
  border-bottom: none;
}
/*fuldskærm top toolbar e.g. præsentationer*/
.ls-toolbar-fullscreen-face {
  background: #f5f5f5;
  border: 1px solid #d3dae0;
  background: linear-gradient(#ffffff, #f5f5f5);
}
/* END TOOLBAR ******************************************* */
img[onclick] {
  cursor: pointer;
}
/* ************************************************** */
/*       Knapper - Bredde                             */
/* ************************************************** */
.smallButton {
  width: 2.75em !important;
}
.mediumButton {
  width: 5.5em !important;
}
.largeButton {
  width: 8.2em !important;
}
.xlargeButton {
  width: 10.9em !important;
}
.buttonImage:hover,
.buttonImage {
  cursor: pointer;
}
/**** LectioButtonGroup ***********************************/
div.lec-context-menu > * {
  display: block;
}
/* Labels for autogenererede genvejstaster. */
.ls-nav-motion {
  position: absolute;
  background: white;
  margin-top: 1.2em;
  margin-left: 0.2em;
  padding: 0.2em;
  color: white;
  background-color: navy;
  min-width: 1.4em;
  line-height: 1.8ex;
}
.buttonicon > .ls-nav-motion,
.buttonlink > .ls-nav-motion {
  margin-top: initial;
  z-index: 1;
}
.s2skemabrikcontainer .ls-nav-motion {
  margin-top: initial;
  margin-left: -1.7em;
}
.s2skemabrikcontainer:not(.s2infoHeader) .ls-nav-motion {
  z-index: 5;
}
.ls-nav-motion[ls-nav-label-hint='a-in-td'] {
  margin-top: 0.8em;
}
/* link paa "stamdata - adminstration" fx., hvor der ikke er meget vertikal afstand.
 * Der viser vi labels til venstre for links.
 */
li > .ls-nav-motion:first-child,
li > .buttonlink:first-child > .ls-nav-motion {
  margin-left: -2em;
  margin-top: initial;
}
table.ls-help-table td {
  vertical-align: top;
  padding: 0.3em;
}
/**********************/
.ls-fab {
  z-index: 100;
  background-color: #cae6ff;
  color: #001e2f;
  border-radius: 1rem;
  position: fixed;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
  cursor: pointer;
  bottom: 1.33rem;
  /* position from the bottom of the screen */
  right: 1.33rem;
  /* position from the right of the screen */
  text-align: center;
  width: 3.33rem;
  height: 3.33rem;
  box-sizing: content-box;
  line-height: 3.33rem;
  opacity: 1;
  display: inline-flex;
  justify-content: center;
}
.ls-fab:hover {
  background-color: #cae6ff;
  color: #001e2f;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
  opacity: 0.92;
}
.ls-fab .ls-fonticon {
  font-size: 2rem;
  line-height: 3.33rem;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-fab {
    bottom: calc(max(7svh, 4rem) + 16px);
    /* position from the bottom of the screen */
  }
}
/* start new button-styles*/
.ls-button-base {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
.ls-button-base a:link,
.ls-button-base a:active,
.ls-button-base a:focus,
.ls-button-base a:visited {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  opacity: 1;
  padding: 0.5rem 1rem;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-base a:active,
.ls-button-base a:focus {
  opacity: 0.88;
}
.ls-button-base:hover a,
.ls-button-base a:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem;
  opacity: 0.92;
  cursor: pointer;
  font-weight: 500;
}
.ls-button-base a[disabled="disabled"],
.ls-button-base a[disabled="disabled"]:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem;
  opacity: 0.62;
  cursor: default;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-icon-base {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
.ls-button-icon-base a:link,
.ls-button-icon-base a:active,
.ls-button-icon-base a:focus,
.ls-button-icon-base a:visited {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  opacity: 1;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-icon-base a:active,
.ls-button-icon-base a:focus {
  opacity: 0.88;
}
.ls-button-icon-base:hover a,
.ls-button-icon-base a:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
  opacity: 0.92;
  cursor: pointer;
}
.ls-button-icon-base a[disabled="disabled"],
.ls-button-icon-base a[disabled="disabled"]:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
  opacity: 0.62;
  cursor: default;
}
.ls-button-elevated {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
.ls-button-elevated a:link,
.ls-button-elevated a:active,
.ls-button-elevated a:focus,
.ls-button-elevated a:visited {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  opacity: 1;
  padding: 0.5rem 1rem;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-elevated a:active,
.ls-button-elevated a:focus {
  opacity: 0.88;
}
.ls-button-elevated:hover a,
.ls-button-elevated a:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem;
  opacity: 0.92;
  cursor: pointer;
  font-weight: 500;
}
.ls-button-elevated a[disabled="disabled"],
.ls-button-elevated a[disabled="disabled"]:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem;
  opacity: 0.62;
  cursor: default;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-elevated a:link,
.ls-button-elevated a:active,
.ls-button-elevated a:focus,
.ls-button-elevated a:visited {
  background-color: #fff;
  color: #006493;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}
.ls-button-elevated:hover a,
.ls-button-elevated a:hover {
  background-color: #fff;
  color: #006493;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;
}
.ls-button-elevated a[disabled="disabled"],
.ls-button-elevated a[disabled="disabled"]:hover {
  background-color: #dde3ea;
  color: #41474d;
  box-shadow: none;
}
.ls-button-filled {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
.ls-button-filled a:link,
.ls-button-filled a:active,
.ls-button-filled a:focus,
.ls-button-filled a:visited {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  opacity: 1;
  padding: 0.5rem 1rem;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-filled a:active,
.ls-button-filled a:focus {
  opacity: 0.88;
}
.ls-button-filled:hover a,
.ls-button-filled a:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem;
  opacity: 0.92;
  cursor: pointer;
  font-weight: 500;
}
.ls-button-filled a[disabled="disabled"],
.ls-button-filled a[disabled="disabled"]:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem;
  opacity: 0.62;
  cursor: default;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-filled a:link,
.ls-button-filled a:active,
.ls-button-filled a:focus,
.ls-button-filled a:visited {
  background-color: #006493;
  color: #ffffff;
  border: solid 1px #006493;
}
.ls-button-filled:hover a,
.ls-button-filled a:hover {
  background-color: #006493;
  color: #ffffff;
  border: solid 1px #006493;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}
.ls-button-filled a[disabled="disabled"],
.ls-button-filled a[disabled="disabled"]:hover {
  border: solid 1px #dde3ea;
  background-color: #dde3ea;
  color: #41474d;
  box-shadow: none;
}
.ls-button-outlined {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
.ls-button-outlined a:link,
.ls-button-outlined a:active,
.ls-button-outlined a:focus,
.ls-button-outlined a:visited {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  opacity: 1;
  padding: 0.5rem 1rem;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-outlined a:active,
.ls-button-outlined a:focus {
  opacity: 0.88;
}
.ls-button-outlined:hover a,
.ls-button-outlined a:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem;
  opacity: 0.92;
  cursor: pointer;
  font-weight: 500;
}
.ls-button-outlined a[disabled="disabled"],
.ls-button-outlined a[disabled="disabled"]:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem;
  opacity: 0.62;
  cursor: default;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-outlined a:link,
.ls-button-outlined a:visited {
  background-color: transparent;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  color: #006493;
}
.ls-button-outlined a:active {
  background-color: transparent;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  color: #006493;
}
.ls-button-outlined a:focus {
  background-color: transparent;
  color: #006493;
  border: solid 1px #006493;
}
.ls-button-outlined:hover a,
.ls-button-outlined a:hover {
  background-color: transparent;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  color: #006493;
}
.ls-button-outlined a[disabled="disabled"],
.ls-button-outlined a[disabled="disabled"]:hover {
  background-color: transparent;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  color: #41474d;
}
.ls-button-filled-tonal {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
.ls-button-filled-tonal a:link,
.ls-button-filled-tonal a:active,
.ls-button-filled-tonal a:focus,
.ls-button-filled-tonal a:visited {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  opacity: 1;
  padding: 0.5rem 1rem;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-filled-tonal a:active,
.ls-button-filled-tonal a:focus {
  opacity: 0.88;
}
.ls-button-filled-tonal:hover a,
.ls-button-filled-tonal a:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem;
  opacity: 0.92;
  cursor: pointer;
  font-weight: 500;
}
.ls-button-filled-tonal a[disabled="disabled"],
.ls-button-filled-tonal a[disabled="disabled"]:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem;
  opacity: 0.62;
  cursor: default;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-filled-tonal a:link,
.ls-button-filled-tonal a:visited {
  background-color: #d3e5f5;
  color: #0c1d29;
  border: solid 1px #d3e5f5;
}
.ls-button-filled-tonal a:active,
.ls-button-filled-tonal a:focus {
  background-color: #d3e5f5;
  color: #0c1d29;
  border: solid 1px #d3e5f5;
  opacity: 0.88;
}
.ls-button-filled-tonal:hover a,
.ls-button-filled-tonal a:hover {
  background-color: #d3e5f5;
  color: #0c1d29;
  border: solid 1px #d3e5f5;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}
.ls-button-filled-tonal a[disabled="disabled"],
.ls-button-filled-tonal a[disabled="disabled"]:hover {
  border: solid 1px #dde3ea;
  background-color: #dde3ea;
  color: #41474d;
  box-shadow: none;
}
.ls-button-text a:link,
.ls-button-text a:visited {
  color: #006493;
  padding: 0.5rem 0.2rem;
  opacity: 1;
}
.ls-button-text a:active,
.ls-button-text a:focus {
  color: #006493;
  padding: 0.5rem 0.2rem;
  opacity: 0.88;
}
.ls-button-text:hover a,
.ls-button-text a:hover {
  color: #006493;
  /*opacity: 0.92;*/
  opacity: 0.82;
  padding: 0.5rem 0.2rem;
  background-color: transparent;
}
.ls-button-text a[disabled="disabled"],
.ls-button-text a[disabled="disabled"]:hover {
  color: #1a1c1e;
  padding: 0.5rem 0.2rem;
  opacity: 0.62;
}
.ls-button-icon-outlined {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
.ls-button-icon-outlined a:link,
.ls-button-icon-outlined a:active,
.ls-button-icon-outlined a:focus,
.ls-button-icon-outlined a:visited {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  opacity: 1;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-icon-outlined a:active,
.ls-button-icon-outlined a:focus {
  opacity: 0.88;
}
.ls-button-icon-outlined:hover a,
.ls-button-icon-outlined a:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
  opacity: 0.92;
  cursor: pointer;
}
.ls-button-icon-outlined a[disabled="disabled"],
.ls-button-icon-outlined a[disabled="disabled"]:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
  opacity: 0.62;
  cursor: default;
}
.ls-button-icon-outlined a:link,
.ls-button-icon-outlined a:visited {
  background-color: transparent;
  border-color: #c1c7ce;
  color: #41474d;
  /*outline-color: @--md-sys-color-outline;
	outline-style: solid;
	outline-width: 1px;*/
  border-color: #72787e;
  border-style: solid;
  border-width: 1px;
}
.ls-button-icon-outlined a:active,
.ls-button-icon-outlined a:focus {
  background-color: transparent;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  color: #1a1c1e;
}
.ls-button-icon-outlined:hover a,
.ls-button-icon-outlined a:hover {
  background-color: transparent;
  /*outline-color: @--md-sys-color-outline;
	outline-style: solid;
	outline-width: 1px;*/
  border-color: #72787e;
  border-style: solid;
  border-width: 1px;
  color: #41474d;
}
.ls-button-icon-outlined a[disabled="disabled"],
.ls-button-icon-outlined a[disabled="disabled"]:hover {
  background-color: transparent;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  color: #41474d;
  color: #1a1c1e;
  opacity: 0.62;
}
.ls-button-icon-filled-tonal {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
.ls-button-icon-filled-tonal a:link,
.ls-button-icon-filled-tonal a:active,
.ls-button-icon-filled-tonal a:focus,
.ls-button-icon-filled-tonal a:visited {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  opacity: 1;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-icon-filled-tonal a:active,
.ls-button-icon-filled-tonal a:focus {
  opacity: 0.88;
}
.ls-button-icon-filled-tonal:hover a,
.ls-button-icon-filled-tonal a:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
  opacity: 0.92;
  cursor: pointer;
}
.ls-button-icon-filled-tonal a[disabled="disabled"],
.ls-button-icon-filled-tonal a[disabled="disabled"]:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
  opacity: 0.62;
  cursor: default;
}
.ls-button-icon-filled-tonal a:link,
.ls-button-icon-filled-tonal a:visited {
  background-color: #d3e5f5;
  color: #0c1d29;
  border: solid 1px #d3e5f5;
}
.ls-button-icon-filled-tonal a:active,
.ls-button-icon-filled-tonal a:focus {
  background-color: #d3e5f5;
  /*.secondary-container-text;*/
  color: #41474d;
  border: solid 1px #d3e5f5;
}
.ls-button-icon-filled-tonal:hover a,
.ls-button-icon-filled-tonal a:hover {
  background-color: #d3e5f5;
  /*.secondary-container-text;*/
  color: #41474d;
  border: solid 1px #d3e5f5;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}
.ls-button-icon-filled-tonal a[disabled="disabled"],
.ls-button-icon-filled-tonal a[disabled="disabled"]:hover {
  border: solid 1px #dde3ea;
  background-color: #dde3ea;
  color: #41474d;
  box-shadow: none;
}
.ls-button-icon-filled {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
.ls-button-icon-filled a:link,
.ls-button-icon-filled a:active,
.ls-button-icon-filled a:focus,
.ls-button-icon-filled a:visited {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  opacity: 1;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-icon-filled a:active,
.ls-button-icon-filled a:focus {
  opacity: 0.88;
}
.ls-button-icon-filled:hover a,
.ls-button-icon-filled a:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
  opacity: 0.92;
  cursor: pointer;
}
.ls-button-icon-filled a[disabled="disabled"],
.ls-button-icon-filled a[disabled="disabled"]:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
  opacity: 0.62;
  cursor: default;
}
.ls-button-icon-filled a:link,
.ls-button-icon-filled a:visited {
  background-color: #006493;
  color: #ffffff;
  border: solid 1px #006493;
}
.ls-button-icon-filled a:active,
.ls-button-icon-filled a:focus {
  background-color: #006493;
  color: #ffffff;
  border: solid 1px #006493;
}
.ls-button-icon-filled:hover a,
.ls-button-icon-filled a:hover {
  background-color: #006493;
  color: #ffffff;
  border: solid 1px #006493;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}
.ls-button-icon-filled a[disabled="disabled"],
.ls-button-icon-filled a[disabled="disabled"]:hover {
  border: solid 1px #dde3ea;
  background-color: #dde3ea;
  color: #41474d;
  box-shadow: none;
}
.ls-button-icon-standard {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
.ls-button-icon-standard a:link,
.ls-button-icon-standard a:active,
.ls-button-icon-standard a:focus,
.ls-button-icon-standard a:visited {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  opacity: 1;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-icon-standard a:active,
.ls-button-icon-standard a:focus {
  opacity: 0.88;
}
.ls-button-icon-standard:hover a,
.ls-button-icon-standard a:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
  opacity: 0.92;
  cursor: pointer;
}
.ls-button-icon-standard a[disabled="disabled"],
.ls-button-icon-standard a[disabled="disabled"]:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
  opacity: 0.62;
  cursor: default;
}
.ls-button-icon-standard a,
.ls-button-icon-standard a[href],
.ls-button-icon-standard a:visited {
  color: #41474d;
}
.ls-button-icon-standard a:active,
.ls-button-icon-standard a:focus {
  color: #006493;
  outline-color: transparent;
}
.ls-button-icon-standard:hover a,
.ls-button-icon-standard a:hover,
.ls-button-icon-standard:hover a span,
.ls-button-icon-standard a:hover span,
.ls-button-icon-standard a:hover span:hover {
  color: #006493;
  opacity: 0.92;
}
.ls-button-icon-standard:hover a[disabled="disabled"],
.ls-button-icon-standard a[disabled="disabled"]:hover,
.ls-button-icon-standard:hover a[disabled="disabled"] span,
.ls-button-icon-standard a[disabled="disabled"]:hover span,
.ls-button-icon-standard a[disabled="disabled"]:hover span:hover,
.ls-button-icon-standard a[disabled="disabled"],
.ls-button-icon-standard a[disabled="disabled"]:hover {
  color: #1a1c1e;
  opacity: 0.62;
}
/* end button styles ************/
/* Chips  */
.ls-chip {
  margin: 0.1rem;
  display: inline-block;
}
.ls-chip a,
.ls-chip a:hover {
  box-shadow: none;
  background-color: #fff;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  height: 1.5rem;
  box-sizing: content-box;
  white-space: nowrap;
  line-height: 1.5rem;
  color: #1a1c1e;
  border-radius: 0.66rem;
  text-align: center;
  vertical-align: middle;
  padding: 0.2rem 0.66rem;
  min-width: 2rem;
}
/*** Context menu ******************************************/
.lec-context-menu {
  max-height: 65vh;
  overflow-y: auto;
  min-width: 8rem;
  display: none;
  list-style: none;
  text-align: left;
  z-index: 10051 !important;
  background-color: #fcfcff;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
  outline: 1px solid #f0f0f3;
  background-color: #fff;
  padding: 0.4rem 0;
  /*override card default padding*/
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
  /* Fix til context-menu uden ul list layout *********/
  /* end fix*********/
}
.lec-context-menu .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
.lec-context-menu .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
  border-bottom: solid 1px #fff;
  background-color: #fff;
}
.lec-context-menu div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.lec-context-menu ul > li[data-role=separator] > div {
  border-top: 0.1em solid #e2e2e5;
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.lec-context-menu ul > li {
  display: block;
  color: #1b5c9e;
  vertical-align: middle;
  padding-left: 0 !important;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.lec-context-menu ul > li img {
  vertical-align: middle;
  margin-right: 0.2rem;
}
.lec-context-menu ul > li > div {
  display: block;
}
.lec-context-menu ul > li a,
.lec-context-menu ul > li a[href] {
  padding: 0.4rem 0.8rem 0.4rem 0.8rem;
  display: flex;
  align-items: center;
  width: calc(100% - 1.6em);
}
.lec-context-menu ul > li:hover a {
  padding: 0.4rem 0.8rem 0.4rem 0.8rem;
  display: flex;
  align-items: center;
  width: calc(100% - 1.6em);
  color: #ffffff;
  background-color: #006493;
  cursor: pointer;
  border-radius: 0;
}
.lec-context-menu ul > li:hover a[disabled] {
  cursor: default;
  padding: 0.4rem 0.8rem 0.4rem 0.8rem;
  background-color: transparent;
}
.lec-context-menu > .buttonlink a,
.lec-context-menu > .buttonlink a[href] {
  padding: 0.4rem 0.8rem 0.4rem 0.8rem;
  display: flex;
  align-items: center;
  width: calc(100% - 1.6em);
}
.lec-context-menu > .buttonlink:hover a {
  padding: 0.4rem 0.8rem 0.4rem 0.8rem;
  display: flex;
  align-items: center;
  width: calc(100% - 1.6em);
  color: #ffffff;
  background-color: #006493;
  cursor: pointer;
  border-radius: 0;
}
.lec-context-menu > .buttonlink:hover a[disabled] {
  cursor: default;
  padding: 0.4rem 0.8rem 0.4rem 0.8rem;
  background-color: transparent;
}
/* start Subnavigator buttons, standard button override **********************************/
.ls-subnav1 {
  border-bottom: solid 1px #d3dae0;
}
.ls-subnav2 {
  margin-bottom: 0.5em;
}
.ls-subnav1,
.ls-subnav2 {
  white-space: normal;
}
.ls-subnav1 .buttonlink,
.ls-subnav2 .buttonlink {
  display: inline-block;
  padding: 0.6em;
}
.ls-subnav1 .buttonlink a:link,
.ls-subnav2 .buttonlink a:link,
.ls-subnav1 .buttonlink a:visited,
.ls-subnav2 .buttonlink a:visited {
  padding: 0.3em 0.5em;
}
.ls-subnav1 .buttonlink.ls-subnav-active a,
.ls-subnav2 .buttonlink.ls-subnav-active a,
.ls-subnav1 .buttonlink.ls-subnav-active a:hover,
.ls-subnav2 .buttonlink.ls-subnav-active a:hover {
  text-shadow: none;
  border-bottom: solid 3px #B20C00;
  color: #b20c00;
  background-color: transparent;
  cursor: default;
  opacity: 1;
}
/*******************************/
/****************/
.reset-button {
  padding: unset;
  line-height: unset;
  background: unset;
  border: unset;
  border-radius: unset;
  cursor: unset;
  color: unset;
  text-decoration: unset;
  margin: unset;
  position: unset;
  top: unset;
  height: unset;
  overflow-clip-margin: unset;
  overflow: unset;
  transition: unset;
  border: none;
  outline: none;
  min-height: unset;
}
.reset-button-all {
  padding: unset;
  line-height: unset;
  background: unset;
  border: unset;
  border-radius: unset;
  cursor: unset;
  color: unset;
  text-decoration: unset;
  margin: unset;
  position: unset;
  top: unset;
  height: unset;
  overflow-clip-margin: unset;
  overflow: unset;
  transition: unset;
  border: none;
  outline: none;
  min-height: unset;
}
.reset-button-all:visited,
.reset-button-all:visited a,
.reset-button-all:focus,
.reset-button-all:focus a,
.reset-button-all:active,
.reset-button-all:active a,
.reset-button-all:hover,
.reset-button-all:hover a {
  padding: unset;
  line-height: unset;
  background: unset;
  border: unset;
  border-radius: unset;
  cursor: unset;
  color: unset;
  text-decoration: unset;
  margin: unset;
  position: unset;
  top: unset;
  height: unset;
  overflow-clip-margin: unset;
  overflow: unset;
  transition: unset;
  border: none;
  outline: none;
  min-height: unset;
}
.reset-button-all a,
.reset-button-all a:hover,
.reset-button-all a[disabled],
.reset-button-all a[disabled]:hover,
.reset-button-all a.aspNetDisabled,
.reset-button-all a.aspNetDisabled:hover {
  padding: unset;
  line-height: unset;
  background: unset;
  border: unset;
  border-radius: unset;
  cursor: unset;
  color: unset;
  text-decoration: unset;
  margin: unset;
  position: unset;
  top: unset;
  height: unset;
  overflow-clip-margin: unset;
  overflow: unset;
  transition: unset;
  border: none;
  outline: none;
  min-height: unset;
}
.reset-button-all a:focus,
.reset-button-all a:hover:focus,
.reset-button-all a[disabled]:focus,
.reset-button-all a[disabled]:hover:focus,
.reset-button-all a.aspNetDisabled:focus,
.reset-button-all a.aspNetDisabled:hover:focus,
.reset-button-all a:focus a,
.reset-button-all a:hover:focus a,
.reset-button-all a[disabled]:focus a,
.reset-button-all a[disabled]:hover:focus a,
.reset-button-all a.aspNetDisabled:focus a,
.reset-button-all a.aspNetDisabled:hover:focus a,
.reset-button-all a:active,
.reset-button-all a:hover:active,
.reset-button-all a[disabled]:active,
.reset-button-all a[disabled]:hover:active,
.reset-button-all a.aspNetDisabled:active,
.reset-button-all a.aspNetDisabled:hover:active,
.reset-button-all a:active a,
.reset-button-all a:hover:active a,
.reset-button-all a[disabled]:active a,
.reset-button-all a[disabled]:hover:active a,
.reset-button-all a.aspNetDisabled:active a,
.reset-button-all a.aspNetDisabled:hover:active a,
.reset-button-all a:hover,
.reset-button-all a:hover:hover,
.reset-button-all a[disabled]:hover,
.reset-button-all a[disabled]:hover:hover,
.reset-button-all a.aspNetDisabled:hover,
.reset-button-all a.aspNetDisabled:hover:hover,
.reset-button-all a:hover a,
.reset-button-all a:hover:hover a,
.reset-button-all a[disabled]:hover a,
.reset-button-all a[disabled]:hover:hover a,
.reset-button-all a.aspNetDisabled:hover a,
.reset-button-all a.aspNetDisabled:hover:hover a {
  /*.reset-button;*/
}
/* TEXT (Link) */
div.buttonlink a:link,
div.buttonlink a:visited {
  color: #006493;
  padding: 0.5rem 0.2rem;
  opacity: 1;
}
div.buttonlink a:active,
div.buttonlink a:focus {
  color: #006493;
  padding: 0.5rem 0.2rem;
  opacity: 0.88;
}
div.buttonlink:hover a,
div.buttonlink a:hover {
  color: #006493;
  /*opacity: 0.92;*/
  opacity: 0.82;
  padding: 0.5rem 0.2rem;
  background-color: transparent;
}
div.buttonlink a[disabled="disabled"],
div.buttonlink a[disabled="disabled"]:hover {
  color: #1a1c1e;
  padding: 0.5rem 0.2rem;
  opacity: 0.62;
}
/* Filled */
button.buttonfilled,
div.buttonfilled {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
button.buttonfilled a:link,
div.buttonfilled a:link,
button.buttonfilled a:active,
div.buttonfilled a:active,
button.buttonfilled a:focus,
div.buttonfilled a:focus,
button.buttonfilled a:visited,
div.buttonfilled a:visited {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  opacity: 1;
  padding: 0.5rem 1rem;
  text-shadow: none;
  font-weight: 500;
}
button.buttonfilled a:active,
div.buttonfilled a:active,
button.buttonfilled a:focus,
div.buttonfilled a:focus {
  opacity: 0.88;
}
button.buttonfilled:hover a,
div.buttonfilled:hover a,
button.buttonfilled a:hover,
div.buttonfilled a:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem;
  opacity: 0.92;
  cursor: pointer;
  font-weight: 500;
}
button.buttonfilled a[disabled="disabled"],
div.buttonfilled a[disabled="disabled"],
button.buttonfilled a[disabled="disabled"]:hover,
div.buttonfilled a[disabled="disabled"]:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem;
  opacity: 0.62;
  cursor: default;
  text-shadow: none;
  font-weight: 500;
}
button.buttonfilled a:link,
div.buttonfilled a:link,
button.buttonfilled a:active,
div.buttonfilled a:active,
button.buttonfilled a:focus,
div.buttonfilled a:focus,
button.buttonfilled a:visited,
div.buttonfilled a:visited {
  background-color: #006493;
  color: #ffffff;
  border: solid 1px #006493;
}
button.buttonfilled:hover a,
div.buttonfilled:hover a,
button.buttonfilled a:hover,
div.buttonfilled a:hover {
  background-color: #006493;
  color: #ffffff;
  border: solid 1px #006493;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}
button.buttonfilled a[disabled="disabled"],
div.buttonfilled a[disabled="disabled"],
button.buttonfilled a[disabled="disabled"]:hover,
div.buttonfilled a[disabled="disabled"]:hover {
  border: solid 1px #dde3ea;
  background-color: #dde3ea;
  color: #41474d;
  box-shadow: none;
}
/* FilledTonal */
button.buttonfilledtonal,
div.buttonfilledtonal {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
button.buttonfilledtonal a:link,
div.buttonfilledtonal a:link,
button.buttonfilledtonal a:active,
div.buttonfilledtonal a:active,
button.buttonfilledtonal a:focus,
div.buttonfilledtonal a:focus,
button.buttonfilledtonal a:visited,
div.buttonfilledtonal a:visited {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  opacity: 1;
  padding: 0.5rem 1rem;
  text-shadow: none;
  font-weight: 500;
}
button.buttonfilledtonal a:active,
div.buttonfilledtonal a:active,
button.buttonfilledtonal a:focus,
div.buttonfilledtonal a:focus {
  opacity: 0.88;
}
button.buttonfilledtonal:hover a,
div.buttonfilledtonal:hover a,
button.buttonfilledtonal a:hover,
div.buttonfilledtonal a:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem;
  opacity: 0.92;
  cursor: pointer;
  font-weight: 500;
}
button.buttonfilledtonal a[disabled="disabled"],
div.buttonfilledtonal a[disabled="disabled"],
button.buttonfilledtonal a[disabled="disabled"]:hover,
div.buttonfilledtonal a[disabled="disabled"]:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem;
  opacity: 0.62;
  cursor: default;
  text-shadow: none;
  font-weight: 500;
}
button.buttonfilledtonal a:link,
div.buttonfilledtonal a:link,
button.buttonfilledtonal a:visited,
div.buttonfilledtonal a:visited {
  background-color: #d3e5f5;
  color: #0c1d29;
  border: solid 1px #d3e5f5;
}
button.buttonfilledtonal a:active,
div.buttonfilledtonal a:active,
button.buttonfilledtonal a:focus,
div.buttonfilledtonal a:focus {
  background-color: #d3e5f5;
  color: #0c1d29;
  border: solid 1px #d3e5f5;
  opacity: 0.88;
}
button.buttonfilledtonal:hover a,
div.buttonfilledtonal:hover a,
button.buttonfilledtonal a:hover,
div.buttonfilledtonal a:hover {
  background-color: #d3e5f5;
  color: #0c1d29;
  border: solid 1px #d3e5f5;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}
button.buttonfilledtonal a[disabled="disabled"],
div.buttonfilledtonal a[disabled="disabled"],
button.buttonfilledtonal a[disabled="disabled"]:hover,
div.buttonfilledtonal a[disabled="disabled"]:hover {
  border: solid 1px #dde3ea;
  background-color: #dde3ea;
  color: #41474d;
  box-shadow: none;
}
/* Outlined */
button.buttonoutlined,
div.buttonoutlined {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
button.buttonoutlined a:link,
div.buttonoutlined a:link,
button.buttonoutlined a:active,
div.buttonoutlined a:active,
button.buttonoutlined a:focus,
div.buttonoutlined a:focus,
button.buttonoutlined a:visited,
div.buttonoutlined a:visited {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  opacity: 1;
  padding: 0.5rem 1rem;
  text-shadow: none;
  font-weight: 500;
}
button.buttonoutlined a:active,
div.buttonoutlined a:active,
button.buttonoutlined a:focus,
div.buttonoutlined a:focus {
  opacity: 0.88;
}
button.buttonoutlined:hover a,
div.buttonoutlined:hover a,
button.buttonoutlined a:hover,
div.buttonoutlined a:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem;
  opacity: 0.92;
  cursor: pointer;
  font-weight: 500;
}
button.buttonoutlined a[disabled="disabled"],
div.buttonoutlined a[disabled="disabled"],
button.buttonoutlined a[disabled="disabled"]:hover,
div.buttonoutlined a[disabled="disabled"]:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem;
  opacity: 0.62;
  cursor: default;
  text-shadow: none;
  font-weight: 500;
}
button.buttonoutlined a:link,
div.buttonoutlined a:link,
button.buttonoutlined a:visited,
div.buttonoutlined a:visited {
  background-color: transparent;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  color: #006493;
}
button.buttonoutlined a:active,
div.buttonoutlined a:active {
  background-color: transparent;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  color: #006493;
}
button.buttonoutlined a:focus,
div.buttonoutlined a:focus {
  background-color: transparent;
  color: #006493;
  border: solid 1px #006493;
}
button.buttonoutlined:hover a,
div.buttonoutlined:hover a,
button.buttonoutlined a:hover,
div.buttonoutlined a:hover {
  background-color: transparent;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  color: #006493;
}
button.buttonoutlined a[disabled="disabled"],
div.buttonoutlined a[disabled="disabled"],
button.buttonoutlined a[disabled="disabled"]:hover,
div.buttonoutlined a[disabled="disabled"]:hover {
  background-color: transparent;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  color: #41474d;
}
button.buttoniconoutlined,
div.buttoniconoutlined {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
button.buttoniconoutlined a:link,
div.buttoniconoutlined a:link,
button.buttoniconoutlined a:active,
div.buttoniconoutlined a:active,
button.buttoniconoutlined a:focus,
div.buttoniconoutlined a:focus,
button.buttoniconoutlined a:visited,
div.buttoniconoutlined a:visited {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  opacity: 1;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
}
button.buttoniconoutlined a:active,
div.buttoniconoutlined a:active,
button.buttoniconoutlined a:focus,
div.buttoniconoutlined a:focus {
  opacity: 0.88;
}
button.buttoniconoutlined:hover a,
div.buttoniconoutlined:hover a,
button.buttoniconoutlined a:hover,
div.buttoniconoutlined a:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
  opacity: 0.92;
  cursor: pointer;
}
button.buttoniconoutlined a[disabled="disabled"],
div.buttoniconoutlined a[disabled="disabled"],
button.buttoniconoutlined a[disabled="disabled"]:hover,
div.buttoniconoutlined a[disabled="disabled"]:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
  opacity: 0.62;
  cursor: default;
}
button.buttoniconoutlined a:link,
div.buttoniconoutlined a:link,
button.buttoniconoutlined a:visited,
div.buttoniconoutlined a:visited {
  background-color: transparent;
  border-color: #c1c7ce;
  color: #41474d;
  /*outline-color: @--md-sys-color-outline;
	outline-style: solid;
	outline-width: 1px;*/
  border-color: #72787e;
  border-style: solid;
  border-width: 1px;
}
button.buttoniconoutlined a:active,
div.buttoniconoutlined a:active,
button.buttoniconoutlined a:focus,
div.buttoniconoutlined a:focus {
  background-color: transparent;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  color: #1a1c1e;
}
button.buttoniconoutlined:hover a,
div.buttoniconoutlined:hover a,
button.buttoniconoutlined a:hover,
div.buttoniconoutlined a:hover {
  background-color: transparent;
  /*outline-color: @--md-sys-color-outline;
	outline-style: solid;
	outline-width: 1px;*/
  border-color: #72787e;
  border-style: solid;
  border-width: 1px;
  color: #41474d;
}
button.buttoniconoutlined a[disabled="disabled"],
div.buttoniconoutlined a[disabled="disabled"],
button.buttoniconoutlined a[disabled="disabled"]:hover,
div.buttoniconoutlined a[disabled="disabled"]:hover {
  background-color: transparent;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  color: #41474d;
  color: #1a1c1e;
  opacity: 0.62;
}
button.buttoniconfilledtonal,
div.buttoniconfilledtonal {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
button.buttoniconfilledtonal a:link,
div.buttoniconfilledtonal a:link,
button.buttoniconfilledtonal a:active,
div.buttoniconfilledtonal a:active,
button.buttoniconfilledtonal a:focus,
div.buttoniconfilledtonal a:focus,
button.buttoniconfilledtonal a:visited,
div.buttoniconfilledtonal a:visited {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  opacity: 1;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
}
button.buttoniconfilledtonal a:active,
div.buttoniconfilledtonal a:active,
button.buttoniconfilledtonal a:focus,
div.buttoniconfilledtonal a:focus {
  opacity: 0.88;
}
button.buttoniconfilledtonal:hover a,
div.buttoniconfilledtonal:hover a,
button.buttoniconfilledtonal a:hover,
div.buttoniconfilledtonal a:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
  opacity: 0.92;
  cursor: pointer;
}
button.buttoniconfilledtonal a[disabled="disabled"],
div.buttoniconfilledtonal a[disabled="disabled"],
button.buttoniconfilledtonal a[disabled="disabled"]:hover,
div.buttoniconfilledtonal a[disabled="disabled"]:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
  opacity: 0.62;
  cursor: default;
}
button.buttoniconfilledtonal a:link,
div.buttoniconfilledtonal a:link,
button.buttoniconfilledtonal a:visited,
div.buttoniconfilledtonal a:visited {
  background-color: #d3e5f5;
  color: #0c1d29;
  border: solid 1px #d3e5f5;
}
button.buttoniconfilledtonal a:active,
div.buttoniconfilledtonal a:active,
button.buttoniconfilledtonal a:focus,
div.buttoniconfilledtonal a:focus {
  background-color: #d3e5f5;
  /*.secondary-container-text;*/
  color: #41474d;
  border: solid 1px #d3e5f5;
}
button.buttoniconfilledtonal:hover a,
div.buttoniconfilledtonal:hover a,
button.buttoniconfilledtonal a:hover,
div.buttoniconfilledtonal a:hover {
  background-color: #d3e5f5;
  /*.secondary-container-text;*/
  color: #41474d;
  border: solid 1px #d3e5f5;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}
button.buttoniconfilledtonal a[disabled="disabled"],
div.buttoniconfilledtonal a[disabled="disabled"],
button.buttoniconfilledtonal a[disabled="disabled"]:hover,
div.buttoniconfilledtonal a[disabled="disabled"]:hover {
  border: solid 1px #dde3ea;
  background-color: #dde3ea;
  color: #41474d;
  box-shadow: none;
}
button.buttoniconfilled,
div.buttoniconfilled {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
button.buttoniconfilled a:link,
div.buttoniconfilled a:link,
button.buttoniconfilled a:active,
div.buttoniconfilled a:active,
button.buttoniconfilled a:focus,
div.buttoniconfilled a:focus,
button.buttoniconfilled a:visited,
div.buttoniconfilled a:visited {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  opacity: 1;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
}
button.buttoniconfilled a:active,
div.buttoniconfilled a:active,
button.buttoniconfilled a:focus,
div.buttoniconfilled a:focus {
  opacity: 0.88;
}
button.buttoniconfilled:hover a,
div.buttoniconfilled:hover a,
button.buttoniconfilled a:hover,
div.buttoniconfilled a:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
  opacity: 0.92;
  cursor: pointer;
}
button.buttoniconfilled a[disabled="disabled"],
div.buttoniconfilled a[disabled="disabled"],
button.buttoniconfilled a[disabled="disabled"]:hover,
div.buttoniconfilled a[disabled="disabled"]:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
  opacity: 0.62;
  cursor: default;
}
button.buttoniconfilled a:link,
div.buttoniconfilled a:link,
button.buttoniconfilled a:visited,
div.buttoniconfilled a:visited {
  background-color: #006493;
  color: #ffffff;
  border: solid 1px #006493;
}
button.buttoniconfilled a:active,
div.buttoniconfilled a:active,
button.buttoniconfilled a:focus,
div.buttoniconfilled a:focus {
  background-color: #006493;
  color: #ffffff;
  border: solid 1px #006493;
}
button.buttoniconfilled:hover a,
div.buttoniconfilled:hover a,
button.buttoniconfilled a:hover,
div.buttoniconfilled a:hover {
  background-color: #006493;
  color: #ffffff;
  border: solid 1px #006493;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}
button.buttoniconfilled a[disabled="disabled"],
div.buttoniconfilled a[disabled="disabled"],
button.buttoniconfilled a[disabled="disabled"]:hover,
div.buttoniconfilled a[disabled="disabled"]:hover {
  border: solid 1px #dde3ea;
  background-color: #dde3ea;
  color: #41474d;
  box-shadow: none;
}
/* Icon standard*/
div.buttonicon,
button.buttonicon {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
div.buttonicon a:link,
button.buttonicon a:link,
div.buttonicon a:active,
button.buttonicon a:active,
div.buttonicon a:focus,
button.buttonicon a:focus,
div.buttonicon a:visited,
button.buttonicon a:visited {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  opacity: 1;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
}
div.buttonicon a:active,
button.buttonicon a:active,
div.buttonicon a:focus,
button.buttonicon a:focus {
  opacity: 0.88;
}
div.buttonicon:hover a,
button.buttonicon:hover a,
div.buttonicon a:hover,
button.buttonicon a:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
  opacity: 0.92;
  cursor: pointer;
}
div.buttonicon a[disabled="disabled"],
button.buttonicon a[disabled="disabled"],
div.buttonicon a[disabled="disabled"]:hover,
button.buttonicon a[disabled="disabled"]:hover {
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0.2em;
  display: inline-block;
  text-shadow: none;
  font-weight: 500;
  opacity: 0.62;
  cursor: default;
}
div.buttonicon a,
button.buttonicon a,
div.buttonicon a[href],
button.buttonicon a[href],
div.buttonicon a:visited,
button.buttonicon a:visited {
  color: #41474d;
}
div.buttonicon a:active,
button.buttonicon a:active,
div.buttonicon a:focus,
button.buttonicon a:focus {
  color: #006493;
  outline-color: transparent;
}
div.buttonicon:hover a,
button.buttonicon:hover a,
div.buttonicon a:hover,
button.buttonicon a:hover,
div.buttonicon:hover a span,
button.buttonicon:hover a span,
div.buttonicon a:hover span,
button.buttonicon a:hover span,
div.buttonicon a:hover span:hover,
button.buttonicon a:hover span:hover {
  color: #006493;
  opacity: 0.92;
}
div.buttonicon:hover a[disabled="disabled"],
button.buttonicon:hover a[disabled="disabled"],
div.buttonicon a[disabled="disabled"]:hover,
button.buttonicon a[disabled="disabled"]:hover,
div.buttonicon:hover a[disabled="disabled"] span,
button.buttonicon:hover a[disabled="disabled"] span,
div.buttonicon a[disabled="disabled"]:hover span,
button.buttonicon a[disabled="disabled"]:hover span,
div.buttonicon a[disabled="disabled"]:hover span:hover,
button.buttonicon a[disabled="disabled"]:hover span:hover,
div.buttonicon a[disabled="disabled"],
button.buttonicon a[disabled="disabled"],
div.buttonicon a[disabled="disabled"]:hover,
button.buttonicon a[disabled="disabled"]:hover {
  color: #1a1c1e;
  opacity: 0.62;
}
div.buttonicon:hover a,
button.buttonicon:hover a {
  color: #41474d;
  opacity: 0.92;
}
div.buttonicon:hover a[disabled],
button.buttonicon:hover a[disabled] {
  color: #1a1c1e;
  opacity: 0.62;
}
/* Segmented buttons ********************************************/
.ls-segmented-buttonsgroup {
  box-shadow: none;
  white-space: nowrap;
  box-sizing: border-box;
  display: flex;
}
.ls-segmented-buttonsgroup .ls-button-segment a {
  border-radius: 0;
  /*outline-color: @--md-sys-color-outline;
	outline-style: solid;
	outline-width: 1px;*/
  border-color: #72787e;
  border-style: solid;
  border-width: 1px;
  border-collapse: collapse;
  display: inline-block;
  padding: 0.5rem 1rem;
  background-color: #fcfcff;
  color: #1a1c1e;
  border-right-width: 0;
  /*****************************/
  display: flex;
  align-items: center;
  padding: 0.5rem 1.6rem 0.5rem 0.5rem;
  /*****************************/
}
.ls-segmented-buttonsgroup .ls-button-segment a::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.ls-segmented-buttonsgroup .ls-button-segment a:active::before,
.ls-segmented-buttonsgroup .ls-button-segment a:focus::before {
  opacity: 0.88;
}
.ls-segmented-buttonsgroup .ls-button-segment a:hover::before {
  opacity: 0.92;
}
.ls-segmented-buttonsgroup .ls-button-segment a[disabled="disabled"]::before {
  opacity: 0.62;
}
.ls-segmented-buttonsgroup .ls-button-segment a[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.ls-segmented-buttonsgroup .ls-button-segment a.large::before {
  font-size: 2rem;
}
.ls-segmented-buttonsgroup .ls-button-segment a::before {
  content: "check";
  color: #98b756;
  font-weight: 350;
}
.ls-segmented-buttonsgroup .ls-button-segment a:before {
  padding-left: 0.15rem;
  padding-right: 0.25rem;
  font-size: 1rem;
  /*.secondary-container-text;*/
  color: transparent;
}
.ls-segmented-buttonsgroup .ls-button-segment a:link,
.ls-segmented-buttonsgroup .ls-button-segment a:visited,
.ls-segmented-buttonsgroup .ls-button-segment a:active {
  background-color: transparent;
}
.ls-segmented-buttonsgroup .ls-button-segment a:focus {
  background-color: transparent;
  outline: none;
  color: #0c1d29;
}
.ls-segmented-buttonsgroup .ls-button-segment:hover a,
.ls-segmented-buttonsgroup .ls-button-segment a:hover {
  color: #1a1c1e;
  opacity: 0.92;
}
.ls-segmented-buttonsgroup .ls-button-segment a[disabled="disabled"],
.ls-segmented-buttonsgroup .ls-button-segment a[disabled="disabled"]:hover {
  background-color: transparent;
  color: #41474d;
  opacity: 0.88;
}
.ls-segmented-buttonsgroup .ls-button-segment a[selected="true"],
.ls-segmented-buttonsgroup .ls-button-segment:hover a[selected="true"],
.ls-segmented-buttonsgroup .ls-button-segment a[selected="true"]:hover {
  background-color: #d3e5f5;
  color: #0c1d29;
  cursor: default;
  opacity: 1;
}
.ls-segmented-buttonsgroup .ls-button-segment a[selected="true"]:before,
.ls-segmented-buttonsgroup .ls-button-segment:hover a[selected="true"]:before,
.ls-segmented-buttonsgroup .ls-button-segment a[selected="true"]:hover:before {
  color: #0c1d29;
}
.ls-segmented-buttonsgroup .ls-button-segment:first-of-type > a {
  border-top-left-radius: 1.125rem;
  border-bottom-left-radius: 1.125rem;
  border-left-width: 1px;
}
.ls-segmented-buttonsgroup .ls-button-segment:last-of-type > a {
  border-top-right-radius: 1.125rem;
  border-bottom-right-radius: 1.125rem;
  border-right-width: 1px;
}
/****************************************************************/
/* MobileHeaderbuttons styling **********************************/
.mobile-header-buttons li div {
  width: 100%;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  /* Links mobile ***************************************************/
  a[href],
  .ClientButton,
  A.tooltip,
  A SPAN.tooltip {
    color: #006493;
    text-decoration: none;
    cursor: pointer;
  }
  A[href]:hover,
  .ClientButton:hover,
  A.tooltip:hover,
  A:hover SPAN.tooltip,
  A[href].alert:hover,
  A[href].attention:hover {
    color: #006493;
    opacity: 0.92;
    background: unset;
    text-decoration: none;
    cursor: pointer;
  }
  label[disabled] {
    color: #1a1c1e;
  }
  a[disabled],
  a[disabled]:hover {
    color: #1a1c1e;
    background: unset;
    cursor: default;
    text-shadow: unset;
    transition: none;
  }
  a[disabled] img,
  a[disabled]:hover img {
    filter: grayscale(100%) opacity(0.5);
  }
  /* Buttons mobile ***************************************************/
  button.button,
  div.button,
  a.button,
  span.button {
    padding: unset;
    line-height: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    outline: none;
    min-height: unset;
    display: inline-block;
    margin: 0 0.05em 0 0.05em;
  }
  button.button:visited,
  div.button:visited,
  a.button:visited,
  span.button:visited,
  button.button:visited a,
  div.button:visited a,
  a.button:visited a,
  span.button:visited a,
  button.button:focus,
  div.button:focus,
  a.button:focus,
  span.button:focus,
  button.button:focus a,
  div.button:focus a,
  a.button:focus a,
  span.button:focus a,
  button.button:active,
  div.button:active,
  a.button:active,
  span.button:active,
  button.button:active a,
  div.button:active a,
  a.button:active a,
  span.button:active a,
  button.button:hover,
  div.button:hover,
  a.button:hover,
  span.button:hover,
  button.button:hover a,
  div.button:hover a,
  a.button:hover a,
  span.button:hover a {
    padding: unset;
    line-height: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    outline: none;
    min-height: unset;
  }
  button.button a,
  div.button a,
  a.button a,
  span.button a,
  button.button a:hover,
  div.button a:hover,
  a.button a:hover,
  span.button a:hover,
  button.button a[disabled],
  div.button a[disabled],
  a.button a[disabled],
  span.button a[disabled],
  button.button a[disabled]:hover,
  div.button a[disabled]:hover,
  a.button a[disabled]:hover,
  span.button a[disabled]:hover,
  button.button a.aspNetDisabled,
  div.button a.aspNetDisabled,
  a.button a.aspNetDisabled,
  span.button a.aspNetDisabled,
  button.button a.aspNetDisabled:hover,
  div.button a.aspNetDisabled:hover,
  a.button a.aspNetDisabled:hover,
  span.button a.aspNetDisabled:hover {
    padding: unset;
    line-height: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    outline: none;
    min-height: unset;
  }
  button.button a:focus,
  div.button a:focus,
  a.button a:focus,
  span.button a:focus,
  button.button a:hover:focus,
  div.button a:hover:focus,
  a.button a:hover:focus,
  span.button a:hover:focus,
  button.button a[disabled]:focus,
  div.button a[disabled]:focus,
  a.button a[disabled]:focus,
  span.button a[disabled]:focus,
  button.button a[disabled]:hover:focus,
  div.button a[disabled]:hover:focus,
  a.button a[disabled]:hover:focus,
  span.button a[disabled]:hover:focus,
  button.button a.aspNetDisabled:focus,
  div.button a.aspNetDisabled:focus,
  a.button a.aspNetDisabled:focus,
  span.button a.aspNetDisabled:focus,
  button.button a.aspNetDisabled:hover:focus,
  div.button a.aspNetDisabled:hover:focus,
  a.button a.aspNetDisabled:hover:focus,
  span.button a.aspNetDisabled:hover:focus,
  button.button a:focus a,
  div.button a:focus a,
  a.button a:focus a,
  span.button a:focus a,
  button.button a:hover:focus a,
  div.button a:hover:focus a,
  a.button a:hover:focus a,
  span.button a:hover:focus a,
  button.button a[disabled]:focus a,
  div.button a[disabled]:focus a,
  a.button a[disabled]:focus a,
  span.button a[disabled]:focus a,
  button.button a[disabled]:hover:focus a,
  div.button a[disabled]:hover:focus a,
  a.button a[disabled]:hover:focus a,
  span.button a[disabled]:hover:focus a,
  button.button a.aspNetDisabled:focus a,
  div.button a.aspNetDisabled:focus a,
  a.button a.aspNetDisabled:focus a,
  span.button a.aspNetDisabled:focus a,
  button.button a.aspNetDisabled:hover:focus a,
  div.button a.aspNetDisabled:hover:focus a,
  a.button a.aspNetDisabled:hover:focus a,
  span.button a.aspNetDisabled:hover:focus a,
  button.button a:active,
  div.button a:active,
  a.button a:active,
  span.button a:active,
  button.button a:hover:active,
  div.button a:hover:active,
  a.button a:hover:active,
  span.button a:hover:active,
  button.button a[disabled]:active,
  div.button a[disabled]:active,
  a.button a[disabled]:active,
  span.button a[disabled]:active,
  button.button a[disabled]:hover:active,
  div.button a[disabled]:hover:active,
  a.button a[disabled]:hover:active,
  span.button a[disabled]:hover:active,
  button.button a.aspNetDisabled:active,
  div.button a.aspNetDisabled:active,
  a.button a.aspNetDisabled:active,
  span.button a.aspNetDisabled:active,
  button.button a.aspNetDisabled:hover:active,
  div.button a.aspNetDisabled:hover:active,
  a.button a.aspNetDisabled:hover:active,
  span.button a.aspNetDisabled:hover:active,
  button.button a:active a,
  div.button a:active a,
  a.button a:active a,
  span.button a:active a,
  button.button a:hover:active a,
  div.button a:hover:active a,
  a.button a:hover:active a,
  span.button a:hover:active a,
  button.button a[disabled]:active a,
  div.button a[disabled]:active a,
  a.button a[disabled]:active a,
  span.button a[disabled]:active a,
  button.button a[disabled]:hover:active a,
  div.button a[disabled]:hover:active a,
  a.button a[disabled]:hover:active a,
  span.button a[disabled]:hover:active a,
  button.button a.aspNetDisabled:active a,
  div.button a.aspNetDisabled:active a,
  a.button a.aspNetDisabled:active a,
  span.button a.aspNetDisabled:active a,
  button.button a.aspNetDisabled:hover:active a,
  div.button a.aspNetDisabled:hover:active a,
  a.button a.aspNetDisabled:hover:active a,
  span.button a.aspNetDisabled:hover:active a,
  button.button a:hover,
  div.button a:hover,
  a.button a:hover,
  span.button a:hover,
  button.button a:hover:hover,
  div.button a:hover:hover,
  a.button a:hover:hover,
  span.button a:hover:hover,
  button.button a[disabled]:hover,
  div.button a[disabled]:hover,
  a.button a[disabled]:hover,
  span.button a[disabled]:hover,
  button.button a[disabled]:hover:hover,
  div.button a[disabled]:hover:hover,
  a.button a[disabled]:hover:hover,
  span.button a[disabled]:hover:hover,
  button.button a.aspNetDisabled:hover,
  div.button a.aspNetDisabled:hover,
  a.button a.aspNetDisabled:hover,
  span.button a.aspNetDisabled:hover,
  button.button a.aspNetDisabled:hover:hover,
  div.button a.aspNetDisabled:hover:hover,
  a.button a.aspNetDisabled:hover:hover,
  span.button a.aspNetDisabled:hover:hover,
  button.button a:hover a,
  div.button a:hover a,
  a.button a:hover a,
  span.button a:hover a,
  button.button a:hover:hover a,
  div.button a:hover:hover a,
  a.button a:hover:hover a,
  span.button a:hover:hover a,
  button.button a[disabled]:hover a,
  div.button a[disabled]:hover a,
  a.button a[disabled]:hover a,
  span.button a[disabled]:hover a,
  button.button a[disabled]:hover:hover a,
  div.button a[disabled]:hover:hover a,
  a.button a[disabled]:hover:hover a,
  span.button a[disabled]:hover:hover a,
  button.button a.aspNetDisabled:hover a,
  div.button a.aspNetDisabled:hover a,
  a.button a.aspNetDisabled:hover a,
  span.button a.aspNetDisabled:hover a,
  button.button a.aspNetDisabled:hover:hover a,
  div.button a.aspNetDisabled:hover:hover a,
  a.button a.aspNetDisabled:hover:hover a,
  span.button a.aspNetDisabled:hover:hover a {
    /*.reset-button;*/
  }
  button.button a:link,
  div.button a:link,
  a.button a:link,
  span.button a:link,
  button.button a:active,
  div.button a:active,
  a.button a:active,
  span.button a:active,
  button.button a:focus,
  div.button a:focus,
  a.button a:focus,
  span.button a:focus,
  button.button a:visited,
  div.button a:visited,
  a.button a:visited,
  span.button a:visited {
    box-shadow: none;
    font-family: Roboto;
    font-style: normal;
    line-height: 1.333rem;
    letter-spacing: 0.042rem;
    border: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.125rem;
    opacity: 1;
    padding: 0.5rem 1rem;
    text-shadow: none;
    font-weight: 500;
  }
  button.button a:active,
  div.button a:active,
  a.button a:active,
  span.button a:active,
  button.button a:focus,
  div.button a:focus,
  a.button a:focus,
  span.button a:focus {
    opacity: 0.88;
  }
  button.button:hover a,
  div.button:hover a,
  a.button:hover a,
  span.button:hover a,
  button.button a:hover,
  div.button a:hover,
  a.button a:hover,
  span.button a:hover {
    box-shadow: none;
    font-family: Roboto;
    font-style: normal;
    line-height: 1.333rem;
    letter-spacing: 0.042rem;
    border: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.125rem;
    padding: 0.5rem 1rem;
    opacity: 0.92;
    cursor: pointer;
    font-weight: 500;
  }
  button.button a[disabled="disabled"],
  div.button a[disabled="disabled"],
  a.button a[disabled="disabled"],
  span.button a[disabled="disabled"],
  button.button a[disabled="disabled"]:hover,
  div.button a[disabled="disabled"]:hover,
  a.button a[disabled="disabled"]:hover,
  span.button a[disabled="disabled"]:hover {
    box-shadow: none;
    font-family: Roboto;
    font-style: normal;
    line-height: 1.333rem;
    letter-spacing: 0.042rem;
    border: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.125rem;
    padding: 0.5rem 1rem;
    opacity: 0.62;
    cursor: default;
    text-shadow: none;
    font-weight: 500;
  }
  button.button a:link,
  div.button a:link,
  a.button a:link,
  span.button a:link,
  button.button a:visited,
  div.button a:visited,
  a.button a:visited,
  span.button a:visited {
    background-color: #d3e5f5;
    color: #0c1d29;
    border: solid 1px #d3e5f5;
  }
  button.button a:active,
  div.button a:active,
  a.button a:active,
  span.button a:active,
  button.button a:focus,
  div.button a:focus,
  a.button a:focus,
  span.button a:focus {
    background-color: #d3e5f5;
    color: #0c1d29;
    border: solid 1px #d3e5f5;
    opacity: 0.88;
  }
  button.button:hover a,
  div.button:hover a,
  a.button:hover a,
  span.button:hover a,
  button.button a:hover,
  div.button a:hover,
  a.button a:hover,
  span.button a:hover {
    background-color: #d3e5f5;
    color: #0c1d29;
    border: solid 1px #d3e5f5;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
  }
  button.button a[disabled="disabled"],
  div.button a[disabled="disabled"],
  a.button a[disabled="disabled"],
  span.button a[disabled="disabled"],
  button.button a[disabled="disabled"]:hover,
  div.button a[disabled="disabled"]:hover,
  a.button a[disabled="disabled"]:hover,
  span.button a[disabled="disabled"]:hover {
    border: solid 1px #dde3ea;
    background-color: #dde3ea;
    color: #41474d;
    box-shadow: none;
  }
  div.buttonlink,
  button.buttonlink {
    padding: unset;
    line-height: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    outline: none;
    min-height: unset;
  }
  div.buttonlink:visited,
  button.buttonlink:visited,
  div.buttonlink:visited a,
  button.buttonlink:visited a,
  div.buttonlink:focus,
  button.buttonlink:focus,
  div.buttonlink:focus a,
  button.buttonlink:focus a,
  div.buttonlink:active,
  button.buttonlink:active,
  div.buttonlink:active a,
  button.buttonlink:active a,
  div.buttonlink:hover,
  button.buttonlink:hover,
  div.buttonlink:hover a,
  button.buttonlink:hover a {
    padding: unset;
    line-height: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    outline: none;
    min-height: unset;
  }
  div.buttonlink a,
  button.buttonlink a,
  div.buttonlink a:hover,
  button.buttonlink a:hover,
  div.buttonlink a[disabled],
  button.buttonlink a[disabled],
  div.buttonlink a[disabled]:hover,
  button.buttonlink a[disabled]:hover,
  div.buttonlink a.aspNetDisabled,
  button.buttonlink a.aspNetDisabled,
  div.buttonlink a.aspNetDisabled:hover,
  button.buttonlink a.aspNetDisabled:hover {
    padding: unset;
    line-height: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    outline: none;
    min-height: unset;
  }
  div.buttonlink a:focus,
  button.buttonlink a:focus,
  div.buttonlink a:hover:focus,
  button.buttonlink a:hover:focus,
  div.buttonlink a[disabled]:focus,
  button.buttonlink a[disabled]:focus,
  div.buttonlink a[disabled]:hover:focus,
  button.buttonlink a[disabled]:hover:focus,
  div.buttonlink a.aspNetDisabled:focus,
  button.buttonlink a.aspNetDisabled:focus,
  div.buttonlink a.aspNetDisabled:hover:focus,
  button.buttonlink a.aspNetDisabled:hover:focus,
  div.buttonlink a:focus a,
  button.buttonlink a:focus a,
  div.buttonlink a:hover:focus a,
  button.buttonlink a:hover:focus a,
  div.buttonlink a[disabled]:focus a,
  button.buttonlink a[disabled]:focus a,
  div.buttonlink a[disabled]:hover:focus a,
  button.buttonlink a[disabled]:hover:focus a,
  div.buttonlink a.aspNetDisabled:focus a,
  button.buttonlink a.aspNetDisabled:focus a,
  div.buttonlink a.aspNetDisabled:hover:focus a,
  button.buttonlink a.aspNetDisabled:hover:focus a,
  div.buttonlink a:active,
  button.buttonlink a:active,
  div.buttonlink a:hover:active,
  button.buttonlink a:hover:active,
  div.buttonlink a[disabled]:active,
  button.buttonlink a[disabled]:active,
  div.buttonlink a[disabled]:hover:active,
  button.buttonlink a[disabled]:hover:active,
  div.buttonlink a.aspNetDisabled:active,
  button.buttonlink a.aspNetDisabled:active,
  div.buttonlink a.aspNetDisabled:hover:active,
  button.buttonlink a.aspNetDisabled:hover:active,
  div.buttonlink a:active a,
  button.buttonlink a:active a,
  div.buttonlink a:hover:active a,
  button.buttonlink a:hover:active a,
  div.buttonlink a[disabled]:active a,
  button.buttonlink a[disabled]:active a,
  div.buttonlink a[disabled]:hover:active a,
  button.buttonlink a[disabled]:hover:active a,
  div.buttonlink a.aspNetDisabled:active a,
  button.buttonlink a.aspNetDisabled:active a,
  div.buttonlink a.aspNetDisabled:hover:active a,
  button.buttonlink a.aspNetDisabled:hover:active a,
  div.buttonlink a:hover,
  button.buttonlink a:hover,
  div.buttonlink a:hover:hover,
  button.buttonlink a:hover:hover,
  div.buttonlink a[disabled]:hover,
  button.buttonlink a[disabled]:hover,
  div.buttonlink a[disabled]:hover:hover,
  button.buttonlink a[disabled]:hover:hover,
  div.buttonlink a.aspNetDisabled:hover,
  button.buttonlink a.aspNetDisabled:hover,
  div.buttonlink a.aspNetDisabled:hover:hover,
  button.buttonlink a.aspNetDisabled:hover:hover,
  div.buttonlink a:hover a,
  button.buttonlink a:hover a,
  div.buttonlink a:hover:hover a,
  button.buttonlink a:hover:hover a,
  div.buttonlink a[disabled]:hover a,
  button.buttonlink a[disabled]:hover a,
  div.buttonlink a[disabled]:hover:hover a,
  button.buttonlink a[disabled]:hover:hover a,
  div.buttonlink a.aspNetDisabled:hover a,
  button.buttonlink a.aspNetDisabled:hover a,
  div.buttonlink a.aspNetDisabled:hover:hover a,
  button.buttonlink a.aspNetDisabled:hover:hover a {
    /*.reset-button;*/
  }
  div.buttonlink a:link,
  button.buttonlink a:link,
  div.buttonlink a:visited,
  button.buttonlink a:visited {
    color: #006493;
    padding: 0.5rem 0.2rem;
    opacity: 1;
  }
  div.buttonlink a:active,
  button.buttonlink a:active,
  div.buttonlink a:focus,
  button.buttonlink a:focus {
    color: #006493;
    padding: 0.5rem 0.2rem;
    opacity: 0.88;
  }
  div.buttonlink:hover a,
  button.buttonlink:hover a,
  div.buttonlink a:hover,
  button.buttonlink a:hover {
    color: #006493;
    /*opacity: 0.92;*/
    opacity: 0.82;
    padding: 0.5rem 0.2rem;
    background-color: transparent;
  }
  div.buttonlink a[disabled="disabled"],
  button.buttonlink a[disabled="disabled"],
  div.buttonlink a[disabled="disabled"]:hover,
  button.buttonlink a[disabled="disabled"]:hover {
    color: #1a1c1e;
    padding: 0.5rem 0.2rem;
    opacity: 0.62;
  }
  div.buttonicon,
  button.buttonicon {
    display: inline-block;
    margin: 0 0.05em 0 0.05em;
  }
  div.buttonicon a:link,
  button.buttonicon a:link,
  div.buttonicon a:active,
  button.buttonicon a:active,
  div.buttonicon a:focus,
  button.buttonicon a:focus,
  div.buttonicon a:visited,
  button.buttonicon a:visited {
    box-shadow: none;
    font-family: Roboto;
    font-style: normal;
    line-height: 1.333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: content-box;
    border-radius: 50%;
    height: 1.5rem;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    padding: 0.2em;
    opacity: 1;
    display: inline-block;
    text-shadow: none;
    font-weight: 500;
  }
  div.buttonicon a:active,
  button.buttonicon a:active,
  div.buttonicon a:focus,
  button.buttonicon a:focus {
    opacity: 0.88;
  }
  div.buttonicon:hover a,
  button.buttonicon:hover a,
  div.buttonicon a:hover,
  button.buttonicon a:hover {
    box-shadow: none;
    font-family: Roboto;
    font-style: normal;
    line-height: 1.333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: content-box;
    border-radius: 50%;
    height: 1.5rem;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    padding: 0.2em;
    display: inline-block;
    text-shadow: none;
    font-weight: 500;
    opacity: 0.92;
    cursor: pointer;
  }
  div.buttonicon a[disabled="disabled"],
  button.buttonicon a[disabled="disabled"],
  div.buttonicon a[disabled="disabled"]:hover,
  button.buttonicon a[disabled="disabled"]:hover {
    box-shadow: none;
    font-family: Roboto;
    font-style: normal;
    line-height: 1.333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: content-box;
    border-radius: 50%;
    height: 1.5rem;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    padding: 0.2em;
    display: inline-block;
    text-shadow: none;
    font-weight: 500;
    opacity: 0.62;
    cursor: default;
  }
  div.buttonicon a,
  button.buttonicon a,
  div.buttonicon a[href],
  button.buttonicon a[href],
  div.buttonicon a:visited,
  button.buttonicon a:visited {
    color: #41474d;
  }
  div.buttonicon a:active,
  button.buttonicon a:active,
  div.buttonicon a:focus,
  button.buttonicon a:focus {
    color: #006493;
    outline-color: transparent;
  }
  div.buttonicon:hover a,
  button.buttonicon:hover a,
  div.buttonicon a:hover,
  button.buttonicon a:hover,
  div.buttonicon:hover a span,
  button.buttonicon:hover a span,
  div.buttonicon a:hover span,
  button.buttonicon a:hover span,
  div.buttonicon a:hover span:hover,
  button.buttonicon a:hover span:hover {
    color: #006493;
    opacity: 0.92;
  }
  div.buttonicon:hover a[disabled="disabled"],
  button.buttonicon:hover a[disabled="disabled"],
  div.buttonicon a[disabled="disabled"]:hover,
  button.buttonicon a[disabled="disabled"]:hover,
  div.buttonicon:hover a[disabled="disabled"] span,
  button.buttonicon:hover a[disabled="disabled"] span,
  div.buttonicon a[disabled="disabled"]:hover span,
  button.buttonicon a[disabled="disabled"]:hover span,
  div.buttonicon a[disabled="disabled"]:hover span:hover,
  button.buttonicon a[disabled="disabled"]:hover span:hover,
  div.buttonicon a[disabled="disabled"],
  button.buttonicon a[disabled="disabled"],
  div.buttonicon a[disabled="disabled"]:hover,
  button.buttonicon a[disabled="disabled"]:hover {
    color: #1a1c1e;
    opacity: 0.62;
  }
  .lectioToolbar {
    overflow: hidden;
    padding: 0;
    background: unset;
    border-bottom: solid 1px #c6c6c9;
  }
  .lectioToolbar .button {
    padding: unset;
    line-height: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    outline: none;
    min-height: unset;
  }
  .lectioToolbar .button a:link,
  .lectioToolbar .button a:visited {
    color: #006493;
    padding: 0.5rem 0.2rem;
    opacity: 1;
  }
  .lectioToolbar .button a:active,
  .lectioToolbar .button a:focus {
    color: #006493;
    padding: 0.5rem 0.2rem;
    opacity: 0.88;
  }
  .lectioToolbar .button:hover a,
  .lectioToolbar .button a:hover {
    color: #006493;
    /*opacity: 0.92;*/
    opacity: 0.82;
    padding: 0.5rem 0.2rem;
    background-color: transparent;
  }
  .lectioToolbar .button a[disabled="disabled"],
  .lectioToolbar .button a[disabled="disabled"]:hover {
    color: #1a1c1e;
    padding: 0.5rem 0.2rem;
    opacity: 0.62;
  }
  .documentchooser-foldercontent-col {
    padding-top: 0.5rem;
  }
  /* subnav kviklinks mobile */
  .ls-subnav1 .buttonlink,
  .ls-subnav2 .buttonlink,
  .ls-subnav1 .buttonlink:hover,
  .ls-subnav2 .buttonlink:hover,
  .ls-subnav1 .buttonlink:focus,
  .ls-subnav2 .buttonlink:focus,
  .ls-subnav1 .buttonlink:active,
  .ls-subnav2 .buttonlink:active {
    display: inline-block;
    padding: 0.6em;
  }
  .ls-subnav1 .buttonlink a:link,
  .ls-subnav2 .buttonlink a:link,
  .ls-subnav1 .buttonlink:hover a:link,
  .ls-subnav2 .buttonlink:hover a:link,
  .ls-subnav1 .buttonlink:focus a:link,
  .ls-subnav2 .buttonlink:focus a:link,
  .ls-subnav1 .buttonlink:active a:link,
  .ls-subnav2 .buttonlink:active a:link,
  .ls-subnav1 .buttonlink a:visited,
  .ls-subnav2 .buttonlink a:visited,
  .ls-subnav1 .buttonlink:hover a:visited,
  .ls-subnav2 .buttonlink:hover a:visited,
  .ls-subnav1 .buttonlink:focus a:visited,
  .ls-subnav2 .buttonlink:focus a:visited,
  .ls-subnav1 .buttonlink:active a:visited,
  .ls-subnav2 .buttonlink:active a:visited,
  .ls-subnav1 .buttonlink a:focus,
  .ls-subnav2 .buttonlink a:focus,
  .ls-subnav1 .buttonlink:hover a:focus,
  .ls-subnav2 .buttonlink:hover a:focus,
  .ls-subnav1 .buttonlink:focus a:focus,
  .ls-subnav2 .buttonlink:focus a:focus,
  .ls-subnav1 .buttonlink:active a:focus,
  .ls-subnav2 .buttonlink:active a:focus,
  .ls-subnav1 .buttonlink a:active,
  .ls-subnav2 .buttonlink a:active,
  .ls-subnav1 .buttonlink:hover a:active,
  .ls-subnav2 .buttonlink:hover a:active,
  .ls-subnav1 .buttonlink:focus a:active,
  .ls-subnav2 .buttonlink:focus a:active,
  .ls-subnav1 .buttonlink:active a:active,
  .ls-subnav2 .buttonlink:active a:active,
  .ls-subnav1 .buttonlink a:hover,
  .ls-subnav2 .buttonlink a:hover,
  .ls-subnav1 .buttonlink:hover a:hover,
  .ls-subnav2 .buttonlink:hover a:hover,
  .ls-subnav1 .buttonlink:focus a:hover,
  .ls-subnav2 .buttonlink:focus a:hover,
  .ls-subnav1 .buttonlink:active a:hover,
  .ls-subnav2 .buttonlink:active a:hover {
    padding: 0.3em 0.5em 0.3em 0.5em;
  }
  .ls-subnav1 .ls-subnav-active,
  .ls-subnav2 .ls-subnav-active {
    padding: 0.6em;
  }
  .ls-subnav1 .ls-subnav-active a:link,
  .ls-subnav2 .ls-subnav-active a:link,
  .ls-subnav1 .ls-subnav-active a:visited,
  .ls-subnav2 .ls-subnav-active a:visited,
  .ls-subnav1 .ls-subnav-active a:active,
  .ls-subnav2 .ls-subnav-active a:active,
  .ls-subnav1 .ls-subnav-active a:hover,
  .ls-subnav2 .ls-subnav-active a:hover {
    padding: 0.3em 0.5em 0.3em 0.5em;
    text-shadow: none;
    background-color: transparent;
    cursor: default;
    border-radius: 0;
    border-bottom: solid 3px #006493;
    color: #006493;
  }
  /*context menu mobile*/
  div.lec-context-menu {
    background-color: #ecf1f9;
    border: none;
    border-radius: 0.35rem;
    min-width: 10rem;
    box-shadow: 0 2px 2px 0 rgba(66, 66, 66, 0.08), 0 2px 3px 2px rgba(66, 66, 66, 0.16);
  }
  div.lec-context-menu ul > li .buttonicon a,
  div.lec-context-menu ul > li .buttonlink a {
    color: #1a1c1e;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.033rem;
    line-height: 1.333rem;
    font-size: 1rem;
    padding: 0.4rem 0.5rem 0.4rem 0.3rem;
  }
  div.lec-context-menu ul > li .buttonicon a .ls-fonticon,
  div.lec-context-menu ul > li .buttonlink a .ls-fonticon {
    padding-right: 0.15rem;
    font-size: 1.5rem;
  }
}
/**************************************************************************************************/
/* searchbox */
.ls-searchbox-container {
  white-space: nowrap;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
  background-color: #ecf1f9;
  vertical-align: middle;
  display: flex;
  align-items: center;
  display: inline-block;
  box-sizing: border-box;
  outline: solid 1px transparent;
}
.ls-searchbox-container::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.ls-searchbox-container:active::before,
.ls-searchbox-container:focus::before {
  opacity: 0.88;
}
.ls-searchbox-container:hover::before {
  opacity: 0.92;
}
.ls-searchbox-container[disabled="disabled"]::before {
  opacity: 0.62;
}
.ls-searchbox-container[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.ls-searchbox-container.large::before {
  font-size: 2rem;
}
.ls-searchbox-container::before {
  content: "search";
}
.ls-searchbox-container:before {
  vertical-align: middle;
  color: #75777a;
  padding: 0;
}
.ls-searchbox-container:hover,
.ls-searchbox-container:focus-within {
  /*outline: solid 1px @color_lectio_LightBlue;*/
  outline: solid 1px #006493;
}
.ls-searchbox-container input {
  border: none;
  background: transparent;
  vertical-align: middle;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
}
.ls-searchbox-container input:focus {
  border: none;
  outline: none;
}
/* ***************************************************/
/* Fixed block Footer ************************/
/* ***************************************************/
#fixedBlock,
.fixedBlock {
  z-index: 20;
  overflow: hidden;
  width: 100%;
  position: fixed;
  bottom: -0.4em;
  left: 0;
  margin: 0;
  padding: 0;
}
@media screen {
  FORM > #fixedBlock,
  FORM > .ls-std-rowblock {
    position: fixed;
    z-index: 20;
  }
  #fixedBlock .ls-std-rowblock,
  .fixedBlock .ls-std-rowblock {
    transition: opacity 0.3s ease;
    opacity: 0.9;
    min-width: 40em;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 1.125rem;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
    padding: 0.25rem 0.5rem 0rem 0.5rem;
    background-color: #ecf1f9;
    margin: 0 auto 0.75rem auto;
  }
  #fixedBlock .ls-std-rowblock div.button,
  .fixedBlock .ls-std-rowblock div.button {
    padding: unset;
    line-height: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    outline: none;
    min-height: unset;
  }
  #fixedBlock .ls-std-rowblock div.button:visited,
  .fixedBlock .ls-std-rowblock div.button:visited,
  #fixedBlock .ls-std-rowblock div.button:visited a,
  .fixedBlock .ls-std-rowblock div.button:visited a,
  #fixedBlock .ls-std-rowblock div.button:focus,
  .fixedBlock .ls-std-rowblock div.button:focus,
  #fixedBlock .ls-std-rowblock div.button:focus a,
  .fixedBlock .ls-std-rowblock div.button:focus a,
  #fixedBlock .ls-std-rowblock div.button:active,
  .fixedBlock .ls-std-rowblock div.button:active,
  #fixedBlock .ls-std-rowblock div.button:active a,
  .fixedBlock .ls-std-rowblock div.button:active a,
  #fixedBlock .ls-std-rowblock div.button:hover,
  .fixedBlock .ls-std-rowblock div.button:hover,
  #fixedBlock .ls-std-rowblock div.button:hover a,
  .fixedBlock .ls-std-rowblock div.button:hover a {
    padding: unset;
    line-height: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    outline: none;
    min-height: unset;
  }
  #fixedBlock .ls-std-rowblock div.button a,
  .fixedBlock .ls-std-rowblock div.button a,
  #fixedBlock .ls-std-rowblock div.button a:hover,
  .fixedBlock .ls-std-rowblock div.button a:hover,
  #fixedBlock .ls-std-rowblock div.button a[disabled],
  .fixedBlock .ls-std-rowblock div.button a[disabled],
  #fixedBlock .ls-std-rowblock div.button a[disabled]:hover,
  .fixedBlock .ls-std-rowblock div.button a[disabled]:hover,
  #fixedBlock .ls-std-rowblock div.button a.aspNetDisabled,
  .fixedBlock .ls-std-rowblock div.button a.aspNetDisabled,
  #fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:hover,
  .fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:hover {
    padding: unset;
    line-height: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    outline: none;
    min-height: unset;
  }
  #fixedBlock .ls-std-rowblock div.button a:focus,
  .fixedBlock .ls-std-rowblock div.button a:focus,
  #fixedBlock .ls-std-rowblock div.button a:hover:focus,
  .fixedBlock .ls-std-rowblock div.button a:hover:focus,
  #fixedBlock .ls-std-rowblock div.button a[disabled]:focus,
  .fixedBlock .ls-std-rowblock div.button a[disabled]:focus,
  #fixedBlock .ls-std-rowblock div.button a[disabled]:hover:focus,
  .fixedBlock .ls-std-rowblock div.button a[disabled]:hover:focus,
  #fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:focus,
  .fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:focus,
  #fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:hover:focus,
  .fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:hover:focus,
  #fixedBlock .ls-std-rowblock div.button a:focus a,
  .fixedBlock .ls-std-rowblock div.button a:focus a,
  #fixedBlock .ls-std-rowblock div.button a:hover:focus a,
  .fixedBlock .ls-std-rowblock div.button a:hover:focus a,
  #fixedBlock .ls-std-rowblock div.button a[disabled]:focus a,
  .fixedBlock .ls-std-rowblock div.button a[disabled]:focus a,
  #fixedBlock .ls-std-rowblock div.button a[disabled]:hover:focus a,
  .fixedBlock .ls-std-rowblock div.button a[disabled]:hover:focus a,
  #fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:focus a,
  .fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:focus a,
  #fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:hover:focus a,
  .fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:hover:focus a,
  #fixedBlock .ls-std-rowblock div.button a:active,
  .fixedBlock .ls-std-rowblock div.button a:active,
  #fixedBlock .ls-std-rowblock div.button a:hover:active,
  .fixedBlock .ls-std-rowblock div.button a:hover:active,
  #fixedBlock .ls-std-rowblock div.button a[disabled]:active,
  .fixedBlock .ls-std-rowblock div.button a[disabled]:active,
  #fixedBlock .ls-std-rowblock div.button a[disabled]:hover:active,
  .fixedBlock .ls-std-rowblock div.button a[disabled]:hover:active,
  #fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:active,
  .fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:active,
  #fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:hover:active,
  .fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:hover:active,
  #fixedBlock .ls-std-rowblock div.button a:active a,
  .fixedBlock .ls-std-rowblock div.button a:active a,
  #fixedBlock .ls-std-rowblock div.button a:hover:active a,
  .fixedBlock .ls-std-rowblock div.button a:hover:active a,
  #fixedBlock .ls-std-rowblock div.button a[disabled]:active a,
  .fixedBlock .ls-std-rowblock div.button a[disabled]:active a,
  #fixedBlock .ls-std-rowblock div.button a[disabled]:hover:active a,
  .fixedBlock .ls-std-rowblock div.button a[disabled]:hover:active a,
  #fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:active a,
  .fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:active a,
  #fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:hover:active a,
  .fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:hover:active a,
  #fixedBlock .ls-std-rowblock div.button a:hover,
  .fixedBlock .ls-std-rowblock div.button a:hover,
  #fixedBlock .ls-std-rowblock div.button a:hover:hover,
  .fixedBlock .ls-std-rowblock div.button a:hover:hover,
  #fixedBlock .ls-std-rowblock div.button a[disabled]:hover,
  .fixedBlock .ls-std-rowblock div.button a[disabled]:hover,
  #fixedBlock .ls-std-rowblock div.button a[disabled]:hover:hover,
  .fixedBlock .ls-std-rowblock div.button a[disabled]:hover:hover,
  #fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:hover,
  .fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:hover,
  #fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:hover:hover,
  .fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:hover:hover,
  #fixedBlock .ls-std-rowblock div.button a:hover a,
  .fixedBlock .ls-std-rowblock div.button a:hover a,
  #fixedBlock .ls-std-rowblock div.button a:hover:hover a,
  .fixedBlock .ls-std-rowblock div.button a:hover:hover a,
  #fixedBlock .ls-std-rowblock div.button a[disabled]:hover a,
  .fixedBlock .ls-std-rowblock div.button a[disabled]:hover a,
  #fixedBlock .ls-std-rowblock div.button a[disabled]:hover:hover a,
  .fixedBlock .ls-std-rowblock div.button a[disabled]:hover:hover a,
  #fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:hover a,
  .fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:hover a,
  #fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:hover:hover a,
  .fixedBlock .ls-std-rowblock div.button a.aspNetDisabled:hover:hover a {
    /*.reset-button;*/
  }
  #fixedBlock .ls-std-rowblock div.button a:link,
  .fixedBlock .ls-std-rowblock div.button a:link,
  #fixedBlock .ls-std-rowblock div.button a:visited,
  .fixedBlock .ls-std-rowblock div.button a:visited {
    color: #006493;
    padding: 0.5rem 0.2rem;
    opacity: 1;
  }
  #fixedBlock .ls-std-rowblock div.button a:active,
  .fixedBlock .ls-std-rowblock div.button a:active,
  #fixedBlock .ls-std-rowblock div.button a:focus,
  .fixedBlock .ls-std-rowblock div.button a:focus {
    color: #006493;
    padding: 0.5rem 0.2rem;
    opacity: 0.88;
  }
  #fixedBlock .ls-std-rowblock div.button:hover a,
  .fixedBlock .ls-std-rowblock div.button:hover a,
  #fixedBlock .ls-std-rowblock div.button a:hover,
  .fixedBlock .ls-std-rowblock div.button a:hover {
    color: #006493;
    /*opacity: 0.92;*/
    opacity: 0.82;
    padding: 0.5rem 0.2rem;
    background-color: transparent;
  }
  #fixedBlock .ls-std-rowblock div.button a[disabled="disabled"],
  .fixedBlock .ls-std-rowblock div.button a[disabled="disabled"],
  #fixedBlock .ls-std-rowblock div.button a[disabled="disabled"]:hover,
  .fixedBlock .ls-std-rowblock div.button a[disabled="disabled"]:hover {
    color: #1a1c1e;
    padding: 0.5rem 0.2rem;
    opacity: 0.62;
  }
  #fixedBlock .ls-std-rowblock div.button a:active,
  .fixedBlock .ls-std-rowblock div.button a:active,
  #fixedBlock .ls-std-rowblock div.button a:focus,
  .fixedBlock .ls-std-rowblock div.button a:focus,
  #fixedBlock .ls-std-rowblock div.button a:link,
  .fixedBlock .ls-std-rowblock div.button a:link,
  #fixedBlock .ls-std-rowblock div.button a:visited,
  .fixedBlock .ls-std-rowblock div.button a:visited {
    padding: 0.5rem 0.75rem;
    cursor: pointer;
  }
  #fixedBlock .ls-std-rowblock div.button a:hover,
  .fixedBlock .ls-std-rowblock div.button a:hover {
    opacity: 0.8;
  }
  #fixedBlock .ls-std-rowblock div.button a[disabled="disabled"]:hover,
  .fixedBlock .ls-std-rowblock div.button a[disabled="disabled"]:hover {
    cursor: default;
    opacity: 0.62;
  }
  #fixedBlock .ls-std-rowblock div.buttonlink,
  .fixedBlock .ls-std-rowblock div.buttonlink,
  #fixedBlock .ls-std-rowblock div.buttonlink:hover,
  .fixedBlock .ls-std-rowblock div.buttonlink:hover,
  #fixedBlock .ls-std-rowblock div.buttonlink,
  .fixedBlock .ls-std-rowblock div.buttonlink,
  #fixedBlock .ls-std-rowblock div.buttonoutlined,
  .fixedBlock .ls-std-rowblock div.buttonoutlined,
  #fixedBlock .ls-std-rowblock div.ls-button-filledtonal,
  .fixedBlock .ls-std-rowblock div.ls-button-filledtonal {
    padding: 0.5rem 0.75rem;
  }
  #fixedBlock .ls-std-rowblock div.buttonlink a:active,
  .fixedBlock .ls-std-rowblock div.buttonlink a:active,
  #fixedBlock .ls-std-rowblock div.buttonlink:hover a:active,
  .fixedBlock .ls-std-rowblock div.buttonlink:hover a:active,
  #fixedBlock .ls-std-rowblock div.buttonlink a:active,
  .fixedBlock .ls-std-rowblock div.buttonlink a:active,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a:active,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a:active,
  #fixedBlock .ls-std-rowblock div.ls-button-filledtonal a:active,
  .fixedBlock .ls-std-rowblock div.ls-button-filledtonal a:active,
  #fixedBlock .ls-std-rowblock div.buttonlink a:focus,
  .fixedBlock .ls-std-rowblock div.buttonlink a:focus,
  #fixedBlock .ls-std-rowblock div.buttonlink:hover a:focus,
  .fixedBlock .ls-std-rowblock div.buttonlink:hover a:focus,
  #fixedBlock .ls-std-rowblock div.buttonlink a:focus,
  .fixedBlock .ls-std-rowblock div.buttonlink a:focus,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a:focus,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a:focus,
  #fixedBlock .ls-std-rowblock div.ls-button-filledtonal a:focus,
  .fixedBlock .ls-std-rowblock div.ls-button-filledtonal a:focus,
  #fixedBlock .ls-std-rowblock div.buttonlink a:link,
  .fixedBlock .ls-std-rowblock div.buttonlink a:link,
  #fixedBlock .ls-std-rowblock div.buttonlink:hover a:link,
  .fixedBlock .ls-std-rowblock div.buttonlink:hover a:link,
  #fixedBlock .ls-std-rowblock div.buttonlink a:link,
  .fixedBlock .ls-std-rowblock div.buttonlink a:link,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a:link,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a:link,
  #fixedBlock .ls-std-rowblock div.ls-button-filledtonal a:link,
  .fixedBlock .ls-std-rowblock div.ls-button-filledtonal a:link,
  #fixedBlock .ls-std-rowblock div.buttonlink a:visited,
  .fixedBlock .ls-std-rowblock div.buttonlink a:visited,
  #fixedBlock .ls-std-rowblock div.buttonlink:hover a:visited,
  .fixedBlock .ls-std-rowblock div.buttonlink:hover a:visited,
  #fixedBlock .ls-std-rowblock div.buttonlink a:visited,
  .fixedBlock .ls-std-rowblock div.buttonlink a:visited,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a:visited,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a:visited,
  #fixedBlock .ls-std-rowblock div.ls-button-filledtonal a:visited,
  .fixedBlock .ls-std-rowblock div.ls-button-filledtonal a:visited,
  #fixedBlock .ls-std-rowblock div.buttonlink a[disabled="disabled"]:hover,
  .fixedBlock .ls-std-rowblock div.buttonlink a[disabled="disabled"]:hover,
  #fixedBlock .ls-std-rowblock div.buttonlink:hover a[disabled="disabled"]:hover,
  .fixedBlock .ls-std-rowblock div.buttonlink:hover a[disabled="disabled"]:hover,
  #fixedBlock .ls-std-rowblock div.buttonlink a[disabled="disabled"]:hover,
  .fixedBlock .ls-std-rowblock div.buttonlink a[disabled="disabled"]:hover,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a[disabled="disabled"]:hover,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a[disabled="disabled"]:hover,
  #fixedBlock .ls-std-rowblock div.ls-button-filledtonal a[disabled="disabled"]:hover,
  .fixedBlock .ls-std-rowblock div.ls-button-filledtonal a[disabled="disabled"]:hover {
    cursor: pointer;
    border: none;
  }
  #fixedBlock .ls-std-rowblock div.buttonlink a:hover,
  .fixedBlock .ls-std-rowblock div.buttonlink a:hover,
  #fixedBlock .ls-std-rowblock div.buttonlink:hover a:hover,
  .fixedBlock .ls-std-rowblock div.buttonlink:hover a:hover,
  #fixedBlock .ls-std-rowblock div.buttonlink a:hover,
  .fixedBlock .ls-std-rowblock div.buttonlink a:hover,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a:hover,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a:hover,
  #fixedBlock .ls-std-rowblock div.ls-button-filledtonal a:hover,
  .fixedBlock .ls-std-rowblock div.ls-button-filledtonal a:hover {
    opacity: 0.8;
  }
  #fixedBlock .ls-std-rowblock div.buttonlink a[disabled="disabled"]:hover,
  .fixedBlock .ls-std-rowblock div.buttonlink a[disabled="disabled"]:hover,
  #fixedBlock .ls-std-rowblock div.buttonlink:hover a[disabled="disabled"]:hover,
  .fixedBlock .ls-std-rowblock div.buttonlink:hover a[disabled="disabled"]:hover,
  #fixedBlock .ls-std-rowblock div.buttonlink a[disabled="disabled"]:hover,
  .fixedBlock .ls-std-rowblock div.buttonlink a[disabled="disabled"]:hover,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a[disabled="disabled"]:hover,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a[disabled="disabled"]:hover,
  #fixedBlock .ls-std-rowblock div.ls-button-filledtonal a[disabled="disabled"]:hover,
  .fixedBlock .ls-std-rowblock div.ls-button-filledtonal a[disabled="disabled"]:hover {
    cursor: default;
    opacity: 0.62;
  }
  #fixedBlock .ls-std-rowblock:hover,
  .fixedBlock .ls-std-rowblock:hover {
    opacity: 1;
  }
}
/* END - FixedBlock Footer******************/
/* target small screen */
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  /* vising af fixed knaprække på mobil */
  #fixedBlock .ls-std-rowblock,
  .fixedBlock .ls-std-rowblock,
  #fixedBlock .ls-std-rowblock:hover {
    min-width: 10rem;
    max-width: 100%;
    cursor: unset;
    border: none;
    outline: none;
    margin: unset;
    padding: unset;
    border-radius: unset;
    transition: unset;
    box-shadow: unset;
    opacity: unset;
    background: unset;
    box-sizing: border-box;
    border-radius: 1.125rem;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    margin: 0 0.5rem 0.75rem 0.5rem;
    padding: 0.1rem 0.5rem;
    background-color: #ecf1f9;
    overflow-x: auto;
    flex-wrap: nowrap;
  }
  #fixedBlock .ls-std-rowblock div.buttonlink,
  .fixedBlock .ls-std-rowblock div.buttonlink,
  #fixedBlock .ls-std-rowblock:hover div.buttonlink,
  #fixedBlock .ls-std-rowblock div.buttonoutlined,
  .fixedBlock .ls-std-rowblock div.buttonoutlined,
  #fixedBlock .ls-std-rowblock:hover div.buttonoutlined {
    padding: 0.5rem 1rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
  #fixedBlock .ls-std-rowblock div.buttonlink a:active,
  .fixedBlock .ls-std-rowblock div.buttonlink a:active,
  #fixedBlock .ls-std-rowblock:hover div.buttonlink a:active,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a:active,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a:active,
  #fixedBlock .ls-std-rowblock:hover div.buttonoutlined a:active,
  #fixedBlock .ls-std-rowblock div.buttonlink a:focus,
  .fixedBlock .ls-std-rowblock div.buttonlink a:focus,
  #fixedBlock .ls-std-rowblock:hover div.buttonlink a:focus,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a:focus,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a:focus,
  #fixedBlock .ls-std-rowblock:hover div.buttonoutlined a:focus,
  #fixedBlock .ls-std-rowblock div.buttonlink a:link,
  .fixedBlock .ls-std-rowblock div.buttonlink a:link,
  #fixedBlock .ls-std-rowblock:hover div.buttonlink a:link,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a:link,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a:link,
  #fixedBlock .ls-std-rowblock:hover div.buttonoutlined a:link,
  #fixedBlock .ls-std-rowblock div.buttonlink a:visited,
  .fixedBlock .ls-std-rowblock div.buttonlink a:visited,
  #fixedBlock .ls-std-rowblock:hover div.buttonlink a:visited,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a:visited,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a:visited,
  #fixedBlock .ls-std-rowblock:hover div.buttonoutlined a:visited,
  #fixedBlock .ls-std-rowblock div.buttonlink a[disabled="disabled"]:hover,
  .fixedBlock .ls-std-rowblock div.buttonlink a[disabled="disabled"]:hover,
  #fixedBlock .ls-std-rowblock:hover div.buttonlink a[disabled="disabled"]:hover,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a[disabled="disabled"]:hover,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a[disabled="disabled"]:hover,
  #fixedBlock .ls-std-rowblock:hover div.buttonoutlined a[disabled="disabled"]:hover {
    cursor: pointer;
    border: none;
    background: transparent;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
  #fixedBlock .ls-std-rowblock div.buttonlink a:active img,
  .fixedBlock .ls-std-rowblock div.buttonlink a:active img,
  #fixedBlock .ls-std-rowblock:hover div.buttonlink a:active img,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a:active img,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a:active img,
  #fixedBlock .ls-std-rowblock:hover div.buttonoutlined a:active img,
  #fixedBlock .ls-std-rowblock div.buttonlink a:focus img,
  .fixedBlock .ls-std-rowblock div.buttonlink a:focus img,
  #fixedBlock .ls-std-rowblock:hover div.buttonlink a:focus img,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a:focus img,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a:focus img,
  #fixedBlock .ls-std-rowblock:hover div.buttonoutlined a:focus img,
  #fixedBlock .ls-std-rowblock div.buttonlink a:link img,
  .fixedBlock .ls-std-rowblock div.buttonlink a:link img,
  #fixedBlock .ls-std-rowblock:hover div.buttonlink a:link img,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a:link img,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a:link img,
  #fixedBlock .ls-std-rowblock:hover div.buttonoutlined a:link img,
  #fixedBlock .ls-std-rowblock div.buttonlink a:visited img,
  .fixedBlock .ls-std-rowblock div.buttonlink a:visited img,
  #fixedBlock .ls-std-rowblock:hover div.buttonlink a:visited img,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a:visited img,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a:visited img,
  #fixedBlock .ls-std-rowblock:hover div.buttonoutlined a:visited img,
  #fixedBlock .ls-std-rowblock div.buttonlink a[disabled="disabled"]:hover img,
  .fixedBlock .ls-std-rowblock div.buttonlink a[disabled="disabled"]:hover img,
  #fixedBlock .ls-std-rowblock:hover div.buttonlink a[disabled="disabled"]:hover img,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a[disabled="disabled"]:hover img,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a[disabled="disabled"]:hover img,
  #fixedBlock .ls-std-rowblock:hover div.buttonoutlined a[disabled="disabled"]:hover img,
  #fixedBlock .ls-std-rowblock div.buttonlink a:active .ls-fonticon,
  .fixedBlock .ls-std-rowblock div.buttonlink a:active .ls-fonticon,
  #fixedBlock .ls-std-rowblock:hover div.buttonlink a:active .ls-fonticon,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a:active .ls-fonticon,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a:active .ls-fonticon,
  #fixedBlock .ls-std-rowblock:hover div.buttonoutlined a:active .ls-fonticon,
  #fixedBlock .ls-std-rowblock div.buttonlink a:focus .ls-fonticon,
  .fixedBlock .ls-std-rowblock div.buttonlink a:focus .ls-fonticon,
  #fixedBlock .ls-std-rowblock:hover div.buttonlink a:focus .ls-fonticon,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a:focus .ls-fonticon,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a:focus .ls-fonticon,
  #fixedBlock .ls-std-rowblock:hover div.buttonoutlined a:focus .ls-fonticon,
  #fixedBlock .ls-std-rowblock div.buttonlink a:link .ls-fonticon,
  .fixedBlock .ls-std-rowblock div.buttonlink a:link .ls-fonticon,
  #fixedBlock .ls-std-rowblock:hover div.buttonlink a:link .ls-fonticon,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a:link .ls-fonticon,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a:link .ls-fonticon,
  #fixedBlock .ls-std-rowblock:hover div.buttonoutlined a:link .ls-fonticon,
  #fixedBlock .ls-std-rowblock div.buttonlink a:visited .ls-fonticon,
  .fixedBlock .ls-std-rowblock div.buttonlink a:visited .ls-fonticon,
  #fixedBlock .ls-std-rowblock:hover div.buttonlink a:visited .ls-fonticon,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a:visited .ls-fonticon,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a:visited .ls-fonticon,
  #fixedBlock .ls-std-rowblock:hover div.buttonoutlined a:visited .ls-fonticon,
  #fixedBlock .ls-std-rowblock div.buttonlink a[disabled="disabled"]:hover .ls-fonticon,
  .fixedBlock .ls-std-rowblock div.buttonlink a[disabled="disabled"]:hover .ls-fonticon,
  #fixedBlock .ls-std-rowblock:hover div.buttonlink a[disabled="disabled"]:hover .ls-fonticon,
  #fixedBlock .ls-std-rowblock div.buttonoutlined a[disabled="disabled"]:hover .ls-fonticon,
  .fixedBlock .ls-std-rowblock div.buttonoutlined a[disabled="disabled"]:hover .ls-fonticon,
  #fixedBlock .ls-std-rowblock:hover div.buttonoutlined a[disabled="disabled"]:hover .ls-fonticon {
    display: none;
  }
}
/* ***************************************************/
/* MD Ikoner ************************/
/* ***************************************************/
.md-red {
  color: #a80710;
}
.ls-fonticon .notification-dot {
  position: absolute;
  padding: 5px 5px;
  border-radius: 50%;
  background: #de3730;
  margin-left: -0.5rem;
}
/* Mobil menu knapper*/
.ls-mobil-mere-sheet-menu-list {
  display: flex;
  justify-content: flex-start;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-mobil-mere-sheet-menu-list {
    height: 90%;
    flex-flow: column wrap;
    overflow-y: auto;
  }
}
@media only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-mobil-mere-sheet-menu-list {
    height: 100%;
    flex-flow: row wrap;
  }
}
.ls-mobil-mere-sheet-menu-list DIV.ls-mobil-menu-button {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  font-size: 0.916rem;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-mobil-mere-sheet-menu-list DIV.ls-mobil-menu-button {
    width: 50%;
    min-height: calc(100% / 9);
    height: calc(100% / var(--TotalMobilMereLinks));
  }
}
@media only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-mobil-mere-sheet-menu-list DIV.ls-mobil-menu-button {
    width: calc(100% / 4);
    max-height: calc(100% / 4);
    min-height: calc(100% / 5);
    height: auto;
  }
}
.ls-mobil-mere-sheet-menu-list .ls-fonticon {
  font-size: 1.6rem;
  margin-right: 0.6rem;
}
.ls-mobil-mere-sheet-menu-list DIV a[href] {
  height: 100%;
  border-radius: 1.5rem;
  flex-flow: row nowrap;
  align-items: center;
  padding: 0 0.5rem;
  margin: 0 0.3rem;
}
.ls-mobil-mere-sheet-menu-list DIV a[href]:link,
.ls-mobil-mere-sheet-menu-list DIV a[href]:visited,
.ls-mobil-mere-sheet-menu-list DIV a[href]:hover,
.ls-mobil-mere-sheet-menu-list DIV a[href]:focus,
.ls-mobil-mere-sheet-menu-list DIV a[href]:active {
  color: #1a1c1e;
  background-color: transparent;
  display: flex;
  border: none;
  outline: none;
}
.ls-mobil-mere-sheet-menu-list DIV a[href][current-page] {
  background-color: #d3e5f5;
  color: #0c1d29;
  border-radius: 1.5rem;
  font-weight: 700;
}
.ls-mobil-mere-sheet-menu-list DIV a[href][current-page] .ls-fonticon {
  font-variation-settings: 'FILL' 1;
  font-weight: 300;
}
.file-buttons-less-end {
  color: blue;
}

.file-constants-less {
  color: blue;
}
.file-fonticons-less {
  color: blue;
}
/* Icons *******************************************************************************************/
.ls-fonticon {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
/***********************************************/
.prepend-fonticon {
  display: flex;
  align-items: center;
}
.prepend-fonticon::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon:active::before,
.prepend-fonticon:focus::before {
  opacity: 0.88;
}
.prepend-fonticon:hover::before {
  opacity: 0.92;
}
.prepend-fonticon[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon.large::before {
  font-size: 2rem;
}
.prepend-fonticon-filled {
  display: flex;
  align-items: center;
}
.prepend-fonticon-filled::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-filled:active::before,
.prepend-fonticon-filled:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-filled:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-filled[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-filled[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-filled.large::before {
  font-size: 2rem;
}
.prepend-fonticon-filled::before {
  font-variation-settings: 'FILL' 1;
}
/* entititeter ***********************************************/
/*.ac_results .xx er for at holde klassenavne små når de bliver brugt i LectioDropDowns */
.prepend-fonticon-student,
.ac_results .fs {
  display: flex;
  align-items: center;
}
.prepend-fonticon-student::before,
.ac_results .fs::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-student:active::before,
.ac_results .fs:active::before,
.prepend-fonticon-student:focus::before,
.ac_results .fs:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-student:hover::before,
.ac_results .fs:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-student[disabled="disabled"]::before,
.ac_results .fs[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-student[disabled="disabled"]:hover::before,
.ac_results .fs[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-student.large::before,
.ac_results .fs.large::before {
  font-size: 2rem;
}
.prepend-fonticon-student::before,
.ac_results .fs::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-student::before,
.ac_results .fs::before {
  content: "person";
  color: #fb910b;
}
.prepend-fonticon-teacher,
.ac_results .ft {
  display: flex;
  align-items: center;
}
.prepend-fonticon-teacher::before,
.ac_results .ft::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-teacher:active::before,
.ac_results .ft:active::before,
.prepend-fonticon-teacher:focus::before,
.ac_results .ft:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-teacher:hover::before,
.ac_results .ft:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-teacher[disabled="disabled"]::before,
.ac_results .ft[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-teacher[disabled="disabled"]:hover::before,
.ac_results .ft[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-teacher.large::before,
.ac_results .ft.large::before {
  font-size: 2rem;
}
.prepend-fonticon-teacher::before,
.ac_results .ft::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-teacher::before,
.ac_results .ft::before {
  content: "person";
  color: #98b756;
}
.prepend-fonticon-hold,
.ac_results .fh {
  display: flex;
  align-items: center;
}
.prepend-fonticon-hold::before,
.ac_results .fh::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-hold:active::before,
.ac_results .fh:active::before,
.prepend-fonticon-hold:focus::before,
.ac_results .fh:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-hold:hover::before,
.ac_results .fh:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-hold[disabled="disabled"]::before,
.ac_results .fh[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-hold[disabled="disabled"]:hover::before,
.ac_results .fh[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-hold.large::before,
.ac_results .fh.large::before {
  font-size: 2rem;
}
.prepend-fonticon-hold::before,
.ac_results .fh::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-hold::before,
.ac_results .fh::before {
  content: "group";
  color: #6eaef1;
}
.prepend-fonticon-holdelement,
.ac_results .fhe {
  display: flex;
  align-items: center;
}
.prepend-fonticon-holdelement::before,
.ac_results .fhe::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-holdelement:active::before,
.ac_results .fhe:active::before,
.prepend-fonticon-holdelement:focus::before,
.ac_results .fhe:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-holdelement:hover::before,
.ac_results .fhe:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-holdelement[disabled="disabled"]::before,
.ac_results .fhe[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-holdelement[disabled="disabled"]:hover::before,
.ac_results .fhe[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-holdelement.large::before,
.ac_results .fhe.large::before {
  font-size: 2rem;
}
.prepend-fonticon-holdelement::before,
.ac_results .fhe::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-holdelement::before,
.ac_results .fhe::before {
  content: "group";
  color: #6eaef1;
}
.prepend-fonticon-stamclass,
.ac_results .fsc {
  display: flex;
  align-items: center;
}
.prepend-fonticon-stamclass::before,
.ac_results .fsc::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-stamclass:active::before,
.ac_results .fsc:active::before,
.prepend-fonticon-stamclass:focus::before,
.ac_results .fsc:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-stamclass:hover::before,
.ac_results .fsc:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-stamclass[disabled="disabled"]::before,
.ac_results .fsc[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-stamclass[disabled="disabled"]:hover::before,
.ac_results .fsc[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-stamclass.large::before,
.ac_results .fsc.large::before {
  font-size: 2rem;
}
.prepend-fonticon-stamclass::before,
.ac_results .fsc::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-stamclass::before,
.ac_results .fsc::before {
  content: "group";
  color: #6eaef1;
}
.prepend-fonticon-room,
.ac_results .fr {
  display: flex;
  align-items: center;
}
.prepend-fonticon-room::before,
.ac_results .fr::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-room:active::before,
.ac_results .fr:active::before,
.prepend-fonticon-room:focus::before,
.ac_results .fr:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-room:hover::before,
.ac_results .fr:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-room[disabled="disabled"]::before,
.ac_results .fr[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-room[disabled="disabled"]:hover::before,
.ac_results .fr[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-room.large::before,
.ac_results .fr.large::before {
  font-size: 2rem;
}
.prepend-fonticon-room::before,
.ac_results .fr::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-room::before,
.ac_results .fr::before {
  content: "meeting_room";
  color: #dec855;
}
.prepend-fonticon-resource {
  display: flex;
  align-items: center;
}
.prepend-fonticon-resource::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-resource:active::before,
.prepend-fonticon-resource:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-resource:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-resource[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-resource[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-resource.large::before {
  font-size: 2rem;
}
.prepend-fonticon-resource::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-resource::before {
  content: "work";
  color: #6d5f0f;
}
.prepend-fonticon-studentforloeb,
.ac_results .fsf {
  display: flex;
  align-items: center;
}
.prepend-fonticon-studentforloeb::before,
.ac_results .fsf::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-studentforloeb:active::before,
.ac_results .fsf:active::before,
.prepend-fonticon-studentforloeb:focus::before,
.ac_results .fsf:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-studentforloeb:hover::before,
.ac_results .fsf:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-studentforloeb[disabled="disabled"]::before,
.ac_results .fsf[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-studentforloeb[disabled="disabled"]:hover::before,
.ac_results .fsf[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-studentforloeb.large::before,
.ac_results .fsf.large::before {
  font-size: 2rem;
}
.prepend-fonticon-studentforloeb::before,
.ac_results .fsf::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-studentforloeb::before,
.ac_results .fsf::before {
  content: "group";
  color: #fb910b;
}
.prepend-fonticon-uddannelsesforloeb {
  display: flex;
  align-items: center;
}
.prepend-fonticon-uddannelsesforloeb::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-uddannelsesforloeb:active::before,
.prepend-fonticon-uddannelsesforloeb:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-uddannelsesforloeb:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-uddannelsesforloeb[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-uddannelsesforloeb[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-uddannelsesforloeb.large::before {
  font-size: 2rem;
}
.prepend-fonticon-uddannelsesforloeb::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-uddannelsesforloeb::before {
  /*	content: "event_upcoming";*/
  content: "school";
  color: #006493;
}
.prepend-fonticon-group {
  display: flex;
  align-items: center;
}
.prepend-fonticon-group::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-group:active::before,
.prepend-fonticon-group:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-group:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-group[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-group[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-group.large::before {
  font-size: 2rem;
}
.prepend-fonticon-group::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-group::before {
  content: "group";
  color: #6eaef1;
}
.prepend-fonticon-bullit {
  display: flex;
  align-items: center;
}
.prepend-fonticon-bullit::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-bullit:active::before,
.prepend-fonticon-bullit:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-bullit:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-bullit[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-bullit[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-bullit.large::before {
  font-size: 2rem;
}
.prepend-fonticon-bullit::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-bullit::before {
  content: "fiber_manual_record";
  font-size: 0.9rem;
  color: #006493;
}
.prepend-fonticon-bullit-prio1 {
  display: flex;
  align-items: center;
}
.prepend-fonticon-bullit-prio1::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-bullit-prio1:active::before,
.prepend-fonticon-bullit-prio1:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-bullit-prio1:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-bullit-prio1[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-bullit-prio1[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-bullit-prio1.large::before {
  font-size: 2rem;
}
.prepend-fonticon-bullit-prio1::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-bullit-prio1::before {
  padding-right: 0.3em;
  content: "fiber_manual_record";
  font-size: 0.9rem;
  color: #fc5d4f;
}
.prepend-fonticon-bullit-prio2 {
  display: flex;
  align-items: center;
}
.prepend-fonticon-bullit-prio2::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-bullit-prio2:active::before,
.prepend-fonticon-bullit-prio2:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-bullit-prio2:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-bullit-prio2[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-bullit-prio2[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-bullit-prio2.large::before {
  font-size: 2rem;
}
.prepend-fonticon-bullit-prio2::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-bullit-prio2::before {
  padding-right: 0.3em;
  content: "fiber_manual_record";
  font-size: 0.9rem;
  color: #fbe570;
}
.prepend-fonticon-bullit-prio3 {
  display: flex;
  align-items: center;
}
.prepend-fonticon-bullit-prio3::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-bullit-prio3:active::before,
.prepend-fonticon-bullit-prio3:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-bullit-prio3:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-bullit-prio3[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-bullit-prio3[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-bullit-prio3.large::before {
  font-size: 2rem;
}
.prepend-fonticon-bullit-prio3::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-bullit-prio3::before {
  padding-right: 0.3em;
  content: "fiber_manual_record";
  font-size: 0.9rem;
  color: #006493;
}
.prepend-fonticon-document {
  display: flex;
  align-items: center;
}
.prepend-fonticon-document::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-document:active::before,
.prepend-fonticon-document:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-document:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-document[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-document[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-document.large::before {
  font-size: 2rem;
}
.prepend-fonticon-document::before {
  content: "description";
}
.prepend-fonticon-add,
.prepend-fonticon-add-green {
  display: flex;
  align-items: center;
}
.prepend-fonticon-add::before,
.prepend-fonticon-add-green::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-add:active::before,
.prepend-fonticon-add-green:active::before,
.prepend-fonticon-add:focus::before,
.prepend-fonticon-add-green:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-add:hover::before,
.prepend-fonticon-add-green:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-add[disabled="disabled"]::before,
.prepend-fonticon-add-green[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-add[disabled="disabled"]:hover::before,
.prepend-fonticon-add-green[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-add.large::before,
.prepend-fonticon-add-green.large::before {
  font-size: 2rem;
}
.prepend-fonticon-add::before,
.prepend-fonticon-add-green::before {
  content: "add";
  font-weight: 400;
}
.prepend-fonticon-add-green::before {
  color: #98b756;
}
.prepend-fonticon-edit {
  display: flex;
  align-items: center;
}
.prepend-fonticon-edit::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-edit:active::before,
.prepend-fonticon-edit:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-edit:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-edit[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-edit[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-edit.large::before {
  font-size: 2rem;
}
.prepend-fonticon-edit::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-edit::before {
  content: "edit";
}
.prepend-fonticon-delete {
  display: flex;
  align-items: center;
}
.prepend-fonticon-delete::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-delete:active::before,
.prepend-fonticon-delete:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-delete:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-delete[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-delete[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-delete.large::before {
  font-size: 2rem;
}
.prepend-fonticon-delete::before {
  content: "delete";
}
.prepend-fonticon-preview {
  display: flex;
  align-items: center;
}
.prepend-fonticon-preview::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-preview:active::before,
.prepend-fonticon-preview:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-preview:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-preview[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-preview[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-preview.large::before {
  font-size: 2rem;
}
.prepend-fonticon-preview::before {
  content: "preview";
}
.prepend-fonticon-mail {
  display: flex;
  align-items: center;
}
.prepend-fonticon-mail::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-mail:active::before,
.prepend-fonticon-mail:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-mail:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-mail[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-mail[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-mail.large::before {
  font-size: 2rem;
}
.prepend-fonticon-mail::before {
  content: "mail";
}
.prepend-fonticon-mail-read {
  display: flex;
  align-items: center;
}
.prepend-fonticon-mail-read::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-mail-read:active::before,
.prepend-fonticon-mail-read:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-mail-read:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-mail-read[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-mail-read[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-mail-read.large::before {
  font-size: 2rem;
}
.prepend-fonticon-mail-read::before {
  content: "mark_email_read";
}
.prepend-fonticon-help {
  display: flex;
  align-items: center;
}
.prepend-fonticon-help::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-help:active::before,
.prepend-fonticon-help:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-help:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-help[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-help[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-help.large::before {
  font-size: 2rem;
}
.prepend-fonticon-help::before {
  content: "help";
}
.prepend-fonticon-search {
  display: flex;
  align-items: center;
}
.prepend-fonticon-search::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-search:active::before,
.prepend-fonticon-search:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-search:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-search[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-search[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-search.large::before {
  font-size: 2rem;
}
.prepend-fonticon-search::before {
  content: "search";
}
.prepend-fonticon-zoom-in {
  display: flex;
  align-items: center;
}
.prepend-fonticon-zoom-in::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-zoom-in:active::before,
.prepend-fonticon-zoom-in:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-zoom-in:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-zoom-in[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-zoom-in[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-zoom-in.large::before {
  font-size: 2rem;
}
.prepend-fonticon-zoom-in::before {
  content: "zoom_in";
}
.prepend-fonticon-zoom-out {
  display: flex;
  align-items: center;
}
.prepend-fonticon-zoom-out::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-zoom-out:active::before,
.prepend-fonticon-zoom-out:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-zoom-out:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-zoom-out[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-zoom-out[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-zoom-out.large::before {
  font-size: 2rem;
}
.prepend-fonticon-zoom-out::before {
  content: "zoom_out";
}
.prepend-fonticon-content-copy {
  display: flex;
  align-items: center;
}
.prepend-fonticon-content-copy::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-content-copy:active::before,
.prepend-fonticon-content-copy:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-content-copy:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-content-copy[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-content-copy[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-content-copy.large::before {
  font-size: 2rem;
}
.prepend-fonticon-content-copy::before {
  content: "content_copy";
}
.prepend-fonticon-arrow-up {
  display: flex;
  align-items: center;
}
.prepend-fonticon-arrow-up::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-arrow-up:active::before,
.prepend-fonticon-arrow-up:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-arrow-up:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-arrow-up[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-arrow-up[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-arrow-up.large::before {
  font-size: 2rem;
}
.prepend-fonticon-arrow-up::before {
  content: "keyboard_arrow_up";
}
.prepend-fonticon-arrow-down {
  display: flex;
  align-items: center;
}
.prepend-fonticon-arrow-down::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-arrow-down:active::before,
.prepend-fonticon-arrow-down:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-arrow-down:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-arrow-down[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-arrow-down[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-arrow-down.large::before {
  font-size: 2rem;
}
.prepend-fonticon-arrow-down::before {
  content: "keyboard_arrow_down";
}
.prepend-fonticon-arrow-right {
  display: flex;
  align-items: center;
}
.prepend-fonticon-arrow-right::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-arrow-right:active::before,
.prepend-fonticon-arrow-right:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-arrow-right:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-arrow-right[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-arrow-right[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-arrow-right.large::before {
  font-size: 2rem;
}
.prepend-fonticon-arrow-right::before {
  content: "keyboard_arrow_right";
}
.prepend-fonticon-arrow-left {
  display: flex;
  align-items: center;
}
.prepend-fonticon-arrow-left::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-arrow-left:active::before,
.prepend-fonticon-arrow-left:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-arrow-left:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-arrow-left[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-arrow-left[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-arrow-left.large::before {
  font-size: 2rem;
}
.prepend-fonticon-arrow-left::before {
  content: "keyboard_arrow_left";
}
.prepend-fonticon-arrow-back {
  display: flex;
  align-items: center;
}
.prepend-fonticon-arrow-back::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-arrow-back:active::before,
.prepend-fonticon-arrow-back:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-arrow-back:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-arrow-back[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-arrow-back[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-arrow-back.large::before {
  font-size: 2rem;
}
.prepend-fonticon-arrow-back::before {
  content: "arrow_back";
}
.prepend-fonticon-arrow-forward {
  display: flex;
  align-items: center;
}
.prepend-fonticon-arrow-forward::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-arrow-forward:active::before,
.prepend-fonticon-arrow-forward:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-arrow-forward:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-arrow-forward[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-arrow-forward[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-arrow-forward.large::before {
  font-size: 2rem;
}
.prepend-fonticon-arrow-forward::before {
  content: "arrow_forward";
}
.prepend-fonticon-arrow-upward {
  display: flex;
  align-items: center;
}
.prepend-fonticon-arrow-upward::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-arrow-upward:active::before,
.prepend-fonticon-arrow-upward:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-arrow-upward:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-arrow-upward[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-arrow-upward[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-arrow-upward.large::before {
  font-size: 2rem;
}
.prepend-fonticon-arrow-upward::before {
  content: "arrow_upward";
}
.prepend-fonticon-arrow-downward {
  display: flex;
  align-items: center;
}
.prepend-fonticon-arrow-downward::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-arrow-downward:active::before,
.prepend-fonticon-arrow-downward:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-arrow-downward:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-arrow-downward[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-arrow-downward[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-arrow-downward.large::before {
  font-size: 2rem;
}
.prepend-fonticon-arrow-downward::before {
  content: "arrow_downward";
}
.prepend-fonticon-logout {
  display: flex;
  align-items: center;
}
.prepend-fonticon-logout::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-logout:active::before,
.prepend-fonticon-logout:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-logout:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-logout[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-logout[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-logout.large::before {
  font-size: 2rem;
}
.prepend-fonticon-logout::before {
  content: "logout";
}
.prepend-fonticon-studiekort {
  display: flex;
  align-items: center;
}
.prepend-fonticon-studiekort::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-studiekort:active::before,
.prepend-fonticon-studiekort:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-studiekort:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-studiekort[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-studiekort[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-studiekort.large::before {
  font-size: 2rem;
}
.prepend-fonticon-studiekort::before {
  content: "badge";
}
.prepend-fonticon-phone {
  display: flex;
  align-items: center;
}
.prepend-fonticon-phone::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-phone:active::before,
.prepend-fonticon-phone:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-phone:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-phone[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-phone[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-phone.large::before {
  font-size: 2rem;
}
.prepend-fonticon-phone::before {
  content: "phone_iphone";
}
.prepend-fonticon-qr-code {
  display: flex;
  align-items: center;
}
.prepend-fonticon-qr-code::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-qr-code:active::before,
.prepend-fonticon-qr-code:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-qr-code:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-qr-code[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-qr-code[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-qr-code.large::before {
  font-size: 2rem;
}
.prepend-fonticon-qr-code::before {
  content: "qr_code_2";
}
.prepend-fonticon-checkbox-checked {
  display: flex;
  align-items: center;
}
.prepend-fonticon-checkbox-checked::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-checkbox-checked:active::before,
.prepend-fonticon-checkbox-checked:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-checkbox-checked:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-checkbox-checked[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-checkbox-checked[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-checkbox-checked.large::before {
  font-size: 2rem;
}
.prepend-fonticon-checkbox-checked::before {
  content: "check_box";
}
.prepend-fonticon-checkbox-unchecked {
  display: flex;
  align-items: center;
}
.prepend-fonticon-checkbox-unchecked::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-checkbox-unchecked:active::before,
.prepend-fonticon-checkbox-unchecked:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-checkbox-unchecked:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-checkbox-unchecked[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-checkbox-unchecked[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-checkbox-unchecked.large::before {
  font-size: 2rem;
}
.prepend-fonticon-checkbox-unchecked::before {
  content: "check_box_outline_blank";
}
.prepend-fonticon-link {
  display: flex;
  align-items: center;
}
.prepend-fonticon-link::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-link:active::before,
.prepend-fonticon-link:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-link:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-link[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-link[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-link.large::before {
  font-size: 2rem;
}
.prepend-fonticon-link::before {
  content: "open_in_new";
}
.prepend-fonticon-forside {
  display: flex;
  align-items: center;
}
.prepend-fonticon-forside::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-forside:active::before,
.prepend-fonticon-forside:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-forside:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-forside[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-forside[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-forside.large::before {
  font-size: 2rem;
}
.prepend-fonticon-forside::before {
  content: "home";
}
.prepend-fonticon-dokumenter {
  display: flex;
  align-items: center;
}
.prepend-fonticon-dokumenter::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-dokumenter:active::before,
.prepend-fonticon-dokumenter:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-dokumenter:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-dokumenter[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-dokumenter[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-dokumenter.large::before {
  font-size: 2rem;
}
.prepend-fonticon-dokumenter::before {
  content: "description";
}
.prepend-fonticon-beskeder {
  display: flex;
  align-items: center;
}
.prepend-fonticon-beskeder::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-beskeder:active::before,
.prepend-fonticon-beskeder:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-beskeder:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-beskeder[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-beskeder[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-beskeder.large::before {
  font-size: 2rem;
}
.prepend-fonticon-beskeder::before {
  content: "mail";
}
.prepend-fonticon-studieplan {
  display: flex;
  align-items: center;
}
.prepend-fonticon-studieplan::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-studieplan:active::before,
.prepend-fonticon-studieplan:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-studieplan:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-studieplan[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-studieplan[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-studieplan.large::before {
  font-size: 2rem;
}
.prepend-fonticon-studieplan::before {
  content: "list_alt";
}
.prepend-fonticon-fravaer {
  display: flex;
  align-items: center;
}
.prepend-fonticon-fravaer::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-fravaer:active::before,
.prepend-fonticon-fravaer:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-fravaer:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-fravaer[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-fravaer[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-fravaer.large::before {
  font-size: 2rem;
}
.prepend-fonticon-fravaer::before {
  content: "event_available";
}
.prepend-fonticon-opgaver {
  display: flex;
  align-items: center;
}
.prepend-fonticon-opgaver::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-opgaver:active::before,
.prepend-fonticon-opgaver:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-opgaver:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-opgaver[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-opgaver[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-opgaver.large::before {
  font-size: 2rem;
}
.prepend-fonticon-opgaver::before {
  content: "folder_open";
}
.prepend-fonticon-lektier {
  display: flex;
  align-items: center;
}
.prepend-fonticon-lektier::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-lektier:active::before,
.prepend-fonticon-lektier:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-lektier:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-lektier[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-lektier[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-lektier.large::before {
  font-size: 2rem;
}
.prepend-fonticon-lektier::before {
  content: "bookmark";
}
.prepend-fonticon-karakterer {
  display: flex;
  align-items: center;
}
.prepend-fonticon-karakterer::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-karakterer:active::before,
.prepend-fonticon-karakterer:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-karakterer:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-karakterer[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-karakterer[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-karakterer.large::before {
  font-size: 2rem;
}
.prepend-fonticon-karakterer::before {
  content: "star";
}
.prepend-fonticon-spoergeskema {
  display: flex;
  align-items: center;
}
.prepend-fonticon-spoergeskema::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-spoergeskema:active::before,
.prepend-fonticon-spoergeskema:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-spoergeskema:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-spoergeskema[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-spoergeskema[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-spoergeskema.large::before {
  font-size: 2rem;
}
.prepend-fonticon-spoergeskema::before {
  content: "checklist";
}
.prepend-fonticon-indstillinger {
  display: flex;
  align-items: center;
}
.prepend-fonticon-indstillinger::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-indstillinger:active::before,
.prepend-fonticon-indstillinger:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-indstillinger:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-indstillinger[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-indstillinger[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-indstillinger.large::before {
  font-size: 2rem;
}
.prepend-fonticon-indstillinger::before {
  content: "settings";
}
.prepend-fonticon-login {
  display: flex;
  align-items: center;
}
.prepend-fonticon-login::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-login:active::before,
.prepend-fonticon-login:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-login:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-login[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-login[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-login.large::before {
  font-size: 2rem;
}
.prepend-fonticon-login::before {
  content: "login";
}
.prepend-fonticon-hovedmenu {
  display: flex;
  align-items: center;
}
.prepend-fonticon-hovedmenu::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-hovedmenu:active::before,
.prepend-fonticon-hovedmenu:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-hovedmenu:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-hovedmenu[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-hovedmenu[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-hovedmenu.large::before {
  font-size: 2rem;
}
.prepend-fonticon-hovedmenu::before {
  content: "lan";
}
/* subnavigator links **************************************/
.prepend-fonticon-boeger {
  display: flex;
  align-items: center;
}
.prepend-fonticon-boeger::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-boeger:active::before,
.prepend-fonticon-boeger:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-boeger:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-boeger[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-boeger[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-boeger.large::before {
  font-size: 2rem;
}
.prepend-fonticon-boeger::before {
  content: "import_contacts";
}
.prepend-fonticon-aarsopgoerelse {
  display: flex;
  align-items: center;
}
.prepend-fonticon-aarsopgoerelse::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-aarsopgoerelse:active::before,
.prepend-fonticon-aarsopgoerelse:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-aarsopgoerelse:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-aarsopgoerelse[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-aarsopgoerelse[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-aarsopgoerelse.large::before {
  font-size: 2rem;
}
.prepend-fonticon-aarsopgoerelse::before {
  content: "overview";
}
.prepend-fonticon-tidsregistrering {
  display: flex;
  align-items: center;
}
.prepend-fonticon-tidsregistrering::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-tidsregistrering:active::before,
.prepend-fonticon-tidsregistrering:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-tidsregistrering:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-tidsregistrering[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-tidsregistrering[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-tidsregistrering.large::before {
  font-size: 2rem;
}
.prepend-fonticon-tidsregistrering::before {
  content: "timer";
}
.prepend-fonticon-fravaersangivelse {
  display: flex;
  align-items: center;
}
.prepend-fonticon-fravaersangivelse::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-fravaersangivelse:active::before,
.prepend-fonticon-fravaersangivelse:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-fravaersangivelse:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-fravaersangivelse[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-fravaersangivelse[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-fravaersangivelse.large::before {
  font-size: 2rem;
}
.prepend-fonticon-fravaersangivelse::before {
  content: "event_available";
}
.prepend-fonticon-stamdata {
  display: flex;
  align-items: center;
}
.prepend-fonticon-stamdata::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-stamdata:active::before,
.prepend-fonticon-stamdata:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-stamdata:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-stamdata[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-stamdata[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-stamdata.large::before {
  font-size: 2rem;
}
.prepend-fonticon-stamdata::before {
  content: "data_table";
}
/* end subnavigator links **************************************/
.prepend-fonticon-ok {
  display: flex;
  align-items: center;
}
.prepend-fonticon-ok::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-ok:active::before,
.prepend-fonticon-ok:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-ok:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-ok[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-ok[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-ok.large::before {
  font-size: 2rem;
}
.prepend-fonticon-ok::before {
  content: "check";
  color: #98b756;
  font-weight: 350;
}
.prepend-fonticon-checkmark {
  display: flex;
  align-items: center;
}
.prepend-fonticon-checkmark::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-checkmark:active::before,
.prepend-fonticon-checkmark:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-checkmark:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-checkmark[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-checkmark[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-checkmark.large::before {
  font-size: 2rem;
}
.prepend-fonticon-checkmark::before {
  content: "check_circle";
  color: #98b756;
}
.prepend-fonticon-checkmark-not {
  display: flex;
  align-items: center;
}
.prepend-fonticon-checkmark-not::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-checkmark-not:active::before,
.prepend-fonticon-checkmark-not:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-checkmark-not:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-checkmark-not[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-checkmark-not[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-checkmark-not.large::before {
  font-size: 2rem;
}
.prepend-fonticon-checkmark-not::before {
  content: "do_not_disturb_on";
  color: #fc5d4f;
}
.prepend-fonticon-toggle-on {
  display: flex;
  align-items: center;
}
.prepend-fonticon-toggle-on::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-toggle-on:active::before,
.prepend-fonticon-toggle-on:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-toggle-on:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-toggle-on[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-toggle-on[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-toggle-on.large::before {
  font-size: 2rem;
}
.prepend-fonticon-toggle-on::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-toggle-on::before {
  content: "toggle_on";
  color: #98b756;
  align-self: center;
}
.prepend-fonticon-toggle-off {
  display: flex;
  align-items: center;
}
.prepend-fonticon-toggle-off::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-toggle-off:active::before,
.prepend-fonticon-toggle-off:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-toggle-off:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-toggle-off[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-toggle-off[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-toggle-off.large::before {
  font-size: 2rem;
}
.prepend-fonticon-toggle-off::before {
  content: "toggle_off";
  align-self: center;
}
.prepend-fonticon-block {
  display: flex;
  align-items: center;
}
.prepend-fonticon-block::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-block:active::before,
.prepend-fonticon-block:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-block:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-block[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-block[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-block.large::before {
  font-size: 2rem;
}
.prepend-fonticon-block::before {
  content: "block";
  color: #a43f34;
}
.prepend-fonticon-cancel {
  display: flex;
  align-items: center;
}
.prepend-fonticon-cancel::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-cancel:active::before,
.prepend-fonticon-cancel:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-cancel:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-cancel[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-cancel[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-cancel.large::before {
  font-size: 2rem;
}
.prepend-fonticon-cancel::before {
  content: "cancel";
}
.prepend-fonticon-expand_more {
  display: flex;
  align-items: center;
}
.prepend-fonticon-expand_more::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-expand_more:active::before,
.prepend-fonticon-expand_more:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-expand_more:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-expand_more[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-expand_more[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-expand_more.large::before {
  font-size: 2rem;
}
.prepend-fonticon-expand_more::before {
  content: "expand_more";
}
.prepend-fonticon-expand_less {
  display: flex;
  align-items: center;
}
.prepend-fonticon-expand_less::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-expand_less:active::before,
.prepend-fonticon-expand_less:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-expand_less:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-expand_less[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-expand_less[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-expand_less.large::before {
  font-size: 2rem;
}
.prepend-fonticon-expand_less::before {
  content: "expand_less";
}
.prepend-fonticon-idag {
  display: flex;
  align-items: center;
}
.prepend-fonticon-idag::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-idag:active::before,
.prepend-fonticon-idag:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-idag:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-idag[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-idag[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-idag.large::before {
  font-size: 2rem;
}
.prepend-fonticon-idag::before {
  content: "today";
}
.prepend-fonticon-activity {
  display: flex;
  align-items: center;
}
.prepend-fonticon-activity::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-activity:active::before,
.prepend-fonticon-activity:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-activity:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-activity[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-activity[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-activity.large::before {
  font-size: 2rem;
}
.prepend-fonticon-activity::before {
  content: "event";
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .prepend-fonticon-activity::before {
    display: none;
  }
}
.prepend-fonticon-ugeskema {
  display: flex;
  align-items: center;
}
.prepend-fonticon-ugeskema::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-ugeskema:active::before,
.prepend-fonticon-ugeskema:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-ugeskema:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-ugeskema[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-ugeskema[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-ugeskema.large::before {
  font-size: 2rem;
}
.prepend-fonticon-ugeskema::before {
  content: "date_range";
}
.prepend-fonticon-note {
  display: flex;
  align-items: center;
}
.prepend-fonticon-note::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-note:active::before,
.prepend-fonticon-note:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-note:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-note[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-note[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-note.large::before {
  font-size: 2rem;
}
.prepend-fonticon-note::before {
  content: "sms";
}
.prepend-fonticon-note-smallcolor {
  display: flex;
  align-items: center;
}
.prepend-fonticon-note-smallcolor::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-note-smallcolor:active::before,
.prepend-fonticon-note-smallcolor:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-note-smallcolor:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-note-smallcolor[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-note-smallcolor[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-note-smallcolor.large::before {
  font-size: 2rem;
}
.prepend-fonticon-note-smallcolor::before {
  font-weight: 300;
  font-variation-settings: 'FILL' 1;
  font-size: 1rem;
  content: "sms";
  color: #fdf2c3;
  -webkit-text-stroke-width: 0.05rem;
  -webkit-text-stroke-color: #1a1c1e;
}
.prepend-fonticon-privataftale {
  display: flex;
  align-items: center;
}
.prepend-fonticon-privataftale::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-privataftale:active::before,
.prepend-fonticon-privataftale:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-privataftale:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-privataftale[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-privataftale[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-privataftale.large::before {
  font-size: 2rem;
}
.prepend-fonticon-privataftale::before {
  content: "lock";
}
.prepend-fonticon-historik {
  display: flex;
  align-items: center;
}
.prepend-fonticon-historik::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-historik:active::before,
.prepend-fonticon-historik:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-historik:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-historik[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-historik[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-historik.large::before {
  font-size: 2rem;
}
.prepend-fonticon-historik::before {
  content: "history";
}
.prepend-fonticon-dice {
  display: flex;
  align-items: center;
}
.prepend-fonticon-dice::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-dice:active::before,
.prepend-fonticon-dice:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-dice:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-dice[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-dice[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-dice.large::before {
  font-size: 2rem;
}
.prepend-fonticon-dice::before {
  content: "casino";
}
.prepend-fonticon-qrscan {
  display: flex;
  align-items: center;
}
.prepend-fonticon-qrscan::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-qrscan:active::before,
.prepend-fonticon-qrscan:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-qrscan:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-qrscan[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-qrscan[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-qrscan.large::before {
  font-size: 2rem;
}
.prepend-fonticon-qrscan::before {
  content: "qr_code_scanner";
}
.prepend-fonticon-reply {
  display: flex;
  align-items: center;
}
.prepend-fonticon-reply::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-reply:active::before,
.prepend-fonticon-reply:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-reply:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-reply[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-reply[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-reply.large::before {
  font-size: 2rem;
}
.prepend-fonticon-reply::before {
  content: "reply";
}
.prepend-fonticon-annuller {
  display: flex;
  align-items: center;
}
.prepend-fonticon-annuller::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-annuller:active::before,
.prepend-fonticon-annuller:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-annuller:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-annuller[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-annuller[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-annuller.large::before {
  font-size: 2rem;
}
.prepend-fonticon-annuller::before {
  content: "cancel";
}
/**********************************/
.prepend-fonticon-flag {
  display: flex;
  align-items: center;
}
.prepend-fonticon-flag::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-flag:active::before,
.prepend-fonticon-flag:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-flag:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-flag[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-flag[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-flag.large::before {
  font-size: 2rem;
}
.prepend-fonticon-flag::before {
  content: "flag";
}
.prepend-fonticon-burgermenu {
  display: flex;
  align-items: center;
}
.prepend-fonticon-burgermenu::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-burgermenu:active::before,
.prepend-fonticon-burgermenu:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-burgermenu:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-burgermenu[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-burgermenu[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-burgermenu.large::before {
  font-size: 2rem;
}
.prepend-fonticon-burgermenu::before {
  content: "menu";
}
.prepend-fonticon-moremenu-horizontal {
  display: flex;
  align-items: center;
}
.prepend-fonticon-moremenu-horizontal::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-moremenu-horizontal:active::before,
.prepend-fonticon-moremenu-horizontal:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-moremenu-horizontal:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-moremenu-horizontal[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-moremenu-horizontal[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-moremenu-horizontal.large::before {
  font-size: 2rem;
}
.prepend-fonticon-moremenu-horizontal::before {
  content: "more_horiz";
}
.prepend-fonticon-moremenu-vertical {
  display: flex;
  align-items: center;
}
.prepend-fonticon-moremenu-vertical::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-moremenu-vertical:active::before,
.prepend-fonticon-moremenu-vertical:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-moremenu-vertical:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-moremenu-vertical[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-moremenu-vertical[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-moremenu-vertical.large::before {
  font-size: 2rem;
}
.prepend-fonticon-moremenu-vertical::before {
  content: "more_vert";
}
.prepend-fonticon-close {
  display: flex;
  align-items: center;
}
.prepend-fonticon-close::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-close:active::before,
.prepend-fonticon-close:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-close:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-close[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-close[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-close.large::before {
  font-size: 2rem;
}
.prepend-fonticon-close::before {
  content: "close";
}
.prepend-fonticon-clock {
  display: flex;
  align-items: center;
}
.prepend-fonticon-clock::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-clock:active::before,
.prepend-fonticon-clock:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-clock:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-clock[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-clock[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-clock.large::before {
  font-size: 2rem;
}
.prepend-fonticon-clock::before {
  content: "schedule";
}
.prepend-fonticon-attachment {
  display: flex;
  align-items: center;
}
.prepend-fonticon-attachment::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-attachment:active::before,
.prepend-fonticon-attachment:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-attachment:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-attachment[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-attachment[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-attachment.large::before {
  font-size: 2rem;
}
.prepend-fonticon-attachment::before {
  content: "attach_file";
}
.prepend-fonticon-print {
  display: flex;
  align-items: center;
}
.prepend-fonticon-print::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-print:active::before,
.prepend-fonticon-print:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-print:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-print[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-print[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-print.large::before {
  font-size: 2rem;
}
.prepend-fonticon-print::before {
  content: "print";
}
.prepend-fonticon-preview {
  display: flex;
  align-items: center;
}
.prepend-fonticon-preview::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-preview:active::before,
.prepend-fonticon-preview:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-preview:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-preview[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-preview[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-preview.large::before {
  font-size: 2rem;
}
.prepend-fonticon-preview::before {
  content: "document_scanner";
}
.prepend-fonticon-profile {
  display: flex;
  align-items: center;
}
.prepend-fonticon-profile::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-profile:active::before,
.prepend-fonticon-profile:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-profile:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-profile[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-profile[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-profile.large::before {
  font-size: 2rem;
}
.prepend-fonticon-profile::before {
  content: "account_circle";
}
.prepend-fonticon-radio-checked {
  display: flex;
  align-items: center;
}
.prepend-fonticon-radio-checked::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-radio-checked:active::before,
.prepend-fonticon-radio-checked:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-radio-checked:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-radio-checked[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-radio-checked[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-radio-checked.large::before {
  font-size: 2rem;
}
.prepend-fonticon-radio-checked::before {
  content: "radio_button_checked";
}
.prepend-fonticon-radio-unchecked {
  display: flex;
  align-items: center;
}
.prepend-fonticon-radio-unchecked::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-radio-unchecked:active::before,
.prepend-fonticon-radio-unchecked:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-radio-unchecked:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-radio-unchecked[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-radio-unchecked[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-radio-unchecked.large::before {
  font-size: 2rem;
}
.prepend-fonticon-radio-unchecked::before {
  content: "radio_button_unchecked";
}
.prepend-fonticon-download {
  display: flex;
  align-items: center;
}
.prepend-fonticon-download::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-download:active::before,
.prepend-fonticon-download:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-download:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-download[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-download[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-download.large::before {
  font-size: 2rem;
}
.prepend-fonticon-download::before {
  content: "download";
}
.prepend-fonticon-upload {
  display: flex;
  align-items: center;
}
.prepend-fonticon-upload::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-upload:active::before,
.prepend-fonticon-upload:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-upload:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-upload[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-upload[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-upload.large::before {
  font-size: 2rem;
}
.prepend-fonticon-upload::before {
  content: "upload";
}
.prepend-fonticon-swap-vert {
  display: flex;
  align-items: center;
}
.prepend-fonticon-swap-vert::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-swap-vert:active::before,
.prepend-fonticon-swap-vert:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-swap-vert:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-swap-vert[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-swap-vert[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-swap-vert.large::before {
  font-size: 2rem;
}
.prepend-fonticon-swap-vert::before {
  content: "swap_vert";
}
.prepend-fonticon-swap-horiz {
  display: flex;
  align-items: center;
}
.prepend-fonticon-swap-horiz::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-swap-horiz:active::before,
.prepend-fonticon-swap-horiz:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-swap-horiz:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-swap-horiz[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-swap-horiz[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-swap-horiz.large::before {
  font-size: 2rem;
}
.prepend-fonticon-swap-horiz::before {
  content: "swap_horiz";
}
.prepend-fonticon-expand {
  display: flex;
  align-items: center;
}
.prepend-fonticon-expand::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-expand:active::before,
.prepend-fonticon-expand:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-expand:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-expand[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-expand[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-expand.large::before {
  font-size: 2rem;
}
.prepend-fonticon-expand::before {
  content: "expand";
}
.prepend-fonticon-compress {
  display: flex;
  align-items: center;
}
.prepend-fonticon-compress::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-compress:active::before,
.prepend-fonticon-compress:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-compress:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-compress[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-compress[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-compress.large::before {
  font-size: 2rem;
}
.prepend-fonticon-compress::before {
  content: "compress";
}
.prepend-fonticon-undo {
  display: flex;
  align-items: center;
}
.prepend-fonticon-undo::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-undo:active::before,
.prepend-fonticon-undo:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-undo:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-undo[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-undo[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-undo.large::before {
  font-size: 2rem;
}
.prepend-fonticon-undo::before {
  content: "undo";
}
.prepend-fonticon-input {
  display: flex;
  align-items: center;
}
.prepend-fonticon-input::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-input:active::before,
.prepend-fonticon-input:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-input:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-input[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-input[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-input.large::before {
  font-size: 2rem;
}
.prepend-fonticon-input::before {
  content: "input";
}
.prepend-fonticon-output {
  display: flex;
  align-items: center;
}
.prepend-fonticon-output::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-output:active::before,
.prepend-fonticon-output:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-output:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-output[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-output[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-output.large::before {
  font-size: 2rem;
}
.prepend-fonticon-output::before {
  content: "output";
}
.prepend-fonticon-filter {
  display: flex;
  align-items: center;
}
.prepend-fonticon-filter::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-filter:active::before,
.prepend-fonticon-filter:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-filter:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-filter[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-filter[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-filter.large::before {
  font-size: 2rem;
}
.prepend-fonticon-filter::before {
  content: "tune";
}
.prepend-fonticon-adjust {
  display: flex;
  align-items: center;
}
.prepend-fonticon-adjust::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-adjust:active::before,
.prepend-fonticon-adjust:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-adjust:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-adjust[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-adjust[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-adjust.large::before {
  font-size: 2rem;
}
.prepend-fonticon-adjust::before {
  content: "arrow_range";
}
.prepend-fonticon-calendar {
  display: flex;
  align-items: center;
}
.prepend-fonticon-calendar::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-calendar:active::before,
.prepend-fonticon-calendar:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-calendar:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-calendar[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-calendar[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-calendar.large::before {
  font-size: 2rem;
}
.prepend-fonticon-calendar::before {
  content: "calendar_month";
}
.prepend-fonticon-skema {
  display: flex;
  align-items: center;
}
.prepend-fonticon-skema::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-skema:active::before,
.prepend-fonticon-skema:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-skema:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-skema[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-skema[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-skema.large::before {
  font-size: 2rem;
}
.prepend-fonticon-skema::before {
  content: "calendar_month";
}
.prepend-fonticon-event {
  display: flex;
  align-items: center;
}
.prepend-fonticon-event::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-event:active::before,
.prepend-fonticon-event:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-event:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-event[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-event[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-event.large::before {
  font-size: 2rem;
}
.prepend-fonticon-event::before {
  content: "event";
}
.prepend-fonticon-refresh {
  display: flex;
  align-items: center;
}
.prepend-fonticon-refresh::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-refresh:active::before,
.prepend-fonticon-refresh:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-refresh:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-refresh[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-refresh[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-refresh.large::before {
  font-size: 2rem;
}
.prepend-fonticon-refresh::before {
  content: "refresh";
}
.prepend-fonticon-presentation {
  display: flex;
  align-items: center;
}
.prepend-fonticon-presentation::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-presentation:active::before,
.prepend-fonticon-presentation:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-presentation:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-presentation[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-presentation[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-presentation.large::before {
  font-size: 2rem;
}
.prepend-fonticon-presentation::before {
  content: "jamboard_kiosk";
}
.prepend-fonticon-feedback {
  display: flex;
  align-items: center;
}
.prepend-fonticon-feedback::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-feedback:active::before,
.prepend-fonticon-feedback:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-feedback:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-feedback[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-feedback[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-feedback.large::before {
  font-size: 2rem;
}
.prepend-fonticon-feedback::before {
  content: "contact_support";
}
.prepend-fonticon-draw {
  display: flex;
  align-items: center;
}
.prepend-fonticon-draw::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-draw:active::before,
.prepend-fonticon-draw:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-draw:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-draw[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-draw[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-draw.large::before {
  font-size: 2rem;
}
.prepend-fonticon-draw::before {
  content: "draw";
}
.prepend-fonticon-folder {
  display: flex;
  align-items: center;
}
.prepend-fonticon-folder::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-folder:active::before,
.prepend-fonticon-folder:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-folder:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-folder[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-folder[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-folder.large::before {
  font-size: 2rem;
}
.prepend-fonticon-folder::before {
  content: "folder";
}
.prepend-fonticon-satisfied {
  display: flex;
  align-items: center;
}
.prepend-fonticon-satisfied::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-satisfied:active::before,
.prepend-fonticon-satisfied:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-satisfied:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-satisfied[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-satisfied[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-satisfied.large::before {
  font-size: 2rem;
}
.prepend-fonticon-satisfied::before {
  content: "sentiment_satisfied";
  font-size: 2.5rem;
  color: #98b756;
}
.prepend-fonticon-neutral {
  display: flex;
  align-items: center;
}
.prepend-fonticon-neutral::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-neutral:active::before,
.prepend-fonticon-neutral:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-neutral:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-neutral[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-neutral[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-neutral.large::before {
  font-size: 2rem;
}
.prepend-fonticon-neutral::before {
  content: "sentiment_neutral";
  font-size: 2.5rem;
  color: #dec855;
}
.prepend-fonticon-dissatisfied {
  display: flex;
  align-items: center;
}
.prepend-fonticon-dissatisfied::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-dissatisfied:active::before,
.prepend-fonticon-dissatisfied:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-dissatisfied:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-dissatisfied[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-dissatisfied[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-dissatisfied.large::before {
  font-size: 2rem;
}
.prepend-fonticon-dissatisfied::before {
  content: "sentiment_dissatisfied";
  font-size: 2.5rem;
  color: #fc5d4f;
}
.prepend-fonticon-move {
  display: flex;
  align-items: center;
}
.prepend-fonticon-move::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-move:active::before,
.prepend-fonticon-move:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-move:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-move[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-move[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-move.large::before {
  font-size: 2rem;
}
.prepend-fonticon-move::before {
  content: "move_item";
}
.prepend-fonticon-remove {
  display: flex;
  align-items: center;
}
.prepend-fonticon-remove::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-remove:active::before,
.prepend-fonticon-remove:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-remove:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-remove[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-remove[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-remove.large::before {
  font-size: 2rem;
}
.prepend-fonticon-remove::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-remove::before {
  content: "remove";
  font-weight: 350;
}
.prepend-fonticon-play {
  display: flex;
  align-items: center;
}
.prepend-fonticon-play::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-play:active::before,
.prepend-fonticon-play:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-play:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-play[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-play[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-play.large::before {
  font-size: 2rem;
}
.prepend-fonticon-play::before {
  content: "play_circle";
}
.prepend-fonticon-fullscreen {
  display: flex;
  align-items: center;
}
.prepend-fonticon-fullscreen::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-fullscreen:active::before,
.prepend-fonticon-fullscreen:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-fullscreen:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-fullscreen[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-fullscreen[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-fullscreen.large::before {
  font-size: 2rem;
}
.prepend-fonticon-fullscreen::before {
  content: "open_in_full";
}
.prepend-fonticon-fullscreen-close {
  display: flex;
  align-items: center;
}
.prepend-fonticon-fullscreen-close::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-fullscreen-close:active::before,
.prepend-fonticon-fullscreen-close:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-fullscreen-close:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-fullscreen-close[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-fullscreen-close[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-fullscreen-close.large::before {
  font-size: 2rem;
}
.prepend-fonticon-fullscreen-close::before {
  content: "close_fullscreen";
}
.prepend-fonticon-right-panel-close {
  display: flex;
  align-items: center;
}
.prepend-fonticon-right-panel-close::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-right-panel-close:active::before,
.prepend-fonticon-right-panel-close:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-right-panel-close:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-right-panel-close[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-right-panel-close[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-right-panel-close.large::before {
  font-size: 2rem;
}
.prepend-fonticon-right-panel-close::before {
  /*content: "close";*/
  content: "view_sidebar";
}
.prepend-fonticon-right-panel-close::after {
  /*content: "Luk panel";*/
  content: "Sidepanel";
}
.prepend-fonticon-right-panel-open {
  display: flex;
  align-items: center;
}
.prepend-fonticon-right-panel-open::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-right-panel-open:active::before,
.prepend-fonticon-right-panel-open:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-right-panel-open:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-right-panel-open[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-right-panel-open[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-right-panel-open.large::before {
  font-size: 2rem;
}
.prepend-fonticon-right-panel-open::before {
  content: "view_sidebar";
}
.prepend-fonticon-right-panel-open::after {
  /*content: "Vis panel";*/
  content: "Sidepanel";
}
.prepend-fonticon-male {
  display: flex;
  align-items: center;
}
.prepend-fonticon-male::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-male:active::before,
.prepend-fonticon-male:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-male:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-male[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-male[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-male.large::before {
  font-size: 2rem;
}
.prepend-fonticon-male::before {
  content: "male";
}
.prepend-fonticon-female {
  display: flex;
  align-items: center;
}
.prepend-fonticon-female::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-female:active::before,
.prepend-fonticon-female:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-female:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-female[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-female[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-female.large::before {
  font-size: 2rem;
}
.prepend-fonticon-female::before {
  content: "female";
}
.prepend-fonticon-person {
  display: flex;
  align-items: center;
}
.prepend-fonticon-person::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-person:active::before,
.prepend-fonticon-person:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-person:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-person[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-person[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-person.large::before {
  font-size: 2rem;
}
.prepend-fonticon-person::before {
  content: "person";
}
.prepend-fonticon-camera {
  display: flex;
  align-items: center;
}
.prepend-fonticon-camera::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-camera:active::before,
.prepend-fonticon-camera:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-camera:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-camera[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-camera[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-camera.large::before {
  font-size: 2rem;
}
.prepend-fonticon-camera::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-camera::before {
  content: "photo_camera";
}
.prepend-fonticon-default {
  display: flex;
  align-items: center;
}
.prepend-fonticon-default::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-default:active::before,
.prepend-fonticon-default:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-default:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-default[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-default[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-default.large::before {
  font-size: 2rem;
}
.prepend-fonticon-default::before {
  content: "label";
}
.prepend-fonticon-warning {
  display: flex;
  align-items: center;
}
.prepend-fonticon-warning::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-warning:active::before,
.prepend-fonticon-warning:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-warning:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-warning[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-warning[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-warning.large::before {
  font-size: 2rem;
}
.prepend-fonticon-warning::before {
  content: "warning";
  color: #a80710;
}
.prepend-fonticon-info {
  display: flex;
  align-items: center;
}
.prepend-fonticon-info::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-info:active::before,
.prepend-fonticon-info:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-info:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-info[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-info[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-info.large::before {
  font-size: 2rem;
}
.prepend-fonticon-info::before {
  content: "info";
}
.prepend-fonticon-test {
  display: flex;
  align-items: center;
}
.prepend-fonticon-test::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-test:active::before,
.prepend-fonticon-test:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-test:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-test[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-test[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-test.large::before {
  font-size: 2rem;
}
.prepend-fonticon-test::before {
  content: "bug_report";
}
.prepend-fonticon-hourglass {
  display: flex;
  align-items: center;
}
.prepend-fonticon-hourglass::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-hourglass:active::before,
.prepend-fonticon-hourglass:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-hourglass:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-hourglass[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-hourglass[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-hourglass.large::before {
  font-size: 2rem;
}
.prepend-fonticon-hourglass::before {
  content: "hourglass";
  font-size: 1.2rem;
  color: #aaabae;
}
.prepend-fonticon-barcode-reader {
  display: flex;
  align-items: center;
}
.prepend-fonticon-barcode-reader::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-barcode-reader:active::before,
.prepend-fonticon-barcode-reader:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-barcode-reader:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-barcode-reader[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-barcode-reader[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-barcode-reader.large::before {
  font-size: 2rem;
}
.prepend-fonticon-barcode-reader::before {
  content: "barcode_reader";
}
.prepend-fonticon-filter {
  display: flex;
  align-items: center;
}
.prepend-fonticon-filter::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-filter:active::before,
.prepend-fonticon-filter:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-filter:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-filter[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-filter[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-filter.large::before {
  font-size: 2rem;
}
.prepend-fonticon-filter::before {
  content: "filter_alt";
}
.prepend-fonticon-functions {
  display: flex;
  align-items: center;
}
.prepend-fonticon-functions::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-functions:active::before,
.prepend-fonticon-functions:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-functions:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-functions[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-functions[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-functions.large::before {
  font-size: 2rem;
}
.prepend-fonticon-functions::before {
  content: "functions";
}
.prepend-fonticon-table-rows {
  display: flex;
  align-items: center;
}
.prepend-fonticon-table-rows::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-table-rows:active::before,
.prepend-fonticon-table-rows:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-table-rows:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-table-rows[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-table-rows[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-table-rows.large::before {
  font-size: 2rem;
}
.prepend-fonticon-table-rows::before {
  content: "table_rows_narrow";
}
.prepend-fonticon-table-columns {
  display: flex;
  align-items: center;
}
.prepend-fonticon-table-columns::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-table-columns:active::before,
.prepend-fonticon-table-columns:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-table-columns:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-table-columns[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-table-columns[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-table-columns.large::before {
  font-size: 2rem;
}
.prepend-fonticon-table-columns::before {
  content: "view_week";
}
/* Gridview icons **************************/
.prepend-fonticon-gv-delete {
  display: flex;
  align-items: center;
  color: #e46f61;
}
.prepend-fonticon-gv-delete::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-gv-delete:active::before,
.prepend-fonticon-gv-delete:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-gv-delete:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-gv-delete[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-gv-delete[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-gv-delete.large::before {
  font-size: 2rem;
}
.prepend-fonticon-gv-delete::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-gv-delete::before {
  content: "close";
  font-weight: 500;
  font-size: 1.3em;
}
.prepend-fonticon-gv-delete:hover {
  color: #ba1a1a;
}
.prepend-fonticon-gv-add {
  display: flex;
  align-items: center;
}
.prepend-fonticon-gv-add::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.prepend-fonticon-gv-add:active::before,
.prepend-fonticon-gv-add:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-gv-add:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-gv-add[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-gv-add[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-gv-add.large::before {
  font-size: 2rem;
}
.prepend-fonticon-gv-add::before {
  font-variation-settings: 'FILL' 1;
}
.prepend-fonticon-gv-add::before {
  content: "add";
  font-weight: 500;
  font-size: 1.3em;
  color: #339900;
}
/*************************************************************************/
.file-fonticons-less-end {
  color: blue;
}
/*	Opsætning af devices og mobile variabler .... */
/*@device_NokiaXR21_portrait: ~"only screen and (device-width:  432px) and (device-height: 960px) and (-webkit-device-pixel-ratio: 2.5) and (orientation: portrait)";
@device_NokiaXR21_landscape: ~"only screen and (device-width:  432px) and (device-height: 960px) and (-webkit-device-pixel-ratio: 2.5) and (orientation: landscape)";*/
/* rettet fra 414px til 448px pga nokiaxr21, pixel8pro*/
/*@mobile_otherportrait: ~ "only screen and (max-device-width: 414px) and (orientation: portrait)";*/
/*************************/
/* START m3 color tokens */
/*@--md-ref-palette-secondary95: #e7f1fe;*/
/* END m3 color tokens*/
/* START custom color tokens*/
/*blue*/
/*red*/
/*green*/
/*yellow*/
/*orange*/
/*purple*/
/*brun*/
/*turkish*/
/* END custom color tokens*/
/* START m3 color theme light */
/* - Alt MD spec org. @--md-ref-palette-neutral96 */
/* END m3 color theme light */
/* START m3 color module */
.primary {
  background-color: #006493;
}
.primary-text {
  color: #006493;
}
.on-primary {
  background-color: #ffffff;
}
.on-primary-text {
  color: #ffffff;
}
.tertiary-text {
  color: #00687a;
}
.surface {
  background-color: #fcfcff;
}
.background {
  background-color: #f9f9fc;
}
.on-surface {
  background-color: #1a1c1e;
}
.on-surface-text {
  color: #1a1c1e;
}
.surface-variant {
  background-color: #dde3ea;
}
.on-surface-variant {
  background-color: #41474d;
}
.on-surface-variant-text {
  color: #41474d;
}
.primary-container {
  background-color: #cae6ff;
}
.secondary-container {
  background-color: #d3e5f5;
}
.tertiary-container {
  background-color: #acedff;
}
.highlight-container {
  background-color: #f1ffcd;
}
.highlight-container2 {
  background-color: #ffb877;
}
.primary-container-text {
  color: #001e2f;
}
.secondary-container-text {
  color: #0c1d29;
}
.tertiary-container-text {
  color: #001f26;
}
.surface-container {
  background-color: #f6f9ff;
}
.surface-container-low {
  background-color: #fff;
}
.surface-container-highest {
  background-color: #ecf1f9;
}
.outline {
  /*outline-color: @--md-sys-color-outline;
	outline-style: solid;
	outline-width: 1px;*/
  border-color: #72787e;
  border-style: solid;
  border-width: 1px;
}
.outline-variant {
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
}
/* END m3 color module */
/***************************************************/
/* START Elevation **********************************************************************************/
.ls-elevation-level0 {
  box-shadow: none;
}
.ls-elevation-level1 {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}
.ls-elevation-level2 {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;
}
.ls-elevation-level3 {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}
.ls-elevation-level4 {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}
.ls-elevation-level5 {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px;
}
/* END Elevation **********************************************************************************/
/* Diverse? */
/*#d3dfeb*/
/*@color_lectio_DarkBlue: #0e65ba;*/
/*bar color styles*/
/*backgrounds table rows*/
/*text*/
/* disabled */
/*font-sizes*/
/*info text*/
/*@brush_infotext: @color_lectio_GrayBlue3;*/
/*norecord text*/
/*alerts*/
/*images*/
/*icons*/
/*paper*/
/*canvas*/
/*borders*/
/*input fields*/
/*link*/
/*button*/
/*button hover*/
.ls-focus-base-style {
  outline-style: solid;
  outline-color: #1f76ea;
  outline-width: thin;
}
/***************************************************************************************************/
/* NEW23 *******************************************************************************************/
/***************************************************************************************************/
/* generelt sidelayout (margin, padding) **********/
/* Fonts *******************************************************************************************/
/* fonts.google.com/specimen/Roboto*/
@font-face {
  font-family: 'Roboto';
  src: url(/lectio/fonts/Roboto-Regular.ttf) format(truetype);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url(/lectio/fonts/Roboto-Italic.ttf) format(truetype);
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url(/lectio/fonts/Roboto-Bold.ttf) format(truetype);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url(/lectio/fonts/Roboto-BoldItalic.ttf) format(truetype);
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto Thin';
  src: local('Roboto Thin'), url(/lectio/fonts/Roboto-Thin.ttf) format(truetype);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Thin';
  src: local('Roboto Thin'), url(/lectio/fonts/Roboto-ThinItalic.ttf) format(truetype);
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto Light';
  src: local('Roboto Light'), url(/lectio/fonts/Roboto-Light.ttf) format(truetype);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Light';
  src: local('Roboto Light'), url(/lectio/fonts/Roboto-LightItalic.ttf) format(truetype);
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto Medium';
  src: local('Roboto Medium'), url(/lectio/fonts/Roboto-Medium.ttf) format(truetype);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Medium';
  src: local('Roboto Medium'), url(/lectio/fonts/Roboto-MediumItalic.ttf) format(truetype);
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto Black';
  src: local('Roboto Black'), url(/lectio/fonts/Roboto-Black.ttf) format(truetype);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Black';
  src: local('Roboto Black'), url(/lectio/fonts/Roboto-BlackItalic.ttf) format(truetype);
  font-weight: 400;
  font-style: italic;
}
/* text-size md3 *************************************/
.typography-base {
  font-family: Roboto;
  font-style: normal;
}
.body-small {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
}
.label-small {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  font-size: 0.916rem;
}
.label-medium {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
}
.label-large {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.666rem;
  letter-spacing: 0.008rem;
  font-size: 1.166rem;
}
@media only screen and (max-width: 420px) {
  .label-large,
  .label-medium,
  .label-small {
    white-space: pre-wrap;
  }
}
.title-small {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.166rem;
  line-height: 1.666rem;
  letter-spacing: 0.008rem;
}
.title-medium {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
}
.title-large {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.833rem;
  line-height: 2.333rem;
  letter-spacing: 0;
}
/***********/
.ls-fill-fonticon {
  color: #006493;
  font-variation-settings: 'FILL' 1;
}
.button .ls-fonticon,
.buttonfilled .ls-fonticon,
.buttonoutlined .ls-fonticon,
.buttonfilledtonal .ls-fonticon,
.buttonicon .ls-fonticon,
.buttonlink .ls-fonticon {
  font-size: initial;
  vertical-align: middle;
  font-size: 1.5rem;
}
.ls-master-pageheader .header-left-button .button .ls-fonticon,
.ls-master-pageheader .header-function-buttons .button .ls-fonticon,
.ls-master-pageheader .header-left-button .buttonfilled .ls-fonticon,
.ls-master-pageheader .header-function-buttons .buttonfilled .ls-fonticon,
.ls-master-pageheader .header-left-button .buttonoutlined .ls-fonticon,
.ls-master-pageheader .header-function-buttons .buttonoutlined .ls-fonticon,
.ls-master-pageheader .header-left-button .buttonfilledtonal .ls-fonticon,
.ls-master-pageheader .header-function-buttons .buttonfilledtonal .ls-fonticon,
.ls-master-pageheader .header-left-button .buttonicon .ls-fonticon,
.ls-master-pageheader .header-function-buttons .buttonicon .ls-fonticon,
.ls-master-pageheader .header-left-button .buttonlink .ls-fonticon,
.ls-master-pageheader .header-function-buttons .buttonlink .ls-fonticon {
  font-size: 2rem;
}
.ls-bottom-app-bar .ls-fonticon {
  font-size: 1.375rem;
}
/******************************************************/
/* start skemabrik styles *****************************/
/******************************************************/
/* skemabrik ledige hold...*/
/* skemabrik frivillig altivitet ...*/
/***************************************************************************/
/**************************************************************************/
/* *************************************************************************/
/*Entitet ikon farver */
/*blå*/
/* Stamklasse */
/*@color_stamclass: @--md-ref-palette-custom660; /*lilla*/
/* Stamklasse */
/* blå */
/* Hold */
/*orange*/
/* Elev */
/*grøn*/
/* Lærer */
/*gul*/
/* Lokale */
/*brun*/
/* Ressource */
/*blå*/
/* Elevforløb */
/*blå*/
/* grupper*/
/* primary */
/* Uddannelsesforløb*/
/****************************************************************************/
/* dbl book farver */
/*rød*/
/*orange*/
/*gul*/
/************************************************************************/
/* prio bullits*/
/*rød*/
/*gul*/
/* primary */
/************************************************************************/
/* Fravær farver */
/*rød*/
/*lysere rød*/
/*gul*/
/*grøn*/
/*gray*/
/************************************************************************/
/*Frie lærere, lokaler,ledig-skolehjemplads ... farver */
/*grøn*/
/************************************************************************/
/* Plagiat farver */
/*rød*/
/*orange*/
/*gul*/
/************************************************************************/
/*modul norm afvigelse farver*/
/*lys rød*/
/*gul */
/*grøn*/
/*************************************************************************/
/* farve indikering af aktuelle tidspunkt, dato, periode fx. studieplan **/
/*grøn*/
/*grøn*/
/*************************************************************************/
/* skolehjem farver **/
/* Quiz */
/*grøn*/
/*gul*/
/*rød*/
/* ikon farvelægning **/
/* reset ikon farve til default*/
/*grøn*/
/*rød*/
/*mørkerød*/
/*sort*/
/* ikke-skoledage - Lukkedage - inaktive dage i skemaer, kalendere, planer*/
.not-schoolday,
.inactive-period {
  background-color: #f0f0f3;
}
/*************************************************************************/
/*************************************************************************/
.file-constants-less-end {
  color: blue;
}

.file-contextcard-less {
  color: blue;
}
/*************************/
/* Context Card **********/
/*************************/
.closeContextCard {
  background-image: url('/lectio/img/close.png');
  background-position: right top;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  position: absolute;
  top: 27px;
  right: 7px;
  width: 100%;
  height: 16px;
}
.loadingContextCard {
  background-color: #f5f5f5;
  padding: 0.4em;
  display: block;
}
[data-lectiocontextcard]:hover {
  /*	opacity: 0.8;*/
}
a[data-lectiocontextcard]:hover {
  /*opacity: 1;*/
}
.ac_results [data-lectiocontextcard]:hover {
  /*opacity: 1;*/
}
/**** END Context Card ******/
.file-contextcard-less-end {
  color: blue;
}

.file-diagrams-less {
  color: blue;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-kpi-filters label {
    display: block;
  }
}
.ls-kpi-container {
  min-width: 97dvw;
  max-width: 99dvw;
  background-color: #ecf1f9;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
  border: none;
  box-shadow: none;
  /* Diagramtyper  teasers */
  /* diagramtyper  standard */
}
.ls-kpi-container div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-kpi-container {
    background: transparent;
  }
}
.ls-kpi-container .ls-teasers-container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.ls-kpi-container .ls-teasers-container section {
  max-width: 95vw;
  margin-right: 1rem;
}
.ls-kpi-container .ls-diagrams-container {
  display: flex;
  flex-wrap: wrap;
}
.ls-kpi-container .ls-diagrams-container section {
  max-width: 95vw;
  margin-right: 1rem;
}
.ls-kpi-container .ls-diagram-teaser-container {
  margin: 0.5rem 1rem 1rem 0;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-kpi-container .ls-diagram-teaser-container {
    width: 85dvw;
    height: auto;
  }
}
.ls-kpi-container .ls-pie-mini-diagram-container {
  width: 12.5rem;
  height: 12.5rem;
  position: relative;
  z-index: auto;
  display: inline-block;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-kpi-container .ls-pie-mini-diagram-container {
    width: 60dvw;
    height: auto;
  }
}
.ls-kpi-container .ls-pie-medium-diagram-container {
  width: 25rem;
  height: 25rem;
  position: relative;
  z-index: auto;
  display: inline-block;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-kpi-container .ls-pie-medium-diagram-container {
    width: 60dvw;
    height: auto;
  }
}
.ls-kpi-container .ls-bar-mini-diagram-container {
  width: 90%;
  position: relative;
  z-index: auto;
  display: inline-block;
  margin: 1rem auto 0rem auto;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-kpi-container .ls-bar-mini-diagram-container {
    width: 85dvw;
    height: auto;
    margin: auto auto;
  }
}
.ls-kpi-container .canvas-teaser {
  height: 150px;
}
.ls-kpi-container .ansoeger-pi-char-labels {
  width: 12px;
  height: 12px;
}
.ls-kpi-container .ls-std-rowblock {
  align-items: flex-start;
}
.ls-kpi-container .innerRepeater-wrapper {
  margin: 1rem;
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: center;
  gap: 1rem;
}
.ls-kpi-container .innerRepeater-wrapper .innerRepeater:nth-last-child(1):nth-child(odd) {
  grid-column: 1 / -1;
  justify-self: center;
}
.ls-kpi-container .innerRepeater {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
}
.ls-kpi-container .ls-heatmap-mini-diagram-size-mini {
  width: 25rem;
  height: 25rem;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-kpi-container .ls-heatmap-mini-diagram-size-mini {
    width: 85dvw;
    height: auto;
    margin: auto auto;
  }
}
.ls-kpi-container .ls-singlenumber-diagram {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
  outline: 1px solid #f0f0f3;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0.5rem 1rem 1rem 0;
  width: 20.5rem;
}
.ls-kpi-container .ls-singlenumber-diagram .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
.ls-kpi-container .ls-singlenumber-diagram .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
  border-bottom: solid 1px #fff;
  background-color: #fff;
}
.ls-kpi-container .ls-singlenumber-diagram div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.ls-kpi-container a:has(.ls-singlenumber-diagram),
.ls-kpi-container a:has(.ls-diagram-teaser-container) {
  color: unset;
}
.ls-kpi-container a:hover:has(.ls-singlenumber-diagram) .ls-singlenumber-diagram,
.ls-kpi-container a:hover:has(.ls-diagram-teaser-container) .ls-singlenumber-diagram,
.ls-kpi-container a:hover:has(.ls-singlenumber-diagram) .ls-diagram-teaser-container,
.ls-kpi-container a:hover:has(.ls-diagram-teaser-container) .ls-diagram-teaser-container {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
  opacity: 1;
}
.ls-kpi-container .ls-bar-diagram-container {
  min-width: 50rem;
  width: 100%;
  height: 23.75rem;
  position: relative;
  z-index: auto;
  display: inline-block;
  margin: 1rem auto;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-kpi-container .ls-bar-diagram-container {
    width: 85dvw;
    height: auto;
    margin: auto auto;
  }
}
.ls-kpi-container .ls-bar-large-diagram-container {
  width: 985px;
  height: auto;
  position: relative;
  z-index: auto;
  display: inline-block;
  margin: 1rem auto;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-kpi-container .ls-bar-large-diagram-container {
    width: 85dvw;
    height: auto;
    margin: auto auto;
  }
}
.ls-kpi-container .ls-heatmap-diagram-size-default {
  width: 50rem;
  height: 50rem;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-kpi-container .ls-heatmap-diagram-size-default {
    width: 85dvw;
    height: auto;
    margin: auto auto;
  }
}
.ls-heatmap-diagram-size-default {
  width: 100%;
  height: 800px;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-heatmap-diagram-size-default {
    width: 85dvw;
    height: auto;
    margin: auto auto;
  }
}
.ls-heatmap-mini-diagram-size-mini {
  width: 25rem;
  height: 25rem;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-heatmap-mini-diagram-size-mini {
    width: 85dvw;
    height: auto;
    margin: auto auto;
  }
}
/* diagrammer custom tooltip start********************************************** */
.ls-diagram-tooltip-custom {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  color: white;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 0);
  transition: all 0.1s ease;
  z-index: 1000;
  padding: 5px;
}
.ls-diagram-tooltip-custom::after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent transparent;
}
.ls-diagram-tooltip-custom table {
  margin: 0px;
}
.ls-diagram-tooltip-custom table tr {
  border-width: 0;
  background-color: inherit;
}
.ls-diagram-tooltip-custom table tr th,
.ls-diagram-tooltip-custom table tr td {
  border-width: 0;
  text-align: left;
  white-space: nowrap;
}
.ls-diagram-tooltip-custom table tr:first-of-type > td {
  border-bottom: solid 1px #777;
}
.ls-diagram-tooltip-custom table tr:not(:first-of-type) > td {
  color: #eaeaea;
}
.ls-diagram-tooltip-custom table tr td .ls-diagram-colorbox {
  border-width: 2px;
  margin-right: 5px;
  height: 10px;
  width: 10px;
  display: inline-block;
}
.ls-diagram-tooltip-custom table td:nth-child(n+3) {
  padding-left: 1rem;
}
.ls-diagram-triangle-position-bottom.ls-diagram-tooltip-custom::after {
  bottom: 0%;
  left: 50%;
  transform: translateY(10px) translateX(-5px);
  border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
}
.ls-diagram-triangle-position-top.ls-diagram-tooltip-custom::after {
  top: 0%;
  left: 50%;
  transform: translateY(-10px) translateX(-5px);
  border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent;
}
.ls-diagram-triangle-position-right.ls-diagram-tooltip-custom::after {
  top: 50%;
  right: 0%;
  transform: translateX(10px) translateY(-5px);
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.7);
}
.ls-diagram-triangle-position-left.ls-diagram-tooltip-custom::after {
  top: 50%;
  left: 0%;
  transform: translateX(-10px) translateY(-5px);
  border-color: transparent rgba(0, 0, 0, 0.7) transparent transparent;
}
/* diagrammer custom tooltip end********************************************** */
.ls-dragram-div-onhighlighedarea {
  overflow-x: auto;
  max-width: 60vw;
  position: absolute;
  z-index: 1000;
}
.ls-dragram-div-onhighlighedarea .ls-dragram-table-onhighlighedarea {
  width: 100%;
}
.ls-dragram-div-onhighlighedarea .ls-dragram-table-onhighlighedarea tr td:first-child {
  white-space: nowrap;
}
.ls-dragram-div-onhighlighedarea .ls-dragram-table-onhighlighedarea tr td:not(:first-child) {
  text-align: right;
}
.ls-dragram-div-onhighlighedarea .ls-dragram-table-onhighlighedarea tr th {
  white-space: nowrap;
}
.file-diagrams-less-end {
  color: blue;
}
.striped-cell {
  background: repeating-linear-gradient(45deg, #F1EDF2, #F1EDF2 2px, transparent 2px, transparent 15px);
}
.budget-tooltip {
  position: relative;
  display: inline-block;
  cursor: help;
  color: #466c80;
}
.budget-tooltip .budget-tooltip-text {
  visibility: hidden;
  width: auto;
  text-align: left;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 100%;
  background-color: rgba(51, 51, 51, 0.9);
  color: #fff;
  border-radius: 0.5rem;
  white-space: nowrap;
}
.budget-tooltip .budget-tooltip-text td {
  padding-top: 0;
  padding-bottom: 0;
}
.budget-tooltip .budget-tooltip-text td:nth-child(2) {
  text-align: right;
}
.budget-tooltip:hover .budget-tooltip-text {
  visibility: visible;
  font-size: 1rem;
}

.file-framing-less {
  color: blue;
}
DIV.ls-container,
TABLE.form,
DIV.form,
DIV.panel,
TABLE.panel {
  box-sizing: border-box;
  border: 1px dotted #c6c6c9;
  vertical-align: top;
  padding: 0.8em;
  margin: 0;
  margin-top: 0.35em;
  margin-bottom: 0.35em;
  overflow: visible;
  height: 100%;
  background-color: #fefefe;
  border-radius: 0.4em;
}
/********* Island Detail bokse NEW ********/
.ls-blockbase {
  box-sizing: border-box;
  border: none;
  vertical-align: top;
  min-width: 20em;
  /*standard margin omkring øer */
  margin-top: 0.5rem;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 1rem;
  display: table;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-blockbase {
    margin-bottom: 0.5rem;
  }
}
.defaultBlock {
  box-sizing: border-box;
  border: none;
  vertical-align: top;
  min-width: 20em;
  /*standard margin omkring øer */
  margin-top: 0.5rem;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 1rem;
  display: table;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .defaultBlock {
    margin-bottom: 0.5rem;
  }
}
/* default if no value */
.smallBlock {
  box-sizing: border-box;
  border: none;
  vertical-align: top;
  min-width: 20em;
  /*standard margin omkring øer */
  margin-top: 0.5rem;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 1rem;
  display: table;
  min-width: 27.1em;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .smallBlock {
    margin-bottom: 0.5rem;
  }
}
.smallBlockFixed {
  box-sizing: border-box;
  border: none;
  vertical-align: top;
  min-width: 20em;
  /*standard margin omkring øer */
  margin-top: 0.5rem;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 1rem;
  display: table;
  min-width: 27.1em;
  /*display: block;*/
  width: 27.1em;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .smallBlockFixed {
    margin-bottom: 0.5rem;
  }
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .smallBlockFixed {
    width: unset;
  }
}
/*ca. 33%_ofLectioScreenWidth	*/
.mediumBlock {
  box-sizing: border-box;
  border: none;
  vertical-align: top;
  min-width: 20em;
  /*standard margin omkring øer */
  margin-top: 0.5rem;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 1rem;
  display: table;
  min-width: 41.5em;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .mediumBlock {
    margin-bottom: 0.5rem;
  }
}
.mediumBlockFixed {
  box-sizing: border-box;
  border: none;
  vertical-align: top;
  min-width: 20em;
  /*standard margin omkring øer */
  margin-top: 0.5rem;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 1rem;
  display: table;
  min-width: 41.5em;
  /*display: block;*/
  width: 41.5em;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .mediumBlockFixed {
    margin-bottom: 0.5rem;
  }
}
/* ca. 50%_ofLectioScreenWidth	*/
.largeBlock {
  box-sizing: border-box;
  border: none;
  vertical-align: top;
  min-width: 20em;
  /*standard margin omkring øer */
  margin-top: 0.5rem;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 1rem;
  display: table;
  min-width: 55.5em;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .largeBlock {
    margin-bottom: 0.5rem;
  }
}
.largeBlockFixed {
  box-sizing: border-box;
  border: none;
  vertical-align: top;
  min-width: 20em;
  /*standard margin omkring øer */
  margin-top: 0.5rem;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 1rem;
  display: table;
  min-width: 55.5em;
  /*display: block;*/
  width: 55.5em;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .largeBlockFixed {
    margin-bottom: 0.5rem;
  }
}
/* ca. 66%_ofLectioScreenWidth	*/
.xlargeBlock {
  box-sizing: border-box;
  border: none;
  vertical-align: top;
  min-width: 20em;
  /*standard margin omkring øer */
  margin-top: 0.5rem;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 1rem;
  display: table;
  min-width: 84em;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .xlargeBlock {
    margin-bottom: 0.5rem;
  }
}
.xlargeBlockFixed {
  box-sizing: border-box;
  border: none;
  vertical-align: top;
  min-width: 20em;
  /*standard margin omkring øer */
  margin-top: 0.5rem;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 1rem;
  display: table;
  /*display: block;*/
  width: 84em;
  max-width: 100vw;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .xlargeBlockFixed {
    margin-bottom: 0.5rem;
  }
}
@media print (max-width: 768px) {
  .ls-print .xlargeBlock {
    width: 100% !important;
  }
}
.ls-print .xlargeBlock {
  width: auto;
}
/* ca. 100%_ofLectioScreenWidth	*/
.largeBlockContainer {
  border: none;
  vertical-align: top;
  width: 72.7em;
}
.xlargeBlockContainer {
  vertical-align: top;
  max-width: 86.3em;
  display: block;
  display: table;
}
/********* Kolonner ********/
.ls-colminwidth5 {
  min-width: 5em;
}
/********* Island Detail bokse Heights ********/
.defaultBlockHeight,
.island.defaultBlockHeight .islandContent {
  min-height: 6em;
}
.smallBlockHeight,
.island.smallBlockHeight .islandContent {
  min-height: 10em;
}
.mediumBlockHeight,
.island.mediumBlockHeight .islandContent {
  min-height: 14em;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .mediumBlockHeight,
  .island.mediumBlockHeight .islandContent {
    min-height: unset;
  }
  .mediumBlockHeight .dashboardLinkHeader:not(:first-child),
  .island.mediumBlockHeight .islandContent .dashboardLinkHeader:not(:first-child) {
    margin-top: 1em;
  }
}
.largeBlockHeight,
.island.largeBlockHeight .islandContent {
  min-height: 24em;
}
.xlargeBlockHeight,
.island.xlargeBlockHeight .islandContent {
  min-height: 36em;
}
/*************************************/
/********* LectioDetailIsland ********/
SECTION.island {
  background-color: #ffffff;
  border: 1px solid #c6c6c9;
  box-shadow: 0.2em 0.2em 0.2em rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border-radius: 0.5em 0.5em 0 0;
  display: table;
  /* todo fix */
  border-collapse: separate;
  padding: 0;
}
SECTION.island .islandHeaderContainer {
  border-bottom: 1px solid #c6c6c9;
  height: 2.25em;
  line-height: normal;
  background-image: url('/lectio/img/gradheaderCenter2.png');
  background-repeat: repeat-x;
  background-size: auto 100%;
  border-radius: 0.5em 0.5em 0 0;
  border-top: none;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  SECTION.island .islandHeaderContainer {
    height: fit-content;
  }
}
SECTION.island .islandHeader {
  display: block;
  padding-top: 0.5em;
  padding-bottom: 0.6em;
  padding-left: 0.8em;
  padding-right: 0.8em;
  font-weight: bold;
  white-space: nowrap;
  vertical-align: middle;
  margin: 0;
  color: #475968;
  font-family: Verdana, sans-serif;
  text-align: left;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  SECTION.island .islandHeader {
    text-wrap: balance;
  }
}
SECTION.island .islandHeaderRight {
  display: block;
  vertical-align: middle;
  /*padding-top: 0.5em;*/
  padding-right: 0.2em;
}
SECTION.island .islandContent {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  display: block;
  background-color: #ffffff;
  padding: 1em 0.8em 1em 0.8em;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  SECTION.island .islandContent {
    padding-top: 0em;
  }
}
SECTION.island .islandSendto {
  background-color: #ffffff;
  text-align: right;
  padding-top: 0.6em;
  padding-right: 0.6em;
}
/* END***** LectioDetailIsland **/
/* ************************************************* */
/* paging style in GridView lists (tables) ********* */
/* ************************************************* */
.paging {
  border: none;
  border-collapse: collapse;
  vertical-align: middle;
  margin: 0;
}
.paging TR TD {
  text-align: center;
  border: none;
}
.paging TR TD TABLE {
  margin-left: auto;
  margin-right: auto;
}
.paging A,
.paging SPAN {
  padding: 0.4em;
}
/* ************************************************* */
/* table basic styles in GridView lists (tables) ********* */
/* ************************************************* */
@std-table-heading : font-weight: bold;
.ls-table-layout tr td,
.ls-table-layout1 tr td,
.ls-table-layout2 tr td,
.ls-table-layout3 tr td,
.ls-table-layout4 tr td,
.ls-table-layout5 tr td,
.ls-table-layout6 tr td,
.ls-table-layout tr th,
.ls-table-layout1 tr th,
.ls-table-layout2 tr th,
.ls-table-layout3 tr th,
.ls-table-layout4 tr th,
.ls-table-layout5 tr th,
.ls-table-layout6 tr th {
  line-height: 1.5rem;
}
.ls-table-layout tr td .buttonfilledtonal,
.ls-table-layout1 tr td .buttonfilledtonal,
.ls-table-layout2 tr td .buttonfilledtonal,
.ls-table-layout3 tr td .buttonfilledtonal,
.ls-table-layout4 tr td .buttonfilledtonal,
.ls-table-layout5 tr td .buttonfilledtonal,
.ls-table-layout6 tr td .buttonfilledtonal,
.ls-table-layout tr th .buttonfilledtonal,
.ls-table-layout1 tr th .buttonfilledtonal,
.ls-table-layout2 tr th .buttonfilledtonal,
.ls-table-layout3 tr th .buttonfilledtonal,
.ls-table-layout4 tr th .buttonfilledtonal,
.ls-table-layout5 tr th .buttonfilledtonal,
.ls-table-layout6 tr th .buttonfilledtonal,
.ls-table-layout tr td .buttonoutlined,
.ls-table-layout1 tr td .buttonoutlined,
.ls-table-layout2 tr td .buttonoutlined,
.ls-table-layout3 tr td .buttonoutlined,
.ls-table-layout4 tr td .buttonoutlined,
.ls-table-layout5 tr td .buttonoutlined,
.ls-table-layout6 tr td .buttonoutlined,
.ls-table-layout tr th .buttonoutlined,
.ls-table-layout1 tr th .buttonoutlined,
.ls-table-layout2 tr th .buttonoutlined,
.ls-table-layout3 tr th .buttonoutlined,
.ls-table-layout4 tr th .buttonoutlined,
.ls-table-layout5 tr th .buttonoutlined,
.ls-table-layout6 tr th .buttonoutlined,
.ls-table-layout tr td .buttonfilled,
.ls-table-layout1 tr td .buttonfilled,
.ls-table-layout2 tr td .buttonfilled,
.ls-table-layout3 tr td .buttonfilled,
.ls-table-layout4 tr td .buttonfilled,
.ls-table-layout5 tr td .buttonfilled,
.ls-table-layout6 tr td .buttonfilled,
.ls-table-layout tr th .buttonfilled,
.ls-table-layout1 tr th .buttonfilled,
.ls-table-layout2 tr th .buttonfilled,
.ls-table-layout3 tr th .buttonfilled,
.ls-table-layout4 tr th .buttonfilled,
.ls-table-layout5 tr th .buttonfilled,
.ls-table-layout6 tr th .buttonfilled {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.ls-table-wrapper {
  position: relative;
  overflow: visible;
}
.ls-table-sticky-scroll-first-col TR TH:first-child,
.ls-table-sticky-scroll-first-col TD TH:first-child,
.ls-table-sticky-scroll-first-col TR TD:first-child {
  position: sticky;
  left: 0;
  z-index: 0;
  background-color: #fcfcff;
}
.ls-scroll-fix-header {
  position: sticky;
  top: -1px;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: 0 0.5px 1px -1px rgba(0, 0, 0, 0.2);
  background-color: #fcfcff;
  background-clip: padding-box;
}
/**********************************************************/
/* ls-table-layout (tabellen uden border) **/
/**********************************************************/
.ls-table-layout,
table.ls-table-layout {
  border: none;
}
.ls-table-layout tr,
table.ls-table-layout tr,
.ls-table-layout tr td,
table.ls-table-layout tr td,
.ls-table-layout tr th,
table.ls-table-layout tr th {
  border-collapse: collapse;
  border: none;
}
.ls-table-layout tr td,
table.ls-table-layout tr td,
.ls-table-layout tr th,
table.ls-table-layout tr th {
  padding: 0.33333333rem 0.41666667rem;
}
.ls-table-layout tr td table table td,
table.ls-table-layout tr td table table td,
.ls-table-layout tr th table table td,
table.ls-table-layout tr th table table td,
.ls-table-layout tr td table table th,
table.ls-table-layout tr td table table th,
.ls-table-layout tr th table table th,
table.ls-table-layout tr th table table th {
  padding: 0;
}
/**********************************************************/
/* ls-table-layout1 (standard tabellen) **/
/**********************************************************/
.list,
.ls-table-layout1 {
  background-color: #ffffff;
  border: 1px solid #e2e2e5;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.list TR.paging > td,
.ls-table-layout1 TR.paging > td {
  background-color: white;
  border: 1px solid #e2e2e5;
}
.list TH,
.ls-table-layout1 TH,
.list TD,
.ls-table-layout1 TD {
  border-right: 1px solid #e2e2e5;
  border-bottom: 1px solid #e2e2e5;
  padding: 0.33333333rem 0.41666667rem;
}
.list TD,
.ls-table-layout1 TD {
  vertical-align: top;
}
.list TR TD:last-of-type,
.ls-table-layout1 TR TD:last-of-type {
  border-right: none;
}
.list TR:last-of-type TD,
.ls-table-layout1 TR:last-of-type TD {
  border-bottom: none;
}
.list TH.macomonly,
.ls-table-layout1 TH.macomonly {
  border-top: 1px solid;
}
.list TH,
.ls-table-layout1 TH,
.list TH A,
.ls-table-layout1 TH A,
.list TH A:hover,
.ls-table-layout1 TH A:hover {
  font-weight: bold;
  text-align: center;
}
.list TH[scope="row"],
.ls-table-layout1 TH[scope="row"] {
  text-align: left;
}
.list.ls-table-sticky-scroll-first-col,
.ls-table-layout1.ls-table-sticky-scroll-first-col {
  border-left: unset;
}
.list.ls-table-sticky-scroll-first-col TR TH:first-child,
.ls-table-layout1.ls-table-sticky-scroll-first-col TR TH:first-child,
.list.ls-table-sticky-scroll-first-col TD TH:first-child,
.ls-table-layout1.ls-table-sticky-scroll-first-col TD TH:first-child,
.list.ls-table-sticky-scroll-first-col TR TD:first-child,
.ls-table-layout1.ls-table-sticky-scroll-first-col TR TD:first-child {
  border-left: 1px solid #e2e2e5;
}
/**********************************************************/
/* SUB Table -  til indramning undertabelceller i tabeller med data */
/**********************************************************/
.ls-table-layout4 {
  border: dotted 1px #c6c6c9;
  border-collapse: collapse;
  margin: 0.09em 0.09em 0.09em 0.09em;
}
.ls-table-layout4 TH,
.ls-table-layout4 TD {
  padding: 0.2em 0.2em;
  border: 1px dotted #c6c6c9 !important;
  border-collapse: collapse !important;
}
/**********************************************************/
/* inputList, layout af tabeller med indtastningsfelter  */
/**********************************************************/
TABLE.ls-std-table-inputlist > TBODY > TR > TD,
TABLE.ls-std-table-inputlist > TR > TD {
  font-weight: normal;
  padding: 4px 4px;
  vertical-align: middle;
  vertical-align: top;
}
TABLE.ls-std-table-inputlist > TBODY > TR > TD > label:first-child,
TABLE.ls-std-table-inputlist > TR > TD > label:first-child {
  display: none;
}
TABLE.ls-std-table-inputlist > TBODY > TR > TH,
TABLE.ls-std-table-inputlist > TR > TH {
  text-align: left;
  white-space: nowrap;
  font-weight: bold;
  padding: 4px;
  vertical-align: top;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  TABLE.ls-std-table-inputlist.ls-std-table-inputlist-mobile > TBODY > TR > TD,
  TABLE.ls-std-table-inputlist.ls-std-table-inputlist-mobile > TR > TD {
    padding-bottom: 0.5rem;
  }
  TABLE.ls-std-table-inputlist.ls-std-table-inputlist-mobile > TBODY > TR > TD > label:first-child,
  TABLE.ls-std-table-inputlist.ls-std-table-inputlist-mobile > TR > TD > label:first-child {
    display: block;
    font-weight: bold;
  }
  TABLE.ls-std-table-inputlist.ls-std-table-inputlist-mobile > TBODY > TR > TH,
  TABLE.ls-std-table-inputlist.ls-std-table-inputlist-mobile > TR > TH {
    display: none;
  }
}
/* nestede inputlist tabeller */
TD TABLE.ls-std-table-inputlist > TBODY > TR > TD,
TD TABLE.ls-std-table-inputlist > TR > TD {
  padding: 0.3em 0.2em;
  font-weight: normal;
}
TD TABLE.ls-std-table-inputlist > TBODY > TR > TH,
TD TABLE.ls-std-table-inputlist > TR > TH {
  padding: 4px;
}
TABLE.ls-table-heading-lite > tbody > tr > th,
TABLE.table-heading-lite > tr > th {
  font-weight: normal;
}
/**********************************************************/
/* Avoid inheritance of border for tables in tables in tables..etc..*/
.list TABLE TR,
.list TABLE TD,
.list TABLE TH,
.ls-table-layout1 TABLE,
.ls-table-layout1 TABLE TR,
.ls-table-layout1 TABLE TD,
.ls-table-layout1 TABLE TH,
.ls-table-layout4 TD TABLE TD,
.ls-table-layout4 TH TABLE TD {
  border: none;
}
/**********************************************************/
/* ls-table-layout2 - MD */
/**********************************************************/
.ls-table-layout2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  margin: 0.4em 0;
  min-width: 100%;
  border-radius: 0.5rem;
  border-spacing: 0;
  border-collapse: separate;
  border: solid 1px #c1c7ce;
}
.ls-table-layout2 tr th {
  vertical-align: middle;
  /*padding: @std-table-padding;*/
  padding: 0.875rem 0.875rem;
}
.ls-table-layout2 tr th:not(:last-child) {
  border-right: solid 1px #c1c7ce;
}
.ls-table-layout2 tr td {
  /*padding: @std-table-padding;*/
  padding: 0.875rem 0.875rem;
}
.ls-table-layout2 tr td:not(:last-child) {
  border-right: solid 1px #c1c7ce;
}
.ls-table-layout2 thead > tr:not(:last-child) > th,
.ls-table-layout2 thead > tr:not(:last-child) > td,
.ls-table-layout2 tbody > tr:not(:last-child) > th,
.ls-table-layout2 tbody > tr:not(:last-child) > td,
.ls-table-layout2 tfoot > tr:not(:last-child) > th,
.ls-table-layout2 tfoot > tr:not(:last-child) > td,
.ls-table-layout2 tr:not(:last-child) > td,
.ls-table-layout2 tr:not(:last-child) > th,
.ls-table-layout2 thead:not(:last-child),
.ls-table-layout2 tbody:not(:last-child),
.ls-table-layout2 tfoot:not(:last-child) {
  border-bottom: solid 1px #c1c7ce;
}
.ls-table-layout2 .paging table tr td {
  border: none;
}
/**********************************************************/
/* ls-table-layout5 **/
/**********************************************************/
.ls-table-layout5 {
  border: none;
  border-collapse: collapse;
  margin: 0;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  min-width: 100%;
}
.ls-table-layout5 TR:not(:first-of-type) {
  vertical-align: middle;
  border-top: solid 1px #e2e2e5;
}
.ls-table-layout5 THEAD TR TH {
  border: none;
  padding: 0.33333333rem 0.41666667rem;
  border-bottom: solid 1px #e2e2e5;
  vertical-align: middle;
}
.ls-table-layout5 TR TD {
  padding: 0.33333333rem 0.41666667rem;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-table-layout5 TR TD {
    border: none;
    border-top: solid 1px #e2e2e5;
    border-collapse: collapse;
    padding: 0;
  }
}
.ls-table-layout5 .paging TD {
  border-top: none;
}
.ls-table-layout5 TD img,
.ls-table-layout5 TD A img {
  vertical-align: middle;
}
.ls-table-layout5 TH,
.ls-table-layout5 TH A,
.ls-table-layout5 TH A:hover {
  font-weight: bold;
  text-align: center;
}
.ls-table-layout-altrow tr > td {
  border-top: 1px solid #d3dae0;
  border-bottom: 1px solid #d3dae0;
}
.ls-table-layout-altrow tr:nth-child(even) > td {
  background-color: #fcfcff;
}
.ls-table-layout-altrow tr:nth-child(odd) > td {
  background-color: white;
}
/**********************************************************/
/* ls-table-layout6 (Tabellen anvendes ift. fraværårsager) **/
/**********************************************************/
table.ls-table-layout6 {
  border: none;
  width: 100%;
}
table.ls-table-layout6 tr,
table.ls-table-layout6 tr td,
table.ls-table-layout6 tr th {
  border-collapse: collapse;
  border: none;
  text-align: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
}
table.ls-table-layout6 tr th {
  font-weight: bold;
  padding-top: 0.33333333rem;
}
table.ls-table-layout6 tr th table table td,
table.ls-table-layout6 tr th table table th {
  padding: 0;
}
/* ********************************************************* */
/*       Table (lectiogridview styles)
/* ********************************************************* */
.separationCell,
.separationCell TD,
.separationCell TH {
  background-color: #fcfcff;
}
tr.newRow,
tr.newRow > td,
tr.newRow:nth-child(odd) > td,
tr.newRow:nth-child(even) > td {
  background-color: #fffefa;
}
tr.disabledRow * {
  text-shadow: none;
  color: #c6c6c9;
}
tr.disabledRow *[data-lectiocontextcard]::before {
  opacity: 0.62;
}
/* highlight table row on mouseover */
.highlightarea TR:hover TD {
  background-color: #fffefa;
  border-bottom-color: #aaabae;
}
.highlightborder TR:hover TD {
  border-bottom-color: #aaabae;
}
TH.row,
TR.row TH,
TABLE.row TH {
  font-weight: bold;
  color: Black;
  text-align: left;
  vertical-align: middle;
  border-collapse: collapse;
  white-space: nowrap;
  margin-left: 0;
}
TD.rowmid,
TH.rowmid,
TR.rowmid TD,
TR.rowmid TH,
SPAN.rowmid SPAN,
SPAN.rowmid SPAN A,
SPAN.rowmid SPAN A IMG,
SPAN.rowmid IMG {
  text-align: left;
  vertical-align: middle;
  border-collapse: collapse;
}
TH.rowtop,
TR.rowtop TH {
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}
TR.rowtop TD,
TD.rowtop {
  text-align: left;
  vertical-align: top;
}
.ls-new-row,
.ls-new-row TD {
  background-color: #cef087 !important;
}
/****************************************************/
/* Remove table styles ********************************************/
/****************************************************/
.noFrame,
.noFrame tr th,
.noFrame tr td,
.noBorder,
TABLE.noFrame,
TABLE.noFrame TR,
TABLE.noFrame TR TD,
TABLE.noFrame TR TH {
  border: none;
  border-width: 0;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}
TD.noBorder,
table.noBorder,
table.noBorder td {
  border: none !important;
}
/* fixed tabel header ************************************************************************/
.fixedTableHeaderRow > TD,
.fixedTableHeaderRow > TH,
.fixedTableHeaderRow > GD {
  position: relative;
  box-sizing: border-box;
  background-image: -webkit-linear-gradient(top, #fcfcfc, #fafafa);
  background-image: -moz-linear-gradient(top, #fcfcfc, #fafafa);
  background-image: -ms-linear-gradient(top, #fcfcfc, #fafafa);
  background-image: -o-linear-gradient(top, #fcfcfc, #fafafa);
  background-image: linear-gradient(top, #fcfcfc, #fafafa);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  z-index: 1;
  border-style: solid;
  border-width: 1px;
  border-color: #e2e2e5;
  background-color: #e2e2e5;
}
/*************************************************************************/
/*******FANEBLADE*********************************************************/
/*************************************************************************/
/* Sørger for fremhævning af det bogstav der er genvej */
.shortcutletter,
span.shortcutletter {
  text-decoration: underline;
  vertical-align: baseline;
}
/*************************************************************************/
/*******FANEBLADE - TabStyle1 (standard) +  TabStyle2 (speciel eg. akt.forside) + TabStyle3 (speciel eg. forløb) + TabStyle4 (simpel) *********************************************************/
/*************************************************************************/
.ls-tabs1[class=ls-tabs1],
.ls-tabs2[class=ls-tabs2],
.ls-tabs3[class=ls-tabs3],
.ls-tabs4[class=ls-tabs4] {
  display: table;
}
.ls-tabs1,
.ls-tabs2,
.ls-tabs3,
.ls-tabs4 {
  min-width: 30rem;
  width: 100%;
  box-sizing: border-box;
}
.ls-tabs1 .lectioTabToolbar,
.ls-tabs2 .lectioTabToolbar,
.ls-tabs3 .lectioTabToolbar,
.ls-tabs4 .lectioTabToolbar {
  box-sizing: border-box;
  background-image: none;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  border-left: none;
  padding-left: 0.4em;
  padding-top: 0.3em;
  font-size: 1.1em;
  display: flex;
  border-bottom: solid 1px #c6c6c9;
  overflow: visible;
}
.ls-tabs1 .lectioTabToolbar .button,
.ls-tabs2 .lectioTabToolbar .button,
.ls-tabs3 .lectioTabToolbar .button,
.ls-tabs4 .lectioTabToolbar .button {
  margin-bottom: -1px;
}
.ls-tabs1 .lectioTabToolbar .button A,
.ls-tabs2 .lectioTabToolbar .button A,
.ls-tabs3 .lectioTabToolbar .button A,
.ls-tabs4 .lectioTabToolbar .button A,
.ls-tabs1 .lectioTabToolbar .button A:hover,
.ls-tabs2 .lectioTabToolbar .button A:hover,
.ls-tabs3 .lectioTabToolbar .button A:hover,
.ls-tabs4 .lectioTabToolbar .button A:hover {
  box-sizing: border-box;
  background-image: none;
  border: none;
  display: inline-block;
  padding: 0.4em 0.7em 0.3em 0.7em;
  border-radius: 2px 2px 0 0;
  border-top: solid 1px #c6c6c9;
  border-right: solid 1px #c6c6c9;
  border-bottom: solid 1px #c6c6c9;
  border-collapse: collapse;
  background-color: transparent;
}
.ls-tabs1 .lectioTabToolbar .button A:hover,
.ls-tabs2 .lectioTabToolbar .button A:hover,
.ls-tabs3 .lectioTabToolbar .button A:hover,
.ls-tabs4 .lectioTabToolbar .button A:hover {
  /*background: @brush_linkBackgroundHover;
				border-top: solid 1px @brush_linkBackgroundHover;*/
  color: #006493;
  opacity: 0.92;
}
.ls-tabs1 .lectioTabToolbar .button A[disabled="disabled"],
.ls-tabs2 .lectioTabToolbar .button A[disabled="disabled"],
.ls-tabs3 .lectioTabToolbar .button A[disabled="disabled"],
.ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
.ls-tabs1 .lectioTabToolbar .button A[disabled="disabled"]:hover,
.ls-tabs2 .lectioTabToolbar .button A[disabled="disabled"]:hover,
.ls-tabs3 .lectioTabToolbar .button A[disabled="disabled"]:hover,
.ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
  text-shadow: none;
  color: #b20c00 !important;
  border-top: solid 1px #c6c6c9;
  border-left: solid 1px #c6c6c9;
  border-bottom: solid 1px #f7f7f7;
  background-color: #f7f7f7;
  margin-left: -1px;
  opacity: 1;
}
.ls-tabs1 .lectioTabToolbar .button:first-of-type A,
.ls-tabs2 .lectioTabToolbar .button:first-of-type A,
.ls-tabs3 .lectioTabToolbar .button:first-of-type A,
.ls-tabs4 .lectioTabToolbar .button:first-of-type A {
  border-top-left-radius: 4px;
}
.ls-tabs1 .lectioTabToolbar .button:last-of-type A,
.ls-tabs2 .lectioTabToolbar .button:last-of-type A,
.ls-tabs3 .lectioTabToolbar .button:last-of-type A,
.ls-tabs4 .lectioTabToolbar .button:last-of-type A {
  border-top-right-radius: 4px;
}
.ls-tabs1 .lectioTabToolbar .button:last-of-type A,
.ls-tabs2 .lectioTabToolbar .button:last-of-type A,
.ls-tabs3 .lectioTabToolbar .button:last-of-type A,
.ls-tabs4 .lectioTabToolbar .button:last-of-type A {
  margin-right: 1em;
}
.ls-tabs1 .lectioTabContent,
.ls-tabs2 .lectioTabContent,
.ls-tabs3 .lectioTabContent,
.ls-tabs4 .lectioTabContent {
  box-sizing: border-box;
  min-height: 22em;
  border-radius: 2px 2px 4px 4px;
  padding: 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-top: none !important;
  padding-right: 1em;
}
.ls-tabs1 .lectioTabFooter,
.ls-tabs2 .lectioTabFooter,
.ls-tabs3 .lectioTabFooter,
.ls-tabs4 .lectioTabFooter {
  background-color: transparent;
  border: none;
  height: auto;
  background-image: none;
}
.ls-tabs1 .shortcutletter,
.ls-tabs2 .shortcutletter,
.ls-tabs3 .shortcutletter,
.ls-tabs4 .shortcutletter {
  text-decoration: underline;
}
/*******FANEBLADE - TabStyle1 only, gam. default ******************************************/
.ls-tabs1 {
  min-width: 55.5em;
}
.ls-tabs1 .lectioTabToolbar .button:nth-of-type(1) A {
  border-left: solid 1px #c6c6c9;
}
.ls-tabs1 .lectioTabToolbar .button A[disabled="disabled"],
.ls-tabs1 .lectioTabToolbar .button A[disabled="disabled"]:hover {
  border-bottom: solid 1px #fefefe;
  background-color: #fefefe;
}
.ls-tabs1 .lectioTabContent {
  min-height: 22em;
  padding: 1em;
  padding-top: 1.6em;
  border: solid 1px #c6c6c9;
  background-color: #fefefe;
}
/******************************************************/
/*******FANEBLADE - TabStyle2 only, simpel t. mobil ***************************************/
.ls-tabs2 .lectioTabToolbar {
  border: none;
}
.ls-tabs2 .lectioTabToolbar .button:nth-of-type(1) A {
  border-left: none;
}
.ls-tabs2 .lectioTabToolbar div.button {
  border: none;
  background: unset;
  border: unset;
  border-radius: unset;
  padding: unset;
}
.ls-tabs2 .lectioTabToolbar div.button A,
.ls-tabs2 .lectioTabToolbar div.button A:hover {
  padding: 0.4rem 0.7rem;
  outline: none;
  border: none;
  background: unset;
  border: unset;
  border-radius: unset;
  color: #41474d;
}
.ls-tabs2 .lectioTabToolbar div.button A[disabled="disabled"],
.ls-tabs2 .lectioTabToolbar div.button A[disabled="disabled"]:hover {
  border: none;
  background: unset;
  border: unset;
  border-radius: unset;
  border-bottom: solid 3px #006493;
  color: #006493 !important;
}
.ls-tabs2 .lectioTabContent {
  border: none;
  background-color: transparent;
  color: unset;
  padding: unset;
  padding-top: 0.5rem;
}
/*******FANEBLADE - TabStyle3 only, spec til  aktivitetsforside og forløb *****************/
.ls-tabs3 .lectioTabToolbar .button:nth-of-type(1) A {
  border-left: solid 1px #c6c6c9;
}
.ls-tabs3 .lectioTabContent {
  border: 1px solid #c6c6c9;
  background: #f7f7f7;
  padding-top: 1em;
}
/* ******FANEBLADE - TabStyle4 only, default *********************************** */
.ls-tabs4 .lectioTabToolbar .button:first-of-type A {
  border-left: solid 1px transparent;
}
.ls-tabs4 .lectioTabToolbar .button:first-of-type A[disabled="disabled"] {
  border-left: solid 1px #c6c6c9;
}
.ls-tabs4 .lectioTabToolbar .button:first-of-type A {
  border-radius: 4px 4px 0 0;
}
.ls-tabs4 .lectioTabToolbar .button:last-of-type A {
  border-radius: 4px 4px 0 0;
}
.ls-tabs4 .lectioTabToolbar .button A,
.ls-tabs4 .lectioTabToolbar .button A:hover {
  border: none;
  border-top: solid 1px transparent;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
  border-radius: 4px 4px 0 0;
}
.ls-tabs4 .lectioTabToolbar .button A:hover {
  border: none;
  border-top: solid 1px #006493;
  border-left: solid 1px #006493;
  border-right: solid 1px #006493;
}
.ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
.ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
  border-top: solid 1px #c6c6c9;
  border-right: solid 1px #c6c6c9;
  border-bottom: solid 1px #f7f7f7;
  background-color: #f7f7f7;
}
.ls-tabs4 .lectioTabContent {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  background-color: transparent;
  padding: 1em;
}
/** overide for tabs in cards */
.ls-card-elevated .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
.ls-card-outlined .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
.ls-card-elevated .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover,
.ls-card-outlined .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
  border-bottom: solid 1px #fff;
  background-color: #fff;
}
/************/
/* end all tabs ****************************************************/
/* mobil tabs	*/
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .reset-tabs {
    padding: unset;
    line-height: unset;
    box-sizing: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    display: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    min-height: unset;
    min-width: unset;
    width: unset;
  }
  .reset-tabs .button a {
    outline: none;
  }
  .ls-tabs1[class=ls-tabs1],
  .ls-tabs3[class=ls-tabs3],
  .ls-tabs4[class=ls-tabs4] {
    padding: unset;
    line-height: unset;
    box-sizing: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    display: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    min-height: unset;
    min-width: unset;
    width: unset;
  }
  .ls-tabs1[class=ls-tabs1] .button a,
  .ls-tabs3[class=ls-tabs3] .button a,
  .ls-tabs4[class=ls-tabs4] .button a {
    outline: none;
  }
  .ls-tabs1,
  .ls-tabs3,
  .ls-tabs4 {
    padding: unset;
    line-height: unset;
    box-sizing: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    display: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    min-height: unset;
    min-width: unset;
    width: unset;
  }
  .ls-tabs1 .button a,
  .ls-tabs3 .button a,
  .ls-tabs4 .button a {
    outline: none;
  }
  .ls-tabs1 .lectioTabToolbar,
  .ls-tabs3 .lectioTabToolbar,
  .ls-tabs4 .lectioTabToolbar {
    padding: unset;
    line-height: unset;
    box-sizing: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    display: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    min-height: unset;
    min-width: unset;
    width: unset;
  }
  .ls-tabs1 .lectioTabToolbar .button a,
  .ls-tabs3 .lectioTabToolbar .button a,
  .ls-tabs4 .lectioTabToolbar .button a {
    outline: none;
  }
  .ls-tabs1 .lectioTabToolbar .button,
  .ls-tabs3 .lectioTabToolbar .button,
  .ls-tabs4 .lectioTabToolbar .button {
    padding: unset;
    line-height: unset;
    box-sizing: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    display: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    min-height: unset;
    min-width: unset;
    width: unset;
  }
  .ls-tabs1 .lectioTabToolbar .button .button a,
  .ls-tabs3 .lectioTabToolbar .button .button a,
  .ls-tabs4 .lectioTabToolbar .button .button a {
    outline: none;
  }
  .ls-tabs1 .lectioTabToolbar .button A,
  .ls-tabs3 .lectioTabToolbar .button A,
  .ls-tabs4 .lectioTabToolbar .button A,
  .ls-tabs1 .lectioTabToolbar .button A:hover,
  .ls-tabs3 .lectioTabToolbar .button A:hover,
  .ls-tabs4 .lectioTabToolbar .button A:hover {
    padding: unset;
    line-height: unset;
    box-sizing: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    display: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    min-height: unset;
    min-width: unset;
    width: unset;
  }
  .ls-tabs1 .lectioTabToolbar .button A .button a,
  .ls-tabs3 .lectioTabToolbar .button A .button a,
  .ls-tabs4 .lectioTabToolbar .button A .button a,
  .ls-tabs1 .lectioTabToolbar .button A:hover .button a,
  .ls-tabs3 .lectioTabToolbar .button A:hover .button a,
  .ls-tabs4 .lectioTabToolbar .button A:hover .button a {
    outline: none;
  }
  .ls-tabs1 .lectioTabToolbar .button A[disabled="disabled"],
  .ls-tabs3 .lectioTabToolbar .button A[disabled="disabled"],
  .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
  .ls-tabs1 .lectioTabToolbar .button A[disabled="disabled"]:hover,
  .ls-tabs3 .lectioTabToolbar .button A[disabled="disabled"]:hover,
  .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
    padding: unset;
    line-height: unset;
    box-sizing: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    display: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    min-height: unset;
    min-width: unset;
    width: unset;
  }
  .ls-tabs1 .lectioTabToolbar .button A[disabled="disabled"] .button a,
  .ls-tabs3 .lectioTabToolbar .button A[disabled="disabled"] .button a,
  .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"] .button a,
  .ls-tabs1 .lectioTabToolbar .button A[disabled="disabled"]:hover .button a,
  .ls-tabs3 .lectioTabToolbar .button A[disabled="disabled"]:hover .button a,
  .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover .button a {
    outline: none;
  }
  .ls-tabs1 .lectioTabToolbar .button:first-of-type A,
  .ls-tabs3 .lectioTabToolbar .button:first-of-type A,
  .ls-tabs4 .lectioTabToolbar .button:first-of-type A {
    padding: unset;
    line-height: unset;
    box-sizing: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    display: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    min-height: unset;
    min-width: unset;
    width: unset;
  }
  .ls-tabs1 .lectioTabToolbar .button:first-of-type A .button a,
  .ls-tabs3 .lectioTabToolbar .button:first-of-type A .button a,
  .ls-tabs4 .lectioTabToolbar .button:first-of-type A .button a {
    outline: none;
  }
  .ls-tabs1 .lectioTabToolbar .button:last-of-type A,
  .ls-tabs3 .lectioTabToolbar .button:last-of-type A,
  .ls-tabs4 .lectioTabToolbar .button:last-of-type A {
    padding: unset;
    line-height: unset;
    box-sizing: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    display: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    min-height: unset;
    min-width: unset;
    width: unset;
  }
  .ls-tabs1 .lectioTabToolbar .button:last-of-type A .button a,
  .ls-tabs3 .lectioTabToolbar .button:last-of-type A .button a,
  .ls-tabs4 .lectioTabToolbar .button:last-of-type A .button a {
    outline: none;
  }
  .ls-tabs1 .lectioTabToolbar .button:last-of-type A,
  .ls-tabs3 .lectioTabToolbar .button:last-of-type A,
  .ls-tabs4 .lectioTabToolbar .button:last-of-type A {
    padding: unset;
    line-height: unset;
    box-sizing: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    display: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    margin: unset;
    position: unset;
    top: unset;
    height: unset;
    overflow-clip-margin: unset;
    overflow: unset;
    transition: unset;
    border: none;
    min-height: unset;
    min-width: unset;
    width: unset;
  }
  .ls-tabs1 .lectioTabToolbar .button:last-of-type A .button a,
  .ls-tabs3 .lectioTabToolbar .button:last-of-type A .button a,
  .ls-tabs4 .lectioTabToolbar .button:last-of-type A .button a {
    outline: none;
  }
  /*set desktop tab3 style = tab2 style for mobile*/
  .ls-tabs1[class=ls-tabs1],
  .ls-tabs3[class=ls-tabs3],
  .ls-tabs4[class=ls-tabs4] {
    min-width: 30rem;
    width: 100%;
    box-sizing: border-box;
    min-width: calc(100dvw - (0.5em + 0.5em));
  }
  .ls-tabs1[class=ls-tabs1] .lectioTabToolbar,
  .ls-tabs3[class=ls-tabs3] .lectioTabToolbar,
  .ls-tabs4[class=ls-tabs4] .lectioTabToolbar {
    box-sizing: border-box;
    background-image: none;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    border-left: none;
    padding-left: 0.4em;
    padding-top: 0.3em;
    font-size: 1.1em;
    display: flex;
    border-bottom: solid 1px #c6c6c9;
    overflow: visible;
  }
  .ls-tabs1[class=ls-tabs1] .lectioTabToolbar .button,
  .ls-tabs3[class=ls-tabs3] .lectioTabToolbar .button,
  .ls-tabs4[class=ls-tabs4] .lectioTabToolbar .button {
    margin-bottom: -1px;
  }
  .ls-tabs1[class=ls-tabs1] .lectioTabToolbar .button A,
  .ls-tabs3[class=ls-tabs3] .lectioTabToolbar .button A,
  .ls-tabs4[class=ls-tabs4] .lectioTabToolbar .button A,
  .ls-tabs1[class=ls-tabs1] .lectioTabToolbar .button A:hover,
  .ls-tabs3[class=ls-tabs3] .lectioTabToolbar .button A:hover,
  .ls-tabs4[class=ls-tabs4] .lectioTabToolbar .button A:hover {
    box-sizing: border-box;
    background-image: none;
    border: none;
    display: inline-block;
    padding: 0.4em 0.7em 0.3em 0.7em;
    border-radius: 2px 2px 0 0;
    border-top: solid 1px #c6c6c9;
    border-right: solid 1px #c6c6c9;
    border-bottom: solid 1px #c6c6c9;
    border-collapse: collapse;
    background-color: transparent;
  }
  .ls-tabs1[class=ls-tabs1] .lectioTabToolbar .button A:hover,
  .ls-tabs3[class=ls-tabs3] .lectioTabToolbar .button A:hover,
  .ls-tabs4[class=ls-tabs4] .lectioTabToolbar .button A:hover {
    /*background: @brush_linkBackgroundHover;
				border-top: solid 1px @brush_linkBackgroundHover;*/
    color: #006493;
    opacity: 0.92;
  }
  .ls-tabs1[class=ls-tabs1] .lectioTabToolbar .button A[disabled="disabled"],
  .ls-tabs3[class=ls-tabs3] .lectioTabToolbar .button A[disabled="disabled"],
  .ls-tabs4[class=ls-tabs4] .lectioTabToolbar .button A[disabled="disabled"],
  .ls-tabs1[class=ls-tabs1] .lectioTabToolbar .button A[disabled="disabled"]:hover,
  .ls-tabs3[class=ls-tabs3] .lectioTabToolbar .button A[disabled="disabled"]:hover,
  .ls-tabs4[class=ls-tabs4] .lectioTabToolbar .button A[disabled="disabled"]:hover {
    text-shadow: none;
    color: #b20c00 !important;
    border-top: solid 1px #c6c6c9;
    border-left: solid 1px #c6c6c9;
    border-bottom: solid 1px #f7f7f7;
    background-color: #f7f7f7;
    margin-left: -1px;
    opacity: 1;
  }
  .ls-tabs1[class=ls-tabs1] .lectioTabToolbar .button:first-of-type A,
  .ls-tabs3[class=ls-tabs3] .lectioTabToolbar .button:first-of-type A,
  .ls-tabs4[class=ls-tabs4] .lectioTabToolbar .button:first-of-type A {
    border-top-left-radius: 4px;
  }
  .ls-tabs1[class=ls-tabs1] .lectioTabToolbar .button:last-of-type A,
  .ls-tabs3[class=ls-tabs3] .lectioTabToolbar .button:last-of-type A,
  .ls-tabs4[class=ls-tabs4] .lectioTabToolbar .button:last-of-type A {
    border-top-right-radius: 4px;
  }
  .ls-tabs1[class=ls-tabs1] .lectioTabToolbar .button:last-of-type A,
  .ls-tabs3[class=ls-tabs3] .lectioTabToolbar .button:last-of-type A,
  .ls-tabs4[class=ls-tabs4] .lectioTabToolbar .button:last-of-type A {
    margin-right: 1em;
  }
  .ls-tabs1[class=ls-tabs1] .lectioTabContent,
  .ls-tabs3[class=ls-tabs3] .lectioTabContent,
  .ls-tabs4[class=ls-tabs4] .lectioTabContent {
    box-sizing: border-box;
    min-height: 22em;
    border-radius: 2px 2px 4px 4px;
    padding: 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: none !important;
    padding-right: 1em;
  }
  .ls-tabs1[class=ls-tabs1] .lectioTabFooter,
  .ls-tabs3[class=ls-tabs3] .lectioTabFooter,
  .ls-tabs4[class=ls-tabs4] .lectioTabFooter {
    background-color: transparent;
    border: none;
    height: auto;
    background-image: none;
  }
  .ls-tabs1[class=ls-tabs1] .shortcutletter,
  .ls-tabs3[class=ls-tabs3] .shortcutletter,
  .ls-tabs4[class=ls-tabs4] .shortcutletter {
    text-decoration: underline;
  }
  .ls-tabs1[class=ls-tabs1] .lectioTabToolbar,
  .ls-tabs3[class=ls-tabs3] .lectioTabToolbar,
  .ls-tabs4[class=ls-tabs4] .lectioTabToolbar {
    border: none;
  }
  .ls-tabs1[class=ls-tabs1] .lectioTabToolbar .button:nth-of-type(1) A,
  .ls-tabs3[class=ls-tabs3] .lectioTabToolbar .button:nth-of-type(1) A,
  .ls-tabs4[class=ls-tabs4] .lectioTabToolbar .button:nth-of-type(1) A {
    border-left: none;
  }
  .ls-tabs1[class=ls-tabs1] .lectioTabToolbar div.button,
  .ls-tabs3[class=ls-tabs3] .lectioTabToolbar div.button,
  .ls-tabs4[class=ls-tabs4] .lectioTabToolbar div.button {
    border: none;
    background: unset;
    border: unset;
    border-radius: unset;
    padding: unset;
  }
  .ls-tabs1[class=ls-tabs1] .lectioTabToolbar div.button A,
  .ls-tabs3[class=ls-tabs3] .lectioTabToolbar div.button A,
  .ls-tabs4[class=ls-tabs4] .lectioTabToolbar div.button A,
  .ls-tabs1[class=ls-tabs1] .lectioTabToolbar div.button A:hover,
  .ls-tabs3[class=ls-tabs3] .lectioTabToolbar div.button A:hover,
  .ls-tabs4[class=ls-tabs4] .lectioTabToolbar div.button A:hover {
    padding: 0.4rem 0.7rem;
    outline: none;
    border: none;
    background: unset;
    border: unset;
    border-radius: unset;
    color: #41474d;
  }
  .ls-tabs1[class=ls-tabs1] .lectioTabToolbar div.button A[disabled="disabled"],
  .ls-tabs3[class=ls-tabs3] .lectioTabToolbar div.button A[disabled="disabled"],
  .ls-tabs4[class=ls-tabs4] .lectioTabToolbar div.button A[disabled="disabled"],
  .ls-tabs1[class=ls-tabs1] .lectioTabToolbar div.button A[disabled="disabled"]:hover,
  .ls-tabs3[class=ls-tabs3] .lectioTabToolbar div.button A[disabled="disabled"]:hover,
  .ls-tabs4[class=ls-tabs4] .lectioTabToolbar div.button A[disabled="disabled"]:hover {
    border: none;
    background: unset;
    border: unset;
    border-radius: unset;
    border-bottom: solid 3px #006493;
    color: #006493 !important;
  }
  .ls-tabs1[class=ls-tabs1] .lectioTabContent,
  .ls-tabs3[class=ls-tabs3] .lectioTabContent,
  .ls-tabs4[class=ls-tabs4] .lectioTabContent {
    border: none;
    background-color: transparent;
    color: unset;
    padding: unset;
    padding-top: 0.5rem;
  }
  .ls-tabs1[class=ls-tabs1] .lectioTabToolbar,
  .ls-tabs3[class=ls-tabs3] .lectioTabToolbar,
  .ls-tabs4[class=ls-tabs4] .lectioTabToolbar {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 95dvw;
    padding-bottom: 0.75em;
    flex-wrap: unset;
  }
  /* 231103 JTJ: Midlertidigt fix til aktivitetsforsiden, hvor ny mobil styling gør siden for bred så man kan scrolle horizontalt
		(Kun som lærer, da de har 3 tabs). Der bør nok gøres noget generelt for sider der har tabs, men som er tilpasset til ikke at scrolle sidelæns på mobil.*/
  /*.ls-toccontent-container .ls-tabs3 .lectioTabToolbar {
			font-size: 1em;
			padding: 0;

			div.button a {
				padding-left: 0.35em;
				padding-right: 0.35em;
				margin-right: 0em !important;
			}
		}*/
  /*--- Midlertidigt fix til aktivitetsforsiden SLUT --- */
}
.lectio_panelContainer {
  display: table;
  width: 86em;
  padding: 0.45em 0.45em 1em 0.45em;
  margin: 0.45em 0 1em 0;
  vertical-align: top;
  border: 1px dotted #c6c6c9;
}
/* ls-island2, ls-island3 **************************************************/
.ls-island2 {
  padding: 1em 0.8em 1em 0.8em;
  line-height: 16px;
}
.ls-island3 {
  min-height: 10em;
  background-color: #ffffff;
  border: solid 1px #e2e2e5;
  border-radius: 0.2em;
  box-shadow: 0.2em 0.3em 1.2em #ddd;
  overflow: auto;
  background: white;
  padding: 2em 2em 6em 2em;
  margin-bottom: 2em;
  box-sizing: border-box;
  line-height: 16px;
}
.ls-island2 .islandHeaderContainer,
.ls-island3 .islandHeaderContainer {
  display: flex;
  justify-content: space-between;
}
.ls-island2 .islandHeader,
.ls-island3 .islandHeader {
  font-size: 1.4em;
  color: #475968;
}
/* lines, borders ******************************************/
HR,
.ls-hr-dotted,
.ls-hr-solid,
.ls-hr-solid-thick {
  display: block;
  border: none;
  height: 1px;
  border-bottom: dotted 1px #c6c6c9;
}
.ls-hr-solid,
.ls-hr-solid-thick {
  border-bottom: solid 1px #e2e2e5;
}
.ls-hr-solid-thick {
  border-width: 6px;
}
.lectioBorder {
  border-top: solid 1px #e2e2e5;
  border-bottom: solid 1px #c6c6c9;
  border-left: solid 1px #c6c6c9;
  border-right: solid 1px #c6c6c9;
}
.lectioBorderTop,
.lectioBorderTop TD,
.lectioBorderTop TH {
  border-top: solid 1px #e2e2e5;
}
.lectioBorderBot,
.lectioBorderBot TD,
.lectioBorderBot TH {
  border-bottom: solid 1px #c6c6c9;
}
.lectioBorderLeft {
  border-left: solid 1px #c6c6c9;
}
.lectioBorderRight {
  border-right: solid 1px #c6c6c9;
}
/*** Context menu ******************************************/
DIV[lectiocontextcard],
A[lectiocontextcard],
SPAN[lectiocontextcard],
TD[lectiocontextcard],
TH[lectiocontextcard],
H4[lectiocontextcard],
.s2contextmenu {
  cursor: context-menu;
  cursor: url('/lectio/img/context-menu.png'), context-menu;
}
#jqContextMenu {
  position: absolute;
  z-index: 500;
}
#jqContextMenu .lec-context-menu {
  display: block;
}
/*** END Context menu **************************************/
/*pop ups*/
.ui-dialog {
  text-align: left;
}
.stickyElement {
  position: fixed !important;
  top: 0;
}
/*** START Cards **************************************/
.ls-card-base {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
}
.ls-card-base div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.ls-card-elevated {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
  outline: 1px solid #f0f0f3;
  background-color: #fff;
}
.ls-card-elevated div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.ls-card-filled {
  background-color: #ecf1f9;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
  border: none;
  box-shadow: none;
}
.ls-card-filled div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.ls-card-outlined {
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
  box-shadow: none;
  background-color: #fff;
}
.ls-card-outlined div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.ls-card-nostyle {
  background-color: unset;
  border-top: unset;
  border-right: unset;
  border-bottom: unset;
  border-left: unset;
  border: none;
  background-image: none;
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
}
.ls-card-nostyle div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
/*** END Cards **************************************/
/* MD style islands **************************************/
.ls-island-outlined div.islandHeaderContainer[role=heading],
.ls-island-filled div.islandHeaderContainer[role=heading],
.ls-island-elevated div.islandHeaderContainer[role=heading],
.ls-island-nostyle div.islandHeaderContainer[role=heading] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.7em;
}
.ls-island-outlined div.islandHeaderContainer[role=heading] span.islandHeader,
.ls-island-filled div.islandHeaderContainer[role=heading] span.islandHeader,
.ls-island-elevated div.islandHeaderContainer[role=heading] span.islandHeader,
.ls-island-nostyle div.islandHeaderContainer[role=heading] span.islandHeader {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.ls-island-outlined {
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
  box-shadow: none;
  background-color: #fff;
}
.ls-island-outlined .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
.ls-island-outlined .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
  border-bottom: solid 1px #fff;
  background-color: #fff;
}
.ls-island-outlined div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.ls-island-filled {
  background-color: #ecf1f9;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
  border: none;
  box-shadow: none;
}
.ls-island-filled div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.ls-island-filled.noheader div.islandHeaderContainer[role=heading] {
  display: none;
}
.ls-island-elevated {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
  outline: 1px solid #f0f0f3;
  background-color: #fff;
}
.ls-island-elevated .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
.ls-island-elevated .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
  border-bottom: solid 1px #fff;
  background-color: #fff;
}
.ls-island-elevated div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.ls-island-elevated.noheader div.islandHeaderContainer[role=heading] {
  display: none;
}
.ls-island-content-menu {
  display: none;
}
.ls-island-nostyle {
  background-color: unset;
  border-top: unset;
  border-right: unset;
  border-bottom: unset;
  border-left: unset;
  border: none;
  background-image: none;
  box-shadow: none;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
}
.ls-island-nostyle div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.ls-island-nostyle.noheader div.islandHeaderContainer[role=heading] {
  display: none;
}
/*** END MD style islands **************************************/
/* Er container til øer, der gør at de placeres ved siden af hinanden.  Sættes på ydre div (container), herved vil underliggende islands ø'er placeres ved siden af hinanden og alignes til top */
.ls-std-island-layout-ltr {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  /* strækker island højde, kan bruges ved flere øer ved siden af hinanden for ens island højde */
  align-items: stretch;
}
.ls-std-island-layout-ltr .island,
.ls-std-island-layout-ltr .ls-island-outlined,
.ls-std-island-layout-ltr .ls-island-filled,
.ls-std-island-layout-ltr .ls-island-elevated,
.ls-std-island-layout-ltr .ls-island-nostyle {
  margin-right: 1rem;
}
.ls-std-island-layout-ltr .smallBlockHeight,
.ls-std-island-layout-ltr .mediumBlockHeight,
.ls-std-island-layout-ltr .largeBlockHeight .xlargeBlockHeight {
  align-self: flex-start;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .island-reset {
    background-color: unset;
    border-top: unset;
    border-right: unset;
    border-bottom: unset;
    border-left: unset;
    border: none;
    background-image: none;
    box-shadow: none;
    padding-bottom: 0.25em;
    padding-top: 0.25em;
    padding-left: 0;
    padding-right: 0;
    outline: none;
  }
  SECTION.island,
  SECTION.ls-island-outlined,
  SECTION.ls-island-elevated,
  SECTION.ls-island-filled,
  SECTION.ls-island-nostyle {
    padding-bottom: 0.25em;
    padding-top: 0.25em;
    padding-left: 0;
    padding-right: 0;
    outline: none;
    background-color: unset;
    border-top: unset;
    border-right: unset;
    border-bottom: unset;
    border-left: unset;
    border: none;
    background-image: none;
    box-shadow: none;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.033rem;
    line-height: 1.333rem;
    box-sizing: border-box;
    /*overflow: auto;*/
    border-radius: 0.5rem;
    padding: 0.875rem;
    padding-left: 1.333rem;
    padding-right: 1.333rem;
    padding: 0;
    border-radius: unset;
  }
  SECTION.island div.islandHeaderContainer,
  SECTION.ls-island-outlined div.islandHeaderContainer,
  SECTION.ls-island-elevated div.islandHeaderContainer,
  SECTION.ls-island-filled div.islandHeaderContainer,
  SECTION.ls-island-nostyle div.islandHeaderContainer {
    background-color: unset;
    border-top: unset;
    border-right: unset;
    border-bottom: unset;
    border-left: unset;
    border: none;
    background-image: none;
    box-shadow: none;
    padding-bottom: 0.25em;
    padding-top: 0.25em;
    padding-left: 0;
    padding-right: 0;
    outline: none;
  }
  SECTION.island div.islandHeaderContainer .islandHeader,
  SECTION.ls-island-outlined div.islandHeaderContainer .islandHeader,
  SECTION.ls-island-elevated div.islandHeaderContainer .islandHeader,
  SECTION.ls-island-filled div.islandHeaderContainer .islandHeader,
  SECTION.ls-island-nostyle div.islandHeaderContainer .islandHeader {
    background-color: unset;
    border-top: unset;
    border-right: unset;
    border-bottom: unset;
    border-left: unset;
    border: none;
    background-image: none;
    box-shadow: none;
    padding-bottom: 0.25em;
    padding-top: 0.25em;
    padding-left: 0;
    padding-right: 0;
    outline: none;
    padding: unset;
  }
  SECTION.island .islandContent,
  SECTION.ls-island-outlined .islandContent,
  SECTION.ls-island-elevated .islandContent,
  SECTION.ls-island-filled .islandContent,
  SECTION.ls-island-nostyle .islandContent {
    background-color: unset;
    border-top: unset;
    border-right: unset;
    border-bottom: unset;
    border-left: unset;
    border: none;
    background-image: none;
    box-shadow: none;
    padding-bottom: 0.25em;
    padding-top: 0.25em;
    padding-left: 0;
    padding-right: 0;
    outline: none;
    /*padding: unset;*/
  }
  SECTION.island .islandContent .dashboardLinkHeader,
  SECTION.ls-island-outlined .islandContent .dashboardLinkHeader,
  SECTION.ls-island-elevated .islandContent .dashboardLinkHeader,
  SECTION.ls-island-filled .islandContent .dashboardLinkHeader,
  SECTION.ls-island-nostyle .islandContent .dashboardLinkHeader {
    background-color: unset;
    border-top: unset;
    border-right: unset;
    border-bottom: unset;
    border-left: unset;
    border: none;
    background-image: none;
    box-shadow: none;
    padding-bottom: 0.25em;
    padding-top: 0.25em;
    padding-left: 0;
    padding-right: 0;
    outline: none;
  }
  SECTION.island .islandContent .dashboardLinkHeader a.dashboardItemTitle > .dashboardLinkHeaderText,
  SECTION.ls-island-outlined .islandContent .dashboardLinkHeader a.dashboardItemTitle > .dashboardLinkHeaderText,
  SECTION.ls-island-elevated .islandContent .dashboardLinkHeader a.dashboardItemTitle > .dashboardLinkHeaderText,
  SECTION.ls-island-filled .islandContent .dashboardLinkHeader a.dashboardItemTitle > .dashboardLinkHeaderText,
  SECTION.ls-island-nostyle .islandContent .dashboardLinkHeader a.dashboardItemTitle > .dashboardLinkHeaderText,
  SECTION.island .islandContent .dashboardLinkHeader .dashboardLinkHeaderText,
  SECTION.ls-island-outlined .islandContent .dashboardLinkHeader .dashboardLinkHeaderText,
  SECTION.ls-island-elevated .islandContent .dashboardLinkHeader .dashboardLinkHeaderText,
  SECTION.ls-island-filled .islandContent .dashboardLinkHeader .dashboardLinkHeaderText,
  SECTION.ls-island-nostyle .islandContent .dashboardLinkHeader .dashboardLinkHeaderText {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.333rem;
    line-height: 2rem;
    letter-spacing: 0.0125rem;
    color: #006493;
  }
  SECTION.island div[role=heading] > span:first-of-type,
  SECTION.ls-island-outlined div[role=heading] > span:first-of-type,
  SECTION.ls-island-elevated div[role=heading] > span:first-of-type,
  SECTION.ls-island-filled div[role=heading] > span:first-of-type,
  SECTION.ls-island-nostyle div[role=heading] > span:first-of-type {
    color: #1a1c1e;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.333rem;
    line-height: 2rem;
    letter-spacing: 0.0125rem;
    margin-top: 0;
    margin-bottom: 0;
  }
  SECTION.island:not(:last-child),
  SECTION.ls-island-outlined:not(:last-child),
  SECTION.ls-island-elevated:not(:last-child),
  SECTION.ls-island-filled:not(:last-child),
  SECTION.ls-island-nostyle:not(:last-child) {
    border-bottom: solid 1px #c6c6c9;
  }
  DIV.ls-container,
  TABLE.form,
  DIV.form,
  DIV.panel,
  TABLE.panel {
    box-sizing: border-box;
    border: unset;
    vertical-align: unset;
    padding: unset;
    margin: unset;
    overflow: unset;
    height: unset;
    background-color: unset;
    border-radius: unset;
  }
  .ls-std-island-layout-ltr {
    flex-wrap: wrap;
    display: flex;
  }
  .island.defaultBlock,
  .ls-island2.defaultBlock,
  .island3.defaultBlock,
  .ls-island-elevated.defaultBlock,
  .ls-island-filled.defaultBlock,
  .ls-island-outlined.defaultBlock,
  .ls-island-nostyle.defaultBlock,
  .island.smallBlock,
  .ls-island2.smallBlock,
  .island3.smallBlock,
  .ls-island-elevated.smallBlock,
  .ls-island-filled.smallBlock,
  .ls-island-outlined.smallBlock,
  .ls-island-nostyle.smallBlock,
  .island.smallBlockFixed,
  .ls-island2.smallBlockFixed,
  .island3.smallBlockFixed,
  .ls-island-elevated.smallBlockFixed,
  .ls-island-filled.smallBlockFixed,
  .ls-island-outlined.smallBlockFixed,
  .ls-island-nostyle.smallBlockFixed,
  .island.mediumBlock,
  .ls-island2.mediumBlock,
  .island3.mediumBlock,
  .ls-island-elevated.mediumBlock,
  .ls-island-filled.mediumBlock,
  .ls-island-outlined.mediumBlock,
  .ls-island-nostyle.mediumBlock,
  .island.mediumBlockFixed,
  .ls-island2.mediumBlockFixed,
  .island3.mediumBlockFixed,
  .ls-island-elevated.mediumBlockFixed,
  .ls-island-filled.mediumBlockFixed,
  .ls-island-outlined.mediumBlockFixed,
  .ls-island-nostyle.mediumBlockFixed,
  .island.largeBlock,
  .ls-island2.largeBlock,
  .island3.largeBlock,
  .ls-island-elevated.largeBlock,
  .ls-island-filled.largeBlock,
  .ls-island-outlined.largeBlock,
  .ls-island-nostyle.largeBlock,
  .island.largeBlockFixed,
  .ls-island2.largeBlockFixed,
  .island3.largeBlockFixed,
  .ls-island-elevated.largeBlockFixed,
  .ls-island-filled.largeBlockFixed,
  .ls-island-outlined.largeBlockFixed,
  .ls-island-nostyle.largeBlockFixed,
  .island.xlargeBlock,
  .ls-island2.xlargeBlock,
  .island3.xlargeBlock,
  .ls-island-elevated.xlargeBlock,
  .ls-island-filled.xlargeBlock,
  .ls-island-outlined.xlargeBlock,
  .ls-island-nostyle.xlargeBlock,
  .island.xlargeBlockFixed,
  .ls-island2.xlargeBlockFixed,
  .island3.xlargeBlockFixed,
  .ls-island-elevated.xlargeBlockFixed,
  .ls-island-filled.xlargeBlockFixed,
  .ls-island-outlined.xlargeBlockFixed,
  .ls-island-nostyle.xlargeBlockFixed {
    min-width: 100%;
    margin-right: 0;
  }
  /* ls-mobile-content-fullwidth - tilpasser sidens indhold til siden på mobil */
  .ls-mobile-content-fullwidth .ls-std-rowblock > div {
    display: flex;
    flex-wrap: wrap;
  }
  .ls-mobile-content-fullwidth SECTION.island .islandHeaderContainer {
    height: unset;
  }
  .ls-mobile-content-fullwidth SECTION.island table.ls-std-table-inputlist {
    width: 100%;
    table-layout: auto;
  }
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout1,
  .ls-mobile-content-fullwidth SECTION.island table.list,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout2 {
    width: 100%;
    table-layout: auto;
    background: transparent;
  }
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout1 tr:last-child td,
  .ls-mobile-content-fullwidth SECTION.island table.list tr:last-child td,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout2 tr:last-child td {
    border-bottom: none;
  }
  .ls-mobile-content-fullwidth SECTION.island .noRecord.nowrap {
    white-space: pre-wrap;
  }
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout1,
  .ls-mobile-content-fullwidth SECTION.island table.list,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout1 tr,
  .ls-mobile-content-fullwidth SECTION.island table.list tr {
    border: none;
  }
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout1 th,
  .ls-mobile-content-fullwidth SECTION.island table.list th,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout1 tr th,
  .ls-mobile-content-fullwidth SECTION.island table.list tr th,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout1 th a,
  .ls-mobile-content-fullwidth SECTION.island table.list th a,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout1 tr th a,
  .ls-mobile-content-fullwidth SECTION.island table.list tr th a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 1.666rem;
    letter-spacing: 0.008rem;
    font-size: 1.166rem;
  }
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout1 th,
  .ls-mobile-content-fullwidth SECTION.island table.list th,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout1 tr th,
  .ls-mobile-content-fullwidth SECTION.island table.list tr th,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout1 td,
  .ls-mobile-content-fullwidth SECTION.island table.list td,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout1 tr td,
  .ls-mobile-content-fullwidth SECTION.island table.list tr td,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout1 .OnlyMobile,
  .ls-mobile-content-fullwidth SECTION.island table.list .OnlyMobile,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout1 tr .OnlyMobile,
  .ls-mobile-content-fullwidth SECTION.island table.list tr .OnlyMobile,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout1 .OnlyDesktop,
  .ls-mobile-content-fullwidth SECTION.island table.list .OnlyDesktop,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout1 tr .OnlyDesktop,
  .ls-mobile-content-fullwidth SECTION.island table.list tr .OnlyDesktop {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
  }
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) and only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) and only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) and only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) and only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  SECTION.island .islandContent .dashboardLinkHeader a.dashboardItemTitle > .dashboardLinkHeaderText,
  SECTION.ls-island-outlined .islandContent .dashboardLinkHeader a.dashboardItemTitle > .dashboardLinkHeaderText,
  SECTION.ls-island-elevated .islandContent .dashboardLinkHeader a.dashboardItemTitle > .dashboardLinkHeaderText,
  SECTION.ls-island-filled .islandContent .dashboardLinkHeader a.dashboardItemTitle > .dashboardLinkHeaderText,
  SECTION.ls-island-nostyle .islandContent .dashboardLinkHeader a.dashboardItemTitle > .dashboardLinkHeaderText,
  SECTION.island .islandContent .dashboardLinkHeader .dashboardLinkHeaderText,
  SECTION.ls-island-outlined .islandContent .dashboardLinkHeader .dashboardLinkHeaderText,
  SECTION.ls-island-elevated .islandContent .dashboardLinkHeader .dashboardLinkHeaderText,
  SECTION.ls-island-filled .islandContent .dashboardLinkHeader .dashboardLinkHeaderText,
  SECTION.ls-island-nostyle .islandContent .dashboardLinkHeader .dashboardLinkHeaderText {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.166rem;
    line-height: 1.666rem;
    letter-spacing: 0.008rem;
  }
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  /* tiltænkt sider, hvor det ser sidetitel og den efterfølgende island-titel er ens, næsten ens - sæt denne class: islandHeader-hidden-smallscreen på lectiodetailisland */
  SECTION.island[class~='islandHeader-hidden-smallscreen'] .islandHeaderContainer {
    display: none;
  }
}
.file-framing-less-end {
  color: blue;
}

.file-jquery-autocomplete-css {
  color: blue;
}
.ac_results {
  padding: 0;
  background-color: #ffffff;
  overflow: hidden;
  z-index: 50;
  max-height: 40ex;
  overflow-y: scroll;
  -ms-overflow-y: scroll;
  border: solid 1px #d3dfeb;
  -webkit-border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -o-border-radius: 0.4em;
  border-radius: 0.4em;
  -webkit-box-shadow: 0.2em 0.2em 1.6em rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0.2em 0.2em 1.6em rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0.2em 0.2em 1.6em rgba(0, 0, 0, 0.1);
  box-shadow: 0.35em 0.35em 1.3em rgba(0, 0, 0, 0.5);
}
.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.ac_results iframe {
  display: none;
  /*sorry for IE5*/
  display: block;
  /*sorry for IE5*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  filter: mask();
  width: 3000px;
  height: 3000px;
}
.ac_results li {
  margin: 0em;
  margin-top: 0.1em;
  cursor: pointer;
  display: flex;
  width: 100%;
  overflow: hidden;
  font: inherit;
  /*border-bottom: dotted 1px #c4c9cc;*/
  border-bottom: dotted 1px #c1c7ce;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  padding-right: 0.4em;
  padding-left: 0.7em;
  background-size: 1.33em 1.33em;
  background-position: 0.1em 0.2em;
  transition: background-color 0.08s, color 0.08s;
  -moz-transition: background-color 0.08s, color 0.08s;
  /* Firefox 4 */
  -webkit-transition: background-color 0.08s, color 0.08s;
  /* Safari and Chrome */
  -o-transition: background-color 0.08s, color 0.08s;
  /* Opera */
}
.ac_results li[ac-command].ac_over,
.ac_over,
.ac_over.groupuser,
.ac_results .ac_inactive[class~=ac_over] {
  /*background-color: #0076d6;*/
  background-color: #006493;
  color: #ffffff;
}
.ac_results li[ac-command='Separator'],
.ac_results li[ac-command='Separator'].ac_over {
  background-color: #F7F9FA;
  color: #444444;
  font-weight: bold;
  border-bottom-style: solid;
  height: 0.2em;
  cursor: default;
}
.ac_results li[ac-command='ShowSupplementary'] {
  position: relative;
  top: -0.1em;
  margin: 0em;
  display: block;
  width: 100%;
  overflow: hidden;
  font: inherit;
  border-top: solid 1px #d3dfeb;
  border-left: solid 1px #d3dfeb;
  border-right: solid 1px #b8c3cc;
  border-bottom: solid 1px #b8c3cc;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  padding-left: 0.3em;
  padding-right: 0.3em;
  vertical-align: middle;
  padding-left: 1.85em;
  color: #1b5c9e;
  background-color: #d5e3f2;
  background-image: url(/lectio/img/gradlink.png);
  background-repeat: repeat-x;
  background-position: left top;
  background-size: auto;
}
.ac_results li[ac-command='ShowSupplementary'].ac_over {
  border-top: solid 1px #1f76ea;
  border-left: solid 1px #1f76ea;
  border-right: solid 1px #0e65ba;
  border-bottom: solid 1px #0e65ba;
  background-color: #0e65ba;
  background-image: url(/lectio/img/gradhover.png);
  background-repeat: repeat-x;
  background-position: left top;
}
.ac_results.ac_supplementary_hidden .ac_supplementary {
  display: none;
}
.ac_results .ac_inactive {
  color: #969696;
}
/* lokale optaget (lokaleliste Rediger prøvehold) */
.ac_results .ddoccupied {
  color: #a31515;
}
.ac_results .ddoccupied[class~=ac_over] {
  background-color: #a31515;
  color: #ffffff;
}
.ac_results .ddChosen,
.ac_results .ddChosen[class~=ac_over] {
  background-color: #dcdcdc;
  color: #444444;
  cursor: default;
}
.ac_reset_btn {
  right: 0em;
  height: 100%;
  margin-right: 0.5em;
  margin-left: -2em;
}
.ac_reset_btn > div.buttonlink > a:link {
  padding: 0;
}
span.ac_has_delete_btn > INPUT[Type="Text"] {
  padding-right: 2em;
}

.file-jquery-cluetip-css {
  color: blue;
}
/* global */
div.ui-cluetip {
  font-size: 1em;
}
.ui-cluetip-header,
.ui-cluetip-content {
  padding: 12px;
}
.ui-cluetip-header {
  font-size: 1em;
  margin: 0;
  overflow: hidden;
}
.cluetip-title .cluetip-close {
  float: right;
  position: relative;
}
.cluetip-close img {
  border: 0;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  /*  background-image: url(wait.gif); */
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  width: 11px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: 0 0;
  border-width: 0;
}
.cluetip-extra {
  display: none;
}
/* Lectio customizations */
#cluetip-close img {
  border: none;
}
.cluetip-default {
  background-color: #fffdea;
  word-wrap: break-word;
}
.cluetip-default.ui-widget-content {
  border: 0px;
}
.cluetip-arrows {
  top: 0px;
  background-position: 0px 0px;
}
.cluetip-default #cluetip-outer,
.cluetip-default .ui-cluetip-outer {
  margin: 0px;
  border-top: solid 1px #dae1e5;
  border-left: solid 1px #dae1e5;
  border-right: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  background-color: #fffdea;
  background-repeat: no-repeat;
  background-image: url('/lectio/img/cluetipbackground.gif');
  background-position: left top;
  background-repeat: repeat-x;
}
.cluetip-default h3#cluetip-title,
.cluetip-default .ui-cluetip-header {
  margin: 0px 0px 5px;
  background-color: #e0e7ed;
  color: #ffffff;
}
.cluetip-default #cluetip-inner,
.cluetip-default .ui-cluetip-content {
  padding: 6px 8px 6px 8px;
  color: #000000;
  text-align: left;
  background: #ffffff;
  border: 1px solid #b8c3cc;
}
.cluetip-default div#cluetip-close {
  margin: 0px 5px 5px;
  color: #990000;
}

.file-jquery-ui-customizations-less {
  color: blue;
}
/*override jquery styles*/
.ui-widget,
.ui-dialog,
.ui-widget BUTTON {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 1em;
}
.ui-dialog {
  background-color: #fff;
  border-radius: 2px;
  border: solid 1px #b8c3cc;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.ui-dialog,
.ui-datepicker {
  background: white;
  border: solid 1px #b8c3cc;
  border-top: none;
  padding: 0;
  z-index: 10000;
}
.ui-widget-content a {
  color: #1b5c9e;
}
.ui-widget-header {
  background: #2191c0 url(/lectio/img/gradheader.png) 0% 0% repeat-x;
  border: none;
  color: #667380;
  font-weight: bold;
  vertical-align: middle;
  margin: 0em;
  font-family: Verdana;
}
.ui-corner-left,
.ui-corner-right,
.ui-corner-all {
  -moz-border: none;
  -webkit-border: none;
  border: none;
  border-radius: 0px;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon,
.ui-state-default .ui-icon,
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-active .ui-icon,
.ui-state-highlight .ui-icon,
.ui-state-error .ui-icon,
.ui-state-error-text .ui-ico {
  background-image: none;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
  color: #1b5c9e;
  background-color: #ecf6ff;
  background-image: url('/lectio/img/gradbrick.png');
  background-repeat: repeat-x;
  background-position: left top;
  border: solid 1px #d9e7ff;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus {
  color: #ffffff;
  background-color: #0b72d8;
  background-image: url('/lectio/img/gradhover.png');
  background-repeat: repeat-x;
  background-position: left top;
  border: solid 1px #d9e7ff;
}
.ui-state-active,
.ui-widget-content .ui-state-active {
  color: #000000;
  background-color: #fcfcf5;
  background-image: none;
  background-repeat: repeat-x;
  background-position: left top;
  border: solid 1px #e5dfcd;
  cursor: text;
}
.ui-widget-header .ui-state-default,
.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-active {
  background: none;
  border: none;
}
.ui-dialog .ui-dialog-titlebar {
  border-bottom: solid 1px #b8c3cc;
}
.ui-dialog .ui-dialog-titlebar-close {
  border: none;
  background-color: transparent;
  background-image: url(/lectio/img/close.png);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 0;
}
.ui-dialog .ui-dialog-content > div:first-of-type {
  max-height: 60vh;
  overflow-y: auto;
}
.ui-icon-closethick {
  display: none;
}
/******************/
/* kalender header, forrige og næste knap */
.ui-datepicker .ui-datepicker-header {
  border-bottom: solid 1px #b8c3cc;
}
.ui-datepicker .ui-datepicker-prev {
  display: flex;
  align-items: center;
  /*background-image: url(/lectio/img/chevron_left_dark.auto);
		background-position: center center;
		background-repeat: no-repeat;
		*/
  left: 2px;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.ui-datepicker .ui-datepicker-prev:active::before,
.ui-datepicker .ui-datepicker-prev:focus::before {
  opacity: 0.88;
}
.ui-datepicker .ui-datepicker-prev:hover::before {
  opacity: 0.92;
}
.ui-datepicker .ui-datepicker-prev[disabled="disabled"]::before {
  opacity: 0.62;
}
.ui-datepicker .ui-datepicker-prev[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.ui-datepicker .ui-datepicker-prev.large::before {
  font-size: 2rem;
}
.ui-datepicker .ui-datepicker-prev::before {
  content: "keyboard_arrow_left";
}
.ui-datepicker .ui-datepicker-prev-hover {
  /*background-image: url(/lectio/img/chevron_left_blue.auto);*/
  top: 2px;
  display: flex;
  align-items: center;
  color: #006493;
  opacity: 0.88;
}
.ui-datepicker .ui-datepicker-prev-hover::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.ui-datepicker .ui-datepicker-prev-hover:active::before,
.ui-datepicker .ui-datepicker-prev-hover:focus::before {
  opacity: 0.88;
}
.ui-datepicker .ui-datepicker-prev-hover:hover::before {
  opacity: 0.92;
}
.ui-datepicker .ui-datepicker-prev-hover[disabled="disabled"]::before {
  opacity: 0.62;
}
.ui-datepicker .ui-datepicker-prev-hover[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.ui-datepicker .ui-datepicker-prev-hover.large::before {
  font-size: 2rem;
}
.ui-datepicker .ui-datepicker-prev-hover::before {
  content: "keyboard_arrow_left";
}
.ui-datepicker .ui-datepicker-next {
  /*background-image: url(/lectio/img/chevron_right_dark.auto);
		background-position: center center;
		background-repeat: no-repeat;*/
  cursor: pointer;
  right: 0px;
  display: flex;
  align-items: center;
}
.ui-datepicker .ui-datepicker-next::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.ui-datepicker .ui-datepicker-next:active::before,
.ui-datepicker .ui-datepicker-next:focus::before {
  opacity: 0.88;
}
.ui-datepicker .ui-datepicker-next:hover::before {
  opacity: 0.92;
}
.ui-datepicker .ui-datepicker-next[disabled="disabled"]::before {
  opacity: 0.62;
}
.ui-datepicker .ui-datepicker-next[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.ui-datepicker .ui-datepicker-next.large::before {
  font-size: 2rem;
}
.ui-datepicker .ui-datepicker-next::before {
  content: "keyboard_arrow_right";
}
.ui-datepicker .ui-datepicker-next-hover {
  /*background-image: url(/lectio/img/chevron_right_blue.auto);*/
  top: 2px;
  display: flex;
  align-items: center;
  color: #006493;
  opacity: 0.88;
}
.ui-datepicker .ui-datepicker-next-hover::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.ui-datepicker .ui-datepicker-next-hover:active::before,
.ui-datepicker .ui-datepicker-next-hover:focus::before {
  opacity: 0.88;
}
.ui-datepicker .ui-datepicker-next-hover:hover::before {
  opacity: 0.92;
}
.ui-datepicker .ui-datepicker-next-hover[disabled="disabled"]::before {
  opacity: 0.62;
}
.ui-datepicker .ui-datepicker-next-hover[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.ui-datepicker .ui-datepicker-next-hover.large::before {
  font-size: 2rem;
}
.ui-datepicker .ui-datepicker-next-hover::before {
  content: "keyboard_arrow_right";
}
/* Button styling
----------------------------------*/
.ui-dialog .ui-dialog-buttonpane .ui-state-default,
.ui-dialog .ui-dialog-buttonpane .ui-button {
  padding-top: 0.27em;
  padding-bottom: 0.27em;
  line-height: 1.3rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #d5e3f2;
  background-image: url('/lectio/img/gradlink.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #e2e2e5;
  border-left: 1px solid #e2e2e5;
  border-right: 1px solid #c6c6c9;
  border-bottom: 1px solid #c6c6c9;
  color: #1b5c9e;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
}
.ui-dialog .ui-dialog-buttonpane .ui-state-hover,
.ui-dialog .ui-dialog-buttonpane .ui-button:hover {
  padding-top: 0.27em;
  padding-bottom: 0.27em;
  line-height: 1.3rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #d5e3f2;
  background-image: url('/lectio/img/gradlink.png');
  border-top: 1px solid #e2e2e5;
  border-left: 1px solid #e2e2e5;
  border-right: 1px solid #c6c6c9;
  border-bottom: 1px solid #c6c6c9;
  color: #1b5c9e;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  background-color: #006493;
  background-image: url('/lectio/img/gradhover.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #1f76ea;
  border-left: 1px solid #1f76ea;
  border-right: 1px solid #006493;
  border-bottom: 1px solid #006493;
  color: #ffffff;
  transition: all 0.1s linear;
}
.ui-dialog .ui-dialog-buttonpane {
  border-width: 0em;
  padding: 0.2em;
  margin: 0em;
  border-top: solid 1px #d3dae0;
}
.ui-dialog .ui-dialog-buttonpane .ui-button .ui-button-text {
  padding: 0em;
  line-height: inherit;
}
.ui-dialog {
  position: fixed;
}
.ui-dialog button:focus {
  outline-style: solid;
  outline-color: #1f76ea;
  outline-width: thin;
}
.ui-dialog-buttonpane button {
  padding-top: 0.27em;
  padding-bottom: 0.27em;
  line-height: 1.3rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #d5e3f2;
  background-image: url('/lectio/img/gradlink.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #e2e2e5;
  border-left: 1px solid #e2e2e5;
  border-right: 1px solid #c6c6c9;
  border-bottom: 1px solid #c6c6c9;
  color: #1b5c9e;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
}
.ui-dialog-buttonpane button:hover {
  padding-top: 0.27em;
  padding-bottom: 0.27em;
  line-height: 1.3rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #d5e3f2;
  background-image: url('/lectio/img/gradlink.png');
  border-top: 1px solid #e2e2e5;
  border-left: 1px solid #e2e2e5;
  border-right: 1px solid #c6c6c9;
  border-bottom: 1px solid #c6c6c9;
  color: #1b5c9e;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  background-color: #006493;
  background-image: url('/lectio/img/gradhover.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #1f76ea;
  border-left: 1px solid #1f76ea;
  border-right: 1px solid #006493;
  border-bottom: 1px solid #006493;
  color: #ffffff;
  transition: all 0.1s linear;
}
.ui-dialog-buttonpane button[disabled] {
  color: #c6c6c9 !important;
  text-shadow: 1px 1px #ffffff;
}
.ui-dialog-buttonpane button[disabled]:hover {
  padding-top: 0.27em;
  padding-bottom: 0.27em;
  line-height: 1.3rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #d5e3f2;
  background-image: url('/lectio/img/gradlink.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #e2e2e5;
  border-left: 1px solid #e2e2e5;
  border-right: 1px solid #c6c6c9;
  border-bottom: 1px solid #c6c6c9;
  color: #1b5c9e;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  color: #c6c6c9 !important;
  text-shadow: 1px 1px #ffffff;
  cursor: default;
  transition: none;
}
/* Flg. skyldes at jquery ui 1.11.4 som noget nyt har css der saetter font-family til verdana (?!).  */
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: inherit;
}
/* mobile **********/
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ui-reset {
    padding: unset;
    box-shadow: none;
    border-radius: unset;
    border-image-width: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    outline: none;
    transition: unset;
    background: none;
    border: none;
    font-weight: unset;
  }
  /*alertbox*/
  .ui-widget,
  .ui-dialog,
  .ui-widget-content {
    padding: unset;
    box-shadow: none;
    border-radius: unset;
    border-image-width: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    outline: none;
    transition: unset;
    background: none;
    border: none;
    font-weight: unset;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.033rem;
    line-height: 1.333rem;
  }
  /* titlebar */
  .ui-dialog-titlebar.ui-widget-header {
    padding: unset;
    box-shadow: none;
    border-radius: unset;
    border-image-width: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    outline: none;
    transition: unset;
    background: none;
    border: none;
    font-weight: unset;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.333rem;
    line-height: 2rem;
    letter-spacing: 0.0125rem;
  }
  /* contentarea*/
  .ui-dialog-content,
  .ui-widget.ui-widget-content {
    padding: unset;
    box-shadow: none;
    border-radius: unset;
    border-image-width: unset;
    cursor: unset;
    color: unset;
    text-decoration: unset;
    outline: none;
    transition: unset;
    background: none;
    border: none;
    font-weight: unset;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.033rem;
    line-height: 1.333rem;
  }
  /* buttons */
  .ui-dialog .ui-dialog-buttonpane {
    border-top: none;
  }
  .ui-dialog-buttonpane button,
  .ui-dialog-buttonpane button.ui-button.ui-widget {
    margin: 0rem 0.05em 0.2em 0.05em;
    box-shadow: none;
    font-family: Roboto;
    font-style: normal;
    line-height: 1.333rem;
    letter-spacing: 0.042rem;
    border: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.125rem;
    opacity: 1;
    padding: 0.5em 1em;
    display: inline-block;
    text-shadow: none;
    font-weight: 500;
    background: unset;
    border-color: #c1c7ce;
    border-style: solid;
    border-width: 1px;
    color: #006493;
  }
  .ui-dialog-buttonpane button:hover,
  .ui-dialog-buttonpane button.ui-button.ui-widget:hover {
    opacity: 0.92;
    cursor: pointer;
  }
  .ui-dialog-buttonpane button[disabled],
  .ui-dialog-buttonpane button.ui-button.ui-widget[disabled],
  .ui-dialog-buttonpane button[disabled]:hover,
  .ui-dialog-buttonpane button.ui-button.ui-widget[disabled]:hover {
    box-shadow: none;
    font-family: Roboto;
    font-style: normal;
    line-height: 1.333rem;
    letter-spacing: 0.042rem;
    border: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.125rem;
    padding: 0.5em 1em;
    opacity: 0.62;
    cursor: default;
    text-shadow: none;
    display: inline-block;
    font-weight: 500;
    outline: solid 1px #dde3ea;
    color: #41474d;
  }
  /**************************************************************/
  .ui-dialog.ui-widget {
    background-color: #ecf1f9;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.033rem;
    line-height: 1.333rem;
    box-sizing: border-box;
    /*overflow: auto;*/
    border-radius: 0.5rem;
    padding: 0.875rem;
    padding-left: 1.333rem;
    padding-right: 1.333rem;
    border: none;
    box-shadow: none;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
  }
  .ui-dialog.ui-widget div[role=heading] > span:first-of-type {
    color: #1a1c1e;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.333rem;
    line-height: 2rem;
    letter-spacing: 0.0125rem;
    margin-top: 0;
    margin-bottom: 0;
  }
  /* datepicker*/
  .ui-datepicker.ui-widget {
    background: white;
  }
}

.file-lc-new-less {
  color: blue;
}
/*

Denne css-fil skal hverken rumme mere eller mindre, end det der skal til for
fuldstændigt at beskrive

hvorledes dokumenter skal vises. Det skal være muligt at vise dokumenter
udelukkende ved brug af dette stylesheet.

Dvs. at denne SKAL VÆRE UAFHÆNGIG af "normal" lectio-styling, og styling der
ikke bruges i forbindelse med dokumenter, skal ikke være defineret i dette
stylesheet.

Navngivningskonventioner:
- "lc-"-præfiks: Klasser, der bruges *i* dokumenter. Da de bliver gemt i dokumenter,
   har de større krav til bevaring af opførsel end andre klasser.
- "lc-display-"-præfiks: Klasser, der bruges til at pakke dokumenter ind. Disse
   har mindre krav krav til bevaring af opførsel.
- "lc-build-"-præfiks: less-byggeklodser, der ikke skal anvendes i markup, men
   kun anvendes af andre regler.

*/
a.xx {
  color: red;
}
/* .ls-section-group-heading (TOC: Oversigt, Forløbsmateriale, Quizzer, Aktiviteter) */
.ls-section-title-heading {
  font-size: 22px;
}
.ls-section-subgroup-heading {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 1.5em;
  font-weight: 700;
  color: #475968;
}
.lc-display-commentblock-basic {
  background-color: #fdfdf9;
  border: 1px solid #ededed;
  color: #666;
}
/*@paper-text-left-indent - 1.4rem*/
/*@paper-text-left-indent - 2.75rem*/
.ls-paper-section-heading {
  margin-left: -1.05rem;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-paper-section-heading {
    padding-left: 1rem;
    margin-top: 8px;
    margin-bottom: 0.3rem;
  }
}
/*@media @mobile {
	.ls-section-title-heading.ls-section-title-heading {
		margin-left: 0;
	}
}*/
.ls-paper-section-heading .s2skemabrik-std-title,
.ls-section-title-heading .s2skemabrik-std-title {
  white-space: normal;
  word-break: break-word;
  line-height: normal;
}
.ls-section-title-heading .s2skemabrik.s2cancelled {
  white-space: nowrap;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-section-title-heading .s2skemabrik.s2cancelled {
    white-space: unset;
  }
}
.ls-paper-section-heading-checkbox {
  display: inline-block;
  padding-top: 0.2rem;
  cursor: pointer;
  margin-left: -2.4rem;
}
.ls-paper-section-heading-icon {
  display: inline-block;
  margin-left: -1.35rem;
  position: relative;
  top: 2px;
}
.ls-paper-section-heading-icon-small {
  display: inline-block;
  margin-left: -1.15rem;
  position: relative;
  top: 4px;
}
.ls-paper-subsection-separator {
  margin-left: -1.05rem;
  width: calc(100% + (calc(1.05rem * 1rem)));
}
.ls-paper-section-heading-icon.ls-share-buttonicon {
  cursor: pointer;
  opacity: 0.8;
}
.ls-paper-section-heading-icon.ls-share-buttonicon:hover {
  opacity: 1;
}
/* Áktivitetstitel */
input.activity-title {
  background-image: none;
  background-color: #f8fcff;
  border: 1px solid #ededed;
  color: #333;
  padding: 1.3em 1.3em 1.3em 1.3em;
  display: block;
  line-height: 1.4em;
  min-height: 16px;
  border-radius: 0.4em;
  margin-top: 0.2rem;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
  font-size: 12px;
}
input.activity-title::placeholder {
  font-style: italic;
  color: #666;
}
/* Áktivitetsnote */
textarea.activity-note[disabled] {
  background-color: #fff;
  border: solid 1px #fff;
  color: #000;
  padding: 0;
  line-height: 1.4em;
  margin-top: 0;
  display: block;
  overflow-wrap: break-word;
  word-break: break-word;
  min-height: 16px;
  border-radius: 0.4em;
  margin-right: 1rem;
  margin-bottom: 1rem;
  overflow-y: hidden;
  resize: none;
  margin-left: -1.2rem;
  font-size: 12px;
}
textarea.activity-note[disabled].automargin {
  margin-left: auto;
}
textarea.activity-note:not([disabled]) {
  background-color: #fdfdf9;
  border: 1px solid #ededed;
  color: #333;
  padding: 1em 1.3em 1.3em 1.3em;
  display: block;
  line-height: 1.4em;
  border-radius: 0.4em;
  margin-top: 0;
  margin-left: 1rem;
  margin-right: 1rem !important;
  margin-bottom: 1rem;
  overflow-y: hidden;
  resize: none;
  font-size: 12px;
}
textarea.activity-note:not([disabled])::placeholder {
  font-style: italic;
  color: #666;
}
textarea.activity-note:not([disabled]):hover {
  border-color: #1f76ea;
}
/*** *************************************************************/
/*** Paper ***************************************************/
/*** *************************************************************/
.lc-display-fragment {
  background-color: white;
  font-family: sans-serif;
  font-size: 12px;
  line-height: 1.4;
  word-break: normal;
  word-wrap: break-word;
  /* .lc-display-nakedlink: A-elementer der vises "simplificeret" i en overskrift, og ikke skal pyntes som lc- og lektie-links ellers
	 * maatte blive det. */
  /* Lektienoter */
  /* Flg. to (embed img og iframe) hører sammen. */
  /* Advarsel billeder sat ind fra clip board på Mac, da de kun gemmes lokalt på maskinen*/
  /** Slides: Slides er defineret til at vaere 600px brede, inkl. padding. CSS 'width' angiver indholdets bredde ekskl. padding.
		Da vi gerne vil have noget margin paa slides, angiver vi 'width' til 600px - padding. Det er vigtigt at denne relation bevares,
		for ellers vil indhold paa nogle slides blive oedelagt.

		Afprøvning: Husk at komme rundt: fuldskærm/ikke-fuldskærm, slide/ikke-slide, blandet indhold i samme dokument (slide og ikke-slide).
	*/
  /* Flg. to er blot for at give lidt afstand. */
  /*
	&.cke_editable section.lc-document-slide {
		margin-bottom: 1em;
	}*/
  /* start h1-varianter ********************/
  /* ikoner ud for headere */
  /* slut h1-varianter ********************/
  /* Adskillelse mellem headere af type aktivitet */
  padding: 0;
  background: #ffffff;
  /* ls-acr-display refererer til beregnet anvendelse: actcontentrowdisplay.ascx. Samt aktivitetsforside. */
}
.lc-display-fragment.lc-display-fragment-no-padding {
  padding: 0;
}
.lc-display-fragment.lc-display-editor-inline {
  margin: 8px;
  padding: 1em;
  box-shadow: 0 0 6px 1px rgba(153, 153, 153, 0.4);
  height: calc(100% - 2em);
  overflow: auto;
}
.lc-display-fragment.lc-display-editor-inline.lc-display-editor-dimmedtemplate {
  color: #999999;
}
.lc-display-fragment h1,
.lc-display-fragment h2,
.lc-display-fragment h3,
.lc-display-fragment h4 {
  color: #475968;
  font-weight: 100;
  line-height: 1;
  margin-top: 1.2rem;
}
.lc-display-fragment h1 strong,
.lc-display-fragment h2 strong,
.lc-display-fragment h3 strong,
.lc-display-fragment h4 strong {
  font-weight: 600;
}
.lc-display-fragment h1 {
  /*
			20180222: Flg. margin-bottom indfoert ifbm. at klassen lc-display-fragment flyttes fra morfar til foraelder for indholdet, og ikke laengere
			pakker indhold uden for slides ind in section-elementer:
			Browsere har det med at have en margin-bottom for h1-elementer paa 0.83em.
			Men derudover har i det mindste Chrome og FF en indbygget styling af "section section h1", der saetter -webkit-margin-after" til 1em.
			Indhold uden for slides plejede at blive ramt af denne regel, fordi dette indhold blev pakket ind i section-elementer for at kunne
			vises i fuldskarms-/slideshow-mode.
			Det er ikke den store forskel, her er nogle konkrete tal: margin-bottom gik i Chrome fra 22.8px til 18.92px.
			I IE11 gik den fra 18.92px til 15.27px, men det er uklart hvorfor, da IE ikke oplyser sine egne styles. Vi viste altsaa ikke indholdet ens paa tvaers
			af browsere...
			Naervaerende margin-bottom er indfoert for at standardisere styling paa tvars af browsere, omend det betyder at layoutet i chrome og FF
			aendrer sig en lille smule.
			https://stackoverflow.com/questions/6867254/browsers-default-css-for-html-elements/6867287#6867287
		*/
  margin-bottom: 0.83em;
}
.lc-display-fragment h1 > img.header-checkbox,
.lc-display-fragment h2 > img.header-checkbox,
.lc-display-fragment h3 > img.header-checkbox,
.lc-display-fragment h4 > img.header-checkbox,
.lc-display-fragment h4 > img.header-checkbox {
  vertical-align: top;
  cursor: pointer;
  position: relative;
  top: 0;
  left: -2.4rem;
}
.lc-display-fragment h1 > img.header-checkbox {
  top: 3px;
}
.lc-display-fragment h1[data-lc-header-variant=activity] > img.header-checkbox,
.lc-display-fragment h1[data-lc-header-variant=resources] > img.header-checkbox {
  top: 6px;
}
.lc-display-fragment h2 > img.header-checkbox {
  margin-top: 0;
}
.lc-display-fragment .lc-display-heading {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.lc-display-fragment .lc-display-heading .lc-display-swup-button {
  flex-grow: 1;
  text-align: right;
  min-width: 2.2rem;
}
.lc-display-fragment.lc-display-withheadercopybuttons > h1::before,
.lc-display-fragment.lc-display-withheadercopybuttons > h2::before,
.lc-display-fragment.lc-display-withheadercopybuttons > h3::before {
  content: "\2007";
  display: inline-block;
  float: right;
  background: url(/lectio/img/phase-send-to.auto) top right no-repeat;
  width: 1.3rem;
  cursor: pointer;
  margin-right: -1rem;
  margin-top: 0.15rem;
}
.lc-display-fragment.lc-display-withheadercopybuttons > h1:hover::before,
.lc-display-fragment.lc-display-withheadercopybuttons > h2:hover::before,
.lc-display-fragment.lc-display-withheadercopybuttons > h3:hover::before {
  opacity: 0.8;
}
.lc-display-fragment.lc-display-withheadercopybuttons > h1[data-lc-header-variant=resources]:not(:first-child)::before,
.lc-display-fragment.lc-display-withheadercopybuttons > h1[data-lc-header-variant=activity]:not(:first-child)::before {
  margin-top: -20px;
}
.lc-display-fragment h1 {
  font-size: 22px;
}
.lc-display-fragment h2 {
  font-size: 18px;
}
.lc-display-fragment h3 {
  font-size: 16px;
}
.lc-display-fragment h4 {
  font-size: 12px;
  font-style: oblique;
}
.lc-display-fragment p,
.lc-display-fragment h1,
.lc-display-fragment h2,
.lc-display-fragment h3,
.lc-display-fragment h4 {
  /* Disse er "afsnits"-elementer. Flg. style aht. naar der kommer en tabel lige foer, idet tabeller har float: left. */
  clear: both;
}
.lc-display-fragment > a {
  /*fix visning af a-elementer der af historiske årsager var placeret i roden (uden for p-, eller headertags)*/
  display: inline-block;
  max-width: calc(708px - (2.2rem + 4.4rem));
}
@media (max-width: 700px) {
  .lc-display-fragment > a {
    max-width: calc(100vw - (2.2rem + 4.4rem));
  }
}
.lc-display-fragment a {
  text-decoration: underline;
}
.lc-display-fragment a[data-lc-display-linktype]:not(.lc-display-nakedlink) {
  padding-right: 16px;
  background-position: center right;
  background-repeat: no-repeat;
}
.lc-display-fragment a[data-lc-display-linktype=file]:not(.lc-display-nakedlink) {
  background-image: url(/lectio/img/file16x16.auto);
}
.lc-display-fragment a[data-lc-display-linktype=external]:not(.lc-display-nakedlink) {
  background-image: url(/lectio/img/link.auto);
}
.lc-display-fragment a.lc-display-nakedlink {
  text-decoration: none;
}
.lc-display-fragment ul {
  list-style-type: disc;
}
.lc-display-fragment ul li ul {
  list-style-type: circle;
}
.lc-display-fragment ul li ul li ul {
  list-style-type: disc;
}
.lc-display-fragment ul li ul li ul li ul {
  list-style-type: circle;
}
.lc-display-fragment ul,
.lc-display-fragment ol {
  list-style-position: outside;
  padding-left: 4rem;
}
.lc-display-fragment blockquote {
  margin-bottom: 16px;
  padding: 1em 1.3em 1.3em 5em;
  border: 1px solid #f5f5f5;
  background: #fafafa;
  border-radius: 0.4em;
  background-image: url('/lectio/img/quote.auto');
  background-repeat: no-repeat;
  background-position: 6px 16px;
  background-size: 40px 40px;
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
.lc-display-fragment blockquote[data-lc-role=note] {
  background-image: none;
  background-color: #fdfdf9;
  border: 1px solid #ededed;
  padding-left: 1.3em;
  color: #666;
  /* Skal opfoere sig lidt mere som et tekstfelt: Ikke afstand mellem linierne. */
}
.lc-display-fragment blockquote[data-lc-role=note] > p {
  margin: 0;
}
.lc-display-fragment pre {
  /* safari */
  font-family: monospace;
  /* Blot en lille smule.. */
  padding-left: 1em;
}
.lc-display-fragment iframe.ls--video,
.lc-display-fragment img.ls--video,
.lc-display-fragment img[data-lc-type="external"] {
  min-width: 420px;
  max-width: 100%;
  min-height: 236px;
  max-height: 100%;
}
@media only screen and (max-device-width: 414px) and (orientation: portrait) {
  .lc-display-fragment iframe.ls--video,
  .lc-display-fragment img.ls--video,
  .lc-display-fragment img[data-lc-type="external"] {
    min-width: 320px;
    max-width: 90vw;
    min-height: 180px;
    max-height: 100vw;
  }
}
.lc-display-fragment img[data-lc-type="external"] {
  -o-mask-image: url(/lectio/img/play-overlay.svg);
  -o-mask-repeat: no-repeat;
  -o-mask-position: center center;
  -o-mask-size: contain;
  -moz-mask-image: url(/lectio/img/play-overlay.svg);
  -moz-mask-repeat: no-repeat;
  -moz-mask-position: center center;
  -moz-mask-size: contain;
  -ms-mask-image: url(/lectio/img/play-overlay.svg);
  -ms-mask-repeat: no-repeat;
  -ms-mask-position: center center;
  -ms-mask-size: contain;
  -webkit-mask-image: url(/lectio/img/play-overlay.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-image: url(/lectio/img/play-overlay.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  cursor: pointer;
}
.lc-display-fragment img[data-lc-type="external"]:hover {
  cursor: pointer;
  opacity: 0.9;
}
.lc-display-fragment img[data-lc-type="audio"] {
  cursor: pointer;
}
.lc-display-fragment img[src*="webkit-fake-url://"] {
  border: 5px solid red;
  max-width: 25%;
  max-height: 25%;
}
.lc-display-fragment blockquote[data-lc-role="note"] textarea {
  background-color: #fdfdf9;
  border: 1px solid #ededed;
  color: #666;
  border: none;
  font-size: 12px;
}
.lc-display-fragment blockquote[data-lc-role="note"] textarea:focus {
  outline: none;
}
.lc-display-fragment textarea-rh--sourcebox {
  background-color: #fdfdf9;
  border: 1px solid #ededed;
  color: #666;
  font-family: Consolas, 'Courier New';
  font-size: 12px;
}
.lc-display-fragment textarea.cke_source {
  font-family: Consolas, Courier New, Courier, monospace;
}
.lc-display-fragment input {
  border-left-color: #444;
  border-top-color: #444;
}
.lc-display-fragment section.lc-document-slide {
  box-sizing: border-box;
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 0;
  padding-bottom: 0;
  width: 600px;
  /*- @slide-padding-left - @slide-padding-right;*/
  /*max-height: @slide-height;*/
  height: 450px;
  overflow-y: auto;
  font-size: 14px;
  background: white;
  border: 1px solid #999;
  border-radius: 4px;
  /* Vil gerne have top- og bundpadding på slides uafhængig af hvad første og sidste element er.
			Men vi kan dårligt angive ikke-nul-padding på slide-elementer, for de bliver lagt oven i første og sidste elements margin,
			saa padding ender med at vaere for stor og varierende.
		*/
}
.lc-display-fragment section.lc-document-slide > * {
  box-sizing: initial;
}
.lc-display-fragment section.lc-document-slide > :first-child {
  margin-top: 20px;
}
.lc-display-fragment section.lc-document-slide > :last-child {
  margin-bottom: 20px;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .lc-display-fragment section.lc-document-slide {
    width: auto;
    height: auto;
    max-height: 800px;
  }
  .lc-display-fragment section.lc-document-slide ul,
  .lc-display-fragment section.lc-document-slide ol {
    padding-left: 2.5rem;
  }
}
.lc-display-fragment section {
  /* Denne margin får (også) indholdet til at blive vist centreret i fuldskærm. */
  /*margin: 0 auto;*/
}
.lc-display-fragment section:not(.lc-document-slide):not(.lc-display-commentblock) {
  /* Skal skal ikke være for bred, aht. læsbarhed. Desuden så smal at skift hen til
			sektionen ikke forårsager at knapperne i toppen rykker til siden.
		*/
  margin: 0 0;
  max-width: 708px;
}
.lc-display-fragment.lc-display-slidemode > section.lc-document-slide {
  height: 450px;
}
.lc-display-fragment:not(.lc-display-slidemode) section.lc-document-slide {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.lc-display-fragment.cke_editable.lc-display-editor-withhomeworkheadingbuttons > h1,
.lc-display-fragment.cke_editable.lc-display-editor-withhomeworkheadingbuttons > h2,
.lc-display-fragment.cke_editable.lc-display-editor-withhomeworkheadingbuttons > h3 {
  margin-top: 3rem;
}
.lc-display-fragment.cke_editable.lc-display-editor-withhomeworkheadingbuttons > h1::before,
.lc-display-fragment.cke_editable.lc-display-editor-withhomeworkheadingbuttons > h2::before,
.lc-display-fragment.cke_editable.lc-display-editor-withhomeworkheadingbuttons > h3::before {
  content: attr(data-lc-display-header-info);
  right: 0rem;
  position: absolute;
  font-size: 0.8rem;
  white-space: pre;
  text-align: right;
  cursor: pointer;
  /*********************************/
  height: 1rem;
  border: 1px solid #475968;
  padding-bottom: 0.1rem;
  padding-top: 0.3rem;
  padding-left: 0.4rem;
  padding-right: 1.3rem;
  border-radius: 0.2rem;
  color: #475968;
  background: url(/lectio/img/chevron_down_dark.auto) top right no-repeat;
  background-color: white;
  background-position-x: calc(100% - 2px);
  background-position-y: 0.1rem;
  margin-top: -1.7rem;
  margin-right: 1rem;
}
.lc-display-fragment.cke_editable.lc-display-editor-withhomeworkheadingbuttons > h1:hover::before,
.lc-display-fragment.cke_editable.lc-display-editor-withhomeworkheadingbuttons > h2:hover::before,
.lc-display-fragment.cke_editable.lc-display-editor-withhomeworkheadingbuttons > h3:hover::before {
  background: url(/lectio/img/chevron_down_blue.auto) top right no-repeat;
  background-position-x: calc(100% - 2px);
  background-position-y: 0.1rem;
  border: 1px solid #1f76ea;
  color: #1f76ea;
}
.lc-display-fragment .cke_editable.lc-display-editor-withhomeworkheadingbuttons > h1[data-lc-header-variant]::before,
.lc-display-fragment .cke_editable.lc-display-editor-withhomeworkheadingbuttons > h2[data-lc-header-variant]::before,
.lc-display-fragment .cke_editable.lc-display-editor-withhomeworkheadingbuttons > h3[data-lc-header-variant]::before {
  padding-left: 0.4rem;
  padding-right: 1.3rem;
}
.lc-display-fragment > h1[data-lc-header-variant=activity] {
  background: url(/lectio/img/lesson_large.auto) no-repeat;
}
.lc-display-fragment > h1[data-lc-header-variant=resources] {
  background: url(/lectio/img/folder.auto) no-repeat;
}
.lc-display-fragment > h1[data-lc-header-variant=resources] {
  background-size: 20px 20px;
}
.lc-display-fragment > h1[data-lc-header-variant=resources],
.lc-display-fragment > h1[data-lc-header-variant=activity] {
  font-weight: 600;
  font-size: 2.5em;
  background-position-y: 1.6em;
  background-position-x: 3.1rem;
  padding-top: 1.45em;
}
.lc-display-fragment > h1[data-lc-header-variant=resources]:not(:first-child),
.lc-display-fragment > h1[data-lc-header-variant=activity]:not(:first-child) {
  border: 24px solid transparent;
  border-image: url(/lectio/img/pageshift.png) 100% 0 0 0 repeat;
  border-image-repeat: repeat;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}
.lc-display-fragment > h1[data-lc-header-variant=presentation],
.lc-display-fragment > h2[data-lc-header-variant=presentation],
.lc-display-fragment > h3[data-lc-header-variant=presentation] {
  background: url(/lectio/img/presentation.auto) no-repeat;
}
.lc-display-fragment > h1[data-lc-header-variant=teacherfeedback],
.lc-display-fragment > h2[data-lc-header-variant=teacherfeedback],
.lc-display-fragment > h3[data-lc-header-variant=teacherfeedback] {
  background: url(/lectio/img/question_bubble.auto) no-repeat;
}
.lc-display-fragment > h1[data-lc-header-variant=homework],
.lc-display-fragment > h2[data-lc-header-variant=homework],
.lc-display-fragment > h3[data-lc-header-variant=homework] {
  background: url(/lectio/img/doc-homework.auto) no-repeat;
}
.lc-display-fragment > h1[data-lc-header-variant=other],
.lc-display-fragment > h2[data-lc-header-variant=other],
.lc-display-fragment > h3[data-lc-header-variant=other] {
  background: url(/lectio/img/doc-not-homework.auto) no-repeat;
}
.lc-display-fragment > h1[data-lc-header-variant],
.lc-display-fragment > h2[data-lc-header-variant],
.lc-display-fragment > h3[data-lc-header-variant] {
  background-position-x: 3.3rem;
}
.lc-display-fragment > h1[data-lc-header-variant=activity],
.lc-display-fragment > h2[data-lc-header-variant=activity],
.lc-display-fragment > h3[data-lc-header-variant=activity],
.lc-display-fragment > h1[data-lc-header-variant=resources],
.lc-display-fragment > h2[data-lc-header-variant=resources],
.lc-display-fragment > h3[data-lc-header-variant=resources] {
  /* aktivitets- og ressourcemappe-ikonerne er lidt stoerre end de andre ikoner, saa de har behov for lidt mere plads. */
  background-position-x: 3rem;
}
.lc-display-fragment > section:not(.lc-document-slide) > * {
  margin-left: 4.4rem;
  margin-right: 2.2rem;
}
.lc-display-fragment.ls-acr-display > * {
  padding-left: 4.9rem;
  padding-right: 2.2rem;
  /* 2018-07-06 RH HACK for at faa lektie/acr-visning til at kunne bruge samme ikon-css-struktur/-strategi som
		 * overskrifstyper i lc-indhold normalt benytter, isf. at komme med eget img-element m.m. */
  margin-left: -4.4rem;
  /* 2018-07-06 RH: Flg. er rip-off fra de normale lc-ikoner og deres styling. Her bruger vi ikoner lidt anderledes,
		 * mest af historiske aarsager. Mon ikke at vi faar ryddet op i det en dag...  */
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .lc-display-fragment.ls-acr-display > * {
    padding-left: 4.4rem;
  }
}
.lc-display-fragment.ls-acr-display > * > h1,
.lc-display-fragment.ls-acr-display > * > h2,
.lc-display-fragment.ls-acr-display > * > h3 {
  background-position-x: 3.3rem;
  /*@paper-icon-left-indent+0.2rem;*/
}
.lc-display-fragment.ls-acr-display > h1,
.lc-display-fragment.ls-acr-display > h2,
.lc-display-fragment.ls-acr-display > h3 {
  background-repeat: no-repeat;
  background-position-x: 3.3rem;
}
.lc-display-fragment.ls-acr-display > h1 {
  background-position-y: 0.15rem;
}
.lc-display-fragment.ls-acr-display > table {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  overflow: auto;
  display: block;
}
.lc-display-fragment.ls-acr-display section.lc-document-slide {
  margin-left: 0;
}
.lc-display-fragment.ls-acr-display section:not(.lc-document-slide) {
  margin-left: 0;
  padding-left: 0;
}
.lc-display-fragment.ls-acr-display > ul,
.lc-display-fragment.ls-acr-display > ol {
  padding-left: 8.4rem;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .lc-display-fragment.ls-acr-display > ul,
  .lc-display-fragment.ls-acr-display > ol {
    padding-left: 6.5rem;
  }
}
.lc-display-fragment.ls-phase-material > * {
  /* paper margins: left, right */
  padding-left: 4.4rem;
  padding-right: 2.2rem;
}
@media (max-width: 700px) {
  .lc-display-fragment.ls-phase-material > * {
    padding-left: 1.3rem;
  }
}
@media (max-width: 700px) {
  .lc-display-fragment.ls-phase-material > h1[data-lc-header-variant],
  .lc-display-fragment.ls-phase-material > h2[data-lc-header-variant],
  .lc-display-fragment.ls-phase-material > h3[data-lc-header-variant] {
    background-position-x: 0.3rem;
  }
}
@media (max-width: 700px) {
  .lc-display-fragment.ls-phase-material > h1[data-lc-header-variant="activity"],
  .lc-display-fragment.ls-phase-material > h2[data-lc-header-variant="activity"],
  .lc-display-fragment.ls-phase-material > h3[data-lc-header-variant="activity"],
  .lc-display-fragment.ls-phase-material > h1[data-lc-header-variant="resources"],
  .lc-display-fragment.ls-phase-material > h2[data-lc-header-variant="resources"],
  .lc-display-fragment.ls-phase-material > h3[data-lc-header-variant="resources"] {
    background-position-x: 0.1rem;
  }
}
.lc-display-fragment.ls-phase-material > h1:not([data-lc-header-variant]),
.lc-display-fragment.ls-phase-material > h2:not([data-lc-header-variant]),
.lc-display-fragment.ls-phase-material > h3:not([data-lc-header-variant]) {
  background: url(/lectio/img/emptydoc.auto) no-repeat;
  background-position-x: 3.3rem;
}
@media (max-width: 700px) {
  .lc-display-fragment.ls-phase-material > h1:not([data-lc-header-variant]),
  .lc-display-fragment.ls-phase-material > h2:not([data-lc-header-variant]),
  .lc-display-fragment.ls-phase-material > h3:not([data-lc-header-variant]) {
    background-position-x: 0.3rem;
  }
}
.lc-display-fragment.ls-phase-material > h1:not([data-lc-header-variant="activity"]):not([data-lc-header-variant="resources"]) {
  background-position-y: 0.15rem;
}
.lc-display-fragment.ls-phase-material > table,
.lc-display-fragment.ls-phase-material > section {
  margin-left: 4.4rem;
  margin-right: 2.2rem;
}
.lc-display-fragment.ls-phase-material > ul,
.lc-display-fragment.ls-phase-material > ol {
  margin-left: 4.4rem;
}
.lc-display-fragment.ls-phase-material {
  width: 708px;
  overflow: auto;
  box-sizing: border-box;
  -moz-box-shadow: inset 0 0 1px #333;
  box-shadow: inset 0 0 2px #333;
  min-height: 60vh;
}
.lc-display-fragment.ls-phase-material section:not(.lc-document-slide) {
  width: 708px;
  overflow: auto;
  box-sizing: border-box;
  box-shadow: inset 0 0 2px #333;
}
.lc-display-fragment.ls-phase-material.ls-material-selector {
  min-height: 14vh;
}
@media (max-width: 700px) {
  .lc-display-fragment.ls-phase-material {
    width: calc(100vw - 30px);
  }
}
.homeworkContainer .lc-display-fragment.cke_wysiwyg_div,
.presentationcontainer .lc-display-fragment.cke_wysiwyg_div,
.elevindholdContainer .lc-display-fragment.cke_wysiwyg_div {
  border: none;
  box-shadow: none;
}
.homeworkContainer .lc-display-fragment.cke_wysiwyg_div > *,
.presentationcontainer .lc-display-fragment.cke_wysiwyg_div > *,
.elevindholdContainer .lc-display-fragment.cke_wysiwyg_div > * {
  margin-left: 0;
  margin-right: 0;
}
.homeworkContainer .lc-display-fragment.cke_wysiwyg_div > h1,
.presentationcontainer .lc-display-fragment.cke_wysiwyg_div > h1,
.elevindholdContainer .lc-display-fragment.cke_wysiwyg_div > h1,
.homeworkContainer .lc-display-fragment.cke_wysiwyg_div > h2,
.presentationcontainer .lc-display-fragment.cke_wysiwyg_div > h2,
.elevindholdContainer .lc-display-fragment.cke_wysiwyg_div > h2,
.homeworkContainer .lc-display-fragment .cke_wysiwyg_div > h3,
.presentationcontainer .lc-display-fragment .cke_wysiwyg_div > h3,
.elevindholdContainer .lc-display-fragment .cke_wysiwyg_div > h3 {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
article.lc-display-fragment {
  padding: 0;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  article.lc-display-fragment {
    padding-left: 1.5rem;
  }
}
*[data-local-id=topnav] a > img {
  /* aht. tablets. */
  padding: 5px;
}
.lc-display-fullscreen {
  background-color: black;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.lc-display-fullscreen .lc-display-fragment {
  padding: inherit;
  /* Container, der aktuelt viser en slide. */
  /* Viser een slide ad gangen i fuldskaermstilstand. Alle andre elementer skal skjules. */
  /* Ikke-slide-indhold. */
}
.lc-display-fullscreen .lc-display-fragment.lc-display-slidemode.lc-display-has-slide {
  background-color: black;
}
.lc-display-fullscreen .lc-display-fragment.lc-display-slidemode > * {
  display: none;
}
.lc-display-fullscreen .lc-display-fragment.lc-display-slidemode > section.lc-document-slide {
  /* Fjern nogle indstillinger fra ovenfor, der er forkerte i fuldskaermsvisning. */
  border: none;
  border-radius: 0;
  margin: 0 auto;
  max-height: none;
  transform-origin: top;
  -webkit-transform-origin: top;
}
.lc-display-fullscreen .lc-display-fragment section:not(.lc-document-slide) {
  /* Skal have margin/padding i fuldskærm, hvor der ikke er omgivelser til at give det. */
  padding: 2em;
  background: white;
  margin-left: auto;
  margin-right: auto;
}
.lc-display-fullscreen *[data-local-id=topnav] {
  background-color: #eeeeee;
  /* Flg. for at få knapperne til at blive på skaermen.	*/
  position: fixed;
  width: 100%;
  font-size: 1.3rem;
}
.lc-display-fullscreen:-webkit-full-screen {
  height: 100%;
  width: 100%;
}
/* page content container - target default device screen */
.ls-toccontent-container {
  width: 100%;
  max-width: 1010px;
  display: table;
}
/**********************************************************/
.ls-texteditor-toolbarContainer {
  /*min-width: 940px;*/
  width: 100%;
  max-width: 1010px;
  /*width: 100%;*/
  display: block;
  z-index: 5;
}
/****************************************************/
/* toc and content area container view and edit mode*/
.ls-texteditor-container {
  background: #f7f7f7;
  min-height: 80vh;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-texteditor-container {
    background-color: #fcfcff;
  }
}
/* content side */
.ls-texteditor-paper-container .ls-paper-header {
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
  background: #ffffff;
  border: 1px solid #c1c7ce;
  box-sizing: border-box;
  /*padding: 1.8em;*/
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
  /* paper margins: left, right */
  padding-right: 2.2rem;
  padding-left: 4.4rem;
  min-height: auto;
  width: 708px;
}
.ls-texteditor-paper-container :focus,
.ls-texteditor-container :focus {
  outline: none;
}
.ls-texteditor-paper-container .ls-paper,
.ls-texteditor-container .ls-paper {
  min-height: 50vh;
  width: 708px;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-texteditor-paper-container .ls-paper,
  .ls-texteditor-container .ls-paper,
  .ls-texteditor-paper-container .ls-paper-header,
  .ls-texteditor-container .ls-paper-header {
    width: 95dvw;
  }
}
@media only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-texteditor-paper-container .ls-paper,
  .ls-texteditor-container .ls-paper,
  .ls-texteditor-paper-container .ls-paper-header,
  .ls-texteditor-container .ls-paper-header {
    width: calc(97dvw - 5.2rem);
  }
}
.cke_source {
  height: 300px !important;
  width: 100% !important;
}
.hiddenButtons {
  position: fixed;
  top: -100px;
  height: 0px;
  margin: 0px;
  padding: 0px;
}
.hiddenButtons .button {
  height: 1px;
  width: 1px;
}
/* Beregnet til at vise indhold i hele vinduet. */
body.lc-display-maxview {
  overflow: hidden;
}
body.lc-display-maxview .lc-display-fullscreen {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.image a:hover {
  background: transparent;
  opacity: 0.9;
}
/* embedede billeder */
.cke_widget_wrapper {
  max-width: 100%;
}
/*For at brugeren kan se "drag-handler" på øverste slide*/
.cke_widget_lectioslide {
  padding-top: 15px;
}
.lc-display-fragment img {
  max-width: 100%;
  height: auto !important;
}
.lc-display-fragment table {
  max-width: 100%;
}
div.cke_combopanel {
  width: 220px;
}
.cke_button_label.cke_button__lectionote_label {
  display: inline;
}
.cke_button_label.cke_button__lectioispublic_label {
  display: inline;
}
.cke_button.cke_button__lectioispublic.cke_button_disabled .cke_button_icon.cke_button__lectioispublic_icon {
  background-image: url('/lectio/img/checkbox_disabled_unchecked.auto');
  background-position: 1px center;
}
.cke_button.cke_button__lectioispublic.cke_button_off .cke_button_icon.cke_button__lectioispublic_icon {
  background-image: url('/lectio/img/checkbox_unchecked.auto');
  background-position: 1px center;
}
.cke_button.cke_button__lectioispublic.cke_button_on {
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  background-color: transparent;
}
.cke_button.cke_button__lectioispublic.cke_button_on .cke_button_icon.cke_button__lectioispublic_icon {
  background-image: url('/lectio/img/checkbox_checked.auto');
  background-position: 1px center;
  background-repeat: no-repeat;
}
html.cke_panel_container {
  font-family: sans-serif;
}
html.cke_panel_container h1,
html.cke_panel_container h2,
html.cke_panel_container h3 {
  font-weight: 100;
  color: #475968;
}
html.cke_panel_container pre {
  /* safari */
  font-family: monospace;
  /* Blot en lille smule.. */
  padding-left: 1em;
}
/*******************************************/
/* Styling af skabelon for editorindhold   */
/*******************************************/
.lc-placeholder {
  /** ckeditor eller browseren saetter et br-element ind, der, i kombination med :after tilfoejer
			en ekstra linie til hoejden af elementer med (:after-)tekst. */
}
.lc-placeholder p,
.lc-placeholder h1,
.lc-placeholder li {
  color: #999999;
}
.lc-placeholder a,
.lc-placeholder input,
.lc-placeholder label,
.lc-placeholder li {
  opacity: 0.4;
}
.lc-placeholder p {
  font-style: italic;
}
.lc-placeholder *:after {
  content: attr(data-lc-display-placeholder-text);
}
.lc-placeholder br:only-child {
  display: none;
}
.lc-math-tex {
  font-size: 13pt;
  z-index: 1;
}
.cke_dialog_ui_vbox_child .lc-math-tex * {
  text-align: unset;
}
/************************/
.ls-alertbox {
  border: 1px solid #a80710;
  border-radius: 0.4em;
  padding: 1em;
  color: #a80710;
  font-size: 12px;
  line-height: 1.4;
}
.ls-alertbox-stacktraceline {
  white-space: pre;
  overflow: auto;
  color: #888;
  display: contents;
}
.ls-alertbox-stacktraceline strong {
  color: initial;
}
.ls-alertbox h1 {
  color: #a80710;
  font-weight: 100;
}
.ls-alertbox ul {
  margin-left: 1.5em;
}
.lc-display-swup-button {
  display: inline-block;
}
/* lc preview / read mode: akt.forside,forløbsforside,forløbsmateriale, materialevælger,spørgeskema/quizzer */
.ls-paper {
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
  background: #ffffff;
  border: 1px solid #c1c7ce;
  box-sizing: border-box;
  /*padding: 1.8em;*/
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
  /* paper margins: left, right */
  padding-right: 2.2rem;
  padding-left: 4.4rem;
}
.ls-phase-activity {
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
  background: #ffffff;
  border: 1px solid #c1c7ce;
  box-sizing: border-box;
  /*padding: 1.8em;*/
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
  /* paper margins: left, right */
  padding-right: 2.2rem;
  padding-left: 4.4rem;
  width: 708px;
  overflow: auto;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-phase-activity {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0.2rem;
    padding-bottom: 0;
  }
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-phase-activity {
    width: 95dvw;
  }
}
@media only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-phase-activity {
    width: calc(97dvw - 5.2rem);
  }
}
.ls-phase-activity-title {
  padding: 0 0 0.8em 0;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-phase-activity-title {
    padding-left: 1.5rem;
  }
}
/* print forløbs aktivitet(er) */
#printcontainerDiv .ls-phase-activity {
  padding-left: 2.4rem;
  padding-top: 0;
  margin-top: 0;
  box-shadow: none;
  border: none;
  border-bottom: solid 6px #c6c6c9;
}
#printcontainerDiv :not(.ls-phase-activity) ~ .ls-phase-activity-title {
  padding-left: 2.4rem;
}
#printcontainerDiv :not(.ls-phase-activity) ~ .ls-phase-activity-content {
  padding-left: 2.4rem;
}
/* end print forløbs aktivitet(er) */
.ls-questionaire-base {
  /*
	.ls-paper;
	padding-right: 1.8rem;
	padding-left: 1.8rem;

	*/
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
  box-shadow: none;
  background-color: #fff;
}
.ls-questionaire-base .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
.ls-questionaire-base .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
  border-bottom: solid 1px #fff;
  background-color: #fff;
}
.ls-questionaire-base div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.ls-questionnaire-question {
  /*
	.ls-paper;
	padding-right: 1.8rem;
	padding-left: 1.8rem;

	*/
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
  box-shadow: none;
  background-color: #fff;
  width: 708px;
  overflow: auto;
  word-wrap: break-word;
}
.ls-questionnaire-question .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
.ls-questionnaire-question .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
  border-bottom: solid 1px #fff;
  background-color: #fff;
}
.ls-questionnaire-question div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-questionnaire-question {
    width: 90dvw;
    padding: 0;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 1em;
  }
}
.ls-questionnaire-question-edit {
  /*
	.ls-paper;
	padding-right: 1.8rem;
	padding-left: 1.8rem;

	*/
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
  box-shadow: none;
  background-color: #fff;
  min-width: 708px;
  overflow: auto;
}
.ls-questionnaire-question-edit .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
.ls-questionnaire-question-edit .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
  border-bottom: solid 1px #fff;
  background-color: #fff;
}
.ls-questionnaire-question-edit div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.ls-paper-container {
  margin: 2rem;
  max-width: 708px;
}
.ls-tocContainer-outer {
  background: #f7f7f7;
  padding-top: 0.4em;
  vertical-align: top;
  max-width: 280px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 280px;
  flex-shrink: 0;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-tocContainer-outer .ls-tocContainer-outer,
  .ls-tocContainer-outer .ls-tocContainer-inner {
    max-width: 70dvw;
  }
}
@media only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-tocContainer-outer .ls-tocContainer-outer,
  .ls-tocContainer-outer .ls-tocContainer-inner {
    max-width: 40dvw;
  }
}
/* TOC state: open/visible */
.ls-tocContainer-inner {
  padding-right: 1.2rem;
  padding-left: 0;
  padding-bottom: 2rem;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  /*Giv plads ovenover til foldeknappen. */
  top: 1em;
  overflow-y: auto;
  overflow-x: hidden;
  height: 97vh ;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-tocContainer-inner {
    height: unset;
    padding-bottom: unset;
  }
}
/* Texteditor  toolbar *************** */
.ls-texteditor-toolbarOuterContainer {
  position: relative;
  /* height: 69px; */
  /*width: 1008px;*/
  box-sizing: border-box;
}
.ls-texteditor-toolbarMenuContainer {
  background: #f7f7f7;
  position: relative;
  height: 28px;
  width: 1008px;
  box-sizing: border-box;
}
.ls-toolbarMenuInnerContainer {
  pointer-events: auto;
  padding-left: 6px;
  padding-right: 6px;
  line-height: 28px;
  margin-right: 2px;
  background: #f7f7f7;
  border-radius: 4px;
}
/****** måske fjernes  slut ***************************************************************************************************************/
.ls-materialchooserpreview .ls-tocContainer-outer {
  position: -webkit-sticky;
  position: sticky;
}
.ls-materialchooserpreview {
  background: #f7f7f7;
  display: table;
  width: 1008px;
}
.toolbar {
  z-index: 2;
  background: transparent;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /* soerg for at man kan klikke paa tekst/flueben/whatever, der ligger under denne bjaelke */
  pointer-events: none;
}
.toolbar > * {
  /* soerg for at man kan klikke paa knapper, der ligger i denne bjaelke */
  pointer-events: auto;
}
.ls-tocandcontentparent {
  display: flex;
  padding-bottom: 2rem;
}
.ls-tocContainer-inner h3,
.ls-tocContainer-inner h3 .tooltip {
  color: #475968;
}
.toggleTocElementImg {
  display: flex;
  align-items: center;
  color: #006493;
  opacity: 1;
  padding-left: 0.25rem;
}
.toggleTocElementImg::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.toggleTocElementImg:active::before,
.toggleTocElementImg:focus::before {
  opacity: 0.88;
}
.toggleTocElementImg:hover::before {
  opacity: 0.92;
}
.toggleTocElementImg[disabled="disabled"]::before {
  opacity: 0.62;
}
.toggleTocElementImg[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.toggleTocElementImg.large::before {
  font-size: 2rem;
}
.toggleTocElementImg::before {
  content: "keyboard_arrow_left";
}
.toggleTocElementImg.toggleTocElementImgClosed {
  display: flex;
  align-items: center;
  color: #006493;
  opacity: 1;
}
.toggleTocElementImg.toggleTocElementImgClosed::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.toggleTocElementImg.toggleTocElementImgClosed:active::before,
.toggleTocElementImg.toggleTocElementImgClosed:focus::before {
  opacity: 0.88;
}
.toggleTocElementImg.toggleTocElementImgClosed:hover::before {
  opacity: 0.92;
}
.toggleTocElementImg.toggleTocElementImgClosed[disabled="disabled"]::before {
  opacity: 0.62;
}
.toggleTocElementImg.toggleTocElementImgClosed[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.toggleTocElementImg.toggleTocElementImgClosed.large::before {
  font-size: 2rem;
}
.toggleTocElementImg.toggleTocElementImgClosed::before {
  content: "keyboard_arrow_right";
}
.toggleTocElementImg:hover {
  display: flex;
  align-items: center;
  color: #006493;
  opacity: 0.92;
  cursor: pointer;
}
.toggleTocElementImg:hover::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.toggleTocElementImg:hover:active::before,
.toggleTocElementImg:hover:focus::before {
  opacity: 0.88;
}
.toggleTocElementImg:hover:hover::before {
  opacity: 0.92;
}
.toggleTocElementImg:hover[disabled="disabled"]::before {
  opacity: 0.62;
}
.toggleTocElementImg:hover[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.toggleTocElementImg:hover.large::before {
  font-size: 2rem;
}
.toggleTocElementImg:hover::before {
  content: "keyboard_arrow_left";
}
.toggleTocElementImg.toggleTocElementImgClosed:hover {
  display: flex;
  align-items: center;
  color: #006493;
  opacity: 0.92;
  cursor: pointer;
}
.toggleTocElementImg.toggleTocElementImgClosed:hover::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.toggleTocElementImg.toggleTocElementImgClosed:hover:active::before,
.toggleTocElementImg.toggleTocElementImgClosed:hover:focus::before {
  opacity: 0.88;
}
.toggleTocElementImg.toggleTocElementImgClosed:hover:hover::before {
  opacity: 0.92;
}
.toggleTocElementImg.toggleTocElementImgClosed:hover[disabled="disabled"]::before {
  opacity: 0.62;
}
.toggleTocElementImg.toggleTocElementImgClosed:hover[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.toggleTocElementImg.toggleTocElementImgClosed:hover.large::before {
  font-size: 2rem;
}
.toggleTocElementImg.toggleTocElementImgClosed:hover::before {
  content: "keyboard_arrow_right";
}
/*#Mobil*/
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .toggleTocElementImg {
    display: none;
  }
  .ls-paper-container {
    margin: 0;
    margin-bottom: 12px;
    margin-top: 6px;
  }
  .ls-texteditor-paper-container {
    padding-bottom: 12px;
  }
  .ls-tabs3 {
    width: 100%;
    height: auto;
    min-width: 200px;
  }
  .ls-tabs3 .lectioTabContent {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    height: auto;
    width: 100%;
  }
  .ls-tabs3 .lectioTabContent .ls-texteditor-toolbarContainer,
  .ls-tabs3 .lectioTabContent .ls-tocandcontentparent {
    width: auto;
  }
  .ls-tabs3 .ls-paper {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0.2rem;
    padding-bottom: 0;
    /**************/
    border: none;
    box-shadow: none;
    background: transparent;
    /*********/
  }
  .ls-tabs3 .ls-paper .ls-section-title-heading {
    padding-left: 2.35rem;
    padding-top: 8px;
  }
  .ls-tabs3 .ls-paper .ls-paper-section-heading {
    margin-top: 8px;
    margin-bottom: 0.3rem;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.333rem;
    line-height: 2rem;
    letter-spacing: 0.0125rem;
  }
  .ls-tabs3 .ls-paper .ls-paper-subsection-separator {
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 4px;
    margin-right: 12px;
  }
  .ls-tabs3 .ls-paper .ls-hr-solid {
    border-width: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 26px;
    margin-right: 12px;
  }
  .ls-tabs3 .ls-paper .ls-hr-solid-thick {
    border-width: 2.5px;
    border-bottom-color: #c6cbcf;
  }
  .ls-tabs3 .ls-paper .activity-note {
    margin-left: 0;
    padding-top: 4px;
    width: auto;
    margin-bottom: 0;
    padding-left: 1rem;
  }
  .ls-tabs3 .lc-display-fragment,
  .ls-tabs3 textarea,
  .ls-tabs3 input[type=text] {
    font-size: 1rem;
  }
  .ls-tabs3 .lc-display-fragment {
    padding-right: 0;
    background: transparent;
  }
  .ls-tabs3 .lc-display-fragment h1 {
    font-size: 1.5em;
    margin-top: 10px;
    padding-right: 12px;
  }
}
/*#endregion */
.ls-paper-subsection-separator {
  margin-left: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
.ls-phase-activity .ls-table-minwidth {
  min-width: 50em;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-phase-activity .ls-table-minwidth {
    min-width: 50dvw;
  }
  .ls-phase-activity .ls-table-minwidth TD {
    padding-right: 0;
  }
}

.file-lcdocumenteditor-less {
  color: blue;
}
/*override cke editor style theme;*/
span.cke_chrome {
  border: solid 1px #ced4d9;
  box-shadow: none;
}
/* Denne forhindrer editoren roede "magic line" i lejlighedsvist at skubbe hele dokumentindholdet ca. en linie nedad, mens den vises. */
.cke_wysiwyg_div.cke_wysiwyg_div > span:first-child {
  float: left;
}
span.cke_bottom {
  background: transparent;
}
span.cke_resizer {
  border-right-color: #ced4d9;
}
/*Editor toolbar background*/
div.cke_top {
  background: #f7f7f7;
  background: linear-gradient(#f7f7f7, #fafafa 2%, #fefefe 12%);
}
/*Editor balloon-toolbar*/
div.cke_balloon {
  /*border: solid 1px #d2d2d2;*/
  border-radius: 4px;
}
div.cke_balloon .cke_balloon_content {
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 4px;
}
div.cke_balloon.cke_balloontoolbar {
  border: 1px solid #475968;
}
div.cke_balloon.cke_balloontoolbar .cke_balloon_triangle_outer.cke_balloon_triangle_bottom,
div.cke_balloon.cke_balloontoolbar .cke_balloon_triangle_outer.cke_balloon_triangle_top {
  /*border-top-color: #000 !important;
			border-bottom-color: #000 !important;*/
  display: none;
}
div.cke_balloon.cke_balloontoolbar .cke_balloon_triangle_inner.cke_balloon_triangle_bottom,
div.cke_balloon.cke_balloontoolbar .cke_balloon_triangle_inner.cke_balloon_triangle_top {
  /* border-top-color: #fff !important;
			border-bottom-color: #fff !important;
			*/
  display: none;
}
span.cke_toolbar_separator {
  background: #ced4d9;
}
/*tooglebutton toggled on background*/
.cke_button.cke_button_on {
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-top: solid 1px #888;
  border-left: solid 1px #888;
  background-color: #dbdbdb;
}
span.cke_combo_text {
  line-height: 24px;
  width: 70px;
}
a.cke_combo_button:hover {
  background-color: white;
  cursor: pointer;
}
span.cke_combo_open {
  height: 24px;
}
.cke_toolgroup a {
  line-height: 16px;
  vertical-align: middle;
}
.lctoolbarlabel {
  float: left !important;
  display: inline-block !important;
  margin-top: 5px !important;
  margin-right: 4px !important;
  color: #999999 !important;
}
.lctoolbarsavestatus {
  display: inline-block !important;
  margin-top: 7px !important;
  color: #00687a !important;
  color: #339900 !important;
  font-style: italic !important;
}
.lceditornewlayout .cke_toolbar_separator {
  margin: 5px 9px 0;
  background: #d2d2d2;
}
.lceditornewlayout.cke_chrome {
  border: none;
  box-shadow: none;
}
.lceditornewlayout .cke_top {
  border-bottom-color: #d2d2d2;
}
/* Questionaire/Quiz */
.ls-questionnaire-question-text .cke_textarea_inline,
.ls-questionnaire-question-explanation .cke_textarea_inline {
  width: 480px;
}
.ls-questionnaire-question-text .cke_textarea_inline img,
.ls-questionnaire-question-explanation .cke_textarea_inline img {
  max-width: 100%;
  height: auto !important;
}
.cke_textarea_inline {
  border: solid 1px #d2d2d2;
  padding-left: 5px;
}
.cke_textarea_inline:focus {
  outline: none;
}
.lceditornewlayout .cke_button:hover {
  cursor: pointer;
  background: #e5e5e5;
}
.lceditornewlayout .cke_button span {
  cursor: pointer;
}
.lceditornewlayout .cke_button.cke_button_disabled,
.lceditornewlayout .cke_button.cke_button_disabled:hover,
.lceditornewlayout .cke_button.cke_button_disabled span:hover,
.lceditornewlayout .cke_button.cke_button_disabled span {
  cursor: default;
  background-color: transparent;
  opacity: 0.7;
}
/*msie fix*/
/*.lceditornewlayout .cke_inner,*/
.lceditornewlayout .cke_wysiwyg_div,
.lceditornewlayout .cke_wysiwyg_frame {
  background: transparent;
}
/* Forhindrer hover-/fokus-ramme på ydre og indre kasse. */
.cke_widget_wrapper > .lc-display-commentblock > .cke_widget_editable,
.cke_widget_wrapper:hover > .lc-display-commentblock > .cke_widget_editable {
  outline: none !important;
}
/* Forhindrer slides i at klaske sammen i editmode. */
/*.cke_widget_wrapper .lc-document-slide {
		margin-bottom: 1em;
	}*/
.cke_widget_wrapper_lc-document-slide {
  padding: 0;
}
.lc-display-commentblock-errormessage {
  color: red;
  background-color: #fdfdf9;
  position: absolute;
  top: 30px;
  right: 40px;
  border: 1px solid red;
  padding: 4px;
  border-radius: 4px;
  display: none;
}
div.cke_combopanel__lectioformat,
div.cke_combopanel__lectioformat2 {
  height: 285px;
  width: 270px;
}
.cke_combo__lectioformat .cke_combo_text,
.cke_combo__lectioformat2 .cke_combo_text {
  width: 8em;
}
.lc-display-fragment.cke_wysiwyg_div {
  padding: 0px;
}
.file-lcdocumenteditor-less-end {
  color: blue;
}

.file-lectio-less {
  color: blue;
}
img.login-mitid-logo {
  margin-top: 60px;
}
div.buttonicon a:link:has(img.login-mitid-logo) {
  text-align: center;
  margin-left: -0.125em;
  display: block;
  height: 0;
}
div.buttonicon a:link:has(img.login-mitid-logo):focus {
  outline: none;
}
div.buttonicon a:link:has(img.login-mitid-logo) img.login-mitid-logo {
  transform: translateX(-50%);
}
/***Progress bar******************************************/
.ui-progressbar {
  height: 22px;
  overflow-x: hidden;
  overflow-y: hidden;
  box-sizing: border-box;
  border-radius: 3px;
  border: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.09);
}
.ui-progressbar .ui-progressbar-value {
  background-color: #cef087;
  background-image: url('/lectio/img/pbar-ani.gif');
  margin: 0 !important;
  box-sizing: border-box;
}
/***END Progress bar******************************************/
/* Lists ****************************************************/
/* Unordered List bullit style */
.ls-ul-bullit {
  margin-left: 1rem;
}
.ls-ul-bullit li {
  list-style-type: none;
  line-height: 1.333em;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-left: 0.5rem;
  background-image: none;
  letter-spacing: normal;
  /* overrides default*/
}
.ls-ul-bullit li::marker {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  color: #006493;
  font-variation-settings: 'FILL' 1;
  content: "fiber_manual_record";
  font-size: 0.9rem;
}
UL.ls-std-list-nobullit {
  margin-left: 0;
}
UL.standardlist {
  margin-left: 1rem;
}
UL.standardlist li {
  list-style-type: none;
  line-height: 1.333em;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-left: 0.5rem;
  background-image: none;
  letter-spacing: normal;
  /* overrides default*/
}
UL.standardlist li::marker {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  color: #006493;
  font-variation-settings: 'FILL' 1;
  content: "fiber_manual_record";
  font-size: 0.9rem;
}
UL.standardlist li::marker {
  color: #00687a;
}
UL.infoText {
  margin-left: 1rem;
}
UL.infoText li {
  list-style-type: none;
  line-height: 1.333em;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-left: 0.5rem;
  background-image: none;
  letter-spacing: normal;
  /* overrides default*/
}
UL.infoText li::marker {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  color: #006493;
  font-variation-settings: 'FILL' 1;
  content: "fiber_manual_record";
  font-size: 0.9rem;
}
UL.infoText LI::marker {
  color: #00687a;
}
UL.attention {
  margin-left: 1rem;
}
UL.attention li {
  list-style-type: none;
  line-height: 1.333em;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-left: 0.5rem;
  background-image: none;
  letter-spacing: normal;
  /* overrides default*/
}
UL.attention li::marker {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  color: #006493;
  font-variation-settings: 'FILL' 1;
  content: "fiber_manual_record";
  font-size: 0.9rem;
}
UL.attention LI::marker {
  color: #a80710;
}
UL.alert,
UL.warning {
  margin-left: 1rem;
}
UL.alert li,
UL.warning li {
  list-style-type: none;
  line-height: 1.333em;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-left: 0.5rem;
  background-image: none;
  letter-spacing: normal;
  /* overrides default*/
}
UL.alert li::marker,
UL.warning li::marker {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  color: #006493;
  font-variation-settings: 'FILL' 1;
  content: "fiber_manual_record";
  font-size: 0.9rem;
}
UL.alert LI::marker,
UL.warning LI::marker {
  color: #de3730;
}
UL.linklist {
  margin-left: 1rem;
}
UL.linklist li {
  list-style-type: none;
  line-height: 1.333em;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-left: 0.5rem;
  background-image: none;
  letter-spacing: normal;
  /* overrides default*/
}
UL.linklist li::marker {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  color: #006493;
  font-variation-settings: 'FILL' 1;
  content: "fiber_manual_record";
  font-size: 0.9rem;
}
UL.linklist LI::marker {
  color: #006493;
}
/* imgage bullit skal tilrettes på et tidspunkt, anvendes på UVB docs  */
UL.linklist-img LI {
  list-style-type: none;
  background-repeat: no-repeat;
  background-position-y: top;
  background-size: 1.333em 1.333em;
  line-height: 1.333em;
  vertical-align: middle;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  padding-left: 1.5em;
}
UL.linklist-img LI A {
  vertical-align: middle;
}
ul.linklist-horizontal {
  max-width: 75em;
  display: flex;
  flex-wrap: wrap;
}
ul.linklist-horizontal li:not(:first-child) {
  list-style-type: none;
  line-height: 1.333em;
  display: inline-flex;
  align-items: center;
}
ul.linklist-horizontal li:not(:first-child)::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  color: #006493;
  font-variation-settings: 'FILL' 1;
  content: "fiber_manual_record";
  font-size: 0.9rem;
  padding-left: 0.6em;
  padding-right: 0.6em;
}
/* End Lists ************************************************************/
/* Column list ****************************************************/
.ls-columnlist {
  background-color: #fcfcff;
  box-sizing: border-box;
  min-width: 70em;
  border-top: solid 1px #d3dae0;
  column-count: 3;
  column-gap: 22px;
  margin-bottom: 3em;
  display: inline-block;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-columnlist {
    border-top: none;
    margin-bottom: unset;
  }
}
.ls-columnlist.mod-narrow {
  column-count: 6;
}
.ls-columnlist > li {
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari, Opera */
  page-break-inside: avoid;
  /* Firefox */
  break-inside: avoid;
  /* IE 10+ */
  overflow: hidden;
}
.ls-columnlist.mod-onechild > li > * {
  margin: 0;
  padding: 0.4em;
  border: solid 1px #d3dae0;
  border-top: 0;
  display: block;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-columnlist.mod-onechild > li > * {
    border-color: #f0f0f3;
    border-top: none;
    border-left: none;
    border-right: none;
  }
}
@media (max-width: 800px) {
  .ls-columnlist {
    min-width: 50em;
    column-count: 2;
  }
}
@media (max-width: 800px) {
  body.ls-print .ls-columnlist {
    column-count: 3;
  }
}
@media (max-width: 1000px) {
  .ls-columnlist.mod-narrow {
    column-count: 4;
  }
}
@media (max-width: 700px) {
  .ls-columnlist.mod-narrow {
    min-width: 290px;
    column-count: 2;
  }
}
@media (max-width: 700px) {
  body.ls-print .ls-columnlist.mod-narrow {
    column-count: 3;
  }
}
@media (max-width: 479px) {
  .ls-columnlist {
    min-width: 290px;
    max-width: 99%;
    column-count: 1;
  }
}
/* End Column list ************************************************************/
/* **** SELECT BOX **** */
.isadmin {
  background-color: #8080ff;
}
.groupbuiltin {
  background-color: #fcfcff;
}
.groupbuiltin.ac_over {
  background-color: #005fb3;
}
.groupuser {
  background-color: #f0fced;
}
/********************************************/
/* SAMLET HOLDRAPPORT & VIKARFINDER		*/
tr.rapAfvig2 td,
.rapAfvig2,
tr.rapAfvigukendt td,
.rapAfvigukendt {
  background-color: #feeeea;
  color: #000000;
}
tr.rapAfvig1 td,
.rapAfvig1 {
  background-color: #fdf2c3;
  color: #000000;
}
tr.rapAfvig0 td,
.rapAfvig0 {
  background-color: #f1ffcd;
  color: #000000;
}
/***********************************************/
/* Anvendes i Frie lærere, lokaler, ressourcer*/
TABLE TR TD.ledige_emner_ledig {
  background-color: #cef087;
  width: 1.2em;
  padding: 0.25em;
  text-align: center;
}
TABLE TR TD.ledige_emner_dobbeltbooked {
  background-color: #fc5d4f;
  width: 1.2em;
  padding: 0.25em;
  text-align: center;
}
TABLE TR TD.ledige_emner_overbookcapacity {
  background-color: #fbe570;
  width: 1.2em;
  padding: 0.25em;
  text-align: center;
}
TABLE TR TD.ledige_emner_optaget {
  /*color: @color_lectio_LightBlue;*/
  width: 1.2em;
  padding: 0.25em;
  text-align: center;
}
/***********************************************/
.ls-tidsreg-gray {
  background-color: #f0f0f3;
}
.ls-tidsreg-green {
  background-color: #cef087;
}
.ls-tidsreg-dagsdato td {
  font-weight: bold;
}
pre {
  font-family: Consolas;
}
SPAN.radioGreen {
  background: #cef087;
}
.ls-font-monospace,
.ls-font-monospace * {
  font-family: Consolas, "Courier New", Courier, Monaco, Monospace;
}
/* Start - Horisontal linkliste ******************************* */
UL.entitylinklistH {
  border-collapse: collapse;
  margin: 0em;
  padding: 0em;
  width: 100%;
  max-width: 75em;
}
UL.entitylinklistH li {
  list-style-type: none;
  line-height: 1.333em;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-left: 0.5rem;
  background-image: none;
  display: inline;
  border-collapse: collapse;
}
UL.entitylinklistH li a {
  text-decoration: none;
  padding: 0em 0.55em 0em 0em;
}
UL.entitylinklistH IMG {
  margin: 0em 0.45em 0.3em 0em;
  vertical-align: middle;
  width: 0.8em;
  height: 0.8em;
}
/* End - Horisontal linkliste **********/
/***************************************************************/
/********************************************/
/* KONSULTATIONER General */
DIV#toggleCss tr.afvig2 td,
DIV#toggleCss .afvig2,
DIV#toggleCss tr.afvigukendt td,
DIV#toggleCss .afvigukendt {
  background-color: #fbe570;
  color: #000000;
}
DIV#toggleCss tr.afvig0 td,
DIV#toggleCss .afvig0 {
  background-color: #cef087;
  color: #000000;
}
/* KONSULTATIONER EDITMODE , VIEWMODE */
DIV.editCons tr.afvig0 td,
DIV.editCons .afvig0,
DIV.editCons .slotItem,
DIV.editCons tr.afvig2 td,
DIV.editCons .afvig2,
DIV.editCons tr.afvigukendt td,
DIV.editCons .afvigukendt {
  cursor: pointer;
}
DIV.viewCons tr.afvig0 td,
DIV.viewCons .afvig0,
DIV.viewCons .slotItem,
DIV.viewCons tr.afvig2 td,
DIV.viewCons .afvig2,
DIV.viewCons tr.afvigukendt td,
DIV.viewCons .afvigukendt {
  /* konsultationer i view mode */
  cursor: help;
}
.SelectedItem {
  /* valgt element */
  background-color: #cfe3fe !important;
  cursor: move !important;
}
.ConsWait {
  cursor: wait;
}
.DragOver {
  /* træk slip element */
  background-color: #006493 !important;
}
/********************************************/
.ls-user-name {
  padding: 0.4em 0.8em 0.4em 0.8em;
  font-weight: normal;
}
/* ******************************************** */
/* Studieplan	*/
/* ******************************************** */
/* Ved standardvisning */
.ganttTable {
  border: solid 1px #c2c8cc;
  border-collapse: collapse;
}
.ganttHeader {
  border: solid 1px #c2c8cc;
  height: 2em;
  background-image: url('/lectio/img/graddiscrete.png');
  background-repeat: repeat-x;
  background-position: left top;
}
.ganttHeader TH {
  border-left: solid 1px #c2c8cc;
  border-right: solid 1px #c2c8cc;
}
TR.Week TD {
  border: solid 1px #c2c8cc;
  text-align: center;
}
TR.GanttRow TD {
  height: 2em;
  vertical-align: top;
  margin-right: 0;
  border-top: solid 1px #c2c8cc;
}
/* holdrækker */
.RowTitle {
  white-space: nowrap;
  border: solid 1px #c2c8cc;
}
/* hold titel kolonne */
.ganttPhaseTxt {
  position: absolute;
  padding-left: 0.1em;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ganttExercise {
  cursor: help;
  margin-top: 1.2em;
  position: absolute;
}
.StartOfWeek {
  border-left: dotted 1px #9da2a6;
}
/*ugekolonne start*/
TD.EndOfInterval {
  border-left: solid 1px #9da2a6;
}
/* markering af slut på forløb */
TD.DeviateN {
  background-color: #ebf4ff;
}
TD.Overlap {
  background-color: #727272;
  background-image: url('/lectio/img/graddarkgray.png');
  background-repeat: repeat-x;
  background-position: left top;
}
/* Ved vis afvigelse */
/* lysgrå - hvis der ikke er angivet lektionsestimat for forløbet*/
TD.Interval {
  background-color: #e0e0e0;
  background-image: url('/lectio/img/gradlightgray.png');
  background-repeat: repeat-x;
  background-position: left top;
}
TD.DeviateA {
  background-color: #00ff00;
}
/*0 - 1 lektioners afvigelse*/
TD.DeviateB {
  background-color: #fbe570;
}
/*2 - 3 lektioners afvigelse. */
TD.DeviateC {
  background-color: #e46f61;
}
/* 4+ lektioners afvigelse.  */
/* ******************************************** */
/* Studieretninger Administrations-del styles 	*/
/* ******************************************** */
#krop #studieTabel {
  min-width: 78%;
  max-width: 700px;
  border-collapse: collapse;
}
#krop img {
  border: none;
}
#krop a {
  color: #000000;
}
.admBoxRekke {
  margin: 5px;
}
.side {
  font-size: 1.4em;
  text-align: center;
  width: 620px;
}
.rekkeTop,
.rekke,
.rekkeTop *,
.rekke * {
  text-align: center;
  font-style: normal;
  width: 50px;
  border: #999999 1px solid;
  background-color: #eeeeee !important;
}
select.fagDropDown,
select.fagDropDown * {
  width: 100%;
  background-color: #ffffff;
}
.noStyle a {
  text-decoration: none;
  font-size: 1em;
}
.noStyle a:hover {
  background-color: #0e65ba;
  /* H208 S100 B70 */
  text-decoration: none;
  font-size: 1em;
  color: #ffffff !important;
}
.valg {
  height: 20px;
}
TD.fagSelectlist SELECT {
  /*width:280px;*/
  width: 100%;
  box-sizing: border-box;
}
/* ************************************************** */
/* SLUT PÅ Studieretninger Administrations-del styles */
/* ************************************************** */
/* ---------------------------------------------------------------------------- */
/* START		Mapper + Beskeder + Dokumenter */
/* ---------------------------------------------------------------------------- */
.ls-documentchooser-container {
  margin: 0;
  border-width: 0;
  border-top: 0px solid #e2e2e5;
  padding: 0;
  min-width: 86em;
  padding-bottom: 0.4em;
  display: block;
  overflow: hidden;
  vertical-align: text-top;
}
.documentchooser-foldertree-col {
  float: left;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: visible;
  overflow-x: hidden;
  vertical-align: top;
  min-width: 210px;
  width: auto;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .documentchooser-foldertree-col {
    overflow: auto;
    max-width: 30%;
  }
}
.ls-documentchooser-splitter {
  background: #e2e2e5;
  width: 1px;
  float: left;
  margin-top: 1em;
  height: 95%;
}
.documentchooser-foldercontent-col {
  padding-left: 2em;
  padding-right: 2em;
  overflow-y: auto;
  overflow-x: auto;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*start lectiofoldertree2*/
.ls-foldertree2 {
  vertical-align: text-top;
  text-align: left;
  margin-left: 0;
  padding-right: 0.8em;
  padding-top: 1.55em;
  padding-bottom: 1.45em;
}
.ls-foldertree2 .TreeNode-container {
  white-space: nowrap;
  padding: 0.35em 0;
}
.ls-foldertree2 .TreeNode-indent {
  display: inline-block;
  height: 16px;
  vertical-align: middle;
}
.ls-foldertree2 .TreeNode-sublist:hover {
  background: transparent;
}
.ls-foldertree2 .TreeNode-chevron {
  vertical-align: middle;
}
.ls-foldertree2 .TreeNode {
  padding: 0.2em 0;
}
.ls-foldertree2 .TreeNode-icon {
  vertical-align: middle;
  width: 1.25em;
}
.ls-foldertree2 .TreeNode-title {
  display: inline-block;
  padding: 0.1em 0.3em;
  vertical-align: middle;
}
.ls-foldertree2 .selectedFolder,
.ls-foldertree2 .selectedFolder:hover {
  color: #ba1a1a;
  background-color: transparent;
  cursor: default;
}
/*end foldertree2*****************************************/
/* start file doc gridview list *****************************************/
.ls-doclist-col-title {
  max-width: 20em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
}
/* end file doc gridview list *****************************************/
/* start beskeder gridview list *****************************************/
DIV#documentContainer TD.documentFolderContent {
  border: none;
  border-left: 1px dotted #d3dae0;
  padding: 0em;
}
SPAN.documentFolderContentTitle {
  font-weight: bold;
  color: #475968;
  vertical-align: top;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  SPAN.documentFolderContentTitle {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.333rem;
    line-height: 2rem;
    letter-spacing: 0.0125rem;
    color: #1a1c1e;
    display: inline-flex;
  }
}
.documentFolderContent TABLE {
  margin-top: 2em;
}
/* END - Besked / Message folder content area - END  *****************/
/************************************************************/
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-documentchooser-container,
  .documentchooser-foldercontent-col {
    min-width: unset;
    padding: 0;
  }
  .ls-documentchooser-container .ls-table-layout5 tr td,
  .documentchooser-foldercontent-col .ls-table-layout5 tr td {
    border-color: #f0f0f3;
  }
}
/* END - Besked / Message View, Create, Edit, Reply - END ********/
/************************************************************/
/* ********************************************************* */
/*	   Dokument oversigt mobil								 */
/* ********************************************************* */
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .document-list-container {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 10px;
    grid-template-rows: auto 1fr;
    grid-row-gap: 0px;
    grid-template-areas: "titel dato" "navn rediger";
    padding-top: 10px;
  }
  .document-list-container .document-list-filename {
    grid-area: titel;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 1.666rem;
    letter-spacing: 0.008rem;
    font-size: 1.166rem;
    text-overflow: ellipsis;
    width: 65dvw;
    overflow: hidden;
    padding-left: 3px;
  }
  .document-list-container .document-list-lastchanged {
    grid-area: navn;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 1.333rem;
    letter-spacing: 0.042rem;
    font-size: 0.916rem;
  }
  .document-list-container .document-list-lastchanged span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .document-list-container .document-list-timeex {
    display: flex;
    grid-area: dato;
    justify-content: end;
  }
  .document-list-container .document-list-timeex .document-list-datetime {
    display: inline;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.033rem;
    line-height: 1.333rem;
    font-size: 0.8rem;
    color: #aaabae;
    margin-right: 0.5rem;
  }
  .document-list-container .document-list-edit {
    grid-area: rediger;
    text-align: right;
  }
}
/* ********************************************************* */
/*	   END Dokument oversigt mobil								 */
/* ********************************************************* */
TR.dayrow TH {
  padding-top: 1px;
  color: #475968;
  vertical-align: bottom;
  text-align: center;
}
TH.weeknum {
  vertical-align: middle !important;
  padding-bottom: 1px !important;
  color: #475968 !important;
}
/* ********************************************************* */
/*	   Text headlines									 */
/* ********************************************************* */
H1,
.h1 {
  font-size: 1.5em;
  color: #475968;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  H1,
  .h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.333rem;
    line-height: 2rem;
    letter-spacing: 0.0125rem;
    color: #1a1c1e;
  }
}
H2,
.h2 {
  font-size: 1.4em;
  color: #475968;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  H2,
  .h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.166rem;
    line-height: 1.666rem;
    letter-spacing: 0.008rem;
    color: #1a1c1e;
  }
}
H3,
.h3 {
  /*  Overskrifter inde i bokse med eller uden faneblade*/
  font-weight: bold;
  font-size: 1.2em;
  color: #475968;
  line-height: 1;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  H3,
  .h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 1.333rem;
    letter-spacing: 0.042rem;
    font-size: 0.916rem;
    color: #1a1c1e;
  }
}
H4,
.h4 {
  /*  Overskrifter over eller inde i tabeller SOM er inde i bokse med eller uden faneblade*/
  font-weight: bold;
  font-size: 1em;
  color: #475968;
  margin: 0;
  padding: 0;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  H4,
  .h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.033rem;
    line-height: 1.333rem;
    color: #1a1c1e;
  }
}
label:not([for]) {
  font-weight: bold;
  white-space: nowrap;
}
label.ls-label-block {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  vertical-align: middle;
  display: block;
}
label.ls-label-normal {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  vertical-align: middle;
  font-weight: 100;
}
UL {
  margin-left: 4px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/* ****************************************************************** */
/* ****** Fremhævelse af bestemt information ********** */
/* ****************************************************************** */
.attention {
  color: #a80710 !important;
}
/* bemærk, NB ... */
.alert,
TR.alert TH,
TR.alert TD,
.wizarderrortxt,
.ValidationError,
.warning {
  color: #de3730;
}
/* advarsel , fejl*/
.validator {
  position: absolute;
}
r .validator .alert {
  background-color: #FFF;
  border: #de3730 solid 1px;
  position: relative;
  top: -5px;
  left: -50px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -ms-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 1px 4px;
}
.alert[class~=validator] {
  position: relative;
  top: -2px;
}
/* Stjernen ved paakraevede felter. */
.validator .attention {
  font-size: smaller;
}
.valerror {
  border-color: #de3730;
  /* aht. IE 11, der ellers giver border-width 2px naar der vises fejl?? */
  border-width: 1px;
}
input.valerror {
  border: 1px solid #de3730;
  padding: 2px;
}
/* Safari, Chrome... */
input.valerror::-webkit-input-placeholder {
  color: #de3730;
}
/* Firefox 18- */
input.valerror:-moz-placeholder {
  color: #de3730;
}
/* Firefox 19+ */
input.valerror::-moz-placeholder {
  color: #de3730;
}
/* IE++ */
input.valerror:-ms-input-placeholder {
  color: #de3730;
}
/* vejledende tekst, information etc...*/
.infoText,
.infoTextItalic {
  color: #00687a;
}
.infoTextItalic {
  font-style: italic;
}
.noRecord,
.deactivated,
.noRecordItalic {
  color: #75777a;
  cursor: default;
}
.noRecordItalic {
  font-style: italic;
}
/* Opgaver: Registrering af skriftligt fravær * Og Alm. fravær*/
.delivered_0,
.absence_0 {
  background-color: #cef087;
}
/*yellow*/
.delivered_50,
.absence_50,
.delivered_100 {
  background-color: #fbe570;
}
/*red*/
.notDelivered_100,
.absence_100 {
  background-color: #fc5d4f;
}
tr:hover TD.notDelivered_100,
tr:hover TD.absence_100 {
  background-color: #fc5d4f;
}
/* gray */
.noDelivery {
  background-color: #e2e2e5;
}
/* gray */
.AbsenceNotReleased {
  background-color: #f0f0f3;
}
.ls-delivery-absent-table {
  min-width: 100%;
  max-width: 100%;
}
.ls-delivery-absent-table th {
  min-width: 3.5rem;
  text-align: center;
}
.ls-delivery-absent-table td {
  text-align: center;
}
.ls-delivery-absent-table td > span {
  text-align: center;
}
.ls-absence-grid-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(2.5em, max-content));
  justify-items: center;
  align-items: center;
  max-width: 600px;
}
.ls-absence-grid-row > DIV,
.ls-absence-grid-row > SPAN {
  border-radius: 0.2em;
  text-align: center;
  align-content: center;
}
.ls-absence-fill {
  display: block;
  width: 2em;
  margin: auto;
  border-radius: 0.2em;
}
/*Opgaver: plagiat min,med,max*/
.plagiat_maximum {
  color: #fc5d4f;
  font-weight: bold;
}
/*red*/
.plagiat_medium {
  color: #fb910b;
  font-weight: bold;
}
/*orange */
.plagiat_minimum {
  color: #dec855;
  font-weight: bold;
}
/*yellow*/
.highlighttext {
  text-decoration: none;
  color: black;
  background: #fbe570;
}
/* Fravær Dagsbaseret ***************/
.ls-dfv-100-IG,
.ls-dfv-100-F {
  margin: 0.1rem;
  display: inline-block;
}
.ls-dfv-100-IG a,
.ls-dfv-100-F a,
.ls-dfv-100-IG a:hover,
.ls-dfv-100-F a:hover {
  box-shadow: none;
  background-color: #fff;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  height: 1.5rem;
  box-sizing: content-box;
  white-space: nowrap;
  line-height: 1.5rem;
  color: #1a1c1e;
  border-radius: 0.66rem;
  text-align: center;
  vertical-align: middle;
  padding: 0.2rem 0.66rem;
  min-width: 2rem;
}
.ls-dfv-100-IG A[href],
.ls-dfv-100-F A[href],
.ls-dfv-100-IG A[href]:hover,
.ls-dfv-100-F A[href]:hover {
  background-color: #fc5d4f;
  color: #400404;
  display: block;
  border: none;
}
.ls-dfv-0 {
  margin: 0.1rem;
  display: inline-block;
}
.ls-dfv-0 a,
.ls-dfv-0 a:hover {
  box-shadow: none;
  background-color: #fff;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  height: 1.5rem;
  box-sizing: content-box;
  white-space: nowrap;
  line-height: 1.5rem;
  color: #1a1c1e;
  border-radius: 0.66rem;
  text-align: center;
  vertical-align: middle;
  padding: 0.2rem 0.66rem;
  min-width: 2rem;
}
.ls-dfv-0 A[href],
.ls-dfv-0 A[href]:hover {
  background-color: #cef087;
  color: #4e670f;
  display: block;
  border: none;
}
/* ******************************************************************************* */
/* ****** Fremhævelse af bestemt information med bg-farve i tabelceller ********** */
/* ******************************************************************************* */
.alertCell,
tr.alertCell TD {
  background-color: #de3730 !important;
}
.alertCell .alert,
.alertCell TD .alert {
  color: #1a1c1e !important;
}
/* if cell red and text has alert style then text is set to black  */
.attentionCell,
.attentionCell TD {
  background-color: #fbe570;
}
.attentionCell .attention,
.attentionCell TD .attention {
  color: #1a1c1e !important;
}
/* if cell yellow and text has attention style then text is set to black  */
.normalCell,
.ls-bg-white {
  background-color: #ffffff;
}
/* White*/
.transparentCell {
  background-color: transparent;
}
.freeCell,
.FreeSlot {
  background-color: #FFFFFF;
}
/**************************************************/
/* White - FreeSlot anv. i konsultationer, vælg modul under opret lektion m.fl.)*/
.occupiedConsultationCell,
.occupiedConsultationCellCurrent {
  background-color: #a43f34 !important;
}
/* Dark red - OccupiedConsultationSlot anvendes i konsultation hvor cellen er
 * optaget af en anden lærergruppe med mindst en af de samme medlemmer */
.alertConsultationCell,
.alertConsultationCellCurrent {
  background-color: #de3730 !important;
}
/* Red - AlertConsultationSlot anvendes i konsultationer til at indikere at den
 * valgte lærer er optaget af anden aktivitet */
.discreteCell {
  background-color: #fcfcfc !important;
}
.sumCell {
  background-color: #fcfcff;
}
TD.numCell,
TR.numCell TD,
TD.numCell INPUT,
TR.numCell TD INPUT,
INPUT.numCell {
  text-align: right;
}
.locked {
  background-color: #8f9193;
}
/* ************************************************ */
/*		Table adjustments   						*/
/* ************************************************ */
/* dark tabel - til at få mørkere streg på tabels kanter hvis standard ikke er god nok*/
Table.dark_streg {
  border: solid 1px #85898c;
  border-collapse: collapse;
  margin: 0.5em auto;
  background-color: #ffffff;
}
.dark_streg td,
.dark_streg th {
  /* til indramning af celler i tabeller med data */
  border: solid 1px #85898c;
  border-collapse: collapse;
  padding: 0.1em 0.2em 0.1em 0.2em;
}
/**************************************************************/
/**************************************************************/
/************************************************* */
/* Holdpaknings pakkeliste rækker */
.packColor1 {
  background-color: #f7f9fa;
}
.packColor2 {
  background-color: #fff;
}
/************************************************* */
/* Start uvb*/
td.uvbtitle {
  width: 150px;
  vertical-align: top;
  white-space: normal;
}
td.uvbcontent {
  max-width: 450px;
  vertical-align: top;
  white-space: normal;
  word-break: break-word;
}
/* End uvb*/
/************************************************* */
/* START - for displaying date & time in table cells, e.g. used in documentlist,messagelist  */
.timeUtil {
  width: 100px;
  white-space: nowrap;
  display: block;
}
.timeUtil .today {
  text-align: left;
  float: left;
}
.timeUtil .weekday {
  width: 22px;
  text-align: left;
  float: left;
}
.timeUtil .ddmm {
  width: 36px;
  text-align: right;
  float: left;
}
.timeUtil .hhmm {
  width: 36px;
  text-align: right;
  float: right;
}
.timeUtil .line {
  float: right;
  text-align: center;
  width: 8px;
  vertical-align: middle;
}
.timeUtil .yyyy {
  width: 36px;
  text-align: right;
  float: right;
}
.age0 {
  color: #000000;
}
.age1 {
  color: #333333;
}
.age2 {
  color: #444444;
}
.age3 {
  color: #666666;
}
/* End*********************************** */
div.helptip-button.buttonlink {
  display: inline-block;
  padding: 0;
  line-height: 0.5em;
}
.helptip-wrap {
  display: block;
  text-align: right;
  padding-right: 0.25rem;
}
.helpContainer {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
  outline: 1px solid #f0f0f3;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-right: 0.1em;
}
.helpContainer .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
.helpContainer .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
  border-bottom: solid 1px #fff;
  background-color: #fff;
}
.helpContainer div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.helpContainer iframe.helptip-iframe {
  height: 45em;
  width: calc(100% - 0.2em);
  margin: 0;
  border: none;
  display: block;
  padding: 0;
}
.helptip-content {
  background: transparent;
  padding: 0.2em;
  padding-bottom: 2em;
}
/*	Field layout benyttes af Report designer */
.fieldContainer {
  border-left: solid 1px #d3dae0;
  border-bottom: solid 1px #d3dae0;
  border-right: solid 1px #d3dae0;
  background-color: #fff;
}
.fieldHeader {
  background-image: url('/lectio/img/gradheader.png');
  background-repeat: repeat-x;
  background-position: left top;
  height: 2.25em;
  border-top: solid 1px #d3dae0;
  border-bottom: solid 1px #d3dae0;
  padding-top: 0.5em;
  text-align: center;
  font-weight: bold;
  color: #475968;
}
.fieldset {
  background-image: url('/lectio/img/field.gif');
  background-repeat: repeat-x;
  background-position: left top;
  border-left: solid 1px #ccdff0;
  border-right: solid 1px #ccdff0;
  border-bottom: solid 1px #b8c3cc;
  min-height: 2.5em;
  font-weight: bold;
  color: #475968;
  padding-right: 0.6em;
  padding-left: 0.2em;
  margin-top: 0.1em;
  cursor: pointer;
}
.field {
  background-image: url('/lectio/img/field.gif');
  background-repeat: repeat-x;
  background-position: left top;
  border-left: solid 1px #ccdff0;
  border-right: solid 1px #ccdff0;
  border-bottom: solid 1px #ccdff0;
  min-height: 2em;
  padding: 0em 0.5em 0em 0.4em;
  margin: 0.2em 0.2em 0em 0.8em;
  cursor: pointer;
  color: #475059;
  border-top: solid 0px transparent;
}
/* End*******************************************************************/
/** MACOM helpers *****************************************************/
BODY.macomtest {
  background-color: #8000f0;
}
/*, BODY.macomtest #fixedBlock*/
/* UDV view only*/
.debug {
  border: solid 1px #FF00FF;
}
.nodisplay {
  display: none;
}
/* hiding stuff */
.inlinedisplay,
.inlinedisplay A,
.inlinedisplay DIV,
.inlinedisplay SPAN {
  display: inline !important;
}
/*	Til at markere område som kun kan ses af MaCom workers */
#macomonly_base {
  background-image: none !important;
  background-color: #f7f2fa !important;
  border-color: #8000f0 !important;
  color: #8000f0 !important;
}
/*
* Indfoert aht. markdown, dvs. pt. docs.
* Burde maaske vaere paa `pre`-elementer, men 1) der er i forvejen noget
* styling paa, og 2) inline-tekst har ikke `pre`-element udenom.
*/
code {
  font-family: Consolas, Courier New;
}
.macomonly,
.macomonly .island {
  background-image: none !important;
  background-color: #f7f2fa !important;
  border-color: #8000f0 !important;
  color: #8000f0 !important;
}
.macomonly a,
.macomonly .island a,
.macomonly input.button,
.macomonly .island input.button,
.macomonly div.button,
.macomonly .island div.button,
.macomonly .button a,
.macomonly .island .button a,
.macomonly div.button a,
.macomonly .island div.button a,
.macomonly span.button a,
.macomonly .island span.button a,
.macomonly a.button,
.macomonly .island a.button,
.macomonly li a,
.macomonly .island li a {
  background-image: none !important;
  background-color: #f7f2fa !important;
  border-color: #8000f0 !important;
  color: #8000f0 !important;
}
.macomonly .buttonHover,
.macomonly .island .buttonHover,
.macomonly .button A:hover,
.macomonly .island .button A:hover,
.macomonly .button:hover,
.macomonly .island .button:hover,
.macomonly ul li a:hover,
.macomonly .island ul li a:hover,
.macomonly ul li:hover,
.macomonly .island ul li:hover,
.macomonly a:hover,
.macomonly .island a:hover,
.macomonly a span:hover,
.macomonly .island a span:hover,
.macomonly .islandHeaderContainer,
.macomonly .island .islandHeaderContainer,
.macomonly .islandHeader,
.macomonly .island .islandHeader {
  background-image: none !important;
  /*background-color: @color_lectio_macomonly !important;*/
  border-color: #8000f0 !important;
  color: #8000f0 !important;
}
/*@keyframes flip {
	0% {
		transform: rotateY(0deg);
	}

	100% {
		transform: rotateY(179deg);
	}
}*/
.flip-studiekort-img {
  transform: rotateY(180deg);
}
.ls-studiekort-outercontainer {
  width: 100%;
  height: 100%;
}
.ls-studiekort-outercontainer .ls-studiekort {
  width: 128.4mm;
  height: 80.97mm;
  perspective: 1000px;
  /* Remove this if you don't want the 3D effect */
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container {
  position: relative;
  box-sizing: border-box;
  display: grid;
  width: 100%;
  height: 100%;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
  border-radius: 3.18mm;
  padding: 20px;
  background-color: #f0f0f3;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  grid-template-rows: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-template-areas: "titel imgcontainer" "text imgcontainer" "text imgcontainer" "cr knap";
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .StudieKortTitel {
  grid-area: titel;
  text-anchor: end;
  /*border-bottom: double;
			background-color: #dae4e9;
			border-radius: 3.18mm 3.18mm 0 0;*/
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.833rem;
  line-height: 2.333rem;
  letter-spacing: 0;
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .StudieKortText {
  grid-area: text;
  display: grid;
  grid-template-areas: "skole" "navn" "alder" "logo";
  grid-template-rows: auto auto 1fr;
  overflow-wrap: anywhere;
  grid-row-gap: 10px;
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .StudieKortText .Studiekortskole {
  grid-area: skole;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.666rem;
  letter-spacing: 0.008rem;
  font-size: 1.166rem;
  font-weight: bold;
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .StudieKortText .Studiekortnavn {
  grid-area: navn;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.666rem;
  letter-spacing: 0.008rem;
  font-size: 1.166rem;
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .StudieKortText .Studiekortalder {
  grid-area: alder;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.666rem;
  letter-spacing: 0.008rem;
  font-size: 1.166rem;
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-logo-container {
  display: flex;
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-logo-container .ls-studiekort-logo {
  position: absolute;
  max-height: 32%;
  max-width: 21em;
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-img {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  grid-area: imgcontainer;
  display: flex;
  justify-content: center;
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-img .StudPic,
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-img .StudieKortQR {
  position: absolute;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  justify-self: center;
  grid-area: img;
  border-radius: 3.18mm;
  max-width: 100%;
  max-height: 100%;
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-img .StudPic {
  align-self: end;
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-img .StudieKortQR {
  transform: rotateY(-180deg);
  align-self: center;
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-knap {
  position: relative;
  width: 100%;
  height: 100%;
  grid-area: knap;
  display: flex;
  justify-content: center;
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-knap .StudiekortFlipPic div,
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-knap .StudiekortFlipQR div {
  margin: unset;
  width: 150px;
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-knap .StudiekortFlipPic div a,
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-knap .StudiekortFlipQR div a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .LectioSKcr {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  font-size: 0.916rem;
  align-self: end;
  grid-area: cr;
  grid-row-end: none;
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-inaktiv {
  position: relative;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  height: 100%;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
  border-radius: 3.18mm;
  padding: 20px;
  background-color: #f0f0f3;
  align-items: center;
  justify-content: center;
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-inaktiv .StudieKortTitel {
  text-anchor: end;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.833rem;
  line-height: 2.333rem;
  letter-spacing: 0;
}
.studentexercisectrl-table {
  background-color: #fcfcff;
}
.studentexercisectrl-table tr > th {
  font-weight: normal;
  vertical-align: text-top;
  max-width: 75px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  padding: 0.45em;
}
.studentexercisectrl-table tr > th a {
  color: #006493;
}
.studentexercisectrl-table tr > th:hover a {
  background-color: transparent;
  color: #006493;
  opacity: 0.92;
}
.studentexercisectrl-table tr th a,
.studentexercisectrl-table tr th a:hover {
  font-weight: normal;
}
.studentexercisectrl-table tr td {
  padding: 0 0.45em;
  white-space: nowrap;
}
div.studentexercisectrl-container {
  height: 25px;
  width: 75px;
}
div.studentexercisectrl-container a {
  width: 100%;
  height: 100%;
  opacity: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  text-align: center;
  justify-content: center;
  /******************/
}
div.studentexercisectrl-container a span {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin: auto 0.1rem;
}
div.studentexercisectrl-container a .studentexercise-grade {
  text-align: right;
}
div.studentexercisectrl-container a:hover {
  background-color: #cae6ff;
  opacity: 0.92;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .StudieKortTitel {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 1.333rem;
    letter-spacing: 0.042rem;
  }
  .ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .StudieKortText span {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 1.333rem;
    letter-spacing: 0.042rem;
  }
  .ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-knap .StudiekortFlipPic,
  .ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-knap .StudiekortFlipQR {
    font-size: 13px;
  }
  .ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-knap .StudiekortFlipPic div,
  .ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-knap .StudiekortFlipQR div {
    margin: unset;
    width: 150px;
    align-items: center;
  }
  .ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-knap .StudiekortFlipPic div a,
  .ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-knap .StudiekortFlipQR div a {
    display: flex;
    justify-content: center;
  }
  .ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .LectioSKcr {
    font-size: 12px;
  }
  img.login-mitid-logo {
    margin-top: 15px;
  }
  div.buttonicon a:link:has(img.login-mitid-logo) {
    width: 100%;
  }
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-studiekort-outercontainer {
    display: flex;
    justify-content: center;
  }
  .ls-studiekort-outercontainer .ls-studiekort {
    max-width: 95vw;
    width: calc(75vh/1.586);
    height: 75vh;
  }
  .ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container {
    grid-template-rows: auto 1.1fr auto 0.3fr 0.6fr;
    grid-column-gap: unset;
    grid-row-gap: 5px;
    grid-template-columns: unset;
    grid-template-areas: "titel" "imgcontainer" "qrtext" "knap" "text" "cr";
  }
  .ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-logo-container {
    justify-content: center;
    display: flex;
    height: 100%;
  }
  .ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-logo-container .ls-studiekort-logo {
    position: absolute;
    bottom: 3rem;
    /*top: 4.4em;*/
    z-index: 10;
    max-height: 18%;
    max-width: 21em;
  }
  .ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .StudieKortText {
    text-align: center;
  }
  .ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-knap .StudiekortFlipPic,
  .ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-knap .StudiekortFlipQR {
    align-self: start;
    margin-bottom: 10px;
  }
  .ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .StudieKortTitel {
    justify-self: center;
    margin-bottom: 10px;
  }
  .ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .LectioSKcr {
    align-self: end;
    justify-self: center;
  }
}
.qrVerifyItems {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  align-items: center;
}
.qrVerifyItems .studentPic {
  padding-bottom: 1rem;
  border-radius: 10px;
}
.qrVerifyItems .studentName {
  font-size: 25px;
}
.qrVerifyItems .valResText {
  font-size: 18px;
}
.qrVerifyItems #verifyIcon {
  padding: 0.5rem;
}
.qrVerifyItems #verifyIcon::before {
  font-size: 3rem;
  line-height: 3rem;
}
.qrVerifyItems #verifyIcon.prepend-fonticon-checkmark {
  color: limegreen;
}
.qrVerifyItems #verifyIcon.prepend-fonticon-cancel {
  color: red;
}
div .s2skemabrikInnerContainer .OnlyMobile,
.OnlyMobile {
  display: none;
}
.OnlyMobilePortrait {
  display: none;
}
.OnlyMobileLandscape {
  display: none;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .OnlyMobile {
    display: revert;
  }
  .OnlyDesktop {
    display: none;
  }
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .OnlyMobilePortrait {
    display: revert;
  }
  .OnlyDesktop {
    display: none;
  }
}
@media only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .OnlyMobileLandscape {
    display: revert;
  }
  .OnlyDesktop {
    display: none;
  }
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-fit-mobile-viewport {
    width: 95vw;
  }
}
@media only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-fit-mobile-viewport {
    width: 85vw;
  }
}
.macomInfoBox {
  height: 36.4em;
  overflow: scroll;
}
.vinfo TD,
.vinfo TH,
.vinfo H4 {
  text-align: left;
  vertical-align: top;
  color: #000000;
}
.vinfo TD {
  white-space: normal !important;
}
.vinfo TH {
  padding-right: 1em;
}
/* End*******************************************************************/
/* Månedskalender er måske unødvendigt tjek om det kan fjernes******************************/
SPAN.dayAlign {
  width: 1.09em;
  text-align: right;
  white-space: nowrap;
}
TH.calendarDateInfo {
  width: 2em;
}
/*******************************/
.s2-mskema A.s2skemabrik,
.s2-mskema A[href].s2skemabrik,
.s2-mskema A.s2skemabrik[href]:hover {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  background-image: url('/lectio/img/disc_blue.png');
  background-position: 0em 0.45em;
  background-repeat: no-repeat;
  padding-left: 0.5em;
}
/* Usorteret: */
/* ? TJJJJJJJJJJJJJJJJEKKKKKKKKKKKKKKKK */
.exercisewait {
  color: #008800;
}
.exercisemissing {
  color: #cc0000;
}
.ValidationError {
  color: Red;
}
/* Print styles -Print from Browser settings *******(See also: "lectioPrint.css"
 * contains styles for print via Lectio print icon)******** */
.breakAfter {
  /* use for print */
  page-break-after: always;
}
.breakBefore {
  /* use for print */
  page-break-before: always;
}
.printedfromtext {
  /* use for print */
  display: block;
  text-align: left;
}
body.ls-print .noprint,
body.ls-print IMG.noprint {
  visibility: hidden;
  display: none;
}
/* udskriftslister members på hold, gruppe, klasse*/
.afkrydsningslistetomttd {
  width: 4em;
  height: 1.7em;
}
/* END print styles ********************************************************/
.rotate {
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
/* ************************************************************************/
/* EDITOR STYLES *********/
/* ****/
component:after {
  content: attr(uri);
}
component {
  content: attr(uri);
  display: block;
  border: 1px solid red;
  height: 15px;
  width: 120px;
}
/**************************************************************************************/
/* Dashboard - forside																												  */
/**************************************************************************************/
.dashboardLinkHeader {
  display: block;
  margin: 0.2em;
  margin-top: 1em;
  border-bottom: 1px dotted #d3dae0;
  height: 1.333em;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .dashboardLinkHeader {
    margin-top: 0.6em;
  }
}
.dashboardLinkHeader A {
  height: 1.333em;
  display: block;
  color: #1b5c9e;
  font-weight: bold;
  cursor: pointer;
  white-space: nowrap;
  padding-left: 0.2em;
}
.dashboardLinkHeader A:hover {
  height: 1.333em;
  display: block;
  color: #ffffff;
  font-weight: bold;
  white-space: nowrap;
  padding-left: 0.2em;
  background-color: #006493;
}
.dashboardLinkHeaderText {
  float: left;
  display: inline;
  font-weight: bold;
}
.dashboardLinkHeaderInfoText {
  float: right;
  display: inline;
  font-weight: normal;
  color: #466c80;
}
.dashboardLinkHeaderAttentionText {
  float: right;
  display: inline;
  font-weight: normal;
  color: #b80000;
}
.dashboardLinkHeader A:hover .dashboardLinkHeaderInfoText,
.dashboardLinkHeader A:hover .dashboardLinkHeaderAttentionText {
  color: #ffffff;
}
TABLE.dashboard {
  margin-top: 0.25em;
  margin-left: 0.15em;
  margin-right: 0.15em;
  margin-bottom: 0.4em;
  clear: both;
  width: 98%;
}
/*	Denne kolonnetype kun en linie */
TABLE.dashboard TD.infoCol {
  white-space: nowrap;
  text-align: left;
  table-layout: fixed;
  overflow: hidden;
}
TABLE.dashboard TD.iconCol {
  white-space: nowrap;
  text-align: left;
  width: 1em;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  TABLE.dashboard TD.infoCol {
    text-overflow: ellipsis;
  }
  TABLE.dashboard TD.nameCol {
    width: 4em;
  }
}
TABLE.dashboard TD.infoCol:hover {
  background: transparent;
}
/* Chrome fix- en del af link hover farve blev på baggrunden*/
TABLE.dashboard TD.nameCol {
  white-space: nowrap;
  text-align: left;
  width: 9em;
  table-layout: fixed;
  overflow: hidden;
}
TABLE.dashboard TD.nameCol span {
  vertical-align: middle;
}
TABLE.dashboard TD.nameCol span img {
  vertical-align: top;
}
TABLE.dashboard TD.timeCol {
  width: 8em;
  white-space: nowrap;
  text-align: right;
  color: #466c80;
}
TABLE.dashboard TD.countCol {
  white-space: nowrap;
  text-align: right;
  width: 4.7em;
  color: #466c80;
}
TABLE.dashboard IMG {
  border: none;
}
/* For Aktuel Information kan denne kolonnetype godt have flere linier */
#dashboardItemAI TD.infoCol {
  max-width: 34.46em;
  white-space: normal !important;
  text-align: left;
  table-layout: auto;
  overflow: hidden;
}
.ls-materialbox-container {
  max-width: 100%;
  /*.kunchecked:hover, .checked:hover{
		cursor: pointer;
		background-color: #0e65ba;
		color: #ffffff;

	}*/
}
.ls-materialbox-container .k1,
.ls-materialbox-container .k2,
.ls-materialbox-container .k3 {
  background-image: url('/lectio/img/bullit_normal16x16.auto');
  background-position: left 0.3em top 0.6em;
  list-style-type: none;
  background-repeat: no-repeat;
  line-height: 16px;
  vertical-align: middle;
  padding-left: 2em;
  cursor: pointer;
}
.ls-materialbox-container .k1 a,
.ls-materialbox-container .k2 a,
.ls-materialbox-container .k3 a {
  display: block;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  box-sizing: border-box;
}
.ls-materialbox-container .k1 span,
.ls-materialbox-container .k2 span,
.ls-materialbox-container .k3 span {
  display: block;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  box-sizing: border-box;
  margin-top: 0px;
  margin-bottom: 0px;
  cursor: default;
}
.ls-materialbox-container .k1 {
  margin-left: 0.6em;
}
.ls-materialbox-container .k2 {
  margin-left: 2.3em;
}
.ls-materialbox-container .k3 {
  margin-left: 4em;
}
.ls-materialbox-container .kstrong {
  background-color: #cfe3fe;
  border-right: solid 3px #1b5c9e;
}
.ls-materialbox-container .kweak {
  background-color: #e5f5ff;
}
.ls-materialbox-container .kunchecked {
  background-image: url('/lectio/img/checkbox_unchecked.auto');
}
.ls-materialbox-container .kchecked {
  background-image: url('/lectio/img/checkbox_checked.auto');
  background-color: #cfe3fe;
}
.ls-materialbox-container .kautochecked {
  background-image: url('/lectio/img/checkbox_disabled_checked.auto');
  background-color: #e5f5ff;
}
.ls-materialbox-container .kautochecked:hover {
  cursor: auto !important;
  background-color: #e5f5ff;
  color: #000000;
}
.ls-materialbox-container .btnButtom {
  float: right;
}
.ls-materialbox-container .btnFixed {
  position: fixed;
  /*top:96%;*/
  bottom: 2px;
  text-align: right;
}
UL.ls-toc-side-list {
  font-size: 12px;
  line-height: 13px;
  width: 100%;
  /*
		Bruger her attribut data-tocitem-variant, der minder meget om data-lc-header-variant.
		Holder dem lidt adskilte for ikke at koble toc/lectio-gui for meget
		sammen med lc-indhold, der gemmes i brugernes dokumenter.
	*/
}
UL.ls-toc-side-list.ll-with-checkboxes {
  padding-left: 17px;
}
UL.ls-toc-side-list:not(.ll-with-checkboxes) LI {
  /* Den plads som tjekboksen eller ville have reserveret til det ikon som
         * vi gerne vil have plads til, reserverer vi istedet her. */
  padding-left: 17px;
}
UL.ls-toc-side-list LI {
  display: flex;
  align-items: baseline;
  margin-bottom: 3px;
  vertical-align: middle;
  min-height: 16px;
}
UL.ls-toc-side-list LI IMG {
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
UL.ls-toc-side-list LI > div:nth-of-type(1) {
  margin-right: 2px;
  white-space: nowrap;
}
UL.ls-toc-side-list LI > div:nth-of-type(1) IMG {
  position: relative;
  top: -1px;
}
UL.ls-toc-side-list LI > div:nth-of-type(2) {
  /*line-height: 1.15em;*/
  vertical-align: middle;
  min-height: 16px;
}
UL.ls-toc-side-list LI > div:nth-of-type(2) a {
  min-height: 16px;
}
UL.ls-toc-side-list LI[data-value=resource-root] > div > img[data-role=cb] {
  visibility: hidden;
}
UL.ls-toc-side-list LI > .ls-toc-item-buttons {
  white-space: nowrap;
  margin-left: auto;
}
UL.ls-toc-side-list LI[data-tocitem-variant] {
  background-repeat: no-repeat;
}
UL.ls-toc-side-list LI[data-tocitem-variant=h1],
UL.ls-toc-side-list LI[data-tocitem-variant=h2],
UL.ls-toc-side-list LI[data-tocitem-variant=h3] {
  background-image: url(/lectio/img/emptydoc.auto);
}
UL.ls-toc-side-list LI[data-tocitem-variant=h2] {
  margin-left: 1.2em;
}
UL.ls-toc-side-list LI[data-tocitem-variant=h3] {
  margin-left: 3.2em;
}
UL.ls-toc-side-list LI[data-tocitem-variant=h4] {
  margin-left: 5.2em;
}
UL.ls-toc-side-list LI[data-tocitem-variant=h5] {
  margin-left: 7.2em;
}
UL.ls-toc-side-list LI[data-tocitem-variant=activity] {
  background-image: url(/lectio/img/lesson.png);
  background-position-y: -2px;
  background-position-x: -1px;
}
UL.ls-toc-side-list LI[data-tocitem-variant=resources] {
  background-image: url(/lectio/img/folder.auto);
  background-position-y: -1px;
}
UL.ls-toc-side-list LI[data-tocitem-variant=presentation] {
  background-image: url(/lectio/img/presentation.auto);
  background-position-y: -1px;
}
UL.ls-toc-side-list LI[data-tocitem-variant=homework] {
  /*background-image: url(/lectio/img/emptydoc.auto);*/
  background-image: url(/lectio/img/doc-homework.auto);
  background-position-y: -1px;
}
UL.ls-toc-side-list LI[data-tocitem-variant=other] {
  /*background-image: url(/lectio/img/emptydoc.auto);*/
  background-image: url(/lectio/img/doc-not-homework.auto);
  background-position-y: -1px;
}
UL.ls-toc-side-list LI[data-tocitem-variant=teacherfeedback] {
  background-image: url(/lectio/img/question_bubble.auto);
  background-position-y: -1px;
}
UL.ls-toc-side-list LI[data-tocitem-variant=link] {
  background-image: url(/lectio/img/link.auto);
}
UL.ls-toc-side-list LI[data-tocitem-variant=holdmaterial] {
  background-image: url(/lectio/img/book.auto);
}
UL.ls-toc-side-list LI[data-tocitem-variant=lectiofile] {
  background-image: url(/lectio/img/file16x16.auto);
}
.ls-materialboxToc-foldablelist {
  display: none;
}
.ls-toc-side-list:not(.ls-toc-with-homework-note) .ls-homework-note {
  display: none;
}
.ls-materialboxToc-ownedlist {
  padding-bottom: 0.5em;
}
.ls-materialboxToc-indentedlist {
  margin-left: 1.4em;
  word-break: break-word;
}
[data-role=toggle-expansion] {
  height: 16px;
  width: 16px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
[data-role=toggle-expansion][data-expansion-action=expand] {
  background: url('/lectio/img/expandall.png');
  border: solid 1px orange;
}
[data-role=toggle-expansion][data-expansion-action=collapse] {
  background: url('/lectio/img/collapseall.png');
  border: solid 1px orange;
}
[data-role=toggle-expansion]:hover {
  opacity: 0.8;
}
.ls-materialboxToc-section-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0.2em 0;
}
/* Homework ****************************************/
.ls-homework-toc {
  font-size: 12px;
  line-height: 13px;
}
.ls-homework {
  word-break: break-word;
  overflow-wrap: normal;
}
.ls-homework a {
  text-indent: -1.8em;
  padding-left: 1.8em;
  display: inline-block;
}
/*
.ls-homework-toc span {
	vertical-align: middle;

}*/
.ls-homework img,
.ls-homework a img,
.ls-homework-toc img {
  vertical-align: middle;
  padding-right: 0;
}
.ls-homework-note {
  white-space: pre-wrap;
  text-indent: 0;
  word-break: break-word;
  word-wrap: normal;
  margin-left: 0;
  padding: 0.4em 0.3em 0.3em 0.5em;
  font-size: 0.9em;
  line-height: 1.1;
  min-width: 10em;
  background-color: #fdfdf9;
  border: 1px solid #ededed;
  color: #666;
}
.ls-homework .ls-homework-note {
  margin-left: 2.2em;
}
.ls-homework-sysinfo {
  color: #00687a;
  font-style: italic;
  margin-left: 1.7em;
}
/* ****************************************/
/* Queationaire / Quiz ****************************/
.ls-questionnaire-answer-feedback-points {
  text-align: right;
  line-height: 3em;
}
.ls-questionnaire-question-text,
.ls-questionnaire-answer-text,
.ls-questionnaire-question-explanation {
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  word-break: normal;
  max-width: 440px;
  width: 100%;
  height: auto;
}
.ls-questionnaire-answer-text,
.ls-questionnaire-question-explanation {
  margin-bottom: 1em;
}
.ls-questionnaire-question-explanation {
  color: #00687a;
  font-style: italic;
}
.ls-questionnaire-answer-text textarea,
.ls-questionnaire-question-text textarea,
.ls-questionnaire-question-explanation textarea {
  resize: vertical;
  max-height: 300px;
  min-width: 440px;
  width: 440px;
  max-width: 440px;
}
.ls-questionnaire-answer-option {
  clear: both;
  max-width: 440px;
  height: auto;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-questionnaire-answer-option {
    display: flex;
  }
}
.ls-questionnaire-answer-option input {
  float: left;
  margin-top: 0.2em !important;
  margin-right: 0.6em;
}
.ls-questionnaire-answer-option label {
  /*display:table;*/
  margin-left: 0.4em;
  word-break: break-word;
  word-wrap: normal;
}
.ls-questionnaire-answer-option label:hover {
  cursor: pointer;
  opacity: 0.9;
}
.ls-questionnaire-answer-option-text,
.questionnaireanswer {
  display: table-cell;
  max-width: 340px;
  padding-bottom: 1em;
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  word-break: normal;
}
.ls-questionnaire-answer-option-correct,
.questionnairecorrectanswer {
  display: table-cell;
  padding-left: 0.4em;
  text-align: right;
  color: #00687a;
  font-style: italic;
  font-weight: bold;
}
/* Queationaire feedback ****************************/
.ls-questionnaire-assessment {
  background-color: #ecf1f9;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
  border: none;
  box-shadow: none;
  display: table-cell;
  padding-top: 0.3em;
}
.ls-questionnaire-assessment div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.ls-questionnaire-feedback,
.ls-questionnaire-answer-feedback {
  height: auto;
  text-align: left;
  max-width: 110px;
  box-sizing: border-box;
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  word-break: normal;
}
.ls-questionnaire-feedback textarea,
.ls-questionnaire-answer-feedback textarea {
  resize: vertical;
  max-height: 300px;
  max-width: 110px;
}
.ls-questionnaire-answer-feedback-points .alert[class="alert"] {
  clear: both;
  display: block;
}
.ls-questionnaire-answer-feedback-points img {
  width: 30px;
}
.ls-questionnaire-question-section {
  display: block;
  overflow: hidden;
  margin-left: 2em;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-questionnaire-question-section {
    margin-left: 0.5em;
  }
}
.ls-questionnaire-question-section-content {
  float: left;
}
.ls-questionnaire-question-section-content p:first-child {
  margin-top: 0;
}
.ls-questionnaire-question-section-feedback {
  float: right;
}
.ls-questionnaire-hotspot-image {
  /*border: solid 1px @brush_border;*/
  padding: 0;
  box-sizing: content-box;
  background-repeat: no-repeat;
  max-height: 600px;
  max-width: 600px;
  background-size: contain;
}
.ls-questionnaire-hotspot-points-editable {
  cursor: crosshair;
}
.ls-questionnaire-hotspot-point {
  stroke-width: 4px;
  stroke: black;
  fill: white;
}
.ls-questionnaire-hotspot-edgepoint {
  stroke-width: 1px;
  stroke: black;
  fill: red;
}
.ls-questionnaire-hotspot-edgepoint.lc-comb-first {
  stroke-width: 2px;
}
.ls-questionnaire-hotspot-drawing {
  cursor: crosshair;
}
.ls-questionnaire-hotspot-points-editable .ls-questionnaire-hotspot-point {
  /*cursor: alias;*/
  cursor: pointer;
}
.ls-questionnaire-hotspots-editable .ls-questionnaire-hotspot-path {
  /*cursor: alias;*/
}
.ls-questionnaire-hotspot-path {
  stroke-dasharray: 5;
  animation: ls-questionnaire-hotspot-dash 5s linear;
  animation-iteration-count: infinite;
  stroke: white;
  stroke-width: 2px;
  fill: transparent;
}
.ls-questionnaire-hotspot-pathbg {
  fill: transparent;
  stroke: gray;
  stroke-width: 1px;
}
@keyframes ls-questionnaire-hotspot-dash {
  to {
    stroke-dashoffset: 100;
  }
}
/* Mobile Queationaire/Quiz answer question page */
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-questionnaire-question-section-content,
  .ls-questionnaire-question-section-feedback {
    float: none;
    display: block;
  }
  .ls-questionnaire-assessment {
    max-width: 300px;
    display: block;
  }
  .ls-questionare-question,
  .ls-questionnaire-question-text,
  .ls-questionnaire-answer-text,
  .ls-questionnaire-question-explanation {
    width: 100%;
    max-width: 300px;
  }
  .ls-questionnaire-question-text textarea,
  .ls-questionnaire-answer-text textarea,
  .ls-questionnaire-question-explanation textarea {
    min-width: 100%;
    width: 100%;
    max-width: 300px;
  }
}
body[data-theme=dark] {
  /* Disse skal lige have samme besked med lidt stoerre bogstaver */
}
body[data-theme=dark] *,
body[data-theme=dark] .toolbar,
body[data-theme=dark] .islandHeader,
body[data-theme=dark] .ls-homework-note,
body[data-theme=dark] .ls-texteditor-container,
body[data-theme=dark] .ls-tocContainer-outer {
  background-color: #292929;
  color: #64ADD5;
}
body[data-theme=dark] a {
  color: #42D4C5 !important;
}
body[data-theme=dark] .button A,
body[data-theme=dark] SECTION.island .islandContent,
body[data-theme=dark] .lectioTabContent {
  background-color: #292929 !important;
  color: #64ADD5 !important;
}
body[data-theme=dark] .button a {
  background-image: none !important;
}
body[data-theme=dark] .ls-paper,
body[data-theme=dark] .ls-paper *,
body[data-theme=dark] .ls-phase-activity,
body[data-theme=dark] .ls-phase-activity *,
body[data-theme=dark] .lc-display-fragment,
body[data-theme=dark] .lc-display-fragment * {
  background-color: #AE8357;
  color: black !important;
}
body[data-theme=dark] .lc-display-fragment blockquote[data-lc-role=note],
body[data-theme=dark] .lc-display-fragment blockquote[data-lc-role=note] * {
  background-color: initial;
  color: inherit;
}
body[data-theme=dark] .macomonly,
body[data-theme=dark] .macomonly * {
  background-image: initial !important;
}
/***************************************************/
/* log-visning */
.ls-log-cell > div {
  text-indent: -2em;
  vertical-align: top;
  margin-left: 2em;
}
/***************************************************/
/* Skolehjem */
/** "han" */
.ls-skh-b-han {
  overflow: hidden;
  white-space: nowrap;
  background-color: #cfe3fe;
}
.ls-skh-b-han > div {
  white-space: nowrap;
}
/** "hun" */
.ls-skh-b-hun {
  overflow: hidden;
  white-space: nowrap;
  background-color: #ffdee9;
}
.ls-skh-b-hun > div {
  white-space: nowrap;
}
/** "fejl" */
.ls-skh-b-fe {
  overflow: hidden;
  white-space: nowrap;
  background-color: #e46f61;
}
.ls-skh-b-fe > div {
  white-space: nowrap;
}
.ls-skh-icons-display {
  display: flex;
  align-items: center;
}
.ls-skh-b-gantt > gahry,
.ls-skh-b-gantt > garlow {
  display: contents;
}
.ls-skh-b-gantt > gahry {
  font-weight: bold;
  text-align: center;
}
.ls-skh-b-gantt > gahry gd {
  padding: 0.2rem;
}
.ls-skh-b-gantt {
  display: grid;
  grid-row-gap: 0.3em;
  /* For at 'absolute' kan virke for weekendmarkeringer. */
  position: relative;
  background: white;
}
.ls-skh-b-gantt garlow gd {
  padding: 0.2rem;
  vertical-align: middle;
}
/* maanedsnavneraekke. */
gahry:nth-child(1) > gd {
  background: #f0f0f3;
}
gahry:nth-child(1) > gd:nth-child(2n) {
  background: #f9f9fc;
}
/* weekender eller andet, der skal tegnes oven i raekkerne. */
.ls-skh-b-gantt > div > gacolmark {
  position: absolute;
  background-color: rgba(230, 230, 230, 0.2);
  pointer-events: none;
  width: 100%;
  height: 100%;
}
garlow.ls-skh-v-irrelevant > gd:nth-child(1) {
  color: #75777a;
  background-color: #f0f0f3;
}
garlow.ls-skh-v-lowrel > gd:nth-child(1) {
  background-color: lightgray;
}
garlow.ls-skh-v-empty > gd:nth-child(1) {
  background-color: #cef087;
  color: #333;
}
garlow.ls-skh-v-empty > gd:nth-child(1):hover {
  opacity: 0.7;
}
garlow.ls-skh-v-g1 > gd:nth-child(1) {
  background-color: #f0ffe0;
}
garlow.ls-skh-v-g2 > gd:nth-child(1) {
  background-color: #f0fced;
}
garlow.ls-skh-v-g3 > gd:nth-child(1) {
  background-color: #fbe570;
}
garlow.ls-skh-v-g4 > gd:nth-child(1) {
  background-color: #339900;
}
garlow.ls-skh-v-gs > gd:nth-child(1) {
  background-color: #ffa000;
}
garlow gd[data-skh-book-infos] {
  cursor: pointer;
}
garlow gd[data-skh-book-infos]:hover {
  opacity: 0.7;
}
/***************************************************/
/* Forløbssøgning */
.ls-fs-searchResult,
.ls-fs-searchField {
  margin-left: 55px;
  margin-top: 15px;
  position: relative;
}
.ls-fs-searchField {
  margin-bottom: 25px;
  margin-top: 25px;
}
.ls-fs-searchField .ls-fs-searchbtn {
  display: inline-block;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-fs-searchField {
    margin-left: unset;
  }
  .ls-fs-searchField .ls-fs-searchbtn {
    margin-top: 15px;
  }
}
div.phaseNote {
  cursor: pointer;
  margin-top: 3px;
}
.ls-fs-hideMostContent {
  height: 2.3em;
  overflow: hidden;
}
.ls-fs-showMoreLessLink {
  background-color: white;
  bottom: 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  z-index: 99;
}
.ls-fs-showMoreLessLink:before {
  background: linear-gradient(to left, white, white 30%, transparent);
  content: ' ';
  height: 100%;
  left: -30px;
  position: absolute;
  width: 30px;
}
.paddedColumns {
  margin-left: -15px;
}
.paddedColumns td {
  padding-left: 15px;
}
.publishedPhase {
  float: right;
  font-size: 1.2em;
  color: #1b5c9e;
}
.lc-fs-display-fragment.searchResult {
  padding: 0;
  margin: 0;
  padding-top: 1.4em;
  width: 600px;
}
.lc-fs-display-fragment em {
  font-style: inherit;
  font-weight: bold;
}
.ls-fs-cs-highlights {
  max-height: 4em;
  overflow-y: hidden;
  margin-top: 0;
  overflow-x: hidden;
}
h2.cs-phase-heading {
  margin-bottom: 2px;
}
h2.cs-phase-heading a {
  text-decoration: none;
}
.ls-fs-cs-metadata {
  color: #006621;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/***************************************************/
/* Bogsøgning */
.bs-textbox {
  margin-left: 10px;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-bs-search-div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 8px;
  }
  .ls-bs-textbox {
    margin-left: unset;
  }
}
/***************************************************/
ul.ls-skh-b-gantt-signature .ls-skh-v-empty {
  background-color: #cef087;
}
ul.ls-skh-b-gantt-signature .ls-skh-b-han {
  background-color: #cfe3fe;
}
ul.ls-skh-b-gantt-signature .ls-skh-b-hun {
  background-color: #ffdee9;
}
ul.ls-skh-b-gantt-signature .ls-skh-b-fe {
  background-color: #e46f61;
}
ul.ls-skh-b-gantt-signature .ls-skh-v-gs {
  background-color: #ffa000;
}
ul.ls-skh-b-gantt-signature .ls-skh-v-irrelevant {
  background-color: #f0f0f3;
}
ul.ls-skh-b-gantt-signature .ls-skh-v-g3 {
  background-color: #fbe570;
}
ul.ls-skh-b-gantt-signature .ls-skh-v-g4 {
  background-color: #339900;
}
/* ******************************************** */
/* Månedskalender	*/
/* ******************************************** */
.maanedskalender {
  margin-left: 0.75em;
  margin-right: 0.75em;
}
.maanedskalender .maanedskalender-tabel {
  table-layout: unset;
  width: 304px;
}
.maanedskalender .maanedskalender-tabel caption {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.166rem;
  line-height: 1.666rem;
  letter-spacing: 0.008rem;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .maanedskalender {
    padding-left: unset;
    padding-right: unset;
  }
  .maanedskalender .maanedskalender-tabel {
    table-layout: fixed;
    width: 100%;
  }
  .maanedskalender .maanedskalender-big-col {
    width: 40vw;
  }
  .maanedskalender .maanedskalender-med-col {
    width: 15vw;
  }
}
garlow[data-skh-p-info*="\"\]"] > gd:nth-child(1) {
  cursor: pointer;
}
.ui-dialog-copyclipboard {
  margin: 8px 0px 5px 8px;
  float: left;
}
/***************************************************/
/* TilskudTabelCtrl */
.TilskudTabelCtrl table {
  padding: 0.1px;
}
.TilskudTabelCtrl th {
  padding: 0;
  padding-right: 5px;
  text-align: left;
}
.TilskudTabelCtrl td {
  padding: 0;
  padding-right: 5px;
}
.TilskudTabelCtrl TR:hover TD {
  background-color: #f7f7f5;
}
.clu-completions > * {
  /*cursor: pointer;*/
}
.clu-current-completion {
  font-weight: bold;
}
.vejledning-content {
  margin-bottom: 1rem;
}
.vejledning-content li {
  border-bottom: solid 1px #c6c6c9;
  margin-bottom: 0.35em;
}
.vejledning-container {
  margin-bottom: 1em;
}
.vejledning-container li img {
  margin-left: 1.2em;
  width: 22rem;
  border: solid 1px #1a1c1e;
}
.adhs-modal {
  background-color: #F5F5F5;
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  padding: 33px 19px 32px 19px;
  margin: auto;
  margin-top: 56px;
  max-width: 400px;
  width: 83%;
  transition: opacity 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  line-height: normal;
}
.adhs-title {
  line-height: 1.2em;
  font-size: 27px;
  font-weight: 700;
  max-width: 330px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
}
.adhs-list {
  display: flex;
  flex-direction: column;
}
.adhs-list-item {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: flex-start;
  min-height: 50px;
  margin: 0px 0px 5px 0px;
}
.adhs-number-container {
  flex-direction: column;
  display: flex;
  margin: 0px 5px 0px 0px;
}
.adhs-logo {
  display: flex;
  justify-content: space-around;
}
.adhs-logo img {
  width: 16rem;
  height: 5rem;
}
.adhs-container {
  position: relative;
  display: none;
  margin: 0 auto;
}
.adhs-circle {
  font-size: 30px;
  height: 40px;
  width: 40px;
  border-radius: 100px;
  background-color: #979797;
}
.adhs-number {
  padding: 9px 0px 0px 15px;
  color: white;
  font-size: 20px;
  font-weight: 100;
}
.adhs-instruction {
  width: 100%;
  text-align: left;
  font-size: 20px;
  padding: 0px 0px 6px 9px;
  line-height: 27px;
}
.edge-add-btn {
  min-height: 100px;
}
.instruction-flex {
  display: flex;
  align-items: center;
}
.adhs-container.adhs-android.adhs-chrome .adhs-modal .adhs-list .adhs-add-to-homescreen-button {
  height: 40px;
  background: white;
  margin: 0px 5px -9px 5px;
  box-shadow: 1px 1px 2px gray;
  border-radius: 4px;
  padding: 0px 7px 0px 4px;
}
.adhs-container.adhs-android.adhs-chrome .adhs-modal .adhs-list .adhs-android-chrome-install-app {
  height: 40px;
  background: white;
  margin: 10px 5px -10px 5px;
  box-shadow: 1px 1px 2px gray;
  border-radius: 4px;
  padding: 0px;
}
.adhs-more-button,
.adhs-add-to-homescreen-button,
.adhs-install-app,
.adhs-your-app-icon {
  height: 40px;
  background: white;
  margin: 0px 5px -7px 5px;
  box-shadow: 1px 1px 2px gray;
  border-radius: 4px;
}
.adhs-container.adhs-android.adhs-chrome .adhs-modal .adhs-list .adhs-list-item .adhs-instruction {
  line-height: 34px;
}
.til-lectio-knap {
  bottom: 1em;
  position: absolute;
  right: 1em;
}
.qrKode-container {
  position: relative;
}
.qrKode-image {
  max-height: 300px;
  top: 0;
  left: 0;
}
.margin-left-3em {
  margin-left: 3em;
}
.ls-document-splitter-borderleft {
  border-left: 1px solid #d3dae0;
}
@media only screen and (max-width: 420px) {
  .vejledning-container li img {
    width: 20rem;
  }
  .ls-visual-guide-container > :nth-child(5),
  .ls-visual-guide-container > :nth-child(4) {
    display: none !important;
  }
  .lsm-no-border {
    border: none;
  }
  .ls-content .mobile-TextLeft {
    text-align: left;
  }
  .ls-content .mobile-flex-column {
    flex-direction: column;
    align-items: flex-start;
  }
  .mobile-unset-margin-left {
    margin-left: 0em;
  }
  .mobile-unset-margin-left table {
    margin-left: 0em;
  }
  .mobile-unset-margin-left div {
    margin-left: 0.8em;
  }
  .mobile-unset-line-height {
    line-height: normal;
  }
  th.vertical-text {
    white-space: normal;
    /* Allow text to wrap */
    writing-mode: vertical-lr;
    /* Set vertical writing mode */
    text-orientation: mixed;
  }
  .mobile-justify-content_flex-end {
    display: flex;
    justify-content: flex-end;
  }
}
.ls-visual-guide-container {
  padding: 1em;
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 1rem;
}
.ls-visual-guide-container .ls-visual-guide-content {
  min-height: 5.5rem;
  max-width: 10rem;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.ls-visual-guide-container .ls-visual-guide-content div {
  margin: 0.5em auto;
}
.ls-visual-guide-container .ls-visual-guide-content span.ls-visual-guide-content-fonticon::before {
  font-size: 4rem;
  margin-bottom: 1rem;
}
.ls-visual-guide-container .ls-visual-guide-content > :nth-child(2) {
  margin-bottom: 1rem;
}
.ls-grades-mobile-table {
  width: 100%;
}
.ls-grades-mobile-table TH,
.ls-grades-mobile-table TD {
  font-size: small;
  text-align: left;
}
/* Start Student photo ******************/
IMG.Photo {
  cursor: pointer;
  border: solid 1px #f5f5f5;
  top: 2px;
}
DIV.Photo {
  background-color: white;
  cursor: pointer;
  position: absolute;
  height: 240px;
  width: 180px;
  display: none;
  z-index: 2;
  border: solid 1px #f5f5f5;
  /*	padding: 10px;
	margin-top: 50px;*/
}
DIV.Photo:hover,
IMG.Photo:hover {
  opacity: 1;
}
DIV.Photo IMG {
  /* stor thumb billedramme */
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;
}
IMG.PhotoPrintHiRes {
  /* ved udskrift og valg af bedre billedkvalitet*/
  height: 96px;
  width: 72px;
}
.screenHideThumb_printShowThumb IMG.Photo {
  display: none;
}
/*photo thumb will not be shown on screen but it will be printed*/
.screenHide_printShow {
  display: none;
}
/* element is printed, but not shown on screen*/
/* Start Student photo ******************/
.ls-fotoupload-subtitle {
  border-top: 1px solid #72787e;
  padding: 0.5rem 0 1rem 0;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.166rem;
  line-height: 1.666rem;
  letter-spacing: 0.008rem;
}
.ls-fotoupload-img {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-fotoupload-img {
    width: 88dvw;
  }
}
.thumbViewerIcon {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  width: 3.33rem;
  height: 3.33rem;
  border-radius: 50%;
  line-height: 3.33rem;
  background-color: #d3e5f5;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
  text-align: center;
  box-sizing: border-box;
}
.thumbViewerIcon span {
  font-size: 2.5rem;
}
.thumbViewerIcon:hover {
  opacity: 0.92;
}
.ls-fotoupload-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* Space out elements dynamically */
  align-items: stretch;
  /* Center align horizontally */
  height: 70vh;
  /* Full viewport height */
}
.ls-tilskudtabelmaaned-div {
  overflow-x: auto;
  max-width: 84em;
}
.ls-tilskudtabelmaaned-div table > tbody > tr td:first-child {
  white-space: nowrap;
}
.ls-tilskudtabelmaaned-div table > tbody > tr td:not(:first-child) {
  text-align: right;
}
.ls-tilskudtabelmaaned-div table > tbody > tr th {
  text-align: center;
}
.ls-tilskudtabelmaaned-div table > tbody > tr th.noRecord {
  font-weight: unset;
}
.file-lectio-less-end {
  color: blue;
}

.file-master-less {
  color: blue;
}
article,
section,
aside,
hgroup,
nav,
header,
footer,
figure,
figcaption,
main {
  display: block;
}
:root {
  --LectioJSUtils_Mobil: Desktop;
}
html {
  font-size: 75%;
}
BODY {
  /*.surface;*/
  background-color: #f9f9fc;
  height: 100%;
  text-align: center;
  margin: 0em;
  margin-left: auto;
  margin-right: auto;
  padding: 0em;
  font-family: 'helvetica neue', helvetica, arial, sans-serif;
  font-weight: normal;
  -webkit-text-size-adjust: none;
  /* Markering dette er ikke en driftsskole*/
}
BODY.ikke-driftsskole-style {
  /*  mobilvisning */
}
BODY.ikke-driftsskole-style .ls-master-header-institution-name {
  color: #a80710;
}
BODY.ikke-driftsskole-style .ls-meremenu-institution {
  color: #a80710;
}
FORM {
  text-align: left;
}
TABLE {
  border-collapse: collapse;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  TABLE {
    table-layout: fixed;
  }
}
IMG {
  border: none;
}
INPUT,
OPTION,
SELECT,
BUTTON,
TEXTAREA {
  font-size: 1em;
  /*font-family: helvetica, arial, sans-serif;*/
  font-family: Roboto, 'helvetica neue', helvetica, arial, sans-serif;
  font-weight: normal;
  box-sizing: border-box;
}
.input-base-style {
  background-color: #ffffff;
  box-sizing: border-box;
  padding-top: 0.083em;
  padding-right: 0.25em;
  padding-bottom: 0.083em;
  padding-left: 0.25em;
  min-height: 1.75em;
  cursor: text;
  outline: none;
}
.input-disabled-style {
  background-color: #f0f0f3;
  border-color: #c6c6c9;
  color: #75777a;
  cursor: default;
  outline: none;
}
.input-dropdown-button {
  background: white url("/lectio/img/chevron_down_dark.auto") no-repeat top right;
  background-size: 1.33em;
}
.input-dropdown-button:focus,
.input-dropdown-button:hover {
  background: white url("/lectio/img/chevron_down_blue.auto") no-repeat top right;
  background-size: 1.33em;
  cursor: pointer;
}
.input-dropdown-button[disabled],
.input-dropdown-button[disabled]:hover {
  background: #f0f0f3 url("/lectio/img/chevron_down.auto") no-repeat top right;
  background-size: 1.33em;
}
input[type="radio"] {
  box-sizing: border-box;
  cursor: pointer;
  vertical-align: middle;
  width: 1.16em;
  height: 1.16em;
  margin: 0.22em;
}
input[type="radio"]:focus {
  outline-style: solid;
  outline-color: #1f76ea;
  outline-width: thin;
}
input[type="checkbox"] {
  -webkit-appearance: none;
  cursor: pointer;
  box-sizing: border-box;
  width: 1.16em;
  height: 1.16em;
  vertical-align: middle;
  border-radius: 0.16em;
  border: 1px solid #aaabae;
  margin: 0.22em;
  outline: none;
  background-color: #fff;
  padding-top: 0;
}
input[type="checkbox"]:checked:before {
  font-weight: bold;
  color: #1a1c1e;
  content: '\2713';
  -webkit-margin-start: 0;
  margin-left: 0.3em;
  font-size: 0.8em;
  top: -0.08em;
  position: relative;
}
input[type="checkbox"]::-ms-check {
  color: #1a1c1e;
  border-color: #aaabae;
  border-radius: 0.16em;
  padding: 0.08em;
  box-sizing: border-box;
  vertical-align: middle;
}
input[type="checkbox"][disabled="disabled"] {
  background-color: #f0f0f3;
  border-color: #c6c6c9;
  color: #75777a;
  cursor: default;
  outline: none;
}
[type="checkbox"] + LABEL:hover {
  cursor: pointer;
}
[type="checkbox"] + LABEL:hover {
  cursor: pointer;
}
INPUT[type="checkbox"][disabled="disabled"] + LABEL:hover {
  cursor: default;
}
INPUT[type="radio"] + LABEL {
  vertical-align: middle;
  min-height: 1.75em;
}
INPUT[type="radio"] + LABEL:hover {
  cursor: pointer;
}
INPUT[type="radio"][disabled="disabled"] {
  background-color: #f0f0f3;
  border-color: #c6c6c9;
  color: #75777a;
  cursor: default;
  outline: none;
}
INPUT[type="radio"][disabled="disabled"] + LABEL:hover {
  cursor: default;
}
input[type="text"],
input[type="tel"],
input[type="password"] {
  background-color: #ffffff;
  box-sizing: border-box;
  padding-top: 0.083em;
  padding-right: 0.25em;
  padding-bottom: 0.083em;
  padding-left: 0.25em;
  min-height: 1.75em;
  cursor: text;
  outline: none;
  height: 1.75em;
  margin-right: 0.16em;
}
textarea {
  background-color: #ffffff;
  box-sizing: border-box;
  padding-top: 0.083em;
  padding-right: 0.25em;
  padding-bottom: 0.083em;
  padding-left: 0.25em;
  min-height: 1.75em;
  cursor: text;
  outline: none;
}
.select-base-style {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #ffffff;
  box-sizing: border-box;
  padding-top: 0.083em;
  padding-right: 0.25em;
  padding-bottom: 0.083em;
  padding-left: 0.25em;
  min-height: 1.75em;
  cursor: text;
  outline: none;
  background-image: none;
  cursor: pointer;
  overflow: auto;
}
.select-base-style::-ms-expand {
  display: none;
}
.select-base-style:hover {
  cursor: pointer;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #ffffff;
  box-sizing: border-box;
  padding-top: 0.083em;
  padding-right: 0.25em;
  padding-bottom: 0.083em;
  padding-left: 0.25em;
  min-height: 1.75em;
  cursor: text;
  outline: none;
  background-image: none;
  cursor: pointer;
  overflow: auto;
  background: white url("/lectio/img/chevron_down_dark.auto") no-repeat top right;
  background-size: 1.33em;
  padding-right: 1.5em;
}
select::-ms-expand {
  display: none;
}
select:hover {
  cursor: pointer;
}
select:focus,
select:hover {
  background: white url("/lectio/img/chevron_down_blue.auto") no-repeat top right;
  background-size: 1.33em;
  cursor: pointer;
}
select[disabled],
select[disabled]:hover {
  background: #f0f0f3 url("/lectio/img/chevron_down.auto") no-repeat top right;
  background-size: 1.33em;
}
select[size],
select[multiple] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #ffffff;
  box-sizing: border-box;
  padding-top: 0.083em;
  padding-right: 0.25em;
  padding-bottom: 0.083em;
  padding-left: 0.25em;
  min-height: 1.75em;
  cursor: text;
  outline: none;
  background-image: none;
  cursor: pointer;
  overflow: auto;
}
select[size]::-ms-expand,
select[multiple]::-ms-expand {
  display: none;
}
select[size]:hover,
select[multiple]:hover {
  cursor: pointer;
}
option {
  background-color: #ffffff;
  box-sizing: border-box;
  padding-top: 0.083em;
  padding-right: 0.25em;
  padding-bottom: 0.083em;
  padding-left: 0.25em;
  min-height: 1.75em;
  cursor: text;
  outline: none;
  cursor: pointer;
}
option:hover {
  cursor: pointer;
}
textarea,
INPUT[Type="Text"],
input[type="tel"],
INPUT[Type="Password"],
INPUT[Type="checkbox"],
select {
  border: 1px solid #c1c7ce;
  border-radius: 0.25em;
}
textarea:focus,
INPUT[Type="Text"]:focus,
input[type="tel"]:focus,
INPUT[Type="Password"]:focus,
INPUT[Type="checkbox"]:focus,
select:focus,
textarea:hover,
INPUT[Type="Text"]:hover,
input[type="tel"]:hover,
INPUT[Type="Password"]:hover,
INPUT[Type="checkbox"]:hover,
select:hover {
  border-color: #1f76ea;
}
textarea:focus::-ms-check,
INPUT[Type="Text"]:focus::-ms-check,
input[type="tel"]:focus::-ms-check,
INPUT[Type="Password"]:focus::-ms-check,
INPUT[Type="checkbox"]:focus::-ms-check,
select:focus::-ms-check,
textarea:hover::-ms-check,
INPUT[Type="Text"]:hover::-ms-check,
input[type="tel"]:hover::-ms-check,
INPUT[Type="Password"]:hover::-ms-check,
INPUT[Type="checkbox"]:hover::-ms-check,
select:hover::-ms-check {
  border-color: #1f76ea;
}
textarea[disabled],
INPUT[Type="Text"][disabled],
input[type="tel"][disabled],
INPUT[Type="Password"][disabled],
INPUT[Type="checkbox"][disabled],
select[disabled],
textarea[disabled]:hover,
INPUT[Type="Text"][disabled]:hover,
input[type="tel"][disabled]:hover,
INPUT[Type="Password"][disabled]:hover,
INPUT[Type="checkbox"][disabled]:hover,
select[disabled]:hover,
textarea[disabled]:focus,
INPUT[Type="Text"][disabled]:focus,
input[type="tel"][disabled]:focus,
INPUT[Type="Password"][disabled]:focus,
INPUT[Type="checkbox"][disabled]:focus,
select[disabled]:focus {
  background-color: #f0f0f3;
  border-color: #c6c6c9;
  color: #75777a;
  cursor: default;
  outline: none;
}
textarea[disabled]::-ms-check,
INPUT[Type="Text"][disabled]::-ms-check,
input[type="tel"][disabled]::-ms-check,
INPUT[Type="Password"][disabled]::-ms-check,
INPUT[Type="checkbox"][disabled]::-ms-check,
select[disabled]::-ms-check,
textarea[disabled]:hover::-ms-check,
INPUT[Type="Text"][disabled]:hover::-ms-check,
input[type="tel"][disabled]:hover::-ms-check,
INPUT[Type="Password"][disabled]:hover::-ms-check,
INPUT[Type="checkbox"][disabled]:hover::-ms-check,
select[disabled]:hover::-ms-check,
textarea[disabled]:focus::-ms-check,
INPUT[Type="Text"][disabled]:focus::-ms-check,
input[type="tel"][disabled]:focus::-ms-check,
INPUT[Type="Password"][disabled]:focus::-ms-check,
INPUT[Type="checkbox"][disabled]:focus::-ms-check,
select[disabled]:focus::-ms-check {
  background-color: #f0f0f3;
  border-color: #c6c6c9;
  color: #75777a;
  cursor: default;
  outline: none;
}
TEXTAREA[lectio-behavior~="autoresize"] {
  overflow-y: auto;
  overflow-x: hidden;
}
/* Dato-/ugevælger*/
.ls-datepicker {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.ls-datepickerbox {
  background: white url("/lectio/img/chevron_down_dark.auto") no-repeat top right;
  background-size: 1.33em;
  padding-right: 1em;
  width: 14em;
}
.ls-datepickerbox:focus,
.ls-datepickerbox:hover {
  background: white url("/lectio/img/chevron_down_blue.auto") no-repeat top right;
  background-size: 1.33em;
  cursor: pointer;
}
.ls-datepickerbox[disabled],
.ls-datepickerbox[disabled]:hover {
  background: #f0f0f3 url("/lectio/img/chevron_down.auto") no-repeat top right;
  background-size: 1.33em;
}
/*** DateTimeControlButton  *******************************************************/
.datecontrolouterspan {
  display: inline-flex;
}
.ls-datetime-button {
  background: white url("/lectio/img/chevron_down_dark.auto") no-repeat center center;
  box-sizing: border-box;
  display: inline-block;
  width: 1.75em;
  height: 1.75em;
  vertical-align: middle;
  border-radius: 0.25em;
  border: solid 1px #c1c7ce;
  padding: 1px;
}
.ls-datetime-button:hover {
  background: white url("/lectio/img/chevron_down_blue.auto") no-repeat center center;
  cursor: pointer;
  border: solid 1px #1f76ea;
}
.ls-datetime-button[disabled],
.ls-datetime-button[disabled]:hover {
  background: #f0f0f3 url("/lectio/img/chevron_down.auto") no-repeat center center;
  border-color: #c6c6c9;
  cursor: default;
}
INPUT[disabled].datebox {
  background-color: Transparent;
  color: Black;
  border-style: none;
  border: none;
  width: auto;
}
.ls-listbox {
  overscroll-behavior: contain;
}
.ls-listbox,
.ls-timebox,
.ls-masterviewbox {
  background-color: #ffffff;
  box-sizing: border-box;
  padding-top: 0.083em;
  padding-right: 0.25em;
  padding-bottom: 0.083em;
  padding-left: 0.25em;
  min-height: 1.75em;
  cursor: text;
  outline: none;
  overflow: auto;
}
.ls-listbox option,
.ls-timebox option,
.ls-masterviewbox option {
  background-color: #ffffff;
  box-sizing: border-box;
  padding-top: 0.083em;
  padding-right: 0.25em;
  padding-bottom: 0.083em;
  padding-left: 0.25em;
  min-height: 1.75em;
  cursor: text;
  outline: none;
  cursor: pointer;
}
.ls-listbox option:checked,
.ls-timebox option:checked,
.ls-masterviewbox option:checked,
.ls-listbox option:hover,
.ls-timebox option:hover,
.ls-masterviewbox option:hover {
  background-color: #0076d6;
  color: white;
  cursor: pointer;
}
.ls-masterviewbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #ffffff;
  box-sizing: border-box;
  padding-top: 0.083em;
  padding-right: 0.25em;
  padding-bottom: 0.083em;
  padding-left: 0.25em;
  min-height: 1.75em;
  cursor: text;
  outline: none;
  background-image: none;
  cursor: pointer;
  overflow: auto;
  border: none;
}
.ls-masterviewbox::-ms-expand {
  display: none;
}
.ls-masterviewbox:hover {
  cursor: pointer;
}
.ls-masterviewbox:focus {
  border: none;
  background-color: white;
  outline-style: solid;
  outline-color: #1f76ea;
  outline-width: thin;
}
.ls-masterviewbox option {
  background-color: transparent;
  font-size: 1.1em;
  padding: 0.3em;
  margin: 0.3em;
}
/* ************************************************** */
/* MASTER ************************************************ */
/* ************************************************** */
.ls-master-header {
  background-color: #dae4e9;
  background-image: url('/lectio/img/gradheader.png');
  background-position: left top;
  background-repeat: repeat-x;
  margin: 0;
  overflow: hidden;
  padding: 0.3em;
  height: 4em;
  display: flex;
  justify-content: space-between;
}
.ls-master-container1 {
  /*.surface;*/
  background-color: #f9f9fc;
  text-align: left;
  padding: 0;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.ls-master-container2 {
  display: table-cell;
}
.ls-master-container2 .ls-master-header-institution {
  font-family: Verdana;
  font-weight: bold;
  color: #475968;
  font-size: 0.9em;
  padding: 0.4em 0.4em 0.4em 0.4em;
  overflow: hidden;
  word-break: break-all;
  white-space: normal;
  display: block;
  background: transparent;
}
.ls-master-container2 a.ls-master-header-logo,
.ls-master-container2 a.ls-master-header-logo:hover,
.ls-master-container2 a.ls-master-header-logo:focus {
  background-image: url('/lectio/img/logo.auto?DummyID=1');
  background-position: right top;
  background-repeat: no-repeat;
  cursor: pointer;
  background-color: transparent;
  width: 7rem;
  height: 2rem;
  display: block;
  outline: none;
  border: none;
}
.outerContentFrame {
  min-height: 80vh;
  vertical-align: top;
}
.ls-master-pageheader {
  margin-bottom: 1em;
  display: table;
}
.ls-master-pageheader .thumber {
  display: table-cell;
  vertical-align: top;
  white-space: normal;
}
.ls-master-pageheader .thumber IMG {
  margin-right: 0.6em;
  margin-bottom: 0.4em;
  width: 36px;
  height: 48px;
}
.ls-master-pageheader .thumber .ls-identity-container {
  display: block;
  vertical-align: top;
  white-space: normal;
}
.ls-master-pageheader .ls-subnav-container {
  display: block;
  vertical-align: top;
  white-space: normal;
  margin-bottom: 0.5em;
}
.ls-content {
  display: table-cell;
  padding: 0.4em 0.5em 0 0.5em;
}
.ls-master-pageheader {
  padding: 0.4em 0.5em 0 0.5em;
}
.maintitle {
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 0.2em;
  color: #475968;
  text-decoration: none;
  vertical-align: text-top;
}
.ls-master-footer {
  border-top: solid 1px #d3dae0;
  padding-top: 0.25em;
  color: #475968;
  font-size: 0.9em;
  margin-top: 3em;
  margin-bottom: 4.3em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
/*target screen < 1280 px */
.ls-master-container1,
.ls-master-container2 {
  width: 100%;
}
/*target screen > 1280px */
@media only screen and (min-width: 1281px) {
  body.masterbody {
    overflow-y: scroll;
  }
  .ls-master-container1,
  .ls-master-container2 {
    width: 1280px;
  }
}
.ls-hidden-bigscreen {
  display: none;
}
/****************************************************************************************/
/* Mobile-device (portrait+landscape) */
.ls-mobile {
  /*#endregion */
}
.ls-mobile html {
  font-size: 100%;
}
.ls-mobile menutemplate .ls-std-rowblock {
  font-size: 85%;
}
.ls-mobile body.masterbody {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  overflow: hidden;
}
.ls-mobile .ls-master-container2 .outerContentFrame .ls-master-pageheader {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  grid-template-rows: 1fr auto;
  grid-row-gap: 0.2em;
  grid-template-areas: 'headleft pic head headfunc' 'sub sub sub sub';
  grid-area: header;
  transition: background-color 0.4s ease-in-out;
}
.ls-mobile .ls-master-container2 .outerContentFrame .ls-master-pageheader .thumber {
  grid-area: pic;
}
.ls-mobile .ls-master-container2 .outerContentFrame .ls-master-pageheader .ls-identity-container {
  grid-area: head;
}
.ls-mobile .ls-master-container2 .outerContentFrame .ls-master-pageheader .ls-subnav-container {
  grid-area: sub;
  overflow-x: scroll;
  margin-bottom: 0;
}
.ls-mobile .ls-master-container2 .outerContentFrame .ls-master-pageheader .ls-subnav-container .ls-subnav1,
.ls-mobile .ls-master-container2 .outerContentFrame .ls-master-pageheader .ls-subnav-container .ls-subnav2 {
  padding-bottom: 0.5em;
  white-space: nowrap;
  margin-bottom: 0em;
}
.ls-mobile .ls-mobile-scrolling {
  background-color: #f6f9ff;
  transition: background-color 0.4s ease-in-out;
}
.ls-mobile .ls-hidden-bigscreen {
  display: initial;
}
.ls-mobile .ls-hidden-smallscreen,
.ls-mobile .ls-hidden-smallscreen[class~="ls-hidden-smallscreen"] {
  display: none !important;
}
.ls-mobile .ls-master-container1 .ls-master-container2 .outerContentFrame {
  padding: 0;
  margin: 0;
}
.ls-mobile .ls-master-container2 .outerContentFrame .ls-master-pageheader {
  margin-bottom: 0;
  padding: 0.25rem 0.5rem;
  box-sizing: border-box;
}
.ls-mobile .ls-master-container2 .outerContentFrame .ls-master-pageheader .header-function-buttons a:focus {
  outline: none;
}
.ls-mobile .ui-dialog {
  max-width: calc(100dvw - 2rem) !important;
  max-height: 50dvh !important;
}
.ls-mobile .ui-dialog .ui-dialog-content {
  max-height: 40dvh !important;
  overflow: auto;
}
.ls-mobile .header-left-button {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  grid-area: headleft;
  align-self: center;
  padding-right: 0.35rem;
}
.ls-mobile .header-left-button .ls-fonticon {
  font-size: 32px;
  border-radius: 1rem;
}
.ls-mobile .header-function-buttons {
  display: table-cell;
  vertical-align: top;
  text-align: right;
  grid-area: headfunc;
  align-self: center;
}
.ls-mobile .header-function-buttons .ls-fonticon {
  font-size: 32px;
  padding-left: 4px;
  border-radius: 1rem;
}
.ls-mobile .ls-mobil-menu {
  background-color: #fcfcff;
  z-index: 12;
  bottom: 0dvh;
  left: 0dvw;
  right: 0dvw;
  will-change: transform;
  transform: translateZ(0);
  box-sizing: border-box;
  display: flex;
}
.ls-mobile .ls-mobil-menu .ls-mobil-menu-button a[href] {
  outline: none;
  border: none;
  width: 4rem;
  position: relative;
}
.ls-mobile .ls-mobil-menu .ls-mobil-menu-button a[href]:link,
.ls-mobile .ls-mobil-menu .ls-mobil-menu-button a[href]:visited,
.ls-mobile .ls-mobil-menu .ls-mobil-menu-button a[href]:hover,
.ls-mobile .ls-mobil-menu .ls-mobil-menu-button a[href]:focus,
.ls-mobile .ls-mobil-menu .ls-mobil-menu-button a[href]:active {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  font-size: 0.916rem;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  outline: none;
  border: none;
  color: #1a1c1e;
}
.ls-mobile .ls-mobil-menu .ls-mobil-menu-button a[href]:link .ls-fonticon,
.ls-mobile .ls-mobil-menu .ls-mobil-menu-button a[href]:visited .ls-fonticon,
.ls-mobile .ls-mobil-menu .ls-mobil-menu-button a[href]:hover .ls-fonticon,
.ls-mobile .ls-mobil-menu .ls-mobil-menu-button a[href]:focus .ls-fonticon,
.ls-mobile .ls-mobil-menu .ls-mobil-menu-button a[href]:active .ls-fonticon {
  font-size: 1.6rem;
  padding: 0.1rem 0.2rem;
  width: 75%;
  text-align: center;
}
.ls-mobile .ls-mobil-menu .ls-mobil-menu-button a[href][current-page] {
  font-weight: 700;
  /*Markerer den current page i mobil menuen*/
  color: #1a1c1e;
}
.ls-mobile .ls-mobil-menu .ls-mobil-menu-button a[href][current-page] .ls-fonticon {
  background-color: #d0e6f3;
  /*Secondary container --md-ref-palette-secondary90:*/
  color: #0c1d29;
  /* on Secondary container --md-ref-palette-secondary10*/
  border-radius: 1rem;
  font-variation-settings: 'FILL' 1;
  font-weight: 300;
}
.ls-mobile .ls-mobil-menu .ls-mobil-menu-button a[href]:active,
.ls-mobile .ls-mobil-menu .ls-mobil-menu-button a[href]:focus {
  font-weight: 500;
}
.ls-mobile .ls-mobil-menu .ls-mobil-menu-button a[href]:active .ls-fonticon,
.ls-mobile .ls-mobil-menu .ls-mobil-menu-button a[href]:focus .ls-fonticon {
  background-color: #d3e5f5;
  color: #0c1d29;
  border-radius: 1rem;
  font-variation-settings: 'FILL' 1;
  font-weight: 300;
}
.ls-mobile .ls-hidden-smallscreen,
.ls-mobile .ls-hidden-smallscreen[class~="ls-hidden-smallscreen"] {
  display: none;
}
.ls-mobile .maintitle {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.833rem;
  line-height: 2.333rem;
  letter-spacing: 0;
  color: #1a1c1e;
  vertical-align: text-top;
  text-decoration: none;
  margin: unset;
}
.ls-mobile .modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 13;
  /* Sit on top */
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: #000000;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.3);
  /* Black w/ opacity */
}
.ls-mobile .ls-mobil-mere-sheet-menu {
  display: initial;
  background-color: #fcfcff;
  border-top: solid 1px #c1c7ce;
  display: flex;
  flex-direction: column;
  z-index: 13;
  position: fixed;
  top: 100dvh;
  bottom: 0dvh;
  will-change: transform;
  box-sizing: border-box;
  width: 100dvw;
  overflow: hidden;
  padding: 3% 3.5%;
  padding-bottom: 1rem;
  transform-origin: 0% 0%;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  border-radius: 1.666rem 1.666rem 0 0;
  /* Curved corners only at the top */
  max-height: 60vh;
  min-height: 12vh;
  height: calc(60vh / 10 * var(--TotalMobilMereLinks) + 6vh);
}
.ls-mobile .ls-mobil-mere-sheet-menu .meremenu-headline-container {
  font-size: unset;
  line-height: unset;
  background-color: #fcfcff;
  border-bottom: solid 1px #c1c7ce;
  /* outline-variant-light */
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-bottom: 0.416rem;
  padding-bottom: 0.333rem;
  padding-top: 0.111rem;
  align-items: center;
  height: 10%;
}
.ls-mobile .ls-mobil-mere-sheet-menu .meremenu-headline-container .ls-meremenu-institution {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.166rem;
  line-height: 1.666rem;
  letter-spacing: 0.008rem;
  white-space: nowrap;
  overflow-x: auto;
}
.ls-mobile .ls-mobil-mere-sheet-menu .meremenu-headline-container .ls-meremenu-settings-link {
  margin: auto 0.3rem;
}
.ls-mobile .ls-mobil-mere-sheet-menu .meremenu-headline-container .ls-meremenu-settings-link a[href] {
  color: #1a1c1e;
  display: flex !important;
  align-items: center;
}
.ls-mobile .ls-mobil-mere-sheet-menu .meremenu-headline-container .ls-meremenu-settings-link a[href] .ls-fonticon {
  font-size: 1.6rem;
}
.ls-mobile .show-mere-sheet-menu {
  transform: translateY(-100%);
}
.ls-mobile .show-modal {
  display: block;
}
.ls-mobile nav.ls-std-rowblock {
  display: none;
}
.ls-mobile .ls-mobil-col {
  display: flex;
  flex-direction: column;
}
.ls-mobile .mobile-page-drawer {
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  /*overflow: auto;*/
  border-radius: 0.5rem;
  padding: 0.875rem;
  padding-left: 1.333rem;
  padding-right: 1.333rem;
  box-shadow: none;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: -85vw;
  min-width: 85vw !important;
  max-width: 85vw !important;
  height: 100vh !important;
  padding: 20px;
  overflow: auto !important;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  z-index: 13;
}
.ls-mobile .mobile-page-drawer .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
.ls-mobile .mobile-page-drawer .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
  border-bottom: solid 1px #fff;
  background-color: #fff;
}
.ls-mobile .mobile-page-drawer div[role=heading] > span:first-of-type {
  color: #1a1c1e;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.ls-mobile .show-mobile-page-drawer {
  transform: translateX(85vw);
}
/****************************************************************************************/
/* Mobile-device-portrait */
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  html {
    font-size: 100%;
  }
  menutemplate .ls-std-rowblock {
    font-size: 85%;
  }
  body.masterbody {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.033rem;
    line-height: 1.333rem;
    overflow: hidden;
  }
  .ls-master-container2 .outerContentFrame .ls-master-pageheader {
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    grid-template-rows: 1fr auto;
    grid-row-gap: 0.2em;
    grid-template-areas: 'headleft pic head headfunc' 'sub sub sub sub';
    grid-area: header;
    transition: background-color 0.4s ease-in-out;
  }
  .ls-master-container2 .outerContentFrame .ls-master-pageheader .thumber {
    grid-area: pic;
  }
  .ls-master-container2 .outerContentFrame .ls-master-pageheader .ls-identity-container {
    grid-area: head;
  }
  .ls-master-container2 .outerContentFrame .ls-master-pageheader .ls-subnav-container {
    grid-area: sub;
    overflow-x: scroll;
    margin-bottom: 0;
  }
  .ls-master-container2 .outerContentFrame .ls-master-pageheader .ls-subnav-container .ls-subnav1,
  .ls-master-container2 .outerContentFrame .ls-master-pageheader .ls-subnav-container .ls-subnav2 {
    padding-bottom: 0.5em;
    white-space: nowrap;
    margin-bottom: 0em;
  }
  .ls-mobile-scrolling {
    background-color: #f6f9ff;
    transition: background-color 0.4s ease-in-out;
  }
  .ls-hidden-bigscreen {
    display: initial;
  }
  .ls-hidden-smallscreen,
  .ls-hidden-smallscreen[class~="ls-hidden-smallscreen"] {
    display: none !important;
  }
  .ls-master-container1 .ls-master-container2 .outerContentFrame {
    padding: 0;
    margin: 0;
  }
  .ls-master-container2 .outerContentFrame .ls-master-pageheader {
    margin-bottom: 0;
    padding: 0.25rem 0.5rem;
    box-sizing: border-box;
  }
  .ls-master-container2 .outerContentFrame .ls-master-pageheader .header-function-buttons a:focus {
    outline: none;
  }
  .ui-dialog {
    max-width: calc(100dvw - 2rem) !important;
    max-height: 50dvh !important;
  }
  .ui-dialog .ui-dialog-content {
    max-height: 40dvh !important;
    overflow: auto;
  }
  .header-left-button {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    grid-area: headleft;
    align-self: center;
    padding-right: 0.35rem;
  }
  .header-left-button .ls-fonticon {
    font-size: 32px;
    border-radius: 1rem;
  }
  .header-function-buttons {
    display: table-cell;
    vertical-align: top;
    text-align: right;
    grid-area: headfunc;
    align-self: center;
  }
  .header-function-buttons .ls-fonticon {
    font-size: 32px;
    padding-left: 4px;
    border-radius: 1rem;
  }
  .ls-mobil-menu {
    background-color: #fcfcff;
    z-index: 12;
    bottom: 0dvh;
    left: 0dvw;
    right: 0dvw;
    will-change: transform;
    transform: translateZ(0);
    box-sizing: border-box;
    display: flex;
  }
  .ls-mobil-menu .ls-mobil-menu-button a[href] {
    outline: none;
    border: none;
    width: 4rem;
    position: relative;
  }
  .ls-mobil-menu .ls-mobil-menu-button a[href]:link,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:visited,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:hover,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:focus,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:active {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 1.333rem;
    letter-spacing: 0.042rem;
    font-size: 0.916rem;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    color: #1a1c1e;
  }
  .ls-mobil-menu .ls-mobil-menu-button a[href]:link .ls-fonticon,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:visited .ls-fonticon,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:hover .ls-fonticon,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:focus .ls-fonticon,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:active .ls-fonticon {
    font-size: 1.6rem;
    padding: 0.1rem 0.2rem;
    width: 75%;
    text-align: center;
  }
  .ls-mobil-menu .ls-mobil-menu-button a[href][current-page] {
    font-weight: 700;
    /*Markerer den current page i mobil menuen*/
    color: #1a1c1e;
  }
  .ls-mobil-menu .ls-mobil-menu-button a[href][current-page] .ls-fonticon {
    background-color: #d0e6f3;
    /*Secondary container --md-ref-palette-secondary90:*/
    color: #0c1d29;
    /* on Secondary container --md-ref-palette-secondary10*/
    border-radius: 1rem;
    font-variation-settings: 'FILL' 1;
    font-weight: 300;
  }
  .ls-mobil-menu .ls-mobil-menu-button a[href]:active,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:focus {
    font-weight: 500;
  }
  .ls-mobil-menu .ls-mobil-menu-button a[href]:active .ls-fonticon,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:focus .ls-fonticon {
    background-color: #d3e5f5;
    color: #0c1d29;
    border-radius: 1rem;
    font-variation-settings: 'FILL' 1;
    font-weight: 300;
  }
  .ls-hidden-smallscreen,
  .ls-hidden-smallscreen[class~="ls-hidden-smallscreen"] {
    display: none;
  }
  .maintitle {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 1.833rem;
    line-height: 2.333rem;
    letter-spacing: 0;
    color: #1a1c1e;
    vertical-align: text-top;
    text-decoration: none;
    margin: unset;
  }
  .modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 13;
    /* Sit on top */
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: #000000;
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.3);
    /* Black w/ opacity */
  }
  .ls-mobil-mere-sheet-menu {
    display: initial;
    background-color: #fcfcff;
    border-top: solid 1px #c1c7ce;
    display: flex;
    flex-direction: column;
    z-index: 13;
    position: fixed;
    top: 100dvh;
    bottom: 0dvh;
    will-change: transform;
    box-sizing: border-box;
    width: 100dvw;
    overflow: hidden;
    padding: 3% 3.5%;
    padding-bottom: 1rem;
    transform-origin: 0% 0%;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    border-radius: 1.666rem 1.666rem 0 0;
    /* Curved corners only at the top */
    max-height: 60vh;
    min-height: 12vh;
    height: calc(60vh / 10 * var(--TotalMobilMereLinks) + 6vh);
  }
  .ls-mobil-mere-sheet-menu .meremenu-headline-container {
    font-size: unset;
    line-height: unset;
    background-color: #fcfcff;
    border-bottom: solid 1px #c1c7ce;
    /* outline-variant-light */
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-bottom: 0.416rem;
    padding-bottom: 0.333rem;
    padding-top: 0.111rem;
    align-items: center;
    height: 10%;
  }
  .ls-mobil-mere-sheet-menu .meremenu-headline-container .ls-meremenu-institution {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.166rem;
    line-height: 1.666rem;
    letter-spacing: 0.008rem;
    white-space: nowrap;
    overflow-x: auto;
  }
  .ls-mobil-mere-sheet-menu .meremenu-headline-container .ls-meremenu-settings-link {
    margin: auto 0.3rem;
  }
  .ls-mobil-mere-sheet-menu .meremenu-headline-container .ls-meremenu-settings-link a[href] {
    color: #1a1c1e;
    display: flex !important;
    align-items: center;
  }
  .ls-mobil-mere-sheet-menu .meremenu-headline-container .ls-meremenu-settings-link a[href] .ls-fonticon {
    font-size: 1.6rem;
  }
  .show-mere-sheet-menu {
    transform: translateY(-100%);
  }
  .show-modal {
    display: block;
  }
  nav.ls-std-rowblock {
    display: none;
  }
  .ls-mobil-col {
    display: flex;
    flex-direction: column;
  }
  /*#endregion */
  .mobile-page-drawer {
    border-color: #c1c7ce;
    border-style: solid;
    border-width: 1px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.033rem;
    line-height: 1.333rem;
    box-sizing: border-box;
    /*overflow: auto;*/
    border-radius: 0.5rem;
    padding: 0.875rem;
    padding-left: 1.333rem;
    padding-right: 1.333rem;
    box-shadow: none;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: -85vw;
    min-width: 85vw !important;
    max-width: 85vw !important;
    height: 100vh !important;
    padding: 20px;
    overflow: auto !important;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    z-index: 13;
  }
  .mobile-page-drawer .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
  .mobile-page-drawer .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
    border-bottom: solid 1px #fff;
    background-color: #fff;
  }
  .mobile-page-drawer div[role=heading] > span:first-of-type {
    color: #1a1c1e;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.333rem;
    line-height: 2rem;
    letter-spacing: 0.0125rem;
    margin-top: 0;
    margin-bottom: 0;
  }
  .show-mobile-page-drawer {
    transform: translateX(85vw);
  }
  :root {
    --LectioJSUtils_Mobil: Portrait;
  }
  .ls-mobil-menu {
    flex-direction: row;
    align-items: center;
    height: max(7svh, 4rem);
    justify-content: space-between;
    width: 100dvw;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    border-top: solid 1px #c1c7ce;
  }
  /* Fixed block Footer and header ************************/
  .ls-content-container {
    background-color: #fcfcff;
    height: 100dvh;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: 'header' 'main' 'nav';
  }
  .ls-content-container .ls-master-pageheader {
    grid-area: header;
  }
  .ls-content-container .ls-content {
    grid-area: main;
    overflow: auto;
  }
  .ls-content-container .ls-mobil-footer {
    grid-area: nav;
  }
  div#fixedBlock,
  div.fixedBlock,
  div.fixedBlockMobileOnly {
    bottom: max(7svh, 4rem);
    width: 98dvw;
    /*left: 2dvw;*/
    z-index: 10;
  }
  .ls-hidden-smallscreen-portrait {
    display: none;
  }
}
/* test *************************/
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  div.fixedBlockMobilePortraitOnly {
    position: fixed;
    bottom: calc(max(7svh, 4rem) + 10px);
    width: 96dvw;
    z-index: 10;
  }
}
/* End Mobile devices portrait orientation ***********************************************/
/****************************************************************************************/
/****************************************************************************************/
/* Mobile-device-Landscape ***********************************************/
@media only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  html {
    font-size: 100%;
  }
  menutemplate .ls-std-rowblock {
    font-size: 85%;
  }
  body.masterbody {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.033rem;
    line-height: 1.333rem;
    overflow: hidden;
  }
  .ls-master-container2 .outerContentFrame .ls-master-pageheader {
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    grid-template-rows: 1fr auto;
    grid-row-gap: 0.2em;
    grid-template-areas: 'headleft pic head headfunc' 'sub sub sub sub';
    grid-area: header;
    transition: background-color 0.4s ease-in-out;
  }
  .ls-master-container2 .outerContentFrame .ls-master-pageheader .thumber {
    grid-area: pic;
  }
  .ls-master-container2 .outerContentFrame .ls-master-pageheader .ls-identity-container {
    grid-area: head;
  }
  .ls-master-container2 .outerContentFrame .ls-master-pageheader .ls-subnav-container {
    grid-area: sub;
    overflow-x: scroll;
    margin-bottom: 0;
  }
  .ls-master-container2 .outerContentFrame .ls-master-pageheader .ls-subnav-container .ls-subnav1,
  .ls-master-container2 .outerContentFrame .ls-master-pageheader .ls-subnav-container .ls-subnav2 {
    padding-bottom: 0.5em;
    white-space: nowrap;
    margin-bottom: 0em;
  }
  .ls-mobile-scrolling {
    background-color: #f6f9ff;
    transition: background-color 0.4s ease-in-out;
  }
  .ls-hidden-bigscreen {
    display: initial;
  }
  .ls-hidden-smallscreen,
  .ls-hidden-smallscreen[class~="ls-hidden-smallscreen"] {
    display: none !important;
  }
  .ls-master-container1 .ls-master-container2 .outerContentFrame {
    padding: 0;
    margin: 0;
  }
  .ls-master-container2 .outerContentFrame .ls-master-pageheader {
    margin-bottom: 0;
    padding: 0.25rem 0.5rem;
    box-sizing: border-box;
  }
  .ls-master-container2 .outerContentFrame .ls-master-pageheader .header-function-buttons a:focus {
    outline: none;
  }
  .ui-dialog {
    max-width: calc(100dvw - 2rem) !important;
    max-height: 50dvh !important;
  }
  .ui-dialog .ui-dialog-content {
    max-height: 40dvh !important;
    overflow: auto;
  }
  .header-left-button {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    grid-area: headleft;
    align-self: center;
    padding-right: 0.35rem;
  }
  .header-left-button .ls-fonticon {
    font-size: 32px;
    border-radius: 1rem;
  }
  .header-function-buttons {
    display: table-cell;
    vertical-align: top;
    text-align: right;
    grid-area: headfunc;
    align-self: center;
  }
  .header-function-buttons .ls-fonticon {
    font-size: 32px;
    padding-left: 4px;
    border-radius: 1rem;
  }
  .ls-mobil-menu {
    background-color: #fcfcff;
    z-index: 12;
    bottom: 0dvh;
    left: 0dvw;
    right: 0dvw;
    will-change: transform;
    transform: translateZ(0);
    box-sizing: border-box;
    display: flex;
  }
  .ls-mobil-menu .ls-mobil-menu-button a[href] {
    outline: none;
    border: none;
    width: 4rem;
    position: relative;
  }
  .ls-mobil-menu .ls-mobil-menu-button a[href]:link,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:visited,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:hover,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:focus,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:active {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 1.333rem;
    letter-spacing: 0.042rem;
    font-size: 0.916rem;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    color: #1a1c1e;
  }
  .ls-mobil-menu .ls-mobil-menu-button a[href]:link .ls-fonticon,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:visited .ls-fonticon,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:hover .ls-fonticon,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:focus .ls-fonticon,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:active .ls-fonticon {
    font-size: 1.6rem;
    padding: 0.1rem 0.2rem;
    width: 75%;
    text-align: center;
  }
  .ls-mobil-menu .ls-mobil-menu-button a[href][current-page] {
    font-weight: 700;
    /*Markerer den current page i mobil menuen*/
    color: #1a1c1e;
  }
  .ls-mobil-menu .ls-mobil-menu-button a[href][current-page] .ls-fonticon {
    background-color: #d0e6f3;
    /*Secondary container --md-ref-palette-secondary90:*/
    color: #0c1d29;
    /* on Secondary container --md-ref-palette-secondary10*/
    border-radius: 1rem;
    font-variation-settings: 'FILL' 1;
    font-weight: 300;
  }
  .ls-mobil-menu .ls-mobil-menu-button a[href]:active,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:focus {
    font-weight: 500;
  }
  .ls-mobil-menu .ls-mobil-menu-button a[href]:active .ls-fonticon,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:focus .ls-fonticon {
    background-color: #d3e5f5;
    color: #0c1d29;
    border-radius: 1rem;
    font-variation-settings: 'FILL' 1;
    font-weight: 300;
  }
  .ls-hidden-smallscreen,
  .ls-hidden-smallscreen[class~="ls-hidden-smallscreen"] {
    display: none;
  }
  .maintitle {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 1.833rem;
    line-height: 2.333rem;
    letter-spacing: 0;
    color: #1a1c1e;
    vertical-align: text-top;
    text-decoration: none;
    margin: unset;
  }
  .modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 13;
    /* Sit on top */
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: #000000;
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.3);
    /* Black w/ opacity */
  }
  .ls-mobil-mere-sheet-menu {
    display: initial;
    background-color: #fcfcff;
    border-top: solid 1px #c1c7ce;
    display: flex;
    flex-direction: column;
    z-index: 13;
    position: fixed;
    top: 100dvh;
    bottom: 0dvh;
    will-change: transform;
    box-sizing: border-box;
    width: 100dvw;
    overflow: hidden;
    padding: 3% 3.5%;
    padding-bottom: 1rem;
    transform-origin: 0% 0%;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    border-radius: 1.666rem 1.666rem 0 0;
    /* Curved corners only at the top */
    max-height: 60vh;
    min-height: 12vh;
    height: calc(60vh / 10 * var(--TotalMobilMereLinks) + 6vh);
  }
  .ls-mobil-mere-sheet-menu .meremenu-headline-container {
    font-size: unset;
    line-height: unset;
    background-color: #fcfcff;
    border-bottom: solid 1px #c1c7ce;
    /* outline-variant-light */
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-bottom: 0.416rem;
    padding-bottom: 0.333rem;
    padding-top: 0.111rem;
    align-items: center;
    height: 10%;
  }
  .ls-mobil-mere-sheet-menu .meremenu-headline-container .ls-meremenu-institution {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.166rem;
    line-height: 1.666rem;
    letter-spacing: 0.008rem;
    white-space: nowrap;
    overflow-x: auto;
  }
  .ls-mobil-mere-sheet-menu .meremenu-headline-container .ls-meremenu-settings-link {
    margin: auto 0.3rem;
  }
  .ls-mobil-mere-sheet-menu .meremenu-headline-container .ls-meremenu-settings-link a[href] {
    color: #1a1c1e;
    display: flex !important;
    align-items: center;
  }
  .ls-mobil-mere-sheet-menu .meremenu-headline-container .ls-meremenu-settings-link a[href] .ls-fonticon {
    font-size: 1.6rem;
  }
  .show-mere-sheet-menu {
    transform: translateY(-100%);
  }
  .show-modal {
    display: block;
  }
  nav.ls-std-rowblock {
    display: none;
  }
  .ls-mobil-col {
    display: flex;
    flex-direction: column;
  }
  /*#endregion */
  .mobile-page-drawer {
    border-color: #c1c7ce;
    border-style: solid;
    border-width: 1px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.033rem;
    line-height: 1.333rem;
    box-sizing: border-box;
    /*overflow: auto;*/
    border-radius: 0.5rem;
    padding: 0.875rem;
    padding-left: 1.333rem;
    padding-right: 1.333rem;
    box-shadow: none;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: -85vw;
    min-width: 85vw !important;
    max-width: 85vw !important;
    height: 100vh !important;
    padding: 20px;
    overflow: auto !important;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    z-index: 13;
  }
  .mobile-page-drawer .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
  .mobile-page-drawer .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
    border-bottom: solid 1px #fff;
    background-color: #fff;
  }
  .mobile-page-drawer div[role=heading] > span:first-of-type {
    color: #1a1c1e;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.333rem;
    line-height: 2rem;
    letter-spacing: 0.0125rem;
    margin-top: 0;
    margin-bottom: 0;
  }
  .show-mobile-page-drawer {
    transform: translateX(85vw);
  }
  :root {
    --LectioJSUtils_Mobil: Landscape;
  }
  .ls-mobil-menu {
    height: 100dvh;
    flex-direction: column;
    justify-content: space-between;
    width: 5.2rem;
    flex-wrap: nowrap;
    border-top: none;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-right: solid 1px #c1c7ce;
    overflow-y: auto;
  }
  .ls-mobil-menu div:last-child {
    order: -1;
  }
  .ls-mobil-menu .ls-mobil-menu-button a[href] {
    margin: 0.3rem 0.6rem;
  }
  .ls-mobil-menu .ls-mobil-menu-button a[href]:link .ls-fonticon,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:visited .ls-fonticon,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:hover .ls-fonticon,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:focus .ls-fonticon,
  .ls-mobil-menu .ls-mobil-menu-button a[href]:active .ls-fonticon {
    width: 75%;
  }
  .ls-mobil-mere-sheet-menu {
    max-height: 70vh;
    height: 70vh;
  }
  /* Fixed block Footer and header ************************/
  .ls-content-container {
    height: 100dvh;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: 'nav header' 'nav main';
    background-color: #fcfcff;
  }
  .ls-content-container .ls-master-pageheader {
    grid-area: header;
  }
  .ls-content-container .ls-content {
    grid-area: main;
    overflow: auto;
  }
  .ls-content-container .ls-mobil-footer {
    grid-area: nav;
  }
  .ls-hidden-smallscreen-landscape {
    display: none;
  }
  div#fixedBlock,
  div.fixedBlock {
    left: calc(5dvw + 5.2rem);
    width: calc(90dvw - 5.2rem);
    z-index: 10;
  }
}
.outerContentFrame,
.ls-content {
  margin-top: 0;
  padding-top: 0;
}
.file-master-less-end {
  color: blue;
}

.file-mobileskema-less {
  color: red;
  /*  marker, not meant to be used. */
}
.mobilskema-reset-link-tags A,
.mobilskema-reset-link-tags A[href],
.mobilskema-reset-link-tags .ClientButton,
.mobilskema-reset-link-tags A.tooltip,
.mobilskema-reset-link-tags A SPAN.tooltip,
.mobilskema-reset-link-tags A[href]:hover,
.mobilskema-reset-link-tags .ClientButton:hover,
.mobilskema-reset-link-tags A.tooltip:hover,
.mobilskema-reset-link-tags A:hover SPAN.tooltip,
.mobilskema-reset-link-tags A[href].alert:hover,
.mobilskema-reset-link-tags A[href].attention:hover {
  background-color: unset;
  color: unset;
  text-decoration: unset;
  cursor: unset;
}
.mobilskema-reset-skemabrik .reset {
  background-color: unset;
  background-image: none;
  background-repeat: unset;
  background-position: unset unset;
  border: unset unset unset;
  border-left-color: unset;
  border-left-width: unset;
  border-right-width: unset;
  display: unset;
  text-align: unset;
  height: unset;
  color: unset;
  margin-left: unset;
  margin-right: unset;
  margin-top: unset;
  margin-bottom: unset;
  padding-top: unset;
  padding-bottom: unset;
  padding-left: unset;
  padding-right: unset;
}
.mobilskema-header-container div,
.mobilskema-1dag-outerContainer div {
  box-sizing: border-box;
}
.mobilskema-header-container {
  width: 100dvw;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
}
.mobilskema-header-container A,
.mobilskema-header-container A[href],
.mobilskema-header-container .ClientButton,
.mobilskema-header-container A.tooltip,
.mobilskema-header-container A SPAN.tooltip,
.mobilskema-header-container A[href]:hover,
.mobilskema-header-container .ClientButton:hover,
.mobilskema-header-container A.tooltip:hover,
.mobilskema-header-container A:hover SPAN.tooltip,
.mobilskema-header-container A[href].alert:hover,
.mobilskema-header-container A[href].attention:hover {
  background-color: unset;
  color: unset;
  text-decoration: unset;
  cursor: unset;
}
.mobilskema-header-container .reset {
  background-color: unset;
  background-image: none;
  background-repeat: unset;
  background-position: unset unset;
  border: unset unset unset;
  border-left-color: unset;
  border-left-width: unset;
  border-right-width: unset;
  display: unset;
  text-align: unset;
  height: unset;
  color: unset;
  margin-left: unset;
  margin-right: unset;
  margin-top: unset;
  margin-bottom: unset;
  padding-top: unset;
  padding-bottom: unset;
  padding-left: unset;
  padding-right: unset;
}
.mobilskema-header-container .mobilskema-1dag-header {
  background-color: #fcfcff;
  display: flex;
  flex-flow: row nowrap;
  width: fit-content;
}
.mobilskema-header-container .mobilskema-1dag-header div {
  box-sizing: border-box;
}
.mobilskema-header-container .mobilskema-1dag-header .week {
  display: flex;
  flex-flow: row nowrap;
  width: 100vw;
  text-align: center;
  border-bottom: solid 1px #c1c7ce;
  scroll-snap-align: center;
  scroll-snap-stop: always;
}
.mobilskema-header-container .mobilskema-1dag-header .week header {
  min-width: 100%;
}
.mobilskema-header-container .mobilskema-1dag-header .week .weekDay {
  box-sizing: border-box;
  min-width: calc(100%/8);
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  font-size: 0.916rem;
  color: #41474d;
  margin-bottom: 0.6rem;
  display: block;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.mobilskema-header-container .mobilskema-1dag-header .week .weekDay div:first-of-type {
  font-size: 0.7rem;
  display: block;
  color: #aaabae;
  height: 1.2rem;
  width: 2rem;
  transition: color 0.4s ease-out;
}
.mobilskema-header-container .mobilskema-1dag-header .week .weekDay div:last-of-type {
  font-size: 0.9rem;
  display: block;
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  transition: background-color 0.4s ease-out;
}
.mobilskema-header-container .mobilskema-1dag-header .week .weekDay div:last-of-type span {
  line-height: 1;
  height: 1rem;
  margin-left: 0.1rem;
}
.mobilskema-header-container .mobilskema-1dag-header .week .weekNum {
  padding-left: 0.2rem;
}
.mobilskema-header-container .mobilskema-1dag-header .week .weekNum div:first-of-type {
  color: #aaabae;
}
.mobilskema-header-container .mobilskema-1dag-header .week .weekNum div:last-of-type {
  color: #006493;
  color: #aaabae;
}
.mobilskema-header-container .mobilskema-1dag-header .week .selected-day div:first-of-type {
  color: #006493;
  transition: color 0.35s ease-in;
}
.mobilskema-header-container .mobilskema-1dag-header .week .selected-day div:last-of-type {
  background-color: #006493;
  color: #ffffff;
  transition: background-color 0.35s ease-in;
}
.mobilskema-header-container .mobilskema-1dag-header .week .weekname {
  font-size: 0.5rem;
}
.mobilskema-1dag-outerContainer {
  width: 100dvw;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
}
.mobilskema-1dag-outerContainer A,
.mobilskema-1dag-outerContainer A[href],
.mobilskema-1dag-outerContainer .ClientButton,
.mobilskema-1dag-outerContainer A.tooltip,
.mobilskema-1dag-outerContainer A SPAN.tooltip,
.mobilskema-1dag-outerContainer A[href]:hover,
.mobilskema-1dag-outerContainer .ClientButton:hover,
.mobilskema-1dag-outerContainer A.tooltip:hover,
.mobilskema-1dag-outerContainer A:hover SPAN.tooltip,
.mobilskema-1dag-outerContainer A[href].alert:hover,
.mobilskema-1dag-outerContainer A[href].attention:hover {
  background-color: unset;
  color: unset;
  text-decoration: unset;
  cursor: unset;
}
.mobilskema-1dag-outerContainer .reset {
  background-color: unset;
  background-image: none;
  background-repeat: unset;
  background-position: unset unset;
  border: unset unset unset;
  border-left-color: unset;
  border-left-width: unset;
  border-right-width: unset;
  display: unset;
  text-align: unset;
  height: unset;
  color: unset;
  margin-left: unset;
  margin-right: unset;
  margin-top: unset;
  margin-bottom: unset;
  padding-top: unset;
  padding-bottom: unset;
  padding-left: unset;
  padding-right: unset;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container {
  display: flex;
  flex-flow: row nowrap;
  width: fit-content;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-1dag {
  width: 100vw;
  overflow: hidden;
  scroll-snap-align: center;
  scroll-snap-stop: always;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-1dag .mobilskema-1dag-skematop {
  display: flex;
  flex-flow: row nowrap;
  border: none;
  outline: none;
  height: 72px;
  overflow: hidden;
  margin-bottom: 1.5rem;
  background-color: #f6f9ff;
  color: #1a1c1e;
  background: #fcfbf7;
  border-bottom: solid 1px #c6c6c9;
  will-change: transform;
  transform-origin: top;
  transition: height 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
  box-sizing: border-box;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-1dag .mobilskema-1dag-skematop .mobilskema-1dag-dag {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  font-size: 0.916rem;
  width: 16%;
  padding: 0.6rem 0 0 0.65rem;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-1dag .mobilskema-1dag-skematop .mobilskema-1dag-dag span {
  text-align: center;
  display: block;
  width: 50%;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-1dag .mobilskema-1dag-skematop #mobilskema-1dag-dagsbm {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
  max-width: 72%;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-1dag .mobilskema-1dag-skematop #mobilskema-1dag-dagsbm a:not(.dagsbm-expand-btn) {
  background-color: #fcfcff;
  min-width: 35%;
  display: inline-block;
  border-left: solid 2px #c6c6c9;
  margin: 0rem 0.2rem;
  padding: 0.1rem 0.3rem;
  border-radius: 0.15rem;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-1dag .mobilskema-1dag-skematop #mobilskema-1dag-dagsbm a[href].s2normal {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #e9f1fe;
  border-left: solid 2px #6eaef1;
  color: #1d5f97;
  font-style: normal;
  text-decoration: none;
  min-width: 35%;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-1dag .mobilskema-1dag-skematop #mobilskema-1dag-dagsbm a[href].s2optional {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #d8f6ff;
  border-left: solid 2px #009eb9;
  color: #00687a;
  font-style: normal;
  text-decoration: none;
  min-width: 35%;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-1dag .mobilskema-1dag-skematop #mobilskema-1dag-dagsbm a[href].s2changed {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #e9f1fe;
  border-left: solid 2px #6eaef1;
  /*color: @--md-ref-palette-custom360;*/
  color: #339900;
  font-style: italic;
  text-decoration: none;
  min-width: 35%;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-1dag .mobilskema-1dag-skematop #mobilskema-1dag-dagsbm a[href].s2cancelled {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #fedbd6;
  border-left: solid 2px #fc8e80;
  color: #a43f34;
  font-style: italic;
  text-decoration: line-through;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-1dag .mobilskema-1dag-skematop #mobilskema-1dag-dagsbm a[href].s2bgboxeksamen {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #fbe570;
  border-left: solid 2px #c2ad3d;
  color: #6d5f0f;
  font-style: normal;
  text-decoration: none;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-1dag .mobilskema-1dag-skematop #mobilskema-1dag-dagsbm .dagsbm-expand-btn {
  position: absolute;
  right: 1rem;
  top: 1.2rem;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-1dag .mobilskema-1dag-skematop #mobilskema-1dag-dagsbm .dagsbm-expand-btn .ls-fonticon {
  border-radius: 50%;
  /*outline-color: @--md-sys-color-outline;
	outline-style: solid;
	outline-width: 1px;*/
  border-color: #72787e;
  border-style: solid;
  border-width: 1px;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content {
  display: inline-flex;
  width: 100%;
  padding: 0.4rem 0.8rem 0.4rem 0;
  box-sizing: border-box;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content .mobilskema-1dag-tidslinje {
  display: inline-flex;
  height: 100%;
  width: 20%;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content .mobilskema-1dag-tidslinje .mobilskema-1dag-tidslinje-modulebox {
  position: relative;
  height: 100%;
  width: 30%;
  margin: 0 1% 0 0;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content .mobilskema-1dag-tidslinje .mobilskema-1dag-tidslinje-modulebox .mobilskema-tidslinje-modulebox-row {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0 0.25rem 0.25rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
  color: #1a1c1e;
  background-color: #f6f9ff;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.333rem;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content .mobilskema-1dag-tidslinje .mobilskema-1dag-tidslinje-timeslots {
  position: relative;
  height: 100%;
  width: 70%;
  white-space: initial;
  margin: 0 9% 0 0;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content .mobilskema-1dag-tidslinje .mobilskema-1dag-tidslinje-timeslots .mobilskema-tidslinje-timeslot-row {
  padding-left: 2px;
  line-height: normal;
  width: 100%;
  position: absolute;
  white-space: initial;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content .mobilskema-1dag-tidslinje .mobilskema-1dag-tidslinje-timeslots .mobilskema-tidslinje-timeslot-row .start-time {
  font-weight: normal;
  position: relative;
  top: -9%;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content .mobilskema-1dag-tidslinje .mobilskema-1dag-tidslinje-timeslots .mobilskema-tidslinje-timeslot-row .separator {
  border-left: 1px solid #ccc;
  height: 100%;
  position: relative;
  top: -3%;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content .mobilskema-1dag-tidslinje .mobilskema-1dag-tidslinje-timeslots .mobilskema-tidslinje-timeslot-row .end-time {
  opacity: 0.45;
  font-size: 0.65rem;
  position: relative;
  top: -3%;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content .mobilskema-module-og-brik-content {
  position: relative;
  width: 88%;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content .mobilskema-module-og-brik-content .mobilskema-module {
  display: flex;
  flex: 1 1 auto;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content .mobilskema-module-og-brik-content .mobilskema-module-content-row {
  position: absolute;
  width: 100%;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content .mobilskema-module-og-brik-content .mobilskema-module-content-row .hline {
  position: relative;
  top: -3%;
  border-top: 1px solid #c1c7ce;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content .mobilskema-module-og-brik-content .s2skemabrik {
  width: 100%;
  height: 100%;
  z-index: 10;
  white-space: initial;
  /*background-position: left top;*/
  border-radius: 0.15rem;
  padding: 0.2rem;
  box-sizing: border-box;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content .mobilskema-module-og-brik-content .s2skemabrik.s2normal {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #e9f1fe;
  border-left: solid 2px #6eaef1;
  color: #1d5f97;
  font-style: normal;
  text-decoration: none;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content .mobilskema-module-og-brik-content .s2skemabrik.s2optional {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #d8f6ff;
  border-left: solid 2px #009eb9;
  color: #00687a;
  font-style: normal;
  text-decoration: none;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content .mobilskema-module-og-brik-content .s2skemabrik.s2changed {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #e9f1fe;
  border-left: solid 2px #6eaef1;
  /*color: @--md-ref-palette-custom360;*/
  color: #339900;
  font-style: italic;
  text-decoration: none;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content .mobilskema-module-og-brik-content .s2skemabrik.s2cancelled {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #fedbd6;
  border-left: solid 2px #fc8e80;
  color: #a43f34;
  font-style: italic;
  text-decoration: line-through;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content .mobilskema-module-og-brik-content .s2skemabrik.s2bgboxeksamen {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #fbe570;
  border-left: solid 2px #c2ad3d;
  color: #6d5f0f;
  font-style: normal;
  text-decoration: none;
}
.mobilskema-1dag-outerContainer .mobilskema-1dag-container .mobilskema-content .imgDisplay {
  display: inline-flex;
  position: absolute;
  top: 0px;
  right: 0px;
}
/* Hide the scrollbar for Internet Explorer, Edge and Firefox */
.mobilskema-header-container .mobilskema-1dag-outerContainer .mobilskema-1dag {
  -ms-overflow-style: none;
  /* Internet Explorer and Edge */
  scrollbar-width: none;
  /* Firefox */
}
/* Hide the scrollbar for Chrome, Safari and Opera */
.mobilskema-1dag-outerContainer::-webkit-scrollbar {
  display: none;
}
/* Hide the scrollbar for Chrome, Safari and Opera */
.mobilskema-header-container::-webkit-scrollbar {
  display: none;
}
.file-mobileskema-less-end {
  color: blue;
  /*  marker, not meant to be used. */
}

.file-framing-less {
  color: blue;
}
#ls-reporting {
  max-width: 98vw;
}
#ls-reporting .ls-report-field-list {
  width: 24rem;
  height: 76vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
#ls-reporting .ls-report-field-list .ls-report-field-list-group-heading.prepend-fonticon-arrow-right + div {
  display: none;
}
#ls-reporting .ls-report-field-list .ls-report-field-list-group-heading {
  margin-top: 0.5rem;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  font-weight: 600;
  display: block;
  padding: 0.2rem;
  color: #006493;
}
#ls-reporting .ls-report-field-list .ls-report-field-list-group-heading::before {
  vertical-align: middle;
}
#ls-reporting .ls-report-field-list .ls-report-field-list-group-heading:hover {
  opacity: 0.82;
  cursor: pointer;
}
#ls-reporting .ls-report-field-list ul {
  margin-left: 1.5rem;
}
#ls-reporting .ls-report-field-list ul li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0.2rem 0.2rem;
}
#ls-reporting .ls-report-field-list ul li > label {
  overflow-x: hidden;
  text-overflow: ellipsis;
  max-width: 19rem;
  cursor: text;
}
#ls-reporting .ls-report-field-list ul li a,
#ls-reporting .ls-report-field-list ul li span,
#ls-reporting .ls-report-field-list ul li div {
  vertical-align: middle;
  white-space: nowrap;
  cursor: text;
}
#ls-reporting .ls-report-field-list ul li a,
#ls-reporting .ls-report-field-list ul li a > span {
  cursor: pointer;
}
#ls-reporting .ls-report-field-list ul li:hover {
  background-color: #f5f5f5;
}
#ls-reporting .ls-report-setup {
  width: 24rem;
  max-height: 35vh;
  max-height: 60vh;
  overflow-y: auto;
}
#ls-reporting .ls-report-setup .ls-card-filled {
  min-height: 6rem;
  margin-right: 0.5rem;
}
#ls-reporting .ls-report-setup .ls-card-filled .title-medium {
  margin-bottom: 0.5rem;
}
#ls-reporting .ls-report-setup table.ls-table-layout {
  width: 100%;
  cursor: text;
}
#ls-reporting .ls-report-setup table.ls-table-layout a,
#ls-reporting .ls-report-setup table.ls-table-layout a > img {
  cursor: pointer;
}
#ls-reporting .ls-report-setup table.ls-table-layout tr,
#ls-reporting .ls-report-setup table.ls-table-layout tr.newRow {
  background-color: unset;
}
#ls-reporting .ls-report-setup table.ls-table-layout tr:hover,
#ls-reporting .ls-report-setup table.ls-table-layout tr.newRow:hover {
  background-color: #f5f5f5;
}
#ls-reporting .ls-report-setup table.ls-table-layout tr:hover .noRecord,
#ls-reporting .ls-report-setup table.ls-table-layout tr.newRow:hover .noRecord {
  background-color: #ecf1f9;
}
#ls-reporting .ls-report-setup table.ls-table-layout tr td,
#ls-reporting .ls-report-setup table.ls-table-layout tr.newRow td {
  background-color: unset;
  padding: 0.1rem 0;
  /*vertical-align: text-top;*/
}
#ls-reporting .ls-report-setup table.ls-table-layout tr td:nth-of-type(2n),
#ls-reporting .ls-report-setup table.ls-table-layout tr.newRow td:nth-of-type(2n) {
  width: 7rem;
}
#ls-reporting .ls-report-setup table.ls-table-layout tr td:last-of-type,
#ls-reporting .ls-report-setup table.ls-table-layout tr.newRow td:last-of-type {
  width: 1rem;
}
#ls-reporting .ls-report-template {
  width: 24rem;
}
#ls-reporting .ls-report-template .ls-card-filled {
  min-height: 6rem;
  min-width: 20rem;
  margin-right: 0.5rem;
}
#ls-reporting .ls-report-template .ls-card-filled .title-medium {
  margin-bottom: 0.5rem;
}
#ls-reporting .ls-report-result {
  min-width: calc(98vw - 62rem);
  min-height: auto;
}
#ls-reporting .ls-report-result .ls-report-diagram-container {
  min-width: 40rem;
  max-width: 100rem;
  max-height: 45rem;
  height: auto;
  position: relative;
  z-index: auto;
  display: block;
  margin: 1rem 0;
}
#ls-reporting .ls-report-result .ls-report-diagram-container canvas {
  width: 100%;
}
#ls-reporting .ls-report-result-table {
  min-width: calc(98vw - 62rem);
  display: block;
  max-width: 100%;
  min-height: auto;
  overflow-x: auto;
}
#ls-reporting .ls-report-result-table table {
  border: solid 1px darkgray;
}
#ls-reporting .ls-report-result-table table tr {
  border: solid 1px darkgray;
}
#ls-reporting .ls-report-result-table table tr td,
#ls-reporting .ls-report-result-table table tr th {
  padding: 0.5rem;
  border: solid 1px darkgray;
}

.file-skemany-less {
  color: blue;
}
/*****************************************************************************************************************************/
/* Skemabrikker visning andre steder end skema dvs. uden box *****************************************************************/
/*****************************************************************************************************************************/
/* Ændret brik visning uden box */
.s2skemabrik.s2changed {
  /*color: @--md-ref-palette-custom360;*/
  color: #339900;
  font-style: italic;
  text-decoration: none;
}
A[href].s2changed:hover .s2changed {
  color: #fff;
}
/* Aflyst brik visning uden box */
.s2skemabrik.s2cancelled {
  color: #a43f34;
  font-style: italic;
  text-decoration: line-through;
}
A[href].s2cancelled:hover .s2cancelled {
  color: #fff;
}
/* skemabrik i TOC på forløbsforside  **/
.s2excluded,
A.s2skemabrik.s2excluded {
  /* brik der er ekskluderet fra et forloeb. */
  color: #1a1c1e;
  font-style: italic;
}
.s2excluded::after,
A.s2skemabrik.s2excluded::after {
  /* brik der er ekskluderet fra et forloeb. */
  background-color: lightgoldenrodyellow;
  color: #41474d;
  font-style: italic;
  content: " (Er ikke med i forløb)";
  font-size: 0.75rem;
}
/**********************************************************************************************************/
/*  SKEMA  ********************************************************************************************/
/**********************************************************************************************************/
.s2skema {
  background-color: transparent;
}
.s2skema TD,
.s2skema TH {
  border: solid 1px #c6c6c9;
  padding-left: 0;
  padding-right: 0;
}
.s2skema .s2weekHeader td {
  color: #41474d;
  text-align: center;
  vertical-align: middle;
  padding: 0.5em;
  border-bottom: solid 1px #c6c6c9;
  /***/
  padding: 0 0 0.25em 0;
  background-image: none;
  background-color: transparent;
  border: none;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.166rem;
  line-height: 1.666rem;
  letter-spacing: 0.008rem;
}
.s2skema .s2dayHeader TD {
  background-color: #fcfcff;
  color: #41474d;
  text-align: center;
  font-weight: bold;
  padding-top: 0.15em;
  padding-bottom: 0.2em;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
}
/* skema-top */
.s2skema .s2infoHeader {
  background: #fcfbf7;
  color: #1a1c1e;
  border-bottom: solid 1px #c6c6c9;
  vertical-align: text-top;
  padding-right: 0.3em;
}
/*skematop separator */
.s2skema-top-separator {
  display: grid;
  grid-template-areas: "dot value" "dot undervalue";
  grid-template-columns: auto minmax(0px, 1fr);
  grid-column-gap: 2px;
}
.s2skema-top-separator .separator-dot {
  grid-area: dot;
}
.s2skema-top-separator .separator-value {
  grid-area: value;
}
.s2skema-top-separator .separator-undervalue {
  grid-area: undervalue;
}
/* skema celle (dagskolonne) baggrund */
.s2skemabrikcontainer {
  background-color: #f6f9ff;
}
.s2SkemaDivider {
  /* Måske dette kan fjernes ? udkommenteres indtil videre */
  /* Border mellem anden aktivitet og selve skemaet */
  /*border: 0;
	height: 0;
	background-color: transparent;*/
}
.s2skema HR {
  /* spørgsmål? hvad bruges det til  */
  width: 100%;
  margin: 0;
  margin-top: -1px;
  border: none;
  height: 1px;
  border-bottom: dotted 1px #808080;
  border-color: transparent;
}
.s2module-bg {
  /* skema modul-række  baggrundsfarve */
  background-color: #fcfcff;
  border-top: solid 1px #e2e2e5;
  border-bottom: solid 1px #e2e2e5;
}
.s2time-off {
  /* Skemaets modul-baggrundsfarve for ikke-skoledage */
  background-color: #f0f0f3;
}
.s2module-info {
  /* skema modul nr.- tid tekst */
  vertical-align: text-top;
  color: #475968;
  color: #41474d;
}
.s2time {
  /* default klokkeslæt i skema*/
  color: #999999;
  font-size: 1em;
}
/**********************************************************************************************************/
/*  SKEMABRIK  ********************************************************************************************/
/**********************************************************************************************************/
/* Start standard link skemabrik ***********************************************/
/* container for hele skemabrikken  */
A.s2skemabrik {
  /* For at få brikkerne oven på tidslinier mv. */
  display: block;
  overflow: hidden;
  z-index: 1;
}
/* skematop skemabrikker der vises i dagsbemærkninger */
.s2skema .s2infoHeader A.s2skemabrik {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  padding-left: 0.5em;
}
.s2skema .s2infoHeader A[href].s2skemabrik:hover {
  background: unset;
  cursor: pointer;
}
.s2skema .s2infoHeader A[href].s2normal:hover .s2skemabrikcontent {
  color: #1d5f97;
  font-style: normal;
  text-decoration: none;
  opacity: 0.68;
}
.s2skema .s2infoHeader A[href].s2changed:hover .s2skemabrikcontent {
  /*color: @--md-ref-palette-custom360;*/
  color: #339900;
  font-style: italic;
  text-decoration: none;
  opacity: 0.68;
}
.s2skema .s2infoHeader A[href].s2cancelled:hover .s2skemabrikcontent {
  color: #a43f34;
  font-style: italic;
  text-decoration: line-through;
  opacity: 0.68;
}
/* skemabrikker der vises i skemaet */
.s2skemabrikInnerContainer {
  /* skemabrik container omkring header og content*/
  display: block;
  text-align: left;
  margin: 0;
  height: 100%;
  padding: 0.15em 0 0 0.25em;
  box-sizing: border-box;
}
.s2skemabrikInnerContainer .s2skemabrikcontent {
  /* vigtig - eftersom der benyttes float på ikoner, som der skal kunne klikkes på*/
  display: inline;
}
.s2skemabrikInnerContainer .s2timeline {
  /* vigtig - eftersom der benyttes float på ikoner, som der skal kunne klikkes på*/
  display: inline;
}
.s2skemabrikInnerContainer .s2skemabrikIcons {
  /* vigtig - eftersom der benyttes float på ikoner, som der skal kunne klikkes på*/
  display: inline;
}
/* skemabrik ikoner uanset hvor de vises */
.s2skemabrikIcons {
  float: right;
  margin-right: 0.15em;
  margin-top: 0.15em;
}
.s2skemabrikIcons .ls-fonticon {
  font-size: 1rem;
  font-weight: 300;
  font-variation-settings: 'FILL' 1;
}
.s2skemabrikIcons .ls-note {
  color: #fdf2c3;
  -webkit-text-stroke-width: 0.05rem;
  -webkit-text-stroke-color: #72787e;
}
.s2skemabrikIcons .ls-lektier {
  color: white;
  -webkit-text-stroke-width: 0.05rem;
  -webkit-text-stroke-color: #72787e;
}
.s2skemabrikIcons .ls-privataftale {
  color: #75777a;
}
.s2skemabrikIcons .ls-rediger {
  color: #006493;
  font-size: 1.2rem;
  border-radius: 0.2rem;
}
.s2skemabrikIcons .ls-rediger:hover {
  background: #fff;
  opacity: 0.68;
}
.s2skemabrik-std-title {
  white-space: nowrap;
}
/************************************************************************/
/* Skygge-skemabrik viser ledige positioner for læreres hold ************/
/************************************************************************/
A.s2ambient {
  color: #41474d;
}
A.s2ambient:hover {
  color: #41474d;
  background: unset;
}
.s2skyggeSkemabrik {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border-left: solid 2px #c6c6c9;
  display: block;
  overflow: hidden;
  z-index: 1;
  /* For at få brikkerne oven på tidslinier mv. */
  margin-bottom: 0.2em;
  height: 100%;
}
.s2skyggeSkemabrik:hover {
  z-index: 2;
  opacity: 1;
  /* for at kunne få vist alt indhold ved hover når der er mange hold */
  height: auto !important;
}
.s2skyggeSkemabrikInnerContainer {
  display: block;
  padding: 0.1em;
  text-align: left;
  margin: 0;
  height: 100%;
  background-color: #f0f0f3;
  color: #1a1c1e;
}
.s2skyggeSkemabrikInnerContainer:hover {
  z-index: 3;
}
/*******************************************************************************/
/* Skemabrik typer normal, ændret, aflyst, eksamen *****************************/
/*******************************************************************************/
A.s2skemabrik.s2bgbox.s2normal {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #e9f1fe;
  border-left: solid 2px #6eaef1;
  color: #1d5f97;
  font-style: normal;
  text-decoration: none;
}
A.s2skemabrik.s2bgbox.s2normal .s2timeline {
  color: #1d5f97;
  font-style: normal;
  text-decoration: none;
}
A.s2skemabrik.s2bgbox.s2optional {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #d8f6ff;
  border-left: solid 2px #009eb9;
  color: #00687a;
  font-style: normal;
  text-decoration: none;
}
A.s2skemabrik.s2bgbox.s2optional .s2timeline {
  color: #00687a;
  font-style: normal;
  text-decoration: none;
}
A.s2skemabrik.s2bgbox.s2changed {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #e9f1fe;
  border-left: solid 2px #6eaef1;
  /*color: @--md-ref-palette-custom360;*/
  color: #339900;
  font-style: italic;
  text-decoration: none;
}
A.s2skemabrik.s2bgbox.s2changed .s2timeline {
  /*color: @--md-ref-palette-custom360;*/
  color: #339900;
  font-style: italic;
  text-decoration: none;
}
A.s2skemabrik.s2bgbox.s2changed.s2optional {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #d8f6ff;
  border-left: solid 2px #009eb9;
  color: #00687a;
  font-style: normal;
  /*color: @--md-ref-palette-custom360;*/
  color: #339900;
  font-style: italic;
  text-decoration: none;
}
A.s2skemabrik.s2bgbox.s2changed.s2optional .s2timeline {
  /*color: @--md-ref-palette-custom360;*/
  color: #339900;
  font-style: italic;
  text-decoration: none;
}
A.s2skemabrik.s2bgbox.s2cancelled {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #fedbd6;
  border-left: solid 2px #fc8e80;
  color: #a43f34;
  font-style: italic;
  text-decoration: line-through;
}
A.s2skemabrik.s2bgbox.s2cancelled .s2timeline {
  color: #a43f34;
  font-style: italic;
  text-decoration: line-through;
}
A.s2skemabrik.s2bgbox.s2bgboxeksamen {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #fbe570;
  border-left: solid 2px #c2ad3d;
  color: #6d5f0f;
  font-style: normal;
  text-decoration: none;
}
A.s2skemabrik.s2bgbox.s2bgboxeksamen .s2timeline {
  color: #6d5f0f;
  font-style: normal;
  text-decoration: none;
}
A.s2skemabrik.s2bgbox.s2scenario {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #cef087;
  border-left: solid 2px #98b756;
  /*	.skemabrik-scenario-text();*/
}
A.s2skemabrik.s2bgbox.s2scenario .s2timeline {
  /*.skemabrik-scenario-text();*/
}
A.s2skemabrik.s2bgbox.s2selected {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px #006493;
}
A.s2skemabrik.s2bgbox.s2defocus {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  opacity: 0.8;
  filter: grayscale(60%);
}
/* ved hover ********************************************************/
A[href].s2skemabrik.s2bgbox .s2skemabrikInnerContainer:hover {
  background: none;
}
A[href].s2skemabrik.s2bgbox .s2skemabrikInnerContainer:hover .s2timeline {
  opacity: 0.68;
}
A[href].s2skemabrik.s2bgbox .s2skemabrikInnerContainer:hover .s2normal {
  color: #1d5f97;
  font-style: normal;
  text-decoration: none;
  opacity: 0.68;
}
A[href].s2skemabrik.s2bgbox .s2skemabrikInnerContainer:hover .s2changed {
  /*color: @--md-ref-palette-custom360;*/
  color: #339900;
  font-style: italic;
  text-decoration: none;
  opacity: 0.68;
}
A[href].s2skemabrik.s2bgbox .s2skemabrikInnerContainer:hover .s2cancelled {
  color: #a43f34;
  font-style: italic;
  text-decoration: line-through;
  opacity: 0.68;
}
A[href].s2skemabrik.s2bgbox .s2skemabrikInnerContainer:hover .s2bgboxeksamen {
  color: #6d5f0f;
  font-style: normal;
  text-decoration: none;
  opacity: 0.68;
}
A[href].s2skemabrik.s2bgbox .s2skemabrikInnerContainer:hover .s2scenario {
  color: #4e670f;
  font-style: normal;
  text-decoration: none;
  opacity: 0.68;
}
/*****************************************************************************************************************************/
/* skema marking - Rediger aktivitet - Skema moduler - Hvilke moduler der er optaget/ikke optaget af lærer, elev, lokale *****/
/*****************************************************************************************************************************/
.s2marking {
  cursor: pointer;
}
.s2markingstudent {
  background-color: #f13f31;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 72%, from(#f13f31), to(#ff4e33));
  background-image: -moz-linear-gradient(0% 72% 90deg, #ff4e33, #f13f31);
}
.s2markingteacher {
  background-color: #ffa91a;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 72%, from(#ffa91a), to(#ffb31a));
  background-image: -moz-linear-gradient(0% 72% 90deg, #ffb31a, #ffa91a);
}
.s2markingroom {
  background-color: #ffdb09;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 72%, from(#ffce0a), to(#ffdb09));
  background-image: -moz-linear-gradient(0% 72% 90deg, #ffdb09, #ffce0a);
}
.s2markingstudent,
.s2markingteacher,
.s2markingroom {
  border-radius: 0.2em;
  box-shadow: -0.1em -0.1em 0.1em #fafafa;
}
.s2bgbox[class~="s2marking"]:hover {
  opacity: 0.68;
}
/*****************************************************************************************************************************/
/*Dette er ift. skemaUger */
/*****************************************************************************************************************************/
A.s2skemabrik.s2scenario {
  border: none;
  box-sizing: border-box;
  border: solid 2px #fcfcff;
  border: solid 2px transparent;
  background-color: #cef087;
  border-left: solid 2px #98b756;
  /*	.skemabrik-scenario-text();*/
}
/*****************************************************************************************************************************/
/* Vælg fravælg entiteter til aktivitet / skemabrik */
/*****************************************************************************************************************************/
.ls-skemabrik-choose-entity-table {
  width: 100%;
}
.ls-skemabrik-choose-entity-table td {
  min-width: 10rem;
  box-sizing: border-box;
  padding: 0.25em 0;
  vertical-align: text-top;
}
.ls-skemabrik-choose-entity-table td.ls-skemabrik-choose-entity-tablecell-suggestions {
  min-width: 15rem;
  max-width: 50%;
  padding-right: 0.35rem;
  max-height: 15rem;
}
.ls-skemabrik-choose-entity-table td.ls-skemabrik-choose-entity-tablecell-suggestions .ls-skemabrik-choose-entity-tablecell-suggestions-container {
  overflow-y: hidden;
  overscroll-behavior-y: contain;
  overflow-y: auto;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist {
  min-height: 2rem;
  box-sizing: border-box;
  overflow-x: hidden;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist .buttonlink a {
  padding-bottom: 0;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist .buttonlink:hover a {
  padding-bottom: 0;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist ul {
  padding-bottom: 0.25rem;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist ul li a:hover {
  opacity: 0.8;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-hold ul > li {
  display: flex;
  align-items: center;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-hold ul > li::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-hold ul > li:active::before,
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-hold ul > li:focus::before {
  opacity: 0.88;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-hold ul > li:hover::before {
  opacity: 0.92;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-hold ul > li[disabled="disabled"]::before {
  opacity: 0.62;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-hold ul > li[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-hold ul > li.large::before {
  font-size: 2rem;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-hold ul > li::before {
  font-variation-settings: 'FILL' 1;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-hold ul > li::before {
  content: "group";
  color: #6eaef1;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-hold ul > li .ls-fonticon {
  visibility: hidden;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-hold ul > li:hover .ls-fonticon {
  visibility: visible;
  color: #e46f61;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-teacher ul > li {
  display: flex;
  align-items: center;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-teacher ul > li::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-teacher ul > li:active::before,
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-teacher ul > li:focus::before {
  opacity: 0.88;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-teacher ul > li:hover::before {
  opacity: 0.92;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-teacher ul > li[disabled="disabled"]::before {
  opacity: 0.62;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-teacher ul > li[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-teacher ul > li.large::before {
  font-size: 2rem;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-teacher ul > li::before {
  font-variation-settings: 'FILL' 1;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-teacher ul > li::before {
  content: "person";
  color: #98b756;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-teacher ul > li .ls-fonticon {
  visibility: hidden;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-teacher ul > li:hover .ls-fonticon {
  visibility: visible;
  color: #e46f61;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-student ul > li {
  display: flex;
  align-items: center;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-student ul > li::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-student ul > li:active::before,
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-student ul > li:focus::before {
  opacity: 0.88;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-student ul > li:hover::before {
  opacity: 0.92;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-student ul > li[disabled="disabled"]::before {
  opacity: 0.62;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-student ul > li[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-student ul > li.large::before {
  font-size: 2rem;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-student ul > li::before {
  font-variation-settings: 'FILL' 1;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-student ul > li::before {
  content: "person";
  color: #fb910b;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-student ul > li .ls-fonticon {
  visibility: hidden;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-student ul > li:hover .ls-fonticon {
  visibility: visible;
  color: #e46f61;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-room ul > li {
  display: flex;
  align-items: center;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-room ul > li::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  align-self: flex-start;
  content: "";
  padding-right: 0.1em;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-room ul > li:active::before,
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-room ul > li:focus::before {
  opacity: 0.88;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-room ul > li:hover::before {
  opacity: 0.92;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-room ul > li[disabled="disabled"]::before {
  opacity: 0.62;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-room ul > li[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-room ul > li.large::before {
  font-size: 2rem;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-room ul > li::before {
  font-variation-settings: 'FILL' 1;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-room ul > li::before {
  content: "meeting_room";
  color: #dec855;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-room ul > li .ls-fonticon {
  visibility: hidden;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-skemabrik-choose-entity-table-entitylist-room ul > li:hover .ls-fonticon {
  visibility: visible;
  color: #e46f61;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-entity-suggestions-list {
  margin-bottom: 0.2rem;
  overflow-y: hidden;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-entity-suggestions-list ul {
  overflow-x: hidden;
  overflow-y: hidden;
}
.ls-skemabrik-choose-entity-table td .ls-skemabrik-choose-entity-table-entitylist.ls-entity-suggestions-list ul li {
  white-space: nowrap;
}
.file-skemany-less-end {
  color: blue;
}

.file-skolehjem-less {
  color: blue;
}
div.grid-skolehjem-dagsoverblik {
  display: grid;
  grid-row-gap: 20px;
  min-height: 300px;
}
div.grid-skolehjem-dagsoverblik table.skolehjemoverblik {
  margin-top: 10px;
}
div.grid-skolehjem-dagsoverblik table.skolehjemoverblik > tbody {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 15px;
}
div.grid-skolehjem-dagsoverblik table.skolehjemoverblik > tbody > tr.skolehjemoverblik-værelse {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
  outline: 1px solid #f0f0f3;
  padding: 2px 3px;
  min-width: 110px;
}
div.grid-skolehjem-dagsoverblik table.skolehjemoverblik > tbody > tr.skolehjemoverblik-værelse > td.skolehjemoverblik-værelse-pladser {
  margin-left: auto;
  height: 32px;
}
div.grid-skolehjem-dagsoverblik > div {
  margin: 10px 0 5px 0;
}
div.grid-skolehjem-dagsoverblik > div > span {
  font-size: 2em;
}
div.skolehjemoverblik-plads[data-plads-status="ledig"],
div.skolehjemoverblik-farvekode[data-plads-status="ledig"] {
  background-color: #cef087;
}
div.skolehjemoverblik-plads[data-plads-status="optaget-mixed"],
div.skolehjemoverblik-farvekode[data-plads-status="optaget-mixed"] {
  background-color: #ddc4ff;
}
div.skolehjemoverblik-plads[data-plads-status="optaget-dreng"],
div.skolehjemoverblik-farvekode[data-plads-status="optaget-dreng"] {
  background-color: #cfe3fe;
}
div.skolehjemoverblik-plads[data-plads-status="optaget-pige"],
div.skolehjemoverblik-farvekode[data-plads-status="optaget-pige"] {
  background-color: #ffdee9;
}
div.skolehjemoverblik-plads[data-plads-status="lukket"],
div.skolehjemoverblik-farvekode[data-plads-status="lukket"] {
  background-color: #ffa000;
}
div.skolehjemoverblik-plads[data-plads-status="spærret"],
div.skolehjemoverblik-farvekode[data-plads-status="spærret"] {
  background-color: #fbe570;
}
div.skolehjemoverblik-plads[data-plads-status="overlap"],
div.skolehjemoverblik-farvekode[data-plads-status="overlap"] {
  background-color: #e46f61;
}
/*// TODO: Fjern efter beslutning om farve
div.skolehjemoverblik-plads[data-plads-status="spærret-mixed"],
div.skolehjemoverblik-farvekode[data-plads-status="spærret-mixed"] {
	background-image: linear-gradient(to bottom, @color_lectio_Yellow, @color_lectio_Yellow, @color_BlueWeakStronger, @color_BlueWeakStronger, @color_lectio_Pink, @color_lectio_Pink);
}

div.skolehjemoverblik-plads[data-plads-status="spærret-dreng"],
div.skolehjemoverblik-farvekode[data-plads-status="spærret-dreng"] {
	background-image: linear-gradient(to bottom, @color_lectio_Yellow, @color_lectio_Yellow, @color_lectio_Yellow, @color_BlueWeakStronger, @color_BlueWeakStronger, @color_BlueWeakStronger);
}

div.skolehjemoverblik-plads[data-plads-status="spærret-pige"],
div.skolehjemoverblik-farvekode[data-plads-status="spærret-pige"] {
	background-image: linear-gradient(to bottom, @color_lectio_Yellow, @color_lectio_Yellow, @color_lectio_Yellow, @color_lectio_Pink, @color_lectio_Pink, @color_lectio_Pink);
}*/
div.skolehjemoverblik-plads.highlight {
  box-shadow: 0px 0px 1px 1px black;
}
div.skolehjemoverblik-plads {
  width: 17px;
  height: 25px;
  border-radius: 10px;
  margin: 3px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #75777a;
  vertical-align: middle;
}
div.skolehjemoverblik-farvekode-eksempler {
  padding-top: 20px;
}
div.skolehjemoverblik-farvekode,
div.skolehjemoverblik-iconkode {
  width: 15px;
  height: 15px;
  line-height: 15px;
  border-radius: 0px;
  margin: 3px;
  display: inline-block;
  vertical-align: middle;
}
div.skolehjemoverblik-farvekode {
  border: 1px solid #75777a;
}
div.skolehjemoverblik-iconkode {
  border: 1px solid transparent;
}
div.skolehjemoverblik-farvekode,
div.skolehjemoverblik-farvekode-beskrivelse,
div.skolehjemoverblik-iconkode,
div.skolehjemoverblik-iconkode-beskrivelse {
  vertical-align: middle;
  display: inline-block;
}
div.skolehjem-holdtilknytning-tilskudregel-grid {
  margin-top: 10px;
  display: grid;
  grid-template-areas: "Name Value Button";
  align-items: center;
  justify-content: space-between;
  grid-auto-columns: 135px 1fr 0.5fr;
  justify-items: start;
  grid-column-gap: 10px;
}
div.skolehjem-holdtilknytning-tilskudregel-grid div.tilskudregel-name {
  grid-area: Name;
  justify-self: start;
}
div.skolehjem-holdtilknytning-tilskudregel-grid div.tilskudregel-value {
  grid-area: Value;
  white-space: pre-wrap;
  justify-self: center;
}
div.skolehjem-holdtilknytning-tilskudregel-grid div.tilskudregel-button {
  grid-area: Button;
  justify-self: end;
}
.skolehjem-booking-tilskudregel-grid {
  display: grid;
  grid-template-areas: "Name Value";
  align-items: center;
  justify-content: space-between;
  grid-auto-columns: 135px 1fr;
  justify-items: start;
  grid-column-gap: 10px;
  padding: 3px;
}
.skolehjem-booking-tilskudregel-grid div.tilskudregel-name {
  grid-area: Name;
  justify-self: start;
}
.skolehjem-booking-tilskudregel-grid div.tilskudregel-value {
  grid-area: Value;
  white-space: pre-wrap;
  justify-self: center;
}
/* END */
/************************************************* */
.file-skolehjem-less-end {
  color: blue;
}

.file-studypresentationcategories-less {
  color: blue;
}
/************************************************ */
/* Studieretningspræsentation oversigt/kategorier */
/************************************************ */
#krop .forsideTabel {
  color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  width: 36.5em;
  border-collapse: collapse;
}
#krop .forsideTabel TD {
  height: 13.5em;
  text-align: center;
  padding: 0.8em 0.8em 1.4em 0.8em;
}
#krop A.studietilbud,
A.studietilbud B,
A.studietilbud I {
  text-decoration: none;
  color: #ffffff;
}
#krop A.studietilbud:hover {
  background-color: #0e65ba;
}
#krop A.studietilbud I {
  text-decoration: none;
  color: #f5f5f5;
}
#krop .forsideHead {
  color: #000000;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0.4em;
}
/******************************/
.forsideCell1,
.forsideCell2,
.forsideCell3,
.forsideCell4,
.forsideCell5,
.forsideCell6,
.forsideCell7,
.forsideCell8,
.forsideCell9,
.forsideCell10,
.forsideCell11,
.forsideCell12,
.forsideCell13,
.forsideCell14,
.forsideCell15,
.forsideCell16,
.forsideCell17,
.forsideCell20,
.forsideCell21 {
  border: solid 1px white;
}
/*******************************************************************************************************/
/*BLÅGRÅ**********************************************************************************************/
/*HF, IB, EUD10 */
#krop .forsideCell,
#krop .forsideCell20,
#krop .forsideCell21 {
  background-color: #98c0c8;
}
/*******************************************************************************************************/
/*stx naturvidenskab grøn ******************************************************************************/
#krop .forsideCell1,
.forsideCell11 {
  background-color: #6C9E20;
}
/*HHX Internationalt orienteret */
#krop .forsideCell7 {
  /*background-color: #948A54; grønbrun */
  border: solid 1px white;
  background-color: #6C9E20;
}
/*******************************************************************************************************/
/* BLÅ **********************************************************************************************/
/*samfundfundsvidenskab*/
#krop .forsideCell2,
.forsideCell12 {
  background-color: #1184D6;
}
.forsideCell13 {
  /*background-color:#24d009;*/
  border: solid 1px white;
  background-color: #1184D6;
}
/* HHX Økonomi og sprog */
#krop .forsideCell9,
.forsideCell19 {
  /*background-color: #3AB0F2; lyseblå*/
  border: solid 1px white;
  background-color: #1184D6;
}
/* HTX Matematisk/It-orienteret */
#krop .forsideCell10 {
  /*	background-color: #66FFB6; neon-grøn*/
  border: solid 1px white;
  background-color: #1184D6;
}
/*******************************************************************************************************/
/* RØD **********************************************************************************************/
/*sprog*/
#krop .forsideCell3,
.forsideCell14 {
  background-color: #E95118;
}
/*******************************************************************************************************/
/* ORANGE **********************************************************************************************/
/* STX kunst */
#krop .forsideCell4,
.forsideCell15 {
  background-color: #FCA307;
}
/*HTX teknologisk*/
#krop .forsideCell6,
.forsideCell16 {
  /*background-color:#F08406; orange*/
  border: solid 1px white;
  background-color: #FCA307;
}
/*******************************************************************************************************/
/* LILLA *********************************************************************************************/
/* HHX Økonomi og marked */
#krop .forsideCell8,
.forsideCell18 {
  background-color: #8064B2;
}
/* HTX Kommunikationsteknisk */
#krop .forsideCell5,
.forsideCell17 {
  /*background-color: #FF66FF; magenta*/
  background-color: #8064B2;
}
/*******************************************************************************************************/
.file-studypresentationcategories-less-end {
  color: blue;
}

.file-utilities-less {
  color: blue;
}
/****************************************************/
/* Alignment ********************************/
/****************************************************/
.textRight,
TH.textRight,
.textRight TH,
.textRight TD {
  text-align: right;
}
.textLeft,
TH.textLeft,
.textLeft TH,
.textLeft TD TABLE TBODY TR TH .textLeft,
TABLE TBODY TR TD .textLeft {
  text-align: left;
}
.textCenter,
TH.textCenter,
TD.textCenter,
.textCenter TH,
.textCenter TD,
.textCenter TR TH,
.textCenter TR TD {
  text-align: center;
}
.textCenterMinWidth {
  text-align: center;
  min-width: 75px;
}
.textTop,
.textTop TH,
.textTop TD {
  vertical-align: top;
}
.textBot,
.textBot TH,
.textBot TD {
  vertical-align: bottom !important;
}
.textMid *,
.textMid,
.textMid TH,
.textMid TD,
.textMid,
.textMid TR TD {
  vertical-align: middle !important;
}
/* for button or link rows  */
.floatContainer {
  display: block;
  overflow: hidden;
}
/* for larger areas NO specific height */
.floatClear,
.ls-float-clear {
  clear: both;
}
/* stop float */
.floatLeft {
  float: left;
  display: inline;
}
.floatRight {
  float: right;
  display: inline;
}
/* END - Alignment ********************************/
.hidetabinputbutton {
  width: 0 !important;
  height: 0 !important;
  -moz-opacity: 0.01;
  /* for Firefox */
  opacity: 0.01;
  /* for other browsers */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  /* for MSIE 8*/
  filter: alpha(opacity=1);
  /* for MSIE 5-7 */
  border: 0;
  /* fixed for at faa den til at blive i viewport, saa browseren ikke scroller hen til den, naar man trykker paa den. */
  position: fixed;
  right: 5px;
  top: 5px;
}
.hidden {
  width: 0;
  height: 0;
  position: absolute;
  visibility: hidden;
}
/****************************************************/
/* Fonts ********************************************/
/****************************************************/
.heavy,
.bb_b,
.textBold {
  font-weight: bold;
}
.bb_i {
  font-style: italic;
}
.bb_u {
  text-decoration: underline;
}
.normal {
  font-weight: normal;
}
.resetText {
  font-weight: normal !important;
  color: #333333 !important;
  text-decoration: none !important;
  font-size: 1em !important;
  font-family: helvetica, arial, sans-serif !important;
}
/* END - Fonts ********************************************/
/* ************************************************ */
/*		Tooltips									*/
/* ************************************************ */
.tooltips,
.tooltip {
  cursor: help;
  color: #466c80;
}
.tooltipimp {
  cursor: help;
}
.tooltiphead {
  cursor: help;
  color: #466c80;
  font-weight: bold;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .tooltiphead,
  .tooltips,
  .tooltip,
  .tooltipimp {
    cursor: default;
    color: unset;
  }
}
/****************************************************/
/* Text  ********************************************/
/****************************************************/
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.noWrap,
.noWrap TD,
.noWrap TH,
.nowrap,
.nowrap TD,
.nowrap TH {
  white-space: nowrap !important;
}
.wrap,
TABLE.wrap TR TD {
  white-space: normal !important;
  word-break: break-word;
  hyphens: auto;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .wrap,
  TABLE.wrap TR TD {
    word-break: normal;
  }
}
.breakword {
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  word-break: normal;
}
.ls-text-wrap {
  white-space: pre-wrap;
  word-wrap: normal;
  word-break: break-word;
  overflow-wrap: break-word;
}
/****************************************************/
/* Links  ********************************************/
/****************************************************/
.cursorhand {
  cursor: pointer;
}
.cursorhelp {
  cursor: help;
}
A.nohover:hover,
.nohover:hover A,
.nohover:hover IMG {
  background: none;
  background-color: transparent;
  color: #1b5c9e !important;
}
.nomargin {
  margin: 0;
}
.nopadding {
  padding: 0;
}
/*******************************************/
/* widths & heights */
.maxW {
  max-width: 100%;
  width: 100%;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .maxW {
    max-width: unset;
    width: unset;
  }
}
.marginRight {
  margin-right: 0.35em;
}
.marginLeft {
  margin-left: 0.35em;
}
.marginTop {
  margin-Top: 0.35em;
}
.marginBottom {
  margin-bottom: 0.35em;
}
.maxWidth {
  width: 98%;
  margin: 0;
  padding: 0;
}
.ls-height-75 {
  height: 75vh;
}
.ls-height-80 {
  height: 80vh;
}
.ls-height-100 {
  height: 100vh;
}
/* ************************************************** */
/*       Tabelkolonner - Bredde
/* ************************************************** */
.minWidth5em {
  min-width: 5em;
}
.minWidth8em {
  min-width: 8em;
}
.minWidth10em {
  min-width: 10em;
}
.minWidth20em {
  min-width: 20em;
}
.minWidth30em {
  min-width: 30em;
}
.maxWidth20em {
  max-width: 20em;
}
.maxWidth30em {
  max-width: 30em;
}
.width8em {
  min-width: 8em;
  max-width: 8em;
}
.width12em {
  min-width: 12em;
  max-width: 12em;
}
.width20em {
  min-width: 20em;
  max-width: 20em;
}
.Width120 {
  min-width: 120px;
  max-width: 120px;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .maxWidth {
    width: unset;
  }
  .maxWidth15emMobile {
    max-width: 15em;
  }
  .maxWidth20emMobile {
    max-width: 20em;
  }
}
TD.smallCol,
TH.smallCol,
TR.smallCol TD,
TR.smallCol TH,
.smallCol {
  width: 30px;
}
TD.mediumCol,
TH.mediumCol,
TR.mediumCol TD,
TR.mediumCol TH,
.mediumCol {
  width: 60px;
}
TD.largeCol,
TH.largeCol,
TR.largeCol TD,
TR.largeCol TH,
.largeCol {
  width: 90px;
}
TD.xlargeCol,
TH.xlargeCol,
TR.xlargeCol TD,
TR.xlargeCol TH,
.xlargeCol {
  width: 120px;
}
TD.xxlargeCol,
TH.xxlargeCol,
TR.xxlargeCol TD,
TR.xxlargeCol TH,
.xxlargeCol {
  width: 150px;
}
/* ***************************************************************************** */
/* Lectio-control styles lec:LectioTextBox, lec:simple select, lec:LectioDropDown*/
/* ***************************************************************************** */
.ls-control-textbox-3xlarge {
  width: 29em;
}
.ls-control-textbox-2xlarge {
  width: 21em;
}
.ls-control-textbox-xlarge {
  width: 18em;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-control-textbox-xlarge {
    width: 70vw;
  }
}
.ls-control-textbox-large {
  width: 13em;
}
.ls-control-textbox-medium {
  width: 9em;
}
.ls-control-textbox-medium-small {
  width: 7em;
}
.ls-control-textbox-small {
  width: 6em;
}
.ls-control-textbox-xsmall {
  width: 4.5em;
}
.ls-control-textbox-multiline {
  white-space: pre-wrap;
}
.ls-control-select-simple {
  width: 15em;
}
.ls-control-dropdown {
  display: inline-flex;
  max-width: 100%;
}
.ls-control-dropdown select {
  max-width: 100%;
}
/* ************************************************** */
/*       Text og Select boxe - Bredde                 */
/* ************************************************** */
.smallBox,
INPUT.smallBox {
  width: 80px;
}
td.smallBox input[type=text] {
  width: 80px;
}
.mediumBox,
INPUT.mediumBox {
  width: 130px;
}
td.mediumBox input[type=text] {
  width: 130px;
}
.largeBox {
  width: 180px;
}
td.largeBox input[type=text] {
  width: 180px;
}
.xlargeBox {
  width: 250px;
}
td.xlargeBox input[type=text] {
  width: 250px;
}
.xxlargeBox {
  width: 350px;
}
td.xxlargeBox input[type=text] {
  width: 350px;
}
/* CKEditor's filvælger sætter z-index:10020*/
.documentchooserDialog {
  z-index: 10021;
}
.documentchooserDialog .ui-dialog-buttonpane {
  /*background-color: #fafafa;
	border-top: solid 2px @color_lectio_LightBlue;*/
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .documentchooserDialog .ui-dialog-buttonpane {
    width: fit-content;
  }
}
.documentchooserDialog .insert-as-type {
  display: flex;
  font-size: 1.2em;
  justify-content: right;
  margin-top: 0.6em;
  margin-right: 11em;
  color: #1b5c9e;
}
.documentchooserDialog .insert-as-type input[type=radio] {
  margin-left: 0.9em;
  margin-top: 0;
  padding-top: 0;
}
.documentchooser-uploadfile-div {
  margin-top: 3em;
  margin-left: 2em;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .documentchooser-uploadfile-div .button {
    margin-top: 0.5em;
  }
}
/* noty extra styling (se Test/notifiertest.aspx)*/
.noty_bar {
  padding: 0.5em;
}
/*
	.noty_layout {
		background-repeat: no-repeat;
		background-position: 1.2em center;
		background-size: 3em 3em;
	}
	*/
.noty_message {
  margin-left: 3.5em;
}
.nb_type_information {
  color: #00687a;
  margin-left: 2.3rem;
}
.nb_type_information::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  content: "info";
  font-size: 1.9em;
  vertical-align: middle;
  position: relative;
  margin-left: -2.3rem;
}
.nb_type_alert {
  color: #a80710;
  margin-left: 2.3rem;
}
.nb_type_alert::before {
  font-family: ls-font-icons;
  font-style: normal;
  font-weight: 250;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  content: "warning";
  font-size: 1.9em;
  vertical-align: middle;
  position: relative;
  margin-left: -2.3rem;
}
/*************************************************************/
/* layout af f.eks. div og span elementer - (ikke tabeller) */
.ls-flex-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.ls-flex-content img {
  display: inline-block;
  vertical-align: middle;
}
.ls-flex-content img img,
.ls-flex-content img span,
.ls-flex-content img a,
.ls-flex-content img label {
  vertical-align: middle;
  margin-top: 0;
}
/* praktikpladsforside, tjekkes */
.ls-flex-0,
.ls-flex-1,
.ls-flex-2 .ls-flex-3,
.ls-flex-4,
.ls-flex-5,
.ls-flex-6 {
  display: block !important;
  flex: 0;
}
.ls-flex-1 {
  flex: 1;
}
.ls-flex-2 {
  flex: 2;
}
.ls-flex-3 {
  flex: 3;
}
.ls-flex-4 {
  flex: 4;
}
.ls-flex-5 {
  flex: 5;
}
.ls-flex-6 {
  flex: 6;
}
/***********************************************************************/
/* til knap/navigations rækker over under øer/tabeller m.v. sættes på ydre div samt to indre divs til indhold (venstre - højre placering)*/
.ls-std-rowblock {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0.5em 0;
}
.ls-std-rowblock img,
.ls-std-rowblock a,
.ls-std-rowblock span,
.ls-std-rowblock div,
.ls-std-rowblock label {
  vertical-align: middle;
}
.ls-std-rowblock .buttonoutlined,
.ls-std-rowblock .buttonfilledtonal,
.ls-std-rowblock .buttonfilled {
  margin-bottom: 0.3rem;
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ls-std-rowblock {
    /* toolbar knapper wrappede på mobil - skal muligvis gøres generel også gælde for desktop*/
  }
  .ls-std-rowblock > div {
    white-space: nowrap;
  }
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .ls-std-rowblock {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0.2em 0;
    flex-wrap: wrap;
  }
  .ls-std-rowblock img,
  .ls-std-rowblock a,
  .ls-std-rowblock span,
  .ls-std-rowblock div,
  .ls-std-rowblock label {
    vertical-align: middle;
  }
}
@media only screen and (max-device-width: 448px) and (orientation: portrait), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), only screen and (max-device-width: 932px) and (orientation: landscape) and (min-resolution: 2.1dppx), only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-device-width: 767px) and (max-device-height: 1023) and (orientation: landscape), only screen and (device-width:  448px) and (device-height: 998px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .tidsreg-table-mobile {
    margin: 10px;
  }
}
.ls-std-rowblock-ltr {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0.2em 0;
}
.ls-std-rowblock-ltr img,
.ls-std-rowblock-ltr a,
.ls-std-rowblock-ltr span,
.ls-std-rowblock-ltr div,
.ls-std-rowblock-ltr label {
  vertical-align: middle;
}
.ls-std-rowblock-rtl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0.2em 0;
  justify-content: flex-end;
}
.ls-std-rowblock-rtl img,
.ls-std-rowblock-rtl a,
.ls-std-rowblock-rtl span,
.ls-std-rowblock-rtl div,
.ls-std-rowblock-rtl label {
  vertical-align: middle;
}
.ls-std-rowblock-rtl DIV.buttonicon {
  padding-left: 0.2em;
  padding-right: 0.2em;
}
.ls-std-rowblock-rtl DIV.buttonicon:last-of-type {
  padding-right: 0em;
}
ul.ls-std-ul-inputlist li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0.4em 0;
}
ul.ls-std-ul-inputlist li img,
ul.ls-std-ul-inputlist li a,
ul.ls-std-ul-inputlist li span,
ul.ls-std-ul-inputlist li div,
ul.ls-std-ul-inputlist li label,
ul.ls-std-ul-inputlist li input {
  vertical-align: middle;
}
ul.ls-std-ul-inputlist-horisontal {
  display: flex;
  flex-direction: row;
}
ul.ls-std-ul-inputlist-horisontal li {
  margin: 0 0.4em 0 0;
}
ul.ls-std-ul-inputlist-horisontal li img,
ul.ls-std-ul-inputlist-horisontal li a,
ul.ls-std-ul-inputlist-horisontal li span,
ul.ls-std-ul-inputlist-horisontal li div,
ul.ls-std-ul-inputlist-horisontal li label,
ul.ls-std-ul-inputlist-horisontal li input {
  vertical-align: middle;
}
/*************************************************************/
/* til elementer der skal placeres ved siden af hinanden (NB må ikke bruges til islands (ø'er). Sættes på ydre div, herved vil underliggende diver(ø'er)  placeres ved siden af hinanden og alignes til top */
.ls-std-rowblock-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.ls-std-rowblock-top-ltr {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
/**********************************************/
.ls-std-inline-block {
  display: inline-block;
  vertical-align: middle;
}
.ls-std-inline-block img,
.ls-std-inline-block span,
.ls-std-inline-block a,
.ls-std-inline-block label {
  vertical-align: middle;
  margin-top: 0;
}
.ls-flip-element-horisontal {
  transform: scaleX(-1);
}
.ls-flex-col {
  display: flex;
  flex-direction: column;
}
.ls-color-label {
  display: flex;
  justify-content: flex-end;
  padding-left: 4px;
  padding-right: 4px;
  align-items: center;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #75777a;
  max-width: inherit;
}
.ls-color-label:hover {
  opacity: 0.8;
}
.ls-color-label a,
.ls-color-label .ls-fonticon,
.ls-color-label .tooltip {
  color: black;
}
.ls-color-label-red {
  display: flex;
  justify-content: flex-end;
  padding-left: 4px;
  padding-right: 4px;
  align-items: center;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #75777a;
  max-width: inherit;
  background-color: #fc5d4f;
  color: #400404;
}
.ls-color-label-red:hover {
  opacity: 0.8;
}
.ls-color-label-red a,
.ls-color-label-red .ls-fonticon,
.ls-color-label-red .tooltip {
  color: black;
}
.ls-color-label-green {
  display: flex;
  justify-content: flex-end;
  padding-left: 4px;
  padding-right: 4px;
  align-items: center;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #75777a;
  max-width: inherit;
  background-color: #cef087;
  color: #4e670f;
}
.ls-color-label-green:hover {
  opacity: 0.8;
}
.ls-color-label-green a,
.ls-color-label-green .ls-fonticon,
.ls-color-label-green .tooltip {
  color: black;
}
.file-utilities-less-end {
  color: blue;
}


/*# sourceMappingURL=lectio-css.bundle.css.map*/