/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.list-group-item .fa.pull-right {
    position: relative;
    top: 0.2em;
}


@media (min-width: 576px) {
    .navbar .form-inline .form-control {
        width: 100px;
    }
}


@media (max-width: 1199px) {
    .ttt-crop-notes-col {
      display: none;
    }
}

@media (min-width: 1200px) {
    .ttt-crop-notes-row {
      display: none;
    }
}

.input-validation-error {
    border-color: #dc3545;
}

.field-validation-error {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

.validation-summary-errors {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

    .validation-summary-errors ul {
        margin-bottom: 0;
    }

body {
    padding-top: 4.5rem; /* for fixed header */
}

.text-light-purple {
    color: #d4a8fd !important;
}

.navbar.fixed-top {
    max-height: 70px;
}

.table.align-middle td, .table th.align-middle {
    vertical-align: middle;
}

.table td.fit-content,
.table th.fit-content {
    white-space: nowrap;
    width: 1%;
}

#editorRows .status {
    text-align: center;
}

tr.cs_ip .status {
    background: #b5c6e5 !important;
}

    tr.cs_ip .status a {
        color: #000;
    }

tr.cs_ws .status {
    background: #ffc107 !important;
}

    tr.cs_ws .status a {
        color: #000;
    }

tr.cs_sc .status {
    background: #28a745 !important;
}

    tr.cs_sc .status a {
        color: #fff;
    }

tr.cs_f .status {
    background: #aaa;
}

.radioListHoriz label {
    display: inline-block;
}

.radioListHoriz label, .radioListVert label {
    background: #eee;
    padding: 1px 9px 1px 1px;
    border: solid 1px #ccc;
    margin: 2px 2px 12px 2px;
    border-radius: 4px;
}

.radioListHoriz input {
    margin: 0 4px;
}

.panel {
    background: #eee;
    border: solid 1px #ccc;
}

#editorRows .hidden td, #selections .hidden td, #trialRows .hidden td {
    background: #f0f0f0;
    color: #999;
    font-style: italic;
    text-decoration: line-through;
}

    #selections .hidden td.action {
        text-decoration: none;
    }

#editorRows .hidden .edit .btn {
    visibility: hidden;
}

.form-compact label {
    margin-bottom: 0.1rem;
}

.form-compact .form-group {
    margin-bottom: 0.5rem;
}

#statusDialog div.history {
    white-space: pre-line;
    word-wrap: break-word;
    padding: 2px;
    margin: 0 5px 10px 5px;
}

#statusDialog div.lhs, #statusDialog div.rhs {
    display: inline-block;
    vertical-align: top;
}

#statusDialog input.num {
    width: 5em;
    display: inline;
}

#statusDialog .lhs .btn {
    position: relative;
    top: -2px;
}

#statusDialog .btn.set-status {
    width: 130px;
}

#statusDialog .historyEdit {
    margin: 0 5px 8px 5px;
}

.quickButtons .btn {
    margin: 3px;
    background: #fff;
}

.quickButtons {
    background: #ccc;
}

    .quickButtons .btn-outline-dark:hover {
        background-color: #343a40;
    }

#selections .hidden input, #selections .hidden button, #selections input.unhide {
    display: none;
}

#selections .hidden .action .unhide {
    display: inline;
}

#actionPanel {
    display: none;
    position: absolute;
    border: solid 3px #ccc;
    background: #FFF;
    padding: 5px;
    z-index: 999;
}

    #actionPanel UL {
        padding: 0;
        margin: 0 5px 0 5px;
    }

        #actionPanel UL LI {
            list-style-type: none;
            margin: 10px 0 10px 10px;
            padding: 2px 0 2px 0;
        }

TD.trials .btn {
    margin: 5px;
}

.form-check-list .form-check-label {
    color: #6c757d;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ced4da;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    margin-bottom: .4rem;
}

.form-check-list .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0;
}

.field-validation-error.field-validation-error-block {
    display: block;
}

.table .form-check-label {
    margin-bottom: 0;
    margin-left: .3125rem;
}

/* Trials */
#trialRows .number {
    min-width: 127px;
}

    #trialRows .number .btn:not(:hover) {
        background: rgba(255, 255, 255, 0.6);
    }

#trialRows .statusrg_g td {
    background: rgba(3, 198, 3, 0.5);
}

#trialRows .statusrg_r td {
    background: rgba(255, 0, 0, 0.5);
}

#trialRows .totstars {
    color: #666;
}

#trialRows .notesummary {
    text-align: center;
}

.notesummary .date {
    background: #ddd;
    display: block;
    padding: 1px 5px;
}

