.elementor-8480 .elementor-element.elementor-global-3923 .breadcrumbs{flex-flow:wrap;}.elementor-8480 .elementor-element.elementor-global-3923 .breadcrumbs li:not(.first):before{content:"/";}.elementor-8480 .elementor-element.elementor-global-3923 .breadcrumbs li.current:last-child{display:inline-flex;}.elementor-8480 .elementor-element.elementor-global-3923 .breadcrumbs li > a{color:var( --e-global-color-primary );}.elementor-8480 .elementor-element.elementor-global-3923 .breadcrumbs li:not(:first-child):before, .elementor-8480 .elementor-element.elementor-global-3923 .breadcrumbs li:not(:first-child) i, .elementor-8480 .elementor-element.elementor-global-3923 .breadcrumbs li:not(:first-child) svg{margin:0 5px;}.elementor-8480 .elementor-element.elementor-element-b9e5a72{text-align:center;}/* Start custom CSS for html, class: .elementor-element-d1a8469 *//* Ensure the tooltip trigger element has appropriate styling */
[aria-describedby*="__bv_popover_"] {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* Target the dynamically created tooltip content */
.popover {
    background-color: #AA97EF !important;
    color: #fff !important;
    border-radius: 6px !important;
    padding: 10px !important;
    text-align: center !important;
    max-width: 200px !important; /* Set a maximum width */
    width: auto !important; /* Ensure width is auto-adjusted */
    word-wrap: break-word !important; /* Wrap long words */
}

/* Adjust the tooltip arrow (if any) */
.popover .arrow {
    display: none;
}

/* Target the form by its class or ID */
.university-student-form {
    background-color: #f8f9fa !important; /* Set the background color */
    padding: 20px; /* Optional: Add padding */
    border-radius: 6px; /* Optional: Add rounded corners */
}


/* Custom CSS for "Voeg bestand toe" button */
.btn.btn-secondary:nth-of-type(1) {
    background-color: #9179EF; /* Set the button background color */
    border-color: #9179EF; /* Set the button border color */
    color: #FFFFFF; /* Set the button text color */
}

.btn.btn-secondary:nth-of-type(1):hover {
    background-color: #7b5bd0; /* Set the hover background color */
    border-color: #7b5bd0; /* Set the hover border color */
}

/* Custom CSS for "Ga Door" button */
.btn.btn-secondary:nth-of-type(2) {
    background-color: #9179EF; /* Set the button background color */
    border-color: #9179EF; /* Set the button border color */
    color: #FFFFFF; /* Set the button text color */
}

.btn.btn-secondary:nth-of-type(2):hover {
    background-color: #7b5bd0; /* Set the hover background color */
    border-color: #7b5bd0; /* Set the hover border color */
}/* End custom CSS */