/*Note: for .dfw-greymode it should look like same as a light-mode */

/*accessibility 13-07-2020 (last updated)*/

.accessible_on #Container *
{ transform: none !important; transition: none !important; box-shadow: none !important; text-shadow: none !important; background: none !important; border-radius: 0 !important; animation: none !important; }

/*all colors -- not a*/

.dfw-whitemode #Container :not(a)
{color: #000 !important;}

.dfw-blackmode #Container :not(a)
{color: #fff !important;}

/*disable before and after*/

.dfw-whitemode #Container ::after, .dfw-blackmode #Container ::after, .dfw-whitemode #Container ::before, .dfw-blackmode #Container ::before 
{ display: none !important;}

/* anchor colors -- a */

.dfw-whitemode #Container a, .dfw-whitemode #Container a *
{color: #00e !important; text-decoration: none !important;}

.dfw-blackmode #Container a, .dfw-blackmode #Container a *
{color: #fc0 !important; text-decoration: none !important;}

/*menu backgrounds*/

.dfw-whitemode #Container #Main-Menu ul li ul *, .dfw-whitemode #Container #Main-Menu ul li ul, .dfw-whitemode #Container .parentMenu
{ background: #eee !important;}

.dfw-blackmode #Container #Main-Menu ul li ul *, .dfw-blackmode #Container #Main-Menu ul li ul, .dfw-blackmode #Container .parentMenu
{ background: #333 !important;}

.accessible_on .parentMenu li a
{ margin: 2px;}

.accessible_on:not(.dfw-greymode) .subMenu li { margin: 2px 0; }

.dfw-greymode .subMenu li { padding: 2px; margin: 0px; }

/*dfw skip codes*/

.accessible_on .dfw-skip a { font-size: 12px !important; text-transform: none;}

.accessible_on .dfw-skip { z-index: 999; display: block; border: 1px solid !important;}

.accessible_on .dfw-skip { background: #fff !important;} 

.dfw-blackmode .dfw-skip { background: #000 !important;}

/*border colors*/

.dfw-whitemode #Container * { border-color: #000 !important; }

.dfw-blackmode * { border-color: #fff !important;}

/*sidebar*/

.accessible_on #Sidebar, .accessible_on .fixedsidebar 
{ padding: 5px; border: 1px solid; margin: 0 !important; width: 310px; text-align: center;}

.accessible_on #Sidebar, .accessible_on .fixedsidebar 
{ clear: both;}

.accessible_on #Sidebar .dfw-skip { margin-right: -100px;}

/*ADA for accordation*/

.accessible_on .accordContent, .accessible_on .accordTitle
{ display: block !important; border: 1px solid !important; }

/*content width auto*/

.accessible_on #Content { width: auto; }

/*gdp format for ADA*/

.accessible_on:not(.dfw-greymode) #gdpCookie
{ background: #8a8787 !important; left: 0; right: 0; margin: 0 auto; text-align: center; }

/*menu icon replace with text, Menus border none and top headder code*/

.menu li.menu-home a span { display: none !important;}

.accessible_on li.menu-home a span { display: block !important; font-size: 16px; }

.accessible_on:not(.dfw-greymode) .menu *
{ border: none !important;}

/*conatact us common and social links */

.accessible_on .contactTable { display: block; border: 0; box-shadow: none !important; }

.accessible_on .contact-address { border: 1px solid; margin: 10px auto; display: block;}

.accessible_on .social-logo { width: auto;}

/*conatact us common end */

.accessible_on.home #Header-Container, .accessible_on #credibility-sec 
{ position: relative !important;}

.accessible_on .abc
{ width: auto !important; float: none !important; height: auto; padding: 5px !important; clear: both !important; text-align: center;}

.accessible_on .abc 
{ float: none; display: inline-block; vertical-align: top; margin: 5px;}

.accessible_on .abc
{ height: auto !important;}

.accessible_on .abc
{ width: auto !important;}

.accessible_on .abc
{min-height: 10px !important; margin: 10px 0;}


/*display none items (updated commonly used clsses too)*/

.accessible_on .Banner-Tabs, .accessible_on .contactTable .contact-map, .accessible_on #Sidebar * br, .accessible_on .abc
{ display: none;}

/*commonly used ADA style for ul, li & a*/



/*commonly used ADA style for ul, li & a end*/

#Accessibility .dfwOn.dfwActive.dfwHide .dfwClose a::before, #Accessibility .dfwOn.dfwActive.dfwHide .dfwClose a::before, .accessible_on:not(.dfw-greymode) .parentList > .dropMenu::after, .accessible_on:not(.dfw-greymode) .parentList .subparentList > .dropMenu::after, .accessible_on #Container * .font-icon::before 
{ display: inline-block !important; }

.accessible_on #Container .menu-home a .font-icon::before, .accessible_on #Container .menu-home a::before, .accessible_on #Container .social-logo ul li a::before
{ display: none !important;}

/*grayscale for images*/

.accessible_on .logo img 
{ filter: grayscale(100%) contrast(50%);}

.accessible_on #Credibility li img { filter: invert(25%);}

.accessible_on .ypo-logo
{ filter: invert(1%) !important;}

.accessible_on.dfw-greymode .ypo-logo
{ filter: invert(1) !important;}

/*common code for Accessibility sidebar*/


/*common other code*/

.accessible_on footer .social-logo a span { display: block !important;}

.accessible_on footer .social-logo ul li {width: auto;}

/*common code for grey mode*/

.dfw-greymode #Container * { color: #000 !important;}

.dfw-greymode footer .social-logo ul li a { background: none; color: #fff;}

.dfw-greymode .dfw-skip a { color: #000;}

.dfw-greymode #Main-Menu .menu > li:hover
{ background: none !important; color: #000 !important; border-color: #fff;}

.dfw-greymode #Main-Menu ul.subMenu * 
{ background: #ccc !important; color: #000 !important;}

.dfw-greymode .navigation a, .dfw-greymode .navigation { color: #000;}

/*other code goes here*/

.accessible_on:not(.dfw-greymode) .abc
{ border: 1px solid !important; margin: 5px;}