:root {
    /*-------------------------------------*/
    /*-----------*Primary styles*----------*/
    /*-------------------------------------*/
    --primaryColor: #004B87;
    --secondaryColor: #FFFFFF;
    --tertiaryColor: #00263E;
    --containerBGColor: #FFFFFF;
    --containerBGColorAlt: #f1f0ef;
    --containerBGColorTertiary: #004B87;
    --appBodyBGColor: #f1f0ef;
    --appHeaderBGColor: #FFFFFF;
    --signonCredentialsBoxBGColor: #FFFFFF;
    --appContentWidth: 1600px;
    /*-------------------------------------*/
    /*-----------*Text Styles*-------------*/
    /*-------------------------------------*/
    --textColorMain: #101820;
    --textColorAlt: #FFFFFF;
    --textColorTertiary: #004B87;
    --linkColor: #0061A0;
    --linkHoverColor: #00263E;
    /*-------------------------------------*/
    /*-------*Error & Warning Styles*------*/
    /*-------------------------------------*/
    --errorColor: #B53921;
    --errorColorAlt: #f3e1de;
    --warningColor: #FAD91E;
    /*-------------------------------------*/
    /*----------*Wip page styles*----------*/
    /*-------------------------------------*/
    --wipFiltersBGColor: #FFFFFF;
    --WipFiltersBGAltColor: #004B87;
    --wipFormTableHeaderBGColor: #004B87;
    --wipFormTableBodyBGColor: #FFFFFF;
    --wipFormTableItemsBGColor: #f1f0ef;
    --wipTableOddColor: #FFFFFF;
    --wipTableEvenColor: #f1f0ef;
    /*-------------------------------------*/
    /*----------*LC Page Styles*-----------*/
    /*-------------------------------------*/
    --lcNavBarBGColor: #cfcdc9;
    --lcNavBarTextColor: #101820;
    --lcSectionHeaderBGColor: #cfcdc9;
    /*-------------------------------------*/
    /*-----------*Button Styles*-----------*/
    /*-------------------------------------*/
    --buttonsBGColor: #0061A0;
    --buttonsBGColorHover: #1C3653;
    --buttonsTextColor: #FFFFFF;
    --buttonDisabledColor: #cfcdc9;
    /*-------------------------------------*/
    /*--------*Admin Table Styles*---------*/
    /*-------------------------------------*/
    --tableHeaderBGColor: #f1f0ef;
    --tableHeaderTextColor: #004B87;
    --tableSubItemsBGColor: #004B87;
    /*-------------------------------------*/
    /*-------*AppPage Navbar Styles*-------*/
    /*-------------------------------------*/
    --navMenuHeaderBGColor: #004B87;
    --navMenuHeaderTextColor: #FFFFFF;
    --navMenuSubHeaderBGColor: #004B87;
    --navMenuSubHeaderTextColor: #FFFFFF;
    --navMenuSubItemBGColor: #004B87;
    --navMenuTextColor: #004B87;
    --navMenuHoverColor: #063d66;
    --navMenuItemBGHoverColor: #d0d0d0;
    /*-------------------------------------*/
    /*-----------*AppPage Styles*----------*/
    /*-------------------------------------*/
    --appPageHeaderBGColor: #FFFFFF;
    --appPageHeaderBGColorAlt: #004B87;
    --appPageHeaderTextColorPrimary: #101820;
    --appPageHeaderTextColorSecondary: #FFFFFF;
    --appPageHeaderTextColorTertiary: #004B87;
    /*-------------------------------------*/
    /*---------*Calendar Styles*-----------*/
    /*-------------------------------------*/
    --calHeaderBGColor: #004B87;
    --calBodyBGColor: #FFFFFF;
    --calTodayBG: #ccffff;
    /*-------------------------------------*/
    /*-----------*Header Styles*-----------*/
    /*-------------------------------------*/
    --bankLogo: url('../Images/LE/CM/IccLogo_CM.png');
    --bankLogoWidth: 175px;
    --bankLogoMarginLeft: 150px;
    --signonFormMarginLeft: var(--bankLogoMarginLeft);
    --headerBGColorPrimary: #FFFFFF;
    --headerBGColorSecondary: #004B87;
    --headerBGColorTertiary:;
    --signonHeaderBGColor: #f1f0ef;
    --HeaderBGColor: #f1f0ef;
    /*-------------------------------------*/
    /*------------*Footer Styles*----------*/
    /*-------------------------------------*/
    --footerBGColor: #FFFFFF;
}

#BankLogoImg {
    width: var(--bankLogoWidth) !important;
    height: var(--bankLogoHeight) !important;
    background-image: var(--bankLogo);
    display: block;
    position: relative;
    top: 15px;
}

/* Ensure nav-link buttons maintain white text on hover */
.nav-link:hover {
    color: var(--textColorAlt) !important;
}

