body {
    font-size: 76%;
    margin: 10px 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--color-text-default);
    background-color: var(--color-background);
}

.page-wrapper {
	max-width: 760px;	/* maybe not? */
	margin: 0 auto;
}

/* head */
header.top-header {
	width: 760px;
	margin: 0 auto;
}

#user-session {
    margin: 0 auto 4px;
    color: var(--color-menu-navbar);
    background-color: var(--color-menu-navbar-bg);
    border-top:    2px solid var(--color-menu-navbar-border);
    border-bottom: 2px solid var(--color-menu-navbar-border);
	display: flex;
	justify-content: space-between;
}

#user-session div {
	margin: 4px 4px;
}

#user-session a,
#user-session a:visited {
    color: var(--color-menu-navbar);
	padding: 2px 6px;
	xmargin: .2em .6em;
}
#user-session a:hover {
    color: var(--color-menu-navbar-bg);
    background: var(--color-menu-navbar);
}

#user-session .l {
    margin-right: auto;
}


.mainlogo {
	background: #fafafa;
	position: relative;
	padding: 10px;
}

.mainlogo .gbg {
	height: 60px;
	line-height 100%;
	font-size: 50%;
	background: #73a534;
}

/* .mainlogo img {
    background-color: #fefffc;
} */

.mainlogo .ovly {
	position: absolute;
	top: 0;
	right: 0;
}

/* #navbar ul           (logged-in menus, green bg)
 * and
 * #navbar ul.loggedout (white bg, green hover)
 */

#navbar {
	margin: 4px 0;
    background-color: var(--color-menu-navbar-bg);
}
#navbar.loggedout {
	margin: 0;
    background-color: var(--color-menu-navbar-border);
	padding-bottom: 8px;
}


#navbar ul {
    display: block;
	margin: 0 auto;
    padding: 2px 1em;
    list-style-type: none;
	text-align: center;
    border-top:    var(--color-menu-navbar-border) 2px solid;
    border-bottom: var(--color-menu-navbar-border) 2px solid;
}
#navbar.loggedout ul {
	text-align: left;
	padding: 0 0 4px 0;
	border-top: none;
    border-bottom:    var(--color-menu-navbar-bg) 1px solid;
	margin: 0 10px;
	position: relative;
	top: -5px;
}

#navbar li {
    display: inline-block;
	margin: 1px 0;
	padding: 0;
}
#navbar a {
    color: var(--color-menu-navbar);
	padding: 2px 10px;
    white-space: nowrap;
}
#navbar.loggedout a {
    color: var(--color-menu-navbar-bg);
}

#navbar a:hover {
    color: var(--color-menu-navbar-bg);
    background-color: var(--color-menu-navbar);
	text-decoration: none;
}
#navbar.loggedout a:hover {
    color:            var(--color-menu-navbar);
    background-color: var(--color-menu-navbar-bg);
}

#navbar b {
	backdrop-filter: brightness(130%);
}
/* /head */


form {
    margin: 0px;
}

p {
    text-align: left;
}

.left {
    text-align: left !important;
}

.center {
    text-align: center;
}

ul {
    margin-bottom: 8px;
    text-align: left;
}

ol {
    margin-bottom: 8px;
    text-align: left;
}

li {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 2px;
    padding-top: 2px;
}


a:link,
a:visited {
    color: var(--color-link);
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #c62d28;
    text-decoration: underline;
}


table {
    border-top-width: 1pt;
    border-left-width: 1pt;
    font-size: 1em;
    border-bottom-width: 1pt;
    border-collapse: collapse;
    border-right-width: 1pt;
    empty-cells: show;
}

thead {
    display: table-header-group;
}

tfoot {
    display: table-footer-group;
}

hr {
    border-style: none;
	border-top: 1px solid #ddd;
    margin: 0.8em auto;
}

hr.thin {
    margin: 4px auto;
}

hr.green {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 740px;
    color:            var(--color-text-accent-1);
    background-color: var(--color-text-accent-1);
}

.disabled {
	filter: contrast(30%);
}

.nowrap {
	white-space: nowrap;
}

select,
input,
input[type="submit"] {
	border: 1px solid #909090;
	border-radius: 2px;
}

input:enabled[type="submit"].danger {
	background-color: #b50000;
	border-color: #eeeeee;
	color: #eeeeee;
}


h1 {
/*    width: 760px; */
	text-align: center;
    padding: 4px 0;
    color: #4e781a;
    background-color: #fff;
    border-top: var(--color-headings-border) 1px solid;
    border-bottom: var(--color-headings-border) 1px solid;
    margin: 24px auto;
    font-weight: bold;
    font-size: 1.3em;
}

.conference_title {
    width: 760px;
    font-weight: bold;
    font-size: 1.3em;
    color: #325406;
    margin: 0 auto;
}

.conference_code {
    width: 760px;
    font-weight: bold;
    font-size: 1em;
    color: #4e781a;
    padding: 0 0 8px 0;
    margin: 10px auto;
    border-bottom: #73a534 1px solid;
}

.conference_date {
    width: 760px;
    font-weight: bold;
    padding: 0 0 8px 0;
    margin: 10px auto;
    border-bottom: #73a534 1px solid;
}

#abstract {
    width: 760px;
    padding: 24px 0 8px 0;
    margin: 20px auto;
    border-bottom: #73a534 1px solid;
}

div#abstract-preview {
    display: inline-block;
    width: 500px;
}

