body {
	background-color: #f6f6f6;
	font-family: "Noto Serif", "Times New Roman";
	font-size: 12pt;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Noto Serif", "Times New Roman";
	font-weight: 400;
}

a {
	color: #0b4d43;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="datetime-local"],
textarea {
	border: 1px solid #bfbfbf;
	font-family: 'Open Sans', sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 4px;
}

input[type="number"] {
	width: 80px;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button.reset-form {
	background-color: #c0c0c0;
	border: 1px solid #bfbfbf;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 4px;
}

button.reset-form {
	padding: 4px 12px;
}

	button.reset-form:hover {
		background-color: #d0d0d0;
	}

input[type="submit"].submit-form {
	border-color: #0b4d43; 
	background-color: #0b4d43;
	color: #f0f0f0;
	cursor: pointer;
	padding: 4px 12px;
}

	input[type="submit"].submit-form:hover {
		background-color: #9c5161;
	}

input[type="date"] {
	width: 140px;
}

select {
	border: 1px solid #bfbfbf;
	font-family: 'Open Sans', sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 4px;
}

fieldset.flat {
	border: none;
}

table {
	max-width: 100%;
}

div.login-option-container {
	border-width: 1px;
	border-style: solid;
}

a#login-btn {
	background-image: url('/static/img/default/eduid_button_belepes_retina_gray.png');
	background-repeat: no-repeat;
	background-size: 122px 21px;
	display: block;
	height: 21px;
	margin: 20px auto;
	width: 122px;
}

div.messages {
	border: 1px solid #0b4d43;
	padding: 15px 20px;
	max-width: 1160px;
}

	div.messages p {
		margin: 5px;
	}

	div.messages p.error {
		text-align: left;
		color: red;
	}

	div.messages p.warning {
		color: #4267b2;
	}

	div.messages p.info {
		color: green;
	}

	div.messages p.notice {
		color: #808080;
	}

div#site-container {
	margin: 0px auto 0px auto;
}

svg.svg-image {
	height: 40px;
	width: auto;
	fill: #808080;
}



	header div.topbar {
		border-bottom: 1px solid #cdcdcd;
		padding: 0.5rem 0 0.5rem 0;
	}

		header div.topbar div.content {
			align-items: center;
			display: flex;
			justify-content: space-between;

			font-family: "Times New Roman";
			font-style: italic;
			font-weight: 400;
		}

			header div.topbar div.content a.bme-logo {
				background-image: url('/static/img/default/bme-logo.png');
				background-position: center left;
				background-repeat: no-repeat;
				background-size: 196px 40px;
				height: 40px;
				width: 196px;
			}

				header div.topbar div.content div.links a {
					color: black;
					margin: 0 10px 0 0;
				}

				header div.topbar div.content div.links a span.bme {
					font-weight: 600;
					font-style: normal;
				}

				header div.topbar div.content div.links-2 {
					align-items: center;
					display: flex;
				}

					header div.topbar div.content div.links-2 a.normal {
					}

					header div.topbar div.content div.links-2 a.language-button {
						text-decoration: none;
					}

					header div.topbar div.content div.links-2 a.language-button:hover {
					}

					header div.topbar div.content div.links-2 a.language-button.active {
						background: #0b4d43;
						color: white;
						padding: 8px;
					}

	header div.main {
		border-bottom: 1px solid #cdcdcd;
	}

		header div.main div.content {
			align-items: center;
			display: flex;
			height: 100px;
			justify-content: space-between;
		}

			header div.main div.content div.content-1 {
				align-items: center;
				display: flex;
				height: 100px;
			}

/*
				header div.main div.content div.content-1 a.bme-logo {
					background-image: url('/static/img/default/bme-logo.png');
					background-position: center left;
					background-repeat: no-repeat;
					background-size: 245px 50px;
					height: 70px;
					width: 245px;
				}
*/

				header div.main div.content div.content-1 a.site-logo {
					background-image: url('/static/img/default/BME-VBK_LOGO_2025_horizontal_color_hun_.png');
					background-position: center left;
					background-repeat: no-repeat;
					background-size: 360px 60px;
					display: inline-block;
					height: 100px;
					width: 360px;
				}

				header div.main div.content div.content-1 h1 {
					font-family: "Noto Serif";
					/* font-style: italic; */
					font-size: 20pt;
					font-weight: 600;
					/* margin-left: 20px; */
				}

					header div.main div.content div.content-1 h1 a:hover {
						text-decoration: none;
					}


