@font-face {
      font-family: 'dp-main';
      src: url(font-main.woff2) format('woff2');
  }

  @font-face {
      font-family: 'dp-title';
      src: url(font-title.woff2) format('woff2');
  }

  :root {

      --global-font-color: rgb(50, 50, 50);
      --global-font-color-contrast: #dce3ea;
      --global-link-color: #3a8cde;
      --global-loader-inline-color: rgb(50, 50, 50);

      --body-public-background-color: black;
      --body-public-background-image: url('/assets/implementations/client-assets/public-background.jpg');
      --body-public-background-repeat: no-repeat;
      --body-public-background-position: center center;
      --body-public-background-size: cover;

      --body-secure-background-color: #f5f6f6;
      --body-secure-background-image: none;
      --body-secure-background-repeat: repeat;
      --body-secure-background-position: center top;
      --body-secure-background-size: contain;

      --body-process-background-color: black;
      --body-process-background-image: url('/assets/implementations/client-assets/process-background.jpg');
      --body-process-background-repeat: no-repeat;
      --body-process-background-position: center center;
      --body-process-background-size: cover;

      --secure-header-background-color: black;
      --secure-header-brand-color: white;

      --secure-footer-background-color: black;

      --app-loader-gradient-color-first: #0D8390;
      --app-loader-gradient-color-second: #007CB0;
      --app-loader-gradient-color-third: #007CB0;

      --panel-heading-font-size: 20px;
      --panel-heading-background-color: #85bc24;
      --panel-heading-color: #000000;

      --panel-landing-background-color: rgb(0, 0, 0, 0.5);
      --panel-landing-color: white;
      --panel-landing-heading-border-color: white;
      --panel-landing-body-color: white;

      --well-default-background-color: #f5f6f6;
      --well-default-color: #046A38;
      --well-default-border: 1px solid #046A38;
      --well-default-icon-color: #046A38;

      --well-primary-background-color: black;
      --well-primary-color: white;
      --well-primary-border: 1px solid black;
      --well-primary-icon-color: white;

      --well-secondary-background-color: #007CB0;;
      --well-secondary-color: white;
      --well-secondary-border: 1px solid #007CB0;;;
      --well-secondary-icon-color: white;

      --well-special-color: white;
      --well-special-gradient-color-first: #0D8390;
      --well-special-gradient-color-second: #007CB0;
      --well-special-gradient-color-third: #007CB0;

      --button-default-background-color: #007CB0;
      --button-default-color: white;
      --button-default-border-color: #007CB0;
      --button-default-hover-background-color: black;
      --button-default-hover-color: white;
      --button-default-hover-border-color: black;

      --button-primary-background-color: black;
      --button-primary-color: white;
      --button-primary-border-color: black;
      --button-primary-hover-background-color: #007CB0;
      --button-primary-hover-color: white;
      --button-primary-hover-border-color: #007CB0;

      --button-secondary-background-color: white;
      --button-secondary-color: black;
      --button-secondary-border-color: black;
      --button-secondary-hover-background-color: black;
      --button-secondary-hover-color: white;
      --button-secondary-hover-border-color: black;

      --navigation-line-color: white;
      --navigation-text-color: #ffffff;
      --navigation-active-background-color: #0e7035;
      --navigation-active-text-color: #ffffff;

      --navigation-mobile-button-color: white;
      --body-header-user-color: white;

      --navigation-gradient-start: #046A38;
      --navigation-gradient-end: #86BC25;

      --navigation-gradient-color-first: #0D8390;
      --navigation-gradient-color-second: #86BC25;
      --navigation-gradient-color-third: #046A38;

      --subheading-font-size: 18px;
      --subheading-text-color: black;

      --subheading-shaded-color: white;
      --subheading-shaded-background-color: black;

      --content-form-input-border-color: rgb(100, 100, 100);
      --content-form-input-border-width: 1px;
      --content-form-input-border-radius: 4px;

      --table-cell-border-color: #112a43;
      --table-cell-text-color: #112a43;
      --table-cell-font-size: 14px;

      --table-header-border-color: rgb(100, 100, 100);
      --table-header-text-color: #112a43;
      --table-header-font-size: 14px;


      --color-default: #85bc24;
      --color-default-contrast: #ffffff;
      --color-default-border: #85bc24;
      --color-muted: #ddeee8;
      --color-muted-contrast: #000008;
      --color-muted-border: #ddeee8;
      --color-primary: #000000;
      --color-primary-contrast: #ffffff;
      --color-primary-border: #000000;
      --color-secondary: #000000;
      --color-secondary-contrast: #ffffff;
      --color-secondary-border: #112a43;
      --color-success: #007cb0;
      --color-success-contrast: #ffffff;
      --color-success-border: #007cb0;
      --color-warning: #85bc24;
      --color-warning-contrast: #ffffff;
      --color-warning-border: #85bc24;

      --declaration-progress-complete-color: black;
      --declaration-progress-incomplete-color: #007CB0;

      --declaration-progress-status-complete-background-color: #007CB0;
      --declaration-progress-status-complete-color: white;

      --declaration-progress-status-incomplete-background-color: #DDEFE8;
      --declaration-progress-status-incomplete-color: #007CB0;

      --declaration-selector-color: white;
      --declaration-selector-background-color: #0D8390;
      --declaration-selector-gradient-color-first: #0D8390;
      --declaration-selector-gradient-color-second: #007CB0;
      --declaration-selector-gradient-color-third: #007CB0;

      --declaration-user-section-count: 3;
      --landing-process-heading-color: white;
      --landing-process-heading-font-size: 18px;
      --landing-process-subheading-color: white;
      --landing-process-subheading-font-size: 16px;

  }