div.trialdialog {
    position: fixed;
    top: 70px !important;
    right: 0 !important;
    left: auto !important;
    width: 600px;
    background: #fff;
    overflow-y: auto;
    border: 1px solid #888888;
    border-radius: .3rem;
    outline: 0;
    box-shadow: -5px 5px 10px 2px #888888;
}


#statusRg .radioListHoriz label {
    margin-bottom: 4px;
}

#trialEditDialog #navControls {
    float: left;
    margin-right: 10px;
}

    #trialEditDialog #navControls A {
        display: block;
        width: 31px;
        margin-bottom: 15px;
    }


.no-overflow .trialdialog {
    width: 300px !important;
}

#trialEditDialog #editContent {
    height: 480px;
}

#editContent .centre div.item, #editContent .currenttrial div.item {
    margin-top: 4px;
}

#trialRows tr.selected {
    border-left: solid 5px #000;
}

    .trialDetailsHeader a.selectionId {
        font-weight: bold;
    }

    .trialDetailsHeader .category {
        font-size: 0.875rem;
    }


#trialEditDialog .centre {
    width: 208px;
    margin-right: 10px;
}

#trialEditDialog .currenttrial {
    flex: 1;
}

.trial-details-column {
    height: 366px;
    overflow-y: auto;
}

.scroll-touch {
    -webkit-overflow-scrolling: touch;
}


.trial-details-title {
    font-weight: bold;
}

#trialEditDialog #keep {
    background: #fff;
    bottom: 10px;
    padding: 15px;
    border: solid 1px #888888;
    box-shadow: -5px 5px 10px 2px #888888;
    width: 500px;
    z-index: 999;
}

#trialEditDialog.statusg #statusRg .statusrg_g {
    background: rgb(3, 198, 3);
    color: #000;
}

#trialEditDialog.statusr #statusRg .statusrg_r {
    background: red;
    color: #000;
}

.variety-status-codes label {
  background: white;
}

.variety-status-codes label.statusrg_r:has(input[type="radio"]:checked) {
  background: red;
  color: #000;
}

.variety-status-codes label.statusrg_g:has(input[type="radio"]:checked) {
  background: rgb(3, 198, 3);
  color: #000;
}

.variety-status-codes label.statusrg_a:has(input[type="radio"]:checked) {
  background: rgb(255 178 46);
  color: #000;
}

#trialEditDialog .existingNotes {
    padding: 5px 5px 0 5px;
    flex: 1;
    border-left: solid 1px #eee;
    overflow-y: auto;
}

.existingNotes {
    padding: 5px 2px 0 2px;
    overflow-y: scroll;
    background: #FAFAFA;
}

.existingNotes div {
    margin-bottom: 6px;
}

.existingNotes .date {
    background: #ddd;
    display: inline-block;
    padding: 1px 0;
    width: 56px;
    margin-right: 4px;
    text-align: center;
}

#trialEditDialog .addNewNote {
    position: relative;
}

#trialEditDialog .quickButtons {
    bottom: 85px;
    padding: 15px;
    border: solid 1px #888888;
    box-shadow: -5px 5px 10px 2px #888888;
    width: 577px;
    position: absolute;
    right: 10px;
}

#trialEditDialog.discarded .centre .item {
    text-decoration: line-through;
    font-style: italic;
}

.trialDetailsScoringRating.form-check-list {
    margin-left: -0.125rem;
    margin-right: -0.125rem;
}


    .trialDetailsScoringRating .form-check-label {
    margin-left: .125rem;
    margin-right: .125rem;
    margin-bottom: .4rem;
}

.photoButton {
    margin-bottom: 0;
    cursor: pointer;
}

.selectionDetails-existingNotes {
    min-height: 50px;
}

.modal-footer > :not(:first-child) {
    margin-left: 0.5rem;
}

.modal-footer .btn-primary {
    min-width: 5rem;
}

#scanner-container {
    display: flex;
    align-items: flex-start;
}

#scanner {
    flex: 2;
    border: solid 1px silver;
}

#scanner-reader {
    width: 80%;
    margin: auto;
    padding: 0px;
}

#scanner-results {
    flex: 1;
    /* border: 1px solid silver; */
    /* border-bottom: 1px solid silver; */
    margin: 0 20px;
}

.status-table tr.statusrg_g td {
  background: rgba(3, 198, 3, 0.5);
}

.status-table tr.statusrg_r td {
  background: rgba(255, 0, 0, 0.5);
}

.status-table tr.statusrg_a td {
  background: rgb(255, 178, 46, 0.5);
}