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

: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;
}
.text-bg-primary-blue
{
    background-color: var(--bs-primary-blue);
}
.visible-xs, .visible-xs-inline-block, .visible-sm, .visible-md, .visible-lg
{
    display: none !important;
}
.hidden
{
    display: none !important;
}
.visible-print-block, .visible-print-inline, .visible-print-inline-block
{
    display: none !important
}
.btn-block
{
    display: block;
    width: 100%;
}
.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;
}

h2
{
    font-size: 1.9rem;
    margin-bottom: 1.5rem;
}
h3, .h3
{
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}
h5, .h5, h6, .h6
{
    font-weight: bold;
}
.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);
}
/* 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;
    }
    .hidden-sm {
        display: none !important;
    }
}

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

@media (min-width: 1200px) {
    .visible-lg {
        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;
    }
}

.page-header
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 2rem 0 !important;
    padding-bottom: 0;
    border-bottom: none;
}
.page-header > *
{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
div.page-header > h2
{
    font-size: 1.2rem;
}
/* BS5 Helpers */
.c-pointer
{
    cursor: pointer;
}

.c-help
{
    cursor: help;
}

.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;
}
.hover-item:hover
{
    background-color: rgba(108, 117, 125, 0.1);
}


@media (max-width: 575px)
{
    .border-top
    {
        border-top: 1px solid var(--bs-border-color);
    }

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

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

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

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

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

    .border-bottom-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;
    }
}

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

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

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

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

    .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;
    }
}

.page-header-alt
{
    border-bottom: 0;
}
div.page-header-alt > h2
{
    float: none;
}
.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;
}

.alert a
{
    color: var(--bs-alert-link-color);
}
.item-enabled{
    box-shadow: var(--bs-box-shadow-sm);
    border-color: var(--bs-gray-500) !important;
    border-width: 2px;
}
.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;
}

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

.btn-default
{
    border-color: #ADB5BD;
}

.has-error, .help-block .field-validation-error
{
    color: var(--bs-danger);
}
.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;
}
.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;
}
.bootbox-close-button {
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 1.5em;
}
.container-form, .container-interview {
    margin: 0;
    max-width: 1320px;
}
.form-actions {
    background: rgba(255,255,255, 0.9);
    border: none;
    padding: 20px 0;
    border-top: 1px solid var(--bs-border-color);
}
.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;
}

.help-block
{
    display: block;
}

.container-form {
    margin: 0;
    max-width: 1320px;
}
.form-actions {
    background: rgba(255,255,255, 0.7);
    border-radius: 0;
    padding: 20px 0;
    margin-top: 20px;
    bottom: -1px;
}
.form-actions .btn-success.btn-danger{
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    background-color: var(--bs-btn-bg);
}
.form-actions .btn-success.btn-danger:hover, .form-actions .btn-success.btn-danger:focus, .form-actions .btn-success.btn-danger:active {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}
.input-group-text .btn-default {
    border: 0;
}
.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: rgb(255, 255, 255);
    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: rgb(221, 221, 221);
}
.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: rgb(51, 51, 51);
    background-color: rgb(245, 245, 245);
    border-color: rgb(221, 221, 221);
    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-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid rgb(221, 221, 221);
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: rgb(221, 221, 221);
}
.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;
}
.dl-horizontal .dl-heading
{
    padding-left: 0;
}

.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: #fff;
    border: 1px solid #ddd;
    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,
.dropdown-item:hover, 
.dropdown-item:focus,
.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;
}

.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-wrapper
{
    position: relative;
    padding: 1rem;
    margin-bottom: 1.5rem;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}
.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;
}
.btn.btn-default:focus-visible
{
    border-color: #ccc;
}
.form-control-xs
{
    padding: 0.15rem 0.3rem;
    font-size: 0.75rem;
}
.form-actions .btn-success.btn-danger{
    background-color: #dc3545;
    border-color: #dc3545;
}
.form-actions .btn-success.btn-danger:hover{
    background-color: #bb2d3b;
    border-color: #b02a37;
}
.form-actions .btn-success.btn-danger:active{
    background-color: #b02a37;
    border-color: #a52834;
}
.form-actions .btn-success.btn-danger.disabled, .form-actions .btn-success.btn-danger[disabled]{
    background-color: #dc3545;
    border-color: #dc3545;
}

/* 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;
}

/*.griddly .buttons{
    display: flex;
}
.griddly .buttons .btn-toolbar.pull-right{
    margin-left: auto;
    order: 2;
}
.griddly .griddly-pager{
    float: right;
}
.griddly .input-sm{
    height: 30px;
    line-height: 1.5;
    padding: 5px 10px;
    border-radius: 3px;
}
.griddly .dropdown-menu li > a{
    display: block;
    width: 100%;
    padding: 4px 16px;
    clear: both;
    font-weight: 400;
    color: rgb(33, 37, 41);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(4px, 0);
}*/
.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);
}

/* 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;
    }

    .form-actions
    {
        margin-bottom: 0;
    }

    .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-addon
    {
        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-left{
        margin: 0 0 0 20px;
    }*/
    .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;
    }
}