/**
 * Theme overrides for the new color palette without touching vendor assets.
 */

body.login-page {
	background-color: #2a4b66 !important; /* Login page background */
	background-image: linear-gradient(180deg,#3A5F80 50%,#2a4b66 100%);
}

.main-sidebar,
.main-sidebar {
	background-color: #587996 !important; /* Sidebar background */
    color: #fff !important;
	background-image: linear-gradient(180deg,#3A5F80 10%,#2a4b66 100%);
	/* background-image: unset !important; */
}

.main-sidebar .brand-link .brand-text,
.main-sidebar .brand-link i,
.main-sidebar .nav-link,
.main-sidebar .nav-link i,
.main-sidebar .nav-header {
	color: #fff !important; /* Sidebar text and icon color */
}

.sidebar .nav-sidebar .menu-open .active i {
	color: #fff !important; /* Sidebar text and icon color */
}

.dashboard-page .icon,
.dashboard-page .icon i,
.payment-report-page .card .card-body .icon i{
	color: #3A5F80; /* Dashboard icon color */
}

.nav-sidebar .nav-link.active {
	background-color: #587996 !important; /* Sidebar active item background */
    color: #fff !important;
}

.nav-sidebar .nav-treeview > .nav-item > .nav-link.active {
	background-color: #8aa7bf !important; /* Sidebar active item background */
    color: #fff !important;
}

.nav-sidebar .nav-link:hover,
.nav-sidebar .nav-treeview > .nav-item > .nav-link:hover {
	background-color: #398FC7 !important; /* Sidebar hover background */
	color: #fff !important;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:disabled {
	background-color: #3A5F80 !important; /* Primary button background */
	border-color: #3A5F80 !important; /* Primary button border */
	color: #fff;
}

.btn-primary:hover,
.btn-primary:focus:hover,
.btn-primary:active:hover {
	background-color: #587996 !important; /* Primary button hover background */
	border-color: #587996 !important; /* Primary button hover border */
	color: #fff;
}

.btn-secondary,
.btn-default,
.btn-neutral {
	background-color: #4E4E4C !important; /* Neutral button background */
	border-color: #4E4E4C !important; /* Neutral button border */
	color: #fff !important;
}

.btn-secondary:hover,
.btn-default:hover,
.btn-neutral:hover {
	background-color: #4E4E4C !important; /* Neutral button hover background */
	border-color: #4E4E4C !important; /* Neutral button hover border */
	color: #fff !important;
}

.btn-danger,
.btn-danger:focus,
.btn-danger:active,
.btn-danger:disabled {
	background-color: #DC2626 !important; /* Danger button background */
	border-color: #DC2626 !important; /* Danger button border */
	color: #fff;
}

.btn-danger:hover,
.btn-danger:focus:hover,
.btn-danger:active:hover {
	background-color: #DC2626 !important; /* Danger button hover background */
	border-color: #DC2626 !important; /* Danger button hover border */
	color: #fff;
}

.page-item.active .page-link{
	background-color: #3A5F80;
	border-color: #3A5F80;
}
.page-link{
	color: #3A5F80;
}
.page-link:hover{
	color: #4E4E4C;
}
.login-logo{
	width: 230px;
    height: auto;
    margin: auto;
}
#js-login-form{
	text-align: center;
}
.dropdown-menu .bg-primary,
.settings-header{
	background-color: #3A5F80 !important;
}