@font-face {
    font-family: 'Berlingske Serif';
    src:    url('/Web/FrontEndR/assets/fonts/berlingske/BerlingskeSerif-Bd.eot');
    src:    url('/Web/FrontEndR/assets/fonts/berlingske/BerlingskeSerif-Bd.eot?#iefix') format('embedded-opentype'),
            url('/Web/FrontEndR/assets/fonts/berlingske/BerlingskeSerif-Bd.woff2') format('woff2'),
            url('/Web/FrontEndR/assets/fonts/berlingske/BerlingskeSerif-Bd.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Berlingske Serif Text';
    src:    url('/Web/FrontEndR/assets/fonts/berlingske/BerlingskeSerifText-Rg.eot');
    src:    url('/Web/FrontEndR/assets/fonts/berlingske/BerlingskeSerifText-Rg.eot?#iefix') format('embedded-opentype'),
            url('/Web/FrontEndR/assets/fonts/berlingske/BerlingskeSerifText-Rg.woff') format('woff'),
            url('/Web/FrontEndR/assets/fonts/berlingske/BerlingskeSerifText-Rg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family:'Berlingske Sans';
	src:	url('/Web/FrontEndR/assets/fonts/berlingske/BerlingskeSans-lt.eot')format('embedded-opentype');
	src:	url('/Web/FrontEndR/assets/fonts/berlingske/BerlingskeSans-lt.woff2')format('woff2'),
			url('/Web/FrontEndR/assets/fonts/berlingske/BerlingskeSans-lt.woff')format('woff');
	font-weight: 300;
	font-style: normal;
}

html {
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 100%;
  background-color: white;
}
body {
  margin: 0;
  padding: 0;
}

* {
    box-sizing: border-box;
}
*:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  Clearing floats
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
.clearfix {
  display: block;
}
.clear {
  clear: both;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  Layout
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
a{
  text-decoration: none;
  color: black;
}
a:hover{
  text-decoration: underline;
}

.logo {
  float: left;
}
.header {
  margin-bottom: 20px;
}
.wrap {
  margin: 0 auto;
  height: 100%;
}
.mainregion.wide {
  width: 800px;
  background-color: #fff;
}
ul.publicationThumb {
  padding-left: 0;
}
ul.publicationThumb li {
  float: left;
  list-style: none;
  margin: 20px 15px 0 0;
}

input.publication{
  width: 34em;
}
input.findCase{
  width: 37.2em;
}
div.inputcolumnbutton .showBtnPublication{
  margin-left: 175px;
}
div.inputcolumnbutton .showBtnCase {
  margin-left: 210px;  
}


/*--------------- Read view ------------ */
#content {
  width: 100%;

}
.mainContent {
    padding: 0;
    position: relative;
}
.pageHeader {
    height: 70px;
    margin-bottom: 20px;
    padding: 20px 20px 0 30px;
}
.pageHeader img {
    height: 100%;
    width: auto;

}
.viewContainer {
  float: left;
  width: 100%;
  height: 100%;
 
}

.viewContainer .readContainer {
    float: left;
    width: 74%;
    margin: 0;
    height: 100%;

    float:right;
    margin-right: 100px;
}
.viewContainer .imageContainer {
  margin: 0 auto;
  position: relative;
  z-index: 0;
  padding: 0 60px 0 60px;
  height: 100%;
  width: 100%;
}
.viewContainer .imageContainer .viewer
{
  height: 100%;
}
.viewContainer .imageContainer img {
  width: 100%;
  float: left;
}
.viewContainer .imageContainer.small img {
  left: 0 !important;
}

.viewContainer .nav {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  border: 1px solid black;
  border-radius: 50%;

}


.viewContainer .nav.prev a,
.viewContainer .nav.next a {
  width: 100%;
  height: 100%;
  display: block;
}

.viewContainer .nav.next a {
  background: url("/Web/FrontEndR/assets/gfx/icons/arrow-right.svg") no-repeat center center;
  background-size: 12px 12px;
 } 
.viewContainer .nav.prev a {
  background: url("/Web/FrontEndR/assets/gfx/icons/arrow-left.svg") no-repeat center center;
  background-size: 12px 12px;
 } 

.viewContainer .nav.prev.inactive,
.viewContainer .nav.next.inactive
{
  display: none !important;
}

.tableOfContent {
  font-family: 'Berlingske Sans';
  font-size: 14px;
  z-index: 1;
  width: 450px;
  max-width: 95%;
  float: left;
  position: relative;
  background-color: #EBE7E4;
  display: block;
  height: 100%;
  min-height: 100%;

  position: absolute;
}

.tableOfContent .inner{
  padding: 20px 30px;
  background-color: #EBE7E4;
}
.tableOfContent .toggler-tab {
    background-color: #cecbc9;
    cursor: pointer;
    height: 40px;
    width: 40px;
    position: absolute;
    margin-top:60px;
    right:-20px;
    border-radius: 50%;
    border: white solid 2px;
}

.tableOfContent .toggler-tab:hover,
.nav.prev:hover,
.nav.next:hover,
.iviewer_button:hover {
    outline: 1px solid #cecbc9;
    border-radius: 50%;
}


.tableOfContent .collapsedText{
  display: none;
}

.tableOfContent .collapsedText img{
  margin: 32px 0 0 17px;
}

.tableOfContent .inner .header{
    font-family: 'Berlingske Serif Text';
  font-size: 20px;
  margin-bottom: 10px;
}

.tableOfContent ul {
  padding: 0px 15px 0px 15px;
  background-color: #fff;
}

.tableOfContent ul.main{
    padding:10px 10px;
    line-height:20px;
    margin-top: 0;
    height: 30%;
    overflow-y: scroll;
    list-style: none;
}

.tableOfContent ul li {
  list-style: none;
  margin: 10px 0 10px 0;
  position: relative;
}

::-webkit-scrollbar {
    width: 8px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(207, 27, 56, 1);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(207, 27, 56, 1);
}

.tableOfContent ul {
    list-style: none;
    margin:0;
    padding:0;
}​

.tableOfContent ul li > ul{
  padding-left: 0;
  list-style: none;
}

.tableOfContent ul li > ul > ul > li{
  list-style: none;
}

.tableOfContent li.active a {
    text-decoration: underline;
    color: #CF1B38;
}


.tableOfContent .level1{
  border-bottom: 1px solid #919191;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.tableOfContent .level1 a{
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

.tableOfContent .level2{
  padding-left: 0;
}
.tableOfContent .level2 li{
  margin-bottom: 10px;
}
.tableOfContent .level2 li a{
  
}

.tableOfContent ul.level3 {
    padding-left: 20px;
    
}

.tableOfContent ul.level3 li{
  margin-bottom: 10px;
    list-style: disc;
}

.tableOfContent ul.level3 li a,
.tableOfContent ul.level4 li a
{
  
}

.tableOfContent ul.level4{
  margin: 10px 0;
  padding-left: 15px;
  font-style: italic;
}

.tableOfContent .toggler { 
  background: url("/Web/FrontEndR/assets/gfx/icons/arrow_thick_right.svg") no-repeat center center;
  background-size: 32px 32px;
  transform: rotate(180deg);
  width: 24px;
  height: 10px;
  display: block;
}

.tableOfContent .toggler-tab.close {
  left:10px;
  background-color: white;
}

.tableOfContent .toggler-tab.close .toggler {
  background: url("/Web/FrontEndR/assets/gfx/icons/arrow_thick_right.svg") no-repeat center center;
  transform: rotate(0);

}

.tableOfContent .pager{
  width:100%;
  margin-top: 10px;
}

.tableOfContent .pager input[type="text"],
.tableOfContent .pdf_generator input[type="text"] {
    height: 35px;
    width: 40px;
    text-align: center;
}

.tableOfContent .pdf_generator span[disabled]{
    display: none !important;
}

.tableOfContent .pdf_generator {
    width:100%;
    border-bottom: 1px solid #BDBFC1;
}

.tableOfContent .pdf_generator .pdf_button p{
  color: #fff;

}

.tableOfContent .pdf_generator .floating_txt {
    font-family: 'Berlingske Serif Text';
  font-size:20px;
    padding: 20px 0;
    margin: 0;
    border-top: 1px solid #BDBFC1;        
    position: relative;
}

.tableOfContent .pdf_generator .floating_txt a {
    display:block;
}

.tableOfContent .pdf_generator .floating_txt a:after {
    visibility: visible;
    content:'';
    position: absolute;
    right: 0;
    top: 26px;
    width: 12px;
    height: 12px;
    background: url("/Web/FrontEndR/assets/gfx/icons/arrow-down.svg") no-repeat 0 -3px;
    background-size: 12px 12px;
}

.tableOfContent .pdf_generator.expanded .info_message p {
    margin-top: 0;
}

.tableOfContent .pdf_generator.expanded .floating_txt a:after {
    background: url("/Web/FrontEndR/assets/gfx/icons/arrow-red-up.svg") no-repeat 0 -2px;
    background-size: 12px 12px;
}

.tableOfContent .pdf_generator div.form label,
.tableOfContent .pdf_generator div.form input,
.tableOfContent .pdf_generator div.form span {
    font-family: 'Berlingske Sans';
  display: inline-block;
  vertical-align:middle;
}
.tableOfContent .pdf_generator div.form input {
    margin-right:5px;
}

.tableOfContent .pdf_generator div.form label {
    margin-right: 5px;
}

.tableOfContent .pdf_generator .info_message{
  font-size: 14px;
}

.tableOfContent .pdf_generator .error_message{
  color: #cf0e0b;
  text-align: right;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

.tableOfContent .pdf_generator .action_part{
  text-align: right;
}

.tableOfContent .pdf_generator .action_part > *{
  display: inline-block;
  font-family: 'Berlingske Sans';
}


.tableOfContent .pdf_generator .action_buttons.link a{
  color: #CF1B38;
  margin:10px 0;
  display: block;
  font-size: 16px;
}

.tableOfContent .pdf_generator .action_buttons.link a:hover {
    text-decoration: underline;
}

.tableOfContent .pdf_generator .pdfSelectorClass input[type=submit]{
  padding: 10px 20px;
  margin-left:10px;
  border: none;
  font-size: 16px;
  color: white;
  background-color: #3E75BF;
  cursor: pointer;
  -webkit-appearance: none;
}

.tableOfContent .pdf_generator .pdfSelectorClass input[type=submit]:hover{
  background: rgba(62,117,191, .8);
}

.tableOfContent .relatedCases .header{
    margin-top:30px;
  font-size: 20px;
  margin-bottom: 10px;
}


.tableOfContent .relatedCases{
  float: left;
  width: 100%;
  margin-top: 10px;
}

.tableOfContent .relatedCases > ul {
    height: 100%;
    line-height:20px;
}

.tableOfContent .relatedCases ul,
.tableOfContent .relatedCases ul li{
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  
}

.tableOfContent .relatedCases ul{
  overflow-y: scroll;
  padding: 20px 10px 5px 10px;
}

.tableOfContent .relatedCases ul li{
  margin-bottom: 10px;
}

.viewControls {
  float: right;
}

.viewer {
  position: relative;
  -webkit-box-shadow:  1px 1px 6px 6px rgba(0, 0, 0, 0.1);
  box-shadow:  1px 1px 6px 6px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}

/*---------- View settings set with cookies ------------*/
.cNormal {
  background-color: #fff;
}
.cBeige {
  background-color: #E0E3AC;
}
.sNormal .viewContainer .imageContainer {
  width: 80%;
}
.sNormal .viewContainer .imageContainer {
  width: 90%;
}

/*Change size*/
.reset {
  float: left;
}
.sZoomIn span {
  width: 35px;
  height: 35px;
  float: left;
  margin-left: 10px;
  background: url("/Web/Images/Digi/zoom_in.png") no-repeat scroll 0 0 transparent;
}
.sZoomOut span {
  width: 35px;
  height: 35px;
  float: left;
  margin-left: 10px;
  background: url("/Web/Images/Digi/zoom_out.png") no-repeat scroll 0 0 transparent;
}
.sNormal .viewContainer .imageContainer {
  width: 60%;
}
.sZoomIn .viewContainer .imageContainer {
  width: 70%;
}
.sZoomIn .viewContainer .imageContainer {
  width: 80%;
}

.close{
  background-color: #e7e7e7;
  display: block;
  border: 1px solid #dbdbdc; 
  width: 63px;
  height: 63px;
}


/*---------- View controls ------------*/
.controlPanel{
  background-color: #701C45;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  height: 100%;
}

.controlPanel .controls {
  margin:40px 0;
  text-align: center;
}

.controlPanel .controls .iviewer_button { 
    cursor: pointer;
    margin-bottom: 20px;
    display: block;
    background-size: 32px 32px;
    width: 40px;
    height: 40px;
    position: relative;
    border: none;
}

.wrapper.viewer {
  overflow: hidden;
}

.controlPanel .controls .iviewer_cursor {
  cursor: url("/Web/Images/Digi/hand.cur") 6 8, pointer;
}
.controlPanel .controls .iviewer_drag_cursor {
  cursor: url("/Web/Images/Digi/grab.cur") 6 8, pointer;
}

.controlPanel .controls .iviewer_zoom_in {
    background: url("/Web/FrontEndR/assets/gfx/icons/zoom_plus.svg") no-repeat center center;
}

.controlPanel .controls .iviewer_zoom_out {
    background: url("/Web/FrontEndR/assets/gfx/icons/zoom_minus.svg") no-repeat center center;
    transform: rotate(90deg);
}
.controlPanel .controls .iviewer_zoom_zero {
  display: none;
}
.controlPanel .controls .iviewer_zoom_fit {
    background: url("/Web/FrontEndR/assets/gfx/icons/viewport_fit.svg") no-repeat center center;
    background-size: 28px 28px;
}
.controlPanel .controls .iviewer_zoom_fit:after {
    content:"Tilpass";
    visibility: visible;
    color: white;
    font-family: 'Berlingske Sans';
    position: absolute;
    bottom: -3px;
    left: 1px;
    font-size: 14px;
} 
.iviewer_zoom_status {
  display: none;
}
.iviewer_rotate_right.iviewer_common,
.iviewer_rotate_left.iviewer_common {
  border: none;
}
.iviewer_button.iviewer_rotate_right,
.iviewer_button.iviewer_rotate_left,
.iviewer_button.iviewer_zoom_zero {
  display: none !important;
}
/* Livesearch */

.statusSearch{
  font-size: 1.2em;
}

ul.result {
  padding: 0;
  list-style: none;
  font-size: 1.2em;
}

ul.result li{
  margin-bottom: 20px;
}

ul.result .keyWord{
  clear: both;
  font-style: italic;
}

ul.result .theme,
ul.result .noKeytheme{
  font-size: 14px;
  margin-left: 15px;
}

ul.result .noKeytheme{
  margin-left: 0; 
}

@media screen and (max-width: 1024px) {
    .readContainer {
        width: 74%;
    }

    .viewContainer .imageContainer {
        position: relative;
        padding: 0 0 0 60px
    }

    .controlPanel {
        height: auto;
        border-radius: 4px;
    }

    .controlPanel .controls {
        margin: 20px 0;
    }
}