/* theme overrides */
body {
    color: #333;
}
.alert-warning {
    color: #333333;
    background-color: #ffff99;
    border-color: #999999;
    border-width: 1px;
}
.btn-danger,
.btn-danger:disabled {
    color: #fff;
    background-color: #990000;
    border-color: #990000;
}
.btn-danger:hover {
    color: #fff;
    background-color: #990000;
    border-color: #990000;
}
.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #990000;
    border-color: #990000;
    box-shadow: 0 0 0 0.2rem rgba(153, 0, 0, 0.5);
}
.btn-danger:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #990000;
    border-color: #990000;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(153, 0, 0, 0.5);
}
.btn-primary {
    color: #fff;
    background-color: #002f6c;
    border-color: #002f6c;
}
.btn-primary:hover {
    color: #fff;
    background-color: #0059b8;
    border-color: #0059b8;
}
.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #0059b8;
    border-color: #0059b8;
}

.btn-secondary {
    color: #333;
    background-color: #F0F0F0;
    border-color: #6C757D;
}
.btn-secondary:hover {
    color: #333;
    background-color: #cfcfcf;
    border-color: #565e64;
}
.btn-secondary:focus,
.btn-secondary.focus {
    color: #333;
    background-color: #cfcfcf;
    border-color: #565e64;
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #808080;
    background-color: #f2f2f2;
    border-color: #a4b2bf;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #333;
    background-color: #F0F0F0;
    border-color: #4b5157;
}
.btn-mfa {
    min-width: 14.063rem !important;
}

/* Expand width support classes */
.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-60 { width: 60%; }
.w-70 { width: 70%; }
.w-80 { width: 80%; }
.w-90 { width: 90%; }

/* smaller gutters */
.row.row-sm {
    margin-left: -5px;
    margin-right: -5px;
}
.row.row-sm > .col,
.row.row-sm > [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

/* Modal overrides */
.modal-content {
    overflow: auto;
    max-height: calc(100vh - 1rem - 17px); /* cap height, including scrollbar */
    border-radius: 0;
}
@media (min-width: 576px) {
    .modal-content {
        max-height: calc(100vh - 3.5rem - 17px);
    }
}

/* Dropdown */
.dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff;
    background-color: #3276b1;
}

/* Utilities */

/* Apply margin in-between children */
.miy-1 > :not(:first-child) { margin-top: .25rem; }
.miy-2 > :not(:first-child) { margin-top: .5rem; }
.miy-3 > :not(:first-child) { margin-top: 1rem; }

/* browser support */
.text-break {
    word-wrap: break-word !important; /* overflow-wrap unrecognized in ie11 */
}

/* inputbox font color*/
.form-control,
.form-control:focus  {
    color: #333;
}
.form-control:-ms-input-placeholder {
    color: #999 !important; 
}

.form-control::placeholder {
    color: #999; 
}


/*bootstrap 5 migration*/

/* Fix Home page -> sign in help 'x' button and Fix other modal x buttons*/
button.close{
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.close:hover {
    color: #000;
    text-decoration: none;
}
.close:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}

.close{
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    float: right;
    color: #7f7f7f;
    text-shadow: 0 1px 0 #fff;
}

/* remove underlines from .btn-link  I.E. home page*/
.btn-link{
    text-decoration: none;
}

/*tooltips*/

/*apply bootstrap 4 tooltip classes*/
.tooltip{
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
}

/* Restore Bootstrap 4 behavior for links without href - prevent them from being styled as links */
a:not([href]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):hover {
    color: inherit;
    text-decoration: none;
}

/* BS5 fix: Disable smooth scrolling to prevent page starting at bottom and scrolling up. Restore bs4 scrolling */
:root {
  scroll-behavior: auto;
}

/* Form check input - darker border for better visibility */
.form-check-input {
    border-color: var(--bs-gray-600);
}

/* Restore padding and border from Bootstrap 4 */
.list-group-item {
    padding: .75rem 1.25rem;
    border: 1px solid rgba(0, 0, 0, .125);
    background-color: transparent;
}

/* Restore Bootstrap 4 behavior for negative margins */
.ms-n4 {
    margin-left: -1.5rem !important;
}

/* Restore left padding behavior in dropdowns to match prod pre BS5 */
select.form-select {
    padding-left: 1rem !important;
}