:root {
    --color-primary-orange: #FF6B00;
    --font-stack: 'Poppins', sans-serif;
    --color-text-dark: #333333;
}


.RadInput_MetroTouch.riSingle .riTextBox {
    height: 42px !important;
    padding: 9px 12px !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 8px !important;
    font-family: var(--font-stack) !important;
    font-size: 0.9rem !important;
    color: var(--color-text-dark) !important;
    background: #fff !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
    outline: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.RadInputFocused {
    border-color: var(--color-primary-orange) !important;
    box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.12);
}

.RadInput_MetroTouch.riSingle.riTextBox.riFocused {
    /*border-color: var(--color-primary-orange) !important;
    box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.12);*/
    border: 2px solid red !important;
}