h2 {
    padding: 4px 8px;
    border-top: var(--color-headings-border) 1px solid;
    border-bottom: var(--color-headings-border) 1px solid;
    font-weight: bold;
    font-size: 1.2em;
    margin: 36px 0 16px;
    color: #b50000;
    background-color: #ebca45;
}

h3 {
    border-top: #73a534 1px solid;
    font-weight: bold;
    font-size: 1em;
    color: #b50000;
    border-bottom: #73a534 1px solid;
    background-color: #ebca45;
	padding: 4px 8px;
/*  margin: 36px 0 16px; */
	/* new */
	display: inline-block;
	min-width: 10em;
	margin: 2em 0 0 0;
}

#text_message #conferences_list table {
    padding: 0;
    margin: 0;
    width: 100%;
}

#conferences_list table {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 8px;
    width: 95%;
    padding-top: 0px;
}

#contrib_list table {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 8px;
    width: 95%;
    padding-top: 0px;
}

#conferences_list td {
    padding-right: 8px;
    border-top: white 1px solid;
    padding-left: 8px;
    padding-bottom: 4px;
    padding-top: 4px;
    border-bottom: white 1px solid;
    background-color: #97b671;
    text-align: left;
}

#contrib_list td {
    padding-right: 8px;
    border-top: white 1px solid;
    padding-left: 8px;
    padding-bottom: 4px;
    padding-top: 4px;
    border-bottom: white 1px solid;
    background-color: #97b671;
    text-align: left;
}

#conferences_list th {
    padding-right: 8px;
    border-top: white 1px solid;
    padding-left: 8px;
    padding-bottom: 4px;
    padding-top: 4px;
    border-bottom: white 1px solid;
    text-align: left;
}

#contrib_list th {
    padding-right: 8px;
    border-top: white 1px solid;
    padding-left: 8px;
    padding-bottom: 4px;
    padding-top: 4px;
    border-bottom: white 1px solid;
    text-align: left;
}

#conferences_list td a:link,
#conferences_list td a:visited {
    color: white;
}

div#footer  {
    clear: both;
    border-top: var(--color-footer-border) 1px solid;
    margin: 48px auto 24px;
    width: 760px;
    border-bottom: var(--color-footer-border) 1px solid;
}
#footer p {
    margin: 2pt;
    text-align: center;
}
#identifier {
    margin: 0 auto 24px;
    width: 760px;
}

#identifier > div {
    display: block;
    padding: 2px 10px;
    border-bottom: #73a534 1px solid;
    text-align: left;
    min-height: 10pt;
}

#identifier > div > em {
    display: block;
    font-weight: bold;
    float: left;
    width: 127px;
}

#identifier div div.identxt {
    display: block;
    padding: 0;
    margin-left: 127px;
    border-bottom: #73a534 0px solid;
    text-align: left;
}

#identifier div div.identxt p {
    margin-top: 0;
}



#landing-page {
    background-color: white;
    width: 760px;
    margin: 0 auto;
    font-size: 130%;
}

#landing-page div {
    text-align: left;
}

#landing-page div.conference {
    padding: 10px 10px 0;
    font-weight: bold;
    font-size: 1.3em;
    color: #4e781a;
}

#landing-page div.title {
    padding: 14pt 10pt 0;
    font-weight: bold;
    font-size: 130%;
}

#landing-page div.authors {
    padding: 10pt 10pt 0;
    font-style: italic;
}

#landing-page div.authors span.corresponding {
    font-style: normal;
}

#landing-page div.history,
#landing-page div.files,
#landing-page div.license,
#landing-page div.abstract,
#landing-page div.doi {
    margin: 1rem 10pt 0;
    float: none;
}

#landing-page div.license {
    padding-bottom: 16pt;
}

#landing-page div.license .label,
#landing-page div.abstract .label,
#landing-page div.howtocite .label {
    font-weight: bold;
    padding: 0 0 10pt 0;
}

#landing-page div.not-avail,
#landing-page div.error {
    padding: 20pt 10pt;
    margin: 0;
    float: none;
    text-align: center;
}

#landing-page div.content {
    padding-top: 7pt;
}

#landing-page div.license img {
    float: left;
    padding: 3pt 10pt 0 0;
    display: block;
    vertical-align: middle;
}

#landing-page div.supplementary {
    margin-top: 1rem;
}

#landing-page div.supplementary ul {
    margin: 3pt 0;
}

#landing-page div.howtocite {
    padding: 10pt;
}


.state-legend {
    margin: 1em 0;
    text-align: left;
}

.state-legend summary {
    cursor: pointer;
}

.state-legend dl {
    margin: 1em;
}

.state-legend dt {
    font-weight: bold;
}

#edboard table {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 8px auto;
    /* width: 36%; */
    padding-top: 0px;
}

#edboard td {
    padding-right: 8px;
    border-top: var(--color-menu-navbar-border) 1px solid;
    padding-left: 8px;
    padding-bottom: 4px;
    padding-top: 4px;
    border-bottom: var(--color-menu-navbar-border) 1px solid;
    background-color: var(--color-menu-navbar-bg);
    text-align: left;
}

#edboard th {
    padding-right: 8px;
    border-top: var(--color-menu-navbar-border) 1px solid;
    padding-left: 8px;
    padding-bottom: 4px;
    padding-top: 4px;
    border-bottom: var(--color-menu-navbar-border) 1px solid;
    text-align: left;
}

#edboard a:link,
#edboard a:visited {
    color: #ddd;
}

