Boostrap Theme - change blue halo

[Joe]

I'm using the bootstrap theme, although I am not using Bootstrap itself.  My form fields and buttons, such as on the Kendo menu and panel bar, when selected have a blue glowing halo around it.  I was able to modify it for the inputs with 

input:focus
{
        outline: thin dotted;
        /*outline: 5px auto -webkit-focus-ring-color;*/
        outline: 2px auto #fe9827;
        outline-offset: -2px;
}

 

but this doesn't alter the color (which is what I really want) for the Kendo menu and panelbar.  How can I accomplish that please?

[Orlin]

Extension settings

Hello Joe,

To remove the blue box shadow of the focused elements in the Bootstrap theme, customize the k-state-focused class that applies the blue shadow.

Have a look at the following dojo for an example: http://dojo.telerik.com/ihUTaY

I hope this helps.

 

Regards,
Orlin
Telerik by Progress