/* site.css */

/* Styling for tabs */
.nav-tabs .nav-link {
    border: 1px solid #ddd;
    border-radius: 0;
    margin-right: -1px;
}

    .nav-tabs .nav-link.active {
        background-color: #f8f9fa;
        border-bottom-color: transparent;
    }

.tab-content .tab-pane {
    padding-top: 15px;
}

/* General form styling */
form .form-group {
    margin-bottom: 1rem;
}

form .form-control {
    width: 100%;
}

form .btn-primary {
    margin-top: 1rem;
}

/* Container for registration list items */
.list-group-item {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 1rem;
    padding: 1rem;
}
/* Add your custom styles here */

.registration-container {
    margin: 20px 0;
}

    .registration-container h3 {
        margin-top: 20px;
    }

.additional-user {
    margin-bottom: 20px;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.form-group {
    margin-bottom: 1rem;
    padding-right: 15px;
    padding-left: 15px;
    flex: 1 1 0%;
    max-width: 100%;
}

.col-md-4 {
    flex: 0 0 auto;
    width: 33.333333%;
}

.col-md-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-md-12 {
    flex: 0 0 auto;
    width: 100%;
}

.form-control {
    width: 100%;
}

.mb-3 {
    margin-bottom: 1rem;
}
/* Ensure the navbar-toggler (hamburger menu icon) is visible on dark backgrounds */
.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.5); /* Light border around the hamburger button */
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); /* White hamburger icon */
}

/* Ensure the text in the navbar links is white for visibility against the dark background */
.navbar .nav-link {
    color: white !important;
}

    /* Add hover effect for navbar links */
    .navbar .nav-link:hover {
        color: #d1e3f0 !important; /* Slightly lighter color on hover */
    }

/* Optional: Ensure dropdown items (if any) are visible */
.navbar .dropdown-menu {
    background-color: #4b0082; /* Adjust based on your deep purple or dark purple background */
}

.navbar .dropdown-item {
    color: white !important;
}

    .navbar .dropdown-item:hover {
        background-color: rgba(255, 255, 255, 0.1); /* Hover effect for dropdown items */
    }
.select2-container .select2-selection--multiple {
    min-height: 38px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.navbar-custom {
    background-color: #6e528d;
    color: white;
}

    .navbar-custom .navbar-brand,
    .navbar-custom .nav-link {
        color: white !important;
    }

        .navbar-custom .navbar-brand:hover,
        .navbar-custom .nav-link:hover {
            color: #dcdcdc !important; /* Optional: lighter color on hover */
        }