/* Wrapper div to define the full page height. */
.wrapper {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;

  color: rgba(0, 0, 0, 0.87);
}

.wrapper .error-field {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.25);
  color: rgb(217, 48, 37);
  font: normal 13px "Roboto",sans-serif;
  margin: 4px;
  padding: 4px;
}

.wrapper .quota-field {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.25);
  color: rgb(34,139,34);
  font: normal 13px "Roboto",sans-serif;
  margin: 4px;
  padding: 4px;
  font-weight: bold;
}

/* Header div. */
.header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  min-height: 1px;
}

.header .logo {
  margin: 8px 0 0 4px;
}

.header .back-button {
  color: rgba(0, 0, 0, 0.50);
  margin: 13px 0 0 16px;
  text-decoration: none;
}

.header .user-info {
  margin: 6px 16px 0 0;
}

.header .auth-email {
  color: rgba(0, 0, 0, 0.50);
  margin-right: 16px;
  vertical-align: middle;
}

.header .login-signup {
  margin-right: 16px;
}

.header .error-field {
  box-shadow: 5px 3px 3px rgba(0, 0, 0, 0.25);
  position: fixed;
  right: 48px;
  top: 48px;
}

.header .subheader {
  color: rgba(0, 0, 0, 0.50);
  font: normal 18px "Google Sans","Roboto",sans-serif;
  margin-left: 16px;
  margin-bottom: 4px;
}

/* Footer div. */
.footer {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  padding: 8px 16px;
}

.footer .conference {
  display: inline-block;
  margin: 2px 0 0 20px;
  vertical-align: top;
}

/* Sidebar div */
.sidebar {
  border-right: 1px solid rgba(0, 0, 0, 0.25);
  display: inline-block;
  height: 100%;
  overflow-y: auto;
  width: 200px;
  min-width: 200px;
}

.sidebar .linkify {
  display: block;
  font: normal 18px "Google Sans","Roboto",sans-serif;
  margin: 16px;
}

.sidebar .linkify.current {
  color: rgba(0, 0, 0, 0.87);
  cursor: default;
}

.sidebar .linkify.logged-in {
  display: none;
}

/* Content div. */
.content {
}

.content-panel {
  margin: 32px;
}

/* Content footer div. */
.content-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  padding: 16px;
}

/* Login & Signup pieces. */
.login-signup .input-field {
  height: 36px;
  width: 300px;
  margin-top: 6px;
}

.login-signup .input-field .mdc-floating-label--float-above {
  margin-top: 12px;
}

.login-signup button {
  width: 100px;
  height: 36px;
  margin-top: -4px;
}

.show-signup-login {
  margin-right: 16px;
}

.show-signup-login button {
  margin-top: 6px;
}

/* Leaderboard page */
.leaderboard {
  margin: 32px;
}

.leaderboard .mdc-data-table {
  width: 100%;
}

.leaderboard .subtitle {
  margin-bottom: 4px;
}

.leaderboard .mdc-select {
  width: 250px;
}

.leaderboard .empty-list .subtitle {
  margin: 32px 0;
}

/* Submission page */
.submission {
  display: none;  /* starts hidden */
}

.submission .mdc-checkbox {
  padding: 6px;
  margin-right: 4px;
}

.submission .mdc-checkbox__ripple {
  margin: 6px 0 0 6px;
}

.submission .mdc-data-table {
  width: 100%;
}

.submission .upload-panel {
  display: inline-block;
}

.submission .upload-text {
  display: inline-block;
  margin-top: 8px;
  vertical-align: top;
}

.submission .upload {
  margin: 16px;
}

.submission .upload .subtitle {
  vertical-align: bottom;
}

.submission .upload .upload-button {
  margin: 16px 0 0 24px;
}

.submission .accept {
  margin: -4px 0 0 -8px;
}

.submission .submissions-closed .subtitle {
  margin: 32px 0;
}

.upload-progress {
  position: relative;
  width: 100%;
}

/* Queue page */
.queue {
  display: none;  /* starts hidden */
}

.queue .mdc-checkbox {
  padding: 6px;
  margin-right: 4px;
}

.queue .mdc-checkbox__ripple {
  margin: 6px 0 0 6px;
}

.queue .mdc-data-table {
  width: 100%;
}


/* Panel util classes */
.panel {
  margin: 16px;
}

/* Datatable util classes */
.mdc-data-table th,
.mdc-data-table td {
  height: 30px;
}

.mdc-data-table__cell.icon_state,
.mdc-data-table__header-cell.icon_state {
  width: 40px;
}

.mdc-data-table__cell.email,
.mdc-data-table__header-cell.email {
  width: 36px;
}

.mdc-data-table__cell.rank,
.mdc-data-table__header-cell.rank {
  width: 50px;
}

