@charset "UTF-8";
/* COLORS */
/* $eqs_view_main_color: #d92026;   fa-icons etc */
/*$eqs_view_main_color_hover: #FF494F;*/
/* $eqs_view_second_color: #2d728f;   menurow */
/*$eqs_view_second_color_light: #C0D3DC;*/
/* $link_color: $eqs_view_second_color;   */
/* $link_color_light: lighten($link_color, 20%); */
/* $link_color_lighter: lighten($link_color, 50%); */
/* $eqs_admin_main_color: #62653B;   menurow */
/* $eqs_admin_main_color_hover: desaturate(lighten($eqs_admin_main_color, 15%), 15%);  Light green, #868967; */
/* $eqs_admin_main_color_light: desaturate(lighten($eqs_admin_main_color, 50%), 10%);  Lighter green, #CFD1BF */
/* $eqs_admin_second_color: #432F76;   fa-icons etc */
/* $eqs_admin_second_color_light: lighten($eqs_admin_second_color, 20%);  Light blue, #BAB5FF; */
/* $eqs_admin_second_color_lighter: desaturate(lighten($eqs_admin_second_color, 60%), 10%);  Light purple: #e9e5f2; */
/* $link_color_admin: lighten($eqs_admin_second_color, 5%);   #432F76;*/
/* $link_color_admin_light: lighten($link_color_admin, 20%); */
/* $link_color_admin_lighter: lighten($link_color_admin, 50%); */
/* $button_color: $eqs_admin_main_color;  #868967 */
:root {
  --eqs_view_second_color: #2d728f;
  --eqs_view_second_color_light: hsl(from var(--eqs_view_second_color) h 29 80); /*calc(s - 23) calc(l + 44) #C0D3DC*/
  --eqs_view_main_color: #d92026;
  --eqs_view_main_color_hover: hsl(from var(--eqs_view_main_color) h calc(s + 26) calc(l + 15)); /*calc(s + 26) calc(l + 15) #FF494F;*/
  --link_color: var(--eqs_view_second_color);
  --link_color_light: hsl(from var(--link_color) h s calc(l + 15)); /* lighten(var(--link_color), 20%); */
  --link_color_lighter: hsl(from var(--link_color) h s calc(l + 50)); /* lighten(var(--link_color), 50%); */
  --eqs_admin_main_color: #62653B;
  --eqs_admin_main_color_hover: hsl(from var(--eqs_admin_main_color) h calc(s - 15) calc(l + 15)); /* desaturate(lighten(var(--eqs_admin_main_color), 15%), 15%); Light green, #868967; */
  --eqs_admin_main_color_light: hsl(from var(--eqs_admin_main_color) h 16 81); /* desaturate(lighten(var(--eqs_admin_main_color), 50%), 10%); Lighter green, #CFD1BF */
  --eqs_admin_second_color: #432F76;
  --eqs_admin_second_color_light: hsl(from var(--eqs_admin_second_color) h s calc(l + 15)); /* lighten(var(--eqs_admin_second_color), 20%); Light blue, #BAB5FF; */
  --eqs_admin_second_color_lighter: hsl(from var(--eqs_admin_second_color) h calc(s - 10) calc(l + 60)); /* desaturate(lighten(var(--eqs_admin_second_color), 60%), 10%); Light purple: #e9e5f2; */
  --link_color_admin: hsl(from var(--eqs_admin_second_color) h s calc(l + 5)); /* lighten(var(--eqs_admin_second_color), 5%); */
  --link_color_admin_light: hsl(from var(--link_color_admin) h s calc(l + 15)); /* lighten(var(--link_color_admin), 20%); */
  --link_color_admin_lighter: hsl(from var(--link_color_admin) h s calc(l + 50)); /* lighten(var(--link_color_admin), 50%); */
  --button_color: var(--eqs_admin_main_color); /* #868967 */
}

/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  src: url("fonts/OpenSans-VariableFont_wdth,wght.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  src: url("fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  src: url("fonts/Inter-VariableFont_slnt,wght.ttf") format("truetype");
}
:root {
  --fontsize: 16px;
  --fontfamily: Arial, sans-serif;
  --fontfamily: "Open Sans", Arial, sans-serif;
}

@media screen and (max-width: 600px) {
  :root {
    --fontsize: 18px;
  }
}
.button, .dialogbutton {
  color: #ffffff;
}
.button:hover, .dialogbutton:hover {
  color: #dddddd;
}

.fa {
  font-size: 0.875em;
  position: relative;
  bottom: 1px;
}

.fontsizezero .fa {
  font-size: 14px;
  position: relative;
  bottom: 1px;
}

.fa-stack {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.fa-2x {
  font-size: 32px;
}

.fa-calendar-plus-o {
  cursor: pointer;
}

.fa-angle-right, .fa-angle-left, .fa-angle-up, .fa-angle-down {
  font-weight: bold;
}

em.fa.doccat_menu {
  bottom: 2px;
  font-size: 0.875rem;
  position: relative;
}
em.fa.grayicon {
  color: #636363;
  padding-right: 3px;
}

::selection {
  color: #fff;
  background-color: #3297FD;
  text-shadow: none;
}

.populateMe.fa-external-link {
  cursor: pointer;
}

/* ----------------------- THE DEFAULTS ----------------------- */
html {
  font-size: var(--fontsize);
}

body {
  background-color: #FFFFFF;
  margin: 0px;
}

body#body_viewarea {
  background-color: #FAFAFA;
}

@page {
  margin: 13mm 13mm 13mm 13mm;
}
@media screen and (min-width: 1025px) {
  #body_viewarea {
    background: url(/extend/images/background_login.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
body, p, td, li, th {
  font-family: var(--fontfamily);
  font-size: 1rem;
}

p {
  margin: 0.5rem 0;
}

th {
  text-align: left;
  vertical-align: top;
}
th.indent {
  padding-left: 1em;
  font-weight: normal;
  font-style: italic;
}

input, select, textarea, button {
  font-family: inherit;
  font-size: 1rem;
}

textarea, select, input, input[type=text], input[type=number], input[type=password], input[type=file] {
  appearance: none;
  border: 1px solid #bbb;
  border-radius: 3px;
  background: #fff;
  border-collapse: collapse;
  font-family: var(--fontfamily);
  font-size: 1rem;
  box-sizing: border-box;
}
textarea:hover, select:hover, input:hover, input[type=text]:hover, input[type=number]:hover, input[type=password]:hover, input[type=file]:hover {
  border-color: #888;
}

/* Make Firefox look the same as Chrome */
input[type=number]:not(:hover):not(:focus) {
  -moz-appearance: textfield;
}

/* Only Firefox */
@-moz-document url-prefix() {
  input[type=file] {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}
.cke_reset_all input {
  box-sizing: border-box;
}

/* Radio buttons and checkboxes in message */
/*1.375rem;*/
/* Customize the label (the container) */
.formtable label {
  position: relative;
  padding-left: calc(1.125rem + 4px);
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Hide the browser's default checkbox/radio button */
  /* Create a custom checkbox/radiobutton */
  /* Style the checkbox/radiobutton */
  /* Style the checkbox */
  /* Style the radiobutton */
}
.formtable label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  /* Show the checkmark when checked */
}
.formtable label input:focus ~ span.checkmark {
  outline-style: dotted;
  outline-offset: 1px;
  outline-width: 1px;
}
.formtable label input ~ .checkmark {
  background-color: #fff;
}
.formtable label input:checked ~ .checkmark:after {
  display: block;
}
.formtable label:hover input ~ .checkmark {
  border-color: #888;
}
.formtable label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.125rem;
  width: 1.125rem;
  border: 1px solid #bbb;
  box-sizing: border-box;
  margin: calc((1.5rem - 1.125rem) / 2 - 1px) 0 0 0;
}
.formtable label span.checkbox, .formtable label span.radiobutton {
  margin-top: calc((1.5rem - 1.125rem) / 2);
  display: inline-block;
  vertical-align: text-top;
}
.formtable label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.formtable label .checkbox ~ .checkmark:after {
  left: 0.25rem;
  left: calc(0.22222 * 1.125rem);
  top: 0px;
  width: 0.3125rem;
  width: calc(0.27777 * 1.125rem);
  height: 0.625rem;
  height: calc(0.55555 * 1.125rem);
  border-style: solid;
  border-width: 0 0.1875rem 0.1875rem 0;
  border-width: 0 calc(0.16666 * 1.125rem) calc(0.16666 * 1.125rem) 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-color: #333;
}
.formtable label .radiobutton ~ .checkmark {
  border-radius: 50%;
}
.formtable label .radiobutton ~ .checkmark:after {
  top: calc((1.125rem - 0.5rem - 2px) / 2);
  left: calc((1.125rem - 0.5rem - 2px) / 2);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #333;
}

/* End radio buttons and checkboxes in message */
/* Formulas in message */
.formtable input[data-formtype=formula] {
  border: 0;
  outline-style: none;
  padding: 3px 0 0 0;
}

/* End formulas in message */
.smallmargintop, .button.smallmargintop {
  margin-top: 16px;
}

table.formtable td, table.formtable th {
  padding: 0 20px 0 0;
}
table.formtable div:not(.formdocumentcontainer) {
  min-height: 18px;
}
table.formtable .mapcontainer div div div {
  min-height: auto;
}
table.formtable div[data-name=buttongroup] label {
  min-height: 1.5rem;
  display: inline-block;
}
table.formtable option {
  height: 1.5rem;
  box-sizing: border-box;
  padding-top: calc((1.5rem - 1.125rem) / 2);
}
table.formtable .fieldclass {
  padding-top: calc((1.5rem - 1.125rem) / 2);
  min-height: 1.5rem;
  box-sizing: border-box;
  vertical-align: text-top;
  margin: 0px;
  max-width: calc(100% - 5px);
}
table.formtable div.formtable_outer_div > span {
  padding-top: 2px;
  min-height: 22px;
  box-sizing: border-box;
  vertical-align: text-top;
  margin: 0px;
  display: inline-block;
}
table.formtable div.formtable_outer_div img {
  vertical-align: text-top;
}
table.formtable input[type=file] {
  /*min-height: $SelectInputHeight;*/
  min-width: 100px;
}
table.formtable .tooltip {
  padding-top: calc((1.5rem - 1.125rem) / 2);
  position: absolute;
  padding-left: 4px;
}
table.formtable .unorderedlistfield {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
table.formtable .required, table.formtable #required {
  padding-top: calc((1.5rem - 1.125rem) / 2 + 2px);
}
table.formtable td > a {
  padding-top: calc((1.5rem - 1.125rem) / 2);
}
table.formtable input[type=checkbox], table.formtable input[type=radio], table.formtable input[type=file], table.formtable .button {
  margin-top: calc((1.5rem - 1.125rem) / 2);
}
table.formtable .optionfield {
  min-width: 220px;
  width: auto;
  max-width: 400px;
}
table.formtable .formglobalschemafieldcontainer {
  white-space: nowrap;
}
table.formtable .formglobalschemafieldcontainer input {
  padding-right: 16px;
}
table.formtable .formglobalschemafieldcontainer input + a {
  position: relative;
  right: 0.9375rem;
  top: 2px;
  /* inline-block + 0 width prevents it from increasing the size of the parent element */
  display: inline-block;
  width: 0px;
}
table.formtable .formglobalschemafieldcontainer input + a em.fa-angle-down {
  color: black;
  font-size: 1.125rem;
}
table.formtable .container.attachment > em.fa {
  vertical-align: text-bottom;
}

.global_list_dropdown {
  max-height: 15rem;
  overflow-y: auto;
  overflow-x: hidden;
  width: fit-content !important;
}
.global_list_dropdown.ui-autocomplete {
  padding-bottom: 0.5px;
}

/* Over "Register message" */
#main_table.defaulttable th, #main_table.defaulttable #from_unit_name_td, #main_table.defaulttable #resp_name_span, #main_table.defaulttable #related_deviation_td, #main_table.defaulttable #doc_tit_td {
  padding-top: calc((1.5rem - 1.125rem) / 2);
}
#main_table.defaulttable span#resp_name_span {
  display: inline-block;
}
#main_table.defaulttable td, #main_table.defaulttable th {
  box-sizing: border-box;
  height: 1.5rem;
}

.action_history {
  /* Needs to have negative margin to make the box go to the edges */
  margin: -5px -5px 6px -8px;
  background-color: #fafafa;
}
.action_history.view_action {
  background-color: #fff;
  margin: -7px -8px 6px -8px;
}
.action_history .formtable {
  margin: 4px 0 0 0;
  background-color: transparent;
}
.action_history .actiontable {
  padding: 6px 5px 0 5px;
  border-bottom: 1px solid #ddd;
  border-spacing: 0 0;
}
.action_history .actiontable .action_no_form_desc {
  padding-bottom: 7px;
  padding-top: 4px;
}

/* Print of actions */
.action_wrapper .printtable {
  /* The next classes is for refused actions (they don't have the .action_part_div class) */
}
.action_wrapper .printtable .action_part_div {
  padding: 4px 4px 0 4px;
}
.action_wrapper .printtable .action_part_div:not(:last-child) {
  border-bottom: 1px dashed #dcdcdc;
}
.action_wrapper .printtable .action_no_form_desc {
  margin: 4px 0;
}
.action_wrapper .printtable .action_wrapper h2.message_print {
  display: none;
}
.action_wrapper .printtable > .actionhistory, .action_wrapper .printtable > table.formtable {
  padding: 4px 4px 0 4px;
}
.action_wrapper .printtable .printtable {
  border-top: 1px dashed #dcdcdc;
}
.action_wrapper .printtable > .action_no_form_desc {
  margin-left: 4px;
}

/* Prevents hr's (from customers) from blocking out the page, when comparing two messages */
.view_diff_mode .formtable hr {
  max-width: 29vw !important;
  max-width: min(50vw - 40px, 570px) !important;
}

@media all and (min-width: 1160px) and (max-width: 1420px) {
  .view_diff_mode .formtable hr {
    max-width: 38vw !important;
  }
}
/* Chrome and FF */
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  table.formtable .fieldclass {
    max-width: calc(100% - 0px);
  }
}
/* IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  table.formtable .fieldclass {
    max-width: calc(100% - 0px);
  }
}
select:not([multiple]), input[type=text], input[type=number], input[type=password] {
  height: 1.5rem;
}

select:not([multiple]) {
  appearance: none;
  background: #fff url(/extend/images/arrow_down.gif) no-repeat right center;
  background-size: 1rem;
  padding-right: 1rem;
  padding-bottom: 0px;
  padding-top: 0px;
  line-height: calc(1.5rem - 2px);
}
select:not([multiple]):hover {
  border-color: #888;
}

/* Hide arrow icon in IE browsers */
select::-ms-expand {
  display: none;
}

select:not([multiple]), input[type=text], input[type=number], input[type=password] {
  padding-left: 4px;
}

