/* css/index.css */

/* Style the navigation bar */
.navbar {
    padding: 10px 20px;
    background-color: #fff; /* Set navbar background color */
}

/* Navbar brand and text color */
.navbar .navbar-brand {
    color: #22A5D7;
    font-size: 1.5rem;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
}

/* Logo size */
.navbar-logo {
    height: 40px;
    width: auto;
    margin-right: 10px;
}

/* Navbar links */
.navbar-nav .nav-link {
    color: #22A5D7 !important; /* Set link text color to white */
    padding: 10px 15px;
}

/* Active and hover states */
.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-link:hover {
    background-color: #22A5D7; /* White background on hover/active */
    color: #fff !important; /* Text color changes to primary color */
    border-radius: 5px;
}

/* Tabs content text color */
h2 {
    color: #22A5D7; /* Text color for all tabs */
}


.loading-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-top-color: #000;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}