body {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    background-color: #080D23FF;
    color: #D1CDCDFF;
}

table {
    /*border-collapse: collapse;*/
}

th, td {
    /*border: 1px white;*/
    padding: 3px 10px 3px;
    text-align: center;
}

tr {
  /*border-bottom: 1px solid darkgrey;*/
}

button {
    font-size: 1em
}

.patient-list-cell {
    border-bottom: white 1px;
    border-right: white 1px;
}

/*table {*/
/*  border-spacing: 0;*/
/*  width: 100%;*/
/*  border: 1px solid #ddd;*/
/*}*/

.sort-header {
  cursor: pointer;
}

/*th, td {*/
/*  text-align: left;*/
/*  padding: 16px;*/
/*}*/

/*tr:nth-child(even) {*/
/*  background-color: #f2f2f2*/
/*}*/

.greyed-out-cell {
        background-color: #424242;
}

.border-right {
    border-right: 1px solid darkgrey;
}

input {
    background-color: darkgrey;
    text-align: center;
    border-radius: 5px;
}

.header {
    display: flex;
    color: white;
    flex-wrap: wrap-reverse;
    justify-content: flex-start;
}

.patient-table {
    background-color:grey;
    color: white;
    border-collapse: collapse;
    border-radius: 25px;
    margin: 25px 25px;
    padding: 20px;
    font-size: 0.9em;
    font-family: Avenir,Helvetica,Arial,sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.study-table-container {
    overflow-x: auto;
    overflow-y: clip;
    background-color:grey;
    color: white;
    border-radius: 10px;
    min-width: 400px;
    max-width: 95vw;
    display: inline-flex;
    justify-content: flex-start;
    font-size: calc(12px + 0.2vw)

}

.study-cell {
    padding: 3px 10px 3px;
    text-align: center;
    border-bottom: 1px solid darkgrey;
    height: 4.5vh;
    min-height: 40px;
    /*display: flex;*/
    /*align-items: stretch;*/
}

.higher-row {
    height: 6vh;
    max-height: 6vh;
}

.invisible {
    display: none
}

.job-col {
    flex-grow: 1;
    width: 25vw;
    min-width: 210px;
}

.studyjob-col {
    flex-grow: 1;
    width: 25vw;
    min-width: 210px;
    background: dimgrey;
}

.left-aligned-cell {
    text-align: left;
}

.first-col {
    position: sticky;
    left: 0;
    background: grey;
    border-bottom: 1px solid darkgrey;
    border-right: 1px solid darkgrey;
    border-radius: 10px;
    /*max-width: 15%;*/
    /*flex-grow: 0;*/
    word-wrap: break-word;
    /*overflow: auto;*/
    width: 15vw;
    min-width: 215px;
    /*font-size: 12px;*/
    font-size: calc(12px + 0.15vw);
    z-index: 10;
}

/*.study-table {*/
/*    background-color:grey;*/
/*    color: white;*/
/*    border-collapse: collapse;*/
/*    border-radius: 10px;*/
/*    margin: 25px 25px;*/
/*    padding: 20px;*/
/*    font-size: 0.9em;*/
/*    font-family: Avenir,Helvetica,Arial,sans-serif;*/
/*    min-width: 400px;*/
/*    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);*/
/*    width: 95vw;*/
/*}*/


.button-search {
  width: 100%;
  background-color: #0d2417;
  border: 1px solid rgba(27, 31, 35, .15);
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: Avenir,Helvetica,Arial,sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 6px 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
}

.button-search:hover {
  background-color: #2f3f34;
}

.button-logout {
    border-radius: 6px;
    font-family: Avenir,Helvetica,Arial,sans-serif;
    cursor: pointer;
    color: black;
    font-size: 1em;
    text-decoration: none;
    height: 4vh;
    min-height: 25px;
    min-width: 120px;
    margin-top: 1vh;
}

.submit_job_btn {
    /*border-radius: 6px;*/
    font-family: Avenir,Helvetica,Arial,sans-serif;
    cursor: pointer;
    color: black;
    font-size: 1em;
    text-decoration: none;
    /*margin-left: 25%;*/
    width: 50%;
}

/* Highlighted state for the main submit-all button when there are unsaved changes */
.submit-all-changed {
    background-color: #1D7140FF !important;
    color: #D3D4E4FF !important;
    font-weight: 600;
}

/* Full-screen overlay for "Wird gespeichert..." */
.saving-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
    z-index: 9999;

    /* Hidden by default; JS will show it by removing the 'invisible' class */
    display: none;
}

.saving-overlay-content {
    background-color: #ffffff;
    color: #000000;
    padding: 1.5rem 2rem;
    border-radius: 8px;
    font-size: 1.2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.patient-list-row {
    /*border-bottom: 1px solid darkgrey;*/
    /*margin: 0.5vw 0.5vw 0.5vw 0vw;*/
    padding: 0.75vw 0 0.75vw 5vw;
}

.patient-list-info {
    font-size: 1.2em;
    font-family: Avenir,Helvetica,Arial,sans-serif;
}

.tooltip {
    position: relative;
    /*display: inline-block;*/
}

.tooltip .tooltiptext {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;

  width: 120px;
  bottom: 100%;
  left: 50%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.settings_items {
    display: flex;
    justify-content: space-between;
    width: 25vw;
    margin-left: 2vw;
    margin-top: 2vh
}

.settings_form_input {
    width: 12vw;
    /*margin-left: 2vw;*/
}

.new_job-col {
    flex-grow: 1;
    width: 25vw;
    background: darkslategrey;
}

.reset-button-container {
    text-align: right;
    margin-bottom: 10px;
    display: inline-block;
    float: right;
}

.middle-align {
    margin-top: 1vh;
}

.sdmt-count-field {
    width: 2.5vw;
    min-width: 40px;
}

.snfl-field {
    width: 3.5vw;
    min-width: 40px;
}

.acknowledge-btn {
    width: 10vw;
    height: 6vh;
    font-size: 1.5em;
}

.table-warning {
    /*background-color: rgba(186, 176, 133, 0.3) !important;*/
}