/**
 * Dirty compatibility layer for StandardUI-based MasterPages.
 * Mainly used for overriding whole form components and irreplaceable template structures.
 */

/*                                                                          */
/* GENERIC ELEMENTS                                                         */
/*                                                                          */

.text-error {
    color: rgb(var(--theme-status-critical)/var(--tw-text-opacity, 1));
    font-weight: 700;
    font-size: 0.875rem;
}

/*                                                                          */
/* TELERIK UI OVERRIDES                                                     */
/*                                                                          */

/* RadCaptcha */

.RadCaptcha {
    margin: 1rem 0;
}

    .RadCaptcha div[id$="SpamProtectorPanel"] {
    }

    @media screen and (min-width: 640px) {
        .RadCaptcha div[id$="SpamProtectorPanel"] {
            display: grid;
            gap: 2rem;
            grid-template-columns: auto 1fr;
        }
    }

    .RadCaptcha .tlrkCptchImg {
        margin: 0 0 1rem;
        width: auto !important;
        height: 3rem !important;
    }

    .RadCaptcha .rcRefreshImage {
        margin: 1rem 0;
    }

    .RadCaptcha p {
        margin: 0;
    }

    .RadCaptcha .tlrkCptchTxt {
        background-color: white;
        box-shadow: 0 0 0 1px rgb(var(--theme-border-weak,var(--theme-border))/1) inset;
        color: rgb(var(--theme-text)/var(--tw-text-opacity));
        display: block;
        line-height: 2rem;
        padding: .5rem 1rem;
        width: 100%;
    }

    .RadCaptcha span[style^="color:Red"] {
        display: block;
        margin: 0 0 1rem;
        color: rgb(var(--theme-status-critical)/var(--tw-text-opacity, 1)) !important;
        font-weight: 700;
        font-size: 0.875rem;
    }

    .RadCaptcha:not(.rcInvalid) span[style^="color:Red"] {
        display: none;
    }

    .RadCaptcha .tlrkCptchTxt:focus:not(:disabled) {
        box-shadow: 0 0 0 1px rgb(var(--theme-border-strong,var(--theme-border))/1) inset;
        outline-color: rgb(var(--theme-focus)/1);
        outline-offset: 2px;
        outline-style: double;
        outline-width: 2px;
    }
