:root {
  /* Company Brand /css/style/legacyassurance/  */
  --company-brand-image: url("/css/style/legacyassurance/legacy_brand.png");
  --company-brand-image-webp: url("/css/style/legacyassurance/legacy_brand.webp");

  /* Logout Button */
  --logout-btn-bg-color: #004266;
  --logout-btn-text-color: #f2f2f2;
  --logout-btn-bg-color-hover: #004266;
  --logout-btn-text-color-hover: #f2f2f2;

  /* Regular Buttons */
  --primary-btn-bg-color: #006298;
  --primary-btn-text-color: #f2f2f2;
  --primary-btn-bg-color-hover: #0085cc;
  --primary-btn-text-color-hover: #f2f2f2;

  /* Sidebar List */
  --sidebar-li-text-color-hover: #006298;
  --sidebar-li-bg-color-hover: #f2f2f2;
  --sidebar-li-text-color-active: #006298;
  --sidebar-li-bg-color-active: #f2f2f2;
  --sidebar-li-bg-color : #006298;
  --sidebar-li-text-color: #f2f2f2;
  --sidebar-li-bottom-border-color: #f2f2f2;

  /* Navigation Pills */
  --nav-tabs-color-active: #006298;
  --nav-tabs-text-color-active: #fff;
  --nav-tabs-text-color: #006298;
  --nav-tabs-bottom-border-color: #006298;

  /* Tables */
  --table-selected-background-color: #bcddff52;
  --table-hover-background-color: #bcddffc2;
  --table-header-background-color: #006298;
  --table-header-text-color: #fff;

  /* Notes */
  --note-header-bg-color: #006298;
  --note-header-text-color: #fff;
  --note-text-color: #006298;

  --primary-color: #006298; /* Fills Panel as well as other smaller things */
  --content-bg-color: #f2f2f2; /* Sets Background of content area */
  --content-label-text-color: #006298; /* Sets label color for forms */
  --panel-text-color: #fff; /* Sets text color inside Panel */
  --h-text-color: #006298; /* Sets text color of all h elements */
  --p-text-color : #999; /* Sets text color of all p elements */
}