* {
    font-family: "Trebuchet", sans-serif;
    scrollbar-width: thin;
}

/* Project-Editor-Layout */
.container {
    display: grid;
    grid-template-columns: 25% 75%;
    height: 100vh;
  }
  
  
.forms {
    display: grid;
    grid-template-rows: 30% 70%;
}

.user-list-simple{
    max-width: 20vw;
    margin-left: auto;
}


/* LAYOUT */
.left-pane{
    max-height:80vh;
    min-width: 20vw;
    max-width: 20vw;

    overflow-y:auto;
    padding-right: 0.5rem;
}

.left-pane.larger{
    max-width: fit-content;
}

.left-pane .list-panel{
    overflow-y:auto;
}

.footer-toolbar{
    position: sticky;
    bottom: 0;
    border-radius: 15px;
}

.footer-toolbar nav{
    justify-content: center;
}

.footer-toolbar nav button {
    margin: 5px;
}

.right-pane{
    max-height:80vh;
    overflow-y:auto;
    padding-right: 0.5rem;
    margin-left: auto;
    max-width: 20vw;
    min-width: 20vw;
}
.right-pane .form-pane{overflow-y:auto;}

.central-pane{
    max-height:80vh;
    max-width:100%;
    overflow-y:auto;
    padding-right: 0.5rem;
}
.central-pane .form-pane{overflow-y:auto;}

/* list */
.list-panel .table td {
    border-bottom-width: 0px;
    padding: 0;
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.list-panel .table td:first-of-type{
    padding-top: 0;
}

/* CARDS */
/* Abstract */
.card.abstractcard {
  --bs-card-spacer-y: .25rem;
  --bs-card-spacer-x: .5rem;
  cursor: pointer;
}

.card.abstractcard.highlighted{
    font-weight: bold;
}

.card.abstractcard:hover {
    background-color: aliceblue;
}

.card.abstractcard p {
    margin-bottom: 3px; line-clamp: 1;
    font-size: .75rem;
}

.card.abstractcard .blockquote-footer {
    font-size: .65rem;
    margin-top:0;
    margin-bottom:0;
    text-align: right;
}

.abstract-form > *[contenteditable="true"]:empty:before {
        content: '...';
}

.abstract-form .blockquote-footer{
    margin-top: -0.3rem;
}

.abstract-form > textarea{
    height: 100%;
    width: 100%;
    resize: none;
    border-style: none; 
    border-color: Transparent; 
    overflow: auto;
}

/* Project */
.card.projectcard.highlighted{
    font-weight: bold;
}

.card.projectcard {
    --bs-card-spacer-y: .25rem;
    --bs-card-spacer-x: .5rem;
    cursor: pointer;
  }
  
  .card.projectcard:hover {
      background-color: aliceblue;
  }
  
  .card.projectcard p {
      margin-bottom: 3px; line-clamp: 1;
      font-size: .75rem;
  }
  
  .card.projectcard .blockquote-footer {
      font-size: .65rem;
  }

/* Accordeon */
.accordion-button{
    padding: .25rem;
}

/* Key Value-Pair Table */
table.keyvalue-pairs > tbody > * td{
    padding: .25rem;
    font-size: .75rem;
}

/* New decision tree */
.decision-tree * {
    padding: 0;
    margin: 0;
}

.decision-tree .list-group-item {
    margin-left: 1rem;
}

.decision-tree > .list-group-item {
    margin-left: 0;
}

.list-group-item .decision-tree.list-group.active {
    border-color: black;
}

.decision-tree .add-or-delete-toolbar{
    margin-left: auto;
}

.decision-tree .add-or-delete-toolbar,
.decision-tree .move-handle,
.decision-tree .info-icons{
    margin-top: auto;
    margin-bottom: auto;
    padding-right: .5rem;
    padding-left: .5rem;
}

.decision-tree .list-group-item .card {
    border: none;
}

.decision-tree .table td.variable {
    width: fit-content;
}
.decision-tree .table td.variable-input,  
.decision-tree .table td.variable-input > *{
    width: 100%;
}

.decision-tree .list-group-item.active{
    border-color: darkgray;
}

.decision-tree .clickable{
    cursor: pointer;
}

.decision-tree.checklist .checklist.entry input,
.decision-tree.checklist .checklist.entry label {
    padding-left: .25rem;
}

.decision-tree.checklist .list-group-item {
    border-color: transparent;
}


/* Judgement Sentence selection */
.selectable.selected {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.selectable.selected.cursor{
    background-color: lightgray;
}

.abstract-sentence-viewer .blockquote-footer{
    margin-top: -.5rem;
}