/* --------- detailsLevel 1 -----------  */

h1 {
    font-size: 1.5rem;
}
.detailsLevel1 {
   
	background-color: #b3c4d3;
    
	border: #ffffff;
	border-style: solid;
	border-width: thin;
	border-radius: 4px;
  
  
	padding:0px;
  

  margin-bottom:10px;
  
}

.summaryLevel1 {
   cursor: pointer;
  list-style-position: outside;
  margin-left: 5px;
  
  
  padding: 8px 8px 8px 8px;
  color:#000000;
  font-size:large;
  font-weight:normal;
  
  
    
}
.summaryLevel1:hover  {
	background-color:#c3d0db;
}

.summaryLevel1:active  {
	background-color:#b3c4d3;
}


.detailContent1 {
	background-color: #ffffff;
	padding: 5px;
	 padding-left: 8px;
	 
	    border: #ffffff;
   border-style: solid;
   border-width: thin;
   	 border-radius: 0px;
	 
	
}



/* --------- detailsLevel 2 -----------  */
.detailsLevel2 {

	
/*   background-color: #e2ebef;
    
   border: #ffffff;
   border-style: solid;
   border-width: thin;
	



   border-radius: 4px;
  
    
   padding:0px;
   
  margin-bottom:10px;
	  margin-top:10px;
	  
*/

background-color: #ffffff;
  
    
   border: #b3c4d3;
   border-style: solid;
   border-width: thin;
	


  
  
  
   border-radius: 0px;
  
  padding:5px;
  
  margin-bottom:2px;
  border-style: none none solid none;
    pading-top:10px;


	
}


.summaryLevel2 {
  cursor: pointer;
  list-style-position: outside;
  margin-left: 0px;
  padding: 5px 5px 5px 8px;
  
    font-size:large;
    font-weight:normal;
  color:#000000;
  
  
   
}

.summaryLevel2:hover  {
	background-color:#f8fcff;
}

.summaryLevel2:active  {
	background-color:#e2ebef;
}


.detailsLevel2 li {
	padding:5px;
} 

.detailContent2 {
		background-color: #ffffff;
	padding: 5px;
	 padding-left: 0px;
	 
	 
 border: #ffffff;
   border-style: solid;
   border-width: thin;
   border-radius: 8px;
   border-radius: 0px;
       padding-top: 10px;


    
} 

/* --------- detailsLevel 3 -----------  */
.detailsLevel3 {
	background-color: #ffffff;
  
    
   border: #ddecf9;
   border-style: solid;
   border-width: thin;
	


  
  
  
   border-radius: 0px;
  
  padding:5px;
  
  margin-bottom:2px;
  border-style: none none solid none;
    pading-top:10px;
  
}

.summaryLevel3 {
  cursor: pointer;
  list-style-position: outside;
  margin-left: 10px;
  padding: 3px 3px 3px 3px;
  
  
    font-size:medium;
    font-weight:normal;
	color:#000000;
	
	
}


.summaryLevel3:hover  {
		background-color:#f8fcff;
}

.summaryLevel3:active  {
	background-color:#ffffff;
}


.detailContent3 {
		background-color: #ffffff;
	padding: 10px;
	 padding-left: 0px; 
		    border: #ffffff;
   border-style: solid;
   border-width: thin;
	
		  border-radius: 0px;
	
} 
.detailsLevel3:first-of-type {
   border-style: solid none solid none;
}

.detailsLevel2:first-of-type {
   border-style: solid none solid none;
}


.helpSection h1,p {
	margin-left: 10px;
}


/* --------- shared -----------  */

.helpSection ul, ol {
      padding-left: 60px;
    padding-bottom: 12px;
}
 
.helpSection ul {
	list-style-type: disc;
}

/* Rolf: add scroll offset to ensure that content breaks free of website mask (top) */
/*.summaryLevel1, .summaryLevel2, .summaryLevel3  {
  	scroll-margin-top: 50px;
}*/


.helpSection p a, .helpSection li a  {
	color: #0564a4;
    text-decoration: underline;
}

.helpSection a:hover {
    text-decoration: none;
}


.helpSection p {

	margin-bottom: 10px!important; 
	font-size:medium;
}
.helpSection h1 {
	font-size: 1.2rem;
}

.helpSection li {
	font-size : medium;
}


.hiliteSummaryNumber {
	font-weight: bold;
	margin-right:2px; 
}
 
summary::marker {
  color: #00396B;

     
}
/* Move page */ 
 /*
.section {
    margin-top: -35px!important;
}
*/

/* Hide the standard print button - hide all in top bar because otherwise it's not clickable */

.title {
    visibility: hidden;
}
 


