/* Optional: Styling for image caption or description */
/* Escape the colon in the ID */
.image-container {
	display: flex; /* Makes this container a flexbox */
	justify-content: center; /* Centers the image horizontally */
	align-items: center; /* Centers the image vertically */
	height: auto;
	flex-grow: 1;
	flex-shrink: 1;
	/* max-width: 700px;   */
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: none;
	margin-top: none;
}

figcaption {
	font-size: 14px; /* Adjust the caption font size */
	text-align: center;
	max-width: 80%; /* Optional: Limit the width of the caption */
	margin: 0 auto; /* Center the caption */
	margin-bottom: 0%;
	margin-top: 0%;
}

figure img + figcaption {
	margin-top: 0.5em;
}
/* Image styling */
#fig\:bgbc_bgtc {
	max-width: 1000px;
    min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 40%;
	border: 1px solid #000;
}

#fig\:operating-regimes {
	max-width: 1000px;
    min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 40%;
	border: 1px solid #000;
}

#fig\:homolumo {
	max-width:600px;
    min-width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 10%;
	border: 1px solid #000;
}
#fig\:dsva1 {
	max-width: 1000px;
    min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 40%;
	border: 1px solid #000;
}

#fig\:dsva2 {
	max-width: 1000px;
    min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 30%;
	border: 1px solid #000;
}
#fig\:setup {
	max-width: 1000px;
    min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 40%;
	border: 1px solid #000;
}

#fig\:metal-bracket {
	max-width: 1000px;
    min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 40%;
	border: 1px solid #000;
}

#fig\:doe_table {
	max-width: 1000px;
    min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 40%;
	border: 1px solid #000;
}

#fig\:setup-2 {
	max-width: 1000px;
    min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 40%;
	border: 1px solid #000;
}

#fig\:probe-station {
	max-width: 1000px;
    min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 30%;
	border: 1px solid #000;
}
#fig\:probe-station-pins {
	max-width: 1000px;
    min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 30%;
	border: 1px solid #000;
}

#fig\:ito {
	max-width: 1000px;
    min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 40%;
	border: 1px solid #000;
}

#fig\:silicon {
	max-width: 1000px;
    min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 40%;
	border: 1px solid #000;
}

#fig\:pure-tips {
	max-width: 1000px;
    min-width: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 20%;
	border: 1px solid #000;
}

#fig\:plots {
	max-width: 1000px;
    min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 40%;
	border: 1px solid #000;
}

#fig\:new-apparatus {
	max-width: 1000px;
    min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 40%;
	border: 1px solid #000;
}

figure {
	display: flex;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
	flex-direction: column;
	flex-grow: 1;
	flex-shrink: 1;
	width: 100%;
}


.table-container {
    margin-top:0.5em;
    display: flex;
	width: 100%;
	overflow-x: auto;
    /* max-width: --var(--max-width)-500px; */
    /* max-width: ; */
    /* border: 1px solid #ddd; */
    /* box-sizing: border-box; */
}
table {
	width: 100%;
    table-layout: fixed;
	border-collapse: separate;
	font-family: Arial, sans-serif;
    border-spacing: 0;
    
}
th,
td {
	border: 1px groove #ddd;
	padding: 8px;
	text-align: left;
}
th {
	background-color: #f2f2f2;
	font-weight: bold;
}
.flex-table {
	display: flex;
	flex-wrap: wrap;
    height: auto;
    flex:1 1 auto;
    /* border: 1px solid #ddd; */
    box-sizing: border-box;
    /* width: 80%; */
    /* max-width: 100%; */
    /* max-height: 1000px; */
}
.flex-row {
	display: flex;
	width: 100%;
    margin: 0%;
    align-items: center; /* Center items vertically */
    border: 1px groove #ddd;
    /* height: auto; */
    
}
.flex-cell {
	flex: 1 1 auto;
	min-width: 50px;
    max-width: 200px;
    width: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
    margin: 0%;
    text-align: center; /* Center text horizontally */
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    box-sizing: border-box;
    height: 100%;
    align-content: center;
    min-height: 30px;
    /* border: 1px solid #ddd; */
    
}
.attribute {
    border-right:1px groove #ddd;
}

@media screen and (max-width: 1600px) {
	.flex-cell {
		font-size: 12px;
        line-height: 1.1;
	}
}
@media screen and (max-width: 1200px) {
	.flex-cell {
		font-size: 12px;
        line-height: 1.1;
	}
}
@media screen and (max-width: 900px) {
	.flex-cell {
		font-size: 11px;
        line-height: 1.2;
	}
}
@media screen and (max-width: 600px) {
	.flex-cell {
		font-size: 8px;
        line-height: 1.2;
	}
}