/* Default css file for jemdoc. */

table#tlayout {
    border: none;
    border-collapse: separate;
    background: white;
}

/*body {
	background: white;
	font-family: Georgia, serif;
	padding-bottom: 8px;
	margin: 0;
}*/

body {
	background: white;
	font-family:  -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	padding-bottom: 8px;
	margin: 0;
}

#layout-menu {
	/*background: #f6f6f6;*/
	/* background: #E5E1E6; */
	/* background: #C8C8C8; caltech subcolor */
	background: #2C3E50;
	/* background: #B1B3B3; utep subcolor */
	border: 1px solid #dddddd;
	padding-top: 0.5em;
	padding-left: 36px; /* 8px; */
	padding-right: 12px; /* 40px; */
	font-size: 1.25em; /*1.0em;*/
	width: 135px; /*135px;*/ /*auto;*/
	min-width: 135px;
	white-space: nowrap;
    text-align: right; /* left; */
    vertical-align: top;
}

#layout-menu td {
	background: #f4f4f4;
    vertical-align: top;
}

#layout-content {
	padding-top: 0.0em;
	padding-left: 1.0em;
	padding-right: 1.0em;
    border: none;
    background: white;
    text-align: left;
    vertical-align: top;
}

#layout-menu a {
	/* line-height: 1.5em; */
	/* line-height: 2.0em; */
	line-height: 3.0em;
	margin-left: 0.5em;
}

tt {
    background: #ffffdd;
}

pre, tt {
	font-size: 100%;
	font-family: monaco, monospace;
}

a, a > tt {
	/*color: #224b8d;*/
	/*color: #003c71;*/
	color:  #003B4C; /* caltech subcolor */
	/* color:  #041E42; utep subcolor */
	text-decoration: none;
}

/* JK added color theme */
autep, autep > tt {
	color:  #FF8200; /*utep main theme*/
	text-decoration: none;
}

acal, acal > tt {
	color:  #FF6C0C; /*caltech main theme*/
	text-decoration: none;
}

avt{
	color:  #861F41; /*VT main theme*/
	text-decoration: none;
}

asnu{
	color:  #0f0f70; /*SNU main theme*/
	text-decoration: none;
}

aac, aac > tt {
	text-decoration: none;
	font-size: 150%;
	font-weight: bold;
}
/* JK added color theme */

a:hover {
	/* border-bottom: 1px gray dotted; */
}

#layout-menu a.current:link, #layout-menu a.current:visited {
	/* color: #022b6d; */
	/* color: #003B4C; caltech subcolor */
	color: #FFFFFF;
	/* color: #041E42; utep subcolor */
	border-bottom: 1px gray solid;
	font-weight: bold;
}
#layout-menu a:link, #layout-menu a:visited, #layout-menu a:hover {
	/* color: #527bbd; */
	/* color: #005851; caltech subcolor */
	color: #ECF0F1;
	/* color: #041E42; utep subcolor */
	text-decoration: none;
}
#layout-menu a:hover {
	text-decoration: none;
}

/* div.menu-category {
	border-bottom: 1px solid gray;
	margin-top: 0.8em;
	padding-top: 0.2em;
	padding-bottom: 0.1em;
	font-weight: bold;
} */

div.menu-category {
	border-bottom: 1px solid gray;
	margin-top: 0.3em;
	padding-top: 0.2em;
	padding-bottom: 0.1em;
	font-weight: bold;
	font-size: 25px;
	color: #FFFFFF;
}

div.menu-item {
	padding-left: 16px;
	text-indent: -16px;
}

div#toptitle {
	padding-bottom: 0.2em;
	margin-bottom: 1.5em;
	border-bottom: 3px double gray;
}

/* Reduce space if we begin the page with a title. */
div#toptitle + h2, div#toptitle + h3 {
	margin-top: -0.7em;
}

div#subtitle {
	margin-top: 0.0em;
	margin-bottom: 0.0em;
	padding-top: 0em;
	padding-bottom: 0.1em;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}


h1, h2, h3 {
	/*color: #527bbd;*/
	/*color: #003c71;*/
	color:  #003B4C; /* caltech subcolor */
	/* color: #041E42; utep subcolor */
	margin-top: 0.7em;
	margin-bottom: 0.3em;
	padding-bottom: 0.2em;
	line-height: 1.0;
	padding-top: 0.5em;
	border-bottom: 1px solid #aaaaaa;
}

