/* 
  Generel, grundlæggende styling som er fælles for *alle* standard-løsninger og *alle* sites. 
  Løsnings- og site-specifik styling skal absolut *ikke* laves her!
  Det skal laves i stylesheets som skal befinde sig sig site.* og solution/*
*/

.collapseIcon,
header.page-header h1.page-header-heading,
header.page_header .page-header-subheading {
  color: #317EAC;
}

/* Generelle struktur-elementer */

.form-frame,
.block-frame {
  margin-top: 10px;
  border: 1px solid #dddddd;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);
}

  .form-frame .form-header,  
  .form-frame .form-frame-topbuttons,
  .form-frame .form-frame-topfilters,
  .form-frame .form-frame-body,
  .form-frame .form-frame-buttons,
  .form-frame .form-frame-help,
  .block-frame .block-header,
  .block-frame .block-content,
  div.buttons {
    padding: 9px 12px;
  }

  .form-frame .form-frame-buttons {
    padding-top: 3px;
    padding-bottom: 6px
  }

  .form-frame-basic .form-header {
    padding: 0 0 12px 0;
  }

  .block-frame .block-buttons {
    padding-top: 9px;
  }


/* Header og logo (på default og mypage) */

.site-header-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 8px;
}

#site-header-logo,
#site-header-title {
  display: inline-flex;
  flex-direction: column;
}

  #site-header-logo.align-logo-top,
  #site-header-title.align-title-top {
    justify-content: flex-start;
  }

  #site-header-logo.align-logo-middle,
  #site-header-title.align-title-middle {
    justify-content: space-around;
    margin-left: auto;
    margin-right: auto;
  }

  #site-header-logo.align-logo-bottom,
  #site-header-title.align-title-bottom {
    justify-content: flex-end;
  }

  #site-header-logo a {
    display: inline-block;
  }

  #site-header-logo img {
    max-height: 92px;
    max-width: 800px;
  }

@media (max-width: 1199px) {
  #site-header-logo img {
    max-width: 600px;
  }
}

@media (max-width: 991px) {
  #site-header-logo img {
    max-width: 400px;
  }
}

@media (max-width: 767px) {
  #site-header-logo img {
    max-width: 240px;
  }
}

@media (max-width: 575px) {
  #site-header-logo img {
    max-width: 128px;
  }
}

#site-header-title-text {
  font-size: 48px;
  font-weight: bold;
  text-align: right;
}


/* Overskrifter */

header.page-header {
  background-color: #FBFBFB;
  background: linear-gradient(#FFFFFF, #F5F5F5);
  border: 1px solid #DDDDDD;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 0 #FFFFFF inset;
  padding: 10px 0 0 0;
  margin: 0 0 15px 0;
}

  header.page-header h1 {
    font-size: 20px;
  }

  header.page-header h1,
  header.page-header .page-header-subheading {
    font-weight: bold;
    padding: 0;
    margin: 0 12px 10px 12px;
  }

.form-frame > .form-header,
.block-frame > .block-header {
  background-color: #FBFBFB;
  background: linear-gradient(#FFFFFF, #EEEEEE);
  border-color: #DDDDDD;
  border-radius: 3px 3px 0 0;
  border-style: none none solid;
  border-width: medium medium 1px;
  margin-bottom: 0;
  min-height: 12px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #317EAC;
}

  .form-frame > .form-header,
  .form-frame > .form-header h2,
  .block-frame > .block-header h2 {
    font-size: 14px;
    font-weight: bold;
    color: #317EAC;
  }

    .form-frame > .form-header h2,
    .block-frame > .block-header h2 {
      margin: 0;
      padding: 0;
      display: inline-block;
    }

.form-frame-basic > .form-header h2 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0
}

html body h3 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 16px;
  margin-bottom: 12px;
}

  html body h3.divider {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 8px;
    padding-bottom: 7px;
  }

html body h4 {
  font-weight: bold
}

/* Form-frame */

