:root {
	--button-yellow-background-color: rgba(240,173,78,1.0);
	--button-green-background-color: rgba(92,184,92,1.0);
	--button-red-background-color: rgba(204,0,0,1.0);
	--progress-bar-background-color: rgb(51,122,183);
	--progress-bar-warning-background-color: rgba(240,173,78, 1.0 );
	--progress-bar-danger-background-color: rgba(204,0,078, 1.0 );
	--progress-bar-success-background-color: rgba(92,184,92,1.0);
	--settings-panel-h3-text-color: #333;
	--settings-panel-quicklink-text-color: #555;
	--settings-panel-list-group-item-background-color: #fff;
	--settings-panel-list-group-item-border-color: #ddd;
	--settings-panel-list-group-item-link-color: #555;
    --settings-panel-list-group-item-link-hover-color: #f1f1f1;	
	--settings-panel-feature-box-info-label-text-color: #333;
	--settings-panel-panel-background-color: #fff; 
	--settings-panel-feature-description-text-color: #333;
	--advanced-controls-well-background-color: #f5f5f5;
	--advanced-controls-well-border-color: #e3e3e3;
	--advanced-panel-htaccess-rules-text-color: #000;
	
} 

.pegasaas-header { 
	background-color: #fff; 
	color: #333;
}

.pegasaas-header { 
	background-color: #010526;
	background-color: transparent;
	/* background-image: url(../svg/main-buttons-bg-blue-header.svg); */
    background-repeat: no-repeat;
	padding-top: 10px;
	background-position: bottom center;
	height: 140px;

	/*
	background-color: #1FA2FF;
	background:-webkit-linear-gradient(90deg, #1FA2FF 15%, #05d5ff 100%);
 background:-o-linear-gradient(90deg, #1FA2FF 15%, #05d5ff 100%);
 background:linear-gradient(90deg, #1FA2FF 15%, #05d5ff 100%);
	*/
	
}
.pegasaas-upgrade-box {
	background-color: rgba(0,0,0,0.75);
}


.version-placeholder .needs-updating {
	color: #333;

}

.pegasaas-dashboard {
	background: #fff;
	color: #000;
	/*
	background-color: #1FA2FF;
	background:-webkit-linear-gradient(90deg, #1FA2FF 15%, #05d5ff 100%);
 background:-o-linear-gradient(90deg, #1FA2FF 15%, #05d5ff 100%);
 background:linear-gradient(90deg, #1FA2FF 15%, #05d5ff 100%);
	*/
}
#pegasaas-scores-wrapper {

	/*background-size: cover; */
	background-repeat: no-repeat;
	background-position: bottom;
	margin-left: -15px;
background-color: transparent;
}

.pegasaas-dashboard {
  background-color: transparent;
	
}

#pegasaas-dashboard-container {
	background-color: #010526;
	background-color: #fff;
	background-color: transparent;
    bottom: 0px;
	
    min-height: 900px;
  

    background-image: url(../images/bg/pegasaas-v3-bg.png); 
    background-repeat: no-repeat;
    background-position: top right;
	
	

}
#pegasaas-dashboard-container:before {
	position: absolute;
	content: ' ';
	height: 900px; 
	width: 100%;
	background-color: #010526;
	z-index: -1;
}
.tools_page_pa-web-perf #wpcontent,
.toplevel_page_pegasaas-accelerator #wpcontent { padding-left: 0px; }



.score-success,
.score-danger,
.score-warning { color: #fff; }

.pegasaas-disabled .benchmark-dashboard-indicator,
.dashboard-indicator {
	background-image: url(../images/dashboard-indicator-dark.png);
}



.benchmark-dashboard-indicator,
.pages-accelerated-dashboard-indicator {
	background-image: url(../images/benchmark-dashboard-indicator-dark.png);
}


#pegasaas-accelerator-main-buttons .nav-tabs>li.active>a,
#pegasaas-accelerator-main-buttons .nav-tabs>li.active>a:focus,
#pegasaas-accelerator-main-buttons .nav-tabs>li.active>a:hover {
    color: #fff;
}