h1 {
	font-size: 200%;
}

h2 {
	padding-top: 0.8em;
	font-size: 150%;
}

h2 + h3 {
    padding-top: 0.2em;
}

h3 {
	font-size: 110%;
	border-bottom: none;
}

p {
	margin-top: 0.0em;
	margin-bottom: 0.8em;
	padding: 0;
	line-height: 1.3;
	font-size: 1.15em;
}

pre {
	padding: 0;
	margin: 0;
}

div#footer {
	font-size: small;
	border-top: 1px solid #c0c0c0;
	padding-top: 0.1em;
	margin-top: 4.0em;
	color: #c0c0c0;
}

div#footer a {
	color: #80a0b0;
}

div#footer-text {
	float: left;
	padding-bottom: 8px;
}

ul, ol, dl {
	margin-top: 0.2em;
	padding-top: 0;
	margin-bottom: 0.8em;
}

dt {
	margin-top: 0.5em;
	margin-bottom: 0;
}

dl {
	margin-left: 20px;
}

dd {
	color: #222222;
}

dd > *:first-child {
	margin-top: 0;
}

ul {
	list-style-position: outside;
	/*list-style-type: square;*/
	/*list-style-type: circle;*/
	list-style-type: disc;
}

ul.menu-item{
	/* decrease text of the sublist under menu*/
	font-size: 100%;
	/* decrease margins for the sublist under menu*/
	margin-left: -1.5em;
}

ul.menu-item li{
	padding-left: 5px;
}

p + ul, p + ol {
	margin-top: -0.5em;
}

li ul, li ol {
	margin-top: -0.3em;
}

ol {
	list-style-position: outside;
	list-style-type: decimal;
}

li p, dd p {
	margin-bottom: 0.3em;
}


ol ol {
	list-style-type: lower-alpha;
}

ol ol ol {
	list-style-type: lower-roman;
}

p + div.codeblock {
	margin-top: -0.6em;
}

div.codeblock, div.infoblock {
	margin-right: 0%;
	margin-top: 1.2em;
	margin-bottom: 1.3em;
}

div.blocktitle {
	font-weight: bold;
	color: #cd7b62;
	margin-top: 1.2em;
	margin-bottom: 0.1em;
}

div.blockcontent {
	border: 1px solid silver;
	padding: 0.3em 0.5em;
}

div.infoblock > div.blockcontent {
	/* background: #ffffee; */
	/* background: #f0f4ff; */
	/*background: #849895;*/ /*caltech subcolor*/
	background: #c8c8c8; /* caltech subcolor */
	/* background: #B1B3B3; utep subcolor */
}

div.blockcontent p + ul, div.blockcontent p + ol {
	margin-top: 0.4em;
}

div.infoblock p {
	margin-bottom: 0em;
}

div.infoblock li p, div.infoblock dd p {
	margin-bottom: 0.5em;
}

div.infoblock p + p {
	margin-top: 0.8em;
}

div.codeblock > div.blockcontent {
	background: #f6f6f6;
}

span.pycommand {
	color: #000070;
}

span.statement {
	color: #008800;
}
span.builtin {
	color: #000088;
}
span.special {
	color: #990000;
}
span.operator {
	color: #880000;
}
span.error {
	color: #aa0000;
}
span.comment, span.comment > *, span.string, span.string > * {
	color: #606060;
}

@media print {
	#layout-menu { display: none; }
}

#fwtitle {
	margin: 2px;
}

#fwtitle #toptitle {
	padding-left: 0.5em;
	margin-bottom: 0.5em;
}

#layout-content h1:first-child, #layout-content h2:first-child, #layout-content h3:first-child {
	margin-top: -0.7em;
}

div#toptitle h1, #layout-content div#toptitle h1 {
	margin-bottom: 0.0em;
	padding-bottom: 0.1em;
	padding-top: 0;
	margin-top: 0.5em;
	border-bottom: none;
}

img.eq {
	padding: 0;
	padding-left: 0.1em;
	padding-right: 0.1em;
	margin: 0;
}