/* Only FF*/
@-moz-document url-prefix() {
  select:not([multiple]) {
    padding-left: 0px;
  }
}
/* IE 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  select:not([multiple]) {
    padding-left: 2px;
  }
  input[type=text], input[type=number], input[type=password] {
    padding-left: 4px;
  }
}
/* MS Edge */
@supports (-ms-ime-align: auto) {
  select:not([multiple]) {
    padding-left: 1px;
  }
  input[type=text], input[type=number], input[type=password] {
    padding-left: 3px;
  }
}
input[type=file] {
  /*margin-top: -2px;*/
  padding: 0;
  box-sizing: border-box;
}
input[type=file]::-ms-value {
  border: none;
  background: #fff;
}
input:-ms-input-placeholder {
  color: #919191 !important;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

select {
  color: #000;
}
select optgroup {
  color: #444;
}
select option {
  color: #000;
  background-color: #fff;
}
select option:checked {
  background-color: #666; /* Doesn't work for Firefox: */
  color: white; /* Doesn't work for Firefox: */
}

/* Color for selected option in select multiple (text is always white) */
select[multiple]:focus option:checked {
  background-image: linear-gradient(0deg, #666 0%, #666 100%);
}

/* Risk matrix in message */
table.riskMatrix {
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  border-spacing: 0px;
}
table.riskMatrix td {
  border: 1px solid black;
  padding: 2px;
  width: 50px;
  height: 50px;
  text-align: center;
  position: static !important;
}
table.riskMatrix td.risk_green {
  color: white;
  background-color: #009627;
}
table.riskMatrix td.risk_yellow {
  color: black;
  background-color: #ffff26;
}
table.riskMatrix td.risk_red {
  color: black;
  background-color: #ff0000;
}
table.riskMatrix td.riskTableHorizontal, table.riskMatrix td.riskTableVertical, table.riskMatrix td.riskTableVerticalHeader {
  border: none;
  width: auto;
  height: auto;
  vertical-align: middle;
  padding: 2px;
}
table.riskMatrix td.riskTableVerticalHeader {
  font-weight: bold;
  text-align: left;
}

@media all and (max-width: 600px) {
  table.riskMatrix td {
    width: 30px;
    height: 30px;
  }
  table.riskMatrix .riskLink {
    font-size: 20px !important;
  }
  table.riskMatrix .riskLink em {
    padding: 0px !important;
    top: 2px;
  }
}
/* End risk matrix in message */
a img {
  border: 0px;
}

#div_content.eqs_tab, #div_more.eqs_tab, #div_preface.eqs_tab {
  padding-top: 8px;
}

#div_content_document img {
  max-width: 1200px;
  border: 0px;
  height: auto;
}
#div_content_document map {
  display: inline-block;
}

iframe#iframe_doc {
  width: 100%;
  border: 0;
}

iframe#iframe_doc + div {
  background-image: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  position: absolute;
  bottom: 0px;
  width: calc(1200px / 2);
  max-width: calc(100vw - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.iframe #div_content_document {
  position: relative;
}

@media screen and (max-width: calc(1200px + 20px)) {
  #div_content_document img {
    max-width: 100%;
  }
  #div_content_document table img {
    /* Max-width 100% messes up inside tables, so instead we do this. */
    /* 22px is padding, 18px is to account for scrollbar (even though it won't be there on mobile or if the page is small enough to fit the screen) */
    max-width: calc(100vw - 22px - 18px);
  }
}
@media only screen and (max-width: 600px) {
  #div_content_document table img {
    /* 14px is padding on smaller screens, 18px is to account for scrollbar (even though it won't be there on mobile or if the page is small enough to fit the screen) */
    max-width: calc(100vw - 14px - 18px);
  }
}
.italic {
  font-style: italic;
}

.empty {
  font-style: italic;
  color: #888;
}

.userprofile_passw {
  border-width: 0;
  height: 215px;
  width: 530px;
  border-width: 0;
}

@media screen and (max-width: 600px) {
  .userprofile_passw {
    width: 100%;
    height: 240px;
  }
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 12px;
  margin-bottom: 2px;
  font-weight: bold;
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.313rem;
}

h3 {
  font-size: 1.125rem;
}

h4 {
  font-size: 1.063rem;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 1rem;
  font-weight: normal;
}

pre {
  font-family: var(--fontfamily);
}

/* Documents should have same font-size in both the work area and the viewing area */
#eqs_document {
  position: relative;
}
#eqs_document table {
  background-color: white;
}
#eqs_document h1 {
  font-size: 1.5rem;
  line-height: normal;
}
#eqs_document h2 {
  font-size: 1.3125rem;
  line-height: normal;
}
#eqs_document h3 {
  font-size: 1.125rem;
  line-height: normal;
}
#eqs_document h4 {
  font-size: 1.0625rem;
  line-height: normal;
}
#eqs_document h5, #eqs_document h6, #eqs_document body, #eqs_document p, #eqs_document td, #eqs_document li, #eqs_document th {
  font-size: 1rem;
  line-height: normal;
}
#eqs_document .fa {
  display: inline;
}
#eqs_document p.warning, #eqs_document p.error {
  font-family: var(--fontfamily);
}
#eqs_document p.information, #eqs_document p.warning {
  margin-top: 0;
}
#eqs_document img {
  margin: 0px;
}

#pdfwrapperdiv, #divshowpdf {
  padding: 15px;
  border: 1px solid #ddd;
  margin: 20px auto;
  background-color: #fafafa;
  max-width: 400px;
}
#pdfwrapperdiv table, #divshowpdf table {
  background-color: inherit;
  width: 100%;
}
#pdfwrapperdiv table tr td:first-child, #divshowpdf table tr td:first-child {
  width: 45px;
}
#pdfwrapperdiv table tr a:link, #divshowpdf table tr a:link {
  font-size: 20px;
  border-bottom: none !important;
}
#pdfwrapperdiv table tr a:link em, #divshowpdf table tr a:link em {
  font-size: 50px;
  vertical-align: middle;
}
#pdfwrapperdiv table tr a:link span, #divshowpdf table tr a:link span {
  display: inline-block;
}

/* HTML editor */
#eqs_content_div_admin #cke_editor1 {
  box-shadow: none;
}
#eqs_content_div_admin #cke_editor1 .cke_inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#eqs_content_div_admin #cke_editor1 .cke_inner #cke_1_top {
  flex-shrink: 0;
}
#eqs_content_div_admin #cke_editor1 .cke_inner #cke_1_contents {
  min-height: auto;
  flex-grow: 1;
  /*min-height: 100px;*/
}
#eqs_content_div_admin #cke_editor1 .cke_inner #cke_1_bottom {
  display: none;
}

#eqs_content_div_admin #cke_editor1 {
  min-height: 200px;
}
#eqs_content_div_admin:not(.minimized_topframe) #cke_editor1 {
  height: calc(100vh - 215px - 5px);
}
#eqs_content_div_admin.minimized_topframe #cke_editor1 {
  height: calc(100vh - 172px - 5px);
}

/* End HTML editor */
/* ---------------- ribbon ---------------*/
.ribbon-wrapper {
  width: 90px;
  height: 90px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.minimized_topframe .ribbon-wrapper {
  width: 40px;
  height: 40px;
}

.ribbon {
  font: bold 12px Sans-Serif;
  color: #fff;
  text-align: center;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  position: relative;
  padding: 3px 0;
  left: -34px;
  top: 15px;
  width: 120px;
  opacity: 0.9;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.minimized_topframe .ribbon {
  font: 5pt Sans-Serif;
  padding: 0px 0;
  left: -46px;
  top: 8px;
}

@media only screen and (min-width: calc(1200px + 20px)) {
  /* Only do this on big screens to avoid the animation 
  *  playing on initial load of the page on mobile/small screens
  */
  #topframe_logodiv {
    transition: height 0.2s, width 0.2s, margin 0.2s;
  }
  #topframe_logodiv .logotext {
    transition: left 0.2s, top 0.2s, font-size 0.2s;
  }
  .ribbon-wrapper {
    transition: width 0.2s, height 0.2s;
  }
  .ribbon-wrapper .ribbon {
    transition: top 0.2s, left 0.2s, font 0.2s, padding 0.2s;
  }
}
#indicator_colors .display_color {
  width: 40px;
  height: 40px;
}

#indicator_colors td {
  vertical-align: middle;
}

.screenreader {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  position: fixed !important;
}

.hide_this {
  display: none;
}

.bold_label {
  font-weight: bold;
}

.buttonrowwrapper {
  margin-bottom: 4px;
}
.buttonrowwrapper .fa {
  color: white;
  margin: auto;
}
.buttonrowwrapper .dialogbutton {
  min-width: auto;
  font-size: 24px !important;
  height: 36px !important;
  line-height: normal;
  padding: 0 4px;
  width: 42px !important;
}
.buttonrowwrapper .dialogbutton:disabled, .buttonrowwrapper .dialogbutton:disabled:hover {
  background-color: #CCCCCC;
}

.svg_wrapper {
  margin: 0 auto;
}
.svg_wrapper svg.processchart {
  display: block;
  width: 100%;
  overflow: hidden;
}
.svg_wrapper svg.processchart text {
  pointer-events: none;
}
.svg_wrapper svg.processchart a {
  cursor: default;
}
.svg_wrapper svg.processchart a:link {
  cursor: pointer;
}
.svg_wrapper svg.processchart [onmouseover] {
  cursor: help;
}
.svg_wrapper svg.processchart .clickable {
  cursor: pointer;
}
.svg_wrapper svg.processchart a > [onmouseover] {
  cursor: pointer;
}
.svg_wrapper.in_doc {
  position: relative;
}

/* This is needed to ensure that process charts uses the right font family */
text {
  font-family: inherit;
}

em.fa.text, div#topplenker .fa {
  padding-right: 2px;
}

em.fa.text_left, div#topplenker .fa {
  padding-left: 2px;
}

.formelement {
  max-width: 400px;
  width: 100%;
  min-width: 40px;
  padding: 1px 2px 1px 4px;
  box-sizing: border-box;
}
.formelement.number {
  max-width: 78px;
}
.formelement.eqs-horizontal {
  margin-bottom: 0;
}

.modal_wrapper {
  min-width: 280px;
  max-width: 800px;
  width: 666px;
  width: calc(100vw - 60px);
}
.modal_wrapper.small {
  max-width: 500px;
}

.ui-widget-overlay {
  /*background: #000000 url(/extend/javascript/jquery/css/eqs/images/ui-bg_flat_0_000000_40x100.png) 50% 50% repeat-x;*/
  opacity: 0.3;
  /*filter:Alpha(Opacity=30);*/
  background-color: #000;
}

/* override the close button on dialogs to make it easier to click on phones */
.ui-dialog-titlebar > .ui-dialog-titlebar-close {
  width: 40px;
  height: 38px;
  margin-top: -20px;
  right: 0em;
}
.ui-dialog-titlebar > .ui-dialog-titlebar-close:focus {
  /*outline-style: none;*/
}

.ui-autocomplete .ui-menu-item {
  width: 100%;
}
.ui-autocomplete .ui-menu-item a {
  display: block;
  line-height: 1.5;
}
.ui-autocomplete .ui-menu-item a.ui-state-active {
  background-color: #eee;
  border-color: #c5c5c5;
}

.ui-dialog {
  padding: 0;
  border-radius: 3px;
}
.ui-dialog.ui-widget {
  font-family: var(--fontfamily);
  font-size: 1rem !important;
  color: #000000;
  border: none;
}
.ui-dialog .ui-widget-header {
  border: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ui-dialog .ui-widget-header .ui-dialog-title {
  font-size: 1.25rem;
  margin: 0;
}
.ui-dialog .ui-button {
  background: transparent;
  border: none;
}
.ui-dialog .ui-button .ui-icon {
  background-image: url("/extend/javascript/jquery/css/eqs/images/ui-icons_222222_256x240.png");
}
.ui-dialog .ui-button .ui-icon:hover, .ui-dialog .ui-button .ui-icon:active {
  opacity: 0.5;
}
.ui-dialog .ui-button:focus {
  overflow: hidden;
}
.ui-dialog .ui-dialog-buttonpane {
  border-width: 0;
}
.ui-dialog .ui-dialog-buttonpane, .ui-dialog .ui-dialog-content, .ui-dialog .ui-dialog-titlebar {
  padding: 0.5rem;
}
.ui-dialog .schema-dialog {
  height: fit-content !important;
}

/* ----------------------- LINKS ----------------------- */
th a:link {
  color: #000000;
}
th a:visited {
  color: #000000;
}
th a:hover {
  color: #666666;
  text-decoration: none;
}

a {
  text-decoration: none;
  /*cursor: pointer;*/
  /* Avoid border for images in links. */
}
a[name]:not([href]):hover {
  cursor: default;
}
a.tab {
  text-decoration: none;
}
a.tab:hover, a.tab:visited:hover {
  color: #555555;
}
a.menu:hover {
  text-decoration: none;
  color: #000;
}
a.menutext {
  font-size: 0.875rem;
}
a.menutext::before {
  content: "";
  font-size: 1rem; /* Makes this text get the normal height */
}
a.EQSLink img {
  border: 0px;
  text-decoration: none;
  vertical-align: baseline;
}

a:link > label {
  cursor: pointer;
}

@media all and (max-width: 600px) {
  a.menutext em.fa-question-circle + span {
    display: none;
  }
}
.fontsizezero {
  font-size: 0px !important;
  display: inline-block;
}
.fontsizezero > * {
  font-size: 1rem;
}
.fontsizezero.menutext > * {
  font-size: 0.875rem;
}
.fontsizezero.menutext .fa {
  bottom: 0px;
}

.not_exportable {
  text-decoration: line-through;
  color: #999;
}
.not_exportable .fa, .not_exportable a:link, .not_exportable a:visited, .not_exportable a[onclick] {
  color: #999 !important;
}

#div_content_document .eqs-horizontal a:link, #div_content_document .eqs-horizontal a:visited, #div_content_document .eqs-horizontal a[onclick], #div_content_document #pdfwrapperdiv a:link, #div_content_document #pdfwrapperdiv a:visited, #div_content_document #pdfwrapperdiv a[onclick], #div_content_document .hide_menu a:link, #div_content_document .hide_menu a:visited, #div_content_document .hide_menu a[onclick] {
  border-bottom: none;
  box-shadow: none;
}
#div_content_document .eqs-horizontal a:link:hover, #div_content_document .eqs-horizontal a:visited:hover, #div_content_document .eqs-horizontal a[onclick]:hover, #div_content_document #pdfwrapperdiv a:link:hover, #div_content_document #pdfwrapperdiv a:visited:hover, #div_content_document #pdfwrapperdiv a[onclick]:hover, #div_content_document .hide_menu a:link:hover, #div_content_document .hide_menu a:visited:hover, #div_content_document .hide_menu a[onclick]:hover {
  background-color: transparent;
  border-bottom: none;
}

/* Document Categories */
.breadcrumbs {
  font-size: 0.875rem;
  color: #333333;
}

.sub-cat {
  display: inline-block;
  /*background-color:#ffffff;
  border:1px solid #dcdcdc;*/
  margin: 0px 0px 1px 0px;
  padding-right: 2px;
}
.sub-cat em.fa {
  bottom: 1px;
}

.searchresult-hit {
  background-color: #eee;
}

#wrapper_rules_schemas #tab_container {
  width: 100%;
  margin-left: auto;
}