.form-frame {
  transition: border-color .5s ease, box-shadow .5s ease;
}

  .form-frame .form-frame-body > h3:first-child {
    margin-top: 0;
  }

  .form-frame .form-header #sectionShortCuts a {
    display: inline-block;
    font-size: 12px;
    text-shadow: none;
    padding: 2px 4px;
    margin-right: .5em;
    font-weight: normal;
    color: #777777;
    border-radius: 3px;
  }

    .form-frame .form-header #sectionShortCuts a:hover {
      text-decoration: none;
      background-color: #e2e2e2;
      color: #444444;
    }

.form-frame-body > .form-frame.collapsible {
  box-shadow: none;
  margin-left: -13px;
  margin-right: -13px;
  border-radius: 0;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  margin-bottom: 0;
}

.form-frame.collapsible > header .icon.collapsible-icon {
  padding-right: 0.2em;
  font-size: 15px;
  position: relative;
  top: 1px;
  cursor: pointer;
}

.form-frame.collapsible.state-collapsed > header .icon.collapsible-setstate-collapse,
.form-frame.collapsible.state-expanded > header .icon.collapsible-setstate-expand {
  display: none;
}

.form-frame[data-formframe-changed=true],
.form-frame[data-formframe-changed=true] > .form-header,
.form-frame.collapsible[data-formframe-changed=true] {
  border-color: #ec971f;
  box-shadow: inset 0px 0px 10px 0px rgba(236,151,31,0.3), 0px 0px 10px 0px rgba(236,151,31,0.3);
}

.form-frame.collapsible.state-collapsed[data-formframe-changed=true] {
  border-bottom-color: transparent;
}

.form-frame h4 {
  font-size: 13px
}

.form-frame-topfilters {
  border-bottom: 1px solid #dddddd
}

.form-frame.notopmargin {
  margin-top: 0;
}

/* Block-frame */
.blocks-area > .block-frame:first-child {
  margin-top: 0;
}

.block-header {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.block-header, 
.block-header > * 
{
  line-height: 1
}

.block-header > h2.block-header-heading {
  margin-right: auto;
  padding-right: 1em
}

.block-header .btn {
  margin: -4px 0 -4px 1em
}

.block-header .block-header-data-count {
  text-shadow: none;
  font-weight: bold;
  white-space: nowrap;
}

.block-frame .ajax-block-loader {
  padding: 20px;
  text-align: center;
}

  .block-frame .ajax-block-loader .icon.fa-spinner-animated {
    font-size: 40px;
    color: #DDDDDD;
  }

.item-bullet {
  display: inline-block;
}

  .item-bullet .icon {
    font-size: medium;
  }

/* Buttons */

div.buttons button,
div.buttons input[type=submit],
div.form-frame-buttons button,
div.form-frame-buttons input[type=submit],
div.form-frame-basic-buttons button,
div.form-frame-basic-buttons input[type=submit],
div.workflow_buttons button,
div.workflow_buttons input[type=submit] {
  margin-right: 1em;
}

  div.buttons button:last-child,
  div.buttons input[type=submit]:last-child {
    margin-right: 0em;
  }

html body table tr td.actionIcon
{
  padding-left: 0
}

tr td.actionIcon *
{
  visibility: hidden; 
}

tr:hover td.actionIcon *
{
  visibility: visible
}

@media print {
  tr td.actionIcon {
    display: none
  }
}

/* Workflows */

.mod-workflow .pageheaderSubheader img,
.mod-workflow .page-header-subheading img {
  display: none;
}

.mod-workflow .pageheaderSubheader span,
.mod-workflow .page-header-subheading span {
  display: inline;
  margin-right: 1ex;
}

.mod-workflow .pageheaderSubheader .icon.workflow-arrow,
.mod-workflow .page-header-subheading .icon.workflow-arrow {
  opacity: 0.3;
  display: inline;
  font-size: smaller;
  vertical-align: text-bottom;
}

.mod-workflow .pageheaderSubheader span.TrueColor {
  font-style: italic;
  color: #444444;
}

.workflow_buttons {
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-top: 18px;
  padding: 12px 12px 6px 12px;
}



/* Generel og overordnet side-layout */

#site-header a.site-header-link,
#site-header a.site-header-link:hover,
#site-header a.site-header-link:visited,
#site-header a.site-header-link:active {
  display: block;
  outline: none;
  text-decoration: none;
}