img.eqwl {
	padding-left: 2em;
	padding-top: 0.6em;
	padding-bottom: 0.2em;
	margin: 0;
}

table {
    border: 2px solid black;
    border-collapse: collapse;
}

td {
    padding: 2px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
    border: 1px solid gray;
}

table + table {
    margin-top: 1em;
}

tr.heading {
    font-weight: bold;
    border-bottom: 2px solid black;
}

img {
    border: none;
}

table.imgtable, table.imgtable td {
    border: none;
    text-align: left;
}

/* added by me for better shaping*/
/* .name: way to define the class*/
/* CAUTION: DO NOT PUT ANY SPACES BETWEEN LINES EVEN THOUGH THAT IS COMMENTS*/
.normal-para { 
	word-break: break-word;
	line-height: 1.5;
	/* min-width: 550px; */
	min-width: 700px;
}

.normal-para-people { 
	word-break: break-word;
	line-height: 1.5;
	/* min-width: 550px; */
	min-width: 450px;
}

.indent-para { 
	text-indent: 15px;
	word-break: break-word;
	line-height: 1.5;
}

.centered{
	text-align: center;
}
	/*word-break: break-all; */
	/*hyphens works with <html lang="en"> in html file*/
	/*ms edge doesnt show hyphens*/
	/*-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;*/ 
	/*border: 1px solid #111;*/

.dateinfo::after{
	content:"07-27-2025";
}

.dateinfo::before{
	content:"© 2025 AIGIS Lab. "
}

div.vid-w-txt {
	width:100%; 
	min-height: 250px; 
	height:auto;
}

div.vid-youtube {
	width: 340px; 
	min-height: 250px; 
	height: auto; 
	float: left;
}

div.vid-youtube2 {
	width: 700px; 
	min-height: 250px; 
	height: auto; 
	float: left;
}

div.txt-next-vid{
	margin-left: 360px; 
	min-width: 550px; 
	min-height: 250px; 
	height: auto;
}

div.content-container {
	display: flex;
	align-items: flex-start;
	gap: 45px;
  }


/* added css for tagging */

