﻿/* Bootstrap Global Overrides */

a, .btn-link {
    font-size: .9rem;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.card {
    background-color: #fff;
    border: none;
    border-radius: .5rem;
    box-shadow: 0rem .4rem 4rem rgba(57,74,89,.10)
}

.navbar-light .navbar-nav .nav-link {
    border-bottom: .15rem solid rgba(0,0,0,0);
    color: rgba(0,0,0,.7);
    font-size: 1rem;
    padding: .4rem 0;
    margin: 0 .4rem;
}

    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        color: #00A1CC;
        border-bottom: .15rem solid #00b3e3;
    }

.nav-link:hover {
    cursor: pointer;
}



/* Blazored Modal Global Overrides */
.bm-container {
    padding: 0 0.8rem;
}

.blazored-modal {
    border-radius: .5rem!important;
}


@media only screen and (max-width: 991px) {
    .navbar-light .navbar-nav .nav-link {
        border-bottom: .15rem solid rgba(0,0,0,0);
        color: rgba(0,0,0,.7);
        font-size: 1.2rem;
        padding: .4rem 0;
        margin: 0 .4rem;
    }

        .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
            color: #00b3e3;
            border-bottom: .15rem solid rgba(0,0,0,0);
        }
}