:root {
    --bs-body-bg: #EEEEEE;
    --bs-light-rgb: 255,255,255;
    --bs-primary-rgb: 0,0,0;
    }

    .btn-primary {
    color: White;
    background-color: #000000;
    border-color: #000000;
    }

    .btn-primary:hover {
    color: White;
    background-color: #000000;
    border-color: #000000;
    }

    .btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    color: White;
    background-color: #000000;
    border-color: #000000;
    }

    .btn-check:focus+.btn-primary, .btn-primary:focus {
    color: White;
    background-color: #000000;
    border-color: #000000;
    box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 50%);
    }

    .btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 50%);
    }

    .btn-primary.disabled, .btn-primary:disabled {
    color: White;
    background-color: #0A0A0A;
    border-color: #0A0A0A;
    }

    .navbar-light .navbar-nav .nav-link {
    color: Black;
    }

    .badge {
    color: White;
    }

    .signin-logo {
    background-color: #FFFFFF;
    }

    .expense-total, .expense-description {
    color: #000000;
    }

    .dot-pulse {
    background-color: #000000;
    color: #000000;
    box-shadow: 9999px 0 0 -5px #000000;
    }

    .dot-pulse::before, .dot-pulse::after {
    background-color: #000000;
    color: #000000;
    }

    .dot-pulse::before {
    box-shadow: 9984px 0 0 -5px #000000;
    }

    .dot-pulse::after {
    box-shadow: 10014px 0 0 -5px #000000;
    }

    @keyframes dotPulseBefore {
    0% {
    box-shadow: 9984px 0 0 -5px #000000;
    }

    30% {
    box-shadow: 9984px 0 0 2px #000000;
    }

    60%, 100% {
    box-shadow: 9984px 0 0 -5px #000000;
    }
    }

    @keyframes dotPulse {
    0% {
    box-shadow: 9999px 0 0 -5px #000000;
    }

    30% {
    box-shadow: 9999px 0 0 2px #000000;
    }

    60%, 100% {
    box-shadow: 9999px 0 0 -5px #000000;
    }
    }

    @keyframes dotPulseAfter {
    0% {
    box-shadow: 10014px 0 0 -5px #000000;
    }

    30% {
    box-shadow: 10014px 0 0 2px #000000;
    }

    60%, 100% {
    box-shadow: 10014px 0 0 -5px #000000;
    }
    }