html { font-size: 15px; }

body { margin-left: 2em; margin-right: 2em; font-family: Georgia; font-size: 1em; background-image: url('images/Chaos.jpg'); background-repeat: repeat; background-attachment: fixed; }

div.content { font-family: Georgia; font-size: 1em; }

p.debug { font-family: courier; font-size: 1em; color: red; font-weight: bold; border-left: 8px gray solid; padding-left: 1em; }
p.title { font-family: Georgia; color: #00306B; font-size: 1.6em; font-weight: bold; }
p.title a { text-decoration: none; }
p.diff { font-family: courier; font-size: 1em; }
p.diff a.add {color: #003399; background: #cceeff; }
p.diff a.minus {color: #AA0066; background: #ffccee; }
p.wikitool { font-family: Georgia; margin-top: 0.5em; color: #999; line-height: 2em; }
p.wikitool a { padding: 0.5em; color: black; font-weight: bold; }
p.wikitool a:hover { background: #333; color:#FFFFFF; }
p.pageinfo { font-family: Georgia; font-size: 1em; font-style: italic; color: #999999; }
p.trail { font-family: Georgia; color: #FFFFFF; background: #6699cc; padding: .5em; }
p.trail a { color: #FFFFFF; font-weight: bold; text-decoration:none; }
p.trail a.title { color: black; padding-left: 4px; border-left: 2px dotted black }
p.trail a.interwiki { color: #cccccc; }
p.trail span.action { color: #99ccff; }
p.trail a.interwiki span.action { color: #cccccc; }
p.journaldate { font-size: 1.3em; font-weight: bold; font-style: italic; font-family: Georgia; padding-bottom: 2px; border-bottom: 1px solid black; }

a { color: #666; }
a.insite { color: #00306B; }
a.offsite { color: #666; }
a.wanted { text-decoration: underline; color: #00306B; }
a.wanted:hover { background: #ffffcc; }

h1, h2, h3 { padding-left: 0.5em; color: #333; font-family: Georgia; }
h1 { font-size: 2em; background: #bbbbbb; }
h2 { font-size: 1.6em; background: #dddddd; }
h3 { font-size: 1.3em; background: #eeeeee; }

li { margin-bottom: 0.5em; }

pre { background: #f6f6f6; border-left: 1px dashed #333333; padding: 5px; color: #666666; overflow:auto }
pre span.id { color: #408000; }
pre span.Operator { color: #C000C0; }
pre span.Char { color: #004080; }
pre span.Comment { color: #909090; }
pre span.Number { color: #0080C0; }
pre span.String { color: #004080; }
pre span.SPChar { color: #0000C0; }
pre span.ResWord { color: #A00000; }

span.editlock { font-family: Georgia; color: #990000; font-size: 0.9em; font-weight: bold; }
span.published { font-family: Georgia; color: #000099; font-size: 0.9em; font-weight: bold; }
span.TEX { letter-spacing: -0.13em; }
span.TEX span.E { position: relative; top: 0.5ex; left: 0em; font-size: 100%; }
span.LATEX { letter-spacing: -0.3em; }
span.LATEX span.A { position: relative; top: -0.6ex; font-size: 75%; }
span.LATEX span.TEX{ position: relative; left: 0em; }

img { border: 0px solid; vertical-align: middle; }

input { font-family: Georgia; }
textarea { font-family: Georgia; }

table {
	font-family: Georgia;
	font-size: 1em;
	vertical-align: middle;
	border-collapse: collapse;
}
table.wiki { border-top: 1px solid #00306B; border-bottom: 2px solid #00306B; text-align: center; }
table.wiki td { border-top: 1px dashed #00306B; }
table.profile { border-top-width: 0px; border-spacing: 4px; border-bottom: 2px solid #00306B; text-align: left; }
table.profile td { border-top-width: 0px; }
table.noborder { border-width: 0px !important; text-align: left; }
table.noborder tr, table.noborder td, table.noborder tr:last-child, table.noborder tr:last-child td { border-width: 0px !important;}
table.noborderc { border-width: 0px !important; text-align: center; width: 100%;}
table.noborderc tr, table.noborderc td { border-width: 0px !important;}
table.history, table.rc { border-width: 0px; text-align: center; }
table.history tr th { font-weight: bold; background: #00306B; color: white; }
table.history tr td { border-width: 0px; padding: 5px; border-color: #00306B; }
table.pref { border-top-width: 0px; border-bottom-width: 0px; }
table.pref tr td { border: 0px; }
/* Styles of table headers */
thead tr th { border-bottom: none; }
thead tr:last-child th { border-bottom: 1.5px solid #00306B; }

code { background: #eee; padding: 2px 4px; border-radius: 3px; font-weight: bold; }

/* Styles of the reference tables. */
table.references {
	border-collapse: separate;
	border-spacing: 0;
	/* border-collapse: collapse; */
	border-width: 0px;
	text-align: center;
	border-bottom: 2px solid #00306B;
}
table.references tr th {
	font-weight: bold;
	background: #00306B;
	color: white;
}
table.references tr td {
	border-top-width: 0px;
	border-bottom: 1px dashed #00306B;
	padding: 5px;
	background-clip: padding-box; /* Prevents background from covering the border */
}
.conference-group > tr:last-child > td, .conference-group > tr > td.group-bottom { border-bottom: 1px dashed #00306B !important; }
/* Different bottom line styles for different conference blocks
.conference-group { border-bottom: 1.5px solid #00306B; }
table.references tbody.conference-group:last-of-type > tr:last-child > td,
table.references tbody.conference-group:last-of-type > tr > td.group-bottom {
    border-bottom: none !important;
} */
.no-bottom-border > tr:last-child > td,
.no-bottom-border > tr > td.group-bottom {
    border-bottom: none !important;
}
table.references tbody:not(.conference-group) > tr:last-child > td {
    border-bottom: none !important;
}

/* For highlighting rows of conferences whose deadline has passed. */
.passed-deadline { background-color: #f8f8f8 !important; color: #999 !important; }
.passed-deadline a { color: #777 !important; }
/* Style for the small information at the end for developers */
.developer-info { font-size:0.8em; color:gray; }

/* Styles for filter controls of conference cfp tables */
.filter-input {
    width: 90%;
    margin-top: 5px;
    padding: 3px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.filter-row {
    background-color: #f9f9f9;
}
.stats-row th {
    border-bottom: 2px solid #ddd;
    font-weight: normal;
    color: #444;
}
#reset-filters:hover {
    background-color: #e2e6ea;
}

/* Style for when the button is clickable */
button {
    opacity: 1;
    cursor: pointer;
    transition: opacity 0.2s;
}
/* Style for when the button is disabled */
button:disabled {
    opacity: 0.3;
    cursor: not-allowed !important;
    filter: grayscale(100%);
    pointer-events: auto; 
}
/* The Help button and tooltip pop-up styles */
/* Standard Rectangular Help Button */
.help-btn, .action-btn {
    background: #fff; /* white */
    color: #00306B;
    border: none;
    border-radius: 4px; /* Slight rounding for a modern look */
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
    padding: 6px 12px;
    margin-right: 10px;
    /* font-family: Arial, sans-serif; */
    transition: background 0.2s;
}
.help-btn:hover, .action-btn:hover { 
    background: #aaa; /* some level of light gray */
}
.reset-btn {
	background: #fff; /* #e74c3c = bright red */
	color: #e74c3c;
	border: none;
    border-radius: 4px;
    cursor: pointer;
	font-weight: bold;
    font-size: 12px;
	padding: 6px 16px;
    transition: background 0.2s;
}
.reset-btn:hover { 
    background: #aaa; /* #a71c0c = darker red */
}
/* The Filter RegEx Tips Dialog */
.search-help-dialog {
    display: none; /* Hidden by default */
    position: absolute;
    z-index: 1000;
    width: 280px;
    background: white;
    color: #333;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    border: 1px solid #ccc;
    font-size: 13px;
    line-height: 1.4;
}
.search-help-dialog ul { padding-left: 20px; margin: 8px 0; }
.search-help-dialog ul li { text-align: left; }

/* Styles of the Filter RegEx Builder */
/* The dark background overlay */
.modal-backdrop {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    align-items: center; 
    justify-content: center;
}
/* The white box (Filter Tool) */
.filter-tool-window {
    background-color: #fefefe;
    padding: 15px;
    border: 1px solid #888;
    width: 90%;
    max-width: 600px;
    border-radius: 8px;
    font-family: sans-serif;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    /* Ensures the box doesn't jump when content changes */
    position: relative; 
	/* Prevent the bottom of the tool from being cut off in any browser */
	max-height: 90vh;    /* Never taller than 90% of the screen */
    overflow-y: auto;    /* Add a scrollbar if the content gets too long */
}