:root {
  /* MAIN COLOR*/
  --color-primary: #37474F;
  --color-secondary: #e2296c;
  --color-secondary-darker: #d62063;
  --light-primary-color: rgba(171, 213, 255, 1);
  --main-shiftme-color: #0967c6;
  --link-color: #7A7979;
  
  /* COLOR OF ELEMENT */
  --seed-color: whitesmoke;

  --main-menu-item-color: #e1e1f4;
  --main-menu-section-color: #e1e1f485;

  --nav-tab-item-color: var(--color-secondary);
  --nav-tab-scroll-color: var(--color-primary);
  
  --main-btn-color: var(--color-primary);
  --color-main-btn-shadow: #37474F57;
  --secondary-btn-color: var(--color-secondary);
  --color-secondary-btn-shadow: #e2296d82;

  --header-icons-color: var(--color-secondary);
  --header-secondary-color: var(--color-secondary);

  --table-header-background-color: rgba(0, 0, 0, 0.03);
  --table-header-color: rgba(0, 0, 0, 0.03);

  --account-connection-text-color: var(--color-primary);
}

div.loginPage div.logo{
  background:url('../../img/logo_paretti.svg') no-repeat center;
}

div.loginPage div.login-background{
  background:url('../../img/backgrond_login.svg') no-repeat;
}

div.loginPage div.mockup{
  background:url('../../img/app_login_mockup.png') no-repeat;
}

div.loginPage div.registration-background{
  background:url('../../img/registration_background.svg') no-repeat;
}

div.loginPage div.registration-mockup{
  background:url('../../img/registration_mockup.png') no-repeat;
}

.bg-blured-sign-page {
  background: url('../../img/sign-page_blured.png') no-repeat;
}

.bg-blured-form-page {
  background: url('../../img/form-page_blured.png') no-repeat;
}