@charset "utf-8";

:root {
  --block-background-color: #eaeaf5;
  --message-background-color: #aaeeaa;
}

body {
  --link-color: #4f4ff8;
  --link-active-color: darkblue;
  --link-decoration: none;
  --tab-div-padding-top: 0.2em;
}

td.main-column {
  vertical-align: top;
}

div.main > table {
  width: 100%;
}

td.center-column {
  width: 100%;
}

ul {
  /* -webkit-margin-before: 0.2em; */
  margin: 0.1em 0.4em;
  /* -webkit-padding-start: 1.4em; */
  padding-left: 1.4em;
  padding-right: 0;
}

/* General properties */
body {
  background-color: #dfdffd;
  font-family: Verdana, sans-serif;
  color: #23254e;
  display: table;
  width: 100%;
}

.pms-search input:not([type="submit"]) {
  width: 95%;
}

div.sessionResultTitle {
  text-align: center;
}

/* Banner */

div.banner,
div.banner-develop {
  /*
    background-image: url(../images/bg_site.gif);
    background-position: top;
    background-repeat: repeat-x;
    */
  display: table;
  text-align: center;
  width: 100%;
}

div.banner {
  background-color: black;
}

div.banner-develop {
  background-color: dimgray;
}

div.banner a,
div.banner-develop a {
  text-decoration: none;
}

img.banner-image {
  margin-top: -10px;
  margin-bottom: -10px;
  border: 0;
}

.apps-chooser-container {
  height: 40px;
  display: flex;
  align-content: center;
  position: absolute;
  top: 0;
}

.banner-title {
  color: white;
  font-size: larger;
  font-weight: bold;
  cursor: pointer;
}

.form-select-theme {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  width: 100%;
  justify-content: end;
  color: white;
  position: absolute;
  top: 60px;
  right: 40px;
}

/*
div.banner {
    background-color: grey;
    background-repeat: repeat-x;
    display: table;
    width: 100%;
}

div.banner a, div.banner img {
    float: left;
    margin-right: 1em;
}

div.banner p {
    background-color: black;
    color: white;
    font-size: x-large;
    padding: 0.3em 0em;
}

div.banner p + p  {
    background-color: grey;
    color: white;
    font-size: larger;
    text-align: center;
    margin-right: 10em;
}
*/

/* Main */

div.main {
}

/* Breadcrumb trail */

.breadcrumb-trail {
  background-color: var(--block-background-color);
  --current-call-background-color: #dadbfd;
  max-width: fit-content;
}

/* Menus */

.menu-item {
  --current-call-background-color: #dadbfd;
}

div.menus {
  margin: 0.5em;
  border: none;
}

