/*! 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.33333333rem;
  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-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  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: oklch(0.9771 0.0664 120.34);
}
.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: oklch(0.9134 0.0292 244.92 / 1);
  color: oklch(0.3961 0.0309 241.47 / 1);
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-entity-highlighted.prepend-fonticon-uddannelsesforloeb::before {
  color: oklch(0.3961 0.0309 241.47 / 1);
}
.display-grid-aktivitetsplan-oversigt .aktivitetsplan-visning-container .aktivitetsplan-visning-kalender .aktivitetsplan-visning-entity-container .aktivitetsplan-visning-headliner-entity {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.16666667rem;
  line-height: 1.66666667rem;
  letter-spacing: 0.00833333rem;
  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 Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  font-size: 0.91666667rem;
  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 Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  font-size: 0.91666667rem;
  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 Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  font-size: 0.91666667rem;
  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: oklch(0.9134 0.0292 244.92 / 1);
  color: oklch(0.3961 0.0309 241.47 / 1);
}
.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: oklch(0.9771 0.0664 120.34);
}
.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 Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  font-size: 0.91666667rem;
  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: oklch(0.4788 0.107986 239.0646 / 1);
  stroke-width: 1pt;
}
svg .main .todayLineZoom {
  stroke: oklch(0.4788 0.107986 239.0646 / 1);
  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 #e2e2e5;
  background-color: #f7f7fa;
}
.display-grid-skemaforside {
  display: grid;
  width: 98vw;
  margin-top: 0.05rem;
  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 oklch(0.4788 0.107986 239.0646 / 1);
  cursor: pointer;
}
.ls-miniskema tr:hover:not(tr:first-of-type) th {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  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: oklch(0.4788 0.107986 239.0646 / 1);
}
.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: oklch(0.4788 0.107986 239.0646 / 1);
  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: oklch(0.4788 0.107986 239.0646 / 1);
}
.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 #f9f9fc;
  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;
  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 #c6c6c9;
  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: #00687a;
  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: oklch(0.4788 0.107986 239.0646 / 1);
}
.display-grid-skemany .grid-area-skema .skemaweekModuleContainer,
.display-grid-skemaforside .grid-area-skema .skemaweekModuleContainer {
  background-color: #ecf1f9;
  white-space: nowrap;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #c6c6c9;
  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;
}
.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 {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.16666667rem;
  line-height: 1.66666667rem;
  letter-spacing: 0.00833333rem;
  color: oklch(0.4788 0.107986 239.0646 / 1);
  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 #c6c6c9;
}
.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 {
  background-color: #ecf1f9;
  color: oklch(0.4788 0.107986 239.0646 / 1);
  white-space: nowrap;
  border-bottom: solid 1px #b8c3cc;
  text-align: center;
  vertical-align: middle;
  border-left: 1px solid #e2e2e5;
  /* uge 'kolonne-bredde' */
  max-width: 35em;
  cursor: pointer;
  user-select: none;
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  line-height: 1.333rem;
  letter-spacing: 0.042rem;
  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 {
  background-color: #ecf1f9;
  color: #00687a;
  font-family: 'Roboto Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  font-weight: 700;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #c6c6c9;
  /* uge 'kolonne-bredde' */
  max-width: 35em;
  cursor: pointer;
  user-select: none;
  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: solid 1px #c6c6c9;
}
.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-color: #f0fbff;
}
.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 #f9f9fc;
  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 #f9f9fc;
  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 #f9f9fc;
  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 #f9f9fc;
  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 #f9f9fc;
  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 #f9f9fc;
  border: solid 2px transparent;
  background-color: oklch(0.9078 0.1368 123.79);
  border-left: solid 2px oklch(0.7353 0.1295 124.23);
  /*	.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 #f9f9fc;
  border: solid 2px oklch(0.4788 0.107986 239.0646 / 1);
  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 #f9f9fc;
  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: 400;
  font-size: 1.33333333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  color: #00687a;
}
@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: 400;
    font-size: 1.16666667rem;
    line-height: 1.66666667rem;
    letter-spacing: 0.00833333rem;
    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;
}
.ls-scanner-cameraview div#videoContainer div input[type="radio"]:checked {
  background-color: oklch(0.4788 0.107986 239.0646 / 1);
  color: #ffffff;
}
.ls-scanner-cameraview-nav span {
  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;
  background-color: #ecf1f9;
  transition: background-color 0.35s ease-in;
}
.ls-scanner-cameraview-nav span.cam-selected {
  background-color: oklch(0.4788 0.107986 239.0646 / 1);
  color: #ffffff;
}
.ls-scanner-person {
  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.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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 Medium';
  font-weight: 500;
  line-height: 1.66666667rem;
  letter-spacing: 0.008rem;
  font-size: 1.16666667rem;
}
@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 Medium';
    font-weight: 500;
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
  }
}
.ls-scanner-person .ls-scanner-selection {
  color: #00687a;
  font-weight: 600;
  font-family: 'Roboto Medium';
  font-weight: 500;
  line-height: 1.66666667rem;
  letter-spacing: 0.008rem;
  font-size: 1.16666667rem;
  /*color: @--md-ref-palette-custom560;*/
}
.ls-scanner-person .ls-scanner-status {
  font-weight: 600;
  /*color: @--md-ref-palette-custom360;*/
  font-family: 'Roboto Medium';
  font-weight: 500;
  line-height: 1.66666667rem;
  letter-spacing: 0.008rem;
  font-size: 1.16666667rem;
  margin: 0.25rem auto;
}
.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;
  }
}
.start-scanner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ls-tilmvalg {
  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.33333333rem;
  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-tilmvalg .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
.ls-tilmvalg .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
  border-bottom: solid 1px #fff;
  background-color: #fff;
}
.ls-tilmvalg div[role=heading] > span:first-of-type {
  color: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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-tilmvalg {
    max-width: 98dvw;
  }
}
.ls-tilmvalg table {
  max-width: 100%;
  border: none;
}
.ls-tilmvalg table tr td {
  padding: 0.35rem 0;
}
.ls-tilmvalg table tr td input {
  margin-right: 0.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), 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-tilmvalg table tr td input {
    font-size: 1.25rem;
  }
}
/************************/
/* Start Scan result animation */
.ls-scan-feedback-negative {
  animation: shakenegative 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 10rem;
  background-color: #fedbd6;
}
.ls-scan-feedback-negative .ls-scanner-selection {
  color: unset;
}
.ls-scan-feedback-negative .ls-scanner-status {
  color: unset;
  display: flex;
  align-items: center;
}
.ls-scan-feedback-negative .ls-scanner-status::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-scan-feedback-negative .ls-scanner-status:active::before,
.ls-scan-feedback-negative .ls-scanner-status:focus::before {
  opacity: 0.88;
}
.ls-scan-feedback-negative .ls-scanner-status:hover::before {
  opacity: 0.92;
}
.ls-scan-feedback-negative .ls-scanner-status[disabled="disabled"]::before {
  opacity: 0.62;
}
.ls-scan-feedback-negative .ls-scanner-status[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.ls-scan-feedback-negative .ls-scanner-status.large::before {
  font-size: 2rem;
}
.ls-scan-feedback-negative .ls-scanner-status::before {
  content: "warning";
  color: #a80710;
}
.ls-scan-feedback-positive {
  animation: shakepositive 0.42s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 10rem;
  background-color: oklch(0.9078 0.1368 123.79);
}
.ls-scan-feedback-positive .ls-scanner-selection {
  color: #666;
}
.ls-scan-feedback-positive .ls-scanner-status {
  color: #666;
  display: flex;
  align-items: center;
}
.ls-scan-feedback-positive .ls-scanner-status::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-scan-feedback-positive .ls-scanner-status:active::before,
.ls-scan-feedback-positive .ls-scanner-status:focus::before {
  opacity: 0.88;
}
.ls-scan-feedback-positive .ls-scanner-status:hover::before {
  opacity: 0.92;
}
.ls-scan-feedback-positive .ls-scanner-status[disabled="disabled"]::before {
  opacity: 0.62;
}
.ls-scan-feedback-positive .ls-scanner-status[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.ls-scan-feedback-positive .ls-scanner-status.large::before {
  font-size: 2rem;
}
.ls-scan-feedback-positive .ls-scanner-status::before {
  content: "check";
  color: oklch(0.7353 0.1295 124.23);
  font-weight: 350;
}
@keyframes shakenegative {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes shakepositive {
  10%,
  90% {
    transform: translate3d(0, -1px, 0);
  }
  40%,
  60% {
    transform: translate3d(0, 4px, 0);
  }
}
/* ENd Scan animation */
/************************/
.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-scanner-person-search.ls-searchbox-container,
.ls-scanner-person-search.ls-searchbox-container-outlined {
  /* override default styles */
}
.ls-scanner-person-search.ls-searchbox-container input,
.ls-scanner-person-search.ls-searchbox-container-outlined 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-scanner-person-search.ls-searchbox-container,
  .ls-scanner-person-search.ls-searchbox-container-outlined {
    position: fixed;
    top: 2.7rem;
  }
  .ls-scanner-person-search.ls-searchbox-container input,
  .ls-scanner-person-search.ls-searchbox-container-outlined input {
    max-width: 76dvw;
  }
}
.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.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.message-thread-message.viewed-persons-message {
  background-color: oklch(0.9134 0.0292 244.92 / 1);
}
.message-reply-summary.viewed-persons-message {
  background-color: oklch(0.9134 0.0292 244.92 / 1);
}
.message {
  word-break: break-word;
  hyphens: auto;
  display: block;
}
.message-menu .buttonicon a {
  padding: 0;
}
.message-thread-message-sender {
  font-family: 'Roboto Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  font-size: 0.91666667rem;
  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 Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  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.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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.33333333rem;
}
.grayed-out {
  font-style: italic;
  color: #75777a;
  cursor: default;
  padding-top: 2px;
}
/*bruges denne?*/
.thread-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
}
.thread-header-container {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.33333333rem;
  display: flex;
  justify-content: space-between;
}
.thread-header-content {
  flex-wrap: wrap;
}
.thread-header-content .thread-header-content-recipients {
  padding-left: 0.8rem;
}
@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-content .thread-header-content-recipients {
    padding-left: 0;
  }
}
.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.2rem 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 .buttonlink a {
  display: flex;
  align-items: 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), 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: 400;
    font-size: 1.33333333rem;
    line-height: 2rem;
    letter-spacing: 0.0125rem;
    color: oklch(0.2252 0.0049 248.05 / 1);
    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 Medium';
    font-weight: 500;
    line-height: 1.66666667rem;
    letter-spacing: 0.008rem;
    font-size: 1.16666667rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .message-list-thread-container .message-list-thread-subject {
    grid-area: c;
    font-family: 'Roboto Medium';
    font-weight: 500;
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    font-size: 0.91666667rem;
    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.33333333rem;
    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 Medium';
    font-weight: 500;
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    font-size: 0.91666667rem;
    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 Medium';
    font-weight: 500;
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    font-size: 0.91666667rem;
    font-size: 13px;
    flex-grow: 1;
  }
}
/* Visning af slettede beskeder */
.hiddenMessagesShown .message-list-thread-container .message-list-thread-from,
.hiddenMessagesShown .message-list-thread-container .message-list-thread-subject,
.hiddenMessagesShown .message-list-thread-container .message-list-thread-datetime,
.hiddenMessagesShown .message-list-thread-container div.buttonlink a {
  opacity: 0.82;
  font-style: italic;
  color: #75777a;
}
.file-beskeder-less-end {
  color: blue;
}

.file-butik-less {
  color: blue;
}
.ordre-info-summary-container {
  display: flex;
  flex-direction: row;
  gap: 6px;
}
.ordre-info-summary-item {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ordre-info-summary-label {
  color: #666;
}
.ordre-info-summary-count {
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  min-width: 30px;
  text-align: center;
}
.butik-yellow {
  background-color: #fdf2c3;
  color: #524809;
}
.butik-red {
  background-color: #fedbd6;
  color: #832820;
}
table.ls-ordre-rate-list {
  max-width: 70rem;
}
table.ls-ordre-rate-list .ls-ordre-rate-heading {
  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) {
  table.ls-ordre-rate-list {
    /* Start mobile styles */
    min-width: 75dvw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    /* End mobile styles */
  }
  table.ls-ordre-rate-list tr:first-of-type > th {
    display: none;
  }
  table.ls-ordre-rate-list .ls-ordre-rate {
    padding: 0.5rem;
  }
  table.ls-ordre-rate-list .ls-ordre-rate .ls-ordre-rate-deadline {
    font-weight: 700;
    padding-right: 1rem;
  }
  table.ls-ordre-rate-list .ls-ordre-rate .ls-ordre-rate-amount {
    font-weight: 700;
    padding-right: 0.5rem;
  }
  table.ls-ordre-rate-list .ls-ordre-rate .ls-ordre-rate-status > span[title="Udført"] {
    margin-right: 1.5rem;
  }
}
/********************************/
.file-butik-less-end {
  color: blue;
}

.file-buttons-less {
  color: blue;
}
/********************************************************************/
/** HYPERLINK *******************************************************/
/********************************************************************/
a:focus {
  outline-style: solid;
  outline-color: #1f76ea;
  outline-width: thin;
}
/*
A.tooltip,
A SPAN.tooltip, */
A[href],
.ClientButton {
  color: #1b5c9e;
  text-decoration: none;
  cursor: pointer;
}
A[href] img,
.ClientButton img {
  vertical-align: middle;
}
a.buttonlink {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  text-decoration: none;
  cursor: pointer;
}
a.buttonlink:hover {
  opacity: 0.82;
}
A[href]:hover,
.ClientButton:hover,
A[href].alert:hover,
A[href].attention:hover {
  text-decoration: none;
  cursor: pointer;
  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;
}
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 #ccd2d9;
  border-bottom: 1px solid #ccd2d9;
  color: #1b5c9e;
  border-radius: 0px;
}
.ls-button-face-hover {
  background-color: oklch(0.4788 0.107986 239.0646 / 1);
  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 oklch(0.4788 0.107986 239.0646 / 1);
  border-bottom: 1px solid oklch(0.4788 0.107986 239.0646 / 1);
  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 #ccd2d9;
  border-bottom: 1px solid #ccd2d9;
  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 #ccd2d9;
  border-bottom: 1px solid #ccd2d9;
  color: #1b5c9e;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  background-color: oklch(0.4788 0.107986 239.0646 / 1);
  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 oklch(0.4788 0.107986 239.0646 / 1);
  border-bottom: 1px solid oklch(0.4788 0.107986 239.0646 / 1);
  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 #ccd2d9;
  border-bottom: 1px solid #ccd2d9;
  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 #ccd2d9;
  border-bottom: 1px solid #ccd2d9;
  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 #ccd2d9;
  border-bottom: 1px solid #ccd2d9;
  color: #1b5c9e;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  background-color: oklch(0.4788 0.107986 239.0646 / 1);
  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 oklch(0.4788 0.107986 239.0646 / 1);
  border-bottom: 1px solid oklch(0.4788 0.107986 239.0646 / 1);
  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 #ccd2d9;
  border-bottom: 1px solid #ccd2d9;
  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 #ccd2d9;
  border-bottom: 1px solid #ccd2d9;
  color: #1b5c9e;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  background-color: oklch(0.4788 0.107986 239.0646 / 1);
  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 oklch(0.4788 0.107986 239.0646 / 1);
  border-bottom: 1px solid oklch(0.4788 0.107986 239.0646 / 1);
  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 #ccd2d9;
  border-bottom: 1px solid #ccd2d9;
  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;
  margin-right: 0.15em;
  margin-left: 0.15em;
}
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 #ccd2d9;
  border-bottom: 1px solid #ccd2d9;
  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: oklch(0.4788 0.107986 239.0646 / 1);
  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 oklch(0.4788 0.107986 239.0646 / 1);
  border-bottom: 1px solid oklch(0.4788 0.107986 239.0646 / 1);
  color: #ffffff;
  display: block;
  margin-bottom: 0.1em;
  white-space: nowrap;
  text-align: left;
}
/********************************************************** */
/* TOOLBAR Master header*********************************** */
/********************************************************** */
.lectioToolbar {
  padding: 0em;
  background-image: url('/lectio/img/gradlink.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-bottom: solid 1px #ccd2d9;
  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 #ccd2d9;
}
.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 #ccd2d9;
}
.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 #ccd2d9;
  border-bottom: 1px solid #ccd2d9;
  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 */
  }
}
/* ************************************************** */
/*       MD button configurations		             */
/* ************************************************** */
/* Size
.button-size-xsmall{@ls-button-padding: 0.6675rem 1rem;}
.button-size-small {@ls-button-padding: 0.919rem 1.3333rem;}
.button-size-medium {
}
.button-size-large {
}
.button-size-xlarge {
}
*/
/* start new button-styles*/
.ls-button-base {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
.ls-button-base:hover {
  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 {
  border: solid 1px transparent;
  display: inline-flex;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  opacity: 1;
  padding: 0.5rem 1rem;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-base a:focus {
  /*opacity: 0.88;*/
  outline-style: solid;
  /*outline-width: 0.1666666666666667rem;*/
  outline-width: 1px;
  outline-color: oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-button-base:hover a,
.ls-button-base a:hover {
  border: solid 1px transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  opacity: 0.92;
  cursor: pointer;
  font-weight: 500;
}
.ls-button-base a:active {
  opacity: 0.88;
}
.ls-button-base a[disabled="disabled"],
.ls-button-base a[disabled="disabled"]:hover,
.ls-button-base a[disabled="disabled"]:focus {
  outline-color: transparent;
  border: solid 1px transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  opacity: 0.38;
  cursor: default;
  text-shadow: none;
  font-weight: 500;
}
/*BtnFilled source*/
.ls-button-filled {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
.ls-button-filled:hover {
  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 {
  border: solid 1px transparent;
  display: inline-flex;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  opacity: 1;
  padding: 0.5rem 1rem;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-filled a:focus {
  /*opacity: 0.88;*/
  outline-style: solid;
  /*outline-width: 0.1666666666666667rem;*/
  outline-width: 1px;
  outline-color: oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-button-filled:hover a,
.ls-button-filled a:hover {
  border: solid 1px transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  opacity: 0.92;
  cursor: pointer;
  font-weight: 500;
}
.ls-button-filled a:active {
  opacity: 0.88;
}
.ls-button-filled a[disabled="disabled"],
.ls-button-filled a[disabled="disabled"]:hover,
.ls-button-filled a[disabled="disabled"]:focus {
  outline-color: transparent;
  border: solid 1px transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  opacity: 0.38;
  cursor: default;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-filled a:link,
.ls-button-filled a:visited {
  background-color: oklch(0.4788 0.107986 239.0646 / 1);
  color: #ffffff;
}
.ls-button-filled a:focus {
  background-color: oklch(0.4788 0.107986 239.0646 / 1);
  color: #ffffff;
}
.ls-button-filled:hover a,
.ls-button-filled a:hover {
  /*.primary;*/
  background: oklch(0.4088 0.107986 239.0646 / 1);
  color: #ffffff;
}
.ls-button-filled a:active {
  /*.primary;*/
  background: oklch(0.3588 0.107986 239.0646 / 1);
  color: #ffffff;
}
.ls-button-filled a[disabled="disabled"],
.ls-button-filled a[disabled="disabled"]:hover {
  background-color: oklch(0.2252 0.0049 248.05 / 0.1);
  /* i MD alpha = 0.1 */
  color: oklch(0.2252 0.0049 248.05 / 1);
}
/*Btn source*/
.ls-button-filled-tonal {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
.ls-button-filled-tonal:hover {
  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 {
  border: solid 1px transparent;
  display: inline-flex;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  opacity: 1;
  padding: 0.5rem 1rem;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-filled-tonal a:focus {
  /*opacity: 0.88;*/
  outline-style: solid;
  /*outline-width: 0.1666666666666667rem;*/
  outline-width: 1px;
  outline-color: oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-button-filled-tonal:hover a,
.ls-button-filled-tonal a:hover {
  border: solid 1px transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  opacity: 0.92;
  cursor: pointer;
  font-weight: 500;
}
.ls-button-filled-tonal a:active {
  opacity: 0.88;
}
.ls-button-filled-tonal a[disabled="disabled"],
.ls-button-filled-tonal a[disabled="disabled"]:hover,
.ls-button-filled-tonal a[disabled="disabled"]:focus {
  outline-color: transparent;
  border: solid 1px transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  opacity: 0.38;
  cursor: default;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-filled-tonal a:link,
.ls-button-filled-tonal a:visited {
  background-color: oklch(0.9134 0.0292 244.92 / 1);
  color: oklch(0.3961 0.0309 241.47 / 1);
}
.ls-button-filled-tonal a:focus {
  /*.secondary-container;*/
  background: oklch(0.8734 0.0292 244.92 / 1);
  color: oklch(0.3961 0.0309 241.47 / 1);
}
.ls-button-filled-tonal:hover a,
.ls-button-filled-tonal a:hover {
  /*.secondary-container;*/
  background: oklch(0.8934 0.0292 244.92 / 1);
  color: oklch(0.3961 0.0309 241.47 / 1);
}
.ls-button-filled-tonal a:active {
  /*.secondary-container;*/
  background: oklch(0.8734 0.0292 244.92 / 1);
  color: oklch(0.3961 0.0309 241.47 / 1);
}
.ls-button-filled-tonal a[disabled="disabled"],
.ls-button-filled-tonal a[disabled="disabled"]:hover {
  background-color: oklch(0.2252 0.0049 248.05 / 0.1);
  /* i MD alpha = 0.1 */
  color: oklch(0.2252 0.0049 248.05 / 1);
}
/*BtnOutlined source*/
.ls-button-outlined {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
.ls-button-outlined:hover {
  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 {
  border: solid 1px transparent;
  display: inline-flex;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  opacity: 1;
  padding: 0.5rem 1rem;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-outlined a:focus {
  /*opacity: 0.88;*/
  outline-style: solid;
  /*outline-width: 0.1666666666666667rem;*/
  outline-width: 1px;
  outline-color: oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-button-outlined:hover a,
.ls-button-outlined a:hover {
  border: solid 1px transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  opacity: 0.92;
  cursor: pointer;
  font-weight: 500;
}
.ls-button-outlined a:active {
  opacity: 0.88;
}
.ls-button-outlined a[disabled="disabled"],
.ls-button-outlined a[disabled="disabled"]:hover,
.ls-button-outlined a[disabled="disabled"]:focus {
  outline-color: transparent;
  border: solid 1px transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  opacity: 0.38;
  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: oklch(0.3947 0.0129 248.15 / 1);
}
.ls-button-outlined a:focus {
  background-color: transparent;
  color: oklch(0.3947 0.0129 248.15 / 1);
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
}
.ls-button-outlined:hover a,
.ls-button-outlined a:hover {
  color: oklch(0.3947 0.0129 248.15 / 1);
  border: solid 1px oklch(0.3947 0.0129 248.15 / 0.5);
  background-color: oklch(0.4788 0.107986 239.0646 / 0.03);
  /* i MD alpha = 0.08 */
}
.ls-button-outlined a:active {
  color: oklch(0.3947 0.0129 248.15 / 1);
  border: solid 1px oklch(0.3947 0.0129 248.15 / 0.6);
  background-color: oklch(0.4788 0.107986 239.0646 / 0.05);
  /* i MD alpha = 0.08 */
}
.ls-button-outlined a[disabled="disabled"],
.ls-button-outlined a[disabled="disabled"]:hover {
  border: solid 1px oklch(0.3947 0.0129 248.15 / 0.025);
  background-color: oklch(0.2252 0.0049 248.05 / 0.1);
  color: oklch(0.2252 0.0049 248.05 / 1);
}
/* Btn Text source*/
.ls-button-text {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
.ls-button-text:hover {
  margin: 0 0.05em 0 0.05em;
}
.ls-button-text a:link,
.ls-button-text a:active,
.ls-button-text a:focus,
.ls-button-text a:visited {
  border: solid 1px transparent;
  display: inline-flex;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  opacity: 1;
  padding: 0.5rem 1rem;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-text a:focus {
  /*opacity: 0.88;*/
  outline-style: solid;
  /*outline-width: 0.1666666666666667rem;*/
  outline-width: 1px;
  outline-color: oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-button-text:hover a,
.ls-button-text a:hover {
  border: solid 1px transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  opacity: 0.92;
  cursor: pointer;
  font-weight: 500;
}
.ls-button-text a:active {
  opacity: 0.88;
}
.ls-button-text a[disabled="disabled"],
.ls-button-text a[disabled="disabled"]:hover,
.ls-button-text a[disabled="disabled"]:focus {
  outline-color: transparent;
  border: solid 1px transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  opacity: 0.38;
  cursor: default;
  text-shadow: none;
  font-weight: 500;
}
.ls-button-text a:link,
.ls-button-text a:visited {
  color: oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-button-text a:focus {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  background-color: oklch(0.4788 0.107986 239.0646 / 0.03);
}
.ls-button-text:hover a,
.ls-button-text a:hover {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  background-color: oklch(0.4788 0.107986 239.0646 / 0.06);
  /* i MD alpha = 0.08 */
}
.ls-button-text a:active {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  background-color: oklch(0.4788 0.107986 239.0646 / 0.1);
}
.ls-button-text a[disabled="disabled"],
.ls-button-text a[disabled="disabled"]:hover {
  color: oklch(0.2252 0.0049 248.05 / 1);
  background-color: oklch(0.2252 0.0049 248.05 / 0);
  /* i MD alpha = 0.1 */
}
/* Link only nobuttonstyle */
.ls-link-nobuttonstyle a:link,
.ls-link-nobuttonstyle a:visited {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  padding: 0.5rem 0.2rem;
  opacity: 1;
}
.ls-link-nobuttonstyle a:active,
.ls-link-nobuttonstyle a:focus {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  padding: 0.5rem 0.2rem;
  opacity: 0.88;
  outline-color: transparent;
}
.ls-link-nobuttonstyle:hover a,
.ls-link-nobuttonstyle a:hover {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  opacity: 0.82;
  padding: 0.5rem 0.2rem;
  background-color: transparent;
}
.ls-link-nobuttonstyle a[disabled="disabled"],
.ls-link-nobuttonstyle a[disabled="disabled"]:hover {
  color: oklch(0.2252 0.0049 248.05 / 1);
  padding: 0.5rem 0.2rem;
  opacity: 0.62;
}
.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 Medium';
  line-height: 1.33333333rem;
  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:focus {
  /*opacity: 0.88;*/
  outline-style: solid;
  /*outline-width: 0.1666666666666667rem;*/
  outline-width: 1px;
  outline-color: oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-button-icon-base:hover a,
.ls-button-icon-base a:hover {
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  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:active {
  opacity: 0.88;
}
.ls-button-icon-base a[disabled="disabled"],
.ls-button-icon-base a[disabled="disabled"]:hover,
.ls-button-icon-base a[disabled="disabled"]:focus {
  outline-color: transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  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 {
  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 Medium';
  line-height: 1.33333333rem;
  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:focus {
  /*opacity: 0.88;*/
  outline-style: solid;
  /*outline-width: 0.1666666666666667rem;*/
  outline-width: 1px;
  outline-color: oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-button-icon-outlined:hover a,
.ls-button-icon-outlined a:hover {
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  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:active {
  opacity: 0.88;
}
.ls-button-icon-outlined a[disabled="disabled"],
.ls-button-icon-outlined a[disabled="disabled"]:hover,
.ls-button-icon-outlined a[disabled="disabled"]:focus {
  outline-color: transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  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: oklch(0.3947 0.0129 248.15 / 1);
  /*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: oklch(0.2252 0.0049 248.05 / 1);
}
.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: oklch(0.3947 0.0129 248.15 / 1);
}
.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: oklch(0.3947 0.0129 248.15 / 1);
  color: oklch(0.2252 0.0049 248.05 / 1);
  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 Medium';
  line-height: 1.33333333rem;
  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:focus {
  /*opacity: 0.88;*/
  outline-style: solid;
  /*outline-width: 0.1666666666666667rem;*/
  outline-width: 1px;
  outline-color: oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-button-icon-filled-tonal:hover a,
.ls-button-icon-filled-tonal a:hover {
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  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:active {
  opacity: 0.88;
}
.ls-button-icon-filled-tonal a[disabled="disabled"],
.ls-button-icon-filled-tonal a[disabled="disabled"]:hover,
.ls-button-icon-filled-tonal a[disabled="disabled"]:focus {
  outline-color: transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  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: oklch(0.9134 0.0292 244.92 / 1);
  color: oklch(0.3961 0.0309 241.47 / 1);
  border: solid 1px oklch(0.9134 0.0292 244.92 / 1);
}
.ls-button-icon-filled-tonal a:active,
.ls-button-icon-filled-tonal a:focus {
  background-color: oklch(0.9134 0.0292 244.92 / 1);
  /*.secondary-container-text;*/
  color: oklch(0.3947 0.0129 248.15 / 1);
  border: solid 1px oklch(0.9134 0.0292 244.92 / 1);
}
.ls-button-icon-filled-tonal:hover a,
.ls-button-icon-filled-tonal a:hover {
  background-color: oklch(0.9134 0.0292 244.92 / 1);
  /*.secondary-container-text;*/
  color: oklch(0.3947 0.0129 248.15 / 1);
  border: solid 1px oklch(0.9134 0.0292 244.92 / 1);
  /*.ls-elevation-level1;*/
}
.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: oklch(0.3947 0.0129 248.15 / 1);
  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 Medium';
  line-height: 1.33333333rem;
  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:focus {
  /*opacity: 0.88;*/
  outline-style: solid;
  /*outline-width: 0.1666666666666667rem;*/
  outline-width: 1px;
  outline-color: oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-button-icon-filled:hover a,
.ls-button-icon-filled a:hover {
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  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:active {
  opacity: 0.88;
}
.ls-button-icon-filled a[disabled="disabled"],
.ls-button-icon-filled a[disabled="disabled"]:hover,
.ls-button-icon-filled a[disabled="disabled"]:focus {
  outline-color: transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  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: oklch(0.4788 0.107986 239.0646 / 1);
  color: #ffffff;
  border: solid 1px oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-button-icon-filled a:active,
.ls-button-icon-filled a:focus {
  background-color: oklch(0.4788 0.107986 239.0646 / 1);
  color: #ffffff;
  border: solid 1px oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-button-icon-filled:hover a,
.ls-button-icon-filled a:hover {
  background-color: oklch(0.4788 0.107986 239.0646 / 1);
  color: #ffffff;
  border: solid 1px oklch(0.4788 0.107986 239.0646 / 1);
  /*.ls-elevation-level1;*/
}
.ls-button-icon-filled a[disabled="disabled"],
.ls-button-icon-filled a[disabled="disabled"]:hover {
  border: solid 1px #dde3ea;
  background-color: #dde3ea;
  color: oklch(0.3947 0.0129 248.15 / 1);
  /*.ls-elevation-level2;*/
}
.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 Medium';
  line-height: 1.33333333rem;
  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:focus {
  /*opacity: 0.88;*/
  outline-style: solid;
  /*outline-width: 0.1666666666666667rem;*/
  outline-width: 1px;
  outline-color: oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-button-icon-standard:hover a,
.ls-button-icon-standard a:hover {
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  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:active {
  opacity: 0.88;
}
.ls-button-icon-standard a[disabled="disabled"],
.ls-button-icon-standard a[disabled="disabled"]:hover,
.ls-button-icon-standard a[disabled="disabled"]:focus {
  outline-color: transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  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: oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-button-icon-standard:hover a,
.ls-button-icon-standard a:hover {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  background-color: rgba(0, 100, 145, 0.06);
}
.ls-button-icon-standard a:active {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  outline-color: transparent;
  background-color: rgba(0, 100, 145, 0.08);
}
.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: oklch(0.2252 0.0049 248.05 / 1);
  opacity: 0.62;
}
/************************/
/* 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: oklch(0.2252 0.0049 248.05 / 1);
  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: 15rem;
  display: none;
  list-style: none;
  text-align: left;
  z-index: 10051 !important;
  background-color: #f9f9fc;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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: flex-start;
  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: flex-start;
  width: calc(100% - 1.6em);
  color: #ffffff;
  background-color: oklch(0.4788 0.107986 239.0646 / 1);
  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: oklch(0.4788 0.107986 239.0646 / 1);
  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 {
  border-radius: 0;
  text-shadow: none;
  border-bottom: solid 3px;
  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;*/
}
/* Link (nobuttonstyle)  */
div.buttonlink a:link,
div.buttonlink a:visited {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  padding: 0.5rem 0.2rem;
  opacity: 1;
}
div.buttonlink a:active,
div.buttonlink a:focus {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  padding: 0.5rem 0.2rem;
  opacity: 0.88;
  outline-color: transparent;
}
div.buttonlink:hover a,
div.buttonlink a:hover {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  opacity: 0.82;
  padding: 0.5rem 0.2rem;
  background-color: transparent;
}
div.buttonlink a[disabled="disabled"],
div.buttonlink a[disabled="disabled"]:hover {
  color: oklch(0.2252 0.0049 248.05 / 1);
  padding: 0.5rem 0.2rem;
  opacity: 0.62;
}
/* Icon standard*/
div.buttonicon,
button.buttonicon {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
  /*rep ls-icon-nobuttonstyle*/
}
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 Medium';
  line-height: 1.33333333rem;
  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:focus,
button.buttonicon a:focus {
  /*opacity: 0.88;*/
  outline-style: solid;
  /*outline-width: 0.1666666666666667rem;*/
  outline-width: 1px;
  outline-color: oklch(0.4788 0.107986 239.0646 / 1);
}
div.buttonicon:hover a,
button.buttonicon:hover a,
div.buttonicon a:hover,
button.buttonicon a:hover {
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  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:active,
button.buttonicon a:active {
  opacity: 0.88;
}
div.buttonicon a[disabled="disabled"],
button.buttonicon a[disabled="disabled"],
div.buttonicon a[disabled="disabled"]:hover,
button.buttonicon a[disabled="disabled"]:hover,
div.buttonicon a[disabled="disabled"]:focus,
button.buttonicon a[disabled="disabled"]:focus {
  outline-color: transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  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: oklch(0.4788 0.107986 239.0646 / 1);
}
div.buttonicon:hover a,
button.buttonicon:hover a,
div.buttonicon a:hover,
button.buttonicon a:hover {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  background-color: rgba(0, 100, 145, 0.06);
}
div.buttonicon a:active,
button.buttonicon a:active {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  outline-color: transparent;
  background-color: rgba(0, 100, 145, 0.08);
}
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: oklch(0.2252 0.0049 248.05 / 1);
  opacity: 0.62;
}
/* MD Button Icon Standard
		div.buttoniconstandard, button.buttoniconstandard {
		.ls-button-icon-standard;
	}*/
/* MD Button Text */
button.buttontext,
div.buttontext {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
button.buttontext:hover,
div.buttontext:hover {
  margin: 0 0.05em 0 0.05em;
}
button.buttontext a:link,
div.buttontext a:link,
button.buttontext a:active,
div.buttontext a:active,
button.buttontext a:focus,
div.buttontext a:focus,
button.buttontext a:visited,
div.buttontext a:visited {
  border: solid 1px transparent;
  display: inline-flex;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  opacity: 1;
  padding: 0.5rem 1rem;
  text-shadow: none;
  font-weight: 500;
}
button.buttontext a:focus,
div.buttontext a:focus {
  /*opacity: 0.88;*/
  outline-style: solid;
  /*outline-width: 0.1666666666666667rem;*/
  outline-width: 1px;
  outline-color: oklch(0.4788 0.107986 239.0646 / 1);
}
button.buttontext:hover a,
div.buttontext:hover a,
button.buttontext a:hover,
div.buttontext a:hover {
  border: solid 1px transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  opacity: 0.92;
  cursor: pointer;
  font-weight: 500;
}
button.buttontext a:active,
div.buttontext a:active {
  opacity: 0.88;
}
button.buttontext a[disabled="disabled"],
div.buttontext a[disabled="disabled"],
button.buttontext a[disabled="disabled"]:hover,
div.buttontext a[disabled="disabled"]:hover,
button.buttontext a[disabled="disabled"]:focus,
div.buttontext a[disabled="disabled"]:focus {
  outline-color: transparent;
  border: solid 1px transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  opacity: 0.38;
  cursor: default;
  text-shadow: none;
  font-weight: 500;
}
button.buttontext a:link,
div.buttontext a:link,
button.buttontext a:visited,
div.buttontext a:visited {
  color: oklch(0.4788 0.107986 239.0646 / 1);
}
button.buttontext a:focus,
div.buttontext a:focus {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  background-color: oklch(0.4788 0.107986 239.0646 / 0.03);
}
button.buttontext:hover a,
div.buttontext:hover a,
button.buttontext a:hover,
div.buttontext a:hover {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  background-color: oklch(0.4788 0.107986 239.0646 / 0.06);
  /* i MD alpha = 0.08 */
}
button.buttontext a:active,
div.buttontext a:active {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  background-color: oklch(0.4788 0.107986 239.0646 / 0.1);
}
button.buttontext a[disabled="disabled"],
div.buttontext a[disabled="disabled"],
button.buttontext a[disabled="disabled"]:hover,
div.buttontext a[disabled="disabled"]:hover {
  color: oklch(0.2252 0.0049 248.05 / 1);
  background-color: oklch(0.2252 0.0049 248.05 / 0);
  /* i MD alpha = 0.1 */
}
/* MD Button Filled */
button.buttonfilled,
div.buttonfilled {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
button.buttonfilled:hover,
div.buttonfilled:hover {
  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 {
  border: solid 1px transparent;
  display: inline-flex;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  opacity: 1;
  padding: 0.5rem 1rem;
  text-shadow: none;
  font-weight: 500;
}
button.buttonfilled a:focus,
div.buttonfilled a:focus {
  /*opacity: 0.88;*/
  outline-style: solid;
  /*outline-width: 0.1666666666666667rem;*/
  outline-width: 1px;
  outline-color: oklch(0.4788 0.107986 239.0646 / 1);
}
button.buttonfilled:hover a,
div.buttonfilled:hover a,
button.buttonfilled a:hover,
div.buttonfilled a:hover {
  border: solid 1px transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  opacity: 0.92;
  cursor: pointer;
  font-weight: 500;
}
button.buttonfilled a:active,
div.buttonfilled a:active {
  opacity: 0.88;
}
button.buttonfilled a[disabled="disabled"],
div.buttonfilled a[disabled="disabled"],
button.buttonfilled a[disabled="disabled"]:hover,
div.buttonfilled a[disabled="disabled"]:hover,
button.buttonfilled a[disabled="disabled"]:focus,
div.buttonfilled a[disabled="disabled"]:focus {
  outline-color: transparent;
  border: solid 1px transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  opacity: 0.38;
  cursor: default;
  text-shadow: none;
  font-weight: 500;
}
button.buttonfilled a:link,
div.buttonfilled a:link,
button.buttonfilled a:visited,
div.buttonfilled a:visited {
  background-color: oklch(0.4788 0.107986 239.0646 / 1);
  color: #ffffff;
}
button.buttonfilled a:focus,
div.buttonfilled a:focus {
  background-color: oklch(0.4788 0.107986 239.0646 / 1);
  color: #ffffff;
}
button.buttonfilled:hover a,
div.buttonfilled:hover a,
button.buttonfilled a:hover,
div.buttonfilled a:hover {
  /*.primary;*/
  background: oklch(0.4088 0.107986 239.0646 / 1);
  color: #ffffff;
}
button.buttonfilled a:active,
div.buttonfilled a:active {
  /*.primary;*/
  background: oklch(0.3588 0.107986 239.0646 / 1);
  color: #ffffff;
}
button.buttonfilled a[disabled="disabled"],
div.buttonfilled a[disabled="disabled"],
button.buttonfilled a[disabled="disabled"]:hover,
div.buttonfilled a[disabled="disabled"]:hover {
  background-color: oklch(0.2252 0.0049 248.05 / 0.1);
  /* i MD alpha = 0.1 */
  color: oklch(0.2252 0.0049 248.05 / 1);
}
/* MD Button FilledTonal */
button.buttonfilledtonal,
div.buttonfilledtonal {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
button.buttonfilledtonal:hover,
div.buttonfilledtonal:hover {
  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 {
  border: solid 1px transparent;
  display: inline-flex;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  opacity: 1;
  padding: 0.5rem 1rem;
  text-shadow: none;
  font-weight: 500;
}
button.buttonfilledtonal a:focus,
div.buttonfilledtonal a:focus {
  /*opacity: 0.88;*/
  outline-style: solid;
  /*outline-width: 0.1666666666666667rem;*/
  outline-width: 1px;
  outline-color: oklch(0.4788 0.107986 239.0646 / 1);
}
button.buttonfilledtonal:hover a,
div.buttonfilledtonal:hover a,
button.buttonfilledtonal a:hover,
div.buttonfilledtonal a:hover {
  border: solid 1px transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  opacity: 0.92;
  cursor: pointer;
  font-weight: 500;
}
button.buttonfilledtonal a:active,
div.buttonfilledtonal a:active {
  opacity: 0.88;
}
button.buttonfilledtonal a[disabled="disabled"],
div.buttonfilledtonal a[disabled="disabled"],
button.buttonfilledtonal a[disabled="disabled"]:hover,
div.buttonfilledtonal a[disabled="disabled"]:hover,
button.buttonfilledtonal a[disabled="disabled"]:focus,
div.buttonfilledtonal a[disabled="disabled"]:focus {
  outline-color: transparent;
  border: solid 1px transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  opacity: 0.38;
  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: oklch(0.9134 0.0292 244.92 / 1);
  color: oklch(0.3961 0.0309 241.47 / 1);
}
button.buttonfilledtonal a:focus,
div.buttonfilledtonal a:focus {
  /*.secondary-container;*/
  background: oklch(0.8734 0.0292 244.92 / 1);
  color: oklch(0.3961 0.0309 241.47 / 1);
}
button.buttonfilledtonal:hover a,
div.buttonfilledtonal:hover a,
button.buttonfilledtonal a:hover,
div.buttonfilledtonal a:hover {
  /*.secondary-container;*/
  background: oklch(0.8934 0.0292 244.92 / 1);
  color: oklch(0.3961 0.0309 241.47 / 1);
}
button.buttonfilledtonal a:active,
div.buttonfilledtonal a:active {
  /*.secondary-container;*/
  background: oklch(0.8734 0.0292 244.92 / 1);
  color: oklch(0.3961 0.0309 241.47 / 1);
}
button.buttonfilledtonal a[disabled="disabled"],
div.buttonfilledtonal a[disabled="disabled"],
button.buttonfilledtonal a[disabled="disabled"]:hover,
div.buttonfilledtonal a[disabled="disabled"]:hover {
  background-color: oklch(0.2252 0.0049 248.05 / 0.1);
  /* i MD alpha = 0.1 */
  color: oklch(0.2252 0.0049 248.05 / 1);
}
/* MD Button Outlined */
button.buttonoutlined,
div.buttonoutlined {
  display: inline-block;
  margin: 0 0.05em 0 0.05em;
}
button.buttonoutlined:hover,
div.buttonoutlined:hover {
  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 {
  border: solid 1px transparent;
  display: inline-flex;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  opacity: 1;
  padding: 0.5rem 1rem;
  text-shadow: none;
  font-weight: 500;
}
button.buttonoutlined a:focus,
div.buttonoutlined a:focus {
  /*opacity: 0.88;*/
  outline-style: solid;
  /*outline-width: 0.1666666666666667rem;*/
  outline-width: 1px;
  outline-color: oklch(0.4788 0.107986 239.0646 / 1);
}
button.buttonoutlined:hover a,
div.buttonoutlined:hover a,
button.buttonoutlined a:hover,
div.buttonoutlined a:hover {
  border: solid 1px transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  opacity: 0.92;
  cursor: pointer;
  font-weight: 500;
}
button.buttonoutlined a:active,
div.buttonoutlined a:active {
  opacity: 0.88;
}
button.buttonoutlined a[disabled="disabled"],
div.buttonoutlined a[disabled="disabled"],
button.buttonoutlined a[disabled="disabled"]:hover,
div.buttonoutlined a[disabled="disabled"]:hover,
button.buttonoutlined a[disabled="disabled"]:focus,
div.buttonoutlined a[disabled="disabled"]:focus {
  outline-color: transparent;
  border: solid 1px transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  opacity: 0.38;
  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: oklch(0.3947 0.0129 248.15 / 1);
}
button.buttonoutlined a:focus,
div.buttonoutlined a:focus {
  background-color: transparent;
  color: oklch(0.3947 0.0129 248.15 / 1);
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
}
button.buttonoutlined:hover a,
div.buttonoutlined:hover a,
button.buttonoutlined a:hover,
div.buttonoutlined a:hover {
  color: oklch(0.3947 0.0129 248.15 / 1);
  border: solid 1px oklch(0.3947 0.0129 248.15 / 0.5);
  background-color: oklch(0.4788 0.107986 239.0646 / 0.03);
  /* i MD alpha = 0.08 */
}
button.buttonoutlined a:active,
div.buttonoutlined a:active {
  color: oklch(0.3947 0.0129 248.15 / 1);
  border: solid 1px oklch(0.3947 0.0129 248.15 / 0.6);
  background-color: oklch(0.4788 0.107986 239.0646 / 0.05);
  /* i MD alpha = 0.08 */
}
button.buttonoutlined a[disabled="disabled"],
div.buttonoutlined a[disabled="disabled"],
button.buttonoutlined a[disabled="disabled"]:hover,
div.buttonoutlined a[disabled="disabled"]:hover {
  border: solid 1px oklch(0.3947 0.0129 248.15 / 0.025);
  background-color: oklch(0.2252 0.0049 248.05 / 0.1);
  color: oklch(0.2252 0.0049 248.05 / 1);
}
/* MD ButtonIcon Outlined */
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 Medium';
  line-height: 1.33333333rem;
  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:focus,
div.buttoniconoutlined a:focus {
  /*opacity: 0.88;*/
  outline-style: solid;
  /*outline-width: 0.1666666666666667rem;*/
  outline-width: 1px;
  outline-color: oklch(0.4788 0.107986 239.0646 / 1);
}
button.buttoniconoutlined:hover a,
div.buttoniconoutlined:hover a,
button.buttoniconoutlined a:hover,
div.buttoniconoutlined a:hover {
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  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:active,
div.buttoniconoutlined a:active {
  opacity: 0.88;
}
button.buttoniconoutlined a[disabled="disabled"],
div.buttoniconoutlined a[disabled="disabled"],
button.buttoniconoutlined a[disabled="disabled"]:hover,
div.buttoniconoutlined a[disabled="disabled"]:hover,
button.buttoniconoutlined a[disabled="disabled"]:focus,
div.buttoniconoutlined a[disabled="disabled"]:focus {
  outline-color: transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  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: oklch(0.3947 0.0129 248.15 / 1);
  /*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: oklch(0.2252 0.0049 248.05 / 1);
}
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: oklch(0.3947 0.0129 248.15 / 1);
}
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: oklch(0.3947 0.0129 248.15 / 1);
  color: oklch(0.2252 0.0049 248.05 / 1);
  opacity: 0.62;
}
/* MD ButtonIcon FilledTonal*/
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 Medium';
  line-height: 1.33333333rem;
  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:focus,
div.buttoniconfilledtonal a:focus {
  /*opacity: 0.88;*/
  outline-style: solid;
  /*outline-width: 0.1666666666666667rem;*/
  outline-width: 1px;
  outline-color: oklch(0.4788 0.107986 239.0646 / 1);
}
button.buttoniconfilledtonal:hover a,
div.buttoniconfilledtonal:hover a,
button.buttoniconfilledtonal a:hover,
div.buttoniconfilledtonal a:hover {
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  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:active,
div.buttoniconfilledtonal a:active {
  opacity: 0.88;
}
button.buttoniconfilledtonal a[disabled="disabled"],
div.buttoniconfilledtonal a[disabled="disabled"],
button.buttoniconfilledtonal a[disabled="disabled"]:hover,
div.buttoniconfilledtonal a[disabled="disabled"]:hover,
button.buttoniconfilledtonal a[disabled="disabled"]:focus,
div.buttoniconfilledtonal a[disabled="disabled"]:focus {
  outline-color: transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  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: oklch(0.9134 0.0292 244.92 / 1);
  color: oklch(0.3961 0.0309 241.47 / 1);
  border: solid 1px oklch(0.9134 0.0292 244.92 / 1);
}
button.buttoniconfilledtonal a:active,
div.buttoniconfilledtonal a:active,
button.buttoniconfilledtonal a:focus,
div.buttoniconfilledtonal a:focus {
  background-color: oklch(0.9134 0.0292 244.92 / 1);
  /*.secondary-container-text;*/
  color: oklch(0.3947 0.0129 248.15 / 1);
  border: solid 1px oklch(0.9134 0.0292 244.92 / 1);
}
button.buttoniconfilledtonal:hover a,
div.buttoniconfilledtonal:hover a,
button.buttoniconfilledtonal a:hover,
div.buttoniconfilledtonal a:hover {
  background-color: oklch(0.9134 0.0292 244.92 / 1);
  /*.secondary-container-text;*/
  color: oklch(0.3947 0.0129 248.15 / 1);
  border: solid 1px oklch(0.9134 0.0292 244.92 / 1);
  /*.ls-elevation-level1;*/
}
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: oklch(0.3947 0.0129 248.15 / 1);
  box-shadow: none;
}
/* MD ButtonIcon Filled */
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 Medium';
  line-height: 1.33333333rem;
  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:focus,
div.buttoniconfilled a:focus {
  /*opacity: 0.88;*/
  outline-style: solid;
  /*outline-width: 0.1666666666666667rem;*/
  outline-width: 1px;
  outline-color: oklch(0.4788 0.107986 239.0646 / 1);
}
button.buttoniconfilled:hover a,
div.buttoniconfilled:hover a,
button.buttoniconfilled a:hover,
div.buttoniconfilled a:hover {
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  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:active,
div.buttoniconfilled a:active {
  opacity: 0.88;
}
button.buttoniconfilled a[disabled="disabled"],
div.buttoniconfilled a[disabled="disabled"],
button.buttoniconfilled a[disabled="disabled"]:hover,
div.buttoniconfilled a[disabled="disabled"]:hover,
button.buttoniconfilled a[disabled="disabled"]:focus,
div.buttoniconfilled a[disabled="disabled"]:focus {
  outline-color: transparent;
  box-shadow: none;
  font-family: 'Roboto Medium';
  line-height: 1.33333333rem;
  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: oklch(0.4788 0.107986 239.0646 / 1);
  color: #ffffff;
  border: solid 1px oklch(0.4788 0.107986 239.0646 / 1);
}
button.buttoniconfilled a:active,
div.buttoniconfilled a:active,
button.buttoniconfilled a:focus,
div.buttoniconfilled a:focus {
  background-color: oklch(0.4788 0.107986 239.0646 / 1);
  color: #ffffff;
  border: solid 1px oklch(0.4788 0.107986 239.0646 / 1);
}
button.buttoniconfilled:hover a,
div.buttoniconfilled:hover a,
button.buttoniconfilled a:hover,
div.buttoniconfilled a:hover {
  background-color: oklch(0.4788 0.107986 239.0646 / 1);
  color: #ffffff;
  border: solid 1px oklch(0.4788 0.107986 239.0646 / 1);
  /*.ls-elevation-level1;*/
}
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: oklch(0.3947 0.0129 248.15 / 1);
  /*.ls-elevation-level2;*/
}
/* 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;
  background-color: #f9f9fc;
  color: oklch(0.2252 0.0049 248.05 / 1);
  border-right-width: 0;
  /*****************************/
  display: flex;
  align-items: center;
  padding: 0.3675rem 1.6rem 0.3675rem 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: oklch(0.7353 0.1295 124.23);
  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: oklch(0.3961 0.0309 241.47 / 1);
}
.ls-segmented-buttonsgroup .ls-button-segment:hover a,
.ls-segmented-buttonsgroup .ls-button-segment a:hover {
  color: oklch(0.2252 0.0049 248.05 / 1);
  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: oklch(0.3947 0.0129 248.15 / 1);
  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: oklch(0.9134 0.0292 244.92 / 1);
  color: oklch(0.3961 0.0309 241.47 / 1);
  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: oklch(0.3961 0.0309 241.47 / 1);
}
.ls-segmented-buttonsgroup .ls-button-segment:first-of-type > a {
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  border-left-width: 1px;
}
.ls-segmented-buttonsgroup .ls-button-segment:last-of-type > a {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  border-right-width: 1px;
}
/*****************************************************************/
/****************************/
/* Tooglebutton (MD switch) */
.ls-button-switch {
  margin: 0.2rem 0;
}
.ls-button-switch div {
  vertical-align: middle;
}
.ls-button-switch a:focus,
.ls-button-switch a:active {
  outline: none;
}
.ls-button-switch-base {
  box-sizing: border-box;
  width: 3.25rem;
  height: 2rem;
  border-width: 0.16666667rem;
  border-radius: 1.125rem;
  display: inline-flex;
  align-items: center;
}
.ls-button-switch-base .ls-button-switch-handle {
  border-width: 0.08333333rem;
  border-style: solid;
  margin: 0.08333333rem;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
}
.ls-button-switch-base:hover {
  opacity: 0.92;
  cursor: pointer;
}
/* switch state off */
.ls-button-switch-off {
  box-sizing: border-box;
  width: 3.25rem;
  height: 2rem;
  border-width: 0.16666667rem;
  border-radius: 1.125rem;
  display: inline-flex;
  align-items: center;
  background-color: #ecf1f9;
  justify-content: flex-start;
  /*outline-color: @--md-sys-color-outline;
	outline-style: solid;
	outline-width: 1px;*/
  border-color: #72787e;
  border-style: solid;
  border-width: 1px;
}
.ls-button-switch-off .ls-button-switch-handle {
  border-width: 0.08333333rem;
  border-style: solid;
  margin: 0.08333333rem;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
}
.ls-button-switch-off:hover {
  opacity: 0.92;
  cursor: pointer;
}
.ls-button-switch-off:hover .ls-button-switch-handle {
  background-color: oklch(0.3947 0.0129 248.15 / 1);
}
.ls-button-switch-off:active .ls-button-switch-handle {
  background-color: oklch(0.3947 0.0129 248.15 / 1);
  border-color: oklch(0.3947 0.0129 248.15 / 1);
}
.ls-button-switch-off .ls-button-switch-handle {
  background: #72787e;
  border-color: #ecf1f9;
}
/* switch state on */
.ls-button-switch-on {
  box-sizing: border-box;
  width: 3.25rem;
  height: 2rem;
  border-width: 0.16666667rem;
  border-radius: 1.125rem;
  display: inline-flex;
  align-items: center;
  background-color: oklch(0.4788 0.107986 239.0646 / 1);
  justify-content: flex-end;
  color: oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-button-switch-on .ls-button-switch-handle {
  border-width: 0.08333333rem;
  border-style: solid;
  margin: 0.08333333rem;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
}
.ls-button-switch-on:hover {
  opacity: 0.92;
  cursor: pointer;
}
.ls-button-switch-on:hover .ls-button-switch-handle {
  background-color: #cae6ff;
}
.ls-button-switch-on:active .ls-button-switch-handle {
  background-color: #cae6ff;
  border-color: #cae6ff;
}
.ls-button-switch-on .ls-button-switch-handle {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  border-color: oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-button-switch-on .ls-button-switch-handle::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-button-switch-on .ls-button-switch-handle:active::before,
.ls-button-switch-on .ls-button-switch-handle:focus::before {
  opacity: 0.88;
}
.ls-button-switch-on .ls-button-switch-handle:hover::before {
  opacity: 0.92;
}
.ls-button-switch-on .ls-button-switch-handle[disabled="disabled"]::before {
  opacity: 0.62;
}
.ls-button-switch-on .ls-button-switch-handle[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.ls-button-switch-on .ls-button-switch-handle.large::before {
  font-size: 2rem;
}
.ls-button-switch-on .ls-button-switch-handle::before {
  content: "check";
  color: oklch(0.7353 0.1295 124.23);
  font-weight: 350;
}
.ls-button-switch-on .ls-button-switch-handle::before {
  color: oklch(0.4788 0.107986 239.0646 / 1);
}
/****************************************************************/
/* 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.tooltip,
		A SPAN.tooltip, */
  A[href],
  .ClientButton {
    color: oklch(0.4788 0.107986 239.0646 / 1);
    text-decoration: none;
    cursor: pointer;
  }
  /*A.tooltip:hover,
		A:hover SPAN.tooltip,*/
  A[href]:hover,
  .ClientButton:hover,
  A[href].alert:hover,
  A[href].attention:hover {
    color: oklch(0.4788 0.107986 239.0646 / 1);
    opacity: 0.92;
    background: unset;
    text-decoration: none;
    cursor: pointer;
  }
  label[disabled] {
    color: oklch(0.2252 0.0049 248.05 / 1);
  }
  a[disabled],
  a[disabled]:hover {
    color: oklch(0.2252 0.0049 248.05 / 1);
    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:hover,
  div.button:hover,
  a.button:hover,
  span.button:hover {
    margin: 0 0.05em 0 0.05em;
  }
  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 {
    border: solid 1px transparent;
    display: inline-flex;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.5rem;
    opacity: 1;
    padding: 0.5rem 1rem;
    text-shadow: none;
    font-weight: 500;
  }
  button.button a:focus,
  div.button a:focus,
  a.button a:focus,
  span.button a:focus {
    /*opacity: 0.88;*/
    outline-style: solid;
    /*outline-width: 0.1666666666666667rem;*/
    outline-width: 1px;
    outline-color: oklch(0.4788 0.107986 239.0646 / 1);
  }
  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 {
    border: solid 1px transparent;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.5rem;
    padding: 0.5rem 1rem;
    opacity: 0.92;
    cursor: pointer;
    font-weight: 500;
  }
  button.button a:active,
  div.button a:active,
  a.button a:active,
  span.button a:active {
    opacity: 0.88;
  }
  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,
  button.button a[disabled="disabled"]:focus,
  div.button a[disabled="disabled"]:focus,
  a.button a[disabled="disabled"]:focus,
  span.button a[disabled="disabled"]:focus {
    outline-color: transparent;
    border: solid 1px transparent;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.5rem;
    padding: 0.5rem 1rem;
    opacity: 0.38;
    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: oklch(0.9134 0.0292 244.92 / 1);
    color: oklch(0.3961 0.0309 241.47 / 1);
  }
  button.button a:focus,
  div.button a:focus,
  a.button a:focus,
  span.button a:focus {
    /*.secondary-container;*/
    background: oklch(0.8734 0.0292 244.92 / 1);
    color: oklch(0.3961 0.0309 241.47 / 1);
  }
  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 {
    /*.secondary-container;*/
    background: oklch(0.8934 0.0292 244.92 / 1);
    color: oklch(0.3961 0.0309 241.47 / 1);
  }
  button.button a:active,
  div.button a:active,
  a.button a:active,
  span.button a:active {
    /*.secondary-container;*/
    background: oklch(0.8734 0.0292 244.92 / 1);
    color: oklch(0.3961 0.0309 241.47 / 1);
  }
  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 {
    background-color: oklch(0.2252 0.0049 248.05 / 0.1);
    /* i MD alpha = 0.1 */
    color: oklch(0.2252 0.0049 248.05 / 1);
  }
  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: oklch(0.4788 0.107986 239.0646 / 1);
    padding: 0.5rem 0.2rem;
    opacity: 1;
  }
  div.buttonlink a:active,
  button.buttonlink a:active,
  div.buttonlink a:focus,
  button.buttonlink a:focus {
    color: oklch(0.4788 0.107986 239.0646 / 1);
    padding: 0.5rem 0.2rem;
    opacity: 0.88;
    outline-color: transparent;
  }
  div.buttonlink:hover a,
  button.buttonlink:hover a,
  div.buttonlink a:hover,
  button.buttonlink a:hover {
    color: oklch(0.4788 0.107986 239.0646 / 1);
    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: oklch(0.2252 0.0049 248.05 / 1);
    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 Medium';
    line-height: 1.33333333rem;
    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:focus,
  button.buttonicon a:focus {
    /*opacity: 0.88;*/
    outline-style: solid;
    /*outline-width: 0.1666666666666667rem;*/
    outline-width: 1px;
    outline-color: oklch(0.4788 0.107986 239.0646 / 1);
  }
  div.buttonicon:hover a,
  button.buttonicon:hover a,
  div.buttonicon a:hover,
  button.buttonicon a:hover {
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    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:active,
  button.buttonicon a:active {
    opacity: 0.88;
  }
  div.buttonicon a[disabled="disabled"],
  button.buttonicon a[disabled="disabled"],
  div.buttonicon a[disabled="disabled"]:hover,
  button.buttonicon a[disabled="disabled"]:hover,
  div.buttonicon a[disabled="disabled"]:focus,
  button.buttonicon a[disabled="disabled"]:focus {
    outline-color: transparent;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    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: oklch(0.4788 0.107986 239.0646 / 1);
  }
  div.buttonicon:hover a,
  button.buttonicon:hover a,
  div.buttonicon a:hover,
  button.buttonicon a:hover {
    color: oklch(0.4788 0.107986 239.0646 / 1);
    background-color: rgba(0, 100, 145, 0.06);
  }
  div.buttonicon a:active,
  button.buttonicon a:active {
    color: oklch(0.4788 0.107986 239.0646 / 1);
    outline-color: transparent;
    background-color: rgba(0, 100, 145, 0.08);
  }
  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: oklch(0.2252 0.0049 248.05 / 1);
    opacity: 0.62;
  }
  .lectioToolbar {
    overflow: hidden;
    padding: 0;
    background: unset;
    border-bottom: solid 1px #ccd2d9;
  }
  .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: oklch(0.4788 0.107986 239.0646 / 1);
    padding: 0.5rem 0.2rem;
    opacity: 1;
  }
  .lectioToolbar .button a:active,
  .lectioToolbar .button a:focus {
    color: oklch(0.4788 0.107986 239.0646 / 1);
    padding: 0.5rem 0.2rem;
    opacity: 0.88;
    outline-color: transparent;
  }
  .lectioToolbar .button:hover a,
  .lectioToolbar .button a:hover {
    color: oklch(0.4788 0.107986 239.0646 / 1);
    opacity: 0.82;
    padding: 0.5rem 0.2rem;
    background-color: transparent;
  }
  .lectioToolbar .button a[disabled="disabled"],
  .lectioToolbar .button a[disabled="disabled"]:hover {
    color: oklch(0.2252 0.0049 248.05 / 1);
    padding: 0.5rem 0.2rem;
    opacity: 0.62;
  }
  .lectiofilepicker-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 oklch(0.4788 0.107986 239.0646 / 1);
    color: oklch(0.4788 0.107986 239.0646 / 1);
  }
  /*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: oklch(0.2252 0.0049 248.05 / 1);
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.033rem;
    line-height: 1.33333333rem;
    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-base {
  white-space: nowrap;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
  background-color: #ecf1f9;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  outline: solid 1px transparent;
}
.ls-searchbox-container-base:before {
  vertical-align: middle;
  color: #75777a;
  padding: 0;
}
.ls-searchbox-container-base:hover,
.ls-searchbox-container-base:focus-within {
  /*outline: solid 1px @color_lectio_LightBlue;*/
  outline: solid 1px oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-searchbox-container-base input,
.ls-searchbox-container-base input[type="text"] {
  min-width: 20rem;
  border: none;
  background: transparent;
  vertical-align: middle;
  font-family: 'Roboto Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
}
@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-base input,
  .ls-searchbox-container-base input[type="text"] {
    min-width: 10rem;
    max-width: 76dvw;
  }
}
.ls-searchbox-container-base input:focus,
.ls-searchbox-container-base input[type="text"]:focus {
  border: none;
  outline: none;
}
.ls-searchbox-container {
  display: flex;
  align-items: center;
  white-space: nowrap;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
  background-color: #ecf1f9;
  vertical-align: middle;
  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 oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-searchbox-container input,
.ls-searchbox-container input[type="text"] {
  min-width: 20rem;
  border: none;
  background: transparent;
  vertical-align: middle;
  font-family: 'Roboto Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
}
@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 input,
  .ls-searchbox-container input[type="text"] {
    min-width: 10rem;
    max-width: 76dvw;
  }
}
.ls-searchbox-container input:focus,
.ls-searchbox-container input[type="text"]:focus {
  border: none;
  outline: none;
}
.ls-searchbox-container-outlined {
  display: flex;
  align-items: center;
  white-space: nowrap;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
  background-color: #ecf1f9;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  outline: solid 1px transparent;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
  background-color: #f9f9fc;
}
.ls-searchbox-container-outlined::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-outlined:active::before,
.ls-searchbox-container-outlined:focus::before {
  opacity: 0.88;
}
.ls-searchbox-container-outlined:hover::before {
  opacity: 0.92;
}
.ls-searchbox-container-outlined[disabled="disabled"]::before {
  opacity: 0.62;
}
.ls-searchbox-container-outlined[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.ls-searchbox-container-outlined.large::before {
  font-size: 2rem;
}
.ls-searchbox-container-outlined::before {
  content: "search";
}
.ls-searchbox-container-outlined:before {
  vertical-align: middle;
  color: #75777a;
  padding: 0;
}
.ls-searchbox-container-outlined:hover,
.ls-searchbox-container-outlined:focus-within {
  /*outline: solid 1px @color_lectio_LightBlue;*/
  outline: solid 1px oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-searchbox-container-outlined input,
.ls-searchbox-container-outlined input[type="text"] {
  min-width: 20rem;
  border: none;
  background: transparent;
  vertical-align: middle;
  font-family: 'Roboto Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
}
@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-outlined input,
  .ls-searchbox-container-outlined input[type="text"] {
    min-width: 10rem;
    max-width: 76dvw;
  }
}
.ls-searchbox-container-outlined input:focus,
.ls-searchbox-container-outlined input[type="text"]:focus {
  border: none;
  outline: none;
}
.ls-searchbox-container-wbutton {
  white-space: nowrap;
  border-radius: 1.125rem;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
  background-color: #ecf1f9;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  outline: solid 1px transparent;
}
.ls-searchbox-container-wbutton:before {
  vertical-align: middle;
  color: #75777a;
  padding: 0;
}
.ls-searchbox-container-wbutton:hover,
.ls-searchbox-container-wbutton:focus-within {
  /*outline: solid 1px @color_lectio_LightBlue;*/
  outline: solid 1px oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-searchbox-container-wbutton input,
.ls-searchbox-container-wbutton input[type="text"] {
  min-width: 20rem;
  border: none;
  background: transparent;
  vertical-align: middle;
  font-family: 'Roboto Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
}
@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-wbutton input,
  .ls-searchbox-container-wbutton input[type="text"] {
    min-width: 10rem;
    max-width: 76dvw;
  }
}
.ls-searchbox-container-wbutton input:focus,
.ls-searchbox-container-wbutton input[type="text"]:focus {
  border: none;
  outline: none;
}
.ls-searchbox-container-wbutton > div {
  display: inline-block;
  border-left-width: 1px;
  padding-left: 0.2rem;
  border-left-style: solid;
  border-left-color: #c6c6c9;
}
/* ***************************************************/
/* 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 {
  /* LectioSaveCancelApplyButtons row not fixedbottom*/
  .ls-save-cancel-apply-btn 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;
    display: inline-block;
    margin: 0 0.05em 0 0.05em;
  }
  .ls-save-cancel-apply-btn div.button:visited,
  .ls-save-cancel-apply-btn div.button:visited a,
  .ls-save-cancel-apply-btn div.button:focus,
  .ls-save-cancel-apply-btn div.button:focus a,
  .ls-save-cancel-apply-btn div.button:active,
  .ls-save-cancel-apply-btn div.button:active a,
  .ls-save-cancel-apply-btn div.button:hover,
  .ls-save-cancel-apply-btn 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;
  }
  .ls-save-cancel-apply-btn div.button a,
  .ls-save-cancel-apply-btn div.button a:hover,
  .ls-save-cancel-apply-btn div.button a[disabled],
  .ls-save-cancel-apply-btn div.button a[disabled]:hover,
  .ls-save-cancel-apply-btn div.button a.aspNetDisabled,
  .ls-save-cancel-apply-btn 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;
  }
  .ls-save-cancel-apply-btn div.button a:focus,
  .ls-save-cancel-apply-btn div.button a:hover:focus,
  .ls-save-cancel-apply-btn div.button a[disabled]:focus,
  .ls-save-cancel-apply-btn div.button a[disabled]:hover:focus,
  .ls-save-cancel-apply-btn div.button a.aspNetDisabled:focus,
  .ls-save-cancel-apply-btn div.button a.aspNetDisabled:hover:focus,
  .ls-save-cancel-apply-btn div.button a:focus a,
  .ls-save-cancel-apply-btn div.button a:hover:focus a,
  .ls-save-cancel-apply-btn div.button a[disabled]:focus a,
  .ls-save-cancel-apply-btn div.button a[disabled]:hover:focus a,
  .ls-save-cancel-apply-btn div.button a.aspNetDisabled:focus a,
  .ls-save-cancel-apply-btn div.button a.aspNetDisabled:hover:focus a,
  .ls-save-cancel-apply-btn div.button a:active,
  .ls-save-cancel-apply-btn div.button a:hover:active,
  .ls-save-cancel-apply-btn div.button a[disabled]:active,
  .ls-save-cancel-apply-btn div.button a[disabled]:hover:active,
  .ls-save-cancel-apply-btn div.button a.aspNetDisabled:active,
  .ls-save-cancel-apply-btn div.button a.aspNetDisabled:hover:active,
  .ls-save-cancel-apply-btn div.button a:active a,
  .ls-save-cancel-apply-btn div.button a:hover:active a,
  .ls-save-cancel-apply-btn div.button a[disabled]:active a,
  .ls-save-cancel-apply-btn div.button a[disabled]:hover:active a,
  .ls-save-cancel-apply-btn div.button a.aspNetDisabled:active a,
  .ls-save-cancel-apply-btn div.button a.aspNetDisabled:hover:active a,
  .ls-save-cancel-apply-btn div.button a:hover,
  .ls-save-cancel-apply-btn div.button a:hover:hover,
  .ls-save-cancel-apply-btn div.button a[disabled]:hover,
  .ls-save-cancel-apply-btn div.button a[disabled]:hover:hover,
  .ls-save-cancel-apply-btn div.button a.aspNetDisabled:hover,
  .ls-save-cancel-apply-btn div.button a.aspNetDisabled:hover:hover,
  .ls-save-cancel-apply-btn div.button a:hover a,
  .ls-save-cancel-apply-btn div.button a:hover:hover a,
  .ls-save-cancel-apply-btn div.button a[disabled]:hover a,
  .ls-save-cancel-apply-btn div.button a[disabled]:hover:hover a,
  .ls-save-cancel-apply-btn div.button a.aspNetDisabled:hover a,
  .ls-save-cancel-apply-btn div.button a.aspNetDisabled:hover:hover a {
    /*.reset-button;*/
  }
  .ls-save-cancel-apply-btn div.button:hover {
    margin: 0 0.05em 0 0.05em;
  }
  .ls-save-cancel-apply-btn div.button a:link,
  .ls-save-cancel-apply-btn div.button a:active,
  .ls-save-cancel-apply-btn div.button a:focus,
  .ls-save-cancel-apply-btn div.button a:visited {
    border: solid 1px transparent;
    display: inline-flex;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.5rem;
    opacity: 1;
    padding: 0.5rem 1rem;
    text-shadow: none;
    font-weight: 500;
  }
  .ls-save-cancel-apply-btn div.button a:focus {
    /*opacity: 0.88;*/
    outline-style: solid;
    /*outline-width: 0.1666666666666667rem;*/
    outline-width: 1px;
    outline-color: oklch(0.4788 0.107986 239.0646 / 1);
  }
  .ls-save-cancel-apply-btn div.button:hover a,
  .ls-save-cancel-apply-btn div.button a:hover {
    border: solid 1px transparent;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.5rem;
    padding: 0.5rem 1rem;
    opacity: 0.92;
    cursor: pointer;
    font-weight: 500;
  }
  .ls-save-cancel-apply-btn div.button a:active {
    opacity: 0.88;
  }
  .ls-save-cancel-apply-btn div.button a[disabled="disabled"],
  .ls-save-cancel-apply-btn div.button a[disabled="disabled"]:hover,
  .ls-save-cancel-apply-btn div.button a[disabled="disabled"]:focus {
    outline-color: transparent;
    border: solid 1px transparent;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.5rem;
    padding: 0.5rem 1rem;
    opacity: 0.38;
    cursor: default;
    text-shadow: none;
    font-weight: 500;
  }
  .ls-save-cancel-apply-btn div.button a:link,
  .ls-save-cancel-apply-btn div.button a:visited {
    color: oklch(0.4788 0.107986 239.0646 / 1);
  }
  .ls-save-cancel-apply-btn div.button a:focus {
    color: oklch(0.4788 0.107986 239.0646 / 1);
    background-color: oklch(0.4788 0.107986 239.0646 / 0.03);
  }
  .ls-save-cancel-apply-btn div.button:hover a,
  .ls-save-cancel-apply-btn div.button a:hover {
    color: oklch(0.4788 0.107986 239.0646 / 1);
    background-color: oklch(0.4788 0.107986 239.0646 / 0.06);
    /* i MD alpha = 0.08 */
  }
  .ls-save-cancel-apply-btn div.button a:active {
    color: oklch(0.4788 0.107986 239.0646 / 1);
    background-color: oklch(0.4788 0.107986 239.0646 / 0.1);
  }
  .ls-save-cancel-apply-btn div.button a[disabled="disabled"],
  .ls-save-cancel-apply-btn div.button a[disabled="disabled"]:hover {
    color: oklch(0.2252 0.0049 248.05 / 1);
    background-color: oklch(0.2252 0.0049 248.05 / 0);
    /* i MD alpha = 0.1 */
  }
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button {
    display: inline-block;
    margin: 0 0.05em 0 0.05em;
  }
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button:hover {
    margin: 0 0.05em 0 0.05em;
  }
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button a:link,
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button a:active,
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button a:focus,
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button a:visited {
    border: solid 1px transparent;
    display: inline-flex;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.5rem;
    opacity: 1;
    padding: 0.5rem 1rem;
    text-shadow: none;
    font-weight: 500;
  }
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button a:focus {
    /*opacity: 0.88;*/
    outline-style: solid;
    /*outline-width: 0.1666666666666667rem;*/
    outline-width: 1px;
    outline-color: oklch(0.4788 0.107986 239.0646 / 1);
  }
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button:hover a,
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button a:hover {
    border: solid 1px transparent;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.5rem;
    padding: 0.5rem 1rem;
    opacity: 0.92;
    cursor: pointer;
    font-weight: 500;
  }
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button a:active {
    opacity: 0.88;
  }
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button a[disabled="disabled"],
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button a[disabled="disabled"]:hover,
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button a[disabled="disabled"]:focus {
    outline-color: transparent;
    border: solid 1px transparent;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.5rem;
    padding: 0.5rem 1rem;
    opacity: 0.38;
    cursor: default;
    text-shadow: none;
    font-weight: 500;
  }
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button a:link,
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button a:visited {
    background-color: oklch(0.9134 0.0292 244.92 / 1);
    color: oklch(0.3961 0.0309 241.47 / 1);
  }
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button a:focus {
    /*.secondary-container;*/
    background: oklch(0.8734 0.0292 244.92 / 1);
    color: oklch(0.3961 0.0309 241.47 / 1);
  }
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button:hover a,
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button a:hover {
    /*.secondary-container;*/
    background: oklch(0.8934 0.0292 244.92 / 1);
    color: oklch(0.3961 0.0309 241.47 / 1);
  }
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button a:active {
    /*.secondary-container;*/
    background: oklch(0.8734 0.0292 244.92 / 1);
    color: oklch(0.3961 0.0309 241.47 / 1);
  }
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button a[disabled="disabled"],
  .ls-save-cancel-apply-btn input[accesskey="s"] + div.button a[disabled="disabled"]:hover {
    background-color: oklch(0.2252 0.0049 248.05 / 0.1);
    /* i MD alpha = 0.1 */
    color: oklch(0.2252 0.0049 248.05 / 1);
  }
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button {
    display: inline-block;
    margin: 0 0.05em 0 0.05em;
  }
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button:hover {
    margin: 0 0.05em 0 0.05em;
  }
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button a:link,
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button a:active,
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button a:focus,
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button a:visited {
    border: solid 1px transparent;
    display: inline-flex;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.5rem;
    opacity: 1;
    padding: 0.5rem 1rem;
    text-shadow: none;
    font-weight: 500;
  }
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button a:focus {
    /*opacity: 0.88;*/
    outline-style: solid;
    /*outline-width: 0.1666666666666667rem;*/
    outline-width: 1px;
    outline-color: oklch(0.4788 0.107986 239.0646 / 1);
  }
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button:hover a,
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button a:hover {
    border: solid 1px transparent;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.5rem;
    padding: 0.5rem 1rem;
    opacity: 0.92;
    cursor: pointer;
    font-weight: 500;
  }
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button a:active {
    opacity: 0.88;
  }
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button a[disabled="disabled"],
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button a[disabled="disabled"]:hover,
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button a[disabled="disabled"]:focus {
    outline-color: transparent;
    border: solid 1px transparent;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.5rem;
    padding: 0.5rem 1rem;
    opacity: 0.38;
    cursor: default;
    text-shadow: none;
    font-weight: 500;
  }
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button a:link,
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button a:visited {
    background-color: transparent;
    border-color: #c1c7ce;
    border-style: solid;
    border-width: 1px;
    color: oklch(0.3947 0.0129 248.15 / 1);
  }
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button a:focus {
    background-color: transparent;
    color: oklch(0.3947 0.0129 248.15 / 1);
    border-color: #c1c7ce;
    border-style: solid;
    border-width: 1px;
  }
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button:hover a,
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button a:hover {
    color: oklch(0.3947 0.0129 248.15 / 1);
    border: solid 1px oklch(0.3947 0.0129 248.15 / 0.5);
    background-color: oklch(0.4788 0.107986 239.0646 / 0.03);
    /* i MD alpha = 0.08 */
  }
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button a:active {
    color: oklch(0.3947 0.0129 248.15 / 1);
    border: solid 1px oklch(0.3947 0.0129 248.15 / 0.6);
    background-color: oklch(0.4788 0.107986 239.0646 / 0.05);
    /* i MD alpha = 0.08 */
  }
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button a[disabled="disabled"],
  .ls-save-cancel-apply-btn input[accesskey="z"] + div.button a[disabled="disabled"]:hover {
    border: solid 1px oklch(0.3947 0.0129 248.15 / 0.025);
    background-color: oklch(0.2252 0.0049 248.05 / 0.1);
    color: oklch(0.2252 0.0049 248.05 / 1);
  }
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button {
    display: inline-block;
    margin: 0 0.05em 0 0.05em;
  }
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button:hover {
    margin: 0 0.05em 0 0.05em;
  }
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button a:link,
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button a:active,
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button a:focus,
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button a:visited {
    border: solid 1px transparent;
    display: inline-flex;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.5rem;
    opacity: 1;
    padding: 0.5rem 1rem;
    text-shadow: none;
    font-weight: 500;
  }
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button a:focus {
    /*opacity: 0.88;*/
    outline-style: solid;
    /*outline-width: 0.1666666666666667rem;*/
    outline-width: 1px;
    outline-color: oklch(0.4788 0.107986 239.0646 / 1);
  }
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button:hover a,
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button a:hover {
    border: solid 1px transparent;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.5rem;
    padding: 0.5rem 1rem;
    opacity: 0.92;
    cursor: pointer;
    font-weight: 500;
  }
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button a:active {
    opacity: 0.88;
  }
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button a[disabled="disabled"],
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button a[disabled="disabled"]:hover,
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button a[disabled="disabled"]:focus {
    outline-color: transparent;
    border: solid 1px transparent;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.5rem;
    padding: 0.5rem 1rem;
    opacity: 0.38;
    cursor: default;
    text-shadow: none;
    font-weight: 500;
  }
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button a:link,
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button a:visited {
    background-color: transparent;
    border-color: #c1c7ce;
    border-style: solid;
    border-width: 1px;
    color: oklch(0.3947 0.0129 248.15 / 1);
  }
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button a:focus {
    background-color: transparent;
    color: oklch(0.3947 0.0129 248.15 / 1);
    border-color: #c1c7ce;
    border-style: solid;
    border-width: 1px;
  }
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button:hover a,
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button a:hover {
    color: oklch(0.3947 0.0129 248.15 / 1);
    border: solid 1px oklch(0.3947 0.0129 248.15 / 0.5);
    background-color: oklch(0.4788 0.107986 239.0646 / 0.03);
    /* i MD alpha = 0.08 */
  }
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button a:active {
    color: oklch(0.3947 0.0129 248.15 / 1);
    border: solid 1px oklch(0.3947 0.0129 248.15 / 0.6);
    background-color: oklch(0.4788 0.107986 239.0646 / 0.05);
    /* i MD alpha = 0.08 */
  }
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button a[disabled="disabled"],
  .ls-save-cancel-apply-btn input[accesskey="w"] + div.button a[disabled="disabled"]:hover {
    border: solid 1px oklch(0.3947 0.0129 248.15 / 0.025);
    background-color: oklch(0.2252 0.0049 248.05 / 0.1);
    color: oklch(0.2252 0.0049 248.05 / 1);
  }
  /* LectioSaveCancelApplyButtons row fixedbottom*/
  FORM > #fixedBlock,
  FORM > .ls-std-rowblock {
    position: fixed;
    z-index: 20;
  }
  #fixedBlock .ls-std-rowblock,
  .fixedBlock .ls-std-rowblock {
    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;
    background-color: #ecf1f9;
    transition: opacity 0.3s ease;
    opacity: 0.9;
    min-width: 40em;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 1.5rem;
    margin: 0.2rem auto 0.75rem auto;
    padding: 0.1rem 0 0.15rem 0;
  }
  #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;
    display: inline-block;
    margin: 0 0.05em 0 0.05em;
  }
  #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:hover,
  .fixedBlock .ls-std-rowblock div.button:hover {
    margin: 0 0.05em 0 0.05em;
  }
  #fixedBlock .ls-std-rowblock div.button a:link,
  .fixedBlock .ls-std-rowblock div.button a:link,
  #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:visited,
  .fixedBlock .ls-std-rowblock div.button a:visited {
    border: solid 1px transparent;
    display: inline-flex;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.5rem;
    opacity: 1;
    padding: 0.5rem 1rem;
    text-shadow: none;
    font-weight: 500;
  }
  #fixedBlock .ls-std-rowblock div.button a:focus,
  .fixedBlock .ls-std-rowblock div.button a:focus {
    /*opacity: 0.88;*/
    outline-style: solid;
    /*outline-width: 0.1666666666666667rem;*/
    outline-width: 1px;
    outline-color: oklch(0.4788 0.107986 239.0646 / 1);
  }
  #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 {
    border: solid 1px transparent;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.5rem;
    padding: 0.5rem 1rem;
    opacity: 0.92;
    cursor: pointer;
    font-weight: 500;
  }
  #fixedBlock .ls-std-rowblock div.button a:active,
  .fixedBlock .ls-std-rowblock div.button a:active {
    opacity: 0.88;
  }
  #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,
  #fixedBlock .ls-std-rowblock div.button a[disabled="disabled"]:focus,
  .fixedBlock .ls-std-rowblock div.button a[disabled="disabled"]:focus {
    outline-color: transparent;
    border: solid 1px transparent;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 1.5rem;
    padding: 0.5rem 1rem;
    opacity: 0.38;
    cursor: default;
    text-shadow: none;
    font-weight: 500;
  }
  #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: oklch(0.4788 0.107986 239.0646 / 1);
  }
  #fixedBlock .ls-std-rowblock div.button a:focus,
  .fixedBlock .ls-std-rowblock div.button a:focus {
    color: oklch(0.4788 0.107986 239.0646 / 1);
    background-color: oklch(0.4788 0.107986 239.0646 / 0.03);
  }
  #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: oklch(0.4788 0.107986 239.0646 / 1);
    background-color: oklch(0.4788 0.107986 239.0646 / 0.06);
    /* i MD alpha = 0.08 */
  }
  #fixedBlock .ls-std-rowblock div.button a:active,
  .fixedBlock .ls-std-rowblock div.button a:active {
    color: oklch(0.4788 0.107986 239.0646 / 1);
    background-color: oklch(0.4788 0.107986 239.0646 / 0.1);
  }
  #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: oklch(0.2252 0.0049 248.05 / 1);
    background-color: oklch(0.2252 0.0049 248.05 / 0);
    /* i MD alpha = 0.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,
  #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 0.5rem;
  }
  #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 - LectioSaveCancelApplyButtons row fixedbottom*/
/* 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.5rem;
    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 Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  font-size: 0.91666667rem;
}
@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: oklch(0.2252 0.0049 248.05 / 1);
  background-color: transparent;
  display: flex;
  border: none;
  outline: none;
}
.ls-mobil-mere-sheet-menu-list DIV a[href][current-page] {
  background-color: oklch(0.9134 0.0292 244.92 / 1);
  color: oklch(0.3961 0.0309 241.47 / 1);
  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: oklch(0.7353 0.1295 124.23);
}
.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: #a67fd6;
}
.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: oklch(0.4788 0.107986 239.0646 / 1);
}
.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: oklch(0.4788 0.107986 239.0646 / 1);
}
.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: oklch(0.4788 0.107986 239.0646 / 1);
}
.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: oklch(0.7353 0.1295 124.23);
}
.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: oklch(0.7353 0.1295 124.23);
  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: oklch(0.7353 0.1295 124.23);
}
.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: oklch(0.7353 0.1295 124.23);
  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: oklch(0.2252 0.0049 248.05 / 1);
}
.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-barchart {
  display: flex;
  align-items: center;
}
.prepend-fonticon-barchart::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-barchart:active::before,
.prepend-fonticon-barchart:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-barchart:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-barchart[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-barchart[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-barchart.large::before {
  font-size: 2rem;
}
.prepend-fonticon-barchart::before {
  content: "bar_chart";
}
.prepend-fonticon-lock {
  display: flex;
  align-items: center;
}
.prepend-fonticon-lock::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-lock:active::before,
.prepend-fonticon-lock:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-lock:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-lock[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-lock[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-lock.large::before {
  font-size: 2rem;
}
.prepend-fonticon-lock::before {
  content: "lock";
}
/**********************************/
.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: oklch(0.7353 0.1295 124.23);
}
.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: "side_navigation";
}
.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: "dock_to_right";
}
.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";
}
.prepend-fonticon-table-list {
  display: flex;
  align-items: center;
}
.prepend-fonticon-table-list::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-list:active::before,
.prepend-fonticon-table-list:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-table-list:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-table-list[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-table-list[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-table-list.large::before {
  font-size: 2rem;
}
.prepend-fonticon-table-list::before {
  content: "view_list";
}
.prepend-fonticon-check-list {
  display: flex;
  align-items: center;
}
.prepend-fonticon-check-list::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-check-list:active::before,
.prepend-fonticon-check-list:focus::before {
  opacity: 0.88;
}
.prepend-fonticon-check-list:hover::before {
  opacity: 0.92;
}
.prepend-fonticon-check-list[disabled="disabled"]::before {
  opacity: 0.62;
}
.prepend-fonticon-check-list[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.prepend-fonticon-check-list.large::before {
  font-size: 2rem;
}
.prepend-fonticon-check-list::before {
  content: "playlist_add_check";
}
/* 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-primary40: #006493;*/
/*@--md-ref-palette-secondary30: #384956;*/
/*@--md-ref-palette-secondary90: #d3e5f5;*/
/*@--md-ref-palette-secondary95: #e7f1fe;*/
/*@--md-ref-palette-neutral10: #1a1c1e;*/
/* 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: oklch(0.4788 0.107986 239.0646 / 1);
}
.primary-text {
  color: oklch(0.4788 0.107986 239.0646 / 1);
}
.on-primary {
  background-color: #ffffff;
}
.on-primary-text {
  color: #ffffff;
}
.secondary {
  background-color: ;
}
.secondary-text {
  color: #50606e;
}
.tertiary {
  background-color: #00687a;
}
.tertiary-text {
  color: #00687a;
}
.surface {
  background-color: #f9f9fc;
}
.background {
  background-color: #f7f7fa;
}
.on-surface {
  background-color: oklch(0.2252 0.0049 248.05 / 1);
}
.on-surface-text {
  color: oklch(0.2252 0.0049 248.05 / 1);
}
.surface-variant {
  background-color: #dde3ea;
}
.on-surface-variant {
  background-color: oklch(0.3947 0.0129 248.15 / 1);
}
.on-surface-variant-text {
  color: oklch(0.3947 0.0129 248.15 / 1);
}
.primary-container {
  background-color: #cae6ff;
}
.secondary-container {
  background-color: oklch(0.9134 0.0292 244.92 / 1);
}
.tertiary-container {
  background-color: #acedff;
}
.primary-container-text {
  color: #001e2f;
}
.secondary-container-text {
  color: oklch(0.3961 0.0309 241.47 / 1);
}
.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? */
/*@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: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Thin';
  src: local('Roboto Thin'), url(/lectio/fonts/Roboto-ThinItalic.ttf) format(truetype);
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto Light';
  src: local('Roboto Light'), url(/lectio/fonts/Roboto-Light.ttf) format(truetype);
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Light';
  src: local('Roboto Light'), url(/lectio/fonts/Roboto-LightItalic.ttf) format(truetype);
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto Medium';
  src: local('Roboto Medium'), url(/lectio/fonts/Roboto-Medium.ttf) format(truetype);
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Medium';
  src: local('Roboto Medium'), url(/lectio/fonts/Roboto-MediumItalic.ttf) format(truetype);
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto Black';
  src: local('Roboto Black'), url(/lectio/fonts/Roboto-Black.ttf) format(truetype);
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Black';
  src: local('Roboto Black'), url(/lectio/fonts/Roboto-BlackItalic.ttf) format(truetype);
  font-weight: 900;
  font-style: italic;
}
/****************************************************/
/* text-size md3 *************************************/
.body-small {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.33333333rem;
}
.label-small {
  font-family: 'Roboto Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  font-size: 0.91666667rem;
}
.label-medium {
  font-family: 'Roboto Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
}
.label-large {
  font-family: 'Roboto Medium';
  font-weight: 500;
  line-height: 1.66666667rem;
  letter-spacing: 0.008rem;
  font-size: 1.16666667rem;
}
@media only screen and (max-width: 420px) {
  .label-large,
  .label-medium,
  .label-small {
    white-space: pre-wrap;
  }
}
.title-small,
.title-small[role="heading"] {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.16666667rem;
  line-height: 1.66666667rem;
  letter-spacing: 0.00833333rem;
}
.title-medium,
.title-medium[role="heading"] {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
}
.title-large,
.title-large[role="heading"] {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.83333333rem;
  line-height: 2.33333333rem;
  letter-spacing: 0;
}
/***********/
.ls-fill-fonticon {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  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 ...*/
/***************************************************************************/
/**************************************************************************/
/***********************************/
/* table gridview row decorations*/
/***********************************/
/* *************************************************************************/
/*Entitet ikon farver */
/*@color_stamclass: @--md-ref-palette-custom170; /*blå*/
/* Stamklasse */
/*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*/
/*************************************************************************/
/* farve indikering af nyt element, række  **/
/* 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;
}
.ls-kpi-filters {
  margin: 0.5em 0;
}
.ls-kpi-filters .ls-std-rowblock-ltr > div {
  margin-right: 2rem;
}
@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-filters .ls-std-rowblock-ltr {
    flex-direction: column;
  }
  .ls-kpi-filters .ls-std-rowblock-ltr > div {
    margin-right: 0;
    margin-bottom: 0.25rem;
  }
  .ls-kpi-filters .ls-std-rowblock-ltr .ls-control-textbox-xlarge {
    max-width: 94dvw;
  }
}
.ls-kpi-container {
  margin: 0.5rem 0;
  width: 97dvw;
  background-color: #ecf1f9;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.33333333rem;
  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;
  padding-right: 0;
  /* Diagramtyper  teasers */
  /* diagramtyper  standard */
  /* kan anvendes hvis diagram ikke skal følge standardstørrelse men gerne må være bredere*/
  /* kan anvendes hvis diagram ikke skal følge standardstørrelse men skal fylde hele bredden af skærmen*/
}
.ls-kpi-container div[role=heading] > span:first-of-type {
  color: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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 h1.title-large {
  margin-bottom: 0;
}
.ls-kpi-container .ls-diagrams-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.ls-kpi-container .ls-diagrams-container section {
  margin-right: 1rem;
}
.ls-kpi-container .ls-diagrams-container section .islandHeader {
  /* håndtering af meget lange titler på graf ø'er ***** */
  max-width: 45rem;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 1921px) {
  .ls-kpi-container .ls-diagrams-container section .islandHeader {
    max-width: 48rem;
  }
}
@media screen and (min-width: 2550px) {
  .ls-kpi-container .ls-diagrams-container section .islandHeader {
    max-width: 62rem;
  }
}
.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-seperate-div {
  display: grid;
  grid-template-areas: "titel" "diagram" "colorbox";
  grid-auto-rows: 0.1fr 0.5fr 0.5fr;
  row-gap: 10px;
}
.ls-kpi-container .ls-pie-seperate-div .ls-pie-seperate-titel {
  grid-area: titel;
}
.ls-kpi-container .ls-pie-seperate-div .ls-pie-seperate-diagram {
  grid-area: diagram;
}
.ls-kpi-container .ls-pie-seperate-div .ls-pie-seperate-colorbox {
  grid-area: colorbox;
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  width: 100%;
}
.ls-kpi-container .ls-pie-seperate-div .ls-pie-seperate-colorbox div {
  height: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
}
.ls-kpi-container .ls-pie-mini-diagram-container {
  width: 15.5rem;
  height: 15.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,
.ls-kpi-container .ls-bar-medium-diagram-container {
  width: 25rem;
  height: 25rem;
  position: relative;
  z-index: auto;
  display: inline-block;
  margin: 1rem auto 0rem 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-pie-medium-diagram-container,
  .ls-kpi-container .ls-bar-medium-diagram-container {
    width: 60dvw;
    height: auto;
  }
}
.ls-kpi-container .ls-bar-large-diagram-container {
  width: 25rem;
  height: 25rem;
  position: relative;
  z-index: auto;
  display: inline-block;
  margin: 1rem auto 0rem auto;
  width: 37.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) {
  .ls-kpi-container .ls-bar-large-diagram-container {
    width: 60dvw;
    height: auto;
  }
}
.ls-kpi-container .ansoeger-pi-char-labels {
  width: 1rem;
  height: 1rem;
}
.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.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.ls-kpi-container .ls-diagram-link {
  color: #1b5c9e;
  text-decoration: none;
}
.ls-kpi-container .ls-diagram-link :hover {
  text-decoration: none;
  cursor: pointer;
  opacity: 0.82;
}
.ls-kpi-container .ls-diagram-tab-link:hover {
  cursor: pointer;
}
.ls-kpi-container .ls-diagram-tab-link:hover .ls-singlenumber-diagram,
.ls-kpi-container .ls-diagram-tab-link:hover .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-diagram-container-base {
  position: relative;
  z-index: auto;
  display: inline-block;
  margin: 1rem auto;
  width: 100%;
  height: 22.325rem;
  min-width: 47rem;
  max-width: 47rem;
}
@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-container-base {
    min-width: 85dvw;
    width: 85dvw;
    height: auto;
    margin: auto auto;
  }
}
.ls-kpi-container .ls-diagram-container {
  position: relative;
  z-index: auto;
  display: inline-block;
  margin: 1rem auto;
  width: 100%;
  height: 22.325rem;
  min-width: 47rem;
  max-width: 47rem;
}
@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-container {
    min-width: 85dvw;
    width: 85dvw;
    height: auto;
    margin: auto auto;
  }
}
@media screen and (min-width: 1921px) {
  .ls-kpi-container .ls-diagram-container {
    height: 23.75rem;
    min-width: 50rem;
    max-width: 50rem;
  }
}
@media screen and (min-width: 2550px) {
  .ls-kpi-container .ls-diagram-container {
    height: 30.4rem;
    min-width: 64rem;
    max-width: 64rem;
  }
}
@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-container {
    min-width: 85dvw;
    width: 85dvw;
    height: auto;
    margin: auto auto;
  }
}
.ls-kpi-container .ls-diagram-container-large {
  position: relative;
  z-index: auto;
  display: inline-block;
  margin: 1rem auto;
  width: 100%;
  height: 22.325rem;
  min-width: 47rem;
  max-width: 47rem;
  width: 93vw;
  max-width: 93vw;
  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) {
  .ls-kpi-container .ls-diagram-container-large {
    min-width: 85dvw;
    width: 85dvw;
    height: auto;
    margin: auto auto;
  }
}
@media screen and (min-width: 1921px) {
  .ls-kpi-container .ls-diagram-container-large {
    width: calc(43vw + 1rem);
    max-width: calc(43vw + 1rem);
    height: auto;
  }
}
@media screen and (min-width: 2550px) {
  .ls-kpi-container .ls-diagram-container-large {
    width: calc(46vw + 1rem);
    max-width: calc(46vw + 1rem);
    height: auto;
  }
}
.ls-kpi-container .ls-diagram-container-xlarge {
  position: relative;
  z-index: auto;
  display: inline-block;
  margin: 1rem auto;
  width: 100%;
  height: 22.325rem;
  min-width: 47rem;
  max-width: 47rem;
  height: calc(93vw / 5);
  min-height: 23.75rem;
  width: 93vw;
  max-width: 93vw;
}
@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-container-xlarge {
    min-width: 85dvw;
    width: 85dvw;
    height: auto;
    margin: auto auto;
  }
}
.ls-kpi-container .bar-vertical {
  height: 40rem;
}
.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;
  }
}
/* diagram numre ********************************************** */
.ls-diagram-type-nr {
  /*.surface-variant;*/
  /*border-radius: 15%;
	padding: 0.15em 0.25em;*/
  font-size: 0.8em;
  justify-content: flex-end;
  color: oklch(0.3947 0.0129 248.15 / 1);
  opacity: 0.7;
  display: flex;
  display: none;
}
.ls-diagram-type-nr > span[title] {
  cursor: help;
}
/* diagrammer custom tooltip start********************************************** */
.ls-diagram-tooltip-custom {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  color: #eaeaea;
  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;
  background-color: inherit;
}
.ls-diagram-tooltip-custom table thead tr {
  font-weight: normal;
}
.ls-diagram-tooltip-custom table thead tr:first-of-type {
  color: white;
  font-size: small;
  font-weight: bold;
}
.ls-diagram-tooltip-custom table thead tr:last-of-type {
  border-bottom: solid 1px #777;
  font-weight: normal;
}
.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 tbody td {
  padding-left: 5px;
}
.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;
}
/* Budget */
td.ls-estimated-cell {
  /*background: repeating-linear-gradient( 45deg, #F1EDF2, #F1EDF2 2px, transparent 2px, transparent 15px );*/
  background-color: oklch(0.9871 0.0264 120.34);
  color: oklch(0.4767 0.1129 125.14);
}
/*tr.separationCell :not(td.ls-estimated-cell) {
			background-color: lightcoral
		}*/
tr.separationCell td.ls-estimated-cell {
  background-color: oklch(0.9771 0.0264 120.34);
  color: oklch(0.4767 0.1129 125.14);
}
.budget-tooltip {
  position: relative;
  display: inline-block;
  cursor: help;
}
.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 {
  color: #466c80;
  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;
}
/* lectiomapctrl start **************************************/
.ls-mapctrl .legend-container {
  position: relative;
}
.ls-mapctrl .legend {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.33333333rem;
  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 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
  width: 15rem;
  /*border: 1pt solid black;
		background-color: white;*/
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  z-index: 10;
  /*border-radius: 3pt;
		box-shadow: 3px 3px #888888;*/
}
.ls-mapctrl .legend .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
.ls-mapctrl .legend .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
  border-bottom: solid 1px #fff;
  background-color: #fff;
}
.ls-mapctrl .legend div[role=heading] > span:first-of-type {
  color: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.ls-mapctrl .legend > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.2rem;
}
.ls-mapctrl .legend > div span {
  margin-right: 0.35rem;
}
.ls-mapctrl .dot {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}
.ls-mapctrl .dot + span {
  vertical-align: middle;
}
.ls-mapctrl .turkois {
  background-color: #00cccc;
  border: 1px solid black;
}
.ls-mapctrl .green {
  background-color: #00cc00;
}
.ls-mapctrl .blue {
  background-color: #0000cc;
}
.ls-mapctrl .red {
  background-color: #cc0000;
}
.ls-mapctrl .orange {
  background-color: #FFA500;
}
.ls-mapctrl .blueyellow {
  background-color: yellow;
  border: 3px solid #0000cc;
}
/* end lectiomapctrl **************************************/
/***************************************/
.file-diagrams-less-end {
  color: blue;
}

.file-framing-less {
  color: blue;
}
DIV.ls-container,
TABLE.form,
DIV.form,
DIV.panel,
TABLE.panel {
  box-sizing: border-box;
  border: 1px dotted #ccd2d9;
  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;
}
.ls-contain-content {
  display: table;
}
/********* Island Detail bokse ********/
.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;
  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;
  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;
  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;
  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 #ccd2d9;
  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;
  /* hide header *******************************/
  /********************************/
}
SECTION.island .islandHeaderContainer {
  border-bottom: 1px solid #ccd2d9;
  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;
}
SECTION.island.noheader div.islandHeaderContainer[role=heading] {
  display: none;
}
/* 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) ********* */
/* ************************************************* */
th.ls-second-header-cell:last-of-type {
  border-right: solid 1px #ccd2d9;
}
.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,
.ls-table-sticky-scroll-first-col tr th.ls-under-first-super-header {
  position: sticky;
  left: 0;
  z-index: 0;
  background-color: #f9f9fc;
}
.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 th.ls-under-first-super-header {
  z-index: 2;
}
.ls-scroll-fix-header > tr,
.ls-scroll-fix-header > th {
  position: sticky;
  top: 0;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: 0 0.5px 1px -1px rgba(0, 0, 0, 0.2);
  background-color: #f9f9fc;
  background-clip: padding-box;
}
.ls-table-layout2.ls-table-sticky-scroll-first-col TR TH:first-child.ls-second-header-cell,
.ls-table-layout2.ls-table-sticky-scroll-first-col TD TH:first-child.ls-second-header-cell,
.ls-table-layout2.ls-table-sticky-scroll-first-col TR TD:first-child.ls-second-header-cell {
  border-left: 0;
  position: relative;
  z-index: 1;
  background-color: unset;
}
.ls-table-layout2.ls-table-sticky-scroll-first-col TR TH:first-child.ls-under-first-super-header,
.ls-table-layout2.ls-table-sticky-scroll-first-col TD TH:first-child.ls-under-first-super-header,
.ls-table-layout2.ls-table-sticky-scroll-first-col TR TD:first-child.ls-under-first-super-header {
  border-left: 1px solid #e2e2e5;
}
.ls-table-layout2.ls-table-sticky-scroll-first-col TR TH.ls-under-first-super-header,
.ls-table-layout2.ls-table-sticky-scroll-first-col TD TH.ls-under-first-super-header,
.ls-table-layout2.ls-table-sticky-scroll-first-col TR TD.ls-under-first-super-header {
  z-index: 2;
  position: sticky;
  left: 0px;
}
.ls-first-header-row {
  z-index: 2;
}
.ls-second-header-row {
  z-index: 1;
}
.ls-second-header-row-superheader-in-first-col {
  z-index: 3;
}
.ls-under-first-super-header {
  position: sticky;
}
.ls-scroll-fix-header .ls-second-header-row {
  z-index: 3;
}
.ls-table-layout .ls-scroll-fix-header + .ls-scroll-fix-header {
  top: 25px;
}
.ls-table-layout2 .ls-scroll-fix-header + .ls-scroll-fix-header {
  top: 39px;
}
.ls-table-layout4 .ls-scroll-fix-header + .ls-scroll-fix-header {
  top: 21px;
}
.ls-table-layout5 .ls-scroll-fix-header + .ls-scroll-fix-header {
  top: 18px;
}
/**********************************************************/
/* table no styling **/
/**********************************************************/
table:not([class]),
.ls-table-layout2 table:not([class]),
.ls-table-layout3 table:not([class]),
.ls-table-layout4 table:not([class]),
.ls-table-layout5 table:not([class]),
.ls-std-table-inputlist table:not([class]) {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.33333333rem;
  /* text alignment **/
  margin: unset unset;
  border-radius: unset;
  border: unset;
  background-color: unset;
  border-spacing: unset;
  border-collapse: unset;
}
table:not([class]) th,
.ls-table-layout2 table:not([class]) th,
.ls-table-layout3 table:not([class]) th,
.ls-table-layout4 table:not([class]) th,
.ls-table-layout5 table:not([class]) th,
.ls-std-table-inputlist table:not([class]) th {
  font-family: 'Roboto Medium';
  font-weight: 500;
}
table:not([class]).textLeft td,
.ls-table-layout2 table:not([class]).textLeft td,
.ls-table-layout3 table:not([class]).textLeft td,
.ls-table-layout4 table:not([class]).textLeft td,
.ls-table-layout5 table:not([class]).textLeft td,
.ls-std-table-inputlist table:not([class]).textLeft td,
table:not([class]).textLeft th,
.ls-table-layout2 table:not([class]).textLeft th,
.ls-table-layout3 table:not([class]).textLeft th,
.ls-table-layout4 table:not([class]).textLeft th,
.ls-table-layout5 table:not([class]).textLeft th,
.ls-std-table-inputlist table:not([class]).textLeft th {
  text-align: left;
}
table:not([class]).textLeft td.textCenter,
.ls-table-layout2 table:not([class]).textLeft td.textCenter,
.ls-table-layout3 table:not([class]).textLeft td.textCenter,
.ls-table-layout4 table:not([class]).textLeft td.textCenter,
.ls-table-layout5 table:not([class]).textLeft td.textCenter,
.ls-std-table-inputlist table:not([class]).textLeft td.textCenter,
table:not([class]).textLeft th.textCenter,
.ls-table-layout2 table:not([class]).textLeft th.textCenter,
.ls-table-layout3 table:not([class]).textLeft th.textCenter,
.ls-table-layout4 table:not([class]).textLeft th.textCenter,
.ls-table-layout5 table:not([class]).textLeft th.textCenter,
.ls-std-table-inputlist table:not([class]).textLeft th.textCenter {
  text-align: center;
}
table:not([class]).textLeft td.textRight,
.ls-table-layout2 table:not([class]).textLeft td.textRight,
.ls-table-layout3 table:not([class]).textLeft td.textRight,
.ls-table-layout4 table:not([class]).textLeft td.textRight,
.ls-table-layout5 table:not([class]).textLeft td.textRight,
.ls-std-table-inputlist table:not([class]).textLeft td.textRight,
table:not([class]).textLeft th.textRight,
.ls-table-layout2 table:not([class]).textLeft th.textRight,
.ls-table-layout3 table:not([class]).textLeft th.textRight,
.ls-table-layout4 table:not([class]).textLeft th.textRight,
.ls-table-layout5 table:not([class]).textLeft th.textRight,
.ls-std-table-inputlist table:not([class]).textLeft th.textRight {
  text-align: right;
}
table:not([class]).textRight td,
.ls-table-layout2 table:not([class]).textRight td,
.ls-table-layout3 table:not([class]).textRight td,
.ls-table-layout4 table:not([class]).textRight td,
.ls-table-layout5 table:not([class]).textRight td,
.ls-std-table-inputlist table:not([class]).textRight td,
table:not([class]).textRight th,
.ls-table-layout2 table:not([class]).textRight th,
.ls-table-layout3 table:not([class]).textRight th,
.ls-table-layout4 table:not([class]).textRight th,
.ls-table-layout5 table:not([class]).textRight th,
.ls-std-table-inputlist table:not([class]).textRight th {
  text-align: right;
}
table:not([class]).textRight td.textCenter,
.ls-table-layout2 table:not([class]).textRight td.textCenter,
.ls-table-layout3 table:not([class]).textRight td.textCenter,
.ls-table-layout4 table:not([class]).textRight td.textCenter,
.ls-table-layout5 table:not([class]).textRight td.textCenter,
.ls-std-table-inputlist table:not([class]).textRight td.textCenter,
table:not([class]).textRight th.textCenter,
.ls-table-layout2 table:not([class]).textRight th.textCenter,
.ls-table-layout3 table:not([class]).textRight th.textCenter,
.ls-table-layout4 table:not([class]).textRight th.textCenter,
.ls-table-layout5 table:not([class]).textRight th.textCenter,
.ls-std-table-inputlist table:not([class]).textRight th.textCenter {
  text-align: center;
}
table:not([class]).textRight td.textLeft,
.ls-table-layout2 table:not([class]).textRight td.textLeft,
.ls-table-layout3 table:not([class]).textRight td.textLeft,
.ls-table-layout4 table:not([class]).textRight td.textLeft,
.ls-table-layout5 table:not([class]).textRight td.textLeft,
.ls-std-table-inputlist table:not([class]).textRight td.textLeft,
table:not([class]).textRight th.textLeft,
.ls-table-layout2 table:not([class]).textRight th.textLeft,
.ls-table-layout3 table:not([class]).textRight th.textLeft,
.ls-table-layout4 table:not([class]).textRight th.textLeft,
.ls-table-layout5 table:not([class]).textRight th.textLeft,
.ls-std-table-inputlist table:not([class]).textRight th.textLeft {
  text-align: left;
}
table:not([class]).textCenter td,
.ls-table-layout2 table:not([class]).textCenter td,
.ls-table-layout3 table:not([class]).textCenter td,
.ls-table-layout4 table:not([class]).textCenter td,
.ls-table-layout5 table:not([class]).textCenter td,
.ls-std-table-inputlist table:not([class]).textCenter td,
table:not([class]).textCenter th,
.ls-table-layout2 table:not([class]).textCenter th,
.ls-table-layout3 table:not([class]).textCenter th,
.ls-table-layout4 table:not([class]).textCenter th,
.ls-table-layout5 table:not([class]).textCenter th,
.ls-std-table-inputlist table:not([class]).textCenter th {
  text-align: center;
}
table:not([class]).textCenter td.textRight,
.ls-table-layout2 table:not([class]).textCenter td.textRight,
.ls-table-layout3 table:not([class]).textCenter td.textRight,
.ls-table-layout4 table:not([class]).textCenter td.textRight,
.ls-table-layout5 table:not([class]).textCenter td.textRight,
.ls-std-table-inputlist table:not([class]).textCenter td.textRight,
table:not([class]).textCenter th.textRight,
.ls-table-layout2 table:not([class]).textCenter th.textRight,
.ls-table-layout3 table:not([class]).textCenter th.textRight,
.ls-table-layout4 table:not([class]).textCenter th.textRight,
.ls-table-layout5 table:not([class]).textCenter th.textRight,
.ls-std-table-inputlist table:not([class]).textCenter th.textRight {
  text-align: right;
}
table:not([class]).textCenter td.textLeft,
.ls-table-layout2 table:not([class]).textCenter td.textLeft,
.ls-table-layout3 table:not([class]).textCenter td.textLeft,
.ls-table-layout4 table:not([class]).textCenter td.textLeft,
.ls-table-layout5 table:not([class]).textCenter td.textLeft,
.ls-std-table-inputlist table:not([class]).textCenter td.textLeft,
table:not([class]).textCenter th.textLeft,
.ls-table-layout2 table:not([class]).textCenter th.textLeft,
.ls-table-layout3 table:not([class]).textCenter th.textLeft,
.ls-table-layout4 table:not([class]).textCenter th.textLeft,
.ls-table-layout5 table:not([class]).textCenter th.textLeft,
.ls-std-table-inputlist table:not([class]).textCenter th.textLeft {
  text-align: left;
}
table:not([class]).textTop tr,
.ls-table-layout2 table:not([class]).textTop tr,
.ls-table-layout3 table:not([class]).textTop tr,
.ls-table-layout4 table:not([class]).textTop tr,
.ls-table-layout5 table:not([class]).textTop tr,
.ls-std-table-inputlist table:not([class]).textTop tr {
  vertical-align: top;
}
table:not([class]).textTop tr td,
.ls-table-layout2 table:not([class]).textTop tr td,
.ls-table-layout3 table:not([class]).textTop tr td,
.ls-table-layout4 table:not([class]).textTop tr td,
.ls-table-layout5 table:not([class]).textTop tr td,
.ls-std-table-inputlist table:not([class]).textTop tr td,
table:not([class]).textTop tr th,
.ls-table-layout2 table:not([class]).textTop tr th,
.ls-table-layout3 table:not([class]).textTop tr th,
.ls-table-layout4 table:not([class]).textTop tr th,
.ls-table-layout5 table:not([class]).textTop tr th,
.ls-std-table-inputlist table:not([class]).textTop tr th {
  vertical-align: top;
}
table:not([class]) th,
.ls-table-layout2 table:not([class]) th,
.ls-table-layout3 table:not([class]) th,
.ls-table-layout4 table:not([class]) th,
.ls-table-layout5 table:not([class]) th,
.ls-std-table-inputlist table:not([class]) th,
table:not([class]) th > *,
.ls-table-layout2 table:not([class]) th > *,
.ls-table-layout3 table:not([class]) th > *,
.ls-table-layout4 table:not([class]) th > *,
.ls-table-layout5 table:not([class]) th > *,
.ls-std-table-inputlist table:not([class]) th > * {
  text-align: center;
}
table:not([class]) td,
.ls-table-layout2 table:not([class]) td,
.ls-table-layout3 table:not([class]) td,
.ls-table-layout4 table:not([class]) td,
.ls-table-layout5 table:not([class]) td,
.ls-std-table-inputlist table:not([class]) td,
table:not([class]) td > *,
.ls-table-layout2 table:not([class]) td > *,
.ls-table-layout3 table:not([class]) td > *,
.ls-table-layout4 table:not([class]) td > *,
.ls-table-layout5 table:not([class]) td > *,
.ls-std-table-inputlist table:not([class]) td > *,
table:not([class]) tr > td,
.ls-table-layout2 table:not([class]) tr > td,
.ls-table-layout3 table:not([class]) tr > td,
.ls-table-layout4 table:not([class]) tr > td,
.ls-table-layout5 table:not([class]) tr > td,
.ls-std-table-inputlist table:not([class]) tr > td,
table:not([class]) tr > td > *,
.ls-table-layout2 table:not([class]) tr > td > *,
.ls-table-layout3 table:not([class]) tr > td > *,
.ls-table-layout4 table:not([class]) tr > td > *,
.ls-table-layout5 table:not([class]) tr > td > *,
.ls-std-table-inputlist table:not([class]) tr > td > * {
  vertical-align: top;
}
table:not([class]) tr td,
.ls-table-layout2 table:not([class]) tr td,
.ls-table-layout3 table:not([class]) tr td,
.ls-table-layout4 table:not([class]) tr td,
.ls-table-layout5 table:not([class]) tr td,
.ls-std-table-inputlist table:not([class]) tr td,
table:not([class]) tr th,
.ls-table-layout2 table:not([class]) tr th,
.ls-table-layout3 table:not([class]) tr th,
.ls-table-layout4 table:not([class]) tr th,
.ls-table-layout5 table:not([class]) tr th,
.ls-std-table-inputlist table:not([class]) tr th {
  /* button in table styleoveride**/
}
table:not([class]) tr td.borderLeft,
.ls-table-layout2 table:not([class]) tr td.borderLeft,
.ls-table-layout3 table:not([class]) tr td.borderLeft,
.ls-table-layout4 table:not([class]) tr td.borderLeft,
.ls-table-layout5 table:not([class]) tr td.borderLeft,
.ls-std-table-inputlist table:not([class]) tr td.borderLeft,
table:not([class]) tr th.borderLeft,
.ls-table-layout2 table:not([class]) tr th.borderLeft,
.ls-table-layout3 table:not([class]) tr th.borderLeft,
.ls-table-layout4 table:not([class]) tr th.borderLeft,
.ls-table-layout5 table:not([class]) tr th.borderLeft,
.ls-std-table-inputlist table:not([class]) tr th.borderLeft {
  border-left: solid 1px #ccd2d9;
}
table:not([class]) tr td.borderRight,
.ls-table-layout2 table:not([class]) tr td.borderRight,
.ls-table-layout3 table:not([class]) tr td.borderRight,
.ls-table-layout4 table:not([class]) tr td.borderRight,
.ls-table-layout5 table:not([class]) tr td.borderRight,
.ls-std-table-inputlist table:not([class]) tr td.borderRight,
table:not([class]) tr th.borderRight,
.ls-table-layout2 table:not([class]) tr th.borderRight,
.ls-table-layout3 table:not([class]) tr th.borderRight,
.ls-table-layout4 table:not([class]) tr th.borderRight,
.ls-table-layout5 table:not([class]) tr th.borderRight,
.ls-std-table-inputlist table:not([class]) tr th.borderRight {
  border-right: solid 1px #ccd2d9;
}
table:not([class]) tr td .buttonfilledtonal,
.ls-table-layout2 table:not([class]) tr td .buttonfilledtonal,
.ls-table-layout3 table:not([class]) tr td .buttonfilledtonal,
.ls-table-layout4 table:not([class]) tr td .buttonfilledtonal,
.ls-table-layout5 table:not([class]) tr td .buttonfilledtonal,
.ls-std-table-inputlist table:not([class]) tr td .buttonfilledtonal,
table:not([class]) tr th .buttonfilledtonal,
.ls-table-layout2 table:not([class]) tr th .buttonfilledtonal,
.ls-table-layout3 table:not([class]) tr th .buttonfilledtonal,
.ls-table-layout4 table:not([class]) tr th .buttonfilledtonal,
.ls-table-layout5 table:not([class]) tr th .buttonfilledtonal,
.ls-std-table-inputlist table:not([class]) tr th .buttonfilledtonal,
table:not([class]) tr td .buttonoutlined,
.ls-table-layout2 table:not([class]) tr td .buttonoutlined,
.ls-table-layout3 table:not([class]) tr td .buttonoutlined,
.ls-table-layout4 table:not([class]) tr td .buttonoutlined,
.ls-table-layout5 table:not([class]) tr td .buttonoutlined,
.ls-std-table-inputlist table:not([class]) tr td .buttonoutlined,
table:not([class]) tr th .buttonoutlined,
.ls-table-layout2 table:not([class]) tr th .buttonoutlined,
.ls-table-layout3 table:not([class]) tr th .buttonoutlined,
.ls-table-layout4 table:not([class]) tr th .buttonoutlined,
.ls-table-layout5 table:not([class]) tr th .buttonoutlined,
.ls-std-table-inputlist table:not([class]) tr th .buttonoutlined,
table:not([class]) tr td .buttonfilled,
.ls-table-layout2 table:not([class]) tr td .buttonfilled,
.ls-table-layout3 table:not([class]) tr td .buttonfilled,
.ls-table-layout4 table:not([class]) tr td .buttonfilled,
.ls-table-layout5 table:not([class]) tr td .buttonfilled,
.ls-std-table-inputlist table:not([class]) tr td .buttonfilled,
table:not([class]) tr th .buttonfilled,
.ls-table-layout2 table:not([class]) tr th .buttonfilled,
.ls-table-layout3 table:not([class]) tr th .buttonfilled,
.ls-table-layout4 table:not([class]) tr th .buttonfilled,
.ls-table-layout5 table:not([class]) tr th .buttonfilled,
.ls-std-table-inputlist table:not([class]) tr th .buttonfilled,
table:not([class]) tr td .buttontext,
.ls-table-layout2 table:not([class]) tr td .buttontext,
.ls-table-layout3 table:not([class]) tr td .buttontext,
.ls-table-layout4 table:not([class]) tr td .buttontext,
.ls-table-layout5 table:not([class]) tr td .buttontext,
.ls-std-table-inputlist table:not([class]) tr td .buttontext,
table:not([class]) tr th .buttontext,
.ls-table-layout2 table:not([class]) tr th .buttontext,
.ls-table-layout3 table:not([class]) tr th .buttontext,
.ls-table-layout4 table:not([class]) tr th .buttontext,
.ls-table-layout5 table:not([class]) tr th .buttontext,
.ls-std-table-inputlist table:not([class]) tr th .buttontext {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
table:not([class]) tr th,
.ls-table-layout2 table:not([class]) tr th,
.ls-table-layout3 table:not([class]) tr th,
.ls-table-layout4 table:not([class]) tr th,
.ls-table-layout5 table:not([class]) tr th,
.ls-std-table-inputlist table:not([class]) tr th {
  padding: 0.41666667rem 0.5rem;
}
table:not([class]) tr th:not(:last-child),
.ls-table-layout2 table:not([class]) tr th:not(:last-child),
.ls-table-layout3 table:not([class]) tr th:not(:last-child),
.ls-table-layout4 table:not([class]) tr th:not(:last-child),
.ls-table-layout5 table:not([class]) tr th:not(:last-child),
.ls-std-table-inputlist table:not([class]) tr th:not(:last-child) {
  border-right: unset;
}
table:not([class]) tr td,
.ls-table-layout2 table:not([class]) tr td,
.ls-table-layout3 table:not([class]) tr td,
.ls-table-layout4 table:not([class]) tr td,
.ls-table-layout5 table:not([class]) tr td,
.ls-std-table-inputlist table:not([class]) tr td {
  padding: 0.41666667rem 0.5rem;
}
table:not([class]) tr td:not(:last-child),
.ls-table-layout2 table:not([class]) tr td:not(:last-child),
.ls-table-layout3 table:not([class]) tr td:not(:last-child),
.ls-table-layout4 table:not([class]) tr td:not(:last-child),
.ls-table-layout5 table:not([class]) tr td:not(:last-child),
.ls-std-table-inputlist table:not([class]) tr td:not(:last-child) {
  border-right: unset;
}
table:not([class]) tr:first-child > th:last-child,
.ls-table-layout2 table:not([class]) tr:first-child > th:last-child,
.ls-table-layout3 table:not([class]) tr:first-child > th:last-child,
.ls-table-layout4 table:not([class]) tr:first-child > th:last-child,
.ls-table-layout5 table:not([class]) tr:first-child > th:last-child,
.ls-std-table-inputlist table:not([class]) tr:first-child > th:last-child {
  border-top-right-radius: unset;
}
table:not([class]) tr:first-child > th:first-child,
.ls-table-layout2 table:not([class]) tr:first-child > th:first-child,
.ls-table-layout3 table:not([class]) tr:first-child > th:first-child,
.ls-table-layout4 table:not([class]) tr:first-child > th:first-child,
.ls-table-layout5 table:not([class]) tr:first-child > th:first-child,
.ls-std-table-inputlist table:not([class]) tr:first-child > th:first-child {
  border-top-left-radius: unset;
}
table:not([class]) tr:last-child > td:last-child,
.ls-table-layout2 table:not([class]) tr:last-child > td:last-child,
.ls-table-layout3 table:not([class]) tr:last-child > td:last-child,
.ls-table-layout4 table:not([class]) tr:last-child > td:last-child,
.ls-table-layout5 table:not([class]) tr:last-child > td:last-child,
.ls-std-table-inputlist table:not([class]) tr:last-child > td:last-child {
  border-bottom-right-radius: unset;
}
table:not([class]) tr:last-child > td:first-child,
.ls-table-layout2 table:not([class]) tr:last-child > td:first-child,
.ls-table-layout3 table:not([class]) tr:last-child > td:first-child,
.ls-table-layout4 table:not([class]) tr:last-child > td:first-child,
.ls-table-layout5 table:not([class]) tr:last-child > td:first-child,
.ls-std-table-inputlist table:not([class]) tr:last-child > td:first-child {
  border-bottom-left-radius: unset;
}
table:not([class]) tr > th,
.ls-table-layout2 table:not([class]) tr > th,
.ls-table-layout3 table:not([class]) tr > th,
.ls-table-layout4 table:not([class]) tr > th,
.ls-table-layout5 table:not([class]) tr > th,
.ls-std-table-inputlist table:not([class]) tr > th,
table:not([class]) thead > tr:not(:last-child) > th,
.ls-table-layout2 table:not([class]) thead > tr:not(:last-child) > th,
.ls-table-layout3 table:not([class]) thead > tr:not(:last-child) > th,
.ls-table-layout4 table:not([class]) thead > tr:not(:last-child) > th,
.ls-table-layout5 table:not([class]) thead > tr:not(:last-child) > th,
.ls-std-table-inputlist table:not([class]) thead > tr:not(:last-child) > th,
table:not([class]) thead > tr:not(:last-child) > td,
.ls-table-layout2 table:not([class]) thead > tr:not(:last-child) > td,
.ls-table-layout3 table:not([class]) thead > tr:not(:last-child) > td,
.ls-table-layout4 table:not([class]) thead > tr:not(:last-child) > td,
.ls-table-layout5 table:not([class]) thead > tr:not(:last-child) > td,
.ls-std-table-inputlist table:not([class]) thead > tr:not(:last-child) > td,
table:not([class]) tbody > tr:not(:last-child) > th,
.ls-table-layout2 table:not([class]) tbody > tr:not(:last-child) > th,
.ls-table-layout3 table:not([class]) tbody > tr:not(:last-child) > th,
.ls-table-layout4 table:not([class]) tbody > tr:not(:last-child) > th,
.ls-table-layout5 table:not([class]) tbody > tr:not(:last-child) > th,
.ls-std-table-inputlist table:not([class]) tbody > tr:not(:last-child) > th,
table:not([class]) tbody > tr:not(:last-child) > td,
.ls-table-layout2 table:not([class]) tbody > tr:not(:last-child) > td,
.ls-table-layout3 table:not([class]) tbody > tr:not(:last-child) > td,
.ls-table-layout4 table:not([class]) tbody > tr:not(:last-child) > td,
.ls-table-layout5 table:not([class]) tbody > tr:not(:last-child) > td,
.ls-std-table-inputlist table:not([class]) tbody > tr:not(:last-child) > td,
table:not([class]) tfoot > tr:not(:last-child) > th,
.ls-table-layout2 table:not([class]) tfoot > tr:not(:last-child) > th,
.ls-table-layout3 table:not([class]) tfoot > tr:not(:last-child) > th,
.ls-table-layout4 table:not([class]) tfoot > tr:not(:last-child) > th,
.ls-table-layout5 table:not([class]) tfoot > tr:not(:last-child) > th,
.ls-std-table-inputlist table:not([class]) tfoot > tr:not(:last-child) > th,
table:not([class]) tfoot > tr:not(:last-child) > td,
.ls-table-layout2 table:not([class]) tfoot > tr:not(:last-child) > td,
.ls-table-layout3 table:not([class]) tfoot > tr:not(:last-child) > td,
.ls-table-layout4 table:not([class]) tfoot > tr:not(:last-child) > td,
.ls-table-layout5 table:not([class]) tfoot > tr:not(:last-child) > td,
.ls-std-table-inputlist table:not([class]) tfoot > tr:not(:last-child) > td,
table:not([class]) tr:not(:last-child) > td,
.ls-table-layout2 table:not([class]) tr:not(:last-child) > td,
.ls-table-layout3 table:not([class]) tr:not(:last-child) > td,
.ls-table-layout4 table:not([class]) tr:not(:last-child) > td,
.ls-table-layout5 table:not([class]) tr:not(:last-child) > td,
.ls-std-table-inputlist table:not([class]) tr:not(:last-child) > td,
table:not([class]) tr:not(:last-child) > th,
.ls-table-layout2 table:not([class]) tr:not(:last-child) > th,
.ls-table-layout3 table:not([class]) tr:not(:last-child) > th,
.ls-table-layout4 table:not([class]) tr:not(:last-child) > th,
.ls-table-layout5 table:not([class]) tr:not(:last-child) > th,
.ls-std-table-inputlist table:not([class]) tr:not(:last-child) > th,
table:not([class]) thead:not(:last-child),
.ls-table-layout2 table:not([class]) thead:not(:last-child),
.ls-table-layout3 table:not([class]) thead:not(:last-child),
.ls-table-layout4 table:not([class]) thead:not(:last-child),
.ls-table-layout5 table:not([class]) thead:not(:last-child),
.ls-std-table-inputlist table:not([class]) thead:not(:last-child),
table:not([class]) tbody:not(:last-child),
.ls-table-layout2 table:not([class]) tbody:not(:last-child),
.ls-table-layout3 table:not([class]) tbody:not(:last-child),
.ls-table-layout4 table:not([class]) tbody:not(:last-child),
.ls-table-layout5 table:not([class]) tbody:not(:last-child),
.ls-std-table-inputlist table:not([class]) tbody:not(:last-child),
table:not([class]) tfoot:not(:last-child),
.ls-table-layout2 table:not([class]) tfoot:not(:last-child),
.ls-table-layout3 table:not([class]) tfoot:not(:last-child),
.ls-table-layout4 table:not([class]) tfoot:not(:last-child),
.ls-table-layout5 table:not([class]) tfoot:not(:last-child),
.ls-std-table-inputlist table:not([class]) tfoot:not(:last-child) {
  border-bottom: unset;
}
/**********************************************************/
/* ls-table-layout (tabel uden border) **/
/**********************************************************/
.ls-table-layout,
.ls-table-layout2 .ls-table-layout,
.ls-table-layout3 .ls-table-layout,
.ls-table-layout4 .ls-table-layout,
.ls-table-layout5 .ls-table-layout,
.ls-std-table-inputlist .ls-table-layout {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.33333333rem;
  /* text alignment **/
  margin: unset unset;
  border-radius: unset;
  border: unset;
  background-color: unset;
  border-spacing: unset;
  border-collapse: unset;
}
.ls-table-layout th,
.ls-table-layout2 .ls-table-layout th,
.ls-table-layout3 .ls-table-layout th,
.ls-table-layout4 .ls-table-layout th,
.ls-table-layout5 .ls-table-layout th,
.ls-std-table-inputlist .ls-table-layout th {
  font-family: 'Roboto Medium';
  font-weight: 500;
}
.ls-table-layout.textLeft td,
.ls-table-layout2 .ls-table-layout.textLeft td,
.ls-table-layout3 .ls-table-layout.textLeft td,
.ls-table-layout4 .ls-table-layout.textLeft td,
.ls-table-layout5 .ls-table-layout.textLeft td,
.ls-std-table-inputlist .ls-table-layout.textLeft td,
.ls-table-layout.textLeft th,
.ls-table-layout2 .ls-table-layout.textLeft th,
.ls-table-layout3 .ls-table-layout.textLeft th,
.ls-table-layout4 .ls-table-layout.textLeft th,
.ls-table-layout5 .ls-table-layout.textLeft th,
.ls-std-table-inputlist .ls-table-layout.textLeft th {
  text-align: left;
}
.ls-table-layout.textLeft td.textCenter,
.ls-table-layout2 .ls-table-layout.textLeft td.textCenter,
.ls-table-layout3 .ls-table-layout.textLeft td.textCenter,
.ls-table-layout4 .ls-table-layout.textLeft td.textCenter,
.ls-table-layout5 .ls-table-layout.textLeft td.textCenter,
.ls-std-table-inputlist .ls-table-layout.textLeft td.textCenter,
.ls-table-layout.textLeft th.textCenter,
.ls-table-layout2 .ls-table-layout.textLeft th.textCenter,
.ls-table-layout3 .ls-table-layout.textLeft th.textCenter,
.ls-table-layout4 .ls-table-layout.textLeft th.textCenter,
.ls-table-layout5 .ls-table-layout.textLeft th.textCenter,
.ls-std-table-inputlist .ls-table-layout.textLeft th.textCenter {
  text-align: center;
}
.ls-table-layout.textLeft td.textRight,
.ls-table-layout2 .ls-table-layout.textLeft td.textRight,
.ls-table-layout3 .ls-table-layout.textLeft td.textRight,
.ls-table-layout4 .ls-table-layout.textLeft td.textRight,
.ls-table-layout5 .ls-table-layout.textLeft td.textRight,
.ls-std-table-inputlist .ls-table-layout.textLeft td.textRight,
.ls-table-layout.textLeft th.textRight,
.ls-table-layout2 .ls-table-layout.textLeft th.textRight,
.ls-table-layout3 .ls-table-layout.textLeft th.textRight,
.ls-table-layout4 .ls-table-layout.textLeft th.textRight,
.ls-table-layout5 .ls-table-layout.textLeft th.textRight,
.ls-std-table-inputlist .ls-table-layout.textLeft th.textRight {
  text-align: right;
}
.ls-table-layout.textRight td,
.ls-table-layout2 .ls-table-layout.textRight td,
.ls-table-layout3 .ls-table-layout.textRight td,
.ls-table-layout4 .ls-table-layout.textRight td,
.ls-table-layout5 .ls-table-layout.textRight td,
.ls-std-table-inputlist .ls-table-layout.textRight td,
.ls-table-layout.textRight th,
.ls-table-layout2 .ls-table-layout.textRight th,
.ls-table-layout3 .ls-table-layout.textRight th,
.ls-table-layout4 .ls-table-layout.textRight th,
.ls-table-layout5 .ls-table-layout.textRight th,
.ls-std-table-inputlist .ls-table-layout.textRight th {
  text-align: right;
}
.ls-table-layout.textRight td.textCenter,
.ls-table-layout2 .ls-table-layout.textRight td.textCenter,
.ls-table-layout3 .ls-table-layout.textRight td.textCenter,
.ls-table-layout4 .ls-table-layout.textRight td.textCenter,
.ls-table-layout5 .ls-table-layout.textRight td.textCenter,
.ls-std-table-inputlist .ls-table-layout.textRight td.textCenter,
.ls-table-layout.textRight th.textCenter,
.ls-table-layout2 .ls-table-layout.textRight th.textCenter,
.ls-table-layout3 .ls-table-layout.textRight th.textCenter,
.ls-table-layout4 .ls-table-layout.textRight th.textCenter,
.ls-table-layout5 .ls-table-layout.textRight th.textCenter,
.ls-std-table-inputlist .ls-table-layout.textRight th.textCenter {
  text-align: center;
}
.ls-table-layout.textRight td.textLeft,
.ls-table-layout2 .ls-table-layout.textRight td.textLeft,
.ls-table-layout3 .ls-table-layout.textRight td.textLeft,
.ls-table-layout4 .ls-table-layout.textRight td.textLeft,
.ls-table-layout5 .ls-table-layout.textRight td.textLeft,
.ls-std-table-inputlist .ls-table-layout.textRight td.textLeft,
.ls-table-layout.textRight th.textLeft,
.ls-table-layout2 .ls-table-layout.textRight th.textLeft,
.ls-table-layout3 .ls-table-layout.textRight th.textLeft,
.ls-table-layout4 .ls-table-layout.textRight th.textLeft,
.ls-table-layout5 .ls-table-layout.textRight th.textLeft,
.ls-std-table-inputlist .ls-table-layout.textRight th.textLeft {
  text-align: left;
}
.ls-table-layout.textCenter td,
.ls-table-layout2 .ls-table-layout.textCenter td,
.ls-table-layout3 .ls-table-layout.textCenter td,
.ls-table-layout4 .ls-table-layout.textCenter td,
.ls-table-layout5 .ls-table-layout.textCenter td,
.ls-std-table-inputlist .ls-table-layout.textCenter td,
.ls-table-layout.textCenter th,
.ls-table-layout2 .ls-table-layout.textCenter th,
.ls-table-layout3 .ls-table-layout.textCenter th,
.ls-table-layout4 .ls-table-layout.textCenter th,
.ls-table-layout5 .ls-table-layout.textCenter th,
.ls-std-table-inputlist .ls-table-layout.textCenter th {
  text-align: center;
}
.ls-table-layout.textCenter td.textRight,
.ls-table-layout2 .ls-table-layout.textCenter td.textRight,
.ls-table-layout3 .ls-table-layout.textCenter td.textRight,
.ls-table-layout4 .ls-table-layout.textCenter td.textRight,
.ls-table-layout5 .ls-table-layout.textCenter td.textRight,
.ls-std-table-inputlist .ls-table-layout.textCenter td.textRight,
.ls-table-layout.textCenter th.textRight,
.ls-table-layout2 .ls-table-layout.textCenter th.textRight,
.ls-table-layout3 .ls-table-layout.textCenter th.textRight,
.ls-table-layout4 .ls-table-layout.textCenter th.textRight,
.ls-table-layout5 .ls-table-layout.textCenter th.textRight,
.ls-std-table-inputlist .ls-table-layout.textCenter th.textRight {
  text-align: right;
}
.ls-table-layout.textCenter td.textLeft,
.ls-table-layout2 .ls-table-layout.textCenter td.textLeft,
.ls-table-layout3 .ls-table-layout.textCenter td.textLeft,
.ls-table-layout4 .ls-table-layout.textCenter td.textLeft,
.ls-table-layout5 .ls-table-layout.textCenter td.textLeft,
.ls-std-table-inputlist .ls-table-layout.textCenter td.textLeft,
.ls-table-layout.textCenter th.textLeft,
.ls-table-layout2 .ls-table-layout.textCenter th.textLeft,
.ls-table-layout3 .ls-table-layout.textCenter th.textLeft,
.ls-table-layout4 .ls-table-layout.textCenter th.textLeft,
.ls-table-layout5 .ls-table-layout.textCenter th.textLeft,
.ls-std-table-inputlist .ls-table-layout.textCenter th.textLeft {
  text-align: left;
}
.ls-table-layout.textTop tr,
.ls-table-layout2 .ls-table-layout.textTop tr,
.ls-table-layout3 .ls-table-layout.textTop tr,
.ls-table-layout4 .ls-table-layout.textTop tr,
.ls-table-layout5 .ls-table-layout.textTop tr,
.ls-std-table-inputlist .ls-table-layout.textTop tr {
  vertical-align: top;
}
.ls-table-layout.textTop tr td,
.ls-table-layout2 .ls-table-layout.textTop tr td,
.ls-table-layout3 .ls-table-layout.textTop tr td,
.ls-table-layout4 .ls-table-layout.textTop tr td,
.ls-table-layout5 .ls-table-layout.textTop tr td,
.ls-std-table-inputlist .ls-table-layout.textTop tr td,
.ls-table-layout.textTop tr th,
.ls-table-layout2 .ls-table-layout.textTop tr th,
.ls-table-layout3 .ls-table-layout.textTop tr th,
.ls-table-layout4 .ls-table-layout.textTop tr th,
.ls-table-layout5 .ls-table-layout.textTop tr th,
.ls-std-table-inputlist .ls-table-layout.textTop tr th {
  vertical-align: top;
}
.ls-table-layout th,
.ls-table-layout2 .ls-table-layout th,
.ls-table-layout3 .ls-table-layout th,
.ls-table-layout4 .ls-table-layout th,
.ls-table-layout5 .ls-table-layout th,
.ls-std-table-inputlist .ls-table-layout th,
.ls-table-layout th > *,
.ls-table-layout2 .ls-table-layout th > *,
.ls-table-layout3 .ls-table-layout th > *,
.ls-table-layout4 .ls-table-layout th > *,
.ls-table-layout5 .ls-table-layout th > *,
.ls-std-table-inputlist .ls-table-layout th > * {
  text-align: center;
}
.ls-table-layout td,
.ls-table-layout2 .ls-table-layout td,
.ls-table-layout3 .ls-table-layout td,
.ls-table-layout4 .ls-table-layout td,
.ls-table-layout5 .ls-table-layout td,
.ls-std-table-inputlist .ls-table-layout td,
.ls-table-layout td > *,
.ls-table-layout2 .ls-table-layout td > *,
.ls-table-layout3 .ls-table-layout td > *,
.ls-table-layout4 .ls-table-layout td > *,
.ls-table-layout5 .ls-table-layout td > *,
.ls-std-table-inputlist .ls-table-layout td > *,
.ls-table-layout tr > td,
.ls-table-layout2 .ls-table-layout tr > td,
.ls-table-layout3 .ls-table-layout tr > td,
.ls-table-layout4 .ls-table-layout tr > td,
.ls-table-layout5 .ls-table-layout tr > td,
.ls-std-table-inputlist .ls-table-layout tr > td,
.ls-table-layout tr > td > *,
.ls-table-layout2 .ls-table-layout tr > td > *,
.ls-table-layout3 .ls-table-layout tr > td > *,
.ls-table-layout4 .ls-table-layout tr > td > *,
.ls-table-layout5 .ls-table-layout tr > td > *,
.ls-std-table-inputlist .ls-table-layout tr > td > * {
  vertical-align: top;
}
.ls-table-layout tr td,
.ls-table-layout2 .ls-table-layout tr td,
.ls-table-layout3 .ls-table-layout tr td,
.ls-table-layout4 .ls-table-layout tr td,
.ls-table-layout5 .ls-table-layout tr td,
.ls-std-table-inputlist .ls-table-layout tr td,
.ls-table-layout tr th,
.ls-table-layout2 .ls-table-layout tr th,
.ls-table-layout3 .ls-table-layout tr th,
.ls-table-layout4 .ls-table-layout tr th,
.ls-table-layout5 .ls-table-layout tr th,
.ls-std-table-inputlist .ls-table-layout tr th {
  /* button in table styleoveride**/
}
.ls-table-layout tr td.borderLeft,
.ls-table-layout2 .ls-table-layout tr td.borderLeft,
.ls-table-layout3 .ls-table-layout tr td.borderLeft,
.ls-table-layout4 .ls-table-layout tr td.borderLeft,
.ls-table-layout5 .ls-table-layout tr td.borderLeft,
.ls-std-table-inputlist .ls-table-layout tr td.borderLeft,
.ls-table-layout tr th.borderLeft,
.ls-table-layout2 .ls-table-layout tr th.borderLeft,
.ls-table-layout3 .ls-table-layout tr th.borderLeft,
.ls-table-layout4 .ls-table-layout tr th.borderLeft,
.ls-table-layout5 .ls-table-layout tr th.borderLeft,
.ls-std-table-inputlist .ls-table-layout tr th.borderLeft {
  border-left: solid 1px #ccd2d9;
}
.ls-table-layout tr td.borderRight,
.ls-table-layout2 .ls-table-layout tr td.borderRight,
.ls-table-layout3 .ls-table-layout tr td.borderRight,
.ls-table-layout4 .ls-table-layout tr td.borderRight,
.ls-table-layout5 .ls-table-layout tr td.borderRight,
.ls-std-table-inputlist .ls-table-layout tr td.borderRight,
.ls-table-layout tr th.borderRight,
.ls-table-layout2 .ls-table-layout tr th.borderRight,
.ls-table-layout3 .ls-table-layout tr th.borderRight,
.ls-table-layout4 .ls-table-layout tr th.borderRight,
.ls-table-layout5 .ls-table-layout tr th.borderRight,
.ls-std-table-inputlist .ls-table-layout tr th.borderRight {
  border-right: solid 1px #ccd2d9;
}
.ls-table-layout tr td .buttonfilledtonal,
.ls-table-layout2 .ls-table-layout tr td .buttonfilledtonal,
.ls-table-layout3 .ls-table-layout tr td .buttonfilledtonal,
.ls-table-layout4 .ls-table-layout tr td .buttonfilledtonal,
.ls-table-layout5 .ls-table-layout tr td .buttonfilledtonal,
.ls-std-table-inputlist .ls-table-layout tr td .buttonfilledtonal,
.ls-table-layout tr th .buttonfilledtonal,
.ls-table-layout2 .ls-table-layout tr th .buttonfilledtonal,
.ls-table-layout3 .ls-table-layout tr th .buttonfilledtonal,
.ls-table-layout4 .ls-table-layout tr th .buttonfilledtonal,
.ls-table-layout5 .ls-table-layout tr th .buttonfilledtonal,
.ls-std-table-inputlist .ls-table-layout tr th .buttonfilledtonal,
.ls-table-layout tr td .buttonoutlined,
.ls-table-layout2 .ls-table-layout tr td .buttonoutlined,
.ls-table-layout3 .ls-table-layout tr td .buttonoutlined,
.ls-table-layout4 .ls-table-layout tr td .buttonoutlined,
.ls-table-layout5 .ls-table-layout tr td .buttonoutlined,
.ls-std-table-inputlist .ls-table-layout tr td .buttonoutlined,
.ls-table-layout tr th .buttonoutlined,
.ls-table-layout2 .ls-table-layout tr th .buttonoutlined,
.ls-table-layout3 .ls-table-layout tr th .buttonoutlined,
.ls-table-layout4 .ls-table-layout tr th .buttonoutlined,
.ls-table-layout5 .ls-table-layout tr th .buttonoutlined,
.ls-std-table-inputlist .ls-table-layout tr th .buttonoutlined,
.ls-table-layout tr td .buttonfilled,
.ls-table-layout2 .ls-table-layout tr td .buttonfilled,
.ls-table-layout3 .ls-table-layout tr td .buttonfilled,
.ls-table-layout4 .ls-table-layout tr td .buttonfilled,
.ls-table-layout5 .ls-table-layout tr td .buttonfilled,
.ls-std-table-inputlist .ls-table-layout tr td .buttonfilled,
.ls-table-layout tr th .buttonfilled,
.ls-table-layout2 .ls-table-layout tr th .buttonfilled,
.ls-table-layout3 .ls-table-layout tr th .buttonfilled,
.ls-table-layout4 .ls-table-layout tr th .buttonfilled,
.ls-table-layout5 .ls-table-layout tr th .buttonfilled,
.ls-std-table-inputlist .ls-table-layout tr th .buttonfilled,
.ls-table-layout tr td .buttontext,
.ls-table-layout2 .ls-table-layout tr td .buttontext,
.ls-table-layout3 .ls-table-layout tr td .buttontext,
.ls-table-layout4 .ls-table-layout tr td .buttontext,
.ls-table-layout5 .ls-table-layout tr td .buttontext,
.ls-std-table-inputlist .ls-table-layout tr td .buttontext,
.ls-table-layout tr th .buttontext,
.ls-table-layout2 .ls-table-layout tr th .buttontext,
.ls-table-layout3 .ls-table-layout tr th .buttontext,
.ls-table-layout4 .ls-table-layout tr th .buttontext,
.ls-table-layout5 .ls-table-layout tr th .buttontext,
.ls-std-table-inputlist .ls-table-layout tr th .buttontext {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.ls-table-layout tr:not(:first-of-type),
.ls-table-layout2 .ls-table-layout tr:not(:first-of-type),
.ls-table-layout3 .ls-table-layout tr:not(:first-of-type),
.ls-table-layout4 .ls-table-layout tr:not(:first-of-type),
.ls-table-layout5 .ls-table-layout tr:not(:first-of-type),
.ls-std-table-inputlist .ls-table-layout tr:not(:first-of-type) {
  vertical-align: unset;
  border-top: unset;
}
.ls-table-layout tr th,
.ls-table-layout2 .ls-table-layout tr th,
.ls-table-layout3 .ls-table-layout tr th,
.ls-table-layout4 .ls-table-layout tr th,
.ls-table-layout5 .ls-table-layout tr th,
.ls-std-table-inputlist .ls-table-layout tr th {
  padding: 0.41666667rem 0.5rem;
}
.ls-table-layout tr th:not(:last-child),
.ls-table-layout2 .ls-table-layout tr th:not(:last-child),
.ls-table-layout3 .ls-table-layout tr th:not(:last-child),
.ls-table-layout4 .ls-table-layout tr th:not(:last-child),
.ls-table-layout5 .ls-table-layout tr th:not(:last-child),
.ls-std-table-inputlist .ls-table-layout tr th:not(:last-child) {
  border-right: unset;
}
.ls-table-layout tr td,
.ls-table-layout2 .ls-table-layout tr td,
.ls-table-layout3 .ls-table-layout tr td,
.ls-table-layout4 .ls-table-layout tr td,
.ls-table-layout5 .ls-table-layout tr td,
.ls-std-table-inputlist .ls-table-layout tr td {
  padding: 0.41666667rem 0.5rem;
}
.ls-table-layout tr td:not(:last-child),
.ls-table-layout2 .ls-table-layout tr td:not(:last-child),
.ls-table-layout3 .ls-table-layout tr td:not(:last-child),
.ls-table-layout4 .ls-table-layout tr td:not(:last-child),
.ls-table-layout5 .ls-table-layout tr td:not(:last-child),
.ls-std-table-inputlist .ls-table-layout tr td:not(:last-child) {
  border-right: unset;
}
.ls-table-layout tr:first-child > th:last-child,
.ls-table-layout2 .ls-table-layout tr:first-child > th:last-child,
.ls-table-layout3 .ls-table-layout tr:first-child > th:last-child,
.ls-table-layout4 .ls-table-layout tr:first-child > th:last-child,
.ls-table-layout5 .ls-table-layout tr:first-child > th:last-child,
.ls-std-table-inputlist .ls-table-layout tr:first-child > th:last-child {
  border-top-right-radius: unset;
}
.ls-table-layout tr:first-child > th:first-child,
.ls-table-layout2 .ls-table-layout tr:first-child > th:first-child,
.ls-table-layout3 .ls-table-layout tr:first-child > th:first-child,
.ls-table-layout4 .ls-table-layout tr:first-child > th:first-child,
.ls-table-layout5 .ls-table-layout tr:first-child > th:first-child,
.ls-std-table-inputlist .ls-table-layout tr:first-child > th:first-child {
  border-top-left-radius: unset;
}
.ls-table-layout tr:last-child > td:last-child,
.ls-table-layout2 .ls-table-layout tr:last-child > td:last-child,
.ls-table-layout3 .ls-table-layout tr:last-child > td:last-child,
.ls-table-layout4 .ls-table-layout tr:last-child > td:last-child,
.ls-table-layout5 .ls-table-layout tr:last-child > td:last-child,
.ls-std-table-inputlist .ls-table-layout tr:last-child > td:last-child {
  border-bottom-right-radius: unset;
}
.ls-table-layout tr:last-child > td:first-child,
.ls-table-layout2 .ls-table-layout tr:last-child > td:first-child,
.ls-table-layout3 .ls-table-layout tr:last-child > td:first-child,
.ls-table-layout4 .ls-table-layout tr:last-child > td:first-child,
.ls-table-layout5 .ls-table-layout tr:last-child > td:first-child,
.ls-std-table-inputlist .ls-table-layout tr:last-child > td:first-child {
  border-bottom-left-radius: unset;
}
.ls-table-layout tr > th,
.ls-table-layout2 .ls-table-layout tr > th,
.ls-table-layout3 .ls-table-layout tr > th,
.ls-table-layout4 .ls-table-layout tr > th,
.ls-table-layout5 .ls-table-layout tr > th,
.ls-std-table-inputlist .ls-table-layout tr > th,
.ls-table-layout thead > tr:not(:last-child) > th,
.ls-table-layout2 .ls-table-layout thead > tr:not(:last-child) > th,
.ls-table-layout3 .ls-table-layout thead > tr:not(:last-child) > th,
.ls-table-layout4 .ls-table-layout thead > tr:not(:last-child) > th,
.ls-table-layout5 .ls-table-layout thead > tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout thead > tr:not(:last-child) > th,
.ls-table-layout thead > tr:not(:last-child) > td,
.ls-table-layout2 .ls-table-layout thead > tr:not(:last-child) > td,
.ls-table-layout3 .ls-table-layout thead > tr:not(:last-child) > td,
.ls-table-layout4 .ls-table-layout thead > tr:not(:last-child) > td,
.ls-table-layout5 .ls-table-layout thead > tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout thead > tr:not(:last-child) > td,
.ls-table-layout tbody > tr:not(:last-child) > th,
.ls-table-layout2 .ls-table-layout tbody > tr:not(:last-child) > th,
.ls-table-layout3 .ls-table-layout tbody > tr:not(:last-child) > th,
.ls-table-layout4 .ls-table-layout tbody > tr:not(:last-child) > th,
.ls-table-layout5 .ls-table-layout tbody > tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout tbody > tr:not(:last-child) > th,
.ls-table-layout tbody > tr:not(:last-child) > td,
.ls-table-layout2 .ls-table-layout tbody > tr:not(:last-child) > td,
.ls-table-layout3 .ls-table-layout tbody > tr:not(:last-child) > td,
.ls-table-layout4 .ls-table-layout tbody > tr:not(:last-child) > td,
.ls-table-layout5 .ls-table-layout tbody > tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout tbody > tr:not(:last-child) > td,
.ls-table-layout tfoot > tr:not(:last-child) > th,
.ls-table-layout2 .ls-table-layout tfoot > tr:not(:last-child) > th,
.ls-table-layout3 .ls-table-layout tfoot > tr:not(:last-child) > th,
.ls-table-layout4 .ls-table-layout tfoot > tr:not(:last-child) > th,
.ls-table-layout5 .ls-table-layout tfoot > tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout tfoot > tr:not(:last-child) > th,
.ls-table-layout tfoot > tr:not(:last-child) > td,
.ls-table-layout2 .ls-table-layout tfoot > tr:not(:last-child) > td,
.ls-table-layout3 .ls-table-layout tfoot > tr:not(:last-child) > td,
.ls-table-layout4 .ls-table-layout tfoot > tr:not(:last-child) > td,
.ls-table-layout5 .ls-table-layout tfoot > tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout tfoot > tr:not(:last-child) > td,
.ls-table-layout tr:not(:last-child) > td,
.ls-table-layout2 .ls-table-layout tr:not(:last-child) > td,
.ls-table-layout3 .ls-table-layout tr:not(:last-child) > td,
.ls-table-layout4 .ls-table-layout tr:not(:last-child) > td,
.ls-table-layout5 .ls-table-layout tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout tr:not(:last-child) > td,
.ls-table-layout tr:not(:last-child) > th,
.ls-table-layout2 .ls-table-layout tr:not(:last-child) > th,
.ls-table-layout3 .ls-table-layout tr:not(:last-child) > th,
.ls-table-layout4 .ls-table-layout tr:not(:last-child) > th,
.ls-table-layout5 .ls-table-layout tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout tr:not(:last-child) > th,
.ls-table-layout thead:not(:last-child),
.ls-table-layout2 .ls-table-layout thead:not(:last-child),
.ls-table-layout3 .ls-table-layout thead:not(:last-child),
.ls-table-layout4 .ls-table-layout thead:not(:last-child),
.ls-table-layout5 .ls-table-layout thead:not(:last-child),
.ls-std-table-inputlist .ls-table-layout thead:not(:last-child),
.ls-table-layout tbody:not(:last-child),
.ls-table-layout2 .ls-table-layout tbody:not(:last-child),
.ls-table-layout3 .ls-table-layout tbody:not(:last-child),
.ls-table-layout4 .ls-table-layout tbody:not(:last-child),
.ls-table-layout5 .ls-table-layout tbody:not(:last-child),
.ls-std-table-inputlist .ls-table-layout tbody:not(:last-child),
.ls-table-layout tfoot:not(:last-child),
.ls-table-layout2 .ls-table-layout tfoot:not(:last-child),
.ls-table-layout3 .ls-table-layout tfoot:not(:last-child),
.ls-table-layout4 .ls-table-layout tfoot:not(:last-child),
.ls-table-layout5 .ls-table-layout tfoot:not(:last-child),
.ls-std-table-inputlist .ls-table-layout tfoot:not(:last-child) {
  border-bottom: unset;
}
/****************************************************************/
/* ls-table-layout2 - MD , standard tabellen						*/
/****************************************************************/
.ls-table-layout2,
.ls-table-layout .ls-table-layout2,
.ls-table-layout3 .ls-table-layout2,
.ls-table-layout4 .ls-table-layout2,
.ls-table-layout5 .ls-table-layout2,
.ls-std-table-inputlist .ls-table-layout2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.33333333rem;
  /* text alignment **/
  margin: 0.4rem 0;
  border-radius: 0.43rem;
  border: solid 1px #ccd2d9;
  background-color: #ffffff;
  border-spacing: 0;
  border-collapse: separate;
  /* paging */
}
.ls-table-layout2 th,
.ls-table-layout .ls-table-layout2 th,
.ls-table-layout3 .ls-table-layout2 th,
.ls-table-layout4 .ls-table-layout2 th,
.ls-table-layout5 .ls-table-layout2 th,
.ls-std-table-inputlist .ls-table-layout2 th {
  font-family: 'Roboto Medium';
  font-weight: 500;
}
.ls-table-layout2.textLeft td,
.ls-table-layout .ls-table-layout2.textLeft td,
.ls-table-layout3 .ls-table-layout2.textLeft td,
.ls-table-layout4 .ls-table-layout2.textLeft td,
.ls-table-layout5 .ls-table-layout2.textLeft td,
.ls-std-table-inputlist .ls-table-layout2.textLeft td,
.ls-table-layout2.textLeft th,
.ls-table-layout .ls-table-layout2.textLeft th,
.ls-table-layout3 .ls-table-layout2.textLeft th,
.ls-table-layout4 .ls-table-layout2.textLeft th,
.ls-table-layout5 .ls-table-layout2.textLeft th,
.ls-std-table-inputlist .ls-table-layout2.textLeft th {
  text-align: left;
}
.ls-table-layout2.textLeft td.textCenter,
.ls-table-layout .ls-table-layout2.textLeft td.textCenter,
.ls-table-layout3 .ls-table-layout2.textLeft td.textCenter,
.ls-table-layout4 .ls-table-layout2.textLeft td.textCenter,
.ls-table-layout5 .ls-table-layout2.textLeft td.textCenter,
.ls-std-table-inputlist .ls-table-layout2.textLeft td.textCenter,
.ls-table-layout2.textLeft th.textCenter,
.ls-table-layout .ls-table-layout2.textLeft th.textCenter,
.ls-table-layout3 .ls-table-layout2.textLeft th.textCenter,
.ls-table-layout4 .ls-table-layout2.textLeft th.textCenter,
.ls-table-layout5 .ls-table-layout2.textLeft th.textCenter,
.ls-std-table-inputlist .ls-table-layout2.textLeft th.textCenter {
  text-align: center;
}
.ls-table-layout2.textLeft td.textRight,
.ls-table-layout .ls-table-layout2.textLeft td.textRight,
.ls-table-layout3 .ls-table-layout2.textLeft td.textRight,
.ls-table-layout4 .ls-table-layout2.textLeft td.textRight,
.ls-table-layout5 .ls-table-layout2.textLeft td.textRight,
.ls-std-table-inputlist .ls-table-layout2.textLeft td.textRight,
.ls-table-layout2.textLeft th.textRight,
.ls-table-layout .ls-table-layout2.textLeft th.textRight,
.ls-table-layout3 .ls-table-layout2.textLeft th.textRight,
.ls-table-layout4 .ls-table-layout2.textLeft th.textRight,
.ls-table-layout5 .ls-table-layout2.textLeft th.textRight,
.ls-std-table-inputlist .ls-table-layout2.textLeft th.textRight {
  text-align: right;
}
.ls-table-layout2.textRight td,
.ls-table-layout .ls-table-layout2.textRight td,
.ls-table-layout3 .ls-table-layout2.textRight td,
.ls-table-layout4 .ls-table-layout2.textRight td,
.ls-table-layout5 .ls-table-layout2.textRight td,
.ls-std-table-inputlist .ls-table-layout2.textRight td,
.ls-table-layout2.textRight th,
.ls-table-layout .ls-table-layout2.textRight th,
.ls-table-layout3 .ls-table-layout2.textRight th,
.ls-table-layout4 .ls-table-layout2.textRight th,
.ls-table-layout5 .ls-table-layout2.textRight th,
.ls-std-table-inputlist .ls-table-layout2.textRight th {
  text-align: right;
}
.ls-table-layout2.textRight td.textCenter,
.ls-table-layout .ls-table-layout2.textRight td.textCenter,
.ls-table-layout3 .ls-table-layout2.textRight td.textCenter,
.ls-table-layout4 .ls-table-layout2.textRight td.textCenter,
.ls-table-layout5 .ls-table-layout2.textRight td.textCenter,
.ls-std-table-inputlist .ls-table-layout2.textRight td.textCenter,
.ls-table-layout2.textRight th.textCenter,
.ls-table-layout .ls-table-layout2.textRight th.textCenter,
.ls-table-layout3 .ls-table-layout2.textRight th.textCenter,
.ls-table-layout4 .ls-table-layout2.textRight th.textCenter,
.ls-table-layout5 .ls-table-layout2.textRight th.textCenter,
.ls-std-table-inputlist .ls-table-layout2.textRight th.textCenter {
  text-align: center;
}
.ls-table-layout2.textRight td.textLeft,
.ls-table-layout .ls-table-layout2.textRight td.textLeft,
.ls-table-layout3 .ls-table-layout2.textRight td.textLeft,
.ls-table-layout4 .ls-table-layout2.textRight td.textLeft,
.ls-table-layout5 .ls-table-layout2.textRight td.textLeft,
.ls-std-table-inputlist .ls-table-layout2.textRight td.textLeft,
.ls-table-layout2.textRight th.textLeft,
.ls-table-layout .ls-table-layout2.textRight th.textLeft,
.ls-table-layout3 .ls-table-layout2.textRight th.textLeft,
.ls-table-layout4 .ls-table-layout2.textRight th.textLeft,
.ls-table-layout5 .ls-table-layout2.textRight th.textLeft,
.ls-std-table-inputlist .ls-table-layout2.textRight th.textLeft {
  text-align: left;
}
.ls-table-layout2.textCenter td,
.ls-table-layout .ls-table-layout2.textCenter td,
.ls-table-layout3 .ls-table-layout2.textCenter td,
.ls-table-layout4 .ls-table-layout2.textCenter td,
.ls-table-layout5 .ls-table-layout2.textCenter td,
.ls-std-table-inputlist .ls-table-layout2.textCenter td,
.ls-table-layout2.textCenter th,
.ls-table-layout .ls-table-layout2.textCenter th,
.ls-table-layout3 .ls-table-layout2.textCenter th,
.ls-table-layout4 .ls-table-layout2.textCenter th,
.ls-table-layout5 .ls-table-layout2.textCenter th,
.ls-std-table-inputlist .ls-table-layout2.textCenter th {
  text-align: center;
}
.ls-table-layout2.textCenter td.textRight,
.ls-table-layout .ls-table-layout2.textCenter td.textRight,
.ls-table-layout3 .ls-table-layout2.textCenter td.textRight,
.ls-table-layout4 .ls-table-layout2.textCenter td.textRight,
.ls-table-layout5 .ls-table-layout2.textCenter td.textRight,
.ls-std-table-inputlist .ls-table-layout2.textCenter td.textRight,
.ls-table-layout2.textCenter th.textRight,
.ls-table-layout .ls-table-layout2.textCenter th.textRight,
.ls-table-layout3 .ls-table-layout2.textCenter th.textRight,
.ls-table-layout4 .ls-table-layout2.textCenter th.textRight,
.ls-table-layout5 .ls-table-layout2.textCenter th.textRight,
.ls-std-table-inputlist .ls-table-layout2.textCenter th.textRight {
  text-align: right;
}
.ls-table-layout2.textCenter td.textLeft,
.ls-table-layout .ls-table-layout2.textCenter td.textLeft,
.ls-table-layout3 .ls-table-layout2.textCenter td.textLeft,
.ls-table-layout4 .ls-table-layout2.textCenter td.textLeft,
.ls-table-layout5 .ls-table-layout2.textCenter td.textLeft,
.ls-std-table-inputlist .ls-table-layout2.textCenter td.textLeft,
.ls-table-layout2.textCenter th.textLeft,
.ls-table-layout .ls-table-layout2.textCenter th.textLeft,
.ls-table-layout3 .ls-table-layout2.textCenter th.textLeft,
.ls-table-layout4 .ls-table-layout2.textCenter th.textLeft,
.ls-table-layout5 .ls-table-layout2.textCenter th.textLeft,
.ls-std-table-inputlist .ls-table-layout2.textCenter th.textLeft {
  text-align: left;
}
.ls-table-layout2.textTop tr,
.ls-table-layout .ls-table-layout2.textTop tr,
.ls-table-layout3 .ls-table-layout2.textTop tr,
.ls-table-layout4 .ls-table-layout2.textTop tr,
.ls-table-layout5 .ls-table-layout2.textTop tr,
.ls-std-table-inputlist .ls-table-layout2.textTop tr {
  vertical-align: top;
}
.ls-table-layout2.textTop tr td,
.ls-table-layout .ls-table-layout2.textTop tr td,
.ls-table-layout3 .ls-table-layout2.textTop tr td,
.ls-table-layout4 .ls-table-layout2.textTop tr td,
.ls-table-layout5 .ls-table-layout2.textTop tr td,
.ls-std-table-inputlist .ls-table-layout2.textTop tr td,
.ls-table-layout2.textTop tr th,
.ls-table-layout .ls-table-layout2.textTop tr th,
.ls-table-layout3 .ls-table-layout2.textTop tr th,
.ls-table-layout4 .ls-table-layout2.textTop tr th,
.ls-table-layout5 .ls-table-layout2.textTop tr th,
.ls-std-table-inputlist .ls-table-layout2.textTop tr th {
  vertical-align: top;
}
.ls-table-layout2 th,
.ls-table-layout .ls-table-layout2 th,
.ls-table-layout3 .ls-table-layout2 th,
.ls-table-layout4 .ls-table-layout2 th,
.ls-table-layout5 .ls-table-layout2 th,
.ls-std-table-inputlist .ls-table-layout2 th,
.ls-table-layout2 th > *,
.ls-table-layout .ls-table-layout2 th > *,
.ls-table-layout3 .ls-table-layout2 th > *,
.ls-table-layout4 .ls-table-layout2 th > *,
.ls-table-layout5 .ls-table-layout2 th > *,
.ls-std-table-inputlist .ls-table-layout2 th > * {
  text-align: center;
}
.ls-table-layout2 td,
.ls-table-layout .ls-table-layout2 td,
.ls-table-layout3 .ls-table-layout2 td,
.ls-table-layout4 .ls-table-layout2 td,
.ls-table-layout5 .ls-table-layout2 td,
.ls-std-table-inputlist .ls-table-layout2 td,
.ls-table-layout2 td > *,
.ls-table-layout .ls-table-layout2 td > *,
.ls-table-layout3 .ls-table-layout2 td > *,
.ls-table-layout4 .ls-table-layout2 td > *,
.ls-table-layout5 .ls-table-layout2 td > *,
.ls-std-table-inputlist .ls-table-layout2 td > *,
.ls-table-layout2 tr > td,
.ls-table-layout .ls-table-layout2 tr > td,
.ls-table-layout3 .ls-table-layout2 tr > td,
.ls-table-layout4 .ls-table-layout2 tr > td,
.ls-table-layout5 .ls-table-layout2 tr > td,
.ls-std-table-inputlist .ls-table-layout2 tr > td,
.ls-table-layout2 tr > td > *,
.ls-table-layout .ls-table-layout2 tr > td > *,
.ls-table-layout3 .ls-table-layout2 tr > td > *,
.ls-table-layout4 .ls-table-layout2 tr > td > *,
.ls-table-layout5 .ls-table-layout2 tr > td > *,
.ls-std-table-inputlist .ls-table-layout2 tr > td > * {
  vertical-align: top;
}
.ls-table-layout2 tr td,
.ls-table-layout .ls-table-layout2 tr td,
.ls-table-layout3 .ls-table-layout2 tr td,
.ls-table-layout4 .ls-table-layout2 tr td,
.ls-table-layout5 .ls-table-layout2 tr td,
.ls-std-table-inputlist .ls-table-layout2 tr td,
.ls-table-layout2 tr th,
.ls-table-layout .ls-table-layout2 tr th,
.ls-table-layout3 .ls-table-layout2 tr th,
.ls-table-layout4 .ls-table-layout2 tr th,
.ls-table-layout5 .ls-table-layout2 tr th,
.ls-std-table-inputlist .ls-table-layout2 tr th {
  /* button in table styleoveride**/
}
.ls-table-layout2 tr td.borderLeft,
.ls-table-layout .ls-table-layout2 tr td.borderLeft,
.ls-table-layout3 .ls-table-layout2 tr td.borderLeft,
.ls-table-layout4 .ls-table-layout2 tr td.borderLeft,
.ls-table-layout5 .ls-table-layout2 tr td.borderLeft,
.ls-std-table-inputlist .ls-table-layout2 tr td.borderLeft,
.ls-table-layout2 tr th.borderLeft,
.ls-table-layout .ls-table-layout2 tr th.borderLeft,
.ls-table-layout3 .ls-table-layout2 tr th.borderLeft,
.ls-table-layout4 .ls-table-layout2 tr th.borderLeft,
.ls-table-layout5 .ls-table-layout2 tr th.borderLeft,
.ls-std-table-inputlist .ls-table-layout2 tr th.borderLeft {
  border-left: solid 1px #ccd2d9;
}
.ls-table-layout2 tr td.borderRight,
.ls-table-layout .ls-table-layout2 tr td.borderRight,
.ls-table-layout3 .ls-table-layout2 tr td.borderRight,
.ls-table-layout4 .ls-table-layout2 tr td.borderRight,
.ls-table-layout5 .ls-table-layout2 tr td.borderRight,
.ls-std-table-inputlist .ls-table-layout2 tr td.borderRight,
.ls-table-layout2 tr th.borderRight,
.ls-table-layout .ls-table-layout2 tr th.borderRight,
.ls-table-layout3 .ls-table-layout2 tr th.borderRight,
.ls-table-layout4 .ls-table-layout2 tr th.borderRight,
.ls-table-layout5 .ls-table-layout2 tr th.borderRight,
.ls-std-table-inputlist .ls-table-layout2 tr th.borderRight {
  border-right: solid 1px #ccd2d9;
}
.ls-table-layout2 tr td .buttonfilledtonal,
.ls-table-layout .ls-table-layout2 tr td .buttonfilledtonal,
.ls-table-layout3 .ls-table-layout2 tr td .buttonfilledtonal,
.ls-table-layout4 .ls-table-layout2 tr td .buttonfilledtonal,
.ls-table-layout5 .ls-table-layout2 tr td .buttonfilledtonal,
.ls-std-table-inputlist .ls-table-layout2 tr td .buttonfilledtonal,
.ls-table-layout2 tr th .buttonfilledtonal,
.ls-table-layout .ls-table-layout2 tr th .buttonfilledtonal,
.ls-table-layout3 .ls-table-layout2 tr th .buttonfilledtonal,
.ls-table-layout4 .ls-table-layout2 tr th .buttonfilledtonal,
.ls-table-layout5 .ls-table-layout2 tr th .buttonfilledtonal,
.ls-std-table-inputlist .ls-table-layout2 tr th .buttonfilledtonal,
.ls-table-layout2 tr td .buttonoutlined,
.ls-table-layout .ls-table-layout2 tr td .buttonoutlined,
.ls-table-layout3 .ls-table-layout2 tr td .buttonoutlined,
.ls-table-layout4 .ls-table-layout2 tr td .buttonoutlined,
.ls-table-layout5 .ls-table-layout2 tr td .buttonoutlined,
.ls-std-table-inputlist .ls-table-layout2 tr td .buttonoutlined,
.ls-table-layout2 tr th .buttonoutlined,
.ls-table-layout .ls-table-layout2 tr th .buttonoutlined,
.ls-table-layout3 .ls-table-layout2 tr th .buttonoutlined,
.ls-table-layout4 .ls-table-layout2 tr th .buttonoutlined,
.ls-table-layout5 .ls-table-layout2 tr th .buttonoutlined,
.ls-std-table-inputlist .ls-table-layout2 tr th .buttonoutlined,
.ls-table-layout2 tr td .buttonfilled,
.ls-table-layout .ls-table-layout2 tr td .buttonfilled,
.ls-table-layout3 .ls-table-layout2 tr td .buttonfilled,
.ls-table-layout4 .ls-table-layout2 tr td .buttonfilled,
.ls-table-layout5 .ls-table-layout2 tr td .buttonfilled,
.ls-std-table-inputlist .ls-table-layout2 tr td .buttonfilled,
.ls-table-layout2 tr th .buttonfilled,
.ls-table-layout .ls-table-layout2 tr th .buttonfilled,
.ls-table-layout3 .ls-table-layout2 tr th .buttonfilled,
.ls-table-layout4 .ls-table-layout2 tr th .buttonfilled,
.ls-table-layout5 .ls-table-layout2 tr th .buttonfilled,
.ls-std-table-inputlist .ls-table-layout2 tr th .buttonfilled,
.ls-table-layout2 tr td .buttontext,
.ls-table-layout .ls-table-layout2 tr td .buttontext,
.ls-table-layout3 .ls-table-layout2 tr td .buttontext,
.ls-table-layout4 .ls-table-layout2 tr td .buttontext,
.ls-table-layout5 .ls-table-layout2 tr td .buttontext,
.ls-std-table-inputlist .ls-table-layout2 tr td .buttontext,
.ls-table-layout2 tr th .buttontext,
.ls-table-layout .ls-table-layout2 tr th .buttontext,
.ls-table-layout3 .ls-table-layout2 tr th .buttontext,
.ls-table-layout4 .ls-table-layout2 tr th .buttontext,
.ls-table-layout5 .ls-table-layout2 tr th .buttontext,
.ls-std-table-inputlist .ls-table-layout2 tr th .buttontext {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.ls-table-layout2 tr th,
.ls-table-layout .ls-table-layout2 tr th,
.ls-table-layout3 .ls-table-layout2 tr th,
.ls-table-layout4 .ls-table-layout2 tr th,
.ls-table-layout5 .ls-table-layout2 tr th,
.ls-std-table-inputlist .ls-table-layout2 tr th {
  padding: 0.41666667rem 0.5rem;
}
.ls-table-layout2 tr th:not(:last-child),
.ls-table-layout .ls-table-layout2 tr th:not(:last-child),
.ls-table-layout3 .ls-table-layout2 tr th:not(:last-child),
.ls-table-layout4 .ls-table-layout2 tr th:not(:last-child),
.ls-table-layout5 .ls-table-layout2 tr th:not(:last-child),
.ls-std-table-inputlist .ls-table-layout2 tr th:not(:last-child) {
  border-right: solid 1px #ccd2d9;
}
.ls-table-layout2 tr td,
.ls-table-layout .ls-table-layout2 tr td,
.ls-table-layout3 .ls-table-layout2 tr td,
.ls-table-layout4 .ls-table-layout2 tr td,
.ls-table-layout5 .ls-table-layout2 tr td,
.ls-std-table-inputlist .ls-table-layout2 tr td {
  padding: 0.41666667rem 0.5rem;
}
.ls-table-layout2 tr td:not(:last-child),
.ls-table-layout .ls-table-layout2 tr td:not(:last-child),
.ls-table-layout3 .ls-table-layout2 tr td:not(:last-child),
.ls-table-layout4 .ls-table-layout2 tr td:not(:last-child),
.ls-table-layout5 .ls-table-layout2 tr td:not(:last-child),
.ls-std-table-inputlist .ls-table-layout2 tr td:not(:last-child) {
  border-right: solid 1px #ccd2d9;
}
.ls-table-layout2 tr:first-child > th:last-child,
.ls-table-layout .ls-table-layout2 tr:first-child > th:last-child,
.ls-table-layout3 .ls-table-layout2 tr:first-child > th:last-child,
.ls-table-layout4 .ls-table-layout2 tr:first-child > th:last-child,
.ls-table-layout5 .ls-table-layout2 tr:first-child > th:last-child,
.ls-std-table-inputlist .ls-table-layout2 tr:first-child > th:last-child {
  border-top-right-radius: 0.43rem;
}
.ls-table-layout2 tr:first-child > th:first-child,
.ls-table-layout .ls-table-layout2 tr:first-child > th:first-child,
.ls-table-layout3 .ls-table-layout2 tr:first-child > th:first-child,
.ls-table-layout4 .ls-table-layout2 tr:first-child > th:first-child,
.ls-table-layout5 .ls-table-layout2 tr:first-child > th:first-child,
.ls-std-table-inputlist .ls-table-layout2 tr:first-child > th:first-child {
  border-top-left-radius: 0.43rem;
}
.ls-table-layout2 tr:last-child > td:last-child,
.ls-table-layout .ls-table-layout2 tr:last-child > td:last-child,
.ls-table-layout3 .ls-table-layout2 tr:last-child > td:last-child,
.ls-table-layout4 .ls-table-layout2 tr:last-child > td:last-child,
.ls-table-layout5 .ls-table-layout2 tr:last-child > td:last-child,
.ls-std-table-inputlist .ls-table-layout2 tr:last-child > td:last-child {
  border-bottom-right-radius: 0.43rem;
}
.ls-table-layout2 tr:last-child > td:first-child,
.ls-table-layout .ls-table-layout2 tr:last-child > td:first-child,
.ls-table-layout3 .ls-table-layout2 tr:last-child > td:first-child,
.ls-table-layout4 .ls-table-layout2 tr:last-child > td:first-child,
.ls-table-layout5 .ls-table-layout2 tr:last-child > td:first-child,
.ls-std-table-inputlist .ls-table-layout2 tr:last-child > td:first-child {
  border-bottom-left-radius: 0.43rem;
}
.ls-table-layout2 tr > th,
.ls-table-layout .ls-table-layout2 tr > th,
.ls-table-layout3 .ls-table-layout2 tr > th,
.ls-table-layout4 .ls-table-layout2 tr > th,
.ls-table-layout5 .ls-table-layout2 tr > th,
.ls-std-table-inputlist .ls-table-layout2 tr > th,
.ls-table-layout2 thead > tr:not(:last-child) > th,
.ls-table-layout .ls-table-layout2 thead > tr:not(:last-child) > th,
.ls-table-layout3 .ls-table-layout2 thead > tr:not(:last-child) > th,
.ls-table-layout4 .ls-table-layout2 thead > tr:not(:last-child) > th,
.ls-table-layout5 .ls-table-layout2 thead > tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout2 thead > tr:not(:last-child) > th,
.ls-table-layout2 thead > tr:not(:last-child) > td,
.ls-table-layout .ls-table-layout2 thead > tr:not(:last-child) > td,
.ls-table-layout3 .ls-table-layout2 thead > tr:not(:last-child) > td,
.ls-table-layout4 .ls-table-layout2 thead > tr:not(:last-child) > td,
.ls-table-layout5 .ls-table-layout2 thead > tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout2 thead > tr:not(:last-child) > td,
.ls-table-layout2 tbody > tr:not(:last-child) > th,
.ls-table-layout .ls-table-layout2 tbody > tr:not(:last-child) > th,
.ls-table-layout3 .ls-table-layout2 tbody > tr:not(:last-child) > th,
.ls-table-layout4 .ls-table-layout2 tbody > tr:not(:last-child) > th,
.ls-table-layout5 .ls-table-layout2 tbody > tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout2 tbody > tr:not(:last-child) > th,
.ls-table-layout2 tbody > tr:not(:last-child) > td,
.ls-table-layout .ls-table-layout2 tbody > tr:not(:last-child) > td,
.ls-table-layout3 .ls-table-layout2 tbody > tr:not(:last-child) > td,
.ls-table-layout4 .ls-table-layout2 tbody > tr:not(:last-child) > td,
.ls-table-layout5 .ls-table-layout2 tbody > tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout2 tbody > tr:not(:last-child) > td,
.ls-table-layout2 tfoot > tr:not(:last-child) > th,
.ls-table-layout .ls-table-layout2 tfoot > tr:not(:last-child) > th,
.ls-table-layout3 .ls-table-layout2 tfoot > tr:not(:last-child) > th,
.ls-table-layout4 .ls-table-layout2 tfoot > tr:not(:last-child) > th,
.ls-table-layout5 .ls-table-layout2 tfoot > tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout2 tfoot > tr:not(:last-child) > th,
.ls-table-layout2 tfoot > tr:not(:last-child) > td,
.ls-table-layout .ls-table-layout2 tfoot > tr:not(:last-child) > td,
.ls-table-layout3 .ls-table-layout2 tfoot > tr:not(:last-child) > td,
.ls-table-layout4 .ls-table-layout2 tfoot > tr:not(:last-child) > td,
.ls-table-layout5 .ls-table-layout2 tfoot > tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout2 tfoot > tr:not(:last-child) > td,
.ls-table-layout2 tr:not(:last-child) > td,
.ls-table-layout .ls-table-layout2 tr:not(:last-child) > td,
.ls-table-layout3 .ls-table-layout2 tr:not(:last-child) > td,
.ls-table-layout4 .ls-table-layout2 tr:not(:last-child) > td,
.ls-table-layout5 .ls-table-layout2 tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout2 tr:not(:last-child) > td,
.ls-table-layout2 tr:not(:last-child) > th,
.ls-table-layout .ls-table-layout2 tr:not(:last-child) > th,
.ls-table-layout3 .ls-table-layout2 tr:not(:last-child) > th,
.ls-table-layout4 .ls-table-layout2 tr:not(:last-child) > th,
.ls-table-layout5 .ls-table-layout2 tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout2 tr:not(:last-child) > th,
.ls-table-layout2 thead:not(:last-child),
.ls-table-layout .ls-table-layout2 thead:not(:last-child),
.ls-table-layout3 .ls-table-layout2 thead:not(:last-child),
.ls-table-layout4 .ls-table-layout2 thead:not(:last-child),
.ls-table-layout5 .ls-table-layout2 thead:not(:last-child),
.ls-std-table-inputlist .ls-table-layout2 thead:not(:last-child),
.ls-table-layout2 tbody:not(:last-child),
.ls-table-layout .ls-table-layout2 tbody:not(:last-child),
.ls-table-layout3 .ls-table-layout2 tbody:not(:last-child),
.ls-table-layout4 .ls-table-layout2 tbody:not(:last-child),
.ls-table-layout5 .ls-table-layout2 tbody:not(:last-child),
.ls-std-table-inputlist .ls-table-layout2 tbody:not(:last-child),
.ls-table-layout2 tfoot:not(:last-child),
.ls-table-layout .ls-table-layout2 tfoot:not(:last-child),
.ls-table-layout3 .ls-table-layout2 tfoot:not(:last-child),
.ls-table-layout4 .ls-table-layout2 tfoot:not(:last-child),
.ls-table-layout5 .ls-table-layout2 tfoot:not(:last-child),
.ls-std-table-inputlist .ls-table-layout2 tfoot:not(:last-child) {
  border-bottom: solid 1px #ccd2d9;
}
.ls-table-layout2 .paging table tr td,
.ls-table-layout .ls-table-layout2 .paging table tr td,
.ls-table-layout3 .ls-table-layout2 .paging table tr td,
.ls-table-layout4 .ls-table-layout2 .paging table tr td,
.ls-table-layout5 .ls-table-layout2 .paging table tr td,
.ls-std-table-inputlist .ls-table-layout2 .paging table tr td {
  border: none;
}
/****************************************************************/
/* ls-table-layout3 tabel uden border, uden padding, uden margin	*/
/****************************************************************/
.ls-table-layout3,
.ls-table-layout .ls-table-layout3,
.ls-table-layout2 .ls-table-layout3,
.ls-table-layout4 .ls-table-layout3,
.ls-table-layout5 .ls-table-layout3,
.ls-std-table-inputlist .ls-table-layout3 {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.33333333rem;
  /* text alignment **/
  margin: unset unset;
  border-radius: unset;
  border: unset;
  background-color: unset;
  border-spacing: unset;
  border-collapse: unset;
}
.ls-table-layout3 th,
.ls-table-layout .ls-table-layout3 th,
.ls-table-layout2 .ls-table-layout3 th,
.ls-table-layout4 .ls-table-layout3 th,
.ls-table-layout5 .ls-table-layout3 th,
.ls-std-table-inputlist .ls-table-layout3 th {
  font-family: 'Roboto Medium';
  font-weight: 500;
}
.ls-table-layout3.textLeft td,
.ls-table-layout .ls-table-layout3.textLeft td,
.ls-table-layout2 .ls-table-layout3.textLeft td,
.ls-table-layout4 .ls-table-layout3.textLeft td,
.ls-table-layout5 .ls-table-layout3.textLeft td,
.ls-std-table-inputlist .ls-table-layout3.textLeft td,
.ls-table-layout3.textLeft th,
.ls-table-layout .ls-table-layout3.textLeft th,
.ls-table-layout2 .ls-table-layout3.textLeft th,
.ls-table-layout4 .ls-table-layout3.textLeft th,
.ls-table-layout5 .ls-table-layout3.textLeft th,
.ls-std-table-inputlist .ls-table-layout3.textLeft th {
  text-align: left;
}
.ls-table-layout3.textLeft td.textCenter,
.ls-table-layout .ls-table-layout3.textLeft td.textCenter,
.ls-table-layout2 .ls-table-layout3.textLeft td.textCenter,
.ls-table-layout4 .ls-table-layout3.textLeft td.textCenter,
.ls-table-layout5 .ls-table-layout3.textLeft td.textCenter,
.ls-std-table-inputlist .ls-table-layout3.textLeft td.textCenter,
.ls-table-layout3.textLeft th.textCenter,
.ls-table-layout .ls-table-layout3.textLeft th.textCenter,
.ls-table-layout2 .ls-table-layout3.textLeft th.textCenter,
.ls-table-layout4 .ls-table-layout3.textLeft th.textCenter,
.ls-table-layout5 .ls-table-layout3.textLeft th.textCenter,
.ls-std-table-inputlist .ls-table-layout3.textLeft th.textCenter {
  text-align: center;
}
.ls-table-layout3.textLeft td.textRight,
.ls-table-layout .ls-table-layout3.textLeft td.textRight,
.ls-table-layout2 .ls-table-layout3.textLeft td.textRight,
.ls-table-layout4 .ls-table-layout3.textLeft td.textRight,
.ls-table-layout5 .ls-table-layout3.textLeft td.textRight,
.ls-std-table-inputlist .ls-table-layout3.textLeft td.textRight,
.ls-table-layout3.textLeft th.textRight,
.ls-table-layout .ls-table-layout3.textLeft th.textRight,
.ls-table-layout2 .ls-table-layout3.textLeft th.textRight,
.ls-table-layout4 .ls-table-layout3.textLeft th.textRight,
.ls-table-layout5 .ls-table-layout3.textLeft th.textRight,
.ls-std-table-inputlist .ls-table-layout3.textLeft th.textRight {
  text-align: right;
}
.ls-table-layout3.textRight td,
.ls-table-layout .ls-table-layout3.textRight td,
.ls-table-layout2 .ls-table-layout3.textRight td,
.ls-table-layout4 .ls-table-layout3.textRight td,
.ls-table-layout5 .ls-table-layout3.textRight td,
.ls-std-table-inputlist .ls-table-layout3.textRight td,
.ls-table-layout3.textRight th,
.ls-table-layout .ls-table-layout3.textRight th,
.ls-table-layout2 .ls-table-layout3.textRight th,
.ls-table-layout4 .ls-table-layout3.textRight th,
.ls-table-layout5 .ls-table-layout3.textRight th,
.ls-std-table-inputlist .ls-table-layout3.textRight th {
  text-align: right;
}
.ls-table-layout3.textRight td.textCenter,
.ls-table-layout .ls-table-layout3.textRight td.textCenter,
.ls-table-layout2 .ls-table-layout3.textRight td.textCenter,
.ls-table-layout4 .ls-table-layout3.textRight td.textCenter,
.ls-table-layout5 .ls-table-layout3.textRight td.textCenter,
.ls-std-table-inputlist .ls-table-layout3.textRight td.textCenter,
.ls-table-layout3.textRight th.textCenter,
.ls-table-layout .ls-table-layout3.textRight th.textCenter,
.ls-table-layout2 .ls-table-layout3.textRight th.textCenter,
.ls-table-layout4 .ls-table-layout3.textRight th.textCenter,
.ls-table-layout5 .ls-table-layout3.textRight th.textCenter,
.ls-std-table-inputlist .ls-table-layout3.textRight th.textCenter {
  text-align: center;
}
.ls-table-layout3.textRight td.textLeft,
.ls-table-layout .ls-table-layout3.textRight td.textLeft,
.ls-table-layout2 .ls-table-layout3.textRight td.textLeft,
.ls-table-layout4 .ls-table-layout3.textRight td.textLeft,
.ls-table-layout5 .ls-table-layout3.textRight td.textLeft,
.ls-std-table-inputlist .ls-table-layout3.textRight td.textLeft,
.ls-table-layout3.textRight th.textLeft,
.ls-table-layout .ls-table-layout3.textRight th.textLeft,
.ls-table-layout2 .ls-table-layout3.textRight th.textLeft,
.ls-table-layout4 .ls-table-layout3.textRight th.textLeft,
.ls-table-layout5 .ls-table-layout3.textRight th.textLeft,
.ls-std-table-inputlist .ls-table-layout3.textRight th.textLeft {
  text-align: left;
}
.ls-table-layout3.textCenter td,
.ls-table-layout .ls-table-layout3.textCenter td,
.ls-table-layout2 .ls-table-layout3.textCenter td,
.ls-table-layout4 .ls-table-layout3.textCenter td,
.ls-table-layout5 .ls-table-layout3.textCenter td,
.ls-std-table-inputlist .ls-table-layout3.textCenter td,
.ls-table-layout3.textCenter th,
.ls-table-layout .ls-table-layout3.textCenter th,
.ls-table-layout2 .ls-table-layout3.textCenter th,
.ls-table-layout4 .ls-table-layout3.textCenter th,
.ls-table-layout5 .ls-table-layout3.textCenter th,
.ls-std-table-inputlist .ls-table-layout3.textCenter th {
  text-align: center;
}
.ls-table-layout3.textCenter td.textRight,
.ls-table-layout .ls-table-layout3.textCenter td.textRight,
.ls-table-layout2 .ls-table-layout3.textCenter td.textRight,
.ls-table-layout4 .ls-table-layout3.textCenter td.textRight,
.ls-table-layout5 .ls-table-layout3.textCenter td.textRight,
.ls-std-table-inputlist .ls-table-layout3.textCenter td.textRight,
.ls-table-layout3.textCenter th.textRight,
.ls-table-layout .ls-table-layout3.textCenter th.textRight,
.ls-table-layout2 .ls-table-layout3.textCenter th.textRight,
.ls-table-layout4 .ls-table-layout3.textCenter th.textRight,
.ls-table-layout5 .ls-table-layout3.textCenter th.textRight,
.ls-std-table-inputlist .ls-table-layout3.textCenter th.textRight {
  text-align: right;
}
.ls-table-layout3.textCenter td.textLeft,
.ls-table-layout .ls-table-layout3.textCenter td.textLeft,
.ls-table-layout2 .ls-table-layout3.textCenter td.textLeft,
.ls-table-layout4 .ls-table-layout3.textCenter td.textLeft,
.ls-table-layout5 .ls-table-layout3.textCenter td.textLeft,
.ls-std-table-inputlist .ls-table-layout3.textCenter td.textLeft,
.ls-table-layout3.textCenter th.textLeft,
.ls-table-layout .ls-table-layout3.textCenter th.textLeft,
.ls-table-layout2 .ls-table-layout3.textCenter th.textLeft,
.ls-table-layout4 .ls-table-layout3.textCenter th.textLeft,
.ls-table-layout5 .ls-table-layout3.textCenter th.textLeft,
.ls-std-table-inputlist .ls-table-layout3.textCenter th.textLeft {
  text-align: left;
}
.ls-table-layout3.textTop tr,
.ls-table-layout .ls-table-layout3.textTop tr,
.ls-table-layout2 .ls-table-layout3.textTop tr,
.ls-table-layout4 .ls-table-layout3.textTop tr,
.ls-table-layout5 .ls-table-layout3.textTop tr,
.ls-std-table-inputlist .ls-table-layout3.textTop tr {
  vertical-align: top;
}
.ls-table-layout3.textTop tr td,
.ls-table-layout .ls-table-layout3.textTop tr td,
.ls-table-layout2 .ls-table-layout3.textTop tr td,
.ls-table-layout4 .ls-table-layout3.textTop tr td,
.ls-table-layout5 .ls-table-layout3.textTop tr td,
.ls-std-table-inputlist .ls-table-layout3.textTop tr td,
.ls-table-layout3.textTop tr th,
.ls-table-layout .ls-table-layout3.textTop tr th,
.ls-table-layout2 .ls-table-layout3.textTop tr th,
.ls-table-layout4 .ls-table-layout3.textTop tr th,
.ls-table-layout5 .ls-table-layout3.textTop tr th,
.ls-std-table-inputlist .ls-table-layout3.textTop tr th {
  vertical-align: top;
}
.ls-table-layout3 th,
.ls-table-layout .ls-table-layout3 th,
.ls-table-layout2 .ls-table-layout3 th,
.ls-table-layout4 .ls-table-layout3 th,
.ls-table-layout5 .ls-table-layout3 th,
.ls-std-table-inputlist .ls-table-layout3 th,
.ls-table-layout3 th > *,
.ls-table-layout .ls-table-layout3 th > *,
.ls-table-layout2 .ls-table-layout3 th > *,
.ls-table-layout4 .ls-table-layout3 th > *,
.ls-table-layout5 .ls-table-layout3 th > *,
.ls-std-table-inputlist .ls-table-layout3 th > * {
  text-align: center;
}
.ls-table-layout3 td,
.ls-table-layout .ls-table-layout3 td,
.ls-table-layout2 .ls-table-layout3 td,
.ls-table-layout4 .ls-table-layout3 td,
.ls-table-layout5 .ls-table-layout3 td,
.ls-std-table-inputlist .ls-table-layout3 td,
.ls-table-layout3 td > *,
.ls-table-layout .ls-table-layout3 td > *,
.ls-table-layout2 .ls-table-layout3 td > *,
.ls-table-layout4 .ls-table-layout3 td > *,
.ls-table-layout5 .ls-table-layout3 td > *,
.ls-std-table-inputlist .ls-table-layout3 td > *,
.ls-table-layout3 tr > td,
.ls-table-layout .ls-table-layout3 tr > td,
.ls-table-layout2 .ls-table-layout3 tr > td,
.ls-table-layout4 .ls-table-layout3 tr > td,
.ls-table-layout5 .ls-table-layout3 tr > td,
.ls-std-table-inputlist .ls-table-layout3 tr > td,
.ls-table-layout3 tr > td > *,
.ls-table-layout .ls-table-layout3 tr > td > *,
.ls-table-layout2 .ls-table-layout3 tr > td > *,
.ls-table-layout4 .ls-table-layout3 tr > td > *,
.ls-table-layout5 .ls-table-layout3 tr > td > *,
.ls-std-table-inputlist .ls-table-layout3 tr > td > * {
  vertical-align: top;
}
.ls-table-layout3 tr td,
.ls-table-layout .ls-table-layout3 tr td,
.ls-table-layout2 .ls-table-layout3 tr td,
.ls-table-layout4 .ls-table-layout3 tr td,
.ls-table-layout5 .ls-table-layout3 tr td,
.ls-std-table-inputlist .ls-table-layout3 tr td,
.ls-table-layout3 tr th,
.ls-table-layout .ls-table-layout3 tr th,
.ls-table-layout2 .ls-table-layout3 tr th,
.ls-table-layout4 .ls-table-layout3 tr th,
.ls-table-layout5 .ls-table-layout3 tr th,
.ls-std-table-inputlist .ls-table-layout3 tr th {
  /* button in table styleoveride**/
}
.ls-table-layout3 tr td.borderLeft,
.ls-table-layout .ls-table-layout3 tr td.borderLeft,
.ls-table-layout2 .ls-table-layout3 tr td.borderLeft,
.ls-table-layout4 .ls-table-layout3 tr td.borderLeft,
.ls-table-layout5 .ls-table-layout3 tr td.borderLeft,
.ls-std-table-inputlist .ls-table-layout3 tr td.borderLeft,
.ls-table-layout3 tr th.borderLeft,
.ls-table-layout .ls-table-layout3 tr th.borderLeft,
.ls-table-layout2 .ls-table-layout3 tr th.borderLeft,
.ls-table-layout4 .ls-table-layout3 tr th.borderLeft,
.ls-table-layout5 .ls-table-layout3 tr th.borderLeft,
.ls-std-table-inputlist .ls-table-layout3 tr th.borderLeft {
  border-left: solid 1px #ccd2d9;
}
.ls-table-layout3 tr td.borderRight,
.ls-table-layout .ls-table-layout3 tr td.borderRight,
.ls-table-layout2 .ls-table-layout3 tr td.borderRight,
.ls-table-layout4 .ls-table-layout3 tr td.borderRight,
.ls-table-layout5 .ls-table-layout3 tr td.borderRight,
.ls-std-table-inputlist .ls-table-layout3 tr td.borderRight,
.ls-table-layout3 tr th.borderRight,
.ls-table-layout .ls-table-layout3 tr th.borderRight,
.ls-table-layout2 .ls-table-layout3 tr th.borderRight,
.ls-table-layout4 .ls-table-layout3 tr th.borderRight,
.ls-table-layout5 .ls-table-layout3 tr th.borderRight,
.ls-std-table-inputlist .ls-table-layout3 tr th.borderRight {
  border-right: solid 1px #ccd2d9;
}
.ls-table-layout3 tr td .buttonfilledtonal,
.ls-table-layout .ls-table-layout3 tr td .buttonfilledtonal,
.ls-table-layout2 .ls-table-layout3 tr td .buttonfilledtonal,
.ls-table-layout4 .ls-table-layout3 tr td .buttonfilledtonal,
.ls-table-layout5 .ls-table-layout3 tr td .buttonfilledtonal,
.ls-std-table-inputlist .ls-table-layout3 tr td .buttonfilledtonal,
.ls-table-layout3 tr th .buttonfilledtonal,
.ls-table-layout .ls-table-layout3 tr th .buttonfilledtonal,
.ls-table-layout2 .ls-table-layout3 tr th .buttonfilledtonal,
.ls-table-layout4 .ls-table-layout3 tr th .buttonfilledtonal,
.ls-table-layout5 .ls-table-layout3 tr th .buttonfilledtonal,
.ls-std-table-inputlist .ls-table-layout3 tr th .buttonfilledtonal,
.ls-table-layout3 tr td .buttonoutlined,
.ls-table-layout .ls-table-layout3 tr td .buttonoutlined,
.ls-table-layout2 .ls-table-layout3 tr td .buttonoutlined,
.ls-table-layout4 .ls-table-layout3 tr td .buttonoutlined,
.ls-table-layout5 .ls-table-layout3 tr td .buttonoutlined,
.ls-std-table-inputlist .ls-table-layout3 tr td .buttonoutlined,
.ls-table-layout3 tr th .buttonoutlined,
.ls-table-layout .ls-table-layout3 tr th .buttonoutlined,
.ls-table-layout2 .ls-table-layout3 tr th .buttonoutlined,
.ls-table-layout4 .ls-table-layout3 tr th .buttonoutlined,
.ls-table-layout5 .ls-table-layout3 tr th .buttonoutlined,
.ls-std-table-inputlist .ls-table-layout3 tr th .buttonoutlined,
.ls-table-layout3 tr td .buttonfilled,
.ls-table-layout .ls-table-layout3 tr td .buttonfilled,
.ls-table-layout2 .ls-table-layout3 tr td .buttonfilled,
.ls-table-layout4 .ls-table-layout3 tr td .buttonfilled,
.ls-table-layout5 .ls-table-layout3 tr td .buttonfilled,
.ls-std-table-inputlist .ls-table-layout3 tr td .buttonfilled,
.ls-table-layout3 tr th .buttonfilled,
.ls-table-layout .ls-table-layout3 tr th .buttonfilled,
.ls-table-layout2 .ls-table-layout3 tr th .buttonfilled,
.ls-table-layout4 .ls-table-layout3 tr th .buttonfilled,
.ls-table-layout5 .ls-table-layout3 tr th .buttonfilled,
.ls-std-table-inputlist .ls-table-layout3 tr th .buttonfilled,
.ls-table-layout3 tr td .buttontext,
.ls-table-layout .ls-table-layout3 tr td .buttontext,
.ls-table-layout2 .ls-table-layout3 tr td .buttontext,
.ls-table-layout4 .ls-table-layout3 tr td .buttontext,
.ls-table-layout5 .ls-table-layout3 tr td .buttontext,
.ls-std-table-inputlist .ls-table-layout3 tr td .buttontext,
.ls-table-layout3 tr th .buttontext,
.ls-table-layout .ls-table-layout3 tr th .buttontext,
.ls-table-layout2 .ls-table-layout3 tr th .buttontext,
.ls-table-layout4 .ls-table-layout3 tr th .buttontext,
.ls-table-layout5 .ls-table-layout3 tr th .buttontext,
.ls-std-table-inputlist .ls-table-layout3 tr th .buttontext {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.ls-table-layout3 tr th,
.ls-table-layout .ls-table-layout3 tr th,
.ls-table-layout2 .ls-table-layout3 tr th,
.ls-table-layout4 .ls-table-layout3 tr th,
.ls-table-layout5 .ls-table-layout3 tr th,
.ls-std-table-inputlist .ls-table-layout3 tr th {
  padding: 0 0;
}
.ls-table-layout3 tr th:not(:last-child),
.ls-table-layout .ls-table-layout3 tr th:not(:last-child),
.ls-table-layout2 .ls-table-layout3 tr th:not(:last-child),
.ls-table-layout4 .ls-table-layout3 tr th:not(:last-child),
.ls-table-layout5 .ls-table-layout3 tr th:not(:last-child),
.ls-std-table-inputlist .ls-table-layout3 tr th:not(:last-child) {
  border-right: unset;
}
.ls-table-layout3 tr td,
.ls-table-layout .ls-table-layout3 tr td,
.ls-table-layout2 .ls-table-layout3 tr td,
.ls-table-layout4 .ls-table-layout3 tr td,
.ls-table-layout5 .ls-table-layout3 tr td,
.ls-std-table-inputlist .ls-table-layout3 tr td {
  padding: 0 0;
}
.ls-table-layout3 tr td:not(:last-child),
.ls-table-layout .ls-table-layout3 tr td:not(:last-child),
.ls-table-layout2 .ls-table-layout3 tr td:not(:last-child),
.ls-table-layout4 .ls-table-layout3 tr td:not(:last-child),
.ls-table-layout5 .ls-table-layout3 tr td:not(:last-child),
.ls-std-table-inputlist .ls-table-layout3 tr td:not(:last-child) {
  border-right: unset;
}
.ls-table-layout3 tr:first-child > th:last-child,
.ls-table-layout .ls-table-layout3 tr:first-child > th:last-child,
.ls-table-layout2 .ls-table-layout3 tr:first-child > th:last-child,
.ls-table-layout4 .ls-table-layout3 tr:first-child > th:last-child,
.ls-table-layout5 .ls-table-layout3 tr:first-child > th:last-child,
.ls-std-table-inputlist .ls-table-layout3 tr:first-child > th:last-child {
  border-top-right-radius: unset;
}
.ls-table-layout3 tr:first-child > th:first-child,
.ls-table-layout .ls-table-layout3 tr:first-child > th:first-child,
.ls-table-layout2 .ls-table-layout3 tr:first-child > th:first-child,
.ls-table-layout4 .ls-table-layout3 tr:first-child > th:first-child,
.ls-table-layout5 .ls-table-layout3 tr:first-child > th:first-child,
.ls-std-table-inputlist .ls-table-layout3 tr:first-child > th:first-child {
  border-top-left-radius: unset;
}
.ls-table-layout3 tr:last-child > td:last-child,
.ls-table-layout .ls-table-layout3 tr:last-child > td:last-child,
.ls-table-layout2 .ls-table-layout3 tr:last-child > td:last-child,
.ls-table-layout4 .ls-table-layout3 tr:last-child > td:last-child,
.ls-table-layout5 .ls-table-layout3 tr:last-child > td:last-child,
.ls-std-table-inputlist .ls-table-layout3 tr:last-child > td:last-child {
  border-bottom-right-radius: unset;
}
.ls-table-layout3 tr:last-child > td:first-child,
.ls-table-layout .ls-table-layout3 tr:last-child > td:first-child,
.ls-table-layout2 .ls-table-layout3 tr:last-child > td:first-child,
.ls-table-layout4 .ls-table-layout3 tr:last-child > td:first-child,
.ls-table-layout5 .ls-table-layout3 tr:last-child > td:first-child,
.ls-std-table-inputlist .ls-table-layout3 tr:last-child > td:first-child {
  border-bottom-left-radius: unset;
}
.ls-table-layout3 tr > th,
.ls-table-layout .ls-table-layout3 tr > th,
.ls-table-layout2 .ls-table-layout3 tr > th,
.ls-table-layout4 .ls-table-layout3 tr > th,
.ls-table-layout5 .ls-table-layout3 tr > th,
.ls-std-table-inputlist .ls-table-layout3 tr > th,
.ls-table-layout3 thead > tr:not(:last-child) > th,
.ls-table-layout .ls-table-layout3 thead > tr:not(:last-child) > th,
.ls-table-layout2 .ls-table-layout3 thead > tr:not(:last-child) > th,
.ls-table-layout4 .ls-table-layout3 thead > tr:not(:last-child) > th,
.ls-table-layout5 .ls-table-layout3 thead > tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout3 thead > tr:not(:last-child) > th,
.ls-table-layout3 thead > tr:not(:last-child) > td,
.ls-table-layout .ls-table-layout3 thead > tr:not(:last-child) > td,
.ls-table-layout2 .ls-table-layout3 thead > tr:not(:last-child) > td,
.ls-table-layout4 .ls-table-layout3 thead > tr:not(:last-child) > td,
.ls-table-layout5 .ls-table-layout3 thead > tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout3 thead > tr:not(:last-child) > td,
.ls-table-layout3 tbody > tr:not(:last-child) > th,
.ls-table-layout .ls-table-layout3 tbody > tr:not(:last-child) > th,
.ls-table-layout2 .ls-table-layout3 tbody > tr:not(:last-child) > th,
.ls-table-layout4 .ls-table-layout3 tbody > tr:not(:last-child) > th,
.ls-table-layout5 .ls-table-layout3 tbody > tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout3 tbody > tr:not(:last-child) > th,
.ls-table-layout3 tbody > tr:not(:last-child) > td,
.ls-table-layout .ls-table-layout3 tbody > tr:not(:last-child) > td,
.ls-table-layout2 .ls-table-layout3 tbody > tr:not(:last-child) > td,
.ls-table-layout4 .ls-table-layout3 tbody > tr:not(:last-child) > td,
.ls-table-layout5 .ls-table-layout3 tbody > tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout3 tbody > tr:not(:last-child) > td,
.ls-table-layout3 tfoot > tr:not(:last-child) > th,
.ls-table-layout .ls-table-layout3 tfoot > tr:not(:last-child) > th,
.ls-table-layout2 .ls-table-layout3 tfoot > tr:not(:last-child) > th,
.ls-table-layout4 .ls-table-layout3 tfoot > tr:not(:last-child) > th,
.ls-table-layout5 .ls-table-layout3 tfoot > tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout3 tfoot > tr:not(:last-child) > th,
.ls-table-layout3 tfoot > tr:not(:last-child) > td,
.ls-table-layout .ls-table-layout3 tfoot > tr:not(:last-child) > td,
.ls-table-layout2 .ls-table-layout3 tfoot > tr:not(:last-child) > td,
.ls-table-layout4 .ls-table-layout3 tfoot > tr:not(:last-child) > td,
.ls-table-layout5 .ls-table-layout3 tfoot > tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout3 tfoot > tr:not(:last-child) > td,
.ls-table-layout3 tr:not(:last-child) > td,
.ls-table-layout .ls-table-layout3 tr:not(:last-child) > td,
.ls-table-layout2 .ls-table-layout3 tr:not(:last-child) > td,
.ls-table-layout4 .ls-table-layout3 tr:not(:last-child) > td,
.ls-table-layout5 .ls-table-layout3 tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout3 tr:not(:last-child) > td,
.ls-table-layout3 tr:not(:last-child) > th,
.ls-table-layout .ls-table-layout3 tr:not(:last-child) > th,
.ls-table-layout2 .ls-table-layout3 tr:not(:last-child) > th,
.ls-table-layout4 .ls-table-layout3 tr:not(:last-child) > th,
.ls-table-layout5 .ls-table-layout3 tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout3 tr:not(:last-child) > th,
.ls-table-layout3 thead:not(:last-child),
.ls-table-layout .ls-table-layout3 thead:not(:last-child),
.ls-table-layout2 .ls-table-layout3 thead:not(:last-child),
.ls-table-layout4 .ls-table-layout3 thead:not(:last-child),
.ls-table-layout5 .ls-table-layout3 thead:not(:last-child),
.ls-std-table-inputlist .ls-table-layout3 thead:not(:last-child),
.ls-table-layout3 tbody:not(:last-child),
.ls-table-layout .ls-table-layout3 tbody:not(:last-child),
.ls-table-layout2 .ls-table-layout3 tbody:not(:last-child),
.ls-table-layout4 .ls-table-layout3 tbody:not(:last-child),
.ls-table-layout5 .ls-table-layout3 tbody:not(:last-child),
.ls-std-table-inputlist .ls-table-layout3 tbody:not(:last-child),
.ls-table-layout3 tfoot:not(:last-child),
.ls-table-layout .ls-table-layout3 tfoot:not(:last-child),
.ls-table-layout2 .ls-table-layout3 tfoot:not(:last-child),
.ls-table-layout4 .ls-table-layout3 tfoot:not(:last-child),
.ls-table-layout5 .ls-table-layout3 tfoot:not(:last-child),
.ls-std-table-inputlist .ls-table-layout3 tfoot:not(:last-child) {
  border-bottom: unset;
}
/****************************************************************/
/* ls-table-layout4 - Sub tabel til indramning undertabelceller i tabeller med data */
/****************************************************************/
.ls-table-layout4,
.ls-table-layout .ls-table-layout4,
.ls-table-layout2 .ls-table-layout4,
.ls-table-layout3 .ls-table-layout4,
.ls-table-layout5 .ls-table-layout4,
.ls-std-table-inputlist .ls-table-layout4 {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.33333333rem;
  /* text alignment **/
  margin: 0.09em 0.09em;
  border-radius: unset;
  border: dotted 1px #ccd2d9;
  background-color: unset;
  border-spacing: unset;
  border-collapse: collapse;
}
.ls-table-layout4 th,
.ls-table-layout .ls-table-layout4 th,
.ls-table-layout2 .ls-table-layout4 th,
.ls-table-layout3 .ls-table-layout4 th,
.ls-table-layout5 .ls-table-layout4 th,
.ls-std-table-inputlist .ls-table-layout4 th {
  font-family: 'Roboto Medium';
  font-weight: 500;
}
.ls-table-layout4.textLeft td,
.ls-table-layout .ls-table-layout4.textLeft td,
.ls-table-layout2 .ls-table-layout4.textLeft td,
.ls-table-layout3 .ls-table-layout4.textLeft td,
.ls-table-layout5 .ls-table-layout4.textLeft td,
.ls-std-table-inputlist .ls-table-layout4.textLeft td,
.ls-table-layout4.textLeft th,
.ls-table-layout .ls-table-layout4.textLeft th,
.ls-table-layout2 .ls-table-layout4.textLeft th,
.ls-table-layout3 .ls-table-layout4.textLeft th,
.ls-table-layout5 .ls-table-layout4.textLeft th,
.ls-std-table-inputlist .ls-table-layout4.textLeft th {
  text-align: left;
}
.ls-table-layout4.textLeft td.textCenter,
.ls-table-layout .ls-table-layout4.textLeft td.textCenter,
.ls-table-layout2 .ls-table-layout4.textLeft td.textCenter,
.ls-table-layout3 .ls-table-layout4.textLeft td.textCenter,
.ls-table-layout5 .ls-table-layout4.textLeft td.textCenter,
.ls-std-table-inputlist .ls-table-layout4.textLeft td.textCenter,
.ls-table-layout4.textLeft th.textCenter,
.ls-table-layout .ls-table-layout4.textLeft th.textCenter,
.ls-table-layout2 .ls-table-layout4.textLeft th.textCenter,
.ls-table-layout3 .ls-table-layout4.textLeft th.textCenter,
.ls-table-layout5 .ls-table-layout4.textLeft th.textCenter,
.ls-std-table-inputlist .ls-table-layout4.textLeft th.textCenter {
  text-align: center;
}
.ls-table-layout4.textLeft td.textRight,
.ls-table-layout .ls-table-layout4.textLeft td.textRight,
.ls-table-layout2 .ls-table-layout4.textLeft td.textRight,
.ls-table-layout3 .ls-table-layout4.textLeft td.textRight,
.ls-table-layout5 .ls-table-layout4.textLeft td.textRight,
.ls-std-table-inputlist .ls-table-layout4.textLeft td.textRight,
.ls-table-layout4.textLeft th.textRight,
.ls-table-layout .ls-table-layout4.textLeft th.textRight,
.ls-table-layout2 .ls-table-layout4.textLeft th.textRight,
.ls-table-layout3 .ls-table-layout4.textLeft th.textRight,
.ls-table-layout5 .ls-table-layout4.textLeft th.textRight,
.ls-std-table-inputlist .ls-table-layout4.textLeft th.textRight {
  text-align: right;
}
.ls-table-layout4.textRight td,
.ls-table-layout .ls-table-layout4.textRight td,
.ls-table-layout2 .ls-table-layout4.textRight td,
.ls-table-layout3 .ls-table-layout4.textRight td,
.ls-table-layout5 .ls-table-layout4.textRight td,
.ls-std-table-inputlist .ls-table-layout4.textRight td,
.ls-table-layout4.textRight th,
.ls-table-layout .ls-table-layout4.textRight th,
.ls-table-layout2 .ls-table-layout4.textRight th,
.ls-table-layout3 .ls-table-layout4.textRight th,
.ls-table-layout5 .ls-table-layout4.textRight th,
.ls-std-table-inputlist .ls-table-layout4.textRight th {
  text-align: right;
}
.ls-table-layout4.textRight td.textCenter,
.ls-table-layout .ls-table-layout4.textRight td.textCenter,
.ls-table-layout2 .ls-table-layout4.textRight td.textCenter,
.ls-table-layout3 .ls-table-layout4.textRight td.textCenter,
.ls-table-layout5 .ls-table-layout4.textRight td.textCenter,
.ls-std-table-inputlist .ls-table-layout4.textRight td.textCenter,
.ls-table-layout4.textRight th.textCenter,
.ls-table-layout .ls-table-layout4.textRight th.textCenter,
.ls-table-layout2 .ls-table-layout4.textRight th.textCenter,
.ls-table-layout3 .ls-table-layout4.textRight th.textCenter,
.ls-table-layout5 .ls-table-layout4.textRight th.textCenter,
.ls-std-table-inputlist .ls-table-layout4.textRight th.textCenter {
  text-align: center;
}
.ls-table-layout4.textRight td.textLeft,
.ls-table-layout .ls-table-layout4.textRight td.textLeft,
.ls-table-layout2 .ls-table-layout4.textRight td.textLeft,
.ls-table-layout3 .ls-table-layout4.textRight td.textLeft,
.ls-table-layout5 .ls-table-layout4.textRight td.textLeft,
.ls-std-table-inputlist .ls-table-layout4.textRight td.textLeft,
.ls-table-layout4.textRight th.textLeft,
.ls-table-layout .ls-table-layout4.textRight th.textLeft,
.ls-table-layout2 .ls-table-layout4.textRight th.textLeft,
.ls-table-layout3 .ls-table-layout4.textRight th.textLeft,
.ls-table-layout5 .ls-table-layout4.textRight th.textLeft,
.ls-std-table-inputlist .ls-table-layout4.textRight th.textLeft {
  text-align: left;
}
.ls-table-layout4.textCenter td,
.ls-table-layout .ls-table-layout4.textCenter td,
.ls-table-layout2 .ls-table-layout4.textCenter td,
.ls-table-layout3 .ls-table-layout4.textCenter td,
.ls-table-layout5 .ls-table-layout4.textCenter td,
.ls-std-table-inputlist .ls-table-layout4.textCenter td,
.ls-table-layout4.textCenter th,
.ls-table-layout .ls-table-layout4.textCenter th,
.ls-table-layout2 .ls-table-layout4.textCenter th,
.ls-table-layout3 .ls-table-layout4.textCenter th,
.ls-table-layout5 .ls-table-layout4.textCenter th,
.ls-std-table-inputlist .ls-table-layout4.textCenter th {
  text-align: center;
}
.ls-table-layout4.textCenter td.textRight,
.ls-table-layout .ls-table-layout4.textCenter td.textRight,
.ls-table-layout2 .ls-table-layout4.textCenter td.textRight,
.ls-table-layout3 .ls-table-layout4.textCenter td.textRight,
.ls-table-layout5 .ls-table-layout4.textCenter td.textRight,
.ls-std-table-inputlist .ls-table-layout4.textCenter td.textRight,
.ls-table-layout4.textCenter th.textRight,
.ls-table-layout .ls-table-layout4.textCenter th.textRight,
.ls-table-layout2 .ls-table-layout4.textCenter th.textRight,
.ls-table-layout3 .ls-table-layout4.textCenter th.textRight,
.ls-table-layout5 .ls-table-layout4.textCenter th.textRight,
.ls-std-table-inputlist .ls-table-layout4.textCenter th.textRight {
  text-align: right;
}
.ls-table-layout4.textCenter td.textLeft,
.ls-table-layout .ls-table-layout4.textCenter td.textLeft,
.ls-table-layout2 .ls-table-layout4.textCenter td.textLeft,
.ls-table-layout3 .ls-table-layout4.textCenter td.textLeft,
.ls-table-layout5 .ls-table-layout4.textCenter td.textLeft,
.ls-std-table-inputlist .ls-table-layout4.textCenter td.textLeft,
.ls-table-layout4.textCenter th.textLeft,
.ls-table-layout .ls-table-layout4.textCenter th.textLeft,
.ls-table-layout2 .ls-table-layout4.textCenter th.textLeft,
.ls-table-layout3 .ls-table-layout4.textCenter th.textLeft,
.ls-table-layout5 .ls-table-layout4.textCenter th.textLeft,
.ls-std-table-inputlist .ls-table-layout4.textCenter th.textLeft {
  text-align: left;
}
.ls-table-layout4.textTop tr,
.ls-table-layout .ls-table-layout4.textTop tr,
.ls-table-layout2 .ls-table-layout4.textTop tr,
.ls-table-layout3 .ls-table-layout4.textTop tr,
.ls-table-layout5 .ls-table-layout4.textTop tr,
.ls-std-table-inputlist .ls-table-layout4.textTop tr {
  vertical-align: top;
}
.ls-table-layout4.textTop tr td,
.ls-table-layout .ls-table-layout4.textTop tr td,
.ls-table-layout2 .ls-table-layout4.textTop tr td,
.ls-table-layout3 .ls-table-layout4.textTop tr td,
.ls-table-layout5 .ls-table-layout4.textTop tr td,
.ls-std-table-inputlist .ls-table-layout4.textTop tr td,
.ls-table-layout4.textTop tr th,
.ls-table-layout .ls-table-layout4.textTop tr th,
.ls-table-layout2 .ls-table-layout4.textTop tr th,
.ls-table-layout3 .ls-table-layout4.textTop tr th,
.ls-table-layout5 .ls-table-layout4.textTop tr th,
.ls-std-table-inputlist .ls-table-layout4.textTop tr th {
  vertical-align: top;
}
.ls-table-layout4 th,
.ls-table-layout .ls-table-layout4 th,
.ls-table-layout2 .ls-table-layout4 th,
.ls-table-layout3 .ls-table-layout4 th,
.ls-table-layout5 .ls-table-layout4 th,
.ls-std-table-inputlist .ls-table-layout4 th,
.ls-table-layout4 th > *,
.ls-table-layout .ls-table-layout4 th > *,
.ls-table-layout2 .ls-table-layout4 th > *,
.ls-table-layout3 .ls-table-layout4 th > *,
.ls-table-layout5 .ls-table-layout4 th > *,
.ls-std-table-inputlist .ls-table-layout4 th > * {
  text-align: center;
}
.ls-table-layout4 td,
.ls-table-layout .ls-table-layout4 td,
.ls-table-layout2 .ls-table-layout4 td,
.ls-table-layout3 .ls-table-layout4 td,
.ls-table-layout5 .ls-table-layout4 td,
.ls-std-table-inputlist .ls-table-layout4 td,
.ls-table-layout4 td > *,
.ls-table-layout .ls-table-layout4 td > *,
.ls-table-layout2 .ls-table-layout4 td > *,
.ls-table-layout3 .ls-table-layout4 td > *,
.ls-table-layout5 .ls-table-layout4 td > *,
.ls-std-table-inputlist .ls-table-layout4 td > *,
.ls-table-layout4 tr > td,
.ls-table-layout .ls-table-layout4 tr > td,
.ls-table-layout2 .ls-table-layout4 tr > td,
.ls-table-layout3 .ls-table-layout4 tr > td,
.ls-table-layout5 .ls-table-layout4 tr > td,
.ls-std-table-inputlist .ls-table-layout4 tr > td,
.ls-table-layout4 tr > td > *,
.ls-table-layout .ls-table-layout4 tr > td > *,
.ls-table-layout2 .ls-table-layout4 tr > td > *,
.ls-table-layout3 .ls-table-layout4 tr > td > *,
.ls-table-layout5 .ls-table-layout4 tr > td > *,
.ls-std-table-inputlist .ls-table-layout4 tr > td > * {
  vertical-align: top;
}
.ls-table-layout4 tr td,
.ls-table-layout .ls-table-layout4 tr td,
.ls-table-layout2 .ls-table-layout4 tr td,
.ls-table-layout3 .ls-table-layout4 tr td,
.ls-table-layout5 .ls-table-layout4 tr td,
.ls-std-table-inputlist .ls-table-layout4 tr td,
.ls-table-layout4 tr th,
.ls-table-layout .ls-table-layout4 tr th,
.ls-table-layout2 .ls-table-layout4 tr th,
.ls-table-layout3 .ls-table-layout4 tr th,
.ls-table-layout5 .ls-table-layout4 tr th,
.ls-std-table-inputlist .ls-table-layout4 tr th {
  /* button in table styleoveride**/
}
.ls-table-layout4 tr td.borderLeft,
.ls-table-layout .ls-table-layout4 tr td.borderLeft,
.ls-table-layout2 .ls-table-layout4 tr td.borderLeft,
.ls-table-layout3 .ls-table-layout4 tr td.borderLeft,
.ls-table-layout5 .ls-table-layout4 tr td.borderLeft,
.ls-std-table-inputlist .ls-table-layout4 tr td.borderLeft,
.ls-table-layout4 tr th.borderLeft,
.ls-table-layout .ls-table-layout4 tr th.borderLeft,
.ls-table-layout2 .ls-table-layout4 tr th.borderLeft,
.ls-table-layout3 .ls-table-layout4 tr th.borderLeft,
.ls-table-layout5 .ls-table-layout4 tr th.borderLeft,
.ls-std-table-inputlist .ls-table-layout4 tr th.borderLeft {
  border-left: solid 1px #ccd2d9;
}
.ls-table-layout4 tr td.borderRight,
.ls-table-layout .ls-table-layout4 tr td.borderRight,
.ls-table-layout2 .ls-table-layout4 tr td.borderRight,
.ls-table-layout3 .ls-table-layout4 tr td.borderRight,
.ls-table-layout5 .ls-table-layout4 tr td.borderRight,
.ls-std-table-inputlist .ls-table-layout4 tr td.borderRight,
.ls-table-layout4 tr th.borderRight,
.ls-table-layout .ls-table-layout4 tr th.borderRight,
.ls-table-layout2 .ls-table-layout4 tr th.borderRight,
.ls-table-layout3 .ls-table-layout4 tr th.borderRight,
.ls-table-layout5 .ls-table-layout4 tr th.borderRight,
.ls-std-table-inputlist .ls-table-layout4 tr th.borderRight {
  border-right: solid 1px #ccd2d9;
}
.ls-table-layout4 tr td .buttonfilledtonal,
.ls-table-layout .ls-table-layout4 tr td .buttonfilledtonal,
.ls-table-layout2 .ls-table-layout4 tr td .buttonfilledtonal,
.ls-table-layout3 .ls-table-layout4 tr td .buttonfilledtonal,
.ls-table-layout5 .ls-table-layout4 tr td .buttonfilledtonal,
.ls-std-table-inputlist .ls-table-layout4 tr td .buttonfilledtonal,
.ls-table-layout4 tr th .buttonfilledtonal,
.ls-table-layout .ls-table-layout4 tr th .buttonfilledtonal,
.ls-table-layout2 .ls-table-layout4 tr th .buttonfilledtonal,
.ls-table-layout3 .ls-table-layout4 tr th .buttonfilledtonal,
.ls-table-layout5 .ls-table-layout4 tr th .buttonfilledtonal,
.ls-std-table-inputlist .ls-table-layout4 tr th .buttonfilledtonal,
.ls-table-layout4 tr td .buttonoutlined,
.ls-table-layout .ls-table-layout4 tr td .buttonoutlined,
.ls-table-layout2 .ls-table-layout4 tr td .buttonoutlined,
.ls-table-layout3 .ls-table-layout4 tr td .buttonoutlined,
.ls-table-layout5 .ls-table-layout4 tr td .buttonoutlined,
.ls-std-table-inputlist .ls-table-layout4 tr td .buttonoutlined,
.ls-table-layout4 tr th .buttonoutlined,
.ls-table-layout .ls-table-layout4 tr th .buttonoutlined,
.ls-table-layout2 .ls-table-layout4 tr th .buttonoutlined,
.ls-table-layout3 .ls-table-layout4 tr th .buttonoutlined,
.ls-table-layout5 .ls-table-layout4 tr th .buttonoutlined,
.ls-std-table-inputlist .ls-table-layout4 tr th .buttonoutlined,
.ls-table-layout4 tr td .buttonfilled,
.ls-table-layout .ls-table-layout4 tr td .buttonfilled,
.ls-table-layout2 .ls-table-layout4 tr td .buttonfilled,
.ls-table-layout3 .ls-table-layout4 tr td .buttonfilled,
.ls-table-layout5 .ls-table-layout4 tr td .buttonfilled,
.ls-std-table-inputlist .ls-table-layout4 tr td .buttonfilled,
.ls-table-layout4 tr th .buttonfilled,
.ls-table-layout .ls-table-layout4 tr th .buttonfilled,
.ls-table-layout2 .ls-table-layout4 tr th .buttonfilled,
.ls-table-layout3 .ls-table-layout4 tr th .buttonfilled,
.ls-table-layout5 .ls-table-layout4 tr th .buttonfilled,
.ls-std-table-inputlist .ls-table-layout4 tr th .buttonfilled,
.ls-table-layout4 tr td .buttontext,
.ls-table-layout .ls-table-layout4 tr td .buttontext,
.ls-table-layout2 .ls-table-layout4 tr td .buttontext,
.ls-table-layout3 .ls-table-layout4 tr td .buttontext,
.ls-table-layout5 .ls-table-layout4 tr td .buttontext,
.ls-std-table-inputlist .ls-table-layout4 tr td .buttontext,
.ls-table-layout4 tr th .buttontext,
.ls-table-layout .ls-table-layout4 tr th .buttontext,
.ls-table-layout2 .ls-table-layout4 tr th .buttontext,
.ls-table-layout3 .ls-table-layout4 tr th .buttontext,
.ls-table-layout5 .ls-table-layout4 tr th .buttontext,
.ls-std-table-inputlist .ls-table-layout4 tr th .buttontext {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.ls-table-layout4 tr th,
.ls-table-layout .ls-table-layout4 tr th,
.ls-table-layout2 .ls-table-layout4 tr th,
.ls-table-layout3 .ls-table-layout4 tr th,
.ls-table-layout5 .ls-table-layout4 tr th,
.ls-std-table-inputlist .ls-table-layout4 tr th {
  padding: 0.33333333rem 0.33333333rem;
}
.ls-table-layout4 tr th:not(:last-child),
.ls-table-layout .ls-table-layout4 tr th:not(:last-child),
.ls-table-layout2 .ls-table-layout4 tr th:not(:last-child),
.ls-table-layout3 .ls-table-layout4 tr th:not(:last-child),
.ls-table-layout5 .ls-table-layout4 tr th:not(:last-child),
.ls-std-table-inputlist .ls-table-layout4 tr th:not(:last-child) {
  border-right: dotted 1px #ccd2d9;
}
.ls-table-layout4 tr td,
.ls-table-layout .ls-table-layout4 tr td,
.ls-table-layout2 .ls-table-layout4 tr td,
.ls-table-layout3 .ls-table-layout4 tr td,
.ls-table-layout5 .ls-table-layout4 tr td,
.ls-std-table-inputlist .ls-table-layout4 tr td {
  padding: 0.33333333rem 0.33333333rem;
}
.ls-table-layout4 tr td:not(:last-child),
.ls-table-layout .ls-table-layout4 tr td:not(:last-child),
.ls-table-layout2 .ls-table-layout4 tr td:not(:last-child),
.ls-table-layout3 .ls-table-layout4 tr td:not(:last-child),
.ls-table-layout5 .ls-table-layout4 tr td:not(:last-child),
.ls-std-table-inputlist .ls-table-layout4 tr td:not(:last-child) {
  border-right: dotted 1px #ccd2d9;
}
.ls-table-layout4 tr:first-child > th:last-child,
.ls-table-layout .ls-table-layout4 tr:first-child > th:last-child,
.ls-table-layout2 .ls-table-layout4 tr:first-child > th:last-child,
.ls-table-layout3 .ls-table-layout4 tr:first-child > th:last-child,
.ls-table-layout5 .ls-table-layout4 tr:first-child > th:last-child,
.ls-std-table-inputlist .ls-table-layout4 tr:first-child > th:last-child {
  border-top-right-radius: unset;
}
.ls-table-layout4 tr:first-child > th:first-child,
.ls-table-layout .ls-table-layout4 tr:first-child > th:first-child,
.ls-table-layout2 .ls-table-layout4 tr:first-child > th:first-child,
.ls-table-layout3 .ls-table-layout4 tr:first-child > th:first-child,
.ls-table-layout5 .ls-table-layout4 tr:first-child > th:first-child,
.ls-std-table-inputlist .ls-table-layout4 tr:first-child > th:first-child {
  border-top-left-radius: unset;
}
.ls-table-layout4 tr:last-child > td:last-child,
.ls-table-layout .ls-table-layout4 tr:last-child > td:last-child,
.ls-table-layout2 .ls-table-layout4 tr:last-child > td:last-child,
.ls-table-layout3 .ls-table-layout4 tr:last-child > td:last-child,
.ls-table-layout5 .ls-table-layout4 tr:last-child > td:last-child,
.ls-std-table-inputlist .ls-table-layout4 tr:last-child > td:last-child {
  border-bottom-right-radius: unset;
}
.ls-table-layout4 tr:last-child > td:first-child,
.ls-table-layout .ls-table-layout4 tr:last-child > td:first-child,
.ls-table-layout2 .ls-table-layout4 tr:last-child > td:first-child,
.ls-table-layout3 .ls-table-layout4 tr:last-child > td:first-child,
.ls-table-layout5 .ls-table-layout4 tr:last-child > td:first-child,
.ls-std-table-inputlist .ls-table-layout4 tr:last-child > td:first-child {
  border-bottom-left-radius: unset;
}
.ls-table-layout4 tr > th,
.ls-table-layout .ls-table-layout4 tr > th,
.ls-table-layout2 .ls-table-layout4 tr > th,
.ls-table-layout3 .ls-table-layout4 tr > th,
.ls-table-layout5 .ls-table-layout4 tr > th,
.ls-std-table-inputlist .ls-table-layout4 tr > th,
.ls-table-layout4 thead > tr:not(:last-child) > th,
.ls-table-layout .ls-table-layout4 thead > tr:not(:last-child) > th,
.ls-table-layout2 .ls-table-layout4 thead > tr:not(:last-child) > th,
.ls-table-layout3 .ls-table-layout4 thead > tr:not(:last-child) > th,
.ls-table-layout5 .ls-table-layout4 thead > tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout4 thead > tr:not(:last-child) > th,
.ls-table-layout4 thead > tr:not(:last-child) > td,
.ls-table-layout .ls-table-layout4 thead > tr:not(:last-child) > td,
.ls-table-layout2 .ls-table-layout4 thead > tr:not(:last-child) > td,
.ls-table-layout3 .ls-table-layout4 thead > tr:not(:last-child) > td,
.ls-table-layout5 .ls-table-layout4 thead > tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout4 thead > tr:not(:last-child) > td,
.ls-table-layout4 tbody > tr:not(:last-child) > th,
.ls-table-layout .ls-table-layout4 tbody > tr:not(:last-child) > th,
.ls-table-layout2 .ls-table-layout4 tbody > tr:not(:last-child) > th,
.ls-table-layout3 .ls-table-layout4 tbody > tr:not(:last-child) > th,
.ls-table-layout5 .ls-table-layout4 tbody > tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout4 tbody > tr:not(:last-child) > th,
.ls-table-layout4 tbody > tr:not(:last-child) > td,
.ls-table-layout .ls-table-layout4 tbody > tr:not(:last-child) > td,
.ls-table-layout2 .ls-table-layout4 tbody > tr:not(:last-child) > td,
.ls-table-layout3 .ls-table-layout4 tbody > tr:not(:last-child) > td,
.ls-table-layout5 .ls-table-layout4 tbody > tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout4 tbody > tr:not(:last-child) > td,
.ls-table-layout4 tfoot > tr:not(:last-child) > th,
.ls-table-layout .ls-table-layout4 tfoot > tr:not(:last-child) > th,
.ls-table-layout2 .ls-table-layout4 tfoot > tr:not(:last-child) > th,
.ls-table-layout3 .ls-table-layout4 tfoot > tr:not(:last-child) > th,
.ls-table-layout5 .ls-table-layout4 tfoot > tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout4 tfoot > tr:not(:last-child) > th,
.ls-table-layout4 tfoot > tr:not(:last-child) > td,
.ls-table-layout .ls-table-layout4 tfoot > tr:not(:last-child) > td,
.ls-table-layout2 .ls-table-layout4 tfoot > tr:not(:last-child) > td,
.ls-table-layout3 .ls-table-layout4 tfoot > tr:not(:last-child) > td,
.ls-table-layout5 .ls-table-layout4 tfoot > tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout4 tfoot > tr:not(:last-child) > td,
.ls-table-layout4 tr:not(:last-child) > td,
.ls-table-layout .ls-table-layout4 tr:not(:last-child) > td,
.ls-table-layout2 .ls-table-layout4 tr:not(:last-child) > td,
.ls-table-layout3 .ls-table-layout4 tr:not(:last-child) > td,
.ls-table-layout5 .ls-table-layout4 tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout4 tr:not(:last-child) > td,
.ls-table-layout4 tr:not(:last-child) > th,
.ls-table-layout .ls-table-layout4 tr:not(:last-child) > th,
.ls-table-layout2 .ls-table-layout4 tr:not(:last-child) > th,
.ls-table-layout3 .ls-table-layout4 tr:not(:last-child) > th,
.ls-table-layout5 .ls-table-layout4 tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout4 tr:not(:last-child) > th,
.ls-table-layout4 thead:not(:last-child),
.ls-table-layout .ls-table-layout4 thead:not(:last-child),
.ls-table-layout2 .ls-table-layout4 thead:not(:last-child),
.ls-table-layout3 .ls-table-layout4 thead:not(:last-child),
.ls-table-layout5 .ls-table-layout4 thead:not(:last-child),
.ls-std-table-inputlist .ls-table-layout4 thead:not(:last-child),
.ls-table-layout4 tbody:not(:last-child),
.ls-table-layout .ls-table-layout4 tbody:not(:last-child),
.ls-table-layout2 .ls-table-layout4 tbody:not(:last-child),
.ls-table-layout3 .ls-table-layout4 tbody:not(:last-child),
.ls-table-layout5 .ls-table-layout4 tbody:not(:last-child),
.ls-std-table-inputlist .ls-table-layout4 tbody:not(:last-child),
.ls-table-layout4 tfoot:not(:last-child),
.ls-table-layout .ls-table-layout4 tfoot:not(:last-child),
.ls-table-layout2 .ls-table-layout4 tfoot:not(:last-child),
.ls-table-layout3 .ls-table-layout4 tfoot:not(:last-child),
.ls-table-layout5 .ls-table-layout4 tfoot:not(:last-child),
.ls-std-table-inputlist .ls-table-layout4 tfoot:not(:last-child) {
  border-bottom: dotted 1px #ccd2d9;
}
/********************************************************************/
/* ls-table-layout5 tabel kun med border mellem rows				*/
/****************************************************************/
.ls-table-layout5,
.ls-table-layout .ls-table-layout5,
.ls-table-layout2 .ls-table-layout5,
.ls-table-layout3 .ls-table-layout5,
.ls-table-layout4 .ls-table-layout5,
.ls-std-table-inputlist .ls-table-layout5 {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.33333333rem;
  /* text alignment **/
  border-radius: unset;
  background-color: unset;
  border-spacing: unset;
  border-collapse: collapse;
  border: unset;
  border: none;
  margin: 0.4rem 0;
  min-width: 100%;
  /**************/
}
.ls-table-layout5 th,
.ls-table-layout .ls-table-layout5 th,
.ls-table-layout2 .ls-table-layout5 th,
.ls-table-layout3 .ls-table-layout5 th,
.ls-table-layout4 .ls-table-layout5 th,
.ls-std-table-inputlist .ls-table-layout5 th {
  font-family: 'Roboto Medium';
  font-weight: 500;
}
.ls-table-layout5.textLeft td,
.ls-table-layout .ls-table-layout5.textLeft td,
.ls-table-layout2 .ls-table-layout5.textLeft td,
.ls-table-layout3 .ls-table-layout5.textLeft td,
.ls-table-layout4 .ls-table-layout5.textLeft td,
.ls-std-table-inputlist .ls-table-layout5.textLeft td,
.ls-table-layout5.textLeft th,
.ls-table-layout .ls-table-layout5.textLeft th,
.ls-table-layout2 .ls-table-layout5.textLeft th,
.ls-table-layout3 .ls-table-layout5.textLeft th,
.ls-table-layout4 .ls-table-layout5.textLeft th,
.ls-std-table-inputlist .ls-table-layout5.textLeft th {
  text-align: left;
}
.ls-table-layout5.textLeft td.textCenter,
.ls-table-layout .ls-table-layout5.textLeft td.textCenter,
.ls-table-layout2 .ls-table-layout5.textLeft td.textCenter,
.ls-table-layout3 .ls-table-layout5.textLeft td.textCenter,
.ls-table-layout4 .ls-table-layout5.textLeft td.textCenter,
.ls-std-table-inputlist .ls-table-layout5.textLeft td.textCenter,
.ls-table-layout5.textLeft th.textCenter,
.ls-table-layout .ls-table-layout5.textLeft th.textCenter,
.ls-table-layout2 .ls-table-layout5.textLeft th.textCenter,
.ls-table-layout3 .ls-table-layout5.textLeft th.textCenter,
.ls-table-layout4 .ls-table-layout5.textLeft th.textCenter,
.ls-std-table-inputlist .ls-table-layout5.textLeft th.textCenter {
  text-align: center;
}
.ls-table-layout5.textLeft td.textRight,
.ls-table-layout .ls-table-layout5.textLeft td.textRight,
.ls-table-layout2 .ls-table-layout5.textLeft td.textRight,
.ls-table-layout3 .ls-table-layout5.textLeft td.textRight,
.ls-table-layout4 .ls-table-layout5.textLeft td.textRight,
.ls-std-table-inputlist .ls-table-layout5.textLeft td.textRight,
.ls-table-layout5.textLeft th.textRight,
.ls-table-layout .ls-table-layout5.textLeft th.textRight,
.ls-table-layout2 .ls-table-layout5.textLeft th.textRight,
.ls-table-layout3 .ls-table-layout5.textLeft th.textRight,
.ls-table-layout4 .ls-table-layout5.textLeft th.textRight,
.ls-std-table-inputlist .ls-table-layout5.textLeft th.textRight {
  text-align: right;
}
.ls-table-layout5.textRight td,
.ls-table-layout .ls-table-layout5.textRight td,
.ls-table-layout2 .ls-table-layout5.textRight td,
.ls-table-layout3 .ls-table-layout5.textRight td,
.ls-table-layout4 .ls-table-layout5.textRight td,
.ls-std-table-inputlist .ls-table-layout5.textRight td,
.ls-table-layout5.textRight th,
.ls-table-layout .ls-table-layout5.textRight th,
.ls-table-layout2 .ls-table-layout5.textRight th,
.ls-table-layout3 .ls-table-layout5.textRight th,
.ls-table-layout4 .ls-table-layout5.textRight th,
.ls-std-table-inputlist .ls-table-layout5.textRight th {
  text-align: right;
}
.ls-table-layout5.textRight td.textCenter,
.ls-table-layout .ls-table-layout5.textRight td.textCenter,
.ls-table-layout2 .ls-table-layout5.textRight td.textCenter,
.ls-table-layout3 .ls-table-layout5.textRight td.textCenter,
.ls-table-layout4 .ls-table-layout5.textRight td.textCenter,
.ls-std-table-inputlist .ls-table-layout5.textRight td.textCenter,
.ls-table-layout5.textRight th.textCenter,
.ls-table-layout .ls-table-layout5.textRight th.textCenter,
.ls-table-layout2 .ls-table-layout5.textRight th.textCenter,
.ls-table-layout3 .ls-table-layout5.textRight th.textCenter,
.ls-table-layout4 .ls-table-layout5.textRight th.textCenter,
.ls-std-table-inputlist .ls-table-layout5.textRight th.textCenter {
  text-align: center;
}
.ls-table-layout5.textRight td.textLeft,
.ls-table-layout .ls-table-layout5.textRight td.textLeft,
.ls-table-layout2 .ls-table-layout5.textRight td.textLeft,
.ls-table-layout3 .ls-table-layout5.textRight td.textLeft,
.ls-table-layout4 .ls-table-layout5.textRight td.textLeft,
.ls-std-table-inputlist .ls-table-layout5.textRight td.textLeft,
.ls-table-layout5.textRight th.textLeft,
.ls-table-layout .ls-table-layout5.textRight th.textLeft,
.ls-table-layout2 .ls-table-layout5.textRight th.textLeft,
.ls-table-layout3 .ls-table-layout5.textRight th.textLeft,
.ls-table-layout4 .ls-table-layout5.textRight th.textLeft,
.ls-std-table-inputlist .ls-table-layout5.textRight th.textLeft {
  text-align: left;
}
.ls-table-layout5.textCenter td,
.ls-table-layout .ls-table-layout5.textCenter td,
.ls-table-layout2 .ls-table-layout5.textCenter td,
.ls-table-layout3 .ls-table-layout5.textCenter td,
.ls-table-layout4 .ls-table-layout5.textCenter td,
.ls-std-table-inputlist .ls-table-layout5.textCenter td,
.ls-table-layout5.textCenter th,
.ls-table-layout .ls-table-layout5.textCenter th,
.ls-table-layout2 .ls-table-layout5.textCenter th,
.ls-table-layout3 .ls-table-layout5.textCenter th,
.ls-table-layout4 .ls-table-layout5.textCenter th,
.ls-std-table-inputlist .ls-table-layout5.textCenter th {
  text-align: center;
}
.ls-table-layout5.textCenter td.textRight,
.ls-table-layout .ls-table-layout5.textCenter td.textRight,
.ls-table-layout2 .ls-table-layout5.textCenter td.textRight,
.ls-table-layout3 .ls-table-layout5.textCenter td.textRight,
.ls-table-layout4 .ls-table-layout5.textCenter td.textRight,
.ls-std-table-inputlist .ls-table-layout5.textCenter td.textRight,
.ls-table-layout5.textCenter th.textRight,
.ls-table-layout .ls-table-layout5.textCenter th.textRight,
.ls-table-layout2 .ls-table-layout5.textCenter th.textRight,
.ls-table-layout3 .ls-table-layout5.textCenter th.textRight,
.ls-table-layout4 .ls-table-layout5.textCenter th.textRight,
.ls-std-table-inputlist .ls-table-layout5.textCenter th.textRight {
  text-align: right;
}
.ls-table-layout5.textCenter td.textLeft,
.ls-table-layout .ls-table-layout5.textCenter td.textLeft,
.ls-table-layout2 .ls-table-layout5.textCenter td.textLeft,
.ls-table-layout3 .ls-table-layout5.textCenter td.textLeft,
.ls-table-layout4 .ls-table-layout5.textCenter td.textLeft,
.ls-std-table-inputlist .ls-table-layout5.textCenter td.textLeft,
.ls-table-layout5.textCenter th.textLeft,
.ls-table-layout .ls-table-layout5.textCenter th.textLeft,
.ls-table-layout2 .ls-table-layout5.textCenter th.textLeft,
.ls-table-layout3 .ls-table-layout5.textCenter th.textLeft,
.ls-table-layout4 .ls-table-layout5.textCenter th.textLeft,
.ls-std-table-inputlist .ls-table-layout5.textCenter th.textLeft {
  text-align: left;
}
.ls-table-layout5.textTop tr,
.ls-table-layout .ls-table-layout5.textTop tr,
.ls-table-layout2 .ls-table-layout5.textTop tr,
.ls-table-layout3 .ls-table-layout5.textTop tr,
.ls-table-layout4 .ls-table-layout5.textTop tr,
.ls-std-table-inputlist .ls-table-layout5.textTop tr {
  vertical-align: top;
}
.ls-table-layout5.textTop tr td,
.ls-table-layout .ls-table-layout5.textTop tr td,
.ls-table-layout2 .ls-table-layout5.textTop tr td,
.ls-table-layout3 .ls-table-layout5.textTop tr td,
.ls-table-layout4 .ls-table-layout5.textTop tr td,
.ls-std-table-inputlist .ls-table-layout5.textTop tr td,
.ls-table-layout5.textTop tr th,
.ls-table-layout .ls-table-layout5.textTop tr th,
.ls-table-layout2 .ls-table-layout5.textTop tr th,
.ls-table-layout3 .ls-table-layout5.textTop tr th,
.ls-table-layout4 .ls-table-layout5.textTop tr th,
.ls-std-table-inputlist .ls-table-layout5.textTop tr th {
  vertical-align: top;
}
.ls-table-layout5 th,
.ls-table-layout .ls-table-layout5 th,
.ls-table-layout2 .ls-table-layout5 th,
.ls-table-layout3 .ls-table-layout5 th,
.ls-table-layout4 .ls-table-layout5 th,
.ls-std-table-inputlist .ls-table-layout5 th,
.ls-table-layout5 th > *,
.ls-table-layout .ls-table-layout5 th > *,
.ls-table-layout2 .ls-table-layout5 th > *,
.ls-table-layout3 .ls-table-layout5 th > *,
.ls-table-layout4 .ls-table-layout5 th > *,
.ls-std-table-inputlist .ls-table-layout5 th > * {
  text-align: center;
}
.ls-table-layout5 td,
.ls-table-layout .ls-table-layout5 td,
.ls-table-layout2 .ls-table-layout5 td,
.ls-table-layout3 .ls-table-layout5 td,
.ls-table-layout4 .ls-table-layout5 td,
.ls-std-table-inputlist .ls-table-layout5 td,
.ls-table-layout5 td > *,
.ls-table-layout .ls-table-layout5 td > *,
.ls-table-layout2 .ls-table-layout5 td > *,
.ls-table-layout3 .ls-table-layout5 td > *,
.ls-table-layout4 .ls-table-layout5 td > *,
.ls-std-table-inputlist .ls-table-layout5 td > *,
.ls-table-layout5 tr > td,
.ls-table-layout .ls-table-layout5 tr > td,
.ls-table-layout2 .ls-table-layout5 tr > td,
.ls-table-layout3 .ls-table-layout5 tr > td,
.ls-table-layout4 .ls-table-layout5 tr > td,
.ls-std-table-inputlist .ls-table-layout5 tr > td,
.ls-table-layout5 tr > td > *,
.ls-table-layout .ls-table-layout5 tr > td > *,
.ls-table-layout2 .ls-table-layout5 tr > td > *,
.ls-table-layout3 .ls-table-layout5 tr > td > *,
.ls-table-layout4 .ls-table-layout5 tr > td > *,
.ls-std-table-inputlist .ls-table-layout5 tr > td > * {
  vertical-align: top;
}
.ls-table-layout5 tr td,
.ls-table-layout .ls-table-layout5 tr td,
.ls-table-layout2 .ls-table-layout5 tr td,
.ls-table-layout3 .ls-table-layout5 tr td,
.ls-table-layout4 .ls-table-layout5 tr td,
.ls-std-table-inputlist .ls-table-layout5 tr td,
.ls-table-layout5 tr th,
.ls-table-layout .ls-table-layout5 tr th,
.ls-table-layout2 .ls-table-layout5 tr th,
.ls-table-layout3 .ls-table-layout5 tr th,
.ls-table-layout4 .ls-table-layout5 tr th,
.ls-std-table-inputlist .ls-table-layout5 tr th {
  /* button in table styleoveride**/
}
.ls-table-layout5 tr td.borderLeft,
.ls-table-layout .ls-table-layout5 tr td.borderLeft,
.ls-table-layout2 .ls-table-layout5 tr td.borderLeft,
.ls-table-layout3 .ls-table-layout5 tr td.borderLeft,
.ls-table-layout4 .ls-table-layout5 tr td.borderLeft,
.ls-std-table-inputlist .ls-table-layout5 tr td.borderLeft,
.ls-table-layout5 tr th.borderLeft,
.ls-table-layout .ls-table-layout5 tr th.borderLeft,
.ls-table-layout2 .ls-table-layout5 tr th.borderLeft,
.ls-table-layout3 .ls-table-layout5 tr th.borderLeft,
.ls-table-layout4 .ls-table-layout5 tr th.borderLeft,
.ls-std-table-inputlist .ls-table-layout5 tr th.borderLeft {
  border-left: solid 1px #ccd2d9;
}
.ls-table-layout5 tr td.borderRight,
.ls-table-layout .ls-table-layout5 tr td.borderRight,
.ls-table-layout2 .ls-table-layout5 tr td.borderRight,
.ls-table-layout3 .ls-table-layout5 tr td.borderRight,
.ls-table-layout4 .ls-table-layout5 tr td.borderRight,
.ls-std-table-inputlist .ls-table-layout5 tr td.borderRight,
.ls-table-layout5 tr th.borderRight,
.ls-table-layout .ls-table-layout5 tr th.borderRight,
.ls-table-layout2 .ls-table-layout5 tr th.borderRight,
.ls-table-layout3 .ls-table-layout5 tr th.borderRight,
.ls-table-layout4 .ls-table-layout5 tr th.borderRight,
.ls-std-table-inputlist .ls-table-layout5 tr th.borderRight {
  border-right: solid 1px #ccd2d9;
}
.ls-table-layout5 tr td .buttonfilledtonal,
.ls-table-layout .ls-table-layout5 tr td .buttonfilledtonal,
.ls-table-layout2 .ls-table-layout5 tr td .buttonfilledtonal,
.ls-table-layout3 .ls-table-layout5 tr td .buttonfilledtonal,
.ls-table-layout4 .ls-table-layout5 tr td .buttonfilledtonal,
.ls-std-table-inputlist .ls-table-layout5 tr td .buttonfilledtonal,
.ls-table-layout5 tr th .buttonfilledtonal,
.ls-table-layout .ls-table-layout5 tr th .buttonfilledtonal,
.ls-table-layout2 .ls-table-layout5 tr th .buttonfilledtonal,
.ls-table-layout3 .ls-table-layout5 tr th .buttonfilledtonal,
.ls-table-layout4 .ls-table-layout5 tr th .buttonfilledtonal,
.ls-std-table-inputlist .ls-table-layout5 tr th .buttonfilledtonal,
.ls-table-layout5 tr td .buttonoutlined,
.ls-table-layout .ls-table-layout5 tr td .buttonoutlined,
.ls-table-layout2 .ls-table-layout5 tr td .buttonoutlined,
.ls-table-layout3 .ls-table-layout5 tr td .buttonoutlined,
.ls-table-layout4 .ls-table-layout5 tr td .buttonoutlined,
.ls-std-table-inputlist .ls-table-layout5 tr td .buttonoutlined,
.ls-table-layout5 tr th .buttonoutlined,
.ls-table-layout .ls-table-layout5 tr th .buttonoutlined,
.ls-table-layout2 .ls-table-layout5 tr th .buttonoutlined,
.ls-table-layout3 .ls-table-layout5 tr th .buttonoutlined,
.ls-table-layout4 .ls-table-layout5 tr th .buttonoutlined,
.ls-std-table-inputlist .ls-table-layout5 tr th .buttonoutlined,
.ls-table-layout5 tr td .buttonfilled,
.ls-table-layout .ls-table-layout5 tr td .buttonfilled,
.ls-table-layout2 .ls-table-layout5 tr td .buttonfilled,
.ls-table-layout3 .ls-table-layout5 tr td .buttonfilled,
.ls-table-layout4 .ls-table-layout5 tr td .buttonfilled,
.ls-std-table-inputlist .ls-table-layout5 tr td .buttonfilled,
.ls-table-layout5 tr th .buttonfilled,
.ls-table-layout .ls-table-layout5 tr th .buttonfilled,
.ls-table-layout2 .ls-table-layout5 tr th .buttonfilled,
.ls-table-layout3 .ls-table-layout5 tr th .buttonfilled,
.ls-table-layout4 .ls-table-layout5 tr th .buttonfilled,
.ls-std-table-inputlist .ls-table-layout5 tr th .buttonfilled,
.ls-table-layout5 tr td .buttontext,
.ls-table-layout .ls-table-layout5 tr td .buttontext,
.ls-table-layout2 .ls-table-layout5 tr td .buttontext,
.ls-table-layout3 .ls-table-layout5 tr td .buttontext,
.ls-table-layout4 .ls-table-layout5 tr td .buttontext,
.ls-std-table-inputlist .ls-table-layout5 tr td .buttontext,
.ls-table-layout5 tr th .buttontext,
.ls-table-layout .ls-table-layout5 tr th .buttontext,
.ls-table-layout2 .ls-table-layout5 tr th .buttontext,
.ls-table-layout3 .ls-table-layout5 tr th .buttontext,
.ls-table-layout4 .ls-table-layout5 tr th .buttontext,
.ls-std-table-inputlist .ls-table-layout5 tr th .buttontext {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.ls-table-layout5 tr:not(:first-of-type),
.ls-table-layout .ls-table-layout5 tr:not(:first-of-type),
.ls-table-layout2 .ls-table-layout5 tr:not(:first-of-type),
.ls-table-layout3 .ls-table-layout5 tr:not(:first-of-type),
.ls-table-layout4 .ls-table-layout5 tr:not(:first-of-type),
.ls-std-table-inputlist .ls-table-layout5 tr:not(:first-of-type) {
  vertical-align: middle;
  border-top: solid 1px #e2e2e5;
}
.ls-table-layout5 tr th,
.ls-table-layout .ls-table-layout5 tr th,
.ls-table-layout2 .ls-table-layout5 tr th,
.ls-table-layout3 .ls-table-layout5 tr th,
.ls-table-layout4 .ls-table-layout5 tr th,
.ls-std-table-inputlist .ls-table-layout5 tr th {
  border: none;
  padding: 0.33333333rem 0.41666667rem;
  border-bottom: solid 1px #e2e2e5;
  vertical-align: middle;
}
.ls-table-layout5 tr th:not(:last-child),
.ls-table-layout .ls-table-layout5 tr th:not(:last-child),
.ls-table-layout2 .ls-table-layout5 tr th:not(:last-child),
.ls-table-layout3 .ls-table-layout5 tr th:not(:last-child),
.ls-table-layout4 .ls-table-layout5 tr th:not(:last-child),
.ls-std-table-inputlist .ls-table-layout5 tr th:not(:last-child) {
  border-right: unset;
}
.ls-table-layout5 tr td,
.ls-table-layout .ls-table-layout5 tr td,
.ls-table-layout2 .ls-table-layout5 tr td,
.ls-table-layout3 .ls-table-layout5 tr td,
.ls-table-layout4 .ls-table-layout5 tr td,
.ls-std-table-inputlist .ls-table-layout5 tr td {
  padding: 0.33333333rem 0.41666667rem;
}
.ls-table-layout5 tr td:not(:last-child),
.ls-table-layout .ls-table-layout5 tr td:not(:last-child),
.ls-table-layout2 .ls-table-layout5 tr td:not(:last-child),
.ls-table-layout3 .ls-table-layout5 tr td:not(:last-child),
.ls-table-layout4 .ls-table-layout5 tr td:not(:last-child),
.ls-std-table-inputlist .ls-table-layout5 tr td:not(:last-child) {
  border-right: unset;
}
.ls-table-layout5 tr:first-child > th:last-child,
.ls-table-layout .ls-table-layout5 tr:first-child > th:last-child,
.ls-table-layout2 .ls-table-layout5 tr:first-child > th:last-child,
.ls-table-layout3 .ls-table-layout5 tr:first-child > th:last-child,
.ls-table-layout4 .ls-table-layout5 tr:first-child > th:last-child,
.ls-std-table-inputlist .ls-table-layout5 tr:first-child > th:last-child {
  border-top-right-radius: unset;
}
.ls-table-layout5 tr:first-child > th:first-child,
.ls-table-layout .ls-table-layout5 tr:first-child > th:first-child,
.ls-table-layout2 .ls-table-layout5 tr:first-child > th:first-child,
.ls-table-layout3 .ls-table-layout5 tr:first-child > th:first-child,
.ls-table-layout4 .ls-table-layout5 tr:first-child > th:first-child,
.ls-std-table-inputlist .ls-table-layout5 tr:first-child > th:first-child {
  border-top-left-radius: unset;
}
.ls-table-layout5 tr:last-child > td:last-child,
.ls-table-layout .ls-table-layout5 tr:last-child > td:last-child,
.ls-table-layout2 .ls-table-layout5 tr:last-child > td:last-child,
.ls-table-layout3 .ls-table-layout5 tr:last-child > td:last-child,
.ls-table-layout4 .ls-table-layout5 tr:last-child > td:last-child,
.ls-std-table-inputlist .ls-table-layout5 tr:last-child > td:last-child {
  border-bottom-right-radius: unset;
}
.ls-table-layout5 tr:last-child > td:first-child,
.ls-table-layout .ls-table-layout5 tr:last-child > td:first-child,
.ls-table-layout2 .ls-table-layout5 tr:last-child > td:first-child,
.ls-table-layout3 .ls-table-layout5 tr:last-child > td:first-child,
.ls-table-layout4 .ls-table-layout5 tr:last-child > td:first-child,
.ls-std-table-inputlist .ls-table-layout5 tr:last-child > td:first-child {
  border-bottom-left-radius: unset;
}
.ls-table-layout5 tr > th,
.ls-table-layout .ls-table-layout5 tr > th,
.ls-table-layout2 .ls-table-layout5 tr > th,
.ls-table-layout3 .ls-table-layout5 tr > th,
.ls-table-layout4 .ls-table-layout5 tr > th,
.ls-std-table-inputlist .ls-table-layout5 tr > th,
.ls-table-layout5 thead > tr:not(:last-child) > th,
.ls-table-layout .ls-table-layout5 thead > tr:not(:last-child) > th,
.ls-table-layout2 .ls-table-layout5 thead > tr:not(:last-child) > th,
.ls-table-layout3 .ls-table-layout5 thead > tr:not(:last-child) > th,
.ls-table-layout4 .ls-table-layout5 thead > tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout5 thead > tr:not(:last-child) > th,
.ls-table-layout5 thead > tr:not(:last-child) > td,
.ls-table-layout .ls-table-layout5 thead > tr:not(:last-child) > td,
.ls-table-layout2 .ls-table-layout5 thead > tr:not(:last-child) > td,
.ls-table-layout3 .ls-table-layout5 thead > tr:not(:last-child) > td,
.ls-table-layout4 .ls-table-layout5 thead > tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout5 thead > tr:not(:last-child) > td,
.ls-table-layout5 tbody > tr:not(:last-child) > th,
.ls-table-layout .ls-table-layout5 tbody > tr:not(:last-child) > th,
.ls-table-layout2 .ls-table-layout5 tbody > tr:not(:last-child) > th,
.ls-table-layout3 .ls-table-layout5 tbody > tr:not(:last-child) > th,
.ls-table-layout4 .ls-table-layout5 tbody > tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout5 tbody > tr:not(:last-child) > th,
.ls-table-layout5 tbody > tr:not(:last-child) > td,
.ls-table-layout .ls-table-layout5 tbody > tr:not(:last-child) > td,
.ls-table-layout2 .ls-table-layout5 tbody > tr:not(:last-child) > td,
.ls-table-layout3 .ls-table-layout5 tbody > tr:not(:last-child) > td,
.ls-table-layout4 .ls-table-layout5 tbody > tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout5 tbody > tr:not(:last-child) > td,
.ls-table-layout5 tfoot > tr:not(:last-child) > th,
.ls-table-layout .ls-table-layout5 tfoot > tr:not(:last-child) > th,
.ls-table-layout2 .ls-table-layout5 tfoot > tr:not(:last-child) > th,
.ls-table-layout3 .ls-table-layout5 tfoot > tr:not(:last-child) > th,
.ls-table-layout4 .ls-table-layout5 tfoot > tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout5 tfoot > tr:not(:last-child) > th,
.ls-table-layout5 tfoot > tr:not(:last-child) > td,
.ls-table-layout .ls-table-layout5 tfoot > tr:not(:last-child) > td,
.ls-table-layout2 .ls-table-layout5 tfoot > tr:not(:last-child) > td,
.ls-table-layout3 .ls-table-layout5 tfoot > tr:not(:last-child) > td,
.ls-table-layout4 .ls-table-layout5 tfoot > tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout5 tfoot > tr:not(:last-child) > td,
.ls-table-layout5 tr:not(:last-child) > td,
.ls-table-layout .ls-table-layout5 tr:not(:last-child) > td,
.ls-table-layout2 .ls-table-layout5 tr:not(:last-child) > td,
.ls-table-layout3 .ls-table-layout5 tr:not(:last-child) > td,
.ls-table-layout4 .ls-table-layout5 tr:not(:last-child) > td,
.ls-std-table-inputlist .ls-table-layout5 tr:not(:last-child) > td,
.ls-table-layout5 tr:not(:last-child) > th,
.ls-table-layout .ls-table-layout5 tr:not(:last-child) > th,
.ls-table-layout2 .ls-table-layout5 tr:not(:last-child) > th,
.ls-table-layout3 .ls-table-layout5 tr:not(:last-child) > th,
.ls-table-layout4 .ls-table-layout5 tr:not(:last-child) > th,
.ls-std-table-inputlist .ls-table-layout5 tr:not(:last-child) > th,
.ls-table-layout5 thead:not(:last-child),
.ls-table-layout .ls-table-layout5 thead:not(:last-child),
.ls-table-layout2 .ls-table-layout5 thead:not(:last-child),
.ls-table-layout3 .ls-table-layout5 thead:not(:last-child),
.ls-table-layout4 .ls-table-layout5 thead:not(:last-child),
.ls-std-table-inputlist .ls-table-layout5 thead:not(:last-child),
.ls-table-layout5 tbody:not(:last-child),
.ls-table-layout .ls-table-layout5 tbody:not(:last-child),
.ls-table-layout2 .ls-table-layout5 tbody:not(:last-child),
.ls-table-layout3 .ls-table-layout5 tbody:not(:last-child),
.ls-table-layout4 .ls-table-layout5 tbody:not(:last-child),
.ls-std-table-inputlist .ls-table-layout5 tbody:not(:last-child),
.ls-table-layout5 tfoot:not(:last-child),
.ls-table-layout .ls-table-layout5 tfoot:not(:last-child),
.ls-table-layout2 .ls-table-layout5 tfoot:not(:last-child),
.ls-table-layout3 .ls-table-layout5 tfoot:not(:last-child),
.ls-table-layout4 .ls-table-layout5 tfoot:not(:last-child),
.ls-std-table-inputlist .ls-table-layout5 tfoot:not(:last-child) {
  border-bottom: unset;
}
@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,
  .ls-table-layout .ls-table-layout5 TR TD,
  .ls-table-layout2 .ls-table-layout5 TR TD,
  .ls-table-layout3 .ls-table-layout5 TR TD,
  .ls-table-layout4 .ls-table-layout5 TR TD,
  .ls-std-table-inputlist .ls-table-layout5 TR TD {
    border: none;
    border-top: solid 1px #e2e2e5;
    border-collapse: collapse;
    padding: 0;
  }
}
.ls-table-layout5 TD img,
.ls-table-layout .ls-table-layout5 TD img,
.ls-table-layout2 .ls-table-layout5 TD img,
.ls-table-layout3 .ls-table-layout5 TD img,
.ls-table-layout4 .ls-table-layout5 TD img,
.ls-std-table-inputlist .ls-table-layout5 TD img,
.ls-table-layout5 TD A img,
.ls-table-layout .ls-table-layout5 TD A img,
.ls-table-layout2 .ls-table-layout5 TD A img,
.ls-table-layout3 .ls-table-layout5 TD A img,
.ls-table-layout4 .ls-table-layout5 TD A img,
.ls-std-table-inputlist .ls-table-layout5 TD A img {
  vertical-align: middle;
}
/********************************************************************/
/* ls-std-table-inputlist, layout af tabel med indtastningsfelter	*/
/********************************************************************/
.ls-std-table-inputlist,
.ls-table-layout .ls-std-table-inputlist,
.ls-table-layout2 .ls-std-table-inputlist,
.ls-table-layout3 .ls-std-table-inputlist,
.ls-table-layout4 .ls-std-table-inputlist,
.ls-table-layout5 .ls-std-table-inputlist {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.33333333rem;
  /* text alignment **/
  margin: unset unset;
  border-radius: unset;
  border: unset;
  background-color: unset;
  border-spacing: unset;
  border-collapse: unset;
}
.ls-std-table-inputlist th,
.ls-table-layout .ls-std-table-inputlist th,
.ls-table-layout2 .ls-std-table-inputlist th,
.ls-table-layout3 .ls-std-table-inputlist th,
.ls-table-layout4 .ls-std-table-inputlist th,
.ls-table-layout5 .ls-std-table-inputlist th {
  font-family: 'Roboto Medium';
  font-weight: 500;
}
.ls-std-table-inputlist.textLeft td,
.ls-table-layout .ls-std-table-inputlist.textLeft td,
.ls-table-layout2 .ls-std-table-inputlist.textLeft td,
.ls-table-layout3 .ls-std-table-inputlist.textLeft td,
.ls-table-layout4 .ls-std-table-inputlist.textLeft td,
.ls-table-layout5 .ls-std-table-inputlist.textLeft td,
.ls-std-table-inputlist.textLeft th,
.ls-table-layout .ls-std-table-inputlist.textLeft th,
.ls-table-layout2 .ls-std-table-inputlist.textLeft th,
.ls-table-layout3 .ls-std-table-inputlist.textLeft th,
.ls-table-layout4 .ls-std-table-inputlist.textLeft th,
.ls-table-layout5 .ls-std-table-inputlist.textLeft th {
  text-align: left;
}
.ls-std-table-inputlist.textLeft td.textCenter,
.ls-table-layout .ls-std-table-inputlist.textLeft td.textCenter,
.ls-table-layout2 .ls-std-table-inputlist.textLeft td.textCenter,
.ls-table-layout3 .ls-std-table-inputlist.textLeft td.textCenter,
.ls-table-layout4 .ls-std-table-inputlist.textLeft td.textCenter,
.ls-table-layout5 .ls-std-table-inputlist.textLeft td.textCenter,
.ls-std-table-inputlist.textLeft th.textCenter,
.ls-table-layout .ls-std-table-inputlist.textLeft th.textCenter,
.ls-table-layout2 .ls-std-table-inputlist.textLeft th.textCenter,
.ls-table-layout3 .ls-std-table-inputlist.textLeft th.textCenter,
.ls-table-layout4 .ls-std-table-inputlist.textLeft th.textCenter,
.ls-table-layout5 .ls-std-table-inputlist.textLeft th.textCenter {
  text-align: center;
}
.ls-std-table-inputlist.textLeft td.textRight,
.ls-table-layout .ls-std-table-inputlist.textLeft td.textRight,
.ls-table-layout2 .ls-std-table-inputlist.textLeft td.textRight,
.ls-table-layout3 .ls-std-table-inputlist.textLeft td.textRight,
.ls-table-layout4 .ls-std-table-inputlist.textLeft td.textRight,
.ls-table-layout5 .ls-std-table-inputlist.textLeft td.textRight,
.ls-std-table-inputlist.textLeft th.textRight,
.ls-table-layout .ls-std-table-inputlist.textLeft th.textRight,
.ls-table-layout2 .ls-std-table-inputlist.textLeft th.textRight,
.ls-table-layout3 .ls-std-table-inputlist.textLeft th.textRight,
.ls-table-layout4 .ls-std-table-inputlist.textLeft th.textRight,
.ls-table-layout5 .ls-std-table-inputlist.textLeft th.textRight {
  text-align: right;
}
.ls-std-table-inputlist.textRight td,
.ls-table-layout .ls-std-table-inputlist.textRight td,
.ls-table-layout2 .ls-std-table-inputlist.textRight td,
.ls-table-layout3 .ls-std-table-inputlist.textRight td,
.ls-table-layout4 .ls-std-table-inputlist.textRight td,
.ls-table-layout5 .ls-std-table-inputlist.textRight td,
.ls-std-table-inputlist.textRight th,
.ls-table-layout .ls-std-table-inputlist.textRight th,
.ls-table-layout2 .ls-std-table-inputlist.textRight th,
.ls-table-layout3 .ls-std-table-inputlist.textRight th,
.ls-table-layout4 .ls-std-table-inputlist.textRight th,
.ls-table-layout5 .ls-std-table-inputlist.textRight th {
  text-align: right;
}
.ls-std-table-inputlist.textRight td.textCenter,
.ls-table-layout .ls-std-table-inputlist.textRight td.textCenter,
.ls-table-layout2 .ls-std-table-inputlist.textRight td.textCenter,
.ls-table-layout3 .ls-std-table-inputlist.textRight td.textCenter,
.ls-table-layout4 .ls-std-table-inputlist.textRight td.textCenter,
.ls-table-layout5 .ls-std-table-inputlist.textRight td.textCenter,
.ls-std-table-inputlist.textRight th.textCenter,
.ls-table-layout .ls-std-table-inputlist.textRight th.textCenter,
.ls-table-layout2 .ls-std-table-inputlist.textRight th.textCenter,
.ls-table-layout3 .ls-std-table-inputlist.textRight th.textCenter,
.ls-table-layout4 .ls-std-table-inputlist.textRight th.textCenter,
.ls-table-layout5 .ls-std-table-inputlist.textRight th.textCenter {
  text-align: center;
}
.ls-std-table-inputlist.textRight td.textLeft,
.ls-table-layout .ls-std-table-inputlist.textRight td.textLeft,
.ls-table-layout2 .ls-std-table-inputlist.textRight td.textLeft,
.ls-table-layout3 .ls-std-table-inputlist.textRight td.textLeft,
.ls-table-layout4 .ls-std-table-inputlist.textRight td.textLeft,
.ls-table-layout5 .ls-std-table-inputlist.textRight td.textLeft,
.ls-std-table-inputlist.textRight th.textLeft,
.ls-table-layout .ls-std-table-inputlist.textRight th.textLeft,
.ls-table-layout2 .ls-std-table-inputlist.textRight th.textLeft,
.ls-table-layout3 .ls-std-table-inputlist.textRight th.textLeft,
.ls-table-layout4 .ls-std-table-inputlist.textRight th.textLeft,
.ls-table-layout5 .ls-std-table-inputlist.textRight th.textLeft {
  text-align: left;
}
.ls-std-table-inputlist.textCenter td,
.ls-table-layout .ls-std-table-inputlist.textCenter td,
.ls-table-layout2 .ls-std-table-inputlist.textCenter td,
.ls-table-layout3 .ls-std-table-inputlist.textCenter td,
.ls-table-layout4 .ls-std-table-inputlist.textCenter td,
.ls-table-layout5 .ls-std-table-inputlist.textCenter td,
.ls-std-table-inputlist.textCenter th,
.ls-table-layout .ls-std-table-inputlist.textCenter th,
.ls-table-layout2 .ls-std-table-inputlist.textCenter th,
.ls-table-layout3 .ls-std-table-inputlist.textCenter th,
.ls-table-layout4 .ls-std-table-inputlist.textCenter th,
.ls-table-layout5 .ls-std-table-inputlist.textCenter th {
  text-align: center;
}
.ls-std-table-inputlist.textCenter td.textRight,
.ls-table-layout .ls-std-table-inputlist.textCenter td.textRight,
.ls-table-layout2 .ls-std-table-inputlist.textCenter td.textRight,
.ls-table-layout3 .ls-std-table-inputlist.textCenter td.textRight,
.ls-table-layout4 .ls-std-table-inputlist.textCenter td.textRight,
.ls-table-layout5 .ls-std-table-inputlist.textCenter td.textRight,
.ls-std-table-inputlist.textCenter th.textRight,
.ls-table-layout .ls-std-table-inputlist.textCenter th.textRight,
.ls-table-layout2 .ls-std-table-inputlist.textCenter th.textRight,
.ls-table-layout3 .ls-std-table-inputlist.textCenter th.textRight,
.ls-table-layout4 .ls-std-table-inputlist.textCenter th.textRight,
.ls-table-layout5 .ls-std-table-inputlist.textCenter th.textRight {
  text-align: right;
}
.ls-std-table-inputlist.textCenter td.textLeft,
.ls-table-layout .ls-std-table-inputlist.textCenter td.textLeft,
.ls-table-layout2 .ls-std-table-inputlist.textCenter td.textLeft,
.ls-table-layout3 .ls-std-table-inputlist.textCenter td.textLeft,
.ls-table-layout4 .ls-std-table-inputlist.textCenter td.textLeft,
.ls-table-layout5 .ls-std-table-inputlist.textCenter td.textLeft,
.ls-std-table-inputlist.textCenter th.textLeft,
.ls-table-layout .ls-std-table-inputlist.textCenter th.textLeft,
.ls-table-layout2 .ls-std-table-inputlist.textCenter th.textLeft,
.ls-table-layout3 .ls-std-table-inputlist.textCenter th.textLeft,
.ls-table-layout4 .ls-std-table-inputlist.textCenter th.textLeft,
.ls-table-layout5 .ls-std-table-inputlist.textCenter th.textLeft {
  text-align: left;
}
.ls-std-table-inputlist.textTop tr,
.ls-table-layout .ls-std-table-inputlist.textTop tr,
.ls-table-layout2 .ls-std-table-inputlist.textTop tr,
.ls-table-layout3 .ls-std-table-inputlist.textTop tr,
.ls-table-layout4 .ls-std-table-inputlist.textTop tr,
.ls-table-layout5 .ls-std-table-inputlist.textTop tr {
  vertical-align: top;
}
.ls-std-table-inputlist.textTop tr td,
.ls-table-layout .ls-std-table-inputlist.textTop tr td,
.ls-table-layout2 .ls-std-table-inputlist.textTop tr td,
.ls-table-layout3 .ls-std-table-inputlist.textTop tr td,
.ls-table-layout4 .ls-std-table-inputlist.textTop tr td,
.ls-table-layout5 .ls-std-table-inputlist.textTop tr td,
.ls-std-table-inputlist.textTop tr th,
.ls-table-layout .ls-std-table-inputlist.textTop tr th,
.ls-table-layout2 .ls-std-table-inputlist.textTop tr th,
.ls-table-layout3 .ls-std-table-inputlist.textTop tr th,
.ls-table-layout4 .ls-std-table-inputlist.textTop tr th,
.ls-table-layout5 .ls-std-table-inputlist.textTop tr th {
  vertical-align: top;
}
.ls-std-table-inputlist th,
.ls-table-layout .ls-std-table-inputlist th,
.ls-table-layout2 .ls-std-table-inputlist th,
.ls-table-layout3 .ls-std-table-inputlist th,
.ls-table-layout4 .ls-std-table-inputlist th,
.ls-table-layout5 .ls-std-table-inputlist th,
.ls-std-table-inputlist th > *,
.ls-table-layout .ls-std-table-inputlist th > *,
.ls-table-layout2 .ls-std-table-inputlist th > *,
.ls-table-layout3 .ls-std-table-inputlist th > *,
.ls-table-layout4 .ls-std-table-inputlist th > *,
.ls-table-layout5 .ls-std-table-inputlist th > * {
  text-align: center;
}
.ls-std-table-inputlist td,
.ls-table-layout .ls-std-table-inputlist td,
.ls-table-layout2 .ls-std-table-inputlist td,
.ls-table-layout3 .ls-std-table-inputlist td,
.ls-table-layout4 .ls-std-table-inputlist td,
.ls-table-layout5 .ls-std-table-inputlist td,
.ls-std-table-inputlist td > *,
.ls-table-layout .ls-std-table-inputlist td > *,
.ls-table-layout2 .ls-std-table-inputlist td > *,
.ls-table-layout3 .ls-std-table-inputlist td > *,
.ls-table-layout4 .ls-std-table-inputlist td > *,
.ls-table-layout5 .ls-std-table-inputlist td > *,
.ls-std-table-inputlist tr > td,
.ls-table-layout .ls-std-table-inputlist tr > td,
.ls-table-layout2 .ls-std-table-inputlist tr > td,
.ls-table-layout3 .ls-std-table-inputlist tr > td,
.ls-table-layout4 .ls-std-table-inputlist tr > td,
.ls-table-layout5 .ls-std-table-inputlist tr > td,
.ls-std-table-inputlist tr > td > *,
.ls-table-layout .ls-std-table-inputlist tr > td > *,
.ls-table-layout2 .ls-std-table-inputlist tr > td > *,
.ls-table-layout3 .ls-std-table-inputlist tr > td > *,
.ls-table-layout4 .ls-std-table-inputlist tr > td > *,
.ls-table-layout5 .ls-std-table-inputlist tr > td > * {
  vertical-align: top;
}
.ls-std-table-inputlist tr td,
.ls-table-layout .ls-std-table-inputlist tr td,
.ls-table-layout2 .ls-std-table-inputlist tr td,
.ls-table-layout3 .ls-std-table-inputlist tr td,
.ls-table-layout4 .ls-std-table-inputlist tr td,
.ls-table-layout5 .ls-std-table-inputlist tr td,
.ls-std-table-inputlist tr th,
.ls-table-layout .ls-std-table-inputlist tr th,
.ls-table-layout2 .ls-std-table-inputlist tr th,
.ls-table-layout3 .ls-std-table-inputlist tr th,
.ls-table-layout4 .ls-std-table-inputlist tr th,
.ls-table-layout5 .ls-std-table-inputlist tr th {
  /* button in table styleoveride**/
}
.ls-std-table-inputlist tr td.borderLeft,
.ls-table-layout .ls-std-table-inputlist tr td.borderLeft,
.ls-table-layout2 .ls-std-table-inputlist tr td.borderLeft,
.ls-table-layout3 .ls-std-table-inputlist tr td.borderLeft,
.ls-table-layout4 .ls-std-table-inputlist tr td.borderLeft,
.ls-table-layout5 .ls-std-table-inputlist tr td.borderLeft,
.ls-std-table-inputlist tr th.borderLeft,
.ls-table-layout .ls-std-table-inputlist tr th.borderLeft,
.ls-table-layout2 .ls-std-table-inputlist tr th.borderLeft,
.ls-table-layout3 .ls-std-table-inputlist tr th.borderLeft,
.ls-table-layout4 .ls-std-table-inputlist tr th.borderLeft,
.ls-table-layout5 .ls-std-table-inputlist tr th.borderLeft {
  border-left: solid 1px #ccd2d9;
}
.ls-std-table-inputlist tr td.borderRight,
.ls-table-layout .ls-std-table-inputlist tr td.borderRight,
.ls-table-layout2 .ls-std-table-inputlist tr td.borderRight,
.ls-table-layout3 .ls-std-table-inputlist tr td.borderRight,
.ls-table-layout4 .ls-std-table-inputlist tr td.borderRight,
.ls-table-layout5 .ls-std-table-inputlist tr td.borderRight,
.ls-std-table-inputlist tr th.borderRight,
.ls-table-layout .ls-std-table-inputlist tr th.borderRight,
.ls-table-layout2 .ls-std-table-inputlist tr th.borderRight,
.ls-table-layout3 .ls-std-table-inputlist tr th.borderRight,
.ls-table-layout4 .ls-std-table-inputlist tr th.borderRight,
.ls-table-layout5 .ls-std-table-inputlist tr th.borderRight {
  border-right: solid 1px #ccd2d9;
}
.ls-std-table-inputlist tr td .buttonfilledtonal,
.ls-table-layout .ls-std-table-inputlist tr td .buttonfilledtonal,
.ls-table-layout2 .ls-std-table-inputlist tr td .buttonfilledtonal,
.ls-table-layout3 .ls-std-table-inputlist tr td .buttonfilledtonal,
.ls-table-layout4 .ls-std-table-inputlist tr td .buttonfilledtonal,
.ls-table-layout5 .ls-std-table-inputlist tr td .buttonfilledtonal,
.ls-std-table-inputlist tr th .buttonfilledtonal,
.ls-table-layout .ls-std-table-inputlist tr th .buttonfilledtonal,
.ls-table-layout2 .ls-std-table-inputlist tr th .buttonfilledtonal,
.ls-table-layout3 .ls-std-table-inputlist tr th .buttonfilledtonal,
.ls-table-layout4 .ls-std-table-inputlist tr th .buttonfilledtonal,
.ls-table-layout5 .ls-std-table-inputlist tr th .buttonfilledtonal,
.ls-std-table-inputlist tr td .buttonoutlined,
.ls-table-layout .ls-std-table-inputlist tr td .buttonoutlined,
.ls-table-layout2 .ls-std-table-inputlist tr td .buttonoutlined,
.ls-table-layout3 .ls-std-table-inputlist tr td .buttonoutlined,
.ls-table-layout4 .ls-std-table-inputlist tr td .buttonoutlined,
.ls-table-layout5 .ls-std-table-inputlist tr td .buttonoutlined,
.ls-std-table-inputlist tr th .buttonoutlined,
.ls-table-layout .ls-std-table-inputlist tr th .buttonoutlined,
.ls-table-layout2 .ls-std-table-inputlist tr th .buttonoutlined,
.ls-table-layout3 .ls-std-table-inputlist tr th .buttonoutlined,
.ls-table-layout4 .ls-std-table-inputlist tr th .buttonoutlined,
.ls-table-layout5 .ls-std-table-inputlist tr th .buttonoutlined,
.ls-std-table-inputlist tr td .buttonfilled,
.ls-table-layout .ls-std-table-inputlist tr td .buttonfilled,
.ls-table-layout2 .ls-std-table-inputlist tr td .buttonfilled,
.ls-table-layout3 .ls-std-table-inputlist tr td .buttonfilled,
.ls-table-layout4 .ls-std-table-inputlist tr td .buttonfilled,
.ls-table-layout5 .ls-std-table-inputlist tr td .buttonfilled,
.ls-std-table-inputlist tr th .buttonfilled,
.ls-table-layout .ls-std-table-inputlist tr th .buttonfilled,
.ls-table-layout2 .ls-std-table-inputlist tr th .buttonfilled,
.ls-table-layout3 .ls-std-table-inputlist tr th .buttonfilled,
.ls-table-layout4 .ls-std-table-inputlist tr th .buttonfilled,
.ls-table-layout5 .ls-std-table-inputlist tr th .buttonfilled,
.ls-std-table-inputlist tr td .buttontext,
.ls-table-layout .ls-std-table-inputlist tr td .buttontext,
.ls-table-layout2 .ls-std-table-inputlist tr td .buttontext,
.ls-table-layout3 .ls-std-table-inputlist tr td .buttontext,
.ls-table-layout4 .ls-std-table-inputlist tr td .buttontext,
.ls-table-layout5 .ls-std-table-inputlist tr td .buttontext,
.ls-std-table-inputlist tr th .buttontext,
.ls-table-layout .ls-std-table-inputlist tr th .buttontext,
.ls-table-layout2 .ls-std-table-inputlist tr th .buttontext,
.ls-table-layout3 .ls-std-table-inputlist tr th .buttontext,
.ls-table-layout4 .ls-std-table-inputlist tr th .buttontext,
.ls-table-layout5 .ls-std-table-inputlist tr th .buttontext {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.ls-std-table-inputlist tr th:not([class~='textCenter']),
.ls-table-layout .ls-std-table-inputlist tr th:not([class~='textCenter']),
.ls-table-layout2 .ls-std-table-inputlist tr th:not([class~='textCenter']),
.ls-table-layout3 .ls-std-table-inputlist tr th:not([class~='textCenter']),
.ls-table-layout4 .ls-std-table-inputlist tr th:not([class~='textCenter']),
.ls-table-layout5 .ls-std-table-inputlist tr th:not([class~='textCenter']),
.ls-std-table-inputlist tr th:not([class~='textCenter']) > *,
.ls-table-layout .ls-std-table-inputlist tr th:not([class~='textCenter']) > *,
.ls-table-layout2 .ls-std-table-inputlist tr th:not([class~='textCenter']) > *,
.ls-table-layout3 .ls-std-table-inputlist tr th:not([class~='textCenter']) > *,
.ls-table-layout4 .ls-std-table-inputlist tr th:not([class~='textCenter']) > *,
.ls-table-layout5 .ls-std-table-inputlist tr th:not([class~='textCenter']) > * {
  padding: 0.33333333rem 0.33333333rem;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  font-family: 'Roboto Medium';
  font-weight: 500;
}
.ls-std-table-inputlist tr th,
.ls-table-layout .ls-std-table-inputlist tr th,
.ls-table-layout2 .ls-std-table-inputlist tr th,
.ls-table-layout3 .ls-std-table-inputlist tr th,
.ls-table-layout4 .ls-std-table-inputlist tr th,
.ls-table-layout5 .ls-std-table-inputlist tr th {
  font-family: 'Roboto Medium';
  font-weight: 500;
}
.ls-std-table-inputlist tr th:not(:last-child),
.ls-table-layout .ls-std-table-inputlist tr th:not(:last-child),
.ls-table-layout2 .ls-std-table-inputlist tr th:not(:last-child),
.ls-table-layout3 .ls-std-table-inputlist tr th:not(:last-child),
.ls-table-layout4 .ls-std-table-inputlist tr th:not(:last-child),
.ls-table-layout5 .ls-std-table-inputlist tr th:not(:last-child) {
  border-right: unset;
}
.ls-std-table-inputlist tr td,
.ls-table-layout .ls-std-table-inputlist tr td,
.ls-table-layout2 .ls-std-table-inputlist tr td,
.ls-table-layout3 .ls-std-table-inputlist tr td,
.ls-table-layout4 .ls-std-table-inputlist tr td,
.ls-table-layout5 .ls-std-table-inputlist tr td {
  padding: 0.33333333rem 0.33333333rem;
}
.ls-std-table-inputlist tr td:not(:last-child),
.ls-table-layout .ls-std-table-inputlist tr td:not(:last-child),
.ls-table-layout2 .ls-std-table-inputlist tr td:not(:last-child),
.ls-table-layout3 .ls-std-table-inputlist tr td:not(:last-child),
.ls-table-layout4 .ls-std-table-inputlist tr td:not(:last-child),
.ls-table-layout5 .ls-std-table-inputlist tr td:not(:last-child) {
  border-right: unset;
}
.ls-std-table-inputlist tr:first-child > th:last-child,
.ls-table-layout .ls-std-table-inputlist tr:first-child > th:last-child,
.ls-table-layout2 .ls-std-table-inputlist tr:first-child > th:last-child,
.ls-table-layout3 .ls-std-table-inputlist tr:first-child > th:last-child,
.ls-table-layout4 .ls-std-table-inputlist tr:first-child > th:last-child,
.ls-table-layout5 .ls-std-table-inputlist tr:first-child > th:last-child {
  border-top-right-radius: unset;
}
.ls-std-table-inputlist tr:first-child > th:first-child,
.ls-table-layout .ls-std-table-inputlist tr:first-child > th:first-child,
.ls-table-layout2 .ls-std-table-inputlist tr:first-child > th:first-child,
.ls-table-layout3 .ls-std-table-inputlist tr:first-child > th:first-child,
.ls-table-layout4 .ls-std-table-inputlist tr:first-child > th:first-child,
.ls-table-layout5 .ls-std-table-inputlist tr:first-child > th:first-child {
  border-top-left-radius: unset;
}
.ls-std-table-inputlist tr:last-child > td:last-child,
.ls-table-layout .ls-std-table-inputlist tr:last-child > td:last-child,
.ls-table-layout2 .ls-std-table-inputlist tr:last-child > td:last-child,
.ls-table-layout3 .ls-std-table-inputlist tr:last-child > td:last-child,
.ls-table-layout4 .ls-std-table-inputlist tr:last-child > td:last-child,
.ls-table-layout5 .ls-std-table-inputlist tr:last-child > td:last-child {
  border-bottom-right-radius: unset;
}
.ls-std-table-inputlist tr:last-child > td:first-child,
.ls-table-layout .ls-std-table-inputlist tr:last-child > td:first-child,
.ls-table-layout2 .ls-std-table-inputlist tr:last-child > td:first-child,
.ls-table-layout3 .ls-std-table-inputlist tr:last-child > td:first-child,
.ls-table-layout4 .ls-std-table-inputlist tr:last-child > td:first-child,
.ls-table-layout5 .ls-std-table-inputlist tr:last-child > td:first-child {
  border-bottom-left-radius: unset;
}
.ls-std-table-inputlist tr > th,
.ls-table-layout .ls-std-table-inputlist tr > th,
.ls-table-layout2 .ls-std-table-inputlist tr > th,
.ls-table-layout3 .ls-std-table-inputlist tr > th,
.ls-table-layout4 .ls-std-table-inputlist tr > th,
.ls-table-layout5 .ls-std-table-inputlist tr > th,
.ls-std-table-inputlist thead > tr:not(:last-child) > th,
.ls-table-layout .ls-std-table-inputlist thead > tr:not(:last-child) > th,
.ls-table-layout2 .ls-std-table-inputlist thead > tr:not(:last-child) > th,
.ls-table-layout3 .ls-std-table-inputlist thead > tr:not(:last-child) > th,
.ls-table-layout4 .ls-std-table-inputlist thead > tr:not(:last-child) > th,
.ls-table-layout5 .ls-std-table-inputlist thead > tr:not(:last-child) > th,
.ls-std-table-inputlist thead > tr:not(:last-child) > td,
.ls-table-layout .ls-std-table-inputlist thead > tr:not(:last-child) > td,
.ls-table-layout2 .ls-std-table-inputlist thead > tr:not(:last-child) > td,
.ls-table-layout3 .ls-std-table-inputlist thead > tr:not(:last-child) > td,
.ls-table-layout4 .ls-std-table-inputlist thead > tr:not(:last-child) > td,
.ls-table-layout5 .ls-std-table-inputlist thead > tr:not(:last-child) > td,
.ls-std-table-inputlist tbody > tr:not(:last-child) > th,
.ls-table-layout .ls-std-table-inputlist tbody > tr:not(:last-child) > th,
.ls-table-layout2 .ls-std-table-inputlist tbody > tr:not(:last-child) > th,
.ls-table-layout3 .ls-std-table-inputlist tbody > tr:not(:last-child) > th,
.ls-table-layout4 .ls-std-table-inputlist tbody > tr:not(:last-child) > th,
.ls-table-layout5 .ls-std-table-inputlist tbody > tr:not(:last-child) > th,
.ls-std-table-inputlist tbody > tr:not(:last-child) > td,
.ls-table-layout .ls-std-table-inputlist tbody > tr:not(:last-child) > td,
.ls-table-layout2 .ls-std-table-inputlist tbody > tr:not(:last-child) > td,
.ls-table-layout3 .ls-std-table-inputlist tbody > tr:not(:last-child) > td,
.ls-table-layout4 .ls-std-table-inputlist tbody > tr:not(:last-child) > td,
.ls-table-layout5 .ls-std-table-inputlist tbody > tr:not(:last-child) > td,
.ls-std-table-inputlist tfoot > tr:not(:last-child) > th,
.ls-table-layout .ls-std-table-inputlist tfoot > tr:not(:last-child) > th,
.ls-table-layout2 .ls-std-table-inputlist tfoot > tr:not(:last-child) > th,
.ls-table-layout3 .ls-std-table-inputlist tfoot > tr:not(:last-child) > th,
.ls-table-layout4 .ls-std-table-inputlist tfoot > tr:not(:last-child) > th,
.ls-table-layout5 .ls-std-table-inputlist tfoot > tr:not(:last-child) > th,
.ls-std-table-inputlist tfoot > tr:not(:last-child) > td,
.ls-table-layout .ls-std-table-inputlist tfoot > tr:not(:last-child) > td,
.ls-table-layout2 .ls-std-table-inputlist tfoot > tr:not(:last-child) > td,
.ls-table-layout3 .ls-std-table-inputlist tfoot > tr:not(:last-child) > td,
.ls-table-layout4 .ls-std-table-inputlist tfoot > tr:not(:last-child) > td,
.ls-table-layout5 .ls-std-table-inputlist tfoot > tr:not(:last-child) > td,
.ls-std-table-inputlist tr:not(:last-child) > td,
.ls-table-layout .ls-std-table-inputlist tr:not(:last-child) > td,
.ls-table-layout2 .ls-std-table-inputlist tr:not(:last-child) > td,
.ls-table-layout3 .ls-std-table-inputlist tr:not(:last-child) > td,
.ls-table-layout4 .ls-std-table-inputlist tr:not(:last-child) > td,
.ls-table-layout5 .ls-std-table-inputlist tr:not(:last-child) > td,
.ls-std-table-inputlist tr:not(:last-child) > th,
.ls-table-layout .ls-std-table-inputlist tr:not(:last-child) > th,
.ls-table-layout2 .ls-std-table-inputlist tr:not(:last-child) > th,
.ls-table-layout3 .ls-std-table-inputlist tr:not(:last-child) > th,
.ls-table-layout4 .ls-std-table-inputlist tr:not(:last-child) > th,
.ls-table-layout5 .ls-std-table-inputlist tr:not(:last-child) > th,
.ls-std-table-inputlist thead:not(:last-child),
.ls-table-layout .ls-std-table-inputlist thead:not(:last-child),
.ls-table-layout2 .ls-std-table-inputlist thead:not(:last-child),
.ls-table-layout3 .ls-std-table-inputlist thead:not(:last-child),
.ls-table-layout4 .ls-std-table-inputlist thead:not(:last-child),
.ls-table-layout5 .ls-std-table-inputlist thead:not(:last-child),
.ls-std-table-inputlist tbody:not(:last-child),
.ls-table-layout .ls-std-table-inputlist tbody:not(:last-child),
.ls-table-layout2 .ls-std-table-inputlist tbody:not(:last-child),
.ls-table-layout3 .ls-std-table-inputlist tbody:not(:last-child),
.ls-table-layout4 .ls-std-table-inputlist tbody:not(:last-child),
.ls-table-layout5 .ls-std-table-inputlist tbody:not(:last-child),
.ls-std-table-inputlist tfoot:not(:last-child),
.ls-table-layout .ls-std-table-inputlist tfoot:not(:last-child),
.ls-table-layout2 .ls-std-table-inputlist tfoot:not(:last-child),
.ls-table-layout3 .ls-std-table-inputlist tfoot:not(:last-child),
.ls-table-layout4 .ls-std-table-inputlist tfoot:not(:last-child),
.ls-table-layout5 .ls-std-table-inputlist tfoot:not(:last-child) {
  border-bottom: unset;
}
@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;
  }
}
/* ********************************************************* */
/*       Table (lectiogridview styles)
/* ********************************************************* */
.separationCell,
.separationCell > TD,
.separationCell > TH {
  background-color: #f9f9fc;
}
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: #f7f7fa;
  border-bottom-color: #c6c6c9;
}
.highlightborder TR:hover TD {
  border-bottom-color: #c6c6c9;
}
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: oklch(0.9078 0.1368 123.79) !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 #ccd2d9;
  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 #ccd2d9;
  border-right: solid 1px #ccd2d9;
  border-bottom: solid 1px #ccd2d9;
  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 {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  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 #ccd2d9;
  border-left: solid 1px #ccd2d9;
  border-bottom: solid 1px #f7f7f7;
  background-color: #f7f7f7;
  margin-left: -1px;
  opacity: 1;
  outline: none;
}
.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 #ccd2d9;
}
.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 #ccd2d9;
  background-color: #fefefe;
}
/******************************************************/
/*******FANEBLADE - TabStyle3 only, spec til  aktivitetsforside og forløb *****************/
.ls-tabs3 .lectioTabToolbar .button:nth-of-type(1) A {
  border-left: solid 1px #ccd2d9;
}
.ls-tabs3 .lectioTabContent {
  border: 1px solid #ccd2d9;
  background: #f7f7f7;
  /*padding-top: 1em;*/
  padding-top: 0;
  padding-right: 0;
}
/* ******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 #ccd2d9;
}
.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 oklch(0.4788 0.107986 239.0646 / 1);
  border-left: solid 1px oklch(0.4788 0.107986 239.0646 / 1);
  border-right: solid 1px oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-tabs4 > .lectioTabToolbar .button A[disabled="disabled"],
.ls-tabs4 > .lectioTabToolbar .button A[disabled="disabled"]:hover {
  border-top: solid 1px #ccd2d9;
  border-right: solid 1px #ccd2d9;
  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;
}
/*******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;
  /*.on-surface-variant-text;*/
  color: oklch(0.4788 0.107986 239.0646 / 1);
}
.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 oklch(0.4788 0.107986 239.0646 / 1);
  color: oklch(0.4788 0.107986 239.0646 / 1) !important;
}
.ls-tabs2 > .lectioTabContent {
  color: unset;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  background-color: transparent;
  padding: unset;
  padding-top: 0;
}
/** 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 #ccd2d9;
    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 #ccd2d9;
    border-right: solid 1px #ccd2d9;
    border-bottom: solid 1px #ccd2d9;
    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 {
    color: oklch(0.4788 0.107986 239.0646 / 1);
    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 #ccd2d9;
    border-left: solid 1px #ccd2d9;
    border-bottom: solid 1px #f7f7f7;
    background-color: #f7f7f7;
    margin-left: -1px;
    opacity: 1;
    outline: none;
  }
  .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;
    /*.on-surface-variant-text;*/
    color: oklch(0.4788 0.107986 239.0646 / 1);
  }
  .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 oklch(0.4788 0.107986 239.0646 / 1);
    color: oklch(0.4788 0.107986 239.0646 / 1) !important;
  }
  .ls-tabs1[class=ls-tabs1] > .lectioTabContent,
  .ls-tabs3[class=ls-tabs3] > .lectioTabContent,
  .ls-tabs4[class=ls-tabs4] > .lectioTabContent {
    color: unset;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    background-color: transparent;
    padding: unset;
    padding-top: 0;
  }
  .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 #ccd2d9;
}
/* ls-island2, ls-island3 **************************************************/
.ls-island2 {
  padding: 1em 0.8em 1em 0.8em;
  line-height: 16px;
}
.ls-island2.noheader div.islandHeaderContainer[role=heading] {
  display: none;
}
.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-island3.noheader div.islandHeaderContainer[role=heading] {
  display: none;
}
.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 #ccd2d9;
}
.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 #ccd2d9;
  border-left: solid 1px #ccd2d9;
  border-right: solid 1px #ccd2d9;
}
.lectioBorderTop,
.lectioBorderTop TD,
.lectioBorderTop TH {
  border-top: solid 1px #e2e2e5;
}
.lectioBorderBot,
.lectioBorderBot TD,
.lectioBorderBot TH {
  border-bottom: solid 1px #ccd2d9;
}
.lectioBorderLeft {
  border-left: solid 1px #ccd2d9;
}
.lectioBorderRight {
  border-right: solid 1px #ccd2d9;
}
/*** 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.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
/*** END Cards **************************************/
/* MD style islands **************************************/
.ls-island-outlined.macomonly,
.ls-island-filled.macomonly,
.ls-island-elevated.macomonly,
.ls-island-nostyle.macomonly {
  background: #f9edff;
  border: solid 1px #714c9f;
}
.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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.ls-island-outlined.noheader div.islandHeaderContainer[role=heading] {
  display: none;
}
.ls-island-filled {
  background-color: #ecf1f9;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
.ls-island-nostyle.noheader {
  padding-top: 0;
  margin-top: 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;
  align-items: flex-start;
}
.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;
}
.ls-std-island-layout-ltr-stretch {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: 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-stretch .island,
.ls-std-island-layout-ltr-stretch .ls-island-outlined,
.ls-std-island-layout-ltr-stretch .ls-island-filled,
.ls-std-island-layout-ltr-stretch .ls-island-elevated,
.ls-std-island-layout-ltr-stretch .ls-island-nostyle {
  margin-right: 1rem;
}
.ls-std-island-layout-ltr-stretch .smallBlockHeight,
.ls-std-island-layout-ltr-stretch .mediumBlockHeight,
.ls-std-island-layout-ltr-stretch .largeBlockHeight .xlargeBlockHeight {
  align-self: flex-start;
}
.ls-std-island-layout-ltr-wrap {
  /* allow wrap */
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-basis: 100%;
}
.ls-std-island-layout-ltr-wrap .island,
.ls-std-island-layout-ltr-wrap .ls-island-outlined,
.ls-std-island-layout-ltr-wrap .ls-island-filled,
.ls-std-island-layout-ltr-wrap .ls-island-elevated,
.ls-std-island-layout-ltr-wrap .ls-island-nostyle {
  margin-right: 1rem;
}
.ls-std-island-layout-ltr-wrap .smallBlockHeight,
.ls-std-island-layout-ltr-wrap .mediumBlockHeight,
.ls-std-island-layout-ltr-wrap .largeBlockHeight .xlargeBlockHeight {
  align-self: flex-start;
}
.ls-std-island-layout-col {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
@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 {
    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.33333333rem;
    box-sizing: border-box;
    /*overflow: auto;*/
    border-radius: 0.5rem;
    padding: 0.875rem;
    padding-left: 1.333rem;
    padding-right: 1.333rem;
    border-radius: unset;
    border-bottom: solid 1px #c6c6c9;
  }
  SECTION.island div.islandHeaderContainer,
  SECTION.ls-island-outlined div.islandHeaderContainer,
  SECTION.ls-island-elevated div.islandHeaderContainer,
  SECTION.ls-island-filled 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 {
    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 {
    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 {
    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.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 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 1.33333333rem;
    line-height: 2rem;
    letter-spacing: 0.0125rem;
    color: oklch(0.4788 0.107986 239.0646 / 1);
  }
  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 {
    color: oklch(0.2252 0.0049 248.05 / 1);
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 1.33333333rem;
    line-height: 2rem;
    letter-spacing: 0.0125rem;
    margin-top: 0;
    margin-bottom: 0;
  }
  SECTION.ls-island-nostyle {
    padding-left: 0;
    padding-right: 0;
  }
  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.ls-card-filled {
    background: unset;
    padding: unset;
  }
  .ls-mobile-content-fullwidth.ls-card-outlined {
    background: unset;
    padding: unset;
  }
  .ls-mobile-content-fullwidth SECTION.island,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle {
    padding: unset;
  }
  .ls-mobile-content-fullwidth SECTION.island .islandHeaderContainer,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated .islandHeaderContainer,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined .islandHeaderContainer,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled .islandHeaderContainer,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle .islandHeaderContainer {
    height: unset;
  }
  .ls-mobile-content-fullwidth SECTION.island table.ls-std-table-inputlist,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated table.ls-std-table-inputlist,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined table.ls-std-table-inputlist,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled table.ls-std-table-inputlist,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle table.ls-std-table-inputlist {
    width: 100%;
    table-layout: auto;
  }
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout2,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated table.ls-table-layout2,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined table.ls-table-layout2,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled table.ls-table-layout2,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle table.ls-table-layout2 {
    width: 100%;
    table-layout: auto;
    background: transparent;
  }
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout2 tr:last-child td,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated table.ls-table-layout2 tr:last-child td,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined table.ls-table-layout2 tr:last-child td,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled table.ls-table-layout2 tr:last-child td,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle table.ls-table-layout2 tr:last-child td {
    border-bottom: none;
  }
  .ls-mobile-content-fullwidth SECTION.island .noRecord.nowrap,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated .noRecord.nowrap,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined .noRecord.nowrap,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled .noRecord.nowrap,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle .noRecord.nowrap {
    white-space: pre-wrap;
  }
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout2,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated table.ls-table-layout2,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined table.ls-table-layout2,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled table.ls-table-layout2,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle table.ls-table-layout2,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout2 tr,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated table.ls-table-layout2 tr,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined table.ls-table-layout2 tr,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled table.ls-table-layout2 tr,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle table.ls-table-layout2 tr {
    border: none;
  }
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout2 th,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated table.ls-table-layout2 th,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined table.ls-table-layout2 th,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled table.ls-table-layout2 th,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle table.ls-table-layout2 th,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout2 tr th,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated table.ls-table-layout2 tr th,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined table.ls-table-layout2 tr th,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled table.ls-table-layout2 tr th,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle table.ls-table-layout2 tr th,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout2 th a,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated table.ls-table-layout2 th a,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined table.ls-table-layout2 th a,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled table.ls-table-layout2 th a,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle table.ls-table-layout2 th a,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout2 tr th a,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated table.ls-table-layout2 tr th a,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined table.ls-table-layout2 tr th a,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled table.ls-table-layout2 tr th a,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle table.ls-table-layout2 tr th a {
    font-family: 'Roboto Medium';
    font-weight: 500;
    line-height: 1.66666667rem;
    letter-spacing: 0.008rem;
    font-size: 1.16666667rem;
  }
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout2 th,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated table.ls-table-layout2 th,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined table.ls-table-layout2 th,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled table.ls-table-layout2 th,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle table.ls-table-layout2 th,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout2 tr th,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated table.ls-table-layout2 tr th,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined table.ls-table-layout2 tr th,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled table.ls-table-layout2 tr th,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle table.ls-table-layout2 tr th,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout2 td,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated table.ls-table-layout2 td,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined table.ls-table-layout2 td,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled table.ls-table-layout2 td,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle table.ls-table-layout2 td,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout2 tr td,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated table.ls-table-layout2 tr td,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined table.ls-table-layout2 tr td,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled table.ls-table-layout2 tr td,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle table.ls-table-layout2 tr td,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout2 .OnlyMobile,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated table.ls-table-layout2 .OnlyMobile,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined table.ls-table-layout2 .OnlyMobile,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled table.ls-table-layout2 .OnlyMobile,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle table.ls-table-layout2 .OnlyMobile,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout2 tr .OnlyMobile,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated table.ls-table-layout2 tr .OnlyMobile,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined table.ls-table-layout2 tr .OnlyMobile,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled table.ls-table-layout2 tr .OnlyMobile,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle table.ls-table-layout2 tr .OnlyMobile,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout2 .OnlyDesktop,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated table.ls-table-layout2 .OnlyDesktop,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined table.ls-table-layout2 .OnlyDesktop,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled table.ls-table-layout2 .OnlyDesktop,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle table.ls-table-layout2 .OnlyDesktop,
  .ls-mobile-content-fullwidth SECTION.island table.ls-table-layout2 tr .OnlyDesktop,
  .ls-mobile-content-fullwidth SECTION.ls-island-elevated table.ls-table-layout2 tr .OnlyDesktop,
  .ls-mobile-content-fullwidth SECTION.ls-island-outlined table.ls-table-layout2 tr .OnlyDesktop,
  .ls-mobile-content-fullwidth SECTION.ls-island-filled table.ls-table-layout2 tr .OnlyDesktop,
  .ls-mobile-content-fullwidth SECTION.ls-island-nostyle table.ls-table-layout2 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.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 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 1.16666667rem;
    line-height: 1.66666667rem;
    letter-spacing: 0.00833333rem;
  }
}
@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,
  SECTION.ls-island-outlined[class~='islandHeader-hidden-smallscreen'] .islandHeaderContainer,
  SECTION.ls-island-elevated[class~='islandHeader-hidden-smallscreen'] .islandHeaderContainer,
  SECTION.ls-island-filled[class~='islandHeader-hidden-smallscreen'] .islandHeaderContainer,
  SECTION.ls-island-nostyle[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;
  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 {
  top: 2px;
  display: flex;
  align-items: center;
  color: oklch(0.4788 0.107986 239.0646 / 1);
  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 {
  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 {
  top: 2px;
  display: flex;
  align-items: center;
  color: oklch(0.4788 0.107986 239.0646 / 1);
  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 #ccd2d9;
  border-bottom: 1px solid #ccd2d9;
  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 #ccd2d9;
  border-bottom: 1px solid #ccd2d9;
  color: #1b5c9e;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  background-color: oklch(0.4788 0.107986 239.0646 / 1);
  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 oklch(0.4788 0.107986 239.0646 / 1);
  border-bottom: 1px solid oklch(0.4788 0.107986 239.0646 / 1);
  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 #ccd2d9;
  border-bottom: 1px solid #ccd2d9;
  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 #ccd2d9;
  border-bottom: 1px solid #ccd2d9;
  color: #1b5c9e;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  background-color: oklch(0.4788 0.107986 239.0646 / 1);
  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 oklch(0.4788 0.107986 239.0646 / 1);
  border-bottom: 1px solid oklch(0.4788 0.107986 239.0646 / 1);
  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 #ccd2d9;
  border-bottom: 1px solid #ccd2d9;
  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.33333333rem;
  }
  /* 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: 400;
    font-size: 1.33333333rem;
    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.33333333rem;
  }
  /* buttons */
  .ui-dialog .ui-dialog-buttonpane {
    border-top: none;
  }
  .ui-dialog-buttonpane button.ui-button.ui-widget,
  .ui-dialog-buttonpane button.ui-button.ui-widget:active {
    margin: 0rem 0.05em 0.2em 0.05em;
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    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;
    background-image: unset;
    border-color: #c1c7ce;
    border-style: solid;
    border-width: 1px;
    color: oklch(0.4788 0.107986 239.0646 / 1);
  }
  .ui-dialog-buttonpane button.ui-button.ui-widget:hover,
  .ui-dialog-buttonpane button.ui-button.ui-widget:active:hover {
    opacity: 0.92;
    cursor: pointer;
  }
  .ui-dialog-buttonpane button.ui-button.ui-widget[disabled],
  .ui-dialog-buttonpane button.ui-button.ui-widget:active[disabled],
  .ui-dialog-buttonpane button.ui-button.ui-widget[disabled]:hover,
  .ui-dialog-buttonpane button.ui-button.ui-widget:active[disabled]:hover {
    box-shadow: none;
    font-family: 'Roboto Medium';
    line-height: 1.33333333rem;
    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: oklch(0.3947 0.0129 248.15 / 1);
  }
  /**************************************************************/
  .ui-dialog.ui-widget {
    background-color: #ecf1f9;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.033rem;
    line-height: 1.33333333rem;
    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: oklch(0.2252 0.0049 248.05 / 1);
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 1.33333333rem;
    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: #f9f9fc;
  }
}
/* 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 #ccd2d9;
}
#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.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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: oklch(0.4788 0.107986 239.0646 / 1);
  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: oklch(0.4788 0.107986 239.0646 / 1);
  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: oklch(0.4788 0.107986 239.0646 / 1);
  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: oklch(0.4788 0.107986 239.0646 / 1);
  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: 400;
    font-size: 1.33333333rem;
    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: oklch(0.9078 0.1368 123.79);
  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: oklch(0.4788 0.107986 239.0646 / 1);
  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: oklch(0.4788 0.107986 239.0646 / 1);
  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: oklch(0.4788 0.107986 239.0646 / 1);
  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: oklch(0.4788 0.107986 239.0646 / 1);
  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: oklch(0.4788 0.107986 239.0646 / 1);
  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: oklch(0.4788 0.107986 239.0646 / 1);
  font-variation-settings: 'FILL' 1;
  content: "fiber_manual_record";
  font-size: 0.9rem;
}
UL.linklist LI::marker {
  color: oklch(0.4788 0.107986 239.0646 / 1);
}
/* 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: oklch(0.4788 0.107986 239.0646 / 1);
  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: #f9f9fc;
  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: #f9f9fc;
}
.groupbuiltin.ac_over {
  background-color: #005fb3;
}
.groupuser {
  background-color: #f0fced;
}
/********************************************/
/* SAMLET HOLDRAPPORT & VIKARFINDER		*/
tr.rapAfvig2 td,
.rapAfvig2,
tr.rapAfvigukendt td,
.rapAfvigukendt {
  /*	background-color: @color-warning-high;
			color: #000000;		*/
  background-color: #fedbd6;
  color: #832820;
}
tr.rapAfvig1 td,
.rapAfvig1 {
  /*	background-color: @color-warning-low;
			color: #000000; */
  background-color: #fdf2c3;
  color: #524809;
}
tr.rapAfvig0 td,
.rapAfvig0 {
  /*	background-color: @color-warning-no;*/
  color: #000000;
}
/***********************************************/
/* Anvendes i Frie lærere, lokaler, ressourcer*/
TABLE TR TD.ledige_emner_ledig {
  /*background-color: @color-ledig;*/
  background-color: oklch(0.9078 0.1368 123.79);
  color: oklch(0.3922 0.0944 125.95);
  width: 1.2em;
  padding: 0.25em;
  text-align: center;
}
TABLE TR TD.ledige_emner_dobbeltbooked {
  /*background-color: @color-dblbook-prio1;*/
  background-color: #fedbd6;
  color: #832820;
  width: 1.2em;
  padding: 0.25em;
  text-align: center;
}
TABLE TR TD.ledige_emner_overbookcapacity {
  background-color: #fbe570;
  background-color: #fdf2c3;
  color: #524809;
  width: 1.2em;
  padding: 0.25em;
  text-align: center;
}
TABLE TR TD.ledige_emner_optaget {
  /*color: @color_lectio_LightBlue;*/
  color: lightgray;
  width: 1.2em;
  padding: 0.25em;
  text-align: center;
}
/***********************************************/
.ls-tidsreg-gray {
  background-color: #f0f0f3;
}
.ls-tidsreg-green {
  /*background-color: @color_lectio_Green;*/
  background-color: oklch(0.9771 0.0664 120.34);
}
.ls-tidsreg-dagsdato td {
  font-weight: bold;
}
pre {
  font-family: Consolas;
}
/* udkommenteret ser ikke ud til at den bruges nogle steder 
	SPAN.radioGreen {
		background: @color_lectio_Green;
	}*/
.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: oklch(0.9078 0.1368 123.79);
  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: oklch(0.4788 0.107986 239.0646 / 1) !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-lectiofilepicker-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;
}
.lectiofilepicker-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) {
  .lectiofilepicker-foldertree-col {
    overflow: auto;
    max-width: 30%;
  }
}
.ls-lectiofilepicker-splitter {
  background: #e2e2e5;
  width: 1px;
  float: left;
  margin-top: 1em;
  height: 95%;
}
.lectiofilepicker-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: 400;
    font-size: 1.33333333rem;
    line-height: 2rem;
    letter-spacing: 0.0125rem;
    color: oklch(0.2252 0.0049 248.05 / 1);
    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-lectiofilepicker-container,
  .lectiofilepicker-foldercontent-col {
    min-width: unset;
    padding: 0;
  }
  .ls-lectiofilepicker-container .ls-table-layout5 tr td,
  .lectiofilepicker-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 Medium';
    font-weight: 500;
    line-height: 1.66666667rem;
    letter-spacing: 0.008rem;
    font-size: 1.16666667rem;
    text-overflow: ellipsis;
    width: 65dvw;
    overflow: hidden;
    padding-left: 3px;
  }
  .document-list-container .document-list-lastchanged {
    grid-area: navn;
    font-family: 'Roboto Medium';
    font-weight: 500;
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    font-size: 0.91666667rem;
  }
  .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.33333333rem;
    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: 400;
    font-size: 1.33333333rem;
    line-height: 2rem;
    letter-spacing: 0.0125rem;
    color: oklch(0.2252 0.0049 248.05 / 1);
  }
}
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: 400;
    font-size: 1.16666667rem;
    line-height: 1.66666667rem;
    letter-spacing: 0.00833333rem;
    color: oklch(0.2252 0.0049 248.05 / 1);
  }
}
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 Medium';
    font-weight: 500;
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    font-size: 0.91666667rem;
    color: oklch(0.2252 0.0049 248.05 / 1);
  }
}
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.33333333rem;
    color: oklch(0.2252 0.0049 248.05 / 1);
  }
}
.ls-label {
  font-family: 'Roboto Medium';
  font-weight: 500;
  white-space: nowrap;
}
.ls-label-block {
  font-family: 'Roboto Medium';
  font-weight: 500;
  white-space: nowrap;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  vertical-align: middle;
  display: block;
}
.ls-label-normal {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  vertical-align: middle;
}
UL {
  margin-left: 4px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/* ****************************************************************** */
/* ****** Fremhævelse af bestemt information ********** */
/* ****************************************************************** */
.attention {
  color: #a80710 !important;
}
.attention::before {
  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;
}
.infoText::before,
.infoTextItalic::before {
  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: oklch(0.9078 0.1368 123.79);
}
/*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;
}
table th:has(.ls-delivery-absent-table),
table td:has(.ls-delivery-absent-table) {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.ls-delivery-absent-table {
  min-height: 4.2rem;
  min-width: 100%;
  max-width: 100%;
}
.ls-delivery-absent-table tr > th {
  min-width: 3.5rem;
  text-align: center;
}
.ls-delivery-absent-table tr > td {
  text-align: center;
}
.ls-delivery-absent-table tr > 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: oklch(0.2252 0.0049 248.05 / 1);
  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: oklch(0.2252 0.0049 248.05 / 1);
  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: oklch(0.9078 0.1368 123.79);
  color: oklch(0.4767 0.1129 125.14);
  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: oklch(0.2252 0.0049 248.05 / 1) !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: oklch(0.2252 0.0049 248.05 / 1) !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;
}
/* konsultationstid låst */
.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 {
  display: inline-block;
}
div.helptip-button a:focus {
  outline: transparent;
}
.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.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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;
}
/** 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: @color_lectio_macomonly_bg !important;*/
  border-color: #714c9f;
  color: #714c9f !important;
}
#macomonly_base > *:first-child {
  background-color: #f9edff !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: @color_lectio_macomonly_bg !important;*/
  border-color: #714c9f;
  color: #714c9f !important;
}
.macomonly > *:first-child,
.macomonly .island > *:first-child {
  background-color: #f9edff !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: @color_lectio_macomonly_bg !important;*/
  border-color: #714c9f;
  color: #714c9f !important;
}
.macomonly a > *:first-child,
.macomonly .island a > *:first-child,
.macomonly input.button > *:first-child,
.macomonly .island input.button > *:first-child,
.macomonly div.button > *:first-child,
.macomonly .island div.button > *:first-child,
.macomonly .button a > *:first-child,
.macomonly .island .button a > *:first-child,
.macomonly div.button a > *:first-child,
.macomonly .island div.button a > *:first-child,
.macomonly span.button a > *:first-child,
.macomonly .island span.button a > *:first-child,
.macomonly a.button > *:first-child,
.macomonly .island a.button > *:first-child,
.macomonly li a > *:first-child,
.macomonly .island li a > *:first-child {
  background-color: #f9edff !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: #714c9f;
  color: #714c9f !important;
}
.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;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.83333333rem;
  line-height: 2.33333333rem;
  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 Medium';
  font-weight: 500;
  line-height: 1.66666667rem;
  letter-spacing: 0.008rem;
  font-size: 1.16666667rem;
  font-weight: bold;
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .StudieKortText .Studiekortnavn {
  grid-area: navn;
  font-family: 'Roboto Medium';
  font-weight: 500;
  line-height: 1.66666667rem;
  letter-spacing: 0.008rem;
  font-size: 1.16666667rem;
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .StudieKortText .Studiekortalder {
  grid-area: alder;
  font-family: 'Roboto Medium';
  font-weight: 500;
  line-height: 1.66666667rem;
  letter-spacing: 0.008rem;
  font-size: 1.16666667rem;
}
.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;
}
.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;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  /* Centers the img when it's absolutely positioned */
  border-radius: 3.18mm;
}
.ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .ls-studiekort-img .StudieKortQR {
  transform: rotateY(-180deg);
}
.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 Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  font-size: 0.91666667rem;
  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.83333333rem;
  line-height: 2.33333333rem;
  letter-spacing: 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-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .StudieKortTitel {
    font-family: 'Roboto Medium';
    font-weight: 500;
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
  }
  .ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-container .StudieKortText span {
    font-family: 'Roboto Medium';
    font-weight: 500;
    line-height: 1.33333333rem;
    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;
    /* Vis stor QR-kode */
  }
  .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;
  }
  .ls-studiekort-outercontainer .ls-studiekort .ls-studiekort-img:has(img[class='StudieKortQR']) .StudieKortQR {
    width: 100%;
    height: auto;
    max-height: unset;
    top: 25px;
  }
}
.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;
}
.studentexercisectrl-table {
  background-color: #f9f9fc;
}
.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: oklch(0.4788 0.107986 239.0646 / 1);
}
.studentexercisectrl-table tr > th:hover a {
  background-color: transparent;
  color: oklch(0.4788 0.107986 239.0646 / 1);
  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;
}
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 {
  background: #fff;
}
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																												  */
/**************************************************************************************/
@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-dashboard .lf-island {
    padding-top: 0;
  }
}
.ls-dashboard .dashboardLinkHeader,
.ls-dashboard .dashboardTextHeader {
  display: block;
  padding-bottom: 0.1em;
  margin: 0.25em 0.2em;
  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) {
  .ls-dashboard .dashboardLinkHeader,
  .ls-dashboard .dashboardTextHeader {
    margin-top: 0;
  }
}
.ls-dashboard .dashboardTextHeader {
  height: 1.333em;
  display: block;
  /*font-weight: bold;*/
  white-space: nowrap;
  padding-left: 0.2em;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.16666667rem;
  line-height: 1.66666667rem;
  letter-spacing: 0.00833333rem;
}
@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-dashboard .dashboardTextHeader {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 1.16666667rem;
    line-height: 1.66666667rem;
    letter-spacing: 0.00833333rem;
    border-bottom: 0px dotted #d3dae0;
  }
}
.ls-dashboard .dashboardLinkHeader A {
  height: 1.333em;
  display: block;
  color: #1b5c9e;
  font-weight: bold;
  cursor: pointer;
  white-space: nowrap;
  padding-left: 0.2em;
}
.ls-dashboard .dashboardLinkHeaderText {
  float: left;
  display: inline;
  /*font-weight: bold;*/
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.16666667rem;
  line-height: 1.66666667rem;
  letter-spacing: 0.00833333rem;
}
.ls-dashboard .dashboardLinkHeaderInfoText {
  float: right;
  display: inline;
  font-weight: normal;
  color: #00687a;
}
.ls-dashboard .dashboardLinkHeaderAttentionText {
  float: right;
  display: inline;
  font-weight: normal;
  color: #b80000;
  color: #a80710 !important;
}
.ls-dashboard .dashboardLinkHeaderAttentionText::before {
  color: #a80710 !important;
}
.ls-dashboard TABLE.dashboard {
  margin-top: 0.25em;
  margin-left: 0.15em;
  margin-right: 0.15em;
  margin-bottom: 0.4em;
  clear: both;
  width: 98%;
}
.ls-dashboard TABLE.dashboard TD.infoCol {
  white-space: nowrap;
  text-align: left;
  table-layout: fixed;
  overflow: hidden;
}
.ls-dashboard TABLE.dashboard TD.iconCol {
  white-space: nowrap;
  text-align: left;
  width: 1em;
}
.ls-dashboard TABLE.dashboard TD.nameCol {
  white-space: nowrap;
  text-align: left;
  width: 9em;
  table-layout: fixed;
  overflow: hidden;
}
.ls-dashboard TABLE.dashboard TD.nameCol span {
  vertical-align: middle;
}
.ls-dashboard TABLE.dashboard TD.nameCol span img {
  vertical-align: top;
}
.ls-dashboard TABLE.dashboard TD.timeCol {
  width: 8em;
  white-space: nowrap;
  text-align: right;
  color: oklch(0.4788 0.107986 239.0646 / 1);
}
.ls-dashboard TABLE.dashboard TD.countCol {
  white-space: nowrap;
  text-align: right;
  width: 4.7em;
  color: oklch(0.4788 0.107986 239.0646 / 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) {
  .ls-dashboard TABLE.dashboard TD.infoCol {
    text-overflow: ellipsis;
  }
  .ls-dashboard TABLE.dashboard TD.nameCol {
    width: 4em;
  }
}
.ls-dashboard .dashboardItem-aktuelinfo {
  /* For Aktuel Information kan denne kolonnetype godt have flere linier */
}
.ls-dashboard .dashboardItem-aktuelinfo .dashboardLinkHeader[role="heading"] .dashboardLinkHeaderText {
  font-size: 1em;
  float: left;
  display: inline;
  /*font-weight: bold;*/
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.16666667rem;
  line-height: 1.66666667rem;
  letter-spacing: 0.00833333rem;
}
@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-dashboard .dashboardItem-aktuelinfo .dashboardLinkHeader[role="heading"] .dashboardLinkHeaderText {
    color: #000000;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 1.16666667rem;
    line-height: 1.66666667rem;
    letter-spacing: 0.00833333rem;
  }
}
.ls-dashboard .dashboardItem-aktuelinfo TD.infoCol {
  max-width: 34.46em;
  white-space: normal !important;
  text-align: left;
  table-layout: auto;
  overflow: hidden;
}
/* End dashboard - Forside *********************************************************************/
/* materialevælger *********************************************************************/
.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;
}
.ls-homework-sysinfo::before {
  color: #00687a;
}
/* ****************************************/
/* 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 {
  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-question-explanation::before {
  color: #00687a;
}
.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;
  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;
}
.ls-questionnaire-answer-option-correct::before,
.questionnairecorrectanswer::before {
  color: #00687a;
}
/* Queationaire feedback ****************************/
.ls-questionnaire-assessment {
  background-color: #ecf1f9;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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;
  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: #f7f7fa;
}
/* 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: oklch(0.9078 0.1368 123.79);
  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: oklch(0.9078 0.1368 123.79);
}
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: 1em;
  margin-right: 1em;
}
.maanedskalender .maanedskalender-tabel {
  table-layout: unset;
  width: 25.3336rem;
}
.maanedskalender .maanedskalender-tabel caption {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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) {
  .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-current-completion {
  font-weight: bold;
}
.vejledning-content {
  margin-bottom: 1rem;
}
.vejledning-content li {
  border-bottom: solid 1px #ccd2d9;
  margin-bottom: 0.35em;
}
/* vejledning Få genvej på mobil startskærm */
.vejledning-container {
  margin-bottom: 2rem;
}
.adhs-modal {
  margin: auto;
  margin-top: 3rem;
  max-width: 90dvw;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.adhs-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  color: #00687a;
}
.adhs-title::before {
  color: #00687a;
}
.adhs-list {
  display: flex;
  flex-direction: column;
}
.adhs-list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin: 0.75rem 0;
}
.adhs-number-container {
  flex-direction: column;
  display: flex;
}
.adhs-logo {
  margin-top: 1.5rem;
  display: flex;
}
.adhs-logo img {
  height: 2.5rem;
}
.adhs-container {
  position: relative;
  margin: 0 auto;
  display: none;
}
.adhs-circle {
  font-size: 1rem;
  height: 1.9rem;
  width: 1.9rem;
  border-radius: 50%;
  background-color: #dde3ea;
  justify-content: center;
  align-items: center;
  display: flex;
  margin: 0 0.5rem 0 0;
}
.adhs-number {
  display: flex;
  justify-content: center;
  align-items: center;
  color: oklch(0.3961 0.0309 241.47 / 1);
}
.adhs-instruction {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.33333333rem;
}
.edge-add-btn {
  min-height: 6rem;
}
.instruction-flex {
  display: flex;
  align-items: center;
}
.adhs-add-to-homescreen-button {
  margin-left: 0.5rem;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
}
/*	.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;
		background:red;
		border:solid 2px green
		
	}

	.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: 2.5rem;
  vertical-align: middle;
  border-color: #c1c7ce;
  border-style: solid;
  border-width: 1px;
}
/*
.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: 400;
  font-size: 1.16666667rem;
  line-height: 1.66666667rem;
  letter-spacing: 0.00833333rem;
}
.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: oklch(0.9134 0.0292 244.92 / 1);
  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;
}
@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-fitcontent section.island.xlargeBlockFixed,
  .ls-fitcontent section.island.mediumBlockFixed {
    width: unset;
  }
  .ls-fitcontent section.ls-island-elevated.xlargeBlockFixed,
  .ls-fitcontent section.ls-island-elevated.mediumBlockFixed {
    width: unset;
  }
}
.file-lectio-less-end {
  color: blue;
}
.ls-laereeaarsopgorelseDiv {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ls-laereraarsopgorelse-grid {
  width: 800px;
}
.ls-laereraarsopgorelse-column-normal {
  width: 100px;
}
.ls-laereraarsopgorelse-column-small {
  width: 50px;
}
.ls-laereraarsopgorelse-column-large {
  width: 113px;
}
@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-laereraarsopgorelse-grid {
    width: auto;
  }
  .ls-laereraarsopgorelse-column-normal {
    width: auto;
  }
  .ls-laereraarsopgorelse-column-small {
    width: auto;
  }
  .ls-laereraarsopgorelse-column-large {
    width: auto;
  }
}

.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: #f7f7fa;
  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: oklch(0.2252 0.0049 248.05 / 1);
  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: oklch(0.2252 0.0049 248.05 / 1);
  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;
}
.datecontrolouterspan + .datecontrolouterspan {
  margin-left: 1rem;
}
.dateintervalcontrol-outerspan {
  display: inline-flex;
  flex-direction: column;
}
.timecontrolouterspan {
  display: inline-flex;
}
.ls-datetime-button {
  background-color: white;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 1.75em;
  height: 1.75em;
  border-radius: 0.25em;
  border: solid 1px #c1c7ce;
  padding: 0 0.04166667rem 0.08333333rem 0.04166667rem;
}
.ls-datetime-button::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-datetime-button:active::before,
.ls-datetime-button:focus::before {
  opacity: 0.88;
}
.ls-datetime-button:hover::before {
  opacity: 0.92;
}
.ls-datetime-button[disabled="disabled"]::before {
  opacity: 0.62;
}
.ls-datetime-button[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
.ls-datetime-button.large::before {
  font-size: 2rem;
}
.ls-datetime-button::before {
  content: "keyboard_arrow_down";
}
.ls-datetime-button:hover {
  background-color: white;
  cursor: pointer;
  border: solid 1px #1f76ea;
}
.ls-datetime-button[disabled],
.ls-datetime-button[disabled]:hover {
  background-color: #f0f0f3;
  border-color: #c6c6c9;
  cursor: default;
  opacity: 0.62;
}
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: #f7f7fa;
  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-container-fullscreen {
    width: 97dvw;
  }
}
.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.33333333rem;
  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;
  padding-right: 0.35rem;
  align-self: flex-start;
  padding-top: 0.22rem;
}
.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: flex-start;
  padding-top: 0.35rem;
}
.ls-mobile .header-function-buttons .ls-fonticon {
  font-size: 32px;
  padding-left: 4px;
  border-radius: 1rem;
}
.ls-mobile .ls-mobil-menu {
  background-color: #f9f9fc;
  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 Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  font-size: 0.91666667rem;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  outline: none;
  border: none;
  color: oklch(0.2252 0.0049 248.05 / 1);
}
.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: oklch(0.2252 0.0049 248.05 / 1);
}
.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: oklch(0.9134 0.0292 244.92 / 1);
  color: oklch(0.3961 0.0309 241.47 / 1);
  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.83333333rem;
  line-height: 2.33333333rem;
  letter-spacing: 0;
  color: oklch(0.2252 0.0049 248.05 / 1);
  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: #f9f9fc;
  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: #f9f9fc;
  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: 400;
  font-size: 1.16666667rem;
  line-height: 1.66666667rem;
  letter-spacing: 0.00833333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  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.33333333rem;
  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: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  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.33333333rem;
    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;
    padding-right: 0.35rem;
    align-self: flex-start;
    padding-top: 0.22rem;
  }
  .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: flex-start;
    padding-top: 0.35rem;
  }
  .header-function-buttons .ls-fonticon {
    font-size: 32px;
    padding-left: 4px;
    border-radius: 1rem;
  }
  .ls-mobil-menu {
    background-color: #f9f9fc;
    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 Medium';
    font-weight: 500;
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    font-size: 0.91666667rem;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    color: oklch(0.2252 0.0049 248.05 / 1);
  }
  .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: oklch(0.2252 0.0049 248.05 / 1);
  }
  .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: oklch(0.9134 0.0292 244.92 / 1);
    color: oklch(0.3961 0.0309 241.47 / 1);
    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.83333333rem;
    line-height: 2.33333333rem;
    letter-spacing: 0;
    color: oklch(0.2252 0.0049 248.05 / 1);
    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: #f9f9fc;
    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: #f9f9fc;
    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: 400;
    font-size: 1.16666667rem;
    line-height: 1.66666667rem;
    letter-spacing: 0.00833333rem;
    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: oklch(0.2252 0.0049 248.05 / 1);
    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.33333333rem;
    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: oklch(0.2252 0.0049 248.05 / 1);
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 1.33333333rem;
    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: #f9f9fc;
    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.33333333rem;
    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;
    padding-right: 0.35rem;
    align-self: flex-start;
    padding-top: 0.22rem;
  }
  .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: flex-start;
    padding-top: 0.35rem;
  }
  .header-function-buttons .ls-fonticon {
    font-size: 32px;
    padding-left: 4px;
    border-radius: 1rem;
  }
  .ls-mobil-menu {
    background-color: #f9f9fc;
    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 Medium';
    font-weight: 500;
    line-height: 1.33333333rem;
    letter-spacing: 0.042rem;
    font-size: 0.91666667rem;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    color: oklch(0.2252 0.0049 248.05 / 1);
  }
  .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: oklch(0.2252 0.0049 248.05 / 1);
  }
  .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: oklch(0.9134 0.0292 244.92 / 1);
    color: oklch(0.3961 0.0309 241.47 / 1);
    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.83333333rem;
    line-height: 2.33333333rem;
    letter-spacing: 0;
    color: oklch(0.2252 0.0049 248.05 / 1);
    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: #f9f9fc;
    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: #f9f9fc;
    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: 400;
    font-size: 1.16666667rem;
    line-height: 1.66666667rem;
    letter-spacing: 0.00833333rem;
    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: oklch(0.2252 0.0049 248.05 / 1);
    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.33333333rem;
    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: oklch(0.2252 0.0049 248.05 / 1);
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 1.33333333rem;
    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: #f9f9fc;
  }
  .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: #f9f9fc;
  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 Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  font-size: 0.91666667rem;
  color: oklch(0.3947 0.0129 248.15 / 1);
  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: oklch(0.4788 0.107986 239.0646 / 1);
  color: #aaabae;
}
.mobilskema-header-container .mobilskema-1dag-header .week .selected-day div:first-of-type {
  color: oklch(0.4788 0.107986 239.0646 / 1);
  transition: color 0.35s ease-in;
}
.mobilskema-header-container .mobilskema-1dag-header .week .selected-day div:last-of-type {
  background-color: oklch(0.4788 0.107986 239.0646 / 1);
  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: oklch(0.2252 0.0049 248.05 / 1);
  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 Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  font-size: 0.91666667rem;
  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.33333333rem;
  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: #f9f9fc;
  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 #f9f9fc;
  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 #f9f9fc;
  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 #f9f9fc;
  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 #f9f9fc;
  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 #f9f9fc;
  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: oklch(0.2252 0.0049 248.05 / 1);
  background-color: #f6f9ff;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.33333333rem;
}
.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 #f9f9fc;
  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 #f9f9fc;
  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 #f9f9fc;
  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 #f9f9fc;
  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 #f9f9fc;
  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 {
  /****************************************/
  /* Filter vælg feltværdi ls-field value-chooser */
  /* End Filter vælg feltværdi dropdown */
  /*********************************************/
}
#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 Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
  display: block;
  padding: 0.2rem;
  color: oklch(0.4788 0.107986 239.0646 / 1);
}
#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-fields-island .islandHeader {
  cursor: pointer;
}
#ls-reporting .ls-report-setup {
  width: 24rem;
  min-height: 35vh;
}
#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;
  /* Saa raekkerne ikke hopper op og ned naar adorner indsaettes og fjernes under drag og drop. */
}
#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;
  vertical-align: top;
}
#ls-reporting .ls-report-setup table.ls-table-layout tr td:first-child,
#ls-reporting .ls-report-setup table.ls-table-layout tr.newRow td:first-child {
  width: 1%;
}
#ls-reporting .ls-report-setup table.ls-table-layout tr td:nth-child(2),
#ls-reporting .ls-report-setup table.ls-table-layout tr.newRow td:nth-child(2) {
  padding-top: 0.1rem;
  min-width: 9rem;
}
#ls-reporting .ls-report-setup table.ls-table-layout tr td:last-child,
#ls-reporting .ls-report-setup table.ls-table-layout tr.newRow td:last-child {
  width: 1%;
}
#ls-reporting .ls-report-setup table.ls-table-layout tr td:last-child a,
#ls-reporting .ls-report-setup table.ls-table-layout tr.newRow td:last-child a,
#ls-reporting .ls-report-setup table.ls-table-layout tr td:last-child a > img,
#ls-reporting .ls-report-setup table.ls-table-layout tr.newRow td:last-child a > img {
  cursor: pointer;
}
#ls-reporting .ls-report-setup table.ls-table-layout tr *[draggable]:hover {
  cursor: grab;
  color: oklch(0.4788 0.107986 239.0646 / 1);
}
#ls-reporting .ls-report-setup table.ls-table-layout tr {
  border-top: 0.2em solid transparent;
  border-bottom: 0.2em solid transparent;
}
#ls-reporting .ls-report-setup table.ls-table-layout tr.ls-insert-adorner-before {
  border-top-color: black;
}
#ls-reporting .ls-report-setup table.ls-table-layout tr.ls-insert-adorner-after {
  border-bottom-color: black;
}
#ls-reporting .ls-report-setup table.ls-table-layout td.field-operator {
  width: 3rem;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
}
#ls-reporting .ls-report-setup table.ls-table-layout td.field-values {
  min-width: 5.5rem;
}
#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-container {
  max-width: 100%;
  min-width: calc(97.5dvw - 62rem);
}
#ls-reporting .ls-report-result {
  min-width: calc(97.5dvw - 62rem);
  min-height: auto;
  max-width: 100%;
}
#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(97.5dvw - 62rem);
  max-width: 100%;
  display: block;
  overflow-x: auto;
  min-height: 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 th {
  word-break: break-word;
}
#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;
  vertical-align: text-top;
}
#ls-reporting .ls-report-result-info-msg {
  color: #00687a;
  font-weight: normal;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
#ls-reporting .ls-report-result-info-msg > table th {
  font-weight: normal;
  display: flex;
  align-items: center;
}
#ls-reporting .ls-report-result-info-msg > table th::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-reporting .ls-report-result-info-msg > table th:active::before,
#ls-reporting .ls-report-result-info-msg > table th:focus::before {
  opacity: 0.88;
}
#ls-reporting .ls-report-result-info-msg > table th:hover::before {
  opacity: 0.92;
}
#ls-reporting .ls-report-result-info-msg > table th[disabled="disabled"]::before {
  opacity: 0.62;
}
#ls-reporting .ls-report-result-info-msg > table th[disabled="disabled"]:hover::before {
  opacity: 0.62;
}
#ls-reporting .ls-report-result-info-msg > table th.large::before {
  font-size: 2rem;
}
#ls-reporting .ls-report-result-info-msg > table th::before {
  content: "info";
}
#ls-reporting > .ls-field-value-chooser {
  display: flex;
  flex-direction: column-reverse;
  min-height: 10em;
  max-height: 30em;
  width: 20em;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.033rem;
  line-height: 1.33333333rem;
  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 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}
#ls-reporting > .ls-field-value-chooser .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
#ls-reporting > .ls-field-value-chooser .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
  border-bottom: solid 1px #fff;
  background-color: #fff;
}
#ls-reporting > .ls-field-value-chooser div[role=heading] > span:first-of-type {
  color: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
#ls-reporting > .ls-field-value-chooser table {
  width: 98%;
  max-width: 98%;
  overflow-x: hidden;
}
#ls-reporting > .ls-field-value-chooser table tr td:first-child {
  width: 1.5rem;
}
#ls-reporting > .ls-field-value-chooser table td input[checkbox] {
  cursor: pointer;
}
#ls-reporting > .ls-field-value-chooser table td label[for] {
  display: block;
  cursor: pointer;
}
#ls-reporting > .ls-field-value-chooser table td:hover {
  background-color: #f5f5f5;
}
#ls-reporting > .ls-field-value-chooser > div:last-child {
  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.33333333rem;
  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.3rem 0.3rem 0.3rem 0.4rem;
}
#ls-reporting > .ls-field-value-chooser > div:last-child .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"],
#ls-reporting > .ls-field-value-chooser > div:last-child .ls-tabs4 .lectioTabToolbar .button A[disabled="disabled"]:hover {
  border-bottom: solid 1px #fff;
  background-color: #fff;
}
#ls-reporting > .ls-field-value-chooser > div:last-child div[role=heading] > span:first-of-type {
  color: oklch(0.2252 0.0049 248.05 / 1);
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33333333rem;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin-top: 0;
  margin-bottom: 0;
}
#ls-reporting > .ls-field-value-chooser > div:first-child {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
#ls-reporting > .ls-field-value-chooser > div:first-child > div {
  margin-left: 0.5rem;
}

.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: oklch(0.2252 0.0049 248.05 / 1);
  font-style: italic;
}
.s2excluded::after,
A.s2skemabrik.s2excluded::after {
  /* brik der er ekskluderet fra et forloeb. */
  background-color: lightgoldenrodyellow;
  color: oklch(0.3947 0.0129 248.15 / 1);
  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 tr:not(.s2weekHeader) {
  background-color: #f9f9fc;
}
.s2skema .s2weekHeader td {
  color: oklch(0.3947 0.0129 248.15 / 1);
  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: 400;
  font-size: 1.16666667rem;
  line-height: 1.66666667rem;
  letter-spacing: 0.00833333rem;
}
.s2skema .s2dayHeader TD {
  background-color: #f9f9fc;
  color: oklch(0.3947 0.0129 248.15 / 1);
  text-align: center;
  font-weight: bold;
  padding-top: 0.15em;
  padding-bottom: 0.2em;
  font-family: 'Roboto Medium';
  font-weight: 500;
  line-height: 1.33333333rem;
  letter-spacing: 0.042rem;
}
/* skema-top */
.s2skema .s2infoHeader {
  background: #fcfbf7;
  color: oklch(0.2252 0.0049 248.05 / 1);
  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 {
  /*.surface-container;*/
  background-color: #f9f9fc;
}
.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 */
  /*.surface;*/
  background: #fff;
  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: oklch(0.3947 0.0129 248.15 / 1);
}
.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: oklch(0.4788 0.107986 239.0646 / 1);
  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: oklch(0.3947 0.0129 248.15 / 1);
}
A.s2ambient:hover {
  color: oklch(0.3947 0.0129 248.15 / 1);
  background: unset;
}
.s2skyggeSkemabrik {
  border: none;
  box-sizing: border-box;
  border: solid 2px #f9f9fc;
  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: oklch(0.2252 0.0049 248.05 / 1);
}
.s2skyggeSkemabrikInnerContainer:hover {
  z-index: 3;
}
/*******************************************************************************/
/* Skemabrik typer normal, ændret, aflyst, eksamen *****************************/
/*******************************************************************************/
A.s2skemabrik.s2bgbox.s2normal {
  border: none;
  box-sizing: border-box;
  border: solid 2px #f9f9fc;
  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 #f9f9fc;
  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 #f9f9fc;
  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 #f9f9fc;
  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 #f9f9fc;
  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 #f9f9fc;
  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 #f9f9fc;
  border: solid 2px transparent;
  background-color: oklch(0.9078 0.1368 123.79);
  border-left: solid 2px oklch(0.7353 0.1295 124.23);
  /*	.skemabrik-scenario-text();*/
}
A.s2skemabrik.s2bgbox.s2scenario .s2timeline {
  /*.skemabrik-scenario-text();*/
}
A.s2skemabrik.s2bgbox.s2selected {
  border: none;
  box-sizing: border-box;
  border: solid 2px #f9f9fc;
  border: solid 2px oklch(0.4788 0.107986 239.0646 / 1);
}
A.s2skemabrik.s2bgbox.s2defocus {
  border: none;
  box-sizing: border-box;
  border: solid 2px #f9f9fc;
  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: oklch(0.4767 0.1129 125.14);
  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 #f9f9fc;
  border: solid 2px transparent;
  background-color: oklch(0.9078 0.1368 123.79);
  border-left: solid 2px oklch(0.7353 0.1295 124.23);
  /*	.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 {
  max-width: 15rem;
}
.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: oklch(0.7353 0.1295 124.23);
}
.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;
  max-width: 15rem;
}
.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: oklch(0.9078 0.1368 123.79);
}
div.skolehjemoverblik-plads[data-plads-status="optaget-mixed"],
div.skolehjemoverblik-farvekode[data-plads-status="optaget-mixed"] {
  background-color: #d9b9ff;
}
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: text-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									*/
/* ************************************************ */
/*.tooltip:not([class|="prepend-fonticon"]), a[href].tooltip:not([class|="prepend-fonticon"]), a[href] > .tooltip:not([class|="prepend-fonticon"])*/
.tooltip,
a[href].tooltip,
a[href] > .tooltip {
  cursor: help;
  text-decoration-line: underline;
  text-decoration-style: dotted;
}
.tooltiphead {
  cursor: help;
}
.tooltipimp {
  cursor: help;
}
a[href] > .tooltiphead,
a[href].tooltiphead {
  text-decoration-line: unset;
  text-decoration-style: unset;
}
@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) {
  .tooltip,
  a[href].tooltip,
  a[href] > .tooltip,
  .tooltiphead,
  .tooltipimp {
    cursor: default;
    text-decoration-line: unset;
    text-decoration-style: 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;
}
@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 {
  word-break: normal;
}
/****************************************************/
/* 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,
.maxWidth {
  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,
  .maxWidth {
    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;
}
.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;
}
/* min column widths */
.ls-column-xxsmall-min {
  min-width: 2em;
}
.ls-column-xsmall-min {
  min-width: 4.5em;
}
.ls-column-small-min {
  min-width: 6em;
}
.ls-column-medium-min {
  min-width: 9em;
}
.ls-column-large-min {
  min-width: 13em;
}
.ls-column-xlarge-min {
  min-width: 18em;
}
.ls-column-2xlarge-min {
  min-width: 21em;
}
.ls-column-3xlarge-min {
  min-width: 29em;
}
/* max column widths */
.ls-column-xxsmall-max {
  max-width: 2em;
}
.ls-column-xsmall-max {
  max-width: 4.5em;
  word-break: break-word;
}
.ls-column-small-max {
  max-width: 6em;
  word-break: break-word;
}
.ls-column-medium-max {
  max-width: 9em;
  word-break: break-word;
}
.ls-column-large-max {
  max-width: 13em;
  word-break: break-word;
}
.ls-column-xlarge-max {
  max-width: 18em;
  word-break: break-word;
}
.ls-column-2xlarge-max {
  max-width: 21em;
  word-break: break-word;
}
.ls-column-3xlarge-max {
  max-width: 29em;
  word-break: break-word;
}
/* fixed column widths */
.ls-column-xxsmall-fixed {
  width: 2em;
}
.ls-column-xsmall-fixed {
  width: 4.5em;
}
.ls-column-small-fixed {
  width: 6em;
}
.ls-column-medium-fixed {
  width: 9em;
}
.ls-column-large-fixed {
  width: 13em;
}
.ls-column-xlarge-fixed {
  width: 18em;
}
.ls-column-2xlarge-fixed {
  width: 21em;
}
.ls-column-3xlarge-fixed {
  width: 29em;
}
/* ***************************************************************************** */
/* 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%;
}
.ls-control-textbox-max,
.ls-control-textbox-max.ls-control-textbox-xlarge {
  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;
}
.lectiofilepicker-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) {
  .lectiofilepicker-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.2rem 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 .buttonlink a {
  display: flex;
  align-items: 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), 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.2rem 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-ltr .buttonlink a {
  display: flex;
  align-items: center;
}
.ls-std-rowblock-rtl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0.2rem 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 .buttonlink a {
  display: flex;
  align-items: center;
}
.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-toolbar {
  margin: 0 0;
}
.ls-std-toolbar.ls-card-filled {
  padding: 0.35rem 0.75rem;
}
/**********************************************/
.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: oklch(0.9078 0.1368 123.79);
  color: oklch(0.4767 0.1129 125.14);
}
.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*/