/* Bootstrap Buttons*/
.link {
    color: var(--theme-maincolor);
    text-decoration: none;
}

    .link:hover {
        color: var(--theme-darkbackgroundcolor);
    }

.btn:first-child:active, :not(.btn-check) + .btn:active {
    color: var(--theme-darkbackgroundcolor);
    filter: brightness(150%);
}

.button {
    color: var(--theme-contrastcolor);
    background-color: var(--theme-mainbackgroundcolor);
    border: none;
}

    .button:hover {
        color: var(--theme-darkcontrastcolor);
        background-color: var(--theme-darkbackgroundcolor);
    }

:not(.btn-check) + .button:active {
    color: var(--theme-darkcontrastcolor);
    background-color: var(--theme-darkbackgroundcolor);
    border: none;
    filter: brightness(150%);
}

/* Remove password manager colors */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

/* Blazor Library Adjustments */
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--theme-maincolor);
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
    color: var(--theme-maincolor);
}

/* Standard theme */
.theme-text-color:not(:disabled) {
    color: var(--theme-maincolor);
}

.theme-text-color-bg:not(:disabled) {
    color: var(--theme-mainbackgroundcolor);
}

.theme-text-dark-color-bg:not(:disabled) {
    color: var(--theme-darkbackgroundcolor);
}

.theme-text-contrast:not(:disabled) {
    color: var(--theme-contrastcolor);
}

.theme-text-dark-contrast:not(:disabled) {
    color: var(--theme-darkcontrastcolor);
}

.theme-background-color:not(:disabled) {
    background-color: var(--theme-mainbackgroundcolor);
}

.theme-background-dark-color:not(:disabled) {
    background-color: var(--theme-darkbackgroundcolor);
}

/* On hover theme css */
.theme-text-color-hover:hover {
    color: var(--theme-maincolor);
}

.theme-text-color-bg-hover:hover {
    color: var(--theme-mainbackgroundcolor);
}

.theme-text-dark-color-bg-hover:hover {
    color: var(--theme-darkbackgroundcolor);
}

.theme-text-contrast-hover:hover {
    color: var(--theme-contrastcolor);
}

.theme-text-dark-contrast-hover:hover {
    color: var(--theme-darkcontrastcolor);
}

.theme-background-color-hover:hover {
    background-color: var(--theme-mainbackgroundcolor);
}

.theme-background-dark-color-hover:hover {
    background-color: var(--theme-darkbackgroundcolor);
}