/* ====================================================
   Bootstrap 5 - Global Fixes for All Pages
   ==================================================== */

/* Well sections - Bootstrap 3 to 5 migration */
.well {
    background-color: #f5f5f5 !important;
    border: 1px solid #ddd !important;
    padding: 15px !important;
    border-radius: 4px !important;
    margin-bottom: 20px !important;
}

/* Dropdown fix for Bootstrap 5 */
.dropdown-menu {
    display: none;
}

.dropdown-menu.show {
    display: block !important;
}

.dropdown-menu li a {
    padding: 6px 12px !important;
    display: block !important;
    color: #333 !important;
    text-decoration: none !important;
}

.dropdown-menu li a:hover {
    background-color: #f5f5f5 !important;
}

/* Dropdown item class for Bootstrap 5 */
.dropdown-item {
    padding: 6px 12px !important;
    display: block !important;
    color: #333 !important;
    text-decoration: none !important;
}

.dropdown-item:hover {
    background-color: #f5f5f5 !important;
}

/* Hidden class */
.hidden {
    display: none !important;
}

/* Success/Warning/Error - common status colors */
.success {
    background-color: rgb(100,193,146) !important;
    font-weight: bold !important;
}

.warning {
    background-color: rgb(255,194,14) !important;
    font-weight: bold !important;
}

.error {
    background-color: rgb(226,105,81) !important;
    font-weight: bold !important;
}

/* Form inputs - clean style */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"] {
    padding: 4px 8px !important;
    border: 1px solid #121212 !important;
    border-radius: 4px !important;
}

/* Number cells - center alignment */
.number {
    text-align: center !important;
}

/* Pull helpers for Bootstrap 5 */
.pull-left {
    float: left !important;
}

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

/* Clearfix */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}


.nav > .nav-item.active{
    background-color: #BBE3CF;
}


    .nav > .nav-item > .active > a:focus {
        background-color: #BBE3CF;
    }

.nav > .nav-item.documenttabitem > .active > a:hover {
    background-color: #9AFEFF; /*light blue*/
}

.nav > .nav-item > li > a {
    padding-top: 0px;
    color:black;
}


.nav {
    margin-bottom: -1px;
}

    .nav > li > a {
        border: 1px solid #ddd;
    }

.nav-link {
    color: black !important;
}
    .nav-link.documenttabitem:hover {
        background-color: #9AFEFF; /*light blue*/
        color: black !important;
    }
.nav > .nav-item.documenttabselector > .nav-link:hover {
    background-color: #9AFEFF; /*light blue*/
    color: black !important;
}