/* Checkbox and Radio Button Styling */
input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--linkColor) !important;
    transform: scale(1.2);
    margin-right: 8px;
}

/* For older browsers that don't support accent-color */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: var(--linkColor) !important;
    border-color: var(--linkColor) !important;
}

/* Error and Warning Color Overrides */
/* Calendar Expired Styles */
TD.Expired,
TD.ExpiresToday {
    color: var(--errorColor) !important;
}

A.Expired:hover {
    color: var(--errorColor) !important;
}

/* Validation Error Styles */
.ValidationErrorOdd,
.ValidationErrorEven {
    color: var(--errorColor) !important;
}

.ValidationErrorOdd A,
.ValidationErrorEven A {
    color: var(--errorColor) !important;
}

/* Validation Warning Styles */
.ValidationWarningOdd,
.ValidationWarningEven {
    color: var(--primaryColor) !important;
}

.ValidationWarningOdd A,
.ValidationWarningEven A {
    color: var(--primaryColor) !important;
}

/* SignOn Error Styles */
TD.SignOnLabel .error {
    color: var(--errorColor) !important;
}

/* Bootstrap Button Overrides for Brand Consistency */
/* Primary Action Buttons - Save, Done */
.btn-success {
    background-color: var(--linkColor) !important;
    border-color: var(--linkColor) !important;
    color: var(--textColorAlt) !important;
    font-weight: bold;
    border-radius: 5px;
    padding: 6px 12px;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: var(--linkHoverColor) !important;
    border-color: var(--linkHoverColor) !important;
    color: var(--textColorAlt) !important;
}

/* Secondary Action Buttons - Quit */
.btn-danger {
    background-color: var(--linkColor) !important;
    border-color: var(--linkColor) !important;
    color: var(--textColorAlt) !important;
    font-weight: bold;
    border-radius: 5px;
    padding: 6px 12px;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background-color: var(--linkHoverColor) !important;
    border-color: var(--linkHoverColor) !important;
    color: var(--textColorAlt) !important;
}

/* Info Buttons - Edit */
.btn-info {
    background-color: var(--linkColor) !important;
    border-color: var(--linkColor) !important;
    color: var(--textColorAlt) !important;
    font-weight: bold;
    border-radius: 5px;
    padding: 6px 12px;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background-color: var(--linkHoverColor) !important;
    border-color: var(--linkHoverColor) !important;
    color: var(--textColorAlt) !important;
}

/* Warning Buttons - Reset */
.btn-warning {
    background-color: var(--warningColor) !important;
    border-color: var(--warningColor) !important;
    color: var(--textColorMain) !important;
    font-weight: bold;
    border-radius: 5px;
    padding: 6px 12px;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background-color: #e6c519 !important;
    border-color: #e6c519 !important;
    color: var(--textColorMain) !important;
}

/* CPE Controls Section Override */
.cpeControls {
    background-color: var(--tableHeaderBGColor) !important;
}

/* Character Count Warning Notification */
.char_Label {
    background-color: var(--warningColor) !important;
    color: var(--textColorMain) !important;
    border-color: var(--warningColor) !important;
}

/* Dropdown Select Option Styling */
select option:hover,
select option:focus {
    background-color: #f1f0ef !important;
    color: var(--textColorMain) !important;
}

/* Navigation Menu Item Styling */
A.MainMenuBotOpen,
.MainMenuMidOpen .MainMenuBotOpen {
    background-color: var(--lcNavBarBGColor) !important;
}

/* WIP Table Header Styling */
TH.WipTableHeader,
TD.WipTableHeader {
    background-color: var(--lcSectionHeaderBGColor) !important;
    color: var(--textColorMain) !important;
}

A.WipTableHeader {
    color: var(--textColorMain) !important;
}

A.WipTableHeader:hover {
    color: var(--linkColor) !important;
}

/* Filter Navigation Bar Hover Effect */
.FilterNavBar:hover {
    background-color: var(--buttonsBGColorHover) !important;
}

/* CM Bank Header - Simple design without CB waves */
.header-bg {
    background-image: none !important;
    background-color: var(--headerBGColorPrimary) !important;
}

.header-filler-image {
    background-image: none !important;
    display: none !important;
}

/* User Info Section Styling */
.user-info,
.user-data-label,
.user-data-label span {
    color: var(--textColorMain) !important;
}

/* Header Logo Override - Remove centering and fix width */
.header-logo {
    margin: 0 !important;
    width: var(--bankLogoWidth) !important;
    height: auto !important;
    padding: 10px 0px 10px 15px !important;
    flex-shrink: 0 !important;
    align-self: flex-end !important;
}

/* Bank Header Logo Container Override */
.bank-header-logo {
    display: flex !important;
    align-items: flex-end !important;
    flex-shrink: 0 !important;
}