.uk-button.uk-button-primary {
    background-color: #F1DCA9 !important; /* Standard buttons */
    color: #48856C !important; /* Change text color from white to black */
}

.uk-link, a {
    color: #48856C !important; /*standard buttons*/
}

/* Target the <th> inside <thead.uk-transition-toggle> for all three headers */
thead.uk-transition-toggle th {
    background-color: #48856C !important; /* Headers on Front End */
}
/* Target the text inside the title element within the uk-flex container */
.uk-flex:has(.icon.white) .title {
    color: #48856C !important; /* Text in White Boxes */
}
/* Target the icon container (the square) inside the uk-flex container */
.uk-flex:has(.icon.white) .icon.white {
    background-color: #48856C
 !important; /* Icons on Bottom of Wallet Page */
}
.custom-tab-view button.active {
    color: #48856C !important; /* Account Status - This color is for active (Due) */
}

.custom-tab-view button:not(.active) {
    color: #48856C !important; /* Account Status - This Color is for inactive (Completed) */
}
/* Target the "Due" and "Completed" buttons in the Account Status section */
.custom-tab-view button {
    color: #48856C !important; /* Color for text in Account Standing when toggled for both Due and Completed */
}

/* Target the "Date," "Amount," "Description," and "Action" in the Transaction History section */
.uk-text-primary td {
    color: #48856C !important; /* This is all the column descriptor colors under headers */
}

/* Target the buttons with the +Add and +Child text */
.uk-button.uk-button-family-builder {
    color: #48856C !important; /* Red - Family Tab */
}
/* Target the active navigation link */
.router-link-exact-active {
    border-bottom: 1px solid #48856C !important; /* Red Underline on header tabs when selecting */
}
/* Target the dropdown */
.uk-select {
    border: 1px solid #48856C !important; /* Purple border */
}

/* Target the GO button */
.uk-button.uk-button-primary {
    border: 1px solid #48856C !important; /* Purple border */
}
.wallet-payment-profile {
    border: none !important;
}

:root {
    --primary: #48856C; /* Border in Wallet */
}
.family_builder_contact.family_member_div.selected {
    box-shadow: 0px 0px 12px 0px #48856C inset;
}
.attr_tab.uk-active .nav-link {
    color: #48856C !important; /* White text when the tab is selected in attribute headers for  registrations */
}