#tab_container {
  font-size: 0px; /* ensures no whitespace */
  border-bottom: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
  box-sizing: border-box;
  margin-bottom: 10px;
  border-collapse: collapse;
  display: inline-block;
  width: calc(100% + 22px);
  margin-left: -11px;
  background-color: #ffffff;
  /*&>a + a, &>div +a{
  	border-left: none;
  }*/
}
#tab_container > a {
  display: inline-block;
  background: #eeeeee;
  color: #000000;
  font-size: 1rem;
  position: static;
  width: auto;
  padding: 3px 5px;
  margin-bottom: -1px;
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
#tab_container > a:first-child, #tab_container #chapterMenu + a {
  /*margin-left: 11px;*/
  border-left: 1px solid #dcdcdc;
}
#tab_container > a.selected, #tab_container > #chapterTrigger {
  background: #ffffff;
  cursor: default;
  /*border-bottom: 1px solid #ffffff;*/
}
#tab_container a > img {
  margin-bottom: -3px;
}
#tab_container a.menutext span {
  font-size: 0.875rem;
}
#tab_container #topplenker {
  float: right;
  padding-top: 4px; /* Same as #tab_container > a (padding + border) */
  padding-bottom: 3px;
  padding-right: 5px;
  position: relative;
}
#tab_container #topplenker > img {
  padding: 0 3px;
}
#tab_container.fixed {
  position: fixed;
  /*top: 119px;*/
  background: white;
  max-width: calc(1200px + 20px + 2px);
  width: 100%;
  z-index: 94;
}
#tab_container.fixed.minimized_topframe {
  /*top: 76px;*/
  box-shadow: 0 10px 8px -8px rgba(0, 0, 0, 0.3);
}
#tab_container:not(.minimized_topframe) > a.selected, #tab_container:not(.minimized_topframe) > #chapterTrigger {
  border-bottom: 1px solid #ffffff;
}
#tab_container em.fa {
  padding: 0px 2px 0px 5px;
}
#tab_container.inside_page {
  background-color: inherit;
}
#tab_container.inside_page .tab {
  border-top: 1px solid #dcdcdc;
}

@media only screen and (max-width: 600px) {
  /*#tab_container{
  	width: calc(100% + 14px);
  	> a {
  		white-space: nowrap;
  		overflow-x: hidden;
  		text-overflow: ellipsis;
  		max-width: 22%;
  		padding: 0 0.3125vw;
  	}
  }*/
  #tab_container, #tab_container.fixed {
    margin-left: -7px;
  }
}
/* -------------------- User manuals --------------------*/
div.helpdiv {
  min-width: 250px;
  max-width: 800px;
  min-height: 150px;
  font-size: 1rem;
}
div.helpdiv h2 {
  font-size: 1.125rem;
}
div.helpdiv h3, div.helpdiv h4 {
  font-size: 1rem;
}

.no_help span {
  font-style: italic;
  color: #aaa !important;
}

.no_help, .no_help > em.fa {
  color: #aaa !important;
}

.no_help:hover, .no_help:hover > em.fa, .no_help span:hover {
  color: #999 !important;
}

.UM_header {
  display: inline-block;
}

#table_of_content .H3_toc, #table_of_content .H3_toc + br, #table_of_content .H4_toc, #table_of_content .H4_toc + br {
  display: none;
}
#table_of_content .H1_toc div {
  padding: 0 0 0 0;
}
#table_of_content .H2_toc div {
  padding: 0 0 0 15px;
}
#table_of_content .H3_toc div {
  padding: 0 0 0 44px;
}
#table_of_content .H4_toc div {
  padding: 0 0 0 86px;
}

.tips {
  background-color: #f7f7f7;
  border-width: 1px;
  border-style: solid;
  padding: 4px;
}

.function {
  /*text-transform: uppercase;*/
  color: #444444;
  font-weight: bold;
}

.function p {
  color: #444444;
  font-size: 0.9375rem;
}

.UM p.function {
  margin: 0;
}

.UM ul, .UM ol {
  margin: 0.5rem 0;
  padding-left: 1.5rem;
}

.UM li ul {
  margin: 0;
  padding-left: 1rem;
}

.UM p, .UM p br {
  margin: 0 0 0.5rem 0;
}

.UM table {
  border: 1px solid #bbb;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 0.5em;
  padding-right: 1px;
  padding-left: 1px;
}
.UM table td, .UM table th {
  vertical-align: top;
  border: 1px solid #bbb;
}
.UM table td p, .UM table th p {
  margin: 0 0 0.5rem 0;
}
.UM table td p:last-child, .UM table th p:last-child {
  margin: 0;
}
.UM table th {
  font-style: italic;
}
.UM table p.tips {
  margin: 0;
  padding: 2px;
  box-sizing: border-box;
  position: relative;
  width: calc(100% + 4px);
  top: 2px;
  left: -2px;
}
.UM table p.tips + p {
  margin-top: 0.5rem;
}
.UM table ul, .UM table ol {
  margin: 0.5rem 0;
  padding-left: 1rem;
}

.related_stuff {
  background-color: #f8f8f8;
  border: 1px #dcdcdc solid;
  border-radius: 2px;
  padding-right: 13px;
}

/* ----------------------- DOCUMENT ----------------------- */
.active-tab {
  background-color: #ffffff;
  border: 0px #000000 solid;
  border-top-width: 1px;
  vertical-align: middle;
}

.inactive-tab {
  background-color: #cccccc;
  border: 0px #000000 solid;
  border-top-width: 1px;
  vertical-align: middle;
}

#topplenker {
  text-align: right;
  min-height: 10px;
  /*line-height: 24px;*/
}
#topplenker > a {
  display: inline-block;
}

#doc-label {
  background-color: #f8f8f8;
  background-image: linear-gradient(90deg, #eeeeee, #f8f8f8);
  box-shadow: 2px 2px 2px #dcdcdc;
  border-radius: 1px;
  border: 1px #dcdcdc solid;
  margin-bottom: 0px;
  padding: 0px;
}

.header-title {
  font-size: 1.25rem;
  font-weight: bold;
  color: #000000;
  font-family: var(--fontfamily) !important;
}

.sub-title {
  font-size: 1rem;
  font-weight: bold;
}

.message-title {
  font-size: 1.25rem;
  font-weight: bold;
}

.arrow {
  font-weight: bold;
  font-size: 1.125rem;
  width: 0.75rem;
  text-align: center;
  margin-right: 2px;
  vertical-align: bottom;
}

.frontpage-link {
  font-weight: bold;
}

.doclist td, .doclist th, .messageTable td, .messageTable th, .FinalPivotTable td, .FinalPivotTable th {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.doclist {
  border-collapse: collapse;
  background: #ffffff;
}

table.doclist th, table.doclist td {
  border: 1px solid #999999;
  vertical-align: top;
}

table.doclist th {
  background: #eeeeee;
}

.FinalPivotTable, .messageTable {
  border-spacing: 0px;
  border-collapse: collapse;
  background-color: #fff;
}

.FinalPivotTable th, .FinalPivotTable td {
  border: 1px solid #999;
  padding: 2px;
}

/* Filters in documents */
/* Activity filters: Hack to prevent Chrome from displaying this (empty) tag; */
p span[filtermode*=activity] {
  display: contents;
}

/* Activity filters in document
.related_list > li{
	list-style-type: none;
}

/* Mouseover arrow on filters */
.hide_menu {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  z-index: 10;
}

/* Hides any dynamic links for process charts inside a document that is used as the unit menu */
.hide_menu_wrapper .hide_menu {
  display: none;
}

.hide_menu_wrapper > .hide_menu {
  display: block;
}

.hide_menu_wrapper {
  position: relative;
}

.rounded_hide_menu {
  border-bottom-left-radius: var(--embradius);
  border-top-right-radius: calc(var(--embradius) - 2px); /* If we set the radius to be the same as the element below it, the element below is sometimes partly visible, probably due to rounding errors. We instead set the radius to be slightly smaller, to ensure that the menu element below it doesn't show */
  /*	padding: 4px 6px;*/
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}
.rounded_hide_menu:hover {
  background: var(--grey-400);
}

.filter_in_document div[data-name=description] {
  font-style: italic;
  /*padding-bottom: 10px;*/
}
.filter_in_document .pivotColumnItems, .filter_in_document .pivotRowItems, .filter_in_document .pivotTableDescription, .filter_in_document .dc {
  white-space: normal;
}
.filter_in_document .messagelist {
  margin-top: 0;
}
.filter_in_document text tspan:nth-child(n+3) {
  display: none;
}
.filter_in_document .messagelist th span {
  cursor: auto;
}
.filter_in_document .fa {
  display: inline-block;
}

.filter_in_document div[data-name=description], .planning_tool_wrapper div[data-name=description] {
  font-style: italic;
  /*padding-bottom: 10px;*/
}

/* doc. lists in doc */
table#query_results td a img[src*=icon] {
  padding-right: 2px;
}

.whitespacepreline {
  white-space: pre-line;
}

.ice-del {
  text-decoration: line-through;
  background-color: #e0edf0;
}

.ice-ins {
  background-color: #e0edf0;
}

/* Menubuilder start */
:root {
  --white: #ffffff;
  --grey-100: #f9f9f9;
  --grey-200: #f0f1f3;
  --grey-300: #e7eaed;
  --grey-400: #e7e7ea;
  --grey-500: #e1e4e6;
  --grey-600: #c1c1cb;
  --grey-700: #82888e;
  --grey-800: #798590;
  --grey-900: #6a737c;
  --grey-1000: #52585d;
  --grey-1100: #41474e;
  --grey-1200: #30353a;
  --black: #000000;
  --error: #b72929;
  --embradius: 12px;
  --embradiustiny: 4px;
  --embpadding: 8px;
  --embfontsize: 16px;
  --small-elevation: 0px 4px 8px 0px rgba(0, 0, 0, .25);
  --medium-elevation: 0px 12px 32px 0px rgba(0, 0, 0, .25);
  --big-elevation: 0px 16px 32px 0px rgba(0, 0, 0, .16);
  --colorid_1: transparent;
}

body.view_menu div.eqs_mainframe_width {
  background-color: var(--grey-200);
}

.box {
  border-width: 2px;
  border-style: dashed;
  border-color: transparent;
  border-radius: var(--embradius);
  min-height: 120px;
  position: relative;
  background-color: var(--white);
}

.box.colhelper {
  background-color: #fafafa;
  border-width: 2px;
  border-style: dashed;
  border-color: var(--grey-600);
  border-radius: var(--embradius);
  min-height: unset;
}

.box.rowhelper {
  background-color: transparent;
  min-height: unset;
  min-height: 30px;
  pointer-events: none;
  /*    background-color: pink;*/
  /*    visibility: hidden;*/
}

#drawarea .box.rowhelper.lastrow {
  min-height: 120px;
}

.box.focused_element {
  border-style: dashed;
  border-color: var(--grey-900);
}

/*.focuseffect, .focuseffect *{
    z-index: 5;
}*/
.box.emb_todolist .todolabel {
  font-weight: 500;
}
.box.emb_todolist .todocount {
  float: right;
  background: var(--grey-1000);
  color: white;
  border-radius: 16px;
  text-align: center;
  min-width: 15px;
  padding-left: 4px;
  padding-right: 5px;
  line-height: 24px;
  position: relative;
  top: 16px;
  margin-right: 16px;
}
.box.emb_todolist > ul.nobullet {
  margin: 0px;
}
.box.emb_todolist > ul.nobullet li {
  line-height: 56px;
  border-bottom: solid 1px var(--grey-200);
}
.box.emb_todolist > ul.nobullet li .fa, .box.emb_todolist > ul.nobullet li .todolabel {
  color: var(--grey-1000);
}
.box.emb_todolist > ul.nobullet li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.box.emb_todolist > ul.nobullet li em {
  margin-left: 16px;
  margin-right: 16px;
}
.box.emb_todolist > ul.nobullet li:last-child {
  border-bottom-width: 0px;
}

.elemeditable {
  background: inherit;
}

.colorsubmenu {
  padding: 0px;
  position: absolute;
  top: 24px;
  right: -8px;
}
.colorsubmenu a:focus {
  outline-style: none;
}
.colorsubmenu .nobullet, .colorsubmenu .secondlevel {
  border-radius: var(--embradius);
  background-color: var(--grey-1200);
}
.colorsubmenu .nobullet .colorli > a, .colorsubmenu .secondlevel .colorli > a {
  display: flow-root;
  padding: 8px 8px;
}
.colorsubmenu .nobullet .colorli .title, .colorsubmenu .secondlevel .colorli .title {
  margin-right: 15px;
}
.colorsubmenu .nobullet .colorli:first-child, .colorsubmenu .secondlevel .colorli:first-child {
  border-top-left-radius: var(--embradius);
  border-top-right-radius: var(--embradius);
}
.colorsubmenu .nobullet .colorli .uu, .colorsubmenu .secondlevel .colorli .uu {
  margin-right: 4px;
}
.colorsubmenu .nobullet .colorli .uu.uuerror, .colorsubmenu .secondlevel .colorli .uu.uuerror {
  background-color: var(--error);
  color: var(--white);
  padding: 1px 3px;
  border: 1px solid #999;
  border-radius: 2px;
  position: relative;
  top: -3px;
}
.colorsubmenu .nobullet .padme, .colorsubmenu .secondlevel .padme {
  padding: 8px 16px;
}
.colorsubmenu .nobullet .uu, .colorsubmenu .nobullet .colorcircle, .colorsubmenu .nobullet .fa-paint-brush, .colorsubmenu .secondlevel .uu, .colorsubmenu .secondlevel .colorcircle, .colorsubmenu .secondlevel .fa-paint-brush {
  float: right;
}
.colorsubmenu .nobullet .colorcircle, .colorsubmenu .secondlevel .colorcircle {
  border-radius: 32px;
  display: inline-block;
  height: 20px;
  width: 20px;
  border: solid 1px white;
  position: relative;
  top: 0px;
}
.colorsubmenu .nobullet .closeli, .colorsubmenu .secondlevel .closeli {
  display: inline-block;
  width: 100%;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background-color: var(--grey-1000);
  border-bottom-left-radius: var(--embradius);
  border-bottom-right-radius: var(--embradius);
}
.colorsubmenu .nobullet .mass_change .fa, .colorsubmenu .secondlevel .mass_change .fa {
  float: right;
  font-size: 17px;
  padding: 3px 0px 0px 8px;
}
.colorsubmenu .secondlevel {
  position: absolute;
  top: 16px;
  width: 200px;
  right: -200px;
  border-radius: var(--embradius);
  background-color: var(--grey-1200);
  padding-top: 8px;
}

.colorpreviewwrapper {
  white-space: normal;
}

.colorpreview {
  width: 16px;
  height: 16px;
  line-height: 24px;
  border-radius: 4px;
  display: inline-block;
  padding: 0px !important;
  margin: 0px 8px 0px 0px !important;
  box-sizing: border-box;
  border: solid 1px white;
}

.focused_content {
  border-width: 0px !important;
  box-shadow: 0px 0px 4px 0px var(--grey-1200);
}

.emb_options {
  background-color: var(--grey-900);
  color: white;
  position: absolute;
  padding: 6px 12px;
  border-radius: var(--embradius);
  font-size: var(--embfontsize);
  box-shadow: var(--small-elevation);
  z-index: 81;
}
.emb_options a, .emb_options a:link, .emb_options .fa {
  color: white;
}
.emb_options a:hover, .emb_options a:link:hover, .emb_options a:hover .fa {
  color: lightgrey;
}
.emb_options .disable .fa {
  color: lightgrey;
}
.emb_options .highlighted {
  background: var(--grey-700);
}

.emb_options.top {
  top: -36px;
  right: 37px;
  display: flex;
  white-space: nowrap;
}
.emb_options.top > a {
  margin: -6px 0px;
  padding: 6px 8px;
}

