Styling Recurring section in Lightbox


I am having an issue with the styles for the recurring section in my Lightbox. Basically some of the styles that I have in my overall site are conflicting with the CSS for the section. Is there a way that I can set the size of the input, etc, outside of the style sheet? Or any other suggestions would be great!


Can you share a link to the page where issue can be checked ?

Such kind of css conflict can be resolved by removing global styles ( that affects all elements on the page) or by adding some extra styles, that will change priority of scheduler’s related css.

Thank you for your quick reply!

Unfortunately, I can’t share the link because it’s has confidential information on it.

We considered removing the global styles, we decided it may be too risky and a possible last resort.

This is the global css that is conflicting:

form input[type=text] {
border: 1px solid #d4d4d4;
height: 35px;
width: 250px;
font-size: 16px;
padding: 0px 5px 0px 5px;
margin: 3px 0px 5px 0px;

What extra styles do you recommend adding?

You can use something like next

.dhx_cal_light form input[type=text] { border: 1px solid #d4d4d4; height: auto; width: auto; font-size: inherit; padding: inherit; margin: inherit; }

It will revert most style rules from global css file and it will affect only controls inside of lightbox.