#blazor-error-ui {
    position: fixed;
    inset: 0; 
    background-color: rgba(0, 0, 0, 0.55);
    z-index: 9999;
    display: none;
}

    #blazor-error-ui[style*="block"] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #blazor-error-ui .error-dialog {
        background-color: #ffffff;
        color: #222;
        max-width: 520px;
        width: 90%;
        border-radius: 8px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
        padding: 1.5rem 1.75rem 1.5rem 1.75rem;
        box-sizing: border-box;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    #blazor-error-ui .error-title {
        font-size: 1.2rem;
        font-weight: 600;
        margin: 0 0 0.75rem 0;
        color: #b3261e; 
    }

    #blazor-error-ui .error-message {
        font-size: 0.95rem;
        line-height: 1.4;
        margin-bottom: 1rem;
    }

    #blazor-error-ui .error-details {
        font-size: 0.8rem;
        color: #666;
        margin-bottom: 1.25rem;
    }

    #blazor-error-ui .error-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        justify-content: flex-end;
    }

    #blazor-error-ui .error-button-primary {
        padding: 0.5rem 1.1rem;
        border-radius: 4px;
        border: none;
        font-size: 0.9rem;
        font-weight: 600;
        cursor: pointer;
        background-color: #b3261e;
        color: #fff;
    }

        #blazor-error-ui .error-button-primary:hover {
            background-color: #962018;
        }

    
    #blazor-error-ui .error-button-secondary {
        padding: 0.5rem 1.1rem;
        border-radius: 4px;
        border: 1px solid #ccc;
        font-size: 0.9rem;
        cursor: pointer;
        background-color: #f7f7f7;
        color: #333;
    }

        #blazor-error-ui .error-button-secondary:hover {
            background-color: #ececec;
        }

.mycp_hidden {
    opacity: 0;
    transition: all 1s;
}

.mycp_show {
    opacity: 1;
}

.rz-form-field.rz-state-focused .rz-form-field-content, .rz-spinner:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
    box-shadow: rgb(99, 179, 48) 0px 0px 0px 2px inset !important;
}

.rz-dropdown-item.rz-state-highlight, .rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-dropdown-items li.rz-state-highlight, .rz-autocomplete-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight {
    background-color: rgba(146, 199, 135, 0.5) !important;
    color: gray !important;
}

    .rz-dropdown-item.rz-state-highlight:hover {
        background-color: rgba(146, 199, 135, 0.5) !important;
        color: gray !important;
    }


@keyframes append-animate {
    from {
        transform: scaleY(0);
        opacity: 0;
    }

    to {
        transform: scaleY(1);
        opacity: 1;
    }
}

@keyframes remove-animate {
    from {
        transform: scaleY(1);
        opacity: 1;
    }

    to {
        transform: scaleY(0);
        opacity: 0;
    }
}


@keyframes append_cart_ani {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes remove_cart_ani {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.new-card {
    transform-origin: 50% 0;
    animation: append-animate .3s linear;
}

.old-card {
    transform-origin: 0 0;
    animation: remove-animate .3s linear;
    opacity: 0;
}

.addtocart_ch {
    animation: append_cart_ani .3s linear;
}

.addtocart_re {
    animation: remove_cart_ani .3s linear;
}

.btnValue_ch {
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    opacity: 1;
}

.btnValue_re {
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s ease-in-out;
    opacity: .5;
}


.payment_ch {
    background: #92c787;
    border-radius: 10%;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    color: white;
}

.payment_re {
    background: #ffffff;
    border-radius: 10%;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

::placeholder {
    color: red;
    font-style: italic;
    opacity: 1; 
}

:-ms-input-placeholder { 
    color: red;
    font-style: italic;
}

::-ms-input-placeholder { 
    color: red;
    font-style: italic;
}

.show {
    display: block !important;
}