input[type=checkbox]{
    accent-color: #007BFF!important;
    color: #007BFF!important;
    }

    .menu_bg {
    background-color: #FFFFFF;
    }
    .fa-solid {
    color: #FFFFFF;
    }
    .menu_text {
    color: #000000;
    }
    a {
    color: #007BFF;
    }
    .btn_disabled {
    background-color: rgb(220, 220, 220);
    color: white;
    }
    .btn_disabled:hover {
    background-color: rgb(220, 220, 220);
    cursor: default;
    }
    .border-company-color {
    border-color: #000000; 
    }
    .bg-company-color {
    background-color: #FFFFFF;
    }
    .menu {
    background-color: #FFFFFF;
    color: #000000;
    }

    .text-company-color {
    color: #000000;
    } 
    .menu:hover {
    background-color: #000000;
    color: #FFFFFF;
    }
    .btn_primary {
    background-color: #007BFF;
    color: #FFFFFF;
    }
    .btn_primary:hover {
    background-color: #0056B3;
    }
    .btn_secondary {
    background-color: #6C757D;
    color: #FFFFFF;
    }
    .btn_secondary:hover {
    background-color: #0056B3;
    }
    .btn_highlight {
    background-color: #FF0000;
    color: #FFFFFF;
    }
    .btn_highlight:hover {
    background-color: #FF4D4D;
    }
    .active-menu {
    background-color: #000000;
    color: #FFFFFF;
    }
    .tooltip-btn {
position: relative;
}
    button[data-tooltip]:hover::after {
        content: attr(data-tooltip);
        position: absolute;
        top: 120%; /* Position above the button */
        left: 50%;
        transform: translateX(-50%);
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        padding: 5px 10px;
        border-radius: 4px;
        white-space: nowrap;
        font-size: 12px;
        z-index: 10;
        opacity: 1;
        visibility: visible;
        transition: opacity 0.3s ease;
    }

    button[data-tooltip]::after {
        opacity: 0;
        visibility: hidden;
    }