#pegasaas-accelerator-main-controls {
	color: #333;  
	
	background: #fff; 
	background: transparent;
}

.pegasaas-feature-box .pegasaas-subsystem-title {
	background-color: #33383C;
	background-color: #E0F6FF;
	background-color: #e4e4e4;
	background-color: transparent;
	color: #444;
	
}
.pegasaas-feature-box { 
	background-color: rgba(0,0,0,0.02);

}

.pegasaas-feature-box:not(.pegasaas-feature-section-container) {
	background-color: #fff; 
}
.pegasaas-feature-box:not(.pegasaas-feature-section-container) .pegasaas-accelerator-subsystem-feature-description {
	color: #333;
}

.pegasaas-feature-box:not(.pegasaas-feature-section-container) .pegasaas-subsystem-title { 
	background-color: #33383C;
	background-color: #E0F6FF;
	background-color: #e4e4e4;
}

#pegasaas-accelerator-main-controls:after {
	/*background-image: url(../images/section-top--bottom-light.png);
	background-image: url(https://img-cdn.pegasaas.io/2a86/img/Site/graphics/pegasaas-light-footer---q100.png);
	*/
	background-position: top;
	background-color: #fff;  
	background-image: none !important;
}

#pegasaas-accelerator-main-account .pegasaas-account-info-container { 
	background-color: #fff; 
	color: #444; margin-bottom: 10px; 
}

#pegasaas-api-key-form input[type=text] { 
	background-color: #fff;  
	color: #444; 
}

.mode-switcher .fieldset {
	background-color: #fff;

	border: 2px solid #555;
	color: #444;

}

.mode-switcher label { 
	color: #999;
}
.mode-switcher input:checked + label { color: #fff; }
.mode-switcher .mode-switch {
 
  background-color: #555;
  
}

.info-switcher .fieldset {
	background-color: #2C98DF;
	background-color: #e4e4e4;
	
	border: 0px solid #101516;
	color: #fff;
	color: #444;

}

.info-switcher select { 
	background-color: #e4e4e4; 
	border: 1px solid #e4e4e4; 
	color: #444;
}

.results-indicator-switcher-center .fieldset,
.results-indicator-switcher .fieldset {
	background-color: #e4e4e4;
	color: #444;

	border: 0px solid #e4e4e4;
}

.results-indicator-switcher .fieldset .btn-default { color: #e4e4e4; }




#pegasaas-accelerator-main-content-container table.pagespeed-scores >tbody> tr:nth-of-type(odd) { background-color: #fff; color: #444; }

a.external-link-to-page { color: #444; }

.cpcss-form .btn-primary.btn-xs,
.page-cache-form .btn-primary.btn-xs {
	background-color: #343E44; 
	color: #aaa; border-color: #55656F; 
}

.cpcss-form .btn-primary.active,
.cpcss-form .btn-primary:active,
.cpcss-form .open > .dropdown-toggle.btn-primary,
.page-cache-form .btn-primary.active,
.page-cache-form .btn-primary:active,
.page-cache-form .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #55656F;
    border-color: #55656F;
}


.left-bg { background-color: rgba(0,0,0,0.15);}

.benchmark-dropdown-menu-container .btn-primary.btn-xs { 
	background-color: #2C98DF; 
	color: #fff; 
	border-color : #2C98DF; 
	margin-top: -2px;
	line-height: 20px;
	vertical-align: top;
	background-color: transparent;
	color: #333;

}
.benchmark-dropdown-menu-container .btn-primary.active,
.benchmark-dropdown-menu-container .btn-primary:active,.benchmark-dropdown-menu-container .open>
.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #55656F;
    border-color: #55656F;
	background-color: transparent;
	color: #333;
}

.pagespeed-scores .progress { background-color: #eee; }

#pages-accelerated-chart-container .tooltip-inner {
	background-image: url(../images/tooltips/accelerated-pages-light.png);

}

#pages-accelerated-chart-container.accelerated-pages-tooltip-lite .tooltip-inner {
	background-image: url(../images/tooltips/accelerated-pages-light-lite.png);
}