#edboard a:hover,
#edboard a:focus,
#edboard a:focus {
    color: white;
    text-decoration: underline;
}


.ssn-toc {
	padding: 0;
	margin: 2em auto;
	min-width: 30em;
}
.ssn-toc th,
.ssn-toc td {
	padding: 0 .5em;
	line-height: 2em;
	text-align: left;
}
.ssn-toc th {
	border-top: white 1px solid;
	background-color: #97b671;
	font-weight: bold;
}
.ssn-toc td {
	background-color: white;
	border-top: #73a534 1px solid;
}

/* public contribution listing */
.contribs-public {
	padding: 0;
	margin: 2em auto 1em;
	width: 95%;
}
.contribs-public td {
	padding: 4px 6px;
	border-top: #73a534 1px solid;
	background-color: white;
}
.contribs-public tr th { /* session headings */
	padding: 1em .5em .5em;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	background-color: #97b671;
	border-top: #73a534 3px solid;
}
/* line parts */
.contribs-public .title {
	font-size: 120%;
    font-weight: bold;
	margin: .3em 0 .1em;
}
.contribs-public .invited .title {
    color: #e15d44;
}
.contribs-public .details {
    display: flex;
}
.contribs-public .idcode {
}
.contribs-public .authors {
    font-style: italic;
}


/* detailed contribution listing, with session headings */
.contrib-list {


}
#text_message #proceedings table {
    padding: 0;
    margin: 0;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
}

#proceedings table {
    padding: 0;
    margin: 24px auto 8px;
    width: 95%;
    border-collapse: separate;
    border-spacing: 0px;
}

#proceedings table.with-tabs {
    margin: 0 auto 8px;
}

#proceedings th {
    padding: 4px 6px;
    border-top: white 1px solid;
    font-weight: bold;
    text-align: left;
}

#proceedings td {
    padding: 4px 6px;
    border-top: #73a534 1px solid;
    font-size: 0.9em;
    background-color: white;
    text-align: left;
}

#proceedings tr.title td {
    border-top: #73a534 3px solid;
    padding-top: 1.3em;
    background-color: #97b671;
    font-size: 1em;
    font-weight: bold;
}

#proceedings th.cb,
#proceedings td.cb {
    padding: 0;
    width: .5em;
}

#proceedings tr.wait td.cb {
    background-color: #f0e442;
}

#proceedings tr.wait td {
    background-color: #fef7a5;
}

#proceedings tr.act td.cb {
    background-color: #d55e00;
}

#proceedings tr.act td {
    background-color: #fedcd5;
}

#proceedings tr.done td.cb {
    background-color: #009e73;
}

#proceedings tr.done td {
    background-color: #dcffb1;
}

#proceedings tr td.coa {
    border-top: #ddd 1px solid;
}

#proceedings .title td a:link,
#proceedings .title td a:visited,
#proceedings .title td a:hover,
#proceedings .title td a:focus,
#proceedings .title td a:active {
    color: white;
}

#proceedings .coauthor {
    color: gray;
}

#title {
    background-color: #bdd4a1;
}

#footer {
    background-color: var(--color-footer-bg);
}

#empty-table {
    background-color: #bdd4a1;
}

.form2 {
	display: flex;
	width: 100%;
    padding: 4px;
    border-top: white 1px solid;
    margin: 0;
    line-height: 1.6em;
}

.form2 .left,
.form2 > :nth-child(1) {
    text-align: right;
    padding-right: 8px;
    width: 140px;
}

.form2 .right,
.form2 > :nth-child(n+2) {
    text-align: left;
	width: 500px;
}



.formRow {
    padding: 4px;
    border-top: white 1px solid;
    margin: 0;
    line-height: 1.6em;
    text-align: left;
}

.formRowHigh {
    padding-right: 4px;
    border-top: white 1px solid;
    padding-left: 4px;
    padding-bottom: 4px;
    margin: 0px;
    line-height: 1.6em;
    padding-top: 4px;
    text-align: left;
}

.formRowHigh {
    background-color: #dfeecd;
}

.formRow label {
    padding-right: 8px;
    float: left;
    width: 140px;
    line-height: 1.6em;
    text-align: right;
}

/* add main-col to rows without the label */
.main-col {
	margin-left: 148px;
}

table.rcpts th,
table.rcpts td {
    padding: 0 0.5em;
}

table.rcpts tr:hover td {
    backdrop-filter: brightness(130%);
}

.formRowHigh label {
    padding-right: 8px;
    float: left;
    width: 140px;
    line-height: 1.6em;
    text-align: right;
}

.formRow input {
    width: 500px;
}

.formRow input.short {
    width: 3em;
    text-align: center;
    background-color: #bdd4a1;
    border: none;
}

.formRow select {
    width: 500px;
}

.formRowHigh input {
    width: 500px;
}

.formRowHigh select {
    width: 500px;
}

.formRow input.formfile {
    width: auto;
}

* html .formRow input.formfile {
    width: 500px;
}

.formRow textarea {
    width: 500px;
    height: 250px;
}

.formRowHigh textarea {
    width: 500px;
    height: 250px;
}

textarea#user_note {
    padding: 8px;
    height: 75px;
}

input#user_isaperson {
    width: auto;
}

.formRow .radio input {
    width: auto;
}

.formRow.radio input.short {
    width: 1em;
}

.formRowHigh .radio input {
    width: auto;
}

.formRow .checkbox input {
    width: auto;
}

