/* ----------------------- THE DEFAULTS ----------------------- */
html {
  height: 100%;
  margin: 0 auto;
  padding: 0;
}

body {
  padding: 0px;
  height: 100%;
  min-width: 320px;
}

body, p, td, li, th {
  color: #000000;
}

/* ----------------------- LINKS ----------------------- */
/* ----------------------- DOCUMENT ----------------------- */
map[name=processmap] + img {
  display: block;
  margin: 0px auto;
}

#div_content_document img {
  max-width: 1200px;
}

#doc-label {
  padding: 5px 8px;
  margin-bottom: 10px;
}

#div_more_info {
  margin-top: 8px;
}
#div_more_info th {
  text-align: left;
  vertical-align: top;
}

.doclist {
  padding: 0;
  width: 100%;
  border: none;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
}

.local {
  background-color: #FFFFFF;
}

.global {
  background-color: #FFFFFF;
}

/* ----------------------- CHAPTER MENU ----------------------- */
#chapterTrigger {
  position: relative;
}

#chapterMenu {
  position: fixed;
  left: calc(50% - (1200px + 20px) / 2);
  /*overflow-y: auto;
  top: calc(110px - 1px);
  max-height: calc(100% - 110px);*/
}

#chapterMenu.minimized_topframe {
  top: 0px;
  top: 70px;
  max-height: calc(100% - 70px);
}

#chapterMenu.minimized_topframe > table {
  margin-top: 70px;
  margin-top: 0px;
}

@media only screen and (max-width: calc(1200px + 20px)) {
  #chapterMenu {
    left: 5px;
  }
}
.chapterMenu {
  background-color: #F8F8F8;
  border-bottom: 1px solid #666;
}

.chapterMenu:hover {
  background-color: #fff;
}

/* Fix for links to chapters in documents, so that the top of the chapter doesn't end up under the header*/
.anchor:before {
  content: "";
  display: block;
  height: 70px; /* fixed header height*/
  margin: -70px 0 0 0; /* negative fixed header height */
}

/* To make urls of the type <url>#id scroll below the fixed header */
#div_content_document a[name*=hapter] {
  display: block;
  position: relative;
  top: -80px;
  visibility: hidden;
}

/* ----------------------- Document links ----------------------- */
/* ----------------------- TABS ----------------------- */
#tab_container {
  max-width: calc(1200px + 11px);
  width: calc(100% - 9px);
}

#tab_container.fixed {
  top: 83px;
  z-index: 90;
}

#tab_container.minimized_topframe.fixed {
  top: 44px;
}

#tab_container > a, #chapterTrigger {
  background: #EEEEEE;
  cursor: pointer;
}

#tab_container > a + a, #tab_container > div + a {
  border-left: none;
}

#tab_container > a.selected, #tab_container > #chapterTrigger {
  background: #ffffff !important;
  cursor: default;
  border-bottom: 1px solid #ffffff;
}

@media only screen and (max-width: calc(1200px + 20px)) {
  #tab_container #topplenker {
    padding-right: 10px;
  }
}
@media only screen and (max-width: 600px) {
  #tab_container #topplenker {
    padding-right: 14px;
  }
}
/* clearfix */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/* For IE 6/7 only */
.clearfix {
  *zoom: 1;
}

/********************************************
* Everthing below here is for the topheader *
********************************************/
#eqs_topframe {
  position: fixed;
  z-index: 95;
  padding: 0px;
  margin: 0px;
  width: 100%;
  background-color: #FFFFFF;
  border-bottom: solid 4px #D92026;
  top: 0;
}

#eqs_topframe table {
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
}

@media screen {
  div.eqs_mainframe {
    box-sizing: content-box;
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    border-left: solid 1px #DDDDDD;
    border-right: solid 1px #DDDDDD;
    padding: 0px 10px;
    padding-bottom: 1px; /* prevents margin-collapsing */
    margin-bottom: -1px;
    margin-top: -1px;
    height: auto !important;
    min-height: 100%;
    position: relative;
  }
  .pad_top {
    padding-top: 83px;
  }
}
@media only screen and (max-width: 600px) {
  div.eqs_mainframe {
    padding: 0px 6px;
  }
}
#topframe {
  margin: 0px auto;
  max-width: calc(1200px + 20px);
  position: relative;
}

@media only screen and (max-width: calc(1200px + 20px + 60px + 60px)) {
  #topframe {
    max-width: calc(1220px - (1340px - 100vw) / 2);
    margin: 0px;
  }
}
#eqs_topframe td {
  padding: 0px;
}

#eqs_topframe.minimized_topframe {
  box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.2);
}

#logo_div {
  display: block;
  margin: 5px 0px;
  width: 340px;
  height: 70px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
}

#eqs_topframe.minimized_topframe #logo_div {
  width: 194px;
  height: 40px;
  margin: 1px 0px 0px 0px;
}

@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
  */
  #logo_div {
    transition: height 0.2s, width 0.2s;
  }
}
.td60x60 {
  min-width: 60px;
  max-width: 60px;
  text-align: center;
}

.td60x60 a {
  display: block;
  height: 34px;
  width: 100%;
  padding: 23px 0px;
}

#eqs_topframe.minimized_topframe .td60x60 a {
  padding: 4px 0px 3px 0px;
}

#stacked_doc {
  position: absolute;
  top: 11.2px;
  right: 14.4px;
  width: 22.4px;
  height: 22.4px;
  font-size: 22.4px;
  background: #ffffff;
}

/* Search-box */
#search_div {
  position: absolute;
  top: 21px;
  right: 10px;
  transition: top 0.2s, left 0.2s;
}

.minimized_topframe #search_div {
  top: 6px;
}

.search_wrapper {
  border: 1px solid #D92026;
}

.td60x60.toggle_search {
  display: none;
}

@media only screen and (max-width: 450px) {
  .td60x60.toggle_search {
    display: table-cell;
  }
  #search_div, .minimized_topframe #search_div {
    top: 44px;
    right: -60px;
    display: none;
  }
}
@media only screen and (min-width: 451px) {
  #search_div {
    /* fix for when a user has hidden the search field on a small screen, and later changed to a big screen */
    display: block !important;
  }
}
#categorymenu.categorymenu_left > div {
  background-color: #D92026;
}

/* Register messages */
em.fa-list-alt {
  bottom: 0;
}

#outer_register_deviation {
  position: absolute;
  top: 25px;
  right: 222px;
  right: calc(12.875rem + 16px);
}

.minimized_topframe #outer_register_deviation {
  top: 10px;
}

@media only screen and (max-width: 600px) {
  #outer_register_deviation {
    font-size: 24px;
  }
  .minimized_topframe #outer_register_deviation {
    top: 6px;
  }
}
@media only screen and (max-width: 450px) {
  #outer_register_deviation {
    right: -10px;
    font-size: 24px;
  }
  .minimized_topframe #outer_register_deviation {
    top: 4px;
  }
}
#eqs_document map {
  display: inline-block;
}

.ui-autocomplete.ui-widget.ui-menu li a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 160px;
}

@media only screen and (max-width: calc(1200px + 20px + 60px + 60px)) {
  .td60x60.help_center {
    display: none;
  }
}
/* Override jquery.ui.min.css */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: solid 1px #CCC;
  color: #333;
  background: #CCC;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited,
.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #333;
  font-weight: normal;
}

.eqssearch-ui-widget {
  max-width: 170px;
  overflow: hidden;
}

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