#non-accelerated-chart-container .tooltip-inner {
	background-image: url(../images/tooltips/un-accelerated-pagespeed-scores-light.png);

}


#accelerated-chart-container .tooltip-inner {
	background-image: url(../images/tooltips/accelerated-pagespeed-scores-light.png);
}

.circular-progress-bar div span {
  background-color: #eee;
}
.primary-gauge-reference {  }
.small-gauge-reference { background-color: #fff; }
.pgr-l, .pgr-r { background-color: #fff; }
.pgr-c { color: #fff; }
.sgr-c { color: #fff; }


#pegasaas-accelerator-changelog .accordion .panel-default>.panel-heading { background-color: transparent; border-color: transparent; color: #333; }
#pegasaas-accelerator-cache .accordion .panel-default>.panel-heading { background-color: transparent; border-color: transparent; color: #333; }

#pegasaas-accelerator-faqs .accordion .panel-default>.panel-heading { background-color: transparent; border-color: transparent; color: #333; }
#pegasaas-accelerator-troubleshooting .accordion .panel-default>.panel-heading { background-color: transparent; border-color: transparent; color: #333; }

.version-placeholder .needs-updating { color: #333; }
.version-placeholder .needs-updating .fa { color: #ff4400; }

.version-placeholder .up-to-date { color: #333;   }

.version-placeholder .up-to-date a:hover .fa { color: rgb(92, 184, 92);; }




#api-request-email p.email-address-description { color: #fff;  }

.accelerate-type-options p { color: #fff; }


.upgrade-placeholder .upgrade-link a {  text-transform: uppercase; font-size: 12px; margin-left: 5px; color: #CCEACC; }
#pegasaas-scores .initialization-sequence .stay-or-go-container h3 { color: #fff; } 
#pegasaas-scores .initialization-sequence .stay-or-go-container p { color: #fff; } 
#initialization-sequence-item-descriptions { color: #fff;}

.no-pages-accelerated-welcome h2 { color: #fff; }
.setup-content h3 { color: #eee; }
#pegasaas-accelerator-troubleshooting .accordion .panel-default>.panel-heading { 
	color: #000;  }

.write-permissions-required h1 { color: #fff; text-transform: uppercase; }
.write-permissions-required h3 { color: #fff; }
.write-permissions-required a:not(.btn) { color: #fff; }

.write-permissions-required .btn { border-radius: 0px; border: 0px; padding: 10px 15px; 	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20); }
.write-permissions-required .btn-primary { background-color: #fff; color: #333;  }
.write-permissions-required .btn-primary:active { background-color: #ddd; color: #333;  }


/* 2.2.12 */
.auto-acceleration-options li > div:not(.pull-right) { border-color: #fff; background-color: rgba(255,255,255,0.75); color: #666; } 

.auto-acceleration-options li.selected-option > div {  background-color: rgba(255,255,255,1); } 
.setup-content .interface-theme li.selected_interface_theme { border-color: #fff; ;   }

/* 2.2.14 */
.pegasaas-notice {
	background-image: url(../images/pegasaas-notice-light.png);

}
.setup-wizard-title { color: #fff; } 


.setup-wizard-form p a { color: #fff; }
.setup-content h4 { color: #fff; }

.api-key-type li.selected_key_type, .api-key-type li.selected_key_type p { background-color: #fff; color: #333; }
.api-key-type li.selected_key_type #api-request-email p { color: #333; }
.accelerate-type-options h4.panel-title { color: #333; }
#initialization-sequence-item-descriptions h3 { color: #fff; }
#initialization-title { color: #fff;}
#initialization-sequence-items { color: #fff; }

.install-wizard-container,
.hold-on-prompt
{  background-color: rgba(0,0,0,0.50);  color: #fff; }

.hold-on-prompt { margin-top: 100px; }

.install-wizard p, 
.setup-wizard-form p { color: #fff; }
/*.setup-wizard-form #pro-api-key-container p { color: #000; }
.setup-wizard-form #pro-api-key-container p a { color: #333;  } */
.hold-on-prompt p a { color: #ccc; text-decoration: underline; }
/* #pro-api-key-container p { color: #fff; } */

.setup-wizard-form .btn-primary { background-color: #66D1FF; color: #fff; }

.pgr-c .popover,
.primary-gauge-title .popover,
.sgr-c .popover { background-color: #fff; color: #000; }


.local-cache-assets .table-bordered > tbody>tr>th { border: 1px solid #ccc; }
.local-cache-assets .table-bordered > tbody>tr>td  { border: 1px solid #ccc; vertical-align: middle; color: #333;  }

.pagespeed-scores.table-bordered { border: 1px solid #ddd; }
.pagespeed-scores.table-bordered > tbody>tr>th { color: #333;
	border: 1px solid #ccc; 

}

.pagespeed-scores.table-bordered > tbody>tr>td { border: 1px solid #ddd; }



.header-row { background-color: #e4e4e4 !important;  }

.border-left { 
	border-left: 2px solid #ccc !important ;
}
.btn-caret .fa-ellipsis-v { color: #fff; color: #333;}


.cpcss-form .dropdown-menu,
.page-cache-form .dropdown-menu,
.benchmark-dropdown-menu-container .dropdown-menu { 
	

	background-color: #eee;
	color: #333;
	border-color: #6B7074;
}

.cpcss-form .dropdown-menu>li>a ,
.page-cache-form .dropdown-menu>li>a ,
.benchmark-dropdown-menu-container .dropdown-menu>li>a { color: #333; }

#pegasaas-accelerator-settings-buttons .nav-pills>li:not(.active)>a { color: #444; }
#pegasaas-accelerator-settings-buttons .nav-pills>li.active>a { background-color: #2C98DF; color: #fff; }

.table-complex-settings .row:nth-of-type(odd) { background-color: #f8f8f8; }

.table-complex-settings .row:first-of-type { background-color: #e4e4e4; border-top: 1px solid #ccc;}


.mode-switcher .fieldset {
	background-color: transparent;
	border: 0px;
}

.mode-switcher .mode-switch { background-color: transparent; }

.pgr-l, .pgr-r {
	background-color: transparent;
	color: #fff;
}

@keyframes upgrade-link-color-change {
    0% { color: #CCEACC; }
    50% { color: #ffffff; }
    100% { color: #CCEACC; }
}


	.mobile-mode #ms-bg-left { stroke: rgba(6,192,254,0.25); }
	.desktop-mode #ms-bg-right { stroke: rgba(6,192,254,0.25); }


.top-left-corner-stats {left: 15px; }

.top-left-corner-stats-double:before {

	border-top-color: rgba(6,192,254,0.10);

}	
.top-left-corner-stats-double .top-left-corner-status-inner:before {

	border-top-color: rgba(6,192,254,0.10);

}
.inner-donut-small-gauge { fill: rgba(255,255,255,0.75); }
.performance-metric-change .inner-donut-small-gauge { fill: rgba(0,0,0,0.15); stroke: rgba(255,255,255,0.15);}
.performance-metric-change .outer-donut {  stroke: rgba(0,0,0,0.75);



}
.performance-metric-change .small-gauge-value:not(.improved) { color: #fff; }


#web-performance-metrics .small-gauge { 
	width: 170px;
}
#pegasaas-accelerator-main-content-container { 
	background-color: #fff;
}

#pegasaas-dashboard-container { margin-left : 0px; }

#pegasaas-accelerator-main-buttons-container {
	background-image: url(../svg/main-buttons-bg-blue.svg);
/*	border-bottom: 10px solid rgba(0,0,0,0.75);  */
}

.pegasaas-dashboard {
 
    margin-left: -15px;

}

.btn-staging {
	background-color: var(--button-yellow-background-color);
}

#compatibility-accordion .panel {
  
  background-color: rgba(0,0,0,0.5) !important;
}
.setup-content #compatibility-accordion h4 { color: #fff !important;}