/* CSS Document */

body { text-align:center; font-family: "PT Serif", serif; }
#pagewrapper,#page { width:1030px; margin:auto; text-align:left; display:block; }
#header 
{
 display:block; height:15.0em; 
 padding:0px;
 clear:both;
 margin:5px 5px 0 5px;
}
#header h1 { margin:0; padding:0; font:200% "PT Serif", serif; margin-top:20px; margin-bottom:10px; margin-left:20px; }
#header h2 { margin:0; padding:0; font:100% "PT Serif", serif; ; margin-left:20px; }

#topnav 
{
 color:#FFFFFF;
 margin:0px 5px 5px 5px;
 font:100% "PT Serif", serif;
 padding:5px;
 background:url(/topnav_bg.gif) #333333;
}

#topnav ul { list-style-type:none; margin:0; padding:0px; }
#topnav ul li { display:inline; margin-right:6px; margin-left:6px; }


#main
{
 margin:5px;
 border:0px solid #CCCCCC;
 clear:both;
 display:block;
 margin-bottom:40px;
} 

#right { width:25%; float:right; margin:10px; }
#body { width:70%; float:left; margin-bottom:20px; margin:10px; margin-right:0 }

#footer { clear:both; margin:5px; vertical-align:middle; text-align:center; font-size:0.75em; display:block; }
.bcol { color:#fb9622; }


/****************************************************************/

#main h2 { color:#7D3F00;margin:20px 0 6px;padding-bottom:10px;font:normal 150% "PT Serif", serif;border-bottom : 1px solid #e2dfdb; }

#main { font:100% "PT Serif", serif; line-height:140%; }
p { padding:0; margin-left:10px; margin-right:5px; margin-top:0px; margin-bottom:8px; }
/******************************************************************/
#page { border:1px solid #333333; color:#333333; background:#fff; }

#footer { background:#333333; color:#FFFFFF; padding:5px 0px 10px 0px; }
#header{ border-top:3px solid #666666; border-bottom:0px solid #666666; }

a { color:#DF7000; }
a:hover { color:#666666 }
#topnav a , #footer a{ color:#FF9933; text-decoration:none; font-weight:500;;  }
#topnav a:hover, #footer a:hover {  text-decoration:underline; }

body {font : normal 100% Arial, Helvetica, sans-serif;color : #2a3845;margin : 0;padding : 0;background:#f7f7f7}

.nav ul { margin-left:4px; list-style:inside; margin-top:10px; padding-left:6px; }
.nav li { margin-bottom:2px; }

#main dt { color:#DF7000; font-weight:bold; }

div.program { 
  margin-top:20px;
  margin-bottom:20px;
  width:100%;
  display:flex;
  justify-content:center; 
}

table.program { width:90%; }

tr.program:nth-child(odd) { color:#FF9933; background-color: #333333; }
tr.program:nth-child(even) { background-color:#ffd6ad; color: #333333; }

th.program { padding: 5px; }
td.program { padding: 5px; }

th.program2 { padding: 2px; background-color:#add6ff; color: #333333; }
td.program2 { padding: 2px;background-color:#add6ff; color: #333333; }

/* Proceedings listing */

.publication {
	display: grid;
	grid-template-columns: 1fr 2fr; 
	gap: 20px; /* Space between columns */
	padding: 20px;
}

.preview {
	background-color: #f4f4f4;
	padding: 0px;
	border: 1px solid #ddd;
	border-radius: 5px;
	position: relative;
	width: auto;
	text-align: center;
	display: inherit;
}

.pdf_view iframe {
	width: 100%;
	height: 800px;
}

.pub_info {
	margin-bottom: 30px;
	position: relative;
	text-align: left;
	line-height: 20px;
}

.pub_number {
	width: 100%;
	font-size: 1.5em;
	font-weight: bold;
	font-style: italic;
	padding: 5px 0px;
	text-align: center;
	position: relative;
}

.pub_odi {
	position: absolute;
	right: 0px;
	top: -5px;
}

.pub_odi img {
	width: 40px;
	height: 40px;
}

.pub_title {
	font-style: italic;
}

.pub_authors {
	font-variant: small-caps;
}

.pub_abstract {
	height: 20px;
	overflow-y: clip;
	position: relative;
	line-height: 16px;
	text-align: justify;
	padding: 0px 50px 20px 0px;
}

.fade {
	height: 40px;
	display: inline-block;
	mask-image: linear-gradient(black, rgba(0,0,0,0.1));
}

.item_desc {
	font-style: italic;
}

.pub_doi {
	font-family: sans-serif;
}

.more {
	position: absolute;
	right: 0px;
	bottom: 0px;
	cursor: pointer;
	font-style: italic;
	font-size: small;
}

.show_full {
	height: auto;
	overflow-y: auto;
}

.pub_keywords::before {
	content: "Keywords: ";
	font-style: italic;
}

.pub_published::before {
	content: "Published: ";
	font-style: italic;
}

.pub_download {
	position: absolute;
	bottom: -25px;
	text-align: center;
	width: 100%;
}

.pub_download a {
	background-color: #077285;
	color: #fcf4de;	
	padding: 3px 50px;
	border: 0px solid #ddd;
   border-radius: 5px;
   text-decoration: none;
}

.pdf_view_popup {
    visibility: hidden; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-header {
    padding-bottom: 20px;
}
/* Modal Content/Box */
.pdf_view {
	 position: relative;
    background-color: #fefefe;
    margin: 20px auto; /* 15% from the top and centered */
    padding: 0px;
    width: 50%; /* Could be more or less, depending on screen size */
    opacity: 0;
    transition: opacity 2s;
}

div.close {
	position: fixed;
	right: 0px;
	top: 0px;
	padding: 5px 5px;
	background-color: #fce7b1;
	color: #333333;
	font-size: 25px;
	text-align: center;
	cursor: pointer;
}

div.close::before {
	content: "\2715";
}

img.thumbnail {
	width: 150px;
	height: 212px;
	margin: auto;
	cursor: pointer;
}