fieldset:has(> input[type="hidden"]:only-child) {display: none;}

.body-main {
	font-size: 1em;
	margin: 0px;
    padding-bottom: 100px;
	min-height: 100%;
    background-color: #bdbdbd !important;
}

.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);
}

.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);
}

.banner{
 border: 1px solid;
 padding: 6px;
 margin: 6px;
 text-align: center;
 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 */
        word-break:break-all;
	font-family: "Nunito Sans", "Tahoma","Helvetica", "Verdana","Arial";
    }

.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%;
padding: 5px !important;
}
.nav
{
 display:grid;
 grid-template-columns: 50px 200px 50px;
 margin-left: auto;
 margin-right: auto;
 width: fit-content;
}

.navbtn {
     font-size: 1em;
     /* 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: 1em; 
     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;
}


select {
width: 180px;
height: 2.5em;
padding: 5px;
font-size: 1em;
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;
}
        /* Make iframe responsive */
.pdf-container {
            position: relative;
            width: 100%;
            height: 100vh; /* Full viewport height */
            overflow: auto; /* Allow scrolling if content overflows */  
 }
/* Container to make iframe responsive */
    .iframe-container {
        position: relative;
        width: 90%;       /* Full width of parent */
        padding-bottom: 90%; /* 16:9 aspect ratio */
        height: 0;
        overflow: hidden;
    }

    .iframe-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;       /* Fill container width */
        height: 100%;      /* Fill container height */
        border: 0;         /* Remove default border */
    }