.box > .emb_options.top {
  top: -19px;
}

.box:not(.emb_picture) > .emb_options.top {
  right: 35px;
}

.focuseffect.centertext {
  background-color: var(--grey-300);
  color: var(--grey-1100);
  position: absolute;
  padding: 6px 12px;
  top: -16px;
  left: -16px;
  border-radius: var(--embradius);
  font-size: var(--embfontsize);
  box-shadow: var(--small-elevation);
  z-index: 80;
}

.content_draggable {
  position: absolute;
  right: -37px;
  top: 0px;
  width: 34px;
  height: 34px;
  border-radius: var(--embradius);
  background-color: var(--grey-900);
  box-shadow: var(--small-elevation);
  cursor: move;
}
.content_draggable span {
  border-radius: var(--embradius);
  display: inline-block;
  width: 100%;
  height: 100%;
}
.content_draggable .fa {
  font-size: 18px;
  top: 7px;
  left: 8px;
}

.drop_possible .content_draggable, .drag_in_progress .content_draggable {
  background-color: transparent;
  box-shadow: unset;
}
.drop_possible .content_draggable span, .drag_in_progress .content_draggable span {
  background-color: var(--grey-900);
  box-shadow: var(--small-elevation);
}

.emb_options.right {
  top: calc(50% - 2rem);
  right: -1rem;
  font-size: 16px;
  width: 1rem;
  padding: 6px;
  text-align: center;
}

.emb_options.right .fa, .emb_options.bottom .fa {
  /*    font-size: 18px;*/
  /*    padding: 6px;*/
}

.emb_options.bottom {
  bottom: -1rem;
  left: calc(50% - 31px);
  font-size: 16px;
  padding: 4px 12px;
  /*    width: 100px;*/
}

.emb_options.bottom a ~ a {
  margin-left: 10px;
}

.focusdraggable {
  top: 2px;
  left: 2px;
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  background: var(--grey-900);
  border-radius: var(--embradius);
  text-align: center;
  box-shadow: var(--small-elevation);
  position: absolute;
  cursor: move;
  z-index: 123;
}

.focusdraggable .fa {
  color: white;
  top: 1px;
}

.gridmenu {
  display: grid;
  /*    min-height: calc(100vh - 200px);*/
  column-gap: 16px;
  row-gap: 16px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  /* [contenteditable]{
   	white-space: -moz-pre-space;
   }*/
}

.gridmenu.small {
  grid-template-columns: repeat(3, 1fr);
}

.gridmenu.tiny {
  grid-template-columns: repeat(1, 1fr);
}

@media all and (min-width: 1422px) and (max-width: 1622px) {
  body.menubuilder div.eqs_mainframe_width {
    margin: -1px 200px -1px calc(100% - 1422px);
  }
}
@media all and (max-width: 1422px) {
  body.menubuilder div.eqs_mainframe_width {
    margin: -1px 200px -1px 0px;
  }
}
.em_heading {
  padding: 12px 14px 12px 16px;
}

#em_types {
  margin: 4px;
}

.previewwrapper {
  width: auto;
  background: var(--grey-200);
  border-radius: 12px;
  padding: 12px 12px;
  margin-bottom: 4px;
  cursor: pointer;
  font-size: var(--embfontsize);
  position: relative;
  padding-right: 24px;
  word-break: break-word;
}
.previewwrapper:last-child {
  margin-bottom: 30px;
}

.previewimage {
  position: absolute;
  top: calc(50% - 8px);
  right: 12px;
}

.ghost {
  padding: 10px;
  display: inline-block;
  position: absolute;
  z-index: 5;
  background: var(--grey-400);
  border-radius: var(--embradius);
}

.mcgrid {
  padding: 1rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1rem;
  height: calc(100% - 2em);
}

.mcgrid.columns_1 {
  grid-template-columns: repeat(1, 1fr);
}

.mcgrid.columns_2 {
  grid-template-columns: repeat(2, 1fr);
}

.mcgrid.columns_3 {
  grid-template-columns: repeat(3, 1fr);
}

.mcgrid.columns_4 {
  grid-template-columns: repeat(4, 1fr);
}

.force_single_column .mcgrid {
  grid-template-columns: repeat(1, 1fr) !important;
}

.force_two_columns .mcgrid {
  grid-template-columns: repeat(2, 1fr) !important;
}

/*.mcgrid>div{
    padding: 0.5rem 1rem 0.5rem 1rem;
}*/
.drop_multicolumn {
  min-height: 100px;
  background-color: var(--grey-100);
  border-radius: var(--embradius);
}

.drop_collection {
  min-height: 15px;
  background-color: var(--grey-100);
  border-radius: var(--embradius);
}

.droppable_item {
  box-shadow: 0px 0px 4px 0px var(--grey-1200);
}
.droppable_item.drop_top {
  box-shadow: 0px -2px 4px 2px var(--grey-1200);
}
.droppable_item.drop_bottom {
  box-shadow: 0px 2px 4px 2px var(--grey-1200);
}
.droppable_item.drop_left {
  box-shadow: -2px 0px 4px 2px var(--grey-1200);
}
.droppable_item.drop_right {
  box-shadow: 2px 0px 4px 2px var(--grey-1200);
}

.placeholder {
  color: var(--grey-600);
}

.heading {
  margin-bottom: var(--embpadding);
  position: relative;
}

.heading > span {
  border-width: 2px;
  border-color: transparent;
  border-radius: var(--embradius);
  display: block;
  color: var(--grey-900);
  font-weight: 600;
  /*    padding: var(--embpadding);*/
  font-size: var(--embfontsize);
  word-break: break-word;
  padding: 2px 6px;
}

.heading > span:focus {
  background-color: var(--grey-200);
  outline-color: transparent;
}

.fakeaddbutton {
  display: block;
  background-color: var(--grey-200);
  border: dashed 2px var(--grey-600);
  border-radius: var(--embradius);
  color: var(--grey-900);
  font-weight: 600;
  padding: var(--embpadding);
  font-size: var(--embfontsize);
  position: relative;
  text-align: center;
}

.fakeaddbutton:hover {
  background-color: var(--grey-1000);
  color: var(--white);
  border-style: solid;
  border-color: var(--grey-1000);
  cursor: pointer;
}

.fakeaddbutton .submenu {
  position: absolute;
  top: 40px;
  background-color: var(--grey-1200);
  border-radius: var(--embradius);
  padding: var(--embpadding);
  box-sizing: border-box;
  left: 0px;
  width: 100%;
  text-align: left;
  z-index: 1600;
}

.fakeaddbutton .submenu a {
  display: block;
  color: var(--white);
  padding: var(--embpadding);
  border-radius: var(--embradius);
}

.fakeaddbutton .submenu a:hover, .fakeaddbutton .submenu a:hover em {
  color: var(--white);
  background-color: var(--grey-1000);
}

.fakeaddbutton .submenu em {
  float: right;
  padding: 5px;
  color: var(--white);
}

.additem {
  padding: 2px 14px 2px 14px;
  border-radius: 24px;
}

.save_icon {
  position: fixed;
  left: 0px;
  bottom: 0px;
  font-size: 24px;
}

.flexbreakrow {
  flex-basis: 100%;
  height: 0px;
}

.flexpadrow {
  flex-basis: 100%;
  height: 12px;
}

.gridmenu .hellodiv {
  padding: 0;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  height: 100%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.gridmenu .hellodiv.inner {
  height: auto;
}
.gridmenu .hellodiv .fa, .gridmenu .hellodiv .color_text {
  color: var(--white);
}
.gridmenu .hellotext {
  font-size: 20px;
  font-weight: 500;
  line-height: 135%;
  text-align: center;
}
.gridmenu .emb_picture {
  border-width: 0px;
}
.gridmenu .emb_picture > a {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.gridmenu .picturediv {
  text-align: center;
  display: inline-block;
  height: 100%;
  width: 100%;
}
.gridmenu .picturediv .fa {
  color: var(--grey-900);
  vertical-align: middle;
  font-size: 80px;
  top: calc(50% - 40px);
}
.gridmenu .menupicture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--embradius);
}
.gridmenu .contentwrapper {
  border-radius: var(--embradius);
}
.gridmenu .buttons {
  display: flex;
  gap: 3px;
  margin-bottom: var(--embpadding);
  position: relative;
  padding: 7px 22px 7px 7px;
}
.gridmenu .buttons:focus-within {
  border-radius: 10px;
  border-width: 1px;
  border-style: dashed;
  border-color: var(--grey-600);
  box-shadow: var(--grey-600) 0px 0px 3px;
}
.gridmenu .buttons .contentdiv span {
  display: block;
  font-size: var(--embfontsize);
  border-width: 2px;
  border-color: transparent;
  border-radius: var(--embradiustiny);
  word-break: break-word;
  font-weight: 500;
}
.gridmenu .buttons .contentdiv span.buttontitle {
  font-weight: 600;
}
.gridmenu .buttons .contentdiv span:focus {
  background-color: var(--grey-200);
  outline-color: transparent;
}
.gridmenu .buttons .contentdiv .buttontitle {
  color: var(--grey-1000);
}
.gridmenu .buttons .contentdiv .buttondesc {
  color: var(--grey-900);
}
.gridmenu .buttons .contenticon {
  margin: 0 6px auto 5px;
}
.gridmenu .contenticon .fa {
  color: var(--grey-700);
}
.gridmenu .color_icon {
  width: 12px;
}
.gridmenu .paragraph {
  margin-bottom: var(--embpadding);
  position: relative;
}
.gridmenu .paragraph > p {
  border-width: 2px;
  border-color: transparent;
  border-radius: var(--embradius);
  color: var(--grey-900);
  font-weight: 500;
  font-size: var(--embfontsize);
  word-break: break-word;
  padding: 2px 6px;
}
.gridmenu .paragraph > p:focus {
  background-color: var(--grey-200);
  outline-color: transparent;
}
.gridmenu .emb_collection .collection {
  padding: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.gridmenu .collitem {
  display: flex;
  position: relative;
  padding: 4px 14px 4px 14px;
  background-color: var(--grey-200);
  border-radius: 24px;
}
.gridmenu .collitem .contenticon {
  display: inline;
  margin: 0 6px 0 0px;
  height: auto;
}
.gridmenu .collitem > span {
  border-width: 2px;
  border-color: transparent;
  color: var(--grey-900);
  font-weight: 600;
  font-size: var(--embfontsize);
  word-break: break-word;
  margin: auto 0 auto 0;
}
.gridmenu .collitem > span:focus {
  background-color: var(--grey-200);
  outline-color: transparent;
}

.elementmenu_scroll {
  background: var(--white);
  width: 200px;
  position: fixed;
  right: 0px;
  top: 169px;
  transition: top 0.2s;
  max-height: calc(100% - 169px);
  padding-bottom: 26px;
  overflow-y: auto;
}

.minimized_topframe .elementmenu_scroll {
  top: 126px;
  max-height: calc(100% - 126px);
}

#em_btns {
  display: flex;
  gap: 8px;
}

.menubuilder #em_btns {
  position: fixed;
  top: 129px;
  right: 0px;
  transition: top 0.2s;
}

.menubuilder .minimized_topframe #em_btns {
  top: 86px;
}

@media all and (min-width: 1622px) {
  .elementmenu_scroll, .menubuilder #em_btns {
    right: calc(50% - 817px);
  }
}
.fakebuttonwithicon {
  border-style: solid;
  border-color: var(--grey-1100);
  border-radius: var(--embradiustiny);
  border-width: 2px;
  padding: 6px 38px;
  display: inline-block;
  background-color: white;
}
.fakebuttonwithicon.disabled {
  border-color: var(--grey-600);
}
.fakebuttonwithicon.disabled em {
  color: var(--grey-600);
}
.fakebuttonwithicon.disabled:hover > em.fa {
  color: var(--grey-600);
}
.fakebuttonwithicon:hover:not(.disabled) {
  background-color: var(--grey-200);
}
.fakebuttonwithicon em, .fakebuttonwithicon:hover > em.fa {
  color: var(--grey-1100);
}

.eqs_blockUI {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  overflow: hidden;
  background: #000;
  opacity: 0.3;
  z-index: 10000;
}

.iconselector_wrapper {
  position: fixed;
  width: 320px;
  left: calc(50vw - 160px);
  height: 360px;
  top: calc(50vh - 160px);
  background: var(--grey-1200);
  border-radius: 1rem;
  z-index: 999999;
  box-shadow: var(--big-elevation);
}

.iconselector_top {
  height: 3rem;
}

.iconselector_search[type=text] {
  width: calc(100% - 2rem);
  margin-left: 1rem;
  margin-top: 1rem;
  background-color: var(--grey-1100);
  border-color: var(--grey-1100);
  height: 2rem;
  color: white;
}

.iconselector_header {
  display: block;
  color: white;
  padding-left: 1rem;
  padding-bottom: 2px;
  margin-top: 0.5rem;
}

.iconselector_recent {
  height: 30px;
}

.iconselector_content {
  height: calc(100% - 190px);
  overflow-y: scroll;
}

.iconselector_bottom {
  display: block;
  height: 3rem;
  background: var(--grey-1100);
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  color: white !important;
  text-align: center;
  line-height: 3rem;
}

.iconselector_content::-webkit-scrollbar {
  width: 0.5rem;
}

.iconselector_content::-webkit-scrollbar-thumb {
  background: grey;
  border-radius: 0.5rem;
  cursor: pointer;
}

.iconselector_ul {
  display: flex;
  flex-flow: row wrap;
  padding-left: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.iconselector_li {
  display: flex;
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  transition: all 0.1s ease-in-out;
  top: 0px;
  left: 0px;
}

.iconselector_icon {
  display: inline-block;
  color: white !important;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 2rem;
}

.iconselector_li.hide {
  display: none;
}

.iconselector_li:hover {
  transform: scale(1.5);
  border-radius: var(--embradius);
  background: var(--grey-1100);
  z-index: 9999999;
  cursor: pointer;
}

.menubuilder .ui-slider .ui-slider-handle {
  background: var(--grey-1000);
}
.menubuilder .ui-dialog {
  border-radius: 12px;
  z-index: 9999;
}
.menubuilder .ui-dialog .ui-dialog-titlebar {
  border-radius: 12px 12px 0 0;
}
.menubuilder .ui-dialog .dialogbutton {
  background-color: var(--grey-1000);
  font-weight: 300;
  border-style: none;
}
.menubuilder .ui-dialog .dialogbutton:hover {
  background-color: var(--grey-900);
}

body.body_menubuilder {
  background-image: none !important;
  background: var(--grey-200) !important;
}
body.body_menubuilder .frontwrapper {
  border: unset;
  border-radius: var(--embradius);
  background: white;
  box-shadow: unset;
  margin-top: 16px;
  margin-bottom: 16px;
}
body.body_menubuilder #eqs_content_div, body.body_menubuilder .eqs_mainframe_width {
  background: none;
  border-left: unset;
  border-right: unset;
  /*		max-width: 1200px;*/
}
body.body_menubuilder #div_frontpage_menu {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
body.body_menubuilder .frontpage-box {
  padding: 10px;
  /*		margin: 0px -10px;*/
  border-radius: var(--embradius);
  background: white;
}
body.body_menubuilder .frontpage-box h2 {
  margin-top: 0px;
}