.mdc-data-table__cell.id,
.mdc-data-table__header-cell.id {
  width: 50px;
}

.mdc-data-table__cell.submitted_date,
.mdc-data-table__header-cell.submitted_date {
  width: 50px;
}

.mdc-data-table__cell.scored_date,
.mdc-data-table__header-cell.scored_date {
  width: 50px;
}

.mdc-data-table__cell.create_date,
.mdc-data-table__header-cell.create_date {
  width: 50px;
}

.mdc-data-table__cell.update_date,
.mdc-data-table__header-cell.update_date {
  width: 50px;
}

.mdc-data-table__cell.submission_id,
.mdc-data-table__header-cell.submission_id {
  width: 50px;
}

.mdc-data-table__cell.round_number,
.mdc-data-table__header-cell.round_number {
  width: 50px;
}

.mdc-data-table__cell.image_count,
.mdc-data-table__header-cell.image_count {
  width: 50px;
}

.mdc-data-table__cell.bonus_quota,
.mdc-data-table__header-cell.bonus_quota {
  width: 50px;
}

.mdc-data-table__cell.score,
.mdc-data-table__header-cell.score {
  width: 50px;
}

.mdc-data-table__cell.submitted_file,
.mdc-data-table__header-cell.submitted_file {
  width: 50px;
}

.mdc-data-table__cell.leaderboard_score,
.mdc-data-table__header-cell.leaderboard_score {
  width: 50px;
}

.mdc-data-table__cell.remaining_quota,
.mdc-data-table__header-cell.remaining_quota {
  width: 1500px;
}

.mdc-data-table__cell.material-icons-extended {
  padding-top: 5px
}

/* 1: 'hourglass_full': SUBMISSION_WAITING */
.mdc-data-table__cell.icon_state.hourglass_full {
  color: rgb(249, 171, 0);
  cursor: default;
}

/* 2: 'error': SUBMISSION_ERROR */
.mdc-data-table__cell.icon_state.error {
  color: rgb(217, 48, 37);
  cursor: default;
}

/* 3: 'cloud_upload': SUBMISSION_COMPLETED */
.mdc-data-table__cell.icon_state.cloud_upload {
  color: rgb(30, 142, 62);
  cursor: default;
}

/* 4: 'cancel': SUBMISSION_CANCELED */
.mdc-data-table__cell.icon_state.cancel {
  color: rgba(0, 0, 0, 0.50);
  cursor: default;
}

/* 5: 'people': LABELING */
.mdc-data-table__cell.icon_state.people {
  color: rgb(249, 171, 0);
  cursor: default;
}

/* 6: 'calculate': SCORING */
.mdc-data-table__cell.icon_state.calculate {
  color: rgb(249, 171, 0);
  cursor: default;
}

/* 7: 'grading': SCORED */
.mdc-data-table__cell.icon_state.grading {
  color: rgb(30, 142, 62);
  cursor: default;
}

/* 8: 'disabled_by_default': SCORING_FAILED */
.mdc-data-table__cell.icon_state.disabled_by_default {
  color: rgb(217, 48, 37);
  cursor: default;
}

/* 9: 'cancel_presentation': SCORING_CANCELED */
.mdc-data-table__cell.icon_state.cancel_presentation {
  color: rgba(0, 0, 0, 0.50);
  cursor: default;
}

/* 100: 'insert_chart': LEADERBOARD */
.mdc-data-table__cell.icon_state.insert_chart {
  color: rgb(30, 142, 62);
  cursor: default;
}

/* Flex util classes */
.flex-y-parent {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: hidden;
}

.flex-y-parent.flex-y-scroll {
  overflow-y: auto;
}

.flex-x-parent {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-shrink: 1;
  overflow-x: hidden;
}

.flex-x-parent.flex-x-scroll {
  overflow-x: auto;
}

.flex-no-flex,
.flex-no-flex.flex-x-parent,
.flex-no-flex.flex-y-parent {
  flex-grow: 0;
  flex-shrink: 0;
}

/* Anchor util classes. */
.linkify {
  color: rgb(26, 115, 232);;
  cursor: pointer;
  text-decoration: none;
}

/* Tex/Font util classes. */
.title {
  font: normal 36px "Google Sans","Roboto",sans-serif;
}

.subtitle {
  font: normal 24px "Google Sans","Roboto",sans-serif;
}

.agreetext {
  font: normal 16px "Roboto",sans-serif;
}

.infotext {
  font: normal 16px "Roboto",sans-serif;
}

.infotext p {
  text-align: justify;
}

.infotext li {
  margin: 8px 0;
  text-align: justify;
}

.boldify {
  font-weight: 700;
}

.italify {
  font-style: italic;
}

.foottext {
  font: normal 12px "Roboto",sans-serif;
}