p.path {
	color: #808080;
	font-family: "Times New Roman";
}

	p.path a {
		color: #808080;
	}

	p.path a:hover {
		color: #0b4d43;
		text-decoration: none;
	}


div.gallery {
	margin: 30px 0px;
}

	div.gallery h1 {
		margin: 0;
	}

	div.gallery p.date {
		color: #808080;
		font-family: "Times New Roman";
		font-size: 12pt;
		margin-top: 5px;
	}

	div.gallery div.options {
		color: #808080;
		font-family: "Times New Roman";
		margin: 20px 0px 0px 0px;
	}

		div.gallery div.options div.option {
			display: inline-block;
			padding: 8px;
		}

		div.gallery div.options div.option.selected {
			border-bottom: 1px solid #0b4d43;
		}

			div.gallery div.options div.option a {
				color: #808080;
				text-decoration: none;
			}

			div.gallery div.options div.option.selected a {
				color: #0b4d43;
				text-decoration: none;
			}


div#thumbnails {
	clear: both;
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	gap: 1em;
	margin: 1em 0 0 0;
}

		div#thumbnails > div.picture img {
			width: 100%;
		}


footer {
	border-top: 1px solid #cdcdcd;
	padding: 1rem 0;
}

	footer div.content {
		font-family: "Times New Roman";
		font-weight: 400;
	}

h1.site-name {
	display: none;
}


div.paging {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin: 1em 0 0 0;
	width: 100%;
}

	div.paging div.page-numbers {
		line-height: 2em;
		text-align: left;
	}

		div.paging div.page-numbers span.page-button {
			display: inline-block;
			font-size: 12px;
			min-width: 34px;
		}

			div.paging div.page-numbers span.page-button svg.button {
				height: 10px;
			}

	div.paging div.page-numbers span.page-button-active {
		background-color: white;
	}

			div.paging div.page-numbers span.page-button-disabled {
				border: 1px solid #e0e0e0;
				color: #e0e0e0;
			}

				div.paging div.page-numbers span.page-button-disabled svg.button {
					fill: #e0e0e0;
				}

div.pagesize {
	align-items: center;
	display: flex;
	gap: 20px;
}

	div.pagesize select {
		padding: 5px 10px;
	}


div.galleries {
	clear: both;
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	gap: 1em;
	margin: 1em 0 0 0;
}

		div.gallery-default-picture a.admin-icon {
			position: absolute;
			right: 10px;
			top: 10px;
		}


	div.galleries div.gallery-default-picture {
		aspect-ratio: 3 / 2;
		overflow: hidden;
		position: relative;
	}

		div.gallery-default-picture a.gallery-default-picture {
			aspect-ratio: 3 / 2;
			background-size: cover;
			background-repeat: no-repeat;
			color: white;
			display: block;
			width: 100%;
		}

			div.gallery-default-picture a.gallery-default-picture div.text {
				background: rgba(0,0,0,0.5);
				position: absolute;
				bottom: 0px;
				left: 0px;
				width: 100%;
				min-height: 80px;
			}

				div.gallery-default-picture a.gallery-default-picture div.text h3 {
					font-family: "Times New Roman";
					font-style: italic;
					font-weight: 400;
					margin: 10px;
				}





div.page-numbers {
}

	div.page-numbers span.page-button {
		text-align: center;
	}

		div.page-numbers span.page-button svg.button {
		}

	div.page-numbers span.page-button-active {
		border: 1px solid #0b4d43;
		color: #0b4d43;
	}

		div.page-numbers span.page-button-active svg.button {
			fill: #0b4d43;
		}

	div.page-numbers span.page-button-current {
		border: 1px solid #0b4d43;
		background: #0b4d43;
		color: white;
	}



	div#main h1 {
		font-family: "Noto Serif";
		font-style: italic;
	}




table.nav {
	border-collapse: collapse;
	margin: 0px auto 0px auto;
}

	table.nav td {
		vertical-align: middle;
	}

	table.nav td.prev {
		width: 200px;
		text-align: left;
	}

	table.nav td.prev_arrow {
		width: 100px;
		text-align: left;
	}

	table.nav td.back {
		width: 200px;
		text-align: center;
	}

	table.nav td.next {
		width: 200px;
		text-align: right;
	}

	table.nav td.next_arrow {
		width: 100px;
		text-align: right;
	}

	table.nav a {
		text-decoration: none;
	}

div#picture {
	text-align: center;
	margin: 10px auto;
}

img {
	max-width: 100%;
}