/* SMACSS style with:
 *
 *  Base, Layouts, Modules, States, Themes
 */
/* Main Primary color (was #6D7993, but that didn't have enough contrast) */
/* ---------------- Base ----------------
 */
html {
  /*    overflow-y: scroll; */
  /*    height: 101%; */
  /*    overflow: -moz-scrollbars-vertical; */ }

body {
  color: #000000;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  color: #000000;
  font-family: Arial, sans-serif;
  line-height: 1.5;
  /* Put footer at very bottom of windows, even with little vertical content */
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-flow: column;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  min-height: 100vh; }

span.hint {
  /* text readable by a screen reader, but hidden on the screen */
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  top: -10px; }

section {
  margin: 1.5em 0; }

h1 {
  font-size: 120%;
  color: #7e1e56; }

main h1:not(:first-child) {
  padding-top: 0.5em; }

main h1:first-child {
  padding-top: 0em; }

h2, .h2 {
  padding-top: 0.5em;
  margin-top: 1.5em;
  /*margin-left: 1em; */
  font-size: 110%;
  color: #7e1e56; }

h3 {
  font-size: 100%;
  /*color: $color-section-heading;*/ }

div.indent {
  margin-left: 1.5em;
  margin-right: 1.5em; }

div.indent_as_form {
  margin-left: 2.5em; }

div.indent_as_ul {
  margin-left: 1.5em; }

div.returnActions {
  /* links on bottom to return to previous pages */
  margin-top: 3em;
  /* font-size: 80%; */ }

/* ---------------- Layout ----------------
 *
 * Page layout is standard:
 *
 *   - header
 *   - nav at top or side (responsive, with show/hide toggle)
 *   - main content
 *   - footer
 */
header {
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  margin-right: calc(100% - 100vw); }

main {
  margin: 0 0.5em;
  flex: 1; }

footer {
  border: none;
  height: auto;
  text-decoration: none;
  text-align: right;
  margin-top: 1em; }
  footer a {
    text-decoration: none;
    color: black;
    padding-right: 6px;
    font-size: x-small; }
  footer hr {
    height: 2px;
    color: #6A7590;
    border-color: #6A7590;
    background-color: #6A7590;
    border: 1px solid #6A7590; }
  footer img {
    height: 3em; }

/* ---------------- Modules ----------------
 *
 *   nav
 *   alerts
 *   expandable listfield on a form
 */
/* Module: Logos
 */
div.logos {
  display: table;
  width: 100%;
  height: 4em;
  text-align: center;
  vertical-align: middle;
  margin-right: calc(100% - 100vw); }
  div.logos div {
    display: table-cell;
    vertical-align: middle;
    height: 4em;
    padding: 5px; }
    div.logos div img {
      vertical-align: middle;
      max-width: calc( 100% - 10px );
      max-height: calc( 100% - 10px );
      object-fit: contain; }
    div.logos div.left {
      width: 20em;
      position: relative;
      text-align: left; }
      div.logos div.left img {
        position: absolute;
        left: 7px;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%); }
    div.logos div.right {
      width: 20em;
      position: relative;
      text-align: right; }
      div.logos div.right img {
        height: 4em;
        position: absolute;
        right: 16px;
        /* for scrollbar */
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%); }

/* Module: Nav
 */
nav {
  display: table;
  width: 100%;
  background-color: #6A7590;
  text-align: center;
  vertical-align: middle;
  margin-right: calc(100% - 100vw);
  font-family: Arial, sans-serif;
  padding-top: 5px;
  padding-bottom: 6px;
  /* nav button to toggle nav hide/show */
  /* Main list of buttons */
  /* nav links */ }
  nav div.left {
    display: table-cell;
    color: #ffffff;
    margin-left: 0.5em;
    width: 10%;
    text-align: left; }
  nav div.middle {
    display: table-cell;
    width: 20%;
    min-width: 32em; }
  nav div.right {
    display: table-cell;
    color: #ffffff;
    width: 10%;
    text-align: right; }
    nav div.right a {
      margin-right: 18px; }
  nav .toggle {
    display: none; }
  nav #navToggleBox {
    display: none; }
  nav div.middle > ul {
    /* selection list: centered in nav bar */
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0 auto; }
    nav div.middle > ul > li {
      /* top-level menu items */
      padding: 0 1em;
      /* margin: 0 1em; */
      display: inline-block;
      vertical-align: top;
      position: relative;
      /* necessary for absolutely-positioned boxes below 'reviewing' and 'chairing' */
      /* submenus */ }
      nav div.middle > ul > li span {
        /* box below 'reviewing' and 'chairing' holding current track name */
        width: 20em;
        position: absolute;
        top: calc(100% + 6px);
        /* 4px = $nav-padding-bottom - 2px.  Cannot use the SCSS variable inside 'calc'. */
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%); }
        nav div.middle > ul > li span a.active {
          background-color: #4D5C7C;
          box-shadow: inset 0 5px 5px -5px #083010;
          border-radius: 0 0 3px 3px / 0 0 2px 2px;
          /* no rounding of top corners */
          border-top-width: 0px;
          padding-top: 6.1px; }
      nav div.middle > ul > li div {
        margin: 0.30em -100px -0.2em -100px; }
      nav div.middle > ul > li > ul {
        /* submenu box */
        background-color: #6A7590;
        position: absolute;
        display: none;
        text-align: left;
        padding: 0.3em 0.3em 0.35em 0.3em;
        margin-left: -0.3em;
        border-radius: 3px / 2px;
        box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
        z-index: 1000;
        width: 12em; }
        nav div.middle > ul > li > ul > li {
          /* submenu item */
          display: block;
          font-size: 85%;
          margin-bottom: -0.25em; }
          nav div.middle > ul > li > ul > li > a {
            /* submenu item link */
            display: inline-block; }
      nav div.middle > ul > li:hover > ul {
        /* show submenu upon hover over top-level menu item */
        display: block;
        background-color: #6A7590; }
  nav a, nav label, nav span, nav li.confName {
    color: #ffffff;
    border-radius: 3px / 2px;
    padding: 3px 7px 4px 7px;
    text-indent: -2px;
    text-decoration: none;
    overflow: hidden; }
    nav a:hover:not(label):not(span), nav label:hover:not(label):not(span), nav span:hover:not(label):not(span), nav li.confName:hover:not(label):not(span) {
      background-color: #939BAD !important; }
    nav a.active, nav label.active, nav span.active, nav li.confName.active {
      background-color: #4D5C7C; }
      nav a.active:not(.subtab), nav label.active:not(.subtab), nav span.active:not(.subtab), nav li.confName.active:not(.subtab) {
        border: 1px solid #939BAD; }

/* Header and nav on small screen
 *
 *   - remove username; keep logo
 *   - show open/close toggle
 *   - show nav vertically on left edge when open
 *   - keep toggle fixed at top
 */
@media screen and (max-width: 51em) {
  /* main body */
  main {
    margin-top: 5.5em; }

  /* footer */
  /* header */
  header {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 0;
    z-index: 1000;
    /* navbar */ }
    header div.logos {
      display: table;
      height: 3em; }
      header div.logos div.left, header div.logos div.middle, header div.logos div.right {
        display: table-cell;
        height: 3em; }
        header div.logos div.left img, header div.logos div.middle img, header div.logos div.right img {
          max-height: 3em; }
      header div.logos div.left img {
        left: 0px; }
      header div.logos div.right img {
        right: 10px; }
    header nav {
      position: fixed;
      top: calc( 3em + 10px );
      text-align: left;
      width: 100%;
      height: 1em;
      display: table;
      /* navbar hide/show toggle */ }
      header nav div.left {
        display: none; }
      header nav div.middle {
        display: table-cell;
        min-width: 70%;
        max-width: 70%; }
        header nav div.middle > ul {
          /* selection list */
          margin: 0;
          padding: 1.5em 0em 0.4em 0.6em; }
          header nav div.middle > ul > li {
            /* top-level menu items */
            display: block;
            padding: 8px 0px 8px 0.3em;
            position: inherit; }
            header nav div.middle > ul > li span {
              /* subpart showing the active track */
              padding: 0em 0em 0em 0em;
              position: inherit;
              display: inline-block;
              transform: none;
              -ms-transform: none;
              -webkit-transform: none;
              margin: 0.6em -5em -0.4em 2em; }
              header nav div.middle > ul > li span a.active {
                box-shadow: none; }
            header nav div.middle > ul > li.signout {
              display: inline-block !important; }
            header nav div.middle > ul > li:hover {
              /* show submenu upon hover over top-level menu item */
              background-color: #6A7590; }
            header nav div.middle > ul > li > ul {
              /* submenu box ( data-state is in {"inline","hidden"} ) */
              position: absolute;
              white-space: nowrap;
              /* (so that this box doesn't inherit width of parent box) */
              display: none;
              text-align: left;
              padding: 0.35em 0.3em 0.3em 0.3em;
              margin-left: 4em;
              margin-top: -1.75em;
              border: 0;
              border-radius: 2px;
              box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.5); }
              header nav div.middle > ul > li > ul.popupBox[data-state=inline] {
                /* show submenu upon hover over top-level menu item */
                display: block;
                background-color: #6A7590; }
              header nav div.middle > ul > li > ul.popupBox[data-state=hidden] {
                display: none; }
              header nav div.middle > ul > li > ul > li {
                /* submenu item */
                margin-top: 0.3em;
                margin-bottom: 0.3em; }
                header nav div.middle > ul > li > ul > li > a {
                  text-indent: 0; }
            header nav div.middle > ul > li > a {
              text-indent: 0;
              margin-left: -0.3em;
              margin-bottom: 0; }
      header nav div.right {
        display: table-cell;
        vertical-align: top;
        width: inherit; }
        header nav div.right a.signout {
          display: none; }
      header nav label {
        text-indent: 0;
        margin-left: -0.3em;
        margin-bottom: 0;
        border-radius: 2px;
        padding: 2px 5px; }
      header nav .username {
        display: none; }
      header nav .toggle {
        display: inline;
        font-size: 200%;
        position: absolute;
        top: -0.33em;
        background-color: transparent; }
        header nav .toggle label {
          margin: 0.5em;
          padding: 0; }
        header nav .toggle input {
          display: none; }
      header nav #navToggleGlyph {
        display: inline; }
      header nav #navToggleItems {
        display: block; }
      header nav #navToggleItems[data-state=hidden] {
        display: none; } }
/* Module: alert boxes with CSS closing mechanism
 */
div.alert {
  /* DIV containing one alert      */
  width: 100%;
  /* This is essentially a CENTER. */
  margin: 0;
  padding: 0;
  text-align: center;
  display: block; }

div .alert {
  /* A tight box containg the message and an icon */
  color: #000000;
  border-radius: 5px;
  padding: 4px 8px 4px 32px;
  /* 32px gives space for icons at left and right */
  margin-top: 1em;
  display: inline-block;
  text-decoration: none; }
  div .alert.tight {
    margin: 2px 12px 2px -70px;
    /* for inside modals */ }

.alert[data-state=hidden] {
  /* hide the alert after it's clicked */
  display: none; }

.alert_close {
  border-radius: 3px;
  border: 1px grey;
  text-decoration: none;
  float: right;
  display: inline;
  padding: 0em 0.4em;
  margin: 3px;
  color: black;
  z-index: 3; }

.alert_close:hover {
  background-color: lightgrey; }

/* Module: Modal boxes
 */
#lean_overlay {
  position: fixed;
  z-index: 1;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none; }

.modal {
  padding: 1em;
  background-color: #f6f6f6;
  border: 1px solid #aaa;
  border-radius: 2px;
  box-shadow: 0 0 15px 2px #ccc;
  z-index: 2; }
  .modal h2 {
    margin-top: 1em; }

.columnVisModal h1 {
  display: none; }
.columnVisModal h2 {
  margin-bottom: 0px; }
.columnVisModal ul {
  list-style-type: none;
  padding-left: 0.5em;
  margin: 0px; }
  .columnVisModal ul li input {
    margin-top: 0px;
    vertical-align: middle; }
  .columnVisModal ul li label {
    margin-left: 0.5em;
    vertical-align: middle; }

.modal_close {
  border-radius: 3px;
  text-decoration: none;
  padding: 0em 0.4em;
  margin: 7px;
  position: absolute;
  top: -5px;
  right: -5px;
  display: inline-block;
  background-color: #ddd;
  color: black;
  z-index: 3; }

#createNewUser h1 {
  margin-top: 0em; }
