/*
Bootstrap overrides for v5
Important!
Class overrides should be in the same order as in the file itself.
No class properties should be removed. Only altered or added.
Line numbers above each class refer to line number and order in which they appear
in the non-minimized version.
File BSv5_reference_only.css is included in the project for development only and is not
referenced in the Layout master page.
*/

/* Not part of Bootstrap. For development only */
.highlight1 {
    border: solid 1px red;
}

.highlight2 {
    border: solid 1px blue;
}

.highlight3 {
    border: solid 1px yellow;
}

/* 649 */
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
    border: solid 0px red;
}

/* FROM Bootstrap 3 (line 3605) to fix dropdown text colors  */
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5;
    }

/* 4069 */
.nav {
    --bs-nav-link-padding-x: 0.4rem;
    --bs-nav-link-padding-y: 0.4rem;
    /*  --bs-nav-link-font-weight:;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;*/
}

/* was trying to tidy up the tabs here but....  */
/* 4083 */
.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

/*4693*/
.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 0.375rem;
    --bs-card-box-shadow:;
    --bs-card-inner-border-radius: calc(0.375rem - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
    --bs-card-cap-color:;
    --bs-card-height:;
    --bs-card-color:;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: 1px solid #337ab7;
    border-radius: var(--bs-card-border-radius);
}

/*4756*/
.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: #FFF;
}

/*4773*/
.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: #337ab7;
    border-bottom: solid 1px #337ab7;
}

/* 4750 */
.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
    /*background-color: #FFF;*/
}

.dataTables_length {
    white-space: nowrap !important;
    display: inline-block;
    margin-bottom: 3px;
    margin-top: 4px;
    margin-left: 10px;
}

.dataTables_filter {
    white-space: nowrap !important;
    display: inline-block;
    float: right !important;
    margin-bottom: 3px !important;
    margin-top: 4px !important;
    margin-right: 2px;
}

.form-select {
    display: inherit !important;
}

.form-control {
    display: inherit !important;
    width: inherit;
}

/* 5794 */
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #FFF;
    background: transparent;
    border: 0;
    border-radius: 0.375rem;
    opacity: 0.5;
}

/* 6017 */
.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
    background-color: #337ab7;
    color: #FFF;
}

/* 6033 */
.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height);
    color: #FFF;
}

/* 7480 */
.text-bg-info {
    color: #000 !important;
    background-color: #bce8f1 !important;
}

/* 7475 */
.text-bg-success {
    color: #000 !important;
    background-color: #dff0d8 !important;
}

/*8968*/
.bg-primary {
    --bs-bg-opacity: 1;
    background-color: #337ab7 !important;
}

/* 8978 */
.bg-success {
    --bs-bg-opacity: 1;
    background-color: #dff0d8, var(--bs-bg-opacity) !important;
}