/* Eaton Portal */
:root {
/*COLORS*/
	--primary:  #007AC3;
  --secondary: #E6EAEC;
 
/* Button Colors */
    --btn-primary-color: var(--white);
    --btn-primary-color-hover: var(--white);
    --btn-primary-color-active: var(--white);
    --btn-primary-color-focus: var(--white);
    --btn-primary-bg: var(--primary);
    --btn-primary-border: #141414;
    --btn-primary-bg-hover: var(--black);
    --btn-primary-bg-active: var(--black);
    --btn-primary-bg-focus: var(--black);
    --btn-primary-border-color: var(--btn-primary-border);
    --btn-secondary-bg: #FEFDFB;
    --btn-secondary-color: var(--black);
    --btn-secondary-border-color: var(--primary);


};

/* General Styling Eaton Portal */

#microsite_content .btn-primary {
  color: var(--btn-primary-color);
  background-color: var(--btn-primary-bg) !important;
}

#microsite_content .btn-primary:hover {
  color: var(--btn-primary-color-hover);
  background-color: var(--btn-primary-bg-hover) !important;
}
#microsite_content .btn-primary:focus {
  color: var(--btn-primary-color-focus) !important;
  background-color: var(--btn-primary-bg-focus) !important;
  outline: none;
}

#microsite_content .btn-primary:active {
  color: var(--btn-primary-color-active) !important;
  background-color: var(--btn-primary-bg-active);
  border: var(--btn-primary-border);
}
#microsite_content .btn-default {
  color: var(--btn-secondary-color);
  background-color: var(--btn-secondary-bg) !important;
  border-color: var(--btn-secondary-border-color) !important;
}

#microsite_content .btn-default:hover {
  color: var(--btn-primary-color-hover);
  background-color: var(--btn-primary-bg) !important;
}
#microsite_content .btn-default:focus {
  color: var(--btn-primary-color-focus) !important;
  background-color: var(--btn-primary-bg-focus) !important;
  outline: none;
}

#microsite_content .btn-default:active {
  color: var(--btn-primary-color-active) !important;
  background-color: var(--btn-primary-bg-active);
  border: var(--btn-primary-border);
}

#microsite_content .bg-rel1 {
  background: var(--primary);
}

#microsite_content .bg-rel2 {	
  background: var(--secondary);
}