/* Menubuilder end */
/* ----------------------- SYSTEM MESSAGES ----------------------- */
.error {
  padding: 3px;
  color: black;
  border: 1px solid #999;
  background: #ff9999;
  font-family: var(--fontfamily);
  font-weight: normal;
  font-style: normal;
  vertical-align: middle;
  border-radius: 2px;
}

.warning {
  padding: 3px;
  color: black;
  border: 1px solid #999;
  background: #ffff82;
  font-family: var(--fontfamily);
  font-weight: normal;
  font-style: normal;
  vertical-align: middle;
  border-radius: 2px;
}

.information, #eqs_document .information, .success {
  color: #000000;
  padding: 3px;
  border: 1px solid #999999;
  font-family: var(--fontfamily);
  font-weight: normal;
  font-style: normal;
  vertical-align: middle;
  font-size: 1rem;
  border-radius: 2px;
}
.information .button, .information .dialogbutton, #eqs_document .information .button, #eqs_document .information .dialogbutton, .success .button, .success .dialogbutton {
  margin: 0px;
}

/* ----------------------- CHAPTER MENU ----------------------- */
#chapterMenu {
  box-sizing: border-box;
  background-color: white;
  border: 1px solid #999;
  padding: 5px;
  width: 250px;
  right: 10px;
  cursor: pointer;
  display: none;
  overflow: hidden;
  z-index: 10;
}
#chapterMenu > a {
  display: block;
  font-size: 1rem;
}
#chapterMenu > a:hover {
  background-color: #eeeeee;
}
#chapterMenu .chaptermenu-1 {
  padding-left: 0px;
}
#chapterMenu .chaptermenu-2 {
  padding-left: 10px;
}
#chapterMenu .chaptermenu-3 {
  padding-left: 20px;
}
#chapterMenu .chaptermenu-4 {
  padding-left: 30px;
}
#chapterMenu .chaptermenu-5 {
  padding-left: 40px;
}
#chapterMenu .chaptermenu-6 {
  padding-left: 50px;
}

.chapterMenu {
  background-color: #efefef;
  border: 1px solid #666;
}
.chapterMenu:hover {
  background-color: #efefef;
  border-bottom: 1px solid #666;
}
.chapterMenu a {
  display: block;
}

.subChapterMenu {
  padding-left: 5px;
  background-color: #efefef;
  border-bottom: 1px solid #666;
}
.subChapterMenu:hover {
  padding-left: 5px;
  background-color: #fff;
  border-bottom: 1px solid #666;
}

#chapterTrigger {
  position: absolute;
  top: 2px;
  right: 10px;
  text-align: center;
  cursor: pointer;
  z-index: 10;
}

/* ----------------------- FORM ELEMENTS ----------------------- */
.button, .dialogbutton, .filterButton {
  border: 1px solid #999999;
  padding: 1px;
  border-radius: 3px;
  vertical-align: middle;
  text-align: center;
  font-size: 0.875rem !important;
  font-weight: bold;
  cursor: pointer;
  height: 24px;
  height: 1.5rem;
  line-height: 1rem;
  -webkit-appearance: none;
}
.button:disabled, .dialogbutton:disabled, .filterButton:disabled {
  color: #999999;
}

.button {
  min-width: 150px;
  width: auto !important;
  width: 150px;
  margin: 0px 5px 5px 0px;
}

.dialogbutton {
  min-width: 60px;
  width: auto !important;
  width: 60px;
  margin: 0px;
}

/* .-slim is an addon for dialogbutton (or .button) */
.-slim {
  height: calc(1rem + 6px);
  /*box-sizing: content-box;
  line-height: 1rem;*/
  margin: 0;
  vertical-align: top !important;
}

::-ms-browse {
  color: #ffffff;
  border: none;
  padding: 1px;
  vertical-align: middle;
  text-align: center;
  font-size: 0.875rem !important;
  font-weight: bold;
  cursor: pointer;
}
::-ms-browse:hover {
  color: #dddddd;
}
::-ms-browse:disabled {
  color: #999999;
}

td[id^=LINK_MESSAGE] {
  cursor: pointer;
}