.formRowHigh .checkbox input {
    width: auto;
}

.formRow div.lt {
    float: left;
}


.formRow div.lt img {
    max-width: 500px;
    margin-bottom: 0.5em;
}

.submitRow {
    padding: 4px;
    border-top: white 1px solid;
    text-align: left;
}

.submitRow input:first-of-type {
    margin-left: 148px;
}

.main-col .submitRow input:first-of-type {
    margin-left: 0;
}

.clearRow {
    clear: both;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 0px;
    padding-bottom: 0px;
    margin: 0px;
    overflow: hidden;
    width: 95%;
    line-height: 1px;
    padding-top: 0px;
    height: 0px;
}

.formThreeCols {
    margin-top: 20px;
    margin-bottom: 20px;
}

.formThreeCols .left {
    float: left;
    width: 45%;
}

.formThreeCols .right {
    float: right;
    width: 45%;
}

.formThreeCols input {
    width: 250px;
}

#ods table {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 24px auto 8px;
    width: 95%;
    padding-top: 0px;
    border-collapse: separate;
    border-spacing: 0px;
}

#ods td {
    border-right: #eee 1px solid;
    padding-right: 8px;
    border-top: #fff 1px solid;
    padding-left: 8px;
    padding-bottom: 4px;
    border-left: #eee 1px solid;
    padding-top: 4px;
    background-color: #d3e7bb;
    text-align: left;
}

#ods th {
    padding-right: 8px;
    border-top: white 1px solid;
    padding-left: 8px;
    font-weight: bold;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: left;
}

#ods tr.title td {
    border-top: #fff 3px solid;
    border-left-width: 0px;
    padding-top: 20px;
    background-color: #97b671;
    border-right-width: 0px;
}

#ods tr .sim {
    border-top: #fff 0px solid;
    padding-left: 12px;
    color: gray;
    padding-top: 0px;
    background-color: #d9ebc4;
    padding-bottom: 0px;
    border-bottom: 4px solid #d3e7bb;
}
#ods tr.sim:hover td{
    background-color: #bdd4a1;
    color: #383837;
}
#ods tr .samemail {
    color: darkorchid;
}
#ods tr.samemail:hover td{
    background-color: #bdd4a1;
    color: darkorchid;
}
#ods tr .separator {
    padding: 1em;
    background: #bdd4a1;
    border-left: none;
    border-right: none;
}
#ods .err {
    color: red;
    background-color: #ebf1e5;
}

#ods_result table {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 24px auto 8px;
    width: 95%;
    padding-top: 0px;
}

#ods_result td {
    border-right: #eee 1px solid;
    padding-right: 8px;
    border-top: #fff 1px solid;
    padding-left: 8px;
    padding-bottom: 4px;
    border-left: #eee 1px solid;
    padding-top: 4px;
    border-bottom: #fff 1px solid;
    background-color: #d3e7bb;
    text-align: left;
}

#ods_result th {
    padding-right: 8px;
    border-top: white 1px solid;
    padding-left: 8px;
    font-weight: bold;
    padding-bottom: 4px;
    padding-top: 4px;
    border-bottom: white 1px solid;
    text-align: left;
}

#ods_result tr.title td {
    border-top: #fff 3px solid;
    border-left-width: 0px;
    padding-top: 20px;
    background-color: #97b671;
    border-right-width: 0px;
}

#ods_result tr .sim {
    border-top: #fff 0px solid;
    color: gray;
    background-color: #d9ebc4;
}

#ods_result .err {
    color: red;
    background-color: #ebf1e5;
}

#ods tr td.coa {
    border-top: #fff 0px solid;
    color: gray;
    background-color: #d9ebc4;
}

#searchresults {
    margin-bottom: 25px;
}

img {
    border: none;
}

span.contrib_title {
    font-weight: bold;
    font-size: 110%;
    /* margin-left: 15px;*/
}

span.contrib_code {
    color: gray;
}

span.contrib_authors {
    font-style: italic;
}

tr.data td {
    border-bottom: 2px solid black;
    padding-bottom: 20px;
}

a.files {
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
}

#suggestions p {
    margin: 12px auto 24px;
    width: 760px;
}

#suggestions_table {
    border: 1px solid black;
    margin: 12px auto 24px;
    width: 760px;
}

#suggestions_table td {
    border: 1px solid black;
    text-align: left;
}

#suggestions_table td.message {
    vertical-align: top;
}

#suggestions_table th {
    text-align: left;
}

#match_type {
    font-size: 80%;
}

#form_contributions span.info {
    font-size: 80%;
    color: gray;
}

h4 {
    text-align: left;
}

#conferences_list tr.c250 td {
    background-color: indianred;
}

#conferences_list tr.c100 td {
    background-color: goldenrod;
}


table.conferences {
    margin: 0px;
    width: 529px;
    border-collapse: collapse;
    empty-cells: show;
    border-top: 1px solid #73a534;
}

table#prhep {
    width: 542px;
    margin-left: 8px;
}

table.conferences td {
    padding-right: 6px;
    border-top: #b6d88a 1px solid;
    padding-left: 6px;
    font-size: 0.9em;
    padding-bottom: 6px;
    padding-top: 6px;
    border-bottom: #b6d88a 1px solid;
    text-align: left;
}

table.conferences tr.order td {
    padding-right: 8px;
    color: #ccc;
    text-align: right;
}

table.conferences td.image {
    text-align: right;
}

table.conferences tr.order td a:link,
table.conferences tr.order td a:visited {
    color: #999;
    text-decoration: none;
}

