/* Bootstrap 5 migration styles. Load after Bootstrap and tod.css. */
body {font-size:14px;line-height:1.42857143;}
body[data-fixture=wiki] {background:#fff;color:#333;}

/* Keep the original translucent tables; explicit Bootstrap 5 themes still work. */
.table:not(.table-primary,.table-secondary,.table-success,.table-info,.table-warning,.table-danger,.table-light,.table-dark) {
  --bs-table-color:#333;
  --bs-table-bg:transparent;
  --bs-table-border-color:#ddd;
  --bs-table-striped-color:#333;
  --bs-table-striped-bg:#f9f9f9;
  --bs-table-active-color:#333;
  --bs-table-active-bg:#f5f5f5;
  --bs-table-hover-color:#333;
  --bs-table-hover-bg:#f5f5f5;
}
#table-schedule {--bs-table-color:#fff;--bs-table-bg:transparent;--bs-table-border-color:#ddd;}
/* Legacy row/cell state names are also used by generated business markup. */
.table > :not(caption) > .info > *, .table > :not(caption) > * > .info {--bs-table-bg:#d9edf7;}
.table > :not(caption) > .success > *, .table > :not(caption) > * > .success {--bs-table-bg:#dff0d8;}
.table > :not(caption) > .warning > *, .table > :not(caption) > * > .warning {--bs-table-bg:#fcf8e3;}
.table > :not(caption) > .danger > *, .table > :not(caption) > * > .danger {--bs-table-bg:#f2dede;}
.table > :not(caption) > .active > *, .table > :not(caption) > * > .active {--bs-table-bg:#f5f5f5;}
.table > :not(caption) > tr:is(.info,.success,.warning,.danger,.active) > :is(td,th),
.table > :not(caption) > tr > :is(td,th):is(.info,.success,.warning,.danger,.active) {
  --bs-table-color:#333;
  --bs-table-color-type:initial;
  --bs-table-color-state:initial;
  --bs-table-bg-type:initial;
  --bs-table-bg-state:initial;
}

/* Retain all label-* state names so existing addClass/removeClass code stays valid. */
.label, .badge {background-color:#6b6b6b;color:#fff;}
.label {display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.375rem;}
:is(.label,.badge).label-default {background-color:#6b6b6b;color:#fff;}
:is(.label,.badge).label-primary {background-color:#337ab7;color:#fff;}
:is(.label,.badge).label-success {background-color:#2e7d32;color:#fff;}
:is(.label,.badge).label-info {background-color:#276a84;color:#fff;}
:is(.label,.badge).label-warning {background-color:#f0ad4e;color:#33270e;}
:is(.label,.badge).label-danger {background-color:#b63f3b;color:#fff;}
:is(.label,.badge):focus-visible {outline:2px solid #337ab7;outline-offset:3px;}

/* Darker information/warning colors on the site's light content surfaces. */
:where(#insertion,#contents,#contentsBase,#contentsBaseTop,.modal-content,.tod-light-surface) .text-info:not(:where(.bg-dark,.text-bg-dark,.table-dark,.tod-dark-surface) *) {color:#28647e!important;}
:where(#insertion,#contents,#contentsBase,#contentsBaseTop,.modal-content,.tod-light-surface) .text-warning:not(:where(.bg-dark,.text-bg-dark,.table-dark,.tod-dark-surface) *) {color:#765623!important;}
:is(.label,.badge).label-default.text-info {color:#fff!important;}
.form-control[readonly] {background-color:#eee;opacity:1;}
.tod-button-choice.tod-choice-focus {outline:2px solid #337ab7;outline-offset:3px;}
.tod-button-choice.disabled {pointer-events:none;}
@media(min-width:768px) {
  .tod-form-inline {display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
  .tod-form-inline > .row {margin:0;--bs-gutter-x:0;}
  .tod-form-inline .form-control,.tod-form-inline .form-select {width:auto;max-width:100%;}
}

.row,.container-fluid {--bs-gutter-x:30px;}
.form-control,.form-select,.btn {font-size:14px;}
.form-control:not(textarea) {min-height:34px;}
.col-form-label {font-weight:700;}
.headspace {height:64px;}
.navbar-brand {font-size:18px;line-height:20px;white-space:normal;margin-right:0;}
.tod-navbar-header {order:0;flex:1 1 auto;min-width:0;}
.tod-navbar-form {order:1;margin-left:auto;align-items:center;}
.tod-navbar-form>.row {flex:1;min-width:0;margin:0;margin-bottom:0!important;--bs-gutter-x:0;}
.navbar .navbar-nav {order:2;flex:0 0 32px;margin-left:8px!important;}
#pourSettingIcon {position:static!important;display:inline-block;min-width:32px;padding:8px;}
.tod-navbar-form .form-control {width:210px;}
.navbar .container {row-gap:8px;}
#abstractConfirmModal {--bs-modal-width:600px;}
.modal-title {font-size:18px;}
.tod-dl-horizontal dt {font-weight:700;}
.tod-dl-horizontal dd {margin-bottom:0;}
.tod-form-horizontal input[type=file] {max-width:100%;}
@media(min-width:768px) {
  .tod-form-horizontal>.row>.col-form-label {text-align:right;}
  .tod-dl-horizontal dt {float:left;width:160px;clear:left;text-align:right;}
  .tod-dl-horizontal dd {margin-left:180px;}
}
@media(min-width:1400px) {.container {max-width:1170px;}}
@media(min-width:576px) and (max-width:767.98px) {.container {max-width:none;}}
@media(max-width:767.98px) {
  .headspace {height:130px;}
  .tod-navbar-header {flex-basis:calc(100% - 48px);}
  .navbar .navbar-nav {order:1;}
  .tod-navbar-form {order:2;width:100%;}
  .tod-navbar-form .form-control {width:100%;min-width:0;}
}
