/*
This file exists to work around some of our codebase's incompatibilities with bootstrap 5.
It should only be loaded by the client when they're consuming bootstrap 5.

Website-only: started as a copy of OwnerRez.Application.Client's
content/css/common/bootstrap-migration-overrides.css, then diverged to cover this
project's own BS3-era markup (brand button/link colors, .btn-default, .btn-xs,
.dl-horizontal, heading sizes, etc.). Moved out of content/css/common/ and renamed
so it no longer looks like the shared copy it isn't - the two files are not kept in sync.
*/

:root
{
    --bs-red-100: #F8D7DA;
    --bs-primary: #57AE57;
    --bs-primary-rgb: 87, 174, 87;
    --bs-primary-blue: #428bca;
    --bs-primary-blue-rgb: 66, 139, 202;
    --bs-primary-bg-subtle: #DEF1DE;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(222, 241, 222, 0.25);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-box-shadow: var(--bs-box-shadow);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 0.5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: inherit;
    --bs-popover-header-bg: var(--bs-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-accordion-btn-focus-box-shadow-custom: 0 0 0 0.25rem rgba(87,174,87, 0.25);
    --bs-success-text-emphasis: #3c763d;
    /* BS3's link color (#428bca, same shade as --bs-primary-blue) and its hover/focus shade (#2a6496); BS5 defaults to #0d6efd.
       Both the hex and -rgb forms are set: plain links compose color from the -rgb pair, but .nav-link,
       link-styled .btn, and .pagination read the hex variable directly, unwrapped. */
    --bs-link-color: var(--bs-primary-blue);
    --bs-link-color-rgb: var(--bs-primary-blue-rgb);
    --bs-link-hover-color: #2a6496;
    --bs-link-hover-color-rgb: 42, 100, 150;
}
/* BS3 links weren't underlined until hover/focus; BS5 underlines them always. */
a
{
    text-decoration: none;
}
a:hover, a:focus
{
    text-decoration: underline;
}
/* Main nav links use a background/color change on hover, not underline. */
#primary-nav-collapse a:hover, #primary-nav-collapse a:focus
{
    text-decoration: none;
}
/* .btn-primary/.btn-success ship blue/BS-green in vendor bootstrap.css; matches OwnerRez.Application.Client's green. */
.btn-primary, .btn-success
{
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #4A934A;
    --bs-btn-hover-border-color: #4A934A;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: #4A934A;
    --bs-btn-active-border-color: #4A934A;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-white);
    --bs-btn-disabled-bg: #9DD49D;
    --bs-btn-disabled-border-color: #9DD49D;
}
.text-bg-primary-blue
{
    background-color: var(--bs-primary-blue);
}
.visible-xs, .visible-xs-inline-block, .visible-xs-inline, .visible-sm, .visible-sm-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-lg, .visible-lg-block
{
    display: none !important;
}
.hidden
{
    display: none !important;
}
/* .hide's only definition lived in bootstrap-custom-tooltip-only.css, which nothing links. */
.hide
{
    display: none !important;
}
.visible-print-block, .visible-print-inline, .visible-print-inline-block
{
    display: none !important
}
.btn-block
{
    display: block;
    width: 100%;
}
/* .btn-xs/.btn-group-xs exist in BS3 but not BS5; matches OwnerRez.Application.Client's common.css shim. */
.btn-xs, .btn-group-xs > .btn
{
    padding: 1px 5px;
    font-size: 0.857rem;
    line-height: 1.5;
    --bs-btn-border-radius: var(--bs-border-radius);
}
.dropdown .btn-xs:after, .btn-group-xs > .btn:after {
    vertical-align: middle;
}
/* .dl-horizontal doesn't exist in Bootstrap 5; restores BS3's side-by-side dt/dd layout above the lg breakpoint. */
@media (min-width: 992px)
{
    .dl-horizontal dt
    {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd
    {
        margin-left: 180px;
    }

    .dl-horizontal::after
    {
        display: block;
        clear: both;
        content: "";
    }
}
/* .btn-default isn't a real Bootstrap 5 variant; restored to match OwnerRez.Application.Client's .btn-default. */
.btn-default
{
    background-color: #fcfcfc;
    color: #333333;
    border-color: var(--bs-gray-500);
}
.btn-default:hover, .btn-default.show
{
    color: #333333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default
{
    color: #333333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus
{
    color: #333333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.btn-default.disabled, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled]:hover
{
    color: #666;
    background-color: #ddd;
}
.input-group-text .btn-default
{
    border: 0;
}
/* BS3's button font-sizes (14px/18px/12px) were relative to its 14px base; BS5 defaults .btn to 1rem (16px)
   root-relative. Restated on .btn-lg/.btn-sm too since they share our .btn override's specificity and would
   otherwise inherit its value from cascade order (this file loads after the vendor bootstrap.min.css). */
.btn
{
    --bs-btn-font-size: 0.875rem;
}
.btn-group-lg > .btn, .btn-lg
{
    --bs-btn-font-size: 1.125rem;
}
.btn-group-sm > .btn, .btn-sm
{
    --bs-btn-font-size: 0.75rem;
}
.has-btn-sm .btn
{
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.mw-50
{
    max-width: 50%;
}

div.nav-link.has-dropdown /* Fix for dropdown to not show under below notice Properties > Description */
{
    position: relative;
}

div.nav-link.has-dropdown:hover /* Fix for dropdown to not show under below notice Properties > Description */
{
    isolation: unset;
}

.popover
{
    --bs-popover-font-size: 1rem;
}
/* .popover-header is BS5's own <h3>; the h1-h3 margin-top:20px shim below unintentionally applies to it too. */
.popover-header
{
    margin-top: 0;
}

h2
{
    font-size: 1.9rem;
    margin-bottom: 1.5rem;
}
h3, .h3
{
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}
h4, .h4
{
    font-size: calc(1rem + 0.3vw);
    font-weight: bold;
}
h5, .h5, h6, .h6
{
    font-weight: bold;
}

h1, .h1, h2, .h2, h3, .h3
{
    margin-top: 20px;
    margin-bottom: 10px;
}
.fs-xl
{
    font-size: 4rem;
}

.filtered-item
{
    display: inline-block;
    border-radius: var(--bs-border-radius-pill);
    background-color: var(--bs-gray-200);
    padding: 0.15em 0.5em;
}
.filtered-item a
{
    color: var(--bs-gray-600);
}
.filtered-item a:hover
{
    color: var(--bs-body-color);
}

.nav-pills-secondary .nav-link
{
    color: #333;
    background-color: #fcfcfc;
    border: 1px solid var(--bs-border-color);
    margin-right: 4px;
}

.nav-pills-secondary .nav-item:last-child .nav-link
{
    margin-right: 0;
}

.nav-pills-secondary .nav-link.active,
.nav-pills-secondary .show > .nav-link
{
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
/* Fix for dropdown buttons overflowing container when too wide */
.btn-group
{
    max-width: 100%;
}

.btn.dropdown-toggle:not(.multiselect)
{
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn.dropdown-toggle.multiselect.form-select
{
    background-image: none;
}
.accordion-button:not(.collapsed)
{
    color: var(--bs-accordion-btn-color);
    background-color: var(--bs-gray-200) !important;
}
.accordion-button:focus
{
    box-shadow: var(--bs-accordion-btn-focus-box-shadow-custom);
}
.list-divided > *
{
    padding: 0.25em 0;
}
.list-divided > *:not(:first-child)
{
    border-top: 1px solid var(--bs-border-color);
}
@media (min-width: 768px) and (max-width: 991px)
{
    .visible-sm {
        display: block !important;
    }
    .visible-sm-block {
        display: block !important;
    }
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
    .visible-md {
        display: block !important;
    }
    .visible-md-block {
        display: block !important;
    }
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
    .visible-lg-block {
        display: block !important;
    }
    .hidden-lg {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
    .visible-xs {
        display: block !important;
    }
    .visible-xs-inline-block {
        display: inline-block !important;
    }
    .visible-xs-inline {
        display: inline !important;
    }
}

/* BS5 Helpers */

.w-60-px
{
    width: 60px;
    max-width: 60px;
}
.w-100-px
{
    width: 100px;
    max-width: 100px;
}

.bordered-items-top
{
    border-top: 1px solid var(--bs-border-color);
}
.bordered-items-top:first-child
{
    border-top: none;
}
.bordered-items-top ~ .bordered-items-top
{
    border-top: 1px solid var(--bs-border-color);
}
.hover-item:hover
{
    background-color: rgba(108, 117, 125, 0.1);
}


@media (max-width: 575px)
{
    .border-top-0
    {
        border-top: none !important;
    }

    .border-start-0
    {
        border-left: none !important;
    }

    .border-bottom-0, .border-bottom-xs-0
    {
        border-bottom: none !important;
    }

    .border-end-0
    {
        border-right: none !important;
    }
}

@media (min-width: 576px)
{
    .border-sm-top
    {
        border-top: 1px solid var(--bs-border-color);
    }

    .border-sm-start
    {
        border-left: 1px solid var(--bs-border-color);
    }

    .border-sm-bottom
    {
        border-bottom: 1px solid var(--bs-border-color);
    }

    .border-sm-end
    {
        border-right: 1px solid var(--bs-border-color);
    }

    .border-sm-top-0
    {
        border-top: none !important;
    }

    .border-sm-start-0
    {
        border-left: none !important;
    }

    .border-sm-bottom-0
    {
        border-bottom: none !important;
    }

    .border-sm-end-0
    {
        border-right: none !important;
    }
}

@media (min-width: 768px)
{
    .border-md-top
    {
        border-top: 1px solid var(--bs-border-color);
    }

    .border-md-start
    {
        border-left: 1px solid var(--bs-border-color);
    }

    .border-md-bottom
    {
        border-bottom: 1px solid var(--bs-border-color);
    }

    .border-md-end
    {
        border-right: 1px solid var(--bs-border-color);
    }

    .border-md-top-0
    {
        border-top: none !important;
    }

    .border-md-start-0
    {
        border-left: none !important;
    }

    .border-md-bottom-0
    {
        border-bottom: none !important;
    }

    .border-md-end-0
    {
        border-right: none !important;
    }
}

@media (min-width: 992px)
{
    .border-lg-top
    {
        border-top: 1px solid var(--bs-border-color);
    }

    .border-lg-start
    {
        border-left: 1px solid var(--bs-border-color);
    }

    .border-lg-bottom
    {
        border-bottom: 1px solid var(--bs-border-color);
    }

    .border-lg-end
    {
        border-right: 1px solid var(--bs-border-color);
    }

    .border-lg-top-0
    {
        border-top: none !important;
    }

    .border-lg-start-0
    {
        border-left: none !important;
    }

    .border-lg-bottom-0
    {
        border-bottom: none !important;
    }

    .border-lg-end-0
    {
        border-right: none !important;
    }
    .rounded-lg-4
    {
        border-radius: var(--bs-border-radius-xl);
    }
}

@media (min-width: 1200px)
{
    .border-xl-top
    {
        border-top: 1px solid var(--bs-border-color) !important;
    }

    .border-xl-start
    {
        border-left: 1px solid var(--bs-border-color) !important;
    }

    .border-xl-bottom
    {
        border-bottom: 1px solid var(--bs-border-color) !important;
    }

    .border-xl-end
    {
        border-right: 1px solid var(--bs-border-color) !important;
    }

    .border-xl-top-0
    {
        border-top: none !important;
    }

    .border-xl-start-0
    {
        border-left: none !important;
    }

    .border-xl-bottom-0
    {
        border-bottom: none !important;
    }

    .border-xl-end-0
    {
        border-right: none !important;
    }
}
@media (min-width: 1400px)
{
    .border-xxl-top
    {
        border-top: 1px solid var(--bs-border-color) !important;
    }

    .border-xxl-start
    {
        border-left: 1px solid var(--bs-border-color) !important;
    }

    .border-xxl-bottom
    {
        border-bottom: 1px solid var(--bs-border-color) !important;
    }

    .border-xxl-end
    {
        border-right: 1px solid var(--bs-border-color) !important;
    }

    .border-xxl-top-0
    {
        border-top: none !important;
    }

    .border-xxl-start-0
    {
        border-left: none !important;
    }

    .border-xxl-bottom-0
    {
        border-bottom: none !important;
    }

    .border-xxl-end-0
    {
        border-right: none !important;
    }
}
.navchrome-bodycontent ul.dropdown-menu .nav-item a.nav-link
{
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
}
.navchrome-bodycontent ul.dropdown-menu .nav-header.divider{
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.container-form-left{
    margin: 0;
}
.navchrome-maxw-content
{
    max-width: 1320px;
}
.flex-even
{
    flex: 1;
}

#alerts-container
{
    margin-top: -6px;
    margin-bottom: 7px !important;
}
.item-enabled{
    border-color: var(--bs-primary) !important;
}
.input-group > .minicolors
{
    flex-grow: 1;
}
.minicolors-theme-bootstrap .minicolors-input
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

table.daterange-list .daterange-edit .form-group
{
    margin-bottom: 0;
}
table.daterange-list .daterange-edit .delete-daterange
{
    margin-top: 0 !important;
}
/* Fixes for modal fullscreen bs 5*/
:root
{
    --bs-red-100: #F8D7DA;
}
code {
    background-color: var(--bs-red-100);
    color: var(--bs-red);
    padding: 2px 4px;
    border-radius: var(--bs-border-radius-sm);
    white-space: normal
}
pre code
{
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}
.bg-danger-subtle
{
    background-color: rgba(var(--bs-danger-rgb), 0.1) !important;
}
.modal {
    --bs-modal-footer-bg: #fff;
}
.modal.modal-fullscreen {
    z-index: 1055 !important;
}

.modal.modal-fullscreen .modal-dialog{
    width: 100%;
    max-width: 100%;
    height: 100%;
}

.modal.modal-fullscreen .modal-content {
    border-radius: 6px;
}
.modal.modal-fullscreen .modal-content .modal-footer {
    border-radius: 0 0 6px 6px;
    position: relative;
    margin-top: 0;
}

/* Fixes for bs3 input groups to display ok in bs 5*/
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) .input-group-text, .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) .input-group-text
{
    margin-left: calc(var(--bs-border-width)* -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) .input-group-text
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
/* Hide multiselect-initialized selects inside input-group so they don't take up flex space */
.input-group > select.multiselect-initialized
{
    display: none !important;
}

/* Fix multiselect dropdown buttons inside input-group: the .dropdown wrapper breaks Bootstrap's
   direct-child border-radius selectors, so we manually flatten the corners */
.input-group > .dropdown:not(:first-child) > .multiselect.dropdown-toggle,
.input-group > .filterable-single-select:not(:first-child) > .multiselect.dropdown-toggle
{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Restore left radius when dropdown is effectively first visible (preceded only by a hidden select) */
.input-group > select:first-child + .dropdown > .multiselect.dropdown-toggle,
.input-group > select:first-child + .filterable-single-select > .multiselect.dropdown-toggle
{
    border-top-left-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
}

.input-group > .dropdown:not(:last-child) > .multiselect.dropdown-toggle,
.input-group > .filterable-single-select:not(:last-child) > .multiselect.dropdown-toggle
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Multiselect wrappers inside input-group must match the flex behavior of the native .form-select they replace */
.input-group > .filterable-single-select,
.input-group > .dropdown.has-block-dropdown-btn
{
    flex: 1 1 auto;
    width: 1%;
}

.input-group > .filterable-single-select > .multiselect.dropdown-toggle.btn,
.input-group > .has-block-dropdown-btn > .multiselect.dropdown-toggle.btn
{
    display: flex;
    width: 100%;
}

.input-group > .filterable-single-select > .multiselect-container.dropdown-menu,
.input-group > .has-block-dropdown-btn > .multiselect-container.dropdown-menu
{
    min-width: 100%;
}

/* The multiselect/single-select toggle is a <button>, so it gets the plain .btn
   focus style instead of the .form-control:focus glow. Match the text-input focus. */
.multiselect.dropdown-toggle:focus-visible
{
    border-color: var(--bs-primary);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(var(--bs-primary-rgb), 0.6);
}

/* Keep multiselect dropdown inline when inside inline contexts */
.d-inline-block > .dropdown.has-block-dropdown-btn,
.d-inline-block > .filterable-single-select,
.form-inline .dropdown.has-block-dropdown-btn,
.form-inline .filterable-single-select
{
    display: inline-block;
}

.d-inline-block > .has-block-dropdown-btn .dropdown-toggle,
.form-inline .has-block-dropdown-btn .dropdown-toggle
{
    display: inline-block;
    width: auto;
}

/* Fixes for griddly filters input group to not show small in bs 5*/
.griddly-filter-modal .input-group-sm > .input-group-prepend, .griddly-filter-modal .input-group-sm > .input-group-apend
{
    display: flex;
}
.griddly-filter-modal .input-group-sm > .form-control, .griddly-filter-modal .input-group-sm > .input-group-prepend .input-group-text, .griddly-filter-modal .input-group-sm > .input-group-apend .input-group-text
{
    padding: .375rem .75rem;
    font-size: 1rem;
}

.has-error, .form-text .field-validation-error
{
    color: var(--bs-danger);
}
.has-error .form-control,
.has-error .form-select
{
    border-color: var(--bs-danger);
}
.has-error .form-text
{
    color: var(--bs-danger);
}
/* BS5 shows .invalid-feedback only beside an .is-invalid input; jQuery unobtrusive validation marks the message with .field-validation-error instead. */
.invalid-feedback.field-validation-error
{
    display: block;
}
/* BS3 .label-* colors with white text. The text-bg-* utilities these pair with set dark text and brighter colors, both !important. */
.badge.label-primary
{
    color: var(--bs-white) !important;
    background-color: var(--bs-primary-blue) !important;
}
.badge.label-success
{
    color: var(--bs-white) !important;
    background-color: #5cb85c !important;
}
.badge.label-info
{
    color: var(--bs-white) !important;
    background-color: #5bc0de !important;
}
.badge.label-warning
{
    color: var(--bs-white) !important;
    background-color: #f0ad4e !important;
}
.was-validated .form-control:invalid, .form-control.is-invalid{
    background-image: none;
}

.bs-tooltip-auto {
    z-index: 1100;
}
.tooltip-inner {
    padding-top: 0px;
    padding-bottom: 2px;
}
.input-group > .input-group-btn:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group > .input-group-btn:first-child > .btn
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group .form-label{
    margin-bottom: 0;
}
div.radio
{
    padding-left: 1.5em;
}
div.radio label
{
    font-weight: normal;
}
div.checkbox
{
    padding-left: 1.5em;
}
div.checkbox label
{
    font-weight: normal;
}
.has-admin-header .app-sidebar-menu {
    height: calc(100% - 86px);
}
.app-sidebar-menu .nav-item .badge {
    border-radius: 20px;
}
.modal.bootbox .modal-header {
    justify-content: space-between;
}
.modal.bootbox .modal-title {
    font-weight: 500;
}
.bootbox-close-button {
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 1.5em;
}
.container-form, .container-interview {
    margin: 0;
    max-width: 1320px;
}

.griddly-pager.pull-right {
    float: right !important;
}
.griddly-action-column .btn.dropdown-toggle:after{
    margin-left: 0;
}
.input-group-text
{
    background-color: var(--bs-gray-200);
}
label {
    font-weight: 500;
}
label.form-label {
    font-weight: 700;
}
.form-check label, .checkbox label {
    font-weight: normal;
}
.form-control:disabled, .form-control[readonly]{
    opacity: 0.5;
    background-color: var(--bs-secondary-bg);
}
.form-select.select-autowidth
{
    width: auto;
    flex-grow: 0;
}
.force-max-length-bottom
{
    padding-bottom: 1.5rem;
}
.force-max-length-bottom span.max-length-display
{
    position: absolute;
    bottom: 0;
    left: 0;
}

.form-text
{
    display: block;
}

.container-form {
    margin: 0;
    max-width: 1320px;
}
.table td.text-center .form-check
{
    padding-left: 0;
}
.table td.text-center .form-check-input
{
    margin-left: 0;
    display: inline-block;
    float: none;
}
.glyphicon {
    font-family: "Font Awesome 6 Pro";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-variant: normal;
    text-rendering: auto;
    font-style: normal;
    line-height: 1;
    font-weight: 900;
}
.glyphicon-filter:before {
    content: "\f0b0";
}
.glyphicon-remove:before {
    content: "\f00d";
}
.glyphicon-calendar:before {
    content: "\f073";
}
.panel {
    margin-bottom: 20px;
    background-color: var(--or-surface);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    border-radius: 4px;
}
.panel-heading {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
}
.panel-default {
    border-color: var(--bs-border-color);
}
.panel-info {
    border-color: var(--bs-info-border-subtle);
}
.panel-info > .panel-heading {
    color: var(--bs-info-text-emphasis);
    background-color: var(--bs-info-bg-subtle);
    border-color: var(--bs-info-border-subtle);
}
.panel-danger {
    border-color: var(--bs-danger-border-subtle);
}
.panel-danger > .panel-heading {
    color: var(--bs-danger-text-emphasis);
    background-color: var(--bs-danger-bg-subtle);
    border-color: var(--bs-danger-border-subtle);
}
.panel-warning {
    border-color: var(--bs-warning-border-subtle);
}
.panel-warning > .panel-heading {
    color: var(--bs-warning-text-emphasis);
    background-color: var(--bs-warning-bg-subtle);
    border-color: var(--bs-warning-border-subtle);
}
.panel-success {
    border-color: var(--bs-success-border-subtle);
}
.panel-success > .panel-heading {
    color: var(--bs-success-text-emphasis);
    background-color: var(--bs-success-bg-subtle);
    border-color: var(--bs-success-border-subtle);
}
.panel-group .panel {
    margin-bottom: 0px;
    border-radius: 4px;
}
.panel-group .panel-heading {
    border-bottom: 0px;
}
.panel-heading [data-bs-toggle="collapse"]::before,
.panel-heading [data-bs-toggle=collapse].collapsed:before,
.panel-heading [data-toggle="collapse"]::before,
.panel-heading [data-toggle=collapse].collapsed:before
{
    font-family: "Font Awesome 6 Pro";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-variant: normal;
    text-rendering: auto;
    font-style: normal;
    line-height: 1;
    font-weight: 900;
    content: "\f105";
}
.panel-heading [data-bs-toggle="collapse"]::before,
.panel-heading [data-toggle="collapse"]::before
{
    content: "\f107";
}
.panel-default > .panel-heading {
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    border-color: var(--bs-border-color);
    word-wrap: break-word;
}
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a
{
    color: inherit;
}
.panel-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    color: inherit;
}
.panel-body {
    padding: 15px;
    word-wrap: break-word;
}
.panel-footer {
    padding: 10px 15px;
    background-color: var(--bs-tertiary-bg);
    border-top: 1px solid var(--bs-border-color);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid var(--bs-border-color);
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: var(--bs-border-color);
}
.panel-group .panel + .panel {
    margin-top: 4px;
}
.griddly-filter-modal .pull-right{
    float: right;
}
.navchrome-sidecontent .hasThumbnail .dropdown-toggle:after
{
    display: none;
}
.navchrome-sidecontent .hasThumbnail .dropdown-toggle .btn
{
    line-height: 46px;
}

.log-entry .label
{
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-border-radius-pill) !important;
}
.log-entry .label-default {
    color: #fff !important;
    background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.log-entry .label-danger {
    color: #fff !important;
    background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.top-space{
    margin-top: 0;
}
div.thumbnail
{
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: var(--or-surface);
    border: 1px solid var(--bs-border-color);
    border-radius: 4px;
    transition: border .2s ease-in-out;
}
.btn-toolbar > .btn-group:not(:last-child)
{
    margin-right: 4px;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.typeahead-suggestion.typeahead-cursor:not(.typeahead-additem),
.typeahead-suggestion:not(.typeahead-additem):hover,
.typeahead-suggestion:not(.typeahead-additem):focus
{
    color: var(--bs-body-color);
    background-color: var(--bs-gray-200) !important;
}
/* Scoped under .dropdown-menu (not bare .dropdown-item) so specificity alone beats bootstrap.css's
   .dropdown-item:hover without !important - callers with a real reason to override this still can. */
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus
{
    color: var(--bs-body-color);
    background-color: var(--bs-gray-200);
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item.active:hover,
.dropdown-item:active:hover,
.typeahead-suggestion:not(.typeahead-additem):active,
.typeahead-suggestion:not(.typeahead-additem):active:hover
{
    color: var(--bs-body-color);
    background-color: var(--bs-gray-300) !important;
}
.box-title-padded
{
    padding: 1rem;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}
.box-title
{
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 1.2;
}
.box-title-padded .box-title
{
    margin-bottom: 0;
}

.box-item-wrapper .boxed-item
{
    padding: 1rem;
}
.box-item-label
{
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2;
    margin-bottom: 0.25rem;
}
.box-item-wrapper .boxed-item.border-bottom:last-child
{
    border-bottom: none !important
}

.address-container .col-sm-10, .address-container .col-sm-2
{
    width: 100%;
}
.address-container label.control-label{
    margin-bottom: 0.5rem;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn
{
    opacity: 0.65;
    pointer-events: auto;
    cursor: not-allowed;
}

.form-control-xs
{
    padding: 0.15rem 0.3rem;
    font-size: 0.75rem;
}

/* Fixes for griddly bs 5*/
.griddly-pager{
    margin-top: 0;
}
.griddly-action-column .btn-group > .btn
{
    flex: 0 1 auto;
}
.griddly .btn-group > .btn + .dropdown-toggle
{
    padding-right: 8px;
    padding-left: 8px;
}
.griddly .btn-group > .btn + .dropdown-toggle:after,
.griddly-solo-caret:after
{
    font-size: 1rem;
    vertical-align: middle;
}
.griddly .table > tfoot > tr > td,
.griddly .table > tbody > tr > td
{
    border-bottom-width: 0;
}
.griddly .griddly-footer
{
    border-top-width: 1px;
}

.griddly-solo-caret 
{ 
    width: 24px;
    margin: auto;
}

.table.table-linked-payments
{
    width: 100%;
}

.header-highlight
{
    padding: 1.5rem;
    background: var(--bs-primary) url(../../images/bg_texture.png);
    background-size: cover;
    color: var(--bs-white);
}
button.multiselect .multiselect-selected-text
{
    padding-right: 1px;
}
/* Months calendar bookings */
.months-container .month-container
{
    float: left;
}
.months-container .month-container.col-xs-2
{
    width: 16.66666667%;
}
.months-container .month-container.col-xs-3
{
    width: 25%;
}
.months-container .month-container.col-xs-4
{
    width: 33.33333333%;
}
.months-container .month-container.col-xs-6
{
    width: 50%;
}
.months-container .month-container.col-xs-12
{
    width: 100%;
}

@media(max-width:991px)
{
    .navchrome-topcontent .btn-group
    {
        margin-left: 8px;
    }

    .navchrome-topcontent h2
    {
        margin: 0 !important;
    }
}

@media(max-width:767.98px)
{
    body
    {
        padding-bottom: 0px;
    }

    .visible-xs-block
    {
        display: block !important;
    }

    th.visible-xs, td.visible-xs
    {
        display: table-cell !important;
    }

    .bs5-address .address-fields-csz .address-city
    {
        margin-right: 0px;
    }

    .bs5-address .address-fields-csz .address-state
    {
        margin-right: 0px;
    }

    .bs5-address .address-fields-csz .address-city,
    .bs5-address .address-fields-csz .address-state,
    .bs5-address .address-fields-csz .address-zip
    {
        width: 100%;
    }

    .surcharge-styles .select-fix select, .surcharge-styles .dt-fix .datepicker-open-button, .surcharge-styles .input-fix input, .surcharge-styles .button-fix button
    {
        border-left: 1px solid #ADB5BD;
        border-top-left-radius: var(--bs-border-radius) !important;
        border-bottom-left-radius: var(--bs-border-radius) !important;
    }

    .btn-xs-block
    {
        display: block;
    }

    .advanced-criteria-list .criteria-list-item
    {
        position: relative;
        border: 1px solid var(--bs-border-color);
        border-radius: 4px;
        padding: 8px 52px 8px 8px;
    }

    .advanced-criteria-list .criteria-list-item .criteria-remove
    {
        position: absolute;
        right: 8px;
        top: 8px;
    }

    .advanced-criteria-list .criteria-list-item > .input-group,
    .advanced-criteria-list .criteria-list-item .criteria-detail.input-group-text
    {
        flex-direction: column;
        max-width: 100%;
    }

    .advanced-criteria-list .criteria-list-item > .input-group
    {
        display: flex !important;
        flex-grow: 1;
    }

    .advanced-criteria-list .criteria-list-item > .input-group .form-select.select-autowidth,
    .advanced-criteria-list .criteria-list-item input[data-provide="datepicker"]
    {
        width: 100%;
        flex-grow: 1;
    }

    .advanced-criteria-list .criteria-list-item input[data-provide="datepicker"]
    {
        max-width: calc(100% - 36px) !important;
    }

    .advanced-criteria-list .criteria-list-item select,
    .advanced-criteria-list .criteria-list-item input[type="text"]:not([data-provide="datepicker"]),
    .advanced-criteria-list .criteria-list-item input[type="time"],
    .advanced-criteria-list .criteria-list-item .input-group-text,
    .advanced-criteria-list .criteria-list-item .btn-group,
    .advanced-criteria-list .criteria-list-item .input-group.criteria-value-group
    {
        border-radius: var(--bs-border-radius) !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 2px;
        margin-left: 0 !important;
    }

    .advanced-criteria-list .criteria-list-item .criteria-remove
    {
        margin-bottom: 2px;
    }


    .input-group .btn-group button.multiselect .multiselect-selected-text
    {
        width: calc(100% - 8px);
        text-align: left;
        margin-right: 0;
    }

    .input-group .btn-group .multiselect-container.dropdown-menu
    {
        max-width: 100% !important;
        width: 100%;
    }

    .input-group.stack-xs
    {
        flex-direction: column;
    }

    .input-group.stack-xs input:not([type="checkbox"]):not([type="radio"]), .input-group.stack-xs select, .input-group.stack-xs .input-group-text
    {
        border-radius: var(--bs-border-radius) !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 2px;
    }
}

@media(max-width:575.98px)
{
    .checkbox-grid
    {
        grid-template-columns: 100%;
    }

    .checkboxes-xs-block .radio-inline, .checkboxes-xs-block .checkbox-inline
    {
        display: block;
        margin-left: 0;
    }
}

@media(min-width:768px)
{
    .container-form-navchrome .navchrome-bodycontent.col-md-9
    {
        width: 100%;
        margin-left: 0;
    }

    .container-form, .container-interview, .container-list, .container-form-left
    {
        padding-left: calc(var(--bs-gutter-x)* 1);
        padding-right: calc(var(--bs-gutter-x)* 1);
    }

    .container-fluid .container-form
    {
        padding: 0;
    }

    dl.row dt
    {
        margin-bottom: 0.5rem;
    }

    .advanced-criteria-list .criteria-list-item > .form-inline > *,
    .advanced-criteria-list .criteria-list-item > .criteria-remove
    {
        margin-bottom: 4px;
    }

    .advanced-criteria-list .criteria-list-item > .form-inline > *,
    .advanced-criteria-list .criteria-list-item > .form-inline > .criteria-detail > *
    {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .advanced-criteria-list .criteria-list-item > .form-inline > .criteria-detail > *
    {
        max-width: 300px;
    }

    .advanced-criteria-list .criteria-list-item > .form-inline > .criteria-detail > .date,
    .advanced-criteria-list .criteria-list-item > .form-inline > .criteria-detail > .input-group
    {
        display: inline-flex;
    }

    .advanced-criteria-list .criteria-list-item > .input-group
    {
        width: auto;
        float: left;
    }

    .advanced-criteria-list .criteria-list-item > .input-group .criteria-detail .input-group-text:not(:last-child)
    {
        border-right: 0;
    }

    .advanced-criteria-list .criteria-list-item > .input-group .criteria-detail .input-group-text:first-child
    {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .advanced-criteria-list .criteria-list-item > .input-group .criteria-detail .input-group-text:not(:first-child),
    .advanced-criteria-list .criteria-list-item > .input-group .criteria-detail .time-from input
    {
        border-left: 0;
    }

    .advanced-criteria-list .criteria-list-item > .input-group .criteria-detail .input-group.input-fix
    {
        width: auto;
    }

    .advanced-criteria-list .criteria-list-item > .input-group > *:not(:first-child) > *,
    .advanced-criteria-list .criteria-list-item > .input-group .criteria-detail > *:not(:first-child) > *,
    .advanced-criteria-list .criteria-list-item > .input-group .criteria-detail > *:not(:first-child) > .input-group > *,
    .advanced-criteria-list .criteria-list-item > .input-group .criteria-detail > *:not(:first-child) > .btn-group > *
    {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .advanced-criteria-list .criteria-list-item > .input-group > *:not(:last-child) > *:not(:last-child),
    .advanced-criteria-list .criteria-list-item > .input-group .criteria-detail > *:not(:last-child) > *:not(:last-child),
    .advanced-criteria-list .criteria-list-item > .input-group .criteria-detail > *:not(:last-child) > .input-group > *:not(:last-child),
    .advanced-criteria-list .criteria-list-item > .input-group .criteria-detail > *:not(:last-child) > .btn-group:not(:last-child) > *
    {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    .advanced-criteria-list .criteria-list-item .btn-group button.multiselect .multiselect-selected-text
    {
        max-width: calc(100% + 1px);
    }
}
@media (min-width: 992px)
{
    .container-form-navchrome .navchrome-bodycontent
    {
        padding-left: calc(var(--bs-gutter-x)* 1);
        padding-right: calc(var(--bs-gutter-x)* 1);
    }
    .container-form, .container-interview, .container-list
    {
        padding-left: calc(var(--bs-gutter-x)* 1);
        padding-right: calc(var(--bs-gutter-x)* 1);
    }
    .container-fluid .container-form
    {
        padding: 0;
    }
    .container-form-left
    {
        margin: 0;
    }
}
@media print{
    .col-print-1 {width:8%;  float:left;}
    .col-print-2 {width:16%; float:left;}
    .col-print-3 {width:25%; float:left;}
    .col-print-4 {width:33%; float:left;}
    .col-print-5 {width:42%; float:left;}
    .col-print-6 {width:50%; float:left;}
    .col-print-7 {width:58%; float:left;}
    .col-print-8 {width:66%; float:left;}
    .col-print-9 {width:75%; float:left;}
    .col-print-10{width:83%; float:left;}
    .col-print-11{width:92%; float:left;}
    .col-print-12{width:100%; float:left;}
    .print-display-logo{
        margin: 20px 0;
    }
    .print-display-logo img{
        width: 250px;
    }
    .badge{
        padding: 0;
        font-size: 14px;
        color: var(--bs-body-color);
        background-color: #fff !important;
        letter-spacing: 0;
    }
    .badge.text-bg-warning{
        color: #f0ad4e !important; 
    }
    .badge.text-bg-danger{
        color: #dc3545 !important; 
    }
    .badge.text-bg-success{
        color: #198754 !important; 
    }
    .item-label, thead.table-light th{
        font-size: 0.70rem;
    }
    .navchrome-topcontent
    {
        display: none;
    }
    .visible-print-block
    {
        display: block !important
    }
    .visible-print-inline
    {
        display: inline !important
    }
    .visible-print-inline-block
    {
        display: inline-block !important
    }
    .hidden-print
    {
        display: none !important;
    }
    .app-sidebar-backdrop
    {
        display: none !important;
    }
}
/* BS5 dropped BS3's heading small styling; page and modal titles use it for muted id suffixes */
h1 small, h2 small, h3 small {
    font-size: 65%;
    font-weight: 400;
    line-height: 1;
    color: var(--bs-secondary-color);
}
/* BS5 dropped .page-header; ~40 admin page titles still use it for the divider under the h1 */
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}
/* BS5 removed the jumbotron component; support-article rich-text bodies can embed it via the
   custom-HTML editor and those stored bodies can't be bulk-edited, so keep it rendering */
.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eeeeee;
}
/* BS5 removed the thumbnail component; still used for guide/video card framing (and, like
   jumbotron, may be embedded in historical support-article bodies via the custom-HTML editor) */
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: var(--bs-border-radius-sm);
    transition: border 0.2s ease-in-out;
}
/* BS5 dropped .img-responsive (renamed .img-fluid) and the BS3 carousel's .item slide
   class; kept for the same reason as .thumbnail/.jumbotron above -- historical support-article
   HTML from the custom-HTML editor can still reference them. */
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.thumbnail > img,
.thumbnail a > img {
    margin-left: auto;
    margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: var(--bs-primary-blue);
}
.thumbnail .caption {
    padding: 9px;
    color: #333;
}

/* bootstrap-multiselect (vendor, never edit) still emits glyphicon icon markup with no
   font backing it after the BS5 swap — this is the only remaining glyphicon usage in the
   project, so map its icon classes onto the Font Awesome font already loaded. */
.glyphicon {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-style: normal;
    display: inline-block;
}
.glyphicon-check:before { content: "\f00c"; }
.glyphicon-ban-circle:before { content: "\f05e"; }
.glyphicon-search:before { content: "\f002"; }
.glyphicon-remove-circle:before { content: "\f057"; }

/* BS4+ removed .form-group, .input-group-addon, and .well; Website's views still use all
   three with no custom site.css styling backing them up. Ported from Bootstrap 3 base
   styles. BS5's own .input-group child-joining CSS (border-radius/margin at adjacent
   siblings) already applies generically, so only the box's own appearance needs restoring. */
.form-group {
    margin-bottom: 15px;
}
/* BS3's .form-horizontal .form-group extended .row so its .col-sm-* children laid out side by
   side; BS5 dropped that SCSS @extend along with .form-group itself. Restated here as BS5's
   own current .row/.row>* rules (flex-based, not BS3's float+clearfix .row) so the same
   .col-sm-2/.col-sm-10 markup still lays out correctly under the new grid. The child rule is
   wrapped in :where() so its width:100% carries zero specificity — otherwise, since this file
   loads after the vendor CSS, it would beat (rather than lose to) each child's own .col-sm-*
   width, which is exactly the layout this rule exists to preserve. */
.form-horizontal .form-group {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
:where(.form-horizontal .form-group) > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 4px;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well-sm {
    padding: 9px;
    border-radius: 3px;
}
/* BS3's .table gave every cell a border-top row divider (true first header row zeroed back to 0
   below); BS5's own .table only sets border-bottom, so under BS5 that divider line never renders
   for griddly grids and other .table usages still built on BS3's markup/expectations. Selector
   shape/specificity matched to BS3's original rule so it slots in the same way it used to. */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td
{
    border-top: 1px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td
{
    border-top: 0;
}
/* BS3 set not-allowed cursor on disabled plain radio/checkbox inputs; BS5's equivalent rule only
   covers its own .form-check-input class, so raw radio/checkbox markup (e.g. radio-inline) lost it. */
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"]
{
    cursor: not-allowed;
}
/* Moved from _Header.cshtml's inline <style> - that partial renders on every page, so inlining it blocked caching. */
.navbar-default .navbar-nav>li.dropdown:has(>.dropdown-menu.show)>a,
.navbar-default .navbar-nav>li.dropdown:has(>.dropdown-menu.show)>a:hover,
.navbar-default .navbar-nav>li.dropdown:has(>.dropdown-menu.show)>a:focus{
    background-color: transparent;
    color: #fff;
}
.navbar-default .navbar-nav>li.dropdown:has(>.dropdown-menu.show)>a i.fa-angle-down:before,
.navbar-default .navbar-nav>li.dropdown:has(>.dropdown-menu.show)>a:hover i.fa-angle-down:before,
.navbar-default .navbar-nav>li.dropdown:has(>.dropdown-menu.show)>a:focus i.fa-angle-down:before{
    content: "\f106";
}
@media only screen and (max-width:991px) {
    .navbar-default .navbar-nav>li.dropdown:has(>.dropdown-menu.show){
        background-color: rgba(0,0,0,0.1);
        border-radius: 10px;
        margin-top: 4px;
    }
    .navbar-default .navbar-nav>li.active:has(>.dropdown-menu.show){
        padding-bottom: 8px;
    }
}
/* BS4's .embed-responsive became .ratio in BS5; admin-authored page content (TinyMCE video embeds) still saves the BS4 markup. */
.embed-responsive
{
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive::before
{
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive > iframe,
.embed-responsive > embed,
.embed-responsive > object,
.embed-responsive > video
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.embed-responsive-21by9 { --bs-aspect-ratio: calc(9 / 21 * 100%); }
.embed-responsive-16by9 { --bs-aspect-ratio: calc(9 / 16 * 100%); }
.embed-responsive-4by3 { --bs-aspect-ratio: calc(3 / 4 * 100%); }
.embed-responsive-1by1 { --bs-aspect-ratio: 100%; }