.leftCornersRound {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.rightCornersRound {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.roundedCorners {
  border-radius: 3px;
}

.ac_wide {
  width: 369px !important;
}

@media all and (max-width: 500px) {
  .ac_wide {
    /*max-width: calc(100vw - 50px);*/
    max-width: calc(100% - 31px);
  }
}
.selectbox {
  width: 200px;
}

.wide {
  min-width: 400px;
  width: auto !important;
  width: 400px;
  padding: 1px 2px;
  /*box-sizing: content-box;*/
}

.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.calenderfield {
  /*margin-bottom:-3px;*/
  position: relative;
  right: 20px;
  top: 4px;
  border: none;
}

/* Old calendar */
input.dateField:not(.hasDatepicker) {
  padding-right: 20px;
  width: 107px;
}

input.hasDatepicker {
  width: 5.65625rem;
  padding-right: 0px;
}

.select_small {
  width: 42px;
  width: 2.625rem;
}
.select_small.marg_right {
  margin-right: 4.5px;
}

.buttongroupfield {
  list-style-type: none;
  margin-left: 0em;
  padding-left: 0em;
}

.inputfield {
  width: 220px;
  font-family: var(--fontfamily);
  font-size: 1rem;
}

.textfield {
  font-family: var(--fontfamily);
  font-size: 1rem;
}
.textfield:not(:disabled) {
  color: #000000;
}

.textfield_overflow {
  overflow-y: auto;
  text-overflow: ellipsis;
}

.urlprotocolfield {
  width: 70px;
  width: 4.375rem;
}

.urlfield {
  max-width: 330px;
  width: calc(100% - 70px);
  margin-right: -1px;
  min-width: 80px;
}

.required {
  font-weight: bold;
  margin-left: 0.125rem;
  vertical-align: top;
}

.formtable .required, .formedit_table .required, #required {
  display: inline;
  float: left;
  position: absolute;
  left: -0.5rem;
  font-family: Arial;
  font-size: 1.125rem;
  margin-left: 0;
}

table.configure td div.required {
  display: none;
}

table.formtable tr td table tr td, table.formedit_table tr td, div.formtable table tr td {
  position: relative;
}

/* Radio buttons in messages, type "Option list" (valgliste) */
table.formtable div[data-name=buttongroup] > div:not(:last-of-type) span.radiobutton {
  margin-right: 0.625rem;
}

table.formtable div[data-name=buttongroup] > div:not(:last-of-type) input {
  margin-left: -0.3125rem !important;
  margin-right: 0.625rem;
}

/* Radio buttons in messages, type "Button group" (Knappegruppe) */
table.formtable div[data-name=buttongroup] > label:not(:last-of-type) span.radiobutton {
  margin-right: 0.625rem;
}

.neutralbox {
  padding: 3px;
  border: 1px solid #999999;
  font-family: var(--fontfamily);
  font-weight: normal;
  font-style: normal;
  vertical-align: middle;
  font-size: 1rem;
  background: #ffffff;
  color: #000000;
  margin-bottom: 10px;
}

.expand_line {
  color: black;
  line-height: 1.3rem;
  padding: 1px 3px;
  font-size: 0.875rem;
  font-weight: bold;
}
.expand_line em {
  width: 8px;
  padding-right: 2px;
}
.expand_line:hover {
  color: white;
  cursor: pointer;
}
.expand_line:hover em {
  color: white;
  cursor: pointer;
}

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

.confirm .calenderfield {
  display: none;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.eqs_tooltip {
  position: absolute;
  max-width: 300px;
  background-color: #333333;
  border: 2px solid #111111;
  color: #ffffff;
  padding: 5px;
  box-sizing: border-box;
  display: block;
  border-radius: 3px;
  z-index: 96;
}

/*.confirm input.textfield, .confirm input.inputfield {
	background-color: #fafafa !important;
	border: none !important;
}

.confirm input[type="radio"], .confirm input[type="radio"] + span, .confirm input[type="radio"] + span + br {
	display: none;
}

.confirm input[type="radio"][checked] + span {
	display: inline;
}*/
/* ----------------------- COMPETENCE ----------------------- */
.competence_modified {
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  margin: 1px 0;
  display: block;
}
.competence_modified::after {
  /* Adds a nbsp after alle changed fields. Ensures that the border is shown for empty fields */
  content: " ";
}

.limit_modal {
  max-width: 900px;
  display: table;
}

@media all and (max-width: calc(1200px + 20px)) {
  .limit_modal {
    max-width: calc(96vw - 32px);
  }
}
.overviewTable, .staticHeader {
  border-collapse: collapse;
  margin-bottom: 10px;
  background-color: #fff;
}
.overviewTable th, .staticHeader th {
  min-width: 100px;
  max-width: 200px;
  cursor: pointer;
  background-color: white;
}
.overviewTable th:first-child, .staticHeader th:first-child {
  width: auto;
  max-width: none;
  vertical-align: middle;
  text-align: center;
}
.overviewTable th em, .staticHeader th em {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  line-height: 1.125rem;
}
.overviewTable th span.comp_header, .staticHeader th span.comp_header {
  font-family: var(--fontfamily);
  color: #000;
  font-size: 1rem;
  font-weight: bold;
  position: relative;
  vertical-align: middle;
}
.overviewTable td, .overviewTable th, .staticHeader td, .staticHeader th {
  border: 1px solid #999;
  text-align: center;
}
.overviewTable td:first-child, .staticHeader td:first-child {
  text-align: left;
  cursor: pointer;
}
.overviewTable span.rotatable, .staticHeader span.rotatable {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overviewTable span.usr_header, .staticHeader span.usr_header {
  font-family: var(--fontfamily);
  color: #000;
  font-size: 1rem;
  position: relative;
  /*padding-left: 2px;*/
}
.overviewTable em[class*=fa-file-text], .staticHeader em[class*=fa-file-text] {
  font-size: 12px;
}
.overviewTable em[class*=fa-file-text] span.comp_header, .staticHeader em[class*=fa-file-text] span.comp_header {
  padding-left: 2px;
}
.overviewTable .group, .staticHeader .group {
  background-color: #eee;
}
.overviewTable .group .fa-angle-down, .overviewTable .group .fa-angle-right, .staticHeader .group .fa-angle-down, .staticHeader .group .fa-angle-right {
  width: 0.6rem;
  font-size: inherit;
}
.overviewTable .fa:not(.fa-exchange), .staticHeader .fa:not(.fa-exchange) {
  display: inline;
}

.overviewTable.rtable--flip {
  display: inline-flex;
  border-right: 1px solid #999;
}
.overviewTable.rtable--flip thead {
  display: flex;
  flex-shrink: 0;
}
.overviewTable.rtable--flip tbody {
  display: flex;
}
.overviewTable.rtable--flip tr {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.overviewTable.rtable--flip td, .overviewTable.rtable--flip th {
  display: block;
  height: 20px;
  white-space: nowrap;
  border-bottom: none;
  border-right: none;
}
.overviewTable.rtable--flip th span.comp_header {
  font-weight: normal;
}
.overviewTable.rtable--flip th:not(:first-child) {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
}
.overviewTable.rtable--flip td:last-child, .overviewTable.rtable--flip th:last-child {
  border-bottom: 1px solid #999;
}
.overviewTable.rtable--flip tr.group ~ tr td .fa-user {
  padding-left: 0;
}
.overviewTable.rtable--flip em.fa-file-text {
  padding-left: 4px;
}
.overviewTable.rtable--flip em.fa-file-text span.comp_header {
  padding-left: 4px;
}
.overviewTable.rtable--flip span.usr_header {
  font-weight: bold;
}
.overviewTable.rtable--flip span.rotatable {
  max-width: 100%;
  vertical-align: middle;
  line-height: 1.125rem;
}
.overviewTable.rtable--flip .limitwidth td {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overviewTable.rtable--flip .limitwidth td:first-child, .overviewTable.rtable--flip .limitwidth th:first-child {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  height: 38px;
}
.overviewTable.rtable--flip .limitwidth td:first-child span.rotatable, .overviewTable.rtable--flip .limitwidth th:first-child span.rotatable {
  display: inline;
}
.overviewTable.rtable--flip .limitwidth td em[class*=fa-exchange], .overviewTable.rtable--flip .limitwidth th em[class*=fa-exchange] {
  line-height: 40px;
}

.staticHeader.rtable--flip span.usr_header {
  font-weight: bold;
}
.staticHeader.rtable--flip:not(.rotate_headers) span.rotatable {
  vertical-align: middle;
}
.staticHeader.rtable--flip td, .staticHeader.rtable--flip th {
  height: 20px;
  white-space: nowrap;
  border-bottom: none;
  border-right: none;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.staticHeader.rtable--flip th:first-child {
  text-align: center;
}
.staticHeader.rtable--flip.limitwidth tr {
  display: flex;
}
.staticHeader.rtable--flip.limitwidth td, .staticHeader.rtable--flip.limitwidth th {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  height: 38px;
  border-right: 0 !important;
}
.staticHeader.rtable--flip.limitwidth td span.rotatable, .staticHeader.rtable--flip.limitwidth th span.rotatable {
  display: inline;
}
.staticHeader.rtable--flip.limitwidth em[class*=fa-exchange] {
  line-height: 40px;
}

.overviewTable:not(.rtable--flip) tr.group ~ tr:not(.group) td:first-child span.rotatable, .staticHeader tr.group ~ tr:not(.group) td:first-child span.rotatable {
  text-indent: -12px;
  padding-left: 26.5px;
}
.overviewTable:not(.rtable--flip) tr.group ~ tr:not(.group) td:first-child span.rotatable .fa-user, .staticHeader tr.group ~ tr:not(.group) td:first-child span.rotatable .fa-user {
  display: inline;
}
.overviewTable:not(.rtable--flip) tr.group > td > span.rotatable, .staticHeader tr.group > td > span.rotatable {
  text-indent: -14px;
  padding-left: 28px;
}

/* Icons, colors, ect for the "content" cells */
.overviewTable, .color_info_div {
  /* Implementation is not relevant for the user, or not accessible  */
  /* Icons in competence overview */
  /* Not registered/Not assessed */
  /* For approval */
  /* Valid competence/Read and understood */
  /* In training/under education - within the selected date */
  /* In training/under education  - outside of the selected date */
  /* The user has replied "Not relevant" */
  /* Additional icons that (maybe) provide more information */
}
.overviewTable tr.group td:not(:first-child), .color_info_div tr.group td:not(:first-child) {
  font-size: 0.875rem;
  color: #000;
}
.overviewTable .approved_-1, .overviewTable .approved_0, .overviewTable .approved_1, .overviewTable .approved_2, .overviewTable .approved_7, .overviewTable .approved_8, .color_info_div .approved_-1, .color_info_div .approved_0, .color_info_div .approved_1, .color_info_div .approved_2, .color_info_div .approved_7, .color_info_div .approved_8 {
  font-size: 0px !important;
}
.overviewTable .ignored, .color_info_div .ignored {
  background-color: #dddddd;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 3px, #ffffff 3px, #ffffff 6px);
}
.overviewTable .relevant_-1.approved_-1, .overviewTable .no_access, .color_info_div .relevant_-1.approved_-1, .color_info_div .no_access {
  background-color: #eee;
}
.overviewTable .approved_0, .overviewTable .approved_1, .overviewTable .approved_2, .overviewTable .approved_7, .overviewTable .approved_8, .overviewTable .relevant_1.approved_-1, .color_info_div .approved_0, .color_info_div .approved_1, .color_info_div .approved_2, .color_info_div .approved_7, .color_info_div .approved_8, .color_info_div .relevant_1.approved_-1 {
  /*&.competence::before {
  	cursor: pointer;	
  }*/
}
.overviewTable .approved_0 a::before, .overviewTable .approved_1 a::before, .overviewTable .approved_2 a::before, .overviewTable .approved_7 a::before, .overviewTable .approved_8 a::before, .overviewTable .relevant_1.approved_-1 a::before, .color_info_div .approved_0 a::before, .color_info_div .approved_1 a::before, .color_info_div .approved_2 a::before, .color_info_div .approved_7 a::before, .color_info_div .approved_8 a::before, .color_info_div .relevant_1.approved_-1 a::before {
  font-family: FontAwesome;
  display: inline-block;
  /*height: 20px;*/
  line-height: 20px;
}
.overviewTable .approved_0 a::before, .color_info_div .approved_0 a::before {
  content: "\f00d";
  font-size: 22px;
  color: #DE5E5E;
  /*margin: -6px 0 0 0;*/
}
.overviewTable .approved_1 a::before, .color_info_div .approved_1 a::before {
  content: "\f164";
  font-size: 17px;
  color: #777;
  /*margin: -2px 0 0 0;*/
}
.overviewTable .approved_2 a::before, .color_info_div .approved_2 a::before {
  content: "\f00c";
  font-size: 18px;
  color: green;
  /*margin: -2px 0 -2px 0;*/
}
.overviewTable .approved_7 a::before, .color_info_div .approved_7 a::before {
  content: "\f19d";
  font-size: 18px;
  color: blue;
  /*margin: -2px 0 -2px 0;*/
}
.overviewTable .approved_8 a::before, .color_info_div .approved_8 a::before {
  content: "\f19d";
  font-size: 18px;
  color: grey;
  /*margin: -2px 0 -2px 0;*/
}
.overviewTable .relevant_1.approved_-1 a::before, .color_info_div .relevant_1.approved_-1 a::before {
  content: "\f068";
  font-size: 20px;
  color: #777;
  /*margin: -3px 0 -3px 0;*/
}
.overviewTable .approved_-1 span, .overviewTable .approved_0 span, .overviewTable .approved_1 span, .overviewTable .approved_2 span, .overviewTable .approved_7 span, .overviewTable .approved_8 span, .color_info_div .approved_-1 span, .color_info_div .approved_0 span, .color_info_div .approved_1 span, .color_info_div .approved_2 span, .color_info_div .approved_7 span, .color_info_div .approved_8 span {
  position: absolute;
  /*&.denied::before {
  	content: "\f165";
  	content: "\f007";
  }*/
}
.overviewTable .approved_-1 span::before, .overviewTable .approved_0 span::before, .overviewTable .approved_1 span::before, .overviewTable .approved_2 span::before, .overviewTable .approved_7 span::before, .overviewTable .approved_8 span::before, .color_info_div .approved_-1 span::before, .color_info_div .approved_0 span::before, .color_info_div .approved_1 span::before, .color_info_div .approved_2 span::before, .color_info_div .approved_7 span::before, .color_info_div .approved_8 span::before {
  font-family: FontAwesome;
  font-size: 12px;
  color: #666;
  display: inline-block;
  top: 6px;
  position: relative;
  margin-left: -3px;
}
.overviewTable .approved_-1 span.past::before, .overviewTable .approved_0 span.past::before, .overviewTable .approved_1 span.past::before, .overviewTable .approved_2 span.past::before, .overviewTable .approved_7 span.past::before, .overviewTable .approved_8 span.past::before, .color_info_div .approved_-1 span.past::before, .color_info_div .approved_0 span.past::before, .color_info_div .approved_1 span.past::before, .color_info_div .approved_2 span.past::before, .color_info_div .approved_7 span.past::before, .color_info_div .approved_8 span.past::before {
  content: "\f017";
  margin-left: -39px;
}
.overviewTable .approved_-1 span.future::before, .overviewTable .approved_0 span.future::before, .overviewTable .approved_1 span.future::before, .overviewTable .approved_2 span.future::before, .overviewTable .approved_7 span.future::before, .overviewTable .approved_8 span.future::before, .color_info_div .approved_-1 span.future::before, .color_info_div .approved_0 span.future::before, .color_info_div .approved_1 span.future::before, .color_info_div .approved_2 span.future::before, .color_info_div .approved_7 span.future::before, .color_info_div .approved_8 span.future::before {
  content: "\f017";
}
.overviewTable .approved_-1 span.training::before, .overviewTable .approved_0 span.training::before, .overviewTable .approved_1 span.training::before, .overviewTable .approved_2 span.training::before, .overviewTable .approved_7 span.training::before, .overviewTable .approved_8 span.training::before, .color_info_div .approved_-1 span.training::before, .color_info_div .approved_0 span.training::before, .color_info_div .approved_1 span.training::before, .color_info_div .approved_2 span.training::before, .color_info_div .approved_7 span.training::before, .color_info_div .approved_8 span.training::before {
  content: "\f19d";
  color: blue;
}
.overviewTable div.exampleicon, .color_info_div div.exampleicon {
  display: inline-block;
  height: 12px;
  width: 12px;
}
.overviewTable div.exampleicon.ignored, .color_info_div div.exampleicon.ignored {
  border: 1px solid #999;
}

.overviewTable.rotate_headers.small:not(.rtable--flip) tr th:not(:first-child), .staticHeader.rotate_headers.small:not(.rtable--flip) tr th:not(:first-child) {
  max-width: 30px;
}
.overviewTable.rotate_headers.small:not(.rtable--flip) tr th:not(:first-child) span.rotatable, .staticHeader.rotate_headers.small:not(.rtable--flip) tr th:not(:first-child) span.rotatable {
  transform: translate(-56px, 59px) rotate(270deg);
}
.overviewTable.rotate_headers:not(.rtable--flip) tr th:not(:first-child), .staticHeader.rotate_headers:not(.rtable--flip) tr th:not(:first-child) {
  max-width: 70px;
  min-width: auto;
  height: 150px;
}
.overviewTable.rotate_headers:not(.rtable--flip) tr th:not(:first-child) span.rotatable, .staticHeader.rotate_headers:not(.rtable--flip) tr th:not(:first-child) span.rotatable {
  height: 30px;
  width: 150px;
  max-width: 150px;
  text-align: left;
  white-space: nowrap;
  transform: translate(-35px, 59px) rotate(270deg);
}
.overviewTable.rotate_headers.rtable--flip tr th:first-child, .staticHeader.rotate_headers.rtable--flip tr th:first-child {
  height: 150px;
}
.overviewTable.rotate_headers.rtable--flip tr th:first-child em.fa-exchange, .staticHeader.rotate_headers.rtable--flip tr th:first-child em.fa-exchange {
  margin-top: 67px;
}
.overviewTable.rotate_headers.rtable--flip tr td:first-child, .staticHeader.rotate_headers.rtable--flip tr td:first-child {
  max-width: 30px;
  height: 150px;
}
.overviewTable.rotate_headers.rtable--flip tr td:first-child span.rotatable, .staticHeader.rotate_headers.rtable--flip tr td:first-child span.rotatable {
  height: 30px;
  width: 150px;
  max-width: 150px;
  text-align: left;
  white-space: nowrap;
  transform: translate(-56px, 59px) rotate(270deg);
  overflow: hidden;
  text-overflow: ellipsis;
}

.staticHeader.rotate_headers tr:first-child td {
  max-width: 30px;
  height: 150px;
}
.staticHeader.rotate_headers tr:first-child td span.rotatable {
  display: inline-block;
  height: 30px;
  width: 150px;
  max-width: 150px;
  text-align: left;
  white-space: nowrap;
  transform: translate(-56px, 1px) rotate(270deg);
  overflow: hidden;
  text-overflow: ellipsis;
}
.staticHeader.rotate_headers tr:first-child td .usr_header {
  font-weight: bold;
}
.staticHeader.rotate_headers.rtable--flip tr th:first-child em.fa-exchange {
  margin-top: 0px;
}

/* IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .overviewTableHeader th em, .staticHeader th em {
    text-overflow: clip;
  }
}
@media print {
  .approved_-1, .approved_0, .approved_1, .approved_2, .approved_7, .approved_7 {
    box-shadow: none;
  }
}
/* ----------------------- TABLES ----------------------- */
.defaulttable {
  border-spacing: 0 5px;
  margin-top: -5px;
}
.defaulttable td, .defaulttable th {
  padding: 0 5px 0 0;
  vertical-align: top;
}
.defaulttable td:last-child, .defaulttable th:last-child {
  padding-right: 0px;
}

table.formusertable, table.formdocumenttable, table.formintegrationtable {
  border-spacing: 0;
  margin-top: 0px;
  padding: 0;
  /*	max-width: 400px;*/
}
table.formusertable td, table.formusertable th, table.formdocumenttable td, table.formdocumenttable th, table.formintegrationtable td, table.formintegrationtable th {
  padding: 0;
  border: none;
}
table.formusertable img, table.formdocumenttable img, table.formintegrationtable img {
  padding-right: 2px;
}

.formtable .formtable, .printtable .formtable, .printtable .printtable {
  border: none;
  /*background: #f8f8f8;*/
  margin-bottom: 0;
}

.formtable {
  /*border: 1px solid #dcdcdc;
  background: #f8f8f8;
  padding: 5px 5px 5px 9px;
  border-collapse: separate;
  box-sizing: border-box;*/
  background: rgba(255, 255, 255, 0.5);
}
.formtable td {
  vertical-align: top;
}

div.formtable {
  margin: 8px 0;
  /*padding: 0px;
  border: 1px solid #dcdcdc;
  border-collapse: separate;*/
}

select:disabled, textarea:disabled {
  background-color: #efefef;
  color: #000000;
  resize: none;
}

.printtable {
  border: 1px solid #dcdcdc;
  /*background: #f8f8f8;*/
  box-sizing: border-box;
  margin-bottom: 10px;
}
.printtable td {
  vertical-align: top;
}

#printlogo {
  max-height: 70px;
}

wbr:after {
  content: "​";
}

table.eqs-horizontal, table.eqs-vertical {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  margin-bottom: 0.5em;
  padding-right: 1px;
  padding-left: 1px;
  border-spacing: 0px;
}
table.eqs-horizontal th, table.eqs-horizontal thead tr:last-child th, table.eqs-vertical th, table.eqs-vertical thead tr:last-child th {
  text-align: left;
  border-bottom: 1px solid #ddd;
  padding: 2px;
}
table.eqs-horizontal td, table.eqs-vertical td {
  border-bottom: 1px solid #ddd;
  padding: 2px 5px 2px 2px;
  vertical-align: top;
}
table.eqs-horizontal td:last-child, table.eqs-vertical td:last-child {
  padding-right: 0px;
}
table.eqs-horizontal td.header, table.eqs-vertical td.header {
  background: #eee;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  padding: 2px;
}
table.eqs-horizontal tr:last-child td, table.eqs-horizontal tr:last-child th, table.eqs-vertical tr:last-child td, table.eqs-vertical tr:last-child th {
  border-bottom: none;
}
table.eqs-horizontal tr:last-child td.header, table.eqs-vertical tr:last-child td.header {
  border-bottom: 1px solid #ddd;
}
table.eqs-horizontal th {
  background: #eee;
  border-bottom: 1px solid #ddd;
  padding-right: 5px;
}
table.eqs-horizontal tfoot {
  background: #eee;
  border-top: 1px solid #ddd;
  padding-right: 5px;
}
table.eqs-horizontal tr.selected {
  font-weight: bold;
}
table.eqs-modal th {
  background: #ffffff;
  border-bottom: none;
}
table.float_on_lowres {
  border-bottom: 1px solid #dddddd;
}
table.float_on_lowres td {
  width: 50%;
}
table.simple_table {
  border-spacing: 0;
  border-collapse: collapse;
}
table.simple_table td, table.simple_table th {
  padding: 0 5px 0 0;
}
table.simple_table td:last-child, table.simple_table th:last-child {
  padding: 0;
}

ul.nobullet {
  list-style-type: none;
  padding-left: 0px;
  margin-left: 8px;
  margin-right: 8px;
}

@media all and (max-width: 600px) {
  table.collapse_if_small {
    display: block;
  }
  table.collapse_if_small > tbody, table.collapse_if_small > thead {
    display: block;
  }
  table.collapse_if_small > tbody > tr, table.collapse_if_small > thead > tr {
    display: block;
  }
  table.collapse_if_small > tbody > tr > td, table.collapse_if_small > tbody > tr > th, table.collapse_if_small > thead > tr > td, table.collapse_if_small > thead > tr > th {
    display: block;
  }
  table.collapse_if_small > tbody > tr:not(:first-child) > th, table.collapse_if_small > thead > tr:not(:first-child) > th {
    padding-top: 12px;
  }
  table.collapse_if_small > td, table.collapse_if_small > th {
    display: block;
  }
  table.collapse_if_small > tr:not(:first-child) > th {
    padding-top: 12px;
  }
  table.collapse_if_small.dual {
    /* This is the same as the class clearfix */
  }
  table.collapse_if_small.dual:before, table.collapse_if_small.dual:after {
    content: " ";
    display: table;
  }
  table.collapse_if_small.dual:after {
    clear: both;
  }
  table.collapse_if_small.dual > tbody > tr > th, table.collapse_if_small.dual > tbody > tr > td, table.collapse_if_small.dual > thead > tr > th, table.collapse_if_small.dual > thead > tr > td {
    float: left;
  }
  table.collapse_if_small.dual > tbody > tr > *:nth-child(odd), table.collapse_if_small.dual > tbody > tr > *:nth-child(odd), table.collapse_if_small.dual > thead > tr > *:nth-child(odd), table.collapse_if_small.dual > thead > tr > *:nth-child(odd) {
    clear: left;
  }
}
div.docheader {
  /*	padding: 0;*/
  padding-left: 3px;
  padding-right: 3px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
div.docheader div {
  vertical-align: top;
  display: table-cell;
}
div.docheader table {
  float: right;
  font-weight: normal;
}
div.docheader table td {
  font-size: 0.875rem;
  color: #333333;
  vertical-align: top;
}
div.docheader span.documentid {
  float: right;
  font-weight: normal;
  font-size: 0.875rem;
  color: #333333;
  vertical-align: top;
}

@media screen {
  #colorpickerdiv svg {
    max-width: 5vw;
    max-height: 5vw;
  }
}
@media screen and (max-width: calc(1200px + 20px)) {
  #colorpickerdiv svg {
    position: absolute;
  }
  #colorpickerdiv label {
    display: block;
    position: relative;
    left: calc(5vw + 2px);
    line-height: calc(5vw + 1px);
  }
}
/* Handling large tables in documents */
#eqs_document table:not(.overviewTable) {
  max-width: 100% !important;
}
#eqs_document table:not(.overviewTable) tr {
  page-break-inside: avoid !important;
}
#eqs_document table:not(.overviewTable):not(#query_results) td {
  white-space: normal;
}

#eqs_document table[class*=Mso] tr {
  /*height: auto !important;*/
}
#eqs_document table[class*=Mso] td {
  /*height: auto !important;*/
}

