:root {
    --bs-emphasis-color-rgb: var(--sea-light);
    --bs-emphasis-color: var(--sea-light);
    --bs-link-color-rgb: #73cec8;
    --bs-link-hover-color-rgb: #8af5ed;
}

.modal {
    --bs-modal-header-border-width: 0;
    --bs-modal-footer-border-width: 0;
}

body {
    color: var(--sea-light);
}

.navbar-toggler {
    background-color: var(--sea-light);
}

.navbar-text a:focus, .navbar-text a:hover {
    color: var(--sea-dark);
}

.card {
    background-color: rgba(3, 19, 20, 0.8);
    color: var(--sea-light)
}

.card-header {
    border-bottom-color: var(--sea-light)
}

.dark-frosted-glass {
    background: rgba(3, 19, 20, 0.05); /* semi-transparent black background */
    -webkit-backdrop-filter: blur(5px); /* for Safari */
    backdrop-filter: blur(5px);    /* blurring the elements behind the div */
}

a {
    color: var(--sea-cyan-4);
    text-decoration: underline;
}

a:hover {
    color: var(--sea-cyan-5);
}

ul.userlist {
    list-style-type: none;
    padding-left:0;
}

.strikethrough {
    text-decoration: line-through;
    color: #aaa;
}

.select2-results__option {
    background-color: var(--sea-dark);
}
.select2-selection {
    background-color: var(--sea-dark);
}
.select2-container--default .select2-selection--multiple {
    background-color: var(--sea-dark);
}
.select2-results__option--highlighted {
    background-color: var(--sea-cyan-1); /* Replace #yourHighlightColor with your desired color */
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--sea-cyan-1);
    color: var(--sea-light);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #444;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--sea-light);
}
.select2-container--default .select2-search--inline .select2-search__field {
    color: var(--sea-light);
    border-color: #aaa;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #aaa;
    outline: 0;
}
.select2-hidden-accessible {
    border-color: #aaa; !important;
}
.select2-container--default .select2-results__option--selected {
    background-color: #444;
}

.select2-bigdrop {
    z-index: 9999; /* You can increase this value if it's still not appearing on top */
}

/* Remove role buttons */

.remove-btn i {
    color: var(--sea-light); /* paragraph color, you can specify a color if needed */
    min-width: 1.5rem;
    text-align: left;
}

.remove-btn:hover i {
    color: red;
}

#removeUserButton:hover i:before {
    content: "\f235"; /* Unicode for fa-user-times */
}

#removeRoleButton:hover i:before {
    content: "\f410"; /* Unicode for fa-user-times */
}


#removeAppButton:hover i:before {
    content: "\f057"; /* Unicode for fa-circle-xmark */
}