/* ************************************************* */
/*                 Styling Overrides                 */
/* ************************************************* */

/* Fix for legacy login.aspx page "Log In" button missing cursor pointer */

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

/* Fixes for legacy bootstrap buttons */

.btn-info {
    color: #ffffff !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

.btn-sm {
    --bs-btn-padding-y: 0.375rem !important;
}

/* Fixes for legacy bootstrap navbar */

.navbar {
    padding: 0.5rem 1rem !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
}

    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
        color: rgba(255,255,255,.75);
    }

/* Fix for legacy bootstrap form compatability with new masterpage "display: flex" wrapper. */

.form-inline {
    display: block !important;
}

/* Fixes for legacy bootstrap row related classes */

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.card-body > * {
    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);
}

/* Fixes for legacy bootstrap "custom-control" related classes */

.custom-control {
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .custom-control > * {
        margin-right: 5px;
    }

.custom-control-label {
    margin-left: 0.25rem;
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #28a745;
}

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: #dc3545;
}

/* Fix for input placeholder text being a lower z-index then the input itself, resulting in the placeholder text being hidden */

.floating-label {
    z-index: 10 !important;
}

/* Removing the minimum width restriction of the highest @media screen width breakpoint so the container will extend the full page width */
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100%;
    }
}

/* Fix for the VueJS multiselect component dropdown list clipping under the legacy UI top navigation banner */

.navbar, .sticky-top {
    z-index: unset !important;
}

/* ******************************************************************* */
/* Custom Bootstrap 5 color updates to meet VPAT contrast requirements */
/* ******************************************************************* */

a, .btn-primary, .btn-outline-primary, .btn-link, .dropdown-item.active,
.dropdown-item:active, .custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before,
.custom-range::-moz-range-thumb, .custom-range::-ms-thumb, .page-link, .badge-primary,
.progress-bar, .list-group-item.active, .bg-primary, .border-primary, .text-primary {
    color: #0068d6;
}

    caption, .blockquote-footer, .figure-caption, .form-control::-webkit-input-placeholder,
    .form-control::-moz-placeholder, .form-control:-ms-input-placeholder,
    .form-control::-ms-input-placeholder, .form-control::placeholder,
    .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label,
    .btn-secondary, .btn-outline-secondary, .btn-outline-primary.disabled, .btn-outline-primary:disabled,
    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled, .btn-link:disabled,
    .btn-link.disabled, .dropdown-item.disabled, .dropdown-header,
    .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label,
    .custom-select:disabled, .nav-link.disabled, .nav-tabs .nav-link.disabled,
    .nav-pills .nav-link.active, .nav-pills .show > .nav-link, .breadcrumb-item + .breadcrumb-item::before,
    .breadcrumb-item.active, .page-item.disabled .page-link, .badge-secondary,
    .list-group-item.disabled, .toast-header, .bg-secondary, .border-secondary,
    .text-secondary, .text-muted {
        color: #6b737b;
    }

    .btn-primary, .btn-primary.disabled, .btn-primary:disabled,
    .btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active,
    .btn-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle {
        background-color: #0068d6;
        border-color: #0068d6;
    }

.btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled,
.btn-outline-secondary:hover, .btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    background-color: #6b737b;
    border-color: #6b737b;
}

/* ******************************************************** */
/* Styling Overrides To Maintain Previous Ace library Looks */
/* ******************************************************** */

h3.smaller {
    font-size: 21px;
}

.navbar .navbar-brand {
    color: #fff;
    font-size: 24px;
    text-shadow: none;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
}

.header {
    line-height: 28px;
    margin-bottom: 16px;
    margin-top: 18px;
    padding-bottom: 4px;
    border-bottom: 1px solid #CCC;
}

    .header.blue {
        border-bottom-color: #d5e3ef;
    }

.table > thead > tr {
    color: #707070;
    font-weight: normal;
    background: #f2f2f2;
    background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
    background-image: -o-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
    background-image: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%);
    background-repeat: repeat-x;
}

.table.table-bordered > thead > tr > th:first-child {
    border-left-color: #ddd;
}

.table.table-bordered > thead > tr > th {
    vertical-align: middle;
}

.table > thead > tr > th:first-child {
    border-left-color: #F1F1F1;
}

.table > thead > tr > th {
    border-color: #ddd;
    font-weight: bold;
}

th, td, .table-bordered {
    border-radius: 0 !important;
}

.infobox {
    display: inline-block;
    width: 270px;
    height: 66px;
    color: #555;
    background-color: #FFF;
    box-shadow: none;
    border-radius: 0;
    margin: -1px 0 0 -1px;
    padding: 8px 3px 6px 9px;
    border: 1px dotted;
    border-color: #D8D8D8 !important;
    vertical-align: middle;
    text-align: left;
    position: relative;
}

    .infobox > .infobox-icon {
        display: inline-block;
        vertical-align: top;
        width: 44px;
    }

        .infobox > .infobox-icon > .ace-icon {
            display: inline-block;
            height: 42px;
            margin: 0;
            padding: 1px 1px 0 2px;
            background-color: transparent;
            border-width: 0;
            text-align: center;
            position: relative;
            border-radius: 100%;
            -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
            box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
        }

.infobox-blue2 {
    color: #3983C2;
    border-color: #3983C2;
}

.widget-main {
    padding: 12px;
}

.widget-body {
    background-color: #FFF;
}

.widget-box.no-border {
    border-width: 0;
}

.widget-box.no-border {
    border-width: 0;
}

.widget-box {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 3px 0;
    border: 1px solid #CCC;
    max-width: 550px;
}

.widget-box {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 3px 0;
    border: 1px solid #CCC;
    max-width: 460px;
}

.input-icon {
    position: relative;
}

    .input-icon.input-icon-right > input {
        padding-left: 6px;
        padding-right: 24px;
    }

    .input-icon > .ace-icon {
        padding: 0 3px;
        z-index: 2;
        position: absolute;
        top: 1px;
        bottom: 1px;
        left: 3px;
        line-height: 30px;
        display: inline-block;
        color: #909090;
        font-size: 16px;
    }

    .input-icon.input-icon-right > .ace-icon {
        left: auto;
        right: 3px;
    }

.login-box .toolbar {
    background: #5090C1;
    border-top: 2px solid #597597;
}

span.input-icon {
    display: inline-block;
}

span.input-icon {
    display: inline-block;
}

.block {
    display: block !important;
}

.no-border {
    border-width: 0;
}

.blue {
    color: #478fca !important;
}

.green {
    color: #69AA46 !important;
}

.lighter {
    font-weight: lighter;
}

/* Adding legacy bootstrap alignment classes for backwards compatability */

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.float-left, .pull-left {
    float: left !important;
}

.float-right, .pull-right {
    float: right !important;
}