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

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

.accessible_on :not(#Accessibility) *
{ 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 :not(#Accessibility) :not(a)
{color: #000 !important;}

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

/*disable before and after*/

.dfw-whitemode :not(#Accessibility) ::after, .dfw-blackmode :not(#Accessibility) ::after, .dfw-whitemode :not(#Accessibility) ::before, .dfw-blackmode :not(#Accessibility) ::before 
{ display: none !important;}

/* anchor colors -- a */

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

.dfw-blackmode :not(#Accessibility) a, .dfw-blackmode :not(#Accessibility) a *
{color: #fc0 !important; text-decoration: none !important;}

/*menu backgrounds*/

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

.dfw-blackmode :not(#Accessibility) #Main-Menu ul li ul *, .dfw-blackmode :not(#Accessibility) #Main-Menu ul li ul, .dfw-blackmode :not(#Accessibility) .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 :not(#Accessibility) * { 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, .accessible_on #Banner-Container 
{ position: relative !important;}


.accessible_on #Psci-differences .psci-sec
{ 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 .map-sec ul li a img
{ display: none;}

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

.accessible_on #Sidebar ul, .accessible_on #Credibility ul, .accessible_on .tabs, .accessible_on #qlinks ul, .accessible_on #Patient-journeys ul, .accessible_on #Credibility-section ul
{ text-align: center; float: none !important;}

.accessible_on #Sidebar ul li, .accessible_on #Credibility ul li, .accessible_on .tabs li, .accessible_on #qlinks ul li, .accessible_on #Patient-journeys ul li, .accessible_on #Credibility-section ul li
{ display: inline-block !important; width: auto !important; border: 1px solid !important; height: auto; margin: 5px !important; min-height: 10px !important; float: none !important; vertical-align: top; min-width: 150px; padding: 0; background: none;}

.accessible_on #Sidebar ul li a, .accessible_on #Credibility ul li a, .accessible_on .tabs li a, .accessible_on #qlinks ul li a, .accessible_on #Patient-journeys ul li a, .accessible_on #Credibility-section ul li a 
{ display: inline-block; padding: 10px !important; min-width: 250px; border: 0 !important; min-height: 10px !important; float: none !important; vertical-align: top; width: 280px; height: auto; background: none;}

/*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 :not(#Accessibility) * .font-icon::before 
{ display: inline-block !important; }

.accessible_on :not(#Accessibility) .menu-home a .font-icon::before, .accessible_on :not(#Accessibility) .menu-home a::before, .accessible_on :not(#Accessibility) .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*/

/*.dfwOn.dfwHide { left: -336px;}
.dfwOn.dfwActive.dfwHide .dfwClose { left: 83%;}*/

.dfw-whitemode #Accessibility li { color: #00e;}
.dfw-blackmode #Accessibility li { color: #fc0;}

/*common other code*/

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

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

/*common code for grey mode*/

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

.dfw-greymode :not(#Accessibility) {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.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 .view-profile, .accessible_on .view-all, .accessible_on .map-sec ul li
{ border: 1px solid !important; margin: 5px;}

.dfw-blackmode .view-profile, .dfw-blackmode .view-all
{ border-color: #fff !important;}

.accessible_on #Menu-Container, .accessible_on #Footer-Container 
{ background: none !important;}


.accessible_on #Patient-journeys ul li:hover { color: inherit !important;}

.accessible_on #Credibility-section ul li 
{ margin-top: 25px !important;}
 
.accessible_on .halfPage { padding-left: 0px;}

.dfw-greymode .menu li a { border: 0 !important;}

.dfw-greymode #Psci-differences ::before, .dfw-greymode #Patient-journeys ::before, .dfw-greymode #Patient-journeys ::after, .dfw-greymode .menu li a::after
{
	display: none !important;
}

/*.dfw-greymode #Content-Container,.dfw-greymode #Banner-Container { position: relative; z-index: 9;}*/

.accessible_on #Menu-Container {
z-index: 999;
}

/*.accessible_on.dfw-whitemode * .dfwClose a*/

@media screen and (max-width : 768px) {
    
    .accessible_on .il-sport { float: none !important; text-align: center;}
    
    .accessible_on .textMain p { text-align: initial !important;}
    
    .menuClose, .parentList::after { display: none;}
}