.form-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.form-row label {
    flex: 0 0 30%; /* Labels take 30% of the row width */
    text-align: left;
}

.form-row input, .form-row select {
    flex: 1; /* Inputs and selects take the remaining space */
}

.form-actions {
    text-align: center;
    margin-top: 10px;
}

.search_bar {
    width: 100%;
    background: #fff;
    border: 1px solid #AD4F0F;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.search_bar .row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.search_bar .column {
    flex: 1 1 calc(25% - 10px);
    min-width: 200px;
}

.search_bar h3 {
    font-size: 14pt;
    margin-bottom: 10px;
}

.search_bar label {
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

.search_bar .btn {
    background: #ef6600;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    transition: background 0.3s;
}

.search_bar .btn:hover {
    background: #AD4F0F;
}

.results {
    margin-top: 20px;
}

.pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

	
  .row {
    display: flex; 
    margin: 0;
    padding: 0;
	width: 100%;
  }

  .column {
    margin: 1px;; 
    padding: 1px;
  }

	.left {
	width: 20%;
		}
	
	.right {
	width: 80%; 
		}
		
		
  .row:after {
    content: "";
    display: block; 
    clear: none; 
    margin: 0px;
  }
  
  
.rounded_ts {
  border: 1px solid #AD4F0F;
  border-radius: 15px;
  -moz-border-radius: 15px;
}

.objects_stack_ts {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  position: relative;
}

.objects_stack_left_ts {
  grid-column: 4 / span 3;  
  grid-row: 1;
  overflow: auto;
}

.objects_stack_main_ts {
  grid-column: 5 / span 8;
}

.objects_stack_top_ts {
  grid-row: 1;
  z-index: 1;
}

.objects_stack_bottom_ts {
  grid-column: start 5;
  grid-row: 2;
}

.objects_stack_right_ts {
  grid-column: span 3;
  grid-row: 1;
}
		
		
		
		body
		{
			background-color: #e3e2dd;
			font-family: 'PT Sans', sans-serif;
			padding: 0px;
			margin: 0px;
			overflow-x: hidden;
		}
		#bar
		{
			width: 100%;
			margin: auto;
			height: 60px;
			background-color: #AD4F0F;
			display: inline-block;
			user-select: none;
		}
		.bar_child
		{
			height: 100%; 
			display: inline-block; 
		}	
		
		.bar_child a:visited
		{
		 color: #000000;	
			
		}
		
		
		
		.navbar
		{
			width: 100%;
			height: 50px;
			background-color: #ef6600;
			user-select: none;		
			position: sticky;
			position: -webkit-sticky;
			top: 0;	
			list-style-type: none;
			text-align: center;
			z-index: 10;
		}

		.navbar li 
		{
			display:inline-block;
			border-left: 1px solid rgb(173,79,15);
			padding-left: 20px;
			padding-right: 20px;
			font-size: 13pt;
			font-weight: bold;
		}
		.navbar li:first-child 
		{
			border-left: none
		}

		.navbar a
		{
			color: #e3e2dd;
		}
		
		.navbar a:hover
		{
			color: #000;
		}
		
		.navbar ul.menus {
			height: auto;
			width: 140px;
			background-color: #ef6600;
			position: absolute;
			z-index: 99;
			display: none;
			border: 0;
			text-align: left;
		    padding-left: 5px;
		}
		
		
		.navbar ul.menus li {
		  display: block;
		  width: 100%;
		  text-transform: none;
		  border-left: none;
		  text-align: left;
		  padding-left: 5px;
		  font-weight: normal;
		}

		.navbar li:hover ul.menus {
		  display: block;
		}		
		.rounded
		{
			border: 1px solid #AD4F0F;
			border-radius: 15px;
			-moz-border-radius: 15px;
		}
		.rounded_foot_rght
		{
			border-top: 1px solid #AD4F0F;
			border-left: 1px solid #AD4F0F;
			border-top-left-radius: 15px;
			-moz-border-top-left-radius: 15px;
		}
			
		.objects_stack
		{
			display: grid;
			grid-template-columns: repeat(12, 1fr);
			position: relative;
		}
		.objects_stack_metadata
		{
			grid-column:3/span 3;
			grid-row: 1;
		}

		
		.objects_stack_top
		{
			grid-column:4/span 8;
			grid-row: 1;
			z-index: 1;
		}
		.objects_stack_top_doc
		{
			grid-column:6/span 12;
			grid-row: 1;
			z-index: 1;
			overflow-y: scroll;
		}
		
		.objects_stack_bottom
		{
			grid-column:9;
			grid-row: 1;
		}
		div
		{
			padding: 10px;
		}
		div.hidden
		{
			display: none;
		}
		table
		{
			border: 1px black solid;
			border-collapse: collapse;
		}
		tr.headrow
		{
			background-color: #ef6000;
		}
		td
		{
			border: 1px black solid;
		    padding: 2px;
    		text-align: center;
		}

		#contents
		{
			/*padding: 10px;*/
			margin: auto;
		}

		h1
		{
			margin-top: 0px;
			margin-bottom: 0px;
			padding-top: 0px;
			padding-bottom: 0px;
		}
		p
		{
			text-align: justify;
			text-justify: inter-word;
		}
		
		a
		{
			color: 0;
		}
		.cite
		{
			font-size: 10pt;
		}

		#foot_menu
		{
			position: fixed;
			bottom: 0;
			right: 0;
			font-size: 13px;
		}
		#foot_menu a
		{
			color: rgb(255,255,255);
		}
		.btn
		{
			background: rgb(254,251,163);
			background: linear-gradient(132deg, rgba(254,251,163,1) 0%, rgba(226,152,77,1) 16%, rgba(91,90,64,1) 46%, rgba(2,2,0,1) 70%);
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			display: inline-block;
			width: 110px;
			height:25px;
			padding-top:5px;
			text-align: center;
		}
		
		#pass 
		{
			float:right;
			display: block;
			text-align: left;
		}

.container {
    display: flex;
    flex-wrap: wrap;
    }

.column {
    width: 25%; /* 4 kolumny */
    padding: 5px;
    box-sizing: border-box;
    }
	
	
/* collapsibility */

.collapsible {

  cursor: pointer;
  color: black;
  padding: 5px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}


.active, .collapsible:hover {
  color: white;
}

.collapsible:after {
  content: "\2228";
  color: black;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: '\2227';
}

.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
	
.row {
    display: flex; 
    margin: 0;
    padding: 0;
	width: 100%;
  }

.column {
    margin: 1px;; 
    padding: 1px;
  }

.left {
	width: 20%;
		}
	
.right {
	width: 80%; 
		}
		
		
.row:after {
    content: "";
    display: block; 
    clear: none; 
    margin: 0px;
  }