#createNewUser h2 {
  color: #7e1e56; }

a.setupAccount {
  float: right;
  text-align: right;
  margin-left: 1em;
  margin-right: -1em;
  margin-top: 0.2em;
  display: none; }

div.awesomplete li div {
  text-align: right; }
  div.awesomplete li div span {
    float: left; }

/* Colors and icons for the different alert types */
.alert.error {
  background: #ffecec url("/static/images/error.png") no-repeat 10px 50%;
  border: 1px solid #f5aca6; }

.alert.success {
  background: #e9ffd9 url("/static/images/success.png") no-repeat 10px 50%;
  border: 1px solid #a6ca8a; }

.alert.warning {
  background: #fff8c4 url("/static/images/warning.png") no-repeat 10px 50%;
  border: 1px solid #f2c779; }

.alert.notice {
  background: #e3f7fc url("/static/images/notice.png") no-repeat 10px 50%;
  border: 1px solid #8ed9f6; }

.highlight_notice {
  background: #e3f7fc;
  border: 1px solid #8ed9f6;
  border-radius: 5px;
  padding: 0.1em 0.3em 1em 0.6em;
  margin: 0.5em 0.5em 0.5em -0.6em; }

/* List of submissions on author's 'submissions' page */
/* Submission list */
form.soc_conf_track_picker {
  margin-left: 1em;
  /* why is this not 2em (= $indent) ? */
  margin-bottom: 2em; }
  form.soc_conf_track_picker th {
    font-weight: normal;
    font-size: 80%; }

.statusGood {
  color: green; }

.statusBad {
  color: #D11C00; }

.statusNeutral {
  color: #000000; }

.incomplete {
  color: #D11C00; }

.tentative {
  color: #D11C00;
  font-size: 80%;
  vertical-align: baseline;
  padding-left: 0.5em; }

.complete {
  color: green; }

.notice {
  color: blue; }

table.submissionList {
  margin-left: 1.5em; }
  table.submissionList tr > th, table.submissionList tr > td {
    margin-top: 1em;
    padding-bottom: 0.5em; }
    table.submissionList tr > th.incomplete, table.submissionList tr > th span.incomplete, table.submissionList tr > th div.incomplete, table.submissionList tr > td.incomplete, table.submissionList tr > td span.incomplete, table.submissionList tr > td div.incomplete {
      color: #D11C00; }
    table.submissionList tr > th.complete, table.submissionList tr > th span.complete, table.submissionList tr > td.complete, table.submissionList tr > td span.complete {
      color: green; }
    table.submissionList tr > th.notice, table.submissionList tr > th span.notice, table.submissionList tr > td.notice, table.submissionList tr > td span.notice {
      color: blue; }
    table.submissionList tr > th ul.incomplete, table.submissionList tr > td ul.incomplete {
      margin-bottom: 0.5em; }
      table.submissionList tr > th ul.incomplete ul, table.submissionList tr > td ul.incomplete ul {
        margin-left: 1.5em;
        list-style-type: disc; }
  table.submissionList tr > td {
    padding-bottom: 2em; }

.addForm {
  /* form to add a person to the table */
  float: right;
  margin: 1.5em;
  font-size: 80%; }
  .addForm input[type=submit] {
    margin-left: -1em;
    vertical-align: top; }

table ul.actionList {
  list-style-type: none;
  padding-left: 0px; }

ul.actionList {
  list-style-type: none;
  padding-left: 1em; }

ol.actionList {
  margin-left: 0em; }
  ol.actionList li {
    margin-bottom: 0.5em; }

ul.actionList2 {
  /* used in documentation */
  padding-left: 1.5em; }
  ul.actionList2 > li {
    padding-left: 0em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    list-style-type: none;
    margin-top: 1em; }
    ul.actionList2 > li > ul {
      padding-top: 1em; }
      ul.actionList2 > li > ul > li {
        margin-top: 0em;
        list-style-type: disc;
        padding-bottom: 0.5em; }

span.option::before {
  content: "\""; }
span.option::after {
  content: "\""; }

pre.instructions {
  padding-left: 1em; }

li.subActionList {
  /* used on chair's home page */
  margin-top: 1em; }
  li.subActionList ul {
    padding-left: 1.5em;
    list-style-type: none; }

ul.plain {
  list-style-type: none;
  padding-left: 1.5em; }

ul.spaced li {
  margin-bottom: 1em; }

ul.checkbox_list {
  /* a UL of checkboxes */
  list-style-type: none; }
  ul.checkbox_list li input[type=checkbox] {
    vertical-align: middle;
    margin-right: 0.3em; }

ul.checkbox_list_2 {
  /* a UL of checkboxes */
  list-style-type: none;
  margin-left: 0px; }
  ul.checkbox_list_2 li span {
    margin-right: 0.3em;
    padding: 2px;
    border-radius: 2px; }
  ul.checkbox_list_2 li input[type=checkbox] {
    padding: 3px;
    vertical-align: middle; }

ul.multicol li {
  margin-right: 2em; }

ul.radio_list {
  /* a UL of radio buttons */
  list-style-type: none;
  padding-left: 0em; }

ul.keyword_list {
  /* a two-level UL of keywords */
  list-style-type: none; }
  ul.keyword_list li input[type=checkbox] {
    vertical-align: middle;
    margin-left: 1em;
    margin-right: 0.3em; }
  ul.keyword_list > li.kwGroup:first-child > fieldset > legend {
    display: inline-block;
    margin-bottom: 0.5em;
    font-size: 120%;
    color: #7e1e56; }
  ul.keyword_list > li.kwGroup:not(:first-child) > fieldset > legend {
    display: inline-block;
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-size: 120%;
    color: #7e1e56; }

input[type=radio] {
  margin-top: -2px;
  vertical-align: middle;
  margin-right: 0em; }

ul.chair_home {
  /* list of actions on chair's home page */ }

span.noReview {
  /* an absent review on the chair's Submissions page */
  background-color: #f8e488;
  display: inline-block;
  width: 1.5em; }

span.tentativeReview {
  /* a tentative review on the chair's Submissions page */
  background-color: #e8d7c3;
  display: inline-block;
  width: 1.5em;
  text-align: center; }

span.incompleteReview {
  /* an incomplete review on the chair's Submissions page */
  background-color: #f0b068;
  display: inline-block;
  width: 1.5em;
  text-align: center; }

span.errorColor {
  color: #D11C00; }

span.volunteeringLimit {
  /* an number of assigned reviews equal to the volunteered reviews on the 'reviewer affinities' page of a submission */
  background-color: #f8dbb9;
  display: inline-block;
  width: 1.5em; }

span.subID {
  /* a submission ID in a table */
  border-radius: 4px / 3px;
  padding: 0.3em; }
  span.subID.primary_role {
    font-weight: bold; }
  span.subID.external_role {
    color: #D11C00; }

span.h1SubTitle {
  font-style: italic; }
  span.h1SubTitle::before {
    content: "- \""; }
  span.h1SubTitle::after {
    content: "\""; }

span.minorHeading {
  display: block;
  margin-bottom: 1em;
  margin-top: 1.5em; }

span.revScore {
  /* a submission ID in a table */
  border-radius: 2px / 1px;
  padding: 0.0em 0.1em 0.0em 0.1em; }

span.page {
  font-variant: small-caps; }

span.tab {
  border: 1px #bbbbbb solid;
  border-radius: 2px / 1px;
  padding: 1px; }

span.link {
  text-decoration: underline; }

/* Module: Lists of form values
 */
.formOutputList, .formInputList {
  margin-left: 1.5em; }
  .formOutputList h2, .formInputList h2 {
    font-size: 100%;
    margin-top: 2em; }
  .formOutputList div.formItem, .formInputList div.formItem {
    padding-left: 1.5em; }
  .formOutputList div.submissionTitle, .formInputList div.submissionTitle {
    font-style: italic;
    font-weight: bold;
    padding-bottom: 1em; }
  .formOutputList ul.authorList, .formInputList ul.authorList {
    margin-left: 1.5em; }
    .formOutputList ul.authorList li span:first-child, .formInputList ul.authorList li span:first-child {
      padding-top: 0px;
      padding-bottom: 0px;
      min-width: 12em;
      margin-right: 1em;
      display: inline-block; }
    .formOutputList ul.authorList li span:nth-child(2), .formInputList ul.authorList li span:nth-child(2) {
      padding-top: 0px;
      padding-bottom: 0px;
      display: inline-block; }
  .formOutputList div.formText, .formInputList div.formText {
    margin-bottom: 1em; }
    .formOutputList div.formText ul, .formOutputList div.formText select, .formInputList div.formText ul, .formInputList div.formText select {
      list-style-type: inherit;
      padding-left: 3em; }
  .formOutputList ul, .formOutputList select, .formInputList ul, .formInputList select {
    list-style-type: none;
    padding-left: 0px; }
    .formOutputList ul.error, .formOutputList select.error, .formInputList ul.error, .formInputList select.error {
      margin-bottom: 0px; }
  .formOutputList .formItemStatus, .formInputList .formItemStatus {
    display: inline;
    padding-left: 1em;
    font-weight: normal;
    color: #533080; }
  .formOutputList .formItemRating, .formInputList .formItemRating {
    display: inline;
    padding-left: 1em;
    font-weight: normal;
    color: #993399; }
  .formOutputList .rolesShownTo, .formInputList .rolesShownTo {
    /* status message beside the title of a form item being edited */
    display: inline;
    padding-left: 1em;
    font-weight: normal;
    color: green; }
  .formOutputList .hiddenFrom, .formInputList .hiddenFrom {
    /* status message beside the title of a form item being edited */
    display: inline;
    padding-left: 1em;
    font-weight: normal;
    color: #993333; }
  .formOutputList .shownWhen, .formInputList .shownWhen {
    /* status message beside the title of a form item being edited */
    display: inline;
    padding-left: 1em;
    font-weight: normal;
    color: #c03000; }
  .formOutputList .editableByOwner, .formInputList .editableByOwner {
    /* status message beside the title of a form item being edited */
    display: inline;
    padding-left: 1em;
    font-weight: normal;
    color: #335599; }

/* Dropdown menu (mainly for admin editing form items)
 */
.dropdown {
  display: inline-block; }

.dropdown-content {
  display: none;
  position: absolute;
  padding: 0em;
  background-color: #f6f6f6;
  border: 1px solid #aaa;
  border-radius: 2px;
  box-shadow: 0 0 15px 2px #ccc;
  margin-left: 0.5em;
  z-index: 1;
  font-weight: normal; }
  .dropdown-content ul {
    padding: 0.5em;
    margin: 0em; }
    .dropdown-content ul li a, .dropdown-content ul li span {
      color: black;
      border-radius: 2px;
      padding: 2px 5px;
      text-indent: -2px;
      text-decoration: none;
      overflow: hidden;
      margin: 2px; }
      .dropdown-content ul li a:hover:not(.disabled), .dropdown-content ul li span:hover:not(.disabled) {
        background-color: #939BAD; }
      .dropdown-content ul li a:focus, .dropdown-content ul li span:focus {
        border: 2px solid #ffffff;
        margin: 0px; }
      .dropdown-content ul li a.disabled, .dropdown-content ul li span.disabled {
        color: #999999; }

.dropdown:hover .dropdown-content {
  display: block; }

/* Prevent Chrome from showing dropdown indicator on list inputs */
input::-webkit-calendar-picker-indicator {
  display: none; }

/* Submission page view
 */
li.submissionTitle {
  font-style: italic;
  font-weight: bold;
  padding-bottom: 1em; }

li.submissionContact {
  margin-left: 1.5em; }

/* Submission form info in one row.  Set width of each box.
 */
input.wideLine {
  min-width: 0px;
  width: 40em; }
input.authorFirst {
  min-width: 0px;
  width: 8em; }
input.authorMI {
  min-width: 0px;
  width: 3em; }
input.authorLast {
  min-width: 0px;
  width: 8em; }
input.authorEmail {
  min-width: 0px;
  width: 10em; }
input.authorAffiliation {
  min-width: 0px;
  width: 12em; }

/* Affiliation shown on user's contact information form
 */
span.affil_note {
  color: green;
  float: right; }

a.affil_note {
  float: right; }

/* Module: Forms
 *
 * Using tables, but adapting for smaller screens
 */
th {
  /*vertical-align: top;*/
  text-align: left;
  padding: 2px;
  padding-right: 1em; }

table.headersOnLeft > tbody > tr > th {
  text-align: right; }

table.with_column_headers th:not(:first-child) {
  padding-left: 1em;
  text-align: left;
  vertical-align: baseline; }

table.with_column_headers td:not(:first-child) {
  padding-left: 1em;
  vertical-align: top; }

table.with_column_headers label {
  display: none; }

table.centeredColumns th:not(:first-child) {
  text-align: center; }
table.centeredColumns td:not(:first-child) {
  text-align: center;
  padding-right: 12px; }
table.centeredColumns th, table.centeredColumns td {
  vertical-align: middle; }

.align_baseline {
  vertical-align: baseline; }

td {
  vertical-align: baseline;
  padding: 2px;
  padding-right: 1.5em; }
  td td {
    padding-right: 0em;
    /* width: 100%;*/ }

td th {
  /* header in a sub-table */
  font-size: 80%; }

table.subList {
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  text-align: left; }

td td {
  font-size: 80%; }

th.hidden_cell, td.hidden_cell {
  display: none;
  padding: 0 !important;
  margin: 0 !important; }

td table {
  /* table within a table: align to the right */
  width: auto;
  margin-right: 0px;
  margin-left: auto;
  float: left; }

tr.blank td {
  /* blank table row to separate things */
  padding-top: 1.5em; }

tr.textBottom th {
  vertical-align: bottom; }

input.userID {
  width: 30em; }
  input.userID.error {
    width: 21em; }

input.numeric, tr.numeric input {
  min-width: 4em !important;
  max-width: 4em !important;
  display: inline-block; }

input.short_numeric, tr.short_numeric input {
  min-width: 2em !important;
  max-width: 2em !important;
  text-align: right;
  display: inline-block; }

input.shortForm {
  min-width: 8em;
  max-width: 8em; }

select.affilSelect {
  width: 20em; }

span.req_flag {
  /* a red asterisk after a required field, positioned right of the field */
  margin-left: -1em;
  color: darkred;
  position: relative;
  left: 1.5em;
  top: 0.2em; }

div.req_flag {
  /* a red NOTE after a required field, positioned right of the field */
  color: darkred;
  display: inline-block;
  left: 0.5em;
  overflow: visible;
  position: relative;
  top: 0.2em;
  width: 0px; }

span.updated_flag {
  color: darkred;
  margin-right: 0.25em; }

ul.updated_flag {
  border-color: darkred !important;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25); }

div.updated_flag {
  padding: 0.5em;
  border: 1px solid darkred !important;
  border-radius: 3px;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25); }

textarea {
  width: 40em;
  height: 20em; }

:disabled, :disabled + label {
  color: #666666;
  background-color: #dddddd; }

table th, table td {
  vertical-align: top; }
  table th pre, table td pre {
    margin: 0px; }
table th span.subHeader {
  font-size: 70%;
  font-weight: normal;
  display: block; }
table input[type=checkbox] {
  min-width: 0;
  width: auto;
  margin-top: 0.3em; }
table tr:not(.numeric) input[type=text]:not(.async):not(.numeric):not(.shortForm) {
  /* width: 100%; */
  min-width: 21em; }
table tr.numeric-input input[type=text] {
  min-width: 6em;
  max-width: 6em; }
table input[type=submit] {
  min-width: 0;
  width: auto;
  margin-top: 1em; }
table ul {
  list-style-type: none;
  padding-left: 0.0em;
  margin: 0px; }
  table ul li {
    padding-left: 0em; }
    table ul li ul li {
      padding-left: 1em; }
    table ul li input {
      margin-top: 0.3em;
      vertical-align: middle; }
    table ul li label {
      margin-left: 0.5em;
      vertical-align: middle; }
table input[type=text],
table input[type=password] {
  box-sizing: border-box; }

.horizontal-input li {
  /* horizontal list of inputs (e.g. radio or checkbox) */
  display: inline-block;
  margin-right: 1.5em; }
  .horizontal-input li label {
    margin: 0; }
  .horizontal-input li input {
    margin-top: -2px; }

.vertical-input {
  /* vertical list of inputs */
  display: block;
  white-space: nowrap; }

.add_del_links, .move_down_link {
  /* Add/Remove links for an expandable list field */
  float: right;
  font-size: 80%; }

.move_down_link {
  margin-top: -0.5em;
  margin-bottom: 0.5em; }

/* Error on form validation */
table.errortable, table.error td, td.error input, input.error, textarea.error, ul.error, select.error, div.incomplete_list {
  border: 2px solid #f5aca6;
  padding: 2px;
  outline: none;
  box-shadow: 0 0 10px #f5aca6;
  min-width: 0px; }

div.incomplete_list {
  color: #D11C00;
  display: inline-block;
  padding: 0.5em;
  margin: 1em 2em 2em 1.5em; }

div.incomplete_in_list {
  color: #D11C00;
  display: inline-block;
  margin-bottom: 0.5em;
  vertical-align: text-top; }

th.error, .message.error {
  color: #D11C00;
  display: block; }

td.error p {
  display: block;
  margin: 0.1em;
  color: #D11C00; }

td.warning {
  background: #f2c779; }

div.awesomplete + .message.error {
  display: block; }

small.error.message {
  margin-top: 0.35em;
  margin-bottom: 0.70em; }

.counter {
  margin-top: 0.35em;
  margin-bottom: 0.70em;
  color: green; }
  .counter.error {
    color: #D11C00; }

input[type=submit]:not(.submitLink) {
  padding: 5px 6px;
  border: 1px solid;
  border-radius: 2px;
  border-color: #7e1e56;
  background: #ffffff; }
  input[type=submit]:not(.submitLink):hover {
    background: #939BAD; }
  input[type=submit]:not(.submitLink):focus {
    background: #4D5C7C; }

/* Have submit buttons look like links */
.submitLink {
  background-color: transparent;
  text-decoration: underline;
  border: none;
  color: #6d7993;
  cursor: pointer; }

.submitLink:focus {
  outline: none; }

.upper_right_button {
  float: right;
  padding-right: 1em;
  margin-top: -2em; }

/* Allow tables on small screens to collapse */
@media screen and (max-width: 51em) {
  tr, td, th {
    display: block; }

  tr {
    /* border: 1px solid #aaa; */
    margin: 10px 0 10px 0; }

  tr tr {
    /* border: 1px solid #aaa; */
    margin: 10px 0 0 20px; }

  td table {
    float: none; }

  td:before {
    /* prints the value of data-label attribute before the column data */
    font-weight: bold;
    padding-right: 1em;
    /*content:" "attr(data-label)"X ";*/ }

  table.headersOnLeft th {
    text-align: left; }

  table.with_column_headers th + th {
    display: none; }
  table.with_column_headers label {
    display: none; }
    table.with_column_headers label ~ span {
      margin-left: 1em; } }
/* Module: Lists
 */
/* action-confirmation lists (i.e. "yes, go ahead" and "no, don't") */
ul.confirm, ul.undecorated {
  margin: 1.5em 0; }

ul.confirm li, ul.undecorated li {
  list-style: none;
  margin-top: 1em; }

/* Module: Asynchronous input
 */
label.async {
  border-radius: 3px;
  white-space: nowrap;
  padding: 4px;
  /* for highlight upon response */
  margin: -4px;
  /*    &:after { 
          content:"\A";
          white-space: pre;
      } */ }
  label.async input[type=checkbox] {
    position: relative;
    vertical-align: middle;
    bottom: 2px; }

span.async {
  border-radius: 3px;
  white-space: nowrap;
  padding: 4px;
  /* for highlight upon response */
  margin: -4px;
  /*    &:after { 
          content:"\A";
          white-space: pre;
      } */ }
  span.async input[type=checkbox] {
    position: relative;
    vertical-align: middle;
    bottom: 2px; }

/* Volunteer-to-review page
 *
 * The bottom-level UL should show items in 4 columns
 */
form.volunteering_list {
  padding: 0.5em 0.5em 0.5em 0px;
  margin-top: 0.5em;
  /* float: left; */ }
  form.volunteering_list th {
    font-weight: normal;
    font-size: 80%; }
  form.volunteering_list td {
    padding-left: 0;
    padding-right: 1em; }
  form.volunteering_list td:nth-child(3) {
    padding-right: 0em; }
  form.volunteering_list > br {
    clear: left; }

ul.volunteering_list {
  list-style-type: none;
  padding-left: 0em; }
  ul.volunteering_list ul {
    list-style-type: none;
    padding-left: 2em; }
  ul.volunteering_list li.society {
    margin-top: 1em; }
  ul.volunteering_list span.society_name {
    font-size: 110%;
    font-weight: bold;
    color: #7e1e56; }
  ul.volunteering_list .track_name {
    display: inline-block;
    width: 15em; }
  ul.volunteering_list .track_count {
    display: inline-block;
    width: 5em;
    margin-top: 0.2em; }

/* Expertise page
 */
form.expertise_list {
  padding: 0.5em 0.5em 0.5em 0px;
  margin-top: 0.5em; }
  form.expertise_list table {
    display: inline;
    vertical-align: top; }
    form.expertise_list table th {
      font-weight: normal;
      font-size: 80%; }
    form.expertise_list table td {
      padding-left: 0;
      padding-right: 1em; }
  form.expertise_list > br {
    clear: left; }

ul.expertise_list {
  padding-left: 0em; }
  ul.expertise_list li {
    list-style-type: none; }
  ul.expertise_list li ul {
    padding-left: 0em; }
    ul.expertise_list li ul li fieldset {
      padding: 0em;
      margin-left: 0em;
      border: 0px; }
      ul.expertise_list li ul li fieldset legend {
        float: left;
        margin-left: 2em;
        display: inline-block; }
      ul.expertise_list li ul li fieldset span.expertiseLevels {
        display: inline-block;
        float: left;
        width: 5em;
        text-align: center;
        padding: 3px 0px 2px 0px;
        border-radius: 2px; }
      ul.expertise_list li ul li fieldset span.kwDescrip {
        font-size: small;
        padding: 0em 0em 0.75em 2em;
        display: inline-block; }
      ul.expertise_list li ul li fieldset span.kwOther {
        font-size: small;
        padding-left: 1em; }
  ul.expertise_list li span.kwGroup {
    font-size: 110%;
    font-weight: bold;
    color: #7e1e56;
    display: inline-block;
    margin: 1em 0em;
    text-align: left; }
  ul.expertise_list li ul li fieldset legend {
    text-align: left;
    padding-left: 0em; }

ul.missingAreas li label {
  display: inline-block;
  min-width: 10em; }
ul.missingAreas li input {
  margin-left: 2em;
  margin-bottom: 1em; }

ul.keyword_list li ul li span.kwDescrip {
  font-size: small;
  padding: 0em 0em 0.75em 5.5em;
  display: inline-block; }

/* Editing email templates
 */
.emailHeader {
  padding-left: 0.5em;
  /* font-family: monospace; */ }

tr.emailFromName input {
  width: 50% !important;
  margin-right: 1em; }

table.email th {
  text-align: right;
  padding-top: 0.5em; }
table.email td {
  padding-top: 0.5em; }
table.email input[type="text"] {
  width: 50.3em;
  /* font-family: monospace; */ }
table.email input[type="checkbox"] {
  vertical-align: text-bottom; }
table.email textarea {
  width: 50em;
  height: 30em;
  /* font-family: monospace; */
  padding-left: 0.25em; }

optgroup {
  padding-top: 0.3em; }

#template_description {
  margin-top: 1em;
  padding-bottom: 1.5em; }

#template_vars {
  margin-top: 1.5em;
  margin-bottom: 1em; }
  #template_vars table {
    margin-left: 1.5em;
    margin-top: 1em; }

/* Loading spinner
 */
#spinner {
  padding-left: 1.5em;
  vertical-align: top;
  margin-bottom: -1em; }
  #spinner img {
    text-align: center; }

/* Phase setting page
 */
ul.phase_list {
  /* list of phases */
  width: 50em;
  -webkit-column-count: 3;
  column-count: 3;
  list-style-type: none;
  padding-left: 0em; }
  ul.phase_list li input {
    margin-right: 0.5em; }
    ul.phase_list li input:checked label {
      color: #D11C00; }

table.phase_settings {
  /* table of all phase settings */ }
  table.phase_settings td:not(.setting_name) {
    text-align: center;
    width: 1.5em;
    padding-right: 0; }
    table.phase_settings td:not(.setting_name) input {
      position: relative;
      vertical-align: middle;
      bottom: 2px; }
  table.phase_settings th {
    font-weight: normal; }
  table.phase_settings th:not(.setting_name) {
    text-align: center;
    width: 1.5em;
    padding-right: 0; }

table.phase_settings .phase_short_name, ul.phase_list .phase_short_name {
  display: inline-block;
  min-width: 1.5em; }

/* Tooltips */
.tooltip {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black;*/
  max-width: 100vw; }
  .tooltip .tip {
    visibility: hidden;
    background-color: white;
    color: black;
    text-align: center;
    border-radius: 3px / 2px;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.75);
    padding: 0.75em;
    position: absolute;
    width: 16em;
    max-width: 70vw;
    left: -2em;
    bottom: 2em;
    z-index: 1; }
  .tooltip:hover .tip {
    visibility: visible; }

.chairConflict {
  background-color: #f8b0f8;
  padding: 0.2em; }

.otherConflict {
  background-color: #f8e0f8;
  padding: 0.2em; }

/* Misc */
.noindent {
  margin-left: 0px; }

/* Chair's view of committee and reviewer bidding */
/* Discussions */
.comment_new_thread {
  margin-left: 1.5em;
  margin-bottom: -1em; }

.comment_outer {
  list-style-type: none;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin: 1em 0 1em 0; }
  .comment_outer.parity_0 {
    background-color: #ffffff; }
  .comment_outer.parity_1 {
    background-color: #f4f4f4; }
  .comment_outer.inner {
    border: 1px solid #d0d0d0;
    border-radius: 3px; }
  .comment_outer.outer {
    margin-bottom: 0em;
    margin-top: 0em; }

.comment_hide {
  display: inline-block;
  text-align: left;
  width: 2em;
  color: #566FA4; }

.comment_name {
  display: inline-block;
  font-weight: bold;
  margin-right: 0.7em;
  color: #586FA1; }

.comment_time {
  display: inline-block; }

.comment_text {
  margin-top: 0.3em; }
  .comment_text a {
    color: #566FA4; }

.comment_edit {
  display: inline-block;
  margin-top: 0px; }
  .comment_edit a {
    color: #566FA4; }

li.comment_edit {
  display: none;
  margin-top: 0.3em; }
  li.comment_edit textarea {
    width: 100%;
    resize: none;
    border: 0px;
    padding: 3px;
    margin: -3px;
    background: #f0f0e8; }

li.comment_edit_link {
  display: inline-block;
  float: right; }
  li.comment_edit_link a {
    color: #566FA4; }

.comment_reply {
  display: none; }
  .comment_reply a {
    color: #566FA4; }

#comment_highlight {
  background-color: #efdddd !important; }

.reviewerRole {
  color: #7e1e56;
  font-weight: bold; }

.visToggle {
  font-size: 70%;
  font-weight: normal;
  vertical-align: middle; }

.assigned {
  background-color: #d0ff88;
  border-radius: 3px;
  padding: 3px 4px 4px 4px; }

.conflict {
  color: #D11C00; }

input.oneName {
  min-width: 0px;
  width: 10em; }
input.multipleNames {
  min-width: 0px;
  width: 30em; }

ul.admin-notes {
  float: right;
  margin-top: -1em;
  margin-right: 0.25em;
  list-style-type: none; }
  ul.admin-notes li {
    margin-top: 0.25em;
    text-align: right; }

@media screen and (max-width: 51em) {
  body main ul.admin-notes {
    margin-top: 0em; } }
span.highlightEmailMatch {
  background: #a8d389;
  padding: 2px 3px;
  border-radius: 2px; }

a.highlight {
  background: #f8e488;
  padding: 2px 3px;
  border-radius: 2px; }

.tableMenu {
  padding-bottom: 3em;
  padding-top: 1em; }

.tableRightButtons {
  float: right; }
  .tableRightButtons .dataTables_length {
    float: left !important; }
  .tableRightButtons .dataTables_filter {
    float: left !important; }
  .tableRightButtons .dt-buttons {
    float: left !important; }

table.roleTable table table {
  margin-right: 2em; }

.eAddr {
  font-size: 80%;
  color: #404040; }

div#treeBox {
  overflow: scroll;
  overflow-x: hidden;
  width: 100%;
  height: 20em;
  margin-top: 1em;
  border: 1px solid #b0b0b0;
  background: white; }

ul.acmTree {
  padding: 0em 0em 0em 0.5em;
  margin-top: 0.5em; }
  ul.acmTree > li > ul {
    margin-left: 0em; }
  ul.acmTree ul {
    display: none;
    list-style: none;
    margin-left: 2em;
    padding-left: 0; }
  ul.acmTree li {
    display: none;
    margin: 1px 0px;
    padding-left: 1.2em;
    text-indent: -1.2em; }
  ul.acmTree span:not(.target) {
    padding: 3px;
    border-radius: 3px; }
  ul.acmTree span.title:hover {
    background-color: #d0d0d0; }
  ul.acmTree span.selected {
    background-color: #b3ccff;
    padding: 0px 2px; }
  ul.acmTree span.toggle {
    color: #c0c0c0;
    width: 2em; }
    ul.acmTree span.toggle:hover {
      color: black; }
  ul.acmTree span.target {
    background: #f8e488;
    padding: 0px 2px;
    border-radius: 2px; }

input.notFound {
  background: #f5aca6;
  background-color: #f5aca6; }

span.ajaxNote {
  display: inline-block;
  background-color: #e3f9cc;
  padding: 5px 7px;
  margin-left: -7px;
  border-radius: 3px; }

img.external_icon {
  width: 0.8em;
  margin-left: 0.2em; }

.visually-hidden {
  top: 0px;
  left: -2000px;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden; }

fieldset {
  padding: 0px;
  margin: 0px;
  border: 0px; }

input:focus, a:hover, input:hover, textarea:focus, textarea:hover, select:focus, select:hover {
  outline: 0px solid #f2b74a;
  box-shadow: 0 0 3pt 2pt #f2b74a; }

span.chairFlag {
  color: red;
  background-color: #ffecec;
  border: 1px solid #f5aca6;
  border-radius: 2px; }

span.cmteFlag {
  color: red;
  background-color: #ffecec;
  border: 1px solid #f5aca6;
  border-radius: 2px; }

/*# sourceMappingURL=pcs.css.map */