table.conferences tr.order td a:hover,
table.conferences tr.order td a:focus,
table.conferences tr.order td a:active {
    color: #666;
    text-decoration: none;
}

table.conferences tr.title td {
    background-color: #f1f6ea;
}

table.conferences tr.title td.short {
    padding-right: 12px;
    padding-left: 12px;
    vertical-align: top;
    color: #73a534;
}

table.conferences tr.title td.short a:link,
table.conferences tr.title td.short a:visited {
    color: #73a534;
    text-decoration: none;
}

table.conferences tr.title td.short a:hover,
table.conferences tr.title td.short a:focus,
table.conferences tr.title td.short a:active {
    color: #436616;
    text-decoration: none;
}

table.conferences tr.title td.title {
    padding-right: 12px;
    font-weight: bold;
}

table.conferences tr.title td.title a:link,
table.conferences tr.title td.title a:visited {
    color: #666;
    text-decoration: none;
}

table.conferences tr.title td.title a:hover,
table.conferences tr.title td.title a:focus,
table.conferences tr.title td.title a:focus {
    color: #436616;
    text-decoration: underline;
}

table.conferences tr.title td {
    background-color: white;
}

table.conferences tr.title td.time {
    color: #73a534;
}

table.conferences tr.title td.time .icons {
    padding-left: 20px;
}

table.conferences tr.title td.time .icons a {
    padding-right: 6px;
    font-weight: bold;
}

table.conferences tr.title td.time .icons a:link,
table.conferences tr.title td.time .icons a:visited {
    color: #73a534;
    text-decoration: none;
}

table.conferences tr.title td.time .icons a:hover,
table.conferences tr.title td.time .icons a:focus,
table.conferences tr.title td.time .icons a:active {
    color: #436616;
    text-decoration: none;
}

table.conferences tr.section td {
    font-weight: bold;
    color: white;
    background-color: #a4c180;
}

/*don't color this element
otherwise when you check a button with the mouse the checked item and the
colored item could be different
#LSHighlight { color: red; }*/

#LSResult {
    margin-left: 150px;
}

#LSResult input {
    width: auto;
}

#sc {
    margin-left: 150px;
}

#sc input {
    width: auto;
}

#sc label,
#LSResult label {
    float: none;
    text-align: left;
}

#sessions_ordering td {
    padding: 6px 6px 3px 3px;
    border-bottom: 1px solid white;
}

#coauthors_ordering td {
    padding: 6px 6px 3px 3px;
    border-bottom: 1px solid white;
}

#new_conference_form label.mandatory,
label.mandatory {
    color: crimson;
}

#newnote {
    margin-top: 3em;
}

.nota {
    margin-top: 2em;
}

.nota span.date {
    color: gray;
    font-size: 80%;
}

.nota div.text {
    font-size: 120%;
}

.todo div.text {
    background-color: palegoldenrod;
}

#identifier dl {
    text-align: left;
}

#identifier dt {
    font-weight: bold;
}

#file_format,
#all_opens,
#text_message {
    width: 760px;
    text-align: left;
    margin: 24px auto;
}
#text_message p {
    margin-left: 8px;
}

#file_format,
#all_opens {
    background-color: white;
}

#file_format div,
#all_opens div {
    padding-top: .4em;
    padding-bottom: .4em;
}

#file_format div.preproc,
#all_opens div.preproc {
    border-top: 1px solid #4e781a;
}

#file_format div.notA4 {
    background-color: goldenrod;
}

#first_pages .notA4 img{
    border: 3px solid indianred;
}

#first_pages div#explanation {
    width: 760px;
    text-align: left;
    margin: 24px auto;
}

#first_pages img {
    background-color: #ccffcc;
}

#file_format div.filemissing {
    background-color: indianred;
}

#all_opens div.conf {
    background-color: #97b671;
    padding-top: 2em;
    padding-left: .5em;
    border-top: 2px solid #73a534;
}

#all_opens div.conf a {
    color: white;
    font-weight: bold;
}

#file_format .preproc span,
#all_opens .preproc span {
    padding-right: 18px;
    padding-left: 2px;
    background: url("bullet.png") no-repeat center right;
}

#file_format .preproc span.file,
#all_opens .preproc span.file {
    background-image: none;
}

#file_format div.preproc .notA4 span.message {
    color: darkblue;
}

tr.wait a.arrowup {
    padding-left: 12px;
    background: url("arrowup_wait.gif") no-repeat top left;
}

tr.wait a.arrowdown {
    padding-left: 12px;
    background: url("arrowdown_wait.gif") no-repeat top left;
}
tr.act a.arrowup {
    padding-left: 12px;
    background: url("arrowup_act.gif") no-repeat top left;
}

tr.act a.arrowdown {
    padding-left: 12px;
    background: url("arrowdown_act.gif") no-repeat top left;
}
tr.done a.arrowup {
    padding-left: 12px;
    background: url("arrowup_done.gif") no-repeat top left;
}

tr.done a.arrowdown {
    padding-left: 12px;
    background: url("arrowdown_done.gif") no-repeat top left;
}

div#chairActions,
div#chairStataReport {
    width: 760px;
    margin: 0 auto 24px;
}


div.confirm_message {
    margin: 5px auto 15px;
    border-left: 5px solid #7ad03a;
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4);
    padding: 1px 12px;
    width: 50%;
}

