/* 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. */



/*#content button.btn-link, #content a.btn-link, .table a {
    border-bottom: 1px solid currentColor; 
    text-decoration: none;
}*/
.dropdown-menu {
    --bs-dropdown-link-color: var(--bs-nav-link-color); /* Override bootstrap dropdown item colors on menu to match the header colors*/
}
.nav-link {
   --bs-btn-active-color: var(--bs-dropdown-link-hover-color);
}
/*.dropdown-item {
    padding-top:0;
    padding-bottom: 0;
}*/
    .navbar-light .navbar-nav .nav-link:hover {
    background-color: darkgray;
    color: white;
} button.nav-link:focus, a.nav-link:focus{
    outline: -webkit-focus-ring-color auto 1px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 1px;
} .navbar-light .navbar-nav .active, .navbar-light .navbar-nav .active .nav-link:hover {
    background-color: rgb(21, 120, 70);
} .navbar-light .navbar-nav .nav-link {
    color:#5d6263;
} .navbar-light .navbar-nav .active .nav-link {
    color: white;
    } .nav-tabs {
    margin-bottom: 10px;
} .navbar.subnav {
    background-color: #e9ebee;
    padding: 0px;
}
.navbar-light li.nav-item {
    border-right: 1px solid lightgray;
}
.subnavBottom {
    height:.5em;
}
/* begin - added for bootstrap 5 upgrade - menu styling for header exapandable menu*/
.navbar .btn-secondary, .navbar .btn-secondary :active {
    background-color: inherit !important;
    border: none;
}
/* end - added for bootstrap 5 upgrade*/


/* 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;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
} h1 {
    font-size: 1.5rem;
} h2 {
    font-size: 1.3rem;
} h3 {
    font-size: 1.3rem;
} h4 {
    font-size: 1rem;
} @media (min-width: 768px) {
  html {
    font-size: 16px;
  }
} .border-top {
  border-top: 1px solid #e5e5e5;
} .border-bottom {
  border-bottom: 1px solid #e5e5e5;
} .box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
} button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
} body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
} .footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
  font-size:small;
  text-align:center;
} .emoji{
    font-size:50px;
} #divCumulation {
  
    width:100%;
} #divModel {
    font-size: 16px;
} .gradientBox {
    /*background-color: #b1bfd8;
    background-image: linear-gradient(315deg, #b1bfd8 0%, #6782b4 74%);
    */
    padding: 5px;
    background-color: #b8c6db;
    background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
    border-radius: 5px;
    border: 1px solid lightgray;
} .responseButton, .responseButton:focus {
    width: 125px;
    min-height: 90px;
    padding: 90px 3px 5px 0px;
    border: none;
    outline-width: 0px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-color: unset;

} .responseButton[disabled] {    
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.stimulusPrompt {
    border-width: 2px;
    border-color: black;
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    width: 100%;
    background-color:#CECFD1;
} .knowledge {
    font-weight:bold;
} a[role=button][data-bs-toggle=collapse] > span.downArrow {
    display: none;
} a[role=button][data-bs-toggle=collapse] > span.rightArrow {
    display: inline;
} a.collapsed[role=button][data-bs-toggle=collapse] > span.downArrow {
    display: inline;
} a.collapsed[role=button][data-bs-toggle=collapse] > span.rightArrow{
        display: none;
    } .card-body /* for RunSession*/
{
    padding:.5rem;
}
 .bootstrap-select > .dropdown-toggle.bs-placeholder {
    border: 1px solid rgb(206, 212, 218);
    color: darkslategray;
    background-color: white;
} .bootstrap-select.dropdown.has-error {
    /*outline: 5px auto gray !important;*/
    border: 1px solid #D8000C;
    border-radius: 5px;
} .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: darkslategray;
} .disabledMessage {
    color: darkslategray;
    font-style: italic;
}
.ui-state-error {
    padding: .5em 1em;
    border-radius: 5px;
    margin:  0 0 0 .5em;
} .summarytable td, .summarytable th {
    padding: .2rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
} {
    padding: .2rem;

}
/*Right-align the last column of each table cell*/
.summarytable td + td {
    text-align:right;
    padding-left:15px;
} .summarytable .shaded {
    background-color:rgba(0,0,0,.05) ;
} .sessionConfigEdit .form-select {
    width:auto;
} .text-success {
    color: rgb(21, 120, 70) !important;
} #tblChains select {
    /*for the sorting dropdowns in the chain search table*/
    display: block;
} .soundTargetEdit .form-control {
    width: 140px;
} .sessionConfigEdit input[type=number].form-control {
    width: 85px;
} .dataTables_wrapper .dataTables_filter {
    float: left;
    text-align:left;
} .dataTables_wrapper .dataTables_filter input {
    width:250px;
    display:inline;
} .dataTables_wrapper .dataTables_length {
    float: right;
    text-align:right;
} .dataTables_wrapper .dataTables_length select {
    display: inline;
    width:auto;
} .dataTables_length .custom-select {
    /*background: none;*/
} #divSessionResults .table td, .table th {
    padding: 0px;
}
.alert {
    margin-bottom: 0px;
}
/* Fixes styling for dropdown-toggle plugin*/
.btn-light, .btn-light:hover {
    color: inherit;
    background-color: white;
    border-color: #ced4da;
}
/* Fixes styling for dropdown-toggle plugin*/
:not(:disabled):not(.disabled).btn-light.active, :not(:disabled):not(.disabled).btn-light:active, .show > .btn-light.dropdown-toggle {
    color: inherit;
    background-color: inherit;
    border-color: #ced4da;
} .btn-info {
    background-color: #117a8b;
    color:white;
}

