button.btn.btn-primary { background-color: #97d700; color: rgba(0, 0, 0, 1); font-family: 'Arial'; } 
button.btn.btn-primary:hover { background-color: #6d9c00; color: #2c2c2c;} 
button.btn.btn-primary[disabled]:hover { background-color: #97d700; color: rgba(0, 0, 0, 1);} 
div.wc-main-container { font-family: 'Arial'; } 
a.wl-app-logout-link { color: #97d700; } 
a.wl-app-logout-link:hover { color: #6d9c00; }
a, a:hover { color: #00313c; }
.header-container  { background-color: #147ba2; color: rgba(255,255,255,1); }
.component-header-container { background-color: #658d1b; color: rgba(255,255,255,1); min-height: 40px; }
.component-title, .component-title > h3 { color: rgba(255,255,255,1); }
.component-sub-title { color: rgba(255,255,255,1); }

:root {
  --primary-brand-color: #97d700;
  --primary-brand-fore-color: rgba(0, 0, 0, 1);
  --primary-brand-color-rgb: 151, 215, 0;
  --secondary-brand-color: #658d1b;
  --secondary-brand-fore-color: rgba(255,255,255,1);
  --header-brand-color: #147ba2;
  --header-brand-fore-color: rgba(255,255,255,1);
  --hyperlink-brand-color: #00313c; 
}