.usericonfont {
	font-size: 50px;
	color: #fdce44;
}
/* Base button styles */
.btn-custom {
    background-color: #ffbf00; /* Button background color */
    color: black; /* Button text color */
}

/* Hover state */
.btn-custom:hover {
    background-color: #e6a600; /* Slightly darker background on hover */
}

/* Active state */
.btn-custom:active {
    background-color: #cc9b00; /* Even darker background when button is pressed */
}

/* Focus state */
.btn-custom:focus {
    outline: none; /* Remove default focus outline */
    box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.5); /* Custom focus outline */
}
.navbar-brand {
    font-size: 24px;
    font-weight: bold;
}

.nav-link {
    font-weight: bold;
    color: black !important;
}

.navbar .dropdown-menu {
    right: auto;
    left: 0;
}

.navbar .dropdown-menu.dropdown-menu-end {
    right: 0;
    left: auto;
}

.navbar .dropdown-menu .dropdown-item {
    font-weight: normal;
    color: black !important;
}

.rounded-circle {
    border-radius: 50%;
}

.fa-solid {
    margin-right: 8px;
}
.page-link.active, .active > .page-link {
    color: #000000;
}
.page-link {
    color: #000000;
}
.page-header .breadcrumb .breadcrumb-item a:hover {
    color: #ffbf00;
}
.page-header .breadcrumb .breadcrumb-item a:focus {
    color: #ffbf00;
}
.text-bg-success {
	background-color: #28a745 !important;
	border-color: #28a745 !important;
}
.btn-success {
	background-color: #28a745 !important;
	border-color: #28a745 !important;
}