:root {
    --bs-dark-rgb: 7, 57, 104;
    --bs-primary-rgb: 7, 57, 104;
    /* --bs-primary-rgb: 0, 174, 239;   didn't work */
    --bs-primary: #00aeef; /* Example custom color didn't work */
    --bs-secondary: #073968;
    --bs-success: #28a745;
    --bs-info: #17a2b8;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #343a40;
    --bs-font-sans-serif: Arial, sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-font-family: var(--bs-font-sans-serif);
}
.page-link {
    color: #073968; /* Set your desired color */
}

    .page-link:is(:hover),
    .page-link:focus {
        color: #05508c; /* Set a darker shade for hover and focus states */
        background-color: #99acc2; /* Set your desired active background color */
        border-color: #99acc2; /* Set your desired active border color */
    }

    .active > .page-link, .page-link.active {
        background-color: #073968; /* Set your desired active background color */
        border-color: #073968; /* Set your desired active border color */
        color: #ffffff; /* Set the text color for the active item */
    }

.btn-primary {
    background-color: #00aeef;
    border-color: #00aeef;
}

    .btn-primary:is(:hover),
    .btn-primary:focus,
    .btn-primary:active {
        background-color: #0097d0; /* 10% darker  */
        border-color: #0097d0; /* 10% darker  */
    }

.btn-dark,
.btn-secondary {
    background-color: #073968;
    border-color: #073968;
}

    .btn-dark:is(:hover),
    .btn-dark:focus,
    .btn-dark:active,
    .btn-secondary:is(:hover),
    .btn-secondary:focus,
    .btn-secondary:active {
        background-color: #053059; /* 10% darker */
        border-color: #053059; /* 10% darker */
    }

.btn-success {
    background-color: #2bb572;
    border-color: #2bb572;
}

    .btn-success:is(:hover),
    .btn-success:focus,
    .btn-success:active {
        background-color: #249d62; /* 10% darker */
        border-color: #249d62; /* 10% darker  */
    }

.btn-warning {
    background-color: #ffe501;
    border-color: #ffe501;
}

    .btn-warning:is(:hover),
    .btn-warning:focus,
    .btn-warning:active {
        background-color: #dec701; /* 10% darker */
        border-color: #dec701; /* 10% darker  */
    }

.nav-link {
    color: #073968; /* Set your desired color */
}

    .nav-link:is(:hover),
    .nav-link:focus {
        color: #073968; /* Set your desired hover/focus color */
        background-color: #99acc2; /* Set your desired active background color */
    }

    .nav-link.active {
        color: #ffffff; /* Set your desired active color */
        background-color: #073968; /* Set your desired active background color */
    }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #ffffff; /* Set your desired active color */
    background-color: #073968; /* Set your desired active background color */
}

.custom-modal-header, .custom-modal-footer {
    background-color: #073968;
}

.custom-modal-title {
    color: white;
}

.cbtn-reactivate {
    background-color: #f69d9c;
    border-color: #f69d9c;
}
    .cbtn-reactivate:is(:hover),
    .cbtn-reactivate:focus,
    .cbtn-reactivate:active {
        background-color: #d68887; /* 10% darker  */
        border-color: #d68887; /* 10% darker*/
    }

.badge {
    background-color: #6bcff6;
    border-color: #6bcff6;
}

.ctext-justify {
    text-align: justify;
}