#PrintCntainer {
            
        }
#printHelpImg {
 float: right;
    width: 2rem;
	  cursor: pointer;
}

@media print {
	.detailsLevel1 {
		border: #ffffff!important;
		border-style: none!important;
	}
	.detailsLevel2 { 
		border: #ffffff!important;
		border-style: none!important;
	}
	
	.detailsLevel3 { 
		border: #ffffff!important;
		border-style: none!important;
	}
}



summary {

  list-style: none;
  display: flex;
 
  align-items: center;
   
  
  font-weight: bold;
    gap: 0;
	
	
	
	
}

/* background: url('@MYCHART@ABSOLUTEURL@da-DK/images/down_chevron_heading.svg') no-repeat;*/

/*summary::before {
	
	
  content: '';
  width: 16px;
  height: 16px;
  min-width:16px;
	
 
	 background: url('../images/down_chevron_heading.svg') no-repeat;
	

 background-size: cover;
  transition: 0.2s;

}*/




.summaryLevel1::before {
	
  content: '';
  width: 16px;
  height: 16px;
  min-width:16px;
	
  	 background: url('../images/down_chevron_heading.svg') no-repeat;
	

 background-size: cover;
  transition: 0.2s;

}

.summaryLevel2::before {
	
  content: '';
  width: 14px;
  height: 14px;
  min-width:14px;
	
  	 background: url('../images/down_chevron_heading.svg') no-repeat;
	

 background-size: cover;
  transition: 0.2s;
  
  
}

/*.summaryLevel3::before {
	
  content: '';
  
  width: 12px;
  height: 12px;
  min-width:12px;
	

	 background: url('../images/down_chevron_heading.svg') no-repeat;

 background-size: cover;

	

  transition: 0.2s;
 
 
}*/


/*

.detals3 summary::before {
	background: url('../images/down_chevron_heading.svg2') no-repeat;
} 
*/

/*details[open] > summary::before {
  
  transform: scaleY(-1);
}*/




details[open] > .summaryLevel1::before,
details[open] > .summaryLevel2::before {
  transform: scaleY(-1);
}

/*summary::-webkit-details-marker {
  display: none;
}*/

.summaryLevel1::-webkit-details-marker,
.summaryLevel2::-webkit-details-marker {
  display: none;
}


.summaryLevel1:before {
    margin-right: 15px;
}
.summaryLevel2:before {
    margin-right: 15px;
}
.summaryLevel3:before {
    margin-right: 15px;
}

/*.helpSection {*/
.helpSection {
	min-height:5000px;
	
}

@media print {
	.helpSection {
		min-height:unset;
	}
	
	div {
		border-style: none !important;
	}
}


/*@media only screen and (min-width: 1000px) {*/
	.detailContent1 {
		padding-left: 30px;
	}
	
	.detailContent2 {
		padding-left: 30px;
	}
	
	.detailContent3 {
		padding-left: 35px;
	}

/*}*/

@media only screen and (max-width: 1000px) {
	.detailContent1 {
		padding-left: 0px;
	}
	
	.detailContent2 {
		padding-left: 10px;
	}
	
	.detailContent3 {
		padding-left: 6px;
	}
}

@media (pointer: fine) {
  .desktopOnly {
    
  }
}

@media (pointer: coarse) {
  .desktopOnly {
    display:none; 
  }
}



/* MinSpPreLoginPage */

.MinSpPreLoginPage {
    margin-top: 5px;
    margin-left: 2px;
}

.MinSpPreLoginPage ul, ol {
  padding-left: 40px;
margin:10px;
}
 
.MinSpPreLoginPage ul {
	list-style-type: disc;
}

.MinSpPreLoginPage li {
    margin: 10px;
}


.MinSpPreLoginPage li a {
	color: #0564a4;
    text-decoration: underline;
}

.MinSpPreLoginPage li a:hover {
    text-decoration: none;
}





/* ---------- Rolf 14-09 */


details .summaryLevel3 {
  position: relative;
  padding-left: 1.5em; /* giver plads til ikonet */
  cursor: pointer;
  display: block; /* sikrer at ::before placeres korrekt */
}

details .summaryLevel3::before {
  content: "+";
  position: absolute;
  left: 0;
  font-weight: bold;
  color: #00396B;
}

details[open] > .summaryLevel3::before {
  content: "−";
}

/*

details .summaryLevel3 {
  position: relative;
  padding-left: 1.5em;
  cursor: pointer;
}

details .summaryLevel3::before {
  content: "+";
  position: absolute;
  left: 0;
}

details[open] .summaryLevel3::before {
  content: "−"; 
}
*/



/* ------------------- Rolf 14-09 */