.tags {
	list-style: none;
	margin: 0;
	overflow: hidden; 
	padding: 0;
  }
  
  .tags li {
	float: left; 
  }
  
  .tag {
	background: #eee;
	border-radius: 3px 0 0 3px;
	color: #999;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding: 0 20px 0 23px;
	position: relative;
	margin: 0 10px 10px 0;
	text-decoration: none;
	-webkit-transition: color 0.2s;
  }
  
  .tag::before {
	background: #fff;
	display: inline-block;
	border-radius: 10px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
	content: '';
	height: 6px;
	left: 10px;
	position: absolute;
	width: 6px;
	top: 10px;
  }
  
  .tag::after {
	background: #fff;
	display: inline-block;
	border-bottom: 13px solid transparent;
	border-left: 10px solid #eee;
	border-top: 13px solid transparent;
	content: '';
	position: absolute;
	right: 0;
	top: 0;
  }
  
  .tag:hover {
	/*background-color: crimson;*/
	background-color: #508590; /* rgb(23, 20, 220);*/
	color: white;
	border-bottom: none; /* original setup has border bottom on top - remove bottom line only on tag hover*/
  }
  
  .tag:hover::after {
	/*border-left-color: crimson; */
	border-left-color: #508590; /* rgb(23, 20, 220);*/
  }

  .tag_overview {
	background: #eee;
	border-radius: 3px 0 0 3px;
	color: #999;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding: 0 322px 0 322px;
	position: relative;
	margin: 0 10px 10px 0;
	text-decoration: none;
	-webkit-transition: color 0.2s;
  }
  
  .tag_overview::before {
	background: #fff;
	display: inline-block;
	border-radius: 10px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
	content: '';
	height: 6px;
	left: 10px;
	position: absolute;
	width: 6px;
	top: 10px;
  }
  
  .tag_overview::after {
	background: #fff;
	display: inline-block;
	border-bottom: 13px solid transparent;
	border-left: 10px solid #eee;
	border-top: 13px solid transparent;
	content: '';
	position: absolute;
	right: 0;
	top: 0;
  }

  .tag_overview:hover {
	/*background-color: crimson;*/
	background-color: #508590; /* rgb(23, 20, 220);*/
	color: white;
	border-bottom: none; /* original setup has border bottom on top - remove bottom line only on tag hover*/
  }
  
  .tag_overview:hover::after {
	/*border-left-color: crimson; */
	border-left-color: #508590; /* rgb(23, 20, 220);*/
  }

  .tag2 {
	background: #eee;
	border-radius: 3px 0 0 3px;
	color: #999;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding: 0 20px 0 23px;
	position: relative;
	margin: 0 10px 10px 0;
	text-decoration: none;
	-webkit-transition: color 0.2s;
	background-color: #508590; /* rgb(23, 20, 220);*/
	color: white;
	border-bottom: none; /* original setup has border bottom on top - remove bottom line only on tag hover*/
  }
  
  .tag2::before {
	background: #fff;
	display: inline-block;
	border-radius: 10px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
	content: '';
	height: 6px;
	left: 10px;
	position: absolute;
	width: 6px;
	top: 10px;
	border-left-color: #508590; /* rgb(23, 20, 220);*/
  }
  
  .tag2::after {
	background: #fff;
	display: inline-block;
	border-bottom: 13px solid transparent;
	border-left: 10px solid #eee;
	border-top: 13px solid transparent;
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	border-left-color: #508590; /* rgb(23, 20, 220);*/
  }

  .tag2_overview {
	background: #eee;
	border-radius: 3px 0 0 3px;
	color: #999;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	/*padding: 0 20px 0 23px;*/
	padding: 0 322px 0 322px;
	position: relative;
	margin: 0 10px 10px 0;
	text-decoration: none;
	-webkit-transition: color 0.2s;
	background-color: #508590; /* rgb(23, 20, 220);*/
	color: white;
	border-bottom: none; /* original setup has border bottom on top - remove bottom line only on tag hover*/
  }
  
  .tag2_overview::before {
	background: #fff;
	display: inline-block;
	border-radius: 10px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
	content: '';
	height: 6px;
	left: 10px;
	position: absolute;
	width: 6px;
	top: 10px;
	border-left-color: #508590; /* rgb(23, 20, 220);*/
  }
  
  .tag2_overview::after {
	background: #fff;
	display: inline-block;
	border-bottom: 13px solid transparent;
	border-left: 10px solid #eee;
	border-top: 13px solid transparent;
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	border-left-color: #508590; /* rgb(23, 20, 220);*/
  }

  /* add css for button 4 */
.button-4 {
  appearance: none;
  background-color: #FAFBFC;
  border: 1px solid rgba(27, 31, 35, 0.15);
  border-radius: 6px;
  box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
  box-sizing: border-box;
  color: #508590; /*#24292E;*/
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  list-style: none;
  padding: 2px 13px;
  position: relative;
  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: break-word;
}

.button-4:hover {
  background-color: #F3F4F6;
  text-decoration: none;
  transition-duration: 0.1s;
}

.button-4:disabled {
  background-color: #FAFBFC;
  border-color: rgba(27, 31, 35, 0.15);
  color: #959DA5;
  cursor: default;
}

.button-4:active {
  background-color: #EDEFF2;
  box-shadow: rgba(225, 228, 232, 0.2) 0 1px 0 inset;
  transition: none 0s;
}

.button-4:focus {
  outline: 1px transparent;
}

.button-4:before {
  display: none;
}

.button-4:-webkit-details-marker {
  display: none;
}


  /* add css for button 89 */
.button-89 {
	--b: 3px;   /* border thickness */
	--s: .25em; /* size of the corner */
	--color: #373B44;
	
	/* padding: calc(.5em + var(--s)) calc(.9em + var(--s)); */
	padding: calc(.35em + var(--s)) calc(.9em + var(--s));
	color: var(--color);
	--_p: var(--s);
	background:
		conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0)
		var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p));
	transition: .3s linear, color 0s, background-color 0s;
	outline: var(--b) solid #0000;
	outline-offset: .6em;
	/* font-size: 16px; */
	font-size: 20px;

	border: 0;

	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;

	/* Fixed width - JK added manually */
	/* width: 20em; Change this value to your desired width */
	width: 16em; /* Change this value to your desired width */
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
}

