/*Colors*/
.a7-color-hilite1 {
    color: var(--a7-color-hilite1);
    ;
}

.a7-color-hilite2 {
    color: var(--a7-color-hilite2);
    ;
}


/*Icons*/
.a7-icon-primary {
    background-color: var(--rz-background) !important;
    color: var(--rz-primary) !important;
    /*font-size: 5rem;*/
}

.a7-icon-right-primary {
    background-color: var(--rz-background) !important;
    color: var(--rz-primary) !important;
    /*font-size: 5rem;*/
    float: right;
}

/*Borders*/
.a7-border-4px-solid-r1rem {
    border: 4px solid;
    border-radius: 1rem;
    padding: 2px;
}

.a7-card-border-hilite1 {
    border-color: var(--a7-color-hilite1) !important;
    border: 2px solid !important;
    border-radius: 0.5rem;
    /*padding: 2px;*/
}

.a7-border-4px-dotted-r1rem {
    border: 4px dotted var(--rz-secondary);
    border-radius: 1rem;
    padding: 2px;
}

.a7-border-4px-dashed-r1rem {
    border: 4px dashed;
    border-radius: 1rem;
    padding: 2px;
}

.a7-border-4px-primary-light-solid-r1rem {
    border: 4px solid;
    border-radius: 1rem;
    padding: 2px;
}

/*Buttons*/
.a7-2rem-icon-button i {
    background: var(--rz-background);
    background-color: var(--rz-background-color);
    color: var(--rz-primary);
    font-size: 2rem !important;
}

/*Make our spinner button look like Radzen button*/
.a7-button {
    background-color: var(--rz-primary-dark);
    font-weight: 700; /* Semi-bold text */
    color: #ffffff;
    padding: 3px 3px;
}

/*This datalist a high contrast button*/
.a7-hc-button {
    background-color: var(--rz-body-background-color);
    color: var(--rz-primary);
    font-weight: 600; /* Semi-bold text */
    border: 2px solid var(--rz-primary);
    padding: 3px 3px;
}

.a7-icon-text {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    padding: 3px 3px;
}

/*High contrast icon text*/
.a7-hc-icon-text {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--rz-primary);
    padding: 3px 3px;
}

/*Optional - we could change this to apply different style while button is spinning*/
.a7-spinning-button {
    background-color: var(--rz-primary);
    padding: 3px 3px;
    /*border-radius: 24px;*/
    /*background-color: blue;*/
    /*color: white;*/
    /*font-weight: bold;*/
}

.a7-GridButton {
    text-transform: none !important;
    background: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    text-align: left !important;
    /*background-color: none !important;*/
    /*box-shadow: none !important;*/
    /*color: inherit !important;*/
    /*text-decoration: none !important;*/
}

.a7-ContrastButton {
    text-transform: none !important;
    background: none !important;
    border: 2px solid !important; /* Add a border style */
    border-color: inherit !important; /* Add a border color */
    padding: 0 !important;
    cursor: pointer !important;
    /*background-color: none !important;*/
    /*box-shadow: none !important;*/
    /*color: inherit !important;*/
    /*text-decoration: none !important;*/
}


.a7-HighlightText {
    color: var(--text-color); /* Use text color variable here */
    background: none;
}

@media (prefers-contrast: high) {
    .a7-HighlightText {
        color: ButtonText;
    }
}



/*THis is what is needed in both cases below to dynamically implemnt Win contrast themes.*/
/*In conjuction with the methods below, we would set the text color to default unless the user has win contrast themes on*/
/*.a7-HighlightText {
    color: var(--text-color);*/ /* Use text color variable here */
    /*background: none;
}*/

/*This is what we really need, but is not implemented yet as of Feb 2024*/
/*@media (prefers-contrast: high) {
    .a7-HighlightText {
        color: ButtonText;
    }
}*/

/*This works perfectly but only in Edge in is old */
/*@media screen and (-ms-high-contrast: active) {
    .a7-HighlightText {
        color: ButtonText;
    }
}*/


/* In your CSS file */