div.error_message {
    margin: 5px auto 15px;
    border-left: 5px solid #ff0000;
    background: #fff none repeat scroll 0 0;
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.4);
    padding: 1em 1em;
    width: 50%;
}


/*----------------------------*/

.nav {
    width: 95%;
    padding: 0;
    margin: 3em auto -1px;
}
.nav-tabs {
    list-style: outside none none;
    border-bottom: 1px solid #fff;
    margin: 0;
    padding: 0 10px;
}

.nav-tabs > li {
    padding: 0;
    margin-bottom: -1px;
}

.nav-tabs > li {
    float: left;
}

.nav-tabs > li > a {
    margin-right:  3px;
    padding-left:  8px;
    padding-right: 8px;
    color: #262626;
}

.nav-tabs > li > a.tab-dimmed {
    color: #aaa;
}


.nav-tabs > li > a {
    display: block;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding-bottom: 8px;
    padding-top: 8px;
}

.nav-tabs > li > a:hover {
    color: #c62d28;
    background-color: #eee;
    border-color: #ccc #ccc #ddd;
    text-decoration: none;
}

.nav-tabs > li > a.tab-active {
    background-color: #fff !important;
    border-color: #fff #fff #fff !important;
}

a.tab-active {
    font-weight: bold;
    color: #333;
}

.badge {
    font-size: 95%;
    white-space: nowrap;
    border-radius: 9px;
    padding: 2px 8px 1px;
}

.badge {
    color: white;
    background-color: #73a534;
}

.badge-wait {
    color: black;
    background-color: #f0e442;
}

.badge-act  {
    color: white;
    background-color: #d55e00;
}

.badge-done {
    color: white;
    background-color: #009e73;
}

.badge-rej {
    color: #ccc;
    background-color: #333333;
}

.badge-dimmed {
    color: white;
    background-color: #aaa;
}

.nav-tabs::before,
.nav-tabs::after {
    content: "";
    display: table;
}

.nav-tabs::after {
    clear: both;
}

div.no-data {
    background-color: #ffffff;
    clear: both;
    margin: 2em auto;
    padding: 1em;
    text-align: center;
    width: 30%;
}


table.authors-select-list td {
    padding: 1px 3px;
}

div.column {
    float: left;
    /* width: 30%; */
    background-color: white;
    margin: 1em;
    padding: .2em;
    border-top: #73a534 1px solid;
    border-bottom: #73a534 1px solid;
}

div.column table.tablesorter {
    width: 100%;
    text-align: right;
}

div.clearer {
    clear: both;
}


.ui-widget-header {
    background-color: #bdd4a1 !important;
}

.ui-dialog-content {
    text-align: left;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: #73a534 none repeat scroll 0 0 !important;
    border: 1px solid #73a534 !important;
    color: #ffffff;
    font-weight: normal;
}

/* conf families */
div.icon img {
    max-height: 200px;
    max-width: 100%;
    margin: 2em 0 1em;
}

/* conference */
#icon {
    margin: 0 auto;
    width: 95%;
}

div#icon img {
    max-width: 100%;
}

/* families listing */
.conference div.title {
    font-size: 1.5em;
    font-weight: bold;
}

.conference div.details {
    font-weight: bold;
    margin-bottom: 1em;
}

.conference div.abstract {
    margin-bottom: 2em;
}


/* main.css */




/* not logged-in pages */
#contentWrapper {
    text-align: left;
    padding: 0;
    font-size: 1em;
    margin: 0px auto;
    width: 760px;
    background-color: var(--color-background-container);
    min-height: 600px;

}

#innerContentWrapper {
	display: flex;
    margin: 0px 10px;
}

/*
* html #innerContentWrapperFull table.conferences {
    width: 97%
}

* html #innerContentWrapper table.conferences {
    width: 560px;
}
*/


#rightColumnWrapper {
	order: 2;
    padding: 0;
    margin: 0 0 0 2em;
    width: 160px;
    min-width: 160px;
    line-height: 1.2em;
}

#rightColumnWrapper .title {
    padding: 3pt;
    border-bottom: 1pt solid #73a534;
    border-top: 2pt solid #73a534;
    background-color: #f1f6ea;
    color: #73a534;
    font-weight: bold;
	margin-bottom: 1em;
}

#rightColumnWrapper .etcetera a {
    display: block;
}

#rightColumnWrapper .etcetera img {
	max-width: 100%;
	height: auto;
    margin-top: .7em;
}

#txtWrapper {
    padding: 0 0 20px 0;
    line-height: 1.2em;
}

#txtWrapper img.pageTitle {
    padding: 0;
    margin: 8px 0 0;
}

#txtWrapper h2 {
    border: none;
    background-color: white;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 1.8em;
    padding-bottom: 6px;
    margin: 0px;
    color: #73a534;
    line-height: 1.5em;
    padding-top: 20px;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

#txtWrapper h3 {
    border: none;
    background-color: white;
    font-size: 1.2em;
    padding-bottom: 6px;
    margin: 0px;
    color: #73a534;
    line-height: 1.5em;
    padding-top: 20px;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

}

#txtWrapper h4 {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 1em;
    padding-bottom: 6px;
    margin: 0px;
    color: #73a534;
    line-height: 1.5em;
    padding-top: 20px;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

#txtWrapper table {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 1em;
    padding-bottom: 6px;
    color: #777;
    line-height: 1.5em;
    padding-top: 6px;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    margin-bottom: 18px;
}

#txtWrapper td,
#txtWrapper th {
    padding-right: 8px;
    padding-left: 8px;
}