.button-89:hover,
.button-89:focus-visible{
	--_p: 0px;
	outline-color: var(--color);
	outline-offset: .05em;
}

.button-89:active {
	background: var(--color);
	color: #fff;
}

/* add css for button 89 highlight */
.button-89h {
	--b: 3px;   /* border thickness */
	--s: .25em; /* size of the corner */
	--color: #7A303F;

	/* padding: calc(.5em + var(--s)) calc(.9em + var(--s)); */
	padding: calc(.35em + var(--s)) calc(.9em + var(--s));
	color: var(--color);
	--_p: var(--s);
	background:
		conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0)
		var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p));
	transition: .3s linear, color 0s, background-color 0s;
	outline: var(--b) solid #0000;
	outline-offset: .6em;
	/* font-size: 16px; */
	font-size: 20px;

	border: 0;

	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;

	/* Fixed width - JK added manually */
	/* width: 20em; Change this value to your desired width */
	width: 16em;
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
}
  
.button-89h:hover,
.button-89h:focus-visible{
	--_p: 0px;
	outline-color: var(--color);
	outline-offset: .05em;
}

.button-89h:active {
	background: var(--color);
	color: #fff;
}

  /* add css for button 89 - OVERVIEW */
  .button-89overview {
	--b: 3px;   /* border thickness */
	--s: .25em; /* size of the corner */
	--color: #373B44;
	
	/* padding: calc(.5em + var(--s)) calc(.9em + var(--s)); */
	padding: calc(.35em + var(--s)) calc(.9em + var(--s));
	color: var(--color);
	--_p: var(--s);
	background:
		conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0)
		var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p));
	transition: .3s linear, color 0s, background-color 0s;
	outline: var(--b) solid #0000;
	outline-offset: .6em;
	/* font-size: 16px; */
	font-size: 20px;

	border: 0;

	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;

	/* Fixed width - JK added manually */
	/* width: 40.25em; Change this value to your desired width */
	width: 32.2em; /* Change this value to your desired width */
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
}

.button-89overview:hover,
.button-89overview:focus-visible{
	--_p: 0px;
	outline-color: var(--color);
	outline-offset: .05em;
}

.button-89overview:active {
	background: var(--color);
	color: #fff;
}

/* add css for button 89 OVERVIEW highlight */
.button-89overviewh {
	--b: 3px;   /* border thickness */
	--s: .25em; /* size of the corner */
	--color: #7A303F;

	/* padding: calc(.5em + var(--s)) calc(.9em + var(--s)); */
	padding: calc(.35em + var(--s)) calc(.9em + var(--s));
	color: var(--color);
	--_p: var(--s);
	background:
		conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0)
		var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p));
	transition: .3s linear, color 0s, background-color 0s;
	outline: var(--b) solid #0000;
	outline-offset: .6em;
	/* font-size: 16px; */
	font-size: 20px;

	border: 0;

	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;

	/* Fixed width - JK added manually */
	/* width: 40.25em; Change this value to your desired width */
	width: 32.2em; /* Change this value to your desired width */
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
}
  
.button-89overviewh:hover,
.button-89overviewh:focus-visible{
	--_p: 0px;
	outline-color: var(--color);
	outline-offset: .05em;
}

.button-89overviewh:active {
	background: var(--color);
	color: #fff;
}

  /* add css for button 89 narrow */
.button-89n {
	--b: 3px;   /* border thickness */
	--s: .25em; /* size of the corner */
	--color: #373B44;
	
	padding: calc(.5em + var(--s)) calc(.9em + var(--s));
	color: var(--color);
	--_p: var(--s);
	background:
		conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0)
		var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p));
	transition: .3s linear, color 0s, background-color 0s;
	outline: var(--b) solid #0000;
	outline-offset: .6em;
	font-size: 16px;

	border: 0;

	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;

	/* Fixed width - JK added manually */
	width:13.5em; /* Change this value to your desired width */
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
}

.button-89n:hover,
.button-89n:focus-visible{
	--_p: 0px;
	outline-color: var(--color);
	outline-offset: .05em;
}

.button-89n:active {
	background: var(--color);
	color: #fff;
}



/* added css for keeping the span in recent news section */
span.month {
	display: inline-block;
	width: 35px;
}

span.year {
	display: inline-block;
	width: 21px;
}