.LoginPage {
    background-image: url(../images/login_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}

.card-primary.card-outline {
	border-top: 3px solid #556ee6 !important;	
}

.card-success.card-outline {
	border-top: 3px solid #34c38f !important;	
}

.card-info.card-outline {
	border-top: 3px solid #50a5f1 !important;	
}

.card-warning.card-outline {
	border-top: 3px solid #f1b44c !important;	
}

.card-danger.card-outline {
	border-top: 3px solid #f46a6a !important;	
}

.card-dark.card-outline {
	border-top: 3px solid #343a40 !important;	
}

.card-secondary.card-outline {
	border-top: 3px solid #74788d !important;	
}

/* Global Amount Color Coding - Payable (Red) and Receivable (Green) */
/* Payable amount (negative) - red color - Customer needs to pay */
.amount-payable {
    color: #dc3545 !important; /* Red */
    font-weight: 600;
}

/* Receivable amount (positive) - green color - Customer will receive */
.amount-receivable {
    color: #28a745 !important; /* Green */
    font-weight: 600;
}

/* Transaction Sync Status - Accordion styling */
#accordionContractNotes .accordion-button {
    padding: 0.75rem 1.25rem;
}

#accordionContractNotes .accordion-button::before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
}

#accordionContractNotes .accordion-button:not(.collapsed)::before {
    transform: rotate(-180deg);
}

#accordionContractNotes .accordion-body {
    padding: 0.5rem;
}

#accordionContractNotes .accordion-body table {
    margin-bottom: 0;
}

#accordionContractNotes .accordion-body table thead {
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: #212529;
}

/* Ensure sidebar menu stays above table headers and other content */
/* Override app.min.css z-index:1001 with much higher value */
.vertical-menu {
    position: fixed !important;
    z-index: 99999 !important;
}

#sidebar-menu {
    position: relative !important;
    z-index: 100000 !important;
}

.metismenu {
    position: relative !important;
    z-index: 100001 !important;
}

/* Ensure sidebar submenu stays above content */
.metismenu .sub-menu {
    position: absolute !important;
    z-index: 100002 !important;
}

/* Ensure sidebar menu items stay above content */
.metismenu li {
    position: relative !important;
    z-index: 100003 !important;
}

.metismenu li a {
    position: relative !important;
    z-index: 100004 !important;
}

/* Ensure expanded submenu items stay above content */
.metismenu li.mm-active {
    z-index: 100005 !important;
}

.metismenu li.mm-active > a {
    z-index: 100006 !important;
}

/* Select2 Dropdown Styling - Ensure visibility and proper z-index */
.select2-container {
    z-index: 9999 !important;
}

.select2-dropdown {
    z-index: 10000 !important;
}

/* Ensure Select2 dropdown is visible and properly positioned */
.select2-container--default .select2-selection--single {
    height: 38px !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
    padding-left: 12px !important;
    padding-right: 20px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
    right: 8px !important;
}

/* Ensure Select2 results dropdown is visible */
.select2-results__option {
    padding: 8px 12px !important;
}

/* Fix for Select2 in cards/containers with overflow */
.card-body .select2-container {
    width: 100% !important;
}

/* Ensure Select2 dropdown appears above other elements */
.select2-container--open .select2-dropdown {
    z-index: 10001 !important;
}