/* Chrome and PDF need this */
@media all and (-webkit-min-device-pixel-ratio: 0) {
  #eqs_document table.autotable[class*=Mso]:not([width*="%"]) {
    width: auto !important;
  }
  #eqs_document table.autotable[class*=Mso] td {
    width: auto !important;
  }
}
/* Only Chrome */
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (min-width: calc(1200px + 20px)) {
  #eqs_document table {
    max-width: 1200px !important;
  }
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) and (max-width: calc(1200px + 20px)) {
	#eqs_document table {max-width: calc(100vw - 20px) !important;} //-18px
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) and (max-width: 600px) {
	#eqs_document table {max-width: calc(100vw - 12px) !important;} //-18px
}*/
@media print and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (max-width: calc(1200px + 20px)) {
  #eqs_document table {
    max-width: 100vw !important;
  }
}
@media print {
  .hide_if_print {
    display: none;
  }
}
/* End handling large tables in documents */
@media screen and (max-width: 1024px) {
  /* CSS only Responsive Tables by David Bushell
     http://dbushell.com/2016/03/04/css-only-responsive-tables/ */
  table.eqs-horizontal.resptable, table.FinalPivotTable {
    display: inline-block;
    max-width: 100% !important;
    width: auto;
    box-sizing: border-box;
    overflow-x: auto;
    background: linear-gradient(to left, #fff 0%, #ccc 100%) 0 center, linear-gradient(to right, #fff 0%, #ccc 100%) 100% center;
    background-size: 10px 100%, 10px 100%;
    background-attachment: scroll, scroll;
    background-repeat: no-repeat;
  }
  table.eqs-horizontal.resptable th, table.FinalPivotTable th {
    background: rgba(0, 0, 0, 0.065);
  }
  table.eqs-horizontal.resptable td:first-child, table.eqs-horizontal.resptable td:last-child, table.eqs-horizontal.resptable th:first-child, table.eqs-horizontal.resptable th:last-child, table.FinalPivotTable td:first-child, table.FinalPivotTable td:last-child, table.FinalPivotTable th:first-child, table.FinalPivotTable th:last-child {
    background-repeat: no-repeat;
    background-size: 15px 100%;
  }
  table.eqs-horizontal.resptable td:last-child, table.eqs-horizontal.resptable th:last-child, table.FinalPivotTable td:last-child, table.FinalPivotTable th:last-child {
    background-position: right;
  }
  table.eqs-horizontal.resptable th:first-child, table.FinalPivotTable th:first-child {
    background-image: linear-gradient(to right, #eee 50%, rgba(238, 238, 238, 0) 100%);
  }
  table.eqs-horizontal.resptable th:last-child, table.FinalPivotTable th:last-child {
    background-image: linear-gradient(to left, #eee 50%, rgba(238, 238, 238, 0) 100%);
  }
  table.eqs-horizontal.resptable td:first-child, table.FinalPivotTable td:first-child {
    background-image: linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 100%);
  }
  table.eqs-horizontal.resptable td:last-child, table.FinalPivotTable td:last-child {
    background-image: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0) 100%);
  }
  table.FinalPivotTable th.pivotColumnItems, table.FinalPivotTable th.pivotTableDescription {
    background: rgba(0, 0, 0, 0);
  }
  table.FinalPivotTable td.pivotRowHeaders:first-child {
    background-image: linear-gradient(to right, #eee 50%, rgba(238, 238, 238, 0) 100%);
  }
  table.FinalPivotTable th:first-child {
    background-image: linear-gradient(to right, white 7.5px, rgba(255, 255, 255, 0) 50%);
  }
  table.FinalPivotTable th:last-child {
    background-image: linear-gradient(to left, white 7.5px, rgba(255, 255, 255, 0) 50%);
  }
}
/* ----------------------- END TABLES ----------------------- */
/* Linked documents */
#available_tree .cat_div {
  position: relative;
}
#available_tree .fa.fa-folder-open {
  display: inline;
  top: 0px;
  padding-right: 1px;
  padding-left: 1px;
}
#available_tree .doc_container input[type=checkbox] {
  margin-left: 12px;
}
#available_tree .folder.indent_0 {
  /*text-indent: ($i * 16px) + 12px;*/
  text-indent: -17px;
  padding-left: 31px;
}
#available_tree .folder.indent_0 input[id*=category_checkbox] {
  left: -13px;
}
#available_tree .doc_container.indent_0 div {
  padding-left: 14px;
}
#available_tree .folder.indent_1 {
  /*text-indent: ($i * 16px) + 12px;*/
  text-indent: -17px;
  padding-left: 47px;
}
#available_tree .folder.indent_1 input[id*=category_checkbox] {
  left: -29px;
}
#available_tree .doc_container.indent_1 div {
  padding-left: 30px;
}
#available_tree .folder.indent_2 {
  /*text-indent: ($i * 16px) + 12px;*/
  text-indent: -17px;
  padding-left: 63px;
}
#available_tree .folder.indent_2 input[id*=category_checkbox] {
  left: -45px;
}
#available_tree .doc_container.indent_2 div {
  padding-left: 46px;
}
#available_tree .folder.indent_3 {
  /*text-indent: ($i * 16px) + 12px;*/
  text-indent: -17px;
  padding-left: 79px;
}
#available_tree .folder.indent_3 input[id*=category_checkbox] {
  left: -61px;
}
#available_tree .doc_container.indent_3 div {
  padding-left: 62px;
}
#available_tree .folder.indent_4 {
  /*text-indent: ($i * 16px) + 12px;*/
  text-indent: -17px;
  padding-left: 95px;
}
#available_tree .folder.indent_4 input[id*=category_checkbox] {
  left: -77px;
}
#available_tree .doc_container.indent_4 div {
  padding-left: 78px;
}
#available_tree .folder.indent_5 {
  /*text-indent: ($i * 16px) + 12px;*/
  text-indent: -17px;
  padding-left: 111px;
}
#available_tree .folder.indent_5 input[id*=category_checkbox] {
  left: -93px;
}
#available_tree .doc_container.indent_5 div {
  padding-left: 94px;
}
#available_tree .folder.indent_6 {
  /*text-indent: ($i * 16px) + 12px;*/
  text-indent: -17px;
  padding-left: 127px;
}
#available_tree .folder.indent_6 input[id*=category_checkbox] {
  left: -109px;
}
#available_tree .doc_container.indent_6 div {
  padding-left: 110px;
}
#available_tree .folder.indent_7 {
  /*text-indent: ($i * 16px) + 12px;*/
  text-indent: -17px;
  padding-left: 143px;
}
#available_tree .folder.indent_7 input[id*=category_checkbox] {
  left: -125px;
}
#available_tree .doc_container.indent_7 div {
  padding-left: 126px;
}
#available_tree .folder.indent_8 {
  /*text-indent: ($i * 16px) + 12px;*/
  text-indent: -17px;
  padding-left: 159px;
}
#available_tree .folder.indent_8 input[id*=category_checkbox] {
  left: -141px;
}
#available_tree .doc_container.indent_8 div {
  padding-left: 142px;
}
#available_tree .folder.indent_9 {
  /*text-indent: ($i * 16px) + 12px;*/
  text-indent: -17px;
  padding-left: 175px;
}
#available_tree .folder.indent_9 input[id*=category_checkbox] {
  left: -157px;
}
#available_tree .doc_container.indent_9 div {
  padding-left: 158px;
}
#available_tree .folder.indent_10 {
  /*text-indent: ($i * 16px) + 12px;*/
  text-indent: -17px;
  padding-left: 191px;
}
#available_tree .folder.indent_10 input[id*=category_checkbox] {
  left: -173px;
}
#available_tree .doc_container.indent_10 div {
  padding-left: 174px;
}
#available_tree a.expand_collapse {
  position: relative;
  left: -3px;
}

/* End linked documents */
@media all and (max-width: 400px) {
  table.float_on_lowres td {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
  }
  table.float_on_lowres {
    border-bottom: none;
  }
}
#favorites_table td:nth-child(odd) {
  min-width: 20px;
  min-width: 1.25rem;
  /*max-width: 20px; max-width: 1.25rem;*/
}
#favorites_table td:nth-child(even) em {
  width: 13px;
  width: 0.8125rem;
}
#favorites_table td {
  border-bottom: 1px solid #ddd;
  padding-right: 0px;
  vertical-align: top;
}
#favorites_table .fa-list-alt {
  font-size: 0.85rem !important;
}
#favorites_table.eqs-horizontal tr:last-child td {
  border-bottom: none;
}

div.autocomplete {
  position: absolute;
  /* width:250px; */
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
}
div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
div.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  height: 32px;
  cursor: pointer;
}
div.autocomplete ul li.selected {
  background-color: #ffb;
}

/*** CSS for tables using tablesorter.js ***/
th.tablesorter-headerAsc > .tablesorter-header-inner::after {
  content: "▾";
  color: #999999;
  line-height: 1rem;
}

th.tablesorter-headerDesc > .tablesorter-header-inner::after {
  content: "▴";
  color: #999999;
  line-height: 1rem;
}

th.tablesorter-headerUnSorted > .tablesorter-header-inner::after {
  content: "▴";
  color: #eee;
  line-height: 1rem;
  opacity: 0;
}

th.tablesorter-header {
  height: 24px;
  height: 1.5rem;
  vertical-align: middle;
}

.tablesorter-headerrow > td {
  font-size: 1.25rem;
  font-weight: bold;
}

/*** CSS for tables using sorttable.js ***/
.minwidth {
  width: 1px;
  white-space: nowrap;
}

.limitTableCell {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

.sortable th {
  white-space: nowrap;
  vertical-align: baseline;
}
.sortable th:not([class*=sorttable_sorted]) {
  padding-right: 9px; /* 3px for FF */
}
.sortable th:not([class*=sorttable_sorted]):after {
  content: "▾";
  /*color: rgba(238, 0, 238, 1);*/
  color: rgba(238, 238, 238, 0);
  padding: 0 0 0 2px;
}
.sortable #sorttable_sortrevind, .sortable #sorttable_sortfwdind {
  color: #999999;
}

@-moz-document url-prefix() {
  .sortable th:not([class*=sorttable_sorted]) {
    padding-right: 3px;
  }
}
.sortdivnormal {
  display: inline-block;
  width: 14px;
  padding: 0 0 0 2px;
  box-sizing: border-box;
  vertical-align: baseline;
}

.eqs_selector {
  margin-top: 10px;
  margin-bottom: 10px;
}
.eqs_selector .wrong_unit {
  display: none;
}
.eqs_selector span.name {
  min-width: inherit;
}
.eqs_selector span.unitname {
  min-width: inherit;
  display: inline-block;
  font-style: italic;
}
.eqs_selector .tb_anchor > ul {
  padding-left: 12px;
}

/* Styles for trees built by the utils.js function tb_build_tree */
.tb_anchor {
  padding-top: 5px;
}
.tb_anchor .tb_anchor > ul {
  margin: 0px;
}
.tb_anchor ul {
  padding-left: 17px;
  margin: 0px;
}
.tb_anchor li {
  list-style: none;
  position: relative;
  line-height: 22px;
  /* Don't show color for selected item, when there is a visible checkbox */
}
.tb_anchor li > input[type=radio], .tb_anchor li > input[type=checkbox] {
  position: absolute;
  left: -32px;
}
.tb_anchor li.selected > .span_wrapper {
  background-color: #ddd;
}
.tb_anchor li.selected > input[type=checkbox]:not([style*=none]) ~ .span_wrapper {
  background-color: #fff;
}
.tb_anchor span {
  position: relative;
  display: inline;
  cursor: pointer;
}
.tb_anchor .expand_tree {
  position: absolute;
  left: -12px;
  top: 6px;
}
.tb_anchor .span_wrapper {
  display: inline;
}
.tb_anchor .moveTo > div > span {
  font-style: italic;
}
.tb_anchor .disabled > .span_wrapper span {
  text-decoration: line-through;
  color: #777777;
  font-style: italic;
}
.tb_anchor .disabled > em {
  color: #777777;
}
.tb_anchor.hide_disabled .disabled {
  display: none;
}
.tb_anchor .droptarget.center {
  background: #d6d7c8;
}
.tb_anchor .droptarget.top {
  border-top: 4px solid #d6d7c8;
}
.tb_anchor .droptarget.bottom {
  border-bottom: 4px solid #d6d7c8;
}

em.fa.icon_doccat_local_only::before {
  font-family: FontAwesome;
  content: "\f115";
}

.myFloatingWindow {
  position: absolute;
  overflow: visible;
  cursor: pointer;
  display: none;
  background-color: #fff;
  border: solid 1px #dcdcdc;
  padding: 2px;
  text-align: left;
  top: 20px;
  right: 0px;
  /*white-space: nowrap;*/
  z-index: 101;
  max-width: 210px;
  width: 210px; /* IE doesn't support max-content */
  width: max-content;
  width: -moz-max-content;
}
.myFloatingWindow.left {
  left: 0px;
  right: inherit;
}
.myFloatingWindow a:before {
  content: "▸";
}
.myFloatingWindow a {
  font-size: 1rem;
  display: block;
  /*line-height: 1.4rem;*/
  padding: 4px 1px 4px 14px;
  text-indent: -14px; /* must match padding-left */
  white-space: normal;
}
.myFloatingWindow a:hover {
  background-color: #F3F3F3;
}

.floatingWindowComponent {
  position: absolute;
  overflow: visible;
  cursor: pointer;
  display: none;
  background-color: #fff;
  border: solid 1px #CECECE;
  padding: 2px;
  z-index: 110;
  white-space: normal;
  width: auto;
  max-width: 400px;
}

/* Document search */
#search_form > table {
  background-color: #f8f8f8;
  border: 1px #dcdcdc solid;
  border-radius: 2px;
  border-spacing: 5px;
  margin-top: 0px;
  width: 100%;
}
#search_form table.defaulttable td {
  position: relative;
}
#search_form .floatingWindowComponent {
  width: calc(100% - 14px);
  box-sizing: border-box;
  left: 0px;
}

/* ----------------------- BOXES ----------------------- */
div.EQSBox-horizontal {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 10px;
  padding-right: 1px;
  padding-left: 1px;
}

/**
 * A generic disabled element in a list
 */
.EQSDisabled {
  border: 1px groove black;
  background-color: #ffdddd;
  font-style: italic;
  color: #777777;
}

.headertable {
  margin-top: 0;
  border-spacing: 0 2px;
  width: 100%;
  border-bottom: 1px solid #333;
}
.headertable td, .headertable th {
  padding: 0 5px 0 0;
  vertical-align: top;
  color: #333;
  font-size: 0.875rem;
}
.headertable td:last-child, .headertable th:last-child {
  padding-right: 0px;
}

