button.btn.btn-primary { background-color: #6da6c3; color: rgba(0,0,0,.75); font-family: 'Arial'; } 
button.btn.btn-primary:hover { background-color: #4f788d; color: #ffffff;} 
button.btn.btn-primary[disabled]:hover { background-color: #6da6c3; color: rgba(0,0,0,.75);} 
div.wc-main-container { font-family: 'Arial'; } 
a.wl-app-logout-link { color: #6da6c3; } 
a.wl-app-logout-link:hover { color: #4f788d; }
a, a:hover { color: #d81616; }
.header-container  { background-color: #ffffff;; color: rgb(0,0,0,0.75); }
.component-header-container { background-color: #006699; color: #ffffff; min-height: 40px; }
.component-title, .component-title > h3 { color: #ffffff; }
.component-sub-title { color: #ffffff; }

:root {
  --primary-brand-color: #6da6c3;
  --primary-brand-fore-color: rgba(0,0,0,.75);
  --primary-brand-color-rgb: 109, 166, 195;
  --secondary-brand-color: #006699;
  --secondary-brand-fore-color: #ffffff;
  --header-brand-color: #ffffff;;
  --header-brand-fore-color: rgb(0,0,0,0.75);
  --hyperlink-brand-color: #d81616; 
}