.text-succ {
    color: #2B5597;
}

.badge.bg-succ-soft {
    background-color: rgb(187, 187, 187);
    color: #2B5597
}

.btn-nav {
    background-color: #2B5597;
    border-color: #2B5597;
    box-shadow: none;
    color: #fff;
}

.btn-demo {
    background-color: #2B5597;
    border-color: #2B5597;
    box-shadow: none;
    color: #fff;
    border-radius: .375rem;
}

.btn-check:focus+.btn-primary,
.btn-demo:focus,
.btn-demo:hover {
    background-color: 2B5597;
    border-color: #294bbb;
    color: #fff
}

.btn-primary-count {
    background-color: #6c8aec;
    border-color: #6c8aec;
    box-shadow: none;
    color: #fff
}

.text-primary-count {
    color: #2B5597!important
}

#bm {
    width: 100%;
}

#timemoney {
    width: 100%;
    /* height: 500px; */
}

#digreceipts {
    color: #2062AF;
}

.maine-content {
    display: flex;
}

.maine {
    width: 50%;
}

.footer {
    background-color: #C8Dff3!important;
}

.footer-content {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 767.98px) {
    .footer-content {
        padding: 10px;
    }
}

#status {
    width: 100%;
    max-width: 500px;
    text-align: center;
    padding: 10px;
    margin: 0 auto;
    border-radius: 8px;
}

#status.success {
    background-color: rgb(211, 250, 153);
    animation: status 4s ease forwards;
}

#status.error {
    background-color: rgb(250, 129, 92);
    color: white;
    animation: status 4s ease forwards;
}

@keyframes status {
    0% {
        opacity: 1;
        pointer-events: all;
    }
    90% {
        opacity: 1;
        pointer-events: all;
    }
    100% {
        opacity: 0;
        pointer-events: none;
    }
}