#txtWrapper blockquote,
#txtWrapper p {
    padding: 6px 8px;
    font-size: 1em;
    color: #777;
    line-height: 1.5em;
}

#txtWrapper blockquote {
	border-left: 3px solid #ccc;
	padding-left: 1em;
	font-style: italic;
}

#txtWrapper p.cite {
    margin-left: 36px;
}

#txtWrapper ul {
    margin-top: 4px;
    margin-bottom: 4px;
}

#txtWrapper li {
    font-size: 1em;
    margin-bottom: 4px;
    color: #777;
    line-height: 1.5em;
}

#txtWrapper #pageTitleInside {
    padding-left: 8px;
    padding-bottom: 20px;
    padding-top: 20px;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

#txtWrapper a:link,
#txtWrapper a:visited,
#rightColumnWrapper a:link,
#rightColumnWrapper a:visited {
    color: #73a534;
    text-decoration: none;
}

#txtWrapper a:hover,
#txtWrapper a:focus,
#txtWrapper a:active,
#rightColumnWrapper a:hover,
#rightColumnWrapper a:focus,
#rightColumnWrapper a:active {
    color: #436616;
    text-decoration: underline;
}

#txtWrapper p.note {
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 8px;
    padding-top: 4px;
}

#txtWrapper #pageTitleInside h3 {
    padding-right: 0px;
    padding-left: 0px;
    font-weight: normal;
    font-size: 1em;
    padding-bottom: 3px;
    margin: 0px;
    color: #73a534;
    padding-top: 3px;
}

#txtWrapper #pageTitleInside h2 {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 1.4em;
    padding-bottom: 3px;
    margin: 0px;
    color: #73a534;
    padding-top: 3px;
}

#txtWrapper #pageTitleInside img {
    margin-top: 20px;
}

#txtWrapper .abstract {
    padding-right: 10px;
    border-top: #73a534 1px solid;
    padding-left: 10px;
    padding-bottom: 10px;
    line-height: 1.4em;
    padding-top: 10px;
    border-bottom: #73a534 1px solid;
}

#txtWrapper .conflist .item .title a:link,
#txtWrapper .conflist .item .title a:visited,
#txtWrapper .conflist .item .title a:hover,
#txtWrapper .conflist .item .title a:active {
    color: #436616;
}



.boxFloat .loginForm {
    padding-right: 4px;
    margin-top: 8px;
    display: block;
    padding-bottom: 8px;
    border-bottom: #73a534 1px solid;
    text-align: right;
}

.boxFloat .loginForm input.login {
    border-right: #b0d286 1px solid;
    padding-right: 2px;
    border-top: #b0d286 1px solid;
    padding-left: 2px;
    font-size: 1em;
    margin-bottom: 1px;
    padding-bottom: 2px;
    margin-left: 8px;
    border-left: #b0d286 1px solid;
    width: 110px;
    line-height: 1em;
    padding-top: 2px;
    border-bottom: #b0d286 1px solid;
}

.boxFloat .loginForm input.loginSubmit {
    border-right: #b0d286 1px solid;
    border-top: #b0d286 1px solid;
    font-size: 1em;
    border-left: #b0d286 1px solid;
    width: 116px;
    color: #73a534;
    border-bottom: #b0d286 1px solid;
    background-color: #f1f6ea;
}
.boxFloat {
    font-size: 11px;
    margin-bottom: 16px;
    color: #999;
}

.boxFloat p {
    margin-top: 6px;
}





.conflist .item {
    border-bottom: 1px solid #b6d88a;
    font-size: 0.9em;
    text-align: left;
    margin: 0 15px 7px 15px;
    padding: 2px 4px 2px 4px;
}

.conflist .item  .time {
    color: #73a534;
}

.conflist .item  .title {
    font-weight: bold;
}

.conflist .head {
    background-color: #a1c379;
    color: #f8ffe6;
    font-size: 110%;
    margin: 17px 30px 10px 0;
    padding-left: 20px;
}

.conflist .last {
    /* margin-top: 10px; */
    margin-bottom: 10px;
    border-bottom: 0px solid #ffffff;
}







div.conflist-due div.item {
    font-size: 1.1em;
    margin: 13px 0 0 0;
}

div.conflist-due div.item a {
    font-weight: bold;
}

div.conflist-due div.item div.time {
    padding: 7px 3px 0 7px;
}

div.conflist-due div.item div.title {
    padding: 3px 0 7px 7px;
}

div.conflist-due div.item.not-avail.not-published {
    background-color: lightgray;
    border-bottom: 1px solid #b3b3b3;
    border-left: 1px solid #b3b3b3;
}

div.conflist-due div.item.not-avail.published {
    background-color: indianred;
}

div.conflist-due div.item.avail.published {
    background-color: white;
    border-bottom: 1px solid lightgray;
    border-left: 1px solid lightgray;
}

div.conflist-due div.item.avail.not-published {
    background-color: #e5c063;
    border-bottom: 1px solid darkgoldenrod;
    border-left: 1px solid darkgoldenrod;
}


div.time span.shortname {
    font-weight: bold;
    margin-right: 2em;
    /* font-size: 1.2em; */
}

div.time span.dtpub {
    color: gray;
    float: right;
}