.menu-block,
.panel-block {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

.menu-block .menu-block {
  margin-left: 0.3em;
}

.menu-block {
  background-color: var(--block-background-color);
  border-width: 1px;
  /* border-style: none; */
  /* border-color: black; */
  border-radius: 4px;
  box-shadow: 1px 1px 6px #555;
  padding: 4px;
}

.menu-block .menu-title,
.panel-block .panel-title {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: left;
}
.panel-block .panel-title {
  margin-top: 0.2em;
}

div.panel-block a {
  white-space: nowrap;
}

/* Page */

div.action {
  margin: 0.5em 0.5em 0.5em 0.5em; /* margin-left = 0.5em + $frameOffset */
}

/* Panels */

div.panels {
  margin: 0.5em;
  border: none;
}

div.panels .panel-block {
  background-color: var(--block-background-color);
}

div.panel-block {
  border-width: 1px;
  /* border-style: solid; */
  /* border-color: grey; */
  border-radius: 4px;
  box-shadow: 1px 1px 6px #555;
  padding: 4px;
}

div.session-panel span {
  white-space: nowrap;
}

/* User messages */

div.message {
  /* border-width: 2px; */
  /* border-style: solid; */
  /* border-color: red; */
  border-radius: 4px;
  box-shadow: 2px 2px 10px #555;
  font: 1em monospace;
  /* padding: 4px; */
}

div.session-message {
  background-color: #eaeaf5;
  /* border-width: 2px; */
  /* border-style: solid; */
  /* border-color: red; */
  border-radius: 4px;
  box-shadow: 2px 2px 10px #555;
  font: 1em monospace;
  /* padding: 4px; */
}

/* Frame */

div.main-frame,
div.sub-frame,
.group-frame,
table.table-frame,
div.dummy {
  border: none;
  border-width: 1px;
  /* border-style: solid; */
  border-color: grey;
  border-radius: 4px;
  box-shadow: 1px 1px 6px #555;
}

div.main-frame {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  padding: 0.3em 0.5em 0.3em 0.7em;
}

div.sub-frame {
  margin: 0.3em;
  padding: 0.5em;
}

.group-frame {
  padding: 0.2em 0.5em 0.5em 1em;
  margin: 0.4em 0;
}

/* Group */

.group-frame .group-title {
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-left: -0.8em; /* $frameOffset - group-frame.padding-right */
}

/* Views */

.view.donkeeSortable tbody tr:hover {
  background-color: lightgray;
}

div.ajax-view {
  margin: 0.2em 0;
}

div.view {
  margin: 0;
}
/* but */
div.PmsCoreViewSetups {
  margin-top: 0.5em;
}

td.PmsCoreViewTechSheetItems_setup {
  text-align: center;
}

td.PmsCoreTechSheet_checked {
  text-align: center;
}

td.PmsCoreProposal_status {
  text-align: center;
}

div.action .view .view-title {
  font-weight: bold;
  letter-spacing: 0.1em;
  padding-bottom: 5px;
}

.view > table {
  /* border-collapse: collapse; */
  /* border-spacing: 0px; */
  /* padding: 2px; */
  /* border-color: white; */
  /* border-style: solid; */
  margin-top: 0.2em;
}

.view thead th {
  background-color: lightgrey;
  /* border-bottom-style: solid; */
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
  box-shadow: 1px 1px 4px #555;
  /* border-style: none; */
  border-width: 1px;
}

.view tbody tr {
  border-bottom-style: none;
  border-left-style: solid;
  border-right-style: solid;
  border-top-style: none;
}

/* Proposal id columns */
td.PmsCoreAuthorInvitation_proposal,
td.PmsCoreProposal_id,
td.PmsCoreRatingCard_proposal {
  font-weight: bold;
}

table.view {
  --odd-row-color: #e8e8ff;
  --even-row-color: #dadbfd;
}

.view tr.odd-row.pms-increasing-grades-row,
.view tr.odd-row.odd-row-green {
  background-color: #8e8;
}

.view tr.even-row.pms-increasing-grades-row,
.view tr.even-row.even-row-green {
  background-color: #aea;
}

.view tr.odd-row.pms-decreasing-grades-row,
.view tr.odd-row.odd-row-red {
  background-color: #faa;
}

.view tr.even-row.pms-decreasing-grades-row,
.view tr.even-row.even-row-red {
  background-color: #fbb;
}

.view tr.odd-row.odd-row-yellow {
  background-color: #f3eb8e;
}

.view tr.even-row.even-row-yellow {
  background-color: #f3ff9d;
}

.view tr.odd-row.odd-row-blue {
  background-color: #8e9ef3;
}

.view tr.even-row.even-row-blue {
  background-color: #9db1ff;
}

.view tr.odd-row.proposal-rejected {
  background-color: #faa;
}

.view tr.even-row.proposal-rejected {
  background-color: #fbb;
}

.view tr.CheckSourceOverlap_emptyLine,
/*
.view tr.odd-row.CheckSourceOverlap_newSource,
.view tr.even-row.CheckSourceOverlap_newSource,
.view tr.odd-row.CheckSourceOverlap_newSource.proposal-rejected,
.view tr.even-row.CheckSourceOverlap_newSource.proposal-rejected,
*/
.view.dummy {
  background-color: #aaa;
}

/* Console */

div.console {
  background-color: #aaeeaa;
  border-width: 2px;
  border-style: solid;
  border-color: red;
  border-radius: 4px;
  /* box-shadow: 2px 2px 10px #555; */
  font: 1em monospace;
  padding: 4px;
  width: 100%;
}

.banner-title-cont {
  display: flex;
  gap: 15px;
  height: 40px;
  align-items: center;
  justify-content: center;
}

input.main-app-help {
  border-radius: 50%;
  cursor: pointer;
  background-color: rgba(226, 226, 226, 0);
  border: solid 2px white;
  color: white;
  font-size: 16px;
  font-weight: bold;
  width: 30px;
  height: 30px;
}

.main-app-help:hover {
  background-color: rgba(226, 226, 226, 0.2);
  box-shadow: 0px 0px 10px #cbcbcb;
}

.svgZoom {
  padding: 5px 10px;
  max-width: 1500px;
}