` #site-header #site-header-image,
#site-header #site-header-text {
  display: inline-block;
}

/* default.aspx */

body.default {
  width: 75%;
  margin: auto;
  padding-top: 1em;
}

  body.default #site-header,
  body.default #page-content {
    margin-bottom: 20px;
  }

    body.default #site-header a.site-header-link {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 10px;
      min-height: 80px;
      white-space: nowrap;
    }

    body.default #site-header #site-header-image,
    body.default #site-header #site-header-text {
      display: flex;
      white-space: nowrap;
      font-size: 40px;
      font-weight: bold;
      color: black;
    }

    body.default #site-header #site-header-image {
      margin-right: 20px;
    }

      body.default #site-header #site-header-image img {
        vertical-align: initial;
        position: relative;
        top: 5px;
      }


/* Hjælpeklasser til sideindhold */

.simplelist ul,
.simplelist li {
  list-style-type: none;
}

.aligntop {
  vertical-align: top !important;
}

.alignleft,
.align-left table[class] th.alignleft,
table[class] td.alignleft,
table[class] th.align-left,
table[class] td.align-left {
  text-align: left;
}

.alignright,
.align-right,
table[class] th.alignright,
table[class] td.alignright,
table[class] th.align-right,
table[class] td.align-right,
table[class] th.amount,
table[class] td.amount {
  text-align: right;
}

.aligncenter,
.align-center,
table[class] th.aligncenter,
table[class] td.aligncenter,
table[class] th.align-center,
table[class] td.align-center {
  text-align: center;
}

.no-wrap,
table[class] th.no-wrap,
table[class] td.no-wrap {
  white-space: nowrap;
}

html body table tr th.number-xs,
html body table tr td.number-xs {
  text-align: right;
  width: 2em;
  white-space: nowrap;
}

html body table tr th.number-sm,
html body table tr td.number-sm {
  text-align: right;
  width: 4em;
  white-space: nowrap;
}

html body table tr th.number-md,
html body table tr td.number-md {
  text-align: right;
  width: 6em;
  white-space: nowrap;
}

html body table tr th.number-lg,
html body table tr td.number-lg {
  text-align: right;
  width: 8em;
  white-space: nowrap;
}

html body table tr th.number-xl,
html body table tr td.number-xl {
  text-align: right;
  width: 12em;
  white-space: nowrap;
}

table tr td.date {
  white-space: nowrap;
  text-align: right;
  width: 6em;
}

  table tr td.date.date-from,
  table tr td.date.date-to {
    width: 6em;
  }

html body table tr th.date.date-from,
html body table tr td.date.date-from {
  padding-right: 4px;
}

table tr:not(.header) td.date.date-from:not(:empty)::after,
span.date.date-from:not(:empty)::after {
  content: ' \279c'; /* Unicode-højrepil */
  opacity: 0.6;
}

table tr td.date.date-to {
  text-align: left !important;
}

html body table tr th.date.date-from + th.date.date-to,
html body table tr td.date.date-from + td.date.date-to {
  padding-left: 0;
}

html body table tr td.datetime
{
  white-space: nowrap;
  text-align: right;
  width: 9em
}

html body table tr.bold *,
html body table tr td.bold,
html body table tr td.bold * {
  font-weight: bold
}

ul.file-list.compact li a
{
  display: inline-block;
  vertical-align: middle;
  max-width: 12em;
  overflow: hidden;
  text-overflow: ellipsis
}

input[type=checkbox] + label,
input[type=radio] + label {
  break-before: avoid
}

.phone + .cbx {
  white-space: nowrap
}

/* Diverse */
.mod-startpage .loginPage,
.mod-login .loginPage {
  margin: 0 auto;
}

@media not print {

  .only-print {
    display: none;
  }

}

@media print {

  .no-print {
    display: none !important;
  }

  header.page-header h1 {
    font-size: 12pt
  }

  .block-header {
    page-break-inside: avoid;
  }

  nav.tabBar {
    display: none
  }
}