li.by {
    background: rgba(0, 0, 0, 0) url("lic-by.png") no-repeat scroll 0 0;
}
li.nc {
    background: rgba(0, 0, 0, 0) url("lic-nc.png") no-repeat scroll 0 0;
}
li.nd {
    background: rgba(0, 0, 0, 0) url("lic-nd.png") no-repeat scroll 0 0;
}
li.license {
    list-style: outside none none;
    min-height: 3.5em;
    padding-bottom: 20px;
    padding-left: 70px;
    padding-top: 5px;
}

li.license strong {
}

div.license {
    float:left;
    margin: 0.5em 1em 0 8px;
}

a#ccby {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.4em;
}


#footerContainer {
    padding: 0 20px;
    color: #73a534;
    text-align: center;
}

#footerContainer a {
	display: inline-block;
    padding: 0 4px;
}

#footerContainer a:link,
#footerContainer a:visited {
    color: white;
    text-decoration: none;
}

#footerContainer a:hover,
#footerContainer a:focus,
#footerContainer a:active {
    color: #73a534;
    text-decoration: none;
}

#footerContainer #copy {
    border-top: #dde6dc 1px solid;
    margin-top: 4px;
    font-size: 0.9em;
    color: #fafafa;
    padding-top: 4px;
    text-align: center;
}


div#recentnotes,
div#allnotes {
    padding-top: 1em;
}


div.warning_message {
    font-size: 110%;
    margin: -4px auto 0;
    padding: .5em;
    background-color: #f0e442;
}


div#families {
    padding: 7px;
    font-size: 1.1em;
}
div#families div {
    padding-top: 7px;
    line-height: 17px;
}


a#scopus-link,
a#scopus-link:visited,
a#scopus-link:link,
a#scopus-link:hover,
a#scopus-link:focus,
a#scopus-link:active {
    color: #e9711c;
    text-decoration: none;
    font-family: NexusSan,Arial,Georgia,sans-serif,serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 46px;
}

div.merge {
    float: left;
    margin-right:.3em;
    border: 1px solid gray;
    width: 360px;
    padding:0 .3em;
}

span.code {
    font-family: Monospace;
    font-size: 150%;
    color: dimgray;
}

div#flash_message {
    padding: 1.5em 0;
    background-color: white;
    width: 760px;
    text-align: center;
    font-size: large;
    margin: 8px auto;
}

div#flash_message.status {
    border-top: 2px solid #73a534;
    border-bottom: 2px solid #73a534;
    color: #73a534;
}

div#flash_message.warning {
    border-top: 2px solid #ebca45;
    border-bottom: 2px solid #ebca45;
    color: #ebca45;
}

div#flash_message.error {
    border-top: 2px solid #ff0000;
    border-bottom: 2px solid #ff0000;
    color: #ff0000;
}

p#se_toggle:hover {
    text-decoration: underline;
}

span.prohibited-sign {
    margin-left: 3px;
}

div#proceedings span.warning {
    background-color: orange;
    padding: 1pt;
}


/* author/gest_contrib.cgi - reorder authors */
/* ========================================= */
#sortable-authors {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 60%;
}

.ui-sortable li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    cursor: row-resize;
    position: relative;
}

.ui-sortable-handle::before {
	content: "\2261";
	padding-right: .5em;
}

/* the delete button on every li  */
.ui-sortable-handle div {
	display: inline-block;
    position: absolute;
	cursor: pointer;
    right: 0;
	padding: 0 .5em;
    line-height: 1em;
	color: gray;
	font-weight: bold;
}

.ui-sortable-handle div:hover {
	color: red;
}

.ui-sortable-handle div.delete-disabled {
	cursor: not-allowed !important;
}

.ui-sortable-handle.deleted {
	background: gray;
	text-decoration: line-through;
}
.ui-sortable-handle.deleted .btn-delete {
	color: white;
}

li.ui-state-highlight {
    height: 1.2em;
	line-height: 1em;
	background: #333;
}


#sortable-authors button.to-top {
    background: none;
    position: relative;
    right: -10%;
    position: absolute; right: 4.2em;
}

#sortable-authors button.to-bottom {
       background: none;
       position: relative;
       right: -20%;
       position: absolute;
       right: 2.6em;
}


/* details/summary for long authors lists */
/* ====================================== */
span#coauthors-toggle {
    cursor: pointer;
    color: gray;
    text-decoration: underline;
    font-weight: normal;
}

details.authors-list {
    display: inline-block;
}

details.authors-list > summary::after {
    content: " et al. (click to show)";
    color: gray;
    text-decoration: underline;
    font-weight: normal;
}

details.authors-list > summary {
    list-style-type: none;
    display: inline;
    cursor: pointer;
}

details.authors-list[open] > summary::after {
    content: none;
}

details.authors-list[open] > summary::before {
    content: "(click to hide) ";
    cursor: pointer;
    color: gray;
    text-decoration: underline;
    font-weight: normal;
}

/* Editorial committee in conference pages for readers */
div#editorial-committee span.chairman {
    font-weight: bold;
}

div#editorial-committee span.chairman::after {
    content: " (chairperson)";
    font-weight: normal;
}


/* merge suggestion */

table.merge-suggestion {
    width: 100%;
    border: 1px solid darkgray;
    text-align: left;
    margin-bottom: 4em;
}

table.merge-suggestion th {
    text-align: center;
    padding: 5px;
    font-weight: normal;
    color: darkgray;
}

table.merge-suggestion td {
    padding: 5px;
    border: 1px solid darkgray;
}

/* highlight invited contributions */
div#proceedings table tbody tr td.invited span.contrib_title {
    color: #e15d44;
}