.btn-outline-info {
    color: #117a8b;
    border-color: #117a8b;
}

.btn-outline-info:hover, .btn-outline-info:active {
    color: white;
    border-color: #117a8b;
    background-color: #117a8b !important;
}

/* bootstrap 5 fixes/overrides */
.btn {
    width: auto;
}

.form-group {
    margin-bottom: 1rem;
}
.btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.btn-info:hover {
    background-color: #138496;
    border-color: #117a8b;
    color: white;
}
.btn-info:active {
    background-color: #138496 !important;
    border-color: #117a8b;
}
.btn-light.disabled, .btn-light:disabled, .dropdown-toggle:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn:focus-visible {  /* for selectpicker dropdowns*/
    background-color:inherit;
}

.dataTables_wrapper .dataTables_length select {
    padding-left: 1rem;
    padding-right: 2rem;
}
/* END bootstrap 5 fixes/overrides */

/*Download button on treatment session results*/
.btn-info a, .btn-info a:hover {
    color:white;
    text-decoration:none;
} .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 1px;
} .dataTables_paginate .paginate_button.page-item.active .page-link {
    background-color: #0062cc;
}
/* bottom buttons in datatables - hover*/
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid transparent;
    background-color: transparent;
    background: none; /* -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); 
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
    background: linear-gradient(to bottom, #585858 0%, #111 100%); */
}  
.page-link {
    color: #0366d6;
}
.page-link:hover {
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow);
} 
  .btn-link {
    color: #0366d6;
} [aria-hidden="true"] {
    visibility:hidden;
} .skipLink {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
} .skipLink:focus {
    position: static;
    width: auto;
    height: auto;
} .navbar-dark .navbar-nav .nav-link {
    color: #ABB0B0;
}
.navbar a.nav-link {
    text-align: left;
}

#content button.btn-link, #content a:not(.page-link):not(.nav-link):not(.dropdown-item) {
    border-bottom: 1px solid currentColor;
    text-decoration: none;
}

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

.tooltip-icon {
    color: #1b6ec2;
    font-weight:  bold !important;
}

/*DataTables fix*/
.dataTables_filter .datatables_search {
    margin-left: 15px;
    margin-right: 10px;
}

/* for editing chains*/
div.form-group.panel-body[name=soundTargetTemplate] {
    border: 1px solid gray;
    padding: 15px;
    border-radius: 5px;
    margin-top: 10px;

}

.form-switch {
    padding-left: inherit;
}
    .form-switch .form-check-input {
        margin-left: inherit
    }