body {
    margin-bottom: 60px;
}

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.underConstruction {
    color: red !important;
}

.underDevelopment {
    color: orange !important;
}

.navbar {
    transition: all 0.3s;
}

.navbar-nav .nav-link {
    font-size: 1.1em;
    padding: 8px 15px;
}

    .navbar-nav .nav-link:hover {
        background-color: #343a40;
        color: #ffffff;
    }

.navbar-brand.wid-image img {
    max-height: 40px;
    margin-right: 10px;
}

/*md page scroll*/
.mdScroll {
    overflow-y: auto;
    height: 90vh;
}
/*resize column*/
#resizeTooltip {
    position: absolute;
    display: none;
    background: #333;
    color: #fff;
    padding: 6px 10px 6px 10px;
    border-radius: 6px;
    font-size: 12px;
    pointer-events: auto; /* allow click inside tooltip */
    box-shadow: 0 2px 8px rgba(0,0,0,.25);
    z-index: 9999;
}

    #resizeTooltip .close-btn {
        margin-left: 10px;
        cursor: pointer;
        color: #fff;
        background: transparent;
        border: none;
        font-weight: bold;
        font-size: 12px;
        line-height: 1;
    }

.sub-arrow {
    font-weight: bold;
    font-size: 14px; /* bigger */
    color: #007bff; /* accent color */
    margin-right: 4px;
}

#toastContainer {
    position: fixed;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999; /* above modal */
    pointer-events: none; /* optional: prevents blocking clicks */
}

.centerCell {
    text-align: center;
}

/* Only target the state dropdown when it's inside the LegalRefs modal */
#legalRefsModal #usstate + .select2-container {
    width: 80px !important;
    display: block;
}

/* If the hidden native select is disabled, freeze the Select2 wrapper next to it */
select[disabled] + .select2-container {
    pointer-events: none; /* Blocks all clicks, dropdown opens, and typing */
    opacity: 0.60; /* Gives it the standard disabled greyed-out look */
}

    /* Ensure the background changes to match standard disabled inputs */
    select[disabled] + .select2-container .select2-selection {
        background-color: #e9ecef !important;
        border-color: #dee2e6 !important;
    }

/* 🔐 If the native select has the disabled attribute, 
   force its adjacent Select2 container to visually freeze! */
select[disabled] + .select2-container--default .select2-selection--single {
    background-color: #e9ecef !important; /* Bootstrap gray read-only background */
    color: #6c757d !important; /* Gray out the text */
    pointer-events: none !important; /* 🛑 COMPLETELY KILLS ALL CLICK INTERACTIONS */
    border-color: #dee2e6 !important;
    opacity: 0.75;
}

/* Optional: Gray out the clear "x" button if it tries to render */
select[disabled] + .select2-container--default .select2-selection__clear {
    display: none !important;
}

/* Restore classic Bootstrap 5.1 switch look */
.form-switch .form-check-input {
    width: 2em !important; /* classic width */
    height: 1em !important; /* classic height */
    margin-top: 0 !important; /* keep inline with label */
    background-size: 0.75em 0.75em !important; /* classic knob size */
    background-position: left center !important;
    border-radius: 2em !important; /* classic pill shape */
    transition: background-position .15s ease-in-out;
}

    /* Checked state knob position (old behavior) */
    .form-switch .form-check-input:checked {
        background-position: right center !important;
    }

/* Keep switch + label perfectly aligned */
.switch-inline {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Prevent Bootstrap from pushing the switch down */
.form-check-input {
    transform: translateY(0) !important;
}


/*from Overview*/
/*.bg-dark {
    background-color: #121212;
}

.blackGlossBtn btnWidth {
    width: 500px;
}

.btnHeight {
    height: 40px;
}

h6 {
    color: red;
}*/

/*from infodoctreelist*/
 /*calc(100vh - 125px);*/ /*700px; */
/*.cont-wrapper {
    height: 740px;
}*/

/*from roles*/
/*.mdScroll {
    overflow-y: auto;
    height: 50vh;
}

.deleteIcon {
    color: red;
    cursor: pointer;
}

.disableDeleteIcon {
    color: grey;
    cursor: not-allowed;
}*/