.dropdown-menu {
    border: 1px solid #ccc;
    border-radius: 4px;
}

.dropdown-menu hr {
    border-top: 1px solid #858585;
    margin: 0;
}

.navbar-collapse .dropdown-item {
    line-height: initial;
}

.card {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: none;
}
.card-header {
    background-color: #f8f9fa;
    font-weight: bold;
}

.profile-picture {
    width: 200px; /* Fixed width */
    height: 200px; /* Fixed height to make it a square */
    object-fit: cover; /* Ensures the image fills the container, cropping as needed */
    border-radius: 50%; /* Makes the square into a circle */
    border: 8px solid #ddd; /* Optional: Add a subtle border for aesthetics */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Add a soft shadow */
}

.bg-gray {
    background-color: #d1d4d7 !important;
}

.current-plan {
    background-color: #e5e5e5;
    padding: 1rem;
    border: 1px dashed #9e9e9e;
}

.current-plan h5 {
    margin: 0;
}

.text-party {
    background-color: rgb(224 129 33) !important;
    color: white;
}

/*.progress {
    background-color: #e9ecef;
    border-radius: 5px;
    overflow: hidden;
    height: 20px;
}

.progress-bar {
    background-color: #c70000;
    height: 100%;
    line-height: 20px;
    color: #fff;
    text-align: center;
}*/

/*.btn-primary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #b50000 !important;
    --bs-btn-border-color: #b50000 !important;
    --bs-btn-hover-color: #fff!important;
    --bs-btn-hover-bg: #c70000!important;
    --bs-btn-hover-border-color: #9d0000!important;
    --bs-btn-focus-shadow-rgb: 253, 49, 49!important;
    --bs-btn-active-color: #fff!important;
    --bs-btn-active-bg: #9d0000!important;
    --bs-btn-active-border-color: #9d0000!important;
    --bs-btn-disabled-color: #fff!important;
    --bs-btn-disabled-bg: #b50000 !important;
    --bs-btn-disabled-border-color: #9d0000!important;
    color: rgba(255, 255, 255, 1) !important;
}

.btn-outline-primary {
    --bs-btn-bg: #b50000 !important;
    --bs-btn-color: #fff !important;
    --bs-btn-border-color: #b50000 !important;
    --bs-btn-hover-color: #fff!important;
    --bs-btn-hover-bg: #c70000!important;
    --bs-btn-hover-border-color: #9d0000!important;
    --bs-btn-focus-shadow-rgb: 253, 49, 49!important;
    --bs-btn-active-color: #fff!important;
    --bs-btn-active-bg: #9d0000!important;
    --bs-btn-active-border-color: #9d0000!important;
    --bs-btn-disabled-color: #fff!important;
    --bs-btn-disabled-border-color: #9d0000!important;
    color: rgba(255, 255, 255, 1) !important;
}

.pagination {

    --bs-pagination-color: #b50000 !important;
    --bs-pagination-bg: #b50000 !important;
    --bs-pagination-border-color: #9d0000 !important;
    --bs-pagination-focus-color: #b50000 !important;
    --bs-pagination-focus-bg: #b50000 !important;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(253, 49, 49, 0.25) !important;
    --bs-pagination-active-bg: #b50000 !important;
    --bs-pagination-active-border-color: #b50000 !important;

}

.pagination a {
    color: rgba(255, 255, 255, 1) !important;
}

header a {
    color: #ffffff !important;
}

.navbar-nav a {
    color: rgba(255, 255, 255, 0.55) !important;
}

.navbar-nav .dropdown-menu a {
    color: rgba(0, 0, 0, 1) !important;
}


a {
    color: #9d0000 !important;
}

.btn-secondary {
    color: #ffffff !important;
}

.btn-danger  {
    color: #ffffff !important;
    --bs-btn-color: #fff !important;
    --bs-btn-bg: black !important;
    --bs-btn-border-color: black !important;
    --bs-btn-hover-color: #fff!important;
    --bs-btn-hover-bg: black!important;
    --bs-btn-hover-border-color: black!important;
    --bs-btn-focus-shadow-rgb: 255, 255, 255!important;
    --bs-btn-active-color: #fff!important;
    --bs-btn-active-bg: black!important;
    --bs-btn-active-border-color: black!important;
    --bs-btn-disabled-color: #fff!important;
    --bs-btn-disabled-bg: black !important;
    --bs-btn-disabled-border-color: black!important;
}

.btn-warning {
    color: #000000 !important;
}
*/