.frontwrapper {
  background-color: #f8f8f8;
  background-image: linear-gradient(90deg, #eeeeee, #f8f8f8);
  border: 1px solid #dcdcdc;
  border-radius: 1px;
  box-shadow: 2px 2px 2px #dcdcdc;
  margin-bottom: 10px;
  margin-right: 5px;
  margin-top: 10px;
  width: 100%;
  padding: 3px 3px 3px 2px;
  box-sizing: border-box;
}

.frontbox {
  padding: 0 0 0 0px;
  display: inline;
  white-space: nowrap;
}
.frontbox img {
  padding: 0 2px 2px 0;
}

.page_title {
  background-color: #f8f8f8;
  background-image: linear-gradient(90deg, #eeeeee, #f8f8f8);
  border: 1px solid #dcdcdc;
  border-radius: 1px;
  box-shadow: 2px 2px 2px #dcdcdc;
  margin-bottom: 0;
  padding: 6px;
  color: #000000;
  font-family: var(--fontfamily) !important;
  font-size: 1.25rem;
  font-weight: bold;
}

h1.page_title {
  margin-top: 0px;
}

/* remove red box-shadow in FF for required fields */
:-moz-ui-invalid:not(output) {
  box-shadow: none;
}

/* focus */
:focus {
  outline-style: dotted;
  outline-offset: 0px;
  outline-color: #999;
  outline-width: 2px;
}

a:focus, input[type=radio] {
  outline-offset: 1px;
}

#document_category_div a:focus, #tab_container > a:focus, table.tablesorter th:focus, .svg_wrapper *:focus {
  outline-offset: -1px;
}

#topframe_menudiv a:focus, .td60x60 a:focus {
  outline-offset: 0px;
}

::-moz-focus-inner {
  border: none;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* end focus */
.formtable_outer_div {
  display: inline-block;
  width: 100%;
}

table.formtable td.form_td_class, table.formtable .formtable_outer_div {
  padding: 0px 1.5rem 0.3125rem 0px;
  position: relative;
  box-sizing: border-box;
}

table.formtable img.formpicture {
  max-width: 100%;
}

table.formtable .acpPersonDiv {
  max-width: 220px;
}

.mapcontainer {
  width: 100%;
  max-width: 400px; /* IE can't handle 'min' */
  max-width: min(400px, 100vw - 30px);
  display: inline-block;
  position: relative;
  min-width: 400px; /* IE can't handle 'min' */
  min-width: min(400px, 50vw);
}
.mapcontainer > div {
  position: relative !important; /* overstyrer inline-stiling */
  padding-top: 100%; /* 1:1 Aspect Ratio */
  box-sizing: border-box;
  height: auto !important;
}

.message_draft_saved {
  width: 100%;
  display: none;
  font-style: italic;
}

/*
@media all and (max-width: 340px) {
	table.formtable img {max-width: 286px;}
}
@media all and (min-width: 341px) and (max-width: 480px) {
	table.formtable img {max-width: 446px;}
}
@media all and (min-width: 481px) and (max-width: 600px) {
	table.formtable img {max-width: 556px;}
}
*/
@media screen and (max-width: 600px) {
  .hide_if_small {
    display: none !important;
  }
  .break_if_small {
    word-break: break-all;
  }
  table.break_content {
    table-layout: fixed;
  }
  td.break_content, th.break_content { /* Forutsetter at tabellen har table-layout: fixed; */
    word-wrap: break-word;
  }
  .button {
    min-width: 99px;
  }
  .formtable select, .formtable .optionfield {
    max-width: 140px !important;
    min-width: 40px !important;
  }
  .formtable textarea, .formtable input[type=text], .formtable input[type=number] {
    min-width: 40px !important;
  }
  .inputfield {
    max-width: 100%;
    width: 140px !important;
  }
  .wide {
    min-width: 40px;
    max-width: 100%;
    width: 140px !important;
  }
}
@media screen and (max-width: 375px) {
  .hide_if_very_small {
    display: none !important;
  }
  .break_if_very_small {
    word-break: break-all;
  }
}
@media screen and (min-width: 376px) {
  .hide_if_not_very_small {
    display: none !important;
  }
}
@media screen and (min-width: 601px) {
  .hide_if_not_small {
    display: none !important;
  }
}
@media screen and (max-width: 920px) {
  .hide_if_medium {
    display: none !important;
  }
}
@media screen and (min-width: 921px) {
  .hide_if_not_medium {
    display: none !important;
  }
}
@media screen and (max-width: 1200px) {
  .hide_if_large {
    display: none !important;
  }
}
@media screen and (min-width: 1201px) {
  .hide_if_not_large {
    display: none !important;
  }
}
.diff_content {
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 3px;
  margin: 1px;
  min-width: 40px;
  box-sizing: border-box;
}

.wrong_content {
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 3px;
}

.wrong_info {
  margin: 0px;
}

#search_icon {
  border: 0;
  padding: 0;
  cursor: pointer;
  /*position: relative;
  top: -1px;*/
  top: -0.5px;
  right: 23px;
  background: none;
  font-size: 1rem;
  font-family: FontAwesome; /* Needs this for modal windows */
  margin-right: -14.85px; /* Prevents blocking of the outer element (iconwidth) */
  margin-right: -14.86px; /* Prevents blocking of the outer element (iconwidth) */
}

#search_icon.no_whitespace {
  right: 19px;
}

/* Search-box */
.topframe_searchform .wrapper, .search_wrapper {
  background: none repeat scroll 0 0 #ffffff;
  padding: 0;
  margin: 2px 2px;
  position: relative;
  border: 1px solid #666;
  border-radius: 3px;
  box-sizing: border-box;
  width: 175px;
  width: 11rem;
}
.topframe_searchform .wrapper input, .search_wrapper input {
  border: medium none;
  color: #333333;
  width: 100%;
  padding: 1px 26px 1px 4px;
  box-sizing: border-box;
  vertical-align: top;
  height: auto;
}
.topframe_searchform .wrapper button, .search_wrapper button {
  border: 0px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 2px;
  background: none;
  font-size: 1rem;
}

.search_wrapper {
  width: 202px;
  width: 12.625rem;
}

/* Limit width for chapter name, when creating links to docs */
#documentTable #chapter_select {
  max-width: 250px;
}

#topmenu_dropdown .topframe_searchform .wrapper {
  border: none;
  padding: 1px 1px 0px 4px;
}
#topmenu_dropdown .topframe_searchform button {
  top: 2px;
}

.clearfix {
  /* For IE 6/7 only */
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.eqs_should_hide {
  display: none !important;
}

.kpi_chart text tspan:nth-child(n+3) {
  display: none;
}

/* Personselector start */
.wrapperModal {
  height: 100%;
}
.wrapperModal .footer {
  box-sizing: border-box;
  height: 30px;
  padding: 4px 1em;
  margin: 0 -0.5em;
}
.wrapperModal .footer .button ~ .button {
  margin-left: 0.5em;
}
.wrapperModal.person .footer {
  border-top: 1px solid grey;
}
.wrapperModal .notFooter, .wrapperModal .content {
  height: calc(100% - 30px);
  overflow-y: auto;
  margin-right: -0.5em;
  margin-top: -0.5em;
  padding-top: 0.5em;
}
.wrapperModal .notFooter {
  min-height: 110px;
}
.wrapperModal .content {
  height: 100%;
  margin-bottom: -0.5em;
  padding-bottom: 0.5em;
}
.wrapperModal .notFooter > div, .wrapperModal .content > div {
  margin-right: 0.5em;
  padding-bottom: 0.5em;
}
.wrapperModal .button {
  min-width: inherit;
  width: 130px !important; /* .button has !important. Blame IE8 */
  margin: 0 0 0 0;
}

.acpPersonDiv {
  display: inline-block;
  width: 100%;
  max-width: 400px;
  box-sizing: border-box;
  vertical-align: top;
  border: 1px solid #bbb;
  height: 1.5rem;
  border-radius: 3px;
  background-color: #fff;
  /*input, button {
  	box-sizing: border-box;
  	height: calc(1.5rem - 2px);
  }*/
}
.acpPersonDiv input[type=text].textfieldWithButton {
  width: calc(100% - 18px);
  border: none;
  display: inline-block;
  padding: 0 0 0 4px;
  height: calc(1.5rem - 2px);
  margin: 0px;
  margin-right: -1px;
  vertical-align: top;
}
.acpPersonDiv input[type=text].textfieldWithButton:focus {
  outline: none;
}
.acpPersonDiv .textfieldWithoutButton {
  width: calc(100% - 0px);
  border: none;
  display: inline-block;
  padding: 0 0 0 4px;
  height: calc(1.5rem - 2px);
  vertical-align: baseline;
}
.acpPersonDiv .editButton {
  background-color: #fff;
  background-image: url("/extend/images/arrow_down.gif");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: right;
  border: none;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  font-size: 0px !important;
  width: 19px;
  height: calc(1.5rem - 2px);
}
.acpPersonDiv:hover {
  border-color: #888;
}
.acpPersonDiv.large {
  width: 250px;
}

.acpNameDiv {
  display: inline-block;
  background: #fff;
  width: calc(100% - 2px);
  margin: 0px;
  height: calc(1.5rem - 2px);
  box-sizing: border-box;
  position: relative;
}
.acpNameDiv .acpDelButton {
  position: absolute;
  right: 0px;
  /*top: 5px;*/
  background-image: url("/extend/images/delete_dgrey.gif");
  background-repeat: no-repeat;
  background-position: center;
  width: 11px;
  /*height: 11px;*/
  height: calc(1.5rem - 2px);
  display: inline-block;
  box-sizing: border-box;
  border: none;
  background-color: white;
  font-size: 0px;
}

.acpNameDivOuter {
  display: inline-block;
  width: calc(100% - 18px);
  height: calc(1.5rem - 2px);
  cursor: pointer;
  box-sizing: border-box;
  margin-right: -1px;
}

.acpNameDivOuter:hover .acpDelButton {
  background-image: url("/extend/images/delete_lgrey.gif");
}

.acpSpan {
  display: inline-block;
  width: calc(100% - 10px);
  /*white-space: nowrap;*/
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1rem;
  line-height: calc(1.5rem - 2px);
  padding-left: 4px;
  word-break: break-all;
  height: calc(1.5rem - 2px);
}

.viewmode .hide_in_viewmode {
  display: none;
}

.add_relations_div {
  padding: 12px;
  background-color: var(--grey-200);
  border-radius: 12px;
}

.relationselectoraddstuff {
  padding-top: 12px;
}

/* Personselector end */
/* Filterselector start  */
.filter-acp {
  border-radius: 3px;
  padding: 0.5px 0;
  max-height: 500px;
  overflow: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}
.filter-acp .ui-menu-item {
  white-space: nowrap;
}
.filter-acp .ui-menu-item .ui-state-active {
  color: inherit;
  background-color: #eee;
  border-color: #c5c5c5;
}
.filter-acp .ui-menu-item .ui-menu-item-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
}

.filter-acp-categories .ui-autocomplete-category {
  font-weight: bold;
  text-indent: 8px;
  display: block;
}
.filter-acp-categories .ui-menu-item {
  text-indent: 16px;
  display: block;
}

/* Filterselector end  */
#eqs_document td [style*=page-break-before] {
  page-break-before: auto !important;
}

/* https://developer.mozilla.org/en-US/docs/Learn/Forms/Advanced_form_styling */
input[type=checkbox], input[type=radio] {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  border: 1px solid #bbb;
  vertical-align: baseline;
  margin: 1px 3px calc((0.75rem - 1.125rem) / 2) 0;
}
input[type=checkbox]::before, input[type=radio]::before {
  /*content: "\2714";
  content: "\2B24";*/
  content: "";
  position: absolute;
  visibility: hidden;
  border-style: solid;
}
input[type=checkbox]:checked::before, input[type=radio]:checked::before {
  visibility: visible;
}
input[type=checkbox]:disabled, input[type=radio]:disabled {
  background-color: #ccc;
}
input[type=checkbox]::-ms-check, input[type=radio]::-ms-check {
  border-color: #bbb;
  color: #333;
}
input[type=checkbox]:hover, input[type=radio]:hover {
  border-color: #888;
}

input[type=radio] {
  border-radius: 50%;
}
input[type=radio]::before {
  border-radius: 50%;
  background-color: #333;
  border-width: 0;
  width: 50%;
  height: 50%;
  top: 25%;
  left: 25%;
}
input[type=radio]:checked:disabled::before {
  background-color: #666;
  border-color: #666;
}

input[type=checkbox]:checked::before {
  top: 0px;
  left: 4px;
  left: 0.25rem;
  width: 5px;
  width: 0.3125rem;
  height: 10px;
  height: 0.625rem;
  border-width: 0 3px 3px 0;
  border-width: 0 0.1875rem 0.1875rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-color: #fff;
}
input[type=checkbox]:indeterminate::before {
  width: 0px;
  height: 0px;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  border-color: #fff;
  visibility: visible;
  border-radius: 1px;
  border-width: 0px 9px 4px 1px;
  top: 6px;
  left: 3px;
}

/* MS Edge */
@supports (-ms-ime-align: auto) {
  input[type=checkbox], input[type=radio] {
    border-color: transparent;
  }
}
@media all and (max-width: 600px) {
  div#fullscreenimg > div > img {
    max-width: 80vw;
    min-width: auto;
    min-height: auto;
    height: auto;
  }
}
#fullscreenimg {
  position: fixed;
  text-align: center;
  width: 100%;
  height: 100vh;
  line-height: 100vh;
  z-index: 1000000;
  font-size: 0;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  top: 0px;
}
#fullscreenimg > div > img {
  max-width: 80vw;
  max-height: 80vh;
  box-sizing: border-box;
  vertical-align: middle;
}

img.fullscreenable {
  cursor: pointer;
}

/* In message */
table.formtable img.fullscreenable {
  max-width: 100%;
  max-height: 500px;
}

/* In message, registration or editing */
table.formtable span > img.fullscreenable {
  max-width: calc(100% - 12px);
  max-height: 500px;
}

/* In message overview (or filter in document) */
#messageTables table.messageTable img.fullscreenable {
  max-width: 200px;
  max-height: 200px;
}

@media all and (max-width: 600px) {
  #messageTables table.messageTable img.fullscreenable {
    max-width: 100%;
  }
}
#eqs_document.headerstyle h1, #eqs_document.headerstyle h2, #eqs_document.headerstyle h3, #eqs_document.headerstyle h4, #eqs_document.headerstyle h5, #eqs_document.headerstyle h6 {
  /* color: #2a2859; */
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 5px !important;
  padding-bottom: 10px !important;
  hyphens: auto !important;
  letter-spacing: -0.2px !important;
}
#eqs_document.headerstyle .fa-angle-right, #eqs_document.headerstyle .fa-angle-down {
  color: #2a2859 !important;
}
#eqs_document.headerstyle h1 {
  font-size: 1.75rem !important;
  hyphens: auto;
  line-height: 2.625rem !important;
  letter-spacing: -0.2px;
  /* background-color: #FFE7BC; */
  /* display: inline; */
}
#eqs_document.headerstyle h2 {
  font-size: 1.625rem !important;
  line-height: 2.5rem !important;
  hyphens: auto;
  /* background-color: #FFF2F1; */
  /* display: inline; */
}
#eqs_document.headerstyle h3 {
  font-size: 1.5rem !important;
  line-height: 2.15rem !important;
  /* background-color: #E5FCFF; */
  /* display: inline; */
}
#eqs_document.headerstyle h4 {
  font-size: 1.375rem !important;
  line-height: 2.125rem !important;
  /* display: inline; */
}
#eqs_document.headerstyle h5 {
  font-size: 1.25rem !important;
  line-height: 2rem !important;
  letter-spacing: -0.2px;
  /* display: inline; */
}
#eqs_document.headerstyle h6 {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
  letter-spacing: -0.2px;
  font-weight: bold;
  /* display: inline; */
}
#eqs_document.headerstyle h1.collapsible a:link, #eqs_document.headerstyle h2.collapsible a:link {
  text-decoration: none !important;
}

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