/*********************** general ************************/
html,
/* body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
} */

* {
    box-sizing: border-box;
}

.sideBarFont {
    font-weight: bold !important;
    color: red;
}

/*********************** sidebar ************************/
.custom-sidebar {
    float: left;
    width: 10%;
    /* Reduced from 12.5% to make the sidebar narrower */
    border-right: 3px solid grey;
    /* border-bottom: 3px solid grey; */
}

.sidebar-button {
    background-color: #8497b0 !important;
    border: 3px solid #d0cece !important;
    color: rgb(255, 255, 255);
    /* Adjustments for sidebar buttons, if needed, should go here. */
}

.sidebar-button.active-menu {
    background: #333f50 !important;
}

.sidebar-button:hover {
    background: #333f50 !important;
}

/* Adjustments for logout-btn, if uncommented and used */

.buttonlock {
    pointer-events: none;
    color: lightgray;
}

/*********************** main contents ************************/

.custom-contents {
    float: left;
    width: calc(100% - 10% - 3px);
    /* Adjusted to fill the remaining space, accounting for the sidebar's border */
    border-top: 3px solid grey;
    /* background-color: #f2f2f2; */
}



/* Adjusts the padding and margin of the row containing the header */
.row.d-flex {
    padding-bottom: 0 !important;
    /* Reduces the padding at the bottom of the row */
    margin-bottom: 0 !important;
    /* Reduces the margin at the bottom of the row */
}

/* Additional adjustments to the container if needed */
.container {
    padding-bottom: 0 !important;
    /* Reduces padding at the bottom of the container */
}

/* Ensures images do not push the layout with excessive space */
.header-logo {
    margin-bottom: 0 !important;
    /* Ensures the logos don't have bottom margin */
    max-height: 100px;
    /* Adjusts the max height as per previous suggestions */
}



/* Style for the SubButtons or <a>tags */
.subt_btn {
    background-color: #8497b0 !important;
    border: 3px solid #d0cece !important;
    color: rgb(255, 255, 255);
    /* Adjustments for sidebar buttons, if needed, should go here. */
}

.subt_btn.active-menu {
    background: #8497b0 !important;
    color:#333f50 !important;
    font-weight: 600;
}

.subt_btn:hover {
    background: #333f50 !important;
    color:rgb(255, 255, 255) !important;
}

/* Style for the Font Awesome icons within the .subt_btn links */
.subt_btn i {
    color: white; /* This sets the initial color of the icons */
}

/* Apply the hover effect to the .subt_btn links, including the icons */
.subt_btn:hover i {
    color:rgb(255, 255, 255) !important; /* This changes the icon color on hover */
}

/* Ensure the icons are visible when the .subt_btn is active */
.subt_btn.active-menu i {
    color:#333f50 !important;
}