/** Styles for the theme: Base */

/* Style for the main element */
.TcHmi_Controls_Beckhoff_TcHmiNumericInput {
    --tchmi-background: #FFFFFF;
    --tchmi-color: #4c6374;
    background-color: var(--tchmi-background);
}

.TcHmi_Controls_Beckhoff_TcHmiNumericInput-template-input {
    -webkit-appearance: none; /* Important to have visible box-shadow on input elements in iOS/Safari.  */
    box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.02), inset 0px 0px 3px 2px rgba(0,0,0,0.3);
    color: var(--tchmi-color);
}

    .TcHmi_Controls_Beckhoff_TcHmiNumericInput-template-input.tchmi-focus {
        background: rgba(76, 99, 116, 0.05);
        opacity: 1;
    }

    .TcHmi_Controls_Beckhoff_TcHmiNumericInput-template-input:invalid {
        box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.02), inset 0px 0px 3px 2px rgba(0,0,0,0.3), inset 0px 0px 7px 3px rgba(255, 0, 0, 0.3);
    }