body {
	font-family: "Nunito Sans";
        font-style: normal;
	margin: 0px;
	font-size: 14px;
        padding-bottom: 100px;
	min-height: 100%;
}

.all {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1100px;
	display: flex;
	flex-direction: column;
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

.check_star {
  color: orange;
}

.input-background
{
background-color: rgba(0, 0, 0, 0.9);
}

p {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
}

h1,h2,h3{
color: var(--font-color);
}

h3{
border-bottom: 1px solid;
}

.moblink{
 display: none;
}

.fulllink{
 display: inline;
}

legend{
background-color: var(--header-background-color2);
color: var(--btn-font-hover-color);
}

.legend_sub_header{
background-color: var(--light-color);
color: var(--btn-font-hover-color);
}

select{
background-color: var(--btn-font-hover-color);
}

pre {
        max-width: auto;       /* Limit maximum width */
        overflow-x: auto;       /* Enable horizontal scroll if needed */
        background: var(--body-background-color);    /* Light background for readability */
        padding: 10px;          /* Add some spacing */
        border: 1px solid #ccc; /* Optional border */
        white-space: pre-wrap;  /* Wrap text instead of scrolling horizontally */
        word-wrap: break-word;  /* Break long words if needed */
    }

.carl-text{
 color: var(--font-color);
}


.section-carl {
    min-width: 60%;
    margin: 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    cursor: default;
    flex: 1;
    cursor: default;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;

height: fit-content;

}
.section-carl.big {
height: calc(100% - 30px);
}
.main-fieldset {
min-height: 100%;
}
.nav
{
 display:grid;
 grid-template-columns: 50px 200px 50px;
 margin-left: auto;
 margin-right: auto;
 width: fit-content;
}

.navbtn {
     font-size: 16px; 
     /* background: var(--btn-background-color); */
      background: white; 
     border-radius: 0.5em; 
     border-color: transparent;
     color: var(--btn-font-color); 
     cursor: pointer; 
     height: 35px; 
     max-width: fit-content; 
     width: fit-content; 
     margin: 5px 5px 5px 0px; 
     padding: 0px 10px 0px 10px; 
     display: inline-flex; 
     align-items: center; 
     border: 1px solid transparent; 
     vertical-align: middle;
}
.back-next-btn {
     font-size: 16px; 
     background: var(--control-background-color);
     border-radius: 0.5em; 
     border-color: transparent;
     cursor: pointer; 
     height: 35px; 
     max-width: fit-content; 
     width: fit-content; 
     margin: 5px 5px 5px 0px; 
     padding: 0px 0px 0px 10px; 
     display: inline-flex; 
     align-items: center; 
     border: 1px solid transparent; 
     vertical-align: middle;
}


.subtitle
{
text-align: center; 
font-size: 14px;
color: var(--subtitle-color);
}


select {
width: 180px;
height: 40px;
padding: 5px;
font-size: 16px;
color: var(--font-color);
border: 2px solid #ccc;
border-radius: 5px;
background-color: #f9f9f9;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);

}
select:hover {
 border-color: #888;
 cursor: pointer;
}
select:focus {
 outline: none;
 border-color: #555;
}


@media (max-width: 700px)
{


.moblink{
 display: inline;
}

.fulllink{
 display: none;
}
}
        /* Make iframe responsive */
.pdf-container {
            position: relative;
            width: 100%;
            height: 100vh; /* Full viewport height */
            overflow: auto; /* Allow scrolling if content overflows */  
 }
iframe {
  width: 100%; /* Full width of parent */  
  min-height: 100%; /* Match parent height */  
  border: none; /* Remove default border */  
  overflow: auto !important; /* Force scrollbars if needed *
}